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

Merge pull request #342 from pateljannat/quiz-style-fixes

Browse Source 
fix: quiz ui
This commit is contained in:
Jannat Patel
2022-06-08 10:06:35 +05:30
committed by GitHub
parent 92f1263314 148fce42ba
commit 9dc82963c4
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 {
padding: 0.25rem 0.75rem;
border-radius: 50%;
box-shadow: var(--shadow-sm);
padding-right: 0.25rem;
}
.option-text {
padding: 0.75rem;
box-shadow: var(--shadow-sm);
border: 1px solid var(--gray-200);
border-radius: var(--border-radius-md);
flex: 1;
}

8
lms/templates/quiz.html
View File

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

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

@@ -237,7 +237,13 @@ const parse_options = () => {
const add_icon = (element, icon) => {
$(element).closest(".custom-checkbox").removeClass("active-option");
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) => {