review-question-checkbox.html 1.8 KB
{% extends "review-question.html" %}
{% autoescape %}

{% block answer %}
<fieldset data-role="controlgroup">
  <ul class="list-group">
  {% for n, opt in enumerate(q['options']) %}
    <li class="list-group-item">
      <div class="d-flex flex-row">
      {% if q['answer'] is not None and str(n) in q['answer'] %}
        <div class="p-2">
          <i class="bi bi-check-square"></i>
          <!-- <i class="far fa-check-square" aria-hidden="true"></i> -->
        </div>
        <div class="p-2">
          {{ md(opt) }}
        </div>
        <div class="ml-auto p-2">
          {% if q['correct'][n] > 0 %}
            <div class="text-right text-success">
              <i class="bi bi-check-lg"></i>
              <!-- <i class="fas fa-check" aria-hidden="true"></i> -->
            </div>
          {% else %}
            <div class="text-right text-danger">
              <i class="bi bi-x-lg"></i>
              <!-- <i class="fas fa-times" aria-hidden="true"></i> -->
            </div>
          {% end %}
        </div>

      {% else %}
        <div class="p-2">
          <i class="bi bi-square"></i>
          <!-- <i class="far fa-square" aria-hidden="true"></i> -->
        </div>
        <div class="p-2">
            {{ md(opt) }}
        </div>
        <div class="ml-auto p-2">
          {% if q['correct'][n] > 0 %}
            <div class="text-right text-danger">
              <i class="bi bi-x-lg"></i>
              <!-- <i class="fas fa-times" aria-hidden="true"></i> -->
            </div>
          {% else %}
            <div class="text-right text-success">
              <i class="bi bi-check-lg"></i>
              <!-- <i class="fas fa-check" aria-hidden="true"></i> -->
            </div>
          {% end %}
        </div>
      {% end %}
      </div>
    </li>
  {% end %}
  </ul>
</fieldset>
{% end %}