Merge branch 'master' into NewToastAction

workadventure · May 6, 2024 · aef382d · aef382d
2 parents 89f9591 + 42e7186
commit aef382d
Show file tree

Hide file tree

Showing 3 changed files with 89 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/views/discussions/discussion.ts b/views/discussions/discussion.ts
@@ -33,7 +33,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
     // Discussion text
     if (text) {
-      text.innerText = getText(urlParams.get('text'))
+      playText(text as HTMLParagraphElement, getText(urlParams.get('text')));
     }
 
     // Close button event
@@ -46,6 +46,19 @@ document.addEventListener("DOMContentLoaded", () => {
   }).catch(e => console.error(e))
 })
 
+const playText = (textElement: HTMLParagraphElement, text: string) => {
+  const texts = text.split(" ");
+  playTexts(textElement, texts);
+}
+const playTexts = (textElement: HTMLParagraphElement, texts: string[], index = 0) => {
+  setTimeout(() => {
+    textElement.innerText += " " + texts[index];
+    if (index < texts.length - 1) {
+      playTexts(textElement, texts, index + 1);
+    }
+  }, 100);
+}
+
 export {
   getTitle,
   getText,

diff --git a/views/discussionsv2/discussion.ts b/views/discussionsv2/discussion.ts
@@ -79,12 +79,12 @@ document.addEventListener("DOMContentLoaded", () => {
 })
 
 const playText = (textElement: HTMLParagraphElement, text: string) => {
-  const texts = text.split(" ")
+  const texts = text.split(" ");
   playTexts(textElement, texts);
 }
 const playTexts = (textElement: HTMLParagraphElement, texts: string[], index = 0) => {
   setTimeout(() => {
-    textElement.innerText += " " + texts[index]
+    textElement.innerText += " " + texts[index];
     if (index < texts.length - 1) {
       playTexts(textElement, texts, index + 1);
     }