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

marge en haut des contenus #2229

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-07-15 22:11:30 +02:00
parent 2a90e7c787
commit 4cd2d78e07
3 changed files with 39 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/assets/main.scss
View File

@ -142,11 +142,11 @@ body{
// height: 8rem; // height: 8rem;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
div.pre-header{ div.entite{
min-height: 10em; // min-height: 10em;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
justify-content: flex-end; // justify-content: flex-end;
label, h3{ label, h3{
// height: 70px; // height: 70px;
box-sizing: border-box; box-sizing: border-box;

11
src/components/contents/TerrainDeVie.vue
View File

@ -93,15 +93,12 @@ export default {
<template> <template>
<CartoucheLayout> <CartoucheLayout>
<template v-slot:header> <template v-slot:header>
<div class="pre-header"> <div class="entite">
<!-- concernement --> <!-- TODO update entite with revisions -->
<label v-if="display_concernement">{{ ct_concernement.title.description }}</label> <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien < 0" class="menacemaintient">est menacé par</span>
<!-- entite --> <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien > 0" class="menacemaintient">est maintienu par</span>
<h3 v-if="entite">{{ entite.title }}</h3> <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>
</template> </template>
<template v-slot:main> <template v-slot:main>

59
src/components/layout/CartoucheLayout.vue
View File

@ -14,7 +14,7 @@ export default {
} }
}, },
computed: { computed: {
...mapState(ConcernementsStore,['opened_concernement']), ...mapState(ConcernementsStore,['opened_concernement', 'ct_concernement']),
}, },
methods: { methods: {
...mapActions(ConcernementsStore,['setMapMode']) ...mapActions(ConcernementsStore,['setMapMode'])
@ -27,36 +27,37 @@ export default {
<template> <template>
<header> <header>
<slot name="header"></slot>
<div class="concernement-cartouche-icons"> <div class="concernement-cartouche-icons">
<h2>{{ opened_concernement.title }}</h2> <label>{{ ct_concernement.title.description }}</label>
<nav class="icons"> <h2>{{ opened_concernement.title }}</h2>
<ul> <nav class="icons">
<li v-if="opened_concernement.has_recit" > <ul>
<svg-icon type="mdi" :path="headphones_path"></svg-icon> <li v-if="opened_concernement.has_recit" >
</li> <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> <a href="#terraindevie" @click="setMapMode('terraindevie')"><span class="icon terraindevie"></span></a>
<li v-if="opened_concernement.has_puissancedagir" > </li>
<a href="#puissanceagir" @click="setMapMode('puissancedagir')"><span class="icon puissancedagir"></span></a> <li v-if="opened_concernement.has_puissancedagir" >
</li> <a href="#puissanceagir" @click="setMapMode('puissancedagir')"><span class="icon puissancedagir"></span></a>
<li v-if="opened_concernement.has_proximite" > </li>
<a href="#proximite" @click="setMapMode('proximite')"><span class="icon proximite"></span></a> <li v-if="opened_concernement.has_proximite" >
</li> <a href="#proximite" @click="setMapMode('proximite')"><span class="icon proximite"></span></a>
<li v-if="opened_concernement.has_superposition" > </li>
<a href="#superposition" @click="setMapMode('superposition')"><span class="icon superposition"></span></a> <li v-if="opened_concernement.has_superposition" >
</li> <a href="#superposition" @click="setMapMode('superposition')"><span class="icon superposition"></span></a>
<li v-if="opened_concernement.has_agissantes" > </li>
<a href="#action" @click="setMapMode('action')"><span class="icon action"></span></a> <li v-if="opened_concernement.has_agissantes" >
</li> <a href="#action" @click="setMapMode('action')"><span class="icon action"></span></a>
<li v-if="opened_concernement.has_doleance" > </li>
<a href="#doleancer" @click="setMapMode('doleancer')"><span class="icon doleancer"></span></a> <li v-if="opened_concernement.has_doleance" >
</li> <a href="#doleancer" @click="setMapMode('doleancer')"><span class="icon doleancer"></span></a>
</ul> </li>
</nav> </ul>
</nav>
</div> </div>
<slot name="header"></slot>
</header> </header>
<main> <main>
<slot name="main"></slot> <slot name="main"></slot>