All files / src/app/shared/components/product/product-warranty-details product-warranty-details.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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (warranty) {
<ish-modal-dialog-link
  linkText="product.warranty.detail.text"
  (click)="getWarrantyDetails()"
  [options]="{ titleText: warranty.name, size: 'md' }"
  [ngClass]="'details-link'"
>
  <ish-error-message [error]="error$ | async" [toast]="false" />
  @if (warrantyDetails$ | async; as warrantyDetails) {
  <div class="mb-3">
    {{ 'product.warranty.short_description.label' | translate }}
    <strong [ishServerHtml]="warrantyDetails.shortDescription"></strong>
  </div>
  <div class="mb-3" [ishServerHtml]="warrantyDetails.longDescription"></div>
  <div class="text-body-secondary">
    <p>
      {{ 'product.warranty.type.text' | translate }}
      {{ getWarrantyAttribute(warrantyDetails.attributes, 'WarrantyType') }}
    </p>
    <p>
      {{ 'product.warranty.code.text' | translate }}
      {{ getWarrantyAttribute(warrantyDetails.attributes, 'WarrantyCode') }}
    </p>
    <p>
      {{ 'product.warranty.expire_date.text' | translate }}
      {{ getWarrantyAttribute(warrantyDetails.attributes, 'WarrantyTimePeriod') }}
    </p>
  </div>
  } @if (loading$ | async) {
  <ish-loading />
  }
</ish-modal-dialog-link>
}