MediaWiki:Mobile.js - Revision history

Caleb Cooper at 17:06, 4 February 2023

2023-02-04T17:06:13Z

Nick Parrott at 19:22, 30 January 2020

2020-01-30T19:22:32Z

← Older revision		Revision as of 19:22, 30 January 2020
Line 1:		Line 1:
			/* [[Category:AutoDumpContentFromCommons]] */
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	$(function( $ ) {		$(function( $ ) {
Line 7:		Line 8:
	$('pre').each(function(){		$('pre').each(function(){

	var pointers = ~~new Array()~~;		var pointers = [];
	var boxes = ~~new Array()~~;		var boxes = [];
	var pointersI ~~= boxesI~~ = 0;		var pointersI = 0;
		⚫	var boxesI = 0;
	var thisparent = $(this).parent('div');		var thisparent = $(this).parent('div');
	var thisorigtext = $(this).html();		var thisorigtext = $(this).html();
Line 19:		Line 21:
	/* transform MW pointer anchors to full spans */		/* transform MW pointer anchors to full spans */
	var newText = thisorigtext.replace(/<point-here>/g, '<span class="temp-mw-point-anchor" data-pos="bl"></span>');		var newText = thisorigtext.replace(/<point-here>/g, '<span class="temp-mw-point-anchor" data-pos="bl"></span>');
	~~var~~ newText = newText.replace(/<point-here-(\S*)>/g, returnSpanPosStr);		newText = newText.replace(/<point-here-(\S*)>/g, returnSpanPosStr);

	/* transform MW box anchors to full spans */		/* transform MW box anchors to full spans */
	~~var~~ newText = newText.replace(/<box>(.*)<\/box>/g,returnBoxedText);		newText = newText.replace(/<box>(.*)<\/box>/g,returnBoxedText);

	/* set new PRE text, including custom spans */		/* set new PRE text, including custom spans */
Line 35:		Line 37:

	if (pointers.length > 0 \|\| boxes.length > 0) {		if (pointers.length > 0 \|\| boxes.length > 0) {
⚫

	/* Place back original text without key-text */		/* Place back original text without key-text */
Line 46:		Line 47:
	if (pointers.length > 0) {		if (pointers.length > 0) {
	$( pointers ).each(function(){		$( pointers ).each(function(){
	var data = ~~new Object()~~;		var data = {};
	data.top = $(this)[0].top;		data.top = $(this)[0].top;
	data.left = data.rotation = 0;		data.left = data.rotation = 0;

Caleb Cooper: 1 revision imported

2020-01-28T15:03:25Z

1 revision imported

← Older revision	Revision as of 15:03, 28 January 2020
(No difference)

powerstorewiki>Caleb Cooper: 1 revision imported

2020-01-21T18:20:45Z

1 revision imported

New page

/* Any JavaScript here will be loaded for all users on every page load. */
$(function( $ ) {

enhanceDomPre();

function enhanceDomPre() {
$('pre').each(function(){

var pointers = new Array();
var boxes = new Array();
var pointersI = boxesI = 0;
var thisparent = $(this).parent('div');
var thisorigtext = $(this).html();

function returnUnboxedText(match, p1) { return p1; }
function returnBoxedText(match, p1) { return '<span class="temp-mw-box-anchor">' + p1 + '</span>'; }
function returnSpanPosStr(match, p1) { return '<span class="temp-mw-point-anchor" data-pos="' + p1 + '"></span>'; }

/* transform MW pointer anchors to full spans */
var newText = thisorigtext.replace(/<point-here>/g, '<span class="temp-mw-point-anchor" data-pos="bl"></span>');
var newText = newText.replace(/<point-here-(\S*)>/g, returnSpanPosStr);

/* transform MW box anchors to full spans */
var newText = newText.replace(/<box>(.*)<\/box>/g,returnBoxedText);

/* set new PRE text, including custom spans */
$(this).html(newText);

/* search for pointer anchors, add to pointers object */
$(".temp-mw-point-anchor").each(function(){ pointers[ pointersI ] = $(this).position(); pointers[ pointersI ]["position"] = $(this).data('pos'); pointersI++; });

/* search for box anchors, add to box object */
$(".temp-mw-box-anchor").each(function(){ boxes[ boxesI ] = $(this).position(); boxes[ boxesI ]["content"] = $(this)[0].outerText; boxesI++; });

if (pointers.length > 0 || boxes.length > 0) {

/* Place back original text without key-text */
var finalText = thisorigtext.replace(/<point-here>/g,'');
finalText = finalText.replace(/<point-here-\S{2}>/g,'');
finalText = finalText.replace(/<box>(.*)<\/box>/g,returnUnboxedText);
$(this).html(finalText);

/* append DOM pointer divs to PRE's parent DIV */
if (pointers.length > 0) {
$( pointers ).each(function(){
var data = new Object();
data.top = $(this)[0].top;
data.left = data.rotation = 0;
switch($(this)[0].position) {
case "tr":
data.top = $(this)[0].top + 5;
data.left = $(this)[0].left + 5;
data.rotation = 225;
break;
case "br":
data.top = $(this)[0].top + 20;
data.left = $(this)[0].left;
data.rotation = 315;
break;
case "bl":
data.top = $(this)[0].top + 10;
data.left = $(this)[0].left - 5;
data.rotation = 45;
break;
case "tl":
data.left = $(this)[0].left - 5;
data.rotation = 135;
break;
}
thisparent.append( '<div class="pre-arrow" style="position: absolute; left: ' + data.left + 'px; top: ' + data.top + 'px; transform: rotate(' + data.rotation + 'deg); transform-origin: 0% 0%;">&nbsp</div>' );
});
}

if (boxes.length > 0) {
$( boxes ).each(function(){
thisparent.append( '<div class="pre-box-overlay" style="position: absolute; left: ' + ($(this)[0].left - 4) + 'px; top: ' + ($(this)[0].top - 4) + 'px;">' + $(this)[0].content + '</div>' );
});
}
}
});
}

} );