mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-04 20:42:52 +00:00
26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
<ion-card>
|
|
<span *ngIf="item.url; else imageNoUrl">
|
|
<a href="{{item.url}}">
|
|
<ion-thumbnail><ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
|
|
<ion-icon name="newspaper-outline"></ion-icon>
|
|
</ion-thumbnail>
|
|
</a>
|
|
</span>
|
|
<ng-template #imageNoUrl>
|
|
<ion-thumbnail>
|
|
<ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
|
|
<ion-icon name="newspaper-outline"></ion-icon>
|
|
</ion-thumbnail>
|
|
</ng-template>
|
|
<ion-card-header>
|
|
<ion-card-subtitle *ngIf="item.datePublished">{{item.datePublished | amCalendar | sentencecase}}</ion-card-subtitle>
|
|
<ion-card-title>
|
|
<span *ngIf="item.url; else titleNoUrl"><a href="{{item.url}}"><span class="text">{{item.name}}</span><span class="icon"><ion-icon name="open-outline"></ion-icon></span></a></span>
|
|
<ng-template #titleNoUrl>{{item.name}}</ng-template>
|
|
</ion-card-title>
|
|
</ion-card-header>
|
|
<ion-card-content>
|
|
{{item.messageBody}}
|
|
</ion-card-content>
|
|
</ion-card>
|