Edwin van den Houdt
98fd7e4bcd
- application-link switches to a `li[app-application-link]` attribute selector (native <li> child of the <ul> — axe-clean list) and drops the invented, dead `.application` / `.application-title` classes for the real vendored `.dashboard-block.applications li a` chain (h3.h3 / .subtitle / .status / .cta). Content stacks in a flex column; a non-navigating row mirrors the card surface from tokens. Re-enables a11y on the application-link/list stories. - Dashboard "Mijn aanvragen" now renders through app-application-list + <li app-application-link> rows (was a keuzelijst), mapped by a new pure submittedRow() view helper (+ spec). Concepts stay the resumable melding. - aanvraag-block is now concept-only (submitted mapping moved to aanvraag-view). WP-11 grep gate clean. GREEN: lint, tokens, 181 tests, build, 136 axe stories. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
28 lines
1.3 KiB
TypeScript
28 lines
1.3 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { applicationConfig } from '@storybook/angular';
|
|
import { provideRouter } from '@angular/router';
|
|
import { ApplicationLinkComponent } from './application-link.component';
|
|
|
|
const meta: Meta<ApplicationLinkComponent> = {
|
|
title: 'Molecules/Application Link',
|
|
component: ApplicationLinkComponent,
|
|
decorators: [applicationConfig({ providers: [provideRouter([])] })],
|
|
render: (args) => ({
|
|
props: args,
|
|
// Rows are <li>s in the "aanvragen" list — a real <ul> gives them their layout.
|
|
template: `<div class="dashboard-block applications"><ul class="list-unstyled"><li app-application-link [heading]="heading" [subtitle]="subtitle" [status]="status" [cta]="cta" [to]="to" [clickable]="clickable"></li></ul></div>`,
|
|
}),
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<ApplicationLinkComponent>;
|
|
|
|
export const Navigatie: Story = {
|
|
args: { heading: 'Inschrijven', subtitle: 'Schrijf u in in het BIG-register.', to: '/registreren' },
|
|
};
|
|
export const Actie: Story = {
|
|
args: { heading: 'Inschrijving', status: 'Stap 2 van 3', cta: 'Verder gaan', clickable: true },
|
|
};
|
|
export const NietInteractief: Story = {
|
|
args: { heading: 'Herregistratie', status: 'Referentie 2024-00123 · ingediend op 12 mei 2024' },
|
|
};
|