20 lines
1.1 KiB
HTML
20 lines
1.1 KiB
HTML
|
<ng-container *ngIf="enabled && !(loading || status === statusDownloading)">
|
||
|
|
<!-- Download button. -->
|
||
|
|
<ion-button *ngIf="status == statusNotDownloaded" fill="clear" (click)="download($event, false)" color="dark"
|
||
|
|
class="core-animate-show-hide" [attr.aria-label]="'core.download' | translate">
|
||
|
|
<ion-icon slot="icon-only" name="cloud-download"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
|
||
|
|
<!-- Refresh button. -->
|
||
|
|
<ion-button *ngIf="status == statusOutdated || (status == statusDownloaded && !canTrustDownload)" fill="clear"
|
||
|
|
(click)="download($event, true)" color="dark" class="core-animate-show-hide" [attr.aria-label]="'core.refresh' | translate">
|
||
|
|
<ion-icon slot="icon-only" name="fas-sync"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
|
||
|
|
<!-- Downloaded status icon. -->
|
||
|
|
<ion-icon *ngIf="status == statusDownloaded && canTrustDownload" class="core-icon-downloaded ion-padding-horizontal" color="success"
|
||
|
|
name="cloud-done" [attr.aria-label]="'core.downloaded' | translate" role="status"></ion-icon>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<!-- Spinner. -->
|
||
|
|
<ion-spinner *ngIf="loading || status === statusDownloading" class="core-animate-show-hide"></ion-spinner>
|