Working quiz taking interface
[oweals/karmaworld.git] / karmaworld / templates / quizzes / keyword_edit.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 bodyscripts %}
10   <script src="{{ STATIC_URL }}js/keyword.js"></script>
11 {% endblock %}
12
13 {% block title %}
14   {{ note.name }}
15 {% endblock %}
16
17 {% block content %}
18   <section id="dashboard_content">
19     <div id="stats_container" class="hero_gradient_bar">
20
21       <div class="row">
22         <div class="twelve columns header_subhead">
23           <a href="{{ note.get_absolute_url}} ">
24             <i class="fa fa-arrow-left"></i>&nbsp;back to {{ note.name }}
25           </a>
26         </div>
27       </div>
28
29       <div class="row">
30         <div class="small-10 columns small-centered center header_title">
31           <p>Define keywords for the note<br/>
32           {{ note.name }}</p>
33         </div>
34       </div>
35
36       <div class="row">
37         <div class="small-10 columns small-centered center show-for-large-up">
38           <p>(Press <i class="fa fa-plus"></i> button or hit tab in the last definition box for more rows)</p>
39         </div>
40       </div>
41
42     </div>
43
44     <div id="activity_container">
45       <div class="row">
46         <div class="small-12 columns">
47           <form id="keyword-form" action="{% url 'keyword_edit' note.course.school.slug note.course.slug note.slug %}" method="post">
48             {% csrf_token %}
49             {{ form.management_form }}
50             <div class="hide" id="keyword-form-prototype">
51               <div class="row keyword-form-row">
52                 <div class="small-12 large-4 columns">
53                   {{ prototype_form.keyword }}
54                 </div>
55                 <div class="small-12 large-8 columns">
56                   {{ prototype_form.definition }}
57                   {{ formprototype_form_row.id }}
58                 </div>
59               </div>
60               <hr class="hide-for-large-up" />
61             </div>
62             <div id="keyword-form-rows">
63               {% for form_row in form %}
64                 <div class="row keyword-form-row">
65                   <div class="small-12 large-4 columns">
66                     {{ form_row.keyword }}
67                   </div>
68                   <div class="small-12 large-8 columns">
69                     {{ form_row.definition }}
70                     {{ form_row.id }}
71                   </div>
72                 </div>
73                 <hr class="hide-for-large-up" />
74               {% endfor %}
75             </div>
76             <div id="row">
77               <div class="small-1 columns">
78                 <i id="add-row-btn" class="fa fa-plus fa-2x"></i>
79               </div>
80               <div class="small-10 large-11 columns center">
81                 <button type="submit" name="action">Save</button>
82               </div>
83             </div>
84           </form>
85         </div>
86       </div>
87     </div>
88
89
90
91   </section>
92
93 {% endblock %}