From 629937eeccf3828d5667c114e88718fed26ad023 Mon Sep 17 00:00:00 2001
From: Troy Dai <troy.dai@outlook.com>
Date: Tue, 29 May 2018 10:54:03 -0700
Subject: [PATCH] Update the task page

---
 app/app/templates/task.html | 37 ++++++++++++-------------------------
 1 file changed, 12 insertions(+), 25 deletions(-)

diff --git a/app/app/templates/task.html b/app/app/templates/task.html
index ab89c4f..b3677ff 100644
--- a/app/app/templates/task.html
+++ b/app/app/templates/task.html
@@ -7,31 +7,18 @@
 {% block body %}
     <div class="jumbotron jumbotron-fluid mb-0">
         <div class="container">
-            <div class="row">
-                <div class="col">
-                    <h1 class="display-1">Task {{ task.id }}</h1>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col">
-                    <table class="table table-borderless">
-                        <tbody>
-                        <tr>
-                            <td>Identifier</td>
-                            <td>{{ task.identifier }}</td>
-                        </tr>
-                        <tr>
-                            <td>Result</td>
-                            <td>{{ task.result }}</td>
-                        </tr>
-                        <tr>
-                            <td>Duration (ms)</td>
-                            <td>{{ task.duration }}</td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
+            <h1 class="display-1">Task {{ task.id }}</h1>
+            <h3>
+                {% if task.result != 'Passed' %}
+                    <span class="badge badge-danger">{{ task.result }}</span>
+                {% else %}
+                    <span class="badge badge-success">{{ task.result }}</span>
+                {% endif %}
+                <span class="badge badge-info">Duration {{ task.duration / 1000 }} s</span>
+            </h3>
+            <h5>
+                <span class="badge badge-secondary">{{ task.identifier }}</span>
+            </h5>
         </div>
     </div>
     <div class="container-fluid">