fix : admin sidebar

| Numéro du ticket | Layout admin panel |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [x] Pas de régression
- [ ] TU/TI/TF rédigée
- [x] TU/TI/TF OK
- [ ] CHANGELOG modifié

Reviewed-on: #13
Co-authored-by: Matteo <matteo@yuno.malio.fr>
Co-committed-by: Matteo <matteo@yuno.malio.fr>

.idea/workspace.xml

@@ -4,10 +4,10 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="7c107abe-5995-4428-8429-b146aaca8386" name="Changes" comment="feat : ajout du responsive sur la navbar et la page d'accueil">
+    <list default="true" id="7c107abe-5995-4428-8429-b146aaca8386" name="Changes" comment="feat : Création d'une page d'administration listing des fournisseurs">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/config/reference.php" beforeDir="false" afterPath="$PROJECT_DIR$/config/reference.php" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/frontend/layouts/default.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/layouts/default.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/pages/admin/supplierList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/pages/admin/supplierList.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -21,6 +21,7 @@
   <component name="CopilotPersistence">
     <persistenceIdMap>
       <entry key="_//wsl.localhost/Ubuntu-24.04/home/kevin/Stage/Ferme" value="381AhnCm9yPeOiWgMObKHhtgv2C" />
+      <entry key="_//wsl.localhost/Ubuntu-24.04/home/matte/Ferme" value="39QGG8hGN52IW0kjhmS0rLvVr56" />
     </persistenceIdMap>
   </component>
   <component name="EmbeddingIndexingInfo">
@@ -30,15 +31,15 @@
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
       <list>
-        <option value="Vue Composition API Component" />
         <option value="TypeScript File" />
+        <option value="Vue Composition API Component" />
       </list>
     </option>
   </component>
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="feat/256-reception-etape-3-bovin" />
+        <entry key="$PROJECT_DIR$" value="develop" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -56,7 +57,7 @@
       </server>
     </servers>
   </component>
-  <component name="PhpWorkspaceProjectConfiguration" interpreter_name="C:/php-8.4.3/php.exe">
+  <component name="PhpWorkspaceProjectConfiguration" interpreter_name="C:/php/php.exe">
     <include_path>
       <path value="$PROJECT_DIR$/vendor/psr/log" />
       <path value="$PROJECT_DIR$/vendor/psr/event-dispatcher" />
@@ -226,14 +227,17 @@
     "RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
     "RunOnceActivity.git.unshallow": "true",
     "RunOnceActivity.typescript.service.memoryLimit.init": "true",
-    "git-widget-placeholder": "develop",
+    "com.intellij.ml.llm.matterhorn.ej.ui.settings.DefaultModelSelectionForGA.v1": "true",
+    "git-widget-placeholder": "feat/312-creation-d-une-page-d-administration-listing-des-fournisseurs",
+    "junie.onboarding.icon.badge.shown": "true",
     "last_opened_file_path": "/home/sroy/Documents/test/Ferme",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.tslint": "true",
     "node.js.selected.package.eslint": "(autodetect)",
     "node.js.selected.package.tslint": "(autodetect)",
     "nodejs_package_manager_path": "npm",
-    "settings.editor.selected.configurable": "configurable.tailwindcss",
+    "settings.editor.selected.configurable": "proofread",
+    "to.speed.mode.migration.done": "true",
     "ts.external.directory.path": "/opt/phpstorm/plugins/javascript-plugin/jsLanguageServicesImpl/external",
     "vue.rearranger.settings.migration": "true"
   },
@@ -295,22 +299,7 @@
       <workItem from="1770195718952" duration="215000" />
       <workItem from="1770195959162" duration="18915000" />
       <workItem from="1770274844804" duration="3940000" />
