From 216031440bfe304ad51013950f49e88258ed9fde Mon Sep 17 00:00:00 2001
From: Hardik Ghaghada
Date: Mon, 29 Apr 2013 11:05:39 +0530
Subject: Added a separate textarea for non-editable code for snippet feature

---
 testapp/static/exam/js/question.js | 54 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 52 insertions(+), 2 deletions(-)

(limited to 'testapp/static/exam/js')

diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js
index ba3f6d2..72b92e1 100644
--- a/testapp/static/exam/js/question.js
+++ b/testapp/static/exam/js/question.js
@@ -78,11 +78,51 @@ function catchTab(item,e)
 }
 
 var lineObjOffsetTop = 2;
+
+function createTextAreaWithLines2(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';
+    el.style.width = (ta.offsetWidth + 30) + 'px';
+    ta.style.position = 'absolute';
+    ta.style.left = '30px';
+    el.style.height = (ta.offsetHeight + 2) + 'px';
+    el.style.overflow='hidden';
+    el.style.position = 'relative';
+    el.style.width = (ta.offsetWidth + 30) + 'px';
+    var lineObj = document.createElement('DIV');
+    lineObj.style.position = 'absolute';
+    lineObj.style.top = lineObjOffsetTop + 'px';
+    lineObj.style.left = '0px';
+    lineObj.style.width = '27px';
+    el.insertBefore(lineObj,ta);
+    lineObj.style.textAlign = 'right';
+    lineObj.className='lineObj';
+    var string = '';
+    split_content = content.split('\n');
+    for(var no=split_content.length+1;no<1000;no++)
+    {
+	if(string.length>0)string = string + '<br>';
+	string = string + no;
+    }
+    //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
+    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;
+}
        
 function createTextAreaWithLines(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 +142,28 @@ function createTextAreaWithLines(id)
     lineObj.style.textAlign = 'right';
     lineObj.className='lineObj';
     var string = '';
-    for(var no=1;no<200;no++)
+    split_content = content.split('\n');
+    for(var no=1;no<=split_content.length;no++)
     {
 	if(string.length>0)string = string + '<br>';
 	string = string + no;
     }
+    /*for(var no=1;no<200;no++)
+    {
+	if(string.length>0)string = string + '<br>';
+	string = string + no;
+	if (content.trim.length == 0)
+	{
+		alert(string);
+	}
+    }*/
     //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
     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)
-- 
cgit 


From e9f06f07d3b5dc9d9c9760af38ce00afc5c1db96 Mon Sep 17 00:00:00 2001
From: Hardik Ghaghada
Date: Mon, 10 Jun 2013 13:16:27 +0530
Subject: Added the snippet feature & cleaned JS

---
 testapp/static/exam/js/question.js | 44 ++++++++++++++++----------------------
 1 file changed, 19 insertions(+), 25 deletions(-)

(limited to 'testapp/static/exam/js')

diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js
index 72b92e1..eaba0d4 100644
--- a/testapp/static/exam/js/question.js
+++ b/testapp/static/exam/js/question.js
@@ -58,7 +58,6 @@ function replaceSelection (input, replaceString)
     }
 }
 
-// We are going to catch the TAB key so that we can use it, Hooray!
 function catchTab(item,e)
 {
     if(navigator.userAgent.match("Gecko"))
@@ -79,7 +78,7 @@ function catchTab(item,e)
 
 var lineObjOffsetTop = 2;
 
-function createTextAreaWithLines2(id)
+function addLineNumbers(id)
 {
     var el = document.createElement('DIV');
     var ta = document.getElementById(id);
@@ -104,13 +103,23 @@ function createTextAreaWithLines2(id)
     lineObj.className='lineObj';
     var string = '';
     split_content = content.split('\n');
-    for(var no=split_content.length+1;no<1000;no++)
+    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); };
@@ -118,7 +127,7 @@ function createTextAreaWithLines2(id)
     lineObj.innerHTML = string;
 }
        
