aiolabs/webapp
8
0
Fork 0
Code Issues 65 Pull requests Projects Releases Packages Wiki Activity Actions

feat(events): calendar date-picker popup, remove calendar page, My Tickets filtering #110

Merged
padreug merged 14 commits from feat/events-calendar-popup into dev 2026-06-17 08:36:14 +00:00
Conversation 0 Commits 14 Files changed 8 +6 -10
1 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 8c9a8ab945 - Show all commits

feat(events): put calendar My-tickets filter next to the Back button

Prev Next 
The My-tickets filter chip sat on its own row below the Back link,
wasting vertical space. Move it onto the Back-button row (still
left-aligned to clear the fixed top-right hamburger), reclaiming a row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Padreug 2026-06-16 11:44:18 +02:00 • committed by padreug
commit 8c9a8ab945

16
src/modules/events/views/EventsCalendarPage.vue
View file

@ -42,21 +42,17 @@ function goBack() {
<template> <template>
<div class="container mx-auto px-4 py-6 max-w-lg"> <div class="container mx-auto px-4 py-6 max-w-lg">
<!-- Back to the events feed — mirrors EventDetailPage's top-bar <!-- Back to the events feed (mirrors EventDetailPage) + the
back link for navigation consistency. --> My-tickets filter on one row. Both left-aligned so they clear
<div class="flex items-center mb-4"> the fixed top-right hamburger menu, and the filter no longer
takes a row to itself. -->
<div class="flex items-center gap-2 mb-4">
<Button variant="ghost" size="sm" class="gap-1.5" @click="goBack"> <Button variant="ghost" size="sm" class="gap-1.5" @click="goBack">
<ArrowLeft class="w-4 h-4" /> <ArrowLeft class="w-4 h-4" />
{{ t('common.nav.back', 'Back') }} {{ t('common.nav.back', 'Back') }}
</Button> </Button>
</div>
<!-- Filter chip: narrows the calendar to events the user has
paid tickets for. Hidden when logged out — nothing to own.
Left-aligned so it doesn't collide with the fixed top-right
hamburger menu. -->
<div v-if="isAuthenticated" class="mb-3 flex">
<Button <Button
v-if="isAuthenticated"
:variant="onlyMine ? 'default' : 'outline'" :variant="onlyMine ? 'default' : 'outline'"
size="sm" size="sm"
class="gap-1.5" class="gap-1.5"