planarian tracker

test_tube_scanner/scanner/templates/scanner/calibration.html

@@ -96,7 +96,9 @@
             <button id="_halt" class="w3-button w3-red w3-round-large w3-margin-small w3-block"><i class="fa-solid fa-hand"></i> {% trans 'ARRET' %}</button>
 
         </div>
-        <div class="scanner"><img id="scan-img" class="w3-image"></div>
+        {% include 'scanner/scan-image.html' %}
+        
+
     </div>
     <ul id="_debug" class="w3-scroll-y" style="height: 30vh"></ul>
 {% endblock %}

test_tube_scanner/scanner/templates/scanner/main.html

@@ -36,7 +36,7 @@
             </button>
             <button id="_halt" class="w3-button w3-red w3-round-large w3-padding-16 w3-block w3-margin-top"><i class="fa-solid fa-hand"></i><br>{% trans 'ARRET' %}</button>
         </div>
-        <div class="scanner"><img id="scan-img" class="w3-image"></div>
+        {% include 'scanner/scan-image.html' %}
     </div>
     <ul id="_debug" class="w3-scroll-y" style="height: 50vh"></ul>
 {% endblock %}

test_tube_scanner/scanner/templates/scanner/scan-image.html

@@ -0,0 +1,16 @@
+
+<div class="scanner w3-row">
+    <div class="w3-col w3-small" style="width:180px">
+        <div>Num: <span id="_count"></span></div>
+        <div>Aire: <span id="_area_px"></span></div>
+        
+        <div>cx: <span id="_cx"></span></div>
+        <div>cy: <span id="_cy"></span></div>
+        <div>V: <span id="_speed_px_s"></span> px/s</div>
+        <div>V.Ax: <span id="_axial_speed"></span> px/s</div>
+        <div>Ax pos: <span id="_axial_pos"></span></div>
+    </div>
+    <div class="w3-rest">
+        <img id="scan-img" class="w3-image">
+    </div>
+</div>