✨ feature: Add postal and payment stats (#181)

* ✨ feat: stats for ConferenceStatsu

* 🧼 format & lint

* 🧹 chore

* 🐞 fix: update gql file

---------

Co-authored-by: Tade Strehk <[email protected]>
Co-authored-by: m1212e <[email protected]>

Author: Strehk

.github/workflows/build_run.yml

@@ -10,7 +10,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
       - uses: oven-sh/setup-bun@v2
-      - run: bun install
+      - run: bun install --frozen-lockfile
       - run: bun run build
       - run: bun run check
       - run: |

bun.lockb

@@ -2690,6 +2690,7 @@ type StatisticsResult {
   diet: StatisticsResultRegisteredParticipantDiet!
   gender: StatisticsResultRegisteredParticipantGender!
   registered: StatisticsResultRegistered!
+  status: StatisticsResultRegisteredParticipantStatus!
 }
 
 type StatisticsResultCountdowns {
@@ -2757,6 +2758,22 @@ type StatisticsResultRegisteredParticipantGenderVariations {
   noStatement: Int!
 }
 
+type StatisticsResultRegisteredParticipantStatus {
+  didAttend: Int!
+  paymentStatus: StatisticsResultRegisteredParticipantStatusPayment!
+  postalStatus: StatisticsResultRegisteredParticipantStatusPostalRegistration!
+}
+
+type StatisticsResultRegisteredParticipantStatusPayment {
+  done: Int!
+  problem: Int!
+}
+
+type StatisticsResultRegisteredParticipantStatusPostalRegistration {
+  done: Int!
+  problem: Int!
+}
+
 type StatisticsResultRegisteredSingleParticipants {
   applied: Int!
   byRole: [StatisticsResultRegisteredSingleParticipantsByRole!]!

schema.graphql

@@ -1,6 +1,7 @@
 import { requireToBeConferenceAdmin } from '$api/services/requireUserToBeConferenceAdmin';
 import { conferenceStats } from '$api/services/stats';
 import { db } from '$db/db';
+import { payment, postalRegistration } from '$lib/paraglide/messages';
 import { builder } from '../../builder';
 
 const dietVariations = builder.simpleObject('StatisticsResultRegisteredParticipantDietVariations', {
@@ -137,6 +138,32 @@ const StatisticsResult = builder.simpleObject('StatisticsResult', {
 					})
 				})
 			})
+		}),
+		status: t.field({
+			type: t.builder.simpleObject('StatisticsResultRegisteredParticipantStatus', {
+				fields: (t) => ({
+					postalStatus: t.field({
+						type: t.builder.simpleObject(
+							'StatisticsResultRegisteredParticipantStatusPostalRegistration',
+							{
+								fields: (t) => ({
+									done: t.int(),
+									problem: t.int()
+								})
+							}
+						)
+					}),
+					paymentStatus: t.field({
+						type: t.builder.simpleObject('StatisticsResultRegisteredParticipantStatusPayment', {
+							fields: (t) => ({
+								done: t.int(),
+								problem: t.int()
+							})
+						})
+					}),
+					didAttend: t.int()
+				})
+			})
 		})
 	})
 });
@@ -152,7 +179,7 @@ builder.queryFields((t) => {
 				const user = ctx.permissions.getLoggedInUserOrThrow();
 				await requireToBeConferenceAdmin({ conferenceId: args.conferenceId, user });
 
-				const { countdowns, registrationStatistics, ageStatistics, diet, gender } =
+				const { countdowns, registrationStatistics, ageStatistics, diet, gender, status } =
 					await conferenceStats({
 						db,
 						conferenceId: args.conferenceId
@@ -169,7 +196,8 @@ builder.queryFields((t) => {
 							key: k,
 							value: v
 						}))
-					}
+					},
+					status
 				};
 			}
 		})

src/api/resolvers/modules/conference/statistics.ts

