MODIFS CONFIGS : fetch ressources content

web/themes/custom/caravane/assets/js/vuejs/Modale.vue

@@ -3,12 +3,7 @@
       :enter-active-class="animationsAreEnabled ? 'v-enter-active' : 'no-transition'"
       :leave-active-class="animationsAreEnabled ? 'v-leave-active' : 'no-transition'"
     >
-        <div v-if="!loading && (
-          contentType === 'etape'
-          || contentType === 'static'
-          || contentType === 'gouvernance'
-          || contentType === 'partenaire'
-        )">
+        <div v-if="!loading && contentType != ''">
             <div class="content-wrapper">
                 <ModaleHeader
                     :contentType="contentType"
@@ -46,20 +41,22 @@
                     <EquipeContent
                         v-if="contentType === 'gouvernance'"
                         :content="content"
-                        :couleur="content.couleur || brandColor" />
+                        :couleur="brandColor" />
                     <PartenairesContent
                         v-if="contentType === 'partenaire'"
                         :content="content" />
+                    <CentreDeRessource
+                      v-if="contentType === 'ressource'"
+                      :content="content"
+                      :couleur="brandColor" />
                 </main>
                 <PiecesJointes
                   :content="content"
-                  :couleur="content.couleur || brandColor"
-                  />
+                  :couleur="content.couleur || brandColor" />
                 <ModaleFooter
-                :contentType="contentType"
-                :content="content"
-                :couleur="content.couleur || brandColor"
-                />
+                  :contentType="contentType"
+                  :content="content"
+                  :couleur="content.couleur || brandColor" />
             </div>
         </div>
     </Transition>
@@ -76,6 +73,7 @@ import ModaleHeader from './components/ModaleHeader.vue';
 import ModaleFooter from './components/ModaleFooter.vue';
 import EquipeContent from './components/EquipeContent.vue';
 import PartenairesContent from './components/PartenairesContent.vue';
+import CentreDeRessource from './components/CentreDeRessource.vue';
 import PiecesJointes from './components/PiecesJointes.vue';
 
 import ModaleCarteSensible from './components/parties/ModaleCarteSensible.vue';

web/themes/custom/caravane/assets/js/vuejs/components/CentreDeRessource.vue

@@ -0,0 +1,14 @@
+<template>
+    <div id="centre-de-ressource">
+        <div v-if="content.intro" class="intro">
+            <p v-html="content.intro"></p>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  content: Object,
+  couleur: String,
+});
+</script>