feat: added instructions (#134)

cognitive-neuroscience · Jul 11, 2024 · 7e7f1db · 7e7f1db
1 parent dcc5235
commit 7e7f1db
Show file tree

Hide file tree

Showing 17 changed files with 22 additions and 5 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -5,5 +5,6 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "[typescript]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"
-    }
+    },
+    "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/src/app/pages/tasks/task-playables/task-display/task-display.component.html b/src/app/pages/tasks/task-playables/task-display/task-display.component.html
@@ -43,5 +43,7 @@ <h3 *ngIf="subtitle" class="subtitle" [innerHTML]="subtitle"></h3>
         [isStart]="buttonConfig.isStart"
         [previousDisabled]="buttonConfig.previousDisabled"
         [nextDisabled]="buttonConfig.nextDisabled"
+        [forwardButtonText]="nextButtonText"
+        [backButtonText]="previousButtonText"
     ></app-navigation-buttons>
 </div>
diff --git a/src/app/pages/tasks/task-playables/task-display/task-display.component.ts b/src/app/pages/tasks/task-playables/task-display/task-display.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnDestroy } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Subject } from 'rxjs';
 import { getTextForLang, thisOrDefault } from 'src/app/common/commonMethods';
 import { ComponentName } from 'src/app/services/component-factory.service';
@@ -52,7 +52,7 @@ export interface TaskDisplayComponentMetadata {
     templateUrl: './task-display.component.html',
     styleUrls: ['./task-display.component.scss'],
 })
-export class TaskDisplayComponent implements OnDestroy, Playable {
+export class TaskDisplayComponent implements OnInit, OnDestroy, Playable {
     // metadata variables
     title: string = '';
     subtitle: string = '';
@@ -75,6 +75,9 @@ export class TaskDisplayComponent implements OnDestroy, Playable {
     timerCountDown: boolean = false;
     showNavigationButtons: boolean = true;
 
+    nextButtonText: string = '';
+    previousButtonText: string = '';
+
     // intervals/timers
     interval: number;
 
@@ -163,6 +166,13 @@ export class TaskDisplayComponent implements OnDestroy, Playable {
         }
     }
 
+    ngOnInit(): void {
+        this.previousButtonText =
+            this.translateService.translations[this.translateService.currentLang]?.buttons?.previous ?? 'previous';
+        this.nextButtonText =
+            this.translateService.translations[this.translateService.currentLang]?.buttons?.next ?? 'next';
+    }
+
     afterInit() {
         if (this.skippable && this.cacheKey) {
             const shouldSkip = this.config.getCacheValue(this.cacheKey);

diff --git a/src/assets/images/instructions/informationsearch/en/1.jpeg b/src/assets/images/instructions/informationsearch/en/1.jpeg
diff --git a/src/assets/images/instructions/informationsearch/en/2.jpeg b/src/assets/images/instructions/informationsearch/en/2.jpeg
diff --git a/src/assets/images/instructions/informationsearch/en/3.jpeg b/src/assets/images/instructions/informationsearch/en/3.jpeg
diff --git a/src/assets/images/instructions/informationsearch/en/4.jpeg b/src/assets/images/instructions/informationsearch/en/4.jpeg
diff --git a/src/assets/images/instructions/informationsearch/en/5.jpeg b/src/assets/images/instructions/informationsearch/en/5.jpeg
diff --git a/src/assets/images/instructions/informationsearch/en/6.jpeg b/src/assets/images/instructions/informationsearch/en/6.jpeg
diff --git a/src/assets/images/instructions/informationsearch/fr/1.jpeg b/src/assets/images/instructions/informationsearch/fr/1.jpeg
diff --git a/src/assets/images/instructions/informationsearch/fr/2.jpeg b/src/assets/images/instructions/informationsearch/fr/2.jpeg
diff --git a/src/assets/images/instructions/informationsearch/fr/3.jpeg b/src/assets/images/instructions/informationsearch/fr/3.jpeg
diff --git a/src/assets/images/instructions/informationsearch/fr/4.jpeg b/src/assets/images/instructions/informationsearch/fr/4.jpeg
diff --git a/src/assets/images/instructions/informationsearch/fr/5.jpeg b/src/assets/images/instructions/informationsearch/fr/5.jpeg
diff --git a/src/assets/images/instructions/informationsearch/fr/6.jpeg b/src/assets/images/instructions/informationsearch/fr/6.jpeg
diff --git a/src/assets/translate/en.json b/src/assets/translate/en.json
@@ -58,6 +58,8 @@
         "maxValidation": "Must be below"
     },
     "buttons": {
-        "submit": "submit"
+        "submit": "submit",
+        "next": "Next",
+        "previous": "Previous"
     }
 }
diff --git a/src/assets/translate/fr.json b/src/assets/translate/fr.json
@@ -58,6 +58,8 @@
         "maxValidation": "Doit être inférieur à"
     },
     "buttons": {
-        "submit": "soumettre"
+        "submit": "soumettre",
+        "next": "Suivant",
+        "previous": "Précedent"
     }
 }