MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary Tag: Reverted |
||
| Line 20: | Line 20: | ||
} | } | ||
} | } | ||
/* Google Translate Widget */ | /* Google Translate Widget - after Main Menu, before Contact Us */ | ||
$(document).ready(function() { | $(document).ready(function() { | ||
var translateHtml = | var translateHtml = | ||
'<div class="mw-portlet vector-menu" id="p-translate | '<div class="mw-portlet mw-portlet-translate vector-menu" id="p-translate">' + | ||
'<div class="vector-menu-heading | '<div class="vector-menu-heading">Translate</div>' + | ||
'<div class="vector-menu-content">' + | '<div class="vector-menu-content">' + | ||
'<div id="google_translate_element"></div>' + | '<div id="google_translate_element" style="padding: 8px 5px;"></div>' + | ||
'</div>' + | '</div>' + | ||
'</div>'; | '</div>'; | ||
// Insert after Main Menu portlet | // Insert after the Main Menu portlet, before Contact Us | ||
var mainMenuPortlet = document.querySelector('#p-Main_Menu, .mw-portlet-Main_Menu | var mainMenuPortlet = document.querySelector('#p-Main_Menu, .mw-portlet-Main_Menu'); | ||
if (mainMenuPortlet) { | if (mainMenuPortlet) { | ||
mainMenuPortlet.insertAdjacentHTML('afterend', translateHtml); | mainMenuPortlet.insertAdjacentHTML('afterend', translateHtml); | ||
} else { | } else { | ||
// Fallback - insert before last portlet | |||
var portlets = document.querySelectorAll('.mw-portlet'); | var portlets = document.querySelectorAll('.mw-portlet'); | ||
var lastPortlet = portlets[portlets.length - 1]; | |||
if (lastPortlet) { | |||
lastPortlet.insertAdjacentHTML('beforebegin', translateHtml); | |||
} | } | ||
} | } | ||
// Load Google Translate script | |||
var script = document.createElement('script'); | var script = document.createElement('script'); | ||
script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; | script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; | ||
| Line 50: | Line 53: | ||
pageLanguage: 'en', | pageLanguage: 'en', | ||
layout: google.translate.TranslateElement.InlineLayout.SIMPLE, | layout: google.translate.TranslateElement.InlineLayout.SIMPLE, | ||
autoDisplay: false | autoDisplay: false, | ||
multilanguagePage: true | |||
}, 'google_translate_element'); | }, 'google_translate_element'); | ||
} | } | ||