From 8bb56d186861058c92acaed747418c6ce45297de Mon Sep 17 00:00:00 2001
From: Komek Hayytnazarov <komek.h@gmail.com>
Date: Fri, 24 Mar 2023 15:49:35 +0500
Subject: [PATCH] menu added

---
 src/layouts/top-menu/Main.vue          | 10 ++++-----
 src/router/index.js                    | 12 +++++-----
 src/stores/top-menu.js                 | 31 ++++++++++++++++++++++----
 src/views/online-applications/Main.vue | 19 ++++++++++++++++
 4 files changed, 57 insertions(+), 15 deletions(-)
 create mode 100644 src/views/online-applications/Main.vue

diff --git a/src/layouts/top-menu/Main.vue b/src/layouts/top-menu/Main.vue
index a9b677c..57a67f8 100644
--- a/src/layouts/top-menu/Main.vue
+++ b/src/layouts/top-menu/Main.vue
@@ -8,12 +8,12 @@
       <ul>
         <li v-for="(menu, menuKey) in formattedMenu" :key="menuKey">
           <a :href="
-            menu.subMenu 
+            menu.subMenu
               ? 'javascript:;'
               : router.resolve({ name: menu.pageName }).path
           " class="top-menu" :class="{
-            'top-menu--active': menu.active,
-          }" @click="linkTo(menu, router, $event)">
+  'top-menu--active': menu.active,
+}" @click="linkTo(menu, router, $event)">
             <div class="top-menu__icon">
               <component :is="menu.icon" />
             </div>
@@ -32,7 +32,7 @@
                   : router.resolve({ name: subMenu.pageName }).path
               " class="top-menu" @click="linkTo(subMenu, router, $event)">
                 <div class="top-menu__icon">
-                  <ActivityIcon />
+                  <component :is="subMenu.icon" />
                 </div>
                 <div class="top-menu__title">
                   {{ $t(subMenu.title) }}
@@ -114,7 +114,7 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.top-nav > ul li ul {
+.top-nav>ul li ul {
   width: unset;
 }
 </style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 9128659..bb40798 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -46,6 +46,11 @@ const routes = [
         name: "contracts",
         component: () => import("../views/contracts/Main.vue"),
       },
+      {
+        path: "online-applications",
+        name: "online-applications",
+        component: () => import("../views/online-applications/Main.vue"),
+      },
       {
         path: "users",
         name: "users",
@@ -99,12 +104,7 @@ const router = createRouter({
 
 router.beforeEach(async (to) => {
   // redirect to login page if not logged in and trying to access a restricted page
-  const publicPages = [
-    "/login",
-    "/register",
-    "/email-verify",
-    "/update-password",
-  ];
+  const publicPages = ["/login", "/register", "/email-verify", "/update-password"];
   const authRequired = !publicPages.includes(to.path);
   const authStore = useAuthStore();
 
diff --git a/src/stores/top-menu.js b/src/stores/top-menu.js
index 2e2bd86..cef98a4 100644
--- a/src/stores/top-menu.js
+++ b/src/stores/top-menu.js
@@ -23,17 +23,40 @@ export const useTopMenuStore = defineStore("topMenu", {
             pageName: "create-ticket",
             title: "NEW_TICKET",
           },
+          {
+            icon: "MessageCircleIcon",
+            pageName: "faq",
+            title: "FAQ",
+          },
         ],
       },
       {
-        icon: "EditIcon",
+        icon: "UnlockIcon",
         pageName: "contracts",
         title: "CONTRACTS",
       },
+
       {
-        icon: "MessageCircleIcon",
-        pageName: "faq",
-        title: "FAQ",
+        icon: "EditIcon",
+        pageName: "online-applications",
+        title: "Online applications",
+        /* subMenu: [
+          {
+            icon: "InboxIcon",
+            pageName: "ticket-list",
+            title: "Application",
+          },
+          {
+            icon: "FolderIcon",
+            pageName: "create-ticket",
+            title: "NEW_TICKET",
+          },
+          {
+            icon: "FolderIcon",
+            pageName: "create-ticket",
+            title: "NEW_TICKET",
+          },
+        ], */
       },
     ],
   }),
diff --git a/src/views/online-applications/Main.vue b/src/views/online-applications/Main.vue
new file mode 100644
index 0000000..ceef377
--- /dev/null
+++ b/src/views/online-applications/Main.vue
@@ -0,0 +1,19 @@
+<template>
+    <div class="intro-y grid grid-cols-1 lg:grid-cols-2 gap-6 mt-5">
+        <PreviewComponent class="box ">
+            Hello 1
+        </PreviewComponent>
+        <PreviewComponent class="box ">
+            Hello 2
+        </PreviewComponent>
+        <PreviewComponent class="box ">
+            Hello 3
+        </PreviewComponent>
+        <PreviewComponent class="box ">
+            Hello 4
+        </PreviewComponent>
+    </div>
+</template>
+
+<script setup>
+</script>
\ No newline at end of file