ehoandClaude Opus 4.8
ba32e3dd9f
Compose the herregistratie letter from the besluit instead of a library hunt: the behandelaar picks positief/negatief (+ reden-checkboxes for a negatief) and the kern's standaardteksten follow the selection live. Front-end (this increment): - Kern is recomposed reactively from the besluit selection (new BesluitSelected machine msg + composeKern); the "Genereer conceptbrief" button is gone. The drafter's free text is preserved across a selection change. - The editor shows only the editable sections; the locked aanhef/slot render in the preview, not the authoring surface. Slot is a case-type template section (per templateId), documented as such. - The panel re-seeds from the letter via inferSelection() — the besluit + redenen are read back off the kern's passage blocks, so the selection survives reload with no new wire fields (derive, don't store). - letter-section drops the now-redundant per-section passage picker (besluit owns standaardteksten); keeps free-text + block edit/move/remove. Fix: app-checkbox now falls back to a unique per-instance id when checkboxId is omitted. The CIBG styled checkbox routes clicks through the label, so the shared id="undefined" made every reason label toggle the first input — the second checkbox could never be checked. Verified live (Playwright): each reason toggles independently. Backend/seam (brief v3 WIP): besluit/reason passage tags on the wire + seed, carried through the adapter parse boundary. Specs updated (besluit, brief.machine) and the affected stories re-pointed at the new API. FE lint + build + 253 vitest specs green. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
30 lines
1.7 KiB
TypeScript
30 lines
1.7 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { LibraryPassage } from '@brief/domain/brief';
|
|
import { BesluitPanelComponent } from './besluit-panel.component';
|
|
|
|
const text = (t: string): LibraryPassage['content'] => ({ paragraphs: [{ nodes: [{ type: 'text', text: t }] }] });
|
|
|
|
const passages: LibraryPassage[] = [
|
|
{ passageId: 'p-kern-positief', scope: 'global', sectionKey: 'kern', label: 'Toewijzing', version: 1, besluit: 'positief', content: text('Toegewezen.') },
|
|
{ passageId: 'p-kern-negatief', scope: 'global', sectionKey: 'kern', label: 'Afwijzing', version: 1, besluit: 'negatief', content: text('Afgewezen.') },
|
|
{ passageId: 'p-kern-scholing', scope: 'global', sectionKey: 'kern', label: 'Onvoldoende scholing', version: 1, besluit: 'negatief', reason: 'onvoldoende_scholing', content: text('Onvoldoende scholing.') },
|
|
{ passageId: 'p-kern-gegevens', scope: 'global', sectionKey: 'kern', label: 'Onjuiste gegevens', version: 1, besluit: 'negatief', reason: 'onjuiste_gegevens', content: text('Onjuiste gegevens.') },
|
|
];
|
|
|
|
const meta: Meta<BesluitPanelComponent> = {
|
|
title: 'Domein/Brief/Besluit Panel',
|
|
component: BesluitPanelComponent,
|
|
args: { passages },
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<BesluitPanelComponent>;
|
|
|
|
/** Pick a besluit; a negatief besluit reveals the reason checkboxes. Each change emits
|
|
`selectionChange` and the kern's standaardteksten follow live — no generate button. */
|
|
export const Default: Story = {};
|
|
|
|
/** Re-seeded from a persisted letter: a negatief besluit with a reden already ticked. */
|
|
export const NegatiefMetReden: Story = {
|
|
args: { besluit: 'negatief', initialRedenen: ['onvoldoende_scholing'] },
|
|
};
|