integrated icons

This commit is contained in:
2023-05-25 18:21:38 +02:00
parent b360987c76
commit f59a8b9b53
10 changed files with 684 additions and 17 deletions

View File

@@ -101,8 +101,11 @@ export default {
<section v-if="infos.type === 'concernement'" class="concernement-map-popup">
<h1>{{ concernement.title }}</h1>
<ul class="icons">
<li v-if="concernement.has_agissantes" ><span class="icon action">Action</span></li>
<li v-if="concernement.has_puissancedagir" ><span class="icon puissanceagir">Puissance d'agir</span></li>
<li v-if="concernement.has_puissancedagir" ><span class="icon puissancedagir"></span></li>
<li v-if="concernement.has_proximite" ><span class="icon proximite"></span></li>
<li v-if="concernement.has_superposition" ><span class="icon superposition"></span></li>
<li v-if="concernement.has_agissantes" ><span class="icon action"></span></li>
<li v-if="concernement.has_doleance" ><span class="icon puissancedagir"></span></li>
</ul>
</section>
<section v-if="infos.type === 'entite'" class="entite-map-popup">

View File

@@ -95,8 +95,8 @@ export default {
Matter.Bodies.rectangle(-wall_w/2, canvas_h/2, wall_w, canvas_h, { isStatic: true }), // left
Matter.Bodies.rectangle(canvas_w+wall_w/2, canvas_h/2, wall_w, canvas_h, { isStatic: true }), // right
// make the items never goes under menus
Matter.Bodies.rectangle(550, canvas_h-15, 900, 30, { isStatic: true }), // menu bottom
Matter.Bodies.rectangle(550, 15, 900, 30, { isStatic: true }) // menu top
Matter.Bodies.rectangle(550, 25, 900, 50, { isStatic: true }), // menu top
Matter.Bodies.rectangle(550, canvas_h-15, 900, 30, { isStatic: true }) // menu bottom
]);
// add mouse control
@@ -277,22 +277,22 @@ export default {
<nav id="map-nav">
<ul>
<li>
<a href="#terraindevie" @click="setMapMode('terraindevie')">terrain de vie</a>
</li>
<!-- <li>
<a href="#proximite" @click="setMapMode('proximite')">proximité</a>
</li> -->
<!-- <li>
<a href="#superposition" @click="setMapMode('superposition')">superposition</a>
</li> -->
<li>
<a href="#puissancedagir" @click="setMapMode('puissancedagir')">puissance d'agir</a>
<a href="#terraindevie" @click="setMapMode('terraindevie')"><span class="icon terraindevie"></span> terrain de vie</a>
</li>
<li>
<a href="#action" @click="setMapMode('action')">action</a>
<a href="#proximite" @click="setMapMode('proximite')"><span class="icon proximite"></span> proximité</a>
</li>
<li>
<a href="#doleancer" @click="setMapMode('doleancer')">doléancer</a>
<a href="#superposition" @click="setMapMode('superposition')"><span class="icon superposition"></span> superposition</a>
</li>
<li>
<a href="#puissancedagir" @click="setMapMode('puissancedagir')"><span class="icon puissancedagir"></span> puissance d'agir</a>
</li>
<li>
<a href="#action" @click="setMapMode('action')"><span class="icon action"></span> action</a>
</li>
<li>
<a href="#doleancer" @click="setMapMode('doleancer')"><span class="icon doleancer"></span> doléancer</a>
</li>
</ul>
</nav>