[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

@ -146,44 +146,41 @@
function deleteCheckedItems() {
if (confirm('{{$delitems}}')) {
var checkedstr = '';
var ItemsToDelete = {};
let checkedstr = '';
const ItemsToDelete = {};
$("#item-delete-selected").hide();
$('#item-delete-selected-rotator').show();
$('body').css('cursor', 'wait');
$('#item-delete-selected').prop('disabled', true);
$('#item-delete-selected i').toggleClass('fa-trash fa-hourglass fa-spin');
$('.item-select').each(function () {
if ($(this).is(':checked')) {
if(checkedstr.length != 0) {
if (checkedstr.length > 0) {
checkedstr = checkedstr + ',' + $(this).val();
var deleteItem = this.closest(".wall-item-container");
ItemsToDelete[deleteItem.id] = deleteItem;
}
else {
} else {
checkedstr = $(this).val();
}
// Get the corresponding item container
var deleteItem = this.closest(".wall-item-container");
const deleteItem = this.closest(".wall-item-container");
ItemsToDelete[deleteItem.id] = deleteItem;
}
});
// 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);
};
}
$.post('item', {dropitems: checkedstr}, function (data) {
}).done(function () {
// Loop through the ItemsToDelete Object and remove
// corresponding item div
for(var key in ItemsToDelete) {
for (const key in ItemsToDelete) {
$(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">
<i class="fa fa-trash" aria-hidden="true"></i>
</button>
<img id="item-delete-selected-rotator" class="like-rotator" src="images/rotator.gif" style="display: none;" />
{{/if}}
{{/if}}