mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-12 23:11:38 +08:00
添加Metronic(作为LFS)
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
var UIExtendedModals = function () {
|
||||
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
|
||||
// general settings
|
||||
$.fn.modal.defaults.spinner = $.fn.modalmanager.defaults.spinner =
|
||||
'<div class="loading-spinner" style="width: 200px; margin-left: -100px;">' +
|
||||
'<div class="progress progress-striped active">' +
|
||||
'<div class="progress-bar" style="width: 100%;"></div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
$.fn.modalmanager.defaults.resize = true;
|
||||
|
||||
//dynamic demo:
|
||||
$('.dynamic .demo').click(function(){
|
||||
var tmpl = [
|
||||
// tabindex is required for focus
|
||||
'<div class="modal hide fade" tabindex="-1">',
|
||||
'<div class="modal-header">',
|
||||
'<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>',
|
||||
'<h4 class="modal-title">Modal header</h4>',
|
||||
'</div>',
|
||||
'<div class="modal-body">',
|
||||
'<p>Test</p>',
|
||||
'</div>',
|
||||
'<div class="modal-footer">',
|
||||
'<a href="#" data-dismiss="modal" class="btn btn-default">Close</a>',
|
||||
'<a href="#" class="btn btn-primary">Save changes</a>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
|
||||
$(tmpl).modal();
|
||||
});
|
||||
|
||||
//ajax demo:
|
||||
var $modal = $('#ajax-modal');
|
||||
|
||||
$('#ajax-demo').on('click', function(){
|
||||
// create the backdrop and wait for next modal to be triggered
|
||||
$('body').modalmanager('loading');
|
||||
|
||||
setTimeout(function(){
|
||||
$modal.load('ui_extended_modals_ajax_sample.html', '', function(){
|
||||
$modal.modal();
|
||||
});
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
$modal.on('click', '.update', function(){
|
||||
$modal.modal('loading');
|
||||
setTimeout(function(){
|
||||
$modal
|
||||
.modal('loading')
|
||||
.find('.modal-body')
|
||||
.prepend('<div class="alert alert-info fade in">' +
|
||||
'Updated!<button type="button" class="close" data-dismiss="alert">×</button>' +
|
||||
'</div>');
|
||||
}, 1000);
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
Reference in New Issue
Block a user