machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #5329 from mempool/nymkappa/external-menu-link

Browse Source 
[menu] link can be external
This commit is contained in:
wiz 2024-07-13 16:01:10 +09:00 committed by GitHub
commit 1d827a9724
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/components/menu/menu.component.html
View File

@ -34,7 +34,12 @@
<li class="nav-item d-flex justify-content-start align-items-center menu-click"> <li class="nav-item d-flex justify-content-start align-items-center menu-click">
<fa-icon class="menu-click" [icon]="['fas', item.faIcon]" [fixedWidth]="true"></fa-icon> <fa-icon class="menu-click" [icon]="['fas', item.faIcon]" [fixedWidth]="true"></fa-icon>
<button *ngIf="item.link === 'logout'" class="btn nav-link menu-click" role="tab" (click)="logout()">{{ item.title }}</button> <button *ngIf="item.link === 'logout'" class="btn nav-link menu-click" role="tab" (click)="logout()">{{ item.title }}</button>
<a *ngIf="item.title !== 'Logout'" class="nav-link menu-click" [routerLink]="[item.link]" role="tab">{{ item.title }}</a> <a *ngIf="item.title !== 'Logout'" class="nav-link menu-click" [routerLink]="[item.link]" role="tab">
{{ item.title }}
@if (item.isExternal === true) {
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="margin-left: 5px; font-size: 13px; color: lightgray"></fa-icon>
}
</a>
</li> </li>
</ul> </ul>
</div> </div>

1
frontend/src/app/interfaces/services.interface.ts
View File

@ -5,6 +5,7 @@ export type MenuItem = {
i18n: string; i18n: string;
faIcon: IconName; faIcon: IconName;
link: string; link: string;
isExternal?: boolean;
}; };
export type MenuGroup = { export type MenuGroup = {
title: string; title: string;