From e5cefa86235e977bd3a4f5790a32a46fd233ea09 Mon Sep 17 00:00:00 2001
From: Art <d.art.shishkin@gmail.com>
Date: Thu, 23 Sep 2021 14:56:10 +0300
Subject: [PATCH] 197. Modifying UI by role - Part 3 (#29)

---
 .../src/app/component/user/user.component.html         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index cd04f99..2cc7635 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -220,8 +220,8 @@
                                 <div class="row">
                                   <div class="col mb-3">
                                     <div class="form-group">
-                                      <label>Role</label><small [hidden]="false">(read only)</small>
-                                      <select name="role" required [(ngModel)]="loggedInUser.role" class="form-control">
+                                      <label>Role</label><small [hidden]="isAdmin">(read only)</small>
+                                      <select [disabled]="!isAdmin" name="role" required [(ngModel)]="loggedInUser.role" class="form-control">
                                         <option [hidden]="false" value="ROLE_USER">USER</option>
                                         <option [hidden]="false" value="ROLE_HR">HR</option>
                                         <option [hidden]="false" value="ROLE_MANAGER">MANAGER</option>
@@ -240,12 +240,12 @@
                                   <div class="col">
                                     <div class="custom-controls-stacked px-2">
                                       <div class="custom-control custom-checkbox">
-                                        <input name="active" type="checkbox" [(ngModel)]="loggedInUser.active"
+                                        <input [disabled]="!isAdmin" name="active" type="checkbox" [(ngModel)]="loggedInUser.active"
                                                class="custom-control-input">
                                         <label class="custom-control-label">Active</label>
                                       </div>
                                       <div class="custom-control custom-checkbox">
-                                        <input name="notLocked" type="checkbox"
+                                        <input [disabled]="!isAdmin" name="notLocked" type="checkbox"
                                                [(ngModel)]="loggedInUser.notLocked" class="custom-control-input">
                                         <label class="custom-control-label">Unlocked</label>
                                       </div>
@@ -374,7 +374,7 @@
     </div>
 
     <!-- modal add user -->
-    <div *ngIf="isAdmin" class="modal draggable fade bd-example-modal-lg" id="addUserModal" tabindex="-1" role="dialog"
+    <div *ngIf="isManager" class="modal draggable fade bd-example-modal-lg" id="addUserModal" tabindex="-1" role="dialog"
          aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">