summaryrefslogtreecommitdiff
path: root/testapp/templates/exam/question.html
blob: 6ef1e99cc2d51990e7d19fe8a2c78b456e1cfc96 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
{% extends "base.html" %}

<!DOCTYPE html>

{% block title %} Answer question {% endblock %}

{% block css %}
<link rel="stylesheet" href="{{ URL_ROOT }}/static/exam/css/question.css" type="text/css" />

{% endblock %}

{% block script %}
<script src="{{ URL_ROOT }}/static/exam/js/question.js"></script>

<script>
var time_left = {{ time_left }} 
function secs_to_time(secs)
{
    var h = Math.floor(secs/3600);
    var h_s = (h > 0) ? h+'h:' : '';
    var m = Math.floor((secs%3600)/60);
    var m_s = (m > 0) ? m+'m:' : '';
    var s_s = Math.floor(secs%60) + 's';
    return h_s + m_s + s_s;
}

function update_time()
{
    time_left -= 1;
    if (time_left) 
    {
	var elem = document.getElementById("time_left");
	var t_str = secs_to_time(time_left);
	elem.innerHTML = "<strong>" + t_str + "</strong>";
	setTimeout("update_time()", 1000);
    }
    else 
    {
	document.forms["code"].submit();
    }	
}
</script>
{% endblock script %}



{% block onload %} onload="update_time()" {% endblock %}

{% block pagetitle %}

<table><h6><div>
	<tr><td class=td1-class><h5>You have {{ paper.questions_left }} question(s) left in {{ quiz_name }} </h5>
	<td class=td2-class><div class=time-div id="time_left">
	</div>
</div></h6></table>

{% endblock %}

{% block content %}
<div class="topbar">
  <div class="fill">
     <div class="container">
        <h3 class="brand"><strong>Online Test</h3></strong>
        <ul>
        <li> <h5><a> Hi {{user.first_name.title}} {{user.last_name.title}}  </a></h5>
        </ul>
        <form id="logout" action="{{URL_ROOT}}/exam/quit/{{ paper.question_paper.id }}/" method="post" class="pull-right">
        {% csrf_token %}
         <button class="btn" type="submit" name="quit">Quit Exam</button> </li>

        </form>
     </div>
   </div>
</div>

         
     	 <h4><u> {{ question.summary }} </u><font class=pull-right>(Marks : {{ question.points }}) </font></h4><br> 
	 <font size=3 face=arial>	{{ question.description|safe }} </font>
         {% if error_message %}
	 <div class="alert alert-error">
	 {% for e in error_message.splitlines %}
	 {{ e|join:"" }} 
	 <br/>
	 {% endfor%}
	 </div>{% endif %}
         <p id="status"></p>
         <form id="code" action="{{URL_ROOT}}/exam/{{ question.id }}/check/{{ paper.question_paper.id }}/" method="post">
         {% csrf_token %}
         {% if question.type == "mcq" %}
         {% for option in question.options.strip.splitlines %}
         <input name="answer" type="radio" value="{{option}}" />{{option}} <br/>
         {% endfor %}
         {% else %}

         <textarea tabindex=1 rows="15" style="width:750px;margin-bottom:10px;" name="answer" id="answer" wrap="off" onkeydown="return catchTab(this,event)">{% if last_attempt %}{{last_attempt.strip}}{% else %}{% if question.type == "bash" %} #!/bin/bash{% else %}{{ question.snippet }}{% endif %}{% endif %}</textarea>
<br>

 <script type="text/javascript">
       createTextAreaWithLines('answer');
       </script>
         {% endif %}

         {% if question.type == "mcq" %}
         <br><button class="btn" type="submit" name="check" id="check">Submit Answer</button>&nbsp;&nbsp;
         {% else %}
         <button class="btn" type="submit" name="check" id="check" onClick="submitCode();">Check Answer</button>&nbsp;&nbsp;
         {% endif %}
         <button class="btn" type="submit" name="skip" id="skip">Skip Question</button>
         </form>
         
      
{% endblock content %}