From dacf10553b2494add15fae2eb66a75dc847b49a0 Mon Sep 17 00:00:00 2001
From: juliotoscano <juliotoscanodebrito@gmail.com>
Date: Tue, 22 Nov 2016 09:12:04 -0300
Subject: [PATCH] created file modalExam Js #362

---
 exam/static/js/modalExam.js     | 147 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 exam/templates/exam/create.html |   6 +++---
 2 files changed, 150 insertions(+), 3 deletions(-)
 create mode 100644 exam/static/js/modalExam.js

diff --git a/exam/static/js/modalExam.js b/exam/static/js/modalExam.js
new file mode 100644
index 0000000..9f5a197
--- /dev/null
+++ b/exam/static/js/modalExam.js
@@ -0,0 +1,147 @@
+
+//Insert Create select with question type
+  var idQuestionType = 1;
+  $("#addQuestion").on("click", function(event){
+    var element =
+    '<div class="row form-group" id="questionType_' + idQuestionType +'">' +
+    '<label for="questionType" class="col-md-2 control-label">' +
+    '{% trans "Question Type" %}</label>' + '<div class="col-md-10">' +
+          '<select id="questionType'+ idQuestionType +'" class="form-control" name="option_question" onchange="showDiv (this, '+ idQuestionType +')">' +
+            '<option selected disabled>{% trans "Question Type" %}</option>' +
+            '<option value="0">{% trans "Multiple Choice" %}</option>' +
+            '<option value="1">{% trans "True or False" %}</option>' +
+            '<option value="2">{% trans "Gap Filling" %}</option>' +
+            '<option value="3">{% trans "Discursive Question" %}</option>' +
+          '</select>' +
+        '</div>' +
+      '</div>' + '<hr id="hr_'+idQuestionType+'">'
+      ;
+      if (idQuestionType == 1){
+        $(element).insertAfter('#buttonAddQuestion');
+      }else{
+        var idhr = '#hr_'+(idQuestionType-1);
+        $(element).insertAfter(idhr);
+      }
+    idQuestionType++;
+  })
+
+  //Insert question choice
+  function showDiv (elem, questionType_id) {
+    if (elem.value == 0) {
+      var questionChoice =
+      '<div id="questionChoice_'+questionType_id+'">' +
+          '<div class="row form-group">'+
+            '<label for="question-name" class="col-md-2 control-label">Question</label>'+
+            '<div class="col-md-10">'+
+              '<textarea class="form-control" rows="1" id="question-name" placeholder="Wording"></textarea>'+
+            '</div>'+
+          '</div>'+
+          '<div class="row form-group">'+
+            '<label for="alternatives" class="col-md-2 control-label">Alternatives</label>'+
+            '<div class="col-md-10" id="radios_'+questionType_id+'">'+
+              '<div class="radio radio-primary form-group">'+
+                '<label>'+
+                  '<input checked type="radio" name="multiple-choice" id="alternative1" value="1">'+
+                  '<textarea class="form-control" rows="1" placeholder="Write your alternative"></textarea>'+
+                '</label>'+
+              '</div>'+
+              '<div class="radio radio-primary form-group">'+
+                '<label>'+
+                  '<input type="radio" name="multiple-choice" id="alternative2" value="2">'+
+                  '<textarea class="form-control" rows="1" placeholder="Write your alternative"></textarea>'+
+                '</label>'+
+              '</div>'+
+            '</div>'+
+          '</div>'+
+          '<div class="form-group">'+
+            '<button type="button" class="btn btn-raised btn-primary" id="newAlternative_'+questionType_id+'" onclick="functionNewAlternative(radios_'+questionType_id+')">New Alternative</button>'+
+          '</div>'+
+        '</div>';
+    } else if (elem.value == 1) {
+      var questionChoice =
+        '<div id="questionChoice_'+questionType_id+'">'+
+              '<div class="row form-group">'+
+                '<label for="question-name" class="col-md-2 control-label">Question True or False</label>'+
+                '<div class="col-md-10">'+
+                  '<textarea class="form-control" rows="1" id="question-name" placeholder="Wording"></textarea>'+
+                '</div>'+
+              '</div>'+
+              '<div class="row form-group">'+
+                '<label for="alternative" class="col-md-2 control-label">Alternatives: T/F</label>'+
+                '<div class="col-md-10" id="radiosTF_'+questionType_id+'">'+
+                  '<div class="radio form-group" value="1">'+
+                    '<div class="radio">'+
+                        '<label>'+
+                        '<textarea class="form-control" rows="1" placeholder="Write your alternative"></textarea>'+
+                      '</label>'+
+                      '<label>'+
+                        '<input type="radio" name="true-or-false-1" value="T">'+
+                      '</label>'+
+                      '<label>'+
+                        '<input type="radio" name="true-or-false-1" value="F">'+
+                      '</label>'+
+                    '</div>'+
+                  '</div>'+
+                  '<div class="radio form-group" value="2">'+
+                      '<label>'+
+                        '<textarea class="form-control" rows="1" placeholder="Write your alternative"></textarea>'+
+                      '</label>'+
+                      '<label>'+
+                        '<input type="radio" name="true-or-false-2" value="T">'+
+                      '</label>'+
+                      '<label>'+
+                       '<input type="radio" name="true-or-false-2" value="F">'+
+                      '</label>'+
+                    '</div>'+
+                  '</div>'+
+                '</div>'+
+              '<div class="form-group">'+
+                '<button type="button" class="btn btn-raised btn-primary" id="newAlternative_'+questionType_id+'" onclick="functionNewAlternativeTF(radiosTF_'+questionType_id+')">New Alternative</button>'+
+              '</div>'+
+            '</div>';
+    } else if (elem.value == 3) {
+      var questionChoice =
+      '<div id="questionChoice_'+questionType_id+'">'+
+        '<div class="row form-group">'+
+          '<label for="question-name" class="col-md-2 control-label">Name Question discursive</label>'+
+          '<div class="col-md-10">'+
+            '<textarea class="form-control" rows="2" id="question" placeholder="Wording"></textarea>'+
+          '</div>'+
+        '</div>'+
+      '</div>';
+    }
+    if(document.getElementById('questionChoice_'+ questionType_id)){
+      $('#questionChoice_'+ questionType_id).detach();
+    }
+    $(questionChoice).insertBefore('#hr_'+questionType_id);
+    $.material.init() //O material deve ser iniciado aqui para funcionar os botoes de radio.
+  }
+//Bug quando criamos sem ser na ordem
+function functionNewAlternative(Question_Id){
+  var alternative = parseInt($("div input").last().val()) + 1;
+   var element = '<div class="radio radio-primary form-group">' +
+    '<label>' +
+      '<input type="radio" name="alternatives" id="alternative_'+alternative+'_'+Question_Id+'"' + 'value="'+alternative+'">' +
+        '<textarea class="form-control" rows="1" placeholder="Write your alternative"></textarea>' +
+      '</label>'+
+    '</div>';
+    $(Question_Id).append(element);
+    $.material.init() //O material deve ser iniciado aqui para funcionar os botoes de radio.
+}
+function functionNewAlternativeTF(Question_Id){
+  var alternative = parseInt($("div").last().val()) + 1;
+   var element =
+    '<div class="radio form-group">'+
+      '<label>'+
+        '<textarea class="form-control" rows="1" placeholder="Write your alternative"></textarea>'+
+      '</label>'+
+      '<label>'+
+        '<input type="radio" name="true-or-false-2" value="T">'+
+      '</label>'+
+      '<label>'+
+        '<input type="radio" name="true-or-false-2" value="F">'+
+      '</label>'+
+    '</div>';
+    $(Question_Id).append(element);
+    $.material.init() //O material deve ser iniciado aqui para funcionar os botoes de radio.
+}
\ No newline at end of file
diff --git a/exam/templates/exam/create.html b/exam/templates/exam/create.html
index 44ddb97..3a7140e 100644
--- a/exam/templates/exam/create.html
+++ b/exam/templates/exam/create.html
@@ -4,7 +4,7 @@
 
 {# {% block style %} #}
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-  <script src="{% static 'js/modal_exam.js' %}"></script>
+  <script src="{% static 'js/modalExam.js' %}"></script>
 
 {# {% endblock %} #}
 
@@ -93,9 +93,9 @@
 var id = 1;
 $("#add_question").click(function(){
   $.get("{% url 'course:exam:true_or_false_question' %}", function(data){
-    
+
     $("#questions").append(data);
-    
+
     $("#0").attr("id","true_" + id++);
   });
 });
--
libgit2 0.21.2