From 18a2907bf79f4fd903b9a1a6df930b5926b7da1b Mon Sep 17 00:00:00 2001
From: smuddyx <smuddyx@gmail.com>
Date: Tue, 16 May 2023 17:08:53 +0200
Subject: [PATCH] support multiline dynamic text in presentation mode

---
 src/app/modules/presentation/monitor/monitor.component.html | 6 +++---
 src/app/modules/presentation/monitor/monitor.component.less | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/modules/presentation/monitor/monitor.component.html b/src/app/modules/presentation/monitor/monitor.component.html
index 799a6de..990846b 100644
--- a/src/app/modules/presentation/monitor/monitor.component.html
+++ b/src/app/modules/presentation/monitor/monitor.component.html
@@ -23,7 +23,7 @@
     <div class="date">{{ date | date: "dd.MM.yyyy" }}</div>
   </div>
 
-  <div *ngIf="songId === 'dynamicText'" @songSwitch class="start fullscreen">
+  <div *ngIf="songId === 'dynamicText'" @songSwitch class="start fullscreen dynamic-text">
     <div>{{ presentationDynamicCaption }}</div>
     <div class="date">{{ presentationDynamicText }}</div>
   </div>
@@ -33,13 +33,13 @@
     *ngIf="songId !== 'title' && songId !== 'empty'"
     [@songSwitch]="songId"
     [fullscreen]="true"
-    [index]="index"
+    [index]="index??0"
     [showSwitch]="false"
     [text]="song.text"
     chordMode="hide"
   ></app-song-text>
   <app-legal
-    *ngIf="songId !== 'title' && songId !== 'empty'"
+    *ngIf="songId !== 'title' && songId !== 'empty' && songId !== 'dynamicText'"
     [@songSwitch]="songId"
     [config]="config$ | async"
     [song]="song"
diff --git a/src/app/modules/presentation/monitor/monitor.component.less b/src/app/modules/presentation/monitor/monitor.component.less
index 2520da3..af92b28 100644
--- a/src/app/modules/presentation/monitor/monitor.component.less
+++ b/src/app/modules/presentation/monitor/monitor.component.less
@@ -106,7 +106,12 @@
   filter: blur(30px);
   opacity: 0.1;
   transform: scale(0.8) translateY(-10%);
+
   &.no-logo {
     opacity: 0;
   }
 }
+
+.dynamic-text {
+  white-space: pre-wrap;
+}