fix reload

it-at-m · Jun 11, 2024 · 0f2c035 · 0f2c035
1 parent d2cab3f
commit 0f2c035
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 17 deletions.
diff --git a/frontend/src/components/messstelle/MessquerschnittForm.vue b/frontend/src/components/messstelle/MessquerschnittForm.vue
@@ -110,7 +110,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ComputedRef, onMounted, ref, Ref } from "vue";
+import { computed, onMounted, ref, Ref, watch } from "vue";
 import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
 import LhmTextField from "@/components/common/LhmTextField.vue";
 import MessquerschnittEditDTO from "@/domain/dto/messstelle/MessquerschnittEditDTO";
@@ -120,13 +120,14 @@ import type { VForm } from "@/util/useVuetify";
 
 const validationUtils = useValidationUtils();
 
-onMounted(validate);
+onMounted(() => validate());
 
 interface Props {
     height: string;
     disabled: boolean;
     value: MessstelleEditDTO;
     valid: Map<string, boolean>;
+    reload: boolean;
 }
 
 const props = defineProps<Props>();
@@ -158,11 +159,15 @@ const selectedMessquerschnitt: Ref<MessquerschnittEditDTO> = ref(
     editMessstelle.value.messquerschnitte[0]
 );
 
-const stadtbezirk: ComputedRef<string> = computed(() => {
-    return `${editMessstelle.value.stadtbezirkNummer} - ${editMessstelle.value.stadtbezirk}`;
-});
-
 function validate() {
     if (messquerschnittform.value) messquerschnittform.value.validate();
 }
-</script>
+
+watch(
+    () => props.reload,
+    () => {
+        selectedMessquerschnitt.value =
+            editMessstelle.value.messquerschnitte[0];
+    }
+);
+</script>
diff --git a/frontend/src/components/messstelle/UpdateMessstelleForm.vue b/frontend/src/components/messstelle/UpdateMessstelleForm.vue
@@ -74,6 +74,7 @@
                 <messquerschnitt-form
                     v-model="messstelleToEdit"
                     :valid.sync="validMqs"
+                    :reload="reload"
                     :height="contentHeightVh"
                     :disabled="isMessstelleReadonly"
                 />
@@ -89,7 +90,7 @@
                     v-model="messstelleToEdit"
                     :height="contentHeightVh"
                     :height-map="mapHeightVh"
-                    :reset-marker="resetMarker"
+                    :reset-marker="reload"
                     :draggable="!isMessstelleReadonly"
                 />
             </v-tab-item>
@@ -139,6 +140,7 @@ interface Props {
     value: MessstelleEditDTO;
     height: string;
     contentHeight: number;
+    reload: boolean;
 }
 
 const props = defineProps<Props>();
@@ -190,12 +192,15 @@ function cancel(): void {
     emits("reload");
 }
 
-watch(messstelleToEdit, () => {
-    messstelleToEdit.value.messquerschnitte.forEach((value) =>
-        validMqs.value.set(value.mqId, !!value.standort)
-    );
-    resetMarker.value = !resetMarker.value;
-});
+watch(
+    () => props.reload,
+    () => {
+        messstelleToEdit.value.messquerschnitte.forEach((value) =>
+            validMqs.value.set(value.mqId, !!value.standort)
+        );
+        resetMarker.value = !resetMarker.value;
+    }
+);
 
 function areAllFormsValid(): boolean {
     const invalidMqs: Array<string> = [];

diff --git a/frontend/src/views/MessstelleView.vue b/frontend/src/views/MessstelleView.vue
@@ -29,7 +29,7 @@
                     :height="headerHeightVh"
                     :minheight="headerHeightVh"
                     show-marker="true"
-                    :reload="reloadMessstelleMap"
+                    :reload="reloadMessstelle"
                     width="100%"
                 />
             </v-col>
@@ -44,6 +44,7 @@
                 v-model="messstelle"
                 :height="heightVh"
                 :content-height="contentHeight"
+                :reload="reloadMessstelle"
                 @reload="loadMessstelle"
             />
         </v-row>
@@ -60,7 +61,7 @@ import DefaultObjectCreator from "@/util/DefaultObjectCreator";
 import UpdateMessstelleForm from "@/components/messstelle/UpdateMessstelleForm.vue";
 import MessstelleEditDTO from "@/domain/dto/messstelle/MessstelleEditDTO";
 
-const reloadMessstelleMap: Ref<boolean> = ref(false);
+const reloadMessstelle: Ref<boolean> = ref(false);
 const messstelle: Ref<MessstelleEditDTO> = ref(
     DefaultObjectCreator.createDefaultMessstelleEditDTO()
 );
@@ -139,7 +140,7 @@ function loadMessstelle(): void {
     MessstelleService.getMessstelleToEdit(messstelleId).then(
         (messstelleById) => {
             messstelle.value = messstelleById;
-            reloadMessstelleMap.value = !reloadMessstelleMap.value;
+            reloadMessstelle.value = !reloadMessstelle.value;
         }
     );
 }