avancées centre de ressources
This commit is contained in:
@@ -6,7 +6,7 @@ import REST from '../api/rest-axios';
|
||||
import { useLayoutStore } from './layout';
|
||||
|
||||
import { findContentByPath } from '../utils/content/findContentByPath';
|
||||
import { getCleanDate, fetchFromRelationships, getRelatedEtape } from '../utils/content/contentFetchUtils';
|
||||
import { getCleanDate, fetchFromRelationships, getRelatedEtape, getRelatedRessources } from '../utils/content/contentFetchUtils';
|
||||
import { getCarteSensible, getTitreTexte, getChiffresCles, getDiaporama, getEntretien, getVideos, getDocument, getGallerie } from '../utils/content/cleanParties';
|
||||
import { getPartenaires, getGouvernance, getRessources } from '../utils/content/multiItemPages';
|
||||
|
||||
@@ -52,13 +52,22 @@ export const useContentStore = defineStore('content', {
|
||||
start: getCleanDate(rawContent.attributes.field_dates.value),
|
||||
end: getCleanDate(rawContent.attributes.field_dates.end_value),
|
||||
}
|
||||
this.content.relatedRessources = await getRelatedRessources(rawContent.id);
|
||||
}
|
||||
|
||||
if (this.contentType === 'ressourceItem') {
|
||||
console.log(rawContent);
|
||||
|
||||
this.content.ressourceType = rawContent.attributes.field_type_de_ressource;
|
||||
this.content.auteurice = rawContent.attributes.field_autheurice;
|
||||
this.content.date = getCleanDate(rawContent.attributes.field_date_ressource);
|
||||
this.content.introduction = rawContent.attributes.field_introduction?.processed;
|
||||
this.content.introduction = rawContent.attributes.field_introduction?.processed;
|
||||
if (rawContent.relationships.field_etape.data) {
|
||||
const relatedEtapeFetch = fetchFromRelationships('field_etape', rawContent.relationships);
|
||||
const relatedEtape = await Promise.resolve(relatedEtapeFetch);
|
||||
const relatedEtapeUrl = relatedEtape.attributes.metatag.find(tag => tag.tag === "link")?.attributes.href;
|
||||
this.content.relatedEtape = await getRelatedEtape('', relatedEtapeUrl);
|
||||
}
|
||||
|
||||
useLayoutStore().hideEtapeList(true);
|
||||
}
|
||||
@@ -169,7 +178,7 @@ export const useContentStore = defineStore('content', {
|
||||
|
||||
switch (this.contentType) {
|
||||
case 'ressource':
|
||||
multiItemPageArray = await getRessources(rawContent);
|
||||
multiItemPageArray = await getRessources(rawContent);
|
||||
this.content.ressourceTypes = new Set(multiItemPageArray.map(item => item.ressourceType));
|
||||
useLayoutStore().hideEtapeList(true);
|
||||
break;
|
||||
|
@@ -47,7 +47,8 @@ export const useLayoutStore = defineStore('layout', {
|
||||
this.toggleEtapeListScroll(isIntersecting, listeEtape, column, headerRect.height, animationToggleRect.top);
|
||||
},
|
||||
hideEtapeList(souldListHide) {
|
||||
const etapeList = document.querySelector('#etapes-liste');
|
||||
const etapeList = document.querySelector(window.innerWidth >= this.minDesktopWidth ? '#etapes-liste' : '.layout__region--third');
|
||||
const animationButton = document.querySelector('#animation-toggle');
|
||||
const listContainer = etapeList.parentNode;
|
||||
if (souldListHide) {
|
||||
listContainer.style.minWidth = '30vw';
|
||||
@@ -55,12 +56,18 @@ export const useLayoutStore = defineStore('layout', {
|
||||
setTimeout(() => {
|
||||
etapeList.style.display = 'none';
|
||||
}, 300);
|
||||
if (window.innerWidth >= this.minDesktopWidth) {
|
||||
animationButton.style.display = 'none';
|
||||
}
|
||||
} else {
|
||||
listContainer.style.minWidth = 'unset';
|
||||
etapeList.style.display = 'block';
|
||||
setTimeout(() => {
|
||||
etapeList.style.opacity = '1';
|
||||
}, 10);
|
||||
if (window.innerWidth >= this.minDesktopWidth) {
|
||||
animationButton.style.display = 'block';
|
||||
}
|
||||
}
|
||||
},
|
||||
toggleEtapeListScroll(isIntersecting, listeEtape, column, headerHeight, animationToggleTop) {
|
||||
|
Reference in New Issue
Block a user