feat : Ajout d'une liste des utilisateur

.idea/data_source_mapping.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DataSourcePerFileMappings">
+    <file url="file://$APPLICATION_CONFIG_DIR$/consoles/db/f407a514-c6b4-4b26-9555-445a85892502/console.sql" value="f407a514-c6b4-4b26-9555-445a85892502" />
+    <file url="file://$APPLICATION_CONFIG_DIR$/consoles/db/f407a514-c6b4-4b26-9555-445a85892502/console_1.sql" value="f407a514-c6b4-4b26-9555-445a85892502" />
+    <file url="file://$APPLICATION_CONFIG_DIR$/consoles/db/f407a514-c6b4-4b26-9555-445a85892502/console_2.sql" value="f407a514-c6b4-4b26-9555-445a85892502" />
+    <file url="file://$APPLICATION_CONFIG_DIR$/consoles/db/f407a514-c6b4-4b26-9555-445a85892502/console_3.sql" value="f407a514-c6b4-4b26-9555-445a85892502" />
+    <file url="file://$APPLICATION_CONFIG_DIR$/consoles/db/f407a514-c6b4-4b26-9555-445a85892502/console_4.sql" value="f407a514-c6b4-4b26-9555-445a85892502" />
+  </component>
+</project>

CHANGELOG.md

@@ -29,7 +29,6 @@ Ajouter dans le fichier .env du frontend
 * Finalisation de la partie réception de marchandise
 * [#267] Lister les réceptions en attente
 * [#268] Lister les réceptions terminées
-* [#316] Admin liste des transporteurs
 
 ### Changed
 

config/version.yaml

@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.0.33'
+    app.version: '0.0.32'

frontend/layouts/admin.vue

@@ -22,17 +22,21 @@
 
         <div class="grid grid-cols-[16rem,1fr] h-[calc(100vh-85px)] min-h-0">
             <aside class="bg-primary-500 text-white min-h-0 grid grid-rows-[auto,1fr,auto]">
-                <div class="text-xl p-4 font-semibold">Tableau de bord</div>
-                <NuxtLink to="/admin/carrier/carrier-list">
-                    <div class="p-4 font-semibold">Transporteur</div>
-                </NuxtLink>
+                <div class="p-4 font-semibold">Tableau de bord</div>
 
                 <div class="overflow-y-auto min-h-0 p-4 space-y-3">
                     <!-- Liste des liens à ajouter ci-dessous -->
-
+                    <!--Button pour afficher le component admin-users -->
+                    <NuxtLink
+                        to="/admin/user-list"
+                        class="block px-4 py-2 rounded hover:bg-primary-600 transition"
+                    >
+                        Utilisateurs
+                    </NuxtLink>
                 </div>
 
                 <div class="p-4">
+                        <p class="font-bold text-white text-left">v{{ version }}</p>
                     <button
                         @click="handleLogout"
                         class="w-full bg-red-600 hover:bg-red-700 py-2 rounded font-bold"
@@ -40,6 +44,7 @@
                         Déconnexion
                     </button>
                 </div>
+
             </aside>
 
             <main class="min-h-0 overflow-auto px-12 py-12 ">
@@ -53,7 +58,9 @@
 
 
 <script setup lang="ts">
+import auth from "~/layouts/auth.vue";
 
+const { version } = useAppVersion()
 const handleLogout = async () => {
     try {
         await auth.logout()

frontend/pages/admin/carrier/carrier-list.vue

@@ -1,51 +0,0 @@
-<template>
-
-    <div class="flex items-center justify-between ">
-            <h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1>
-            <button
-                @Click="goToCarrier()"
-                class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
-            >Ajouter
-            </button>
-    </div>
-
-        <div class="mt-6 border border-slate-200 mb-16 ">
-            <div class="grid grid-cols-2 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
-                <div>Label</div>
-                <div>Code</div>
-            </div>
-            <div
-                v-for="carrier in carrierList"
-                :key="carrier.id"
-                class="grid grid-cols-2 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200"
-                role="button"
-                tabindex="0"
-                @click="goToCarrier(carrier.id)"
-                @keydown.enter="goToCarrier(carrier.id)"
-            >
-                <div>{{ carrier.name}}</div>
-                <div>{{ carrier.code }}</div>
-            </div>
-        </div>
-
-</template>
-
-<script setup lang="ts">
-import type {CarrierData} from "~/services/dto/carrier-data";
-import {getCarrierList} from "~/services/carrier";
-
-const carrierList = ref<CarrierData[]>()
-const router = useRouter()
-
-const goToCarrier = (id: number|null = null) => {
-    id !== null ? router.push(`/admin/carrier/${id}`) : router.push(`/admin/carrier`)
-}
-
-definePageMeta({
-    layout: 'admin'
-})
-
-onMounted(async () => {
-    carrierList.value = await getCarrierList(false)
-})
-</script>

frontend/pages/admin/dashboard.vue

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

frontend/pages/admin/user-list.vue

@@ -0,0 +1,64 @@
+<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"
+        >
+            Ajouter
+        </button>
+    </div>
+
+    <div>
+        <div class="mt-6 border border-slate-200 mb-16 ">
+            <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"
+                role="button"
+                tabindex="0"
+            >
+                <div>
+                    {{ 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'
+})
+
+import type {UserData} from "~/services/dto/user-data";
+import {getUsers} from "~/services/auth";
+
+const userList = ref<UserData[]>([])
+
+
+onMounted(async () => {
+    userList.value = await getUsers()
+})
+</script>

frontend/services/dto/user-data.ts

@@ -1,4 +1,5 @@
 export interface UserData {
   id: number
   username: string
+  roles?: string[]
 }

src/Entity/User.php

@@ -49,6 +49,7 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface
     private string $username = '';
 
     #[ORM\Column(type: 'json')]
+    #[Groups(['user:read'])]
     private array $roles = [];
 
     #[ORM\Column]