refacto + correction actualités

.env.docker

@@ -3,7 +3,7 @@ NUXT_ENV=dev
 NUXT_DEBUG=1
 DEBUG=1
 
-NUXT_API_BASE_URL=http://nginx_maestro/api
-NUXT_PUBLIC_API_BASE_URL=http://nginx_maestro/api
+NUXT_API_BASE_URL=https://local.maestro.opentalent.fr
+NUXT_PUBLIC_API_BASE_URL=https://local.maestro.opentalent.fr
 
 

components/About/Banner.vue

@@ -4,7 +4,7 @@
 
     <v-row>
       <v-col cols="12">
-        <LayoutUIBanner
+        <CommonBanner
           :imageSrc="'/images/banner/about_opentalent.png'"
           imageAlt="'line'"
         />

components/Home/Reviews.vue

@@ -142,7 +142,7 @@
       </v-row>
 
       <div class="content-review">
-        <LayoutCarouselTrustCompanie :items="items" :title-color="'#fff'"
+        <CommonCarouselTrustCompanie :items="items" :title-color="'#fff'"
         :carousel-border-color="'#fff'" :carousel-button-color="'#fff'" :icon-color="'#fff'"/>
 
       </div>

components/Logiciels/Artist/Abonnement.vue

@@ -100,12 +100,11 @@
   list-style-type: decimal;
   padding-left: 2rem;
   color: #000;
-  /* Body Large - Light */
   font-family: Barlow;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
-  line-height: 20px; /* 125% */
+  line-height: 20px;
   margin-left: 3rem;
   width: 20rem;
 }
@@ -132,7 +131,7 @@
   color: var(--Vert-100, #091d20);
 
   text-align: center;
-  font-family: Barlow;
+  font-family: "Barlow";
   font-size: 1rem;
   font-style: normal;
   font-weight: 300;
@@ -163,29 +162,6 @@
   width: 45rem;
 }
 
-.title-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: 600;
-  font-size: 1.5rem;
-  line-height: 18px;
-  color: #091d20;
-  width: 25rem;
-  margin-left: 2rem;
-}
-
-.subtitle {
-  color: #071b1f;
-  font-family: "Barlow";
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 15px;
-  letter-spacing: 1.8px;
-  text-transform: uppercase;
-}
-
 .title {
   font-family: "Barlow";
   font-weight: 600;
@@ -238,19 +214,6 @@
   font-weight: 400;
   line-height: 38px;
 }
