Files
lmnp-organizer/frontend/src/app/components/rent-revision-application/rent-revision-application.html
T

48 lines
1.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<section class="revision-application" aria-label="Appliquer la proposition de révision">
<h5>Attester l’envoi</h5>
<p>
La lettre doit avoir été envoyée le {{ civilDate(revision().requestedOn) }}. Une preuve PDF peut
être conservée avec l’application. Le nouveau loyer prendra effet le
{{ civilDate(revision().effectiveOn) }}.
</p>
<form
[formRoot]="applicationForm"
[attr.aria-busy]="pending()"
(submit)="submit(); $event.preventDefault()"
>
<fieldset [disabled]="pending()">
<label>
<span>Mode d’envoi</span>
<select class="delivery-method" [formField]="applicationForm.deliveryMethod">
<option value="">Choisissez un mode</option>
@for (method of deliveryMethods; track method.value) {
<option [value]="method.value">{{ method.label }}</option>
}
</select>
</label>
<label>
<span>Preuve d’envoi PDF (facultative)</span>
<input type="file" accept="application/pdf,.pdf" (change)="selectProof($event)" />
<small>{{ proof()?.name ?? 'Aucun fichier sélectionné' }}</small>
</label>
<label class="attestation">
<input
class="delivery-confirmed"
type="checkbox"
[formField]="applicationForm.deliveryConfirmed"
/>
<span>
J’atteste avoir envoyé cette lettre selon le mode indiqué et avoir vérifié sa prise
d’effet prévue le {{ civilDate(revision().effectiveOn) }}.
</span>
</label>
@if (validationError() || error()) {
<p class="operation-error" role="alert">{{ validationError() || error() }}</p>
}
<button mat-flat-button type="submit" class="apply-submit" [disabled]="pending()">
{{ pending() ? 'Application…' : 'Appliquer la révision' }}
</button>
</fieldset>
</form>
</section>