◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科
◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科
◆To foreigners,You can use twitter to contact us.
Icon Nyto Silver.png

“MediaWiki:Common.js”的版本间的差异

来自少前百科GFwiki
跳转至: 导航搜索
第45行: 第45行:
 
       }  
 
       }  
 
   })});
 
   })});
/* experimental filterable table function */
 
(function(mw, $) {
 
    'use strict';
 
    var filterIdCounter = 0;
 
    var filterButtons = [];
 
    var filterInputs = [];
 
    var fb = new AttrData('filterable');
 
    var fbh = new AttrData('filterable-head');
 
    var fbb = new AttrData('filterable-button');
 
    var fbi = new AttrData('filterable-input');
 
    var fbig = new AttrData('filterable-input-group');
 
    function AttrData(name) {
 
        this.name = name;
 
        this.classSelector = '.' + name;
 
        this.activeClass = name + '-active';
 
        this.idPrefix = name + '-';
 
        this.idSelectorPrefix = '#' + name + '-';
 
    }
 
    function FilterButton($filterHead, filterid) {
 
        this.id = filterid;
 
        var $filterbutton = $('<span title="筛选" id="' + fbb.idPrefix + this.id + '" class="' + fbb.name + '"><i class="fa fa-filter" aria-hidden="true"></i></span>');
 
        $filterHead.append($filterbutton);
 
        $filterbutton.click(this.id, function(event) {
 
            event.stopPropagation();
 
            var filterinputid = $(this).attr('id').replace(fbb.idPrefix, fbi.idPrefix);
 
            for (var i = 0; i <= filterIdCounter; i++) {
 
                if (fbi.idPrefix + i === filterinputid) {
 
                    continue;
 
                }
 
                if ($(fbi.idSelectorPrefix + i).css('display') !== 'none') {
 
                    $(fbi.idSelectorPrefix + i).fadeToggle();
 
                }
 
            }
 
            $('#' + filterinputid).fadeToggle(200);
 
            updateFilterableInputPosition(event.data);
 
        });
 
    }
 
    function FilterInput(filterid) {
 
        this.id = filterid;
 
        var index = $(fbb.idSelectorPrefix + filterid).parent('th,td').index();
 
        var filterItems = new Set();
 
        var filterInputItemsPart = '';
 
        $(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector).children('tbody').children('tr').each(function() {
 
            if ($(this).children('td,th').eq(index).text() && !$(this).children('td,th').eq(index).hasClass(fbh.name)) {
 
                filterItems.add($(this).children('td,th').eq(index).text());
 
            }
 
        });
 
        if (filterItems.size > 0) {
 
            filterInputItemsPart += '<li role="separator"class="divider"></li><li class="dropdown-header">项目筛选:</li><li class="dropdown-content"><div class="btn-group btn-group-justified"role="group"><div class="btn-group btn-group-sm"role="group"><button type="button"class="btn btn-success checkbox-select-all">全选</button></div><div class="btn-group btn-group-sm"role="group"><button type="button"class="btn btn-warning checkbox-clear-all">全清</button></div></div></li><li class="dropdown-content"><div class="checkbox-group list-group">';
 
            filterItems.forEach(function(value) {
 
                filterInputItemsPart += '<div class="list-group-item"><input type="checkbox" checked="true" value="' + value + '" /><span title="' + value + '">' + value + '</span></div>';
 
            });
 
            filterInputItemsPart += '</div></li>'
 
        }
 
        var $filterinput = $('<ul id="' + fbi.idPrefix + filterid + '"class="' + fbig.name + ' dropdown-menu"><li class="dropdown-header">字段筛选:</li><li class="dropdown-content"><div class="input-group input-group-sm"><input type="text"class="' + fbi.name + ' form-control"placeholder="输入筛选字段"/><span class="input-group-btn"><button class="btn btn-warning btn-sm"type="button">清除</button></span></div></li>' + filterInputItemsPart + '</ul>');
 
        $(document.body).append($filterinput);
 
        $filterinput.find('.input-group input').keyup(function(event) {
 
            var filterid = $(this).parent('.input-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
 
            updateFilterButtonState(filterid);
 
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
 
        });
 
        $filterinput.click(function(event) {
 
            event.stopPropagation();
 
        });
 
        $filterinput.find('.input-group-btn').click(function(event) {
 
            var filterid = $(this).parent('.input-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
 
            $(this).prev().val('');
 
            updateFilterButtonState(filterid);
 
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
 
        });
 
        $filterinput.find('.checkbox-group input').click(function(event) {
 
            var filterid = $(this).parent('.list-group-item').parent('.checkbox-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
 
            updateFilterButtonState(filterid);
 
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
 
        });
 
        $filterinput.find('.checkbox-select-all').click(function(event) {
 
            var filterid = $(this).parent('.btn-group').parent('.btn-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
 
            $(fbi.idSelectorPrefix + filterid + ' .checkbox-group input').prop('checked', true);
 
            updateFilterButtonState(filterid);
 
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
 
        });
 
        $filterinput.find('.checkbox-clear-all').click(function(event) {
 
            var filterid = $(this).parent('.btn-group').parent('.btn-group').parent('.dropdown-content').parent(fbig.classSelector).attr('id').match(/[0-9]+/);
 
            $(fbi.idSelectorPrefix + filterid + ' .checkbox-group input').prop('checked', false);
 
            updateFilterButtonState(filterid);
 
            filterTable($(fbb.idSelectorPrefix + filterid).parent('td,th').parent('tr').parent('thead,tbody,tfoot').parent(fb.classSelector));
 
        });
 
    }
 
    function updateFilterButtonState(id) {
 
        var keyword = $(fbi.idSelectorPrefix + id + ' .input-group input').val();
 
        var items = $(fbi.idSelectorPrefix + id + ' .checkbox-group input:not(:checked)');
 
        if (keyword || items.length) {
 
            $(fbb.idSelectorPrefix + id).addClass(fbb.activeClass);
 
        } else {
 
            $(fbb.idSelectorPrefix + id).removeClass(fbb.activeClass);
 
        }
 
    }
 
    function setupFilterable($filterable) {
 
        $filterable.children('thead,tbody,tfoot').children('tr').children(fbh.classSelector).each(function() {
 
            filterButtons.push(new FilterButton($(this),filterIdCounter));
 
            filterInputs.push(new FilterInput(filterIdCounter));
 
            filterIdCounter++;
 
        });
 
    }
 
    function updateFilterableInputPosition(id) {
 
        var $filterinput = $(fbi.idSelectorPrefix + id);
 
        var $filtericon = $(fbb.idSelectorPrefix + id);
 
        var offset = $filtericon.offset();
 
        var top = offset.top + $filtericon.height();
 
        var left = offset.left - ($filterinput.width() / 2);
 
        var right = left + $filterinput.width();
 
        var bottom = top + $filterinput.height();
 
        if (left < 0) {
 
            left = 0;
 
        } else if (right > $(document).width()) {
 
            left = $(document).width() - $filterinput.width();
 
        }
 
        if (bottom > $(document).height()) {
 
            top = $(document).height() - $filterinput.height();
 
        }
 
        $filterinput.offset({
 
            top: top,
 
            left: left,
 
        });
 
    }
 
    function filterTable($filterabletable) {
 
        if (window.filterTimeoutId) {
 
            window.clearTimeout(window.filterTimeoutId);
 
            window.filterTimeoutId = null ;
 
        }
 
        window.filterTimeoutId = window.setTimeout(function() {
 
            var filters = {};
 
            $filterabletable.children('thead,tbody,tfoot').children('tr').children('th,td').children(fbb.classSelector).each(function() {
 
                var index = $(this).parent('th,td').index();
 
                filters[index] = {};
 
                var $filterInput = $('#' + $(this).attr('id').replace(fbb.idPrefix, fbi.idPrefix));
 
                filters[index].items = [];
 
                $filterInput.find('.checkbox-group input:not(:checked)').each(function() {
 
                    filters[index].items.push($(this).val());
 
                });
 
                filters[index].keyword = $filterInput.find('.input-group input').val().replace(/[.?*+^$[\]\\(){}|-]/g, "\\$&");
 
            });
 
            $filterabletable.children('tbody').children('tr').each(function() {
 
                for (var col in filters) {
 
                    if (filters.hasOwnProperty(col)) {
 
                        var $cell = $(this).children('td,th').eq(col);
 
                        if ($cell.length === 0) {
 
                        console.log('Filterable: Cannot find target cell(colspan?), skipping...')
 
                        return;
 
                        }
 
                        if ($cell.hasClass(fbh.name)) {
 
                            return;
 
                        }
 
                        var keywordRegex = new RegExp(filters[col].keyword,'i');
 
                        if (!keywordRegex.test($cell.text())) {
 
                            $(this).hide();
 
                            return;
 
                        }
 
                        for (var item in filters[col].items) {
 
                            if (filters[col].items[item] == $cell.text()) {
 
                                $(this).hide();
 
                                return;
 
                            }
 
                        }
 
                    }
 
                }
 
                $(this).show();
 
            });
 
        }, 500);
 
    }
 
    $(document).ready(function() {
 
        if ($(fb.classSelector).length === 0) {
 
            return;
 
        }
 
        console.log('Filterable: Loading module...');
 
        $(fb.classSelector).each(function() {
 
        if ($(this).prop('tagName') !== 'TABLE') {
 
        console.log('Filterable: Invalid tag found, skipping...');
 
        return;
 
        }
 
            setupFilterable($(this));
 
        });
 
       
 
        $(window).resize(function(event) {
 
            for (var i = 0; i <= filterIdCounter; i++) {
 
                updateFilterableInputPosition(i);
 
            }
 
        });
 
        $(window).click(function() {
 
            for (var i = 0; i <= filterIdCounter; i++) {
 
                if ($(fbi.idSelectorPrefix + i).css('display') !== 'none') {
 
                    $(fbi.idSelectorPrefix + i).fadeToggle();
 
                }
 
            }
 
        });
 
    });
 
}(mediaWiki, jQuery));
 
 
/* 黑幕 */
 
/* 黑幕 */
 
var heimu = document.getElementsByClassName("black-black");
 
var heimu = document.getElementsByClassName("black-black");

2019年1月11日 (五) 13:51的版本

/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
/* 功能hack */
RLQ.push(function(){ //template:Purge 无确认清除缓存 (仅注册用户)
	var purge = document.querySelector("li#ca-purge > a")
	var purge_link = document.getElementsByClassName("purgelink")
	if (!purge){return}
	for (var i = 0; i < purge_link.length; i++) {
		purge_link[i].firstElementChild.onclick=function(){purge.click()};
		purge_link[i].firstElementChild.href="javascript:void(0)";
	}
})
/* Spine Loader */
mw.loader.load("/index.php?title=MediaWiki:Gadget-chibiAnimation.js&action=raw&ctype=text/javascript");
/* 标签式图标图鉴首列元素侦测 */
RLQ.push(function(){$(function () {
    var iconbox = document.querySelectorAll('table.iconbox tr > td:last-child');var iconcontainer = document.querySelectorAll('table.iconbox tr');
    if (iconbox.length == 0) {return;}
    for (var i = 0; i < iconbox.length; i++) 
      {
        var len = iconbox[i].offsetWidth;var test= iconbox[i].getElementsByTagName("div").length;if(test==0){console.log(iconbox[i],test);iconcontainer[i].remove();continue}
        var num = Math.floor( len / 80);if(num==0){continue}
        for (var j = 0; j < iconbox[i].getElementsByClassName("TDnavbox").length;j += num) {;
          iconbox[i].getElementsByClassName("TDnavbox")[j].classList.add("lead");
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+1]){iconbox[i].getElementsByClassName("TDnavbox")[j+1].classList.add("lead");}
        }
      } 
  })
$(window).resize(function () {
    var iconbox = document.querySelectorAll('table.iconbox tr > td:last-child');
    var iconcontainer = document.querySelectorAll('table.iconbox tr');
    var leadicon = document.querySelectorAll('table.iconbox tr > td:last-child div.lead');
    for (var i = 0; i < leadicon.length; i++) {
      leadicon[i].classList.remove("lead")
    }
    if (iconbox.length == 0) {return;}
    for (var i = 0; i < iconbox.length; i++) 
      {
        var len = iconbox[i].offsetWidth;
        var num = Math.floor( len / 80);if(num==0){continue}
        for (var j = 0; j < iconbox[i].getElementsByClassName("TDnavbox").length;j += num) {;
          iconbox[i].getElementsByClassName("TDnavbox")[j].classList.add("lead");
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+1]){iconbox[i].getElementsByClassName("TDnavbox")[j+1].classList.add("lead");}
          if(!!iconbox[i].getElementsByClassName("TDnavbox")[j+2]){iconbox[i].getElementsByClassName("TDnavbox")[j+2].classList.add("lead");}
        }
      } 
  })});
