From 1a3c95487f9b319a4f8ec672e7afc9f0307e3227 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Fri, 21 Nov 2025 17:54:50 +0100
Subject: [PATCH] Temp search form

---
 webgis/index.html                 | 91 ++++++++++++++++++++++++++++++-
 webgis/js/components/SiteSheet.js |  6 +-
 2 files changed, 89 insertions(+), 8 deletions(-)

diff --git a/webgis/index.html b/webgis/index.html
index de5b245..1c85a83 100644
--- a/webgis/index.html
+++ b/webgis/index.html
@@ -63,9 +63,16 @@
                 </span>
                 Catasto storico
             </button>
-            <button class="button is-outlined is-rounded is-link mr-4 mt-1" id="howto" title="Istruzioni">
-                <span class="icon is-large has-text-link">
-                    <i class="fas fa-question fa-lg"></i>
+            <button class="button is-white mr-2 mt-1" title="Cerca"
+                data-id="search"
+                data-action="modal#open">
+                <span class="icon">
+                    <i class="fa fa-search"></i>
+                </span>
+            </button>
+            <button class="button is-outlined is-rounded mr-4 mt-1" id="howto" title="Istruzioni">
+                <span class="icon has-text-black">
+                    <i class="fas fa-question"></i>
                 </span>
             </button>
         </div>
@@ -310,6 +317,84 @@
                 <button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#closeCartography"></button>
             </aside>
         </div>
+    <!-- Search modal -->
+    <div class="modal" id="search" data-modal-target="modal">
+        <div class="modal-background" data-action="click->modal#close click->tabs#reset"></div>
+        <div class="modal-content has-background-white pt-4 mr-4 ml-4 pl-4 pr-4" style="min-height: 400px;">
+            <h1 class="is-size-4 has-text-centered">Ricerca</h1>
+            <div class="field">
+                <label class="label">Testo libero</label>
+                <div class="control is-full-width">
+                    <input class="input" type="text" placeholder="Inserire parole chiave">
+                </div>
+            </div>
+            <div class="columns mt-5 pt-3">
+                <div class="field column">
+                    <label class="label">Categoria sito</label>
+                    <div class="control">
+                        <div class="select">
+                            <select>
+                                <option default>-- Scegliere la categoria del sito --</option>
+                                <option>Sito conservato</option>
+                                <option>Sito non conservato</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="field column">
+                    <label class="label">Categoria reperto</label>
+                    <div class="control">
+                        <div class="select">
+                            <select>
+                                <option default>-- Scegliere la categoria del reperto --</option>
+                                <option>Scultura</option>
+                                <option>Epigrafe</option>
+                                <option>Elemento architettonico</option>
+                                <option>Decorazione parietale</option>
+                                <option>Pavimentazione</option>
+                                <option>Arredo</option>
+                                <option>Abbigliamento e ornamenti personali</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="field column">
+                    <label class="label">Tecnica muraria</label>
+                    <div class="control">
+                        <div class="select">
+                            <select>
+                                <option default>-- Scegliere tecnica --</option>
+                                <option>Opera poligonale</option>
+                                <option>Opera incerta</option>
+                                <option>Opera reticolata</option>
+                                <option>Opera laterizia</option>
+                                <option>Opera mista</option>
+                                <option>Opera cementizia</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="field is-grouped mt-5 has-text-right">
+                <div class="control">
+                    <button class="button is-link">
+                        <span>Cerca</span>
+                        <span class="icon is-small">
+                            <i class="fa fa-search"></i>
+                        </span>
+                    </button>
+                </div>
+                <div class="control">
+                    <button class="button is-link is-light">
+                        <span>Cancella filtri</span>
+                        <span class="icon is-small">
+                            <i class="fa fa-times"></i>
+                        </span>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
     </div>
     <!-- Bibliography citations template -->
     <template id="biblio-item-template">
diff --git a/webgis/js/components/SiteSheet.js b/webgis/js/components/SiteSheet.js
index feae2df..da14aca 100644
--- a/webgis/js/components/SiteSheet.js
+++ b/webgis/js/components/SiteSheet.js
@@ -5,11 +5,6 @@ import Utils from "./utils.js";
  */
 export class SiteSheet {
     biblioElements = [];
-    /*
-    constructor(data) {
-        this._siteData = data;
-    }
-    */
     /**
      * @param {object} data
      */
@@ -17,6 +12,7 @@ export class SiteSheet {
         this._siteData = data;
     }
     /**
+     * @todo Refactor!
      * @returns {string} HTML
      */
     render() {