From c186e6a5e153ac89509b43f652c11afadf7dadae Mon Sep 17 00:00:00 2001
From: Matteo <matteo@yuno.malio.fr>
Date: Thu, 5 Feb 2026 16:47:01 +0100
Subject: [PATCH] feat : layout administration (WIP)

---
 .idea/workspace.xml                | 34 ++++++-------
 frontend/layouts/admin.vue         | 79 ++++++++++++++++++++----------
 frontend/layouts/default.vue       |  9 ++++
 frontend/pages/admin/dashboard.vue |  6 ++-
 4 files changed, 83 insertions(+), 45 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index b12d878..fd2a32c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,12 +4,12 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="7c107abe-5995-4428-8429-b146aaca8386" name="Changes" comment="feat : Ajout de la sélection des bovins étape 3 d'une réception (WIP)">
-      <change afterPath="$PROJECT_DIR$/frontend/layouts/admin.vue" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/frontend/pages/admin/dashboard.vue" afterDir="false" />
+    <list default="true" id="7c107abe-5995-4428-8429-b146aaca8386" name="Changes" comment="feat : layout administration (WIP)">
       <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/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/package-lock.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/frontend/layouts/admin.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/layouts/admin.vue" 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/dashboard.vue" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/pages/admin/dashboard.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -40,7 +40,7 @@
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="feat/271-expedition-etape-1" />
+        <entry key="$PROJECT_DIR$" value="develop" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -228,7 +228,7 @@
     "RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
     "RunOnceActivity.git.unshallow": "true",
     "RunOnceActivity.typescript.service.memoryLimit.init": "true",
-    "git-widget-placeholder": "develop",
+    "git-widget-placeholder": "feat/front-end-layout-admin",
     "last_opened_file_path": "/home/sroy/Documents/test/Ferme",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.tslint": "true",
@@ -298,14 +298,6 @@
       <workItem from="1770195959162" duration="18915000" />
       <workItem from="1770274844804" duration="3940000" />
     </task>
-    <task id="LOCAL-00001" summary="feat : Ajout de pinia, création de la table weight et reception mise en place du système de step pour les receptions (WIP)">
-      <option name="closed" value="true" />
-      <created>1768237763998</created>
-      <option name="number" value="00001" />
-      <option name="presentableId" value="LOCAL-00001" />
-      <option name="project" value="LOCAL" />
-      <updated>1768237763998</updated>
-    </task>
     <task id="LOCAL-00002" summary="feat : Ajout de zod, création d'un composant de chargement loading-dots.vue et finalisation du flow d'une reception">
       <option name="closed" value="true" />
       <created>1768316052474</created>
@@ -690,7 +682,15 @@
       <option name="project" value="LOCAL" />
       <updated>1770217875423</updated>
     </task>
-    <option name="localTasksCounter" value="50" />
+    <task id="LOCAL-00050" summary="feat : layout administration (WIP)">
+      <option name="closed" value="true" />
+      <created>1770296486375</created>
+      <option name="number" value="00050" />
+      <option name="presentableId" value="LOCAL-00050" />
+      <option name="project" value="LOCAL" />
+      <updated>1770296486375</updated>
+    </task>
+    <option name="localTasksCounter" value="51" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -740,7 +740,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="fix : correction du path URI pour la création d'un poids dans une réception" />
     <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" />
@@ -765,7 +764,8 @@
     <MESSAGE value="feat : ajout de colonne pour les Supplier, Address. Modification du numéro de réception et ajout de fixtures" />
     <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)" />
-    <option name="LAST_COMMIT_MESSAGE" value="feat : Ajout de la sélection des bovins étape 3 d'une réception (WIP)" />
+    <MESSAGE value="feat : layout administration (WIP)" />
+    <option name="LAST_COMMIT_MESSAGE" value="feat : layout administration (WIP)" />
   </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>
diff --git a/frontend/layouts/admin.vue b/frontend/layouts/admin.vue
index ebff204..e5e0122 100644
--- a/frontend/layouts/admin.vue
+++ b/frontend/layouts/admin.vue
@@ -1,47 +1,72 @@
 <template>
