From 089841d98aa2160e212a4fda5a272f926751849f Mon Sep 17 00:00:00 2001
From: Ali Ramadhan <ali.hh.ramadhan@gmail.com>
Date: Thu, 25 May 2017 00:38:01 -0400
Subject: [PATCH 1/2] problem ID's are now strings.

This is so that the engine can use this problemID string to dynamically import the correct problem module.
---
 1-finding-earthquake-epicenters.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/1-finding-earthquake-epicenters.html b/1-finding-earthquake-epicenters.html
index f8b7276..7c0d791 100755
--- a/1-finding-earthquake-epicenters.html
+++ b/1-finding-earthquake-epicenters.html
@@ -56,7 +56,7 @@
 
     <div class="jumbotron">
         <div class="container">
-        <meta name="problemID" content="1">
+        <meta name="problemID" content="problem1">
             <h1>Finding earthquake epicenters</h1>
 
             <!-- For now, I'll just focus on problem statements.

From f5ccd3ad855b67cff3ab9ec0cf197bc90c0e7b9f Mon Sep 17 00:00:00 2001
From: Ali Ramadhan <ali.hh.ramadhan@gmail.com>
Date: Fri, 26 May 2017 01:44:46 -0400
Subject: [PATCH 2/2] Test case details HTML generated by client.

The engine now responds with a list of dicts (testCaseDetails) where
each dict contains all the info for a particular test case and the
client is responsible for formatting/printing/plotting/etc. this
info. This is done in submit.js for now.
---
 js/submit.js | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/js/submit.js b/js/submit.js
index 6224c04..7dbcb24 100644
--- a/js/submit.js
+++ b/js/submit.js
@@ -41,12 +41,46 @@ $('#code-submit-form').submit(function () {
 function handleAjaxSuccess(response) {
     console.log("AJAX success!");
     console.log(response);
+
     if (response.success) {
         document.getElementById('result-text').innerHTML += "Success!";
     } else {
         document.getElementById('result-text').innerHTML += "Failed.";
     }
-    document.getElementById('result-text').innerHTML += response.details;
+
+    var nTestCases = response.testCaseDetails.length;
+    var passes = 0;
+    for (var i = 0; i < nTestCases; i++) {
+        passes += response.testCaseDetails[i].passed ? 1 : 0;
+    }
+    document.getElementById('result-text').innerHTML
+        += ' Passed ' + passes + '/' + nTestCases + ' test cases.<br><br>';
+
+    // Print all the test case details.
+    for (var i = 0; i < nTestCases; i++) {
+        testCasePanelTitle = 'Test case ' + (i+1) + '/' + nTestCases
+            + ' (' + response.testCaseDetails[i].testCaseType + '): ';
+        if (response.testCaseDetails[i].passed) {
+            testCasePanelTitle += 'passed!<br>';
+        } else {
+            testCasePanelTitle += 'failed.<br>';
+        }
+
+        processInfoString = 'Return code ' + response.testCaseDetails[i].processInfo.returnCode + ', '
+            + 'utime: ' + response.testCaseDetails[i].processInfo.utime + ' s, '
+            + 'stime: ' + response.testCaseDetails[i].processInfo.stime + ' s, '
+            + 'maxrss: ' + response.testCaseDetails[i].processInfo.maxrss + ' kB.<br>';
+
+
+        document.getElementById('result-text').innerHTML
+            += '<div class="panel panel-default">'
+            +  '<div class="panel-heading" style="font-size: medium;">' + testCasePanelTitle + '</div>'
+            +  '<div class="panel-body" style="font-family: monospace; font-size: medium;">'
+            +  processInfoString
+            +  'Input:<br>' + response.testCaseDetails[i].inputString + '<br><br>'
+            +  'Output:<br>' + response.testCaseDetails[i].outputString
+            + '</div></div>';
+    }
 }
 
 function handleAjaxError(response) {