Merge branch 'hotfix/V8-6801-iframe-dinscription-aux-webinair'

components/Webinaire/Catalogue.vue

@@ -22,12 +22,7 @@
         </v-row>
 
         <v-row class="center-90 catalog">
-          <v-col
-            v-for="(course, index) in courses"
-            :key="index"
-            cols="12"
-            md="4"
-          >
+          <v-col v-for="course in courses" :key="course.key" cols="12" md="4">
             <v-card class="mb-4">
               <v-card-text>
                 <div class="title-card-container">
@@ -82,7 +77,10 @@
                   {{ course.price }}
                 </div>
 
-                <v-chip class="chip-register" @click="showModal(course.title)">
+                <v-chip
+                  class="chip-register"
+                  @click="selectedWebinar = course.key"
+                >
                   Inscrivez-vous
                 </v-chip>
               </v-card-text>
@@ -126,6 +124,7 @@ import type { Training } from '~/types/interface'
 
 const courses: Array<Training> = [
   {
+    key: 'artist',
     imageUrl: '/images/logos/opentalent/Logo_Opentalent_Artist_Griffe.png',
     imageAlt: 'Esperluette du logo Opentalent Artist',
     title: 'Webinaire Opentalent Artist',
@@ -164,6 +163,7 @@ const courses: Array<Training> = [
   },
   {
     // number: "02",
+    key: 'school',
     title: 'Webinaire Opentalent School',
     imageUrl: '/images/logos/opentalent/Logo_Opentalent_School_Griffe.png',
     imageAlt: 'Esperluette du logo Opentalent School',
@@ -201,6 +201,7 @@ const courses: Array<Training> = [
       'https://www.opentalent.fr/fileadmin/stockage/stockage/support/programme/PF-School-2023-02_1-jour.pdf',
   },
   {
+    key: 'manager',
     title: 'Webinaire Opentalent Manager',
     imageUrl: '/images/logos/opentalent/Logo_Opentalent_Manager_Griffe.png',
     imageAlt: 'Esperluette du logo Opentalent Manager',
@@ -238,18 +239,14 @@ const courses: Array<Training> = [
 const selectedWebinar: Ref<string | null> = ref(null)
 
 const webinaireCalendars: Record<string, string> = {
-  'Webinaire Artist':
+  artist:
     'https://widget.weezevent.com/ticket/E1054691/?code=1227&locale=fr-FR&width_auto=1&color_primary=00AEEF',
-  'Webinaire School':
+  school:
     'https://widget.weezevent.com/ticket/E1054694/?code=44289&locale=fr-FR&width_auto=1&color_primary=00AEEF',
-  'Webinaire Manager':
+  manager:
     'https://widget.weezevent.com/ticket/E1054695/?code=76806&locale=fr-FR&width_auto=1&color_primary=00AEEF',
 }
 
-const showModal = (webinaireTitle: string) => {
-  selectedWebinar.value = webinaireTitle.trim()
-}
-
 const modalShowing = computed(() => selectedWebinar.value)
 
 const closeModal = () => {