MediaWiki:Common.js: Difference between revisions

Created page with "Any JavaScript here will be loaded for all users on every page load.: Google Translate Widget: $(document).ready(function() { // Add translate section to sidebar var translateHtml = '<div id="google-translate-sidebar" style="padding: 8px 0;">' + '<div id="google_translate_element"></div>' + '</div>'; $('.mw-portlet-lang, #p-lang').last().after(translateHtml); // Load Google Translate script var script = document.cre..."
 
No edit summary
Line 10: Line 10:
      
      
     // Load Google Translate script
     // Load Google Translate script
    var script = document.createElement('script');
    script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
    document.body.appendChild(script);
});
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: 'en',
        layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
        autoDisplay: false
    }, 'google_translate_element');
}
/* Force main menu to be pinned on desktop */
$(document).ready(function() {
    // Force pin the main menu
    var pinnedContainer = document.getElementById('vector-main-menu-pinned-container');
    var unpinnedContainer = document.getElementById('vector-main-menu-unpinned-container');
    var mainMenu = document.getElementById('vector-main-menu');
   
    if (window.innerWidth >= 1024) {
        if (unpinnedContainer && mainMenu) {
            // Move menu to pinned container if not already there
            if (pinnedContainer && !pinnedContainer.contains(mainMenu)) {
                pinnedContainer.appendChild(mainMenu);
            }
        }
        // Click the pin button if it exists
        var pinButton = document.querySelector('.vector-pinnable-header-pin-button');
        if (pinButton) {
            pinButton.click();
        }
    }
   
    /* Google Translate Widget */
    var translateHtml = '<div class="mw-portlet" id="p-translate">' +
        '<div class="mw-portlet-header">Translate</div>' +
        '<div class="mw-portlet-body">' +
        '<div id="google_translate_element"></div>' +
        '</div></div>';
   
    var sidebar = document.querySelector('.mw-portlet-navigation, #p-navigation');
    if (sidebar) {
        sidebar.insertAdjacentHTML('afterend', translateHtml);
    }
   
    // Load Google Translate
     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';