66 lines
2.4 KiB
HTML
66 lines
2.4 KiB
HTML
<div class="d-flex flex-column h-100">
|
|
<div class="overflow-auto flex-grow-1">
|
|
<div class="container mb-3">
|
|
|
|
<div *ngIf="userInfo" class="row pt-2">
|
|
<div class="col-sm-6">
|
|
<fieldset>
|
|
<legend>
|
|
{{ 'account.myProfile' | translate }}
|
|
|
|
<button class="btn btn-outline-info" container="body" (click)="showEditor()">
|
|
{{ 'account.updateProfile' | translate }}
|
|
</button>
|
|
</legend>
|
|
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item">
|
|
Name: <b>{{ userInfo.firstName }} {{ userInfo.lastName }}</b>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Username: <b>{{ userInfo.login }}</b>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Email: <b>{{ userInfo.email }}</b>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Phone: <b>{{ userInfo.phone }}</b>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Container Name Service:
|
|
<span class="badge border ms-1 text-uppercase"
|
|
[ngClass]="userInfo.triton_cns_enabled ? 'border-success text-success' : 'danger-success text-danger'">
|
|
{{ userInfo.triton_cns_enabled ? 'enabled' : 'disabled' }}
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<fieldset>
|
|
<legend>
|
|
{{ 'account.myKeys' | translate }}
|
|
|
|
<button class="btn btn-outline-info" container="body" (click)="addSshKey()">
|
|
{{ 'account.addKey' | translate }}
|
|
</button>
|
|
</legend>
|
|
|
|
<ol class="list-group list-group-flush">
|
|
<li class="list-group-item pt-0 d-flex justify-content-between align-items-center" *ngFor="let userKey of userKeys">
|
|
<span>{{ userKey.name }}: <b class="text-uppercase">{{ userKey.fingerprint }}</b></span>
|
|
|
|
<button class="btn btn-sm btn-link text-danger" tooltip="{{ 'account.removeKey' | translate }}"
|
|
(click)="deleteSshKey(userKey.name)">
|
|
<fa-icon icon="times"></fa-icon>
|
|
</button>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|