add gps to navbar

components/header/MobileMenu.vue

@@ -47,6 +47,23 @@
       <div class="title">
         <!--				<span>راهنما</span>-->
       </div>
+
+<div class="title"></div>
+
+<ul class="uls">
+  <li tag="li">
+    <a class="links" href="https://installer.asan-service.com/" target="_blank"> نرم افزار نصاب </a>
+  </li>
+  <li tag="li">
+    <a class="links" href="https://qps.asan-service.com/" target="_blank"> نرم افزار ردیاب </a>
+  </li>
+  <li tag="li">
+    <a class="links" href="#"> آموزش </a>
+  </li>
+</ul>
+
+
+
       <ul>
         <nuxt-link :to="{ name: 'learning', query: { page: 1 } }" tag="li">
           <a>آموزش</a>
@@ -74,6 +91,7 @@
   </aside>
 </template>
 
+
 <script>
 export default {
   computed: {
@@ -153,3 +171,7 @@ export default {
   }
 }
 </script>
+
+
+<style scoped>
+</style>

components/header/SiteHeader.vue

@@ -12,6 +12,24 @@
             <nuxt-link :to="{ name: 'announcements' }" tag="li">
               <a>اطلاعیه ها </a>
             </nuxt-link>
+
+            <li
+              class="dropDown-container gps"
+              :class="agentsDropDownActiveClass && 'active'"
+              @mouseenter="openDrop('gps')"
+              @mouseleave="closeDrop('gps')"
+            >
+              <a>
+                <span>مسیریاب (GPS)</span>
+                <i class="fas fa-angle-down"></i>
+              </a>
+              <div class="drop-down">
+                <a href="https://installer.asan-service.com/" target="_blank"> نرم افزار نصاب </a>
+                <a href="https://qps.asan-service.com/" target="_blank"> نرم افزار ردیاب </a>
+                <a href="#"> آموزش </a>
+              </div>
+            </li>
+
             <li
               class="dropDown-container help"
               :class="helpDropDownActiveClass && 'active'"
@@ -76,13 +94,15 @@
 
               <div class="drop-down">
                 <nuxt-link :to="{ name: 'about' }">درباره ما </nuxt-link>
-                <nuxt-link :to="{ name: 'contact' }" >تماس با ما </nuxt-link>
-                <a href="https://jobs.asan-service.com" >همکاری</a>
-                
+                <nuxt-link :to="{ name: 'contact' }">تماس با ما </nuxt-link>
+                <nuxt-link :to="{ name: 'complaint' }"> ثبت شکایت </nuxt-link>
+
+                <nuxt-link :to="{ name: 'survey' }"> نظرسنجی </nuxt-link>
+                <a href="https://jobs.asan-service.com">همکاری</a>
               </div>
             </li>
 
-            <nuxt-link
+            <!-- <nuxt-link
               :to="{ name: 'complaint'}"
               :class="$route.name.includes('complaint') && 'active'"
               tag="li"
@@ -96,9 +116,7 @@
               tag="li"
             >
               <a>نظرسنجی</a>
-            </nuxt-link>
-
-          
+            </nuxt-link> -->
           </ul>
         </nav>
         <nav class="col-2 d-none d-sw-flex account">
@@ -121,7 +139,6 @@
 import WS_User from '@/mixins/WS_User'
 import WS_Agent from '@/mixins/WS_Agent'
 export default {
-  
   mixins: [WS_User, WS_Agent],
   data() {
     return {}
@@ -144,7 +161,7 @@ export default {
       return this.$route.name === 'representation' || this.$route.name === 'agent-benefits'
     },
     contactusDropDownActiveClass() {
-      return this.$route.name === 'about' || this.$route.name === 'contact' 
+      return this.$route.name === 'about' || this.$route.name === 'contact'
     },
     fullName() {
       return this.$auth.user.first_name + ' ' + this.$auth.user.last_name
@@ -161,6 +178,4 @@ export default {
 }
 </script>
 <style scoped>
-
-
 </style>

sass/components/header.scss

@@ -131,11 +131,16 @@
           height: 169px;
         }
       }
-      &.contactus {
+      &.gps{
         .drop-down {
           height: 169px;
         }
       }
+      &.contactus {
+        .drop-down {
+          height: 290px;
+        }
+      }
     }
 
     .drop-down {

sass/components/mobile-menu.scss

@@ -5,6 +5,7 @@
     background: $theme;
     padding: 20px 25px;
     overflow: auto;
+    min-width: 300px;
     position: fixed;
     top: 55px;
     left: 0;