Files
openstapps/src/app/modules/library/account/profile/profile-page.html
2022-11-04 12:34:54 +00:00

52 lines
1.7 KiB
HTML

<ion-header>
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>{{
'library.account.pages.profile.title' | translate | titlecase
}}</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-card *ngIf="patron; else loading">
<ion-card-content>
<ion-grid>
<ng-container *ngFor="let property of propertiesToShow">
<ion-row *ngIf="patron[property]">
<ion-col>
{{
'library.account.pages.profile.labels' + '.' + property
| translate
}}:
</ion-col>
<ion-col>
<ng-container *ngIf="!['expires'].includes(property); else date">
{{ patron[property] }}
</ng-container>
<ng-template #date>
<ng-container
*ngIf="patron[property] === '9999-12-31'; else exactDate"
>
{{
'library.account.pages.profile.values.unlimited' | translate
}}
</ng-container>
<ng-template #exactDate>
{{
'library.account.pages.profile.values.expires' | translate
}}:&nbsp;{{ patron[property] | amDateFormat: 'll' }}
</ng-template>
</ng-template>
</ion-col>
</ion-row>
</ng-container>
</ion-grid>
</ion-card-content>
</ion-card>
<ng-template #loading>
<stapps-skeleton-simple-card [title]="false" [lines]="4">
</stapps-skeleton-simple-card>
</ng-template>
</ion-content>