1234567891011121314151617181920212223242526272829303132333435 |
- <html class="container">
-
- <header>
- <div class="menu-item">
- <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
- <mat-icon class="icon-menu">menu</mat-icon>
- </button>
- <mat-menu #menu="matMenu">
- <button mat-menu-item routerLink="/home" (click)="onMenuSelect('Home')">
- <mat-icon>micro</mat-icon>
- <span>Home</span>
- </button>
- <button mat-menu-item routerLink="/map" (click)="onMenuSelect('Map')">
- <mat-icon>public</mat-icon>
- <span>Map</span>
- </button>
- <button mat-menu-item routerLink="plants" (click)="onMenuSelect('Plants')">
- <mat-icon>grass</mat-icon>
- <span>Plants</span>
- </button>
- <button mat-menu-item routerLink="robot" (click)="onMenuSelect('Robot')">
- <mat-icon>android</mat-icon>
- <span>Robot</span>
- </button>
- </mat-menu>
- </div>
- <p class="header-item">{{header}}</p>
- <img class="img-item" src="assets/images/logo.png" alt="not available">
- </header>
-
- <body>
- <router-outlet></router-outlet>
- </body>
-
- </html>
|