updated

app/src/modules/builder/eventDeclaration/dragControlDeclaration.ts

@@ -1,84 +1,100 @@
-import * as THREE from 'three';
-import { DragControls } from 'three/examples/jsm/controls/DragControls';
-import * as CONSTANTS from '../../../types/world/worldConstants';
-import DragPoint from '../geomentries/points/dragPoint';
+import * as THREE from "three";
+import { DragControls } from "three/examples/jsm/controls/DragControls";
+import * as CONSTANTS from "../../../types/world/worldConstants";
+import DragPoint from "../geomentries/points/dragPoint";
 
 import * as Types from "../../../types/world/worldTypes";
 // import { updatePoint } from '../../../services/factoryBuilder/lines/updatePointApi';
-import { Socket } from 'socket.io-client';
+import { Socket } from "socket.io-client";
+import { getUserData } from "../../../functions/getUserData";
 
 export default async function addDragControl(
-    dragPointControls: Types.RefDragControl,
-    currentLayerPoint: Types.RefMeshArray,
-    state: Types.ThreeState,
-    floorPlanGroupPoint: Types.RefGroup,
-    floorPlanGroupLine: Types.RefGroup,
-    lines: Types.RefLines,
-    onlyFloorlines: Types.RefOnlyFloorLines,
-    socket: Socket<any>,
-    projectId?:string
+  dragPointControls: Types.RefDragControl,
+  currentLayerPoint: Types.RefMeshArray,
+  state: Types.ThreeState,
+  floorPlanGroupPoint: Types.RefGroup,
+  floorPlanGroupLine: Types.RefGroup,
+  lines: Types.RefLines,
+  onlyFloorlines: Types.RefOnlyFloorLines,
+  socket: Socket<any>,
+  projectId?: string,
+  versionId?: string
 ) {
+  //////////  Dragging Point and also change the size to indicate during hover  //////////
 
-    //////////  Dragging Point and also change the size to indicate during hover  //////////
+  dragPointControls.current = new DragControls(
+    currentLayerPoint.current,
+    state.camera,
+    state.gl.domElement
+  );
+  dragPointControls.current.enabled = false;
+  const { userId, organization, email } = getUserData();
+  dragPointControls.current.addEventListener("drag", function (event) {
+    const object = event.object;
+    if (object.visible) {
+      (state.controls as any).enabled = false;
+      DragPoint(
+        event as any,
+        floorPlanGroupPoint,
+        floorPlanGroupLine,
+        state.scene,
+        lines,
+        onlyFloorlines
+      );
+    } else {
+      (state.controls as any).enabled = true;
+    }
+  });
 
-    dragPointControls.current = new DragControls(currentLayerPoint.current, state.camera, state.gl.domElement);
-    dragPointControls.current.enabled = false;
+  dragPointControls.current.addEventListener("dragstart", function (event) { });
 
-    dragPointControls.current.addEventListener('drag', function (event) {
-        const object = event.object;
-        if (object.visible) {
-            (state.controls as any).enabled = false;
-            DragPoint(event as any, floorPlanGroupPoint, floorPlanGroupLine, state.scene, lines, onlyFloorlines)
-        } else {
-            (state.controls as any).enabled = true;
-        }
-    });
+  dragPointControls.current.addEventListener("dragend", async function (event) {
+    if (!dragPointControls.current) return;
 
-    dragPointControls.current.addEventListener('dragstart', function (event) {
-    });
+    //REST
 
-    dragPointControls.current.addEventListener('dragend', async function (event) {
-        if (!dragPointControls.current) return;
-        const email = localStorage.getItem('email')
-        const organization = (email!.split("@")[1]).split(".")[0];
-        const userId = localStorage.getItem("userId");
+    // await updatePoint(
+    //     organization,
+    //     { "x": event.object.position.x, "y": 0.01, "z": event.object.position.z },
+    //     event.object.uuid,
+    // )
 
-        //REST
+    //SOCKET
 
-        // await updatePoint(
-        //     organization,
-        //     { "x": event.object.position.x, "y": 0.01, "z": event.object.position.z },
-        //     event.object.uuid,
-        // )
+    const data = {
+      organization,
+      position: {
+        x: event.object.position.x,
+        y: 0.01,
+        z: event.object.position.z,
+      },
+      uuid: event.object.uuid,
+      socketId: socket.id,
+      versionId,
+      projectId,
+      userId,
+    };
 
-        //SOCKET
+    socket.emit("v1:Line:update", data);
 
-        const data = {
-            organization: organization,
-            position: { "x": event.object.position.x, "y": 0.01, "z": event.object.position.z },
-            uuid: event.object.uuid,
-            socketId: socket.id,
-            projectId,
-            userId
-        }
+    if (state.controls) {
+      (state.controls as any).enabled = true;
+    }
+  });
 
-        socket.emit('v1:Line:update', data);
+  dragPointControls.current.addEventListener("hoveron", function (event: any) {
+    if ((event.object as Types.Mesh).name === "point") {
+      event.object.material.uniforms.uInnerColor.value.set(
+        event.object.userData.color
+      );
+    }
+  });
 
-        if (state.controls) {
-            (state.controls as any).enabled = true;
-        }
-    });
-
-    dragPointControls.current.addEventListener('hoveron', function (event: any) {
-        if ((event.object as Types.Mesh).name === "point") {
-            event.object.material.uniforms.uInnerColor.value.set(event.object.userData.color)
-        }
-    });
-
-    dragPointControls.current.addEventListener('hoveroff', function (event: any) {
-        if ((event.object as Types.Mesh).name === "point") {
-            event.object.material.uniforms.uInnerColor.value.set(new THREE.Color(CONSTANTS.pointConfig.defaultInnerColor))
-        }
-    });
-
-}
+  dragPointControls.current.addEventListener("hoveroff", function (event: any) {
+    if ((event.object as Types.Mesh).name === "point") {
+      event.object.material.uniforms.uInnerColor.value.set(
+        new THREE.Color(CONSTANTS.pointConfig.defaultInnerColor)
+      );
+    }
+  });
+}