typesript

assets/src/main.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
+    };
+})();

assets/src/main.ts

@@ -70,29 +70,11 @@ const AdminFunction: AdminFunction = (() => {
         $(holder).select2();
     }
 
-    function checkForm(status: boolean) {
-        $('#overlay').addClass('active');
-        $('.status-notificatiom').addClass('active');
-        if (status == true) {
-            $('.status-notificatiom .content').html(`<i class="fa fa-check"></i> <b>Cập nhật thành công</b>
-            <p>Đơn hàng #000-368 đã được cập nhật thành công</p>`);
-        }
-        else {
-            $('.status-notificatiom .content').html(`<i class="fa-solid fa-triangle-exclamation"></i> <b>Lỗi cập nhật</b><p>Có một số vấn đề với hoạt động của bạn.</p>`);
-        }
-    }
-    function closeForm() {
-        $('#overlay').removeClass('active');
-        $('.status-notificatiom').removeClass('active');
-    }
-
     return {
         capNhatTrangThaiMenu,
         add_product_to_category,
         run_search,
         searchSelect,
-        update_product_hot,
+        update_product_hot
-        checkForm,
-        closeForm
     };
 })();

tsconfig.json

@@ -11,6 +11,6 @@
     "jsx": "preserve",
     "moduleResolution": "node" // Thay đổi giá trị này từ 'classic' thành 'node'
   },
-  "include": ["./src_typescript/main2.ts"],
+  "include": ["./assets/src/main.ts"],
   "exclude": ["node_modules"]
 }

vite.config.ts

@@ -4,7 +4,7 @@ import vue from '@vitejs/plugin-vue'
 // https://vitejs.dev/config/
 export default defineConfig({
   build: {
-    outDir: 'dist',
+    outDir: './assets/dist',
     minify: false,
     rollupOptions: {
       output: {