Remove single sensor button

Author: Rick1080p

js/UI/LidarUI.js

@@ -30,6 +30,7 @@ class LidarUI{
                         <div id="lidar-` + (lidar.id) + `-hide-UI"><span class="iconify" data-icon="bx:minus"></span></div> 
                         <div id="lidar-` + (lidar.id) + `-visible"><span class="iconify" data-icon="akar-icons:eye-open"></span></div>
                         <!-- <div><span class="iconify" data-icon="fluent:lock-open-16-regular"></span></div> -->
+                        <div id="lidar-` + (lidar.id) + `-delete"><span class="iconify" data-icon="fluent:delete-16-filled"></span></div>
                     </div>
                 </div>
                 <div id="lidar-infos-` + (lidar.id) + `-UI" class="column sections-container space-y">
@@ -79,6 +80,7 @@ class LidarUI{
 
             document.getElementById('lidar-' + (lidar.id) + '-hide-UI').addEventListener('click', () => hideUILidar());
             document.getElementById('lidar-' + (lidar.id) + '-visible').addEventListener('click', () => lidar.changeVisibility());
+            document.getElementById('lidar-' + (lidar.id) + '-delete').addEventListener('click', () => sceneManager.objects.removeLidar(lidar));
 
             document.getElementById('lidar-type-' + lidar.id).addEventListener('change', () => changeLidarType());
         }
@@ -247,7 +249,9 @@ class LidarUI{
 
         this.dispose = function()
         {
-            document.getElementById('lidar-' + lidar.id + '-UI').remove();
+            let lidarUI = document.getElementById('lidar-' + lidar.id + '-UI');
+            //Check if wasn't removed singularly yet
+            if(lidarUI) lidarUI.remove();
         }
     }
 }

js/UI/NodeUI.js

@@ -33,6 +33,7 @@ class NodeUI{
                         <div id="node-` + (node.id) + `-hide-UI"><span class="iconify" data-icon="bx:minus"></span></div> 
                         <div id="node-` + (node.id) + `-visible"><span class="iconify" data-icon="akar-icons:eye-open"></span></div>
                         <!-- <div><span class="iconify" data-icon="fluent:lock-open-16-regular"></span></div> -->
+                        <div id="node-` + (node.id) + `-delete"><span class="iconify" data-icon="fluent:delete-16-filled"></span></div>
                     </div>
                 </div>
                 <div id="node-infos-` + (node.id) + `-UI" class="column sections-container space-y">
@@ -98,6 +99,7 @@ class NodeUI{
 
             document.getElementById('node-' + (node.id) + '-hide-UI').addEventListener('click', () => hideUICam());
             document.getElementById('node-' + (node.id) + '-visible').addEventListener('click', () => node.changeVisibility());
+            document.getElementById('node-' + (node.id) + '-delete').addEventListener('click', () => sceneManager.objects.removeNode(node))
 
             document.getElementById('cam-type-' + node.id).addEventListener('change', () => changeCameraType());
         }
@@ -286,7 +288,9 @@ class NodeUI{
 
         this.dispose = function()
         {
-            document.getElementById('node-' + node.id + '-UI').remove();
+            let nodeUI = document.getElementById('node-' + node.id + '-UI');
+            //Check if wasn't removed singularly yet
+            if(nodeUI) nodeUI.remove();
         }
     }
 }

js/scene/objects/SceneObjects.js

@@ -24,9 +24,9 @@ class SceneObjects{
 
     constructor(sceneManager, isBuilder)
     {
-        const nodes = [];
-        const lidars = [];
-        const dummies = [];
+        let nodes = [];
+        let lidars = [];
+        let dummies = [];
         this.nodeMeshes = [];
         this.lidarsMeshes = [];
         this.dummiesMeshes = [];
@@ -197,6 +197,15 @@ class SceneObjects{
             this.populateStorage();
         }
 
+        this.removeNode = function(node)
+        {
+            this.deleteObject(node);
+            nodes = nodes.filter(n => n != node);
+            this.nodeMeshes = this.nodeMeshes.filter(nm => nm != node.mesh)
+
+            this.populateStorage();
+        }
+
         this.addLidar = function(autoConstruct = false, typeID = Lidar.DEFAULT_LIDAR_TYPE_ID, x = 0, z = Lidar.DEFAULT_LIDAR_HEIGHT, r = 0)
         {
             if(!SceneObjects.font)
@@ -254,6 +263,14 @@ class SceneObjects{
             this.populateStorage();
         }
 
+        this.removeLidar = function(lidar)
+        {
+            this.deleteObject(lidar);
+            lidars = lidars.filter(l => l != lidar)
+            this.lidarsMeshes = this.lidarsMeshes.filter(lm => lm != lidar.mesh)
+
+            this.populateStorage();
+        }
 
         this.removeSensors = function()
         {