userHasPassword/userNoPassword colors

This commit is contained in:
Patrick Haßel 2024-11-06 16:04:24 +01:00
parent 050a3e6dd4
commit c358a43bcf
2 changed files with 17 additions and 1 deletions

View File

@ -3,7 +3,15 @@
<div class="mainMenuItem" routerLinkActive="mainMenuItemActive" routerLink="/VoltageDrop">Kabel</div> <div class="mainMenuItem" routerLinkActive="mainMenuItemActive" routerLink="/VoltageDrop">Kabel</div>
<div class="mainMenuItem" routerLinkActive="mainMenuItemActive" routerLink="/Groups">Gruppen</div> <div class="mainMenuItem" routerLinkActive="mainMenuItemActive" routerLink="/Groups">Gruppen</div>
<ng-container *ngIf="userService.user !== null"> <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> </ng-container>
</div> </div>
<router-outlet (activate)="onActivate($event)"/> <router-outlet (activate)="onActivate($event)"/>

View File

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