extend inspection_plan by wearable and enable optional interval

src/components/admin/unit/inspectionPlan/InspectionPlanListItem.vue

@@ -7,7 +7,12 @@
       <p>{{ inspectionPlan.title }} - {{ inspectionPlan.related.type }}</p>
     </div>
     <div class="p-2">
-      <p>Interval: {{ inspectionPlan.inspectionInterval }}</p>
+      <p v-if="inspectionPlan.inspectionInterval">Prüfinterval: {{ inspectionPlan.inspectionInterval }}</p>
+      <p v-if="inspectionPlan.remindTime">Erinnerung: {{ inspectionPlan.remindTime }}</p>
+      <div v-if="inspectionPlan.inspectionPoints.length == 0" class="flex flex-row gap-2 items-center">
+        <ExclamationTriangleIcon class="h-5 w-5 text-error" />
+        <p>Prüfplan noch nicht fertig gestellt. Es fehlen Prüfpunkte!</p>
+      </div>
     </div>
   </RouterLink>
 </template>
@@ -17,6 +22,7 @@ import { defineComponent, type PropType } from "vue";
 import { mapState, mapActions } from "pinia";
 import { useAbilityStore } from "@/stores/ability";
 import type { InspectionPlanViewModel } from "@/viewmodels/admin/unit/inspection/inspectionPlan.models";
+import { ExclamationTriangleIcon } from "@heroicons/vue/24/outline";
 </script>
 
 <script lang="ts">

src/components/scanner/Phone.vue

@@ -52,6 +52,11 @@ export default defineComponent({
       showQRCode: false as boolean,
     };
   },
+  watch: {
+    linkToScan() {
+      this.renderQRCode();
+    },
+  },
   computed: {
     ...mapState(useScannerStore, ["inUse", "roomId", "results"]),
     linkToScan() {
@@ -59,25 +64,30 @@ export default defineComponent({
     },
   },
   mounted() {
-    QRCode.toDataURL(this.linkToScan, {
-      width: 300,
-      margin: 2,
-      color: {
-        dark: "#000000",
-        light: "#FFFFFF",
-      },
-      errorCorrectionLevel: "M",
-    })
-      .then((res) => {
-        (this.$refs.qr as HTMLImageElement).src = res;
-      })
-      .catch(() => {});
+    this.renderQRCode();
   },
   methods: {
     ...mapActions(useScannerStore, ["startSession", "endSession", "removeElementFromResults"]),
     commit(c: string) {
       this.$emit("code", c);
     },
+    renderQRCode() {
+      QRCode.toDataURL(this.linkToScan, {
+        width: 300,
+        margin: 2,
+        color: {
+          dark: "#000000",
+          light: "#FFFFFF",
+        },
+        errorCorrectionLevel: "M",
+      })
+        .then((res) => {
+          (this.$refs.qr as HTMLImageElement).src = res;
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
   },
 });
 </script>