Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bug fix : contenu vide de quelques accordéons #3877

Merged
merged 1 commit into from
May 6, 2024
Merged

Bug fix : contenu vide de quelques accordéons #3877

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
120 changes: 61 additions & 59 deletions frontend/src/components/DiagnosticSummary/QualityMeasureSummary.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,69 +68,71 @@
class="mt-10"
:items="[{ title: 'Données détaillées', titleLevel: 'h5' }]"
>
<QualityDiagnosticValue
v-for="(field, idx) in totalFields"
:key="`total-${idx}`"
:text="field.text"
:value="diagnostic[field.key]"
/>
<div class="my-8">
<template v-slot:content>
<QualityDiagnosticValue
text="Mode de saisie des données"
:value="isDetailedDiagnostic ? 'Détaillée' : 'Simplifiée'"
/>
</div>
<div class="my-8">
<QualityDiagnosticValue
v-for="(field, idx) in egalimFields"
:key="`egalim-${idx}`"
:text="field.text"
:value="diagnostic[field.key]"
/>
</div>
<div class="my-8 mb-0">
<QualityDiagnosticValue
v-for="(field, idx) in familyFields"
:key="`family-${idx}`"
v-for="(field, idx) in totalFields"
:key="`total-${idx}`"
:text="field.text"
:value="diagnostic[field.key]"
/>
</div>
<div v-if="isDetailedDiagnostic">
<h6 class="font-weight-bold fr-text grey--text text--darken-3 mt-4">
Catégories EGAlim par famille de produit
</h6>
<FamiliesGraph :diagnostic="diagnostic" :height="$vuetify.breakpoint.xs ? '440px' : '380px'" />
</div>
<v-btn
v-if="hasActiveTeledeclaration"
outlined
small
color="primary"
class="fr-btn--tertiary px-2"
:disabled="true"
>
<v-icon small class="mr-2">$check-line</v-icon>
Données télédéclarées
</v-btn>
<v-btn
v-else-if="showEditButton"
outlined
small
color="primary"
class="fr-btn--tertiary px-2 mb-6"
:to="{
name: 'DiagnosticTunnel',
params: {
canteenUrlComponent: this.canteenUrlComponent,
year: diagnostic.year,
measureId: 'qualite-des-produits',
},
}"
>
<v-icon small class="mr-2">$pencil-line</v-icon>
Modifier mes données
</v-btn>
<div class="my-8">
<QualityDiagnosticValue
text="Mode de saisie des données"
:value="isDetailedDiagnostic ? 'Détaillée' : 'Simplifiée'"
/>
</div>
<div class="my-8">
<QualityDiagnosticValue
v-for="(field, idx) in egalimFields"
:key="`egalim-${idx}`"
:text="field.text"
:value="diagnostic[field.key]"
/>
</div>
<div class="my-8 mb-0">
<QualityDiagnosticValue
v-for="(field, idx) in familyFields"
:key="`family-${idx}`"
:text="field.text"
:value="diagnostic[field.key]"
/>
</div>
<div v-if="isDetailedDiagnostic">
<h6 class="font-weight-bold fr-text grey--text text--darken-3 mt-4">
Catégories EGAlim par famille de produit
</h6>
<FamiliesGraph :diagnostic="diagnostic" :height="$vuetify.breakpoint.xs ? '440px' : '380px'" />
</div>
<v-btn
v-if="hasActiveTeledeclaration"
outlined
small
color="primary"
class="fr-btn--tertiary px-2"
:disabled="true"
>
<v-icon small class="mr-2">$check-line</v-icon>
Données télédéclarées
</v-btn>
<v-btn
v-else-if="showEditButton"
outlined
small
color="primary"
class="fr-btn--tertiary px-2 mb-6"
:to="{
name: 'DiagnosticTunnel',
params: {
canteenUrlComponent: this.canteenUrlComponent,
year: diagnostic.year,
measureId: 'qualite-des-produits',
},
}"
>
<v-icon small class="mr-2">$pencil-line</v-icon>
Modifier mes données
</v-btn>
</template>
</DsfrAccordion>
</div>
<div class="fr-text" v-else-if="usesCentralDiagnostic">
Expand Down
8 changes: 5 additions & 3 deletions frontend/src/components/GraphComponent.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,11 @@
<component v-if="heading" :is="headingLevel" :id="headingId" :class="headingClasses">{{ heading }}</component>
<VueApexCharts v-bind="$attrs" />
<DsfrAccordion :items="[{ title: 'Description du graphique' }]" class="mb-2">
<div :id="descriptionId">
<slot name="description"></slot>
</div>
<template v-slot:content>
<div :id="descriptionId">
<slot name="description"></slot>
</div>
</template>
</DsfrAccordion>
</div>
</template>
Expand Down
44 changes: 23 additions & 21 deletions frontend/src/components/MultiYearSummaryStatistics.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,27 +12,29 @@
:width="width || '100%'"
/>
<DsfrAccordion :items="[{ title: 'Description du graphique' }]" :style="`width: ${width}`" class="mb-2">
<div id="multi-year-graph-description">
<p>
Les pourcentages d'achats par année pour cette cantine sont :
</p>
<ol class="mb-4">
<li v-for="(year, idx) in years" :key="year">
{{ year }} : {{ seriesData.bio[idx] }} % bio, {{ seriesData.sustainable[idx] }} % de qualité et durable
(hors bio), {{ 100 - seriesData.bio[idx] - seriesData.sustainable[idx] }} % hors EGAlim
</li>
</ol>
<p class="mb-0">
Rappel de l'objectif : Les repas servis comportent au moins {{ applicableRules.qualityThreshold }} % de
produits de qualité et durables dont au moins {{ applicableRules.bioThreshold }} % issus de l'agriculture
biologique ou en conversion, pour les cantines
{{
applicableRules.hasQualityException
? `dans la région « ${regionDisplayName} »`
: "en France métropolitaine"
}}.
</p>
</div>
<template v-slot:content>
<div id="multi-year-graph-description">
<p>
Les pourcentages d'achats par année pour cette cantine sont :
</p>
<ol class="mb-4">
<li v-for="(year, idx) in years" :key="year">
{{ year }} : {{ seriesData.bio[idx] }} % bio, {{ seriesData.sustainable[idx] }} % de qualité et durable
(hors bio), {{ 100 - seriesData.bio[idx] - seriesData.sustainable[idx] }} % hors EGAlim
</li>
</ol>
<p class="mb-0">
Rappel de l'objectif : Les repas servis comportent au moins {{ applicableRules.qualityThreshold }} % de
produits de qualité et durables dont au moins {{ applicableRules.bioThreshold }} % issus de l'agriculture
biologique ou en conversion, pour les cantines
{{
applicableRules.hasQualityException
? `dans la région « ${regionDisplayName} »`
: "en France métropolitaine"
}}.
</p>
</div>
</template>
</DsfrAccordion>
</div>
<p v-else class="my-4 text-left">Données non renseignées</p>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/views/CanteenEditor/PublicationForm/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@
<ImagesField :canteen="canteen" :start="imageHeaderLimit" :end="additionalImagesMax" class="mt-0 mb-4" />
</div>
<DsfrAccordion v-if="isPublished" :items="[{ title: 'Ajouter un aperçu sur votre site' }]" class="my-6">
<template>
<template v-slot:content>
<AddPublishedCanteenWidget :canteen="canteen" />
</template>
</DsfrAccordion>
Expand Down
58 changes: 30 additions & 28 deletions frontend/src/views/PublicCanteenStatisticsPage/BadgesExplanation.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,36 @@
<template>
<DsfrAccordion :items="[{ title: 'Comment réussir les objectifs EGAlim ?' }]">
<div v-for="measure in keyMeasures" :key="measure.id">
<v-row class="mb-2 mt-4 mx-0" align="center">
<v-img
width="30"
max-width="30"
contain
:src="`/static/images/badges/${measure.badgeId}.svg`"
class="mr-2"
alt=""
></v-img>
<h4>{{ measure.title }}</h4>
</v-row>
<div v-if="measure.id === 'qualite-des-produits'">
<p>
Les repas servis dans la cantine comportent au moins 50 % de produits de qualité et durables dont au moins 20
% issus de l'agriculture biologique ou en conversion en France continentale. Consultez
<a
href="https://ma-cantine.agriculture.gouv.fr/blog/16"
target="_blank"
title="notre blog - ouvre une nouvelle fenêtre"
>
notre blog
<v-icon color="primary" small>mdi-open-in-new</v-icon>
</a>
pour le seuil des autres régions.
</p>
<template v-slot:content>
<div v-for="measure in keyMeasures" :key="measure.id">
<v-row class="mb-2 mt-4 mx-0" align="center">
<v-img
width="30"
max-width="30"
contain
:src="`/static/images/badges/${measure.badgeId}.svg`"
class="mr-2"
alt=""
></v-img>
<h4>{{ measure.title }}</h4>
</v-row>
<div v-if="measure.id === 'qualite-des-produits'">
<p>
Les repas servis dans la cantine comportent au moins 50 % de produits de qualité et durables dont au moins
20 % issus de l'agriculture biologique ou en conversion en France continentale. Consultez
<a
href="https://ma-cantine.agriculture.gouv.fr/blog/16"
target="_blank"
title="notre blog - ouvre une nouvelle fenêtre"
>
notre blog
<v-icon color="primary" small>mdi-open-in-new</v-icon>
</a>
pour le seuil des autres régions.
</p>
</div>
<p v-else style="white-space: break-spaces;">{{ measure.successExplanation }}</p>
</div>
<p v-else style="white-space: break-spaces;">{{ measure.successExplanation }}</p>
</div>
</template>
</DsfrAccordion>
</template>

Expand Down
Loading