You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.8 KiB
HTML
29 lines
1.8 KiB
HTML
<div fxLayout="row" fxFlex="100" fxLayoutAlign="space-between start">
|
|
<div fxLayoutAlign="start start">
|
|
<div *ngFor="let menuNode of menuNodes">
|
|
<button mat-button *ngIf="undefined === menuNode.children" class="horizontal-button" routerLinkActive="h-active-link" [routerLinkActiveOptions]="{exact: true}" routerLink="{{menuNode.link}}" (click)="onClick(menuNode)">
|
|
<fa-icon [icon]="menuNode.icon" class="fa-icon-small mr-2"></fa-icon>
|
|
<span>{{menuNode.name}}</span>
|
|
</button>
|
|
<div *ngIf="undefined !== menuNode.children" fxLayoutAlign="start start" [matMenuTriggerFor]="childMenu">
|
|
<button mat-button class="horizontal-button">
|
|
<fa-icon [icon]="menuNode.icon" class="fa-icon-small mr-2"></fa-icon>
|
|
<span>{{menuNode.name}}</span>
|
|
</button>
|
|
<mat-menu #childMenu="matMenu" xPosition="after" overlapTrigger="false" class="child-menu">
|
|
<div *ngFor="let childNode of menuNode.children">
|
|
<button mat-button class="horizontal-button bg-primary px-2" fxFlex="100" fxLayoutAlign="start start" [routerLinkActive]="'h-active-link'" routerLink="{{childNode.link}}" [routerLinkActiveOptions]="{exact: true}">
|
|
<fa-icon matTooltip="{{childNode.name}}" [icon]="childNode.icon" class="fa-icon-small mr-2"></fa-icon>
|
|
<span>{{childNode.name}}<span *ngIf="childNode.name === 'Peers/Channels'" [matBadgeHidden]="numPendingChannels<1" matBadge="{{numPendingChannels}}" matBadgeOverlap="false" matBadgeColor="accent"></span></span>
|
|
</button>
|
|
</div>
|
|
</mat-menu>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div fxLayoutAlign="end end" style="align-self: center;">
|
|
<button mat-raised-button fxLayoutAlign="center center" class="horizontal-button-show" tabindex="20" type="click">Show Public Key</button>
|
|
</div>
|
|
</div>
|
|
|