Merge pull request #11 from hardythe1/fresh_snippet_feature

Fresh snippet feature

4 files changed, 226 insertions, 70 deletions

diff --git a/testapp/static/exam/js/add_question.js b/testapp/static/exam/js/add_question.js
index 24af127..d990291 100644
--- a/testapp/static/exam/js/add_question.js
+++ b/testapp/static/exam/js/add_question.js
@@ -22,14 +22,83 @@ function decrease(frm)
 	
 }
 
-function textareaformat()
+function setSelectionRange(input, selectionStart, selectionEnd) 
 {
+    if (input.setSelectionRange) 
+    {
+		input.focus();
+		input.setSelectionRange(selectionStart, selectionEnd);
+    }
+    else if (input.createTextRange) 
+    {
+		var range = input.createTextRange();
+		range.collapse(true);
+		range.moveEnd('character', selectionEnd);
+		range.moveStart('character', selectionStart);
+		range.select();
+    }
+}
 
+function replaceSelection (input, replaceString) 
+{
+    if (input.setSelectionRange) 
+    {
+		var selectionStart = input.selectionStart;
+		var selectionEnd = input.selectionEnd;
+		input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
+		if (selectionStart != selectionEnd)
+		{ 
+			setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
+		}
+		else
+		{
+			setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
+		}
+    }
+    else if (document.selection) 
+    {
+		var range = document.selection.createRange();
+		if (range.parentElement() == input) 
+		{
+			var isCollapsed = range.text == '';
+			range.text = replaceString;
+			if (!isCollapsed)  
+			{
+				range.moveStart('character', -replaceString.length);
+				range.select();
+			}
+		}
+    }
+}
+
+function textareaformat()
+{
 	document.getElementById('id_type').setAttribute('class','select-type');
-	
 	document.getElementById('id_points').setAttribute('class','mini-text');
     document.getElementById('id_tags').setAttribute('class','tag-text');
-
+    
+    jQuery().ready(function() 
+        { 
+            $("#id_snippet").val("#To avoid indentation errors use tabs for indentation for Python questions");
+        });
+	
+	$('#id_snippet').bind('keydown', function( event ){
+         if(navigator.userAgent.match("Gecko"))
+		{
+			c=event.which;
+		}
+		else
+		{
+			c=event.keyCode;
+		}
+		if(c==9)
+		{
+			replaceSelection(document.getElementById('id_snippet'),String.fromCharCode(9));
+			setTimeout(document.getElementById('id_snippet'),0);	
+			return false;
+		}
+      });
+      	
 	$('#id_description').bind('focus', function( event ){
          document.getElementById("id_description").rows=5;
          document.getElementById("id_description").cols=40;
@@ -53,15 +122,26 @@ function textareaformat()
          document.getElementById("id_test").rows=1;
          document.getElementById("id_test").cols=40;
       });
+      
 	$('#id_options').bind('focus', function( event ){
          document.getElementById("id_options").rows=5;
          document.getElementById("id_options").cols=40;
       });
-
 	$('#id_options').bind('blur', function( event ){
          document.getElementById("id_options").rows=1;
          document.getElementById("id_options").cols=40;
       });
+      
+      $('#id_snippet').bind('focus', function( event ){
+         document.getElementById("id_snippet").rows=5;
+         document.getElementById("id_snippet").cols=40;
+         $('#id_snippet').val("");
+      });
+	$('#id_snippet').bind('blur', function( event ){
+         document.getElementById("id_snippet").rows=1;
+         document.getElementById("id_snippet").cols=40;
+         $('#id_snippet').val("#To avoid indentation errors use tabs for indentation for Python questions");
+      });
 	
 	$('#id_type').bind('change',function(event){
 		var value = document.getElementById('id_type').value;
@@ -77,7 +157,6 @@ function textareaformat()
 			document.getElementById('label_option').innerHTML = "";
 		}
 	});
-
 		document.getElementById('my').innerHTML = document.getElementById('id_description').value ;
 		var value = document.getElementById('id_type').value;
 		if(value == 'mcq')
diff --git a/testapp/static/exam/js/edit_question.js b/testapp/static/exam/js/edit_question.js
index acba384..8866b9a 100644
--- a/testapp/static/exam/js/edit_question.js
+++ b/testapp/static/exam/js/edit_question.js
@@ -46,6 +46,54 @@ function grade_data(showHideDiv)
        }
 }
 
