Difference between revisions of "User:茵陈/vector.js"

Latest revision as of 03:13, 24 August 2017

$('head').append('<style>.emos{width: 1.5em; pointer-events: none;}</style>');
$('head').append('<style>.emolist{overflow-x: auto; position: absolute; left: 20px; bottom: 20px; width: 180px; max-height: 75px; background: #fff; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); border-radius: 3px; transition: all 0.3s ease-out;}</style>');
$('head').append('<style>.flowthread-btn.plus{display: inline-block; width: auto; padding: 2px; font-family: inherit;}</style>');
$('head').append('<style>.flowthread-btn-emoticon{font-family: inherit;}</style>');
function addToTextArea(n) {
    var text= $(".comment-body textarea").val();
    text+='<img clss="emos" style="width: 1.5em; pointer-events: none;" src="https://gsp0.baidu.com/5aAHeD3nKhI2p27j8IqW0jdnxx1xbK/tb/editor/images/client/image_emoticon' + n + '.png" />';
    $(".comment-body textarea").val(text);
}
function emoticons() {
    for (i=1; i<50; ++i) {
        $(".emolist").prepend('<button class="flowthread-btn plus" id="25" onclick="addToTextArea(' + i + ')"><img class="emos" src="https://gsp0.baidu.com/5aAHeD3nKhI2p27j8IqW0jdnxx1xbK/tb/editor/images/client/image_emoticon' + i + '.png" /></button>');
    }
}
$(".comment-toolbar").append('<button class="flowthread-btn flowthread-btn-emoticon" title="Emoticon">E</button>');
$(".flowthread-btn-emoticon").click(function(){
    $(this).toggleClass("on");
    if ($(this).hasClass("on")) {
        $(this).after('<div class="emolist"></div>');
        emoticons();
    } else {
        $(".emolist").hide(300);
    }
});

(function($, mw) { 
    var str = window.location.href;
    if (str.indexOf("Mainpage") < 0)
        $("body").prepend('<a href="https://en.moegirl.org"><img class="topButton1" src="https://i.loli.net/2017/08/07/59886347bd66f.png"></a>');
    $("body").prepend('<a href="/Special:MyPage"><img class="topButton2" src="https://i.loli.net/2017/08/07/598863f4c1bf8.png"></a>');

    $("#p-personal ul").append('<li><a href="/Talk:Discussion board">T</a></li>');
    $("#p-personal ul").append('<li><a href="/Special:RecentChanges">R</a></li>');
    $("#p-personal ul").append('<li><a href="/Special:SpecialPages">S</a></li>');

    if (str.indexOf("?title=") > -1) 
        str = str.substring(str.indexOf("?title=") + 7);
    else
        str = str.substring(str.indexOf(".org/") + 5);
    $("#footer-info-lastmod").wrap('<a href="/index.php?title='+str+'&action=history"></a>');
    $("#firstHeading").append('<span class="mw-editsection" style="display: none;">[<a href="/index.php?title='+str+'&action=edit">edit</a>]</span>');

    var topTitle = document.getElementById("firstHeading");
    topTitle = topTitle.innerText;
    $("div#p-personal").prepend('<span class="topTitle" title="' + topTitle + '">' + topTitle + '</span>');
    $(".topTitle").before('<a href="https://en.moegirl.org" style="position: absolute; left: 15%;"><img width="30px" src="https://img.moegirl.org/enmoegirl/6/6f/Logo.svg" alt=""/></a>');

    function showHide() {
    	$("#mw-content-text div").each(function() {
            if ($(this).css("display") == "none") {
                $(this).css({"display": "inline-block", "background": "rgba(255, 255, 0, .3)"});
            } else if ($(this).css("visibility") == "hidden") {
                $(this).css({"visibility": "visible", "background": "rgba(255, 255, 0, .3)"});
            }
        });
    }

    if ($("#editform").length === 0) showHide();

    $("#mw-content-text img").each(function() {
        if (this.src == "https://img.moegirl.org/enmoegirl/d/d1/%E5%A4%A7%E8%90%8C%E5%AD%97.png") {
            this.src = "https://i.loli.net/2017/08/02/5981bf14372d1.png";
        }
    });

    if (document.body.scrollHeight >= $(window).height() + 300) {
        $("#p-personal").hide();
        window.onscroll = function() { 
        var len = window.scrollY; 
        if (len < 300)
            $("#p-personal").slideUp(300);
        else
            $("#p-personal").slideDown(300);
        }; 
    } else {
        $("#p-personal").show();
    }
})(jQuery, mediaWiki);