Remove items from shopping list without reloading the whole page

This commit is contained in:
Bernd Bestel 2018-08-11 14:07:44 +02:00
parent 324487d395
commit b7f0b06684
No known key found for this signature in database
GPG Key ID: 71BD34C0D4891300
2 changed files with 8 additions and 3 deletions

View File

@ -23,10 +23,15 @@ $("#search").on("keyup", function()
$(document).on('click', '.shoppinglist-delete-button', function (e)
{
Grocy.Api.Get('delete-object/shopping_list/' + $(e.currentTarget).attr('data-shoppinglist-id'),
var shoppingListItemId = $(e.currentTarget).attr('data-shoppinglist-id');
Grocy.Api.Get('delete-object/shopping_list/' + shoppingListItemId,
function(result)
{
window.location.href = U('/shoppinglist');
$('#shoppinglistitem-' + shoppingListItemId + '-row').fadeOut(500, function()
{
$(this).remove();
});
},
function(xhr)
{

View File

@ -38,7 +38,7 @@
</thead>
<tbody>
@foreach($listItems as $listItem)
<tr class="@if(FindObjectInArrayByPropertyValue($missingProducts, 'id', $listItem->product_id) !== null) table-info @endif">
<tr id="shoppinglistitem-{{ $listItem->id }}-row" class="@if(FindObjectInArrayByPropertyValue($missingProducts, 'id', $listItem->product_id) !== null) table-info @endif">
<td class="fit-content">
<a class="btn btn-sm btn-info" href="{{ $U('/shoppinglistitem/') }}{{ $listItem->id }}">
<i class="fas fa-edit"></i>