inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-06-19 05:25:42 +00:00
Code Activity

Abstracted jquery code to load a modal form

Browse Source 
- static/scripts/modal_form.js
- bindModalForm function takes care of the mechanics
This commit is contained in:
Oliver
2018-04-25 15:28:57 +10:00
parent ab05c6ce1e
commit e3b2bd7129
2 changed files with 62 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
InvenTree/part/templates/part/index.html
View File

@ -32,56 +32,12 @@
{% block javascript %}
<script type='text/javascript' src="{% static 'script/modal_form.js' %}"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".js-create-cat").click(function () {
$.ajax({
url: '/part/category/new/',
type: 'get',
dataType: 'json',
beforeSend: function () {
$("#modal-cat").modal("show");
},
success: function (data) {
if (data.html_form) {
$("#modal-cat .modal-content").html(data.html_form);
}
else {
alert('JSON response missing form data');
$("#modal-cat").modal("hide");
}
},
error: function (xhr, ajaxOptions, thrownError) {
alert("Error requesting form data:\n" + thrownError);
$("#modal-cat").modal("hide");
}
});
});
$("#modal-cat").on("submit", ".js-modal-form", function () {
var form = $(this);
$.ajax({
url: form.attr('action'),
data: form.serialize(),
type: form.attr('method'),
dataType: 'json',
success: function (data) {
if (data.html_form) {
$("#modal-cat .modal-content").html(data.html_form);
}
else {
alert('No form data!');
}
},
error: function (xhr, ajaxOptions, thrownError) {
alert("Error submitting form data:\n" + thrownError);
}
});
return false;
});
bindModalForm('#modal-cat', '.js-create-cat', "{% url 'category-create' %}", {category: 1});
});
</script>