summaryrefslogtreecommitdiff
path: root/testapp/templates/exam/question.html
blob: 113a9aef4f65396dfd635a959449aa346a5f50e8 (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
{% extends "base.html" %}

<!DOCTYPE html>

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

{% block script %}
   <script type="text/javascript">
      var time_left = {{ time_left }};
      function submitCode()
      {
	    document.forms["code"].submit();
	    var x = document.getElementById("status");
	    x.innerHTML = "<strong>Checking answer ...</strong>";
	    x = document.getElementById("check");
	    x.disabled = true;
	    x.value = "Checking Answer ...";
	    document.getElementById("skip").disabled = true;
      }
      
      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> Time left: " + t_str + "<strong>" ;
	            setTimeout("update_time()", 1000);
            }
	    else 
            {
		    document.forms["code"].submit();
    	    }	
      }
   </script>
{% endblock script %}

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

{% block content %}
<div class="topbar">
  <div class="fill">
     <div class="container">
        <h3 class="brand"><strong>Online Test</h3></strong>
        <form id="logout" action="{{URL_ROOT}}/exam/quit/" method="post" class="pull-right">
        {% csrf_token %}
        <button class="btn" type="submit" name="quit">Quit Exam and Logout</button>
        </form>
     </div>
   </div>
</div>

<div class="container">
   <div class="content">
      <div class="page-header">
         <br><center><h4>Test for {{ user.first_name.title }} {{ user.last_name.title }} </h4></center>
      </div>
      <div class>
         <div class>
     	 <h4><u> {{ question.summary }} </u></h4>
	 <h5>{{ question.description|safe }} </h5>
	 <h5>(Marks : {{ question.points }}) </h5>
         {% if error_message %}<h5>ERROR:<h5><pre>{{ error_message }}</pre>{% endif %}
         <p id="status"></p>
         <form id="code" action="{{URL_ROOT}}/exam/{{ question.id }}/check/" 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 rows="15" style="width:700px;" name="answer">{% if last_attempt %}{{last_attempt.strip}}{% else %}{% if question.type == "bash" %} #!/bin/bash{% else %}# Enter your answer here.{% endif %}{% endif %}</textarea>
         {% 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>
         <h5>{{ user.first_name.title }} {{ user.last_name.title }}, You have {{ paper.questions_left }} question(s) left in {{ quiz_name }} </h5>
         <p id="time_left"><strong>  Time left:   </strong></p>
         <hr/>
         </div>
      </div>
   </div>
   <footer>
     <p>&copy; FOSSEE group, IIT Bombay</p>
   </footer>
</div>
{% endblock content %}