cleand up and fixed ingredient edit table

Author: vabene1111

cookbook/templates/forms/edit_internal_recipe.html

@@ -115,9 +115,9 @@ <h3>{% trans 'Edit Recipe' %}</h3>
 
             let ingredients = {{ ingredients|safe }}
 
-            ingredients.forEach(function (cur, i) {
-                cur.delete = false
-            });
+                ingredients.forEach(function (cur, i) {
+                    cur.delete = false
+                });
 
             let data = ingredients;
 
@@ -165,15 +165,6 @@ <h3>{% trans 'Edit Recipe' %}</h3>
                     },
                     {title: "id", field: "id", visible: false}
                 ],
-                dataEdited: function (data) {
-                    $('#id_ingredients').val(JSON.stringify(data))
-
-                    data.forEach(function (cur, i) {
-                        if (cur.delete) {
-                            table.deleteRow(cur.id);
-                        }
-                    })
-                },
                 cellClick: function (e, cell) {
                     if (cell._cell.column.definition.editor === "input") {
                         input = cell.getElement().childNodes[0];
@@ -183,6 +174,12 @@ <h3>{% trans 'Edit Recipe' %}</h3>
                 },
             });
 
+            // save ingredient data before submitting form
+            $('#id_form').submit(function () {
+                $('#id_ingredients').val(JSON.stringify(table.getData()));
+                return true;
+            });
+
             // load initial value
             $('#id_ingredients').val(JSON.stringify(data))