From 07f16d889127de08c9509362469c83613d6e30c9 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 9 May 2018 22:02:56 +1000
Subject: [PATCH] Small improvements for build display

Working toward build management
---
 InvenTree/build/templates/build/allocate.html | 41 ++++++++++---------
 InvenTree/build/templates/build/detail.html   | 39 +++++++++++++-----
 2 files changed, 49 insertions(+), 31 deletions(-)

diff --git a/InvenTree/build/templates/build/allocate.html b/InvenTree/build/templates/build/allocate.html
index 1ed791a8ab..63e15df135 100644
--- a/InvenTree/build/templates/build/allocate.html
+++ b/InvenTree/build/templates/build/allocate.html
@@ -9,26 +9,27 @@
 
 <hr>
 
-<table class='table table-striped' id='part-table'>
-<thead>
-<tr>
-    <th>Part</th>
-    <th>Source</th>
-    <th>Quantity</th>
-</tr>
-</thead>
-<tbody>
-{% for item in build.part.bom_items.all %}
-<tr>
-    <td colspan='3'><b><i>{{ item.sub_part.name }}</b></i></td>
-</tr>
-<tr>
-    <td></td>
-    <td><i>Select...</i></td>
-    <td></td>
-</tr>
-{% endfor %}
-</tbody>
+<table class='table table-striped' id='build-table'>
 </table>
 
+{% endblock %}
+
+{% block js_ready %}
+{{ block.super }}
+
+    $('#build-table').bootstrapTable({
+        sortable: true,
+        columns: [
+            {
+                title: 'Part',
+            },
+            {
+                title: 'Source',
+            },
+            {
+                title: 'Quantity',
+            }
+        ]
+    });
+
 {% endblock %}
\ No newline at end of file
diff --git a/InvenTree/build/templates/build/detail.html b/InvenTree/build/templates/build/detail.html
index d9fd5b3c0f..287c5c1bd5 100644
--- a/InvenTree/build/templates/build/detail.html
+++ b/InvenTree/build/templates/build/detail.html
@@ -2,7 +2,32 @@
 {% load static %}
 
 {% block content %}
-<h3>Build Details</h3>
+
+<div class='row'>
+<div class='col-sm-6'>
+    <h3>Build Details</h3>
+    <p><b>{{ build.title }}</b>{% include "build_status.html" with build=build %}</p>
+    <p>Building {{ build.quantity }} &times {{ build.part.name }}</p>
+</div>
+<div class='col-sm-6'>
+    <h3>
+    <div style='float: right;'>
+    <div class="dropdown" style="float: right;">
+        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Options
+        <span class="caret"></span></button>
+        <ul class="dropdown-menu">
+          <li><a href='#' id='build-edit' title='Edit build'>Edit build</a></li>
+          {% if build.is_active %}
+          <li><a href="{% url 'build-allocate' build.id %}" title='Allocate parts'>Allocate Parts</a></li>
+          <li><a href='#' id='build-cancel' title='Cancel build'>Cancel build</a></li>
+          {% endif %}
+        </ul>
+    </div>
+    </div>
+    </h3>
+</div>
+</div>
+
 <table class='table table-striped'>
 <tr>
     <td>Title</td><td>{{ build.title }}</td>
@@ -68,28 +93,20 @@
 </tbody>
 </table>
 
-<div class='container-fluid'>
-<button class="btn btn-info" id='edit-build'>Edit Build</button>
-{% if build.is_active %}
-<a href="{% url 'build-allocate' build.id %}"><button class='btn btn-primary' id='allocate-build'>Allocate Parts</button></a>
-<button class='btn btn-warning' id='cancel-build'>Cancel Build</button>
-{% endif %}
-</div>
-
 {% include 'modals.html' %}
 
 {% endblock %}
 
 {% block js_ready %}
 {{ block.super }}
-    $("#edit-build").click(function () {
+    $("#build-edit").click(function () {
         launchModalForm("{% url 'build-edit' build.id %}",
                         {
                             reload: true
                         });
     });
 
-    $("#cancel-build").click(function() {
+    $("#build-cancel").click(function() {
         launchModalForm("{% url 'build-cancel' build.id %}",
                         {
                             reload: true