From c5bdebb94f2e4698ee065f2d70bff319ff7594d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Tue, 16 Nov 2021 11:45:22 +0100
Subject: [PATCH] [chore] fix permissions

---
 src/components/UpdateUser.vue |  6 +++++-
 src/pages/AdminSettings.vue   | 13 +++++++++----
 src/pages/Settings.vue        |  2 +-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/UpdateUser.vue b/src/components/UpdateUser.vue
index 1ee5509..669ad43 100644
--- a/src/components/UpdateUser.vue
+++ b/src/components/UpdateUser.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
+import { defineComponent, ref, onMounted } from 'vue';
 import MainUserSettings from './settings/MainUserSettings.vue';
 import UserSelector from './UserSelector.vue';
 import { useMainStore, useUserStore } from '@flaschengeist/api';
@@ -24,6 +24,10 @@ export default defineComponent({
     const userStore = useUserStore();
     const user = ref(mainStore.currentUser);
 
+    onMounted(() => {
+      void userStore.getUsers(true)
+    })
+
     async function updateUser(value: FG.User) {
       await userStore.updateUser(value);
       user.value = value;
diff --git a/src/pages/AdminSettings.vue b/src/pages/AdminSettings.vue
index fda9869..33192d1 100644
--- a/src/pages/AdminSettings.vue
+++ b/src/pages/AdminSettings.vue
@@ -61,14 +61,19 @@ export default defineComponent({
     interface Tab {
       name: string;
       label: string;
+      permissions: Array<string>;
     }
 
     const tabs: Tab[] = [
-      { name: 'user', label: 'Mitglieder' },
-      { name: 'newUser', label: 'Neues Mitglied' },
-      { name: 'roles', label: 'Rollen' },
+      { name: 'user', label: 'Mitglieder', permissions: [PERMISSIONS.EDIT_OTHER, PERMISSIONS.SET_ROLES] },
+      { name: 'newUser', label: 'Neues Mitglied', permissions: [PERMISSIONS.SET_ROLES] },
+      { name: 'roles', label: 'Rollen', permissions: [PERMISSIONS.ROLES_EDIT] },
     ];
 
+    const _tabs = computed(() => tabs.filter(tab => {
+      return tab.permissions.every(permission => hasPermission(permission))
+    }))
+
     const drawer = ref<boolean>(false);
 
     const showDrawer = computed({
@@ -86,7 +91,7 @@ export default defineComponent({
       canEditRoles,
       showDrawer,
       tab,
-      tabs,
+      tabs: _tabs,
     };
   },
 });
diff --git a/src/pages/Settings.vue b/src/pages/Settings.vue
index 3d90e32..e0d15b7 100644
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -25,7 +25,7 @@ import { defineComponent, onBeforeMount, ref } from 'vue';
 import Session from '../components/settings/Session.vue';
 
 export default defineComponent({
-  // name: 'PageName'
+  name: 'UserSettings',
   components: { Session, MainUserSettings },
   setup() {
     const mainStore = useMainStore();