From 820386b87befb2b9ab0784e46a5d92b2fddab9f8 Mon Sep 17 00:00:00 2001
From: Matteo <matteo@yuno.malio.fr>
Date: Fri, 6 Feb 2026 08:22:08 +0000
Subject: [PATCH] Layout admin panel (!13)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

| 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: https://gitea.malio.fr/MALIO-DEV/Ferme/pulls/13
Co-authored-by: Matteo <matteo@yuno.malio.fr>
Co-committed-by: Matteo <matteo@yuno.malio.fr>
---
 .idea/workspace.xml                |  2 +-
 frontend/layouts/admin.vue         | 61 ++++++++++++++++++++++++++++++
 frontend/layouts/default.vue       |  9 ++++-
 frontend/pages/admin/dashboard.vue | 13 +++++++
 4 files changed, 83 insertions(+), 2 deletions(-)
 create mode 100644 frontend/layouts/admin.vue
 create mode 100644 frontend/pages/admin/dashboard.vue

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 2069b95..b6ed85b 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -777,4 +777,4 @@
       <option value=".github/prompts" />
     </promptFileLocations>
   </component>
-</project>
\ No newline at end of file
+</project>
diff --git a/frontend/layouts/admin.vue b/frontend/layouts/admin.vue
new file mode 100644
index 0000000..ffb8938
--- /dev/null
+++ b/frontend/layouts/admin.vue
@@ -0,0 +1,61 @@
+<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 grid grid-rows-[auto,1fr,auto]">
+                <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 -->
+
+                </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>
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 3e0a90d..bc932da 100644
--- a/frontend/layouts/default.vue
+++ b/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 = () => {
diff --git a/frontend/pages/admin/dashboard.vue b/frontend/pages/admin/dashboard.vue
new file mode 100644
index 0000000..eacea61
--- /dev/null
+++ b/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>