All files / src/app/shared/cms/components/cms-image cms-image.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ngIf="pagelet?.hasParam('Link'); else image">
  <ng-container *ngIf="isRouterLink(pagelet, 'Link'); else externalLink">
    <a [routerLink]="routerLink(pagelet, 'Link')" [attr.title]="pagelet.stringParam('LinkTitle')" class="teaser-link">
      <ng-container *ngTemplateOutlet="image" />
    </a>
  </ng-container>
  <ng-template #externalLink>
    <a [href]="pagelet.stringParam('Link')" [attr.title]="pagelet.stringParam('LinkTitle')" class="teaser-link">
      <ng-container *ngTemplateOutlet="image" />
    </a>
  </ng-template>
</ng-container>
 
<ng-template #image>
  <div [ngClass]="pagelet.stringParam('CSSClass')">
    <img
      loading="lazy"
      [src]="pagelet.stringParam('Image')"
      [attr.alt]="pagelet.stringParam('AlternateText') || ('image.alt_text.default' | translate)"
    />
  </div>
</ng-template>