aboutsummaryrefslogtreecommitdiffstats
path: root/web/pages/events.vue
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2025-08-14 18:07:12 +0100
committerLeonardo Bishop <me@leonardobishop.com>2025-08-14 18:07:12 +0100
commit4697556cac819c47d068819b9fc9c3b4ea84e279 (patch)
treeb832d8fc6b643a8b9d0eeca35c1268e1649da731 /web/pages/events.vue
parentdd49c9205bb04844b686b9c3396c40eb49d25826 (diff)
Merge confplanner-web and replace fiber with native net/http
Diffstat (limited to 'web/pages/events.vue')
-rw-r--r--web/pages/events.vue40
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