enable public report

src/components/scanner/Scanner.vue

@@ -10,13 +10,16 @@
       @detect="onDetect"
       @camera-on="onCameraReady"
     />
-    <br />
     <select v-model="selectedCamera">
       <option v-for="c in selecteableCameras" :value="c">{{ c.label }}</option>
     </select>
+    <div>
+      <label for="manual">Code eingeben</label>
+      <input v-if="useInput" id="manual" type="text" v-model="detected" />
+    </div>
     <div class="flex flex-row justify-end gap-4 py-2">
       <button primary-outline @click="paused = false" :disabled="!paused">weiter scannen</button>
-      <button primary-outline @click="commit">bestätigen</button>
+      <button primary-outline @click="commit" :disabled="detected == ''">bestätigen</button>
     </div>
   </div>
 </template>
@@ -36,7 +39,13 @@ import { QrcodeStream, type DetectedBarcode } from "vue-qrcode-reader";
 
 <script lang="ts">
 export default defineComponent({
-  emits: ["code"],
+  props: {
+    useInput: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ["code", "ready"],
   data() {
     return {
       selecteableCameras: defaultConstraintOptions,
@@ -51,6 +60,7 @@ export default defineComponent({
       if (!this.selectedCamera) {
         this.selectedCamera = this.selecteableCameras[0];
       }
+      this.$emit("ready");
     },
     onDetect(result: Array<DetectedBarcode>) {
       this.paused = true;