Fix event options being undefined in event view

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-10-20 11:49:55 +02:00
parent 12e0b8a30f
commit 52e69bb2a3
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
1 changed files with 16 additions and 13 deletions

View File

@ -135,17 +135,17 @@
}" }"
> >
<!-- We retire one because of the event creator who is a participant --> <!-- We retire one because of the event creator who is a participant -->
<span v-if="event.options.maximumAttendeeCapacity"> <span v-if="maximumAttendeeCapacity">
{{ {{
$tc( $tc(
"{available}/{capacity} available places", "{available}/{capacity} available places",
event.options.maximumAttendeeCapacity - maximumAttendeeCapacity -
event.participantStats.participant, event.participantStats.participant,
{ {
available: available:
event.options.maximumAttendeeCapacity - maximumAttendeeCapacity -
event.participantStats.participant, event.participantStats.participant,
capacity: event.options.maximumAttendeeCapacity, capacity: maximumAttendeeCapacity,
} }
) )
}} }}
@ -163,17 +163,17 @@
</span> </span>
</router-link> </router-link>
<span v-else> <span v-else>
<span v-if="event.options.maximumAttendeeCapacity"> <span v-if="maximumAttendeeCapacity">
{{ {{
$tc( $tc(
"{available}/{capacity} available places", "{available}/{capacity} available places",
event.options.maximumAttendeeCapacity - maximumAttendeeCapacity -
event.participantStats.participant, event.participantStats.participant,
{ {
available: available:
event.options.maximumAttendeeCapacity - maximumAttendeeCapacity -
event.participantStats.participant, event.participantStats.participant,
capacity: event.options.maximumAttendeeCapacity, capacity: maximumAttendeeCapacity,
} }
) )
}} }}
@ -1074,20 +1074,23 @@ export default class Event extends EventMixin {
: this.event.beginsOn; : this.event.beginsOn;
} }
get maximumAttendeeCapacity(): number {
return this.event?.options?.maximumAttendeeCapacity;
}
get eventCapacityOK(): boolean { get eventCapacityOK(): boolean {
if (this.event.draft) return true; if (this.event.draft) return true;
if (!this.event.options.maximumAttendeeCapacity) return true; if (!this.maximumAttendeeCapacity) return true;
return ( return (
this.event.options.maximumAttendeeCapacity > this.event?.options?.maximumAttendeeCapacity >
this.event.participantStats.participant this.event.participantStats.participant
); );
} }
get numberOfPlacesStillAvailable(): number { get numberOfPlacesStillAvailable(): number {
if (this.event.draft) return this.event.options.maximumAttendeeCapacity; if (this.event.draft) return this.maximumAttendeeCapacity;
return ( return (
this.event.options.maximumAttendeeCapacity - this.maximumAttendeeCapacity - this.event.participantStats.participant
this.event.participantStats.participant
); );
} }