Scan The QR Code for Tickets
+
+
+
+
+
+
+
+
diff --git a/event_ticket_qr_scanner/static/src/js/event_ticket_scan.js b/event_ticket_qr_scanner/static/src/js/event_ticket_scan.js
new file mode 100755
index 000000000..fdae25b08
--- /dev/null
+++ b/event_ticket_qr_scanner/static/src/js/event_ticket_scan.js
@@ -0,0 +1,94 @@
+/** @odoo-module **/
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { Component, onMounted, useRef } from "@odoo/owl";
+import { loadJS } from "@web/core/assets";
+
+export class QrcodeScanner extends Component {
+ setup() {
+ super.setup();
+ this.result = useRef("result");
+ this.reader = useRef("reader");
+ this.orm = useService("orm");
+
+ // Ensure QR scanner loads only when the component is mounted
+ onMounted(() => {
+ this.loadQRScanner();
+ });
+ }
+
+ async loadQRScanner() {
+ await loadJS("https://cdn.jsdelivr.net/npm/html5-qrcode@2.3.8/html5-qrcode.min.js");
+ this.startQRScanner();
+ }
+
+ startQRScanner() {
+ if (!this.reader.el) {
+ console.error("❌ QR Scanner Error: Element with ID 'reader' not found!");
+ return;
+ }
+
+ this.qrScanner = new Html5QrcodeScanner("reader", {
+ qrbox: { width: 250, height: 250 },
+ fps: 20,
+ });
+
+ this.qrScanner.render(
+ (data) => this.onScanSuccess(data),
+ (err) => console.warn("QR Scan Error:", err)
+ );
+ }
+
+ async onScanSuccess(data) {
+ console.log("✅ Scanned Data:", data);
+ this.qrScanner.clear();
+ this.reader.el.classList.add("d-none");
+
+ // Parsing scanned QR data
+ const keyValuePairs = data.split(',');
+ const result = {};
+ for (const pair of keyValuePairs) {
+ const [key, value] = pair.split(':');
+ if (value) result[key.trim()] = value.trim();
+ }
+
+ if (!result['Event'] || !result['Ticket'] || !result['code']) {
+ this.result.el.innerHTML = `
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Scan and Manage QR Codes for Event Tickets. +
+Event Ticket QR Code Scanner +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Generate QR code for event ticket. +
+
+
+
+
+
+
+
+
+ + Sent Ticket contain QR code to Attendee by Mail on Confirming Registration for the + Event. +
+
+
+
+
+
+
+
+
+ + Scan Qr Code for Tickets. +
+
+
+
+
+
+
+
+
+ + Invalid Ticket Handling. +
+
+
+
+
+
+
+
+
+
+ Event Ticket QR Code Scanner
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Create New Events and Tickets. + + +
+
+
+ + In Events, You can create new events and tickets, and can see the + generated QR code here,we can go to website for the registration +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Go to Website for the Event. Select the ticket and . + register. +
+
+
+ + By clicking Register We can register for the events +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Confirm the + + + Registration. +
+
+
+ + Provide the attendee details and confirm the Registration. + + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + +Registration + + Confirmed. +
+
+
+ + An email with the Ticket QR code will be sent to the attendee on + confirming the registration.Also we can download the tickets directly + from here + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + +Print the Tickets from Attendee + + + Form +
+
+
+ + Go to the event, Click the Attendees Smart button, Choose the attendee, + From there you can also print the tickets +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + +Click + + 'Scan Tickets' + from the Event form. +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Scan + + QR Code +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + +Select the + + Attendee +
+
+
+ + If the ticket QR code is Valid, select the attendee who registered for + the event with that ticket.Click 'MARK AS ATTENDING' to mark the + attendee as attended the Event. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Marked as + + Attending +
+
+
+ + here in the form view of selected attendee, we can see the stage has changed to 'Attended' + + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +Scan Qr Code for Tickets.
+
+
+
+
+
+
+
+
+
+ + +Sent Ticket contain QR code to Attendee by Mail on Confirming Registration for the Event.
+
+
+
+
+
+
+
+
+
+ + Generate QR code for event ticket.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Yes. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 13th March, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+
+
+
+
+
+
+
+
+ Related Modules
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+ Invalid QR Code!
`; + return; + } + + var domain = [['event_ticket_id', '=', parseInt(result['Ticket'])], + ['event_id', '=', parseInt(result['code'])], ['state', '=', 'open']]; + var fields = ['name', 'partner_id']; + + const attendees = await this.orm.call('event.registration', 'search_read', [domain, fields]); + + let successHTML = `Success! Ticket Scanned
+Event: ${result['Event']}
`; + + if (attendees.length === 0) { + successHTML += `No Attendee Found!
`; + } else { + successHTML += ` ++ `; + } + + this.result.el.innerHTML = successHTML; + + if (attendees.length > 0) { + document.getElementById("mark_as_attending").addEventListener("click", async () => { + const selectedId = document.getElementById("select_attendee_id").value; + await this.orm.call('event.registration', 'action_set_done', [parseInt(selectedId)]); + location.reload(); + }); + } + } +} + +QrcodeScanner.template = "event_ticket_qr_scanner.QrCodeScanner"; +registry.category("actions").add("js_function", QrcodeScanner); diff --git a/event_ticket_qr_scanner/static/src/xml/event_ticket_scan_template.xml b/event_ticket_qr_scanner/static/src/xml/event_ticket_scan_template.xml new file mode 100755 index 000000000..3f34f178c --- /dev/null +++ b/event_ticket_qr_scanner/static/src/xml/event_ticket_scan_template.xml @@ -0,0 +1,14 @@ + +
+
+
+
+
+
+
+ ![]()
+
+