Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-01-21 17:12:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: dashboard next unit structural directive causing animation issues

Browse Source
This commit is contained in:
Thea Schöbl
2022-10-21 16:03:49 +02:00
committed by Rainer Killinger
parent acdd93eb99
commit c8f6a27c57
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/modules/dashboard/dashboard.component.html
View File

@@ -25,26 +25,28 @@
<ion-icon size="40" weight="300" name="grid_view"></ion-icon> <ion-icon size="40" weight="300" name="grid_view"></ion-icon>
<ion-label>{{ 'schedule.recurring' | translate }}</ion-label> <ion-label>{{ 'schedule.recurring' | translate }}</ion-label>
</a> </a>
<!-- Avoid structural directives here, they might interfere with the collapse animation -->
<a <a
*ngIf="nextEvent && nextEvent.event" [routerLink]="
[routerLink]="['/data-detail', nextEvent.event.uid]" nextEvent?.event
? ['/data-detail', nextEvent!.event.uid]
: ['/schedule/recurring']
"
class="schedule-item-button" class="schedule-item-button"
> >
<ion-label>{{ 'dashboard.schedule.title' | translate }}</ion-label> <ion-label>{{ 'dashboard.schedule.title' | translate }}</ion-label>
<ion-label> <ion-label>
{{ nextEvent.dates | nextDateInList | amDateFormat: 'll, HH:mm' }} {{
{{ 'timeSuffix' | translate }} nextEvent?.event
? (nextEvent!.dates | nextDateInList | amDateFormat: 'll, HH:mm')
: ('dashboard.schedule.noEvent' | translate)
}}
</ion-label> </ion-label>
<ion-label>{{ nextEvent.event.name }}</ion-label> <ion-label>{{
</a> nextEvent?.event
<a ? nextEvent!.event.name
*ngIf="!nextEvent || !nextEvent.event" : ('dashboard.schedule.noEventLink' | translate)
[routerLink]="['/schedule/recurring']" }}</ion-label>
class="schedule-item-button"
>
<ion-label>{{ 'dashboard.schedule.title' | translate }}</ion-label>
<ion-label>{{ 'dashboard.schedule.noEvent' | translate }}</ion-label>
<ion-label>{{ 'dashboard.schedule.noEventLink' | translate }}</ion-label>
</a> </a>
</div> </div>