Skip to content

Commit 1874b64

Browse files
Der-Alex-KDer-Alex-K
authored
Bug/nacharbeiten (#460)
* fix appbar height * fix progress loader * fix typo * umgestellt auf v-icon * resize * fix typo
1 parent 32249a4 commit 1874b64

File tree

5 files changed

+57
-63
lines changed

5 files changed

+57
-63
lines changed

‎frontend/src/components/messstelle/MessstelleInfo.vue

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<v-sheet
88
color="white"
99
width="100%"
10-
class="px-4 py-2 text-primary font-weight-regular"
10+
class="px-4 py-2 text-primary font-weight-regular overflow-y-auto"
1111
height="72px"
1212
>
1313
<v-row
@@ -16,7 +16,7 @@
1616
>
1717
<v-col cols="10">
1818
<v-row no-gutters>
19-
<v-col cols="8">
19+
<v-col cols="7">
2020
<span
2121
v-tooltip:bottom="'Datum letzte plausible Messung'"
2222
class="text--body-1"
@@ -25,13 +25,11 @@
2525
</span>
2626
</v-col>
2727
<v-spacer />
28-
<v-col cols="1">
28+
<v-col cols="3">
2929
<detektierte-fahrzeugart-icon
3030
:detektierte-fahrzeugart="detektierteVerkehrsart"
31-
color="default"
31+
color="primary"
3232
/>
33-
</v-col>
34-
<v-col cols="1">
3533
<fahrzeugklassen-icon
3634
v-if="
3735
messstelle.detektierteVerkehrsarten !==
@@ -41,9 +39,10 @@
4139
color="primary"
4240
size="default"
4341
/>
44-
</v-col>
45-
<v-col cols="1">
46-
<messstelle-kommentar :kommentar="messstelle.kommentar" />
42+
<messstelle-kommentar
43+
v-if="messstelle.kommentar"
44+
:kommentar="messstelle.kommentar"
45+
/>
4746
</v-col>
4847
</v-row>
4948
<v-row
@@ -86,7 +85,7 @@
8685
style="justify-items: center"
8786
>
8887
<messstelle-geometrie
89-
:height="60"
88+
:height="56"
9089
:width="60"
9190
active-color="#1565C0"
9291
passive-color="#EEEEEE"

‎frontend/src/components/messstelle/MessstelleKommentar.vue

Lines changed: 40 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,45 @@
11
<template>
2-
<div v-if="kommentar">
3-
<v-btn
4-
v-tooltip:bottom="'Kommentar anzeigen'"
5-
color="secondary"
6-
icon="mdi-comment-text"
7-
size="default"
8-
height="20px"
9-
class="ml-n2 mb-1"
10-
variant="text"
11-
density="default"
12-
@click="showDialog = true"
13-
/>
14-
<v-dialog
15-
v-model="showDialog"
16-
max-width="600px"
17-
>
18-
<v-card>
19-
<v-card-title class="bg-grey-lighten-2">
20-
<v-icon
21-
start
22-
size="small"
23-
color="grey-darken-2"
24-
icon="mdi-comment-multiple"
25-
/>
26-
<span style="font-size: x-large">Informationen</span>
27-
</v-card-title>
28-
<v-card-text>
29-
<div
30-
class="text-grey-darken-2"
31-
style="font-size: small"
32-
>
33-
{{ kommentar }}
34-
</div>
35-
</v-card-text>
2+
<v-icon
3+
v-tooltip:bottom="'Kommentar anzeigen'"
4+
color="secondary"
5+
icon="mdi-comment-text"
6+
size="default"
7+
@click="showDialog = true"
8+
/>
9+
<v-dialog
10+
v-model="showDialog"
11+
max-width="600px"
12+
>
13+
<v-card>
14+
<v-card-title class="bg-grey-lighten-2">
15+
<v-icon
16+
start
17+
size="small"
18+
color="grey-darken-2"
19+
icon="mdi-comment-multiple"
20+
/>
21+
<span style="font-size: x-large">Informationen</span>
22+
</v-card-title>
23+
<v-card-text>
24+
<div
25+
class="text-grey-darken-2"
26+
style="font-size: small"
27+
>
28+
{{ kommentar }}
29+
</div>
30+
</v-card-text>
3631

37-
<v-card-actions class="bg-grey-lighten-4">
38-
<v-spacer />
39-
<v-btn
40-
class="text-none bg-grey-lighten-1"
41-
text="Schließen"
42-
@click="showDialog = false"
43-
/>
44-
<v-spacer />
45-
</v-card-actions>
46-
</v-card>
47-
</v-dialog>
48-
</div>
32+
<v-card-actions class="bg-grey-lighten-4">
33+
<v-spacer />
34+
<v-btn
35+
class="text-none bg-grey-lighten-1"
36+
text="Schließen"
37+
@click="showDialog = false"
38+
/>
39+
<v-spacer />
40+
</v-card-actions>
41+
</v-card>
42+
</v-dialog>
4943
</template>
5044

5145
<script setup lang="ts">

‎frontend/src/components/messstelle/charts/MessstelleDiagramme.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@
3939
<v-tabs-window-item :value="TAB_BELASTUNGSPLAN">
4040
<v-sheet
4141
:max-height="contentHeight"
42+
:min-height="contentHeight"
4243
width="100%"
4344
class="overflow-y-auto"
4445
>

‎frontend/src/components/messstelle/optionsmenue/panels/TagesTypRadiogroup.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -82,27 +82,27 @@ const helperText = computed(() => {
8282
switch (chosenOptionsCopy.value.tagesTyp) {
8383
case TagesTyp.WERKTAG_DI_MI_DO:
8484
helpText =
85-
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswerteberechnung sind mind. 2 Tage (Di,Mi,Do) und mind. 50% der Tage mit plausiblen Daten nötig.";
85+
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswertberechnung sind mind. 2 Tage (Di,Mi,Do) und mind. 50% der Tage mit plausiblen Daten nötig.";
8686
break;
8787
case TagesTyp.WERKTAG_MO_FR:
8888
helpText =
89-
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswerteberechnung sind mind. 2 Tage (Mo,Di,Mi,Do,Fr) und mind. 50% der Tage mit plausiblen Daten nötig.";
89+
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswertberechnung sind mind. 2 Tage (Mo,Di,Mi,Do,Fr) und mind. 50% der Tage mit plausiblen Daten nötig.";
9090
break;
9191
case TagesTyp.SAMSTAG:
9292
helpText =
93-
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswerteberechnung sind mind. 2 Tage (Sa) und mind. 50% der Tage mit plausiblen Daten nötig.";
93+
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswertberechnung sind mind. 2 Tage (Sa) und mind. 50% der Tage mit plausiblen Daten nötig.";
9494
break;
9595
case TagesTyp.SONNTAG_FEIERTAG:
9696
helpText =
97-
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswerteberechnung sind mind. 2 Tage (So/Feiertag) und mind. 50% der Tage mit plausiblen Daten nötig.";
97+
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswertberechnung sind mind. 2 Tage (So/Feiertag) und mind. 50% der Tage mit plausiblen Daten nötig.";
9898
break;
9999
case TagesTyp.WERKTAG_FERIEN:
100100
helpText =
101-
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswerteberechnung sind mind. 2 Tage (Mo,Di,Mi,Do,Fr Ferien) und mind. 50% der Tage mit plausiblen Daten nötig.";
101+
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswertberechnung sind mind. 2 Tage (Mo,Di,Mi,Do,Fr Ferien) und mind. 50% der Tage mit plausiblen Daten nötig.";
102102
break;
103103
case TagesTyp.MO_SO:
104104
helpText =
105-
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswerteberechnung sind mind. 2 Tage (Beliebige Wochentage) und mind. 50% der Tage mit plausiblen Daten nötig.";
105+
"Der ausgewählte Zeitraum ist zu kurz. Für die Durchschnittswertberechnung sind mind. 2 Tage (beliebige Wochentage) und mind. 50% der Tage mit plausiblen Daten nötig.";
106106
break;
107107
}
108108
}

‎frontend/src/views/MessstelleView.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ const leftHeightVh = computed(() => {
102102
});
103103
104104
const appBarHeight = computed(() => {
105-
return 65 / (display.height.value / 100);
105+
return 50 / (display.height.value / 100);
106106
});
107107
108108
/**

0 commit comments

Comments
 (0)