From 99ee8523334f69ec1f9e801bae5fadcb8f395529 Mon Sep 17 00:00:00 2001
From: "alexander.kerscher" <alexander.kerscher@muenchen.de>
Date: Wed, 17 Jan 2024 07:27:47 +0100
Subject: [PATCH] conosle entfernt, reformat

---
 .../src/views/ErhebungsstellenOverview.vue    | 364 +++++++++---------
 1 file changed, 186 insertions(+), 178 deletions(-)

diff --git a/frontend/src/views/ErhebungsstellenOverview.vue b/frontend/src/views/ErhebungsstellenOverview.vue
index 120cb1e..2eec457 100644
--- a/frontend/src/views/ErhebungsstellenOverview.vue
+++ b/frontend/src/views/ErhebungsstellenOverview.vue
@@ -1,106 +1,108 @@
 <template>
-    <v-container
-        fluid
-        class="pa-0"
+  <v-container
+      fluid
+      class="pa-0"
+  >
+    <v-sheet
+        width="100%"
+        color="transparent"
+        class="overflow-y-auto"
     >
-        <v-sheet
-            width="100%"
-            color="transparent"
-            class="overflow-y-auto"
-        >
-            <v-card-title style="font-weight: bold; font-size: x-large"
-                >Zählstellen
-            </v-card-title>
-            <v-expansion-panels
-                v-if="hasOpenZaehlungen"
-                hover
-                focusable
-            >
-                <open-zaehlung-panel
-                    :header="getCreatedHeader"
-                    :status-design="createdStatusDesign"
-                    :zaehlungen="createdZaehlungen"
-                />
-                <open-zaehlung-panel
-                    :header="getInstructedHeader"
-                    :status-design="instructedStatusDesign"
-                    :zaehlungen="instructedZaehlungen"
-                />
-                <open-zaehlung-panel
-                    :header="getCountingHeader"
-                    :status-design="countingStatusDesign"
-                    :zaehlungen="countingZaehlungen"
-                />
-                <open-zaehlung-panel
-                    :header="getAccomplishedHeader"
-                    :status-design="accomplishedStatusDesign"
-                    :zaehlungen="accomplishedZaehlungen"
-                />
-                <open-zaehlung-panel
-                    :header="getCorrectionHeader"
-                    :status-design="correctionStatusDesign"
-                    :zaehlungen="correctionZaehlungen"
-                />
-            </v-expansion-panels>
-            <v-card-subtitle
-                v-else
-                class="text-caption grey--text text--lighten-1"
-                >Es sind aktuell keine offenen Zählungen vorhanden.
-            </v-card-subtitle>
-        </v-sheet>
-        <v-sheet
-            width="100%"
-            color="transparent"
-            class="overflow-y-auto"
-        >
-            <v-card-title style="font-weight: bold; font-size: x-large"
-                >Messstellen
-            </v-card-title>
-            <v-expansion-panels
-                v-if="hasMessstellen"
-                hover
-                focusable
-            >
-                <messstelle-overview-panel
-                    :header="geplanteMessstellenHeader"
-                    color="orange lighten-4"
-                    icon="mdi-clipboard-clock-outline"
-                    :messstellen="geplanteMessstellen"
-                />
-                <messstelle-overview-panel
-                    :header="neuUmgesetzteMessstellenHeader"
-                    color="blue lighten-4"
-                    icon="mdi-clipboard-plus-outline"
-                    :messstellen="neuUmgesetztMessstellen"
-                />
-                <messstelle-overview-panel
-                    :header="nichtSichtbareMessstellenHeader"
-                    color="purple lighten-4"
-                    icon="mdi-eye-off-outline"
-                    :messstellen="nichtSichtbareMessstellen"
-                />
-            </v-expansion-panels>
-            <v-card-subtitle
-                v-else
-                class="text-caption grey--text text--lighten-1"
-                >Es sind aktuell keine Daten zu den Messstellen vorhanden.
-            </v-card-subtitle>
-        </v-sheet>
-    </v-container>
+      <v-card-title
+          style="font-weight: bold; font-size: x-large"
+      >Zählstellen
+      </v-card-title>
+      <v-expansion-panels
+          v-if="hasOpenZaehlungen"
+          hover
+          focusable
+      >
+        <open-zaehlung-panel
+            :header="getCreatedHeader"
+            :status-design="createdStatusDesign"
+            :zaehlungen="createdZaehlungen"
+        />
+        <open-zaehlung-panel
+            :header="getInstructedHeader"
+            :status-design="instructedStatusDesign"
+            :zaehlungen="instructedZaehlungen"
+        />
+        <open-zaehlung-panel
+            :header="getCountingHeader"
+            :status-design="countingStatusDesign"
+            :zaehlungen="countingZaehlungen"
+        />
+        <open-zaehlung-panel
+            :header="getAccomplishedHeader"
+            :status-design="accomplishedStatusDesign"
+            :zaehlungen="accomplishedZaehlungen"
+        />
+        <open-zaehlung-panel
+            :header="getCorrectionHeader"
+            :status-design="correctionStatusDesign"
+            :zaehlungen="correctionZaehlungen"
+        />
+      </v-expansion-panels>
+      <v-card-subtitle
+          v-else
+          class="text-caption grey--text text--lighten-1"
+      >Es sind aktuell keine offenen Zählungen vorhanden.
+      </v-card-subtitle>
+    </v-sheet>
+    <v-sheet
+        width="100%"
+        color="transparent"
+        class="overflow-y-auto"
+    >
+      <v-card-title
+          style="font-weight: bold; font-size: x-large"
+      >Messstellen
+      </v-card-title>
+      <v-expansion-panels
+          v-if="hasMessstellen"
+          hover
+          focusable
+      >
+        <messstelle-overview-panel
+            :header="geplanteMessstellenHeader"
+            color="orange lighten-4"
+            icon="mdi-clipboard-clock-outline"
+            :messstellen="geplanteMessstellen"
+        />
+        <messstelle-overview-panel
+            :header="neuUmgesetzteMessstellenHeader"
+            color="blue lighten-4"
+            icon="mdi-clipboard-plus-outline"
+            :messstellen="neuUmgesetztMessstellen"
+        />
+        <messstelle-overview-panel
+            :header="nichtSichtbareMessstellenHeader"
+            color="purple lighten-4"
+            icon="mdi-eye-off-outline"
+            :messstellen="nichtSichtbareMessstellen"
+        />
+      </v-expansion-panels>
+      <v-card-subtitle
+          v-else
+          class="text-caption grey--text text--lighten-1"
+      >Es sind aktuell keine Daten zu den Messstellen vorhanden.
+      </v-card-subtitle>
+    </v-sheet>
+  </v-container>
 </template>
 
 <script setup lang="ts">
 import OpenZaehlungDTO from "@/domain/dto/OpenZaehlungDTO";
