You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
3.0 KiB
65 lines
3.0 KiB
<!-- <app-tabbar></app-tabbar> --> |
|
<mat-sidenav-container class="example-container" autosize [class.myapp-dark-theme]="darktheme"> |
|
<mat-sidenav #drawer class="example-sidenav" mode="side" opened="true" color="primary" style="overflow-x: hidden;"> |
|
<div class="biglogobox"> |
|
<img src="../../assets/images/biglogo.png" alt=""> |
|
</div> |
|
<div class="navbox"> |
|
<mat-accordion multi> |
|
<div *ngFor="let item of treedata"> |
|
<mat-expansion-panel *ngIf="item.children"> |
|
<mat-expansion-panel-header> |
|
<mat-panel-title> |
|
<mat-icon style="vertical-align: top;font-size: 20px;" *ngIf="!item.parentId">{{item.icon}}</mat-icon>{{item.name}} |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
|
|
<ul> |
|
<li *ngFor="let i of item.children"> |
|
<div *ngIf="i.children"> |
|
|
|
<mat-expansion-panel> |
|
<mat-expansion-panel-header style="height: 48px;padding-left: 52px;"> |
|
<mat-panel-title class="superdiv"> |
|
{{i.name}} |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
<ul> |
|
<li style="padding-left: 66px;" *ngFor="let n of i.children" routerLink={{n.url}} routerLinkActive="router-link-active"> {{n.name}}</li> |
|
</ul> |
|
</mat-expansion-panel> |
|
</div> |
|
|
|
<div class="commondiv" *ngIf="!i.children" routerLink= {{i.url}} routerLinkActive="router-link-active"> |
|
|
|
{{i.name}} |
|
</div> |
|
|
|
</li> |
|
</ul> |
|
|
|
</mat-expansion-panel> |
|
<mat-expansion-panel *ngIf="!item.children" disabled routerLink={{item.url}} routerLinkActive="router-link-active"> |
|
<mat-expansion-panel-header> |
|
<mat-panel-title style="color: white;"> |
|
<mat-icon style="vertical-align: top;font-size: 20px;" *ngIf="!item.parentId">{{item.icon}}</mat-icon>{{item.name}} |
|
</mat-panel-title> |
|
</mat-expansion-panel-header> |
|
</mat-expansion-panel> |
|
|
|
</div> |
|
</mat-accordion> |
|
</div> |
|
</mat-sidenav> |
|
|
|
<button type="button" mat-button (click)="drawer.toggle()" class="shownav"> |
|
<mat-icon style="color:white;">menu</mat-icon> |
|
</button> |
|
|
|
<div class="example-sidenav-content"> |
|
<app-tabbar (toggleDarkTheme)="switchTheme($event)" (defaulttheme)="defaulttheme()" (redtheme)="redtheme()"></app-tabbar> |
|
<!-- <router-outlet></router-outlet> --> |
|
</div> |
|
|
|
</mat-sidenav-container> |
|
<!-- <app-footer [class.myapp-dark-theme]="darktheme"></app-footer> -->
|
|
|