From c84b0019b5ab7d1bd2c3736aa6d08bb0dc82b5e6 Mon Sep 17 00:00:00 2001
From: Andre <andre.holger.hanke@mni.thm.de>
Date: Tue, 12 Nov 2019 11:39:39 +0100
Subject: [PATCH] Add repeat option to selection menu

---
 .../home/_dialogs/demo-video/demo-video.component.html | 10 +++++-----
 .../home/_dialogs/demo-video/demo-video.component.ts   |  2 ++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/components/home/_dialogs/demo-video/demo-video.component.html b/src/app/components/home/_dialogs/demo-video/demo-video.component.html
index 7c9f2bd47..ec0187621 100644
--- a/src/app/components/home/_dialogs/demo-video/demo-video.component.html
+++ b/src/app/components/home/_dialogs/demo-video/demo-video.component.html
@@ -2,14 +2,14 @@
 <h2 tabindex="0" class="modal" mat-dialog-title >{{ 'introduction.title' | translate }}</h2>
 <mat-divider></mat-divider>
 <mat-dialog-content>
-  <div class="visually-hidden" tabindex="0" mat-dialog-title>
+  <div class="visually-hidden" tabindex="0" id="selection" mat-dialog-title>
     <ng-container *ngIf="currentLang=='en'">You're on the introduction page. Press 1 to start a demonstration
-      video, 2 for a transcript of the video, or press 3 to get information about the frag.jetzt.
-      project.
+      video, 2 for a transcript of the video, press 3 to get information about the frag.jetzt.
+      project or 4 to repeat this dialog.
     </ng-container>
     <ng-container *ngIf="currentLang=='de'">Du befindest dich auf der Einführungsseite. Drücke die 1 um ein
-      Demonstrationsvideo zu starten, die 2 für ein Transskript des Videos oder die 3 um Informationen über das
-      frag.jetzt-Projekt zu erhalten.
+      Demonstrationsvideo zu starten, die 2 für ein Transskript des Videos, die 3 um Informationen über das
+      frag.jetzt-Projekt zu erhalten oder die 4 um diesen Dialog nocheinmal zu hören.
     </ng-container>
   </div>
   <div id="setFocus" class="intro-text" tabindex="0">
diff --git a/src/app/components/home/_dialogs/demo-video/demo-video.component.ts b/src/app/components/home/_dialogs/demo-video/demo-video.component.ts
index 010543ce8..ca06c3876 100644
--- a/src/app/components/home/_dialogs/demo-video/demo-video.component.ts
+++ b/src/app/components/home/_dialogs/demo-video/demo-video.component.ts
@@ -35,6 +35,8 @@ export class DemoVideoComponent implements OnInit, OnDestroy {
         this.focusElement(document.getElementById('demoContentTranscript'));
       } else if (KeyboardUtils.isKeyEvent(e, KeyboardKey.Digit3)) {
         this.focusElement(document.getElementById('demoContent'));
+      } else if (KeyboardUtils.isKeyEvent(e, KeyboardKey.Digit4)) {
+        this.focusElement((document.getElementById('selection')));
       }
     });
   }
-- 
GitLab