can patch node from editablecontent fields

src/components/layout/CartoucheLayout.vue

@@ -6,6 +6,8 @@ import { ConcernementsStore } from '@stores/concernements'
 import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiHeadphones } from '@mdi/js';
 
+import ContentEditable from '@components/misc/ContentEditable.vue';
+
 export default {
   props: ['cid'],
   emits: ['main_scrolled'],
@@ -19,6 +21,7 @@ export default {
   created () {
     console.log('Cartouch layout created', this.cid);
     this.concernement = this.concernementsByID[this.cid];
+    console.log('can_update', this.concernement.can_update);
   },
   mounted () {
     // console.log('cartouche layout mounted', this);
@@ -44,16 +47,18 @@ export default {
         console.log(`TerrainDeVie watch cid o:${o}, n:${n}`);
         if (n) {
           this.concernement = this.concernementsByID[n];
+          console.log('can_update', this.concernement.can_update);
         }
       },
       deep: true
     }
   },
   methods: {
-    ...mapActions(ConcernementsStore,['setMapMode'])
+    ...mapActions(ConcernementsStore,['setMapMode']),
   },
   components: {
-    SvgIcon
+    SvgIcon,
+    ContentEditable
   }
 }
 </script>
@@ -62,7 +67,20 @@ export default {
   <header ref="cartouche_header">
     <div class="concernement-cartouche-icons">
       <label :class="{ hidden: headerreduced }">{{ ct_concernement.title.description }}</label>
-      <h2 :class="{ ellipsed: headerreduced }">{{ concernement.title }}</h2>
+      
+      <ContentEditable 
+        tag="h2"
+        :value="concernement.title" 
+        :class="{ ellipsed: headerreduced }" 
+        :contenteditable="concernement.can_update"
+        :data="{
+          entitytype: 'node',
+          bundle: 'concernement',
+          nid: this.concernement.id,
+          field: 'title'
+        }" />
+
+
       <!-- <nav class="icons">
         <ul>
           <li v-if="concernement.has_recit" >