bootstrap-modal-extension

Extension for Bootstrap ~3.0 modal. A wrapper for the default js that allows for finer control of the modal.

Installation

 npm install bootstrap-modal-extension

Use

*data-toggle ='' => register extension listener
*data-title ='*' => title of modal
*data-content ='*' => modal main content (ID selector, text, html)
*data-expose ='*,*' => list of selectors to unhide
*data-footer ='bool' => show footer
*data-large ='bool' => show large modal
*data-migrate ='bool' => migrate content location
*data-keyboard ='bool' => allow keyboard
*data-backdrop ='static' => set modal backdrop
*data-confirm-text ='*' => text for confirm button
*data-confirm-callback ='' => callback after user confirms

// modal extension must be created
var modalExtension = new ModalExtension('id of modal');

<button type="button" class="btn btn-primary"
	data-toggle = 'modalExtension'
	data-title 	= 'title'
	data-footer = 'bool'
	data-large 	= 'bool'
	data-content = '(ID selector, text, html)'
	data-confirm-text = 'yes'
	data-confirm-callback = 'function(){...}'
>Login</button>             

modalExtension.show({
	title 	: 'title',
	footer 	: true,
	large 	: false,
	content : '(ID selector, text, html)',
	confirm_text : 'yes',
	confirm_callback : function(){...}
})

.hide({ delay : 5000, callback : function(){...} });