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

Compare commits

base: aiolabs:3189adf579a438b675fb9395e16e302433359da6
Branches Tags
aiolabs:main
aiolabs:dev
...
compare: aiolabs:434d57974f33a2eb34b851159f37c1f070b15980
Branches Tags
aiolabs:dev
aiolabs:main

2 commits
3189adf579 ... 434d57974f

Author SHA1 Message Date
Padreug
434d57974f feat(events): add Back button to the calendar page 
The calendar page had no way back to the feed except the browser/back
gesture. Add a top-bar ghost Back link (ArrowLeft + "Back" → events feed)
mirroring EventDetailPage's pattern for navigation consistency.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-16 00:38:23 +02:00
Padreug
3dfa69315c feat(events): default calendar selection to today 
The month-grid calendar opened with no day selected, so the events panel
below was empty until the user clicked a day. Initialise the selection to
today (currentMonth already starts on the current month) so it opens
showing today's events.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
 2026-06-16 00:26:26 +02:00
2 changed files with 17 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/events/components/EventCalendarView.vue
View file

@ -68,7 +68,9 @@ function getDotCount(date: Date): number {
return Math.min(getEventsForDay(date).length, 3) return Math.min(getEventsForDay(date).length, 3)
} }
const selectedDay = ref<Date | null>(null) // Default the selection to today so the calendar opens on today's events
// rather than an empty panel (currentMonth already starts on this month).
const selectedDay = ref<Date | null>(new Date())
const selectedDayEvents = computed(() => { const selectedDayEvents = computed(() => {
if (!selectedDay.value) return [] if (!selectedDay.value) return []
return getEventsForDay(selectedDay.value) return getEventsForDay(selectedDay.value)

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

@ -2,7 +2,7 @@
import { computed, onMounted, ref } from 'vue' import { computed, onMounted, ref } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { Ticket } from 'lucide-vue-next' import { ArrowLeft, Ticket } from 'lucide-vue-next'
import { Button } from '@/components/ui/button' import { Button } from '@/components/ui/button'
import { useEvents } from '../composables/useEvents' import { useEvents } from '../composables/useEvents'
import { useOwnedTickets } from '../composables/useOwnedTickets' import { useOwnedTickets } from '../composables/useOwnedTickets'
@ -34,10 +34,23 @@ onMounted(() => {
function handleSelectEvent(event: Event) { function handleSelectEvent(event: Event) {
router.push({ name: 'event-detail', params: { id: event.id } }) router.push({ name: 'event-detail', params: { id: event.id } })
} }
function goBack() {
router.push({ name: 'events' })
}
</script> </script>
<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 link for navigation consistency. -->
<div class="flex items-center mb-4">
<Button variant="ghost" size="sm" class="gap-1.5" @click="goBack">
<ArrowLeft class="w-4 h-4" />
{{ t('common.nav.back', 'Back') }}
</Button>
</div>
<!-- Filter chip: narrows the calendar to events the user has <!-- Filter chip: narrows the calendar to events the user has
paid tickets for. Hidden when logged out — nothing to own. paid tickets for. Hidden when logged out — nothing to own.
Left-aligned so it doesn't collide with the fixed top-right Left-aligned so it doesn't collide with the fixed top-right