feat [both]: save facebook event link

front/components/admin/form.vue

@@ -106,6 +106,13 @@
         </div>
       </div>
 
+      <div class="field">
+        <label class="label">Lien de l'événement Facebook</label>
+        <div class="control">
+          <input v-model="film.facebookEventLink" class="input" type="url" />
+        </div>
+      </div>
+
       <div class="field">
         <label class="label">Lien de la bannière</label>
         <div class="control">

front/components/movieCard/full.vue

@@ -59,12 +59,18 @@
             />
           </template>
           <template v-else>
-            <ButtonIcon
+            <a
               v-if="film.facebookEventLink"
-              label="Événement Facebook"
-              icon="ri-facebook-box-fill"
-              class="is-outlined is-primary"
-            />
+              :href="film.facebookEventLink"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              <ButtonIcon
+                label="Événement Facebook"
+                icon="ri-facebook-box-fill"
+                class="is-outlined is-primary"
+              />
+            </a>
             <ButtonIcon
               v-if="film.icsDownload"
               label="Ajouter au calendrier"

front/composables/types.ts

@@ -17,6 +17,7 @@ export type Film = {
   synopsis?: string
   originCountry?: string
   releaseYear?: number
+  facebookEventLink?: string
   trailerLink?: string
   isInColor?: boolean
   movieFormat?: Format

front/pages/admin/[id]/index.vue

@@ -7,7 +7,7 @@
       {{ film.projectionDate || "À planifier" }} - {{ film.title }}
       <span class="has-text-grey-lighter">#{{ film.id }}</span>
     </h1>
-    <nuxt-link :to="`${id}/edition`" class="button">
+    <nuxt-link :to="`/admin/${id}/edition`" class="button">
       <span>Éditer</span>
     </nuxt-link>
   </div>

front/pages/admin/index.vue

@@ -2,12 +2,12 @@
   <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="`admin/${film.id}`" class="list-item-content">
+      <nuxt-link :to="`/admin/${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="`admin/${film.id}/edition`" class="button">
+        <nuxt-link :to="`/admin/${film.id}/edition`" class="button">
           <span>Éditer</span>
         </nuxt-link>
       </div>