feat: Add users link in app footer

lewebsimple · Dec 11, 2023 · 585a3d4 · 585a3d4
1 parent 8d75a85
commit 585a3d4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/app/components/app/TheAppFooter.vue b/app/components/app/TheAppFooter.vue
@@ -1,7 +1,12 @@
+<script setup lang="ts">
+const { isAdministrator } = useAuth();
+</script>
+
 <template>
   <footer class="py-2 bg-muted">
-    <div class="container flex justify-between items-center gap-4">
-      <AppVersion />
+    <div class="container flex items-center gap-4">
+      <AppVersion class="mr-auto" />
+      <UButton color="gray" variant="link" to="/auth/users" label="Utilisateurs" />
       <AuthButton />
     </div>
   </footer>

diff --git a/auth/composables/auth.ts b/auth/composables/auth.ts
@@ -16,6 +16,7 @@ export function useAuth() {
 
   // Authentication helpers
   const isAuthenticated = computed(() => !!session.value?.user);
+  const isAdministrator = computed(() => hasAuthRole(AuthRole.Administrator));
   const hasAuthRole = (role: AuthRole) => session.value?.user && [AuthRole.Administrator, role].includes(session.value.user.role);
 
   // Login handler
@@ -53,5 +54,5 @@ export function useAuth() {
     session.value = data.value?.session || null;
   }
 
-  return { session, isAuthenticated, hasAuthRole, login, logout };
+  return { session, isAuthenticated, isAdministrator, hasAuthRole, login, logout };
 }