admin front: editing besoin description OK

src/components/contents/PuissanceAgir.vue

@@ -18,6 +18,7 @@ import { mdiRhombus } from '@mdi/js';
 import { mdiRhombusOutline } from '@mdi/js';
 import { mdiStickerPlusOutline } from '@mdi/js';
 
+import ContentEditable from '@components/editable/ContentEditable.vue';
 
 export default {
   props: ['cid'],
@@ -87,6 +88,9 @@ export default {
             })
         })
     },
+    reloadBesoins(){
+      this.reloadConcernementBesoins(this.cid);
+    },
     createBesoinNode(){
       return new Promise((resolve, reject) => {
         // 1 create entite node
@@ -153,7 +157,8 @@ export default {
   },
   components: {
     CartoucheLayout,
-    SvgIcon
+    SvgIcon,
+    ContentEditable
   }
 }
 
@@ -194,7 +199,20 @@ export default {
                  />
                 Besoin de l'enqueteur
             </label>
-            <h4 class="besoin-description" v-html="besoin.description"/>
+
+            <!-- <h4 class="besoin-description" v-html="besoin.description"/> -->
+            <ContentEditable 
+              tag="p"
+              :value="besoin.description"
+              :html="true"
+              :contenteditable="opened_concernement.can_update"
+              :data="{
+                entitytype: 'node',
+                bundle: 'besoin',
+                id: besoin.id,
+                field: {field_name: 'body', value:'value'}
+              }"
+              v-on:updated="reloadBesoins" />
           </header>
           <ul class="reponses">
             <li