function locationsView(Grocy, scope = null)
{
	var $scope = $;
	if (scope != null)
	{
		$scope = (scope) => $(scope).find(scope);
	}

	// preload some views.
	Grocy.PreloadView("locationform");

	var locationsTable = $scope('#locations-table').DataTable({
		'order': [[1, 'asc']],
		'columnDefs': [
			{ 'orderable': false, 'targets': 0 },
			{ 'searchable': false, "targets": 0 }
		].concat($.fn.dataTable.defaults.columnDefs)
	});
	$scope('#locations-table tbody').removeClass("d-none");
	Grocy.FrontendHelpers.InitDataTable(locationsTable,);

	Grocy.FrontendHelpers.MakeDeleteConfirmBox(
		'Are you sure to delete location "%s"?',
		'.location-delete-button',
		'data-location-name',
		'data-location-id',
		'objects/locations/',
		'/locations'
	);
}


window.locationsView = locationsView