@@ -1,3 +1,4 @@
+import { ofAgeAtConference } from '$lib/services/ageChecker';
 import type { PrismaClient } from '@prisma/client';
 
 export async function conferenceStats({
@@ -516,11 +517,54 @@ export async function conferenceStats({
 		}
 	};
 
+	const conferenceStatusStats = await db.conferenceParticipantStatus.findMany({
+		where: {
+			conferenceId
+		},
+		select: {
+			paymentStatus: true,
+			termsAndConditions: true,
+			guardianConsent: true,
+			mediaConsent: true,
+			didAttend: true,
+			user: {
+				select: {
+					birthday: true
+				}
+			}
+		}
+	});
+
+	const status = {
+		paymentStatus: {
+			done: conferenceStatusStats.filter((s) => s.paymentStatus === 'DONE').length,
+			problem: conferenceStatusStats.filter((s) => s.paymentStatus === 'PROBLEM').length
+		},
+		postalStatus: {
+			done: conferenceStatusStats.filter(
+				(s) =>
+					s.termsAndConditions === 'DONE' &&
+					(ofAgeAtConference(conference.startConference, s.user.birthday) ||
+						s.guardianConsent === 'DONE') &&
+					s.mediaConsent === 'DONE'
+			).length,
+			problem: conferenceStatusStats.filter(
+				(s) =>
+					s.termsAndConditions === 'PROBLEM' ||
+					(!ofAgeAtConference(conference.startConference, s.user.birthday) &&
+						s.guardianConsent === 'PROBLEM') ||
+					s.mediaConsent === 'PROBLEM'
+			).length
+		},
+		didAttend: conferenceStatusStats.filter((s) => s.didAttend).length
+	};
+
 	return {
 		countdowns,
 		registrationStatistics,
 		ageStatistics,
 		diet,
-		gender
+		gender,
+		status
 	};
 }

src/api/services/stats.ts

@@ -20,6 +20,7 @@
 	import NumberMatrix from './widgets/NumberMatrix.svelte';
 	import DietMatrix from './widgets/DietMatrix.svelte';
 	import GenderMatrix from './widgets/GenderMatrix.svelte';
+	import Status from './widgets/Status.svelte';
 	let { data }: { data: PageData } = $props();
 
 	onMount(() => {
@@ -65,6 +66,7 @@
 	<IndividualRoles {data} />
 	<DietMatrix {data} />
 	<GenderMatrix {data} />
+	<Status {data} />
 	<section class="card col-span-2 bg-base-200 shadow-sm md:col-span-12">
 		<div class="card-body">
 			<h3 class="text-xl font-bold">{m.historyComparison()}</h3>

src/routes/(authenticated)/management/[conferenceId]/stats/+page.svelte

@@ -93,6 +93,17 @@ const statsQuery = graphql(`
 				supervisors
 				total
 			}
+			status {
+				postalStatus {
+					done
+					problem
+				}
+				paymentStatus {
+					done
+					problem
+				}
+				didAttend
+			}
 		}
 	}
 `);

src/routes/(authenticated)/management/[conferenceId]/stats/+page.ts

@@ -4,6 +4,7 @@ export interface StatsType {
 	countdowns: Countdowns;
 	registered: Registered;
 	age: Age;
+	status?: Status;
 }
 
 export interface Countdowns {
@@ -60,6 +61,17 @@ export interface StatsTypeHistoryEntry {
 	conferenceId: string;
 }
 
+export interface Status {
+	postalStatus: StatusObject;
+	paymentStatus: StatusObject;
+	didAttend: number;
+}
+
+export interface StatusObject {
+	problem: number;
+	done: number;
+}
+
 // Filter (by applied, not applied)
 
 let filter = $state<'all' | 'applied' | 'notApplied'>('all');

src/routes/(authenticated)/management/[conferenceId]/stats/stats.svelte.ts

@@ -0,0 +1,98 @@
+<script lang="ts">
+	import * as m from '$lib/paraglide/messages';
+	import { registrationFilter, getHistory, getSelectedHistory } from '../stats.svelte';
+	import StatsDesc from './StatsDesc.svelte';
+	import type { PageData } from '../$types';
+	let { data }: { data: PageData } = $props();
+	let stats = $derived(data.stats);
+
+	let selectedHistory = $derived.by(() =>
+		getHistory()?.find((x) => x.timestamp === getSelectedHistory())
+	);
+</script>
+
+<section class="card col-span-2 bg-base-200 shadow-sm md:col-span-12">
+	<div class="card-body">
+		<div class="overflow-x-auto">
+			<table class="table">
+				<thead>
+					<tr>
+						<th class="w-full">{m.status()}</th>
+						<th class="text-center">
+							<i class="fas fa-triangle-exclamation text-error"></i>
+						</th>
+						<th class="text-center">
+							<i class="fas fa-check text-success"></i>
+						</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>
+							<i class="fa-duotone fa-envelopes-bulk mr-2 text-lg"></i>
+							{m.postalRegistration()}
+						</td>
+						<td class="text-center">
+							<span class="text-lg font-bold"> {stats.status.postalStatus.problem} </span>
+							{#if selectedHistory}
+								<StatsDesc
+									currentValue={stats.status.postalStatus.problem}
+									historicValue={selectedHistory?.stats.status?.postalStatus.problem}
+								/>
+							{/if}
+						</td>
+						<td class="text-center">
+							<span class="text-lg font-bold">{stats.status.postalStatus.done}</span>
+							{#if selectedHistory}
+								<StatsDesc
+									currentValue={stats.status.postalStatus.done}
+									historicValue={selectedHistory?.stats.status?.postalStatus.done}
+								/>
+							{/if}
+						</td>
+					</tr>
+					<tr>
+						<td>
+							<i class="fa-duotone fa-hand-holding-circle-dollar mr-2 text-lg"></i>
+							{m.payment()}
+						</td>
+						<td class="text-center">
+							<span class="text-lg font-bold"> {stats.status.paymentStatus.problem} </span>
+							{#if selectedHistory}
+								<StatsDesc
+									currentValue={stats.status.paymentStatus.problem}
+									historicValue={selectedHistory?.stats.status?.paymentStatus.problem}
+								/>
+							{/if}
+						</td>
+						<td class="text-center">
+							<span class="text-lg font-bold">{stats.status.paymentStatus.done}</span>
+							{#if selectedHistory}
+								<StatsDesc
+									currentValue={stats.status.paymentStatus.done}
+									historicValue={selectedHistory?.stats.status?.paymentStatus.done}
+								/>
+							{/if}
+						</td>
+					</tr>
+					<tr>
+						<td>
+							<i class="fa-duotone fa-file-certificate mr-2 text-lg"></i>
+							{m.attendance()}
+						</td>
+						<td class="text-center"><i class="fa-duotone fa-slash"></i></td>
+						<td class="text-center">
+							<span class="text-lg font-bold">{stats.status.didAttend}</span>
+							{#if selectedHistory}
+								<StatsDesc
+									currentValue={stats.status.didAttend}
+									historicValue={selectedHistory?.stats.status?.didAttend}
+								/>
+							{/if}
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</section>