MediaWiki:Common.js
Appearance
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.
/* Any JavaScript here will be loaded for all users on every page load. */
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MX174P23PW"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MX174P23PW');
</script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
autoDisplay: false
}, 'google_translate_element');
}
mw.loader.using('jquery', function () {
// Load Google script
var gt = document.createElement('script');
gt.type = 'text/javascript';
gt.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
document.body.appendChild(gt);
// Inject custom dropdown into header
$(document).ready(function () {
$('.vector-user-links').prepend(`
<li class="atr-lang-menu">
<span class="atr-lang-current">EN ▾</span>
<ul class="atr-lang-dropdown">
<li data-lang="en">🇬🇧 EN</li>
<li data-lang="pt">🇵🇹 PT</li>
<li data-lang="de">🇩🇪 DE</li>
<li data-lang="fr">🇫🇷 FR</li>
<li data-lang="es">🇪🇸 ES</li>
<li data-lang="it">🇮🇹 IT</li>
</ul>
</li>
<div id="google_translate_element" style="display:none;"></div>
`);
$('.atr-lang-dropdown li').click(function () {
var lang = $(this).data('lang');
document.cookie = "googtrans=/en/" + lang + ";path=/";
location.reload();
});
});
});