-.contact-details {
-  font-weight: 300;
-  font-size: 16px;
-  line-height: 20px;
-  color: #091d20;
-  width: 20rem;
-  font-family: "Barlow";
-  font-style: normal;
-}
-.icon-title {
-  margin-right: 1rem;
-  color: #fac20a;
-}
 .title {
   font-weight: 600;
   font-size: 42px;

components/Logiciels/Artist/Avantages.vue

@@ -21,7 +21,7 @@
             v-for="(card, index) in cards"
             :key="index"
           >
-            <LayoutUIAvantageCard
+            <CommonCardAvantageCard
               :title="card.title"
               :number="card.number"
               :description="card.description"
@@ -40,7 +40,6 @@
 <script setup>
 import { ref } from "vue";
 
-// Exemple de données pour les cartes
 const cards = ref([
   {
     title: "Un gain de temps",

components/Logiciels/Artist/Banner.vue

@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer>
     <v-row>
-      <LayoutUIBannerTitle
+      <CommonBannerTitle
         :leftText="'School'"
         :centerText="'Opentalent Artist'"
         :rightText="'Manager'"
@@ -10,7 +10,7 @@
 
     <v-row>
       <v-col cols="12">
-        <LayoutUIBanner
+        <CommonBanner
           :imageSrc="'/images/logiciels/artist/banner.jpg'"
           imageAlt="'line'"
           :squareText="'Orchestres, chorales, compagnies de danse, de cirque et de théâtre  '"

components/Logiciels/Artist/Fonctionnalites.vue

@@ -4,7 +4,7 @@
       <div class="container-green">
           <v-row>
             <v-col cols="12">
-              <LayoutCarouselFonctionnalite
+              <CommonCarouselFonctionnalite
                 :cards="cards"
                 :functionCarousel="functionCarousel"
                 :itemsToShow="itemsToShow"

components/Logiciels/Artist/Formations.vue

@@ -60,21 +60,21 @@
             cols="3"
             class="d-flex justify-center align-center small-padding"
           >
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="'184 634'"
               text="utilisateurs"
               backgroundColor="#fac20a"
             />
           </v-col>
           <v-col cols="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="'3 424'"
               text="structures"
               backgroundColor="#fac20a"
             />
           </v-col>
           <v-col cols="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="13"
               text="années d'expérience"
               backgroundColor="#fac20a"
@@ -85,7 +85,7 @@
       <v-row />
 
       <v-row />
-      <LayoutCarouselTrustCompanie
+      <CommonCarouselTrustCompanie
         :items="items"
         :trustMessage="'nous ont déjà adoptées'"
         :structureCount="'3400 structures'"

components/Logiciels/Artist/Presentation.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <LayoutUIPresentation
+    <CommonPresentation
       :pictoImages="pictoData"
       :presentationText="presentationData"
       :backgroundColor="'rgba(250, 194, 10, 0.2)'"
@@ -9,7 +9,7 @@
     />
   </div>
 
-  <LayoutUIContainerVideo image-url="/images/logiciels/school/screen2.png" />
+  <CommonContainerVideo image-url="/images/logiciels/school/screen2.png" />
 </template>
 
 <script setup>

components/Logiciels/Manager/Avantages.vue

@@ -19,7 +19,7 @@
       <v-row class="row-custom"  >
 
         <v-col cols="12" md="4" offset-md="1"  v-for="(card, index) in cards" :key="index">
-          <LayoutUIAvantageCard
+          <CommonCardAvantageCard
             :title="card.title"
             :number="card.number"
             :description="card.description"
@@ -39,7 +39,6 @@
 <script setup>
 import { ref } from "vue";
 
-// Exemple de données pour les cartes
 const cards = ref([
   {
     title: "Sur - mesure",

components/Logiciels/Manager/Banner.vue

@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer>
     <v-row>
-      <LayoutUIBannerTitle
+      <CommonBannerTitle
         :leftText="'School'"
         :centerText="'Opentalent Manager'"
         :rightText="'Artist'"
@@ -10,7 +10,7 @@
 
     <v-row>
       <v-col cols="12">
-        <LayoutUIBanner
+        <CommonBanner
           :imageSrc="'/images/logiciels/manager/banner-manager.png'"
           imageAlt="'line'"
           :squareText="'Fédérations, confédérations et collectivités'"

components/Logiciels/Manager/Fonctionnalites.vue

@@ -4,7 +4,7 @@
       
         <v-row>
           <v-col cols="12">
-            <LayoutCarouselFonctionnalite
+            <CommonCarouselFonctionnalite
               :cards="cards"
               :functionCarousel="functionCarousel"
               :itemsToShow="itemsToShow"

components/Logiciels/Manager/Formation.vue

@@ -51,21 +51,21 @@
             cols="3"
             class="d-flex justify-center align-center small-padding"
           >
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="140"
               text="Structures en réseau"
               backgroundColor="#d8050b"
             />
           </v-col>
           <v-col cols="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="'300 000'"
               text="Utilisateurs"
               backgroundColor="#d8050b"
             />
           </v-col>
           <v-col cols="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="12"
               text="années de collaboration"
               backgroundColor="#d8050b"

components/Logiciels/Manager/Presentation.vue

@@ -1,14 +1,14 @@
 <template>
   <LayoutContainer>
     <div id="Presentation">
-      <LayoutUIPresentation
+      <CommonPresentation
         :pictoImages="pictoData"
         :presentationText="presentationData"
         :backgroundColor="'rgba(216, 5, 11, 0.2)'"
       />
     </div>
 
-    <LayoutUIContainerVideo image-url="/images/logiciels/school/screen2.png" />
+    <CommonContainerVideo image-url="/images/logiciels/school/screen2.png" />
   </LayoutContainer>
 </template>
 

components/Logiciels/Manager/Projet.vue

@@ -84,8 +84,8 @@
 
 <style scoped>
 .border {
-  border-top: 1px solid #000; /* Remplacez #000 par la couleur de votre choix */
-  border-right: 1px solid #000; /* Remplacez #000 par la couleur de votre choix */
+  border-top: 1px solid #000; 
+  border-right: 1px solid #000;
 }
 
 .icon {

components/Logiciels/School/Avantages.vue

@@ -16,7 +16,7 @@
       <v-row class="row-custom"  >
 
         <v-col cols="12" md="4" offset-md="1"  v-for="(card, index) in cards" :key="index">
-          <LayoutUIAvantageCard
+          <CommonCardAvantageCard
             :title="card.title"
             :number="card.number"
             :description="card.description"

components/Logiciels/School/Banner.vue

@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer>
     <v-row>
-      <LayoutUIBannerTitle
+      <CommonBannerTitle
         :leftText="'Artist'"
         :centerText="'Opentalent School'"
         :rightText="'Manager'"
@@ -10,7 +10,7 @@
 
     <v-row>
       <v-col cols="12">
-        <LayoutUIBanner
+        <CommonBanner
           :imageSrc="'/images/solutions/school.jpg'"
           imageAlt="'line'"
           :squareText="'École de musique, d\'art, de danse, de cirque, conservatoires et MJC'"

components/Logiciels/School/Comparatif.vue

@@ -10,7 +10,7 @@
           title="Choisissez la version qui vous convient ! "
         />
 
-        <LayoutTableComparatif
+        <CommonTableComparatif
         :standardPrice="'32,90€'"
         :premiumPrice="'46,20€'"
         :color="'#0e2d32'"

components/Logiciels/School/Fonctionnalites.vue

@@ -4,7 +4,7 @@
       <div class="container-green" v-if="!mdAndDown">
         <v-row>
           <v-col cols="12">
-            <LayoutCarouselFonctionnalite
+            <CommonCarouselFonctionnalite
               :cards="cards"
               :functionCarousel="functionCarousel"
               :itemsToShow="itemsToShow"

components/Logiciels/School/Formations.vue

@@ -54,28 +54,28 @@
             lg="3"
             class="d-flex justify-center align-center small-padding"
           >
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="'30 > 1500'"
               text="élèves"
               backgroundColor="#c3e5e7"
             />
           </v-col>
           <v-col cols="12" lg="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="234"
               text="Clients"
               backgroundColor="#c3e5e7"
             />
           </v-col>
           <v-col cols="12" lg="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="20304"
               text="Utilisateurs"
               backgroundColor="#c3e5e7"
             />
           </v-col>
           <v-col cols="12" lg="3" class="d-flex justify-center align-center">
-            <LayoutCardStat
+            <CommonCardStat
               :chiffre="13"
               text="années d'expérience"
               backgroundColor="#c3e5e7"

components/Logiciels/School/Presentation.vue

@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer>
     <div id="Presentation">
-      <LayoutUIPresentation
+      <CommonPresentation
         :pictoImages="pictoData"
         :presentationText="presentationData"
         :pricing-amount="'20€'"
@@ -12,7 +12,7 @@
       />
     </div>
 
-    <LayoutUIContainerVideo
+    <CommonContainerVideo
       image-url="/images/logiciels/school/screen2.png"
       
     />

components/Logiciels/School/Projet.vue

@@ -2,68 +2,69 @@
   <LayoutContainer id="contact">
     <v-container>
       <v-row no-gutters>
-      <v-col cols="6">
-        <v-img class="help-img" src="/images/contact/contact.jpg" />
-      </v-col>
+        <v-col cols="6">
+          <v-img class="help-img" src="/images/contact/contact.jpg" />
+        </v-col>
 
-      <v-col cols="6" class="mt-12">
-        <LayoutUISubTitle :titleText="` Contactez-nous `" />
+        <v-col cols="6" class="mt-12">
+          <LayoutUISubTitle :titleText="` Contactez-nous `" />
 
-        <LayoutUITitle :title="` Vous avez un projet ? `" />
-        <div class="ml-8">
-          <h6 class="subtitle">N'attendez plus, appelez-nous</h6>
-          <p class="contact-details">
-            Vous avez une identité, des besoins, des projets... On est là pour
-            vous écouter et vous offrir une offre personnalisée ! Que vous soyez
-            une petite ou une structure plus conséquente, notre offre s'adapte à
-            toutes les tailles : le prix de l’abonnement au logiciel varie en
-            fonction du nombre d'élèves, tout en conservant l'intégralité des
-            fonctionnalités.
-          </p>
-          <v-btn class="btn-contact"> Nous contacter </v-btn>
-        </div>
-      </v-col>
-    </v-row>
+          <LayoutUITitle :title="` Vous avez un projet ? `" />
+          <div class="ml-8">
+            <h6 class="subtitle">N'attendez plus, appelez-nous</h6>
+            <p class="contact-details">
+              Vous avez une identité, des besoins, des projets... On est là pour
+              vous écouter et vous offrir une offre personnalisée ! Que vous
+              soyez une petite ou une structure plus conséquente, notre offre
+              s'adapte à toutes les tailles : le prix de l’abonnement au
+              logiciel varie en fonction du nombre d'élèves, tout en conservant
+              l'intégralité des fonctionnalités.
+            </p>
+            <v-btn class="btn-contact"> Nous contacter </v-btn>
+          </div>
+        </v-col>
+      </v-row>
     </v-container>
 
-<v-container>
-  <v-row no-gutters>
-      <v-col cols="6" class="mt-12">
-        <LayoutUISubTitle :titleText="` Adhérents CMF `" />
-        <LayoutUITitle :title="` Bénéficiez de conditions privilégiés ? `" />
-        <div class="ml-8">
-          <h6 class="subtitle">N'attendez plus, appelez-nous</h6>
-          <p class="contact-details">
-            Si votre établissement d’enseignement artistique est adhérent à la
-            Confédération Musicale de France (CMF), vous bénéficiez
-            gratuitement, dans le cadre de votre adhésion, de la version
-            Opentalent Artist standard et de conditions priviliégiés pour la
-            version Opentalent School. <br> 
-          </p>
-          <p class="mt-6">Contactez nous direcetement ou contactez
-            votre fédération pour obtenir vos codes d’accès.</p>
-          <v-btn class="btn-contact"> Je souhaite obtenir mon code d'accès </v-btn>
-        </div>
-      </v-col>
-      <v-col cols="6">
-        <!-- <v-img class="logo-cmf" src="/images/logiciels/school/cmf_logo_orange.png" /> -->
-        <div class="logo-cmf"></div>
-      </v-col>
-    </v-row>
-</v-container>
-
+    <v-container>
+      <v-row no-gutters>
+        <v-col cols="6" class="mt-12">
+          <LayoutUISubTitle :titleText="` Adhérents CMF `" />
+          <LayoutUITitle :title="` Bénéficiez de conditions privilégiés ? `" />
+          <div class="ml-8">
+            <h6 class="subtitle">N'attendez plus, appelez-nous</h6>
+            <p class="contact-details">
+              Si votre établissement d’enseignement artistique est adhérent à la
+              Confédération Musicale de France (CMF), vous bénéficiez
+              gratuitement, dans le cadre de votre adhésion, de la version
+              Opentalent Artist standard et de conditions priviliégiés pour la
+              version Opentalent School. <br />
+            </p>
+            <p class="mt-6">
+              Contactez nous direcetement ou contactez votre fédération pour
+              obtenir vos codes d’accès.
+            </p>
+            <v-btn class="btn-contact">
+              Je souhaite obtenir mon code d'accès
+            </v-btn>
+          </div>
+        </v-col>
+        <v-col cols="6">
+          <!-- <v-img class="logo-cmf" src="/images/logiciels/school/cmf_logo_orange.png" /> -->
+          <div class="logo-cmf"></div>
+        </v-col>
+      </v-row>
+    </v-container>
   </LayoutContainer>
 </template>
 <script setup></script>
 
 <style scoped>
-
-.v-row{
+.v-row {
   max-width: 1800px;
   margin: 0 auto;
-
 }
-:deep().title{
+:deep().title {
   width: 100% !important;
 }
 .logo-cmf {

components/Webinaire/Banner.vue

@@ -7,7 +7,7 @@
 
     <v-row>
       <v-col cols="12">
-        <LayoutUIBanner
+        <CommonBanner
           :imageSrc="'images/banner/Visuel_page_Webinaires.png'"
           imageAlt="'line'"
         />

nuxt.config.ts

@@ -15,7 +15,7 @@ export default defineNuxtConfig({
   runtimeConfig: {
     // Private config that is only available on the server
     env: "",
-    apiBaseUrl: "",
+    apiBaseUrl: process.env.NUXT_API_BASE_URL,
     // Config within public will be also exposed to the client
     public: {
       env: "",

pages/actualites/index.vue

@@ -116,9 +116,14 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from "vue";
+import { ref, watch } from "vue";
 import { useMaestroRequestService } from "~/composables/useMaestroRequestService";
 
+// Base URL for API requests
+const config = useRuntimeConfig();
+const baseUrl = `${config.public.apiBaseUrl}/api/news`;
+const getImageUrl = (attachment) => `${config.public.apiBaseUrl}/uploads/news/${attachment}`;
+
 const { apiRequestService } = useMaestroRequestService();
 const currentPage = ref(1);
 const totalPages = ref(0);
@@ -131,7 +136,6 @@ const updatePage = (newPage: number) => {
   page.value = newPage;
 };
 
-// récupère les événements en fonction des filtres
 const query = computed(() => {
   const queryParams: { page: number; [key: string]: number | string } = {
     page: page.value,
@@ -139,19 +143,16 @@ const query = computed(() => {
 
   return queryParams;
 });
-const getImageUrl = (attachment: string) => {
-  return `https://local.maestro.opentalent.fr/uploads/news/${attachment}`;
-};
+
 const totalItems = ref(0);
 
-// data event list using lazy loading
 const {
   data: news = [],
   pending,
   refresh,
 } = useLazyAsyncData("files", async () => {
   const response = await apiRequestService.get(
-    "https://local.maestro.opentalent.fr/api/news",
+    baseUrl,
     query.value
   );
   const collection = response["hydra:member"];

pages/formations.vue

@@ -16,7 +16,7 @@
   <FormationParticipation />
   <FormationReviews />
   <LayoutFAQ />
-  <LayoutUISolutionsFooter id="layout-footer"/>
+  <LayoutFooterSolutionsFooter id="layout-footer"/>
   <LayoutFooter id="layout-footer" />
 </template>
 

pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <LayoutNavigation />
   <div v-if="shouldShowStickyMenu" id="sticky-menu">
-    <LayoutUIStickyMenu
+    <CommonStickyMenu
       :shouldShowStickyMenu="shouldShowStickyMenu"
       :squaresData="squaresData"
     />
@@ -16,7 +16,7 @@
   <HomeReviews />
   <!-- <HomeNews /> -->
   <HomeHelp />
-  <LayoutPrefooter />
+  <LayoutFooterPrefooter/>
   <LayoutFooter id="layout-footer" />
 </template>
 

pages/opentalent_artist.vue

@@ -4,7 +4,7 @@
   <LogicielsArtistMenuScroll class="mb-6" />
 
   <div v-if="shouldShowStickyMenu" id="sticky-menu">
-    <LayoutUIStickyMenu
+    <CommonStickyMenu
       :shouldShowStickyMenu="shouldShowStickyMenu"
       :squaresData="squaresData"
     />
@@ -17,7 +17,7 @@
   <LogicielsArtistFormations />
   <LogicielsArtistReviews />
   <LayoutFAQ />
-  <LayoutUISolutionsFooter />
+  <LayoutFooterPrefooter />
   <LayoutFooter id="layout-footer" />
 </template>
 

pages/opentalent_manager.vue

@@ -4,7 +4,7 @@
   <LogicielsManagerMenuScroll />
 
   <div v-if="shouldShowStickyMenu" id="sticky-menu">
-    <LayoutUIStickyMenu
+    <CommonStickyMenu
       :shouldShowStickyMenu="shouldShowStickyMenu"
       :squaresData="squaresData"
     />
@@ -16,7 +16,7 @@
   <LogicielsManagerFormation />
   <LogicielsManagerReviews />
   <LayoutFAQ />
-  <LayoutUISolutionsFooter />
+  <LayoutFooterSolutionsFooter/>
   <LayoutFooter id="layout-footer" />
 </template>
 

pages/opentalent_school.vue

@@ -4,7 +4,7 @@
   <LogicielsSchoolMenuScroll  />
 
   <div v-if="shouldShowStickyMenu" id="sticky-menu" class="mt-6">
-    <LayoutUIStickyMenu
+    <CommonStickyMenu
       :shouldShowStickyMenu="shouldShowStickyMenu"
       :squaresData="squaresData"
     />
@@ -17,7 +17,7 @@
   <LogicielsSchoolFormations />
   <LogicielsSchoolReviews />
   <LayoutFAQ  />
-  <LayoutUISolutionsFooter  />
+  <LayoutFooterSolutionsFooter />
   <LayoutFooter id="layout-footer" />
 </template>
 

pages/qui-sommes-nous.vue

@@ -1,7 +1,7 @@
 <template>
   <LayoutNavigation />
   <div v-if="shouldShowStickyMenu" id="sticky-menu">
-    <LayoutUIStickyMenu
+    <CommonStickyMenu
       :shouldShowStickyMenu="shouldShowStickyMenu"
       :squaresData="squaresData"
     />
@@ -15,7 +15,7 @@
   <AboutChronologie />
   <AboutEquipe />
   <AboutFAQ />
-  <LayoutPrefooter />
+  <LayoutFooterPrefooter />
   <LayoutFooter id="layout-footer" />
 </template>