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) $(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) function(result)
{ {
window.location.href = U('/shoppinglist'); $('#shoppinglistitem-' + shoppingListItemId + '-row').fadeOut(500, function()
{
$(this).remove();
});
}, },
function(xhr) function(xhr)
{ {

View File

@ -38,7 +38,7 @@
</thead> </thead>
<tbody> <tbody>
@foreach($listItems as $listItem) @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"> <td class="fit-content">
<a class="btn btn-sm btn-info" href="{{ $U('/shoppinglistitem/') }}{{ $listItem->id }}"> <a class="btn btn-sm btn-info" href="{{ $U('/shoppinglistitem/') }}{{ $listItem->id }}">
<i class="fas fa-edit"></i> <i class="fas fa-edit"></i>