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) -->