From b56347c17265c1a1ef71ea1e81148056cad4e1d2 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Sat, 19 Jul 2025 11:02:03 +0200
Subject: [PATCH 1/4] base views and store

---
 .../damageReport/DamageReportListItem.vue     |   2 +-
 .../admin/unit/repair/RepairListItem.vue      |  37 ++++++
 src/router/index.ts                           |  76 ++++++++++++
 src/router/unit/damageReport.ts               |   2 +-
 src/router/unit/repair.ts                     |  20 +++
 src/stores/admin/navigation.ts                |   5 +-
 .../unit/{damageReport => }/damageReport.ts   |   0
 .../unit/{maintenance => }/maintenance.ts     |   0
 src/stores/admin/unit/repair.ts               | 106 ++++++++++++++++
 src/types/permissionTypes.ts                  |   3 +
 .../admin/unit/damageReport.models.ts         |   4 +-
 .../admin/unit/maintenance.models.ts          |   3 -
 src/viewmodels/admin/unit/repair.models.ts    |  48 ++++++++
 .../admin/unit/damageReport/DamageReport.vue  |   2 +-
 .../unit/damageReport/DamageReportClosed.vue  |   2 +-
 .../unit/damageReport/DamageReportRouting.vue |   4 +-
 .../admin/unit/damageReport/Overview.vue      |   2 +-
 .../admin/unit/equipment/DamageReport.vue     |   2 +-
 .../admin/unit/equipment/EquipmentRouting.vue |   3 +-
 .../admin/unit/maintenance/Maintenance.vue    |   2 +-
 src/views/admin/unit/repair/Overview.vue      | 116 ++++++++++++++++++
 src/views/admin/unit/repair/RepairClosed.vue  |  46 +++++++
 src/views/admin/unit/repair/RepairOpen.vue    |  46 +++++++
 src/views/admin/unit/repair/RepairRouting.vue |  82 +++++++++++++
 .../admin/unit/repair/RepairStatusRouting.vue |  54 ++++++++
 src/views/admin/unit/vehicle/DamageReport.vue |   2 +-
 .../admin/unit/vehicle/VehicleRouting.vue     |   3 +-
 .../admin/unit/wearable/DamageReport.vue      |   2 +-
 .../admin/unit/wearable/WearableRouting.vue   |   3 +-
 29 files changed, 655 insertions(+), 22 deletions(-)
 create mode 100644 src/components/admin/unit/repair/RepairListItem.vue
 create mode 100644 src/router/unit/repair.ts
 rename src/stores/admin/unit/{damageReport => }/damageReport.ts (100%)
 rename src/stores/admin/unit/{maintenance => }/maintenance.ts (100%)
 create mode 100644 src/stores/admin/unit/repair.ts
 create mode 100644 src/viewmodels/admin/unit/repair.models.ts
 create mode 100644 src/views/admin/unit/repair/Overview.vue
 create mode 100644 src/views/admin/unit/repair/RepairClosed.vue
 create mode 100644 src/views/admin/unit/repair/RepairOpen.vue
 create mode 100644 src/views/admin/unit/repair/RepairRouting.vue
 create mode 100644 src/views/admin/unit/repair/RepairStatusRouting.vue

diff --git a/src/components/admin/unit/damageReport/DamageReportListItem.vue b/src/components/admin/unit/damageReport/DamageReportListItem.vue
index c22e040..0ece8cb 100644
--- a/src/components/admin/unit/damageReport/DamageReportListItem.vue
+++ b/src/components/admin/unit/damageReport/DamageReportListItem.vue
@@ -18,7 +18,7 @@
         <div v-if="damageReport.reportedBy" class="cursor-pointer">
           <UserIcon class="w-5 h-5" />
         </div>
-        <div v-if="damageReport.maintenance" class="cursor-pointer">
+        <div v-if="damageReport.repair" class="cursor-pointer">
           <WrenchScrewdriverIcon class="w-5 h-5" />
         </div>
       </div>
diff --git a/src/components/admin/unit/repair/RepairListItem.vue b/src/components/admin/unit/repair/RepairListItem.vue
new file mode 100644
index 0000000..5b36a28
--- /dev/null
+++ b/src/components/admin/unit/repair/RepairListItem.vue
@@ -0,0 +1,37 @@
+<template>
+  <RouterLink
+    :to="{ name: 'admin-unit-repair-overview', params: { repairId: repair.id } }"
+    class="flex flex-col h-fit w-full border border-primary rounded-md"
+  >
+    <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
+      <p>
+        {{ repair?.related?.name ?? "Ohne Zuordnung" }}
+        <small v-if="repair?.related">({{ repair.related.code }})</small>
+      </p>
+    </div>
+    <div class="p-2">
+      <p>vera: {{ new Date(repair.createdAt).toLocaleString("de") }}</p>
+      <p>Status: {{ repair.status }}</p>
+      <p v-if="repair.description">Beschreibung: {{ repair.description }}</p>
+    </div>
+  </RouterLink>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, type PropType } from "vue";
+import { mapState, mapActions } from "pinia";
+import { useAbilityStore } from "@/stores/ability";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import { MapPinIcon, PhotoIcon, UserIcon, WrenchScrewdriverIcon } from "@heroicons/vue/24/outline";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    repair: { type: Object as PropType<RepairViewModel>, default: {} },
+  },
+  computed: {
+    ...mapState(useAbilityStore, ["can"]),
+  },
+});
+</script>
diff --git a/src/router/index.ts b/src/router/index.ts
index 7fc2f76..68908e5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -21,6 +21,7 @@ import { setVehicleTypeId } from "./unit/vehicleType";
 import { resetInspectionStores, setInspectionId } from "./unit/inspection";
 import { setWearableTypeId } from "./unit/wearableType";
 import { resetDamageReportStores, setDamageReportId } from "./unit/damageReport";
