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/exam/views.py                |  4 +--
 testapp/static/exam/js/question.js   | 54 ++++++++++++++++++++++++++++++++++--
 testapp/templates/exam/question.html |  7 +++--
 3 files changed, 59 insertions(+), 6 deletions(-)

diff --git a/testapp/exam/views.py b/testapp/exam/views.py
index 5a5f5fe..0767d67 100644
--- a/testapp/exam/views.py
+++ b/testapp/exam/views.py
@@ -476,8 +476,8 @@ def automatic_questionpaper(request, questionpaper_id=None):
                 context = {'data': {'questions': fetched_questions,
                                     'tags': tags,
                                     'msg': msg}}
-                return my_render_to_response\(
-                                'exam/automatic_questionpaper.html', context,
+                return my_render_to_response\
+                                ('exam/automatic_questionpaper.html', context,
                                 context_instance=RequestContext(request))
         else:
             tags = Tag.objects.all()
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)
diff --git a/testapp/templates/exam/question.html b/testapp/templates/exam/question.html
index 4f65b64..3506c93 100644
--- a/testapp/templates/exam/question.html
+++ b/testapp/templates/exam/question.html
@@ -87,12 +87,15 @@ function update_time()
          {% endfor %}
          {% else %}
 
-         <textarea tabindex=1 rows="15" style="width:750px;margin-bottom:10px;" name="answer" id="answer" wrap="off" onkeydown="return catchTab(this,event)">{% if last_attempt %}{{last_attempt.strip}}{% else %}{% if question.type == "bash" %} #!/bin/bash{% else %}{{ question.snippet }}{% endif %}{% endif %}</textarea>
+         <textarea tabindex=1 rows="7" style="width:750px;margin-bottom:15px;" readonly=yes name="snippet" id="snippet" wrap="off" onkeydown="return catchTab(this,event)">{% if last_attempt %}{{last_attempt.strip}}{% else %}{% if question.type == "bash" %} #!/bin/bash{% else %}{{ question.snippet }}{% endif %}{% endif %}</textarea>
+        
+         <textarea tabindex=1 rows="10" style="width:750px;margin-bottom:10px;" name="answer" id="answer" wrap="off" onkeydown="return catchTab(this,event)">{% if last_attempt %}{{last_attempt.strip}}{% else %}{% if question.type == "bash" %} #!/bin/bash{% else %}{% endif %}{% endif %}</textarea>
 <br>
 
  <script type="text/javascript">
-       createTextAreaWithLines('answer');
+       createTextAreaWithLines2('answer');
        </script>
+       <script>createTextAreaWithLines('snippet');</Script>
          {% endif %}
 
          {% if question.type == "mcq" %}
-- 
cgit