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

highlighted icons on mapnav active item #2244

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2023-10-06 11:15:21 +02:00
parent 5e5cf061c5
commit 7fb5244d1c
3 changed files with 24 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/MapConcernements.vue
View File

@@ -1308,48 +1308,49 @@ export default {
<li>
<a
title="terrain de vie" href="#terraindevie" @click="setMapMode('terraindevie')"
:class="{active: map_mode === 'terraindevie'}"
>
<span class="icon terraindevie"></span> <span class="label"> terrain de vie</span>
<span class="icon terraindevie"/> <span class="label"> terrain de vie</span>
</a>
</li>
<li>
<a
title="proximite" href="#proximite" @click="setMapMode('proximite')"
:class="{ disabled: opened_concernement && !opened_concernement.has_proximite }"
:class="{ disabled: opened_concernement && !opened_concernement.has_proximite, active: map_mode === 'proximité'}"
>
<span class="icon proximite"></span> <span class="label"> proximité</span>
<span class="icon proximite"/> <span class="label"> proximité</span>
</a>
</li>
<li>
<a
title="superposition" href="#superposition" @click="setMapMode('superposition')"
:class="{ disabled: opened_concernement && !opened_concernement.has_superpositions }"
:class="{ disabled: opened_concernement && !opened_concernement.has_superpositions, active: map_mode === 'superposition'}"
>
<span class="icon superposition"></span> <span class="label"> superposition</span>
<span class="icon superposition"/> <span class="label"> superposition</span>
</a>
</li>
<li>
<a
title="puissance d'agir" href="#puissancedagir" @click="setMapMode('puissancedagir')"
:class="{ disabled: opened_concernement && !opened_concernement.has_puissancedagir }"
:class="{ disabled: opened_concernement && !opened_concernement.has_puissancedagir, active: map_mode === 'puissancedagir'}"
>
<span class="icon puissancedagir"></span> <span class="label"> puissance d'agir</span>
<span class="icon puissancedagir"/> <span class="label"> puissance d'agir</span>
</a>
</li>
<li>
<a
title="action" href="#action" @click="setMapMode('action')"
:class="{ disabled: opened_concernement && !opened_concernement.has_agissantes }"
:class="{ disabled: opened_concernement && !opened_concernement.has_agissantes, active: map_mode === 'action'}"
>
<span class="icon action"></span> <span class="label"> action</span>
<span class="icon action"/> <span class="label"> action</span>
</a>
</li>
<li>
<a
title="cercle politique" href="#doleancer" @click="setMapMode('doleancer')"
:class="{ disabled: opened_concernement && !opened_concernement.has_doleance }"
:class="{ disabled: opened_concernement && !opened_concernement.has_doleance, active: map_mode === 'doleancer'}"
>
<span class="icon doleancer"></span> <span class="label"> cercle politique</span>
<span class="icon doleancer"/> <span class="label"> cercle politique</span>
</a>
</li>
</ul>