nicolo/caprigis
1
1
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Refactor bview to Stimulus (mostly)

Browse Source
This commit is contained in:
nicolo
2026-09-20 12:57:05 +02:00
parent cc590afa54
commit 5942cf37b4
6 changed files with 93 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webgis/index.html
+66 -1
View File
@@ -27,7 +27,12 @@
<title>WebGIS Isola di Capri</title>
</head>
<body data-controller="menu modal bview"
data-action="menu-ready@document->menu#buildMenu menu-ready@document->menu#buildCartographyMenu keydown.esc->bview#closeView">
data-action="
menu-ready@document->menu#buildMenu
menu-ready@document->menu#buildCartographyMenu
keydown.esc->bview#closeView
bview-active@document->bview#openView
">
<nav class="navbar mb-0" role="navigation">
<div class="navbar-brand">
<a href="/" class="navbar-item is-size-5 has-text-dark ml-4" title="Torna alla home page">
@@ -613,5 +618,65 @@
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
<!-- Top bar for bview -->
<div class="container bview-bar has-background-primary-90 p-3 is-hidden" data-bview-target="bar">
<button title="Esci da mappa di dettaglio" class="delete is-pulled-right" data-action="bview#closeView"></button>
<p class="has-text-centered has-text-weight-semibold is-size-5 p-2">Mappa di dettaglio interattiva</p>
<p class="has-text-centered is-size-6 mt-0 pt-0">(Chiudere questo riquadro o premere ESC per uscire)</p>
</div>
<!-- Legend for bview -->
<div class="bview-legend container is-hidden has-background-white p-4" data-bview-target="legend">
<h4 class="has-text-weight-semibold pb-2">Legenda opere murarie</h4>
<ul type="none">
<li>
<li>
<span class="icon-text">
<span class="icon polygon-tech">
<i class="fas fa-square"></i>
</span>
<span>Opera poligonale</span>
</span>
</li>
<li>
<span class="icon-text">
<span class="icon uncertain-tech">
<i class="fas fa-square"></i>
</span>
<span>Opera incerta</span>
</span>
</li>
<span class="icon-text">
<span class="icon reticul-tech">
<i class="fas fa-square"></i>
</span>
<span>Opera reticolata</span>
</span>
</li>
<li>
<span class="icon-text">
<span class="icon later-tech">
<i class="fas fa-square"></i>
</span>
<span>Opera laterizia</span>
</span>
</li>
<li>
<span class="icon-text">
<span class="icon mixed-tech">
<i class="fas fa-square"></i>
</span>
<span>Opera mista</span>
</span>
</li>
<li>
<span class="icon-text">
<span class="icon cement-tech">
<i class="fas fa-square"></i>
</span>
<span>Opera cementizia</span>
</span>
</li>
</ul>
</div>
</body>
</html>