refactor

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>

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`

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 { useEquipmentDamageReportStore } from "@/stores/admin/unit/equipment/damageReport";
-import { useEquipmentInspectionStore } from "../../stores/admin/unit/equipment/inspection";
+import { useEquipmentInspectionStore } from "@/stores/admin/unit/equipment/inspection";
 
 export async function setEquipmentId(to: any, from: any, next: any) {
   const equipmentStore = useEquipmentStore();

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();

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 { useVehicleDamageReportStore } from "@/stores/admin/unit/vehicle/damageReport";
-import { useVehicleInspectionStore } from "../../stores/admin/unit/vehicle/inspection";
+import { useVehicleInspectionStore } from "@/stores/admin/unit/vehicle/inspection";
 
 export async function setVehicleId(to: any, from: any, next: any) {
   const vehicleStore = useVehicleStore();

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 { useWearableDamageReportStore } from "@/stores/admin/unit/wearable/damageReport";
-import { useWearableTypeInspectionPlanStore } from "../../stores/admin/unit/wearableType/inspectionPlan";
+import { useWearableTypeInspectionPlanStore } from "@/stores/admin/unit/wearableType/inspectionPlan";
 
 export async function setWearableId(to: any, from: any, next: any) {
   const wearableStore = useWearableStore();

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">

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">