Update findings + menu layout (WIP)

This commit is contained in:
2024-11-25 18:30:28 +01:00
parent 08711db11a
commit e3fe2f1b94
9 changed files with 267 additions and 51 deletions

View File

@@ -63,49 +63,103 @@
<div class="main columns">
<div class="column is-hidden is-overlay has-background-white" id="menu">
<aside class="menu ml-4">
<p class="menu-label">
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>
<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>
</span>
</button>
<p class="menu-label is-size-5">
<span class="icon pr-2">
<img class="image" src="img/icons/siti_menu.png"/>
</span>
</button>
Beni archeologici
</p>
<ul class="menu-list">
<ul class="menu-list is-hidden" id="siti-list">
<li>
<a class="is-block button" title="Vai al sito Villa di Gradola" id="gradola">
Villa di Gradola
Anacapri
<ul id="siti-anacapri-sub">
<li>
<a class="is-block button" title="Vai al sito Villa di Gradola" id="grotta_azzurra">
Grotta Azzurra
</a>
</li>
<li>
<a class="button" id="lopozzo">
Lo Pozzo (complesso idraulico)
</a>
</li>
<li>
<a class="button" id="scala_fenicia">
Scala Fenicia
</a>
</li>
<li>
<a class="button" title="Vai al sito Villa di Damecuta" id="damecuta">
Villa di Damecuta
</a>
</li>
<li>
<a class="is-block button" title="Vai al sito Villa di Gradola" id="gradola">
Villa di Gradola
</a>
</li>
<li>
<a class="button" id="san_michele">
Villa San Michele
</a>
</li>
</ul>
</li>
<li>
Capri
<ul id="siti-capri-sub">
<li>
<a class="button" id="tiberio">
Bagni di Tiberio
</a>
</li>
<li>
<a class="button" id="arsenale">
Grotta dell'Arsenale
</a>
</li>
<li>
<a class="button" title="Vai al sito Grotta di Matermania" id="matermania">
Grotta di Matermania
</a>
</li>
<li>
<a class="button" id="mura">
Mura greche
</a>
</li>
</ul>
</li>
</ul>
<p class="menu-label is-size-5">
Beni non conservati
</p>
<ul class="menu-list is-hidden" id="not-conserved-list">
</ul>
<p class="menu-label is-size-5">
<span class="icon pr-2">
<img class="image" src="img/icons/rinv_menu.png"/>
</span>
Rinvenimenti
</p>
<ul class="menu-list is-hidden" id="rinvenimenti-list">
<li>
<a class="button" id="affresco_dame">
Affresco Villa di Damecuta
</a>
<a class="is-block button" title="Vai al sito Villa di Gradola" id="grotta_azzurra">
Grotta Azzurra
</a>
<a class="button" title="Vai al sito Villa di Damecuta" id="damecuta">
Villa di Damecuta
</a>
<a class="button" title="Vai al sito Grotta di Matermania" id="matermania">
Grotta di Matermania
</a>
<a class="button" id="arsenale">
Grotta dell'Arsenale
</a>
<a class="button" id="tiberio">
Bagni di Tiberio
</a>
<a class="button" id="mura">
Mura greche
</a>
<a class="button" id="san_michele">
Villa San Michele
</a>
<a class="button" id="scala_fenicia">
Scala Fenicia
</li>
<li>
<a class="button" id="candelabro">
Base di candelabro
</a>
</li>
</ul>
<p class="menu-label">
Beni non conservati
</p>
<ul class="menu-list" id="not-conserved"></ul>
</aside>
</div>
<div class="column mb-0 pb-0 is-full is-relative">
@@ -173,7 +227,28 @@
<div class="modal" id="finding-data">
<div class="modal-background"></div>
<div class="modal-content has-background-white" style="min-height: 95vh;">
<div id="finding-sheet"></div>
<div class="tabs is-centered">
<ul>
<li class="is-active" id="for-finding-sheet">
<a>
<span class="icon is-small"
><i class="fas fa-info-circle" aria-hidden="true"></i
></span>
<span>Scheda</span>
</a>
</li>
<li id="for-photos">
<a>
<span class="icon is-small"
><i class="fas fa-image" aria-hidden="true"></i
></span>
<span>Immagini</span>
</a>
</li>
</ul>
</div>
<div class="data-tabs" id="finding-sheet"></div>
<div class="data-tabs is-hidden" id="photos"></div>
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>