/* 黑幕 */
var heimu = document.getElementsByClassName("black-black");
function overMouse(){this.style.color="white"}
function leftMouse(){this.style.color="black"}
for(var i=0;i<heimu.length;i++){
heimu[i].addEventListener("mouseover", overMouse);
heimu[i].addEventListener("mouseleave", leftMouse);}

/* 返回顶部按钮 */
$(function() {
    var txt = " ",
        btn = $('<div/>', {
            'text': txt,
            'attr': {
                'title': txt,
                'class': 'backToTop'
            },
            'css': {
                'user-select': 'none'
            },
            'on': {
                'click': function() {
                    $("html, body").animate({
                        scrollTop: 0
                    }, 120);
                }
            }
        }).appendTo(document.body);
    $(window).on('scroll', function() {
        $(document).scrollTop() > 0 ? btn.fadeIn() : btn.fadeOut();
    }).scroll();
});
/* goTop END */

/**
 * Dynamic Navigation Bars (experimental)
 *
 * Description: See [[Wikipedia:NavFrame]].
 * Maintainers: UNMAINTAINED
 */

/* set up the words in your language */
var collapseCaption = '隐藏';
var expandCaption = '显示';

var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';
var indexNavigationBar = 0;

/**
 * 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;
    }

    event.preventDefault();
};

	    //collapse  折叠和图标折叠
	$(function(){
	   $(".simpleCollapse").click(function(e){
	      var dest=$(this).next(),
	          spen=$(this).children('span'),
	          i=$(this).children("i");
	      if(dest.is(":visible")){         
	         dest.slideUp('fast',function(){
	            spen.html(spen.attr('data-ht'));
	            i.removeClass("fa-minus-square").addClass("fa-plus-square").html(" 详细");
	         });
	      }else {
	         dest.slideDown('fast',function(){
	            spen.html(spen.attr('data-st'));
	             i.removeClass("fa-plus-square").addClass("fa-minus-square").html("");
	         });
	      }
	    });
	});

/* 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++;
            var NavToggle = document.createElement( 'a' );
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
            NavToggle.setAttribute( 'href', '#' );
            $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );

            var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
            /**
             * 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 );

            /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
            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 );

//Hide End

//隐藏内容,该部分代码复制自萌娘百科
//阅读更多:https://zh.moegirl.org/MediaWiki:Common.js
//文字内容遵守【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。
//由于mw的锅导致部分文字可能超出#mw-content-text的范围,为这些文字的{{hide}}补上隐藏效果
function missedHideFun(obj) {
	$('<span class="mw-collapsible-toggle"><span class="mw-collapsible-bracket">[</span><a href="javascript:void(0);"/><span class="mw-collapsible-bracket">]</span></span>').appendTo(obj.find('tr:first > :last'));
	obj.find('.mw-collapsible-toggle a').text('隐藏').bind('click', function() {
		var a = $(this).closest('table.mw-collapsible').find('tr').not(':first');
		"none" == a.css("display") ? a.show() && $(this).text("显示") : a.hide() && $(this).text("隐藏");
	});
	obj.filter('.mw-collapsed').find('.mw-collapsible-toggle a').click();
}