Add functionality to use check-in app for QR code scanning with eventyay

[Sak1012]

This pull request contains the initial commit addressing Issue #190 (Integrate Badges Plugin with Check-in App for QR Code Scanning) in the eventyay-tickets repository.

Overview: In this PR, a "Register Device" button has been added to the home page. This button redirects organizers to a QR code scan interface, allowing them to register their devices similarly to the functionality of pretix-scan.

Screenshots:

1. Home page with "Register Device" button:

2. QR Code Scan Interface:

QR Code Data Format: The "Connect to Device" QR code in eventyay-tickets provides JSON data in the following format:

{
    "handshake_version": 1, 
    "url": "http://localhost", 
    "token": "cgakvwle23d2qxwa"
}

Progress Checklist

• [x] Add the required frontend button and route to scan QR code to register a device.
• [x] Implement logic to scan, validate, and connect to the device using the QR code from eventyay-tickets.
• [x] Add functions to retrieve event details.
• [x] Redirect to panel/select-station once the device is connected.
• [x] Configure support for tickets from eventyay-tickets.
• [x] Display a preview of the badge once the attendee is checked in.

This feature enhances the integration between the badges plugin and the check-in app, allowing event organizers to seamlessly register and manage devices using QR codes. The implementation is inspired by the functionality of pretix-scan.

Summary by Sourcery

This pull request introduces a new feature allowing event organizers to register devices via a QR code scan interface. A 'Register Device' button has been added to the home page, leading to a new route and component for device registration. Additionally, the login form has been enhanced with a server selection dropdown and corresponding error handling.

• New Features:
  • Added a 'Register Device' button to the home page, which redirects to a QR code scan interface for device registration.
  • Implemented a new route and component for device registration using QR codes.
  • Introduced a new store for handling device registration logic and API interactions.
• Enhancements:
  • Updated the login form to include a server selection dropdown and error handling for server selection.

[netlify[bot]]

✅ Deploy Preview for open-event-checkin ready!

Name	Link
🔨 Latest commit	d2ff327b74f4176389a9a576dbe4a579e62ca9a9
🔍 Latest deploy log	https://app.netlify.com/sites/open-event-checkin/deploys/67319081ac830c00088838a9
😎 Deploy Preview	https://deploy-preview-115--open-event-checkin.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mariobehling]

Thank you. You can show the functionality in the weekly meetings and we can discuss then if we should keep this in a seperate branch.

[Sak1012]

I have added the required frontend component to select a server in the LoginForm Component

Screen Shots

---

[Sak1012]

A "/eventyayevents" page has been added from where the events can be selected to perform checkin actions from a list of events the device has access to.

This PR has multiple console.log() for testing purpose and will be removed in later commits.

[mariobehling]

@sourcery-ai review

[sourcery-ai[bot]]

Reviewer's Guide by Sourcery

This pull request introduces a new feature allowing event organizers to register devices via a QR code scan interface. A 'Register Device' button has been added to the home page, and new routes and components have been implemented to support this functionality. Additionally, the login form has been enhanced with a server selection dropdown and corresponding error handling.

File-Level Changes

Files	Changes
src/components/LoginForm.vue src/router/index.js src/components/Common/QRCamera.vue src/stores/processDevice.js src/components/Eventyay/EventyayEvents.vue src/stores/eventyayEvent.js src/components/Registration/Device/Device.vue	Introduced a new feature for device registration via QR code scanning, including UI components, routes, and state management.

---

Tips

• Trigger a new Sourcery review by commenting @sourcery-ai review on the pull request.
• Continue your discussion with Sourcery by replying directly to review comments.
• You can change your review settings at any time by accessing your dashboard:
  • Enable or disable the Sourcery-generated pull request summary or reviewer's guide;
  • Change the review language;
• You can always contact us if you have any questions or feedback.

[mariobehling]

@sourcery-ai review

[hongquan]

In this PR, every where you pass static string to Vue component, please use normal HTML instead of :prop syntax.

[Sak1012]

This PR covers most of the functionalities required to integrate the Eventyay component with Open Event Checkin. I’ve also resolved the requested changes. Kindly review this.

[Sak1012]

In the latest commit i'm integrating Lead API and Checkin API in open-event-checkin, The Lead API is working completely fine but i'm still facing issues with the checkin api as it is not responding to the device token.

[Sak1012]

Added option to export scanned leads as csv

ID,Pseudonymization ID,Scanned Date,Scan Type,Device Name,Attendee Name,Email,Note,Tags
35,GYPZHJDQGV,2024-10-29,lead,Test,Jane Doe,,Meet on Friday,Anonymus; USA
36,ML7ZRUARDG,2024-10-29,lead,Test,Srivatsav,,,Photographer; USA
37,JPW8BQTCRR,2024-10-29,lead,Test,Charles Xavier,,,X-men;

ID	Pseudonymization ID	Scanned Date	Scan Type	Device Name	Attendee Name	Email	Note	Tags
35	GYPZHJDQGV	2024-10-29	lead	Test	Jane Doe		Meet on Friday	Anonymus; USA
36	ML7ZRUARDG	2024-10-29	lead	Test	Srivatsav			India
37	JPW8BQTCRR	2024-10-29	lead	Test	Charles Xavier			X-men