Merge branch 'master' of http://git.digital-tps.tk/TPS/birzha-legalizasia-frontend

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>

src/router/index.js

@@ -51,6 +51,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",
@@ -104,12 +109,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();
 

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",
+          },
+        ], */
       },
     ],
   }),

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>