making it work but it's sort of a mess

2022-01-10 22:51:06 -08:00
parent 91a01f7b7c
commit 81a7358452
1583 changed files with 26 additions and 4 deletions
@@ -0,0 +1,100 @@
+"use strict";
+
+// Class definition
+var KTGeneralSearchResponsiveDemos = function() {
+    // Private variables
+    var element;
+    var recentlyViewedElement;
+    var resultsElement;
+    var wrapperElement;
+    var emptyElement;
+    var preferencesElement;
+    var preferencesShowElement;
+    var preferencesDismissElement;
+    var searchObject;
+
+    // Private functions
+    var processs = function(search) {
+        var timeout = setTimeout(function() {
+            var number = KTUtil.getRandomInt(1, 3);
+
+            // Hide recently viewed
+            recentlyViewedElement.classList.add('d-none');
+
+            if (number === 3) {
+                // Hide results
+                resultsElement.classList.add('d-none');
+                // Show empty message 
+                emptyElement.classList.remove('d-none');
+            } else {
+                // Show results
+                resultsElement.classList.remove('d-none');
+                // Hide empty message 
+                emptyElement.classList.add('d-none');
+            }                  
+
+            // Complete search
+            search.complete();
+        }, 1500);
+    }
+
+    var clear = function(search) {
+        // Show recently viewed
+        recentlyViewedElement.classList.remove('d-none');
+        // Hide results
+        resultsElement.classList.add('d-none');
+        // Hide empty message 
+        emptyElement.classList.add('d-none');
+    }    
+
+    // Public methods
+	return {
+		init: function() {
+            // Elements
+            element = document.querySelector('#kt_docs_search_handler_responsive');
+
+            if (!element) {
+                return;
+            }
+
+            wrapperElement = element.querySelector('[data-kt-search-element="wrapper"]');
+            recentlyViewedElement = element.querySelector('[data-kt-search-element="recently-viewed"]');
+            resultsElement = element.querySelector('[data-kt-search-element="results"]');
+            emptyElement = element.querySelector('[data-kt-search-element="empty"]');
+            preferencesElement = element.querySelector('[data-kt-search-element="preferences"]');
+            preferencesShowElement = element.querySelector('[data-kt-search-element="preferences-show"]');
+            preferencesDismissElement = element.querySelector('[data-kt-search-element="preferences-dismiss"]');
+            
+            // Initialize search handler
+            searchObject = new KTSearch(element);
+
+            // Search handler
+            searchObject.on('kt.search.process', processs);
+
+            // Clear handler
+            searchObject.on('kt.search.clear', clear);
+
+            // Preference show handler
+            preferencesShowElement.addEventListener('click', function() {
+                wrapperElement.classList.add('d-none');
+                preferencesElement.classList.remove('d-none');
+            });
+
+            // Preference dismiss handler
+            preferencesDismissElement.addEventListener('click', function() {
+                wrapperElement.classList.remove('d-none');
+                preferencesElement.classList.add('d-none');
+            });
+		}
+	};
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTGeneralSearchResponsiveDemos.init();
+});
+
+// Webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    module.exports = KTGeneralSearchResponsiveDemos;
+}