floating widgets data added

2025-03-27 18:04:16 +05:30
parent dac7edb837
commit 2591de38da
14 changed files with 431 additions and 175 deletions
--- a/app/src/services/realTimeVisulization/zoneData/panel.ts
+++ b/app/src/services/realTimeVisulization/zoneData/panel.ts
@@ -2,30 +2,47 @@ let url_Backend_dwinzo = `http://${process.env.REACT_APP_SERVER_BACKEND_URL}`;

 type Side = "top" | "bottom" | "left" | "right";

-export const panelData = async (organization: string, zoneID: string, panelOrder: Side[]) => {
-    console.log('panelOrder: ', panelOrder);
-    console.log('zoneID: ', zoneID);
-    console.log('organization: ', organization);
-    try {
-        const response = await fetch(`${url_Backend_dwinzo}/api/v1/panel/save`, {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-            },
-            body: JSON.stringify({ organization, zoneID, panelOrder }),
-        });
+export const panelData = async (
+  organization: string,
+  zoneID: string,
+  panelOrder: Side[]
+) => {
+  console.log("panelOrder: ", panelOrder);
+  console.log("zoneID: ", zoneID);
+  console.log("organization: ", organization);
+  try {
+    const response = await fetch(`${url_Backend_dwinzo}/api/v1/panel/save`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ organization, zoneID, panelOrder }),
+    });

-        if (!response.ok) {
-            throw new Error("Failed to add panelOrder for Zone");
-        }
-
-        const result = await response.json();
-        return result;
-    } catch (error) {
-        if (error instanceof Error) {
-            throw new Error(error.message);
-        } else {
-            throw new Error("An unknown error occurred");
-        }
+    if (!response.ok) {
+      throw new Error("Failed to add panelOrder for Zone");
    }
-};
+
+    const result = await response.json();
+    return result;
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(error.message);
+    } else {
+      throw new Error("An unknown error occurred");
+    }
+  }
+};
+// {objects.map((obj, index) => (
+//         <group key={index} position={[Math.random() * 5, Math.random() * 5, 0]}>
+//           <Html wrapperClass={obj.className}>
+//             <div style={{ padding: "10px", background: "#fff", borderRadius: "6px" }}>
+//               <div className="header">{obj.header}</div>
+//               <div className="data-values">
+//                 <div className="value">{obj.value}</div>
+//                 <div className="per">{obj.per}</div>
+//               </div>
+//             </div>
+//           </Html>
+//         </group>
+//       ))}