diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2025-08-14 18:07:12 +0100 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2025-08-14 18:07:12 +0100 |
| commit | 4697556cac819c47d068819b9fc9c3b4ea84e279 (patch) | |
| tree | b832d8fc6b643a8b9d0eeca35c1268e1649da731 /web/pages/events.vue | |
| parent | dd49c9205bb04844b686b9c3396c40eb49d25826 (diff) | |
Merge confplanner-web and replace fiber with native net/http
Diffstat (limited to 'web/pages/events.vue')
| -rw-r--r-- | web/pages/events.vue | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/web/pages/events.vue b/web/pages/events.vue new file mode 100644 index 0000000..093e959 --- /dev/null +++ b/web/pages/events.vue @@ -0,0 +1,40 @@ +<script setup lang="ts"> +import { Calendar, SquareGanttChart } from 'lucide-vue-next'; +import { useScheduleStore } from '~/stores/schedule'; + +const scheduleStore = useScheduleStore(); + +</script> + +<template> + <Panel title="Events" :icon="SquareGanttChart" v-if="scheduleStore.schedule"> + <div v-for="[day, events] of Object.entries(scheduleStore.eventsPerDay)" :key="day" class="events-container"> + <ul class="events-list"> + <li v-for="event in events" :key="event.id" class="event-item" :data-index="event.id"> + <EventListing :event="event" /> + </li> + </ul> + </div> + </Panel> +</template> + +<style> +.events-container { + margin: -1rem 0; +} + +.events-list { + list-style: none; + margin: 0; + padding: 0; + display: grid; +} + +.event-item { + border-bottom: 1px solid var(--color-background-muted); +} + +.event-item:last-child { + border-bottom: none; +} +</style>
\ No newline at end of file |
