All files / src/app/shared/components/product/product-promotion product-promotion.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
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ngIf="visible$ | async">
  <ul *ngIf="promotions$ | async as promotions" class="promotion-list">
    <ng-container *ngFor="let promotion of promotions">
      <li *ngIf="!promotion.disableMessages" class="promotion-list-item">
        <ng-container *ngIf="displayType === 'simple' || displayType === 'simpleWithDetail'; else default">
          <span class="promotion-short-title" [ishServerHtml]="promotion.title"></span>
          <ish-promotion-details *ngIf="displayType === 'simpleWithDetail'" [promotion]="promotion" />
        </ng-container>
 
        <ng-template #default>
          <div *ngIf="promotion.icon" class="promotion-icon" [ishServerHtml]="promotion.icon"></div>
          <div *ngIf="promotion.title" class="promotion-short-title" [ishServerHtml]="promotion.title"></div>
          <br />
          <div>
            <span *ngIf="promotion.longTitle" class="promotion-long-title" [ishServerHtml]="promotion.longTitle"></span>
            <ish-promotion-details [promotion]="promotion" />
          </div>
        </ng-template>
      </li>
    </ng-container>
  </ul>
</ng-container>