2
0
Fork 0

MOBILE-3021 calendar: Don't show "There are no events" while loading data

main
Albert Gasset 2019-08-06 13:46:48 +02:00
parent e0e7a9ba91
commit 39b9d1700d
1 changed files with 32 additions and 30 deletions

View File

@ -38,6 +38,7 @@
</ion-row> </ion-row>
</ion-grid> </ion-grid>
<core-loading [hideUntil]="loaded">
<!-- There is data to be synchronized --> <!-- There is data to be synchronized -->
<ion-card class="core-warning-card" icon-start *ngIf="hasOffline"> <ion-card class="core-warning-card" icon-start *ngIf="hasOffline">
<ion-icon name="warning"></ion-icon> {{ 'core.hasdatatosync' | translate:{$a: 'core.day' | translate} }} <ion-icon name="warning"></ion-icon> {{ 'core.hasdatatosync' | translate:{$a: 'core.day' | translate} }}
@ -48,7 +49,7 @@
<ion-list *ngIf="filteredEvents && filteredEvents.length" no-margin> <ion-list *ngIf="filteredEvents && filteredEvents.length" no-margin>
<ng-container *ngFor="let event of filteredEvents"> <ng-container *ngFor="let event of filteredEvents">
<a ion-item text-wrap [title]="event.name" (click)="gotoEvent(event.id)" [class.core-split-item-selected]="event.id == eventId"> <a ion-item text-wrap [title]="event.name" (click)="gotoEvent(event.id)">
<img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" item-start class="core-module-icon"> <img *ngIf="event.moduleIcon" src="{{event.moduleIcon}}" item-start class="core-module-icon">
<core-icon *ngIf="event.icon && !event.moduleIcon" [name]="event.icon" item-start></core-icon> <core-icon *ngIf="event.icon && !event.moduleIcon" [name]="event.icon" item-start></core-icon>
<h2><core-format-text [text]="event.name"></core-format-text></h2> <h2><core-format-text [text]="event.name"></core-format-text></h2>
@ -71,4 +72,5 @@
<ion-icon name="add"></ion-icon> <ion-icon name="add"></ion-icon>
</button> </button>
</ion-fab> </ion-fab>
</core-loading>
</ion-content> </ion-content>