From 6533f7df0e08dd8b82c2a483f738eec51d68300b Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Thu, 9 Mar 2023 10:22:49 +0100
Subject: [PATCH] added popup to map

---
 assets/js/theme/blocks/partners-map.js        | 78 +++++++++----------
 .../blocks/templates/partners/map.html        |  3 +-
 2 files changed, 41 insertions(+), 40 deletions(-)

diff --git a/assets/js/theme/blocks/partners-map.js b/assets/js/theme/blocks/partners-map.js
index 77054fc2..6d4d487a 100644
--- a/assets/js/theme/blocks/partners-map.js
+++ b/assets/js/theme/blocks/partners-map.js
@@ -1,48 +1,48 @@
-const partnersMap = document.querySelectorAll('.block-partners--map');
+// const partnersMap = document.querySelectorAll('.block-partners--map');
 
-class BlockPartners {
-    constructor (block) {
-        this.block = block;
-        this.content = this.block.querySelector('#map');
-        this.partnersList = this.content.querySelectorAll('.organization')
+// class BlockPartners {
+//     constructor (block) {
+//         this.block = block;
+//         this.content = this.block.querySelector('#map');
+//         this.partnersList = this.content.querySelectorAll('.organization')
         
-        this.themeMarker = L.icon({
-            iconUrl: '/assets/images/map-marker.svg',
-            iconSize: [26, 17],
-        });
+//         this.themeMarker = L.icon({
+//             iconUrl: '/assets/images/map-marker.svg',
+//             iconSize: [26, 17],
+//         });
 
-        this.listen();
-    }
+//         this.listen();
+//     }
 
-    listen () {
-        console.log("lalala")
-        this.map = L.map('map').setView([2.3246629, 48.8862136], 13);
+//     listen () {
+//         console.log("lalala")
+//         this.map = L.map('map').setView([2.3246629, 48.8862136], 13);
 
-        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
-            maxZoom: 19,
-            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
-        }).addTo(map);
+//         L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+//             maxZoom: 19,
+//             attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+//         }).addTo(map);
 
-        this.partnersList.forEach((partner) => {
-            let latitude = parseFloat(partner.getAttribute('data-latitude')),
-            longitude = parseFloat(partner.getAttribute('data-longitude'));
+//         this.partnersList.forEach((partner) => {
+//             let latitude = parseFloat(partner.getAttribute('data-latitude')),
+//             longitude = parseFloat(partner.getAttribute('data-longitude'));
             
-            if (!!latitude && !!longitude) {
-                setLocation = [latitude, longitude];
-                console.log(setLocation)
-            }
-            newMarker(setLocation);
-        });
-    }
-    newMarker(setLocation) {
-        var marker = new L.marker(setLocation, {
-            draggable: false
-        });
-        map.addLayer(marker);
-    }
+//             if (!!latitude && !!longitude) {
+//                 setLocation = [latitude, longitude];
+//                 console.log(setLocation)
+//             }
+//             newMarker(setLocation);
+//         });
+//     }
+//     newMarker(setLocation) {
+//         var marker = new L.marker(setLocation, {
+//             draggable: false
+//         });
+//         map.addLayer(marker);
+//     }
 
-}
+// }
 
-partnersMap.forEach((partners) => {
-    new BlockPartners(partners);
-});
+// partnersMap.forEach((partners) => {
+//     new BlockPartners(partners);
+// });
diff --git a/layouts/partials/blocks/templates/partners/map.html b/layouts/partials/blocks/templates/partners/map.html
index fbd50d4c..4c743d79 100644
--- a/layouts/partials/blocks/templates/partners/map.html
+++ b/layouts/partials/blocks/templates/partners/map.html
@@ -60,8 +60,9 @@
         var marker = new L.marker(setLocation, {
           draggable: false
         });
+        marker.bindPopup(partner.innerHTML).openPopup();
         map.addLayer(marker);
-      }   
+      }
       newMarker(setLocation)
     }
   });
-- 
GitLab