first initial
This commit is contained in:
92
public/assets/js/demo1/pages/components/extended/bootstrap-notify.js
vendored
Normal file
92
public/assets/js/demo1/pages/components/extended/bootstrap-notify.js
vendored
Normal file
@@ -0,0 +1,92 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapNotifyDemo = function () {
|
||||
|
||||
// Private functions
|
||||
|
||||
// basic demo
|
||||
var demo = function () {
|
||||
// init bootstrap switch
|
||||
$('[data-switch=true]').bootstrapSwitch();
|
||||
|
||||
// handle the demo
|
||||
$('#kt_notify_btn').click(function() {
|
||||
var content = {};
|
||||
|
||||
content.message = 'New order has been placed';
|
||||
if ($('#kt_notify_title').prop('checked')) {
|
||||
content.title = 'Notification Title';
|
||||
}
|
||||
if ($('#kt_notify_icon').val() != '') {
|
||||
content.icon = 'icon ' + $('#kt_notify_icon').val();
|
||||
}
|
||||
if ($('#kt_notify_url').prop('checked')) {
|
||||
content.url = 'www.keenthemes.com';
|
||||
content.target = '_blank';
|
||||
}
|
||||
|
||||
var notify = $.notify(content, {
|
||||
type: $('#kt_notify_state').val(),
|
||||
allow_dismiss: $('#kt_notify_dismiss').prop('checked'),
|
||||
newest_on_top: $('#kt_notify_top').prop('checked'),
|
||||
mouse_over: $('#kt_notify_pause').prop('checked'),
|
||||
showProgressbar: $('#kt_notify_progress').prop('checked'),
|
||||
spacing: $('#kt_notify_spacing').val(),
|
||||
timer: $('#kt_notify_timer').val(),
|
||||
placement: {
|
||||
from: $('#kt_notify_placement_from').val(),
|
||||
align: $('#kt_notify_placement_align').val()
|
||||
},
|
||||
offset: {
|
||||
x: $('#kt_notify_offset_x').val(),
|
||||
y: $('#kt_notify_offset_y').val()
|
||||
},
|
||||
delay: $('#kt_notify_delay').val(),
|
||||
z_index: $('#kt_notify_zindex').val(),
|
||||
animate: {
|
||||
enter: 'animated ' + $('#kt_notify_animate_enter').val(),
|
||||
exit: 'animated ' + $('#kt_notify_animate_exit').val()
|
||||
}
|
||||
});
|
||||
|
||||
if ($('#kt_notify_progress').prop('checked')) {
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Saving</strong> Page Data.');
|
||||
notify.update('type', 'primary');
|
||||
notify.update('progress', 20);
|
||||
}, 1000);
|
||||
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Saving</strong> User Data.');
|
||||
notify.update('type', 'warning');
|
||||
notify.update('progress', 40);
|
||||
}, 2000);
|
||||
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Saving</strong> Profile Data.');
|
||||
notify.update('type', 'danger');
|
||||
notify.update('progress', 65);
|
||||
}, 3000);
|
||||
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Checking</strong> for errors.');
|
||||
notify.update('type', 'success');
|
||||
notify.update('progress', 100);
|
||||
}, 4000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapNotifyDemo.init();
|
||||
});
|
||||
Reference in New Issue
Block a user