better concernment and entite content display

This commit is contained in:
2023-05-24 22:16:35 +02:00
parent 453e07ec31
commit b360987c76
5 changed files with 90 additions and 24 deletions

View File

@@ -22,7 +22,8 @@ export default {
...mapState(ConcernementsStore,['opened']),
// ...mapState(ConcernementsStore,['opened_entity_id']),
...mapState(ConcernementsStore,['concernements_loaded']),
...mapState(ConcernementsStore,['ct_concernement'])
...mapState(ConcernementsStore,['ct_concernement']),
...mapState(ConcernementsStore,['ct_entite'])
},
created () {
console.log(`Concernement view created, id: ${this.id}, eid: ${this.eid}, opened:${this.opened}`);
@@ -91,26 +92,43 @@ export default {
<template>
<section v-if="opened" class="concernement">
<div v-if="entite">{{ entite.title }}</div>
<header v-if="concernements_loaded">
<label v-if="ct_concernement">{{ ct_concernement.title.description }}</label>
<label v-if="ct_concernement && !entite">{{ ct_concernement.title.description }}</label>
<h3 v-if="entite">{{ entite.title }}</h3>
<span v-if="entite && opened.entites_byid[eid].menacemaintien > 0">menace</span>
<span v-if="entite && opened.entites_byid[eid].menacemaintien < 0">maintient</span>
<h2>{{ opened.title }}</h2>
</header>
<section
v-if="concernements_loaded && map_mode === 'terraindevie'"
class="description">
<label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
<div v-html="opened.description"/>
<!-- concernement -->
<section
v-if="map_mode === 'terraindevie' && !entite"
class="content-concernement">
<section class="description">
<label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
<div v-html="opened.description"/>
</section>
<section class="caillou">
<label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
<div v-html="opened.caillou "/>
</section>
</section>
<section
v-if="concernements_loaded && map_mode === 'terraindevie'"
class="caillou">
<label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
<div v-html="opened.caillou "/>
<!-- entite -->
<section
v-if="map_mode === 'terraindevie' && entite"
class="content-entite">
<section class="action">
<label v-if="ct_entite">{{ ct_entite.field_action.description }}</label>
<div v-html="entite.action"/>
</section>
<section class="menace-maintien">
<label v-if="ct_entite">{{ ct_entite.field_menace_maintien.description }}</label>
<div v-html="entite.menacemaintien"/>
</section>
</section>
<!-- puissance d'agir -->
<section
v-if="map_mode === 'puissancedagir'"
class="besoins">
class="content-besoins">
<ul>
<li
v-for="(besoin,index) in opened.besoins"