support for device

1 files changed, 17 insertions, 13 deletions

diff --git a/web-app/static/index.html b/web-app/static/index.html
index 191d20b..390580f 100644
--- a/web-app/static/index.html
+++ b/web-app/static/index.html
@@ -34,8 +34,9 @@ $(function() {
         "autowidth" : false,
         "ajax": { "dataSrc" : "", "url" : "/results/tempest/summary" },
         "columns": [
-            { "title" : "OS Distro / Version", "data" : "OS_Name" },
             { "title" : "Branch", "data" : "Branch" },
+            { "title" : "OS Distro / Version", "data" : "OS_Name" },
+            { "title" : "Device", "data" : "Device" },
             { "title" : "# Of Test Runs", "data" : "Number_Of_Runs" },
             { "title" : "Average Passing (%)", "data" : "Average_Pct_Passing" },
             { "title" : "Average Failing (%)", "data" : "Average_Pct_Failing" },
@@ -48,19 +49,22 @@ $(function() {
    $.getJSON("/results/all-categorization", function(data) {
       data['Branch'].forEach(function(value, index) {
          var branch = value['n.name'];
-         data['OS'].forEach(function(value, index) {
-            var distro = value['n.distro'];
-            var version = value['n.version'];
-            var div_name = branch + ":" + distro + ":" + version;
+         data['Device'].forEach(function(value, index) {
+            var device = value['n.name'];
+            data['OS'].forEach(function(value, index) {
+               var distro = value['n.distro'];
+               var version = value['n.version'];
+               var div_name = branch + ":" + device + ":" + distro + ":" + version;
             
-            $("<div>", {
-               'id': div_name,
-               css: { "height": "450px", "width": "90%" }
-            }).appendTo($("#chartContainer"));
-            $("<br>").appendTo($("#chartContainer"));
-
-            // generate a chart for the combination
-            create_chart(div_name, branch, distro, version, 60, handle_chart_click);
+               $("<div>", {
+                  'id': div_name,
+                  css: { "height": "450px", "width": "90%" }
+               }).appendTo($("#chartContainer"));
+               $("<br>").appendTo($("#chartContainer"));
+
+               // generate a chart for the combination
+               create_chart(div_name, branch, device, distro, version, 60, handle_chart_click);
+            });
          });
       });
    });