102 lines
3.9 KiB
HTML
102 lines
3.9 KiB
HTML
{% extends "templates/base.html" %}
|
|
{% block title %}
|
|
{{ _("Quiz List") }}
|
|
{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
<div class="common-page-style" style="background-color: var(--fg-color);">
|
|
<div class="container">
|
|
{{ BreadCrumb(quiz) }}
|
|
{{ QuizCard(quiz) }}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
|
|
{% macro BreadCrumb(quiz) %}
|
|
<div class="breadcrumb">
|
|
<a class="dark-links" href="/quizzes">{{ _("Quizzes") }}</a>
|
|
<img class="ml-1 mr-1" src="/assets/lms/icons/chevron-right.svg">
|
|
<span class="breadcrumb-destination">{{ quiz.title if quiz.title else _("New Quiz") }}</span>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
|
|
{% macro QuizCard(quiz) %}
|
|
<div style="width: 60%;">
|
|
|
|
<div class="course-home-headings mb-2" data-placeholder="{{ _('Quiz Title') }}" id="quiz-title"
|
|
{% if quiz.name %} data-name="{{ quiz.name }}" {% endif %}
|
|
contenteditable="true" >{% if quiz.title %}{{ quiz.title }}{% endif %}</div>
|
|
|
|
|
|
{% if quiz.questions %}
|
|
{% for question in quiz.questions %}
|
|
<div class="quiz-card">
|
|
<div contenteditable="true" data-placeholder="{{ _('Question') }}" data-question="{{ question.name }}"
|
|
class="question mb-4">{% if question.question %} {{ question.question }} {% endif %}</div>
|
|
|
|
<select value="{{ question.type }}" class="input-with-feedback form-control ellipsis type" maxlength="140" data-fieldtype="Select" data-fieldname="type" placeholder="" data-doctype="LMS Quiz Question">
|
|
{% for option in ["Choices", "User Input"] %}
|
|
<option value="{{ option }}" {% if question.type == option %} selected {% endif %} > {{ _(option) }} </option>
|
|
{% endfor %}
|
|
</select>
|
|
|
|
{% for i in range(1,5) %}
|
|
{% set num = frappe.utils.cstr(i) %}
|
|
|
|
{% set option = question["option_" + num] %}
|
|
{% set explanation = question["explanation_" + num] %}
|
|
|
|
<div class="option-group mt-4 {% if question.type == 'User Input' %} hide {% endif %} ">
|
|
<label class=""> {{ _("Option") }} {{ num }} </label>
|
|
<div class="d-flex justify-content-between option-{{ num }}">
|
|
<div contenteditable="true" data-placeholder="{{ _('Option') }}"
|
|
class="option-input">{% if option %}{{ option }}{% endif %}</div>
|
|
<div contenteditable="true" data-placeholder="{{ _('Explain the option') }}"
|
|
class="option-input">{% if explanation %}{{ explanation }}{% endif %}</div>
|
|
<div class="option-checkbox">
|
|
<label class="mb-0">
|
|
<input type="checkbox" {% if question['is_correct_' + num] %} checked {% endif %}>
|
|
{{ _("Is Correct") }}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% set possible_answer = question["possibility_" + num] %}
|
|
|
|
<div class="possibility-group mt-4 {% if question.type == 'Choices' %} hide {% endif %}">
|
|
<label class=""> {{ _("Possible Answer") }} {{ num }} </label>
|
|
<div class="control-input-wrapper">
|
|
<div class="control-input">
|
|
<div contenteditable="true" class="input-with-feedback form-control bold possibility-{{ num }}" style="height: 100px;" spellcheck="false">{% if possible_answer %}{{possible_answer}}{% endif %}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
|
|
<div class="mt-4">
|
|
<button class="btn btn-secondary btn-sm btn-question"> {{ _("New Question") }} </button>
|
|
|
|
{% if quiz.name %}
|
|
<button class="btn btn-secondary btn-sm copy-quiz-id ml-2" data-name="'{{ quiz.name }}'">
|
|
{{ _("Copy Quiz ID") }}
|
|
</button>
|
|
{% endif %}
|
|
|
|
<button class="btn btn-primary btn-sm btn-save-question ml-2 {% if not quiz.name %} hide {% endif %}">
|
|
{{ _("Save Quiz") }}
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
|