Small different UI improvements

Show the cursor as pointer on stock overview page while hovering the product name cell to highlight that the productcard can be opened
Show a waiting cursor and disable all form inputs while doing background XHR calls to highlight that the user should wait
Place the search field (to search a table) on all pages to the left most place
This commit is contained in:
Bernd Bestel
2018-11-24 19:40:50 +01:00
parent ff341d8547
commit a3617cffb8
31 changed files with 195 additions and 37 deletions

View File

@@ -61,18 +61,21 @@ $(document).on('click', '.shoppinglist-delete-button', function (e)
e.preventDefault();
var shoppingListItemId = $(e.currentTarget).attr('data-shoppinglist-id');
Grocy.FrontendHelpers.BeginUiBusy();
Grocy.Api.Get('delete-object/shopping_list/' + shoppingListItemId,
function(result)
{
$('#shoppinglistitem-' + shoppingListItemId + '-row').fadeOut(500, function()
{
Grocy.FrontendHelpers.EndUiBusy();
$(this).remove();
OnListItemRemoved();
});
},
function(xhr)
{
Grocy.FrontendHelpers.EndUiBusy();
console.error(xhr);
}
);
@@ -110,17 +113,21 @@ $(document).on('click', '#clear-shopping-list', function(e)
{
if (result === true)
{
Grocy.FrontendHelpers.BeginUiBusy();
Grocy.Api.Get('stock/clear-shopping-list',
function(result)
{
$('#shoppinglist-table tbody tr').fadeOut(500, function()
{
Grocy.FrontendHelpers.EndUiBusy();
$(this).remove();
OnListItemRemoved();
});
},
function(xhr)
{
Grocy.FrontendHelpers.EndUiBusy();
console.error(xhr);
}
);