-import Status, { statusIcon } from "@/domain/enums/Status";
+import Status, {statusIcon} from "@/domain/enums/Status";
 import IconOptions from "@/components/icons/IconOptions";
 import ZaehlungService from "@/api/service/ZaehlungService";
 import ZaehlungComparator from "@/util/ZaehlungComparator";
 import OpenZaehlungPanel from "@/components/zaehlung/OpenZaehlungPanel.vue";
-import { computed, ComputedRef, onMounted, ref, Ref } from "vue";
-import { useStore } from "@/util/useStore";
+import {computed, ComputedRef, onMounted, ref, Ref} from "vue";
+import {useStore} from "@/util/useStore";
 import MessstelleService from "@/api/service/MessstelleService";
 import MessstelleOverviewDTO from "@/domain/dto/messstelle/MessstelleOverviewDTO";
-import { MessstelleStatus } from "@/domain/enums/MessstelleStatus";
+import {MessstelleStatus} from "@/domain/enums/MessstelleStatus";
 import MessstelleOverviewPanel from "@/components/messstelle/MessstelleOverviewPanel.vue";
 
 const store = useStore();
@@ -134,145 +136,151 @@ const hasMessstellen: Ref<boolean> = ref(false);
 const hasOpenZaehlungen: Ref<boolean> = ref(false);
 
 const createdStatusDesign: ComputedRef<IconOptions> = computed(() => {
-    return getStatusDesign(Status.CREATED);
+  return getStatusDesign(Status.CREATED);
 });
 const instructedStatusDesign: ComputedRef<IconOptions> = computed(() => {
-    return getStatusDesign(Status.INSTRUCTED);
+  return getStatusDesign(Status.INSTRUCTED);
 });
 const countingStatusDesign: ComputedRef<IconOptions> = computed(() => {
-    return getStatusDesign(Status.COUNTING);
+  return getStatusDesign(Status.COUNTING);
 });
 const accomplishedStatusDesign: ComputedRef<IconOptions> = computed(() => {
-    return getStatusDesign(Status.ACCOMPLISHED);
+  return getStatusDesign(Status.ACCOMPLISHED);
 });
 const correctionStatusDesign: ComputedRef<IconOptions> = computed(() => {
-    return getStatusDesign(Status.CORRECTION);
+  return getStatusDesign(Status.CORRECTION);
 });
 
 const getCreatedHeader: ComputedRef<string> = computed(() => {
-    return `Angelegte Zählungen: ${createdZaehlungen.value.length}`;
+  return `Angelegte Zählungen: ${createdZaehlungen.value.length}`;
 });
 const getInstructedHeader: ComputedRef<string> = computed(() => {
-    return `Beauftragte Zählungen: ${instructedZaehlungen.value.length}`;
+  return `Beauftragte Zählungen: ${instructedZaehlungen.value.length}`;
 });
 const getCountingHeader: ComputedRef<string> = computed(() => {
-    return `Laufende Zählungen: ${countingZaehlungen.value.length}`;
+  return `Laufende Zählungen: ${countingZaehlungen.value.length}`;
 });
 const getAccomplishedHeader: ComputedRef<string> = computed(() => {
-    return `Durchgeführte Zählungen: ${accomplishedZaehlungen.value.length}`;
+  return `Durchgeführte Zählungen: ${accomplishedZaehlungen.value.length}`;
 });
 const getCorrectionHeader: ComputedRef<string> = computed(() => {
-    return `Fehlerhafte Zählungen: ${correctionZaehlungen.value.length}`;
+  return `Fehlerhafte Zählungen: ${correctionZaehlungen.value.length}`;
 });
 const geplanteMessstellenHeader: ComputedRef<string> = computed(() => {
-    return `Geplante Messstellen: ${geplanteMessstellen.value.length}`;
+  return `Geplante Messstellen: ${geplanteMessstellen.value.length}`;
 });
 const neuUmgesetzteMessstellenHeader: ComputedRef<string> = computed(() => {
-    return `Neu umgesetzte Messstellen: ${neuUmgesetztMessstellen.value.length}`;
+  return `Neu umgesetzte Messstellen: ${neuUmgesetztMessstellen.value.length}`;
 });
 const nichtSichtbareMessstellenHeader: ComputedRef<string> = computed(() => {
-    return `Nicht sichtbare Messstellen: ${nichtSichtbareMessstellen.value.length}`;
+  return `Nicht sichtbare Messstellen: ${nichtSichtbareMessstellen.value.length}`;
 });
 
 onMounted(() => {
-    resetDataArrays();
-    hasMessstellen.value = false;
-    loadOpenZaehlungen();
-    loadOpenMessstellen();
+  resetDataArrays();
+  loadOpenZaehlungen();
+  loadOpenMessstellen();
 });
 
 function loadOpenZaehlungen(): void {
-    hasOpenZaehlungen.value = false;
-    ZaehlungService.getAllOpenZaehlungen()
-        .then((zaehlungen: Array<OpenZaehlungDTO>) => {
-            zaehlungen.forEach((zaehlung: OpenZaehlungDTO) => {
-                switch (zaehlung.status) {
-                    case Status.CREATED:
-                        createdZaehlungen.value.push(zaehlung);
-                        break;
-                    case Status.INSTRUCTED:
-                        instructedZaehlungen.value.push(zaehlung);
-                        break;
-                    case Status.COUNTING:
-                        countingZaehlungen.value.push(zaehlung);
-                        break;
-                    case Status.ACCOMPLISHED:
-                        accomplishedZaehlungen.value.push(zaehlung);
-                        break;
-                    case Status.CORRECTION:
-                        correctionZaehlungen.value.push(zaehlung);
-                        break;
-                }
-            });
-            hasOpenZaehlungen.value = zaehlungen.length > 0;
-            sortDataArrays();
-        })
-        .catch((error) => store.dispatch("snackbar/showError", error));
+  hasOpenZaehlungen.value = false;
+  ZaehlungService.getAllOpenZaehlungen()
+      .then((zaehlungen: Array<OpenZaehlungDTO>) => {
+        zaehlungen.forEach((zaehlung: OpenZaehlungDTO) => {
+          switch (zaehlung.status) {
+            case Status.CREATED:
+              createdZaehlungen.value.push(zaehlung);
+              break;
+            case Status.INSTRUCTED:
+              instructedZaehlungen.value.push(zaehlung);
+              break;
+            case Status.COUNTING:
+              countingZaehlungen.value.push(zaehlung);
+              break;
+            case Status.ACCOMPLISHED:
+              accomplishedZaehlungen.value.push(zaehlung);
+              break;
+            case Status.CORRECTION:
+              correctionZaehlungen.value.push(zaehlung);
+              break;
+          }
+        });
+        hasOpenZaehlungen.value = zaehlungen.length > 0;
+        sortDataArraysZaehlstelle();
+      })
+      .catch((error) => store.dispatch("snackbar/showError", error));
 }
 
 function loadOpenMessstellen(): void {
-    MessstelleService.getAllMessstellenForOverview()
-        .then((messstellen: Array<MessstelleOverviewDTO>) => {
-            messstellen.forEach((messstelle: MessstelleOverviewDTO) => {
-                console.error(messstelle.status);
-                if (messstelle.status === MessstelleStatus.IN_PLANUNG) {
-                    geplanteMessstellen.value.push(messstelle);
-                } else if (!messstelle.geprueft) {
-                    neuUmgesetztMessstellen.value.push(messstelle);
-                } else if (!messstelle.sichtbarDatenportal) {
-                    nichtSichtbareMessstellen.value.push(messstelle);
-                }
-            });
-            hasMessstellen.value =
-                hasMessstellen.value || messstellen.length > 0;
-            sortDataArrays();
-        })
-        .catch((error) => store.dispatch("snackbar/showError", error));
+  hasMessstellen.value = false;
+  MessstelleService.getAllMessstellenForOverview()
+      .then((messstellen: Array<MessstelleOverviewDTO>) => {
+        messstellen.forEach((messstelle: MessstelleOverviewDTO) => {
+          if (messstelle.status === MessstelleStatus.IN_PLANUNG) {
+            geplanteMessstellen.value.push(messstelle);
+          } else if (!messstelle.geprueft) {
+            neuUmgesetztMessstellen.value.push(messstelle);
+          } else if (!messstelle.sichtbarDatenportal) {
+            nichtSichtbareMessstellen.value.push(messstelle);
+          }
+        });
+        hasMessstellen.value =
+            hasMessstellen.value || messstellen.length > 0;
+        sortDataArraysMessstelle();
+      })
+      .catch((error) => store.dispatch("snackbar/showError", error));
+}
+
+function sortDataArraysZaehlstelle(): void {
+  createdZaehlungen.value = sortByDatumDesc(createdZaehlungen.value);
+  instructedZaehlungen.value = sortByDatumDesc(instructedZaehlungen.value);
+  countingZaehlungen.value = sortByDatumDesc(countingZaehlungen.value);
+  accomplishedZaehlungen.value = sortByDatumDesc(
+      accomplishedZaehlungen.value
+  );
+  correctionZaehlungen.value = sortByDatumDesc(correctionZaehlungen.value);
 }
 
