Fix sensor ID bug

Author: Léna Voinchet

js/UI/NodeUI.js

@@ -26,7 +26,7 @@ class NodeUI{
                 <div id="node-` + (node.id) + `-UI-header" class="row center-x-spaced center-y">
                     <div class="row center-y">
                         <div class="sensor-color" style="background-color: #`+ node.color.getHexString() + `;"></div>
-                        <p class="main-text">Sensor ` + (node.id + 1) + `</p>
+                        <p class="main-text">Camera ` + (node.id + 1) + `</p>
                     </div>
                     <div class="row center-y">
                         <!-- <div id="node-` + (node.id) + `-solo-button"><span class="iconify" data-icon="bx:search-alt-2"></span></div> -->

js/scene/SceneManager.js

@@ -285,7 +285,7 @@ class SceneManager{
 
         /* USER'S ACTIONS */
 
-        /* TODO: Maybe move it to UIManager /!\ Is used by builder which does'nt have access to uiManager */
+        /* TODO: Maybe move it to UIManager /!\ Is used by builder which doesn't have access to uiManager */
         this.toggleUnit = function(unit = this.currentUnit.value === units.meters.value ? units.feets : units.meters)
         {
             if(this.augmentaSceneLoaded) 

js/scene/objects/SceneObjects.js

@@ -29,6 +29,8 @@ class SceneObjects{
         this.nodeMeshes = [];
         this.lidarsMeshes = [];
         this.dummiesMeshes = [];
+        this.numberOfNodesCreated = 0;
+        this.numberOfLidarsCreated = 0;
 
         const givenAreaPolygonRegions = [[]];
 
@@ -152,7 +154,8 @@ class SceneObjects{
                 console.log("Add Node button will work in an instant");
                 return;
             }
-            const newCamera = new Node(nodes.length, mode, typeID, x, y, z, p, a, r)
+            const newCamera = new Node(this.numberOfNodesCreated, mode, typeID, x, y, z, p, a, r);
+            this.numberOfNodesCreated++;
             if(!isBuilder) newCamera.uiElement = new NodeUI(newCamera, sceneManager);
 
             //Offset
@@ -176,6 +179,9 @@ class SceneObjects{
 
             sceneManager.sceneSensorHeight = z;
 
+            document.getElementById("display-lidars-rays-button").classList.add("hidden");
+            document.getElementById("display-frustums-button").classList.remove("hidden");
+
             this.populateStorage();
         }
 
@@ -220,7 +226,8 @@ class SceneObjects{
                 console.log("Add Lidar button will work in an instant");
                 return;
             }
-            const newLidar = new Lidar(lidars.length, typeID, x, z, r);
+            const newLidar = new Lidar(this.numberOfLidarsCreated, typeID, x, z, r);
+            this.numberOfLidarsCreated++;
             if(!isBuilder) newLidar.uiElement = new LidarUI(newLidar, sceneManager);
 
             //Offset
@@ -242,6 +249,9 @@ class SceneObjects{
             lidars.push(newLidar);
             this.lidarsMeshes.push(newLidar.mesh);
 
+            document.getElementById("display-lidars-rays-button").classList.remove("hidden");
+            document.getElementById("display-frustums-button").classList.add("hidden");
+
             this.populateStorage();
         }
 
@@ -250,14 +260,14 @@ class SceneObjects{
             const visibles = lidars.filter(l => l.raysAppear);
             lidars.forEach(l => l.changeVisibility(visibles.length != lidars.length));
             const iconElem = document.getElementById('display-lidars-rays-button-icon');
-            if(iconElem) iconElem.dataset.icon = visibles.length != nodes.length ? "akar-icons:eye-open" : "akar-icons:eye-slashed";
+            if(iconElem) iconElem.dataset.icon = visibles.length != nodes.length ? "akar-icons:eye-slashed" : "akar-icons:eye-open";
         }
 
         this.updateRaysIcon = function()
         {
             const visibles = lidars.filter(l => l.raysAppear);
             const iconElem = document.getElementById('display-lidars-rays-button-icon');
-            if(iconElem) iconElem.dataset.icon = visibles.length != 0 ? "akar-icons:eye-open" : "akar-icons:eye-slashed";
+            if(iconElem) iconElem.dataset.icon = visibles.length != 0 ? "akar-icons:eye-slashed" : "akar-icons:eye-open";
         }
 
         this.removeLidars = function()