Major refactoring to include frontend...

templates/home/index.html.twig

@@ -0,0 +1,81 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Web IFC{% endblock %}
+
+{% block body %}
+
+<nav class="navbar has-background-light" role="navigation" aria-label="main navigation">
+	<div class="navbar-brand">
+		<a class="navbar-item" href="/">
+			<span class="icon mr-2">
+				<i class="fas fa-home"></i>
+			</span>
+			WebArchi
+		</a>
+		<!-- navbar items, navbar burger... -->
+	</div>
+</nav>
+<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">
+				<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>
+			</aside>
+		</div>
+	</div>
+</div>
+<footer class="footer">
+	<div class="content has-text-centered">
+		<p>
+			<strong>WebArchi</strong> by <a href="https://ispc.cnr.it">CNR-ISPC</a>.
+		</p>
+	</div>
+</footer>
+
+{% endblock %}