Implemented multiple/named shopping lists (closes #190)

public/viewjs/shoppinglistitemform.js

@@ -0,0 +1,116 @@
+$('#save-shoppinglist-button').on('click', function(e)
+{
+	e.preventDefault();
+
+	var jsonData = $('#shoppinglist-form').serializeJSON();
+	jsonData.shopping_list_id = GetUriParam("list");
+	Grocy.FrontendHelpers.BeginUiBusy("shoppinglist-form");
+
+	if (Grocy.EditMode === 'create')
+	{
+		Grocy.Api.Post('objects/shopping_list', jsonData,
+			function(result)
+			{
+				window.location.href = U('/shoppinglist?list=' + GetUriParam("list"));
+			},
+			function(xhr)
+			{
+				Grocy.FrontendHelpers.EndUiBusy("shoppinglist-form");
+				console.error(xhr);
+			}
+		);
+	}
+	else
+	{
+		Grocy.Api.Put('objects/shopping_list/' + Grocy.EditObjectId, jsonData,
+			function(result)
+			{
+				window.location.href = U('/shoppinglist?list=' + GetUriParam("list"));
+			},
+			function(xhr)
+			{
+				Grocy.FrontendHelpers.EndUiBusy("shoppinglist-form");
+				console.error(xhr);
+			}
+		);
+	}
+});
+
+Grocy.Components.ProductPicker.GetPicker().on('change', function(e)
+{
+	var productId = $(e.target).val();
+
+	if (productId)
+	{
+		Grocy.Components.ProductCard.Refresh(productId);
+
+		Grocy.Api.Get('stock/products/' + productId,
+			function (productDetails)
+			{
+				$('#amount_qu_unit').text(productDetails.quantity_unit_purchase.name);
+
+				if (productDetails.product.allow_partial_units_in_stock == 1)
+				{
+					$("#amount").attr("min", "0.01");
+					$("#amount").attr("step", "0.01");
+					$("#amount").parent().find(".invalid-feedback").text(L('The amount cannot be lower than #1', 0.01.toLocaleString()));
+				}
+				else
+				{
+					$("#amount").attr("min", "1");
+					$("#amount").attr("step", "1");
+					$("#amount").parent().find(".invalid-feedback").text(L('The amount cannot be lower than #1', '1'));
+				}
+				
+				$('#amount').focus();
+				Grocy.FrontendHelpers.ValidateForm('shoppinglist-form');
+			},
+			function(xhr)
+			{
+				console.error(xhr);
+			}
+		);
+	}
+});
+
+Grocy.FrontendHelpers.ValidateForm('shoppinglist-form');
+Grocy.Components.ProductPicker.GetInputElement().focus();
+
+if (Grocy.EditMode === "edit")
+{
+	Grocy.Components.ProductPicker.GetPicker().trigger('change');
+}
+
+$('#amount').on('focus', function(e)
+{
+	if (Grocy.Components.ProductPicker.GetValue().length === 0)
+	{
+		Grocy.Components.ProductPicker.GetInputElement().focus();
+	}
+	else
+	{
+		$(this).select();
+	}
+});
+
+$('#shoppinglist-form input').keyup(function (event)
+{
+	Grocy.FrontendHelpers.ValidateForm('shoppinglist-form');
+});
+
+$('#shoppinglist-form input').keydown(function (event)
+{
+	if (event.keyCode === 13) //Enter
+	{
+		event.preventDefault();
+
+		if (document.getElementById('shoppinglist-form').checkValidity() === false) //There is at least one validation error
+		{
+			return false;
+		}
+		else
+		{
+			$('#save-shoppinglist-button').click();
+		}
+	}
+});