Coverage table bug fix + small fixes

Author: Rick1080p

css/main.css

@@ -921,15 +921,15 @@ textarea:focus {
 }
 
 #sensor-height-infos-text{
-  background-color: var(--color-grey-selectable);
+  background-color: var(--color-grey);
   max-width: 150px;
   padding: 10px;
   border-radius: 5px;
   position: absolute;
 }
 
 #sensor-height-infos-text p{
-  color: var(--color-grey-background-selected-item);
+  color: var(--color-dark-purple);
   padding: 0;
   margin:0;
 }

index.html

@@ -622,7 +622,7 @@ <h3>Front wall scene size</h3>
           <!-- SENSORS PANEL -->
           <div id="sensors-infos" class="column sections-container">
             <!-- SCENE COVERED FEEDBACK -->
-            <div class="row">
+            <div class="row" id="coverage-section">
               <p class="scene-fully-covered-text">Scene fully covered: </p>
               <span id="scene-fully-covered-icon" class="iconify-inline" data-icon="ion:checkmark-circle-sharp"></span>
             </div>

js/UI/Popup.js

@@ -109,6 +109,7 @@ class Popup{
                     document.getElementById("setup-target-overlap-table").classList.remove("hidden");
                     document.getElementById("setup-target-overlap").classList.add("hidden");
                     document.getElementById("setup-target-overlap-wall").classList.add("hidden");
+                    sceneManager.heightDetectedObservable.set(0.25);
                     break;
                 case 'human-tracking':
                     document.getElementById("setup-target-overlap").classList.remove("hidden");
@@ -123,7 +124,7 @@ class Popup{
         this.setHeightDetected = function(value){
             //console.log("Setting detected height to ", value);
             heightDetected = value;
-            document.getElementById("overlap-height-selection-popup").value = heightDetected;
+            if(trackingMode == "human-tracking") document.getElementById("overlap-height-selection-popup").value = heightDetected;
         }
 
         /** SETUP SECTION */
@@ -378,7 +379,8 @@ class Popup{
                             document.getElementById('dimensions-width-input').value = Math.floor(sceneSize[0] * sceneManager.currentUnit.value * 100) / 100;
                             document.getElementById('dimensions-length-input').value = Math.floor(sceneSize[1] * sceneManager.currentUnit.value * 100) / 100;
                             const nodes = JSON.parse(sceneInfos).objects.nodes;
-                            if(nodes.length > 0) document.getElementById('dimensions-distance-input').value = Math.floor((nodes[0].p_z - (trackingMode === 'hand-tracking' ? SceneManager.TABLE_ELEVATION : 0)) * sceneManager.currentUnit.value * 100) / 100;
+                            //The value 2.5 for hand-tracking is just to address the fact that the sensor is by default the human-tracking one
+                            if(nodes.length > 0) document.getElementById('dimensions-distance-input').value = Math.floor((nodes[0].p_z - (trackingMode === 'hand-tracking' ? 2.5 : 0)) * sceneManager.currentUnit.value * 100) / 100;
                             else document.getElementById('dimensions-distance-input').value = '';
                             break;
                         default:

js/UI/UIManager.js

@@ -186,14 +186,17 @@ class UIManager{
 
             switch (trackingMode) {
                 case 'hand-tracking': 
+                    document.getElementById("coverage-section").classList.remove("hidden");
                     document.getElementById("height-detection-text").classList.add("hidden");
                     document.getElementById('scene-size-text-div').innerHTML= '<h3 id="scene-size-text">Scene size: <span data-unit=1>' + sceneManager.sceneWidth +'</span>x<span data-unit=1>'+ sceneManager.sceneWidth +'</span><span data-unittext="1">m</span> with a sensor height of <span data-unit="1">' + sceneManager.sceneSensorHeight + '</span><span data-unittext="1">m</span></h3>';
                     break;
                 case 'wall-tracking':
+                    document.getElementById("coverage-section").classList.add("hidden");
                     document.getElementById("height-detection-text").classList.add("hidden");
                     document.getElementById('scene-size-text-div').innerHTML= '<h3 id="scene-size-text">Scene size: <span data-unit=1>' + sceneManager.sceneWidth +'</span>x<span data-unit=1>'+ sceneManager.sceneLength +'</span><span data-unittext="1">m</span></h3>';
                     break;
                 case 'human-tracking':
+                    document.getElementById("coverage-section").classList.remove("hidden");
                     document.getElementById("height-detection-text").classList.remove("hidden");
                     document.getElementById('scene-size-text-div').innerHTML= '<h3 id="scene-size-text">Scene size: <span data-unit=1>' + sceneManager.sceneWidth +'</span>x<span data-unit=1>'+ sceneManager.sceneWidth +'</span><span data-unittext="1">m</span> with a sensor height of <span data-unit="1">' + sceneManager.sceneSensorHeight + '</span><span data-unittext="1">m</span></h3>';
                     break;