mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-03-28 17:42:57 +01:00
3d4098ad4b
* Adding a switch to change mode between format mode and picture mode on the add picture page * Implement format origin detection (warn the user if the original image is not found) * Minor design fix on the added image thumbnail
335 lines
8.5 KiB
JavaScript
335 lines
8.5 KiB
JavaScript
jQuery.fn.fontCheckbox = function() {
|
|
/* checkbox */
|
|
this.find('input[type=checkbox]').each(function() {
|
|
if (!jQuery(this).is(':checked')) {
|
|
jQuery(this).prev().toggleClass('icon-check icon-check-empty');
|
|
}
|
|
});
|
|
this.find('input[type=checkbox]').on('change', function() {
|
|
jQuery(this).prev().removeClass();
|
|
if (!jQuery(this).is(':checked')) {
|
|
jQuery(this).prev().addClass('icon-check-empty');
|
|
}
|
|
else {
|
|
jQuery(this).prev().addClass('icon-check');
|
|
}
|
|
});
|
|
|
|
/* radio */
|
|
this.find('input[type=radio]').each(function() {
|
|
if (!jQuery(this).is(':checked')) {
|
|
jQuery(this).prev().toggleClass('icon-dot-circled icon-circle-empty');
|
|
}
|
|
else {
|
|
jQuery(this).closest('label').addClass('selected');
|
|
}
|
|
});
|
|
this.find('input[type=radio]').on('change', function() {
|
|
jQuery('.font-checkbox input[type=radio][name="'+ jQuery(this).attr('name') +'"]').each(function() {
|
|
jQuery(this).prev().removeClass();
|
|
jQuery(this).closest('label').removeClass('selected');
|
|
if (!jQuery(this).is(':checked')) {
|
|
jQuery(this).prev().addClass('icon-circle-empty');
|
|
}
|
|
else {
|
|
jQuery(this).prev().addClass('icon-dot-circled');
|
|
jQuery(this).closest('label').addClass('selected');
|
|
}
|
|
})
|
|
});
|
|
};
|
|
|
|
// init fontChecbox everywhere
|
|
jQuery('.font-checkbox').fontCheckbox();
|
|
|
|
function array_delete(arr, item) {
|
|
var i = arr.indexOf(item);
|
|
if (i != -1) arr.splice(i, 1);
|
|
}
|
|
|
|
function str_repeat(i, m) {
|
|
for (var o = []; m > 0; o[--m] = i);
|
|
return o.join('');
|
|
}
|
|
|
|
if (!Array.prototype.indexOf)
|
|
{
|
|
Array.prototype.indexOf = function(elt /*, from*/)
|
|
{
|
|
var len = this.length;
|
|
|
|
var from = Number(arguments[1]) || 0;
|
|
from = (from < 0)
|
|
? Math.ceil(from)
|
|
: Math.floor(from);
|
|
if (from < 0)
|
|
from += len;
|
|
|
|
for (; from < len; from++)
|
|
{
|
|
if (from in this &&
|
|
this[from] === elt)
|
|
return from;
|
|
}
|
|
return -1;
|
|
};
|
|
}
|
|
|
|
function getRandomInt(min, max) {
|
|
min = Math.ceil(min);
|
|
max = Math.floor(max);
|
|
return Math.floor(Math.random() * (max - min)) + min;
|
|
}
|
|
|
|
function sprintf() {
|
|
var i = 0, a, f = arguments[i++], o = [], m, p, c, x, s = '';
|
|
while (f) {
|
|
if (m = /^[^\x25]+/.exec(f)) {
|
|
o.push(m[0]);
|
|
}
|
|
else if (m = /^\x25{2}/.exec(f)) {
|
|
o.push('%');
|
|
}
|
|
else if (m = /^\x25(?:(\d+)\$)?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-fosuxX])/.exec(f)) {
|
|
if (((a = arguments[m[1] || i++]) == null) || (a == undefined)) {
|
|
throw('Too few arguments.');
|
|
}
|
|
if (/[^s]/.test(m[7]) && (typeof(a) != 'number')) {
|
|
throw('Expecting number but found ' + typeof(a));
|
|
}
|
|
|
|
switch (m[7]) {
|
|
case 'b': a = a.toString(2); break;
|
|
case 'c': a = String.fromCharCode(a); break;
|
|
case 'd': a = parseInt(a); break;
|
|
case 'e': a = m[6] ? a.toExponential(m[6]) : a.toExponential(); break;
|
|
case 'f': a = m[6] ? parseFloat(a).toFixed(m[6]) : parseFloat(a); break;
|
|
case 'o': a = a.toString(8); break;
|
|
case 's': a = ((a = String(a)) && m[6] ? a.substring(0, m[6]) : a); break;
|
|
case 'u': a = Math.abs(a); break;
|
|
case 'x': a = a.toString(16); break;
|
|
case 'X': a = a.toString(16).toUpperCase(); break;
|
|
}
|
|
|
|
a = (/[def]/.test(m[7]) && m[2] && a >= 0 ? '+'+ a : a);
|
|
c = m[3] ? m[3] == '0' ? '0' : m[3].charAt(1) : ' ';
|
|
x = m[5] - String(a).length - s.length;
|
|
p = m[5] ? str_repeat(c, x) : '';
|
|
o.push(s + (m[4] ? a + p : p + a));
|
|
}
|
|
else {
|
|
throw('Huh ?!');
|
|
}
|
|
|
|
f = f.substring(m[0].length);
|
|
}
|
|
|
|
return o.join('');
|
|
}
|
|
|
|
$('.search-cancel').on('click', function () {
|
|
$('.search-input').val('');
|
|
$('.search-input').trigger ("input");
|
|
})
|
|
|
|
$('.search-input').on('input', function() {
|
|
if ($('.search-input').val() == '') {
|
|
$('.search-cancel').hide();
|
|
} else {
|
|
$('.search-cancel').show();
|
|
}
|
|
})
|
|
|
|
// Class to implement a temporary state and reverse it
|
|
class TemporaryState {
|
|
constructor() {
|
|
//Arrays to reverse changes
|
|
this.attrChanges = []; //Attribute changes : {object(s), attribute, value}
|
|
this.classChanges = []; //Class changes : {object(s), state(add:true/remove:false), class}
|
|
this.htmlChanges = []; //Html changes : {object(s), html}
|
|
}
|
|
|
|
/**
|
|
* Change temporaly an attribute of an object
|
|
* @param {Jquery Object(s)} obj HTML Object(s)
|
|
* @param {String} attr Attribute
|
|
* @param {String} tempVal Temporary value of the attribute
|
|
*/
|
|
changeAttribute(obj, attr, tempVal) {
|
|
for (let i = 0; i < obj.length; i++) {
|
|
this.attrChanges.push({
|
|
object: $(obj[i]),
|
|
attribute: attr,
|
|
value: $(obj[i]).attr(attr)
|
|
})
|
|
}
|
|
obj.attr(attr, tempVal)
|
|
}
|
|
|
|
/**
|
|
* Add/remove a class temporarily
|
|
* @param {Jquery Object(s)} obj HTML Object
|
|
* @param {Boolean} st Add (true) or Remove (false) the class
|
|
* @param {String} loadclass Class Name
|
|
*/
|
|
changeClass(obj, st, tempclass) {
|
|
for (let i = 0; i < obj.length; i++) {
|
|
if (!($(obj[i]).hasClass(tempclass) && st)) {
|
|
this.classChanges.push({
|
|
object: $(obj[i]),
|
|
state: !st,
|
|
class: tempclass
|
|
})
|
|
if (st)
|
|
$(obj[i]).addClass(tempclass)
|
|
else
|
|
$(obj[i]).removeClass(tempclass)
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Add temporarily a class to the object
|
|
* @param {Jquery Object(s)} obj
|
|
* @param {string} tempclass
|
|
*/
|
|
addClass(obj, tempclass) {
|
|
this.changeClass(obj, true, tempclass);
|
|
}
|
|
|
|
/**
|
|
* Remove temporarily a class to the object
|
|
* @param {Jquery Object(s)} obj
|
|
* @param {string} tempclass
|
|
*/
|
|
removeClass(obj, tempclass) {
|
|
this.changeClass(obj, false, tempclass);
|
|
}
|
|
|
|
/**
|
|
* Change temporaly the html of objects (remove event handlers on the actual content)
|
|
* @param {Jquery Object(s)} obj
|
|
* @param {string} temphtml
|
|
*/
|
|
changeHTML(obj, temphtml) {
|
|
for (let i = 0; i < obj.length; i++) {
|
|
this.htmlChanges.push({
|
|
object:$(obj[i]),
|
|
html:$(obj[i]).html()
|
|
})
|
|
}
|
|
obj.html(temphtml);
|
|
}
|
|
|
|
/**
|
|
* Reverse all the changes and clear the history
|
|
*/
|
|
reverse() {
|
|
this.attrChanges.forEach(function(change) {
|
|
if (change.value == undefined) {
|
|
change.object.removeAttr(change.attribute);
|
|
} else {
|
|
change.object.attr(change.attribute, change.value)
|
|
}
|
|
})
|
|
this.classChanges.forEach(function(change) {
|
|
if (change.state)
|
|
change.object.addClass(change.class)
|
|
else
|
|
change.object.removeClass(change.class)
|
|
})
|
|
this.htmlChanges.forEach(function(change) {
|
|
change.object.html(change.html);
|
|
})
|
|
this.attrChanges = [];
|
|
this.classChanges = [];
|
|
this.htmlChanges = [];
|
|
}
|
|
}
|
|
|
|
const jConfirm_alert_options = {
|
|
icon: 'icon-ok',
|
|
titleClass: "jconfirmAlert",
|
|
theme:"modern",
|
|
closeIcon: true,
|
|
draggable: false,
|
|
animation: "zoom",
|
|
boxWidth: '20%',
|
|
useBootstrap: false,
|
|
backgroundDismiss: true,
|
|
animateFromElement: false,
|
|
typeAnimated: false,
|
|
}
|
|
|
|
const jConfirm_confirm_options = {
|
|
draggable: false,
|
|
titleClass: "jconfirmDeleteConfirm",
|
|
theme: "modern",
|
|
animation: "zoom",
|
|
boxWidth: '40%',
|
|
useBootstrap: false,
|
|
type: 'red',
|
|
animateFromElement: false,
|
|
backgroundDismiss: true,
|
|
typeAnimated: false,
|
|
}
|
|
|
|
const jConfirm_warning_options = {
|
|
icon: "icon-attention",
|
|
draggable: false,
|
|
titleClass: "jconfirmWarning jconfirmAlert",
|
|
theme:"modern",
|
|
type: 'orange',
|
|
closeIcon: true,
|
|
draggable: false,
|
|
animation: "zoom",
|
|
boxWidth: '20%',
|
|
useBootstrap: false,
|
|
backgroundDismiss: true,
|
|
animateFromElement: false,
|
|
typeAnimated: false,
|
|
}
|
|
|
|
const jConfirm_confirm_with_content_options = {
|
|
draggable: false,
|
|
theme: "modern",
|
|
animation: "zoom",
|
|
boxWidth: '40%',
|
|
useBootstrap: false,
|
|
type: 'red',
|
|
animateFromElement: false,
|
|
backgroundDismiss: true,
|
|
typeAnimated: false,
|
|
}
|
|
|
|
|
|
|
|
jQuery.fn.pwg_jconfirm_follow_href = function({
|
|
alert_title = "TITLE",
|
|
alert_confirm = "CONFIRM",
|
|
alert_cancel = "CANCEL",
|
|
alert_content = ""
|
|
} = {}) {
|
|
let button_href = $(this).attr('href');
|
|
const options = alert_content === "" ? jConfirm_confirm_options : jConfirm_confirm_with_content_options
|
|
$(this).click(function() {
|
|
$.confirm({
|
|
content: alert_content,
|
|
title: alert_title,
|
|
buttons: {
|
|
confirm: {
|
|
text: alert_confirm,
|
|
btnClass: 'btn-red',
|
|
action: function () {
|
|
window.location.href = button_href;
|
|
}
|
|
},
|
|
cancel: {
|
|
text: alert_cancel
|
|
}
|
|
},
|
|
...options
|
|
});
|
|
return (false);
|
|
});
|
|
} |