From c10ddab30c0e037bf926bdcd74ad7a0bf3f42a29 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Mon, 6 May 2019 08:09:29 +1000
Subject: [PATCH] Improve display of Build index

---
 .../build/templates/build/build_list.html     | 10 ++++
 InvenTree/build/templates/build/index.html    | 60 ++++++++++---------
 2 files changed, 41 insertions(+), 29 deletions(-)

diff --git a/InvenTree/build/templates/build/build_list.html b/InvenTree/build/templates/build/build_list.html
index 890dd551b1..b423d214d9 100644
--- a/InvenTree/build/templates/build/build_list.html
+++ b/InvenTree/build/templates/build/build_list.html
@@ -12,6 +12,11 @@
             <th>Part</th>
             <th>Quantity</th>
             <th>Status</th>
+            {% if completed %}
+            <th>Completed</th>
+            {% else %}
+            <th>Created</th>
+            {% endif %}
         </tr>
         </thead>
         <tbody>
@@ -21,6 +26,11 @@
     <td><a href="{% url 'part-build' build.part.id %}">{{ build.part.name }}</a></td>
     <td>{{ build.quantity }}</td>
     <td>{% include "build_status.html" with build=build %}
+    {% if completed %}
+    <td>{{ build.completion_date }}</td>
+    {% else %}
+    <td>{{ build.creation_date }}</td>
+    {% endif %}
 </tr>
 {% endfor %}
 </tbody>
diff --git a/InvenTree/build/templates/build/index.html b/InvenTree/build/templates/build/index.html
index 46d3533651..f49499ab66 100644
--- a/InvenTree/build/templates/build/index.html
+++ b/InvenTree/build/templates/build/index.html
@@ -3,39 +3,26 @@
 {% block content %}
 
 
-<h4>Active Builds</h4>
-
-<div id='active-build-toolbar'>
-    <div class='btn-group'>
-        <button class="btn btn-success" id='new-build'>Start New Build</button>
+<div class='row'>
+    <div class='col-sm-6'>
+        <h4>Part Builds</h4>
+    </div>
+    <div class='col-sm-6'>
+        <div class='container' id='active-build-toolbar' style='float: right;'>
+            <div class='btn-group' style='float: right;'>
+                <button class="btn btn-success" id='new-build'>Start New Build</button>
+            </div>
+        </div>
     </div>
 </div>
 
-<table class='table table-striped table-condensed build-table' id='build-table-{{collapse_id}}' data-toolbar='#active-build-toolbar'>
-        <thead>
-        <tr>
-            <th>Build</th>
-            <th>Part</th>
-            <th>Quantity</th>
-            <th>Status</th>
-        </tr>
-        </thead>
-        <tbody>
-{% for build in active %}
-<tr>
-    <td><a href="{% url 'build-detail' build.id %}">{{ build.title }}</a></td>
-    <td><a href="{% url 'part-build' build.part.id %}">{{ build.part.name }}</a></td>
-    <td>{{ build.quantity }}</td>
-    <td>{% include "build_status.html" with build=build %}
-</tr>
-{% endfor %}
-</tbody>
-</table>
+<hr>
 
-<p></p>
-{% include "build/build_list.html" with builds=completed title="Completed Builds" collapse_id="complete" %}
-<p></p>
-{% include "build/build_list.html" with builds=cancelled title="Cancelled Builds" collapse_id="cancelled" %}
+{% include "build/build_list.html" with builds=active title="Active Builds" completed=False collapse_id='active' %}
+
+{% include "build/build_list.html" with builds=completed completed=True title="Completed Builds" collapse_id="complete" %}
+
+{% include "build/build_list.html" with builds=cancelled title="Cancelled Builds" completed=False collapse_id="cancelled" %}
 
 {% include 'modals.html' %}
 
@@ -75,6 +62,21 @@
                 title: 'Status',
                 sortable: true,
             }
+            {
+                title: 'Created',
+                sortable: true,
+            },
+            {
+                title: 'Completed',
+                sortable: true,
+                formatter: function(value, row, index, field) {
+                    if (value) {
+                        return 'hello';
+                    } else { 
+                        return "---";
+                    }
+                },
+            }
         ]
     });