WEB-606 Add the columns Username and Is Self Service in the User Page (#3035)

src/app/users/users.component.html

@@ -30,6 +30,11 @@
         <td mat-cell *matCellDef="let user">{{ user.firstname }}</td>
       </ng-container>
 
+      <ng-container matColumnDef="username">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Login Name' | translate }}</th>
+        <td mat-cell *matCellDef="let user">{{ user.username }}</td>
+      </ng-container>
+
       <ng-container matColumnDef="lastname">
         <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Last Name' | translate }}</th>
         <td mat-cell *matCellDef="let user">{{ user.lastname }}</td>
@@ -45,6 +50,17 @@
         <td mat-cell *matCellDef="let user">{{ user.officeName }}</td>
       </ng-container>
 
+      <ng-container matColumnDef="isSelfServiceUser">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.buttons.Is Self Service' | translate }}</th>
+        <td mat-cell *matCellDef="let user">
+          <span
+            [ngClass]="user.isSelfServiceUser ? 'self-service-true' : 'self-service-false'"
+            class="self-service-indicator"
+          ></span>
+          {{ user.isSelfServiceUser ? ('labels.buttons.Yes' | translate) : ('labels.buttons.No' | translate) }}
+        </td>
+      </ng-container>
+
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let row; columns: displayedColumns" [routerLink]="[row.id]" class="select-row"></tr>
     </table>