Have quality panel open by default on public view, not on editable to…

… be less overwhelming
betagouv · Apr 30, 2024 · b210815 · b210815
1 parent 0434423
commit b210815
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/frontend/src/components/CanteenPublication/index.vue b/frontend/src/components/CanteenPublication/index.vue
@@ -47,7 +47,7 @@
       </v-form>
     </v-col>
     <h2 class="mt-12 mb-8">Où en-sommes nous de notre transition alimentaire ?</h2>
-    <DsfrAccordion :items="badgeItems" class="mt-4">
+    <DsfrAccordion :items="badgeItems" :openPanelIndex="editable ? undefined : 0" class="mt-4">
       <template v-slot:title="{ item }">
         <span class="d-flex align-center">
           <v-img

diff --git a/frontend/src/components/DsfrAccordion.vue b/frontend/src/components/DsfrAccordion.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-expansion-panels hover accordion tile flat class="dsfr-accordion">
+  <v-expansion-panels v-model="openPanel" hover accordion tile flat class="dsfr-accordion">
     <v-expansion-panel v-for="item in items" :key="item.title">
       <v-expansion-panel-header class="px-3 fr-accordion__btn" v-slot="{ open }">
         <component :is="item.titleLevel || 'h3'" class="fr-text" :class="open && 'active-panel'">
@@ -22,6 +22,15 @@ export default {
     // items is an array of objects containing 'title'
     // and one of 'content' or provide a template using the slot
     items: Array,
+    openPanelIndex: {
+      type: Number,
+      optional: true,
+    },
+  },
+  data() {
+    return {
+      openPanel: this.openPanelIndex,
+    }
   },
 }
 </script>