feat: adds admin flag to user name in UI (#59)

lgtm, close #58
data-platform-hq · Dec 13, 2024 · 51564e7 · 51564e7
1 parent 777de16
commit 51564e7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/web-ui/src/app/app.component.html b/web-ui/src/app/app.component.html
@@ -1,5 +1,8 @@
 <ng-container *ngIf="!loading && this.user; else loader">
-    <ml-header [name]="user.display_name"></ml-header>
+  <ml-header 
+    [name]="user.display_name"
+    [admin]="user.is_admin">
+  </ml-header>
   <div class="container">
     <div class="my-3">
         <xng-breadcrumb></xng-breadcrumb>

diff --git a/web-ui/src/app/shared/components/header/header.component.html b/web-ui/src/app/shared/components/header/header.component.html
@@ -14,7 +14,10 @@
         </button>
         <span class="spacer"></span>
 
-        <span class="pe-1 ms-auto fs-16">Hello, {{name}}</span>
+        <span class="pe-1 ms-auto fs-16">
+            Hello, {{name}}
+            <ng-container *ngIf="admin">(Admin)</ng-container>
+        </span>
         <button mat-button (click)="logout()">
             <mat-icon>exit_to_app</mat-icon>
             <span>Logout</span>

diff --git a/web-ui/src/app/shared/components/header/header.component.ts b/web-ui/src/app/shared/components/header/header.component.ts
@@ -7,6 +7,7 @@ import { Component, Input, OnInit } from '@angular/core';
 })
 export class HeaderComponent implements OnInit {
   @Input() name: string = '';
+  @Input() admin: boolean = false;
 
   constructor() { }