Modal form now working on multiple pages

- Part index
- Part category detail page(s)

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 type='button' class='btn btn-primary js-create-cat'>
-    <button class="btn btn-success">New Category</button>
+        New Category
-</a>
+    </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 %}

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>