Move UI to Stimulus + progress bar

This commit is contained in:
2025-04-07 15:11:25 +02:00
parent 474cb65272
commit 4ac8293d96
4 changed files with 74 additions and 11 deletions

View File

@@ -7,7 +7,7 @@
{% include 'partials/navbar.html.twig' %}
<div class="columns">
<div class="column is-full" data-controller="scene" data-action="keydown->scene#keyboard">
<div class="column is-full" data-controller="scene modal" data-action="keydown->scene#keyboard">
<div id="scene" data-scene-target="scene"></div>
<div id="ui" data-theme="light" data-controller="form">
<aside class="menu ml-4 mt-3" data-controller="clipper">
@@ -17,7 +17,8 @@
<input class="file-input"
type="file"
name="load-ifc"
id="load-ifc"
data-scene-target="load"
data-action="change->scene#loadIfc"
accept=".ifc" />
<span class="file-cta">
<span class="file-icon">
@@ -32,7 +33,7 @@
<div class="field has-addons">
<div class="control">
<input class="input" type="text"
placeholder="Nome edificio" data-id="" data-form-target="building">
placeholder="Nome edificio" data-id="" data-form-target="building" data-scene-target="building">
</div>
<div class="control">
<button class="button is-primary">
@@ -92,6 +93,15 @@
</ul>
</aside>
</div>
<!-- Modale per mostrare barra caricamento IFC -->
<div class="modal" data-modal-target="modal" data-scene-target="modal" data-action="loadingIfc@window->modal#open">
<div class="modal-background"></div>
<div class="modal-content has-background-transparent">
<p class="has-text-centered p-5 has-text-white is-size-3">Caricamento...</p>
<progress class="progress is-primary" min="10" max="100">1%</progress>
</div>
<button class="modal-close is-large" aria-label="close" data-action="modal#close"></button>
</div>
</div>
</div>
{% endblock %}