Merge pull request #215 from it-at-m/sprint

Vorbereitung Demo 09.10.24

Dockerfile

@@ -1,3 +1,4 @@
-FROM registry.access.redhat.com/ubi8/openjdk-11:latest
+# For documentation see https://jboss-container-images.github.io/openjdk/
+FROM registry.access.redhat.com/ubi9/openjdk-21-runtime:latest
 
 COPY apigateway/target/*.jar /deployments/spring-boot-application.jar

frontend/package.json

@@ -19,7 +19,7 @@
     "sass": "^1.77.6",
     "vue": "^3.4.31",
     "vue-router": "^4.4.0",
-    "vuetify": "^3.6.11"
+    "vuetify": "^3.7.1"
   },
   "devDependencies": {
     "@babel/types": "^7.23.0",
@@ -37,10 +37,10 @@
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
     "base64-blob": "1.4.1",
-    "dom-to-image-more": "2.16.0",
     "echarts": "^5.5.1",
     "eslint": "^8.52.0",
     "eslint-plugin-vue": "^9.18.1",
+    "html2canvas": "^1.4.1",
     "jsdom": "^22.1.0",
     "leaflet": "^1.9.4",
     "leaflet.fullscreen": "^3.0.2",

frontend/src/components/map/ZaehlstelleMap.vue

@@ -576,10 +576,7 @@ function markerOptionsZaehlart(zaehlart: string, index: number) {
     iconAnchor: calculateIconAnchorCoordinatesForZaehlartMarker(index),
     iconSize: [30, 30],
     className: `zaehlart-circle-${getColorForZaehlartenMarker(zaehlart)}`,
-    html:
-      '<span class="white--text text-Button font-weight-bold">' +
-      zaehlart +
-      "</span>",
+    html: '<span class="text-white font-weight-bold">' + zaehlart + "</span>",
   });
 
   return { opacity: 1.0, icon: divIcon };
@@ -636,7 +633,7 @@ wurden die Farbe auf schwarz gesetzt */
   width: 30px;
   line-height: 30px;
   border-radius: 50%;
-  background: red;
+  background: #f44336;
   text-align: center;
 }
 .zaehlart-circle-secondary {

frontend/src/components/messstelle/ValidWochentage.vue

@@ -1,9 +1,9 @@
 <template>
-  <v-sheet>
-    <v-icon
-      class="pr-3"
-      icon="mdi-chart-line"
-    />
+  <v-sheet
+    class="px-4"
+    color="white"
+  >
+    <v-icon icon="mdi-chart-line" />
     <span>
       Von den ausgewählten {{ zeitraumRange }} Tagen
       {{ getChosenWochentageNumberText }} in die Auswertung eingeflossen

frontend/src/components/messstelle/charts/SpeedDial.vue

@@ -2,7 +2,6 @@
   <v-speed-dial
     v-model="speedDialOpen"
     location="top"
-    open-on-hover
   >
     <template #activator="{ props: activatorProps }">
       <v-btn

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

@@ -63,14 +63,15 @@
 import type MessstelleAuswertungOptionsDTO from "@/types/messstelle/auswertung/MessstelleAuswertungOptionsDTO";
 import type { VStepperVerticalItem } from "vuetify/labs/components";
 
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 
 import FahrzeugeStepContent from "@/components/messstelle/gesamtauswertung/stepper/FahrzeugeStepContent.vue";
 import JahreStepContent from "@/components/messstelle/gesamtauswertung/stepper/JahreStepContent.vue";
 import OrtStepContent from "@/components/messstelle/gesamtauswertung/stepper/OrtStepContent.vue";
 import TagesTypStepContent from "@/components/messstelle/gesamtauswertung/stepper/TagesTypStepContent.vue";
 import ZeitintervallStepContent from "@/components/messstelle/gesamtauswertung/stepper/ZeitintervallStepContent.vue";
 import { auswertungszeitraumToText } from "@/types/enum/AuswertungCategories";
+import Fahrzeug from "@/types/enum/Fahrzeug";
 import { tagesTypText } from "@/types/enum/TagesTyp";
 
 interface Props {
@@ -236,4 +237,47 @@ const selectedFahrzeugAsSummary = computed(() => {
   }
   return summary;
 });
+
+watch(
+  () => auswertungOptions.value.verfuegbareVerkehrsarten,
+  (newVerkehrsarten, oldVerkehrsarten) => {
+    const rad = newVerkehrsarten.includes(Fahrzeug.RAD);
+    const removeRad =
+      oldVerkehrsarten.includes(Fahrzeug.RAD) &&
+      !newVerkehrsarten.includes(Fahrzeug.RAD);
+
+    const kfz = newVerkehrsarten.includes(Fahrzeug.KFZ);
+    const removeKfz =
+      oldVerkehrsarten.includes(Fahrzeug.KFZ) &&
+      !newVerkehrsarten.includes(Fahrzeug.KFZ);
+
+    if (removeKfz || (rad && kfz)) {
+      resetFahrzeuge();
+    }
+    if (removeRad || (rad && kfz)) {
+      auswertungOptions.value.fahrzeuge.radverkehr = false;
+    }
+    if (rad && !kfz) {
+      auswertungOptions.value.fahrzeuge.radverkehr = true;
+    } else if (!rad && kfz) {
+      auswertungOptions.value.fahrzeuge.kraftfahrzeugverkehr = true;
+    }
+  }
+);
+
+function resetFahrzeuge() {
+  auswertungOptions.value.fahrzeuge.kraftfahrzeugverkehr = false;
+  auswertungOptions.value.fahrzeuge.schwerverkehr = false;
+  auswertungOptions.value.fahrzeuge.gueterverkehr = false;
+  auswertungOptions.value.fahrzeuge.schwerverkehrsanteilProzent = false;
+  auswertungOptions.value.fahrzeuge.gueterverkehrsanteilProzent = false;
+  auswertungOptions.value.fahrzeuge.radverkehr = false;
+  auswertungOptions.value.fahrzeuge.fussverkehr = false;
+  auswertungOptions.value.fahrzeuge.lastkraftwagen = false;
+  auswertungOptions.value.fahrzeuge.lastzuege = false;
+  auswertungOptions.value.fahrzeuge.busse = false;
+  auswertungOptions.value.fahrzeuge.kraftraeder = false;
+  auswertungOptions.value.fahrzeuge.personenkraftwagen = false;
+  auswertungOptions.value.fahrzeuge.lieferwagen = false;
+}
 </script>

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

@@ -225,62 +225,22 @@
 <script setup lang="ts">
 import type MessstelleAuswertungOptionsDTO from "@/types/messstelle/auswertung/MessstelleAuswertungOptionsDTO";
 
-import { computed, onMounted, ref, watch } from "vue";
+import { computed, onMounted, ref } from "vue";
 
 import Fahrzeug from "@/types/enum/Fahrzeug";
 
 const auswertungOptions = defineModel<MessstelleAuswertungOptionsDTO>({
   required: true,
 });
+
 const selectOrDeselectAllVerkehrsartenVmodel = ref(false);
 const selectOrDeselectAllVmodel = ref(false);
 
-const verkehrsartenWatch = computed(() => {
-  return auswertungOptions.value.verfuegbareVerkehrsarten;
-});
-
 onMounted(() => {
   calculateSelectOrDeselectVerkehrsarten();
   calculateSelectOrDeselect();
 });
 
-watch(verkehrsartenWatch, () => {
-  preassignFahrzeuge();
-});
-
-function preassignFahrzeuge() {
-  const rad = auswertungOptions.value.verfuegbareVerkehrsarten.includes(
-    Fahrzeug.RAD
-  );
-  const kfz = auswertungOptions.value.verfuegbareVerkehrsarten.includes(
-    Fahrzeug.KFZ
-  );
-  resetFahrzeuge();
-  if (rad && !kfz) {
-    auswertungOptions.value.fahrzeuge.radverkehr = true;
-  } else if (!rad && kfz) {
-    auswertungOptions.value.fahrzeuge.kraftfahrzeugverkehr = true;
-  }
-  calculateSelectOrDeselectVerkehrsarten();
-  calculateSelectOrDeselect();
-}
-
-function resetFahrzeuge() {
-  auswertungOptions.value.fahrzeuge.kraftfahrzeugverkehr = false;
-  auswertungOptions.value.fahrzeuge.schwerverkehr = false;
-  auswertungOptions.value.fahrzeuge.gueterverkehr = false;
-  auswertungOptions.value.fahrzeuge.schwerverkehrsanteilProzent = false;
-  auswertungOptions.value.fahrzeuge.gueterverkehrsanteilProzent = false;
-  auswertungOptions.value.fahrzeuge.radverkehr = false;
-  auswertungOptions.value.fahrzeuge.fussverkehr = false;
-  auswertungOptions.value.fahrzeuge.lastkraftwagen = false;
-  auswertungOptions.value.fahrzeuge.lastzuege = false;
-  auswertungOptions.value.fahrzeuge.busse = false;
-  auswertungOptions.value.fahrzeuge.kraftraeder = false;
-  auswertungOptions.value.fahrzeuge.personenkraftwagen = false;
-  auswertungOptions.value.fahrzeuge.lieferwagen = false;
-}
-
 const labelSelectOrDeselectAllVerkehrsarten = computed(() => {
   return selectOrDeselectAllVerkehrsartenVmodel.value
     ? "Alles abwählen"

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

@@ -182,6 +182,7 @@ function selectAll() {
         AuswertungsZeitraum.JANUAR,
         AuswertungsZeitraum.FEBRUAR,
         AuswertungsZeitraum.MAERZ,
+        AuswertungsZeitraum.APRIL,
         AuswertungsZeitraum.MAI,
         AuswertungsZeitraum.JUNI,
         AuswertungsZeitraum.JULI,