From af206519a733824455fa453943e57062929af785 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 23 Jan 2024 11:18:32 +0100
Subject: [PATCH] wip #6593 @1:00

---
 js/quiz.screen.outro.js | 15 +++++++--------
 style/105-outro.sass    |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/js/quiz.screen.outro.js b/js/quiz.screen.outro.js
index 45ff762..5b51780 100644
--- a/js/quiz.screen.outro.js
+++ b/js/quiz.screen.outro.js
@@ -247,9 +247,6 @@ QuizScreenOutro.prototype = {
             }
         })
 
-        console.log("score",this.quiz.score)
-        console.log("reviewList",reviewList)
-
         let html = '';
         for (var i in reviewList) {
             i = parseInt(i);
@@ -258,7 +255,7 @@ QuizScreenOutro.prototype = {
             let statusByAnswer = status[i]
             let nokClass = ""
 
-            let correctAnswers = review.correctAnswers.length > 0 ? review.correctAnswers : review.data.answers
+            let correctAnswers = review.correctAnswers.length > 0 ? review.correctAnswers : ""
 
             let titleType = '';
             if (review.type === "draganddrop") {
@@ -272,8 +269,7 @@ QuizScreenOutro.prototype = {
             if (review.type === "multiple") {
                 html += '<p class="question title-block">' + review.question + '</p>';
                 html += '<div class="multiple-wrapper">'
-                console.log("review",review)
-                console.log("correctAnswers",correctAnswers)
+
                 if(correctAnswers.length > 0) {
                     for (var j in correctAnswers) {
                         nokClass = ""
@@ -281,10 +277,13 @@ QuizScreenOutro.prototype = {
                             htmlSpan = `<span class="access nok">${wrongIcon}</span>`
                             nokClass = "nok"
                         }
-                        html += '<div class="card-holder multiple-item">';
-                        html += '<p class="answer slot ' + nokClass + " " + this.returnContentClass(correctAnswers[j].answer)+'">' + correctAnswers[j].answer + htmlSpan + '</p>';
+                        html += '<div class="card-holder multiple-item slot ' + nokClass +'">';
+                        html += '<p class="answer "' + this.returnContentClass(correctAnswers[j].answer)+'">' + correctAnswers[j].answer +'</p>';
+                        html += htmlSpan;
                         html += '</div>';
                     }
+                } else {
+                    html += '<p class="timeout">'+this.quiz.l10n.__("Failed because you didn't answer in time")+'</p>'
                 }
                 html += '</div>'
             }
diff --git a/style/105-outro.sass b/style/105-outro.sass
index 5aed806..61edc2d 100644
--- a/style/105-outro.sass
+++ b/style/105-outro.sass
@@ -306,8 +306,8 @@
         +flex-config(false,false,column)
         gap: 8px
         .card-holder
-            padding: 0
             background: transparent
+            flex-direction: row
         .slot
             +flex-config(space-between)
             background-color: rgba($texts-color,.08) !important
-- 
2.39.5