From 4c4df194faca9640c37c0430c9f22d0aa399b57b Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Thu, 9 May 2019 00:29:16 +1000
Subject: [PATCH] BOM table improvements

- Add part image
- Replace button text with icons
- Fix bug in BOM download
---
 InvenTree/static/css/inventree.css       | 4 ++++
 InvenTree/static/script/inventree/bom.js | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/InvenTree/static/css/inventree.css b/InvenTree/static/css/inventree.css
index 50d10547e1..752885145d 100644
--- a/InvenTree/static/css/inventree.css
+++ b/InvenTree/static/css/inventree.css
@@ -6,6 +6,10 @@
     font-size: 20px;
 }
 
+.glyphicon-small {
+    font-size: 14px;
+}
+
 .starred-part {
     color: #ffcc00;
 }
diff --git a/InvenTree/static/script/inventree/bom.js b/InvenTree/static/script/inventree/bom.js
index b96ae49050..e88e617945 100644
--- a/InvenTree/static/script/inventree/bom.js
+++ b/InvenTree/static/script/inventree/bom.js
@@ -42,6 +42,8 @@ function downloadBom(options = {}) {
 
     modalSetContent(modal, content);
 
+    modalEnable(modal, true);
+
     $(modal).on('click', '#modal-form-submit', function() {
         $(modal).modal('hide');
 
@@ -91,7 +93,7 @@ function loadBomTable(table, options) {
             title: 'Part',
             sortable: true,
             formatter: function(value, row, index, field) {
-                return renderLink(value.name, value.url);
+                return imageHoverIcon(value.image_url) + renderLink(value.name, value.url);
             }
         }
     );
@@ -127,8 +129,8 @@ function loadBomTable(table, options) {
     if (options.editable) {
         cols.push({
             formatter: function(value, row, index, field) {
-                var bEdit = "<button class='btn btn-success bom-edit-button btn-sm' type='button' url='/part/bom/" + row.pk + "/edit'>Edit</button>";
-                var bDelt = "<button class='btn btn-danger bom-delete-button btn-sm' type='button' url='/part/bom/" + row.pk + "/delete'>Delete</button>";
+                var bEdit = "<button title='Edit BOM Item' class='btn btn-success bom-edit-button btn-sm' type='button' url='/part/bom/" + row.pk + "/edit'><span class='glyphicon glyphicon-small glyphicon-pencil'></span></button>";
+                var bDelt = "<button title='Delete BOM Item' class='btn btn-danger bom-delete-button btn-sm' type='button' url='/part/bom/" + row.pk + "/delete'><span class='glyphicon glyphicon-small glyphicon-trash'></span></button>";
                 
                 return "<div class='btn-group'>" + bEdit + bDelt + "</div>";
             }