-    </task>
-    <task id="LOCAL-00003" summary="feat : Ajout d'un composable pour la pesée qui sera réutilisable pour l'expédition, ajout de contrainte sur les entity de reception et weight pour plus de robustesse et correction de la class active des liens dans la nav">
-      <option name="closed" value="true" />
-      <created>1768316835575</created>
-      <option name="number" value="00003" />
-      <option name="presentableId" value="LOCAL-00003" />
-      <option name="project" value="LOCAL" />
-      <updated>1768316835575</updated>
-    </task>
-    <task id="LOCAL-00004" summary="feat : update du fichier AGENTS.md">
-      <option name="closed" value="true" />
-      <created>1768316965511</created>
-      <option name="number" value="00004" />
-      <option name="presentableId" value="LOCAL-00004" />
-      <option name="project" value="LOCAL" />
-      <updated>1768316965511</updated>
+      <workItem from="1770620780923" duration="9218000" />
     </task>
     <task id="LOCAL-00005" summary="feat : update du fichier README.md et CHANGELOG.md">
       <option name="closed" value="true" />
@@ -688,7 +677,23 @@
       <option name="project" value="LOCAL" />
       <updated>1770308927948</updated>
     </task>
-    <option name="localTasksCounter" value="52" />
+    <task id="LOCAL-00052" summary="fix : suppression code mort sur la navbar">
+      <option name="closed" value="true" />
+      <created>1770366040426</created>
+      <option name="number" value="00052" />
+      <option name="presentableId" value="LOCAL-00052" />
+      <option name="project" value="LOCAL" />
+      <updated>1770366040426</updated>
+    </task>
+    <task id="LOCAL-00053" summary="feat : Création d'une page d'administration listing des fournisseurs">
+      <option name="closed" value="true" />
+      <created>1770628024317</created>
+      <option name="number" value="00053" />
+      <option name="presentableId" value="LOCAL-00053" />
+      <option name="project" value="LOCAL" />
+      <updated>1770628024317</updated>
+    </task>
+    <option name="localTasksCounter" value="54" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -738,8 +743,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="feat : Ajout du bundle Monolog pour la gestion des logs" />
-    <MESSAGE value="fix : affiche plus détail dans les logs en recette/prod" />
     <MESSAGE value="fix : modification du script de déploiement pour corriger le problème d'écriture des logs de prod" />
     <MESSAGE value="fix : doc de déploiement" />
     <MESSAGE value="fix : doc et script de déploiement" />
@@ -763,7 +766,20 @@
     <MESSAGE value="feat : mise à jour du bon de réception" />
     <MESSAGE value="feat : Ajout de la sélection des bovins étape 3 d'une réception (WIP)" />
     <MESSAGE value="feat : ajout du responsive sur la navbar et la page d'accueil" />
-    <option name="LAST_COMMIT_MESSAGE" value="feat : ajout du responsive sur la navbar et la page d'accueil" />
+    <MESSAGE value="fix : suppression code mort sur la navbar" />
+    <MESSAGE value="feat : Création d'une page d'administration listing des fournisseurs" />
+    <option name="LAST_COMMIT_MESSAGE" value="feat : Création d'une page d'administration listing des fournisseurs" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager>
+      <breakpoints>
+        <line-breakpoint enabled="true" type="php">
+          <url>file://$PROJECT_DIR$/src/Entity/ReceptionPelletBuilding.php</url>
+          <line>6</line>
+          <option name="timeStamp" value="3" />
+        </line-breakpoint>
+      </breakpoints>
+    </breakpoint-manager>
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">
     <expand />

frontend/layouts/admin.vue

@@ -0,0 +1,64 @@
+<template>
+    <div class="min-h-screen text-neutral-900 grid grid-rows-[85px,1fr]">
+        <!-- HEADER -->
+        <header class="bg-primary-500 z-50 h-[85px]">
+            <div class="h-full w-full px-6 grid grid-cols-[auto,1fr,auto] items-center gap-8">
+                <NuxtLink to="/" class="grid place-items-center">
+          <span class="grid place-items-center bg-white text-xl font-bold uppercase text-primary-500 p-4">
+            LOGO
+          </span>
+                </NuxtLink>
+
+                <nav class="text-2xl font-bold uppercase text-white"></nav>
+
+                <NuxtLink
+                    to="/"
+                    class="text-xl font-bold uppercase text-white transition hover:opacity-80 justify-self-end"
+                >
+                    Quitter le panel admin
+                </NuxtLink>
+            </div>
+        </header>
+
+        <div class="grid grid-cols-[16rem,1fr] h-[calc(100vh-85px)] min-h-0">
+            <aside class="bg-primary-500 text-white min-h-0 flex flex-col justify-between">
+                <div class="flex flex-col gap-4 p-4 font-bold text-xl">
+                    <!-- Liste des liens à ajouter ci-dessous -->
+                    <NuxtLink to="/admin/dashboard">
+                        Tableau de bord
+                    </NuxtLink>
+                    <NuxtLink to="/admin/supplier-list">
+                        Fournisseur
+                    </NuxtLink>
+                </div>
+
+                <div class="p-4">
+                    <button
+                        @click="handleLogout"
+                        class="w-full bg-red-600 hover:bg-red-700 py-2 rounded font-bold"
+                    >
+                        Déconnexion
+                    </button>
+                </div>
+            </aside>
+
+            <main class="min-h-0 overflow-auto px-12 py-12 ">
+                <div class="w-full ">
+                    <slot />
+                </div>
+            </main>
+        </div>
+    </div>
+</template>
+
+
+<script setup lang="ts">
+
+const handleLogout = async () => {
+    try {
+        await auth.logout()
+    } finally {
+        await navigateTo('/login')
+    }
+}
+</script>

