Move UI to Stimulus + progress bar
This commit is contained in:
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user