From 480fc524eaffa99bbcec65b0829f6116ccace673 Mon Sep 17 00:00:00 2001
From: jayparikh111
Date: Thu, 15 Mar 2012 18:12:49 +0530
Subject: minor UI changes

---
 testapp/templates/exam/edit_question.html | 217 ++++++++++++++++++++++++------
 1 file changed, 177 insertions(+), 40 deletions(-)

(limited to 'testapp/templates/exam/edit_question.html')

diff --git a/testapp/templates/exam/edit_question.html b/testapp/templates/exam/edit_question.html
index b1395e9..2ab3c7a 100644
--- a/testapp/templates/exam/edit_question.html
+++ b/testapp/templates/exam/edit_question.html
@@ -3,70 +3,207 @@
 {% block subtitle %}Edit Question{% endblock %}
 
 {% block css %}
-<link rel="stylesheet" href="{{ URL_ROOT }}/static/exam/css/question_quiz.css" type="text/css" /> 
+<link rel="stylesheet" href="{{ URL_ROOT }}/static/exam/css/question_quiz.css" type="text/css" />
 {% endblock %}
 {% block script %}
 <script type='text/javascript'>
-function my_render(frm)
+function render_question(frm)
 {
-	for(var i=1;i<=frm.description.length;i++)
+    for(var i=1;i<=frm.description.length;i++)
+    {
+        document.getElementById('my'+i).innerHTML = frm.description[i-1].value;
+    }
+   
+}
+
+function increase(frm,n)
+{
+	var newValue = document.getElementById('id_points'+ (n-1)).value ;
+		
+	if( newValue == "")
+	{
+		document.getElementById('id_points'+(n-1)).value = "0.5";
+		return;
+	}
+	document.getElementById('id_points' + (n-1)).value = parseFloat(newValue) + 0.5;
+}
+
+function decrease(frm,n)
+{
+	var newValue = document.getElementById('id_points'+ (n-1)).value ;
+		
+	if( newValue > 0)
 	{
-		document.getElementById(i).innerHTML = frm.description[i-1].value;
+		document.getElementById('id_points' + (n-1)).value = parseFloat(newValue) - 0.5;
 	}
+	else
+	{
+		document.getElementById('id_points' + (n-1)).value = 0;
+	}
+}
+
+
+function data(showContent,showHideDiv,a,summary)
+{
+    var con = document.getElementById(showContent);
+    var ele=document.getElementById(showHideDiv);
+    var atag=document.getElementById(a);
+    if (ele.style.display=="block")
+    {
+        con.style.display = "none"
+        ele.style.display = "none";
+	atag.text = summary;
+    }
+    else
+    {
+        con.style.display = "block";
+        ele.style.display = "block";
+	atag.text = "Hide";
+    }
+}
+
+function textareaformat()
+{
+	var point = document.getElementsByName('points');
+	var test =  document.getElementsByName('test');
+	var option =  document.getElementsByName('options');
+	var descriptions = document.getElementsByName('description');
+	var type = document.getElementsByName('type');
 	
+	for (var i=0;i<point.length;i++)
+	{
+		point[i].id = point[i].id + i;
+		descriptions[i+1].id=descriptions[i+1].id + i;
+		test[i].id=test[i].id + i;
+		option[i].id=option[i].id + i;
+		type[i].id = type[i].id + i;
+
+		
+	}
+
+	for(var i=0;i<point.length;i++)
+	{
+		var point_id = document.getElementById('id_points'+i);
+		point_id.setAttribute('class','mini-text');
+		
+		var type_id = document.getElementById('id_type'+i);
+		type_id.setAttribute('class','select-type');
+		type_id.onchange = showOptions;
+		var value = type_id.value;
+	
+		var desc_id = document.getElementById('id_description'+i);
+		desc_id.onfocus = gainfocus;
+		desc_id.onblur = lostfocus;
+
+		var test_id = document.getElementById('id_test' + i);
+		test_id.onfocus = gainfocus;
+		test_id.onblur = lostfocus;
+
+		var option_id = document.getElementById('id_options' + i);
+		option_id.onfocus = gainfocus;
+		option_id.onblur = lostfocus;
+		
+		if(value != 'mcq')
+		{
+			document.getElementById('id_options'+i).style.visibility='hidden';
+			document.getElementById('label_option'+(i+1)).innerHTML = "";
+
+		}
+
+		document.getElementById('my'+ (i+1)).innerHTML = desc_id.value;
+	}
 }
-function load_form()
+
+function showOptions(e)
 {
+		var value = this.value;
+		var no = parseInt(this.id.substring(this.id.length-1));
+		if( value == 'mcq')
+		{	
+			document.getElementById('id_options'+no).style.visibility = 'visible';
+			document.getElementById('label_option'+ (no+1)).innerHTML = "Options : "
+		}
+		else
+		{
+			document.getElementById('id_options'+no).value = "";
+			document.getElementById('id_options'+no).style.visibility = 'hidden';
+			document.getElementById('label_option'+ (no+1)).innerHTML = "";
+		}
+		
+
 
 }
 
