time-tracker-ui/src/app/modules/users/components/users-list/users-list.component.html at 26c7af895e05c9437721402ea57b6576233076f8 · ioet/time-tracker-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<div class="table-responsive">
  <table
    *ngIf="users"
    class="table table-sm table-bordered table-striped mb-0"
    datatable
    [dtTrigger]="dtTrigger"
    [dtOptions]="dtOptions"
  >
    <thead class="thead-blue">
      <tr class="d-flex flex-wrap">
        <th class="col-4">User Email</th>
        <th class="col-5">Names</th>
        <th class="col-3">Roles</th>
      </tr>
    </thead>
    <app-loading-bar *ngIf="isLoading$ | async"></app-loading-bar>
    <tbody>
      <tr class="d-flex flex-wrap" *ngFor="let user of users">
        <td class="col-4 text-break">{{ user.email }}</td>
        <td class="col-5 text-break">{{ user.name }}</td>
        <td class="col-3 text-center">
          <div>
            <ui-switch
              size="small"
              (change)="switchRole(user.id, user.roles, 'admin', 'time-tracker-admin')"
              [checked]="user.roles.includes('time-tracker-admin')"
            ></ui-switch>
            admin
            <ui-switch
              size="small"
              (change)="switchRole(user.id, user.roles, 'test', 'time-tracker-tester')"
              [checked]="user.roles.includes('time-tracker-tester')"
            ></ui-switch>
            test
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>