remco-vermeer
53bf667f54
Experts (Module 4) - Pagina Experts (CRM): experts uitnodigen per e-mail (zonder SMTP wordt de link getoond), rondes koppelen, opnieuw uitnodigen, verwijderen en "Inloggen als" (alleen lezen) om mee te kijken - Uitnodigingspagina waar een expert zijn wachtwoord instelt (token 7 dagen geldig, eenmalig, alleen als hash opgeslagen) - Expertpagina: projecten in waardebepaling uit de eigen rondes, project plan lezen en eigen beoordeling geven (3 scores, advies Bonus/Malus, toelichting) - Rollen admin/expert: alle beheerpagina's en -acties controleren de rol - Rikx calculatie gebruikt de beoordelingen van de experts in plaats van de handmatige expertkolommen; experts koppelen ook vanaf de rondepagina Waardebepaling projecten - Nieuwe pagina met projecten in waardebepaling op kosten/impact (laag naar hoog), filter op ronde, Rikx Waarde-veld dat live doorrekent en opslaat in de ronde, en een 75%-lijn bij een gekozen ronde Projecten - Rikx calculatie als tab, zichtbaar vanaf status Waardebepaling, met keuze rekenmethode (Arbeid; Jeugd nog niet beschikbaar) en beoordeling goedgekeurd/afgekeurd met reden - Impactmaker gekoppeld aan een sociaal ondernemer - Opslaan-knop bovenaan; ongeldige velden op een verborgen tab worden getoond - Project toevoegen maakt direct een project aan; aparte pagina verwijderd - Waarderingssystematiek Rikx juni 2023 toegevoegd aan _doc Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
68 lines
2.8 KiB
TypeScript
68 lines
2.8 KiB
TypeScript
import Link from "next/link";
|
|
import { notFound, redirect } from "next/navigation";
|
|
import { requireAdmin } from "../../../lib/auth";
|
|
import { getDb, type RikxRonde } from "../../../lib/db";
|
|
import { AppHeader } from "../../AppHeader";
|
|
import { updateRonde } from "../actions";
|
|
import { listExperts } from "../../../lib/experts";
|
|
import { ExpertCheckboxes } from "../ExpertCheckboxes";
|
|
import { RONDE_ERRORS, RondeFields } from "../RondeFields";
|
|
|
|
export default async function EditRondePage({
|
|
params,
|
|
searchParams,
|
|
}: {
|
|
params: Promise<{ id: string }>;
|
|
searchParams: Promise<{ error?: string }>;
|
|
}) {
|
|
const session = await requireAdmin();
|
|
|
|
const { id } = await params;
|
|
const { error } = await searchParams;
|
|
const row = getDb().prepare("SELECT * FROM rikx_rondes WHERE id = ?").get(Number(id)) as RikxRonde | undefined;
|
|
if (!row) notFound();
|
|
const ronde = { ...row };
|
|
const experts = listExperts();
|
|
|
|
return (
|
|
<div className="min-h-screen bg-zinc-50 dark:bg-zinc-950">
|
|
<AppHeader email={session.email} active="projecten" />
|
|
|
|
<main className="max-w-5xl mx-auto px-4 sm:px-6 py-10 flex flex-col gap-6">
|
|
<Link href="/rondes" className="text-sm text-zinc-500 hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors">
|
|
← Terug naar Rikx rondes
|
|
</Link>
|
|
<h1 className="text-lg font-semibold text-zinc-900 dark:text-zinc-100">Rikx Ronde bewerken</h1>
|
|
{error && RONDE_ERRORS[error] && (
|
|
<p className="text-sm text-red-600 dark:text-red-400">{RONDE_ERRORS[error]}</p>
|
|
)}
|
|
<form
|
|
action={updateRonde}
|
|
className="bg-white dark:bg-zinc-900 rounded-xl border border-zinc-200 dark:border-zinc-800 p-6 grid grid-cols-1 sm:grid-cols-3 gap-4"
|
|
>
|
|
<input type="hidden" name="id" value={ronde.id} />
|
|
<RondeFields ronde={ronde} />
|
|
<ExpertCheckboxes experts={experts} selected={experts.filter((e) => e.rondeIds.includes(ronde.id)).map((e) => e.id)} />
|
|
<p className="sm:col-span-3 text-xs text-zinc-500">
|
|
Een andere Rikx waarde of prijs verandert de Rikx calculatie van alle projecten in deze ronde.
|
|
</p>
|
|
<div className="sm:col-span-3 flex gap-3">
|
|
<button
|
|
type="submit"
|
|
className="rounded-lg bg-rikx-maroon hover:bg-rikx-maroon-light px-5 py-2 text-sm font-medium text-white transition-colors"
|
|
>
|
|
Opslaan
|
|
</button>
|
|
<Link
|
|
href="/rondes"
|
|
className="rounded-lg border border-zinc-300 dark:border-zinc-700 px-5 py-2 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors"
|
|
>
|
|
Annuleren
|
|
</Link>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|