bachir/drupal-caravane
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

display bad ressources

Browse Source
This commit is contained in:
Valentin Le Moign 2025-06-26 16:13:32 +02:00
parent c2174b27c0
commit c5c1456e80
5 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/themes/custom/caravane/assets/js/utils/content/cleanParties.js
View File

@ -135,18 +135,18 @@ export function getVideos(partie) {
export async function getDocument(partie) { export async function getDocument(partie) {
// const documentFetch = await fetchFromRelationships('field_document', partie.relationships); // const documentFetch = await fetchFromRelationships('field_document', partie.relationships);
const uuid = partie.relationships.field_document.data.id; const uuid = partie.relationships.field_document.data?.id;
const documentFetch = await REST.get(`/jsonapi/file/file/${uuid}`); const documentFetch = await REST.get(`/jsonapi/file/file/${uuid}`);
const url = documentFetch.data.data.attributes.uri.url; const url = documentFetch.data.data?.attributes.uri.url;
const titre = partie.attributes.field_titre; const titre = partie.attributes.field_titre;
const sousTitre = partie.attributes.field_sous_titre; const sousTitre = partie.attributes.field_sous_titre;
const date = partie.attributes.field_date ? getCleanDate(partie.attributes.field_date) : null; const date = partie.attributes.field_date ? getCleanDate(partie.attributes.field_date) : null;
const auteurice = partie.relationships.field_autheurice_s; const auteurice = partie.relationships.field_autheurice_s;
const description = partie.relationships.field_document.data.meta.description; const description = partie.relationships.field_document.data?.meta.description;
const vignetteFetch = await REST.get(`/jsonapi/file/file/${partie.relationships.field_vignette.data.id}`); const vignetteFetch = await REST.get(`/jsonapi/file/file/${partie.relationships.field_vignette.data?.id}`);
const vignette = { url: vignetteFetch.data.data.attributes.image_style_uri.content_small, alt: partie.relationships.field_vignette.data.meta.alt }; const vignette = { url: vignetteFetch.data.data?.attributes.image_style_uri.content_small, alt: partie.relationships.field_vignette.data?.meta.alt };
return { url, titre, sousTitre, date, auteurice, description, vignette }; return { url, titre, sousTitre, date, auteurice, description, vignette };
} }

28
web/themes/custom/caravane/assets/js/utils/content/contentFetchUtils.js
View File

@ -71,7 +71,7 @@ export async function getRessourceItemCard(item) {
try { try {
const ressourceFetch = await REST.get(item.links.self.href); const ressourceFetch = await REST.get(item.links.self.href);
const partiesFetch = await REST.get(item.relationships.field_parties_ressource.links.related.href); const partiesFetch = await REST.get(item.relationships.field_parties_ressource?.links.related.href);
const parties = partiesFetch.data.data; const parties = partiesFetch.data.data;
const vignettePartie = parties.find(partie => partie.type !== "paragraph--titre_texte"); const vignettePartie = parties.find(partie => partie.type !== "paragraph--titre_texte");
@ -81,16 +81,16 @@ export async function getRessourceItemCard(item) {
let alt; let alt;
switch (vignettePartie.type) { switch (vignettePartie.type) {
case 'paragraph--diaporama': case 'paragraph--diaporama':
alt = vignettePartie.relationships.field_diaporama.data[0].meta.alt; alt = vignettePartie.relationships.field_diaporama?.data[0]?.meta.alt;
const diaporamaFetch = await REST.get(vignettePartie.relationships.field_diaporama.links.related.href); const diaporamaFetch = await REST.get(vignettePartie.relationships.field_diaporama?.links.related.href);
vignette = { vignette = {
url: diaporamaFetch.data.data[0].attributes.image_style_uri.content_small, url: diaporamaFetch.data.data[0].attributes.image_style_uri?.content_small,
alt alt
}; };
break; break;
case 'paragraph--video': case 'paragraph--video':
const videoId = vignettePartie.attributes.field_videos[0].split('?v=')[1]; const videoId = vignettePartie.attributes.field_videos[0]?.split('?v=')[1];
vignette = { vignette = {
url: `https://img.youtube.com/vi/${videoId}/0.jpg`, url: `https://img.youtube.com/vi/${videoId}/0.jpg`,
alt: item.attributes.title alt: item.attributes.title
@ -98,20 +98,20 @@ export async function getRessourceItemCard(item) {
break; break;
case 'paragraph--galleries': case 'paragraph--galleries':
const gallerieFetch = await REST.get(vignettePartie.relationships.field_gallerie.links.related.href); const gallerieFetch = await REST.get(vignettePartie.relationships.field_gallerie?.links.related.href);
const galleryAlt = gallerieFetch.data.data.relationships.field_images.data[0].meta.alt; const galleryAlt = gallerieFetch.data.data.relationships.field_images?.data[0].meta.alt;
const gallerieImageFetch = await REST.get(gallerieFetch.data.data.relationships.field_images.links.related.href); const gallerieImageFetch = await REST.get(gallerieFetch.data.data.relationships.field_images?.links.related.href);
vignette = { vignette = {
url: gallerieImageFetch.data.data[0].attributes.image_style_uri.content_small, url: gallerieImageFetch.data.data[0].attributes.image_style_uri?.content_small,
alt: galleryAlt alt: galleryAlt
}; };
break; break;
case 'paragraph--document': case 'paragraph--document':
alt = vignettePartie.relationships.field_vignette.data.meta.alt; alt = vignettePartie.relationships.field_vignette?.data?.meta.alt;
const documentFetch = await REST.get(vignettePartie.relationships.field_vignette.links.related.href); const documentFetch = await REST.get(vignettePartie.relationships.field_vignette?.links.related.href);
vignette = { vignette = {
url: documentFetch.data.data.attributes.image_style_uri.content_small, url: documentFetch.data.data?.attributes.image_style_uri?.content_small,
alt alt
}; };
break; break;
@ -130,9 +130,9 @@ export async function getRessourceItemCard(item) {
title: item.attributes.title, title: item.attributes.title,
auteurice: item.attributes.field_autheurice, auteurice: item.attributes.field_autheurice,
promoted: item.attributes.field_mis_en_avant, promoted: item.attributes.field_mis_en_avant,
date: getCleanDate(item.attributes.field_date_ressource), date: item.attributes.field_date_ressource ? getCleanDate(item.attributes.field_date_ressource) : null,
url: ressourceFetch.data.data.attributes.metatag.find(tag => tag.tag === "link")?.attributes.href, url: ressourceFetch.data.data.attributes.metatag.find(tag => tag.tag === "link")?.attributes.href,
relatedEtape: relatedEtape.data.data.attributes.title, relatedEtape: relatedEtape.data.data?.attributes.title,
vignette vignette
}; };
} catch (error) { } catch (error) {

2
web/themes/custom/caravane/assets/js/utils/content/fetchSingleton.js
View File

@ -28,7 +28,7 @@ export function fetchSingletonPartialContent(contentType, rawContent) {
if (contentType === 'ressourceItem') { if (contentType === 'ressourceItem') {
partialContent.ressourceType = rawContent.attributes.field_type_de_ressource; partialContent.ressourceType = rawContent.attributes.field_type_de_ressource;
partialContent.auteurice = rawContent.attributes.field_autheurice; partialContent.auteurice = rawContent.attributes.field_autheurice;
partialContent.date = getCleanDate(rawContent.attributes.field_date_ressource); partialContent.date = rawContent.attributes.field_date_ressource ? getCleanDate(rawContent.attributes.field_date_ressource) : null;
} }
return { pageTitle, partialContent }; return { pageTitle, partialContent };

3
web/themes/custom/caravane/assets/js/utils/content/multiItemPages.js
View File

@ -1,5 +1,5 @@
import REST from '../../api/rest-axios'; import REST from '../../api/rest-axios';
import { getCleanDate, getRessourceItemCard } from './contentFetchUtils'; import { getRessourceItemCard } from './contentFetchUtils';
export async function getPartenaires(rawContent) { export async function getPartenaires(rawContent) {
const logoPromises = rawContent.map(item => const logoPromises = rawContent.map(item =>
@ -55,7 +55,6 @@ export async function getGouvernance(rawContent) {
} }
export async function getRessources(rawContent) { export async function getRessources(rawContent) {
// console.log(rawContent);
const ressourcesPromises = rawContent.map(item => getRessourceItemCard(item)); const ressourcesPromises = rawContent.map(item => getRessourceItemCard(item));

4
web/themes/custom/caravane/assets/js/vuejs/components/RessourceCard.vue
View File

@ -8,8 +8,8 @@
</figure> </figure>
<div> <div>
<h4>{{ ressource.title }}</h4> <h4>{{ ressource.title }}</h4>
<p>Le {{ ressource?.date.d }} {{ ressource?.date.m }} {{ ressource?.date.y }}</p> <p v-if="ressource.date">Le {{ ressource?.date.d }} {{ ressource?.date.m }} {{ ressource?.date.y }}</p>
<p>Par {{ ressource?.auteurice }}</p> <p v-if="ressource.auteurice">Par {{ ressource?.auteurice }}</p>
</div> </div>
</div> </div>
</template> </template>