-function data(showContent,showHideDiv)
+function gainfocus(e)
+{
+	this.rows = 5;
+}
+function lostfocus(e)
+{
+	this.rows = 1;
+}
+
+function autosubmit()
 {
-	var con = document.getElementById(showContent);
-	var ele=document.getElementById(showHideDiv);
-	if (ele.style.display=="block")
+	var total_form = document.getElementsByName('summary').length;
+	var empty_options = 0 ;
+	var count_mcq = 0;
+		
+	for (var i=0;i<total_form;i++)
 	{
-		con.style.display = "none"
-		ele.style.display = "none";
+		if (document.getElementById('id_type' + i).value != 'mcq')
+		{
+			continue;
+		}
+		else
+		{
+			count_mcq = count_mcq + 1;
+			var options = document.getElementById('id_options' + i).value;
+			var total_words = options.split("\n").length ;
+			if ( total_words < 4)
+				empty_options = empty_options + 1 ;
+		}
 	}
-	else
+	if (empty_options > 0)
 	{
-		con.style.display = "block";
-		ele.style.display = "block";
+		alert('Enter 4 options. One option per line.');
+		return false;
 	}
+	return true;
 }
 </script>
 {% endblock %}
-{% block onload %} onload='javascript:load_form();' {% endblock %}
+
+{% block onload %} onload = 'javascript:textareaformat();' {% endblock %}
+
 {% block manage %}
-<form name='frm' action="{{URL_ROOT}}/exam/manage/editquestion/" method="post" onKeyPress='javascript:my_render(frm);'>
+<form name='frm' action="{{URL_ROOT}}/exam/manage/editquestion/" method="post" onSubmit="return autosubmit()" onKeyPress='javascript:render_question(frm);'>
   {% csrf_token %}
-
-	{% for form in forms %}
-		
-		{{ form.summary.value }}<a onClick="data('contentDiv{{forloop.counter}}','myContent{{forloop.counter}}');"  style='cursor:pointer;'>Show</a> <br>
-		<b>Look of Question in HTML Format :</b> 
-<p id='{{forloop.counter}}'></p> 
-		<div id="contentDiv{{forloop.counter}}">
-		     <div id="myContent{{forloop.counter}}" style="display: none;">
-		        <table> {{ form.as_table }} </table>
+<table>
+    {% for form in forms %}
+        
+	<tr cellspacing=2px><td><a id='a{{forloop.counter}}' onClick="data('contentDiv{{forloop.counter}}','myContent{{forloop.counter}}','a{{forloop.counter}}','{{form.summary.value}}');" style='cursor:pointer;'>{{form.summary.value}}</a>
 	
-		     </div>
-		</div> 
-		<hr>
-	{% endfor %}
-
-  {% for form in forms %}
-
-  <table class=span1>
-  {{ form.as_table }}
-  </table>
-  <hr>
-  {% endfor %}
+        <div id="contentDiv{{forloop.counter}}" style="display:none;">
+           <div id="myContent{{forloop.counter}}" style="display: none;">
+	      
+	      <center><table class=span1>
+                 <tr><td>Summary: <td>{{ form.summary }}{{ form.summary.errors }}
+ 
+                 <tr><td>Points:<td><button class="btn-mini" name={{forloop.counter}} type="button" onClick="increase(frm,{{forloop.counter}});">+</button>{{ form.points }}<button class="btn-mini" type="button" onClick="decrease(frm,{{forloop.counter}});"">-</button>{{ form.points.errors }} &nbsp; Active: &nbsp; {{ form.active }}{{form.active.errors}} &nbsp; Type: &nbsp;{{ form.type }}{{form.type.errors}}
+
+                 <tr><td><strong>Rendered: </strong><td><p id='my{{forloop.counter}}'></p>
+                 <tr><td>Description: <td>{{ form.description }}  {{form.description.errors}}
+                 <tr><td>Test: <td>{{ form.test }}{{form.test.errors}}
+                 <tr><td id='label_option{{forloop.counter}}'>Options: <td>{{ form.options }}  {{form.options.errors}} {{form.options.helptext}}
+              </table></center>
+
+           </div>
+        </div>
+        <tr><td><hr>
+    {% endfor %}
+</table>
   <center><button class="btn" type="submit" name="savequestion">Save</button>
   <button class="btn" type="button" name="button" onClick='location.replace("{{URL_ROOT}}/exam/manage/questions/");'>Cancel</button> </center>
 </form>
-
-
 {% endblock %}
-
-- 
cgit