195.2. Modifying UI by role - Part 1 - *ngIf (#29)

This commit is contained in:
Art
2021-09-22 22:42:29 +03:00
parent 8bf187f9de
commit 43fed1a25a

View File

@ -26,7 +26,7 @@
<!-- document.getElementsByClassName('nav-item nav-link ml-3')[0].hidden=false--> <!-- document.getElementsByClassName('nav-item nav-link ml-3')[0].hidden=false-->
<!-- document.getElementById('reset-password').hidden=false--> <!-- document.getElementById('reset-password').hidden=false-->
<a [hidden]="!isAdmin" class="nav-item nav-link ml-3" (click)="changeTitle('Settings')" data-bs-toggle="tab" href="#reset-password"> <a *ngIf="isAdmin" class="nav-item nav-link ml-3" (click)="changeTitle('Settings')" data-bs-toggle="tab" href="#reset-password">
<i class="fa fa-cogs"></i> <i class="fa fa-cogs"></i>
Settings Settings
</a> </a>
@ -52,7 +52,7 @@
ngModel (ngModelChange)="searchUsers(searchTerm.value)"> ngModel (ngModelChange)="searchUsers(searchTerm.value)">
</form> </form>
<button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#addUserModal"> <button *ngIf="isManager" type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#addUserModal">
<i class="fa fa-plus"></i>New User <i class="fa fa-plus"></i>New User
</button> </button>
</div> </div>
@ -94,7 +94,7 @@
<td class=""> <td class="">
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-outline-info" (click)="onEditUser(appUser)"><i class="fas fa-edit"></i></button> <button class="btn btn-outline-info" (click)="onEditUser(appUser)"><i class="fas fa-edit"></i></button>
<button class="btn btn-outline-danger" (click)="onDeleteUser(appUser)"><i class="fas fa-trash"></i> <button *ngIf="isAdmin" class="btn btn-outline-danger" (click)="onDeleteUser(appUser)"><i class="fas fa-trash"></i>
</button> </button>
</div> </div>
</td> </td>
@ -109,7 +109,7 @@
</button> </button>
<!-- change password --> <!-- change password -->
<div [hidden]="!isAdmin" class="tab-pane fade" id="reset-password"> <div *ngIf="isAdmin" class="tab-pane fade" id="reset-password">
<form #resetPasswordForm="ngForm" (ngSubmit)="onResetPassword(resetPasswordForm)"> <form #resetPasswordForm="ngForm" (ngSubmit)="onResetPassword(resetPasswordForm)">
<fieldset> <fieldset>
<legend>User Password Management</legend> <legend>User Password Management</legend>
@ -371,7 +371,7 @@
</div> </div>
<!-- modal add user --> <!-- modal add user -->
<div class="modal draggable fade bd-example-modal-lg" id="addUserModal" tabindex="-1" role="dialog" <div *ngIf="isAdmin" class="modal draggable fade bd-example-modal-lg" id="addUserModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">