diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index d282c7755e44b75b68f4e144a662724919d6e6d9..f9db5d4619b63dca4da639c32cced6dbf240014d 100644 --- a/src/app/app-routing.module.ts +++ b/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' diff --git a/src/app/app.module.ts b/src/app/app.module.ts index e83a62b6a8b2d4511dbe4f993132570830942816..06f16ff35b52735140fba3b67258750ab038d7ef 100644 --- a/src/app/app.module.ts +++ b/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, diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html index 9234d42b3ba77f1d6c0a1f7cd27e3782ec5c94ed..aa5a370e16d5125251821fd5054fbd26c19eeba1 100644 --- a/src/app/components/shared/footer/footer.component.html +++ b/src/app/components/shared/footer/footer.component.html @@ -1,6 +1,6 @@ <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 }} diff --git a/src/app/components/shared/help-page/help-page.component.html b/src/app/components/shared/help-page/help-page.component.html new file mode 100644 index 0000000000000000000000000000000000000000..521c7b59baefebaefe30fa6f18e9a1fca35b9673 --- /dev/null +++ b/src/app/components/shared/help-page/help-page.component.html @@ -0,0 +1,5 @@ +<div> + <p> + help works! + </p> +</div> diff --git a/src/app/components/shared/help-page/help-page.component.scss b/src/app/components/shared/help-page/help-page.component.scss new file mode 100644 index 0000000000000000000000000000000000000000..eb3202759b41c09def2090b5c643485c323c2cfb --- /dev/null +++ b/src/app/components/shared/help-page/help-page.component.scss @@ -0,0 +1,4 @@ +div { + font-family: Roboto, "Helvetica Neue", sans-serif; + color: var(--on-surface); +} diff --git a/src/app/components/shared/help-page/help-page.component.spec.ts b/src/app/components/shared/help-page/help-page.component.spec.ts new file mode 100644 index 0000000000000000000000000000000000000000..ac410fdd883afa6965b29358c40ce801ec69b96e --- /dev/null +++ b/src/app/components/shared/help-page/help-page.component.spec.ts @@ -0,0 +1,25 @@ +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(); + }); +}); diff --git a/src/app/components/shared/help-page/help-page.component.ts b/src/app/components/shared/help-page/help-page.component.ts new file mode 100644 index 0000000000000000000000000000000000000000..9eef4d5799b4a508e33670d2fd9d1b7397d95510 --- /dev/null +++ b/src/app/components/shared/help-page/help-page.component.ts @@ -0,0 +1,20 @@ +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(); + } +}