cleaned, started map_mode, added agissante, superposition, proximite fields to graphql

src/components/ConcernementMapItem.vue

@@ -53,6 +53,7 @@ export default {
   },
   props: ['concernement', 'opened'],
   computed: {
+    ...mapState(ConcernementsStore,['map_mode']),
     ...mapState(ConcernementsStore,['concernementsByID']),
     ...mapState(ConcernementsStore,['opened_entite_id'])
   },

src/components/ConcernementMapPopup.vue

@@ -21,7 +21,7 @@ export default {
     if (this.infos.type === 'concernement') {
       this.concernement = this.concernementsByID[this.infos.id];
     } else {
-      this.entite = this.allEntitesById[this.infos.id];
+      this.entite = this.allEntitesById[this.infos.id].entite;
     }
   },
   mounted () {
@@ -40,7 +40,7 @@ export default {
         if (n.type === 'concernement') {
           this.concernement = this.concernementsByID[n.id];
         } else {
-          this.entite = this.allEntitesById[n.id];
+          this.entite = this.allEntitesById[n.id].entite;
         }   
       },
       deep: true

src/components/MapConcernements.vue

@@ -58,6 +58,7 @@ export default {
     }
   },
   computed: {
+    ...mapState(ConcernementsStore,['map_mode']),
     ...mapState(ConcernementsStore,['concernements']),
     ...mapState(ConcernementsStore,['concernementsByID']),
     ...mapState(ConcernementsStore,['opened'])
@@ -105,6 +106,7 @@ export default {
     this.animate()
   },
   methods: {
+    ...mapActions(ConcernementsStore,['setMapMode']),
     ...mapActions(ConcernementsStore,['openCloseConcernements']),
     ...mapActions(ConcernementsStore,['resetConcernementOpened']),
     animate () {
@@ -236,23 +238,23 @@ export default {
   <nav id="map-nav">
     <ul>
       <li>
-        <a href="#terraindevie">terrain de vie</a>
+        <a href="#terraindevie" @click="setMapMode('terraindevie')">terrain de vie</a>
       </li>
       <li>
-        <a href="#proximite">proximité</a>
+        <a href="#proximite" @click="setMapMode('proximite')">proximité</a>
       </li>
       <li>
-        <a href="#superposition">superposition</a>
+        <a href="#superposition" @click="setMapMode('superposition')">superposition</a>
       </li>
+      <!-- <li>
+        <a href="#puissancedagir" @click="setMapMode('puissancedagir')">puissance d'agir</a>
+      </li> -->
       <li>
-        <a href="#puissancedagir">puissance d'agir</a>
-      </li>
-      <li>
-        <a href="#action">action</a>
-      </li>
-      <li>
-        <a href="#doleancer">doléancer</a>
+        <a href="#action" @click="setMapMode('action')">action</a>
       </li>
+      <!-- <li>
+        <a href="#doleancer" @click="setMapMode('doleancer')">doléancer</a>
+      </li> -->
     </ul>
   </nav>
   <ConcernementMapPopup