feat: complete CMS v2 with Docker, Fischerei, Meetings, Verband modules + UX audit fixes
Some checks failed
Workflow / ʦ TypeScript (push) Failing after 6m26s
Workflow / ⚫️ Test (push) Has been skipped

Major changes:
- Docker Compose: full Supabase stack (11 services) equivalent to supabase CLI
- Fischerei module: 16 DB tables, waters/species/stocking/catch books/competitions
- Sitzungsprotokolle module: meeting protocols, agenda items, task tracking
- Verbandsverwaltung module: federation management, member clubs, contacts, fees
- Per-account module activation via Modules page toggle
- Site Builder: live CMS data in Puck blocks (courses, events, membership registration)
- Public registration APIs: course signup, event registration, membership application
- Document generation: PDF member cards, Excel reports, HTML labels
- Landing page: real Com.BISS content (no filler text)
- UX audit fixes: AccountNotFound component, shared status badges, confirm dialog,
  pagination, duplicate heading removal, emoji→badge replacement, a11y fixes
- QA: healthcheck fix, API auth fix, enum mismatch fix, password required attribute
This commit is contained in:
Zaid Marzguioui
2026-03-31 16:35:46 +02:00
parent 16648c92eb
commit ebd0fd4638
176 changed files with 17133 additions and 981 deletions

View File

@@ -0,0 +1,5 @@
import { ReactNode } from 'react';
export default function MeetingsLayout({ children }: { children: ReactNode }) {
return <>{children}</>;
}

View File

@@ -0,0 +1,43 @@
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { createMeetingsApi } from '@kit/sitzungsprotokolle/api';
import { MeetingsTabNavigation, MeetingsDashboard } from '@kit/sitzungsprotokolle/components';
import { CmsPageShell } from '~/components/cms-page-shell';
import { AccountNotFound } from '~/components/account-not-found';
interface PageProps {
params: Promise<{ account: string }>;
}
export default async function MeetingsPage({ params }: PageProps) {
const { account } = await params;
const client = getSupabaseServerClient();
const { data: acct } = await client
.from('accounts')
.select('id')
.eq('slug', account)
.single();
if (!acct) return <AccountNotFound />;
const api = createMeetingsApi(client);
const [stats, recentProtocols, overdueTasks] = await Promise.all([
api.getDashboardStats(acct.id),
api.getRecentProtocols(acct.id),
api.getOverdueTasks(acct.id),
]);
return (
<CmsPageShell account={account} title="Sitzungsprotokolle">
<MeetingsTabNavigation account={account} activeTab="overview" />
<MeetingsDashboard
stats={stats}
recentProtocols={recentProtocols}
overdueTasks={overdueTasks}
account={account}
/>
</CmsPageShell>
);
}

View File

@@ -0,0 +1,128 @@
import Link from 'next/link';
import { ArrowLeft } from 'lucide-react';
import { Badge } from '@kit/ui/badge';
import { Button } from '@kit/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { createMeetingsApi } from '@kit/sitzungsprotokolle/api';
import { MeetingsTabNavigation, ProtocolItemsList } from '@kit/sitzungsprotokolle/components';
import { CmsPageShell } from '~/components/cms-page-shell';
import { MEETING_TYPE_LABELS } from '@kit/sitzungsprotokolle/lib/meetings-constants';
import { AccountNotFound } from '~/components/account-not-found';
interface PageProps {
params: Promise<{ account: string; protocolId: string }>;
}
export default async function ProtocolDetailPage({ params }: PageProps) {
const { account, protocolId } = await params;
const client = getSupabaseServerClient();
const { data: acct } = await client
.from('accounts')
.select('id')
.eq('slug', account)
.single();
if (!acct) return <AccountNotFound />;
const api = createMeetingsApi(client);
let protocol;
try {
protocol = await api.getProtocol(protocolId);
} catch {
return (
<CmsPageShell account={account} title="Sitzungsprotokolle">
<div className="text-center py-12">
<h2 className="text-lg font-semibold">Protokoll nicht gefunden</h2>
<Link href={`/home/${account}/meetings/protocols`} className="mt-4 inline-block">
<Button variant="outline">Zurück zur Übersicht</Button>
</Link>
</div>
</CmsPageShell>
);
}
const items = await api.listItems(protocolId);
return (
<CmsPageShell account={account} title="Sitzungsprotokolle">
<MeetingsTabNavigation account={account} activeTab="protocols" />
<div className="space-y-6">
{/* Back + Title */}
<div className="flex items-center gap-4">
<Link href={`/home/${account}/meetings/protocols`}>
<Button variant="ghost" size="sm">
<ArrowLeft className="mr-2 h-4 w-4" />
Zurück
</Button>
</Link>
</div>
{/* Protocol Header */}
<Card>
<CardHeader>
<div className="flex items-start justify-between">
<div>
<CardTitle className="text-xl">{protocol.title}</CardTitle>
<div className="mt-2 flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
<span>
{new Date(protocol.meeting_date).toLocaleDateString('de-DE', {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
})}
</span>
<span>·</span>
<Badge variant="secondary">
{MEETING_TYPE_LABELS[protocol.meeting_type] ?? protocol.meeting_type}
</Badge>
{protocol.is_published ? (
<Badge variant="default">Veröffentlicht</Badge>
) : (
<Badge variant="outline">Entwurf</Badge>
)}
</div>
</div>
</div>
</CardHeader>
<CardContent className="grid grid-cols-1 gap-4 sm:grid-cols-2">
{protocol.location && (
<div>
<p className="text-sm font-medium text-muted-foreground">Ort</p>
<p className="text-sm">{protocol.location}</p>
</div>
)}
{protocol.attendees && (
<div className="sm:col-span-2">
<p className="text-sm font-medium text-muted-foreground">Teilnehmer</p>
<p className="text-sm whitespace-pre-line">{protocol.attendees}</p>
</div>
)}
{protocol.remarks && (
<div className="sm:col-span-2">
<p className="text-sm font-medium text-muted-foreground">Anmerkungen</p>
<p className="text-sm whitespace-pre-line">{protocol.remarks}</p>
</div>
)}
</CardContent>
</Card>
{/* Items List */}
<ProtocolItemsList
items={items}
protocolId={protocolId}
account={account}
/>
</div>
</CmsPageShell>
);
}

