From f23ea9b7533261feded666a0aea0136c251654be Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 29 Jan 2024 17:27:34 +0100
Subject: [PATCH] wait #6691 @0:30

---
 js/quiz.screen.outro.js | 43 +++++++++++++++++++++--------------------
 js/quiz.screens.js      |  2 +-
 style/105-outro.sass    |  3 +++
 3 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/js/quiz.screen.outro.js b/js/quiz.screen.outro.js
index 4c53bd2..215b006 100644
--- a/js/quiz.screen.outro.js
+++ b/js/quiz.screen.outro.js
@@ -295,45 +295,44 @@ QuizScreenOutro.prototype = {
 
             if (review.type === "draganddrop") {
                 nokClass = ""
-                html += '<div class="area-title">'
-                html += '<p class="title-block">' + review.data.area_1.title + '</p><p class="title-block">' + review.data.area_2.title + '</p>'
-                html += '</div>'
-                html += '<div class="area-container">'
-
-                if(correctAnswers.filter( (n) => { return n['drop_area'] !== undefined } ).length === correctAnswers.length) {
+                if(answersUser[i].length === correctAnswers.length) {
+                    html += '<div class="area-title">'
+                    html += '<p class="title-block">' + review.data.area_1.title + '</p><p class="title-block">' + review.data.area_2.title + '</p>'
+                    html += '</div>'
+                    html += '<div class="area-container">'
 
                     for (let i = 1; i < 3; i++) {
                         let area = i === 1 ? review.data.area_1 : review.data.area_2
                         html += '<div class="area area ' + i + '">'
                         html += '<ul class="area-list card-holder">'
-                        if (correctAnswers.length > 0) {
-                            for (let k in correctAnswers) {
-                                if (correctAnswers[k].drop_area === i) {
-                                    htmlSpan = ""
-                                    if (correctAnswers[k].status === "nok") {
-                                        htmlSpan = `<span class="access nok">${wrongIcon}</span>`
-                                    }
-                                    html += '<li class="area-item slot active ' + correctAnswers[k].status + '"><p class="' + this.returnContentClass(correctAnswers[k].answer, "draganddrop") + '">' + correctAnswers[k].answer + '</p>'
-                                    html += htmlSpan
-                                    html += '</li>'
+                        for (let k in correctAnswers) {
+                            if (correctAnswers[k].drop_area === i) {
+                                htmlSpan = ""
+                                if (correctAnswers[k].status === "nok") {
+                                    htmlSpan = `<span class="access nok">${wrongIcon}</span>`
                                 }
+                                html += '<li class="area-item slot active ' + correctAnswers[k].status + '"><p class="' + this.returnContentClass(correctAnswers[k].answer, "draganddrop") + '">' + correctAnswers[k].answer + '</p>'
+                                html += htmlSpan
+                                html += '</li>'
                             }
                         }
                         html += '</ul>'
                         html += '</div>'
                     }
+                    html += '</div>'
+
                 } else {
                     html += '<p class="timeout">'+this.quiz.l10n.__("Failed because you didn't answer in time")+'</p>'
                 }
-                html += '</div>'
             }
 
             if (review.type === "match") {
                 html += '<div class="match-container">'
-                html += '<div class="match-title">'
-                html += '<p class="title-block">' + this.quiz.l10n.__('Question') + '</p><p class="title-block">' + this.quiz.l10n.__('Answers') + '</p>'
-                html += '</div>'
-                if(correctAnswers.length > 0) {
+                if(answersUser[i].length === correctAnswers.length) {
+                    html += '<div class="match-title">'
+                    html += '<p class="title-block">' + this.quiz.l10n.__('Question') + '</p><p class="title-block">' + this.quiz.l10n.__('Answers') + '</p>'
+                    html += '</div>'
+
                     for (let k in correctAnswers) {
                         htmlSpan = ""
                         if (statusByAnswer.answers[k] === "nok") {
@@ -345,6 +344,8 @@ QuizScreenOutro.prototype = {
                         html += '<div class="match-item slot active ' + statusByAnswer.answers[k] + '" data-tooltip="'+correctAnswers[k].proposition+'"><p class="'+this.returnContentClass(correctAnswers[k].proposition)+'">' + correctAnswers[k].proposition + '</p></div>'
                         html += '</div>'
                     }
+                } else {
+                    html += '<p class="timeout">'+this.quiz.l10n.__("Failed because you didn't answer in time")+'</p>'
                 }
                 html += '</div>'
             }
diff --git a/js/quiz.screens.js b/js/quiz.screens.js
index 53e2b8b..9fb995e 100644
--- a/js/quiz.screens.js
+++ b/js/quiz.screens.js
@@ -62,7 +62,7 @@ QuizScreens.prototype = {
             }
 
             if(($this.getActiveScreenType() === 'draganddrop' && $this.activeScreen.find(".list-item").length > 0)
-                && (parseInt($this.quiz.question.current().countdown_enable) && $this.intervalCountDown !== 0)) {
+                && (parseInt($this.quiz.question.current().countdown_enable) && $this.intervalCountDown > 0)) {
                 return false;
             }
 
diff --git a/style/105-outro.sass b/style/105-outro.sass
index 5a68723..c1d9b64 100644
--- a/style/105-outro.sass
+++ b/style/105-outro.sass
@@ -362,6 +362,9 @@
         border-radius: 5px
         +opacity(.24, background-color, $texts-color)
 
+    .timeout
+        margin-top: 8px
+
 #resume
     width: 100%
     max-width: 300px
-- 
2.39.5