From 1b8ef27c1e0a59c687f27755d5abec6d9fd4dbaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P=2E?= <nicolo.paraciani@cnr.it>
Date: Thu, 5 Dec 2024 07:58:47 +0100
Subject: [PATCH] Add menu item + CSS

---
 css/app.css                     |  2 --
 webgis/index.html               | 22 ++++++++++++++++++----
 webgis/js/components/Finding.js | 16 ++++++++--------
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/css/app.css b/css/app.css
index d38022e..6e7c436 100644
--- a/css/app.css
+++ b/css/app.css
@@ -123,8 +123,6 @@ a:visited {
 .modal-content,
 .modal-card {
     width: 60vw;
-}
-.modal-card {
     min-height: 95vh;
 }
 .modal-card-body img {
diff --git a/webgis/index.html b/webgis/index.html
index 34183fb..1bd2a57 100644
--- a/webgis/index.html
+++ b/webgis/index.html
@@ -340,6 +340,20 @@
                         </ul>
                     </li>
                 </ul>
+                <p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="altro">
+                    <span class="icon pr-2">
+                        <img class="image" src="img/icons/preistorici.png"/>
+                    </span>
+                    Altro
+                    <span class="icon pl-2">
+                        <i class="fa fa-chevron-right" data-menu-target="icon" data-id="altro"></i>
+                    </span>
+                </p>
+                <ul class="menu-list is-hidden" id="altro-list" data-menu-target="list" data-controller="marker">
+                    <li>
+                        Siti pre-protostorici
+                    </li>
+                </ul>
             </aside>
         </div>
         <div class="column mb-0 pb-0 is-full is-relative">
@@ -351,7 +365,7 @@
     <!-- Sites data modal -->
     <div class="modal" id="site-data" data-controller="modal biblio tabs" data-modal-target="modal">
         <div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
-        <div class="modal-content has-background-white" style="min-height: 95vh;">
+        <div class="modal-content has-background-white">
             <div class="tabs is-centered">
                 <ul>
                     <li class="is-active" id="for-short-sheet"
@@ -399,7 +413,7 @@
     <!-- Not conserved modal -->
     <div class="modal" id="not-conser-data" data-controller="modal biblio" data-modal-target="modal">
         <div class="modal-background" data-action="click->modal#close"></div>
-        <div class="modal-content has-background-white" style="min-height: 95vh;">
+        <div class="modal-content has-background-white">
             <div id="not-conser-sheet"></div>
         </div>
         <button class="modal-close is-large" aria-label="close" data-action="modal#close"></button>
@@ -407,7 +421,7 @@
     <!-- Finding modal -->
     <div class="modal" id="finding-data" data-controller="modal biblio tabs" data-modal-target="modal">
         <div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
-        <div class="modal-content has-background-white" style="min-height: 95vh;">
+        <div class="modal-content has-background-white">
             <div class="tabs is-centered">
                 <ul>
                     <li class="is-active" id="for-finding-sheet" data-tabs-target="tab active" data-action="click->tabs#activate">
@@ -436,7 +450,7 @@
     <!-- Spherical photo modal -->
     <div class="modal" id="spherical-modal">
         <div class="modal-background"></div>
-        <div class="modal-content has-background-white" style="min-height: 95vh;">
+        <div class="modal-content has-background-white">
             <div id="pano-viewer"></div>
         </div>
         <button class="modal-close is-large" aria-label="close"></button>
diff --git a/webgis/js/components/Finding.js b/webgis/js/components/Finding.js
index 2c7f056..a4763be 100644
--- a/webgis/js/components/Finding.js
+++ b/webgis/js/components/Finding.js
@@ -80,23 +80,23 @@ export class Finding {
      * @param {number} recordId 
      */
     async biblio(recordId) {
-        let record = await this.fetchData(`${window.API_URL}/finding/${recordId}`);
+        let finding = await this.fetchData(`${window.API_URL}/finding/${recordId}`);
 
         let citations = '';
 
-        if (record.bibliography.length) {
-            record.bibliography.forEach(biblio => {
+        if (finding.bibliography.length) {
+            finding.bibliography.forEach(record => {
                 citations += `
                     <span class="is-clickable is-capitalized has-text-link"
                         data-action="click->biblio#open"
-                        id="cit-${biblio.id}">
-                        ${biblio.citation.toLowerCase()}</span>`;
+                        id="cit-${record.id}">
+                        ${record.citation.toLowerCase()}</span>`;
 
-                citations += biblio.pages?.length ? `, ${biblio.pages};` : ';';
+                citations += record.pages?.length ? `, ${record.pages};` : ';';
 
                 this.biblioElements.push(`
-                    <div class="p-2 mt-2" id="ref-${biblio.id}">
-                        <p class="p-3">${biblio.reference}</p>
+                    <div class="p-2 mt-2" id="ref-${record.id}">
+                        <p class="p-3">${record.reference}</p>
                     </div>
                 `);
             });