All files / src/app/shared/formly-address-forms/components/formly-customer-address-form formly-customer-address-form.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<form
  [formGroup]="form"
  ishFormSubmit
  #addressForm="ngForm"
  (ngSubmit)="submitForm()"
  class="form-horizontal"
  novalidate
>
  <p class="indicates-required" aria-hidden="true">
    <span class="required">*</span>{{ 'account.required_field.message' | translate }}
  </p>
  <ish-formly-address-form
    [parentForm]="form"
    [businessCustomer]="businessCustomer$ | async"
    [prefilledAddress]="address"
  />
 
  @if (extension) {
  <ish-formly-address-extension-form [form]="extensionForm" [model]="extensionModel" />
  }
 
  <div class="row">
    <div class="offset-md-4 col-md-8 offset-lg-0 col-lg-12 offset-lg-4 col-xl-8">
      @if (form.invalid && addressForm.submitted) {
      <div id="submit-button-help" aria-live="polite" class="visually-hidden">
        {{ 'form.submit.validation.message' | translate }}
      </div>
      }
      <button
        type="submit"
        class="btn btn-primary"
        [attr.aria-describedby]="form.invalid && addressForm.submitted ? 'submit-button-help' : null"
      >
        {{ buttonLabel | translate }}
      </button>
      <button (click)="cancelForm()" type="reset" class="btn btn-secondary">
        {{ 'checkout.address.cancel.button.label' | translate }}
      </button>
    </div>
  </div>
</form>