Implemented meal plan sections (closes #370)

public/viewjs/mealplansections.js

@@ -0,0 +1,63 @@
+var mealplanSectionsTable = $('#mealplansections-table').DataTable({
+	'order': [[2, 'asc']],
+	'columnDefs': [
+		{ 'orderable': false, 'targets': 0 },
+		{ 'searchable': false, "targets": 0 }
+	].concat($.fn.dataTable.defaults.columnDefs)
+});
+$('#mealplansections-table tbody').removeClass("d-none");
+mealplanSectionsTable.columns.adjust().draw();
+
+$("#search").on("keyup", Delay(function()
+{
+	var value = $(this).val();
+	if (value === "all")
+	{
+		value = "";
+	}
+
+	mealplanSectionsTable.search(value).draw();
+}, 200));
+
+$("#clear-filter-button").on("click", function()
+{
+	$("#search").val("");
+	mealplanSectionsTable.search("").draw();
+});
+
+$(document).on('click', '.mealplansection-delete-button', function(e)
+{
+	var objectName = $(e.currentTarget).attr('data-mealplansection-name');
+	var objectId = $(e.currentTarget).attr('data-mealplansection-id');
+
+	bootbox.confirm({
+		message: __t('Are you sure to delete meal plan section "%s"?', objectName),
+		closeButton: false,
+		buttons: {
+			confirm: {
+				label: __t('Yes'),
+				className: 'btn-success'
+			},
+			cancel: {
+				label: __t('No'),
+				className: 'btn-danger'
+			}
+		},
+		callback: function(result)
+		{
+			if (result === true)
+			{
+				Grocy.Api.Delete('objects/meal_plan_sections/' + objectId, {},
+					function(result)
+					{
+						window.location.href = U('/mealplansections');
+					},
+					function(xhr)
+					{
+						console.error(xhr);
+					}
+				);
+			}
+		}
+	});
+});