2020-11-20 11:59:36 +01:00
|
|
|
<ng-container *ngIf="enabled && !loading">
|
2020-11-03 09:37:08 +01:00
|
|
|
<!-- Download button. -->
|
2021-10-26 16:23:09 +02:00
|
|
|
<ion-button *ngIf="status == statusNotDownloaded" fill="clear" (click)="download($event, false)" color="dark" @coreShowHideAnimation
|
|
|
|
|
[attr.aria-label]="(statusTranslatable || 'core.download') | translate" [size]="size">
|
2021-04-27 13:14:31 +02:00
|
|
|
<ion-icon slot="icon-only" name="cloud-download" aria-hidden="true"></ion-icon>
|
2020-11-03 09:37:08 +01:00
|
|
|
</ion-button>
|
|
|
|
|
|
|
|
|
|
<!-- Refresh button. -->
|
|
|
|
|
<ion-button *ngIf="status == statusOutdated || (status == statusDownloaded && !canTrustDownload)" fill="clear"
|
2021-10-26 16:23:09 +02:00
|
|
|
(click)="download($event, true)" color="dark" @coreShowHideAnimation
|
2021-05-26 14:37:31 +02:00
|
|
|
[attr.aria-label]="(statusTranslatable || 'core.refresh') | translate" [size]="size">
|
2021-04-27 13:14:31 +02:00
|
|
|
<ion-icon slot="icon-only" name="fas-redo-alt" aria-hidden="true"></ion-icon>
|
2020-11-03 09:37:08 +01:00
|
|
|
</ion-button>
|
|
|
|
|
|
|
|
|
|
<!-- Downloaded status icon. -->
|
2021-10-26 16:23:09 +02:00
|
|
|
<ion-icon *ngIf="status == statusDownloaded && canTrustDownload" class="core-icon-downloaded ion-padding-horizontal" color="success"
|
|
|
|
|
name="cloud-done" [attr.aria-label]="(statusTranslatable || 'core.downloaded') | translate" role="status"></ion-icon>
|
2020-11-20 11:59:36 +01:00
|
|
|
|
2021-10-26 16:23:09 +02:00
|
|
|
<ion-spinner *ngIf="status === statusDownloading" @coreShowHideAnimation
|
2020-11-20 11:59:36 +01:00
|
|
|
[attr.aria-label]="(statusTranslatable || 'core.downloading') | translate"></ion-spinner>
|
2020-11-03 09:37:08 +01:00
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
|
|
<!-- Spinner. -->
|
2021-10-26 16:23:09 +02:00
|
|
|
<ion-spinner *ngIf="loading" @coreShowHideAnimation [attr.aria-label]="'core.loading' | translate"></ion-spinner>
|