+import { resetRepairStores, setRepairId } from "./unit/repair";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -374,6 +375,12 @@ const router = createRouter({
                       component: () => import("@/views/admin/ViewSelect.vue"),
                       props: true,
                     },
+                    {
+                      path: "repair",
+                      name: "admin-unit-equipment-repair",
+                      component: () => import("@/views/admin/ViewSelect.vue"),
+                      props: true,
+                    },
                     {
                       path: "inspection",
                       name: "admin-unit-equipment-inspection",
@@ -437,6 +444,12 @@ const router = createRouter({
                       component: () => import("@/views/admin/ViewSelect.vue"),
                       props: true,
                     },
+                    {
+                      path: "repair",
+                      name: "admin-unit-vehicle-repair",
+                      component: () => import("@/views/admin/ViewSelect.vue"),
+                      props: true,
+                    },
                     {
                       path: "inspection",
                       name: "admin-unit-vehicle-inspection",
@@ -500,6 +513,12 @@ const router = createRouter({
                       component: () => import("@/views/admin/ViewSelect.vue"),
                       props: true,
                     },
+                    {
+                      path: "repair",
+                      name: "admin-unit-wearable-repair",
+                      component: () => import("@/views/admin/ViewSelect.vue"),
+                      props: true,
+                    },
                     {
                       path: "inspection",
                       name: "admin-unit-wearable-inspection",
@@ -713,6 +732,11 @@ const router = createRouter({
                   component: () => import("@/views/admin/unit/damageReport/DamageReportStatusRouting.vue"),
                   beforeEnter: [resetDamageReportStores],
                   children: [
+                    {
+                      path: "",
+                      name: "admin-unit-damage_report-status",
+                      redirect: { name: "admin-unit-damage_report-open" },
+                    },
                     {
                       path: "open",
                       name: "admin-unit-damage_report-open",
@@ -742,6 +766,58 @@ const router = createRouter({
                 },
               ],
             },
+            {
+              path: "repair",
+              name: "admin-unit-repair-route",
+              component: () => import("@/views/RouterView.vue"),
+              meta: { type: "read", section: "unit", module: "repair" },
+              beforeEnter: [abilityAndNavUpdate],
+              children: [
+                {
+                  path: "",
+                  name: "admin-unit-repair",
+                  redirect: { name: "admin-unit-repair-open" },
+                },
+                {
+                  path: "status",
+                  name: "admin-unit-repair-statusrouting",
+                  component: () => import("@/views/admin/unit/repair/RepairStatusRouting.vue"),
+                  beforeEnter: [resetRepairStores],
+                  children: [
+                    {
+                      path: "",
+                      name: "admin-unit-repair-status",
+                      redirect: { name: "admin-unit-repair-open" },
+                    },
+                    {
+                      path: "open",
+                      name: "admin-unit-repair-open",
+                      component: () => import("@/views/admin/unit/repair/RepairOpen.vue"),
+                    },
+                    {
+                      path: "done",
+                      name: "admin-unit-repair-done",
+                      component: () => import("@/views/admin/unit/repair/RepairClosed.vue"),
+                    },
+                  ],
+                },
+                {
+                  path: "hi/:repairId",
+                  name: "admin-unit-repair-routing",
+                  component: () => import("@/views/admin/unit/repair/RepairRouting.vue"),
+                  beforeEnter: [setRepairId],
+                  props: true,
+                  children: [
+                    {
+                      path: "",
+                      name: "admin-unit-repair-overview",
+                      component: () => import("@/views/admin/unit/repair/Overview.vue"),
+                      props: true,
+                    },
+                  ],
+                },
+              ],
+            },
             {
               path: "maintenance",
               name: "admin-unit-maintenance-route",
diff --git a/src/router/unit/damageReport.ts b/src/router/unit/damageReport.ts
index 86b7f86..4a649bf 100644
--- a/src/router/unit/damageReport.ts
+++ b/src/router/unit/damageReport.ts
@@ -1,4 +1,4 @@
-import { useDamageReportStore } from "@/stores/admin/unit/damageReport/damageReport";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
 
 export async function setDamageReportId(to: any, from: any, next: any) {
   const damageReportStore = useDamageReportStore();
diff --git a/src/router/unit/repair.ts b/src/router/unit/repair.ts
new file mode 100644
index 0000000..dab9374
--- /dev/null
+++ b/src/router/unit/repair.ts
@@ -0,0 +1,20 @@
+import { useRepairStore } from "@/stores/admin/unit/repair";
+
+export async function setRepairId(to: any, from: any, next: any) {
+  const repairStore = useRepairStore();
+  repairStore.activeRepair = to.params?.repairId ?? null;
+
+  //xystore().$reset();
+
+  next();
+}
+
+export async function resetRepairStores(to: any, from: any, next: any) {
+  const repairStore = useRepairStore();
+  repairStore.activeRepair = null;
+  repairStore.activeRepairObj = null;
+
+  //xystore().$reset();
+
+  next();
+}
diff --git a/src/stores/admin/navigation.ts b/src/stores/admin/navigation.ts
index 67aa59c..b6e5461 100644
--- a/src/stores/admin/navigation.ts
+++ b/src/stores/admin/navigation.ts
@@ -120,12 +120,11 @@ export const useNavigationStore = defineStore("navigation", {
               ? [{ key: "respiratory_mission", title: "Atemschutz-Einsätze" }]
               : []),
             ...(abilityStore.can("create", "unit", "inspection") ? [{ key: "inspection", title: "Prüfungen" }] : []),
+            ...(abilityStore.can("read", "unit", "maintenance") ? [{ key: "maintenance", title: "Wartungen" }] : []),
             ...(abilityStore.can("read", "unit", "damage_report")
               ? [{ key: "damage_report", title: "Schadensmeldungen" }]
               : []),
-            ...(abilityStore.can("read", "unit", "maintenance")
-              ? [{ key: "maintenance", title: "Wartungen / Reparaturen" }]
-              : []),
+            ...(abilityStore.can("read", "unit", "repair") ? [{ key: "repair", title: "Reparaturen" }] : []),
             { key: "divider1", title: "Basisdaten" },
             ...(abilityStore.can("read", "unit", "equipment_type")
               ? [{ key: "equipment_type", title: "Geräte-Typen" }]
diff --git a/src/stores/admin/unit/damageReport/damageReport.ts b/src/stores/admin/unit/damageReport.ts
similarity index 100%
rename from src/stores/admin/unit/damageReport/damageReport.ts
rename to src/stores/admin/unit/damageReport.ts
diff --git a/src/stores/admin/unit/maintenance/maintenance.ts b/src/stores/admin/unit/maintenance.ts
similarity index 100%
rename from src/stores/admin/unit/maintenance/maintenance.ts
rename to src/stores/admin/unit/maintenance.ts
diff --git a/src/stores/admin/unit/repair.ts b/src/stores/admin/unit/repair.ts
new file mode 100644
index 0000000..3104db8
--- /dev/null
+++ b/src/stores/admin/unit/repair.ts
@@ -0,0 +1,106 @@
+import { defineStore } from "pinia";
+import type { RepairViewModel, UpdateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import { http } from "@/serverCom";
+import type { AxiosResponse } from "axios";
+
+export const useRepairStore = defineStore("repair", {
+  state: () => {
+    return {
+      repairs: [] as Array<RepairViewModel & { tab_pos: number }>,
+      totalCount: 0 as number,
+      loading: "loading" as "loading" | "fetched" | "failed",
+      activeRepair: null as string | null,
+      activeRepairObj: null as RepairViewModel | null,
+      loadingActive: "loading" as "loading" | "fetched" | "failed",
+    };
+  },
+  actions: {
+    formatQueryReturnToPagination(result: AxiosResponse<any, any>, offset: number) {
+      this.totalCount = result.data.total;
+      result.data.repairs
+        .filter((elem: RepairViewModel) => this.repairs.findIndex((m) => m.id == elem.id) == -1)
+        .map((elem: RepairViewModel, index: number): RepairViewModel & { tab_pos: number } => {
+          return {
+            ...elem,
+            tab_pos: index + offset,
+          };
+        })
+        .forEach((elem: RepairViewModel & { tab_pos: number }) => {
+          this.repairs.push(elem);
+        });
+    },
+    fetchOpenRepairs(offset = 0, count = 25, search = "", clear = false) {
+      if (clear) this.repairs = [];
+      this.loading = "loading";
+      http
+        .get(`/admin/repair?done=false&offset=${offset}&count=${count}${search != "" ? "&search=" + search : ""}`)
+        .then((result) => {
+          this.formatQueryReturnToPagination(result, offset);
+          this.loading = "fetched";
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        });
+    },
+    fetchDoneRepairs(offset = 0, count = 25, search = "", clear = false) {
+      if (clear) this.repairs = [];
+      this.loading = "loading";
+      http
+        .get(`/admin/repair?done=true&offset=${offset}&count=${count}${search != "" ? "&search=" + search : ""}`)
+        .then((result) => {
+          this.formatQueryReturnToPagination(result, offset);
+          this.loading = "fetched";
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        });
+    },
+    async getAllRepairs(): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/repair?noLimit=true`).then((res) => {
+        return { ...res, data: res.data.repairs };
+      });
+    },
+    async getRepairsByIds(ids: Array<string>): Promise<AxiosResponse<any, any>> {
+      return await http
+        .post(`/admin/repair/ids`, {
+          ids,
+        })
+        .then((res) => {
+          return { ...res, data: res.data.repairs };
+        });
+    },
+    async searchRepairs(search: string): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/repair?search=${search}&noLimit=true`).then((res) => {
+        return { ...res, data: res.data.repairs };
+      });
+    },
+    fetchRepairByActiveId() {
+      this.loadingActive = "loading";
+      http
+        .get(`/admin/repair/${this.activeRepair}`)
+        .then((res) => {
+          this.activeRepairObj = res.data;
+          this.loadingActive = "fetched";
+        })
+        .catch((err) => {
+          this.loadingActive = "failed";
+        });
+    },
+    fetchRepairById(id: string) {
+      return http.get(`/admin/repair/${id}`);
+    },
+    loadRepairImage(url: string) {
+      return http.get(`/admin/repair/${this.activeRepairObj?.id}/${url}`, {
+        responseType: "blob",
+      });
+    },
+    async updateRepair(repair: UpdateRepairViewModel): Promise<AxiosResponse<any, any>> {
+      const result = await http.patch(`/admin/repair/${repair.id}`, {
+        status: repair.status,
+        noteByWorker: repair.noteByWorker,
+        done: repair.done,
+      });
+      return result;
+    },
+  },
+});
diff --git a/src/types/permissionTypes.ts b/src/types/permissionTypes.ts
index 2442d9f..091c0c3 100644
--- a/src/types/permissionTypes.ts
+++ b/src/types/permissionTypes.ts
@@ -22,6 +22,7 @@ export type PermissionModule =
   | "respiratory_mission"
   | "damage_report"
   | "maintenance"
+  | "repair"
   // configuration
   | "qualification"
   | "award"
@@ -97,6 +98,7 @@ export const permissionModules: Array<PermissionModule> = [
   "respiratory_mission",
   "damage_report",
   "maintenance",
+  "repair",
   // configuration
   "qualification",
   "award",
@@ -134,6 +136,7 @@ export const sectionsAndModules: SectionsAndModulesObject = {
     "respiratory_mission",
     "damage_report",
     "maintenance",
+    "repair",
   ],
   configuration: [
     "qualification",
diff --git a/src/viewmodels/admin/unit/damageReport.models.ts b/src/viewmodels/admin/unit/damageReport.models.ts
index d05debe..2c39fe6 100644
--- a/src/viewmodels/admin/unit/damageReport.models.ts
+++ b/src/viewmodels/admin/unit/damageReport.models.ts
@@ -1,5 +1,5 @@
 import type { EquipmentViewModel } from "./equipment/equipment.models";
-import type { MaintenanceViewModel } from "./maintenance.models";
+import type { RepairViewModel } from "./repair.models";
 import type { VehicleViewModel } from "./vehicle/vehicle.models";
 import type { WearableViewModel } from "./wearable/wearable.models";
 
@@ -31,7 +31,7 @@ export type DamageReportViewModel = {
   noteByWorker: string;
   images: string[];
   reportedBy: string;
-  maintenance?: MaintenanceViewModel;
+  repair?: RepairViewModel;
 } & Optional<DamageReportAssigned>;
 
 export interface CreateDamageReportViewModel {
diff --git a/src/viewmodels/admin/unit/maintenance.models.ts b/src/viewmodels/admin/unit/maintenance.models.ts
index 7ccd66e..bfcf1e2 100644
--- a/src/viewmodels/admin/unit/maintenance.models.ts
+++ b/src/viewmodels/admin/unit/maintenance.models.ts
@@ -1,4 +1,3 @@
-import type { DamageReportViewModel } from "./damageReport.models";
 import type { EquipmentViewModel } from "./equipment/equipment.models";
 import type { VehicleViewModel } from "./vehicle/vehicle.models";
 import type { WearableViewModel } from "./wearable/wearable.models";
@@ -24,9 +23,7 @@ export type MaintenanceViewModel = {
   id: string;
   createdAt: Date;
   status: string;
-  done: boolean;
   description: string;
-  reports: DamageReportViewModel[];
 } & MaintenanceAssigned;
 
 export interface CreateMaintenanceViewModel {
diff --git a/src/viewmodels/admin/unit/repair.models.ts b/src/viewmodels/admin/unit/repair.models.ts
new file mode 100644
index 0000000..b40f157
--- /dev/null
+++ b/src/viewmodels/admin/unit/repair.models.ts
@@ -0,0 +1,48 @@
+import type { DamageReportViewModel } from "./damageReport.models";
+import type { EquipmentViewModel } from "./equipment/equipment.models";
+import type { MaintenanceViewModel } from "./maintenance.models";
+import type { VehicleViewModel } from "./vehicle/vehicle.models";
+import type { WearableViewModel } from "./wearable/wearable.models";
+
+export type RepairAssigned = {
+  relatedId: string;
+} & (
+  | {
+      assigned: "equipment";
+      related: EquipmentViewModel;
+    }
+  | {
+      assigned: "vehicle";
+      related: VehicleViewModel;
+    }
+  | {
+      assigned: "wearable";
+      related: WearableViewModel;
+    }
+);
+
+export type RepairViewModel = {
+  id: string;
+  createdAt: Date;
+  finishedAt?: Date;
+  status: string;
+  responsible: string;
+  description: string;
+  images: string[];
+  reportDocument: string;
+  reports: DamageReportViewModel[];
+} & RepairAssigned;
+
+export interface CreateRepairViewModel {
+  description: string;
+  reportedBy: string;
+  affectedId: string;
+  affected: "equipment" | "vehicle" | "wearable";
+}
+
+export interface UpdateRepairViewModel {
+  id: string;
+  status: string;
+  noteByWorker: string;
+  done: boolean;
+}
diff --git a/src/views/admin/unit/damageReport/DamageReport.vue b/src/views/admin/unit/damageReport/DamageReport.vue
index 4ba8c6a..d33f077 100644
--- a/src/views/admin/unit/damageReport/DamageReport.vue
+++ b/src/views/admin/unit/damageReport/DamageReport.vue
@@ -19,7 +19,7 @@ import { defineComponent } from "vue";
 import { mapActions, mapState } from "pinia";
 import MainTemplate from "@/templates/Main.vue";
 import { useAbilityStore } from "@/stores/ability";
-import { useDamageReportStore } from "@/stores/admin/unit/damageReport/damageReport";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
 import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
 import Pagination from "@/components/Pagination.vue";
 import DamageReportListItem from "@/components/admin/unit/damageReport/DamageReportListItem.vue";
diff --git a/src/views/admin/unit/damageReport/DamageReportClosed.vue b/src/views/admin/unit/damageReport/DamageReportClosed.vue
index 0766e6d..89d5bc0 100644
--- a/src/views/admin/unit/damageReport/DamageReportClosed.vue
+++ b/src/views/admin/unit/damageReport/DamageReportClosed.vue
@@ -19,7 +19,7 @@ import { defineComponent } from "vue";
 import { mapActions, mapState } from "pinia";
 import MainTemplate from "@/templates/Main.vue";
 import { useAbilityStore } from "@/stores/ability";
-import { useDamageReportStore } from "@/stores/admin/unit/damageReport/damageReport";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
 import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
 import Pagination from "@/components/Pagination.vue";
 import DamageReportListItem from "@/components/admin/unit/damageReport/DamageReportListItem.vue";
diff --git a/src/views/admin/unit/damageReport/DamageReportRouting.vue b/src/views/admin/unit/damageReport/DamageReportRouting.vue
index 72b2043..a25335c 100644
--- a/src/views/admin/unit/damageReport/DamageReportRouting.vue
+++ b/src/views/admin/unit/damageReport/DamageReportRouting.vue
@@ -11,7 +11,7 @@
       </h1>
 
       <RouterLink
-        v-if="activeDamageReportObj?.related && can('read', 'unit', 'equipment')"
+        v-if="activeDamageReportObj?.related && can('read', 'unit', activeDamageReportObj.assigned)"
         :to="{
           name: `admin-unit-${activeDamageReportObj.assigned}-overview`,
           params: { [`${activeDamageReportObj.assigned}Id`]: activeDamageReportObj.related.id ?? '_' },
@@ -54,7 +54,7 @@ import { mapActions, mapState } from "pinia";
 import MainTemplate from "@/templates/Main.vue";
 import { RouterLink, RouterView } from "vue-router";
 import { useAbilityStore } from "@/stores/ability";
-import { useDamageReportStore } from "@/stores/admin/unit/damageReport/damageReport";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
 import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
 </script>
 
diff --git a/src/views/admin/unit/damageReport/Overview.vue b/src/views/admin/unit/damageReport/Overview.vue
index 85c05eb..d72c452 100644
--- a/src/views/admin/unit/damageReport/Overview.vue
+++ b/src/views/admin/unit/damageReport/Overview.vue
@@ -63,7 +63,7 @@
 import { defineComponent } from "vue";
 import { mapActions, mapState, mapWritableState } from "pinia";
 import { useAbilityStore } from "@/stores/ability";
-import { useDamageReportStore } from "@/stores/admin/unit/damageReport/damageReport";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
 import type { DamageReportViewModel, UpdateDamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
 </script>
 
diff --git a/src/views/admin/unit/equipment/DamageReport.vue b/src/views/admin/unit/equipment/DamageReport.vue
index 857c63d..513277d 100644
--- a/src/views/admin/unit/equipment/DamageReport.vue
+++ b/src/views/admin/unit/equipment/DamageReport.vue
@@ -25,7 +25,7 @@
               <div v-if="row.reportedBy" class="cursor-pointer">
                 <UserIcon class="w-5 h-5" />
               </div>
-              <div v-if="row.maintenance" class="cursor-pointer">
+              <div v-if="row.repair" class="cursor-pointer">
                 <WrenchScrewdriverIcon class="w-5 h-5" />
               </div>
             </div>
diff --git a/src/views/admin/unit/equipment/EquipmentRouting.vue b/src/views/admin/unit/equipment/EquipmentRouting.vue
index 5eb9ced..22f4466 100644
--- a/src/views/admin/unit/equipment/EquipmentRouting.vue
+++ b/src/views/admin/unit/equipment/EquipmentRouting.vue
@@ -55,9 +55,10 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-equipment-overview", title: "Übersicht" },
-        { route: "admin-unit-equipment-maintenance", title: "Wartungen/Reparaturen" },
         { route: "admin-unit-equipment-inspection", title: "Prüfungen" },
+        { route: "admin-unit-equipment-maintenance", title: "Wartungen" },
         { route: "admin-unit-equipment-damage_report", title: "Schadensmeldungen" },
+        { route: "admin-unit-equipment-repair", title: "Reparaturen" },
       ],
     };
   },
diff --git a/src/views/admin/unit/maintenance/Maintenance.vue b/src/views/admin/unit/maintenance/Maintenance.vue
index 19e0e0c..d54276c 100644
--- a/src/views/admin/unit/maintenance/Maintenance.vue
+++ b/src/views/admin/unit/maintenance/Maintenance.vue
@@ -19,7 +19,7 @@ import { defineComponent } from "vue";
 import { mapActions, mapState } from "pinia";
 import MainTemplate from "@/templates/Main.vue";
 import { useAbilityStore } from "@/stores/ability";
-import { useMaintenanceStore } from "@/stores/admin/unit/maintenance/maintenance";
+import { useMaintenanceStore } from "@/stores/admin/unit/maintenance";
 import type { MaintenanceViewModel } from "@/viewmodels/admin/unit/maintenance.models";
 import Pagination from "@/components/Pagination.vue";
 import MaintenanceListItem from "@/components/admin/unit/maintenance/MaintenanceListItem.vue";
diff --git a/src/views/admin/unit/repair/Overview.vue b/src/views/admin/unit/repair/Overview.vue
new file mode 100644
index 0000000..b401bbe
--- /dev/null
+++ b/src/views/admin/unit/repair/Overview.vue
@@ -0,0 +1,116 @@
+<template>
+  <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
+    <div v-if="activeRepairObj != null" class="flex flex-col gap-2 w-full">
+      <div>
+        <label for="status">Status</label>
+        <input id="status" ref="status" type="text" :readonly="!editStatus" :value="activeRepairObj.status" />
+      </div>
+      <button
+        v-if="!editStatus && !activeRepairObj.finishedAt"
+        primary
+        class="w-fit! self-end"
+        @click="editStatus = true"
+      >
+        Status ändern
+      </button>
+      <div v-else-if="!activeRepairObj.finishedAt" class="flex flex-row gap-2 justify-end">
+        <button primary-outline class="w-fit!" @click="saveStatus(true)">speichern und abschließen</button>
+        <button primary class="w-fit!" @click="saveStatus(false)">Status speichern</button>
+      </div>
+      <br />
+      <div>
+        <label for="description">Beschreibung des Schadens</label>
+        <textarea id="description" readonly :value="activeRepairObj.description"></textarea>
+      </div>
+      <div>
+        <label for="responsible">Verantwortlich</label>
+        <input id="responsible" type="text" readonly placeholder="---" :value="activeRepairObj.responsible" />
+      </div>
+      <div>
+        <label>Bild</label>
+        <div ref="imgs">
+          <small v-if="activeRepairObj.images.length == 0">Keine Bilder hochgeladen</small>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState, mapWritableState } from "pinia";
+import { useAbilityStore } from "@/stores/ability";
+import { useRepairStore } from "@/stores/admin/unit/repair";
+import type { RepairViewModel, UpdateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    repairId: String,
+  },
+  watch: {
+    activeRepairObj(val: RepairViewModel, oldVal: RepairViewModel | null) {
+      if (val && oldVal == null) this.loadImages();
+    },
+  },
+  data() {
+    return {
+      editStatus: false as boolean,
+      loading: undefined as undefined | "loading" | "success" | "failed",
+    };
+  },
+  computed: {
+    ...mapWritableState(useRepairStore, ["activeRepairObj"]),
+    ...mapState(useAbilityStore, ["can"]),
+  },
+  mounted() {
+    this.loadImages();
+  },
+  methods: {
+    ...mapActions(useRepairStore, ["loadRepairImage", "updateRepair"]),
+    loadImages() {
+      for (const i of this.activeRepairObj?.images ?? []) {
+        this.loadRepairImage(i)
+          .then((response) => {
+            const contentType =
+              response.headers && response.headers["content-type"] ? response.headers["content-type"] : "image/*";
+            const blob = new Blob([response.data], { type: contentType });
+            const img = document.createElement("img");
+            img.src = window.URL.createObjectURL(blob);
+            img.alt = "Schadensbild";
+            img.classList = "h-35 w-auto";
+            (this.$refs.imgs as HTMLElement).appendChild(img);
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      }
+    },
+    saveStatus(finish: boolean) {
+      if (this.activeRepairObj == null) return;
+      this.loading = "loading";
+      let update: UpdateRepairViewModel = {
+        id: this.activeRepairObj.id,
+        status: (this.$refs.status as HTMLInputElement).value,
+        noteByWorker: (this.$refs.noteByWorker as HTMLInputElement).value,
+        done: finish,
+      };
+      this.updateRepair(update)
+        .then((res) => {
+          this.activeRepairObj!.status = update.status;
+          this.loading = "success";
+          this.editStatus = false;
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        })
+        .finally(() => {
+          setTimeout(() => {
+            this.loading = undefined;
+          }, 2000);
+        });
+    },
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/RepairClosed.vue b/src/views/admin/unit/repair/RepairClosed.vue
new file mode 100644
index 0000000..6a0778b
--- /dev/null
+++ b/src/views/admin/unit/repair/RepairClosed.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="flex flex-col w-full h-full gap-2 justify-center">
+    <Pagination
+      :items="repairs"
+      :totalCount="totalCount"
+      :indicateLoading="loading == 'loading'"
+      @load-data="(offset, count, search) => fetchDoneRepairs(offset, count, search)"
+      @search="(search) => fetchDoneRepairs(0, maxEntriesPerPage, search, true)"
+    >
+      <template #pageRow="{ row }: { row: RepairViewModel }">
+        <RepairListItem :repair="row" />
+      </template>
+    </Pagination>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import MainTemplate from "@/templates/Main.vue";
+import { useAbilityStore } from "@/stores/ability";
+import { useRepairStore } from "@/stores/admin/unit/repair";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import Pagination from "@/components/Pagination.vue";
+import RepairListItem from "@/components/admin/unit/repair/RepairListItem.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  data() {
+    return {
+      maxEntriesPerPage: 25,
+    };
+  },
+  computed: {
+    ...mapState(useRepairStore, ["repairs", "totalCount", "loading"]),
+    ...mapState(useAbilityStore, ["can"]),
+  },
+  mounted() {
+    this.fetchDoneRepairs(0, this.maxEntriesPerPage, "", true);
+  },
+  methods: {
+    ...mapActions(useRepairStore, ["fetchDoneRepairs"]),
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/RepairOpen.vue b/src/views/admin/unit/repair/RepairOpen.vue
new file mode 100644
index 0000000..1970cc8
--- /dev/null
+++ b/src/views/admin/unit/repair/RepairOpen.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="flex flex-col w-full h-full gap-2 justify-center">
+    <Pagination
+      :items="repairs"
+      :totalCount="totalCount"
+      :indicateLoading="loading == 'loading'"
+      @load-data="(offset, count, search) => fetchOpenRepairs(offset, count, search)"
+      @search="(search) => fetchOpenRepairs(0, maxEntriesPerPage, search, true)"
+    >
+      <template #pageRow="{ row }: { row: RepairViewModel }">
+        <RepairListItem :repair="row" />
+      </template>
+    </Pagination>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import MainTemplate from "@/templates/Main.vue";
+import { useAbilityStore } from "@/stores/ability";
+import { useRepairStore } from "@/stores/admin/unit/repair";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import Pagination from "@/components/Pagination.vue";
+import RepairListItem from "@/components/admin/unit/repair/RepairListItem.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  data() {
+    return {
+      maxEntriesPerPage: 25,
+    };
+  },
+  computed: {
+    ...mapState(useRepairStore, ["repairs", "totalCount", "loading"]),
+    ...mapState(useAbilityStore, ["can"]),
+  },
+  mounted() {
+    this.fetchOpenRepairs(0, this.maxEntriesPerPage, "", true);
+  },
+  methods: {
+    ...mapActions(useRepairStore, ["fetchOpenRepairs"]),
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/RepairRouting.vue b/src/views/admin/unit/repair/RepairRouting.vue
new file mode 100644
index 0000000..8d0b8ed
--- /dev/null
+++ b/src/views/admin/unit/repair/RepairRouting.vue
@@ -0,0 +1,82 @@
+<template>
+  <MainTemplate>
+    <template #headerInsert>
+      <RouterLink :to="{ name: 'admin-unit-repair-open' }" class="text-primary">zurück zur Liste</RouterLink>
+    </template>
+    <template #topBar>
+      <h1 class="font-bold text-xl h-8 min-h-fit">
+        Schadensmeldung:
+        {{ activeRepairObj?.related?.name ?? "Ohne Zuordnung" }}
+        <small v-if="activeRepairObj?.related">({{ activeRepairObj.related.code }})</small>
+      </h1>
+
+      <RouterLink
+        v-if="activeRepairObj?.related && can('read', 'unit', activeRepairObj.assigned)"
+        :to="{
+          name: `admin-unit-${activeRepairObj.assigned}-overview`,
+          params: { [`${activeRepairObj.assigned}Id`]: activeRepairObj.related.id ?? '_' },
+        }"
+      >
+        <ArrowTopRightOnSquareIcon class="w-5 h-5" />
+      </RouterLink>
+    </template>
+    <template #diffMain>
+      <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
+        <div class="flex flex-col grow gap-2 overflow-hidden">
+          <div hidden class="w-full flex flex-row max-lg:flex-wrap justify-center">
+            <RouterLink
+              v-for="tab in tabs"
+              :key="tab.route"
+              v-slot="{ isExactActive }"
+              :to="{ name: tab.route }"
+              class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0"
+            >
+              <p
+                :class="[
+                  'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
+                  isExactActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
+                ]"
+              >
+                {{ tab.title }}
+              </p>
+            </RouterLink>
+          </div>
+          <RouterView />
+        </div>
+      </div>
+    </template>
+  </MainTemplate>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import MainTemplate from "@/templates/Main.vue";
+import { RouterLink, RouterView } from "vue-router";
+import { useAbilityStore } from "@/stores/ability";
+import { useRepairStore } from "@/stores/admin/unit/repair";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    repairId: String,
+  },
+  data() {
+    return {
+      tabs: [{ route: "admin-unit-repair-overview", title: "Übersicht" }],
+    };
+  },
+  computed: {
+    ...mapState(useRepairStore, ["activeRepairObj"]),
+    ...mapState(useAbilityStore, ["can"]),
+  },
+  mounted() {
+    this.fetchRepairByActiveId();
+  },
+  methods: {
+    ...mapActions(useRepairStore, ["fetchRepairByActiveId"]),
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/RepairStatusRouting.vue b/src/views/admin/unit/repair/RepairStatusRouting.vue
new file mode 100644
index 0000000..8d34a29
--- /dev/null
+++ b/src/views/admin/unit/repair/RepairStatusRouting.vue
@@ -0,0 +1,54 @@
+<template>
+  <MainTemplate title="Schadensmeldungen">
+    <template #diffMain>
+      <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
+        <div class="flex flex-col grow gap-2 overflow-hidden">
+          <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
+            <RouterLink
+              v-for="tab in tabs"
+              :key="tab.route"
+              v-slot="{ isExactActive }"
+              :to="{ name: tab.route }"
+              class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0"
+            >
+              <p
+                :class="[
+                  'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
+                  isExactActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
+                ]"
+              >
+                {{ tab.title }}
+              </p>
+            </RouterLink>
+          </div>
+          <RouterView />
+        </div>
+      </div>
+    </template>
+  </MainTemplate>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import MainTemplate from "@/templates/Main.vue";
+import { RouterLink, RouterView } from "vue-router";
+import { useAbilityStore } from "@/stores/ability";
+import { useEquipmentStore } from "@/stores/admin/unit/equipment/equipment";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  data() {
+    return {
+      tabs: [
+        { route: "admin-unit-repair-open", title: "offen" },
+        { route: "admin-unit-repair-done", title: "bearbeitet" },
+      ],
+    };
+  },
+  computed: {
+    ...mapState(useAbilityStore, ["can"]),
+  },
+});
+</script>
diff --git a/src/views/admin/unit/vehicle/DamageReport.vue b/src/views/admin/unit/vehicle/DamageReport.vue
index eb2ac38..25938da 100644
--- a/src/views/admin/unit/vehicle/DamageReport.vue
+++ b/src/views/admin/unit/vehicle/DamageReport.vue
@@ -25,7 +25,7 @@
               <div v-if="row.reportedBy" class="cursor-pointer">
                 <UserIcon class="w-5 h-5" />
               </div>
-              <div v-if="row.maintenance" class="cursor-pointer">
+              <div v-if="row.repair" class="cursor-pointer">
                 <WrenchScrewdriverIcon class="w-5 h-5" />
               </div>
             </div>
diff --git a/src/views/admin/unit/vehicle/VehicleRouting.vue b/src/views/admin/unit/vehicle/VehicleRouting.vue
index 4d3b22c..b9c9f32 100644
--- a/src/views/admin/unit/vehicle/VehicleRouting.vue
+++ b/src/views/admin/unit/vehicle/VehicleRouting.vue
@@ -55,9 +55,10 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-vehicle-overview", title: "Übersicht" },
-        { route: "admin-unit-vehicle-maintenance", title: "Wartungen/Reparaturen" },
         { route: "admin-unit-vehicle-inspection", title: "Prüfungen" },
+        { route: "admin-unit-vehicle-maintenance", title: "Wartungen" },
         { route: "admin-unit-vehicle-damage_report", title: "Schadensmeldungen" },
+        { route: "admin-unit-vehicle-repair", title: "Reparaturen" },
       ],
     };
   },
diff --git a/src/views/admin/unit/wearable/DamageReport.vue b/src/views/admin/unit/wearable/DamageReport.vue
index 847a286..3b40512 100644
--- a/src/views/admin/unit/wearable/DamageReport.vue
+++ b/src/views/admin/unit/wearable/DamageReport.vue
@@ -25,7 +25,7 @@
               <div v-if="row.reportedBy" class="cursor-pointer">
                 <UserIcon class="w-5 h-5" />
               </div>
-              <div v-if="row.maintenance" class="cursor-pointer">
+              <div v-if="row.repair" class="cursor-pointer">
                 <WrenchScrewdriverIcon class="w-5 h-5" />
               </div>
             </div>
diff --git a/src/views/admin/unit/wearable/WearableRouting.vue b/src/views/admin/unit/wearable/WearableRouting.vue
index e1f9f88..a7978dd 100644
--- a/src/views/admin/unit/wearable/WearableRouting.vue
+++ b/src/views/admin/unit/wearable/WearableRouting.vue
@@ -55,9 +55,10 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-wearable-overview", title: "Übersicht" },
-        { route: "admin-unit-wearable-maintenance", title: "Wartungen/Reparaturen" },
         { route: "admin-unit-wearable-inspection", title: "Prüfungen" },
+        { route: "admin-unit-wearable-maintenance", title: "Wartungen" },
         { route: "admin-unit-wearable-damage_report", title: "Schadensmeldungen" },
+        { route: "admin-unit-wearable-repair", title: "Reparaturen" },
       ],
     };
   },
-- 
2.47.3


From b5a3ff4dc699ba3032ff696b5c6b4b47de496faa Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Mon, 21 Jul 2025 11:03:49 +0200
Subject: [PATCH 2/4] extend report by title

---
 .../unit/damageReport/DamageReportListItem.vue    |  1 +
 src/components/public/damageReport/CheckEntry.vue |  6 ++++++
 src/components/public/damageReport/InputData.vue  | 15 ++++++++++++++-
 src/viewmodels/admin/unit/damageReport.models.ts  |  2 ++
 src/views/admin/unit/equipment/DamageReport.vue   |  2 +-
 src/views/admin/unit/vehicle/DamageReport.vue     |  2 +-
 src/views/admin/unit/wearable/DamageReport.vue    |  2 +-
 src/views/public/damageReport/Report.vue          | 13 ++++++++++++-
 8 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/components/admin/unit/damageReport/DamageReportListItem.vue b/src/components/admin/unit/damageReport/DamageReportListItem.vue
index 0ece8cb..574c584 100644
--- a/src/components/admin/unit/damageReport/DamageReportListItem.vue
+++ b/src/components/admin/unit/damageReport/DamageReportListItem.vue
@@ -5,6 +5,7 @@
   >
     <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
       <p>
+        {{ damageReport.title }} -
         {{ damageReport?.related?.name ?? "Ohne Zuordnung" }}
         <small v-if="damageReport?.related">({{ damageReport.related.code }})</small>
       </p>
diff --git a/src/components/public/damageReport/CheckEntry.vue b/src/components/public/damageReport/CheckEntry.vue
index 280f43c..a187a32 100644
--- a/src/components/public/damageReport/CheckEntry.vue
+++ b/src/components/public/damageReport/CheckEntry.vue
@@ -9,6 +9,10 @@
         </p>
         <p>Typ: {{ check.gear.type }}</p>
       </div>
+      <div>
+        <label for="title">Kurzbeschreibung (Titel)</label>
+        <input id="title" type="text" readonly :value="check.title" />
+      </div>
       <div>
         <label for="description">Beschreibung des Schadens</label>
         <textarea id="description" readonly :value="check.description"></textarea>
@@ -59,6 +63,7 @@ export default defineComponent({
     check: {
       type: Object as PropType<{
         gear: undefined | MinifiedEquipmentViewModel | MinifiedVehicleViewModel | MinifiedWearableViewModel;
+        title: string;
         description: string;
         location: string;
         note: string;
@@ -98,6 +103,7 @@ export default defineComponent({
       this.message = "";
       const formData = new FormData();
       if (this.check.gear) formData.append("related", JSON.stringify(this.check.gear));
+      formData.append("title", this.check.title);
       formData.append("description", this.check.description);
       formData.append("location", this.check.location);
       formData.append("note", this.check.note);
diff --git a/src/components/public/damageReport/InputData.vue b/src/components/public/damageReport/InputData.vue
index eb01d9a..20a35ee 100644
--- a/src/components/public/damageReport/InputData.vue
+++ b/src/components/public/damageReport/InputData.vue
@@ -2,6 +2,10 @@
   <form class="flex flex-col gap-2" @submit.prevent="setup">
     <p class="text-primary cursor-pointer" @click="$emit('stepBack')">zurück</p>
     <div class="flex flex-col gap-2">
+      <div>
+        <label for="title">Kurzbeschreibung (Titel)</label>
+        <input id="title" type="text" required :value="data.title" />
+      </div>
       <div>
         <label for="description">Beschreibung des Schadens</label>
         <textarea id="description" required :value="data.description"></textarea>
@@ -45,6 +49,7 @@ export default defineComponent({
     data: {
       type: Object as PropType<{
         gear: undefined | MinifiedEquipmentViewModel | MinifiedVehicleViewModel | MinifiedWearableViewModel;
+        title: string;
         description: string;
         location: string;
         note: string;
@@ -57,7 +62,14 @@ export default defineComponent({
   emits: {
     nextStep: (s: string) => true,
     stepBack: () => true,
-    data: (d: { description: string; location: string; note: string; reportedBy: string; image?: File }) => true,
+    data: (d: {
+      title: string;
+      description: string;
+      location: string;
+      note: string;
+      reportedBy: string;
+      image?: File;
+    }) => true,
   },
   mounted() {
     if (this.data.image) {
@@ -68,6 +80,7 @@ export default defineComponent({
     setup(e: any) {
       let formData = e.target.elements;
       this.$emit("data", {
+        title: formData.title.value,
         description: formData.description.value,
         location: formData.location.value,
         note: formData.note.value,
diff --git a/src/viewmodels/admin/unit/damageReport.models.ts b/src/viewmodels/admin/unit/damageReport.models.ts
index 2c39fe6..5544d00 100644
--- a/src/viewmodels/admin/unit/damageReport.models.ts
+++ b/src/viewmodels/admin/unit/damageReport.models.ts
@@ -22,6 +22,7 @@ export type DamageReportAssigned = {
 
 export type DamageReportViewModel = {
   id: string;
+  title: string;
   reportedAt: Date;
   status: string;
   done: boolean;
@@ -35,6 +36,7 @@ export type DamageReportViewModel = {
 } & Optional<DamageReportAssigned>;
 
 export interface CreateDamageReportViewModel {
+  title: string;
   description: string;
   reportedBy: string;
   affectedId: string;
diff --git a/src/views/admin/unit/equipment/DamageReport.vue b/src/views/admin/unit/equipment/DamageReport.vue
index 513277d..1f04e66 100644
--- a/src/views/admin/unit/equipment/DamageReport.vue
+++ b/src/views/admin/unit/equipment/DamageReport.vue
@@ -14,7 +14,7 @@
         >
           <div class="bg-primary p-2 text-white flex flex-row gap-2 items-center">
             <PencilSquareIcon v-if="!row.done" class="w-5 h-5" />
-            <p class="grow">{{ new Date(row.reportedAt).toLocaleString("de") }} - {{ row.status }}</p>
+            <p class="grow">{{ row.title }} - {{ new Date(row.reportedAt).toLocaleString("de") }} - {{ row.status }}</p>
             <div class="flex flex-row gap-2">
               <div v-if="row.images.length != 0" class="cursor-pointer">
                 <PhotoIcon class="w-5 h-5" />
diff --git a/src/views/admin/unit/vehicle/DamageReport.vue b/src/views/admin/unit/vehicle/DamageReport.vue
index 25938da..69f41de 100644
--- a/src/views/admin/unit/vehicle/DamageReport.vue
+++ b/src/views/admin/unit/vehicle/DamageReport.vue
@@ -14,7 +14,7 @@
         >
           <div class="bg-primary p-2 text-white flex flex-row gap-2 items-center">
             <PencilSquareIcon v-if="!row.done" class="w-5 h-5" />
-            <p class="grow">{{ new Date(row.reportedAt).toLocaleString("de") }} - {{ row.status }}</p>
+            <p class="grow">{{ row.title }} - {{ new Date(row.reportedAt).toLocaleString("de") }} - {{ row.status }}</p>
             <div class="flex flex-row gap-2">
               <div v-if="row.images.length != 0" class="cursor-pointer">
                 <PhotoIcon class="w-5 h-5" />
diff --git a/src/views/admin/unit/wearable/DamageReport.vue b/src/views/admin/unit/wearable/DamageReport.vue
index 3b40512..59379ab 100644
--- a/src/views/admin/unit/wearable/DamageReport.vue
+++ b/src/views/admin/unit/wearable/DamageReport.vue
@@ -14,7 +14,7 @@
         >
           <div class="bg-primary p-2 text-white flex flex-row gap-2 items-center">
             <PencilSquareIcon v-if="!row.done" class="w-5 h-5" />
-            <p class="grow">{{ new Date(row.reportedAt).toLocaleString("de") }} - {{ row.status }}</p>
+            <p class="grow">{{ row.title }} - {{ new Date(row.reportedAt).toLocaleString("de") }} - {{ row.status }}</p>
             <div class="flex flex-row gap-2">
               <div v-if="row.images.length != 0" class="cursor-pointer">
                 <PhotoIcon class="w-5 h-5" />
diff --git a/src/views/public/damageReport/Report.vue b/src/views/public/damageReport/Report.vue
index c36a7be..4fa0026 100644
--- a/src/views/public/damageReport/Report.vue
+++ b/src/views/public/damageReport/Report.vue
@@ -56,6 +56,7 @@ export default defineComponent({
       usingBarcode: false,
       content: {
         gear: undefined,
+        title: "",
         description: "",
         location: "",
         note: "",
@@ -63,6 +64,7 @@ export default defineComponent({
         image: undefined,
       } as {
         gear: undefined | MinifiedEquipmentViewModel | MinifiedVehicleViewModel | MinifiedWearableViewModel;
+        title: string;
         description: string;
         location: string;
         note: string;
@@ -83,7 +85,15 @@ export default defineComponent({
       this.step = index;
       this.successfull = index - 1;
     },
-    updateContent(d: { description: string; location: string; note: string; reportedBy: string; image?: File }) {
+    updateContent(d: {
+      title: string;
+      description: string;
+      location: string;
+      note: string;
+      reportedBy: string;
+      image?: File;
+    }) {
+      this.content.title = d.title;
       this.content.description = d.description;
       this.content.location = d.location;
       this.content.note = d.note;
@@ -102,6 +112,7 @@ export default defineComponent({
       this.usingBarcode = false;
       this.content = {
         gear: undefined,
+        title: "",
         description: "",
         location: "",
         note: "",
-- 
2.47.3


From c79d5bb1cd0f917e4f437b768f2d79943d1ef636 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Mon, 21 Jul 2025 12:58:32 +0200
Subject: [PATCH 3/4] repair create and view

---
 .../admin/unit/repair/RepairListItem.vue      |   4 +-
 ...eReportSearchSelectMultipleWithRelated.vue | 230 ++++++++++++++++++
 ...ageReportSearchSelectSingleWithRelated.vue | 216 ++++++++++++++++
 src/router/index.ts                           |  15 +-
 src/stores/admin/unit/damageReport.ts         |  17 ++
 src/stores/admin/unit/equipment/repair.ts     |  43 ++++
 src/stores/admin/unit/repair.ts               |  17 +-
 src/stores/admin/unit/vehicle/repair.ts       |  43 ++++
 src/stores/admin/unit/wearable/repair.ts      |  43 ++++
 src/viewmodels/admin/unit/repair.models.ts    |   9 +-
 .../unit/damageReport/DamageReportRouting.vue |  34 ++-
 .../DamageReportStatusRouting.vue             |  36 ++-
 src/views/admin/unit/equipment/Repair.vue     |  62 +++++
 src/views/admin/unit/repair/RepairCreate.vue  | 171 +++++++++++++
 src/views/admin/unit/repair/RepairRouting.vue |   2 +-
 .../admin/unit/repair/RepairStatusRouting.vue |  39 +--
 src/views/admin/unit/vehicle/Repair.vue       |  62 +++++
 src/views/admin/unit/wearable/Repair.vue      |  62 +++++
 18 files changed, 1046 insertions(+), 59 deletions(-)
 create mode 100644 src/components/search/DamageReportSearchSelectMultipleWithRelated.vue
 create mode 100644 src/components/search/DamageReportSearchSelectSingleWithRelated.vue
 create mode 100644 src/stores/admin/unit/equipment/repair.ts
 create mode 100644 src/stores/admin/unit/vehicle/repair.ts
 create mode 100644 src/stores/admin/unit/wearable/repair.ts
 create mode 100644 src/views/admin/unit/equipment/Repair.vue
 create mode 100644 src/views/admin/unit/repair/RepairCreate.vue
 create mode 100644 src/views/admin/unit/vehicle/Repair.vue
 create mode 100644 src/views/admin/unit/wearable/Repair.vue

diff --git a/src/components/admin/unit/repair/RepairListItem.vue b/src/components/admin/unit/repair/RepairListItem.vue
index 5b36a28..69986ee 100644
--- a/src/components/admin/unit/repair/RepairListItem.vue
+++ b/src/components/admin/unit/repair/RepairListItem.vue
@@ -5,13 +5,15 @@
   >
     <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
       <p>
+        {{ repair.title }} -
         {{ repair?.related?.name ?? "Ohne Zuordnung" }}
         <small v-if="repair?.related">({{ repair.related.code }})</small>
       </p>
     </div>
     <div class="p-2">
-      <p>vera: {{ new Date(repair.createdAt).toLocaleString("de") }}</p>
+      <p>begonnen: {{ new Date(repair.createdAt).toLocaleString("de") }}</p>
       <p>Status: {{ repair.status }}</p>
+      <p v-if="repair.responsible">Verantwortlich: {{ repair.responsible }}</p>
       <p v-if="repair.description">Beschreibung: {{ repair.description }}</p>
     </div>
   </RouterLink>
diff --git a/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue b/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue
new file mode 100644
index 0000000..bfb45b7
--- /dev/null
+++ b/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue
@@ -0,0 +1,230 @@
+<template>
+  <div class="w-full">
+    <Combobox v-model="selected" :disabled="disabled" multiple>
+      <ComboboxLabel>{{ title }}</ComboboxLabel>
+      <div class="relative mt-1">
+        <ComboboxInput
+          class="rounded-md shadow-xs relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-hidden focus:ring-0 focus:z-10 sm:text-sm resize-none"
+          :displayValue="(e) => chosen.map((c) => c.title).join(', ')"
+          @input="query = $event.target.value"
+        />
+        <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
+          <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
+        </ComboboxButton>
+        <TransitionRoot
+          leave="transition ease-in duration-100"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+          @after-leave="query = ''"
+        >
+          <ComboboxOptions
+            class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-hidden sm:text-sm z-20"
+          >
+            <ComboboxOption v-if="loading || deferingSearch" as="template" disabled>
+              <li class="flex flex-row gap-2 text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <Spinner />
+                <span class="font-normal block truncate">suche</span>
+              </li>
+            </ComboboxOption>
+            <ComboboxOption v-else-if="available.length === 0" as="template" disabled>
+              <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <span class="font-normal block truncate">tippe, um zu suchen...</span>
+              </li>
+            </ComboboxOption>
+            <ComboboxOption v-else-if="available.length === 0" as="template" disabled>
+              <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <span class="font-normal block truncate">Keine Auswahl gefunden.</span>
+              </li>
+            </ComboboxOption>
+
+            <ComboboxOption
+              v-if="!(loading || deferingSearch)"
+              v-for="damageReport in available"
+              as="template"
+              :key="damageReport.id"
+              :value="damageReport.id"
+              v-slot="{ selected, active }"
+            >
+              <li
+                class="relative cursor-default select-none py-2 pl-10 pr-4"
+                :class="{
+                  'bg-primary text-white': active,
+                  'text-gray-900': !active,
+                }"
+              >
+                <span class="block truncate" :class="{ 'font-medium': selected, 'font-normal': !selected }">
+                  {{ damageReport.title }} <span v-if="damageReport.reportedBy">von {{ damageReport.reportedBy }}</span>
+                </span>
+                <span
+                  v-if="selected"
+                  class="absolute inset-y-0 left-0 flex items-center pl-3"
+                  :class="{ 'text-white': active, 'text-primary': !active }"
+                >
+                  <CheckIcon class="h-5 w-5" aria-hidden="true" />
+                </span>
+              </li>
+            </ComboboxOption>
+          </ComboboxOptions>
+        </TransitionRoot>
+      </div>
+    </Combobox>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, type PropType } from "vue";
+import { mapState, mapActions } from "pinia";
+import {
+  Combobox,
+  ComboboxLabel,
+  ComboboxInput,
+  ComboboxButton,
+  ComboboxOptions,
+  ComboboxOption,
+  TransitionRoot,
+} from "@headlessui/vue";
+import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
+import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
+import difference from "lodash.difference";
+import Spinner from "@/components/Spinner.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    modelValue: {
+      type: Array as PropType<Array<string>>,
+      default: [],
+    },
+    title: String,
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    related: {
+      type: String as PropType<"vehicle" | "equipment" | "wearable">,
+      default: "equipment",
+    },
+    relatedId: {
+      type: String,
+      required: true,
+    },
+  },
+  emits: ["update:model-value", "add:difference", "remove:difference", "add:damageReport", "add:damageReportByArray"],
+  watch: {
+    modelValue() {
+      // if (this.initialLoaded) return;
+      this.initialLoaded = true;
+      this.loadDamageReportsInitial();
+    },
+    related() {
+      this.reload();
+    },
+    relatedId() {
+      this.reload();
+    },
+    query() {
+      this.deferingSearch = true;
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.deferingSearch = false;
+        this.search();
+      }, 600);
+    },
+  },
+  data() {
+    return {
+      initialLoaded: false as boolean,
+      loading: false as boolean,
+      deferingSearch: false as boolean,
+      timer: undefined as any,
+      query: "" as string,
+      all: [] as Array<DamageReportViewModel>,
+      filtered: [] as Array<DamageReportViewModel>,
+      chosen: [] as Array<DamageReportViewModel>,
+    };
+  },
+  computed: {
+    available() {
+      return this.query == "" ? this.all : this.filtered;
+    },
+    selected: {
+      get() {
+        return this.modelValue;
+      },
+      set(val: Array<string>) {
+        this.$emit("update:model-value", val);
+        if (this.modelValue.length < val.length) {
+          let diff = difference(val, this.modelValue);
+          if (diff.length != 1) return;
+
+          let diffObj = this.getDamageReportFromSearch(diff[0]);
+          if (!diffObj) return;
+
+          this.$emit("add:difference", diff[0]);
+          this.$emit("add:damageReport", diffObj);
+        } else {
+          let diff = difference(this.modelValue, val);
+          if (diff.length != 1) return;
+          this.$emit("remove:difference", diff[0]);
+        }
+      },
+    },
+  },
+  mounted() {
+    this.reload();
+  },
+  methods: {
+    ...mapActions(useDamageReportStore, [
+      "searchDamageReports",
+      "getDamageReportsByIds",
+      "getAllDamageReportsWithRelated",
+      "searchDamageReportsWithRelated",
+    ]),
+    reload() {
+      this.chosen = [];
+      this.filtered = [];
+      this.preloadAll();
+      this.loadDamageReportsInitial();
+    },
+    preloadAll() {
+      this.all = [];
+      if (this.relatedId == "") return;
+      this.loading = true;
+      this.getAllDamageReportsWithRelated(this.related, this.relatedId)
+        .then((res) => {
+          this.all = res.data;
+        })
+        .catch((err) => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    search() {
+      this.filtered = [];
+      if (this.query == "") return;
+      this.loading = true;
+      this.searchDamageReportsWithRelated(this.related, this.relatedId, this.query)
+        .then((res) => {
+          this.filtered = res.data;
+        })
+        .catch((err) => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    getDamageReportFromSearch(id: string) {
+      return this.filtered.find((f) => f.id == id);
+    },
+    loadDamageReportsInitial() {
+      if (this.modelValue.length == 0) return;
+      this.getDamageReportsByIds(this.modelValue)
+        .then((res) => {
+          this.chosen = res.data;
+        })
+        .catch(() => {});
+    },
+  },
+});
+</script>
diff --git a/src/components/search/DamageReportSearchSelectSingleWithRelated.vue b/src/components/search/DamageReportSearchSelectSingleWithRelated.vue
new file mode 100644
index 0000000..101fe78
--- /dev/null
+++ b/src/components/search/DamageReportSearchSelectSingleWithRelated.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="w-full">
+    <Combobox v-model="selected" :disabled="disabled">
+      <ComboboxLabel>{{ title }}</ComboboxLabel>
+      <div class="relative mt-1">
+        <ComboboxInput
+          class="rounded-md shadow-xs relative block w-full px-3 py-2 border border-gray-300 focus:border-primary placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-hidden focus:ring-0 focus:z-10 sm:text-sm resize-none"
+          :display-value="() => chosen?.title ?? ''"
+          @input="query = $event.target.value"
+        />
+        <ComboboxButton class="absolute inset-y-0 right-0 flex items-center pr-2">
+          <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
+        </ComboboxButton>
+        <TransitionRoot
+          leave="transition ease-in duration-100"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+          @after-leave="query = ''"
+        >
+          <ComboboxOptions
+            class="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-md ring-1 ring-black/5 focus:outline-hidden sm:text-sm z-20"
+          >
+            <ComboboxOption v-if="loading || deferingSearch" as="template" disabled>
+              <li class="flex flex-row gap-2 text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <Spinner />
+                <span class="font-normal block truncate">suche</span>
+              </li>
+            </ComboboxOption>
+            <ComboboxOption v-else-if="available.length === 0 && query == ''" as="template" disabled>
+              <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <span class="font-normal block truncate">tippe, um zu suchen...</span>
+              </li>
+            </ComboboxOption>
+            <ComboboxOption v-else-if="available.length === 0" as="template" disabled>
+              <li class="text-text relative cursor-default select-none py-2 pl-3 pr-4">
+                <span class="font-normal block truncate">Keine Auswahl gefunden.</span>
+              </li>
+            </ComboboxOption>
+
+            <ComboboxOption
+              v-if="!(loading || deferingSearch)"
+              v-for="damageReport in available"
+              as="template"
+              :key="damageReport.id"
+              :value="damageReport.id"
+              v-slot="{ selected, active }"
+            >
+              <li
+                class="relative cursor-default select-none py-2 pl-10 pr-4"
+                :class="{
+                  'bg-primary text-white': active,
+                  'text-gray-900': !active,
+                }"
+              >
+                <span class="block truncate" :class="{ 'font-medium': selected, 'font-normal': !selected }">
+                  {{ damageReport.title }} <span v-if="damageReport.reportedBy">von {{ damageReport.reportedBy }}</span>
+                </span>
+                <span
+                  v-if="selected"
+                  class="absolute inset-y-0 left-0 flex items-center pl-3"
+                  :class="{ 'text-white': active, 'text-primary': !active }"
+                >
+                  <CheckIcon class="h-5 w-5" aria-hidden="true" />
+                </span>
+              </li>
+            </ComboboxOption>
+          </ComboboxOptions>
+        </TransitionRoot>
+      </div>
+    </Combobox>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, type PropType } from "vue";
+import { mapState, mapActions } from "pinia";
+import {
+  Combobox,
+  ComboboxLabel,
+  ComboboxInput,
+  ComboboxButton,
+  ComboboxOptions,
+  ComboboxOption,
+  TransitionRoot,
+} from "@headlessui/vue";
+import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
+import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
+import Spinner from "../Spinner.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    modelValue: {
+      type: String,
+      default: "",
+    },
+    title: String,
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    related: {
+      type: String as PropType<"vehicle" | "equipment" | "wearable">,
+      default: "equipment",
+    },
+    relatedId: {
+      type: String,
+      required: true,
+    },
+  },
+  emits: ["update:model-value"],
+  watch: {
+    modelValue() {
+      //if (this.initialLoaded) return;
+      this.initialLoaded = true;
+      this.loadDamageReportInitial();
+    },
+    related() {
+      this.reload();
+    },
+    relatedId() {
+      this.reload();
+    },
+    query() {
+      this.deferingSearch = true;
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.deferingSearch = false;
+        this.search();
+      }, 600);
+    },
+  },
+  data() {
+    return {
+      initialLoaded: false as boolean,
+      loading: false as boolean,
+      deferingSearch: false as boolean,
+      timer: undefined as any,
+      query: "" as string,
+      all: [] as Array<DamageReportViewModel>,
+      filtered: [] as Array<DamageReportViewModel>,
+      chosen: undefined as undefined | DamageReportViewModel,
+    };
+  },
+  computed: {
+    available() {
+      return this.query == "" ? this.all : this.filtered;
+    },
+    selected: {
+      get() {
+        return this.modelValue;
+      },
+      set(val: string) {
+        this.chosen = this.getDamageReportFromSearch(val);
+        this.$emit("update:model-value", val);
+      },
+    },
+  },
+  mounted() {
+    this.reload();
+  },
+  methods: {
+    ...mapActions(useDamageReportStore, [
+      "searchDamageReports",
+      "fetchDamageReportById",
+      "getAllDamageReportsWithRelated",
+      "searchDamageReportsWithRelated",
+    ]),
+    reload() {
+      this.chosen = undefined;
+      this.filtered = [];
+      this.preloadAll();
+      this.loadDamageReportInitial();
+    },
+    preloadAll() {
+      this.all = [];
+      if (this.relatedId == "") return;
+      this.loading = true;
+      this.getAllDamageReportsWithRelated(this.related, this.relatedId)
+        .then((res) => {
+          this.all = res.data;
+        })
+        .catch((err) => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    search() {
+      this.filtered = [];
+      if (this.query == "") return;
+      this.loading = true;
+      this.searchDamageReportsWithRelated(this.related, this.relatedId, this.query)
+        .then((res) => {
+          this.filtered = res.data;
+        })
+        .catch((err) => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    getDamageReportFromSearch(id: string) {
+      return this.filtered.find((f) => f.id == id);
+    },
+    loadDamageReportInitial() {
+      if (this.modelValue == "" || this.modelValue == null) return;
+      this.fetchDamageReportById(this.modelValue)
+        .then((res) => {
+          this.chosen = res.data;
+        })
+        .catch(() => {});
+    },
+  },
+});
+</script>
diff --git a/src/router/index.ts b/src/router/index.ts
index 68908e5..30b6402 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -378,7 +378,7 @@ const router = createRouter({
                     {
                       path: "repair",
                       name: "admin-unit-equipment-repair",
-                      component: () => import("@/views/admin/ViewSelect.vue"),
+                      component: () => import("@/views/admin/unit/equipment/Repair.vue"),
                       props: true,
                     },
                     {
@@ -447,7 +447,7 @@ const router = createRouter({
                     {
                       path: "repair",
                       name: "admin-unit-vehicle-repair",
-                      component: () => import("@/views/admin/ViewSelect.vue"),
+                      component: () => import("@/views/admin/unit/vehicle/Repair.vue"),
                       props: true,
                     },
                     {
@@ -516,7 +516,7 @@ const router = createRouter({
                     {
                       path: "repair",
                       name: "admin-unit-wearable-repair",
-                      component: () => import("@/views/admin/ViewSelect.vue"),
+                      component: () => import("@/views/admin/unit/wearable/Repair.vue"),
                       props: true,
                     },
                     {
@@ -802,7 +802,14 @@ const router = createRouter({
                   ],
                 },
                 {
-                  path: "hi/:repairId",
+                  path: "create/:type?/:relatedId?",
+                  name: "admin-unit-repair-create",
+                  component: () => import("@/views/admin/unit/repair/RepairCreate.vue"),
+                  beforeEnter: [],
+                  props: true,
+                },
+                {
+                  path: "execute/:repairId",
                   name: "admin-unit-repair-routing",
                   component: () => import("@/views/admin/unit/repair/RepairRouting.vue"),
                   beforeEnter: [setRepairId],
diff --git a/src/stores/admin/unit/damageReport.ts b/src/stores/admin/unit/damageReport.ts
index 827086a..d7a458a 100644
--- a/src/stores/admin/unit/damageReport.ts
+++ b/src/stores/admin/unit/damageReport.ts
@@ -74,6 +74,23 @@ export const useDamageReportStore = defineStore("damageReport", {
         return { ...res, data: res.data.damageReports };
       });
     },
+    async getAllDamageReportsWithRelated(
+      related: "vehicle" | "equipment" | "wearable",
+      relatedId: string
+    ): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/damageReport/${related}/${relatedId}?noLimit=true`).then((res) => {
+        return { ...res, data: res.data.damageReports };
+      });
+    },
+    async searchDamageReportsWithRelated(
+      related: "vehicle" | "equipment" | "wearable",
+      relatedId: string,
+      search: string
+    ): Promise<AxiosResponse<any, any>> {
+      return await http.get(`/admin/damageReport/${related}/${relatedId}?search=${search}&noLimit=true`).then((res) => {
+        return { ...res, data: res.data.damageReports };
+      });
+    },
     fetchDamageReportByActiveId() {
       this.loadingActive = "loading";
       http
diff --git a/src/stores/admin/unit/equipment/repair.ts b/src/stores/admin/unit/equipment/repair.ts
new file mode 100644
index 0000000..a3db4ba
--- /dev/null
+++ b/src/stores/admin/unit/equipment/repair.ts
@@ -0,0 +1,43 @@
+import { defineStore } from "pinia";
+import { http } from "@/serverCom";
+import { useEquipmentStore } from "./equipment";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+
+export const useEquipmentRepairStore = defineStore("equipmentRepair", {
+  state: () => {
+    return {
+      repairs: [] as Array<RepairViewModel & { tab_pos: number }>,
+      totalCount: 0 as number,
+      loading: "loading" as "loading" | "fetched" | "failed",
+    };
+  },
+  actions: {
+    fetchRepairForEquipment(offset = 0, count = 25, search = "", clear = false) {
+      const equipmentId = useEquipmentStore().activeEquipment;
+      if (clear) this.repairs = [];
+      this.loading = "loading";
+      http
+        .get(
+          `/admin/repair/equipment/${equipmentId}?offset=${offset}&count=${count}${search != "" ? "&search=" + search : ""}`
+        )
+        .then((result) => {
+          this.totalCount = result.data.total;
+          result.data.repairs
+            .filter((elem: RepairViewModel) => this.repairs.findIndex((m) => m.id == elem.id) == -1)
+            .map((elem: RepairViewModel, index: number): RepairViewModel & { tab_pos: number } => {
+              return {
+                ...elem,
+                tab_pos: index + offset,
+              };
+            })
+            .forEach((elem: RepairViewModel & { tab_pos: number }) => {
+              this.repairs.push(elem);
+            });
+          this.loading = "fetched";
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        });
+    },
+  },
+});
diff --git a/src/stores/admin/unit/repair.ts b/src/stores/admin/unit/repair.ts
index 3104db8..91e444e 100644
--- a/src/stores/admin/unit/repair.ts
+++ b/src/stores/admin/unit/repair.ts
@@ -1,5 +1,9 @@
 import { defineStore } from "pinia";
-import type { RepairViewModel, UpdateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import type {
+  CreateRepairViewModel,
+  RepairViewModel,
+  UpdateRepairViewModel,
+} from "@/viewmodels/admin/unit/repair.models";
 import { http } from "@/serverCom";
 import type { AxiosResponse } from "axios";
 
@@ -94,6 +98,17 @@ export const useRepairStore = defineStore("repair", {
         responseType: "blob",
       });
     },
+    async createRepair(repair: CreateRepairViewModel): Promise<AxiosResponse<any, any>> {
+      const result = await http.post(`/admin/repair`, {
+        affected: repair.affected,
+        affectedId: repair.affectedId,
+        title: repair.title,
+        description: repair.description,
+        responsible: repair.responsible,
+        reports: repair.reports,
+      });
+      return result;
+    },
     async updateRepair(repair: UpdateRepairViewModel): Promise<AxiosResponse<any, any>> {
       const result = await http.patch(`/admin/repair/${repair.id}`, {
         status: repair.status,
diff --git a/src/stores/admin/unit/vehicle/repair.ts b/src/stores/admin/unit/vehicle/repair.ts
new file mode 100644
index 0000000..beb30a1
--- /dev/null
+++ b/src/stores/admin/unit/vehicle/repair.ts
@@ -0,0 +1,43 @@
+import { defineStore } from "pinia";
+import { http } from "@/serverCom";
+import { useVehicleStore } from "./vehicle";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+
+export const useVehicleRepairStore = defineStore("vehicleRepair", {
+  state: () => {
+    return {
+      repairs: [] as Array<RepairViewModel & { tab_pos: number }>,
+      totalCount: 0 as number,
+      loading: "loading" as "loading" | "fetched" | "failed",
+    };
+  },
+  actions: {
+    fetchRepairForVehicle(offset = 0, count = 25, search = "", clear = false) {
+      const vehicleId = useVehicleStore().activeVehicle;
+      if (clear) this.repairs = [];
+      this.loading = "loading";
+      http
+        .get(
+          `/admin/repair/vehicle/${vehicleId}?offset=${offset}&count=${count}${search != "" ? "&search=" + search : ""}`
+        )
+        .then((result) => {
+          this.totalCount = result.data.total;
+          result.data.repairs
+            .filter((elem: RepairViewModel) => this.repairs.findIndex((m) => m.id == elem.id) == -1)
+            .map((elem: RepairViewModel, index: number): RepairViewModel & { tab_pos: number } => {
+              return {
+                ...elem,
+                tab_pos: index + offset,
+              };
+            })
+            .forEach((elem: RepairViewModel & { tab_pos: number }) => {
+              this.repairs.push(elem);
+            });
+          this.loading = "fetched";
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        });
+    },
+  },
+});
diff --git a/src/stores/admin/unit/wearable/repair.ts b/src/stores/admin/unit/wearable/repair.ts
new file mode 100644
index 0000000..95f74e2
--- /dev/null
+++ b/src/stores/admin/unit/wearable/repair.ts
@@ -0,0 +1,43 @@
+import { defineStore } from "pinia";
+import { http } from "@/serverCom";
+import { useWearableStore } from "./wearable";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+
+export const useWearableRepairStore = defineStore("wearableRepair", {
+  state: () => {
+    return {
+      repairs: [] as Array<RepairViewModel & { tab_pos: number }>,
+      totalCount: 0 as number,
+      loading: "loading" as "loading" | "fetched" | "failed",
+    };
+  },
+  actions: {
+    fetchRepairForWearable(offset = 0, count = 25, search = "", clear = false) {
+      const wearableId = useWearableStore().activeWearable;
+      if (clear) this.repairs = [];
+      this.loading = "loading";
+      http
+        .get(
+          `/admin/repair/wearable/${wearableId}?offset=${offset}&count=${count}${search != "" ? "&search=" + search : ""}`
+        )
+        .then((result) => {
+          this.totalCount = result.data.total;
+          result.data.repairs
+            .filter((elem: RepairViewModel) => this.repairs.findIndex((m) => m.id == elem.id) == -1)
+            .map((elem: RepairViewModel, index: number): RepairViewModel & { tab_pos: number } => {
+              return {
+                ...elem,
+                tab_pos: index + offset,
+              };
+            })
+            .forEach((elem: RepairViewModel & { tab_pos: number }) => {
+              this.repairs.push(elem);
+            });
+          this.loading = "fetched";
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        });
+    },
+  },
+});
diff --git a/src/viewmodels/admin/unit/repair.models.ts b/src/viewmodels/admin/unit/repair.models.ts
index b40f157..cef3a72 100644
--- a/src/viewmodels/admin/unit/repair.models.ts
+++ b/src/viewmodels/admin/unit/repair.models.ts
@@ -27,6 +27,7 @@ export type RepairViewModel = {
   finishedAt?: Date;
   status: string;
   responsible: string;
+  title: string;
   description: string;
   images: string[];
   reportDocument: string;
@@ -34,10 +35,12 @@ export type RepairViewModel = {
 } & RepairAssigned;
 
 export interface CreateRepairViewModel {
-  description: string;
-  reportedBy: string;
-  affectedId: string;
   affected: "equipment" | "vehicle" | "wearable";
+  affectedId: string;
+  title: string;
+  description: string;
+  responsible: string;
+  reports: string[];
 }
 
 export interface UpdateRepairViewModel {
diff --git a/src/views/admin/unit/damageReport/DamageReportRouting.vue b/src/views/admin/unit/damageReport/DamageReportRouting.vue
index a25335c..c876d31 100644
--- a/src/views/admin/unit/damageReport/DamageReportRouting.vue
+++ b/src/views/admin/unit/damageReport/DamageReportRouting.vue
@@ -5,20 +5,32 @@
     </template>
     <template #topBar>
       <h1 class="font-bold text-xl h-8 min-h-fit">
-        Schadensmeldung:
+        {{ activeDamageReportObj?.title }} -
         {{ activeDamageReportObj?.related?.name ?? "Ohne Zuordnung" }}
         <small v-if="activeDamageReportObj?.related">({{ activeDamageReportObj.related.code }})</small>
       </h1>
 
-      <RouterLink
-        v-if="activeDamageReportObj?.related && can('read', 'unit', activeDamageReportObj.assigned)"
-        :to="{
-          name: `admin-unit-${activeDamageReportObj.assigned}-overview`,
-          params: { [`${activeDamageReportObj.assigned}Id`]: activeDamageReportObj.related.id ?? '_' },
-        }"
-      >
-        <ArrowTopRightOnSquareIcon class="w-5 h-5" />
-      </RouterLink>
+      <div class="flex flex-row gap-2">
+        <RouterLink
+          v-if="activeDamageReportObj?.repair && can('read', 'unit', 'repair')"
+          :to="{
+            name: `admin-unit-repair-overview`,
+            params: { repairId: activeDamageReportObj.repair.id },
+          }"
+          title="Zur verbundenen Reparatur"
+        >
+          <WrenchScrewdriverIcon class="w-5 h-5" />
+        </RouterLink>
+        <RouterLink
+          v-if="activeDamageReportObj?.related && can('read', 'unit', activeDamageReportObj.assigned)"
+          :to="{
+            name: `admin-unit-${activeDamageReportObj.assigned}-overview`,
+            params: { [`${activeDamageReportObj.assigned}Id`]: activeDamageReportObj.related.id ?? '_' },
+          }"
+        >
+          <ArrowTopRightOnSquareIcon class="w-5 h-5" />
+        </RouterLink>
+      </div>
     </template>
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
@@ -55,7 +67,7 @@ import MainTemplate from "@/templates/Main.vue";
 import { RouterLink, RouterView } from "vue-router";
 import { useAbilityStore } from "@/stores/ability";
 import { useDamageReportStore } from "@/stores/admin/unit/damageReport";
-import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
+import { ArrowTopRightOnSquareIcon, WrenchScrewdriverIcon } from "@heroicons/vue/24/outline";
 </script>
 
 <script lang="ts">
diff --git a/src/views/admin/unit/damageReport/DamageReportStatusRouting.vue b/src/views/admin/unit/damageReport/DamageReportStatusRouting.vue
index 425f450..2ddb06c 100644
--- a/src/views/admin/unit/damageReport/DamageReportStatusRouting.vue
+++ b/src/views/admin/unit/damageReport/DamageReportStatusRouting.vue
@@ -2,27 +2,25 @@
   <MainTemplate title="Schadensmeldungen">
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
-        <div class="flex flex-col grow gap-2 overflow-hidden">
-          <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
-            <RouterLink
-              v-for="tab in tabs"
-              :key="tab.route"
-              v-slot="{ isExactActive }"
-              :to="{ name: tab.route }"
-              class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0"
+        <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
+          <RouterLink
+            v-for="tab in tabs"
+            :key="tab.route"
+            v-slot="{ isExactActive }"
+            :to="{ name: tab.route }"
+            class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0"
+          >
+            <p
+              :class="[
+                'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
+                isExactActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
+              ]"
             >
-              <p
-                :class="[
-                  'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
-                  isExactActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
-                ]"
-              >
-                {{ tab.title }}
-              </p>
-            </RouterLink>
-          </div>
-          <RouterView />
+              {{ tab.title }}
+            </p>
+          </RouterLink>
         </div>
+        <RouterView />
       </div>
     </template>
   </MainTemplate>
diff --git a/src/views/admin/unit/equipment/Repair.vue b/src/views/admin/unit/equipment/Repair.vue
new file mode 100644
index 0000000..603db4e
--- /dev/null
+++ b/src/views/admin/unit/equipment/Repair.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="flex flex-col gap-2 h-full w-full">
+    <Pagination
+      :items="repairs"
+      :totalCount="totalCount"
+      :indicateLoading="loading == 'loading'"
+      @load-data="(offset, count, search) => fetchRepairForEquipment(offset, count, search)"
+      @search="(search) => fetchRepairForEquipment(0, 25, search, true)"
+    >
+      <template #pageRow="{ row }: { row: RepairViewModel }">
+        <RouterLink
+          :to="{ name: 'admin-unit-repair-overview', params: { repairId: row.id } }"
+          class="flex flex-col h-fit w-full border border-primary rounded-md"
+        >
+          <div class="bg-primary p-2 text-white flex flex-row gap-2 items-center">
+            <PencilSquareIcon v-if="row.finishedAt == null" class="w-5 h-5" />
+            <p class="grow">{{ new Date(row.createdAt).toLocaleString("de") }} - {{ row.status }}</p>
+          </div>
+          <div class="p-2">
+            <p>Beschreibung: {{ row.description }}</p>
+          </div>
+        </RouterLink>
+      </template>
+    </Pagination>
+    <RouterLink
+      :to="{ name: 'admin-unit-repair-create', params: { type: 'equipment', relatedId: equipmentId } }"
+      button
+      primary
+      class="w-fit!"
+    >
+      Reparatur erstellen
+    </RouterLink>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import { useAbilityStore } from "@/stores/ability";
+import { useEquipmentRepairStore } from "@/stores/admin/unit/equipment/repair";
+import Pagination from "@/components/Pagination.vue";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import { PhotoIcon, PencilSquareIcon, MapPinIcon, WrenchScrewdriverIcon, UserIcon } from "@heroicons/vue/24/outline";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    equipmentId: String,
+  },
+  computed: {
+    ...mapState(useAbilityStore, ["can"]),
+    ...mapState(useEquipmentRepairStore, ["repairs", "loading", "totalCount"]),
+  },
+  mounted() {
+    this.fetchRepairForEquipment(0, 25, "", true);
+  },
+  methods: {
+    ...mapActions(useEquipmentRepairStore, ["fetchRepairForEquipment"]),
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/RepairCreate.vue b/src/views/admin/unit/repair/RepairCreate.vue
new file mode 100644
index 0000000..6355228
--- /dev/null
+++ b/src/views/admin/unit/repair/RepairCreate.vue
@@ -0,0 +1,171 @@
+<template>
+  <MainTemplate title="Reparatur erstellen">
+    <template #main>
+      <form class="flex flex-col gap-4 py-2 w-full max-w-xl mx-auto" @submit.prevent="createNewRepair">
+        <div class="flex flex-row">
+          <div
+            v-for="tab in tabs"
+            :key="tab.key"
+            class="w-1/2 p-0.5 first:pl-0 last:pr-0 cursor-pointer"
+            @click="
+              active = tab.key;
+              related = '';
+              reports = [];
+            "
+          >
+            <p
+              :class="[
+                'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
+                tab.key == active
+                  ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none'
+                  : ' hover:bg-red-200',
+              ]"
+            >
+              {{ tab.title }}
+            </p>
+          </div>
+        </div>
+
+        <EquipmentSearchSelect v-if="active == 'equipment'" title="Gerät" useScanner v-model="related" />
+        <VehicleSearchSelect v-else-if="active == 'vehicle'" title="Fahrzeug" useScanner v-model="related" />
+        <WearableSearchSelect v-else title="Kleidung" useScanner v-model="related" />
+
+        <div>
+          <label for="title"> Kurzbeschreibung </label>
+          <input id="title" type="text" required />
+        </div>
+
+        <div>
+          <label for="description"> Beschreibung (optional) </label>
+          <textarea id="description" class="h-24"></textarea>
+        </div>
+
+        <div>
+          <label for="responsible"> Verantwortlich (optional) </label>
+          <input id="responsible" type="text" />
+        </div>
+
+        <DamageReportSearchSelectMultipleWithRelated
+          title="verbundene Schadensmeldungen zu dieser Reparatur (optional)"
+          :related="active"
+          :relatedId="related"
+          v-model="reports"
+        />
+
+        <div class="flex flex-row justify-end gap-2">
+          <RouterLink
+            :to="{ name: 'admin-unit-repair' }"
+            primary-outline
+            button
+            class="w-fit!"
+            :disabled="status == 'loading' || status?.status == 'success'"
+          >
+            abbrechen
+          </RouterLink>
+          <button primary type="submit" class="w-fit!" :disabled="status == 'loading'">starten</button>
+          <Spinner v-if="status == 'loading'" class="my-auto" />
+          <SuccessCheckmark v-else-if="status?.status == 'success'" />
+          <FailureXMark v-else-if="status?.status == 'failed'" />
+        </div>
+      </form>
+    </template>
+  </MainTemplate>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, type PropType } from "vue";
+import { mapActions, mapState } from "pinia";
+import MainTemplate from "@/templates/Main.vue";
+import Spinner from "@/components/Spinner.vue";
+import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
+import FailureXMark from "@/components/FailureXMark.vue";
+import EquipmentSearchSelect from "@/components/search/EquipmentSearchSelect.vue";
+import VehicleSearchSelect from "@/components/search/VehicleSearchSelect.vue";
+import WearableSearchSelect from "@/components/search/WearableSearchSelect.vue";
+import { useEquipmentStore } from "@/stores/admin/unit/equipment/equipment";
+import { useVehicleStore } from "@/stores/admin/unit/vehicle/vehicle";
+import { useWearableStore } from "@/stores/admin/unit/wearable/wearable";
+import type { CreateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import { useRepairStore } from "@/stores/admin/unit/repair";
+import DamageReportSearchSelectMultipleWithRelated from "@/components/search/DamageReportSearchSelectMultipleWithRelated.vue";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    type: {
+      type: String as PropType<"vehicle" | "equipment" | "wearable">,
+      default: "equipment",
+    },
+    relatedId: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      status: null as null | "loading" | { status: "success" | "failed"; reason?: string },
+      timeout: null as any,
+      related: "",
+      active: "equipment" as "equipment" | "vehicle" | "wearable",
+      tabs: [
+        {
+          key: "equipment",
+          title: "Gerät",
+        },
+        {
+          key: "vehicle",
+          title: "Fahrzeug",
+        },
+        {
+          key: "wearable",
+          title: "Kleidung",
+        },
+      ] as Array<{ key: "equipment" | "vehicle" | "wearable"; title: string }>,
+      reports: [] as Array<string>,
+    };
+  },
+  mounted() {
+    if (["vehicle", "equipment", "wearable"].includes(this.type)) {
+      this.active = this.type;
+      this.related = this.relatedId ?? "";
+    }
+  },
+  methods: {
+    ...mapActions(useRepairStore, ["createRepair"]),
+    ...mapActions(useEquipmentStore, ["fetchEquipmentById"]),
+    ...mapActions(useVehicleStore, ["fetchVehicleById"]),
+    ...mapActions(useWearableStore, ["fetchWearableById"]),
+
+    createNewRepair(e: any) {
+      if (this.related == "") return;
+      let formData = e.target.elements;
+      let createRepair: CreateRepairViewModel = {
+        affected: this.active,
+        affectedId: this.related,
+        title: formData.responsible.value,
+        description: formData.description.value,
+        responsible: formData.responsible.value,
+        reports: this.reports,
+      };
+      this.status = "loading";
+      this.createRepair(createRepair)
+        .then((res) => {
+          this.status = { status: "success" };
+
+          this.timeout = setTimeout(() => {
+            this.$router.push({
+              name: "admin-unit-repair-overview",
+              params: {
+                repairId: res.data,
+              },
+            });
+          }, 1500);
+        })
+        .catch((err) => {
+          this.status = { status: "failed" };
+        });
+    },
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/RepairRouting.vue b/src/views/admin/unit/repair/RepairRouting.vue
index 8d0b8ed..93fde77 100644
--- a/src/views/admin/unit/repair/RepairRouting.vue
+++ b/src/views/admin/unit/repair/RepairRouting.vue
@@ -5,7 +5,7 @@
     </template>
     <template #topBar>
       <h1 class="font-bold text-xl h-8 min-h-fit">
-        Schadensmeldung:
+        {{ activeRepairObj?.title }} -
         {{ activeRepairObj?.related?.name ?? "Ohne Zuordnung" }}
         <small v-if="activeRepairObj?.related">({{ activeRepairObj.related.code }})</small>
       </h1>
diff --git a/src/views/admin/unit/repair/RepairStatusRouting.vue b/src/views/admin/unit/repair/RepairStatusRouting.vue
index 8d34a29..f757c4f 100644
--- a/src/views/admin/unit/repair/RepairStatusRouting.vue
+++ b/src/views/admin/unit/repair/RepairStatusRouting.vue
@@ -2,27 +2,28 @@
   <MainTemplate title="Schadensmeldungen">
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
-        <div class="flex flex-col grow gap-2 overflow-hidden">
-          <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
-            <RouterLink
-              v-for="tab in tabs"
-              :key="tab.route"
-              v-slot="{ isExactActive }"
-              :to="{ name: tab.route }"
-              class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0"
+        <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
+          <RouterLink
+            v-for="tab in tabs"
+            :key="tab.route"
+            v-slot="{ isExactActive }"
+            :to="{ name: tab.route }"
+            class="w-1/2 md:w-1/3 lg:w-full p-0.5 first:pl-0 last:pr-0"
+          >
+            <p
+              :class="[
+                'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
+                isExactActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
+              ]"
             >
-              <p
-                :class="[
-                  'w-full rounded-lg py-2.5 text-sm text-center font-medium leading-5 focus:ring-0 outline-hidden',
-                  isExactActive ? 'bg-red-200 shadow-sm border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
-                ]"
-              >
-                {{ tab.title }}
-              </p>
-            </RouterLink>
-          </div>
-          <RouterView />
+              {{ tab.title }}
+            </p>
+          </RouterLink>
         </div>
+        <RouterView />
+        <RouterLink :to="{ name: 'admin-unit-repair-create' }" button primary class="w-fit!">
+          Reparatur erstellen
+        </RouterLink>
       </div>
     </template>
   </MainTemplate>
diff --git a/src/views/admin/unit/vehicle/Repair.vue b/src/views/admin/unit/vehicle/Repair.vue
new file mode 100644
index 0000000..b4a74fc
--- /dev/null
+++ b/src/views/admin/unit/vehicle/Repair.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="flex flex-col gap-2 h-full w-full">
+    <Pagination
+      :items="repairs"
+      :totalCount="totalCount"
+      :indicateLoading="loading == 'loading'"
+      @load-data="(offset, count, search) => fetchRepairForVehicle(offset, count, search)"
+      @search="(search) => fetchRepairForVehicle(0, 25, search, true)"
+    >
+      <template #pageRow="{ row }: { row: RepairViewModel }">
+        <RouterLink
+          :to="{ name: 'admin-unit-repair-overview', params: { repairId: row.id } }"
+          class="flex flex-col h-fit w-full border border-primary rounded-md"
+        >
+          <div class="bg-primary p-2 text-white flex flex-row gap-2 items-center">
+            <PencilSquareIcon v-if="row.finishedAt == null" class="w-5 h-5" />
+            <p class="grow">{{ new Date(row.createdAt).toLocaleString("de") }} - {{ row.status }}</p>
+          </div>
+          <div class="p-2">
+            <p>Beschreibung: {{ row.description }}</p>
+          </div>
+        </RouterLink>
+      </template>
+    </Pagination>
+    <RouterLink
+      :to="{ name: 'admin-unit-repair-create', params: { type: 'vehicle', relatedId: vehicleId } }"
+      button
+      primary
+      class="w-fit!"
+    >
+      Reparatur erstellen
+    </RouterLink>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import { useAbilityStore } from "@/stores/ability";
+import { useVehicleRepairStore } from "@/stores/admin/unit/vehicle/repair";
+import Pagination from "@/components/Pagination.vue";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import { PhotoIcon, PencilSquareIcon, MapPinIcon, WrenchScrewdriverIcon, UserIcon } from "@heroicons/vue/24/outline";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    vehicleId: String,
+  },
+  computed: {
+    ...mapState(useAbilityStore, ["can"]),
+    ...mapState(useVehicleRepairStore, ["repairs", "loading", "totalCount"]),
+  },
+  mounted() {
+    this.fetchRepairForVehicle(0, 25, "", true);
+  },
+  methods: {
+    ...mapActions(useVehicleRepairStore, ["fetchRepairForVehicle"]),
+  },
+});
+</script>
diff --git a/src/views/admin/unit/wearable/Repair.vue b/src/views/admin/unit/wearable/Repair.vue
new file mode 100644
index 0000000..a3c0e26
--- /dev/null
+++ b/src/views/admin/unit/wearable/Repair.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="flex flex-col gap-2 h-full w-full">
+    <Pagination
+      :items="repairs"
+      :totalCount="totalCount"
+      :indicateLoading="loading == 'loading'"
+      @load-data="(offset, count, search) => fetchRepairForWearable(offset, count, search)"
+      @search="(search) => fetchRepairForWearable(0, 25, search, true)"
+    >
+      <template #pageRow="{ row }: { row: RepairViewModel }">
+        <RouterLink
+          :to="{ name: 'admin-unit-repair-overview', params: { repairId: row.id } }"
+          class="flex flex-col h-fit w-full border border-primary rounded-md"
+        >
+          <div class="bg-primary p-2 text-white flex flex-row gap-2 items-center">
+            <PencilSquareIcon v-if="row.finishedAt == null" class="w-5 h-5" />
+            <p class="grow">{{ new Date(row.createdAt).toLocaleString("de") }} - {{ row.status }}</p>
+          </div>
+          <div class="p-2">
+            <p>Beschreibung: {{ row.description }}</p>
+          </div>
+        </RouterLink>
+      </template>
+    </Pagination>
+    <RouterLink
+      :to="{ name: 'admin-unit-repair-create', params: { type: 'wearable', relatedId: wearableId } }"
+      button
+      primary
+      class="w-fit!"
+    >
+      Reparatur erstellen
+    </RouterLink>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState } from "pinia";
+import { useAbilityStore } from "@/stores/ability";
+import { useWearableRepairStore } from "@/stores/admin/unit/wearable/repair";
+import Pagination from "@/components/Pagination.vue";
+import type { RepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import { PhotoIcon, PencilSquareIcon, MapPinIcon, WrenchScrewdriverIcon, UserIcon } from "@heroicons/vue/24/outline";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    wearableId: String,
+  },
+  computed: {
+    ...mapState(useAbilityStore, ["can"]),
+    ...mapState(useWearableRepairStore, ["repairs", "loading", "totalCount"]),
+  },
+  mounted() {
+    this.fetchRepairForWearable(0, 25, "", true);
+  },
+  methods: {
+    ...mapActions(useWearableRepairStore, ["fetchRepairForWearable"]),
+  },
+});
+</script>
-- 
2.47.3


From 789272dc3770b171fb8ed309a103fa470d594431 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Tue, 22 Jul 2025 13:10:04 +0200
Subject: [PATCH 4/4] edit repairs

---
 ...eReportSearchSelectMultipleWithRelated.vue |  19 +--
 ...ageReportSearchSelectSingleWithRelated.vue |   2 +-
 src/router/index.ts                           |   6 +
 src/stores/admin/unit/repair.ts               |  18 ++-
 src/viewmodels/admin/unit/repair.models.ts    |  10 +-
 src/views/admin/unit/repair/DamageReports.vue |  92 ++++++++++++++
 src/views/admin/unit/repair/Overview.vue      | 118 +++++++++---------
 src/views/admin/unit/repair/RepairRouting.vue |   8 +-
 .../admin/unit/repair/RepairStatusRouting.vue |   2 +-
 9 files changed, 201 insertions(+), 74 deletions(-)
 create mode 100644 src/views/admin/unit/repair/DamageReports.vue

diff --git a/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue b/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue
index bfb45b7..dc7e016 100644
--- a/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue
+++ b/src/components/search/DamageReportSearchSelectMultipleWithRelated.vue
@@ -111,7 +111,7 @@ export default defineComponent({
       required: true,
     },
   },
-  emits: ["update:model-value", "add:difference", "remove:difference", "add:damageReport", "add:damageReportByArray"],
+  emits: ["update:model-value", "add:difference", "remove:difference", "add:damageReport"],
   watch: {
     modelValue() {
       // if (this.initialLoaded) return;
@@ -215,15 +215,18 @@ export default defineComponent({
         });
     },
     getDamageReportFromSearch(id: string) {
-      return this.filtered.find((f) => f.id == id);
+      return this.available.find((f) => f.id == id);
     },
     loadDamageReportsInitial() {
-      if (this.modelValue.length == 0) return;
-      this.getDamageReportsByIds(this.modelValue)
-        .then((res) => {
-          this.chosen = res.data;
-        })
-        .catch(() => {});
+      if (this.modelValue.length == 0) {
+        this.chosen = [];
+      } else {
+        this.getDamageReportsByIds(this.modelValue)
+          .then((res) => {
+            this.chosen = res.data;
+          })
+          .catch(() => {});
+      }
     },
   },
 });
diff --git a/src/components/search/DamageReportSearchSelectSingleWithRelated.vue b/src/components/search/DamageReportSearchSelectSingleWithRelated.vue
index 101fe78..ea77b31 100644
--- a/src/components/search/DamageReportSearchSelectSingleWithRelated.vue
+++ b/src/components/search/DamageReportSearchSelectSingleWithRelated.vue
@@ -201,7 +201,7 @@ export default defineComponent({
         });
     },
     getDamageReportFromSearch(id: string) {
-      return this.filtered.find((f) => f.id == id);
+      return this.available.find((f) => f.id == id);
     },
     loadDamageReportInitial() {
       if (this.modelValue == "" || this.modelValue == null) return;
diff --git a/src/router/index.ts b/src/router/index.ts
index 30b6402..b5cc468 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -821,6 +821,12 @@ const router = createRouter({
                       component: () => import("@/views/admin/unit/repair/Overview.vue"),
                       props: true,
                     },
+                    {
+                      path: "reports",
+                      name: "admin-unit-repair-reports",
+                      component: () => import("@/views/admin/unit/repair/DamageReports.vue"),
+                      props: true,
+                    },
                   ],
                 },
               ],
diff --git a/src/stores/admin/unit/repair.ts b/src/stores/admin/unit/repair.ts
index 91e444e..acf30c9 100644
--- a/src/stores/admin/unit/repair.ts
+++ b/src/stores/admin/unit/repair.ts
@@ -2,6 +2,7 @@ import { defineStore } from "pinia";
 import type {
   CreateRepairViewModel,
   RepairViewModel,
+  UpdateRepairStatusViewModel,
   UpdateRepairViewModel,
 } from "@/viewmodels/admin/unit/repair.models";
 import { http } from "@/serverCom";
@@ -110,9 +111,22 @@ export const useRepairStore = defineStore("repair", {
       return result;
     },
     async updateRepair(repair: UpdateRepairViewModel): Promise<AxiosResponse<any, any>> {
-      const result = await http.patch(`/admin/repair/${repair.id}`, {
+      const result = await http.patch(`/admin/repair/${this.activeRepairObj?.id}`, {
+        title: repair.title,
+        description: repair.description,
+        responsible: repair.responsible,
+      });
+      return result;
+    },
+    async updateRepairReports(reports: Array<string>): Promise<AxiosResponse<any, any>> {
+      const result = await http.patch(`/admin/repair/${this.activeRepairObj?.id}/reports`, {
+        reports,
+      });
+      return result;
+    },
+    async updateRepairStatus(repair: UpdateRepairStatusViewModel): Promise<AxiosResponse<any, any>> {
+      const result = await http.patch(`/admin/repair/${this.activeRepairObj?.id}/status`, {
         status: repair.status,
-        noteByWorker: repair.noteByWorker,
         done: repair.done,
       });
       return result;
diff --git a/src/viewmodels/admin/unit/repair.models.ts b/src/viewmodels/admin/unit/repair.models.ts
index cef3a72..24904e7 100644
--- a/src/viewmodels/admin/unit/repair.models.ts
+++ b/src/viewmodels/admin/unit/repair.models.ts
@@ -43,9 +43,15 @@ export interface CreateRepairViewModel {
   reports: string[];
 }
 
-export interface UpdateRepairViewModel {
+export interface UpdateRepairStatusViewModel {
   id: string;
   status: string;
-  noteByWorker: string;
   done: boolean;
 }
+
+export interface UpdateRepairViewModel {
+  id: string;
+  title: string;
+  description: string;
+  responsible: string;
+}
diff --git a/src/views/admin/unit/repair/DamageReports.vue b/src/views/admin/unit/repair/DamageReports.vue
new file mode 100644
index 0000000..a90ecb4
--- /dev/null
+++ b/src/views/admin/unit/repair/DamageReports.vue
@@ -0,0 +1,92 @@
+<template>
+  <div v-if="activeRepairObj != null" class="flex flex-col gap-2 h-full w-full">
+    <DamageReportSearchSelectMultipleWithRelated
+      title="verbundene Schadensmeldungen"
+      :related="activeRepairObj.assigned"
+      :relatedId="activeRepairObj.relatedId"
+      :model-value="activeRepairObj.reports.map((r) => r.id)"
+      :disabled="!!activeRepairObj.finishedAt"
+      @add:damage-report="handleReportAdd"
+      @remove:difference="handleReportRemove"
+    />
+    <div class="flex flex-col gap-2 overflow-y-scroll h-full">
+      <div
+        v-for="damageReport in activeRepairObj.reports"
+        :key="damageReport.id"
+        class="flex flex-col h-fit w-full border border-primary rounded-md"
+      >
+        <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
+          <p>{{ damageReport.title }}</p>
+          <TrashIcon
+            v-if="!activeRepairObj.finishedAt"
+            class="w-5 h-5 cursor-pointer"
+            @click="handleReportRemove(damageReport.id)"
+          />
+        </div>
+        <div class="p-2">
+          <p v-if="damageReport.description">Beschreibung: {{ damageReport.description }}</p>
+        </div>
+      </div>
+    </div>
+    <button primary class="w-fit! self-end" :disabled="!!activeRepairObj.finishedAt" @click="saveReports">
+      Änderungen speichern
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent } from "vue";
+import { mapActions, mapState, mapWritableState } from "pinia";
+import { useAbilityStore } from "@/stores/ability";
+import { useRepairStore } from "@/stores/admin/unit/repair";
+import type { RepairViewModel, UpdateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import DamageReportSearchSelectMultipleWithRelated from "@/components/search/DamageReportSearchSelectMultipleWithRelated.vue";
+import { aC } from "node_modules/@fullcalendar/core/internal-common";
+import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport.models";
+import { TrashIcon } from "@heroicons/vue/24/outline";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    repairId: String,
+  },
+  watch: {},
+  data() {
+    return {
+      loading: undefined as undefined | "loading" | "success" | "failed",
+    };
+  },
+  computed: {
+    ...mapWritableState(useRepairStore, ["activeRepairObj"]),
+    ...mapState(useAbilityStore, ["can"]),
+  },
+  methods: {
+    ...mapActions(useRepairStore, ["loadRepairImage", "updateRepairReports"]),
+    handleReportAdd(report: DamageReportViewModel) {
+      if (!this.activeRepairObj) return;
+      this.activeRepairObj.reports.push(report);
+    },
+    handleReportRemove(reportId: string) {
+      if (!this.activeRepairObj) return;
+      this.activeRepairObj.reports = this.activeRepairObj.reports.filter((r) => r.id != reportId);
+    },
+    saveReports() {
+      if (this.activeRepairObj == null) return;
+      this.loading = "loading";
+      this.updateRepairReports(this.activeRepairObj.reports.map((r) => r.id))
+        .then((res) => {
+          this.loading = "success";
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        })
+        .finally(() => {
+          setTimeout(() => {
+            this.loading = undefined;
+          }, 2000);
+        });
+    },
+  },
+});
+</script>
diff --git a/src/views/admin/unit/repair/Overview.vue b/src/views/admin/unit/repair/Overview.vue
index b401bbe..4c32fca 100644
--- a/src/views/admin/unit/repair/Overview.vue
+++ b/src/views/admin/unit/repair/Overview.vue
@@ -1,38 +1,39 @@
 <template>
-  <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
-    <div v-if="activeRepairObj != null" class="flex flex-col gap-2 w-full">
+  <div v-if="activeRepairObj != null" class="flex flex-col gap-2 h-full w-full overflow-y-auto">
+    <div>
+      <label for="status">Status</label>
+      <input id="status" ref="status" type="text" :readonly="!editStatus" :value="activeRepairObj.status" />
+    </div>
+    <button
+      v-if="!editStatus && !activeRepairObj.finishedAt"
+      primary
+      class="w-fit! self-end"
+      @click="editStatus = true"
+    >
+      Status ändern
+    </button>
+    <div v-else-if="!activeRepairObj.finishedAt" class="flex flex-row gap-2 justify-end">
+      <button primary-outline class="w-fit!" @click="saveStatus(true)">speichern und abschließen</button>
+      <button primary class="w-fit!" @click="saveStatus(false)">Status speichern</button>
+    </div>
+    <br />
+    <form class="flex flex-col gap-2" @submit.prevent="saveData">
       <div>
-        <label for="status">Status</label>
-        <input id="status" ref="status" type="text" :readonly="!editStatus" :value="activeRepairObj.status" />
+        <label for="title">Kurzbeschreibung</label>
+        <input id="title" type="text" placeholder="---" :value="activeRepairObj.title" />
       </div>
-      <button
-        v-if="!editStatus && !activeRepairObj.finishedAt"
-        primary
-        class="w-fit! self-end"
-        @click="editStatus = true"
-      >
-        Status ändern
-      </button>
-      <div v-else-if="!activeRepairObj.finishedAt" class="flex flex-row gap-2 justify-end">
-        <button primary-outline class="w-fit!" @click="saveStatus(true)">speichern und abschließen</button>
-        <button primary class="w-fit!" @click="saveStatus(false)">Status speichern</button>
-      </div>
-      <br />
       <div>
-        <label for="description">Beschreibung des Schadens</label>
-        <textarea id="description" readonly :value="activeRepairObj.description"></textarea>
+        <label for="description">Beschreibung der Reparatur</label>
+        <textarea id="description" placeholder="---" :value="activeRepairObj.description"></textarea>
       </div>
       <div>
         <label for="responsible">Verantwortlich</label>
-        <input id="responsible" type="text" readonly placeholder="---" :value="activeRepairObj.responsible" />
+        <input id="responsible" type="text" placeholder="---" :value="activeRepairObj.responsible" />
       </div>
-      <div>
-        <label>Bild</label>
-        <div ref="imgs">
-          <small v-if="activeRepairObj.images.length == 0">Keine Bilder hochgeladen</small>
-        </div>
-      </div>
-    </div>
+      <button primary type="submit" class="w-fit! self-end" :disabled="!!activeRepairObj.finishedAt">
+        Änderungen speichern
+      </button>
+    </form>
   </div>
 </template>
 
@@ -41,7 +42,7 @@ import { defineComponent } from "vue";
 import { mapActions, mapState, mapWritableState } from "pinia";
 import { useAbilityStore } from "@/stores/ability";
 import { useRepairStore } from "@/stores/admin/unit/repair";
-import type { RepairViewModel, UpdateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
+import type { UpdateRepairStatusViewModel, UpdateRepairViewModel } from "@/viewmodels/admin/unit/repair.models";
 </script>
 
 <script lang="ts">
@@ -49,11 +50,6 @@ export default defineComponent({
   props: {
     repairId: String,
   },
-  watch: {
-    activeRepairObj(val: RepairViewModel, oldVal: RepairViewModel | null) {
-      if (val && oldVal == null) this.loadImages();
-    },
-  },
   data() {
     return {
       editStatus: false as boolean,
@@ -64,41 +60,47 @@ export default defineComponent({
     ...mapWritableState(useRepairStore, ["activeRepairObj"]),
     ...mapState(useAbilityStore, ["can"]),
   },
-  mounted() {
-    this.loadImages();
-  },
   methods: {
-    ...mapActions(useRepairStore, ["loadRepairImage", "updateRepair"]),
-    loadImages() {
-      for (const i of this.activeRepairObj?.images ?? []) {
-        this.loadRepairImage(i)
-          .then((response) => {
-            const contentType =
-              response.headers && response.headers["content-type"] ? response.headers["content-type"] : "image/*";
-            const blob = new Blob([response.data], { type: contentType });
-            const img = document.createElement("img");
-            img.src = window.URL.createObjectURL(blob);
-            img.alt = "Schadensbild";
-            img.classList = "h-35 w-auto";
-            (this.$refs.imgs as HTMLElement).appendChild(img);
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      }
-    },
+    ...mapActions(useRepairStore, ["loadRepairImage", "updateRepairStatus", "updateRepair"]),
     saveStatus(finish: boolean) {
       if (this.activeRepairObj == null) return;
       this.loading = "loading";
-      let update: UpdateRepairViewModel = {
+      let update: UpdateRepairStatusViewModel = {
         id: this.activeRepairObj.id,
         status: (this.$refs.status as HTMLInputElement).value,
-        noteByWorker: (this.$refs.noteByWorker as HTMLInputElement).value,
         done: finish,
       };
+      this.updateRepairStatus(update)
+        .then((res) => {
+          this.activeRepairObj!.status = update.status;
+          this.activeRepairObj!.finishedAt = update.done ? new Date() : undefined;
+          this.loading = "success";
+          this.editStatus = false;
+        })
+        .catch((err) => {
+          this.loading = "failed";
+        })
+        .finally(() => {
+          setTimeout(() => {
+            this.loading = undefined;
+          }, 2000);
+        });
+    },
+    saveData(e: any) {
+      if (this.activeRepairObj == null) return;
+      this.loading = "loading";
+      const formData = e.target.elements;
+      let update: UpdateRepairViewModel = {
+        id: this.activeRepairObj.id,
+        title: formData.title.value,
+        description: formData.description.value,
+        responsible: formData.responsible.value,
+      };
       this.updateRepair(update)
         .then((res) => {
-          this.activeRepairObj!.status = update.status;
+          this.activeRepairObj!.title = update.title;
+          this.activeRepairObj!.description = update.description;
+          this.activeRepairObj!.responsible = update.responsible;
           this.loading = "success";
           this.editStatus = false;
         })
diff --git a/src/views/admin/unit/repair/RepairRouting.vue b/src/views/admin/unit/repair/RepairRouting.vue
index 93fde77..06b45ca 100644
--- a/src/views/admin/unit/repair/RepairRouting.vue
+++ b/src/views/admin/unit/repair/RepairRouting.vue
@@ -23,7 +23,7 @@
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
         <div class="flex flex-col grow gap-2 overflow-hidden">
-          <div hidden class="w-full flex flex-row max-lg:flex-wrap justify-center">
+          <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
             <RouterLink
               v-for="tab in tabs"
               :key="tab.route"
@@ -65,7 +65,11 @@ export default defineComponent({
   },
   data() {
     return {
-      tabs: [{ route: "admin-unit-repair-overview", title: "Übersicht" }],
+      tabs: [
+        { route: "admin-unit-repair-overview", title: "Übersicht" },
+        // { route: "admin-unit-repair-overview", title: "Bilder & Bericht" },
+        { route: "admin-unit-repair-reports", title: "Schadensmeldungen" },
+      ],
     };
   },
   computed: {
diff --git a/src/views/admin/unit/repair/RepairStatusRouting.vue b/src/views/admin/unit/repair/RepairStatusRouting.vue
index f757c4f..ad0de6b 100644
--- a/src/views/admin/unit/repair/RepairStatusRouting.vue
+++ b/src/views/admin/unit/repair/RepairStatusRouting.vue
@@ -1,5 +1,5 @@
 <template>
-  <MainTemplate title="Schadensmeldungen">
+  <MainTemplate title="Reparaturen">
     <template #diffMain>
       <div class="flex flex-col gap-2 grow px-7 overflow-hidden">
         <div class="w-full flex flex-row max-lg:flex-wrap justify-center">
-- 
2.47.3