Refactor Verkehrsart as Enum (#457)

* detektierte Verkehrsart als enum

* Enum verkehrsart umbenannt

Author: Der-Alex-K

frontend/src/components/map/ZaehlstelleMap.vue

@@ -506,8 +506,8 @@ function createTooltipMessstelle(tooltipDto: TooltipMessstelleDTO): string {
   let tooltip = "<div>";
   if (tooltipDto.mstId) {
     tooltip = `<b>${tooltip}Messstelle: ${tooltipDto.mstId}`;
-    if (tooltipDto.detektierteVerkehrsarten) {
-      tooltip = `${tooltip} (${tooltipDto.detektierteVerkehrsarten})`;
+    if (tooltipDto.detektierteVerkehrsart) {
+      tooltip = `${tooltip} (${tooltipDto.detektierteVerkehrsart})`;
     }
     tooltip = `${tooltip}</b><br/>`;
   }

frontend/src/components/messstelle/MessstelleInfo.vue

@@ -26,15 +26,12 @@
               </v-col>
               <v-spacer />
               <v-col cols="3">
-                <detektierte-fahrzeugart-icon
-                  :detektierte-fahrzeugart="detektierteVerkehrsart"
+                <verkehrsart-icon
+                  :detektierte-verkehrsart="detektierteVerkehrsart"
                   color="primary"
                 />
                 <fahrzeugklassen-icon
-                  v-if="
-                    messstelle.detektierteVerkehrsarten !==
-                    DetektierteFahrzeugart.RAD
-                  "
+                  v-if="messstelle.detektierteVerkehrsart !== Verkehrsart.RAD"
                   :fahrzeugklasse="fahrzeugklasse"
                   color="primary"
                   size="default"
@@ -103,11 +100,11 @@ import type MessstelleInfoDTO from "@/types/messstelle/MessstelleInfoDTO";
 
 import { computed } from "vue";
 
-import DetektierteFahrzeugartIcon from "@/components/messstelle/DetektierteFahrzeugartIcon.vue";
 import FahrzeugklassenIcon from "@/components/messstelle/icons/FahrzeugklassenIcon.vue";
 import MessstelleGeometrie from "@/components/messstelle/MessstelleGeometrie.vue";
 import MessstelleKommentar from "@/components/messstelle/MessstelleKommentar.vue";
-import DetektierteFahrzeugart from "@/types/enum/DetektierteFahrzeugart";
+import VerkehrsartIcon from "@/components/messstelle/VerkehrsartIcon.vue";
+import Verkehrsart from "@/types/enum/Verkehrsart";
 import IconTooltip from "@/types/util/IconTooltip";
 import { useDateUtils } from "@/util/DateUtils";
 
@@ -136,7 +133,7 @@ const fahrzeugklasse = computed(() => {
 
 const detektierteVerkehrsart = computed(() => {
   if (props.messstelle.messquerschnitte.length > 0) {
-    return props.messstelle.detektierteVerkehrsarten;
+    return props.messstelle.detektierteVerkehrsart;
   } else {
     return undefined;
   }

frontend/src/components/messstelle/DetektierteFahrzeugartIcon.vue renamed to frontend/src/components/messstelle/VerkehrsartIcon.vue

@@ -11,28 +11,28 @@
 import { computed } from "vue";
 
 import TooltipWithIcon from "@/components/zaehlstelle/icons/TooltipWithIcon.vue";
-import DetektierteFahrzeugart from "@/types/enum/DetektierteFahrzeugart";
+import Verkehrsart from "@/types/enum/Verkehrsart";
 import IconOptions from "@/types/util/IconOptions";
 
 interface Props {
-  detektierteFahrzeugart?: DetektierteFahrzeugart;
+  detektierteVerkehrsart?: Verkehrsart;
   color?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   color: "black",
-  detektierteFahrzeugart: undefined,
+  detektierteVerkehrsart: undefined,
 });
 
 const iconOptions = computed(() => {
-  if (props.detektierteFahrzeugart === DetektierteFahrzeugart.RAD) {
-    return new IconOptions("mdi-bicycle", "Fahrzeugart: Fahrrad");
-  } else if (props.detektierteFahrzeugart === DetektierteFahrzeugart.KFZ) {
-    return new IconOptions("mdi-car", "Fahrzeugart: KFZ");
+  if (props.detektierteVerkehrsart === Verkehrsart.RAD) {
+    return new IconOptions("mdi-bicycle", "Verkehrsart: Fahrrad");
+  } else if (props.detektierteVerkehrsart === Verkehrsart.KFZ) {
+    return new IconOptions("mdi-car", "Verkehrsart: KFZ");
   } else {
     return new IconOptions(
       "mdi-alert-circle",
-      "Fahrzeugart konnte nicht ermittelt werden"
+      "Verkehrsart konnte nicht ermittelt werden"
     );
   }
 });

frontend/src/components/messstelle/gesamtauswertung/stepper/OrtStepContent.vue

@@ -164,7 +164,7 @@ const messstellen = computed<Array<KeyValObject>>(() => {
   const result: Array<KeyValObject> = props.allVisibleMessstellen.map((mst) => {
     return {
       title: `${mst.mstId}-${mst.standort ?? ""} (${
-        mst.detektierteVerkehrsarten ?? ""
+        mst.detektierteVerkehrsart ?? ""
       })`,
       value: mst,
     };
@@ -289,11 +289,11 @@ function setVerfuegbareVerkehrsarten() {
       if (
         existsMstIdInAuswertungIds(messstelle.mstId) &&
         !auswertungOptions.value.verfuegbareVerkehrsarten.includes(
-          messstelle.detektierteVerkehrsarten
+          messstelle.detektierteVerkehrsart
         )
       ) {
         auswertungOptions.value.verfuegbareVerkehrsarten.push(
-          messstelle.detektierteVerkehrsarten
+          messstelle.detektierteVerkehrsart
         );
       }
       if (auswertungOptions.value.verfuegbareVerkehrsarten.length === 2) {

frontend/src/components/messstelle/optionsmenue/OptionsmenueMessstelle.vue

@@ -87,8 +87,8 @@ import { useOptionsmenueSettingsStore } from "@/store/OptionsmenueSettingsStore"
 import { useSnackbarStore } from "@/store/SnackbarStore";
 import { useUserStore } from "@/store/UserStore";
 import StartAndEndDate from "@/types/common/StartAndEndDate";
-import DetektierteFahrzeugart from "@/types/enum/DetektierteFahrzeugart";
 import TagesTyp from "@/types/enum/TagesTyp";
+import Verkehrsart from "@/types/enum/Verkehrsart";
 import ZaehldatenIntervall, {
   ZaehldatenIntervallToSelect,
 } from "@/types/enum/ZaehldatenIntervall";
@@ -298,9 +298,9 @@ function resetFahrzeugOptions(): void {
     DefaultObjectCreator.createDefaultFahrzeugOptions();
 
   chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr =
-    messstelle.value.detektierteVerkehrsarten === DetektierteFahrzeugart.KFZ;
+    messstelle.value.detektierteVerkehrsart === Verkehrsart.KFZ;
   chosenOptions.value.fahrzeuge.radverkehr =
-    messstelle.value.detektierteVerkehrsarten === DetektierteFahrzeugart.RAD;
+    messstelle.value.detektierteVerkehrsart === Verkehrsart.RAD;
 }
 
 /**

frontend/src/components/messstelle/optionsmenue/panels/ZeitPanel.vue

@@ -30,8 +30,8 @@
 
       <zeitauswahl-radiogroup
         v-model="chosenOptionsCopy"
-        :messstelle-detektierte-fahrzeugart="
-          messstelleInfo.detektierteVerkehrsarten
+        :messstelle-detektierte-verkehrsart="
+          messstelleInfo.detektierteVerkehrsart
         "
       />
       <zeitauswahl-stunde-or-block v-model="chosenOptionsCopy" />

frontend/src/components/messstelle/optionsmenue/panels/ZeitauswahlRadiogroup.vue

@@ -91,7 +91,7 @@ import ZeitblockStuendlich from "@/types/enum/ZeitblockStuendlich";
 import { useDateUtils } from "@/util/DateUtils";
 
 interface Props {
-  messstelleDetektierteFahrzeugart: string;
+  messstelleDetektierteVerkehrsart: string;
 }
 
 const props = defineProps<Props>();
@@ -122,7 +122,7 @@ const durchschnitt = computed(() => {
 });
 
 function isTypeDisabled(type: string): boolean {
-  return type !== props.messstelleDetektierteFahrzeugart;
+  return type !== props.messstelleDetektierteVerkehrsart;
 }
 
 const helpText = computed(() => {

frontend/src/store/MessstelleStore.ts

@@ -7,7 +7,7 @@ import moment from "moment";
 import { defineStore } from "pinia";
 import { computed, ref } from "vue";
 
-import DetektierteFahrzeugart from "@/types/enum/DetektierteFahrzeugart";
+import Verkehrsart from "@/types/enum/Verkehrsart";
 import { useDateUtils } from "@/util/DateUtils";
 import DefaultObjectCreator from "@/util/DefaultObjectCreator";
 
@@ -44,9 +44,7 @@ export const useMessstelleStore = defineStore("messstelleStore", () => {
   });
   const getActiveTab = computed(() => activeTab.value);
   const isKfzMessstelle = computed(
-    () =>
-      messstelleInfo.value.detektierteVerkehrsarten ===
-      DetektierteFahrzeugart.KFZ
+    () => messstelleInfo.value.detektierteVerkehrsart === Verkehrsart.KFZ
   );
   const getFilteroptions = computed(() => filterOptions.value);
   const getDirection = computed(() => direction.value);

frontend/src/types/enum/DetektierteFahrzeugart.ts

@@ -0,0 +1,6 @@
+export enum Verkehrsart {
+  KFZ = "KFZ",
+  RAD = "RAD",
+}
+
+export default Verkehrsart;