MediaWiki:Fusion/scripts/Sidebar.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

(function ($) {
  $(function() {

    $('.nav dt').bind('click', function() {
      $(this).siblings('.next + dd, .prev + dd').slideDown();
      $(this).nextUntil('dt', 'dd').slideDown().children('ul').children('li').each(function(index) {
        var delay = index * 50;
        $(this).delay(delay).animate({opacity:1});
      });
    }).css({cursor:'pointer'}).siblings('dd').hide().find('li').css({opacity:0});

    $('.sidebar-title').bind('click', function() {
      var sidebar = $(this).parent();
      sidebar.children('*:not(.sidebar-title):not(.sidebar-title + .thumb)').slideUp('slow', function() {
        sidebar.find('.sidebar-title + .thumb .thumbcaption').sideDown();
      });
    }).css({cursor:'pointer'});

    $('.sidebar-division').each(function() {
      var divisionHeader = $(this).children('.division-header');
      var expandabilityIndicator = '<span class="expandability-indicator">&hellip;</span>';

      var divisionLabel = divisionHeader.html();
      var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"");

      $(divisionHeader).append(expandabilityIndicator);

      console.log($.cookie('sidebar-division-state-' + cookieName));

      if($.cookie('sidebar-division-state-' + cookieName) == 'expended') {
        $(this).find('.expandability-indicator').hide();
      } else {
        $(this).addClass('collapsed').children('.division-header').siblings().hide();
      }
    });

    $('.division-header').css({cursor:'pointer'}).click(function() {
      var wrapper = $(this).parent();

      if(wrapper.hasClass('collapsed')) {

        var divisionLabel = $(this).children('strong').html();
        var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"");

        $(this).siblings().slideDown('slow');
        $(this).find('.expandability-indicator').fadeOut();
        wrapper.removeClass('collapsed');
        $.cookie('sidebar-division-state-' + cookieName, 'expended');

      } else {


        var divisionLabel = $(this).children('strong').html();
        var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"")

        $(this).siblings().slideUp('slow', function() {
          wrapper.addClass('collapsed');
        });
        $(this).find('.expandability-indicator').fadeIn();
        $.cookie('sidebar-division-state-' + cookieName, 'collapsed');
      }
    });

  });
})(jQuery);


/**
 * jQuery Cookie plugin
 *
 * Copyright (c) 2010 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
jQuery.cookie = function (key, value, options) {

    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);

        if (value === null || value === undefined) {
            options.expires = -1;
        }

        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }

        value = String(value);

        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : cookie_encode(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};

function cookie_encode(string){
  //full uri decode not only to encode ",; =" but to save uicode charaters
  var decoded = encodeURIComponent(string);
  //encod back common and allowed charaters {}:"#[] to save space and make the cookies more human readable
  var ns = decoded.replace(/(%7B|%7D|%3A|%22|%23|%5B|%5D)/g,function(charater){return decodeURIComponent(charater);});
  return ns;
}