frontend/layouts/default.vue

@@ -20,6 +20,14 @@
                             Accueil
                         </a>
                     </NuxtLink>
+                    <NuxtLink to="/admin/dashboard" custom v-slot="{ href, navigate, isActive }">
+                        <a
+                            :href="href"
+                            @click="navigate"
+                        >
+                            Admin
+                        </a>
+                    </NuxtLink>
                 </nav>
                 <NuxtLink to="/" class="flex flex-1 items-center justify-center gap-3">
                   <span
@@ -100,7 +108,6 @@ import { useAuthStore } from '~/stores/auth'
 
 const route = useRoute()
 const auth = useAuthStore()
-const isReceptionActive = computed(() => route.path.startsWith('/reception'))
 const isMenuOpen = ref(false)
 
 const closeMenu = () => {

frontend/pages/admin/dashboard.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+definePageMeta({
+    layout: 'admin'
+})
+</script>
+
+<template>
+<h1>test</h1>
+</template>
+
+<style scoped>
+
+</style>

frontend/pages/admin/supplier-list.vue

@@ -0,0 +1,71 @@
+<template>
+    <div class="flex items-center justify-between p-4">
+        <h1 class="text-xl font-fullbold uppercase"> Fournisseurs </h1>
+        <NuxtLink to="/admin/supplier"
+           class="flex items-center justify-center uppercase text-xl bg-primary-500 text-white h-[50px] w-[272px]"
+        >
+            Ajouter </NuxtLink>
+    </div>
+    <div class="mt-6 border border-slate-200 mb-16">
+        <div
+            class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
+        >
+            <div>Nom</div>
+            <div>Mail</div>
+            <div>Rue</div>
+            <div>Complément</div>
+            <div>Code Postal</div>
+            <div>Ville</div>
+        </div>
+
+        <div v-for="supplier in supplierList" :key="supplier.id">
+            <template v-if="supplier.addresses?.length">
+                <div
+                    v-for="addr in supplier.addresses"
+                    :key="addr.id"
+                    class="grid grid-cols-6 gap-4 px-4 py-2 "
+                    @click="goToSupplier(supplier.id)"
+                >
+                    <div class="truncate">
+                        {{ supplier.name }}
+                    </div>
+                    <div class="truncate">
+                        {{ supplier.email }}
+                    </div>
+                    <div class="truncate">
+                        {{ addr.street }}
+                    </div>
+                    <div class="truncate">
+                        {{ addr.street2 }}
+                    </div>
+                    <div>{{ addr.postalCode }}</div>
+                    <div class="uppercase truncate">
+                        {{ addr.city }}
+                    </div>
+                </div>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type {SupplierData} from "~/services/dto/supplier-data"
+import {getSupplierList} from "~/services/supplier"
+
+definePageMeta({layout: "admin"})
+
+const supplierList = ref<SupplierData[]>([])
+const router = useRouter()
+
+
+const goToSupplier = (id: number) => {
+    router.push(`/admin/supplier/${id}`)
+}
+
+onMounted(async () => {
+    supplierList.value = (await getSupplierList(false)) ?? []
+})
+
+</script>
+
+