36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
|
<!--
|
||
|
|
|
||
|
|
Copyright © 2016-2023 The Thingsboard Authors
|
||
|
|
|
||
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
you may not use this file except in compliance with the License.
|
||
|
|
You may obtain a copy of the License at
|
||
|
|
|
||
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
|
||
|
|
Unless required by applicable law or agreed to in writing, software
|
||
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
See the License for the specific language governing permissions and
|
||
|
|
limitations under the License.
|
||
|
|
|
||
|
|
-->
|
||
|
|
<div fxFlex fxLayout="column">
|
||
|
|
<nav mat-tab-nav-bar backgroundColor="primary" class="tb-router-tabs">
|
||
|
|
<a *ngFor="let tab of tabs$ | async"
|
||
|
|
routerLink="{{tab.path}}"
|
||
|
|
routerLinkActive
|
||
|
|
#rla="routerLinkActive"
|
||
|
|
mat-tab-link
|
||
|
|
[ngClass]="{'tb-active': rla.isActive}"
|
||
|
|
[active]="rla.isActive">
|
||
|
|
<mat-icon *ngIf="!tab.isMdiIcon && tab.icon !== null" class="tb-mat-18">{{tab.icon}}</mat-icon>
|
||
|
|
<mat-icon *ngIf="tab.isMdiIcon && tab.icon !== null" [svgIcon]="tab.icon" class="tb-mat-18"></mat-icon>
|
||
|
|
<span>{{tab.name | translate}}</span>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
<div fxFlex fxLayout="column" class="tb-router-tabs-content">
|
||
|
|
<router-outlet (activate)="activeComponentChanged($event)"></router-outlet>
|
||
|
|
</div>
|
||
|
|
</div>
|