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