Moved multiple choice questions to their own template

three_d_viewer/templates/three_d_viewer/detail.html

@@ -1,14 +1,12 @@
 {% extends "three_d_viewer/base.html" %}
 
 {% load static %}
-{% load dajaxice_templatetags %}
 
 {% block includes %}
 {{ block.super }}
 <script type="text/javascript" src="{% static "three_d_viewer/js/lzma.js" %}"></script>
 <script type="text/javascript" src="{% static "three_d_viewer/js/ctm.js" %}"></script>
 <script type="text/javascript" src="{% static "three_d_viewer/js/glMatrix-0.9.5.min.js" %}"></script>
-{% dajaxice_js_import %}
 
 <script id="shader-vs" type="x-shader/x-vertex">
   attribute vec3 aVertexPosition;
@@ -354,14 +352,6 @@ function handleMouseMove(event){
     lastMouseY = newY;
   }
 }
-
-function my_callback(data){
-    var message = "Incorrect";
-    if (data.result){
-        message = 'Correct';
-    }
-    alert(message);
-}
 </script>
 {% endblock %}
 
@@ -377,15 +367,7 @@ function my_callback(data){
         {% include "three_d_viewer/sampletree.html" %}
     </div>
     <div class="row">
-    <div class="well">
+        {% include "three_d_viewer/question.html" %}
-        {% if sample.questions %}
-            {{ sample.questions.all.0 }}<br>
-                {% for answer in sample.questions.all.0.answers.all %}
-                    <input type="radio" name="answer" value={{answer.id}}>{{ answer}}</input><br>
-                {% endfor %}
-                <input type="button" onclick="Dajaxice.three_d_viewer.check_answer(my_callback, {'answerid':$('input:radio[name=answer]:checked').val(), 'questionid':{{ sample.questions.all.0.id }}})" value="Get message from server!" />
-        {% endif %}
-    </div>
     </div>
 {% endblock %}
 

three_d_viewer/templates/three_d_viewer/question.html

@@ -0,0 +1,23 @@
+{% load dajaxice_templatetags %}
+{% dajaxice_js_import %}
+
+<script type="text/javascript">
+    function my_callback(data)
+    {
+        var message = "Incorrect";
+        if (data.result){
+            message = 'Correct';
+        }
+        alert(message);
+    }
+</script>
+
+{% if sample.questions.all %}
+    <div class="well">
+        {{ sample.questions.all.0 }}<br>
+            {% for answer in sample.questions.all.0.answers.all %}
+                <input type="radio" name="answer" value={{answer.id}}>{{ answer}}</input><br>
+            {% endfor %}
+            <input type="button" onclick="Dajaxice.three_d_viewer.check_answer(my_callback, {'answerid':$('input:radio[name=answer]:checked').val(), 'questionid':{{ sample.questions.all.0.id }}})" value="Get message from server!" />
+    </div>
+{% endif %}