diff --git a/eslint.config.mjs b/eslint.config.mjs
index cf85b9cbe..8c047a197 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -8,7 +8,64 @@ import vuePug from 'eslint-plugin-vue-pug'
 
 const ignores = globalIgnores([
 	'**/node_modules',
-	'**/dist'
+	'**/dist',
+	// Vendored code
+	'src/pretix/static/leaflet',
+	'src/pretix/static/clipboard',
+	'src/pretix/static/cropper',
+	'src/pretix/static/lightbox',
+	'src/pretix/static/are-you-sure',
+	'src/pretix/static/vuejs',
+	'src/pretix/static/fontawesome',
+	'src/pretix/static/typeahead',
+	'src/pretix/static/moment',
+	'src/pretix/static/pdfjs',
+	'src/pretix/static/sortable',
+	'src/pretix/static/iframeresizer',
+	'src/pretix/static/bootstrap',
+	'src/pretix/static/d3',
+	'src/pretix/static/jsi18n',
+	'src/pretix/static/fabric',
+	'src/pretix/static/datetimepicker',
+	'src/pretix/static/charts',
+	'src/pretix/static/fileupload',
+	'src/pretix/static/seating',
+	'src/pretix/static/rest_framework',
+	'src/pretix/static/select2',
+	'src/pretix/static/schema',
+	'src/pretix/static/slider',
+	'src/pretix/static/jquery',
+	'src/pretix/static/colorpicker',
+	'src/pretix/static/rrule',
+	'src/pretix/static/pretixcontrol/js/jquery.qrcode.min.js',
+	'src/pretix/static/pretixpresale/js/widget/docready.js',
+	// Pre-vue JS code
+	'src/pretix/static/pretixbase/js/addressform.js',
+	'src/pretix/static/pretixbase/js/asynctask.js',
+	'src/pretix/static/pretixbase/js/details.js',
+	'src/pretix/static/pretixbase/js/gettextstub.js',
+	'src/pretix/static/pretixbase/js/i18nstring.js',
+	'src/pretix/static/pretixcontrol/js/menu.js',
+	'src/pretix/static/pretixcontrol/js/ui/editor.js',
+	'src/pretix/static/pretixcontrol/js/ui/geo.js',
+	'src/pretix/static/pretixcontrol/js/ui/main.js',
+	'src/pretix/static/pretixcontrol/js/ui/plugins.js',
+	'src/pretix/static/pretixcontrol/js/ui/subevent.js',
+	'src/pretix/static/pretixcontrol/js/ui/variations.js',
+	'src/pretix/static/pretixcontrol/js/ui/webauthn.js',
+	'src/pretix/static/pretixpresale/js/ui/cart.js',
+	'src/pretix/static/pretixpresale/js/ui/main.js',
+	'src/pretix/static/pretixpresale/js/ui/questions.js',
+	'src/pretix/static/pretixpresale/js/widget/floatformat.js',
+	'src/pretix/static/pretixpresale/js/widget/widget.js',
+	'src/pretix/plugins/banktransfer/static',
+	'src/pretix/plugins/paypal2/static',
+	'src/pretix/plugins/statistics/static',
+	'src/pretix/plugins/stripe/static',
+	// Plugin checkouts
+	'local',
+	// docs
+	'doc',
 ])
 
 export default defineConfig([
diff --git a/src/pretix/plugins/banktransfer/static/pretixplugins/banktransfer/ui.js b/src/pretix/plugins/banktransfer/static/pretixplugins/banktransfer/ui.js
index 91c0ec967..4bc283f1f 100644
--- a/src/pretix/plugins/banktransfer/static/pretixplugins/banktransfer/ui.js
+++ b/src/pretix/plugins/banktransfer/static/pretixplugins/banktransfer/ui.js
@@ -1,183 +1,183 @@
-/*global $, gettext*/
+/* global gettext */
 var bankimport_transactionlist = {
 
-    _btn_click: function (e) {
-        console.log(e.delegateTarget);
-        var trans_id = parseInt($(e.delegateTarget).attr("name").split("_")[1]);
-        var value = $(e.delegateTarget).val();
-        if (value === "discard") {
-            bankimport_transactionlist.discard(trans_id);
-        } else if (value === "accept") {
-            bankimport_transactionlist.accept(trans_id);
-        } else if (value === "retry") {
-            bankimport_transactionlist.retry(trans_id);
-        } else if (value === "assign") {
-            bankimport_transactionlist.assign(trans_id);
-        }
-        return false;
-    },
+	_btn_click: function (e) {
+		console.log(e.delegateTarget)
+		let trans_id = parseInt($(e.delegateTarget).attr('name').split('_')[1])
+		let value = $(e.delegateTarget).val()
+		if (value === 'discard') {
+			bankimport_transactionlist.discard(trans_id)
+		} else if (value === 'accept') {
+			bankimport_transactionlist.accept(trans_id)
+		} else if (value === 'retry') {
+			bankimport_transactionlist.retry(trans_id)
+		} else if (value === 'assign') {
+			bankimport_transactionlist.assign(trans_id)
+		}
+		return false
+	},
 
-    _action: function (id, action, success) {
-        $("tr[data-id=" + id + "] button").prop("disabled", true);
-        var data = {
-            "csrfmiddlewaretoken": $("[name=csrfmiddlewaretoken]").val()
-        };
-        data["action_" + id] = action;
-        $.ajax({
-            "method": "POST",
-            "url": $(".transaction-list").attr("data-url"),
-            "data": data,
-            "dataType": "json",
-            "success": function (data) {
-                if (data.status == "ok") {
-                    $("tr[data-id=" + id + "]").removeClass("has-error");
-                    if (data.comment) {
-                        bankimport_transactionlist.comment_reset_to_text(id, data.comment, data.plain);
-                    }
-                    success();
-                } else {
-                    $("tr[data-id=" + id + "] button").prop("disabled", false);
-                    $("tr[data-id=" + id + "] .help-block").remove();
-                    $("tr[data-id=" + id + "]").addClass("has-error");
-                    $("<p>").addClass("help-block").text(data.message).appendTo($("tr[data-id=" + id + "] td.actions"));
-                }
-            }
-        });
-    },
+	_action: function (id, action, success) {
+		$('tr[data-id=' + id + '] button').prop('disabled', true)
+		let data = {
+			csrfmiddlewaretoken: $('[name=csrfmiddlewaretoken]').val()
+		}
+		data['action_' + id] = action
+		$.ajax({
+			method: 'POST',
+			url: $('.transaction-list').attr('data-url'),
+			data: data,
+			dataType: 'json',
+			success: function (data) {
+				if (data.status == 'ok') {
+					$('tr[data-id=' + id + ']').removeClass('has-error')
+					if (data.comment) {
+						bankimport_transactionlist.comment_reset_to_text(id, data.comment, data.plain)
+					}
+					success()
+				} else {
+					$('tr[data-id=' + id + '] button').prop('disabled', false)
+					$('tr[data-id=' + id + '] .help-block').remove()
+					$('tr[data-id=' + id + ']').addClass('has-error')
+					$('<p>').addClass('help-block').text(data.message).appendTo($('tr[data-id=' + id + '] td.actions'))
+				}
+			}
+		})
+	},
 
-    discard: function (id) {
-        bankimport_transactionlist._action(id, "discard", function () {
-            $("tr[data-id=" + id + "] td").remove();
-        });
-    },
+	discard: function (id) {
+		bankimport_transactionlist._action(id, 'discard', function () {
+			$('tr[data-id=' + id + '] td').remove()
+		})
+	},
 
-    retry: function (id) {
-        bankimport_transactionlist._action(id, "retry", function () {
-            $("tr[data-id=" + id + "] td.actions").html('').text(gettext("Marked as paid"));
-        });
-    },
+	retry: function (id) {
+		bankimport_transactionlist._action(id, 'retry', function () {
+			$('tr[data-id=' + id + '] td.actions').html('').text(gettext('Marked as paid'))
+		})
+	},
 
-    accept: function (id) {
-        bankimport_transactionlist._action(id, "accept", function () {
-            $("tr[data-id=" + id + "] td.actions").html('').text(gettext("Marked as paid"));
-        });
-    },
+	accept: function (id) {
+		bankimport_transactionlist._action(id, 'accept', function () {
+			$('tr[data-id=' + id + '] td.actions').html('').text(gettext('Marked as paid'))
+		})
+	},
 
-    assign: function (id) {
-        bankimport_transactionlist._action(id, "assign:" + $("tr[data-id=" + id + "] input.form-control:not(.tt-hint)").val(), function () {
-            $("tr[data-id=" + id + "] td.actions").html('').text(gettext("Marked as paid"));
-        });
-    },
+	assign: function (id) {
+		bankimport_transactionlist._action(id, 'assign:' + $('tr[data-id=' + id + '] input.form-control:not(.tt-hint)').val(), function () {
+			$('tr[data-id=' + id + '] td.actions').html('').text(gettext('Marked as paid'))
+		})
+	},
 
-    comment_reset_to_text: function (id, text, plain) {
-        var $box = $("tr[data-id=" + id + "] .comment-box");
-        $box[0].dataset["plain"] = plain;
-        $box.html("")
-            .append($("<strong>").text(gettext("Comment:")))
-            .append(" ")
-            .append($("<span>").addClass("comment").append(" ").append(text))
-            .append(" ")
-            .append($("<a>").addClass("comment-modify btn btn-default btn-xs")
-                        .append("<span class='fa fa-edit'></span>"));
-    },
+	comment_reset_to_text: function (id, text, plain) {
+		let $box = $('tr[data-id=' + id + '] .comment-box')
+		$box[0].dataset['plain'] = plain
+		$box.html('')
+			.append($('<strong>').text(gettext('Comment:')))
+			.append(' ')
+			.append($('<span>').addClass('comment').append(' ').append(text))
+			.append(' ')
+			.append($('<a>').addClass('comment-modify btn btn-default btn-xs')
+				.append('<span class=\'fa fa-edit\'></span>'))
+	},
 
-    comment_start_edit: function (e) {
-        var $box = $(e.target).closest("div");
-        var id = $box.closest("tr").attr("data-id");
-        var $inp = $("<textarea>").addClass("form-control");
-        var orig_rendered = $box.find(".comment");
-        var orig_text = $box[0].dataset.plain;
-        $inp.val(orig_text);
+	comment_start_edit: function (e) {
+		let $box = $(e.target).closest('div')
+		let id = $box.closest('tr').attr('data-id')
+		let $inp = $('<textarea>').addClass('form-control')
+		let orig_rendered = $box.find('.comment')
+		let orig_text = $box[0].dataset.plain
+		$inp.val(orig_text)
 
-        var $btngrp = $("<div>");
-        $btngrp.addClass("btn-group");
-        var $btn1 = $("<button>");
-        $btn1.attr("type", "button").addClass("btn btn-default");
-        $btn1.append("<span class='fa fa-check'></span>");
-        $btngrp.append($btn1);
-        var $btn2 = $("<button>");
-        $btn2.attr("type", "button").addClass("btn btn-default");
-        $btn2.append("<span class='fa fa-close'></span>");
-        $btngrp.append($btn2);
-        $box.html("").append($inp).append($btngrp);
-        $btn1.click(function () {
-            var text = $box.find("textarea").val();
-            $box.find("input, textarea, button").prop("disabled", true);
-            bankimport_transactionlist._action(id, "comment:" + text, function () {
-                $("tr[data-id=" + id + "] button").prop("disabled", false);
-            });
-        });
-        $btn2.click(function () {
-            bankimport_transactionlist.comment_reset_to_text(id, orig_rendered, orig_text);
-        });
+		let $btngrp = $('<div>')
+		$btngrp.addClass('btn-group')
+		let $btn1 = $('<button>')
+		$btn1.attr('type', 'button').addClass('btn btn-default')
+		$btn1.append('<span class=\'fa fa-check\'></span>')
+		$btngrp.append($btn1)
+		let $btn2 = $('<button>')
+		$btn2.attr('type', 'button').addClass('btn btn-default')
+		$btn2.append('<span class=\'fa fa-close\'></span>')
+		$btngrp.append($btn2)
+		$box.html('').append($inp).append($btngrp)
+		$btn1.click(function () {
+			let text = $box.find('textarea').val()
+			$box.find('input, textarea, button').prop('disabled', true)
+			bankimport_transactionlist._action(id, 'comment:' + text, function () {
+				$('tr[data-id=' + id + '] button').prop('disabled', false)
+			})
+		})
+		$btn2.click(function () {
+			bankimport_transactionlist.comment_reset_to_text(id, orig_rendered, orig_text)
+		})
 
-        e.preventDefault();
-    },
+		e.preventDefault()
+	},
 
-    typeahead_source: function () {
-        return new Bloodhound({
-            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
-            queryTokenizer: Bloodhound.tokenizers.whitespace,
-            remote: {
-                url: $(".transaction-list").attr("data-url"),
-                prepare: function (query, settings) {
-                    settings.url = settings.url + '?query=' + encodeURIComponent(query);
-                    return settings;
-                },
-                transform: function (object) {
-                    var results = object.results;
-                    var suggs = [];
-                    var reslen = results.length;
-                    for (var i = 0; i < reslen; i++) {
-                        suggs.push(results[i]);
-                    }
-                    return suggs;
-                }
-            }
-        });
-    },
+	typeahead_source: function () {
+		return new Bloodhound({
+			datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
+			queryTokenizer: Bloodhound.tokenizers.whitespace,
+			remote: {
+				url: $('.transaction-list').attr('data-url'),
+				prepare: function (query, settings) {
+					settings.url = settings.url + '?query=' + encodeURIComponent(query)
+					return settings
+				},
+				transform: function (object) {
+					let results = object.results
+					let suggs = []
+					let reslen = results.length
+					for (let i = 0; i < reslen; i++) {
+						suggs.push(results[i])
+					}
+					return suggs
+				}
+			}
+		})
+	},
 
-    init: function () {
-        if ($(".transaction-list").length) {
-            $(".transaction-list button").click(bankimport_transactionlist._btn_click);
+	init: function () {
+		if ($('.transaction-list').length) {
+			$('.transaction-list button').click(bankimport_transactionlist._btn_click)
 
-            $(".transaction-list").on("click", ".comment-modify", bankimport_transactionlist.comment_start_edit);
+			$('.transaction-list').on('click', '.comment-modify', bankimport_transactionlist.comment_start_edit)
 
-            $(".transaction-list .form-control").typeahead(null, {
-                minLength: 2,
-                name: 'order-dataset',
-                source: bankimport_transactionlist.typeahead_source(),
-                display: function (obj) {
-                    return obj.code;
-                },
-                templates: {
-                    suggestion: function (obj) {
-                        return '<div>' + obj.code + ' (' + obj.total + ', ' + obj.status + ')</div>';
-                    }
-                }
-            }).keypress(function (e) {
-                if (e.keyCode === 13) {
-                    $(this).parent().parent().find("button[value=assign]").click();
-                }
-            });
-        }
+			$('.transaction-list .form-control').typeahead(null, {
+				minLength: 2,
+				name: 'order-dataset',
+				source: bankimport_transactionlist.typeahead_source(),
+				display: function (obj) {
+					return obj.code
+				},
+				templates: {
+					suggestion: function (obj) {
+						return '<div>' + obj.code + ' (' + obj.total + ', ' + obj.status + ')</div>'
+					}
+				}
+			}).keypress(function (e) {
+				if (e.keyCode === 13) {
+					$(this).parent().parent().find('button[value=assign]').click()
+				}
+			})
+		}
 
-        if ($("[data-job-waiting]").length) {
-            window.setTimeout(bankimport_transactionlist.check_state, 750);
-        }
-    },
+		if ($('[data-job-waiting]').length) {
+			window.setTimeout(bankimport_transactionlist.check_state, 750)
+		}
+	},
 
-    check_state: function () {
-        $.getJSON($("[data-job-waiting-url]").attr("data-job-waiting-url"), function (data) {
-            if (data.state == 'running' || data.state == 'pending') {
-                window.setTimeout(bankimport_transactionlist.check_state, 750);
-            } else {
-                location.reload();
-            }
-        });
-    }
-};
+	check_state: function () {
+		$.getJSON($('[data-job-waiting-url]').attr('data-job-waiting-url'), function (data) {
+			if (data.state == 'running' || data.state == 'pending') {
+				window.setTimeout(bankimport_transactionlist.check_state, 750)
+			} else {
+				location.reload()
+			}
+		})
+	}
+}
 
 $(function () {
-    bankimport_transactionlist.init();
-});
+	bankimport_transactionlist.init()
+})
diff --git a/src/pretix/plugins/paypal2/static/pretixplugins/paypal2/pretix-paypal.js b/src/pretix/plugins/paypal2/static/pretixplugins/paypal2/pretix-paypal.js
index e5864f60a..960ea6787 100644
--- a/src/pretix/plugins/paypal2/static/pretixplugins/paypal2/pretix-paypal.js
+++ b/src/pretix/plugins/paypal2/static/pretixplugins/paypal2/pretix-paypal.js
@@ -1,350 +1,350 @@
-/*global $, paypal_client_id, paypal_loadingmessage, gettext */
-'use strict';
+/* global paypal_client_id, paypal_loadingmessage, gettext */
+'use strict'
 
 var pretixpaypal = {
-    paypal: null,
-    client_id: null,
-    order_id: null,
-    payer_id: null,
-    merchant_id: null,
-    currency: null,
-    method: null,
-    additional_disabled_funding: null,
-    additional_enabled_funding: null,
-    debug_buyer_country: null,
-    continue_button: null,
-    paypage: false,
-    method_map: {
-        wallet: {
-            method: 'wallet',
-            funding_source: 'paypal',
-            //disable_funding: null,
-            //enable_funding: 'paylater',
-            early_auth: true,
-        },
-        apm: {
-            method: 'apm',
-            funding_source: null,
-            //disable_funding: null,
-            //enable_funding: null,
-            early_auth: false,
-        }
-    },
-    apm_map: {
-        paypal: gettext('PayPal'),
-        venmo: gettext('Venmo'),
-        applepay: gettext('Apple Pay'),
-        itau: gettext('Itaú'),
-        credit: gettext('PayPal Credit'),
-        card: gettext('Credit Card'),
-        paylater: gettext('PayPal Pay Later'),
-        ideal: gettext('iDEAL | Wero'),
-        sepa: gettext('SEPA Direct Debit'),
-        bancontact: gettext('Bancontact'),
-        giropay: gettext('giropay'),
-        sofort: gettext('SOFORT'),
-        eps: gettext('eps'),
-        mybank: gettext('MyBank'),
-        p24: gettext('Przelewy24'),
-        verkkopankki: gettext('Verkkopankki'),
-        payu: gettext('PayU'),
-        blik: gettext('BLIK'),
-        trustly: gettext('Trustly'),
-        zimpler: gettext('Zimpler'),
-        maxima: gettext('Maxima'),
-        oxxo: gettext('OXXO'),
-        boleto: gettext('Boleto'),
-        wechatpay: gettext('WeChat Pay'),
-        mercadopago: gettext('Mercado Pago')
-    },
-    readyToSubmitApproval: false,
+	paypal: null,
+	client_id: null,
+	order_id: null,
+	payer_id: null,
+	merchant_id: null,
+	currency: null,
+	method: null,
+	additional_disabled_funding: null,
+	additional_enabled_funding: null,
+	debug_buyer_country: null,
+	continue_button: null,
+	paypage: false,
+	method_map: {
+		wallet: {
+			method: 'wallet',
+			funding_source: 'paypal',
+			// disable_funding: null,
+			// enable_funding: 'paylater',
+			early_auth: true,
+		},
+		apm: {
+			method: 'apm',
+			funding_source: null,
+			// disable_funding: null,
+			// enable_funding: null,
+			early_auth: false,
+		}
+	},
+	apm_map: {
+		paypal: gettext('PayPal'),
+		venmo: gettext('Venmo'),
+		applepay: gettext('Apple Pay'),
+		itau: gettext('Itaú'),
+		credit: gettext('PayPal Credit'),
+		card: gettext('Credit Card'),
+		paylater: gettext('PayPal Pay Later'),
+		ideal: gettext('iDEAL | Wero'),
+		sepa: gettext('SEPA Direct Debit'),
+		bancontact: gettext('Bancontact'),
+		giropay: gettext('giropay'),
+		sofort: gettext('SOFORT'),
+		eps: gettext('eps'),
+		mybank: gettext('MyBank'),
+		p24: gettext('Przelewy24'),
+		verkkopankki: gettext('Verkkopankki'),
+		payu: gettext('PayU'),
+		blik: gettext('BLIK'),
+		trustly: gettext('Trustly'),
+		zimpler: gettext('Zimpler'),
+		maxima: gettext('Maxima'),
+		oxxo: gettext('OXXO'),
+		boleto: gettext('Boleto'),
+		wechatpay: gettext('WeChat Pay'),
+		mercadopago: gettext('Mercado Pago')
+	},
+	readyToSubmitApproval: false,
 
-    load: function () {
-        if (pretixpaypal.paypal === null) {
-            pretixpaypal.client_id = $.trim($("#paypal_client_id").html());
-            pretixpaypal.merchant_id = $.trim($("#paypal_merchant_id").html());
-            pretixpaypal.debug_buyer_country = $.trim($("#paypal_buyer_country").html());
-            pretixpaypal.continue_button = $('.checkout-button-row').closest("form").find(".checkout-button-row .btn-primary");
-            pretixpaypal.continue_button.closest('div').append('<div id="paypal-button-container"></div>');
-            pretixpaypal.additional_disabled_funding = $.trim($("#paypal_disable_funding").html());
-            pretixpaypal.additional_enabled_funding = $.trim($("#paypal_enable_funding").html());
-            pretixpaypal.paypage = Boolean($('#paypal-button-container').data('paypage'));
-            pretixpaypal.order_id = $.trim($("#paypal_oid").html());
-            pretixpaypal.currency = $("body").attr("data-currency");
-            pretixpaypal.locale = this.guessLocale();
-        }
+	load: function () {
+		if (pretixpaypal.paypal === null) {
+			pretixpaypal.client_id = $.trim($('#paypal_client_id').html())
+			pretixpaypal.merchant_id = $.trim($('#paypal_merchant_id').html())
+			pretixpaypal.debug_buyer_country = $.trim($('#paypal_buyer_country').html())
+			pretixpaypal.continue_button = $('.checkout-button-row').closest('form').find('.checkout-button-row .btn-primary')
+			pretixpaypal.continue_button.closest('div').append('<div id="paypal-button-container"></div>')
+			pretixpaypal.additional_disabled_funding = $.trim($('#paypal_disable_funding').html())
+			pretixpaypal.additional_enabled_funding = $.trim($('#paypal_enable_funding').html())
+			pretixpaypal.paypage = Boolean($('#paypal-button-container').data('paypage'))
+			pretixpaypal.order_id = $.trim($('#paypal_oid').html())
+			pretixpaypal.currency = $('body').attr('data-currency')
+			pretixpaypal.locale = this.guessLocale()
+		}
 
-        $("input[name=payment][value^='paypal']").change(function () {
-            if (pretixpaypal.paypal !== null) {
-                pretixpaypal.renderButton($(this).val());
-            } else {
-                pretixpaypal.continue_button.prop("disabled", true);
-            }
-        });
+		$('input[name=payment][value^=\'paypal\']').change(function () {
+			if (pretixpaypal.paypal !== null) {
+				pretixpaypal.renderButton($(this).val())
+			} else {
+				pretixpaypal.continue_button.prop('disabled', true)
+			}
+		})
 
-        $("input[name=payment]").not("[value^='paypal']").change(function () {
-            pretixpaypal.restore();
-        });
+		$('input[name=payment]').not('[value^=\'paypal\']').change(function () {
+			pretixpaypal.restore()
+		})
 
-        // If paypal is pre-selected, we must disable the continue button and handle it after SDK is loaded
-        if ($("input[name=payment][value^='paypal']").is(':checked')) {
-            pretixpaypal.continue_button.prop("disabled", true);
-        }
+		// If paypal is pre-selected, we must disable the continue button and handle it after SDK is loaded
+		if ($('input[name=payment][value^=\'paypal\']').is(':checked')) {
+			pretixpaypal.continue_button.prop('disabled', true)
+		}
 
-        // We are setting the cogwheel already here, as the renderAPM() method might take some time to get loaded.
-        const apmtextselector = $("input[name=payment][value=paypal_apm]").closest("label").find(".accordion-label-text");
-        apmtextselector.append(' <span aria-hidden="true" class="fa fa-cog fa-spin"></span>');
+		// We are setting the cogwheel already here, as the renderAPM() method might take some time to get loaded.
+		const apmtextselector = $('input[name=payment][value=paypal_apm]').closest('label').find('.accordion-label-text')
+		apmtextselector.append(' <span aria-hidden="true" class="fa fa-cog fa-spin"></span>')
 
-        let sdk_url = 'https://www.paypal.com/sdk/js' +
-            '?client-id=' + pretixpaypal.client_id +
-            '&components=buttons,funding-eligibility' +
-            '&currency=' + pretixpaypal.currency;
+		let sdk_url = 'https://www.paypal.com/sdk/js'
+			+ '?client-id=' + pretixpaypal.client_id
+			+ '&components=buttons,funding-eligibility'
+			+ '&currency=' + pretixpaypal.currency
 
-        if (pretixpaypal.locale) {
-            sdk_url += '&locale=' + pretixpaypal.locale;
-        }
+		if (pretixpaypal.locale) {
+			sdk_url += '&locale=' + pretixpaypal.locale
+		}
 
-        if (pretixpaypal.merchant_id) {
-            sdk_url += '&merchant-id=' + pretixpaypal.merchant_id;
-        }
+		if (pretixpaypal.merchant_id) {
+			sdk_url += '&merchant-id=' + pretixpaypal.merchant_id
+		}
 
-        if (pretixpaypal.additional_disabled_funding) {
-            sdk_url += '&disable-funding=' + [pretixpaypal.additional_disabled_funding].filter(Boolean).join(',');
-        }
+		if (pretixpaypal.additional_disabled_funding) {
+			sdk_url += '&disable-funding=' + [pretixpaypal.additional_disabled_funding].filter(Boolean).join(',')
+		}
 
-        if (pretixpaypal.additional_enabled_funding) {
-            sdk_url += '&enable-funding=' + [pretixpaypal.additional_enabled_funding].filter(Boolean).join(',');
-        }
+		if (pretixpaypal.additional_enabled_funding) {
+			sdk_url += '&enable-funding=' + [pretixpaypal.additional_enabled_funding].filter(Boolean).join(',')
+		}
 
-        if (pretixpaypal.debug_buyer_country) {
-            sdk_url += '&buyer-country=' + pretixpaypal.debug_buyer_country;
-        }
+		if (pretixpaypal.debug_buyer_country) {
+			sdk_url += '&buyer-country=' + pretixpaypal.debug_buyer_country
+		}
 
-        let ppscript = document.createElement('script');
-        let ready = false;
-        let head = document.getElementsByTagName("head")[0];
-        ppscript.setAttribute('src', sdk_url);
-        ppscript.setAttribute('data-csp-nonce', $.trim($("#csp_nonce").html()));
-        ppscript.setAttribute('data-page-type', 'checkout');
-        ppscript.setAttribute('data-partner-attribution-id', 'ramiioGmbH_Cart_PPCP');
-        document.head.appendChild(ppscript);
+		let ppscript = document.createElement('script')
+		let ready = false
+		let head = document.getElementsByTagName('head')[0]
+		ppscript.setAttribute('src', sdk_url)
+		ppscript.setAttribute('data-csp-nonce', $.trim($('#csp_nonce').html()))
+		ppscript.setAttribute('data-page-type', 'checkout')
+		ppscript.setAttribute('data-partner-attribution-id', 'ramiioGmbH_Cart_PPCP')
+		document.head.appendChild(ppscript)
 
-        ppscript.onload = ppscript.onreadystatechange = function () {
-            if (!ready && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
-                ready = true;
+		ppscript.onload = ppscript.onreadystatechange = function () {
+			if (!ready && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {
+				ready = true
 
-                pretixpaypal.paypal = paypal;
+				pretixpaypal.paypal = paypal
 
-                // Handle memory leak in IE
-                ppscript.onload = ppscript.onreadystatechange = null;
-                if (head && ppscript.parentNode) {
-                    head.removeChild(ppscript);
-                }
-            }
-        };
+				// Handle memory leak in IE
+				ppscript.onload = ppscript.onreadystatechange = null
+				if (head && ppscript.parentNode) {
+					head.removeChild(ppscript)
+				}
+			}
+		}
 
-        document.addEventListener("visibilitychange", this.onApproveSubmit);
-    },
+		document.addEventListener('visibilitychange', this.onApproveSubmit)
+	},
 
-    ready: function () {
-        if ($("input[name=payment][value=paypal_apm]").length > 0) {
-            pretixpaypal.renderAPMs();
-        }
+	ready: function () {
+		if ($('input[name=payment][value=paypal_apm]').length > 0) {
+			pretixpaypal.renderAPMs()
+		}
 
-        if ($("input[name=payment][value^='paypal']").is(':checked')) {
-            pretixpaypal.renderButton($("input[name=payment][value^='paypal']:checked").val());
-        } else if ($(".payment-redo-form").length) {
-            pretixpaypal.renderButton($("input[name=payment][value^='paypal']").val());
-        } else if ($('#paypal-button-container').data('paypage')) {
-            pretixpaypal.renderButton('paypal_apm');
-        }
-    },
+		if ($('input[name=payment][value^=\'paypal\']').is(':checked')) {
+			pretixpaypal.renderButton($('input[name=payment][value^=\'paypal\']:checked').val())
+		} else if ($('.payment-redo-form').length) {
+			pretixpaypal.renderButton($('input[name=payment][value^=\'paypal\']').val())
+		} else if ($('#paypal-button-container').data('paypage')) {
+			pretixpaypal.renderButton('paypal_apm')
+		}
+	},
 
-    restore: function () {
-        // if PayPal has not been initialized, there shouldn't be anything to cleanup
-        if (pretixpaypal.paypal !== null) {
-            $('#paypal-button-container').empty()
-            pretixpaypal.continue_button.text(gettext('Continue'));
-            pretixpaypal.continue_button.show();
-        }
-        pretixpaypal.continue_button.prop("disabled", false);
-    },
+	restore: function () {
+		// if PayPal has not been initialized, there shouldn't be anything to cleanup
+		if (pretixpaypal.paypal !== null) {
+			$('#paypal-button-container').empty()
+			pretixpaypal.continue_button.text(gettext('Continue'))
+			pretixpaypal.continue_button.show()
+		}
+		pretixpaypal.continue_button.prop('disabled', false)
+	},
 
-    renderButton: function (method) {
-        if (method === 'paypal') {
-            method = "wallet"
-        } else {
-            method = method.split('paypal_').at(-1)
-        }
-        pretixpaypal.method = pretixpaypal.method_map[method];
+	renderButton: function (method) {
+		if (method === 'paypal') {
+			method = 'wallet'
+		} else {
+			method = method.split('paypal_').at(-1)
+		}
+		pretixpaypal.method = pretixpaypal.method_map[method]
 
-        if (pretixpaypal.method.method === 'apm' && !pretixpaypal.paypage) {
-            pretixpaypal.restore();
-            return;
-        }
+		if (pretixpaypal.method.method === 'apm' && !pretixpaypal.paypage) {
+			pretixpaypal.restore()
+			return
+		}
 
-        $('#paypal-button-container').empty()
-        $('#paypal-card-container').empty()
+		$('#paypal-button-container').empty()
+		$('#paypal-card-container').empty()
 
-        let button = pretixpaypal.paypal.Buttons({
-            fundingSource: pretixpaypal.method.funding_source,
-            style: {
-                layout: pretixpaypal.method.early_auth ? 'horizontal' : 'vertical',
-                //color: 'white',
-                shape: 'rect',
-                label: 'pay',
-                tagline: false
-            },
-            createOrder: function (data, actions) {
-                if (pretixpaypal.order_id) {
-                    return pretixpaypal.order_id;
-                }
+		let button = pretixpaypal.paypal.Buttons({
+			fundingSource: pretixpaypal.method.funding_source,
+			style: {
+				layout: pretixpaypal.method.early_auth ? 'horizontal' : 'vertical',
+				// color: 'white',
+				shape: 'rect',
+				label: 'pay',
+				tagline: false
+			},
+			createOrder: function (data, actions) {
+				if (pretixpaypal.order_id) {
+					return pretixpaypal.order_id
+				}
 
-                // On the paypal:pay view, we already pregenerated the OID.
-                // Since this view is also only used for APMs, we only need the XHR-calls for the Smart Payment Buttons.
-                if (pretixpaypal.paypage) {
-                    return $("#payment_paypal_" + pretixpaypal.method.method + "_oid");
-                } else {
-                    var xhrurl = $("#payment_paypal_" + pretixpaypal.method.method + "_xhr").val();
-                }
+				// On the paypal:pay view, we already pregenerated the OID.
+				// Since this view is also only used for APMs, we only need the XHR-calls for the Smart Payment Buttons.
+				if (pretixpaypal.paypage) {
+					return $('#payment_paypal_' + pretixpaypal.method.method + '_oid')
+				} else {
+					var xhrurl = $('#payment_paypal_' + pretixpaypal.method.method + '_xhr').val()
+				}
 
-                return fetch(xhrurl, {
-                    method: 'POST'
-                }).then(function (res) {
-                    return res.json();
-                }).then(function (data) {
-                    if ('id' in data) {
-                        return data.id;
-                    } else {
-                        // Refreshing the page to surface the request-error message
-                        location.reload();
-                    }
-                });
-            },
-            onApprove: function (data, actions) {
-                waitingDialog.show(gettext("Confirming your payment …"));
-                pretixpaypal.order_id = data.orderID;
-                pretixpaypal.payer_id = data.payerID;
+				return fetch(xhrurl, {
+					method: 'POST'
+				}).then(function (res) {
+					return res.json()
+				}).then(function (data) {
+					if ('id' in data) {
+						return data.id
+					} else {
+						// Refreshing the page to surface the request-error message
+						location.reload()
+					}
+				})
+			},
+			onApprove: function (data, actions) {
+				waitingDialog.show(gettext('Confirming your payment …'))
+				pretixpaypal.order_id = data.orderID
+				pretixpaypal.payer_id = data.payerID
 
-                let method = pretixpaypal.paypage ? "wallet" : pretixpaypal.method.method;
-                let selectorstub = "#payment_paypal_" + method;
-                // Insert the tokens into the form, so it gets submitted to the server
-                $(selectorstub + "_oid").val(pretixpaypal.order_id);
-                $(selectorstub + "_payer").val(pretixpaypal.payer_id);
+				let method = pretixpaypal.paypage ? 'wallet' : pretixpaypal.method.method
+				let selectorstub = '#payment_paypal_' + method
+				// Insert the tokens into the form, so it gets submitted to the server
+				$(selectorstub + '_oid').val(pretixpaypal.order_id)
+				$(selectorstub + '_payer').val(pretixpaypal.payer_id)
 
-                // We are moving the submission to a separate function, which is also an EventListener, since
-                // SFSafariView refuses to submit a form that is not visible. Unfortunately, that is exactly the case
-                // when the ticket shop is used on iOS within an SFSafariView and the PayPal payment popup has not
-                // closed itself quickly enough.
-                pretixpaypal.readyToSubmitApproval = true;
-                pretixpaypal.onApproveSubmit();
+				// We are moving the submission to a separate function, which is also an EventListener, since
+				// SFSafariView refuses to submit a form that is not visible. Unfortunately, that is exactly the case
+				// when the ticket shop is used on iOS within an SFSafariView and the PayPal payment popup has not
+				// closed itself quickly enough.
+				pretixpaypal.readyToSubmitApproval = true
+				pretixpaypal.onApproveSubmit()
 
-                // billingToken: null
-                // facilitatorAccessToken: "A21AAL_fEu0gDD-sIXyOy65a6MjgSJJrhmxuPcxxUGnL5gW2DzTxiiAksfoC4x8hD-BjeY1LsFVKl7ceuO7UR1a9pQr8Q_AVw"
-                // orderID: "7RF70259NY7589848"
-                // payerID: "8M3BU92Z97VXA"
-                // paymentID: null
-            },
-        });
+				// billingToken: null
+				// facilitatorAccessToken: "A21AAL_fEu0gDD-sIXyOy65a6MjgSJJrhmxuPcxxUGnL5gW2DzTxiiAksfoC4x8hD-BjeY1LsFVKl7ceuO7UR1a9pQr8Q_AVw"
+				// orderID: "7RF70259NY7589848"
+				// payerID: "8M3BU92Z97VXA"
+				// paymentID: null
+			},
+		})
 
-        if (button.isEligible()) {
-            button.render('#paypal-button-container');
-            pretixpaypal.continue_button.hide();
-        } else {
-            pretixpaypal.continue_button.text(gettext('Payment method unavailable'));
-            pretixpaypal.continue_button.show();
-        }
-    },
+		if (button.isEligible()) {
+			button.render('#paypal-button-container')
+			pretixpaypal.continue_button.hide()
+		} else {
+			pretixpaypal.continue_button.text(gettext('Payment method unavailable'))
+			pretixpaypal.continue_button.show()
+		}
+	},
 
-    onApproveSubmit: function() {
-        if (document.visibilityState === "visible" && pretixpaypal.readyToSubmitApproval === true) {
-            let method = pretixpaypal.paypage ? "wallet" : pretixpaypal.method.method;
-            let selectorstub = "#payment_paypal_" + method;
-            var $form = $(selectorstub + "_oid").closest("form");
+	onApproveSubmit: function () {
+		if (document.visibilityState === 'visible' && pretixpaypal.readyToSubmitApproval === true) {
+			let method = pretixpaypal.paypage ? 'wallet' : pretixpaypal.method.method
+			let selectorstub = '#payment_paypal_' + method
+			let $form = $(selectorstub + '_oid').closest('form')
 
-            $form.get(0).submit();
-        }
-    },
+			$form.get(0).submit()
+		}
+	},
 
-    renderAPMs: function () {
-        pretixpaypal.restore();
-        let inputselector = $("input[name=payment][value=paypal_apm]");
-        let textselector = inputselector.closest("label").find('.accordion-label-text');
-        let eligibles = [];
+	renderAPMs: function () {
+		pretixpaypal.restore()
+		let inputselector = $('input[name=payment][value=paypal_apm]')
+		let textselector = inputselector.closest('label').find('.accordion-label-text')
+		let eligibles = []
 
-        pretixpaypal.paypal.getFundingSources().forEach(function (fundingSource) {
-            // Let's always skip PayPal, since it's always a dedicated funding source
-            if (fundingSource === 'paypal') {
-                return;
-            }
+		pretixpaypal.paypal.getFundingSources().forEach(function (fundingSource) {
+			// Let's always skip PayPal, since it's always a dedicated funding source
+			if (fundingSource === 'paypal') {
+				return
+			}
 
-            // This could also be paypal.Marks() - but they only expose images instead of cleartext...
-            let button = pretixpaypal.paypal.Buttons({
-                fundingSource: fundingSource
-            });
+			// This could also be paypal.Marks() - but they only expose images instead of cleartext...
+			let button = pretixpaypal.paypal.Buttons({
+				fundingSource: fundingSource
+			})
 
-            if (button.isEligible()) {
-                eligibles.push(gettext(pretixpaypal.apm_map[fundingSource] || fundingSource));
-            }
-        });
+			if (button.isEligible()) {
+				eligibles.push(gettext(pretixpaypal.apm_map[fundingSource] || fundingSource))
+			}
+		})
 
-        inputselector.attr('title', eligibles.join(', '));
-        textselector.fadeOut(300, function () {
-            textselector.text(eligibles.join(', '));
-            textselector.fadeIn(300);
-        });
-    },
+		inputselector.attr('title', eligibles.join(', '))
+		textselector.fadeOut(300, function () {
+			textselector.text(eligibles.join(', '))
+			textselector.fadeIn(300)
+		})
+	},
 
-    guessLocale: function() {
-        // This is a horrible hackjob and does not at all take into consideration the actual locale.
-        // Instead, we only look at the language that the shop is currently being displayed in and make
-        // that into a locale.
-        let allowed_locales = [
-            'en_US',
-            'ar_DZ',
-            'fr_FR',
-            'es_ES',
-            'zh_CN',
-            'de_DE',
-            'nl_NL',
-            'pt_PT',
-            'cs_CZ',
-            'da_DK',
-            'fi_FI',
-            'el_GR',
-            'hu_HU',
-            'id_ID',
-            'he_IL',
-            'it_IT',
-            'ja_JP',
-            'ru_RU',
-            'no_NO',
-            'pl_PL',
-            'sk_SK',
-            'sv_SE',
-            'th_TH',
-            'tr_TR',
-        ]
-        let lang = $("body").attr("data-locale").split('-')[0];
-        return allowed_locales.find(element => element.startsWith(lang));
-    }
-};
+	guessLocale: function () {
+		// This is a horrible hackjob and does not at all take into consideration the actual locale.
+		// Instead, we only look at the language that the shop is currently being displayed in and make
+		// that into a locale.
+		let allowed_locales = [
+			'en_US',
+			'ar_DZ',
+			'fr_FR',
+			'es_ES',
+			'zh_CN',
+			'de_DE',
+			'nl_NL',
+			'pt_PT',
+			'cs_CZ',
+			'da_DK',
+			'fi_FI',
+			'el_GR',
+			'hu_HU',
+			'id_ID',
+			'he_IL',
+			'it_IT',
+			'ja_JP',
+			'ru_RU',
+			'no_NO',
+			'pl_PL',
+			'sk_SK',
+			'sv_SE',
+			'th_TH',
+			'tr_TR',
+		]
+		let lang = $('body').attr('data-locale').split('-')[0]
+		return allowed_locales.find(element => element.startsWith(lang))
+	}
+}
 
 $(function () {
-    // This script is always loaded if paypal is enabled as a payment method, regardless of
-    // whether it is available (it could e.g. be hidden or limited to certain countries).
-    // We do not want to unnecessarily load the sdk.
-    // If no paypal/paypal_apm payment option is present and we are not on
-    // the (APM) PayView, then we do not need the SDK.
-    if (!$("input[name=payment][value^='paypal']").length && !$('#paypal-button-container').data('paypage')) {
-        return
-    }
+	// This script is always loaded if paypal is enabled as a payment method, regardless of
+	// whether it is available (it could e.g. be hidden or limited to certain countries).
+	// We do not want to unnecessarily load the sdk.
+	// If no paypal/paypal_apm payment option is present and we are not on
+	// the (APM) PayView, then we do not need the SDK.
+	if (!$('input[name=payment][value^=\'paypal\']').length && !$('#paypal-button-container').data('paypage')) {
+		return
+	}
 
-    pretixpaypal.load();
+	pretixpaypal.load();
 
-    (async() => {
-        while(!pretixpaypal.paypal)
-            await new Promise(resolve => setTimeout(resolve, 1000));
-        pretixpaypal.ready();
-    })();
-});
+	(async () => {
+		while (!pretixpaypal.paypal)
+			await new Promise(resolve => setTimeout(resolve, 1000))
+		pretixpaypal.ready()
+	})()
+})
diff --git a/src/pretix/plugins/statistics/static/pretixplugins/statistics/statistics.js b/src/pretix/plugins/statistics/static/pretixplugins/statistics/statistics.js
index 0fdd45705..f30b8bb3f 100644
--- a/src/pretix/plugins/statistics/static/pretixplugins/statistics/statistics.js
+++ b/src/pretix/plugins/statistics/static/pretixplugins/statistics/statistics.js
@@ -1,81 +1,81 @@
-/*globals $, Morris, gettext, django*/
-function gettext(msgid) {
-    if (typeof django !== 'undefined' && typeof django.gettext !== 'undefined') {
-        return django.gettext(msgid);
-    }
-    return msgid;
+/* globals Morris, django */
+function gettext (msgid) {
+	if (typeof django !== 'undefined' && typeof django.gettext !== 'undefined') {
+		return django.gettext(msgid)
+	}
+	return msgid
 }
 $(function () {
-    $(".chart").css("height", "250px");
-    new Morris.Area({
-        element: 'obd_chart',
-        data: JSON.parse($("#obd-data").html()),
-        xkey: 'date',
-        ykeys: ['ordered', 'paid'],
-        labels: [gettext('Placed orders'), gettext('Paid orders')],
-        lineColors: ['#3b1c4a', '#50a167'],
-        smooth: false,
-        resize: true,
-        fillOpacity: 0.3,
-        behaveLikeLine: true
-    });
-    new Morris.Area({
-        element: 'abd_chart',
-        data: JSON.parse($("#abd-data").html()),
-        xkey: 'date',
-        ykeys: ['ordered', 'paid'],
-        labels: [gettext('Attendees (ordered)'), gettext('Attendees (paid)')],
-        lineColors: ['#3b1c4a', '#50a167'],
-        smooth: false,
-        resize: true,
-        fillOpacity: 0.3,
-        behaveLikeLine: true
-    });
-    new Morris.Area({
-        element: 'abt_chart',
-        data: JSON.parse($("#abt-data").html()),
-        xkey: 'date',
-        ykeys: ['ordered', 'paid'],
-        labels: [gettext('Attendees (ordered)'), gettext('Attendees (paid)')],
-        lineColors: ['#3b1c4a', '#50a167'],
-        smooth: false,
-        resize: true,
-        fillOpacity: 0.3,
-        behaveLikeLine: true
-    });
-    new Morris.Area({
-        element: 'rev_chart',
-        data: JSON.parse($("#rev-data").html()),
-        xkey: 'date',
-        ykeys: ['revenue'],
-        labels: [gettext('Total revenue')],
-        smooth: false,
-        resize: true,
-        lineColors: ['#3b1c4a'],
-        fillOpacity: 0.3,
-        preUnits: $.trim($("#currency").html()) + ' '
-    });
-    new Morris.Bar({
-        element: 'obp_chart',
-        data: JSON.parse($("#obp-data").html()),
-        xkey: 'item_short',
-        ykeys: ['ordered', 'paid'],
-        labels: [gettext('Placed orders'), gettext('Paid orders')],
-        barColors: ['#3b1c4a', '#50a167'],
-        hoverCallback: function (index, options, content, row) {
-            console.log(content);
-            var $c = $("<div>" + content + "</div>");
-            var $label = $c.find(".morris-hover-row-label");
-            $label.text(row.item);
-            var newc = $label.get(0).outerHTML;
-            $c.find('.morris-hover-point').each(function (i, r) {
-                if ($.trim($(r).text().split("\n")[2]) !== "0") {
-                    newc += r.outerHTML;
-                }
-            });
-            return newc;
-        },
-        resize: true,
-        xLabelAngle: 30
-    });
-});
+	$('.chart').css('height', '250px')
+	new Morris.Area({
+		element: 'obd_chart',
+		data: JSON.parse($('#obd-data').html()),
+		xkey: 'date',
+		ykeys: ['ordered', 'paid'],
+		labels: [gettext('Placed orders'), gettext('Paid orders')],
+		lineColors: ['#3b1c4a', '#50a167'],
+		smooth: false,
+		resize: true,
+		fillOpacity: 0.3,
+		behaveLikeLine: true
+	})
+	new Morris.Area({
+		element: 'abd_chart',
+		data: JSON.parse($('#abd-data').html()),
+		xkey: 'date',
+		ykeys: ['ordered', 'paid'],
+		labels: [gettext('Attendees (ordered)'), gettext('Attendees (paid)')],
+		lineColors: ['#3b1c4a', '#50a167'],
+		smooth: false,
+		resize: true,
+		fillOpacity: 0.3,
+		behaveLikeLine: true
+	})
+	new Morris.Area({
+		element: 'abt_chart',
+		data: JSON.parse($('#abt-data').html()),
+		xkey: 'date',
+		ykeys: ['ordered', 'paid'],
+		labels: [gettext('Attendees (ordered)'), gettext('Attendees (paid)')],
+		lineColors: ['#3b1c4a', '#50a167'],
+		smooth: false,
+		resize: true,
+		fillOpacity: 0.3,
+		behaveLikeLine: true
+	})
+	new Morris.Area({
+		element: 'rev_chart',
+		data: JSON.parse($('#rev-data').html()),
+		xkey: 'date',
+		ykeys: ['revenue'],
+		labels: [gettext('Total revenue')],
+		smooth: false,
+		resize: true,
+		lineColors: ['#3b1c4a'],
+		fillOpacity: 0.3,
+		preUnits: $.trim($('#currency').html()) + ' '
+	})
+	new Morris.Bar({
+		element: 'obp_chart',
+		data: JSON.parse($('#obp-data').html()),
+		xkey: 'item_short',
+		ykeys: ['ordered', 'paid'],
+		labels: [gettext('Placed orders'), gettext('Paid orders')],
+		barColors: ['#3b1c4a', '#50a167'],
+		hoverCallback: function (index, options, content, row) {
+			console.log(content)
+			let $c = $('<div>' + content + '</div>')
+			let $label = $c.find('.morris-hover-row-label')
+			$label.text(row.item)
+			let newc = $label.get(0).outerHTML
+			$c.find('.morris-hover-point').each(function (i, r) {
+				if ($.trim($(r).text().split('\n')[2]) !== '0') {
+					newc += r.outerHTML
+				}
+			})
+			return newc
+		},
+		resize: true,
+		xLabelAngle: 30
+	})
+})
diff --git a/src/pretix/plugins/stripe/static/pretixplugins/stripe/pretix-stripe.js b/src/pretix/plugins/stripe/static/pretixplugins/stripe/pretix-stripe.js
index 8aaf94267..88d5d1220 100644
--- a/src/pretix/plugins/stripe/static/pretixplugins/stripe/pretix-stripe.js
+++ b/src/pretix/plugins/stripe/static/pretixplugins/stripe/pretix-stripe.js
@@ -1,435 +1,435 @@
-/*global $, stripe_pubkey, stripe_loadingmessage, gettext */
-'use strict';
+/* global stripe_pubkey, stripe_loadingmessage, gettext */
+'use strict'
 
 var pretixstripe = {
-    stripe: null,
-    elements: null,
-    card: null,
-    sepa: null,
-    affirm: null,
-    klarna: null,
-    paymentRequest: null,
-    paymentRequestButton: null,
+	stripe: null,
+	elements: null,
+	card: null,
+	sepa: null,
+	affirm: null,
+	klarna: null,
+	paymentRequest: null,
+	paymentRequestButton: null,
 
-    'pm_request': function (method, element, kwargs = {}) {
-        waitingDialog.show(gettext("Contacting Stripe …"));
-        $(".stripe-errors").hide();
+	pm_request: function (method, element, kwargs = {}) {
+		waitingDialog.show(gettext('Contacting Stripe …'))
+		$('.stripe-errors').hide()
 
-        pretixstripe.stripe.createPaymentMethod(method, element, kwargs).then(function (result) {
-            waitingDialog.hide();
-            if (result.error) {
-                $(".stripe-errors").stop().hide().removeClass("sr-only");
-                $(".stripe-errors").html("<div class='alert alert-danger'>" + result.error.message + "</div>");
-                $(".stripe-errors").slideDown();
-            } else {
-                var $form = $("#stripe_" + method + "_payment_method_id").closest("form");
-                // Insert the token into the form so it gets submitted to the server
-                $("#stripe_" + method + "_payment_method_id").val(result.paymentMethod.id);
-                if (method === 'card') {
-                    $("#stripe_card_brand").val(result.paymentMethod.card.brand);
-                    $("#stripe_card_last4").val(result.paymentMethod.card.last4);
-                }
-                if (method === 'sepa_debit') {
-                    $("#stripe_sepa_debit_last4").val(result.paymentMethod.sepa_debit.last4);
-                }
-                // and submit
-                $form.get(0).submit();
-            }
-        }).catch((e) => {
-            waitingDialog.hide();
-            $(".stripe-errors").stop().hide().removeClass("sr-only");
-            $(".stripe-errors").html("<div class='alert alert-danger'>Technical error, please contact support: " + e + "</div>");
-            $(".stripe-errors").slideDown();
-        });
-    },
-    'load': function () {
-        if (pretixstripe.stripe !== null) {
-            return;
-        }
-        $('.stripe-container').closest("form").find(".checkout-button-row .btn-primary").prop("disabled", true);
-        $.ajax(
-            {
-                url: 'https://js.stripe.com/v3/',
-                dataType: 'script',
-                success: function () {
-                    if ($.trim($("#stripe_connectedAccountId").html())) {
-                        pretixstripe.stripe = Stripe($.trim($("#stripe_pubkey").html()), {
-                            stripeAccount: $.trim($("#stripe_connectedAccountId").html()),
-                            locale: $.trim($("body").attr("data-locale"))
-                        });
-                    } else {
-                        pretixstripe.stripe = Stripe($.trim($("#stripe_pubkey").html()), {
-                            locale: $.trim($("body").attr("data-locale"))
-                        });
-                    }
-                    pretixstripe.elements = pretixstripe.stripe.elements();
-                    if ($.trim($("#stripe_merchantcountry").html()) !== "") {
-                        try {
-                            pretixstripe.paymentRequest = pretixstripe.stripe.paymentRequest({
-                                country: $("#stripe_merchantcountry").html(),
-                                currency: $("#stripe_card_currency").val().toLowerCase(),
-                                total: {
-                                    label: gettext('Total'),
-                                    amount: parseInt($("#stripe_card_total").val())
-                                },
-                                displayItems: [],
-                                requestPayerName: false,
-                                requestPayerEmail: false,
-                                requestPayerPhone: false,
-                                requestShipping: false,
-                            });
+		pretixstripe.stripe.createPaymentMethod(method, element, kwargs).then(function (result) {
+			waitingDialog.hide()
+			if (result.error) {
+				$('.stripe-errors').stop().hide().removeClass('sr-only')
+				$('.stripe-errors').html('<div class=\'alert alert-danger\'>' + result.error.message + '</div>')
+				$('.stripe-errors').slideDown()
+			} else {
+				let $form = $('#stripe_' + method + '_payment_method_id').closest('form')
+				// Insert the token into the form so it gets submitted to the server
+				$('#stripe_' + method + '_payment_method_id').val(result.paymentMethod.id)
+				if (method === 'card') {
+					$('#stripe_card_brand').val(result.paymentMethod.card.brand)
+					$('#stripe_card_last4').val(result.paymentMethod.card.last4)
+				}
+				if (method === 'sepa_debit') {
+					$('#stripe_sepa_debit_last4').val(result.paymentMethod.sepa_debit.last4)
+				}
+				// and submit
+				$form.get(0).submit()
+			}
+		}).catch((e) => {
+			waitingDialog.hide()
+			$('.stripe-errors').stop().hide().removeClass('sr-only')
+			$('.stripe-errors').html('<div class=\'alert alert-danger\'>Technical error, please contact support: ' + e + '</div>')
+			$('.stripe-errors').slideDown()
+		})
+	},
+	load: function () {
+		if (pretixstripe.stripe !== null) {
+			return
+		}
+		$('.stripe-container').closest('form').find('.checkout-button-row .btn-primary').prop('disabled', true)
+		$.ajax(
+			{
+				url: 'https://js.stripe.com/v3/',
+				dataType: 'script',
+				success: function () {
+					if ($.trim($('#stripe_connectedAccountId').html())) {
+						pretixstripe.stripe = Stripe($.trim($('#stripe_pubkey').html()), {
+							stripeAccount: $.trim($('#stripe_connectedAccountId').html()),
+							locale: $.trim($('body').attr('data-locale'))
+						})
+					} else {
+						pretixstripe.stripe = Stripe($.trim($('#stripe_pubkey').html()), {
+							locale: $.trim($('body').attr('data-locale'))
+						})
+					}
+					pretixstripe.elements = pretixstripe.stripe.elements()
+					if ($.trim($('#stripe_merchantcountry').html()) !== '') {
+						try {
+							pretixstripe.paymentRequest = pretixstripe.stripe.paymentRequest({
+								country: $('#stripe_merchantcountry').html(),
+								currency: $('#stripe_card_currency').val().toLowerCase(),
+								total: {
+									label: gettext('Total'),
+									amount: parseInt($('#stripe_card_total').val())
+								},
+								displayItems: [],
+								requestPayerName: false,
+								requestPayerEmail: false,
+								requestPayerPhone: false,
+								requestShipping: false,
+							})
 
-                            pretixstripe.paymentRequest.on('paymentmethod', function (ev) {
-                                ev.complete('success');
+							pretixstripe.paymentRequest.on('paymentmethod', function (ev) {
+								ev.complete('success')
 
-                                var $form = $("#stripe_card_payment_method_id").closest("form");
-                                // Insert the token into the form so it gets submitted to the server
-                                $("#stripe_card_payment_method_id").val(ev.paymentMethod.id);
-                                $("#stripe_card_brand").val(ev.paymentMethod.card.brand);
-                                $("#stripe_card_last4").val(ev.paymentMethod.card.last4);
-                                // and submit
-                                $form.get(0).submit();
-                            });
-                        } catch (e) {
-                            pretixstripe.paymentRequest = null;
-                        }
-                    } else {
-                        pretixstripe.paymentRequest = null;
-                    }
-                    if ($("#stripe-card").length) {
-                        pretixstripe.card = pretixstripe.elements.create('card', {
-                            'style': {
-                                'base': {
-                                    'fontFamily': '"Open Sans","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif',
-                                    'fontSize': '14px',
-                                    'color': '#555555',
-                                    'lineHeight': '1.42857',
-                                    'border': '1px solid #ccc',
-                                    '::placeholder': {
-                                        color: 'rgba(0,0,0,0.4)',
-                                    },
-                                },
-                                'invalid': {
-                                    'color': 'red',
-                                },
-                            },
-                            classes: {
-                                focus: 'is-focused',
-                                invalid: 'has-error',
-                            }
-                        });
-                        pretixstripe.card.mount("#stripe-card");
-                        pretixstripe.card.on('ready', function () {
-                            $('.stripe-container').closest("form").find(".checkout-button-row .btn-primary").prop("disabled", false);
-                        });
-                    }
-                    if ($("#stripe-sepa").length) {
-                        pretixstripe.sepa = pretixstripe.elements.create('iban', {
-                            'style': {
-                                'base': {
-                                    'fontFamily': '"Open Sans","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif',
-                                    'fontSize': '14px',
-                                    'color': '#555555',
-                                    'lineHeight': '1.42857',
-                                    'border': '1px solid #ccc',
-                                    '::placeholder': {
-                                        color: 'rgba(0,0,0,0.4)',
-                                    },
-                                },
-                                'invalid': {
-                                    'color': 'red',
-                                },
-                            },
-                            supportedCountries: ['SEPA'],
-                            classes: {
-                                focus: 'is-focused',
-                                invalid: 'has-error',
-                            }
-                        });
-                        pretixstripe.sepa.on('change', function (event) {
-                            // List of IBAN-countries, that require the country as well as line1-property according to
-                            // https://stripe.com/docs/payments/sepa-debit/accept-a-payment?platform=web&ui=element#web-submit-payment
-                            if (['AD', 'PF', 'TF', 'GI', 'GB', 'GG', 'VA', 'IM', 'JE', 'MC', 'NC', 'BL', 'PM', 'SM', 'CH', 'WF'].indexOf(event.country) > 0) {
-                                $("#stripe_sepa_debit_country").prop('checked', true);
-                                $("#stripe_sepa_debit_country").change();
-                            } else {
-                                $("#stripe_sepa_debit_country").prop('checked', false);
-                                $("#stripe_sepa_debit_country").change();
-                            }
-                            if (event.bankName) {
-                                $("#stripe_sepa_debit_bank").val(event.bankName);
-                            }
-                        });
-                        pretixstripe.sepa.mount("#stripe-sepa");
-                        pretixstripe.sepa.on('ready', function () {
-                            $('.stripe-container').closest("form").find(".checkout-button-row .btn-primary").prop("disabled", false);
-                        });
-                    }
-                    if ($("#stripe-affirm").length) {
-                        pretixstripe.affirm = pretixstripe.elements.create('affirmMessage', {
-                            'amount': parseInt($("#stripe_affirm_total").val()),
-                            'currency': $("#stripe_affirm_currency").val(),
-                        });
+								let $form = $('#stripe_card_payment_method_id').closest('form')
+								// Insert the token into the form so it gets submitted to the server
+								$('#stripe_card_payment_method_id').val(ev.paymentMethod.id)
+								$('#stripe_card_brand').val(ev.paymentMethod.card.brand)
+								$('#stripe_card_last4').val(ev.paymentMethod.card.last4)
+								// and submit
+								$form.get(0).submit()
+							})
+						} catch (e) {
+							pretixstripe.paymentRequest = null
+						}
+					} else {
+						pretixstripe.paymentRequest = null
+					}
+					if ($('#stripe-card').length) {
+						pretixstripe.card = pretixstripe.elements.create('card', {
+							style: {
+								base: {
+									fontFamily: '"Open Sans","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif',
+									fontSize: '14px',
+									color: '#555555',
+									lineHeight: '1.42857',
+									border: '1px solid #ccc',
+									'::placeholder': {
+										color: 'rgba(0,0,0,0.4)',
+									},
+								},
+								invalid: {
+									color: 'red',
+								},
+							},
+							classes: {
+								focus: 'is-focused',
+								invalid: 'has-error',
+							}
+						})
+						pretixstripe.card.mount('#stripe-card')
+						pretixstripe.card.on('ready', function () {
+							$('.stripe-container').closest('form').find('.checkout-button-row .btn-primary').prop('disabled', false)
+						})
+					}
+					if ($('#stripe-sepa').length) {
+						pretixstripe.sepa = pretixstripe.elements.create('iban', {
+							style: {
+								base: {
+									fontFamily: '"Open Sans","OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif',
+									fontSize: '14px',
+									color: '#555555',
+									lineHeight: '1.42857',
+									border: '1px solid #ccc',
+									'::placeholder': {
+										color: 'rgba(0,0,0,0.4)',
+									},
+								},
+								invalid: {
+									color: 'red',
+								},
+							},
+							supportedCountries: ['SEPA'],
+							classes: {
+								focus: 'is-focused',
+								invalid: 'has-error',
+							}
+						})
+						pretixstripe.sepa.on('change', function (event) {
+							// List of IBAN-countries, that require the country as well as line1-property according to
+							// https://stripe.com/docs/payments/sepa-debit/accept-a-payment?platform=web&ui=element#web-submit-payment
+							if (['AD', 'PF', 'TF', 'GI', 'GB', 'GG', 'VA', 'IM', 'JE', 'MC', 'NC', 'BL', 'PM', 'SM', 'CH', 'WF'].indexOf(event.country) > 0) {
+								$('#stripe_sepa_debit_country').prop('checked', true)
+								$('#stripe_sepa_debit_country').change()
+							} else {
+								$('#stripe_sepa_debit_country').prop('checked', false)
+								$('#stripe_sepa_debit_country').change()
+							}
+							if (event.bankName) {
+								$('#stripe_sepa_debit_bank').val(event.bankName)
+							}
+						})
+						pretixstripe.sepa.mount('#stripe-sepa')
+						pretixstripe.sepa.on('ready', function () {
+							$('.stripe-container').closest('form').find('.checkout-button-row .btn-primary').prop('disabled', false)
+						})
+					}
+					if ($('#stripe-affirm').length) {
+						pretixstripe.affirm = pretixstripe.elements.create('affirmMessage', {
+							amount: parseInt($('#stripe_affirm_total').val()),
+							currency: $('#stripe_affirm_currency').val(),
+						})
 
-                        pretixstripe.affirm.mount('#stripe-affirm');
-                    }
-                    if ($("#stripe-klarna").length) {
-                        try {
-                            pretixstripe.klarna = pretixstripe.elements.create('paymentMethodMessaging', {
-                                'amount': parseInt($("#stripe_klarna_total").val()),
-                                'currency': $("#stripe_klarna_currency").val(),
-                                'countryCode': $("#stripe_klarna_country").val(),
-                                'paymentMethodTypes': ['klarna'],
-                            });
+						pretixstripe.affirm.mount('#stripe-affirm')
+					}
+					if ($('#stripe-klarna').length) {
+						try {
+							pretixstripe.klarna = pretixstripe.elements.create('paymentMethodMessaging', {
+								amount: parseInt($('#stripe_klarna_total').val()),
+								currency: $('#stripe_klarna_currency').val(),
+								countryCode: $('#stripe_klarna_country').val(),
+								paymentMethodTypes: ['klarna'],
+							})
 
-                            pretixstripe.klarna.mount('#stripe-klarna');
-                        } catch (e) {
-                            console.error(e);
-                            $("#stripe-klarna").html("<div class='alert alert-danger'>Technical error, please contact support: " + e + "</div>");
-                        }
-                    }
-                    if ($("#stripe-payment-request-button").length && pretixstripe.paymentRequest != null) {
-                        pretixstripe.paymentRequestButton = pretixstripe.elements.create('paymentRequestButton', {
-                            paymentRequest: pretixstripe.paymentRequest,
-                        });
+							pretixstripe.klarna.mount('#stripe-klarna')
+						} catch (e) {
+							console.error(e)
+							$('#stripe-klarna').html('<div class=\'alert alert-danger\'>Technical error, please contact support: ' + e + '</div>')
+						}
+					}
+					if ($('#stripe-payment-request-button').length && pretixstripe.paymentRequest != null) {
+						pretixstripe.paymentRequestButton = pretixstripe.elements.create('paymentRequestButton', {
+							paymentRequest: pretixstripe.paymentRequest,
+						})
 
-                        pretixstripe.paymentRequest.canMakePayment().then(function (result) {
-                            if (result) {
-                                pretixstripe.paymentRequestButton.mount('#stripe-payment-request-button');
-                                $('#stripe-card-elements .stripe-or').removeClass("hidden");
-                                $('#stripe-payment-request-button').parent().removeClass("hidden");
-                            } else {
-                                $('#stripe-payment-request-button').hide();
-                                document.getElementById('stripe-payment-request-button').style.display = 'none';
-                            }
-                        });
-                    }
-                }
-            }
-        );
-    },
-    'withStripe': function (callback) {
-        $.ajax({
-            url: 'https://js.stripe.com/v3/',
-            dataType: 'script',
-            success: function () {
-                if ($.trim($("#stripe_connectedAccountId").html())) {
-                    pretixstripe.stripe = Stripe($.trim($("#stripe_pubkey").html()), {
-                        stripeAccount: $.trim($("#stripe_connectedAccountId").html()),
-                        locale: $.trim($("body").attr("data-locale"))
-                    });
-                } else {
-                    pretixstripe.stripe = Stripe($.trim($("#stripe_pubkey").html()), {
-                        locale: $.trim($("body").attr("data-locale"))
-                    });
-                }
-                callback();
-            }
-        });
-    },
-    'handleAlipayAction': function (payment_intent_client_secret) {
-        pretixstripe.withStripe(function () {
-            pretixstripe.stripe.confirmAlipayPayment(
-                payment_intent_client_secret,
-                {
-                    return_url: window.location.href
-                }
-            ).then(function (result) {
-                if (result.error) {
-                    waitingDialog.hide();
-                    $(".stripe-errors").stop().hide().removeClass("sr-only");
-                    $(".stripe-errors").html("<div class='alert alert-danger'>Technical error, please contact support: " + result.error.message + "</div>");
-                    $(".stripe-errors").slideDown();
-                } else {
-                    waitingDialog.show(gettext("Confirming your payment …"));
-                }
-            });
-        });
-    },
-    'handleWechatAction': function (payment_intent_client_secret) {
-        pretixstripe.withStripe(function () {
-            pretixstripe.stripe.confirmWechatPayPayment(
-                payment_intent_client_secret,
-                {
-                    payment_method_options: {
-                        wechat_pay: {
-                            client: 'web',
-                        },
-                    },
-                }
-            ).then(function (result) {
-                if (result.error) {
-                    waitingDialog.hide();
-                    $(".stripe-errors").stop().hide().removeClass("sr-only");
-                    $(".stripe-errors").html("<div class='alert alert-danger'>Technical error, please contact support: " + result.error.message + "</div>");
-                    $(".stripe-errors").slideDown();
-                } else {
-                    waitingDialog.show(gettext("Confirming your payment …"));
-                    location.reload();
-                }
-            });
-        });
-    },
-    'handleCardAction': function (payment_intent_client_secret) {
-        pretixstripe.withStripe(function () {
-            pretixstripe.stripe.handleCardAction(
-                payment_intent_client_secret
-            ).then(function (result) {
-                if (result.error) {
-                    waitingDialog.hide();
-                    $(".stripe-errors").stop().hide().removeClass("sr-only");
-                    $(".stripe-errors").html("<div class='alert alert-danger'>Technical error, please contact support: " + result.error.message + "</div>");
-                    $(".stripe-errors").slideDown();
-                } else {
-                    waitingDialog.show(gettext("Confirming your payment …"));
-                    location.reload();
-                }
-            });
-        });
-    },
-    'handlePaymentRedirectAction': function (payment_intent_next_action_redirect_url) {
-        waitingDialog.show(gettext("Contacting your bank …"));
+						pretixstripe.paymentRequest.canMakePayment().then(function (result) {
+							if (result) {
+								pretixstripe.paymentRequestButton.mount('#stripe-payment-request-button')
+								$('#stripe-card-elements .stripe-or').removeClass('hidden')
+								$('#stripe-payment-request-button').parent().removeClass('hidden')
+							} else {
+								$('#stripe-payment-request-button').hide()
+								document.getElementById('stripe-payment-request-button').style.display = 'none'
+							}
+						})
+					}
+				}
+			}
+		)
+	},
+	withStripe: function (callback) {
+		$.ajax({
+			url: 'https://js.stripe.com/v3/',
+			dataType: 'script',
+			success: function () {
+				if ($.trim($('#stripe_connectedAccountId').html())) {
+					pretixstripe.stripe = Stripe($.trim($('#stripe_pubkey').html()), {
+						stripeAccount: $.trim($('#stripe_connectedAccountId').html()),
+						locale: $.trim($('body').attr('data-locale'))
+					})
+				} else {
+					pretixstripe.stripe = Stripe($.trim($('#stripe_pubkey').html()), {
+						locale: $.trim($('body').attr('data-locale'))
+					})
+				}
+				callback()
+			}
+		})
+	},
+	handleAlipayAction: function (payment_intent_client_secret) {
+		pretixstripe.withStripe(function () {
+			pretixstripe.stripe.confirmAlipayPayment(
+				payment_intent_client_secret,
+				{
+					return_url: window.location.href
+				}
+			).then(function (result) {
+				if (result.error) {
+					waitingDialog.hide()
+					$('.stripe-errors').stop().hide().removeClass('sr-only')
+					$('.stripe-errors').html('<div class=\'alert alert-danger\'>Technical error, please contact support: ' + result.error.message + '</div>')
+					$('.stripe-errors').slideDown()
+				} else {
+					waitingDialog.show(gettext('Confirming your payment …'))
+				}
+			})
+		})
+	},
+	handleWechatAction: function (payment_intent_client_secret) {
+		pretixstripe.withStripe(function () {
+			pretixstripe.stripe.confirmWechatPayPayment(
+				payment_intent_client_secret,
+				{
+					payment_method_options: {
+						wechat_pay: {
+							client: 'web',
+						},
+					},
+				}
+			).then(function (result) {
+				if (result.error) {
+					waitingDialog.hide()
+					$('.stripe-errors').stop().hide().removeClass('sr-only')
+					$('.stripe-errors').html('<div class=\'alert alert-danger\'>Technical error, please contact support: ' + result.error.message + '</div>')
+					$('.stripe-errors').slideDown()
+				} else {
+					waitingDialog.show(gettext('Confirming your payment …'))
+					location.reload()
+				}
+			})
+		})
+	},
+	handleCardAction: function (payment_intent_client_secret) {
+		pretixstripe.withStripe(function () {
+			pretixstripe.stripe.handleCardAction(
+				payment_intent_client_secret
+			).then(function (result) {
+				if (result.error) {
+					waitingDialog.hide()
+					$('.stripe-errors').stop().hide().removeClass('sr-only')
+					$('.stripe-errors').html('<div class=\'alert alert-danger\'>Technical error, please contact support: ' + result.error.message + '</div>')
+					$('.stripe-errors').slideDown()
+				} else {
+					waitingDialog.show(gettext('Confirming your payment …'))
+					location.reload()
+				}
+			})
+		})
+	},
+	handlePaymentRedirectAction: function (payment_intent_next_action_redirect_url) {
+		waitingDialog.show(gettext('Contacting your bank …'))
 
-        let payment_intent_redirect_action_handling = $.trim($("#stripe_payment_intent_redirect_action_handling").html());
-        if (payment_intent_redirect_action_handling === 'iframe') {
-            let iframe = document.createElement('iframe');
-            iframe.src = payment_intent_next_action_redirect_url;
-            iframe.className = 'embed-responsive-item';
-            $('#scacontainer').append(iframe);
-            $('#scacontainer iframe').on("load", function () {
-                waitingDialog.hide();
-            });
-        } else if (payment_intent_redirect_action_handling === 'redirect') {
-            window.location.href = payment_intent_next_action_redirect_url;
-        }
-    }
-};
+		let payment_intent_redirect_action_handling = $.trim($('#stripe_payment_intent_redirect_action_handling').html())
+		if (payment_intent_redirect_action_handling === 'iframe') {
+			let iframe = document.createElement('iframe')
+			iframe.src = payment_intent_next_action_redirect_url
+			iframe.className = 'embed-responsive-item'
+			$('#scacontainer').append(iframe)
+			$('#scacontainer iframe').on('load', function () {
+				waitingDialog.hide()
+			})
+		} else if (payment_intent_redirect_action_handling === 'redirect') {
+			window.location.href = payment_intent_next_action_redirect_url
+		}
+	}
+}
 $(function () {
-    if ($("#stripe_payment_intent_SCA_status").length) {
-        let payment_intent_redirect_action_handling = $.trim($("#stripe_payment_intent_redirect_action_handling").html());
-        let order_status = $.trim($("#order_status").html());
-        let order_url = $.trim($("#order_url").html())
+	if ($('#stripe_payment_intent_SCA_status').length) {
+		let payment_intent_redirect_action_handling = $.trim($('#stripe_payment_intent_redirect_action_handling').html())
+		let order_status = $.trim($('#order_status').html())
+		let order_url = $.trim($('#order_url').html())
 
-        if (payment_intent_redirect_action_handling === 'iframe') {
-            window.parent.postMessage('3DS-authentication-complete.' + order_status, '*');
-            return;
-        } else if (payment_intent_redirect_action_handling === 'redirect') {
-            waitingDialog.show(gettext("Confirming your payment …"));
+		if (payment_intent_redirect_action_handling === 'iframe') {
+			window.parent.postMessage('3DS-authentication-complete.' + order_status, '*')
+			return
+		} else if (payment_intent_redirect_action_handling === 'redirect') {
+			waitingDialog.show(gettext('Confirming your payment …'))
 
-            if (order_status === 'p') {
-                window.location.href = order_url + '?paid=yes';
-            } else {
-                window.location.href = order_url;
-            }
-        }
-    } else if ($("#stripe_payment_intent_next_action_redirect_url").length) {
-        let payment_intent_next_action_redirect_url = JSON.parse($("#stripe_payment_intent_next_action_redirect_url").html());
-        pretixstripe.handlePaymentRedirectAction(payment_intent_next_action_redirect_url);
-    } else if ($.trim($("#stripe_payment_intent_action_type").html()) === "promptpay_display_qr_code") {
-        waitingDialog.hide();
-    } else if ($.trim($("#stripe_payment_intent_action_type").html()) === "wechat_pay_display_qr_code") {
-        let payment_intent_client_secret = $.trim($("#stripe_payment_intent_client_secret").html());
-        pretixstripe.handleWechatAction(payment_intent_client_secret);
-    } else if ($.trim($("#stripe_payment_intent_action_type").html()) === "alipay_handle_redirect") {
-        let payment_intent_client_secret = $.trim($("#stripe_payment_intent_client_secret").html());
-        pretixstripe.handleAlipayAction(payment_intent_client_secret);
-    } else if ($("#stripe_payment_intent_client_secret").length) {
-        let payment_intent_client_secret = $.trim($("#stripe_payment_intent_client_secret").html());
-        pretixstripe.handleCardAction(payment_intent_client_secret);
-    }
+			if (order_status === 'p') {
+				window.location.href = order_url + '?paid=yes'
+			} else {
+				window.location.href = order_url
+			}
+		}
+	} else if ($('#stripe_payment_intent_next_action_redirect_url').length) {
+		let payment_intent_next_action_redirect_url = JSON.parse($('#stripe_payment_intent_next_action_redirect_url').html())
+		pretixstripe.handlePaymentRedirectAction(payment_intent_next_action_redirect_url)
+	} else if ($.trim($('#stripe_payment_intent_action_type').html()) === 'promptpay_display_qr_code') {
+		waitingDialog.hide()
+	} else if ($.trim($('#stripe_payment_intent_action_type').html()) === 'wechat_pay_display_qr_code') {
+		let payment_intent_client_secret = $.trim($('#stripe_payment_intent_client_secret').html())
+		pretixstripe.handleWechatAction(payment_intent_client_secret)
+	} else if ($.trim($('#stripe_payment_intent_action_type').html()) === 'alipay_handle_redirect') {
+		let payment_intent_client_secret = $.trim($('#stripe_payment_intent_client_secret').html())
+		pretixstripe.handleAlipayAction(payment_intent_client_secret)
+	} else if ($('#stripe_payment_intent_client_secret').length) {
+		let payment_intent_client_secret = $.trim($('#stripe_payment_intent_client_secret').html())
+		pretixstripe.handleCardAction(payment_intent_client_secret)
+	}
 
-    $(window).on("message onmessage", function (e) {
-        if (typeof e.originalEvent.data === "string" && e.originalEvent.data.startsWith('3DS-authentication-complete.')) {
-            waitingDialog.show(gettext("Confirming your payment …"));
-            $('#scacontainer').hide();
-            $('#continuebutton').removeClass('hidden');
+	$(window).on('message onmessage', function (e) {
+		if (typeof e.originalEvent.data === 'string' && e.originalEvent.data.startsWith('3DS-authentication-complete.')) {
+			waitingDialog.show(gettext('Confirming your payment …'))
+			$('#scacontainer').hide()
+			$('#continuebutton').removeClass('hidden')
 
-            if (e.originalEvent.data.split('.')[1] == 'p') {
-                window.location.href = $('#continuebutton').attr('href') + '?paid=yes';
-            } else {
-                window.location.href = $('#continuebutton').attr('href');
-            }
-        }
-    });
+			if (e.originalEvent.data.split('.')[1] == 'p') {
+				window.location.href = $('#continuebutton').attr('href') + '?paid=yes'
+			} else {
+				window.location.href = $('#continuebutton').attr('href')
+			}
+		}
+	})
 
-    if (!$(".stripe-container").length)
-        return;
+	if (!$('.stripe-container').length)
+		return
 
-    if (
-        $("input[name=payment][value=stripe]").is(':checked')
-        || $("input[name=payment][value=stripe_sepa_debit]").is(':checked')
-        || $("input[name=payment][value=stripe_affirm]").is(':checked')
-        || $("input[name=payment][value=stripe_klarna]").is(':checked')
-        || $(".payment-redo-form").length) {
-        pretixstripe.load();
-    } else {
-        $("input[name=payment]").change(function () {
-            if (['stripe', 'stripe_sepa_debit', 'stripe_affirm', 'stripe_klarna'].indexOf($(this).val()) > -1) {
-                pretixstripe.load();
-            }
-        })
-    }
+	if (
+		$('input[name=payment][value=stripe]').is(':checked')
+		|| $('input[name=payment][value=stripe_sepa_debit]').is(':checked')
+		|| $('input[name=payment][value=stripe_affirm]').is(':checked')
+		|| $('input[name=payment][value=stripe_klarna]').is(':checked')
+		|| $('.payment-redo-form').length) {
+		pretixstripe.load()
+	} else {
+		$('input[name=payment]').change(function () {
+			if (['stripe', 'stripe_sepa_debit', 'stripe_affirm', 'stripe_klarna'].indexOf($(this).val()) > -1) {
+				pretixstripe.load()
+			}
+		})
+	}
 
-    $("#stripe_other_card").click(
-        function (e) {
-            $("#stripe_card_payment_method_id").val("");
-            $("#stripe-current-card").slideUp();
-            $("#stripe-card-elements").slideDown();
+	$('#stripe_other_card').click(
+		function (e) {
+			$('#stripe_card_payment_method_id').val('')
+			$('#stripe-current-card').slideUp()
+			$('#stripe-card-elements').slideDown()
 
-            e.preventDefault();
-            return false;
-        }
-    );
+			e.preventDefault()
+			return false
+		}
+	)
 
-    if ($("#stripe-current-card").length) {
-        $("#stripe-card-elements").hide();
-    }
+	if ($('#stripe-current-card').length) {
+		$('#stripe-card-elements').hide()
+	}
 
-    $("#stripe_other_account").click(
-        function (e) {
-            $("#stripe_sepa_debit_payment_method_id").val("");
-            $("#stripe-current-account").slideUp();
-            // We're using a css-selector here instead of the id-selector,
-            // as we're hiding Stripe Elements *and* Django form fields
-            $('.stripe-sepa_debit-form').slideDown();
+	$('#stripe_other_account').click(
+		function (e) {
+			$('#stripe_sepa_debit_payment_method_id').val('')
+			$('#stripe-current-account').slideUp()
+			// We're using a css-selector here instead of the id-selector,
+			// as we're hiding Stripe Elements *and* Django form fields
+			$('.stripe-sepa_debit-form').slideDown()
 
-            e.preventDefault();
-            return false;
-        }
-    );
+			e.preventDefault()
+			return false
+		}
+	)
 
-    if ($("#stripe-current-account").length) {
-        // We're using a css-selector here instead of the id-selector,
-        // as we're hiding Stripe Elements *and* Django form fields
-        $('.stripe-sepa_debit-form').hide();
-    }
+	if ($('#stripe-current-account').length) {
+		// We're using a css-selector here instead of the id-selector,
+		// as we're hiding Stripe Elements *and* Django form fields
+		$('.stripe-sepa_debit-form').hide()
+	}
 
-    $('.stripe-container').closest("form").submit(
-        function () {
-            if ($("input[name=card_new]").length && !$("input[name=card_new]").prop('checked')) {
-                return null;
-            }
-            if (($("input[name=payment][value=stripe]").prop('checked') || $("input[name=payment][type=radio]").length === 0)
-                && $("#stripe_card_payment_method_id").val() == "") {
-                pretixstripe.pm_request('card', pretixstripe.card);
-                return false;
-            }
+	$('.stripe-container').closest('form').submit(
+		function () {
+			if ($('input[name=card_new]').length && !$('input[name=card_new]').prop('checked')) {
+				return null
+			}
+			if (($('input[name=payment][value=stripe]').prop('checked') || $('input[name=payment][type=radio]').length === 0)
+				&& $('#stripe_card_payment_method_id').val() == '') {
+				pretixstripe.pm_request('card', pretixstripe.card)
+				return false
+			}
 
-            if (($("input[name=payment][value=stripe_sepa_debit]").prop('checked')) && $("#stripe_sepa_debit_payment_method_id").val() == "") {
-                pretixstripe.pm_request('sepa_debit', pretixstripe.sepa, {
-                    billing_details: {
-                        name: $("#id_payment_stripe_sepa_debit-accountname").val(),
-                        email: $("#stripe_sepa_debit_email").val(),
-                        address: {
-                            line1: $("#id_payment_stripe_sepa_debit-line1").val(),
-                            postal_code: $("#id_payment_stripe_sepa_debit-postal_code").val(),
-                            city: $("#id_payment_stripe_sepa_debit-city").val(),
-                            country: $("#id_payment_stripe_sepa_debit-country").val(),
-                        }
-                    }
-                });
-                return false;
-            }
-        }
-    );
-});
+			if (($('input[name=payment][value=stripe_sepa_debit]').prop('checked')) && $('#stripe_sepa_debit_payment_method_id').val() == '') {
+				pretixstripe.pm_request('sepa_debit', pretixstripe.sepa, {
+					billing_details: {
+						name: $('#id_payment_stripe_sepa_debit-accountname').val(),
+						email: $('#stripe_sepa_debit_email').val(),
+						address: {
+							line1: $('#id_payment_stripe_sepa_debit-line1').val(),
+							postal_code: $('#id_payment_stripe_sepa_debit-postal_code').val(),
+							city: $('#id_payment_stripe_sepa_debit-city').val(),
+							country: $('#id_payment_stripe_sepa_debit-country').val(),
+						}
+					}
+				})
+				return false
+			}
+		}
+	)
+})
diff --git a/src/pretix/static/pretixbase/js/addressform.js b/src/pretix/static/pretixbase/js/addressform.js
index 40f959560..3fdce9e88 100644
--- a/src/pretix/static/pretixbase/js/addressform.js
+++ b/src/pretix/static/pretixbase/js/addressform.js
@@ -1,195 +1,193 @@
 $(function () {
-    "use strict";
+	'use strict'
 
-    // Responses are expected to only depend on the GET parameters passed, so we can have a little client-side cache
-    // to prevent fetching the same thing many times.
-    var responseCache = {};
+	// Responses are expected to only depend on the GET parameters passed, so we can have a little client-side cache
+	// to prevent fetching the same thing many times.
+	let responseCache = {}
 
-    const cleanName = (name) => {
-        // Remove form prefix
-        name = name.split("-").pop();
-        // Remove settings prefix
-        name = name.replace(/^invoice_address_from_/, "");
-        return name
-    }
+	const cleanName = (name) => {
+		// Remove form prefix
+		name = name.split('-').pop()
+		// Remove settings prefix
+		name = name.replace(/^invoice_address_from_/, '')
+		return name
+	}
 
-    $("[data-address-information-url]").each(function () {
-        let xhr;
-        const form = $(this);
-        const dependencies = $(this).find("[data-trigger-address-info]");
-        const loader = $("<span class='fa fa-cog fa-spin'></span>").hide().prependTo(dependencies.closest(".form-group").find("label").first())
-        const baseUrl = this.getAttribute('data-address-information-url')
-        const isAnyRequired = dependencies.toArray().some(function (e) { return $(e).closest(".form-group").is(".required") });
+	$('[data-address-information-url]').each(function () {
+		let xhr
+		const form = $(this)
+		const dependencies = $(this).find('[data-trigger-address-info]')
+		const loader = $('<span class=\'fa fa-cog fa-spin\'></span>').hide().prependTo(dependencies.closest('.form-group').find('label').first())
+		const baseUrl = this.getAttribute('data-address-information-url')
+		const isAnyRequired = dependencies.toArray().some(function (e) { return $(e).closest('.form-group').is('.required') })
 
-        const dependents =  {
-            'city': form.find("input[name$=city]"),
-            'zipcode': form.find("input[name$=zipcode]"),
-            'street': form.find("textarea[name$=street]"),
-            'state': form.find("select[name$=state]"),
-            'vat_id': form.find("input[name$=vat_id]"),
-        };
+		const dependents = {
+			city: form.find('input[name$=city]'),
+			zipcode: form.find('input[name$=zipcode]'),
+			street: form.find('textarea[name$=street]'),
+			state: form.find('select[name$=state]'),
+			vat_id: form.find('input[name$=vat_id]'),
+		}
 
-        form.find("select[name*=transmission_], textarea[name*=transmission_], input[name*=transmission_]").each(function () {
-            dependents[cleanName($(this).attr("name"))] = $(this)
-        })
+		form.find('select[name*=transmission_], textarea[name*=transmission_], input[name*=transmission_]').each(function () {
+			dependents[cleanName($(this).attr('name'))] = $(this)
+		})
 
-        const dependentsDisabled = [];
-        for (var k in dependents) {
-            if (dependents[k].prop("disabled")) {
-                dependentsDisabled.push(k);
-            }
-        }
+		const dependentsDisabled = []
+		for (let k in dependents) {
+			if (dependents[k].prop('disabled')) {
+				dependentsDisabled.push(k)
+			}
+		}
 
-        if (!Object.values(dependents).some((el) => el.length)) {
-            // No address fields found, do not create request
-            return;
-        }
+		if (!Object.values(dependents).some((el) => el.length)) {
+			// No address fields found, do not create request
+			return
+		}
 
-        const update_form = function (data) {
-            var selected_state = dependents.state.prop("data-selected-value");
-            if (selected_state) dependents.state.prop("data-selected-value", "");
-            dependents.state.find("option:not([value=''])").remove();
-            $.each(data.data, function (k, s) {
-                var o = $("<option>").attr("value", s.code).text(s.name);
-                if (selected_state === s.code) o.prop("selected", true);
-                dependents.state.append(o);
-            });
+		const update_form = function (data) {
+			let selected_state = dependents.state.prop('data-selected-value')
+			if (selected_state) dependents.state.prop('data-selected-value', '')
+			dependents.state.find('option:not([value=\'\'])').remove()
+			$.each(data.data, function (k, s) {
+				let o = $('<option>').attr('value', s.code).text(s.name)
+				if (selected_state === s.code) o.prop('selected', true)
+				dependents.state.append(o)
+			})
 
-            if (dependents.transmission_type) {
-                var selected_transmission_type = dependents.transmission_type.prop("data-selected-value");
-                if (selected_transmission_type) dependents.transmission_type.prop("data-selected-value", "");
-                dependents.transmission_type.find("option:not([value='']):not([value='-'])").remove();
+			if (dependents.transmission_type) {
+				let selected_transmission_type = dependents.transmission_type.prop('data-selected-value')
+				if (selected_transmission_type) dependents.transmission_type.prop('data-selected-value', '')
+				dependents.transmission_type.find('option:not([value=\'\']):not([value=\'-\'])').remove()
 
-                if (!data.transmission_type.visible) {
-                    selected_transmission_type = "email";
-                }
+				if (!data.transmission_type.visible) {
+					selected_transmission_type = 'email'
+				}
 
-                $.each(data.transmission_types, function (k, s) {
-                    var o = $("<option>").attr("value", s.code).text(s.name);
-                    if (selected_transmission_type === s.code) {
-                        o.prop("selected", true);
-                    }
-                    dependents.transmission_type.append(o);
-                });
+				$.each(data.transmission_types, function (k, s) {
+					let o = $('<option>').attr('value', s.code).text(s.name)
+					if (selected_transmission_type === s.code) {
+						o.prop('selected', true)
+					}
+					dependents.transmission_type.append(o)
+				})
+			}
 
-            }
+			for (var k in dependents) {
+				const options = data[k],
+					dependent = dependents[k]
+				let visible = 'visible' in options ? options.visible : true
 
-            for (var k in dependents) {
-                const options = data[k],
-                    dependent = dependents[k];
-                let visible = 'visible' in options ? options.visible : true;
+				if (dependent.is('[data-display-dependency]')) {
+					const dependency = $(dependent.attr('data-display-dependency'))
+					visible = visible && (
+						(dependency.attr('type') === 'checkbox' || dependency.attr('type') === 'radio') ? dependency.prop('checked') : !!dependency.val()
+					)
+				}
 
-                if (dependent.is("[data-display-dependency]")) {
-                    const dependency = $(dependent.attr("data-display-dependency"));
-                    visible = visible && (
-                        (dependency.attr("type") === 'checkbox' || dependency.attr("type") === 'radio') ? dependency.prop('checked') : !!dependency.val()
-                    );
-                }
+				if ('label' in options) {
+					dependent.closest('.form-group').find('.control-label').text(options.label)
+				}
+				if ('helptext_visible' in options) {
+					dependent.closest('.form-group').find('.help-block').toggle(options.helptext_visible)
+				}
 
-                if ('label' in options) {
-                    dependent.closest(".form-group").find(".control-label").text(options.label);
-                }
-                if ('helptext_visible' in options) {
-                    dependent.closest(".form-group").find(".help-block").toggle(options.helptext_visible);
-                }
+				const required = 'required' in options && visible && (
+					(options.required === 'if_any' && isAnyRequired)
+					|| (options.required === true)
+				)
+				dependent.closest('.form-group').toggle(visible).toggleClass('required', required)
+				dependent.prop('required', required)
 
-                const required = 'required' in options && visible && (
-                    (options.required === 'if_any' && isAnyRequired) ||
-                    (options.required === true)
-                );
-                dependent.closest(".form-group").toggle(visible).toggleClass('required', required);
-                dependent.prop("required", required);
+				const label = dependent.closest('.form-group').find('label')
+				const labelRequired = label.find('.label-required')
+				if (!required) {
+					labelRequired.remove()
+				} else if (!labelRequired.length) {
+					label.append('<i class="label-required">' + gettext('required') + '</i>')
+				}
+			}
+			for (var k in dependents) dependents[k].prop('disabled', dependentsDisabled.includes(k))
+			loader.hide()
+		}
 
-                const label = dependent.closest(".form-group").find("label");
-                const labelRequired = label.find(".label-required");
-                if (!required) {
-                    labelRequired.remove();
-                } else if (!labelRequired.length) {
-                    label.append('<i class="label-required">' + gettext('required') + '</i>')
-                }
-            }
-            for (var k in dependents) dependents[k].prop("disabled", dependentsDisabled.includes(k));
-            loader.hide();
-        }
+		const update = function (ev) {
+			dependents.state.prop('data-selected-value', dependents.state.val())
+			if (dependents.transmission_type) {
+				dependents.transmission_type.prop('data-selected-value', dependents.transmission_type.val())
+			}
 
-        const update = function (ev) {
-            dependents.state.prop("data-selected-value", dependents.state.val());
-            if (dependents.transmission_type) {
-                dependents.transmission_type.prop("data-selected-value", dependents.transmission_type.val());
-            }
+			for (let k in dependents) dependents[k].prop('disabled', true)
+			loader.show()
+			let url = new URL(baseUrl, location.href)
+			// Address depends on all annotated fields
+			form.find('[data-trigger-address-info]').each(function () {
+				// Remove prefix of the form to get actual field name
+				if (($(this).attr('type') === 'radio' || $(this).attr('type') === 'checkbox') && !$(this).prop('checked')) {
+					return
+				}
+				url.searchParams.append(cleanName($(this).attr('name')), $(this).val())
+			})
+			if (dependents.transmission_type) {
+				url.searchParams.append('transmission_type_required', !dependents.transmission_type.find('option[value=\'-\']').length)
+			}
 
-            for (var k in dependents) dependents[k].prop("disabled", true);
-            loader.show();
-            var url = new URL(baseUrl, location.href);
-            // Address depends on all annotated fields
-            form.find("[data-trigger-address-info]").each(function () {
-                // Remove prefix of the form to get actual field name
-                if (($(this).attr("type") === "radio" || $(this).attr("type") === "checkbox") && !$(this).prop("checked")) {
-                    return
-                }
-                url.searchParams.append(cleanName($(this).attr("name")), $(this).val());
-            })
-            if (dependents.transmission_type) {
-                url.searchParams.append("transmission_type_required", !dependents.transmission_type.find("option[value='-']").length);
-            }
+			if (xhr && url in responseCache) {
+				if (responseCache[url] == xhr) {
+					// already requested this, but XHR is still running and will resolve promise
+					// only re-resolve promise for JSON-data in responseCache[url]
+					return
+				} else {
+					// abort current xhr as it is not the one we want
+					// aborting deletes responseCache[url] but async
+					xhr.abort()
+				}
+			}
 
-            if (xhr && url in responseCache) {
-                if (responseCache[url] == xhr) {
-                    // already requested this, but XHR is still running and will resolve promise
-                    // only re-resolve promise for JSON-data in responseCache[url]
-                    return;
-                } else {
-                    // abort current xhr as it is not the one we want
-                    // aborting deletes responseCache[url] but async
-                    xhr.abort();
-                }
-            }
+			if (!(url in responseCache)) {
+				responseCache[url] = xhr = $.ajax({
+					dataType: 'json',
+					url: url,
+					timeout: 3000,
+				})
+			}
 
-            if (!(url in responseCache)) {
-                responseCache[url] = xhr = $.ajax({
-                    dataType: "json",
-                    url: url,
-                    timeout: 3000,
-                });
-            }
+			Promise.resolve(responseCache[url]).then(function (data) {
+				responseCache[url] = data
+				update_form(data)
+			}).catch(function () {
+				delete responseCache[url]
+				// In case of errors, show everything and require nothing, we can still handle errors in backend
+				for (let k in dependents) {
+					const dependent = dependents[k],
+						visible = true,
+						required = false
 
-            Promise.resolve(responseCache[url]).then(function (data) {
-                responseCache[url] = data;
-                update_form(data);
-            }).catch(function () {
-                delete responseCache[url];
-                // In case of errors, show everything and require nothing, we can still handle errors in backend
-                for (var k in dependents) {
-                    const dependent = dependents[k],
-                        visible = true,
-                        required = false;
+					dependent.closest('.form-group').toggle(visible).toggleClass('required', required)
+					dependent.prop('required', required).prop('disabled', dependentsDisabled.includes(k))
+				}
+			}).finally(function () {
+				loader.hide()
+			})
+		}
+		update()
+		dependencies.on('change', update)
 
-                    dependent.closest(".form-group").toggle(visible).toggleClass('required', required);
-                    dependent.prop("required", required).prop("disabled", dependentsDisabled.includes(k));
-                }
-            }).finally(function () {
-                loader.hide();
-            });
-        };
-        update();
-        dependencies.on("change", update);
-
-        if (dependents.vat_id && dependents.transmission_type && dependents.transmission_peppol_participant_id) {
-            // In Belgium, the VAT ID is built from "BE" + the company ID. The Peppol ID also needs to be built
-            // from the company ID with ID scheme 0208. We can save users some knowing and typing by filling this in!
-            if (!dependents.transmission_peppol_participant_id.val()) {
-                const fill_peppol_id = function () {
-                    const vatId = dependents.vat_id.val();
-                    if (vatId && vatId.startsWith("BE") && dependents.transmission_type.val() === "peppol") {
-                        dependents.transmission_peppol_participant_id.val("0208:" + vatId.substring(2).replaceAll(".", ""))
-                    }
-                }
-                dependents.vat_id.add(dependents.transmission_type).on("change", fill_peppol_id);
-                dependents.transmission_peppol_participant_id.one("change", () => {
-                    dependents.vat_id.add(dependents.transmission_type).unbind("change", fill_peppol_id)
-                });
-            }
-        }
-    });
-
-});
+		if (dependents.vat_id && dependents.transmission_type && dependents.transmission_peppol_participant_id) {
+			// In Belgium, the VAT ID is built from "BE" + the company ID. The Peppol ID also needs to be built
+			// from the company ID with ID scheme 0208. We can save users some knowing and typing by filling this in!
+			if (!dependents.transmission_peppol_participant_id.val()) {
+				const fill_peppol_id = function () {
+					const vatId = dependents.vat_id.val()
+					if (vatId && vatId.startsWith('BE') && dependents.transmission_type.val() === 'peppol') {
+						dependents.transmission_peppol_participant_id.val('0208:' + vatId.substring(2).replaceAll('.', ''))
+					}
+				}
+				dependents.vat_id.add(dependents.transmission_type).on('change', fill_peppol_id)
+				dependents.transmission_peppol_participant_id.one('change', () => {
+					dependents.vat_id.add(dependents.transmission_type).unbind('change', fill_peppol_id)
+				})
+			}
+		}
+	})
+})
diff --git a/src/pretix/static/pretixbase/js/ajaxpending.js b/src/pretix/static/pretixbase/js/ajaxpending.js
index b2024c3e9..bdb4db3a8 100644
--- a/src/pretix/static/pretixbase/js/ajaxpending.js
+++ b/src/pretix/static/pretixbase/js/ajaxpending.js
@@ -1,10 +1,10 @@
-var check = function () {
-    $.getJSON(location.href + '&ajax=1', function (data, status) {
-        if (data.redirect) {
-            location.href = data.redirect;
-        } else {
-            window.setTimeout(check, 500);
-        }
-    });
+let check = function () {
+	$.getJSON(location.href + '&ajax=1', function (data, _status) {
+		if (data.redirect) {
+			location.href = data.redirect
+		} else {
+			window.setTimeout(check, 500)
+		}
+	})
 }
-window.setTimeout(check, 500);
+window.setTimeout(check, 500)
diff --git a/src/pretix/static/pretixbase/js/asynctask.js b/src/pretix/static/pretixbase/js/asynctask.js
index 060311687..26914214b 100644
--- a/src/pretix/static/pretixbase/js/asynctask.js
+++ b/src/pretix/static/pretixbase/js/asynctask.js
@@ -1,359 +1,357 @@
-/*global $, gettext */
-var async_task_id = null;
-var async_task_timeout = null;
-var async_task_check_url = null;
-var async_task_old_url = null;
-var async_task_is_download = false;
-var async_task_is_long = false;
-var async_task_dont_redirect = false;
+/* global gettext */
+let async_task_id = null
+let async_task_timeout = null
+let async_task_check_url = null
+let async_task_old_url = null
+let async_task_is_download = false
+let async_task_is_long = false
+let async_task_dont_redirect = false
 
-var async_task_status_messages = {
-    // These are functions in order to be lazily evaluated after the gettext file is loaded
-    long_task_started: () => gettext(
-        'Your request is currently being processed. Depending on the size of your event, this might take up to ' +
-        'a few minutes.'
-    ),
-    long_task_pending: () => gettext(
-        'Your request has been queued on the server and will soon be ' +
-        'processed.'
-    ),
-    short_task: () => gettext(
-        'Your request arrived on the server but we still wait for it to be ' +
-        'processed. If this takes longer than two minutes, please contact us or go ' +
-        'back in your browser and try again.'
-    )
-};
-
-function async_task_schedule_check(context, timeout) {
-    "use strict";
-    async_task_timeout = window.setTimeout(function() {
-        $.ajax(
-            {
-                'type': 'GET',
-                'url': async_task_check_url,
-                'success': async_task_check_callback,
-                'error': async_task_check_error,
-                'context': context,
-                'dataType': 'json'
-            }
-        );
-    }, timeout);
+let async_task_status_messages = {
+	// These are functions in order to be lazily evaluated after the gettext file is loaded
+	long_task_started: () => gettext(
+		'Your request is currently being processed. Depending on the size of your event, this might take up to '
+		+ 'a few minutes.'
+	),
+	long_task_pending: () => gettext(
+		'Your request has been queued on the server and will soon be '
+		+ 'processed.'
+	),
+	short_task: () => gettext(
+		'Your request arrived on the server but we still wait for it to be '
+		+ 'processed. If this takes longer than two minutes, please contact us or go '
+		+ 'back in your browser and try again.'
+	)
 }
 
-function async_task_on_success(data) {
-    "use strict";
-    if ((async_task_is_download && data.success) || async_task_dont_redirect) {
-        waitingDialog.hide();
-        if (location.href.indexOf("async_id") !== -1) {
-            history.replaceState({}, "pretix", async_task_old_url);
-        }
-    }
-    if (!async_task_dont_redirect) {
-        $(window).one("pageshow", function (e) {
-            // hide waitingDialog when using browser's history back
-            waitingDialog.hide();
-        });
-        if (async_task_is_download && window.self !== window.top) {
-            // if in an iframe, force to download an async_task_is_download
-            // e.g. pretix-reseller embeds order-page in iframe, which would cause ticket-PDFs to be displayed inline
-            var a = document.createElement("a");
-            a.href = data.redirect;
-            a.download = "";
-            a.target = "_blank";
-            a.click();
-        } else {
-            location.href = data.redirect;
-        }
-    }
-    $(this).trigger('pretix:async-task-success', data);
+function async_task_schedule_check (context, timeout) {
+	'use strict'
+	async_task_timeout = window.setTimeout(function () {
+		$.ajax(
+			{
+				type: 'GET',
+				url: async_task_check_url,
+				success: async_task_check_callback,
+				error: async_task_check_error,
+				context: context,
+				dataType: 'json'
+			}
+		)
+	}, timeout)
 }
 
-function async_task_check_callback(data, textStatus, jqXHR) {
-    "use strict";
-    if (data.ready && data.redirect) {
-        async_task_on_success.call(this, data);
-        return;
-    }
-
-    if (typeof data.percentage === "number") {
-        waitingDialog.setProgress(data.percentage);
-    }
-    if (typeof data.steps === "object" && Array.isArray(data.steps)) {
-        waitingDialog.setSteps(data.steps);
-    }
-    async_task_schedule_check(this, 250);
-
-    async_task_update_status(data);
+function async_task_on_success (data) {
+	'use strict'
+	if ((async_task_is_download && data.success) || async_task_dont_redirect) {
+		waitingDialog.hide()
+		if (location.href.indexOf('async_id') !== -1) {
+			history.replaceState({}, 'pretix', async_task_old_url)
+		}
+	}
+	if (!async_task_dont_redirect) {
+		$(window).one('pageshow', function (e) {
+			// hide waitingDialog when using browser's history back
+			waitingDialog.hide()
+		})
+		if (async_task_is_download && window.self !== window.top) {
+			// if in an iframe, force to download an async_task_is_download
+			// e.g. pretix-reseller embeds order-page in iframe, which would cause ticket-PDFs to be displayed inline
+			let a = document.createElement('a')
+			a.href = data.redirect
+			a.download = ''
+			a.target = '_blank'
+			a.click()
+		} else {
+			location.href = data.redirect
+		}
+	}
+	$(this).trigger('pretix:async-task-success', data)
 }
 
-function async_task_update_status(data) {
-    if (async_task_is_long) {
-        if (data.started) {
-            waitingDialog.setStatus(async_task_status_messages.long_task_started());
-        } else {
-            waitingDialog.setStatus(async_task_status_messages.long_task_pending());
-        }
-    } else {
-        waitingDialog.setStatus(async_task_status_messages.short_task());
-    }
+function async_task_check_callback (data, textStatus, jqXHR) {
+	'use strict'
+	if (data.ready && data.redirect) {
+		async_task_on_success.call(this, data)
+		return
+	}
+
+	if (typeof data.percentage === 'number') {
+		waitingDialog.setProgress(data.percentage)
+	}
+	if (typeof data.steps === 'object' && Array.isArray(data.steps)) {
+		waitingDialog.setSteps(data.steps)
+	}
+	async_task_schedule_check(this, 250)
+
+	async_task_update_status(data)
 }
 
-function async_task_replace_page(target, new_html) {
-    "use strict";
-    waitingDialog.hide();
-    $(target).html(new_html);
-    setup_basics($(target));
-    form_handlers($(target));
-    setup_collapsible_details($(target));
-    window.setTimeout(function () { $(window).scrollTop(0) }, 200)
-    $(document).trigger("pretix:bind-forms");
+function async_task_update_status (data) {
+	if (async_task_is_long) {
+		if (data.started) {
+			waitingDialog.setStatus(async_task_status_messages.long_task_started())
+		} else {
+			waitingDialog.setStatus(async_task_status_messages.long_task_pending())
+		}
+	} else {
+		waitingDialog.setStatus(async_task_status_messages.short_task())
+	}
 }
 
-function async_task_check_error(jqXHR, textStatus, errorThrown) {
-    "use strict";
-    var respdom = $(jqXHR.responseText);
-    var c = respdom.filter('.container');
-    if (jqXHR.status === 401 && jqXHR.getResponseHeader("X-Login-Url")) {
-      window.location = jqXHR.getResponseHeader("X-Login-Url") + "?next=" + encodeURIComponent(location.pathname + location.search + location.hash);
-      return;
-    }
-    if (respdom.filter('form') && (respdom.filter('.has-error') || respdom.filter('.alert-danger'))) {
-        // This is a failed form validation, let's just use it
-        $("body").data('ajaxing', false);
-        async_task_replace_page("body", jqXHR.responseText.substring(
-            jqXHR.responseText.indexOf("<body"),
-            jqXHR.responseText.indexOf("</body")
-        ));
-    } else if (c.length > 0) {
-        // This is some kind of 500/404/403 page, show it in an overlay
-        $("body").data('ajaxing', false);
-        waitingDialog.hide();
-        if (location.href.indexOf("async_id") !== -1) {
-            history.replaceState({}, "pretix", async_task_old_url);
-        }
-        ajaxErrDialog.show(c.first().html());
-    } else {
-        if (jqXHR.status >= 400 && jqXHR.status < 500) {
-            $("body").data('ajaxing', false);
-            waitingDialog.hide();
-            alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status));
-        } else {
-            // 500 can be an application error or overload in some cases :(
-            waitingDialog.setStatus(gettext('We currently cannot reach the server, but we keep trying.' +
-                                            ' Last error code: {code}').replace(/\{code\}/, jqXHR.status));
-            async_task_schedule_check(this, 5000);
-        }
-    }
+function async_task_replace_page (target, new_html) {
+	'use strict'
+	waitingDialog.hide()
+	$(target).html(new_html)
+	setup_basics($(target))
+	form_handlers($(target))
+	setup_collapsible_details($(target))
+	window.setTimeout(function () { $(window).scrollTop(0) }, 200)
+	$(document).trigger('pretix:bind-forms')
 }
 
-function async_task_callback(data, jqXHR, status) {
-    "use strict";
-    $("body").data('ajaxing', false);
-    if (data.redirect) {
-        async_task_on_success.call(this, data);
-        return;
-    }
-    var check_url = new URL(data.check_url, window.location);
-    if (async_task_dont_redirect) {
-        check_url.searchParams.set('ajax_dont_redirect', '1');
-    }
-    async_task_id = data.async_id;
-    async_task_check_url = check_url.toString();
-    async_task_schedule_check(this, 100);
-
-    async_task_update_status(data);
-
-    if (location.href.indexOf("async_id") === -1) {
-        history.pushState({}, "Waiting", async_task_check_url.replace(/ajax=1/, ''));
-    }
+function async_task_check_error (jqXHR, textStatus, errorThrown) {
+	'use strict'
+	let respdom = $(jqXHR.responseText)
+	let c = respdom.filter('.container')
+	if (jqXHR.status === 401 && jqXHR.getResponseHeader('X-Login-Url')) {
+		window.location = jqXHR.getResponseHeader('X-Login-Url') + '?next=' + encodeURIComponent(location.pathname + location.search + location.hash)
+		return
+	}
+	if (respdom.filter('form') && (respdom.filter('.has-error') || respdom.filter('.alert-danger'))) {
+		// This is a failed form validation, let's just use it
+		$('body').data('ajaxing', false)
+		async_task_replace_page('body', jqXHR.responseText.substring(
+			jqXHR.responseText.indexOf('<body'),
+			jqXHR.responseText.indexOf('</body')
+		))
+	} else if (c.length > 0) {
+		// This is some kind of 500/404/403 page, show it in an overlay
+		$('body').data('ajaxing', false)
+		waitingDialog.hide()
+		if (location.href.indexOf('async_id') !== -1) {
+			history.replaceState({}, 'pretix', async_task_old_url)
+		}
+		ajaxErrDialog.show(c.first().html())
+	} else {
+		if (jqXHR.status >= 400 && jqXHR.status < 500) {
+			$('body').data('ajaxing', false)
+			waitingDialog.hide()
+			alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status))
+		} else {
+			// 500 can be an application error or overload in some cases :(
+			waitingDialog.setStatus(gettext('We currently cannot reach the server, but we keep trying.'
+				+ ' Last error code: {code}').replace(/\{code\}/, jqXHR.status))
+			async_task_schedule_check(this, 5000)
+		}
+	}
 }
 
-function async_task_error(jqXHR, textStatus, errorThrown) {
-    "use strict";
-    $("body").data('ajaxing', false);
-    if (jqXHR.status === 401 && jqXHR.getResponseHeader("X-Login-Url")) {
-      window.location = jqXHR.getResponseHeader("X-Login-Url") + "?next=" + encodeURIComponent(location.pathname + location.search + location.hash);
-      return;
-    }
-    waitingDialog.hide();
-    if (textStatus === "timeout") {
-        alert(gettext("The request took too long. Please try again."));
-    } else if (jqXHR.responseText.indexOf('<html') > 0) {
-        var respdom = $(jqXHR.responseText);
-        var c = respdom.filter('.container');
-        if (respdom.filter('form') && (respdom.filter('.has-error') || respdom.filter('.alert-danger'))) {
-            if (respdom.filter('#page-wrapper') && $('#page-wrapper').length) {
-                // This is a failed form validation, let's just use it
-                async_task_replace_page("#page-wrapper", respdom.find("#page-wrapper").html());
-            } else {
-                async_task_replace_page("body", jqXHR.responseText.substring(
-                    jqXHR.responseText.indexOf("<body"),
-                    jqXHR.responseText.indexOf("</body")
-                ));
-                document.dispatchEvent(new Event("pretix:async-task-error"))
+function async_task_callback (data, jqXHR, status) {
+	'use strict'
+	$('body').data('ajaxing', false)
+	if (data.redirect) {
+		async_task_on_success.call(this, data)
+		return
+	}
+	let check_url = new URL(data.check_url, window.location)
+	if (async_task_dont_redirect) {
+		check_url.searchParams.set('ajax_dont_redirect', '1')
+	}
+	async_task_id = data.async_id
+	async_task_check_url = check_url.toString()
+	async_task_schedule_check(this, 100)
 
-            }
+	async_task_update_status(data)
 
-        } else if (c.length > 0) {
-            // This is some kind of 500/404/403 page, show it in an overlay
-            ajaxErrDialog.show(c.first().html());
-        } else {
-            alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status));
-        }
-    } else {
-        if (jqXHR.status >= 400 && jqXHR.status < 500) {
-            alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status));
-        } else {
-            alert(gettext('We currently cannot reach the server. Please try again. ' +
-                          'Error code: {code}').replace(/\{code\}/, jqXHR.status));
-        }
-    }
+	if (location.href.indexOf('async_id') === -1) {
+		history.pushState({}, 'Waiting', async_task_check_url.replace(/ajax=1/, ''))
+	}
+}
+
+function async_task_error (jqXHR, textStatus, errorThrown) {
+	'use strict'
+	$('body').data('ajaxing', false)
+	if (jqXHR.status === 401 && jqXHR.getResponseHeader('X-Login-Url')) {
+		window.location = jqXHR.getResponseHeader('X-Login-Url') + '?next=' + encodeURIComponent(location.pathname + location.search + location.hash)
+		return
+	}
+	waitingDialog.hide()
+	if (textStatus === 'timeout') {
+		alert(gettext('The request took too long. Please try again.'))
+	} else if (jqXHR.responseText.indexOf('<html') > 0) {
+		let respdom = $(jqXHR.responseText)
+		let c = respdom.filter('.container')
+		if (respdom.filter('form') && (respdom.filter('.has-error') || respdom.filter('.alert-danger'))) {
+			if (respdom.filter('#page-wrapper') && $('#page-wrapper').length) {
+				// This is a failed form validation, let's just use it
+				async_task_replace_page('#page-wrapper', respdom.find('#page-wrapper').html())
+			} else {
+				async_task_replace_page('body', jqXHR.responseText.substring(
+					jqXHR.responseText.indexOf('<body'),
+					jqXHR.responseText.indexOf('</body')
+				))
+				document.dispatchEvent(new Event('pretix:async-task-error'))
+			}
+		} else if (c.length > 0) {
+			// This is some kind of 500/404/403 page, show it in an overlay
+			ajaxErrDialog.show(c.first().html())
+		} else {
+			alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status))
+		}
+	} else {
+		if (jqXHR.status >= 400 && jqXHR.status < 500) {
+			alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status))
+		} else {
+			alert(gettext('We currently cannot reach the server. Please try again. '
+				+ 'Error code: {code}').replace(/\{code\}/, jqXHR.status))
+		}
+	}
 }
 
 $(function () {
-    "use strict";
-    $("body").on('submit', 'form[data-asynctask]', function (e) {
-        // Not supported on IE, may lead to wrong results, but we don't support IE in the backend anymore
-        var submitter = e.originalEvent ? e.originalEvent.submitter : null;
+	'use strict'
+	$('body').on('submit', 'form[data-asynctask]', function (e) {
+		// Not supported on IE, may lead to wrong results, but we don't support IE in the backend anymore
+		let submitter = e.originalEvent ? e.originalEvent.submitter : null
 
-        if (submitter && submitter.hasAttribute("data-no-asynctask")) {
-            return;
-        }
+		if (submitter && submitter.hasAttribute('data-no-asynctask')) {
+			return
+		}
 
-        e.preventDefault();
-        $(this).removeClass("dirty");  // Avoid problems with are-you-sure.js
-        if ($("body").data('ajaxing')) {
-            return;
-        }
-        async_task_id = null;
-        async_task_is_download = $(this).is("[data-asynctask-download]");
-        async_task_dont_redirect = $(this).is("[data-asynctask-no-redirect]");
-        async_task_is_long = $(this).is("[data-asynctask-long]");
-        async_task_old_url = location.href;
-        $("body").data('ajaxing', true);
-        waitingDialog.show(
-            $(this).attr("data-asynctask-headline") || gettext('We are processing your request …'),
-            $(this).attr("data-asynctask-text") || '',
-            gettext(
-                'We are currently sending your request to the server. If this takes longer ' +
-                'than one minute, please check your internet connection and then reload ' +
-                'this page and try again.'
-            )
-        );
+		e.preventDefault()
+		$(this).removeClass('dirty') // Avoid problems with are-you-sure.js
+		if ($('body').data('ajaxing')) {
+			return
+		}
+		async_task_id = null
+		async_task_is_download = $(this).is('[data-asynctask-download]')
+		async_task_dont_redirect = $(this).is('[data-asynctask-no-redirect]')
+		async_task_is_long = $(this).is('[data-asynctask-long]')
+		async_task_old_url = location.href
+		$('body').data('ajaxing', true)
+		waitingDialog.show(
+			$(this).attr('data-asynctask-headline') || gettext('We are processing your request …'),
+			$(this).attr('data-asynctask-text') || '',
+			gettext(
+				'We are currently sending your request to the server. If this takes longer '
+				+ 'than one minute, please check your internet connection and then reload '
+				+ 'this page and try again.'
+			)
+		)
 
-        var action = this.action;
-        var formData = new FormData(this);
-        formData.append('ajax', '1');
-        if (async_task_dont_redirect) {
-            formData.append('ajax_dont_redirect', '1');
-        }
-        if (submitter && submitter.name) {
-            formData.append(submitter.name, submitter.value);
-        }
-        if (submitter && submitter.getAttribute("formaction")) {
-            action = submitter.getAttribute("formaction");
-        }
-        $.ajax(
-            {
-                'type': 'POST',
-                'url': action,
-                'data': formData,
-                processData: false,
-                contentType: false,
-                'success': async_task_callback,
-                'error': async_task_error,
-                'context': this,
-                'dataType': 'json',
-                'timeout': 60000,
-            }
-        );
-    });
+		let action = this.action
+		let formData = new FormData(this)
+		formData.append('ajax', '1')
+		if (async_task_dont_redirect) {
+			formData.append('ajax_dont_redirect', '1')
+		}
+		if (submitter && submitter.name) {
+			formData.append(submitter.name, submitter.value)
+		}
+		if (submitter && submitter.getAttribute('formaction')) {
+			action = submitter.getAttribute('formaction')
+		}
+		$.ajax(
+			{
+				type: 'POST',
+				url: action,
+				data: formData,
+				processData: false,
+				contentType: false,
+				success: async_task_callback,
+				error: async_task_error,
+				context: this,
+				dataType: 'json',
+				timeout: 60000,
+			}
+		)
+	})
 
-    window.addEventListener("pageshow", function (evt) {
-        // In Safari, if you submit an async task, then get redirected, then go back,
-        // Safari won't reload the HTML from disk cache but instead reuse the DOM of the
-        // previous request, thus not clearing the "loading" state.
-        if (evt.persisted && $("body").hasClass("loading")) {
-            setTimeout(function () {
-                window.location.reload();
-            }, 10);
-        }
-    }, false);
+	window.addEventListener('pageshow', function (evt) {
+		// In Safari, if you submit an async task, then get redirected, then go back,
+		// Safari won't reload the HTML from disk cache but instead reuse the DOM of the
+		// previous request, thus not clearing the "loading" state.
+		if (evt.persisted && $('body').hasClass('loading')) {
+			setTimeout(function () {
+				window.location.reload()
+			}, 10)
+		}
+	}, false)
 
-    $("#ajaxerr").on("click", ".ajaxerr-close", ajaxErrDialog.hide);
-    $("#loadingmodal").on("cancel", function() {
-        return false;
-    });
-    $("#loadingmodal").prop("closedBy", "none");
-});
+	$('#ajaxerr').on('click', '.ajaxerr-close', ajaxErrDialog.hide)
+	$('#loadingmodal').on('cancel', function () {
+		return false
+	})
+	$('#loadingmodal').prop('closedBy', 'none')
+})
 
 var waitingDialog = {
-    show: function (title, text, status) {
-        "use strict";
-        this.setTitle(title);
-        this.setText(text);
-        this.setStatus(status || gettext('If this takes longer than a few minutes, please contact us.'));
-        this.setProgress(null);
-        this.setSteps(null);
-        document.getElementById("loadingmodal").showModal();
-    },
-    hide: function () {
-        "use strict";
-        document.getElementById("loadingmodal").close();
-    },
-    setTitle: function(title) {
-        $("#loadingmodal .modal-card-title").text(title);
-    },
-    setStatus: function(statusText) {
-        $("#loadingmodal p.status").text(statusText);
-    },
-    setText: function(text) {
-        if (text)
-            $("#loadingmodal .modal-card-description").text(text).show();
-        else
-            $("#loadingmodal .modal-card-description").hide();
-    },
-    setProgress: function(percentage) {
-        if (typeof percentage === 'number') {
-            $("#loadingmodal .progress").show();
-            $("#loadingmodal .progress .progress-bar").css("width", percentage + "%");
-        } else {
-            $("#loadingmodal .progress").hide();
-        }
-    },
-    setSteps: function(steps) {
-        var $steps = $("#loadingmodal .steps");
-        if (steps) {
-            $steps.html("").show()
-            for (var step of steps) {
-                $steps.append(
-                    $("<span>").addClass("fa fa-fw")
-                        .toggleClass("fa-check text-success", step.done)
-                        .toggleClass("fa-cog fa-spin text-muted", !step.done)
-                ).append(
-                    $("<span>").text(step.label)
-                ).append(
-                    $("<br>")
-                )
-            }
-        } else {
-            $steps.hide();
-        }
-    }
-};
+	show: function (title, text, status) {
+		'use strict'
+		this.setTitle(title)
+		this.setText(text)
+		this.setStatus(status || gettext('If this takes longer than a few minutes, please contact us.'))
+		this.setProgress(null)
+		this.setSteps(null)
+		document.getElementById('loadingmodal').showModal()
+	},
+	hide: function () {
+		'use strict'
+		document.getElementById('loadingmodal').close()
+	},
+	setTitle: function (title) {
+		$('#loadingmodal .modal-card-title').text(title)
+	},
+	setStatus: function (statusText) {
+		$('#loadingmodal p.status').text(statusText)
+	},
+	setText: function (text) {
+		if (text)
+			$('#loadingmodal .modal-card-description').text(text).show()
+		else
+			$('#loadingmodal .modal-card-description').hide()
+	},
+	setProgress: function (percentage) {
+		if (typeof percentage === 'number') {
+			$('#loadingmodal .progress').show()
+			$('#loadingmodal .progress .progress-bar').css('width', percentage + '%')
+		} else {
+			$('#loadingmodal .progress').hide()
+		}
+	},
+	setSteps: function (steps) {
+		let $steps = $('#loadingmodal .steps')
+		if (steps) {
+			$steps.html('').show()
+			for (let step of steps) {
+				$steps.append(
+					$('<span>').addClass('fa fa-fw')
+						.toggleClass('fa-check text-success', step.done)
+						.toggleClass('fa-cog fa-spin text-muted', !step.done)
+				).append(
+					$('<span>').text(step.label)
+				).append(
+					$('<br>')
+				)
+			}
+		} else {
+			$steps.hide()
+		}
+	}
+}
 
 var ajaxErrDialog = {
-    show: function (c) {
-        "use strict";
-        $("#ajaxerr").html(c);
-        $("#ajaxerr .links").html("<a class='btn btn-default ajaxerr-close'>"
-                                  + gettext("Close message") + "</a>");
-        $("body").addClass("ajaxerr has-modal-dialog");
-        $("#ajaxerr").prop("hidden", false);
-    },
-    hide: function () {
-        "use strict";
-        $("body").removeClass("ajaxerr has-modal-dialog");
-        $("#ajaxerr").prop("hidden", true);
-    },
-};
+	show: function (c) {
+		'use strict'
+		$('#ajaxerr').html(c)
+		$('#ajaxerr .links').html('<a class=\'btn btn-default ajaxerr-close\'>'
+			+ gettext('Close message') + '</a>')
+		$('body').addClass('ajaxerr has-modal-dialog')
+		$('#ajaxerr').prop('hidden', false)
+	},
+	hide: function () {
+		'use strict'
+		$('body').removeClass('ajaxerr has-modal-dialog')
+		$('#ajaxerr').prop('hidden', true)
+	},
+}
diff --git a/src/pretix/static/pretixbase/js/deanonymize_email.js b/src/pretix/static/pretixbase/js/deanonymize_email.js
index d01035ee6..9e7a25748 100644
--- a/src/pretix/static/pretixbase/js/deanonymize_email.js
+++ b/src/pretix/static/pretixbase/js/deanonymize_email.js
@@ -1,7 +1,7 @@
-document.addEventListener('DOMContentLoaded', function() {
-    document.querySelectorAll('a[href^="mailto:"]').forEach(function(link) {
-        // Replace [at] with @ and the [dot] with . in both the href and the displayed text (if needed)
-        link.href = link.href.replace('[at]', '@').replace('[dot]', '.');
-        link.textContent = link.textContent.replace('[at]', '@').replace('[dot]', '.');
-    });
-});
+document.addEventListener('DOMContentLoaded', function () {
+	document.querySelectorAll('a[href^="mailto:"]').forEach(function (link) {
+		// Replace [at] with @ and the [dot] with . in both the href and the displayed text (if needed)
+		link.href = link.href.replace('[at]', '@').replace('[dot]', '.')
+		link.textContent = link.textContent.replace('[at]', '@').replace('[dot]', '.')
+	})
+})
diff --git a/src/pretix/static/pretixbase/js/details.js b/src/pretix/static/pretixbase/js/details.js
index 8cd520dae..29cbdbb4f 100644
--- a/src/pretix/static/pretixbase/js/details.js
+++ b/src/pretix/static/pretixbase/js/details.js
@@ -1,152 +1,149 @@
-/*global $ */
-
 setup_collapsible_details = function (el) {
+	el.find('.sneak-peek-trigger').each(function () {
+		let trigger = this
+		let button = this.querySelector('button')
+		let content = document.getElementById(button.getAttribute('aria-controls'))
+		if (content.scrollHeight < 200) {
+			trigger.remove()
+			content.classList.remove('sneak-peek-content')
+			return
+		}
+		content.setAttribute('aria-hidden', 'true')
+		content.setAttribute('inert', true)
+		button.setAttribute('aria-expanded', 'false')
+		button.addEventListener('click', function (e) {
+			button.setAttribute('aria-expanded', 'true')
+			content.setAttribute('aria-hidden', 'false')
+			content.removeAttribute('inert')
 
-    el.find('.sneak-peek-trigger').each(function() {
-        var trigger = this;
-        var button = this.querySelector('button');
-        var content = document.getElementById(button.getAttribute('aria-controls'));
-        if (content.scrollHeight < 200) {
-            trigger.remove();
-            content.classList.remove('sneak-peek-content');
-            return;
-        }
-        content.setAttribute('aria-hidden', 'true');
-        content.setAttribute('inert', true);
-        button.setAttribute('aria-expanded', 'false');
-        button.addEventListener('click', function (e) {
-            button.setAttribute('aria-expanded', 'true');
-            content.setAttribute('aria-hidden', 'false');
-            content.removeAttribute('inert');
+			content.addEventListener('transitionend', function () {
+				content.classList.remove('sneak-peek-content')
+				content.style.removeProperty('height')
+				// we need to keep the trigger/button in the DOM to not irritate screenreaders toggling visibility
+				trigger.classList.add('sr-only')
+			}, { once: true })
+			content.style.height = content.scrollHeight + 'px'
 
-            content.addEventListener('transitionend', function() {
-                content.classList.remove('sneak-peek-content');
-                content.style.removeProperty('height');
-                // we need to keep the trigger/button in the DOM to not irritate screenreaders toggling visibility
-                trigger.classList.add('sr-only');
-            }, {once: true});
-            content.style.height = content.scrollHeight + 'px';
+			button.addEventListener('click', function (e) {
+				// this will be called by screenreader users if they kept focus on the button after expanding
+				// we need to keep the trigger/button in the DOM to not irritate screenreaders toggling visibility
+				let expanded = button.getAttribute('aria-expanded') == 'true'
+				button.setAttribute('aria-expanded', !expanded)
+				content.setAttribute('aria-hidden', expanded)
+			})
+			button.addEventListener('blur', function (e) {
+				// if content is visible and the user leaves the button, we can safely remove the trigger/button
+				if (button.getAttribute('aria-expanded') == 'true') {
+					trigger.remove()
+				}
+			})
+		}, { once: true })
 
-            button.addEventListener('click', function (e) {
-                // this will be called by screenreader users if they kept focus on the button after expanding
-                // we need to keep the trigger/button in the DOM to not irritate screenreaders toggling visibility
-                var expanded = button.getAttribute('aria-expanded') == 'true';
-                button.setAttribute('aria-expanded', !expanded);
-                content.setAttribute('aria-hidden', expanded);
-            });
-            button.addEventListener('blur', function (e) {
-                // if content is visible and the user leaves the button, we can safely remove the trigger/button
-                if (button.getAttribute('aria-expanded') == 'true') {
-                    trigger.remove();
-                }
-            });
-        }, { once: true });
+		let container = this.closest('details.sneak-peek-container')
+		if (container) {
+			function removeSneekPeakWhenClosed (e) {
+				if (e.newState == 'closed') {
+					container.removeEventListener('toggle', removeSneekPeakWhenClosed)
+					trigger.remove()
+					content.removeAttribute('aria-hidden')
+					content.removeAttribute('inert')
+					content.classList.remove('sneak-peek-content')
+				}
+			}
+			container.addEventListener('toggle', removeSneekPeakWhenClosed)
+		}
+	})
 
-        var container = this.closest('details.sneak-peek-container');
-        if (container) {
-            function removeSneekPeakWhenClosed(e) {
-                if (e.newState == "closed") {
-                    container.removeEventListener("toggle", removeSneekPeakWhenClosed);
-                    trigger.remove();
-                    content.removeAttribute('aria-hidden');
-                    content.removeAttribute('inert');
-                    content.classList.remove('sneak-peek-content');
-                }
-            }
-            container.addEventListener("toggle", removeSneekPeakWhenClosed);
-        }
-    });
+	let isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]'
+	el.find('details summary').click(function (e) {
+		if (this.tagName !== 'A' && $(e.target).closest('a').length > 0) {
+			return true
+		}
+		let $details = $(this).closest('details')
+		let isOpen = $details.prop('open')
+		let $detailsNotSummary = $details.children(':not(summary)')
+		if ($detailsNotSummary.is(':animated')) {
+			e.preventDefault()
+			return false
+		}
+		if (isOpen) {
+			$details.removeClass('details-open')
+			$detailsNotSummary.stop().show().slideUp(500, function () {
+				$details.prop('open', false)
+			})
+		} else {
+			$detailsNotSummary.stop().hide()
+			$details.prop('open', true)
+			$details.addClass('details-open')
+			$detailsNotSummary.slideDown()
+		}
+		e.preventDefault()
+		return false
+	}).keyup(function (event) {
+		if (32 == event.keyCode || (13 == event.keyCode && !isOpera)) {
+			// Space or Enter is pressed — trigger the `click` event on the `summary` element
+			// Opera already seems to trigger the `click` event when Enter is pressed
+			event.preventDefault()
+			$(this).click()
+		}
+	})
 
-    var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
-    el.find("details summary").click(function (e) {
-        if (this.tagName !== "A" && $(e.target).closest("a").length > 0) {
-            return true;
-        }
-        var $details = $(this).closest("details");
-        var isOpen = $details.prop("open");
-        var $detailsNotSummary = $details.children(':not(summary)');
-        if ($detailsNotSummary.is(':animated')) {
-            e.preventDefault();
-            return false;
-        }
-        if (isOpen) {
-            $details.removeClass("details-open");
-            $detailsNotSummary.stop().show().slideUp(500, function () {
-                $details.prop("open", false);
-            });
-        } else {
-            $detailsNotSummary.stop().hide();
-            $details.prop("open", true);
-            $details.addClass("details-open");
-            $detailsNotSummary.slideDown();
-        }
-        e.preventDefault();
-        return false;
-    }).keyup(function (event) {
-        if (32 == event.keyCode || (13 == event.keyCode && !isOpera)) {
-            // Space or Enter is pressed — trigger the `click` event on the `summary` element
-            // Opera already seems to trigger the `click` event when Enter is pressed
-            event.preventDefault();
-            $(this).click();
-        }
-    });
+	$('details').each(function () {
+		let $details = $(this),
+			$detailsSummary = $('summary', $details).first(),
+			$detailsNotSummary = $details.children(':not(summary)')
+		$details.prop('open', typeof $details.attr('open') == 'string')
+		if (!$details.prop('open')) {
+			if ($details.find('.has-error, .alert-danger').length) {
+				$details.addClass('details-open')
+				$details.prop('open', true)
+			} else {
+				$detailsNotSummary.hide()
+			}
+		} else {
+			$details.addClass('details-open')
+		}
+		$detailsSummary.attr({
+			role: 'button',
+			'aria-controls': $details.attr('id')
+		}).prop('tabIndex', 0).bind('selectstart dragstart mousedown', function () {
+			return false
+		})
+	})
 
-    $('details').each(function () {
-        var $details = $(this),
-            $detailsSummary = $('summary', $details).first(),
-            $detailsNotSummary = $details.children(':not(summary)');
-        $details.prop('open', typeof $details.attr('open') == 'string');
-        if (!$details.prop('open')) {
-            if ($details.find(".has-error, .alert-danger").length) {
-                $details.addClass("details-open");
-                $details.prop('open', true);
-            } else {
-                $detailsNotSummary.hide();
-            }
-        } else {
-            $details.addClass("details-open");
-        }
-        $detailsSummary.attr({
-            'role': 'button',
-            'aria-controls': $details.attr('id')
-        }).prop('tabIndex', 0).bind('selectstart dragstart mousedown', function () {
-            return false;
-        });
-    });
+	el.find('article button[data-toggle=variations]').click(function (e) {
+		let $button = $(this)
+		let $details = $button.closest('article')
+		let $detailsNotSummary = $button.attr('aria-controls') ? $('#' + $button.attr('aria-controls')) : $('.variations', $details)
+		let isOpen = !$detailsNotSummary.prop('hidden')
+		if ($detailsNotSummary.is(':animated')) {
+			e.preventDefault()
+			return false
+		}
 
-    el.find("article button[data-toggle=variations]").click(function (e) {
-        var $button = $(this);
-        var $details = $button.closest("article");
-        var $detailsNotSummary = $button.attr("aria-controls") ? $('#' + $button.attr("aria-controls")) : $(".variations", $details);
-        var isOpen = !$detailsNotSummary.prop("hidden");
-        if ($detailsNotSummary.is(':animated')) {
-            e.preventDefault();
-            return false;
-        }
+		let altLabel = $button.attr('data-label-alt')
+		$button.attr('data-label-alt', $button.text().trim())
+		$button.find('span').text(altLabel)
+		$button.attr('aria-expanded', !isOpen)
 
-        var altLabel = $button.attr("data-label-alt");
-        $button.attr("data-label-alt", $button.text().trim());
-        $button.find("span").text(altLabel);
-        $button.attr("aria-expanded", !isOpen);
-
-        if (isOpen) {
-            $details.removeClass("details-open");
-            $detailsNotSummary.stop().show().slideUp(500, function () {
-                $detailsNotSummary.prop("hidden", true);
-            });
-        } else {
-            $detailsNotSummary.prop("hidden", false).stop().hide();
-            $details.addClass("details-open");
-            $detailsNotSummary.slideDown();
-        }
-        e.preventDefault();
-        return false;
-    });
-    el.find(".variations-collapsed").prop("hidden", true);
-};
+		if (isOpen) {
+			$details.removeClass('details-open')
+			$detailsNotSummary.stop().show().slideUp(500, function () {
+				$detailsNotSummary.prop('hidden', true)
+			})
+		} else {
+			$detailsNotSummary.prop('hidden', false).stop().hide()
+			$details.addClass('details-open')
+			$detailsNotSummary.slideDown()
+		}
+		e.preventDefault()
+		return false
+	})
+	el.find('.variations-collapsed').prop('hidden', true)
+}
 
 $(function () {
-    "use strict";
+	'use strict'
 
-    setup_collapsible_details($("body"));
-});
+	setup_collapsible_details($('body'))
+})
diff --git a/src/pretix/static/pretixbase/js/errors.js b/src/pretix/static/pretixbase/js/errors.js
index ab95619cc..9fc77bb74 100644
--- a/src/pretix/static/pretixbase/js/errors.js
+++ b/src/pretix/static/pretixbase/js/errors.js
@@ -1,11 +1,11 @@
 ['DOMContentLoaded', 'pretix:async-task-error'].forEach(function (ev) {
-  document.addEventListener(ev, function () {
-    document.querySelectorAll('#goback, #reload').forEach(function (element) {
-      const regularLoad = ev === 'DOMContentLoaded' && element.id === 'goback';
-      element.addEventListener('click', regularLoad
-        ? () => window.history.back()
-        : () => window.location.reload()
-      );
-    });
-  });
-});
+	document.addEventListener(ev, function () {
+		document.querySelectorAll('#goback, #reload').forEach(function (element) {
+			const regularLoad = ev === 'DOMContentLoaded' && element.id === 'goback'
+			element.addEventListener('click', regularLoad
+				? () => window.history.back()
+				: () => window.location.reload()
+			)
+		})
+	})
+})
diff --git a/src/pretix/static/pretixbase/js/framebreak.js b/src/pretix/static/pretixbase/js/framebreak.js
index 1beab5d7a..363588925 100644
--- a/src/pretix/static/pretixbase/js/framebreak.js
+++ b/src/pretix/static/pretixbase/js/framebreak.js
@@ -1,3 +1,3 @@
 // Attempt to auto-open page in new tab. Will be ignored by most browser's popup blockers anyways, though.
-var url = JSON.parse(document.getElementById('framebreak-url').innerText)
+let url = JSON.parse(document.getElementById('framebreak-url').innerText)
 window.open(url)
diff --git a/src/pretix/static/pretixbase/js/gettextstub.js b/src/pretix/static/pretixbase/js/gettextstub.js
index b5d7f0860..069d5f40e 100644
--- a/src/pretix/static/pretixbase/js/gettextstub.js
+++ b/src/pretix/static/pretixbase/js/gettextstub.js
@@ -1,30 +1,29 @@
 // The actual gettext implementation is loaded asynchronously with the translation
-function gettext(msgid) {
-    if (typeof django !== 'undefined' && typeof django.gettext !== 'undefined') {
-        return django.gettext(msgid);
-    }
-    return msgid;
+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;
+function ngettext (singular, plural, count) {
+	if (typeof django !== 'undefined' && typeof django.ngettext !== 'undefined') {
+		return django.ngettext(singular, plural, count)
+	}
+	return plural
 }
 
-function pgettext(context, msgid) {
-    if (typeof django !== 'undefined' && typeof django.pgettext !== 'undefined') {
-        return django.pgettext(context, msgid);
-    }
-    return msgid;
+function pgettext (context, msgid) {
+	if (typeof django !== 'undefined' && typeof django.pgettext !== 'undefined') {
+		return django.pgettext(context, msgid)
+	}
+	return msgid
 }
 
-function interpolate(fmt, object, named) {
-    if (named) {
-        return fmt.replace(/%\(\w+\)s/g, function(match){return String(obj[match.slice(2,-2)])});
-    } else {
-        return fmt.replace(/%s/g, function(match){return String(obj.shift())});
-    }
+function interpolate (fmt, object, named) {
+	if (named) {
+		return fmt.replace(/%\(\w+\)s/g, function (match) { return String(obj[match.slice(2, -2)]) })
+	} else {
+		return fmt.replace(/%s/g, function (match) { return String(obj.shift()) })
+	}
 }
-
diff --git a/src/pretix/static/pretixbase/js/i18nstring.js b/src/pretix/static/pretixbase/js/i18nstring.js
index 1edcf8c41..f3d427811 100644
--- a/src/pretix/static/pretixbase/js/i18nstring.js
+++ b/src/pretix/static/pretixbase/js/i18nstring.js
@@ -1,25 +1,24 @@
-function i18nstring_localize(o) {
-    var locale = document.body.attributes['data-pretixlocale'].value
-    var short_locale = locale.split('-')[0]
-    if (o[locale])
-        return o[locale]
+function i18nstring_localize (o) {
+	let locale = document.body.attributes['data-pretixlocale'].value
+	let short_locale = locale.split('-')[0]
+	if (o[locale])
+		return o[locale]
 
-    if (o[short_locale])
-        return o[short_locale]
+	if (o[short_locale])
+		return o[short_locale]
 
-    for (k of Object.keys(o)) {
-        if (k.split('-')[0] === short_locale && o[k]) {
-            return o[k]
-        }
-    }
+	for (let k of Object.keys(o)) {
+		if (k.split('-')[0] === short_locale && o[k]) {
+			return o[k]
+		}
+	}
 
-    if (o['en'])
-        return o['en']
+	if (o['en'])
+		return o['en']
 
-    for (k of Object.keys(o)) {
-        if (o[k]) {
-            return o[k]
-        }
-    }
+	for (let k of Object.keys(o)) {
+		if (o[k]) {
+			return o[k]
+		}
+	}
 }
-
diff --git a/src/pretix/static/pretixbase/js/reldate.js b/src/pretix/static/pretixbase/js/reldate.js
index bc7defdfb..a2082510a 100644
--- a/src/pretix/static/pretixbase/js/reldate.js
+++ b/src/pretix/static/pretixbase/js/reldate.js
@@ -32,7 +32,7 @@ $(document).on('pretix:bind-forms', () => {
 				}
 
 				if (dirty) {
-					beforeAfterSelect.dispatchEvent(new Event('change', {bubbles: true}))
+					beforeAfterSelect.dispatchEvent(new Event('change', { bubbles: true }))
 				}
 			}
 			referenceSelect.addEventListener('change', updateBeforeOption)
diff --git a/src/pretix/static/pretixbase/js/reloadpending.js b/src/pretix/static/pretixbase/js/reloadpending.js
index a8d2bea96..2c5cbc09c 100644
--- a/src/pretix/static/pretixbase/js/reloadpending.js
+++ b/src/pretix/static/pretixbase/js/reloadpending.js
@@ -1,8 +1,8 @@
-var intId = window.setInterval(function () {
-    $.get(location.href + '?ajax=1', function (data, status) {
-        if (data === "1") {
-            window.clearInterval(intId);
-            location.reload();
-        }
-    });
-}, 500);
+const intId = window.setInterval(function () {
+	$.get(location.href + '?ajax=1', function (data, _status) {
+		if (data === '1') {
+			window.clearInterval(intId)
+			location.reload()
+		}
+	})
+}, 500)
diff --git a/src/pretix/static/pretixcontrol/js/auth.js b/src/pretix/static/pretixcontrol/js/auth.js
index f0d3439a2..9c79de981 100644
--- a/src/pretix/static/pretixcontrol/js/auth.js
+++ b/src/pretix/static/pretixcontrol/js/auth.js
@@ -1,21 +1,21 @@
-var hiddenfield = document.querySelector("input[name=origin][type=hidden]");
+let hiddenfield = document.querySelector('input[name=origin][type=hidden]')
 if (hiddenfield) {
-    hiddenfield.value = window.location.origin
+	hiddenfield.value = window.location.origin
 }
-async function runCheck() {
-    if (document.getElementById("good_origin")) {
-        if (document.getElementById("good_origin").innerText.split('').reverse().join('') !== window.location.origin) {
-            const response = await fetch(document.getElementById("bad_origin_report_url").innerText.split('').reverse().join(''), {
-                method: "POST",
-                mode: "cors",
-                referrerPolicy: "unsafe-url",
-                headers: {
-                    "Content-Type": "application/x-www-form-urlencoded",
-                },
-                body: "origin=" + window.location.origin,
-            });
-        }
-    }
+async function runCheck () {
+	if (document.getElementById('good_origin')) {
+		if (document.getElementById('good_origin').innerText.split('').reverse().join('') !== window.location.origin) {
+			const _response = await fetch(document.getElementById('bad_origin_report_url').innerText.split('').reverse().join(''), {
+				method: 'POST',
+				mode: 'cors',
+				referrerPolicy: 'unsafe-url',
+				headers: {
+					'Content-Type': 'application/x-www-form-urlencoded',
+				},
+				body: 'origin=' + window.location.origin,
+			})
+		}
+	}
 }
 
-runCheck();
\ No newline at end of file
+runCheck()
diff --git a/src/pretix/static/pretixcontrol/js/base64js.js b/src/pretix/static/pretixcontrol/js/base64js.js
index 69fcb107b..5f30a395f 100644
--- a/src/pretix/static/pretixcontrol/js/base64js.js
+++ b/src/pretix/static/pretixcontrol/js/base64js.js
@@ -1,118 +1,118 @@
-var lookup = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
+let lookup = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
 
 ;(function (exports) {
-  'use strict'
+	'use strict'
 
-  var Arr = (typeof Uint8Array !== 'undefined')
-    ? Uint8Array
-    : Array
+	let Arr = (typeof Uint8Array !== 'undefined')
+		? Uint8Array
+		: Array
 
-  var PLUS = '+'.charCodeAt(0)
-  var SLASH = '/'.charCodeAt(0)
-  var NUMBER = '0'.charCodeAt(0)
-  var LOWER = 'a'.charCodeAt(0)
-  var UPPER = 'A'.charCodeAt(0)
-  var PLUS_URL_SAFE = '-'.charCodeAt(0)
-  var SLASH_URL_SAFE = '_'.charCodeAt(0)
+	let PLUS = '+'.charCodeAt(0)
+	let SLASH = '/'.charCodeAt(0)
+	let NUMBER = '0'.charCodeAt(0)
+	let LOWER = 'a'.charCodeAt(0)
+	let UPPER = 'A'.charCodeAt(0)
+	let PLUS_URL_SAFE = '-'.charCodeAt(0)
+	let SLASH_URL_SAFE = '_'.charCodeAt(0)
 
-  function decode (elt) {
-    var code = elt.charCodeAt(0)
-    if (code === PLUS || code === PLUS_URL_SAFE) return 62 // '+'
-    if (code === SLASH || code === SLASH_URL_SAFE) return 63 // '/'
-    if (code < NUMBER) return -1 // no match
-    if (code < NUMBER + 10) return code - NUMBER + 26 + 26
-    if (code < UPPER + 26) return code - UPPER
-    if (code < LOWER + 26) return code - LOWER + 26
-  }
+	function decode (elt) {
+		let code = elt.charCodeAt(0)
+		if (code === PLUS || code === PLUS_URL_SAFE) return 62 // '+'
+		if (code === SLASH || code === SLASH_URL_SAFE) return 63 // '/'
+		if (code < NUMBER) return -1 // no match
+		if (code < NUMBER + 10) return code - NUMBER + 26 + 26
+		if (code < UPPER + 26) return code - UPPER
+		if (code < LOWER + 26) return code - LOWER + 26
+	}
 
-  function b64ToByteArray (b64) {
-    var i, j, l, tmp, placeHolders, arr
+	function b64ToByteArray (b64) {
+		let i, j, l, tmp, placeHolders, arr
 
-    if (b64.length % 4 > 0) {
-      throw new Error('Invalid string. Length must be a multiple of 4')
-    }
+		if (b64.length % 4 > 0) {
+			throw new Error('Invalid string. Length must be a multiple of 4')
+		}
 
-    // the number of equal signs (place holders)
-    // if there are two placeholders, than the two characters before it
-    // represent one byte
-    // if there is only one, then the three characters before it represent 2 bytes
-    // this is just a cheap hack to not do indexOf twice
-    var len = b64.length
-    placeHolders = b64.charAt(len - 2) === '=' ? 2 : b64.charAt(len - 1) === '=' ? 1 : 0
+		// the number of equal signs (place holders)
+		// if there are two placeholders, than the two characters before it
+		// represent one byte
+		// if there is only one, then the three characters before it represent 2 bytes
+		// this is just a cheap hack to not do indexOf twice
+		let len = b64.length
+		placeHolders = b64.charAt(len - 2) === '=' ? 2 : b64.charAt(len - 1) === '=' ? 1 : 0
 
-    // base64 is 4/3 + up to two characters of the original data
-    arr = new Arr(b64.length * 3 / 4 - placeHolders)
+		// base64 is 4/3 + up to two characters of the original data
+		arr = new Arr(b64.length * 3 / 4 - placeHolders)
 
-    // if there are placeholders, only get up to the last complete 4 chars
-    l = placeHolders > 0 ? b64.length - 4 : b64.length
+		// if there are placeholders, only get up to the last complete 4 chars
+		l = placeHolders > 0 ? b64.length - 4 : b64.length
 
-    var L = 0
+		let L = 0
 
-    function push (v) {
-      arr[L++] = v
-    }
+		function push (v) {
+			arr[L++] = v
+		}
 
-    for (i = 0, j = 0; i < l; i += 4, j += 3) {
-      tmp = (decode(b64.charAt(i)) << 18) | (decode(b64.charAt(i + 1)) << 12) | (decode(b64.charAt(i + 2)) << 6) | decode(b64.charAt(i + 3))
-      push((tmp & 0xFF0000) >> 16)
-      push((tmp & 0xFF00) >> 8)
-      push(tmp & 0xFF)
-    }
+		for (i = 0, j = 0; i < l; i += 4, j += 3) {
+			tmp = (decode(b64.charAt(i)) << 18) | (decode(b64.charAt(i + 1)) << 12) | (decode(b64.charAt(i + 2)) << 6) | decode(b64.charAt(i + 3))
+			push((tmp & 0xFF0000) >> 16)
+			push((tmp & 0xFF00) >> 8)
+			push(tmp & 0xFF)
+		}
 
-    if (placeHolders === 2) {
-      tmp = (decode(b64.charAt(i)) << 2) | (decode(b64.charAt(i + 1)) >> 4)
-      push(tmp & 0xFF)
-    } else if (placeHolders === 1) {
-      tmp = (decode(b64.charAt(i)) << 10) | (decode(b64.charAt(i + 1)) << 4) | (decode(b64.charAt(i + 2)) >> 2)
-      push((tmp >> 8) & 0xFF)
-      push(tmp & 0xFF)
-    }
+		if (placeHolders === 2) {
+			tmp = (decode(b64.charAt(i)) << 2) | (decode(b64.charAt(i + 1)) >> 4)
+			push(tmp & 0xFF)
+		} else if (placeHolders === 1) {
+			tmp = (decode(b64.charAt(i)) << 10) | (decode(b64.charAt(i + 1)) << 4) | (decode(b64.charAt(i + 2)) >> 2)
+			push((tmp >> 8) & 0xFF)
+			push(tmp & 0xFF)
+		}
 
-    return arr
-  }
+		return arr
+	}
 
-  function uint8ToBase64 (uint8) {
-    var i
-    var extraBytes = uint8.length % 3 // if we have 1 byte left, pad 2 bytes
-    var output = ''
-    var temp, length
+	function uint8ToBase64 (uint8) {
+		let i
+		let extraBytes = uint8.length % 3 // if we have 1 byte left, pad 2 bytes
+		let output = ''
+		let temp, length
 
-    function encode (num) {
-      return lookup.charAt(num)
-    }
+		function encode (num) {
+			return lookup.charAt(num)
+		}
 
-    function tripletToBase64 (num) {
-      return encode(num >> 18 & 0x3F) + encode(num >> 12 & 0x3F) + encode(num >> 6 & 0x3F) + encode(num & 0x3F)
-    }
+		function tripletToBase64 (num) {
+			return encode(num >> 18 & 0x3F) + encode(num >> 12 & 0x3F) + encode(num >> 6 & 0x3F) + encode(num & 0x3F)
+		}
 
-    // go through the array every three bytes, we'll deal with trailing stuff later
-    for (i = 0, length = uint8.length - extraBytes; i < length; i += 3) {
-      temp = (uint8[i] << 16) + (uint8[i + 1] << 8) + (uint8[i + 2])
-      output += tripletToBase64(temp)
-    }
+		// go through the array every three bytes, we'll deal with trailing stuff later
+		for (i = 0, length = uint8.length - extraBytes; i < length; i += 3) {
+			temp = (uint8[i] << 16) + (uint8[i + 1] << 8) + (uint8[i + 2])
+			output += tripletToBase64(temp)
+		}
 
-    // pad the end with zeros, but make sure to not forget the extra bytes
-    switch (extraBytes) {
-      case 1:
-        temp = uint8[uint8.length - 1]
-        output += encode(temp >> 2)
-        output += encode((temp << 4) & 0x3F)
-        output += '=='
-        break
-      case 2:
-        temp = (uint8[uint8.length - 2] << 8) + (uint8[uint8.length - 1])
-        output += encode(temp >> 10)
-        output += encode((temp >> 4) & 0x3F)
-        output += encode((temp << 2) & 0x3F)
-        output += '='
-        break
-      default:
-        break
-    }
+		// pad the end with zeros, but make sure to not forget the extra bytes
+		switch (extraBytes) {
+			case 1:
+				temp = uint8[uint8.length - 1]
+				output += encode(temp >> 2)
+				output += encode((temp << 4) & 0x3F)
+				output += '=='
+				break
+			case 2:
+				temp = (uint8[uint8.length - 2] << 8) + (uint8[uint8.length - 1])
+				output += encode(temp >> 10)
+				output += encode((temp >> 4) & 0x3F)
+				output += encode((temp << 2) & 0x3F)
+				output += '='
+				break
+			default:
+				break
+		}
 
-    return output
-  }
+		return output
+	}
 
-  exports.toByteArray = b64ToByteArray
-  exports.fromByteArray = uint8ToBase64
+	exports.toByteArray = b64ToByteArray
+	exports.fromByteArray = uint8ToBase64
 }(typeof exports === 'undefined' ? (this.base64js = {}) : exports))
diff --git a/src/pretix/static/pretixcontrol/js/clipboard.js b/src/pretix/static/pretixcontrol/js/clipboard.js
index b41929973..7700d3717 100644
--- a/src/pretix/static/pretixcontrol/js/clipboard.js
+++ b/src/pretix/static/pretixcontrol/js/clipboard.js
@@ -1,33 +1,33 @@
-$(function() {
-    $('.btn-clipboard').tooltip({
-      trigger: 'click',
-      placement: 'bottom'
-    });
+/* global gettext */
+$(function () {
+	$('.btn-clipboard').tooltip({
+		trigger: 'click',
+		placement: 'bottom'
+	})
 
-    function setTooltip(btn, message) {
-      $(btn).tooltip('hide')
-        .attr('data-original-title', message)
-        .tooltip('show');
-    }
+	function setTooltip (btn, message) {
+		$(btn).tooltip('hide')
+			.attr('data-original-title', message)
+			.tooltip('show')
+	}
 
-    function hideTooltip(btn) {
-      setTimeout(function() {
-        $(btn).tooltip('hide');
-      }, 1000);
-    }
+	function hideTooltip (btn) {
+		setTimeout(function () {
+			$(btn).tooltip('hide')
+		}, 1000)
+	}
 
-    var clipboard = new Clipboard('.btn-clipboard');
+	let clipboard = new Clipboard('.btn-clipboard')
 
-    clipboard.on('success', function(e) {
-      if (e.text.length > 0) {
-        setTooltip(e.trigger, gettext('Copied!'));
-        hideTooltip(e.trigger);
-      }
-    });
-
-    clipboard.on('error', function(e) {
-      setTooltip(e.trigger, gettext('Press Ctrl-C to copy!'));
-      hideTooltip(e.trigger);
-    });
-});
+	clipboard.on('success', function (e) {
+		if (e.text.length > 0) {
+			setTooltip(e.trigger, gettext('Copied!'))
+			hideTooltip(e.trigger)
+		}
+	})
 
+	clipboard.on('error', function (e) {
+		setTooltip(e.trigger, gettext('Press Ctrl-C to copy!'))
+		hideTooltip(e.trigger)
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/menu.js b/src/pretix/static/pretixcontrol/js/menu.js
index c026ee645..fde40cbe6 100644
--- a/src/pretix/static/pretixcontrol/js/menu.js
+++ b/src/pretix/static/pretixcontrol/js/menu.js
@@ -8,79 +8,75 @@
  * Under MIT License
  * Modified by Raphael Michel
  */
-;(function($, window, document, undefined) {
+;(function ($, window, document, undefined) {
+	let pluginName = 'metisMenu',
+		defaults = {
+			toggle: true,
+		}
 
-    var pluginName = "metisMenu",
-        defaults = {
-            toggle: true,
-        };
+	function Plugin (element, options) {
+		this.element = $(element)
+		this.settings = $.extend({}, defaults, options)
+		this._defaults = defaults
+		this._name = pluginName
+		this.init()
+	}
 
-    function Plugin(element, options) {
-        this.element = $(element);
-        this.settings = $.extend({}, defaults, options);
-        this._defaults = defaults;
-        this._name = pluginName;
-        this.init();
-    }
+	Plugin.prototype = {
+		init: function () {
+			let $this = this.element,
+				$toggle = this.settings.toggle,
+				obj = this
 
-    Plugin.prototype = {
-        init: function() {
+			if (this.isIE() <= 9) {
+				$this.find('li.active').has('ul').children('ul').collapse('show')
+				$this.find('li').not('.active').has('ul').children('ul').collapse('hide')
+			} else {
+				$this.find('li.active').has('ul').children('ul').addClass('collapse in')
+				$this.find('li').not('.active').has('ul').children('ul').addClass('collapse')
+			}
 
-            var $this = this.element,
-                $toggle = this.settings.toggle,
-                obj = this;
+			$this.find('li').has('ul').children('a.arrow').on('click' + '.' + pluginName, function (e) {
+				e.preventDefault()
+				$(this).blur()
 
-            if (this.isIE() <= 9) {
-                $this.find("li.active").has("ul").children("ul").collapse("show");
-                $this.find("li").not(".active").has("ul").children("ul").collapse("hide");
-            } else {
-                $this.find("li.active").has("ul").children("ul").addClass("collapse in");
-                $this.find("li").not(".active").has("ul").children("ul").addClass("collapse");
-            }
+				$(this).parent('li').toggleClass('active').children('ul').collapse('toggle')
 
-            $this.find("li").has("ul").children("a.arrow").on("click" + "." + pluginName, function(e) {
-                e.preventDefault();
-                $(this).blur();
+				if ($toggle) {
+					$(this).parent('li').siblings().removeClass('active').children('ul.in').collapse('hide')
+				}
+			})
+		},
 
-                $(this).parent("li").toggleClass("active").children("ul").collapse("toggle");
+		isIE: function () { // https://gist.github.com/padolsey/527683
+			let undef,
+				v = 3,
+				div = document.createElement('div'),
+				all = div.getElementsByTagName('i')
 
-                if ($toggle) {
-                    $(this).parent("li").siblings().removeClass("active").children("ul.in").collapse("hide");
-                }
+			while (
+				div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
+				all[0]
+			) {
+				return v > 4 ? v : undef
+			}
+		},
 
-            });
-        },
+		remove: function () {
+			this.element.off('.' + pluginName)
+			this.element.removeData(pluginName)
+		}
 
-        isIE: function() { //https://gist.github.com/padolsey/527683
-            var undef,
-                v = 3,
-                div = document.createElement("div"),
-                all = div.getElementsByTagName("i");
+	}
 
-            while (
-                div.innerHTML = "<!--[if gt IE " + (++v) + "]><i></i><![endif]-->",
-                all[0]
-            ) {
-                return v > 4 ? v : undef;
-            }
-        },
-
-        remove: function() {
-            this.element.off("." + pluginName);
-            this.element.removeData(pluginName);
-        }
-
-    };
-
-    $.fn[pluginName] = function(options) {
-        this.each(function () {
-            var el = $(this);
-            if (el.data(pluginName)) {
-                el.data(pluginName).remove();
-            }
-            el.data(pluginName, new Plugin(this, options));
-        });
-        return this;
-    };
-
-})(jQuery, window, document);
\ No newline at end of file
+	$.fn[pluginName] = function (options) {
+		this.each(function () {
+			let el = $(this)
+			if (el.data(pluginName)) {
+				el.data(pluginName).remove()
+			}
+			el.data(pluginName, new Plugin(this, options))
+		})
+		return this
+	}
+})(jQuery, window, document)
diff --git a/src/pretix/static/pretixcontrol/js/sb-admin-2.js b/src/pretix/static/pretixcontrol/js/sb-admin-2.js
index 548c7d1f0..3d57f4314 100644
--- a/src/pretix/static/pretixcontrol/js/sb-admin-2.js
+++ b/src/pretix/static/pretixcontrol/js/sb-admin-2.js
@@ -1,35 +1,34 @@
-/*global $ */
 /*
  Based on https://github.com/BlackrockDigital/startbootstrap-sb-admin-2
  Copyright 2013-2016 Blackrock Digital LLC
  MIT License
  Modified by Raphael Michel
  */
-//Loads the correct sidebar on window load,
-//collapses the sidebar on window resize.
+// Loads the correct sidebar on window load,
+// collapses the sidebar on window resize.
 // Sets the min-height of #page-wrapper to window size
-$(window).bind("load resize", function () {
-    'use strict';
-    var topOffset = 50,
-        width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
-    if (width < 768) {
-        $('div.navbar-collapse').addClass('collapse');
-        topOffset = 100; // 2-row-menu
-    } else {
-        $('div.navbar-collapse').removeClass('collapse');
-    }
+$(window).bind('load resize', function () {
+	'use strict'
+	let topOffset = 50,
+		width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width
+	if (width < 768) {
+		$('div.navbar-collapse').addClass('collapse')
+		topOffset = 100 // 2-row-menu
+	} else {
+		$('div.navbar-collapse').removeClass('collapse')
+	}
 
-    var height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1;
-    height = height - topOffset;
-    if (height < 1) height = 1;
-    if (height > topOffset) {
-        $("#page-wrapper").css("min-height", (height) + "px");
-    }
-});
+	let height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1
+	height = height - topOffset
+	if (height < 1) height = 1
+	if (height > topOffset) {
+		$('#page-wrapper').css('min-height', (height) + 'px')
+	}
+})
 $(function () {
-    'use strict';
-    $('ul.nav ul.nav-second-level a.active').parent().parent().addClass('in').parent().addClass('active');
-    $('#side-menu').metisMenu({
-        'toggle': false,
-    });
-});
+	'use strict'
+	$('ul.nav ul.nav-second-level a.active').parent().parent().addClass('in').parent().addClass('active')
+	$('#side-menu').metisMenu({
+		toggle: false,
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/send_form.js b/src/pretix/static/pretixcontrol/js/send_form.js
index 01b3fda00..7b8ddf14b 100644
--- a/src/pretix/static/pretixcontrol/js/send_form.js
+++ b/src/pretix/static/pretixcontrol/js/send_form.js
@@ -1 +1 @@
-document.forms[0].submit();
+document.forms[0].submit()
diff --git a/src/pretix/static/pretixcontrol/js/ui/dashboard.js b/src/pretix/static/pretixcontrol/js/ui/dashboard.js
index b0b95ae55..8d6be6ea5 100644
--- a/src/pretix/static/pretixcontrol/js/ui/dashboard.js
+++ b/src/pretix/static/pretixcontrol/js/ui/dashboard.js
@@ -1,26 +1,25 @@
-/*global $,gettext*/
-
+/* global add_log_expand_handlers */
 $(function () {
-    if ($("div[data-lazy-id]").length == 0) {
-        return;
-    }
-    $.getJSON("widgets.json" + ($("select[name='subevent']").val() ? "?subevent=" + $("select[name='subevent']").val() : ""), function (data) {
-        $.each(data.widgets, function (k, v) {
-            $("[data-lazy-id=" + v.lazy + "]").removeClass("widget-lazy-loading");
-            $("[data-lazy-id=" + v.lazy + "] .widget").html(v.content);
-        });
-    });
-});
+	if ($('div[data-lazy-id]').length == 0) {
+		return
+	}
+	$.getJSON('widgets.json' + ($('select[name=\'subevent\']').val() ? '?subevent=' + $('select[name=\'subevent\']').val() : ''), function (data) {
+		$.each(data.widgets, function (_k, v) {
+			$('[data-lazy-id=' + v.lazy + ']').removeClass('widget-lazy-loading')
+			$('[data-lazy-id=' + v.lazy + '] .widget').html(v.content)
+		})
+	})
+})
 $(function () {
-    if ($("#logs_target").length == 0) {
-        return;
-    }
-	$.get("dashboard/partials/logs", function (data) {
-		$("#logs_target").html(data)
-		add_log_expand_handlers($("#logs_target"))
-	});
-    $.get("dashboard/partials/warnings", function (data) {
-				$("#warnings_loading").remove()
-        $("#warnings_target").html(data)
-    });
-});
+	if ($('#logs_target').length == 0) {
+		return
+	}
+	$.get('dashboard/partials/logs', function (data) {
+		$('#logs_target').html(data)
+		add_log_expand_handlers($('#logs_target'))
+	})
+	$.get('dashboard/partials/warnings', function (data) {
+		$('#warnings_loading').remove()
+		$('#warnings_target').html(data)
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/devices.js b/src/pretix/static/pretixcontrol/js/ui/devices.js
index 8feac1159..31d56eabf 100644
--- a/src/pretix/static/pretixcontrol/js/ui/devices.js
+++ b/src/pretix/static/pretixcontrol/js/ui/devices.js
@@ -1,14 +1,12 @@
-/*globals $, Morris, gettext, RRule, RRuleSet*/
-
 $(function () {
-    var update = function () {
-        $.getJSON(location.href + '?ajax=true', {}, function (data) {
-            if (data.initialized) {
-                location.reload();
-            } else {
-                window.setTimeout(update, 500);
-            }
-        });
-    };
-    window.setTimeout(update, 500);
-});
+	let update = function () {
+		$.getJSON(location.href + '?ajax=true', {}, function (data) {
+			if (data.initialized) {
+				location.reload()
+			} else {
+				window.setTimeout(update, 500)
+			}
+		})
+	}
+	window.setTimeout(update, 500)
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/dragndroplist.js b/src/pretix/static/pretixcontrol/js/ui/dragndroplist.js
index 3c8249738..9763efb73 100644
--- a/src/pretix/static/pretixcontrol/js/ui/dragndroplist.js
+++ b/src/pretix/static/pretixcontrol/js/ui/dragndroplist.js
@@ -1,91 +1,95 @@
-/*global $, Sortable*/
+/* global Sortable */
 $(function () {
-    const allContainers = $("[data-dnd-url]");
-    function updateAllSortButtonStates() {
-        allContainers.each(function() { updateSortButtonState($(this)); });
-    }
-    function updateSortButtonState(container) {
-        var disabledUp = container.find(".sortable-up:disabled"),
-            firstUp = container.find(">tr[data-dnd-id] .sortable-up").first();
-        if (disabledUp.length && disabledUp.get(0) !== firstUp.get(0)) {
-            disabledUp.prop("disabled", false);
-            firstUp.prop("disabled", true);
-        }
+	const allContainers = $('[data-dnd-url]')
+	function updateAllSortButtonStates () {
+		allContainers.each(function () {
+			updateSortButtonState($(this))
+		})
+	}
+	function updateSortButtonState (container) {
+		let disabledUp = container.find('.sortable-up:disabled'),
+			firstUp = container.find('>tr[data-dnd-id] .sortable-up').first()
+		if (disabledUp.length && disabledUp.get(0) !== firstUp.get(0)) {
+			disabledUp.prop('disabled', false)
+			firstUp.prop('disabled', true)
+		}
 
-        var disabledDown = container.find(".sortable-down:disabled"),
-            lastDown = container.find(">tr[data-dnd-id] .sortable-down").last();
-        if (disabledDown.length && disabledDown.get(0) !== lastDown.get(0)) {
-            disabledDown.prop("disabled", false);
-            lastDown.prop("disabled", true);
-        }
-    }
+		let disabledDown = container.find('.sortable-down:disabled'),
+			lastDown = container.find('>tr[data-dnd-id] .sortable-down').last()
+		if (disabledDown.length && disabledDown.get(0) !== lastDown.get(0)) {
+			disabledDown.prop('disabled', false)
+			lastDown.prop('disabled', true)
+		}
+	}
 
-    let didSort = false, lastClick = 0;
-    allContainers.each(function(){
-        const container = $(this),
-            url = container.data("dnd-url"),
-            handle = $('<span class="btn btn-default btn-sm dnd-sort-handle"><i class="fa fa-arrows"></i></span>');
+	let didSort = false, lastClick = 0
+	allContainers.each(function () {
+		const container = $(this),
+			url = container.data('dnd-url'),
+			handle = $('<span class="btn btn-default btn-sm dnd-sort-handle"><i class="fa fa-arrows"></i></span>')
 
-        container.find(".dnd-container").append(handle);
-        if (!sessionStorage.dndShowMoveButtons) {
-            container.find(".sortable-up, .sortable-down").addClass("sr-only").on("click", function () {
-                sessionStorage.dndShowMoveButtons = 'true';
-            });
-        }
-        if (container.find("[data-dnd-id]").length < 2 && !container.data("dnd-group")) {
-            handle.addClass("disabled");
-            return;
-        }
-        function maybeShowSortButtons() {
-            if (Date.now() - lastClick < 3000) {
-                $("[data-dnd-url] .sortable-up, [data-dnd-url] .sortable-down").removeClass("sr-only");
-                updateAllSortButtonStates();
-            }
-            lastClick = Date.now();
-        }
-        container.find(".dnd-sort-handle").on("mouseup", maybeShowSortButtons);
-        const group = container.data("dnd-group");
-        const containers = group ? container.parent().find('[data-dnd-group="' + group + '"]') : container;
-        Sortable.create(container.get(0), {
-            filter: ".sortable-disabled",
-            handle: ".dnd-sort-handle",
-            group: group,
-            onMove: function (evt) {
-                return evt.related.className.indexOf('sortable-disabled') === -1;
-            },
-            onStart: function (evt) {
-                containers.addClass("sortable-dragarea");
-                container.parent().addClass("sortable-sorting");
-                didSort = false;
-            },
-            onEnd: function (evt) {
-                containers.removeClass("sortable-dragarea");
-                container.parent().removeClass("sortable-sorting");
-                if (!didSort) {
-                    maybeShowSortButtons();
-                } else {
-                    $("[data-dnd-url] .sortable-up, [data-dnd-url] .sortable-down").addClass("sr-only");
-                    delete sessionStorage.dndShowMoveButtons;
-                }
-            },
-            onSort: function (evt){
-                if (evt.target !== evt.to) return;
-                didSort = true;
+		container.find('.dnd-container').append(handle)
+		if (!sessionStorage.dndShowMoveButtons) {
+			container.find('.sortable-up, .sortable-down').addClass('sr-only').on('click', function () {
+				sessionStorage.dndShowMoveButtons = 'true'
+			})
+		}
+		if (container.find('[data-dnd-id]').length < 2 && !container.data('dnd-group')) {
+			handle.addClass('disabled')
+			return
+		}
+		function maybeShowSortButtons () {
+			if (Date.now() - lastClick < 3000) {
+				$('[data-dnd-url] .sortable-up, [data-dnd-url] .sortable-down').removeClass('sr-only')
+				updateAllSortButtonStates()
+			}
+			lastClick = Date.now()
+		}
+		container.find('.dnd-sort-handle').on('mouseup', maybeShowSortButtons)
+		const group = container.data('dnd-group')
+		const containers = group ? container.parent().find('[data-dnd-group="' + group + '"]') : container
+		Sortable.create(container.get(0), {
+			filter: '.sortable-disabled',
+			handle: '.dnd-sort-handle',
+			group: group,
+			onMove: function (evt) {
+				return evt.related.className.indexOf('sortable-disabled') === -1
+			},
+			onStart: function () {
+				containers.addClass('sortable-dragarea')
+				container.parent().addClass('sortable-sorting')
+				didSort = false
+			},
+			onEnd: function () {
+				containers.removeClass('sortable-dragarea')
+				container.parent().removeClass('sortable-sorting')
+				if (!didSort) {
+					maybeShowSortButtons()
+				} else {
+					$('[data-dnd-url] .sortable-up, [data-dnd-url] .sortable-down').addClass('sr-only')
+					delete sessionStorage.dndShowMoveButtons
+				}
+			},
+			onSort: function (evt) {
+				if (evt.target !== evt.to) return
+				didSort = true
 
-                const ids = container.find("[data-dnd-id]").toArray().map(function (e) { return e.dataset.dndId; });
-                $.ajax(
-                    {
-                        'type': 'POST',
-                        'url': url,
-                        'headers': {'X-CSRFToken': $("input[name=csrfmiddlewaretoken]").val()},
-                        'data': JSON.stringify({
-                            ids: ids
-                        }),
-                        'contentType': "application/json",
-                        'timeout': 30000
-                    }
-                );
-            }
-        });
-    });
-});
+				const ids = container.find('[data-dnd-id]').toArray().map(function (e) {
+					return e.dataset.dndId
+				})
+				$.ajax(
+					{
+						type: 'POST',
+						url: url,
+						headers: { 'X-CSRFToken': $('input[name=csrfmiddlewaretoken]').val() },
+						data: JSON.stringify({
+							ids: ids
+						}),
+						contentType: 'application/json',
+						timeout: 30000
+					}
+				)
+			}
+		})
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/editor.js b/src/pretix/static/pretixcontrol/js/ui/editor.js
index 5453542ec..71529cbb3 100644
--- a/src/pretix/static/pretixcontrol/js/ui/editor.js
+++ b/src/pretix/static/pretixcontrol/js/ui/editor.js
@@ -1,120 +1,120 @@
-/*globals $, gettext, fabric, PDFJS*/
+/* globals gettext, fabric */
 
-window.module = {}  // Hack to load ajv-compiled schema without actual module loading
+window.module = {} // Hack to load ajv-compiled schema without actual module loading
 
 fabric.Poweredby = fabric.util.createClass(fabric.Image, {
-    type: 'poweredby',
+	type: 'poweredby',
 
-    initialize: function (options) {
-        options || (options = {});
+	initialize: function (options) {
+		options || (options = {})
 
-        var el = $("#poweredby-" + options.content).get(0)
-        this.callSuper('initialize', el, options);
-        this.set('label', options.label || '');
-    },
+		let el = $('#poweredby-' + options.content).get(0)
+		this.callSuper('initialize', el, options)
+		this.set('label', options.label || '')
+	},
 
-    toObject: function () {
-        return fabric.util.object.extend(this.callSuper('toObject'), {});
-    },
+	toObject: function () {
+		return fabric.util.object.extend(this.callSuper('toObject'), {})
+	},
 
-    _render: function (ctx) {
-        this.callSuper('_render', ctx);
-    },
-});
+	_render: function (ctx) {
+		this.callSuper('_render', ctx)
+	},
+})
 fabric.Poweredby.fromObject = function (object, callback, forceAsync) {
-    return fabric.Object._fromObject('Poweredby', object, callback, forceAsync);
-};
+	return fabric.Object._fromObject('Poweredby', object, callback, forceAsync)
+}
 fabric.Imagearea = fabric.util.createClass(fabric.Rect, {
-    type: 'imagearea',
+	type: 'imagearea',
 
-    initialize: function (text, options) {
-        options || (options = {});
+	initialize: function (text, options) {
+		options || (options = {})
 
-        this.callSuper('initialize', text, options);
-        this.set('label', options.label || '');
-    },
+		this.callSuper('initialize', text, options)
+		this.set('label', options.label || '')
+	},
 
-    toObject: function () {
-        return fabric.util.object.extend(this.callSuper('toObject'), {});
-    },
+	toObject: function () {
+		return fabric.util.object.extend(this.callSuper('toObject'), {})
+	},
 
-    _render: function (ctx) {
-        ctx.fillStyle = '#009'
-        this.callSuper('_render', ctx);
+	_render: function (ctx) {
+		ctx.fillStyle = '#009'
+		this.callSuper('_render', ctx)
 
-        ctx.font = '12px Helvetica';
-        ctx.fillStyle = '#fff';
-        ctx.fillText(this.content, -this.width / 2, -this.height / 2 + 20, this.width);
-    },
-});
+		ctx.font = '12px Helvetica'
+		ctx.fillStyle = '#fff'
+		ctx.fillText(this.content, -this.width / 2, -this.height / 2 + 20, this.width)
+	},
+})
 fabric.Imagearea.fromObject = function (object, callback, forceAsync) {
-    return fabric.Object._fromObject('Imagearea', object, callback, forceAsync);
-};
+	return fabric.Object._fromObject('Imagearea', object, callback, forceAsync)
+}
 fabric.Textcontainer = fabric.util.createClass(fabric.Rect, {
-    type: 'textcontainer',
+	type: 'textcontainer',
 
-    initialize: function (text, options) {
-        options || (options = {});
+	initialize: function (text, options) {
+		options || (options = {})
 
-        this.callSuper('initialize', options);
+		this.callSuper('initialize', options)
 
-        //this.textbox = new fabric.Textbox(text, JSON.parse(JSON.stringify(options)));
-        this.set('content', options.content || '');
+		// this.textbox = new fabric.Textbox(text, JSON.parse(JSON.stringify(options)));
+		this.set('content', options.content || '')
 
-        this.cacheProperties.push(
-            "width", "height", "fontSize", "lineHeight", "fill", "fontFamily", "fontWeight",
-            "fontStyle", "text", "textAlign", "splitLongWords", "splitByGrapheme", "verticalAlign",
-            "autoResize",
-        )
-    },
+		this.cacheProperties.push(
+			'width', 'height', 'fontSize', 'lineHeight', 'fill', 'fontFamily', 'fontWeight',
+			'fontStyle', 'text', 'textAlign', 'splitLongWords', 'splitByGrapheme', 'verticalAlign',
+			'autoResize',
+		)
+	},
 
-    toObject: function (propertiesToInclude) {
-        return this.callSuper('toObject', ['content'].concat(propertiesToInclude));
-    },
+	toObject: function (propertiesToInclude) {
+		return this.callSuper('toObject', ['content'].concat(propertiesToInclude))
+	},
 
-    _internalTextbox: function () {
-        var fontSize = parseFloat(this.fontSize);
-        var text = (this.text || "").replace("-", "-\u200B");
-        while (true) {
-            var tmptext = new fabric.Textbox(text, {
-                _wordJoiners: /[ \t\r\u200B]/u,
-                left: 0,
-                top: 0,
-                originY: 'top',
-                originX: 'left',
-                width: this.width,
-                height: this.height,
-                fontSize: fontSize,
-                lineHeight: this.lineHeight,
-                fill: this.fill,
-                fontFamily: this.fontFamily,
-                fontWeight: this.fontWeight,
-                fontStyle: this.fontStyle,
-                text: text,
-                textAlign: this.textAlign,
-                splitByGrapheme: this.splitLongWords
-            })
-            tmptext.setCoords();
-            var lineHeights = 0;
-            for (var i = 0, len = tmptext._textLines.length; i < len; i++) {
-                var heightOfLine = tmptext.getHeightOfLine(i);
-                lineHeights += heightOfLine;
-            }
-            if (!this.autoResize || (lineHeights <= this.height && tmptext.width <= this.width) || fontSize <= 1.0) {
-                return {textbox: tmptext, height: lineHeights, width: tmptext.width}
-            }
-            if (lineHeights > this.height) { // we can do larger steps for height
-                fontSize = fontSize - Math.max(1.0, fontSize * .1)
-            } else {
-                fontSize = fontSize - Math.max(.25, fontSize * .025)
-            }
-        }
-    },
+	_internalTextbox: function () {
+		let fontSize = parseFloat(this.fontSize)
+		let text = (this.text || '').replace('-', '-\u200B')
+		while (true) {
+			let tmptext = new fabric.Textbox(text, {
+				_wordJoiners: /[ \t\r\u200B]/u,
+				left: 0,
+				top: 0,
+				originY: 'top',
+				originX: 'left',
+				width: this.width,
+				height: this.height,
+				fontSize: fontSize,
+				lineHeight: this.lineHeight,
+				fill: this.fill,
+				fontFamily: this.fontFamily,
+				fontWeight: this.fontWeight,
+				fontStyle: this.fontStyle,
+				text: text,
+				textAlign: this.textAlign,
+				splitByGrapheme: this.splitLongWords
+			})
+			tmptext.setCoords()
+			let lineHeights = 0
+			for (let i = 0, len = tmptext._textLines.length; i < len; i++) {
+				let heightOfLine = tmptext.getHeightOfLine(i)
+				lineHeights += heightOfLine
+			}
+			if (!this.autoResize || (lineHeights <= this.height && tmptext.width <= this.width) || fontSize <= 1.0) {
+				return { textbox: tmptext, height: lineHeights, width: tmptext.width }
+			}
+			if (lineHeights > this.height) { // we can do larger steps for height
+				fontSize = fontSize - Math.max(1.0, fontSize * 0.1)
+			} else {
+				fontSize = fontSize - Math.max(0.25, fontSize * 0.025)
+			}
+		}
+	},
 
-    _render: function (ctx) {
-        var h = this.height, w = this.width;
+	_render: function (ctx) {
+		let h = this.height, w = this.width
 
-        /*
+		/*
         var x = -this.width / 2,
             y = -this.height / 2;
         ctx.fillStyle = '#ccc';
@@ -127,1345 +127,1342 @@ fabric.Textcontainer = fabric.util.createClass(fabric.Rect, {
         ctx.closePath();
         ctx.fill();
          */
-        var { textbox, height, width } = this._internalTextbox();
+		let { textbox, height, width } = this._internalTextbox()
 
-        ctx.save();
-        if (this.verticalAlign === "top") {
-            ctx.translate(0, - (h - height) / 2);
-        } else if (this.verticalAlign === "bottom") {
-            ctx.translate(0, (h - height) / 2);
-        }
+		ctx.save()
+		if (this.verticalAlign === 'top') {
+			ctx.translate(0, -(h - height) / 2)
+		} else if (this.verticalAlign === 'bottom') {
+			ctx.translate(0, (h - height) / 2)
+		}
 
-        // it is entirely unclear to me why overflow is always rendered centered, so we manually readjust
-        if (this.textAlign === "left" && width > w) {
-            ctx.translate(-(w - width) / 2, 0);
-        } else if (this.verticalAlign === "right" && width > w) {
-            ctx.translate((w - width) / 2, 0);
-        }
-        textbox._render(ctx);
-        ctx.restore();
-    },
-});
+		// it is entirely unclear to me why overflow is always rendered centered, so we manually readjust
+		if (this.textAlign === 'left' && width > w) {
+			ctx.translate(-(w - width) / 2, 0)
+		} else if (this.verticalAlign === 'right' && width > w) {
+			ctx.translate((w - width) / 2, 0)
+		}
+		textbox._render(ctx)
+		ctx.restore()
+	},
+})
 fabric.Textcontainer.fromObject = function (object, callback, forceAsync) {
-    return fabric.Object._fromObject('Textcontainer', object, callback, forceAsync);
-};
+	return fabric.Object._fromObject('Textcontainer', object, callback, forceAsync)
+}
 fabric.Barcodearea = fabric.util.createClass(fabric.Rect, {
-    type: 'barcodearea',
+	type: 'barcodearea',
 
-    initialize: function (text, options) {
-        options || (options = {});
+	initialize: function (text, options) {
+		options || (options = {})
 
-        this.callSuper('initialize', text, options);
-        this.set('label', options.label || '');
-    },
+		this.callSuper('initialize', text, options)
+		this.set('label', options.label || '')
+	},
 
-    toObject: function () {
-        return fabric.util.object.extend(this.callSuper('toObject'), {});
-    },
+	toObject: function () {
+		return fabric.util.object.extend(this.callSuper('toObject'), {})
+	},
 
-    _render: function (ctx) {
-        this.callSuper('_render', ctx);
+	_render: function (ctx) {
+		this.callSuper('_render', ctx)
 
-        ctx.font = '16px Helvetica';
-        ctx.fillStyle = '#fff';
-        if (this.content === "pseudonymization_id") {
-            ctx.fillText(this.content, -this.width / 2, -this.height / 2 + 20);
-        } else if (!this.content || this.content === "secret") {
-            ctx.fillText(gettext('Check-in QR'), -this.width / 2, -this.height / 2 + 20);
-        } else {
-            ctx.fillText(this.content, -this.width / 2, -this.height / 2 + 20);
-        }
-    },
-});
+		ctx.font = '16px Helvetica'
+		ctx.fillStyle = '#fff'
+		if (this.content === 'pseudonymization_id') {
+			ctx.fillText(this.content, -this.width / 2, -this.height / 2 + 20)
+		} else if (!this.content || this.content === 'secret') {
+			ctx.fillText(gettext('Check-in QR'), -this.width / 2, -this.height / 2 + 20)
+		} else {
+			ctx.fillText(this.content, -this.width / 2, -this.height / 2 + 20)
+		}
+	},
+})
 fabric.Barcodearea.fromObject = function (object, callback, forceAsync) {
-    return fabric.Object._fromObject('Barcodearea', object, callback, forceAsync);
-};
+	return fabric.Object._fromObject('Barcodearea', object, callback, forceAsync)
+}
 fabric.Textarea = fabric.util.createClass(fabric.Textbox, {
-    type: 'textarea',
+	type: 'textarea',
 
-    initialize: function (text, options) {
-        options || (options = {});
+	initialize: function (text, options) {
+		options || (options = {})
 
-        this.callSuper('initialize', text, options);
-        this.set('content', options.content || '');
-    },
+		this.callSuper('initialize', text, options)
+		this.set('content', options.content || '')
+	},
 
-    toObject: function(propertiesToInclude) {
-        return this.callSuper('toObject', ['content'].concat(propertiesToInclude));
-    }
-});
+	toObject: function (propertiesToInclude) {
+		return this.callSuper('toObject', ['content'].concat(propertiesToInclude))
+	}
+})
 fabric.Textarea.fromObject = function (object, callback, forceAsync) {
-    return fabric.Object._fromObject('Textarea', object, callback, forceAsync, 'text');
-};
-
+	return fabric.Object._fromObject('Textarea', object, callback, forceAsync, 'text')
+}
 
 var editor = {
-    $pdfcv: null,
-    $fcv: null,
-    $cva: null,
-    $fabric: null,
-    objects: [],
-    history: [],
-    clipboard: [],
-    pdf: null,
-    pdf_page: null,
-    pdf_page_number: 1,
-    pdf_page_count: 1,
-    pdf_scale: 1,
-    pdf_viewport: null,
-    _history_pos: 0,
-    _history_modification_in_progress: false,
-    _other_page_objects: [],
-    dirty: false,
-    _ever_saved: false,
-    pdf_url: null,
-    uploaded_file_id: null,
-    _window_loaded: false,
-    _fabric_loaded: false,
-
-    _px2mm: function (v) {
-        return v / editor.pdf_scale / 72 * editor.pdf_page.userUnit * 25.4;
-    },
-
-    _mm2px: function (v) {
-        return v * editor.pdf_scale * 72 / editor.pdf_page.userUnit / 25.4;
-    },
-
-    _px2pt: function (v) {
-        return v / editor.pdf_scale * editor.pdf_page.userUnit;
-    },
-
-    _pt2px: function (v) {
-        return v * editor.pdf_scale / editor.pdf_page.userUnit;
-    },
-
-    dump: function (objs) {
-        var d = !objs ? JSON.parse(JSON.stringify(editor._other_page_objects)) : [];
-        objs = objs || editor.fabric.getObjects();
-
-        for (var i in objs) {
-            var o = objs[i];
-            var top = o.top;
-            var left = o.left;
-            if (o.group) {
-                top += o.group.top + o.group.height / 2;
-                left += o.group.left + o.group.width / 2;
-            }
-            var col, bottom;
-            if (o.type === "textarea") {
-                col = (new fabric.Color(o.fill))._source;
-                bottom = editor.pdf_viewport.height - o.height - top;
-                if (o.downward) {
-                    bottom = editor.pdf_viewport.height - top;
-                }
-                d.push({
-                    type: "textarea",
-                    page: editor.pdf_page_number,
-                    locale: $("#pdf-info-locale").val(),
-                    left: editor._px2mm(left).toFixed(2),
-                    bottom: editor._px2mm(bottom).toFixed(2),
-                    fontsize: editor._px2pt(o.fontSize).toFixed(1),
-                    lineheight: o.lineHeight,
-                    color: col,
-                    fontfamily: o.fontFamily,
-                    bold: o.fontWeight === 'bold',
-                    italic: o.fontStyle === 'italic',
-                    width: editor._px2mm(o.width).toFixed(2),
-                    downward: o.downward || false,
-                    content: o.content,
-                    text: o.text,
-                    text_i18n: o.text_i18n || {},
-                    rotation: o.angle,
-                    align: o.textAlign,
-                });
-            } else  if (o.type === "textcontainer") {
-                col = (new fabric.Color(o.fill))._source;
-                bottom = editor.pdf_viewport.height - o.height - top;
-                d.push({
-                    type: "textcontainer",
-                    page: editor.pdf_page_number,
-                    locale: $("#pdf-info-locale").val(),
-                    left: editor._px2mm(left).toFixed(2),
-                    bottom: editor._px2mm(bottom).toFixed(2),
-                    fontsize: editor._px2pt(o.fontSize).toFixed(1),
-                    lineheight: o.lineHeight,
-                    color: col,
-                    fontfamily: o.fontFamily,
-                    bold: o.fontWeight === 'bold',
-                    italic: o.fontStyle === 'italic',
-                    width: editor._px2mm(o.width).toFixed(2),
-                    height: editor._px2mm(o.height).toFixed(2),
-                    content: o.content,
-                    text: o.text,
-                    text_i18n: o.text_i18n || {},
-                    rotation: o.angle,
-                    align: o.textAlign || 'left',
-                    verticalalign: o.verticalAlign || 'middle',
-                    autoresize: o.autoResize || false,
-                    splitlongwords: o.splitLongWords || false,
-                });
-            } else  if (o.type === "imagearea") {
-                d.push({
-                    type: "imagearea",
-                    page: editor.pdf_page_number,
-                    left: editor._px2mm(left).toFixed(2),
-                    bottom: editor._px2mm(editor.pdf_viewport.height - o.height * o.scaleY - top).toFixed(2),
-                    height: editor._px2mm(o.height * o.scaleY).toFixed(2),
-                    width: editor._px2mm(o.width * o.scaleX).toFixed(2),
-                    content: o.content,
-                });
-            } else  if (o.type === "barcodearea") {
-                col = (new fabric.Color(o.fill))._source;
-                d.push({
-                    type: "barcodearea",
-                    page: editor.pdf_page_number,
-                    left: editor._px2mm(left).toFixed(2),
-                    bottom: editor._px2mm(editor.pdf_viewport.height - o.height * o.scaleY - top).toFixed(2),
-                    size: editor._px2mm(o.height * o.scaleY).toFixed(2),
-                    content: o.content,
-                    text: o.text,
-                    text_i18n: o.text_i18n || {},
-                    nowhitespace: o.nowhitespace || false,
-                    color: col,
-                });
-            } else  if (o.type === "poweredby") {
-                d.push({
-                    type: "poweredby",
-                    page: editor.pdf_page_number,
-                    left: editor._px2mm(left).toFixed(2),
-                    bottom: editor._px2mm(editor.pdf_viewport.height - o.height * o.scaleY - top).toFixed(2),
-                    size: editor._px2mm(o.height * o.scaleY).toFixed(2),
-                    content: o.content,
-                });
-            }
-        }
-        return d;
-    },
-
-    _add_from_data: function (d) {
-        var targetPage = d.page || 1;
-        if (targetPage !== editor.pdf_page_number) {
-            editor._other_page_objects.push(d);
-            return
-        }
-        if (d.type === "barcodearea") {
-            o = editor._add_qrcode();
-            o.content = d.content;
-            o.scaleToHeight(editor._mm2px(d.size));
-            o.nowhitespace = d.nowhitespace || false;
-            if (!d.color) {
-              d.color = [0, 0, 0, 1];
-            }
-            o.set('fill', 'rgb(' + d.color[0] + ',' + d.color[1] + ',' + d.color[2] + ')');
-            if (d.content === "other") {
-                o.text = d.text
-            } else if (d.content === "other_i18n") {
-                o.text_i18n = d.text_i18n
-            }
-        } else if (d.type === "imagearea") {
-            o = editor._add_imagearea(d.content);
-            o.content = d.content;
-            o.set('height', editor._mm2px(d.height));
-            o.set('width', editor._mm2px(d.width));
-            o.set('scaleX', 1);
-            o.set('scaleY', 1);
-        } else if (d.type === "poweredby") {
-            o = editor._add_poweredby(d.content);
-            o.content = d.content;
-            o.scaleToHeight(editor._mm2px(d.size));
-        } else if (d.type === "textcontainer") {
-            o = editor._add_textcontainer();
-            o.set('fill', 'rgb(' + d.color[0] + ',' + d.color[1] + ',' + d.color[2] + ')');
-            o.set('fontSize', editor._pt2px(d.fontsize));
-            o.set('lineHeight', d.lineheight || 1);
-            o.set('fontFamily', d.fontfamily);
-            o.set('fontWeight', d.bold ? 'bold' : 'normal');
-            o.set('fontStyle', d.italic ? 'italic' : 'normal');
-            o.content = d.content;
-            o.set('textAlign', d.align);
-            o.set('verticalAlign', d.verticalalign);
-            o.set('autoResize', d.autoresize);
-            o.set('splitLongWords', d.splitlongwords);
-            if (d.rotation) {
-                o.rotate(d.rotation);
-            }
-            if (d.content === "other") {
-                o.set('text', d.text);
-            } else if (d.content === "other_i18n") {
-                o.text_i18n = d.text_i18n
-                o.set('text', d.text_i18n[Object.keys(d.text_i18n)[0]]);
-            } else if (d.content) {
-                o.set('text', editor._get_text_sample(d.content));
-            }
-            o.set('width', editor._mm2px(d.width));  // needs to be after setText
-            o.set('height', editor._mm2px(d.height));  // needs to be after setText
-            if (d.locale) {
-                // The data format allows to set the locale per text field but we currently only expose a global field
-                $("#pdf-info-locale").val(d.locale);
-            }
-        } else if (d.type === "textarea" || o.type === "text") {
-            o = editor._add_text();
-            o.set('fill', 'rgb(' + d.color[0] + ',' + d.color[1] + ',' + d.color[2] + ')');
-            o.set('fontSize', editor._pt2px(d.fontsize));
-            o.set('lineHeight', d.lineheight || 1);
-            o.set('fontFamily', d.fontfamily);
-            o.set('fontWeight', d.bold ? 'bold' : 'normal');
-            o.set('fontStyle', d.italic ? 'italic' : 'normal');
-            o.downward = d.downward || false;
-            o.content = d.content;
-            o.set('textAlign', d.align);
-            if (d.rotation) {
-                o.rotate(d.rotation);
-            }
-            if (d.content === "other") {
-                o.set('text', d.text);
-            } else if (d.content === "other_i18n") {
-                o.text_i18n = d.text_i18n
-                o.set('text', d.text_i18n[Object.keys(d.text_i18n)[0]]);
-            } else if (d.content) {
-                o.set('text', editor._get_text_sample(d.content));
-            }
-            o.set('width', editor._mm2px(d.width));  // needs to be after setText
-            if (d.locale) {
-                // The data format allows to set the locale per text field but we currently only expose a global field
-                $("#pdf-info-locale").val(d.locale);
-            }
-        }
-
-        var new_top = editor.pdf_viewport.height - editor._mm2px(d.bottom) - (o.height * o.scaleY);
-        if (o.downward) {
-            new_top = editor.pdf_viewport.height - editor._mm2px(d.bottom);
-        }
-        o.set('left', editor._mm2px(d.left));
-        o.set('top', new_top);
-        o.setCoords();
-        return o;
-    },
-
-    load: function(data) {
-        editor.fabric.clear();
-        editor._other_page_objects = [];
-        for (var i in data) {
-            var d = data[i], o;
-            editor._add_from_data(d);
-        }
-        editor.fabric.renderAll();
-        editor._update_toolbox_values();
-    },
-
-    _get_text_sample: function (key) {
-        if (key.startsWith('itemmeta:')) {
-            return key.substr(9);
-        } else if (key.startsWith('meta:')) {
-            return key.substr(5);
-        }
-        return $('#toolbox-content option[value="'+key+'"], #toolbox-content option[data-old-value="'+key+'"]').attr('data-sample') || '???';
-    },
-
-    _load_page: function (page_number, dump) {
-        var previous_dump = editor._fabric_loaded ? editor.dump() : [];
-
-        // Fetch the required page
-        editor.pdf.getPage(page_number).then(function (page) {
-            var canvas = document.getElementById('pdf-canvas');
-
-            var scale = editor.$cva.width() / page.getViewport({scale: 1.0}).width;
-            var viewport = page.getViewport({ scale: scale });
-            var outputScale = window.devicePixelRatio || 1;
-
-            // Prepare canvas using PDF page dimensions
-            var context = canvas.getContext('2d');
-            context.clearRect(0, 0, canvas.width, canvas.height);
-            canvas.width = Math.floor(viewport.width * outputScale);
-            canvas.height = Math.floor(viewport.height * outputScale);
-            canvas.style.width = Math.floor(viewport.width) + "px";
-            canvas.style.height =  Math.floor(viewport.height) + "px";
-            var transform = outputScale !== 1 ? [outputScale, 0, 0, outputScale, 0, 0] : null;
-
-            editor.pdf_page = page;
-            editor.pdf_scale = scale;
-            editor.pdf_viewport = viewport;
-
-            // Render PDF page into canvas context
-            var renderContext = {
-                canvasContext: context,
-                transform: transform,
-                viewport: viewport,
-            };
-            var renderTask = page.render(renderContext);
-            renderTask.promise.then(function () {
-                editor.pdf_page_number = page_number
-                editor._init_page_nav();
-
-                if (dump || !editor._fabric_loaded) {
-                    editor._init_fabric(dump);
-                } else {
-                    editor.load(previous_dump);
-                }
-            });
-        });
-    },
-
-    _init_page_nav: function () {
-        if (editor.pdf_page_count === 1) {
-            $("#page_nav").hide();
-        } else {
-            $("#page_nav").html("");
-            for (i = 1; i <= editor.pdf_page_count; i++) {
-                var $li = $("<li>").addClass("nav-item");
-                var $a = $("<a>").text(i).attr("href", "#").attr("data-page", i).appendTo($li);
-                if (i === editor.pdf_page_number) {
-                    $li.addClass("active")
-                }
-                $("#page_nav").append($li)
-                $a.on("click", function (event) {
-                    editor.fabric.discardActiveObject();
-                    editor._load_page(parseInt($(this).attr("data-page")));
-                    event.preventDefault();
-                    return true;
-                })
-            }
-            $("#page_nav").show();
-        }
-    },
-
-    _load_pdf: function (dump) {
-        // TODO: Loading indicators
-        var url = editor.pdf_url;
-        // TODO: Handle cross-origin issues if static files are on a different origin
-        var pdfjsLib = window['pdfjs-dist/build/pdf'];
-        pdfjsLib.GlobalWorkerOptions.workerSrc = editor.$pdfcv.attr("data-worker-url");
-
-        // Asynchronous download of PDF
-        var loadingTask = pdfjsLib.getDocument(url);
-        loadingTask.promise.then(function (pdf) {
-
-            editor.pdf = pdf;
-            editor.pdf_page_count = pdf.numPages;
-            if (editor.pdf_page_count > 10) {
-                alert('Please do not upload files with more than 10 pages for performance reasons.')
-            }
-            editor._init_page_nav();
-            editor._load_page(1, dump);
-        }, function (reason) {
-            var msg = gettext('The PDF background file could not be loaded for the following reason:');
-            editor._error(msg + ' ' + reason);
-        });
-    },
-
-    _init_fabric: function (dump) {
-        editor.$fcv.get(0).width = editor.pdf_viewport.width;
-        editor.$fcv.get(0).height = editor.pdf_viewport.height;
-        editor.fabric = new fabric.Canvas('fabric-canvas');
-
-        editor.fabric.on('object:modified', editor._create_savepoint);
-        editor.fabric.on('object:added', editor._create_savepoint);
-        editor.fabric.on('selection:cleared', editor._update_toolbox);
-        editor.fabric.on('selection:created', editor._update_toolbox);
-        editor.fabric.on('selection:updated', editor._update_toolbox);
-        editor.fabric.on('object:modified', editor._update_toolbox_values);
-        editor._update_toolbox();
-
-        $("#toolbox-content-other").hide();
-        $("#toolbox-content-other-i18n").hide();
-        $("#toolbox-content-other-help").hide();
-        $(".add-buttons button").prop('disabled', false);
-
-        if (dump) {
-            editor.load(dump);
-        } else {
-            var data = $.trim($("#editor-data").text());
-            if (data) {
-                editor.load(JSON.parse(data));
-            }
-        }
-        editor.history = [];
-        editor._create_savepoint();
-        editor.dirty = !!dump;
-        editor._update_save_button();
-
-        if ($("#loading-upload").is(":visible")) {
-            $("#loading-container, #loading-upload").hide();
-        }
-
-        editor._fabric_loaded = true;
-        if (editor._window_loaded) {
-            editor._ready();
-        }
-    },
-
-    _window_load_event: function () {
-        editor._window_loaded = true;
-        if (editor._fabric_loaded) {
-            editor._ready();
-        }
-    },
-
-    _ready: function () {
-        var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
-        var isFirefox = navigator.userAgent.indexOf("Firefox") > 0;
-        var isChromeBased = !!window.chrome;
-        if (isChromeBased || isOpera || isFirefox) {
-            $("#loading-container").hide();
-            $("#loading-initial").remove();
-        } else {
-            $("#editor-loading").hide();
-            $("#editor-start").removeClass("sr-only");
-            $("#editor-start").click(function () {
-                $("#loading-container").hide();
-                $("#loading-initial").remove();
-            });
-        }
-        editor._update_version_notice();
-    },
-
-    _update_version_notice: function () {
-        $("#version-notice").toggle(
-            editor._other_page_objects.some((o) => o.type === "textcontainer") ||
-            editor.fabric.getObjects().some((o) => o.type === "textcontainer")
-        );
-    },
-
-    _update_toolbox_values: function () {
-        editor._update_version_notice();
-        var o = editor.fabric.getActiveObject();
-        if (!o) {
-            return;
-        }
-        var bottom = editor.pdf_viewport.height - o.height * o.scaleY - o.top;
-        if (o.downward) {
-            bottom = editor.pdf_viewport.height - o.top;
-        }
-        $("#toolbox-position-x").val(editor._px2mm(o.left).toFixed(2));
-        $("#toolbox-position-y").val(editor._px2mm(bottom).toFixed(2));
-
-        if (o.type === 'activeSelection') {
-            // limit controls to the ones which are common to every element in selection
-            o.forEachControl(function(control, key) {
-                o.setControlVisible(key, o.getObjects().every(function(obj) {
-                    // special case „text“ in group does not support any controls
-                    return obj.type !== "text" && obj.type !== "textarea" && obj.isControlVisible(key)
-                }));
-            });
-        } else if (o.type === "barcodearea") {
-            var col = (new fabric.Color(o.fill))._source;
-            $("#toolbox-qrcolor").val("#" + ((1 << 24) + (col[0] << 16) + (col[1] << 8) + col[2]).toString(16).slice(1));
-            $("#toolbox-squaresize").val(editor._px2mm(o.height * o.scaleY).toFixed(2));
-            $("#toolbox-qrwhitespace").prop("checked", o.nowhitespace || false);
-        } else if (o.type === "imagearea") {
-            $("#toolbox-height").val(editor._px2mm(o.height * o.scaleY).toFixed(2));
-            $("#toolbox-width").val(editor._px2mm(o.width * o.scaleX).toFixed(2));
-            $("#toolbox-imagecontent").val(o.content);
-        } else if (o.type === "poweredby") {
-            $("#toolbox-squaresize").val(editor._px2mm(o.height * o.scaleY).toFixed(2));
-            $("#toolbox-poweredby-style").val(o.content);
-        } else if (o.type === "textcontainer") {
-            var col = (new fabric.Color(o.fill))._source;
-            $("#toolbox-col").val("#" + ((1 << 24) + (col[0] << 16) + (col[1] << 8) + col[2]).toString(16).slice(1));
-            $("#toolbox-fontsize").val(editor._px2pt(o.fontSize).toFixed(1));
-            $("#toolbox-lineheight").val(o.lineHeight || 1);
-            $("#toolbox-fontfamily").val(o.fontFamily);
-            $("#toolbox").find("button[data-action=bold]").toggleClass('active', o.fontWeight === 'bold');
-            $("#toolbox").find("button[data-action=italic]").toggleClass('active', o.fontStyle === 'italic');
-            $("#toolbox").find("button[data-action=autoresize]").toggleClass('active', o.autoResize || false)
-            $("#toolbox").find("button[data-action=splitlongwords]").toggleClass('active', o.splitLongWords || false)
-            $("#toolbox").find("button[data-action=left]").toggleClass('active', o.textAlign === 'left' || !o.textAlign);
-            $("#toolbox").find("button[data-action=center]").toggleClass('active', o.textAlign === 'center');
-            $("#toolbox").find("button[data-action=right]").toggleClass('active', o.textAlign === 'right');
-            $("#toolbox").find("button[data-action=top]").toggleClass('active', o.verticalAlign === 'top' || !o.verticalAlign);
-            $("#toolbox").find("button[data-action=middle]").toggleClass('active', o.verticalAlign === 'middle');
-            $("#toolbox").find("button[data-action=bottom]").toggleClass('active', o.verticalAlign === 'bottom');
-
-            if (o.scaleY !== 1 || o.scaleX !== 1) {
-                o.set({
-                    height: o.height * o.scaleY,
-                    width: o.width * o.scaleX,
-                    scaleX: 1,
-                    scaleY: 1
-                });
-            }
-
-            $("#toolbox-height").val(editor._px2mm(o.height).toFixed(2));
-            $("#toolbox-width").val(editor._px2mm(o.width).toFixed(2));
-            $("#toolbox-textrotation").val((o.angle || 0.0).toFixed(1));
-        } else if (o.type === "text" || o.type === "textarea") {
-            var col = (new fabric.Color(o.fill))._source;
-            $("#toolbox-col").val("#" + ((1 << 24) + (col[0] << 16) + (col[1] << 8) + col[2]).toString(16).slice(1));
-            $("#toolbox-fontsize").val(editor._px2pt(o.fontSize).toFixed(1));
-            $("#toolbox-lineheight").val(o.lineHeight || 1);
-            $("#toolbox-fontfamily").val(o.fontFamily);
-            $("#toolbox").find("button[data-action=bold]").toggleClass('active', o.fontWeight === 'bold');
-            $("#toolbox").find("button[data-action=italic]").toggleClass('active', o.fontStyle === 'italic');
-            $("#toolbox").find("button[data-action=downward]").toggleClass('active', o.downward || false);
-            $("#toolbox").find("button[data-action=left]").toggleClass('active', o.textAlign === 'left');
-            $("#toolbox").find("button[data-action=center]").toggleClass('active', o.textAlign === 'center');
-            $("#toolbox").find("button[data-action=right]").toggleClass('active', o.textAlign === 'right');
-            $("#toolbox-textwidth").val(editor._px2mm(o.width).toFixed(2));
-            $("#toolbox-textrotation").val((o.angle || 0.0).toFixed(1));
-        }
-
-        if (o.type === "textarea" || o.type === "barcodearea" || o.type === "textcontainer") {
-            if (!o.content && o.type == "barcodearea") {
-                o.content = "secret";
-            }
-            var $migrate_to = $("#toolbox-content option[data-old-value='" + o.content + "']");
-            if ($migrate_to.length > 0) {
-                $("#toolbox-content").val($migrate_to.val());
-            } else {
-                $("#toolbox-content").val(o.content);
-            }
-            $("#toolbox-content-other").toggle($("#toolbox-content").val() === "other");
-            $("#toolbox-content-other-i18n").toggle($("#toolbox-content").val() === "other_i18n");
-            $("#toolbox-content-other-help").toggle($("#toolbox-content").val() === "other" || $("#toolbox-content").val() === "other_i18n");
-            if (o.content === "other") {
-                $("#toolbox-content-other").val(o.text);
-            } else if (o.content === "other_i18n") {
-                $("#toolbox-content-other-i18n textarea").each(function () {
-                    $(this).val(o.text_i18n[$(this).attr("lang")] || '');
-                });
-            } else {
-                $("#toolbox-content-other").val("");
-            }
-        }
-    },
-
-    _update_values_from_toolbox: function (e) {
-        var o = editor.fabric.getActiveObject();
-        if (!o) {
-            return;
-        }
-
-        var new_top = editor.pdf_viewport.height - editor._mm2px($("#toolbox-position-y").val()) - o.height * o.scaleY;
-        if (o.type === "textarea" || o.type === "text") {
-            if ($("#toolbox").find("button[data-action=downward]").is('.active')) {
-                new_top = editor.pdf_viewport.height - editor._mm2px($("#toolbox-position-y").val());
-            }
-        }
-        o.set('left', editor._mm2px($("#toolbox-position-x").val()));
-        o.set('top', new_top);
-
-        if (o.type === "barcodearea") {
-            var new_h = editor._mm2px($("#toolbox-squaresize").val());
-            new_top += o.height * o.scaleY - new_h;
-            o.set('height', new_h);
-            o.set('width', new_h);
-            o.set('scaleX', 1);
-            o.set('scaleY', 1);
-            o.set('top', new_top)
-            o.set('fill', $("#toolbox-qrcolor").val());
-            o.nowhitespace = $("#toolbox-qrwhitespace").prop("checked") || false;
-
-            $("#toolbox-content-other").toggle($("#toolbox-content").val() === "other");
-            $("#toolbox-content-other-i18n").toggle($("#toolbox-content").val() === "other_i18n");
-            $("#toolbox-content-other-help").toggle($("#toolbox-content").val() === "other" || $("#toolbox-content").val() === "other_i18n");
-            o.content = $("#toolbox-content").val();
-            if ($("#toolbox-content").val() === "other") {
-                if (e.target.id === "toolbox-content") {
-                    // user used dropdown to switch content-type, update value with value from i18n textarea
-                    $("#toolbox-content-other").val($("#toolbox-content-other-i18n textarea").val());
-                }
-                o.text = $("#toolbox-content-other").val();
-            } else if ($("#toolbox-content").val() === "other_i18n") {
-                if (e.target.id === "toolbox-content") {
-                    // user used dropdown to switch content-type, update value with value from "other" textarea
-                    $("#toolbox-content-other-i18n textarea").val($("#toolbox-content-other").val());
-                }
-                o.text_i18n = {}
-                $("#toolbox-content-other-i18n textarea").each(function () {
-                    o.text_i18n[$(this).attr("lang")] = $(this).val();
-                });
-            } else {
-                o.text = editor._get_text_sample($("#toolbox-content").val());
-            }
-        } else if (o.type === "imagearea") {
-            var new_w = editor._mm2px($("#toolbox-width").val());
-            var new_h = editor._mm2px($("#toolbox-height").val());
-            new_top += o.height * o.scaleY - new_h;
-            o.set('height', new_h);
-            o.set('width', new_w);
-            o.set('scaleX', 1);
-            o.set('scaleY', 1);
-            o.set('top', new_top)
-            o.content = $("#toolbox-imagecontent").val();
-        } else if (o.type === "poweredby") {
-            var new_h = Math.max(1, editor._mm2px($("#toolbox-squaresize").val()));
-            new_top += o.height * o.scaleY - new_h;
-            o.set('width', new_h / o.height * o.width);
-            o.set('height', new_h);
-            o.set('scaleX', 1);
-            o.set('scaleY', 1);
-            o.set('top', new_top)
-            if ($("#toolbox-poweredby-style").val() !== o.content) {
-                var data = editor.dump([o]);
-                data[0].content = $("#toolbox-poweredby-style").val();
-                var newo = editor._add_from_data(data[0]);
-                editor.fabric.remove(o);
-                editor.fabric.discardActiveObject();
-                editor.fabric.setActiveObject(newo);
-            }
-        } else if (o.type === "textcontainer") {
-            o.set('fill', $("#toolbox-col").val());
-            o.set('fontSize', editor._pt2px($("#toolbox-fontsize").val()));
-            o.set('lineHeight', $("#toolbox-lineheight").val() || 1);
-            o.set('fontFamily', $("#toolbox-fontfamily").val());
-            o.set('fontWeight', $("#toolbox").find("button[data-action=bold]").is('.active') ? 'bold' : 'normal');
-            o.set('fontStyle', $("#toolbox").find("button[data-action=italic]").is('.active') ? 'italic' : 'normal');
-            var align = $("#toolbox-align").find(".active").attr("data-action");
-            if (align) {
-                o.set('textAlign', align);
-            }
-            var verticalAlign = $("#toolbox-verticalalign").find(".active").attr("data-action");
-            if (verticalAlign) {
-                o.set('verticalAlign', verticalAlign);
-            }
-            o.set('autoResize', $("#toolbox").find("button[data-action=autoresize]").is('.active'));
-            o.set('splitLongWords', $("#toolbox").find("button[data-action=splitlongwords]").is('.active'));
-            // todo: verticalalign
-            o.rotate(parseFloat($("#toolbox-textrotation").val()));
-            $("#toolbox-content-other").toggle($("#toolbox-content").val() === "other");
-            $("#toolbox-content-other-i18n").toggle($("#toolbox-content").val() === "other_i18n");
-            $("#toolbox-content-other-help").toggle($("#toolbox-content").val() === "other" || $("#toolbox-content").val() === "other_i18n");
-            o.content = $("#toolbox-content").val();
-            if ($("#toolbox-content").val() === "other") {
-                if (e.target.id === "toolbox-content") {
-                    // user used dropdown to switch content-type, update value with value from i18n textarea
-                    $("#toolbox-content-other").val($("#toolbox-content-other-i18n textarea").val());
-                }
-                o.set('text', $("#toolbox-content-other").val());
-            } else if ($("#toolbox-content").val() === "other_i18n") {
-                if (e.target.id === "toolbox-content") {
-                    // user used dropdown to switch content-type, update value with value from "other" textarea
-                    $("#toolbox-content-other-i18n textarea").val($("#toolbox-content-other").val());
-                }
-                o.text_i18n = {}
-                $("#toolbox-content-other-i18n textarea").each(function () {
-                    o.text_i18n[$(this).attr("lang")] = $(this).val();
-                });
-                o.set('text', $("#toolbox-content-other-i18n textarea").first().val());
-            } else {
-                o.set('text', editor._get_text_sample($("#toolbox-content").val()));
-            }
-            o.set('width', editor._mm2px($("#toolbox-width").val()));
-            o.set('height', editor._mm2px($("#toolbox-height").val()));
-        } else if (o.type === "textarea" || o.type === "text") {
-            o.set('fill', $("#toolbox-col").val());
-            o.set('fontSize', editor._pt2px($("#toolbox-fontsize").val()));
-            o.set('lineHeight', $("#toolbox-lineheight").val() || 1);
-            o.set('fontFamily', $("#toolbox-fontfamily").val());
-            o.set('fontWeight', $("#toolbox").find("button[data-action=bold]").is('.active') ? 'bold' : 'normal');
-            o.set('fontStyle', $("#toolbox").find("button[data-action=italic]").is('.active') ? 'italic' : 'normal');
-            var align = $("#toolbox-align").find(".active").attr("data-action");
-            if (align) {
-                o.set('textAlign', align);
-            }
-            o.downward = $("#toolbox").find("button[data-action=downward]").is('.active');
-            o.rotate(parseFloat($("#toolbox-textrotation").val()));
-            $("#toolbox-content-other").toggle($("#toolbox-content").val() === "other");
-            $("#toolbox-content-other-i18n").toggle($("#toolbox-content").val() === "other_i18n");
-            $("#toolbox-content-other-help").toggle($("#toolbox-content").val() === "other" || $("#toolbox-content").val() === "other_i18n");
-            o.content = $("#toolbox-content").val();
-            if ($("#toolbox-content").val() === "other") {
-                if (e.target.id === "toolbox-content") {
-                    // user used dropdown to switch content-type, update value with value from i18n textarea
-                    $("#toolbox-content-other").val($("#toolbox-content-other-i18n textarea").val());
-                }
-                o.set('text', $("#toolbox-content-other").val());
-            } else if ($("#toolbox-content").val() === "other_i18n") {
-                if (e.target.id === "toolbox-content") {
-                    // user used dropdown to switch content-type, update value with value from "other" textarea
-                    $("#toolbox-content-other-i18n textarea").val($("#toolbox-content-other").val());
-                }
-                o.text_i18n = {}
-                $("#toolbox-content-other-i18n textarea").each(function () {
-                    o.text_i18n[$(this).attr("lang")] = $(this).val();
-                });
-                o.set('text', $("#toolbox-content-other-i18n textarea").first().val());
-            } else {
-                o.set('text', editor._get_text_sample($("#toolbox-content").val()));
-            }
-            o.set('width', editor._mm2px($("#toolbox-textwidth").val()));
-        }
-
-        // empty text-inputs if not in use
-        if ($("#toolbox-content").val() !== "other") {
-            $("#toolbox-content-other").val("");
-        }
-        if ($("#toolbox-content").val() !== "other_i18n") {
-            $("#toolbox-content-other-i18n textarea").val("");
-        }
-
-        o.setCoords();
-        editor.fabric.renderAll();
-    },
-
-    _update_toolbox: function () {
-        var selected = editor.fabric.getActiveObjects();
-        $(".object-buttons button").prop("disabled", selected.length == 0);
-        if (selected.length > 1) {
-            $("#toolbox").attr("data-type", "group");
-            $("#toolbox-heading").text(gettext("Group of objects"));
-        } else if (selected.length == 1) {
-            var o = selected[0];
-            $("#toolbox").attr("data-type", o.type);
-            if (o.type === "textarea" || o.type === "text") {
-                $("#toolbox-heading").text(gettext("Text object (deprecated)"));
-            } else if (o.type === "textarea" || o.type === "text" || o.type === "textcontainer") {
-                $("#toolbox-heading").text(gettext("Text box"));
-            } else if (o.type === "barcodearea") {
-                $("#toolbox-heading").text(gettext("Barcode area"));
-            } else if (o.type === "imagearea") {
-                $("#toolbox-heading").text(gettext("Image area"));
-            } else if (o.type === "poweredby") {
-                $("#toolbox-heading").text(gettext("Powered by pretix"));
-            } else {
-                $("#toolbox-heading").text(gettext("Object"));
-            }
-        } else {
-            $("#toolbox").removeAttr("data-type");
-            $("#toolbox-heading").text(gettext("Ticket design"));
-            $("#pdf-info-width").val(editor._px2mm(editor.pdf_viewport.width).toFixed(2));
-            $("#pdf-info-height").val(editor._px2mm(editor.pdf_viewport.height).toFixed(2));
-        }
-        editor._update_toolbox_values();
-    },
-
-    _error: function (msg) {
-        editor.$cva.before("<div class='alert alert-danger'>" + msg + "</div>");
-    },
-
-    _add_text: function () {
-        var text = new fabric.Textarea(editor._get_text_sample('event_name'), {
-            left: 100,
-            top: 100,
-            width: editor._mm2px(50),
-            lockRotation: false,
-            fontFamily: 'Open Sans',
-            lineHeight: 1,
-            content: 'event_name',
-            editable: false,
-            fontSize: editor._pt2px(13)
-        });
-        text.downward = true;
-        text.setControlsVisibility({
-            'tr': false,
-            'tl': false,
-            'mt': false,
-            'br': false,
-            'bl': false,
-            'mb': false,
-            'mr': true,
-            'ml': true,
-            'mtr': true
-        });
-        editor.fabric.add(text);
-        editor._create_savepoint();
-        return text;
-    },
-
-    _add_poweredby: function (content) {
-        var rect = new fabric.Poweredby({
-            left: 100,
-            top: 100,
-            height: 629,
-            width: 1024,
-            lockRotation: true,
-            content: content
-        });
-        rect.scaleToHeight(126);
-        rect.setControlsVisibility({'mtr': false, 'mb': false, 'mt': false, 'mr': false, 'ml': false});
-        editor.fabric.add(rect);
-        editor._create_savepoint();
-        return rect;
-    },
-
-    _add_textcontainer: function () {
-        var rect = new fabric.Textcontainer(editor._get_text_sample('event_name'), {
-            left: 100,
-            top: 100,
-            width: 300,
-            height: 29,
-            lockRotation: false,
-            fill: '#000',
-            content: 'event_name',
-            text: editor._get_text_sample('event_name'),
-            fontFamily: 'Open Sans',
-            fontStyle: 'normal',
-            lineHeight: 1,
-            editable: false,
-            fontSize: editor._pt2px(13),
-            verticalAlign: 'middle',
-            textAlign: 'left',
-            splitLongWords: true,
-            autoResize: true,
-            lockScalingFlip: true,
-        });
-        rect.setControlsVisibility({
-            'tr': true,
-            'tl': true,
-            'mt': true,
-            'br': true,
-            'bl': true,
-            'mb': true,
-            'mr': true,
-            'ml': true,
-            'mtr': true
-        });
-        editor.fabric.add(rect);
-        editor._create_savepoint();
-        $("#version-notice").show();
-        return rect;
-    },
-
-    _add_imagearea: function () {
-        var rect = new fabric.Imagearea({
-            left: 100,
-            top: 100,
-            width: 100,
-            height: 100,
-            lockRotation: true,
-            fill: '#666',
-            content: '',
-        });
-        rect.setControlsVisibility({'mtr': false});
-        editor.fabric.add(rect);
-        editor._create_savepoint();
-        return rect;
-    },
-
-    _add_qrcode: function () {
-        var rect = new fabric.Barcodearea({
-            left: 100,
-            top: 100,
-            width: 100,
-            height: 100,
-            lockRotation: true,
-            fill: '#000',
-            content: $(this).attr("data-content"),
-            text: '',
-            nowhitespace: true,
-        });
-        rect.setControlsVisibility({'mtr': false, 'mb': false, 'mt': false, 'mr': false, 'ml': false});
-        editor.fabric.add(rect);
-        editor._create_savepoint();
-        return rect;
-    },
-
-    _cut: function () {
-        var thing = editor.fabric.getActiveObject();
-        if (!thing) {
-            return false;
-        }
-        editor._history_modification_in_progress = true;
-        if (thing.type === "activeSelection") {
-            editor.clipboard = editor.dump(thing._objects);
-            thing.forEachObject(function (o) {
-                editor.fabric.remove(o);
-            });
-            editor.fabric.remove(thing);
-        } else {
-            editor.clipboard = editor.dump([thing]);
-            editor.fabric.remove(thing);
-        }
-        editor.fabric.discardActiveObject();
-        editor._history_modification_in_progress = false;
-        editor._create_savepoint();
-    },
-
-    _copy: function () {
-        var thing = editor.fabric.getActiveObject();
-        if (!thing) {
-            return false;
-        }
-        if (thing.type === "activeSelection") {
-            editor.clipboard = editor.dump(thing._objects);
-        } else {
-            editor.clipboard = editor.dump([thing]);
-        }
-        return true;
-    },
-
-    _paste: function () {
-        if (editor.clipboard.length < 1) {
-            return;
-        }
-        editor._history_modification_in_progress = true;
-        var objs = [];
-        for (var i in editor.clipboard) {
-            editor.clipboard[i].page = editor.pdf_page_number;
-            objs.push(editor._add_from_data(editor.clipboard[i]));
-        }
-        editor.fabric.discardActiveObject();
-        if (editor.clipboard.length > 1) {
-            var selection = new fabric.ActiveSelection(objs, {canvas: editor.fabric});
-            editor.fabric.setActiveObject(selection);
-        } else {
-            editor.fabric.setActiveObject(objs[0]);
-        }
-        editor._history_modification_in_progress = false;
-        editor._create_savepoint();
-    },
-
-    _duplicate: function () {
-        var prevClipboad = editor.clipboard;
-        if (editor._copy()) {
-            editor._paste();
-            editor.clipboard = prevClipboad;
-        }
-    },
-
-    _delete: function () {
-        var thing = editor.fabric.getActiveObject();
-        if (!thing) {
-            return false;
-        }
-        if (thing.type === "activeSelection") {
-            thing.forEachObject(function (o) {
-                editor.fabric.remove(o);
-            });
-            editor.fabric.remove(thing);
-            editor.fabric.discardActiveObject();
-        } else {
-            editor.fabric.remove(thing);
-            editor.fabric.discardActiveObject();
-        }
-        editor._create_savepoint();
-    },
-
-    _on_keydown: function (e) {
-        var step = editor._mm2px(e.shiftKey ? 10 : (e.altKey ? 0.1 : 1));
-        var thing = editor.fabric.getActiveObject();
-        if ($("#source-container").is(':visible')) {
-            return true;
-        }
-        if (e.ctrlKey || e.metaKey) {
-            switch (e.key) {
-                case "a":
-                    editor._selectAll();
-                    break;
-                case "y":
-                    editor._redo();
-                    break;
-                case "z":
-                    editor._undo();
-                    break;
-                case "x":
-                    editor._cut();
-                    break;
-                case "v":
-                    editor._paste();
-                    break;
-                case "c":
-                    editor._copy();
-                    break;
-                case "d":
-                    editor._duplicate();
-                    break;
-                default:
-                    return;
-            }
-        } else {
-            switch (e.key) {
-                case "ArrowUp":
-                    thing.set('top', thing.get('top') - step);
-                    thing.setCoords();
-                    editor._create_savepoint();
-                    break;
-                case "ArrowDown":
-                    thing.set('top', thing.get('top') + step);
-                    thing.setCoords();
-                    editor._create_savepoint();
-                    break;
-                case "ArrowLeft":
-                    thing.set('left', thing.get('left') - step);
-                    thing.setCoords();
-                    editor._create_savepoint();
-                    break;
-                case "ArrowRight":
-                    thing.set('left', thing.get('left') + step);
-                    thing.setCoords();
-                    editor._create_savepoint();
-                    break;
-                case "Backspace":
-                case "Del":
-                case "Delete":
-                    editor._delete();
-                    break;
-                case "Cut":
-                    editor._cut();
-                    break;
-                case "Copy":
-                    editor._copy();
-                    break;
-                case "Paste":
-                    editor._paste();
-                    break;
-                case "Redo":
-                    editor._redo();
-                    break;
-                case "Undo":
-                    editor._undo();
-                    break;
-                default:
-                    return;
-            }
-        }
-
-        e.preventDefault();
-        editor.fabric.renderAll();
-        editor._update_toolbox_values();
-    },
-
-    _create_savepoint: function () {
-        if (editor._history_modification_in_progress) {
-            return;
-        }
-        var state = editor.dump();
-        if (editor._history_pos > 0) {
-            editor.history.splice(-1 * editor._history_pos, editor._history_pos);
-            editor._history_pos = 0;
-        }
-        editor.history.push(state);
-        editor.dirty = true;
-        editor._update_save_button();
-    },
-
-    _selectAll: function () {
-        var selection = new fabric.ActiveSelection(editor.fabric._objects, {canvas: editor.fabric});
-        editor.fabric.setActiveObject(selection);
-    },
-
-    _undo: function undo() {
-        if (editor._history_pos < editor.history.length - 1) {
-            editor._history_modification_in_progress = true;
-            editor._history_pos += 1;
-            editor.fabric.clear().renderAll();
-            editor.load(editor.history[editor.history.length - 1 - editor._history_pos]);
-            editor._history_modification_in_progress = false;
-            editor.dirty = true;
-            editor._update_save_button();
-        }
-    },
-
-    _redo: function redo() {
-        if (editor._history_pos > 0) {
-            editor._history_modification_in_progress = true;
-            editor._history_pos -= 1;
-            editor.load(editor.history[editor.history.length - 1 - editor._history_pos]);
-            editor._history_modification_in_progress = false;
-            editor.dirty = true;
-            editor._update_save_button();
-        }
-    },
-
-    _update_save_button() {
-        if ($("#editor-save span").prop("disabled")) {
-            // Currently saving
-            return;
-        }
-        if (editor.dirty || !editor._ever_saved) {
-            $("#editor-save").removeClass("btn-success").addClass("btn-primary").find(".fa").attr("class", "fa fa-fw fa-save");
-        } else {
-            $("#editor-save").addClass("btn-success").removeClass("btn-primary").find(".fa").attr("class", "fa fa-fw fa-check");
-        }
-
-        $("#toolbox-undo").prop("disabled", editor._history_pos == editor.history.length-1);
-        $("#toolbox-redo").prop("disabled", editor._history_pos == 0);
-    },
-
-    _save: function () {
-        $("#editor-save").prop('disabled', true).removeClass("btn-success").addClass("btn-primary").find(".fa").attr("class", "fa fa-fw fa-cog fa-spin");
-        var dump = editor.dump();
-        var payload = {
-            'data': JSON.stringify(dump),
-            'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val(),
-            'background': editor.uploaded_file_id,
-        };
-        if ($("#pdf-info-name").length > 0) {
-            payload.name = $("#pdf-info-name").val();
-        }
-        $.post(window.location.href, payload, function (data) {
-            if (data.status === 'ok') {
-                $("#editor-save").prop('disabled', false);
-                editor.dirty = false;
-                editor.uploaded_file_id = null;
-                editor._ever_saved = true;
-                editor._update_save_button();
-            } else {
-                alert(gettext('Saving failed.'));
-            }
-        }, 'json');
-        return false;
-    },
-
-    _preview: function (e) {
-        $("#preview-form input[name=data]").val(JSON.stringify(editor.dump()));
-        $("#preview-form input[name=background]").val(editor.uploaded_file_id);
-        if (!e || !e.target.form) $("#preview-form").get(0).submit();
-    },
-
-    _replace_pdf_file: function (url) {
-        editor.pdf_url = url;
-        d = editor.dump();
-        editor.fabric.dispose();
-        editor._load_pdf(d);
-        $(".background-download-button").attr("href", url);
-    },
-
-    _source_show: function () {
-        $("#source-textarea").text(JSON.stringify(editor.dump()));
-        $("#source-container").show();
-    },
-
-    _source_close: function () {
-        $("#source-container").hide();
-    },
-
-    _source_save: function () {
-        try {
-            var data = JSON.parse($("#source-textarea").val())
-            var valid = validate30(data)
-
-            if (!valid) {
-                console.log(validate30.errors)
-                alert("Invalid input syntax. If you're familiar with this, check out the developer console for a full " +
-                      "error log. Otherwise, please contact support.")
-            } else {
-                editor.load(data);
-                $("#source-container").hide();
-            }
-        } catch (e) {
-            console.error(e)
-            alert("Parsing error. If you're familiar with this, check out the developer console for a full " +
-                "error log. Otherwise, please contact support.")
-        }
-    },
-
-    _create_empty_background: function () {
-        editor._paper_size_warning();
-        $("#loading-container, #loading-upload").show();
-        $("#loading-upload .progress").show();
-        $('#loading-upload .progress-bar').css('width', 0);
-        $("#fileupload").prop('disabled', true);
-        $(".background-button").addClass("disabled");
-        $.post(window.location.href, {
-            'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val(),
-            'emptybackground': 'true',
-            'width': $("#pdf-info-width").val(),
-            'height': $("#pdf-info-height").val(),
-        }, function (data) {
-            if (data.status === "ok") {
-                editor.uploaded_file_id = data.id;
-                editor._replace_pdf_file(data.url);
-            } else {
-                alert(data.result.error || gettext("Error while uploading your PDF file, please try again."));
-                $("#loading-container, #loading-upload").hide();
-            }
-            $("#fileupload").prop('disabled', false);
-            $(".background-button").removeClass("disabled");
-        }, 'json');
-        editor.dirty = true;
-    },
-
-    _paper_size_warning: function () {
-        var warn = editor.pdf_viewport && (
-            Math.abs(parseFloat($("#pdf-info-height").val()) - editor._px2mm(editor.pdf_viewport.height)) > 0.001 ||
-            Math.abs(parseFloat($("#pdf-info-width").val()) - editor._px2mm(editor.pdf_viewport.width)) > 0.001
-        );
-        $("#pdf-empty").toggleClass("btn-primary", warn).toggleClass("btn-default", !warn);
-    },
-
-    init: function () {
-        editor.$pdfcv = $("#pdf-canvas");
-        editor.pdf_url = editor.$pdfcv.attr("data-pdf-url");
-        editor.$fcv = $("#fabric-canvas");
-        editor.$cva = $("#editor-canvas-area");
-        editor._load_pdf();
-        $("#editor-add-qrcode, #editor-add-qrcode-lead, #editor-add-qrcode-other").click(editor._add_qrcode);
-        $("#editor-add-image").click(editor._add_imagearea);
-        $("#editor-add-textcontainer").click(editor._add_textcontainer);
-        $("#editor-add-text").click(editor._add_text);
-        $("#editor-add-poweredby").click(function() {editor._add_poweredby("dark")});
-        editor.$cva.get(0).tabIndex = 1000;
-        editor.$cva.on("keydown", editor._on_keydown);
-        $("#editor-save").on("click", editor._save);
-        $("#editor-preview").on("click", editor._preview);
-        window.onbeforeunload = function () {
-            if (editor.dirty) {
-                return gettext("Do you really want to leave the editor without saving your changes?");
-            }
-        };
-        $("#source-container").hide();
-
-
-        $("#pdf-empty").on("click", editor._create_empty_background);
-        $('#fileupload').fileupload({
-            url: location.href,
-            dataType: 'json',
-            done: function (e, data) {
-                if (data.result.status === "ok") {
-                    editor.uploaded_file_id = data.result.id;
-                    editor._replace_pdf_file(data.result.url);
-                    editor.dirty = true;
-                    editor._update_save_button();
-                } else {
-                    alert(data.result.error || gettext("Error while uploading your PDF file, please try again."));
-                    $("#loading-container, #loading-upload").hide();
-                }
-                $("#fileupload").prop('disabled', false);
-                $(".background-button").removeClass("disabled");
-            },
-            add: function (e, data) {
-                data.formData = {
-                    'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val()
-                };
-                $("#loading-container, #loading-upload").show();
-                $("#loading-upload .progress").show();
-                $('#loading-upload .progress-bar').css('width', 0);
-                $("#fileupload").prop('disabled', true);
-                $(".background-button").addClass("disabled");
-                data.process().done(function () {
-                    data.submit();
-                });
-            },
-            progressall: function (e, data) {
-                var progress = parseInt(data.loaded / data.total * 100, 10);
-                $('#loading-upload .progress-bar').css('width', progress + '%');
-            }
-        }).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
-
-        $("#toolbox input[type=number], #toolbox textarea, #toolbox input[type=text], #toolbox input[type=checkbox]").bind('change keydown keyup' +
-            ' input', editor._update_values_from_toolbox);
-        $("#toolbox input[type=number], #toolbox textarea, #toolbox input[type=text], #toolbox input[type=checkbox], #toolbox input[type=radio]").bind('change', editor._create_savepoint);
-        $("#toolbox label.btn").bind('click change', editor._update_values_from_toolbox);
-        $("#toolbox select").bind('change', editor._update_values_from_toolbox);
-        $("#toolbox select").bind('change', editor._create_savepoint);
-        $("#toolbox button.toggling").bind('click change', function (e) {
-            if ($(this).is(".option")) {
-                $(this).addClass("active");
-                $(this).parent().siblings().find("button").removeClass("active");
-            } else {
-                $(this).toggleClass("active");
-            }
-            editor._update_values_from_toolbox(e);
-            editor._create_savepoint();
-        });
-        $("#toolbox .colorpickerfield").bind('changeColor', editor._update_values_from_toolbox);
-        $("#toolbox-duplicate").bind('click', editor._duplicate);
-        $("#toolbox-delete").bind('click', editor._delete);
-        $("#toolbox-undo").bind('click', editor._undo);
-        $("#toolbox-redo").bind('click', editor._redo);
-        $("#toolbox-source").bind('click', editor._source_show);
-        $("#source-close").bind('click', editor._source_close);
-        $("#source-save").bind('click', editor._source_save);
-        $("#pdf-info-name").bind('change', function () {
-            editor.dirty = true;
-            editor._update_save_button();
-        });
-        $("#pdf-info-width, #pdf-info-height").bind('change input', editor._paper_size_warning);
-    }
-};
+	$pdfcv: null,
+	$fcv: null,
+	$cva: null,
+	$fabric: null,
+	objects: [],
+	history: [],
+	clipboard: [],
+	pdf: null,
+	pdf_page: null,
+	pdf_page_number: 1,
+	pdf_page_count: 1,
+	pdf_scale: 1,
+	pdf_viewport: null,
+	_history_pos: 0,
+	_history_modification_in_progress: false,
+	_other_page_objects: [],
+	dirty: false,
+	_ever_saved: false,
+	pdf_url: null,
+	uploaded_file_id: null,
+	_window_loaded: false,
+	_fabric_loaded: false,
+
+	_px2mm: function (v) {
+		return v / editor.pdf_scale / 72 * editor.pdf_page.userUnit * 25.4
+	},
+
+	_mm2px: function (v) {
+		return v * editor.pdf_scale * 72 / editor.pdf_page.userUnit / 25.4
+	},
+
+	_px2pt: function (v) {
+		return v / editor.pdf_scale * editor.pdf_page.userUnit
+	},
+
+	_pt2px: function (v) {
+		return v * editor.pdf_scale / editor.pdf_page.userUnit
+	},
+
+	dump: function (objs) {
+		let d = !objs ? JSON.parse(JSON.stringify(editor._other_page_objects)) : []
+		objs = objs || editor.fabric.getObjects()
+
+		for (let i in objs) {
+			let o = objs[i]
+			let top = o.top
+			let left = o.left
+			if (o.group) {
+				top += o.group.top + o.group.height / 2
+				left += o.group.left + o.group.width / 2
+			}
+			var col, bottom
+			if (o.type === 'textarea') {
+				col = (new fabric.Color(o.fill))._source
+				bottom = editor.pdf_viewport.height - o.height - top
+				if (o.downward) {
+					bottom = editor.pdf_viewport.height - top
+				}
+				d.push({
+					type: 'textarea',
+					page: editor.pdf_page_number,
+					locale: $('#pdf-info-locale').val(),
+					left: editor._px2mm(left).toFixed(2),
+					bottom: editor._px2mm(bottom).toFixed(2),
+					fontsize: editor._px2pt(o.fontSize).toFixed(1),
+					lineheight: o.lineHeight,
+					color: col,
+					fontfamily: o.fontFamily,
+					bold: o.fontWeight === 'bold',
+					italic: o.fontStyle === 'italic',
+					width: editor._px2mm(o.width).toFixed(2),
+					downward: o.downward || false,
+					content: o.content,
+					text: o.text,
+					text_i18n: o.text_i18n || {},
+					rotation: o.angle,
+					align: o.textAlign,
+				})
+			} else if (o.type === 'textcontainer') {
+				col = (new fabric.Color(o.fill))._source
+				bottom = editor.pdf_viewport.height - o.height - top
+				d.push({
+					type: 'textcontainer',
+					page: editor.pdf_page_number,
+					locale: $('#pdf-info-locale').val(),
+					left: editor._px2mm(left).toFixed(2),
+					bottom: editor._px2mm(bottom).toFixed(2),
+					fontsize: editor._px2pt(o.fontSize).toFixed(1),
+					lineheight: o.lineHeight,
+					color: col,
+					fontfamily: o.fontFamily,
+					bold: o.fontWeight === 'bold',
+					italic: o.fontStyle === 'italic',
+					width: editor._px2mm(o.width).toFixed(2),
+					height: editor._px2mm(o.height).toFixed(2),
+					content: o.content,
+					text: o.text,
+					text_i18n: o.text_i18n || {},
+					rotation: o.angle,
+					align: o.textAlign || 'left',
+					verticalalign: o.verticalAlign || 'middle',
+					autoresize: o.autoResize || false,
+					splitlongwords: o.splitLongWords || false,
+				})
+			} else if (o.type === 'imagearea') {
+				d.push({
+					type: 'imagearea',
+					page: editor.pdf_page_number,
+					left: editor._px2mm(left).toFixed(2),
+					bottom: editor._px2mm(editor.pdf_viewport.height - o.height * o.scaleY - top).toFixed(2),
+					height: editor._px2mm(o.height * o.scaleY).toFixed(2),
+					width: editor._px2mm(o.width * o.scaleX).toFixed(2),
+					content: o.content,
+				})
+			} else if (o.type === 'barcodearea') {
+				col = (new fabric.Color(o.fill))._source
+				d.push({
+					type: 'barcodearea',
+					page: editor.pdf_page_number,
+					left: editor._px2mm(left).toFixed(2),
+					bottom: editor._px2mm(editor.pdf_viewport.height - o.height * o.scaleY - top).toFixed(2),
+					size: editor._px2mm(o.height * o.scaleY).toFixed(2),
+					content: o.content,
+					text: o.text,
+					text_i18n: o.text_i18n || {},
+					nowhitespace: o.nowhitespace || false,
+					color: col,
+				})
+			} else if (o.type === 'poweredby') {
+				d.push({
+					type: 'poweredby',
+					page: editor.pdf_page_number,
+					left: editor._px2mm(left).toFixed(2),
+					bottom: editor._px2mm(editor.pdf_viewport.height - o.height * o.scaleY - top).toFixed(2),
+					size: editor._px2mm(o.height * o.scaleY).toFixed(2),
+					content: o.content,
+				})
+			}
+		}
+		return d
+	},
+
+	_add_from_data: function (d) {
+		let targetPage = d.page || 1
+		if (targetPage !== editor.pdf_page_number) {
+			editor._other_page_objects.push(d)
+			return
+		}
+		if (d.type === 'barcodearea') {
+			o = editor._add_qrcode()
+			o.content = d.content
+			o.scaleToHeight(editor._mm2px(d.size))
+			o.nowhitespace = d.nowhitespace || false
+			if (!d.color) {
+				d.color = [0, 0, 0, 1]
+			}
+			o.set('fill', 'rgb(' + d.color[0] + ',' + d.color[1] + ',' + d.color[2] + ')')
+			if (d.content === 'other') {
+				o.text = d.text
+			} else if (d.content === 'other_i18n') {
+				o.text_i18n = d.text_i18n
+			}
+		} else if (d.type === 'imagearea') {
+			o = editor._add_imagearea(d.content)
+			o.content = d.content
+			o.set('height', editor._mm2px(d.height))
+			o.set('width', editor._mm2px(d.width))
+			o.set('scaleX', 1)
+			o.set('scaleY', 1)
+		} else if (d.type === 'poweredby') {
+			o = editor._add_poweredby(d.content)
+			o.content = d.content
+			o.scaleToHeight(editor._mm2px(d.size))
+		} else if (d.type === 'textcontainer') {
+			o = editor._add_textcontainer()
+			o.set('fill', 'rgb(' + d.color[0] + ',' + d.color[1] + ',' + d.color[2] + ')')
+			o.set('fontSize', editor._pt2px(d.fontsize))
+			o.set('lineHeight', d.lineheight || 1)
+			o.set('fontFamily', d.fontfamily)
+			o.set('fontWeight', d.bold ? 'bold' : 'normal')
+			o.set('fontStyle', d.italic ? 'italic' : 'normal')
+			o.content = d.content
+			o.set('textAlign', d.align)
+			o.set('verticalAlign', d.verticalalign)
+			o.set('autoResize', d.autoresize)
+			o.set('splitLongWords', d.splitlongwords)
+			if (d.rotation) {
+				o.rotate(d.rotation)
+			}
+			if (d.content === 'other') {
+				o.set('text', d.text)
+			} else if (d.content === 'other_i18n') {
+				o.text_i18n = d.text_i18n
+				o.set('text', d.text_i18n[Object.keys(d.text_i18n)[0]])
+			} else if (d.content) {
+				o.set('text', editor._get_text_sample(d.content))
+			}
+			o.set('width', editor._mm2px(d.width)) // needs to be after setText
+			o.set('height', editor._mm2px(d.height)) // needs to be after setText
+			if (d.locale) {
+				// The data format allows to set the locale per text field but we currently only expose a global field
+				$('#pdf-info-locale').val(d.locale)
+			}
+		} else if (d.type === 'textarea' || o.type === 'text') {
+			o = editor._add_text()
+			o.set('fill', 'rgb(' + d.color[0] + ',' + d.color[1] + ',' + d.color[2] + ')')
+			o.set('fontSize', editor._pt2px(d.fontsize))
+			o.set('lineHeight', d.lineheight || 1)
+			o.set('fontFamily', d.fontfamily)
+			o.set('fontWeight', d.bold ? 'bold' : 'normal')
+			o.set('fontStyle', d.italic ? 'italic' : 'normal')
+			o.downward = d.downward || false
+			o.content = d.content
+			o.set('textAlign', d.align)
+			if (d.rotation) {
+				o.rotate(d.rotation)
+			}
+			if (d.content === 'other') {
+				o.set('text', d.text)
+			} else if (d.content === 'other_i18n') {
+				o.text_i18n = d.text_i18n
+				o.set('text', d.text_i18n[Object.keys(d.text_i18n)[0]])
+			} else if (d.content) {
+				o.set('text', editor._get_text_sample(d.content))
+			}
+			o.set('width', editor._mm2px(d.width)) // needs to be after setText
+			if (d.locale) {
+				// The data format allows to set the locale per text field but we currently only expose a global field
+				$('#pdf-info-locale').val(d.locale)
+			}
+		}
+
+		let new_top = editor.pdf_viewport.height - editor._mm2px(d.bottom) - (o.height * o.scaleY)
+		if (o.downward) {
+			new_top = editor.pdf_viewport.height - editor._mm2px(d.bottom)
+		}
+		o.set('left', editor._mm2px(d.left))
+		o.set('top', new_top)
+		o.setCoords()
+		return o
+	},
+
+	load: function (data) {
+		editor.fabric.clear()
+		editor._other_page_objects = []
+		for (let i in data) {
+			var d = data[i], o
+			editor._add_from_data(d)
+		}
+		editor.fabric.renderAll()
+		editor._update_toolbox_values()
+	},
+
+	_get_text_sample: function (key) {
+		if (key.startsWith('itemmeta:')) {
+			return key.substr(9)
+		} else if (key.startsWith('meta:')) {
+			return key.substr(5)
+		}
+		return $('#toolbox-content option[value="' + key + '"], #toolbox-content option[data-old-value="' + key + '"]').attr('data-sample') || '???'
+	},
+
+	_load_page: function (page_number, dump) {
+		let previous_dump = editor._fabric_loaded ? editor.dump() : []
+
+		// Fetch the required page
+		editor.pdf.getPage(page_number).then(function (page) {
+			let canvas = document.getElementById('pdf-canvas')
+
+			let scale = editor.$cva.width() / page.getViewport({ scale: 1.0 }).width
+			let viewport = page.getViewport({ scale: scale })
+			let outputScale = window.devicePixelRatio || 1
+
+			// Prepare canvas using PDF page dimensions
+			let context = canvas.getContext('2d')
+			context.clearRect(0, 0, canvas.width, canvas.height)
+			canvas.width = Math.floor(viewport.width * outputScale)
+			canvas.height = Math.floor(viewport.height * outputScale)
+			canvas.style.width = Math.floor(viewport.width) + 'px'
+			canvas.style.height = Math.floor(viewport.height) + 'px'
+			let transform = outputScale !== 1 ? [outputScale, 0, 0, outputScale, 0, 0] : null
+
+			editor.pdf_page = page
+			editor.pdf_scale = scale
+			editor.pdf_viewport = viewport
+
+			// Render PDF page into canvas context
+			let renderContext = {
+				canvasContext: context,
+				transform: transform,
+				viewport: viewport,
+			}
+			let renderTask = page.render(renderContext)
+			renderTask.promise.then(function () {
+				editor.pdf_page_number = page_number
+				editor._init_page_nav()
+
+				if (dump || !editor._fabric_loaded) {
+					editor._init_fabric(dump)
+				} else {
+					editor.load(previous_dump)
+				}
+			})
+		})
+	},
+
+	_init_page_nav: function () {
+		if (editor.pdf_page_count === 1) {
+			$('#page_nav').hide()
+		} else {
+			$('#page_nav').html('')
+			for (i = 1; i <= editor.pdf_page_count; i++) {
+				let $li = $('<li>').addClass('nav-item')
+				let $a = $('<a>').text(i).attr('href', '#').attr('data-page', i).appendTo($li)
+				if (i === editor.pdf_page_number) {
+					$li.addClass('active')
+				}
+				$('#page_nav').append($li)
+				$a.on('click', function (event) {
+					editor.fabric.discardActiveObject()
+					editor._load_page(parseInt($(this).attr('data-page')))
+					event.preventDefault()
+					return true
+				})
+			}
+			$('#page_nav').show()
+		}
+	},
+
+	_load_pdf: function (dump) {
+		// TODO: Loading indicators
+		let url = editor.pdf_url
+		// TODO: Handle cross-origin issues if static files are on a different origin
+		let pdfjsLib = window['pdfjs-dist/build/pdf']
+		pdfjsLib.GlobalWorkerOptions.workerSrc = editor.$pdfcv.attr('data-worker-url')
+
+		// Asynchronous download of PDF
+		let loadingTask = pdfjsLib.getDocument(url)
+		loadingTask.promise.then(function (pdf) {
+			editor.pdf = pdf
+			editor.pdf_page_count = pdf.numPages
+			if (editor.pdf_page_count > 10) {
+				alert('Please do not upload files with more than 10 pages for performance reasons.')
+			}
+			editor._init_page_nav()
+			editor._load_page(1, dump)
+		}, function (reason) {
+			let msg = gettext('The PDF background file could not be loaded for the following reason:')
+			editor._error(msg + ' ' + reason)
+		})
+	},
+
+	_init_fabric: function (dump) {
+		editor.$fcv.get(0).width = editor.pdf_viewport.width
+		editor.$fcv.get(0).height = editor.pdf_viewport.height
+		editor.fabric = new fabric.Canvas('fabric-canvas')
+
+		editor.fabric.on('object:modified', editor._create_savepoint)
+		editor.fabric.on('object:added', editor._create_savepoint)
+		editor.fabric.on('selection:cleared', editor._update_toolbox)
+		editor.fabric.on('selection:created', editor._update_toolbox)
+		editor.fabric.on('selection:updated', editor._update_toolbox)
+		editor.fabric.on('object:modified', editor._update_toolbox_values)
+		editor._update_toolbox()
+
+		$('#toolbox-content-other').hide()
+		$('#toolbox-content-other-i18n').hide()
+		$('#toolbox-content-other-help').hide()
+		$('.add-buttons button').prop('disabled', false)
+
+		if (dump) {
+			editor.load(dump)
+		} else {
+			let data = $.trim($('#editor-data').text())
+			if (data) {
+				editor.load(JSON.parse(data))
+			}
+		}
+		editor.history = []
+		editor._create_savepoint()
+		editor.dirty = !!dump
+		editor._update_save_button()
+
+		if ($('#loading-upload').is(':visible')) {
+			$('#loading-container, #loading-upload').hide()
+		}
+
+		editor._fabric_loaded = true
+		if (editor._window_loaded) {
+			editor._ready()
+		}
+	},
+
+	_window_load_event: function () {
+		editor._window_loaded = true
+		if (editor._fabric_loaded) {
+			editor._ready()
+		}
+	},
+
+	_ready: function () {
+		let isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0
+		let isFirefox = navigator.userAgent.indexOf('Firefox') > 0
+		let isChromeBased = !!window.chrome
+		if (isChromeBased || isOpera || isFirefox) {
+			$('#loading-container').hide()
+			$('#loading-initial').remove()
+		} else {
+			$('#editor-loading').hide()
+			$('#editor-start').removeClass('sr-only')
+			$('#editor-start').click(function () {
+				$('#loading-container').hide()
+				$('#loading-initial').remove()
+			})
+		}
+		editor._update_version_notice()
+	},
+
+	_update_version_notice: function () {
+		$('#version-notice').toggle(
+			editor._other_page_objects.some((o) => o.type === 'textcontainer')
+			|| editor.fabric.getObjects().some((o) => o.type === 'textcontainer')
+		)
+	},
+
+	_update_toolbox_values: function () {
+		editor._update_version_notice()
+		let o = editor.fabric.getActiveObject()
+		if (!o) {
+			return
+		}
+		let bottom = editor.pdf_viewport.height - o.height * o.scaleY - o.top
+		if (o.downward) {
+			bottom = editor.pdf_viewport.height - o.top
+		}
+		$('#toolbox-position-x').val(editor._px2mm(o.left).toFixed(2))
+		$('#toolbox-position-y').val(editor._px2mm(bottom).toFixed(2))
+
+		if (o.type === 'activeSelection') {
+			// limit controls to the ones which are common to every element in selection
+			o.forEachControl(function (control, key) {
+				o.setControlVisible(key, o.getObjects().every(function (obj) {
+					// special case „text“ in group does not support any controls
+					return obj.type !== 'text' && obj.type !== 'textarea' && obj.isControlVisible(key)
+				}))
+			})
+		} else if (o.type === 'barcodearea') {
+			var col = (new fabric.Color(o.fill))._source
+			$('#toolbox-qrcolor').val('#' + ((1 << 24) + (col[0] << 16) + (col[1] << 8) + col[2]).toString(16).slice(1))
+			$('#toolbox-squaresize').val(editor._px2mm(o.height * o.scaleY).toFixed(2))
+			$('#toolbox-qrwhitespace').prop('checked', o.nowhitespace || false)
+		} else if (o.type === 'imagearea') {
+			$('#toolbox-height').val(editor._px2mm(o.height * o.scaleY).toFixed(2))
+			$('#toolbox-width').val(editor._px2mm(o.width * o.scaleX).toFixed(2))
+			$('#toolbox-imagecontent').val(o.content)
+		} else if (o.type === 'poweredby') {
+			$('#toolbox-squaresize').val(editor._px2mm(o.height * o.scaleY).toFixed(2))
+			$('#toolbox-poweredby-style').val(o.content)
+		} else if (o.type === 'textcontainer') {
+			var col = (new fabric.Color(o.fill))._source
+			$('#toolbox-col').val('#' + ((1 << 24) + (col[0] << 16) + (col[1] << 8) + col[2]).toString(16).slice(1))
+			$('#toolbox-fontsize').val(editor._px2pt(o.fontSize).toFixed(1))
+			$('#toolbox-lineheight').val(o.lineHeight || 1)
+			$('#toolbox-fontfamily').val(o.fontFamily)
+			$('#toolbox').find('button[data-action=bold]').toggleClass('active', o.fontWeight === 'bold')
+			$('#toolbox').find('button[data-action=italic]').toggleClass('active', o.fontStyle === 'italic')
+			$('#toolbox').find('button[data-action=autoresize]').toggleClass('active', o.autoResize || false)
+			$('#toolbox').find('button[data-action=splitlongwords]').toggleClass('active', o.splitLongWords || false)
+			$('#toolbox').find('button[data-action=left]').toggleClass('active', o.textAlign === 'left' || !o.textAlign)
+			$('#toolbox').find('button[data-action=center]').toggleClass('active', o.textAlign === 'center')
+			$('#toolbox').find('button[data-action=right]').toggleClass('active', o.textAlign === 'right')
+			$('#toolbox').find('button[data-action=top]').toggleClass('active', o.verticalAlign === 'top' || !o.verticalAlign)
+			$('#toolbox').find('button[data-action=middle]').toggleClass('active', o.verticalAlign === 'middle')
+			$('#toolbox').find('button[data-action=bottom]').toggleClass('active', o.verticalAlign === 'bottom')
+
+			if (o.scaleY !== 1 || o.scaleX !== 1) {
+				o.set({
+					height: o.height * o.scaleY,
+					width: o.width * o.scaleX,
+					scaleX: 1,
+					scaleY: 1
+				})
+			}
+
+			$('#toolbox-height').val(editor._px2mm(o.height).toFixed(2))
+			$('#toolbox-width').val(editor._px2mm(o.width).toFixed(2))
+			$('#toolbox-textrotation').val((o.angle || 0.0).toFixed(1))
+		} else if (o.type === 'text' || o.type === 'textarea') {
+			var col = (new fabric.Color(o.fill))._source
+			$('#toolbox-col').val('#' + ((1 << 24) + (col[0] << 16) + (col[1] << 8) + col[2]).toString(16).slice(1))
+			$('#toolbox-fontsize').val(editor._px2pt(o.fontSize).toFixed(1))
+			$('#toolbox-lineheight').val(o.lineHeight || 1)
+			$('#toolbox-fontfamily').val(o.fontFamily)
+			$('#toolbox').find('button[data-action=bold]').toggleClass('active', o.fontWeight === 'bold')
+			$('#toolbox').find('button[data-action=italic]').toggleClass('active', o.fontStyle === 'italic')
+			$('#toolbox').find('button[data-action=downward]').toggleClass('active', o.downward || false)
+			$('#toolbox').find('button[data-action=left]').toggleClass('active', o.textAlign === 'left')
+			$('#toolbox').find('button[data-action=center]').toggleClass('active', o.textAlign === 'center')
+			$('#toolbox').find('button[data-action=right]').toggleClass('active', o.textAlign === 'right')
+			$('#toolbox-textwidth').val(editor._px2mm(o.width).toFixed(2))
+			$('#toolbox-textrotation').val((o.angle || 0.0).toFixed(1))
+		}
+
+		if (o.type === 'textarea' || o.type === 'barcodearea' || o.type === 'textcontainer') {
+			if (!o.content && o.type == 'barcodearea') {
+				o.content = 'secret'
+			}
+			let $migrate_to = $('#toolbox-content option[data-old-value=\'' + o.content + '\']')
+			if ($migrate_to.length > 0) {
+				$('#toolbox-content').val($migrate_to.val())
+			} else {
+				$('#toolbox-content').val(o.content)
+			}
+			$('#toolbox-content-other').toggle($('#toolbox-content').val() === 'other')
+			$('#toolbox-content-other-i18n').toggle($('#toolbox-content').val() === 'other_i18n')
+			$('#toolbox-content-other-help').toggle($('#toolbox-content').val() === 'other' || $('#toolbox-content').val() === 'other_i18n')
+			if (o.content === 'other') {
+				$('#toolbox-content-other').val(o.text)
+			} else if (o.content === 'other_i18n') {
+				$('#toolbox-content-other-i18n textarea').each(function () {
+					$(this).val(o.text_i18n[$(this).attr('lang')] || '')
+				})
+			} else {
+				$('#toolbox-content-other').val('')
+			}
+		}
+	},
+
+	_update_values_from_toolbox: function (e) {
+		let o = editor.fabric.getActiveObject()
+		if (!o) {
+			return
+		}
+
+		let new_top = editor.pdf_viewport.height - editor._mm2px($('#toolbox-position-y').val()) - o.height * o.scaleY
+		if (o.type === 'textarea' || o.type === 'text') {
+			if ($('#toolbox').find('button[data-action=downward]').is('.active')) {
+				new_top = editor.pdf_viewport.height - editor._mm2px($('#toolbox-position-y').val())
+			}
+		}
+		o.set('left', editor._mm2px($('#toolbox-position-x').val()))
+		o.set('top', new_top)
+
+		if (o.type === 'barcodearea') {
+			var new_h = editor._mm2px($('#toolbox-squaresize').val())
+			new_top += o.height * o.scaleY - new_h
+			o.set('height', new_h)
+			o.set('width', new_h)
+			o.set('scaleX', 1)
+			o.set('scaleY', 1)
+			o.set('top', new_top)
+			o.set('fill', $('#toolbox-qrcolor').val())
+			o.nowhitespace = $('#toolbox-qrwhitespace').prop('checked') || false
+
+			$('#toolbox-content-other').toggle($('#toolbox-content').val() === 'other')
+			$('#toolbox-content-other-i18n').toggle($('#toolbox-content').val() === 'other_i18n')
+			$('#toolbox-content-other-help').toggle($('#toolbox-content').val() === 'other' || $('#toolbox-content').val() === 'other_i18n')
+			o.content = $('#toolbox-content').val()
+			if ($('#toolbox-content').val() === 'other') {
+				if (e.target.id === 'toolbox-content') {
+					// user used dropdown to switch content-type, update value with value from i18n textarea
+					$('#toolbox-content-other').val($('#toolbox-content-other-i18n textarea').val())
+				}
+				o.text = $('#toolbox-content-other').val()
+			} else if ($('#toolbox-content').val() === 'other_i18n') {
+				if (e.target.id === 'toolbox-content') {
+					// user used dropdown to switch content-type, update value with value from "other" textarea
+					$('#toolbox-content-other-i18n textarea').val($('#toolbox-content-other').val())
+				}
+				o.text_i18n = {}
+				$('#toolbox-content-other-i18n textarea').each(function () {
+					o.text_i18n[$(this).attr('lang')] = $(this).val()
+				})
+			} else {
+				o.text = editor._get_text_sample($('#toolbox-content').val())
+			}
+		} else if (o.type === 'imagearea') {
+			let new_w = editor._mm2px($('#toolbox-width').val())
+			var new_h = editor._mm2px($('#toolbox-height').val())
+			new_top += o.height * o.scaleY - new_h
+			o.set('height', new_h)
+			o.set('width', new_w)
+			o.set('scaleX', 1)
+			o.set('scaleY', 1)
+			o.set('top', new_top)
+			o.content = $('#toolbox-imagecontent').val()
+		} else if (o.type === 'poweredby') {
+			var new_h = Math.max(1, editor._mm2px($('#toolbox-squaresize').val()))
+			new_top += o.height * o.scaleY - new_h
+			o.set('width', new_h / o.height * o.width)
+			o.set('height', new_h)
+			o.set('scaleX', 1)
+			o.set('scaleY', 1)
+			o.set('top', new_top)
+			if ($('#toolbox-poweredby-style').val() !== o.content) {
+				let data = editor.dump([o])
+				data[0].content = $('#toolbox-poweredby-style').val()
+				let newo = editor._add_from_data(data[0])
+				editor.fabric.remove(o)
+				editor.fabric.discardActiveObject()
+				editor.fabric.setActiveObject(newo)
+			}
+		} else if (o.type === 'textcontainer') {
+			o.set('fill', $('#toolbox-col').val())
+			o.set('fontSize', editor._pt2px($('#toolbox-fontsize').val()))
+			o.set('lineHeight', $('#toolbox-lineheight').val() || 1)
+			o.set('fontFamily', $('#toolbox-fontfamily').val())
+			o.set('fontWeight', $('#toolbox').find('button[data-action=bold]').is('.active') ? 'bold' : 'normal')
+			o.set('fontStyle', $('#toolbox').find('button[data-action=italic]').is('.active') ? 'italic' : 'normal')
+			var align = $('#toolbox-align').find('.active').attr('data-action')
+			if (align) {
+				o.set('textAlign', align)
+			}
+			let verticalAlign = $('#toolbox-verticalalign').find('.active').attr('data-action')
+			if (verticalAlign) {
+				o.set('verticalAlign', verticalAlign)
+			}
+			o.set('autoResize', $('#toolbox').find('button[data-action=autoresize]').is('.active'))
+			o.set('splitLongWords', $('#toolbox').find('button[data-action=splitlongwords]').is('.active'))
+			// todo: verticalalign
+			o.rotate(parseFloat($('#toolbox-textrotation').val()))
+			$('#toolbox-content-other').toggle($('#toolbox-content').val() === 'other')
+			$('#toolbox-content-other-i18n').toggle($('#toolbox-content').val() === 'other_i18n')
+			$('#toolbox-content-other-help').toggle($('#toolbox-content').val() === 'other' || $('#toolbox-content').val() === 'other_i18n')
+			o.content = $('#toolbox-content').val()
+			if ($('#toolbox-content').val() === 'other') {
+				if (e.target.id === 'toolbox-content') {
+					// user used dropdown to switch content-type, update value with value from i18n textarea
+					$('#toolbox-content-other').val($('#toolbox-content-other-i18n textarea').val())
+				}
+				o.set('text', $('#toolbox-content-other').val())
+			} else if ($('#toolbox-content').val() === 'other_i18n') {
+				if (e.target.id === 'toolbox-content') {
+					// user used dropdown to switch content-type, update value with value from "other" textarea
+					$('#toolbox-content-other-i18n textarea').val($('#toolbox-content-other').val())
+				}
+				o.text_i18n = {}
+				$('#toolbox-content-other-i18n textarea').each(function () {
+					o.text_i18n[$(this).attr('lang')] = $(this).val()
+				})
+				o.set('text', $('#toolbox-content-other-i18n textarea').first().val())
+			} else {
+				o.set('text', editor._get_text_sample($('#toolbox-content').val()))
+			}
+			o.set('width', editor._mm2px($('#toolbox-width').val()))
+			o.set('height', editor._mm2px($('#toolbox-height').val()))
+		} else if (o.type === 'textarea' || o.type === 'text') {
+			o.set('fill', $('#toolbox-col').val())
+			o.set('fontSize', editor._pt2px($('#toolbox-fontsize').val()))
+			o.set('lineHeight', $('#toolbox-lineheight').val() || 1)
+			o.set('fontFamily', $('#toolbox-fontfamily').val())
+			o.set('fontWeight', $('#toolbox').find('button[data-action=bold]').is('.active') ? 'bold' : 'normal')
+			o.set('fontStyle', $('#toolbox').find('button[data-action=italic]').is('.active') ? 'italic' : 'normal')
+			var align = $('#toolbox-align').find('.active').attr('data-action')
+			if (align) {
+				o.set('textAlign', align)
+			}
+			o.downward = $('#toolbox').find('button[data-action=downward]').is('.active')
+			o.rotate(parseFloat($('#toolbox-textrotation').val()))
+			$('#toolbox-content-other').toggle($('#toolbox-content').val() === 'other')
+			$('#toolbox-content-other-i18n').toggle($('#toolbox-content').val() === 'other_i18n')
+			$('#toolbox-content-other-help').toggle($('#toolbox-content').val() === 'other' || $('#toolbox-content').val() === 'other_i18n')
+			o.content = $('#toolbox-content').val()
+			if ($('#toolbox-content').val() === 'other') {
+				if (e.target.id === 'toolbox-content') {
+					// user used dropdown to switch content-type, update value with value from i18n textarea
+					$('#toolbox-content-other').val($('#toolbox-content-other-i18n textarea').val())
+				}
+				o.set('text', $('#toolbox-content-other').val())
+			} else if ($('#toolbox-content').val() === 'other_i18n') {
+				if (e.target.id === 'toolbox-content') {
+					// user used dropdown to switch content-type, update value with value from "other" textarea
+					$('#toolbox-content-other-i18n textarea').val($('#toolbox-content-other').val())
+				}
+				o.text_i18n = {}
+				$('#toolbox-content-other-i18n textarea').each(function () {
+					o.text_i18n[$(this).attr('lang')] = $(this).val()
+				})
+				o.set('text', $('#toolbox-content-other-i18n textarea').first().val())
+			} else {
+				o.set('text', editor._get_text_sample($('#toolbox-content').val()))
+			}
+			o.set('width', editor._mm2px($('#toolbox-textwidth').val()))
+		}
+
+		// empty text-inputs if not in use
+		if ($('#toolbox-content').val() !== 'other') {
+			$('#toolbox-content-other').val('')
+		}
+		if ($('#toolbox-content').val() !== 'other_i18n') {
+			$('#toolbox-content-other-i18n textarea').val('')
+		}
+
+		o.setCoords()
+		editor.fabric.renderAll()
+	},
+
+	_update_toolbox: function () {
+		let selected = editor.fabric.getActiveObjects()
+		$('.object-buttons button').prop('disabled', selected.length == 0)
+		if (selected.length > 1) {
+			$('#toolbox').attr('data-type', 'group')
+			$('#toolbox-heading').text(gettext('Group of objects'))
+		} else if (selected.length == 1) {
+			let o = selected[0]
+			$('#toolbox').attr('data-type', o.type)
+			if (o.type === 'textarea' || o.type === 'text') {
+				$('#toolbox-heading').text(gettext('Text object (deprecated)'))
+			} else if (o.type === 'textarea' || o.type === 'text' || o.type === 'textcontainer') {
+				$('#toolbox-heading').text(gettext('Text box'))
+			} else if (o.type === 'barcodearea') {
+				$('#toolbox-heading').text(gettext('Barcode area'))
+			} else if (o.type === 'imagearea') {
+				$('#toolbox-heading').text(gettext('Image area'))
+			} else if (o.type === 'poweredby') {
+				$('#toolbox-heading').text(gettext('Powered by pretix'))
+			} else {
+				$('#toolbox-heading').text(gettext('Object'))
+			}
+		} else {
+			$('#toolbox').removeAttr('data-type')
+			$('#toolbox-heading').text(gettext('Ticket design'))
+			$('#pdf-info-width').val(editor._px2mm(editor.pdf_viewport.width).toFixed(2))
+			$('#pdf-info-height').val(editor._px2mm(editor.pdf_viewport.height).toFixed(2))
+		}
+		editor._update_toolbox_values()
+	},
+
+	_error: function (msg) {
+		editor.$cva.before('<div class=\'alert alert-danger\'>' + msg + '</div>')
+	},
+
+	_add_text: function () {
+		let text = new fabric.Textarea(editor._get_text_sample('event_name'), {
+			left: 100,
+			top: 100,
+			width: editor._mm2px(50),
+			lockRotation: false,
+			fontFamily: 'Open Sans',
+			lineHeight: 1,
+			content: 'event_name',
+			editable: false,
+			fontSize: editor._pt2px(13)
+		})
+		text.downward = true
+		text.setControlsVisibility({
+			tr: false,
+			tl: false,
+			mt: false,
+			br: false,
+			bl: false,
+			mb: false,
+			mr: true,
+			ml: true,
+			mtr: true
+		})
+		editor.fabric.add(text)
+		editor._create_savepoint()
+		return text
+	},
+
+	_add_poweredby: function (content) {
+		let rect = new fabric.Poweredby({
+			left: 100,
+			top: 100,
+			height: 629,
+			width: 1024,
+			lockRotation: true,
+			content: content
+		})
+		rect.scaleToHeight(126)
+		rect.setControlsVisibility({ mtr: false, mb: false, mt: false, mr: false, ml: false })
+		editor.fabric.add(rect)
+		editor._create_savepoint()
+		return rect
+	},
+
+	_add_textcontainer: function () {
+		let rect = new fabric.Textcontainer(editor._get_text_sample('event_name'), {
+			left: 100,
+			top: 100,
+			width: 300,
+			height: 29,
+			lockRotation: false,
+			fill: '#000',
+			content: 'event_name',
+			text: editor._get_text_sample('event_name'),
+			fontFamily: 'Open Sans',
+			fontStyle: 'normal',
+			lineHeight: 1,
+			editable: false,
+			fontSize: editor._pt2px(13),
+			verticalAlign: 'middle',
+			textAlign: 'left',
+			splitLongWords: true,
+			autoResize: true,
+			lockScalingFlip: true,
+		})
+		rect.setControlsVisibility({
+			tr: true,
+			tl: true,
+			mt: true,
+			br: true,
+			bl: true,
+			mb: true,
+			mr: true,
+			ml: true,
+			mtr: true
+		})
+		editor.fabric.add(rect)
+		editor._create_savepoint()
+		$('#version-notice').show()
+		return rect
+	},
+
+	_add_imagearea: function () {
+		let rect = new fabric.Imagearea({
+			left: 100,
+			top: 100,
+			width: 100,
+			height: 100,
+			lockRotation: true,
+			fill: '#666',
+			content: '',
+		})
+		rect.setControlsVisibility({ mtr: false })
+		editor.fabric.add(rect)
+		editor._create_savepoint()
+		return rect
+	},
+
+	_add_qrcode: function () {
+		let rect = new fabric.Barcodearea({
+			left: 100,
+			top: 100,
+			width: 100,
+			height: 100,
+			lockRotation: true,
+			fill: '#000',
+			content: $(this).attr('data-content'),
+			text: '',
+			nowhitespace: true,
+		})
+		rect.setControlsVisibility({ mtr: false, mb: false, mt: false, mr: false, ml: false })
+		editor.fabric.add(rect)
+		editor._create_savepoint()
+		return rect
+	},
+
+	_cut: function () {
+		let thing = editor.fabric.getActiveObject()
+		if (!thing) {
+			return false
+		}
+		editor._history_modification_in_progress = true
+		if (thing.type === 'activeSelection') {
+			editor.clipboard = editor.dump(thing._objects)
+			thing.forEachObject(function (o) {
+				editor.fabric.remove(o)
+			})
+			editor.fabric.remove(thing)
+		} else {
+			editor.clipboard = editor.dump([thing])
+			editor.fabric.remove(thing)
+		}
+		editor.fabric.discardActiveObject()
+		editor._history_modification_in_progress = false
+		editor._create_savepoint()
+	},
+
+	_copy: function () {
+		let thing = editor.fabric.getActiveObject()
+		if (!thing) {
+			return false
+		}
+		if (thing.type === 'activeSelection') {
+			editor.clipboard = editor.dump(thing._objects)
+		} else {
+			editor.clipboard = editor.dump([thing])
+		}
+		return true
+	},
+
+	_paste: function () {
+		if (editor.clipboard.length < 1) {
+			return
+		}
+		editor._history_modification_in_progress = true
+		let objs = []
+		for (let i in editor.clipboard) {
+			editor.clipboard[i].page = editor.pdf_page_number
+			objs.push(editor._add_from_data(editor.clipboard[i]))
+		}
+		editor.fabric.discardActiveObject()
+		if (editor.clipboard.length > 1) {
+			let selection = new fabric.ActiveSelection(objs, { canvas: editor.fabric })
+			editor.fabric.setActiveObject(selection)
+		} else {
+			editor.fabric.setActiveObject(objs[0])
+		}
+		editor._history_modification_in_progress = false
+		editor._create_savepoint()
+	},
+
+	_duplicate: function () {
+		let prevClipboad = editor.clipboard
+		if (editor._copy()) {
+			editor._paste()
+			editor.clipboard = prevClipboad
+		}
+	},
+
+	_delete: function () {
+		let thing = editor.fabric.getActiveObject()
+		if (!thing) {
+			return false
+		}
+		if (thing.type === 'activeSelection') {
+			thing.forEachObject(function (o) {
+				editor.fabric.remove(o)
+			})
+			editor.fabric.remove(thing)
+			editor.fabric.discardActiveObject()
+		} else {
+			editor.fabric.remove(thing)
+			editor.fabric.discardActiveObject()
+		}
+		editor._create_savepoint()
+	},
+
+	_on_keydown: function (e) {
+		let step = editor._mm2px(e.shiftKey ? 10 : (e.altKey ? 0.1 : 1))
+		let thing = editor.fabric.getActiveObject()
+		if ($('#source-container').is(':visible')) {
+			return true
+		}
+		if (e.ctrlKey || e.metaKey) {
+			switch (e.key) {
+				case 'a':
+					editor._selectAll()
+					break
+				case 'y':
+					editor._redo()
+					break
+				case 'z':
+					editor._undo()
+					break
+				case 'x':
+					editor._cut()
+					break
+				case 'v':
+					editor._paste()
+					break
+				case 'c':
+					editor._copy()
+					break
+				case 'd':
+					editor._duplicate()
+					break
+				default:
+					return
+			}
+		} else {
+			switch (e.key) {
+				case 'ArrowUp':
+					thing.set('top', thing.get('top') - step)
+					thing.setCoords()
+					editor._create_savepoint()
+					break
+				case 'ArrowDown':
+					thing.set('top', thing.get('top') + step)
+					thing.setCoords()
+					editor._create_savepoint()
+					break
+				case 'ArrowLeft':
+					thing.set('left', thing.get('left') - step)
+					thing.setCoords()
+					editor._create_savepoint()
+					break
+				case 'ArrowRight':
+					thing.set('left', thing.get('left') + step)
+					thing.setCoords()
+					editor._create_savepoint()
+					break
+				case 'Backspace':
+				case 'Del':
+				case 'Delete':
+					editor._delete()
+					break
+				case 'Cut':
+					editor._cut()
+					break
+				case 'Copy':
+					editor._copy()
+					break
+				case 'Paste':
+					editor._paste()
+					break
+				case 'Redo':
+					editor._redo()
+					break
+				case 'Undo':
+					editor._undo()
+					break
+				default:
+					return
+			}
+		}
+
+		e.preventDefault()
+		editor.fabric.renderAll()
+		editor._update_toolbox_values()
+	},
+
+	_create_savepoint: function () {
+		if (editor._history_modification_in_progress) {
+			return
+		}
+		let state = editor.dump()
+		if (editor._history_pos > 0) {
+			editor.history.splice(-1 * editor._history_pos, editor._history_pos)
+			editor._history_pos = 0
+		}
+		editor.history.push(state)
+		editor.dirty = true
+		editor._update_save_button()
+	},
+
+	_selectAll: function () {
+		let selection = new fabric.ActiveSelection(editor.fabric._objects, { canvas: editor.fabric })
+		editor.fabric.setActiveObject(selection)
+	},
+
+	_undo: function undo () {
+		if (editor._history_pos < editor.history.length - 1) {
+			editor._history_modification_in_progress = true
+			editor._history_pos += 1
+			editor.fabric.clear().renderAll()
+			editor.load(editor.history[editor.history.length - 1 - editor._history_pos])
+			editor._history_modification_in_progress = false
+			editor.dirty = true
+			editor._update_save_button()
+		}
+	},
+
+	_redo: function redo () {
+		if (editor._history_pos > 0) {
+			editor._history_modification_in_progress = true
+			editor._history_pos -= 1
+			editor.load(editor.history[editor.history.length - 1 - editor._history_pos])
+			editor._history_modification_in_progress = false
+			editor.dirty = true
+			editor._update_save_button()
+		}
+	},
+
+	_update_save_button () {
+		if ($('#editor-save span').prop('disabled')) {
+			// Currently saving
+			return
+		}
+		if (editor.dirty || !editor._ever_saved) {
+			$('#editor-save').removeClass('btn-success').addClass('btn-primary').find('.fa').attr('class', 'fa fa-fw fa-save')
+		} else {
+			$('#editor-save').addClass('btn-success').removeClass('btn-primary').find('.fa').attr('class', 'fa fa-fw fa-check')
+		}
+
+		$('#toolbox-undo').prop('disabled', editor._history_pos == editor.history.length - 1)
+		$('#toolbox-redo').prop('disabled', editor._history_pos == 0)
+	},
+
+	_save: function () {
+		$('#editor-save').prop('disabled', true).removeClass('btn-success').addClass('btn-primary').find('.fa').attr('class', 'fa fa-fw fa-cog fa-spin')
+		let dump = editor.dump()
+		let payload = {
+			data: JSON.stringify(dump),
+			csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
+			background: editor.uploaded_file_id,
+		}
+		if ($('#pdf-info-name').length > 0) {
+			payload.name = $('#pdf-info-name').val()
+		}
+		$.post(window.location.href, payload, function (data) {
+			if (data.status === 'ok') {
+				$('#editor-save').prop('disabled', false)
+				editor.dirty = false
+				editor.uploaded_file_id = null
+				editor._ever_saved = true
+				editor._update_save_button()
+			} else {
+				alert(gettext('Saving failed.'))
+			}
+		}, 'json')
+		return false
+	},
+
+	_preview: function (e) {
+		$('#preview-form input[name=data]').val(JSON.stringify(editor.dump()))
+		$('#preview-form input[name=background]').val(editor.uploaded_file_id)
+		if (!e || !e.target.form) $('#preview-form').get(0).submit()
+	},
+
+	_replace_pdf_file: function (url) {
+		editor.pdf_url = url
+		d = editor.dump()
+		editor.fabric.dispose()
+		editor._load_pdf(d)
+		$('.background-download-button').attr('href', url)
+	},
+
+	_source_show: function () {
+		$('#source-textarea').text(JSON.stringify(editor.dump()))
+		$('#source-container').show()
+	},
+
+	_source_close: function () {
+		$('#source-container').hide()
+	},
+
+	_source_save: function () {
+		try {
+			let data = JSON.parse($('#source-textarea').val())
+			let valid = validate30(data)
+
+			if (!valid) {
+				console.log(validate30.errors)
+				alert('Invalid input syntax. If you\'re familiar with this, check out the developer console for a full '
+					+ 'error log. Otherwise, please contact support.')
+			} else {
+				editor.load(data)
+				$('#source-container').hide()
+			}
+		} catch (e) {
+			console.error(e)
+			alert('Parsing error. If you\'re familiar with this, check out the developer console for a full '
+				+ 'error log. Otherwise, please contact support.')
+		}
+	},
+
+	_create_empty_background: function () {
+		editor._paper_size_warning()
+		$('#loading-container, #loading-upload').show()
+		$('#loading-upload .progress').show()
+		$('#loading-upload .progress-bar').css('width', 0)
+		$('#fileupload').prop('disabled', true)
+		$('.background-button').addClass('disabled')
+		$.post(window.location.href, {
+			csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val(),
+			emptybackground: 'true',
+			width: $('#pdf-info-width').val(),
+			height: $('#pdf-info-height').val(),
+		}, function (data) {
+			if (data.status === 'ok') {
+				editor.uploaded_file_id = data.id
+				editor._replace_pdf_file(data.url)
+			} else {
+				alert(data.result.error || gettext('Error while uploading your PDF file, please try again.'))
+				$('#loading-container, #loading-upload').hide()
+			}
+			$('#fileupload').prop('disabled', false)
+			$('.background-button').removeClass('disabled')
+		}, 'json')
+		editor.dirty = true
+	},
+
+	_paper_size_warning: function () {
+		let warn = editor.pdf_viewport && (
+			Math.abs(parseFloat($('#pdf-info-height').val()) - editor._px2mm(editor.pdf_viewport.height)) > 0.001
+			|| Math.abs(parseFloat($('#pdf-info-width').val()) - editor._px2mm(editor.pdf_viewport.width)) > 0.001
+		)
+		$('#pdf-empty').toggleClass('btn-primary', warn).toggleClass('btn-default', !warn)
+	},
+
+	init: function () {
+		editor.$pdfcv = $('#pdf-canvas')
+		editor.pdf_url = editor.$pdfcv.attr('data-pdf-url')
+		editor.$fcv = $('#fabric-canvas')
+		editor.$cva = $('#editor-canvas-area')
+		editor._load_pdf()
+		$('#editor-add-qrcode, #editor-add-qrcode-lead, #editor-add-qrcode-other').click(editor._add_qrcode)
+		$('#editor-add-image').click(editor._add_imagearea)
+		$('#editor-add-textcontainer').click(editor._add_textcontainer)
+		$('#editor-add-text').click(editor._add_text)
+		$('#editor-add-poweredby').click(function () { editor._add_poweredby('dark') })
+		editor.$cva.get(0).tabIndex = 1000
+		editor.$cva.on('keydown', editor._on_keydown)
+		$('#editor-save').on('click', editor._save)
+		$('#editor-preview').on('click', editor._preview)
+		window.onbeforeunload = function () {
+			if (editor.dirty) {
+				return gettext('Do you really want to leave the editor without saving your changes?')
+			}
+		}
+		$('#source-container').hide()
+
+		$('#pdf-empty').on('click', editor._create_empty_background)
+		$('#fileupload').fileupload({
+			url: location.href,
+			dataType: 'json',
+			done: function (e, data) {
+				if (data.result.status === 'ok') {
+					editor.uploaded_file_id = data.result.id
+					editor._replace_pdf_file(data.result.url)
+					editor.dirty = true
+					editor._update_save_button()
+				} else {
+					alert(data.result.error || gettext('Error while uploading your PDF file, please try again.'))
+					$('#loading-container, #loading-upload').hide()
+				}
+				$('#fileupload').prop('disabled', false)
+				$('.background-button').removeClass('disabled')
+			},
+			add: function (e, data) {
+				data.formData = {
+					csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()
+				}
+				$('#loading-container, #loading-upload').show()
+				$('#loading-upload .progress').show()
+				$('#loading-upload .progress-bar').css('width', 0)
+				$('#fileupload').prop('disabled', true)
+				$('.background-button').addClass('disabled')
+				data.process().done(function () {
+					data.submit()
+				})
+			},
+			progressall: function (e, data) {
+				let progress = parseInt(data.loaded / data.total * 100, 10)
+				$('#loading-upload .progress-bar').css('width', progress + '%')
+			}
+		}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled')
+
+		$('#toolbox input[type=number], #toolbox textarea, #toolbox input[type=text], #toolbox input[type=checkbox]').bind('change keydown keyup'
+			+ ' input', editor._update_values_from_toolbox)
+		$('#toolbox input[type=number], #toolbox textarea, #toolbox input[type=text], #toolbox input[type=checkbox], #toolbox input[type=radio]').bind('change', editor._create_savepoint)
+		$('#toolbox label.btn').bind('click change', editor._update_values_from_toolbox)
+		$('#toolbox select').bind('change', editor._update_values_from_toolbox)
+		$('#toolbox select').bind('change', editor._create_savepoint)
+		$('#toolbox button.toggling').bind('click change', function (e) {
+			if ($(this).is('.option')) {
+				$(this).addClass('active')
+				$(this).parent().siblings().find('button').removeClass('active')
+			} else {
+				$(this).toggleClass('active')
+			}
+			editor._update_values_from_toolbox(e)
+			editor._create_savepoint()
+		})
+		$('#toolbox .colorpickerfield').bind('changeColor', editor._update_values_from_toolbox)
+		$('#toolbox-duplicate').bind('click', editor._duplicate)
+		$('#toolbox-delete').bind('click', editor._delete)
+		$('#toolbox-undo').bind('click', editor._undo)
+		$('#toolbox-redo').bind('click', editor._redo)
+		$('#toolbox-source').bind('click', editor._source_show)
+		$('#source-close').bind('click', editor._source_close)
+		$('#source-save').bind('click', editor._source_save)
+		$('#pdf-info-name').bind('change', function () {
+			editor.dirty = true
+			editor._update_save_button()
+		})
+		$('#pdf-info-width, #pdf-info-height').bind('change input', editor._paper_size_warning)
+	}
+}
 
 $(function () {
-    editor.init();
-});
-$(window).bind('load', editor._window_load_event);
+	editor.init()
+})
+$(window).bind('load', editor._window_load_event)
diff --git a/src/pretix/static/pretixcontrol/js/ui/focus.js b/src/pretix/static/pretixcontrol/js/ui/focus.js
index f18b86f1a..43a58444d 100644
--- a/src/pretix/static/pretixcontrol/js/ui/focus.js
+++ b/src/pretix/static/pretixcontrol/js/ui/focus.js
@@ -1,3 +1,3 @@
 $(function () {
-	$("input, select, textarea").not(":disabled").focus();
-});
+	$('input, select, textarea').not(':disabled').focus()
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/geo.js b/src/pretix/static/pretixcontrol/js/ui/geo.js
index d86d1d284..b7a08f45c 100644
--- a/src/pretix/static/pretixcontrol/js/ui/geo.js
+++ b/src/pretix/static/pretixcontrol/js/ui/geo.js
@@ -1,201 +1,198 @@
-/*globals $*/
+/* globals $ */
 
-$(document).on("pretix:bind-forms", function () {
-    function cleanup(l) {
-        return $.trim(l.replace(/\n/g, ", "));
-    }
-    function combine($sel) {
-        var parts = [
-            $sel.filter("[name*=street]").val(),
-            $sel.filter("[name*=zipcode]").val(),
-            $sel.filter("[name*=city]").val(),
-            $sel.filter("[name*=state]").val(),
-            $sel.filter("[name*=country]").find("option:selected").text(),
-            $sel.filter("[name*=location]").val(),
-        ]
-        var res = "";
-        for (var val of parts) {
-            if (val) {
-                if (res) {
-                    res += ", "
-                }
-                res += val
-            }
-        }
-        return cleanup(res)
-    }
-    $(".geodata-section").each(function () {
-        // Geocoding
-        // detach notifications and append them to first label (should be from location)
-        var $notifications = $(".geodata-autoupdate", this).detach().appendTo($("label", this).first());
-        var $lat = $("input[name$=geo_lat]", this).first();
-        var $lon = $("input[name$=geo_lon]", this).first();
-        var lat;
-        var lon;
-        var $updateButton = $("[data-action=update]", this);
+$(document).on('pretix:bind-forms', function () {
+	function cleanup (l) {
+		return $.trim(l.replace(/\n/g, ', '))
+	}
+	function combine ($sel) {
+		let parts = [
+			$sel.filter('[name*=street]').val(),
+			$sel.filter('[name*=zipcode]').val(),
+			$sel.filter('[name*=city]').val(),
+			$sel.filter('[name*=state]').val(),
+			$sel.filter('[name*=country]').find('option:selected').text(),
+			$sel.filter('[name*=location]').val(),
+		]
+		let res = ''
+		for (let val of parts) {
+			if (val) {
+				if (res) {
+					res += ', '
+				}
+				res += val
+			}
+		}
+		return cleanup(res)
+	}
+	$('.geodata-section').each(function () {
+		// Geocoding
+		// detach notifications and append them to first label (should be from location)
+		let $notifications = $('.geodata-autoupdate', this).detach().appendTo($('label', this).first())
+		let $lat = $('input[name$=geo_lat]', this).first()
+		let $lon = $('input[name$=geo_lon]', this).first()
+		let lat
+		let lon
+		let $updateButton = $('[data-action=update]', this)
 
-        var $location;
-        // The .geodata-section is expected to include either...
-        // ... an English "location" field
-        if ($("textarea[lang=en], input[lang=en]", this).length) {
-            $location = $("textarea[lang=en], input[lang=en], select", this).not("[name*=geo_]");
-        }
+		let $location
+		// The .geodata-section is expected to include either...
+		// ... an English "location" field
+		if ($('textarea[lang=en], input[lang=en]', this).length) {
+			$location = $('textarea[lang=en], input[lang=en], select', this).not('[name*=geo_]')
+		}
 
-        // ... a "location" field in any other language
-        if (!$location || !$location.length) {
-            var lang = $("textarea, input[type=text]", this).not("[name*=geo_]").first().attr("lang");
-            if (lang) {
-                $location = $("textarea[lang=" + lang + "], input[lang=" + lang + "], select", this);
-            }
-        }
+		// ... a "location" field in any other language
+		if (!$location || !$location.length) {
+			let lang = $('textarea, input[type=text]', this).not('[name*=geo_]').first().attr('lang')
+			if (lang) {
+				$location = $('textarea[lang=' + lang + '], input[lang=' + lang + '], select', this)
+			}
+		}
 
-        // ... or a set of fields like a full address form
-        if (!$location || !$location.length) {
-            $location = $("textarea, input, select", this).not("[name*=geo_]");
-        }
+		// ... or a set of fields like a full address form
+		if (!$location || !$location.length) {
+			$location = $('textarea, input, select', this).not('[name*=geo_]')
+		}
 
-        if (!$lat.length || !$lon.length || !$location.length) {
-            return;
-        }
+		if (!$lat.length || !$lon.length || !$location.length) {
+			return
+		}
 
-        var debounceLoad, debounceLatLonChange, delayUpdateDismissal;
-        var touched = $lat.val() !== "";
-        var xhr;
-        var lastLocation = combine($location);
+		let debounceLoad, debounceLatLonChange, delayUpdateDismissal
+		let touched = $lat.val() !== ''
+		let xhr
+		let lastLocation = combine($location)
 
-        function load() {
-            window.clearTimeout(debounceLoad);
-            if (xhr) {
-                xhr.abort();
-                xhr = null;
-            }
+		function load () {
+			window.clearTimeout(debounceLoad)
+			if (xhr) {
+				xhr.abort()
+				xhr = null
+			}
 
-            var q = combine($location);
-            if (q === "" || q === lastLocation) return;
+			let q = combine($location)
+			if (q === '' || q === lastLocation) return
 
-            lastLocation = q;
-            $notifications.attr("data-notify", "loading");
+			lastLocation = q
+			$notifications.attr('data-notify', 'loading')
 
-            xhr = $.getJSON('/control/geocode/?q=' + encodeURIComponent(q), function (res) {
-                if (!res.results || !res.results.length) {
-                    $notifications.attr("data-notify", "error");
-                    return;
-                }
+			xhr = $.getJSON('/control/geocode/?q=' + encodeURIComponent(q), function (res) {
+				if (!res.results || !res.results.length) {
+					$notifications.attr('data-notify', 'error')
+					return
+				}
 
-                lat = res.results[0].lat;
-                lon = res.results[0].lon;
-                if ($lat.val() == lat && $lon.val() == lon) {
-                    $notifications.attr("data-notify", "");
-                }
-                else if (touched) {
-                    $notifications.attr("data-notify", "confirm");
-                }
-                else {
-                    $notifications.attr("data-notify", "");
-                    $lat.val(lat);
-                    $lon.val(lon);
-                    center(13);
-                }
-            })
-        }
+				lat = res.results[0].lat
+				lon = res.results[0].lon
+				if ($lat.val() == lat && $lon.val() == lon) {
+					$notifications.attr('data-notify', '')
+				} else if (touched) {
+					$notifications.attr('data-notify', 'confirm')
+				} else {
+					$notifications.attr('data-notify', '')
+					$lat.val(lat)
+					$lon.val(lon)
+					center(13)
+				}
+			})
+		}
 
-        $lat.add($lon).change(function () {
-            if (this.value !== "") touched = true;
-            center(13);
-        }).keyup(function () {
-            window.clearTimeout(debounceLatLonChange);
-            debounceLatLonChange = window.setTimeout(center, 300);
-        });
+		$lat.add($lon).change(function () {
+			if (this.value !== '') touched = true
+			center(13)
+		}).keyup(function () {
+			window.clearTimeout(debounceLatLonChange)
+			debounceLatLonChange = window.setTimeout(center, 300)
+		})
 
-        $location.change(load);
-        $location.keyup(function () {
-            window.clearTimeout(debounceLoad);
-            debounceLoad = window.setTimeout(load, 1000);
-            if ($notifications.attr("data-notify") == "confirm" && lastLocation !== cleanup(this.value)) $notifications.attr("data-notify", "");
-        });
+		$location.change(load)
+		$location.keyup(function () {
+			window.clearTimeout(debounceLoad)
+			debounceLoad = window.setTimeout(load, 1000)
+			if ($notifications.attr('data-notify') == 'confirm' && lastLocation !== cleanup(this.value)) $notifications.attr('data-notify', '')
+		})
 
-        $updateButton.click(function() {
-            $lat.val(lat);
-            $lon.val(lon).trigger("change");// change-event is needed by bulk-edit
-            touched = false;
-            center(13);
-            $notifications.attr("data-notify", "updated");
-            delayUpdateDismissal = window.setTimeout(function() {
-                if ($notifications.attr("data-notify") == "updated") $notifications.attr("data-notify", "");
-            }, 2500);
-        });
+		$updateButton.click(function () {
+			$lat.val(lat)
+			$lon.val(lon).trigger('change')// change-event is needed by bulk-edit
+			touched = false
+			center(13)
+			$notifications.attr('data-notify', 'updated')
+			delayUpdateDismissal = window.setTimeout(function () {
+				if ($notifications.attr('data-notify') == 'updated') $notifications.attr('data-notify', '')
+			}, 2500)
+		})
 
-        // Map
-        var $grp = $(".geodata-group", this);
-        var tiles = $grp.attr("data-tiles");
-        var attrib = $grp.attr("data-attrib");
-        if (tiles) {
-            var $map = $("<div>");
-            $grp.append($("<div>").addClass("col-md-9 col-md-offset-3").append($map));
-            var map = L.map($map.get(0));
-            L.tileLayer(tiles, {
-                attribution: attrib,
-                maxZoom: 18,
-            }).addTo(map);
+		// Map
+		let $grp = $('.geodata-group', this)
+		let tiles = $grp.attr('data-tiles')
+		let attrib = $grp.attr('data-attrib')
+		if (tiles) {
+			let $map = $('<div>')
+			$grp.append($('<div>').addClass('col-md-9 col-md-offset-3').append($map))
+			let map = L.map($map.get(0))
+			L.tileLayer(tiles, {
+				attribution: attrib,
+				maxZoom: 18,
+			}).addTo(map)
 
-            function getpoint() {
-                if ($lat.val() !== "" && $lon.val() !== "") {
-                    var p = [parseFloat($lat.val().replace(",", ".")), parseFloat($lon.val().replace(",", "."))];
-                    // Clip to valid ranges. Very invalid lon/lat values can even lead to browser crashes in leaflet apparently
-                    if (p[0] < -90) p[0] = -90
-                    if (p[0] > 90) p[0] = 90
-                    if (p[1] < -180) p[1] = -180
-                    if (p[1] > 180) p[1] = 180
-                    return p
-                } else {
-                    return [0.0, 0.0];
-                }
-            }
+			function getpoint () {
+				if ($lat.val() !== '' && $lon.val() !== '') {
+					let p = [parseFloat($lat.val().replace(',', '.')), parseFloat($lon.val().replace(',', '.'))]
+					// Clip to valid ranges. Very invalid lon/lat values can even lead to browser crashes in leaflet apparently
+					if (p[0] < -90) p[0] = -90
+					if (p[0] > 90) p[0] = 90
+					if (p[1] < -180) p[1] = -180
+					if (p[1] > 180) p[1] = 180
+					return p
+				} else {
+					return [0.0, 0.0]
+				}
+			}
 
-            var marker = L.marker(getpoint(), {
-                draggable: 'true',
-                icon: L.icon({
-                    iconUrl: $grp.attr("data-icon"),
-                    shadowUrl: $grp.attr("data-shadow"),
-                    iconSize: [25, 41],
-                    iconAnchor: [12, 41],
-                    popupAnchor: [1, -34],
-                    tooltipAnchor: [16, -28],
-                    shadowSize: [41, 41]
-                })
-            });
-            marker.addTo(map);
-            marker.on("dragend", function (event) {
-                var position = marker.getLatLng();
-                marker.setLatLng(position, {
-                    draggable: 'true'
-                }).bindPopup(position).update();
-                $lat.val(position.lat.toFixed(7));
-                $lon.val(position.lng.toFixed(7));
-                touched = true;
-                center(null);
-            });
+			let marker = L.marker(getpoint(), {
+				draggable: 'true',
+				icon: L.icon({
+					iconUrl: $grp.attr('data-icon'),
+					shadowUrl: $grp.attr('data-shadow'),
+					iconSize: [25, 41],
+					iconAnchor: [12, 41],
+					popupAnchor: [1, -34],
+					tooltipAnchor: [16, -28],
+					shadowSize: [41, 41]
+				})
+			})
+			marker.addTo(map)
+			marker.on('dragend', function (event) {
+				let position = marker.getLatLng()
+				marker.setLatLng(position, {
+					draggable: 'true'
+				}).bindPopup(position).update()
+				$lat.val(position.lat.toFixed(7))
+				$lon.val(position.lng.toFixed(7))
+				touched = true
+				center(null)
+			})
 
-            function center(zoom) {
-                if ($lat.val() !== "" && $lon.val() !== "") {
-                    if (zoom) {
-                        map.setView(getpoint(), zoom);
-                    } else {
-                        map.panTo(getpoint());
-                    }
-                    marker.setLatLng(getpoint(), {
-                        draggable: 'true'
-                    }).bindPopup(getpoint()).update();
-                } else {
-                    map.fitWorld();
-                }
-            }
+			function center (zoom) {
+				if ($lat.val() !== '' && $lon.val() !== '') {
+					if (zoom) {
+						map.setView(getpoint(), zoom)
+					} else {
+						map.panTo(getpoint())
+					}
+					marker.setLatLng(getpoint(), {
+						draggable: 'true'
+					}).bindPopup(getpoint()).update()
+				} else {
+					map.fitWorld()
+				}
+			}
 
-            center(13);
-        } else {
-            function center(zoom) {
-            }
-        }
-
-    });
-});
+			center(13)
+		} else {
+			function center (zoom) {
+			}
+		}
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/hidequota.js b/src/pretix/static/pretixcontrol/js/ui/hidequota.js
index 435a98437..a8d968bab 100644
--- a/src/pretix/static/pretixcontrol/js/ui/hidequota.js
+++ b/src/pretix/static/pretixcontrol/js/ui/hidequota.js
@@ -1,39 +1,39 @@
 $(function () {
-  hideDeselected(false);
+	hideDeselected(false)
 
-  function hideDeselected(animate) {
-    var v = $("input[name='quota_option']:checked").val(),
-      fn = animate ? 'slideDown' : 'show';
-    if (v === "existing") {
-      hideAll(animate);
-      $("#existing-quota-group").children()[fn]();
-    } else if (v === "new") {
-      hideAll(animate);
-      if ($("#id_quota_add_new_name").val() === "") {
-          $("#id_quota_add_new_name").val($("input[name^=name_]").first().val());
-      }
-      $("#new-quota-group").children()[fn]();
-    } else {
-      hideAll(animate);
-    }
-  }
+	function hideDeselected (animate) {
+		let v = $('input[name=\'quota_option\']:checked').val(),
+			fn = animate ? 'slideDown' : 'show'
+		if (v === 'existing') {
+			hideAll(animate)
+			$('#existing-quota-group').children()[fn]()
+		} else if (v === 'new') {
+			hideAll(animate)
+			if ($('#id_quota_add_new_name').val() === '') {
+				$('#id_quota_add_new_name').val($('input[name^=name_]').first().val())
+			}
+			$('#new-quota-group').children()[fn]()
+		} else {
+			hideAll(animate)
+		}
+	}
 
-  function hideAll(animate) {
-    var fn = animate ? 'slideUp' : 'hide';
-    $("#new-quota-group").children()[fn]();
-    $("#existing-quota-group").children()[fn]();
-  }
+	function hideAll (animate) {
+		let fn = animate ? 'slideUp' : 'hide'
+		$('#new-quota-group').children()[fn]()
+		$('#existing-quota-group').children()[fn]()
+	}
 
-  $("input[name='quota_option']").on('change',
-    function () {
-      hideDeselected(true);
-    }
-  );
+	$('input[name=\'quota_option\']').on('change',
+		function () {
+			hideDeselected(true)
+		}
+	)
 
-  function toggleblock() {
-    $("#new-quota-group").closest('fieldset').toggle(!$("[name=has_variations][value=on]").prop('checked'));
-  }
+	function toggleblock () {
+		$('#new-quota-group').closest('fieldset').toggle(!$('[name=has_variations][value=on]').prop('checked'))
+	}
 
-  $("[name=has_variations]").change(toggleblock);
-  toggleblock();
-});
+	$('[name=has_variations]').change(toggleblock)
+	toggleblock()
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/mail.js b/src/pretix/static/pretixcontrol/js/ui/mail.js
index 06ac66df1..7e45065f3 100644
--- a/src/pretix/static/pretixcontrol/js/ui/mail.js
+++ b/src/pretix/static/pretixcontrol/js/ui/mail.js
@@ -1,75 +1,75 @@
-function preview_task_callback(data, jqXHR, status) {
-    "use strict";
-    if (data.item) {
-        $('#' + data.item + '_panel').data('ajaxing', false);
-        for (var m in data.msgs){
-            var target = $('div[for=' + data.item + '][lang=' + m +']');
-            if (target.length === 1){
-                target.html(data.msgs[m]);
-                target.find('.placeholder').tooltip();
-            }
-        }
-    }
+/* global gettext */
+function preview_task_callback (data, _jqXHR, _status) {
+	'use strict'
+	if (data.item) {
+		$('#' + data.item + '_panel').data('ajaxing', false)
+		for (let m in data.msgs) {
+			let target = $('div[for=' + data.item + '][lang=' + m + ']')
+			if (target.length === 1) {
+				target.html(data.msgs[m])
+				target.find('.placeholder').tooltip()
+			}
+		}
+	}
 }
 
-function preview_task_error(item) {
-    "use strict";
-    return function(jqXHR, textStatus, errorThrown) {
-        $('#' + item + '_panel').data('ajaxing', false);
-        $('#' + item + '_preview div').text(gettext('An error has occurred.'));
-        if (textStatus === "timeout") {
-            alert(gettext("The request took too long. Please try again."));
-        } else {
-            if (jqXHR.status >= 400 && jqXHR.status < 500) {
-                alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status));
-            } else {
-                alert(gettext('We currently cannot reach the server. Please try again. ' +
-                              'Error code: {code}').replace(/\{code\}/, jqXHR.status));
-            }
-        }
-    }
+function preview_task_error (item) {
+	'use strict'
+	return function (jqXHR, textStatus, _errorThrown) {
+		$('#' + item + '_panel').data('ajaxing', false)
+		$('#' + item + '_preview div').text(gettext('An error has occurred.'))
+		if (textStatus === 'timeout') {
+			alert(gettext('The request took too long. Please try again.'))
+		} else {
+			if (jqXHR.status >= 400 && jqXHR.status < 500) {
+				alert(gettext('An error of type {code} occurred.').replace(/\{code\}/, jqXHR.status))
+			} else {
+				alert(gettext('We currently cannot reach the server. Please try again. '
+					+ 'Error code: {code}').replace(/\{code\}/, jqXHR.status))
+			}
+		}
+	}
 }
 
-function mail_preview_setup($el) {
-    $el.find('.mail-preview .placeholder').tooltip();
-    $el.find('a[type=preview]').on('click', function () {
-        var itemName = $(this).closest('.preview-panel').attr('for');
-        if ($('#' + itemName + '_panel').data('ajaxing') || $(this).parent('.active').length !== 0) {
-            return;
-        }
+function mail_preview_setup ($el) {
+	$el.find('.mail-preview .placeholder').tooltip()
+	$el.find('a[type=preview]').on('click', function () {
+		let itemName = $(this).closest('.preview-panel').attr('for')
+		if ($('#' + itemName + '_panel').data('ajaxing') || $(this).parent('.active').length !== 0) {
+			return
+		}
 
-        // gathering data
-        var parentForm = $(this).closest('form');
-        var previewUrl = $(parentForm).attr('mail-preview-url');
-        var token = $(parentForm).find('input[name=csrfmiddlewaretoken]').val();
-        var dataString = 'item=' + itemName + '&csrfmiddlewaretoken=' + token;
-        $('#' + itemName + '_edit textarea, #' + itemName + '_edit input').each(function () {
-            dataString += '&' + $(this).serialize();
-        });
+		// gathering data
+		let parentForm = $(this).closest('form')
+		let previewUrl = $(parentForm).attr('mail-preview-url')
+		let token = $(parentForm).find('input[name=csrfmiddlewaretoken]').val()
+		let dataString = 'item=' + itemName + '&csrfmiddlewaretoken=' + token
+		$('#' + itemName + '_edit textarea, #' + itemName + '_edit input').each(function () {
+			dataString += '&' + $(this).serialize()
+		})
 
-        // prepare for ajax
-        $('#' + itemName + '_panel').data('ajaxing', true);
-        $('#' + itemName + '_preview div').text(gettext('Generating messages …'));
+		// prepare for ajax
+		$('#' + itemName + '_panel').data('ajaxing', true)
+		$('#' + itemName + '_preview div').text(gettext('Generating messages …'))
 
-        $.ajax(
-            {
-                'type': 'POST',
-                'url': previewUrl,
-                'data': dataString,
-                'success': preview_task_callback,
-                'error': preview_task_error(itemName),
-                'dataType': 'json',
-                'timeout': 60000,
-            }
-        );
-
-    });
+		$.ajax(
+			{
+				type: 'POST',
+				url: previewUrl,
+				data: dataString,
+				success: preview_task_callback,
+				error: preview_task_error(itemName),
+				dataType: 'json',
+				timeout: 60000,
+			}
+		)
+	})
 }
 
 $(function () {
-    "use strict";
-    mail_preview_setup($("body"));
-    $(document).on("pretix:bind-forms", function () {
-        mail_preview_setup($("body"));
-    });
-});
+	'use strict'
+	mail_preview_setup($('body'))
+	$(document).on('pretix:bind-forms', function () {
+		mail_preview_setup($('body'))
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/main.js b/src/pretix/static/pretixcontrol/js/ui/main.js
index 7ebefa0bb..bf558807b 100644
--- a/src/pretix/static/pretixcontrol/js/ui/main.js
+++ b/src/pretix/static/pretixcontrol/js/ui/main.js
@@ -1,1122 +1,1120 @@
-/*global $, gettext, ngettext, interpolate */
+/* global gettext, Bloodhound */
 
-function formatPrice(price, currency, locale) {
-    if (!window.Intl || !Intl.NumberFormat) return price;
-    var priceToFormat = price
-    if (currency === undefined) {
-        currency = $("[data-currency]").data("currency")
-    }
-    if (locale === undefined) {
-        locale = $("[data-locale]").data("locale") || $("[data-pretixlocale]").data("pretixlocale");
-    }
+function formatPrice (price, currency, locale) {
+	if (!window.Intl || !Intl.NumberFormat) return price
+	let priceToFormat = price
+	if (currency === undefined) {
+		currency = $('[data-currency]').data('currency')
+	}
+	if (locale === undefined) {
+		locale = $('[data-locale]').data('locale') || $('[data-pretixlocale]').data('pretixlocale')
+	}
 
-    var opt = currency ? {style: "currency", currency: currency} : null;
-    var nf = new Intl.NumberFormat(locale, opt)
+	let opt = currency ? { style: 'currency', currency: currency } : null
+	let nf = new Intl.NumberFormat(locale, opt)
 
-    if (isNaN(priceToFormat) && priceToFormat.replaceAll) {
-        // price is not a number, try to reformat based on locale/currency-format
-        var replacements = {
-            group: "",
-            decimal: "."
-        }
-        // format a dummy number to get parts of formatting and
-        // replace group and decimal according to replacements
-        // to hopefully get a parsable number
-        nf.formatToParts(1234.567).forEach(function(part) {
-            if (replacements.hasOwnProperty(part.type)) {
-                priceToFormat = priceToFormat.replaceAll(part.value, replacements[part.type])
-            }
-        });
-        if (isNaN(priceToFormat)) return price
-    }
+	if (isNaN(priceToFormat) && priceToFormat.replaceAll) {
+		// price is not a number, try to reformat based on locale/currency-format
+		let replacements = {
+			group: '',
+			decimal: '.'
+		}
+		// format a dummy number to get parts of formatting and
+		// replace group and decimal according to replacements
+		// to hopefully get a parsable number
+		nf.formatToParts(1234.567).forEach(function (part) {
+			if (replacements.hasOwnProperty(part.type)) {
+				priceToFormat = priceToFormat.replaceAll(part.value, replacements[part.type])
+			}
+		})
+		if (isNaN(priceToFormat)) return price
+	}
 
-    try {
-        return nf.format(priceToFormat)
-    } catch (error) {
-        return price
-    }
+	try {
+		return nf.format(priceToFormat)
+	} catch (error) {
+		return price
+	}
 }
 
-var apiGET = function (url, callback) {
-    $.getJSON(url, function (data) {
-        callback(data);
-    });
-};
+let apiGET = function (url, callback) {
+	$.getJSON(url, function (data) {
+		callback(data)
+	})
+}
 
-var i18nToString = function (i18nstring) {
-    var locale = $("body").attr("data-pretixlocale");
-    if (i18nstring[locale]) {
-        return i18nstring[locale];
-    } else if (i18nstring["en"]) {
-        return i18nstring["en"];
-    }
-    for (key in i18nstring) {
-        if (i18nstring[key]) {
-            return i18nstring[key];
-        }
-    }
-};
+let i18nToString = function (i18nstring) {
+	let locale = $('body').attr('data-pretixlocale')
+	if (i18nstring[locale]) {
+		return i18nstring[locale]
+	} else if (i18nstring['en']) {
+		return i18nstring['en']
+	}
+	for (const key in i18nstring) {
+		if (i18nstring[key]) {
+			return i18nstring[key]
+		}
+	}
+}
 
 $(document).ajaxError(function (event, jqXHR, settings, thrownError) {
-    var c = $(jqXHR.responseText).filter('.container');
-    if (jqXHR.status === 401 && jqXHR.getResponseHeader("X-Login-Url")) {
-        window.location = jqXHR.getResponseHeader("X-Login-Url") + "?next=" + encodeURIComponent(location.pathname + location.search + location.hash);
-    } else if (c.length > 0) {
-        waitingDialog.hide();
-        ajaxErrDialog.show(c.first().html());
-    } else if (thrownError !== "abort" && thrownError !== "") {
-        waitingDialog.hide();
-        console.error(event, jqXHR, settings, thrownError);
-        alert(gettext('Unknown error.'));
-    }
-});
+	let c = $(jqXHR.responseText).filter('.container')
+	if (jqXHR.status === 401 && jqXHR.getResponseHeader('X-Login-Url')) {
+		window.location = jqXHR.getResponseHeader('X-Login-Url') + '?next=' + encodeURIComponent(location.pathname + location.search + location.hash)
+	} else if (c.length > 0) {
+		waitingDialog.hide()
+		ajaxErrDialog.show(c.first().html())
+	} else if (thrownError !== 'abort' && thrownError !== '') {
+		waitingDialog.hide()
+		console.error(event, jqXHR, settings, thrownError)
+		alert(gettext('Unknown error.'))
+	}
+})
 
-var form_handlers = function (el) {
-    el.trigger("rescan.areYouSure");
-    el.find("[data-formset]").formset(
-        {
-            animateForms: true,
-            reorderMode: 'animate'
-        }
-    );
-    el.find("[data-formset]").on("formAdded", "div", function (event) {
-        form_handlers($(event.target));
-    });
-    el.find("[data-formset] [data-formset-sort]").on("click", function (event) {
-        // Sort forms alphabetically by their first field
-        var $formset = $(this).closest("[data-formset]");
-        var $forms = $formset.find("[data-formset-form]").not("[data-formset-form-deleted]")
-        var compareForms = function(form_a, form_b) {
-            var a = $(form_a).find('input:not([name*=-ORDER]):not([name*=-DELETE]):not([name*=-id])').val();
-            var b = $(form_b).find('input:not([name*=-ORDER]):not([name*=-DELETE]):not([name*=-id])').val();
-            return a.localeCompare(b);
-        }
-        $forms = $forms.sort(compareForms);
-        $forms.each(function(i, form) {
-            var $order = $(form).find('[name*=-ORDER]');
-            $order.val(i + 1);
-        });
-        // Trigger visual reorder
-        $formset.find("[name*=-ORDER]").first().trigger("change");
-    });
+let form_handlers = function (el) {
+	el.trigger('rescan.areYouSure')
+	el.find('[data-formset]').formset(
+		{
+			animateForms: true,
+			reorderMode: 'animate'
+		}
+	)
+	el.find('[data-formset]').on('formAdded', 'div', function (event) {
+		form_handlers($(event.target))
+	})
+	el.find('[data-formset] [data-formset-sort]').on('click', function (event) {
+		// Sort forms alphabetically by their first field
+		let $formset = $(this).closest('[data-formset]')
+		let $forms = $formset.find('[data-formset-form]').not('[data-formset-form-deleted]')
+		let compareForms = function (form_a, form_b) {
+			let a = $(form_a).find('input:not([name*=-ORDER]):not([name*=-DELETE]):not([name*=-id])').val()
+			let b = $(form_b).find('input:not([name*=-ORDER]):not([name*=-DELETE]):not([name*=-id])').val()
+			return a.localeCompare(b)
+		}
+		$forms = $forms.sort(compareForms)
+		$forms.each(function (i, form) {
+			let $order = $(form).find('[name*=-ORDER]')
+			$order.val(i + 1)
+		})
+		// Trigger visual reorder
+		$formset.find('[name*=-ORDER]').first().trigger('change')
+	})
 
-    // Vouchers
-    el.find("#voucher-bulk-codes-generate").click(function () {
-        if (!$("#voucher-bulk-codes-num").get(0).reportValidity())
-            return;
-        var num = $("#voucher-bulk-codes-num").val();
-        var prefix = $('#voucher-bulk-codes-prefix').val();
-        if (num != "") {
-            var url = $(this).attr("data-rng-url");
-            $("#id_codes").html("Generating...");
-            $(".form-group:has(#voucher-bulk-codes-num)").removeClass("has-error");
-            $.getJSON(url + '?num=' + num + '&prefix=' + escape(prefix), function (data) {
-                $("#id_codes").val(data.codes.join("\n"));
-            });
-        } else {
-            $(".form-group:has(#voucher-bulk-codes-num)").addClass("has-error");
-            $("#voucher-bulk-codes-num").focus();
-            setTimeout(function () {
-                $(".form-group:has(#voucher-bulk-codes-num)").removeClass("has-error");
-            }, 3000);
-        }
-    });
+	// Vouchers
+	el.find('#voucher-bulk-codes-generate').click(function () {
+		if (!$('#voucher-bulk-codes-num').get(0).reportValidity())
+			return
+		let num = $('#voucher-bulk-codes-num').val()
+		let prefix = $('#voucher-bulk-codes-prefix').val()
+		if (num != '') {
+			let url = $(this).attr('data-rng-url')
+			$('#id_codes').html('Generating...')
+			$('.form-group:has(#voucher-bulk-codes-num)').removeClass('has-error')
+			$.getJSON(url + '?num=' + num + '&prefix=' + escape(prefix), function (data) {
+				$('#id_codes').val(data.codes.join('\n'))
+			})
+		} else {
+			$('.form-group:has(#voucher-bulk-codes-num)').addClass('has-error')
+			$('#voucher-bulk-codes-num').focus()
+			setTimeout(function () {
+				$('.form-group:has(#voucher-bulk-codes-num)').removeClass('has-error')
+			}, 3000)
+		}
+	})
 
-    el.find(".datetimepicker").each(function () {
-        $(this).datetimepicker({
-            format: $(this).attr("data-format") ? $(this).attr("data-format") : $("body").attr("data-datetimeformat"),
-            locale: $("body").attr("data-datetimelocale"),
-            useCurrent: false,
-            showClear: !$(this).prop("required"),
-            icons: {
-                time: 'fa fa-clock-o',
-                date: 'fa fa-calendar',
-                up: 'fa fa-chevron-up',
-                down: 'fa fa-chevron-down',
-                previous: $("html").hasClass("rtl") ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
-                next: $("html").hasClass("rtl") ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
-                today: 'fa fa-screenshot',
-                clear: 'fa fa-trash',
-                close: 'fa fa-remove'
-            }
-        });
-        if (!$(this).val()) {
-            $(this).data("DateTimePicker").viewDate(moment().hour(0).minute(0).second(0));
-        }
-    });
+	el.find('.datetimepicker').each(function () {
+		$(this).datetimepicker({
+			format: $(this).attr('data-format') ? $(this).attr('data-format') : $('body').attr('data-datetimeformat'),
+			locale: $('body').attr('data-datetimelocale'),
+			useCurrent: false,
+			showClear: !$(this).prop('required'),
+			icons: {
+				time: 'fa fa-clock-o',
+				date: 'fa fa-calendar',
+				up: 'fa fa-chevron-up',
+				down: 'fa fa-chevron-down',
+				previous: $('html').hasClass('rtl') ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
+				next: $('html').hasClass('rtl') ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
+				today: 'fa fa-screenshot',
+				clear: 'fa fa-trash',
+				close: 'fa fa-remove'
+			}
+		})
+		if (!$(this).val()) {
+			$(this).data('DateTimePicker').viewDate(moment().hour(0).minute(0).second(0))
+		}
+	})
 
-    el.find(".datepickerfield").each(function () {
-        var opts = {
-            format: $(this).attr("data-format") ? $(this).attr("data-format") : $("body").attr("data-dateformat"),
-            locale: $("body").attr("data-datetimelocale"),
-            useCurrent: false,
-            showClear: !$(this).prop("required"),
-            icons: {
-                time: 'fa fa-clock-o',
-                date: 'fa fa-calendar',
-                up: 'fa fa-chevron-up',
-                down: 'fa fa-chevron-down',
-                previous: $("html").hasClass("rtl") ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
-                next: $("html").hasClass("rtl") ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
-                today: 'fa fa-screenshot',
-                clear: 'fa fa-trash',
-                close: 'fa fa-remove'
-            },
-        };
-        if ($(this).is('[data-min]')) {
-            opts["minDate"] = $(this).attr("data-min");
-            opts["viewDate"] = $(this).attr("data-min");
-        }
-        if ($(this).is('[data-max]')) {
-            opts["maxDate"] = $(this).attr("data-max");
-            opts["viewDate"] = (opts.minDate &&   // if minDate and maxDate are set, use the one closer to now as viewDate
-                    Math.abs(+new Date(opts.minDate) - new Date()) < Math.abs(+new Date(opts.maxDate) - new Date())
-            ) ? opts.minDate : opts.maxDate;
-        }
-        if ($(this).is('[data-is-payment-date]'))
-            opts["daysOfWeekDisabled"] = JSON.parse($("body").attr("data-payment-weekdays-disabled"));
-        $(this).datetimepicker(opts).on("dp.hide", function() {
-            // when min/max is used in datetimepicker, closing and re-opening the picker opens at the wrong date
-            // therefore keep the current viewDate and re-set it after datetimepicker is done hiding
-            var $dtp = $(this).data("DateTimePicker");
-            var currentViewDate = $dtp.viewDate();
-            window.setTimeout(function () {
-                $dtp.viewDate(currentViewDate);
-            }, 50);
-        });
-        if ($(this).parent().is('.splitdatetimerow')) {
-            $(this).on("dp.change", function (ev) {
-                var $timepicker = $(this).closest(".splitdatetimerow").find(".timepickerfield");
-                var date = $(this).data('DateTimePicker').date();
-                if (date === null) {
-                    return;
-                }
-                if ($timepicker.val() === "") {
-                    if (/_(until|end|to)(_|$)/.test($(this).attr("name"))) {
-                        date.set({'hour': 23, 'minute': 59, 'second': 59});
-                    } else {
-                        date.set({'hour': 0, 'minute': 0, 'second': 0});
-                    }
-                    $timepicker.data('DateTimePicker').date(date);
-                }
-            });
-        }
-    });
+	el.find('.datepickerfield').each(function () {
+		let opts = {
+			format: $(this).attr('data-format') ? $(this).attr('data-format') : $('body').attr('data-dateformat'),
+			locale: $('body').attr('data-datetimelocale'),
+			useCurrent: false,
+			showClear: !$(this).prop('required'),
+			icons: {
+				time: 'fa fa-clock-o',
+				date: 'fa fa-calendar',
+				up: 'fa fa-chevron-up',
+				down: 'fa fa-chevron-down',
+				previous: $('html').hasClass('rtl') ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
+				next: $('html').hasClass('rtl') ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
+				today: 'fa fa-screenshot',
+				clear: 'fa fa-trash',
+				close: 'fa fa-remove'
+			},
+		}
+		if ($(this).is('[data-min]')) {
+			opts['minDate'] = $(this).attr('data-min')
+			opts['viewDate'] = $(this).attr('data-min')
+		}
+		if ($(this).is('[data-max]')) {
+			opts['maxDate'] = $(this).attr('data-max')
+			opts['viewDate'] = (opts.minDate // if minDate and maxDate are set, use the one closer to now as viewDate
+				&& Math.abs(+new Date(opts.minDate) - new Date()) < Math.abs(+new Date(opts.maxDate) - new Date())
+			) ? opts.minDate : opts.maxDate
+		}
+		if ($(this).is('[data-is-payment-date]'))
+			opts['daysOfWeekDisabled'] = JSON.parse($('body').attr('data-payment-weekdays-disabled'))
+		$(this).datetimepicker(opts).on('dp.hide', function () {
+			// when min/max is used in datetimepicker, closing and re-opening the picker opens at the wrong date
+			// therefore keep the current viewDate and re-set it after datetimepicker is done hiding
+			let $dtp = $(this).data('DateTimePicker')
+			let currentViewDate = $dtp.viewDate()
+			window.setTimeout(function () {
+				$dtp.viewDate(currentViewDate)
+			}, 50)
+		})
+		if ($(this).parent().is('.splitdatetimerow')) {
+			$(this).on('dp.change', function (ev) {
+				let $timepicker = $(this).closest('.splitdatetimerow').find('.timepickerfield')
+				let date = $(this).data('DateTimePicker').date()
+				if (date === null) {
+					return
+				}
+				if ($timepicker.val() === '') {
+					if (/_(until|end|to)(_|$)/.test($(this).attr('name'))) {
+						date.set({ hour: 23, minute: 59, second: 59 })
+					} else {
+						date.set({ hour: 0, minute: 0, second: 0 })
+					}
+					$timepicker.data('DateTimePicker').date(date)
+				}
+			})
+		}
+	})
 
-    el.find(".timepickerfield").each(function () {
-        var opts = {
-            format: $(this).attr("data-format") ? $(this).attr("data-format") : $("body").attr("data-timeformat"),
-            locale: $("body").attr("data-datetimelocale"),
-            useCurrent: false,
-            showClear: !$(this).prop("required"),
-            icons: {
-                time: 'fa fa-clock-o',
-                date: 'fa fa-calendar',
-                up: 'fa fa-chevron-up',
-                down: 'fa fa-chevron-down',
-                previous: $("html").hasClass("rtl") ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
-                next: $("html").hasClass("rtl") ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
-                today: 'fa fa-screenshot',
-                clear: 'fa fa-trash',
-                close: 'fa fa-remove'
-            }
-        };
-        if ($(this).is('[data-is-payment-date]'))
-            opts["daysOfWeekDisabled"] = JSON.parse($("body").attr("data-payment-weekdays-disabled"));
-        $(this).datetimepicker(opts);
-    });
+	el.find('.timepickerfield').each(function () {
+		let opts = {
+			format: $(this).attr('data-format') ? $(this).attr('data-format') : $('body').attr('data-timeformat'),
+			locale: $('body').attr('data-datetimelocale'),
+			useCurrent: false,
+			showClear: !$(this).prop('required'),
+			icons: {
+				time: 'fa fa-clock-o',
+				date: 'fa fa-calendar',
+				up: 'fa fa-chevron-up',
+				down: 'fa fa-chevron-down',
+				previous: $('html').hasClass('rtl') ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
+				next: $('html').hasClass('rtl') ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
+				today: 'fa fa-screenshot',
+				clear: 'fa fa-trash',
+				close: 'fa fa-remove'
+			}
+		}
+		if ($(this).is('[data-is-payment-date]'))
+			opts['daysOfWeekDisabled'] = JSON.parse($('body').attr('data-payment-weekdays-disabled'))
+		$(this).datetimepicker(opts)
+	})
 
-    el.find(".datetimepicker[data-date-after], .datepickerfield[data-date-after]").each(function () {
-        var later_field = $(this),
-            earlier_field = $($(this).attr("data-date-after")),
-            update = function () {
-                var earlier = earlier_field.data('DateTimePicker').date(),
-                    later = later_field.data('DateTimePicker').date();
-                if (earlier === null) {
-                    earlier = false;
-                } else if (later !== null && later.isBefore(earlier) && !later.isSame(earlier)) {
-                    later_field.data('DateTimePicker').date(earlier.add(1, 'h'));
-                }
-                later_field.data('DateTimePicker').minDate(earlier);
-            };
-        update();
-        earlier_field.on("dp.change", update);
-    });
+	el.find('.datetimepicker[data-date-after], .datepickerfield[data-date-after]').each(function () {
+		let later_field = $(this),
+			earlier_field = $($(this).attr('data-date-after')),
+			update = function () {
+				let earlier = earlier_field.data('DateTimePicker').date(),
+					later = later_field.data('DateTimePicker').date()
+				if (earlier === null) {
+					earlier = false
+				} else if (later !== null && later.isBefore(earlier) && !later.isSame(earlier)) {
+					later_field.data('DateTimePicker').date(earlier.add(1, 'h'))
+				}
+				later_field.data('DateTimePicker').minDate(earlier)
+			}
+		update()
+		earlier_field.on('dp.change', update)
+	})
 
-    el.find(".datetimepicker[data-date-default], .datepickerfield[data-date-default]").each(function () {
-        var fill_field = $(this),
-            default_field = $($(this).attr("data-date-default")),
-            show = function () {
-                var fill_date = fill_field.data('DateTimePicker').date(),
-                    default_date = default_field.data('DateTimePicker').date();
-                if (fill_date === null) {
-                    fill_field.data("DateTimePicker").defaultDate(default_date);
-                }
-            };
-        fill_field.on("dp.show", show);
-    });
+	el.find('.datetimepicker[data-date-default], .datepickerfield[data-date-default]').each(function () {
+		let fill_field = $(this),
+			default_field = $($(this).attr('data-date-default')),
+			show = function () {
+				let fill_date = fill_field.data('DateTimePicker').date(),
+					default_date = default_field.data('DateTimePicker').date()
+				if (fill_date === null) {
+					fill_field.data('DateTimePicker').defaultDate(default_date)
+				}
+			}
+		fill_field.on('dp.show', show)
+	})
 
-    function luminance(r, g, b) {
-        // Algorithm defined as https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-        var a = [r, g, b].map(function (v) {
-            v /= 255;
-            return v <= 0.03928
-                ? v / 12.92
-                : Math.pow( (v + 0.055) / 1.055, 2.4 );
-        });
-        return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-    }
-    function contrast(rgb1, rgb2) {
-        // Algorithm defined at https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
-        var l1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05,
-             l2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05,
-             ratio = l1/l2
-        if (l2 > l1) {ratio = 1/ratio}
-        return ratio.toFixed(1)
-    }
-    el.find(".colorpickerfield").colorpicker({
-        format: 'hex',
-        align: 'left',
-        customClass: 'colorpicker-2x',
-        sliders: {
-            saturation: {
-                maxLeft: 200,
-                maxTop: 200
-            },
-            hue: {
-                maxTop: 200
-            },
-            alpha: {
-                maxTop: 200
-            }
-        }
-    }).not(".no-contrast").on('changeColor create', function (e) {
-        if (e.type == 'changeColor' && !e.value) {
-            return;
-        }
-        var rgb = $(this).colorpicker('color').toRGB();
-        var c = contrast([255,255,255], [rgb.r, rgb.g, rgb.b]);
-        var mark = 'times';
-        var $icon = $(this).parent().find(".contrast-icon");
-        if ($icon.length === 0 && $(this).parent().find(".contrast-state").length === 0) {
-            $(this).parent().append("<div class='help-block contrast-state'></div>");
-        }
-        var $note = $(this).parent().find(".contrast-state");
-        if ($(this).val() === "") {
-            $note.remove();
-        }
-        var icon, text, cls;
-        if (c > 7) {
-            icon = "fa-check-circle";
-            text = gettext('Your color has great contrast and will provide excellent accessibility.');
-            cls = "text-success";
-        } else if (c > 4.5) {
-            icon = "fa-info-circle";
-            text = gettext('Your color has decent contrast and is sufficient for minimum accessibility requirements.');
-            cls = "";
-        } else {
-            icon = "fa-warning";
-            text = gettext('Your color has insufficient contrast to white. Accessibility of your site will be impacted.');
-            cls = "text-danger";
-        }
-        if ($icon.length === 0) {
-            $note.html("<span class='fa fa-fw " + icon + "'></span>")
-                .append(text);
-            $note.removeClass("text-success").removeClass("text-danger").addClass(cls);
-        } else {
-            $icon.html("<span class='fa fa-fw " + icon + " " + cls + "'></span>")
-            $icon.attr("title", text);
-            $icon.tooltip('destroy');
-            window.setTimeout(function() {
-                $icon.tooltip({"title": text});
-            }, 250);
-        }
-    });
+	function luminance (r, g, b) {
+		// Algorithm defined as https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+		let a = [r, g, b].map(function (v) {
+			v /= 255
+			return v <= 0.03928
+				? v / 12.92
+				: Math.pow((v + 0.055) / 1.055, 2.4)
+		})
+		return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722
+	}
+	function contrast (rgb1, rgb2) {
+		// Algorithm defined at https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+		let l1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05,
+			l2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05,
+			ratio = l1 / l2
+		if (l2 > l1) { ratio = 1 / ratio }
+		return ratio.toFixed(1)
+	}
+	el.find('.colorpickerfield').colorpicker({
+		format: 'hex',
+		align: 'left',
+		customClass: 'colorpicker-2x',
+		sliders: {
+			saturation: {
+				maxLeft: 200,
+				maxTop: 200
+			},
+			hue: {
+				maxTop: 200
+			},
+			alpha: {
+				maxTop: 200
+			}
+		}
+	}).not('.no-contrast').on('changeColor create', function (e) {
+		if (e.type == 'changeColor' && !e.value) {
+			return
+		}
+		let rgb = $(this).colorpicker('color').toRGB()
+		let c = contrast([255, 255, 255], [rgb.r, rgb.g, rgb.b])
+		let mark = 'times'
+		let $icon = $(this).parent().find('.contrast-icon')
+		if ($icon.length === 0 && $(this).parent().find('.contrast-state').length === 0) {
+			$(this).parent().append('<div class=\'help-block contrast-state\'></div>')
+		}
+		let $note = $(this).parent().find('.contrast-state')
+		if ($(this).val() === '') {
+			$note.remove()
+		}
+		let icon, text, cls
+		if (c > 7) {
+			icon = 'fa-check-circle'
+			text = gettext('Your color has great contrast and will provide excellent accessibility.')
+			cls = 'text-success'
+		} else if (c > 4.5) {
+			icon = 'fa-info-circle'
+			text = gettext('Your color has decent contrast and is sufficient for minimum accessibility requirements.')
+			cls = ''
+		} else {
+			icon = 'fa-warning'
+			text = gettext('Your color has insufficient contrast to white. Accessibility of your site will be impacted.')
+			cls = 'text-danger'
+		}
+		if ($icon.length === 0) {
+			$note.html('<span class=\'fa fa-fw ' + icon + '\'></span>')
+				.append(text)
+			$note.removeClass('text-success').removeClass('text-danger').addClass(cls)
+		} else {
+			$icon.html('<span class=\'fa fa-fw ' + icon + ' ' + cls + '\'></span>')
+			$icon.attr('title', text)
+			$icon.tooltip('destroy')
+			window.setTimeout(function () {
+				$icon.tooltip({ title: text })
+			}, 250)
+		}
+	})
 
-    function findDependency(searchString, sourceElement) {
-        if (searchString.substr(0, 1) === '<') {
-            return $(sourceElement).closest("form, .form-horizontal").find(searchString.substr(1));
-        } else {
-            return $(searchString);
-        }
-    }
+	function findDependency (searchString, sourceElement) {
+		if (searchString.substr(0, 1) === '<') {
+			return $(sourceElement).closest('form, .form-horizontal').find(searchString.substr(1))
+		} else {
+			return $(searchString)
+		}
+	}
 
-    el.find("input[data-checkbox-dependency]").each(function () {
-        var initially_disabled = $(this).prop("disabled");
-        var dependent = $(this),
-            dependency = findDependency($(this).attr("data-checkbox-dependency"), this),
-            update = function () {
-                var enabled = dependency.prop('checked');
-                dependent.prop('disabled', !enabled || initially_disabled).closest('.form-group, .form-field-boundary').toggleClass('disabled', !enabled);
-                if (!enabled && !dependent.is('[data-checkbox-dependency-visual]')) {
-                    dependent.prop('checked', false);
-                    dependent.trigger('change')
-                }
-            };
-        update();
-        dependency.on("change", update);
-    });
+	el.find('input[data-checkbox-dependency]').each(function () {
+		let initially_disabled = $(this).prop('disabled')
+		let dependent = $(this),
+			dependency = findDependency($(this).attr('data-checkbox-dependency'), this),
+			update = function () {
+				let enabled = dependency.prop('checked')
+				dependent.prop('disabled', !enabled || initially_disabled).closest('.form-group, .form-field-boundary').toggleClass('disabled', !enabled)
+				if (!enabled && !dependent.is('[data-checkbox-dependency-visual]')) {
+					dependent.prop('checked', false)
+					dependent.trigger('change')
+				}
+			}
+		update()
+		dependency.on('change', update)
+	})
 
-    el.find("select[data-inverse-dependency], input[data-inverse-dependency]").each(function () {
-        var dependent = $(this),
-            dependency = findDependency($(this).attr("data-inverse-dependency"), this),
-            update = function () {
-                var enabled = !dependency.prop('checked');
-                dependent.prop('disabled', !enabled).closest('.form-group, .form-field-boundary').toggleClass('disabled', !enabled);
-            };
-        update();
-        dependency.on("change", update);
-    });
+	el.find('select[data-inverse-dependency], input[data-inverse-dependency]').each(function () {
+		let dependent = $(this),
+			dependency = findDependency($(this).attr('data-inverse-dependency'), this),
+			update = function () {
+				let enabled = !dependency.prop('checked')
+				dependent.prop('disabled', !enabled).closest('.form-group, .form-field-boundary').toggleClass('disabled', !enabled)
+			}
+		update()
+		dependency.on('change', update)
+	})
 
-    el.find("div[data-display-dependency], textarea[data-display-dependency], input[data-display-dependency], select[data-display-dependency], button[data-display-dependency]").each(function () {
-        var initially_disabled = $(this).prop("disabled");
-        var dependent = $(this),
-            dependency = findDependency($(this).attr("data-display-dependency"), this),
-            update = function (ev) {
-                var enabled = dependency.toArray().some(function(d) {
-                    if (d.disabled && !initially_disabled) return false;
-                    if (d.type === 'checkbox' || d.type === 'radio') {
-                        return d.checked;
-                    } else if (d.type === 'select-one') {
-                        var checkValue;
-                        if ((checkValue = /^\/(.*)\/$/.exec(dependent.attr("data-display-dependency-regex")))) {
-                            return new RegExp(checkValue[1]).test(d.value);
-                        } else if ((checkValue = dependent.attr("data-display-dependency-value"))) {
-                            return d.value === checkValue;
-                        } else {
-                            return !!d.value
-                        }
-                    } else {
-                        return (!!d.value && !d.value.match(/^0\.?0*$/g));
-                    }
-                });
-                if (dependent.is("[data-inverse]")) {
-                    enabled = !enabled;
-                }
-                var $toggling = dependent;
-                if (dependent.is("[data-disable-dependent]")) {
-                    $toggling.attr('disabled', !enabled || initially_disabled).trigger("change");
-                }
-                const tagName = dependent.get(0).tagName.toLowerCase()
-                if (tagName !== "div" && tagName !== "button") {
-                    $toggling = dependent.closest('.form-group');
-                }
-                if (ev) {
-                    if (enabled) {
-                        $toggling.stop().slideDown();
-                    } else {
-                        $toggling.stop().slideUp();
-                    }
-                } else {
-                    $toggling.stop().toggle(enabled);
-                }
-            };
-        update();
-        dependency.each(function() {
-            $(this).closest('.form-group').find('[name=' + $(this).attr("name") + ']').on("change dp.change", update);
-        })
-    });
+	el.find('div[data-display-dependency], textarea[data-display-dependency], input[data-display-dependency], select[data-display-dependency], button[data-display-dependency]').each(function () {
+		let initially_disabled = $(this).prop('disabled')
+		let dependent = $(this),
+			dependency = findDependency($(this).attr('data-display-dependency'), this),
+			update = function (ev) {
+				let enabled = dependency.toArray().some(function (d) {
+					if (d.disabled && !initially_disabled) return false
+					if (d.type === 'checkbox' || d.type === 'radio') {
+						return d.checked
+					} else if (d.type === 'select-one') {
+						let checkValue
+						if ((checkValue = /^\/(.*)\/$/.exec(dependent.attr('data-display-dependency-regex')))) {
+							return new RegExp(checkValue[1]).test(d.value)
+						} else if ((checkValue = dependent.attr('data-display-dependency-value'))) {
+							return d.value === checkValue
+						} else {
+							return !!d.value
+						}
+					} else {
+						return (!!d.value && !d.value.match(/^0\.?0*$/g))
+					}
+				})
+				if (dependent.is('[data-inverse]')) {
+					enabled = !enabled
+				}
+				let $toggling = dependent
+				if (dependent.is('[data-disable-dependent]')) {
+					$toggling.attr('disabled', !enabled || initially_disabled).trigger('change')
+				}
+				const tagName = dependent.get(0).tagName.toLowerCase()
+				if (tagName !== 'div' && tagName !== 'button') {
+					$toggling = dependent.closest('.form-group')
+				}
+				if (ev) {
+					if (enabled) {
+						$toggling.stop().slideDown()
+					} else {
+						$toggling.stop().slideUp()
+					}
+				} else {
+					$toggling.stop().toggle(enabled)
+				}
+			}
+		update()
+		dependency.each(function () {
+			$(this).closest('.form-group').find('[name=' + $(this).attr('name') + ']').on('change dp.change', update)
+		})
+	})
 
-    el.find("input[data-required-if], select[data-required-if], textarea[data-required-if]").each(function () {
-        var dependent = $(this),
-            dependencies = $($(this).attr("data-required-if")),
-            update = function (ev) {
-                var enabled = true;
-                dependencies.each(function () {
-                    var dependency = $(this);
-                    var e = (dependency.attr("type") === 'checkbox' || dependency.attr("type") === 'radio') ? dependency.prop('checked') : !!dependency.val();
-                    enabled = enabled && e;
-                });
-                dependent.prop('required', enabled).closest('.form-group').toggleClass('required', enabled).find('.optional').stop().animate({
-                    'opacity': enabled ? 0 : 1
-                }, ev ? 500 : 1);
-            };
-        update();
-        dependencies.each(function () {
-            var dependency = $(this);
-            dependency.closest('.form-group').find('input[name=' + dependency.attr("name") + ']').on("change", update);
-            dependency.closest('.form-group').find('input[name=' + dependency.attr("name") + ']').on("dp.change", update);
-        });
-    });
+	el.find('input[data-required-if], select[data-required-if], textarea[data-required-if]').each(function () {
+		let dependent = $(this),
+			dependencies = $($(this).attr('data-required-if')),
+			update = function (ev) {
+				let enabled = true
+				dependencies.each(function () {
+					let dependency = $(this)
+					let e = (dependency.attr('type') === 'checkbox' || dependency.attr('type') === 'radio') ? dependency.prop('checked') : !!dependency.val()
+					enabled = enabled && e
+				})
+				dependent.prop('required', enabled).closest('.form-group').toggleClass('required', enabled).find('.optional').stop().animate({
+					opacity: enabled ? 0 : 1
+				}, ev ? 500 : 1)
+			}
+		update()
+		dependencies.each(function () {
+			let dependency = $(this)
+			dependency.closest('.form-group').find('input[name=' + dependency.attr('name') + ']').on('change', update)
+			dependency.closest('.form-group').find('input[name=' + dependency.attr('name') + ']').on('dp.change', update)
+		})
+	})
 
-    el.find("div.scrolling-choice:not(.no-search)").each(function () {
-        if ($(this).find("input[type=text]").length > 0) {
-            return;
-        }
-        var $menu = $("<div>").addClass("choice-options-menu");
-        var $inp_search = $("<input>").addClass("form-control").attr("type", "text").attr("placeholder", gettext("Search query"));
-        $menu.append($inp_search);
-        $(this).prepend($menu);
+	el.find('div.scrolling-choice:not(.no-search)').each(function () {
+		if ($(this).find('input[type=text]').length > 0) {
+			return
+		}
+		let $menu = $('<div>').addClass('choice-options-menu')
+		let $inp_search = $('<input>').addClass('form-control').attr('type', 'text').attr('placeholder', gettext('Search query'))
+		$menu.append($inp_search)
+		$(this).prepend($menu)
 
-        $inp_search.on("keyup change", function (e) {
-            var term = $inp_search.val().toLowerCase();
+		$inp_search.on('keyup change', function (e) {
+			let term = $inp_search.val().toLowerCase()
 
-            $(this).closest(".scrolling-choice").find("div.radio").each(function () {
-                $(this).toggleClass("hidden", !$(this).text().toLowerCase().includes(term));
-            })
-        })
-    });
+			$(this).closest('.scrolling-choice').find('div.radio').each(function () {
+				$(this).toggleClass('hidden', !$(this).text().toLowerCase().includes(term))
+			})
+		})
+	})
 
-    el.find("div.scrolling-multiple-choice").each(function () {
-        if ($(this).find(".choice-options-all").length > 0) {
-            return;
-        }
-        var $menu = $("<div>").addClass("choice-options-menu");
-        var $a_all = $("<a>").addClass("choice-options-all").attr("href", "#").text(gettext("All"));
-        var $a_none = $("<a>").addClass("choice-options-none").attr("href", "#").text(gettext("None"));
-        var $inp_search = $("<input>").addClass("form-control").attr("type", "text").attr("placeholder", gettext("Search query"));
-        var $lbl_tgl = $("<div>").addClass("checkbox menu-checkbox");
-        var $cb_tgl = $("<input>").attr("type", "checkbox").addClass("menu-checkbox");
-        $lbl_tgl.append($("<label>").append($cb_tgl).append(gettext("Selected only")));
-        $menu.append($("<span>").append($a_all).append(" / ").append($a_none))
-        if (!$(this).is(".no-search")) {
-            $menu.append($inp_search);
-            $menu.append($lbl_tgl);
-        }
-        $(this).prepend($menu);
+	el.find('div.scrolling-multiple-choice').each(function () {
+		if ($(this).find('.choice-options-all').length > 0) {
+			return
+		}
+		let $menu = $('<div>').addClass('choice-options-menu')
+		let $a_all = $('<a>').addClass('choice-options-all').attr('href', '#').text(gettext('All'))
+		let $a_none = $('<a>').addClass('choice-options-none').attr('href', '#').text(gettext('None'))
+		let $inp_search = $('<input>').addClass('form-control').attr('type', 'text').attr('placeholder', gettext('Search query'))
+		let $lbl_tgl = $('<div>').addClass('checkbox menu-checkbox')
+		let $cb_tgl = $('<input>').attr('type', 'checkbox').addClass('menu-checkbox')
+		$lbl_tgl.append($('<label>').append($cb_tgl).append(gettext('Selected only')))
+		$menu.append($('<span>').append($a_all).append(' / ').append($a_none))
+		if (!$(this).is('.no-search')) {
+			$menu.append($inp_search)
+			$menu.append($lbl_tgl)
+		}
+		$(this).prepend($menu)
 
-        $(this).find(".choice-options-none").click(function (e) {
-            $(this).closest(".scrolling-multiple-choice").find("input[type=checkbox]:not(.menu-checkbox)").prop("checked", false);
-            $cb_tgl.trigger("change");
-            e.preventDefault();
-            return false;
-        });
-        $(this).find(".choice-options-all").click(function (e) {
-            $(this).closest(".scrolling-multiple-choice").find("input[type=checkbox]:not(.menu-checkbox)").prop("checked", true);
-            $cb_tgl.trigger("change");
-            e.preventDefault();
-            return false;
-        });
-        $cb_tgl.on("change", function (e) {
-            var tgl = $cb_tgl.prop("checked");
+		$(this).find('.choice-options-none').click(function (e) {
+			$(this).closest('.scrolling-multiple-choice').find('input[type=checkbox]:not(.menu-checkbox)').prop('checked', false)
+			$cb_tgl.trigger('change')
+			e.preventDefault()
+			return false
+		})
+		$(this).find('.choice-options-all').click(function (e) {
+			$(this).closest('.scrolling-multiple-choice').find('input[type=checkbox]:not(.menu-checkbox)').prop('checked', true)
+			$cb_tgl.trigger('change')
+			e.preventDefault()
+			return false
+		})
+		$cb_tgl.on('change', function (e) {
+			let tgl = $cb_tgl.prop('checked')
 
-            $(this).closest(".scrolling-multiple-choice").find("div.checkbox:not(.menu-checkbox)").each(function () {
-                $(this).toggleClass("sr-only", tgl && !$(this).find("input[type=checkbox]").prop("checked"));
-            })
-        });
-        $inp_search.on("keyup change", function (e) {
-            var term = $inp_search.val().toLowerCase();
+			$(this).closest('.scrolling-multiple-choice').find('div.checkbox:not(.menu-checkbox)').each(function () {
+				$(this).toggleClass('sr-only', tgl && !$(this).find('input[type=checkbox]').prop('checked'))
+			})
+		})
+		$inp_search.on('keyup change', function (e) {
+			let term = $inp_search.val().toLowerCase()
 
-            $(this).closest(".scrolling-multiple-choice").find("div.checkbox:not(.menu-checkbox)").each(function () {
-                $(this).toggleClass("hidden", !$(this).text().toLowerCase().includes(term));
-            })
-        })
-    });
+			$(this).closest('.scrolling-multiple-choice').find('div.checkbox:not(.menu-checkbox)').each(function () {
+				$(this).toggleClass('hidden', !$(this).text().toLowerCase().includes(term))
+			})
+		})
+	})
 
-    el.find('.select2-static').select2({
-        theme: "bootstrap",
-        language: $("body").attr("data-select2-locale"),
-    });
+	el.find('.select2-static').select2({
+		theme: 'bootstrap',
+		language: $('body').attr('data-select2-locale'),
+	})
 
-    el.find('[data-model-select2=json_script]').each(function() {
-        const selectedValue = this.value;
-        this.replaceChildren();
-        $(this).select2({
-            theme: "bootstrap",
-            language: $("body").attr("data-select2-locale"),
-            data: JSON.parse($(this.getAttribute('data-select2-src')).text()),
-            width: '100%',
-        }).val(selectedValue).trigger('change');
-    });
+	el.find('[data-model-select2=json_script]').each(function () {
+		const selectedValue = this.value
+		this.replaceChildren()
+		$(this).select2({
+			theme: 'bootstrap',
+			language: $('body').attr('data-select2-locale'),
+			data: JSON.parse($(this.getAttribute('data-select2-src')).text()),
+			width: '100%',
+		}).val(selectedValue).trigger('change')
+	})
 
-    el.find('input[data-typeahead-url]').each(function () {
-        var $inp = $(this);
-        if ($inp.data("ttTypeahead") || $inp.hasClass("tt-hint")) {
-            // Already initialized on this element
-            return;
-        }
-        $inp.typeahead(null, {
-            minLength: 1,
-            highlight: true,
-            source: new Bloodhound({
-                datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
-                queryTokenizer: Bloodhound.tokenizers.whitespace,
-                remote: {
-                    url: $inp.attr("data-typeahead-url"),
-                    prepare: function (query, settings) {
-                        var sep = (settings.url.indexOf('?') > 0) ? '&' : '?';
-                        settings.url = settings.url + sep + 'q=' + encodeURIComponent(query);
-                        return settings;
-                    },
-                    transform: function (object) {
-                        var results = object.results;
-                        var suggs = [];
-                        var reslen = results.length;
-                        for (var i = 0; i < reslen; i++) {
-                            suggs.push(results[i]);
-                        }
-                        return suggs;
-                    }
-                }
-            }),
-            display: function (obj) {
-                return obj.name;
-            },
-        });
-    });
+	el.find('input[data-typeahead-url]').each(function () {
+		let $inp = $(this)
+		if ($inp.data('ttTypeahead') || $inp.hasClass('tt-hint')) {
+			// Already initialized on this element
+			return
+		}
+		$inp.typeahead(null, {
+			minLength: 1,
+			highlight: true,
+			source: new Bloodhound({
+				datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
+				queryTokenizer: Bloodhound.tokenizers.whitespace,
+				remote: {
+					url: $inp.attr('data-typeahead-url'),
+					prepare: function (query, settings) {
+						let sep = (settings.url.indexOf('?') > 0) ? '&' : '?'
+						settings.url = settings.url + sep + 'q=' + encodeURIComponent(query)
+						return settings
+					},
+					transform: function (object) {
+						let results = object.results
+						let suggs = []
+						let reslen = results.length
+						for (let i = 0; i < reslen; i++) {
+							suggs.push(results[i])
+						}
+						return suggs
+					}
+				}
+			}),
+			display: function (obj) {
+				return obj.name
+			},
+		})
+	})
 
-    el.find('[data-model-select2=generic]').each(function () {
-        var $s = $(this);
-        $s.select2({
-            closeOnSelect: !this.hasAttribute('multiple'),
-            theme: "bootstrap",
-            delay: 100,
-            allowClear: !$s.prop("required"),
-            width: '100%',
-            language: $("body").attr("data-select2-locale"),
-            placeholder: $(this).attr("data-placeholder") || "",
-            ajax: {
-                url: $(this).attr('data-select2-url'),
-                data: function (params) {
-                    return {
-                        query: params.term,
-                        page: params.page || 1
-                    }
-                }
-            },
-            templateResult: function (res) {
-                if (!res.id) {
-                    return res.text;
-                }
-                var $ret = $("<span>").append(
-                    $(res.inactive ? "<strike class='text-muted'>" : "<span>").addClass("primary").append($("<div>").text(res.text).html())
-                );
-                if (res.event) {
-                    $ret.append(
-                        $("<span>").addClass("secondary").append(
-                            $("<span>").addClass("fa fa-calendar fa-fw")
-                        ).append(" ").append($("<div>").text(res.event).html())
-                    );
-                }
-                return $ret;
-            },
-        }).on("select2:select", function () {
-            // Allow continuing to select
-            if ($s[0].hasAttribute("multiple")) {
-                window.setTimeout(function () {
-                    $s.parent().find('.select2-search__field').focus();
-                }, 50);
-            }
-        });
-        if ($s[0].hasAttribute("data-close-on-clear")) {
-            $s.on("select2:clear", function () {
-                window.setTimeout(function () {
-                    $s.select2('close');
-                }, 50);
-            });
-        }
-    });
+	el.find('[data-model-select2=generic]').each(function () {
+		let $s = $(this)
+		$s.select2({
+			closeOnSelect: !this.hasAttribute('multiple'),
+			theme: 'bootstrap',
+			delay: 100,
+			allowClear: !$s.prop('required'),
+			width: '100%',
+			language: $('body').attr('data-select2-locale'),
+			placeholder: $(this).attr('data-placeholder') || '',
+			ajax: {
+				url: $(this).attr('data-select2-url'),
+				data: function (params) {
+					return {
+						query: params.term,
+						page: params.page || 1
+					}
+				}
+			},
+			templateResult: function (res) {
+				if (!res.id) {
+					return res.text
+				}
+				let $ret = $('<span>').append(
+					$(res.inactive ? '<strike class=\'text-muted\'>' : '<span>').addClass('primary').append($('<div>').text(res.text).html())
+				)
+				if (res.event) {
+					$ret.append(
+						$('<span>').addClass('secondary').append(
+							$('<span>').addClass('fa fa-calendar fa-fw')
+						).append(' ').append($('<div>').text(res.event).html())
+					)
+				}
+				return $ret
+			},
+		}).on('select2:select', function () {
+			// Allow continuing to select
+			if ($s[0].hasAttribute('multiple')) {
+				window.setTimeout(function () {
+					$s.parent().find('.select2-search__field').focus()
+				}, 50)
+			}
+		})
+		if ($s[0].hasAttribute('data-close-on-clear')) {
+			$s.on('select2:clear', function () {
+				window.setTimeout(function () {
+					$s.select2('close')
+				}, 50)
+			})
+		}
+	})
 
-    el.find('[data-model-select2=event]').each(function () {
-        var $s = $(this);
-        $s.select2({
-            closeOnSelect: !this.hasAttribute('multiple'),
-            theme: "bootstrap",
-            delay: 100,
-            allowClear: !$s.prop("required"),
-            width: '100%',
-            language: $("body").attr("data-select2-locale"),
-            ajax: {
-                url: $(this).attr('data-select2-url'),
-                data: function (params) {
-                    return {
-                        query: params.term,
-                        page: params.page || 1
-                    }
-                }
-            },
-            placeholder: $(this).attr("data-placeholder") || "",
-            templateResult: function (res) {
-                if (!res.id) {
-                    return res.text;
-                }
-                var $ret = $("<span>").append(
-                    $("<span>").addClass("event-name-full").append($("<div>").text(res.name).html())
-                );
-                if (res.organizer) {
-                    $ret.append(
-                        $("<span>").addClass("event-organizer").append(
-                            $("<span>").addClass("fa fa-users fa-fw")
-                        ).append(" ").append($("<div>").text(res.organizer).html())
-                    );
-                }
-                if (res.date_range) {
-                    $ret.append(
-                        $("<span>").addClass("event-daterange").append(
-                            $("<span>").addClass("fa fa-calendar fa-fw")
-                        ).append(" ").append(res.date_range)
-                    );
-                }
-                return $ret;
-            },
-        }).on("select2:select", function () {
-            // Allow continuing to select
-            window.setTimeout(function () {
-                $s.parent().find('.select2-search__field').focus();
-            }, 50);
-        });
-    });
+	el.find('[data-model-select2=event]').each(function () {
+		let $s = $(this)
+		$s.select2({
+			closeOnSelect: !this.hasAttribute('multiple'),
+			theme: 'bootstrap',
+			delay: 100,
+			allowClear: !$s.prop('required'),
+			width: '100%',
+			language: $('body').attr('data-select2-locale'),
+			ajax: {
+				url: $(this).attr('data-select2-url'),
+				data: function (params) {
+					return {
+						query: params.term,
+						page: params.page || 1
+					}
+				}
+			},
+			placeholder: $(this).attr('data-placeholder') || '',
+			templateResult: function (res) {
+				if (!res.id) {
+					return res.text
+				}
+				let $ret = $('<span>').append(
+					$('<span>').addClass('event-name-full').append($('<div>').text(res.name).html())
+				)
+				if (res.organizer) {
+					$ret.append(
+						$('<span>').addClass('event-organizer').append(
+							$('<span>').addClass('fa fa-users fa-fw')
+						).append(' ').append($('<div>').text(res.organizer).html())
+					)
+				}
+				if (res.date_range) {
+					$ret.append(
+						$('<span>').addClass('event-daterange').append(
+							$('<span>').addClass('fa fa-calendar fa-fw')
+						).append(' ').append(res.date_range)
+					)
+				}
+				return $ret
+			},
+		}).on('select2:select', function () {
+			// Allow continuing to select
+			window.setTimeout(function () {
+				$s.parent().find('.select2-search__field').focus()
+			}, 50)
+		})
+	})
 
-    el.find(".simple-subevent-choice").change(function () {
-        $(this).closest("form").submit();
-    });
+	el.find('.simple-subevent-choice').change(function () {
+		$(this).closest('form').submit()
+	})
 
-    el.find("input[name=basics-slug]").bind("keyup keydown change", function () {
-        $(this).closest(".form-group").find(".slug-length").toggle($(this).val().length > 16);
-    });
+	el.find('input[name=basics-slug]').bind('keyup keydown change', function () {
+		$(this).closest('.form-group').find('.slug-length').toggle($(this).val().length > 16)
+	})
 
-    el.find("script[data-replace-with-qr]").each(function () {
-        var $div = $("<div>");
-        var qrText = this.getAttribute("type") === "application/json" && this.textContent.startsWith('"') ?
-            JSON.parse(this.textContent) : $(this).html();
-        $div.insertBefore($(this));
-        $div.qrcode(
-            {
-                text: qrText,
-                correctLevel: 0,  // M
-                width: $(this).attr("data-size") ? parseInt($(this).attr("data-size")) : 256,
-                height: $(this).attr("data-size") ? parseInt($(this).attr("data-size")) : 256,
-            }
-        );
-    });
+	el.find('script[data-replace-with-qr]').each(function () {
+		let $div = $('<div>')
+		let qrText = this.getAttribute('type') === 'application/json' && this.textContent.startsWith('"')
+			? JSON.parse(this.textContent)
+			: $(this).html()
+		$div.insertBefore($(this))
+		$div.qrcode(
+			{
+				text: qrText,
+				correctLevel: 0, // M
+				width: $(this).attr('data-size') ? parseInt($(this).attr('data-size')) : 256,
+				height: $(this).attr('data-size') ? parseInt($(this).attr('data-size')) : 256,
+			}
+		)
+	})
 
-    el.find(".bulk-edit-field-group").each(function () {
-        var $checkbox = $(this).find("input[type=checkbox][name=_bulk]");
-        var $content = $(this).find(".field-content");
-        var $fields = $content.find("input, select, textarea, button");
-        var $dialog = $(this).attr("data-confirm-dialog") ? $($(this).attr("data-confirm-dialog")) : null;
-        var warningShown = false;
+	el.find('.bulk-edit-field-group').each(function () {
+		let $checkbox = $(this).find('input[type=checkbox][name=_bulk]')
+		let $content = $(this).find('.field-content')
+		let $fields = $content.find('input, select, textarea, button')
+		let $dialog = $(this).attr('data-confirm-dialog') ? $($(this).attr('data-confirm-dialog')) : null
+		let warningShown = false
 
-        if ($dialog) {
-            $dialog.on("close", function () {
-                if ($dialog.get(0).returnValue === "yes") {
-                    $checkbox.prop("checked", true);
-                } else {
-                    $checkbox.prop("checked", false);
-                    warningShown = false;
-                }
-                update();
-            });
-        }
+		if ($dialog) {
+			$dialog.on('close', function () {
+				if ($dialog.get(0).returnValue === 'yes') {
+					$checkbox.prop('checked', true)
+				} else {
+					$checkbox.prop('checked', false)
+					warningShown = false
+				}
+				update()
+			})
+		}
 
-        var update = function () {
-            var isChecked = $checkbox.prop("checked");
+		var update = function () {
+			let isChecked = $checkbox.prop('checked')
 
-            $content.toggleClass("enabled", isChecked);
-            $fields.attr("tabIndex", isChecked ? 0 : -1);
-        }
-        $content.on("focusin change click", function () {
-            if ($checkbox.prop("checked")) return;
-            if ($dialog && !warningShown) {
-                warningShown = true;
-                $dialog.get(0).showModal();
-            } else {
-                $checkbox.prop("checked", true);
-                update();
-            }
-        });
-        $checkbox.on('change', function () {
-            var isChecked = $checkbox.prop("checked");
-            if (isChecked && $dialog && !warningShown) {
-                warningShown = true;
-                $dialog.get(0).showModal();
-            } else if (!isChecked) {
-                warningShown = false;
-            }
-            update();
-        })
-        update();
-    });
+			$content.toggleClass('enabled', isChecked)
+			$fields.attr('tabIndex', isChecked ? 0 : -1)
+		}
+		$content.on('focusin change click', function () {
+			if ($checkbox.prop('checked')) return
+			if ($dialog && !warningShown) {
+				warningShown = true
+				$dialog.get(0).showModal()
+			} else {
+				$checkbox.prop('checked', true)
+				update()
+			}
+		})
+		$checkbox.on('change', function () {
+			let isChecked = $checkbox.prop('checked')
+			if (isChecked && $dialog && !warningShown) {
+				warningShown = true
+				$dialog.get(0).showModal()
+			} else if (!isChecked) {
+				warningShown = false
+			}
+			update()
+		})
+		update()
+	})
 
-    el.find("input[name*=question], select[name*=question]").change(questions_toggle_dependent);
-    questions_toggle_dependent();
-    questions_init_photos(el);
+	el.find('input[name*=question], select[name*=question]').change(questions_toggle_dependent)
+	questions_toggle_dependent()
+	questions_init_photos(el)
 
-    var lastFocusedInput;
-    $(document).on('focusin', 'input, textarea', function(e) {
-        lastFocusedInput = e.target;
-    }).on("click", function(e) {
-        if (e.target.classList.contains('content-placeholder')) {
-            var container = e.target.closest(".form-group");
-            if (!lastFocusedInput || !container.contains(lastFocusedInput)) {
-                lastFocusedInput = container.querySelector("input, textarea");
-                //lastFocusedInput.selectionStart = lastFocusedInput.selectionEnd = lastFocusedInput.value.length;
-            }
-            if (lastFocusedInput) {
-                var start = lastFocusedInput.selectionStart;
-                var end = lastFocusedInput.selectionEnd;
-                var v = lastFocusedInput.value;
-                var p = e.target.textContent;
-                var phStart = /\{\w*$/.exec(v.substring(0, start));
-                var phEnd = /^\w*\}/.exec(v.substring(end));
-                if (phStart) {
-                    start -= phStart[0].length
-                }
-                if (phEnd) {
-                    end += phEnd[0].length;
-                }
+	let lastFocusedInput
+	$(document).on('focusin', 'input, textarea', function (e) {
+		lastFocusedInput = e.target
+	}).on('click', function (e) {
+		if (e.target.classList.contains('content-placeholder')) {
+			let container = e.target.closest('.form-group')
+			if (!lastFocusedInput || !container.contains(lastFocusedInput)) {
+				lastFocusedInput = container.querySelector('input, textarea')
+				// lastFocusedInput.selectionStart = lastFocusedInput.selectionEnd = lastFocusedInput.value.length;
+			}
+			if (lastFocusedInput) {
+				let start = lastFocusedInput.selectionStart
+				let end = lastFocusedInput.selectionEnd
+				let v = lastFocusedInput.value
+				let p = e.target.textContent
+				let phStart = /\{\w*$/.exec(v.substring(0, start))
+				let phEnd = /^\w*\}/.exec(v.substring(end))
+				if (phStart) {
+					start -= phStart[0].length
+				}
+				if (phEnd) {
+					end += phEnd[0].length
+				}
 
-                lastFocusedInput.value = v.substring(0, start) + p + v.substring(end);
-                lastFocusedInput.selectionStart = start;
-                lastFocusedInput.selectionEnd = start + p.length
-                lastFocusedInput.focus();
-            }
-        }
-    });
-};
+				lastFocusedInput.value = v.substring(0, start) + p + v.substring(end)
+				lastFocusedInput.selectionStart = start
+				lastFocusedInput.selectionEnd = start + p.length
+				lastFocusedInput.focus()
+			}
+		}
+	})
+}
 
-function setup_basics(el) {
-    el.find("#sumtoggle").find("button").click(function () {
-        $(".table-product-overview .sum-gross").toggle($(this).attr("data-target") === ".sum-gross");
-        $(".table-product-overview .sum-net").toggle($(this).attr("data-target") === ".sum-net");
-        $(".table-product-overview .count").toggle($(this).attr("data-target") === ".count");
+function setup_basics (el) {
+	el.find('#sumtoggle').find('button').click(function () {
+		$('.table-product-overview .sum-gross').toggle($(this).attr('data-target') === '.sum-gross')
+		$('.table-product-overview .sum-net').toggle($(this).attr('data-target') === '.sum-net')
+		$('.table-product-overview .count').toggle($(this).attr('data-target') === '.count')
 
-        $("#sumtoggle").find("button").not($(this)).removeClass("active");
-        $(this).addClass("active");
-    });
+		$('#sumtoggle').find('button').not($(this)).removeClass('active')
+		$(this).addClass('active')
+	})
 
-    el.find('.collapsible').collapse();
-    el.find("input[data-toggle=radiocollapse]").change(function () {
-        $($(this).attr("data-parent")).find(".collapse.in").collapse('hide');
-        $($(this).attr("data-target")).collapse('show');
-    });
-    el.find("div.collapsed").removeClass("collapsed").addClass("collapse");
-    el.find(".has-error, .panel-body .alert-danger:not(:has(.has-error))").each(function () {
-        var $this = $(this);
-        var $panel = $this.closest("div.panel-collapse").collapse("show");
-        var alert = el.find(".alert-danger").get(0);
-        if (alert === this) {
-            return;
-        }
-        var label = "";
-        var description = "";
-        var scrollTarget = null;
-        if ($this.hasClass('alert-danger')) {
-            // just a general error messages without a actual errorenous input
-            label = $this.closest('.panel').find('.panel-title').contents().filter(function() { return this.nodeType == Node.TEXT_NODE; }).text()
-            description = $this.text();
-            scrollTarget = $this.closest('.panel').get(0);
-            if (!scrollTarget.id) {
-                scrollTarget.id = "panel_" + $("input", scrollTarget).attr("id");
-            }
-        } else {
-            label = $("label", this).first().contents().filter(function () { return this.nodeType != Node.ELEMENT_NODE || !this.classList.contains("optional") }).text();
-            description = $(".help-block", this).first().text();
-            scrollTarget = $(":input", this).get(0);
-        }
+	el.find('.collapsible').collapse()
+	el.find('input[data-toggle=radiocollapse]').change(function () {
+		$($(this).attr('data-parent')).find('.collapse.in').collapse('hide')
+		$($(this).attr('data-target')).collapse('show')
+	})
+	el.find('div.collapsed').removeClass('collapsed').addClass('collapse')
+	el.find('.has-error, .panel-body .alert-danger:not(:has(.has-error))').each(function () {
+		let $this = $(this)
+		let $panel = $this.closest('div.panel-collapse').collapse('show')
+		let alert = el.find('.alert-danger').get(0)
+		if (alert === this) {
+			return
+		}
+		let label = ''
+		let description = ''
+		let scrollTarget = null
+		if ($this.hasClass('alert-danger')) {
+			// just a general error messages without a actual errorenous input
+			label = $this.closest('.panel').find('.panel-title').contents().filter(function () { return this.nodeType == Node.TEXT_NODE }).text()
+			description = $this.text()
+			scrollTarget = $this.closest('.panel').get(0)
+			if (!scrollTarget.id) {
+				scrollTarget.id = 'panel_' + $('input', scrollTarget).attr('id')
+			}
+		} else {
+			label = $('label', this).first().contents().filter(function () { return this.nodeType != Node.ELEMENT_NODE || !this.classList.contains('optional') }).text()
+			description = $('.help-block', this).first().text()
+			scrollTarget = $(':input', this).get(0)
+		}
 
-        if (!alert || !scrollTarget) {
-            return;
-        }
+		if (!alert || !scrollTarget) {
+			return
+		}
 
-        $('<li><a href="#' + scrollTarget.id + '">' + $.trim(label) + '</a> – ' + description + '</li>')
-            .appendTo(alert.querySelector("ul") || $("<ul>").appendTo(alert))
-            .find("a").on("click", function(e) {
-                $panel.collapse("show");
-                var tab = scrollTarget.closest(".tab-pane");
-                if (tab) {
-                    $(".nav-tabs a[href='#" + tab.id + "']").click();
-                }
-                scrollTarget.scrollIntoView();
-                scrollTarget.focus();
-            });
-    });
+		$('<li><a href="#' + scrollTarget.id + '">' + $.trim(label) + '</a> – ' + description + '</li>')
+			.appendTo(alert.querySelector('ul') || $('<ul>').appendTo(alert))
+			.find('a').on('click', function (e) {
+				$panel.collapse('show')
+				let tab = scrollTarget.closest('.tab-pane')
+				if (tab) {
+					$('.nav-tabs a[href=\'#' + tab.id + '\']').click()
+				}
+				scrollTarget.scrollIntoView()
+				scrollTarget.focus()
+			})
+	})
 
-    el.find('[data-toggle="tooltip"]').tooltip();
-    el.find('[data-toggle="tooltip_html"]').tooltip({
-        'html': true,
-        'whiteList': {
-            // Global attributes allowed on any supplied element below.
-            '*': ['class', 'dir', 'id', 'lang', 'role'],
-            b: [],
-            br: [],
-            code: [],
-            div: [],  // required for template
-            h3: ['class', 'role'],  // required for template
-            i: [],
-            small: [],
-            span: [],
-            strong: [],
-            u: [],
-        }
-    });
+	el.find('[data-toggle="tooltip"]').tooltip()
+	el.find('[data-toggle="tooltip_html"]').tooltip({
+		html: true,
+		whiteList: {
+			// Global attributes allowed on any supplied element below.
+			'*': ['class', 'dir', 'id', 'lang', 'role'],
+			b: [],
+			br: [],
+			code: [],
+			div: [], // required for template
+			h3: ['class', 'role'], // required for template
+			i: [],
+			small: [],
+			span: [],
+			strong: [],
+			u: [],
+		}
+	})
 
-    el.find('a.pagination-selection').click(function (e) {
-        e.preventDefault();
-        var max = parseInt($(this).data("max"))
-        var inp = prompt(gettext("Enter page number between 1 and %(max)s.").replace("%(max)s", max));
-        if (inp) {
-            if (!parseInt(inp) || parseInt(inp) < 1 || parseInt(inp) > max) {
-                alert(gettext("Invalid page number."));
-            } else {
-                location.href = $(this).attr("data-href").replace("_PAGE_", inp);
-            }
-        }
-    });
+	el.find('a.pagination-selection').click(function (e) {
+		e.preventDefault()
+		let max = parseInt($(this).data('max'))
+		let inp = prompt(gettext('Enter page number between 1 and %(max)s.').replace('%(max)s', max))
+		if (inp) {
+			if (!parseInt(inp) || parseInt(inp) < 1 || parseInt(inp) > max) {
+				alert(gettext('Invalid page number.'))
+			} else {
+				location.href = $(this).attr('data-href').replace('_PAGE_', inp)
+			}
+		}
+	})
 
-    var url = document.location.toString();
-    if (url.match('#')) {
-        $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
-    }
-    el.find('a[data-toggle="tab"]').on('click', function (e) {
-        if (!$(this).closest(".tab-content").length) {
-            // only append hash if not inside a .panel
-            window.location.hash = this.hash;
-        }
-    });
+	let url = document.location.toString()
+	if (url.match('#')) {
+		$('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show')
+	}
+	el.find('a[data-toggle="tab"]').on('click', function (e) {
+		if (!$(this).closest('.tab-content').length) {
+			// only append hash if not inside a .panel
+			window.location.hash = this.hash
+		}
+	})
 
-    // Event wizard
-    el.find("#event-slug-random-generate").click(function () {
-        var url = $(this).attr("data-rng-url");
-        $("#id_basics-slug").val("Generating...");
-        $.getJSON(url, function (data) {
-            $("#id_basics-slug").val(data.slug);
-        });
-    });
+	// Event wizard
+	el.find('#event-slug-random-generate').click(function () {
+		let url = $(this).attr('data-rng-url')
+		$('#id_basics-slug').val('Generating...')
+		$.getJSON(url, function (data) {
+			$('#id_basics-slug').val(data.slug)
+		})
+	})
 
-    el.find(".propagated-settings-box").find("input, textarea, select").not("[readonly]")
-        .attr("data-propagated-locked", "true").prop("readonly", true);
+	el.find('.propagated-settings-box').find('input, textarea, select').not('[readonly]')
+		.attr('data-propagated-locked', 'true').prop('readonly', true)
 
-    el.find(".propagated-settings-box button[data-action=unlink]").click(function (ev) {
-        var $box = $(this).closest(".propagated-settings-box");
-        $box.find("input[name=decouple]").val($(this).val());
-        $box.find("[data-propagated-locked]").prop("readonly", false);
-        $box.removeClass("locked").addClass("unlocked");
-        ev.preventDefault();
-        return true;
-    });
+	el.find('.propagated-settings-box button[data-action=unlink]').click(function (ev) {
+		let $box = $(this).closest('.propagated-settings-box')
+		$box.find('input[name=decouple]').val($(this).val())
+		$box.find('[data-propagated-locked]').prop('readonly', false)
+		$box.removeClass('locked').addClass('unlocked')
+		ev.preventDefault()
+		return true
+	})
 
-    // Tables with bulk selection, e.g. subevent list
-    el.find("input[data-toggle-table]").each(function (ev) {
-        var $toggle = $(this);
-        var $actionButtons = $(".batch-select-actions button", this.form);
-        var countLabels = $("<span></span>").appendTo($actionButtons.filter(function () { return !$(this).closest(".dropdown-menu").length }));
-        var $table = $toggle.closest("table");
-        var $selectAll = $table.find(".table-select-all");
-        var $rows = $table.find("tbody tr");
-        var $checkboxes = $rows.find("td:first-child input[type=checkbox]");
-        var firstIndex, lastIndex, selectionChecked, onChangeSelectionHappened = false;
-        var updateSelection = function(a, b, checked) {
-            if (a > b) {
-                //[a, b] = [b, a];// ES6 not ready yet for pretix
-                var tmp = a;
-                a = b;
-                b = tmp;
-            }
-            for (var i = a; i <= b; i++) {
-                var checkbox = $checkboxes.get(i);
-                if (!checkbox.hasAttribute("data-inital")) checkbox.setAttribute("data-inital", checkbox.checked);
-                if (checked === undefined || checked === null) checkbox.checked = checkbox.getAttribute("data-inital") === "true";
-                else checkbox.checked = checked;
-            }
-        };
-        var onChangeSelection = function(ev) {
-            onChangeSelectionHappened = true;
+	// Tables with bulk selection, e.g. subevent list
+	el.find('input[data-toggle-table]').each(function (ev) {
+		let $toggle = $(this)
+		let $actionButtons = $('.batch-select-actions button', this.form)
+		let countLabels = $('<span></span>').appendTo($actionButtons.filter(function () { return !$(this).closest('.dropdown-menu').length }))
+		let $table = $toggle.closest('table')
+		let $selectAll = $table.find('.table-select-all')
+		let $rows = $table.find('tbody tr')
+		let $checkboxes = $rows.find('td:first-child input[type=checkbox]')
+		let firstIndex, lastIndex, selectionChecked, onChangeSelectionHappened = false
+		let updateSelection = function (a, b, checked) {
+			if (a > b) {
+				// [a, b] = [b, a];// ES6 not ready yet for pretix
+				let tmp = a
+				a = b
+				b = tmp
+			}
+			for (let i = a; i <= b; i++) {
+				let checkbox = $checkboxes.get(i)
+				if (!checkbox.hasAttribute('data-inital')) checkbox.setAttribute('data-inital', checkbox.checked)
+				if (checked === undefined || checked === null) checkbox.checked = checkbox.getAttribute('data-inital') === 'true'
+				else checkbox.checked = checked
+			}
+		}
+		let onChangeSelection = function (ev) {
+			onChangeSelectionHappened = true
 
-            var row = ev.target.closest("tr");
-            var currentIndex = 0;
-            while(row = row.previousSibling) {
-                if (row.tagName) currentIndex++;
-            }
-            var dCurrent = currentIndex - firstIndex;
-            var dLast = lastIndex - firstIndex;
-            if (dCurrent*dLast < 0) {
-                // direction of selection changed => reset all previously selected
-                updateSelection(lastIndex, firstIndex);
-            }
-            else if (Math.abs(dCurrent) < Math.abs(dLast)) {
-                // selection distance decreased => reset unselected
-                updateSelection(currentIndex, lastIndex);
-            }
-            lastIndex = currentIndex;
-            updateSelection(firstIndex, currentIndex, selectionChecked);
+			let row = ev.target.closest('tr')
+			let currentIndex = 0
+			while (row = row.previousSibling) {
+				if (row.tagName) currentIndex++
+			}
+			let dCurrent = currentIndex - firstIndex
+			let dLast = lastIndex - firstIndex
+			if (dCurrent * dLast < 0) {
+				// direction of selection changed => reset all previously selected
+				updateSelection(lastIndex, firstIndex)
+			} else if (Math.abs(dCurrent) < Math.abs(dLast)) {
+				// selection distance decreased => reset unselected
+				updateSelection(currentIndex, lastIndex)
+			}
+			lastIndex = currentIndex
+			updateSelection(firstIndex, currentIndex, selectionChecked)
 
-            ev.preventDefault();
-        };
-        $table.on("pointerdown", function(ev) {
-            if (!ev.target.closest("td:first-child")) return;
-            var row = ev.target.closest("tr");
-            selectionChecked = !row.querySelector("td:first-child input").checked;
+			ev.preventDefault()
+		}
+		$table.on('pointerdown', function (ev) {
+			if (!ev.target.closest('td:first-child')) return
+			let row = ev.target.closest('tr')
+			selectionChecked = !row.querySelector('td:first-child input').checked
 
-            firstIndex = 0;
-            while(row = row.previousSibling) {
-                if (row.tagName) firstIndex++;
-            }
-            lastIndex = firstIndex;
+			firstIndex = 0
+			while (row = row.previousSibling) {
+				if (row.tagName) firstIndex++
+			}
+			lastIndex = firstIndex
 
-            ev.preventDefault();
-            $rows.on("pointerenter", onChangeSelection);
+			ev.preventDefault()
+			$rows.on('pointerenter', onChangeSelection)
 
-            $(document).one("pointerup", function(ev) {
-                if (onChangeSelectionHappened) {
-                    ev.preventDefault();
-                    onChangeSelectionHappened = false;
-                    $checkboxes.removeAttr("data-inital");
+			$(document).one('pointerup', function (ev) {
+				if (onChangeSelectionHappened) {
+					ev.preventDefault()
+					onChangeSelectionHappened = false
+					$checkboxes.removeAttr('data-inital')
 
-                    update();
-                }
-                $rows.off("pointerenter", onChangeSelection);
-            });
-        });
+					update()
+				}
+				$rows.off('pointerenter', onChangeSelection)
+			})
+		})
 
-        var update = function() {
-            var nrOfChecked = $checkboxes.filter(":checked").length;
-            var allChecked = nrOfChecked == $checkboxes.length;
+		var update = function () {
+			let nrOfChecked = $checkboxes.filter(':checked').length
+			let allChecked = nrOfChecked == $checkboxes.length
 
-            if (!nrOfChecked) countLabels.empty();
-            else countLabels.text(" ("+nrOfChecked+")");
+			if (!nrOfChecked) countLabels.empty()
+			else countLabels.text(' (' + nrOfChecked + ')')
 
-            if (!allChecked) $selectAll.find("input").prop("checked", false);
+			if (!allChecked) $selectAll.find('input').prop('checked', false)
 
-            $actionButtons.attr("disabled", !nrOfChecked);
-            $toggle.prop("checked", allChecked).prop("indeterminate", nrOfChecked > 0 && !allChecked);
-            $selectAll.toggleClass("hidden", nrOfChecked !== $checkboxes.length).prop("hidden", nrOfChecked !== $checkboxes.length);
+			$actionButtons.attr('disabled', !nrOfChecked)
+			$toggle.prop('checked', allChecked).prop('indeterminate', nrOfChecked > 0 && !allChecked)
+			$selectAll.toggleClass('hidden', nrOfChecked !== $checkboxes.length).prop('hidden', nrOfChecked !== $checkboxes.length)
+		}
 
-        }
+		$checkboxes.change(update)
+		$toggle.change(function (ev) {
+			this.indeterminate = false
+			$checkboxes.prop('checked', this.checked)
+			update()
+		})
+		$selectAll.find('input').change(function (ev) {
+			if (this.checked) countLabels.text(' (' + this.getAttribute('data-results-total') + ')')
+			else countLabels.text(' (' + $checkboxes.filter(':checked').length + ')')
+		})
 
-        $checkboxes.change(update);
-        $toggle.change(function (ev) {
-            this.indeterminate = false;
-            $checkboxes.prop("checked", this.checked);
-            update();
-        });
-        $selectAll.find("input").change(function(ev) {
-            if (this.checked) countLabels.text(" ("+this.getAttribute("data-results-total")+")");
-            else countLabels.text(" ("+$checkboxes.filter(":checked").length+")");
-        })
+		update()
+	})
 
-        update();
-    });
+	// Items and categories
+	el.find('.internal-name-wrapper').each(function () {
+		if ($(this).find('input').val() === '') {
+			let $fg = $(this).find('.form-group')
+			$fg.hide()
+			var $fgl = $('<div>').addClass('form-group').append(
+				$('<div>').addClass('col-md-9 col-md-offset-3').append(
+					$('<div>').addClass('help-block').append(
+						$('<a>').attr('href', '#').text(
+							gettext('Use a different name internally')
+						).click(function () {
+							$fg.slideDown()
+							$fgl.slideUp()
+							return false
+						})
+					)
+				)
+			)
+			$(this).append($fgl)
+		}
+	})
 
-    // Items and categories
-    el.find(".internal-name-wrapper").each(function () {
-        if ($(this).find("input").val() === "") {
-            var $fg = $(this).find(".form-group");
-            $fg.hide();
-            var $fgl = $("<div>").addClass("form-group").append(
-                $("<div>").addClass("col-md-9 col-md-offset-3").append(
-                    $("<div>").addClass("help-block").append(
-                        $("<a>").attr("href", "#").text(
-                            gettext("Use a different name internally")
-                        ).click(function () {
-                            $fg.slideDown();
-                            $fgl.slideUp();
-                            return false;
-                        })
-                    )
-                )
-            );
-            $(this).append($fgl);
-        }
-    });
-
-    el.find("button[data-toggle=qrcode]").click(function (e) {
-        e.preventDefault();
-        var $current = $(".qr-code-overlay[data-qrcode='" + $(this).attr("data-qrcode") + "']");
-        if ($current.length) {
-            $(".qr-code-overlay").attr("data-qrcode", "").slideUp(200);
-            return false;
-        }
-        $(".qr-code-overlay").remove();
-        var $div = $("<div>").addClass("qr-code-overlay").attr("data-qrcode", $(this).attr("data-qrcode"));
-        $div.appendTo($("body"));
-        var offset = $(this).offset();
-        $div.css("top", offset.top + $(this).outerHeight() + 10).css("left", offset.left);
-        var $child = $("<div>");
-        $child.appendTo($div);
-        $child.qrcode(
-            {
-                text: $(this).attr("data-qrcode"),
-                correctLevel: 0,  // M
-                width: 196,
-                height: 196
-            }
-        );
-        var $inner = $("<div>").text($(this).attr("data-qrcode").slice(0, 10) + "…");
-        $inner.append($("<btn>").addClass("btn btn-link btn-xs btn-clipboard").attr("data-clipboard-text", $(this).attr("data-qrcode")).append(
-            $("<span>").addClass("fa fa-clipboard").attr("aria-hidden", "true")
-        ))
-        $div.append($inner.get(0).innerHTML + "<br>");
-        $div.append(gettext("Click to close"));
-        $div.slideDown(200);
-        $div.click(function (e) {
-            if ($(e.target).closest(".btn").length) {
-                return;
-            }
-            $(".qr-code-overlay").attr("data-qrcode", "").slideUp(200);
-        });
-        return false;
-    });
+	el.find('button[data-toggle=qrcode]').click(function (e) {
+		e.preventDefault()
+		let $current = $('.qr-code-overlay[data-qrcode=\'' + $(this).attr('data-qrcode') + '\']')
+		if ($current.length) {
+			$('.qr-code-overlay').attr('data-qrcode', '').slideUp(200)
+			return false
+		}
+		$('.qr-code-overlay').remove()
+		let $div = $('<div>').addClass('qr-code-overlay').attr('data-qrcode', $(this).attr('data-qrcode'))
+		$div.appendTo($('body'))
+		let offset = $(this).offset()
+		$div.css('top', offset.top + $(this).outerHeight() + 10).css('left', offset.left)
+		let $child = $('<div>')
+		$child.appendTo($div)
+		$child.qrcode(
+			{
+				text: $(this).attr('data-qrcode'),
+				correctLevel: 0, // M
+				width: 196,
+				height: 196
+			}
+		)
+		let $inner = $('<div>').text($(this).attr('data-qrcode').slice(0, 10) + '…')
+		$inner.append($('<btn>').addClass('btn btn-link btn-xs btn-clipboard').attr('data-clipboard-text', $(this).attr('data-qrcode')).append(
+			$('<span>').addClass('fa fa-clipboard').attr('aria-hidden', 'true')
+		))
+		$div.append($inner.get(0).innerHTML + '<br>')
+		$div.append(gettext('Click to close'))
+		$div.slideDown(200)
+		$div.click(function (e) {
+			if ($(e.target).closest('.btn').length) {
+				return
+			}
+			$('.qr-code-overlay').attr('data-qrcode', '').slideUp(200)
+		})
+		return false
+	})
 }
 
 $(function () {
-    "use strict";
+	'use strict'
 
-    $("body").removeClass("nojs");
-    lightbox.init();
+	$('body').removeClass('nojs')
+	lightbox.init()
 
-    $(document).on("click", ".variations .variations-select-all", function (e) {
-        $(this).parent().parent().find("input[type=checkbox]").prop("checked", true).change();
-        e.stopPropagation();
-        return false;
-    });
-    $(document).on("click", ".variations .variations-select-none", function (e) {
-        $(this).parent().parent().find("input[type=checkbox]").prop("checked", false).change();
-        e.stopPropagation();
-        return false;
-    });
-    if ($(".items-on-quota").length) {
-        $(".items-on-quota .panel").each(function () {
-            var $panel = $(this);
-            $panel.toggleClass("panel-success", $panel.find("input:checked").length > 0);
-            $(this).find("input").change(function () {
-                $panel.toggleClass("panel-success", $panel.find("input:checked").length > 0);
-            });
-        });
-    }
+	$(document).on('click', '.variations .variations-select-all', function (e) {
+		$(this).parent().parent().find('input[type=checkbox]').prop('checked', true).change()
+		e.stopPropagation()
+		return false
+	})
+	$(document).on('click', '.variations .variations-select-none', function (e) {
+		$(this).parent().parent().find('input[type=checkbox]').prop('checked', false).change()
+		e.stopPropagation()
+		return false
+	})
+	if ($('.items-on-quota').length) {
+		$('.items-on-quota .panel').each(function () {
+			let $panel = $(this)
+			$panel.toggleClass('panel-success', $panel.find('input:checked').length > 0)
+			$(this).find('input').change(function () {
+				$panel.toggleClass('panel-success', $panel.find('input:checked').length > 0)
+			})
+		})
+	}
 
-    setup_basics($("body"));
-    form_handlers($("body"));
-    $(document).trigger("pretix:bind-forms");
+	setup_basics($('body'))
+	form_handlers($('body'))
+	$(document).trigger('pretix:bind-forms')
 
-    $("#ajaxerr").on("click", ".ajaxerr-close", ajaxErrDialog.hide);
-    moment.locale($("body").attr("data-datetimelocale"));
-    add_log_expand_handlers($("body"));
-});
-
-function add_log_expand_handlers(el) {
-    el.find("a[data-expandlogs], a[data-expandrefund], a[data-expandpayment]").click(function (e) {
-        e.preventDefault();
-        var $a = $(this);
-        var id = $(this).attr("data-id");
-        $a.find(".fa").removeClass("fa-eye").addClass("fa-cog fa-spin");
-        var url = '/control/logdetail/';
-        if ($a.is("[data-expandrefund]")) {
-            url += 'refund/'
-        } else if ($a.is("[data-expandpayment]")) {
-            url += 'payment/'
-        }
-        function format_data(data) {
-            return Object.entries(data).map(([key, value]) =>
-                $("<div>").append(
-                    $("<b>").text(key + ': '),
-                    $("<span>").text(JSON.stringify(value, null, 2))));
-        }
-        $.getJSON(url + '?pk=' + id, function (data) {
-            if ($a.parent().tagName === "p") {
-                $("<pre>").append(format_data(data)).insertAfter($a.parent());
-            } else {
-                $("<pre>").append(format_data(data)).appendTo($a.parent());
-            }
-            $a.remove();
-        });
-        return false;
-    });
+	$('#ajaxerr').on('click', '.ajaxerr-close', ajaxErrDialog.hide)
+	moment.locale($('body').attr('data-datetimelocale'))
+	add_log_expand_handlers($('body'))
+})
 
+function add_log_expand_handlers (el) {
+	el.find('a[data-expandlogs], a[data-expandrefund], a[data-expandpayment]').click(function (e) {
+		e.preventDefault()
+		let $a = $(this)
+		let id = $(this).attr('data-id')
+		$a.find('.fa').removeClass('fa-eye').addClass('fa-cog fa-spin')
+		let url = '/control/logdetail/'
+		if ($a.is('[data-expandrefund]')) {
+			url += 'refund/'
+		} else if ($a.is('[data-expandpayment]')) {
+			url += 'payment/'
+		}
+		function format_data (data) {
+			return Object.entries(data).map(([key, value]) =>
+				$('<div>').append(
+					$('<b>').text(key + ': '),
+					$('<span>').text(JSON.stringify(value, null, 2))))
+		}
+		$.getJSON(url + '?pk=' + id, function (data) {
+			if ($a.parent().tagName === 'p') {
+				$('<pre>').append(format_data(data)).insertAfter($a.parent())
+			} else {
+				$('<pre>').append(format_data(data)).appendTo($a.parent())
+			}
+			$a.remove()
+		})
+		return false
+	})
 }
 
 $(function () {
-   $('form[method=post]').filter(function () {
-       return $(this).find("button:not([type=button]), input[type=submit]").length > 0;
-   }).areYouSure( {'message': gettext('You have unsaved changes!')});
-});
+	$('form[method=post]').filter(function () {
+		return $(this).find('button:not([type=button]), input[type=submit]').length > 0
+	}).areYouSure({ message: gettext('You have unsaved changes!') })
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/orderchange.js b/src/pretix/static/pretixcontrol/js/ui/orderchange.js
index 0c307be34..48251997a 100644
--- a/src/pretix/static/pretixcontrol/js/ui/orderchange.js
+++ b/src/pretix/static/pretixcontrol/js/ui/orderchange.js
@@ -1,59 +1,62 @@
-/*global $, gettext*/
+/* global gettext */
 $(function () {
-    if (!$(".form-order-change").length) {
-        return;
-    }
-    $(".form-order-change").each(function () {
-        var url = $(this).attr("data-pricecalc-endpoint");
-        var $itemvar = $(this).find("[name*=itemvar]");
-        var $subevent = $(this).find("[name*=subevent]");
-        var $tax_rule = $(this).find("[name*=tax_rule]");
-        var $price = $(this).find("[name*=price]");
-        var update_price = function () {
-            console.log(url);
-            var itemvar = $itemvar.val();
-            var item = null;
-            var variation = null;
-            if (itemvar.indexOf("-")) {
-                item = parseInt(itemvar.split("-")[0]);
-                variation = parseInt(itemvar.split("-")[1]);
-            } else {
-                item = parseInt(itemvar);
-            }
-            $price.closest(".field-container").append("<small class=\"loading-indicator\"><span class=\"fa fa-cog fa-spin\"></span> " +
-                gettext("Calculating default price…") + "</small>");
-            $.ajax(
-                {
-                    'type': 'POST',
-                    'url': url,
-                    'headers': {'X-CSRFToken': $("input[name=csrfmiddlewaretoken]").val()},
-                    'data': JSON.stringify({
-                        'item': item,
-                        'variation': variation,
-                        'subevent': $subevent.val(),
-                        'tax_rule': $tax_rule.val(),
-                        'locale': $("body").attr("data-pretixlocale"),
-                    }),
-                    'contentType': "application/json",
-                    'success': function (data) {
-                        $price.val(data.gross_formatted);
-                        $tax_rule.val(data.tax_rule);
-                        $price.closest(".field-container").find(".loading-indicator").remove();
-                    },
-                    // 'error': …
-                    'context': this,
-                    'dataType': 'json',
-                    'timeout': 30000
-                }
-            );
-        };
-        $itemvar.on("change", function () { $tax_rule.val(null); update_price() });
-        $tax_rule.on("change", update_price);
-        $subevent.on("change", update_price).on("change", function () {
-            var seat = $(this).closest(".form-order-change").find("[id$=seat]");
-            if (seat.length) {
-                seat.prop("required", !!$subevent.val());
-            }
-        });
-    });
-});
+	if (!$('.form-order-change').length) {
+		return
+	}
+	$('.form-order-change').each(function () {
+		let url = $(this).attr('data-pricecalc-endpoint')
+		let $itemvar = $(this).find('[name*=itemvar]')
+		let $subevent = $(this).find('[name*=subevent]')
+		let $tax_rule = $(this).find('[name*=tax_rule]')
+		let $price = $(this).find('[name*=price]')
+		let update_price = function () {
+			console.log(url)
+			let itemvar = $itemvar.val()
+			let item
+			let variation = null
+			if (itemvar.indexOf('-')) {
+				item = parseInt(itemvar.split('-')[0])
+				variation = parseInt(itemvar.split('-')[1])
+			} else {
+				item = parseInt(itemvar)
+			}
+			$price.closest('.field-container').append('<small class="loading-indicator"><span class="fa fa-cog fa-spin"></span> '
+				+ gettext('Calculating default price…') + '</small>')
+			$.ajax(
+				{
+					type: 'POST',
+					url: url,
+					headers: { 'X-CSRFToken': $('input[name=csrfmiddlewaretoken]').val() },
+					data: JSON.stringify({
+						item: item,
+						variation: variation,
+						subevent: $subevent.val(),
+						tax_rule: $tax_rule.val(),
+						locale: $('body').attr('data-pretixlocale'),
+					}),
+					contentType: 'application/json',
+					success: function (data) {
+						$price.val(data.gross_formatted)
+						$tax_rule.val(data.tax_rule)
+						$price.closest('.field-container').find('.loading-indicator').remove()
+					},
+					// 'error': …
+					context: this,
+					dataType: 'json',
+					timeout: 30000
+				}
+			)
+		}
+		$itemvar.on('change', function () {
+			$tax_rule.val(null)
+			update_price()
+		})
+		$tax_rule.on('change', update_price)
+		$subevent.on('change', update_price).on('change', function () {
+			let seat = $(this).closest('.form-order-change').find('[id$=seat]')
+			if (seat.length) {
+				seat.prop('required', !!$subevent.val())
+			}
+		})
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/outgoingmail.js b/src/pretix/static/pretixcontrol/js/ui/outgoingmail.js
index 43600d40a..321fc4dea 100644
--- a/src/pretix/static/pretixcontrol/js/ui/outgoingmail.js
+++ b/src/pretix/static/pretixcontrol/js/ui/outgoingmail.js
@@ -1,43 +1,43 @@
-function is_sandbox_supported() {
-    const iframe = document.createElement('iframe');
-    return 'sandbox' in iframe;
+function is_sandbox_supported () {
+	const iframe = document.createElement('iframe')
+	return 'sandbox' in iframe
 }
 
-function safe_render(url, parent) {
-    // Estimate the height that prevents the user from having to scroll on two levels to see the full email
-    const height = (
-        Math.max(400, window.innerHeight - parent.parent().get(0).getBoundingClientRect().top - document.querySelector("footer").getBoundingClientRect().height - 20)
-    ) + "px";
+function safe_render (url, parent) {
+	// Estimate the height that prevents the user from having to scroll on two levels to see the full email
+	const height = (
+		Math.max(400, window.innerHeight - parent.parent().get(0).getBoundingClientRect().top - document.querySelector('footer').getBoundingClientRect().height - 20)
+	) + 'px'
 
-    const iframe = (
-        // Per the HTML spec, a data: URL in an iframe is treated as its own origin:
-        // https://github.com/whatwg/html/pull/1756
-        // It is unclear, if Firefox complies, and the behaviour around data URLs is quite wild:
-        // https://github.com/whatwg/html/issues/12091
-        // Together with the sandbox attribute disallowing all JavaScript, and the fact
-        // that we sanitize the HTML before we even save it to the database, this should
-        // still be the safest way to render HTML in the context of our backend.
-        $("<iframe>")
-            .height(height)
-            .attr("class", "html-email")
-            .attr("src", url)
-            .attr("sandbox", "allow-popups allow-popups-to-escape-sandbox")
-            .attr("csp", "script-src 'none'; font-src 'none'; connect-src 'none'; form-action 'none'; style-src 'unsafe-inline'")  // respected only by chrome
-            .prop("credentialless", true)  // respected only by chrome
-    );
+	const iframe = (
+	// Per the HTML spec, a data: URL in an iframe is treated as its own origin:
+	// https://github.com/whatwg/html/pull/1756
+	// It is unclear, if Firefox complies, and the behaviour around data URLs is quite wild:
+	// https://github.com/whatwg/html/issues/12091
+	// Together with the sandbox attribute disallowing all JavaScript, and the fact
+	// that we sanitize the HTML before we even save it to the database, this should
+	// still be the safest way to render HTML in the context of our backend.
+		$('<iframe>')
+			.height(height)
+			.attr('class', 'html-email')
+			.attr('src', url)
+			.attr('sandbox', 'allow-popups allow-popups-to-escape-sandbox')
+			.attr('csp', 'script-src \'none\'; font-src \'none\'; connect-src \'none\'; form-action \'none\'; style-src \'unsafe-inline\'') // respected only by chrome
+			.prop('credentialless', true) // respected only by chrome
+	)
 
-    console.log(parent, iframe);
-    parent.append(iframe);
+	console.log(parent, iframe)
+	parent.append(iframe)
 }
 
 $(function () {
-    const script_element = $("#mail_body_html");
-    if (!script_element.length) return;
-    if (!is_sandbox_supported()) {
-        // Browser is too old for <iframe sandbox>
-        $(script_element.parent()).text("Please switch to a modern browser to view HTML content safely.");
-        return;
-    }
+	const script_element = $('#mail_body_html')
+	if (!script_element.length) return
+	if (!is_sandbox_supported()) {
+		// Browser is too old for <iframe sandbox>
+		$(script_element.parent()).text('Please switch to a modern browser to view HTML content safely.')
+		return
+	}
 
-    safe_render(JSON.parse(script_element.html()), script_element.parent());
-});
+	safe_render(JSON.parse(script_element.html()), script_element.parent())
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/plugins.js b/src/pretix/static/pretixcontrol/js/ui/plugins.js
index ba862c95f..6b698b056 100644
--- a/src/pretix/static/pretixcontrol/js/ui/plugins.js
+++ b/src/pretix/static/pretixcontrol/js/ui/plugins.js
@@ -1,84 +1,89 @@
-$(function() {
-    var plugins = $(".plugin-container").toArray().map(function(el) {
-        return {
-            sortName: el.getAttribute('data-plugin-name').toLowerCase().replace(/pretix /g, ''),
-            name: el.getAttribute('data-plugin-name').toLowerCase(),
-            module: el.getAttribute('data-plugin-module').toLowerCase(),
-            description: $(el).find('.plugin-description').text().toLowerCase(),
-            html: el.outerHTML,
-            category: $(el).closest('[data-plugin-category]').attr('data-plugin-category'),
-            categoryLabel: $(el).closest('[data-plugin-category]').attr('data-plugin-category-label'),
-            active: !!$(el).has('[data-is-active]').length,
-        }
-    });
-    function SearchMatcher(term, fields) {
-        this.searchFor = term.toLowerCase().split(/\s+/);
-        this.fields = fields;
-    }
-    function inStringRanked(haystack, needle) {
-        let pos = -1, rank = 0;
-        do {
-            pos = haystack.indexOf(needle, pos + 1);
-            if (pos !== -1) rank = 10;
-            if (pos === 0 || haystack.charCodeAt(pos - 1) <= 47)
-                return 15;  // string start or word start (=char before match is special char)
-        } while (pos !== -1);
-        return rank;
-    }
-    SearchMatcher.prototype.isMatch = function(obj) {
-        let rank = 0;
-        for(let j = 0; j < this.searchFor.length; j++) {
-            var searchFor = this.searchFor[j];
-            for(let i = this.fields.length - 1; i >= 0; i--) {
-                var result = inStringRanked(obj[this.fields[i]], searchFor);
-                if (result) {
-                    rank += (i + 1) * result;
-                    break;
-                }
-            }
-        }
-        return rank;
-    }
-    function strcmp(a, b) {
-        return a > b ? 1 : a < b ? -1 : 0;
-    }
-    var $results_box = $("#plugin_search_results");
-    var $plugin_tabs = $("#plugin_tabs");
-    var $results = $("#plugin_search_results .plugin-list");
-    function search() {
-        $results.html("");
-        var value = $("#plugin_search_input").val();
-        var only_active = $("input[name=plugin_state_filter][value=active]").prop("checked");
-        if (!value && !only_active) {
-            $results_box.hide(); $plugin_tabs.show();
-            return;
-        }
-        $results_box.show(); $plugin_tabs.hide();
-        var matcher = new SearchMatcher(value, ["description", "module", "name"]);
-        var matches = [];
-        for(const plugin of plugins) {
-            if (only_active && !plugin.active) continue;
-            var rank = matcher.isMatch(plugin);
-            if (!rank) continue;
-            matches.push([rank, plugin]);
-        }
-        matches.sort(function (a,b) { return (b[0]-a[0]) || strcmp(a[1].sortName, b[1].sortName); })
-        $results.append(matches.map(function(res) { return $(res[1].html).prepend('<span class="pull-right">' + res[1].categoryLabel + '</span>'); }))
-        $results.find(".panel-body, .panel, .featured-plugin, .btn-lg").removeClass("panel-body panel featured-plugin btn-lg");
-        if (matches.length === 0) {
-            $results.append(gettext("No results"));
-        }
-    }
-    $("#plugin_search_input").on("input", search);
-    $("input[name=plugin_state_filter]").on("change", search);
-    $results_box.find("button.close").on("click", function() {
-        $("input[name=plugin_state_filter][value=all]").prop("checked", true).trigger("click");
-        $("#plugin_search_input").val("").trigger("input");
-    });
-    if (location.search) {
-        var search = new URLSearchParams(location.search);
-        if (search.has('q')) {
-            $("#plugin_search_input").val(search.get("q")).trigger("input");
-        }
-    }
+/* global gettext */
+$(function () {
+	let plugins = $('.plugin-container').toArray().map(function (el) {
+		return {
+			sortName: el.getAttribute('data-plugin-name').toLowerCase().replace(/pretix /g, ''),
+			name: el.getAttribute('data-plugin-name').toLowerCase(),
+			module: el.getAttribute('data-plugin-module').toLowerCase(),
+			description: $(el).find('.plugin-description').text().toLowerCase(),
+			html: el.outerHTML,
+			category: $(el).closest('[data-plugin-category]').attr('data-plugin-category'),
+			categoryLabel: $(el).closest('[data-plugin-category]').attr('data-plugin-category-label'),
+			active: !!$(el).has('[data-is-active]').length,
+		}
+	})
+	function SearchMatcher (term, fields) {
+		this.searchFor = term.toLowerCase().split(/\s+/)
+		this.fields = fields
+	}
+	function inStringRanked (haystack, needle) {
+		let pos = -1, rank = 0
+		do {
+			pos = haystack.indexOf(needle, pos + 1)
+			if (pos !== -1) rank = 10
+			if (pos === 0 || haystack.charCodeAt(pos - 1) <= 47)
+				return 15 // string start or word start (=char before match is special char)
+		} while (pos !== -1)
+		return rank
+	}
+	SearchMatcher.prototype.isMatch = function (obj) {
+		let rank = 0
+		for (let j = 0; j < this.searchFor.length; j++) {
+			let searchFor = this.searchFor[j]
+			for (let i = this.fields.length - 1; i >= 0; i--) {
+				let result = inStringRanked(obj[this.fields[i]], searchFor)
+				if (result) {
+					rank += (i + 1) * result
+					break
+				}
+			}
+		}
+		return rank
+	}
+	function strcmp (a, b) {
+		return a > b ? 1 : a < b ? -1 : 0
+	}
+	let $results_box = $('#plugin_search_results')
+	let $plugin_tabs = $('#plugin_tabs')
+	let $results = $('#plugin_search_results .plugin-list')
+	function search () {
+		$results.html('')
+		let value = $('#plugin_search_input').val()
+		let only_active = $('input[name=plugin_state_filter][value=active]').prop('checked')
+		if (!value && !only_active) {
+			$results_box.hide()
+			$plugin_tabs.show()
+			return
+		}
+		$results_box.show()
+		$plugin_tabs.hide()
+		let matcher = new SearchMatcher(value, ['description', 'module', 'name'])
+		let matches = []
+		for (const plugin of plugins) {
+			if (only_active && !plugin.active)
+				continue
+			let rank = matcher.isMatch(plugin)
+			if (!rank)
+				continue
+			matches.push([rank, plugin])
+		}
+		matches.sort(function (a, b) { return (b[0] - a[0]) || strcmp(a[1].sortName, b[1].sortName) })
+		$results.append(matches.map(function (res) { return $(res[1].html).prepend('<span class="pull-right">' + res[1].categoryLabel + '</span>') }))
+		$results.find('.panel-body, .panel, .featured-plugin, .btn-lg').removeClass('panel-body panel featured-plugin btn-lg')
+		if (matches.length === 0) {
+			$results.append(gettext('No results'))
+		}
+	}
+	$('#plugin_search_input').on('input', search)
+	$('input[name=plugin_state_filter]').on('change', search)
+	$results_box.find('button.close').on('click', function () {
+		$('input[name=plugin_state_filter][value=all]').prop('checked', true).trigger('click')
+		$('#plugin_search_input').val('').trigger('input')
+	})
+	if (location.search) {
+		var search = new URLSearchParams(location.search)
+		if (search.has('q')) {
+			$('#plugin_search_input').val(search.get('q')).trigger('input')
+		}
+	}
 })
diff --git a/src/pretix/static/pretixcontrol/js/ui/question.js b/src/pretix/static/pretixcontrol/js/ui/question.js
index be1c8d114..2e8f93d8e 100644
--- a/src/pretix/static/pretixcontrol/js/ui/question.js
+++ b/src/pretix/static/pretixcontrol/js/ui/question.js
@@ -1,156 +1,156 @@
-/*global $, Morris, gettext*/
+/* global Morris, gettext, apiGET, i18nToString */
 $(function () {
-    // Question view
-    if (!$("#question_chart").length) {
-        return;
-    }
+	// Question view
+	if (!$('#question_chart').length) {
+		return
+	}
 
-    $(".chart").css("height", "250px");
-    var data_type = $("#question_chart").attr("data-type"),
-        data = JSON.parse($("#question-chart-data").text() || "[]"),
-        others_sum = 0,
-        max_num = 8;
+	$('.chart').css('height', '250px')
+	let data_type = $('#question_chart').attr('data-type'),
+		data = JSON.parse($('#question-chart-data').text() || '[]'),
+		others_sum = 0,
+		max_num = 8
 
-    data = data.map(function (d) {
-        return {
-            'value': d.count,
-            'label': d.answer.length > 20 ? d.answer.substring(0, 20) + '…' : d.answer,
-        }
-    });
+	data = data.map(function (d) {
+		return {
+			value: d.count,
+			label: d.answer.length > 20 ? d.answer.substring(0, 20) + '…' : d.answer,
+		}
+	})
 
-    if (data_type == 'N') {
-        // Sort
-        data.sort(function (a, b) {
-            if (parseFloat(a.label) > parseFloat(b.label)) {
-                return 1;
-            } else if (parseFloat(a.label) < parseFloat(b.label)) {
-                return -1;
-            } else {
-                return 0;
-            }
-        });
-        max_num = 20;
-    }
+	if (data_type == 'N') {
+		// Sort
+		data.sort(function (a, b) {
+			if (parseFloat(a.label) > parseFloat(b.label)) {
+				return 1
+			} else if (parseFloat(a.label) < parseFloat(b.label)) {
+				return -1
+			} else {
+				return 0
+			}
+		})
+		max_num = 20
+	}
 
-    // Limit shown options
-    if (data.length > max_num) {
-        for (var i = max_num; i < data.length; i++) {
-            others_sum += data[i].value;
-        }
-        data = data.slice(0, max_num);
-        data.push({'value': others_sum, 'label': gettext('Others')});
-    }
+	// Limit shown options
+	if (data.length > max_num) {
+		for (let i = max_num; i < data.length; i++) {
+			others_sum += data[i].value
+		}
+		data = data.slice(0, max_num)
+		data.push({ value: others_sum, label: gettext('Others') })
+	}
 
-    if (data_type === 'B') {
-        var colors;
-        if (data[0].answer_bool) {
-            colors = ['#50A167', '#C44F4F'];
-        } else {
-            colors = ['#C44F4F', '#50A167'];
-        }
-        new Morris.Donut({
-            element: 'question_chart',
-            data: data,
-            resize: true,
-            colors: colors
-        });
-    } else if (data_type === 'C') {
-        new Morris.Donut({
-            element: 'question_chart',
-            data: data,
-            resize: true,
-            colors: [
-                '#7F4A91',
-                '#50A167',
-                '#FFB419',
-                '#5F9CD4',
-                '#C44F4F',
-                '#83FFFA',
-                '#FF6C38',
-                '#1f5b8e',
-                '#2d683c',
-            ]
-        });
-    } else {  // M, N, S, T
-        new Morris.Bar({
-            element: 'question_chart',
-            data: data,
-            resize: true,
-            xkey: 'label',
-            ykeys: ['value'],
-            labels: [gettext('Count')]
-        });
-    }
+	if (data_type === 'B') {
+		let colors
+		if (data[0].answer_bool) {
+			colors = ['#50A167', '#C44F4F']
+		} else {
+			colors = ['#C44F4F', '#50A167']
+		}
+		new Morris.Donut({
+			element: 'question_chart',
+			data: data,
+			resize: true,
+			colors: colors
+		})
+	} else if (data_type === 'C') {
+		new Morris.Donut({
+			element: 'question_chart',
+			data: data,
+			resize: true,
+			colors: [
+				'#7F4A91',
+				'#50A167',
+				'#FFB419',
+				'#5F9CD4',
+				'#C44F4F',
+				'#83FFFA',
+				'#FF6C38',
+				'#1f5b8e',
+				'#2d683c',
+			]
+		})
+	} else { // M, N, S, T
+		new Morris.Bar({
+			element: 'question_chart',
+			data: data,
+			resize: true,
+			xkey: 'label',
+			ykeys: ['value'],
+			labels: [gettext('Count')]
+		})
+	}
 
-    // N, S, T
-});
+	// N, S, T
+})
 
 $(function () {
-    // Question editor
+	// Question editor
 
-    if (!$("#answer-options").length) {
-        return;
-    }
+	if (!$('#answer-options').length) {
+		return
+	}
 
-    // Question editor
-    $("#id_type").change(question_page_toggle_view);
-    $("#id_required").change(question_page_toggle_view);
-    question_page_toggle_view();
+	// Question editor
+	$('#id_type').change(question_page_toggle_view)
+	$('#id_required').change(question_page_toggle_view)
+	question_page_toggle_view()
 
-    function question_page_toggle_view() {
-        var show = $("#id_type").val() == "C" || $("#id_type").val() == "M";
-        $("#answer-options").toggle(show);
+	function question_page_toggle_view () {
+		let show = $('#id_type').val() == 'C' || $('#id_type').val() == 'M'
+		$('#answer-options').toggle(show)
 
-        $("#valid-date").toggle($("#id_type").val() == "D");
-        $("#valid-datetime").toggle($("#id_type").val() == "W");
-        $("#valid-string").toggle($("#id_type").val() == "T" || $("#id_type").val() == "S");
-        $("#valid-number").toggle($("#id_type").val() == "N");
-        $("#valid-file").toggle($("#id_type").val() == "F");
+		$('#valid-date').toggle($('#id_type').val() == 'D')
+		$('#valid-datetime').toggle($('#id_type').val() == 'W')
+		$('#valid-string').toggle($('#id_type').val() == 'T' || $('#id_type').val() == 'S')
+		$('#valid-number').toggle($('#id_type').val() == 'N')
+		$('#valid-file').toggle($('#id_type').val() == 'F')
 
-        show = $("#id_type").val() == "B" && $("#id_required").prop("checked");
-        $(".alert-required-boolean").toggle(show);
-    }
+		show = $('#id_type').val() == 'B' && $('#id_required').prop('checked')
+		$('.alert-required-boolean').toggle(show)
+	}
 
-    var $val = $("#id_dependency_values");
-    var $dq = $("#id_dependency_question");
-    var oldval = JSON.parse($("#dependency_value_val").text());
-    function update_dependency_options() {
-        $val.parent().find(".loading-indicator").remove();
-        $("#id_dependency_values option").remove();
-        $("#id_dependency_values").prop("required", false);
+	let $val = $('#id_dependency_values')
+	let $dq = $('#id_dependency_question')
+	let oldval = JSON.parse($('#dependency_value_val').text())
+	function update_dependency_options () {
+		$val.parent().find('.loading-indicator').remove()
+		$('#id_dependency_values option').remove()
+		$('#id_dependency_values').prop('required', false)
 
-        var val = $dq.children("option:selected").val();
-        if (!val) {
-            $("#id_dependency_values").show();
-            $val.show();
-            return;
-        }
+		let val = $dq.children('option:selected').val()
+		if (!val) {
+			$('#id_dependency_values').show()
+			$val.show()
+			return
+		}
 
-        $("#id_dependency_values").prop("required", true);
-        $val.hide();
-        $val.parent().append("<div class=\"help-block loading-indicator\"><span class=\"fa" +
-            " fa-cog fa-spin\"></span></div>");
+		$('#id_dependency_values').prop('required', true)
+		$val.hide()
+		$val.parent().append('<div class="help-block loading-indicator"><span class="fa'
+			+ ' fa-cog fa-spin"></span></div>')
 
-				// the container_type parameter is undocumented. this API is going to change in a later release.
-        apiGET('/api/v1/organizers/' + $("body").attr("data-organizer") + '/events/' + $("body").attr("data-event") + '/questions/' + val + '/?container_type=' + encodeURIComponent($dq.data('container-type')), function (data) {
-            if (data.type === "B") {
-                $val.append($("<option>").attr("value", "True").text(gettext("Yes")));
-                $val.append($("<option>").attr("value", "False").text(gettext("No")));
-            } else {
-                for (var i = 0; i < data.options.length; i++) {
-                    var opt = data.options[i];
-                    var $opt = $("<option>").attr("value", opt.identifier).text(i18nToString(opt.answer));
-                    $val.append($opt);
-                }
-            }
-            if (oldval) {
-                $val.val(oldval);
-            }
-            $val.parent().find(".loading-indicator").remove();
-            $val.show();
-        });
-    }
+		// the container_type parameter is undocumented. this API is going to change in a later release.
+		apiGET('/api/v1/organizers/' + $('body').attr('data-organizer') + '/events/' + $('body').attr('data-event') + '/questions/' + val + '/?container_type=' + encodeURIComponent($dq.data('container-type')), function (data) {
+			if (data.type === 'B') {
+				$val.append($('<option>').attr('value', 'True').text(gettext('Yes')))
+				$val.append($('<option>').attr('value', 'False').text(gettext('No')))
+			} else {
+				for (let i = 0; i < data.options.length; i++) {
+					let opt = data.options[i]
+					let $opt = $('<option>').attr('value', opt.identifier).text(i18nToString(opt.answer))
+					$val.append($opt)
+				}
+			}
+			if (oldval) {
+				$val.val(oldval)
+			}
+			$val.parent().find('.loading-indicator').remove()
+			$val.show()
+		})
+	}
 
-    update_dependency_options();
-    $dq.change(update_dependency_options);
-});
+	update_dependency_options()
+	$dq.change(update_dependency_options)
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/quicksetup.js b/src/pretix/static/pretixcontrol/js/ui/quicksetup.js
index a4213276f..2dcdcade5 100644
--- a/src/pretix/static/pretixcontrol/js/ui/quicksetup.js
+++ b/src/pretix/static/pretixcontrol/js/ui/quicksetup.js
@@ -1,50 +1,50 @@
 $(function () {
-    "use strict";
+	'use strict'
 
-    var ticket_type_quota_calculation = function () {
-        var sum = 0;
-        $("#ticket-type-formset div[data-formset-form]").each(function () {
-            if (!$(this).find("input[name$=DELETE]").prop("checked")) {
-                var val = $(this).find("input[name$=quota]").val();
-                if (val === "") {
-                    sum = "∞";
-                } else if (sum !== "∞") {
-                    sum += parseInt(val);
-                }
-            }
-        });
-        $("#total-capacity").text(sum);
-    };
+	let ticket_type_quota_calculation = function () {
+		let sum = 0
+		$('#ticket-type-formset div[data-formset-form]').each(function () {
+			if (!$(this).find('input[name$=DELETE]').prop('checked')) {
+				let val = $(this).find('input[name$=quota]').val()
+				if (val === '') {
+					sum = '∞'
+				} else if (sum !== '∞') {
+					sum += parseInt(val)
+				}
+			}
+		})
+		$('#total-capacity').text(sum)
+	}
 
-    var toggle_payment = function () {
-        var any = false;
-        $("#ticket-type-formset div[data-formset-form]").each(function () {
-            if (!$(this).find("input[name$=DELETE]").prop("checked")) {
-                var val = $(this).find("input[name$=default_price]").val();
-                if (/.*[1-9].*/.test(val)) {
-                    any = true;
-                }
-            }
-        });
-        if ($("#quick-setup-step-payment:visible").length && !any) {
-            $("#quick-setup-step-payment").stop().slideUp();
-        } else if (!$("#quick-setup-step-payment:visible").length && any) {
-            $("#quick-setup-step-payment").stop().slideDown();
-        }
-    };
+	let toggle_payment = function () {
+		let any = false
+		$('#ticket-type-formset div[data-formset-form]').each(function () {
+			if (!$(this).find('input[name$=DELETE]').prop('checked')) {
+				let val = $(this).find('input[name$=default_price]').val()
+				if (/.*[1-9].*/.test(val)) {
+					any = true
+				}
+			}
+		})
+		if ($('#quick-setup-step-payment:visible').length && !any) {
+			$('#quick-setup-step-payment').stop().slideUp()
+		} else if (!$('#quick-setup-step-payment:visible').length && any) {
+			$('#quick-setup-step-payment').stop().slideDown()
+		}
+	}
 
-    $("#ticket-type-formset").bind("formAdded", ticket_type_quota_calculation);
-    $("#ticket-type-formset").on("change keyup keydown keypress", "input", function () {
-        ticket_type_quota_calculation();
-        toggle_payment();
-    });
-    ticket_type_quota_calculation();
-    toggle_payment();
+	$('#ticket-type-formset').bind('formAdded', ticket_type_quota_calculation)
+	$('#ticket-type-formset').on('change keyup keydown keypress', 'input', function () {
+		ticket_type_quota_calculation()
+		toggle_payment()
+	})
+	ticket_type_quota_calculation()
+	toggle_payment()
 
-    $("#total-capacity-edit").click(function () {
-        $("#id_total_quota").val(parseInt($("#total-capacity").text()));
-        $("#total-capacity").hide();
-        $("#id_total_quota").closest("div").removeClass("sr-only");
-        $("#total-capacity-edit").hide();
-    });
-});
+	$('#total-capacity-edit').click(function () {
+		$('#id_total_quota').val(parseInt($('#total-capacity').text()))
+		$('#total-capacity').hide()
+		$('#id_total_quota').closest('div').removeClass('sr-only')
+		$('#total-capacity-edit').hide()
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/quota.js b/src/pretix/static/pretixcontrol/js/ui/quota.js
index b8a9f1e0d..8d32a04fc 100644
--- a/src/pretix/static/pretixcontrol/js/ui/quota.js
+++ b/src/pretix/static/pretixcontrol/js/ui/quota.js
@@ -1,43 +1,43 @@
-/*globals $, Morris, gettext*/
+/* globals Morris */
 $(function () {
-    if (!$("#quota-stats").length) {
-        return;
-    }
+	if (!$('#quota-stats').length) {
+		return
+	}
 
-    $(".chart").css("height", "250px");
-    new Morris.Donut({
-        element: 'quota_chart',
-        data: JSON.parse($("#quota-chart-data").html()),
-        resize: true,
-        colors: [
-            '#0044CC', // paid
-            '#0088CC', // pending
-            '#BD362F', // vouchers
-            '#F89406', // carts
-            '#51A351' // available
-        ]
-    });
-});
+	$('.chart').css('height', '250px')
+	new Morris.Donut({
+		element: 'quota_chart',
+		data: JSON.parse($('#quota-chart-data').html()),
+		resize: true,
+		colors: [
+			'#0044CC', // paid
+			'#0088CC', // pending
+			'#BD362F', // vouchers
+			'#F89406', // carts
+			'#51A351' // available
+		]
+	})
+})
 
 $(function () {
-    if (!$("input[name=itemvars]").length) {
-        return;
-    }
-    var autofill = ($("#id_name").val() === "");
+	if (!$('input[name=itemvars]').length) {
+		return
+	}
+	let autofill = ($('#id_name').val() === '')
 
-    $("#id_name").on("change keyup keydown keypress", function () {
-        autofill = false;
-    })
+	$('#id_name').on('change keyup keydown keypress', function () {
+		autofill = false
+	})
 
-    function do_autofill() {
-        if (autofill) {
-            var names = [];
-            $("input[name=itemvars]:checked").each(function () {
-                names.push($.trim($(this).closest("label").text()))
-            });
-            $("#id_name").val(names.join(', '));
-        }
-    }
-    $("input[name=itemvars]").change(do_autofill);
-    do_autofill();
-});
+	function do_autofill () {
+		if (autofill) {
+			let names = []
+			$('input[name=itemvars]:checked').each(function () {
+				names.push($.trim($(this).closest('label').text()))
+			})
+			$('#id_name').val(names.join(', '))
+		}
+	}
+	$('input[name=itemvars]').change(do_autofill)
+	do_autofill()
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/rrule.js b/src/pretix/static/pretixcontrol/js/ui/rrule.js
index 965c737d4..2be1f3ce6 100644
--- a/src/pretix/static/pretixcontrol/js/ui/rrule.js
+++ b/src/pretix/static/pretixcontrol/js/ui/rrule.js
@@ -1,21 +1,19 @@
-/*globals $, Morris, gettext, RRule, RRuleSet*/
-function rrule_form_toggles($form) {
-    var freq = $form.find("select[name*=freq]").val();
-    $form.find(".repeat-yearly").toggle(freq === "yearly");
-    $form.find(".repeat-monthly").toggle(freq === "monthly");
-    $form.find(".repeat-weekly").toggle(freq === "weekly");
+function rrule_form_toggles ($form) {
+	let freq = $form.find('select[name*=freq]').val()
+	$form.find('.repeat-yearly').toggle(freq === 'yearly')
+	$form.find('.repeat-monthly').toggle(freq === 'monthly')
+	$form.find('.repeat-weekly').toggle(freq === 'weekly')
 }
 
-function rrule_bind_form($form) {
-    $form.find("select[name*=freq]").change(function () {
-        rrule_form_toggles($form);
-    });
-    rrule_form_toggles($form);
+function rrule_bind_form ($form) {
+	$form.find('select[name*=freq]').change(function () {
+		rrule_form_toggles($form)
+	})
+	rrule_form_toggles($form)
 }
 
-
-$(document).on("pretix:bind-forms", function () {
-    $(".rrule-form").each(function () {
-        rrule_bind_form($(this));
-    });
-});
+$(document).on('pretix:bind-forms', function () {
+	$('.rrule-form').each(function () {
+		rrule_bind_form($(this))
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/subevent.js b/src/pretix/static/pretixcontrol/js/ui/subevent.js
index 81872d7db..a2280d62f 100644
--- a/src/pretix/static/pretixcontrol/js/ui/subevent.js
+++ b/src/pretix/static/pretixcontrol/js/ui/subevent.js
@@ -1,226 +1,225 @@
-/*globals $, Morris, gettext, RRule, RRuleSet*/
+/* globals ngettext, rrule */
 
-$(document).on("pretix:bind-forms", function () {
-    if (!$("div[data-formset-prefix=checkinlist_set]").length) {
-        return;
-    }
+$(document).on('pretix:bind-forms', function () {
+	if (!$('div[data-formset-prefix=checkinlist_set]').length) {
+		return
+	}
 
-    function parse_weekday(wd) {
-        map = {
-            'MO': 0,
-            'TU': 1,
-            'WE': 2,
-            'TH': 3,
-            'FR': 4,
-            'SA': 5,
-            'SU': 6
-        }
-        if (wd.indexOf(",") > 0) {
-            var wds = [];
-            $.each(wd.split(","), function (k, v) {
-                wds.push(map[v]);
-            });
-            return wds;
-        } else {
-            return map[wd];
-        }
-    }
+	function parse_weekday (wd) {
+		map = {
+			MO: 0,
+			TU: 1,
+			WE: 2,
+			TH: 3,
+			FR: 4,
+			SA: 5,
+			SU: 6
+		}
+		if (wd.indexOf(',') > 0) {
+			let wds = []
+			$.each(wd.split(','), function (k, v) {
+				wds.push(map[v])
+			})
+			return wds
+		} else {
+			return map[wd]
+		}
+	}
 
-    // RRule editor
-    function rrule_preview() {
-        var ruleset = new rrule.RRuleSet();
+	// RRule editor
+	function rrule_preview () {
+		let ruleset = new rrule.RRuleSet()
 
-        $(".rrule-form").each(function () {
-            if ($(this).find("input[name$=DELETE]").prop("checked")) {
-                return;
-            }
+		$('.rrule-form').each(function () {
+			if ($(this).find('input[name$=DELETE]').prop('checked')) {
+				return
+			}
 
-            var rule_args = {};
-            var $form = $(this);
-            var freq = $form.find("select[name*=freq]").val();
-            if (!$form.find("input[name*=dtstart]").data("DateTimePicker")) {
-                // uninitialized
-                return;
-            }
-            var dtstart = $form.find("input[name*=dtstart]").data("DateTimePicker").date();
-            dtstart = dtstart.add(dtstart.utcOffset(), 'm').add(12, 'h').utcOffset(0);
-            rule_args.dtstart = dtstart.toDate();
-            rule_args.interval = parseInt($form.find("input[name*=interval]").val()) || 1;
+			let rule_args = {}
+			let $form = $(this)
+			let freq = $form.find('select[name*=freq]').val()
+			if (!$form.find('input[name*=dtstart]').data('DateTimePicker')) {
+				// uninitialized
+				return
+			}
+			let dtstart = $form.find('input[name*=dtstart]').data('DateTimePicker').date()
+			dtstart = dtstart.add(dtstart.utcOffset(), 'm').add(12, 'h').utcOffset(0)
+			rule_args.dtstart = dtstart.toDate()
+			rule_args.interval = parseInt($form.find('input[name*=interval]').val()) || 1
 
-            if (freq === 'yearly') {
-                rule_args.freq = rrule.RRule.YEARLY;
+			if (freq === 'yearly') {
+				rule_args.freq = rrule.RRule.YEARLY
 
-                var same = $form.find("input[name*=yearly_same]:checked").val();
-                if (same === "off") {
-                    rule_args.bysetpos = parseInt($form.find("select[name*=yearly_bysetpos]").val());
-                    rule_args.byweekday = parse_weekday($form.find("select[name*=yearly_byweekday]").val());
-                    rule_args.bymonth = parseInt($form.find("select[name*=yearly_bymonth]").val());
-                }
-            } else if (freq === 'monthly') {
-                rule_args.freq = rrule.RRule.MONTHLY;
+				var same = $form.find('input[name*=yearly_same]:checked').val()
+				if (same === 'off') {
+					rule_args.bysetpos = parseInt($form.find('select[name*=yearly_bysetpos]').val())
+					rule_args.byweekday = parse_weekday($form.find('select[name*=yearly_byweekday]').val())
+					rule_args.bymonth = parseInt($form.find('select[name*=yearly_bymonth]').val())
+				}
+			} else if (freq === 'monthly') {
+				rule_args.freq = rrule.RRule.MONTHLY
 
-                var same = $form.find("input[name*=monthly_same]:checked").val();
-                if (same === "off") {
-                    rule_args.bysetpos = parseInt($form.find("select[name*=monthly_bysetpos]").val());
-                    rule_args.byweekday = parse_weekday($form.find("select[name*=monthly_byweekday]").val());
-                }
-            } else if (freq === 'weekly') {
-                rule_args.freq = rrule.RRule.WEEKLY;
+				var same = $form.find('input[name*=monthly_same]:checked').val()
+				if (same === 'off') {
+					rule_args.bysetpos = parseInt($form.find('select[name*=monthly_bysetpos]').val())
+					rule_args.byweekday = parse_weekday($form.find('select[name*=monthly_byweekday]').val())
+				}
+			} else if (freq === 'weekly') {
+				rule_args.freq = rrule.RRule.WEEKLY
 
-                var days = [];
-                $form.find("input[name*=weekly_byweekday]:checked").each(function () {
-                    days.push(parse_weekday($(this).val()));
-                });
-                if (days.length !== 0) {
-                    rule_args.byweekday = days;
-                }
-            } else if (freq === 'daily') {
-                rule_args.freq = rrule.RRule.DAILY;
-            }
+				let days = []
+				$form.find('input[name*=weekly_byweekday]:checked').each(function () {
+					days.push(parse_weekday($(this).val()))
+				})
+				if (days.length !== 0) {
+					rule_args.byweekday = days
+				}
+			} else if (freq === 'daily') {
+				rule_args.freq = rrule.RRule.DAILY
+			}
 
-            var end = $form.find("input[name*=end]:checked").val();
-            if (end === "count") {
-                rule_args.count = Math.max(parseInt($form.find("input[name*=count]").val()) || 1, 1);
-            } else {
-                var date = $form.find("input[name*=until]").data("DateTimePicker").date();
-                if (date !== null) {
-                    // rrule.until is non-inclusive, whereas in pretix-backend "until" is inclusive => add 1 day
-                    // date is a Moment-object. Moment.add() mutates, but is save to do here
-                    date.add(1, 'days');
-                    rule_args.until = date;
-                }
-            }
+			let end = $form.find('input[name*=end]:checked').val()
+			if (end === 'count') {
+				rule_args.count = Math.max(parseInt($form.find('input[name*=count]').val()) || 1, 1)
+			} else {
+				let date = $form.find('input[name*=until]').data('DateTimePicker').date()
+				if (date !== null) {
+					// rrule.until is non-inclusive, whereas in pretix-backend "until" is inclusive => add 1 day
+					// date is a Moment-object. Moment.add() mutates, but is save to do here
+					date.add(1, 'days')
+					rule_args.until = date
+				}
+			}
 
-            if ($form.find("input[name*=exclude]").prop("checked")) {
-                ruleset.exrule(new rrule.RRule(rule_args));
-                $form.closest(".panel").addClass("panel-danger").removeClass("panel-default");
-            } else {
-                ruleset.rrule(new rrule.RRule(rule_args));
-                $form.closest(".panel").addClass("panel-default").removeClass("panel-danger");
-            }
-        });
+			if ($form.find('input[name*=exclude]').prop('checked')) {
+				ruleset.exrule(new rrule.RRule(rule_args))
+				$form.closest('.panel').addClass('panel-danger').removeClass('panel-default')
+			} else {
+				ruleset.rrule(new rrule.RRule(rule_args))
+				$form.closest('.panel').addClass('panel-default').removeClass('panel-danger')
+			}
+		})
 
-        var all_dates = ruleset.all();
-        var format = $("body").attr("data-longdateformat") + " (dddd)";
-        $("#rrule-preview").html("");
-        if (all_dates.length > 20) {
-            $("#rrule-preview").html("");
-            all_dates.slice(0, 10).forEach(function(element) {
-                $("#rrule-preview").append($("<li>").text(moment(element).utc().format(format)));
-            });
-            $("#rrule-preview").append($("<li>").text(ngettext(
-                    "(one more date)",
-                    "({num} more dates)",
-                    all_dates.length - 20
-            ).replace(/\{num\}/g, all_dates.length - 20)));
-            all_dates.slice(-10).forEach(function(element) {
-                $("#rrule-preview").append($("<li>").text(moment(element).utc().format(format)));
-            });
-        } else {
-            all_dates.forEach(function(element) {
-                $("#rrule-preview").append($("<li>").text(moment(element).utc().format(format)));
-            });
-        }
-    }
-    $("#rrule-formset").on("change keydown keyup keypress dp.change", "input, select", function () {
-        rrule_preview();
-    });
-    rrule_preview();
+		let all_dates = ruleset.all()
+		let format = $('body').attr('data-longdateformat') + ' (dddd)'
+		$('#rrule-preview').html('')
+		if (all_dates.length > 20) {
+			$('#rrule-preview').html('')
+			all_dates.slice(0, 10).forEach(function (element) {
+				$('#rrule-preview').append($('<li>').text(moment(element).utc().format(format)))
+			})
+			$('#rrule-preview').append($('<li>').text(ngettext(
+				'(one more date)',
+				'({num} more dates)',
+				all_dates.length - 20
+			).replace(/\{num\}/g, all_dates.length - 20)))
+			all_dates.slice(-10).forEach(function (element) {
+				$('#rrule-preview').append($('<li>').text(moment(element).utc().format(format)))
+			})
+		} else {
+			all_dates.forEach(function (element) {
+				$('#rrule-preview').append($('<li>').text(moment(element).utc().format(format)))
+			})
+		}
+	}
+	$('#rrule-formset').on('change keydown keyup keypress dp.change', 'input, select', function () {
+		rrule_preview()
+	})
+	rrule_preview()
 
-    $("#rrule-formset").on("formAdded", "div", function (event) {rrule_bind_form($(event.target)); });
+	$('#rrule-formset').on('formAdded', 'div', function (event) { rrule_bind_form($(event.target)) })
 
-    // Timeslot editor
-    $("#subevent_add_many_slots_go").on("click", function () {
-        $("#time-formset [data-formset-form]").each(function () {
-            var tf = $(this).find("[name$=time_from]").val()
-            if (!tf) {
-                $(this).remove();
-            }
-        })
+	// Timeslot editor
+	$('#subevent_add_many_slots_go').on('click', function () {
+		$('#time-formset [data-formset-form]').each(function () {
+			let tf = $(this).find('[name$=time_from]').val()
+			if (!tf) {
+				$(this).remove()
+			}
+		})
 
-        var first = $("#subevent_add_many_slots_first").data('DateTimePicker').date();
-        var end = $("#subevent_add_many_slots_end").data('DateTimePicker').date();
-        var length_m = parseFloat($("#subevent_add_many_slots_length").val()) || 0;
-        var break_m = parseFloat($("#subevent_add_many_slots_break").val()) || 0;
-        if (!first || !end || !length_m) {
-            console.log("invalid", first, end, length_m)
-            return
-        }
+		let first = $('#subevent_add_many_slots_first').data('DateTimePicker').date()
+		let end = $('#subevent_add_many_slots_end').data('DateTimePicker').date()
+		let length_m = parseFloat($('#subevent_add_many_slots_length').val()) || 0
+		let break_m = parseFloat($('#subevent_add_many_slots_break').val()) || 0
+		if (!first || !end || !length_m) {
+			console.log('invalid', first, end, length_m)
+			return
+		}
 
-        function closure($form, time) {
-            return function () {
-                console.log("setting value", time)
-                $form.find("[name$=time_from]").data('DateTimePicker').date(time);
-                time.add(length_m, 'minutes');
-                $form.find("[name$=time_to]").data('DateTimePicker').date(time);
-            }
-        }
+		function closure ($form, time) {
+			return function () {
+				console.log('setting value', time)
+				$form.find('[name$=time_from]').data('DateTimePicker').date(time)
+				time.add(length_m, 'minutes')
+				$form.find('[name$=time_to]').data('DateTimePicker').date(time)
+			}
+		}
 
-        var pointer = first.clone();
-        while (pointer.isBefore(end)) {
-            var $form = $("#time-formset").formset("getOrCreate").addForm();
-            $form.attr("data-formset-created-at-runtime", "false");  // prevents animation
-            var time = pointer.clone();
-            window.setTimeout(closure($form, time), 1);
-            // jquery.formset.js only calls trigger("formAdded") after a setTimeout of 0,
-            // but we need to run after that to make sure the date pickers are initialized
-            pointer.add(break_m + length_m, 'minutes');
-        }
-        $("#subevent_add_many_slots").addClass("hidden");
-        $("#subevent_add_many_slots_start").removeClass("hidden");
+		let pointer = first.clone()
+		while (pointer.isBefore(end)) {
+			let $form = $('#time-formset').formset('getOrCreate').addForm()
+			$form.attr('data-formset-created-at-runtime', 'false') // prevents animation
+			let time = pointer.clone()
+			window.setTimeout(closure($form, time), 1)
+			// jquery.formset.js only calls trigger("formAdded") after a setTimeout of 0,
+			// but we need to run after that to make sure the date pickers are initialized
+			pointer.add(break_m + length_m, 'minutes')
+		}
+		$('#subevent_add_many_slots').addClass('hidden')
+		$('#subevent_add_many_slots_start').removeClass('hidden')
+	})
+	$('#subevent_add_many_slots_start').on('click', function () {
+		$('#subevent_add_many_slots').removeClass('hidden')
+		$(this).addClass('hidden')
+	})
 
-    });
-    $("#subevent_add_many_slots_start").on("click", function () {
-       $("#subevent_add_many_slots").removeClass("hidden");
-       $(this).addClass("hidden");
-    });
+	// Hide config for products that are not for sale
+	function quota_form_handlers (el) {
+		// searchable_selection = True
+		el.find('[id^="id_quotas-"]').on('select2:select select2:unselect', () => {
+			update_item_visibility()
+		})
+		// searchable_selection = False
+		el.find('input[id^="id_quotas-"][id*=itemvars_]').on('change', () => {
+			update_item_visibility()
+		})
+	}
+	function update_item_visibility () {
+		const itemvars = []
 
-    // Hide config for products that are not for sale
-    function quota_form_handlers(el) {
-        // searchable_selection = True
-        el.find('[id^="id_quotas-"]').on("select2:select select2:unselect", () => {
-            update_item_visibility();
-        });
-        // searchable_selection = False
-        el.find('input[id^="id_quotas-"][id*=itemvars_]').on("change", () => {
-            update_item_visibility();
-        });
-    }
-    function update_item_visibility() {
-        const itemvars = [];
+		// searchable_selection = True
+		$('select[id^=id_quotas-][id$=-itemvars]').filter((idx, el) => {
+			return !$(el).closest('[data-formset-form]').is('[data-formset-form-deleted]')
+		}).each((_, e) => itemvars.push(...$(e).val()))
+		// searchable_selection = False
+		$('input[id^=id_quotas-][id*=itemvars_]:checked').filter((idx, el) => {
+			return !$(el).closest('[data-formset-form]').is('[data-formset-form-deleted]')
+		}).each((_, e) => itemvars.push($(e).val()))
 
-        // searchable_selection = True
-        $("select[id^=id_quotas-][id$=-itemvars]").filter((idx, el) => {
-            return !$(el).closest('[data-formset-form]').is('[data-formset-form-deleted]');
-        }).each((_, e) => itemvars.push(...$(e).val()));
-        // searchable_selection = False
-        $("input[id^=id_quotas-][id*=itemvars_]:checked").filter((idx, el) => {
-            return !$(el).closest('[data-formset-form]').is('[data-formset-form-deleted]');
-        }).each((_, e) => itemvars.push($(e).val()));
+		$('div[data-itemvar]').each(function (idx, e) {
+			const el = $(e)
+			el.prop('hidden', !itemvars.includes(el.attr('data-itemvar')) && !el.find('.has-error, .alert-danger').length)
+		})
+	}
 
-        $("div[data-itemvar]").each(function (idx, e) {
-            const el = $(e);
-            el.prop("hidden", !itemvars.includes(el.attr("data-itemvar")) && !el.find(".has-error, .alert-danger").length);
-        });
-    }
+	$('[data-formset-prefix="quotas"]').on('formDeleted', 'div', () => {
+		update_item_visibility()
+	}).on('formAdded', 'div', (event) => {
+		quota_form_handlers($(event.target))
+		update_item_visibility()
+	})
+	quota_form_handlers($('body'))
+	update_item_visibility()
 
-    $('[data-formset-prefix="quotas"]').on("formDeleted", "div", () => {
-        update_item_visibility();
-    }).on("formAdded", "div", (event) => {
-        quota_form_handlers($(event.target));
-        update_item_visibility();
-    })
-    quota_form_handlers($("body"));
-    update_item_visibility();
-
-    // Auto-set name of check-in list
-    var $namef = $("input[id^=id_name]").first();
-    var lastValue = $namef.val();
-    $namef.change(function () {
-        var field = $("div[data-formset-prefix=checkinlist_set] input[id$=name]").first();
-        if (field.val() === lastValue) {
-            lastValue = $(this).val();
-            field.val(lastValue);
-        }
-    });
-});
+	// Auto-set name of check-in list
+	let $namef = $('input[id^=id_name]').first()
+	let lastValue = $namef.val()
+	$namef.change(function () {
+		let field = $('div[data-formset-prefix=checkinlist_set] input[id$=name]').first()
+		if (field.val() === lastValue) {
+			lastValue = $(this).val()
+			field.val(lastValue)
+		}
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/tabs.js b/src/pretix/static/pretixcontrol/js/ui/tabs.js
index 492bca597..d48a008ed 100644
--- a/src/pretix/static/pretixcontrol/js/ui/tabs.js
+++ b/src/pretix/static/pretixcontrol/js/ui/tabs.js
@@ -1,56 +1,54 @@
-/*globals $*/
-
 $(function () {
-    var j = 0;
-    $(".tabbed-form").each(function () {
-        var $form = $(this);
-        var $tabs = $("<ul>").addClass("nav nav-tabs").insertBefore($form);
-        $form.addClass("tab-content");
+	let j = 0
+	$('.tabbed-form').each(function () {
+		let $form = $(this)
+		let $tabs = $('<ul>').addClass('nav nav-tabs').insertBefore($form)
+		$form.addClass('tab-content')
 
-        var i = 0;
-        var preselect = null;
-        var validity_error = false;
-        $form.find("fieldset").each(function () {
-            var $fieldset = $(this);
-            var tid = $fieldset.attr("id");
-            if (!tid) tid = "tab-" + j + "-" + i;
-            var $tabli = $("<li>").appendTo($tabs);
-            var $tablink = $("<a>").attr("role", "tab")
-                .attr("data-toggle", "tab")
-                .attr("href", "#" + tid)
-                .text($fieldset.find("legend").text())
-                .appendTo($tabli);
-            if ($fieldset.find(".has-error, .alert-danger:not(.dynamic)").length > 0) {
-                $tablink.append(" ");
-                $tablink.append($("<span>").addClass("fa fa-warning text-danger"));
-                if (preselect === null) {
-                    preselect = i;
-                }
-            }
-            $fieldset.find("input, select, textarea").on("invalid", function () {
-                if ($tablink.find(".fa-warning").length === 0) {
-                    $tablink.append(" ");
-                    $tablink.append($("<span>").addClass("fa fa-warning text-danger"));
-                    if (!validity_error) {
-                        validity_error = true;
-                        $tablink.click();
-                    }
-                }
-            });
-            $fieldset.find("legend").remove();
-            $fieldset.addClass("tab-pane").attr("id", tid);
-            if (location.hash && ($fieldset.find(location.hash).length || location.hash === "#" + tid + "-open") && preselect === null) {
-                preselect = i;
-            }
-            i++;
-        });
-        $tabs.find("a").get(preselect != null ? preselect : 0).click();
-        $tabs.find("a").on('shown.bs.tab', function (e) {
-            history.replaceState(null, null, e.target.getAttribute("href") + "-open");
-        });
-        $form.closest("form").on("submit", function () {
-            validity_error = false;
-        });
-        j++;
-    });
-});
+		let i = 0
+		let preselect = null
+		let validity_error = false
+		$form.find('fieldset').each(function () {
+			let $fieldset = $(this)
+			let tid = $fieldset.attr('id')
+			if (!tid) tid = 'tab-' + j + '-' + i
+			let $tabli = $('<li>').appendTo($tabs)
+			let $tablink = $('<a>').attr('role', 'tab')
+				.attr('data-toggle', 'tab')
+				.attr('href', '#' + tid)
+				.text($fieldset.find('legend').text())
+				.appendTo($tabli)
+			if ($fieldset.find('.has-error, .alert-danger:not(.dynamic)').length > 0) {
+				$tablink.append(' ')
+				$tablink.append($('<span>').addClass('fa fa-warning text-danger'))
+				if (preselect === null) {
+					preselect = i
+				}
+			}
+			$fieldset.find('input, select, textarea').on('invalid', function () {
+				if ($tablink.find('.fa-warning').length === 0) {
+					$tablink.append(' ')
+					$tablink.append($('<span>').addClass('fa fa-warning text-danger'))
+					if (!validity_error) {
+						validity_error = true
+						$tablink.click()
+					}
+				}
+			})
+			$fieldset.find('legend').remove()
+			$fieldset.addClass('tab-pane').attr('id', tid)
+			if (location.hash && ($fieldset.find(location.hash).length || location.hash === '#' + tid + '-open') && preselect === null) {
+				preselect = i
+			}
+			i++
+		})
+		$tabs.find('a').get(preselect != null ? preselect : 0).click()
+		$tabs.find('a').on('shown.bs.tab', function (e) {
+			history.replaceState(null, null, e.target.getAttribute('href') + '-open')
+		})
+		$form.closest('form').on('submit', function () {
+			validity_error = false
+		})
+		j++
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/typeahead.js b/src/pretix/static/pretixcontrol/js/ui/typeahead.js
index cdf2d176f..ed3c9397f 100644
--- a/src/pretix/static/pretixcontrol/js/ui/typeahead.js
+++ b/src/pretix/static/pretixcontrol/js/ui/typeahead.js
@@ -1,164 +1,163 @@
-/*global $,u2f */
 $(function () {
-    $('.context-selector.dropdown').on('shown.bs.collapse shown.bs.dropdown', function () {
-        $(this).parent().find("input").val("").trigger('forceRunQuery').focus();
-    });
-    $('.dropdown-menu .form-box input').click(function (e) {
-        e.stopPropagation();
-    });
+	$('.context-selector.dropdown').on('shown.bs.collapse shown.bs.dropdown', function () {
+		$(this).parent().find('input').val('').trigger('forceRunQuery').focus()
+	})
+	$('.dropdown-menu .form-box input').click(function (e) {
+		e.stopPropagation()
+	})
 
-    $("[data-event-typeahead]").each(function () {
-        var $container = $(this);
-        var $query = $(this).find('[data-typeahead-query]').length ? $(this).find('[data-typeahead-query]') : $($(this).attr("data-typeahead-field"));
-        $container.find("li:not(.query-holder)").remove();
-        var lastQuery = null;
-        var runQueryTimeout = null;
-        var loadIndicatorTimeout = null;
-        var focusOutTimeout = null;
-        function showLoadIndicator() {
-            $container.find("li:not(.query-holder)").remove();
-            $container.append("<li class='loading'><span class='fa fa-4x fa-cog fa-spin'></span></li>");
-            $container.toggleClass('focused', $query.is(":focus") && $container.children().length > 0);
-        }
-        function runQuery() {
-            var thisQuery = $query.val();
-            if (thisQuery === lastQuery) return;
-            lastQuery = $query.val();
+	$('[data-event-typeahead]').each(function () {
+		let $container = $(this)
+		let $query = $(this).find('[data-typeahead-query]').length ? $(this).find('[data-typeahead-query]') : $($(this).attr('data-typeahead-field'))
+		$container.find('li:not(.query-holder)').remove()
+		let lastQuery = null
+		let runQueryTimeout = null
+		let loadIndicatorTimeout = null
+		let focusOutTimeout = null
+		function showLoadIndicator () {
+			$container.find('li:not(.query-holder)').remove()
+			$container.append('<li class=\'loading\'><span class=\'fa fa-4x fa-cog fa-spin\'></span></li>')
+			$container.toggleClass('focused', $query.is(':focus') && $container.children().length > 0)
+		}
+		function runQuery () {
+			let thisQuery = $query.val()
+			if (thisQuery === lastQuery) return
+			lastQuery = $query.val()
 
-            window.clearTimeout(loadIndicatorTimeout)
-            loadIndicatorTimeout = window.setTimeout(showLoadIndicator, 80)
+			window.clearTimeout(loadIndicatorTimeout)
+			loadIndicatorTimeout = window.setTimeout(showLoadIndicator, 80)
 
-            $.getJSON(
-                $container.attr("data-source") + "?query=" + encodeURIComponent($query.val()) + (typeof $container.attr("data-organizer") !== "undefined" ? "&organizer=" + $container.attr("data-organizer") : ""),
-                function (data) {
-                    if (thisQuery !== lastQuery) {
-                        // Lost race condition
-                        return;
-                    }
-                    window.clearTimeout(loadIndicatorTimeout);
-                    $container.find("li:not(.query-holder)").remove();
-                    $.each(data.results, function (i, res) {
-                        let $linkContent = $("<div>");
-                        if (res.type === "organizer") {
-                            $linkContent.append(
-                                $("<span>").addClass("event-name-full").append(
-                                    $("<span>").addClass("fa fa-users fa-fw")
-                                ).append(" ").append($("<div>").text(res.name).html())
-                            )
-                        } else if (res.type === "order" || res.type === "voucher") {
-                            $linkContent.append(
-                                $("<span>").addClass("event-name-full").append($("<div>").text(res.title).html())
-                            ).append(
-                                $("<span>").addClass("event-organizer").append(
-                                    $("<span>").addClass("fa fa-calendar fa-fw")
-                                ).append(" ").append($("<div>").text(res.event).html())
-                            )
-                        } else if (res.type === "user") {
-                            $linkContent.append(
-                                $("<span>").addClass("event-name-full").append(
-                                    $("<span>").addClass("fa fa-user fa-fw")
-                                ).append(" ").append($("<div>").text(res.name).html())
-                            )
-                        } else {
-                            $linkContent.append(
-                                $("<span>").addClass("event-name-full").append($("<div>").text(res.name).html())
-                            ).append(
-                                $("<span>").addClass("event-organizer").append(
-                                    $("<span>").addClass("fa fa-users fa-fw")
-                                ).append(" ").append($("<div>").text(res.organizer).html())
-                            ).append(
-                                $("<span>").addClass("event-daterange").append(
-                                    $("<span>").addClass("fa fa-calendar fa-fw")
-                                ).append(" ").append(res.date_range)
-                            )
-                        }
+			$.getJSON(
+				$container.attr('data-source') + '?query=' + encodeURIComponent($query.val()) + (typeof $container.attr('data-organizer') !== 'undefined' ? '&organizer=' + $container.attr('data-organizer') : ''),
+				function (data) {
+					if (thisQuery !== lastQuery) {
+						// Lost race condition
+						return
+					}
+					window.clearTimeout(loadIndicatorTimeout)
+					$container.find('li:not(.query-holder)').remove()
+					$.each(data.results, function (_i, res) {
+						let $linkContent = $('<div>')
+						if (res.type === 'organizer') {
+							$linkContent.append(
+								$('<span>').addClass('event-name-full').append(
+									$('<span>').addClass('fa fa-users fa-fw')
+								).append(' ').append($('<div>').text(res.name).html())
+							)
+						} else if (res.type === 'order' || res.type === 'voucher') {
+							$linkContent.append(
+								$('<span>').addClass('event-name-full').append($('<div>').text(res.title).html())
+							).append(
+								$('<span>').addClass('event-organizer').append(
+									$('<span>').addClass('fa fa-calendar fa-fw')
+								).append(' ').append($('<div>').text(res.event).html())
+							)
+						} else if (res.type === 'user') {
+							$linkContent.append(
+								$('<span>').addClass('event-name-full').append(
+									$('<span>').addClass('fa fa-user fa-fw')
+								).append(' ').append($('<div>').text(res.name).html())
+							)
+						} else {
+							$linkContent.append(
+								$('<span>').addClass('event-name-full').append($('<div>').text(res.name).html())
+							).append(
+								$('<span>').addClass('event-organizer').append(
+									$('<span>').addClass('fa fa-users fa-fw')
+								).append(' ').append($('<div>').text(res.organizer).html())
+							).append(
+								$('<span>').addClass('event-daterange').append(
+									$('<span>').addClass('fa fa-calendar fa-fw')
+								).append(' ').append(res.date_range)
+							)
+						}
 
-                        $container.append(
-                            $("<li>").append(
-                                $("<a>").attr("href", res.url).append(
-                                    $linkContent
-                                )
-                            )
-                        );
-                    });
-                    $container.toggleClass('focused', $query.is(":focus") && $container.children().length > 0);
-                }
-            );
-        }
-        $query.on("forceRunQuery", function () {
-            runQuery();
-        });
-        $query.on("input", function () {
-            if ($container.attr("data-typeahead-field") && $query.val() === "") {
-                $container.removeClass('focused');
-                $container.find("li:not(.query-holder)").remove();
-                lastQuery = null;
-                return;
-            }
-            window.clearTimeout(runQueryTimeout)
-            runQueryTimeout = window.setTimeout(runQuery, 250)
-        });
-        $query.on("keydown", function (event) {
-            var $selected = $container.find(".active");
-            if (event.which === 13) {  // enter
-                var $link = $selected.find("a");
-                if ($link.length) {
-                    location.href = $link.attr("href");
-                }
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        });
-        $container.add($query).on("keydown", function (event) {
-            if (event.which === 27) {  // escape
-                $container.removeClass('focused');
-            }
-        }).on("focusin", function (event) {
-            window.clearTimeout(focusOutTimeout);
-            $(document.body).one("focusout", function (event) {
-                focusOutTimeout = window.setTimeout(function () {
-                    $container.removeClass('focused');
-                }, 100);
-            })
-        });
-        $query.on("keyup", function (event) {
-            var $first = $container.find("li:not(.query-holder)").first();
-            var $last = $container.find("li:not(.query-holder)").last();
-            var $selected = $container.find(".active");
+						$container.append(
+							$('<li>').append(
+								$('<a>').attr('href', res.url).append(
+									$linkContent
+								)
+							)
+						)
+					})
+					$container.toggleClass('focused', $query.is(':focus') && $container.children().length > 0)
+				}
+			)
+		}
+		$query.on('forceRunQuery', function () {
+			runQuery()
+		})
+		$query.on('input', function () {
+			if ($container.attr('data-typeahead-field') && $query.val() === '') {
+				$container.removeClass('focused')
+				$container.find('li:not(.query-holder)').remove()
+				lastQuery = null
+				return
+			}
+			window.clearTimeout(runQueryTimeout)
+			runQueryTimeout = window.setTimeout(runQuery, 250)
+		})
+		$query.on('keydown', function (event) {
+			let $selected = $container.find('.active')
+			if (event.which === 13) { // enter
+				let $link = $selected.find('a')
+				if ($link.length) {
+					location.href = $link.attr('href')
+				}
+				event.preventDefault()
+				event.stopPropagation()
+			}
+		})
+		$container.add($query).on('keydown', function (event) {
+			if (event.which === 27) { // escape
+				$container.removeClass('focused')
+			}
+		}).on('focusin', function () {
+			window.clearTimeout(focusOutTimeout)
+			$(document.body).one('focusout', function () {
+				focusOutTimeout = window.setTimeout(function () {
+					$container.removeClass('focused')
+				}, 100)
+			})
+		})
+		$query.on('keyup', function (event) {
+			let $first = $container.find('li:not(.query-holder)').first()
+			let $last = $container.find('li:not(.query-holder)').last()
+			let $selected = $container.find('.active')
 
-            if (event.which === 13) {  // enter
-                event.preventDefault();
-                event.stopPropagation();
-                return true;
-            } else if (event.which === 40) {  // down
-                var $next;
-                if ($selected.length === 0) {
-                    $next = $first;
-                } else {
-                    $next = $selected.next();
-                }
-                if ($next.length === 0) {
-                    $next = $first;
-                }
-                $selected.removeClass("active");
-                $next.addClass("active");
-                event.preventDefault();
-                event.stopPropagation();
-                return true;
-            } else if (event.which === 38) {  // up
-                if ($selected.length === 0) {
-                    $selected = $first;
-                }
-                var $prev = $selected.prev();
-                if ($prev.length === 0 || $prev.find("input").length > 0) {
-                    $prev = $last;
-                }
-                $selected.removeClass("active");
-                $prev.addClass("active");
-                event.preventDefault();
-                event.stopPropagation();
-                return true;
-            }
-        });
-    });
-});
+			if (event.which === 13) { // enter
+				event.preventDefault()
+				event.stopPropagation()
+				return true
+			} else if (event.which === 40) { // down
+				let $next
+				if ($selected.length === 0) {
+					$next = $first
+				} else {
+					$next = $selected.next()
+				}
+				if ($next.length === 0) {
+					$next = $first
+				}
+				$selected.removeClass('active')
+				$next.addClass('active')
+				event.preventDefault()
+				event.stopPropagation()
+				return true
+			} else if (event.which === 38) { // up
+				if ($selected.length === 0) {
+					$selected = $first
+				}
+				let $prev = $selected.prev()
+				if ($prev.length === 0 || $prev.find('input').length > 0) {
+					$prev = $last
+				}
+				$selected.removeClass('active')
+				$prev.addClass('active')
+				event.preventDefault()
+				event.stopPropagation()
+				return true
+			}
+		})
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/variations.js b/src/pretix/static/pretixcontrol/js/ui/variations.js
index 6279a18c2..b4e53acbe 100644
--- a/src/pretix/static/pretixcontrol/js/ui/variations.js
+++ b/src/pretix/static/pretixcontrol/js/ui/variations.js
@@ -1,78 +1,78 @@
-/*global $, Morris, gettext, formatPrice*/
+/* global i18nToString, formatPrice */
 $(function () {
-    // Question view
-    if (!$("#item_variations").length) {
-        return;
-    }
+	// Question view
+	if (!$('#item_variations').length) {
+		return
+	}
 
-    function update_variation_summary($el) {
-        var var_names = Object.fromEntries(
-          $el
-            .find("input[name*=-value_]")
-            .filter(function () {
-              return !!this.value;
-            })
-            .map(function () {
-              return [[this.getAttribute("lang"), this.value]];
-            })
-            .get()
-        );
-        var var_name = i18nToString(var_names);
-        var price = $el.find("input[name*=-default_price]").val();
-        if (price) {
-            var currency = $el.find("[name*=-default_price] + .input-group-addon").text();
-            price = formatPrice(price, currency);
-        }
+	function update_variation_summary ($el) {
+		let var_names = Object.fromEntries(
+			$el
+				.find('input[name*=-value_]')
+				.filter(function () {
+					return !!this.value
+				})
+				.map(function () {
+					return [[this.getAttribute('lang'), this.value]]
+				})
+				.get()
+		)
+		let var_name = i18nToString(var_names)
+		let price = $el.find('input[name*=-default_price]').val()
+		if (price) {
+			let currency = $el.find('[name*=-default_price] + .input-group-addon').text()
+			price = formatPrice(price, currency)
+		}
 
-        $el.find(".variation-name").text(var_name);
-        $el.find(".variation-price").text(price);
-        $el.find(".variation-timeframe").toggleClass("variation-icon-hidden", !(
-            !!$el.find("input[name$=-available_from_0]").val() ||
-            !!$el.find("input[name$=-available_until_0]").val()
-        ));
-        $el.find(".variation-name").toggleClass("variation-disabled", !(
-            !!$el.find("input[name$=-active]").prop("checked")
-        ));
-        $el.find(".variation-voucher").toggleClass("variation-icon-hidden", !(
-            !!$el.find("input[name$=-hide_without_voucher]").prop("checked")
-        ));
-        $el.find(".variation-membership").toggleClass("variation-icon-hidden", !(
-            !!$el.find("input[name$=-require_membership]").prop("checked")
-        ));
-        $el.find(".variation-warning").toggleClass("hidden", !(
-            $el.find(".alert-warning").length
-        ));
-        $el.find(".variation-error").toggleClass("hidden", !(
-            $el.find(".alert-danger, .has-error").length
-        ));
-        $el.find("input[name$=-limit_sales_channels]").each(function () {
-            $el.find(".variation-channel-" + $(this).val()).toggleClass("variation-icon-hidden", !(
-                (
-                    $(this).closest("[data-formset-form]").find("input[name$=-all_sales_channels]").prop("checked") ||
-                    $(this).prop("checked")
-                ) && (
-                    $("input[name=all_sales_channels]").prop("checked") ||
-                    $("input[name=limit_sales_channels][value=" + $(this).val() + "]").prop("checked")
-                )
-            ));
-        })
-    }
+		$el.find('.variation-name').text(var_name)
+		$el.find('.variation-price').text(price)
+		$el.find('.variation-timeframe').toggleClass('variation-icon-hidden', !(
+			!!$el.find('input[name$=-available_from_0]').val()
+			|| !!$el.find('input[name$=-available_until_0]').val()
+		))
+		$el.find('.variation-name').toggleClass('variation-disabled', !(
+			$el.find('input[name$=-active]').prop('checked')
+		))
+		$el.find('.variation-voucher').toggleClass('variation-icon-hidden', !(
+			$el.find('input[name$=-hide_without_voucher]').prop('checked')
+		))
+		$el.find('.variation-membership').toggleClass('variation-icon-hidden', !(
+			$el.find('input[name$=-require_membership]').prop('checked')
+		))
+		$el.find('.variation-warning').toggleClass('hidden', !(
+			$el.find('.alert-warning').length
+		))
+		$el.find('.variation-error').toggleClass('hidden', !(
+			$el.find('.alert-danger, .has-error').length
+		))
+		$el.find('input[name$=-limit_sales_channels]').each(function () {
+			$el.find('.variation-channel-' + $(this).val()).toggleClass('variation-icon-hidden', !(
+				(
+					$(this).closest('[data-formset-form]').find('input[name$=-all_sales_channels]').prop('checked')
+					|| $(this).prop('checked')
+				) && (
+					$('input[name=all_sales_channels]').prop('checked')
+					|| $('input[name=limit_sales_channels][value=' + $(this).val() + ']').prop('checked')
+				)
+			))
+		})
+	}
 
-    $("#item_variations [data-formset-form]").each(function () {
-        var $el = $(this);
-        update_variation_summary($el);
-        $(this).on("change dp.change", "input", function () {update_variation_summary($el)});
-    });
-    $("input[name=limit_sales_channels] input[name=all_sales_channels]").on("change", function() {
-        $("#item_variations [data-formset-form]").each(function () {
-            update_variation_summary($(this));
-        });
-    });
-    $("#item_variations").on("formAdded", "details", function (event) {
-        var $el = $(event.target);
-        update_variation_summary($el);
-        $(this).on("change dp.change", "input", function () {update_variation_summary($el)});
-        setup_collapsible_details($("#item_variations"));
-        form_handlers($(event.target));
-    });
-});
+	$('#item_variations [data-formset-form]').each(function () {
+		let $el = $(this)
+		update_variation_summary($el)
+		$(this).on('change dp.change', 'input', function () { update_variation_summary($el) })
+	})
+	$('input[name=limit_sales_channels] input[name=all_sales_channels]').on('change', function () {
+		$('#item_variations [data-formset-form]').each(function () {
+			update_variation_summary($(this))
+		})
+	})
+	$('#item_variations').on('formAdded', 'details', function (event) {
+		let $el = $(event.target)
+		update_variation_summary($el)
+		$(this).on('change dp.change', 'input', function () { update_variation_summary($el) })
+		setup_collapsible_details($('#item_variations'))
+		form_handlers($(event.target))
+	})
+})
diff --git a/src/pretix/static/pretixcontrol/js/ui/webauthn.js b/src/pretix/static/pretixcontrol/js/ui/webauthn.js
index 497c4bb1f..c0406c675 100644
--- a/src/pretix/static/pretixcontrol/js/ui/webauthn.js
+++ b/src/pretix/static/pretixcontrol/js/ui/webauthn.js
@@ -1,32 +1,32 @@
-/*global $,u2f */
+/* global base64js */
 
-function b64enc(buf) {
-    return base64js.fromByteArray(buf)
-                   .replace(/\+/g, "-")
-                   .replace(/\//g, "_")
-                   .replace(/=/g, "");
+function b64enc (buf) {
+	return base64js.fromByteArray(buf)
+		.replace(/\+/g, '-')
+		.replace(/\//g, '_')
+		.replace(/=/g, '')
 }
 
-function b64RawEnc(buf) {
-    return base64js.fromByteArray(buf)
-    .replace(/\+/g, "-")
-    .replace(/\//g, "_");
+function b64RawEnc (buf) {
+	return base64js.fromByteArray(buf)
+		.replace(/\+/g, '-')
+		.replace(/\//g, '_')
 }
 
-function hexEncode(buf) {
-    return Array.from(buf)
-                .map(function(x) {
-                    return ("0" + x.toString(16)).substr(-2);
-				})
-                .join("");
+function hexEncode (buf) {
+	return Array.from(buf)
+		.map(function (x) {
+			return ('0' + x.toString(16)).substr(-2)
+		})
+		.join('')
 }
 
-async function fetch_json(url, options) {
-    const response = await fetch(url, options);
-    const body = await response.json();
-    if (body.fail)
-        throw body.fail;
-    return body;
+async function fetch_json (url, options) {
+	const response = await fetch(url, options)
+	const body = await response.json()
+	if (body.fail)
+		throw body.fail
+	return body
 }
 
 /**
@@ -35,27 +35,26 @@ async function fetch_json(url, options) {
  * @param {Object} credentialCreateOptionsFromServer
  */
 const transformCredentialCreateOptions = function (credentialCreateOptionsFromServer) {
-    let {challenge, user, excludeCredentials} = credentialCreateOptionsFromServer;
-    user.id = user.id.replace(/\_/g, "/").replace(/\-/g, "+");
-    user.id = Uint8Array.from(atob(user.id), c => c.charCodeAt(0));
+	let { challenge, user, excludeCredentials } = credentialCreateOptionsFromServer
+	user.id = user.id.replace(/_/g, '/').replace(/-/g, '+')
+	user.id = Uint8Array.from(atob(user.id), c => c.charCodeAt(0))
 
-    challenge = challenge.replace(/\_/g, "/").replace(/\-/g, "+");
-    challenge = Uint8Array.from(atob(challenge), c => c.charCodeAt(0));
+	challenge = challenge.replace(/_/g, '/').replace(/-/g, '+')
+	challenge = Uint8Array.from(atob(challenge), c => c.charCodeAt(0))
 
-    excludeCredentials = excludeCredentials.map(credentialDescriptor => {
-        let {id} = credentialDescriptor;
-        id = id.replace(/\_/g, "/").replace(/\-/g, "+");
-        id = Uint8Array.from(atob(id), c => c.charCodeAt(0));
-        return Object.assign({}, credentialDescriptor, {id});
-    });
+	excludeCredentials = excludeCredentials.map(credentialDescriptor => {
+		let { id } = credentialDescriptor
+		id = id.replace(/_/g, '/').replace(/-/g, '+')
+		id = Uint8Array.from(atob(id), c => c.charCodeAt(0))
+		return Object.assign({}, credentialDescriptor, { id })
+	})
 
-    const transformedCredentialCreateOptions = Object.assign(
-        {}, credentialCreateOptionsFromServer,
-        {challenge, user, excludeCredentials});
-
-    return transformedCredentialCreateOptions;
-};
+	const transformedCredentialCreateOptions = Object.assign(
+		{}, credentialCreateOptionsFromServer,
+		{ challenge, user, excludeCredentials })
 
+	return transformedCredentialCreateOptions
+}
 
 /**
  * Transforms the binary data in the credential into base64 strings
@@ -63,134 +62,132 @@ const transformCredentialCreateOptions = function (credentialCreateOptionsFromSe
  * @param {PublicKeyCredential} newAssertion
  */
 const transformNewAssertionForServer = (newAssertion) => {
-    const attObj = new Uint8Array(newAssertion.response.attestationObject);
-    const clientDataJSON = new Uint8Array(newAssertion.response.clientDataJSON);
-    const rawId = new Uint8Array(newAssertion.rawId);
-    const transports = newAssertion.response.getTransports();
-    const authenticatorAttachment = newAssertion.authenticatorAttachment;
+	const attObj = new Uint8Array(newAssertion.response.attestationObject)
+	const clientDataJSON = new Uint8Array(newAssertion.response.clientDataJSON)
+	const rawId = new Uint8Array(newAssertion.rawId)
+	const transports = newAssertion.response.getTransports()
+	const authenticatorAttachment = newAssertion.authenticatorAttachment
 
-    const registrationClientExtensions = newAssertion.getClientExtensionResults();
-
-    return {
-        id: newAssertion.id,
-        rawId: b64enc(rawId),
-        response: {
-            attestationObject: b64enc(attObj),
-            clientDataJSON: b64enc(clientDataJSON),
-            transports: transports,
-        },
-        type: newAssertion.type,
-        clientExtensionResults: JSON.stringify(registrationClientExtensions),
-        authenticatorAttachment: authenticatorAttachment,
-    };
-};
+	const registrationClientExtensions = newAssertion.getClientExtensionResults()
 
+	return {
+		id: newAssertion.id,
+		rawId: b64enc(rawId),
+		response: {
+			attestationObject: b64enc(attObj),
+			clientDataJSON: b64enc(clientDataJSON),
+			transports: transports,
+		},
+		type: newAssertion.type,
+		clientExtensionResults: JSON.stringify(registrationClientExtensions),
+		authenticatorAttachment: authenticatorAttachment,
+	}
+}
 
 const transformCredentialRequestOptions = (credentialRequestOptionsFromServer) => {
-    let {challenge, allowCredentials} = credentialRequestOptionsFromServer;
+	let { challenge, allowCredentials } = credentialRequestOptionsFromServer
 
-    challenge = challenge.replace(/\_/g, "/").replace(/\-/g, "+");
-    challenge = Uint8Array.from(atob(challenge), c => c.charCodeAt(0));
+	challenge = challenge.replace(/_/g, '/').replace(/-/g, '+')
+	challenge = Uint8Array.from(atob(challenge), c => c.charCodeAt(0))
 
-    allowCredentials = allowCredentials.map(credentialDescriptor => {
-        let {id} = credentialDescriptor;
-        id = id.replace(/\_/g, "/").replace(/\-/g, "+");
-        id = Uint8Array.from(atob(id), c => c.charCodeAt(0));
-        return Object.assign({}, credentialDescriptor, {id});
-    });
+	allowCredentials = allowCredentials.map(credentialDescriptor => {
+		let { id } = credentialDescriptor
+		id = id.replace(/_/g, '/').replace(/-/g, '+')
+		id = Uint8Array.from(atob(id), c => c.charCodeAt(0))
+		return Object.assign({}, credentialDescriptor, { id })
+	})
 
-    const transformedCredentialRequestOptions = Object.assign(
-        {},
-        credentialRequestOptionsFromServer,
-        {challenge, allowCredentials});
+	const transformedCredentialRequestOptions = Object.assign(
+		{},
+		credentialRequestOptionsFromServer,
+		{ challenge, allowCredentials })
 
-    return transformedCredentialRequestOptions;
-};
+	return transformedCredentialRequestOptions
+}
 
 /**
  * Encodes the binary data in the assertion into strings for posting to the server.
  * @param {PublicKeyCredential} newAssertion
  */
 const transformAssertionForServer = (newAssertion) => {
-    const authData = new Uint8Array(newAssertion.response.authenticatorData);
-    const clientDataJSON = new Uint8Array(newAssertion.response.clientDataJSON);
-    const rawId = new Uint8Array(newAssertion.rawId);
-    const sig = new Uint8Array(newAssertion.response.signature);
-    const userHandle = new Uint8Array(newAssertion.response.userHandle);
-    const assertionClientExtensions = newAssertion.getClientExtensionResults();
-    const authenticatorAttachment = newAssertion.authenticatorAttachment;
+	const authData = new Uint8Array(newAssertion.response.authenticatorData)
+	const clientDataJSON = new Uint8Array(newAssertion.response.clientDataJSON)
+	const rawId = new Uint8Array(newAssertion.rawId)
+	const sig = new Uint8Array(newAssertion.response.signature)
+	const userHandle = new Uint8Array(newAssertion.response.userHandle)
+	const assertionClientExtensions = newAssertion.getClientExtensionResults()
+	const authenticatorAttachment = newAssertion.authenticatorAttachment
 
-    return {
-        id: newAssertion.id,
-        rawId: b64enc(rawId),
-        type: newAssertion.type,
-        response: {
-            authenticatorData: b64RawEnc(authData),
-            clientDataJSON: b64RawEnc(clientDataJSON),
-            signature: b64RawEnc(sig),
-            userHandle: b64RawEnc(userHandle),
-        },
-        authenticatorAttachment: authenticatorAttachment,
-        clientExtensionResults: JSON.stringify(assertionClientExtensions)
-    };
-};
+	return {
+		id: newAssertion.id,
+		rawId: b64enc(rawId),
+		type: newAssertion.type,
+		response: {
+			authenticatorData: b64RawEnc(authData),
+			clientDataJSON: b64RawEnc(clientDataJSON),
+			signature: b64RawEnc(sig),
+			userHandle: b64RawEnc(userHandle),
+		},
+		authenticatorAttachment: authenticatorAttachment,
+		clientExtensionResults: JSON.stringify(assertionClientExtensions)
+	}
+}
 
-const startRegister = async (e) => {
-    const publicKeyCredentialCreateOptions = transformCredentialCreateOptions(JSON.parse($("#webauthn-enroll").text()));
+const startRegister = async () => {
+	const publicKeyCredentialCreateOptions = transformCredentialCreateOptions(JSON.parse($('#webauthn-enroll').text()))
 
-    // request the authenticator(s) to create a new credential keypair.
-    let credential;
-    try {
-        credential = await navigator.credentials.create({
-            publicKey: publicKeyCredentialCreateOptions
-        });
-    } catch (err) {
-        $("#webauthn-error").removeClass("hidden");
-        return console.error("Error creating credential:", err);
-    }
+	// request the authenticator(s) to create a new credential keypair.
+	let credential
+	try {
+		credential = await navigator.credentials.create({
+			publicKey: publicKeyCredentialCreateOptions
+		})
+	} catch (err) {
+		$('#webauthn-error').removeClass('hidden')
+		return console.error('Error creating credential:', err)
+	}
 
-    // we now have a new credential! We now need to encode the byte arrays
-    // in the credential into strings, for posting to our server.
-    const newAssertionForServer = transformNewAssertionForServer(credential);
+	// we now have a new credential! We now need to encode the byte arrays
+	// in the credential into strings, for posting to our server.
+	const newAssertionForServer = transformNewAssertionForServer(credential)
 
-    $("#webauthn-response").val(JSON.stringify(newAssertionForServer));
-    $("#webauthn-form").submit();
-};
+	$('#webauthn-response').val(JSON.stringify(newAssertionForServer))
+	$('#webauthn-form').submit()
+}
 
+const startLogin = async () => {
+	const transformedCredentialRequestOptions = transformCredentialRequestOptions(JSON.parse($('#webauthn-login').text()))
+	console.log(transformedCredentialRequestOptions)
 
-const startLogin = async (e) => {
-    const transformedCredentialRequestOptions = transformCredentialRequestOptions(JSON.parse($("#webauthn-login").text()));
-    console.log(transformedCredentialRequestOptions);
+	// request the authenticator to create an assertion signature using the
+	// credential private key
+	let assertion
+	try {
+		assertion = await navigator.credentials.get({
+			publicKey: transformedCredentialRequestOptions,
+		})
+	} catch (err) {
+		$('#webauthn-error').removeClass('hidden')
+		return console.error('Error when creating credential:', err)
+	}
 
-    // request the authenticator to create an assertion signature using the
-    // credential private key
-    let assertion;
-    try {
-        assertion = await navigator.credentials.get({
-            publicKey: transformedCredentialRequestOptions,
-        });
-    } catch (err) {
-        $("#webauthn-error").removeClass("hidden");
-        return console.error("Error when creating credential:", err);
-    }
+	// we now have an authentication assertion! encode the byte arrays contained
+	// in the assertion data as strings for posting to the server
+	const transformedAssertionForServer = transformAssertionForServer(assertion)
 
-    // we now have an authentication assertion! encode the byte arrays contained
-    // in the assertion data as strings for posting to the server
-    const transformedAssertionForServer = transformAssertionForServer(assertion);
-
-    // post the assertion to the server for verification.
-    $("input, select, textarea").prop("required", false);
-    $("#webauthn-response, #id_password").val(JSON.stringify(transformedAssertionForServer));
-    $("#webauthn-form").submit();
-};
+	// post the assertion to the server for verification.
+	$('input, select, textarea').prop('required', false)
+	$('#webauthn-response, #id_password').val(JSON.stringify(transformedAssertionForServer))
+	$('#webauthn-form').submit()
+}
 
 $(function () {
-    $("#webauthn-progress").hide();
-    if ($("#webauthn-enroll").length) {
-        $("#webauthn-progress").show();
-        startRegister();
-    } else if ($("#webauthn-login").length) {
-        $("#webauthn-progress").show();
-        startLogin();
-    }
-});
+	$('#webauthn-progress').hide()
+	if ($('#webauthn-enroll').length) {
+		$('#webauthn-progress').show()
+		startRegister()
+	} else if ($('#webauthn-login').length) {
+		$('#webauthn-progress').show()
+		startLogin()
+	}
+})
diff --git a/src/pretix/static/pretixpresale/js/csrfcookieretry.js b/src/pretix/static/pretixpresale/js/csrfcookieretry.js
index f1447cd92..f513f56e0 100644
--- a/src/pretix/static/pretixpresale/js/csrfcookieretry.js
+++ b/src/pretix/static/pretixpresale/js/csrfcookieretry.js
@@ -1,15 +1,15 @@
-document.addEventListener("DOMContentLoaded", () => {
-  const COOKIE_NAME = "__Host-pretix_csrftoken";
-  const RELOAD_FLAG = "csrfReloadPerformed";
+document.addEventListener('DOMContentLoaded', () => {
+	const COOKIE_NAME = '__Host-pretix_csrftoken'
+	const RELOAD_FLAG = 'csrfReloadPerformed'
 
-  const hasCookie = document.cookie
-    .split("; ")
-    .some((c) => c.startsWith(COOKIE_NAME + "="));
+	const hasCookie = document.cookie
+		.split('; ')
+		.some((c) => c.startsWith(COOKIE_NAME + '='))
 
-  if (!hasCookie && !sessionStorage.getItem(RELOAD_FLAG)) {
-    sessionStorage.setItem(RELOAD_FLAG, "1");
-    location.reload();
-  } else if (hasCookie && sessionStorage.getItem(RELOAD_FLAG)) {
-      sessionStorage.removeItem(RELOAD_FLAG);
-  }
-});
+	if (!hasCookie && !sessionStorage.getItem(RELOAD_FLAG)) {
+		sessionStorage.setItem(RELOAD_FLAG, '1')
+		location.reload()
+	} else if (hasCookie && sessionStorage.getItem(RELOAD_FLAG)) {
+		sessionStorage.removeItem(RELOAD_FLAG)
+	}
+})
diff --git a/src/pretix/static/pretixpresale/js/postmessage.js b/src/pretix/static/pretixpresale/js/postmessage.js
index 2e2fa5d8d..b344e13ca 100644
--- a/src/pretix/static/pretixpresale/js/postmessage.js
+++ b/src/pretix/static/pretixpresale/js/postmessage.js
@@ -1,10 +1,8 @@
-/*global $ */
-
 $(function () {
-    window.addEventListener("message", (event) => {
-        if (event.data && event.data.__process === "popup_close") {
-            window.close()
-        }
-    });
-    window.opener.postMessage(JSON.parse($("#postmessage").text()), $("#origin").text())
-})
\ No newline at end of file
+	window.addEventListener('message', (event) => {
+		if (event.data && event.data.__process === 'popup_close') {
+			window.close()
+		}
+	})
+	window.opener.postMessage(JSON.parse($('#postmessage').text()), $('#origin').text())
+})
diff --git a/src/pretix/static/pretixpresale/js/ui/cart.js b/src/pretix/static/pretixpresale/js/ui/cart.js
index 045bd8a57..0c22e90a8 100644
--- a/src/pretix/static/pretixpresale/js/ui/cart.js
+++ b/src/pretix/static/pretixpresale/js/ui/cart.js
@@ -1,191 +1,191 @@
-/*global $,gettext,ngettext */
+/* global gettext,ngettext,moment,django */
 var cart = {
-    _deadline: null,
-    _deadline_timeout: null,
-    _deadline_call: 0,
-    _time_offset: 0,
-    _prev_diff_minutes: 0,
+	_deadline: null,
+	_deadline_timeout: null,
+	_deadline_call: 0,
+	_time_offset: 0,
+	_prev_diff_minutes: 0,
 
-    _get_now: function () {
-        return moment().add(cart._time_offset, 'ms');
-    },
+	_get_now: function () {
+		return moment().add(cart._time_offset, 'ms')
+	},
 
-    _calc_offset: function () {
-        if (typeof window.performance === "undefined") {
-            return;
-        }
-        var perf = window.performance.timing;
-        var server_time = Math.round(parseFloat($("body").attr("data-now")) * 1000);
-        // We use requestStart as we don't know how latency is distributed and we rather want to err on the safe side
-        var client_time = perf.requestStart;
-        cart._time_offset = server_time - client_time;
-    },
+	_calc_offset: function () {
+		if (typeof window.performance === 'undefined') {
+			return
+		}
+		let perf = window.performance.timing
+		let server_time = Math.round(parseFloat($('body').attr('data-now')) * 1000)
+		// We use requestStart as we don't know how latency is distributed and we rather want to err on the safe side
+		let client_time = perf.requestStart
+		cart._time_offset = server_time - client_time
+	},
 
-    show_expiry_notification: function () {
-        document.getElementById("dialog-cart-extend").showModal();
-        cart._expiry_notified = true;
-    },
+	show_expiry_notification: function () {
+		document.getElementById('dialog-cart-extend').showModal()
+		cart._expiry_notified = true
+	},
 
-    draw_deadline: function () {
-        function pad(n, width, z) {
-            z = z || '0';
-            n = n + '';
-            return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
-        }
+	draw_deadline: function () {
+		function pad (n, width, z) {
+			z = z || '0'
+			n = n + ''
+			return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n
+		}
 
-        cart._deadline_call++;
-        if ((typeof django === 'undefined' || typeof django.gettext === 'undefined') && cart._deadline_call < 5) {
-            // Language files are not loaded yet, don't run during the first seconds
-            return;
-        }
-        var now = cart._get_now();
-        var diff_total_seconds = cart._deadline.diff(now) / 1000;
-        var diff_minutes = Math.floor(diff_total_seconds / 60);
-        var diff_seconds = Math.floor(diff_total_seconds % 60);
+		cart._deadline_call++
+		if ((typeof django === 'undefined' || typeof django.gettext === 'undefined') && cart._deadline_call < 5) {
+			// Language files are not loaded yet, don't run during the first seconds
+			return
+		}
+		let now = cart._get_now()
+		let diff_total_seconds = cart._deadline.diff(now) / 1000
+		let diff_minutes = Math.floor(diff_total_seconds / 60)
+		let diff_seconds = Math.floor(diff_total_seconds % 60)
 
-        if (diff_minutes < 0) {
-            $("#cart-deadline").text(gettext("The items in your cart are no longer reserved for you. You can still complete your order as long as they’re available."));
-            $("#cart-deadline-short").text(
-                gettext("Cart expired")
-            );
-            if (!cart._deadline_timeout) {
-                // no timeout => first time draw_deadline is invoked, but cart already expired => do not show dialog
-                cart._expiry_notified = true;
-            }
-        } else {
-            if (diff_minutes !== cart._prev_diff_minutes) {
-                if (diff_minutes == 0) {
-                    $("#cart-deadline").text(gettext("Your cart is about to expire."))
-                } else {
-                    $("#cart-deadline").text(
-                        ngettext(
-                            "The items in your cart are reserved for you for one minute.",
-                            "The items in your cart are reserved for you for {num} minutes.",
-                            diff_minutes
-                        ).replace(/\{num\}/g, diff_minutes)
-                    );
-                }
-                cart._prev_diff_minutes = diff_minutes;
-            }
+		if (diff_minutes < 0) {
+			$('#cart-deadline').text(gettext('The items in your cart are no longer reserved for you. You can still complete your order as long as they’re available.'))
+			$('#cart-deadline-short').text(
+				gettext('Cart expired')
+			)
+			if (!cart._deadline_timeout) {
+				// no timeout => first time draw_deadline is invoked, but cart already expired => do not show dialog
+				cart._expiry_notified = true
+			}
+		} else {
+			if (diff_minutes !== cart._prev_diff_minutes) {
+				if (diff_minutes == 0) {
+					$('#cart-deadline').text(gettext('Your cart is about to expire.'))
+				} else {
+					$('#cart-deadline').text(
+						ngettext(
+							'The items in your cart are reserved for you for one minute.',
+							'The items in your cart are reserved for you for {num} minutes.',
+							diff_minutes
+						).replace(/\{num\}/g, diff_minutes)
+					)
+				}
+				cart._prev_diff_minutes = diff_minutes
+			}
 
-            $("#cart-deadline-short").text(
-                pad(diff_minutes.toString(), 2) + ':' + pad(diff_seconds.toString(), 2)
-            );
+			$('#cart-deadline-short').text(
+				pad(diff_minutes.toString(), 2) + ':' + pad(diff_seconds.toString(), 2)
+			)
 
-            cart._deadline_timeout = window.setTimeout(cart.draw_deadline, 500);
-        }
-        var already_expired = diff_total_seconds <= 0;
-        var can_extend_cart = diff_minutes < 3 && (already_expired || cart._deadline < cart._max_extend);
-        $("#cart-extend-button").toggle(can_extend_cart);
-        if (can_extend_cart && diff_total_seconds < 45) {
-            if (!cart._expiry_notified) cart.show_expiry_notification();
-            $("#dialog-cart-extend-title").text(already_expired
-                ? gettext("Your cart has expired.")
-                : gettext("Your cart is about to expire."));
-            $("#dialog-cart-extend-description").text(already_expired
-                ? gettext("The items in your cart are no longer reserved for you. You can still complete your order as long as they're available.")
-                : gettext("Do you want to renew the reservation period?"));
-            $("#dialog-cart-extend .modal-card-confirm button").text(already_expired
-                ? gettext("Continue")
-                : gettext("Renew reservation"));
-        }
-    },
+			cart._deadline_timeout = window.setTimeout(cart.draw_deadline, 500)
+		}
+		let already_expired = diff_total_seconds <= 0
+		let can_extend_cart = diff_minutes < 3 && (already_expired || cart._deadline < cart._max_extend)
+		$('#cart-extend-button').toggle(can_extend_cart)
+		if (can_extend_cart && diff_total_seconds < 45) {
+			if (!cart._expiry_notified) cart.show_expiry_notification()
+			$('#dialog-cart-extend-title').text(already_expired
+				? gettext('Your cart has expired.')
+				: gettext('Your cart is about to expire.'))
+			$('#dialog-cart-extend-description').text(already_expired
+				? gettext('The items in your cart are no longer reserved for you. You can still complete your order as long as they\'re available.')
+				: gettext('Do you want to renew the reservation period?'))
+			$('#dialog-cart-extend .modal-card-confirm button').text(already_expired
+				? gettext('Continue')
+				: gettext('Renew reservation'))
+		}
+	},
 
-    init: function () {
-        "use strict";
-        cart._calc_offset();
-        cart.set_deadline(
-            $("#cart-deadline").attr("data-expires"),
-            $("#cart-deadline").attr("data-max-expiry-extend")
-        );
-    },
+	init: function () {
+		'use strict'
+		cart._calc_offset()
+		cart.set_deadline(
+			$('#cart-deadline').attr('data-expires'),
+			$('#cart-deadline').attr('data-max-expiry-extend')
+		)
+	},
 
-    set_deadline: function (expiry, max_extend, renewed_message) {
-        "use strict";
-        cart._expiry_notified = false;
-        cart._deadline = moment(expiry);
-        if (cart._deadline_timeout) {
-            window.clearTimeout(cart._deadline_timeout);
-        }
-        cart._deadline_timeout = null;
-        cart._max_extend = moment(max_extend);
-        cart.draw_deadline();
-    }
-};
+	set_deadline: function (expiry, max_extend, renewed_message) {
+		'use strict'
+		cart._expiry_notified = false
+		cart._deadline = moment(expiry)
+		if (cart._deadline_timeout) {
+			window.clearTimeout(cart._deadline_timeout)
+		}
+		cart._deadline_timeout = null
+		cart._max_extend = moment(max_extend)
+		cart.draw_deadline()
+	}
+}
 
 $(function () {
-    "use strict";
+	'use strict'
 
-    if ($("#cart-deadline").length) {
-        cart.init();
-        $("#cart-extend-confirmation-button").hide().on("blur", function() {
-            $(this).hide();
-        });
-    }
+	if ($('#cart-deadline').length) {
+		cart.init()
+		$('#cart-extend-confirmation-button').hide().on('blur', function () {
+			$(this).hide()
+		})
+	}
 
-    $("#cart-extend-form").on("pretix:async-task-success", function(e, data) {
-        if (data.success) {
-            cart.set_deadline(data.expiry, data.max_expiry_extend);
-        } else {
-            alert(data.message);
-        }
-    });
-    // renew-button in cart-panel is clicked, show inline dialog
-    $("#cart-extend-button").on("click", function() {
-        $("#cart-extend-form").one("pretix:async-task-success", function(e, data) {
-            if (data.success) {
-                document.getElementById("cart-extend-confirmation-dialog").show();
-            }
-        });
-    });
-    $("#cart-extend-confirmation-dialog").on("keydown", function (e) {
-        if(e.key === "Escape") {
-            this.close();
-        }
-    });
+	$('#cart-extend-form').on('pretix:async-task-success', function (_e, data) {
+		if (data.success) {
+			cart.set_deadline(data.expiry, data.max_expiry_extend)
+		} else {
+			alert(data.message)
+		}
+	})
+	// renew-button in cart-panel is clicked, show inline dialog
+	$('#cart-extend-button').on('click', function () {
+		$('#cart-extend-form').one('pretix:async-task-success', function (_e, data) {
+			if (data.success) {
+				document.getElementById('cart-extend-confirmation-dialog').show()
+			}
+		})
+	})
+	$('#cart-extend-confirmation-dialog').on('keydown', function (e) {
+		if (e.key === 'Escape') {
+			this.close()
+		}
+	})
 
-    // renew-button in modal dialog is clicked, show modal dialog
-    $("#dialog-cart-extend form").submit(function() {
-        $("#cart-extend-form").one("pretix:async-task-success", function(e, data) {
-            if (data.success) {
-                $("#dialog-cart-extended-title").text(data.message);
-                $("#dialog-cart-extended-description").text($("#cart-deadline").text());
-                document.getElementById("dialog-cart-extended").showModal();
-            }
-        }).submit();
-    });
+	// renew-button in modal dialog is clicked, show modal dialog
+	$('#dialog-cart-extend form').submit(function () {
+		$('#cart-extend-form').one('pretix:async-task-success', function (_e, data) {
+			if (data.success) {
+				$('#dialog-cart-extended-title').text(data.message)
+				$('#dialog-cart-extended-description').text($('#cart-deadline').text())
+				document.getElementById('dialog-cart-extended').showModal()
+			}
+		}).submit()
+	})
 
-    $(".toggle-container").each(function() {
-        var summary = $(".toggle-summary", this);
-        var content = $("> :not(.toggle-summary)", this);
-        var toggle  = summary.find(".toggle").on("click", function(e) {
-            this.ariaExpanded = !this.ariaExpanded;
-            if (this.classList.contains("toggle-remove")) summary.attr("hidden", true);
-            content.show().find(":input:visible").first().focus();
-        });
-        if (toggle.attr("aria-expanded")) {
-            content.hide();
-        }
-    });
+	$('.toggle-container').each(function () {
+		let summary = $('.toggle-summary', this)
+		let content = $('> :not(.toggle-summary)', this)
+		let toggle = summary.find('.toggle').on('click', function () {
+			this.ariaExpanded = !this.ariaExpanded
+			if (this.classList.contains('toggle-remove')) summary.attr('hidden', true)
+			content.show().find(':input:visible').first().focus()
+		})
+		if (toggle.attr('aria-expanded')) {
+			content.hide()
+		}
+	})
 
-    $(".cart-icon-details.collapse-lines").each(function () {
-        var $content = $(this).find(".content");
-        var original_html = $content.html();
-        var br_exp = /<br\s*\/?>/i;
-        $content.text(original_html.split(br_exp).join(', '));
-        if ($content.get(0).scrollWidth > $content.get(0).offsetWidth) {
-            var $handler = $("<button>")
-                .text($(this).attr("data-expand-text"))
-                .addClass("btn btn-link collapse-handler")
-                .attr("type", "button")
-                .attr("aria-controls", $content.attr('id'))
-                .attr("aria-expanded", "false");
-            $handler.on("click", function (ev) {
-                $content.html(original_html).removeClass("content");
-                $handler.attr("aria-expanded", "true").attr("aria-hidden", "true");
-                $handler.hide();
-            });
-            $(this).append($handler);
-        }
-    })
-});
+	$('.cart-icon-details.collapse-lines').each(function () {
+		let $content = $(this).find('.content')
+		let original_html = $content.html()
+		let br_exp = /<br\s*\/?>/i
+		$content.text(original_html.split(br_exp).join(', '))
+		if ($content.get(0).scrollWidth > $content.get(0).offsetWidth) {
+			let $handler = $('<button>')
+				.text($(this).attr('data-expand-text'))
+				.addClass('btn btn-link collapse-handler')
+				.attr('type', 'button')
+				.attr('aria-controls', $content.attr('id'))
+				.attr('aria-expanded', 'false')
+			$handler.on('click', function () {
+				$content.html(original_html).removeClass('content')
+				$handler.attr('aria-expanded', 'true').attr('aria-hidden', 'true')
+				$handler.hide()
+			})
+			$(this).append($handler)
+		}
+	})
+})
diff --git a/src/pretix/static/pretixpresale/js/ui/cookieconsent.js b/src/pretix/static/pretixpresale/js/ui/cookieconsent.js
index be0f85ed9..aa1e6720c 100644
--- a/src/pretix/static/pretixpresale/js/ui/cookieconsent.js
+++ b/src/pretix/static/pretixpresale/js/ui/cookieconsent.js
@@ -1,145 +1,143 @@
-/*global $ */
-
 $(function () {
-    window.pretix = window.pretix || {};
+	window.pretix = window.pretix || {}
 
-    var storage_key = $("#cookie-consent-storage-key").text();
-    var widget_consent = $("#cookie-consent-from-widget").text();
-    var consent_checkboxes = $("#cookie-consent-details input[type=checkbox][name]");
-    var consent_modal = document.getElementById("cookie-consent-modal");
+	let storage_key = $('#cookie-consent-storage-key').text()
+	let widget_consent = $('#cookie-consent-from-widget').text()
+	let consent_checkboxes = $('#cookie-consent-details input[type=checkbox][name]')
+	let consent_modal = document.getElementById('cookie-consent-modal')
 
-    function update_consent(consent, sessionOnly) {
-        if (storage_key && window.sessionStorage && sessionOnly) {
-            if (!window.localStorage[storage_key] || window.localStorage[storage_key] !== JSON.stringify(consent)) {
-                // No need to write to sessionStorage if the value is identical to the one in localStorage
-                window.sessionStorage[storage_key] = JSON.stringify(consent);
-            }
-        } else if (storage_key && window.localStorage) {
-            window.localStorage[storage_key] = JSON.stringify(consent);
-            // When saving permanent storage, clear session storage
-            window.sessionStorage.removeItem(storage_key);
-        }
-        window.pretix.cookie_consent = consent;
+	function update_consent (consent, sessionOnly) {
+		if (storage_key && window.sessionStorage && sessionOnly) {
+			if (!window.localStorage[storage_key] || window.localStorage[storage_key] !== JSON.stringify(consent)) {
+				// No need to write to sessionStorage if the value is identical to the one in localStorage
+				window.sessionStorage[storage_key] = JSON.stringify(consent)
+			}
+		} else if (storage_key && window.localStorage) {
+			window.localStorage[storage_key] = JSON.stringify(consent)
+			// When saving permanent storage, clear session storage
+			window.sessionStorage.removeItem(storage_key)
+		}
+		window.pretix.cookie_consent = consent
 
-        // Event() is not supported by IE11, see ployfill here:
-        // https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#polyfill
-        var e = document.createEvent('CustomEvent');
-        e.initCustomEvent('pretix:cookie-consent:change', true, true, consent);
-        document.dispatchEvent(e)
-    }
+		// Event() is not supported by IE11, see ployfill here:
+		// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#polyfill
+		let e = document.createEvent('CustomEvent')
+		e.initCustomEvent('pretix:cookie-consent:change', true, true, consent)
+		document.dispatchEvent(e)
+	}
 
-    if (!storage_key) {
-        // We are not on a page where the consent should run, fire the change event with empty consent but don't
-        // actually store anything.
-        update_consent(null, false);
-        return;
-    }
+	if (!storage_key) {
+		// We are not on a page where the consent should run, fire the change event with empty consent but don't
+		// actually store anything.
+		update_consent(null, false)
+		return
+	}
 
-    if (!window.localStorage) {
-        // Consent not supported. Even IE8 supports it, so we're on a weird embedded device.
-        // Let's just say we don't consent then.
-        update_consent({}, false)
-        return;
-    }
+	if (!window.localStorage) {
+		// Consent not supported. Even IE8 supports it, so we're on a weird embedded device.
+		// Let's just say we don't consent then.
+		update_consent({}, false)
+		return
+	}
 
-    var storage_val, consent_source, save_for_session_only;
-    if (window.sessionStorage[storage_key]) {
-        // A manual input was given inside a widget. This is the user's last explicit choice and takes precedence –
-        // as long as they are in the widget.
-        storage_val = JSON.parse(window.sessionStorage[storage_key]);
-        consent_source = 'sessionStorage';
-        save_for_session_only = true;
-    } else if (widget_consent) {
-        // An input was given through the widget. This takes precedence over localStorage as we need to assume the
-        // widget embedder is doing a correct job. If the user never visited the page without the widget, we also
-        // use it to prefill local storage to save the user from seeing more cookie banners. (This will stop working
-        // when browsers partition local storage of iframes, anyway.) If the user does have visited the page without
-        // the widget before and has a consent setting in localStorage, we respect the widget consent *only* within
-        // the widget -- hence, we save it into sessionStorage. We need to save it into sessionStorage because the
-        // widget_data value itself will not "survive" the entire lifetime of the tab, i.e. it is no longer present
-        // after the order was confirmed.
-        widget_consent = JSON.parse(widget_consent);
-        storage_val = {};
-        consent_checkboxes.each(function () {
-            this.checked = storage_val[this.name] = widget_consent.indexOf(this.name) > -1;
-        });
-        consent_source = 'widget';
-        save_for_session_only = !!window.localStorage[storage_key];
-    } else if (window.localStorage[storage_key]) {
-        // The user made a specific selection, let's use that.
-        storage_val = JSON.parse(window.localStorage[storage_key]) || {};
-        consent_source = 'localStorage';
-        save_for_session_only = false;
-    } else {
-        // No consent given, dialog will be shown.
-        storage_val = {};
-        consent_source = 'new';
-        save_for_session_only = false;
-    }
+	let storage_val, consent_source, save_for_session_only
+	if (window.sessionStorage[storage_key]) {
+		// A manual input was given inside a widget. This is the user's last explicit choice and takes precedence –
+		// as long as they are in the widget.
+		storage_val = JSON.parse(window.sessionStorage[storage_key])
+		consent_source = 'sessionStorage'
+		save_for_session_only = true
+	} else if (widget_consent) {
+		// An input was given through the widget. This takes precedence over localStorage as we need to assume the
+		// widget embedder is doing a correct job. If the user never visited the page without the widget, we also
+		// use it to prefill local storage to save the user from seeing more cookie banners. (This will stop working
+		// when browsers partition local storage of iframes, anyway.) If the user does have visited the page without
+		// the widget before and has a consent setting in localStorage, we respect the widget consent *only* within
+		// the widget -- hence, we save it into sessionStorage. We need to save it into sessionStorage because the
+		// widget_data value itself will not "survive" the entire lifetime of the tab, i.e. it is no longer present
+		// after the order was confirmed.
+		widget_consent = JSON.parse(widget_consent)
+		storage_val = {}
+		consent_checkboxes.each(function () {
+			this.checked = storage_val[this.name] = widget_consent.indexOf(this.name) > -1
+		})
+		consent_source = 'widget'
+		save_for_session_only = !!window.localStorage[storage_key]
+	} else if (window.localStorage[storage_key]) {
+		// The user made a specific selection, let's use that.
+		storage_val = JSON.parse(window.localStorage[storage_key]) || {}
+		consent_source = 'localStorage'
+		save_for_session_only = false
+	} else {
+		// No consent given, dialog will be shown.
+		storage_val = {}
+		consent_source = 'new'
+		save_for_session_only = false
+	}
 
-    var show_dialog = false;
-    consent_checkboxes.each(function () {
-        if (typeof storage_val[this.name] === "undefined") {
-            // A new cookie type has been added that we haven't asked for yet
-            if (consent_source === "widget") {
-                // Trust the widget, keep it as "no consent"
-            } else {
-                show_dialog = true;
-            }
-        } else if (storage_val[this.name]) {
-            this.checked = true;
-        }
-    })
+	let show_dialog = false
+	consent_checkboxes.each(function () {
+		if (typeof storage_val[this.name] === 'undefined') {
+			// A new cookie type has been added that we haven't asked for yet
+			if (consent_source === 'widget') {
+				// Trust the widget, keep it as "no consent"
+			} else {
+				show_dialog = true
+			}
+		} else if (storage_val[this.name]) {
+			this.checked = true
+		}
+	})
 
-    update_consent(storage_val, save_for_session_only);
+	update_consent(storage_val, save_for_session_only)
 
-    if (!consent_modal) {
-        // Cookie consent is active, but no provider defined
-        return;
-    }
+	if (!consent_modal) {
+		// Cookie consent is active, but no provider defined
+		return
+	}
 
-    function _set_button_text () {
-        var btn = $("#cookie-consent-button-no");
-        btn.text(
-            consent_checkboxes.filter(":checked").length ?
-            btn.attr("data-detail-text") : 
-            btn.attr("data-summary-text")
-        );
-    }
+	function _set_button_text () {
+		let btn = $('#cookie-consent-button-no')
+		btn.text(
+			consent_checkboxes.filter(':checked').length
+				? btn.attr('data-detail-text')
+				: btn.attr('data-summary-text')
+		)
+	}
 
-    if (consent_checkboxes.filter(":checked").length) {
-        $("#cookie-consent-details").prop("open", true).find("> *:not(summary)").show();
-    }
+	if (consent_checkboxes.filter(':checked').length) {
+		$('#cookie-consent-details').prop('open', true).find('> *:not(summary)').show()
+	}
 
-    _set_button_text();
-    if (show_dialog) {
-        consent_modal.showModal();
-        consent_modal.addEventListener("cancel", function() {
-            // Dialog was initially shown, interpret Escape as „do not consent to new providers“
-            var consent = {};
-            consent_checkboxes.each(function () {
-                consent[this.name] = storage_val[this.name] || false;
-            });
-            update_consent(consent, false);
-        }, {once : true});
-    }
+	_set_button_text()
+	if (show_dialog) {
+		consent_modal.showModal()
+		consent_modal.addEventListener('cancel', function () {
+			// Dialog was initially shown, interpret Escape as „do not consent to new providers“
+			let consent = {}
+			consent_checkboxes.each(function () {
+				consent[this.name] = storage_val[this.name] || false
+			})
+			update_consent(consent, false)
+		}, { once: true })
+	}
 
-    consent_modal.addEventListener("close", function () {
-        if (!consent_modal.returnValue) {// ESC, do not save
-            return;
-        }
-        var consent = {};
-        var consent_all = consent_modal.returnValue == "yes";
-        consent_checkboxes.each(function () {
-            consent[this.name] = this.checked = consent_all || this.checked;
-        });
-        if (consent_all) _set_button_text();
-        update_consent(consent, false);
-    });
-    consent_checkboxes.on("change", _set_button_text);
-    $("#cookie-consent-reopen").on("click", function (e) {
-        consent_modal.showModal()
-        e.preventDefault()
-        return true
-    })
-});
+	consent_modal.addEventListener('close', function () {
+		if (!consent_modal.returnValue) { // ESC, do not save
+			return
+		}
+		let consent = {}
+		let consent_all = consent_modal.returnValue == 'yes'
+		consent_checkboxes.each(function () {
+			consent[this.name] = this.checked = consent_all || this.checked
+		})
+		if (consent_all) _set_button_text()
+		update_consent(consent, false)
+	})
+	consent_checkboxes.on('change', _set_button_text)
+	$('#cookie-consent-reopen').on('click', function (e) {
+		consent_modal.showModal()
+		e.preventDefault()
+		return true
+	})
+})
diff --git a/src/pretix/static/pretixpresale/js/ui/iframe.js b/src/pretix/static/pretixpresale/js/ui/iframe.js
index fc4706b57..2e103131c 100644
--- a/src/pretix/static/pretixpresale/js/ui/iframe.js
+++ b/src/pretix/static/pretixpresale/js/ui/iframe.js
@@ -1,18 +1,18 @@
-var inIframe = function () {
-    try {
-        return window.self !== window.top;
-    } catch (e) {
-        return true;
-    }
-};
+let inIframe = function () {
+	try {
+		return window.self !== window.top
+	} catch (_e) {
+		return true
+	}
+}
 if (inIframe()) {
-    document.documentElement.classList.add('in-iframe');
-    try {
-        window.parent.postMessage({
-            type: "pretix:widget:title",
-            title: document.title,
-        }, "*");
-    } catch (e) {
-        console.error("Could not post message to parent.", e);
-    }
+	document.documentElement.classList.add('in-iframe')
+	try {
+		window.parent.postMessage({
+			type: 'pretix:widget:title',
+			title: document.title,
+		}, '*')
+	} catch (e) {
+		console.error('Could not post message to parent.', e)
+	}
 }
diff --git a/src/pretix/static/pretixpresale/js/ui/main.js b/src/pretix/static/pretixpresale/js/ui/main.js
index 413fb6ebc..a8bf5d9a8 100644
--- a/src/pretix/static/pretixpresale/js/ui/main.js
+++ b/src/pretix/static/pretixpresale/js/ui/main.js
@@ -1,787 +1,778 @@
-/*global $, gettext, ngettext, interpolate */
+/* global gettext, interpolate, moment */
 
-var form_handlers = function (el) {
-    el.find('input, select, textarea').on('invalid', function (e) {
-        if (!$(this).is(':visible')) {
-            var panel = $(this).closest('.panel');
-            if (!panel.attr('open')) panel.addClass('details-open').attr('open', true).children(':not(summary)').slideDown();
-            if (!$(document.activeElement).is(':invalid')) this.focus();
-        }
-    });
+let form_handlers = function (el) {
+	el.find('input, select, textarea').on('invalid', function (e) {
+		if (!$(this).is(':visible')) {
+			let panel = $(this).closest('.panel')
+			if (!panel.attr('open')) panel.addClass('details-open').attr('open', true).children(':not(summary)').slideDown()
+			if (!$(document.activeElement).is(':invalid')) this.focus()
+		}
+	})
 
-    el.find(".datetimepicker").each(function () {
-        $(this).datetimepicker({
-            format: $(this).attr("data-format") ? $(this).attr("data-format") : $("body").attr("data-datetimeformat"),
-            locale: $("body").attr("data-datetimelocale"),
-            useCurrent: false,
-            showClear: !$(this).prop("required"),
-            icons: {
-                time: 'fa fa-clock-o',
-                date: 'fa fa-calendar',
-                up: 'fa fa-chevron-up',
-                down: 'fa fa-chevron-down',
-                previous: $("html").hasClass("rtl") ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
-                next: $("html").hasClass("rtl") ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
-                today: 'fa fa-screenshot',
-                clear: 'fa fa-trash',
-                close: 'fa fa-remove'
-            }
-        });
-        if (!$(this).val()) {
-            $(this).data("DateTimePicker").viewDate(moment().hour(0).minute(0).second(0));
-        }
-    });
+	el.find('.datetimepicker').each(function () {
+		$(this).datetimepicker({
+			format: $(this).attr('data-format') ? $(this).attr('data-format') : $('body').attr('data-datetimeformat'),
+			locale: $('body').attr('data-datetimelocale'),
+			useCurrent: false,
+			showClear: !$(this).prop('required'),
+			icons: {
+				time: 'fa fa-clock-o',
+				date: 'fa fa-calendar',
+				up: 'fa fa-chevron-up',
+				down: 'fa fa-chevron-down',
+				previous: $('html').hasClass('rtl') ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
+				next: $('html').hasClass('rtl') ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
+				today: 'fa fa-screenshot',
+				clear: 'fa fa-trash',
+				close: 'fa fa-remove'
+			}
+		})
+		if (!$(this).val()) {
+			$(this).data('DateTimePicker').viewDate(moment().hour(0).minute(0).second(0))
+		}
+	})
 
-    el.find(".datepickerfield").each(function () {
-        var opts = {
-            format: $(this).attr("data-format") ? $(this).attr("data-format") : $("body").attr("data-dateformat"),
-            locale: $("body").attr("data-datetimelocale"),
-            useCurrent: false,
-            showClear: !$(this).prop("required"),
-            keepInvalid: true,
-            icons: {
-                time: 'fa fa-clock-o',
-                date: 'fa fa-calendar',
-                up: 'fa fa-chevron-up',
-                down: 'fa fa-chevron-down',
-                previous: $("html").hasClass("rtl") ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
-                next: $("html").hasClass("rtl") ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
-                today: 'fa fa-screenshot',
-                clear: 'fa fa-trash',
-                close: 'fa fa-remove'
-            },
-        };
-        if ($(this).is('[data-min]')) {
-            opts["minDate"] = $(this).attr("data-min");
-            opts["viewDate"] = $(this).attr("data-min");
-        }
-        if ($(this).is('[data-max]')) {
-            opts["maxDate"] = $(this).attr("data-max");
-            opts["viewDate"] = (opts.minDate &&   // if minDate and maxDate are set, use the one closer to now as viewDate
-                    Math.abs(+new Date(opts.minDate) - new Date()) < Math.abs(+new Date(opts.maxDate) - new Date())
-            ) ? opts.minDate : opts.maxDate;
-        }
-        $(this).datetimepicker(opts).on("dp.hide", function() {
-            // when min/max is used in datetimepicker, closing and re-opening the picker opens at the wrong date
-            // therefore keep the current viewDate and re-set it after datetimepicker is done hiding
-            var $dtp = $(this).data("DateTimePicker");
-            var currentViewDate = $dtp.viewDate();
-            window.setTimeout(function () {
-                $dtp.viewDate(currentViewDate);
-            }, 50);
-        });
-        if ($(this).parent().is('.splitdatetimerow')) {
-            $(this).on("dp.change", function (ev) {
-                var $timepicker = $(this).closest(".splitdatetimerow").find(".timepickerfield");
-                var date = $(this).data('DateTimePicker').date();
-                if (date === null) {
-                    return;
-                }
-                if ($timepicker.val() === "") {
-                    if (/_(until|end|to)(_|$)/.test($(this).attr("name"))) {
-                        date.set({'hour': 23, 'minute': 59, 'second': 59});
-                    } else {
-                        date.set({'hour': 0, 'minute': 0, 'second': 0});
-                    }
-                    $timepicker.data('DateTimePicker').date(date);
-                }
-            });
-        }
-    });
+	el.find('.datepickerfield').each(function () {
+		let opts = {
+			format: $(this).attr('data-format') ? $(this).attr('data-format') : $('body').attr('data-dateformat'),
+			locale: $('body').attr('data-datetimelocale'),
+			useCurrent: false,
+			showClear: !$(this).prop('required'),
+			keepInvalid: true,
+			icons: {
+				time: 'fa fa-clock-o',
+				date: 'fa fa-calendar',
+				up: 'fa fa-chevron-up',
+				down: 'fa fa-chevron-down',
+				previous: $('html').hasClass('rtl') ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
+				next: $('html').hasClass('rtl') ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
+				today: 'fa fa-screenshot',
+				clear: 'fa fa-trash',
+				close: 'fa fa-remove'
+			},
+		}
+		if ($(this).is('[data-min]')) {
+			opts['minDate'] = $(this).attr('data-min')
+			opts['viewDate'] = $(this).attr('data-min')
+		}
+		if ($(this).is('[data-max]')) {
+			opts['maxDate'] = $(this).attr('data-max')
+			opts['viewDate'] = (opts.minDate // if minDate and maxDate are set, use the one closer to now as viewDate
+				&& Math.abs(+new Date(opts.minDate) - new Date()) < Math.abs(+new Date(opts.maxDate) - new Date())
+			) ? opts.minDate : opts.maxDate
+		}
+		$(this).datetimepicker(opts).on('dp.hide', function () {
+			// when min/max is used in datetimepicker, closing and re-opening the picker opens at the wrong date
+			// therefore keep the current viewDate and re-set it after datetimepicker is done hiding
+			let $dtp = $(this).data('DateTimePicker')
+			let currentViewDate = $dtp.viewDate()
+			window.setTimeout(function () {
+				$dtp.viewDate(currentViewDate)
+			}, 50)
+		})
+		if ($(this).parent().is('.splitdatetimerow')) {
+			$(this).on('dp.change', function (ev) {
+				let $timepicker = $(this).closest('.splitdatetimerow').find('.timepickerfield')
+				let date = $(this).data('DateTimePicker').date()
+				if (date === null) {
+					return
+				}
+				if ($timepicker.val() === '') {
+					if (/_(until|end|to)(_|$)/.test($(this).attr('name'))) {
+						date.set({ hour: 23, minute: 59, second: 59 })
+					} else {
+						date.set({ hour: 0, minute: 0, second: 0 })
+					}
+					$timepicker.data('DateTimePicker').date(date)
+				}
+			})
+		}
+	})
 
-    el.find(".timepickerfield").each(function () {
-        var opts = {
-            format: $(this).attr("data-format") ? $(this).attr("data-format") : $("body").attr("data-timeformat"),
-            locale: $("body").attr("data-datetimelocale"),
-            useCurrent: false,
-            showClear: !$(this).prop("required"),
-            icons: {
-                time: 'fa fa-clock-o',
-                date: 'fa fa-calendar',
-                up: 'fa fa-chevron-up',
-                down: 'fa fa-chevron-down',
-                previous: $("html").hasClass("rtl") ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
-                next: $("html").hasClass("rtl") ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
-                today: 'fa fa-screenshot',
-                clear: 'fa fa-trash',
-                close: 'fa fa-remove'
-            }
-        };
-        $(this).datetimepicker(opts);
-    });
+	el.find('.timepickerfield').each(function () {
+		let opts = {
+			format: $(this).attr('data-format') ? $(this).attr('data-format') : $('body').attr('data-timeformat'),
+			locale: $('body').attr('data-datetimelocale'),
+			useCurrent: false,
+			showClear: !$(this).prop('required'),
+			icons: {
+				time: 'fa fa-clock-o',
+				date: 'fa fa-calendar',
+				up: 'fa fa-chevron-up',
+				down: 'fa fa-chevron-down',
+				previous: $('html').hasClass('rtl') ? 'fa fa-chevron-right' : 'fa fa-chevron-left',
+				next: $('html').hasClass('rtl') ? 'fa fa-chevron-left' : 'fa fa-chevron-right',
+				today: 'fa fa-screenshot',
+				clear: 'fa fa-trash',
+				close: 'fa fa-remove'
+			}
+		}
+		$(this).datetimepicker(opts)
+	})
 
-    el.find(".input-item-count-dec, .input-item-count-inc").on("click", function (e) {
-        e.preventDefault();
-        var step = parseFloat(this.getAttribute("data-step"));
-        var controls = document.getElementById(this.getAttribute("data-controls"));
-        var currentValue = parseFloat(controls.value);
-        controls.value = Math.max(controls.min, Math.min(controls.max || Number.MAX_SAFE_INTEGER, (currentValue || 0) + step));
-        controls.dispatchEvent(new Event("change", { bubbles: true }));
-    });
-    el.find(".btn-checkbox input").on("change", function (e) {
-        $(this).closest(".btn-checkbox")
-            .toggleClass("btn-checkbox-checked", this.checked)
-            .find(".fa").toggleClass("fa-shopping-cart", !this.checked).toggleClass("fa-cart-arrow-down", this.checked);
-    });
-    el.find(".btn-checkbox:has([checked])")
-        .addClass("btn-checkbox-checked")
-        .find(".fa-shopping-cart")
-        .removeClass("fa-shopping-cart")
-        .addClass("fa-cart-arrow-down");
+	el.find('.input-item-count-dec, .input-item-count-inc').on('click', function (e) {
+		e.preventDefault()
+		let step = parseFloat(this.getAttribute('data-step'))
+		let controls = document.getElementById(this.getAttribute('data-controls'))
+		let currentValue = parseFloat(controls.value)
+		controls.value = Math.max(controls.min, Math.min(controls.max || Number.MAX_SAFE_INTEGER, (currentValue || 0) + step))
+		controls.dispatchEvent(new Event('change', { bubbles: true }))
+	})
+	el.find('.btn-checkbox input').on('change', function (e) {
+		$(this).closest('.btn-checkbox')
+			.toggleClass('btn-checkbox-checked', this.checked)
+			.find('.fa').toggleClass('fa-shopping-cart', !this.checked).toggleClass('fa-cart-arrow-down', this.checked)
+	})
+	el.find('.btn-checkbox:has([checked])')
+		.addClass('btn-checkbox-checked')
+		.find('.fa-shopping-cart')
+		.removeClass('fa-shopping-cart')
+		.addClass('fa-cart-arrow-down')
 
-    el.find("script[data-replace-with-qr]").each(function () {
-        var $div = $("<div>");
-        var qrText = this.getAttribute("type") === "application/json" && this.textContent.startsWith('"') ?
-            JSON.parse(this.textContent) : $(this).html();
-        $div.insertBefore($(this));
-        $div.qrcode(
-            {
-                text: qrText,
-                correctLevel: 0,  // M
-                width: $(this).attr("data-size") ? parseInt($(this).attr("data-size")) : 256,
-                height: $(this).attr("data-size") ? parseInt($(this).attr("data-size")) : 256,
-            }
-        ).find("canvas").attr("role", "img").attr("aria-label", this.getAttribute("data-desc"));
-    });
+	el.find('script[data-replace-with-qr]').each(function () {
+		let $div = $('<div>')
+		let qrText = this.getAttribute('type') === 'application/json' && this.textContent.startsWith('"')
+			? JSON.parse(this.textContent)
+			: $(this).html()
+		$div.insertBefore($(this))
+		$div.qrcode(
+			{
+				text: qrText,
+				correctLevel: 0, // M
+				width: $(this).attr('data-size') ? parseInt($(this).attr('data-size')) : 256,
+				height: $(this).attr('data-size') ? parseInt($(this).attr('data-size')) : 256,
+			}
+		).find('canvas').attr('role', 'img').attr('aria-label', this.getAttribute('data-desc'))
+	})
 
+	el.find('fieldset[data-addon-max-count]').each(function () {
+		// usually addons are only allowed once one per item
+		let multipleAllowed = this.hasAttribute('data-addon-multi-allowed')
+		let $inputs = $('.availability-box input', this)
+		let max = parseInt(this.getAttribute('data-addon-max-count'))
+		let desc = $('.addon-count-desc', this).text().trim()
+		this.addEventListener('change', function (e) {
+			let variations = e.target.closest('.variations')
+			if (variations && !multipleAllowed && e.target.checked) {
+				// uncheck all other checkboxes inside this variations
+				$('.availability-box input:checked', variations).not(e.target).prop('checked', false).trigger('change')
+			}
 
-    el.find("fieldset[data-addon-max-count]").each(function() {
-        // usually addons are only allowed once one per item
-        var multipleAllowed = this.hasAttribute("data-addon-multi-allowed");
-        var $inputs = $(".availability-box input", this);
-        var max = parseInt(this.getAttribute("data-addon-max-count"));
-        var desc = $(".addon-count-desc", this).text().trim();
-        this.addEventListener("change", function (e) {
-            var variations = e.target.closest(".variations");
-            if (variations && !multipleAllowed && e.target.checked) {
-                // uncheck all other checkboxes inside this variations
-                $(".availability-box input:checked", variations).not(e.target).prop("checked", false).trigger("change");
-            }
+			if (max === 1) {
+				if (e.target.checked) {
+					$inputs.filter(':checked').not(e.target).prop('checked', false).trigger('change')
+				}
+				return
+			}
+			let total = $inputs.toArray().reduce(function (a, e) {
+				return a + (e.type == 'checkbox' ? (e.checked ? parseInt(e.value) : 0) : parseInt(e.value) || 0)
+			}, 0)
+			if (total > max) {
+				if (e.target.type == 'checkbox') {
+					e.target.checked = false
+				} else {
+					e.target.value = e.target.value - (total - max)
+				}
+				$(e.target).trigger('change').closest('.availability-box').tooltip({
+					title: desc,
+				}).tooltip('show')
+				e.preventDefault()
+			} else {
+				$('.availability-box', this).tooltip('destroy')
+			}
+		})
+	})
 
-            if (max === 1) {
-                if (e.target.checked) {
-                    $inputs.filter(":checked").not(e.target).prop("checked", false).trigger("change");
-                }
-                return;
-            }
-            var total = $inputs.toArray().reduce(function(a, e) {
-                return a + (e.type == "checkbox" ? (e.checked ? parseInt(e.value) : 0) : parseInt(e.value) || 0);
-            }, 0);
-            if (total > max) {
-                if (e.target.type == "checkbox") {
-                    e.target.checked = false;
-                } else {
-                    e.target.value = e.target.value - (total - max);
-                }
-                $(e.target).trigger("change").closest(".availability-box").tooltip({
-                    "title": desc,
-                }).tooltip('show');
-                e.preventDefault();
-            } else {
-                $(".availability-box", this).tooltip('destroy')
-            }
-        });
-    });
+	el.find('input[name*=question], select[name*=question]').change(questions_toggle_dependent)
+	questions_toggle_dependent()
+	questions_init_photos(el)
 
-    el.find("input[name*=question], select[name*=question]").change(questions_toggle_dependent);
-    questions_toggle_dependent();
-    questions_init_photos(el);
+	let cancel_fee_slider_update = function () {
+		if (typeof django === 'undefined') {
+			window.setTimeout(cancel_fee_slider_update, 100)
+			return
+		}
+		$('#cancel-fee-keep').text(interpolate(
+			gettext('The organizer keeps %(currency)s %(amount)s'),
+			{
+				currency: $('body').attr('data-currency'),
+				amount: floatformat(cancel_fee_slider.getValue(), 2)
+			},
+			true
+		))
+		$('#cancel-fee-refund').text(interpolate(
+			gettext('You get %(currency)s %(amount)s back'),
+			{
+				currency: $('body').attr('data-currency'),
+				amount: floatformat((cancel_fee_slider.getAttribute('max') - cancel_fee_slider.getValue()), 2)
+			},
+			true
+		))
+	}
+	var cancel_fee_slider = el.find('#cancel-fee-slider').slider({
+	}).on('slide', function () {
+		cancel_fee_slider_update()
+	}).data('slider')
+	if (cancel_fee_slider) {
+		cancel_fee_slider_update()
+		el.find('#cancel-fee-custom').click(function () {
+			try {
+				let newinp = parseFloat(prompt(gettext('Please enter the amount the organizer can keep.'), cancel_fee_slider.getValue().toString()).replace(',', '.'))
+				cancel_fee_slider.setValue(newinp)
+				cancel_fee_slider_update()
+			} catch (e) {
+			}
+		})
+	}
 
-    var cancel_fee_slider_update = function () {
-        if (typeof django === "undefined") {
-            window.setTimeout(cancel_fee_slider_update, 100);
-            return;
-        }
-        $("#cancel-fee-keep").text(interpolate(
-            gettext("The organizer keeps %(currency)s %(amount)s"),
-            {
-                'currency': $("body").attr("data-currency"),
-                'amount': floatformat(cancel_fee_slider.getValue(), 2)
-            },
-            true
-        ));
-        $("#cancel-fee-refund").text(interpolate(
-            gettext("You get %(currency)s %(amount)s back"),
-            {
-                'currency': $("body").attr("data-currency"),
-                'amount': floatformat((cancel_fee_slider.getAttribute("max") - cancel_fee_slider.getValue()), 2)
-            },
-            true
-        ));
-    }
-    var cancel_fee_slider = el.find('#cancel-fee-slider').slider({
-    }).on('slide', function () {
-        cancel_fee_slider_update();
-    }).data('slider');
-    if (cancel_fee_slider) {
-        cancel_fee_slider_update();
-        el.find("#cancel-fee-custom").click(function () {
-            try {
-                var newinp = parseFloat(prompt(gettext("Please enter the amount the organizer can keep."), cancel_fee_slider.getValue().toString()).replace(',', '.'));
-                cancel_fee_slider.setValue(newinp);
-                cancel_fee_slider_update();
-            } catch (e) {
-            }
-        });
-    }
-
-    el.find('.use_giftcard').on("click", function () {
-        var value = $(this).data('value');
-        $('#id_payment_giftcard-code').val(value)
-    })
-
-};
-
-function setup_basics(el) {
-    el.find("form").attr("novalidate", true).on("submit", function (e) {
-        if (!this.checkValidity()) {
-            var input = this.querySelector(":invalid:not(fieldset)");
-            (input.labels[0] || input).scrollIntoView();
-            // only use reportValidity, which usually sets focus on element
-            // input.focus() opens dropdowns, which is not what we want
-            input.reportValidity();
-            e.preventDefault();
-        }
-    });
-    el.find("input[data-toggle=radiocollapse]").change(function () {
-        $($(this).attr("data-parent")).find(".collapse.in").collapse('hide');
-        $($(this).attr("data-target")).collapse('show');
-    });
-    el.find("input[data-toggle=radiocollapse]:checked").each(function () {
-        if (!$($(this).attr("data-parent")).find(".collapse.in").length) {
-            $($(this).attr("data-target")).collapse('show');
-        }
-    });
-    $("fieldset.accordion-panel > legend input[type=radio]").change(function() {
-        $(this).closest("fieldset").siblings("fieldset").prop('disabled', true).children('.panel-body').slideUp();
-        $(this).closest("fieldset").prop('disabled', false).children('.panel-body').slideDown();
-    }).filter(':not(:checked)').each(function() { $(this).closest("fieldset").prop('disabled', true).children('.panel-body').hide(); });
-
-    el.find(".js-only").removeClass("js-only");
-    el.find(".js-hidden").hide();
-
-    el.find("div.collapsed").removeClass("collapsed").addClass("collapse");
-    el.find(".has-error, .alert-danger").each(function () {
-        $(this).closest("div.panel-collapse").collapse("show");
-    });
-    el.find(".has-error").first().each(function(){
-        if ($(this).is(':input')) this.focus();
-        else $(":input", this).get(0).focus();
-    });
-    el.find(".alert-danger").first().each(function() {
-        var container = this;
-        var content = $("<ul></ul>").click(function(e) {
-            var input = $(e.target.hash).get(0);
-            if (input) input.focus();
-            input.scrollIntoView({block: "center"});
-            e.preventDefault();
-        });
-        $(".has-error").each(function() {
-            var target = target = $(":input", this);
-            var desc = target && target.attr("aria-describedby") ? document.getElementById(target.attr("aria-describedby").split(' ', 1)[0]) : null;
-            if (!target || !desc || desc == container) return;
-
-            // multi-input fields have a role=group with aria-labelledby
-            var label = this.hasAttribute("aria-labelledby") ? $("#" + this.getAttribute("aria-labelledby")) : $("[for="+target.attr("id")+"]");
-
-            var $li = $("<li>");
-            $li.text(": " + desc.textContent)
-            $li.prepend($("<a>").attr("href", "#" + target.attr("id")).text(label.get(0).childNodes[0].nodeValue))
-            content.append($li);
-        });
-        $(this).append(content);
-    });
-
-    el.find("[data-click-to-load]").on("click", function(e) {
-        var target = document.getElementById(this.getAttribute("data-click-to-load"));
-        target.src = this.href;
-        target.focus();
-        e.preventDefault();
-    });
-
-    // AddOns
-    el.find('.addon-variation-description').hide();
-    el.find('.toggle-variation-description').click(function () {
-        $(this).parent().find('.addon-variation-description').slideToggle();
-    });
-    el.find('input[type=radio][description]').change(function () {
-        if ($(this).prop("checked")) {
-            $(this).parent().parent().find('.addon-variation-description').stop().slideDown();
-        }
-    });
-
-    // tabs - see https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-automatic/ for reference
-    el.find('.tabcontainer').each(function() {
-        var currentTab;
-        function setCurrentTab(tab) {
-            if (tab == currentTab) return;
-            if (currentTab) {
-                currentTab.setAttribute('aria-selected', 'false');
-                currentTab.tabIndex = -1;
-                currentTab.classList.remove('active');
-                document.getElementById(currentTab.getAttribute('aria-controls')).setAttribute('hidden', 'hidden');
-            }
-            tab.setAttribute('aria-selected', 'true');
-            tab.removeAttribute('tabindex');
-            tab.classList.add('active');
-            document.getElementById(tab.getAttribute('aria-controls')).removeAttribute('hidden');
-            currentTab = tab;
-        }
-        var tabs = $('button[role=tab]').on('keydown', function(event) {
-            if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].indexOf(event.key) == -1) {
-                return;
-            }
-            event.stopPropagation();
-            event.preventDefault();
-
-            if (event.key == 'ArrowLeft') {
-                setCurrentTab(currentTab.previousElementSibling || lastTab);
-            } else if (event.key == 'ArrowRight') {
-                setCurrentTab(currentTab.nextElementSibling || firstTab);
-            } else if (event.key == 'Home') {
-                setCurrentTab(firstTab);
-            } else if (event.key == 'End') {
-                setCurrentTab(lastTab);
-            }
-            currentTab.focus();
-        }).on('click', function (event) {
-            setCurrentTab(this);
-        });
-
-        var firstTab = tabs.first().get(0);
-        var lastTab = tabs.last().get(0);
-        setCurrentTab(tabs.filter('[aria-selected=true]').get(0));
-    });
+	el.find('.use_giftcard').on('click', function () {
+		let value = $(this).data('value')
+		$('#id_payment_giftcard-code').val(value)
+	})
 }
 
-function setup_week_calendar() {
-    // Week calendar
-    // On mobile, auto-collapse all days except today, if we have more than 15 events in total
-    if ($(window).width() < 992 && $(".week-calendar .event").length > 15) {
-        $(".week-calendar .weekday:not(.today)").each(function () {
-            $(this).prop("open", false);
-        });
-    }
+function setup_basics (el) {
+	el.find('form').attr('novalidate', true).on('submit', function (e) {
+		if (!this.checkValidity()) {
+			let input = this.querySelector(':invalid:not(fieldset)');
+			(input.labels[0] || input).scrollIntoView()
+			// only use reportValidity, which usually sets focus on element
+			// input.focus() opens dropdowns, which is not what we want
+			input.reportValidity()
+			e.preventDefault()
+		}
+	})
+	el.find('input[data-toggle=radiocollapse]').change(function () {
+		$($(this).attr('data-parent')).find('.collapse.in').collapse('hide')
+		$($(this).attr('data-target')).collapse('show')
+	})
+	el.find('input[data-toggle=radiocollapse]:checked').each(function () {
+		if (!$($(this).attr('data-parent')).find('.collapse.in').length) {
+			$($(this).attr('data-target')).collapse('show')
+		}
+	})
+	$('fieldset.accordion-panel > legend input[type=radio]').change(function () {
+		$(this).closest('fieldset').siblings('fieldset').prop('disabled', true).children('.panel-body').slideUp()
+		$(this).closest('fieldset').prop('disabled', false).children('.panel-body').slideDown()
+	}).filter(':not(:checked)').each(function () { $(this).closest('fieldset').prop('disabled', true).children('.panel-body').hide() })
+
+	el.find('.js-only').removeClass('js-only')
+	el.find('.js-hidden').hide()
+
+	el.find('div.collapsed').removeClass('collapsed').addClass('collapse')
+	el.find('.has-error, .alert-danger').each(function () {
+		$(this).closest('div.panel-collapse').collapse('show')
+	})
+	el.find('.has-error').first().each(function () {
+		if ($(this).is(':input')) this.focus()
+		else $(':input', this).get(0).focus()
+	})
+	el.find('.alert-danger').first().each(function () {
+		let container = this
+		let content = $('<ul></ul>').click(function (e) {
+			let input = $(e.target.hash).get(0)
+			if (input) input.focus()
+			input.scrollIntoView({ block: 'center' })
+			e.preventDefault()
+		})
+		$('.has-error').each(function () {
+			var target = target = $(':input', this)
+			let desc = target && target.attr('aria-describedby') ? document.getElementById(target.attr('aria-describedby').split(' ', 1)[0]) : null
+			if (!target || !desc || desc == container) return
+
+			// multi-input fields have a role=group with aria-labelledby
+			let label = this.hasAttribute('aria-labelledby') ? $('#' + this.getAttribute('aria-labelledby')) : $('[for=' + target.attr('id') + ']')
+
+			let $li = $('<li>')
+			$li.text(': ' + desc.textContent)
+			$li.prepend($('<a>').attr('href', '#' + target.attr('id')).text(label.get(0).childNodes[0].nodeValue))
+			content.append($li)
+		})
+		$(this).append(content)
+	})
+
+	el.find('[data-click-to-load]').on('click', function (e) {
+		let target = document.getElementById(this.getAttribute('data-click-to-load'))
+		target.src = this.href
+		target.focus()
+		e.preventDefault()
+	})
+
+	// AddOns
+	el.find('.addon-variation-description').hide()
+	el.find('.toggle-variation-description').click(function () {
+		$(this).parent().find('.addon-variation-description').slideToggle()
+	})
+	el.find('input[type=radio][description]').change(function () {
+		if ($(this).prop('checked')) {
+			$(this).parent().parent().find('.addon-variation-description').stop().slideDown()
+		}
+	})
+
+	// tabs - see https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-automatic/ for reference
+	el.find('.tabcontainer').each(function () {
+		let currentTab
+		function setCurrentTab (tab) {
+			if (tab == currentTab) return
+			if (currentTab) {
+				currentTab.setAttribute('aria-selected', 'false')
+				currentTab.tabIndex = -1
+				currentTab.classList.remove('active')
+				document.getElementById(currentTab.getAttribute('aria-controls')).setAttribute('hidden', 'hidden')
+			}
+			tab.setAttribute('aria-selected', 'true')
+			tab.removeAttribute('tabindex')
+			tab.classList.add('active')
+			document.getElementById(tab.getAttribute('aria-controls')).removeAttribute('hidden')
+			currentTab = tab
+		}
+		let tabs = $('button[role=tab]').on('keydown', function (event) {
+			if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].indexOf(event.key) == -1) {
+				return
+			}
+			event.stopPropagation()
+			event.preventDefault()
+
+			if (event.key == 'ArrowLeft') {
+				setCurrentTab(currentTab.previousElementSibling || lastTab)
+			} else if (event.key == 'ArrowRight') {
+				setCurrentTab(currentTab.nextElementSibling || firstTab)
+			} else if (event.key == 'Home') {
+				setCurrentTab(firstTab)
+			} else if (event.key == 'End') {
+				setCurrentTab(lastTab)
+			}
+			currentTab.focus()
+		}).on('click', function (event) {
+			setCurrentTab(this)
+		})
+
+		var firstTab = tabs.first().get(0)
+		var lastTab = tabs.last().get(0)
+		setCurrentTab(tabs.filter('[aria-selected=true]').get(0))
+	})
 }
 
-function get_label_text_for_id(id) {
-    return $("label[for=" + id +"]").first().contents().filter(function () {
-        return this.nodeType != Node.ELEMENT_NODE || !this.classList.contains("sr-only");
-    }).text().trim();
+function setup_week_calendar () {
+	// Week calendar
+	// On mobile, auto-collapse all days except today, if we have more than 15 events in total
+	if ($(window).width() < 992 && $('.week-calendar .event').length > 15) {
+		$('.week-calendar .weekday:not(.today)').each(function () {
+			$(this).prop('open', false)
+		})
+	}
+}
+
+function get_label_text_for_id (id) {
+	return $('label[for=' + id + ']').first().contents().filter(function () {
+		return this.nodeType != Node.ELEMENT_NODE || !this.classList.contains('sr-only')
+	}).text().trim()
 }
 
 $(function () {
-    "use strict";
+	'use strict'
 
-    $("body").removeClass("nojs");
-    moment.locale($("body").attr("data-datetimelocale"));
+	$('body').removeClass('nojs')
+	moment.locale($('body').attr('data-datetimelocale'))
 
-    var scrollpos = sessionStorage ? sessionStorage.getItem('scrollpos') : 0;
-    if (scrollpos) {
-        window.scrollTo(0, scrollpos);
-        sessionStorage.removeItem('scrollpos');
-    }
+	let scrollpos = sessionStorage ? sessionStorage.getItem('scrollpos') : 0
+	if (scrollpos) {
+		window.scrollTo(0, scrollpos)
+		sessionStorage.removeItem('scrollpos')
+	}
 
-    $(".accordion-radio").click(function() {
-        var $input = $("input", this);
-        if (!$input.prop("checked")) $input.prop('checked', true).trigger("change");
-    });
+	$('.accordion-radio').click(function () {
+		let $input = $('input', this)
+		if (!$input.prop('checked')) $input.prop('checked', true).trigger('change')
+	})
 
-    setup_basics($("body"));
-    $(".overlay-remove").on("click", function() {
-        $(this).closest(".contains-overlay").find(".overlay").fadeOut();
-    });
+	setup_basics($('body'))
+	$('.overlay-remove').on('click', function () {
+		$(this).closest('.contains-overlay').find('.overlay').fadeOut()
+	})
 
-    $("#voucher-box").hide();
-    $("#voucher-toggle").show();
-    $("#voucher-toggle a").click(function () {
-        $("#voucher-box").slideDown();
-        $("#voucher-toggle").slideUp();
-    });
+	$('#voucher-box').hide()
+	$('#voucher-toggle').show()
+	$('#voucher-toggle a').click(function () {
+		$('#voucher-box').slideDown()
+		$('#voucher-toggle').slideUp()
+	})
 
-    // Handlers for "Copy answers from above" buttons
-    $(".js-copy-answers").click(function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var idx = $(this).data('id');
-        var addonDivs = $('div[data-idx="' + idx +'"]');
-        addonDivs.each(function (index) {
-            var elements = $(this).find('input, select, textarea');
+	// Handlers for "Copy answers from above" buttons
+	$('.js-copy-answers').click(function (e) {
+		e.preventDefault()
+		e.stopPropagation()
+		let idx = $(this).data('id')
+		let addonDivs = $('div[data-idx="' + idx + '"]')
+		addonDivs.each(function (index) {
+			let elements = $(this).find('input, select, textarea')
 
-            var addonIdx = $(this).attr("data-addonidx");
-            var answersDiv = $('div[data-idx="' + (idx - 1) + '"][data-addonidx="' + addonIdx + '"]');
-            var answers = answersDiv.find('input, select, textarea');
+			let addonIdx = $(this).attr('data-addonidx')
+			let answersDiv = $('div[data-idx="' + (idx - 1) + '"][data-addonidx="' + addonIdx + '"]')
+			let answers = answersDiv.find('input, select, textarea')
 
-            copy_answers(elements, answers);
-        })
-        return false;
-    });
-    $(".js-copy-answers-addon").click(function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var id = $(this).data('id');
-        var addonId = $(this).data('addonid');
-        var addonDiv = $('div[data-idx="' + id +'"][data-addonidx="' + addonId + '"]');
-        var elements = addonDiv.find('input, select, textarea');
-        var answers = $('[data-idx="' + id + '"][data-addonidx="' + (addonId - 1) + '"] input, [data-idx="' + id + '"][data-addonidx="' + (addonId - 1) + '"] select, [data-idx="' + id + '"][data-addonidx="' + (addonId - 1) + '"] textarea').reverse();
-        copy_answers(elements, answers);
-        return false;
-    });
+			copy_answers(elements, answers)
+		})
+		return false
+	})
+	$('.js-copy-answers-addon').click(function (e) {
+		e.preventDefault()
+		e.stopPropagation()
+		let id = $(this).data('id')
+		let addonId = $(this).data('addonid')
+		let addonDiv = $('div[data-idx="' + id + '"][data-addonidx="' + addonId + '"]')
+		let elements = addonDiv.find('input, select, textarea')
+		let answers = $('[data-idx="' + id + '"][data-addonidx="' + (addonId - 1) + '"] input, [data-idx="' + id + '"][data-addonidx="' + (addonId - 1) + '"] select, [data-idx="' + id + '"][data-addonidx="' + (addonId - 1) + '"] textarea').reverse()
+		copy_answers(elements, answers)
+		return false
+	})
 
-    // Automatically copy answers from invoice to first attendee
-    var attendee_address_fields = $("input[id*=attendee_name_parts_], input[id*=attendee_email], " +
-        ".questions-form input[id$=company], .questions-form input[id$=street], " +
-        ".questions-form input[id$=zipcode], .questions-form input[id$=city]");
-    function copy_to_first_ticket () {
-        var source = this;
-        var source_label = get_label_text_for_id(source.id);
+	// Automatically copy answers from invoice to first attendee
+	let attendee_address_fields = $('input[id*=attendee_name_parts_], input[id*=attendee_email], '
+		+ '.questions-form input[id$=company], .questions-form input[id$=street], '
+		+ '.questions-form input[id$=zipcode], .questions-form input[id$=city]')
+	function copy_to_first_ticket () {
+		let source = this
+		let source_label = get_label_text_for_id(source.id)
 
-        var $first_ticket_form = $(".questions-form").first().find("[data-addonidx=0]");
-        var $candidates = $first_ticket_form.find(source.tagName + ":not([type='checkbox'], [type='radio'], [type='hidden'])");
-        var $match = $candidates.filter(function() {
-            return (
-                this.id.endsWith(source.id.substring(3))
-                || (this.placeholder && this.placeholder === source.placeholder)
-                || (this.placeholder && this.placeholder === source_label)
-                || (source_label && this.id && get_label_text_for_id(this.id) === source_label)
-            );
-        }).first();
-        $match.val(this.value).trigger("change");
-    }
-    function valueIsEmpty(el) { return !el.value; }
-    if (attendee_address_fields.toArray().every(valueIsEmpty)) {
-        var invoice_address_fields = $("select[id^=id_name_parts], input[id^=id_name_parts_], #id_email, #id_street, " +
-            "#id_company, #id_zipcode, #id_city, #id_country, #id_state");
-        invoice_address_fields.on("change", copy_to_first_ticket).trigger("change");
-        attendee_address_fields.one("input", function () {
-            invoice_address_fields.off("change", copy_to_first_ticket);
-        });
-    }
+		let $first_ticket_form = $('.questions-form').first().find('[data-addonidx=0]')
+		let $candidates = $first_ticket_form.find(source.tagName + ':not([type=\'checkbox\'], [type=\'radio\'], [type=\'hidden\'])')
+		let $match = $candidates.filter(function () {
+			return (
+				this.id.endsWith(source.id.substring(3))
+				|| (this.placeholder && this.placeholder === source.placeholder)
+				|| (this.placeholder && this.placeholder === source_label)
+				|| (source_label && this.id && get_label_text_for_id(this.id) === source_label)
+			)
+		}).first()
+		$match.val(this.value).trigger('change')
+	}
+	function valueIsEmpty (el) { return !el.value }
+	if (attendee_address_fields.toArray().every(valueIsEmpty)) {
+		let invoice_address_fields = $('select[id^=id_name_parts], input[id^=id_name_parts_], #id_email, #id_street, '
+			+ '#id_company, #id_zipcode, #id_city, #id_country, #id_state')
+		invoice_address_fields.on('change', copy_to_first_ticket).trigger('change')
+		attendee_address_fields.one('input', function () {
+			invoice_address_fields.off('change', copy_to_first_ticket)
+		})
+	}
 
-    questions_init_profiles($("body"));
+	questions_init_profiles($('body'))
 
-    if (sessionStorage) {
-        $("[data-save-scrollpos]").on("click submit", function () {
-            sessionStorage.setItem('scrollpos', window.scrollY);
-        });
-        $("#monthselform").on("submit", function () {
-            sessionStorage.setItem('scrollpos', window.scrollY);
-        });
-    }
-    $("form:has(#btn-add-to-cart)").on("submit", function(e) {
-        if (
-            this.querySelector("pretix-seating-checkout-button button") ||
-            this.querySelector("input[type=checkbox]:checked, input[type=radio]:checked") ||
-            [...this.querySelectorAll(".input-item-count:not([type=hidden])")].some(input => input.value && input.value !== "0") // TODO: seating adds a hidden seating-dummy-item-count, which is not useful and should at some point be removed
-        ) {
-            // okay, let the submit-event bubble to async-task
-            return;
-        }
+	if (sessionStorage) {
+		$('[data-save-scrollpos]').on('click submit', function () {
+			sessionStorage.setItem('scrollpos', window.scrollY)
+		})
+		$('#monthselform').on('submit', function () {
+			sessionStorage.setItem('scrollpos', window.scrollY)
+		})
+	}
+	$('form:has(#btn-add-to-cart)').on('submit', function (e) {
+		if (
+			this.querySelector('pretix-seating-checkout-button button')
+			|| this.querySelector('input[type=checkbox]:checked, input[type=radio]:checked')
+			|| [...this.querySelectorAll('.input-item-count:not([type=hidden])')].some(input => input.value && input.value !== '0') // TODO: seating adds a hidden seating-dummy-item-count, which is not useful and should at some point be removed
+		) {
+			// okay, let the submit-event bubble to async-task
+			return
+		}
 
-        e.preventDefault();
-        e.stopPropagation();
+		e.preventDefault()
+		e.stopPropagation()
 
-        document.querySelector("#dialog-nothing-to-add").showModal();
-    });
+		document.querySelector('#dialog-nothing-to-add').showModal()
+	})
 
-    $(".table-calendar td.has-events").click(function () {
-        var $grid = $(this).closest("[role='grid']");
-        $grid.find("[aria-selected]").attr("aria-selected", false);
-        $(this).attr("aria-selected", true);
-        $("#selected-day")
-            .html($(this).find(".events").clone())
-            .prepend($("<h3>").text($(this).attr("data-date")));
-    }).each(function() {
-        // check all events classes and set the "winning" class for the availability of the day-label on mobile
-        var $dayLabel = $('.day-label', this);
-        if ($('.available.low', this).length == $('.available', this).length) {
-            $dayLabel.addClass('low');
-        }
-        var classes = ['available', 'waitinglist', 'soon', 'reserved', 'soldout', 'continued', 'over'];
-        for (var c of classes) {
-            if ($('.'+c, this).length) {
-                $dayLabel.addClass(c);
-                // CAREFUL: „return“ as „break“ is not supported before ES2015 and breaks e.g. on iOS 15
-                return;
-            }
-        }
-    });
+	$('.table-calendar td.has-events').click(function () {
+		let $grid = $(this).closest('[role=\'grid\']')
+		$grid.find('[aria-selected]').attr('aria-selected', false)
+		$(this).attr('aria-selected', true)
+		$('#selected-day')
+			.html($(this).find('.events').clone())
+			.prepend($('<h3>').text($(this).attr('data-date')))
+	}).each(function () {
+		// check all events classes and set the "winning" class for the availability of the day-label on mobile
+		let $dayLabel = $('.day-label', this)
+		if ($('.available.low', this).length == $('.available', this).length) {
+			$dayLabel.addClass('low')
+		}
+		let classes = ['available', 'waitinglist', 'soon', 'reserved', 'soldout', 'continued', 'over']
+		for (let c of classes) {
+			if ($('.' + c, this).length) {
+				$dayLabel.addClass(c)
+				// CAREFUL: „return“ as „break“ is not supported before ES2015 and breaks e.g. on iOS 15
+				return
+			}
+		}
+	})
 
-    $(".print-this-page").on("click", function (e) {
-        window.print();
-        e.preventDefault();
-        return true;
-    });
+	$('.print-this-page').on('click', function (e) {
+		window.print()
+		e.preventDefault()
+		return true
+	})
 
-    $("input[data-required-if], select[data-required-if], textarea[data-required-if]").each(function () {
-        var dependent = $(this),
-            dependentLabel = $("label[for="+this.id+"]"),
-            dependencies = $($(this).attr("data-required-if")),
-            update = function (ev) {
-                var enabled = true;
-                dependencies.each(function () {
-                    var dependency = $(this);
-                    var e = (dependency.attr("type") === 'checkbox' || dependency.attr("type") === 'radio') ? dependency.prop('checked') : !!dependency.val();
-                    enabled = enabled && e;
-                });
-                if (!dependent.is("[data-no-required-attr]")) {
-                    dependent.prop('required', enabled);
-                }
-                if (enabled) {
-                    dependentLabel.append('<i class="label-required">' + gettext('required') + '</i>');
-                }
-                else {
-                    dependentLabel.find(".label-required").remove();
-                }
-            };
-        update();
-        dependencies.each(function () {
-            var dependency = $(this);
-            dependency.closest('.form-group').find('input[name=' + dependency.attr("name") + ']').on("change", update);
-            dependency.closest('.form-group').find('input[name=' + dependency.attr("name") + ']').on("dp.change", update);
-        });
-    });
+	$('input[data-required-if], select[data-required-if], textarea[data-required-if]').each(function () {
+		let dependent = $(this),
+			dependentLabel = $('label[for=' + this.id + ']'),
+			dependencies = $($(this).attr('data-required-if')),
+			update = function (ev) {
+				let enabled = true
+				dependencies.each(function () {
+					let dependency = $(this)
+					let e = (dependency.attr('type') === 'checkbox' || dependency.attr('type') === 'radio') ? dependency.prop('checked') : !!dependency.val()
+					enabled = enabled && e
+				})
+				if (!dependent.is('[data-no-required-attr]')) {
+					dependent.prop('required', enabled)
+				}
+				if (enabled) {
+					dependentLabel.append('<i class="label-required">' + gettext('required') + '</i>')
+				} else {
+					dependentLabel.find('.label-required').remove()
+				}
+			}
+		update()
+		dependencies.each(function () {
+			let dependency = $(this)
+			dependency.closest('.form-group').find('input[name=' + dependency.attr('name') + ']').on('change', update)
+			dependency.closest('.form-group').find('input[name=' + dependency.attr('name') + ']').on('dp.change', update)
+		})
+	})
 
-    $("input[data-display-dependency], div[data-display-dependency], select[data-display-dependency], textarea[data-display-dependency]").each(function () {
-        var dependent = $(this),
-            dependency = $($(this).attr("data-display-dependency")),
-            update = function (ev) {
-                var enabled = (dependency.attr("type") === 'checkbox' || dependency.attr("type") === 'radio') ? dependency.prop('checked') : !!dependency.val();
-                var $toggling = dependent;
-                if (dependent.get(0).tagName.toLowerCase() !== "div") {
-                    $toggling = dependent.closest('.form-group');
-                }
-                if (ev) {
-                    if (enabled) {
-                        $toggling.stop().slideDown();
-                    } else {
-                        $toggling.stop().slideUp();
-                    }
-                } else {
-                    $toggling.stop().toggle(enabled);
-                }
-            };
-        update();
-        dependency.closest('.form-group, form').find('input[name=' + dependency.attr("name") + '], select[name=' + dependency.attr("name") + ']').on("change", update);
-        dependency.closest('.form-group, form').find('input[name=' + dependency.attr("name") + ']').on("dp.change", update);
-    });
+	$('input[data-display-dependency], div[data-display-dependency], select[data-display-dependency], textarea[data-display-dependency]').each(function () {
+		let dependent = $(this),
+			dependency = $($(this).attr('data-display-dependency')),
+			update = function (ev) {
+				let enabled = (dependency.attr('type') === 'checkbox' || dependency.attr('type') === 'radio') ? dependency.prop('checked') : !!dependency.val()
+				let $toggling = dependent
+				if (dependent.get(0).tagName.toLowerCase() !== 'div') {
+					$toggling = dependent.closest('.form-group')
+				}
+				if (ev) {
+					if (enabled) {
+						$toggling.stop().slideDown()
+					} else {
+						$toggling.stop().slideUp()
+					}
+				} else {
+					$toggling.stop().toggle(enabled)
+				}
+			}
+		update()
+		dependency.closest('.form-group, form').find('input[name=' + dependency.attr('name') + '], select[name=' + dependency.attr('name') + ']').on('change', update)
+		dependency.closest('.form-group, form').find('input[name=' + dependency.attr('name') + ']').on('dp.change', update)
+	})
 
-    form_handlers($("body"));
+	form_handlers($('body'))
 
-    var local_tz = moment.tz.guess()
-    $(".event-is-remote span[data-timezone]").each(function() {
-        var t = moment.tz($(this).attr("datetime") || $(this).attr("data-time"), $(this).attr("data-timezone"))
-        var tz = moment.tz.zone($(this).attr("data-timezone"))
+	let local_tz = moment.tz.guess()
+	$('.event-is-remote span[data-timezone]').each(function () {
+		let t = moment.tz($(this).attr('datetime') || $(this).attr('data-time'), $(this).attr('data-timezone'))
+		let tz = moment.tz.zone($(this).attr('data-timezone'))
 
-        if (t.tz(tz.name).format() !== t.tz(local_tz).format()) {
-            var format = t.tz(tz.name).format("YYYY-MM-DD") != t.tz(local_tz).format("YYYY-MM-DD") ? "datetimeformat" : "timeformat";
-            var time_str = t.tz(local_tz).format($("body").data(format));
-            var $add = $("<small>").addClass("text-muted").append(" (" + gettext("Your local time:") + " ")
-            $add.append($('<time>').attr("datetime", time_str).text(time_str))
-            $add.append(" " + moment.tz.zone(local_tz).abbr(t) + ")");
-            $add.insertAfter($(this));
-        }
-    });
+		if (t.tz(tz.name).format() !== t.tz(local_tz).format()) {
+			let format = t.tz(tz.name).format('YYYY-MM-DD') != t.tz(local_tz).format('YYYY-MM-DD') ? 'datetimeformat' : 'timeformat'
+			let time_str = t.tz(local_tz).format($('body').data(format))
+			let $add = $('<small>').addClass('text-muted').append(' (' + gettext('Your local time:') + ' ')
+			$add.append($('<time>').attr('datetime', time_str).text(time_str))
+			$add.append(' ' + moment.tz.zone(local_tz).abbr(t) + ')')
+			$add.insertAfter($(this))
+		}
+	})
 
-    // For a very weird reason, window width is 0 on an initial load of the widget
-    if ($(window).width() > 0) {
-        setup_week_calendar()
-    } else {
-        $(window).on('resize', setup_week_calendar)
-    }
+	// For a very weird reason, window width is 0 on an initial load of the widget
+	if ($(window).width() > 0) {
+		setup_week_calendar()
+	} else {
+		$(window).on('resize', setup_week_calendar)
+	}
 
-    // Day calendar
-    $(".day-calendar [data-concurrency]").each(function() {
-        var c = parseInt(this.getAttribute("data-concurrency"), 10);
-        if (c > 9) this.style.setProperty('--concurrency', c);
-    });
+	// Day calendar
+	$('.day-calendar [data-concurrency]').each(function () {
+		let c = parseInt(this.getAttribute('data-concurrency'), 10)
+		if (c > 9) this.style.setProperty('--concurrency', c)
+	})
 
-    $(".day-calendar").each(function() {
-        // Fix Chrome not being able to use calc-division in grid
-        var s = window.getComputedStyle($(".day-timeline > li").get(0));
-        if (s.getPropertyValue('grid-column-start') != "auto") return;
+	$('.day-calendar').each(function () {
+		// Fix Chrome not being able to use calc-division in grid
+		let s = window.getComputedStyle($('.day-timeline > li').get(0))
+		if (s.getPropertyValue('grid-column-start') != 'auto') return
 
-        var rasterSize = this.getAttribute("data-raster-size");
-        var duration = this.getAttribute("data-duration").split(":");
-        var cols = duration[0]*60/rasterSize + duration[1]/rasterSize;
+		let rasterSize = this.getAttribute('data-raster-size')
+		let duration = this.getAttribute('data-duration').split(':')
+		let cols = duration[0] * 60 / rasterSize + duration[1] / rasterSize
 
-        $(".day-timeline", this).css("grid-template-columns", "repeat(" + cols + ", minmax(var(--col-min-size, 3em), 1fr))");
+		$('.day-timeline', this).css('grid-template-columns', 'repeat(' + cols + ', minmax(var(--col-min-size, 3em), 1fr))')
 
-        $(".day-timeline > li", this).each(function() {
-            var s = window.getComputedStyle(this);
+		$('.day-timeline > li', this).each(function () {
+			let s = window.getComputedStyle(this)
 
-            var offset = this.getAttribute("data-offset").split(":");
-            var duration = this.getAttribute("data-duration").split(":");
+			let offset = this.getAttribute('data-offset').split(':')
+			let duration = this.getAttribute('data-duration').split(':')
 
-            var columnStart = 1 + offset[0]*60/rasterSize + offset[1]/rasterSize;
-            var columnSpan = duration[0]*60/rasterSize + duration[1]/rasterSize
-            this.style.gridColumn = columnStart + " / span " + columnSpan;
-        });
-    });
+			let columnStart = 1 + offset[0] * 60 / rasterSize + offset[1] / rasterSize
+			let columnSpan = duration[0] * 60 / rasterSize + duration[1] / rasterSize
+			this.style.gridColumn = columnStart + ' / span ' + columnSpan
+		})
+	})
 
-    $(".day-calendar").each(function() {
+	$('.day-calendar').each(function () {
+		let timezone = this.getAttribute('data-timezone')
+		let startTime = moment.tz(this.getAttribute('data-start'), timezone)
 
-        var timezone = this.getAttribute("data-timezone");
-        var startTime = moment.tz(this.getAttribute("data-start"), timezone);
+		let currentTime = moment().tz(timezone)
+		if (!currentTime.isSame(startTime, 'day')) {
+			// Not on same day
+			return
+		}
 
-        var currentTime = moment().tz(timezone);
-        if (!currentTime.isSame(startTime, 'day')) {
-            // Not on same day
-            return;
-        }
+		// scroll to best matching tick
+		let currentTimeCmp = parseInt(currentTime.format('Hmm'), 10)
+		let ticks = this.querySelectorAll('.ticks li')
+		let currentTick
+		let t
+		for (let i = 0, max = ticks.length; i < max; i++) {
+			currentTick = ticks[i]
+			t = parseInt(currentTick.getAttribute('data-start').replace(':', ''), 10)
+			if (t > currentTimeCmp) {
+				currentTick = ticks[Math.max(i - 1, 0)]
+				break
+			}
+		}
+		if (currentTick.offsetLeft > 0.66 * this.offsetWidth) {
+			this.scrollLeft = Math.max(currentTick.offsetLeft - this.offsetWidth / 2, 0)
+		}
 
-        // scroll to best matching tick
-        var currentTimeCmp = parseInt(currentTime.format("Hmm"), 10);
-        var ticks = this.querySelectorAll(".ticks li");
-        var currentTick;
-        var t;
-        for (var i=0, max=ticks.length; i < max; i++) {
-            currentTick = ticks[i]
-            t = parseInt(currentTick.getAttribute("data-start").replace(":", ""), 10);
-            if (t > currentTimeCmp) {
-                currentTick = ticks[Math.max(i-1, 0)]
-                break;
-            }
-        }
-        if (currentTick.offsetLeft > 0.66*this.offsetWidth) {
-            this.scrollLeft = Math.max(currentTick.offsetLeft - this.offsetWidth/2, 0);
-        }
+		let thisCalendar = this
+		let currentTimeInterval
 
+		let timeFormat = document.body.getAttribute('data-timeformat')
+		let timeFormatParts = timeFormat.match(/([a-zA-Z_\s]+)([^a-zA-Z_\s])(.*)/)
+		if (!timeFormatParts) timeFormatParts = [timeFormat]
+		if (timeFormatParts.length > 1) timeFormatParts.shift()
+		let currentTimeBar = $('<div class="current-time-bar" aria-hidden="true"><time></time></div>').appendTo(this)
+		let currentTimeDisplay = currentTimeBar.find('time')
+		let currentTimeDisplayParts = []
+		timeFormatParts.forEach(function (format) {
+			currentTimeDisplayParts.push([format, $('<span></span>').appendTo(currentTimeDisplay)])
+		})
+		let duration = this.getAttribute('data-duration').split(':').reduce(function (previousValue, currentValue, currentIndex) {
+			return previousValue + (currentIndex ? parseInt(currentValue, 10) * 60 : parseInt(currentValue, 10) * 60 * 60)
+		}, 0)
+		function setCurrentTimeBar () {
+			let currentTime = moment().tz(timezone)
+			let currentTimeDelta = Math.floor((currentTime - startTime) / 1000)
+			if (currentTimeDelta < 0 || currentTimeDelta > duration) {
+				// Too early || Too late
+				window.clearInterval(currentTimeInterval)
+				currentTimeBar.remove()
+				return
+			}
 
-        var thisCalendar = this;
-        var currentTimeInterval;
+			let offset = thisCalendar.querySelector('h3').getBoundingClientRect().width
+			let dx = Math.round(offset + (thisCalendar.scrollWidth - offset) * (currentTimeDelta / duration))
+			currentTimeDisplayParts.forEach(function (part) {
+				part[1].text(currentTime.format(part[0]))
+			})
+			if (currentTimeDisplay.get(0).getBoundingClientRect().width + dx >= thisCalendar.scrollWidth) {
+				currentTimeBar.addClass('swap-side')
+			} else {
+				currentTimeBar.removeClass('swap-side')
+			}
+			thisCalendar.style.setProperty('--current-time-offset', dx + 'px')
+		}
+		currentTimeInterval = window.setInterval(setCurrentTimeBar, 15 * 1000)
+		$(window).on('resize', setCurrentTimeBar)
+		setCurrentTimeBar()
+	});
 
-        var timeFormat = document.body.getAttribute("data-timeformat");
-        var timeFormatParts = timeFormat.match(/([a-zA-Z_\s]+)([^a-zA-Z_\s])(.*)/);
-        if (!timeFormatParts) timeFormatParts = [timeFormat];
-        if (timeFormatParts.length > 1) timeFormatParts.shift();
-        var currentTimeBar = $('<div class="current-time-bar" aria-hidden="true"><time></time></div>').appendTo(this);
-        var currentTimeDisplay = currentTimeBar.find("time");
-        var currentTimeDisplayParts = [];
-        timeFormatParts.forEach(function(format) {
-            currentTimeDisplayParts.push([format, $("<span></span>").appendTo(currentTimeDisplay)])
-        });
-        var duration = this.getAttribute("data-duration").split(":").reduce(function(previousValue, currentValue, currentIndex) {
-            return previousValue + (currentIndex ? parseInt(currentValue, 10) * 60 : parseInt(currentValue, 10) * 60 * 60);
-        }, 0);
-        function setCurrentTimeBar() {
-            var currentTime = moment().tz(timezone);
-            var currentTimeDelta = Math.floor((currentTime - startTime)/1000);
-            if (currentTimeDelta < 0 || currentTimeDelta > duration) {
-                // Too early || Too late
-                window.clearInterval(currentTimeInterval);
-                currentTimeBar.remove();
-                return;
-            }
+	// Lightbox
+	(function () {
+		let dialog = document.getElementById('lightbox-dialog')
+		let img = dialog.querySelector('img')
+		let caption = dialog.querySelector('figcaption')
+		$(dialog).on('mousedown', function (e) {
+			if (e.target == this) {
+				// dialog has no padding, so click triggers only on backdrop
+				this.close()
+			}
+		})
+		$('a[data-lightbox]').on('click', function (e) {
+			e.preventDefault()
+			let label = this.querySelector('img').alt
+			img.src = this.href
+			img.alt = label
+			caption.textContent = label
+			dialog.showModal()
+		})
+	})()
 
-            var offset = thisCalendar.querySelector("h3").getBoundingClientRect().width;
-            var dx = Math.round(offset + (thisCalendar.scrollWidth-offset)*(currentTimeDelta/duration));
-            currentTimeDisplayParts.forEach(function(part) {
-                part[1].text(currentTime.format(part[0]));
-            });
-            if (currentTimeDisplay.get(0).getBoundingClientRect().width + dx >= thisCalendar.scrollWidth) {
-                currentTimeBar.addClass("swap-side");
-            }
-            else {
-                currentTimeBar.removeClass("swap-side");
-            }
-            thisCalendar.style.setProperty('--current-time-offset', dx + "px");
-        }
-        currentTimeInterval = window.setInterval(setCurrentTimeBar, 15*1000);
-        $(window).on("resize", setCurrentTimeBar);
-        setCurrentTimeBar();
-    });
+	// free-range price input auto-check checkbox/set count-input to 1 if 0
+	$('[data-checked-onchange]').each(function () {
+		let countInput = this
+		$('#' + this.getAttribute('data-checked-onchange')).on('input', function () {
+			if (countInput.type === 'checkbox') {
+				if (countInput.checked) return
+				countInput.checked = true
+			} else if (countInput.type === 'number' && !countInput.valueAsNumber) {
+				countInput.value = '1'
+			} else {
+				return
+			}
+			// in case of a change, trigger event
+			$(countInput).trigger('change')
+		})
+	})
 
-    // Lightbox
-    (function() {
-        var dialog = document.getElementById("lightbox-dialog");
-        var img = dialog.querySelector("img");
-        var caption = dialog.querySelector("figcaption");
-        $(dialog).on("mousedown", function (e) {
-            if (e.target == this) {
-                // dialog has no padding, so click triggers only on backdrop
-                this.close();
-            }
-        });
-        $("a[data-lightbox]").on("click", function (e) {
-            e.preventDefault();
-            var label = this.querySelector("img").alt;
-            img.src = this.href;
-            img.alt = label;
-            caption.textContent = label;
-            dialog.showModal();
-        });
-    })();
+	$('#customer-account-login-providers a').click(function () {
+		// Prevent double-submit, see also https://github.com/pretix/pretix/issues/5836
+		$(this).addClass('disabled')
+	})
+})
 
+function copy_answers (elements, answers) {
+	elements.not('[disabled], [readonly]').each(function (index) {
+		if (!this.name) return
+		let input = $(this),
+			tagName = input.prop('tagName').toLowerCase(),
+			attributeType = input.attr('type'),
+			suffix = input.attr('name').split('-')[1]
+		if (input.closest('.js-do-not-copy-answers').length) return
 
-
-    // free-range price input auto-check checkbox/set count-input to 1 if 0
-    $("[data-checked-onchange]").each(function() {
-        var countInput = this;
-        $("#" + this.getAttribute("data-checked-onchange")).on("input", function() {
-            if (countInput.type === "checkbox") {
-                if (countInput.checked) return;
-                countInput.checked = true;
-            }
-            else if (countInput.type === "number" && !countInput.valueAsNumber) {
-                countInput.value = "1";
-            }
-            else {
-                return;
-            }
-            // in case of a change, trigger event
-            $(countInput).trigger("change");
-        });
-    });
-
-    $("#customer-account-login-providers a").click(function () {
-        // Prevent double-submit, see also https://github.com/pretix/pretix/issues/5836
-        $(this).addClass("disabled");
-    });
-});
-
-function copy_answers(elements, answers) {
-   elements.not("[disabled], [readonly]").each(function (index) {
-        if (!this.name) return;
-        var input = $(this),
-            tagName = input.prop('tagName').toLowerCase(),
-            attributeType = input.attr('type'),
-            suffix = input.attr('name').split('-')[1];
-        if (input.closest(".js-do-not-copy-answers").length) return;
-
-        switch (tagName) {
-            case "textarea":
-                input.val(answers.filter("[name$=" + suffix + "]").val());
-                break;
-            case "select":
-                // save answer as data-attribute so if external event changes select-element/options it can select correct entries
-                // currently used when country => state changes
-                var answer = answers.filter("[name$=" + suffix + "]").find(":selected").val();
-                input.prop("data-selected-value", answer).val(answer).change();
-                break;
-            case "input":
-                switch (attributeType) {
-                    case "text":
-                    case "number":
-                        input.val(answers.filter("[name$=" + suffix + "]").val());
-                        break;
-                    case "checkbox":
-                    case "radio":
-                        if (input.attr('value')) {
-                            input.prop("checked", answers.filter("[name$=" + suffix + "][value=" + input.attr('value') + "]").prop("checked"));
-                        } else {
-                            input.prop("checked", answers.filter("[name$=" + suffix + "]").prop("checked"));
-                        }
-                        break;
-                    case "file":
-                        break
-                    default:
-                        input.val(answers.filter("[name$=" + suffix + "]").val());
-                }
-                break;
-            default:
-                input.val(answers.filter("[name$=" + suffix + "]").val());
-        }
-    });
-    questions_toggle_dependent(true);
+		switch (tagName) {
+			case 'textarea':
+				input.val(answers.filter('[name$=' + suffix + ']').val())
+				break
+			case 'select':
+				// save answer as data-attribute so if external event changes select-element/options it can select correct entries
+				// currently used when country => state changes
+				var answer = answers.filter('[name$=' + suffix + ']').find(':selected').val()
+				input.prop('data-selected-value', answer).val(answer).change()
+				break
+			case 'input':
+				switch (attributeType) {
+					case 'text':
+					case 'number':
+						input.val(answers.filter('[name$=' + suffix + ']').val())
+						break
+					case 'checkbox':
+					case 'radio':
+						if (input.attr('value')) {
+							input.prop('checked', answers.filter('[name$=' + suffix + '][value=' + input.attr('value') + ']').prop('checked'))
+						} else {
+							input.prop('checked', answers.filter('[name$=' + suffix + ']').prop('checked'))
+						}
+						break
+					case 'file':
+						break
+					default:
+						input.val(answers.filter('[name$=' + suffix + ']').val())
+				}
+				break
+			default:
+				input.val(answers.filter('[name$=' + suffix + ']').val())
+		}
+	})
+	questions_toggle_dependent(true)
 }
diff --git a/src/pretix/static/pretixpresale/js/ui/questions.js b/src/pretix/static/pretixpresale/js/ui/questions.js
index d2317b07a..a0752e25e 100644
--- a/src/pretix/static/pretixpresale/js/ui/questions.js
+++ b/src/pretix/static/pretixpresale/js/ui/questions.js
@@ -1,134 +1,132 @@
-/*global $ */
+function questions_toggle_dependent (ev) {
+	function q_should_be_shown ($el) {
+		if (!$el.attr('data-question-dependency')) {
+			return true
+		}
 
-function questions_toggle_dependent(ev) {
-    function q_should_be_shown($el) {
-        if (!$el.attr('data-question-dependency')) {
-            return true;
-        }
+		let dependency_name = $el.attr('name').split('_')[0] + '_' + $el.attr('data-question-dependency')
+		let dependency_values = JSON.parse($el.attr('data-question-dependency-values'))
+		let $dependency_el
 
-        var dependency_name = $el.attr("name").split("_")[0] + "_" + $el.attr("data-question-dependency");
-        var dependency_values = JSON.parse($el.attr("data-question-dependency-values"));
-        var $dependency_el;
+		if ($('select[name=' + dependency_name + ']').length) {
+			// dependency is type C
+			$dependency_el = $('select[name=' + dependency_name + ']')
+			if (!$dependency_el.closest('.form-group').hasClass('dependency-hidden')) { // do not show things that depend on hidden things
+				return q_should_be_shown($dependency_el) && $.inArray($dependency_el.val(), dependency_values) > -1
+			}
+		} else if ($('input[type=checkbox][name=' + dependency_name + ']').length) {
+			// dependency type is B or M
+			if ($.inArray('True', dependency_values) > -1 || $.inArray('False', dependency_values) > -1) {
+				$dependency_el = $('input[name=' + dependency_name + ']')
+				if (!$dependency_el.closest('.form-group').hasClass('dependency-hidden')) { // do not show things that depend on hidden things
+					return q_should_be_shown($dependency_el) && (
+						($.inArray('True', dependency_values) > -1 && $dependency_el.prop('checked'))
+						|| ($.inArray('False', dependency_values) > -1 && !$dependency_el.prop('checked'))
+					)
+				}
+			} else {
+				let filter = ''
+				for (let i = 0; i < dependency_values.length; i++) {
+					if (filter) filter += ', '
+					filter += 'input[value=' + dependency_values[i] + '][name=' + dependency_name + ']:checked'
+				}
+				$dependency_el = $('input[value=' + dependency_values[0] + '][name=' + dependency_name + ']')
+				if (!$dependency_el.closest('.form-group').hasClass('dependency-hidden')) { // do not show things that depend on hidden things
+					return q_should_be_shown($dependency_el) && $(filter).length
+				}
+			}
+		}
+	}
 
-        if ($("select[name=" + dependency_name + "]").length) {
-            // dependency is type C
-            $dependency_el = $("select[name=" + dependency_name + "]");
-            if (!$dependency_el.closest(".form-group").hasClass("dependency-hidden")) {  // do not show things that depend on hidden things
-                return q_should_be_shown($dependency_el) && $.inArray($dependency_el.val(), dependency_values) > -1;
-            }
-        } else if ($("input[type=checkbox][name=" + dependency_name + "]").length) {
-            // dependency type is B or M
-            if ($.inArray("True", dependency_values) > -1 || $.inArray("False", dependency_values) > -1) {
-                $dependency_el = $("input[name=" + dependency_name + "]");
-                if (!$dependency_el.closest(".form-group").hasClass("dependency-hidden")) {  // do not show things that depend on hidden things
-                    return q_should_be_shown($dependency_el) && (
-                        ($.inArray("True", dependency_values) > -1 && $dependency_el.prop('checked'))
-                        || ($.inArray("False", dependency_values) > -1 && !$dependency_el.prop('checked'))
-                    );
-                }
-            } else {
-                var filter = "";
-                for (var i = 0; i < dependency_values.length; i++) {
-                    if (filter) filter += ", ";
-                    filter += "input[value=" + dependency_values[i] + "][name=" + dependency_name + "]:checked";
-                }
-                $dependency_el = $("input[value=" + dependency_values[0] + "][name=" + dependency_name + "]");
-                if (!$dependency_el.closest(".form-group").hasClass("dependency-hidden")) {  // do not show things that depend on hidden things
-                    return q_should_be_shown($dependency_el) && $(filter).length;
-                }
-            }
-        }
-    }
+	$('[data-question-dependency]').each(function () {
+		let $dependent = $(this).closest('.form-group')
+		let is_shown = !$dependent.hasClass('dependency-hidden')
+		let should_be_shown = q_should_be_shown($(this))
 
-    $("[data-question-dependency]").each(function () {
-        var $dependent = $(this).closest(".form-group");
-        var is_shown = !$dependent.hasClass("dependency-hidden");
-        var should_be_shown = q_should_be_shown($(this));
-
-        if (should_be_shown && !is_shown) {
-            $dependent.stop().removeClass("dependency-hidden");
-            if (!ev) {
-                $dependent.show();
-            } else {
-                $dependent.slideDown();
-            }
-            $dependent.find("input.required-hidden, select.required-hidden, textarea.required-hidden").each(function () {
-                $(this).prop("required", true).removeClass("required-hidden");
-            });
-        } else if (!should_be_shown && is_shown) {
-            if ($dependent.hasClass("has-error") || $dependent.find(".has-error").length) {
-                // Do not hide things with invalid validation
-                return;
-            }
-            $dependent.stop().addClass("dependency-hidden");
-            if (!ev) {
-                $dependent.hide();
-            } else {
-                $dependent.slideUp();
-            }
-            $dependent.find("input[required], select[required], textarea[required]").each(function () {
-                $(this).prop("required", false).addClass("required-hidden");
-            });
-        }
-    });
+		if (should_be_shown && !is_shown) {
+			$dependent.stop().removeClass('dependency-hidden')
+			if (!ev) {
+				$dependent.show()
+			} else {
+				$dependent.slideDown()
+			}
+			$dependent.find('input.required-hidden, select.required-hidden, textarea.required-hidden').each(function () {
+				$(this).prop('required', true).removeClass('required-hidden')
+			})
+		} else if (!should_be_shown && is_shown) {
+			if ($dependent.hasClass('has-error') || $dependent.find('.has-error').length) {
+				// Do not hide things with invalid validation
+				return
+			}
+			$dependent.stop().addClass('dependency-hidden')
+			if (!ev) {
+				$dependent.hide()
+			} else {
+				$dependent.slideUp()
+			}
+			$dependent.find('input[required], select[required], textarea[required]').each(function () {
+				$(this).prop('required', false).addClass('required-hidden')
+			})
+		}
+	})
 }
 
-function questions_init_photos(el) {
-    if (!FileReader) {
-        // No browser support
-        return
-    }
+function questions_init_photos (el) {
+	if (!FileReader) {
+		// No browser support
+		return
+	}
 
-    el.find("input[data-portrait-photo]").each(function () {
-        var $inp = $(this)
-        var $container = $inp.parent().parent()
+	el.find('input[data-portrait-photo]').each(function () {
+		let $inp = $(this)
+		let $container = $inp.parent().parent()
 
-        $inp.prop("required", false)
-        $container.find(".photo-input").addClass("hidden")
-        $container.find(".photo-buttons").removeClass("hidden")
+		$inp.prop('required', false)
+		$container.find('.photo-input').addClass('hidden')
+		$container.find('.photo-buttons').removeClass('hidden')
 
-        $container.find("button[data-action=upload]").click(function () {
-            $inp.click();
-        })
+		$container.find('button[data-action=upload]').click(function () {
+			$inp.click()
+		})
 
-        var cropper = new Cropper($container.find(".photo-preview img").get(0), {
-            aspectRatio: 3 / 4,
-            viewMode: 1,
-            zoomable: false,
-            crop: function (event) {
-                $container.find("input[type=hidden]").val(JSON.stringify(cropper.getData(true)));
-            },
-        });
-        /* This rule is very important, please don't ignore this */
+		var cropper = new Cropper($container.find('.photo-preview img').get(0), {
+			aspectRatio: 3 / 4,
+			viewMode: 1,
+			zoomable: false,
+			crop: function (event) {
+				$container.find('input[type=hidden]').val(JSON.stringify(cropper.getData(true)))
+			},
+		})
+		/* This rule is very important, please don't ignore this */
 
-        $inp.on("change", function () {
-            if (!$inp.get(0).files[0]) return
-            $container.find("button[data-action=upload]").append("<span class='fa fa-spin fa-cog'></span>")
-            var fr = new FileReader()
-            fr.onload = function () {
-                cropper.replace(fr.result)
-                $container.find(".photo-preview").removeClass("hidden")
-                $container.find("button[data-action=upload] .fa-spin").remove()
-            }
-            fr.readAsDataURL($inp.get(0).files[0])
-        })
-    });
+		$inp.on('change', function () {
+			if (!$inp.get(0).files[0]) return
+			$container.find('button[data-action=upload]').append('<span class=\'fa fa-spin fa-cog\'></span>')
+			let fr = new FileReader()
+			fr.onload = function () {
+				cropper.replace(fr.result)
+				$container.find('.photo-preview').removeClass('hidden')
+				$container.find('button[data-action=upload] .fa-spin').remove()
+			}
+			fr.readAsDataURL($inp.get(0).files[0])
+		})
+	})
 }
 
-function questions_init_profiles(el) {
-    /*
+function questions_init_profiles (el) {
+	/*
     Auto-fill answers with profiles and addresses from customer account.
 
     There are two types of profiles:
-    1. profiles for answers and 
+    1. profiles for answers and
     2. profiles for invoice addresses
 
     Both are handled the same way.
 
-    Each form section/fieldset has its own auto-fill and save to profile 
-    inputs. Each fieldset can define its own profiles by providing the 
+    Each form section/fieldset has its own auto-fill and save to profile
+    inputs. Each fieldset can define its own profiles by providing the
     HTML-attribute data-profiles-id, which defaults to "profiles_json".
-    Currently only the invoice address fieldset uses this to load a 
+    Currently only the invoice address fieldset uses this to load a
     different set of profiles.
 
     For each section each profile’s answers are matched to inputs inside
@@ -141,349 +139,343 @@ function questions_init_profiles(el) {
     – in the original profile description, strikethrough which answer
       will be overwritten, followed by the new answer
     – add new answers with a + in front
-    – change <select> to a list of radio-buttons for multiline-display 
+    – change <select> to a list of radio-buttons for multiline-display
       of profiles?
     */
-    var profilesById = {};
-    function getProfilesById(id) {
-        if (!(id in profilesById)) {
-            var element = document.getElementById(id);
-            profilesById[id] = (!element || !element.textContent) ? [] : JSON.parse(element.textContent);
-        }
-        return profilesById[id];
-    }
+	let profilesById = {}
+	function getProfilesById (id) {
+		if (!(id in profilesById)) {
+			let element = document.getElementById(id)
+			profilesById[id] = (!element || !element.textContent) ? [] : JSON.parse(element.textContent)
+		}
+		return profilesById[id]
+	}
 
-    function matchProfilesToInputs(profiles, scope) {
-        var filtered = [];
-        var data;
-        var matched_field;
-        var addSpecialKey;
-        // special fields are used for substition with human readable or pre-formatted values
-        var addSpecialFieldMap = {
-            "country": "_country_for_address",
-            "state": "_state_for_address",
-            "name_parts_0": "_name",
-            "attendee_name_parts_0": "_attendee_name",
-        }
-        for (var p of profiles) {
-            data = {};
-            for (var key of Object.keys(p)) {
-                if (key.startsWith("_") || p[key] === null) {
-                    continue;
-                }
-                matched_field = getMatchingInput(key, p[key], scope);
-                if (matched_field) {
-                    // TODO: only add if no other answer matches same fields?
-                    data[key] = {
-                        "value": (typeof p[key] == "string") ? p[key] : p[key]["value"],
-                        "field": matched_field
-                    };
-                    if (p[key]["label"]) data[key]["label"] = p[key]["label"];
-                    if (p[key]["type"]) data[key]["type"] = p[key]["type"];
-                    if (addSpecialKey = addSpecialFieldMap[key]) {
-                        data[addSpecialKey] = p[addSpecialKey];
-                    }
-                }
-            }
-            if (Object.keys(data).length) filtered.push(data);
-        };
-        return filtered;
-    }
-    // For auto-fill with few inputs it could happen that multiple profiles 
-    // only match with the same fields that have the same values. It makes
-    // no sense to show multiple profiles if all fill the same value(s).
-    // Therefore filter profiles to unique ones.
-    function uniqueProfiles(profiles) {
-        var uniques = [];
-        var matchIndex;
-        for (var p of profiles) {
-            matchIndex = uniques.findIndex(function(element, index, array) {
-                return _profilesAreEqual(element, p);
-            });
-            if (matchIndex === -1) uniques.push(p);
-        }
-        return uniques;
-    }
-    function _profilesAreEqual(a, b) {
-        var keysA = Object.keys(a);
-        var keysB = Object.keys(b);
-        if (keysA.length !== keysB.length) return false;
-        keysA.sort();
-        keysB.sort();
-        if (!keysA.every((val, index) => val === keysB[index])) return false;
-        if (!keysA.every((key, index) => a[key].value === b[key].value)) return false;
-        return true;
-    }
+	function matchProfilesToInputs (profiles, scope) {
+		let filtered = []
+		let data
+		let matched_field
+		let addSpecialKey
+		// special fields are used for substition with human readable or pre-formatted values
+		let addSpecialFieldMap = {
+			country: '_country_for_address',
+			state: '_state_for_address',
+			name_parts_0: '_name',
+			attendee_name_parts_0: '_attendee_name',
+		}
+		for (let p of profiles) {
+			data = {}
+			for (let key of Object.keys(p)) {
+				if (key.startsWith('_') || p[key] === null) {
+					continue
+				}
+				matched_field = getMatchingInput(key, p[key], scope)
+				if (matched_field) {
+					// TODO: only add if no other answer matches same fields?
+					data[key] = {
+						value: (typeof p[key] == 'string') ? p[key] : p[key]['value'],
+						field: matched_field
+					}
+					if (p[key]['label']) data[key]['label'] = p[key]['label']
+					if (p[key]['type']) data[key]['type'] = p[key]['type']
+					if (addSpecialKey = addSpecialFieldMap[key]) {
+						data[addSpecialKey] = p[addSpecialKey]
+					}
+				}
+			}
+			if (Object.keys(data).length) filtered.push(data)
+		};
+		return filtered
+	}
+	// For auto-fill with few inputs it could happen that multiple profiles
+	// only match with the same fields that have the same values. It makes
+	// no sense to show multiple profiles if all fill the same value(s).
+	// Therefore filter profiles to unique ones.
+	function uniqueProfiles (profiles) {
+		let uniques = []
+		let matchIndex
+		for (var p of profiles) {
+			matchIndex = uniques.findIndex(function (element, index, array) {
+				return _profilesAreEqual(element, p)
+			})
+			if (matchIndex === -1) uniques.push(p)
+		}
+		return uniques
+	}
+	function _profilesAreEqual (a, b) {
+		let keysA = Object.keys(a)
+		let keysB = Object.keys(b)
+		if (keysA.length !== keysB.length) return false
+		keysA.sort()
+		keysB.sort()
+		if (!keysA.every((val, index) => val === keysB[index])) return false
+		if (!keysA.every((key, index) => a[key].value === b[key].value)) return false
+		return true
+	}
 
-    function _getInputForLabel(label) {
-        if (!label) return null;
-        var input;
-        if (label.getAttribute("for")) {
-            input = document.getElementById(label.getAttribute("for"));
-            if (input) return input;
-        }
-        // for grouped inputs like phone number the "label" is more a fieldset/legend
-        return label.closest(".form-group").querySelectorAll("select, input, textarea");
-    }
-    function getMatchingInput(key, answer, scope) {
-        var $label;
-        // _0 and _1 are e.g. for phone-fields. name-fields have their parts/keys already split
-        var $fields = $('[name$="' + key + '"], [name$="' + key + '_0"], [name$="' + key + '_1"]', scope).not(":disabled");
-        if ($fields.length) return $fields;
-        if (!answer) return null;
+	function _getInputForLabel (label) {
+		if (!label) return null
+		let input
+		if (label.getAttribute('for')) {
+			input = document.getElementById(label.getAttribute('for'))
+			if (input) return input
+		}
+		// for grouped inputs like phone number the "label" is more a fieldset/legend
+		return label.closest('.form-group').querySelectorAll('select, input, textarea')
+	}
+	function getMatchingInput (key, answer, scope) {
+		let $label
+		// _0 and _1 are e.g. for phone-fields. name-fields have their parts/keys already split
+		let $fields = $('[name$="' + key + '"], [name$="' + key + '_0"], [name$="' + key + '_1"]', scope).not(':disabled')
+		if ($fields.length) return $fields
+		if (!answer) return null
 
-        if (answer.identifier) {
-            $label = $('[data-identifier="' + answer.identifier + '"]', scope);
-            var input = _getInputForLabel($label.get(0));
-            if (input) return $(input);
-        }
-        for (var label of scope.getElementsByTagName("label")) {
-            if (label.textContent === answer.label) {
-                var input = _getInputForLabel(label);
-                if (input) return $(input);
-                break;
-            }
-        }
-        return null;
-    }
+		if (answer.identifier) {
+			$label = $('[data-identifier="' + answer.identifier + '"]', scope)
+			var input = _getInputForLabel($label.get(0))
+			if (input) return $(input)
+		}
+		for (let label of scope.getElementsByTagName('label')) {
+			if (label.textContent === answer.label) {
+				var input = _getInputForLabel(label)
+				if (input) return $(input)
+				break
+			}
+		}
+		return null
+	}
 
-    function formatAnswerHumanReadable(answer) {
-        if (typeof answer == "string") return answer;
-        if (typeof answer == "number") return answer.toString();
-        if (!answer && answer !== false) return "";
-        var value = answer.value;
-        if ("type" in answer) {
-            if (answer.type === "TEL") {
-                // TODO: format phone number with locale or use pre-formatted like with names?
-                return value;
-            }
-            if (answer.type === "W") {
-                return moment(value).format(document.body.getAttribute("data-datetimeformat"));
-            }
-            if (answer.type === "D") {
-                return moment(value).format(document.body.getAttribute("data-dateformat"));
-            }
-            if (answer.type === "H") {
-                var format = document.body.getAttribute("data-timeformat");
-                return moment(value, "HH:mm:ss").format(format);
-            }
-            if (answer.type === "B") {
-                return value ? gettext("Yes") : gettext("No");
-            }
-        }
-        if (typeof value == "string") return value;
-        if (!value) return "";
-        return Object.values(value).join(", ");
-    }
+	function formatAnswerHumanReadable (answer) {
+		if (typeof answer == 'string') return answer
+		if (typeof answer == 'number') return answer.toString()
+		if (!answer && answer !== false) return ''
+		let value = answer.value
+		if ('type' in answer) {
+			if (answer.type === 'TEL') {
+				// TODO: format phone number with locale or use pre-formatted like with names?
+				return value
+			}
+			if (answer.type === 'W') {
+				return moment(value).format(document.body.getAttribute('data-datetimeformat'))
+			}
+			if (answer.type === 'D') {
+				return moment(value).format(document.body.getAttribute('data-dateformat'))
+			}
+			if (answer.type === 'H') {
+				let format = document.body.getAttribute('data-timeformat')
+				return moment(value, 'HH:mm:ss').format(format)
+			}
+			if (answer.type === 'B') {
+				return value ? gettext('Yes') : gettext('No')
+			}
+		}
+		if (typeof value == 'string') return value
+		if (!value) return ''
+		return Object.values(value).join(', ')
+	}
 
-    // TODO: add as few info as possible to make a distinction between available profiles?
-    function labelForProfile(p, profiles, scope = null) {
-        var parts = describeProfile(p);
-        var label = parts.join(", ");
-        if (label.length > 74) {
-            var len = label.lastIndexOf(' ', 74);
-            label = label.substr(0, Math.max(len, 48)) + " …";
-        }
-        return label;
-    }
-    function getAnswer(a) {
-        if (typeof a == "string") return a;
-        return a && "value" in a ? a["value"] : "";
-    }
-    function describeProfile(p) {
-        if (!p) return [];
-        var lines = [
-            getAnswer(p["company"]),
-            p["_name"],
-            [p["_attendee_name"], getAnswer(p["attendee_email"])].filter(v => v).join(", "),
-            [
-                getAnswer(p["street"]),
-                [getAnswer(p["zipcode"]), getAnswer(p["city"]), p["_state_for_address"]].filter(v => v).join(" "),
-                p["_country_for_address"]
-            ].filter(v => v).join(", ")
-        ];
-        lines = lines.filter(line => line && line.trim());
+	// TODO: add as few info as possible to make a distinction between available profiles?
+	function labelForProfile (p, profiles, scope = null) {
+		let parts = describeProfile(p)
+		let label = parts.join(', ')
+		if (label.length > 74) {
+			let len = label.lastIndexOf(' ', 74)
+			label = label.substr(0, Math.max(len, 48)) + ' …'
+		}
+		return label
+	}
+	function getAnswer (a) {
+		if (typeof a == 'string') return a
+		return a && 'value' in a ? a['value'] : ''
+	}
+	function describeProfile (p) {
+		if (!p) return []
+		let lines = [
+			getAnswer(p['company']),
+			p['_name'],
+			[p['_attendee_name'], getAnswer(p['attendee_email'])].filter(v => v).join(', '),
+			[
+				getAnswer(p['street']),
+				[getAnswer(p['zipcode']), getAnswer(p['city']), p['_state_for_address']].filter(v => v).join(' '),
+				p['_country_for_address']
+			].filter(v => v).join(', ')
+		]
+		lines = lines.filter(line => line && line.trim())
 
-        var answer;
-        var label;
-        for (var key of Object.keys(p)) {
-            if (!key.startsWith("question_")) continue;
-            answer = p[key];
-            label = answer["label"] || "";
-            lines.push(label + ("!?.:".split("").indexOf(label.slice(-1)) > -1 ? " " : ": ") + formatAnswerHumanReadable(answer))
-        }
-        return lines;
-    }
-    function escapeHTML(t) {
-        return $("<div>").text(t).get(0).innerHTML;
-    }
-    function describeProfileHTML(p) {
-        return describeProfile(p).map(escapeHTML).join("<br>");
-    }
+		let answer
+		let label
+		for (let key of Object.keys(p)) {
+			if (!key.startsWith('question_')) continue
+			answer = p[key]
+			label = answer['label'] || ''
+			lines.push(label + ('!?.:'.split('').indexOf(label.slice(-1)) > -1 ? ' ' : ': ') + formatAnswerHumanReadable(answer))
+		}
+		return lines
+	}
+	function escapeHTML (t) {
+		return $('<div>').text(t).get(0).innerHTML
+	}
+	function describeProfileHTML (p) {
+		return describeProfile(p).map(escapeHTML).join('<br>')
+	}
 
+	function _updateDescription (select, profile, $help) {
+		// show additional description if different from option-text
+		let label = select.options[select.selectedIndex].textContent
+		let lines = describeProfile(profile).map(escapeHTML)
+		if (!lines.length || label === lines.join(', ')) {
+			$help.slideUp(function () {
+				$help.html('')
+			})
+		} else {
+			$help.html(lines.join('<br>')).slideDown()
+		}
+	}
 
-    function _updateDescription(select, profile, $help) {
-        // show additional description if different from option-text
-        var label = select.options[select.selectedIndex].textContent;
-        var lines = describeProfile(profile).map(escapeHTML);
-        if (!lines.length || label === lines.join(", ")) {
-            $help.slideUp(function() {
-                $help.html("");
-            });
-        }
-        else {
-            $help.html(lines.join("<br>")).slideDown();
-        }
-    }
+	function setupSaveToProfile (scope, profiles) {
+		let $select = $('[name$="saved_id"]', scope)
+		let $selectContainer = $select.closest('.form-group').addClass('profile-save-id')
+		let $checkbox = $('[name$="save"]', scope)
+		let $checkboxContainer = $checkbox.closest('.form-group').addClass('profile-save')
+		let $help = $selectContainer.find('.help-block')
 
-    function setupSaveToProfile(scope, profiles) {
-        var $select = $('[name$="saved_id"]', scope);
-        var $selectContainer = $select.closest(".form-group").addClass("profile-save-id");
-        var $checkbox = $('[name$="save"]', scope);
-        var $checkboxContainer = $checkbox.closest(".form-group").addClass("profile-save");
-        var $help = $selectContainer.find(".help-block");
+		let $container = $('<div class=\'profile-save-container js-do-not-copy-answers\'></div>')
+		$selectContainer.after($container)
+		$container.append($checkboxContainer)
+		$container.append($selectContainer)
 
-        var $container = $("<div class='profile-save-container js-do-not-copy-answers'></div>");
-        $selectContainer.after($container);
-        $container.append($checkboxContainer);
-        $container.append($selectContainer);
-        
-        if (!profiles || !profiles.length) {
-            $selectContainer.hide();
-            return;
-        }
+		if (!profiles || !profiles.length) {
+			$selectContainer.hide()
+			return
+		}
 
-        $checkbox.change(function() {
-            if (this.checked) $selectContainer.slideDown();
-            else $selectContainer.slideUp();
-        });
+		$checkbox.change(function () {
+			if (this.checked) $selectContainer.slideDown()
+			else $selectContainer.slideUp()
+		})
 
-        for (var p of profiles) {
-            $select.append($('<option>').attr('value', p._pk).text(labelForProfile(p, profiles)));
-        }
-        $select.append('<option value="" disabled>–</option>');
-        $select.append($select.find("option").first());
-        $select.get(0).selectedIndex = 0;
-        $select.change(function() {
-            _updateDescription(this, profiles[this.selectedIndex], $help);
-        }).trigger("change");
-        $checkbox.trigger("change");
-    }
+		for (let p of profiles) {
+			$select.append($('<option>').attr('value', p._pk).text(labelForProfile(p, profiles)))
+		}
+		$select.append('<option value="" disabled>–</option>')
+		$select.append($select.find('option').first())
+		$select.get(0).selectedIndex = 0
+		$select.change(function () {
+			_updateDescription(this, profiles[this.selectedIndex], $help)
+		}).trigger('change')
+		$checkbox.trigger('change')
+	}
 
-    // setup auto-fill for each scope/fieldset
-    // match profile’s answers to inputs in scope
-    // if none match, do not show auto-fill
-    // if one matches, only show button to auto-fill
-    // else show select with profiles and button to auto-fill
-    function setupAutoFill(scope, profiles) {
-        var matchedProfiles = uniqueProfiles(matchProfilesToInputs(profiles, scope));
-        if (!matchedProfiles.length) {
-            $(scope).addClass("profile-none-matched");
-            return;
-        }
+	// setup auto-fill for each scope/fieldset
+	// match profile’s answers to inputs in scope
+	// if none match, do not show auto-fill
+	// if one matches, only show button to auto-fill
+	// else show select with profiles and button to auto-fill
+	function setupAutoFill (scope, profiles) {
+		let matchedProfiles = uniqueProfiles(matchProfilesToInputs(profiles, scope))
+		if (!matchedProfiles.length) {
+			$(scope).addClass('profile-none-matched')
+			return
+		}
 
-        var selectedProfile = matchedProfiles[0];
-        var $select = $(".profile-select", scope);
-        var $button = $(".profile-apply", scope);
-        var $help = $(".profile-desc", scope);
+		let selectedProfile = matchedProfiles[0]
+		let $select = $('.profile-select', scope)
+		let $button = $('.profile-apply', scope)
+		let $help = $('.profile-desc', scope)
 
-        if (matchedProfiles.length === 1) {
-            $(".profile-select-control", scope).hide().parent().addClass("form-control-text");
-            $help.html(describeProfileHTML(selectedProfile)).addClass("single-profile-desc").after($button);
-        }
-        else {
-            var i = 0;
-            for (p of matchedProfiles) {
-                $select.append($("<option>").text(labelForProfile(p, matchedProfiles, scope)).attr("value", i));
-                i++;
-            }
-            $select.change(function() {
-                selectedProfile = matchedProfiles[this.value];
-                _updateDescription(this, selectedProfile, $help);
-            }).trigger("change");
-        }
-        // Add-Ons sit on same level as their parent product scope
-        // Therefore use .prevUntil("legend") as an Add-On is
-        // offset by a <legend>
-        // if no <legend> is present – e.g. on invoice-address – the 
-        // containing <summary> would be selected, which is not what we want
-        $(scope).prevUntil("legend").not("summary").addClass("profile-pre-select");
+		if (matchedProfiles.length === 1) {
+			$('.profile-select-control', scope).hide().parent().addClass('form-control-text')
+			$help.html(describeProfileHTML(selectedProfile)).addClass('single-profile-desc').after($button)
+		} else {
+			let i = 0
+			for (p of matchedProfiles) {
+				$select.append($('<option>').text(labelForProfile(p, matchedProfiles, scope)).attr('value', i))
+				i++
+			}
+			$select.change(function () {
+				selectedProfile = matchedProfiles[this.value]
+				_updateDescription(this, selectedProfile, $help)
+			}).trigger('change')
+		}
+		// Add-Ons sit on same level as their parent product scope
+		// Therefore use .prevUntil("legend") as an Add-On is
+		// offset by a <legend>
+		// if no <legend> is present – e.g. on invoice-address – the
+		// containing <summary> would be selected, which is not what we want
+		$(scope).prevUntil('legend').not('summary').addClass('profile-pre-select')
 
-        $button.click(function() {
-            Object.keys(selectedProfile).forEach(function(key) {
-                var answer = selectedProfile[key].value;
-                var $field = selectedProfile[key].field;
-                if (!$field || !$field.length) return;
-              
-                if ($field.attr("type") === "checkbox") {
-                    if (answer === true || answer === false) {
-                        // boolean
-                        $field.prop("checked", answer).trigger("change");
-                    }
-                    else if (typeof answer !== 'string') {
-                        answer = Object.keys(answer);
-                        $field.each(function() {
-                            var checked = answer.indexOf(this.value) > -1;
-                            if (checked !== this.checked) {
-                                this.checked = checked;
-                                $(this).trigger("change");
-                            }
-                        });
-                    }
-                } else if ($field.attr("type") === "radio") {
-                    $field.filter('[value="' + answer + '"]').prop("checked", true).trigger("change");
-                } else if ($field.length > 1) {
-                    // multiple matching fields, could be phone number or datetime
-                    var $field_0 = $field.filter('[name$="_0"]');
-                    var $field_1 = $field.filter('[name$="_1"]');
-                    if (answer.substr(0, 1) === "+") {
-                        var prefix = "";
-                        var options = $field_0.get(0).options;
-                        for (var i = 0; i < options.length; i++) {
-                            var v = options[i].value;
-                            if (v && answer.substr(0, v.length) === v) {
-                                prefix = v;
-                                break;
-                            }
-                        }
-                        var number = answer.substr(prefix.length);
-                        $field_0.val(prefix).trigger("change");
-                        $field_1.val(number).trigger("change");
-                    }
-                    else if ($field_0.hasClass("datepickerfield")) {
-                        $field_0.data('DateTimePicker').date(moment(answer));
-                        $field_1.data('DateTimePicker').date(moment(answer));
-                    }
-                } else if ($field.is("select")) {
-                    if (answer && typeof answer !== 'string') {
-                        answer = Object.keys(answer);
-                    }
-                    // save answer as data-attribute so if external event changes select-element/options it can select correct entries
-                    // currently used when country => state changes
-                    $field.prop("data-selected-value", answer);
-                    $field.find("option").each(function() {
-                        this.selected = this.value === answer || (answer && answer.indexOf && answer.indexOf(this.value) > -1);
-                    });
-                    $field.trigger("change");
-                } else {
-                    if ($field.hasClass("datepickerfield")) {
-                        $field.data('DateTimePicker').date(moment(answer));
-                    }
-                    else {
-                        $field.val(answer).trigger("change");
-                    }
-                }
-            });
-        })
-    }
+		$button.click(function () {
+			Object.keys(selectedProfile).forEach(function (key) {
+				let answer = selectedProfile[key].value
+				let $field = selectedProfile[key].field
+				if (!$field || !$field.length) return
 
-    // each fieldset is its own scope for auto-fill and save
-    el.find(".profile-scope").each(function () {
-        var profiles = getProfilesById(this.getAttribute("data-profiles-id") || "profiles_json");
+				if ($field.attr('type') === 'checkbox') {
+					if (answer === true || answer === false) {
+						// boolean
+						$field.prop('checked', answer).trigger('change')
+					} else if (typeof answer !== 'string') {
+						answer = Object.keys(answer)
+						$field.each(function () {
+							let checked = answer.indexOf(this.value) > -1
+							if (checked !== this.checked) {
+								this.checked = checked
+								$(this).trigger('change')
+							}
+						})
+					}
+				} else if ($field.attr('type') === 'radio') {
+					$field.filter('[value="' + answer + '"]').prop('checked', true).trigger('change')
+				} else if ($field.length > 1) {
+					// multiple matching fields, could be phone number or datetime
+					let $field_0 = $field.filter('[name$="_0"]')
+					let $field_1 = $field.filter('[name$="_1"]')
+					if (answer.substr(0, 1) === '+') {
+						let prefix = ''
+						let options = $field_0.get(0).options
+						for (let i = 0; i < options.length; i++) {
+							let v = options[i].value
+							if (v && answer.substr(0, v.length) === v) {
+								prefix = v
+								break
+							}
+						}
+						let number = answer.substr(prefix.length)
+						$field_0.val(prefix).trigger('change')
+						$field_1.val(number).trigger('change')
+					} else if ($field_0.hasClass('datepickerfield')) {
+						$field_0.data('DateTimePicker').date(moment(answer))
+						$field_1.data('DateTimePicker').date(moment(answer))
+					}
+				} else if ($field.is('select')) {
+					if (answer && typeof answer !== 'string') {
+						answer = Object.keys(answer)
+					}
+					// save answer as data-attribute so if external event changes select-element/options it can select correct entries
+					// currently used when country => state changes
+					$field.prop('data-selected-value', answer)
+					$field.find('option').each(function () {
+						this.selected = this.value === answer || (answer && answer.indexOf && answer.indexOf(this.value) > -1)
+					})
+					$field.trigger('change')
+				} else {
+					if ($field.hasClass('datepickerfield')) {
+						$field.data('DateTimePicker').date(moment(answer))
+					} else {
+						$field.val(answer).trigger('change')
+					}
+				}
+			})
+		})
+	}
 
-        setupSaveToProfile(this, profiles);
-        setupAutoFill(this, profiles);
+	// each fieldset is its own scope for auto-fill and save
+	el.find('.profile-scope').each(function () {
+		let profiles = getProfilesById(this.getAttribute('data-profiles-id') || 'profiles_json')
 
-        this.classList.add("profile-select-initialized");
-    });
+		setupSaveToProfile(this, profiles)
+		setupAutoFill(this, profiles)
+
+		this.classList.add('profile-select-initialized')
+	})
 }
diff --git a/src/pretix/static/pretixpresale/js/ui/sso.js b/src/pretix/static/pretixpresale/js/ui/sso.js
index a15035cd7..d53d03219 100644
--- a/src/pretix/static/pretixpresale/js/ui/sso.js
+++ b/src/pretix/static/pretixpresale/js/ui/sso.js
@@ -1,53 +1,51 @@
-/*global $ */
-
 $(function () {
-    var popup_window = null
-    var popup_check_interval = null
+	let popup_window = null
+	let popup_check_interval = null
 
-    $("a[data-open-in-popup-window]").on("click", function (e) {
-        e.preventDefault()
+	$('a[data-open-in-popup-window]').on('click', function (e) {
+		e.preventDefault()
 
-        $("#popupmodal a").attr("href", this.href)
+		$('#popupmodal a').attr('href', this.href)
 
-        var url = this.href
-        if (url.includes("?")) {
-            url += "&popup_origin=" + window.location.origin
-        } else {
-            url += "?popup_origin=" + window.location.origin
-        }
-        popup_window = window.open(
-            url,
-            "presale-popup",
-            "scrollbars=yes,resizable=yes,status=yes,location=yes,toolbar=no,menubar=no,width=940,height=620,left=50,top=50"
-        )
-        $("body").addClass("has-popup has-modal-dialog")
-        $("#popupmodal").removeAttr("hidden");
+		let url = this.href
+		if (url.includes('?')) {
+			url += '&popup_origin=' + window.location.origin
+		} else {
+			url += '?popup_origin=' + window.location.origin
+		}
+		popup_window = window.open(
+			url,
+			'presale-popup',
+			'scrollbars=yes,resizable=yes,status=yes,location=yes,toolbar=no,menubar=no,width=940,height=620,left=50,top=50'
+		)
+		$('body').addClass('has-popup has-modal-dialog')
+		$('#popupmodal').removeAttr('hidden')
 
-        popup_check_interval = window.setInterval(function () {
-            if (popup_window.closed) {
-                $("body").removeClass("has-popup has-modal-dialog")
-                $("#popupmodal").attr("hidden", true);
-                window.clearInterval(popup_check_interval)
-            }
-        }, 250)
+		popup_check_interval = window.setInterval(function () {
+			if (popup_window.closed) {
+				$('body').removeClass('has-popup has-modal-dialog')
+				$('#popupmodal').attr('hidden', true)
+				window.clearInterval(popup_check_interval)
+			}
+		}, 250)
 
-        return false
-    });
+		return false
+	})
 
-    window.addEventListener("message", function (event) {
-        if (event.source !== popup_window)
-            return
-        if (event.data && event.data.__process === "customer_sso_popup") {
-            if (event.data.status === "ok") {
-                $("#customer_login .alert.alert-danger").addClass("hidden");
-                $("#login_sso_data").val(event.data.value)
-                $("#login_sso_data").closest("form").get(0).submit()
-            } else {
-                $("#customer_login .alert.alert-danger").html(event.data.value);
-                $("#customer_login .alert.alert-danger").removeClass("hidden");
-            }
-            event.source.postMessage({'__process': 'popup_close'}, "*")
-        }
-        console.log(event)
-    }, false);
+	window.addEventListener('message', function (event) {
+		if (event.source !== popup_window)
+			return
+		if (event.data && event.data.__process === 'customer_sso_popup') {
+			if (event.data.status === 'ok') {
+				$('#customer_login .alert.alert-danger').addClass('hidden')
+				$('#login_sso_data').val(event.data.value)
+				$('#login_sso_data').closest('form').get(0).submit()
+			} else {
+				$('#customer_login .alert.alert-danger').html(event.data.value)
+				$('#customer_login .alert.alert-danger').removeClass('hidden')
+			}
+			event.source.postMessage({ __process: 'popup_close' }, '*')
+		}
+		console.log(event)
+	}, false)
 })
diff --git a/src/pretix/static/pretixpresale/js/walletdetection.js b/src/pretix/static/pretixpresale/js/walletdetection.js
index 94e11fc7a..7a44dab69 100644
--- a/src/pretix/static/pretixpresale/js/walletdetection.js
+++ b/src/pretix/static/pretixpresale/js/walletdetection.js
@@ -1,71 +1,72 @@
-'use strict';
+/* global google, gettext */
+'use strict'
 
-var walletdetection = {
-    applepay: async function () {
-        // This is a weak check for Apple Pay -  in order to do a proper check, we would need to also call
-        // canMakePaymentsWithActiveCard(merchantIdentifier)
+let walletdetection = {
+	applepay: async function () {
+		// This is a weak check for Apple Pay -  in order to do a proper check, we would need to also call
+		// canMakePaymentsWithActiveCard(merchantIdentifier)
 
-        return !!(window.ApplePaySession && window.ApplePaySession.canMakePayments());
-    },
-    googlepay: async function () {
-        // Checking for Google Pay is a little bit more involved, since it requires including the Google Pay JS SDK, and
-        // providing a lot of information.
-        // So for the time being, we only check if Google Pay is available in TEST-mode, which should hopefully give us a
-        // good enough idea if Google Pay could be present on this device; even though there are still a lot of other
-        // factors that could inhibit Google Pay from actually being offered to the customer.
+		return !!(window.ApplePaySession && window.ApplePaySession.canMakePayments())
+	},
+	googlepay: async function () {
+		// Checking for Google Pay is a little bit more involved, since it requires including the Google Pay JS SDK, and
+		// providing a lot of information.
+		// So for the time being, we only check if Google Pay is available in TEST-mode, which should hopefully give us a
+		// good enough idea if Google Pay could be present on this device; even though there are still a lot of other
+		// factors that could inhibit Google Pay from actually being offered to the customer.
 
-        return $.ajax({
-            url: 'https://pay.google.com/gp/p/js/pay.js',
-            dataType: 'script',
-        }).then(function() {
-            const paymentsClient = new google.payments.api.PaymentsClient({environment: 'TEST'});
-            return paymentsClient.isReadyToPay({
-                apiVersion: 2,
-                apiVersionMinor: 0,
-                allowedPaymentMethods: [{
-                    type: 'CARD',
-                    parameters: {
-                        allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"],
-                        allowedCardNetworks: ["AMEX", "DISCOVER", "INTERAC", "JCB", "MASTERCARD", "VISA"]
-                    }
-                }],
-            })
-        }).then(function (response) {
-            return !!response.result;
-        });
-    },
-    name_map: {
-        applepay: gettext('Apple Pay'),
-        googlepay: gettext('Google Pay'),
-    }
+		return $.ajax({
+			url: 'https://pay.google.com/gp/p/js/pay.js',
+			dataType: 'script',
+		}).then(function () {
+			const paymentsClient = new google.payments.api.PaymentsClient({ environment: 'TEST' })
+			return paymentsClient.isReadyToPay({
+				apiVersion: 2,
+				apiVersionMinor: 0,
+				allowedPaymentMethods: [{
+					type: 'CARD',
+					parameters: {
+						allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],
+						allowedCardNetworks: ['AMEX', 'DISCOVER', 'INTERAC', 'JCB', 'MASTERCARD', 'VISA']
+					}
+				}],
+			})
+		}).then(function (response) {
+			return !!response.result
+		})
+	},
+	name_map: {
+		applepay: gettext('Apple Pay'),
+		googlepay: gettext('Google Pay'),
+	}
 }
 
 $(function () {
-    const wallets = $('[data-wallets]')
-        .map(function(index, pm) {
-            return pm.getAttribute("data-wallets").split("|");
-        })
-        .get()
-        .flat()
-        .filter(function(item, pos, self) {
-            // filter out empty or duplicate values
-            return item && self.indexOf(item) == pos;
-        });
+	const wallets = $('[data-wallets]')
+		.map(function (_index, pm) {
+			return pm.getAttribute('data-wallets').split('|')
+		})
+		.get()
+		.flat()
+		.filter(function (item, pos, self) {
+			// filter out empty or duplicate values
+			return item && self.indexOf(item) == pos
+		})
 
-    wallets.forEach(function(wallet) {
-        const labels = $('[data-wallets*='+wallet+'] + .accordion-label-text')
-            .append('<span class="wallet wallet-loading" data-wallet="'+wallet+'"> <span aria-hidden="true" class="fa fa-cog fa-spin"></span></span>')
-        walletdetection[wallet]()
-            .then(function(result) {
-                const spans = labels.find(".wallet-loading[data-wallet=" + wallet + "]");
-                if (result) {
-                    spans.removeClass('wallet-loading').hide().text(', ' + walletdetection.name_map[wallet]).fadeIn(300);
-                } else {
-                    spans.remove();
-                }
-            })
-            .catch(function(result) {
-                labels.find(".wallet-loading[data-wallet=" + wallet + "]").remove();
-            })
-    });
-});
+	wallets.forEach(function (wallet) {
+		const labels = $('[data-wallets*=' + wallet + '] + .accordion-label-text')
+			.append('<span class="wallet wallet-loading" data-wallet="' + wallet + '"> <span aria-hidden="true" class="fa fa-cog fa-spin"></span></span>')
+		walletdetection[wallet]()
+			.then(function (result) {
+				const spans = labels.find('.wallet-loading[data-wallet=' + wallet + ']')
+				if (result) {
+					spans.removeClass('wallet-loading').hide().text(', ' + walletdetection.name_map[wallet]).fadeIn(300)
+				} else {
+					spans.remove()
+				}
+			})
+			.catch(function () {
+				labels.find('.wallet-loading[data-wallet=' + wallet + ']').remove()
+			})
+	})
+})
diff --git a/src/pretix/static/pretixpresale/js/widget/docready.js b/src/pretix/static/pretixpresale/js/widget/docready.js
index 2bc64604d..f23aeef50 100644
--- a/src/pretix/static/pretixpresale/js/widget/docready.js
+++ b/src/pretix/static/pretixpresale/js/widget/docready.js
@@ -2,80 +2,80 @@
 // by John Friend, https://github.com/jfriend00/docReady
 // MIT License
 
-(function(funcName, baseObj) {
-    "use strict";
-    // The public function name defaults to window.docReady
-    // but you can modify the last line of this function to pass in a different object or method name
-    // if you want to put them in a different namespace and those will be used instead of
-    // window.docReady(...)
-    funcName = funcName || "docReady";
-    baseObj = baseObj || window;
-    var readyList = [];
-    var readyFired = false;
-    var readyEventHandlersInstalled = false;
+(function (funcName, baseObj) {
+	'use strict'
+	// The public function name defaults to window.docReady
+	// but you can modify the last line of this function to pass in a different object or method name
+	// if you want to put them in a different namespace and those will be used instead of
+	// window.docReady(...)
+	funcName = funcName || 'docReady'
+	baseObj = baseObj || window
+	let readyList = []
+	let readyFired = false
+	let readyEventHandlersInstalled = false
 
-    // call this when the document is ready
-    // this function protects itself against being called more than once
-    function ready() {
-        if (!readyFired) {
-            // this must be set to true before we start calling callbacks
-            readyFired = true;
-            for (var i = 0; i < readyList.length; i++) {
-                // if a callback here happens to add new ready handlers,
-                // the docReady() function will see that it already fired
-                // and will schedule the callback to run right after
-                // this event loop finishes so all handlers will still execute
-                // in order and no new ones will be added to the readyList
-                // while we are processing the list
-                readyList[i].fn.call(window, readyList[i].ctx);
-            }
-            // allow any closures held by these functions to free
-            readyList = [];
-        }
-    }
+	// call this when the document is ready
+	// this function protects itself against being called more than once
+	function ready () {
+		if (!readyFired) {
+			// this must be set to true before we start calling callbacks
+			readyFired = true
+			for (let i = 0; i < readyList.length; i++) {
+				// if a callback here happens to add new ready handlers,
+				// the docReady() function will see that it already fired
+				// and will schedule the callback to run right after
+				// this event loop finishes so all handlers will still execute
+				// in order and no new ones will be added to the readyList
+				// while we are processing the list
+				readyList[i].fn.call(window, readyList[i].ctx)
+			}
+			// allow any closures held by these functions to free
+			readyList = []
+		}
+	}
 
-    function readyStateChange() {
-        if ( document.readyState === "complete" ) {
-            ready();
-        }
-    }
+	function readyStateChange () {
+		if (document.readyState === 'complete') {
+			ready()
+		}
+	}
 
-    // This is the one public interface
-    // docReady(fn, context);
-    // the context argument is optional - if present, it will be passed
-    // as an argument to the callback
-    baseObj[funcName] = function(callback, context) {
-        if (typeof callback !== "function") {
-            throw new TypeError("callback for docReady(fn) must be a function");
-        }
-        // if ready has already fired, then just schedule the callback
-        // to fire asynchronously, but right away
-        if (readyFired) {
-            setTimeout(function() {callback(context);}, 1);
-            return;
-        } else {
-            // add the function and context to the list
-            readyList.push({fn: callback, ctx: context});
-        }
-        // if document already ready to go, schedule the ready function to run
-        // IE only safe when readyState is "complete", others safe when readyState is "interactive"
-        if (document.readyState === "complete" || (!document.attachEvent && document.readyState === "interactive")) {
-            setTimeout(ready, 1);
-        } else if (!readyEventHandlersInstalled) {
-            // otherwise if we don't have event handlers installed, install them
-            if (document.addEventListener) {
-                // first choice is DOMContentLoaded event
-                document.addEventListener("DOMContentLoaded", ready, false);
-                // backup is window load event
-                window.addEventListener("load", ready, false);
-            } else {
-                // must be IE
-                document.attachEvent("onreadystatechange", readyStateChange);
-                window.attachEvent("onload", ready);
-            }
-            readyEventHandlersInstalled = true;
-        }
-    }
-})("docReady", window);
+	// This is the one public interface
+	// docReady(fn, context);
+	// the context argument is optional - if present, it will be passed
+	// as an argument to the callback
+	baseObj[funcName] = function (callback, context) {
+		if (typeof callback !== 'function') {
+			throw new TypeError('callback for docReady(fn) must be a function')
+		}
+		// if ready has already fired, then just schedule the callback
+		// to fire asynchronously, but right away
+		if (readyFired) {
+			setTimeout(function () { callback(context) }, 1)
+			return
+		} else {
+			// add the function and context to the list
+			readyList.push({ fn: callback, ctx: context })
+		}
+		// if document already ready to go, schedule the ready function to run
+		// IE only safe when readyState is "complete", others safe when readyState is "interactive"
+		if (document.readyState === 'complete' || (!document.attachEvent && document.readyState === 'interactive')) {
+			setTimeout(ready, 1)
+		} else if (!readyEventHandlersInstalled) {
+			// otherwise if we don't have event handlers installed, install them
+			if (document.addEventListener) {
+				// first choice is DOMContentLoaded event
+				document.addEventListener('DOMContentLoaded', ready, false)
+				// backup is window load event
+				window.addEventListener('load', ready, false)
+			} else {
+				// must be IE
+				document.attachEvent('onreadystatechange', readyStateChange)
+				window.attachEvent('onload', ready)
+			}
+			readyEventHandlersInstalled = true
+		}
+	}
+})('docReady', window)
 // modify this previous line to pass in your own method name
 // and object for the method to be attached to
diff --git a/src/pretix/static/pretixpresale/js/widget/floatformat.js b/src/pretix/static/pretixpresale/js/widget/floatformat.js
index fa0aa9ffe..87e8ecab0 100644
--- a/src/pretix/static/pretixpresale/js/widget/floatformat.js
+++ b/src/pretix/static/pretixpresale/js/widget/floatformat.js
@@ -1,36 +1,34 @@
-/*global django*/
-var roundTo = function (n, digits) {
-    if (digits === undefined) {
-        digits = 0;
-    }
+/* global django */
+let roundTo = function (n, digits) {
+	if (digits === undefined) {
+		digits = 0
+	}
 
-    var multiplicator = Math.pow(10, digits);
-    n = parseFloat((n * multiplicator).toFixed(11));
-    return Math.round(n) / multiplicator;
-};
+	let multiplicator = Math.pow(10, digits)
+	n = parseFloat((n * multiplicator).toFixed(11))
+	return Math.round(n) / multiplicator
+}
 
+let floatformat = function (val, places) {
+	'use strict'
+	if (places === undefined) {
+		places = 2
+	}
+	if (typeof val === 'string') {
+		val = parseFloat(val)
+	}
+	let parts = roundTo(val, places).toFixed(places).split('.')
+	if (places === 0) {
+		return parts[0]
+	}
+	parts[0] = parts[0].replace(new RegExp('\\B(?=(\\d{' + django.get_format('NUMBER_GROUPING') + '})+(?!\\d))', 'g'), django.get_format('THOUSAND_SEPARATOR'))
+	return parts[0] + django.get_format('DECIMAL_SEPARATOR') + parts[1]
+}
 
-var floatformat = function (val, places) {
-    "use strict";
-    if (places === undefined) {
-        places = 2;
-    }
-    if (typeof val === "string") {
-        val = parseFloat(val);
-    }
-    var parts = roundTo(val, places).toFixed(places).split(".");
-    if (places === 0) {
-        return parts[0];
-    }
-    parts[0] = parts[0].replace(new RegExp("\\B(?=(\\d{" + django.get_format("NUMBER_GROUPING") + "})+(?!\\d))", "g"), django.get_format("THOUSAND_SEPARATOR"));
-    return parts[0] + django.get_format("DECIMAL_SEPARATOR") + parts[1];
-};
-
-
-var autofloatformat = function (val, places) {
-    "use strict";
-    if (val == roundTo(val, 0)) {
-        places = 0;
-    }
-    return floatformat(val, places);
-};
+let autofloatformat = function (val, places) {
+	'use strict'
+	if (val == roundTo(val, 0)) {
+		places = 0
+	}
+	return floatformat(val, places)
+}
diff --git a/src/pretix/static/pretixpresale/js/widget/widget.js b/src/pretix/static/pretixpresale/js/widget/widget.js
index fd4f3338b..0073f6ca1 100644
--- a/src/pretix/static/pretixpresale/js/widget/widget.js
+++ b/src/pretix/static/pretixpresale/js/widget/widget.js
@@ -1,2592 +1,2592 @@
-/*global siteglobals, module, lang, django*/
+/* global siteglobals, module, lang, django */
 /* PRETIX WIDGET BEGINS HERE */
 /* This is embedded in an isolation wrapper that exposes siteglobals as the global
    scope. */
 
 window.PretixWidget = {
-    'build_widgets': true,
-    'widget_data': {
-        'referer': location.href
-    }
-};
+	build_widgets: true,
+	widget_data: {
+		referer: location.href
+	}
+}
 
-var Vue = module.exports;
+let Vue = module.exports
 
-var 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'),
-    }
-};
+let 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'),
+	}
+}
 
-var setCookie = function (cname, cvalue, exdays) {
-    var d = new Date();
-    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
-    var expires = "expires=" + d.toUTCString();
-    if (!cvalue) {
-        var expires = "expires=Thu, 01 Jan 1970 00:00:00 GMT";
-        cvalue = "";
-    }
-    var same_site = "";
-    if (site_is_secure()) {
-        same_site = ";SameSite=None;Secure"
-    }
-    document.cookie = cname + "=" + cvalue + ";" + expires + same_site + ";path=/";
-};
+let setCookie = function (cname, cvalue, exdays) {
+	let d = new Date()
+	d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000))
+	var expires = 'expires=' + d.toUTCString()
+	if (!cvalue) {
+		var expires = 'expires=Thu, 01 Jan 1970 00:00:00 GMT'
+		cvalue = ''
+	}
+	let 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 + "=");
-    if (parts.length == 2) return parts.pop().split(";").shift() || null;
-    else return null;
-};
+let getCookie = function (name) {
+	let value = '; ' + document.cookie
+	let parts = value.split('; ' + name + '=')
+	if (parts.length == 2) return parts.pop().split(';').shift() || null
+	else return null
+}
 
-var padNumber = function(number, size) {
-    var s = String(number);
-    while (s.length < (size || 2)) {s = "0" + s;}
-    return s;
-};
+let padNumber = function (number, size) {
+	let s = String(number)
+	while (s.length < (size || 2)) { s = '0' + s }
+	return s
+}
 
-var getISOWeeks = function (y) {
-    var d, isLeap;
+let getISOWeeks = function (y) {
+	let d, isLeap
 
-    d = new Date(y, 0, 1);
-    isLeap = new Date(y, 1, 29).getMonth() === 1;
+	d = new Date(y, 0, 1)
+	isLeap = new Date(y, 1, 29).getMonth() === 1
 
-    //check for a Jan 1 that's a Thursday or a leap year that has a
-    //Wednesday jan 1. Otherwise it's 52
-    return d.getDay() === 4 || isLeap && d.getDay() === 3 ? 53 : 52
-};
+	// check for a Jan 1 that's a Thursday or a leap year that has a
+	// Wednesday jan 1. Otherwise it's 52
+	return d.getDay() === 4 || isLeap && d.getDay() === 3 ? 53 : 52
+}
 
 /* HTTP API Call helpers */
-var api = {
-    '_getJSON': function (endpoint, callback, err_callback) {
-        var xhr = new window.XMLHttpRequest();
-        xhr.open("GET", endpoint, true);
-        xhr.onload = function (e) {
-            if (xhr.readyState === 4) {
-                if (xhr.status === 200) {
-                    callback(JSON.parse(xhr.responseText), xhr);
-                } else {
-                    err_callback(xhr, e);
-                }
-            }
-        };
-        xhr.onerror = function (e) {
-            console.error(xhr.statusText);
-            err_callback(xhr, e);
-        };
-        xhr.send(null);
-    },
+let api = {
+	_getJSON: function (endpoint, callback, err_callback) {
+		let xhr = new window.XMLHttpRequest()
+		xhr.open('GET', endpoint, true)
+		xhr.onload = function (e) {
+			if (xhr.readyState === 4) {
+				if (xhr.status === 200) {
+					callback(JSON.parse(xhr.responseText), xhr)
+				} else {
+					err_callback(xhr, e)
+				}
+			}
+		}
+		xhr.onerror = function (e) {
+			console.error(xhr.statusText)
+			err_callback(xhr, e)
+		}
+		xhr.send(null)
+	},
 
-    '_postFormJSON': function (endpoint, form, callback, err_callback) {
-        var params = [].filter.call(form.elements, function (el) {
-            return (el.type !== 'checkbox' && el.type !== 'radio') || el.checked;
-        })
-            .filter(function (el) {
-                return !!el.name && !!el.value;
-            })
-            .filter(function (el) {
-                return !el.disabled;
-            })
-            .map(function (el) {
-                return encodeURIComponent(el.name) + '=' + encodeURIComponent(el.value);
-            }).join('&');
+	_postFormJSON: function (endpoint, form, callback, err_callback) {
+		let params = [].filter.call(form.elements, function (el) {
+			return (el.type !== 'checkbox' && el.type !== 'radio') || el.checked
+		})
+			.filter(function (el) {
+				return !!el.name && !!el.value
+			})
+			.filter(function (el) {
+				return !el.disabled
+			})
+			.map(function (el) {
+				return encodeURIComponent(el.name) + '=' + encodeURIComponent(el.value)
+			}).join('&')
 
-        var xhr = new window.XMLHttpRequest();
-        xhr.open("POST", endpoint, true);
-        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-        xhr.onload = function (e) {
-            if (xhr.readyState === 4) {
-                if (xhr.status === 200) {
-                    callback(JSON.parse(xhr.responseText));
-                } else {
-                    err_callback(xhr, e);
-                }
-            }
-        };
-        xhr.onerror = function (e) {
-            err_callback(xhr, e);
-        };
-        xhr.send(params);
-    }
-};
+		let xhr = new window.XMLHttpRequest()
+		xhr.open('POST', endpoint, true)
+		xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded')
+		xhr.onload = function (e) {
+			if (xhr.readyState === 4) {
+				if (xhr.status === 200) {
+					callback(JSON.parse(xhr.responseText))
+				} else {
+					err_callback(xhr, e)
+				}
+			}
+		}
+		xhr.onerror = function (e) {
+			err_callback(xhr, e)
+		}
+		xhr.send(params)
+	}
+}
 
-var makeid = function (length) {
-    var text = "";
-    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+let makeid = function (length) {
+	let text = ''
+	let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
 
-    for (var i = 0; i < length; i++) {
-        text += possible.charAt(Math.floor(Math.random() * possible.length));
-    }
+	for (let i = 0; i < length; i++) {
+		text += possible.charAt(Math.floor(Math.random() * possible.length))
+	}
 
-    return text;
-};
+	return text
+}
 
 var site_is_secure = function () {
-    return /https.*/.test(document.location.protocol)
-};
+	return /https.*/.test(document.location.protocol)
+}
 
-var widget_id = makeid(16);
+let widget_id = makeid(16)
 
 /* Vue Components */
-Vue.component('availbox', {
-    template: ('<div class="pretix-widget-availability-box">'
-        + '<div class="pretix-widget-availability-unavailable"'
-        + '     v-if="item.current_unavailability_reason === \'require_voucher\'">'
-        + '<small><a :href="voucher_jump_link" v-bind:aria-describedby="aria_labelledby">{{unavailability_reason_message}}</a></small>'
-        + '</div>'
-        + '<div class="pretix-widget-availability-unavailable"'
-        + '     v-else-if="unavailability_reason_message">'
-        + '<small>{{unavailability_reason_message}}</small>'
-        + '</div>'
-        + '<div class="pretix-widget-availability-unavailable"'
-        + '     v-else-if="avail[0] < 100 && avail[0] > 10">'
-        + strings.reserved
-        + '</div>'
-        + '<div class="pretix-widget-availability-gone" '
-        + '     v-else-if="avail[0] <= 10">'
-        + strings.sold_out
-        + '</div>'
-        + '<div class="pretix-widget-waiting-list-link"'
-        + '     v-if="waiting_list_show && !unavailability_reason_message">'
-        + '<a :href="waiting_list_url" target="_blank" @click="$root.open_link_in_frame">' + strings.waiting_list + '</a>'
-        + '</div>'
-        + '<div class="pretix-widget-availability-available" v-if="!unavailability_reason_message && avail[0] === 100">'
-        + '<label class="pretix-widget-item-count-single-label pretix-widget-btn-checkbox" v-if="order_max === 1">'
-        + '<input ref="quantity" type="checkbox" value="1" :name="input_name"'
-        + '       v-bind:aria-label="label_select_item"'
-        + '>'
-        + '<span class="pretix-widget-icon-cart" aria-hidden="true"></span> ' + strings.select
-        + '</label>'
-        + '<div class="pretix-widget-item-count-group" v-else role="group" v-bind:aria-label="item.name">'
-        + '<button type="button" @click.prevent.stop="on_step" data-step="-1" v-bind:data-controls="\'input_\' + input_name" class="pretix-widget-btn-default pretix-widget-item-count-dec" v-bind:aria-label="dec_label"><span>-</span></button>'
-        + '<input ref="quantity" type="number" inputmode="numeric" pattern="\d*" class="pretix-widget-item-count-multiple" placeholder="0" min="0"'
-        + '       :max="order_max" :name="input_name" :id="\'input_\' + input_name"'
-        + '       v-bind:aria-labelledby="aria_labelledby"'
-        + '       >'
-        + '<button type="button" @click.prevent.stop="on_step" data-step="1" v-bind:data-controls="\'input_\' + input_name" class="pretix-widget-btn-default pretix-widget-item-count-inc" v-bind:aria-label="inc_label"><span>+</span></button>'
-        + '</div>'
-        + '</div>'
-        + '</div>'),
-    props: {
-        item: Object,
-        variation: Object
-    },
-    mounted: function() {
-        if (!this.$root.cart_exists && this.$root.itemnum === 1 && (!this.$root.categories[0].items[0].has_variations || this.$root.categories[0].items[0].variations.length < 2) && !this.$root.has_seating_plan ? 1 : 0) {
-            this.$refs.quantity.value = 1;
-            if (this.order_max === 1) {
-                this.$refs.quantity.checked = true;
-            }
-        }
-    },
-    computed: {
-        voucher_jump_link: function () {
-            return '#' + this.$root.html_id + '-voucher-input';
-        },
-        aria_labelledby: function () {
-            return this.$root.html_id + '-item-label-' + this.item.id;
-        },
-        dec_label: function () {
-            return '- ' + (this.item.has_variations ? this.variation.value : this.item.name) + ': ' + strings.quantity_dec;
-        },
-        inc_label: function () {
-            return '+ ' + (this.item.has_variations ? this.variation.value : this.item.name) + ': ' + strings.quantity_inc;
-        },
-        unavailability_reason_message: function () {
-            var reason = this.item.current_unavailability_reason || this.variation?.current_unavailability_reason;
-            if (reason) {
-                return strings["unavailable_" + reason] || reason;
-            }
-            return "";
-        },
-        label_select_item: function () {
-            return this.item.has_variations
-                ? strings.select_variant.replace("%s", this.variation.value)
-                : strings.select_item.replace("%s", this.item.name)
-        },
-        input_name: function () {
-            if (this.item.has_variations) {
-                return 'variation_' + this.item.id + '_' + this.variation.id;
-            } else {
-                return 'item_' + this.item.id;
-            }
-        },
-        order_max: function () {
-            return this.item.has_variations ? this.variation.order_max : this.item.order_max;
-        },
-        avail: function () {
-            return this.item.has_variations ? this.variation.avail : this.item.avail;
-        },
-        waiting_list_show: function () {
-            return this.avail[0] < 100 && this.$root.waiting_list_enabled && this.item.allow_waitinglist;
-        },
-        waiting_list_url: function () {
-            var u = this.$root.target_url + 'w/' + widget_id + '/waitinglist/?locale=' + lang + '&item=' + this.item.id
-            if (this.item.has_variations) {
-                u += '&var=' + this.variation.id
-            }
-            if (this.$root.subevent) {
-                u += '&subevent=' + this.$root.subevent
-            }
-            u += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json) + this.$root.consent_parameter
-            return u
-        }
-    },
-    methods: {
-        on_step: function (e) {
-            var t = e.target.tagName == 'BUTTON' ? e.target : e.target.closest('button');
-            var step = parseFloat(t.getAttribute("data-step"));
-            var controls = document.getElementById(t.getAttribute("data-controls"));
-            this.$refs.quantity.value = Math.max(controls.min, Math.min(controls.max || Number.MAX_SAFE_INTEGER, (parseInt(this.$refs.quantity.value || "0")) + step));
-            this.$refs.quantity.dispatchEvent(new CustomEvent("change", {
-                bubbles: true,
-            }));
-        }
-    }
-});
-Vue.component('pricebox', {
-    template: ('<div class="pretix-widget-pricebox">'
-        + '<span v-if="!free_price && !original_price" v-html="priceline"></span>'
-        + '<span v-if="!free_price && original_price">'
-        + '<del class="pretix-widget-pricebox-original-price" v-bind:aria-label="original_price_aria_label" v-html="original_line"></del> '
-        + '<ins class="pretix-widget-pricebox-new-price" v-bind:aria-label="new_price_aria_label" v-html="priceline"></ins></span>'
-        + '<div v-if="free_price">'
-        + '<span class="pretix-widget-pricebox-currency" :id="price_box_id">{{ $root.currency }}</span> '
-        + '<input type="number" class="pretix-widget-pricebox-price-input" placeholder="0" '
-        + '       :min="display_price_nonlocalized" :value="suggested_price_nonlocalized" :name="field_name"'
-        + '       step="any" v-bind:aria-labelledby="aria_labelledby" v-bind:aria-describedby="price_desc_id">'
-        + '</div>'
-        + '<small class="pretix-widget-pricebox-tax" :id="price_desc_id" v-if="show_taxline">'
-        + '{{ taxline }}'
-        + '</small>'
-        + '</div>'),
-    props: {
-        price: Object,
-        free_price: Boolean,
-        field_name: String,
-        suggested_price: Object,
-        original_price: String,
-        mandatory_priced_addons: Boolean,
-        item_id: Number,
-    },
-    methods: {
-        stripHTML: function (s) {
-            var div = document.createElement('div');
-            div.innerHTML = s;
-            return div.textContent || div.innerText || '';
-        },
-    },
-    computed: {
-        aria_labelledby: function () {
-            return [
-                this.$root.html_id + '-item-label-' + this.item_id,
-                this.price_box_id
-            ].join(" ");
-        },
-        price_box_id: function () {
-            return this.$root.html_id + '-item-pricebox-' + this.item_id;
-        },
-        price_desc_id: function () {
-            return this.$root.html_id + '-item-pricedesc-' + this.item_id;
-        },
-        display_price: function () {
-            if (this.$root.display_net_prices) {
-                return floatformat(this.price.net, this.$root.currency_places);
-            } else {
-                return floatformat(this.price.gross, this.$root.currency_places);
-            }
-        },
-        display_price_nonlocalized: function () {
-            if (this.$root.display_net_prices) {
-                return parseFloat(this.price.net).toFixed(this.$root.currency_places);
-            } else {
-                return parseFloat(this.price.gross).toFixed(this.$root.currency_places);
-            }
-        },
-        suggested_price_nonlocalized: function () {
-            var price = this.suggested_price;
-            if (price === null) {
-                price = this.price;
-            }
-            if (this.$root.display_net_prices) {
-                return parseFloat(price.net).toFixed(this.$root.currency_places);
-            } else {
-                return parseFloat(price.gross).toFixed(this.$root.currency_places);
-            }
-        },
-        original_price_aria_label: function () {
-            return django.interpolate(strings.original_price, [this.stripHTML(this.original_line)]);
-        },
-        new_price_aria_label: function () {
-            return django.interpolate(strings.new_price, [this.stripHTML(this.priceline)]);
-        },
-        original_line: function () {
-            return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + "</span> " + floatformat(this.original_price, this.$root.currency_places);
-        },
-        priceline: function () {
-            if (this.price.gross === "0.00") {
-                if (this.mandatory_priced_addons && !this.original_price) {
-                    return "\xA0"; // nbsp, because an empty string would cause the HTML element to collapse
-                }
-                return strings.free;
-            } else {
-                return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + "</span> " + this.display_price;
-            }
-        },
-        show_taxline: function () {
-            // rate can either be "0.00" or "0" => parseFloat to check
-            return Number.parseFloat(this.price.rate) && Number.parseFloat(this.price.gross);
-        },
-        taxline: function () {
-            if (this.$root.display_net_prices) {
-                if (this.price.includes_mixed_tax_rate) {
-                    return strings.tax_plus_mixed;
-                } else {
-                    return django.interpolate(strings.tax_plus, {
-                        'rate': autofloatformat(this.price.rate, 2),
-                        'taxname': this.price.name
-                    }, true);
-                }
-            } else {
-                if (this.price.includes_mixed_tax_rate) {
-                    return strings.tax_incl_mixed;
-                } else {
-                    return django.interpolate(strings.tax_incl, {
-                        'rate': autofloatformat(this.price.rate, 2),
-                        'taxname': this.price.name
-                    }, true);
-                }
-            }
-        }
-    }
-});
-Vue.component('variation', {
-    template: ('<div class="pretix-widget-variation" :data-id="variation.id" role="group" v-bind:aria-labelledby="aria_labelledby" v-bind:aria-describedby="variation_desc_id">'
-        + '<div class="pretix-widget-item-row">'
+Vue.component('Availbox', {
+	props: {
+		item: Object,
+		variation: Object
+	},
+	computed: {
+		voucher_jump_link: function () {
+			return '#' + this.$root.html_id + '-voucher-input'
+		},
+		aria_labelledby: function () {
+			return this.$root.html_id + '-item-label-' + this.item.id
+		},
+		dec_label: function () {
+			return '- ' + (this.item.has_variations ? this.variation.value : this.item.name) + ': ' + strings.quantity_dec
+		},
+		inc_label: function () {
+			return '+ ' + (this.item.has_variations ? this.variation.value : this.item.name) + ': ' + strings.quantity_inc
+		},
+		unavailability_reason_message: function () {
+			let reason = this.item.current_unavailability_reason || this.variation?.current_unavailability_reason
+			if (reason) {
+				return strings['unavailable_' + reason] || reason
+			}
+			return ''
+		},
+		label_select_item: function () {
+			return this.item.has_variations
+				? strings.select_variant.replace('%s', this.variation.value)
+				: strings.select_item.replace('%s', this.item.name)
+		},
+		input_name: function () {
+			if (this.item.has_variations) {
+				return 'variation_' + this.item.id + '_' + this.variation.id
+			} else {
+				return 'item_' + this.item.id
+			}
+		},
+		order_max: function () {
+			return this.item.has_variations ? this.variation.order_max : this.item.order_max
+		},
+		avail: function () {
+			return this.item.has_variations ? this.variation.avail : this.item.avail
+		},
+		waiting_list_show: function () {
+			return this.avail[0] < 100 && this.$root.waiting_list_enabled && this.item.allow_waitinglist
+		},
+		waiting_list_url: function () {
+			let u = this.$root.target_url + 'w/' + widget_id + '/waitinglist/?locale=' + lang + '&item=' + this.item.id
+			if (this.item.has_variations) {
+				u += '&var=' + this.variation.id
+			}
+			if (this.$root.subevent) {
+				u += '&subevent=' + this.$root.subevent
+			}
+			u += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json) + this.$root.consent_parameter
+			return u
+		}
+	},
+	mounted: function () {
+		if (!this.$root.cart_exists && this.$root.itemnum === 1 && (!this.$root.categories[0].items[0].has_variations || this.$root.categories[0].items[0].variations.length < 2) && !this.$root.has_seating_plan ? 1 : 0) {
+			this.$refs.quantity.value = 1
+			if (this.order_max === 1) {
+				this.$refs.quantity.checked = true
+			}
+		}
+	},
+	methods: {
+		on_step: function (e) {
+			let t = e.target.tagName == 'BUTTON' ? e.target : e.target.closest('button')
+			let step = parseFloat(t.getAttribute('data-step'))
+			let controls = document.getElementById(t.getAttribute('data-controls'))
+			this.$refs.quantity.value = Math.max(controls.min, Math.min(controls.max || Number.MAX_SAFE_INTEGER, (parseInt(this.$refs.quantity.value || '0')) + step))
+			this.$refs.quantity.dispatchEvent(new CustomEvent('change', {
+				bubbles: true,
+			}))
+		}
+	},
+	template: ('<div class="pretix-widget-availability-box">'
+		+ '<div class="pretix-widget-availability-unavailable"'
+		+ '     v-if="item.current_unavailability_reason === \'require_voucher\'">'
+		+ '<small><a :href="voucher_jump_link" v-bind:aria-describedby="aria_labelledby">{{unavailability_reason_message}}</a></small>'
+		+ '</div>'
+		+ '<div class="pretix-widget-availability-unavailable"'
+		+ '     v-else-if="unavailability_reason_message">'
+		+ '<small>{{unavailability_reason_message}}</small>'
+		+ '</div>'
+		+ '<div class="pretix-widget-availability-unavailable"'
+		+ '     v-else-if="avail[0] < 100 && avail[0] > 10">'
+		+ strings.reserved
+		+ '</div>'
+		+ '<div class="pretix-widget-availability-gone" '
+		+ '     v-else-if="avail[0] <= 10">'
+		+ strings.sold_out
+		+ '</div>'
+		+ '<div class="pretix-widget-waiting-list-link"'
+		+ '     v-if="waiting_list_show && !unavailability_reason_message">'
+		+ '<a :href="waiting_list_url" target="_blank" @click="$root.open_link_in_frame">' + strings.waiting_list + '</a>'
+		+ '</div>'
+		+ '<div class="pretix-widget-availability-available" v-if="!unavailability_reason_message && avail[0] === 100">'
+		+ '<label class="pretix-widget-item-count-single-label pretix-widget-btn-checkbox" v-if="order_max === 1">'
+		+ '<input ref="quantity" type="checkbox" value="1" :name="input_name"'
+		+ '       v-bind:aria-label="label_select_item"'
+		+ '>'
+		+ '<span class="pretix-widget-icon-cart" aria-hidden="true"></span> ' + strings.select
+		+ '</label>'
+		+ '<div class="pretix-widget-item-count-group" v-else role="group" v-bind:aria-label="item.name">'
+		+ '<button type="button" @click.prevent.stop="on_step" data-step="-1" v-bind:data-controls="\'input_\' + input_name" class="pretix-widget-btn-default pretix-widget-item-count-dec" v-bind:aria-label="dec_label"><span>-</span></button>'
+		+ '<input ref="quantity" type="number" inputmode="numeric" pattern="\d*" class="pretix-widget-item-count-multiple" placeholder="0" min="0"'
+		+ '       :max="order_max" :name="input_name" :id="\'input_\' + input_name"'
+		+ '       v-bind:aria-labelledby="aria_labelledby"'
+		+ '       >'
+		+ '<button type="button" @click.prevent.stop="on_step" data-step="1" v-bind:data-controls="\'input_\' + input_name" class="pretix-widget-btn-default pretix-widget-item-count-inc" v-bind:aria-label="inc_label"><span>+</span></button>'
+		+ '</div>'
+		+ '</div>'
+		+ '</div>')
+})
+Vue.component('Pricebox', {
+	props: {
+		price: Object,
+		free_price: Boolean,
+		field_name: String,
+		suggested_price: Object,
+		original_price: String,
+		mandatory_priced_addons: Boolean,
+		item_id: Number,
+	},
+	computed: {
+		aria_labelledby: function () {
+			return [
+				this.$root.html_id + '-item-label-' + this.item_id,
+				this.price_box_id
+			].join(' ')
+		},
+		price_box_id: function () {
+			return this.$root.html_id + '-item-pricebox-' + this.item_id
+		},
+		price_desc_id: function () {
+			return this.$root.html_id + '-item-pricedesc-' + this.item_id
+		},
+		display_price: function () {
+			if (this.$root.display_net_prices) {
+				return floatformat(this.price.net, this.$root.currency_places)
+			} else {
+				return floatformat(this.price.gross, this.$root.currency_places)
+			}
+		},
+		display_price_nonlocalized: function () {
+			if (this.$root.display_net_prices) {
+				return parseFloat(this.price.net).toFixed(this.$root.currency_places)
+			} else {
+				return parseFloat(this.price.gross).toFixed(this.$root.currency_places)
+			}
+		},
+		suggested_price_nonlocalized: function () {
+			let price = this.suggested_price
+			if (price === null) {
+				price = this.price
+			}
+			if (this.$root.display_net_prices) {
+				return parseFloat(price.net).toFixed(this.$root.currency_places)
+			} else {
+				return parseFloat(price.gross).toFixed(this.$root.currency_places)
+			}
+		},
+		original_price_aria_label: function () {
+			return django.interpolate(strings.original_price, [this.stripHTML(this.original_line)])
+		},
+		new_price_aria_label: function () {
+			return django.interpolate(strings.new_price, [this.stripHTML(this.priceline)])
+		},
+		original_line: function () {
+			return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + '</span> ' + floatformat(this.original_price, this.$root.currency_places)
+		},
+		priceline: function () {
+			if (this.price.gross === '0.00') {
+				if (this.mandatory_priced_addons && !this.original_price) {
+					return '\xA0' // nbsp, because an empty string would cause the HTML element to collapse
+				}
+				return strings.free
+			} else {
+				return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + '</span> ' + this.display_price
+			}
+		},
+		show_taxline: function () {
+			// rate can either be "0.00" or "0" => parseFloat to check
+			return Number.parseFloat(this.price.rate) && Number.parseFloat(this.price.gross)
+		},
+		taxline: function () {
+			if (this.$root.display_net_prices) {
+				if (this.price.includes_mixed_tax_rate) {
+					return strings.tax_plus_mixed
+				} else {
+					return django.interpolate(strings.tax_plus, {
+						rate: autofloatformat(this.price.rate, 2),
+						taxname: this.price.name
+					}, true)
+				}
+			} else {
+				if (this.price.includes_mixed_tax_rate) {
+					return strings.tax_incl_mixed
+				} else {
+					return django.interpolate(strings.tax_incl, {
+						rate: autofloatformat(this.price.rate, 2),
+						taxname: this.price.name
+					}, true)
+				}
+			}
+		}
+	},
+	methods: {
+		stripHTML: function (s) {
+			let div = document.createElement('div')
+			div.innerHTML = s
+			return div.textContent || div.innerText || ''
+		},
+	},
+	template: ('<div class="pretix-widget-pricebox">'
+		+ '<span v-if="!free_price && !original_price" v-html="priceline"></span>'
+		+ '<span v-if="!free_price && original_price">'
+		+ '<del class="pretix-widget-pricebox-original-price" v-bind:aria-label="original_price_aria_label" v-html="original_line"></del> '
+		+ '<ins class="pretix-widget-pricebox-new-price" v-bind:aria-label="new_price_aria_label" v-html="priceline"></ins></span>'
+		+ '<div v-if="free_price">'
+		+ '<span class="pretix-widget-pricebox-currency" :id="price_box_id">{{ $root.currency }}</span> '
+		+ '<input type="number" class="pretix-widget-pricebox-price-input" placeholder="0" '
+		+ '       :min="display_price_nonlocalized" :value="suggested_price_nonlocalized" :name="field_name"'
+		+ '       step="any" v-bind:aria-labelledby="aria_labelledby" v-bind:aria-describedby="price_desc_id">'
+		+ '</div>'
+		+ '<small class="pretix-widget-pricebox-tax" :id="price_desc_id" v-if="show_taxline">'
+		+ '{{ taxline }}'
+		+ '</small>'
+		+ '</div>')
+})
+Vue.component('Variation', {
+	props: {
+		variation: Object,
+		item: Object,
+		category: Object,
+	},
+	computed: {
+		orig_price: function () {
+			if (this.variation.original_price) {
+				return this.variation.original_price
+			}
+			return this.item.original_price
+		},
+		quota_left_str: function () {
+			return django.interpolate(strings['quota_left'], [this.variation.avail[1]])
+		},
+		variation_label_id: function () {
+			return this.$root.html_id + '-variation-label-' + this.item.id + '-' + this.variation.id
+		},
+		variation_desc_id: function () {
+			return this.$root.html_id + '-variation-desc-' + this.item.id + '-' + this.variation.id
+		},
+		variation_price_id: function () {
+			return this.$root.html_id + '-variation-price-' + this.item.id + '-' + this.variation.id
+		},
+		aria_labelledby: function () {
+			return [this.variation_label_id, this.variation_price_id].join(' ')
+		},
+		headingLevel: function () {
+			return this.category.name ? '5' : '4'
+		},
+	},
+	template: ('<div class="pretix-widget-variation" :data-id="variation.id" role="group" v-bind:aria-labelledby="aria_labelledby" v-bind:aria-describedby="variation_desc_id">'
+		+ '<div class="pretix-widget-item-row">'
 
-        // Variation description
-        + '<div class="pretix-widget-item-info-col">'
-        + '<div class="pretix-widget-item-title-and-description">'
-        + '<strong :id="variation_label_id" class="pretix-widget-item-title" role="heading" v-bind:aria-level="headingLevel">{{ variation.value }}</strong>'
-        + '<div :id="variation_desc_id" class="pretix-widget-item-description" v-if="variation.description" v-html="variation.description"></div>'
-        + '<p class="pretix-widget-item-meta" '
-        + '   v-if="!variation.has_variations && variation.avail[1] !== null && variation.avail[0] === 100">'
-        + '<small>{{ quota_left_str }}</small>'
-        + '</p>'
-        + '</div>'
-        + '</div>'
+	// Variation description
+		+ '<div class="pretix-widget-item-info-col">'
+		+ '<div class="pretix-widget-item-title-and-description">'
+		+ '<strong :id="variation_label_id" class="pretix-widget-item-title" role="heading" v-bind:aria-level="headingLevel">{{ variation.value }}</strong>'
+		+ '<div :id="variation_desc_id" class="pretix-widget-item-description" v-if="variation.description" v-html="variation.description"></div>'
+		+ '<p class="pretix-widget-item-meta" '
+		+ '   v-if="!variation.has_variations && variation.avail[1] !== null && variation.avail[0] === 100">'
+		+ '<small>{{ quota_left_str }}</small>'
+		+ '</p>'
+		+ '</div>'
+		+ '</div>'
 
-        // Price
-        + '<div :id="variation_price_id" class="pretix-widget-item-price-col">'
-        + '<pricebox :price="variation.price" :free_price="item.free_price" :original_price="orig_price" '
-        + '          :mandatory_priced_addons="item.mandatory_priced_addons" :suggested_price="variation.suggested_price"'
-        + '          :field_name="\'price_\' + item.id + \'_\' + variation.id" v-if="$root.showPrices" :item_id="item.id">'
-        + '</pricebox>'
-        + '<span v-if="!$root.showPrices">&nbsp;</span>'
-        + '</div>'
+	// Price
+		+ '<div :id="variation_price_id" class="pretix-widget-item-price-col">'
+		+ '<pricebox :price="variation.price" :free_price="item.free_price" :original_price="orig_price" '
+		+ '          :mandatory_priced_addons="item.mandatory_priced_addons" :suggested_price="variation.suggested_price"'
+		+ '          :field_name="\'price_\' + item.id + \'_\' + variation.id" v-if="$root.showPrices" :item_id="item.id">'
+		+ '</pricebox>'
+		+ '<span v-if="!$root.showPrices">&nbsp;</span>'
+		+ '</div>'
 
-        // Availability
-        + '<div class="pretix-widget-item-availability-col">'
-        + '<availbox :item="item" :variation="variation"></availbox>'
-        + '</div>'
+	// Availability
+		+ '<div class="pretix-widget-item-availability-col">'
+		+ '<availbox :item="item" :variation="variation"></availbox>'
+		+ '</div>'
 
-        + '<div class="pretix-widget-clear"></div>'
-        + '</div>'
-        + '</div>'),
-    props: {
-        variation: Object,
-        item: Object,
-        category: Object,
-    },
-    computed: {
-        orig_price: function () {
-            if (this.variation.original_price) {
-                return this.variation.original_price;
-            }
-            return this.item.original_price;
-        },
-        quota_left_str: function () {
-            return django.interpolate(strings["quota_left"], [this.variation.avail[1]]);
-        },
-        variation_label_id: function () {
-            return this.$root.html_id + '-variation-label-' + this.item.id + '-' + this.variation.id;
-        },
-        variation_desc_id: function () {
-            return this.$root.html_id + '-variation-desc-' + this.item.id + '-' + this.variation.id;
-        },
-        variation_price_id: function () {
-            return this.$root.html_id + '-variation-price-' + this.item.id + '-' + this.variation.id;
-        },
-        aria_labelledby: function () {
-            return [this.variation_label_id, this.variation_price_id].join(" ");
-        },
-        headingLevel: function () {
-            return this.category.name ? '5' : '4';
-        },
-    }
-});
-Vue.component('item', {
-    template: ('<div v-bind:class="classObject" :data-id="item.id" role="group" v-bind:aria-labelledby="aria_labelledby" v-bind:aria-describedby="item_desc_id">'
-        + '<div class="pretix-widget-item-row pretix-widget-main-item-row">'
+		+ '<div class="pretix-widget-clear"></div>'
+		+ '</div>'
+		+ '</div>')
+})
+Vue.component('Item', {
+	props: {
+		item: Object,
+		category: Object,
+	},
+	data: function () {
+		return {
+			expanded: this.$root.show_variations_expanded
+		}
+	},
+	computed: {
+		classObject: function () {
+			return {
+				'pretix-widget-item': true,
+				'pretix-widget-item-with-picture': !!this.item.picture,
+				'pretix-widget-item-with-variations': this.item.has_variations
+			}
+		},
+		varClasses: function () {
+			return {
+				'pretix-widget-item-variations': true,
+				'pretix-widget-item-variations-expanded': this.expanded,
+			}
+		},
+		picture_alt_text: function () {
+			return django.interpolate(strings['image_of'], [this.item.name])
+		},
+		headingLevel: function () {
+			return this.category.name ? '4' : '3'
+		},
+		item_label_id: function () {
+			return this.$root.html_id + '-item-label-' + this.item.id
+		},
+		item_desc_id: function () {
+			return this.$root.html_id + '-item-desc-' + this.item.id
+		},
+		item_price_id: function () {
+			return this.$root.html_id + '-item-price-' + this.item.id
+		},
+		aria_labelledby: function () {
+			return [this.item_label_id, this.item_price_id].join(' ')
+		},
+		min_order_str: function () {
+			return django.interpolate(strings['order_min'], [this.item.order_min])
+		},
+		quota_left_str: function () {
+			return django.interpolate(strings['quota_left'], [this.item.avail[1]])
+		},
+		show_toggle: function () {
+			return this.item.has_variations && !this.$root.show_variations_expanded
+		},
+		pricerange: function () {
+			if (this.item.free_price) {
+				return django.interpolate(strings.price_from, {
+					currency: this.$root.currency,
+					price: floatformat(this.item.min_price, this.$root.currency_places)
+				}, true).replace(this.$root.currency, '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + '</span>')
+			} else if (this.item.min_price !== this.item.max_price) {
+				return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + '</span> '
+					+ floatformat(this.item.min_price, this.$root.currency_places) + ' – '
+					+ floatformat(this.item.max_price, this.$root.currency_places)
+			} else if (this.item.min_price === '0.00' && this.item.max_price === '0.00') {
+				if (this.item.mandatory_priced_addons) {
+					return '\xA0' // nbsp, because an empty string would cause the HTML element to collapse
+				}
+				return strings.free
+			} else {
+				return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + '</span> ' + floatformat(this.item.min_price, this.$root.currency_places)
+			}
+		},
+		variationsToggleLabel: function () {
+			return this.expanded ? strings.hide_variations : strings.variations
+		},
+	},
+	mounted: function () {
+		if (this.$refs.variations) {
+			if (!this.expanded) {
+				let $this = this
+				this.$refs.variations.hidden = true
+				this.$refs.variations.addEventListener('transitionend', function (event) {
+					if (event.target == this) {
+						this.hidden = !$this.expanded
+						this.style.maxHeight = 'none'
+					}
+				})
+				this.$watch('expanded', function (newValue) {
+					let v = this.$refs.variations
+					v.hidden = false
+					v.style.maxHeight = (newValue ? 0 : v.scrollHeight) + 'px'
+					// Vue.nextTick does not work here
+					window.setTimeout(function () {
+						v.style.maxHeight = (!newValue ? 0 : v.scrollHeight) + 'px'
+					}, 50)
+				})
+			}
+		}
+	},
+	methods: {
+		expand: function () {
+			this.expanded = !this.expanded
+		},
+		lightbox: function () {
+			this.$root.overlay.lightbox = {
+				image: this.item.picture_fullsize,
+				description: this.item.name,
+			}
+		},
+	},
+	template: ('<div v-bind:class="classObject" :data-id="item.id" role="group" v-bind:aria-labelledby="aria_labelledby" v-bind:aria-describedby="item_desc_id">'
+		+ '<div class="pretix-widget-item-row pretix-widget-main-item-row">'
 
-        // Product description
-        + '<div class="pretix-widget-item-info-col">'
-        + '<a :href="item.picture_fullsize" v-if="item.picture" class="pretix-widget-item-picture-link" @click.prevent.stop="lightbox"><img :src="item.picture" class="pretix-widget-item-picture" :alt="picture_alt_text"></a>'
-        + '<div class="pretix-widget-item-title-and-description">'
-        + '<strong class="pretix-widget-item-title" :id="item_label_id" role="heading" v-bind:aria-level="headingLevel">{{ item.name }}</strong>'
-        + '<div class="pretix-widget-item-description" :id="item_desc_id" v-if="item.description" v-html="item.description"></div>'
-        + '<p class="pretix-widget-item-meta" v-if="item.order_min && item.order_min > 1">'
-        + '<small>{{ min_order_str }}</small>'
-        + '</p>'
-        + '<p class="pretix-widget-item-meta" '
-        + '    v-if="!item.has_variations && item.avail[1] !== null && item.avail[0] === 100">'
-        + '<small>{{ quota_left_str }}</small>'
-        + '</p>'
-        + '</div>'
-        + '</div>'
+	// Product description
+		+ '<div class="pretix-widget-item-info-col">'
+		+ '<a :href="item.picture_fullsize" v-if="item.picture" class="pretix-widget-item-picture-link" @click.prevent.stop="lightbox"><img :src="item.picture" class="pretix-widget-item-picture" :alt="picture_alt_text"></a>'
+		+ '<div class="pretix-widget-item-title-and-description">'
+		+ '<strong class="pretix-widget-item-title" :id="item_label_id" role="heading" v-bind:aria-level="headingLevel">{{ item.name }}</strong>'
+		+ '<div class="pretix-widget-item-description" :id="item_desc_id" v-if="item.description" v-html="item.description"></div>'
+		+ '<p class="pretix-widget-item-meta" v-if="item.order_min && item.order_min > 1">'
+		+ '<small>{{ min_order_str }}</small>'
+		+ '</p>'
+		+ '<p class="pretix-widget-item-meta" '
+		+ '    v-if="!item.has_variations && item.avail[1] !== null && item.avail[0] === 100">'
+		+ '<small>{{ quota_left_str }}</small>'
+		+ '</p>'
+		+ '</div>'
+		+ '</div>'
 
-        // Price
-        + '<div :id="item_price_id" class="pretix-widget-item-price-col">'
-        + '<pricebox :price="item.price" :free_price="item.free_price" v-if="!item.has_variations && $root.showPrices"'
-        + '          :mandatory_priced_addons="item.mandatory_priced_addons" :suggested_price="item.suggested_price"'
-        + '          :field_name="\'price_\' + item.id" :original_price="item.original_price" :item_id="item.id">'
-        + '</pricebox>'
-        + '<div class="pretix-widget-pricebox" v-if="item.has_variations && $root.showPrices" v-html="pricerange"></div>'
-        + '<span v-if="!$root.showPrices">&nbsp;</span>'
-        + '</div>'
+	// Price
+		+ '<div :id="item_price_id" class="pretix-widget-item-price-col">'
+		+ '<pricebox :price="item.price" :free_price="item.free_price" v-if="!item.has_variations && $root.showPrices"'
+		+ '          :mandatory_priced_addons="item.mandatory_priced_addons" :suggested_price="item.suggested_price"'
+		+ '          :field_name="\'price_\' + item.id" :original_price="item.original_price" :item_id="item.id">'
+		+ '</pricebox>'
+		+ '<div class="pretix-widget-pricebox" v-if="item.has_variations && $root.showPrices" v-html="pricerange"></div>'
+		+ '<span v-if="!$root.showPrices">&nbsp;</span>'
+		+ '</div>'
 
-        // Availability
-        + '<div class="pretix-widget-item-availability-col">'
-        + '<button type="button" class="pretix-widget-collapse-indicator" v-if="show_toggle" @click.prevent.stop="expand"'
-        + '   v-bind:aria-expanded="expanded ? \'true\': \'false\'" v-bind:aria-controls="item.id + \'-variants\'" v-bind:aria-describedby="item_desc_id">{{ variationsToggleLabel }}</button>'
-        + '<availbox v-if="!item.has_variations" :item="item"></availbox>'
-        + '</div>'
+	// Availability
+		+ '<div class="pretix-widget-item-availability-col">'
+		+ '<button type="button" class="pretix-widget-collapse-indicator" v-if="show_toggle" @click.prevent.stop="expand"'
+		+ '   v-bind:aria-expanded="expanded ? \'true\': \'false\'" v-bind:aria-controls="item.id + \'-variants\'" v-bind:aria-describedby="item_desc_id">{{ variationsToggleLabel }}</button>'
+		+ '<availbox v-if="!item.has_variations" :item="item"></availbox>'
+		+ '</div>'
 
-        + '<div class="pretix-widget-clear"></div>'
-        + '</div>'
+		+ '<div class="pretix-widget-clear"></div>'
+		+ '</div>'
 
-        // Variations
-        + '<div :class="varClasses" v-if="item.has_variations" :id="item.id + \'-variants\'" ref="variations">'
-        + '<variation v-for="variation in item.variations" :variation="variation" :item="item" :category="category" :key="variation.id">'
-        + '</variation>'
-        + '</div>'
+	// Variations
+		+ '<div :class="varClasses" v-if="item.has_variations" :id="item.id + \'-variants\'" ref="variations">'
+		+ '<variation v-for="variation in item.variations" :variation="variation" :item="item" :category="category" :key="variation.id">'
+		+ '</variation>'
+		+ '</div>'
 
-        + '</div>'),
-    props: {
-        item: Object,
-        category: Object,
-    },
-    data: function () {
-        return {
-            expanded: this.$root.show_variations_expanded
-        };
-    },
-    mounted: function () {
-        if (this.$refs.variations) {
-            if (!this.expanded) {
-                var $this = this;
-                this.$refs.variations.hidden = true;
-                this.$refs.variations.addEventListener('transitionend', function (event) {
-                    if (event.target == this) {
-                        this.hidden = !$this.expanded;
-                        this.style.maxHeight = 'none';
-                    }
-                });
-                this.$watch('expanded', function (newValue) {
-                    var v = this.$refs.variations;
-                    v.hidden = false;
-                    v.style.maxHeight = (newValue ? 0 : v.scrollHeight) + 'px';
-                    // Vue.nextTick does not work here
-                    window.setTimeout(function () {
-                        v.style.maxHeight = (!newValue ? 0 : v.scrollHeight) + 'px';
-                    }, 50);
-                })
-            }
-        }
-    },
-    methods: {
-        expand: function () {
-            this.expanded = !this.expanded;
-        },
-        lightbox: function () {
-            this.$root.overlay.lightbox = {
-                image: this.item.picture_fullsize,
-                description: this.item.name,
-            }
-        },
-    },
-    computed: {
-        classObject: function () {
-            return {
-                'pretix-widget-item': true,
-                'pretix-widget-item-with-picture': !!this.item.picture,
-                'pretix-widget-item-with-variations': this.item.has_variations
-            }
-        },
-        varClasses: function () {
-            return {
-                'pretix-widget-item-variations': true,
-                'pretix-widget-item-variations-expanded': this.expanded,
-            }
-        },
-        picture_alt_text: function () {
-            return django.interpolate(strings["image_of"], [this.item.name]);
-        },
-        headingLevel: function () {
-            return this.category.name ? '4' : '3';
-        },
-        item_label_id: function () {
-            return this.$root.html_id + '-item-label-' + this.item.id;
-        },
-        item_desc_id: function () {
-            return this.$root.html_id + '-item-desc-' + this.item.id;
-        },
-        item_price_id: function () {
-            return this.$root.html_id + '-item-price-' + this.item.id;
-        },
-        aria_labelledby: function () {
-            return [this.item_label_id, this.item_price_id].join(" ");
-        },
-        min_order_str: function () {
-            return django.interpolate(strings["order_min"], [this.item.order_min]);
-        },
-        quota_left_str: function () {
-            return django.interpolate(strings["quota_left"], [this.item.avail[1]]);
-        },
-        show_toggle: function () {
-            return this.item.has_variations && !this.$root.show_variations_expanded;
-        },
-        pricerange: function () {
-            if (this.item.free_price) {
-                return django.interpolate(strings.price_from, {
-                    'currency': this.$root.currency,
-                    'price': floatformat(this.item.min_price, this.$root.currency_places)
-                }, true).replace(this.$root.currency, '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + '</span>');
-            } else if (this.item.min_price !== this.item.max_price) {
-                return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + "</span> "
-                    + floatformat(this.item.min_price, this.$root.currency_places) + " – "
-                    + floatformat(this.item.max_price, this.$root.currency_places);
-            } else if (this.item.min_price === "0.00" && this.item.max_price === "0.00") {
-                if (this.item.mandatory_priced_addons) {
-                    return "\xA0"; // nbsp, because an empty string would cause the HTML element to collapse
-                }
-                return strings.free;
-            } else {
-                return '<span class="pretix-widget-pricebox-currency">' + this.$root.currency + "</span> " + floatformat(this.item.min_price, this.$root.currency_places);
-            }
-        },
-        variationsToggleLabel: function () {
-            return this.expanded ? strings.hide_variations : strings.variations;
-        },
-    }
-});
-Vue.component('category', {
-    template: ('<div class="pretix-widget-category" :data-id="category.id">'
-        + '<h3 class="pretix-widget-category-name" v-if="category.name">{{ category.name }}</h3>'
-        + '<div class="pretix-widget-category-description" v-if="category.description" v-html="category.description">'
-        + '</div>'
-        + '<div class="pretix-widget-category-items">'
-        + '<item v-for="item in category.items" :category="category" :item="item" :key="item.id"></item>'
-        + '</div>'
-        + '</div>'),
-    props: {
-        category: Object
-    }
-});
+		+ '</div>')
+})
+Vue.component('Category', {
+	props: {
+		category: Object
+	},
+	template: ('<div class="pretix-widget-category" :data-id="category.id">'
+		+ '<h3 class="pretix-widget-category-name" v-if="category.name">{{ category.name }}</h3>'
+		+ '<div class="pretix-widget-category-description" v-if="category.description" v-html="category.description">'
+		+ '</div>'
+		+ '<div class="pretix-widget-category-items">'
+		+ '<item v-for="item in category.items" :category="category" :item="item" :key="item.id"></item>'
+		+ '</div>'
+		+ '</div>')
+})
 
-var shared_methods = {
-    buy: function (event) {
-        if (this.$root.useIframe) {
-            if (event) {
-                event.preventDefault();
-            }
-        } else {
-            return;
-        }
-        if (this.$root.is_button && this.$root.items.length === 0) {
-            if (this.$root.voucher_code) {
-                this.voucher_open(this.$root.voucher_code);
-            } else {
-                this.resume();
-            }
-        } else {
-            var url = this.$root.formAction + "&locale=" + lang + "&ajax=1";
-            this.$root.overlay.frame_loading = true;
+let shared_methods = {
+	buy: function (event) {
+		if (this.$root.useIframe) {
+			if (event) {
+				event.preventDefault()
+			}
+		} else {
+			return
+		}
+		if (this.$root.is_button && this.$root.items.length === 0) {
+			if (this.$root.voucher_code) {
+				this.voucher_open(this.$root.voucher_code)
+			} else {
+				this.resume()
+			}
+		} else {
+			let url = this.$root.formAction + '&locale=' + lang + '&ajax=1'
+			this.$root.overlay.frame_loading = true
 
-            this.async_task_interval = 100;
-            var form = this.$refs.form;
-            if (form === undefined) {
-                form = this.$refs.formcomp.$refs.form;
-            }
-            api._postFormJSON(url, form, this.buy_callback, this.buy_error_callback);
-        }
-    },
-    buy_error_callback: function (xhr, data) {
-        if (xhr.status === 429 && typeof xhr.responseURL !== "undefined") {
-            this.$root.overlay.error_message = strings['cart_error_429'];
-            this.$root.overlay.frame_loading = false;
-            this.$root.overlay.error_url_after = this.$root.newTabTarget;
-            this.$root.overlay.error_url_after_new_tab = true;
-            return;
-        }
-        if (xhr.status === 405 && typeof xhr.responseURL !== "undefined") {
-            // Likely a redirect!
-            this.$root.target_url = xhr.responseURL.substr(0, xhr.responseURL.indexOf("/cart/add") - 18);
-            this.$root.overlay.frame_loading = false;
-            this.buy();
-            return;
-        }
-        this.$root.overlay.error_message = strings['cart_error'];
-        this.$root.overlay.frame_loading = false;
-    },
-    buy_check_error_callback: function (xhr, data) {
-        if (xhr.status == 200 || (xhr.status >= 400 && xhr.status < 500)) {
-            this.$root.overlay.error_message = strings['cart_error'];
-            this.$root.overlay.frame_loading = false;
-        } else {
-            this.async_task_timeout = window.setTimeout(this.buy_check, 1000);
-        }
-    },
-    buy_callback: function (data) {
-        if (data.redirect) {
-            if (data.cart_id) {
-                this.$root.set_cart_id(data.cart_id);
-            }
-            if (data.redirect.substr(0, 1) === '/') {
-                data.redirect = this.$root.target_url.replace(/^([^\/]+:\/\/[^\/]+)\/.*$/, "$1") + data.redirect;
-            }
-            var url = data.redirect;
-            if (url.indexOf('?')) {
-                url = url + '&iframe=1&locale=' + lang + '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id());
-            } else {
-                url = url + '?iframe=1&locale=' + lang + '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id());
-            }
-            url += this.$root.consent_parameter;
-            if (this.$root.additionalURLParams) {
-                url += '&' + this.$root.additionalURLParams;
-            }
-            if (data.success === false) {
-                url = url.replace(/checkout\/start/g, "");
-                this.$root.overlay.error_message = data.message;
-                if (data.has_cart) {
-                    this.$root.overlay.error_url_after = url;
-                }
-                this.$root.overlay.frame_loading = false;
-            } else {
-                this.$root.overlay.frame_src = url;
-            }
-        } else {
-            this.async_task_id = data.async_id;
-            if (data.check_url) {
-                this.async_task_check_url = this.$root.target_url.replace(/^([^\/]+:\/\/[^\/]+)\/.*$/, "$1") + data.check_url;
-            }
-            this.async_task_timeout = window.setTimeout(this.buy_check, this.async_task_interval);
-            this.async_task_interval = 250;
-        }
-    },
-    buy_check: function () {
-        api._getJSON(this.async_task_check_url, this.buy_callback, this.buy_check_error_callback);
-    },
-    redeem: function (event) {
-        if (this.$root.useIframe) {
-            event.preventDefault();
-            this.voucher_open(this.voucher);
-        }
-    },
-    voucher_open: function (voucher) {
-        var redirect_url = this.$root.voucherFormTarget + '&voucher=' + encodeURIComponent(voucher);
-        if (this.$root.useIframe) {
-            this.$root.overlay.frame_src = redirect_url;
-        } else {
-            window.open(redirect_url);
-        }
-    },
-    resume: function () {
-        if (!this.$root.get_cart_id() && this.$root.keep_cart) {
-            // create an empty cart whose id we can persist
-            this.$root.create_cart(this.resume)
-            return;
-        }
-        var redirect_url;
-        redirect_url = this.$root.target_url + 'w/' + widget_id + '/';
-        if (this.$root.subevent && this.$root.is_button && this.$root.items.length === 0) {
-            // button with subevent but no items
-            redirect_url += this.$root.subevent + '/';
-        }
-        redirect_url += '?iframe=1&locale=' + lang;
-        if (this.$root.get_cart_id()) {
-            redirect_url += '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id());
-            if (this.$root.keep_cart) {
-                // make sure the cart-id is used, even if the cart is currently empty
-                redirect_url += '&ajax=1'
-            }
-        }
-        if (this.$root.widget_data) {
-            redirect_url += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json);
-        }
-        redirect_url += this.$root.consent_parameter;
-        if (this.$root.additionalURLParams) {
-            redirect_url += '&' + this.$root.additionalURLParams;
-        }
-        if (this.$root.useIframe) {
-            this.$root.overlay.frame_src = redirect_url;
-        } else {
-            window.open(redirect_url);
-        }
-    },
-};
+			this.async_task_interval = 100
+			let form = this.$refs.form
+			if (form === undefined) {
+				form = this.$refs.formcomp.$refs.form
+			}
+			api._postFormJSON(url, form, this.buy_callback, this.buy_error_callback)
+		}
+	},
+	buy_error_callback: function (xhr, data) {
+		if (xhr.status === 429 && typeof xhr.responseURL !== 'undefined') {
+			this.$root.overlay.error_message = strings['cart_error_429']
+			this.$root.overlay.frame_loading = false
+			this.$root.overlay.error_url_after = this.$root.newTabTarget
+			this.$root.overlay.error_url_after_new_tab = true
+			return
+		}
+		if (xhr.status === 405 && typeof xhr.responseURL !== 'undefined') {
+			// Likely a redirect!
+			this.$root.target_url = xhr.responseURL.substr(0, xhr.responseURL.indexOf('/cart/add') - 18)
+			this.$root.overlay.frame_loading = false
+			this.buy()
+			return
+		}
+		this.$root.overlay.error_message = strings['cart_error']
+		this.$root.overlay.frame_loading = false
+	},
+	buy_check_error_callback: function (xhr, data) {
+		if (xhr.status == 200 || (xhr.status >= 400 && xhr.status < 500)) {
+			this.$root.overlay.error_message = strings['cart_error']
+			this.$root.overlay.frame_loading = false
+		} else {
+			this.async_task_timeout = window.setTimeout(this.buy_check, 1000)
+		}
+	},
+	buy_callback: function (data) {
+		if (data.redirect) {
+			if (data.cart_id) {
+				this.$root.set_cart_id(data.cart_id)
+			}
+			if (data.redirect.substr(0, 1) === '/') {
+				data.redirect = this.$root.target_url.replace(/^([^\/]+:\/\/[^\/]+)\/.*$/, '$1') + data.redirect
+			}
+			let url = data.redirect
+			if (url.indexOf('?')) {
+				url = url + '&iframe=1&locale=' + lang + '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id())
+			} else {
+				url = url + '?iframe=1&locale=' + lang + '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id())
+			}
+			url += this.$root.consent_parameter
+			if (this.$root.additionalURLParams) {
+				url += '&' + this.$root.additionalURLParams
+			}
+			if (data.success === false) {
+				url = url.replace(/checkout\/start/g, '')
+				this.$root.overlay.error_message = data.message
+				if (data.has_cart) {
+					this.$root.overlay.error_url_after = url
+				}
+				this.$root.overlay.frame_loading = false
+			} else {
+				this.$root.overlay.frame_src = url
+			}
+		} else {
+			this.async_task_id = data.async_id
+			if (data.check_url) {
+				this.async_task_check_url = this.$root.target_url.replace(/^([^\/]+:\/\/[^\/]+)\/.*$/, '$1') + data.check_url
+			}
+			this.async_task_timeout = window.setTimeout(this.buy_check, this.async_task_interval)
+			this.async_task_interval = 250
+		}
+	},
+	buy_check: function () {
+		api._getJSON(this.async_task_check_url, this.buy_callback, this.buy_check_error_callback)
+	},
+	redeem: function (event) {
+		if (this.$root.useIframe) {
+			event.preventDefault()
+			this.voucher_open(this.voucher)
+		}
+	},
+	voucher_open: function (voucher) {
+		let redirect_url = this.$root.voucherFormTarget + '&voucher=' + encodeURIComponent(voucher)
+		if (this.$root.useIframe) {
+			this.$root.overlay.frame_src = redirect_url
+		} else {
+			window.open(redirect_url)
+		}
+	},
+	resume: function () {
+		if (!this.$root.get_cart_id() && this.$root.keep_cart) {
+			// create an empty cart whose id we can persist
+			this.$root.create_cart(this.resume)
+			return
+		}
+		let redirect_url
+		redirect_url = this.$root.target_url + 'w/' + widget_id + '/'
+		if (this.$root.subevent && this.$root.is_button && this.$root.items.length === 0) {
+			// button with subevent but no items
+			redirect_url += this.$root.subevent + '/'
+		}
+		redirect_url += '?iframe=1&locale=' + lang
+		if (this.$root.get_cart_id()) {
+			redirect_url += '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id())
+			if (this.$root.keep_cart) {
+				// make sure the cart-id is used, even if the cart is currently empty
+				redirect_url += '&ajax=1'
+			}
+		}
+		if (this.$root.widget_data) {
+			redirect_url += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json)
+		}
+		redirect_url += this.$root.consent_parameter
+		if (this.$root.additionalURLParams) {
+			redirect_url += '&' + this.$root.additionalURLParams
+		}
+		if (this.$root.useIframe) {
+			this.$root.overlay.frame_src = redirect_url
+		} else {
+			window.open(redirect_url)
+		}
+	},
+}
 
-var shared_widget_data = function () {
-    return {
-        async_task_id: null,
-        async_task_check_url: null,
-        async_task_timeout: null,
-        async_task_interval: 100,
-        voucher: null,
-        mobile: false,
-    }
-};
+let shared_widget_data = function () {
+	return {
+		async_task_id: null,
+		async_task_check_url: null,
+		async_task_timeout: null,
+		async_task_interval: 100,
+		voucher: null,
+		mobile: false,
+	}
+}
 
-var shared_loading_fragment = (
-    '<div class="pretix-widget-loading" v-show="$root.loading > 0">'
-    + '<svg width="128" height="128" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path class="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"/></svg>'
-    + '</div>'
-);
+let shared_loading_fragment = (
+	'<div class="pretix-widget-loading" v-show="$root.loading > 0">'
+	+ '<svg width="128" height="128" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path class="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"/></svg>'
+	+ '</div>'
+)
 
-var shared_iframe_fragment = (
-    '<dialog :class="frameClasses" aria-label="'+strings.checkout+'" @close="close" @cancel="cancel">'
-    + '<div class="pretix-widget-frame-loading" v-show="$root.frame_loading">'
-        + '<svg width="256" height="256" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path class="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"/></svg>'
-        + '<p :class="cancelBlockedClasses"><strong>'+strings.cancel_blocked+'</strong></p>'
-    + '</div>'
-    + '<div class="pretix-widget-frame-inner" ref="frame-container" v-show="$root.frame_shown">'
-        + '<form class="pretix-widget-frame-close" method="dialog"><button aria-label="'+strings.close_checkout+'" autofocus="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"/></svg>'
-        + '</button></form>'
-        + '<iframe frameborder="0" width="650" height="650" @load="iframeLoaded" '
-        + '        :name="$root.parent.widget_id" src="about:blank" v-once'
-        + '        allow="autoplay *; camera *; fullscreen *; payment *"'
-        + '        title="'+strings.checkout+'"'
-        + '        referrerpolicy="origin">'
-        + 'Please enable frames in your browser!'
-        + '</iframe>'
-    + '</div>'
-    + '</dialog>'
-);
+let shared_iframe_fragment = (
+	'<dialog :class="frameClasses" aria-label="' + strings.checkout + '" @close="close" @cancel="cancel">'
+	+ '<div class="pretix-widget-frame-loading" v-show="$root.frame_loading">'
+	+ '<svg width="256" height="256" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path class="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"/></svg>'
+	+ '<p :class="cancelBlockedClasses"><strong>' + strings.cancel_blocked + '</strong></p>'
+	+ '</div>'
+	+ '<div class="pretix-widget-frame-inner" ref="frame-container" v-show="$root.frame_shown">'
+	+ '<form class="pretix-widget-frame-close" method="dialog"><button aria-label="' + strings.close_checkout + '" autofocus="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"/></svg>'
+	+ '</button></form>'
+	+ '<iframe frameborder="0" width="650" height="650" @load="iframeLoaded" '
+	+ '        :name="$root.parent.widget_id" src="about:blank" v-once'
+	+ '        allow="autoplay *; camera *; fullscreen *; payment *"'
+	+ '        title="' + strings.checkout + '"'
+	+ '        referrerpolicy="origin">'
+	+ 'Please enable frames in your browser!'
+	+ '</iframe>'
+	+ '</div>'
+	+ '</dialog>'
+)
 
-var shared_alert_fragment = (
-    '<dialog :class="alertClasses" role="alertdialog" v-bind:aria-labelledby="$root.parent.html_id + \'-error-message\'" @close="errorClose">'
-    + '<form class="pretix-widget-alert-box" method="dialog">'
-    + '<p :id="$root.parent.html_id + \'-error-message\'">{{ $root.error_message }}</p>'
-    + '<p><button v-if="$root.error_url_after" @click="errorContinue" autofocus v-bind:aria-describedby="$root.parent.html_id + \'-error-message\'">' + strings.continue + '</button>'
-    + '<button v-else autofocus v-bind:aria-describedby="$root.parent.html_id + \'-error-message\'">' + strings.close + '</button></p>'
-    + '</form>'
-    + '<transition name="bounce">'
-    + '<svg v-if="$root.error_message" width="64" height="64" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="pretix-widget-alert-icon"><path style="fill:#ffffff;" d="M 599.86438,303.72882 H 1203.5254 V 1503.4576 H 599.86438 Z" /><path class="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"/></svg>'
-    + '</transition>'
-    + '</dialog>'
-);
+let shared_alert_fragment = (
+	'<dialog :class="alertClasses" role="alertdialog" v-bind:aria-labelledby="$root.parent.html_id + \'-error-message\'" @close="errorClose">'
+	+ '<form class="pretix-widget-alert-box" method="dialog">'
+	+ '<p :id="$root.parent.html_id + \'-error-message\'">{{ $root.error_message }}</p>'
+	+ '<p><button v-if="$root.error_url_after" @click="errorContinue" autofocus v-bind:aria-describedby="$root.parent.html_id + \'-error-message\'">' + strings.continue + '</button>'
+	+ '<button v-else autofocus v-bind:aria-describedby="$root.parent.html_id + \'-error-message\'">' + strings.close + '</button></p>'
+	+ '</form>'
+	+ '<transition name="bounce">'
+	+ '<svg v-if="$root.error_message" width="64" height="64" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="pretix-widget-alert-icon"><path style="fill:#ffffff;" d="M 599.86438,303.72882 H 1203.5254 V 1503.4576 H 599.86438 Z" /><path class="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"/></svg>'
+	+ '</transition>'
+	+ '</dialog>'
+)
 
-var shared_lightbox_fragment = (
-    '<dialog :class="lightboxClasses" role="alertdialog" @close="lightboxClose">'
-        + '<div class="pretix-widget-lightbox-loading" v-if="$root.lightbox?.loading">'
-            + '<svg width="256" height="256" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path class="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"/></svg>'
-        + '</div>'
-        + '<div class="pretix-widget-lightbox-inner" v-if="$root.lightbox">'
-            + '<form class="pretix-widget-lightbox-close" method="dialog"><button aria-label="'+strings.close+'" autofocus="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"/></svg>'
-            + '</button></form>'
-            + '<figure class="pretix-widget-lightbox-image">'
-                + '<img :src="$root.lightbox.image" :alt="$root.lightbox.description" @load="lightboxLoaded" ref="lightboxImage" crossorigin>'
-                + '<figcaption v-if="$root.lightbox.description">{{$root.lightbox.description}}</figcaption>'
-            + '</figure>'
-        + '</div>'
-    + '</dialog>'
-);
+let shared_lightbox_fragment = (
+	'<dialog :class="lightboxClasses" role="alertdialog" @close="lightboxClose">'
+	+ '<div class="pretix-widget-lightbox-loading" v-if="$root.lightbox?.loading">'
+	+ '<svg width="256" height="256" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path class="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"/></svg>'
+	+ '</div>'
+	+ '<div class="pretix-widget-lightbox-inner" v-if="$root.lightbox">'
+	+ '<form class="pretix-widget-lightbox-close" method="dialog"><button aria-label="' + strings.close + '" autofocus="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"/></svg>'
+	+ '</button></form>'
+	+ '<figure class="pretix-widget-lightbox-image">'
+	+ '<img :src="$root.lightbox.image" :alt="$root.lightbox.description" @load="lightboxLoaded" ref="lightboxImage" crossorigin>'
+	+ '<figcaption v-if="$root.lightbox.description">{{$root.lightbox.description}}</figcaption>'
+	+ '</figure>'
+	+ '</div>'
+	+ '</dialog>'
+)
 
-Vue.component('pretix-overlay', {
-    template: ('<div class="pretix-widget-overlay">'
-        + shared_iframe_fragment
-        + shared_alert_fragment
-        + shared_lightbox_fragment
-        + '</div>'
-    ),
-    data: function () {
-        return {
-            cancelBlocked: false,
-        }
-    },
-    watch: {
-        '$root.lightbox': function (newValue, oldValue) {
-            if (newValue) {
-                if (newValue.image != oldValue?.image) {
-                    this.$set(newValue, "loading", true);
-                }
-                if (!oldValue) {
-                    this.$el?.querySelector(".pretix-widget-lightbox-holder").showModal();
-                }
-            }
-        },
-        '$root.error_message': function (newValue, oldValue) {
-            if (newValue) {
-                if (!oldValue) {
-                    this.$el?.querySelector(".pretix-widget-alert-holder").showModal();
-                }
-            }
-        },
-        '$root.frame_shown': function (newValue) {
-            if (newValue) {
-                var btn = this.$el?.querySelector('.pretix-widget-frame-close button');
-                this.$nextTick(function() {
-                    btn.focus();
-                });
-            }
-        },
-    },
-    computed: {
-        frameClasses: function () {
-            return {
-                'pretix-widget-frame-holder': true,
-                'pretix-widget-frame-shown': this.$root.frame_shown || this.$root.frame_loading,
-                'pretix-widget-frame-isloading': this.$root.frame_loading,
-            };
-        },
-        alertClasses: function () {
-            return {
-                'pretix-widget-alert-holder': true,
-                'pretix-widget-alert-shown': this.$root.error_message,
-            };
-        },
-        lightboxClasses: function () {
-            return {
-                'pretix-widget-lightbox-holder': true,
-                'pretix-widget-lightbox-shown': this.$root.lightbox,
-                'pretix-widget-lightbox-isloading': this.$root.lightbox?.loading,
-            };
-        },
-        cancelBlockedClasses: function () {
-            return {
-                'pretix-widget-visibility-hidden': !this.cancelBlocked,
-            }
-        },
-    },
-    mounted () {
-        window.addEventListener('message', this.onMessage, false);
-    },
-    unmounted () {
-        window.removeEventListener('message', this.onMessage, false);
-    },
-    methods: {
-        onMessage: function(e) {
-            if (e.data.type && e.data.type == "pretix:widget:title") {
-                this.$el.querySelector("iframe").title = e.data.title;
-            }
-        },
-        lightboxClose: function () {
-            this.$root.lightbox = null;
-        },
-        lightboxLoaded: function () {
-            this.$root.lightbox.loading = false;
-        },
-        errorClose: function (e) {
-            this.$root.error_message = null;
-            this.$root.error_url_after = null;
-            this.$root.error_url_after_new_tab = false;
-        },
-        errorContinue: function () {
-            if (this.$root.error_url_after_new_tab) {
-                window.open(this.$root.error_url_after);
-            } else if (this.$root.overlay) {
-                this.$root.overlay.frame_src = this.$root.error_url_after;
-                this.$root.frame_loading = true;
-            }
-        },
-        close: function (e) {
-            if (this.$root.frame_loading) {
-                // Chrome does not allow blocking dialog.cancel event more than once
-                // => wiggle the loading-element and re-open the modal
-                this.cancel(e);
-                e.target.showModal();
-                return;
-            }
-            this.$root.frame_shown = false;
-            this.$root.parent.frame_dismissed = true;
-            this.$root.frame_src = "";
-            this.$root.parent.reload();
-            this.$root.parent.trigger_close_callback();
-        },
-        cancel: function (e) {
-            // do not allow to cancel while frame is loading as we cannot abort the operation
-            if (this.$root.frame_loading) {
-                e.preventDefault();
-                e.target.addEventListener("animationend", function () {
-                    e.target.classList.remove("pretix-widget-shake-once");
-                }, {once: true});
-                e.target.classList.add("pretix-widget-shake-once");
-                this.cancelBlocked = true;
-            }
-        },
-        iframeLoaded: function () {
-            if (this.$root.frame_loading) {
-                this.$root.frame_loading = false;
-                this.cancelBlocked = false;
-                if (this.$root.frame_src) {
-                    this.$root.frame_shown = true;
-                }
-            }
-        },
-    }
-});
+Vue.component('PretixOverlay', {
+	data: function () {
+		return {
+			cancelBlocked: false,
+		}
+	},
+	computed: {
+		frameClasses: function () {
+			return {
+				'pretix-widget-frame-holder': true,
+				'pretix-widget-frame-shown': this.$root.frame_shown || this.$root.frame_loading,
+				'pretix-widget-frame-isloading': this.$root.frame_loading,
+			}
+		},
+		alertClasses: function () {
+			return {
+				'pretix-widget-alert-holder': true,
+				'pretix-widget-alert-shown': this.$root.error_message,
+			}
+		},
+		lightboxClasses: function () {
+			return {
+				'pretix-widget-lightbox-holder': true,
+				'pretix-widget-lightbox-shown': this.$root.lightbox,
+				'pretix-widget-lightbox-isloading': this.$root.lightbox?.loading,
+			}
+		},
+		cancelBlockedClasses: function () {
+			return {
+				'pretix-widget-visibility-hidden': !this.cancelBlocked,
+			}
+		},
+	},
+	watch: {
+		'$root.lightbox': function (newValue, oldValue) {
+			if (newValue) {
+				if (newValue.image != oldValue?.image) {
+					this.$set(newValue, 'loading', true)
+				}
+				if (!oldValue) {
+					this.$el?.querySelector('.pretix-widget-lightbox-holder').showModal()
+				}
+			}
+		},
+		'$root.error_message': function (newValue, oldValue) {
+			if (newValue) {
+				if (!oldValue) {
+					this.$el?.querySelector('.pretix-widget-alert-holder').showModal()
+				}
+			}
+		},
+		'$root.frame_shown': function (newValue) {
+			if (newValue) {
+				let btn = this.$el?.querySelector('.pretix-widget-frame-close button')
+				this.$nextTick(function () {
+					btn.focus()
+				})
+			}
+		},
+	},
+	mounted () {
+		window.addEventListener('message', this.onMessage, false)
+	},
+	unmounted () {
+		window.removeEventListener('message', this.onMessage, false)
+	},
+	methods: {
+		onMessage: function (e) {
+			if (e.data.type && e.data.type == 'pretix:widget:title') {
+				this.$el.querySelector('iframe').title = e.data.title
+			}
+		},
+		lightboxClose: function () {
+			this.$root.lightbox = null
+		},
+		lightboxLoaded: function () {
+			this.$root.lightbox.loading = false
+		},
+		errorClose: function (e) {
+			this.$root.error_message = null
+			this.$root.error_url_after = null
+			this.$root.error_url_after_new_tab = false
+		},
+		errorContinue: function () {
+			if (this.$root.error_url_after_new_tab) {
+				window.open(this.$root.error_url_after)
+			} else if (this.$root.overlay) {
+				this.$root.overlay.frame_src = this.$root.error_url_after
+				this.$root.frame_loading = true
+			}
+		},
+		close: function (e) {
+			if (this.$root.frame_loading) {
+				// Chrome does not allow blocking dialog.cancel event more than once
+				// => wiggle the loading-element and re-open the modal
+				this.cancel(e)
+				e.target.showModal()
+				return
+			}
+			this.$root.frame_shown = false
+			this.$root.parent.frame_dismissed = true
+			this.$root.frame_src = ''
+			this.$root.parent.reload()
+			this.$root.parent.trigger_close_callback()
+		},
+		cancel: function (e) {
+			// do not allow to cancel while frame is loading as we cannot abort the operation
+			if (this.$root.frame_loading) {
+				e.preventDefault()
+				e.target.addEventListener('animationend', function () {
+					e.target.classList.remove('pretix-widget-shake-once')
+				}, { once: true })
+				e.target.classList.add('pretix-widget-shake-once')
+				this.cancelBlocked = true
+			}
+		},
+		iframeLoaded: function () {
+			if (this.$root.frame_loading) {
+				this.$root.frame_loading = false
+				this.cancelBlocked = false
+				if (this.$root.frame_src) {
+					this.$root.frame_shown = true
+				}
+			}
+		},
+	},
+	template: ('<div class="pretix-widget-overlay">'
+		+ shared_iframe_fragment
+		+ shared_alert_fragment
+		+ shared_lightbox_fragment
+		+ '</div>'
+	)
+})
 
-Vue.component('pretix-widget-event-form', {
-    template: ('<div class="pretix-widget-event-form">'
-        // Back navigation
-        + '<div class="pretix-widget-event-list-back" v-if="$root.events || $root.weeks || $root.days">'
-        + '<a href="#" rel="back" @click.prevent.stop="back_to_list" v-if="!$root.subevent">&lsaquo; '
-        + strings['back_to_list']
-        + '</a>'
-        + '<a href="#" rel="back" @click.prevent.stop="back_to_list" v-if="$root.subevent">&lsaquo; '
-        + strings['back_to_dates']
-        + '</a>'
-        + '</div>'
+Vue.component('PretixWidgetEventForm', {
+	data: function () {
+		return {
+			is_items_selected: false,
+		}
+	},
+	computed: {
+		id_voucher_input: function () {
+			return this.$root.html_id + '-voucher-input'
+		},
+		aria_labelledby: function () {
+			return this.$root.html_id + '-voucher-headline'
+		},
+		display_event_info: function () {
+			return this.$root.display_event_info || (this.$root.display_event_info === null && (this.$root.events || this.$root.weeks || this.$root.days))
+		},
+		id_cart_exists_msg: function () {
+			return this.$root.html_id + '-cart-exists'
+		},
+		buy_label: function () {
+			let i, j, k, all_free = true
+			for (i = 0; i < this.$root.categories.length; i++) {
+				let cat = this.$root.categories[i]
+				for (j = 0; j < cat.items.length; j++) {
+					let item = cat.items[j]
+					for (k = 0; k < item.variations.length; k++) {
+						let v = item.variations[k]
+						if (v.price.gross !== '0.00') {
+							all_free = false
+							break
+						}
+					}
+					if ((item.variations.length === 0 && item.price.gross !== '0.00') || item.mandatory_priced_addons) {
+						all_free = false
+						break
+					}
+				}
+				if (!all_free) {
+					break
+				}
+			}
+			if (all_free) {
+				return strings.register
+			} else {
+				return strings.buy
+			}
+		},
+		hiddenParams: function () {
+			let params = new URL(this.$root.voucherFormTarget).searchParams
+			params.delete('iframe')
+			params.delete('take_cart_id')
+			return [...params.entries()]
+		},
+	},
+	watch: {
+		'$root.overlay.frame_shown': function (newValue) {
+			if (!newValue) {
+				this.$refs.form.reset()
+				this.calc_items_selected()
+			}
+		}
+	},
+	mounted: function () {
+		this.$root.$on('focus_voucher_field', this.focus_voucher_field)
+		this.$refs.form.addEventListener('change', this.calc_items_selected)
+	},
+	beforeUnmount: function () {
+		this.$root.$off('focus_voucher_field', this.focus_voucher_field)
+		this.$refs.form.removeEventListener('change', this.calc_items_selected)
+	},
+	methods: {
+		back_to_list: function () {
+			this.$root.target_url = this.$root.parent_stack.pop()
+			this.$root.error = null
+			if (!this.$root.subevent) {
+				// reset if we are not in a series
+				this.$root.name = null
+				this.$root.frontpage_text = null
+			}
+			this.$root.subevent = null
+			this.$root.offset = 0
+			this.$root.append_events = false
+			this.$root.trigger_load_callback()
+			if (this.$root.events !== undefined && this.$root.events !== null) {
+				this.$root.view = 'events'
+			} else if (this.$root.days !== undefined && this.$root.days !== null) {
+				this.$root.view = 'days'
+			} else {
+				this.$root.view = 'weeks'
+			}
 
-        // Event name
-        + '<div class="pretix-widget-event-header" v-if="display_event_info">'
-        + '<strong role="heading" aria-level="2">{{ $root.name }}</strong>'
-        + '</div>'
+			let $el = this.$root.$el
+			this.$root.$nextTick(function () {
+				// wait for redraw, then focus content element for better a11y
+				$el.focus()
+			})
+		},
+		calc_items_selected: function () {
+			this.is_items_selected = [...this.$refs.form.querySelectorAll('input[type=checkbox], input[type=radio]')].some(function (element) {
+				return element.checked
+			}) || [...this.$refs.form.querySelectorAll('.pretix-widget-item-count-group input')].some(function (element) {
+				return parseInt(element.value || '0') > 0
+			})
+		},
+	},
+	template: ('<div class="pretix-widget-event-form">'
+	// Back navigation
+		+ '<div class="pretix-widget-event-list-back" v-if="$root.events || $root.weeks || $root.days">'
+		+ '<a href="#" rel="back" @click.prevent.stop="back_to_list" v-if="!$root.subevent">&lsaquo; '
+		+ strings['back_to_list']
+		+ '</a>'
+		+ '<a href="#" rel="back" @click.prevent.stop="back_to_list" v-if="$root.subevent">&lsaquo; '
+		+ strings['back_to_dates']
+		+ '</a>'
+		+ '</div>'
 
-        // Date range
-        + '<div class="pretix-widget-event-details" v-if="display_event_info && $root.date_range">'
-        + '{{ $root.date_range }}'
-        + '</div>'
+	// Event name
+		+ '<div class="pretix-widget-event-header" v-if="display_event_info">'
+		+ '<strong role="heading" aria-level="2">{{ $root.name }}</strong>'
+		+ '</div>'
 
-        // Location
-        + '<div class="pretix-widget-event-location" v-if="display_event_info && $root.location" v-html="$root.location"></div>'
+	// Date range
+		+ '<div class="pretix-widget-event-details" v-if="display_event_info && $root.date_range">'
+		+ '{{ $root.date_range }}'
+		+ '</div>'
 
-        // Form start
-        + '<div class="pretix-widget-event-description" v-if="display_event_info && $root.frontpage_text" v-html="$root.frontpage_text"></div>'
-        + '<form method="post" :action="$root.formAction" ref="form" :target="$root.formTarget" @submit="$parent.buy">'
-        + '<input type="hidden" name="_voucher_code" :value="$root.voucher_code" v-if="$root.voucher_code">'
-        + '<input type="hidden" name="subevent" :value="$root.subevent" />'
-        + '<input type="hidden" name="widget_data" :value="$root.widget_data_json" />'
-        + '<input v-if="$root.consent_parameter_value" type="hidden" name="consent" :value="$root.consent_parameter_value" />'
+	// Location
+		+ '<div class="pretix-widget-event-location" v-if="display_event_info && $root.location" v-html="$root.location"></div>'
 
-        // Error message
-        + '<div class="pretix-widget-error-message" v-if="$root.error">{{ $root.error }}</div>'
+	// Form start
+		+ '<div class="pretix-widget-event-description" v-if="display_event_info && $root.frontpage_text" v-html="$root.frontpage_text"></div>'
+		+ '<form method="post" :action="$root.formAction" ref="form" :target="$root.formTarget" @submit="$parent.buy">'
+		+ '<input type="hidden" name="_voucher_code" :value="$root.voucher_code" v-if="$root.voucher_code">'
+		+ '<input type="hidden" name="subevent" :value="$root.subevent" />'
+		+ '<input type="hidden" name="widget_data" :value="$root.widget_data_json" />'
+		+ '<input v-if="$root.consent_parameter_value" type="hidden" name="consent" :value="$root.consent_parameter_value" />'
 
-        // Resume cart
-        + '<div class="pretix-widget-info-message pretix-widget-clickable" v-if="$root.cart_exists">'
-        + '<span :id="id_cart_exists_msg">' + strings['cart_exists'] + '</span>'
-        + '<button @click.prevent.stop="$parent.resume" class="pretix-widget-resume-button" type="button" v-bind:aria-describedby="id_cart_exists_msg">'
-        + strings['resume_checkout']
-        + '</button>'
-        + '</div>'
+	// Error message
+		+ '<div class="pretix-widget-error-message" v-if="$root.error">{{ $root.error }}</div>'
 
-        // Seating plan
-        + '<div class="pretix-widget-seating-link-wrapper" v-if="this.$root.has_seating_plan">'
-        + '<button class="pretix-widget-seating-link" type="button" @click.prevent.stop="$root.startseating">'
-        + strings['show_seating']
-        + '</button>'
-        + '</div>'
+	// Resume cart
+		+ '<div class="pretix-widget-info-message pretix-widget-clickable" v-if="$root.cart_exists">'
+		+ '<span :id="id_cart_exists_msg">' + strings['cart_exists'] + '</span>'
+		+ '<button @click.prevent.stop="$parent.resume" class="pretix-widget-resume-button" type="button" v-bind:aria-describedby="id_cart_exists_msg">'
+		+ strings['resume_checkout']
+		+ '</button>'
+		+ '</div>'
 
-        // Waiting list for seating plan
-        + '<div class="pretix-widget-seating-waitinglist" v-if="this.$root.has_seating_plan && this.$root.has_seating_plan_waitinglist">'
-        + '<div class="pretix-widget-seating-waitinglist-text">'
-        + strings['seating_plan_waiting_list']
-        + '</div>'
-        + '<div class="pretix-widget-seating-waitinglist-button-wrap">'
-        + '<button class="pretix-widget-seating-waitinglist-button" @click.prevent.stop="$root.startwaiting">'
-        + strings['waiting_list']
-        + '</button>'
-        + '</div>'
-        + '<div class="pretix-widget-clear"></div>'
-        + '</div>'
+	// Seating plan
+		+ '<div class="pretix-widget-seating-link-wrapper" v-if="this.$root.has_seating_plan">'
+		+ '<button class="pretix-widget-seating-link" type="button" @click.prevent.stop="$root.startseating">'
+		+ strings['show_seating']
+		+ '</button>'
+		+ '</div>'
 
-        // Actual product list
-        + '<category v-for="category in this.$root.categories" :category="category" :key="category.id"></category>'
+	// Waiting list for seating plan
+		+ '<div class="pretix-widget-seating-waitinglist" v-if="this.$root.has_seating_plan && this.$root.has_seating_plan_waitinglist">'
+		+ '<div class="pretix-widget-seating-waitinglist-text">'
+		+ strings['seating_plan_waiting_list']
+		+ '</div>'
+		+ '<div class="pretix-widget-seating-waitinglist-button-wrap">'
+		+ '<button class="pretix-widget-seating-waitinglist-button" @click.prevent.stop="$root.startwaiting">'
+		+ strings['waiting_list']
+		+ '</button>'
+		+ '</div>'
+		+ '<div class="pretix-widget-clear"></div>'
+		+ '</div>'
 
-        // Buy button
-        + '<div class="pretix-widget-action" v-if="$root.display_add_to_cart">'
-        + '<button v-if="!this.$root.cart_exists || this.is_items_selected" type="submit" v-bind:aria-describedby="id_cart_exists_msg">{{ buy_label }}</button>'
-        + '<button v-else @click.prevent.stop="$parent.resume" type="button" v-bind:aria-describedby="id_cart_exists_msg">'
-        + strings['resume_checkout']
-        + '</button>'
-        + '</div>'
+	// Actual product list
+		+ '<category v-for="category in this.$root.categories" :category="category" :key="category.id"></category>'
 
-        + '</form>'
+	// Buy button
+		+ '<div class="pretix-widget-action" v-if="$root.display_add_to_cart">'
+		+ '<button v-if="!this.$root.cart_exists || this.is_items_selected" type="submit" v-bind:aria-describedby="id_cart_exists_msg">{{ buy_label }}</button>'
+		+ '<button v-else @click.prevent.stop="$parent.resume" type="button" v-bind:aria-describedby="id_cart_exists_msg">'
+		+ strings['resume_checkout']
+		+ '</button>'
+		+ '</div>'
 
-        // Voucher form
-        + '<form method="get" :action="$root.voucherFormTarget" target="_blank" '
-        + '      v-if="$root.vouchers_exist && !$root.disable_vouchers && !$root.voucher_code">'
-        + '<div class="pretix-widget-voucher">'
-        + '<h3 class="pretix-widget-voucher-headline" :id="aria_labelledby">'+ strings['redeem_voucher'] +'</h3>'
-        + '<div v-if="$root.voucher_explanation_text" class="pretix-widget-voucher-text" v-html="$root.voucher_explanation_text"></div>'
-        + '<div class="pretix-widget-voucher-input-wrap">'
-        + '<input :id="id_voucher_input" class="pretix-widget-voucher-input" ref="voucherinput" type="text" v-model="$parent.voucher" name="voucher" placeholder="'+strings.voucher_code+'" v-bind:aria-labelledby="aria_labelledby">'
-        + '</div>'
-        + '<input type="hidden" v-for="p in hiddenParams" :name="p[0]" :value="p[1]" />'
-        + '<div class="pretix-widget-voucher-button-wrap">'
-        + '<button @click="$parent.redeem">' + strings.redeem + '</button>'
-        + '</div>'
+		+ '</form>'
+
+	// Voucher form
+		+ '<form method="get" :action="$root.voucherFormTarget" target="_blank" '
+		+ '      v-if="$root.vouchers_exist && !$root.disable_vouchers && !$root.voucher_code">'
+		+ '<div class="pretix-widget-voucher">'
+		+ '<h3 class="pretix-widget-voucher-headline" :id="aria_labelledby">' + strings['redeem_voucher'] + '</h3>'
+		+ '<div v-if="$root.voucher_explanation_text" class="pretix-widget-voucher-text" v-html="$root.voucher_explanation_text"></div>'
+		+ '<div class="pretix-widget-voucher-input-wrap">'
+		+ '<input :id="id_voucher_input" class="pretix-widget-voucher-input" ref="voucherinput" type="text" v-model="$parent.voucher" name="voucher" placeholder="' + strings.voucher_code + '" v-bind:aria-labelledby="aria_labelledby">'
+		+ '</div>'
+		+ '<input type="hidden" v-for="p in hiddenParams" :name="p[0]" :value="p[1]" />'
+		+ '<div class="pretix-widget-voucher-button-wrap">'
+		+ '<button @click="$parent.redeem">' + strings.redeem + '</button>'
+    	+ '</div>'
         + '<div class="pretix-widget-clear"></div>'
         + '</div>'
         + '</form>'
 
         + '</div>'
-    ),
-    data: function () {
-        return {
-            is_items_selected: false,
-        }
-    },
-    watch: {
-        '$root.overlay.frame_shown': function (newValue) {
-            if (!newValue) {
-                this.$refs.form.reset();
-                this.calc_items_selected();
-            }
-        }
-    },
-    mounted: function() {
-        this.$root.$on('focus_voucher_field', this.focus_voucher_field);
-        this.$refs.form.addEventListener("change", this.calc_items_selected);
-    },
-    beforeDestroy: function() {
-        this.$root.$off('focus_voucher_field', this.focus_voucher_field);
-        this.$refs.form.removeEventListener("change", this.calc_items_selected);
-    },
-    computed: {
-        id_voucher_input: function () {
-            return this.$root.html_id + '-voucher-input';
-        },
-        aria_labelledby: function () {
-            return this.$root.html_id + '-voucher-headline';
-        },
-        display_event_info: function () {
-            return this.$root.display_event_info || (this.$root.display_event_info === null && (this.$root.events || this.$root.weeks || this.$root.days));
-        },
-        id_cart_exists_msg: function () {
-            return this.$root.html_id + '-cart-exists';
-        },
-        buy_label: function () {
-            var i, j, k, all_free = true;
-            for (i = 0; i < this.$root.categories.length; i++) {
-                var cat = this.$root.categories[i];
-                for (j = 0; j < cat.items.length; j++) {
-                    var item = cat.items[j];
-                    for (k = 0; k < item.variations.length; k++) {
-                        var v = item.variations[k];
-                        if (v.price.gross !== "0.00") {
-                            all_free = false;
-                            break;
-                        }
-                    }
-                    if ((item.variations.length === 0 && item.price.gross !== "0.00") || item.mandatory_priced_addons) {
-                        all_free = false;
-                        break;
-                    }
-                }
-                if (!all_free) {
-                    break;
-                }
-            }
-            if (all_free) {
-                return strings.register;
-            } else {
-                return strings.buy;
-            }
-        },
-        hiddenParams: function () {
-            var params = new URL(this.$root.voucherFormTarget).searchParams;
-            params.delete("iframe");
-            params.delete("take_cart_id");
-            return [...params.entries()];
-        },
-    },
-    methods: {
-        back_to_list: function() {
-            this.$root.target_url = this.$root.parent_stack.pop();
-            this.$root.error = null;
-            if (!this.$root.subevent) {
-                // reset if we are not in a series
-                this.$root.name = null;
-                this.$root.frontpage_text = null;
-            }
-            this.$root.subevent = null;
-            this.$root.offset = 0;
-            this.$root.append_events = false;
-            this.$root.trigger_load_callback();
-            if (this.$root.events !== undefined && this.$root.events !== null) {
-                this.$root.view = "events";
-            } else if (this.$root.days !== undefined && this.$root.days !== null) {
-                this.$root.view = "days";
-            } else {
-                this.$root.view = "weeks";
-            }
+	)
+})
 
-            var $el = this.$root.$el;
-            this.$root.$nextTick(function() {
-                // wait for redraw, then focus content element for better a11y
-                $el.focus();
-            });
-        },
-        calc_items_selected: function () {
-            this.is_items_selected = [...this.$refs.form.querySelectorAll("input[type=checkbox], input[type=radio]")].some(function(element) {
-                return element.checked;
-            }) || [...this.$refs.form.querySelectorAll(".pretix-widget-item-count-group input")].some(function(element) {
-                return parseInt(element.value || "0") > 0;
-            });
-        },
-    }
-});
+Vue.component('PretixWidgetEventListFilterField', {
+	props: {
+		field: Object
+	},
+	computed: {
+		id: function () {
+			return widget_id + '_' + this.field.key
+		},
+		currentValue: function () {
+			let filterParams = new URLSearchParams(this.$root.filter)
+			return filterParams.get(this.field.key) || ''
+		},
+	},
+	template: ('<div class="pretix-widget-event-list-filter-field">'
+		+ '<label :for="id">{{ field.label }}</label>'
+		+ '<select :id="id" :name="field.key" :value="currentValue">'
+		+ '<option v-for="choice in field.choices" :value="choice[0]">{{ choice[1] }}</option>'
+		+ '</select>'
+		+ '</div>'),
+})
 
-Vue.component('pretix-widget-event-list-filter-field', {
-    template: ('<div class="pretix-widget-event-list-filter-field">'
-        + '<label :for="id">{{ field.label }}</label>'
-        + '<select :id="id" :name="field.key" :value="currentValue">'
-        + '<option v-for="choice in field.choices" :value="choice[0]">{{ choice[1] }}</option>'
-        + '</select>'
-        + '</div>'),
-    props: {
-        field: Object
-    },
-    computed: {
-        id: function () {
-            return widget_id + "_" + this.field.key;
-        },
-        currentValue: function () {
-            var filterParams = new URLSearchParams(this.$root.filter);
-            return filterParams.get(this.field.key) || "";
-        },
-    },
-});
+Vue.component('PretixWidgetEventListFilterForm', {
+	methods: {
+		onSubmit: function (e) {
+			e.preventDefault()
+			let formData = new FormData(this.$refs.filterform)
+			let filterParams = new URLSearchParams(formData)
+			formData.forEach(function (value, key) {
+				if (value == '') {
+					filterParams.delete(key)
+				}
+			})
 
-Vue.component('pretix-widget-event-list-filter-form', {
-    template: ('<form ref="filterform" class="pretix-widget-event-list-filter-form" @submit="onSubmit">'
-            + '<fieldset class="pretix-widget-event-list-filter-fieldset">'
-                + '<legend>' + strings.filter_events_by + '</legend>'
-                + '<pretix-widget-event-list-filter-field v-for="field in $root.meta_filter_fields" :field="field" :key="field.key"></pretix-widget-event-list-filter-field>'
-                + '<button>' + strings.filter + '</button>'
-            + '</fieldset>'
-        + '</form>'),
-    methods: {
-        onSubmit: function(e) {
-            e.preventDefault();
-            var formData = new FormData(this.$refs.filterform);
-            var filterParams = new URLSearchParams(formData);
-            formData.forEach(function (value, key) {
-                if (value == "") {
-                    filterParams.delete(key);
-                }
-            });
+			this.$root.filter = filterParams.toString()
+			this.$root.loading++
+			this.$root.reload()
+		},
+	},
+	template: ('<form ref="filterform" class="pretix-widget-event-list-filter-form" @submit="onSubmit">'
+		+ '<fieldset class="pretix-widget-event-list-filter-fieldset">'
+		+ '<legend>' + strings.filter_events_by + '</legend>'
+		+ '<pretix-widget-event-list-filter-field v-for="field in $root.meta_filter_fields" :field="field" :key="field.key"></pretix-widget-event-list-filter-field>'
+		+ '<button>' + strings.filter + '</button>'
+		+ '</fieldset>'
+		+ '</form>'),
+})
 
-            this.$root.filter = filterParams.toString();
-            this.$root.loading++;
-            this.$root.reload();
-        },
-    },
-});
+Vue.component('PretixWidgetEventListEntry', {
+	props: {
+		event: Object
+	},
+	computed: {
+		classObject: function () {
+			let o = {
+				'pretix-widget-event-list-entry': true
+			}
+			o['pretix-widget-event-availability-' + this.event.availability.color] = true
+			if (this.event.availability.reason) {
+				o['pretix-widget-event-availability-' + this.event.availability.reason] = true
+			}
+			return o
+		},
+		location: function () {
+			return this.event.location.replace(/\s*\n\s*/g, ', ')
+		}
+	},
+	methods: {
+		select: function () {
+			this.$root.parent_stack.push(this.$root.target_url)
+			this.$root.target_url = this.event.event_url
+			this.$root.error = null
+			this.$root.subevent = this.event.subevent
+			this.$root.loading++
+			this.$root.reload()
+		}
+	},
+	template: ('<a href="#" :class="classObject" @click.prevent.stop="select">'
+		+ '<div class="pretix-widget-event-list-entry-name">{{ event.name }}</div>'
+		+ '<div class="pretix-widget-event-list-entry-date">{{ event.date_range }}</div>'
+		+ '<div class="pretix-widget-event-list-entry-location">{{ location }}</div>' // hidden by css for now, but
+	// used by a few people
+		+ '<div class="pretix-widget-event-list-entry-availability"><span>{{ event.availability.text }}</span></div>'
+		+ '</a>')
+})
 
-Vue.component('pretix-widget-event-list-entry', {
-    template: ('<a href="#" :class="classObject" @click.prevent.stop="select">'
-        + '<div class="pretix-widget-event-list-entry-name">{{ event.name }}</div>'
-        + '<div class="pretix-widget-event-list-entry-date">{{ event.date_range }}</div>'
-        + '<div class="pretix-widget-event-list-entry-location">{{ location }}</div>'  // hidden by css for now, but
-                                                                                       // used by a few people
-        + '<div class="pretix-widget-event-list-entry-availability"><span>{{ event.availability.text }}</span></div>'
-        + '</a>'),
-    props: {
-        event: Object
-    },
-    computed: {
-        classObject: function () {
-            var o = {
-                'pretix-widget-event-list-entry': true
-            };
-            o['pretix-widget-event-availability-' + this.event.availability.color] = true;
-            if (this.event.availability.reason) {
-                o['pretix-widget-event-availability-' + this.event.availability.reason] = true;
-            }
-            return o;
-        },
-        location: function () {
-            return this.event.location.replace(/\s*\n\s*/g, ', ');
-        }
-    },
-    methods: {
-        select: function () {
-            this.$root.parent_stack.push(this.$root.target_url);
-            this.$root.target_url = this.event.event_url;
-            this.$root.error = null;
-            this.$root.subevent = this.event.subevent;
-            this.$root.loading++;
-            this.$root.reload();
-        }
-    }
-});
+Vue.component('PretixWidgetEventList', {
+	computed: {
+		display_event_info: function () {
+			return this.$root.display_event_info || (this.$root.display_event_info === null && this.$root.parent_stack.length > 0)
+		},
+	},
+	methods: {
+		back_to_calendar: function () {
+			// make sure to always focus content element
+			this.$nextTick(function () {
+				this.$root.$el.focus()
+			})
+			this.$root.offset = 0
+			this.$root.append_events = false
+			if (this.$root.weeks) {
+				this.$root.events = undefined
+				this.$root.view = 'weeks'
+				this.$root.name = null
+				this.$root.frontpage_text = null
+			} else {
+				this.$root.loading++
+				this.$root.target_url = this.$root.parent_stack.pop()
+				this.$root.error = null
+				this.$root.reload()
+			}
+		},
+		load_more: function () {
+			this.$root.append_events = true
+			this.$root.offset += 50
+			this.$root.loading++
+			this.$root.reload()
+		}
+	},
+	template: ('<div class="pretix-widget-event-list">'
+		+ '<div class="pretix-widget-back" v-if="$root.weeks || $root.parent_stack.length > 0">'
+		+ '<a href="#" rel="prev" @click.prevent.stop="back_to_calendar">&lsaquo; '
+		+ strings['back']
+		+ '</a>'
+		+ '</div>'
+		+ '<div class="pretix-widget-event-header" v-if="display_event_info">'
+		+ '<strong>{{ $root.name }}</strong>'
+		+ '</div>'
+		+ '<div class="pretix-widget-event-description" v-if="display_event_info && $root.frontpage_text" v-html="$root.frontpage_text"></div>'
+		+ '<pretix-widget-event-list-filter-form v-if="!$root.disable_filters && $root.meta_filter_fields.length > 0"></pretix-widget-event-list-filter-form>'
+		+ '<pretix-widget-event-list-entry v-for="event in $root.events" :event="event" :key="event.url"></pretix-widget-event-list-entry>'
+		+ '<p class="pretix-widget-event-list-load-more" v-if="$root.has_more_events"><button @click.prevent.stop="load_more">' + strings.load_more + '</button></p>'
+		+ '</div>')
+})
 
-Vue.component('pretix-widget-event-list', {
-    template: ('<div class="pretix-widget-event-list">'
-        + '<div class="pretix-widget-back" v-if="$root.weeks || $root.parent_stack.length > 0">'
-        + '<a href="#" rel="prev" @click.prevent.stop="back_to_calendar">&lsaquo; '
-        + strings['back']
-        + '</a>'
-        + '</div>'
-        + '<div class="pretix-widget-event-header" v-if="display_event_info">'
-        + '<strong>{{ $root.name }}</strong>'
-        + '</div>'
-        + '<div class="pretix-widget-event-description" v-if="display_event_info && $root.frontpage_text" v-html="$root.frontpage_text"></div>'
-        + '<pretix-widget-event-list-filter-form v-if="!$root.disable_filters && $root.meta_filter_fields.length > 0"></pretix-widget-event-list-filter-form>'
-        + '<pretix-widget-event-list-entry v-for="event in $root.events" :event="event" :key="event.url"></pretix-widget-event-list-entry>'
-        + '<p class="pretix-widget-event-list-load-more" v-if="$root.has_more_events"><button @click.prevent.stop="load_more">'+strings.load_more+'</button></p>'
-        + '</div>'),
-    computed: {
-        display_event_info: function () {
-            return this.$root.display_event_info || (this.$root.display_event_info === null && this.$root.parent_stack.length > 0);
-        },
-    },
-    methods: {
-        back_to_calendar: function () {
-            // make sure to always focus content element
-            this.$nextTick(function () {
-                this.$root.$el.focus();
-            });
-            this.$root.offset = 0;
-            this.$root.append_events = false;
-            if (this.$root.weeks) {
-                this.$root.events = undefined;
-                this.$root.view = "weeks";
-                this.$root.name = null;
-                this.$root.frontpage_text = null;
-            } else {
-                this.$root.loading++;
-                this.$root.target_url = this.$root.parent_stack.pop();
-                this.$root.error = null;
-                this.$root.reload();
-            }
-        },
-        load_more: function () {
-            this.$root.append_events = true;
-            this.$root.offset += 50;
-            this.$root.loading++;
-            this.$root.reload();
-        }
-    }
-});
+Vue.component('PretixWidgetEventCalendarEvent', {
+	props: {
+		event: Object,
+		describedby: String,
+	},
+	computed: {
+		classObject: function () {
+			let o = {
+				'pretix-widget-event-calendar-event': true
+			}
+			o['pretix-widget-event-availability-' + this.event.availability.color] = true
+			if (this.event.availability.reason) {
+				o['pretix-widget-event-availability-' + this.event.availability.reason] = true
+			}
+			return o
+		}
+	},
+	methods: {
+		select: function () {
+			this.$root.parent_stack.push(this.$root.target_url)
+			this.$root.target_url = this.event.event_url
+			this.$root.error = null
+			this.$root.subevent = this.event.subevent
+			this.$root.loading++
+			this.$root.reload()
+		}
+	},
+	template: ('<a href="#" :class="classObject" @click.prevent.stop="select" v-bind:aria-describedby="describedby">'
+		+ '<strong class="pretix-widget-event-calendar-event-name">'
+		+ '{{ event.name }}'
+		+ '</strong>'
+		+ '<div class="pretix-widget-event-calendar-event-date" v-if="!event.continued && event.time">{{ event.time }}</div>'
+		+ '<div class="pretix-widget-event-calendar-event-availability" v-if="!event.continued && event.availability.text">{{ event.availability.text }}</div>'
+		+ '</a>')
+})
 
-Vue.component('pretix-widget-event-calendar-event', {
-    template: ('<a href="#" :class="classObject" @click.prevent.stop="select" v-bind:aria-describedby="describedby">'
-        + '<strong class="pretix-widget-event-calendar-event-name">'
-        + '{{ event.name }}'
-        + '</strong>'
-        + '<div class="pretix-widget-event-calendar-event-date" v-if="!event.continued && event.time">{{ event.time }}</div>'
-        + '<div class="pretix-widget-event-calendar-event-availability" v-if="!event.continued && event.availability.text">{{ event.availability.text }}</div>'
-        + '</a>'),
-    props: {
-        event: Object,
-        describedby: String,
-    },
-    computed: {
-        classObject: function () {
-            var o = {
-                'pretix-widget-event-calendar-event': true
-            };
-            o['pretix-widget-event-availability-' + this.event.availability.color] = true;
-            if (this.event.availability.reason) {
-                o['pretix-widget-event-availability-' + this.event.availability.reason] = true;
-            }
-            return o
-        }
-    },
-    methods: {
-        select: function () {
-            this.$root.parent_stack.push(this.$root.target_url);
-            this.$root.target_url = this.event.event_url;
-            this.$root.error = null;
-            this.$root.subevent = this.event.subevent;
-            this.$root.loading++;
-            this.$root.reload();
-        }
-    }
-});
+Vue.component('PretixWidgetEventWeekCell', {
+	props: {
+		day: Object,
+	},
+	computed: {
+		id: function () {
+			return this.day ? this.$root.html_id + '-' + this.day.date : ''
+		},
+		dayhead: function () {
+			if (!this.day) {
+				return
+			}
+			return this.day.day_formatted
+		},
+		classObject: function () {
+			let o = {}
+			if (this.day && this.day.events.length > 0) {
+				o['pretix-widget-has-events'] = true
+				let best = 'red'
+				let all_low = true
+				for (let i = 0; i < this.day.events.length; i++) {
+					let ev = this.day.events[i]
+					if (ev.availability.color === 'green') {
+						best = 'green'
+						if (ev.availability.reason !== 'low') {
+							all_low = false
+						}
+					} else if (ev.availability.color === 'orange' && best !== 'green') {
+						best = 'orange'
+					}
+				}
+				o['pretix-widget-day-availability-' + best] = true
+				if (best === 'green' && all_low) {
+					o['pretix-widget-day-availability-low'] = true
+				}
+			}
+			return o
+		}
+	},
+	methods: {
+		selectDay: function () {
+			if (!this.day || !this.day.events.length || !this.$parent.$parent.$parent.mobile) {
+				return
+			}
+			if (this.day.events.length === 1) {
+				let ev = this.day.events[0]
+				this.$root.parent_stack.push(this.$root.target_url)
+				this.$root.target_url = ev.event_url
+				this.$root.error = null
+				this.$root.subevent = ev.subevent
+				this.$root.loading++
+				this.$root.reload()
+			} else {
+				this.$root.events = this.day.events
+				this.$root.view = 'events'
+			}
+		}
+	},
+	template: ('<div :class="classObject" @click.prevent.stop="selectDay">'
+		+ '<div class="pretix-widget-event-calendar-day" v-if="day" :id="id">'
+		+ '{{ dayhead }}'
+		+ '</div>'
+		+ '<div class="pretix-widget-event-calendar-events" v-if="day">'
+		+ '<pretix-widget-event-calendar-event v-for="e in day.events" :event="e" :describedby="id"></pretix-widget-event-calendar-event>'
+		+ '</div>'
+		+ '</div>')
+})
 
-Vue.component('pretix-widget-event-week-cell', {
-    template: ('<div :class="classObject" @click.prevent.stop="selectDay">'
-        + '<div class="pretix-widget-event-calendar-day" v-if="day" :id="id">'
-        + '{{ dayhead }}'
-        + '</div>'
-        + '<div class="pretix-widget-event-calendar-events" v-if="day">'
-        + '<pretix-widget-event-calendar-event v-for="e in day.events" :event="e" :describedby="id"></pretix-widget-event-calendar-event>'
-        + '</div>'
-        + '</div>'),
-    props: {
-        day: Object,
-    },
-    methods: {
-        selectDay: function () {
-            if (!this.day || !this.day.events.length || !this.$parent.$parent.$parent.mobile) {
-                return;
-            }
-            if (this.day.events.length === 1) {
-                var ev = this.day.events[0];
-                this.$root.parent_stack.push(this.$root.target_url);
-                this.$root.target_url = ev.event_url;
-                this.$root.error = null;
-                this.$root.subevent = ev.subevent;
-                this.$root.loading++;
-                this.$root.reload();
-            } else {
-                this.$root.events = this.day.events;
-                this.$root.view = "events";
-            }
-        }
-    },
-    computed: {
-        id: function () {
-            return this.day ? this.$root.html_id + '-' + this.day.date : '';
-        },
-        dayhead: function () {
-            if (!this.day) {
-                return;
-            }
-            return this.day.day_formatted;
-        },
-        classObject: function () {
-            var o = {};
-            if (this.day && this.day.events.length > 0) {
-                o['pretix-widget-has-events'] = true;
-                var best = 'red';
-                var all_low = true;
-                for (var i = 0; i < this.day.events.length; i++) {
-                    var ev = this.day.events[i];
-                    if (ev.availability.color === 'green') {
-                        best = 'green';
-                        if (ev.availability.reason !== 'low') {
-                            all_low = false;
-                        }
-                    } else if (ev.availability.color === 'orange' && best !== 'green') {
-                        best = 'orange'
-                    }
-                }
-                o['pretix-widget-day-availability-' + best] = true;
-                if (best === 'green' && all_low) {
-                    o['pretix-widget-day-availability-low'] = true;
-                }
-            }
-            return o
-        }
-    }
-});
+Vue.component('PretixWidgetEventCalendarCell', {
+	props: {
+		day: Object,
+	},
+	computed: {
+		role: function () {
+			return (!this.day || !this.day.events.length || !this.$parent.$parent.$parent.mobile) ? 'cell' : 'button'
+		},
+		tabindex: function () {
+			return this.role == 'button' ? '0' : '-1'
+		},
+		daynum: function () {
+			if (!this.day) {
+				return
+			}
+			return this.day.date.substr(8)
+		},
+		date: function () {
+			return this.day ? (new Date(this.day.date)).toLocaleDateString() : ''
+		},
+		classObject: function () {
+			let o = {}
+			if (this.day && this.day.events.length > 0) {
+				o['pretix-widget-has-events'] = true
+				let best = 'red'
+				let all_low = true
+				for (let i = 0; i < this.day.events.length; i++) {
+					let ev = this.day.events[i]
+					if (ev.availability.color === 'green') {
+						best = 'green'
+						if (ev.availability.reason !== 'low') {
+							all_low = false
+						}
+					} else if (ev.availability.color === 'orange' && best !== 'green') {
+						best = 'orange'
+					}
+				}
+				o['pretix-widget-day-availability-' + best] = true
+				if (best === 'green' && all_low) {
+					o['pretix-widget-day-availability-low'] = true
+				}
+			}
+			return o
+		}
+	},
+	watch: {
+		role: function (newValue) {
+			if (newValue == 'button') {
+				this.$el.addEventListener('click', this.selectDay)
+				this.$el.addEventListener('keydown', this.onKeyDown)
+			} else {
+				this.$el.removeEventListener('click', this.selectDay)
+				this.$el.removeEventListener('keydown', this.onKeyDown)
+			}
+		}
+	},
+	mounted: function () {
+		if (this.role == 'button') {
+			this.$el.addEventListener('click', this.selectDay)
+			this.$el.addEventListener('keydown', this.onKeyDown)
+		}
+	},
+	methods: {
+		selectDay: function (e) {
+			if (!this.day || !this.day.events.length || !this.$parent.$parent.$parent.mobile) {
+				return
+			}
+			e.preventDefault()
+			e.stopPropagation()
+			if (this.day.events.length === 1) {
+				let ev = this.day.events[0]
+				this.$root.parent_stack.push(this.$root.target_url)
+				this.$root.target_url = ev.event_url
+				this.$root.error = null
+				this.$root.subevent = ev.subevent
+				this.$root.loading++
+				this.$root.reload()
+			} else {
+				this.$root.events = this.day.events
+				this.$root.view = 'events'
+			}
+		},
+		onKeyDown: function (e) {
+			let keyDown = e.key !== undefined ? e.key : e.keyCode
+			if ((keyDown === 'Enter' || keyDown === 13) || (['Spacebar', ' '].indexOf(keyDown) >= 0 || keyDown === 32)) {
+				// (prevent default so the page doesn't scroll when pressing space)
+				e.preventDefault()
+				this.selectDay(e)
+			}
+		},
+	},
+	template: ('<td :class="classObject" :role="role" :tabindex="tabindex" v-bind:aria-label="date">'
+		+ '<div class="pretix-widget-event-calendar-day" v-if="day" v-bind:aria-label="date">'
+		+ '{{ daynum }}'
+		+ '</div>'
+		+ '<div class="pretix-widget-event-calendar-events" v-if="day">'
+		+ '<pretix-widget-event-calendar-event v-for="e in day.events" :event="e"></pretix-widget-event-calendar-event>'
+		+ '</div>'
+		+ '</td>')
+})
 
-Vue.component('pretix-widget-event-calendar-cell', {
-    template: ('<td :class="classObject" :role="role" :tabindex="tabindex" v-bind:aria-label="date">'
-        + '<div class="pretix-widget-event-calendar-day" v-if="day" v-bind:aria-label="date">'
-        + '{{ daynum }}'
-        + '</div>'
-        + '<div class="pretix-widget-event-calendar-events" v-if="day">'
-        + '<pretix-widget-event-calendar-event v-for="e in day.events" :event="e"></pretix-widget-event-calendar-event>'
-        + '</div>'
-        + '</td>'),
-    props: {
-        day: Object,
-    },
-    methods: {
-        selectDay: function (e) {
-            if (!this.day || !this.day.events.length || !this.$parent.$parent.$parent.mobile) {
-                return;
-            }
-            e.preventDefault();
-            e.stopPropagation();
-            if (this.day.events.length === 1) {
-                var ev = this.day.events[0];
-                this.$root.parent_stack.push(this.$root.target_url);
-                this.$root.target_url = ev.event_url;
-                this.$root.error = null;
-                this.$root.subevent = ev.subevent;
-                this.$root.loading++;
-                this.$root.reload();
-            } else {
-                this.$root.events = this.day.events;
-                this.$root.view = "events";
-            }
-        },
-        onKeyDown: function (e) {
-            var keyDown = e.key !== undefined ? e.key : e.keyCode;
-            if ( (keyDown === 'Enter' || keyDown === 13) || (['Spacebar', ' '].indexOf(keyDown) >= 0 || keyDown === 32)) {
-                // (prevent default so the page doesn't scroll when pressing space)
-                e.preventDefault();
-                this.selectDay(e);
-            }
-        },
-    },
-    mounted: function () {
-        if (this.role == 'button') {
-            this.$el.addEventListener("click", this.selectDay);
-            this.$el.addEventListener("keydown", this.onKeyDown);
-        }
-    },
-    watch: {
-        role: function (newValue) {
-            if (newValue == 'button') {
-                this.$el.addEventListener("click", this.selectDay);
-                this.$el.addEventListener("keydown", this.onKeyDown);
-            } else {
-                this.$el.removeEventListener("click", this.selectDay);
-                this.$el.removeEventListener("keydown", this.onKeyDown);
-            }
-        }
-    },
-    computed: {
-        role: function () {
-            return (!this.day || !this.day.events.length || !this.$parent.$parent.$parent.mobile) ? 'cell' : 'button';
-        },
-        tabindex: function () {
-            return this.role == 'button' ? '0' : '-1';
-        },
-        daynum: function () {
-            if (!this.day) {
-                return;
-            }
-            return this.day.date.substr(8);
-        },
-        date: function () {
-            return this.day ? (new Date(this.day.date)).toLocaleDateString() : '';
-        },
-        classObject: function () {
-            var o = {};
-            if (this.day && this.day.events.length > 0) {
-                o['pretix-widget-has-events'] = true;
-                var best = 'red';
-                var all_low = true;
-                for (var i = 0; i < this.day.events.length; i++) {
-                    var ev = this.day.events[i];
-                    if (ev.availability.color === 'green') {
-                        best = 'green';
-                        if (ev.availability.reason !== 'low') {
-                            all_low = false;
-                        }
-                    } else if (ev.availability.color === 'orange' && best !== 'green') {
-                        best = 'orange'
-                    }
-                }
-                o['pretix-widget-day-availability-' + best] = true;
-                if (best === 'green' && all_low) {
-                    o['pretix-widget-day-availability-low'] = true;
-                }
-            }
-            return o
-        }
-    }
-});
+Vue.component('PretixWidgetEventCalendarRow', {
+	props: {
+		week: Array
+	},
+	template: ('<tr>'
+		+ '<pretix-widget-event-calendar-cell v-for="d in week" :day="d"></pretix-widget-event-calendar-cell>'
+		+ '</tr>'),
+})
 
-Vue.component('pretix-widget-event-calendar-row', {
-    template: ('<tr>'
-        + '<pretix-widget-event-calendar-cell v-for="d in week" :day="d"></pretix-widget-event-calendar-cell>'
-        + '</tr>'),
-    props: {
-        week: Array
-    },
-});
+Vue.component('PretixWidgetEventCalendar', {
+	computed: {
+		display_event_info: function () {
+			return this.$root.display_event_info || (this.$root.display_event_info === null && this.$root.parent_stack.length > 0)
+		},
+		monthname: function () {
+			return strings['months'][this.$root.date.substr(5, 2)] + ' ' + this.$root.date.substr(0, 4)
+		},
+		id: function () {
+			return this.$root.html_id + '-event-calendar-table'
+		},
+		aria_labelledby: function () {
+			return this.$root.html_id + '-event-calendar-table-label'
+		},
+	},
+	methods: {
+		back_to_list: function () {
+			this.$root.weeks = undefined
+			this.$root.view = 'events'
+			this.$root.name = null
+			this.$root.frontpage_text = null
+		},
+		prevmonth: function () {
+			let curMonth = parseInt(this.$root.date.substr(5, 2))
+			let curYear = parseInt(this.$root.date.substr(0, 4))
+			curMonth--
+			if (curMonth < 1) {
+				curMonth = 12
+				curYear--
+			}
+			this.$root.date = String(curYear) + '-' + padNumber(curMonth, 2) + '-01'
+			this.$root.loading++
+			this.$root.reload({ focus: '#' + this.id })
+		},
+		nextmonth: function () {
+			let curMonth = parseInt(this.$root.date.substr(5, 2))
+			let curYear = parseInt(this.$root.date.substr(0, 4))
+			curMonth++
+			if (curMonth > 12) {
+				curMonth = 1
+				curYear++
+			}
+			this.$root.date = String(curYear) + '-' + padNumber(curMonth, 2) + '-01'
+			this.$root.loading++
+			this.$root.reload({ focus: '#' + this.id })
+		}
+	},
+	template: ('<div class="pretix-widget-event-calendar" ref="calendar">'
 
-Vue.component('pretix-widget-event-calendar', {
-    template: ('<div class="pretix-widget-event-calendar" ref="calendar">'
+	// Back navigation
+		+ '<div class="pretix-widget-back" v-if="$root.events !== undefined">'
+		+ '<a href="#" @click.prevent.stop="back_to_list" role="button">&lsaquo; '
+		+ strings['back']
+		+ '</a>'
+		+ '</div>'
 
-        // Back navigation
-        + '<div class="pretix-widget-back" v-if="$root.events !== undefined">'
-        + '<a href="#" @click.prevent.stop="back_to_list" role="button">&lsaquo; '
-        + strings['back']
-        + '</a>'
-        + '</div>'
+	// Headline
+		+ '<div class="pretix-widget-event-header" v-if="display_event_info">'
+		+ '<strong>{{ $root.name }}</strong>'
+		+ '</div>'
+		+ '<div class="pretix-widget-event-description" v-if="display_event_info && $root.frontpage_text" v-html="$root.frontpage_text"></div>'
 
-        // Headline
-        + '<div class="pretix-widget-event-header" v-if="display_event_info">'
-        + '<strong>{{ $root.name }}</strong>'
-        + '</div>'
-        + '<div class="pretix-widget-event-description" v-if="display_event_info && $root.frontpage_text" v-html="$root.frontpage_text"></div>'
+	// Filter
+		+ '<pretix-widget-event-list-filter-form v-if="!$root.disable_filters && $root.meta_filter_fields.length > 0"></pretix-widget-event-list-filter-form>'
 
-        // Filter
-        + '<pretix-widget-event-list-filter-form v-if="!$root.disable_filters && $root.meta_filter_fields.length > 0"></pretix-widget-event-list-filter-form>'
+	// Calendar navigation
+		+ '<div class="pretix-widget-event-calendar-head">'
+		+ '<a class="pretix-widget-event-calendar-previous-month" href="#" @click.prevent.stop="prevmonth">&laquo; '
+		+ strings['previous_month']
+		+ '</a> '
+		+ '<strong :id="aria_labelledby">{{ monthname }}</strong> '
+		+ '<a class="pretix-widget-event-calendar-next-month" href="#" @click.prevent.stop="nextmonth">'
+		+ strings['next_month']
+		+ ' &raquo;</a>'
+		+ '</div>'
 
-        // Calendar navigation
-        + '<div class="pretix-widget-event-calendar-head">'
-        + '<a class="pretix-widget-event-calendar-previous-month" href="#" @click.prevent.stop="prevmonth">&laquo; '
-        + strings['previous_month']
-        + '</a> '
-        + '<strong :id="aria_labelledby">{{ monthname }}</strong> '
-        + '<a class="pretix-widget-event-calendar-next-month" href="#" @click.prevent.stop="nextmonth">'
-        + strings['next_month']
-        + ' &raquo;</a>'
-        + '</div>'
+	// Calendar
+		+ '<table class="pretix-widget-event-calendar-table" :id="id" tabindex="0" v-bind:aria-labelledby="aria_labelledby">'
+		+ '<thead>'
+		+ '<tr>'
+		+ '<th aria-label="' + strings['days']['MONDAY'] + '">' + strings['days']['MO'] + '</th>'
+		+ '<th aria-label="' + strings['days']['TUESDAY'] + '">' + strings['days']['TU'] + '</th>'
+		+ '<th aria-label="' + strings['days']['WEDNESDAY'] + '">' + strings['days']['WE'] + '</th>'
+		+ '<th aria-label="' + strings['days']['THURSDAY'] + '">' + strings['days']['TH'] + '</th>'
+		+ '<th aria-label="' + strings['days']['FRIDAY'] + '">' + strings['days']['FR'] + '</th>'
+		+ '<th aria-label="' + strings['days']['SATURDAY'] + '">' + strings['days']['SA'] + '</th>'
+		+ '<th aria-label="' + strings['days']['SUNDAY'] + '">' + strings['days']['SU'] + '</th>'
+		+ '</tr>'
+		+ '</thead>'
+		+ '<tbody>'
+		+ '<pretix-widget-event-calendar-row v-for="week in $root.weeks" :week="week"></pretix-widget-event-calendar-row>'
+		+ '</tbody>'
+		+ '</table>'
+		+ '</div>'),
+})
 
-        // Calendar
-        + '<table class="pretix-widget-event-calendar-table" :id="id" tabindex="0" v-bind:aria-labelledby="aria_labelledby">'
-        + '<thead>'
-        + '<tr>'
-        + '<th aria-label="' + strings['days']['MONDAY'] + '">' + strings['days']['MO'] + '</th>'
-        + '<th aria-label="' + strings['days']['TUESDAY'] + '">' + strings['days']['TU'] + '</th>'
-        + '<th aria-label="' + strings['days']['WEDNESDAY'] + '">' + strings['days']['WE'] + '</th>'
-        + '<th aria-label="' + strings['days']['THURSDAY'] + '">' + strings['days']['TH'] + '</th>'
-        + '<th aria-label="' + strings['days']['FRIDAY'] + '">' + strings['days']['FR'] + '</th>'
-        + '<th aria-label="' + strings['days']['SATURDAY'] + '">' + strings['days']['SA'] + '</th>'
-        + '<th aria-label="' + strings['days']['SUNDAY'] + '">' + strings['days']['SU'] + '</th>'
-        + '</tr>'
-        + '</thead>'
-        + '<tbody>'
-        + '<pretix-widget-event-calendar-row v-for="week in $root.weeks" :week="week"></pretix-widget-event-calendar-row>'
-        + '</tbody>'
-        + '</table>'
-        + '</div>'),
-    computed: {
-        display_event_info: function () {
-            return this.$root.display_event_info || (this.$root.display_event_info === null && this.$root.parent_stack.length > 0);
-        },
-        monthname: function () {
-            return strings['months'][this.$root.date.substr(5, 2)] + ' ' + this.$root.date.substr(0, 4);
-        },
-        id: function () {
-            return this.$root.html_id + "-event-calendar-table";
-        },
-        aria_labelledby: function () {
-            return this.$root.html_id + "-event-calendar-table-label";
-        },
-    },
-    methods: {
-        back_to_list: function () {
-            this.$root.weeks = undefined;
-            this.$root.view = "events";
-            this.$root.name = null;
-            this.$root.frontpage_text = null;
-        },
-        prevmonth: function () {
-            var curMonth = parseInt(this.$root.date.substr(5, 2));
-            var curYear = parseInt(this.$root.date.substr(0, 4));
-            curMonth--;
-            if (curMonth < 1) {
-                curMonth = 12;
-                curYear--;
-            }
-            this.$root.date = String(curYear) + "-" + padNumber(curMonth, 2) + "-01";
-            this.$root.loading++;
-            this.$root.reload({focus: '#'+this.id});
-        },
-        nextmonth: function () {
-            var curMonth = parseInt(this.$root.date.substr(5, 2));
-            var curYear = parseInt(this.$root.date.substr(0, 4));
-            curMonth++;
-            if (curMonth > 12) {
-                curMonth = 1;
-                curYear++;
-            }
-            this.$root.date = String(curYear) + "-" + padNumber(curMonth, 2) + "-01";
-            this.$root.loading++;
-            this.$root.reload({focus: '#'+this.id});
-        }
-    },
-});
+Vue.component('PretixWidgetEventWeekCalendar', {
+	computed: {
+		display_event_info: function () {
+			return this.$root.display_event_info || (this.$root.display_event_info === null && this.$root.parent_stack.length > 0)
+		},
+		weekname: function () {
+			let curWeek = this.$root.week[1]
+			let curYear = this.$root.week[0]
+			return curWeek + ' / ' + curYear
+		},
+		id: function () {
+			return this.$root.html_id + '-event-week-table'
+		},
+	},
+	methods: {
+		back_to_list: function () {
+			this.$root.weeks = undefined
+			this.$root.name = null
+			this.$root.frontpage_text = null
+			this.$root.view = 'events'
+		},
+		prevweek: function () {
+			let curWeek = this.$root.week[1]
+			let curYear = this.$root.week[0]
+			curWeek--
+			if (curWeek < 1) {
+				curYear--
+				curWeek = getISOWeeks(curYear)
+			}
+			this.$root.week = [curYear, curWeek]
+			this.$root.loading++
+			this.$root.reload({ focus: '#' + this.id })
+		},
+		nextweek: function () {
+			let curWeek = this.$root.week[1]
+			let curYear = this.$root.week[0]
+			curWeek++
+			if (curWeek > getISOWeeks(curYear)) {
+				curWeek = 1
+				curYear++
+			}
+			this.$root.week = [curYear, curWeek]
+			this.$root.loading++
+			this.$root.reload({ focus: '#' + this.id })
+		}
+	},
+	template: ('<div class="pretix-widget-event-calendar pretix-widget-event-week-calendar" ref="weekcalendar">'
+	// Back navigation
+		+ '<div class="pretix-widget-back" v-if="$root.events !== undefined">'
+		+ '<a href="#" @click.prevent.stop="back_to_list" role="button">&lsaquo; '
+		+ strings['back']
+		+ '</a>'
+		+ '</div>'
 
-Vue.component('pretix-widget-event-week-calendar', {
-    template: ('<div class="pretix-widget-event-calendar pretix-widget-event-week-calendar" ref="weekcalendar">'
-        // Back navigation
-        + '<div class="pretix-widget-back" v-if="$root.events !== undefined">'
-        + '<a href="#" @click.prevent.stop="back_to_list" role="button">&lsaquo; '
-        + strings['back']
-        + '</a>'
-        + '</div>'
+	// Event header
+		+ '<div class="pretix-widget-event-header" v-if="display_event_info">'
+		+ '<strong>{{ $root.name }}</strong>'
+		+ '</div>'
 
-        // Event header
-        + '<div class="pretix-widget-event-header" v-if="display_event_info">'
-        + '<strong>{{ $root.name }}</strong>'
-        + '</div>'
+	// Filter
+		+ '<pretix-widget-event-list-filter-form v-if="!$root.disable_filters && $root.meta_filter_fields.length > 0"></pretix-widget-event-list-filter-form>'
 
-        // Filter
-        + '<pretix-widget-event-list-filter-form v-if="!$root.disable_filters && $root.meta_filter_fields.length > 0"></pretix-widget-event-list-filter-form>'
+	// Calendar navigation
+		+ '<div class="pretix-widget-event-description" v-if="$root.frontpage_text && display_event_info" v-html="$root.frontpage_text"></div>'
+		+ '<div class="pretix-widget-event-calendar-head">'
+		+ '<a class="pretix-widget-event-calendar-previous-month" href="#" @click.prevent.stop="prevweek" role="button">&laquo; '
+		+ strings['previous_week']
+		+ '</a> '
+		+ '<strong>{{ weekname }}</strong> '
+		+ '<a class="pretix-widget-event-calendar-next-month" href="#" @click.prevent.stop="nextweek" role="button">'
+		+ strings['next_week']
+		+ ' &raquo;</a>'
+		+ '</div>'
 
-        // Calendar navigation
-        + '<div class="pretix-widget-event-description" v-if="$root.frontpage_text && display_event_info" v-html="$root.frontpage_text"></div>'
-        + '<div class="pretix-widget-event-calendar-head">'
-        + '<a class="pretix-widget-event-calendar-previous-month" href="#" @click.prevent.stop="prevweek" role="button">&laquo; '
-        + strings['previous_week']
-        + '</a> '
-        + '<strong>{{ weekname }}</strong> '
-        + '<a class="pretix-widget-event-calendar-next-month" href="#" @click.prevent.stop="nextweek" role="button">'
-        + strings['next_week']
-        + ' &raquo;</a>'
-        + '</div>'
+	// Actual calendar
+		+ '<div class="pretix-widget-event-week-table" :id="id" tabindex="0" v-bind:aria-label="weekname">'
+		+ '<div class="pretix-widget-event-week-col" v-for="d in $root.days">'
+		+ '<pretix-widget-event-week-cell :day="d">'
+		+ '</pretix-widget-event-week-cell>'
+		+ '</div>'
+		+ '</div>'
 
-        // Actual calendar
-        + '<div class="pretix-widget-event-week-table" :id="id" tabindex="0" v-bind:aria-label="weekname">'
-        + '<div class="pretix-widget-event-week-col" v-for="d in $root.days">'
-        + '<pretix-widget-event-week-cell :day="d">'
-        + '</pretix-widget-event-week-cell>'
-        + '</div>'
-        + '</div>'
+		+ '</div>'
+		+ '</div>'),
+})
 
-        + '</div>'
-        + '</div>'),
-    computed: {
-        display_event_info: function () {
-            return this.$root.display_event_info || (this.$root.display_event_info === null && this.$root.parent_stack.length > 0);
-        },
-        weekname: function () {
-            var curWeek = this.$root.week[1];
-            var curYear = this.$root.week[0];
-            return curWeek + ' / ' + curYear;
-        },
-        id: function () {
-            return this.$root.html_id + "-event-week-table";
-        },
-    },
-    methods: {
-        back_to_list: function () {
-            this.$root.weeks = undefined;
-            this.$root.name = null;
-            this.$root.frontpage_text = null;
-            this.$root.view = "events";
-        },
-        prevweek: function () {
-            var curWeek = this.$root.week[1];
-            var curYear = this.$root.week[0];
-            curWeek--;
-            if (curWeek < 1) {
-                curYear--;
-                curWeek = getISOWeeks(curYear);
-            }
-            this.$root.week = [curYear, curWeek];
-            this.$root.loading++;
-            this.$root.reload({focus: '#'+this.id});
-        },
-        nextweek: function () {
-            var curWeek = this.$root.week[1];
-            var curYear = this.$root.week[0];
-            curWeek++;
-            if (curWeek > getISOWeeks(curYear)) {
-                curWeek = 1;
-                curYear++;
-            }
-            this.$root.week = [curYear, curWeek];
-            this.$root.loading++;
-            this.$root.reload({focus: '#'+this.id});
-        }
-    },
-});
+Vue.component('PretixWidget', {
+	data: shared_widget_data,
+	computed: {
+		classObject: function () {
+			return {
+				'pretix-widget': true,
+				'pretix-widget-mobile': this.mobile,
+				'pretix-widget-use-custom-spinners': true,
+			}
+		}
+	},
+	mounted: function () {
+		let thisObj = this
+		let resizeObserver = new ResizeObserver(function (entries) {
+			thisObj.mobile = entries[0].contentRect.width <= 800
+		})
+		resizeObserver.observe(this.$refs.wrapper)
+	},
+	methods: shared_methods,
+	template: ('<div class="pretix-widget-wrapper" ref="wrapper" tabindex="0" role="article" v-bind:aria-label="$root.name">'
+		+ '<div :class="classObject">'
+		+ shared_loading_fragment
+		+ '<div class="pretix-widget-error-message" v-if="$root.error && $root.view !== \'event\'">{{ $root.error }}</div>'
+		+ '<div class="pretix-widget-error-action" v-if="$root.error && $root.connection_error"><a :href="$root.newTabTarget" class="pretix-widget-button" target="_blank">'
+		+ strings['open_new_tab']
+		+ '</a></div>'
+		+ '<pretix-widget-event-form ref="formcomp" v-if="$root.view === \'event\'"></pretix-widget-event-form>'
+		+ '<pretix-widget-event-list v-if="$root.view === \'events\'"></pretix-widget-event-list>'
+		+ '<pretix-widget-event-calendar v-if="$root.view === \'weeks\'"></pretix-widget-event-calendar>'
+		+ '<pretix-widget-event-week-calendar v-if="$root.view === \'days\'"></pretix-widget-event-week-calendar>'
+		+ '<div class="pretix-widget-clear"></div>'
+		+ '<div class="pretix-widget-attribution" v-if="$root.poweredby" v-html="$root.poweredby">'
+		+ '</div>'
+		+ '</div>'
+		+ '</div>'
+		+ '</div>'
+	)
+})
 
-Vue.component('pretix-widget', {
-    template: ('<div class="pretix-widget-wrapper" ref="wrapper" tabindex="0" role="article" v-bind:aria-label="$root.name">'
-        + '<div :class="classObject">'
-        + shared_loading_fragment
-        + '<div class="pretix-widget-error-message" v-if="$root.error && $root.view !== \'event\'">{{ $root.error }}</div>'
-        + '<div class="pretix-widget-error-action" v-if="$root.error && $root.connection_error"><a :href="$root.newTabTarget" class="pretix-widget-button" target="_blank">'
-        + strings['open_new_tab']
-        + '</a></div>'
-        + '<pretix-widget-event-form ref="formcomp" v-if="$root.view === \'event\'"></pretix-widget-event-form>'
-        + '<pretix-widget-event-list v-if="$root.view === \'events\'"></pretix-widget-event-list>'
-        + '<pretix-widget-event-calendar v-if="$root.view === \'weeks\'"></pretix-widget-event-calendar>'
-        + '<pretix-widget-event-week-calendar v-if="$root.view === \'days\'"></pretix-widget-event-week-calendar>'
-        + '<div class="pretix-widget-clear"></div>'
-        + '<div class="pretix-widget-attribution" v-if="$root.poweredby" v-html="$root.poweredby">'
-        + '</div>'
-        + '</div>'
-        + '</div>'
-        + '</div>'
-    ),
-    data: shared_widget_data,
-    methods: shared_methods,
-    mounted: function () {
-        var thisObj = this;
-        var resizeObserver = new ResizeObserver(function(entries) {
-            thisObj.mobile = entries[0].contentRect.width <= 800;
-        });
-        resizeObserver.observe(this.$refs.wrapper);
-    },
-    computed: {
-        classObject: function () {
-            return {
-                'pretix-widget': true,
-                'pretix-widget-mobile': this.mobile,
-                'pretix-widget-use-custom-spinners': true,
-            };
-        }
-    }
-});
-
-Vue.component('pretix-button', {
-    template: ('<div class="pretix-widget-wrapper">'
-        + '<div class="pretix-widget-button-container">'
-        + '<form :method="$root.formMethod" :action="$root.formAction" ref="form" :target="$root.formTarget">'
-        + '<input type="hidden" name="_voucher_code" :value="$root.voucher_code" v-if="$root.voucher_code">'
-        + '<input type="hidden" name="voucher" :value="$root.voucher_code" v-if="$root.voucher_code">'
-        + '<input type="hidden" name="subevent" :value="$root.subevent" />'
-        + '<input type="hidden" name="locale" :value="$root.lang" />'
-        + '<input type="hidden" name="widget_data" :value="$root.widget_data_json" />'
-        + '<input v-if="$root.consent_parameter_value" type="hidden" name="consent" :value="$root.consent_parameter_value" />'
-        + '<input type="hidden" v-for="item in $root.items" :name="item.item" :value="item.count" />'
-        + '<button class="pretix-button" @click="buy" v-html="$root.button_text"></button>'
-        + '</form>'
-        + '<div class="pretix-widget-clear"></div>'
-        + '</div>'
-        + '</div>'
-        + '</div>'
-    ),
-    data: shared_widget_data,
-    methods: shared_methods,
-});
+Vue.component('PretixButton', {
+	data: shared_widget_data,
+	methods: shared_methods,
+	template: ('<div class="pretix-widget-wrapper">'
+		+ '<div class="pretix-widget-button-container">'
+		+ '<form :method="$root.formMethod" :action="$root.formAction" ref="form" :target="$root.formTarget">'
+		+ '<input type="hidden" name="_voucher_code" :value="$root.voucher_code" v-if="$root.voucher_code">'
+		+ '<input type="hidden" name="voucher" :value="$root.voucher_code" v-if="$root.voucher_code">'
+		+ '<input type="hidden" name="subevent" :value="$root.subevent" />'
+		+ '<input type="hidden" name="locale" :value="$root.lang" />'
+		+ '<input type="hidden" name="widget_data" :value="$root.widget_data_json" />'
+		+ '<input v-if="$root.consent_parameter_value" type="hidden" name="consent" :value="$root.consent_parameter_value" />'
+		+ '<input type="hidden" v-for="item in $root.items" :name="item.item" :value="item.count" />'
+		+ '<button class="pretix-button" @click="buy" v-html="$root.button_text"></button>'
+		+ '</form>'
+		+ '<div class="pretix-widget-clear"></div>'
+		+ '</div>'
+		+ '</div>'
+		+ '</div>'
+	),
+})
 
 /* Function to create the actual Vue instances */
 
-var shared_root_methods = {
-    open_link_in_frame: function (event) {
-        var url = event.target.attributes.href.value;
-        if (this.$root.additionalURLParams) {
-            if (url.indexOf('?')) {
-                url += '&' + this.$root.additionalURLParams;
-            } else {
-                url += '?' + this.$root.additionalURLParams;
-            }
-        }
-        if (this.$root.useIframe) {
-            event.preventDefault();
-            if (url.indexOf('?')) {
-                url += '&iframe=1';
-            } else {
-                url += '?iframe=1';
-            }
-            this.$root.overlay.frame_src = url;
-        } else {
-            event.target.href = url;
-            return;
-        }
-    },
-    trigger_load_callback: function () {
-        this.$nextTick(function () {
-            for (var i = 0; i < window.PretixWidget._loaded.length; i++) {
-                window.PretixWidget._loaded[i]()
-            }
-        });
-    },
-    trigger_close_callback: function () {
-        this.$nextTick(function () {
-            for (var i = 0; i < window.PretixWidget._closed.length; i++) {
-                window.PretixWidget._closed[i]()
-            }
-        });
-    },
-    reload: function (opt = {}) {
-        var url;
-        if (this.$root.is_button) {
-            return;
-        }
-        if (this.$root.subevent) {
-            url = this.$root.target_url + this.$root.subevent + '/widget/product_list?lang=' + lang;
-        } else {
-            url = this.$root.target_url + 'widget/product_list?lang=' + lang;
-        }
-        if (this.$root.offset) {
-            url += '&offset=' + this.$root.offset;
-        }
-        if (this.$root.filter) {
-            url += '&' + this.$root.filter;
-        }
-        if (this.$root.item_filter) {
-            url += '&items=' + encodeURIComponent(this.$root.item_filter);
-        }
-        if (this.$root.category_filter) {
-            url += '&categories=' + encodeURIComponent(this.$root.category_filter);
-        }
-        if (this.$root.variation_filter) {
-            url += '&variations=' + encodeURIComponent(this.$root.variation_filter);
-        }
-        if (this.$root.voucher_code) {
-            url += '&voucher=' + encodeURIComponent(this.$root.voucher_code);
-        }
-        if (this.$root.get_cart_id()) {
-            url += "&cart_id=" + encodeURIComponent(this.$root.get_cart_id());
-        }
-        if (this.$root.date !== null) {
-            url += "&date=" + this.$root.date.substr(0, 7);
-        } else if (this.$root.week !== null) {
-            url += "&date=" + this.$root.week[0] + "-W" + this.$root.week[1];
-        }
-        if (this.$root.style !== null) {
-            url = url + '&style=' + encodeURIComponent(this.$root.style);
-        }
-        var root = this.$root;
-        api._getJSON(url, function (data, xhr) {
-            if (typeof xhr.responseURL !== "undefined") {
-                var new_url = xhr.responseURL.substr(0, xhr.responseURL.indexOf("/widget/product_list?") + 1);
-                var old_url = url.substr(0, url.indexOf("/widget/product_list?") + 1);
-                if (new_url !== old_url) {
-                    if (root.subevent) {
-                        new_url = new_url.substr(0, new_url.lastIndexOf("/", new_url.length - 1) + 1);
-                    }
-                    root.target_url = new_url;
-                    root.reload();
-                    return;
-                }
-            }
-            root.connection_error = false;
-            if (data.weeks !== undefined) {
-                root.weeks = data.weeks;
-                root.date = data.date;
-                root.week = null;
-                root.events = undefined;
-                root.view = "weeks";
-                root.name = data.name;
-                root.frontpage_text = data.frontpage_text;
-                root.meta_filter_fields = data.meta_filter_fields;
-            } else if (data.days !== undefined) {
-                root.days = data.days;
-                root.date = null;
-                root.week = data.week;
-                root.events = undefined;
-                root.view = "days";
-                root.name = data.name;
-                root.frontpage_text = data.frontpage_text;
-                root.meta_filter_fields = data.meta_filter_fields;
-            } else if (data.events !== undefined) {
-                root.events = root.append_events && root.events ? root.events.concat(data.events) : data.events;
-                root.append_events = false;
-                root.weeks = undefined;
-                root.view = "events";
-                root.name = data.name;
-                root.frontpage_text = data.frontpage_text;
-                root.has_more_events = data.has_more_events;
-                root.meta_filter_fields = data.meta_filter_fields;
-            } else {
-                root.view = "event";
-                // Replace target_url and subevent with canonical values in case they were slightly wrong
-                root.target_url = data.target_url;
-                root.subevent = data.subevent;
-                // Event data
-                root.name = data.name;
-                root.frontpage_text = data.frontpage_text;
-                root.date_range = data.date_range;
-                root.location = data.location;
-                root.categories = data.items_by_category;
-                root.currency = data.currency;
-                root.currency_places = data.currency_places;
-                root.display_net_prices = data.display_net_prices;
-                root.voucher_explanation_text = data.voucher_explanation_text;
-                root.error = data.error;
-                root.display_add_to_cart = data.display_add_to_cart;
-                root.waiting_list_enabled = data.waiting_list_enabled;
-                root.show_variations_expanded = data.show_variations_expanded || !!root.variation_filter;
-                root.cart_exists = data.cart_exists;
-                root.vouchers_exist = data.vouchers_exist;
-                root.has_seating_plan = data.has_seating_plan;
-                root.has_seating_plan_waitinglist = data.has_seating_plan_waitinglist;
-                root.itemnum = data.itemnum;
-            }
-            root.poweredby = data.poweredby;
-            if (root.loading > 0) {
-                root.loading--;
-                root.trigger_load_callback();
-            }
-            if (root.parent_stack.length > 0 && root.has_seating_plan && root.categories.length === 0 && !root.frame_dismissed && root.useIframe && !root.error && !root.has_seating_plan_waitinglist) {
-                // If we're on desktop and someone selects a seating-only event in a calendar, let's open it right away,
-                // but only if the person didn't close it before.
-                root.startseating()
-            } else {
-                // make sure to only move focus to content element when it had focus before the reload/click
-                // this is needed because reload is also called on initial load and we do not want to move focus on initial load
-                if (root.$el.contains(document.activeElement)) {
-                    root.$nextTick(function() {
-                        // wait for redraw, then focus content element for better a11y
-                        (opt.focus ? document.querySelector(opt.focus) : root.$el).focus();
-                    });
-                }
-            }
-        }, function (error) {
-            root.categories = [];
-            root.currency = '';
-            root.currency_places = 2;
-            if (error.status === 429) {
-                root.error = strings['loading_error_429'];
-                root.connection_error = true;
-            } else {
-                root.error = strings['loading_error'];
-                root.connection_error = true;
-            }
-            if (root.loading > 0) {
-                root.loading--;
-                root.trigger_load_callback();
-            }
-        });
-    },
-    startwaiting: function () {
-        var redirect_url = this.$root.target_url + 'w/' + widget_id + '/waitinglist/?iframe=1&locale=' + lang;
-        if (this.$root.subevent){
-            redirect_url += '&subevent=' + this.$root.subevent;
-        }
-        if (this.$root.additionalURLParams) {
-            redirect_url += '&' + this.$root.additionalURLParams;
-        }
-        if (this.$root.useIframe) {
-            this.$root.overlay.frame_src = redirect_url;
-        } else {
-            window.open(redirect_url);
-        }
-    },
-    startseating: function () {
-        var redirect_url = this.$root.target_url + 'w/' + widget_id;
-        if (this.$root.subevent){
-            redirect_url += '/' + this.$root.subevent;
-        }
-        redirect_url += '/seatingframe/?iframe=1&locale=' + lang;
-        if (this.$root.voucher_code) {
-            redirect_url += '&voucher=' + encodeURIComponent(this.$root.voucher_code);
-        }
-        if (this.$root.get_cart_id()) {
-            redirect_url += '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id());
-        }
-        if (this.$root.widget_data) {
-            redirect_url += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json);
-        }
-        if (this.$root.additionalURLParams) {
-            redirect_url += '&' + this.$root.additionalURLParams;
-        }
-        redirect_url += this.$root.consent_parameter;
-        if (this.$root.useIframe) {
-            this.$root.overlay.frame_src = redirect_url;
-        } else {
-            window.open(redirect_url);
-        }
-    },
-    choose_event: function (event) {
-        this.$root.target_url = event.event_url;
-        this.$root.error = null;
-        this.$root.connection_error = false;
-        this.$root.subevent = event.subevent;
-        this.$root.loading++;
-        this.$root.reload();
-    },
-    create_cart: function(callback) {
-        var url = this.$root.target_url + 'w/' + widget_id + '/cart/create?ajax=1';
+let shared_root_methods = {
+	open_link_in_frame: function (event) {
+		let url = event.target.attributes.href.value
+		if (this.$root.additionalURLParams) {
+			if (url.indexOf('?')) {
+				url += '&' + this.$root.additionalURLParams
+			} else {
+				url += '?' + this.$root.additionalURLParams
+			}
+		}
+		if (this.$root.useIframe) {
+			event.preventDefault()
+			if (url.indexOf('?')) {
+				url += '&iframe=1'
+			} else {
+				url += '?iframe=1'
+			}
+			this.$root.overlay.frame_src = url
+		} else {
+			event.target.href = url
+			return
+		}
+	},
+	trigger_load_callback: function () {
+		this.$nextTick(function () {
+			for (let i = 0; i < window.PretixWidget._loaded.length; i++) {
+				window.PretixWidget._loaded[i]()
+			}
+		})
+	},
+	trigger_close_callback: function () {
+		this.$nextTick(function () {
+			for (let i = 0; i < window.PretixWidget._closed.length; i++) {
+				window.PretixWidget._closed[i]()
+			}
+		})
+	},
+	reload: function (opt = {}) {
+		let url
+		if (this.$root.is_button) {
+			return
+		}
+		if (this.$root.subevent) {
+			url = this.$root.target_url + this.$root.subevent + '/widget/product_list?lang=' + lang
+		} else {
+			url = this.$root.target_url + 'widget/product_list?lang=' + lang
+		}
+		if (this.$root.offset) {
+			url += '&offset=' + this.$root.offset
+		}
+		if (this.$root.filter) {
+			url += '&' + this.$root.filter
+		}
+		if (this.$root.item_filter) {
+			url += '&items=' + encodeURIComponent(this.$root.item_filter)
+		}
+		if (this.$root.category_filter) {
+			url += '&categories=' + encodeURIComponent(this.$root.category_filter)
+		}
+		if (this.$root.variation_filter) {
+			url += '&variations=' + encodeURIComponent(this.$root.variation_filter)
+		}
+		if (this.$root.voucher_code) {
+			url += '&voucher=' + encodeURIComponent(this.$root.voucher_code)
+		}
+		if (this.$root.get_cart_id()) {
+			url += '&cart_id=' + encodeURIComponent(this.$root.get_cart_id())
+		}
+		if (this.$root.date !== null) {
+			url += '&date=' + this.$root.date.substr(0, 7)
+		} else if (this.$root.week !== null) {
+			url += '&date=' + this.$root.week[0] + '-W' + this.$root.week[1]
+		}
+		if (this.$root.style !== null) {
+			url = url + '&style=' + encodeURIComponent(this.$root.style)
+		}
+		let root = this.$root
+		api._getJSON(url, function (data, xhr) {
+			if (typeof xhr.responseURL !== 'undefined') {
+				let new_url = xhr.responseURL.substr(0, xhr.responseURL.indexOf('/widget/product_list?') + 1)
+				let old_url = url.substr(0, url.indexOf('/widget/product_list?') + 1)
+				if (new_url !== old_url) {
+					if (root.subevent) {
+						new_url = new_url.substr(0, new_url.lastIndexOf('/', new_url.length - 1) + 1)
+					}
+					root.target_url = new_url
+					root.reload()
+					return
+				}
+			}
+			root.connection_error = false
+			if (data.weeks !== undefined) {
+				root.weeks = data.weeks
+				root.date = data.date
+				root.week = null
+				root.events = undefined
+				root.view = 'weeks'
+				root.name = data.name
+				root.frontpage_text = data.frontpage_text
+				root.meta_filter_fields = data.meta_filter_fields
+			} else if (data.days !== undefined) {
+				root.days = data.days
+				root.date = null
+				root.week = data.week
+				root.events = undefined
+				root.view = 'days'
+				root.name = data.name
+				root.frontpage_text = data.frontpage_text
+				root.meta_filter_fields = data.meta_filter_fields
+			} else if (data.events !== undefined) {
+				root.events = root.append_events && root.events ? root.events.concat(data.events) : data.events
+				root.append_events = false
+				root.weeks = undefined
+				root.view = 'events'
+				root.name = data.name
+				root.frontpage_text = data.frontpage_text
+				root.has_more_events = data.has_more_events
+				root.meta_filter_fields = data.meta_filter_fields
+			} else {
+				root.view = 'event'
+				// Replace target_url and subevent with canonical values in case they were slightly wrong
+				root.target_url = data.target_url
+				root.subevent = data.subevent
+				// Event data
+				root.name = data.name
+				root.frontpage_text = data.frontpage_text
+				root.date_range = data.date_range
+				root.location = data.location
+				root.categories = data.items_by_category
+				root.currency = data.currency
+				root.currency_places = data.currency_places
+				root.display_net_prices = data.display_net_prices
+				root.voucher_explanation_text = data.voucher_explanation_text
+				root.error = data.error
+				root.display_add_to_cart = data.display_add_to_cart
+				root.waiting_list_enabled = data.waiting_list_enabled
+				root.show_variations_expanded = data.show_variations_expanded || !!root.variation_filter
+				root.cart_exists = data.cart_exists
+				root.vouchers_exist = data.vouchers_exist
+				root.has_seating_plan = data.has_seating_plan
+				root.has_seating_plan_waitinglist = data.has_seating_plan_waitinglist
+				root.itemnum = data.itemnum
+			}
+			root.poweredby = data.poweredby
+			if (root.loading > 0) {
+				root.loading--
+				root.trigger_load_callback()
+			}
+			if (root.parent_stack.length > 0 && root.has_seating_plan && root.categories.length === 0 && !root.frame_dismissed && root.useIframe && !root.error && !root.has_seating_plan_waitinglist) {
+				// If we're on desktop and someone selects a seating-only event in a calendar, let's open it right away,
+				// but only if the person didn't close it before.
+				root.startseating()
+			} else {
+				// make sure to only move focus to content element when it had focus before the reload/click
+				// this is needed because reload is also called on initial load and we do not want to move focus on initial load
+				if (root.$el.contains(document.activeElement)) {
+					root.$nextTick(function () {
+						// wait for redraw, then focus content element for better a11y
+						(opt.focus ? document.querySelector(opt.focus) : root.$el).focus()
+					})
+				}
+			}
+		}, function (error) {
+			root.categories = []
+			root.currency = ''
+			root.currency_places = 2
+			if (error.status === 429) {
+				root.error = strings['loading_error_429']
+				root.connection_error = true
+			} else {
+				root.error = strings['loading_error']
+				root.connection_error = true
+			}
+			if (root.loading > 0) {
+				root.loading--
+				root.trigger_load_callback()
+			}
+		})
+	},
+	startwaiting: function () {
+		let redirect_url = this.$root.target_url + 'w/' + widget_id + '/waitinglist/?iframe=1&locale=' + lang
+		if (this.$root.subevent) {
+			redirect_url += '&subevent=' + this.$root.subevent
+		}
+		if (this.$root.additionalURLParams) {
+			redirect_url += '&' + this.$root.additionalURLParams
+		}
+		if (this.$root.useIframe) {
+			this.$root.overlay.frame_src = redirect_url
+		} else {
+			window.open(redirect_url)
+		}
+	},
+	startseating: function () {
+		let redirect_url = this.$root.target_url + 'w/' + widget_id
+		if (this.$root.subevent) {
+			redirect_url += '/' + this.$root.subevent
+		}
+		redirect_url += '/seatingframe/?iframe=1&locale=' + lang
+		if (this.$root.voucher_code) {
+			redirect_url += '&voucher=' + encodeURIComponent(this.$root.voucher_code)
+		}
+		if (this.$root.get_cart_id()) {
+			redirect_url += '&take_cart_id=' + encodeURIComponent(this.$root.get_cart_id())
+		}
+		if (this.$root.widget_data) {
+			redirect_url += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json)
+		}
+		if (this.$root.additionalURLParams) {
+			redirect_url += '&' + this.$root.additionalURLParams
+		}
+		redirect_url += this.$root.consent_parameter
+		if (this.$root.useIframe) {
+			this.$root.overlay.frame_src = redirect_url
+		} else {
+			window.open(redirect_url)
+		}
+	},
+	choose_event: function (event) {
+		this.$root.target_url = event.event_url
+		this.$root.error = null
+		this.$root.connection_error = false
+		this.$root.subevent = event.subevent
+		this.$root.loading++
+		this.$root.reload()
+	},
+	create_cart: function (callback) {
+		let url = this.$root.target_url + 'w/' + widget_id + '/cart/create?ajax=1'
 
-        this.$root.overlay.frame_loading = true;
-        api._getJSON(url, (data) => {
-            this.$root.set_cart_id(data.cart_id);
-            this.$root.overlay.frame_loading = false;
-            callback()
-        }, (xhr, data) => {
-          if (xhr.status === 429 && typeof xhr.responseURL !== "undefined") {
-            this.$root.overlay.error_message = strings['cart_error_429'];
-            this.$root.overlay.frame_loading = false;
-            this.$root.overlay.error_url_after = this.$root.newTabTarget;
-            this.$root.overlay.error_url_after_new_tab = true;
-          } else {
-            this.$root.overlay.error_message = strings['cart_error'];
-            this.$root.overlay.frame_loading = false;
-          }
-        })
-    },
-    get_cart_id: function() {
-        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);
-    },
-};
-
-var shared_root_computed = {
-    cookieName: function () {
-        return "pretix_widget_" + this.target_url.replace(/[^a-zA-Z0-9]+/g, "_");
-    },
-    formTarget: function () {
-        var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-        var is_android = navigator.userAgent.toLowerCase().indexOf("android") > -1;
-        if (is_android && is_firefox) {
-            // Opening a POST form in a new browser fails in Firefox. This is supposed to be fixed since FF 76
-            // but for some reason, it is still the case in FF for Android.
-            // https://bugzilla.mozilla.org/show_bug.cgi?id=1629441
-            // https://github.com/pretix/pretix/issues/1040
-            return "_top";
-        } else {
-            return "_blank";
-        }
-    },
-    voucherFormTarget: function () {
-        var form_target = this.target_url + 'w/' + widget_id + '/redeem?iframe=1&locale=' + lang;
-        if (this.get_cart_id()) {
-            form_target += "&take_cart_id=" + encodeURIComponent(this.get_cart_id());
-        }
-        if (this.subevent) {
-            form_target += "&subevent=" + this.subevent;
-        }
-        if (this.$root.widget_data) {
-            form_target += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json);
-        }
-        form_target += this.$root.consent_parameter;
-        if (this.$root.additionalURLParams) {
-            form_target += '&' + this.$root.additionalURLParams;
-        }
-        return form_target;
-    },
-    formMethod: function () {
-        if (!this.useIframe && this.is_button && this.items.length === 0) {
-            return 'get';
-        }
-        return 'post';
-    },
-    formAction: function () {
-        if (!this.useIframe && this.is_button && this.items.length === 0) {
-            var target;
-            if (this.voucher_code) {
-                target = this.target_url + 'redeem';
-            } else if (this.subevent) {
-                target = this.target_url + this.subevent + '/';
-            } else {
-                target = this.target_url;
-            }
-            return target;
-        }
-        var checkout_url = "/" + this.target_url.replace(/^[^\/]+:\/\/([^\/]+)\//, "") + "w/" + widget_id + "/";
-        if (!this.$root.cart_exists) {
-            checkout_url += "checkout/start";
-        }
-        if (this.$root.additionalURLParams) {
-            checkout_url += '?' + this.$root.additionalURLParams;
-        }
-        var form_target = this.target_url + 'w/' + widget_id + '/cart/add?iframe=1&next=' + encodeURIComponent(checkout_url);
-        if (this.get_cart_id()) {
-            form_target += "&take_cart_id=" + encodeURIComponent(this.get_cart_id());
-        }
-        form_target += this.$root.consent_parameter
-        return form_target
-    },
-    newTabTarget: function () {
-        var target = this.target_url;
-        if (this.subevent) {
-            target = this.target_url + this.subevent + '/';
-        }
-        var parameters = this.$root.consent_parameter
-        if (this.$root.additionalURLParams) {
-          parameters += `&${this.$root.additionalURLParams}`
-        }
-        if (parameters) {
-          target += '?' + parameters.replace(/^&/, '')
-        }
-        return target
-    },
-    useIframe: function () {
-        if (window.crossOriginIsolated === true) {
-            console.warn("pretix Widget cannot use iframe due to Cross-Origin-Embed-Policy")
-            return false;
-        }
-        return !this.disable_iframe && (this.skip_ssl || site_is_secure());
-    },
-    showPrices: function () {
-        var has_priced = false;
-        var cnt_items = 0;
-        for (var i = 0; i < this.categories.length; i++) {
-            for (var j = 0; j < this.categories[i].items.length; j++) {
-                var item = this.categories[i].items[j];
-                if (item.has_variations) {
-                    cnt_items += item.variations.length;
-                    has_priced = true;
-                } else {
-                    cnt_items++;
-                    has_priced = has_priced || item.price.gross != "0.00" || item.free_price;
-                }
-            }
-        }
-        return has_priced || cnt_items > 1;
-    },
-    consent_parameter_value: function () {
-        if (typeof this.widget_data["consent"] !== "undefined") {
-            return encodeURIComponent(this.widget_data["consent"]);
-        }
-        return "";
-    },
-    consent_parameter: function () {
-        if (typeof this.widget_data["consent"] !== "undefined") {
-            return "&consent=" + encodeURIComponent(this.widget_data["consent"]);
-        }
-        return "";
-    },
-    widget_data_json: function () {
-        var cloned_data = Object.assign({}, this.widget_data);
-        if (typeof cloned_data["consent"] !== "undefined") {
-            // Remove consent as we pass it differently. We still keep it as widget_data in the input to avoid breaking
-            // the JS API of the widget.
-            delete cloned_data["consent"];
-        }
-        return JSON.stringify(cloned_data);
-    },
-    additionalURLParams: function () {
-        if (!window.location.search.indexOf('utm_')) {
-            return '';
-        }
-        var params = new URLSearchParams(window.location.search);
-        for (var [key, value] of params.entries()) {
-            if (!key.startsWith('utm_')) {
-                params.delete(key);
-            }
-        }
-        return params.toString();
-    },
-};
-
-var create_overlay = function (app) {
-    var elem = document.createElement('pretix-overlay');
-    document.body.appendChild(elem);
-
-    var framechild = new Vue({
-        el: elem,
-        data: function () {
-            return {
-                parent: app,
-                frame_loading: false,
-                frame_shown: false,
-                error_url_after: null,
-                error_url_after_new_tab: true,
-                error_message: null,
-                lightbox: null,
-                prevActiveElement: null,
-            }
-        },
-        props: {
-            frame_src: String,
-        },
-        methods: {
-        },
-        watch: {
-            frame_src: function (newValue, oldValue) {
-                // show loading spinner only when previously no frame_src was set
-                if (newValue && !oldValue) {
-                    this.frame_loading = true;
-                }
-                // to close and unload the iframe, frame_src can be empty -> make it valid HTML with about:blank
-                this.$el.querySelector("iframe").src = newValue || "about:blank";
-            },
-            frame_loading: function (newValue) {
-                var dialog = this.$el?.querySelector('dialog.pretix-widget-frame-holder');
-                if (newValue) {
-                    if (!dialog.open) {
-                        dialog.showModal();
-                    }
-                } else {
-                    if (!this.frame_src && dialog.open) {// finished loading, but no iframe to display => close
-                        dialog.close();
-                    }
-                }
-            },
-        }
-    });
-    app.$root.overlay = framechild;
-};
-
-function get_ga_client_id(tracking_id) {
-    if (typeof ga === "undefined") {
-        return null;
-    }
-    try {
-        var trackers = ga.getAll();
-        var i, len;
-        for (i = 0, len = trackers.length; i < len; i += 1) {
-            if (trackers[i].get('trackingId') === tracking_id) {
-                return trackers[i].get('clientId');
-            }
-        }
-    } catch (e) {
-    }
-    return null;
+		this.$root.overlay.frame_loading = true
+		api._getJSON(url, (data) => {
+			this.$root.set_cart_id(data.cart_id)
+			this.$root.overlay.frame_loading = false
+			callback()
+		}, (xhr, data) => {
+			if (xhr.status === 429 && typeof xhr.responseURL !== 'undefined') {
+				this.$root.overlay.error_message = strings['cart_error_429']
+				this.$root.overlay.frame_loading = false
+				this.$root.overlay.error_url_after = this.$root.newTabTarget
+				this.$root.overlay.error_url_after_new_tab = true
+			} else {
+				this.$root.overlay.error_message = strings['cart_error']
+				this.$root.overlay.frame_loading = false
+			}
+		})
+	},
+	get_cart_id: function () {
+		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)
+	},
 }
 
-var create_widget = function (element, html_id=null) {
-    var target_url = element.attributes.event.value;
-    if (!target_url.match(/\/$/)) {
-        target_url += "/";
-    }
-    var voucher = element.attributes.voucher ? element.attributes.voucher.value : null;
-    var subevent = element.attributes.subevent ? element.attributes.subevent.value : null;
-    var style = element.attributes["list-type"] ? element.attributes["list-type"].value : (element.attributes.style ? element.attributes.style.value : null);
-    var skip_ssl = element.attributes["skip-ssl-check"] ? true : false;
-    var disable_iframe = element.attributes["disable-iframe"] ? true : false;
-    var disable_vouchers = element.attributes["disable-vouchers"] ? true : false;
-    var disable_filters = element.attributes["disable-filters"] ? true : false;
-    var display_event_info = element.getAttribute("display-event-info"); // null means "auto" (as before), everything other than "false" is true
-    if (display_event_info !== null && display_event_info !== "auto") {
-        display_event_info = display_event_info !== "false";
-    } else {
-        display_event_info = null;
-    }
-    var widget_data = JSON.parse(JSON.stringify(window.PretixWidget.widget_data));
-    var filter = element.attributes.filter ? element.attributes.filter.value : null;
-    var items = element.attributes.items ? element.attributes.items.value : null;
-    var variations = element.attributes.variations ? element.attributes.variations.value : null;
-    var categories = element.attributes.categories ? element.attributes.categories.value : null;
-    for (var i = 0; i < element.attributes.length; i++) {
-        var attrib = element.attributes[i];
-        if (attrib.name.match(/^data-.*$/)) {
-            widget_data[attrib.name.replace(/^data-/, '')] = attrib.value;
-        }
-    }
-    html_id = html_id || element.id || makeid(16);
+let shared_root_computed = {
+	cookieName: function () {
+		return 'pretix_widget_' + this.target_url.replace(/[^a-zA-Z0-9]+/g, '_')
+	},
+	formTarget: function () {
+		let is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1
+		let is_android = navigator.userAgent.toLowerCase().indexOf('android') > -1
+		if (is_android && is_firefox) {
+			// Opening a POST form in a new browser fails in Firefox. This is supposed to be fixed since FF 76
+			// but for some reason, it is still the case in FF for Android.
+			// https://bugzilla.mozilla.org/show_bug.cgi?id=1629441
+			// https://github.com/pretix/pretix/issues/1040
+			return '_top'
+		} else {
+			return '_blank'
+		}
+	},
+	voucherFormTarget: function () {
+		let form_target = this.target_url + 'w/' + widget_id + '/redeem?iframe=1&locale=' + lang
+		if (this.get_cart_id()) {
+			form_target += '&take_cart_id=' + encodeURIComponent(this.get_cart_id())
+		}
+		if (this.subevent) {
+			form_target += '&subevent=' + this.subevent
+		}
+		if (this.$root.widget_data) {
+			form_target += '&widget_data=' + encodeURIComponent(this.$root.widget_data_json)
+		}
+		form_target += this.$root.consent_parameter
+		if (this.$root.additionalURLParams) {
+			form_target += '&' + this.$root.additionalURLParams
+		}
+		return form_target
+	},
+	formMethod: function () {
+		if (!this.useIframe && this.is_button && this.items.length === 0) {
+			return 'get'
+		}
+		return 'post'
+	},
+	formAction: function () {
+		if (!this.useIframe && this.is_button && this.items.length === 0) {
+			let target
+			if (this.voucher_code) {
+				target = this.target_url + 'redeem'
+			} else if (this.subevent) {
+				target = this.target_url + this.subevent + '/'
+			} else {
+				target = this.target_url
+			}
+			return target
+		}
+		let checkout_url = '/' + this.target_url.replace(/^[^\/]+:\/\/([^\/]+)\//, '') + 'w/' + widget_id + '/'
+		if (!this.$root.cart_exists) {
+			checkout_url += 'checkout/start'
+		}
+		if (this.$root.additionalURLParams) {
+			checkout_url += '?' + this.$root.additionalURLParams
+		}
+		let form_target = this.target_url + 'w/' + widget_id + '/cart/add?iframe=1&next=' + encodeURIComponent(checkout_url)
+		if (this.get_cart_id()) {
+			form_target += '&take_cart_id=' + encodeURIComponent(this.get_cart_id())
+		}
+		form_target += this.$root.consent_parameter
+		return form_target
+	},
+	newTabTarget: function () {
+		let target = this.target_url
+		if (this.subevent) {
+			target = this.target_url + this.subevent + '/'
+		}
+		let parameters = this.$root.consent_parameter
+		if (this.$root.additionalURLParams) {
+			parameters += `&${this.$root.additionalURLParams}`
+		}
+		if (parameters) {
+			target += '?' + parameters.replace(/^&/, '')
+		}
+		return target
+	},
+	useIframe: function () {
+		if (window.crossOriginIsolated === true) {
+			console.warn('pretix Widget cannot use iframe due to Cross-Origin-Embed-Policy')
+			return false
+		}
+		return !this.disable_iframe && (this.skip_ssl || site_is_secure())
+	},
+	showPrices: function () {
+		let has_priced = false
+		let cnt_items = 0
+		for (let i = 0; i < this.categories.length; i++) {
+			for (let j = 0; j < this.categories[i].items.length; j++) {
+				let item = this.categories[i].items[j]
+				if (item.has_variations) {
+					cnt_items += item.variations.length
+					has_priced = true
+				} else {
+					cnt_items++
+					has_priced = has_priced || item.price.gross != '0.00' || item.free_price
+				}
+			}
+		}
+		return has_priced || cnt_items > 1
+	},
+	consent_parameter_value: function () {
+		if (typeof this.widget_data['consent'] !== 'undefined') {
+			return encodeURIComponent(this.widget_data['consent'])
+		}
+		return ''
+	},
+	consent_parameter: function () {
+		if (typeof this.widget_data['consent'] !== 'undefined') {
+			return '&consent=' + encodeURIComponent(this.widget_data['consent'])
+		}
+		return ''
+	},
+	widget_data_json: function () {
+		let cloned_data = Object.assign({}, this.widget_data)
+		if (typeof cloned_data['consent'] !== 'undefined') {
+			// Remove consent as we pass it differently. We still keep it as widget_data in the input to avoid breaking
+			// the JS API of the widget.
+			delete cloned_data['consent']
+		}
+		return JSON.stringify(cloned_data)
+	},
+	additionalURLParams: function () {
+		if (!window.location.search.indexOf('utm_')) {
+			return ''
+		}
+		let params = new URLSearchParams(window.location.search)
+		for (let [key, value] of params.entries()) {
+			if (!key.startsWith('utm_')) {
+				params.delete(key)
+			}
+		}
+		return params.toString()
+	},
+}
 
-    var observer = new MutationObserver((mutationList) => {
-        mutationList.forEach((mutation) => {
-            if (mutation.type == "attributes" && mutation.attributeName.startsWith("data-")) {
-                Vue.set(app.widget_data, mutation.attributeName.substring(5), mutation.target.getAttribute(mutation.attributeName));
-            }
-        });
-    });
-    var observerOptions = { attributes: true };
+let create_overlay = function (app) {
+	let elem = document.createElement('pretix-overlay')
+	document.body.appendChild(elem)
 
-    if (element.tagName !== "pretix-widget") {
-        element.innerHTML = "<pretix-widget></pretix-widget>";
-        // we need to watch the container as well as the replaced root-node (see mounted())
-        observer.observe(element, observerOptions);
-    }
+	let framechild = new Vue({
+		el: elem,
+		props: {
+			frame_src: String,
+		},
+		data: function () {
+			return {
+				parent: app,
+				frame_loading: false,
+				frame_shown: false,
+				error_url_after: null,
+				error_url_after_new_tab: true,
+				error_message: null,
+				lightbox: null,
+				prevActiveElement: null,
+			}
+		},
+		watch: {
+			frame_src: function (newValue, oldValue) {
+				// show loading spinner only when previously no frame_src was set
+				if (newValue && !oldValue) {
+					this.frame_loading = true
+				}
+				// to close and unload the iframe, frame_src can be empty -> make it valid HTML with about:blank
+				this.$el.querySelector('iframe').src = newValue || 'about:blank'
+			},
+			frame_loading: function (newValue) {
+				let dialog = this.$el?.querySelector('dialog.pretix-widget-frame-holder')
+				if (newValue) {
+					if (!dialog.open) {
+						dialog.showModal()
+					}
+				} else {
+					if (!this.frame_src && dialog.open) { // finished loading, but no iframe to display => close
+						dialog.close()
+					}
+				}
+			},
+		},
+		methods: {
+		}
+	})
+	app.$root.overlay = framechild
+}
 
-    var app = new Vue({
-        el: element,
-        data: function () {
-            return {
-                target_url: target_url,
-                parent_stack: [],
-                subevent: subevent,
-                is_button: false,
-                categories: null,
-                currency: null,
-                currency_places: 2,
-                name: null,
-                date_range: null,
-                location: null,
-                offset: 0,
-                has_more_events: false,
-                append_events: false,
-                frontpage_text: null,
-                filter: filter,
-                item_filter: items,
-                category_filter: categories,
-                variation_filter: variations,
-                voucher_code: voucher,
-                display_net_prices: false,
-                voucher_explanation_text: null,
-                show_variations_expanded: !!variations,
-                skip_ssl: skip_ssl,
-                disable_iframe: disable_iframe,
-                style: style,
-                connection_error: false,
-                error: null,
-                weeks: null,
-                days: null,
-                date: null,
-                week: null,
-                frame_dismissed: false,
-                events: null,
-                view: null,
-                display_add_to_cart: false,
-                widget_data: widget_data,
-                loading: 1,
-                widget_id: 'pretix-widget-' + widget_id,
-                html_id: html_id,
-                vouchers_exist: false,
-                disable_vouchers: disable_vouchers,
-                disable_filters: disable_filters,
-                display_event_info: display_event_info,
-                cart_exists: false,
-                itemcount: 0,
-                overlay: null,
-                poweredby: "",
-                has_seating_plan: false,
-                has_seating_plan_waitinglist: false,
-                meta_filter_fields: [],
-                keep_cart: true,
-                cart_id: null
-            }
-        },
-        created: function () {
-            this.reload();
-        },
-        mounted: function () {
-            observer.observe(this.$el, observerOptions);
-        },
-        computed: shared_root_computed,
-        methods: shared_root_methods,
-        watch: {
-            'view': function (newValue, oldValue) {
-                if (oldValue) {
-                    // always make sure the widget is scrolled to the top
-                    // as we only check top, we do not need to wait for a redraw
-                    var rect = this.$el.getBoundingClientRect();
-                    if (rect.top < 0) {
-                        this.$el.scrollIntoView();
-                    }
-                }
-            }
-        }
-    });
-    create_overlay(app);
-    return app;
-};
+function get_ga_client_id (tracking_id) {
+	if (typeof ga === 'undefined') {
+		return null
+	}
+	try {
+		let trackers = ga.getAll()
+		let i, len
+		for (i = 0, len = trackers.length; i < len; i += 1) {
+			if (trackers[i].get('trackingId') === tracking_id) {
+				return trackers[i].get('clientId')
+			}
+		}
+	} catch (e) {
+	}
+	return null
+}
 
-var create_button = function (element, html_id=null) {
-    var target_url = element.attributes.event.value;
-    if (!target_url.match(/\/$/)) {
-        target_url += "/";
-    }
-    var voucher = element.attributes.voucher ? element.attributes.voucher.value : null;
-    var subevent = element.attributes.subevent ? element.attributes.subevent.value : null;
-    var raw_items = element.attributes.items ? element.attributes.items.value : "";
-    var skip_ssl = element.attributes["skip-ssl-check"] ? true : false;
-    var disable_iframe = element.attributes["disable-iframe"] ? true : false;
-    var keep_cart = element.attributes["keep-cart"] ? true : false;
-    var button_text = element.innerHTML;
-    var widget_data = JSON.parse(JSON.stringify(window.PretixWidget.widget_data));
-    for (var i = 0; i < element.attributes.length; i++) {
-        var attrib = element.attributes[i];
-        if (attrib.name.match(/^data-.*$/)) {
-            widget_data[attrib.name.replace(/^data-/, '')] = attrib.value;
-        }
-    }
-    html_id = html_id || element.id || makeid(16);
+let create_widget = function (element, html_id = null) {
+	let target_url = element.attributes.event.value
+	if (!target_url.match(/\/$/)) {
+		target_url += '/'
+	}
+	let voucher = element.attributes.voucher ? element.attributes.voucher.value : null
+	let subevent = element.attributes.subevent ? element.attributes.subevent.value : null
+	let style = element.attributes['list-type'] ? element.attributes['list-type'].value : (element.attributes.style ? element.attributes.style.value : null)
+	let skip_ssl = element.attributes['skip-ssl-check'] ? true : false
+	let disable_iframe = element.attributes['disable-iframe'] ? true : false
+	let disable_vouchers = element.attributes['disable-vouchers'] ? true : false
+	let disable_filters = element.attributes['disable-filters'] ? true : false
+	let display_event_info = element.getAttribute('display-event-info') // null means "auto" (as before), everything other than "false" is true
+	if (display_event_info !== null && display_event_info !== 'auto') {
+		display_event_info = display_event_info !== 'false'
+	} else {
+		display_event_info = null
+	}
+	let widget_data = JSON.parse(JSON.stringify(window.PretixWidget.widget_data))
+	let filter = element.attributes.filter ? element.attributes.filter.value : null
+	let items = element.attributes.items ? element.attributes.items.value : null
+	let variations = element.attributes.variations ? element.attributes.variations.value : null
+	let categories = element.attributes.categories ? element.attributes.categories.value : null
+	for (let i = 0; i < element.attributes.length; i++) {
+		let attrib = element.attributes[i]
+		if (attrib.name.match(/^data-.*$/)) {
+			widget_data[attrib.name.replace(/^data-/, '')] = attrib.value
+		}
+	}
+	html_id = html_id || element.id || makeid(16)
 
-    var observer = new MutationObserver((mutationList) => {
-        mutationList.forEach((mutation) => {
-            if (mutation.type == "attributes" && mutation.attributeName.startsWith("data-")) {
-                Vue.set(app.widget_data, mutation.attributeName.substring(5), mutation.target.getAttribute(mutation.attributeName));
-            }
-        });
-    });
-    var observerOptions = { attributes: true };
+	let observer = new MutationObserver((mutationList) => {
+		mutationList.forEach((mutation) => {
+			if (mutation.type == 'attributes' && mutation.attributeName.startsWith('data-')) {
+				Vue.set(app.widget_data, mutation.attributeName.substring(5), mutation.target.getAttribute(mutation.attributeName))
+			}
+		})
+	})
+	let observerOptions = { attributes: true }
 
-    if (element.tagName !== "pretix-button") {
-        element.innerHTML = "<pretix-button>" + element.innerHTML + "</pretix-button>";
-        // Vue does not replace the container, so watch container as well
-        observer.observe(element, observerOptions);
-    }
+	if (element.tagName !== 'pretix-widget') {
+		element.innerHTML = '<pretix-widget></pretix-widget>'
+		// we need to watch the container as well as the replaced root-node (see mounted())
+		observer.observe(element, observerOptions)
+	}
 
-    var itemsplit = raw_items.split(",");
-    var items = [];
-    for (var i = 0; i < itemsplit.length; i++) {
-        if (itemsplit[i].indexOf("=") > 0 ) {
-            var splitthis = itemsplit[i].split("=");
-            items.push({'item': splitthis[0], 'count': splitthis[1]})
-        }
-    }
+	var app = new Vue({
+		el: element,
+		data: function () {
+			return {
+				target_url: target_url,
+				parent_stack: [],
+				subevent: subevent,
+				is_button: false,
+				categories: null,
+				currency: null,
+				currency_places: 2,
+				name: null,
+				date_range: null,
+				location: null,
+				offset: 0,
+				has_more_events: false,
+				append_events: false,
+				frontpage_text: null,
+				filter: filter,
+				item_filter: items,
+				category_filter: categories,
+				variation_filter: variations,
+				voucher_code: voucher,
+				display_net_prices: false,
+				voucher_explanation_text: null,
+				show_variations_expanded: !!variations,
+				skip_ssl: skip_ssl,
+				disable_iframe: disable_iframe,
+				style: style,
+				connection_error: false,
+				error: null,
+				weeks: null,
+				days: null,
+				date: null,
+				week: null,
+				frame_dismissed: false,
+				events: null,
+				view: null,
+				display_add_to_cart: false,
+				widget_data: widget_data,
+				loading: 1,
+				widget_id: 'pretix-widget-' + widget_id,
+				html_id: html_id,
+				vouchers_exist: false,
+				disable_vouchers: disable_vouchers,
+				disable_filters: disable_filters,
+				display_event_info: display_event_info,
+				cart_exists: false,
+				itemcount: 0,
+				overlay: null,
+				poweredby: '',
+				has_seating_plan: false,
+				has_seating_plan_waitinglist: false,
+				meta_filter_fields: [],
+				keep_cart: true,
+				cart_id: null
+			}
+		},
+		computed: shared_root_computed,
+		watch: {
+			view: function (newValue, oldValue) {
+				if (oldValue) {
+					// always make sure the widget is scrolled to the top
+					// as we only check top, we do not need to wait for a redraw
+					let rect = this.$el.getBoundingClientRect()
+					if (rect.top < 0) {
+						this.$el.scrollIntoView()
+					}
+				}
+			}
+		},
+		created: function () {
+			this.reload()
+		},
+		mounted: function () {
+			observer.observe(this.$el, observerOptions)
+		},
+		methods: shared_root_methods
+	})
+	create_overlay(app)
+	return app
+}
 
-    var app = new Vue({
-        el: element,
-        data: function () {
-            return {
-                target_url: target_url,
-                subevent: subevent,
-                is_button: true,
-                skip_ssl: skip_ssl,
-                disable_iframe: disable_iframe,
-                voucher_code: voucher,
-                items: items,
-                error: null,
-                filter: null,
-                frame_dismissed: false,
-                widget_data: widget_data,
-                widget_id: 'pretix-widget-' + widget_id,
-                html_id: html_id,
-                button_text: button_text,
-                keep_cart: keep_cart || items.length > 0,
-                cart_id: null
-            }
-        },
-        created: function () {
-        },
-        mounted: function () {
-            observer.observe(this.$el, observerOptions);
-        },
-        computed: shared_root_computed,
-        methods: shared_root_methods,
-    });
-    create_overlay(app);
-    return app;
-};
+let create_button = function (element, html_id = null) {
+	let target_url = element.attributes.event.value
+	if (!target_url.match(/\/$/)) {
+		target_url += '/'
+	}
+	let voucher = element.attributes.voucher ? element.attributes.voucher.value : null
+	let subevent = element.attributes.subevent ? element.attributes.subevent.value : null
+	let raw_items = element.attributes.items ? element.attributes.items.value : ''
+	let skip_ssl = element.attributes['skip-ssl-check'] ? true : false
+	let disable_iframe = element.attributes['disable-iframe'] ? true : false
+	let keep_cart = element.attributes['keep-cart'] ? true : false
+	let button_text = element.innerHTML
+	let widget_data = JSON.parse(JSON.stringify(window.PretixWidget.widget_data))
+	for (var i = 0; i < element.attributes.length; i++) {
+		let attrib = element.attributes[i]
+		if (attrib.name.match(/^data-.*$/)) {
+			widget_data[attrib.name.replace(/^data-/, '')] = attrib.value
+		}
+	}
+	html_id = html_id || element.id || makeid(16)
+
+	let observer = new MutationObserver((mutationList) => {
+		mutationList.forEach((mutation) => {
+			if (mutation.type == 'attributes' && mutation.attributeName.startsWith('data-')) {
+				Vue.set(app.widget_data, mutation.attributeName.substring(5), mutation.target.getAttribute(mutation.attributeName))
+			}
+		})
+	})
+	let observerOptions = { attributes: true }
+
+	if (element.tagName !== 'pretix-button') {
+		element.innerHTML = '<pretix-button>' + element.innerHTML + '</pretix-button>'
+		// Vue does not replace the container, so watch container as well
+		observer.observe(element, observerOptions)
+	}
+
+	let itemsplit = raw_items.split(',')
+	let items = []
+	for (var i = 0; i < itemsplit.length; i++) {
+		if (itemsplit[i].indexOf('=') > 0) {
+			let splitthis = itemsplit[i].split('=')
+			items.push({ item: splitthis[0], count: splitthis[1] })
+		}
+	}
+
+	var app = new Vue({
+		el: element,
+		data: function () {
+			return {
+				target_url: target_url,
+				subevent: subevent,
+				is_button: true,
+				skip_ssl: skip_ssl,
+				disable_iframe: disable_iframe,
+				voucher_code: voucher,
+				items: items,
+				error: null,
+				filter: null,
+				frame_dismissed: false,
+				widget_data: widget_data,
+				widget_id: 'pretix-widget-' + widget_id,
+				html_id: html_id,
+				button_text: button_text,
+				keep_cart: keep_cart || items.length > 0,
+				cart_id: null
+			}
+		},
+		computed: shared_root_computed,
+		created: function () {
+		},
+		mounted: function () {
+			observer.observe(this.$el, observerOptions)
+		},
+		methods: shared_root_methods,
+	})
+	create_overlay(app)
+	return app
+}
 
 /* Find all widgets on the page and render them */
-widgetlist = [];
-buttonlist = [];
-window.PretixWidget._loaded = [];
-window.PretixWidget._closed = [];
+widgetlist = []
+buttonlist = []
+window.PretixWidget._loaded = []
+window.PretixWidget._closed = []
 window.PretixWidget.addLoadListener = function (f) {
-    window.PretixWidget._loaded.push(f);
+	window.PretixWidget._loaded.push(f)
 }
 window.PretixWidget.addCloseListener = function (f) {
-    window.PretixWidget._closed.push(f);
+	window.PretixWidget._closed.push(f)
 }
 window.PretixWidget.buildWidgets = function () {
-    document.createElement("pretix-widget");
-    document.createElement("pretix-button");
-    docReady(function () {
-        var widgets = document.querySelectorAll("pretix-widget, div.pretix-widget-compat");
-        var wlength = widgets.length;
-        for (var i = 0; i < wlength; i++) {
-            var widget = widgets[i];
-            widgetlist.push(create_widget(widget, widget.id || "pretix-widget-"+i));
-        }
+	document.createElement('pretix-widget')
+	document.createElement('pretix-button')
+	docReady(function () {
+		let widgets = document.querySelectorAll('pretix-widget, div.pretix-widget-compat')
+		let wlength = widgets.length
+		for (var i = 0; i < wlength; i++) {
+			let widget = widgets[i]
+			widgetlist.push(create_widget(widget, widget.id || 'pretix-widget-' + i))
+		}
 
-        var buttons = document.querySelectorAll("pretix-button, div.pretix-button-compat");
-        var blength = buttons.length;
-        for (var i = 0; i < blength; i++) {
-            var button = buttons[i];
-            buttonlist.push(create_button(button, button.id || "pretix-button-"+i));
-        }
-    });
-};
+		let buttons = document.querySelectorAll('pretix-button, div.pretix-button-compat')
+		let blength = buttons.length
+		for (var i = 0; i < blength; i++) {
+			let button = buttons[i]
+			buttonlist.push(create_button(button, button.id || 'pretix-button-' + i))
+		}
+	})
+}
 
 window.PretixWidget.open = function (target_url, voucher, subevent, items, widget_data, skip_ssl_check, disable_iframe) {
-    if (!target_url.match(/\/$/)) {
-        target_url += "/";
-    }
+	if (!target_url.match(/\/$/)) {
+		target_url += '/'
+	}
 
-    var all_widget_data = JSON.parse(JSON.stringify(window.PretixWidget.widget_data));
-    if (widget_data) {
-        Object.keys(widget_data).forEach(function(key) { all_widget_data[key] = widget_data[key]; });
-    }
-    var root = document.createElement("div");
-    document.body.appendChild(root);
-    root.classList.add("pretix-widget-hidden");
-    root.innerHTML = "<pretix-button ref='btn'></pretix-button>";
-    var app = new Vue({
-        el: root,
-        data: function () {
-            return {
-                target_url: target_url,
-                subevent: subevent || null,
-                is_button: true,
-                skip_ssl: skip_ssl_check || false,
-                disable_iframe: disable_iframe || false,
-                voucher_code: voucher || null,
-                items: items || [],
-                error: null,
-                filter: null,
-                frame_dismissed: false,
-                widget_data: all_widget_data,
-                widget_id: 'pretix-widget-' + widget_id,
-                button_text: "",
-                keep_cart: true,
-                cart_id: null
-            }
-        },
-        created: function () {
-        },
-        computed: shared_root_computed,
-        methods: shared_root_methods,
-    });
-    create_overlay(app);
-    app.$nextTick(function () {
-        if (this.$root.useIframe) {
-            this.$refs.btn.buy();
-        } else {
-            this.$refs.btn.$refs.form.submit();
-        }
-    })
-};
+	let all_widget_data = JSON.parse(JSON.stringify(window.PretixWidget.widget_data))
+	if (widget_data) {
+		Object.keys(widget_data).forEach(function (key) { all_widget_data[key] = widget_data[key] })
+	}
+	let root = document.createElement('div')
+	document.body.appendChild(root)
+	root.classList.add('pretix-widget-hidden')
+	root.innerHTML = '<pretix-button ref=\'btn\'></pretix-button>'
+	let app = new Vue({
+		el: root,
+		data: function () {
+			return {
+				target_url: target_url,
+				subevent: subevent || null,
+				is_button: true,
+				skip_ssl: skip_ssl_check || false,
+				disable_iframe: disable_iframe || false,
+				voucher_code: voucher || null,
+				items: items || [],
+				error: null,
+				filter: null,
+				frame_dismissed: false,
+				widget_data: all_widget_data,
+				widget_id: 'pretix-widget-' + widget_id,
+				button_text: '',
+				keep_cart: true,
+				cart_id: null
+			}
+		},
+		computed: shared_root_computed,
+		created: function () {
+		},
+		methods: shared_root_methods,
+	})
+	create_overlay(app)
+	app.$nextTick(function () {
+		if (this.$root.useIframe) {
+			this.$refs.btn.buy()
+		} else {
+			this.$refs.btn.$refs.form.submit()
+		}
+	})
+}
 
-if (typeof window.pretixWidgetCallback !== "undefined") {
-    window.pretixWidgetCallback();
+if (typeof window.pretixWidgetCallback !== 'undefined') {
+	window.pretixWidgetCallback()
 }
 if (window.PretixWidget.build_widgets) {
-    window.PretixWidget.buildWidgets();
+	window.PretixWidget.buildWidgets()
 }
 
 /* Set a global variable for debugging. In DEBUG mode, siteglobals will be window, otherwise it will be something
    unnamed. */
 siteglobals.pretixwidget_debug = {
-    'Vue': Vue,
-    'widgets': widgetlist,
-    'buttons': buttonlist
-};
+	Vue: Vue,
+	widgets: widgetlist,
+	buttons: buttonlist
+}