feat: update devices

revue-org · Jan 30, 2024 · 23b4065 · 23b4065
1 parent 3da89b9
commit 23b4065
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 51 deletions.
diff --git a/frontend/src/components/devices/DeviceBadge.vue b/frontend/src/components/devices/DeviceBadge.vue
@@ -2,67 +2,51 @@
 import type { Device, Sensor, Camera } from '@domain/device/core'
 import { Measure, DeviceType } from '@domain/device/core'
 import { getMeasureColor } from '@/utils/MeasureUtils'
-import { ref } from "vue";
-import UpdateDevicePopup from "@/components/devices/UpdateDevicePopup.vue";
-import RequestHelper, { monitoringHost, monitoringPort } from "@/utils/RequestHelper";
-import { MeasureConverter } from "domain/dist/utils";
+import { ref } from 'vue'
+import UpdateDevicePopup from '@/components/devices/UpdateDevicePopup.vue'
+import RequestHelper, { monitoringHost, monitoringPort } from '@/utils/RequestHelper'
+import { MeasureConverter } from 'domain/dist/utils'
 
 defineProps<{
   device: Device
 }>()
 
 const updatePopupVisible = ref<boolean>(false)
 
-const openPopup = (device: Device) => {
-  updatePopupVisible.value = true
-  console.log(device)
-}
-
 const updateSensor = async (sensor: Sensor) => {
-  console.log("sensor")
-  console.log(sensor)
-  console.log({
+  await RequestHelper.put(`http://${monitoringHost}:${monitoringPort}/devices/sensors`, {
     code: sensor.deviceId.code,
     ipAddress: sensor.ipAddress,
     intervalMillis: sensor.intervalMillis,
     measures: sensor.measures.map((m: Measure) => {
       return MeasureConverter.convertToString(m)
-    })})
-    await RequestHelper.put(`http://${monitoringHost}:${monitoringPort}/devices/sensors`, {
-      code: sensor.deviceId.code,
-      ipAddress: sensor.ipAddress,
-      intervalMillis: sensor.intervalMillis,
-      measures: sensor.measures.map((m: Measure) => {
-        return MeasureConverter.convertToString(m)
-      })
     })
-      .then(async (res: any) => {
-        alert("devo aggiornare i devices")
-        //TODO A CONFIRM POPUP
-       // await getSensors()
-      })
-      .catch(error => {
-        console.log(error)
-      })
+  })
+    .then(async (res: any) => {
+      alert('devo aggiornare i devices')
+      //TODO A CONFIRM POPUP
+    })
+    .catch(error => {
+      console.log(error)
+    })
 }
 
 const updateCamera = async (camera: Camera) => {
-    await RequestHelper.put(`http://${monitoringHost}:${monitoringPort}/devices/cameras`, {
-      code: camera.deviceId.code,
-      ipAddress: camera.ipAddress,
-      resolution: {
-        width: parseInt(camera.resolution.width.toString()),
-        height: parseInt(camera.resolution.height.toString())
-      }
+  await RequestHelper.put(`http://${monitoringHost}:${monitoringPort}/devices/cameras`, {
+    code: camera.deviceId.code,
+    ipAddress: camera.ipAddress,
+    resolution: {
+      width: parseInt(camera.resolution.width.toString()),
+      height: parseInt(camera.resolution.height.toString())
+    }
+  })
+    .then(async (res: any) => {
+      alert('devo aggiornare i devices')
+      //TODO A CONFIRM POPUP
+    })
+    .catch(error => {
+      console.log(error)
     })
-      .then(async (res: any) => {
-        alert("devo aggiornare i devices")
-        //TODO A CONFIRM POPUP
-        //await getCameras()
-      })
-      .catch(error => {
-        console.log(error)
-      })
 }
 </script>
 
@@ -108,7 +92,7 @@ const updateCamera = async (camera: Camera) => {
           <q-tooltip :offset="[0, 8]">Enable</q-tooltip>
         </div>
         <div>
-          <q-btn color="secondary" icon="edit" @click="updatePopupVisible = true"/>
+          <q-btn color="secondary" icon="edit" @click="updatePopupVisible = true" />
           <q-tooltip :offset="[0, 8]">Edit</q-tooltip>
         </div>
         <div>

diff --git a/frontend/src/components/devices/UpdateDevicePopup.vue b/frontend/src/components/devices/UpdateDevicePopup.vue
@@ -51,7 +51,10 @@ const updateDevice = () => {
     const updatedCamera: Camera = deviceFactory.createCamera(
       deviceIdFactory.createCameraId(device.deviceId.code),
       device.ipAddress,
-      resolutionFactory.createResolution((device as Camera).resolution.width, (device as Camera).resolution.height)
+      resolutionFactory.createResolution(
+        (device as Camera).resolution.width,
+        (device as Camera).resolution.height
+      )
     )
     emit('update-camera', updatedCamera)
   }

diff --git a/frontend/src/views/DevicesView.vue b/frontend/src/views/DevicesView.vue
@@ -15,14 +15,11 @@ import {
   EnvironmentDataFactoryImpl,
   ResolutionFactoryImpl
 } from '@domain/device/factories'
-import type { Camera, Device, Sensor } from "@domain/device/core";
+import type { Camera, Device, Sensor } from '@domain/device/core'
 import { Measure } from '@domain/device/core'
 import NewDevicePopup from '@/components/devices/NewDevicePopup.vue'
 import RequestHelper, { monitoringHost, monitoringPort } from '@/utils/RequestHelper'
 import { MeasureConverter } from 'domain/dist/utils'
-import UpdateDevicePopup from "@/components/devices/UpdateDevicePopup.vue";
-
-const environmentDataFactory: EnvironmentDataFactory = new EnvironmentDataFactoryImpl()
 
 const deviceIdFactory: DeviceIdFactory = new DeviceIdFactoryImpl()
 const deviceFactory: DeviceFactory = new DeviceFactoryImpl()
@@ -149,7 +146,6 @@ onMounted(async () => {
 })
 
 const newPopupVisible = ref<boolean>(false)
-
 </script>
 
 <template>
@@ -183,7 +179,6 @@ const newPopupVisible = ref<boolean>(false)
     @insert-sensor="insertSensor"
     @insert-camera="insertCamera"
   ></new-device-popup>
-
 </template>
 
 <style scoped lang="scss">