MediaWiki:Common.js: Difference between revisions

(29 intermediate revisions by the same user not shown)

Line 1:

/* Any JavaScript here will be loaded for all users on every page load. */

// 2. LÓGICA DA SETA (ALL MODELS)

// Deteta o clique no contentor nativo do MediaWiki que criaste

$('.variations-toggle').css('cursor', 'pointer').click(function() {

// Encontra a seta com a classe .arrow-icon dentro do bloco clicado

var $arrow = $(this).find('.arrow-icon');

// Alterna a classe de rotação configurada no CSS

$arrow.toggleClass('rotated');

});

$(function() {

// Procura apenas por blocos de código técnicos e ignora a área de produtos

$('.mw-highlight pre, .syntaxhighlight pre, pre.mw-code-example').each(function() {

var $this = $(this);

// Verifica se o elemento já tem um botão para não duplicar

if ($this.parent().find('.copy-code-button').length > 0) return;

var $button = $('<button>')

.text('Copy')

.addClass('copy-code-button')

.click(function() {

var text = $this.text();

navigator.clipboard.writeText(text).then(function() {

$button.text('Copied!');

setTimeout(function() { $button.text('Copy'); }, 2000);

});

// Insere o botão antes do bloco de código

$this.before($button);

});

Line 11:

Line 49:

ig: imgBase + "b/b7/Instagram.png",

igus: imgBase + "2/2b/Igus.svg",

selo: imgBase + "2/23/Selo_ID_reconhecimento_idoneidade_branco_.png",

cp: imgBase + "9/92/Compete.png",

ce: imgBase + "c/ce/Centro.png",

Line 17:

Line 56:

};

~~// Estilos comuns~~

var linkStyle = 'style="color: #ffffff !important; display: block; margin-bottom: 10px; font-size: 14px; text-decoration: none; font-family:\'Rubik\', sans-serif;"';

var linkStyle = 'style="color: #ffffff !important; display: block; margin-bottom: 10px; font-size: 14px;"';

var titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none; text-transform: none; font-family:\'Rubik\', sans-serif;"';

var titleStyle = 'style="color: #ffffff !important; font-weight: bold; margin-bottom: 20px; font-size: 16px; border: none;"';

var html =

'<div id="custom-atronia-footer">' +

'<div id="custom-atronia-footer" style="background-color: #111; font-family:\'Rubik\', sans-serif;">' +

// 1. SCROLLING TEXT

'<div class="atronia-scrolling-container">' +

'<div class="atronia-scrolling-content">' +

'<span>TECH THAT MAKES SENSE. • TECH THAT MAKES SENSE. • </span>' +

Line 32:

Line 72:

// 2. CONTEÚDO PRINCIPAL (CONTACTOS E MENUS)

'<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 60px 20px; color: #ffffff;">' +

'<div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 60px 20px; color: #ffffff; gap: 40px;">' +

// Contactos

'<div style="flex: 1.5; min-width: ~~300px~~;">' +

'<div style="flex: 1.5; min-width: 280px;">' +

'<h4 '+titleStyle+'>Visit but keep in mind we\'re busy</h4>' +

'<p style="color: #ffffff !important;">Rua do Norte 9,<br>Ílhavo, 3830-167, Portugal</p>' +

'<h4 '+titleStyle+' style="margin-top:30px">Contact Us</h4>' +

'<p style="color: #ffffff !important;">+351 934 886 253<br>info@atronia.eu</p>' +

'<p style="color: #ffffff !important; margin-bottom: 5px;">+351 934 886 253</p>' +

'<p style="color: #ffffff !important; margin-bottom: 15px;">(Custo de chamada para rede móvel nacional)</p>' +

'<p style="color: #ffffff !important;">info@atronia.eu</p>' +

'<div style="display:flex; gap:15px; margin-top:20px">' +

'<a href="#"><img src="'+img.fb+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="https://www.facebook.com/atronia.eu/" target="_blank"><img src="'+img.fb+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="#"><img src="'+img.ln+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="https://www.linkedin.com/company/atroniaeu/?originalSubdomain=pt" target="_blank"><img src="'+img.ln+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="#"><img src="'+img.ig+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'<a href="https://www.instagram.com/atronia.eu/" target="_blank"><img src="'+img.ig+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' +

'</div>' +

// Menus

'<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap;">' +

'<div style="flex: 3; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;">' +

'<div><h4 '+titleStyle+'>Menu</h4><a '+linkStyle+' href="/">Home</a><a '+linkStyle+' href="/about-us/">About us</a><a '+linkStyle+' href="/hardware/">Hardware</a><a '+linkStyle+' href="/solutions/">Solutions</a></div>' +

'<div><h4 '+titleStyle+'>Menu</h4>' +

'<div><h4 '+titleStyle+'>~~Solutions~~</h4><a '+linkStyle+' href="/~~solutions~~/~~aquaguard~~/">~~Aquaguard~~</a><a '+linkStyle+' href="/~~solutions~~/~~firefly~~/">~~Firefly~~</a><a '+linkStyle+' ~~href~~="~~/solutions/melisafe/~~">~~Melisafe~~</a><a '+linkStyle+' ~~href~~="~~/solutions/prevent/~~">~~Prevent~~</a></div>' +

'<a '+linkStyle+' href="https://atronia.eu/" target="_blank">Home</a>' +

'<div><h4 '+titleStyle+'>~~Shop~~</h4><a '+linkStyle+' href="/~~product~~/~~monarch-gateway~~/">~~Monarch~~</a><a '+linkStyle+' href="/~~product~~/~~atlas-sbc~~/">~~Atlas~~</a><a '+linkStyle+' href="/~~product-category~~/~~probes~~/">~~Probes~~</a><a '+linkStyle+' href="/~~product-category~~/~~accessories~~/">~~Accessories~~</a></div>' +

'<a '+linkStyle+' href="https://atronia.eu/about-us/" target="_blank">About us</a>' +

'<div><h4 '+titleStyle+'>~~Support~~</h4><a '+linkStyle+' href="https://wiki.atronia.eu/">Wiki</a></div>' +

'<a '+linkStyle+' href="https://atronia.eu/hardware/" target="_blank">Hardware</a>' +

'<a '+linkStyle+' href="https://atronia.eu/solutions/" target="_blank">Solutions</a>' +

'</div>' +

'<div><h4 '+titleStyle+'>Hardware</h4>' +

'<a '+linkStyle+' href="https://atronia.eu/hardware/monarch/" target="_blank">Monarch</a>' +

'<a '+linkStyle+' href="https://atronia.eu/hardware/atlas/" target="_blank">Atlas</a>' +

'<a '+linkStyle+' target="_blank">Probes</a>' +

'<a '+linkStyle+' target="_blank">Accessories</a>' +

'</div>' +

'<div><h4 '+titleStyle+'>Solutions</h4>' +

'<a '+linkStyle+' href="https://atronia.eu/aquaguard/" target="_blank">Aquaguard</a>' +

'<a '+linkStyle+' href="https://atronia.eu/solutions/firefly/" target="_blank">Firefly</a>' +

'<a '+linkStyle+' href="https://atronia.eu/solutions/melisafe/" target="_blank">Melisafe</a>' +

'<a '+linkStyle+' href="https://atronia.eu/solutions/prevent/" target="_blank">Prevent</a>' +

'</div>' +

'<div><h4 '+titleStyle+'>Knowledge</h4>' +

'<a '+linkStyle+' href="https://wiki.atronia.eu">Wiki</a>' +

'</div>' +

~~// 3. LINHA BRANCA INTENSA LARGURA TOTAL~~

'<div class="atronia-full-width-line"></div>' +

// 4. SECÇÃO FINAL DE LOGOS COM ~~LINKS ATIVOS~~

// 4. SECÇÃO FINAL (LOGOS COM ESPAÇAMENTO REDUZIDO)

'<div style="padding: 40px 0; max-width: 1300px; margin: 0 auto; display: flex; align-items: flex-start; gap: 60px;">' +

'<div style="padding: 40px 20px; max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 60px;">' +

// ~~Bloco~~ Powered By

// 1. Approved by

'<div style="flex: 0 0 auto; width: ~~120px~~;">' +

'<div style="flex: 0 1 auto; min-width: 120px;">' +

'<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Approved by:</p>' +

'<img src="'+img.selo+'" style="height: auto; width: 90px; display: block; border:none;">' +

'</div>' +

// 2. Powered by

'<div style="flex: 0 1 auto; min-width: 150px;">' +

'<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Powered by:</p>' +

'<a href="https://www.igus.pt/" target="_blank">~~' +~~

'<a href="https://www.igus.pt/" target="_blank"><img src="'+img.igus+'" style="height: auto; width: 130px; display: block; border:none;"></a>' +

'<img src="'+img.igus+'" style="height: auto; width: ~~100%; max-width: 100px~~; display: block; border:none;">~~' +~~

'</a>' +

'</div>' +

// ~~Bloco~~ Co-sponsored By

// 3. Co-sponsored by

'<div style="flex: 1;">' +

'<div style="flex: 0 1 auto; min-width: 300px;">' +

'<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Co-sponsored by:</p>' +

'<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 15px 30px; justify-content: start; align-items: center;">' +

'<div style="display: grid; grid-template-columns: repeat(2, auto); gap: ~~20px 40px~~; justify-content: start; align-items: center;">' +

'<a href="https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf" target="_blank"><img src="'+img.cp+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +

~~// Compete 2030~~

'<a href="https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf" target="_blank"><img src="'+img.ce+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +

'<a href="https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf" target="_blank">~~' +~~

'<a href="https://atronia.eu/wp-content/uploads/2025/01/Pessoas2030.jpg" target="_blank"><img src="'+img.ps+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +

'<img src="'+img.cp+'" style="height: ~~100px~~; max-width: 250px; width: auto; object-fit: contain; border:none;">~~' +~~

'<a href="https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf" target="_blank"><img src="'+img.pr+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +

'</a>' +

~~// Centro 2030~~

'<a href="https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf" target="_blank">~~' +~~

'<img src="'+img.ce+'" style="height: ~~100px~~; max-width: 250px; width: auto; object-fit: contain; border:none;">~~' +~~

'</a>' +

~~// Pessoas 2030~~

'<a href="https://atronia.eu/wp-content/uploads/2025/01/Pessoas2030.jpg" target="_blank">~~' +~~

'<img src="'+img.ps+'" style="height: ~~100px~~; max-width: 250px; width: auto; object-fit: contain; border:none;">~~' +~~

'</a>' +

~~// PRR~~

'<a href="https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf" target="_blank">~~' +~~

'<img src="'+img.pr+'" style="height: ~~100px~~; max-width: 250px; width: auto; object-fit: contain; border:none;">~~' +~~

'</a>' +

'</div>' +

// Links Legais (alinhados abaixo dos logos)

'<div style="padding: 0 20px 40px 20px; max-width: 1300px; margin: 0 auto;">' +

'<p style="font-size: 13px; color: #ffffff !important;">' +

'<strong><a href="https://www.livroreclamacoes.pt/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Livro de Reclamações</a> | <a href="https://atronia.eu/privacy-policy/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Privacy Policy</a></strong>' +

'</p>' +

'</div>' +

'</div>';

~~// Limpeza e Inserção~~

$('#custom-atronia-footer').remove();

$('body').append(html);

/* BOTÕES FLUTUANTES */

var floatingNav = $('<div id="atronia-floating-nav" style="display:none; position:fixed; bottom:40px; right:40px; display:flex; gap:12px; z-index:9999; align-items:center;"></div>');

var backToTop = $('<div id="back-to-top" style="width:50px; height:50px; background-color:#BFFF00; color:#000000; border-radius:50%; text-align:center; line-height:50px; font-size:24px; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,0.3); transition:all 0.3s ease;">↑</div>');

var siteBtn = $('<a href="https://atronia.eu/" target="_blank" style="text-decoration:none;"><div style="height:50px; padding:0 25px; background-color:#BFFF00; color:#000000; border-radius:25px; line-height:50px; font-weight:bold; font-size:14px; box-shadow:0 4px 12px rgba(0,0,0,0.3); cursor:pointer; transition:all 0.3s ease; font-family:\'Rubik\', sans-serif;">atronia.eu</div></a>');

floatingNav.append(backToTop).append(siteBtn);

$('body').append(floatingNav);

$(window).scroll(function() {

if ($(window).scrollTop() > 300) { floatingNav.fadeIn().css('display', 'flex'); } else { floatingNav.fadeOut(); }

});

backToTop.click(function() { $('html, body').animate({scrollTop: 0}, 600); });

$('#atronia-floating-nav > a > div, #back-to-top').hover(

function() { $(this).css({ 'transform': 'scale(1.1)', 'background-color': '#A0D500' }); },

function() { $(this).css({ 'transform': 'scale(1.0)', 'background-color': '#BFFF00' }); }

);

});

/*FIM DO FOOTER*/

/* Botões Flutuantes: Voltar ao Topo (Esquerda) + Website (Direita) */

var floatingNav = $('<div id="atronia-floating-nav" style="display:none; position:fixed; bottom:40px; right:40px; display:flex; gap:12px; z-index:9999; align-items:center;"></div>');

// 1. Botão de Topo (Agora configurado para aparecer primeiro na fila)

var backToTop = $('<div id="back-to-top" style="width:50px; height:50px; background-color:#BFFF00; color:#000000; border-radius:50%; text-align:center; line-height:50px; font-size:24px; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,0.3); transition:all 0.3s ease;">↑</div>');

// 2. Botão do Website

var siteBtn = $('<a href="https://atronia.eu/" target="_blank" style="text-decoration:none;">' +

'<div style="height:50px; padding:0 25px; background-color:#BFFF00; color:#000000; border-radius:25px; line-height:50px; font-weight:bold; font-size:14px; box-shadow:0 4px 12px rgba(0,0,0,0.3); cursor:pointer; transition:all 0.3s ease; font-family:\'Rubik\', sans-serif;">' +

'atronia.eu' +

'</div>' +

'</a>');

// Montagem: Primeiro o backToTop, depois o siteBtn

floatingNav.append(backToTop).append(siteBtn);

$('body').append(floatingNav);

// Lógica de Scroll

$(window).scroll(function() {

if ($(window).scrollTop() > 300) {

floatingNav.fadeIn().css('display', 'flex');

} else {

floatingNav.fadeOut();

}

});

// Ação de Clique

backToTop.click(function() {

$('html, body').animate({scrollTop: 0}, 600);

});

// Efeito de Hover

$('#atronia-floating-nav > a > div, #back-to-top').hover(

function() {

$(this).css({ 'transform': 'scale(1.1)', 'background-color': '#A0D500' });

},

function() {

$(this).css({ 'transform': 'scale(1.0)', 'background-color': '#BFFF00' });

}

);