Merge pull request #13834 from MrPetovan/task/remove-delete-rotator

[frio] Move item deletion rotator to button
This commit is contained in:
Michael Vogel 2024-01-17 18:00:31 +01:00 committed by GitHub
commit 75b37fe376
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 20 additions and 24 deletions

View file

@ -379,7 +379,7 @@ $(function() {
// Allow folks to stop the ajax page updates with the pause/break key
$(document).keydown(function(event) {
// Pause/Break or Ctrl + Space
if (event.which === 19 || (!event.shiftKey && !event.altKey && event.ctrlKey && event.which === 32)) {
if (event.which === 19 || (!event.metaKey && !event.shiftKey && !event.altKey && event.ctrlKey && event.which === 32)) {
event.preventDefault();
if (stopped === false) {
stopped = true;
@ -643,7 +643,7 @@ function liveUpdate(src) {
function updateItem(itemNo) {
force_update = true;
update_item = itemNo;
update_item = itemNo;
}
function imgbright(node) {

View file

@ -145,45 +145,42 @@
});
function deleteCheckedItems() {
if(confirm('{{$delitems}}')) {
var checkedstr = '';
var ItemsToDelete = {};
if (confirm('{{$delitems}}')) {
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) {
$('.item-select').each(function () {
if ($(this).is(':checked')) {
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() {
$.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}}