Add account hierarchy framework with migrations, RLS policies, and UI components

This commit is contained in:
T. Zehetbauer
2026-03-31 22:18:04 +02:00
parent 7e7da0b465
commit 59546ad6d2
262 changed files with 11671 additions and 3927 deletions

View File

@@ -1,12 +1,12 @@
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { Settings2, List, Shield } from 'lucide-react';
import { createModuleBuilderApi } from '@kit/module-builder/api';
import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { Badge } from '@kit/ui/badge';
import { Button } from '@kit/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
import { Input } from '@kit/ui/input';
import { Label } from '@kit/ui/label';
import { Settings2, List, Shield } from 'lucide-react';
import { CmsPageShell } from '~/components/cms-page-shell';
@@ -14,7 +14,9 @@ interface ModuleSettingsPageProps {
params: Promise<{ account: string; moduleId: string }>;
}
export default async function ModuleSettingsPage({ params }: ModuleSettingsPageProps) {
export default async function ModuleSettingsPage({
params,
}: ModuleSettingsPageProps) {
const { account, moduleId } = await params;
const client = getSupabaseServerClient();
const api = createModuleBuilderApi(client);
@@ -23,10 +25,14 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
if (!moduleWithFields) return <div>Modul nicht gefunden</div>;
const mod = moduleWithFields;
const fields = (mod as unknown as { fields: Array<Record<string, unknown>> }).fields ?? [];
const fields =
(mod as unknown as { fields: Array<Record<string, unknown>> }).fields ?? [];
return (
<CmsPageShell account={account} title={`${String(mod.display_name)} — Einstellungen`}>
<CmsPageShell
account={account}
title={`${String(mod.display_name)} — Einstellungen`}
>
<div className="space-y-6">
{/* General Settings */}
<Card>
@@ -44,7 +50,11 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
</div>
<div className="space-y-2">
<Label>Systemname</Label>
<Input defaultValue={String(mod.name)} readOnly className="bg-muted" />
<Input
defaultValue={String(mod.name)}
readOnly
className="bg-muted"
/>
</div>
<div className="col-span-full space-y-2">
<Label>Beschreibung</Label>
@@ -56,7 +66,10 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
</div>
<div className="space-y-2">
<Label>Seitengröße</Label>
<Input type="number" defaultValue={String(mod.default_page_size ?? 25)} />
<Input
type="number"
defaultValue={String(mod.default_page_size ?? 25)}
/>
</div>
</div>
<div className="flex flex-wrap gap-2">
@@ -73,7 +86,11 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
].map(({ key, label }) => (
<Badge
key={key}
variant={(mod as Record<string, unknown>)[key] ? 'default' : 'secondary'}
variant={
(mod as Record<string, unknown>)[key]
? 'default'
: 'secondary'
}
>
{(mod as Record<string, unknown>)[key] ? '✓' : '✗'} {label}
</Badge>
@@ -96,7 +113,7 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
<div className="rounded-md border">
<table className="w-full text-sm">
<thead>
<tr className="border-b bg-muted/50">
<tr className="bg-muted/50 border-b">
<th className="p-3 text-left">Name</th>
<th className="p-3 text-left">Anzeigename</th>
<th className="p-3 text-left">Typ</th>
@@ -108,21 +125,35 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
<tbody>
{fields.length === 0 ? (
<tr>
<td colSpan={6} className="p-8 text-center text-muted-foreground">
<td
colSpan={6}
className="text-muted-foreground p-8 text-center"
>
Noch keine Felder definiert
</td>
</tr>
) : (
fields.map((field) => (
<tr key={String(field.id)} className="border-b hover:bg-muted/30">
<td className="p-3 font-mono text-xs">{String(field.name)}</td>
<tr
key={String(field.id)}
className="hover:bg-muted/30 border-b"
>
<td className="p-3 font-mono text-xs">
{String(field.name)}
</td>
<td className="p-3">{String(field.display_name)}</td>
<td className="p-3">
<Badge variant="secondary">{String(field.field_type)}</Badge>
<Badge variant="secondary">
{String(field.field_type)}
</Badge>
</td>
<td className="p-3">{field.is_required ? '✓' : '—'}</td>
<td className="p-3">{field.show_in_table ? '✓' : '—'}</td>
<td className="p-3">{field.show_in_form ? '✓' : '—'}</td>
<td className="p-3">
{field.show_in_table ? '✓' : '—'}
</td>
<td className="p-3">
{field.show_in_form ? '✓' : '—'}
</td>
</tr>
))
)}
@@ -141,8 +172,9 @@ export default async function ModuleSettingsPage({ params }: ModuleSettingsPageP
</CardTitle>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
Modulspezifische Berechtigungen pro Rolle können hier konfiguriert werden.
<p className="text-muted-foreground text-sm">
Modulspezifische Berechtigungen pro Rolle können hier konfiguriert
werden.
</p>
</CardContent>
</Card>