adjust Title and browser-tab title and add white bike-logo

projects/project-3/frontend/src/app/app.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',
@@ -6,5 +7,8 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'frontend';
+
+  public constructor(private title: Title) {
+    this.title.setTitle('Bike Stations in London');
+  }
 }

projects/project-3/frontend/src/app/dashboard/dashboard.component.html

@@ -1,6 +1,6 @@
 <meta content="width=device-width, initial-scale=1.0" name="viewport">
 <mat-toolbar class="toolbar" color="primary">
-  <span routerLink="/" id="logo">Bike Stations in London</span>
+  <span id="logo" routerLink="/"><img alt="" class="mx-2 mb-1" height="40" src="../../assets/Logo.png">Bike Stations in London</span>
   <span class="spacer"></span>
   <a color="primary"
      href="https://gitlab.com/marcel.schwarz/geovisualisierung/-/wikis/Projektarbeit%203"

projects/project-3/frontend/src/app/map/map.component.html

@@ -1,6 +1,6 @@
 <div class="myApp">
   <mat-toolbar class="mat-toolbar" color="primary">
-    <span routerLink="/" id="logo">Bike Stations in London</span>
+    <span routerLink="/" id="logo"><img alt="" src="../../assets/Logo.png" height="40" class="mx-2 mb-1">Bike Stations in London</span>
     <span class="toolbar-spacer"></span>
     <app-auto-refresh></app-auto-refresh>
     <a class="button-wiki" color="primary"