Add help page template

src/app/app-routing.module.ts

@@ -5,6 +5,7 @@ import { HomePageComponent } from './components/home/home-page/home-page.compone
 import { UserHomeComponent } from './components/home/user-home/user-home.component';
 import { ImprintComponent } from './components/shared/imprint/imprint.component';
 import { DataProtectionComponent } from './components/shared/data-protection/data-protection.component';
+import { HelpPageComponent } from './components/shared/help-page/help-page.component';
 
 const routes: Routes = [
   {
@@ -28,6 +29,10 @@ const routes: Routes = [
     path: 'data-protection',
     component: DataProtectionComponent
   },
+  {
+    path: 'help-page',
+    component: HelpPageComponent
+  },
   {
     path: 'creator',
     loadChildren: './components/creator/creator.module#CreatorModule'

src/app/app.module.ts

@@ -44,6 +44,7 @@ import { CommentSettingsService } from './services/http/comment-settings.service
 import { ModeratorModule } from './components/moderator/moderator.module';
 import { ImprintComponent } from './components/shared/imprint/imprint.component';
 import { DataProtectionComponent } from './components/shared/data-protection/data-protection.component';
+import { HelpPageComponent} from './components/shared/help-page/help-page.component';
 
 export function dialogClose(dialogResult: any) {
 }
@@ -65,14 +66,16 @@ export function initializeApp(appConfig: AppConfig) {
     HomeCreatorPageComponent,
     HomeParticipantPageComponent,
     ImprintComponent,
-    DataProtectionComponent
+    DataProtectionComponent,
+    HelpPageComponent
   ],
   entryComponents: [
     RegisterComponent,
     PasswordResetComponent,
     UserActivationComponent,
     DemoVideoComponent,
-    ImprintComponent
+    ImprintComponent,
+    DataProtectionComponent,
   ],
   imports: [
     AppRoutingModule,

src/app/components/shared/footer/footer.component.html

 <footer>
   <mat-toolbar id="footer-toolbar">
-    <button mat-button (click)="navToBlog()" *ngIf="router.url !== '/home'">
+    <button mat-button routerLink="/help-page" *ngIf="router.url !== '/home'">
       <mat-icon>help_outline</mat-icon>
       <span *ngIf="deviceType === 'desktop'">
         {{ 'footer.help' | translate }}

src/app/components/shared/help-page/help-page.component.html

+<div>
+  <p>
+    help works!
+  </p>
+</div>

src/app/components/shared/help-page/help-page.component.scss

+div {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  color: var(--on-surface);
+}

src/app/components/shared/help-page/help-page.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HelpPageComponent } from './help-page.component';
+
+describe('HelpComponent', () => {
+  let component: HelpPageComponent;
+  let fixture: ComponentFixture<HelpPageComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HelpPageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HelpPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/shared/help-page/help-page.component.ts

+import { Component, OnInit } from '@angular/core';
+import { Location } from '@angular/common';
+
+@Component({
+  selector: 'app-help',
+  templateUrl: './help-page.component.html',
+  styleUrls: ['./help-page.component.scss']
+})
+export class HelpPageComponent implements OnInit {
+
+  deviceType: string;
+  constructor(private location: Location) { }
+
+  ngOnInit() {
+  }
+
+  goBack() {
+   this.location.back();
+ }
+}