chore: Kepala only has access list contracts/reports

src/components/sidebar/Sidebar.vue

@@ -24,7 +24,7 @@
         <el-icon><DocumentCopy /></el-icon>BAST
       </template>
       <el-menu-item index="/bast">Daftar BAST</el-menu-item>
-      <el-menu-item index="/bast/buat">Buat BAST</el-menu-item>
+      <el-menu-item v-if="!['KEPALA'].includes(user.position)" index="/bast/buat">Buat BAST</el-menu-item>
     </el-sub-menu>
     <el-sub-menu index="3" v-if="['TU'].includes(user.team)">
       <template #title>

src/router/reportRoute.ts

@@ -1,32 +1,43 @@
-import ListReportView from '@/views/report/ListReportView.vue';
-import CreateReportView from '@/views/report/CreateReportView.vue';
+import ListReportView from "@/views/report/ListReportView.vue";
+import CreateReportView from "@/views/report/CreateReportView.vue";
+import type { NavigationGuardNext, RouteLocationNormalized } from "vue-router";
+import { useUserStore } from "@/stores/user";
 
 const reportRoutes = [
-    {
-        path: '/bast',
+  {
+    path: "/bast",
+    meta: {
+      layout: "LayoutDashboard",
+      requiresAuth: true,
+    },
+    children: [
+      {
+        path: "",
+        name: "listReport",
+        component: ListReportView,
         meta: {
-            layout: 'LayoutDashboard',
-            requiresAuth: true
+          title: "Daftar BAST",
         },
-        children: [
-            {
-                path: '',
-                name: 'listReport',
-                component: ListReportView,
-                meta: {
-                    title: "Daftar BAST"
-                }
-            },
-            {
-                path: 'buat',
-                name: 'createReport',
-                component: CreateReportView,
-                meta: {
-                    title: "Buat BAST"
-                }
-            }
-        ]
-    }
+      },
+      {
+        path: "buat",
+        name: "createReport",
+        component: CreateReportView,
+        meta: {
+          title: "Buat BAST",
+        },
+        beforeEnter: (
+          to: RouteLocationNormalized,
+          from: RouteLocationNormalized,
+          next: NavigationGuardNext
+        ) => {
+          const user = useUserStore();
+          if (["KEPALA"].includes(user.position)) next({ name: "unauthorized" });
+          else next();
+        },
+      },
+    ],
+  },
 ];
 
-export default reportRoutes;
+export default reportRoutes;