• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Changes

Jump to navigation Jump to search

MediaWiki:Common.js (view source)

Revision as of 02:53, 10 May 2023

8,727 bytes added ,  1 year ago
m
no edit summary
Line 1: Line 1: −
/**
+
function filterTable(){
−
* Scrolling text
+
$("table.filterable").each(function(){
−
*
+
var i=0;
−
* Copied from zh.kcwiki.moe
+
var cols;
−
*/
+
$(this).find("tr:first-child th, tr:first-child td").each(function(){
 +
if (!$(this).hasClass("unfilterable")){
 +
cols=[];
 +
$(this).closest("table").find("tr td:nth-child("+(i+1)+")").each(function(){
 +
cols.push($(this).text());
 +
});
 +
cols = arrayUnique(cols);
 +
l=0;
 +
for (j=0; j<cols.length; j++){
 +
t=charLength(cols[j]);
 +
if (l<t) l=t;
 +
}
 +
$(this).css("position","relative");
 +
$(this).html('<a href="javascript:void(0)" class="showFilterMenu">'+$(this).html()+'▼</a>');
 +
$(this).append($('<div class="filterMenu hidden" style="position: absolute; top: '+$(this).height()+35+'px; left: 0; width: '+(50+l*7)+'px; text-align: left; padding: 5px; border: 1px #333333 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: inherit; z-index: 1"></div>'));
 +
for (j=0; j<cols.length; j++){
 +
$(this).find(".filterMenu").append('<div><input type="checkbox" value="'+cols[j]+'" col="'+(i+1)+'" class="filterOption" checked>'+cols[j]+'</div>');
 +
}
 +
}
 +
i++;
 +
});
 +
$(this).find("tr:nth-child(n+1)").attr("condition", 0);
 +
});
 +
$(".showFilterMenu").click(function(){
 +
if ($(this).parent().find(".filterMenu:visible").length){
 +
$(".filterMenu").slideUp(150);
 +
}else{
 +
$(".filterMenu").slideUp(150);
 +
$(this).parent().find(".filterMenu").slideDown(150);
 +
}
 +
});
 +
$(document).mouseup(function(e){
 +
var container = $(".filterMenu");
 +
    if (!container.is(e.target) && container.has(e.target).length === 0){
 +
        container.slideUp(150);
 +
    }
 +
});
 +
$(".filterOption").click(function(){
 +
col=$(this).attr("col");
 +
val=$(this).val();
 +
if ($(this).is(":checked")) chg=1; else chg=-1;
 +
$(this).closest("table").find("tr:nth-child(n+1)").each(function(){
 +
if ($(this).find("td:nth-child("+col+")").text()==val){
 +
var cond=$(this).attr("condition");
 +
cond=Number(cond)+chg;
 +
$(this).attr("condition", cond);
 +
if (cond===0) $(this).show();
 +
else $(this).hide();
 +
}
 +
});
 +
});
 +
}
 +
 
 +
function arrayUnique(a) {
 +
    return a.reduce(function(p, c) {
 +
        if (p.indexOf(c) < 0) p.push(c);
 +
        return p;
 +
    }, []);
 +
}
   −
function AutoScroll(objNotice) {
+
function charLength(s){
−
    $(objNotice).find("ul:first").animate({
+
return s.length+(encodeURI(s).split(/%..|./).length-1-s.length)/2;
−
        marginTop:"-25px"
  −
    },500,function(){
  −
        $(this).css({marginTop: "0px"}).find("li:first").appendTo(this);
  −
    });
   
}
 
}
 +
 +
/**
 +
* Shows and hides content and picture (if available) of navigation bars
 +
* Parameters:
 +
*    indexNavigationBar: the index of navigation bar to be toggled
 +
**/
 +
window.toggleNavigationBar = function ( indexNavigationBar, event ) {
 +
    var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
 +
    var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
 +
    var NavChild;
 +
 +
    if ( !NavFrame || !NavToggle ) {
 +
        return false;
 +
    }
 +
 +
    /* if shown now */
 +
    if ( NavToggle.firstChild.data === NavigationBarHide ) {
 +
        for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
 +
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
 +
                NavChild.style.display = 'none';
 +
            }
 +
        }
 +
    NavToggle.firstChild.data = NavigationBarShow;
 +
 +
    /* if hidden now */
 +
    } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
 +
        for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
 +
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
 +
                NavChild.style.display = 'block';
 +
            }
 +
        }
 +
        NavToggle.firstChild.data = NavigationBarHide;
 +
    }
 
   
 
   
