From 280f2c36cb288a1ce020d5aa99d7d78229899b5f Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Thu, 26 Apr 2018 18:22:41 +1000
Subject: [PATCH] Modal form for part creation

---
 InvenTree/part/forms.py                       |  5 +---
 .../part/templates/part/category_detail.html  | 27 ++++++++++---------
 InvenTree/part/templates/part/index.html      | 21 +++++++--------
 InvenTree/part/views.py                       |  5 +++-
 InvenTree/templates/modal.html                |  6 +++++
 5 files changed, 34 insertions(+), 30 deletions(-)
 create mode 100644 InvenTree/templates/modal.html

diff --git a/InvenTree/part/forms.py b/InvenTree/part/forms.py
index f4b9c11b06..1d6a46f4b3 100644
--- a/InvenTree/part/forms.py
+++ b/InvenTree/part/forms.py
@@ -12,10 +12,7 @@ class EditPartForm(forms.ModelForm):
         super(EditPartForm, self).__init__(*args, **kwargs)
         self.helper = FormHelper()
 
-        self.helper.form_id = 'id-edit-part-form'
-        self.helper.form_method = 'post'
-
-        self.helper.add_input(Submit('submit', 'Submit'))
+        self.helper.form_tag = False
 
     class Meta:
         model = Part
diff --git a/InvenTree/part/templates/part/category_detail.html b/InvenTree/part/templates/part/category_detail.html
index ec87512e6b..0e2a3db91d 100644
--- a/InvenTree/part/templates/part/category_detail.html
+++ b/InvenTree/part/templates/part/category_detail.html
@@ -22,12 +22,10 @@
 {% endif %}
 
 <div class='container-fluid'>
-    <button type='button' class='btn btn-primary js-create-cat'>
+    <button type='button' class='btn btn-primary' id='create-cat'>
         New Category
     </button>
-<a href="{% url 'part-create' %}?category={{ category.id }}">
-    <button class="btn btn-success">New Part</button>
-</a>
+<button class="btn btn-success" id='create-part'>New Part</button>
 
 <a href="{% url 'category-edit' category.id %}">
     <button class="btn btn-info">Edit Category</button>
@@ -39,12 +37,7 @@
 
 </div>
 
-<div class='modal fade' id='modal-cat'>
-    <div class='modal-dialog'>
-        <div class='modal-content'>
-        </div>
-    </div>
-</div>
+{% include 'modal.html' %}
 
 {% endblock %}
 
@@ -54,10 +47,18 @@
 
 <script type='text/javascript'>
 
-    $(".js-create-cat").click(function() {
-        launchModalForm("#modal-cat",
+    $("#create-cat").click(function() {
+        launchModalForm("#modal-form",
                         "{% url 'category-create' %}",
-                        {category: {{ category.id }} });
+                        {category: {{ category.id }}
+                    });
+    });
+
+    $("#create-part").click( function() {
+        launchModalForm("#modal-form",
+                        "{% url 'part-create' %}",
+                        {category: {{ category.id }}
+                    });
     });
 
 
diff --git a/InvenTree/part/templates/part/index.html b/InvenTree/part/templates/part/index.html
index c4de5560c5..202c553956 100644
--- a/InvenTree/part/templates/part/index.html
+++ b/InvenTree/part/templates/part/index.html
@@ -5,12 +5,7 @@
 
 {% include "part/cat_link.html" with category=category %}
 
-<div class='modal fade' id='modal-cat'>
-    <div class='modal-dialog'>
-        <div class='modal-content'>
-        </div>
-    </div>
-</div>
+{% include 'modal.html' %}
 
 {% if children.all|length > 0 %}
 <h4>Part Categories</h4>
@@ -21,12 +16,10 @@
 {% include "part/category_parts.html" with parts=parts %}
 
 <div class='container-fluid'>
-<button type='button' class='btn btn-primary js-create-cat'>
+<button type='button' class='btn btn-primary' id='create-cat'>
     New Category
 </button>
-<a href="{% url 'part-create' %}">
-    <button class="btn btn-success">New Part</button>
-</a>
+<button class="btn btn-success" id='create-part'>New Part</button>
 </div>
 {% endblock %}
 
@@ -37,8 +30,12 @@
 <script type="text/javascript">
 $(document).ready(function () {
 
-    $(".js-create-cat").click(function() {
-        launchModalForm("#modal-cat", "{% url 'category-create' %}");
+    $("#create-cat").click(function() {
+        launchModalForm("#modal-form", "{% url 'category-create' %}");
+    });
+
+    $("#create-part").click(function() {
+        launchModalForm("#modal-form", "{% url 'part-create' %}");
     });
 });
 </script>
diff --git a/InvenTree/part/views.py b/InvenTree/part/views.py
index e7f515abb2..7e78438df6 100644
--- a/InvenTree/part/views.py
+++ b/InvenTree/part/views.py
@@ -41,7 +41,7 @@ class PartIndex(ListView):
         return context
 
 
-class PartCreate(CreateView):
+class PartCreate(AjaxCreateView):
     """ Create a new part
     - Optionally provide a category object as initial data
     """
@@ -49,6 +49,9 @@ class PartCreate(CreateView):
     form_class = EditPartForm
     template_name = 'part/create.html'
 
+    ajax_form_title = 'Create new part'
+    ajax_template_name = 'modal_form.html'
+
     def get_category_id(self):
         return self.request.GET.get('category', None)
 
diff --git a/InvenTree/templates/modal.html b/InvenTree/templates/modal.html
new file mode 100644
index 0000000000..78ef5b15c1
--- /dev/null
+++ b/InvenTree/templates/modal.html
@@ -0,0 +1,6 @@
+<div class='modal fade modal-fixed-footer' role='dialog' id='modal-form'>
+    <div class='modal-dialog'>
+        <div class='modal-content'>
+        </div>
+    </div>
+</div>
\ No newline at end of file