Merge branch 'board-comment' of http://192.168.0.251:3000/localnet/localhost-front into board-comment

public/js/main.js

@@ -2,116 +2,114 @@
  * Main
  */
 
-'use strict'
-
-let menu, animate
-;(function () {
+(function () {
     // Initialize menu
     //-----------------
+    let menu, animate;
 
-  let layoutMenuEl = document.querySelectorAll('#layout-menu')
+    let layoutMenuEl = document.querySelectorAll('#layout-menu');
     layoutMenuEl.forEach(function (element) {
         menu = new Menu(element, {
             orientation: 'vertical',
             closeChildren: false,
-    })
+        });
         // Change parameter to true if you want scroll animation
-    window.Helpers.scrollToActive((animate = false))
-    window.Helpers.mainMenu = menu
-  })
+        window.Helpers.scrollToActive((animate = false));
+        window.Helpers.mainMenu = menu;
+    });
 
     // Initialize menu togglers and bind click on each
-  let menuToggler = document.querySelectorAll('.layout-menu-toggle')
-  menuToggler.forEach((item) => {
-    item.addEventListener('click', (event) => {
-      event.preventDefault()
-      window.Helpers.toggleCollapsed()
-    })
-  })
+    let menuToggler = document.querySelectorAll('.layout-menu-toggle');
+    menuToggler.forEach(item => {
+        item.addEventListener('click', event => {
+            event.preventDefault();
+            window.Helpers.toggleCollapsed();
+        });
+    });
 
     // Display menu toggle (layout-menu-toggle) on hover with delay
     let delay = function (elem, callback) {
-    let timeout = null
+        let timeout = null;
         elem.onmouseenter = function () {
             // Set timeout to be a timer which will invoke callback after 300ms (not for small screen)
             if (!Helpers.isSmallScreen()) {
-        timeout = setTimeout(callback, 300)
+                timeout = setTimeout(callback, 300);
             } else {
-        timeout = setTimeout(callback, 0)
-      }
+                timeout = setTimeout(callback, 0);
             }
+        };
 
         elem.onmouseleave = function () {
             // Clear any timers set to timeout
-      document.querySelector('.layout-menu-toggle').classList.remove('d-block')
-      clearTimeout(timeout)
-    }
-  }
+            document.querySelector('.layout-menu-toggle').classList.remove('d-block');
+            clearTimeout(timeout);
+        };
+    };
     if (document.getElementById('layout-menu')) {
         delay(document.getElementById('layout-menu'), function () {
             // not for small screen
             if (!Helpers.isSmallScreen()) {
-        document.querySelector('.layout-menu-toggle').classList.add('d-block')
+                document.querySelector('.layout-menu-toggle').classList.add('d-block');
             }
-    })
+        });
     }
 
     // Display in main menu when menu scrolls
     let menuInnerContainer = document.getElementsByClassName('menu-inner'),
-    menuInnerShadow = document.getElementsByClassName('menu-inner-shadow')[0]
+        menuInnerShadow = document.getElementsByClassName('menu-inner-shadow')[0];
     if (menuInnerContainer.length > 0 && menuInnerShadow) {
         menuInnerContainer[0].addEventListener('ps-scroll-y', function () {
             if (this.querySelector('.ps__thumb-y').offsetTop) {
-        menuInnerShadow.style.display = 'block'
+                menuInnerShadow.style.display = 'block';
             } else {
-        menuInnerShadow.style.display = 'none'
+                menuInnerShadow.style.display = 'none';
             }
-    })
+        });
     }
 
     // Init helpers & misc
     // --------------------
 
     // Init BS Tooltip
-  const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
     tooltipTriggerList.map(function (tooltipTriggerEl) {
-    return new bootstrap.Tooltip(tooltipTriggerEl)
-  })
+        return new bootstrap.Tooltip(tooltipTriggerEl);
+    });
 
     // Accordion active class
     const accordionActiveFunction = function (e) {
         if (e.type == 'show.bs.collapse' || e.type == 'show.bs.collapse') {
-      e.target.closest('.accordion-item').classList.add('active')
+            e.target.closest('.accordion-item').classList.add('active');
         } else {
-      e.target.closest('.accordion-item').classList.remove('active')
-    }
+            e.target.closest('.accordion-item').classList.remove('active');
         }
+    };
 
-  const accordionTriggerList = [].slice.call(document.querySelectorAll('.accordion'))
+    const accordionTriggerList = [].slice.call(document.querySelectorAll('.accordion'));
     const accordionList = accordionTriggerList.map(function (accordionTriggerEl) {
-    accordionTriggerEl.addEventListener('show.bs.collapse', accordionActiveFunction)
-    accordionTriggerEl.addEventListener('hide.bs.collapse', accordionActiveFunction)
-  })
+        accordionTriggerEl.addEventListener('show.bs.collapse', accordionActiveFunction);
+        accordionTriggerEl.addEventListener('hide.bs.collapse', accordionActiveFunction);
+    });
 
     // Auto update layout based on screen size
-  window.Helpers.setAutoUpdate(true)
+    window.Helpers.setAutoUpdate(true);
 
     // Toggle Password Visibility
-  window.Helpers.initPasswordToggle()
+    window.Helpers.initPasswordToggle();
 
     // Speech To Text
-  window.Helpers.initSpeechToText()
+    window.Helpers.initSpeechToText();
 
     // Manage menu expanded/collapsed with templateCustomizer & local storage
     //------------------------------------------------------------------
 
     // If current layout is horizontal OR current window screen is small (overlay menu) than return from here
     if (window.Helpers.isSmallScreen()) {
-    return
+        return;
     }
 
     // If current layout is vertical and current window screen is > small
 
     // Auto update menu collapsed/expanded based on the themeConfig
-  window.Helpers.setCollapsed(true, false)
-})()
+    window.Helpers.setCollapsed(true, false);
+})();

src/layouts/NormalLayout.vue

@@ -24,32 +24,31 @@
     </div>
 </template>
 <script setup>
-import TheTop from './TheTop.vue';
-import TheFooter from './TheFooter.vue';
-import TheMenu from './TheMenu.vue';
-import { nextTick } from 'vue';
-import { wait } from '@/common/utils';
+    import TheTop from './TheTop.vue';
+    import TheFooter from './TheFooter.vue';
+    import TheMenu from './TheMenu.vue';
+    import { nextTick } from 'vue';
+    import { wait } from '@/common/utils';
 
-window.isDarkStyle = window.Helpers.isDarkStyle();
+    window.isDarkStyle = window.Helpers.isDarkStyle();
 
-const loadScript = src => {
+    const loadScript = src => {
         const script = document.createElement('script');
         script.src = src;
         script.type = 'text/javascript';
         script.async = true;
         document.body.appendChild(script);
-    script.onload = () => {
-        console.log(`${src} loaded successfully.`);
-    };
+        // script.onload = () => {
+        //     console.log(`${src} loaded successfully.`);
+        // };
         script.onerror = () => {
             console.error(`Failed to load script: ${src}`);
         };
-};
-nextTick(async () => {
+    };
+    nextTick(async () => {
         await wait(200);
         loadScript('/vendor/js/menu.js');
         loadScript('/js/main.js');
-});
+    });
 </script>
-<style>
-</style>
+<style></style>