-function createTextAreaWithLines(id)
+/*function snippetTextArea(id)
 {
     var el = document.createElement('DIV');
     var ta = document.getElementById(id);
@@ -148,23 +157,8 @@ function createTextAreaWithLines(id)
 	if(string.length>0)string = string + '<br>';
 	string = string + no;
     }
-    /*for(var no=1;no<200;no++)
-    {
-	if(string.length>0)string = string + '<br>';
-	string = string + no;
-	if (content.trim.length == 0)
-	{
-		alert(string);
-	}
-    }*/
-    //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
-    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;
-}
+}*/
        
 function positionLineObj(obj,ta)
 {
-- 
cgit 


From 6ab170ff9a530c2d59d4ce4a826c0fcaf9ec246f Mon Sep 17 00:00:00 2001
From: Hardik Ghaghada
Date: Tue, 11 Jun 2013 17:40:29 +0530
Subject: Implemented tabs for indentation for snippets

---
 testapp/static/exam/js/add_question.js  |  86 ++++++++++++++++++++++++--
 testapp/static/exam/js/edit_question.js | 104 ++++++++++++++++++++++++++------
 testapp/static/exam/js/question.js      |  33 ----------
 3 files changed, 168 insertions(+), 55 deletions(-)

(limited to 'testapp/static/exam/js')

diff --git a/testapp/static/exam/js/add_question.js b/testapp/static/exam/js/add_question.js
index 24af127..ab27dc0 100644
--- a/testapp/static/exam/js/add_question.js
+++ b/testapp/static/exam/js/add_question.js
@@ -22,14 +22,82 @@ 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;
@@ -62,6 +130,17 @@ function textareaformat()
          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 +156,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..023b654 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)
 {
@@ -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 eaba0d4..dc37ea4 100644
--- a/testapp/static/exam/js/question.js
+++ b/testapp/static/exam/js/question.js
@@ -127,39 +127,6 @@ function addLineNumbers(id)
     lineObj.innerHTML = string;
 }
        
-/*function snippetTextArea(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';
-    el.style.width = (ta.offsetWidth + 30) + 'px';
-    ta.style.position = 'absolute';
-    ta.style.left = '30px';
-    el.style.height = (ta.offsetHeight + 2) + 'px';
-    el.style.overflow='hidden';
-    el.style.position = 'relative';
-    el.style.width = (ta.offsetWidth + 30) + 'px';
-    var lineObj = document.createElement('DIV');
-    lineObj.style.position = 'absolute';
-    lineObj.style.top = lineObjOffsetTop + 'px';
-    lineObj.style.left = '0px';
-    lineObj.style.width = '27px';
-    el.insertBefore(lineObj,ta);
-    lineObj.style.textAlign = 'right';
-    lineObj.className='lineObj';
-    var string = '';
-    split_content = content.split('\n');
-    for(var no=1;no<=split_content.length;no++)
-    {
-	if(string.length>0)string = string + '<br>';
-	string = string + no;
-    }
-    lineObj.innerHTML = string;
-}*/
-       
 function positionLineObj(obj,ta)
 {
     obj.style.top = (ta.scrollTop * -1 + lineObjOffsetTop) + 'px';  
-- 
cgit 


From 77321c3590301a8550b8b351b6e8bbb382dc8947 Mon Sep 17 00:00:00 2001
From: Hardik Ghaghada
Date: Mon, 1 Jul 2013 12:48:12 +0530
Subject: made changes as per the comments on pull request

---
 testapp/static/exam/js/add_question.js | 65 +++++++++++++++++-----------------
 1 file changed, 33 insertions(+), 32 deletions(-)

(limited to 'testapp/static/exam/js')

diff --git a/testapp/static/exam/js/add_question.js b/testapp/static/exam/js/add_question.js
index ab27dc0..d990291 100644
--- a/testapp/static/exam/js/add_question.js
+++ b/testapp/static/exam/js/add_question.js
@@ -26,16 +26,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();
     }
 }
 
@@ -43,31 +43,31 @@ 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();
+			}
+		}
     }
 }
 
@@ -97,7 +97,8 @@ function textareaformat()
 			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;
@@ -121,21 +122,21 @@ 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;
-- 
cgit