MediaWiki:Common.js: Difference between revisions

From Blank Chronicle
No edit summary
No edit summary
 
(86 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. */


/* Add the hamburger menu button */
/* Implement content toggle buttons */
$(function () {
$(document).ready(function () {
        /* Add the hamburger menu button */
    /* Kanji Toggle */
var hamburgerContainer = document.getElementById('p-namespaces');
    $('.language-button.jp').on('click', function() {
var hamburger = document.getElementById('p-namespaces-label');
        $('#en-button').removeClass('bhighlight');
         hamburger.innerHTML = '<i class="fa fa-bars"></i>';
        $('#ro-button').removeClass('bhighlight');
         hamburgerContainer.setAttribute("onclick","toggleMenu();");
        $(this).addClass('bhighlight');
         hamburger.style.display = 'initial';
        $('.jp-content').show();
       
        $('.en-content').hide();
        /* Open regular edition and kanji by default */
         $('.ro-content').hide();
         document.getElementById("tab-re").click();
    });
         document.getElementById("tab-kanji").click();
    /* Romaji Toggle */
}());
    $('.language-button.ro').on('click', function() {
 
        $('#en-button').removeClass('bhighlight');
/* Make the hamburger work */
         $('#jp-button').removeClass('bhighlight');
var isShownburger = false;
        $(this).addClass('bhighlight');
 
        $('.ro-content').show();
function toggleMenu() {
         $('.jp-content').hide();
    if (isShownburger) {
        $('.en-content').hide();
         document.getElementById("mw-panel").style.display = "none";
    });
         isShownburger = false;
    /* English Toggle */
        }
    $('.language-button.en').on('click', function() {
        else {
         $('#ro-button').removeClass('bhighlight');
         document.getElementById("mw-panel").style.display = "initial";
        $('#jp-button').removeClass('bhighlight');
         isShownburger = true;
         $(this).addClass('bhighlight');
         }
        $('.en-content').show();
         return isShownburger;
        $('.jp-content').hide();
}
        $('.ro-content').hide();
 
    });
/* Make the language and edition selectors work */
    /* RE Toggle */
function showLanguage(event, language) {
    $('.edition-button.re').on('click', function() {
    // Declare all variables
        $('#le-button').removeClass('bhighlight');
    var i, languagecontent, tablanguage;
        $('#dx-button').removeClass('bhighlight');
 
        $('#fc-button').removeClass('bhighlight');
    // Get all elements with class="language-content" and hide them
        $(this).addClass('bhighlight');
    langaugecontent = document.getElementsByClassName("languagecontent");
         $('.re-content').show();
    for (i = 0; i < languagecontent.length; i++) {
        $('.le-content').hide();
      languagecontent[i].style.display = "none";
        $('.dx-content').hide();
     }
         $('.fc-content').hide();
 
    });
     // Get all elements with class="tablanguage" and remove the class "active"
    /* LE Toggle */
     tablanguage = document.getElementsByClassName("tab-language");
    $('.edition-button.le').on('click', function() {
    for (i = 0; i < tablinks.length; i++) {
         $('#re-button').removeClass('bhighlight');
      tablanguage[i].className = tablanguage[i].className.replace(" active", "");
        $('#dx-button').removeClass('bhighlight');
     }
        $(this).addClass('bhighlight');
 
         $('.le-content').show();
     // Show the current tab, and add an "active" class to the button that opened the tab
         $('.re-content').hide();
    document.getElementById(language).style.display = "block";
         $('.dx-content').hide();
    evt.currentTarget.className += " active";
    });
}
    /* DX Toggle */
 
    $('.edition-button.dx').on('click', function() {
function showEdition(event, edition) {
        $('#re-button').removeClass('bhighlight');
     return
        $('#le-button').removeClass('bhighlight');
}
        $(this).addClass('bhighlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
     });
     /* FC Toggle */
     $('.edition-button.fc').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.fc-content').show();
        $('.re-content:not(.nav-button)').hide();
     });
     /* DVD Toggle */
    $('.media-button.dvd').on('click', function() {
        $('#bd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dvd-content').show();
        $('.bd-content').hide();
    });
    /* Blu-Ray Toggle */
    $('.media-button.bd').on('click', function() {
        $('#dvd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.bd-content').show();
        $('.dvd-content').hide();
     });
});

Latest revision as of 22:58, 5 June 2021

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

/* Implement content toggle buttons */
$(document).ready(function () {
    /* Kanji Toggle */
    $('.language-button.jp').on('click', function() {
        $('#en-button').removeClass('bhighlight');
        $('#ro-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.jp-content').show();
        $('.en-content').hide();
        $('.ro-content').hide();
    });
    /* Romaji Toggle */
    $('.language-button.ro').on('click', function() {
        $('#en-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.ro-content').show();
        $('.jp-content').hide();
        $('.en-content').hide();
    });
    /* English Toggle */
    $('.language-button.en').on('click', function() {
        $('#ro-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.en-content').show();
        $('.jp-content').hide();
        $('.ro-content').hide();
    });
    /* RE Toggle */
    $('.edition-button.re').on('click', function() {
        $('#le-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $('#fc-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.re-content').show();
        $('.le-content').hide();
        $('.dx-content').hide();
        $('.fc-content').hide();
    });
    /* LE Toggle */
    $('.edition-button.le').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.le-content').show();
        $('.re-content').hide();
        $('.dx-content').hide();
    });
    /* DX Toggle */
    $('.edition-button.dx').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#le-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
    });
    /* FC Toggle */
    $('.edition-button.fc').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.fc-content').show();
        $('.re-content:not(.nav-button)').hide();
    });
    /* DVD Toggle */
    $('.media-button.dvd').on('click', function() {
        $('#bd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dvd-content').show();
        $('.bd-content').hide();
    });
    /* Blu-Ray Toggle */
    $('.media-button.bd').on('click', function() {
        $('#dvd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.bd-content').show();
        $('.dvd-content').hide();
    });
});