93 lines
2.9 KiB
Twig
93 lines
2.9 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Web IFC{% endblock %}
|
|
|
|
{% block body %}
|
|
|
|
{% include 'partials/navbar.html.twig' %}
|
|
|
|
<div class="columns">
|
|
<div class="column is-full">
|
|
<div id="scene"></div>
|
|
<div id="ui" data-theme="light" data-controller="form">
|
|
<aside class="menu ml-4 mt-3" data-controller="clipper">
|
|
<p class="menu-label is-size-6">Progetto</p>
|
|
<div class="file mt-4 is-link">
|
|
<label class="file-label">
|
|
<input class="file-input"
|
|
type="file"
|
|
name="load-ifc"
|
|
id="load-ifc"
|
|
accept=".ifc" />
|
|
<span class="file-cta">
|
|
<span class="file-icon">
|
|
<i class="fas fa-upload"></i>
|
|
</span>
|
|
<span class="file-label">Apri file IFC...</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<form class="form" data-form-target="buildingForm" data-action="submit->form#submit" method="post">
|
|
<div class="field has-addons">
|
|
<div class="control">
|
|
<input class="input" type="text"
|
|
placeholder="Nome edificio" data-id="" data-form-target="building">
|
|
</div>
|
|
<div class="control">
|
|
<button class="button is-primary">
|
|
Salva
|
|
<span class="icon ml-1">
|
|
<i class="fa fa-save"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="is-hidden" data-form-target="showBuilding">
|
|
<p class="mt-4 p-3 is-size-6 has-background-light">
|
|
<strong>Edificio:</strong>
|
|
<span data-form-target="buildingName"></span>
|
|
</p>
|
|
</div>
|
|
<ul class="menu-list ml-4">
|
|
<li>
|
|
</li>
|
|
</ul>
|
|
<p class="menu-label is-size-6">Proprietà IFC (selezione)</p>
|
|
<ul class="menu-list">
|
|
<li id="selected-prop"></li>
|
|
</ul>
|
|
<p class="menu-label is-size-6">Strumenti</p>
|
|
<ul class="menu-list">
|
|
<li class="menu-item">
|
|
Clipper
|
|
<ul class="menu-list">
|
|
<li class="menu-item"><label class="checkbox">Attivo <input class="checkbox ml-2" data-action="change->clipper#toggle" type="checkbox" checked></label></li>
|
|
<li class="menu-item">
|
|
Colore piani
|
|
<div class="mt-2 p-2 input is-small" data-clipper-target="hex">
|
|
<input type="color" data-action="input->clipper#color change->clipper#color"
|
|
class="is-small is-clickable mr-2" aria-label="Colore clipper" value="#eaeaea" style="border: none">
|
|
<span>#eaeaea</span>
|
|
</div>
|
|
</li>
|
|
<li class="menu-item">
|
|
Grandezza piani
|
|
<div class="mt-2 input is-small" data-clipper-target="range">
|
|
<input class="is-clickable is-small" data-action="change->clipper#size"
|
|
type="range" step="0.1" min="5" max="15" style="width: 100%;">
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="buttons ml-6">
|
|
<button class="button is-danger" data-action="clipper#deleteAll" title="Elimina tutti i piani">Elimina</button>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|