From 6c8c0939b437200e2378189999fc5cb7da2c9d7e Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Sat, 12 Jul 2025 17:13:32 +0200
Subject: [PATCH] refactor

---
 src/components/CodeDetector.vue                       |  4 ++--
 .../admin/unit/inspection/UploadedFileViewModal.vue   |  1 -
 src/router/unit/equipment.ts                          |  4 ++--
 src/router/unit/inspectionPlan.ts                     |  2 +-
 src/router/unit/vehicle.ts                            |  4 ++--
 src/router/unit/wearable.ts                           |  4 ++--
 src/views/admin/unit/inspectionPlan/Overview.vue      | 11 +++++++++--
 .../unit/inspectionPlan/UpdateInspectionPlan.vue      | 11 +++++++++--
 8 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/components/CodeDetector.vue b/src/components/CodeDetector.vue
index 373fc9d..d8ca6b8 100644
--- a/src/components/CodeDetector.vue
+++ b/src/components/CodeDetector.vue
@@ -24,7 +24,7 @@
 <script setup lang="ts">
 import { defineComponent } from "vue";
 import { mapState, mapActions } from "pinia";
-import { useModalStore } from "../stores/modal";
+import { useModalStore } from "@/stores/modal";
 import {
   barcodeFormats,
   defaultConstraintOptions,
@@ -32,7 +32,7 @@ import {
   handleScannerError,
   trackFunctionOptions,
   type Camera,
-} from "../helpers/codeScanner";
+} from "@/helpers/codeScanner";
 import { QrcodeStream, type DetectedBarcode } from "vue-qrcode-reader";
 import { XMarkIcon } from "@heroicons/vue/24/outline";
 </script>
