Fixes profile/login menu on mobile mode
This commit is contained in:
parent
f8753de83a
commit
aa35725823
|
@ -8,9 +8,14 @@
|
||||||
<div class="icon-bar3"></div>
|
<div class="icon-bar3"></div>
|
||||||
</div>
|
</div>
|
||||||
<a class="logo" [routerLink]="['home']"><img src="../../../assets/splash/assets/img/argos-logo-2.svg"></a>
|
<a class="logo" [routerLink]="['home']"><img src="../../../assets/splash/assets/img/argos-logo-2.svg"></a>
|
||||||
<button class="navbar-toggler ml-auto" type="button" [matMenuTriggerFor]="toggleMenu" (mouseenter)="openMyMenu()">
|
|
||||||
|
<div class="navbar-toggler ml-auto" *ngIf="isAuthenticated();else loginoption">
|
||||||
|
<img mat-card-avatar class="my-mat-card-avatar" [src]="this.getPrincipalAvatar()" (error)="this.applyFallbackAvatar($event)" [matMenuTriggerFor]="toggleMenu" [matTooltip]="this.getPrincipalName()">
|
||||||
|
</div>
|
||||||
|
<!-- <button class="navbar-toggler ml-auto" type="button" [matMenuTriggerFor]="toggleMenu" (mouseenter)="openMyMenu()">
|
||||||
<mat-icon class="toggle-icon">view_headline</mat-icon>
|
<mat-icon class="toggle-icon">view_headline</mat-icon>
|
||||||
</button>
|
</button> -->
|
||||||
|
|
||||||
<div class="collapse navbar-collapse justify-content-end" id="navigation">
|
<div class="collapse navbar-collapse justify-content-end" id="navigation">
|
||||||
|
|
||||||
<div class="col-md-auto" *ngIf="!(isAuthenticated() && onInvalidUrl())">
|
<div class="col-md-auto" *ngIf="!(isAuthenticated() && onInvalidUrl())">
|
||||||
|
@ -44,12 +49,13 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<mat-menu #toggleMenu="matMenu">
|
<mat-menu #toggleMenu="matMenu">
|
||||||
<div *ngIf="!(isAuthenticated() && onInvalidUrl())" (mouseleave)="closeMyMenu()">
|
<div *ngIf="!(isAuthenticated() && onInvalidUrl())">
|
||||||
|
<!-- <div *ngIf="!(isAuthenticated() && onInvalidUrl())" (mouseleave)="closeMyMenu()"> -->
|
||||||
<ul class="list m-2">
|
<ul class="list m-2">
|
||||||
<li *ngIf="isAuthenticated();else loginoption" class="d-flex justify-content-center avatar">
|
<!-- <li *ngIf="isAuthenticated();else loginoption" class="d-flex justify-content-center avatar"> -->
|
||||||
<img mat-card-avatar class="my-mat-card-avatar" [src]="this.getPrincipalAvatar()" (error)="this.applyFallbackAvatar($event)" (click)="openProfile()" [matTooltip]="this.getPrincipalName()">
|
<!-- <img mat-card-avatar class="my-mat-card-avatar" [src]="this.getPrincipalAvatar()" (error)="this.applyFallbackAvatar($event)" (click)="openProfile()" [matTooltip]="this.getPrincipalName()"> -->
|
||||||
<!--<img mat-card-avatar class="my-mat-card-avatar" *ngIf="!this.principalHasAvatar()" [src]="this.getDefaultAvatar()" (click)="openProfile()"> -->
|
<!--<img mat-card-avatar class="my-mat-card-avatar" *ngIf="!this.principalHasAvatar()" [src]="this.getDefaultAvatar()" (click)="openProfile()"> -->
|
||||||
</li>
|
<!-- </li> -->
|
||||||
<ng-template #loginoption>
|
<ng-template #loginoption>
|
||||||
<li class="d-flex justify-content-center avatar">
|
<li class="d-flex justify-content-center avatar">
|
||||||
<button mat-button [routerLink]=" ['/login'] " class="d-flex justify-content-center">
|
<button mat-button [routerLink]=" ['/login'] " class="d-flex justify-content-center">
|
||||||
|
@ -59,7 +65,7 @@
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<li class="ml-3 d-flex justify-content-around align-items-center" (click)="$event.stopPropagation()">
|
<li class="ml-3 d-flex justify-content-around align-items-center" (click)="$event.stopPropagation()">
|
||||||
<a class="faq-title" (click)="openFaqDialog()"><b>{{ 'FAQ.TITLE' | translate }}</b></a>
|
<a class="faq-title" (click)="openFaqDialog()"><b>{{ 'FAQ.TITLE' | translate }}</b></a>
|
||||||
<button mat-button [matMenuTriggerFor]="languageMenu" class="ml-3 p-0 lang">
|
<button mat-button [matMenuTriggerFor]="languageMenu" class="ml-3 p-0 lang" (click)="$event.stopPropagation();">
|
||||||
<mat-icon class="mr-2">language</mat-icon><span class="text-uppercase">{{selectedLanguage}}</span>
|
<mat-icon class="mr-2">language</mat-icon><span class="text-uppercase">{{selectedLanguage}}</span>
|
||||||
<mat-icon>arrow_drop_down</mat-icon>
|
<mat-icon>arrow_drop_down</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -37,7 +37,7 @@ export class NavbarComponent extends BaseComponent implements OnInit {
|
||||||
selectedLanguage = 'en';
|
selectedLanguage = 'en';
|
||||||
private user: UserListingModel;
|
private user: UserListingModel;
|
||||||
@Output() sidebarToggled: EventEmitter<any> = new EventEmitter();
|
@Output() sidebarToggled: EventEmitter<any> = new EventEmitter();
|
||||||
@ViewChild(MatMenuTrigger, {static: false}) trigger: MatMenuTrigger;
|
@ViewChild(MatMenuTrigger, { static: false }) trigger: MatMenuTrigger;
|
||||||
|
|
||||||
constructor(location: Location,
|
constructor(location: Location,
|
||||||
private element: ElementRef,
|
private element: ElementRef,
|
||||||
|
|
Loading…
Reference in New Issue