✨ feature: adds a data export for attendance data for committee members (#276)

m1212e · Strehk · web-flow · commit 0a74d19b8531 · 2025-06-09T12:42:23.000+02:00
* 🚧 wip: attendance data export

* 🚧 wip: attendance data

* 🚧 wip: add fields to export

* ✨ feat: add data to import

* ✨ feat: enhance presence data export functionality and update GraphQL queries

* ✨ feat: streamline layout and regional group declarations in German localization

---------

Co-authored-by: Tade Strehk &lt;git@strehk.eu&gt;
diff --git a/bun.lock b/bun.lock
@@ -18,7 +18,7 @@
         "@inlang/cli": "^3.0.10",
         "@inlang/paraglide-js": "2.0.11",
         "@m1212e/graphql-scalars-houdini": "^0.0.1",
-        "@m1212e/rumble": "^0.7.10",
+        "@m1212e/rumble": "^0.7.11",
         "@m1212e/sveltekit-oidc": "^0.0.31",
         "@sveltejs/adapter-node": "^5.2.12",
         "@sveltejs/kit": "^2.20.7",
@@ -255,7 +255,7 @@
 
     "@m1212e/graphql-scalars-houdini": ["@m1212e/graphql-scalars-houdini@0.0.1", "", { "dependencies": { "graphql-scalars": "^1.24" }, "peerDependencies": { "houdini": "^1", "typescript": "^5" } }, "sha512-sbehs8H45vQ5rSo4Md6LxfOu0c0BkxUVEJDAUdofWK4ea1WJf5rytqok03fPhV8K3rC/oIfGk0LAi31X0/OQMw=="],
 
-    "@m1212e/rumble": ["@m1212e/rumble@0.7.10", "", { "dependencies": { "@pothos/core": "^4.6.2", "@pothos/plugin-drizzle": "^0.10.2", "@pothos/plugin-smart-subscriptions": "^4.1.2", "graphql-scalars": "^1.24.2", "graphql-yoga": "^5.13.4" }, "peerDependencies": { "drizzle-orm": "^1", "typescript": "^5" } }, "sha512-gQeOguzuaSOFvU4a8EqFMJ+by1W3atQB6LHSUm4d1yDUazB1PeEC72tc5n7Ffhl/nTjPhJzCz1Saw2ol50kiEA=="],
+    "@m1212e/rumble": ["@m1212e/rumble@0.7.11", "", { "dependencies": { "@pothos/core": "^4.6.2", "@pothos/plugin-drizzle": "^0.10.2", "@pothos/plugin-smart-subscriptions": "^4.1.2", "graphql-scalars": "^1.24.2", "graphql-yoga": "^5.13.4" }, "peerDependencies": { "drizzle-orm": "^1", "typescript": "^5" } }, "sha512-cSUPie7Ma2OhSEgTE5dWwb+YtPosvUmIs34lvZuoupGSviW5QlJTw0sS1a7yNJijS0se/Y+5TiQHykauUhN8Ag=="],
 
     "@m1212e/sveltekit-oidc": ["@m1212e/sveltekit-oidc@0.0.31", "", { "dependencies": { "@sinclair/typebox": "^0.34.33" }, "peerDependencies": { "svelte": "^5.0.0" } }, "sha512-mnQAXDfw6gbUYS8Do1lwlijZNyrk7XMCCRRNhmt95XDkn97Q4gPhXc9+7oKT4vd9MTgpqQJ9WEkiYzMrNg5tTA=="],
 
diff --git a/messages/de.json b/messages/de.json
@@ -242,5 +242,6 @@
 	"download": "Download",
 	"speakersListNotFound": "Redeliste nicht gefunden",
 	"create": "Erstellen",
-	"agendaItemTitle": "Titel des Tagesordnungspunkts"
+	"agendaItemTitle": "Titel des Tagesordnungspunkts",
+	"downloadPresenceData": "Anwesenheitsdaten"
 }
