bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

created layout component for concernement content cartouche, continued to integrate entites

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2023-07-04 22:28:42 +02:00
parent e162adaae8
commit c85af7eacc
6 changed files with 742 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/views/Concernement.vue
View File

@@ -10,8 +10,8 @@ import gql from 'graphql-tag'
import GQL from '@api/graphql-axios'
import EntiteFields from '@api/gql/entite.fragment.gql'
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiHeadphones } from '@mdi/js';
// import SvgIcon from '@jamescoyle/vue-icon';
// import { mdiHeadphones } from '@mdi/js';
import TerrainDeVie from '@components/contents/TerrainDeVie.vue';
import PuissanceAgir from '@components/contents/PuissanceAgir.vue';
@@ -22,8 +22,7 @@ export default {
data(){
return {
entite: null,
opened_besoin_id: null,
headphones_path: mdiHeadphones
opened_besoin_id: null
}
},
computed: {
@@ -39,10 +38,7 @@ export default {
...mapState(ConcernementsStore,['p_reception_et_traitement']),
...mapState(ConcernementsStore,['p_mise_en_oeuvre_decision']),
...mapState(ConcernementsStore,['p_reception_application_decision']),
...mapState(CommonStore,['hover_elmt']),
display_concernement(){
return this.ct_concernement && !this.entite && this.map_mode !== 'puissancedagir'&& this.map_mode !== 'doleancer';
}
...mapState(CommonStore,['hover_elmt'])
},
created () {
console.log(`Concernement view created, id: ${this.id}, eid: ${this.eid}, opened_concernement:${this.opened_concernement}`);
@@ -112,7 +108,6 @@ export default {
}
},
components: {
SvgIcon,
TerrainDeVie,
PuissanceAgir,
Doleancer
@@ -123,50 +118,6 @@ export default {
<template>
<section v-if="opened_concernement" class="concernement">
<header v-if="concernements_loaded">
<div class="pre-header">
<!-- concernement -->
<label
v-if="display_concernement"
>
{{ ct_concernement.title.description }}
</label>
<!-- entite -->
<h3 v-if="entite">{{ entite.title }}</h3>
<span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien < 0" class="menacemaintient">menace</span>
<span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien > 0" class="menacemaintient">maintient</span>
</div>
<div class="concernement-cartouche">
<h2 :class='{ faded: !display_concernement}'>{{ opened_concernement.title }}</h2>
<nav class="icons">
<ul>
<li v-if="opened_concernement.has_recit" >
<svg-icon type="mdi" :path="headphones_path"></svg-icon>
</li>
<li>
<a href="#terraindevie" @click="setMapMode('terraindevie')"><span class="icon terraindevie"></span></a>
</li>
<li v-if="opened_concernement.has_puissancedagir" >
<a href="#puissanceagir" @click="setMapMode('puissanceagit')"><span class="icon puissancedagir"></span></a>
</li>
<li v-if="opened_concernement.has_proximite" >
<a href="#proximite" @click="setMapMode('proximite')"><span class="icon proximite"></span></a>
</li>
<li v-if="opened_concernement.has_superposition" >
<a href="#superposition" @click="setMapMode('superposition')"><span class="icon superposition"></span></a>
</li>
<li v-if="opened_concernement.has_agissantes" >
<a href="#action" @click="setMapMode('action')"><span class="icon action"></span></a>
</li>
<li v-if="opened_concernement.has_doleance" >
<a href="#doleancer" @click="setMapMode('doleancer')"><span class="icon doleancer"></span></a>
</li>
</ul>
</nav>
</div>
</header>
<!-- body -->
<TerrainDeVie v-if="map_mode === 'terraindevie'" :id="id" :eid="eid" :entite="entite"/>
<PuissanceAgir v-if="map_mode === 'puissancedagir'" :id="id"/>
<Doleancer v-if="map_mode === 'doleancer'" :id="id"/>