View File

@@ -0,0 +1,37 @@
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { MeetingsTabNavigation, CreateProtocolForm } from '@kit/sitzungsprotokolle/components';
import { CmsPageShell } from '~/components/cms-page-shell';
import { AccountNotFound } from '~/components/account-not-found';
interface PageProps {
params: Promise<{ account: string }>;
}
export default async function NewProtocolPage({ params }: PageProps) {
const { account } = await params;
const client = getSupabaseServerClient();
const { data: acct } = await client
.from('accounts')
.select('id')
.eq('slug', account)
.single();
if (!acct) return <AccountNotFound />;
return (
<CmsPageShell account={account} title="Sitzungsprotokolle">
<MeetingsTabNavigation account={account} activeTab="protocols" />
<div className="space-y-4">
<div>
<h1 className="text-2xl font-bold">Neues Protokoll erstellen</h1>
<p className="text-muted-foreground">
Erstellen Sie ein neues Sitzungsprotokoll mit Tagesordnungspunkten.
</p>
</div>
<CreateProtocolForm accountId={acct.id} account={account} />
</div>
</CmsPageShell>
);
}

View File

@@ -0,0 +1,50 @@
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { createMeetingsApi } from '@kit/sitzungsprotokolle/api';
import { MeetingsTabNavigation, ProtocolsDataTable } from '@kit/sitzungsprotokolle/components';
import { CmsPageShell } from '~/components/cms-page-shell';
import { AccountNotFound } from '~/components/account-not-found';
interface PageProps {
params: Promise<{ account: string }>;
searchParams: Promise<Record<string, string | string[] | undefined>>;
}
export default async function ProtocolsPage({ params, searchParams }: PageProps) {
const { account } = await params;
const sp = await searchParams;
const client = getSupabaseServerClient();
const { data: acct } = await client
.from('accounts')
.select('id')
.eq('slug', account)
.single();
if (!acct) return <AccountNotFound />;
const api = createMeetingsApi(client);
const search = typeof sp.q === 'string' ? sp.q : undefined;
const meetingType = typeof sp.type === 'string' ? sp.type : undefined;
const page = typeof sp.page === 'string' ? parseInt(sp.page, 10) : 1;
const result = await api.listProtocols(acct.id, {
search,
meetingType,
page,
});
return (
<CmsPageShell account={account} title="Sitzungsprotokolle">
<MeetingsTabNavigation account={account} activeTab="protocols" />
<ProtocolsDataTable
data={result.data}
total={result.total}
page={result.page}
pageSize={result.pageSize}
account={account}
/>
</CmsPageShell>
);
}

View File

@@ -0,0 +1,52 @@
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { createMeetingsApi } from '@kit/sitzungsprotokolle/api';
import { MeetingsTabNavigation, OpenTasksView } from '@kit/sitzungsprotokolle/components';
import { CmsPageShell } from '~/components/cms-page-shell';
import { AccountNotFound } from '~/components/account-not-found';
interface PageProps {
params: Promise<{ account: string }>;
searchParams: Promise<Record<string, string | string[] | undefined>>;
}
export default async function TasksPage({ params, searchParams }: PageProps) {
const { account } = await params;
const sp = await searchParams;
const client = getSupabaseServerClient();
const { data: acct } = await client
.from('accounts')
.select('id')
.eq('slug', account)
.single();
if (!acct) return <AccountNotFound />;
const api = createMeetingsApi(client);
const page = typeof sp.page === 'string' ? parseInt(sp.page, 10) : 1;
const result = await api.listOpenTasks(acct.id, { page });
return (
<CmsPageShell account={account} title="Sitzungsprotokolle">
<MeetingsTabNavigation account={account} activeTab="tasks" />
<div className="space-y-4">
<div>
<h1 className="text-2xl font-bold">Offene Aufgaben</h1>
<p className="text-muted-foreground">
Alle offenen und in Bearbeitung befindlichen Tagesordnungspunkte über alle Protokolle.
</p>
</div>
<OpenTasksView
data={result.data as any}
total={result.total}
page={result.page}
pageSize={result.pageSize}
account={account}
/>
</div>
</CmsPageShell>
);
}