1 files changed, 46 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-list/user-list.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-list/user-list.component.html
new file mode 100755
index 000000000..5676f3fbc
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/auth/user-list/user-list.component.html
@@ -0,0 +1,46 @@
+<cd-user-tabs></cd-user-tabs>
+
+<cd-table [data]="users"
+          columnMode="flex"
+          [columns]="columns"
+          identifier="username"
+          selectionType="single"
+          (fetchData)="getUsers()"
+          (updateSelection)="updateSelection($event)">
+  <cd-table-actions class="table-actions"
+                    [permission]="permission"
+                    [selection]="selection"
+                    [tableActions]="tableActions">
+  </cd-table-actions>
+</cd-table>
+
+<ng-template #userRolesTpl
+             let-value="value">
+  <span *ngFor="let role of value; last as isLast">
+    {{ role }}{{ !isLast ? ", " : "" }}
+  </span>
+</ng-template>
+
+<ng-template #warningTpl
+             let-column="column"
+             let-value="value"
+             let-row="row">
+  <div [class.border-danger]="row.remainingDays < this.expirationDangerAlert"
+       [class.border-warning]="row.remainingDays < this.expirationWarningAlert && row.remainingDays >= this.expirationDangerAlert"
+       class="border-margin">
+    <div class="warning-content"> {{ value }} </div>
+  </div>
+</ng-template>
+
+<ng-template #durationTpl
+             let-column="column"
+             let-value="value"
+             let-row="row">
+  <i *ngIf="row.remainingDays < this.expirationWarningAlert"
+     i18n-title
+     title="User's password is about to expire"
+     [class.icon-danger-color]="row.remainingDays < this.expirationDangerAlert"
+     [class.icon-warning-color]="row.remainingDays < this.expirationWarningAlert && row.remainingDays >= this.expirationDangerAlert"
+     class="{{ icons.warning }}"></i>
+  <span title="{{ value | cdDate }}">{{ row.remainingTimeWithoutSeconds / 1000 | duration }}</span>
+</ng-template>