userHasPassword/userNoPassword colors

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)"/>

src/main/angular/src/app/app.component.less

@@ -19,4 +19,12 @@
     background-color: lightskyblue;
   }
 
+  .userHasPassword {
+    color: green;
+  }
+
+  .userNoPassword {
+    color: indianred;
+  }
+
 }