From 4697556cac819c47d068819b9fc9c3b4ea84e279 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Thu, 14 Aug 2025 18:07:12 +0100
Subject: Merge confplanner-web and replace fiber with native net/http

---
 web/pages/events.vue | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 web/pages/events.vue

(limited to 'web/pages/events.vue')

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
-- 
cgit v1.2.3-70-g09d2

