From 99c0921113a2129fe059329ce6f5e5d9705c4695 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Fri, 10 May 2019 23:51:26 +1000
Subject: [PATCH] Add quantity selector to 'move items' modal form

---
 InvenTree/static/script/inventree/stock.js | 31 +++++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/InvenTree/static/script/inventree/stock.js b/InvenTree/static/script/inventree/stock.js
index 44f563aa51..9a060636b7 100644
--- a/InvenTree/static/script/inventree/stock.js
+++ b/InvenTree/static/script/inventree/stock.js
@@ -267,21 +267,38 @@ function moveStockItems(items, options) {
 
             html += "<p class='warning-msg' id='note-warning'><i>Note field must be filled</i></p>";
 
-            html += "<hr>The following stock items will be moved:<br><ul class='list-group'>\n";
+            html += "<hr>The following stock items will be moved:<hr>";
+
+            html += `
+                <table class='table table-striped table-condensed'>
+                <tr>
+                    <th>Part</th>
+                    <th>Location</th>
+                    <th>Available</th>
+                    <th>Moving</th>
+                </tr>
+                `;
 
             for (i = 0; i < items.length; i++) {
                 parts.push(items[i].pk);
 
-                html += "<li class='list-group-item'>" + items[i].quantity + " &times " + items[i].part.name;
+                var item = items[i];
 
-                if (items[i].location) {
-                    html += " (" + items[i].location.name + ")";
-                }
+                html += "<tr>";
 
-                html += "</li>\n";
+                html += "<td>" + item.part.name + "</td>";
+                html += "<td>" + item.location.pathstring + "</td>";
+                html += "<td>" + item.quantity + "</td>";
+
+                html += "<td>";
+                html += "<input class='form-control' min='0' max='" + item.quantity + "'";
+                html += " value='" + item.quantity + "'";
+                html += "type='number' id='q-" + item.pk + "'/></td>";
+
+                html += "</tr>";
             }
 
-            html += "</ul>\n";
+            html += "</table>";
 
             openModal({
                 modal: modal,