From f648a0b19d421571795e7832b06596d3ddf1e093 Mon Sep 17 00:00:00 2001
From: _aandres <alice.andres@m4x.org>
Date: Sun, 10 Apr 2022 00:56:25 +0200
Subject: [PATCH] feat [front]: admin list registered movies

---
 front/composables/types.ts  |  7 +++++++
 front/pages/admin/index.vue | 29 ++++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/front/composables/types.ts b/front/composables/types.ts
index 13a5ab1..5d2e86b 100644
--- a/front/composables/types.ts
+++ b/front/composables/types.ts
@@ -25,3 +25,10 @@ export type Film = {
   bannerLink?: string
   isConfirmed?: boolean
 }
+
+export type ShortFilm = {
+  id: number
+  projectionDate: Date
+  title: string
+  director?: string
+}
diff --git a/front/pages/admin/index.vue b/front/pages/admin/index.vue
index 20fbab3..37a63d7 100644
--- a/front/pages/admin/index.vue
+++ b/front/pages/admin/index.vue
@@ -1,5 +1,28 @@
-<template></template>
+<template>
+  <h1 class="title">Liste des séances</h1>
+  <ul class="list has-visible-pointer-controls">
+    <li v-for="film of films" :key="film.id" class="list-item">
+      <nuxt-link :to="`${film.id}`" class="list-item-content">
+        {{ film.projectionDate || "À planifier" }} - {{ film.title }}
+        <template v-if="film.director"> de {{ film.director }}</template>
+      </nuxt-link>
+      <div class="list-item-controls">
+        <nuxt-link :to="`${film.id}/edition`" class="button">
+          <span>Éditer</span>
+        </nuxt-link>
+      </div>
+    </li>
+  </ul>
+</template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { ShortFilm } from "~/composables/types"
 
-<style scoped lang="sass"></style>
+definePageMeta({
+  layout: "admin",
+})
+
+const films = reactive<ShortFilm[]>([])
+
+Object.assign(films, (await apiGet("films/")).data.value)
+</script>