FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add user-menu router outlet
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma 2020-09-04 10:10:01 +02:00
parent 78425a621a
commit e682b375e7
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
projects/common/src/fm/components/user-menu/user-menu.component.html
View File

@ -1,13 +1,14 @@
<div *ngIf="user">
<div (click)="toggle($event)" class="rounded-circle menu-button" [title]="user.name">
<span>{{getLetter()}}</span>
<div>
<div (click)="toggle($event)" class="rounded-circle menu-button hidden" [ngClass]="{'hidden':!user}">
<span *ngIf="user"><span [title]="user.name">{{getLetter()}}</span></span>
<div class="menu hidden" [ngClass]="{'hidden':!showMenu}">
<div class="card">
<div class="card" *ngIf="user">
<div class="card-body">
<div class="username">{{user.name}}</div>
<div><a href="#" (click)="logout($event)" i18n>logout</a></div>
</div>
</div>
<router-outlet name="user-menu"></router-outlet>
</div>
</div>
</div>

7
projects/common/src/fm/components/user-menu/user-menu.component.scss
View File

@ -26,8 +26,7 @@ div.menu-button > span {
.card {
padding:0.5rem;
min-width: 10rem;
overflow: hidden;
min-width: 10rem;
}
.username {
@ -43,4 +42,8 @@ div.menu-button > span {
.hidden {
max-height: 0;
}
.menu-button.hidden {
overflow: hidden;
}

2
projects/common/src/fm/components/user-menu/user-menu.component.ts
View File

@ -21,7 +21,7 @@ export class UserMenuComponent implements OnInit {
}
getLetter():string {
return this.user.name ? this.user.name.substr(0,1).toUpperCase():"";
return this.user && this.user.name ? this.user.name.substr(0,1).toUpperCase():"";
}
logout(event:MouseEvent) {