MediaWiki:Common.js

/* Das folgende JavaScript wird für alle Benutzer geladen. */

/**
 * Füge eigene Buttons zur Symbolleiste hinzu
 *
 * @source: http://www.mediawiki.org/wiki/Snippets/Custom_buttons_in_the_toolbar
 * @rev: 1
 */
if ( $.isArray( window.mwCustomEditButtons ) ) {

 // Neuen Button zum Einfügen einer Wikitabelle hinzufügen
 mwCustomEditButtons[mwCustomEditButtons.length] = {
  'imageFile': 'http://upload.wikimedia.org/wikipedia/commons/0/04/Button_array.png',
  'speedTip': 'Wikitabelle einfügen',
  'tagOpen': '{| class="wikitable"\n|-\n',
  'tagClose': "\n|}",
  'sampleText': "! Kopfzeile 1\n! Kopfzeile 2\n! Kopfzeile 3\n|-\n| Kopfzeile 1, Spalte 1\n| Zeile 1, Spalte 2\n| Zeile 1, Spalte 3\n|-\n| Zeile 2, Spalte 1\n| Zeile 2, Spalte 2\n| Zeile 2, Spalte 3"
 };

}

if (window.location.href.includes('redlink=1')) {
	$('.page-actions').hide();
}

/*var inputs = $(".formedit .oo-ui-comboBoxInputWidget-field input");
for (var i=0; i<inputs.length; i++) {
	var placeholder = $(inputs[i]).parent().parent().parent().parent().parent().find('.placeholder').text();
	$(inputs[i]).attr('placeholder', placeholder);
}*/

// interact.js
$( ".draggable a" ).removeAttr("href").removeClass("image");

// target elements with the "draggable" class
interact('.draggable')
  .draggable({
    // enable inertial throwing
    inertia: true,
    // keep the element within the area of it's parent
    modifiers: [
      interact.modifiers.restrictRect({
        restriction: 'parent',
        endOnly: true
      })
    ],
    // enable autoScroll
    autoScroll: true,

    listeners: {
      // call this function on every dragmove event
      move: dragMoveListener
    }
  })
  .on('doubletap', function (event) {
    event.currentTarget.classList.toggle('rotate')
    event.preventDefault()
  })

function dragMoveListener (event) {
  var target = event.target
  // keep the dragged position in the data-x/data-y attributes
  var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx
  var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy

  // translate the element
  target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'

  // update the posiion attributes
  target.setAttribute('data-x', x)
  target.setAttribute('data-y', y)
  
  // on the front
  $('.puzzle .draggable').css('z-index', 0);
  $(target).css('z-index', 9);
}

// this function is used later in the resizing and gesture demos
window.dragMoveListener = dragMoveListener