From f951a1cd4cb20a9616f5842171c66e528d9c0aa9 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Fri, 28 Mar 2025 10:02:13 +0100
Subject: [PATCH] Tabs

---
 .../unit/damageReport/DamageReportRouting.vue     |  4 ++--
 .../admin/unit/equipment/EquipmentRouting.vue     |  4 +++-
 .../unit/equipmentType/EquipmentTypeRouting.vue   |  2 +-
 .../respiratoryGear/RespiratoryGearRouting.vue    | 15 +++++++++++++--
 .../RespiratoryMissionRouting.vue                 |  3 ++-
 .../RespiratoryWearerRouting.vue                  |  6 +++++-
 src/views/admin/unit/vehicle/VehicleRouting.vue   |  4 +++-
 7 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/views/admin/unit/damageReport/DamageReportRouting.vue b/src/views/admin/unit/damageReport/DamageReportRouting.vue
index d42e1a7..5cf96e9 100644
--- a/src/views/admin/unit/damageReport/DamageReportRouting.vue
+++ b/src/views/admin/unit/damageReport/DamageReportRouting.vue
@@ -12,14 +12,14 @@
             <RouterLink
               v-for="tab in tabs"
               :key="tab.route"
-              v-slot="{ isActive }"
+              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-none',
-                  isActive ? 'bg-red-200 shadow border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
+                  isExactActive ? 'bg-red-200 shadow border-b-2 border-primary rounded-b-none' : ' hover:bg-red-200',
                 ]"
               >
                 {{ tab.title }}
diff --git a/src/views/admin/unit/equipment/EquipmentRouting.vue b/src/views/admin/unit/equipment/EquipmentRouting.vue
index 2f7c850..c887ea7 100644
--- a/src/views/admin/unit/equipment/EquipmentRouting.vue
+++ b/src/views/admin/unit/equipment/EquipmentRouting.vue
@@ -63,7 +63,9 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-equipment-overview", title: "Übersicht" },
-        { route: "admin-unit-equipment-xy", title: "xy" },
+        { route: "admin-unit-equipment-xy", title: "Wartungen" },
+        { route: "admin-unit-equipment-xy", title: "Prüfungen" },
+        { route: "admin-unit-equipment-xy", title: "Schadensmeldungen" },
       ],
     };
   },
diff --git a/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue b/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
index 0834c18..c2a2d7a 100644
--- a/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
+++ b/src/views/admin/unit/equipmentType/EquipmentTypeRouting.vue
@@ -67,7 +67,7 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-equipment_type-overview", title: "Übersicht" },
-        { route: "admin-unit-equipment_type-xy", title: "xy" },
+        { route: "admin-unit-equipment_type-xy", title: "Prüfpläne" },
       ],
     };
   },
diff --git a/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue b/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
index 8a8ef51..e291564 100644
--- a/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
+++ b/src/views/admin/unit/respiratoryGear/RespiratoryGearRouting.vue
@@ -7,6 +7,15 @@
       <div class="flex flex-row gap-2 items-center justify-between pt-5 pb-3 px-7">
         <h1 class="font-bold text-xl h-8 min-h-fit grow">AGT-Gerät: {{ activeRespiratoryGearObj?.equipment.name }}</h1>
 
+        <RouterLink
+          v-if="can('read', 'unit', 'equipment')"
+          :to="{
+            name: 'admin-unit-equipment-overview',
+            params: { equipmentId: activeRespiratoryGearObj?.equipment.id ?? '_' },
+          }"
+        >
+          <ArrowTopRightOnSquareIcon class="w-5 h-5" />
+        </RouterLink>
         <RouterLink v-if="can('update', 'unit', 'respiratory_gear')" :to="{ name: 'admin-unit-respiratory_gear-edit' }">
           <PencilIcon class="w-5 h-5" />
         </RouterLink>
@@ -50,7 +59,7 @@ import { defineAsyncComponent, defineComponent, markRaw } from "vue";
 import { mapActions, mapState } from "pinia";
 import MainTemplate from "@/templates/Main.vue";
 import { RouterLink, RouterView } from "vue-router";
-import { PencilIcon, TrashIcon } from "@heroicons/vue/24/outline";
+import { ArrowTopRightOnSquareIcon, PencilIcon, TrashIcon } from "@heroicons/vue/24/outline";
 import { useModalStore } from "@/stores/modal";
 import { useAbilityStore } from "@/stores/ability";
 import { useRespiratoryGearStore } from "@/stores/admin/unit/respiratoryGear/respiratoryGear";
@@ -65,7 +74,9 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-respiratory_gear-overview", title: "Übersicht" },
-        { route: "admin-unit-respiratory_gear-xy", title: "xy" },
+        { route: "admin-unit-respiratory_gear-xy", title: "Wartungen" },
+        { route: "admin-unit-respiratory_gear-xy", title: "Prüfungen" },
+        { route: "admin-unit-respiratory_gear-xy", title: "Einsätze" },
       ],
     };
   },
diff --git a/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue b/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
index 56ebb1b..4347ab1 100644
--- a/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
+++ b/src/views/admin/unit/respiratoryMission/RespiratoryMissionRouting.vue
@@ -68,7 +68,8 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-respiratory_mission-overview", title: "Übersicht" },
-        { route: "admin-unit-respiratory_mission-xy", title: "xy" },
+        { route: "admin-unit-respiratory_mission-xy", title: "Träger" },
+        { route: "admin-unit-respiratory_mission-xy", title: "Geräte" },
       ],
     };
   },
diff --git a/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue b/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
index 9fc5d05..9b83352 100644
--- a/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
+++ b/src/views/admin/unit/respiratoryWearer/RespiratoryWearerRouting.vue
@@ -71,7 +71,11 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-respiratory_wearer-overview", title: "Übersicht" },
-        { route: "admin-unit-respiratory_wearer-xy", title: "xy" },
+        { route: "admin-unit-respiratory_wearer-xy", title: "Einsätze" },
+        { route: "admin-unit-respiratory_wearer-xy", title: "Bildungen" },
+        { route: "admin-unit-respiratory_wearer-xy", title: "Unterweisungen" },
+        { route: "admin-unit-respiratory_wearer-xy", title: "Untersuchungen" },
+        { route: "admin-unit-respiratory_wearer-xy", title: "Belastungen" },
       ],
     };
   },
diff --git a/src/views/admin/unit/vehicle/VehicleRouting.vue b/src/views/admin/unit/vehicle/VehicleRouting.vue
index 394a725..33bbc59 100644
--- a/src/views/admin/unit/vehicle/VehicleRouting.vue
+++ b/src/views/admin/unit/vehicle/VehicleRouting.vue
@@ -63,7 +63,9 @@ export default defineComponent({
     return {
       tabs: [
         { route: "admin-unit-vehicle-overview", title: "Übersicht" },
-        { route: "admin-unit-vehicle-xy", title: "xy" },
+        { route: "admin-unit-vehicle-xy", title: "Wartungen" },
+        { route: "admin-unit-vehicle-xy", title: "Prüfungen" },
+        { route: "admin-unit-vehicle-xy", title: "Schadensmeldungen" },
       ],
     };
   },