aiolabs/events
8
0
Fork 0
Code Issues 19 Pull requests Projects Releases 2 Packages Wiki Activity Actions

feat: add paid/registered badge to ticket page (#49)

Browse source 
some visual verification on the ticket page that it is paid / checked
in.
This commit is contained in:
dni ⚡ 2026-05-07 17:06:38 +02:00 • committed by GitHub
commit 0824b1120b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
static/js/ticket.js
View file

@ -3,7 +3,7 @@ window.PageEventsTicket = {
data() {
return {
ticketId: null,
ticketName: null
ticket: null
}
},
methods: {
@ -18,7 +18,7 @@ window.PageEventsTicket = {
'GET',
`/events/api/v1/tickets/${this.ticketId}`
)
this.ticketName = data.ticket_name
this.ticket = data
} catch (error) {
LNbits.utils.notifyApiError(error)
}

20
static/js/ticket.vue
View file

@ -5,20 +5,32 @@
<q-card-section class="q-pa-none">
<center>
<h3 class="q-my-none">Ticket</h3>
<h5 v-if="ticket" v-text="ticket.name" class="q-my-none"></h5>
<br />
<h5 class="q-my-none">
Bookmark, print or screenshot this page,<br />
and present it for registration!
</h5>
<br />
<div v-if="ticket" class="row justify-center q-gutter-sm q-mb-md">
<q-btn
unelevated
:color="ticket.paid ? 'positive' : 'negative'"
:label="ticket.paid ? 'Paid' : 'Not Paid'"
></q-btn>
<q-btn
unelevated
:color="ticket.registered ? 'positive' : 'warning'"
:label="ticket.registered ? 'Checked In' : 'Not Checked In'"
></q-btn>
</div>
<lnbits-qrcode
:value="`ticket://${ticketId}`"
:options="{width: 500}"
></lnbits-qrcode>
<br />
<q-btn @click="printWindow" color="grey" class="q-ml-auto">
<q-icon left size="3em" name="print"></q-icon> Print</q-btn
>
<q-btn @click="printWindow" color="grey">
<q-icon left size="3em" name="print"></q-icon> Print
</q-btn>
</center>
</q-card-section>
</q-card>