global.js

assets/script/global.js

@@ -0,0 +1,65 @@
+"use strict";
+const AdminFunction = (() => {
+    function capNhatTrangThaiMenu(hideMenuBig) {
+        if (hideMenuBig === false) {
+            $('#js-admin-content-container').addClass('show-large-menu');
+        }
+        else {
+            $('#js-admin-content-container').removeClass('show-large-menu');
+        }
+        $('#js-menu-big').toggleClass('hidden', hideMenuBig);
+        $('#js-menu-small').toggleClass('hidden', !hideMenuBig);
+        $('#js-form-search').toggleClass('menu-hide', hideMenuBig);
+        localStorage.setItem(hideMenuBig ? 'menu_big' : 'menu_small', 'hidden');
+        localStorage.removeItem(hideMenuBig ? 'menu_small' : 'menu_big');
+    }
+    function debounce(func, wait, immediate) {
+        let timeout = null;
+        return function (...args) {
+            const context = this;
+            const later = function () {
+                timeout = null;
+                if (!immediate)
+                    func.apply(context, args);
+            };
+            const callNow = immediate && !timeout;
+            if (timeout !== null) {
+                clearTimeout(timeout);
+            }
+            timeout = setTimeout(later, wait);
+            if (callNow)
+                func.apply(context, args);
+        };
+    }
+    function add_product_to_category(id) {
+        $('#status_' + id).html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Đang xử lý..</span>');
+        setTimeout(() => {
+            $('#status_' + id).html('');
+        }, 1000);
+    }
+    function run_search(holder) {
+        $(holder).keyup(debounce(function () {
+            //const inputString = $(this).val();
+            $('#js-show-search').show();
+        }, 300, false)); // Cast debounce to any to avoid type inference issues
+        $('body').click(function () {
+            $("#js-show-search").hide();
+        });
+    }
+    function update_product_hot(id) {
+        $('#js-status-hottype-' + id).html('<span class="loading loading-bars loading-sm"></span><span class="ml-[3px]">Đang xử lý..</span>');
+        setTimeout(() => {
+            $('#js-status-hottype-' + id).html('');
+        }, 1000);
+    }
+    function searchSelect(holder) {
+        $(holder).select2();
+    }
+    return {
+        capNhatTrangThaiMenu,
+        add_product_to_category,
+        run_search,
+        searchSelect,
+        update_product_hot
+    };
+})();

template/theme.html

@@ -303,7 +303,7 @@
 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
-    <script src="{{ 'main.js' | asset_url }}"></script>
+    <script src="{{ 'global.js' | asset_url }}"></script>
 
     {% include javascript/index %}