Move some UI to Stimulus + Lo Pozzo geojson
This commit is contained in:
@@ -41,21 +41,32 @@
|
||||
</div>
|
||||
<hr class="navbar-divider">
|
||||
<div class="navbar-end pb-1 pt-1" id="nav-menu">
|
||||
<button class="navbar-item button is-size-5 is-white" role="button" id="siti"
|
||||
data-action="click->menu#toggleMenu" data-id="siti">
|
||||
Beni archeologici
|
||||
</button>
|
||||
<button class="navbar-item button is-size-5 is-white" role="button" id="non-conserv">
|
||||
Beni non conservati
|
||||
</button>
|
||||
<button class="navbar-item button is-size-5 is-white mr-3" role="button" id="rinvenimenti">
|
||||
Rinvenimenti
|
||||
<button class="navbar-item button is-size-5 is-white mr-3" role="button"
|
||||
data-action="click->menu#toggleMenu">
|
||||
<span class="icon mr-2">
|
||||
<i class="fa fa-list"></i>
|
||||
</span>
|
||||
Apri menu
|
||||
</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>
|
||||
</span>
|
||||
</button>
|
||||
<!--
|
||||
<button class="navbar-item button is-size-5 is-white" role="button"
|
||||
data-action="click->menu#toggleMenu" data-id="siti">
|
||||
Beni archeologici
|
||||
</button>
|
||||
<button class="navbar-item button is-size-5 is-white" role="button"
|
||||
data-action="click->menu#toggleMenu" data-id="non-conser">
|
||||
Beni non conservati
|
||||
</button>
|
||||
<button class="navbar-item button is-size-5 is-white mr-3" role="button"
|
||||
data-action="click->menu#toggleMenu" data-id="rinv">
|
||||
Rinvenimenti
|
||||
</button>
|
||||
-->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="wait-lg text-center is-hidden" style="clear: both;">
|
||||
@@ -65,15 +76,15 @@
|
||||
<div class="main columns">
|
||||
<div class="column is-hidden is-4 is-4-desktop is-5-mobile is-overlay has-background-white-ter" id="menu"
|
||||
data-menu-target="menu">
|
||||
<aside class="menu ml-4">
|
||||
<button title="Chiudi menu" class="delete is-pulled-right" id="close-menu"></button>
|
||||
<aside class="menu ml-4 mt-3">
|
||||
<button title="Chiudi menu" class="delete is-pulled-right" data-action="click->menu#close"></button>
|
||||
<p class="menu-label is-size-5 mt-2 is-clickable" data-action="click->menu#toggle" data-id="siti">
|
||||
<span class="icon pr-2">
|
||||
<img class="image" src="img/icons/siti_menu.png"/>
|
||||
</span>
|
||||
Beni archeologici
|
||||
<span class="icon pl-2">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="siti"></i>
|
||||
</span>
|
||||
</p>
|
||||
<ul class="menu-list is-hidden" id="siti-list" data-menu-target="list">
|
||||
@@ -138,33 +149,54 @@
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="menu-label is-size-5 is-clickable">
|
||||
<p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="non-conser">
|
||||
<span class="icon pr-2">
|
||||
<img class="image" src="img/icons/non_cons_menu.png"/>
|
||||
</span>
|
||||
Beni non conservati
|
||||
<span class="icon pl-2">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="non-conser"></i>
|
||||
</span>
|
||||
</p>
|
||||
<ul class="menu-list is-hidden" id="not-conserved-list" data-menu-target="list">
|
||||
|
||||
<ul class="menu-list is-hidden" id="non-conser-list" data-menu-target="list">
|
||||
<li>
|
||||
Anacapri
|
||||
<ul id="noncons-anacapri-sub">
|
||||
<li>
|
||||
<a class="button" id="cala">
|
||||
Cala a mare - resti di ambienti
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="button" id="campetiello">
|
||||
Punta Campetiello - scala
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="button" id="castagnaro">
|
||||
Castagnaro - area funeraria
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="button" id="ceselle">
|
||||
Ceselle - necropoli
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="menu-label is-size-5 is-clickable">
|
||||
<p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="rinv">
|
||||
<span class="icon pr-2">
|
||||
<img class="image" src="img/icons/rinv_menu.png"/>
|
||||
</span>
|
||||
Rinvenimenti
|
||||
<span class="icon pl-2">
|
||||
<i class="fa fa-chevron-right"></i>
|
||||
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="rinv"></i>
|
||||
</span>
|
||||
</p>
|
||||
<ul class="menu-list is-hidden" id="rinvenimenti-list">
|
||||
<ul class="menu-list is-hidden" id="rinv-list" data-menu-target="list">
|
||||
<li>
|
||||
Anacapri
|
||||
<span class="icon is-small">
|
||||
<i class="fa fa-plus"></i>
|
||||
</span>
|
||||
<ul id="rinv-anacapri-sub">
|
||||
<li>
|
||||
<a class="button" id="affresco_dame">
|
||||
@@ -188,8 +220,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sites data modal -->
|
||||
<div class="modal" id="site-data">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal" id="site-data" data-controller="modal" 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="tabs is-centered">
|
||||
<ul>
|
||||
@@ -232,19 +264,19 @@
|
||||
<div class="data-tabs is-hidden" id="photos"></div>
|
||||
<div class="data-tabs is-hidden" id="documents"></div>
|
||||
</div>
|
||||
<button class="modal-close is-large" aria-label="close"></button>
|
||||
<button class="modal-close is-large" aria-label="close" data-action="click->modal#close"></button>
|
||||
</div>
|
||||
<!-- Not conserved modal -->
|
||||
<div class="modal" id="not-conser-data">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal" id="not-conser-data" data-controller="modal" 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 id="not-conser-sheet"></div>
|
||||
</div>
|
||||
<button class="modal-close is-large" aria-label="close"></button>
|
||||
<button class="modal-close is-large" aria-label="close" data-action="click->modal#close"></button>
|
||||
</div>
|
||||
<!-- Not conserved modal -->
|
||||
<div class="modal" id="finding-data">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal" id="finding-data" data-controller="modal" 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="tabs is-centered">
|
||||
<ul>
|
||||
@@ -269,7 +301,7 @@
|
||||
<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>
|
||||
<button class="modal-close is-large" aria-label="close" data-action="click->modal#close"></button>
|
||||
</div>
|
||||
<!-- Spherical photo modal -->
|
||||
<div class="modal" id="spherical-modal">
|
||||
|
||||
Reference in New Issue
Block a user