diff --git a/src/addons/mod/lesson/pages/user-retake/user-retake.html b/src/addons/mod/lesson/pages/user-retake/user-retake.html index c11ce5186..a787489d8 100644 --- a/src/addons/mod/lesson/pages/user-retake/user-retake.html +++ b/src/addons/mod/lesson/pages/user-retake/user-retake.html @@ -128,7 +128,7 @@ - + @@ -138,12 +138,15 @@ [courseId]="courseId">

- + + + {{ answer[0].successBadge }} +
diff --git a/src/addons/mod/lesson/pages/user-retake/user-retake.scss b/src/addons/mod/lesson/pages/user-retake/user-retake.scss index 8e5d088c2..88e4e2989 100644 --- a/src/addons/mod/lesson/pages/user-retake/user-retake.scss +++ b/src/addons/mod/lesson/pages/user-retake/user-retake.scss @@ -1,3 +1,5 @@ +@import "~theme/globals"; + :host { .button-disabled { opacity: 0.4; @@ -14,4 +16,8 @@ .item-interactive-disabled ion-label { opacity: 0.5; } + + .addon-mod_lesson-answer-success { + @include margin-horizontal(4px, null); + } } diff --git a/src/addons/mod/lesson/services/lesson-helper.ts b/src/addons/mod/lesson/services/lesson-helper.ts index 6e5c00106..18b3276c5 100644 --- a/src/addons/mod/lesson/services/lesson-helper.ts +++ b/src/addons/mod/lesson/services/lesson-helper.ts @@ -461,25 +461,28 @@ export class AddonModLessonHelperProvider { const element = CoreDomUtils.convertToElement(html); // Check if it has a checkbox. - let input = element.querySelector('input[type="checkbox"][name*="answer"]'); + let input = element.querySelector('input[type="checkbox"][name*="answer"]'); if (input) { // Truefalse or multichoice. + const successBadge = element.querySelector('.badge.badge-success'); const data: AddonModLessonCheckboxAnswerData = { isCheckbox: true, checked: !!input.checked, name: input.name, highlight: !!element.querySelector('.highlight'), content: '', + successBadge: successBadge?.innerText, }; input.remove(); + successBadge?.remove(); data.content = element.innerHTML.trim(); return data; } // Check if it has an input text or number. - input = element.querySelector('input[type="number"],input[type="text"]'); + input = element.querySelector('input[type="number"],input[type="text"]'); if (input) { // Short answer or numeric. return { @@ -700,6 +703,7 @@ export type AddonModLessonCheckboxAnswerData = { name: string; highlight: boolean; content: string; + successBadge?: string; }; /**