[frio] Move item deletion rotator to button

This commit is contained in:
Hypolite Petovan 2024-01-15 10:22:37 -05:00
parent 886e231091
commit 0b93270d7b
2 changed files with 18 additions and 22 deletions

View file

@ -145,45 +145,42 @@
}); });
function deleteCheckedItems() { function deleteCheckedItems() {
if(confirm('{{$delitems}}')) { if (confirm('{{$delitems}}')) {
var checkedstr = ''; let checkedstr = '';
var ItemsToDelete = {}; const ItemsToDelete = {};
$("#item-delete-selected").hide(); $('#item-delete-selected').prop('disabled', true);
$('#item-delete-selected-rotator').show(); $('#item-delete-selected i').toggleClass('fa-trash fa-hourglass fa-spin');
$('body').css('cursor', 'wait');
$('.item-select').each( function() { $('.item-select').each(function () {
if($(this).is(':checked')) { if ($(this).is(':checked')) {
if(checkedstr.length != 0) { if (checkedstr.length > 0) {
checkedstr = checkedstr + ',' + $(this).val(); checkedstr = checkedstr + ',' + $(this).val();
var deleteItem = this.closest(".wall-item-container"); } else {
ItemsToDelete[deleteItem.id] = deleteItem;
}
else {
checkedstr = $(this).val(); checkedstr = $(this).val();
} }
// Get the corresponding item container // Get the corresponding item container
var deleteItem = this.closest(".wall-item-container"); const deleteItem = this.closest(".wall-item-container");
ItemsToDelete[deleteItem.id] = deleteItem; ItemsToDelete[deleteItem.id] = deleteItem;
} }
}); });
// Fade the container from the items we want to delete // Fade the container from the items we want to delete
for(var key in ItemsToDelete) { for (const key in ItemsToDelete) {
$(ItemsToDelete[key]).fadeTo('fast', 0.33); $(ItemsToDelete[key]).fadeTo('fast', 0.33);
}; }
$.post('item', { dropitems: checkedstr }, function(data) { $.post('item', {dropitems: checkedstr}, function (data) {
}).done(function() { }).done(function () {
// Loop through the ItemsToDelete Object and remove // Loop through the ItemsToDelete Object and remove
// corresponding item div // corresponding item div
for(var key in ItemsToDelete) { for (const key in ItemsToDelete) {
$(ItemsToDelete[key]).remove(); $(ItemsToDelete[key]).remove();
} }
$('body').css('cursor', 'auto');
$('#item-delete-selected-rotator').hide(); $('#item-delete-selected i').toggleClass('fa-trash fa-hourglass fa-spin')
$('#item-delete-selected').prop('disabled', false).hide();
}); });
} }
} }

View file

@ -20,6 +20,5 @@
<button type="button" id="item-delete-selected" class="btn btn-link" title="{{$dropping}}" onclick="deleteCheckedItems();" data-toggle="tooltip"> <button type="button" id="item-delete-selected" class="btn btn-link" title="{{$dropping}}" onclick="deleteCheckedItems();" data-toggle="tooltip">
<i class="fa fa-trash" aria-hidden="true"></i> <i class="fa fa-trash" aria-hidden="true"></i>
</button> </button>
<img id="item-delete-selected-rotator" class="like-rotator" src="images/rotator.gif" style="display: none;" />
{{/if}} {{/if}}
{{/if}} {{/if}}