// ==UserScript==
// @name         吉林大学学生VPN助手
// @namespace    http://kaaass.net/
// @version      0.1
// @description  允许访问其他校内地址
// @author       KAAAsS
// @match        https://vpns.jlu.edu.cn/*
// @grant        none
// @downloadURL none
// ==/UserScript==

(function($) {
    'use strict';

    let content = `
<div class="portal-container" style="font-size:14">
    <div class="content-title">
        <span>直接连接</span>
    </div>
    <div class="content-cards">
        <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">协议</label>
            <div class="layui-input-block">
            <select id="protocolType" name="protocol" lay-filter="selectProtocol">
                <option value="http">HTTP</option>
                <option value="ssh">SSH</option>
                <option value="telnet">TELNET</option>
                <option value="rdp">RDP</option>
                <option value="vnc">VNC</option>
            </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-block">
            <input type="text" id="go_url" placeholder="输入域名或链接直接访问校内资源或图书馆资源" name="url" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
            <button class="layui-btn" id="go">前往</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
        </form>
    </div>
</div>`;

    $(content).insertBefore('.portal-container');
    $("#go").click(function(){
      go();
    });
    $('#go_url').keydown(function(e){
      if(e.keyCode == 13){
        go();
      }
    });
})(jQuery);