1
|
<div class="p-grid p-nogutter">
|
2
|
<div class="p-col main-content">
|
3
|
|
4
|
<h1>{{'ROLES-PER-USER' | translate}}</h1>
|
5
|
|
6
|
<app-horizontal-menu></app-horizontal-menu>
|
7
|
|
8
|
<app-breadcrumb></app-breadcrumb>
|
9
|
|
10
|
<div class="p-grid p-nogutter p-pt-5 p-pb-5">
|
11
|
|
12
|
<div class="p-col p-nogutter p-col-12">
|
13
|
<p-fieldset legend="Search User" [toggleable]="true">
|
14
|
<app-search-user id="search-criteria"></app-search-user>
|
15
|
<div class="p-formgroup-inline p-jc-center p-mt-3">
|
16
|
<p-button (onClick)="clear()" label="Clear" styleClass="p-mr-2 p-button-warning">
|
17
|
</p-button>
|
18
|
<p-button (click)="searchByCriteria()" label="Search" styleClass="p-button-primary">
|
19
|
</p-button>
|
20
|
</div>
|
21
|
</p-fieldset>
|
22
|
</div>
|
23
|
|
24
|
<div class="p-col p-nogutter p-col-12 p-mt-5">
|
25
|
<p-fieldset legend="Search Results" [toggleable]="users?.data !== null" [collapsed]="users?.data === null">
|
26
|
<app-search-results [users]="users" (paginationEvent)="paginationEvent($event)" (user)="passData($event)"
|
27
|
[load]="this.loading">
|
28
|
</app-search-results>
|
29
|
</p-fieldset>
|
30
|
</div>
|
31
|
|
32
|
<div class="p-col p-nogutter p-col-12 p-mt-5">
|
33
|
<app-user-roles [user]="this.selectedUser" (valueChange)="passEvent($event)">
|
34
|
</app-user-roles>
|
35
|
</div>
|
36
|
|
37
|
</div>
|
38
|
|
39
|
</div>
|
40
|
</div>
|