-
- {{ $root.event_name }}
-
+
+
+.container
+ h1 {{ props.eventName }}
+
+ CheckinlistSelect(v-if="!checkinlist", @selected="selectList")
+
+ input.form-control.scan-input(
+ v-if="checkinlist",
+ ref="inputEl",
+ v-model="query",
+ :placeholder="STRINGS['input.placeholder']",
+ @keyup="inputKeyup"
+ )
+
+ .panel.panel-primary.check-result(v-if="checkResult !== null")
+ .panel-heading
+ a.pull-right(href="#", tabindex="-1", @click.prevent="clear")
+ span.fa.fa-close
+ h3.panel-title {{ STRINGS['check.headline'] }}
+ .panel-body.text-center(v-if="checkLoading")
+ span.fa.fa-4x.fa-cog.fa-spin.loading-icon
+ .panel-body.text-center(v-else-if="checkError") {{ checkError }}
+ .check-result-status(:class="'check-result-' + checkResultColor")
+ .check-result-text {{ checkResultText }}
+ .check-result-item {{ checkResultItemvar }}
+ .check-result-reason(v-if="checkResult.reason_explanation") {{ checkResult.reason_explanation }}
+ .attention(v-if="checkResult && checkResult.require_attention")
+ span.fa.fa-warning
+ | {{ STRINGS['check.attention'] }}
+ .panel-body(v-if="checkResult.position")
+ .details
+ code {{ checkResult.position.order }}-{{ checkResult.position.positionid }}
+ h4 {{ checkResult.position.attendee_name }}
+ .addons(v-if="checkResultAddons") {{ checkResultAddons }}
+ span(v-if="checkResultSubevent") {{ checkResultSubevent }}
+ br
+ span.secret {{ checkResult.position.secret }}
+ span(v-if="checkResult.position.seat")
+ br
+ | {{ checkResult.position.seat.name }}
+ span(v-for="a in checkResult.position.answers")
+ span(v-if="a.question.show_during_checkin")
+ br
+ strong {{ i18nstringLocalize(a.question.question) }}:
+ | {{ formatAnswer(a.answer, a.question) }}
+ strong(v-for="t in checkResult.checkin_texts")
+ br
+ | {{ t }}
+
+ .panel.panel-primary.search-results(v-else-if="searchResults !== null")
+ .panel-heading
+ a.pull-right(href="#", tabindex="-1", @click.prevent="clear")
+ span.fa.fa-close
+ h3.panel-title {{ STRINGS['results.headline'] }}
+ ul.list-group
+ SearchresultItem(
+ v-for="(p, idx) in searchResults",
+ :ref="el => { if (el) resultEls[idx] = el }",
+ :key="p.id",
+ :position="p",
+ @selected="selectResult"
+ )
+ li.list-group-item.text-center(v-if="!searchResults.length && !searchLoading")
+ | {{ STRINGS['results.none'] }}
+ li.list-group-item.text-center(v-if="searchLoading")
+ span.fa.fa-4x.fa-cog.fa-spin.loading-icon
+ li.list-group-item.text-center(v-else-if="searchError") {{ searchError }}
+ a.list-group-item.text-center(v-else-if="searchNextUrl", href="#", @click.prevent="searchNext")
+ | {{ STRINGS['pagination.next'] }}
+
+ div(v-else-if="checkinlist")
+ .panel.panel-default
+ .panel-body.meta
+ .row.settings
+ .col-sm-6
+ div
+ span.fa(:class="'fa-sign-' + (type === 'exit' ? 'out' : 'in')")
+ | {{ STRINGS['scantype.' + type] }}
+ br
+ button.btn.btn-default(@click="switchType")
+ span.fa.fa-refresh
+ | {{ STRINGS['scantype.switch'] }}
+ .col-sm-6
+ div(v-if="checkinlist")
+ | {{ checkinlist.name }}
+ br
+ template(v-if="subevent")
+ | {{ subevent }}
+ br
+ button.btn.btn-default(type="button", @click="switchList")
+ | {{ STRINGS['checkinlist.switch'] }}
+ .row.status(v-if="status")
+ .col-sm-4
+ span.statistic {{ status.checkin_count }}
+ | {{ STRINGS['status.checkin'] }}
+ .col-sm-4
+ span.statistic {{ status.position_count }}
+ | {{ STRINGS['status.position'] }}
+ .col-sm-4
+ .pull-right
+ button.btn.btn-default(@click="fetchStatus")
+ span.fa.fa-refresh(:class="{ 'fa-spin': statusLoading }")
+ span.statistic {{ status.inside_count }}
+ | {{ STRINGS['status.inside'] }}
+
+ .modal.modal-unpaid.fade(:class="{ in: showUnpaidModal }", tabindex="-1", role="dialog")
+ .modal-dialog(role="document")
+ .modal-content(v-if="checkResult && checkResult.position")
+ .modal-header
+ button.close(type="button", @click="showUnpaidModal = false")
+ span.fa.fa-close
+ h4.modal-title {{ STRINGS['modal.unpaid.head'] }}
+ .modal-body
+ p {{ STRINGS['modal.unpaid.text'] }}
+ .modal-footer
+ button.btn.btn-primary.pull-right(
+ type="button",
+ @click="check(checkResult.position.secret, true, false, false, true)"
+ ) {{ STRINGS['modal.continue'] }}
+ button.btn.btn-default(type="button", @click="showUnpaidModal = false")
+ | {{ STRINGS['modal.cancel'] }}
+
+ form.modal.modal-questions.fade(
+ ref="questionsModalEl",
+ :class="{ in: showQuestionsModal }",
+ tabindex="-1",
+ role="dialog"
+ )
+ .modal-dialog(role="document")
+ .modal-content(v-if="checkResult && checkResult.questions")
+ .modal-header
+ button.close(type="button", @click="showQuestionsModal = false")
+ span.fa.fa-close
+ h4.modal-title {{ STRINGS['modal.questions'] }}
+ .modal-body
+ div(
+ v-for="q in checkResult.questions",
+ :class="q.type === 'M' ? '' : (q.type === 'B' ? 'checkbox' : 'form-group')"
+ )
+ label(v-if="q.type !== 'B'", :for="'q_' + q.id")
+ | {{ q.question }}
+ | {{ q.required ? ' *' : '' }}
+
+ textarea.form-control(
+ v-if="q.type === 'T'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ input.form-control(
+ v-else-if="q.type === 'N'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ type="number",
+ :required="q.required"
+ )
+ Datefield(
+ v-else-if="q.type === 'D'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ Timefield(
+ v-else-if="q.type === 'H'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ Datetimefield(
+ v-else-if="q.type === 'W'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ select.form-control(
+ v-else-if="q.type === 'C'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ option(v-if="!q.required")
+ option(v-for="op in q.options", :value="op.id.toString()") {{ op.answer }}
+ div(v-else-if="q.type === 'F'")
+ em file input not supported
+ div(v-else-if="q.type === 'M'")
+ .checkbox(v-for="op in q.options")
+ label
+ input(
+ type="checkbox",
+ :checked="answers[q.id.toString()] && answers[q.id.toString()].split(',').includes(op.id.toString())",
+ @input="answerSetM(q.id.toString(), op.id.toString(), $event.target.checked)"
+ )
+ | {{ op.answer }}
+ label(v-else-if="q.type === 'B'")
+ input(
+ type="checkbox",
+ :checked="answers[q.id.toString()] === 'true'",
+ :required="q.required",
+ @input="answers[q.id.toString()] = $event.target.checked.toString()"
+ )
+ | {{ q.question }}
+ | {{ q.required ? ' *' : '' }}
+ select.form-control(
+ v-else-if="q.type === 'CC'",
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ option(v-if="!q.required")
+ option(v-for="op in COUNTRIES", :value="op.key") {{ op.value }}
+ input.form-control(
+ v-else,
+ :id="'q_' + q.id",
+ v-model="answers[q.id.toString()]",
+ :required="q.required"
+ )
+ .modal-footer
+ button.btn.btn-primary.pull-right(
+ type="button",
+ @click="check(checkResult.position.secret, true, true, false, false)"
+ ) {{ STRINGS['modal.continue'] }}
+ button.btn.btn-default(type="button", @click="showQuestionsModal = false")
+ | {{ STRINGS['modal.cancel'] }}
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-item.vue b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-item.vue
index ac408d3ad..10b722e68 100644
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-item.vue
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-item.vue
@@ -1,28 +1,21 @@
-
-
-
-
- {{ list.name }}
-
-
- {{ subevent }}
-
-
-
-
+
+a.list-group-item(href="#", @click.prevent="$emit('selected', list)")
+ .row
+ .col-md-6 {{ list.name }}
+ .col-md-6.text-muted {{ subevent }}
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-select.vue b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-select.vue
index 7f7315a35..91f2a5527 100644
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-select.vue
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/checkinlist-select.vue
@@ -1,101 +1,101 @@
-
-
-
-
- {{ $root.strings['checkinlist.select'] }}
-
-
-
-
-
+
+.panel.panel-primary.checkinlist-select
+ .panel-heading
+ h3.panel-title {{ STRINGS['checkinlist.select'] }}
+ ul.list-group
+ CheckinlistItem(
+ v-for="l in lists",
+ :key="l.id",
+ :list="l",
+ @selected="emit('selected', $event)"
+ )
+ li.list-group-item.text-center(v-if="loading")
+ span.fa.fa-4x.fa-cog.fa-spin.loading-icon
+ li.list-group-item.text-center(v-else-if="error") {{ error }}
+ a.list-group-item.text-center(v-else-if="nextUrl", href="#", @click.prevent="loadNext")
+ | {{ STRINGS['pagination.next'] }}
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datefield.vue b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datefield.vue
index 260e90679..838deae3a 100644
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datefield.vue
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datefield.vue
@@ -1,54 +1,64 @@
-
-
-
\ No newline at end of file
+
+watch(() => props.modelValue, (val) => {
+ if (val) {
+ $(input.value!).data('DateTimePicker').date(moment(val))
+ }
+})
+
+onMounted(() => {
+ $(input.value!)
+ .datetimepicker(opts)
+ .trigger('change')
+ .on('dp.change', function (this: HTMLElement) {
+ emit('update:modelValue', $(this).data('DateTimePicker').date().format('YYYY-MM-DD'))
+ })
+
+ if (!props.modelValue) {
+ $(input.value!).data('DateTimePicker').viewDate(moment().hour(0).minute(0).second(0).millisecond(0))
+ } else {
+ $(input.value!).data('DateTimePicker').date(moment(props.modelValue))
+ }
+})
+
+onUnmounted(() => {
+ $(input.value!)
+ .off()
+ .datetimepicker('destroy')
+})
+
+
+input.form-control(:id="id", ref="input", :required="required")
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datetimefield.vue b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datetimefield.vue
index 5db993a86..823b09842 100644
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datetimefield.vue
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/datetimefield.vue
@@ -1,55 +1,65 @@
-
-
-
\ No newline at end of file
+
+watch(() => props.modelValue, (val) => {
+ if (val) {
+ $(input.value!).data('DateTimePicker').date(moment(val))
+ }
+})
+
+onMounted(() => {
+ $(input.value!)
+ .datetimepicker(opts)
+ .trigger('change')
+ .on('dp.change', function (this: HTMLElement) {
+ emit('update:modelValue', $(this).data('DateTimePicker').date().toISOString())
+ })
+
+ if (!props.modelValue) {
+ $(input.value!).data('DateTimePicker').viewDate(moment().hour(0).minute(0).second(0).millisecond(0))
+ } else {
+ $(input.value!).data('DateTimePicker').date(moment(props.modelValue))
+ }
+})
+
+onUnmounted(() => {
+ $(input.value!)
+ .off()
+ .datetimepicker('destroy')
+})
+
+
+input.form-control(:id="id", ref="input", :required="required")
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/searchresult-item.vue b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/searchresult-item.vue
index 0cb384187..bd60d2bd8 100644
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/searchresult-item.vue
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/searchresult-item.vue
@@ -1,48 +1,48 @@
-
-
-
-
{{ position.order }}-{{ position.positionid }} {{ position.attendee_name }}
-
{{ itemvar }}
-
{{ subevent }}
-
{{ position.secret }}
-
-
-
-
-
+
+a.list-group-item.searchresult(ref="rootEl", href="#", @click.prevent="$emit('selected', position)")
+ .details
+ h4 {{ position.order }}-{{ position.positionid }} {{ position.attendee_name }}
+ span {{ itemvar }}
+ br
+ span(v-if="subevent") {{ subevent }}
+ br
+ .secret {{ position.secret }}
+ .status(:class="`status-${status}`")
+ span(v-if="position.require_attention")
+ span.fa.fa-warning
+ br
+ | {{ STRINGS[`status.${status}`] }}
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/timefield.vue b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/timefield.vue
index f6846ace5..5e6e98166 100644
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/timefield.vue
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/components/timefield.vue
@@ -1,54 +1,64 @@
-
-
-
\ No newline at end of file
+
+watch(() => props.modelValue, (val) => {
+ if (val) {
+ $(input.value!).data('DateTimePicker').date(moment(val))
+ }
+})
+
+onMounted(() => {
+ $(input.value!)
+ .datetimepicker(opts)
+ .trigger('change')
+ .on('dp.change', function (this: HTMLElement) {
+ emit('update:modelValue', $(this).data('DateTimePicker').date().format('HH:mm:ss'))
+ })
+
+ if (!props.modelValue) {
+ $(input.value!).data('DateTimePicker').viewDate(moment().hour(0).minute(0).second(0).millisecond(0))
+ } else {
+ $(input.value!).data('DateTimePicker').date(moment(props.modelValue))
+ }
+})
+
+onUnmounted(() => {
+ $(input.value!)
+ .off()
+ .datetimepicker('destroy')
+})
+
+
+input.form-control(:id="id", ref="input", :required="required")
+
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/i18n.ts b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/i18n.ts
new file mode 100644
index 000000000..20dc06b3f
--- /dev/null
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/i18n.ts
@@ -0,0 +1,106 @@
+const body = document.body
+
+export const timezone = body.dataset.timezone ?? 'UTC'
+export const datetimeFormat = body.dataset.datetimeformat ?? 'L LT'
+export const dateFormat = body.dataset.dateformat ?? 'L'
+export const timeFormat = body.dataset.timeformat ?? 'LT'
+export const datetimeLocale = body.dataset.datetimelocale ?? 'en'
+export const pretixLocale = body.dataset.pretixlocale ?? 'en'
+
+moment.locale(datetimeLocale)
+
+export function gettext (msgid: string): string {
+ if (typeof django !== 'undefined' && typeof django.gettext !== 'undefined') {
+ return django.gettext(msgid)
+ }
+ return msgid
+}
+
+export function ngettext (singular: string, plural: string, count: number): string {
+ if (typeof django !== 'undefined' && typeof django.ngettext !== 'undefined') {
+ return django.ngettext(singular, plural, count)
+ }
+ return plural
+}
+
+export type I18nString = string | Record
| null | undefined
+
+export function i18nstringLocalize (obj: I18nString): string {
+ // external
+ return i18nstring_localize(obj)
+}
+
+export const STRINGS: Record = {
+ 'checkinlist.select': gettext('Select a check-in list'),
+ 'checkinlist.none': gettext('No active check-in lists found.'),
+ 'checkinlist.switch': gettext('Switch check-in list'),
+ 'results.headline': gettext('Search results'),
+ 'results.none': gettext('No tickets found'),
+ 'check.headline': gettext('Result'),
+ 'check.attention': gettext('This ticket requires special attention'),
+ 'scantype.switch': gettext('Switch direction'),
+ 'scantype.entry': gettext('Entry'),
+ 'scantype.exit': gettext('Exit'),
+ 'input.placeholder': gettext('Scan a ticket or search and press return…'),
+ 'pagination.next': gettext('Load more'),
+ 'status.p': gettext('Valid'),
+ 'status.n': gettext('Unpaid'),
+ 'status.c': gettext('Canceled'),
+ 'status.e': gettext('Canceled'),
+ 'status.pending_valid': gettext('Confirmed'),
+ 'status.require_approval': gettext('Approval pending'),
+ 'status.redeemed': gettext('Redeemed'),
+ 'modal.cancel': gettext('Cancel'),
+ 'modal.continue': gettext('Continue'),
+ 'modal.unpaid.head': gettext('Ticket not paid'),
+ 'modal.unpaid.text': gettext('This ticket is not yet paid. Do you want to continue anyways?'),
+ 'modal.questions': gettext('Additional information required'),
+ 'result.ok': gettext('Valid ticket'),
+ 'result.exit': gettext('Exit recorded'),
+ 'result.already_redeemed': gettext('Ticket already used'),
+ 'result.questions': gettext('Information required'),
+ 'result.invalid': gettext('Unknown ticket'),
+ 'result.product': gettext('Ticket type not allowed here'),
+ 'result.unpaid': gettext('Ticket not paid'),
+ 'result.rules': gettext('Entry not allowed'),
+ 'result.revoked': gettext('Ticket code revoked/changed'),
+ 'result.blocked': gettext('Ticket blocked'),
+ 'result.invalid_time': gettext('Ticket not valid at this time'),
+ 'result.canceled': gettext('Order canceled'),
+ 'result.ambiguous': gettext('Ticket code is ambiguous on list'),
+ 'result.unapproved': gettext('Order not approved'),
+ 'status.checkin': gettext('Checked-in Tickets'),
+ 'status.position': gettext('Valid Tickets'),
+ 'status.inside': gettext('Currently inside'),
+ yes: gettext('Yes'),
+ no: gettext('No'),
+}
+
+export interface SubEvent {
+ name: Record
+ date_from: string
+}
+
+export function formatSubevent (subevent: SubEvent | null | undefined): string {
+ if (!subevent) return ''
+ const name = i18nstringLocalize(subevent.name)
+ const date = moment.utc(subevent.date_from).tz(timezone).format(datetimeFormat)
+ return `${name} · ${date}`
+}
+
+export interface Question {
+ type: string
+}
+
+export function formatAnswer (value: string, question: Question): string {
+ if (question.type === 'B' && value === 'True') {
+ return STRINGS['yes']
+ } else if (question.type === 'B' && value === 'False') {
+ return STRINGS['no']
+ } else if (question.type === 'W' && value) {
+ return moment(value).tz(timezone).format('L LT')
+ } else if (question.type === 'D' && value) {
+ return moment(value).format('L')
+ }
+ return value
+}
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.js b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.js
deleted file mode 100644
index 2e99c4696..000000000
--- a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.js
+++ /dev/null
@@ -1,79 +0,0 @@
-/*global gettext, Vue, App*/
-function gettext(msgid) {
- if (typeof django !== 'undefined' && typeof django.gettext !== 'undefined') {
- return django.gettext(msgid);
- }
- return msgid;
-}
-
-function ngettext(singular, plural, count) {
- if (typeof django !== 'undefined' && typeof django.ngettext !== 'undefined') {
- return django.ngettext(singular, plural, count);
- }
- return plural;
-}
-
-
-moment.locale(document.body.attributes['data-datetimelocale'].value)
-window.vapp = new Vue({
- components: {
- App: App.default
- },
- render: function (h) {
- return h('App')
- },
- data: {
- api: {
- lists: document.querySelector('#app').attributes['data-api-lists'].value,
- },
- strings: {
- 'checkinlist.select': gettext('Select a check-in list'),
- 'checkinlist.none': gettext('No active check-in lists found.'),
- 'checkinlist.switch': gettext('Switch check-in list'),
- 'results.headline': gettext('Search results'),
- 'results.none': gettext('No tickets found'),
- 'check.headline': gettext('Result'),
- 'check.attention': gettext('This ticket requires special attention'),
- 'scantype.switch': gettext('Switch direction'),
- 'scantype.entry': gettext('Entry'),
- 'scantype.exit': gettext('Exit'),
- 'input.placeholder': gettext('Scan a ticket or search and press return…'),
- 'pagination.next': gettext('Load more'),
- 'status.p': gettext('Valid'),
- 'status.n': gettext('Unpaid'),
- 'status.c': gettext('Canceled'),
- 'status.e': gettext('Canceled'),
- 'status.pending_valid': gettext('Confirmed'),
- 'status.require_approval': gettext('Approval pending'),
- 'status.redeemed': gettext('Redeemed'),
- 'modal.cancel': gettext('Cancel'),
- 'modal.continue': gettext('Continue'),
- 'modal.unpaid.head': gettext('Ticket not paid'),
- 'modal.unpaid.text': gettext('This ticket is not yet paid. Do you want to continue anyways?'),
- 'modal.questions': gettext('Additional information required'),
- 'result.ok': gettext('Valid ticket'),
- 'result.exit': gettext('Exit recorded'),
- 'result.already_redeemed': gettext('Ticket already used'),
- 'result.questions': gettext('Information required'),
- 'result.invalid': gettext('Unknown ticket'),
- 'result.product': gettext('Ticket type not allowed here'),
- 'result.unpaid': gettext('Ticket not paid'),
- 'result.rules': gettext('Entry not allowed'),
- 'result.revoked': gettext('Ticket code revoked/changed'),
- 'result.blocked': gettext('Ticket blocked'),
- 'result.invalid_time': gettext('Ticket not valid at this time'),
- 'result.canceled': gettext('Order canceled'),
- 'result.ambiguous': gettext('Ticket code is ambiguous on list'),
- 'result.unapproved': gettext('Order not approved'),
- 'status.checkin': gettext('Checked-in Tickets'),
- 'status.position': gettext('Valid Tickets'),
- 'status.inside': gettext('Currently inside'),
- 'yes': gettext('Yes'),
- 'no': gettext('No'),
- },
- event_name: document.querySelector('#app').attributes['data-event-name'].value,
- timezone: document.body.attributes['data-timezone'].value,
- datetime_format: document.body.attributes['data-datetimeformat'].value,
- },
- el: '#app'
-})
diff --git a/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.ts b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.ts
new file mode 100644
index 000000000..132c1aa17
--- /dev/null
+++ b/src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.ts
@@ -0,0 +1,17 @@
+import { createApp } from 'vue'
+
+// import './scss/main.scss'
+
+import App from './components/app.vue'
+
+const mountEl = document.querySelector('#app')!
+
+const app = createApp(App, mountEl.dataset)
+app.mount('#app')
+
+app.config.errorHandler = (error, _vm, info) => {
+ // vue fatals on errors by default, which is a weird choice
+ // https://github.com/vuejs/core/issues/3525
+ // https://github.com/vuejs/router/discussions/2435
+ console.error('[VUE]', info, error)
+}
diff --git a/src/pretix/plugins/webcheckin/templates/pretixplugins/webcheckin/index.html b/src/pretix/plugins/webcheckin/templates/pretixplugins/webcheckin/index.html
index c42e240bd..8540dd184 100644
--- a/src/pretix/plugins/webcheckin/templates/pretixplugins/webcheckin/index.html
+++ b/src/pretix/plugins/webcheckin/templates/pretixplugins/webcheckin/index.html
@@ -4,6 +4,7 @@
{% load statici18n %}
{% load eventurl %}
{% load escapejson %}
+{% load vite %}
@@ -23,11 +24,7 @@
-
+
{% compress js %}
@@ -35,22 +32,17 @@
{% endcompress %}
-{% if DEBUG %}
-
-{% else %}
-
-{% endif %}
-{% compress js %}
-
-
-
-
-
-
-
-
-{% endcompress %}
+
+{% vite_hmr %}
+{% vite_asset "src/pretix/plugins/webcheckin/static/pretixplugins/webcheckin/main.ts" %}
{% csrf_token %}
diff --git a/src/pretix/presale/ical.py b/src/pretix/presale/ical.py
index 14a1ec9ea..ba0571f24 100644
--- a/src/pretix/presale/ical.py
+++ b/src/pretix/presale/ical.py
@@ -153,7 +153,7 @@ def get_private_icals(event, positions):
# Actual ical organizer field is not useful since it will cause "your invitation was accepted" emails to the organizer
descr.append(_('Organizer: {organizer}').format(organizer=event.organizer.name))
description = '\n'.join(descr)
- location = None
+ location = ", ".join(l.strip() for l in str(pt.location).splitlines() if l.strip())
dtstart = pt.start.astimezone(tz)
dtend = pt.end.astimezone(tz)
uid = 'pretix-{}-{}-{}-{}@{}'.format(
diff --git a/src/pretix/presale/signals.py b/src/pretix/presale/signals.py
index 077b35d2c..38ae0dca0 100644
--- a/src/pretix/presale/signals.py
+++ b/src/pretix/presale/signals.py
@@ -126,7 +126,7 @@ footer_link = EventPluginSignal()
Arguments: ``request``
The signal ``pretix.presale.signals.footer_link`` allows you to add links to the footer of an event page. You
-are expected to return a dictionary containing the keys ``label`` and ``url``.
+are expected to return a dictionary containing the keys ``label``, ``url`` and optionally ``cssclass``.
As with all event plugin signals, the ``sender`` keyword argument will contain the event.
"""
diff --git a/src/pretix/presale/templates/pretixpresale/base.html b/src/pretix/presale/templates/pretixpresale/base.html
index 262d6a054..e5ec2eea0 100644
--- a/src/pretix/presale/templates/pretixpresale/base.html
+++ b/src/pretix/presale/templates/pretixpresale/base.html
@@ -80,7 +80,7 @@
{{ footer_text }}
{% endif %}
{% for f in footer %}
- {{ f.label }} {{ f.label }}
+#rules-editor.form-inline
+ div
+ ul.nav.nav-tabs(role="tablist")
+ li.active(role="presentation")
+ a(href="#rules-edit", role="tab", data-toggle="tab")
+ span.fa.fa-edit
+ // space between icon and string
+ |
+ | {{ gettext("Edit") }}
+ li(role="presentation")
+ a(href="#rules-viz", role="tab", data-toggle="tab")
+ span.fa.fa-eye
+ // space between icon and string
+ |
+ | {{ gettext("Visualize") }}
+
+ //- Tab panes
+ .tab-content
+ #rules-edit.tab-pane.active(v-if="items", role="tabpanel")
+ RulesEditor
+ #rules-viz.tab-pane(role="tabpanel")
+ RulesVisualization
+
+ .alert.alert-info(v-if="missingItems.length")
+ p {{ gettext("Your rule always filters by product or variation, but the following products or variations are not contained in any of your rule parts so people with these tickets will not get in:") }}
+ ul
+ li(v-for="h in missingItems", :key="h") {{ h }}
+ p {{ gettext("Please double-check if this was intentional.") }}
+
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rule.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rule.vue
index 707138edd..219bf4a77 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rule.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rule.vue
@@ -1,355 +1,365 @@
-
-
-
-
-
- OR
-
- AND
-
-
-
- {{texts.and}}
- {{texts.or}}
- {{ v.label }}
-
-
- {{ v.label }}
-
-
- {{texts.date_from}}
- {{texts.date_to}}
- {{texts.date_admission}}
- {{texts.date_custom}}
- {{texts.date_customtime}}
-
-
-
-
-
- {{ v.label }}
-
-
-
-
-
-
- {{ texts.status_absent }}
- {{ texts.status_present }}
-
-
-
-
-
-
-
-
+
+div(:class="classObject")
+ .btn-group.pull-right
+ button.checkin-rule-remove.btn.btn-xs.btn-default(
+ v-if="level > 0",
+ type="button",
+ data-toggle="tooltip",
+ :title="TEXTS.duplicate",
+ @click.prevent="duplicate"
+ )
+ span.fa.fa-copy
+ button.checkin-rule-remove.btn.btn-xs.btn-default(
+ type="button",
+ @click.prevent="wrapWithOR"
+ ) OR
+ button.checkin-rule-remove.btn.btn-xs.btn-default(
+ type="button",
+ @click.prevent="wrapWithAND"
+ ) AND
+ button.checkin-rule-remove.btn.btn-xs.btn-default(
+ v-if="operands && operands.length === 1 && (operator === 'or' || operator === 'and')",
+ type="button",
+ @click.prevent="cutOut"
+ )
+ span.fa.fa-cut
+ button.checkin-rule-remove.btn.btn-xs.btn-default(
+ v-if="level > 0",
+ type="button",
+ @click.prevent="remove"
+ )
+ span.fa.fa-trash
+ select.form-control(:value="variable", required, @input="setVariable")
+ option(value="and") {{ TEXTS.and }}
+ option(value="or") {{ TEXTS.or }}
+ option(v-for="(v, name) in VARS", :key="name", :value="name") {{ v.label }}
+ select.form-control(
+ v-if="operator !== 'or' && operator !== 'and' && vartype !== 'int_by_datetime'",
+ :value="operator",
+ required,
+ @input="setOperator"
+ )
+ option
+ option(v-for="(v, name) in operators", :key="name", :value="name") {{ v.label }}
+ select.form-control(
+ v-if="vartype === 'datetime' || vartype === 'int_by_datetime'",
+ :value="timeType",
+ required,
+ @input="setTimeType"
+ )
+ option(value="date_from") {{ TEXTS.date_from }}
+ option(value="date_to") {{ TEXTS.date_to }}
+ option(value="date_admission") {{ TEXTS.date_admission }}
+ option(value="custom") {{ TEXTS.date_custom }}
+ option(value="customtime") {{ TEXTS.date_customtime }}
+ Datetimefield(
+ v-if="(vartype === 'datetime' || vartype === 'int_by_datetime') && timeType === 'custom'",
+ :value="timeValue",
+ @input="setTimeValue"
+ )
+ Timefield(
+ v-if="(vartype === 'datetime' || vartype === 'int_by_datetime') && timeType === 'customtime'",
+ :value="timeValue",
+ @input="setTimeValue"
+ )
+ input.form-control(
+ v-if="vartype === 'datetime' && timeType && timeType !== 'customtime' && timeType !== 'custom'",
+ required,
+ type="number",
+ :value="timeTolerance",
+ :placeholder="TEXTS.date_tolerance",
+ @input="setTimeTolerance"
+ )
+ select.form-control(
+ v-if="vartype === 'int_by_datetime'",
+ :value="operator",
+ required,
+ @input="setOperator"
+ )
+ option
+ option(v-for="(v, name) in operators", :key="name", :value="name") {{ v.label }}
+ input.form-control(
+ v-if="(vartype === 'int' || vartype === 'int_by_datetime') && cardinality > 1",
+ required,
+ type="number",
+ :value="rightoperand",
+ @input="setRightOperandNumber"
+ )
+ LookupSelect2(
+ v-if="vartype === 'product' && operator === 'inList'",
+ required,
+ :multiple="true",
+ :value="rightoperand",
+ :url="productSelectURL",
+ @input="setRightOperandProductList"
+ )
+ LookupSelect2(
+ v-if="vartype === 'variation' && operator === 'inList'",
+ required,
+ :multiple="true",
+ :value="rightoperand",
+ :url="variationSelectURL",
+ @input="setRightOperandVariationList"
+ )
+ LookupSelect2(
+ v-if="vartype === 'gate' && operator === 'inList'",
+ required,
+ :multiple="true",
+ :value="rightoperand",
+ :url="gateSelectURL",
+ @input="setRightOperandGateList"
+ )
+ select.form-control(
+ v-if="vartype === 'enum_entry_status' && operator === '=='",
+ required,
+ :value="rightoperand",
+ @input="setRightOperandEnum"
+ )
+ option(value="absent") {{ TEXTS.status_absent }}
+ option(value="present") {{ TEXTS.status_present }}
+ .checkin-rule-childrules(v-if="operator === 'or' || operator === 'and'")
+ div(v-for="(op, opi) in operands", :key="opi")
+ CheckinRule(
+ v-if="typeof op === 'object'",
+ :rule="op",
+ :index="opi",
+ :level="level + 1",
+ @remove="removeChild(opi)",
+ @duplicate="duplicateChild(opi)"
+ )
+ button.checkin-rule-addchild.btn.btn-xs.btn-default(
+ type="button",
+ @click.prevent="addOperand"
+ )
+ span.fa.fa-plus-circle
+ | {{ TEXTS.condition_add }}
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-editor.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-editor.vue
index 1efb1f27c..f07c8cc8e 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-editor.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-editor.vue
@@ -1,25 +1,23 @@
-
-
-
-
-
+
+.checkin-rules-editor
+ CheckinRule(v-if="hasRules", :rule="rules", :level="0", :index="0")
+ button.checkin-rule-addchild.btn.btn-xs.btn-default(
+ v-if="!hasRules",
+ type="button",
+ @click.prevent="addRule"
+ )
+ span.fa.fa-plus-circle
+ | {{ TEXTS.condition_add }}
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-visualization.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-visualization.vue
index b7fedc720..ce8fb0dd8 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-visualization.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/checkin-rules-visualization.vue
@@ -1,255 +1,276 @@
-
-
-
-
+
+div(:class="'checkin-rules-visualization ' + (maximized ? 'maximized' : '')")
+ .tools
+ button.btn.btn-default(
+ v-if="maximized",
+ type="button",
+ @click.prevent="maximized = false"
+ )
+ span.fa.fa-window-close
+ button.btn.btn-default(
+ v-if="!maximized",
+ type="button",
+ @click.prevent="maximized = true"
+ )
+ span.fa.fa-window-maximize
+ svg(
+ ref="svg",
+ :width="contentWidth",
+ :height="contentHeight",
+ :viewBox="viewBox"
+ )
+ g(:transform="zoomTransform.toString()")
+ VizNode(
+ v-for="(node, nodeid) in graph.nodes_by_id",
+ :key="nodeid",
+ :node="node",
+ :children="node.children.map((n: string) => graph.nodes_by_id[n])",
+ :nodeid="nodeid",
+ :boxWidth="boxWidth",
+ :boxHeight="boxHeight",
+ :marginX="marginX",
+ :marginY="marginY",
+ :paddingX="paddingX"
+ )
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/constants.ts b/src/pretix/static/pretixcontrol/js/ui/checkinrules/constants.ts
new file mode 100644
index 000000000..8b284acd9
--- /dev/null
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/constants.ts
@@ -0,0 +1,198 @@
+/* global gettext, pgettext */
+
+export const TEXTS = {
+ and: gettext('All of the conditions below (AND)'),
+ or: gettext('At least one of the conditions below (OR)'),
+ date_from: gettext('Event start'),
+ date_to: gettext('Event end'),
+ date_admission: gettext('Event admission'),
+ date_custom: gettext('custom date and time'),
+ date_customtime: gettext('custom time'),
+ date_tolerance: gettext('Tolerance (minutes)'),
+ condition_add: gettext('Add condition'),
+ minutes: gettext('minutes'),
+ duplicate: gettext('Duplicate'),
+ status_present: pgettext('entry_status', 'present'),
+ status_absent: pgettext('entry_status', 'absent'),
+}
+
+export const TYPEOPS = {
+ // Every change to our supported JSON logic must be done
+ // * in pretix.base.services.checkin
+ // * in pretix.base.models.checkin
+ // * in pretix.helpers.jsonlogic_boolalg
+ // * in checkinrules.js
+ // * in libpretixsync
+ // * in pretixscan-ios
+ product: {
+ inList: {
+ label: gettext('is one of'),
+ cardinality: 2,
+ }
+ },
+ variation: {
+ inList: {
+ label: gettext('is one of'),
+ cardinality: 2,
+ }
+ },
+ gate: {
+ inList: {
+ label: gettext('is one of'),
+ cardinality: 2,
+ }
+ },
+ datetime: {
+ isBefore: {
+ label: gettext('is before'),
+ cardinality: 2,
+ },
+ isAfter: {
+ label: gettext('is after'),
+ cardinality: 2,
+ },
+ },
+ enum_entry_status: {
+ '==': {
+ label: gettext('='),
+ cardinality: 2,
+ },
+ },
+ int_by_datetime: {
+ '<': {
+ label: '<',
+ cardinality: 2,
+ },
+ '<=': {
+ label: '≤',
+ cardinality: 2,
+ },
+ '>': {
+ label: '>',
+ cardinality: 2,
+ },
+ '>=': {
+ label: '≥',
+ cardinality: 2,
+ },
+ '==': {
+ label: '=',
+ cardinality: 2,
+ },
+ '!=': {
+ label: '≠',
+ cardinality: 2,
+ },
+ },
+ int: {
+ '<': {
+ label: '<',
+ cardinality: 2,
+ },
+ '<=': {
+ label: '≤',
+ cardinality: 2,
+ },
+ '>': {
+ label: '>',
+ cardinality: 2,
+ },
+ '>=': {
+ label: '≥',
+ cardinality: 2,
+ },
+ '==': {
+ label: '=',
+ cardinality: 2,
+ },
+ '!=': {
+ label: '≠',
+ cardinality: 2,
+ },
+ },
+}
+
+export const VARS = {
+ product: {
+ label: gettext('Product'),
+ type: 'product',
+ },
+ variation: {
+ label: gettext('Product variation'),
+ type: 'variation',
+ },
+ gate: {
+ label: gettext('Gate'),
+ type: 'gate',
+ },
+ now: {
+ label: gettext('Current date and time'),
+ type: 'datetime',
+ },
+ now_isoweekday: {
+ label: gettext('Current day of the week (1 = Monday, 7 = Sunday)'),
+ type: 'int',
+ },
+ entry_status: {
+ label: gettext('Current entry status'),
+ type: 'enum_entry_status',
+ },
+ entries_number: {
+ label: gettext('Number of previous entries'),
+ type: 'int',
+ },
+ entries_today: {
+ label: gettext('Number of previous entries since midnight'),
+ type: 'int',
+ },
+ entries_since: {
+ label: gettext('Number of previous entries since'),
+ type: 'int_by_datetime',
+ },
+ entries_before: {
+ label: gettext('Number of previous entries before'),
+ type: 'int_by_datetime',
+ },
+ entries_days: {
+ label: gettext('Number of days with a previous entry'),
+ type: 'int',
+ },
+ entries_days_since: {
+ label: gettext('Number of days with a previous entry since'),
+ type: 'int_by_datetime',
+ },
+ entries_days_before: {
+ label: gettext('Number of days with a previous entry before'),
+ type: 'int_by_datetime',
+ },
+ minutes_since_last_entry: {
+ label: gettext('Minutes since last entry (-1 on first entry)'),
+ type: 'int',
+ },
+ minutes_since_first_entry: {
+ label: gettext('Minutes since first entry (-1 on first entry)'),
+ type: 'int',
+ },
+}
+
+export const DATETIME_OPTIONS = {
+ format: document.body.dataset.datetimeformat,
+ locale: document.body.dataset.datetimelocale,
+ useCurrent: false,
+ icons: {
+ time: 'fa fa-clock-o',
+ date: 'fa fa-calendar',
+ up: 'fa fa-chevron-up',
+ down: 'fa fa-chevron-down',
+ previous: 'fa fa-chevron-left',
+ next: 'fa fa-chevron-right',
+ today: 'fa fa-screenshot',
+ clear: 'fa fa-trash',
+ close: 'fa fa-remove'
+ }
+}
+
+export const TIME_OPTIONS = {
+ ...DATETIME_OPTIONS,
+ format: document.body.dataset.timeformat,
+}
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/datetimefield.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/datetimefield.vue
index 3676f458a..d1a5b90ec 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/datetimefield.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/datetimefield.vue
@@ -1,55 +1,45 @@
-
-
-
+
+input.form-control(ref="input")
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/django-interop.ts b/src/pretix/static/pretixcontrol/js/ui/checkinrules/django-interop.ts
new file mode 100644
index 000000000..df7978a2c
--- /dev/null
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/django-interop.ts
@@ -0,0 +1,68 @@
+import { ref, watch } from 'vue'
+
+export const allProducts = ref(false)
+export const limitProducts = ref([])
+
+function updateProducts () {
+ allProducts.value = document.querySelector('#id_all_products')?.checked ?? false
+ limitProducts.value = Array.from(document.querySelectorAll('input[name=limit_products]:checked')).map(el => parseInt(el.value))
+}
+
+// listen to change events for products
+document.querySelectorAll('#id_all_products, input[name=limit_products]').forEach(el => el.addEventListener('change', updateProducts))
+updateProducts()
+
+export const rules = ref({})
+
+// grab rules from hidden input
+const rulesInput = document.querySelector('#id_rules')
+if (rulesInput?.value) {
+ rules.value = JSON.parse(rulesInput.value) ?? {}
+}
+
+// sync back to hidden input
+watch(rules, (newVal) => {
+ if (!rulesInput) return
+ rulesInput.value = JSON.stringify(newVal)
+}, { deep: true })
+
+export const items = ref([])
+
+const itemsEl = document.querySelector('#items')
+if (itemsEl?.textContent) {
+ items.value = JSON.parse(itemsEl.textContent || '[]')
+
+ function checkForInvalidIds (validProducts: Record, validVariations: Record, rule: any) {
+ if (rule['and']) {
+ for (const child of rule['and'])
+ checkForInvalidIds(validProducts, validVariations, child)
+ } else if (rule['or']) {
+ for (const child of rule['or'])
+ checkForInvalidIds(validProducts, validVariations, child)
+ } else if (rule['inList'] && rule['inList'][0]['var'] === 'product') {
+ for (const item of rule['inList'][1]['objectList']) {
+ if (!validProducts[item['lookup'][1]])
+ item['lookup'][2] = '[' + gettext('Error: Product not found!') + ']'
+ else
+ item['lookup'][2] = validProducts[item['lookup'][1]]
+ }
+ } else if (rule['inList'] && rule['inList'][0]['var'] === 'variation') {
+ for (const item of rule['inList'][1]['objectList']) {
+ if (!validVariations[item['lookup'][1]])
+ item['lookup'][2] = '[' + gettext('Error: Variation not found!') + ']'
+ else
+ item['lookup'][2] = validVariations[item['lookup'][1]]
+ }
+ }
+ }
+
+ checkForInvalidIds(
+ Object.fromEntries(items.value.map(p => [p.id, p.name])),
+ Object.fromEntries(items.value.flatMap(p => p.variations?.map(v => [v.id, p.name + ' – ' + v.name]) ?? [])),
+ rules.value
+ )
+}
+
+export const productSelectURL = ref(document.querySelector('#product-select2')?.textContent)
+export const variationSelectURL = ref(document.querySelector('#variations-select2')?.textContent)
+export const gateSelectURL = ref(document.querySelector('#gates-select2')?.textContent)
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/index.ts b/src/pretix/static/pretixcontrol/js/ui/checkinrules/index.ts
new file mode 100644
index 000000000..9932201c8
--- /dev/null
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/index.ts
@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+const app = createApp(App)
+app.mount('#rules-editor')
+
+app.config.errorHandler = (error, _vm, info) => {
+ // vue fatals on errors by default, which is a weird choice
+ // https://github.com/vuejs/core/issues/3525
+ // https://github.com/vuejs/router/discussions/2435
+ console.error('[VUE]', info, error)
+}
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/jsonlogic-boolalg.js b/src/pretix/static/pretixcontrol/js/ui/checkinrules/jsonlogic-boolalg.js
index 885586df2..b3a11df14 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/jsonlogic-boolalg.js
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/jsonlogic-boolalg.js
@@ -1,93 +1,93 @@
-function convert_to_dnf(rules) {
- // Converts a set of rules to disjunctive normal form, i.e. returns something of the form
- // `(a AND b AND c) OR (a AND d AND f)`
- // without further nesting.
- if (typeof rules !== "object" || Array.isArray(rules) || rules === null) {
- return rules
- }
+export function convertToDNF (rules) {
+ // Converts a set of rules to disjunctive normal form, i.e. returns something of the form
+ // `(a AND b AND c) OR (a AND d AND f)`
+ // without further nesting.
+ if (typeof rules !== 'object' || Array.isArray(rules) || rules === null) {
+ return rules
+ }
- function _distribute_or_over_and(r) {
- var operator = Object.keys(r)[0]
- var values = r[operator]
- if (operator === "and") {
- var arg_to_distribute = null
- var other_args = []
- for (var arg of values) {
- if (typeof arg === "object" && !Array.isArray(arg) && typeof arg["or"] !== "undefined" && arg_to_distribute === null) {
- arg_to_distribute = arg
- } else {
- other_args.push(arg)
- }
- }
- if (arg_to_distribute === null) {
- return r
- }
- var or_operands = []
- for (var dval of arg_to_distribute["or"]) {
- or_operands.push({"and": other_args.concat([dval])})
- }
- return {
- "or": or_operands
- }
- } else if (!operator) {
- return r
- } else if (operator === "!" || operator === "!!" || operator === "?:" || operator === "if") {
- console.warn("Operator " + operator + " currently unsupported by convert_to_dnf")
- return r
- } else {
- return r
- }
- }
+ function _distribute_or_over_and (r) {
+ let operator = Object.keys(r)[0]
+ let values = r[operator]
+ if (operator === 'and') {
+ let arg_to_distribute = null
+ let other_args = []
+ for (let arg of values) {
+ if (typeof arg === 'object' && !Array.isArray(arg) && typeof arg['or'] !== 'undefined' && arg_to_distribute === null) {
+ arg_to_distribute = arg
+ } else {
+ other_args.push(arg)
+ }
+ }
+ if (arg_to_distribute === null) {
+ return r
+ }
+ let or_operands = []
+ for (let dval of arg_to_distribute['or']) {
+ or_operands.push({ and: other_args.concat([dval]) })
+ }
+ return {
+ or: or_operands
+ }
+ } else if (!operator) {
+ return r
+ } else if (operator === '!' || operator === '!!' || operator === '?:' || operator === 'if') {
+ console.warn('Operator ' + operator + ' currently unsupported by convert_to_dnf')
+ return r
+ } else {
+ return r
+ }
+ }
- function _simplify_chained_operators(r) {
- // Simplify `(a OR b) OR (c or d)` to `a OR b OR c OR d` and the same with `AND`
- if (typeof r !== "object" || Array.isArray(r)) {
- return r
- }
- var operator = Object.keys(r)[0]
- var values = r[operator]
- if (operator !== "or" && operator !== "and") {
- return r
- }
- var new_values = []
- for (var v of values) {
- if (typeof v !== "object" || Array.isArray(v) || typeof v[operator] === "undefined") {
- new_values.push(v)
- } else {
- new_values.push(...v[operator])
- }
- }
- var result = {}
- result[operator] = new_values
- return result
- }
+ function _simplify_chained_operators (r) {
+ // Simplify `(a OR b) OR (c or d)` to `a OR b OR c OR d` and the same with `AND`
+ if (typeof r !== 'object' || Array.isArray(r)) {
+ return r
+ }
+ let operator = Object.keys(r)[0]
+ let values = r[operator]
+ if (operator !== 'or' && operator !== 'and') {
+ return r
+ }
+ let new_values = []
+ for (let v of values) {
+ if (typeof v !== 'object' || Array.isArray(v) || typeof v[operator] === 'undefined') {
+ new_values.push(v)
+ } else {
+ new_values.push(...v[operator])
+ }
+ }
+ let result = {}
+ result[operator] = new_values
+ return result
+ }
- // Run _distribute_or_over_and on until it no longer changes anything. Do so recursively
- // for the full expression tree.
- var old_rules = rules
- while (true) {
- rules = _distribute_or_over_and(rules)
- var operator = Object.keys(rules)[0]
- var values = rules[operator]
- var no_list = false
- if (!Array.isArray(values)) {
- values = [values]
- no_list = true
- }
- rules = {}
- if (!no_list) {
- rules[operator] = []
- for (var v of values) {
- rules[operator].push(convert_to_dnf(v))
- }
- } else {
- rules[operator] = convert_to_dnf(values[0])
- }
- if (JSON.stringify(old_rules) === JSON.stringify(rules)) { // Let's hope this is good enough...
- break
- }
- old_rules = rules
- }
- rules = _simplify_chained_operators(rules)
- return rules
-}
\ No newline at end of file
+ // Run _distribute_or_over_and on until it no longer changes anything. Do so recursively
+ // for the full expression tree.
+ let old_rules = rules
+ while (true) {
+ rules = _distribute_or_over_and(rules)
+ let operator = Object.keys(rules)[0]
+ let values = rules[operator]
+ let no_list = false
+ if (!Array.isArray(values)) {
+ values = [values]
+ no_list = true
+ }
+ rules = {}
+ if (!no_list) {
+ rules[operator] = []
+ for (let v of values) {
+ rules[operator].push(convertToDNF(v))
+ }
+ } else {
+ rules[operator] = convertToDNF(values[0])
+ }
+ if (JSON.stringify(old_rules) === JSON.stringify(rules)) { // Let's hope this is good enough...
+ break
+ }
+ old_rules = rules
+ }
+ rules = _simplify_chained_operators(rules)
+ return rules
+}
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/lookup-select2.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/lookup-select2.vue
index 2f59014ef..a45c69774 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/lookup-select2.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/lookup-select2.vue
@@ -1,97 +1,121 @@
-
-
-
-
-
+
+select(ref="select")
+ slot
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/timefield.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/timefield.vue
index 93641dc70..f5c5aea22 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/timefield.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/timefield.vue
@@ -1,55 +1,45 @@
-
-
-
+
+input.form-control(ref="input")
+
diff --git a/src/pretix/static/pretixcontrol/js/ui/checkinrules/viz-node.vue b/src/pretix/static/pretixcontrol/js/ui/checkinrules/viz-node.vue
index 27911f3c8..dd65f0ff2 100644
--- a/src/pretix/static/pretixcontrol/js/ui/checkinrules/viz-node.vue
+++ b/src/pretix/static/pretixcontrol/js/ui/checkinrules/viz-node.vue
@@ -1,255 +1,242 @@
-
-
-
-
+
+
+g
+ path.edge(v-for="e in edges", :key="e", :d="e")
+ path.edge(v-if="rootEdge", :d="rootEdge")
+ path.edge(v-if="!node.children.length", :d="checkEdge")
+ rect(:width="boxWidth", :height="boxHeight", :x="x", :y="y", :class="nodeClass", rx="5")
+
+ foreignObject(:width="boxWidth - 10", :height="boxHeight - 10", :x="x + 5", :y="y + 5")
+ div.text(xmlns="http://www.w3.org/1999/xhtml")
+ span(v-if="vardata && vardata.type === 'int'")
+ span.fa.fa-sign-in(v-if="variable.startsWith('entries_')")
+ | {{ vardata.label }}
+ br
+ span(v-if="varresult !== null") {{ varresult }}
+ strong
+ | {{ op?.label}} {{ rightoperand }}
+ span(v-else-if="vardata && vardata.type === 'int_by_datetime'")
+ span.fa.fa-sign-in(v-if="variable.startsWith('entries_')")
+ | {{ vardata.label }}
+ span(v-if="node.rule[operator][0][variable][0].buildTime[0] === 'custom'")
+ | {{ df(node.rule[operator][0][variable][0].buildTime[1]) }}
+ span(v-else-if="node.rule[operator][0][variable][0].buildTime[0] === 'customtime'")
+ | {{ tf(node.rule[operator][0][variable][0].buildTime[1]) }}
+ span(v-else)
+ | {{ TEXTS[node.rule[operator][0][variable][0].buildTime[0]] }}
+ br
+ span(v-if="varresult !== null") {{ varresult }}
+ strong
+ | {{ op?.label }} {{ rightoperand }}
+ span(v-else-if="vardata && variable === 'now'")
+ span.fa.fa-clock-o
+ | {{ vardata.label }}
+ br
+ span(v-if="varresult !== null") {{ varresult }}
+ strong
+ | {{ op?.label }}
+ br
+ span(v-if="rightoperand?.buildTime[0] === 'custom'")
+ | {{ df(rightoperand?.buildTime[1]) }}
+ span(v-else-if="rightoperand?.buildTime[0] === 'customtime'")
+ | {{ tf(rightoperand?.buildTime[1]) }}
+ span(v-else)
+ | {{ TEXTS[rightoperand?.buildTime[0]] }}
+ span(v-if="operands[2]")
+ span(v-if="operator === 'isBefore'") +
+ span(v-else) -
+ | {{ operands[2] }}
+ | {{ TEXTS.minutes }}
+ span(v-else-if="vardata && operator === 'inList'")
+ span.fa.fa-sign-in(v-if="variable === 'gate'")
+ span.fa.fa-ticket(v-else)
+ | {{ vardata.label }}
+ span(v-if="varresult !== null") ({{ varresult }})
+ br
+ strong
+ | {{ rightoperand?.objectList.map((o: any) => o.lookup[2]).join(", ") }}
+ span(v-else-if="vardata && vardata.type === 'enum_entry_status'")
+ span.fa.fa-check-circle-o
+ | {{ vardata.label }}
+ span(v-if="varresult !== null") ({{ varresult }})
+ br
+ strong
+ | {{ op?.label }} {{ rightoperand }}
+
+ g(v-if="result === false", :transform="`translate(${x + boxWidth - 15}, ${y - 10})`")
+ ellipse(fill="#fff", cx="14.685823", cy="14.318233", rx="12.140151", ry="11.55523")
+ path.error(d="M 15,0 C 23.28125,0 30,6.71875 30,15 30,23.28125 23.28125,30 15,30 6.71875,30 0,23.28125 0,15 0,6.71875 6.71875,0 15,0 Z m 2.5,24.35547 V 20.64453 C 17.5,20.29297 17.22656,20 16.89453,20 h -3.75 C 12.79297,20 12.5,20.29297 12.5,20.64453 v 3.71094 C 12.5,24.70703 12.79297,25 13.14453,25 h 3.75 C 17.22656,25 17.5,24.70703 17.5,24.35547 Z M 17.4609,17.63672 17.81246,5.50781 c 0,-0.13672 -0.0586,-0.27343 -0.19531,-0.35156 C 17.49996,5.05855 17.32418,5 17.1484,5 h -4.29688 c -0.17578,0 -0.35156,0.0586 -0.46875,0.15625 -0.13672,0.0781 -0.19531,0.21484 -0.19531,0.35156 l 0.33203,12.12891 c 0,0.27344 0.29297,0.48828 0.66406,0.48828 h 3.61329 c 0.35156,0 0.64453,-0.21484 0.66406,-0.48828 z")
+ g(v-if="result === true", :transform="`translate(${x + boxWidth - 15}, ${y - 10})`")
+ ellipse(fill="#fff", cx="14.685823", cy="14.318233", rx="12.140151", ry="11.55523")
+ path.check(d="m 25.078125,11.835938 c 0,-0.332032 -0.117188,-0.664063 -0.351563,-0.898438 L 22.949219,9.1796875 c -0.234375,-0.234375 -0.546875,-0.3710937 -0.878907,-0.3710937 -0.332031,0 -0.644531,0.1367187 -0.878906,0.3710937 L 13.222656,17.128906 8.8085938,12.714844 C 8.5742188,12.480469 8.2617188,12.34375 7.9296875,12.34375 c -0.3320313,0 -0.6445313,0.136719 -0.8789063,0.371094 l -1.7773437,1.757812 c -0.234375,0.234375 -0.3515625,0.566407 -0.3515625,0.898438 0,0.332031 0.1171875,0.644531 0.3515625,0.878906 l 7.0703125,7.070312 c 0.234375,0.234375 0.566406,0.371094 0.878906,0.371094 0.332032,0 0.664063,-0.136719 0.898438,-0.371094 L 24.726562,12.714844 c 0.234375,-0.234375 0.351563,-0.546875 0.351563,-0.878906 z M 30,15 C 30,23.28125 23.28125,30 15,30 6.71875,30 0,23.28125 0,15 0,6.71875 6.71875,0 15,0 23.28125,0 30,6.71875 30,15 Z")
+ g(v-if="!node.children.length && (resultInclParents === null || resultInclParents === true)", :transform="`translate(${x + boxWidth + 25}, ${y + boxHeight/2 - 15})`")
+ path.check(d="m 25.078125,11.835938 c 0,-0.332032 -0.117188,-0.664063 -0.351563,-0.898438 L 22.949219,9.1796875 c -0.234375,-0.234375 -0.546875,-0.3710937 -0.878907,-0.3710937 -0.332031,0 -0.644531,0.1367187 -0.878906,0.3710937 L 13.222656,17.128906 8.8085938,12.714844 C 8.5742188,12.480469 8.2617188,12.34375 7.9296875,12.34375 c -0.3320313,0 -0.6445313,0.136719 -0.8789063,0.371094 l -1.7773437,1.757812 c -0.234375,0.234375 -0.3515625,0.566407 -0.3515625,0.898438 0,0.332031 0.1171875,0.644531 0.3515625,0.878906 l 7.0703125,7.070312 c 0.234375,0.234375 0.566406,0.371094 0.878906,0.371094 0.332032,0 0.664063,-0.136719 0.898438,-0.371094 L 24.726562,12.714844 c 0.234375,-0.234375 0.351563,-0.546875 0.351563,-0.878906 z M 30,15 C 30,23.28125 23.28125,30 15,30 6.71875,30 0,23.28125 0,15 0,6.71875 6.71875,0 15,0 23.28125,0 30,6.71875 30,15 Z")
+ g(v-if="!node.children.length && (resultInclParents === false)", :transform="`translate(${x + boxWidth + 25}, ${y + boxHeight/2 - 15})`")
+ path.error(d="M 15,0 C 23.28125,0 30,6.71875 30,15 30,23.28125 23.28125,30 15,30 6.71875,30 0,23.28125 0,15 0,6.71875 6.71875,0 15,0 Z m 2.5,24.35547 V 20.64453 C 17.5,20.29297 17.22656,20 16.89453,20 h -3.75 C 12.79297,20 12.5,20.29297 12.5,20.64453 v 3.71094 C 12.5,24.70703 12.79297,25 13.14453,25 h 3.75 C 17.22656,25 17.5,24.70703 17.5,24.35547 Z M 17.4609,17.63672 17.81246,5.50781 c 0,-0.13672 -0.0586,-0.27343 -0.19531,-0.35156 C 17.49996,5.05855 17.32418,5 17.1484,5 h -4.29688 c -0.17578,0 -0.35156,0.0586 -0.46875,0.15625 -0.13672,0.0781 -0.19531,0.21484 -0.19531,0.35156 l 0.33203,12.12891 c 0,0.27344 0.29297,0.48828 0.66406,0.48828 h 3.61329 c 0.35156,0 0.64453,-0.21484 0.66406,-0.48828 z")
+
diff --git a/src/pretix/static/pretixpresale/js/widget/widget.js b/src/pretix/static/pretixpresale/js/widget/widget.js
index b24f1efca..34179e877 100644
--- a/src/pretix/static/pretixpresale/js/widget/widget.js
+++ b/src/pretix/static/pretixpresale/js/widget/widget.js
@@ -114,8 +114,13 @@ var setCookie = function (cname, cvalue, exdays) {
var expires = "expires=Thu, 01 Jan 1970 00:00:00 GMT";
cvalue = "";
}
- document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+ var same_site = "";
+ if (site_is_secure()) {
+ same_site = ";SameSite=None;Secure"
+ }
+ document.cookie = cname + "=" + cvalue + ";" + expires + same_site + ";path=/";
};
+
var getCookie = function (name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
@@ -2052,11 +2057,16 @@ var shared_root_methods = {
})
},
get_cart_id: function() {
- if (this.$root.keep_cart) {
- return getCookie(this.$root.cookieName);
+ if (!this.$root.keep_cart) {
+ return null
}
+ if (this.$root.cart_id) {
+ return this.$root.cart_id
+ }
+ return getCookie(this.$root.cookieName);
},
set_cart_id: function(newValue) {
+ this.$root.cart_id = newValue
setCookie(this.$root.cookieName, newValue, 30);
},
};
@@ -2359,6 +2369,7 @@ var create_widget = function (element, html_id=null) {
has_seating_plan_waitinglist: false,
meta_filter_fields: [],
keep_cart: true,
+ cart_id: null
}
},
created: function () {
@@ -2450,6 +2461,7 @@ var create_button = function (element, html_id=null) {
html_id: html_id,
button_text: button_text,
keep_cart: keep_cart || items.length > 0,
+ cart_id: null
}
},
created: function () {
@@ -2525,7 +2537,8 @@ window.PretixWidget.open = function (target_url, voucher, subevent, items, widge
widget_data: all_widget_data,
widget_id: 'pretix-widget-' + widget_id,
button_text: "",
- keep_cart: true
+ keep_cart: true,
+ cart_id: null
}
},
created: function () {
diff --git a/src/pretix/static/pretixpresale/scss/main.scss b/src/pretix/static/pretixpresale/scss/main.scss
index 66ce9924d..d598c8d92 100644
--- a/src/pretix/static/pretixpresale/scss/main.scss
+++ b/src/pretix/static/pretixpresale/scss/main.scss
@@ -201,13 +201,16 @@ footer nav li:not(:first-child):before {
width: 1.5em;
text-align: center;
}
+footer nav .btn,
footer nav .btn-link {
display: inline;
- padding: 0;
margin: 0;
font-size: 11px;
vertical-align: baseline;
}
+footer nav .btn-link {
+ padding: 0;
+}
.js-only {
display: none;
diff --git a/src/pretix/static/pretixpresale/widget/TODOS.md b/src/pretix/static/pretixpresale/widget/TODOS.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/pretix/static/pretixpresale/widget/index.html b/src/pretix/static/pretixpresale/widget/index.html
new file mode 100644
index 000000000..2962e47db
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/index.html
@@ -0,0 +1,47 @@
+
+
+
+ Pretix Widget
+
+
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/api.ts b/src/pretix/static/pretixpresale/widget/src/api.ts
new file mode 100644
index 000000000..23650186c
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/api.ts
@@ -0,0 +1,93 @@
+import type { Category, DayEntry, EventEntry, MetaFilterField } from '~/types'
+
+export class ApiError extends Error {
+ status: number
+ responseUrl: string
+
+ constructor (status: number, responseUrl: string) {
+ super(`HTTP ${status}`)
+ this.status = status
+ this.responseUrl = responseUrl
+ }
+}
+
+// --- Product list ---
+
+export interface ProductListResponse {
+ target_url?: string
+ subevent?: string | number
+ name?: string
+ frontpage_text?: string
+ date_range?: string
+ location?: string
+ items_by_category?: Category[]
+ currency?: string
+ display_net_prices?: boolean
+ voucher_explanation_text?: string
+ error?: string
+ display_add_to_cart?: boolean
+ waiting_list_enabled?: boolean
+ show_variations_expanded?: boolean
+ cart_exists?: boolean
+ vouchers_exist?: boolean
+ has_seating_plan?: boolean
+ has_seating_plan_waitinglist?: boolean
+ itemnum?: number
+ poweredby?: string
+ events?: EventEntry[]
+ has_more_events?: boolean
+ meta_filter_fields?: MetaFilterField[]
+ weeks?: DayEntry[][]
+ date?: string
+ days?: DayEntry[]
+ week?: [number, number]
+}
+
+export async function fetchProductList (url: string) {
+ const response = await fetch(url)
+ if (!response.ok) {
+ throw new ApiError(response.status, response.url)
+ }
+ return {
+ data: await response.json() as ProductListResponse,
+ responseUrl: response.url,
+ }
+}
+
+export interface CartResponse {
+ redirect?: string
+ cart_id?: string
+ success?: boolean
+ message?: string
+ has_cart?: boolean
+ async_id?: string
+ check_url?: string
+}
+
+export async function submitCart (endpoint: string, formData: FormData) {
+ const response = await fetch(endpoint, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ body: new URLSearchParams(formData as any).toString(),
+ })
+ if (!response.ok) {
+ throw new ApiError(response.status, response.url)
+ }
+ return await response.json() as CartResponse
+}
+
+export async function checkAsyncTask (url: string) {
+ const response = await fetch(url)
+ if (!response.ok) {
+ throw new ApiError(response.status, response.url)
+ }
+ return await response.json() as CartResponse
+}
+
+export async function createCart (url: string) {
+ const response = await fetch(url)
+ if (!response.ok) {
+ throw new ApiError(response.status, response.url)
+ }
+ return await response.json() as CartResponse
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/button.ts b/src/pretix/static/pretixpresale/widget/src/button.ts
new file mode 100644
index 000000000..2905bb760
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/button.ts
@@ -0,0 +1,67 @@
+import { createApp, type App } from 'vue'
+import ButtonComponent from '~/components/Button.vue'
+import { createWidgetStore, StoreKey } from '~/sharedStore'
+import { makeid } from '~/utils'
+import type { WidgetData } from '~/types'
+
+export function createButtonInstance (element: Element, htmlId?: string): App {
+ let targetUrl = element.attributes.event.value
+ if (!targetUrl.match(/\/$/)) {
+ targetUrl += '/'
+ }
+
+ const widgetData: WidgetData = JSON.parse(JSON.stringify(window.PretixWidget.widget_data))
+
+ for (const attr of Array.from(element.attributes)) {
+ if (attr.name.match(/^data-.*$/)) {
+ widgetData[attr.name.replace(/^data-/, '')] = attr.value
+ }
+ }
+
+ const rawItems = element.attributes.items?.value || ''
+
+ // Parse items string (format: "item_1=2,item_3=1")
+ const buttonItems: { item: string; count: string }[] = []
+ for (const itemStr of rawItems.split(',')) {
+ if (itemStr.includes('=')) {
+ const [item, count] = itemStr.split('=')
+ buttonItems.push({ item, count })
+ }
+ }
+
+ const store = createWidgetStore({
+ targetUrl,
+ voucher: element.attributes.voucher?.value || null,
+ subevent: element.attributes.subevent?.value || null,
+ skipSsl: 'skip-ssl-check' in element.attributes,
+ disableIframe: 'disable-iframe' in element.attributes,
+ widgetData,
+ htmlId: htmlId || element.id || makeid(16),
+ isButton: true,
+ buttonItems,
+ buttonText: element.innerHTML,
+ keepCart: 'keep-cart' in element.attributes || buttonItems.length > 0,
+ })
+
+ const observer = new MutationObserver((mutationList) => {
+ for (const mutation of mutationList) {
+ if (mutation.type === 'attributes' && mutation.attributeName?.startsWith('data-')) {
+ const attrName = mutation.attributeName.substring(5)
+ const attrValue = (mutation.target as Element).getAttribute(mutation.attributeName)
+ if (attrValue !== null) {
+ store.widgetData[attrName] = attrValue
+ }
+ }
+ }
+ })
+
+ const app = createApp(ButtonComponent)
+ app.provide(StoreKey, store)
+ app.config.errorHandler = (error, _vm, info) => {
+ console.error('[pretix-button]', info, error)
+ }
+ app.mount(element)
+ observer.observe(element, { attributes: true })
+
+ return app
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/components/AvailBox.vue b/src/pretix/static/pretixpresale/widget/src/components/AvailBox.vue
new file mode 100644
index 000000000..f8cff7104
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/AvailBox.vue
@@ -0,0 +1,153 @@
+
+
+.pretix-widget-availability-box
+ .pretix-widget-availability-unavailable(v-if="item.current_unavailability_reason === 'require_voucher'")
+ small
+ a(:href="voucherJumpLink", :aria-describedby="ariaLabelledby") {{ unavailabilityReasonMessage }}
+ .pretix-widget-availability-unavailable(v-else-if="unavailabilityReasonMessage")
+ small {{ unavailabilityReasonMessage }}
+ .pretix-widget-availability-unavailable(v-else-if="avail[0] < 100 && avail[0] > 10") {{ STRINGS.reserved }}
+ .pretix-widget-availability-gone(v-else-if="avail[0] <= 10") {{ STRINGS.sold_out }}
+ .pretix-widget-waiting-list-link(v-if="waitingListShow && !unavailabilityReasonMessage")
+ a(:href="waitingListUrl", target="_blank", @click="$root.open_link_in_frame") {{ STRINGS.waiting_list }}
+ .pretix-widget-availability-available(v-if="!unavailabilityReasonMessage && avail[0] === 100")
+ label.pretix-widget-item-count-single-label.pretix-widget-btn-checkbox(v-if="orderMax === 1")
+ input(
+ ref="quantity",
+ type="checkbox",
+ value="1",
+ :name="inputName",
+ :aria-label="labelSelectItem"
+ )
+ span.pretix-widget-icon-cart(aria-hidden="true")
+ | {{ STRINGS.select }}
+
+ .pretix-widget-item-count-group(v-else, role="group", :aria-label="item.name")
+ button.pretix-widget-btn-default.pretix-widget-item-count-dec(
+ type="button",
+ data-step="-1",
+ :data-controls="`input_${inputName}`",
+ :aria-label="decLabel",
+ @click.prevent.stop="onStep"
+ )
+ span -
+ input.pretix-widget-item-count-multiple(
+ :id="`input_${inputName}`",
+ ref="quantity",
+ type="number",
+ inputmode="numeric",
+ pattern="\\d*",
+ placeholder="0",
+ min="0",
+ :max="orderMax",
+ :name="inputName",
+ :aria-labelledby="ariaLabelledby"
+ )
+ button.pretix-widget-btn-default.pretix-widget-item-count-inc(
+ type="button",
+ data-step="1",
+ :data-controls="`input_${inputName}`",
+ :aria-label="incLabel",
+ @click.prevent.stop="onStep"
+ )
+ span +
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/Button.vue b/src/pretix/static/pretixpresale/widget/src/components/Button.vue
new file mode 100644
index 000000000..00140c038
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/Button.vue
@@ -0,0 +1,54 @@
+
+
+.pretix-widget-wrapper
+ .pretix-widget-button-container
+ form(ref="form", :method="formMethod", :action="store.formAction", :target="store.formTarget")
+ input(v-if="store.voucherCode", type="hidden", name="_voucher_code", :value="store.voucherCode")
+ input(v-if="store.voucherCode", type="hidden", name="voucher", :value="store.voucherCode")
+ input(type="hidden", name="subevent", :value="store.subevent")
+ input(type="hidden", name="locale", :value="lang")
+ input(type="hidden", name="widget_data", :value="store.widgetDataJson")
+ input(v-if="store.consentParameterValue", type="hidden", name="consent", :value="store.consentParameterValue")
+ input(
+ v-for="item in store.items",
+ :key="item.item",
+ type="hidden",
+ :name="item.item",
+ :value="item.count"
+ )
+ button.pretix-button(@click="handleBuy", v-html="store.buttonText")
+ .pretix-widget-clear
+
+ Overlay
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/Category.vue b/src/pretix/static/pretixpresale/widget/src/components/Category.vue
new file mode 100644
index 000000000..70b4c78be
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/Category.vue
@@ -0,0 +1,23 @@
+
+
+
+.pretix-widget-category(:data-id="category.id")
+ h3.pretix-widget-category-name(v-if="category.name") {{ category.name }}
+ .pretix-widget-category-description(v-if="category.description", v-html="category.description")
+ .pretix-widget-category-items
+ Item(
+ v-for="item in category.items",
+ :key="item.id",
+ :item="item",
+ :category="category"
+ )
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventCalendar.vue b/src/pretix/static/pretixpresale/widget/src/components/EventCalendar.vue
new file mode 100644
index 000000000..b1ed41aa9
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventCalendar.vue
@@ -0,0 +1,118 @@
+
+
+.pretix-widget-event-calendar(ref="calendar")
+ //- Back navigation
+ .pretix-widget-back(v-if="store.events !== null")
+ a(href="#", role="button", @click.prevent.stop="backToList")
+ | ‹ {{ STRINGS.back }}
+
+ //- Headline
+ .pretix-widget-event-header(v-if="displayEventInfo")
+ strong {{ store.name }}
+ .pretix-widget-event-description(
+ v-if="displayEventInfo && store.frontpageText",
+ v-html="store.frontpageText"
+ )
+
+ //- Filter
+ EventListFilterForm(v-if="!store.disableFilters && store.metaFilterFields.length > 0")
+
+ //- Calendar navigation
+ .pretix-widget-event-calendar-head
+ a.pretix-widget-event-calendar-previous-month(href="#", @click.prevent.stop="prevmonth")
+ | « {{ STRINGS.previous_month }}
+ |
+ strong(:id="ariaLabelledby") {{ monthname }}
+ |
+ a.pretix-widget-event-calendar-next-month(href="#", @click.prevent.stop="nextmonth")
+ | {{ STRINGS.next_month }} »
+
+ //- Calendar
+ table.pretix-widget-event-calendar-table(
+ :id="id",
+ tabindex="0",
+ :aria-labelledby="ariaLabelledby"
+ )
+ thead
+ tr
+ th(:aria-label="STRINGS.days.MONDAY") {{ STRINGS.days.MO }}
+ th(:aria-label="STRINGS.days.TUESDAY") {{ STRINGS.days.TU }}
+ th(:aria-label="STRINGS.days.WEDNESDAY") {{ STRINGS.days.WE }}
+ th(:aria-label="STRINGS.days.THURSDAY") {{ STRINGS.days.TH }}
+ th(:aria-label="STRINGS.days.FRIDAY") {{ STRINGS.days.FR }}
+ th(:aria-label="STRINGS.days.SATURDAY") {{ STRINGS.days.SA }}
+ th(:aria-label="STRINGS.days.SUNDAY") {{ STRINGS.days.SU }}
+ tbody
+ EventCalendarRow(
+ v-for="(week, idx) in store.weeks",
+ :key="idx",
+ :week="week",
+ :mobile="mobile"
+ )
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventCalendarCell.vue b/src/pretix/static/pretixpresale/widget/src/components/EventCalendarCell.vue
new file mode 100644
index 000000000..76bc4db1e
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventCalendarCell.vue
@@ -0,0 +1,120 @@
+
+
+td(
+ ref="cellEl",
+ :class="classObject",
+ :role="role",
+ :tabindex="tabindex",
+ :aria-label="dateStr"
+)
+ .pretix-widget-event-calendar-day(v-if="day", :aria-label="dateStr") {{ daynum }}
+ .pretix-widget-event-calendar-events(v-if="day")
+ EventCalendarEvent(v-for="e in day.events", :key="e.event_url", :event="e")
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventCalendarEvent.vue b/src/pretix/static/pretixpresale/widget/src/components/EventCalendarEvent.vue
new file mode 100644
index 000000000..e86ea140b
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventCalendarEvent.vue
@@ -0,0 +1,45 @@
+
+
+a.pretix-widget-event-calendar-event(
+ href="#",
+ :class="classObject",
+ :aria-describedby="describedby",
+ @click.prevent.stop="select"
+)
+ strong.pretix-widget-event-calendar-event-name {{ event.name }}
+ .pretix-widget-event-calendar-event-date(v-if="!event.continued && event.time") {{ event.time }}
+ .pretix-widget-event-calendar-event-availability(v-if="!event.continued && event.availability.text") {{ event.availability.text }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventCalendarRow.vue b/src/pretix/static/pretixpresale/widget/src/components/EventCalendarRow.vue
new file mode 100644
index 000000000..fc175d781
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventCalendarRow.vue
@@ -0,0 +1,15 @@
+
+
+tr
+ EventCalendarCell(v-for="(d, idx) in week", :key="idx", :day="d", :mobile="mobile")
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue b/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue
new file mode 100644
index 000000000..73c9d9615
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue
@@ -0,0 +1,237 @@
+
+
+
+.pretix-widget-event-form
+ //- Back navigation
+ .pretix-widget-event-list-back(v-if="store.events || store.weeks || store.days")
+ a(v-if="!store.subevent", href="#", rel="back", @click.prevent.stop="backToList")
+ | ‹ {{ STRINGS.back_to_list }}
+ a(v-if="store.subevent", href="#", rel="back", @click.prevent.stop="backToList")
+ | ‹ {{ STRINGS.back_to_dates }}
+
+ //- Event name
+ .pretix-widget-event-header(v-if="displayEventInfo")
+ strong(role="heading", aria-level="2") {{ store.name }}
+
+ //- Date range
+ .pretix-widget-event-details(v-if="displayEventInfo && store.dateRange") {{ store.dateRange }}
+
+ //- Location
+ .pretix-widget-event-location(
+ v-if="displayEventInfo && store.location",
+ v-html="store.location"
+ )
+
+ //- Description
+ .pretix-widget-event-description(
+ v-if="displayEventInfo && store.frontpageText",
+ v-html="store.frontpageText"
+ )
+
+ //- Form start
+ form(
+ ref="form",
+ method="post",
+ :action="store.formAction",
+ :target="store.formTarget",
+ @submit="handleBuy"
+ )
+ input(v-if="store.voucherCode", type="hidden", name="_voucher_code", :value="store.voucherCode")
+ input(type="hidden", name="subevent", :value="store.subevent")
+ input(type="hidden", name="widget_data", :value="store.widgetDataJson")
+ input(v-if="store.consentParameterValue", type="hidden", name="consent", :value="store.consentParameterValue")
+
+ //- Error message
+ .pretix-widget-error-message(v-if="store.error") {{ store.error }}
+
+ //- Resume cart
+ .pretix-widget-info-message.pretix-widget-clickable(v-if="store.cartExists")
+ span(:id="idCartExistsMsg") {{ STRINGS.cart_exists }}
+ button.pretix-widget-resume-button(
+ type="button",
+ :aria-describedby="idCartExistsMsg",
+ @click.prevent.stop="store.resume()"
+ ) {{ STRINGS.resume_checkout }}
+
+ //- Seating plan
+ .pretix-widget-seating-link-wrapper(v-if="store.hasSeatingPlan")
+ button.pretix-widget-seating-link(type="button", @click.prevent.stop="store.startseating()")
+ | {{ STRINGS.show_seating }}
+
+ //- Waiting list for seating plan
+ .pretix-widget-seating-waitinglist(v-if="store.hasSeatingPlan && store.hasSeatingPlanWaitinglist")
+ .pretix-widget-seating-waitinglist-text {{ STRINGS.seating_plan_waiting_list }}
+ .pretix-widget-seating-waitinglist-button-wrap
+ button.pretix-widget-seating-waitinglist-button(@click.prevent.stop="store.startwaiting()")
+ | {{ STRINGS.waiting_list }}
+ .pretix-widget-clear
+
+ //- Actual Product list
+ Category(v-for="category in store.categories", :key="category.id", :category="category")
+
+ //- Buy button
+ .pretix-widget-action(v-if="store.displayAddToCart")
+ button(
+ v-if="!store.cartExists || isItemsSelected",
+ type="submit",
+ :aria-describedby="idCartExistsMsg"
+ ) {{ buyLabel }}
+ button(
+ v-else,
+ type="button",
+ :aria-describedby="idCartExistsMsg",
+ @click.prevent.stop="store.resume()"
+ ) {{ STRINGS.resume_checkout }}
+
+ //- Voucher form
+ form(
+ v-if="showVoucherForm",
+ method="get",
+ :action="store.getVoucherFormTarget()",
+ target="_blank"
+ )
+ .pretix-widget-voucher
+ h3.pretix-widget-voucher-headline(:id="ariaLabelledby") {{ STRINGS.redeem_voucher }}
+ .pretix-widget-voucher-text(
+ v-if="store.voucherExplanationText",
+ v-html="store.voucherExplanationText"
+ )
+ .pretix-widget-voucher-input-wrap
+ input.pretix-widget-voucher-input(
+ :id="idVoucherInput",
+ ref="voucherinput",
+ v-model="localVoucher",
+ type="text",
+ name="voucher",
+ :placeholder="STRINGS.voucher_code",
+ :aria-labelledby="ariaLabelledby"
+ )
+ input(
+ v-for="p in hiddenParams",
+ :key="p[0]",
+ type="hidden",
+ :name="p[0]",
+ :value="p[1]"
+ )
+ .pretix-widget-voucher-button-wrap
+ button(@click="handleRedeem") {{ STRINGS.redeem }}
+ .pretix-widget-clear
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventList.vue b/src/pretix/static/pretixpresale/widget/src/components/EventList.vue
new file mode 100644
index 000000000..b874675be
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventList.vue
@@ -0,0 +1,69 @@
+
+
+.pretix-widget-event-list
+ .pretix-widget-back(v-if="store.weeks || store.parentStack.length > 0")
+ a(href="#", rel="prev", @click.prevent.stop="backToCalendar")
+ | ‹ {{ STRINGS.back }}
+
+ .pretix-widget-event-header(v-if="displayEventInfo")
+ strong {{ store.name }}
+
+ .pretix-widget-event-description(
+ v-if="displayEventInfo && store.frontpageText",
+ v-html="store.frontpageText"
+ )
+
+ EventListFilterForm(v-if="!store.disableFilters && store.metaFilterFields.length > 0")
+
+ EventListEntry(
+ v-for="event in store.events",
+ :key="event.event_url",
+ :event="event"
+ )
+
+ p.pretix-widget-event-list-load-more(v-if="store.hasMoreEvents")
+ button(@click.prevent.stop="loadMore") {{ STRINGS.load_more }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventListEntry.vue b/src/pretix/static/pretixpresale/widget/src/components/EventListEntry.vue
new file mode 100644
index 000000000..d20074917
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventListEntry.vue
@@ -0,0 +1,44 @@
+
+
+a.pretix-widget-event-list-entry(href="#", :class="classObject", @click.prevent.stop="select")
+ .pretix-widget-event-list-entry-name {{ event.name }}
+ .pretix-widget-event-list-entry-date {{ event.date_range }}
+ //- hidden by css for now, but used by a few people
+ .pretix-widget-event-list-entry-location {{ location }}
+ .pretix-widget-event-list-entry-availability
+ span {{ event.availability.text }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventListFilterField.vue b/src/pretix/static/pretixpresale/widget/src/components/EventListFilterField.vue
new file mode 100644
index 000000000..767c418c8
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventListFilterField.vue
@@ -0,0 +1,26 @@
+
+
+.pretix-widget-event-list-filter-field
+ label(:for="id") {{ field.label }}
+ select(:id="id", :name="field.key", :value="currentValue")
+ option(v-for="choice in field.choices", :key="choice[0]", :value="choice[0]") {{ choice[1] }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventListFilterForm.vue b/src/pretix/static/pretixpresale/widget/src/components/EventListFilterForm.vue
new file mode 100644
index 000000000..63068f362
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventListFilterForm.vue
@@ -0,0 +1,40 @@
+
+
+form.pretix-widget-event-list-filter-form(ref="filterform", @submit="onSubmit")
+ fieldset.pretix-widget-event-list-filter-fieldset
+ legend {{ STRINGS.filter_events_by }}
+ EventListFilterField(
+ v-for="field in store.metaFilterFields",
+ :key="field.key",
+ :field="field"
+ )
+ button {{ STRINGS.filter }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventWeekCalendar.vue b/src/pretix/static/pretixpresale/widget/src/components/EventWeekCalendar.vue
new file mode 100644
index 000000000..ad0a2cdeb
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventWeekCalendar.vue
@@ -0,0 +1,96 @@
+
+
+.pretix-widget-event-calendar.pretix-widget-event-week-calendar(ref="weekcalendar")
+ //- Back navigation
+ .pretix-widget-back(v-if="store.events !== null")
+ a(href="#", role="button", @click.prevent.stop="backToList")
+ | ‹ {{ STRINGS.back }}
+
+ //- Event header
+ .pretix-widget-event-header(v-if="displayEventInfo")
+ strong {{ store.name }}
+
+ //- Filter
+ EventListFilterForm(v-if="!store.disableFilters && store.metaFilterFields.length > 0")
+
+ //- Calendar navigation
+ .pretix-widget-event-description(
+ v-if="store.frontpageText && displayEventInfo",
+ v-html="store.frontpageText"
+ )
+ .pretix-widget-event-calendar-head
+ a.pretix-widget-event-calendar-previous-month(href="#", role="button", @click.prevent.stop="prevweek")
+ | « {{ STRINGS.previous_week }}
+ |
+ strong {{ weekname }}
+ |
+ a.pretix-widget-event-calendar-next-month(href="#", role="button", @click.prevent.stop="nextweek")
+ | {{ STRINGS.next_week }} »
+
+ //- Actual calendar
+ .pretix-widget-event-week-table(:id="id", tabindex="0", :aria-label="weekname")
+ .pretix-widget-event-week-col(v-for="d in store.days", :key="d?.date || ''")
+ EventWeekCell(:day="d", :mobile="mobile")
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventWeekCell.vue b/src/pretix/static/pretixpresale/widget/src/components/EventWeekCell.vue
new file mode 100644
index 000000000..241f65471
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventWeekCell.vue
@@ -0,0 +1,75 @@
+
+
+div(:class="classObject", @click.prevent.stop="selectDay")
+ .pretix-widget-event-calendar-day(v-if="day", :id="id") {{ dayhead }}
+ .pretix-widget-event-calendar-events(v-if="day")
+ EventCalendarEvent(
+ v-for="e in day.events",
+ :key="e.event_url",
+ :event="e",
+ :describedby="id"
+ )
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/Item.vue b/src/pretix/static/pretixpresale/widget/src/components/Item.vue
new file mode 100644
index 000000000..260ee6987
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/Item.vue
@@ -0,0 +1,218 @@
+
+
+div(
+ :class="classObject",
+ :data-id="item.id",
+ role="group",
+ :aria-labelledby="ariaLabelledby",
+ :aria-describedby="itemDescId"
+)
+ .pretix-widget-item-row.pretix-widget-main-item-row
+ //- Product description
+ .pretix-widget-item-info-col
+ a.pretix-widget-item-picture-link(
+ v-if="item.picture",
+ :href="item.picture_fullsize",
+ @click.prevent.stop="lightbox"
+ )
+ img.pretix-widget-item-picture(:src="item.picture", :alt="pictureAltText")
+ .pretix-widget-item-title-and-description
+ strong.pretix-widget-item-title(
+ :id="itemLabelId",
+ role="heading",
+ :aria-level="headingLevel"
+ ) {{ item.name }}
+ .pretix-widget-item-description(
+ v-if="item.description",
+ :id="itemDescId",
+ v-html="item.description"
+ )
+ p.pretix-widget-item-meta(v-if="item.order_min && item.order_min > 1")
+ small {{ minOrderStr }}
+ p.pretix-widget-item-meta(
+ v-if="!item.has_variations && item.avail[1] !== null && item.avail[0] === 100"
+ )
+ small {{ quotaLeftStr }}
+
+ //- Price
+ .pretix-widget-item-price-col(:id="itemPriceId")
+ PriceBox(
+ v-if="!item.has_variations && showPrices",
+ :price="item.price",
+ :freePrice="item.free_price",
+ :mandatoryPricedAddons="item.mandatory_priced_addons",
+ :suggestedPrice="item.suggested_price",
+ :fieldName="`price_${item.id}`",
+ :originalPrice="item.original_price",
+ :itemId="item.id"
+ )
+ .pretix-widget-pricebox(v-if="item.has_variations && showPrices", v-html="pricerange")
+ span(v-if="!showPrices")
+
+ //- Availability
+ .pretix-widget-item-availability-col
+ button.pretix-widget-collapse-indicator(
+ v-if="showToggle",
+ type="button",
+ :aria-expanded="expanded ? 'true' : 'false'",
+ :aria-controls="`${item.id}-variants`",
+ :aria-describedby="itemDescId",
+ @click.prevent.stop="expand"
+ ) {{ variationsToggleLabel }}
+ AvailBox(v-if="!item.has_variations", :item="item")
+
+ .pretix-widget-clear
+
+ //- Variations
+ div(
+ v-if="item.has_variations",
+ :id="`${item.id}-variants`",
+ ref="variations",
+ :class="varClasses"
+ )
+ Variation(
+ v-for="variation in item.variations",
+ :key="variation.id",
+ :variation="variation",
+ :item="item",
+ :category="category"
+ )
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/Overlay.vue b/src/pretix/static/pretixpresale/widget/src/components/Overlay.vue
new file mode 100644
index 000000000..4f139fce7
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/Overlay.vue
@@ -0,0 +1,231 @@
+
+
+
+Teleport(to="body")
+ .pretix-widget-overlay
+ dialog(ref="frameDialog", :class="frameClasses", :aria-label="STRINGS.checkout", @close="close", @cancel="cancel")
+ .pretix-widget-frame-loading(v-show="store.overlay.frameLoading")
+ svg(width="256", height="256", viewBox="0 0 1792 1792", xmlns="http://www.w3.org/2000/svg")
+ path.pretix-widget-primary-color(d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z")
+ p(:class="cancelBlockedClasses")
+ strong {{ STRINGS.cancel_blocked }}
+ .pretix-widget-frame-inner(v-show="store.overlay.frameShown")
+ form.pretix-widget-frame-close(method="dialog")
+ button(ref="closeButton", :aria-label="STRINGS.close_checkout", autofocus)
+ svg(:alt="STRINGS.close", height="16", viewBox="0 0 512 512", width="16", xmlns="http://www.w3.org/2000/svg")
+ path(fill="#fff", d="M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z")
+ iframe(
+ ref="iframe",
+ frameborder="0",
+ width="650",
+ height="650",
+ :name="store.widgetId",
+ src="about:blank",
+ allow="autoplay *; camera *; fullscreen *; payment *",
+ :title="STRINGS.checkout",
+ referrerpolicy="origin",
+ @load="iframeLoaded"
+ ) Please enable frames in your browser!
+ dialog(ref="alertDialog", :class="alertClasses", role="alertdialog", :aria-labelledby="errorMessageId", @close="errorClose")
+ form.pretix-widget-alert-box(method="dialog")
+ p(:id="errorMessageId") {{ store.overlay.errorMessage }}
+ p
+ button(v-if="store.overlay.errorUrlAfter", value="continue", autofocus, :aria-describedby="errorMessageId")
+ | {{ STRINGS.continue }}
+ button(v-else, autofocus, :aria-describedby="errorMessageId") {{ STRINGS.close }}
+ transition(name="bounce")
+ svg.pretix-widget-alert-icon(v-if="store.overlay.errorMessage", width="64", height="64", viewBox="0 0 1792 1792", xmlns="http://www.w3.org/2000/svg")
+ path(style="fill:#ffffff;", d="M 599.86438,303.72882 H 1203.5254 V 1503.4576 H 599.86438 Z")
+ path.pretix-widget-primary-color(d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5-103 385.5-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103zm128 1247v-190q0-14-9-23.5t-22-9.5h-192q-13 0-23 10t-10 23v190q0 13 10 23t23 10h192q13 0 22-9.5t9-23.5zm-2-344l18-621q0-12-10-18-10-8-24-8h-220q-14 0-24 8-10 6-10 18l17 621q0 10 10 17.5t24 7.5h185q14 0 23.5-7.5t10.5-17.5z")
+
+ dialog(ref="lightboxDialog", :class="lightboxClasses", role="alertdialog", @close="lightboxClose")
+ .pretix-widget-lightbox-loading(v-if="store.overlay.lightbox?.loading")
+ svg(width="256", height="256", viewBox="0 0 1792 1792", xmlns="http://www.w3.org/2000/svg")
+ path.pretix-widget-primary-color(d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z")
+ .pretix-widget-lightbox-inner(v-if="store.overlay.lightbox")
+ form.pretix-widget-lightbox-close(method="dialog")
+ button(:aria-label="STRINGS.close", autofocus)
+ svg(:alt="STRINGS.close", height="16", viewBox="0 0 512 512", width="16", xmlns="http://www.w3.org/2000/svg")
+ path(fill="#fff", d="M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z")
+ figure.pretix-widget-lightbox-image
+ img(
+ ref="lightboxImage",
+ :src="store.overlay.lightbox.image",
+ :alt="store.overlay.lightbox.description",
+ crossorigin,
+ @load="lightboxLoaded"
+ )
+ figcaption(v-if="store.overlay.lightbox.description") {{ store.overlay.lightbox.description }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/PriceBox.vue b/src/pretix/static/pretixpresale/widget/src/components/PriceBox.vue
new file mode 100644
index 000000000..3ce01162c
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/PriceBox.vue
@@ -0,0 +1,114 @@
+
+
+.pretix-widget-pricebox
+ span(v-if="!freePrice && !originalPrice", v-html="priceline")
+ span(v-if="!freePrice && originalPrice")
+ del.pretix-widget-pricebox-original-price(:aria-label="originalPriceAriaLabel", v-html="originalLine")
+ |!{' '}
+ ins.pretix-widget-pricebox-new-price(:aria-label="newPriceAriaLabel", v-html="priceline")
+ div(v-if="freePrice")
+ span.pretix-widget-pricebox-currency(:id="priceBoxId") {{ store.currency }}
+ |!{' '}
+ input.pretix-widget-pricebox-price-input(
+ type="number",
+ placeholder="0",
+ :min="displayPriceNonlocalized",
+ :value="suggestedPriceNonlocalized",
+ :name="fieldName",
+ step="any",
+ :aria-labelledby="ariaLabelledby",
+ :aria-describedby="priceDescId"
+ )
+ small.pretix-widget-pricebox-tax(v-if="showTaxline", :id="priceDescId") {{ taxline }}
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/Variation.vue b/src/pretix/static/pretixpresale/widget/src/components/Variation.vue
new file mode 100644
index 000000000..b75336ba0
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/Variation.vue
@@ -0,0 +1,97 @@
+
+
+.pretix-widget-variation(
+ :data-id="variation.id",
+ role="group",
+ :aria-labelledby="ariaLabelledby",
+ :aria-describedby="variationDescId"
+)
+ .pretix-widget-item-row
+ //- Variation description
+ .pretix-widget-item-info-col
+ .pretix-widget-item-title-and-description
+ strong.pretix-widget-item-title(
+ :id="variationLabelId",
+ role="heading",
+ :aria-level="headingLevel"
+ ) {{ variation.value }}
+ .pretix-widget-item-description(
+ v-if="variation.description",
+ :id="variationDescId",
+ v-html="variation.description"
+ )
+ p.pretix-widget-item-meta(v-if="showQuotaLeft")
+ small {{ quotaLeftStr }}
+
+ //- Price
+ .pretix-widget-item-price-col(:id="variationPriceId")
+ PriceBox(
+ v-if="showPrices",
+ :price="variation.price",
+ :freePrice="item.free_price",
+ :originalPrice="origPrice",
+ :mandatoryPricedAddons="item.mandatory_priced_addons",
+ :suggestedPrice="variation.suggested_price",
+ :fieldName="`price_${item.id}_${variation.id}`",
+ :itemId="item.id"
+ )
+ span(v-if="!showPrices")
+
+ //- Availability
+ .pretix-widget-item-availability-col
+ AvailBox(:item="item", :variation="variation")
+
+ .pretix-widget-clear
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/components/Widget.vue b/src/pretix/static/pretixpresale/widget/src/components/Widget.vue
new file mode 100644
index 000000000..33006e66d
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/components/Widget.vue
@@ -0,0 +1,76 @@
+
+
+.pretix-widget-wrapper(ref="wrapper", tabindex="0", role="article", :aria-label="store.name")
+ div(:class="classObject")
+ .pretix-widget-loading(v-show="store.loading > 0")
+ svg(width="128", height="128", viewBox="0 0 1792 1792", xmlns="http://www.w3.org/2000/svg")
+ path.pretix-widget-primary-color(d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z")
+
+ .pretix-widget-error-message(v-if="store.error && store.view !== 'event'") {{ store.error }}
+ .pretix-widget-error-action(v-if="store.error && store.connectionError")
+ a.pretix-widget-button(:href="store.newTabTarget", target="_blank") {{ STRINGS.open_new_tab }}
+
+ EventForm(v-if="store.view === 'event'", ref="formcomp")
+ EventList(v-if="store.view === 'events'")
+ EventCalendar(v-if="store.view === 'weeks'", :mobile="mobile")
+ EventWeekCalendar(v-if="store.view === 'days'", :mobile="mobile")
+
+ .pretix-widget-clear
+ .pretix-widget-attribution(v-if="store.poweredby", v-html="store.poweredby")
+
+ Overlay
+
+
diff --git a/src/pretix/static/pretixpresale/widget/src/globals.d.ts b/src/pretix/static/pretixpresale/widget/src/globals.d.ts
new file mode 100644
index 000000000..717269b4c
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/globals.d.ts
@@ -0,0 +1,3 @@
+interface NamedNodeMap {
+ [key: string]: Attr | undefined;
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/i18n.ts b/src/pretix/static/pretixpresale/widget/src/i18n.ts
new file mode 100644
index 000000000..0a1b612f9
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/i18n.ts
@@ -0,0 +1,126 @@
+// Internationalization strings for the pretix widget
+// In production, widget.py injects the `django` global before this script loads.
+// In dev mode, Django's i18n file expects `this` to be the global object, but
+// ES modules have `this` as undefined — so we import as raw text and execute
+// with a local context.
+
+interface Django {
+ pgettext: (context: string, text: string) => string
+ gettext: (text: string) => string
+ interpolate: (fmt: string, obj: Record | unknown[], named?: boolean) => string
+ get_format: (formatType: string) => string | number
+}
+
+let django: Django
+
+if (import.meta.env.DEV) {
+ // TODO this does not actually grab the correct language strings
+ const modules = import.meta.glob('../../../jsi18n/*/djangojs.js', { eager: true, query: '?raw', import: 'default' }) as Record
+ const key = `../../../jsi18n/${LANG}/djangojs.js`
+ const raw = modules[key]
+ if (!raw) throw new Error(`Missing i18n module for lang "${LANG}": ${key}`)
+ const context: { django?: Django } = {}
+ new Function(raw).call(context)
+ django = context.django!
+} else {
+ django = (globalThis as any).django
+}
+
+export const STRINGS = {
+ quantity: django.pgettext('widget', 'Quantity'),
+ quantity_dec: django.pgettext('widget', 'Decrease quantity'),
+ quantity_inc: django.pgettext('widget', 'Increase quantity'),
+ filter_events_by: django.pgettext('widget', 'Filter events by'),
+ filter: django.pgettext('widget', 'Filter'),
+ price: django.pgettext('widget', 'Price'),
+ original_price: django.pgettext('widget', 'Original price: %s'),
+ new_price: django.pgettext('widget', 'New price: %s'),
+ select: django.pgettext('widget', 'Select'),
+ select_item: django.pgettext('widget', 'Select %s'),
+ select_variant: django.pgettext('widget', 'Select variant %s'),
+ sold_out: django.pgettext('widget', 'Sold out'),
+ buy: django.pgettext('widget', 'Buy'),
+ register: django.pgettext('widget', 'Register'),
+ reserved: django.pgettext('widget', 'Reserved'),
+ free: django.pgettext('widget', 'FREE'),
+ price_from: django.pgettext('widget', 'from %(currency)s %(price)s'),
+ image_of: django.pgettext('widget', 'Image of %s'),
+ tax_incl: django.pgettext('widget', 'incl. %(rate)s% %(taxname)s'),
+ tax_plus: django.pgettext('widget', 'plus %(rate)s% %(taxname)s'),
+ tax_incl_mixed: django.pgettext('widget', 'incl. taxes'),
+ tax_plus_mixed: django.pgettext('widget', 'plus taxes'),
+ quota_left: django.pgettext('widget', 'currently available: %s'),
+ unavailable_require_voucher: django.pgettext('widget', 'Only available with a voucher'),
+ unavailable_available_from: django.pgettext('widget', 'Not yet available'),
+ unavailable_available_until: django.pgettext('widget', 'Not available anymore'),
+ unavailable_active: django.pgettext('widget', 'Currently not available'),
+ unavailable_hidden_if_item_available: django.pgettext('widget', 'Not yet available'),
+ order_min: django.pgettext('widget', 'minimum amount to order: %s'),
+ exit: django.pgettext('widget', 'Close ticket shop'),
+ loading_error: django.pgettext('widget', 'The ticket shop could not be loaded.'),
+ loading_error_429: django.pgettext('widget', 'There are currently a lot of users in this ticket shop. Please open the shop in a new tab to continue.'),
+ open_new_tab: django.pgettext('widget', 'Open ticket shop'),
+ checkout: django.pgettext('widget', 'Checkout'),
+ cart_error: django.pgettext('widget', 'The cart could not be created. Please try again later'),
+ cart_error_429: django.pgettext('widget', 'We could not create your cart, since there are currently too many users in this ticket shop. Please click "Continue" to retry in a new tab.'),
+ waiting_list: django.pgettext('widget', 'Waiting list'),
+ cart_exists: django.pgettext('widget', 'You currently have an active cart for this event. If you select more products, they will be added to your existing cart.'),
+ resume_checkout: django.pgettext('widget', 'Resume checkout'),
+ redeem_voucher: django.pgettext('widget', 'Redeem a voucher'),
+ redeem: django.pgettext('widget', 'Redeem'),
+ voucher_code: django.pgettext('widget', 'Voucher code'),
+ close: django.pgettext('widget', 'Close'),
+ close_checkout: django.pgettext('widget', 'Close checkout'),
+ cancel_blocked: django.pgettext('widget', 'You cannot cancel this operation. Please wait for loading to finish.'),
+ continue: django.pgettext('widget', 'Continue'),
+ variations: django.pgettext('widget', 'Show variants'),
+ hide_variations: django.pgettext('widget', 'Hide variants'),
+ back_to_list: django.pgettext('widget', 'Choose a different event'),
+ back_to_dates: django.pgettext('widget', 'Choose a different date'),
+ back: django.pgettext('widget', 'Back'),
+ next_month: django.pgettext('widget', 'Next month'),
+ previous_month: django.pgettext('widget', 'Previous month'),
+ next_week: django.pgettext('widget', 'Next week'),
+ previous_week: django.pgettext('widget', 'Previous week'),
+ show_seating: django.pgettext('widget', 'Open seat selection'),
+ seating_plan_waiting_list: django.pgettext('widget', 'Some or all ticket categories are currently sold out. If you want, you can add yourself to the waiting list. We will then notify if seats are available again.'),
+ load_more: django.pgettext('widget', 'Load more'),
+ days: {
+ MO: django.gettext('Mo'),
+ TU: django.gettext('Tu'),
+ WE: django.gettext('We'),
+ TH: django.gettext('Th'),
+ FR: django.gettext('Fr'),
+ SA: django.gettext('Sa'),
+ SU: django.gettext('Su'),
+ MONDAY: django.gettext('Monday'),
+ TUESDAY: django.gettext('Tuesday'),
+ WEDNESDAY: django.gettext('Wednesday'),
+ THURSDAY: django.gettext('Thursday'),
+ FRIDAY: django.gettext('Friday'),
+ SATURDAY: django.gettext('Saturday'),
+ SUNDAY: django.gettext('Sunday'),
+ },
+ months: {
+ '01': django.gettext('January'),
+ '02': django.gettext('February'),
+ '03': django.gettext('March'),
+ '04': django.gettext('April'),
+ '05': django.gettext('May'),
+ '06': django.gettext('June'),
+ '07': django.gettext('July'),
+ '08': django.gettext('August'),
+ '09': django.gettext('September'),
+ 10: django.gettext('October'),
+ 11: django.gettext('November'),
+ 12: django.gettext('December'),
+ } as Record,
+} as const
+
+export function interpolate (fmt: string, obj: Record | unknown[], named = false): string {
+ return django.interpolate(fmt, obj, named)
+}
+
+export function getFormat (formatType: string): string | number {
+ return django.get_format(formatType)
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/lib/store.ts b/src/pretix/static/pretixpresale/widget/src/lib/store.ts
new file mode 100644
index 000000000..b22b8c238
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/lib/store.ts
@@ -0,0 +1,80 @@
+import { reactive, computed, watch } from 'vue'
+import type { WatchCallback, WatchOptions, UnwrapNestedRefs } from 'vue'
+
+interface StoreMethods {
+ $reset: () => void
+ $watch: (source: () => T, callback: WatchCallback, options?: WatchOptions) => void
+}
+
+type GetterReturnTypes = {
+ readonly [K in keyof G]: G[K] extends () => infer R ? R : never
+}
+
+type Store = UnwrapNestedRefs & GetterReturnTypes & A & StoreMethods
+type GettersTree = Record any> | Record any>
+type ActionsTree = Record any>
+
+export function createStore<
+ S extends object,
+ G extends GettersTree,
+ A extends ActionsTree
+> (
+ // name: string,
+ config: {
+ state: () => S
+ getters?: G & ThisType & GetterReturnTypes & A & StoreMethods>
+ actions?: A & ThisType & GetterReturnTypes & A & StoreMethods>
+ }
+): Store {
+ type StoreType = Store
+ const store = reactive(config.state()) as StoreType
+
+ // Add getters as computed properties
+ if (config.getters) {
+ for (const key of Object.keys(config.getters) as (keyof G)[]) {
+ const getter = config.getters[key]
+ const computedRef = computed(() => (getter as () => unknown).call(store))
+ Object.defineProperty(store, key, {
+ get: () => computedRef.value,
+ enumerable: true
+ })
+ }
+ }
+
+ // Add actions bound to the store
+ if (config.actions) {
+ for (const key of Object.keys(config.actions) as (keyof A)[]) {
+ const action = config.actions[key]
+ ;(store as Record)[key as string] = (action as (...args: unknown[]) => unknown).bind(store)
+ }
+ }
+
+ store.$reset = function () {
+ const cleanState = config.state()
+ const cleanKeys = new Set([
+ '$reset',
+ '$watch',
+ ...Object.keys(cleanState),
+ ...Object.keys(config.getters ?? {}),
+ ...Object.keys(config.actions ?? {})
+ ])
+
+ // Delete any keys that aren't in clean state and aren't known non-state keys
+ for (const key of Object.keys(store)) {
+ if (!cleanKeys.has(key)) {
+ delete (store as Record)[key]
+ }
+ }
+
+ // Set all state values from clean state
+ for (const key of Object.keys(cleanState) as (keyof S)[]) {
+ ;(store as S)[key] = cleanState[key]
+ }
+ }
+
+ store.$watch = function (source: () => T, callback: WatchCallback, options?: WatchOptions) {
+ watch(source.bind(store), callback.bind(store), options)
+ }
+
+ return store
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/main.ts b/src/pretix/static/pretixpresale/widget/src/main.ts
new file mode 100644
index 000000000..66b6ed152
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/main.ts
@@ -0,0 +1,127 @@
+import { createApp, nextTick, type App } from 'vue'
+import { createWidgetInstance } from '~/widget'
+import { createButtonInstance } from '~/button'
+import { createWidgetStore, StoreKey } from '~/sharedStore'
+import ButtonComponent from '~/components/Button.vue'
+import { docReady, makeid } from '~/utils'
+import type { WidgetData } from '~/types'
+
+declare global {
+ interface Window {
+ PretixWidget: PretixWidgetAPI
+ pretixWidgetCallback?: () => void
+ }
+}
+
+interface PretixWidgetAPI {
+ build_widgets: boolean
+ widget_data: WidgetData
+ buildWidgets: () => void
+ open: (
+ targetUrl: string,
+ voucher?: string | null,
+ subevent?: string | number | null,
+ items?: { item: string; count: string }[],
+ widgetData?: Record,
+ skipSslCheck?: boolean,
+ disableIframe?: boolean
+ ) => void
+ addLoadListener: (callback: () => void) => void
+ addCloseListener: (callback: () => void) => void
+ _loaded: Array<() => void>
+ _closed: Array<() => void>
+}
+
+const widgetlist: App[] = []
+const buttonlist: App[] = []
+
+window.PretixWidget = {
+ build_widgets: true,
+ widget_data: { referer: location.href },
+ // TODO move somewhere else and rename?
+ _loaded: [],
+ _closed: [],
+ buildWidgets,
+ open: openWidget,
+ addLoadListener (f) { this._loaded.push(f) },
+ addCloseListener (f) { this._closed.push(f) },
+}
+
+async function buildWidgets () {
+ await docReady()
+ const widgetElements = document.querySelectorAll('pretix-widget, div.pretix-widget-compat')
+ for (const [i, el] of Array.from(widgetElements).entries()) {
+ widgetlist.push(createWidgetInstance(el, el.id || `pretix-widget-${i}`))
+ }
+ const buttonElements = document.querySelectorAll('pretix-button, div.pretix-button-compat')
+ for (const [i, el] of Array.from(buttonElements).entries()) {
+ buttonlist.push(createButtonInstance(el, el.id || `pretix-button-${i}`))
+ }
+}
+
+function openWidget (
+ targetUrl: string,
+ voucher?: string | null,
+ subevent?: string | number | null,
+ items?: { item: string; count: string }[],
+ widgetData?: Record,
+ skipSslCheck?: boolean,
+ disableIframe?: boolean
+): void {
+ if (!targetUrl.match(/\/$/)) {
+ targetUrl += '/'
+ }
+
+ const allWidgetData: WidgetData = JSON.parse(JSON.stringify(window.PretixWidget.widget_data))
+ if (widgetData) {
+ Object.assign(allWidgetData, widgetData)
+ }
+
+ const root = document.createElement('div')
+ document.body.appendChild(root)
+ root.classList.add('pretix-widget-hidden')
+
+ const store = createWidgetStore({
+ targetUrl,
+ voucher: voucher ?? null,
+ subevent: subevent ?? null,
+ skipSsl: skipSslCheck ?? false,
+ disableIframe: disableIframe ?? false,
+ widgetData: allWidgetData,
+ htmlId: makeid(16),
+ isButton: true,
+ buttonItems: items ?? [],
+ buttonText: '',
+ keepCart: true
+ })
+
+ const app = createApp(ButtonComponent)
+ app.provide(StoreKey, store)
+ app.config.errorHandler = (error, _vm, info) => {
+ console.error('[pretix-widget-open]', info, error)
+ }
+ app.mount(root)
+
+ nextTick(() => {
+ if (store.useIframe) {
+ const form = root.querySelector('form') as HTMLFormElement
+ if (form) {
+ const formData = new FormData(form)
+ store.buy(formData)
+ }
+ } else {
+ const form = root.querySelector('form') as HTMLFormElement
+ if (form) form.submit()
+ }
+ })
+}
+
+if (typeof window.pretixWidgetCallback !== 'undefined') {
+ window.pretixWidgetCallback()
+}
+
+if (window.PretixWidget.build_widgets) {
+ window.PretixWidget.buildWidgets()
+}
+
+// TODO debug exposes
diff --git a/src/pretix/static/pretixpresale/widget/src/sharedStore.ts b/src/pretix/static/pretixpresale/widget/src/sharedStore.ts
new file mode 100644
index 000000000..1c44a9eb4
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/sharedStore.ts
@@ -0,0 +1,561 @@
+import { nextTick, type InjectionKey } from 'vue'
+import { createStore } from '~/lib/store'
+import { fetchProductList, submitCart, checkAsyncTask, ApiError, createCart } from '~/api'
+import type { CartResponse } from '~/api'
+import { STRINGS } from '~/i18n'
+import { setCookie, getCookie, makeid, siteIsSecure } from '~/utils'
+import type { Category, DayEntry, EventEntry, LightboxState, MetaFilterField, WidgetData } from '~/types'
+
+export const globalWidgetId = makeid(16)
+
+export type WidgetStore = ReturnType
+export const StoreKey: InjectionKey = Symbol('WidgetStore')
+
+export function createWidgetStore (config: {
+ targetUrl: string
+ isButton?: boolean
+ voucher?: string | null
+ subevent?: string | number | null
+ listType?: string | null
+ skipSsl?: boolean
+ disableIframe?: boolean
+ disableVouchers?: boolean
+ disableFilters?: boolean
+ displayEventInfo?: boolean | null
+ filter?: string | null
+ items?: string | null
+ categories?: string | null
+ variations?: string | null
+ widgetData: WidgetData
+ htmlId: string
+ keepCart: boolean
+ // Button-specific
+ buttonItems?: { item: string; count: string }[]
+ buttonText?: string
+}) {
+ return createStore({
+ state: () => ({
+ // Target/URL state
+ targetUrl: config.targetUrl,
+ parentStack: [] as string[],
+ subevent: config.subevent ?? null as string | number | null,
+
+ // Configuration
+ voucherCode: config.voucher ?? null as string | null,
+ skipSsl: config.skipSsl ?? false,
+ disableIframe: config.disableIframe ?? false,
+ disableVouchers: config.disableVouchers ?? false,
+ disableFilters: config.disableFilters ?? false,
+ displayEventInfo: config.displayEventInfo ?? null as boolean | null,
+ filter: config.filter ?? null as string | null,
+ itemFilter: config.items ?? null as string | null,
+ categoryFilter: config.categories ?? null as string | null,
+ variationFilter: config.variations ?? null as string | null,
+ style: config.listType ?? null as string | null,
+ widgetData: config.widgetData,
+ widgetId: `pretix-widget-${globalWidgetId}`,
+ htmlId: config.htmlId,
+ keepCart: config.keepCart,
+
+ // View state
+ view: null as 'event' | 'events' | 'weeks' | 'days' | null,
+ loading: config.isButton ? 0 : 1,
+ error: null as string | null,
+ connectionError: false,
+ frameDismissed: false,
+
+ // Event data
+ name: null as string | null,
+ dateRange: null as string | null,
+ location: null as string | null,
+ frontpageText: null as string | null,
+ categories: [] as Category[],
+ currency: '',
+ displayNetPrices: false,
+ voucherExplanationText: null as string | null,
+ displayAddToCart: false,
+ waitingListEnabled: false,
+ showVariationsExpanded: !!config.variations,
+ _cartId: null as string | null,
+ cartExists: false,
+ vouchersExist: false,
+ hasSeatingPlan: false,
+ hasSeatingPlanWaitinglist: false,
+ itemnum: 0,
+ poweredby: '',
+
+ // Calendar/list data
+ events: null as EventEntry[] | null,
+ weeks: null as DayEntry[][] | null,
+ days: null as DayEntry[] | null,
+ date: null as string | null,
+ week: null as [number, number] | null,
+ hasMoreEvents: false,
+ offset: 0,
+ appendEvents: false,
+ metaFilterFields: [] as MetaFilterField[],
+
+ // UI state
+ mobile: false,
+
+ // Button-specific
+ isButton: config.isButton ?? false,
+ items: (config.buttonItems ?? []) as { item: string; count: string }[],
+ buttonText: config.buttonText ?? '',
+
+ // Overlay (always initialized, no null guards)
+ overlay: {
+ frameSrc: '',
+ frameLoading: false,
+ frameShown: false,
+ errorMessage: null as string | null,
+ errorUrlAfter: null as string | null,
+ errorUrlAfterNewTab: false,
+ lightbox: null as LightboxState | null,
+ },
+
+ // Async task state
+ asyncTaskId: null as string | null,
+ asyncTaskCheckUrl: null as string | null,
+ asyncTaskTimeout: null as ReturnType | null,
+ asyncTaskInterval: 100,
+ voucher: null as string | null,
+ }),
+
+ getters: {
+ useIframe (): boolean {
+ if ((window as any).crossOriginIsolated === true) return false
+ return !this.disableIframe && (this.skipSsl || siteIsSecure())
+ },
+ cookieName (): string {
+ return `pretix_widget_${this.targetUrl.replace(/[^a-zA-Z0-9]+/g, '_')}`
+ },
+ cartId (): string | null {
+ if (this._cartId) {
+ return this._cartId
+ }
+ if (this.keepCart) {
+ return getCookie(this.cookieName) ?? null
+ }
+ },
+ widgetDataJson (): string {
+ const cloned = { ...this.widgetData }
+ delete cloned.consent
+ return JSON.stringify(cloned)
+ },
+ consentParameter (): string {
+ if (this.widgetData.consent) {
+ return `&consent=${encodeURIComponent(this.widgetData.consent)}`
+ }
+ return ''
+ },
+ additionalURLParams (): string {
+ if (!window.location.search.includes('utm_')) {
+ return ''
+ }
+ const params = new URLSearchParams(window.location.search)
+ for (const [key] of params.entries()) {
+ if (!key.startsWith('utm_')) {
+ params.delete(key)
+ }
+ }
+ return params.toString()
+ },
+ newTabTarget (): string {
+ return this.subevent ? `${this.targetUrl}${this.subevent}/` : this.targetUrl
+ },
+ formTarget (): string {
+ const isFirefox = navigator.userAgent.toLowerCase().includes('firefox')
+ const isAndroid = navigator.userAgent.toLowerCase().includes('android')
+ if (isAndroid && isFirefox) {
+ return '_top'
+ }
+ return '_blank'
+ },
+ consentParameterValue (): string {
+ if (this.widgetData.consent) {
+ return encodeURIComponent(this.widgetData.consent)
+ }
+ return ''
+ },
+ formAction (): string {
+ if (!this.useIframe && this.isButton && this.items.length === 0) {
+ if (this.voucherCode) return `${this.targetUrl}redeem`
+ if (this.subevent) return `${this.targetUrl}${this.subevent}/`
+ return this.targetUrl
+ }
+
+ let checkoutUrl = `/${this.targetUrl.replace(/^[^/]+:\/\/([^/]+)\//, '')}w/${globalWidgetId}/`
+ if (!this.cartExists) {
+ checkoutUrl += 'checkout/start'
+ }
+ if (this.additionalURLParams) {
+ checkoutUrl += `?${this.additionalURLParams}`
+ }
+
+ let formTarget = `${this.targetUrl}w/${globalWidgetId}/cart/add?iframe=1&next=${encodeURIComponent(checkoutUrl)}`
+ if (this.cartId) {
+ formTarget += `&take_cart_id=${this.cartId}`
+ }
+ formTarget += this.consentParameter
+ return formTarget
+ }
+ },
+ actions: {
+ triggerLoadCallback () {
+ nextTick(() => {
+ for (const callback of (window as any).PretixWidget._loaded || []) {
+ callback()
+ }
+ })
+ },
+ async reload (opt: { focus?: string } = {}) {
+ if (this.isButton) return
+
+ let url: string
+ if (this.subevent) {
+ url = `${this.targetUrl}${this.subevent}/widget/product_list?lang=${LANG}`
+ } else {
+ url = `${this.targetUrl}widget/product_list?lang=${LANG}`
+ }
+
+ if (this.offset) url += `&offset=${this.offset}`
+ if (this.filter) url += `&${this.filter}`
+ if (this.itemFilter) url += `&items=${encodeURIComponent(this.itemFilter)}`
+ if (this.categoryFilter) url += `&categories=${encodeURIComponent(this.categoryFilter)}`
+ if (this.variationFilter) url += `&variations=${encodeURIComponent(this.variationFilter)}`
+ if (this.voucherCode) url += `&voucher=${encodeURIComponent(this.voucherCode)}`
+
+ if (this.cartId) url += `&cart_id=${encodeURIComponent(this.cartId)}`
+ if (this.date !== null) {
+ url += `&date=${this.date.substring(0, 7)}`
+ } else if (this.week !== null) {
+ url += `&date=${this.week[0]}-W${this.week[1]}`
+ }
+ if (this.style !== null) url += `&style=${encodeURIComponent(this.style)}`
+
+ try {
+ const { data, responseUrl } = await fetchProductList(url)
+
+ // Check for redirect
+ const newUrl = responseUrl.substring(0, responseUrl.indexOf('/widget/product_list?') + 1)
+ const oldUrl = url.substring(0, url.indexOf('/widget/product_list?') + 1)
+ if (newUrl !== oldUrl) {
+ let adjustedUrl = newUrl
+ if (this.subevent) {
+ adjustedUrl = adjustedUrl.substring(0, adjustedUrl.lastIndexOf('/', adjustedUrl.length - 1) + 1)
+ }
+ this.targetUrl = adjustedUrl
+ this.reload()
+ return
+ }
+
+ this.connectionError = false
+
+ if (data.weeks !== undefined) {
+ this.weeks = data.weeks
+ this.date = data.date ?? null
+ this.week = null
+ this.events = null
+ this.view = 'weeks'
+ this.name = data.name ?? null
+ this.frontpageText = data.frontpage_text ?? null
+ this.metaFilterFields = data.meta_filter_fields ?? []
+ } else if (data.days !== undefined) {
+ this.days = data.days
+ this.date = null
+ this.week = data.week ?? null
+ this.events = null
+ this.view = 'days'
+ this.name = data.name ?? null
+ this.frontpageText = data.frontpage_text ?? null
+ this.metaFilterFields = data.meta_filter_fields ?? []
+ } else if (data.events !== undefined) {
+ this.events = this.appendEvents && this.events
+ ? this.events.concat(data.events)
+ : data.events
+ this.appendEvents = false
+ this.weeks = null
+ this.view = 'events'
+ this.name = data.name ?? null
+ this.frontpageText = data.frontpage_text ?? null
+ this.hasMoreEvents = data.has_more_events ?? false
+ this.metaFilterFields = data.meta_filter_fields ?? []
+ } else {
+ this.view = 'event'
+ this.targetUrl = data.target_url ?? this.targetUrl
+ this.subevent = data.subevent ?? null
+ this.name = data.name ?? null
+ this.frontpageText = data.frontpage_text ?? null
+ this.dateRange = data.date_range ?? null
+ this.location = data.location ?? null
+ this.categories = data.items_by_category ?? []
+ this.currency = data.currency ?? ''
+ this.displayNetPrices = data.display_net_prices ?? false
+ this.voucherExplanationText = data.voucher_explanation_text ?? null
+ this.error = data.error ?? null
+ this.displayAddToCart = data.display_add_to_cart ?? false
+ this.waitingListEnabled = data.waiting_list_enabled ?? false
+ this.showVariationsExpanded = data.show_variations_expanded || !!this.variationFilter
+ this.cartExists = data.cart_exists ?? false
+ this.vouchersExist = data.vouchers_exist ?? false
+ this.hasSeatingPlan = data.has_seating_plan ?? false
+ this.hasSeatingPlanWaitinglist = data.has_seating_plan_waitinglist ?? false
+ this.itemnum = data.itemnum ?? 0
+ }
+
+ this.poweredby = data.poweredby ?? ''
+
+ if (this.loading > 0) {
+ this.loading--
+ this.triggerLoadCallback()
+ }
+
+ // Auto-open seating plan if applicable
+ if (
+ this.parentStack.length > 0
+ && this.hasSeatingPlan
+ && this.categories.length === 0
+ && !this.frameDismissed
+ && this.useIframe
+ && !this.error
+ && !this.hasSeatingPlanWaitinglist
+ ) {
+ this.startseating()
+ } else if (opt.focus) {
+ nextTick(() => {
+ document.querySelector(opt.focus!)?.focus()
+ })
+ }
+ } catch (e) {
+ this.categories = []
+ this.currency = ''
+ if (e instanceof ApiError && e.status === 429) {
+ this.error = STRINGS.loading_error_429
+ } else {
+ this.error = STRINGS.loading_error
+ }
+ this.connectionError = true
+ if (this.loading > 0) {
+ this.loading--
+ this.triggerLoadCallback()
+ }
+ throw e
+ }
+ },
+ getVoucherFormTarget (): string {
+ let formTarget = `${this.targetUrl}w/${globalWidgetId}/redeem?iframe=1&locale=${LANG}`
+ if (this.cartId) {
+ formTarget += `&take_cart_id=${this.cartId}`
+ }
+ if (this.subevent) {
+ formTarget += `&subevent=${this.subevent}`
+ }
+ if (this.widgetData) {
+ formTarget += `&widget_data=${encodeURIComponent(this.widgetDataJson)}`
+ }
+ formTarget += this.consentParameter
+ if (this.additionalURLParams) {
+ formTarget += `&${this.additionalURLParams}`
+ }
+ return formTarget
+ },
+ handleCartResponse (data: CartResponse) {
+ if (data.redirect) {
+ if (data.cart_id) {
+ this.setCartId(data.cart_id)
+ }
+
+ let url = data.redirect
+ if (url.substring(0, 1) === '/') {
+ url = `${this.targetUrl.replace(/^([^/]+:\/\/[^/]+)\/.*$/, '$1')}${url}`
+ }
+
+ if (url.includes('?')) {
+ url = `${url}&iframe=1&locale=${LANG}&take_cart_id=${this.cartId}`
+ } else {
+ url = `${url}?iframe=1&locale=${LANG}&take_cart_id=${this.cartId}`
+ }
+ url += this.consentParameter
+ if (this.additionalURLParams) {
+ url += `&${this.additionalURLParams}`
+ }
+
+ if (data.success === false) {
+ url = url.replace(/checkout\/start/g, '')
+ this.overlay.errorMessage = data.message ?? null
+ if (data.has_cart) {
+ this.overlay.errorUrlAfter = url
+ }
+ this.overlay.frameLoading = false
+ } else {
+ this.overlay.frameSrc = url
+ }
+ } else {
+ this.asyncTaskId = data.async_id
+ if (data.check_url) {
+ this.asyncTaskCheckUrl = `${this.targetUrl.replace(/^([^/]+:\/\/[^/]+)\/.*$/, '$1')}${data.check_url}`
+ }
+ this.asyncTaskTimeout = window.setTimeout(() => this.pollAsyncTask(), this.asyncTaskInterval)
+ this.asyncTaskInterval = 250
+ }
+ },
+ async pollAsyncTask () {
+ if (!this.asyncTaskCheckUrl) return
+ try {
+ const data = await checkAsyncTask(this.asyncTaskCheckUrl)
+ this.handleCartResponse(data)
+ } catch (e) {
+ if (e instanceof ApiError && (e.status === 200 || (e.status >= 400 && e.status < 500))) {
+ this.overlay.errorMessage = STRINGS.cart_error
+ this.overlay.frameLoading = false
+ } else {
+ this.asyncTaskTimeout = window.setTimeout(() => this.pollAsyncTask(), 1000)
+ }
+ }
+ },
+ async buy (formData: FormData, event?: Event) {
+ if (!this.useIframe) return
+ if (event) event.preventDefault()
+
+ if (this.isButton && this.items.length === 0) {
+ if (this.voucherCode) {
+ this.voucherOpen(this.voucherCode)
+ } else {
+ this.resume()
+ }
+ return
+ }
+
+ const url = `${this.formAction}&locale=${LANG}&ajax=1`
+ this.overlay.frameLoading = true
+ this.asyncTaskInterval = 100
+
+ try {
+ const data = await submitCart(url, formData)
+ this.handleCartResponse(data)
+ } catch (e) {
+ if (e instanceof ApiError) {
+ if (e.status === 429) {
+ this.overlay.errorMessage = STRINGS.cart_error_429
+ this.overlay.frameLoading = false
+ this.overlay.errorUrlAfter = this.newTabTarget
+ this.overlay.errorUrlAfterNewTab = true
+ } else if (e.status === 405) {
+ // Likely a redirect!
+ this.targetUrl = e.responseUrl.substring(0, e.responseUrl.indexOf('/cart/add') - 18)
+ this.overlay.frameLoading = false
+ this.buy(formData)
+ return
+ }
+ }
+ this.overlay.errorMessage = STRINGS.cart_error
+ this.overlay.frameLoading = false
+ }
+ },
+ async createCart () {
+ const url = `${this.targetUrl}w/${globalWidgetId}/cart/create?ajax=1`
+
+ try {
+ this.overlay.frameLoading = true
+ const data = await createCart(url)
+ this.setCartId(data.cart_id)
+ } catch (e) {
+ if (e instanceof ApiError && (e.status === 200 || (e.status >= 400 && e.status < 500))) {
+ this.overlay.errorMessage = STRINGS.cart_error
+ this.overlay.frameLoading = false
+ }
+ }
+ },
+ redeem (voucherCode: string, event?: Event) {
+ if (!this.useIframe) return
+ if (event) event.preventDefault()
+ this.voucherOpen(voucherCode)
+ },
+ voucherOpen (voucherCode: string) {
+ // TODO just use https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams
+ const redirectUrl = `${this.getVoucherFormTarget()}&voucher=${encodeURIComponent(voucherCode)}`
+ if (this.useIframe) {
+ this.overlay.frameSrc = redirectUrl
+ } else {
+ window.open(redirectUrl)
+ }
+ },
+ async resume () {
+ if (!this.cartId && this.keepCart) {
+ // create an empty cart whose id we can persist
+ await this.createCart()
+ }
+ let redirectUrl = `${this.targetUrl}w/${globalWidgetId}/`
+ if (this.subevent && this.isButton && this.items.length === 0) {
+ // button with subevent but no items
+ redirectUrl += `${this.subevent}/`
+ }
+ if (this.subevent && !this.cartId) {
+ // button with subevent but no items
+ redirectUrl += `${this.subevent}/`
+ }
+ redirectUrl += `?iframe=1&locale=${LANG}`
+ if (this.cartId) {
+ // ajax to make sure the cart-id is used, even if the cart is currently empty
+ redirectUrl += `&take_cart_id=${this.cartId}&ajax=1`
+ }
+ if (this.widgetData) {
+ redirectUrl += `&widget_data=${encodeURIComponent(this.widgetDataJson)}`
+ }
+ redirectUrl += this.consentParameter
+ if (this.additionalURLParams) {
+ redirectUrl += `&${this.additionalURLParams}`
+ }
+ if (this.useIframe) {
+ this.overlay.frameSrc = redirectUrl
+ } else {
+ window.open(redirectUrl)
+ }
+ },
+ startwaiting () {
+ let redirectUrl = `${this.targetUrl}w/${globalWidgetId}/waitinglist/?iframe=1&locale=${LANG}`
+ if (this.subevent) {
+ redirectUrl += `&subevent=${this.subevent}`
+ }
+ if (this.additionalURLParams) {
+ redirectUrl += `&${this.additionalURLParams}`
+ }
+ if (this.useIframe) {
+ this.overlay.frameSrc = redirectUrl
+ } else {
+ window.open(redirectUrl)
+ }
+ },
+ startseating () {
+ let redirectUrl = `${this.targetUrl}w/${globalWidgetId}`
+ if (this.subevent) {
+ redirectUrl += `/${this.subevent}`
+ }
+ redirectUrl += `/seatingframe/?iframe=1&locale=${LANG}`
+ if (this.voucherCode) {
+ redirectUrl += `&voucher=${encodeURIComponent(this.voucherCode)}`
+ }
+ if (this.cartId) {
+ redirectUrl += `&take_cart_id=${this.cartId}`
+ }
+ if (this.widgetData) {
+ redirectUrl += `&widget_data=${encodeURIComponent(this.widgetDataJson)}`
+ }
+ redirectUrl += this.consentParameter
+ if (this.additionalURLParams) {
+ redirectUrl += `&${this.additionalURLParams}`
+ }
+ if (this.useIframe) {
+ this.overlay.frameSrc = redirectUrl
+ } else {
+ window.open(redirectUrl)
+ }
+ },
+ setCartId (cartId: string) {
+ this._cartId = cartId
+ setCookie(this.cookieName, cartId, 30)
+ }
+ }
+ })
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/types.ts b/src/pretix/static/pretixpresale/widget/src/types.ts
new file mode 100644
index 000000000..f8790ccef
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/types.ts
@@ -0,0 +1,92 @@
+// Domain model types for the pretix widget
+
+export interface Price {
+ gross: string
+ net: string
+ rate: string
+ name: string
+ includes_mixed_tax_rate?: boolean
+}
+
+export interface Availability {
+ color: 'green' | 'orange' | 'red'
+ text?: string
+ reason?: string
+}
+
+export interface Variation {
+ id: number
+ value: string
+ description?: string
+ price: Price
+ suggested_price?: Price
+ original_price?: string
+ avail: [number, number | null]
+ order_max: number
+ current_unavailability_reason?: string
+ allow_waitinglist?: boolean
+}
+
+export interface Item {
+ id: number
+ name: string
+ description?: string
+ picture?: string
+ picture_fullsize?: string
+ price: Price
+ suggested_price?: Price
+ original_price?: string
+ avail: [number, number | null]
+ order_min?: number
+ order_max: number
+ has_variations: boolean
+ variations: Variation[]
+ free_price: boolean
+ min_price?: string
+ max_price?: string
+ mandatory_priced_addons?: boolean
+ current_unavailability_reason?: string
+ allow_waitinglist?: boolean
+}
+
+export interface Category {
+ id: number
+ name?: string
+ description?: string
+ items: Item[]
+}
+
+export interface EventEntry {
+ name: string
+ event_url: string
+ subevent?: number | string
+ date_range: string
+ location: string
+ time?: string
+ continued?: boolean
+ availability: Availability
+}
+
+export interface DayEntry {
+ date: string
+ day_formatted: string
+ events: EventEntry[]
+}
+
+export interface MetaFilterField {
+ key: string
+ label: string
+ choices: [string, string][]
+}
+
+export interface LightboxState {
+ image: string
+ description: string
+ loading?: boolean
+}
+
+export interface WidgetData {
+ referer: string
+ consent?: string
+ [key: string]: string | undefined
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/utils.ts b/src/pretix/static/pretixpresale/widget/src/utils.ts
new file mode 100644
index 000000000..107130d00
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/utils.ts
@@ -0,0 +1,100 @@
+// Utility functions for the pretix widget
+
+import { getFormat } from '~/i18n'
+
+// Cookie utilities
+export function setCookie (cname: string, cvalue: string, exdays: number): void {
+ const d = new Date()
+ d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)
+ const expires = `expires=${d.toUTCString()}`
+ document.cookie = `${cname}=${cvalue};${expires};${siteIsSecure() ? 'SameSite=None;Secure;' : ''}path=/`
+}
+
+export function getCookie (name: string): string | null {
+ const value = `; ${document.cookie}`
+ const parts = value.split(`; ${name}=`)
+ if (parts.length === 2) {
+ return parts.pop()?.split(';').shift() || null
+ }
+ return null
+}
+
+// Number formatting
+export function roundTo (n: number, digits = 0): number {
+ const multiplicator = Math.pow(10, digits)
+ n = parseFloat((n * multiplicator).toFixed(11))
+ return Math.round(n) / multiplicator
+}
+
+// TODO use https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat instead?
+export function floatformat (val: number | string, places = 2): string {
+ if (typeof val === 'string') {
+ val = parseFloat(val)
+ }
+ const parts = roundTo(val, places).toFixed(places).split('.')
+ if (places === 0) {
+ return parts[0]
+ }
+ const grouping = getFormat('NUMBER_GROUPING') as number
+ const thousandSep = getFormat('THOUSAND_SEPARATOR') as string
+ const decimalSep = getFormat('DECIMAL_SEPARATOR') as string
+ parts[0] = parts[0].replace(
+ new RegExp(`\\B(?=(\\d{${grouping}})+(?!\\d))`, 'g'),
+ thousandSep
+ )
+ return `${parts[0]}${decimalSep}${parts[1]}`
+}
+
+export function autofloatformat (val: number | string, places = 2): string {
+ const numVal = typeof val === 'string' ? parseFloat(val) : val
+ if (numVal === roundTo(numVal, 0)) {
+ places = 0
+ }
+ return floatformat(numVal, places)
+}
+
+// String/number utilities
+export function padNumber (number: number, size = 2): string {
+ let s = String(number)
+ while (s.length < size) {
+ s = `0${s}`
+ }
+ return s
+}
+
+export function getISOWeeks (year: number): number {
+ const d = new Date(year, 0, 1)
+ const isLeap = new Date(year, 1, 29).getMonth() === 1
+ // Check for a Jan 1 that's a Thursday or a leap year that has a Wednesday Jan 1
+ return d.getDay() === 4 || (isLeap && d.getDay() === 3) ? 53 : 52
+}
+
+export function makeid (length: number): string {
+ let text = ''
+ const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+ for (let i = 0; i < length; i++) {
+ text += possible.charAt(Math.floor(Math.random() * possible.length))
+ }
+ return text
+}
+
+export function siteIsSecure (): boolean {
+ return /https.*/.test(document.location.protocol)
+}
+
+// HTML utility
+export function stripHTML (s: string): string {
+ const div = document.createElement('div')
+ div.innerHTML = s
+ return div.textContent || div.innerText || ''
+}
+
+// docReady - DOM ready detection (returns a Promise)
+export function docReady (): Promise {
+ if (document.readyState === 'complete' || document.readyState === 'interactive') {
+ return Promise.resolve()
+ }
+ return new Promise(resolve => {
+ document.addEventListener('DOMContentLoaded', () => resolve(), { once: true })
+ })
+}
diff --git a/src/pretix/static/pretixpresale/widget/src/vite-env.d.ts b/src/pretix/static/pretixpresale/widget/src/vite-env.d.ts
new file mode 100644
index 000000000..17158237e
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/vite-env.d.ts
@@ -0,0 +1 @@
+declare const LANG: string
diff --git a/src/pretix/static/pretixpresale/widget/src/widget.ts b/src/pretix/static/pretixpresale/widget/src/widget.ts
new file mode 100644
index 000000000..68f01a0bb
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/src/widget.ts
@@ -0,0 +1,63 @@
+import { createApp, type App } from 'vue'
+import WidgetComponent from '~/components/Widget.vue'
+import { createWidgetStore, StoreKey } from '~/sharedStore'
+import { makeid } from '~/utils'
+import type { WidgetData } from '~/types'
+
+export function createWidgetInstance (element: Element, htmlId?: string): App {
+ let targetUrl = element.attributes.event.value
+ if (!targetUrl.match(/\/$/)) {
+ targetUrl += '/'
+ }
+
+ const displayEventInfoAttr = element.attributes['display-event-info']?.value
+ // null means "auto" (as before), everything other than "false" is true
+ const displayEventInfo: boolean | null
+ = 'display-event-info' in element.attributes && displayEventInfoAttr !== 'auto' ? displayEventInfoAttr !== 'false' : null
+
+ const widgetData: WidgetData = JSON.parse(JSON.stringify(window.PretixWidget.widget_data))
+ for (const attr of Array.from(element.attributes)) {
+ if (attr.name.match(/^data-.*$/)) {
+ widgetData[attr.name.replace(/^data-/, '')] = attr.value
+ }
+ }
+
+ const store = createWidgetStore({
+ targetUrl,
+ voucher: element.attributes.voucher?.value || null,
+ subevent: element.attributes.subevent?.value || null,
+ listType: element.attributes['list-type']?.value || element.attributes.style?.value || null,
+ skipSsl: 'skip-ssl-check' in element.attributes,
+ disableIframe: 'disable-iframe' in element.attributes,
+ disableVouchers: 'disable-vouchers' in element.attributes,
+ disableFilters: 'disable-filters' in element.attributes,
+ displayEventInfo,
+ filter: element.attributes.filter?.value || null,
+ items: element.attributes.items?.value || null,
+ categories: element.attributes.categories?.value || null,
+ variations: element.attributes.variations?.value || null,
+ widgetData,
+ htmlId: htmlId || element.id || makeid(16),
+ keepCart: true
+ })
+
+ const observer = new MutationObserver((mutationList) => {
+ for (const mutation of mutationList) {
+ if (mutation.type === 'attributes' && mutation.attributeName?.startsWith('data-')) {
+ const attrName = mutation.attributeName.substring(5)
+ const attrValue = (mutation.target as Element).getAttribute(mutation.attributeName)
+ store.widgetData[attrName] = attrValue
+ }
+ }
+ })
+
+ const app = createApp(WidgetComponent)
+ app.provide(StoreKey, store)
+ app.config.errorHandler = (error, _vm, info) => {
+ console.error('[pretix-widget]', info, error)
+ }
+ app.mount(element)
+ observer.observe(element, { attributes: true })
+
+ return app
+}
diff --git a/src/pretix/static/pretixpresale/widget/tsconfig.json b/src/pretix/static/pretixpresale/widget/tsconfig.json
new file mode 100644
index 000000000..3c1b8075a
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "extends": "../../../../../tsconfig.json",
+ "include": ["src/**/*"],
+ "compilerOptions": {
+ "baseUrl": ".",
+ "paths": {
+ "~/*": ["./src/*"]
+ },
+ "types": ["node", "vite/client"]
+ }
+}
diff --git a/src/pretix/static/pretixpresale/widget/vite.config.ts b/src/pretix/static/pretixpresale/widget/vite.config.ts
new file mode 100644
index 000000000..895cfc4ae
--- /dev/null
+++ b/src/pretix/static/pretixpresale/widget/vite.config.ts
@@ -0,0 +1,38 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig(({ mode }) => ({
+ server: {
+ port: 5180
+ },
+ plugins: [
+ vue()
+ ],
+ resolve: {
+ alias: {
+ '~': import.meta.dirname + '/src',
+ },
+ },
+ build: {
+ minify: false, // django will do minification
+ outDir: import.meta.dirname + '/../../../static.dist/vite/widget',
+ rollupOptions: {
+ input: {
+ main: import.meta.dirname + '/src/main.ts',
+ },
+ output: {
+ format: 'iife',
+ entryFileNames: 'widget.js',
+ assetFileNames: 'widget.[ext]',
+ },
+ },
+ },
+ optimizeDeps: {
+ exclude: ['moment', 'jquery']
+ },
+ define: {
+ ...(mode === 'development' && {
+ LANG: JSON.stringify(process.env.PRETIX_WIDGET_LANG || 'en'),
+ }),
+ },
+}))
diff --git a/src/setup.cfg b/src/setup.cfg
index 41d65a4bc..2a7b2e13f 100644
--- a/src/setup.cfg
+++ b/src/setup.cfg
@@ -18,7 +18,13 @@ skip_glob = data/**,make_testdata.py,wsgi.py,bootstrap,celery_app.py,pretix/sett
[tool:pytest]
DJANGO_SETTINGS_MODULE = tests.settings
addopts = -rw
+asyncio_mode = auto
asyncio_default_fixture_loop_scope = function
+# Playwright E2E test configuration
+# Uncomment for debugging: --headed shows browser UI, --slowmo slows operations
+# addopts = -rw --headed --slowmo 500
+# Browser selection (chromium, firefox, webkit)
+# --browser chromium
filterwarnings =
error
ignore:.*invalid escape sequence.*:
diff --git a/src/tests/api/conftest.py b/src/tests/api/conftest.py
index 031b6a7c5..a4d617b22 100644
--- a/src/tests/api/conftest.py
+++ b/src/tests/api/conftest.py
@@ -212,4 +212,17 @@ def membership_type(organizer):
return organizer.membership_types.create(name='foo')
+@pytest.fixture
+def clist(event, item):
+ c = event.checkin_lists.create(name="Default", all_products=False)
+ c.limit_products.add(item)
+ return c
+
+
+@pytest.fixture
+def clist_all(event, item):
+ c = event.checkin_lists.create(name="Default", all_products=True)
+ return c
+
+
utils.setup_databases = scopes_disabled()(utils.setup_databases)
diff --git a/src/tests/api/test_checkin.py b/src/tests/api/test_checkin.py
index f829eb342..63c38df34 100644
--- a/src/tests/api/test_checkin.py
+++ b/src/tests/api/test_checkin.py
@@ -252,19 +252,6 @@ TEST_HISTORY_RES = {
}
-@pytest.fixture
-def clist(event, item):
- c = event.checkin_lists.create(name="Default", all_products=False)
- c.limit_products.add(item)
- return c
-
-
-@pytest.fixture
-def clist_all(event, item):
- c = event.checkin_lists.create(name="Default", all_products=True)
- return c
-
-
@pytest.mark.django_db
def test_list_list(token_client, organizer, event, clist, item, subevent, django_assert_num_queries):
res = dict(TEST_LIST_RES)
diff --git a/src/tests/api/test_exporters.py b/src/tests/api/test_exporters.py
index 7282def74..23495065f 100644
--- a/src/tests/api/test_exporters.py
+++ b/src/tests/api/test_exporters.py
@@ -1079,3 +1079,18 @@ def test_event_edit_restrictions(client, event, organizer, user, team):
assert _get_and_patch_event_export(user2_client, s2)
assert _get_and_patch_event_export(team1_client, s2)
assert _get_and_patch_event_export(user1_client, s2)
+
+
+@pytest.mark.django_db
+def test_event_checkinlist_patch(user_client, organizer, event, user, event_scheduled_export, clist):
+ event_scheduled_export.export_identifier = "checkinlistpdf"
+ event_scheduled_export.save()
+
+ resp = user_client.patch(
+ '/api/v1/organizers/{}/events/{}/scheduled_exports/{}/'.format(organizer.slug, event.slug, event_scheduled_export.id),
+ data={
+ "export_form_data": {"list": clist.pk},
+ },
+ format='json',
+ )
+ assert resp.status_code == 200
diff --git a/src/tests/api/test_items.py b/src/tests/api/test_items.py
index 25ea7cea8..b2aef4737 100644
--- a/src/tests/api/test_items.py
+++ b/src/tests/api/test_items.py
@@ -530,6 +530,7 @@ def test_item_detail_program_times(token_client, organizer, event, team, item, c
res["program_times"] = [{
"start": "2017-12-27T00:00:00Z",
"end": "2017-12-28T00:00:00Z",
+ "location": None
}]
resp = token_client.get('/api/v1/organizers/{}/events/{}/items/{}/'.format(organizer.slug, event.slug,
item.pk))
@@ -1972,32 +1973,54 @@ def program_time2(item, category):
end=datetime(2017, 12, 30, 0, 0, 0, tzinfo=timezone.utc))
+@pytest.fixture
+def program_time3(item, category):
+ return item.program_times.create(start=datetime(2017, 12, 30, 0, 0, 0, tzinfo=timezone.utc),
+ end=datetime(2017, 12, 31, 0, 0, 0, tzinfo=timezone.utc),
+ location='Testlocation')
+
+
TEST_PROGRAM_TIMES_RES = {
0: {
"start": "2017-12-27T00:00:00Z",
"end": "2017-12-28T00:00:00Z",
+ "location": None,
},
1: {
"start": "2017-12-29T00:00:00Z",
"end": "2017-12-30T00:00:00Z",
+ "location": None,
+ },
+ 2: {
+ "start": "2017-12-30T00:00:00Z",
+ "end": "2017-12-31T00:00:00Z",
+ "location": {"en": "Testlocation"},
}
}
@pytest.mark.django_db
-def test_program_times_list(token_client, organizer, event, item, program_time, program_time2):
+def test_program_times_list(token_client, organizer, event, item, program_time, program_time2, program_time3):
res = dict(TEST_PROGRAM_TIMES_RES)
res[0]["id"] = program_time.pk
res[1]["id"] = program_time2.pk
+ res[2]["id"] = program_time3.pk
resp = token_client.get('/api/v1/organizers/{}/events/{}/items/{}/program_times/'.format(organizer.slug, event.slug,
item.pk))
assert resp.status_code == 200
assert res[0]['start'] == resp.data['results'][0]['start']
assert res[0]['end'] == resp.data['results'][0]['end']
assert res[0]['id'] == resp.data['results'][0]['id']
+ assert res[0] == resp.data['results'][0]
assert res[1]['start'] == resp.data['results'][1]['start']
assert res[1]['end'] == resp.data['results'][1]['end']
assert res[1]['id'] == resp.data['results'][1]['id']
+ assert res[1] == resp.data['results'][1]
+ assert res[2]['start'] == resp.data['results'][2]['start']
+ assert res[2]['end'] == resp.data['results'][2]['end']
+ assert res[2]['location'] == resp.data['results'][2]['location']
+ assert res[2]['id'] == resp.data['results'][2]['id']
+ assert res[2] == resp.data['results'][2]
@pytest.mark.django_db
@@ -2039,6 +2062,59 @@ def test_program_times_create(token_client, organizer, event, item):
assert resp.content.decode() == '{"non_field_errors":["The program end must not be before the program start."]}'
+@pytest.mark.django_db
+def test_program_times_create_location(token_client, organizer, event, item):
+ resp = token_client.post(
+ '/api/v1/organizers/{}/events/{}/items/{}/program_times/'.format(organizer.slug, event.slug, item.pk),
+ {
+ "start": "2017-12-27T00:00:00Z",
+ "end": "2017-12-28T00:00:00Z",
+ "location": {
+ "en": "Testlocation",
+ "de": "Testort"
+ }
+ },
+ format='json'
+ )
+ assert resp.status_code == 201
+ with scopes_disabled():
+ program_time = ItemProgramTime.objects.get(pk=resp.data['id'])
+ assert "Testlocation" == program_time.location.localize("en")
+ assert "Testort" == program_time.location.localize("de")
+
+
+@pytest.mark.django_db
+def test_program_times_create_without_location(token_client, organizer, event, item):
+ resp = token_client.post(
+ '/api/v1/organizers/{}/events/{}/items/{}/program_times/'.format(organizer.slug, event.slug, item.pk),
+ {
+ "start": "2017-12-27T00:00:00Z",
+ "end": "2017-12-28T00:00:00Z"
+ },
+ format='json'
+ )
+ assert resp.status_code == 201
+ assert resp.data['location'] is None
+ with scopes_disabled():
+ program_time = ItemProgramTime.objects.get(pk=resp.data['id'])
+ assert str(program_time.location) == ""
+
+ resp = token_client.post(
+ '/api/v1/organizers/{}/events/{}/items/{}/program_times/'.format(organizer.slug, event.slug, item.pk),
+ {
+ "start": "2017-12-27T00:00:00Z",
+ "end": "2017-12-28T00:00:00Z",
+ "location": None
+ },
+ format='json'
+ )
+ assert resp.status_code == 201
+ assert resp.data['location'] is None
+ with scopes_disabled():
+ program_time = ItemProgramTime.objects.get(pk=resp.data['id'])
+ assert str(program_time.location) == ""
+
+
@pytest.mark.django_db
def test_program_times_update(token_client, organizer, event, item, program_time):
resp = token_client.patch(
diff --git a/src/tests/base/test_event_clone.py b/src/tests/base/test_event_clone.py
index 784bd079a..a003bf54e 100644
--- a/src/tests/base/test_event_clone.py
+++ b/src/tests/base/test_event_clone.py
@@ -82,7 +82,11 @@ def test_full_clone_same_organizer():
assert item1.meta_data
ItemProgramTime.objects.create(item=item1,
start=datetime.datetime(2017, 12, 27, 0, 0, 0, tzinfo=datetime.timezone.utc),
- end=datetime.datetime(2017, 12, 28, 0, 0, 0, tzinfo=datetime.timezone.utc))
+ end=datetime.datetime(2017, 12, 28, 0, 0, 0, tzinfo=datetime.timezone.utc),
+ location={
+ "en": "Testlocation",
+ "de": "Testort"
+ })
assert item1.program_times
item2 = event.items.create(category=category, tax_rule=tax_rule, name="T-shirt", default_price=15,
hidden_if_item_available=item1)
@@ -169,6 +173,7 @@ def test_full_clone_same_organizer():
assert copied_item1.meta_data == item1.meta_data
assert copied_item1.program_times.first().start == item1.program_times.first().start
assert copied_item1.program_times.first().end == item1.program_times.first().end
+ assert copied_item1.program_times.first().location == item1.program_times.first().location
assert copied_item2.variations.get().meta_data == item2v.meta_data
assert copied_item1.hidden_if_available == copied_q2
assert copied_item1.grant_membership_type == membership_type
diff --git a/src/tests/conftest.py b/src/tests/conftest.py
index 280b6aa55..aadca8109 100644
--- a/src/tests/conftest.py
+++ b/src/tests/conftest.py
@@ -27,7 +27,7 @@ from django.core.cache import cache
from django.test import override_settings
from django.utils import translation
from django_scopes import scopes_disabled
-from fakeredis import FakeConnection
+from fakeredis import FakeRedisConnection
from xdist.dsession import DSession
from pretix.testutils.mock import get_redis_connection
@@ -97,21 +97,21 @@ def fakeredis_client(monkeypatch):
'BACKEND': 'django.core.cache.backends.redis.RedisCache',
'LOCATION': f'redis://127.0.0.1:{redis_port}',
'OPTIONS': {
- 'connection_class': FakeConnection
+ 'connection_class': FakeRedisConnection
}
},
'redis_session': {
'BACKEND': 'django.core.cache.backends.redis.RedisCache',
'LOCATION': f'redis://127.0.0.1:{redis_port}',
'OPTIONS': {
- 'connection_class': FakeConnection
+ 'connection_class': FakeRedisConnection
}
},
'default': {
'BACKEND': 'django.core.cache.backends.redis.RedisCache',
'LOCATION': f'redis://127.0.0.1:{redis_port}',
'OPTIONS': {
- 'connection_class': FakeConnection
+ 'connection_class': FakeRedisConnection
}
},
}
diff --git a/src/tests/control/test_items.py b/src/tests/control/test_items.py
index d7d37eaaa..4d274e8ca 100644
--- a/src/tests/control/test_items.py
+++ b/src/tests/control/test_items.py
@@ -692,7 +692,8 @@ class ItemsTest(ItemFormTest):
self.item2.program_times.create(start=datetime.datetime(2017, 12, 27, 0, 0, 0,
tzinfo=datetime.timezone.utc),
end=datetime.datetime(2017, 12, 28, 0, 0, 0,
- tzinfo=datetime.timezone.utc))
+ tzinfo=datetime.timezone.utc),
+ location={"en": "Testlocation", "de": "Testort"})
doc = self.get_doc('/control/event/%s/%s/items/add?copy_from=%d' % (self.orga1.slug, self.event1.slug, self.item2.pk))
data = extract_form_fields(doc.select("form")[0])
@@ -723,6 +724,7 @@ class ItemsTest(ItemFormTest):
assert set([str(v.value) for v in i_new.variations.all()]) == set([str(v.value) for v in i_old.variations.all()])
assert i_old.program_times.first().start == i_new.program_times.first().start
assert i_old.program_times.first().end == i_new.program_times.first().end
+ assert i_old.program_times.first().location == i_new.program_times.first().location
def test_add_to_existing_quota(self):
with scopes_disabled():
diff --git a/src/tests/e2e/conftest.py b/src/tests/e2e/conftest.py
new file mode 100644
index 000000000..d09a151cc
--- /dev/null
+++ b/src/tests/e2e/conftest.py
@@ -0,0 +1,1257 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020 Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see .
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program. If not, see
+# Widget Test
+ Button Test
+ {button_text}
+ {script_tag}
+
+"""
+ resp = HttpResponse(html, content_type='text/html')
+ resp['Content-Security-Policy'] = "script-src * 'unsafe-inline' 'unsafe-eval'; style-src * 'unsafe-inline'"
+ return resp
+
+ # Add URL patterns
+ test_pattern = path(
+ 'widget-test///',
+ WidgetTestView.as_view()
+ )
+ button_pattern = path(
+ 'button-test///',
+ ButtonTestView.as_view()
+ )
+
+ # Insert at beginning of URL patterns
+ if hasattr(urls, 'urlpatterns'):
+ urls.urlpatterns.insert(0, test_pattern)
+ urls.urlpatterns.insert(0, button_pattern)
diff --git a/src/tests/e2e/test_widget_button.py b/src/tests/e2e/test_widget_button.py
new file mode 100644
index 000000000..a4465c90c
--- /dev/null
+++ b/src/tests/e2e/test_widget_button.py
@@ -0,0 +1,94 @@
+#
+# This file is part of pretix (Community Edition).
+#
+# Copyright (C) 2014-2020 Raphael Michel and contributors
+# Copyright (C) 2020-today pretix GmbH and contributors
+#
+# This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
+# Public License as published by the Free Software Foundation in version 3 of the License.
+#
+# ADDITIONAL TERMS APPLY: Pursuant to Section 7 of the GNU Affero General Public License, additional terms are
+# applicable granting you additional permissions and placing additional restrictions on your usage of this software.
+# Please refer to the pretix LICENSE file to obtain the full terms applicable to this work. If you did not receive
+# this file, see .
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program. If not, see
+# .
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program. If not, see
+# .
+#
+# This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
+# warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+# details.
+#
+# You should have received a copy of the GNU Affero General Public License along with this program. If not, see
+# } {
+ let manifestFiles: string[] = []
+ try {
+ const raw = execSync(`python -c "
+import importlib_metadata as metadata, json, pathlib, tomllib
+result = []
+for ep in metadata.entry_points(group='pretix.plugin'):
+ dist = ep.dist
+ if not dist: continue
+ try:
+ url_info = json.loads(dist.read_text('direct_url.json') or '{}')
+ if not url_info.get('dir_info', {}).get('editable'):
+ continue # non-editable plugins build their own assets
+ p = pathlib.Path(url_info['url'].replace('file://', '')) / 'pretixplugin.toml'
+ if not p.exists():
+ continue
+ with p.open('rb') as f:
+ if 'vite' in tomllib.load(f):
+ result.append(str(p))
+ except Exception:
+ pass
+print(json.dumps(result))
+"`, { stdio: ['pipe', 'pipe', 'inherit'] }).toString().trim()
+ manifestFiles = JSON.parse(raw)
+ } catch (error) {
+ console.error('Failed to discover pretix plugins, skipping plugin entries:', error)
+ }
+ const entries: Record = {}
+ for (const manifestFile of manifestFiles) {
+ const packageRoot = manifestFile.replace(/[/\\]pretixplugin\.toml$/, '')
+ const parsed = parseToml(readFileSync(manifestFile, 'utf8')) as {
+ vite: { entries: Record }
+ }
+ for (const [name, rel] of Object.entries(parsed.vite.entries)) {
+ entries[name] = path.join(packageRoot, rel)
+ }
+ }
+ return { entries }
+}
+
+// In dev mode, the browser requests /{entryName} from the Vite dev server.
+// Vite can't find these files since they live outside the project root.
+// This plugin rewrites those URLs to /@fs{absPath} so Vite serves them directly.
+function pretixPluginDevEntries (): Plugin {
+ return {
+ name: 'pretix-plugin-dev-entries',
+ configureServer (server) {
+ server.middlewares.use((req, _res, next) => {
+ const urlPath = req.url?.split('?')[0]
+ if (urlPath) {
+ const name = urlPath.slice(1) // strip leading /
+ if (name in pretixPluginEntries)
+ req.url = `/@fs${pretixPluginEntries[name]}`
+ }
+ next()
+ })
+ },
+ }
+}