MediaWiki:Common.js: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* 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. */ | ||
// 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", | ig: imgBase + "b/b7/Instagram.png", | ||
igus: imgBase + "2/2b/Igus.svg", | igus: imgBase + "2/2b/Igus.svg", | ||
selo: imgBase + "2/23/Selo_ID_reconhecimento_idoneidade_branco_.png", | |||
cp: imgBase + "9/92/Compete.png", | cp: imgBase + "9/92/Compete.png", | ||
ce: imgBase + "c/ce/Centro.png", | ce: imgBase + "c/ce/Centro.png", | ||
| Line 44: | Line 83: | ||
'<div style="display:flex; gap:15px; margin-top:20px">' + | '<div style="display:flex; gap:15px; margin-top:20px">' + | ||
'<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="https://www.facebook.com/atronia.eu/" target="_blank"><img src="'+img.fb+'" width="25" style="filter: brightness(0) invert(1) !important;"></a>' + | ||
'<a href="https://www.linkedin.com/company/ | '<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="https://www.instagram.com/atronia.eu/" target="_blank"><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>' + | '</div>' + | ||
| Line 55: | Line 94: | ||
'<a '+linkStyle+' href="https://atronia.eu/hardware/" target="_blank">Hardware</a>' + | '<a '+linkStyle+' href="https://atronia.eu/hardware/" target="_blank">Hardware</a>' + | ||
'<a '+linkStyle+' href="https://atronia.eu/solutions/" target="_blank">Solutions</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>' + | ||
'<div><h4 '+titleStyle+'>Solutions</h4>' + | '<div><h4 '+titleStyle+'>Solutions</h4>' + | ||
| Line 62: | Line 107: | ||
'<a '+linkStyle+' href="https://atronia.eu/solutions/prevent/" target="_blank">Prevent</a>' + | '<a '+linkStyle+' href="https://atronia.eu/solutions/prevent/" target="_blank">Prevent</a>' + | ||
'</div>' + | '</div>' + | ||
'<div><h4 '+titleStyle+'> | '<div><h4 '+titleStyle+'>Knowledge</h4>' + | ||
'<a '+linkStyle+' href="https://wiki.atronia.eu">Wiki</a>' + | '<a '+linkStyle+' href="https://wiki.atronia.eu">Wiki</a>' + | ||
'</div>' + | '</div>' + | ||
| Line 74: | Line 115: | ||
'<div class="atronia-full-width-line"></div>' + | '<div class="atronia-full-width-line"></div>' + | ||
// 4. SECÇÃO FINAL (LOGOS) | // 4. SECÇÃO FINAL (LOGOS COM ESPAÇAMENTO REDUZIDO) | ||
'<div style="padding: 40px 20px; max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: | '<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;">' + | ||
'<div style="flex: 1; min-width: | |||
// 1. Approved by | |||
'<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"><img src="'+img.igus+'" style="height: auto; width: 130px; display: block; border:none;"></a>' + | |||
'</div>' + | '</div>' + | ||
'<div style="flex: 1;">' + | |||
// 3. Co-sponsored by | |||
'<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>' + | '<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: | '<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 15px 30px; 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: | '<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>' + | ||
'<a href="https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf" target="_blank"><img src="'+img.ce+'" style="height: | '<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/01/Pessoas2030.jpg" target="_blank"><img src="'+img.ps+'" style="height: | '<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>' + | ||
'<a href="https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf" target="_blank"><img src="'+img.pr+'" style="height: | '<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>' + | ||
'</div>' + | '</div>' + | ||
'</div>' + | '</div>' + | ||
'</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>' + | ||
'</div>'; | '</div>'; | ||
| Line 122: | Line 175: | ||
/*FIM DO FOOTER*/ | /*FIM DO FOOTER*/ | ||