98 lines
3.0 KiB
HTML
98 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html data-theme="light">
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<title>WebArchi</title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<link rel='stylesheet' type='text/css' media='screen' href='css/bim.css' />
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"@hotwired/stimulus": "./vendor/@hotwired/stimulus/dist/stimulus.js",
|
|
"three": "./vendor/three/build/three.module.js",
|
|
"@thatopen/fragments": "./vendor/@thatopen/fragments/dist/index.mjs",
|
|
"web-ifc": "./vendor/web-ifc/web-ifc-api.js",
|
|
"openbim-components": "./vendor/@thatopen/components/dist/index.mjs",
|
|
"@thatopen/components-front": "./vendor/@thatopen/components-front/dist/index.js",
|
|
"lit": "./vendor/@lit-labs/ssr-dom-shim/index.js"
|
|
}
|
|
}
|
|
</script>
|
|
<script src='main.js' type="module"></script>
|
|
</head>
|
|
<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">ISPC punks</a>.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |