Bug/sammler

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

@@ -40,6 +40,29 @@
                 </span>
             </v-col>
         </v-row>
+        <v-row
+            v-if="wochentag"
+            no-gutters
+        >
+            <v-col
+                cols="1"
+                align-self="start"
+            >
+                <v-icon
+                    small
+                    color="grey lighten-1"
+                    >mdi-calendar-week-outline</v-icon
+                >
+            </v-col>
+            <v-col cols="10">
+                <span class="grey--text text--lighten-1"
+                    >Wochentag:
+                    <span class="font-weight-medium white--text"
+                        >{{ wochentag }}
+                    </span>
+                </span>
+            </v-col>
+        </v-row>
         <v-row
             v-for="(messquerschnitt, index) in messstelle.messquerschnitte"
             :key="index"
@@ -105,6 +128,8 @@ import {
     himmelsRichtungenTextLong,
     himmelsRichtungenTextShort,
 } from "@/types/enum/Himmelsrichtungen";
+import { zeitblockStuendlichInfo } from "@/types/enum/ZeitblockStuendlich";
+import { tagesTypText } from "@/types/enum/TagesTyp";
 
 const store = useStore();
 const dateUtils = useDateUtils();
@@ -118,6 +143,10 @@ const filterOptionsMessstelle: Ref<MessstelleOptionsDTO> = computed(() => {
     return store.getters["filteroptionsMessstelle/getFilteroptions"];
 });
 
