diff --git a/plugins/network/frontend/views/NetworkDeviceForm.vue b/plugins/network/frontend/views/NetworkDeviceForm.vue index 605144b..87fc027 100644 --- a/plugins/network/frontend/views/NetworkDeviceForm.vue +++ b/plugins/network/frontend/views/NetworkDeviceForm.vue @@ -205,30 +205,41 @@
Map Position (Optional) -
-
- - -
-
- - + +
+ +
+
+ Position: {{ form.mapx }}, {{ form.mapy }} + +
+
+ + +
+ +
+ +
+
Notes @@ -274,11 +285,16 @@ import { businessunitsApi } from '@/api' import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue' +import ShopFloorMap from '@/components/ShopFloorMap.vue' +import Modal from '@/components/Modal.vue' +import { currentTheme } from '@/stores/theme' import { useIdentifierFlags } from '@/composables/identifierSettings' import { apiError } from '@/utils/apiError' const { isEnabled } = useIdentifierFlags() +const showMapPicker = ref(false) +const tempMapPosition = ref(null) const route = useRoute() const router = useRouter() @@ -483,6 +499,24 @@ function cancel() { router.push('/network') } } +function handlePositionPicked(position) { + tempMapPosition.value = position +} + +function confirmMapPosition() { + if (tempMapPosition.value) { + form.value.mapx = tempMapPosition.value.left + form.value.mapy = tempMapPosition.value.top + } + showMapPicker.value = false +} + +function clearMapPosition() { + form.value.mapx = null + form.value.mapy = null + tempMapPosition.value = null +} +