example-apps/ROBO/RoboUI/src/app/app.component.html

   1 <mat-toolbar color="primary">
   2     <mat-toolbar-row>
   3       <button mat-icon-button>
   4         <mat-icon (click)="sidenav.toggle()">menu</mat-icon>
   5       </button>
   6       <h1>ROBO Usecase</h1>
   7       <span class="menu-spacer"></span>
   8       <div>
   9         <a mat-button [routerLink]="'/dataupload'"> Data Upload </a>
  10         <a mat-button [routerLink]="'/datamonitor'"> Data Monitor </a>
  11         <a mat-button [routerLink]="'/backuprestore'"> Backup and Restore</a>
  12       </div>
  13     </mat-toolbar-row>
  14   </mat-toolbar>
  15   <mat-sidenav-container>
  16     <mat-sidenav #sidenav>
  17       <mat-nav-list>
  18         <a mat-list-item [routerLink]="'/dataupload'"> Data Upload </a>
  19         <a mat-list-item [routerLink]="'/datamonitor'"> Data Monitor </a>
  20         <a mat-list-item [routerLink]="'/backuprestore'"> Backup and Restore </a>
  21       </mat-nav-list>
  22     </mat-sidenav>
  23     <mat-sidenav-content>
  24       <div style="height: 88vh;">
  25         <router-outlet></router-outlet>
  26       </div>
  27     </mat-sidenav-content>
  28   </mat-sidenav-container>