|
1 | 1 | <fs-nav-frame [navFrameConfig]="navFrameConfig" [navRoutes]="navRoutes">
|
2 | 2 | <fs-nav-frame-toolbar>
|
3 |
| - <!-- <ng-template #tbcontent>hallo</ng-template> --> |
4 | 3 | <fs-nav-frame-toolbar-start>Current App Title</fs-nav-frame-toolbar-start>
|
5 | 4 |
|
6 | 5 | <fs-nav-frame-toolbar-center>
|
|
26 | 25 | </fs-nav-frame-toolbar>
|
27 | 26 |
|
28 | 27 | <fs-nav-frame-sidebar>
|
29 |
| - <fs-nav-frame-sidebar-item routerLink="home"> |
30 |
| - <mat-icon class="icon">home</mat-icon> |
31 |
| - <span class="title">Home</span> |
| 28 | + |
| 29 | + <fs-nav-frame-sidebar-item *ngFor="let route of navRoutes" routerLink="{{route.path}}"> |
| 30 | + <mat-icon class="icon">{{route.icon}}</mat-icon> |
| 31 | + <span class="title">{{route.title}}</span> |
32 | 32 | </fs-nav-frame-sidebar-item>
|
33 |
| - <fs-nav-frame-sidebar-item routerLink="nav-frame"> |
34 |
| - <mat-icon class="icon">pivot_table_chart</mat-icon> |
35 |
| - <span class="title">Nav Frame</span> |
36 |
| - </fs-nav-frame-sidebar-item> |
37 |
| - |
38 |
| - <!-- <fs-nav-frame-sidebar-item routerLink="home"></fs-nav-frame-sidebar-item> |
39 | 33 |
|
40 |
| - <fs-nav-frame-sidebar-item routerLink="nav-frame"> |
41 |
| - <fs-sidebar-item-icon> |
42 |
| - <mat-icon>pivot_table_chart</mat-icon> |
43 |
| - </fs-sidebar-item-icon> |
44 |
| - <fs-sidebar-item-title>Nav Frame</fs-sidebar-item-title> |
45 |
| - </fs-nav-frame-sidebar-item> --> |
46 | 34 | </fs-nav-frame-sidebar>
|
47 | 35 |
|
48 |
| - <!-- <fs-nav-frame-sidebar> --> |
49 | 36 | <fs-nav-user-profile >
|
50 | 37 | <!-- profilePicture="https://material.angular.io/assets/img/examples/shiba1.jpg" -->
|
51 | 38 | <fs-nav-user-profile-name>Some User</fs-nav-user-profile-name>
|
|
60 | 47 | </button>
|
61 | 48 | </fs-nav-user-profile-actions>
|
62 | 49 | </fs-nav-user-profile>
|
63 |
| - <!-- </fs-nav-frame-sidebar> --> |
64 | 50 |
|
65 | 51 | <fs-nav-frame-content>
|
66 | 52 | <router-outlet></router-outlet>
|
|
0 commit comments