-    <div class="min-h-screen bg-white text-neutral-900">
-        <header class="fixed top-0 left-0 right-0 z-50 border-b border-neutral-200 bg-primary-500 h-[85px]">
-            <div class="flex h-full w-full items-center px-6">
-                <NuxtLink to="/" class="flex items-center gap-3">
-          <span class="flex items-center justify-center bg-white text-xl font-bold uppercase text-primary-500 p-4">
+    <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="mx-8 flex flex-1 gap-8 text-2xl font-bold uppercase text-white"></nav>
+                <nav class="text-2xl font-bold uppercase text-white"></nav>
 
-                <NuxtLink to="/" class="ml-auto text-xl font-bold uppercase text-white transition hover:opacity-80">
+                <NuxtLink
+                    to="/"
+                    class="text-xl font-bold uppercase text-white transition hover:opacity-80 justify-self-end"
+                >
                     Quitter le panel admin
                 </NuxtLink>
             </div>
         </header>
 
-        <aside
-            class="fixed left-0 top-[85px] z-40 w-64 h-[calc(100vh-85px)] bg-primary-500 text-white flex flex-col"
-        >
-            <div class="flex-1 overflow-y-auto p-4 space-y-4">
-                Dashboard
-            </div>
+        <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="p-4 font-semibold">Tableau de bord</div>
 
-            <div class="p-4 border-t border-neutral-700">
-                <button
-                    @click="handleLogout"
-                    class="w-full bg-red-600 hover:bg-red-700 py-2 rounded font-bold"
-                >
-                    Déconnexion
-                </button>
-            </div>
-        </aside>
+                <div class="overflow-y-auto min-h-0 p-4 space-y-3">
+                    <!-- Ici il faut une list des entite modifiable -->
+                    <div>Réception</div>
+                    <div>Expédition</div>
+                    <div>Véhicule</div>
+                    <div>Poids</div>
+                    <div>Fournisseur</div>
+                    <div>Bovin</div>
+                    <div>Type de livraison</div>
+                    <div>Client</div>
+                    <div>Transporteur</div>
+                    <div>Adresse</div>
+                    <div>Utilisateur</div>
+                    <div>Batiments</div>
+                    <div>Driver</div>
+                    <div>Toto</div>
+                    <div>Toto</div>
+                    <div>Toto</div>
+                </div>
 
-        <main class="pt-[85px] ml-64 px-6">
-            <div class="mx-auto w-full max-w-[1280px] py-6">
-                <slot/>
-            </div>
-        </main>
+                <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 -->
+            <main class="min-h-0 overflow-auto px-6 py-6">
+                <div class="mx-auto w-full max-w-[1280px] py-6">
+                    <slot />
+                </div>
+            </main>
+        </div>
     </div>
 </template>
 
+
 <script setup lang="ts">
+
 const handleLogout = async () => {
     try {
         await auth.logout()
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 73ca923..7941d82 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -28,6 +28,15 @@
                             Reception
                         </a>
                     </NuxtLink>
+                    <NuxtLink to="/admin/dashboard" custom v-slot="{ href, navigate, isActive }">
+                        <a
+                            :href="href"
+                            @click="navigate"
+                            :class="isReceptionActive ? 'opacity-100' : 'opacity-50'"
+                        >
+                            Admin
+                        </a>
+                    </NuxtLink>
                 </nav>
                 <button
                     type="button"
diff --git a/frontend/pages/admin/dashboard.vue b/frontend/pages/admin/dashboard.vue
index eacea61..20ea56f 100644
--- a/frontend/pages/admin/dashboard.vue
+++ b/frontend/pages/admin/dashboard.vue
@@ -5,7 +5,11 @@ definePageMeta({
 </script>
 
 <template>
-<h1>test</h1>
+<h1>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt? num Vecellinum amici regnum adpetentem, num Maelium debuerunt iuvare?
+
+    Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum tunc urgentium captu disponeretur concordi consilio, quibus virium incrementis Parthicarum gentium a arma minantium impetus frangerentur.
+
+    Ciliciam vero, quae Cydno amni exultat, Tarsus nobilitat, urbs perspicabilis hanc condidisse Perseus memoratur, Iovis filius et Danaes, vel certe ex Aethiopia profectus Sandan quidam nomine vir opulentus et nobilis et Anazarbus auctoris vocabulum referens, et Mopsuestia vatis illius domicilium Mopsi, quem a conmilitio Argonautarum cum aureo vellere direpto redirent, errore abstractum delatumque ad Africae litus mors repentina consumpsit, et ex eo cespite punico tecti manes eius heroici dolorum varietati medentur plerumque sospitales.</h1>
 </template>
 
 <style scoped>