From 3ad1dda90253ff635d4b0d065e0aaedc9078721a Mon Sep 17 00:00:00 2001
From: Josephat Mwakyusa <josephatjulius24@gmail.com>
Date: Fri, 15 Dec 2023 21:09:04 +0300
Subject: [PATCH] feat: change disabled to status and add support to show phone
 number

---
 src/app/core/services/users.service.ts        |  2 +-
 .../users-list/users-list.component.html      | 36 ++++++++++++-------
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/app/core/services/users.service.ts b/src/app/core/services/users.service.ts
index 724bf09..93726d6 100644
--- a/src/app/core/services/users.service.ts
+++ b/src/app/core/services/users.service.ts
@@ -38,7 +38,7 @@ export class UsersDataService {
       .get(
         `users.json?pageSize=${pageSize}&page=${page}${
           q ? '&query=' + q : ''
-        }&fields=id,firstName,organisationUnits[id,level,name,code,path],surname,name,email,userCredentials[username,lastlogin,disabled]&order=firstName~asc${
+        }&fields=id,firstName,organisationUnits[id,level,name,code,path,parent[id,name,parent[id,name]]],surname,name,email,phoneNumber,userCredentials[username,lastlogin,disabled]&order=firstName~asc${
           pathSection
             ? '&filter=organisationUnits.path:ilike:' + pathSection
             : ''
diff --git a/src/app/pages/user-accounts/components/users-list/users-list.component.html b/src/app/pages/user-accounts/components/users-list/users-list.component.html
index 2ff41c4..37e6d6d 100644
--- a/src/app/pages/user-accounts/components/users-list/users-list.component.html
+++ b/src/app/pages/user-accounts/components/users-list/users-list.component.html
@@ -18,8 +18,9 @@
           <th>{{ 'Names' | translate }}</th>
           <th>{{ 'Username' | translate }}</th>
           <th>{{ 'Email' | translate }}</th>
+          <th>{{ 'Phone number' | translate }}</th>
           <th>{{ 'Last login' | translate }}</th>
-          <th>{{ 'Disabled' | translate }}</th>
+          <th>{{ 'Status' | translate }}</th>
           <th>{{ 'Action' | translate }}</th>
         </tr>
       </thead>
@@ -40,11 +41,17 @@
             <td>
               {{ user?.email }}
             </td>
+            <td>
+              {{ user?.phoneNumber }}
+            </td>
             <td>
               {{ user?.userCredentials?.lastLogin }}
             </td>
             <td>
-              <mat-icon *ngIf="user?.userCredentials?.disabled">done</mat-icon>
+              <span *ngIf="user?.userCredentials?.disabled"
+                >Inactive(Disable)</span
+              >
+              <span *ngIf="!user?.userCredentials?.disabled">Active</span>
             </td>
             <td>
               <button
@@ -150,20 +157,25 @@
     </table>
     <!-- {{ params?.usersResponse?.pager | json }} -->
     <div
-      class="d-flex justify-content-end mt-2"
+      class="mt-2"
       *ngIf="
         !params?.usersResponse?.message && params?.usersResponse?.pager?.total
       "
     >
-      <mat-paginator
-        [length]="params?.usersResponse?.pager?.total"
-        aria-label="Select page"
-        [pageSize]="pageSize"
-        [pageIndex]="pageIndex"
-        [pageSizeOptions]="pageSizeOptions"
-        (page)="getUsers($event, params?.usersResponse?.pager)"
-      >
-      </mat-paginator>
+      <div class="row">
+        <div class="col-11 d-flex justify-content-end">
+          <mat-paginator
+            [length]="params?.usersResponse?.pager?.total"
+            aria-label="Select page"
+            [pageSize]="pageSize"
+            [pageIndex]="pageIndex"
+            [pageSizeOptions]="pageSizeOptions"
+            (page)="getUsers($event, params?.usersResponse?.pager)"
+          >
+          </mat-paginator>
+        </div>
+        <div class="col-1"></div>
+      </div>
 
       <!-- <button
         mat-stroked-button