feat: complete CMS v2 with Docker, Fischerei, Meetings, Verband modules + UX audit fixes
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
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user