Edwin van den Houdt
ccc0184342
- Aanvragen rows now show what the aanvraag is for (purpose subtitle) and an explicit status label (In behandeling / Goedgekeurd / Afgewezen) alongside the reference + submit date, via an expanded aanvraag-view (purposeLabel, statusLabel, referentie, detailRows) + spec. - Rows link to a new /aanvraag/:id case-detail page, so the CIBG chevron shows and each aanvraag opens as a (stub) case — it lists soort/waarvoor/status/ referentie/ingediend in a Datablock, with a note that full handling is future. GREEN: lint, tokens, 183 tests, build, 137 axe stories. Verified visually (dashboard aanvragen rows, upload drop-zone, datablock) via Storybook screenshots. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
27 lines
1.3 KiB
TypeScript
27 lines
1.3 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { applicationConfig, moduleMetadata } from '@storybook/angular';
|
|
import { provideRouter } from '@angular/router';
|
|
import { ApplicationListComponent } from './application-list.component';
|
|
import { ApplicationLinkComponent } from '@shared/ui/application-link/application-link.component';
|
|
|
|
const meta: Meta<ApplicationListComponent> = {
|
|
title: 'Molecules/Application List',
|
|
component: ApplicationListComponent,
|
|
decorators: [
|
|
applicationConfig({ providers: [provideRouter([])] }),
|
|
moduleMetadata({ imports: [ApplicationLinkComponent] }),
|
|
],
|
|
render: () => ({
|
|
template: `
|
|
<app-application-list>
|
|
<li app-application-link heading="Herregistratie" subtitle="Verlenging van uw BIG-registratie" status="In behandeling · Referentie 2024-00123 · ingediend op 12 mei 2024" to="/aanvraag/1"></li>
|
|
<li app-application-link heading="Inschrijving" subtitle="Inschrijving in het BIG-register" status="Goedgekeurd · Referentie 2024-00088" to="/aanvraag/2"></li>
|
|
<li app-application-link heading="Inschrijven" subtitle="Schrijf u in in het BIG-register." cta="Start inschrijving" to="/registreren"></li>
|
|
</app-application-list>`,
|
|
}),
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<ApplicationListComponent>;
|
|
|
|
export const Default: Story = {};
|