@ozdao/prometheus-framework 0.2.229 → 0.2.230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.229",
+  "version": "0.2.230",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

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

@@ -1,76 +1,107 @@
 <template>
   <div>
-    <Button :submit="startScan" class="bg-main button-small radius-extra button">
+    <Button @click="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 v-if="isScanning" class="barcode-scanner-modal">
+      <!-- Add any UI elements for the scanner here -->
+      <Button @click="stopScan" class="stop-scan-button">Stop Scan</Button>
+    </div>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, onMounted, onUnmounted } 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('')
+const isScanning = ref(false)
 
-function openPublicationPopup() {
-  isPublicationPopup.value = true
-}
+onMounted(async () => {
+  const { supported } = await BarcodeScanner.isSupported()
+  if (!supported) {
+    error.value = 'Barcode scanning is not supported on this device'
+  }
+})
 
-function closePublicationPopup() {
-  isPublicationPopup.value = false
-}
+onUnmounted(async () => {
+  await BarcodeScanner.removeAllListeners()
+})
 
 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')
+    const { camera } = await BarcodeScanner.checkPermissions()
+    if (camera !== 'granted') {
+      const { camera: newStatus } = await BarcodeScanner.requestPermissions()
+      if (newStatus !== 'granted') {
+        throw new Error('Camera permission is required to scan barcodes')
+      }
     }
+
+    document.querySelector('body')?.classList.add('barcode-scanner-active')
+    isScanning.value = true
+
+    await BarcodeScanner.addListener('barcodeScanned', async (result) => {
+      await processBarcode(result.barcode)
+    })
+
+    await BarcodeScanner.startScan()
   } catch (e) {
     error.value = e.message
     alert(`Error: ${error.value}`)
-  } finally {
-    closePublicationPopup()
   }
 }
 
-async function processBarcode(qrcode) {
+async function stopScan() {
   try {
-    if (!qrcode) {
-      throw new Error('Troubles with qrcode reading')
+    document.querySelector('body')?.classList.remove('barcode-scanner-active')
+    isScanning.value = false
+    await BarcodeScanner.stopScan()
+    await BarcodeScanner.removeAllListeners()
+  } catch (e) {
+    error.value = e.message
+    alert(`Error stopping scan: ${error.value}`)
+  }
+}
+
+async function processBarcode(barcode) {
+  try {
+    if (!barcode) {
+      throw new Error('Troubles with barcode reading')
     }
-    const response = await tickets.actions.update({ _id: qrcode, status: 'used', check: true })
+    const response = await tickets.actions.update({ _id: barcode, 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')
+    await stopScan()
   }
 }
 </script>
 
 <style scoped>
+.barcode-scanner-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.stop-scan-button {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
 /* Existing styles can stay unchanged */
 </style>

package/src/modules/globals/views/components/partials/NavigationBar.vue

@@ -49,6 +49,12 @@
 
 				<p v-else class="t-semi h-2r h4 d-block" >
 					{{route.meta.title[locale.toLowerCase()]}}
+
+					<!-- if (route.meta.title) { 
+							route.meta.title[locale.toLowerCase()]
+						} else {
+							route.name
+						} -->
 				</p>
 			</div>
 		</transition>