entite image is now editable, add, delete. remains the alt field

src/components/contents/Entite.vue

@@ -1,12 +1,19 @@
 <script>
 
+import REST from '@api/rest-axios'
+import JSONAPI from '@api/json-axios'
+
 import { mapActions, mapState } from 'pinia'
 import { ConcernementsStore } from '@stores/concernements'
+import { UserStore } from '@stores/user'
 
 import ContentEditable from '@components/editable/ContentEditable.vue';
 import CheckboxEditable from '@components/editable/CheckboxEditable.vue';
+import ImageEditable from '@components/editable/ImageEditable.vue';
+
 export default {
   props: ['concernement', 'entite', 'eid'],
+  emits: ['reloadEntite'],
   data() {
     return {
     }
@@ -15,6 +22,7 @@ export default {
     ...mapState(ConcernementsStore,['opened_concernement',
                                     'ct_concernement',
                                     'ct_entite']),
+    ...mapState(UserStore,['csrf_token']),
     field_menace_maintien_label (){
       let str;
       if (this.concernement.entites_byid[this.eid].menacemaintien < 0) {
@@ -35,38 +43,34 @@ export default {
     }
   },
   methods: {
-    
+    reloadEntite(){
+      this.$emit('reloadEntite');
+    }
   },
   components: {
     ContentEditable,
-    CheckboxEditable
+    CheckboxEditable,
+    ImageEditable,
   }
 }
 </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 || entite.can_update" class="image">
+      <ImageEditable 
+        :image="entite.image"
+        :data="{
+          entitytype: 'node',
+          bundle: 'entite',
+          nid: this.entite.id,
+          uuid: this.entite.uuid,
+          field: 'field_image'
+        }"
+        v-on:updated="reloadEntite" />
 
-    <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">
+    <section v-if="entite.action || entite.can_update" class="action">
         <label v-if="ct_entite">{{ ct_entite.field_action.description }}</label>
         <!-- <p>{{ entite.action }}</p> -->
         <ContentEditable 
@@ -78,10 +82,11 @@ export default {
             bundle: 'entite',
             nid: this.entite.id,
             field: 'field_action'
-          }" />
+          }"
+          v-on:updated="reloadEntite" />
           
     </section>
-    <section v-if="entite.menacemaintien" class="menace-maintien">
+    <section v-if="entite.menacemaintien || entite.can_update" class="menace-maintien">
         <label v-if="ct_entite">{{ field_menace_maintien_label }}</label>
         <!-- <p>{{ entite.menacemaintien }}</p> -->
         <ContentEditable 
@@ -93,7 +98,8 @@ export default {
             bundle: 'entite',
             nid: this.entite.id,
             field: 'field_menace_maintien'
-          }" />
+          }"
+          v-on:updated="reloadEntite" />
         
     </section>
     <!-- SOURCES (experiences vecues) -->

src/components/contents/TerrainDeVie.vue

@@ -22,6 +22,7 @@ import { mdiChevronRight } from '@mdi/js';
 import { mdiChevronDown } from '@mdi/js';
 
 import ContentEditable from '@components/editable/ContentEditable.vue';
+import CheckboxEditable from '@components/editable/CheckboxEditable.vue';
 
 export default {
   props: ['cid', 'eid'],
@@ -221,7 +222,8 @@ export default {
     Entite,
     VueSlider,
     SvgIcon,
-    ContentEditable
+    ContentEditable,
+    CheckboxEditable
   }
 }
 
@@ -246,14 +248,25 @@ export default {
             nid: this.entite.id,
             field: 'title'
           }" />
-          
+
+        <CheckboxEditable 
+          v-if="entite && entite.can_update"
+          :checked="entite.agissante"
+          label="Entité action" 
+          :data="{
+            entitytype: 'node',
+            bundle: 'entite',
+            nid: this.entite.id,
+            field: 'field_entite_agissante'
+          }" />
+
       </div>
     </template>
     
     <template v-slot:main>
       <!-- concernement -->
       <template v-if="!entite">
-        <section v-if="concernement.description" class="description">
+        <section v-if="concernement.description || concernement.can_update" class="description">
             <label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
             
             <ContentEditable 
@@ -270,7 +283,7 @@ export default {
               }" />
 
         </section>
-        <section v-if="concernement.caillou" class="caillou">
+        <section v-if="concernement.caillou || concernement.can_update" class="caillou">
             <label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
             
             <ContentEditable 
@@ -289,7 +302,7 @@ export default {
       </template>
 
       <!-- entite -->
-      <Entite v-if="entite" :concernement="concernement" :entite="entite" :eid="eid"/>
+      <Entite v-if="entite" :concernement="concernement" :entite="entite" :eid="eid" v-on:reloadEntite="loadEntite"/>
     </template>
 
     <template v-slot:footer>