From bca450dbe1012f5c61b94815547fbb348ff2e4ac Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Fri, 26 Mar 2021 18:09:55 +0200
Subject: [PATCH] UI: Fixed error access is forbidden in the system admin
 change profile

---
 .../modules/home/pages/profile/profile.component.html    | 4 ++--
 .../app/modules/home/pages/profile/profile.component.ts  | 9 ++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile.component.html b/ui-ngx/src/app/modules/home/pages/profile/profile.component.html
index eaca7133a0..f1a42344fb 100644
--- a/ui-ngx/src/app/modules/home/pages/profile/profile.component.html
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile.component.html
@@ -57,13 +57,13 @@
           </mat-form-field>
           <mat-form-field class="mat-block">
             <mat-label translate>language.language</mat-label>
-            <mat-select matInput formControlName="language">
+            <mat-select formControlName="language">
               <mat-option *ngFor="let lang of languageList" [value]="lang">
                 {{ lang ? ('language.locales.' + lang | translate) : ''}}
               </mat-option>
             </mat-select>
           </mat-form-field>
-          <section class="tb-home-dashboard" fxFlex fxLayout="column" fxLayout.gt-sm="row">
+          <section class="tb-home-dashboard" fxFlex fxLayout="column" fxLayout.gt-sm="row" *ngIf="!isSysAdmin()">
             <tb-dashboard-autocomplete
               fxFlex
               placeholder="{{ 'dashboard.home-dashboard' | translate }}"
diff --git a/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts b/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts
index 3ac16d98f4..60b4fbb8a8 100644
--- a/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/profile/profile.component.ts
@@ -16,7 +16,7 @@
 
 import { Component, OnInit } from '@angular/core';
 import { UserService } from '@core/http/user.service';
-import { User } from '@shared/models/user.model';
+import { AuthUser, User } from '@shared/models/user.model';
 import { Authority } from '@shared/models/authority.enum';
 import { PageComponent } from '@shared/components/page.component';
 import { Store } from '@ngrx/store';
@@ -33,6 +33,7 @@ import { DialogService } from '@core/services/dialog.service';
 import { AuthService } from '@core/auth/auth.service';
 import { ActivatedRoute } from '@angular/router';
 import { isDefinedAndNotNull } from '@core/utils';
+import { getCurrentAuthUser } from '@core/auth/auth.selectors';
 
 @Component({
   selector: 'tb-profile',
@@ -45,6 +46,7 @@ export class ProfileComponent extends PageComponent implements OnInit, HasConfir
   profile: FormGroup;
   user: User;
   languageList = env.supportedLangs;
+  private readonly authUser: AuthUser;
 
   constructor(protected store: Store<AppState>,
               private route: ActivatedRoute,
@@ -55,6 +57,7 @@ export class ProfileComponent extends PageComponent implements OnInit, HasConfir
               public dialogService: DialogService,
               public fb: FormBuilder) {
     super(store);
+    this.authUser = getCurrentAuthUser(this.store);
   }
 
   ngOnInit() {
@@ -134,4 +137,8 @@ export class ProfileComponent extends PageComponent implements OnInit, HasConfir
     return this.profile;
   }
 
+  isSysAdmin(): boolean {
+    return this.authUser.authority === Authority.SYS_ADMIN;
+  }
+
 }