Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-01-22 09:32:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: use school-neutral news image fallback via css

Browse Source
This commit is contained in:
Jovan Krunić
2021-01-30 16:28:50 +01:00
parent 1f3d9ad5f0
commit bb94c71761
4 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/modules/news/page/news-item.html
View File

@@ -1,11 +1,17 @@
<ion-card>
<span *ngIf="item.url; else imageNoUrl">
<a href="{{item.url}}">
<img src="{{item.image}}" onError="this.src='../../assets/imgs/modules/news/placeholder.jpg';" />
<ion-thumbnail>
<img src="{{item.image}}" onerror="this.style.display = 'none'" />
<ion-icon name="newspaper-outline"></ion-icon>
</ion-thumbnail>
</a>
</span>
<ng-template #imageNoUrl>
<img src="{{item.image}}" onError="this.src='../../assets/imgs/modules/news/placeholder.jpg';" />
<ion-thumbnail>
<img src="{{item.image}}" onerror="this.style.display = 'none'" />
<ion-icon name="newspaper-outline"></ion-icon>
</ion-thumbnail>
</ng-template>
<ion-card-header>
<ion-card-subtitle *ngIf="item.datePublished">{{item.datePublished | amLocale: language | amDateFormat:'Do MMMM YYYY, HH:mm'}}