V8-6127 fixes

components/Common/ActionMenu.vue

@@ -11,7 +11,7 @@ de l'écran (ou au bas de l'écran sur les petits écrans)
       :class="['square', action.color]"
       @click="() => onActionClick(action)"
     >
-      <NuxtLink :to="action.url" class="link">
+      <NuxtLink class="link">
         <div>
           <v-icon :class="action.icon" />
 
@@ -125,7 +125,12 @@ const onActionClick = (action: ActionMenuItem) => {
       if (!action.url) {
         throw new Error('Missing prop : url')
       }
-      navigateTo(action.url)
+      navigateTo(
+        action.url,
+        {
+          open: { target: '_blank' }
+        }
+      )
       break
 
     default:

components/Formation/Catalogue.vue

@@ -126,7 +126,7 @@ const courses: Array<Training> = [
     ],
     price: '2 008,80€ TTC',
     downloadLink:
-      'public/files/PF-School-2024-02_2-jours.pdf',
+      'files/PF-School-2024-02_2-jours.pdf',
   },
   {
     number: '02',
@@ -151,7 +151,7 @@ const courses: Array<Training> = [
     ],
     price: '1004,40€ TTC',
     downloadLink:
-      'public/files/PF-School-2024-02_1-jour.pdf',
+      'files/PF-School-2024-02_1-jour.pdf',
   },
   {
     number: '03',
@@ -177,7 +177,7 @@ const courses: Array<Training> = [
     ],
     price: '1004,40€ TTC',
     downloadLink:
-      'public/files/PF-Typo3-2024-02_1-jour.pdf',
+      'files/PF-Typo3-2024-02_1-jour.pdf',
   },
 ]
 </script>

components/Home/EventAgenda.vue

@@ -59,7 +59,7 @@ const { lgAndUp } = useDisplay()
       rgba(14, 45, 50, 0.2) 100%
     ),
     linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
-    url('/images/components/agenda/Opentalent_Agenda_événement_culturel.jpg')
+    url('/images/components/agenda/Opentalent_Agenda_evenement_culturel.jpg')
       no-repeat center 60%;
   background-size: cover;
 

components/Home/Solution.vue