−
$(document).ready(function() {
+
     event.preventDefault();
−
     setInterval('AutoScroll("#scrollDiv")',5000);
+
};
−
    //image loading effect
  −
    $('img').on('load', function(e){
  −
        var target = $(this);
  −
        target.css('opacity', 0).animate({opacity: 1}, 1000);
  −
  });
  −
});
  −
 
   
   
 
   
−
mw.hook( 'wikipage.content' ).add( createCollapseButtons );
+
/* adds show/hide-button to navigation bars */
 +
function createNavigationBarToggleButton( $content ) {
 +
    var NavChild;
 +
    /* iterate over all < div >-elements */
 +
    var $divs = $content.find( 'div' );
 +
    $divs.each( function ( i, NavFrame ) {
 +
        /* if found a navigation bar */
 +
        if ( $( NavFrame ).hasClass( 'NavFrame' ) ) {
 
   
 
   
−
/**
+
            indexNavigationBar++;
−
* Dynamic Navigation Bars. See [[Wikipedia:NavFrame]]
+
            var NavToggle = document.createElement( 'a' );
−
*
+
            NavToggle.className = 'NavToggle';
−
* Based on script from en.wikipedia.org, 2008-09-15.
+
            NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
−
*
+
            NavToggle.setAttribute( 'href', '#' );
−
* @source www.mediawiki.org/wiki/MediaWiki:Gadget-NavFrame.js
+
            $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );
−
* @maintainer Helder.wiki, 2012–2013
  −
* @maintainer Krinkle, 2013
  −
*/
  −
( function () {
   
   
 
   
−
// Set up the words in your language
+
            var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
−
var collapseCaption = 'hide';
+
            /**
−
var expandCaption = 'show';
+
            * Check if any children are already hidden.  This loop is here for backwards compatibility:
 +
            * the old way of making NavFrames start out collapsed was to manually add style="display:none"
 +
            * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
 +
            * the content visible without JavaScript support), the new recommended way is to add the class
 +
            * "collapsed" to the NavFrame itself, just like with collapsible tables.
 +
            */
 +
            for ( NavChild = NavFrame.firstChild; NavChild !== null && !isCollapsed; NavChild = NavChild.nextSibling ) {
 +
                if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
 +
                    if ( NavChild.style.display === 'none' ) {
 +
                        isCollapsed = true;
 +
                    }
 +
                }
 +
            }
 +
            if ( isCollapsed ) {
 +
                for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
 +
                    if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
 +
                        NavChild.style.display = 'none';
 +
                    }
 +
                }
 +
            }
 +
            var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide );
 +
            NavToggle.appendChild( NavToggleText );
 
   
 
   
−
var navigationBarHide = '[' + collapseCaption + ']';
+
            /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
−
var navigationBarShow = '[' + expandCaption + ']';
+
            for( var j = 0; j < NavFrame.childNodes.length; j++ ) {
 +
                if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
 +
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
 +
                    NavFrame.childNodes[j].appendChild( NavToggle );
 +
                }
 +
            }
 +
            NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
 +
        }
 +
    } );
 +
}
 
   
 
   
−
/**
+
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
−
* Shows and hides content and picture (if available) of navigation bars.
+
 
−
*
+
// Fix Table Header
−
* @param {number} indexNavigationBar The index of navigation bar to be toggled
+
var TableHeadFix = function () {
−
* @param {jQuery.Event} e Event object
+
    var obj, $table, $newtable, $win;
−
*/
+
    obj = this;
−
function toggleNavigationBar( indexNavigationBar, e ) {
  −
var navChild,
  −
navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ),
  −
navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
   
   
 
   
−
// Prevent browser from jumping to href "#"
+
    this.clonehead = function () {
−
e.preventDefault();
+
        $newtable = $table.clone();
 +
        $newtable.find('tr:gt(0)').remove();
 
   
 
   
−
if ( !navFrame || !navToggle ) {
+
        $newtable.css('top', '0');
−
return false;
+
        $newtable.css('position', 'fixed');
−
}
+
        // Fixed by kk @ 2015-04-03
 +
        $newtable.css('margin-top', '0');
 +
        $newtable.hide();
 +
    };
 
   
 
   
−
// If shown now
  −
if ( navToggle.firstChild.data == navigationBarHide ) {
  −
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
  −
if ( hasClass( navChild, 'NavPic' ) ) {
  −
navChild.style.display = 'none';
  −
}
  −
if ( hasClass( navChild, 'NavContent' ) ) {
  −
navChild.style.display = 'none';
  −
}
  −
}
  −
