All files / src/app/shared/components/promotion/promotion-details promotion-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
36
37
38
39
40
41
42
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container
  *ngIf="promotion && (promotion.ruleDescription || promotion.legalContentMessage || promotion.externalUrl)"
>
  <ng-container *ngIf="promotion.externalUrl && promotion.useExternalUrl; else modalLink">
    <a
      class="details-link promotion-details-link"
      [href]="promotion.externalUrl"
      target="_blank"
      rel="nofollow"
      [title]="'promotion.detailslink.label' | translate"
      >{{ 'promotion.detailslink.text' | translate }}</a
    >
  </ng-container>
  <ng-template #modalLink>
    <!-- details link and dialog -->
    <ish-modal-dialog-link
      linkText="promotion.detailslink.text"
      [options]="{ titleText: 'promotion.detaillist.title' | translate }"
      [ngClass]="'details-link promotion-details-link'"
    >
      <ng-container *ngIf="promotion.longTitle; else title">
        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
        <h3 [ishServerHtml]="promotion.longTitle"></h3>
      </ng-container>
      <ng-template #title>
        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
        <h3 [ishServerHtml]="promotion.title"></h3>
      </ng-template>
 
      <p *ngIf="promotion.ruleDescription" [ishServerHtml]="promotion.ruleDescription"></p>
      <p
        *ngIf="promotion.legalContentMessage"
        class="text-body-secondary"
        [ishServerHtml]="promotion.legalContentMessage"
      ></p>
      <p *ngIf="promotion.externalUrl">
        <a [href]="promotion.externalUrl" rel="nofollow" target="_blank">{{ promotion.externalUrl }}</a>
      </p>
    </ish-modal-dialog-link>
  </ng-template>
</ng-container>