|
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