navToggle.firstChild.data = navigationBarShow;
   
   
 
   
−
// If hidden now
+
    this.check = function () {
−
} else if ( navToggle.firstChild.data == navigationBarShow ) {
+
        if($table.size() === 0){
−
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
+
            return;
−
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
+
        }
−
navChild.style.display = 'block';
+
        var scrollTop = $win.scrollTop();
−
}
+
        var start_offset = $table.offset();
−
}
+
        if (scrollTop > start_offset.top && scrollTop <= (start_offset.top + $table.height())) {
−
navToggle.firstChild.data = navigationBarHide;
+
            $newtable.show();
−
}
+
        } else {
−
}
+
            $newtable.hide();
 +
        }
 +
    };
 
   
 
   
−
/**
+
    this.event = function () {
−
* Adds show/hide-button to navigation bars.
+
        $win.bind('scroll', obj.check);
−
*
+
    };
−
* @param {jQuery} $content
  −
*/
  −
function createNavigationBarToggleButton( $content ) {
  −
var i, j, navFrame, navToggle, navToggleText, navChild,
  −
indexNavigationBar = 0,
  −
navFrames = $content.find( 'div.NavFrame' ).toArray();
   
   
 
   
−
// Iterate over all (new) nav frames
+
    this.init = function (obj) {
−
for ( i = 0; i < navFrames.length; i++ ) {
+
        $win = $(window);
−
navFrame = navFrames[i];
+
        $table = $(obj);
−
// If found a navigation bar
+
        this.clonehead();
−
indexNavigationBar++;
+
        $table.after($newtable);
−
navToggle = document.createElement( 'a' );
  −
navToggle.className = 'NavToggle';
  −
navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
  −
navToggle.setAttribute( 'href', '#' );
  −
$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );
   
   
 
   
−
navToggleText = document.createTextNode( navigationBarHide );
+
        this.event();
−
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
+
        this.check();
−
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
+
    };
−
if ( navChild.style.display == 'none' ) {
+
};
−
navToggleText = document.createTextNode( navigationBarShow );
+
 
−
break;
+
$(function() {
−
}
+
 
 +
// Extension:SoundManager2Button
 +
// TODO: initialize properly so this isn't needed
 +
if (window.soundManager && window.soundManager.beginDelayedInit && !window.soundManager.enabled) {
 +
console.debug('KLUDGE: calling window.soundManager.beginDelayedInit()');
 +
window.soundManager.beginDelayedInit();
 +
}
 +
 
 +
// Table things
 +
 
 +
    $(".showExtra").click(function() {
 +
    $(this).closest("table").find(".extraRow").fadeIn("slow");$(this).closest("tr").remove();
 +
    });
 +
 
 +
    filterTable();
 +
 
 +
    $('.fixtable').each(function(){
 +
    var tableHeadFix = new TableHeadFix();
 +
    tableHeadFix.init(this);
 +
    });
 +
 
 +
    // Template:Map/ImageNode
 +
 
 +
    function supportTemplateMapImageNode() {
 +
    $('.map-image > span > a').off('click');
 +
    $('.map-image > span > a').click(function (e) {
 +
        e.preventDefault();
 +
    var $element = $($(this).attr('href'));
 +
    var $container = $element.parent();
 +
    $container.scrollTop($container.scrollTop() - $container.offset().top + $element.offset().top);
 +
    });
 +
}
 +
supportTemplateMapImageNode();
 +
mw.hook('wikipage.content').add(supportTemplateMapImageNode);
 +
 
 +
// From gbf.wiki
 +
// Add a dynamic fixed header to tables with:
 +
// 1) table with "header-fixed" class
 +
// 2) a table row with "header-row" class
 +
// TODO: tablesorter, tabbertab, resize
 +
// mw.loader.using('jquery.tablesorter', function() {
 +
var tables = [];
 +
 
 +
function initializeStickyHeader() {
 +
var $tables = $('.header-fixed');
 +
 
 +
if ($tables.length == 0) return;
 +
 
 +
$tables.each(function(n) {
 +
  if ($(this).hasClass('header-fixed-done')) return;
 +
  if ($(this).hasClass('mw-collapsed')) {
 +
  console.debug('header-fixed: collapsed: ' + n)
 +
  $(this).find('.mw-collapsible-text').click(function() {
 +
  console.debug('header-fixed: click: ' + n)
 +
  setTimeout(function() { initializeStickyHeader(); }, 1000);
 +
  })
 +
  return;
 +
  }
 +
/*
 +
    var tabberTabParent = $(this).parent(".tabbertab")[0];
 +
    var originalStyleDisplay;
 +
    if (tabberTabParent) {
 +
    originalStyleDisplay = tabberTabParent.style.display;
 +
    tabberTabParent.style.visibility = "hidden";
 +
    tabberTabParent.style.display = "block";
 +
    }
 +
*/
 +
    var $headerRow = $(this).find('.header-row');
 +
    var $newHeaderContent = $('<tbody>');
 +
    $newHeaderContent.append($headerRow.clone());
 +
 
 +
    var $columnsOld = $headerRow.find('td:not([colspan]),th:not([colspan])');
 +
    var $newHeaderColgroup = $('<colgroup>');
 +
    for (var i = 0; i < $columnsOld.length; i++) {
 +
    $newHeaderColgroup.append($('<col>').css('width', $columnsOld[i].getBoundingClientRect().width));
 +
    }
 +
 
 +
    $(this).before(
 +
    $('<table>')
 +
        .addClass('header-fixed-helper')
 +
        .addClass('wikitable')
 +
        .css('position', 'sticky')
 +
        .css('top', '0')
 +
        .css('z-index', '9')
 +
        .css('display', 'none')
 +
        .css('background-color', '#fff')
 +
        .css('margin-top', '0')
 +
        .css('margin-bottom', '0')
 +
        .css('table-layout', 'fixed')
 +
        .append($newHeaderColgroup)
 +
        .append($newHeaderContent)
 +
    );
 +
    tables.push({ table: this, helper: this.previousSibling });
 +
    $(this.previousSibling).css('width', $(this).width() + 1);
 +
/*
 +
    if (tabberTabParent) {
 +
    tabberTabParent.style.visibility = "";
 +
    tabberTabParent.style.display = originalStyleDisplay;
 +
    }
 +
    */
 +
    $(this).addClass('header-fixed-done');
 +
    console.debug('header-fixed: fixed: ' + n)
 +
});
 +
}
 +
 
 +
$(window).on('scroll', function() {
 +
var scrollOffset = $(this).scrollTop();
 +
for (var i = 0; i < tables.length; i++) {
 +
var tableOffset = $(tables[i].table).offset().top;
 +
var tableHeight = $(tables[i].table).height();
 +
var helperHeight = $(tables[i].helper).height();
 +
if ((scrollOffset > tableOffset) && (scrollOffset < (tableOffset + tableHeight - helperHeight))) {
 +
    if ($(tables[i].helper).is(':hidden')) {
 +
    $(tables[i].helper).show();
 +
    }
 +
} else {
 +
    $(tables[i].helper).hide();
 
}
 
}
 
}
 
}
−
+
});
−
navToggle.appendChild( navToggleText );
+
 
