restored basique cercle politique content display

src/components/MapConcernements.vue

@@ -467,7 +467,7 @@ export default {
         // big global exterior circle to keep center aligned
         new paper.Path.Circle({
           center: [0, 0],
-          radius: r*2,
+          radius: r*3,
           style: {
             strokeColor: 'rgba(255,255,255,0)',
             strokeWidth: 0.5

src/components/contents/Doleancer.vue

@@ -5,6 +5,8 @@ import { ConcernementsStore } from '@stores/concernements'
 import { UserStore } from '@/stores/user'
 import { CommonStore } from '@/stores/common'
 
+import CartoucheLayout from '@components/layout/CartoucheLayout.vue';
+
 export default {
   props: ['id'],
   data(){
@@ -13,115 +15,142 @@ export default {
     }
   },
   computed: {
-    ...mapState(ConcernementsStore,['opened_concernement']),
-    ...mapState(ConcernementsStore,['ct_concernement']),
-    ...mapState(ConcernementsStore,['ct_entite']),
+    ...mapState(ConcernementsStore,['map_mode',
+                                    'opened_concernement',
+                                    'concernements_loaded',
+                                    'ct_concernement',
+                                    'ct_cercle_politique',
+                                    'p_groupes_interets',
+                                    'p_reception_et_traitement',
+                                    'p_mise_en_oeuvre_decision',
+                                    'p_reception_application_decision']),
+    ...mapState(CommonStore,['hover_elmt'])
+
   },
   created () {
     console.log(`Doleancer content created, id: ${this.id}, opened_concernement:`,this.opened_concernement);
+  },
+  components: {
+    CartoucheLayout
   }
 }
 
 </script>
 
 <template>
-  <section
-      class="content-doleances">
-        <section
-          v-for="doleance in opened_concernement.doleances"
-          class="doleance">
-            <header>
-              <label for="leprobleme">{{ ct_cercle_politique.field_le_probleme.label }}</label>
-              <h3 name="leprobleme">{{ doleance.leprobleme }}</h3>
+  <CartoucheLayout>
+    <template v-slot:header>
+      <div class="pre-header">
+      </div>
+      
+    </template>
+    
+    <template v-slot:main>
+      <section
+        class="content-doleances">
+          <section
+            v-for="doleance in opened_concernement.doleances"
+            class="doleance">
+              <header>
+                <label for="leprobleme">{{ ct_cercle_politique.field_le_probleme.label }}</label>
+                <h3 name="leprobleme">{{ doleance.leprobleme }}</h3>
+
+                <label for="lenquete">{{ ct_cercle_politique.field_enquete_terraindevie.label }}</label>
+                <h4 name="lenquete">{{ doleance.lenquete }}</h4>
+              </header>
+              <section class="groupesinterets">
+                <h5>{{ ct_cercle_politique.field_groupes.label }}</h5>
+                <ul>
+                  <li
+                    v-for="groupe in doleance.groupesinterets">
+                      
+                      <label for="groupe">{{ p_groupes_interets.field_groupe_interets.label }}</label>
+                      <p name="groupe" v-html="groupe.groupe_interets" />
+                      <label for="accorder">{{ p_groupes_interets.field_accorder_interets.label }}</label>
+                      <p name="accorder" v-html="groupe.accorder_interets" />
+                      <label for="formuler">{{ p_groupes_interets.field_formuler.label }}</label>
+                      <p name="formuler" v-html="groupe.formuler" />
+                  </li>
+                </ul>
+              </section>
+              <section class="adresse">
+                <label for="entite_addresse_doleance">{{ ct_cercle_politique.field_entite_adresse_doleance.label }}</label>
+                <p name="entite_addresse_doleance" v-html="doleance.entite_addresse_doleance" />
+                <label for="comment_ennonce_doleance">{{ ct_cercle_politique.field_comment_enonce_doleance.label }}</label>
+                <p name="comment_ennonce_doleance" v-html="doleance.comment_ennonce_doleance" />
+                <label for="aqui_addresse_doleance">{{ ct_cercle_politique.field_a_qui_adresse_doleance.label }}</label>
+                <p name="aqui_addresse_doleance" v-html="doleance.aqui_addresse_doleance" />
+                <h5>{{ ct_cercle_politique.field_receptions_et_traitements.label }}</h5>
+                <ul class="reception_traitement">
+                  <li
+                    v-for="rec in doleance.reception_traitement">
+                      <label for="entite_adressee">{{ p_reception_et_traitement.field_entite_adressee.label }}</label>
+                      <p name="entite_adressee" v-html="rec.entite_adressee" />
+                      <label for="doleance_formulee">{{ p_reception_et_traitement.field_doleance_formulee.label }}</label>
+                      <p name="doleance_formulee" v-html="rec.doleance_formulee" />
+                      <label for="traite_doleance">{{ p_reception_et_traitement.field_traite_doleance.label }}</label>
+                      <p name="traite_doleance" v-html="rec.traite_doleance" />
+                      <label for="entite_recoit_doleance">{{ p_reception_et_traitement.field_entite_recoit_doleance.label }}</label>
+                      <p name="entite_recoit_doleance" v-html="rec.entite_recoit_doleance" />
+                  </li>
+                </ul>               
+              </section>
+              <section class="miseenoeuvre">
+                <label for="entites_decisionnaires">{{ ct_cercle_politique.field_entites_decisionnaires.label }}</label>
+                <p name="entites_decisionnaires" v-html="doleance.entites_decisionnaires" />
+                <label for="decision_formule">{{ ct_cercle_politique.field_decision_formulee.label }}</label>
+                <p name="decision_formule" v-html="doleance.decision_formule" />
+                <h5>{{ ct_cercle_politique.field_mise_en_oeuvre_decision.label }}</h5>
+                <ul class="mise_en_oeuvre_decision">
+                  <li
+                    v-for="dec in doleance.mise_en_oeuvre_decision">
+                      <label for="entite_adresse_decision">{{ p_mise_en_oeuvre_decision.field_entite_adresse_decision.label }}</label>
+                      <p name="entite_adresse_decision" v-html="dec.entite_adresse_decision" />
+                      <label for="formule_decision">{{ p_mise_en_oeuvre_decision.field_formule_decision.label }}</label>
+                      <p name="formule_decision" v-html="dec.formule_decision" />
+                      <label for="entite_metenoeuvre_decisio">{{ p_mise_en_oeuvre_decision.field_entite_metenoeuvre_decisio.label }}</label>
+                      <p name="entite_metenoeuvre_decisio" v-html="dec.entite_metenoeuvre_decisio" />
+                  </li>
+                </ul>
+              </section>
+              <section class="receptions_et_applications">
+                <label for="entite_adresse_application">{{ ct_cercle_politique.field_entite_adresse_application.label }}</label>
+                <p name="entite_adresse_application" v-html="doleance.entite_adresse_application" />
+                <label for="aqui_adresse_decision">{{ ct_cercle_politique.field_aqui_adresse_decision.label }}</label>
+                <p name="aqui_adresse_decision" v-html="doleance.aqui_adresse_decision" />
+                <label for="comment_formule_decision">{{ ct_cercle_politique.field_comment_formule_decision.label }}</label>
+                <p name="comment_formule_decision" v-html="doleance.comment_formule_decision" />
+                <h5>{{ ct_cercle_politique.field_receptions_et_applications.label }}</h5>
+                <ul class="receptions_et_applications">
+                  <li
+                    v-for="app in doleance.receptions_et_applications">
+                      <label for="applique_decision">{{ p_reception_application_decision.field_applique_decision.label }}</label>
+                      <p name="applique_decision" v-html="app.applique_decision" />
+                      <label for="formule_decision_applic">{{ p_reception_application_decision.field_formule_decision_applic.label }}</label>
+                      <p name="formule_decision_applic" v-html="app.formule_decision_applic" />
+                      <label for="entite_recoit_decision">{{ p_reception_application_decision.field_entite_recoit_decision.label }}</label>
+                      <p name="entite_recoit_decision" v-html="app.entite_recoit_decision" />
+                  </li>
+                </ul>
 
-              <label for="lenquete">{{ ct_cercle_politique.field_enquete_terraindevie.label }}</label>
-              <h4 name="lenquete">{{ doleance.lenquete }}</h4>
-            </header>
-            <section class="groupesinterets">
-              <h5>{{ ct_cercle_politique.field_groupes.label }}</h5>
-              <ul>
-                <li
-                  v-for="groupe in doleance.groupesinterets">
-                    
-                    <label for="groupe">{{ p_groupes_interets.field_groupe_interets.label }}</label>
-                    <p name="groupe" v-html="groupe.groupe_interets" />
-                    <label for="accorder">{{ p_groupes_interets.field_accorder_interets.label }}</label>
-                    <p name="accorder" v-html="groupe.accorder_interets" />
-                    <label for="formuler">{{ p_groupes_interets.field_formuler.label }}</label>
-                    <p name="formuler" v-html="groupe.formuler" />
-                </li>
-              </ul>
-            </section>
-            <section class="adresse">
-              <label for="entite_addresse_doleance">{{ ct_cercle_politique.field_entite_adresse_doleance.label }}</label>
-              <p name="entite_addresse_doleance" v-html="doleance.entite_addresse_doleance" />
-              <label for="comment_ennonce_doleance">{{ ct_cercle_politique.field_comment_enonce_doleance.label }}</label>
-              <p name="comment_ennonce_doleance" v-html="doleance.comment_ennonce_doleance" />
-              <label for="aqui_addresse_doleance">{{ ct_cercle_politique.field_a_qui_adresse_doleance.label }}</label>
-              <p name="aqui_addresse_doleance" v-html="doleance.aqui_addresse_doleance" />
-              <h5>{{ ct_cercle_politique.field_receptions_et_traitements.label }}</h5>
-              <ul class="reception_traitement">
-                <li
-                  v-for="rec in doleance.reception_traitement">
-                    <label for="entite_adressee">{{ p_reception_et_traitement.field_entite_adressee.label }}</label>
-                    <p name="entite_adressee" v-html="rec.entite_adressee" />
-                    <label for="doleance_formulee">{{ p_reception_et_traitement.field_doleance_formulee.label }}</label>
-                    <p name="doleance_formulee" v-html="rec.doleance_formulee" />
-                    <label for="traite_doleance">{{ p_reception_et_traitement.field_traite_doleance.label }}</label>
-                    <p name="traite_doleance" v-html="rec.traite_doleance" />
-                    <label for="entite_recoit_doleance">{{ p_reception_et_traitement.field_entite_recoit_doleance.label }}</label>
-                    <p name="entite_recoit_doleance" v-html="rec.entite_recoit_doleance" />
-                </li>
-              </ul>               
-            </section>
-            <section class="miseenoeuvre">
-              <label for="entites_decisionnaires">{{ ct_cercle_politique.field_entites_decisionnaires.label }}</label>
-              <p name="entites_decisionnaires" v-html="doleance.entites_decisionnaires" />
-              <label for="decision_formule">{{ ct_cercle_politique.field_decision_formulee.label }}</label>
-              <p name="decision_formule" v-html="doleance.decision_formule" />
-              <h5>{{ ct_cercle_politique.field_mise_en_oeuvre_decision.label }}</h5>
-              <ul class="mise_en_oeuvre_decision">
-                <li
-                  v-for="dec in doleance.mise_en_oeuvre_decision">
-                    <label for="entite_adresse_decision">{{ p_mise_en_oeuvre_decision.field_entite_adresse_decision.label }}</label>
-                    <p name="entite_adresse_decision" v-html="dec.entite_adresse_decision" />
-                    <label for="formule_decision">{{ p_mise_en_oeuvre_decision.field_formule_decision.label }}</label>
-                    <p name="formule_decision" v-html="dec.formule_decision" />
-                    <label for="entite_metenoeuvre_decisio">{{ p_mise_en_oeuvre_decision.field_entite_metenoeuvre_decisio.label }}</label>
-                    <p name="entite_metenoeuvre_decisio" v-html="dec.entite_metenoeuvre_decisio" />
-                </li>
-              </ul>
-            </section>
-            <section class="receptions_et_applications">
-              <label for="entite_adresse_application">{{ ct_cercle_politique.field_entite_adresse_application.label }}</label>
-              <p name="entite_adresse_application" v-html="doleance.entite_adresse_application" />
-              <label for="aqui_adresse_decision">{{ ct_cercle_politique.field_aqui_adresse_decision.label }}</label>
-              <p name="aqui_adresse_decision" v-html="doleance.aqui_adresse_decision" />
-              <label for="comment_formule_decision">{{ ct_cercle_politique.field_comment_formule_decision.label }}</label>
-              <p name="comment_formule_decision" v-html="doleance.comment_formule_decision" />
-              <h5>{{ ct_cercle_politique.field_receptions_et_applications.label }}</h5>
-              <ul class="receptions_et_applications">
-                <li
-                  v-for="app in doleance.receptions_et_applications">
-                    <label for="applique_decision">{{ p_reception_application_decision.field_applique_decision.label }}</label>
-                    <p name="applique_decision" v-html="app.applique_decision" />
-                    <label for="formule_decision_applic">{{ p_reception_application_decision.field_formule_decision_applic.label }}</label>
-                    <p name="formule_decision_applic" v-html="app.formule_decision_applic" />
-                    <label for="entite_recoit_decision">{{ p_reception_application_decision.field_entite_recoit_decision.label }}</label>
-                    <p name="entite_recoit_decision" v-html="app.entite_recoit_decision" />
-                </li>
-              </ul>
+                <label for="probleme_initial_resolu">{{ ct_cercle_politique.field_probleme_initial_resolu.label }}</label>
+                <p name="probleme_initial_resolu" v-html="doleance.probleme_initial_resolu" />
+                <label for="oui_nouvelle_situation">{{ ct_cercle_politique.field_oui_nouvelle_situation.label }}</label>
+                <p name="oui_nouvelle_situation" v-html="doleance.oui_nouvelle_situation" />
+                <label for="non_adresse_doleance">{{ ct_cercle_politique.field_non_adresse_doleance.label }}</label>
+                <p name="non_adresse_doleance" v-html="doleance.non_adresse_doleance" />
+                
+                
+                
+              </section>
+          </section>
+      </section>
+    </template>
 
-              <label for="probleme_initial_resolu">{{ ct_cercle_politique.field_probleme_initial_resolu.label }}</label>
-              <p name="probleme_initial_resolu" v-html="doleance.probleme_initial_resolu" />
-              <label for="oui_nouvelle_situation">{{ ct_cercle_politique.field_oui_nouvelle_situation.label }}</label>
-              <p name="oui_nouvelle_situation" v-html="doleance.oui_nouvelle_situation" />
-              <label for="non_adresse_doleance">{{ ct_cercle_politique.field_non_adresse_doleance.label }}</label>
-              <p name="non_adresse_doleance" v-html="doleance.non_adresse_doleance" />
-              
-              
-              
-            </section>
-        </section>
-    </section>
+    <template v-slot:footer>
+  
+    </template>
+  </CartoucheLayout> 
+  
+  
 </template>

src/views/Concernement.vue

@@ -27,16 +27,8 @@ export default {
   computed: {
     ...mapState(ConcernementsStore,['map_mode',
                                     'opened_concernement',
-                                    // 'opened_entity_id',
-                                    'concernements_loaded',
-                                    'ct_concernement',
-                                    'ct_entite',
-                                    'ct_cercle_politique',
-                                    'p_groupes_interets',
-                                    'p_reception_et_traitement',
-                                    'p_mise_en_oeuvre_decision',
-                                    'p_reception_application_decision']),
-    ...mapState(CommonStore,['hover_elmt'])
+                                    'concernements_loaded']),
+    // ...mapState(CommonStore,['hover_elmt'])
   },
   created () {
     console.log(`Concernement view created, id: ${this.id}, eid: ${this.eid}, opened_concernement:${this.opened_concernement}`);