@ozdao/prometheus-framework 0.2.230 → 0.2.231

package/src/modules/events/components/elements/ButtonCheck2.vue

@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <Button :submit="startScan" class="bg-main button-small radius-extra button">
+      Check Tickets
+    </Button>
+    <Popup
+      title="Scan QR Code"
+      @close-popup="closePublicationPopup"
+      :isPopupOpen="isPublicationPopup"
+      class="w-max-30r h-max-30r t-left pd-big bg-white radius-big"
+    >
+      <h3 class="mn-b-small">Scan QR Code</h3>
+      <div class="h-max">
+        <!-- Scanning will be handled by Capacitor, so we don't need a visual component here -->
+      </div>
+    </Popup>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'
+import Popup from '@pf/src/components/Popup/Popup.vue'
+import Button from '@pf/src/components/Button/Button.vue'
+import * as tickets from '@pf/src/modules/events/store/tickets'
+
+const emits = defineEmits(['qrcodecheck'])
+const isPublicationPopup = ref(false)
+const error = ref('')
+
+function openPublicationPopup() {
+  isPublicationPopup.value = true
+}
+
+function closePublicationPopup() {
+  isPublicationPopup.value = false
+}
+
+async function startScan() {
+  openPublicationPopup()
+  
+  try {
+    await BarcodeScanner.isSupported()
+    const { barcodes } = await BarcodeScanner.scan()
+    
+    if (barcodes.length > 0) {
+      await processBarcode(barcodes[0].rawValue)
+    } else {
+      throw new Error('No barcode detected')
+    }
+  } catch (e) {
+    error.value = e.message
+    alert(`Error: ${error.value}`)
+  } finally {
+    closePublicationPopup()
+  }
+}
+
+async function processBarcode(qrcode) {
+  try {
+    if (!qrcode) {
+      throw new Error('Troubles with qrcode reading')
+    }
+    const response = await tickets.actions.update({ _id: qrcode, status: 'used', check: true })
+    alert("Ticket checked. And it's all right!")
+  } catch (e) {
+    alert(`Ticket is not found, already used or deactivated!`)
+  } finally {
+    emits('qrcodecheck')
+  }
+}
+</script>
+
+<style scoped>
+/* Existing styles can stay unchanged */
+</style>