From 5e2895ce3392daf0e78e57459bc8306b90ee0587 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 2 May 2018 16:28:03 -0400
Subject: [PATCH] group enabled, disabled, and deleted users

---
 src/app/tabs/dashboard.component.html | 23 +++++++++++++++++++----
 src/app/tabs/dashboard.component.ts   | 10 ++++++++++
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/app/tabs/dashboard.component.html b/src/app/tabs/dashboard.component.html
index d5ecb1af..7017af5c 100644
--- a/src/app/tabs/dashboard.component.html
+++ b/src/app/tabs/dashboard.component.html
@@ -23,14 +23,29 @@
             <div class="row">
                 <div class="col-lg">
                     <h4>Users</h4>
-                    <ul class="fa-ul testing-list" *ngIf="simUsers && simUsers.length">
-                        <li *ngFor="let u of simUsers" [ngClass]="{'deleted': u.deleted}" title="{{u.referenceId}}">
+                    <ul class="fa-ul testing-list" *ngIf="simEnabledUsers && simEnabledUsers.length">
+                        <li *ngFor="let u of simEnabledUsers" title="{{u.referenceId}}">
                             <i class="fa-li fa fa-user"></i>
                             {{u.displayName}}
-                            <i class="fa fa-minus-circle" *ngIf="u.disabled"></i>
                         </li>
                     </ul>
-                    <p *ngIf="!simUsers || !simUsers.length">No users to list.</p>
+                    <p *ngIf="!simEnabledUsers || !simEnabledUsers.length">No users to list.</p>
+                    <h4>Disabled Users</h4>
+                    <ul class="fa-ul testing-list" *ngIf="simDisabledUsers && simDisabledUsers.length">
+                        <li *ngFor="let u of simDisabledUsers" title="{{u.referenceId}}">
+                            <i class="fa-li fa fa-user"></i>
+                            {{u.displayName}}
+                        </li>
+                    </ul>
+                    <p *ngIf="!simDisabledUsers || !simDisabledUsers.length">No users to list.</p>
+                    <h4>Deleted Users</h4>
+                    <ul class="fa-ul testing-list" *ngIf="simDeletedUsers && simDeletedUsers.length">
+                        <li *ngFor="let u of simDeletedUsers" title="{{u.referenceId}}">
+                            <i class="fa-li fa fa-user"></i>
+                            {{u.displayName}}
+                        </li>
+                    </ul>
+                    <p *ngIf="!simDeletedUsers || !simDeletedUsers.length">No users to list.</p>
                 </div>
                 <div class="col-lg">
                     <h4>Groups</h4>
diff --git a/src/app/tabs/dashboard.component.ts b/src/app/tabs/dashboard.component.ts
index a1c2e88b..9616347c 100644
--- a/src/app/tabs/dashboard.component.ts
+++ b/src/app/tabs/dashboard.component.ts
@@ -17,6 +17,9 @@ import { UserEntry } from '../../models/userEntry';
 export class DashboardComponent {
     simGroups: GroupEntry[];
     simUsers: UserEntry[];
+    simEnabledUsers: UserEntry[] = [];
+    simDisabledUsers: UserEntry[] = [];
+    simDeletedUsers: UserEntry[] = [];
     simPromise: Promise<any>;
     syncPromise: Promise<any>;
     sinceLast: boolean = false;
@@ -42,6 +45,13 @@ export class DashboardComponent {
             if (this.simUsers != null) {
                 this.simUsers.forEach((u) => {
                     userMap.set(u.externalId, u);
+                    if (u.deleted) {
+                        this.simDeletedUsers.push(u);
+                    } else if (u.disabled) {
+                        this.simDisabledUsers.push(u);
+                    } else {
+                        this.simEnabledUsers.push(u);
+                    }
                 });
             }