All files / projects/organization-management/src/app/pages/users users-page.component.html

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="d-md-flex align-items-center">
  <div class="d-flex flex-row align-items-center">
    <h1 class="pe-2">
      {{ 'account.organization.user_management' | translate }}
    </h1>
    <ish-budget-info [suffix]="'account.organization.budget_price_type.admin.info'" />
  </div>
  <div class="ms-auto py-2">
    <a
      *ngIf="!!(error$ | async) === false"
      routerLink="create"
      class="btn btn-secondary"
      data-testing-id="add-user-link"
      >{{ 'account.user.list.link.add_user' | translate }}</a
    >
  </div>
</div>
 
<ish-error-message [error]="error$ | async" />
 
<div class="section">
  <div class="list-body" data-testing-id="user-list">
    <ng-container *ngFor="let user of users$ | async">
      <div *ngIf="user" class="list-item-row row mx-0">
        <div class="col-6 col-sm-2 list-item order-1">
          <a [routerLink]="[user.login]" class="d-block">{{ user.firstName }} {{ user.lastName }}</a>
          <span *ngIf="user.active === false" class="input-help">{{
            'account.user.list.status.inactive' | translate
          }}</span>
        </div>
        <div class="col-5 col-sm-4 list-item order-2">
          <dl [attr.data-testing-id]="'user-roles-' + user.login">
            <ish-user-roles-badges [roleIDs]="user.roleIDs" />
          </dl>
        </div>
        <div class="col-12 col-sm-5 list-item order-4 order-sm-3">
          <ish-user-budget
            *ngIf="'services.OrderApprovalServiceDefinition.runnable' | ishServerSetting"
            [budget]="user.userBudget"
            [attr.data-testing-id]="'user-budget-' + user.login"
          />
        </div>
        <div class="col-1 list-item text-end order-sm-4 order-3">
          <div *ngIf="user.login !== (currentUser$ | async)?.login" class="float-end">
            <button
              type="button"
              class="btn-tool btn-link"
              title="{{
                'account.user.delete_user_dialog.header' | translate : { '0': user.firstName + ' ' + user.lastName }
              }}"
              (click)="modalDialog.show(user)"
              data-testing-id="remove-user"
            >
              <fa-icon [icon]="['fas', 'trash-alt']" />
            </button>
 
            <ish-modal-dialog
              #modalDialog
              [options]="{
                titleText:
                  'account.user.delete_user_dialog.header' | translate : { '0': user.firstName + ' ' + user.lastName },
                confirmText: 'account.user.delete_user_dialog.delete_button.text' | translate,
                rejectText: 'account.user.delete_user_dialog.cancel_button.text' | translate
              }"
              (confirmed)="deleteUser($event)"
            >
              <p>{{ 'account.user.delete_user_dialog.are_you_sure_paragraph' | translate }}</p>
            </ish-modal-dialog>
          </div>
        </div>
      </div>
    </ng-container>
  </div>
</div>
 
<ish-loading *ngIf="loading$ | async" />