DIR : /home/kozerus/public_html/piwigo/admin/themes/default/js/common.js

/home/kozerus/public_html/piwigo/admin/themes/default/js

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);
  });
}