Start using Stimulus

This commit is contained in:
2024-11-27 10:06:00 +01:00
parent fbb9efc4c7
commit 8ef3331b25
3 changed files with 68 additions and 9 deletions

View File

@@ -11,7 +11,8 @@
{
"imports": {
"three": "./js/vendor/three/build/three.module.js",
"@photo-sphere-viewer/core": "./js/vendor/@photo-sphere-viewer/core/index.module.js"
"@photo-sphere-viewer/core": "./js/vendor/@photo-sphere-viewer/core/index.module.js",
"@hotwired/stimulus": "./js/vendor/@hotwired/stimulus/dist/stimulus.js"
}
}
</script>
@@ -20,7 +21,7 @@
<script src="js/index.js" type="module"></script>
<title>WebGIS Isola di Capri</title>
</head>
<body>
<body data-controller="menu">
<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">
@@ -40,7 +41,8 @@
</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">
<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">
@@ -61,10 +63,11 @@
<div class="loading loading-lg"></div>
</div>
<div class="main columns">
<div class="column is-hidden is-4 is-3-widescreen is-4-desktop is-5-mobile is-overlay has-background-white-ter" id="menu">
<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>
<p class="menu-label is-size-5 mt-2 is-clickable">
<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>
@@ -73,7 +76,7 @@
<i class="fa fa-chevron-right"></i>
</span>
</p>
<ul class="menu-list is-hidden" id="siti-list">
<ul class="menu-list is-hidden" id="siti-list" data-menu-target="list">
<li>
Anacapri
<ul id="siti-anacapri-sub">
@@ -144,7 +147,7 @@
<i class="fa fa-chevron-right"></i>
</span>
</p>
<ul class="menu-list is-hidden" id="not-conserved-list">
<ul class="menu-list is-hidden" id="not-conserved-list" data-menu-target="list">
</ul>
<p class="menu-label is-size-5 is-clickable">