karmaworld/templates/quizzes/quiz.html

   1 {% extends "base.html" %}
   2 {% load url from future %}
   3 {% load account %}
   4
   5 {% block pagestyle %}
   6   <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/quiz.css">
   7 {% endblock %}
   8
   9 {% block title %}
  10   {{ quiz.name }}
  11 {% endblock %}
  12
  13 {% block content %}
  14   <section id="dashboard_content">
  15     <div id="stats_container" class="hero_gradient_bar">
  16       <div class="row">
  17         <div class="small-10 columns small-centered center header_title">
  18           {{ quiz.name }}
  19       </div>
  20         </div>
  21       <div class="row">
  22         <div class="small-12 medium-8 large-4 columns small-centered">
  23           <div class="row">
  24             <div class="small-6 columns center  stat_lead_in">
  25               you've passed
  26             </div>
  27             <div class="small-6 columns center  stat_lead_in">
  28               out of
  29             </div>
  30           </div>
  31           <div class="row">
  32             <div class="small-6 columns center  stat_number stat_earned">
  33               3
  34             </div>
  35             <div class="small-6 columns  center stat_number stat_uploaded">
  36               14
  37             </div>
  38           </div>
  39           <div class="row">
  40             <div class="small-6 columns center  stat_object stat_earned">
  41               questions
  42             </div>
  43             <div class="small-6 columns center  stat_object stat_uploaded">
  44               total
  45             </div>
  46           </div>
  47         </div>
  48       </div>
  49
  50     </div>
  51
  52     <div id="activity_container">
  53
  54       {% if not questions %}
  55         <div class="row">
  56           <div id="no_activity" class="small-10 columns small-centered center">
  57             <h4>This quiz has no questions.</h4>
  58           </div>
  59         </div>
  60       {% endif %}
  61
  62       {% for item in questions %}
  63
  64         <div class="row">
  65           <div class="small-10 columns small-centered quiz-center">
  66             {% if 'MultipleChoiceQuestion' in item.0 %}
  67               {% with question=item.1 %}
  68                 <div class="question multiple-choice">
  69                   <p>{{ question.question_text }}</p>
  70                   <ul>
  71                     {% for choice in question.choices.all %}
  72                       <li>{{ choice.text }}</li>
  73                     {% endfor %}
  74                   </ul>
  75                 </div>
  76               {% endwith %}
  77             {% endif %}
  78
  79             {% if 'TrueFalseQuestion' in item.0 %}
  80               {% with question=item.1 %}
  81                 <div class="question true-false">
  82                   <p>{{ question.text }}</p>
  83                   <p>True or False?</p>
  84                 </div>
  85               {% endwith %}
  86             {% endif %}
  87
  88             {% if 'FlashCardQuestion' in item.0 %}
  89               {% with question=item.1 %}
  90                 <div class="question flash-card">
  91                   <p>{{ question.sideA }}</p>
  92                   <p>{{ question.sideB }}</p>
  93                 </div>
  94               {% endwith %}
  95             {% endif %}
  96
  97
  98             </div>
  99
 100           </div>
 101         </div>
 102
 103       {% endfor %}
 104
 105     </div>
 106
 107
 108
 109   </section>
 110
 111 {% endblock %}