MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

$(function () {
    // adiciona evento de clique em elementos com classe naviCopy
    document.querySelectorAll(".naviCopy").forEach(el => {
        el.addEventListener("click", function () {
            const mapa = el.getAttribute("data-mapa");
            const x = el.getAttribute("data-x");
            const y = el.getAttribute("data-y");

            const text = "/navi " + mapa + "," + x + "," + y;

            // copiar para clipboard
            if (navigator.clipboard && window.isSecureContext) {
                navigator.clipboard.writeText(text).then(() => {
                    mw.notify("Copiado: " + text);
                });
            } else {
                const ta = document.createElement("textarea");
                ta.value = text;
                document.body.appendChild(ta);
                ta.select();
                document.execCommand("copy");
                document.body.removeChild(ta);
                mw.notify("Copiado: " + text);
            }
        });
    });
});

// Navi Copy JQuery Code by Kaddy!
$('.navi-copy').each(function(index, element) {	
	if ($("#navi-copy-textarea").attr('exists') != "true") {
		txtdiv = '<textarea style="height:1px;width:1px; position:absolute;left:-1000px;" id="navi-copy-textarea" exists="true">Filler Text</textarea><style>.navi-copy-text { cursor:pointer; color:#006400; padding:1px; display:inline-block; } .navi-copy-text:hover { color:#c1a1f1; } .navi-copied { text-align:center; border:1px dotted #2899e8; border-radius:3px; color:#006400; display:inline-block; } .navi-copy {  display:inline-block; } </style>';
		$("body").append(txtdiv);
	}
	var map = $(element).children().get(0).innerHTML;
	var x = $(element).children().get(1).innerHTML;
	var y = $(element).children().get(2).innerHTML;
	var newhtml = "<div class=\"navi-copy-text\" onclick=\"CopyNaviLink(this, '"+map+"','"+x+"','"+y+"');\">("+map+" "+x+", "+y+")</div><div class=\"navi-copied\" style=\"display:none;\">Copiado</div>";
	$(element).html(newhtml);
});
function CopyNaviLink(ele, map, x, y) {
	element = $(ele);
	sibling = element.siblings();
	width = element.width();
	height = element.height()+0;
	sibling.css('width',width);
	sibling.css('height',height);
	element.css('display','none');
	sibling.css('display','inline-block');
	setTimeout(function() { 
	    sibling.fadeOut().delay(300).css('display','none');
		element.css('display','inline-block');
	}, 1400);
	var ClipBoardText = "/navi "+map+" "+x+"/"+y;
	var textarea = document.getElementById('navi-copy-textarea');
	$('#navi-copy-textarea').text(ClipBoardText);
	$("#navi-copy-textarea").select();
	document.execCommand('copy');
}