labswp_2019_sose_geocaching/frontend/src/pages/qr-scanner.vue
2019-05-08 12:17:47 +02:00

34 lines
750 B
Vue

<template>
<div>
<div v-if="!cameraActive" class="q-ma-md">
<p class="text-h4">QR-Scanner</p>
<p class="">Mit diesem Scanner kannst du die nächste Station deines Caches einscannen
oder einen neuen Cache beginnen indem du eine der Startstationen einscannst.
Du findest die Startstationen über die Karte.</p>
</div>
<qrscanner @camera="cameraState($event)" />
</div>
</template>
<script>
import qrscanner from "../components/qrscanner";
export default {
name: 'Scanner',
components: {qrscanner},
data() {
return {
cameraActive: false,
}
},
methods: {
cameraState(event) {
this.cameraActive = event;
}
},
}
</script>
<style>
</style>