Refactor Steuerinformationen für Optionsmenü

frontend/src/App.vue

@@ -73,6 +73,7 @@
 </template>
 
 <script setup lang="ts">
+import type OptionsmenueSettingsDTO from "@/types/common/OptionsmenueSettingsDTO";
 import type MapConfigDTO from "@/types/karte/MapConfigDTO";
 import type MessstelleAuswertungDTO from "@/types/messstelle/auswertung/MessstelleAuswertungDTO";
 
@@ -83,6 +84,7 @@ import goldTrophy from "@/../public/easteregg/trophy-outline-gold.svg";
 import silverTrophy from "@/../public/easteregg/trophy-outline-silver.svg";
 import MapConfigService from "@/api/service/MapConfigService";
 import MessstelleAuswertungService from "@/api/service/MessstelleAuswertungService";
+import OptionsmenueSettingsService from "@/api/service/OptionsmenueSettingsService";
 import SsoUserInfoService from "@/api/service/SsoUserInfoService";
 import VersionInfoService from "@/api/service/VersionInfoService";
 import InfoMessage from "@/components/app/InfoMessage.vue";
@@ -91,6 +93,7 @@ import TheSnackbar from "@/components/common/TheSnackbar.vue";
 import SearchInputField from "@/components/search/SearchInputField.vue";
 import { useMapConfigStore } from "@/store/MapConfigStore";
 import { useMapOptionsStore } from "@/store/MapOptionsStore";
+import { useOptionsmenueSettingsStore } from "@/store/OptionsmenueSettingsStore";
 import { useSearchStore } from "@/store/SearchStore";
 import { useSnackbarStore } from "@/store/SnackbarStore";
 import { useUserStore } from "@/store/UserStore";
@@ -108,6 +111,7 @@ const showGesamtauswertung = ref(false);
 const snackbarStore = useSnackbarStore();
 const userStore = useUserStore();
 const searchStore = useSearchStore();
+const optionsmenueSettingsStore = useOptionsmenueSettingsStore();
 const mapOptionsStore = useMapOptionsStore();
 const mapConfigStore = useMapConfigStore();
 const route = useRoute();
