diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 40ddd87..18cb82e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -29,7 +29,7 @@ export class AppComponent {
children: [
{
displayName: 'Lastenräder',
- iconName: 'group',
+ iconName: 'directions_bike',
route: 'table/bikes'
},
{
@@ -39,7 +39,7 @@ export class AppComponent {
},
{
displayName: 'Standorte',
- iconName: 'group',
+ iconName: 'place',
route: 'table/lendingStations'
}]
}];
diff --git a/src/app/components/data-page/data-page.component.html b/src/app/components/data-page/data-page.component.html
index 867f760..e2ff041 100644
--- a/src/app/components/data-page/data-page.component.html
+++ b/src/app/components/data-page/data-page.component.html
@@ -8,8 +8,9 @@
-
+
{{ data[headlineDataPath] }}
+ {{headlineIconName}}
diff --git a/src/app/components/data-page/data-page.component.scss b/src/app/components/data-page/data-page.component.scss
index a4e4b8a..c3961fe 100644
--- a/src/app/components/data-page/data-page.component.scss
+++ b/src/app/components/data-page/data-page.component.scss
@@ -29,3 +29,11 @@
top: 2em;
right: 2em;
}
+
+.headline {
+ display: flex;
+ align-items: center;
+ .mat-icon {
+ margin-left: 8px;
+ }
+}
\ No newline at end of file
diff --git a/src/app/components/data-page/data-page.component.ts b/src/app/components/data-page/data-page.component.ts
index f0c8af6..160decb 100644
--- a/src/app/components/data-page/data-page.component.ts
+++ b/src/app/components/data-page/data-page.component.ts
@@ -47,9 +47,12 @@ export class DataPageComponent implements OnInit, OnDestroy {
@Input()
dataService: any;
+ /** specifies which property should be shown in the headline */
@Input()
headlineDataPath: string;
@Input()
+ headlineIconName: string = "help_outline";
+ @Input()
pageDataGQLType: string;
@Input()
pageDataGQLUpdateInputType: string;
diff --git a/src/app/components/table/table.component.html b/src/app/components/table/table.component.html
index cf3b86c..d151df6 100644
--- a/src/app/components/table/table.component.html
+++ b/src/app/components/table/table.component.html
@@ -1,6 +1,7 @@
{{ headline }}
+ {{headlineIconName}}