ADD: added context menu

webapp/src/App.jsx

@@ -46,42 +46,20 @@ class App extends Component {
 
       if(dataFromServer.Data === "COP")
       {
-
+        
+        // console.log(this.state.EntityOnFocus);
         this.setState((state) => ({
-         Entities: dataFromServer.Entities 
+         Entities: structuredClone(dataFromServer.Entities)
         })
         
         )
       }
       
     }
-
-      // connect((msg) => {
-      //     console.log("New Message")
-          
-      //     var jsonMSG;
-      //     try {
-      //       jsonMSG = JSON.parse(msg.data);
-      //     } catch (error) {
-      //       console.log(error);
-      //     }
-          
-      //     if(jsonMSG["Type"] == "COP"){
-      //       console.log(msg.data)
-      //       var Entities =  Array.from(jsonMSG["Entities"])
-      //       if(Array.isArray(Entities))
-      //       {
-      //         this.setState({
-      //           Entities:Entities
-      //         });
-      //       }
-      //     }
-
+    setInterval(() => {
+      // this.updateEntities();
+    }, 1000);
   
-  
-    //   console.log(this.state.Entities);
-    // });
-    
 
   }
 
@@ -96,13 +74,34 @@ class App extends Component {
       client.send(JSON.stringify(msg));
     }
 
-    setEntityOnFocus(Entity)
+    getEntityFromID(Entities, SelectedEntity)
     {
+      // console.log(Entities);
+    }
 
+    setEntityOnFocus(Entity) 
+    {
+      this.getEntityFromID(this.state.Entities,Entity)
       // console.log(Entity);
       this.setState({
         EntityOnFocus: Entity
       });
+      this.state.Entities.forEach((element, index) => {
+        console.log(element);
+        if(element.id === Entity.EntityID)
+        {
+          var tmpList = structuredClone(this.state.Entities);
+          tmpList[index].onFocus = true;  
+          if(Entity.NewPos !== undefined)
+          {
+            tmpList[index].Position = Entity.NewPos        
+          }
+          this.setState({
+            Entities: structuredClone(tmpList)
+          });
+        }
+      });
+
     }