feat : creation d'une page d'aministration pour la ajout / modification d'utlisateur

frontend/pages/admin/dashboard.vue

@@ -1,13 +1,9 @@
 <template>
-    <admin-users v-if="activeCode === 'users'" />
+    <AdminUserForm/>
 </template>
 
 <script setup lang="ts">
 definePageMeta({
     layout: 'admin'
 })
-const route = useRoute()
-
-const activeCode = computed(() => (route.query.code as string))
-
 </script>

frontend/pages/admin/user/[[id]].vue

@@ -0,0 +1,8 @@
+<template>
+    <UserForm/>
+</template>
+<script setup lang="ts">
+definePageMeta({
+    layout: 'admin'
+})
+</script>

frontend/pages/admin/user/list.vue

@@ -1,12 +1,13 @@
 <template>
-    <div class="flex items-center justify-between gap-10">
-        <h1 class="text-3xl font-bold uppercase">Utilisateurs</h1>
-        <button
-            class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
-            @click="null"
+    <div class="flex items-center justify-between">
+        <h1 class="text-3xl font-bold uppercase">Liste des utilisateurs</h1>
+        <NuxtLink
+            class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
+            @click="router.push('/admin/user/')"
         >
             Ajouter
-        </button>
+        </NuxtLink>
+
     </div>
 
     <div>
@@ -14,39 +15,27 @@
             <div class="grid grid-cols-3 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
                 <div>Username</div>
                 <div>Role</div>
-                <div>Action</div>
             </div>
             <div
                 v-for="user in userList"
                 :key="user.id"
-                class="grid grid-cols-3 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200 items-center"
+                class="grid grid-cols-3 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t items-center"
                 role="button"
                 tabindex="0"
+                @click="goToUser(user.id)"
             >
                 <div>
-                    {{ user.username}}
+                    {{ user.username }}
                 </div>
                 <div>
                     {{ user.roles?.join(', ') || ' ---' }}
                 </div>
-                <div>
-                    <div class="p-4">
-                        <button
-                            class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
-                            @click="null"
-                        >
-                            Modifier
-                        </button>
-                    </div>
-                </div>
             </div>
         </div>
     </div>
 </template>
 
 
-
-
 <script setup lang="ts">
 definePageMeta({
     layout: 'admin'
@@ -56,7 +45,11 @@ import type {UserData} from "~/services/dto/user-data";
 import {getUsers} from "~/services/auth";
 
 const userList = ref<UserData[]>([])
+const router = useRouter()
 
+const goToUser = (id: number) => {
+    router.push(`/admin/user/${id}`)
+}
 
 onMounted(async () => {
     userList.value = await getUsers()