more editable fields, created CheckboxEditable

src/components/contents/Entite.vue

@@ -3,6 +3,8 @@
 import { mapActions, mapState } from 'pinia'
 import { ConcernementsStore } from '@stores/concernements'
 
+import ContentEditable from '@components/editable/ContentEditable.vue';
+import CheckboxEditable from '@components/editable/CheckboxEditable.vue';
 export default {
   props: ['concernement', 'entite', 'eid'],
   data() {
@@ -36,25 +38,63 @@ export default {
     
   },
   components: {
+    ContentEditable,
+    CheckboxEditable
   }
 }
 </script>
 
 <template>
   <section class="entite">
+    <!-- <section v-if="entite.can_update" class="editable">
+      <label><input type="checkbox" name="action"> Entité action</label>
+    </section> -->
+    <CheckboxEditable 
+      v-if="entite.can_update"
+      label="Entité action" 
+      :data="{
+        entitytype: 'node',
+        bundle: 'entite',
+        nid: this.entite.id,
+        field: 'field_entite_agissante'
+      }" />
+
     <section v-if="entite.image.length" class="image">
       <figure>
         <img :src="entite.image[0].url" :alt="entite.image[0].alt"/>
         <figcaption>{{ entite.image[0].alt }}</figcaption>
       </figure>
+      <!-- TODO admin add image -->
     </section>
     <section v-if="entite.action" class="action">
         <label v-if="ct_entite">{{ ct_entite.field_action.description }}</label>
-        <p>{{ entite.action }}</p>
+        <!-- <p>{{ entite.action }}</p> -->
+        <ContentEditable 
+          tag="p"
+          :value="entite.action"
+          :contenteditable="entite.can_update"
+          :data="{
+            entitytype: 'node',
+            bundle: 'entite',
+            nid: this.entite.id,
+            field: 'field_action'
+          }" />
+          
     </section>
     <section v-if="entite.menacemaintien" class="menace-maintien">
         <label v-if="ct_entite">{{ field_menace_maintien_label }}</label>
-        <p>{{ entite.menacemaintien }}</p>
+        <!-- <p>{{ entite.menacemaintien }}</p> -->
+        <ContentEditable 
+          tag="p"
+          :value="entite.menacemaintien"
+          :contenteditable="entite.can_update"
+          :data="{
+            entitytype: 'node',
+            bundle: 'entite',
+            nid: this.entite.id,
+            field: 'field_menace_maintien'
+          }" />
+        
     </section>
     <!-- SOURCES (experiences vecues) -->
     <section

src/components/contents/TerrainDeVie.vue

@@ -21,7 +21,7 @@ import SvgIcon from '@jamescoyle/vue-icon';
 import { mdiChevronRight } from '@mdi/js';
 import { mdiChevronDown } from '@mdi/js';
 
-import ContentEditable from '@components/misc/ContentEditable.vue';
+import ContentEditable from '@components/editable/ContentEditable.vue';
 
 export default {
   props: ['cid', 'eid'],
@@ -233,7 +233,20 @@ export default {
       <div class="entite">
         <!-- TODO update entite with revisions -->
         <label v-if="entite" class="menacemaintient" :class="{ hidden: headerreduced}">{{ entity_title_label }}</label>
-        <h3 v-if="entite" class="entite-title">{{ entite.title }}</h3>
+        <!-- <h3 v-if="entite" class="entite-title">{{ entite.title }}</h3> -->
+        <ContentEditable 
+          v-if="entite"
+          tag="h3"
+          :value="entite.title" 
+          class="entite-title" 
+          :contenteditable="entite.can_update"
+          :data="{
+            entitytype: 'node',
+            bundle: 'entite',
+            nid: this.entite.id,
+            field: 'title'
+          }" />
+          
       </div>
     </template>
     
@@ -271,7 +284,7 @@ export default {
                 nid: this.concernement.id,
                 field: 'field_caillou'
               }" />
-              
+
         </section>
       </template>