Consolidate visual style for "Part" tabs

InvenTree/order/templates/order/order_wizard/select_parts.html

@@ -3,7 +3,7 @@
 {% block form %}
 
 <h4>
-    Step 1 of 2 - Select Parts
+    Step 1 of 2 - Select Part Suppliers
 </h4>
 
 {% if parts|length > 0 %}

InvenTree/part/templates/part/attachments.html

@@ -5,25 +5,26 @@
 
 {% include 'part/tabs.html' with tab='attachments' %}
 
-<div class='row'>
-    <div class='col-sm-6'>
 <h4>Part Attachments</h4>
-    </div>
-    <div class='col-sm-6'>
-        <div class="btn-group" style="float: right;">
-                <button type='button' class='btn btn-success' id='new-attachment'>Add Attachment</button>
-        </div>
-    </div>
-</div>
 
 <hr>
 
-<table class='table table-striped table-condensed' data-toolbar='#toolbar' id='attachment-table'>
+<div id='attachment-buttons'>
+    <div class="btn-group">
+        <button type='button' class='btn btn-success' id='new-attachment'>Add Attachment</button>
+    </div>
+</div>
+
+
+<table class='table table-striped table-condensed' data-toolbar='#attachment-buttons' id='attachment-table'>
+    <thead>
         <tr>
-    <th>File</th>
+            <th data-field='file' data-searchable='true'>File</th>
-    <th>Comment</th>
+            <th data-field='comment' data-searchable='true'>Comment</th>
             <th></th>
         </tr>
+    </thead>
+    <tbody>
         {% for attachment in part.attachments.all %}
         <tr>
             <td><a href='/media/{{ attachment.attachment }}'>{{ attachment.basename }}</a></td>
@@ -36,6 +37,7 @@
             </td>
         </tr>
         {% endfor %}
+    </tbody>
 {% if part.variant_of and part.variant_of.attachments.count > 0 %}
 <tr>
     <td colspan='3'>
@@ -83,4 +85,9 @@
         });
     });
 
+    $("#attachment-table").bootstrapTable({
+        search: true,
+        sortable: true,
+    });
+
 {% endblock %}

InvenTree/part/templates/part/detail.html

@@ -4,9 +4,12 @@
 
 {% include 'part/tabs.html' with tab='detail' %}
 
+<h4>Part Details</h4>
+
+<hr>
+
 <div class='row'>
     <div class='col-sm-6'>
-        <h4>Part Details</h4>
     <table class='table table-striped'>
         <tr>
             <td><b>Part name</b></td>
@@ -75,7 +78,6 @@
     </table>
     </div>
     <div class='col-sm-6'>
-        <h4>Part Type</h4>
     <table class='table table-striped'>
         <tr>
             <td><b>Virtual</b></td>

InvenTree/part/templates/part/orders.html

@@ -5,15 +5,16 @@
 
 {% include 'part/tabs.html' with tab='orders' %}
 
-<div class='row'>
+<h4>Part Orders</h4>
-    <div class='col-sm-6'>
+<hr>
-        <h4>Open Part Orders</h4>
+
-    </div>
+<div id='button-bar'>
-    <div class='col-sm-6'>
+    <div class='btn-group'>
+        <button class='btn btn-primary' type='button' id='part-order-2' title='Order part'>Order Part</button>
     </div>
 </div>
 
-{% include "order/po_table.html" with orders=part.open_purchase_orders %}
+{% include "order/po_table.html" with orders=part.open_purchase_orders toolbar='#button-bar' %}
 
 {% if part.closed_purchase_orders|length > 0 %}
 <h4>Closed Orders</h4>
@@ -21,3 +22,21 @@
 {% endif %}
 
 {% endblock %}
+
+{% block js_ready %}
+{{ block.super }}
+
+$("#po-table").bootstrapTable({
+    search: true,
+    sortable: true,
+});
+
+$("#part-order-2").click(function() {
+    launchModalForm("/order/purchase-order/order-parts/", {
+        data: {
+            part: {{ part.id }},
+        },
+    });
+});
+
+{% endblock %}

InvenTree/part/templates/part/stock.html

@@ -4,13 +4,7 @@
 
 {% include 'part/tabs.html' with tab='stock' %}
 
-<div class='row'>
-    <div class='col-sm-6'>
 <h4>Part Stock</h4>
-    </div>
-    <div class='col-sm-6'>
-    </div>
-</div>
 <hr>
 
 {% if part.is_template %}

InvenTree/part/templates/part/supplier.html

@@ -4,14 +4,7 @@
 
 {% include 'part/tabs.html' with tab='suppliers' %}
 
-<div class='row'>
-    <div class='col-sm-6'>
 <h4>Part Suppliers</h4>
-    </div>
-    <div class='col-sm-6'>
-    </div>
-</div>
-
 <hr>
 
 <div id='button-toolbar'>

InvenTree/part/templates/part/tabs.html

@@ -49,5 +49,3 @@
         <a href="{% url 'part-attachments' part.id %}">Attachments {% if part.attachment_count > 0 %}<span class="badge">{{ part.attachment_count }}</span>{% endif %}</a>
     </li>
 </ul>
-
-<br>

InvenTree/part/templates/part/used_in.html

@@ -4,15 +4,7 @@
 
 {% include 'part/tabs.html' with tab='used' %}
 
-<div class='row'>
+<h4>Assemblies</h4>
-    <div class='col-sm-6'>
-        <h4>Used to Build</h4>
-    </div>
-    <div class='col-sm-6'>
-        <div class="btn-group" style="float: right;">
-        </div>
-    </div>
-</div>
 
 <hr>