finish getting user responses; still need to deal with file upload

rafaellichen · Mar 31, 2018 · 995a531 · 995a531
1 parent b58965f
commit 995a531
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 8 deletions.
diff --git a/Server/server.js b/Server/server.js
@@ -173,6 +173,7 @@ app.get('/user/:idToken',function(req,res) {
         exams.once("value", function(snapshot) {
           result = Object.values(snapshot.val())
           quizkeys = Object.keys(snapshot.val())
+          console.log(result)
           result = result.filter(function(e, index) {
             return Number(e.date) >= Number(timecode) && Number(e.date) <= Number(timecode2)
           })
@@ -197,6 +198,8 @@ app.get('/user/:idToken',function(req,res) {
               }
           });
           final.push(tempfinal)
+          console.log(final)
+          console.log(quizkeys)
           for(var i=0; i<final.length; i++) {
             for(var j=0; j<final[i].length; j++) {
               final[i][j]=[final[i][j],

diff --git a/Server/views/exam.pug b/Server/views/exam.pug
@@ -11,8 +11,8 @@
                             </aside>
                         </div>
                     </section>
-                    <div class="content" id="bottom">
-                        <aside>
+                    div(name="question" class="content" id="bottom")
+                        aside(name=eachQ.type id=eachQ.questionNum attribute="question")
                             if eachQ.type == "single choice"
                                 <div class="wrapper typo">
                                     <div class="list"><span class="placeholder">?</span>
@@ -31,15 +31,13 @@
                                 <input type="file" class="filepond" name="filepond" multiple data-max-file-size="3MB" data-max-files="3" />
                             if eachQ.type == "text input"
                                 <div class="codeview" id="code"></div>
-                        </aside>
-                    </div>
                 </main>
             </div>
     </div>
-    <div class="container-login100-form-btn">
-        <button name="login" class="login100-form-btn">Submit</button>
-    </div>
+    <button id="save">Save</button>
+    <button id="submit">Submit</button>
 </main>
+
 //- p -----------
 //- p dynamic questions above
 //- <main class="cd-main-content">

diff --git a/Server/views/js/exam.js b/Server/views/js/exam.js
@@ -97,4 +97,38 @@ $(document).ready(function() {
 	  $(this).addClass('s_round_back');
 	  return false;
 	});
-  });
+});
+
+document.getElementById("submit").addEventListener("click", function(){
+	console.log("this is submit")
+	allresponses = document.querySelectorAll('aside[attribute="question"]')
+	responsesubmit = []
+	allresponses.forEach(function(curq) {
+		if(curq.getAttribute("name")=="text input") {
+			responsesubmit.push(curq.id)
+			code = document.getElementById(curq.id).getElementsByClassName("CodeFlask__code")[0].innerHTML
+			responsesubmit.push(code)
+		}
+		if(curq.getAttribute("name")=="multiple choice") {
+			allchoices = document.getElementById(curq.id).getElementsByClassName("active")
+			answer = []
+			for(var i=0; i<allchoices.length; i++) {
+				answer.push(allchoices[i].innerHTML)
+			}
+			responsesubmit.push(curq.id)
+			responsesubmit.push(answer.join("<!>"))
+		}
+		if(curq.getAttribute("name")=="single choice") {
+			responsesubmit.push(curq.id)
+			responsesubmit.push(document.getElementById(curq.id).getElementsByClassName("placeholder")[0].innerHTML)
+		}
+		if(curq.getAttribute("name")=="file submission") {
+			console.log(pond.files);
+		}
+	})
+	console.log(responsesubmit)
+});
+
+document.getElementById("save").addEventListener("click", function(){
+	console.log("this is save")
+});