MediaWiki:Common.js: mudanças entre as edições

Edição das 23h00min de 12 de janeiro de 2023

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

$(document).ready(function() {
    var tables = document.getElementsByClassName("organize");
    Array.prototype.forEach.call(tables, function(table) {
        var rows, switching, i, x, y, shouldSwitch;
        switching = true;
        /* Make a loop that will continue until
        no switching has been done: */
        while (switching) {
            // start by saying: no switching is done:
            switching = false;
            rows = table.rows;
            /* Loop through all table rows (except the
            first, which contains table headers): */
            for (i = 1; i < (rows.length - 1); i++) {
                // start by saying there should be no switching:
                shouldSwitch = false;
                /* Get the two elements you want to compare,
                one from current row and one from the next: */
                x = rows[i].getElementsByTagName("TD")[0];
                y = rows[i + 1].getElementsByTagName("TD")[0];
                // check if the two rows should switch place:
                if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
                    // if so, mark as a switch and break the loop:
                    shouldSwitch = true;
                    break;
                }
            }
            if (shouldSwitch) {
                /* If a switch has been marked, make the switch
                and mark that a switch has been done: */
                rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
                switching = true;
            }
        }
    });
});

mw.loader.load( 'https://wiki.runarcana.org/util/ptoc.css', 'text/css' );
mw.loader.using('jquery.throttle-debounce', function(){
    $(function(){
        var $window = $(window);
        var $mwPanel = $('#mw-panel');
        var $toc = $('#toc');
        var $floatTOC;

        // Exit if TOC element does not exist
        if(!$toc.length){
            return;
        }
        
        // Create a clone of TOC element and add class and styles
        $floatTOC = $toc.clone()
                      .removeAttr('id')
                      .addClass('floatTOC')
                      .appendTo('body')
                      .css({visibility: 'hidden', opacity: 0});
        $floatTOC.find('ul').show();

        // Add click event to TOC links
        $floatTOC.find('a').click(function(e){
            $('html, body').animate({
                scrollTop: $(this.hash.replace(/\./g,'\\.')).offset().top - ($window.height()/5.0)
            });
            return false;
        });

        // Add mouse events to TOC parent element
        $toc.parent().on('mouseover', function(){
            $toc.show();
        });
        $toc.parent().on('mouseout', function(){
            $toc.hide();
        });

        // Add scroll event
        var tocLimit = $toc.offset().top + $toc.height();
        var headingOffsets = [];
        $('.mw-headline').each(function(){
            headingOffsets.push([$(this).attr('id'), $(this).offset().top]);
        });
        var scrollHandler = function(){
            var $current, scrollTop = $window.scrollTop();
            if(scrollTop > tocLimit){
                $floatTOC.css({visibility: 'visible', opacity: 1});
                $mwPanel.hide();
                var highlight = false;
                $.each(headingOffsets, function(i,v){
                    if(i !== 0 && (scrollTop + ($window.height()/5.0)) < v[1]){
                        highlight = headingOffsets[i-1][0];
                        return false;
                    }
                });
                if(highlight){
                    $current = $floatTOC.find('a[href="#' + highlight + '"]');
                    $floatTOC.find('a').not($current).css('font-weight','');
                    $current.css('font-weight','bold');
                }
            }
            else{
                $floatTOC.css({visibility: 'hidden', opacity: 0});
                $mwPanel.show();
            }
        }
        $window.on('scroll', $.throttle(250, scrollHandler));
    });
});