potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Issue #1579 : The event menu is now fully clickable

Browse source
This commit is contained in:
Massedil 2024-11-08 18:28:28 +01:00
parent 800a4e0d1e
commit e7a42f08a0
2 changed files with 76 additions and 84 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/components/Event/EventActionSection.vue
View file

@ -110,67 +110,66 @@
{{ t("Actions") }} {{ t("Actions") }}
</o-button> </o-button>
</template> </template>
<o-dropdown-item aria-role="listitem" has-link v-if="canManageEvent"> <o-dropdown-item
<router-link aria-role="listitem"
class="flex gap-1" has-link
:to="{ v-if="canManageEvent"
@click="
router.push({
name: RouteName.PARTICIPATIONS, name: RouteName.PARTICIPATIONS,
params: { eventId: event?.uuid }, params: { eventId: event?.uuid },
}" })
"
> >
<AccountMultiple /> <AccountMultiple />
{{ t("Participations") }} {{ t("Participations") }}
</router-link>
</o-dropdown-item> </o-dropdown-item>
<o-dropdown-item aria-role="listitem" has-link v-if="canManageEvent"> <o-dropdown-item
<router-link aria-role="listitem"
class="flex gap-1" has-link
:to="{ v-if="canManageEvent"
@click="
router.push({
name: RouteName.ANNOUNCEMENTS, name: RouteName.ANNOUNCEMENTS,
params: { eventId: event?.uuid }, params: { eventId: event?.uuid },
}" })
"
> >
<Bullhorn /> <Bullhorn />
{{ t("Announcements") }} {{ t("Announcements") }}
</router-link>
</o-dropdown-item> </o-dropdown-item>
<o-dropdown-item <o-dropdown-item
aria-role="listitem" aria-role="listitem"
has-link has-link
v-if="canManageEvent || event?.draft" v-if="canManageEvent || event?.draft"
> @click="
<router-link router.push({
class="flex gap-1"
:to="{
name: RouteName.EDIT_EVENT, name: RouteName.EDIT_EVENT,
params: { eventId: event?.uuid }, params: { eventId: event?.uuid },
}" })
"
> >
<Pencil /> <Pencil />
{{ t("Edit") }} {{ t("Edit") }}
</router-link>
</o-dropdown-item> </o-dropdown-item>
<o-dropdown-item <o-dropdown-item
aria-role="listitem" aria-role="listitem"
has-link has-link
v-if="canManageEvent || event?.draft" v-if="canManageEvent || event?.draft"
> @click="
<router-link router.push({
class="flex gap-1"
:to="{
name: RouteName.DUPLICATE_EVENT, name: RouteName.DUPLICATE_EVENT,
params: { eventId: event?.uuid }, params: { eventId: event?.uuid },
}" })
"
> >
<ContentDuplicate /> <ContentDuplicate />
{{ t("Duplicate") }} {{ t("Duplicate") }}
</router-link>
</o-dropdown-item> </o-dropdown-item>
<o-dropdown-item <o-dropdown-item
aria-role="listitem" aria-role="listitem"
v-if="canManageEvent || event?.draft" v-if="canManageEvent || event?.draft"
@click="openDeleteEventModal" @click="openDeleteEventModal"
@keyup.enter="openDeleteEventModal"
><span class="flex gap-1"> ><span class="flex gap-1">
<Delete /> <Delete />
{{ t("Delete") }} {{ t("Delete") }}

39
src/components/Event/EventParticipationCard.vue
View file

@ -206,9 +206,6 @@
ParticipantRole.NOT_APPROVED, ParticipantRole.NOT_APPROVED,
].includes(participation.role) ].includes(participation.role)
" "
>
<div
class="flex gap-1"
@click=" @click="
gotToWithCheck(participation, { gotToWithCheck(participation, {
name: RouteName.EDIT_EVENT, name: RouteName.EDIT_EVENT,
@ -216,6 +213,7 @@
}) })
" "
> >
<div class="flex gap-1">
<Pencil /> <Pencil />
{{ t("Edit") }} {{ t("Edit") }}
</div> </div>
@ -224,9 +222,6 @@
<o-dropdown-item <o-dropdown-item
aria-role="listitem" aria-role="listitem"
v-if="participation.role === ParticipantRole.CREATOR" v-if="participation.role === ParticipantRole.CREATOR"
>
<div
class="flex gap-1"
@click=" @click="
gotToWithCheck(participation, { gotToWithCheck(participation, {
name: RouteName.DUPLICATE_EVENT, name: RouteName.DUPLICATE_EVENT,
@ -234,6 +229,7 @@
}) })
" "
> >
<div class="flex gap-1">
<ContentDuplicate /> <ContentDuplicate />
{{ t("Duplicate") }} {{ t("Duplicate") }}
</div> </div>
@ -247,8 +243,9 @@
ParticipantRole.NOT_APPROVED, ParticipantRole.NOT_APPROVED,
].includes(participation.role) ].includes(participation.role)
" "
@click="openDeleteEventModalWrapper"
> >
<div @click="openDeleteEventModalWrapper" class="flex gap-1"> <div class="flex gap-1">
<Delete /> <Delete />
{{ t("Delete") }} {{ t("Delete") }}
</div> </div>
@ -262,9 +259,6 @@
ParticipantRole.NOT_APPROVED, ParticipantRole.NOT_APPROVED,
].includes(participation.role) ].includes(participation.role)
" "
>
<div
class="flex gap-1"
@click=" @click="
gotToWithCheck(participation, { gotToWithCheck(participation, {
name: RouteName.PARTICIPATIONS, name: RouteName.PARTICIPATIONS,
@ -272,6 +266,7 @@
}) })
" "
> >
<div class="flex gap-1">
<AccountMultiplePlus /> <AccountMultiplePlus />
{{ t("Manage participations") }} {{ t("Manage participations") }}
</div> </div>
@ -286,30 +281,28 @@
ParticipantRole.NOT_APPROVED, ParticipantRole.NOT_APPROVED,
].includes(participation.role) ].includes(participation.role)
" "
> @click="
<router-link router.push({
class="flex gap-1"
:to="{
name: RouteName.ANNOUNCEMENTS, name: RouteName.ANNOUNCEMENTS,
params: { eventId: participation.event?.uuid }, params: { eventId: participation.event?.uuid },
}" })
"
> >
<Bullhorn /> <Bullhorn />
{{ t("Announcements") }} {{ t("Announcements") }}
</router-link>
</o-dropdown-item> </o-dropdown-item>
<o-dropdown-item aria-role="listitem"> <o-dropdown-item
<router-link aria-role="listitem"
class="flex gap-1" @click="
:to="{ router.push({
name: RouteName.EVENT, name: RouteName.EVENT,
params: { uuid: participation.event.uuid }, params: { eventId: participation.event.uuid },
}" })
"
> >
<ViewCompact /> <ViewCompact />
{{ t("View event page") }} {{ t("View event page") }}
</router-link>
</o-dropdown-item> </o-dropdown-item>
</o-dropdown> </o-dropdown>
</div> </div>