make a list of results so that we can display any result.

dream/platform/static/css/demo-new.css

@@ -356,3 +356,13 @@ path {
   background-color: #3DD388;
   border-color: #28B06C;
 }
+
+li.result {
+  width: 100%;
+  text-align: left;
+  cursor:pointer;
+}
+
+li.result.active {
+  background:#fcc;
+}

dream/platform/static/index.html

@@ -61,6 +61,9 @@
       </div>
     </div>
     <div class="twelve columns">
+      <div id="result_zone">
+        <div>Result List</div>
+        <ul id="result_list"></ul></div>
       <div id="graph_zone">
         <div>Stations Utilization</div>
         <div id="graph"></div>

dream/platform/static/src/dream.js

@@ -264,7 +264,11 @@
         });
     };
 
-    that.displayResult = function (result) {
+    that.displayResult = function (idx) {
+      $('li.result').removeClass('active')
+      $($('li.result')[idx]).addClass('active')
+      var result = JSON.parse($("#json_result").val())[idx]['result'];
+      $("#result_zone").show();
       $("#graph_zone").show();
       $("#spreadsheet_output").show();
       $("#gantt_output").show();

dream/platform/static/src/dream_launcher.js

@@ -324,12 +324,21 @@
       function (e) {
         dream_instance.runSimulation(
           function (data) {
+            $('#result_list').empty();
             if (data['success']) {
               $("#json_result").val(JSON.stringify(data['success'],
                 undefined, " "));
-
-              dream_instance.displayResult(data['success'][0]['result']);
+              $.each(data['success'], function (idx, obj) {
+                $('#result_list').append('<li class="result">' + idx + ' : ' + obj['key'] + '</li>');
+                $('#result_list').children().last().click(
+                  function (e) {
+                    dream_instance.displayResult(idx);
+                  }
+                );
+              });
+              dream_instance.displayResult(0);
             } else {
+              $("#result_zone").hide();
               $("#graph_zone").hide();
               $("#spreadsheet_output").hide();
               $("#gantt_output").hide();
@@ -408,6 +417,7 @@
       dream_instance.redraw();
     });
 
+    $("#result_zone").hide();
     $("#graph_zone").hide();
     $("#spreadsheet_output").hide();
     $("#gantt_output").hide();