-function sortDataArrays(): void {
-    createdZaehlungen.value = sortByDatumDesc(createdZaehlungen.value);
-    instructedZaehlungen.value = sortByDatumDesc(instructedZaehlungen.value);
-    countingZaehlungen.value = sortByDatumDesc(countingZaehlungen.value);
-    accomplishedZaehlungen.value = sortByDatumDesc(
-        accomplishedZaehlungen.value
-    );
-    correctionZaehlungen.value = sortByDatumDesc(correctionZaehlungen.value);
-    geplanteMessstellen.value = sortByMstId(geplanteMessstellen.value);
-    nichtSichtbareMessstellen.value = sortByMstId(
-        nichtSichtbareMessstellen.value
-    );
+function sortDataArraysMessstelle(): void {
+  geplanteMessstellen.value = sortByMstId(geplanteMessstellen.value);
+  neuUmgesetztMessstellen.value = sortByMstId(neuUmgesetztMessstellen.value);
+  nichtSichtbareMessstellen.value = sortByMstId(
+      nichtSichtbareMessstellen.value
+  );
 }
 
 function sortByDatumDesc(
     toSort: Array<OpenZaehlungDTO>
 ): Array<OpenZaehlungDTO> {
-    return toSort.sort(ZaehlungComparator.sortByDatumDesc);
+  return toSort.sort(ZaehlungComparator.sortByDatumDesc);
 }
 
 function sortByMstId(
     toSort: Array<MessstelleOverviewDTO>
 ): Array<MessstelleOverviewDTO> {
-    return toSort.sort((a, b) => (a.mstId > b.mstId ? 1 : -1));
+  return toSort.sort((a, b) => (a.mstId > b.mstId ? 1 : -1));
 }
 
 function resetDataArrays(): void {
-    createdZaehlungen.value = [];
-    instructedZaehlungen.value = [];
-    countingZaehlungen.value = [];
-    accomplishedZaehlungen.value = [];
-    correctionZaehlungen.value = [];
+  createdZaehlungen.value = [];
+  instructedZaehlungen.value = [];
+  countingZaehlungen.value = [];
+  accomplishedZaehlungen.value = [];
+  correctionZaehlungen.value = [];
+  geplanteMessstellen.value = [];
+  neuUmgesetztMessstellen.value = [];
+  nichtSichtbareMessstellen.value = [];
 }
 
 function getStatusDesign(status: Status): IconOptions {
-    let design: IconOptions | undefined = statusIcon.get(status);
-    if (!design) {
-        design = {} as IconOptions;
-        design.color = "deep-orange lighten-4";
-        design.iconPath = "mdi-calendar-question";
-        design.tooltip = "Status unbekannt";
-    }
-    return design;
+  let design: IconOptions | undefined = statusIcon.get(status);
+  if (!design) {
+    design = {} as IconOptions;
+    design.color = "deep-orange lighten-4";
+    design.iconPath = "mdi-calendar-question";
+    design.tooltip = "Status unbekannt";
+  }
+  return design;
 }
 </script>