Temp search form

This commit is contained in:
Nicolò P 2025-11-21 17:54:50 +01:00
parent b0915d0973
commit 1a3c95487f
2 changed files with 89 additions and 8 deletions

View File

@ -63,9 +63,16 @@
</span> </span>
Catasto storico Catasto storico
</button> </button>
<button class="button is-outlined is-rounded is-link mr-4 mt-1" id="howto" title="Istruzioni"> <button class="button is-white mr-2 mt-1" title="Cerca"
<span class="icon is-large has-text-link"> data-id="search"
<i class="fas fa-question fa-lg"></i> 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> </span>
</button> </button>
</div> </div>
@ -310,6 +317,84 @@
<button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#closeCartography"></button> <button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#closeCartography"></button>
</aside> </aside>
</div> </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> </div>
<!-- Bibliography citations template --> <!-- Bibliography citations template -->
<template id="biblio-item-template"> <template id="biblio-item-template">

View File

@ -5,11 +5,6 @@ import Utils from "./utils.js";
*/ */
export class SiteSheet { export class SiteSheet {
biblioElements = []; biblioElements = [];
/*
constructor(data) {
this._siteData = data;
}
*/
/** /**
* @param {object} data * @param {object} data
*/ */
@ -17,6 +12,7 @@ export class SiteSheet {
this._siteData = data; this._siteData = data;
} }
/** /**
* @todo Refactor!
* @returns {string} HTML * @returns {string} HTML
*/ */
render() { render() {