From 7983d409427268695f11ef38c10b54b883a78a76 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Mon, 2 Oct 2023 11:53:15 +0200
Subject: [PATCH] display doleance dates on front #2246

---
 src/assets/main.scss                  |  5 +++--
 src/components/contents/Doleancer.vue | 28 +++++++++++++++++++++++++--
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/assets/main.scss b/src/assets/main.scss
index a92bb3b..7ea44b8 100644
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -361,7 +361,7 @@ body{
           >main{
             padding: 1em 0;
             h5{
-              margin: 0 0 1em 0;
+              margin: 0 0 0.5em 0;
             }
           }
           label{
@@ -482,7 +482,8 @@ body{
         font-weight: 300;
         line-height: 1.40;
       }
-      label{
+      label,
+      span.date{
         display: block;
         font-weight: 100;
         font-size: 0.882em;
diff --git a/src/components/contents/Doleancer.vue b/src/components/contents/Doleancer.vue
index c19947e..c8eac7b 100644
--- a/src/components/contents/Doleancer.vue
+++ b/src/components/contents/Doleancer.vue
@@ -85,6 +85,7 @@ export default {
           <main v-if="opened_concernement.opened_doleance.id === doleance.id">
             <section
               v-if="opened_concernement.opened_doleance.field === 'leprobleme' ||  !opened_concernement.opened_doleance.field">
+              <span class="date">{{ doleance.date_leprobleme.start }}</span>
               <h5>{{ ct_cercle_politique.field_le_probleme.label }}</h5>
               <h4 name="leprobleme">{{ doleance.leprobleme }}</h4>
             </section>
@@ -100,6 +101,11 @@ export default {
             <section 
               v-if="opened_concernement.opened_doleance.field === 'groupesinterets'"
               class="groupesinterets">
+              <span class="date">
+                {{ doleance.groupesinterets[opened_concernement.opened_doleance.field_index].date.start }}
+                &#x2192;
+                {{ doleance.groupesinterets[opened_concernement.opened_doleance.field_index].date.end }}
+              </span>
               <h5>Construction de groupes d'intérets avec qui composer la doléance</h5>
               <section>
                 <label for="groupe">{{ p_groupes_interets.field_groupe_interets.label }}</label>
@@ -122,7 +128,8 @@ export default {
             <section
               v-if="opened_concernement.opened_doleance.field === 'adresse_de_la_doleance'"
               class="adresse">
-
+              <span class="date">{{ doleance.date_adresse.start }}</span>
+              
               <h5>Adresse de la doléance</h5>
 
               <label for="entite_addresse_doleance">{{ ct_cercle_politique.field_entite_adresse_doleance.label }}</label>
@@ -144,6 +151,11 @@ export default {
             <section
               v-if="opened_concernement.opened_doleance.field === 'reception_traitement'"
               class="reception_traitement">
+              <span class="date">
+                {{ doleance.reception_traitement[opened_concernement.opened_doleance.field_index].date.start }}
+                &#x2192;
+                {{ doleance.reception_traitement[opened_concernement.opened_doleance.field_index].date.end }}
+              </span>
               <h5>Reception et traitement de la doléance</h5>
               <label for="entite_adressee">{{ p_reception_et_traitement.field_entite_adressee.label }}</label>
               <p 
@@ -166,6 +178,8 @@ export default {
             <section
               v-if="opened_concernement.opened_doleance.field === 'decision'"
               class="decision">
+              <span class="date">{{ doleance.date_decision.start }}</span>
+              
               <h5>Décision</h5>
               <label for="entites_decisionnaires">{{ ct_cercle_politique.field_entites_decisionnaires.label }}</label>
               <p name="entites_decisionnaires" v-html="doleance.entites_decisionnaires" />
@@ -176,6 +190,11 @@ export default {
             <section
               v-if="opened_concernement.opened_doleance.field === 'mise_en_oeuvre_decision'"
               class="mise_en_oeuvre_decision">
+              <span class="date">
+                {{ doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].date.start }}
+                &#x2192;
+                {{ doleance.mise_en_oeuvre_decision[opened_concernement.opened_doleance.field_index].date.end }}
+              </span>
               <h5>{{ ct_cercle_politique.field_mise_en_oeuvre_decision.label }}</h5>
               <label for="entite_adresse_decision">{{ p_mise_en_oeuvre_decision.field_entite_adresse_decision.label }}</label>
               <p 
@@ -195,6 +214,7 @@ export default {
             <section 
               v-if="opened_concernement.opened_doleance.field === 'adresse_de_la_decision'"
               class="adresse_de_la_decision">
+              <span class="date">{{ doleance.date_adresse.start }}</span>
               <h5>Adresse de la decision à appliquer</h5>
             
               <label for="entite_adresse_application">{{ ct_cercle_politique.field_entite_adresse_application.label }}</label>
@@ -208,7 +228,11 @@ export default {
             <section
               v-if="opened_concernement.opened_doleance.field === 'receptions_et_applications'"
               class="receptions_et_applications">
-            
+              <span class="date">
+                {{ doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].date.start }}
+                &#x2192;
+                {{ doleance.receptions_et_applications[opened_concernement.opened_doleance.field_index].date.end }}
+              </span>
               <h5>{{ ct_cercle_politique.field_receptions_et_applications.label }}</h5>
             
               <label for="applique_decision">{{ p_reception_application_decision.field_applique_decision.label }}</label>