From 68ae6a20f38fb533426971058538762e4ccc22c7 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Wed, 17 May 2023 16:24:10 +0200
Subject: [PATCH] set map_mode on first load

---
 src/components/MapConcernements.vue |  3 ---
 src/router/index.js                 | 15 +++++++++++++++
 src/stores/concernements.js         |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/MapConcernements.vue b/src/components/MapConcernements.vue
index f76317d..c847e50 100644
--- a/src/components/MapConcernements.vue
+++ b/src/components/MapConcernements.vue
@@ -76,9 +76,6 @@ export default {
     this.engine = Matter.Engine.create(engineOptions);
     this.engine.gravity.scale = 0;
     this.world = this.engine.world;
-
-    // check map_mode
-    console.log('mapconcernements created', this.$root);
   },
   mounted() {
     this.canvasMap.canvas = this.$refs['canvas-map'];
diff --git a/src/router/index.js b/src/router/index.js
index 84d9916..587c7dc 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,6 +3,9 @@ import HomeView from '@views/Home.vue'
 // import StaticView from '@views/Static.vue'
 // import ConcernementView from '@views/Concernement.vue'
 
+import { ConcernementsStore } from '@/stores/concernements'
+
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -33,4 +36,16 @@ const router = createRouter({
   ]
 })
 
+// set map_mode on first load
+router.afterEach((to, from) => {
+  const concernement_store = ConcernementsStore();
+  console.log('router afterEach', from, to, concernement_store.map_mode);
+  if (!from.name) { // we are at first load
+    if (to.hash) {
+      console.log("we have a hash");
+      concernement_store.setMapMode(to.hash.replace('#', ''));
+    }
+  }
+
+})
 export default router
diff --git a/src/stores/concernements.js b/src/stores/concernements.js
index da75271..f0049ee 100644
--- a/src/stores/concernements.js
+++ b/src/stores/concernements.js
@@ -16,7 +16,7 @@ import ConcernementFields from '@api/gql/concernement.fragment.gql'
 export const ConcernementsStore = defineStore({
   id: 'concernements',
   state: () => ({
-    map_mode: "terraindevie",
+    map_mode: null,
     concernements: [],
     concernementsByID: {},
     allEntitesById: {},