38 lines
1.0 KiB
HTML
38 lines
1.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<section class="section">
|
|
<div class="container">
|
|
<h1 class="title">Visualisation de l'étalonnage</h1>
|
|
<div id="visualiser">
|
|
<div id="info">
|
|
Objet sélectionné : <span id="selected-object">aucun</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock content %}
|
|
|
|
{% block extracss %}
|
|
<style>
|
|
#visualiser {
|
|
height: 50vh;
|
|
border-color: var(--bulma-title-color);
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
</style>
|
|
{% endblock extracss %}
|
|
|
|
{% block extrajs %}
|
|
<script type="importmap">{ "imports": {
|
|
"three": "https://unpkg.com/three/build/three.module.js",
|
|
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.165.0/examples/jsm/",
|
|
"CalibrationVisualiser": "/static/calibration-visualiser.js"
|
|
} }</script>
|
|
<script type="module">
|
|
import { init } from './static/calibration-visualiser.js';
|
|
init('coucou', document.getElementById('visualiser'));
|
|
</script>
|
|
{% endblock extrajs %}
|