ehoandClaude Sonnet 5
e7156c5132
Restructures into apps/ssp + apps/behandelportal (two Angular projects) plus libs/shared + libs/beheer (cross-app libraries), replacing WP-61's separate sibling repo. That split had already produced real drift: a hand-vendored copy of the backend's OpenAPI doc, a shared/ui+layout tree forked and silently diverging (7 files), and beheer + the styles.scss token bridge duplicated byte-for-byte across both repos. - git mv the SSP's src/app/* into apps/ssp/; fold shared/, beheer/, environments/, the Storybook docs/*.mdx, and styles.scss into libs/shared + libs/beheer (all confirmed identical between the two repos before merging). auth stays deliberately duplicated per ADR-0002 (actor-specific, expected to diverge) - amended there. - One generated API client (libs/shared), no more vendored swagger.json. - .dependency-cruiser split into a base factory + one config per app, and Storybook into .storybook-ssp/.storybook-behandelportal - both forced by the @auth/* alias resolving to different directories per app. - SiteHeaderComponent/ShellComponent gained HEADER_NAV_ITEMS/ HEADER_ADMIN_LINKS/DEBUG_PANEL injection tokens so each app supplies its own nav/admin-links/dev-panel instead of one being hardcoded. - CLAUDE.md, ARCHITECTURE.md, dependencies.md, and ADR-0002 updated; WP-67 backlog entry documents the full decision trail. npm run ci green (lint, dep:check x2, 360 tests across ssp/ behandelportal/shared/beheer, both localized builds, backend tests, snippet + api-client drift); both dev servers, both Storybook instances, and docker compose verified working. The old sibling repo (/home/eho/repos/behandelportal) is left untouched, not deleted. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
59 lines
1.9 KiB
TypeScript
59 lines
1.9 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { WizardShellComponent } from './wizard-shell.component';
|
|
|
|
const meta: Meta<WizardShellComponent> = {
|
|
title: 'Design System/Templates/WizardShell',
|
|
component: WizardShellComponent,
|
|
render: (args) => ({
|
|
props: args,
|
|
template: `
|
|
<app-wizard-shell
|
|
[steps]="steps" [current]="current" [stepTitle]="stepTitle" [processName]="processName" [status]="status"
|
|
[primaryLabel]="primaryLabel" [canGoBack]="canGoBack" [errors]="errors" [errorMessage]="errorMessage"
|
|
(goToStep)="goToStep($event)">
|
|
<p class="rhc-paragraph">Voorbeeld-stapinhoud (de stapvelden worden hier geprojecteerd).</p>
|
|
<div wizardSuccess><p class="rhc-paragraph">Uw aanvraag is ontvangen.</p></div>
|
|
</app-wizard-shell>`,
|
|
}),
|
|
parameters: {
|
|
cibgGap: true,
|
|
docs: {
|
|
description: {
|
|
component: 'CIBG-gap extension (error summary only) — see Foundations/CIBG Gap Register.',
|
|
},
|
|
},
|
|
},
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<WizardShellComponent>;
|
|
|
|
const steps = ['Adres', 'Beroep', 'Controle'];
|
|
const base = {
|
|
steps,
|
|
current: 1,
|
|
stepTitle: 'Beroep op basis van uw diploma',
|
|
processName: 'Inschrijven in het BIG-register',
|
|
primaryLabel: 'Volgende',
|
|
canGoBack: true,
|
|
errors: [],
|
|
errorMessage: '',
|
|
goToStep: () => {},
|
|
};
|
|
|
|
export const Editing: Story = { args: { ...base, status: 'editing' } };
|
|
export const EditingMetFouten: Story = {
|
|
args: {
|
|
...base,
|
|
status: 'editing',
|
|
errors: [
|
|
{ id: 'uren', message: 'Vul het aantal gewerkte uren in.' },
|
|
{ id: 'diploma', message: 'Kies een diploma.' },
|
|
],
|
|
},
|
|
};
|
|
export const Submitting: Story = { args: { ...base, status: 'submitting' } };
|
|
export const Submitted: Story = { args: { ...base, status: 'submitted' } };
|
|
export const Failed: Story = {
|
|
args: { ...base, status: 'failed', errorMessage: 'Het indienen is niet gelukt: netwerkfout.' },
|
|
};
|