From 4da93427ac3e8254977031245d450b2861749e34 Mon Sep 17 00:00:00 2001
From: Saladin21 <13519187@std.stei.itb.ac.id>
Date: Sun, 17 Apr 2022 21:41:09 +0700
Subject: [PATCH] navigation
---
src/components/sidebar.vue | 43 +++++++++++++++++++++++++++++++++++---
1 file changed, 40 insertions(+), 3 deletions(-)
diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index a1ba89c..e4a6320 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -28,7 +28,8 @@
</p>
</div>
<ul class="navbar-nav d-flex flex-column mt-5 w-100">
- <template v-for="n in Object.keys(nav_list)" :key="n">
+ <template v-if="isAdmin">
+ <template v-for="n in Object.keys(nav_list)" :key="n">
<li class="nav-item w-100">
<router-link
:to="{ name: nav_list[n] }"
@@ -44,6 +45,25 @@
>
</li>
</template>
+ </template>
+ <template v-if="isEmp">
+ <template v-for="n in Object.keys(nav_list_emp)" :key="n">
+ <li class="nav-item w-100">
+ <router-link
+ :to="{ name: nav_list_emp[n] }"
+ v-if="n == this.current_page"
+ class="nav-link text-blue pl-4 selected-nav"
+ >{{ n }}</router-link
+ >
+ <router-link
+ :to="{ name: nav_list_emp[n] }"
+ v-else
+ class="nav-link text-blue pl-4"
+ >{{ n }}</router-link
+ >
+ </li>
+ </template>
+ </template>
</ul>
</div>
</div>
@@ -51,6 +71,7 @@
</template>
<script>
+import { HTTP } from "../http-common";
export default {
name: "Sidebar",
components: {},
@@ -63,17 +84,33 @@ export default {
Karyawan: "User",
Admin: "Admin",
Departemen: "Departemen",
- KPI: "ManagerkpiIndex",
- Bawahan: "ManagerkaryawanIndex"
+ },
+ nav_list_emp:{
+ "KPI": "kpiIndex",
+ "KPI Bawahan": "ManagerkpiIndex",
+ Bawahan: "ManagerkaryawanIndex",
},
isActive: true,
+ isAdmin: false,
+ isEmp: false,
};
},
methods: {
setActive() {
this.isActive = !this.isActive;
},
+ checkAdmin(){
+ HTTP.get("users/profile").then((res)=>{
+ this.isAdmin = res.data.data.is_admin
+ if (!this.isAdmin){
+ this.isEmp = true
+ }
+ })
+ }
},
+ created(){
+ this.checkAdmin()
+ }
};
</script>
--
GitLab