@@ -138,6 +142,13 @@ function created() {
     .catch(() => {
       backendVersion.value = "error";
     });
+  OptionsmenueSettingsService.getAllOptionsmenueSettingsForMessstellen().then(
+    (optionsmenueSettings: Array<OptionsmenueSettingsDTO>) => {
+      optionsmenueSettingsStore.setOptionsmenueSettingsByIntervallAndFahrzeugklasse(
+        optionsmenueSettings
+      );
+    }
+  );
   MapConfigService.getMapConfig().then((res: MapConfigDTO) => {
     mapConfigStore.setMapConfig(res);
   });

frontend/src/api/service/OptionsmenueSettingsService.ts

@@ -0,0 +1,17 @@
+import type OptionsmenueSettingsDTO from "@/types/common/OptionsmenueSettingsDTO";
+
+import FetchService from "@/api/service/FetchService";
+
+export default class OptionsmenueSettingsService {
+  private static readonly ENDPOINT: string =
+    "api/dave-backend-service/settings-optionsmenue/messstelle/all";
+
+  static getAllOptionsmenueSettingsForMessstellen(): Promise<
+    Array<OptionsmenueSettingsDTO>
+  > {
+    return FetchService.getData(
+      this.ENDPOINT,
+      "Beim Holen der Einstellungen des Optionsmenüs ist ein Fehler aufgetreten."
+    );
+  }
+}

frontend/src/components/messstelle/MessstelleInfo.vue

@@ -32,7 +32,7 @@
                 <div class="d-flex flex-row-reverse">
                   <messstelle-kommentar :kommentar="messstelle.kommentar" />
                   <fahrzeugklassen-icon
-                    :fahrzeugklasse="fahrzeugKlasse"
+                    :fahrzeugklasse="fahrzeugklasse"
                     color="primary"
                     size="small"
                   />
@@ -130,9 +130,9 @@ const datumLetztePlausibleMessung = computed(() => {
   return dateUtils.formatDate(props.messstelle.datumLetztePlausibleMessung);
 });
 
-const fahrzeugKlasse = computed(() => {
+const fahrzeugklasse = computed(() => {
   if (props.messstelle.messquerschnitte.length > 0) {
-    return props.messstelle.fahrzeugKlassen;
+    return props.messstelle.fahrzeugklasse;
   } else {
     return "k.A.";
   }

frontend/src/components/messstelle/icons/FahrzeugklassenIcon.vue

@@ -8,15 +8,17 @@
 </template>
 
 <script setup lang="ts">
+import { isNil } from "lodash";
 import { computed } from "vue";
 
 import TooltipWithIcon from "@/components/zaehlstelle/icons/TooltipWithIcon.vue";
+import Fahrzeugklasse from "@/types/enum/Fahrzeugklasse";
 import IconTooltip from "@/types/util/IconTooltip";
 
 interface Props {
   size?: string;
   color?: string;
-  fahrzeugklasse: string;
+  fahrzeugklasse: Fahrzeugklasse | string | undefined;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -28,11 +30,13 @@ const props = withDefaults(defineProps<Props>(), {
  * Lädt das richtige SVG Icon aus der Liste.
  */
 const icon = computed<IconTooltip>(() => {
-  let result = fahrzeugklassenIcons().get(props.fahrzeugklasse);
-  if (result === undefined) {
+  let result = isNil(props.fahrzeugklasse)
+    ? undefined
+    : fahrzeugklassenIcons().get(props.fahrzeugklasse);
+  if (isNil(result)) {
     result = new IconTooltip(
       "mdi-help",
-      "Keine Information zu den Fahrzeugklassen"
+      "Keine Information zu Fahrzeugklassen vorhanden"
     );
   }
   return result;
@@ -41,11 +45,21 @@ const icon = computed<IconTooltip>(() => {
 /**
  * Alle Fahrzeugklasse Icons zu den Schlüsseln.
  */
-function fahrzeugklassenIcons(): Map<string, IconTooltip> {
+function fahrzeugklassenIcons(): Map<Fahrzeugklasse | string, IconTooltip> {
   return new Map([
-    ["8+1", new IconTooltip("$achtUndEins", "Fahrzeugklasse: 8+1")],
-    ["QKFZ", new IconTooltip("$qkfz", "Fahrzeugklasse: QKFZ")],
-    ["QPKW + QLKW", new IconTooltip("$qpkwLkw", "Fahrzeugklasse: QPKW + QLKW")],
+    [
+      Fahrzeugklasse.ACHT_PLUS_EINS,
+      new IconTooltip("$achtPlusEins", "Fahrzeugklasse: 8+1"),
+    ],
+    [
+      Fahrzeugklasse.SUMME_KFZ,
+      new IconTooltip("$summeKfz", "Fahrzeugklasse: Summe KFZ"),
+    ],
+    [
+      Fahrzeugklasse.ZWEI_PLUS_EINS,
+      new IconTooltip("$zweiPlusEins", "Fahrzeugklasse: 2+1"),
+    ],
+    [Fahrzeugklasse.RAD, new IconTooltip("mdi-bicycle", "Fahrzeugklasse: Rad")],
   ]);
 }
 </script>

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

@@ -60,7 +60,7 @@
             color="tertiary"
             text="Zurücksetzen"
             variant="elevated"
-            @click="resetOptions"
+            @click="resetOptionsForMessstelle"
           />
           <v-spacer />
         </v-card-actions>
@@ -83,6 +83,7 @@ import FahrzeugPanel from "@/components/messstelle/optionsmenue/panels/FahrzeugP
 import MessquerschnittPanel from "@/components/messstelle/optionsmenue/panels/MessquerschnittPanel.vue";
 import ZeitPanel from "@/components/messstelle/optionsmenue/panels/ZeitPanel.vue";
 import { useMessstelleStore } from "@/store/MessstelleStore";
+import { useOptionsmenueSettingsStore } from "@/store/OptionsmenueSettingsStore";
 import { useSnackbarStore } from "@/store/SnackbarStore";
 import { useUserStore } from "@/store/UserStore";
 import StartAndEndDate from "@/types/common/StartAndEndDate";
@@ -103,6 +104,7 @@ defineProps<Props>();
 
 const display = useDisplay();
 const messstelleStore = useMessstelleStore();
+const optionsmenueSettingsStore = useOptionsmenueSettingsStore();
 const snackbarStore = useSnackbarStore();
 const messstelleUtils = useMessstelleUtils();
 const dialog = ref(false);
@@ -135,7 +137,7 @@ watch(messstelle, () => {
     chosenOptions.value = messstelleStore.getFilteroptions;
     messstelleStore.reloadFilteroptions();
   } else {
-    resetOptions();
+    resetOptionsForMessstelle();
   }
 });
 
@@ -227,13 +229,7 @@ function saveChosenOptions(): void {
 }
 
 function setDefaultOptionsForMessstelle(): void {
-  chosenOptions.value.fahrzeuge =
-    DefaultObjectCreator.createDefaultFahrzeugOptions();
-
-  chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr =
-    messstelle.value.detektierteVerkehrsarten === DetektierteFahrzeugart.KFZ;
-  chosenOptions.value.fahrzeuge.radverkehr =
-    !chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr;
+  resetFahrzeugOptions();
 
   const defaultDate = messstelleStore.getMaxPossibleDateForMessstelle;
   chosenOptions.value.zeitraumStartAndEndDate = new StartAndEndDate(
@@ -270,31 +266,52 @@ function setDefaultOptionsForMessstelle(): void {
   chosenOptions.value.stundensumme = true;
   chosenOptions.value.tagessumme = true;
   chosenOptions.value.spitzenstunde = true;
-  messstelleStore.calculateActiveMessfaehigkeit(
-    messstelle.value.datumLetztePlausibleMessung.toString()
-  );
   messstelleStore.setBelastungsplanChosenSize(1);
   saveChosenOptions();
 }
 
-function resetOptions(): void {
+function resetOptionsForMessstelle(): void {
   setDefaultOptionsForMessstelle();
 }
 
+function resetFahrzeugOptions(): void {
+  chosenOptions.value.fahrzeuge =
+    DefaultObjectCreator.createDefaultFahrzeugOptions();
+
+  chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr =
+    messstelle.value.detektierteVerkehrsarten === DetektierteFahrzeugart.KFZ;
+  chosenOptions.value.fahrzeuge.radverkehr =
+    !chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr;
+}
+
+/**
+ * Ermittlung der möglichen Einstellungen im Optionsmenü auf Basis der Messfähigkeiten
+ */
+function setOptionsmenueSettingsByMessfaehigkeitenForGivenZeitraum(): void {
+  const messfaehigkeiten = messstelleStore.getMessfaehigkeitenForGivenZeitraum(
+    chosenOptions.value.zeitraumStartAndEndDate.startDate,
+    chosenOptions.value.zeitraumStartAndEndDate.endDate
+  );
+  optionsmenueSettingsStore.setOptionsmenueSettingsByMessfaehigkeiten(
+    messfaehigkeiten
+  );
+}
+
 watch(
-  () => messstelleStore.getActiveMessfaehigkeit.fahrzeugklassen,
+  () => chosenOptions.value.intervall,
   () => {
-    chosenOptions.value.fahrzeuge =
-      DefaultObjectCreator.createDefaultFahrzeugOptions();
-    chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr =
-      messstelle.value.detektierteVerkehrsarten === DetektierteFahrzeugart.KFZ;
-    chosenOptions.value.fahrzeuge.radverkehr =
-      !chosenOptions.value.fahrzeuge.kraftfahrzeugverkehr;
+    setOptionsmenueSettingsByMessfaehigkeitenForGivenZeitraum();
+  },
+  { deep: true, immediate: true }
+);
 
-    snackbarStore.showWarning(
-      'Durch die Änderung des Zeitraums wurden die Kategorie "Fahrzeuge" zurückgesetzt.'
-    );
-  }
+watch(
+  () => chosenOptions.value.zeitraumStartAndEndDate,
+  () => {
+    resetFahrzeugOptions();
+    setOptionsmenueSettingsByMessfaehigkeitenForGivenZeitraum();
+  },
+  { deep: true, immediate: true }
 );
 
 watch(

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

@@ -13,38 +13,15 @@
       v-model="chosenOptionsCopy"
       class="mt-1"
     />
-    <fahrzeug-panel-fahrzeugkategorien-content
-      v-if="showFahrzeugkategorien"
-      v-model="chosenOptionsCopy"
-    />
+    <fahrzeug-panel-fahrzeugkategorien-content v-model="chosenOptionsCopy" />
   </v-expansion-panel>
 </template>
 
 <script setup lang="ts">
 import type MessstelleOptionsDTO from "@/types/messstelle/MessstelleOptionsDTO";
 
-import { computed } from "vue";
-
 import FahrzeugPanelFahrzeugkategorienContent from "@/components/messstelle/optionsmenue/panels/content/FahrzeugPanelFahrzeugkategorienContent.vue";
 import FahrzeugPanelVerkehrsartenContent from "@/components/messstelle/optionsmenue/panels/content/FahrzeugPanelVerkehrsartenContent.vue";
-import { useMessstelleStore } from "@/store/MessstelleStore";
-import Fahrzeugklasse from "@/types/enum/Fahrzeugklasse";
-import ZaehldatenIntervall from "@/types/enum/ZaehldatenIntervall";
 
 const chosenOptionsCopy = defineModel<MessstelleOptionsDTO>({ required: true });
-
-const messstelleStore = useMessstelleStore();
-
-const showFahrzeugkategorien = computed(() => {
-  return (
-    messstelleStore.isKfzMessstelle &&
-    messstelleStore.getActiveMessfaehigkeit.fahrzeugklassen ===
-      Fahrzeugklasse.ACHT_PLUS_EINS &&
-    !(
-      chosenOptionsCopy.value.intervall ===
-        ZaehldatenIntervall.STUNDE_VIERTEL ||
-      chosenOptionsCopy.value.intervall === ZaehldatenIntervall.STUNDE_HALB
-    )
-  );
-});
 </script>