68 lines
1.9 KiB
JavaScript
68 lines
1.9 KiB
JavaScript
"use strict";
|
|
|
|
// Class definition
|
|
var KTBaseIndicatorDemos = function() {
|
|
// Private functions
|
|
var _example1 = function(element) {
|
|
// Element to indecate
|
|
var button = document.querySelector("#kt_button_1");
|
|
|
|
// Handle button click event
|
|
button.addEventListener("click", function() {
|
|
// Activate indicator
|
|
button.setAttribute("data-kt-indicator", "on");
|
|
|
|
// Disable indicator after 3 seconds
|
|
setTimeout(function() {
|
|
button.removeAttribute("data-kt-indicator");
|
|
}, 3000);
|
|
});
|
|
}
|
|
|
|
var _example2 = function(element) {
|
|
// Element to indecate
|
|
var button = document.querySelector("#kt_button_2");
|
|
|
|
// Handle button click event
|
|
button.addEventListener("click", function() {
|
|
// Activate indicator
|
|
button.setAttribute("data-kt-indicator", "on");
|
|
|
|
// Disable indicator after 3 seconds
|
|
setTimeout(function() {
|
|
button.removeAttribute("data-kt-indicator");
|
|
}, 3000);
|
|
});
|
|
}
|
|
|
|
var _example3 = function(element) {
|
|
// Element to indecate
|
|
var button = document.querySelector("#kt_button_3");
|
|
|
|
// Handle button click event
|
|
button.addEventListener("click", function() {
|
|
// Activate indicator
|
|
button.setAttribute("data-kt-indicator", "on");
|
|
|
|
// Disable indicator after 3 seconds
|
|
setTimeout(function() {
|
|
button.removeAttribute("data-kt-indicator");
|
|
}, 3000);
|
|
});
|
|
}
|
|
|
|
|
|
return {
|
|
// Public Functions
|
|
init: function(element) {
|
|
_example1();
|
|
_example2();
|
|
_example3();
|
|
}
|
|
};
|
|
}();
|
|
|
|
// On document ready
|
|
KTUtil.onDOMContentLoaded(function() {
|
|
KTBaseIndicatorDemos.init();
|
|
}); |