feat [front]: admin header and navigation
This commit is contained in:
parent
95df86ef60
commit
7a5020a8b0
|
@ -132,6 +132,9 @@
|
||||||
<button class="button is-primary" @click="emits('publish')">
|
<button class="button is-primary" @click="emits('publish')">
|
||||||
{{ film?.isConfirmed ? "Sauvegarder" : "Publier" }}
|
{{ film?.isConfirmed ? "Sauvegarder" : "Publier" }}
|
||||||
</button>
|
</button>
|
||||||
|
<nuxt-link :to="`/admin/${film.id}`">
|
||||||
|
<button class="button">Quitter l'édition</button>
|
||||||
|
</nuxt-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
37
front/components/admin/header.vue
Normal file
37
front/components/admin/header.vue
Normal file
|
@ -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>
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- TODO add menu -->
|
<AdminHeader />
|
||||||
<div class="container"><slot /></div>
|
<div class="container"><slot /></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue