FV-47 FV-49 Zählarten für Fuß und Radverkehrszählungen (#153)

* add zaehlarten

* add icons

* fix format error

* remove script

Author: boal

frontend/src/components/icons/ArtIcons/ArtFJS.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+  >
+    <text
+      x="0"
+      y="26"
+      class="svg-text"
+      textLength="100%"
+      fill="currentColor"
+    >
+      FjS
+    </text>
+  </svg>
+</template>
+<style lang="css">
+.svg-text {
+  font: bold 23px Arial;
+}
+</style>

frontend/src/components/icons/ArtIcons/ArtQJS.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+  >
+    <text
+      x="0"
+      y="26"
+      class="svg-text"
+      textLength="100%"
+      fill="currentColor"
+    >
+      QjS
+    </text>
+  </svg>
+</template>
+<style lang="css">
+.svg-text {
+  font: bold 23px Arial;
+}
+</style>

frontend/src/components/icons/ArtIcons/ArtQU.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+  >
+    <text
+      x="0"
+      y="26"
+      class="svg-text"
+      textLength="100%"
+      fill="currentColor"
+    >
+      Qu
+    </text>
+  </svg>
+</template>
+<style lang="css">
+.svg-text {
+  font: bold 23px Arial;
+}
+</style>

frontend/src/components/icons/ZaehlartIcon.vue

@@ -51,6 +51,12 @@ const zaehlartIcons: Map<string, IconTooltip> = new Map([
     new IconTooltip("$artQT", "Querschnitt Tunnel/Unterführung/Tief"),
   ],
   [Zaehlart.R, new IconTooltip("$artR", "Radverkehrszählung")],
+  [Zaehlart.QJS, new IconTooltip("$artQJS", "Querschnitt je Straßenseite")],
+  [
+    Zaehlart.FJS,
+    new IconTooltip("$artFJS", "Fußverkehr/Radverkehr je Straßenseite"),
+  ],
+  [Zaehlart.QU, new IconTooltip("$artQU", "Querung")],
   [Zaehlart.T, new IconTooltip("$artT", "Tunnel/Unterführung/Tief")],
   [Zaehlart.TK, new IconTooltip("$artTK", "Teilknoten")],
 ]);

frontend/src/plugins/vuetify.ts

@@ -10,16 +10,19 @@ import { mdi, aliases as mdiAliases } from "vuetify/iconsets/mdi";
 import { de } from "vuetify/locale";
 
 // Zaehlart
+import artFJS from "@/components/icons/ArtIcons/ArtFJS.vue";
 import artH from "@/components/icons/ArtIcons/ArtH.vue";
 import artN from "@/components/icons/ArtIcons/ArtN.vue";
 import artQ from "@/components/icons/ArtIcons/ArtQ.vue";
 import artQB from "@/components/icons/ArtIcons/ArtQB.vue";
 import artQH from "@/components/icons/ArtIcons/ArtQH.vue";
 import artQI from "@/components/icons/ArtIcons/ArtQI.vue";
+import artQJS from "@/components/icons/ArtIcons/ArtQJS.vue";
 import artQR from "@/components/icons/ArtIcons/ArtQR.vue";
 import artQS from "@/components/icons/ArtIcons/ArtQS.vue";
 import artQSt from "@/components/icons/ArtIcons/ArtQSt.vue";
 import artQT from "@/components/icons/ArtIcons/ArtQT.vue";
+import artQU from "@/components/icons/ArtIcons/ArtQU.vue";
 import artR from "@/components/icons/ArtIcons/ArtR.vue";
 import artT from "@/components/icons/ArtIcons/ArtT.vue";
 import artTK from "@/components/icons/ArtIcons/ArtTK.vue";
@@ -71,6 +74,9 @@ export default createVuetify({
       artQSt,
       artQT,
       artR,
+      artQJS,
+      artFJS,
+      artQU,
       artT,
       artTK,
     },

frontend/src/types/enum/Zaehlart.ts

@@ -23,6 +23,12 @@ enum Zaehlart {
   QR = "QR",
   // Radverkehrszählung
   R = "R",
+  // Querschnitt je Straßenseite
+  QJS = "QJS",
+  // Fuß & Rad je Straßenseite
+  FJS = "FJS",
+  // Querung
+  QU = "QU",
   // Tunnel / Unterführung / Tief
   T = "T",
   // Teilknoten
@@ -43,6 +49,9 @@ export const zaehlartText = new Map<string, string>([
   [Zaehlart.QT, "Querschnitt Tunnel/Unterführung/Tief"],
   [Zaehlart.QR, "Querschnitt Radverkehr"],
   [Zaehlart.R, "Radverkehrszählung"],
+  [Zaehlart.QJS, "Querschnitt je Straßenseite"],
+  [Zaehlart.FJS, "Fußverkehr/Radverkehr je Straßenseite"],
+  [Zaehlart.QU, "Querung"],
   [Zaehlart.T, "Tunnel / Unterführung / Tief"],
   [Zaehlart.TK, "Teilknoten"],
 ]);
@@ -59,6 +68,9 @@ export const zaehlartenDropDown = new Array<KeyVal>(
   { value: Zaehlart.QT, title: zaehlartText.get(Zaehlart.QT)! },
   { value: Zaehlart.QR, title: zaehlartText.get(Zaehlart.QR)! },
   { value: Zaehlart.R, title: zaehlartText.get(Zaehlart.R)! },
+  { value: Zaehlart.QJS, title: zaehlartText.get(Zaehlart.QJS)! },
+  { value: Zaehlart.FJS, title: zaehlartText.get(Zaehlart.FJS)! },
+  { value: Zaehlart.QU, title: zaehlartText.get(Zaehlart.QU)! },
   { value: Zaehlart.T, title: zaehlartText.get(Zaehlart.T)! },
   { value: Zaehlart.TK, title: zaehlartText.get(Zaehlart.TK)! }
 );