next and running inspections

src/components/admin/unit/inspection/FileInput.vue

@@ -13,6 +13,7 @@
         type="button"
         class="flex flex-row gap-2"
         @click="($refs.fileInput as HTMLInputElement).click()"
+        :disabled="!editable"
       >
         <span v-if="value == ''">Datei wählen</span><span v-else>Datei gewählt</span>
         <CheckIcon v-if="value != ''" class="h-5 w-5" />
@@ -47,6 +48,10 @@ export default defineComponent({
       type: String,
       default: "",
     },
+    editable: {
+      type: Boolean,
+      default: true,
+    },
   },
   emits: {
     "update:model-value": (p: string) => {

src/components/admin/unit/inspection/NumberInput.vue

@@ -16,7 +16,8 @@
         v-model="value"
         :min="inspectionPoint.min"
         :max="inspectionPoint.max"
-        :class="{ 'ring-red-500! ring-1!': isInRange }"
+        :class="{ 'ring-red-500! ring-1!': isInRange && editable }"
+        :disabled="!editable"
       />
     </div>
   </div>
@@ -38,6 +39,10 @@ export default defineComponent({
       type: String,
       default: "",
     },
+    editable: {
+      type: Boolean,
+      default: true,
+    },
   },
   emits: ["update:model-value"],
   computed: {

src/components/admin/unit/inspection/OkNotOk.vue

@@ -6,7 +6,7 @@
     <div class="p-2">
       <p v-if="inspectionPoint.description" class="pb-2">Beschreibung: {{ inspectionPoint.description }}</p>
       <hr v-if="inspectionPoint.description" />
-      <RadioGroup v-model="value" :name="inspectionPoint.id" class="flex flex-row gap-2">
+      <RadioGroup v-model="value" :name="inspectionPoint.id" class="flex flex-row gap-2" :disabled="!editable">
         <RadioGroupOption
           v-for="option in options"
           :key="option.key"
@@ -39,6 +39,10 @@ export default defineComponent({
       type: String as PropType<"true" | "false" | "">,
       default: "",
     },
+    editable: {
+      type: Boolean,
+      default: true,
+    },
   },
   emits: ["update:model-value"],
   data() {

src/components/admin/unit/inspection/TextInput.vue

@@ -11,8 +11,9 @@
         :id="inspectionPoint.id"
         :name="inspectionPoint.id"
         class="h-18"
-        :class="{ 'ring-red-500! ring-1!': value == '' }"
+        :class="{ 'ring-red-500! ring-1!': value == '' && editable }"
         v-model="value"
+        :disabled="!editable"
       ></textarea>
     </div>
   </div>
@@ -34,6 +35,10 @@ export default defineComponent({
       type: String,
       default: "",
     },
+    editable: {
+      type: Boolean,
+      default: true,
+    },
   },
   emits: ["update:model-value"],
   computed: {