admin front l'enquete

src/assets/main.scss

@@ -1333,4 +1333,6 @@ div.add-ressource-btn{
 div.add-cerclepo-btn{
   @include add-btn();
   margin: 0 0 1em;
+  height: 60px;
+  line-height: 50px;
 }

src/components/ConcernementMapItem.vue

@@ -1697,11 +1697,16 @@ export default {
         console.warn('no doleances group created nor found')
         return;
       }
-
+      console.log('doleances main group: ', g);
+      
       this.concernement.doleances.forEach((d) => {
+        console.log('each doleance, d:', d);
+        
         let doleance_group;
+        console.log('is update: ', update);
         if (update) {
-          doleance_group = this.paper_main_object.children['doleances'][`doleance_${d.id}`];
+          doleance_group = g.children[`doleance_${d.id}`];
+          console.log('doleance_group', doleance_group);
           if (doleance_group) {
             this.setPaperDoleanceSteps(d, doleance_group);
           }else{

src/components/contents/Doleancer.vue

@@ -106,7 +106,9 @@ export default {
     }
   },
   methods: {
-    ...mapActions(ConcernementsStore,['setOpenedDoleance']),
+    ...mapActions(ConcernementsStore,['setOpenedDoleance',
+                                      'setOpenedDoleanceField'
+                                    ]),
     nextDoleance(){
       this.doleance_index ++;
       this.$refs.prevDoleanceBTN.classList.add('animeleft');
@@ -216,6 +218,13 @@ export default {
           })
         // resolve('test')
       })
+    },
+    reloadConcernementCerclePolAndChangeActiveField(field, field_index){
+      this.reloadConcernementCerclePol(this.cid)
+        .then((concernement) => {
+          // this.opened_concernement.opened_doleance.field = field;
+          this.setOpenedDoleanceField(this.cid, this.doleance.id, field, field_index);
+        });
     }
   },
   components: {
@@ -270,14 +279,29 @@ export default {
                 field: {field_name: 'field_le_probleme', value:'value'}
               }"
               v-on:updated="reloadConcernementCerclePol(cid)"/>
+            
           </section>
 
           <section
-            v-if="opened_concernement.opened_doleance.field === 'lenquete'"
+            v-if="opened_concernement.opened_doleance.field === 'lenquete' 
+                  || ((!opened_concernement.opened_doleance.field 
+                      || opened_concernement.opened_doleance.field === 'leprobleme') 
+                      && !doleance.lenquete)"
             class="lenquete">
             <h5>{{ ct_cercle_politique.field_enquete_terraindevie.label }}</h5>
-            <!-- <label for="lenquete">{{ ct_cercle_politique.field_enquete_terraindevie.label }}</label> -->
-            <h4 name="lenquete">{{ doleance.lenquete }}</h4>
+            <!-- <h4 name="lenquete">{{ doleance.lenquete }}</h4> -->
+            <ContentEditable
+              tag="h4"
+              :value="doleance.lenquete" 
+              class="doleance-lenquete" 
+              :contenteditable="opened_concernement.can_update"
+              :data="{
+                entitytype: 'node',
+                bundle: 'cercle_politique',
+                id: doleance.id,
+                field: {field_name: 'field_enquete_terraindevie', value:'value'}
+              }"
+              v-on:updated="reloadConcernementCerclePolAndChangeActiveField('lenquete')"/>
           </section>
 
           <section 
@@ -460,14 +484,14 @@ export default {
 
     <template v-slot:footer>
       <template v-if="concernement.can_update">
-          <div v-if="!reloading_concernements" @click="addCerclePo" class="add-cerclepo-btn btn">
-            <span>Ajouter un crecle politique</span>
-            <svg-icon type="mdi" :path="mdiStickerPlusOutline_path"/>
-          </div>
-          <div v-else class="add-cerclepo-btn btn">
-            <div class="loading">Chargement</div>
-          </div>
-        </template>
+        <div v-if="!reloading_concernements" @click="addCerclePo" class="add-cerclepo-btn btn">
+          <span>Ajouter un crecle politique</span>
+          <svg-icon type="mdi" :path="mdiStickerPlusOutline_path"/>
+        </div>
+        <div v-else class="add-cerclepo-btn btn">
+          <div class="loading">Chargement</div>
+        </div>
+      </template>
 
 
       <!-- <vue-plyr>