From f6883c3502dbdff4c3f2c260628a7372bf6cdc73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Tue, 9 Jul 2024 16:44:28 +0200
Subject: [PATCH] Draft UI changes + remote DB API

---
 index.html  | 15 ++++++++++++++-
 js/gis.js   |  4 ++--
 js/index.js |  5 +++++
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 31d2ec1..e4aeb30 100644
--- a/index.html
+++ b/index.html
@@ -50,9 +50,22 @@
                 </p>
                 <ul class="menu-list">
                     <li>
-                        <a class="button" title="Vai al sito Villa di Gradola" id="gradola">
+                        <a class="is-block button" title="Vai al sito Villa di Gradola" id="gradola">
                             Villa di Gradola
+                            <span class="dropdown-trigger icon is-small">
+                                <i class="fas fa-angle-down ml-2" aria-hidden="true"></i>
+                            </span>
                         </a>
+                            <div class="dropdown ml-2">
+                                <div class="dropdown-menu" id="dropdown-menu" role="menu">
+                                  <div class="dropdown-content">
+                                    <a class="dropdown-item" data-sheet="gradola">Scheda del sito</a>
+                                    <a class="dropdown-item" data-docs="gradola">Documentazione</a>
+                                    <a class="dropdown-item" data-surveys="gradola">Elaborazioni CNR</a>
+                                    <a class="dropdown-item" data-photos="gradola">Fotografie</a>
+                                  </div>
+                                </div>
+                            </div>
                         <a class="button" title="Vai al sito Villa di Damecuta" id="damecuta">
                             Villa di Damecuta
                         <a class="button" title="Vai al sito Grotta di Matermania" id="matermania">
diff --git a/js/gis.js b/js/gis.js
index fc83080..696888e 100644
--- a/js/gis.js
+++ b/js/gis.js
@@ -3,6 +3,8 @@
 import UI from "./ui.js";
 
 const MAPBOX_TOKEN = 'pk.eyJ1Ijoibmljb3BhIiwiYSI6ImNseWNwZjJjbjFidzcya3BoYTU0bHg4NnkifQ.3036JnCXZTEMt6jVgMzVRw';
+const BASE_URL = location.href;
+const API_URL = 'https://testaec.electricmandarine.cloud/gisdb/gis';
 
 // Global leaflet
 /**
@@ -41,8 +43,6 @@ const optionsFabbricati = {
     fillOpacity: 0.8
 };
 
-const BASE_URL = location.href;
-const API_URL = 'http://localhost:3002/gis';
 /**
  * Capitalize a text string
  * @todo Move to utils
diff --git a/js/index.js b/js/index.js
index 7792401..bace100 100644
--- a/js/index.js
+++ b/js/index.js
@@ -9,4 +9,9 @@ document.addEventListener('DOMContentLoaded', async () => {
     UI.toggleMenu('siti');
     UI.toggleBurger('navbar-burger');
     UI.sitesMenu('.menu-list', map, sites);
+
+    // TEMP
+    document.querySelector('.dropdown-trigger').addEventListener('click', function() {
+        document.querySelector('.dropdown').classList.toggle('is-active');
+    });
 });