75 lines
1.7 KiB
JavaScript
75 lines
1.7 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
// Class definition
|
||
|
|
|
||
|
|
var KTSpinnersDemo = function () {
|
||
|
|
// Private functions
|
||
|
|
|
||
|
|
// Demos
|
||
|
|
var demo1 = function () {
|
||
|
|
// Demo 1
|
||
|
|
var btn = KTUtil.getById("kt_btn_1");
|
||
|
|
|
||
|
|
KTUtil.addEvent(btn, "click", function() {
|
||
|
|
KTUtil.btnWait(btn, "spinner spinner-right spinner-white pr-15", "Please wait");
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
KTUtil.btnRelease(btn);
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo2 = function () {
|
||
|
|
// Demo 2
|
||
|
|
var btn = KTUtil.getById("kt_btn_2");
|
||
|
|
|
||
|
|
KTUtil.addEvent(btn, "click", function() {
|
||
|
|
KTUtil.btnWait(btn, "spinner spinner-dark spinner-right pr-15", "Loading");
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
KTUtil.btnRelease(btn);
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo3 = function () {
|
||
|
|
// Demo 3
|
||
|
|
var btn = KTUtil.getById("kt_btn_3");
|
||
|
|
|
||
|
|
KTUtil.addEvent(btn, "click", function() {
|
||
|
|
KTUtil.btnWait(btn, "spinner spinner-left spinner-darker-success pl-15", "Disabled...");
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
KTUtil.btnRelease(btn);
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo4 = function () {
|
||
|
|
// Demo 4
|
||
|
|
var btn = KTUtil.getById("kt_btn_4");
|
||
|
|
|
||
|
|
KTUtil.addEvent(btn, "click", function() {
|
||
|
|
KTUtil.btnWait(btn, "spinner spinner-left spinner-darker-danger pl-15", "Please wait");
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
KTUtil.btnRelease(btn);
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
// public functions
|
||
|
|
init: function() {
|
||
|
|
demo1();
|
||
|
|
demo2();
|
||
|
|
demo3();
|
||
|
|
demo4();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}();
|
||
|
|
|
||
|
|
jQuery(document).ready(function() {
|
||
|
|
KTSpinnersDemo.init();
|
||
|
|
});
|