+function setSelectionRange(input, selectionStart, selectionEnd) 
+{
+    if (input.setSelectionRange) 
+    {
+		input.focus();
+		input.setSelectionRange(selectionStart, selectionEnd);
+    }
+    else if (input.createTextRange) 
+    {
+		var range = input.createTextRange();
+		range.collapse(true);
+		range.moveEnd('character', selectionEnd);
+		range.moveStart('character', selectionStart);
+		range.select();
+    }
+}
+
+function replaceSelection (input, replaceString) 
+{
+    if (input.setSelectionRange) 
+    {
+		var selectionStart = input.selectionStart;
+		var selectionEnd = input.selectionEnd;
+		input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
+		if (selectionStart != selectionEnd)
+		{ 
+			setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
+		}
+		else
+		{
+			setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
+		}
+    }
+    else if (document.selection) 
+    {
+		var range = document.selection.createRange();
+		if (range.parentElement() == input) 
+		{
+			var isCollapsed = range.text == '';
+			range.text = replaceString;
+			if (!isCollapsed)  
+			{
+				range.moveStart('character', -replaceString.length);
+				range.select();
+			}
+		}
+    }
+}
 
 function data(showContent,showHideDiv,a,summary)
 {
@@ -56,7 +104,7 @@ function data(showContent,showHideDiv,a,summary)
     {
         con.style.display = "none"
         ele.style.display = "none";
-	atag.text = summary;
+		atag.text = summary;
     }
     else
     {
@@ -71,61 +119,84 @@ function textareaformat()
 	var test =  document.getElementsByName('test');
 	var option =  document.getElementsByName('options');
 	var descriptions = document.getElementsByName('description');
+	var snippets = document.getElementsByName('snippet');
 	var type = document.getElementsByName('type');
     var tags = document.getElementsByName('tags');
-	
 	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;
+		snippets[i].id=snippets[i].id + i; 
 		option[i].id=option[i].id + i;
 		type[i].id = type[i].id + i;
         tags[i].id = tags[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 tags_id = document.getElementById('id_tags'+i);
 		tags_id.setAttribute('class','ac_input');
         tags_id.setAttribute('autocomplete','off');
-       
-        jQuery().ready(function() 
-        { 
-            jQuery("#id_tags" + i).autocomplete("/taggit_autocomplete_modified/json", { multiple: true }); 
-        });
-    		
         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 snippet_id = document.getElementById('id_snippet'+i);
+		$(snippet_id).bind('focus',function(event){
+			this.rows = 5;
+			$(snippet_id).val("");
+		});
+		$(snippet_id).bind('blur',function(event){
+			this.rows = 1;
+			$(snippet_id).val("#To avoid indentation errors use tab for indentation for Python questions");
+		});
+		$(snippet_id).bind('keydown', function (event){
+			catchTab(snippet_id,event);
+		});
 		var option_id = document.getElementById('id_options' + i);
 		option_id.onfocus = gainfocus;
-		option_id.onblur = lostfocus;
-		
+		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;
+		jQuery().ready(function() 
+        { 
+            jQuery("#id_tags" + i).autocomplete("/taggit_autocomplete_modified/json", { multiple: true });
+            $(snippet_id).val("#To avoid indentation errors use tab for indentation for Python questions");
+        });
 	}
 }
 
+function catchTab(item,e)
+{
+    if(navigator.userAgent.match("Gecko"))
+    {
+		c=e.which;
+    }
+    else
+    {
+		c=e.keyCode;
+    }
+    if(c==9)
+    {
+		replaceSelection(item,String.fromCharCode(9));
+		setTimeout("document.getElementById('"+item.id+"').focus();",0);	
+		return false;
+    }
+}
+
 function showOptions(e)
 {
 		var value = this.value;
@@ -141,9 +212,6 @@ function showOptions(e)
 			document.getElementById('id_options'+no).style.visibility = 'hidden';
 			document.getElementById('label_option'+ (no+1)).innerHTML = "";
 		}
-		
-
-
 }
 
 function gainfocus(e)
diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js
index ba3f6d2..cb6807e 100644
--- a/testapp/static/exam/js/question.js
+++ b/testapp/static/exam/js/question.js
@@ -13,16 +13,16 @@ function setSelectionRange(input, selectionStart, selectionEnd)
 {
     if (input.setSelectionRange) 
     {
-	input.focus();
-	input.setSelectionRange(selectionStart, selectionEnd);
+		input.focus();
+		input.setSelectionRange(selectionStart, selectionEnd);
     }
     else if (input.createTextRange) 
     {
-	var range = input.createTextRange();
-	range.collapse(true);
-	range.moveEnd('character', selectionEnd);
-	range.moveStart('character', selectionStart);
-	range.select();
+		var range = input.createTextRange();
+		range.collapse(true);
+		range.moveEnd('character', selectionEnd);
+		range.moveStart('character', selectionStart);
+		range.select();
     }
 }
 
