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.
66 lines
3.0 KiB
66 lines
3.0 KiB
4 years ago
|
<!-- <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> -->
|