ehoandClaude Sonnet 5
43dc3210cd
The folder now equals the layer, as CLAUDE.md decision 2 requires. 33 directories move by git mv (25 flat, plus upload/'s 8 subfolders split across all three layers). 28 distinct @shared/ui/* specifiers rewrite across 73 files, longest-first. Five relative imports inside upload/ become @shared/ui aliases because their sibling now lives in a different layer; two stay relative because both ends stay in the same layer. Four .mdx docs get their seven broken story imports fixed; atomic-design.mdx's page-shell import is untouched, because layout/ does not move. No component, template, story title, or layer-tag comment changes. That is RD-28's job. Verified against the ticket's acceptance commands: the 26 flat directories become exactly 3 layer folders with the counts the ticket names, only three @shared/ui/* prefixes remain (atoms, molecules, organisms), the .mdx import count holds at 7, and the relative-import count inside ui/ drops from 7 to 2 as decision 4 requires. The @shared/ui/ occurrence count moves from 200 to 205: decision 4 mandates turning 5 of those 7 relative imports into @shared/ui/* aliases, which decision 3's "200 before, 200 after" check does not account for. The 5-occurrence gap is exactly the 5 conversions decision 4 names, not a lost or duplicated specifier. npm run ci --full passes: lint, typecheck, dep:check, format, tokens, seam, both apps' + both libraries' tests, both apps' localized build, audit, backend tests, all three generated-artifact drift checks, and both Storybook instances' build + axe-core a11y suite (67+45 suites, 198+112 tests, all green). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
85 lines
3.1 KiB
TypeScript
85 lines
3.1 KiB
TypeScript
import { Component, computed, input, output } from '@angular/core';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { FormFieldComponent } from '@shared/ui/molecules/form-field/form-field.component';
|
|
import { TextInputComponent } from '@shared/ui/atoms/text-input/text-input.component';
|
|
import { RadioGroupComponent, JA_NEE } from '@shared/ui/atoms/radio-group/radio-group.component';
|
|
import { Answers, Errors, lageUren } from '@herregistratie/domain/intake.machine';
|
|
|
|
/** Step: the intake wizard's second screen (work experience in the Netherlands,
|
|
with the inline scholing follow-up). Pure & presentational — values in via
|
|
`answers`/`errors`/`scholingThreshold`, every keystroke out via `answerChange`.
|
|
No store, no services, no internal state; the parent owns the Model and
|
|
decides what a change means. */
|
|
@Component({
|
|
selector: 'app-intake-werk-step',
|
|
imports: [FormsModule, FormFieldComponent, TextInputComponent, RadioGroupComponent],
|
|
template: `
|
|
<fieldset>
|
|
<app-form-field
|
|
i18n-label="@@intake.q.urenNl"
|
|
label="Gewerkte uren in Nederland (afgelopen 5 jaar)"
|
|
fieldId="uren"
|
|
required
|
|
[error]="err('uren')"
|
|
>
|
|
<app-text-input
|
|
inputId="uren"
|
|
[ngModel]="answers().uren ?? ''"
|
|
(ngModelChange)="answerChange.emit({ key: 'uren', value: $event })"
|
|
name="uren"
|
|
i18n-placeholder="@@intake.q.urenNlPlaceholder"
|
|
placeholder="bijv. 4160"
|
|
/>
|
|
</app-form-field>
|
|
</fieldset>
|
|
@if (scholingZichtbaar()) {
|
|
<fieldset>
|
|
<app-form-field
|
|
i18n-label="@@intake.q.scholing"
|
|
label="U werkte relatief weinig uren. Heeft u aanvullende scholing gevolgd?"
|
|
fieldId="scholingGevolgd"
|
|
required
|
|
[error]="err('scholingGevolgd')"
|
|
>
|
|
<app-radio-group
|
|
name="scholingGevolgd"
|
|
[options]="jaNee"
|
|
[ngModel]="answers().scholingGevolgd ?? ''"
|
|
(ngModelChange)="answerChange.emit({ key: 'scholingGevolgd', value: $event })"
|
|
/>
|
|
</app-form-field>
|
|
</fieldset>
|
|
}
|
|
@if (answers().scholingGevolgd === 'ja') {
|
|
<fieldset>
|
|
<app-form-field
|
|
i18n-label="@@intake.q.punten"
|
|
label="Behaalde nascholingspunten"
|
|
fieldId="punten"
|
|
required
|
|
[error]="err('punten')"
|
|
>
|
|
<app-text-input
|
|
inputId="punten"
|
|
[ngModel]="answers().punten ?? ''"
|
|
(ngModelChange)="answerChange.emit({ key: 'punten', value: $event })"
|
|
name="punten"
|
|
i18n-placeholder="@@intake.q.puntenPlaceholder"
|
|
placeholder="bijv. 200"
|
|
/>
|
|
</app-form-field>
|
|
</fieldset>
|
|
}
|
|
`,
|
|
})
|
|
export class WerkStep {
|
|
answers = input.required<Answers>();
|
|
errors = input.required<Errors>();
|
|
scholingThreshold = input.required<number>();
|
|
answerChange = output<{ key: keyof Answers; value: string }>();
|
|
|
|
readonly jaNee = JA_NEE;
|
|
protected err = (k: keyof Answers) => this.errors()[k] ?? '';
|
|
protected scholingZichtbaar = computed(() => lageUren(this.answers(), this.scholingThreshold()));
|
|
}
|