@@ -30,59 +30,59 @@ function replaceSelection (input, replaceString)
 {
     if (input.setSelectionRange) 
     {
-	var selectionStart = input.selectionStart;
-	var selectionEnd = input.selectionEnd;
-	input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
-	if (selectionStart != selectionEnd)
-	{ 
-	    setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
-	}
-	else
-	{
-	    setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
-	}
+		var selectionStart = input.selectionStart;
+		var selectionEnd = input.selectionEnd;
+		input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
+		if (selectionStart != selectionEnd)
+		{ 
+			setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
+		}
+		else
+		{
+			setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
+		}
     }
     else if (document.selection) 
     {
-	var range = document.selection.createRange();
-	if (range.parentElement() == input) 
-	{
-	    var isCollapsed = range.text == '';
-	    range.text = replaceString;
-	    if (!isCollapsed)  
-	    {
-		range.moveStart('character', -replaceString.length);
-		range.select();
-	    }
-	}
+		var range = document.selection.createRange();
+		if (range.parentElement() == input) 
+		{
+			var isCollapsed = range.text == '';
+			range.text = replaceString;
+			if (!isCollapsed)  
+			{
+				range.moveStart('character', -replaceString.length);
+				range.select();
+			}
+		}
     }
 }
 
-// We are going to catch the TAB key so that we can use it, Hooray!
 function catchTab(item,e)
 {
     if(navigator.userAgent.match("Gecko"))
     {
-	c=e.which;
+		c=e.which;
     }
     else
     {
-	c=e.keyCode;
+		c=e.keyCode;
     }
     if(c==9)
     {
-	replaceSelection(item,String.fromCharCode(9));
-	setTimeout("document.getElementById('"+item.id+"').focus();",0);	
-	return false;
+		replaceSelection(item,String.fromCharCode(9));
+		setTimeout("document.getElementById('"+item.id+"').focus();",0);	
+		return false;
     }
 }
 
 var lineObjOffsetTop = 2;
-       
-function createTextAreaWithLines(id)
+
+function addLineNumbers(id)
 {
     var el = document.createElement('DIV');
     var ta = document.getElementById(id);
+    var content = document.getElementById('snippet').value;
     ta.parentNode.insertBefore(el,ta);
     el.appendChild(ta);
     el.className='textAreaWithLines';
@@ -102,18 +102,29 @@ function createTextAreaWithLines(id)
     lineObj.style.textAlign = 'right';
     lineObj.className='lineObj';
     var string = '';
-    for(var no=1;no<200;no++)
+    split_content = content.split('\n');
+    if(id == "answer")
     {
-	if(string.length>0)string = string + '<br>';
-	string = string + no;
-    }
-    //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
-    ta.onmousedown = function() { positionLineObj(lineObj,ta); };
+		for(var no=split_content.length+1;no<1000;no++)
+		{
+			if(string.length>0)string = string + '<br>';
+			string = string + no;
+		}
+	}
+	else
+	{
+		for(var no=1;no<=split_content.length;no++)
+		{
+			if(string.length>0)string = string + '<br>';
+			string = string + no;
+		}
+	}
+	ta.onmousedown = function() { positionLineObj(lineObj,ta); };
     ta.onscroll = function() { positionLineObj(lineObj,ta); };
     ta.onblur = function() { positionLineObj(lineObj,ta); };
     ta.onfocus = function() { positionLineObj(lineObj,ta); };
     ta.onmouseover = function() { positionLineObj(lineObj,ta); };
-    lineObj.innerHTML = string;    
+    lineObj.innerHTML = string;
 }
        
 function positionLineObj(obj,ta)
diff --git a/testapp/static/exam/js/show_quiz.js b/testapp/static/exam/js/show_quiz.js
index 2e6e2de..c58feaa 100644
--- a/testapp/static/exam/js/show_quiz.js
+++ b/testapp/static/exam/js/show_quiz.js
@@ -38,6 +38,4 @@ function confirm_edit(frm)
     }
     else
         return true;
-    
-
 }