No point layers in control; add visibility toggle in menu

This commit is contained in:
2025-02-10 15:07:13 +01:00
parent be6398b1aa
commit 64af485a54
5 changed files with 97 additions and 28 deletions

View File

@@ -70,19 +70,24 @@
</div>
</div>
<div class="column is-hidden is-4 is-4-desktop is-5-mobile is-pulled-right is-overlay has-background-white-ter" id="menu"
data-menu-target="menu">
data-menu-target="menu" data-controller="layer">
<aside class="menu ml-4 mt-3">
<button title="Chiudi menu" class="delete is-pulled-right" data-action="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">
<p class="menu-label is-size-5 mt-2 is-clickable" data-id="siti">
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="siti" data-action="click->layer#toggle">
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
</span>
<span class="icon pr-1">
<img class="image" src="img/icons/siti_menu.png"/>
</span>
Beni archeologici
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="siti"></i>
<span data-action="click->menu#toggle" data-id="siti">
Beni archeologici
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="siti"></i>
</span>
</span>
</p>
<ul class="menu-list is-hidden" id="siti-list" data-menu-target="list"data-controller="marker">
<ul class="menu-list is-hidden" id="siti-list" data-menu-target="list" data-controller="marker">
<li>
<span class="is-clickable" data-action="click->menu#openSubList" data-list-id="siti-anacapri-sub">
Anacapri
@@ -154,13 +159,19 @@
</ul>
</li>
</ul>
<p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="non-conser">
<span class="icon pr-2">
<p class="menu-label is-size-5 is-clickable" data-id="non-conser">
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="non-conser"
data-action="click->layer#toggle" style="max-height: 10px">
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
</span>
<span class="icon pr-1">
<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" data-menu-target="icon" data-id="non-conser"></i>
<span data-action="click->menu#toggle" data-id="non-conser">
Beni non conservati
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="non-conser"></i>
</span>
</span>
</p>
<ul class="menu-list is-hidden" id="non-conser-list" data-menu-target="list" data-controller="marker">
@@ -270,13 +281,18 @@
</ul>
</li>
</ul>
<p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="rinv">
<span class="icon pr-2">
<p class="menu-label is-size-5 is-clickable" data-id="rinv">
<span class="icon pl-1 mr-2 is-small" data-layer-target="rinv" data-action="click->layer#toggle">
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
</span>
<span class="icon pr-1">
<img class="image" src="img/icons/rinv_menu.png"/>
</span>
Rinvenimenti
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="rinv"></i>
<span data-action="click->menu#toggle" data-id="rinv">
Rinvenimenti
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="rinv"></i>
</span>
</span>
</p>
<ul class="menu-list is-hidden" id="rinv-list" data-menu-target="list" data-controller="marker">
@@ -345,13 +361,18 @@
</ul>
</li>
</ul>
<p class="menu-label is-size-5 is-clickable" data-action="click->menu#toggle" data-id="preist">
<span class="icon pr-2">
<p class="menu-label is-size-5 is-clickable" data-id="preist">
<span class="icon pl-1 mr-2 is-small" title="Nascondi" data-layer-target="preist" data-action="click->layer#toggle">
<i class="fa fa-xs fa-eye-slash" data-layer-target="icon"></i>
</span>
<span class="icon pr-1">
<img class="image" src="img/icons/preistorici.png"/>
</span>
Aree pre-protostoriche
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="preist"></i>
<span data-action="click->menu#toggle" data-id="preist">
Aree di affioramento
<span class="icon pl-2">
<i class="fa fa-chevron-right" data-menu-target="icon" data-id="preist"></i>
</span>
</span>
</p>
<ul class="menu-list is-hidden" id="preist-list" data-menu-target="list" data-controller="marker">