diff --git a/projects/nshmp-template/src/lib/components/navigation/navigation.component.html b/projects/nshmp-template/src/lib/components/navigation/navigation.component.html index c7d2471f62928be7d5fd5aa397918a025ef2cfb6..6ada6dd911324d244454b17e71784f294dc2d651 100644 --- a/projects/nshmp-template/src/lib/components/navigation/navigation.component.html +++ b/projects/nshmp-template/src/lib/components/navigation/navigation.component.html @@ -24,9 +24,19 @@ @let show = navItem?.showInMenu ?? true; @if (show) { - <button mat-menu-item [routerLink]="[navItem.routerLink]" (click)="onClick(navItem)"> - {{ navItem.display }} - </button> + @if (navItem.isHref) { + <a mat-menu-item [href]="navItem.routerLink" (click)="onClick(navItem)"> + {{ navItem.display }} + </a> + } @else { + <button + mat-menu-item + [routerLink]="[navItem.routerLink]" + (click)="onClick(navItem)" + > + {{ navItem.display }} + </button> + } } } </mat-menu> @@ -36,9 +46,15 @@ @let show = navItem?.showInMenu ?? true; @if (show) { - <button mat-menu-item [routerLink]="[navItem.routerLink]" (click)="onClick(navItem)"> - {{ navItem.display }} - </button> + @if (navItem.isHref) { + <a mat-menu-item [href]="navItem.routerLink" (click)="onClick(navItem)"> + {{ navItem.display }} + </a> + } @else { + <button mat-menu-item [routerLink]="[navItem.routerLink]" (click)="onClick(navItem)"> + {{ navItem.display }} + </button> + } } } } diff --git a/projects/nshmp-template/src/lib/models/navigation.model.ts b/projects/nshmp-template/src/lib/models/navigation.model.ts index 584a8da889557468fbb02b889872f43c23b5f4f2..7f1bc0648eb7fd969fd4f68685b155cef681535e 100644 --- a/projects/nshmp-template/src/lib/models/navigation.model.ts +++ b/projects/nshmp-template/src/lib/models/navigation.model.ts @@ -8,6 +8,9 @@ export interface Navigation { /** Router link for navigation */ routerLink: string; + /** Is full url */ + isHref?: boolean; + /** * Whether to show in dashboard. *