From f354ecb0843ac54ce9629195481ce39b04e2f11c Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sat, 15 Mar 2025 23:05:08 +0100
Subject: [PATCH] Added Mines Blanche to map switch

---
 .../aldys-cantane-mines-blanches-cover.png    | Bin 0 -> 4125 bytes
 .../maps/overlay/SearchMapSwitch.vue          |  83 ++++++++++++++----
 2 files changed, 65 insertions(+), 18 deletions(-)
 create mode 100644 public/images/aldys-cantane-mines-blanches-cover.png

diff --git a/public/images/aldys-cantane-mines-blanches-cover.png b/public/images/aldys-cantane-mines-blanches-cover.png
new file mode 100644
index 0000000000000000000000000000000000000000..245fc37198935122c6e54fac0ff1119b19cfdea8
GIT binary patch
literal 4125
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
b%ya$^eNIen1R)x>00000NkvXXu0mjfp=T$Y

literal 0
HcmV?d00001

diff --git a/src/components/maps/overlay/SearchMapSwitch.vue b/src/components/maps/overlay/SearchMapSwitch.vue
index 0e353fa0..b28e5415 100644
--- a/src/components/maps/overlay/SearchMapSwitch.vue
+++ b/src/components/maps/overlay/SearchMapSwitch.vue
@@ -62,6 +62,15 @@ const cityMenuItems: MenuItem[] = [
         url: '/aldys/cantane',
     },
 ]
+
+const extraMenuitems: MenuItem[] = [
+    {
+        name: 'Mines Blanches',
+        img: '/images/aldys-cantane-mines-blanches-cover.png',
+        url: '/aldys/cantane/mines-blanches',
+        newItem: true
+    },
+]
 </script>
 
 <template>
