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

Widget: Support for low availability in mobile calendar mode

Browse Source
This commit is contained in:
Raphael Michel
2023-03-28 10:09:13 +02:00
parent 2b479f59d5
commit 550826af76
2 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1154,15 +1154,22 @@ Vue.component('pretix-widget-event-week-cell', {
if (this.day && this.day.events.length > 0) { if (this.day && this.day.events.length > 0) {
o['pretix-widget-has-events'] = true; o['pretix-widget-has-events'] = true;
var best = 'red'; var best = 'red';
var all_low = true;
for (var i = 0; i < this.day.events.length; i++) { for (var i = 0; i < this.day.events.length; i++) {
var ev = this.day.events[i]; var ev = this.day.events[i];
if (ev.availability.color === 'green') { if (ev.availability.color === 'green') {
best = 'green'; best = 'green';
if (ev.availability.reason !== 'low') {
all_low = false;
}
} else if (ev.availability.color === 'orange' && best !== 'green') { } else if (ev.availability.color === 'orange' && best !== 'green') {
best = 'orange' best = 'orange'
} }
} }
o['pretix-widget-day-availability-' + best] = true; o['pretix-widget-day-availability-' + best] = true;
if (best === 'green' && all_low) {
o['pretix-widget-day-availability-low'] = true;
}
} }
return o return o
} }
@@ -1212,15 +1219,22 @@ Vue.component('pretix-widget-event-calendar-cell', {
if (this.day && this.day.events.length > 0) { if (this.day && this.day.events.length > 0) {
o['pretix-widget-has-events'] = true; o['pretix-widget-has-events'] = true;
var best = 'red'; var best = 'red';
var all_low = true;
for (var i = 0; i < this.day.events.length; i++) { for (var i = 0; i < this.day.events.length; i++) {
var ev = this.day.events[i]; var ev = this.day.events[i];
if (ev.availability.color === 'green') { if (ev.availability.color === 'green') {
best = 'green'; best = 'green';
if (ev.availability.reason !== 'low') {
all_low = false;
}
} else if (ev.availability.color === 'orange' && best !== 'green') { } else if (ev.availability.color === 'orange' && best !== 'green') {
best = 'orange' best = 'orange'
} }
} }
o['pretix-widget-day-availability-' + best] = true; o['pretix-widget-day-availability-' + best] = true;
if (best === 'green' && all_low) {
o['pretix-widget-day-availability-low'] = true;
}
} }
return o return o
} }

3
src/pretix/static/pretixpresale/scss/widget.scss
View File

@@ -794,6 +794,9 @@
&.pretix-widget-day-availability-green { &.pretix-widget-day-availability-green {
background: $brand-success; background: $brand-success;
} }
&.pretix-widget-day-availability-low {
border-right: 5px solid $brand-warning;
}
&.pretix-widget-day-availability-orange { &.pretix-widget-day-availability-orange {
background: $brand-warning; background: $brand-warning;
} }