notandClaude Opus 4.8
1abd4b6472
Replaces the S-10a stub button with a labelled file input (accept application/pdf); the component base64-encodes the chosen file client-side and posts it (with its name and type) keyed by the reference, confirming on success and surfacing a retryable failure. The upload button stays disabled until a file is chosen. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
75 lines
2.3 KiB
HTML
75 lines
2.3 KiB
HTML
<main utrecht-document class="utrecht-theme">
|
|
<utrecht-article>
|
|
<utrecht-heading-1>Zelfservice — BIG-registratie</utrecht-heading-1>
|
|
|
|
@if (submitted()) {
|
|
@if (withdrawn()) {
|
|
<p utrecht-paragraph role="status">
|
|
Uw registratie met referentie {{ reference() }} is ingetrokken.
|
|
</p>
|
|
} @else {
|
|
<p utrecht-paragraph role="status">
|
|
Uw registratie is ontvangen. Referentie: {{ reference() }}.
|
|
</p>
|
|
@if (documentsProvided()) {
|
|
<p utrecht-paragraph role="status">Uw documenten zijn aangeleverd.</p>
|
|
} @else {
|
|
@if (provideDocumentsFailed()) {
|
|
<p utrecht-paragraph role="alert">
|
|
Het aanleveren van uw documenten is niet gelukt. Probeer het opnieuw.
|
|
</p>
|
|
}
|
|
<p utrecht-paragraph>Lever uw diploma aan (PDF).</p>
|
|
<label utrecht-form-label for="diploma">Diploma</label>
|
|
<input
|
|
id="diploma"
|
|
type="file"
|
|
accept="application/pdf"
|
|
[disabled]="providingDocuments()"
|
|
(change)="onFileSelected($event)"
|
|
/>
|
|
<button
|
|
utrecht-button
|
|
appearance="primary-action-button"
|
|
type="button"
|
|
[disabled]="providingDocuments() || !selectedFile()"
|
|
(click)="provideDocuments()"
|
|
>
|
|
Documenten aanleveren
|
|
</button>
|
|
}
|
|
@if (withdrawFailed()) {
|
|
<p utrecht-paragraph role="alert">
|
|
Het intrekken van uw registratie is niet gelukt. Probeer het opnieuw.
|
|
</p>
|
|
}
|
|
<button
|
|
utrecht-button
|
|
appearance="secondary-action-button"
|
|
type="button"
|
|
[disabled]="withdrawing()"
|
|
(click)="withdraw()"
|
|
>
|
|
Trek aanvraag in
|
|
</button>
|
|
}
|
|
} @else {
|
|
<p utrecht-paragraph>U bent ingelogd met BSN {{ bsn() }}.</p>
|
|
@if (failed()) {
|
|
<p utrecht-paragraph role="alert">
|
|
Er ging iets mis bij het indienen van uw registratie. Probeer het opnieuw.
|
|
</p>
|
|
}
|
|
<button
|
|
utrecht-button
|
|
appearance="primary-action-button"
|
|
type="button"
|
|
[disabled]="submitting()"
|
|
(click)="submit()"
|
|
>
|
|
Registratie indienen
|
|
</button>
|
|
}
|
|
</utrecht-article>
|
|
</main>
|