IOT-500 fix and add username + icon

Author: Jeppe Elkjær Jørgensen

src/app/navbar/global-admin/global-admin.component.html

@@ -1,4 +1,7 @@
-<mat-expansion-panel class="mb-5">
+<div *ngIf="user">
+    <fa-icon [icon]="faUser" class="navbar-icon" style="margin-right: 1em; margin-left: 1em;"></fa-icon> {{user.name}}
+</div>
+<mat-expansion-panel class="mb-5" *ngIf="isGlobalAdmin">
     <mat-expansion-panel-header>
         <mat-panel-title class="nav-item py-2">
             <p class="nav-item ml-2">Global Administrator</p>

src/app/navbar/global-admin/global-admin.component.ts

@@ -1,5 +1,8 @@
 import { Component, OnInit } from '@angular/core';
-import { faGlobe, faUsers, faIdBadge, faSitemap } from '@fortawesome/free-solid-svg-icons';
+import { PermissionType } from '@app/admin/permission/permission.model';
+import { UserResponse } from '@app/admin/users/user.model';
+import { AuthService } from '@app/auth/auth.service';
+import { faGlobe, faUsers, faIdBadge, faSitemap, faUser } from '@fortawesome/free-solid-svg-icons';
 
 @Component({
   selector: 'app-global-admin',
@@ -11,9 +14,24 @@ export class GlobalAdminComponent implements OnInit {
   faUsers = faUsers;
   faIdBadge = faIdBadge;
   faSitemap = faSitemap;
-  constructor() { }
+  faUser = faUser;
+
+  public user: UserResponse;
+  public isGlobalAdmin = false;
+
+  constructor(private authService: AuthService) { }
 
   ngOnInit(): void {
+    this.authService.me()
+      .subscribe(
+        (response) => {
+          this.user = response.user;
+          this.findGlobalAdminPermission(response.user);
+        });
+  }
+
+  findGlobalAdminPermission(user: UserResponse) {
+    this.isGlobalAdmin = this.user.permissions.some(x => x.type === PermissionType.GlobalAdmin);
   }
 
 }