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
  #addressForm="ngForm"
  class="form-horizontal"
  ishFormSubmit
  novalidate
  [formGroup]="form"
  (ngSubmit)="submitForm()"
>
  <p aria-hidden="true" class="indicates-required">
    <span class="required">*</span>{{ 'account.required_field.message' | translate }}
  </p>
  <ish-formly-address-form
    [businessCustomer]="businessCustomer$ | async"
    [parentForm]="form"
    [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 aria-live="polite" class="visually-hidden" id="submit-button-help">
          {{ 'form.submit.validation.message' | translate }}
        </div>
      }
      <button
        class="btn btn-primary"
        type="submit"
        [attr.aria-describedby]="form.invalid && addressForm.submitted ? 'submit-button-help' : null"
      >
        {{ buttonLabel | translate }}
      </button>
      <button class="btn btn-secondary" type="reset" (click)="emitCancelForm()">
        {{ 'checkout.address.cancel.button.label' | translate }}
      </button>
    </div>
  </div>
</form>