☰

Greasy Fork 支持简体中文。

10.0.0.55 enhance

make 10.0.0.55 clearer and better

// ==UserScript==
// @name         10.0.0.55 enhance
// @namespace    http://tampermonkey.net/
// @version      1.2.0
// @description  make 10.0.0.55 clearer and better
// @author       FKYnJYQ
// @match        http://10.0.0.55/srun_portal_pc.php?ac_id=*
// @grant        GM_addStyle
// @grant        GM_setValue
// @grant        GM_getValue
// ==/UserScript==


(function () {
    'use strict';

    $("style").remove(); {
        GM_addStyle(`
.hbtn,#button {
position: relative;
box-sizing: border-box;
display: inline-block;
overflow: hidden;
padding: 8px 20px;
margin: 0px 3px 6px;
text-align: center;
border: 2px solid rgb(255, 255, 255);
text-decoration: none;
color: rgb(255, 255, 255);
white-space: nowrap;
z-index: 0;

}


.hbtn i,#button {
padding-right: 8px;
}


.hb-border-bottom-br4 ,#button {
position: relative;
transition-duration: 0.3s;
overflow: visible;
box-sizing: border-box;
border: none;
padding: 10px 22px;

transition: box-shadow 0.3s ease-in-out;
}


.hb-border-bottom-br4::after ,#button::after{
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
content: "";
border: 2px solid rgb(255, 255, 255);
z-index: 2;
margin: 0px;
left: 0px;
bottom: 0px;
border-top-width: 2px;
transition: border-top-width 0.1s 0.2s, height 0.2s 0.1s, width 0.2s 0s, margin 0.2s 0s, border-bottom-width 0.2s 0s;
box-shadow: 3px 4px 6px rgba(27,31,35,0.35);
}


.hb-border-bottom-br4:hover::after ,#button:hover::after{
width: 60%;
height: 0px;
border-width: 0px 2px 4px;
margin: 0px 20%;
transition: border-top-width 0.1s 0s, height 0.2s 0.1s, width 0.2s 0.2s, margin 0.2s 0.2s, border-bottom-width 0.2s 0.2s;

opacity: 1;
}

*{
font-family: monospace, Courier, 'Courier New';
box-sizing:border-box;
text-decoration: none;
color: rgb(255, 255, 255);
white-space: nowrap;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 0;
-webkit-text-fill-color: white;
background: transparent !important;
transition: background-color 5000s ease-in-out 0s;
}

@-webkit-keyframes autofill {
to {
color: #FFFFFF;
background: transparent;
}
}

input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}

#menu>div:hover{
    box-shadow:3px 4px 6px rgba(27,31,35,0.35);
    transition: box-shadow 0.3s ease-in-out ;
}

`);

    }

    // 2018-08-24 经测试， 在图书馆必须ac_id = 1， 故取消该功能
    // 如果ac_id=1,则重定向至8
    // function getQueryStringArgs(){
    //     var qs = (location.search.length>0?location.search.substring(1):""),
    //     args = {},
    //     items = qs.length?qs.split("&"):[],
    //     item = null,
    //     name = null,
    //     value = null,
    //     i = 0,
    //     len = items.length;

    //     for(i = 0;i<len;i++){
    //         item = items[i].split("=");
    //         name = decodeURIComponent(item[0]);
    //         value = decodeURIComponent(item[1]);
    //         if(name.length){
    //             args[name] = value;
    //         }

    //     }
    //     return args;
    // }

    // var args  = getQueryStringArgs();
    // if(args["ac_id"] == 1){
    //     location.assign('http://10.0.0.55/srun_portal_pc.php?ac_id=8&');
    // }

    function getRandomInt(max) {
        return Math.floor(Math.random() * Math.floor(max));
    }

    function padNumber(num, fill) {
        //改自：http://blog.csdn.net/aimingoo/article/details/4492592
        var len = ('' + num).length;
        return (Array(
            fill > len ? fill - len + 1 || 0 : 0
        ).join(0) + num);
    }

    function reduce(s, portion) {
        // 将rgb各减小‘portion/100’比例输出
        return '#' + padNumber(parseInt(parseInt(s.slice(1, 3), 16) * portion / 100).toString(16), 2) +
            padNumber(parseInt(parseInt(s.slice(3, 5), 16) * portion / 100).toString(16), 2) +
            padNumber(parseInt(parseInt(s.slice(5, 7), 16) * portion / 100).toString(16), 2)
    }

    function pick_color() {
        return bg_colors[getRandomInt(bg_colors.length)];
    }

    function htmlEncode(value) {
        return $('<div/>').text(value).html();
    }

    function sayHello(){
        var a = new Date().getHours();
        if (a>6 && a<12){
            return '早安'
        }
        else if(a>=12 && a< 15){
            return '午安'
        }
        else if(a>=15 && a<20){
            return '你好'
        }
        else if(a>=20 && a<24){
            return '晚安'
        }
        else{
            return '早点睡'
        }
    }

    var Local = {}
    Local.leftMouse = 0
    Local.username = GM_getValue("username") || "";
    Local.password = GM_getValue("password") || "";
    Local.input_text = GM_getValue("input_text") || "For Freedom";

    var bg_colors = [
        "#777FAD", "#880E4F", "#3F5195",
        "#2196A3", "#5281EA", "#0097A7", "#009688", "#71897E",
        "#C8967B", "#616161", "#607D8B", "#516B85",
        "#688D68", "#874F59", "#86CC73", "#FF8E88", "#CCBDB6", "#5F8597", "#674172", "#313953",
        "#22313F", "#336E7B", "#1E824C", "#541e24", "#4f4859","#BBBB8A",
        "#8ABBBB", "#A38ABB" , "#739A9A"
    ];
    var bg_color = pick_color();
    var bg_color_dark = reduce(bg_color,90)


    $("body").css("background-color", bg_color);
    // $(".logo").remove();
    // $(" ul.login>li:nth-child(3)>label:nth-child(2)").remove();
    // $("label.margbt").remove();
    // $("p.margbt").remove();
    // $(".float_l").remove();
    $(".footer").remove();
    // $(".navbar").remove();
    $(".a.a_demo_one, #pc_logout, #goto_services").addClass("hbtn").addClass("hb-border-bottom-br4").removeClass("a_demo_one");
    $("body").css("margin", "0");
    $("body").append($(`<div id="menu" >
<div><div><div class="hbtn hb-border-bottom-br4">
<a href="http://10.0.0.54:8800" target="_blank" >自服务</a>
</div></div></div>
<div><div><div class="hbtn hb-border-bottom-br4">
<a href="http://nsc-mis.info.bit.edu.cn/selfServicePaid" target="_blank" >在线充值</a>
</div></div></div>
<div><div><div class ="hbtn hb-border-bottom-br4">
<a > <input type="text" id="input_text"> </a>
</div></div></div>
<div><div><div class="hbtn hb-border-bottom-br4">
<a>someColor</a>
</div></div></div>
</div>`));
    $("body").append($('<div id="yingying" ><a id="ying" class="hbtn hb-border-bottom-br4" style="font-size:40px">Welcome To BIT</a></div>'));
    $("body").append($(`<div id="form" >
<form autocomplete="nope">
<div><div><div class="hbtn hb-border-bottom-br4" ><input type="edmail" name="edmail" id="GM_username" autocomplete="nope" disableautocomplete></div></div></div>
<div><div><div class="hbtn hb-border-bottom-br4" ><input type="password" name="firstname" id="GM_password" autocomplete="nope" disableautocomplete></div></div></div>
</form>
</div>`));


    // set value in GM_*

    $("#GM_username")[0].value = Local.username;
    $("#GM_password")[0].value = Local.password;
    $("#input_text")[0].value = Local.input_text;

    $("#ying").text(Local.input_text); {
        function store_value(id_name) {
            return function () {
                var strings = $("#GM_" + id_name)[0].value;
                Local[id_name] = strings;
                console.log(strings)
                GM_setValue(id_name, strings);
            }
        }
        $("#GM_username")[0].oninput = store_value('username');
        $("#GM_password")[0].oninput = store_value('password');
        $("#input_text")[0].oninput = function () {
            var strings = $("#input_text")[0].value;
            Local["input_text"] = strings;
            console.log(strings)
            GM_setValue("input_text", strings);
            console.log(2342344);
            $("#ying").text(Local.input_text);
        };

    }

    var yingying = $("#yingying");
    var login_button = document.getElementById('button');
    var logout_button = document.getElementById('pc_logout');
    document.getElementById("GM_username").onchange = function () {
        console.log('123');
        yingying.show("fast");
    };
    $("#ying").mousedown((event) => {
        // left with out ctrl
        if (event.which == 1 && !event.ctrlKey) {
            console.log(Local.username)
            $("#username")[0].value = Local.username || $("#username")[0].value;
            $("#password")[0].value = Local.password || $("#password")[0].value;
            console.log(typeof Local.username)
            login_button.click();
        }
        // left with ctrl
        else if (event.which == 1 && event.ctrlKey) {
            var menu = $("#menu>div")
            if (menu.is(":hidden")) {
                $("#menu>div").first().slideToggle("fast", function showNext() {
                    $(this).next("div").slideToggle("fast", showNext);
                });
            } else {
                $("#menu>div").last().slideToggle("fast", function showNext() {
                    $(this).prev("div").slideToggle("fast", showNext);
                });
            }

        }
        // middle
        else if (event.which == 2 || (event.which == 3 && event.ctrlKey)) {
            $("#form").toggle("slow");
        }
        // right
        else if (event.which == 3 && !event.ctrlKey) {
            $("#username")[0].value = Local.username || $("#username")[0].value;
            $("#password")[0].value = Local.password || $("#password")[0].value;
            logout_button.click();
            return false;
        }
    });
    document.getElementById("ying").oncontextmenu = ()=>{return false;};
    $("#menu>div:nth-child(4)>div").mousedown((event)=>{

        console.log(Local.leftMouse)
        if(Local.leftMouse == 10){
            $("#ying").text("上网不涉密，涉密不上网。")
        }
        else{
            Local.leftMouse++;
        }
        $("#menu>div:nth-child(4)>div a").text(sayHello());
    });
    // 注释掉此行得到完整表单
    $(".container").css("width", "auto").css("height", "auto").hide();

    $("html,body").css("height", "100%");
    $("#yingying").css({
        "height": "70px",
        "width": "100%",
        "margin": "auto",
        "line-height": "70px",
        "position": "relative",
        "top": "30%"
    });

    $("#ying,#form input").css({
        "text-shadow": "2px 4px 6px rgba(27,31,35,0.35)"
    });
    $("#menu>div:hover").css({
        "box-shadow": "0"
    });
    // $("#menu>div:hover").css({
    //     "box-shadow": "2px 2px 4px rgba(27,31,35,0.25)"
    // });
    $("#GM_username,#GM_password").css({
        "background": "transparent",
        "border": "0",
        "color": "white",
        "font-size": "20px",
        "text-align": "center"
    });
    $("#input_text").css({
        "background": "transparent",
        "border": "0",
        "font-size": "20px",
        "color": "white",
        "width": "100%",
        "height": "100%",
        "text-align": "center"
    });
    $("#form >form>div").css({
        "margin": "0",
        "width": "50%",
        "float": "left"
    });
    $("#form >form>div>div").css({
        "width": "290px",
        "margin": "auto",
        "left": "auto",
        "right": "auto"
    });

    console.log(bg_color)
    $("#menu>div").css({
        "float": "left",
        "width": "25%",
        "height": "70px",
        "background": bg_color
    }).hide();
    $("#menu>div>div").css({
        "width": "50%",
        "height": "40px",
        "margin": "auto",
        "margin-top": "15px"
    });
    $("#menu>div>div>div").css({
        "width": "100%",
        "height": "40px",
        "margin": "auto"
        // ,"overflow":"hidden" // 若使用则无阴影
    });
    $("#menu a").css({
        "height": "40px",
        "line-height": "20px",
        "width": "100%",
        "font-size": "20px",
        "overflow": "hidden"
    });
    $("#menu>div:nth-child(4) a").text(bg_color);
    $("#yingying").css("text-align", "center").hide();
    $("#menu").css({
        "height": "70px"
    });
    $("#form").toggle().css({
        "position": "relative",
        "top": "60%"
    });
    if (Local.username && Local.password) {
        $("#yingying").show("fast");
    } else {
        $("#form").toggle("slow");
    }
})();