From 1d7b134dc00a53f573be2e24f60c9c3508d03842 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 13 May 2019 23:45:37 -0700
Subject: [PATCH] front end bulk data

---
 gradio/static/css/bulk_style.css | 9 +++++++--
 gradio/templates/bulk_data.html  | 7 +++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/gradio/static/css/bulk_style.css b/gradio/static/css/bulk_style.css
index 996095db98..1c7e12ab8a 100644
--- a/gradio/static/css/bulk_style.css
+++ b/gradio/static/css/bulk_style.css
@@ -11,9 +11,12 @@ nav img {
   margin-right: auto;
   height: 32px;
 }
-#bulk_rows tr {
+#bulk_rows td {
   text-align: center;
-  height: 40px;
+  height: 60px;
+}
+#bulk_rows tr:nth-child(even) {
+  background: #DDD
 }
 #bulk_rows img {
   text-align: center;
@@ -22,4 +25,6 @@ nav img {
 #bulk_rows {
   margin: 0 auto;
   width: 70%;
+  border-spacing: 0;
+  border-collapse: collapse;
 }
diff --git a/gradio/templates/bulk_data.html b/gradio/templates/bulk_data.html
index 4bea8f36a5..525cc5c3d1 100644
--- a/gradio/templates/bulk_data.html
+++ b/gradio/templates/bulk_data.html
@@ -15,20 +15,19 @@
     </table>
     <script src="../static/js/vendor/jquery.min.js"></script>
     <script>
-      data = `{"input": "input_2019-04-19-02-56-21.png", "output": {"label": 1}, "message": ""}
-{"input": "input_2019-04-19-02-56-21.png", "output": {"label": 1}, "message": ""}
-{"input": "input_2019-04-19-02-56-21.png", "output": {"label": 1, "confidences" : [{"label" : 1, "confidence" : 0.55}]}, "message": ""}`
+    $.get("/static/flagged/data.txt", function(data) {
       let lines = data.split("\n");
       lines.forEach((line) => {
         let row_data = JSON.parse(line);
         let output = row_data["output"];
         $("#bulk_rows").append(`
           <tr class="bulk_row">
-            <td><img src="${row_data["input"]}" /></td>
+            <td><img src="/static/flagged/${row_data["input"]}" /></td>
             <td class="label">${output["label"] + (output["confidences"] ? ": " + Math.round(100 * output["confidences"][0]["confidence"]) + "%" : "")}</td>
           </tr>
         `)
       })
+    });
     </script>
   </body>
 </html>