mirror of
https://github.com/YunoHost-Apps/piwigo_ynh.git
synced 2024-09-03 20:06:03 +02:00
950 lines
35 KiB
Smarty
950 lines
35 KiB
Smarty
|
{include file='include/tag_selection.inc.tpl'}
|
||
|
{include file='include/datepicker.inc.tpl'}
|
||
|
{include file='include/colorbox.inc.tpl'}
|
||
|
{include file='include/add_album.inc.tpl'}
|
||
|
|
||
|
{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
|
||
|
{combine_script id='jquery.ui.slider' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
|
||
|
{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css"}
|
||
|
|
||
|
{footer_script}{literal}
|
||
|
pwg_initialization_datepicker("#date_creation_day", "#date_creation_month", "#date_creation_year", "#date_creation_linked_date", "#date_creation_action_set");
|
||
|
{/literal}{/footer_script}
|
||
|
|
||
|
{footer_script}{literal}
|
||
|
/* Shift-click: select all photos between the click and the shift+click */
|
||
|
jQuery(document).ready(function() {
|
||
|
var last_clicked=0;
|
||
|
var last_clickedstatus=true;
|
||
|
jQuery.fn.enableShiftClick = function() {
|
||
|
var inputs = [];
|
||
|
var 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);
|
||
|
if (last_clickedstatus)
|
||
|
{
|
||
|
$(input).siblings("span.wrap2").addClass("thumbSelected");
|
||
|
}
|
||
|
else
|
||
|
{
|
||
|
$(input).siblings("span.wrap2").removeClass("thumbSelected");
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
last_clicked = pos;
|
||
|
last_clickedstatus = this.checked;
|
||
|
}
|
||
|
return true;
|
||
|
});
|
||
|
$(this).click(function(event) { $(this).triggerHandler("shclick",event)});
|
||
|
});
|
||
|
}
|
||
|
$('ul.thumbnails').enableShiftClick();
|
||
|
});
|
||
|
{/literal}{/footer_script}
|
||
|
|
||
|
{combine_css path='themes/default/js/plugins/jquery.tokeninput.css'}
|
||
|
{combine_script id='jquery.tokeninput' load='footer' require='jquery' path='themes/default/js/plugins/jquery.tokeninput.js'}
|
||
|
{combine_script id='jquery.progressBar' load='footer' path='themes/default/js/plugins/jquery.progressbar.min.js'}
|
||
|
{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
|
||
|
|
||
|
{footer_script require='jquery.tokeninput'}
|
||
|
jQuery(document).ready(function() {ldelim}
|
||
|
jQuery("a.preview-box").colorbox();
|
||
|
|
||
|
var tag_src = [{foreach from=$tags item=tag name=tags}{ldelim}name:"{$tag.name|@escape:'javascript'}",id:"{$tag.id}"{rdelim}{if !$smarty.foreach.tags.last},{/if}{/foreach}];
|
||
|
jQuery("#tags").tokenInput(
|
||
|
tag_src,
|
||
|
{ldelim}
|
||
|
hintText: '{'Type in a search term'|@translate}',
|
||
|
noResultsText: '{'No results'|@translate}',
|
||
|
searchingText: '{'Searching...'|@translate}',
|
||
|
newText: ' ({'new'|@translate})',
|
||
|
animateDropdown: false,
|
||
|
preventDuplicates: true,
|
||
|
allowFreeTagging: true
|
||
|
}
|
||
|
);
|
||
|
|
||
|
jQuery("#tagsFilter").tokenInput(
|
||
|
tag_src,
|
||
|
{ldelim}
|
||
|
hintText: '{'Type in a search term'|@translate}',
|
||
|
noResultsText: '{'No results'|@translate}',
|
||
|
searchingText: '{'Searching...'|@translate}',
|
||
|
animateDropdown: false,
|
||
|
preventDuplicates: true,
|
||
|
allowFreeTagging: false
|
||
|
}
|
||
|
);
|
||
|
|
||
|
});
|
||
|
{/footer_script}
|
||
|
|
||
|
{footer_script}
|
||
|
var nb_thumbs_page = {$nb_thumbs_page};
|
||
|
var nb_thumbs_set = {$nb_thumbs_set};
|
||
|
var are_you_sure = "{'Are you sure?'|@translate|@escape:'javascript'}";
|
||
|
var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}";
|
||
|
var all_elements = [{if !empty($all_elements)}{','|@implode:$all_elements}{/if}];
|
||
|
var derivatives = {ldelim}
|
||
|
elements: null,
|
||
|
done: 0,
|
||
|
total: 0,
|
||
|
|
||
|
finished: function() {ldelim}
|
||
|
return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var selectedMessage_pattern = "{'%d of %d photos selected'|@translate}";
|
||
|
var selectedMessage_none = "{'No photo selected, %d photos in current set'|@translate}";
|
||
|
var selectedMessage_all = "{'All %d photos are selected'|@translate}";
|
||
|
|
||
|
var width_str = '{'Width'|@translate}';
|
||
|
var height_str = '{'Height'|@translate}';
|
||
|
var max_width_str = '{'Maximum width'|@translate}';
|
||
|
var max_height_str = '{'Maximum height'|@translate}';
|
||
|
{literal}
|
||
|
|
||
|
function progress(success) {
|
||
|
jQuery('#progressBar').progressBar(derivatives.done, {
|
||
|
max: derivatives.total,
|
||
|
textFormat: 'fraction',
|
||
|
boxImage: 'themes/default/images/progressbar.gif',
|
||
|
barImage: 'themes/default/images/progressbg_orange.gif'
|
||
|
});
|
||
|
if (success !== undefined) {
|
||
|
var type = success ? 'regenerateSuccess': 'regenerateError',
|
||
|
s = jQuery('[name="'+type+'"]').val();
|
||
|
jQuery('[name="'+type+'"]').val(++s);
|
||
|
}
|
||
|
|
||
|
if (derivatives.finished()) {
|
||
|
jQuery('#applyAction').click();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
$(document).ready(function() {
|
||
|
function checkPermitAction() {
|
||
|
var nbSelected = 0;
|
||
|
if ($("input[name=setSelected]").is(':checked')) {
|
||
|
nbSelected = nb_thumbs_set;
|
||
|
}
|
||
|
else {
|
||
|
nbSelected = $(".thumbnails input[type=checkbox]").filter(':checked').length;
|
||
|
}
|
||
|
|
||
|
if (nbSelected == 0) {
|
||
|
$("#permitAction").hide();
|
||
|
$("#forbidAction").show();
|
||
|
}
|
||
|
else {
|
||
|
$("#permitAction").show();
|
||
|
$("#forbidAction").hide();
|
||
|
}
|
||
|
|
||
|
$("#applyOnDetails").text(
|
||
|
sprintf(
|
||
|
applyOnDetails_pattern,
|
||
|
nbSelected
|
||
|
)
|
||
|
);
|
||
|
|
||
|
// display the number of currently selected photos in the "Selection" fieldset
|
||
|
if (nbSelected == 0) {
|
||
|
$("#selectedMessage").text(
|
||
|
sprintf(
|
||
|
selectedMessage_none,
|
||
|
nb_thumbs_set
|
||
|
)
|
||
|
);
|
||
|
}
|
||
|
else if (nbSelected == nb_thumbs_set) {
|
||
|
$("#selectedMessage").text(
|
||
|
sprintf(
|
||
|
selectedMessage_all,
|
||
|
nb_thumbs_set
|
||
|
)
|
||
|
);
|
||
|
}
|
||
|
else {
|
||
|
$("#selectedMessage").text(
|
||
|
sprintf(
|
||
|
selectedMessage_pattern,
|
||
|
nbSelected,
|
||
|
nb_thumbs_set
|
||
|
)
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
$('.thumbnails img').tipTip({
|
||
|
'delay' : 0,
|
||
|
'fadeIn' : 200,
|
||
|
'fadeOut' : 200
|
||
|
});
|
||
|
|
||
|
$("[id^=action_]").hide();
|
||
|
|
||
|
$("select[name=selectAction]").change(function () {
|
||
|
$("[id^=action_]").hide();
|
||
|
$("#action_"+$(this).prop("value")).show();
|
||
|
|
||
|
/* make sure the #albumSelect is on the right select box so that the */
|
||
|
/* "add new album" popup fills the right select box */
|
||
|
if ("associate" == $(this).prop("value") || "move" == $(this).prop("value")) {
|
||
|
jQuery("#albumSelect").removeAttr("id");
|
||
|
jQuery("#action_"+$(this).prop("value")+" select").attr("id", "albumSelect");
|
||
|
}
|
||
|
|
||
|
if ($(this).val() != -1) {
|
||
|
$("#applyActionBlock").show();
|
||
|
}
|
||
|
else {
|
||
|
$("#applyActionBlock").hide();
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$(".wrap1 label").click(function (event) {
|
||
|
$("input[name=setSelected]").prop('checked', false);
|
||
|
|
||
|
var wrap2 = $(this).children(".wrap2");
|
||
|
var checkbox = $(this).children("input[type=checkbox]");
|
||
|
|
||
|
checkbox.triggerHandler("shclick",event);
|
||
|
|
||
|
if ($(checkbox).is(':checked')) {
|
||
|
$(wrap2).addClass("thumbSelected");
|
||
|
}
|
||
|
else {
|
||
|
$(wrap2).removeClass('thumbSelected');
|
||
|
}
|
||
|
|
||
|
checkPermitAction();
|
||
|
});
|
||
|
|
||
|
$("#selectAll").click(function () {
|
||
|
$("input[name=setSelected]").prop('checked', false);
|
||
|
selectPageThumbnails();
|
||
|
checkPermitAction();
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
function selectPageThumbnails() {
|
||
|
$(".thumbnails label").each(function() {
|
||
|
var wrap2 = $(this).children(".wrap2");
|
||
|
var checkbox = $(this).children("input[type=checkbox]");
|
||
|
|
||
|
$(checkbox).prop('checked', true);
|
||
|
$(wrap2).addClass("thumbSelected");
|
||
|
});
|
||
|
}
|
||
|
|
||
|
$("#selectNone").click(function () {
|
||
|
$("input[name=setSelected]").prop('checked', false);
|
||
|
|
||
|
$(".thumbnails label").each(function() {
|
||
|
var wrap2 = $(this).children(".wrap2");
|
||
|
var checkbox = $(this).children("input[type=checkbox]");
|
||
|
|
||
|
$(checkbox).prop('checked', false);
|
||
|
$(wrap2).removeClass("thumbSelected");
|
||
|
});
|
||
|
checkPermitAction();
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
$("#selectInvert").click(function () {
|
||
|
$("input[name=setSelected]").prop('checked', false);
|
||
|
|
||
|
$(".thumbnails label").each(function() {
|
||
|
var wrap2 = $(this).children(".wrap2");
|
||
|
var checkbox = $(this).children("input[type=checkbox]");
|
||
|
|
||
|
$(checkbox).prop('checked', !$(checkbox).is(':checked'));
|
||
|
|
||
|
if ($(checkbox).is(':checked')) {
|
||
|
$(wrap2).addClass("thumbSelected");
|
||
|
}
|
||
|
else {
|
||
|
$(wrap2).removeClass('thumbSelected');
|
||
|
}
|
||
|
});
|
||
|
checkPermitAction();
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
$("#selectSet").click(function () {
|
||
|
selectPageThumbnails();
|
||
|
$("input[name=setSelected]").prop('checked', true);
|
||
|
checkPermitAction();
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
$("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();
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$(".removeFilter").click(function () {
|
||
|
var filter = $(this).parent('li').attr("id");
|
||
|
filter_disable(filter);
|
||
|
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
function filter_enable(filter) {
|
||
|
/* show the filter*/
|
||
|
$("#"+filter).show();
|
||
|
|
||
|
/* check the checkbox to declare we use this filter */
|
||
|
$("input[type=checkbox][name="+filter+"_use]").prop("checked", true);
|
||
|
|
||
|
/* forbid to select this filter in the addFilter list */
|
||
|
$("#addFilter").children("option[value="+filter+"]").attr("disabled", "disabled");
|
||
|
}
|
||
|
|
||
|
$("#addFilter").change(function () {
|
||
|
var filter = $(this).prop("value");
|
||
|
filter_enable(filter);
|
||
|
$(this).prop("value", -1);
|
||
|
});
|
||
|
|
||
|
function filter_disable(filter) {
|
||
|
/* hide the filter line */
|
||
|
$("#"+filter).hide();
|
||
|
|
||
|
/* uncheck the checkbox to declare we do not use this filter */
|
||
|
$("input[name="+filter+"_use]").prop("checked", false);
|
||
|
|
||
|
/* give the possibility to show it again */
|
||
|
$("#addFilter").children("option[value="+filter+"]").removeAttr("disabled");
|
||
|
}
|
||
|
|
||
|
$("#removeFilters").click(function() {
|
||
|
$("#filterList li").each(function() {
|
||
|
var filter = $(this).attr("id");
|
||
|
filter_disable(filter);
|
||
|
});
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
jQuery('#applyAction').click(function() {
|
||
|
var action = jQuery('[name="selectAction"]').val();
|
||
|
if (action == 'delete_derivatives') {
|
||
|
var d_count = $('#action_delete_derivatives input[type=checkbox]').filter(':checked').length
|
||
|
, e_count = $('input[name="setSelected"]').is(':checked') ? nb_thumbs_set : $('.thumbnails input[type=checkbox]').filter(':checked').length;
|
||
|
if (d_count*e_count > 500)
|
||
|
return confirm(are_you_sure);
|
||
|
}
|
||
|
|
||
|
if (action != 'generate_derivatives'
|
||
|
|| derivatives.finished() )
|
||
|
{
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
jQuery('.bulkAction').hide();
|
||
|
|
||
|
var queuedManager = jQuery.manageAjax.create('queued', {
|
||
|
queue: true,
|
||
|
cacheResponse: false,
|
||
|
maxRequests: 1
|
||
|
});
|
||
|
|
||
|
derivatives.elements = [];
|
||
|
if (jQuery('input[name="setSelected"]').is(':checked'))
|
||
|
derivatives.elements = all_elements;
|
||
|
else
|
||
|
jQuery('.thumbnails input[type=checkbox]').each(function() {
|
||
|
if (jQuery(this).is(':checked')) {
|
||
|
derivatives.elements.push(jQuery(this).val());
|
||
|
}
|
||
|
});
|
||
|
|
||
|
jQuery('#applyActionBlock').hide();
|
||
|
jQuery('select[name="selectAction"]').hide();
|
||
|
jQuery('#regenerationMsg').show();
|
||
|
|
||
|
progress();
|
||
|
getDerivativeUrls();
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
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.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;
|
||
|
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++; progress(true) }),
|
||
|
error: ( function(data) { derivatives.done++; progress(false) })
|
||
|
});
|
||
|
}
|
||
|
if (derivatives.elements.length)
|
||
|
setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
|
||
|
}
|
||
|
} );
|
||
|
}
|
||
|
|
||
|
checkPermitAction();
|
||
|
|
||
|
/* dimensions sliders */
|
||
|
/**
|
||
|
* find the key from a value in the startStopValues array
|
||
|
*/
|
||
|
function getSliderKeyFromValue(value, values) {
|
||
|
for (var key in values) {
|
||
|
if (values[key] == value) {
|
||
|
return key;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return 0;
|
||
|
}
|
||
|
|
||
|
{/literal}
|
||
|
var dimension_values = {ldelim}
|
||
|
'width':[{$dimensions.widths}],
|
||
|
'height':[{$dimensions.heights}],
|
||
|
'ratio':[{$dimensions.ratios}]
|
||
|
};
|
||
|
|
||
|
$("#filter_dimension_width_slider").slider({ldelim}
|
||
|
range: true,
|
||
|
min: 0,
|
||
|
max: dimension_values['width'].length - 1,
|
||
|
values: [
|
||
|
getSliderKeyFromValue({$dimensions.selected.min_width}, dimension_values['width']),
|
||
|
getSliderKeyFromValue({$dimensions.selected.max_width}, dimension_values['width'])
|
||
|
],
|
||
|
slide: function(event, ui) {ldelim}
|
||
|
$("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
|
||
|
$("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
|
||
|
|
||
|
$("#filter_dimension_width_info").html(sprintf(
|
||
|
"{'between %d and %d pixels'|@translate}",
|
||
|
dimension_values['width'][ui.values[0]],
|
||
|
dimension_values['width'][ui.values[1]]
|
||
|
));
|
||
|
},
|
||
|
change: function(event, ui) {ldelim}
|
||
|
$("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
|
||
|
$("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
|
||
|
|
||
|
$("#filter_dimension_width_info").html(sprintf(
|
||
|
"{'between %d and %d pixels'|@translate}",
|
||
|
dimension_values['width'][ui.values[0]],
|
||
|
dimension_values['width'][ui.values[1]]
|
||
|
));
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$("#filter_dimension_height_slider").slider({ldelim}
|
||
|
range: true,
|
||
|
min: 0,
|
||
|
max: dimension_values['height'].length - 1,
|
||
|
values: [
|
||
|
getSliderKeyFromValue({$dimensions.selected.min_height}, dimension_values['height']),
|
||
|
getSliderKeyFromValue({$dimensions.selected.max_height}, dimension_values['height'])
|
||
|
],
|
||
|
slide: function(event, ui) {ldelim}
|
||
|
$("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
|
||
|
$("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
|
||
|
|
||
|
$("#filter_dimension_height_info").html(sprintf(
|
||
|
"{'between %d and %d pixels'|@translate}",
|
||
|
dimension_values['height'][ui.values[0]],
|
||
|
dimension_values['height'][ui.values[1]]
|
||
|
));
|
||
|
},
|
||
|
change: function(event, ui) {ldelim}
|
||
|
$("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
|
||
|
$("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
|
||
|
|
||
|
$("#filter_dimension_height_info").html(sprintf(
|
||
|
"{'between %d and %d pixels'|@translate}",
|
||
|
dimension_values['height'][ui.values[0]],
|
||
|
dimension_values['height'][ui.values[1]]
|
||
|
));
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$("#filter_dimension_ratio_slider").slider({ldelim}
|
||
|
range: true,
|
||
|
min: 0,
|
||
|
max: dimension_values['ratio'].length - 1,
|
||
|
values: [
|
||
|
getSliderKeyFromValue({$dimensions.selected.min_ratio}, dimension_values['ratio']),
|
||
|
getSliderKeyFromValue({$dimensions.selected.max_ratio}, dimension_values['ratio'])
|
||
|
],
|
||
|
slide: function(event, ui) {ldelim}
|
||
|
$("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
|
||
|
$("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
|
||
|
|
||
|
$("#filter_dimension_ratio_info").html(sprintf(
|
||
|
"{'between %.2f and %.2f'|@translate}",
|
||
|
dimension_values['ratio'][ui.values[0]],
|
||
|
dimension_values['ratio'][ui.values[1]]
|
||
|
));
|
||
|
},
|
||
|
change: function(event, ui) {ldelim}
|
||
|
$("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
|
||
|
$("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
|
||
|
|
||
|
$("#filter_dimension_ratio_info").html(sprintf(
|
||
|
"{'between %.2f and %.2f'|@translate}",
|
||
|
dimension_values['ratio'][ui.values[0]],
|
||
|
dimension_values['ratio'][ui.values[1]]
|
||
|
));
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$("a.dimensions-choice").click(function() {ldelim}
|
||
|
var type = jQuery(this).data("type");
|
||
|
var min = jQuery(this).data("min");
|
||
|
var max = jQuery(this).data("max");
|
||
|
|
||
|
$("#filter_dimension_"+ type +"_slider").slider("values", 0,
|
||
|
getSliderKeyFromValue(min, dimension_values[type])
|
||
|
);
|
||
|
|
||
|
$("#filter_dimension_"+type+"_slider").slider("values", 1,
|
||
|
getSliderKeyFromValue(max, dimension_values[type])
|
||
|
);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
{/footer_script}
|
||
|
|
||
|
<div id="batchManagerGlobal">
|
||
|
|
||
|
<h2>{'Batch Manager'|@translate}</h2>
|
||
|
|
||
|
<form action="{$F_ACTION}" method="post">
|
||
|
<input type="hidden" name="start" value="{$START}">
|
||
|
|
||
|
<fieldset>
|
||
|
<legend>{'Filter'|@translate}</legend>
|
||
|
|
||
|
<ul id="filterList">
|
||
|
<li id="filter_prefilter" {if !isset($filter.prefilter)}style="display:none"{/if}>
|
||
|
<a href="#" class="removeFilter" title="{'remove this filter'|@translate}"><span>[x]</span></a>
|
||
|
<input type="checkbox" name="filter_prefilter_use" class="useFilterCheckbox" {if isset($filter.prefilter)}checked="checked"{/if}>
|
||
|
{'Predefined filter'|@translate}
|
||
|
<select name="filter_prefilter">
|
||
|
{foreach from=$prefilters item=prefilter}
|
||
|
<option value="{$prefilter.ID}" {if isset($filter.prefilter) && $filter.prefilter eq $prefilter.ID}selected="selected"{/if}>{$prefilter.NAME}</option>
|
||
|
{/foreach}
|
||
|
</select>
|
||
|
</li>
|
||
|
|
||
|
<li id="filter_category" {if !isset($filter.category)}style="display:none"{/if}>
|
||
|
<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
|
||
|
<input type="checkbox" name="filter_category_use" class="useFilterCheckbox" {if isset($filter.category)}checked="checked"{/if}>
|
||
|
{'Album'|@translate}
|
||
|
<select style="width:400px" name="filter_category" size="1">
|
||
|
{html_options options=$category_full_name_options selected=$filter_category_selected}
|
||
|
</select>
|
||
|
<label><input type="checkbox" name="filter_category_recursive" {if isset($filter.category_recursive)}checked="checked"{/if}> {'include child albums'|@translate}</label>
|
||
|
</li>
|
||
|
|
||
|
<li id="filter_tags" {if !isset($filter.tags)}style="display:none"{/if}>
|
||
|
<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
|
||
|
<input type="checkbox" name="filter_tags_use" class="useFilterCheckbox" {if isset($filter.tags)}checked="checked"{/if}>
|
||
|
{'Tags'|@translate}
|
||
|
<select id="tagsFilter" name="filter_tags">
|
||
|
{if isset($filter_tags)}{foreach from=$filter_tags item=tag}
|
||
|
<option value="{$tag.id}">{$tag.name}</option>
|
||
|
{/foreach}{/if}
|
||
|
</select>
|
||
|
<label><span><input type="radio" name="tag_mode" value="AND" {if !isset($filter.tag_mode) or $filter.tag_mode eq 'AND'}checked="checked"{/if}> {'All tags'|@translate}</span></label>
|
||
|
<label><span><input type="radio" name="tag_mode" value="OR" {if isset($filter.tag_mode) and $filter.tag_mode eq 'OR'}checked="checked"{/if}> {'Any tag'|@translate}</span></label>
|
||
|
</li>
|
||
|
|
||
|
<li id="filter_level" {if !isset($filter.level)}style="display:none"{/if}>
|
||
|
<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
|
||
|
<input type="checkbox" name="filter_level_use" class="useFilterCheckbox" {if isset($filter.level)}checked="checked"{/if}>
|
||
|
{'Privacy level'|@translate}
|
||
|
<select name="filter_level" size="1">
|
||
|
{html_options options=$filter_level_options selected=$filter_level_options_selected}
|
||
|
</select>
|
||
|
<label><input type="checkbox" name="filter_level_include_lower" {if isset($filter.level_include_lower)}checked="checked"{/if}> {'include photos with lower privacy level'|@translate}</label>
|
||
|
</li>
|
||
|
|
||
|
<li id="filter_dimension" {if !isset($filter.dimension)}style="display:none"{/if}>
|
||
|
<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
|
||
|
<input type="checkbox" name="filter_dimension_use" class="useFilterCheckbox" {if isset($filter.dimension)}checked="checked"{/if}>
|
||
|
{'Dimensions'|@translate}
|
||
|
|
||
|
<blockquote>
|
||
|
{'Width'|@translate} <span id="filter_dimension_width_info">{'between %d and %d pixels'|@translate:$dimensions.selected.min_width:$dimensions.selected.max_width}</span>
|
||
|
| <a class="dimensions-choice" data-type="width" data-min="{$dimensions.bounds.min_width}" data-max="{$dimensions.bounds.max_width}">{'Reset'|@translate}</a>
|
||
|
<div id="filter_dimension_width_slider"></div>
|
||
|
|
||
|
{'Height'|@translate} <span id="filter_dimension_height_info">{'between %d and %d pixels'|@translate:$dimensions.selected.min_height:$dimensions.selected.max_height}</span>
|
||
|
| <a class="dimensions-choice" data-type="height" data-min="{$dimensions.bounds.min_height}" data-max="{$dimensions.bounds.max_height}">{'Reset'|@translate}</a>
|
||
|
<div id="filter_dimension_height_slider"></div>
|
||
|
|
||
|
{'Ratio'|@translate} ({'Width'|@translate}/{'Height'|@translate}) <span id="filter_dimension_ratio_info">{'between %.2f and %.2f'|@translate:$dimensions.selected.min_ratio:$dimensions.selected.max_ratio}</span>
|
||
|
{if isset($dimensions.ratio_portrait)}
|
||
|
| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_portrait.min}" data-max="{$dimensions.ratio_portrait.max}">{'Portrait'|@translate}</a>
|
||
|
{/if}
|
||
|
{if isset($dimensions.ratio_square)}
|
||
|
| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_square.min}" data-max="{$dimensions.ratio_square.max}">{'square'|@translate}</a>
|
||
|
{/if}
|
||
|
{if isset($dimensions.ratio_landscape)}
|
||
|
| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_landscape.min}" data-max="{$dimensions.ratio_landscape.max}">{'Landscape'|@translate}</a>
|
||
|
{/if}
|
||
|
{if isset($dimensions.ratio_panorama)}
|
||
|
| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_panorama.min}" data-max="{$dimensions.ratio_panorama.max}">{'Panorama'|@translate}</a>
|
||
|
{/if}
|
||
|
| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.bounds.min_ratio}" data-max="{$dimensions.bounds.max_ratio}">{'Reset'|@translate}</a>
|
||
|
<div id="filter_dimension_ratio_slider"></div>
|
||
|
</blockquote>
|
||
|
|
||
|
<input type="hidden" name="filter_dimension_min_width" value="{$dimensions.selected.min_width}">
|
||
|
<input type="hidden" name="filter_dimension_max_width" value="{$dimensions.selected.max_width}">
|
||
|
<input type="hidden" name="filter_dimension_min_height" value="{$dimensions.selected.min_height}">
|
||
|
<input type="hidden" name="filter_dimension_max_height" value="{$dimensions.selected.max_height}">
|
||
|
<input type="hidden" name="filter_dimension_min_ratio" value="{$dimensions.selected.min_ratio}">
|
||
|
<input type="hidden" name="filter_dimension_max_ratio" value="{$dimensions.selected.max_ratio}">
|
||
|
</li>
|
||
|
</ul>
|
||
|
|
||
|
<p class="actionButtons">
|
||
|
<select id="addFilter">
|
||
|
<option value="-1">{'Add a filter'|@translate}</option>
|
||
|
<option disabled="disabled">------------------</option>
|
||
|
<option value="filter_prefilter" {if isset($filter.prefilter)}disabled="disabled"{/if}>{'Predefined filter'|@translate}</option>
|
||
|
<option value="filter_category" {if isset($filter.category)}disabled="disabled"{/if}>{'Album'|@translate}</option>
|
||
|
<option value="filter_tags" {if isset($filter.tags)}disabled="disabled"{/if}>{'Tags'|@translate}</option>
|
||
|
<option value="filter_level" {if isset($filter.level)}disabled="disabled"{/if}>{'Privacy level'|@translate}</option>
|
||
|
<option value="filter_dimension" {if isset($filter.dimension)}disabled="disabled"{/if}>{'Dimensions'|@translate}</option>
|
||
|
</select>
|
||
|
<a id="removeFilters" href="">{'Remove all filters'|@translate}</a>
|
||
|
</p>
|
||
|
|
||
|
<p class="actionButtons" id="applyFilterBlock">
|
||
|
<input id="applyFilter" class="submit" type="submit" value="{'Refresh photo set'|@translate}" name="submitFilter">
|
||
|
</p>
|
||
|
|
||
|
</fieldset>
|
||
|
|
||
|
<fieldset>
|
||
|
|
||
|
<legend>{'Selection'|@translate}</legend>
|
||
|
|
||
|
{if !empty($thumbnails)}
|
||
|
<p id="checkActions">
|
||
|
{'Select:'|@translate}
|
||
|
{if $nb_thumbs_set > $nb_thumbs_page}
|
||
|
<a href="#" id="selectAll">{'The whole page'|@translate}</a>,
|
||
|
<a href="#" id="selectSet">{'The whole set'|@translate}</a>,
|
||
|
{else}
|
||
|
<a href="#" id="selectAll">{'All'|@translate}</a>,
|
||
|
{/if}
|
||
|
<a href="#" id="selectNone">{'None'|@translate}</a>,
|
||
|
<a href="#" id="selectInvert">{'Invert'|@translate}</a>
|
||
|
|
||
|
<span id="selectedMessage"></span>
|
||
|
|
||
|
<input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}>
|
||
|
</p>
|
||
|
|
||
|
<ul class="thumbnails">
|
||
|
{html_style}
|
||
|
UL.thumbnails SPAN.wrap2{ldelim}
|
||
|
width: {$thumb_params->max_width()+2}px;
|
||
|
}
|
||
|
UL.thumbnails SPAN.wrap2 {ldelim}
|
||
|
height: {$thumb_params->max_height()+25}px;
|
||
|
}
|
||
|
{/html_style}
|
||
|
{foreach from=$thumbnails item=thumbnail}
|
||
|
{assign var='isSelected' value=$thumbnail.id|@in_array:$selection}
|
||
|
<li>
|
||
|
<span class="wrap1">
|
||
|
<label>
|
||
|
<input type="checkbox" name="selection[]" value="{$thumbnail.id}" {if $isSelected}checked="checked"{/if}>
|
||
|
<span class="wrap2{if $isSelected} thumbSelected{/if}">
|
||
|
<div class="actions"><a href="{$thumbnail.FILE_SRC}" class="preview-box">{'Zoom'|@translate}</a> · <a href="{$thumbnail.U_EDIT}" target="_blank">{'Edit'|@translate}</a></div>
|
||
|
{if $thumbnail.level > 0}
|
||
|
<em class="levelIndicatorB">{'Level %d'|@sprintf:$thumbnail.level|@translate}</em>
|
||
|
<em class="levelIndicatorF" title="{'Who can see these photos?'|@translate} : ">{'Level %d'|@sprintf:$thumbnail.level|@translate}</em>
|
||
|
{/if}
|
||
|
<img src="{$thumbnail.thumb->get_url()}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE|@escape:'html'}" {$thumbnail.thumb->get_size_htm()}>
|
||
|
</span>
|
||
|
</label>
|
||
|
</span>
|
||
|
</li>
|
||
|
{/foreach}
|
||
|
</ul>
|
||
|
|
||
|
{if !empty($navbar) }
|
||
|
<div style="clear:both;">
|
||
|
|
||
|
<div style="float:left">
|
||
|
{include file='navigation_bar.tpl'|@get_extent:'navbar'}
|
||
|
</div>
|
||
|
|
||
|
<div style="float:right;margin-top:10px;">{'display'|@translate}
|
||
|
<a href="{$U_DISPLAY}&display=20">20</a>
|
||
|
· <a href="{$U_DISPLAY}&display=50">50</a>
|
||
|
· <a href="{$U_DISPLAY}&display=100">100</a>
|
||
|
· <a href="{$U_DISPLAY}&display=all">{'all'|@translate}</a>
|
||
|
{'photos per page'|@translate}
|
||
|
</div>
|
||
|
</div>
|
||
|
{/if}
|
||
|
|
||
|
{else}
|
||
|
<div>{'No photo in the current set.'|@translate}</div>
|
||
|
{/if}
|
||
|
</fieldset>
|
||
|
|
||
|
<fieldset id="action">
|
||
|
|
||
|
<legend>{'Action'|@translate}</legend>
|
||
|
<div id="forbidAction"{if count($selection) != 0} style="display:none"{/if}>{'No photo selected, no action possible.'|@translate}</div>
|
||
|
<div id="permitAction"{if count($selection) == 0} style="display:none"{/if}>
|
||
|
|
||
|
<select name="selectAction">
|
||
|
<option value="-1">{'Choose an action'|@translate}</option>
|
||
|
<option disabled="disabled">------------------</option>
|
||
|
<option value="delete" class="icon-trash">{'Delete selected photos'|@translate}</option>
|
||
|
<option value="associate">{'Associate to album'|@translate}</option>
|
||
|
<option value="move">{'Move to album'|@translate}</option>
|
||
|
{if !empty($dissociate_options)}
|
||
|
<option value="dissociate">{'Dissociate from album'|@translate}</option>
|
||
|
{/if}
|
||
|
<option value="add_tags">{'Add tags'|@translate}</option>
|
||
|
{if !empty($DEL_TAG_SELECTION)}
|
||
|
<option value="del_tags">{'remove tags'|@translate}</option>
|
||
|
{/if}
|
||
|
<option value="author">{'Set author'|@translate}</option>
|
||
|
<option value="title">{'Set title'|@translate}</option>
|
||
|
<option value="date_creation">{'Set creation date'|@translate}</option>
|
||
|
<option value="level" class="icon-lock">{'Who can see these photos?'|@translate}</option>
|
||
|
<option value="metadata">{'Synchronize metadata'|@translate}</option>
|
||
|
{if ($IN_CADDIE)}
|
||
|
<option value="remove_from_caddie">{'Remove from caddie'|@translate}</option>
|
||
|
{else}
|
||
|
<option value="add_to_caddie">{'Add to caddie'|@translate}</option>
|
||
|
{/if}
|
||
|
<option value="delete_derivatives">{'Delete multiple size images'|@translate}</option>
|
||
|
<option value="generate_derivatives">{'Generate multiple size images'|@translate}</option>
|
||
|
{if !empty($element_set_global_plugins_actions)}
|
||
|
{foreach from=$element_set_global_plugins_actions item=action}
|
||
|
<option value="{$action.ID}">{$action.NAME}</option>
|
||
|
{/foreach}
|
||
|
{/if}
|
||
|
</select>
|
||
|
|
||
|
<!-- delete -->
|
||
|
<div id="action_delete" class="bulkAction">
|
||
|
<p><label><input type="checkbox" name="confirm_deletion" value="1"> {'Are you sure?'|@translate}</label></p>
|
||
|
</div>
|
||
|
|
||
|
<!-- associate -->
|
||
|
<div id="action_associate" class="bulkAction">
|
||
|
<select style="width:400px" name="associate" size="1">
|
||
|
{html_options options=$category_full_name_options}
|
||
|
</select>
|
||
|
<br>{'... or '|@translate} <a href="#" class="addAlbumOpen" title="{'create a new album'|@translate}">{'create a new album'|@translate}</a>
|
||
|
</div>
|
||
|
|
||
|
<!-- move -->
|
||
|
<div id="action_move" class="bulkAction">
|
||
|
<select style="width:400px" name="move" size="1">
|
||
|
{html_options options=$category_full_name_options}
|
||
|
</select>
|
||
|
<br>{'... or '|@translate} <a href="#" class="addAlbumOpen" title="{'create a new album'|@translate}">{'create a new album'|@translate}</a>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<!-- dissociate -->
|
||
|
<div id="action_dissociate" class="bulkAction">
|
||
|
<select style="width:400px" name="dissociate" size="1">
|
||
|
{if !empty($dissociate_options)}{html_options options=$dissociate_options }{/if}
|
||
|
</select>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<!-- add_tags -->
|
||
|
<div id="action_add_tags" class="bulkAction">
|
||
|
<select id="tags" name="add_tags">
|
||
|
</select>
|
||
|
</div>
|
||
|
|
||
|
<!-- del_tags -->
|
||
|
<div id="action_del_tags" class="bulkAction">
|
||
|
{if !empty($DEL_TAG_SELECTION)}{$DEL_TAG_SELECTION}{/if}
|
||
|
</div>
|
||
|
|
||
|
<!-- author -->
|
||
|
<div id="action_author" class="bulkAction">
|
||
|
<label><input type="checkbox" name="remove_author"> {'remove author'|@translate}</label><br>
|
||
|
{assign var='authorDefaultValue' value='Type here the author name'|@translate}
|
||
|
<input type="text" class="large" name="author" value="{$authorDefaultValue}" onfocus="this.value=(this.value=='{$authorDefaultValue|@escape:javascript}') ? '' : this.value;" onblur="this.value=(this.value=='') ? '{$authorDefaultValue|@escape:javascript}' : this.value;">
|
||
|
</div>
|
||
|
|
||
|
<!-- title -->
|
||
|
<div id="action_title" class="bulkAction">
|
||
|
<label><input type="checkbox" name="remove_title"> {'remove title'|@translate}</label><br>
|
||
|
{assign var='titleDefaultValue' value='Type here the title'|@translate}
|
||
|
<input type="text" class="large" name="title" value="{$titleDefaultValue}" onfocus="this.value=(this.value=='{$titleDefaultValue|@escape:javascript}') ? '' : this.value;" onblur="this.value=(this.value=='') ? '{$titleDefaultValue|@escape:javascript}' : this.value;">
|
||
|
</div>
|
||
|
|
||
|
<!-- date_creation -->
|
||
|
<div id="action_date_creation" class="bulkAction">
|
||
|
<label><input type="checkbox" name="remove_date_creation"> {'remove creation date'|@translate}</label><br>
|
||
|
<div id="set_date_creation">
|
||
|
<select id="date_creation_day" name="date_creation_day">
|
||
|
<option value="0">--</option>
|
||
|
{section name=day start=1 loop=32}
|
||
|
<option value="{$smarty.section.day.index}" {if $smarty.section.day.index==$DATE_CREATION_DAY}selected="selected"{/if}>{$smarty.section.day.index}</option>
|
||
|
{/section}
|
||
|
</select>
|
||
|
<select id="date_creation_month" name="date_creation_month">
|
||
|
{html_options options=$month_list selected=$DATE_CREATION_MONTH}
|
||
|
</select>
|
||
|
<input id="date_creation_year"
|
||
|
name="date_creation_year"
|
||
|
type="text"
|
||
|
size="4"
|
||
|
maxlength="4"
|
||
|
value="{$DATE_CREATION_YEAR}">
|
||
|
<input id="date_creation_linked_date" name="date_creation_linked_date" type="hidden" size="10" disabled="disabled">
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- level -->
|
||
|
<div id="action_level" class="bulkAction">
|
||
|
<select name="level" size="1">
|
||
|
{html_options options=$level_options selected=$level_options_selected}
|
||
|
</select>
|
||
|
</div>
|
||
|
|
||
|
<!-- metadata -->
|
||
|
<div id="action_metadata" class="bulkAction">
|
||
|
</div>
|
||
|
|
||
|
<!-- generate derivatives -->
|
||
|
<div id="action_generate_derivatives" class="bulkAction">
|
||
|
<a href="javascript:selectGenerateDerivAll()">{'All'|@translate}</a>,
|
||
|
<a href="javascript:selectGenerateDerivNone()">{'None'|@translate}</a>
|
||
|
<br>
|
||
|
{foreach from=$generate_derivatives_types key=type item=disp}
|
||
|
<label><input type="checkbox" name="generate_derivatives_type[]" value="{$type}"> {$disp}</label>
|
||
|
{/foreach}
|
||
|
{footer_script}
|
||
|
function selectGenerateDerivAll() {ldelim}
|
||
|
$("#action_generate_derivatives input[type=checkbox]").prop("checked", true);
|
||
|
}
|
||
|
function selectGenerateDerivNone() {ldelim}
|
||
|
$("#action_generate_derivatives input[type=checkbox]").prop("checked", false);
|
||
|
}
|
||
|
{/footer_script}
|
||
|
</div>
|
||
|
|
||
|
<!-- delete derivatives -->
|
||
|
<div id="action_delete_derivatives" class="bulkAction">
|
||
|
<a href="javascript:selectDelDerivAll()">{'All'|@translate}</a>,
|
||
|
<a href="javascript:selectDelDerivNone()">{'None'|@translate}</a>
|
||
|
<br>
|
||
|
{foreach from=$del_derivatives_types key=type item=disp}
|
||
|
<label><input type="checkbox" name="del_derivatives_type[]" value="{$type}"> {$disp}</label>
|
||
|
{/foreach}
|
||
|
{footer_script}
|
||
|
function selectDelDerivAll() {ldelim}
|
||
|
$("#action_delete_derivatives input[type=checkbox]").prop("checked", true);
|
||
|
}
|
||
|
function selectDelDerivNone() {ldelim}
|
||
|
$("#action_delete_derivatives input[type=checkbox]").prop("checked", false);
|
||
|
}
|
||
|
{/footer_script}
|
||
|
</div>
|
||
|
|
||
|
<!-- progress bar -->
|
||
|
<div id="regenerationMsg" class="bulkAction" style="display:none">
|
||
|
<p id="regenerationText" style="margin-bottom:10px;">{'Generate multiple size images'|@translate}</p>
|
||
|
<span class="progressBar" id="progressBar"></span>
|
||
|
<input type="hidden" name="regenerateSuccess" value="0">
|
||
|
<input type="hidden" name="regenerateError" value="0">
|
||
|
</div>
|
||
|
|
||
|
<!-- plugins -->
|
||
|
{if !empty($element_set_global_plugins_actions)}
|
||
|
{foreach from=$element_set_global_plugins_actions item=action}
|
||
|
<div id="action_{$action.ID}" class="bulkAction">
|
||
|
{if !empty($action.CONTENT)}{$action.CONTENT}{/if}
|
||
|
</div>
|
||
|
{/foreach}
|
||
|
{/if}
|
||
|
|
||
|
<p id="applyActionBlock" style="display:none" class="actionButtons">
|
||
|
<input id="applyAction" class="submit" type="submit" value="{'Apply action'|@translate}" name="submit"> <span id="applyOnDetails"></span></p>
|
||
|
|
||
|
</div> <!-- #permitAction -->
|
||
|
</fieldset>
|
||
|
|
||
|
</form>
|
||
|
|
||
|
</div> <!-- #batchManagerGlobal -->
|