gitea_admin/wondif_vue
1
0
Fork 0
generated from gitea_admin/default
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev

Browse Source
This commit is contained in:
Julie
2026-04-10 12:01:17 +02:00
parent 22cf847ad5
commit 17605e9ec6
8 changed files with 424 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/pages/orchestre/artiste-[id].vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="artiste_invitee-wp">
<section v-if="pending" aria-busy="true" aria-live="polite">
<p>en cours de chargement...</p>
</section>
@@ -645,17 +645,19 @@
/* ============================ */
/* DESCRIPTION */
/* ============================ */
.fiche_description {
display: flex;
justify-content: center;
padding-top: 70px;
padding-bottom: 70px;
padding-left: 10px;
padding-right: 10px;
> * {
max-width: 640px;
.artiste_invitee-wp {
.fiche_description {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 70px;
padding-bottom: 70px;
padding-left: 10px;
padding-right: 10px;
> * {
max-width: 640px;
display: flex;
flex-direction: column;
}
}
}
/* ============================ */

25
app/pages/orchestre/artisteinvitee-[id].vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="artiste_invitee-wp">
<section v-if="pending" aria-busy="true" aria-live="polite">
<p>en cours de chargement...</p>
</section>
@@ -226,7 +226,6 @@
.fiche_header_wp {
display: grid;
@media (min-width: 0px) and (max-width: 600px) {
grid-template-columns: 1fr;
grid-template-rows: auto 510px 20px 200px;
@@ -643,17 +642,19 @@
/* ============================ */
/* DESCRIPTION */
/* ============================ */
.fiche_description {
display: flex;
justify-content: center;
padding-top: 70px;
padding-bottom: 70px;
padding-left: 10px;
padding-right: 10px;
> * {
max-width: 640px;
.artiste_invitee-wp {
.fiche_description {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 70px;
padding-bottom: 70px;
padding-left: 10px;
padding-right: 10px;
> * {
max-width: 640px;
display: flex;
flex-direction: column;
}
}
}
/* ============================ */

43
app/pages/orchestre/missions.vue
View File

@@ -45,7 +45,7 @@
<!-- ================== -->
<!-- PARTIE 1 -->
<!-- ================== -->
<PageSection tone="" content-size="default" padded_size="md" class="fiche_description">
<PageSection tone="" content-size="default" padded_size="" class="fiche_description">
<SectionContent v-if="missions?.partie_1" class="description_wp">
<StrapiBlocksConvert :blocks="missions.partie_1" />
</SectionContent>
@@ -86,6 +86,23 @@
</SectionContent>
</PageSection>
<!-- ================== -->
<!-- decalage_gauche 1 -->
<!-- ================== -->
<PageSection :content="false">
<Decalage tone="dark" title-tone="invert" position="left" button-tone="invert">
<template #title>
Studio d’enregistrement et location d’instruments
</template>
<DsText as="p" tone="invert" align="justify">
L’Orchestre national d’Île-de-France accompagne les professionnels et les amateurs dans leurs activités musicales.<br>
Aux portes de Paris, nous mettons à leur disposition un studio d’enregistrement high-tech et plusieurs espaces de répétition. Nous leur proposons également plus de 3000 instruments à la location à travers un parc instrumental ouvert sur le monde et ses traditions musicales les plus inattendues !
</DsText>
</Decalage>
</PageSection>
<!-- ================== -->
<!-- decalage_droite_2 -->
<!-- ================== -->
@@ -102,8 +119,9 @@
<!-- ================== -->
<!-- PARTIE 3 -->
<!-- 🚫 DISPLAY NONE -->
<!-- ================== -->
<PageSection tone="" content-size="default" padded_size="md" class="fiche_description">
<PageSection tone="" content-size="default" padded_size="md" class="fiche_description display_none">
<SectionContent v-if="missions?.partie_3" class="description_wp">
<StrapiBlocksConvert :blocks="missions.partie_3" />
</SectionContent>
@@ -113,9 +131,10 @@
<!-- ================== -->
<!-- decalage_droite_clic_4 -->
<!-- RSE -->
<!-- ================== -->
<PageSection :content="false">
<Decalage tone="brand" title-tone="invert" position="right" button-tone="invert" ensavoirplus-target="texte_cache">
<Decalage tone="brand" title-tone="invert" position="left" button-tone="invert" ensavoirplus-target="texte_cache">
<template #title>
{{ missions?.decalage_droite_clic_4?.decalage_titre }}
</template>
@@ -125,8 +144,8 @@
</Decalage>
</PageSection>
<PageSection>
<div id="texte_cache" class="decalage_ensavoirplus--hidden">Texte caché</div>
<PageSection tone="" content-size="default" padded_size="" class="fiche_description">
<div id="texte_cache" class="decalage_ensavoirplus--hidden"><StrapiBlocksConvert :blocks="missions.partie_ouvrable_4" /></div>
</PageSection>
<!-- ================== -->
@@ -196,6 +215,20 @@
background-color: var(--c-background-vert);
margin-bottom: 50px;
}
.fiche_description {
display: flex;
justify-content: center;
padding-top: 10px;
padding-bottom: 70px;
padding-left: 10px;
padding-right: 10px;
> * {
max-width: 640px;
display: flex;
flex-direction: column;
}
}
}
</style>

55
app/pages/orchestre/musiciens.vue
View File

@@ -25,13 +25,7 @@
<!-- Listes des musiciens -->
<!-- ================== -->
<!-- ================== -->
<!-- DIRECTION -->
<!-- ================== -->
<PageSection padded_size="md" content-size="default" class="musiciens_list_section remonter_artistes_list">
<section v-if="pending" aria-busy="true" aria-live="polite">
<DsText as="p" tone="default">Chargement des artistes...</DsText>
</section>
@@ -100,53 +94,7 @@
</section>
</PageSection>
<!-- ================== -->
<!-- MUSICIENS -->
<!-- ================== -->
<PageSection padded_size="md" content-size="default" class="musiciens_list_section musiciens_list_wp">
<section v-if="pending" aria-busy="true" aria-live="polite">
<DsText as="p" tone="default">Chargement des artistes...</DsText>
</section>
<section v-else-if="error">
<DsText as="p" tone="default">Impossible de charger les artistes.</DsText>
</section>
<section v-else-if="artistesAutres.length" class="musiciens_list">
<article v-for="a in artistesAutres" :key="a.id" class="musicien_card">
<DsMedia
v-if="a.image?.url"
:src="a.image.url"
:alt="a.image.alternativeText || a.nom_artiste_ondif || ''"
ratio="square"
/>
<div v-else class="musicien_card_media-placeholder" aria-hidden="true" />
<DsHeading as="h4" tone="default" class="musicien_card_nom">
<NuxtLink :to="`/orchestre/artiste-${a.slug_artiste_ondif}?from=musiciens`">
{{ a.nom_artiste_ondif }}
</NuxtLink>
</DsHeading>
<DsText
v-if="a.postesLabel"
as="p"
tone="default"
size="md"
class="musicien_card_postes"
>
{{ a.postesLabel }}
</DsText>
</article>
</section>
<section v-else>
<DsText as="p" tone="default">Aucun autre artiste trouvé.</DsText>
</section>
</PageSection>
</div>
@@ -158,6 +106,7 @@
import DsMedia from '@root/design-system/primitives/DsMedia.vue'
const runtimeConfig = useRuntimeConfig()
const saisonFiltre = computed(() => String(runtimeConfig.public.saison || '').trim())
// Filtre non utilisé
const artistesFilters = computed(() => {
if (!saisonFiltre.value) return null
return {
@@ -179,11 +128,9 @@
sort: "ordre_artiste_ondif:asc",
pageSize: 200,
populate: {
saisons_artiste_ondif: true,
image_illustration_artiste_ondif: true,
postes_artiste_ondif: true,
},
filters: artistesFilters,
}
)