api code global jain

public/js/pages/features/custom/spinners.js

@@ -0,0 +1,74 @@
+"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();
+});