From 9eb2969a84bfdd2aaa8038db5f0a3a95fd8afd99 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 19 Oct 2020 17:05:10 +0100
Subject: [PATCH] improve answer submission

---
 .gitignore |   2 +
 index.html |  17 +++++++-
 js/main.js | 117 ++++++++++++++++++++++++++++++++++++++++++++++++-----
 3 files changed, 123 insertions(+), 13 deletions(-)

diff --git a/.gitignore b/.gitignore
index 4f76999..5ab3728 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,5 @@ img/*
 .htaccess
 
 node_modules
+
+config.js
\ No newline at end of file
diff --git a/index.html b/index.html
index c7c4a62..8661f0e 100644
--- a/index.html
+++ b/index.html
@@ -112,9 +112,22 @@
         </div>
         <div class="dialog-text">
             Click to start exam.
-            <p>You will have <input type='number' size=2 id='exam-time'></input> minutes.</p>
+            <p>You will have <input type='number' size=2 class='exam-time'></input> minutes.</p>
         </div>
-        <button id="start-packet-button" class="navigation dialog-yes">Start</button>
+        <button class="start-packet-button navigation dialog-yes">Start</button>
+    </div>
+
+    <div id="start-dialog-exam" class="dialog modal no-close">
+        <h3 class="dialog-title">Start exam</h3>
+        <div class="dialog-text">
+            Click to start exam.
+            <p>You will have <input type='number' size=2 class='exam-time'></input> minutes.</p>
+        </div>
+        <div class="dialog-text">
+            Check your below candidate number is correct.
+            <input type='number' size=10 id='candidate-number2'></input>
+        </div>
+        <button class="start-packet-button navigation dialog-yes">Start</button>
     </div>
 
     <div id="time-up-dialog" class="dialog modal">
diff --git a/js/main.js b/js/main.js
index a24ae32..7dd9ec7 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,6 +1,7 @@
 /* global Dexie, cornerstone, cornerstoneTools, cornerstoneBase64ImageLoader, cornerstoneWebImageLoader, cornerstoneWADOImageLoader */
 import * as helper from "./helpers.js";
 import * as viewer from "./viewer.js";
+import * as config from "./config.js";
 // const { v4: uuidv4 } = require('uuid');
 
 // cid = null;
@@ -11,6 +12,7 @@ window.eid = 5678;
 window.exam_mode = false;
 
 window.packet_list = [];
+window.exams = [];
 
 window.packet_name = null;
 window.questions = null;
@@ -30,6 +32,8 @@ window.timer = null;
 
 //window.dfile = null;
 
+window.config = config;
+
 retrievePacketList();
 
 /**
@@ -38,13 +42,29 @@ retrievePacketList();
  * and then fallback to packets.json
  */
 function retrievePacketList() {
-  $.getJSON("packets/", function (data) {
-    loadPacketList(data);
+  let url = "packets/";
+
+  console.log(window.config.exam_query_url)
+
+  if (window.config.exam_query_url != undefined) {
+    url = window.config.exam_query_url;
+  }
+
+  $.getJSON(url, function (data) {
+    if (data.hasOwnProperty("exams")) {
+      loadExamList(data);
+    } else {
+      loadPacketList(data);
+    }
   })
     .done(function () {})
     .fail(function () {
       $.getJSON("packets/packets.json", function (data) {
-        loadPacketList(data);
+        if (data.hasOwnProperty("exams")) {
+          loadExamList(data);
+        } else {
+          loadPacketList(data);
+        }
       }).fail(function (jqXHR, textStatus, errorThrown) {
         console.log(jqXHR);
         console.log(textStatus);
@@ -56,6 +76,65 @@ function retrievePacketList() {
     .always(function () {});
 }
 
+/**
+ * Generate a list of exams that are available to be loaded
+ * this is based on the subsequant function but gives less options
+ *
+ * @param {JSON} data - json containing available exams
+ */
+async function loadExamList(data) {
+  let sessions = await window.db.session.toArray().catch(function (error) {
+    console.log("Error loading session", error);
+    $("#database-error").text(
+      "Error loading the database, schema has probably changed and needs updating. You will probably need to delete the local database."
+    );
+    let delete_button = $("<button>Delete local database</button>").click(
+      () => {
+        window.indexedDB.deleteDatabase("answers_database");
+        location.reload();
+      }
+    );
+    $("#database-error").append(delete_button);
+    $("#database-error").show();
+  });
+  // db.session
+  //   .where("packet")
+  //   .equals()
+  let exams_started = [];
+  let exams_completed = [];
+  sessions.forEach((s) => {
+    if (s.status == "active") {
+      exams_started.push(s.packet);
+    } else {
+      exams_completed.push(s.packet);
+    }
+  });
+
+  if (data != null) {
+    window.exam_list = data.exams;
+  }
+  $("#packet-list").empty();
+  window.exam_list.forEach(function (exam) {
+    let name = exam["name"];
+    let url = exam["url"];
+    let c = "";
+    if (exams_started.indexOf(name) > -1) {
+      c = " session-started";
+    }
+    if (exams_completed.indexOf(name) > -1) {
+      c = " session-completed";
+    }
+    $("#packet-list").append(
+      $(`<div class='packet-button${c}' title='Load packet'></div>`)
+        .text(name)
+        .click(function () {
+          loadPacketFromAjax(url);
+        })
+    );
+  });
+  $("#options-panel").show();
+}
+
 /**
  * Generate a list of the packets that are available to be loaded
  *
@@ -200,13 +279,25 @@ function setUpQuestions(load_previous) {
     }
   }
 
-  $("#exam-time")
+  $(".exam-time")
     .val(window.exam_time / 60)
     .change(() => {
-      window.exam_time = $("#exam-time").val() * 60;
+      window.exam_time = $(".exam-time").val() * 60;
     });
 
-  $("#start-dialog").modal();
+  if (window.exam_mode) {
+    $("#candidate-number2").val(window.cid).change(() => {
+      window.cid = parseInt($("#candidate-number2").val());
+    });
+
+
+    $("#start-dialog-exam").modal( {closeExisting: false,    // Close existing modals. Set this to false if you need to stack multiple modal instances.
+  escapeClose: false,      // Allows the user to close the modal by pressing `ESC`
+  clickClose: false,       // Allows the user to close the modal by clicking the overlay
+  showClose: false}  );
+  } else {
+    $("#start-dialog").modal();
+  }
 }
 
 // Set up cornerstone (the dicom viewer)
@@ -1037,13 +1128,17 @@ function getJsonAnswers() {
  * @param {*} ans - json representation of answers
  */
 function postAnswers(ans) {
-  console.log(ans);
+  $("#progress").html(`Submitting answers...`);
   // ans = {"test" : 1}
-  $.post("http://localhost:8000/submit_answers", JSON.stringify(ans)).done(
+  $.post(window.config.exam_submit_url, JSON.stringify(ans)).done(
     (data) => {
-      console.log(data);
+    console.log(data)
+    if (data.success) {
+      alert("Answers sucessfully submitted.");
+    } else {
+      alert(`Error submitting answers: ${data.error}`);
     }
-  );
+    });
   // $.post( "http://localhost:8000/submit_answers", JSON.stringify(ans));
 }
 
@@ -1640,7 +1735,7 @@ $("#start-exam-button").click(function (evt) {
   $.modal.close();
 });
 
-$("#start-packet-button").click(function (evt) {
+$(".start-packet-button").click(function (evt) {
   if (window.timer != null) {
     window.timer.stop();
   }