• 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 15:15, 17 August 2024

11,217 bytes added ,  3 months ago
header-fixed -> fixed-header (css only)
Line 1: Line 1: −
/**
  −
* Scrolling text
  −
*
  −
* Original from touhouwiki
  −
*/
  −
function AutoScroll(objNotice) {
  −
    $(objNotice).find("ul:first").animate({
  −
        marginTop:"-25px"
  −
    },500,function(){
  −
        $(this).css({marginTop: "0px"}).find("li:first").appendTo(this);
  −
    });
  −
}
  −
  −
$(document).ready(function() {
  −
    setInterval('AutoScroll("#scrollDiv")',10000);
  −
    //image loading effect
  −
    $('img').on('load', function(e){
  −
        var target = $(this);
  −
        target.css('opacity', 0).animate({opacity: 1}, 1000);
  −
  });
  −
});
  −
  −
/**
  −
Filterable Function
  −
*/
  −
$(function() {
  −
    $(".showExtra").click(function() {
  −
    $(this).closest("table").find(".extraRow").fadeIn("slow");$(this).closest("tr").remove();
  −
    });
  −
    filterTable();
  −
});
  −
  −
// FilterTable
   
function filterTable(){
 
function filterTable(){
 
$("table.filterable").each(function(){
 
$("table.filterable").each(function(){
Line 82: Line 49:  
cond=Number(cond)+chg;
 
cond=Number(cond)+chg;
 
$(this).attr("condition", cond);
 
$(this).attr("condition", cond);
−
if (cond==0) $(this).show();
+
if (cond===0) $(this).show();
 
else $(this).hide();
 
else $(this).hide();
 
}
 
}
Line 100: Line 67:  
}
 
}
   −
/**
  −
* Dynamic Navigation Bars (experimental)
  −
*
  −
* Description: See [[Wikipedia:NavFrame]].
  −
* Maintainers: UNMAINTAINED
  −
*/
  −
  −
/* set up the words in your language */
  −
var NavigationBarHide = '[' + collapseCaption + ']';
  −
var NavigationBarShow = '[' + expandCaption + ']';
  −
var indexNavigationBar = 0;
  −
   
/**
 
/**
 
  * Shows and hides content and picture (if available) of navigation bars
 
  * Shows and hides content and picture (if available) of navigation bars
Line 128: Line 83:  
     /* if shown now */
 
     /* if shown now */
 
     if ( NavToggle.firstChild.data === NavigationBarHide ) {
 
     if ( NavToggle.firstChild.data === NavigationBarHide ) {
−
         for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
+
         for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
 
             if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
 
             if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
 
                 NavChild.style.display = 'none';
 
                 NavChild.style.display = 'none';
Line 137: Line 92:  
     /* if hidden now */
 
     /* if hidden now */
 
     } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
 
     } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
−
         for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
+
         for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
 
             if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
 
             if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
 
                 NavChild.style.display = 'block';
 
                 NavChild.style.display = 'block';
Line 172: Line 127:  
             * "collapsed" to the NavFrame itself, just like with collapsible tables.
 
             * "collapsed" to the NavFrame itself, just like with collapsible tables.
 
             */
 
             */
−
             for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) {
+
             for ( NavChild = NavFrame.firstChild; NavChild !== null && !isCollapsed; NavChild = NavChild.nextSibling ) {
 
                 if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
 
                 if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
 
                     if ( NavChild.style.display === 'none' ) {
 
                     if ( NavChild.style.display === 'none' ) {
Line 180: Line 135:  
             }
 
             }
 
             if ( isCollapsed ) {
 
             if ( isCollapsed ) {
−
                 for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
+
                 for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
 
                     if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
 
                     if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
 
                         NavChild.style.display = 'none';
 
                         NavChild.style.display = 'none';
Line 221: Line 176:  
   
 
   
 
     this.check = function () {
 
     this.check = function () {
−
         if($table.size() == 0){
+
         if($table.size() === 0){
 
             return;
 
             return;
 
         }
 
         }
Line 246: Line 201:  
         this.check();
 
         this.check();
 
     };
 
     };
−
}
+
};
−
+
 
−
$(function () {
+
$(function() {
−
    //Set table
+
 
 +
// 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(){
 
     $('.fixtable').each(function(){
 
     var tableHeadFix = new TableHeadFix();
 
     var tableHeadFix = new TableHeadFix();
 
     tableHeadFix.init(this);
 
     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);
 +
 +
// 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);
 +
}
 +
});
 +
 
});
 
});
 +
 +
(function(mw, $) {
 +
 +
    "use strict";
 +
 +
    $(document).ready(function() {
 +
 +
console.log('DetailToggle v1.0.0');
 +
 +
        // custom hidable content and togglers supported by local storage
 +
 +
        if (typeof(Storage) === "undefined") {
 +
            return;
 +
        }
 +
 +
        var ToggleStorage = function(property, property_default) {
 +
            if (!localStorage[property]) {
 +
                localStorage[property] = property_default;
 +
            }
 +
            return {
 +
                toggle: function() {
 +
                    localStorage[property] = localStorage[property] === "show" ? "hide" : "show";
 +
                },
 +
                on: function() {
 +
                    return localStorage[property] === "show";
 +
                }
 +
            };
 +
        }
 +
 +
        function update(toggle_element, toggle) {
 +
            var property = toggle_element.data("target") || "default",
 +
                property_anti = toggle_element.data("anti-target"),
 +
                property_default = toggle_element.data("default") || "show",
 +
                property_classes = toggle_element.data("classes") && toggle_element.data("classes").split(' ').map(function (e) { return "toggle-class-" + e.trim() }).join(' '),
 +
                target = "toggle-target-" + property,
 +
                target_class = "." + target,
 +
                anti_target_class,
 +
                toggleStorage = ToggleStorage(target, property_default);
 +
            if (property_anti) {
 +
                anti_target_class = ".toggle-anti-target-" + property;
 +
            }
 +
            if (toggle) {
 +
                toggleStorage.toggle();
 +
            }
 +
            var toggle_show_selector = '.toggle[data-target="' + property + '"] .toggle-show',
 +
                toggle_hide_selector = '.toggle[data-target="' + property + '"] .toggle-hide';
 +
            if (toggleStorage.on()) {
 +
                $(toggle_show_selector).show();
 +
                $(toggle_hide_selector).hide();
 +
                if (property_classes) {
 +
                    $(target_class).addClass(property_classes);
 +
                } else {
 +
                    $(target_class).show();
 +
                }               
 +
                if (anti_target_class) {
 +
                    $(anti_target_class).hide();
 +
                }
 +
            } else {
 +
                $(toggle_show_selector).hide();
 +
                $(toggle_hide_selector).show();
 +
                if (property_classes) {
 +
                    $(target_class).removeClass(property_classes);
 +
                } else {
 +
                    $(target_class).hide();                   
 +
                }
 +
                if (anti_target_class) {
 +
                    $(anti_target_class).show();
 +
                }
 +
            }
 +
            $(window).trigger("WideTablesScan");
 +
        }
 +
 +
        //Local storage for multi toggles.
 +
        var MultiToggleStorage = function(property, property_default) {
 +
            if (!localStorage[property]) {
 +
                localStorage[property] = property_default;
 +
            }
 +
            return {
 +
                set: function(value) {
 +
                    localStorage[property] = value;
 +
                },
 +
                get: function(value) {
 +
                    return localStorage[property];
 +
                },
 +
                on: function(value) {
 +
                    return localStorage[property] === value;
 +
                }
 +
            };
 +
        }
 +
 +
        //Update a multi toggle. If selected is passed it is set as the state of the multi toggle. Pass "none" to selected to deselect when the multi toggle is a filter.
 +
        function multi_update(multi_toggle_element, selected) {
 +
            var property = multi_toggle_element.data("target") || "default",
 +
                property_states = multi_toggle_element.data("states"),
 +
                property_default = multi_toggle_element.data("default"),
 +
                property_filter = multi_toggle_element.data("filter") || false, //Whether or not the multi toggle is a filter
 +
                property_base_colspan = multi_toggle_element.data("base-colspan"),
 +
                target = "multi-toggle-target-" + property;
 +
            //make sure the states are an array.
 +
            if (!property_states || !Array.isArray(property_states) || property_states.length < 1) {
 +
                multi_toggle_element.hide();
 +
                return;
 +
            } else if (property_filter && property_states[0] !== "none") {
 +
                property_states.splice(0, 0, "none")
 +
            }
 +
            //need to set default here rather than in the declaration above to ensure the states are valid.
 +
            if (!property_default) {
 +
                property_default = property_states[0];
 +
            }
 +
            var multiToggleStorage = MultiToggleStorage(target, property_default);
 +
            //set the new state of the multi toggle.
 +
            if (selected && property_states.indexOf(selected) >= 0) {
 +
                //If the selected filter was re-selected, that is a remove filter action.
 +
                if ((property_filter && multiToggleStorage.on(selected))) {
 +
                    selected = "none";
 +
                }
 +
                multiToggleStorage.set(selected);
 +
            } else {
 +
                //No selection, so we are initializing the multi toggle.
 +
                selected = multiToggleStorage.get()
 +
            }
 +
            //Update non-selected states
 +
            var hide_selectors = [];
 +
            var show_selectors = [];
 +
            property_states.forEach(function(state) {
 +
                var toggle_active_selector = '.multi-toggle[data-target="' + property + '"] .multi-toggle-button[data-state="' + state + '"] .multi-toggle-active',
 +
                    toggle_inactive_selector = '.multi-toggle[data-target="' + property + '"] .multi-toggle-button[data-state="' + state + '"] .multi-toggle-inactive';
 +
                if (selected !== state) {
 +
                    $(toggle_active_selector).hide();
 +
                    $(toggle_inactive_selector).show();
 +
                    if (selected === "none") {
 +
                        show_selectors.push("." + target + "-" + state);
 +
                    } else {
 +
                        hide_selectors.push("." + target + "-" + state);
 +
                    }
 +
                } else {
 +
                    $(toggle_active_selector).show();
 +
                    $(toggle_inactive_selector).hide();
 +
                    show_selectors.push("." + target + "-" + state);
 +
                }
 +
            })
 +
            $(hide_selectors.join(',')).hide();
 +
            //Update selected state last
 +
            $(show_selectors.join(',')).show();
 +
            //Update colspan for custom rows.
 +
            if (property_filter) {
 +
                if (selected === "none") {
 +
                    $(".custom-row." + target).attr("colSpan", property_base_colspan);
 +
                } else {
 +
                    $(".custom-row." + target).attr("colSpan", property_base_colspan - property_states.length + 2);
 +
                }
 +
            }
 +
            //cleanup
 +
            $(window).trigger("WideTablesScan");
 +
        }
 +
 +
        function updateContent() {
 +
 +
            $(".toggle").each(function() {
 +
                var toggle_element = $(this);
 +
                toggle_element.show();
 +
                update(toggle_element);
 +
                if (toggle_element.hasClass('toggle-passive')) {
 +
                    return;
 +
                }
 +
                toggle_element.off("click");
 +
                toggle_element.click(function() {
 +
                    update(toggle_element, true);
 +
                });
 +
            });
 +
 +
            //Activate multi toggles.
 +
            var targets = {};
 +
            $(".multi-toggle").each(function() {
 +
                var multi_toggle_element = $(this),
 +
                    multi_toggle_buttons = multi_toggle_element.children(".multi-toggle-button"),
 +
                    target = multi_toggle_element.data("target") || "default";
 +
                multi_toggle_element.show();
 +
                if (!targets.hasOwnProperty(target))
 +
                    targets[target] = multi_toggle_element;
 +
                //Remove click event handlers from all multi toggle buttons
 +
                multi_toggle_buttons.off("click");
 +
                //Add click event handler for all multi toggle buttons to trigger multi_update with select action.
 +
                multi_toggle_buttons.click(function() {
 +
                    multi_update(multi_toggle_element, $(this).data("state"));
 +
                });
 +
            });
 +
            //call multi-update once for each target to allow multiple controls
 +
            //without horrible lag
 +
            Object.keys(targets).forEach(function (key) {multi_update(targets[key])});
 +
 +
            // .mw-collapsible togglers
 +
 +
            $(".mw-collapsible-expand-all").each(function() {
 +
                var toggle_element = $(this);
 +
                toggle_element.off("click");
 +
                toggle_element.click(function() {
 +
                    $(".mw-collapsible-toggle.mw-collapsible-toggle-collapsed").click();
 +
                });
 +
            });
 +
 +
            $(".mw-collapsible-collapse-all").each(function() {
 +
                var toggle_element = $(this);
 +
                toggle_element.off("click");
 +
                toggle_element.click(function() {
 +
                    $(".mw-collapsible-toggle:not(.mw-collapsible-toggle-collapsed)").click();
 +
                });
 +
            });
 +
 +
            $(".mw-collapsible-toggle-all").each(function() {
 +
                var toggle_element = $(this);
 +
                toggle_element.off("click");
 +
                toggle_element.click(function() {
 +
                    $(".mw-collapsible-toggle").click();
 +
                });
 +
            });
 +
 +
        }
 +
 +
        updateContent();
 +
        mw.hook("wikipage.content").add(updateContent);
 +
 +
function showPageSizeWarning() {
 +
var newpp = $(".mw-parser-output").contents().filter(function () { return this.nodeType === 8 && this.data.match(/Post‐expand include size: (\d+)\/(\d+) bytes/); });
 +
if (!newpp.length) return;
 +
var sizes = newpp[0].data.match(/Post‐expand include size: (\d+)\/(\d+) bytes/);
 +
var usage = +sizes[1] / +sizes[2];
 +
if (usage >= 0.95) {
 +
$('#content').prepend('<pre style="color: red; text-align: center;">Warning: post‐expand include size is over 95%</pre>');
 +
}
 +
}
 +
 +
showPageSizeWarning();
 +
 +
    });
 +
 +
}(mediaWiki, jQuery));
がか
cssedit, gkautomate
7,064

edits

Retrieved from "https://en.kancollewiki.net/Special:MobileDiff/70732...179937"

Navigation menu