From 79bb45851fbe451f0fdee8dac3cfd0bfcd88f303 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 3 Jan 2022 15:34:23 +0100
Subject: [PATCH] show map on gallery and change name

---
 src/components/layouts/SideView.vue | 8 +++++---
 src/messages/fr.json                | 2 +-
 src/pages/Gallery.vue               | 8 ++++++--
 src/pages/gallery/GalleryMap.vue    | 5 +++++
 src/store/modules/gallery.js        | 2 +-
 5 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/components/layouts/SideView.vue b/src/components/layouts/SideView.vue
index 9b67f58..542a460 100644
--- a/src/components/layouts/SideView.vue
+++ b/src/components/layouts/SideView.vue
@@ -5,12 +5,13 @@
     no-header
     :id="id"
     :body-class="{ paddings: !noCross }"
+    :visible="visible"
   >
-    <template #default="{ hide, visible }">
+    <template #default="{ hide, visible: visible2 }">
       <div v-if="!noCross" class="btn-close-wrapper">
         <button-close @click="hide()" />
       </div>
-      <slot name="default" v-bind="{ hide, visible }" />
+      <slot name="default" v-bind="{ hide, visible: visible2 }" />
     </template>
   </b-sidebar>
 </template>
@@ -21,7 +22,8 @@ export default {
 
   props: {
     id: { type: String, required: true },
-    noCross: { type: Boolean, default: false }
+    noCross: { type: Boolean, default: false },
+    visible: { type: Boolean, default: false }
   }
 }
 </script>
diff --git a/src/messages/fr.json b/src/messages/fr.json
index fb4862e..e61affc 100644
--- a/src/messages/fr.json
+++ b/src/messages/fr.json
@@ -6,7 +6,7 @@
     "contact": "Contact",
     "library": "Bibliothèque",
     "kit": "Kit de désapprentissage",
-    "gallery": "Créations numériques",
+    "gallery": "Galerie virtuelle",
     "blog": "Blog"
   },
   "variants": {
diff --git a/src/pages/Gallery.vue b/src/pages/Gallery.vue
index 61ab68d..d99f85a 100644
--- a/src/pages/Gallery.vue
+++ b/src/pages/Gallery.vue
@@ -4,7 +4,7 @@
       {{ $t('map') }}
     </b-button>
 
-    <side-view id="gallery-map-side">
+    <side-view id="gallery-map-side" :visible="mapIsVisible">
       <template #default="{ hide, visible }">
         <gallery-map
           v-if="creations && creation"
@@ -100,7 +100,8 @@ export default {
 
   data () {
     return {
-      intro: ''
+      intro: '',
+      mapIsVisible: false
     }
   },
 
@@ -126,6 +127,9 @@ export default {
   },
 
   created () {
+    if (this.$route.hash === '#map') {
+      this.mapIsVisible = true
+    }
     this.$store.dispatch('INIT_GALLERY', parseInt(this.id))
     this.$store.dispatch('QUERY_PAGE', 'gallery').then(page => {
       this.intro = page.content
diff --git a/src/pages/gallery/GalleryMap.vue b/src/pages/gallery/GalleryMap.vue
index 6334d3c..08a9a1b 100644
--- a/src/pages/gallery/GalleryMap.vue
+++ b/src/pages/gallery/GalleryMap.vue
@@ -87,6 +87,11 @@ export default {
 
   created () {
     this.setDots()
+    if (this.visible) {
+      this.$nextTick().then(() => {
+        this.defineSize()
+      })
+    }
   }
 }
 </script>
diff --git a/src/store/modules/gallery.js b/src/store/modules/gallery.js
index a9675ea..da12929 100644
--- a/src/store/modules/gallery.js
+++ b/src/store/modules/gallery.js
@@ -29,7 +29,7 @@ export default {
 
     async 'OPEN_CREATION' ({ state, commit, dispatch }, id) {
       if (router.currentRoute.name !== 'gallery-view') {
-        router.push({ name: 'gallery-view', params: { id } })
+        router.push({ name: 'gallery-view', params: { id }, hash: '#map' })
       } else {
         router.push({ params: { id } })
       }