MediaWiki:Common.js: Difference between revisions

Disabled Minerva-specific styles workaround
(Re-format JS)
Tag: Reverted
(Disabled Minerva-specific styles workaround)
 
(30 intermediate revisions by 2 users not shown)
Line 1:
/* 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);
}
}
// Common styles are currently loaded through an @import statement in MediaWiki:Mobile.css. I do not know what calls mw.loader.using('mobile.site.styles') currently, but it appears to happen. This code is preserved in case something breaks after caches expire.
 
// 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);
Line 22 ⟶ 21:
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;
Line 34 ⟶ 33:
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();
}
if (mw.config.get("wgPageName") === "Characters" || mw.config.get("wgPageName") === "Characters_StatChart") {
}
mw.loader.load( '/w/index.php?title=MediaWiki:CharacterTable.js&action=raw&ctype=text/javascript' );
}
if (mw.config.get("wgPageName") === "An_Unconcealed_Heart/Mitcher") {
mw.loader.load( '/w/index.php?title=MediaWiki:Mitcher.js&action=raw&ctype=text/javascript' );
}
if (mw.config.get("wgPageName") === "A_Game_Before_the_New_Year's_Feast_~_One-and-Done_Match_~/Junby") {
mw.loader.load( '/w/index.php?title=MediaWiki:Junby.js&action=raw&ctype=text/javascript' );
}
 
const title_split = mw.config.get('wgTitle').toLowerCase().split("/");
/* Character stat calc*/
if (mw.config.get('wgNamespaceNumber') === 0 && title_split.length === 2 && title_split[1] === 'momotalk') {
mw.loader.load('/w/index.php?title=MediaWiki:StatCalc.js&action=raw&ctype=text/javascript');
mw.loader.load( '/w/index.php?title=MediaWiki:MomotalkChoice.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'
];
 
/* Character stat calc & affection table */
var birthdays = [];
mw.loader.load( '/w/index.php?title=MediaWiki:StatCalc.js&action=raw&ctype=text/javascript' );
var data_out = [];
var html_out = '';
 
var raw_data = $('#character-birthdays').attr('data-birthdays').split('&');
 
/* Character birthdays - start */
raw_data.forEach(function (character) {
function initBirthdays(){
var char_data = character.split(' |');
const months = [
char_data.push(char_data[0].split('(')[0].trim()); //normalized name
'January',
if (!birthdays.some(function (data) { return data[2] == char_data[2]; })) birthdays.push(char_data);
'February',
});
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
 
var birthdays = [];
for (var index = -1; index <= 30; index++) {
var datedata_out = new Date()[];
var html_out = '';
date.setDate(date.getDate() + index);
data_out = data_out.concat(birthdays.filter(function (data) { return data[1] == months[date.getMonth()] + ' ' + date.getDate(); }));
 
var raw_data = $('#character-birthdays').attr('data-birthdays').split('&');
if (data_out.length >= 5) { break; }
}
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++) {
data_out.forEach(
var date = new Date();
function (character) { html_out += '<a href="/wiki/' + character[0] + '">' + character[2] + '&nbsp;(' + character[1].replace(' ', '&nbsp;') + ')</a>' + separator; }
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; }
$('#character-birthdays').append(html_out.substring(0, html_out.length - separator.length)).css("display", "");
}
}
/* Character birthdays - end */
 
data_out.forEach(
function (character) { html_out += '<a href="/wiki/'+character[0]+'">'+character[2]+'&nbsp;('+character[1].replace(' ', '&nbsp;')+')</a>'; }
);
 
$('#character-birthdays').append(html_out).css( "display", "" );
/* Character affection table - start */
}
const affection_start = 50;
/* Character birthdays - end */
const affection_cap = 50;
 
var affection_data = {};
var affectionTableCounter = 0;
 
/* Character voice preview - start */
$( document ).ready(function() {
initCharacterVoice();
});
 
$(document).ready(function initCharacterVoice() {
var voice = $(".character td.character-voice");
initAffectionTable();
if (voice.length && voice.attr('data-voice').length) {
$(".affection-level input").on("change mouseup keyup click", function () { affectionChange($(this).closest("table"), $(this).val()); });
$voice.addClass(".affection'character-data").children("div"voice-preview').on("click", function () { affectionChangeplayCharacterVoice($(this).closest("table"), $(this).attr('data-level')); });
voice.wrapInner('<span>');
});
if (voice.find("span").width() > voice.width()-36 ) voice.css('padding-right', '16px');
voice.find("span").children().unwrap();
}
}
 
function playCharacterVoice(){
 
var voice = $(".character td.character-voice");
function initAffectionTable() {
if (voice.find('audio').length == 0) {
$(".character-affectiontable").each(function () {
voice.append('<audio class="voice-clip" src="'+voice.attr('data-voice')+'"></audio>');
var id = 'affectionTable-' + (++affectionTableCounter);
$(this)voice.attrfind('idaudio', id)[0].volume=0.6;
 
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"));
}
});
}
voice.find('audio')[0].play();
}
/* Character voice preview - end */
 
 
/* Character video preview - start */
function affectionChange(affectionTable, level) {
$( document ).ready(function() {
var effective_bonus = {};
//if video tab is open on inital page display
var html_out = '';
if ($(".character-images [data-title='Chibi']").attr('aria-hidden') == 'false' || window.location.hash == '#Chibi-0' || window.location.hash == '#Other-0' ) initCharacterVideo($('.character-images'));
 
//Tabber initializes late so events are bound at first click on parent div
level = (typeof level !== 'undefined' && !isNaN(level)) ? level : 1;
$(".character-images div.tabber").on("click", function(){
if ($(".character-images [data-title='Chibi']").attr('aria-hidden') == 'false') initCharacterVideo($('.character-images'));
$(".character-images [data-title='Chibi']").on("click", function(){initCharacterVideo($('.character-images'));});
});
})
 
function initCharacterVideo(element) {
if (level < 1) { affectionTable.find(".affection-level input").val(1); level = 1; }
var container = element.find('div.video');
if (level > affection_cap) { affectionTable.find(".affection-level input").val(affection_cap); level = affection_cap; }
if (!container.attr('data-video-initialized')) {
 
var video_src = container.attr('data-videosrc');
for (var index = 2; index <= level; index++) {
container.html('<video autoplay loop playsinline><source src="'+video_src+'" type="video/webm" /></video>');
$.each(affection_data[affectionTable.attr('id')][index], function (stat_name, stat_value) {
container.on("click", function(){playToggle(container)});
if (typeof effective_bonus[stat_name] == 'undefined') effective_bonus[stat_name] = 0;
container.attr('data-video-initialized', true);
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 */
 
function playToggle(element) {
var video = element.find('video').get(0);
if (video.paused) video.play();
else video.pause();
}
/* Character video preview - end */
 
/* Character voice preview - start */
$(document).ready(function () {
initCharacterVoice();
});
 
/* XP tables */
function initCharacterVoice() {
mw.loader.load( '/w/index.php?title=MediaWiki:XPtable.js&action=raw&ctype=text/javascript' );
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 */
});