Voeg Module 4 experts, waardebepalingspagina en projectverbeteringen toe

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>
2026-10-08 14:42:22 +02:00
parent 9f0bd87c40
commit 53bf667f54
41 changed files with 2075 additions and 357 deletions
@@ -0,0 +1,55 @@
+import type { Project } from "../../lib/db";
+import { ANDERS, PROJECT_PLAN_GROUPS, andersKey, parseProjectPlanJson, type PlanField } from "../../lib/projectPlan";
+
+const getal = new Intl.NumberFormat("nl-NL", { maximumFractionDigits: 2 });
+const euro = new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR" });
+const datum = new Intl.DateTimeFormat("nl-NL", { day: "numeric", month: "long", year: "numeric" });
+
+type ColumnKey = "projectkosten" | "deelnemers_werk" | "deelnemers_skills" | "financiering_extern_bedrag" | "financiering_extern_pct";
+
+function waarde(field: PlanField, project: Project, plan: Record<string, unknown>): string | null {
+  const v = field.kind === "number" && field.column ? project[field.key as ColumnKey] : plan[field.key];
+  if (v === null || v === undefined || v === "" || (Array.isArray(v) && v.length === 0)) return null;
+  switch (field.kind) {
+    case "number":
+      return field.label.includes("(€)") ? euro.format(v as number) : getal.format(v as number);
+    case "date":
+      return datum.format(new Date(`${v}T12:00:00`));
+    case "multiselect": {
+      const anders = plan[andersKey(field.key)];
+      return (v as string[]).map((o) => (o === ANDERS && typeof anders === "string" ? `Anders: ${anders}` : o)).join(" · ");
+    }
+    default:
+      return String(v);
+  }
+}
+
+// Alleen-lezen weergave van het project plan voor experts
+export function ProjectPlanView({ project }: { project: Project }) {
+  const plan = parseProjectPlanJson(project.project_plan);
+  return (
+    <div className="flex flex-col gap-6">
+      {PROJECT_PLAN_GROUPS.map((group) => (
+        <section key={group.title}>
+          <h3 className="text-sm font-semibold text-zinc-900 dark:text-zinc-100 pb-2 mb-3 border-b border-zinc-200 dark:border-zinc-800">
+            {group.title}
+          </h3>
+          <dl className="grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4">
+            {group.fields.map((field) => {
+              const v = waarde(field, project, plan);
+              const wide = field.wide || field.kind === "textarea";
+              return (
+                <div key={field.key} className={wide ? "sm:col-span-2" : ""}>
+                  <dt className="text-xs font-medium text-zinc-500">{field.label}</dt>
+                  <dd className={`mt-0.5 text-sm whitespace-pre-line ${v ? "text-zinc-900 dark:text-zinc-100" : "text-zinc-400"}`}>
+                    {v ?? "Niet ingevuld"}
+                  </dd>
+                </div>
+              );
+            })}
+          </dl>
+        </section>
+      ))}
+    </div>
+  );
+}