30 lines
749 B
HTML
30 lines
749 B
HTML
<mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
|
|
<router-outlet></router-outlet>
|
|
</mat-tab-nav-panel>
|
|
|
|
<nav
|
|
mat-align-tabs="center"
|
|
mat-tab-nav-bar
|
|
[disablePagination]="true"
|
|
[tabPanel]="tabPanel"
|
|
>
|
|
<ng-container *ngFor="let tab of tabs">
|
|
<a
|
|
#rla="routerLinkActive"
|
|
*ngIf="tab.showCondition !== false"
|
|
class="no-min-width px-3"
|
|
mat-tab-link
|
|
routerLinkActive
|
|
[active]="rla.isActive"
|
|
[routerLink]="tab.path"
|
|
[routerLinkActiveOptions]="{ exact: true }"
|
|
>
|
|
<ion-icon
|
|
[name]="tab.iconName"
|
|
[size]="deviceType === 'mobile' ? 'large' : 'small'"
|
|
/>
|
|
<div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
|
|
</a>
|
|
</ng-container>
|
|
</nav>
|