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
  12       </div>
  13     </mat-toolbar-row>
  14
  15     <!-- <mat-toolbar-row>
  16       <span style="font-size: 12px;">SimpleCRM helps you easily manage your contacts</span>
  17     </mat-toolbar-row> -->
  18   </mat-toolbar>
  19
  20   <mat-sidenav-container>
  21     <mat-sidenav #sidenav>
  22       <mat-nav-list>
  23
  24         <a mat-list-item [routerLink]="'/dataupload'"> Data Upload </a>
  25         <a mat-list-item [routerLink]="'/datamonitor'"> Data Monitor </a>
  26
  27       </mat-nav-list>
  28     </mat-sidenav>
  29     <mat-sidenav-content>
  30       <div style="height: 88vh;">
  31
  32         <router-outlet></router-outlet>
  33       </div>
  34     </mat-sidenav-content>
  35   </mat-sidenav-container>