@@ -87,7 +87,7 @@ const solutions: Array<SolutionItem> = [
   {
     name: 'Artist',
     description: 'Orchestres, chorales, compagnies et troupes artistiques',
-    image: '/images/logos/Logo_Opentalent_Artist-blanc.png',
+    image: '/images/logos/opentalent/Logo_Opentalent_Artist-blanc.png',
     alt: 'Partition tenue par une femme dans une chorale',
     link: '/opentalent_artist',
     class: 'artist-image',
@@ -105,7 +105,7 @@ const solutions: Array<SolutionItem> = [
   {
     name: 'School',
     description: "Petits et grands établissements d'enseignement artistique",
-    image: '/images/logos/Logo_Opentalent_School-blanc',
+    image: '/images/logos/opentalent/Logo_Opentalent_School-blanc.png',
     alt: 'Deux jeunes filles jouant du violon',
     link: '/opentalent_school',
     class: 'school-image',
@@ -123,7 +123,7 @@ const solutions: Array<SolutionItem> = [
   {
     name: 'Manager',
     description: 'Fédérations, confédérations et collectivités',
-    image: '/images/logos/Logo_Opentalent_Manager-blanc.png',
+    image: '/images/logos/opentalent/Logo_Opentalent_Manager-blanc.png',
     alt: 'Carte de réseau des structures de la confédération musicale de France',
     link: '/opentalent_manager',
     class: 'manager-image',

components/Webinaire/Catalogue.vue

@@ -91,30 +91,25 @@
       :scrollable="true"
       class="calendar-modal"
     >
-      <template v-slot:default="{ isActive }">
-        <div class="alt-theme d-flex flex-column align-center">
-            <v-card
-              title="Inscrivez vous"
-            >
-              <v-card-text style="height: 70vh;">
-                <h4 class="title-inscription text-center mt-4">
-                  Vous y êtes presque !
-                </h4>
-
-                <iframe
-                  :src="webinaireCalendars[selectedWebinar]"
-                  height="700"
-                />
-              </v-card-text>
-            </v-card>
-
-            <v-row>
-              <v-col cols="12">
-                <v-btn class="close-button" @click="closeModal()"> Fermer </v-btn>
-              </v-col>
-            </v-row>
-        </div>
-      </template>
+      <v-card
+        title="Inscrivez vous"
+        class="d-flex flex-column align-center  alt-theme"
+      >
+        <v-card-text>
+          <h4 class="title-inscription text-center mt-4">
+            Vous y êtes presque !
+          </h4>
+
+          <iframe
+            :src="webinaireCalendars[selectedWebinar]"
+            height="700"
+          />
+        </v-card-text>
+
+        <v-card-actions>
+          <v-btn class="close-button" @click="closeModal()"> Fermer </v-btn>
+        </v-card-actions>
+      </v-card>
     </v-dialog>
   </LayoutContainer>
 </template>
@@ -238,11 +233,11 @@ const selectedWebinar: Ref<string | null> = ref(null)
 
 const webinaireCalendars: Record<string, string> = {
   'Webinaire Artist':
-    'https://widget.weezevent.com/ticket/E920851/?code=62708&locale=fr-FR&width_auto=1&color_primary=0e2d32',
+    'https://widget.weezevent.com/ticket/E1054691/?code=1227&locale=fr-FR&width_auto=1&color_primary=00AEEF',
   'Webinaire School':
-    'https://widget.weezevent.com/ticket/E963899/?code=47365&locale=fr-FR&width_auto=1&color_primary=0e2d32',
+    'https://widget.weezevent.com/ticket/E1054694/?code=44289&locale=fr-FR&width_auto=1&color_primary=00AEEF',
   'Webinaire Manager':
-    'https://widget.weezevent.com/ticket/E923624/?code=4857&locale=fr-FR&width_auto=1&color_primary=0e2d32',
+    'https://widget.weezevent.com/ticket/E1054695/?code=76806&locale=fr-FR&width_auto=1&color_primary=00AEEF',
 }
 
 const showModal = (webinaireTitle: string) => {
@@ -387,6 +382,24 @@ const closeModal = () => {
     margin-bottom: 2rem;
   }
 
+  .v-card {
+    border: none !important;
+    box-shadow: none !important;
+    background-color: var(--primary-color) !important;
+    width: 100%;
+  }
+
+  .v-card-text {
+    width: 90%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    iframe {
+      width: 100%;
+    }
+  }
+
   .close-button {
     background-color: #e34461; /* TODO: pqoi cette couleur ici? */
     color: var(--on-primary-color);

nuxt.config.ts

@@ -62,7 +62,7 @@ export default defineNuxtConfig({
       ],
       script: [
         // Google Analytics
-        { 
+        {
           src: 'https://www.googletagmanager.com/gtag/js?id=G-L8PZ9TEFNX',
           async: true
         },

pages/CGV.vue

@@ -8,7 +8,7 @@
     <LayoutUITitlePage> Conditions générales de vente </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/Bannieres_Mentions_legales-CGV-Cookies.png"
+      image-src="/images/pages/legal/Banniere_informations_legales.jpg"
       image-alt="Ordinateur à côté d'une balance d'un livre et d'un maillet en bois"
     />
 

pages/mentions-legales.vue

@@ -8,7 +8,7 @@
     <LayoutUITitlePage> Mentions légales </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/Bannieres_Mentions_legales-CGV-Cookies.png"
+      image-src="/images/pages/legal/Banniere_informations_legales.jpg"
       image-alt="Ordinateur à côté d'une balance d'un livre et d'un maillet en bois"
     />
 

pages/politique-de-confidentialite-et-protection-des-donnees-personnelles.vue

@@ -8,7 +8,7 @@
     <LayoutUITitlePage> POLITIQUE DE CONFIDENTIALITÉ </LayoutUITitlePage>
 
     <CommonBanner
-      image-src="/images/Bannieres_Mentions_legales-CGV-Cookies.png"
+      image-src="/images/pages/legal/Banniere_informations_legales.jpg"
       image-alt="Ordinateur à côté d'une balance d'un livre et d'un maillet en bois"
     />