NavBar MainApp/MainMenu

src/components/Navbar/MainAppBar.vue

@@ -21,6 +21,33 @@ watchEffect(() => {
   } else if (route.name === 'stocks') {
     icon.value = 'mdi-package-variant'
     title.value = 'Stock Management'
+  } else if (route.name === 'dashboard') {
+    icon.value = 'mdi-bulletin-board'
+    title.value = 'แดชบอร์ด'
+  } else if (route.name === 'management') { //คำสั่งซื้อ
+    icon.value = 'mdi-cart-outline'
+    title.value = 'จัดการคำสั่งซื้อ'
+  } else if (route.name === 'transport-queue') {
+    icon.value = 'mdi-car'
+    title.value = 'คิวการขนส่ง'
+  } else if (route.name === 'manage-materials') {
+    icon.value = 'mdi-cube-outline'
+    title.value = 'จัดการวัตถุดิบ'
+  } else if (route.name === 'manage-products') {
+    icon.value = 'mdi-archive'
+    title.value = 'จัดการสินค้า'
+  } else if (route.name === 'manage-customers') {
+    icon.value = 'mdi-account-multiple'
+    title.value = 'จัดการลูกค้า'
+  } else if (route.name === 'manage-employees') {
+    icon.value = 'mdi-account-search'
+    title.value = 'จัดการพนักงาน'
+  } else if (route.name === 'manage-machines') {
+    icon.value = 'mdi-factory'
+    title.value = 'จัดการเครื่องจักร'
+  } else if (route.name === 'manage-transportation-cars') {
+    icon.value = 'mdi-truck-delivery'
+    title.value = 'จัดการรถขนส่ง'
   } else if (route.name === 'buystock') {
     icon.value = 'mdi-cart-plus'
     title.value = 'Buy Stock'

src/components/Navbar/MainMenu.vue

@@ -29,8 +29,44 @@ const authStore = useAuthStore()
     </v-list>
     <!-- nav -->
     <v-list density="compact" nav>
+      <!---->
+      <v-list-item prepend-icon="mdi-chart-areaspline" title="แดชบอร์ด" value="dashboard"
+          :to="{ path: '/dashboard' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-cart-outline" title="จัดการคำสั่งซื้อ" value="management"
+          :to="{ path: '/management' }"></v-list-item>
+        <!---->
         <v-list-item prepend-icon="mdi-text-box" title="คิวการผลิต" value="pos" :to="{ name: 'pq' }"></v-list-item>
         <!---->
+        <!---->
+      <v-list-item prepend-icon="mdi-car" title="คิวการขนส่ง" value="transport-queue"
+          :to="{ path: '/transport-queue' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-cube-outline" title="จัดการวัตถุดิบ" value="manage-materials"
+          :to="{ path: '/manage-materials' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-archive" title="จัดการสินค้า" value="manage-products"
+          :to="{ path: '/manage-products' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-account-multiple" title="จัดการลูกค้า" value="manage-customers"
+          :to="{ path: '/manage-customers' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-clipboard-account" title="จัดการพนักงาน" value="manage-employees"
+          :to="{ path: '/manage-employees' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-factory" title="จัดการเครื่องจักร" value="manage-machines"
+          :to="{ path: '/manage-machines' }"></v-list-item>
+        <!---->
+          <!---->
+      <v-list-item prepend-icon="mdi-truck-delivery" title="จัดการรถขนส่ง" value="manage-transportation-cars"
+          :to="{ path: '/manage-transportation-cars' }"></v-list-item>
+        <!---->
         <v-list-item prepend-icon="mdi-account-tie" title="จัดการผู้ใช้งาน" value="user"
           :to="{ path: '/user' }"></v-list-item>
         <!---->