Participation panel revamp and fixes

Apollo is a pain in the ass with pagination & filters, so this removes
the tabs system and uses a <select> to filter instead

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2020-06-18 15:23:05 +02:00
parent 8676582080
commit b61d12b5fd
18 changed files with 347 additions and 486 deletions

View File

@@ -168,14 +168,17 @@
v-if="actorIsOrganizer && event.draft === false"
:to="{ name: RouteName.PARTICIPATIONS, params: { eventId: event.uuid } }"
>
<!-- We retire one because of the event creator who is a participant -->
<span v-if="event.options.maximumAttendeeCapacity">
{{
$tc(
"{available}/{capacity} available places",
event.options.maximumAttendeeCapacity - event.participantStats.going,
event.options.maximumAttendeeCapacity -
(event.participantStats.going - 1),
{
available:
event.options.maximumAttendeeCapacity - event.participantStats.going,
event.options.maximumAttendeeCapacity -
(event.participantStats.going - 1),
capacity: event.options.maximumAttendeeCapacity,
}
)
@@ -183,8 +186,8 @@
</span>
<span v-else>
{{
$tc("No one is going to this event", event.participantStats.going, {
going: event.participantStats.going,
$tc("No one is going to this event", event.participantStats.going - 1, {
going: event.participantStats.going - 1,
})
}}
</span>
@@ -226,7 +229,7 @@
</p>
<b-dropdown position="is-bottom-left" aria-role="list">
<b-button slot="trigger" role="button" icon-right="dots-horizontal">
Actions
{{ $t("Actions") }}
<!-- <b-icon icon="dots-horizontal" /> -->
</b-button>
<b-dropdown-item