]> git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-list/user-list.component.html
import quincy beta 17.1.0
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / core / auth / user-list / user-list.component.html
1 <cd-user-tabs></cd-user-tabs>
2
3 <cd-table [data]="users"
4 columnMode="flex"
5 [columns]="columns"
6 identifier="username"
7 selectionType="single"
8 (fetchData)="getUsers()"
9 (updateSelection)="updateSelection($event)">
10 <cd-table-actions class="table-actions"
11 [permission]="permission"
12 [selection]="selection"
13 [tableActions]="tableActions">
14 </cd-table-actions>
15 </cd-table>
16
17 <ng-template #userRolesTpl
18 let-value="value">
19 <span *ngFor="let role of value; last as isLast">
20 {{ role }}{{ !isLast ? ", " : "" }}
21 </span>
22 </ng-template>
23
24 <ng-template #warningTpl
25 let-column="column"
26 let-value="value"
27 let-row="row">
28 <div [class.border-danger]="row.remainingDays < this.expirationDangerAlert"
29 [class.border-warning]="row.remainingDays < this.expirationWarningAlert && row.remainingDays >= this.expirationDangerAlert"
30 class="border-margin">
31 <div class="warning-content"> {{ value }} </div>
32 </div>
33 </ng-template>
34
35 <ng-template #durationTpl
36 let-column="column"
37 let-value="value"
38 let-row="row">
39 <i *ngIf="row.remainingDays < this.expirationWarningAlert"
40 i18n-title
41 title="User's password is about to expire"
42 [class.icon-danger-color]="row.remainingDays < this.expirationDangerAlert"
43 [class.icon-warning-color]="row.remainingDays < this.expirationWarningAlert && row.remainingDays >= this.expirationDangerAlert"
44 class="{{ icons.warning }}"></i>
45 <span title="{{ value | cdDate }}">{{ row.remainingTimeWithoutSeconds / 1000 | duration }}</span>
46 </ng-template>