enhance send result button

This commit is contained in:
Julian Krauser 2025-07-16 07:47:29 +02:00
parent 3ec74e751a
commit 766114bf53

View file

@ -3,7 +3,8 @@
<RouterLink :to="{ name: 'public-scanner-select' }" class="text-primary" @click="leave">
Zurück zur Sessionauswahl
</RouterLink>
<div class="flex flex-col gap-2 w-full grow overflow-hidden max-w-md mx-auto">
<div class="relative flex flex-col gap-2 w-full grow overflow-hidden max-w-md mx-auto">
<Spinner v-if="selectedCamera == undefined" class="absolute top-3 left-1/2 -translate-y-1/2" />
<qrcode-stream
class="grow"
:constraints="selectedCamera?.constraints"
@ -19,8 +20,8 @@
<option v-for="c in selecteableCameras" :value="c">{{ c.label }}</option>
</select>
<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 :disabled="!paused" @click="paused = false">weiter scannen</button>
<button primary :disabled="detected == ''" @click="commit">bestätigen</button>
</div>
</div>
</div>
@ -41,6 +42,7 @@ import {
type Camera,
} from "@/helpers/scanner";
import { QrcodeStream, type DetectedBarcode } from "vue-qrcode-reader";
import Spinner from "@/components/Spinner.vue";
</script>
<script lang="ts">