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

refactor: use ion-img where lazy load needed

Browse Source
This commit is contained in:
Jovan Krunić
2021-05-28 17:26:51 +02:00
parent ad0dae46ff
commit add690c842
3 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/modules/data/types/dish/dish-detail-content.html
View File

@@ -5,7 +5,7 @@
<ion-card-content *ngFor="let characteristic of ('characteristics' | thingTranslate: item)"> <ion-card-content *ngFor="let characteristic of ('characteristics' | thingTranslate: item)">
<p> <p>
<img *ngIf="characteristic.image" <img *ngIf="characteristic.image"
[src]="characteristic.image" /><span>&nbsp;{{characteristic.name}}</span>&nbsp;&nbsp; [src]="characteristic.image" alt=""/><span>&nbsp;{{characteristic.name}}</span>&nbsp;&nbsp;
</p> </p>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>

2
src/app/modules/menu/navigation/navigation.html
View File

@@ -6,7 +6,7 @@
<ion-back-button></ion-back-button> <ion-back-button></ion-back-button>
</ion-buttons> </ion-buttons>
<ion-title> <ion-title>
<img src="assets/imgs/logo.png" /> <img src="assets/imgs/logo.png" alt=""/>
<span class="text">StApps</span> <span class="text">StApps</span>
</ion-title> </ion-title>
</ion-toolbar> </ion-toolbar>

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

@@ -1,15 +1,14 @@
<ion-card> <ion-card>
<span *ngIf="item.url; else imageNoUrl"> <span *ngIf="item.url; else imageNoUrl">
<a href="{{item.url}}"> <a href="{{item.url}}">
<ion-thumbnail> <ion-thumbnail><ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
<img src="{{item.image}}" onerror="this.style.display = 'none'; this.nextSibling.style.display='block'" />
<ion-icon name="newspaper-outline"></ion-icon> <ion-icon name="newspaper-outline"></ion-icon>
</ion-thumbnail> </ion-thumbnail>
</a> </a>
</span> </span>
<ng-template #imageNoUrl> <ng-template #imageNoUrl>
<ion-thumbnail> <ion-thumbnail>
<img src="{{item.image}}" onerror="this.style.display = 'none'; this.nextSibling.style.display='block'" /> <ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
<ion-icon name="newspaper-outline"></ion-icon> <ion-icon name="newspaper-outline"></ion-icon>
</ion-thumbnail> </ion-thumbnail>
</ng-template> </ng-template>