MediaWiki:Common.js: Difference between revisions

m
Reverted edits by LeTrashman (talk) to last revision by Electricsheep
(Re-format JS)
Tag: Reverted
m (Reverted edits by LeTrashman (talk) to last revision by Electricsheep)
Tag: Rollback
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);
}
}
if (mw.config.get("skin") === "minerva") {
 
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 ⟶ 20:
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 ⟶ 32:
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 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'
];
 
/* Character birthdays - start */
var birthdays = [];
function initBirthdays(){
var data_out = [];
const separator = ' <span></span> ';
var html_out = '';
const months = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
 
var birthdays = [];
var raw_data = $('#character-birthdays').attr('data-birthdays').split('&');
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(' |');
raw_data.forEach(function (character) {
char_data.push(char_data[0].split('(')[0].trim()); //normalized name
var char_data = character.split(' |');
if (!birthdays.some(function (data) { return data[2] == char_data[2]; })) birthdays.push(char_data);
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;
 
var affection_data = {};
$( document ).ready(function() {
var affectionTableCounter = 0;
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(){
$(document).ready(function () {
var level = $(this).attr('data-level');
initAffectionTable();
data[level] = {};
$(".affection-level input").on("change mouseup keyup click", function () { affectionChange($(this).closest("table"), $(this).val()); });
var bonus = $(this).attr('data-stats').split(' ');
$(".affection-data").children("div").on("click", function () { affectionChange($(this).closest("table"), $(this).attr('data-level')); });
});
 
$.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+'" />');
function initAffectionTable() {
$(".character-affectiontable").each(function () {
affectionChange($(this), affection_start);
var id = 'affectionTable-' + (++affectionTableCounter);
if (typeof affection !== 'undefined') {
$(this).attr('id', id);
affectionGet($(".character-stattable"));
statTableRecalc($(".character-stattable"));
}
});
}
 
function affectionChange (affectionTable, level){
var data = {};
var effective_bonus = {};
var html_out = '';
 
level = (typeof level !== 'undefined' && !isNaN(level)) ? level : 1 ;
$(this).find(".affection-data > div").each(function () {
var level = $(this).attr('data-level');
if (level < 1) { affectionTable.find(".affection-level input").val(1); level = 1; }
data[level] = {};
if (level > affection_cap) { affectionTable.find(".affection-level input").val(affection_cap); level = affection_cap; }
var bonus = $(this).attr('data-stats').split(' ');
 
for (var index = 2; index <= level; $.each(bonus, function (index++) {
$.each( affection_data[affectionTable.attr('id')][index], function(stat_name, stat_value){
bonus[index] = bonus[index].split('+');
if (typeof effective_bonus[stat_name] == 'undefined') effective_bonus[stat_name] = 0;
data[level][bonus[index][0]] = parseInt(bonus[index][1]);
effective_bonus[stat_name] += stat_value;
});
});
});
}
affection_data[id] = data;
$.each( effective_bonus, function(stat_name, stat_value){
html_out += '<b>' + stat_name + '</b>' + ' +' + stat_value + ', ';
});
 
affection_data[affectionTable.attr('id')].current = effective_bonus;
$(this).find(".affection-level").html('<input type="number" value="' + affection_start + '" step="1" min="1" max="' + affection_cap + '" />');
 
if (affectionTable.find(".affection-level input").val() !== level) affectionTable.find(".affection-level input").val(level);
affectionChange($(this), affection_start);
affectionTable.find(".affection-total").html(html_out.substring(0,html_out.length-2));
if (typeof affection !== 'undefined') {
affectionGet($(".character-stattable"));
statTableRecalc($(".character-stattable"));
}
});
}
 
//update StatCalc if present
if (typeof affection !== 'undefined') {
affectionGet($(".character-stattable"));
statTableRecalc($(".character-stattable"));
}
}
/* Character affection table - end */
 
function affectionChange(affectionTable, level) {
var effective_bonus = {};
var html_out = '';
 
/* Character voice preview - start */
level = (typeof level !== 'undefined' && !isNaN(level)) ? level : 1;
$( document ).ready(function() {
initCharacterVoice();
});
 
function initCharacterVoice(){
if (level < 1) { affectionTable.find(".affection-level input").val(1); level = 1; }
var voice = $(".character td.character-voice");
if (level > affection_cap) { affectionTable.find(".affection-level input").val(affection_cap); level = affection_cap; }
if (voice.length && voice.attr('data-voice').length) {
 
voice.wrapInner('<span>');
for (var index = 2; index <= level; index++) {
if (voice.find("span").width() > voice.width()-36 ) voice.css('padding-right', '16px');
$.each(affection_data[affectionTable.attr('id')][index], function (stat_name, stat_value) {
voice.find("span").children().unwrap();
if (typeof effective_bonus[stat_name] == 'undefined') effective_bonus[stat_name] = 0;
voice.append('<audio class="voice-clip" src="'+voice.attr('data-voice')+'"></audio>').addClass('character-voice-preview');
effective_bonus[stat_name] += stat_value;
}voice.find('audio')[0].volume=0.6;
$(".character td.character-voice-preview").on("click", function(){ voice.find('audio')[0].play(); })
}
 
$.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 - 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 */
});