91 lines
3.5 KiB
HTML
91 lines
3.5 KiB
HTML
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3 class="d-flex justify-content-center mb-3">
|
|
<ng-container *ngIf="user?.alias">{{ user.alias }}</ng-container>
|
|
<ng-container *ngIf="!user?.alias" i18n>Account</ng-container>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="user?.settings" class="mb-5 row">
|
|
<div class="col">
|
|
<mat-card class="mb-3">
|
|
<mat-card-content>
|
|
<div *ngIf="user.alias" class="d-flex py-1">
|
|
<div class="w-50" i18n>Alias</div>
|
|
<div class="w-50">{{ user.alias }}</div>
|
|
</div>
|
|
<div *ngIf="user?.subscription" class="d-flex py-1">
|
|
<div class="w-50" i18n>Membership</div>
|
|
<div class="w-50">
|
|
<div class="align-items-center d-flex mb-1">
|
|
{{ user.subscription.type }}
|
|
</div>
|
|
<div *ngIf="user.subscription.expiresAt">
|
|
Valid until {{ user.subscription.expiresAt | date:
|
|
defaultDateFormat }}
|
|
</div>
|
|
<div *ngIf="!user.subscription.expiresAt">
|
|
<button color="primary" disabled i18n mat-flat-button>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex mt-4 py-1">
|
|
<div class="pt-4 w-50" i18n>Settings</div>
|
|
<div class="w-50">
|
|
<form #changeUserSettingsForm="ngForm">
|
|
<mat-form-field appearance="outline" class="mb-3 w-100">
|
|
<mat-label i18n>Base Currency</mat-label>
|
|
<mat-select
|
|
name="baseCurrency"
|
|
[disabled]="!hasPermissionToUpdateUserSettings"
|
|
[value]="user.settings.baseCurrency"
|
|
(selectionChange)="onChangeUserSettings('baseCurrency', $event.value)"
|
|
>
|
|
<mat-option
|
|
*ngFor="let currency of currencies"
|
|
[value]="currency"
|
|
>{{ currency }}</mat-option
|
|
>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline" class="w-100">
|
|
<mat-label i18n>View Mode</mat-label>
|
|
<mat-select
|
|
name="viewMode"
|
|
[disabled]="!hasPermissionToUpdateUserSettings"
|
|
[value]="user.settings.viewMode"
|
|
(selectionChange)="onChangeUserSettings('viewMode', $event.value)"
|
|
>
|
|
<mat-option value="DEFAULT">Default</mat-option>
|
|
<mat-option value="ZEN">Zen</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="align-items-center d-flex mt-4 py-1">
|
|
<div class="w-50" i18n>Sign in with fingerprint</div>
|
|
<div class="w-50">
|
|
<mat-slide-toggle
|
|
#toggleSignInWithFingerprintEnabledElement
|
|
color="primary"
|
|
[disabled]="!hasPermissionToUpdateUserSettings"
|
|
(change)="onSignInWithFingerprintChange($event)"
|
|
></mat-slide-toggle>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="accesses?.length > 0" class="row">
|
|
<div class="col">
|
|
<h3 class="mb-3 text-center" i18n>Granted Access</h3>
|
|
<gf-access-table [accesses]="accesses"></gf-access-table>
|
|
</div>
|
|
</div>
|
|
</div>
|