−
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
+
/*
−
for ( j = 0; j < navFrame.childNodes.length; j++ ) {
+
var ts = $.fn.tablesorter;
−
if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
+
$.fn.tablesorter = function() {
−
navFrame.childNodes[j].appendChild( navToggle );
+
  ts.apply(this, arguments);
 +
  initializeStickyHeader();
 +
}
 +
*/
 +
setTimeout(function() { initializeStickyHeader(); }, 1000);
 +
//})
 +
 
 +
// Basic video support using <img> and <video> elements
 +
 
 +
$('.video').each(function () {
 +
var src = $(this).data('src') || '';
 +
var parts = src.split('.');
 +
var ext = parts[parts.length - 1] || '';
 +
if (ext === 'webp') {
 +
var a = $('<a>').addClass('image').attr('href', '/File:' + src);
 +
var img = $('<img>');
 +
for (var attr in $(this).data()) {
 +
img.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr));
 +
}
 +
a.append(img);
 +
      $(this).append(a);
 +
} else {
 +
var video = $('<video>').attr('controls', '');
 +
var source = $('<source>').attr('type', 'video/' + ext);
 +
for (var attr in $(this).data()) {
 +
var el = attr === 'src' || attr === 'type' ? source : video;
 +
el.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr));
 
}
 
}
 +
video.append(source);
 +
      $(this).append(video);
 
}
 
}
−
navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
+
});
−
}
  −
}
  −
  −
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
     −
importArticles({
  −
    type: "script",
  −
    articles: [
  −
        "User:Gensui_Hime/js/countdown.js"
  −
    ]
   
});
 
});
がか
cssedit, gkautomate
6,926

edits

Retrieved from "https://en.kancollewiki.net/Special:MobileDiff/64799...154278"

Navigation menu