查看“Widget:角色分配”的源代码

<includeonly><script>
var bilibiliUID =(document.cookie.match(/DedeUserID=([^;]+)/) || [])[1] || "";
$(function(){
    function show_CharAllot() {
        $('.bwiki-collection').each(function() {
            var CharName = $(this).data('collection');
            var inputHtml = '<div class="text-center char-allot-box"><input type="text" class="form-control" id="' + CharName + '"></div>';
            $(this).append(inputHtml);
        });        
    };
    function load_CharAllot() {
        var url="https://wiki.biligame.com/jiangnan/index.php?title=用户\:"+bilibiliUID+"\/角色分配\.json&action=raw";
			$.getJSON(url, function (load_CharAllot_json) {
                $.each(load_CharAllot_json, function(key, value) {
                    $('#' + key).val(value);
                });
            });
        }
    function save_CharAllot() {
        var CharAllot_Data = {};
        $('.bwiki-collection input').each(function() {
            CharAllot_Data[$(this).attr('id')] = $(this).val();
        });
        console.log(CharAllot_Data);
        var params  = {
            action: 'edit',
            title: "用户\:"+bilibiliUID+"\/角色分配\.json",
            text: JSON.stringify(CharAllot_Data),
            summary: '编辑个人角色分配数据',
            format: 'json'
        },
        api = new mw.Api();
        api.postWithToken('', params).done(function(data) {
            console.log(data);
            });
        }
    $('#click-panel-info').hide();
    $('#click-panel-btn').show();
    $("#show").hide();
    $("#sort").hide();
    $("#hide").hide();
    $("#save").hide();
    $('#load').on("click",function () {
        show_CharAllot();
        load_CharAllot();
        $("#hide").show();
        $("#save").show();
        $("#sort").show();
        $("#load").hide();
        $("#show").hide();
        $("#Alert_load").show().delay(2000).fadeOut();
    })
    $('#save').on("click",function () {
        save_CharAllot();
        if (bilibiliUID==null) {
            $("#Alert_null").show().delay(5000).fadeOut();
        } else {
            $("#Alert_save").show().delay(2000).fadeOut();
            console.log("保存个人角色分配数据完成!");
        }
    })
    $('#hide').on("click",function () {
        $('.char-allot-box').hide();
        $("#show").show();
        $("#sort").hide();
        $("#hide").hide();
        $("#save").hide();
    })
    $('#show').on("click",function () {
        $('.char-allot-box').show();
        $("#hide").show();
        $("#save").show();
        $("#sort").show();
        $("#show").hide();
    })
    $('#sort').on("click",function () {
        var asc = function(a, b) {
            return $(a).find('input').val() > $(b).find('input').val() ? 1 : -1;
        }     
        var desc = function(a, b) {
            return $(a).find('input').val() > $(b).find('input').val() ? -1 : 1;
        }     
        var sortByInput = function(level,sortBy) {
            var sortEle = $('.'+level+'>div').sort(sortBy);
            $('.'+level+'').empty().append(sortEle);
        }
        sortByInput('SSR',desc);
        sortByInput('SR',desc);
        sortByInput('R',desc);
        sortByInput('N',desc);
    })
});
</script>
</includeonly>