From 82cf4513b789a16644270376f66e02b409d3e031 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Fri, 11 Oct 2024 16:05:44 +0200
Subject: [PATCH] Open site data from sidebar menu

---
 index.html | 4 ++--
 js/gis.js  | 3 +--
 js/ui.js   | 8 ++++++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index a56a745..f223ced 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
         <hr class="navbar-divider">
         <div class="navbar-menu ml-3 container is-align-items-center is-justify-content-center" id="nav-menu">
             <button class="navbar-item button is-size-5 is-white" role="button" id="siti">
-                <i class="fa fa-list mr-2"></i> Siti indagati
+                <i class="fa fa-list mr-2"></i> Beni archeologici
             </button>
             <button class="navbar-item is-size-5 is-white" title="Informazioni sul progetto" id="progetto">
                 <i class="fa fa-info-circle mr-2"></i> Progetto
@@ -45,7 +45,7 @@
         <div class="column is-hidden" id="menu">
             <aside class="menu ml-4">
                 <p class="menu-label">
-                    Siti indagati
+                    Beni archeologici
                 <button title="Chiudi menu" class="button is-small is-pulled-right" id="close-menu">
                     <span class="icon is-small">
                       <i class="fa fa-chevron-left"></i>
diff --git a/js/gis.js b/js/gis.js
index 7e5c736..192f4bf 100644
--- a/js/gis.js
+++ b/js/gis.js
@@ -272,8 +272,7 @@ GIS.loadLayer = async function (geoJSON, options, popup = true) {
     // Show data from feature in popUp?
     const layer = new L.geoJson(geo, {
         style: function () {
-            let style = options;
-            return style;
+            return options;
         },
         onEachFeature: function (feature, layer) {
             if (popup) {
diff --git a/js/ui.js b/js/ui.js
index 6584392..02d7ea7 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -5,6 +5,7 @@ import { SiteSheet } from './components/SiteSheet.js';
 import { SiteDocuments } from './components/SiteDocuments.js';
 import { SiteSurveys } from './components/SiteSurveys.js';
 import { SitePhotos } from './components/SitePhotos.js';
+import GIS from './gis.js';
 
 /**
  * @namespace UI
@@ -164,10 +165,13 @@ UI.sitesMenu = function (menuListSel, map, sites) {
 	this.toggleMenu('close-menu');
 
 	const menu = document.querySelector(menuListSel);
-	menu.addEventListener('click', event => {
+	menu.addEventListener('click', async event => {
 		if (event.target.nodeName === 'A') {
+			const layerId = event.target.id;
 			// zoom to layer...
-			const layer = sites.customGetLayer(event.target.id);
+			const layer = sites.customGetLayer(layerId);
+			const data = await GIS.layerData(layerId);
+			this.openModal(data, '#site-data');
 			map.setView(
 				layer.getBounds().getCenter(),
 				19,