From 99743c6bd0e18b01ba459b79896ab684d26da359 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 25 Apr 2018 15:34:12 +1000
Subject: [PATCH] Modal form now working on multiple pages

- Part index
- Part category detail page(s)
---
 .../part/templates/part/category_detail.html  | 28 +++++++++++++++++--
 InvenTree/part/templates/part/index.html      |  2 +-
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/InvenTree/part/templates/part/category_detail.html b/InvenTree/part/templates/part/category_detail.html
index 7e91c82a59..c9e012c35c 100644
--- a/InvenTree/part/templates/part/category_detail.html
+++ b/InvenTree/part/templates/part/category_detail.html
@@ -22,9 +22,9 @@
 {% endif %}
 
 <div class='container-fluid'>
-<a href="{% url 'category-create' %}?category={{ category.id }}">
-    <button class="btn btn-success">New Category</button>
-</a>
+    <button type='button' class='btn btn-primary js-create-cat'>
+        New Category
+    </button>
 <a href="{% url 'part-create' %}?category={{ category.id }}">
     <button class="btn btn-success">New Part</button>
 </a>
@@ -39,4 +39,26 @@
 
 </div>
 
+<div class='modal fade' id='modal-cat'>
+    <div class='modal-dialog'>
+        <div class='modal-content'>
+        </div>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block javascript %}
+
+<script type='text/javascript' src="{% static 'script/modal_form.js' %}"></script>
+
+<script type='text/javascript'>
+
+    bindModalForm('#modal-cat',
+                  '.js-create-cat',
+                  "{% url 'category-create' %}",
+                  {category: {{ category.id }} });
+
+</script>
+
 {% endblock %}
\ No newline at end of file
diff --git a/InvenTree/part/templates/part/index.html b/InvenTree/part/templates/part/index.html
index a6f5ca4e29..9881c0079b 100644
--- a/InvenTree/part/templates/part/index.html
+++ b/InvenTree/part/templates/part/index.html
@@ -37,7 +37,7 @@
 <script type="text/javascript">
 $(document).ready(function () {
 
-    bindModalForm('#modal-cat', '.js-create-cat', "{% url 'category-create' %}", {category: 1});
+    bindModalForm('#modal-cat', '.js-create-cat', "{% url 'category-create' %}");
 });
 </script>