From c358a43bcf20babd5cc0cdb225c7d409159302f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Wed, 6 Nov 2024 16:04:24 +0100
Subject: [PATCH] userHasPassword/userNoPassword colors

---
 src/main/angular/src/app/app.component.html | 10 +++++++++-
 src/main/angular/src/app/app.component.less |  8 ++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/main/angular/src/app/app.component.html b/src/main/angular/src/app/app.component.html
index 93f2f76..1b0d004 100644
--- a/src/main/angular/src/app/app.component.html
+++ b/src/main/angular/src/app/app.component.html
@@ -3,7 +3,15 @@
   <div class="mainMenuItem" routerLinkActive="mainMenuItemActive" routerLink="/VoltageDrop">Kabel</div>
   <div class="mainMenuItem" routerLinkActive="mainMenuItemActive" routerLink="/Groups">Gruppen</div>
   <ng-container *ngIf="userService.user !== null">
-    <div class="mainMenuItem mainMenuItemRight" routerLinkActive="mainMenuItemActive" routerLink="/Profile">{{ userService.user.name }}</div>
+    <div
+      class="mainMenuItem mainMenuItemRight"
+      [class.userHasPassword]="userService.user.password"
+      [class.userNoPassword]="!userService.user.password"
+      routerLinkActive="mainMenuItemActive"
+      routerLink="/Profile"
+    >
+      {{ userService.user.name }}
+    </div>
   </ng-container>
 </div>
 <router-outlet (activate)="onActivate($event)"/>
diff --git a/src/main/angular/src/app/app.component.less b/src/main/angular/src/app/app.component.less
index fe1e589..c78c511 100644
--- a/src/main/angular/src/app/app.component.less
+++ b/src/main/angular/src/app/app.component.less
@@ -19,4 +19,12 @@
     background-color: lightskyblue;
   }
 
+  .userHasPassword {
+    color: green;
+  }
+
+  .userNoPassword {
+    color: indianred;
+  }
+
 }