+const wochentag: Ref<string | undefined> = computed(() => {
+    return tagesTypText.get(filterOptionsMessstelle.value.tagesTyp);
+});
+
 const zeitraum: Ref<string> = computed(() => {
     const zeitraum = filterOptionsMessstelle.value.zeitraum.slice();
     if (zeitraum.length == 1) {
@@ -132,16 +161,25 @@ const zeitraum: Ref<string> = computed(() => {
 });
 
 const zeitblock: Ref<string> = computed(() => {
-    const zeitblock = zeitblockInfo.get(
+    let text = Zeitauswahl.TAGESWERT.valueOf();
+    const existsBlock = zeitblockInfo.get(
+        filterOptionsMessstelle.value.zeitblock
+    );
+    const existsStunde = zeitblockStuendlichInfo.get(
         filterOptionsMessstelle.value.zeitblock
     );
     if (
-        zeitblock &&
-        filterOptionsMessstelle.value.zeitauswahl != Zeitauswahl.TAGESWERT
+        Zeitauswahl.BLOCK === filterOptionsMessstelle.value.zeitauswahl &&
+        existsBlock
+    ) {
+        text = existsBlock.text;
+    } else if (
+        Zeitauswahl.STUNDE === filterOptionsMessstelle.value.zeitauswahl &&
+        existsStunde
     ) {
-        return zeitblock.text;
+        text = existsStunde.text;
     }
-    return Zeitauswahl.TAGESWERT;
+    return text;
 });
 
 const zeitintervall = computed(() => {

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

@@ -139,7 +139,7 @@ function areChosenOptionsValid(): boolean {
     }
     if (
         chosenOptions.value.zeitraum.length === 2 &&
-        chosenOptions.value.tagesTyp === ""
+        !chosenOptions.value.tagesTyp
     ) {
         result = false;
         store.dispatch("snackbar/showToast", {

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

@@ -159,7 +159,7 @@ const lageValues: ComputedRef<Array<KeyVal>> = computed(() => {
                     direction.value === messstelleUtils.alleRichtungen
                 ) {
                     result.push({
-                        text: `${querschnitt.mqId} - ${querschnitt.lageMessquerschnitt}`,
+                        text: `${querschnitt.mqId} - ${querschnitt.standort}`,
                         value: querschnitt.mqId,
                     });
                 }

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

@@ -44,22 +44,16 @@
                             RULE_EINGABE_TAG_ODER_ZEITRAUM_HAT_PLAUSIBLE_MESSUNG,
                         ]"
                     />
-                    <p class="text-caption pt-5">Hinweise:</p>
-                    <p class="text-caption">
+                    <p>Hinweise:</p>
+                    <p>
                         An den rot markierten Tagen sind keine plausiblen
                         Messwerte vorhanden
                     </p>
-                    <p
-                        v-if="isAnwender"
-                        class="text-caption"
-                    >
+                    <p v-if="isAnwender">
                         Als Anwender beträgt der maximal mögliche
                         Auswahlzeitraum 5 Jahre
                     </p>
-                    <p
-                        v-if="isZeitraum"
-                        class="text-caption"
-                    >
+                    <p v-if="isZeitraum">
                         Alle Auswertungen stellen Durchschnittswerte des
                         ausgewählten Zeitraums dar
                     </p>
@@ -117,7 +111,7 @@ const props = defineProps<Props>();
 const emit = defineEmits(["input"]);
 const store = useStore();
 const dateUtils = useDateUtils();
-const isChosenTagesTypValid = ref(false);
+const isChosenTagesTypValid = ref(true);
 const hoverSelectZeitintervall = ref(false);
 const pickerDate = ref("");
 onMounted(() => {

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

@@ -6,54 +6,68 @@
             padding="10px 0 0 0"
             header-text="Zeitauswahl"
         ></panel-header>
-        <v-row no-gutters>
-            <v-radio-group
-                v-model="chosenOptionsCopy.zeitauswahl"
-                style="width: 100%"
-                @change="zeitauswahlChanged"
-            >
-                <v-row
-                    no-gutters
+        <v-row
+            align="start"
+            justify="center"
+            dense
+            no-gutters
+        >
+            <v-col cols="8">
+                <v-radio-group
+                    v-model="chosenOptionsCopy.zeitauswahl"
                     style="width: 100%"
+                    @change="zeitauswahlChanged"
+                >
+                    <v-row
+                        align="start"
+                        justify="center"
+                        dense
+                    >
+                        <v-col cols="6">
+                            <v-radio
+                                :label="`Tageswert${durchschnitt}`"
+                                :value="Zeitauswahl.TAGESWERT"
+                            />
+                            <v-radio
+                                :label="`Block${durchschnitt}`"
+                                :value="Zeitauswahl.BLOCK"
+                                :disabled="isDateBiggerFiveYears"
+                            />
+                            <v-radio
+                                :label="`Stunde${durchschnitt}`"
+                                :value="Zeitauswahl.STUNDE"
+                                :disabled="isDateBiggerFiveYears"
+                            />
+                        </v-col>
+                        <v-col cols="6">
+                            <v-radio
+                                :label="`Spitzenstunde Kfz${durchschnitt}`"
+                                :value="Zeitauswahl.SPITZENSTUNDE_KFZ"
+                                :disabled="isTypeDisabled('KFZ')"
+                            />
+                            <v-radio
+                                :label="`Spitzenstunde Rad${durchschnitt}`"
+                                :value="Zeitauswahl.SPITZENSTUNDE_RAD"
+                                :disabled="isTypeDisabled('RAD')"
+                            />
+                            <v-radio
+                                :label="`Spitzenstunde Fuß${durchschnitt}`"
+                                :value="Zeitauswahl.SPITZENSTUNDE_FUSS"
+                                :disabled="isTypeDisabled('FUSS')"
+                            />
+                        </v-col>
+                    </v-row>
+                </v-radio-group>
+            </v-col>
+            <v-col cols="4">
+                <v-row
+                    align="start"
+                    justify="center"
+                    dense
                 >
-                    <v-col cols="4">
-                        <v-radio
-                            label="Tageswert (Durchschnitt)"
-                            :value="Zeitauswahl.TAGESWERT"
-                        />
-                        <v-radio
-                            label="Block (Durchschnitt)"
-                            :value="Zeitauswahl.BLOCK"
-                            :disabled="isDateBiggerFiveYears"
-                        />
-                        <v-radio
-                            label="Stunde (Durchschnitt)"
-                            :value="Zeitauswahl.STUNDE"
-                            :disabled="isDateBiggerFiveYears"
-                        />
-                    </v-col>
-                    <v-col cols="4">
-                        <v-radio
-                            label="Spitzenstunde Kfz (Durchschnitt)"
-                            :value="Zeitauswahl.SPITZENSTUNDE_KFZ"
-                            :disabled="isTypeDisabled('KFZ')"
-                        />
-                        <v-radio
-                            label="Spitzenstunde Rad (Durchschnitt)"
-                            :value="Zeitauswahl.SPITZENSTUNDE_RAD"
-                            :disabled="isTypeDisabled('RAD')"
-                        />
-                        <v-radio
-                            label="Spitzenstunde Fuß (Durchschnitt)"
-                            :value="Zeitauswahl.SPITZENSTUNDE_FUSS"
-                            :disabled="isTypeDisabled('FUSS')"
-                        />
-                    </v-col>
-                    <v-col>
-                        {{ helperText }}
-                    </v-col>
+                    {{ helperText }}
                 </v-row>
-            </v-radio-group>
+            </v-col>
         </v-row>
     </div>
 </template>
@@ -83,6 +97,13 @@ const chosenOptionsCopy = computed({
 
 const dateUtils = useDateUtils();
 
+const durchschnitt = computed(() => {
+    if (chosenOptionsCopy.value.zeitraum.length === 2) {
+        return " (Durchschnitt)";
+    }
+    return "";
+});
+
 function isTypeDisabled(type: string): boolean {
     return (
         type != props.messstelleDetektierteFahrzeugart ||
@@ -106,7 +127,7 @@ const isDateBiggerFiveYears = computed(() => {
 
 const helperText = computed(() => {
     if (chosenOptionsCopy.value.messquerschnittIds.length != 1) {
-        return "Für die Spitzenstunde muss exakt ein Messquerschnitt ausgewählt sein";
+        return "Spitzenstunde kann nur für einen einzelnen Messquerschnitt ausgegeben werden";
     }
     return "";
 });