From f66118726f566dcdfcd003830d73d92454729212 Mon Sep 17 00:00:00 2001 From: Vitaliy Date: Wed, 29 Nov 2017 22:01:09 +0200 Subject: [PATCH 1/5] Add back button and modal --- src/app/app.module.ts | 4 ++- .../back-button/back-button.component.html | 1 + .../back-button/back-button.component.scss | 18 +++++++++++++ .../back-button/back-button.component.ts | 27 +++++++++++++++++++ 4 files changed, 49 insertions(+), 1 deletion(-) create mode 100644 src/app/shared/components/back-button/back-button.component.html create mode 100644 src/app/shared/components/back-button/back-button.component.scss create mode 100644 src/app/shared/components/back-button/back-button.component.ts diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 1fc8a04..6777f9e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -35,6 +35,7 @@ import { TestInfoComponent } from './pages/test/test-info/test-info.component'; import { ListPageComponent } from './pages/layout/list-page/list-page.component'; import { QuestionForRespondentComponent } from './pages/test/question-for-respondent/question-for-respondent.component'; import { AnswerComponent } from './pages/test/question-for-respondent/answer/answer.component'; +import { BackButtonComponent } from './shared/components/back-button/back-button.component'; @NgModule({ @@ -65,7 +66,8 @@ import { AnswerComponent } from './pages/test/question-for-respondent/answer/ans TestInfoComponent, ListPageComponent, QuestionForRespondentComponent, - AnswerComponent + AnswerComponent, + BackButtonComponent ], imports: [ BrowserModule, diff --git a/src/app/shared/components/back-button/back-button.component.html b/src/app/shared/components/back-button/back-button.component.html new file mode 100644 index 0000000..330f67a --- /dev/null +++ b/src/app/shared/components/back-button/back-button.component.html @@ -0,0 +1 @@ + diff --git a/src/app/shared/components/back-button/back-button.component.scss b/src/app/shared/components/back-button/back-button.component.scss new file mode 100644 index 0000000..ac889c7 --- /dev/null +++ b/src/app/shared/components/back-button/back-button.component.scss @@ -0,0 +1,18 @@ +@import 'src/assets/styles/colors'; +@import 'src/assets/styles/fonts'; + +.back-button { + text-decoration: none; + vertical-align: top; + padding: 0 25px; + line-height: 61px; + height: 100%; + background-color: #dbcd0f; + font-family: $font-main; + font-size: 20px; + color: #ffffff; + border: none; + text-align: center; + display: inline-block; + cursor: pointer; +} diff --git a/src/app/shared/components/back-button/back-button.component.ts b/src/app/shared/components/back-button/back-button.component.ts new file mode 100644 index 0000000..01002fe --- /dev/null +++ b/src/app/shared/components/back-button/back-button.component.ts @@ -0,0 +1,27 @@ +import { Component, OnInit } from '@angular/core'; +import { Location } from '@angular/common'; +import { ActivatedRoute } from '@angular/router'; + +@Component({ + selector: 'pt-back-button', + templateUrl: './back-button.component.html', + styleUrls: ['./back-button.component.scss'], + +}) +export class BackButtonComponent implements OnInit { + + get shoudShowSelf(): boolean { + return this.route.snapshot.url[0].path !== 'all-tests'; + } + + constructor(private location: Location, private route: ActivatedRoute) { } + + ngOnInit() { + } + + handleClick(event) { + event.stopPropagation(); + + this.location.back(); + } +} From ec5578ceff0bcad76970c358835e7f2f1b737fba Mon Sep 17 00:00:00 2001 From: Vitaliy Date: Wed, 29 Nov 2017 22:13:18 +0200 Subject: [PATCH 2/5] Add back button and edit modal --- .../navigation-buttons.component.html | 1 + .../components/modal/modal.component.html | 3 +++ .../components/modal/modal.component.scss | 26 +++++++++++-------- .../components/modal/modal.component.ts | 4 ++- 4 files changed, 22 insertions(+), 12 deletions(-) diff --git a/src/app/shared/components/header/navigation-buttons/navigation-buttons.component.html b/src/app/shared/components/header/navigation-buttons/navigation-buttons.component.html index 16c67d1..46fddfc 100644 --- a/src/app/shared/components/header/navigation-buttons/navigation-buttons.component.html +++ b/src/app/shared/components/header/navigation-buttons/navigation-buttons.component.html @@ -1,4 +1,5 @@