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
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (promotion && (promotion.ruleDescription || promotion.legalContentMessage || promotion.externalUrl)) {
  @if (promotion.externalUrl && promotion.useExternalUrl) {
    <a
      class="details-link promotion-details-link"
      rel="nofollow"
      target="_blank"
      [href]="promotion.externalUrl"
      [title]="'promotion.detailslink.label' | translate"
      >{{ 'promotion.detailslink.text' | translate }}</a
    >
  } @else {
    <!-- details link and dialog -->
    <ish-modal-dialog-link
      linkText="promotion.detailslink.text"
      [ngClass]="'details-link promotion-details-link'"
      [options]="{ titleText: 'promotion.detaillist.title' | translate }"
    >
      @if (promotion.longTitle) {
        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
        <h3 [ishServerHtml]="promotion.longTitle"></h3>
      } @else {
        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
        <h3 [ishServerHtml]="promotion.title"></h3>
      }
      @if (promotion.ruleDescription) {
        <p [ishServerHtml]="promotion.ruleDescription"></p>
      }
      @if (promotion.legalContentMessage) {
        <p class="text-body-secondary" [ishServerHtml]="promotion.legalContentMessage"></p>
      }
      @if (promotion.externalUrl) {
        <p>
          <a rel="nofollow" target="_blank" [href]="promotion.externalUrl">{{ promotion.externalUrl }}</a>
        </p>
      }
    </ish-modal-dialog-link>
  }
}