From 7a5020a8b08b1405c48f116a980f76a4bebd2723 Mon Sep 17 00:00:00 2001
From: _aandres <alice.andres@m4x.org>
Date: Sat, 27 Aug 2022 19:59:57 +0200
Subject: [PATCH] feat [front]: admin header and navigation

---
 front/components/admin/form.vue   |  3 +++
 front/components/admin/header.vue | 37 +++++++++++++++++++++++++++++++
 front/layouts/admin.vue           |  2 +-
 3 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 front/components/admin/header.vue

diff --git a/front/components/admin/form.vue b/front/components/admin/form.vue
index 1502ad7..1c29cc8 100644
--- a/front/components/admin/form.vue
+++ b/front/components/admin/form.vue
@@ -132,6 +132,9 @@
         <button class="button is-primary" @click="emits('publish')">
           {{ film?.isConfirmed ? "Sauvegarder" : "Publier" }}
         </button>
+        <nuxt-link :to="`/admin/${film.id}`">
+          <button class="button">Quitter l'édition</button>
+        </nuxt-link>
       </div>
     </div>
 
diff --git a/front/components/admin/header.vue b/front/components/admin/header.vue
new file mode 100644
index 0000000..95f846a
--- /dev/null
+++ b/front/components/admin/header.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="navbar-container mb-6">
+    <nav
+      class="navbar container"
+      role="navigation"
+      aria-label="main navigation"
+    >
+      <div class="navbar-menu">
+        <div class="navbar-start">
+          <nuxt-link
+            v-for="(menuItem, index) of menuItems"
+            :key="index"
+            class="navbar-item"
+            :to="menuItem.link"
+          >
+            {{ menuItem.label }}
+          </nuxt-link>
+        </div>
+      </div>
+    </nav>
+  </div>
+</template>
+
+<script setup lang="ts">
+const menuItems = [
+  {
+    label: "Liste des films",
+    link: "/admin",
+  },
+  {
+    label: "Accéder au site",
+    link: "/",
+  },
+]
+</script>
+
+<style scoped lang="sass"></style>
diff --git a/front/layouts/admin.vue b/front/layouts/admin.vue
index fb90760..e4e8990 100644
--- a/front/layouts/admin.vue
+++ b/front/layouts/admin.vue
@@ -1,5 +1,5 @@
 <template>
-  <!-- TODO add menu -->
+  <AdminHeader />
   <div class="container"><slot /></div>
 </template>