forked from EVOgeek/Vmeda.Online
29 lines
1.5 KiB
HTML
29 lines
1.5 KiB
HTML
<ion-header>
|
|
<ion-navbar core-back-button>
|
|
<ion-title>{{ 'addon.badges.badges' | translate }}</ion-title>
|
|
</ion-navbar>
|
|
</ion-header>
|
|
<core-split-view>
|
|
<ion-content>
|
|
<ion-refresher [enabled]="badgesLoaded" (ionRefresh)="refreshBadges($event)">
|
|
<ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
|
|
</ion-refresher>
|
|
<core-loading [hideUntil]="badgesLoaded">
|
|
<core-empty-box *ngIf="!badges || badges.length == 0" icon="trophy" [message]="'addon.badges.nobadges' | translate">
|
|
</core-empty-box>
|
|
|
|
<ion-list *ngIf="badges && badges.length" no-margin>
|
|
<a ion-item text-wrap *ngFor="let badge of badges" [title]="badge.name" (click)="loadIssuedBadge(badge.uniquehash)" [class.core-split-item-selected]="badge.uniquehash == badgeHash">
|
|
<ion-avatar item-start>
|
|
<img [src]="badge.badgeurl" [alt]="badge.name" item-start core-external-content>
|
|
</ion-avatar>
|
|
<h2>{{ badge.name }}</h2>
|
|
<p>{{ badge.dateissued * 1000 | coreFormatDate :'strftimedatetimeshort' }}</p>
|
|
<ion-badge item-end color="danger" *ngIf="badge.dateexpire && currentTime >= badge.dateexpire">
|
|
{{ 'addon.badges.expired' | translate }}
|
|
</ion-badge>
|
|
</a>
|
|
</ion-list>
|
|
</core-loading>
|
|
</ion-content>
|
|
</core-split-view> |