adding files of assets

2022-01-10 22:32:53 -08:00
parent f2779a0c2e
commit 91a01f7b7c
1582 changed files with 424006 additions and 0 deletions
@@ -0,0 +1,68 @@
+"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();
+});
@@ -0,0 +1,50 @@
+"use strict";
+
+// Class definition
+var KTBaseRotateDemos = 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() {
+            button.classList.toggle("active");              
+        });
+    }
+
+    var _example2 = function(element) {
+        // Element to indecate
+        var button = document.querySelector("#kt_button_2");
+
+        // Handle button click event
+        button.addEventListener("click", function() {
+            button.classList.toggle("active");               
+        });
+    }
+
+    var _example3 = function(element) {
+        // Element to indecate
+        var button = document.querySelector("#kt_button_3");
+
+        // Handle button click event
+        button.addEventListener("click", function() {
+            button.classList.toggle("active");              
+        });
+    }
+    
+
+    return {
+        // Public Functions
+        init: function(element) {
+            _example1();
+            _example2();
+            _example3();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTBaseRotateDemos.init();
+});
@@ -0,0 +1,60 @@
+"use strict";
+
+// Class definition
+const KTBaseToastDemos = function () {
+    // Private functions
+    const exampleToggle = () => {
+        // Select elements
+        const button = document.getElementById('kt_docs_toast_toggle_button');
+        const toastElement = document.getElementById('kt_docs_toast_toggle');
+
+        // Get toast instance --- more info: https://getbootstrap.com/docs/5.1/components/toasts/#getinstance
+        const toast = bootstrap.Toast.getOrCreateInstance(toastElement);
+
+        // Handle button click
+        button.addEventListener('click', e => {
+            e.preventDefault();
+
+            // Toggle toast to show --- more info: https://getbootstrap.com/docs/5.1/components/toasts/#show
+            toast.show();
+        });
+    }
+
+    const exampleStack = () => {
+        // Select elements
+        const button = document.getElementById('kt_docs_toast_stack_button');
+        const container = document.getElementById('kt_docs_toast_stack_container');
+        const targetElement = document.querySelector('[data-kt-docs-toast="stack"]'); // Use CSS class or HTML attr to avoid duplicating ids
+
+        // Remove base element markup
+        targetElement.parentNode.removeChild(targetElement);
+
+        // Handle button click
+        button.addEventListener('click', e => {
+            e.preventDefault();
+
+            // Create new toast element
+            const newToast = targetElement.cloneNode(true);
+            container.append(newToast);
+
+            // Create new toast instance --- more info: https://getbootstrap.com/docs/5.1/components/toasts/#getorcreateinstance
+            const toast = bootstrap.Toast.getOrCreateInstance(newToast);
+
+            // Toggle toast to show --- more info: https://getbootstrap.com/docs/5.1/components/toasts/#show
+            toast.show();
+        });
+    }
+
+    return {
+        // Public Functions
+        init: function () {
+            exampleToggle();
+            exampleStack();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTBaseToastDemos.init();
+});