generated from UMM-CSci-3601/3601-iteration-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.component.html
35 lines (30 loc) · 1.32 KB
/
app.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport [autoFocus]="false">
<mat-toolbar>Navigation</mat-toolbar>
<mat-nav-list class="sidenav-list" role="navigation">
<!-- Side navigation links -->
<a mat-list-item routerLink="/" routerLinkActive="drawer-list-item-active"
#routerLinkActiveInstance="routerLinkActive" [attr.tabindex]="routerLinkActiveInstance.isActive ? 0 : -1"
[routerLinkActiveOptions]="{exact: true}" (click)="drawer.close()">
<mat-icon matListIcon>home</mat-icon>
My Pantry
</a>
<a mat-list-item routerLink="/products" routerLinkActive="drawer-list-item-active" (click)="drawer.close()">
<mat-icon matListIcon>local_dining</mat-icon>
Products
</a>
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content>
<mat-toolbar color="primary">
<button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" onclick="this.blur()"
class="sidenav-button">
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
</button>
<span class="app-title">{{title}}</span>
</mat-toolbar>
<div class="main-content mat-typography">
<router-outlet></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container>