source: admin/js/common.js @ 3839:783854ebd4ce

/*global $, jQuery, dotclear_htmlFontSize */
/*exported chainHandler */
'use strict';

/* Set some CSS variables here
-------------------------------------------------------- */
// set base font-size of body (62.5% default, usually : 50% to 75%)
if (typeof dotclear_htmlFontSize !== 'undefined') {
  document.documentElement.style.setProperty('--html-font-size', dotclear_htmlFontSize);
}
/* ChainHandler, py Peter van der Beken
-------------------------------------------------------- */
function chainHandler(obj, handlerName, handler) {
  obj[handlerName] = (function(existingFunction) {
    return function() {
      handler.apply(this, arguments);
      if (existingFunction) existingFunction.apply(this, arguments);
    };
  })(handlerName in obj ? obj[handlerName] : null);
}
/* jQuery extensions
-------------------------------------------------------- */
jQuery.fn.check = function() {
  return this.each(function() {
    if (this.checked != undefined) {
      this.checked = true;
    }
  });
};
jQuery.fn.unCheck = function() {
  return this.each(function() {
    if (this.checked != undefined) {
      this.checked = false;
    }
  });
};
jQuery.fn.setChecked = function(status) {
  return this.each(function() {
    if (this.checked != undefined) {
      this.checked = status;
    }
  });
};
jQuery.fn.toggleCheck = function() {
  return this.each(function() {
    if (this.checked != undefined) {
      this.checked = !this.checked;
    }
  });
};
jQuery.fn.enableShiftClick = function() {
  this.click(function(event) {
    if (event.shiftKey) {
      if (dotclear.lastclicked != '') {
        var range;
        var trparent = $(this).parents('tr');
        if (trparent.nextAll('#' + dotclear.lastclicked).length != 0) range = trparent.nextUntil('#' + dotclear.lastclicked);
        else range = trparent.prevUntil('#' + dotclear.lastclicked);
        range.find('input[type=checkbox]').setChecked(dotclear.lastclickedstatus);
        this.checked = dotclear.lastclickedstatus;
      }
    } else {
      dotclear.lastclicked = $(this).parents('tr')[0].id;
      dotclear.lastclickedstatus = this.checked;
    }
    return true;
  });
};
jQuery.fn.toggleWithLegend = function(target, s) {
  var defaults = {
    img_on_txt: dotclear.img_plus_txt,
    img_on_alt: dotclear.img_plus_alt,
    img_off_txt: dotclear.img_minus_txt,
    img_off_alt: dotclear.img_minus_alt,
    unfolded_sections: dotclear.unfolded_sections,
    hide: true,
    speed: 0,
    legend_click: false,
    fn: false, // A function called on first display,
    user_pref: false,
    reverse_user_pref: false // Reverse cookie behavior
  };
  var p = jQuery.extend(defaults, s);
  if (!target) {
    return this;
  }
  var set_cookie = p.hide ^ p.reverse_cookie;
  if (p.cookie && jQuery.cookie(p.cookie)) {
    p.hide = p.reverse_cookie;
  }
  var set_user_pref = p.hide ^ p.reverse_user_pref;
  if (p.user_pref && p.unfolded_sections !== undefined && (p.user_pref in p.unfolded_sections)) {
    p.hide = p.reverse_user_pref;
  }
  var toggle = function(i, speed) {
    speed = speed || 0;
    if (p.hide) {
      $(i).get(0).value = p.img_on_txt;
      $(i).get(0).setAttribute('aria-label', p.img_on_alt);
      target.addClass('hide');
    } else {
      $(i).get(0).value = p.img_off_txt;
      $(i).get(0).setAttribute('aria-label', p.img_off_alt);
      target.removeClass('hide');
      if (p.fn) {
        p.fn.apply(target);
        p.fn = false;
      }
    }
    if (p.cookie && set_cookie) {
      if (p.hide ^ p.reverse_cookie) {
        jQuery.cookie(p.cookie, '', {
          expires: -1
        });
      } else {
        jQuery.cookie(p.cookie, 1, {
          expires: 30
        });
      }
    }
    p.hide = !p.hide;
  };
  return this.each(function() {
    var b = document.createElement('input');
    b.setAttribute('type', 'submit');
    b.className = 'details-cmd';
    b.value = p.img_on_txt;
    b.setAttribute('aria-label', p.img_off_alt);

    var ctarget = p.legend_click ? this : b;
    $(ctarget).css('cursor', 'pointer');
    if (p.legend_click) {
      $(ctarget).find('label').css('cursor', 'pointer');
    }
    $(ctarget).click(function(e) {
      if (p.user_pref && set_user_pref) {
        jQuery.post('services.php', {
          'f': 'setSectionFold',
          'section': p.user_pref,
          'value': (p.hide ^ p.reverse_user_pref ? 1 : 0),
          xd_check: dotclear.nonce
        }, function() {});
        jQuery.cookie(p.user_pref, '', {
          expires: -1
        });
      }
      toggle(b, p.speed);
      e.preventDefault();
      return false;
    });
    toggle($(b).get(0));
    $(this).prepend(b);
  });
};
(function($) {
  $.expandContent = function(opts) {
    if (opts == undefined || opts.callback == undefined || !$.isFunction(opts.callback)) {
      return;
    }
    if (opts.line != undefined) {
      multipleExpander(opts.line, opts.lines, opts.callback);
    }
    opts.lines.each(function() {
      singleExpander(this, opts.callback);
    });
  };
  var singleExpander = function singleExpander(line, callback) {
    $('<input class="details-cmd" type="submit" value="' + dotclear.img_plus_txt + '" aria-label="' + dotclear.img_plus_alt + '"/>').click(function(e) {
      toggleArrow(this);
      callback(line);
      e.preventDefault();
    }).prependTo($(line).children().get(0)); // first td
  };
  var multipleExpander = function multipleExpander(line, lines, callback) {
    $('<input class="details-cmd" type="submit" value="' + dotclear.img_plus_txt + '" aria-label="' + dotclear.img_plus_alt + '"/>').click(function(e) {
      var action = toggleArrow(this);
      lines.each(function() {
        toggleArrow(this.firstChild.firstChild, action);
        callback(this, action);
      });
      e.preventDefault();
    }).prependTo($(line).children().get(0)); // first td
  };
  var toggleArrow = function toggleArrow(button, action) {
    action = action || '';
    if (action == '') {
      if (button.getAttribute('aria-label') == dotclear.img_plus_alt) {
        action = 'open';
      } else {
        action = 'close';
      }
    }
    if (action == 'open') {
      button.value = dotclear.img_minus_txt;
      button.setAttribute('aria-label', dotclear.img_minus_alt);
    } else {
      button.value = dotclear.img_plus_txt;
      button.setAttribute('aria-label', dotclear.img_plus_alt);
    }
    return action;
  };
})(jQuery);
jQuery.fn.helpViewer = function() {
  if (this.length < 1) {
    return this;
  }
  var p = {
    img_on_txt: dotclear.img_plus_txt,
    img_on_alt: dotclear.img_plus_alt,
    img_off_txt: dotclear.img_minus_txt,
    img_off_alt: dotclear.img_minus_alt
  };
  var This = this;
  var toggle = function() {
    $('#content').toggleClass('with-help');
    if (document.all) {
      if ($('#content').hasClass('with-help')) {
        select = $('#content select:visible').hide();
      } else {
        select.show();
      }
    }
    $('p#help-button span a').text($('#content').hasClass('with-help') ? dotclear.msg.help_hide : dotclear.msg.help);
    sizeBox();
    return false;
  };
  var sizeBox = function() {
    This.css('height', 'auto');
    if ($('#wrapper').height() > This.height()) {
      This.css('height', $('#wrapper').height() + 'px');
    }
  };
  var textToggler = function(o) {
    var b = $('<input class="details-cmd" type="submit" value="' + p.img_on_txt + '" aria-label="' + p.img_on_alt + '"/>');
    o.css('cursor', 'pointer');
    var hide = true;
    o.prepend(' ').prepend(b);
    o.click(function() {
      $(this).nextAll().each(function() {
        if ($(this).is('h4')) {
          return false;
        }
        $(this).toggle();
        sizeBox();
        return true;
      });
      hide = !hide;
      var img = $(this).find('input.details-cmd');
      if (!hide) {
        img.attr('value', p.img_off_txt);
        img.attr('aria-label', p.img_off_alt);
      } else {
        img.attr('value', p.img_on_txt);
        img.attr('aria-label', p.img_on_alt);
      }
    });
  };
  this.addClass('help-box');
  this.find('>hr').remove();
  this.find('h4').each(function() {
    textToggler($(this));
  });
  this.find('h4:first').nextAll('*:not(h4)').hide();
  sizeBox();
  var img = $('<p id="help-button"><span><a href="">' + dotclear.msg.help + '</a></span></p>');
  var select = $();
  img.click(function(e) {
    return toggle();
    e.preventDefault();
  });
  $('#content').append(img);
  // listen for scroll
  var peInPage = $('#help-button').offset().top;
  $('#help-button').addClass('floatable');
  var peInFloat = $('#help-button').offset().top - $(window).scrollTop();
  $('#help-button').removeClass('floatable');
  $(window).scroll(function() {
    if ($(window).scrollTop() >= peInPage - peInFloat) {
      $('#help-button').addClass('floatable');
    } else {
      $('#help-button').removeClass('floatable');
    }
  });
  return this;
};
/* Dotclear common object
-------------------------------------------------------- */
var dotclear = {
  msg: {},
  enterKeyInForm: function(frm_id, ok_id, cancel_id) {
    $(frm_id + ':not(' + cancel_id + ')').keyup(function(e) {
      if (e.key == 'Enter') {
        e.preventDefault();
        e.stopPropagation();
        $(ok_id).trigger('click');
      }
    });
  },
  condSubmit: function(chkboxes, target) {
    var checkboxes = $(chkboxes),
      submitButt = $(target);
    if (checkboxes === undefined || submitButt === undefined) {
      return;
    }
    // Set initial state
    submitButt.attr('disabled', !checkboxes.is(':checked'));
    if (!checkboxes.is(':checked')) {
      submitButt.addClass('disabled');
    } else {
      submitButt.removeClass('disabled');
    }
    checkboxes.click(function() {
      // Update target state
      submitButt.attr('disabled', !checkboxes.is(':checked'));
      if (!checkboxes.is(':checked')) {
        submitButt.addClass('disabled');
      } else {
        submitButt.removeClass('disabled');
      }
    });
  },
  hideLockable: function() {
    $('div.lockable').each(function() {
      var current_lockable_div = this;
      $(this).find('p.form-note').hide();
      $(this).find('input').each(function() {
        this.disabled = true;
        $(this).width(($(this).width() - 14) + 'px');
        var imgE = document.createElement('img');
        imgE.src = 'images/locker.png';
        imgE.style.position = 'absolute';
        imgE.style.top = '1.8em';
        imgE.style.left = ($(this).width() + 14) + 'px';
        imgE.alt = dotclear.msg.click_to_unlock;
        $(imgE).css('cursor', 'pointer');
        $(imgE).click(function() {
          $(this).hide();
          $(this).prev('input').each(function() {
            this.disabled = false;
            $(this).width(($(this).width() + 14) + 'px');
          });
          $(current_lockable_div).find('p.form-note').show();
        });
        $(this).parent().css('position', 'relative');
        $(this).after(imgE);
      });
    });
  },
  checkboxesHelpers: function(e, target, c, s) {
    $(e).append(document.createTextNode(dotclear.msg.to_select));
    $(e).append(document.createTextNode(' '));
    $('<button type="button" class="checkbox-helper select-all">' + dotclear.msg.select_all + '</button>').click(function() {
      if (target !== undefined) {
        target.check();
      } else {
        $(e).parents('form').find('input[type="checkbox"]').check();
      }
      if (c !== undefined && s !== undefined) {
        dotclear.condSubmit(c, s);
      }
      return false;
    }).appendTo($(e));
    $(e).append(document.createTextNode(' '));
    $('<button type="button" class="checkbox-helper select-none">' + dotclear.msg.no_selection + '</button>').click(function() {
      if (target !== undefined) {
        target.unCheck();
      } else {
        $(e).parents('form').find('input[type="checkbox"]').unCheck();
      }
      if (c !== undefined && s !== undefined) {
        dotclear.condSubmit(c, s);
      }
      return false;
    }).appendTo($(e));
    $(e).append(document.createTextNode(' '));
    $('<button type="button" class="checkbox-helper select-reverse">' + dotclear.msg.invert_sel + '</button>').click(function() {
      if (target !== undefined) {
        target.toggleCheck();
      } else {
        $(e).parents('form').find('input[type="checkbox"]').toggleCheck();
      }
      if (c !== undefined && s !== undefined) {
        dotclear.condSubmit(c, s);
      }
      return false;
    }).appendTo($(e));
  },
  postsActionsHelper: function() {
    $('#form-entries').submit(function() {
      var action = $(this).find('select[name="action"]').val();
      if (action === undefined) {
        return;
      }
      var checked = false;
      $(this).find('input[name="entries[]"]').each(function() {
        if (this.checked) {
          checked = true;
        }
      });
      if (!checked) {
        return false;
      }
      if (action == 'delete') {
        return window.confirm(dotclear.msg.confirm_delete_posts.replace('%s', $('input[name="entries[]"]:checked').size()));
      }
      return true;
    });
  },
  commentsActionsHelper: function() {
    $('#form-comments').submit(function() {
      var action = $(this).find('select[name="action"]').val();
      var checked = false;
      $(this).find('input[name="comments[]"]').each(function() {
        if (this.checked) {
          checked = true;
        }
      });
      if (!checked) {
        return false;
      }
      if (action == 'delete') {
        return window.confirm(dotclear.msg.confirm_delete_comments.replace('%s', $('input[name="comments[]"]:checked').size()));
      }
      return true;
    });
  },
  outgoingLinks: function(target) {
    $(target).filter(function() {
      return ((this.hostname && this.hostname != location.hostname && !$(this).hasClass('modal') && !$(this).hasClass('modal-image')) || $(this).hasClass('outgoing'));
    }).each(function() {
      $(this).prop('title', $(this).prop('title') + ' (' + dotclear.msg.new_window + ')');
      if (!$(this).hasClass('outgoing')) {
        $(this).append('&nbsp;<img class="outgoing-js" src="images/outgoing-link.svg" alt=""/>');
      }
    }).click(function(e) {
      e.preventDefault();
      window.open($(this).attr('href'));
    });
  }
};
/* On document ready
-------------------------------------------------------- */
$(function() {
  // remove class no-js from html tag; cf style/default.css for examples
  $('body').removeClass('no-js').addClass('with-js');
  $('body').contents().each(function() {
    if (this.nodeType == 8) {
      var data = this.data;
      data = data.replace(/ /g, '&nbsp;').replace(/\n/g, '<br/>');
      $('<span class="tooltip" aria-hidden="true">' + $('#footer a').prop('title') + data + '</span>').appendTo('#footer a');
    }
  });
  // manage outgoing links
  dotclear.outgoingLinks('a');
  // Popups: dealing with Escape key fired
  $('#dotclear-admin.popup').keyup(function(e) {
    if (e.key == 'Escape') {
      e.preventDefault();
      window.close();
      return false;
    }
  });
  // Blog switcher
  $('#switchblog').change(function() {
    this.form.submit();
  });
  var menu_settings = {
    img_on_src: dotclear.img_menu_off,
    img_off_src: dotclear.img_menu_on,
    legend_click: true,
    speed: 100
  };
  $('#blog-menu h3:first').toggleWithLegend($('#blog-menu ul:first'), $.extend({
    user_pref: 'dc_blog_menu'
  }, menu_settings));
  $('#system-menu h3:first').toggleWithLegend($('#system-menu ul:first'), $.extend({
    user_pref: 'dc_system_menu'
  }, menu_settings));
  $('#plugins-menu h3:first').toggleWithLegend($('#plugins-menu ul:first'), $.extend({
    user_pref: 'dc_plugins_menu'
  }, menu_settings));
  $('#favorites-menu h3:first').toggleWithLegend($('#favorites-menu ul:first'), $.extend({
    user_pref: 'dc_favorites_menu',
    hide: false,
    reverse_user_pref: true
  }, menu_settings));
  $('#help').helpViewer();
  // Notices
  $('p.success,p.warning,p.error,div.error').each(function() {
    $(this).addClass('close-notice-parent');
    $(this).append('<button class="close-notice" type="button"><img src="images/close.png" alt="' + dotclear.msg.close_notice + '" /></button>');
  });
  $('button.close-notice').click(function(e) {
    e.preventDefault();
    $(this).parent().hide();
  });
  // Password
  $('form:has(input[type=password][name=your_pwd])').submit(function() {
    var e = this.elements.your_pwd;
    if (e.value == '') {
      $(e).addClass('missing').focusout(function() {
        $(this).removeClass('missing');
      });
      e.focus();
      return false;
    }
    return true;
  });
  // Cope with ellipsis'ed cells
  $('table .maximal').each(function() {
    if (this.offsetWidth < this.scrollWidth) {
      if (this.title == '') {
        this.title = this.innerText;
        $(this).addClass('ellipsis');
      }
    }
  });
  $('table .maximal.ellipsis a').each(function() {
    if (this.title == '') {
      this.title = this.innerText;
    }
  });
  // Advanced users
  if (dotclear.hideMoreInfo) {
    $('.more-info,.form-note:not(.warn,.warning,.info)').addClass('no-more-info');
  }
  // Ajax loader activity indicator
  if (dotclear.showAjaxLoader) {
    $(document).ajaxStart(function() {
      $('body').addClass('ajax-loader');
      $('div.ajax-loader').show();
    });
    $(document).ajaxStop(function() {
      $('body').removeClass('ajax-loader');
      $('div.ajax-loader').hide();
    });
  }
  // Main menu collapser
  var objMain = $('#wrapper');

  function showSidebar() {
    // Show sidebar
    objMain.removeClass('hide-mm');
    $.cookie('sidebar-pref', null, {
      expires: 30
    });
  }

  function hideSidebar() {
    // Hide sidebar
    objMain.addClass('hide-mm');
    $.cookie('sidebar-pref', 'hide-mm', {
      expires: 30
    });
  }
  // Sidebar separator
  var objSeparator = $('#collapser');
  objSeparator.click(function(e) {
    e.preventDefault();
    if (objMain.hasClass('hide-mm')) {
      showSidebar();
      $('#main-menu input#qx').focus();
    } else {
      hideSidebar();
      $('#content a.go_home').focus();
    }
  });
  if ($.cookie('sidebar-pref') == 'hide-mm') {
    objMain.addClass('hide-mm');
  } else {
    objMain.removeClass('hide-mm');
  }
  // totop scroll
  $(window).scroll(function() {
    if ($(this).scrollTop() != 0) {
      $('#gototop').fadeIn();
    } else {
      $('#gototop').fadeOut();
    }
  });
  $('#gototop').click(function(e) {
    $('body,html').animate({
      scrollTop: 0
    }, 800);
    e.preventDefault();
  });
});