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