CGM_Public/pretix_cgo
1
0
Fork 0
forked from CGM_Public/pretix_original
Code Pull Requests Actions Activity

Widget: fix quantity spinner buttons after reload (#3305)

Browse Source
This commit is contained in:
Richard Schreiber
2023-05-10 17:41:58 +02:00
committed by GitHub
parent e153fa7227
commit b8c7ace30e
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pretix/static/pretixpresale/js/widget/widget.js
View File

@@ -221,12 +221,12 @@ Vue.component('availbox', {
+ '>' + '>'
+ '</label>' + '</label>'
+ '<div :class="count_group_classes" v-else>' + '<div :class="count_group_classes" v-else>'
+ '<button v-if="!$root.use_native_spinners" type="button" @click="on_step" data-step="-1" v-bind:data-controls="\'input_\' + input_name" class="pretix-widget-btn-default pretix-widget-item-count-dec" aria-label="' + strings.quantity_dec + '"><span>-</span></button>' + '<button v-if="!$root.use_native_spinners" 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" aria-label="' + strings.quantity_dec + '"><span>-</span></button>'
+ '<input type="number" inputmode="numeric" pattern="\d*" class="pretix-widget-item-count-multiple" placeholder="0" min="0"' + '<input type="number" inputmode="numeric" pattern="\d*" class="pretix-widget-item-count-multiple" placeholder="0" min="0"'
+ ' v-model="amount_selected" :max="order_max" :name="input_name" :id="\'input_\' + input_name"' + ' v-model="amount_selected" :max="order_max" :name="input_name" :id="\'input_\' + input_name"'
+ ' aria-label="' + strings.quantity + '"' + ' aria-label="' + strings.quantity + '" ref="quantity"'
+ ' >' + ' >'
+ '<button v-if="!$root.use_native_spinners" type="button" @click="on_step" data-step="1" v-bind:data-controls="\'input_\' + input_name" class="pretix-widget-btn-default pretix-widget-item-count-inc" aria-label="' + strings.quantity_inc + '"><span>+</span></button>' + '<button v-if="!$root.use_native_spinners" 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" aria-label="' + strings.quantity_inc + '"><span>+</span></button>'
+ '</div>' + '</div>'
+ '</div>' + '</div>'
+ '</div>'), + '</div>'),
@@ -253,6 +253,7 @@ Vue.component('availbox', {
return this.item.require_voucher && !this.$root.voucher_code return this.item.require_voucher && !this.$root.voucher_code
}, },
amount_selected: { amount_selected: {
cache: false,
get: function () { get: function () {
var selected = this.item.has_variations ? this.variation.amount_selected : this.item.amount_selected var selected = this.item.has_variations ? this.variation.amount_selected : this.item.amount_selected
if (selected === 0) return undefined; if (selected === 0) return undefined;
@@ -267,6 +268,10 @@ Vue.component('availbox', {
} else { } else {
this.item.amount_selected = value; this.item.amount_selected = value;
} }
if (this.$refs.quantity) {
// manually set value on quantity as on reload somehow v-model binding breaks
this.$refs.quantity.value = value;
}
this.$root.$emit("amounts_changed") this.$root.$emit("amounts_changed")
} }
}, },
@@ -309,7 +314,6 @@ Vue.component('availbox', {
this.$root.$emit('focus_voucher_field') this.$root.$emit('focus_voucher_field')
}, },
on_step: function (e) { on_step: function (e) {
e.preventDefault();
var t = e.target.tagName == 'BUTTON' ? e.target : e.target.closest('button'); var t = e.target.tagName == 'BUTTON' ? e.target : e.target.closest('button');
var step = parseFloat(t.getAttribute("data-step")); var step = parseFloat(t.getAttribute("data-step"));
var controls = document.getElementById(t.getAttribute("data-controls")); var controls = document.getElementById(t.getAttribute("data-controls"));