diff --git a/src/app/pages/answers/answers.component.html b/src/app/pages/answers/answers.component.html
index 8014ef37..65bbdc4d 100644
--- a/src/app/pages/answers/answers.component.html
+++ b/src/app/pages/answers/answers.component.html
@@ -8,9 +8,10 @@
-
+ class="answer-item">
@@ -19,7 +20,7 @@
Voyons ce que ça donne
diff --git a/src/app/pages/answers/answers.component.ts b/src/app/pages/answers/answers.component.ts
index adc9d872..a17b1a15 100644
--- a/src/app/pages/answers/answers.component.ts
+++ b/src/app/pages/answers/answers.component.ts
@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
import {BaseComponent} from '../base-page/base.component';
import {ConfigService} from '../../config.service';
@@ -9,9 +9,10 @@ import {ConfigService} from '../../config.service';
})
export class AnswersComponent extends BaseComponent implements OnInit {
- private answerList=[];
+ private answerList = [];
- constructor(config: ConfigService) {
+ constructor(config: ConfigService,
+ private cd: ChangeDetectorRef) {
super(config);
this.answerList = this.config.answers;
}
@@ -20,13 +21,26 @@ export class AnswersComponent extends BaseComponent implements OnInit {
ngOnInit() {
}
- trackFunction(index: number, item: any): number { return item.id; }
+ trackFunction(index: number, item: any): number {
+ return item.id;
+ }
+
+ addAnswer() {
+ this.config.answers.push(
+ {
+ id: this.config.answers.length + 1,
+ text: ''
+ });
+ this.cd.detectChanges(); // to refresh the view before focusing on the new input
+ const AnswersDomToFocus = document.querySelectorAll('.answers .answer');
+ AnswersDomToFocus[AnswersDomToFocus.length - 1].focus();
+ }
// add a new answer on the press of ENTER in an input
addWhenEnterKey(event) {
console.log('event', event);
if (event.keyCode === 13) {
- this.config.addAnswer();
+ this.addAnswer();
}
return;
}
diff --git a/src/app/pages/pictures/pictures.component.html b/src/app/pages/pictures/pictures.component.html
index 712bbaa7..5e1fcaf8 100644
--- a/src/app/pages/pictures/pictures.component.html
+++ b/src/app/pages/pictures/pictures.component.html
@@ -1,3 +1,5 @@
Images
+ok
+
diff --git a/src/app/pages/resume/resume.component.html b/src/app/pages/resume/resume.component.html
index c99efdd8..adf36993 100644
--- a/src/app/pages/resume/resume.component.html
+++ b/src/app/pages/resume/resume.component.html
@@ -3,5 +3,8 @@
TODO
+
+ {{config |json}}
+
C'est parfait!
diff --git a/src/assets/_global_layout.scss b/src/assets/_global_layout.scss
index 7fa6cfe8..1bd5eafe 100644
--- a/src/assets/_global_layout.scss
+++ b/src/assets/_global_layout.scss
@@ -36,6 +36,9 @@ textarea {
.btn-block {
display: block;
+ font-weight: 600;
+ font-size: 1.25em;
+ text-align: center;
}
a {