From 8773db7d99bf04106875375b00233fdcf725751a Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Sat, 1 Mar 2025 03:13:30 +0330
Subject: [PATCH] improve js quality

---
 .../segments/menu/HomayonMenu/HomayonMenu.js  | 11 ++++
 .../menu/HomayonMenu/HomayonMenu.scss         |  2 +
 .../slider/SliderSimple/SliderSimple.js       | 50 ++++++++++---------
 3 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/resources/views/segments/menu/HomayonMenu/HomayonMenu.js b/resources/views/segments/menu/HomayonMenu/HomayonMenu.js
index 27c7f16..77590b0 100644
--- a/resources/views/segments/menu/HomayonMenu/HomayonMenu.js
+++ b/resources/views/segments/menu/HomayonMenu/HomayonMenu.js
@@ -20,10 +20,21 @@ const toggleSideMenu = function (e) {
     e.preventDefault();
     if (document.querySelector('.homayon-resp-menu').style.display == 'none'){
         document.querySelector('.homayon-resp-menu').style.display = 'block';
+        setTimeout(function () {
+            document.addEventListener('click', handleDocumentClick);
+        },100);
     }else{
         document.querySelector('.homayon-resp-menu').style.display = 'none';
     }
 };
+
+function handleDocumentClick(e) {
+    const respMenu = document.querySelector('.homayon-resp-menu');
+    if (!respMenu.contains(e.target)) {
+        respMenu.style.display = 'none';
+        document.removeEventListener('click', handleDocumentClick);
+    }
+}
 document.addEventListener('DOMContentLoaded',function () {
     document.querySelector('#homa-toggle-menu')?.addEventListener('click',toggleSideMenu);
 
diff --git a/resources/views/segments/menu/HomayonMenu/HomayonMenu.scss b/resources/views/segments/menu/HomayonMenu/HomayonMenu.scss
index 574872d..87deb77 100644
--- a/resources/views/segments/menu/HomayonMenu/HomayonMenu.scss
+++ b/resources/views/segments/menu/HomayonMenu/HomayonMenu.scss
@@ -335,6 +335,8 @@
 
     /* submenu expandable */
     .homayon-resp-menu{
+        top: 0;
+        box-shadow: var(--xshop-shadow);
         ul{
             li{
                 ul{
diff --git a/resources/views/segments/slider/SliderSimple/SliderSimple.js b/resources/views/segments/slider/SliderSimple/SliderSimple.js
index 47c6220..711e5d4 100755
--- a/resources/views/segments/slider/SliderSimple/SliderSimple.js
+++ b/resources/views/segments/slider/SliderSimple/SliderSimple.js
@@ -1,30 +1,34 @@
 import {tns} from "tiny-slider/src/tiny-slider";
 
-var sliderSimple ;
+var sliderSimple;
 
 document.addEventListener('DOMContentLoaded', () => {
-  try {
-      document.querySelectorAll('.SliderSimple')?.forEach(function (el) {
-          if (el.classList.contains('.tns-slider')){
-              console.log('ignore');
-              return 'ignore';
-          }
-          sliderSimple = tns({
-              container: el,
-              items: 1,
-              autoplay: true,
-              autoplayButton: false,
-              // nextButton: false,
-              controls: false,
-              autoplayHoverPause: true,
-              mouseDrag: true,
-              slideBy: 1,
-              autoplayTimeout: 5000,
-              // speed:10000,
-          });
-      });
-  } catch {
-  }
+    try {
+        if (document.querySelectorAll('.SliderSimple').length != 0) {
+
+            document.querySelectorAll('.SliderSimple')?.forEach(function (el) {
+                if (el.classList.contains('.tns-slider')) {
+                    console.log('ignore');
+                    return 'ignore';
+                }
+                sliderSimple = tns({
+                    container: el,
+                    items: 1,
+                    autoplay: true,
+                    autoplayButton: false,
+                    // nextButton: false,
+                    controls: false,
+                    autoplayHoverPause: true,
+                    mouseDrag: true,
+                    slideBy: 1,
+                    autoplayTimeout: 5000,
+                    // speed:10000,
+                });
+            });
+        }
+
+    } catch {
+    }
 
 
 });