diff --git a/package.json b/package.json
@@ -9,7 +9,7 @@
 		"@inlang/cli": "^3.0.10",
 		"@inlang/paraglide-js": "2.0.11",
 		"@m1212e/graphql-scalars-houdini": "^0.0.1",
-		"@m1212e/rumble": "^0.7.10",
+		"@m1212e/rumble": "^0.7.11",
 		"@m1212e/sveltekit-oidc": "^0.0.31",
 		"@sveltejs/adapter-node": "^5.2.12",
 		"@sveltejs/kit": "^2.20.7",
diff --git a/schema.graphql b/schema.graphql
@@ -57,6 +57,7 @@ type CommitteeMember {
   committeeId: ID!
   createdAt: DateTime!
   id: ID!
+  presenceChangedTimestamps(where: PresenceChangedTimestampWhereInputArgument): [PresenceChangedTimestamp!]!
   present: Boolean!
   representation(where: RepresentationWhereInputArgument): Representation!
   representationId: ID!
@@ -68,6 +69,7 @@ input CommitteeMemberWhereInputArgument {
   committeeId: ID
   createdAt: DateTime
   id: ID
+  presenceChangedTimestamps: PresenceChangedTimestampWhereInputArgument
   present: Boolean
   representation: RepresentationWhereInputArgument
   representationId: ID
@@ -275,13 +277,34 @@ type Mutation {
   updateSpeakersList(id: ID!, isClosed: Boolean, speakingTime: Int, startTimestamp: DateTime, stopTimer: Boolean = false, timeLeft: Int): SpeakersList
 }
 
+type PresenceChangedTimestamp {
+  committeeMember(where: CommitteeMemberWhereInputArgument): CommitteeMember
+  committeeMemberId: ID!
+  createdAt: DateTime!
+  id: ID!
+  presentSetTo: Boolean!
+  timestamp: DateTime!
+  updatedAt: DateTime
+}
+
+input PresenceChangedTimestampWhereInputArgument {
+  committeeMember: CommitteeMemberWhereInputArgument
+  committeeMemberId: ID
+  createdAt: DateTime
+  id: ID
+  presentSetTo: Boolean
+  timestamp: DateTime
+  updatedAt: DateTime
+}
+
 type Query {
   findFirstAgendaItem(where: AgendaItemWhereInputArgument): AgendaItem!
   findFirstCommittee(where: CommitteeWhereInputArgument): Committee!
   findFirstCommitteeMember(where: CommitteeMemberWhereInputArgument): CommitteeMember!
   findFirstConference(where: ConferenceWhereInputArgument): Conference!
   findFirstConferenceMember(where: ConferenceMemberWhereInputArgument): ConferenceMember!
   findFirstConferenceUser(where: ConferenceUserWhereInputArgument): ConferenceUser!
+  findFirstPresenceChangedTimestamp(where: PresenceChangedTimestampWhereInputArgument): PresenceChangedTimestamp!
   findFirstRepresentation(where: RepresentationWhereInputArgument): Representation!
   findFirstSpeakerOnList(where: SpeakerOnListWhereInputArgument): SpeakerOnList!
   findFirstSpeakersList(where: SpeakersListWhereInputArgument): SpeakersList!
@@ -292,6 +315,7 @@ type Query {
   findManyConference(where: ConferenceWhereInputArgument): [Conference!]!
   findManyConferenceMember(where: ConferenceMemberWhereInputArgument): [ConferenceMember!]!
   findManyConferenceUser(where: ConferenceUserWhereInputArgument): [ConferenceUser!]!
+  findManyPresenceChangedTimestamp(where: PresenceChangedTimestampWhereInputArgument): [PresenceChangedTimestamp!]!
   findManyRepresentation(where: RepresentationWhereInputArgument): [Representation!]!
   findManySpeakerOnList(where: SpeakerOnListWhereInputArgument): [SpeakerOnList!]!
   findManySpeakersList(where: SpeakersListWhereInputArgument): [SpeakersList!]!
@@ -413,6 +437,7 @@ type Subscription {
   findFirstConference(where: ConferenceWhereInputArgument): Conference!
   findFirstConferenceMember(where: ConferenceMemberWhereInputArgument): ConferenceMember!
   findFirstConferenceUser(where: ConferenceUserWhereInputArgument): ConferenceUser!
+  findFirstPresenceChangedTimestamp(where: PresenceChangedTimestampWhereInputArgument): PresenceChangedTimestamp!
   findFirstRepresentation(where: RepresentationWhereInputArgument): Representation!
   findFirstSpeakerOnList(where: SpeakerOnListWhereInputArgument): SpeakerOnList!
   findFirstSpeakersList(where: SpeakersListWhereInputArgument): SpeakersList!
@@ -423,6 +448,7 @@ type Subscription {
   findManyConference(where: ConferenceWhereInputArgument): [Conference!]!
   findManyConferenceMember(where: ConferenceMemberWhereInputArgument): [ConferenceMember!]!
   findManyConferenceUser(where: ConferenceUserWhereInputArgument): [ConferenceUser!]!
+  findManyPresenceChangedTimestamp(where: PresenceChangedTimestampWhereInputArgument): [PresenceChangedTimestamp!]!
   findManyRepresentation(where: RepresentationWhereInputArgument): [Representation!]!
   findManySpeakerOnList(where: SpeakerOnListWhereInputArgument): [SpeakerOnList!]!
   findManySpeakersList(where: SpeakersListWhereInputArgument): [SpeakersList!]!
diff --git a/src/api/db/relations.ts b/src/api/db/relations.ts
@@ -54,6 +54,10 @@ export const relations = defineRelations(schema, (r) => ({
 			from: r.committeeMember.id,
 			to: r.conferenceUser.committeeMemberId,
 			optional: true
+		}),
+		presenceChangedTimestamps: r.many.presenceChangedTimestamp({
+			from: r.committeeMember.id,
+			to: r.presenceChangedTimestamp.committeeMemberId
 		})
 	},
 	conferenceUser: {
diff --git a/src/api/handlers/presenceChangedTimestamp.ts b/src/api/handlers/presenceChangedTimestamp.ts
@@ -0,0 +1,11 @@
+import { abilityBuilder } from '$api/rumble';
+import { isDMUNEmail } from '$api/services/isDMUNEmail';
+import { basics } from './basics';
+
+const { arg, ref, pubsub, table } = basics('presenceChangedTimestamp');
+
+abilityBuilder.presenceChangedTimestamp.allow(['read']).when(({ hasRole }) => {
+	if (hasRole('admin')) {
+		return 'allow';
+	}
+});
diff --git a/src/api/handlers/register.ts b/src/api/handlers/register.ts
@@ -10,3 +10,4 @@ import './speakersList';
 import './time';
 import './user';
 import './import';
+import './presenceChangedTimestamp';
diff --git a/src/lib/components/NavbarBurgerMenu.svelte b/src/lib/components/NavbarBurgerMenu.svelte
@@ -3,16 +3,18 @@
 	import ThemeSwitcher from './ThemeSwitcher.svelte';
 	import { m } from '$lib/paraglide/messages';
 	import LanguageSwitcher from './LanguageSwitcher.svelte';
+	import type { Snippet } from 'svelte';
 
 	interface Props {
 		items: {
 			faIcon: string;
 			title: string;
 			href: string;
 		}[];
+		CustomListItems?: Snippet;
 	}
 
-	let { items }: Props = $props();
+	let { items, CustomListItems }: Props = $props();
 
 	let menuVisible = $state(false);
 </script>
@@ -35,6 +37,9 @@
 				</a>
 			</li>
 		{/each}
+		{#if CustomListItems}
+			{@render CustomListItems()}
+		{/if}
 		<!-- <div class="divider"></div> -->
 		<div class="mt-4 flex w-full gap-1">
 			<ThemeSwitcher />
diff --git a/src/routes/app/[conferenceId]/mission-control/+page.gql b/src/routes/app/[conferenceId]/mission-control/+page.gql
@@ -1,6 +1,7 @@
 query MissionControlQuery($conferenceId: ID!) {
 	findFirstConference(where: { id: $conferenceId }) {
 		id
+		title
 		committees {
 			id
 			name
diff --git a/src/routes/app/[conferenceId]/mission-control/+page.svelte b/src/routes/app/[conferenceId]/mission-control/+page.svelte
@@ -7,6 +7,7 @@
 	import NavbarBurgerMenu from '$lib/components/NavbarBurgerMenu.svelte';
 	import { onMount } from 'svelte';
 	import { MissionControlSubscription } from './missionControlSubscription';
+	import DownloadPresenceData from './DownloadPresenceData.svelte';
 
 	let { data }: { data: PageData } = $props();
 
@@ -36,7 +37,11 @@
 		<CurrentTime />
 	</div>
 	<div class="flex-none">
-		<NavbarBurgerMenu items={menubarItems} />
+		<NavbarBurgerMenu items={menubarItems}>
+			{#snippet CustomListItems()}
+				<DownloadPresenceData conferenceTitle={conference?.title} conferenceId={conference?.id} />
+			{/snippet}
+		</NavbarBurgerMenu>
 	</div>
 </div>
 
diff --git a/src/routes/app/[conferenceId]/mission-control/DownloadPresenceData.svelte b/src/routes/app/[conferenceId]/mission-control/DownloadPresenceData.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+	import { graphql } from '$houdini';
+	import { m } from '$lib/paraglide/messages';
+
+	interface Props {
+		conferenceTitle?: string;
+		conferenceId?: string;
+	}
+
+	let { conferenceTitle, conferenceId }: Props = $props();
+
+	let loading = $state(false);
+
+	const dataQuery = graphql(`
+		query PresenceDataQuery($conferenceId: ID!) {
+			findManyCommitteeMember(where: { representation: { conferenceId: $conferenceId } }) {
+				id
+				user {
+					id
+					userEmail
+				}
+				committeeId
+				representation {
+					id
+					alpha3Code
+					alpha2Code
+					faIcon
+					type
+					name
+				}
+				presenceChangedTimestamps {
+					id
+					presentSetTo
+					timestamp
+				}
+			}
+		}
+	`);
+
+	async function download() {
+		loading = true;
+		if (!conferenceId) {
+			loading = false;
+			throw new Error('No conference ID provided');
+		}
+
+		const result = await dataQuery.fetch({
+			variables: {
+				conferenceId
+			}
+		});
+
+		if (result.errors) {
+			throw new Error(result.errors[0].message);
+		}
+
+		// TODO the file downloads could be refactored into a helper function
+		// TODO maybe a schema export just like with the endpoints would make sense?
+		const blob = new Blob([JSON.stringify(result.data?.findManyCommitteeMember, null, 2)], {
+			type: 'application/json'
+		});
+		const url = URL.createObjectURL(blob);
+		const a = document.createElement('a');
+		a.href = url;
+		a.download = `${conferenceTitle || 'conference'}-presence-export.json`;
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+		URL.revokeObjectURL(url);
+
+		loading = false;
+	}
+</script>
+
+<li>
+	<button onclick={download} class="" aria-label="Download Delegator presence data">
+		<i class="fa-duotone fa-download w-6 text-center"></i>
+		{m.downloadPresenceData()}
+	</button>
+</li>

Original file line number	Diff line number	Diff line change
`@@ -242,5 +242,6 @@`
`242`	`242`	`"download": "Download",`
`243`	`243`	`"speakersListNotFound": "Redeliste nicht gefunden",`
`244`	`244`	`"create": "Erstellen",`
`245`		`- "agendaItemTitle": "Titel des Tagesordnungspunkts"`
	`245`	`+ "agendaItemTitle": "Titel des Tagesordnungspunkts",`
	`246`	`+ "downloadPresenceData": "Anwesenheitsdaten"`
`246`	`247`	`}`