userHasPassword/userNoPassword colors
This commit is contained in:
parent
050a3e6dd4
commit
c358a43bcf
@ -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)"/>
|
||||||
|
|||||||
@ -19,4 +19,12 @@
|
|||||||
background-color: lightskyblue;
|
background-color: lightskyblue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.userHasPassword {
|
||||||
|
color: green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.userNoPassword {
|
||||||
|
color: indianred;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user