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>SimpleCRM</h1>
7 <span class="menu-spacer"></span>
8 <div>
9 <a mat-button [routerLink]="'/accounts'"> Accounts </a>
10 <a mat-button [routerLink]="'/create-account'"> Create Account </a>
11 <a mat-button [routerLink]="'/contacts'"> Contacts </a>
12 <a mat-button [routerLink]="'/create-contact'"> Create Contact </a>
13 <a mat-button [routerLink]="'/activities'"> Activities </a>
14 <a mat-button [routerLink]="'/create-activity'"> Create Activity </a>
15
16 </div>
17 </mat-toolbar-row>
18
19 <mat-toolbar-row>
20 <span style="font-size: 12px;">SimpleCRM helps you easily manage your contacts</span>
21 </mat-toolbar-row>
22</mat-toolbar>
23
24
1<mat-sidenav-container>
2 <mat-sidenav #sidenav>
3 <mat-nav-list>
4
5 <a mat-list-item [routerLink]="'/accounts'"> Accounts </a>
6 <a mat-list-item [routerLink]="'/create-account'"> Create Account </a>
7 <a mat-list-item [routerLink]="'/contacts'"> Contacts </a>
8 <a mat-list-item [routerLink]="'/create-contact'"> Create Contact </a>
9 <a mat-list-item [routerLink]="'/activities'"> Activities </a>
10 <a mat-list-item [routerLink]="'/create-activity'"> Create Activity </a>
11 <a mat-list-item (click)="sidenav.toggle()" href="" mat-list-item>Close</a>
12
13 </mat-nav-list>
14 </mat-sidenav>
15 <mat-sidenav-content>
16 <div style="height: 88vh;">
17
18 <router-outlet></router-outlet>
19 </div>
20 </mat-sidenav-content>
21</mat-sidenav-container>
22