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
35
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ngIf="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" />
 
    <ng-container *ngIf="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>
    </ng-container>
    <ish-loading *ngIf="loading$ | async" />
  </ish-modal-dialog-link>
</ng-container>