diff --git a/src/components/admin/unit/inspection/UploadedFileViewModal.vue b/src/components/admin/unit/inspection/UploadedFileViewModal.vue
index 28d8458..d9f1487 100644
--- a/src/components/admin/unit/inspection/UploadedFileViewModal.vue
+++ b/src/components/admin/unit/inspection/UploadedFileViewModal.vue
@@ -49,7 +49,6 @@ export default defineComponent({
           const fileURL = window.URL.createObjectURL(new Blob([response.data]));
           const fileLink = this.$refs.download as HTMLAnchorElement;
           fileLink.href = fileURL;
-          console.log(this.data);
           fileLink.setAttribute(
             "download",
             this.data.others == "pdf" ? `${this.data.title}.pdf` : `${this.data.title}.png`
diff --git a/src/router/unit/equipment.ts b/src/router/unit/equipment.ts
index b8a3d7d..29f4416 100644
--- a/src/router/unit/equipment.ts
+++ b/src/router/unit/equipment.ts
@@ -1,6 +1,6 @@
 import { useEquipmentStore } from "@/stores/admin/unit/equipment/equipment";
-import { useEquipmentDamageReportStore } from "../../stores/admin/unit/equipment/damageReport";
-import { useEquipmentInspectionStore } from "../../stores/admin/unit/equipment/inspection";
+import { useEquipmentDamageReportStore } from "@/stores/admin/unit/equipment/damageReport";
+import { useEquipmentInspectionStore } from "@/stores/admin/unit/equipment/inspection";
 
 export async function setEquipmentId(to: any, from: any, next: any) {
   const equipmentStore = useEquipmentStore();
diff --git a/src/router/unit/inspectionPlan.ts b/src/router/unit/inspectionPlan.ts
index 95b9e7c..ad950c1 100644
--- a/src/router/unit/inspectionPlan.ts
+++ b/src/router/unit/inspectionPlan.ts
@@ -1,5 +1,5 @@
 import { useInspectionPlanStore } from "@/stores/admin/unit/inspectionPlan/inspectionPlan";
-import { useInspectionPointStore } from "../../stores/admin/unit/inspectionPlan/inspectionPoint";
+import { useInspectionPointStore } from "@/stores/admin/unit/inspectionPlan/inspectionPoint";
 
 export async function setInspectionPlanId(to: any, from: any, next: any) {
   const inspectionPlanStore = useInspectionPlanStore();
diff --git a/src/router/unit/vehicle.ts b/src/router/unit/vehicle.ts
index 210f5c4..2e911d4 100644
--- a/src/router/unit/vehicle.ts
+++ b/src/router/unit/vehicle.ts
@@ -1,6 +1,6 @@
 import { useVehicleStore } from "@/stores/admin/unit/vehicle/vehicle";
-import { useVehicleDamageReportStore } from "../../stores/admin/unit/vehicle/damageReport";
-import { useVehicleInspectionStore } from "../../stores/admin/unit/vehicle/inspection";
+import { useVehicleDamageReportStore } from "@/stores/admin/unit/vehicle/damageReport";
+import { useVehicleInspectionStore } from "@/stores/admin/unit/vehicle/inspection";
 
 export async function setVehicleId(to: any, from: any, next: any) {
   const vehicleStore = useVehicleStore();
diff --git a/src/router/unit/wearable.ts b/src/router/unit/wearable.ts
index f294bbd..c73124d 100644
--- a/src/router/unit/wearable.ts
+++ b/src/router/unit/wearable.ts
@@ -1,6 +1,6 @@
 import { useWearableStore } from "@/stores/admin/unit/wearable/wearable";
-import { useWearableDamageReportStore } from "../../stores/admin/unit/wearable/damageReport";
-import { useWearableTypeInspectionPlanStore } from "../../stores/admin/unit/wearableType/inspectionPlan";
+import { useWearableDamageReportStore } from "@/stores/admin/unit/wearable/damageReport";
+import { useWearableTypeInspectionPlanStore } from "@/stores/admin/unit/wearableType/inspectionPlan";
 
 export async function setWearableId(to: any, from: any, next: any) {
   const wearableStore = useWearableStore();
diff --git a/src/views/admin/unit/inspectionPlan/Overview.vue b/src/views/admin/unit/inspectionPlan/Overview.vue
index 1d02aaf..eaae5ba 100644
--- a/src/views/admin/unit/inspectionPlan/Overview.vue
+++ b/src/views/admin/unit/inspectionPlan/Overview.vue
@@ -6,11 +6,17 @@
         <input type="text" id="type" :value="activeInspectionPlanObj.related.type" readonly />
       </div>
       <div>
-        <label for="interval">Intervall</label>
+        <label for="interval" class="flex flex-row justify-between">
+          Intervall
+          <InspectionTimeFormatExplainIcon />
+        </label>
         <input type="text" id="interval" :value="activeInspectionPlanObj.inspectionInterval" readonly />
       </div>
       <div>
-        <label for="remind">Erinnerung vor Fälligkeit</label>
+        <label for="remind" class="flex flex-row justify-between">
+          Erinnerung vor Fälligkeit
+          <InspectionTimeFormatExplainIcon />
+        </label>
         <input type="text" id="remind" :value="activeInspectionPlanObj.remindTime" readonly />
       </div>
     </div>
@@ -43,6 +49,7 @@ import { defineComponent } from "vue";
 import { mapActions, mapState } from "pinia";
 import Spinner from "@/components/Spinner.vue";
 import { useInspectionPlanStore } from "@/stores/admin/unit/inspectionPlan/inspectionPlan";
+import InspectionTimeFormatExplainIcon from "@/components/admin/unit/InspectionTimeFormatExplainIcon.vue";
 </script>
 
 <script lang="ts">
diff --git a/src/views/admin/unit/inspectionPlan/UpdateInspectionPlan.vue b/src/views/admin/unit/inspectionPlan/UpdateInspectionPlan.vue
index bfff1c7..d413aea 100644
--- a/src/views/admin/unit/inspectionPlan/UpdateInspectionPlan.vue
+++ b/src/views/admin/unit/inspectionPlan/UpdateInspectionPlan.vue
@@ -14,7 +14,10 @@
         <input type="text" id="name" required v-model="inspectionPlan.title" />
       </div>
       <div>
-        <label for="interval">Intervall</label>
+        <label for="interval" class="flex flex-row justify-between">
+          Intervall
+          <InspectionTimeFormatExplainIcon />
+        </label>
         <input
           type="text"
           id="interval"
@@ -25,7 +28,10 @@
         />
       </div>
       <div>
-        <label for="remind">Erinnerung vor Fälligkeit</label>
+        <label for="remind" class="flex flex-row justify-between">
+          Erinnerung vor Fälligkeit
+          <InspectionTimeFormatExplainIcon />
+        </label>
         <input
           type="text"
           id="remind"
@@ -63,6 +69,7 @@ import FailureXMark from "@/components/FailureXMark.vue";
 import ScanInput from "@/components/ScanInput.vue";
 import isEqual from "lodash.isequal";
 import cloneDeep from "lodash.clonedeep";
+import InspectionTimeFormatExplainIcon from "@/components/admin/unit/InspectionTimeFormatExplainIcon.vue";
 </script>
 
 <script lang="ts">