From ebbcff3c7f67ec40154a2e43a131db22c30171bc Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Mon, 20 Apr 2020 21:22:34 +1000
Subject: [PATCH] Render a table of line items

---
 .../order/purchase_order_detail.html          |  2 +-
 .../templates/order/sales_order_detail.html   | 42 +++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/InvenTree/order/templates/order/purchase_order_detail.html b/InvenTree/order/templates/order/purchase_order_detail.html
index 5cea64ff53..444da8f88f 100644
--- a/InvenTree/order/templates/order/purchase_order_detail.html
+++ b/InvenTree/order/templates/order/purchase_order_detail.html
@@ -17,7 +17,7 @@
     {% endif %}
 </div>
 
-<h4>{% trans "Order Items" %}</h4>
+<h4>{% trans "Purchase Order Items" %}</h4>
 
 <table class='table table-striped table-condensed' id='po-lines-table' data-toolbar='#order-toolbar-buttons'>
     <thead>
diff --git a/InvenTree/order/templates/order/sales_order_detail.html b/InvenTree/order/templates/order/sales_order_detail.html
index 3dc02363af..e82f234ac3 100644
--- a/InvenTree/order/templates/order/sales_order_detail.html
+++ b/InvenTree/order/templates/order/sales_order_detail.html
@@ -11,9 +11,51 @@
 
 <hr>
 
+<h4>{% trans "Sales Order Items" %}</h4>
+
+<div id='order-toolbar-buttons' class='btn-group' style='float: right;'>
+    {% if order.status == OrderStatus.PENDING %}
+    <button type='button' class='btn btn-default' id='new-po-line'>{% trans "Add Line Item" %}</button>
+    {% endif %}
+</div>
+
+<table class='table table-striped table-condensed' id='so-lines-table' data-toolbar='#order-toolbar-buttons'>
+
+</table>
+
 {% endblock %}
 
 {% block js_ready %}
 {{ block.super }}
 
+$("#so-lines-table").inventreeTable({
+    formatNoMatches: function() { return "No matching line items"; },
+    queryParams: {
+        order: {{ order.id }},
+    },
+    url: "{% url 'api-so-line-list' %}",
+    columns: [
+        {
+            field: 'pk',
+            title: 'ID',
+            visible: false,
+        },
+        {
+            field: 'reference',
+            title: 'Reference'
+        },
+        {
+            field: 'quantity',
+            title: 'Quantity',
+            formatter: function(value, row, index, field) {
+                return +parseFloat(value).toFixed(5);
+            }
+        },
+        {
+            field: 'notes',
+            title: 'Notes',
+        },
+    ],
+    });
+
 {% endblock %}
\ No newline at end of file