eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: quiz ui

Browse Source
This commit is contained in:
Jannat Patel
2022-06-08 09:56:19 +05:30
parent 92f1263314
commit 148fce42ba
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lms/public/css/style.css
View File

@@ -1309,14 +1309,12 @@ pre {
} }
.question-number { .question-number {
padding: 0.25rem 0.75rem; padding-right: 0.25rem;
border-radius: 50%;
box-shadow: var(--shadow-sm);
} }
.option-text { .option-text {
padding: 0.75rem; padding: 0.75rem;
box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200);
border-radius: var(--border-radius-md); border-radius: var(--border-radius-md);
flex: 1; flex: 1;
} }

8
lms/templates/quiz.html
View File

@@ -25,11 +25,11 @@
<div class="question hide" <div class="question hide"
data-question="{{ question.question }}" data-multi="{{ question.multiple }}" data-qt-index="{{ loop.index }}"> data-question="{{ question.question }}" data-multi="{{ question.multiple }}" data-qt-index="{{ loop.index }}">
<div class="question-header"> <div class="question-header">
<div class="question-number">{{ loop.index }}</div> <div class="question-number">{{ loop.index }}. </div>
<div class="question-text"> <div class="question-text">
{{ frappe.utils.md_to_html(question.question) }} {{ frappe.utils.md_to_html(question.question) }}
</div> </div>
<div class="course-meta"> {{ instruction }} </div> <div class="small"> {{ instruction }} </div>
</div> </div>
{% set options = [question.option_1, question.option_2, question.option_3, question.option_4] %} {% set options = [question.option_1, question.option_2, question.option_3, question.option_4] %}
@@ -38,7 +38,7 @@
<div class="mb-2"> <div class="mb-2">
<div class="custom-checkbox"> <div class="custom-checkbox">
<label class="quiz-label"> <label class="quiz-label">
<div class="course-meta font-weight-bold ml-3"> {{ convert_number_to_character(loop.index - 1) }}</div> <div class="course-meta font-weight-bold"> {{ convert_number_to_character(loop.index - 1) }}</div>
<input class="option" value="{{ option | urlencode }}" <input class="option" value="{{ option | urlencode }}"
data-correct="{{ question['is_correct_' + loop.index | string] }}" {% if question.multiple %} data-correct="{{ question['is_correct_' + loop.index | string] }}" {% if question.multiple %}
type="checkbox" {% else %} type="radio" name="{{ question.question | urlencode }}" {% endif %}> type="checkbox" {% else %} type="radio" name="{{ question.question | urlencode }}" {% endif %}>
@@ -48,7 +48,7 @@
{% set explanation = question['explanation_' + loop.index | string] %} {% set explanation = question['explanation_' + loop.index | string] %}
{% if explanation %} {% if explanation %}
<small class="explanation ml-3 hide">{{ explanation }}</small> <small class="explanation ml-10 hide">{{ explanation }}</small>
{% endif %} {% endif %}
</div> </div>
{% endif %} {% endif %}

8
lms/www/batch/learn.js
View File

@@ -237,7 +237,13 @@ const parse_options = () => {
const add_icon = (element, icon) => { const add_icon = (element, icon) => {
$(element).closest(".custom-checkbox").removeClass("active-option"); $(element).closest(".custom-checkbox").removeClass("active-option");
var label = $(element).siblings(".option-text").text(); var label = $(element).siblings(".option-text").text();
$(element).parent().empty().html(`<div class="option-text"><img class="mr-3" src="/assets/lms/icons/${icon}.svg"> ${label}</div>`); $(element).siblings(".option-text").html(`
<div>
<img class="mr-3" src="/assets/lms/icons/${icon}.svg">
${label}
</div>
`);
//$(element).parent().empty().html(`<div class="option-text"><img class="mr-3" src="/assets/lms/icons/${icon}.svg"> ${label}</div>`);
}; };
const add_to_local_storage = (quiz_name, current_index, answer, is_correct) => { const add_to_local_storage = (quiz_name, current_index, answer, is_correct) => {