MediaWiki:Common.js

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

$(function () {
    if (window.location.host === "bluearchive.miraheze.org") {
        window.location.replace("https://bluearchive.wiki" + window.location.pathname);
    }

    if (mw.config.get("skin") === "minerva") {
        // This hack is required to get custom css to load in mobile view. See https://phabricator.wikimedia.org/T270845
        loadMobileStylesheet();
    }

    function initCountdown() {
        var reset = new Date();
        reset.setUTCHours(19, 0, 0, 0);

        function pad(n) {
            return ("0" + (n | 0)).slice(-2);
        }

        function tick() {
            var now = new Date();
            if (now > reset) {
                reset.setUTCDate(reset.getUTCDate() + 1);
            }
            var remaining = ((reset - now) / 1000);
            var hours = (remaining / 3600) % 60;
            var minutes = (remaining / 60) % 60;
            var seconds = remaining % 60;
            document.getElementById("resetCountdown").innerHTML = pad(hours) + ":" + pad(minutes) + ":" + pad(seconds);
            setTimeout(tick, 1000);
        }

        tick();
    }

    function initCharacterTable() {
        mw.loader.using("jquery.tablesorter", function () {
            $("table.sortable").tablesorter({ sortList: [{ 2: "desc" }, { 1: "asc" }] });
        });
    }

    function loadMobileStylesheet() {
        var head = document.getElementsByTagName("head")[0];
        var common = document.createElement("link");
        var mobile = document.createElement("link");
        common.rel = mobile.rel = "stylesheet";
        common.type = mobile.type = "text/css";
        common.href = "https://bluearchive.miraheze.org/w/load.php?lang=en&modules=site.styles&only=styles&skin=minerva";
        mobile.href = "https://bluearchive.miraheze.org/wiki/MediaWiki:Mobile.css?action=raw&ctype=text/css";
        head.appendChild(common);
        head.appendChild(mobile);
    }
    
    if (mw.config.get("wgIsArticle")) {
        // These won't run in Edit mode
        if (mw.config.get("wgPageName") === "Main_Page") {
            initCountdown();
            initBirthdays();
        }
        if (mw.config.get("wgPageName") === "Characters") {
            initCharacterTable();
        }
    }

    /* Character stat calc*/
    mw.loader.load('/w/index.php?title=MediaWiki:StatCalc.js&action=raw&ctype=text/javascript');


    /* Character birthdays - start */
    function initBirthdays() {
        const separator = ' <span></span> ';
        const months = [
            'January',
            'February',
            'March',
            'April',
            'May',
            'June',
            'July',
            'August',
            'September',
            'October',
            'November',
            'December'
        ];

        var birthdays = [];
        var data_out = [];
        var html_out = '';

        var raw_data = $('#character-birthdays').attr('data-birthdays').split('&');

        raw_data.forEach(function (character) {
            var char_data = character.split(' |');
            char_data.push(char_data[0].split('(')[0].trim()); //normalized name
            if (!birthdays.some(function (data) { return data[2] == char_data[2]; })) birthdays.push(char_data);
        });

        for (var index = -1; index <= 30; index++) {
            var date = new Date();
            date.setDate(date.getDate() + index);
            data_out = data_out.concat(birthdays.filter(function (data) { return data[1] == months[date.getMonth()] + ' ' + date.getDate(); }));

            if (data_out.length >= 5) { break; }
        }

        data_out.forEach(
            function (character) { html_out += '<a href="/wiki/' + character[0] + '">' + character[2] + '&nbsp;(' + character[1].replace(' ', '&nbsp;') + ')</a>' + separator; }
        );

        $('#character-birthdays').append(html_out.substring(0, html_out.length - separator.length)).css("display", "");
    }
    /* Character birthdays - end */


    /* Character affection table - start */
    const affection_start = 50;
    const affection_cap = 50;

    var affection_data = {};
    var affectionTableCounter = 0;


    $(document).ready(function () {
        initAffectionTable();
        $(".affection-level input").on("change mouseup keyup click", function () { affectionChange($(this).closest("table"), $(this).val()); });
        $(".affection-data").children("div").on("click", function () { affectionChange($(this).closest("table"), $(this).attr('data-level')); });
    });


    function initAffectionTable() {
        $(".character-affectiontable").each(function () {
            var id = 'affectionTable-' + (++affectionTableCounter);
            $(this).attr('id', id);

            var data = {};

            $(this).find(".affection-data > div").each(function () {
                var level = $(this).attr('data-level');
                data[level] = {};
                var bonus = $(this).attr('data-stats').split(' ');

                $.each(bonus, function (index) {
                    bonus[index] = bonus[index].split('+');
                    data[level][bonus[index][0]] = parseInt(bonus[index][1]);
                });
            });
            affection_data[id] = data;

            $(this).find(".affection-level").html('<input type="number" value="' + affection_start + '" step="1" min="1" max="' + affection_cap + '" />');

            affectionChange($(this), affection_start);
            if (typeof affection !== 'undefined') {
                affectionGet($(".character-stattable"));
                statTableRecalc($(".character-stattable"));
            }
        });
    }


    function affectionChange(affectionTable, level) {
        var effective_bonus = {};
        var html_out = '';

        level = (typeof level !== 'undefined' && !isNaN(level)) ? level : 1;

        if (level < 1) { affectionTable.find(".affection-level input").val(1); level = 1; }
        if (level > affection_cap) { affectionTable.find(".affection-level input").val(affection_cap); level = affection_cap; }

        for (var index = 2; index <= level; index++) {
            $.each(affection_data[affectionTable.attr('id')][index], function (stat_name, stat_value) {
                if (typeof effective_bonus[stat_name] == 'undefined') effective_bonus[stat_name] = 0;
                effective_bonus[stat_name] += stat_value;
            });
        }

        $.each(effective_bonus, function (stat_name, stat_value) {
            html_out += '<b>' + stat_name + '</b>' + ' +' + stat_value + ', ';
        });

        affection_data[affectionTable.attr('id')].current = effective_bonus;

        if (affectionTable.find(".affection-level input").val() !== level) affectionTable.find(".affection-level input").val(level);
        affectionTable.find(".affection-total").html(html_out.substring(0, html_out.length - 2));

        //update StatCalc if present
        if (typeof affection !== 'undefined') {
            affectionGet($(".character-stattable"));
            statTableRecalc($(".character-stattable"));
        }
    }
    /* Character affection table - end */


    /* Character voice preview - start */
    $(document).ready(function () {
        initCharacterVoice();
    });

    function initCharacterVoice() {
        var voice = $(".character td.character-voice");
        if (voice.length && voice.attr('data-voice').length) {
            voice.wrapInner('<span>');
            if (voice.find("span").width() > voice.width() - 36) voice.css('padding-right', '16px');
            voice.find("span").children().unwrap();
            voice.append('<audio class="voice-clip" src="' + voice.attr('data-voice') + '"></audio>').addClass('character-voice-preview');
            voice.find('audio')[0].volume = 0.6;
            $(".character td.character-voice-preview").on("click", function () { voice.find('audio')[0].play(); })
        }
    }
    /* Character voice preview - end */
});