Added Ticket Scanning Page

Author: Sak1012

src/components/Common/QRCamera.vue

@@ -31,6 +31,7 @@ const stationId = route.params.stationId
 const scannerType = route.params.scannerType
 
 async function processQR() {
+  console.log('Processing QR')
   cameraStore.paused = true
   if (props.qrType === 'registration') {
     await processRegistrationStore.registerAttendeeScanner(stationId)
@@ -42,6 +43,10 @@ async function processQR() {
   if (props.qrType === 'device') {
     await processDeviceStore.authDevice(cameraStore.qrCodeValue)
   }
+  if (props.qrType === 'eventyaycheckin') {
+    console.log(cameraStore.qrCodeValue)
+    console.log('Check-in')
+  }
   cameraStore.paused = false
 }
 </script>

src/components/Eventyay/EventyayEventCheckIn.vue

@@ -9,6 +9,6 @@ loadingStore.contentLoaded()
   <div
     class="-mt-16 grid h-screen w-full grid-cols-1 place-items-center items-center justify-center align-middle"
   >
-    <QRCamera :qr-type="'Check-in'" :scan-type="'Check-In'" />
+    <QRCamera :qr-type="'eventyaycheckin'" :scan-type="'Check-In'" />
   </div>
 </template>

src/components/LoginForm.vue

@@ -16,7 +16,7 @@ const password = ref('')
 const server = ref('')
 const showError = ref(false)
 const showServerError = ref(false)
-
+const errmessage = ref('')
 // router
 const router = useRouter()
 
@@ -26,6 +26,11 @@ async function submitLogin() {
     showServerError.value = true
     return
   }
+  if (server.value === 'Eventyay') {
+    errmessage.value = 'Please Register a Device for Eventyay'
+    showServerError.value = true
+    return
+  }
   showServerError.value = false
   loadingStore.contentLoading()
   showError.value = false
@@ -53,6 +58,12 @@ async function submitLogin() {
 function registerDevice() {
   console.log(server.value)
   if (server.value === '' || server.value === 'Select a Server') {
+    errmessage.value = 'Please select a server first'
+    showServerError.value = true
+    return
+  }
+  if (server.value === 'Open-Event') {
+    errmessage.value = 'Please Login with credentials for Open-Event'
     showServerError.value = true
     return
   }
@@ -146,7 +157,7 @@ onMounted(() => {
       >
       </StandardButton>
       <div v-if="showServerError" class="mt-5">
-        <p class="text-center text-sm text-danger">Please select a server first</p>
+        <p class="text-center text-sm text-danger">{{ errmessage }}</p>
       </div>
     </div>
   </div>

src/stores/eventyayEvent.js

@@ -8,7 +8,7 @@ export const useEventyayEventStore = defineStore('eventyayEvent', () => {
   const error = ref(null)
 
   async function fetchEvents(url, apiToken, organizer) {
-    loading.value = true
+    loading.value = false
     error.value = null
 
     try {
@@ -17,6 +17,7 @@ export const useEventyayEventStore = defineStore('eventyayEvent', () => {
       const response = await api.get(`/api/v1/organizers/${organizer}/events/`)
       console.log('Hello', response)
       events.value = response.results
+      loading.value = true
     } catch (err) {
       error.value = err.message
     } finally {