mirror of
https://github.com/Piwigo/Piwigo.git
synced 2025-04-26 19:29:58 +03:00
521 lines
15 KiB
JavaScript
521 lines
15 KiB
JavaScript
/* ********** Thumbs */
|
|
|
|
/* Shift-click: select all photos between the click and the shift+click */
|
|
jQuery(document).ready(function() {
|
|
var last_clicked=0,
|
|
last_clickedstatus=true;
|
|
jQuery.fn.enableShiftClick = function() {
|
|
var inputs = [],
|
|
count=0;
|
|
this.find('input[type=checkbox]').each(function() {
|
|
var pos=count;
|
|
inputs[count++]=this;
|
|
$(this).bind("shclick", function (dummy,event) {
|
|
if (event.shiftKey) {
|
|
var first = last_clicked;
|
|
var last = pos;
|
|
if (first > last) {
|
|
first=pos;
|
|
last=last_clicked;
|
|
}
|
|
|
|
for (var i=first; i<=last;i++) {
|
|
input = $(inputs[i]);
|
|
$(input).prop('checked', last_clickedstatus).trigger("change");
|
|
if (last_clickedstatus)
|
|
{
|
|
$(input).closest("li").addClass("thumbSelected");
|
|
}
|
|
else
|
|
{
|
|
$(input).closest("li").removeClass("thumbSelected");
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
last_clicked = pos;
|
|
last_clickedstatus = this.checked;
|
|
}
|
|
return true;
|
|
});
|
|
$(this).click(function(event) { $(this).triggerHandler("shclick",event)});
|
|
});
|
|
}
|
|
$('ul.thumbnails').enableShiftClick();
|
|
|
|
const ab_action = new AlbumSelector({
|
|
adminMode: true,
|
|
selectAlbum: select_album_action,
|
|
removeSelectedAlbum: remove_album_action,
|
|
});
|
|
|
|
$('#associate_as').on('click', function () {
|
|
ab_action.open();
|
|
});
|
|
|
|
$('.selected-associate-action').on('click', (e) => {
|
|
if (e.target.classList.contains("remove-associate")) {
|
|
ab_action.remove_selected_album($(e.target).attr('id'));
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
/* ********** Album Selector */
|
|
function select_album_action({ album, addSelectedAlbum, getSelectedAlbum }) {
|
|
$('#associate_as p').html(str_add_alb_associate);
|
|
$(".selected-associate-action").append(
|
|
`<div class="selected-associate-item">
|
|
<span>${album.name}</span><span id="${album.id}" class="remove-associate icon-cancel-circled"></span>
|
|
<input type="hidden" id="associate_input_${album.id}" name="associate[]" value="${album.id}">
|
|
</div>`
|
|
);
|
|
addSelectedAlbum();
|
|
}
|
|
|
|
function remove_album_action({ id_album, getSelectedAlbum }) {
|
|
$('.selected-associate-item').find(`#${id_album}`).parent().remove();
|
|
const selected = getSelectedAlbum();
|
|
if (!selected.length) {
|
|
$('#associate_as p').html(str_select_alb_associate);
|
|
}
|
|
}
|
|
|
|
|
|
jQuery("a.preview-box").colorbox( {photo: true} );
|
|
|
|
jQuery('.thumbnails img').tipTip({
|
|
'delay' : 0,
|
|
'fadeIn' : 200,
|
|
'fadeOut' : 200
|
|
});
|
|
|
|
|
|
/* ********** Actions*/
|
|
|
|
jQuery('[data-datepicker]').pwgDatepicker({
|
|
showTimepicker: true,
|
|
cancelButton: lang.Cancel
|
|
});
|
|
|
|
jQuery('[data-add-album]').pwgAddAlbum();
|
|
|
|
$("input[name=remove_author]").click(function () {
|
|
if ($(this).is(':checked')) {
|
|
$("input[name=author]").hide();
|
|
}
|
|
else {
|
|
$("input[name=author]").show();
|
|
}
|
|
});
|
|
|
|
$("input[name=remove_title]").click(function () {
|
|
if ($(this).is(':checked')) {
|
|
$("input[name=title]").hide();
|
|
}
|
|
else {
|
|
$("input[name=title]").show();
|
|
}
|
|
});
|
|
|
|
$("input[name=remove_date_creation]").click(function () {
|
|
if ($(this).is(':checked')) {
|
|
$("#set_date_creation").hide();
|
|
}
|
|
else {
|
|
$("#set_date_creation").show();
|
|
}
|
|
});
|
|
|
|
var derivatives = {
|
|
elements: null,
|
|
done: 0,
|
|
total: 0,
|
|
|
|
finished: function() {
|
|
return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
|
|
}
|
|
};
|
|
|
|
function progress_start() {
|
|
jQuery('#uploadingActions').show();
|
|
jQuery('#uploadingActions .progress-bar').width("0%");
|
|
}
|
|
|
|
function progress_end() {
|
|
jQuery('#uploadingActions').hide();
|
|
}
|
|
|
|
function progress(success) {
|
|
|
|
percent = parseInt(derivatives.done / derivatives.total * 100);
|
|
jQuery('#uploadingActions .progressbar').width(percent.toString()+'%');
|
|
if (success !== undefined) {
|
|
var type = success ? 'regenerateSuccess': 'regenerateError',
|
|
s = jQuery('[name="'+type+'"]').val();
|
|
jQuery('[name="'+type+'"]').val(++s);
|
|
}
|
|
|
|
if (derivatives.finished()) {
|
|
progress_end();
|
|
jQuery('#applyAction').click();
|
|
}
|
|
}
|
|
|
|
function getDerivativeUrls() {
|
|
var ids = derivatives.elements.splice(0, 500);
|
|
var params = {max_urls: 100000, ids: ids, types: []};
|
|
jQuery("#action_generate_derivatives input").each( function(i, t) {
|
|
if ($(t).is(":checked"))
|
|
params.types.push( t.value );
|
|
} );
|
|
jQuery('#applyActionBlock').hide();
|
|
jQuery('.permitActionListButton').hide();
|
|
jQuery('#confirmDel').hide();
|
|
jQuery('#regenerationMsg').show();
|
|
jQuery('#regenerationText').html(lang.generateMsg);
|
|
progress_start();
|
|
jQuery.ajax( {
|
|
type: "POST",
|
|
url: 'ws.php?format=json&method=pwg.getMissingDerivatives',
|
|
data: params,
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (!data.stat || data.stat != "ok") {
|
|
return;
|
|
}
|
|
derivatives.total += data.result.urls.length;
|
|
jQuery('#regenerationStatus .badge-number').html(derivatives.done.toString() + "/" + derivatives.total.toString());
|
|
progress();
|
|
for (var i=0; i < data.result.urls.length; i++) {
|
|
jQuery.manageAjax.add("queued", {
|
|
type: 'GET',
|
|
url: data.result.urls[i] + "&ajaxload=true",
|
|
dataType: 'json',
|
|
success: ( function(data) {
|
|
derivatives.done++;
|
|
jQuery('#regenerationStatus .badge-number').html(derivatives.done.toString() + "/" + derivatives.total.toString());
|
|
progress(true)
|
|
}),
|
|
error: ( function(data) {
|
|
derivatives.done++;
|
|
jQuery('#regenerationStatus .badge-number').html(derivatives.done.toString() + "/" + derivatives.total.toString());
|
|
progress(false)
|
|
})
|
|
});
|
|
}
|
|
if (derivatives.elements.length)
|
|
setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
|
|
}
|
|
} );
|
|
}
|
|
|
|
function selectGenerateDerivAll() {
|
|
$("#action_generate_derivatives input[type=checkbox]").prop("checked", true).trigger("change");
|
|
}
|
|
function selectGenerateDerivNone() {
|
|
$("#action_generate_derivatives input[type=checkbox]").prop("checked", false).trigger("change");
|
|
}
|
|
|
|
function selectDelDerivAll() {
|
|
$('#action_delete_derivatives input[name="del_derivatives_type[]"]').prop("checked", true).trigger("change");
|
|
}
|
|
function selectDelDerivNone() {
|
|
$('#action_delete_derivatives input[name="del_derivatives_type[]"]').prop("checked", false).trigger("change");
|
|
}
|
|
|
|
// Trigger action click on pressing enter and if the value of applyAction is not equal to -1
|
|
$(window).on('keypress', function(e) {
|
|
if (e.key === "Enter" && $("select[name='selectAction']").val() != -1) {
|
|
e.preventDefault();
|
|
$('#applyAction').trigger('click');
|
|
}
|
|
});
|
|
|
|
/* sync metadatas or delete photos by blocks, with progress bar */
|
|
jQuery('#applyAction').click(function(e) {
|
|
if (typeof(elements) != "undefined") {
|
|
return true;
|
|
}
|
|
|
|
if (jQuery('[name="selectAction"]').val() == 'metadata') {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
jQuery('.bulkAction').hide();
|
|
jQuery('#regenerationText').html(lang.syncProgressMessage);
|
|
elements = Array();
|
|
|
|
if (jQuery('input[name=setSelected]').is(':checked')) {
|
|
elements = all_elements;
|
|
}
|
|
else {
|
|
jQuery('input[name="selection[]"]').filter(':checked').each(function() {
|
|
elements.push(jQuery(this).val());
|
|
});
|
|
}
|
|
|
|
var queuedManager = jQuery.manageAjax.create('queued', {
|
|
queue: true,
|
|
cacheResponse: false,
|
|
maxRequests: 1
|
|
});
|
|
|
|
progressBar_max = elements.length;
|
|
var todo = 0;
|
|
var syncBlockSize = Math.min(
|
|
Number((elements.length/2).toFixed()),
|
|
1000
|
|
);
|
|
var image_ids = Array();
|
|
|
|
jQuery('#applyActionBlock').hide();
|
|
jQuery('.permitActionListButton').hide();
|
|
jQuery('#confirmDel').hide();
|
|
jQuery('#regenerationMsg').show();
|
|
progress_bar_start();
|
|
for (i=0;i<elements.length;i++) {
|
|
image_ids.push(elements[i]);
|
|
if (i % syncBlockSize != syncBlockSize - 1 && i != elements.length - 1) {
|
|
continue;
|
|
}
|
|
|
|
(function(ids) {
|
|
var thisBatchSize = ids.length;
|
|
queuedManager.add({
|
|
url: "ws.php?format=json&method=pwg.images.syncMetadata",
|
|
type:"POST",
|
|
dataType: "json",
|
|
data: {
|
|
pwg_token: jQuery("input[name=pwg_token]").val(),
|
|
image_id: ids.join(',')
|
|
},
|
|
success: function(data) {
|
|
todo += thisBatchSize;
|
|
var isOk = data.stat && "ok" == data.stat;
|
|
if (isOk && data.result.nb_synchronized != thisBatchSize)
|
|
/*TODO: user feedback only data.nb_synchronized images out of thisBatchSize were sync*/;
|
|
/*TODO: user feedback if isError*/
|
|
jQuery('#regenerationStatus .badge-number').html(todo.toString() + "/" + progressBar_max.toString());
|
|
progress_bar(todo, progressBar_max, false);
|
|
},
|
|
error: function(data) {
|
|
todo += thisBatchSize;
|
|
/*TODO: user feedback*/
|
|
jQuery('#regenerationStatus .badge-number').html(todo.toString() + "/" + progressBar_max.toString());
|
|
progress_bar(todo, progressBar_max, false);
|
|
}
|
|
});
|
|
} )(image_ids);
|
|
image_ids = Array();
|
|
}
|
|
}
|
|
|
|
if (jQuery('[name="selectAction"]').val() == 'delete') {
|
|
if (!jQuery("#confirmDel input[name=confirm_deletion]").is(':checked')) {
|
|
jQuery("#confirmDel span.errors").css("visibility", "visible");
|
|
return false;
|
|
}
|
|
e.stopPropagation();
|
|
}
|
|
else {
|
|
return true;
|
|
}
|
|
|
|
jQuery('.bulkAction').hide();
|
|
var maxRequests=1;
|
|
|
|
var queuedManager = jQuery.manageAjax.create('queued', {
|
|
queue: true,
|
|
cacheResponse: false,
|
|
maxRequests: maxRequests
|
|
});
|
|
|
|
elements = Array();
|
|
|
|
if (jQuery('input[name=setSelected]').is(':checked')) {
|
|
elements = all_elements;
|
|
}
|
|
else {
|
|
jQuery('input[name="selection[]"]').filter(':checked').each(function() {
|
|
elements.push(jQuery(this).val());
|
|
});
|
|
}
|
|
|
|
progressBar_max = elements.length;
|
|
var todo = 0;
|
|
var deleteBlockSize = Math.min(
|
|
Number((elements.length/2).toFixed()),
|
|
1000
|
|
);
|
|
var image_ids = Array();
|
|
|
|
jQuery('#applyActionBlock').hide();
|
|
jQuery('.permitActionListButton').hide();
|
|
jQuery('#confirmDel').hide();
|
|
jQuery('#regenerationText').html(lang.deleteProgressMessage);
|
|
jQuery('#regenerationMsg').show();
|
|
progress_bar_start();
|
|
for (i=0;i<elements.length;i++) {
|
|
image_ids.push(elements[i]);
|
|
if (i % deleteBlockSize != deleteBlockSize - 1 && i != elements.length - 1) {
|
|
continue;
|
|
}
|
|
|
|
(function(ids) {
|
|
var thisBatchSize = ids.length;
|
|
queuedManager.add({
|
|
type: 'POST',
|
|
url: 'ws.php?format=json',
|
|
data: {
|
|
method: "pwg.images.delete",
|
|
pwg_token: jQuery("input[name=pwg_token]").val(),
|
|
image_id: ids.join(',')
|
|
},
|
|
dataType: 'json',
|
|
success: function(data) {
|
|
todo += thisBatchSize;
|
|
var isOk = data.stat && "ok" == data.stat;
|
|
if (isOk && data.result != thisBatchSize);
|
|
/*TODO: user feedback only data.result images out of thisBatchSize were deleted*/;
|
|
/*TODO: user feedback if isError*/
|
|
jQuery('#regenerationStatus .badge-number').html(todo.toString() + "/" + progressBar_max.toString());
|
|
progress_bar(todo, progressBar_max, false);
|
|
},
|
|
error: function(data) {
|
|
todo += thisBatchSize;
|
|
/*TODO: user feedback*/
|
|
jQuery('#regenerationStatus .badge-number').html(todo.toString() + "/" + progressBar_max.toString());
|
|
progress_bar(todo, progressBar_max, false);
|
|
}
|
|
});
|
|
} )(image_ids);
|
|
|
|
image_ids = Array();
|
|
}
|
|
|
|
/* tell PHP how many photos were deleted */
|
|
jQuery('form').append('<input type="hidden" name="nb_photos_deleted" value="'+elements.length+'">');
|
|
|
|
return false;
|
|
});
|
|
|
|
function progress_bar_start() {
|
|
jQuery('#uploadingActions').show();
|
|
jQuery('#uploadingActions .progress-bar').width("0%");
|
|
}
|
|
|
|
function progress_bar_end() {
|
|
jQuery('#uploadingActions').hide();
|
|
}
|
|
|
|
function progress_bar(val, max, success) {
|
|
percent = parseInt(val / max * 100);
|
|
jQuery('#uploadingActions .progressbar').width(percent.toString()+'%');
|
|
if (val == max)
|
|
jQuery('#applyAction').click();
|
|
}
|
|
|
|
jQuery("#confirmDel input[name=confirm_deletion]").change(function() {
|
|
jQuery("#confirmDel span.errors").css("visibility", "hidden");
|
|
});
|
|
|
|
jQuery('#sync_md5sum').click(function(e) {
|
|
jQuery(this).hide();
|
|
jQuery('#add_md5sum').show();
|
|
|
|
var addBlockSize = Math.min(
|
|
Number((jQuery('#md5sum_to_add').data('origin') / 2).toFixed()),
|
|
1000
|
|
);
|
|
add_md5sum_block(addBlockSize);
|
|
|
|
return false;
|
|
});
|
|
|
|
function add_md5sum_block(blockSize){
|
|
jQuery.ajax({
|
|
url: "ws.php?format=json&method=pwg.images.setMd5sum",
|
|
type:"POST",
|
|
dataType: "json",
|
|
data: {
|
|
pwg_token: jQuery("input[name=pwg_token]").val(),
|
|
block_size: blockSize
|
|
},
|
|
success:function(data) {
|
|
jQuery('#md5sum_to_add').html(data.result.nb_no_md5sum);
|
|
|
|
var percent_remaining = Number(
|
|
(data.result.nb_no_md5sum * 100 / jQuery('#md5sum_to_add').data('origin')).toFixed()
|
|
);
|
|
var percent_done = 100 - percent_remaining;
|
|
jQuery('#md5sum_added').html(percent_done);
|
|
if (data.result.nb_no_md5sum > 0) {
|
|
add_md5sum_block();
|
|
}
|
|
else {
|
|
// time to refresh the whole page
|
|
var redirect_to = 'admin.php?page=batch_manager';
|
|
redirect_to += '&action=sync_md5sum';
|
|
redirect_to += '&nb_md5sum_added='+jQuery('#md5sum_to_add').data('origin');
|
|
|
|
document.location = redirect_to;
|
|
}
|
|
},
|
|
error:function(XMLHttpRequest) {
|
|
jQuery('#add_md5sum').hide();
|
|
jQuery('#add_md5sum_error').show().html('error '+XMLHttpRequest.status+' : '+XMLHttpRequest.statusText);
|
|
}
|
|
});
|
|
}
|
|
|
|
jQuery('#delete_orphans').click(function(e) {
|
|
jQuery(this).hide();
|
|
jQuery('#orphans_deletion').show();
|
|
|
|
var deleteBlockSize = Math.min(
|
|
Number((jQuery('#orphans_to_delete').data('origin') / 2).toFixed()),
|
|
1000
|
|
);
|
|
|
|
delete_orphans_block(deleteBlockSize);
|
|
|
|
return false;
|
|
});
|
|
|
|
function delete_orphans_block(blockSize) {
|
|
jQuery.ajax({
|
|
url: "ws.php?format=json&method=pwg.images.deleteOrphans",
|
|
type:"POST",
|
|
dataType: "json",
|
|
data: {
|
|
pwg_token: jQuery("input[name=pwg_token]").val(),
|
|
block_size: blockSize
|
|
},
|
|
success:function(data) {
|
|
jQuery('#orphans_to_delete').html(data.result.nb_orphans);
|
|
|
|
var percent_remaining = Number(
|
|
(data.result.nb_orphans * 100 / jQuery('#orphans_to_delete').data('origin')).toFixed()
|
|
);
|
|
var percent_done = 100 - percent_remaining;
|
|
jQuery('#orphans_deleted').html(percent_done);
|
|
|
|
if (data.result.nb_orphans > 0) {
|
|
delete_orphans_block();
|
|
}
|
|
else {
|
|
// time to refresh the whole page
|
|
var redirect_to = 'admin.php?page=batch_manager';
|
|
redirect_to += '&action=delete_orphans';
|
|
redirect_to += '&nb_orphans_deleted='+jQuery('#orphans_to_delete').data('origin');
|
|
|
|
document.location = redirect_to;
|
|
}
|
|
},
|
|
error:function(XMLHttpRequest) {
|
|
jQuery('#orphans_deletion').hide();
|
|
jQuery('#orphans_deletion_error').show().html('error '+XMLHttpRequest.status+' : '+XMLHttpRequest.statusText);
|
|
}
|
|
});
|
|
}
|
|
|