@@ -88,15 +97,17 @@ const cityMenuItems: MenuItem[] = [
                             :title="item.newItem ? 'Nouveau' : ''"
                         >
                             <figure>
-                                <img :src="item.img" alt="" width="40" height="40" loading="eager">
-
-                                <figcaption>
-                                    {{ item.name }}
+                                <div class="img-wrapper">
+                                    <img :src="item.img" alt="" width="40" height="40" loading="eager">
 
                                     <svg v-if="item.newItem" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 256 256">
                                         <path class="fill" d="M112.1,255c-3.6,0-7.2-.6-10.7-1.9-8.5-3.1-15.2-9.8-18.3-18.3l-16.7-45.1-45.1-16.6c-16-5.9-24.2-23.7-18.3-39.7,3.1-8.5,9.8-15.2,18.3-18.3l45.1-16.7,16.6-45.1c4.5-12.1,16.1-20.2,29-20.2s7.2.6,10.7,1.9c2.3.8,4.5,1.9,6.5,3.3,1-11.8,10.9-21.1,22.9-21.1h1v-1c0-12.7,10.3-23,23-23s23,10.3,23,23v1h1c12.7,0,23,10.3,23,23s-.7,6.4-1.9,9.2c1-.1,1.9-.2,2.9-.2,10.5,0,19.5,7.1,22.2,16.8,9.7,2.7,16.8,11.6,16.8,22.2s-7.1,19.5-16.8,22.2c-2.7,9.7-11.6,16.8-22.2,16.8s-4.6-.3-6.7-1c3.7,5.2,5.7,11.4,5.7,18,0,12.9-8.1,24.6-20.3,29l-45.1,16.6-16.6,45.1c-4.5,12.1-16.1,20.2-29,20.2ZM202.8,114.9c.4.2.8.3,1.2.5-.9-1.6-1.7-3.4-2.2-5.2-9.7-2.7-16.8-11.6-16.8-22.2s0-2,.2-2.9c-2.8,1.2-5.9,1.9-9.2,1.9-12.7,0-23-10.3-23-23v-1h-1c-2.8,0-5.5-.5-7.9-1.4l13.6,36.7,45.1,16.6ZM199,64c0,1,0,2-.2,2.9,1-.4,2-.8,3-1.1.3-1,.6-2,1.1-3-1,.1-1.9.2-2.9.2h-1v1Z"/>
                                         <path class="stroke" d="M176,8c4.4,0,8,3.6,8,8v16h16c4.4,0,8,3.6,8,8s-3.6,8-8,8h-16v16c0,4.4-3.6,8-8,8s-8-3.6-8-8v-16h-16c-4.4,0-8-3.6-8-8s3.6-8,8-8h16v-16c0-4.4,3.6-8,8-8M111.9,48c1.8,0,3.7.3,5.5,1,4.4,1.6,7.8,5.1,9.4,9.4l19.1,51.6,51.6,19c6.3,2.3,10.5,8.3,10.4,15,0,6.7-4.1,12.7-10.4,14.9l-51.6,19.1-19,51.6c-2.4,6.4-8.5,10.4-14.9,10.4s-3.7-.3-5.5-1c-4.4-1.6-7.8-5.1-9.4-9.4l-19.1-51.6-51.6-19c-8.3-3-12.5-12.2-9.4-20.4,1.6-4.4,5.1-7.8,9.4-9.4l51.6-19.1,19-51.6c2.4-6.4,8.5-10.4,14.9-10.4M224,64c4.4,0,8,3.6,8,8v8h8c4.4,0,8,3.6,8,8s-3.6,8-8,8h-8v8c0,4.4-3.6,8-8,8s-8-3.6-8-8v-8h-8c-4.4,0-8-3.6-8-8s3.6-8,8-8h8v-8c0-4.4,3.6-8,8-8M176-22c-16.7,0-31,10.9-36,26-8,2.7-14.8,7.9-19.5,14.8-2.8-.5-5.7-.8-8.6-.8h0c-19.2,0-36.5,12.1-43.1,30.1l-14.2,38.7-38.6,14.3c-12.6,4.7-22.6,14.6-27.2,27.2-8.7,23.8,3.5,50.2,27.2,59l38.7,14.2,14.3,38.7c4.7,12.6,14.6,22.5,27.2,27.2,5.1,1.9,10.4,2.8,15.9,2.8,19.2,0,36.5-12.1,43.1-30.1l14.2-38.6,38.5-14.2c18-6.6,30.1-23.8,30.1-43,0-1.6,0-3.1-.2-4.7,8.6-3.3,15.6-9.7,19.9-17.8,12.1-6.4,20.4-19.1,20.4-33.6s-8.3-27.3-20.4-33.6c-4.2-8-11.3-14.4-19.8-17.7-1.4-15.3-11.8-28-25.8-32.7-5-15.1-19.3-26-36-26h0Z"/>
                                     </svg>
+                                </div>
+
+                                <figcaption>
+                                    {{ item.name }}
                                 </figcaption>
                             </figure>
                         </a>
@@ -116,15 +127,47 @@ const cityMenuItems: MenuItem[] = [
                             :title="item.newItem ? 'Nouveau' : ''"
                         >
                             <figure>
-                                <img :src="item.img" alt="" width="40" height="40" loading="eager">
-
-                                <figcaption>
-                                    {{ item.name }}
+                                <div class="img-wrapper">
+                                    <img :src="item.img" alt="" width="40" height="40" loading="eager">
 
                                     <svg v-if="item.newItem" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 256 256">
                                         <path class="fill" d="M112.1,255c-3.6,0-7.2-.6-10.7-1.9-8.5-3.1-15.2-9.8-18.3-18.3l-16.7-45.1-45.1-16.6c-16-5.9-24.2-23.7-18.3-39.7,3.1-8.5,9.8-15.2,18.3-18.3l45.1-16.7,16.6-45.1c4.5-12.1,16.1-20.2,29-20.2s7.2.6,10.7,1.9c2.3.8,4.5,1.9,6.5,3.3,1-11.8,10.9-21.1,22.9-21.1h1v-1c0-12.7,10.3-23,23-23s23,10.3,23,23v1h1c12.7,0,23,10.3,23,23s-.7,6.4-1.9,9.2c1-.1,1.9-.2,2.9-.2,10.5,0,19.5,7.1,22.2,16.8,9.7,2.7,16.8,11.6,16.8,22.2s-7.1,19.5-16.8,22.2c-2.7,9.7-11.6,16.8-22.2,16.8s-4.6-.3-6.7-1c3.7,5.2,5.7,11.4,5.7,18,0,12.9-8.1,24.6-20.3,29l-45.1,16.6-16.6,45.1c-4.5,12.1-16.1,20.2-29,20.2ZM202.8,114.9c.4.2.8.3,1.2.5-.9-1.6-1.7-3.4-2.2-5.2-9.7-2.7-16.8-11.6-16.8-22.2s0-2,.2-2.9c-2.8,1.2-5.9,1.9-9.2,1.9-12.7,0-23-10.3-23-23v-1h-1c-2.8,0-5.5-.5-7.9-1.4l13.6,36.7,45.1,16.6ZM199,64c0,1,0,2-.2,2.9,1-.4,2-.8,3-1.1.3-1,.6-2,1.1-3-1,.1-1.9.2-2.9.2h-1v1Z"/>
                                         <path class="stroke" d="M176,8c4.4,0,8,3.6,8,8v16h16c4.4,0,8,3.6,8,8s-3.6,8-8,8h-16v16c0,4.4-3.6,8-8,8s-8-3.6-8-8v-16h-16c-4.4,0-8-3.6-8-8s3.6-8,8-8h16v-16c0-4.4,3.6-8,8-8M111.9,48c1.8,0,3.7.3,5.5,1,4.4,1.6,7.8,5.1,9.4,9.4l19.1,51.6,51.6,19c6.3,2.3,10.5,8.3,10.4,15,0,6.7-4.1,12.7-10.4,14.9l-51.6,19.1-19,51.6c-2.4,6.4-8.5,10.4-14.9,10.4s-3.7-.3-5.5-1c-4.4-1.6-7.8-5.1-9.4-9.4l-19.1-51.6-51.6-19c-8.3-3-12.5-12.2-9.4-20.4,1.6-4.4,5.1-7.8,9.4-9.4l51.6-19.1,19-51.6c2.4-6.4,8.5-10.4,14.9-10.4M224,64c4.4,0,8,3.6,8,8v8h8c4.4,0,8,3.6,8,8s-3.6,8-8,8h-8v8c0,4.4-3.6,8-8,8s-8-3.6-8-8v-8h-8c-4.4,0-8-3.6-8-8s3.6-8,8-8h8v-8c0-4.4,3.6-8,8-8M176-22c-16.7,0-31,10.9-36,26-8,2.7-14.8,7.9-19.5,14.8-2.8-.5-5.7-.8-8.6-.8h0c-19.2,0-36.5,12.1-43.1,30.1l-14.2,38.7-38.6,14.3c-12.6,4.7-22.6,14.6-27.2,27.2-8.7,23.8,3.5,50.2,27.2,59l38.7,14.2,14.3,38.7c4.7,12.6,14.6,22.5,27.2,27.2,5.1,1.9,10.4,2.8,15.9,2.8,19.2,0,36.5-12.1,43.1-30.1l14.2-38.6,38.5-14.2c18-6.6,30.1-23.8,30.1-43,0-1.6,0-3.1-.2-4.7,8.6-3.3,15.6-9.7,19.9-17.8,12.1-6.4,20.4-19.1,20.4-33.6s-8.3-27.3-20.4-33.6c-4.2-8-11.3-14.4-19.8-17.7-1.4-15.3-11.8-28-25.8-32.7-5-15.1-19.3-26-36-26h0Z"/>
                                     </svg>
+                                </div>
+
+                                <figcaption>
+                                    {{ item.name }}
+                                </figcaption>
+                            </figure>
+                        </a>
+                    </li>
+                </menu>
+
+                <div class="menu-title">
+                    Autres
+                </div>
+
+                <menu class="map-menu">
+                    <li v-for="item in extraMenuitems" :key="item.name">
+                        <a
+                            :href="item.url"
+                            :class="{ 'active': url?.pathname === item.url }"
+                            :tabindex="url?.pathname === item.url ? -1 : 0"
+                            :title="item.newItem ? 'Nouveau' : ''"
+                        >
+                            <figure>
+                                <div class="img-wrapper">
+                                    <img :src="item.img" alt="" width="40" height="40" loading="eager">
+
+                                    <svg v-if="item.newItem" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 256 256">
+                                        <path class="fill" d="M112.1,255c-3.6,0-7.2-.6-10.7-1.9-8.5-3.1-15.2-9.8-18.3-18.3l-16.7-45.1-45.1-16.6c-16-5.9-24.2-23.7-18.3-39.7,3.1-8.5,9.8-15.2,18.3-18.3l45.1-16.7,16.6-45.1c4.5-12.1,16.1-20.2,29-20.2s7.2.6,10.7,1.9c2.3.8,4.5,1.9,6.5,3.3,1-11.8,10.9-21.1,22.9-21.1h1v-1c0-12.7,10.3-23,23-23s23,10.3,23,23v1h1c12.7,0,23,10.3,23,23s-.7,6.4-1.9,9.2c1-.1,1.9-.2,2.9-.2,10.5,0,19.5,7.1,22.2,16.8,9.7,2.7,16.8,11.6,16.8,22.2s-7.1,19.5-16.8,22.2c-2.7,9.7-11.6,16.8-22.2,16.8s-4.6-.3-6.7-1c3.7,5.2,5.7,11.4,5.7,18,0,12.9-8.1,24.6-20.3,29l-45.1,16.6-16.6,45.1c-4.5,12.1-16.1,20.2-29,20.2ZM202.8,114.9c.4.2.8.3,1.2.5-.9-1.6-1.7-3.4-2.2-5.2-9.7-2.7-16.8-11.6-16.8-22.2s0-2,.2-2.9c-2.8,1.2-5.9,1.9-9.2,1.9-12.7,0-23-10.3-23-23v-1h-1c-2.8,0-5.5-.5-7.9-1.4l13.6,36.7,45.1,16.6ZM199,64c0,1,0,2-.2,2.9,1-.4,2-.8,3-1.1.3-1,.6-2,1.1-3-1,.1-1.9.2-2.9.2h-1v1Z"/>
+                                        <path class="stroke" d="M176,8c4.4,0,8,3.6,8,8v16h16c4.4,0,8,3.6,8,8s-3.6,8-8,8h-16v16c0,4.4-3.6,8-8,8s-8-3.6-8-8v-16h-16c-4.4,0-8-3.6-8-8s3.6-8,8-8h16v-16c0-4.4,3.6-8,8-8M111.9,48c1.8,0,3.7.3,5.5,1,4.4,1.6,7.8,5.1,9.4,9.4l19.1,51.6,51.6,19c6.3,2.3,10.5,8.3,10.4,15,0,6.7-4.1,12.7-10.4,14.9l-51.6,19.1-19,51.6c-2.4,6.4-8.5,10.4-14.9,10.4s-3.7-.3-5.5-1c-4.4-1.6-7.8-5.1-9.4-9.4l-19.1-51.6-51.6-19c-8.3-3-12.5-12.2-9.4-20.4,1.6-4.4,5.1-7.8,9.4-9.4l51.6-19.1,19-51.6c2.4-6.4,8.5-10.4,14.9-10.4M224,64c4.4,0,8,3.6,8,8v8h8c4.4,0,8,3.6,8,8s-3.6,8-8,8h-8v8c0,4.4-3.6,8-8,8s-8-3.6-8-8v-8h-8c-4.4,0-8-3.6-8-8s3.6-8,8-8h8v-8c0-4.4,3.6-8,8-8M176-22c-16.7,0-31,10.9-36,26-8,2.7-14.8,7.9-19.5,14.8-2.8-.5-5.7-.8-8.6-.8h0c-19.2,0-36.5,12.1-43.1,30.1l-14.2,38.7-38.6,14.3c-12.6,4.7-22.6,14.6-27.2,27.2-8.7,23.8,3.5,50.2,27.2,59l38.7,14.2,14.3,38.7c4.7,12.6,14.6,22.5,27.2,27.2,5.1,1.9,10.4,2.8,15.9,2.8,19.2,0,36.5-12.1,43.1-30.1l14.2-38.6,38.5-14.2c18-6.6,30.1-23.8,30.1-43,0-1.6,0-3.1-.2-4.7,8.6-3.3,15.6-9.7,19.9-17.8,12.1-6.4,20.4-19.1,20.4-33.6s-8.3-27.3-20.4-33.6c-4.2-8-11.3-14.4-19.8-17.7-1.4-15.3-11.8-28-25.8-32.7-5-15.1-19.3-26-36-26h0Z"/>
+                                    </svg>
+                                </div>
+
+                                <figcaption>
+                                    {{ item.name }}
                                 </figcaption>
                             </figure>
                         </a>
@@ -235,17 +278,15 @@ svg {
         justify-items: center;
         gap: .25rem;
 
-        img {
-            display: block;
-            border-radius: .3rem;
-            border: .1rem solid var(--white);
-            outline: .15rem solid transparent;
-        }
+        .img-wrapper {
+            position: relative;
 
-        figcaption {
-            font-size: .75em;
-            text-align: center;
-            color: var(--slate-500);
+            img {
+                display: block;
+                border-radius: .3rem;
+                border: .1rem solid var(--white);
+                outline: .15rem solid transparent;
+            }
 
             svg {
                 position: absolute;
@@ -258,6 +299,12 @@ svg {
                 .stroke { fill: var(--white); }
             }
         }
+
+        figcaption {
+            font-size: .75em;
+            text-align: center;
+            color: var(--slate-500);
+        }
     }
 }
 </style>
\ No newline at end of file