can patch node from editablecontent fields

src/components/contents/TerrainDeVie.vue

@@ -21,6 +21,8 @@ import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiChevronRight } from '@mdi/js';
 import { mdiChevronDown } from '@mdi/js';
 
+import ContentEditable from '@components/misc/ContentEditable.vue';
+
 export default {
   props: ['cid', 'eid'],
   data(){
@@ -206,13 +208,20 @@ export default {
       } else {
         this.headerreduced = false;
       }
+    },
+    onContentEditableFocusOut(e){
+      console.log('onContentEditableFocusOut', e);
+      let new_field_content = e.target.innerText;
+      console.log('onContentEditableFocusOut', new_field_content);
+      console.log('onContentEditableFocusOut this.concernement.title', this.concernement.title);
     }
   },
   components: {
     CartoucheLayout,
     Entite,
     VueSlider,
-    SvgIcon
+    SvgIcon,
+    ContentEditable
   }
 }
 
@@ -233,13 +242,36 @@ export default {
       <template v-if="!entite">
         <section v-if="concernement.description" class="description">
             <label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
-            <p v-html="concernement.description"/>
-            <!-- <p>{{ concernement.description }}</p> -->
+            
+            <ContentEditable 
+              tag="p"
+              :value="concernement.description"
+              :html="true" 
+              :class="{ ellipsed: headerreduced }" 
+              :contenteditable="concernement.can_update"
+              :data="{
+                entitytype: 'node',
+                bundle: 'concernement',
+                nid: this.concernement.id,
+                field: 'field_description'
+              }" />
+
         </section>
         <section v-if="concernement.caillou" class="caillou">
             <label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
-            <!-- <p v-html="concernement.caillou"/> -->
-            <p>{{ concernement.caillou }}</p>
+            
+            <ContentEditable 
+              tag="p"
+              :value="concernement.caillou" 
+              :class="{ ellipsed: headerreduced }" 
+              :contenteditable="concernement.can_update"
+              :data="{
+                entitytype: 'node',
+                bundle: 'concernement',
+                nid: this.concernement.id,
+                field: 'field_caillou'
+              }" />
+              
         </section>
       </template>