repository to manage all files related to the makeathon farm bot project (Software + Documentation).
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.

app.component.html 1.1KB

1234567891011121314151617181920212223242526272829303132333435
  1. <html class="container">
  2. <header>
  3. <div class="menu-item">
  4. <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
  5. <mat-icon class="icon-menu">menu</mat-icon>
  6. </button>
  7. <mat-menu #menu="matMenu">
  8. <button mat-menu-item routerLink="/home" (click)="onMenuSelect('Home')">
  9. <mat-icon>micro</mat-icon>
  10. <span>Home</span>
  11. </button>
  12. <button mat-menu-item routerLink="/map" (click)="onMenuSelect('Map')">
  13. <mat-icon>public</mat-icon>
  14. <span>Map</span>
  15. </button>
  16. <button mat-menu-item routerLink="plants" (click)="onMenuSelect('Plants')">
  17. <mat-icon>grass</mat-icon>
  18. <span>Plants</span>
  19. </button>
  20. <button mat-menu-item routerLink="robot" (click)="onMenuSelect('Robot')">
  21. <mat-icon>android</mat-icon>
  22. <span>Robot</span>
  23. </button>
  24. </mat-menu>
  25. </div>
  26. <p class="header-item">{{header}}</p>
  27. <img class="img-item" src="assets/images/logo.png" alt="not available">
  28. </header>
  29. <body>
  30. <router-outlet></router-outlet>
  31. </body>
  32. </html>