diff --git a/src/app/shared/users/list/userslist.component.css b/src/app/shared/users/list/userslist.component.css index f97f8ede225fadec2764a849fdacb10a670bbfd3..8758875ce9ef26b47091a885663a3dc14370f51c 100644 --- a/src/app/shared/users/list/userslist.component.css +++ b/src/app/shared/users/list/userslist.component.css @@ -29,5 +29,5 @@ tr.clickable { .space-between { display: flex; - justify-content: end; + justify-content: space-between; } diff --git a/src/app/shared/users/list/userslist.component.html b/src/app/shared/users/list/userslist.component.html index 87d8dd8b7db3570eef163d0d85687349d11296fe..8a8a92a9fe0c22e10f9800408148156d8c520b89 100644 --- a/src/app/shared/users/list/userslist.component.html +++ b/src/app/shared/users/list/userslist.component.html @@ -3,8 +3,16 @@ {{ 'USERS.TITLE' | translate }}</h3> <div class="flex space-between"> <div class="flex"> - {{ 'USERS.ITEMS_PER_PAGE' | translate }}: - <span id="selectionItems" class="dropdown" style="vertical-align: middle; display: inline-block; margin-right: 1rem;"> + <button *ngIf="authService.hasDomainRole(domainId, 'ROLE_DOMAIN_ADMIN')" + class="btn btn-primary" (click)="changeMode()"> + <span *ngIf="isModeAllowed(ComponentMode.DELETE)">{{'USERS.ADD_TO_DOMAIN_BUTTON' | translate}}</span> + <span *ngIf="isModeAllowed(ComponentMode.EDIT)">{{'USERS.GO_BACK_BUTTON' | translate}}</span> + </button> + </div> + <div class="" style="display: flex"> + <div *ngIf="isModeAllowed(ComponentMode.DELETE)" class="flex"> + {{ 'USERS.ITEMS_PER_PAGE' | translate }}: + <span id="selectionItems" class="dropdown" style="vertical-align: middle; display: inline-block; margin-right: 1rem;"> <button class="dropdown-toggle btn" data-toggle="dropdown" data-close-others="true"> {{maxItemsOnPage}} </button> @@ -16,10 +24,18 @@ </li> </ul> </span> + </div> + <div *ngIf="isModeAllowed(ComponentMode.EDIT)" style="margin-right: 15px; padding-top: 5px;"> {{'USERS.SEARCH' | translate}}</div> + + <div *ngIf="isModeAllowed(ComponentMode.EDIT)" class="flex"> + <input pInputText name="searchTextDomain" id="searchTextDomain" placeholder="Search" type="text" (keyup)="searchUsers($event.target.value)"> + </div> + <div *ngIf="isModeAllowed(ComponentMode.DELETE)" class="flex"> + <input pInputText name="searchText" id="searchText" placeholder="Search" type="text" class="form-control" (keyup)="onSearch($event.target.value)" > + </div> </div> - <div class="flex"> - <input pInputText name="searchText" id="searchText" placeholder="Search" type="text" class="form-control" (keyup)="searchUsers($event.target.value)"> - </div> + + </div> <br>