more editable fields, created CheckboxEditable

This commit is contained in:
2024-03-18 21:19:44 +01:00
parent 8c90f54b3c
commit d4797e75dc
7 changed files with 141 additions and 40 deletions

View File

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