<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
    <title>{{g.title}}</title>
    <link rel="stylesheet" type="text/css" href="/static/css/login.css?date={{g.version}}">
        <script type="text/javascript">
        function IEVersion() {
            // 取得浏览器的userAgent字符串
            var userAgent = navigator.userAgent;
            // 判断是否为小于IE11的浏览器
            var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
            // 判断是否为IE的Edge浏览器
            var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
            // 判断是否为IE11浏览器
            var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
            if (isLessIE11) {
                var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
                // 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！
                IEReg.test(userAgent);
                // 取正则表达式中第一个小括号里匹配到的值
                var IEVersionNum = parseFloat(RegExp['$1']);
                if (IEVersionNum === 7) {// IE7
                    return 7
                } else if (IEVersionNum === 8) {// IE8
                    return 8
                } else if (IEVersionNum === 9) {// IE9
                    return 9
                } else if (IEVersionNum === 10) { // IE10
                    return 10
                } else {// IE版本<7
                    return 6
                }
            } else if (isEdge) { // edge
               
                return 'edge'
            } else if (isIE11) {// IE11
                return 11
            } else {// 不是ie浏览器
                return -1
            }
        }
        if(IEVersion() > -1 && IEVersion() < 9){
            window.location.href = '/tips';
        }
    </script>
</head>

<body>
    <style type="text/css">
        @media screen and (max-width: 640px) {
            .scanCode {
                display: none;
            }

            .account {
                display: block !important;
            }

            .bg_img {
                display: none;
            }
        }

        .bg_img {
            width: 60px;
            height: 60px;
            background-image: url('/static/img/qrCode.png');
            background-size: 120px 120px;
            background-repeat: no-repeat;
            background-position: 0 0;
            position: absolute;
            top: 5px;
            right: 5px;
        }

            .bg_img:hover {
                background-position: -60px 0;
                cursor: pointer;
                /*transition: all 500ms;*/
            }

            .bg_img.pc {
                background-position: 0 -60px;
            }

                .bg_img.pc:hover {
                    background-position: -60px -60px;
                }

        .qrCode {
            text-align: center;
            padding-top: 20px;
        }

        .scanCode .titles {
            font-size: 23px;
            margin-top: 25px;
            color: #444;
            text-align: center;
        }

        .list_scan {
            width: 150px;
            margin: 0 auto;
            margin-top: 15px;
        }

            .list_scan > img {
                width: 40px;
                height: 40px;
                float: left;
                margin-right: 15px;
            }

            .list_scan span {
                display: inline-block;
                font-size: 13px;
                margin-bottom: 5px;
            }

            .list_scan a:hover .weChatSamll {
                display: block;
            }

            .list_scan .weChatSamll {
                display: none;
                width: 150px;
                height: 150px;
                position: absolute;
                border: 1px solid #ececec;
                border-radius: 5px;
                bottom: 105px;
                right: 80px;
                padding: 20px;
                background-color: #fff;
            }

                .list_scan .weChatSamll img {
                    width: 100%;
                }

                .list_scan .weChatSamll em {
                    position: absolute;
                    border: 7px solid #ececec;
                    border-color: #ececec transparent transparent transparent;
                    width: 0;
                    height: 0;
                    right: 87px;
                    bottom: -14px;
                    margin-left: -6px;
                }

        .tips {
            width: 115px;
            position: absolute;
            top: 10px;
            right: 65px;
            color: rgb(32, 165, 58);
            background: #dff0d8;
            padding: 5px 10px;
            text-align: center;
            border-radius: 4px;
        }

            .tips em {
                position: absolute;
                border: 6px solid #dff0d8;
                border-color: transparent transparent transparent #dff0d8;
                width: 0;
                height: 0;
                right: -11px;
                top: 8px;
                margin-left: -6px;
            }

            .tips img {
                height: 16px;
                width: 16px;
                vertical-align: middle;
                margin-top: -1px;
                margin-right: 4px;
            }

        .main .login .rlogo {
            margin-top: 15px;
            margin-bottom: 25px;
        }
        .static-cdn{
            position: absolute;
            bottom: 0;
            left: 0;
            height: 40px;
            opacity: 0.8;
        }
        .static-cdn .span-tname{
            background-color: #eee;
            display: inline-block;
            height: 22px;
            line-height: 22px;
            float: left;
            padding: 0 5px;
            border: #ddd 1px solid;
            color: #777;
            margin-left: 40px;
            font-size: 12px;
        }
        .static-cdn select {
            border: 1px solid #ddd;
            height: 24px;
            line-height: 22px;
            padding-left: 5px;
            margin-left: -1px;
            color: #777;
            font-size: 12px;
        }

    </style>
    <div class="main">
        <div class="login">
            <div class="account">
                <form class="loginform" method="post" action="/login" onsubmit="return false;">
                    <div class="rlogo">{{g.title}}</div>
                    <div class="line"><input class="inputtxt" value="" name="username" datatype="*" nullmsg="{{data['lan']['N1']}}" errormsg="{{data['lan']['N2']}}" placeholder="{{data['lan']['N3']}}" type="text"><div class="Validform_checktip"></div></div>
                    <div class="line"><input class="inputtxt" name="password" value="" datatype="*" nullmsg="{{data['lan']['N4']}}" errormsg="{{data['lan']['N5']}}" placeholder="{{data['lan']['N6']}}" type="password"><div class="Validform_checktip"></div></div>
                    <div style="color: red;position: relative;top: -14px;" id="errorStr"></div>
                    <div class="line yzm" style="top: -5px;
                        {% if not session['code'] %}
                            display:none;
                        {% endif %}
                    ">
                        <input type="text" class="inputtxt" name="code" nullmsg="{{data['lan']['N7']}}" errormsg="{{data['lan']['N8']}}" datatype="*" placeholder="{{data['lan']['N9']}}">
                        <div class="Validform_checktip"></div>
                        <img width="100" height="40" class="passcode" onClick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" src="/code" style="border: 1px solid #ccc; float: right;" title="{{data['lan']['N10']}}">
                    </div>
                    <div class="login_btn"><input id="login-button" value="{{data['lan']['N11']}}" type="submit"></div>
                    <p class="pwinfo" style="display:none">{{data['lan']['N12']}}</p>
                    {% if data['hosts'] != '[]' %}
                    <a class="static-cdn">
                        <span class="span-tname">加速节点</span>
                         <select name="cdn_url" id="static_cdn">
                            <option value="localhost">计算中...</option>
                        </select>
                    </a>
                    {% endif %}
                    <a class="resetpw" href="http://www.bt.cn/bbs/thread-1172-1-1.html" target="_blank">{{data['lan']['N13']}}</a>
                </form>
            </div>
            <div class="scanCode" style="display: none;">
                <div class="titles"><span>宝塔小程序扫码登录</span></div>
                <div class="qrCode" id="qrcode"></div>
                <div class="scanTip">
                    <div class="list_scan">
                        <img src="/static/img/sCan.png" />
                        <span>
                            打开
                            <a href="javascript:;" class="btlink">
                                宝塔小程序
                                <div class="weChatSamll"><img src="//app.bt.cn/static/app.png"><em></em></div>
                            </a>
                        </span>
                        <span>扫一扫登录</span>
                    </div>
                </div>
            </div>
            <div class="entrance" style="display: none;">
                <div class="bg_img"></div>
                <div class="tips">
                    <span><img src="/static/img/safety_ico.png"><span>扫码登录更安全</span></span>
                    <em></em>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        select_host = {
            hosts: {{data.hosts|safe}},
            my_hosts : {},
            bt_version:"{{g.version}}",
            request:function(url){
                var s_time = Date.now();
                var to_url = window.location.protocol + '//' + url + '/test.txt?time=' + s_time
                http_request = new XMLHttpRequest();
                http_request.open('GET', to_url, true);
                http_request.setRequestHeader("Content-type","text/plain");
                http_request.send();
                http_request.onreadystatechange = function (e) {
                    if (e.srcElement.readyState == 4 && e.srcElement.status == 200) {
                        if(e.srcElement.responseText === 'true'){
                            var e_time = Date.now();
                            select_host.my_hosts[url] = e_time - s_time
                        }
                    }
                }
            },
            run:function(){
                for(var i=0;i<select_host.hosts.length;i++){
                    select_host.request(select_host.hosts[i].url);
                }
            },
            compare:function (prop) {
                return function (obj1, obj2) {
                    var val1 = obj1[prop];
                    var val2 = obj2[prop];
                    if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
                        val1 = Number(val1);
                        val2 = Number(val2);
                    }
                    if (val1 < val2) {
                        return -1;
                    } else if (val1 > val2) {
                        return 1;
                    } else {
                        return 0;
                    }  
                }
            }
        }

        select_host.run();

        setTimeout(function(){
            if(select_host.hosts.length > 0){
                var my_keys = Object.keys(select_host.my_hosts);
                var host_data = [];
                for(var i=0;i<select_host.hosts.length;i++){
                    if(my_keys.indexOf(select_host.hosts[i].url) == -1) continue;
                    select_host.hosts[i].speed = select_host.my_hosts[select_host.hosts[i].url];
                    host_data.push(select_host.hosts[i]);
                }
                host_data = host_data.sort(select_host.compare('speed'));
                var cdn_option = '';
                for(var i=0;i<host_data.length;i++){
                    cdn_option += '<option value="'+host_data[i].url+'">'+host_data[i].name + '('+ host_data[i].speed  +'ms)' +'</option>';
                }
                
                document.getElementById('static_cdn').innerHTML = cdn_option;

                var host_url = "";
                if(host_data.length > 0){
                    host_url = window.location.protocol + '//' + host_data[0].url;
                }
                if(!host_url) select_host.bt_version = "static";
                if(!host_url){
                    document.getElementById('static_cdn').innerHTML = '<option value="local">本服务器</option>';
                }

            }else{
                host_url = "";
                select_host.bt_version = "static";
            }


            function loadJs(urls,i,callback){
                i++;
                var script=document.createElement('script');
                script.type="text/javascript";
                if(typeof(callback)!="undefined"){
                    if(script.readyState){
                        script.onreadystatechange=function(){
                            if(script.readyState == "loaded" || script.readyState == "complete"){
                                script.onreadystatechange=null;
                                if(i==urls.length){
                                    callback();
                                }else{
                                    loadJs(urls,i,callback);
                                }
                            }
                        }
                    }else{
                        script.onload=function(){
                            if(i==urls.length){
                                callback();
                            }else{
                                loadJs(urls,i,callback);
                            }
                        }
                    }
                }
                script.src=urls[i-1];
                document.body.appendChild(script);
                
            }

            
            my_urls = [
                    host_url+'/'+select_host.bt_version+'/js/jquery-1.10.2.min.js',
                    host_url+'/'+select_host.bt_version+'/js/Validform_v5.3.2_min.js',
                    host_url+'/'+select_host.bt_version+'/js/md5.js',
                    host_url+'/'+select_host.bt_version+'/js/jquery.qrcode.min.js',
                    host_url+'/'+select_host.bt_version+'/layer/layer.js',
                    host_url+'/'+select_host.bt_version+'/language/zh-cn.js'
                ];

            loadJs(my_urls,0,run); 
        },200);


        function run(){
            function Wreset() {
                    var w = $(window).width();
                    var yzmw = $(".login .line").width() - 140;
                    if ($(".yzm").is(":visible") && w > 640) {
                        $(".login").css({ "height": "365px", "margin-top": "-230px" });
                    }
                    else {
                        $(".login").removeAttr("style")
                    }
                    $(".login .yzm .inputtxt").width(yzmw);
                }
                $(function () {
                    Wreset();
                    var setTime = '';
                    $.get('/public?name=app&fun=login_qrcode', function (res) {
                        if (res.status) {
                            $('#qrcode').qrcode({
                                render: "canvas",
                                width: 150,
                                height: 150,
                                text: res.msg
                            });
                            $('.entrance').show();
                        }
                    }).error(function (res, textStatus, errorThrown) {
                        if (res.status == 404) {
                            $('.entrance').hide();
                        }
                    });
                    function controlTime() {
                        $.get('/public?name=app&fun=is_scan_ok', function (res) {
                            if (res.status) {
                                layer.msg('扫码成功，请稍后...', { icon: 1 });
                                clearInterval(setTime);
                                loginAdmin(res.msg);
                            }
                        });
                    }
                    function loginAdmin(key) {
                        $.get('/public?name=app&fun=set_login', { secret_key: key }, function (res) {
                            layer.msg(res.msg, { icon: res.status ? 1 : 2 })
                            if (res.status) {
                                layer.msg('正在安全登录中,请稍后...', { time: 0, shade: [0.4, '#fff'], icon: 16 });
                                setTimeout(function () {
                                    location.href = '/';
                                }, 1000);
                            }
                        });
                    }
                    $('.bg_img').click(function (event) {
                        if ($(this).hasClass('pc')) {
                            $(this).removeClass('pc');
                            $('.scanCode').hide().prev().show();
                            clearInterval(setTime);
                            $('.tips>span>span').html('扫码登录更安全');
                        } else {
                            $(this).addClass('pc');
                            $('.account').hide().next().show();
                            $('.tips>span>span').html('点击账号登录')
                            setTime = window.setInterval(controlTime, 2000);
                        }
                    });
                })
                window.onresize = function () {
                    Wreset();
                }


                $(function () {
                    $(".loginform").Validform({
                        tiptype: function (msg, o, cssctl) {
                            if (!o.obj.is("form")) {
                                var objtip = o.obj.siblings(".Validform_checktip");
                                cssctl(objtip, o.type);
                                objtip.text(msg);
                            }
                        }
                    });
                });

                $('#login-button').click(function () {
                    var username = $("input[name='username']").val();
                    var password = $("input[name='password']").val();
                    var code = $("input[name='code']").val();
                    if (username == '' || password == '') {
                        layer.msg("{{data['lan']['JS1']}}", { icon: 2 });
                        return;
                    }

                    var data = { username: username, password: md5(md5(password) + '' + '_bt.cn'), code: code,cdn_url:$("#static_cdn").val() }
                    var loadT = layer.msg("{{data['lan']['JS2']}}", { icon: 16, time: 0, shade: [0.3, '#000'] });
                    $.post('/login', data, function (rdata) {
                        if(rdata == '1'){
                            layer.close(loadT);
                            layer.open({
                                type:1,
                                title:false,
                                area: ['350px', '265px'],
                                content:'<div class="verification_view">\
                                            <div class="v_title">Google身份认证</div>\
                                            <div class="v_input"><input type="text" class="v_code" name="v_code" placeholder="请输入动态口令"/></div>\
                                            <div class="v_btn"><input id="auth_verif_btn" value="验证并登录" type="submit"></div>\
                                            <div class="v_tips">* 请使用Google身份验证器APP获取验证代码<br><a target="_blank" href="https://www.bt.cn/bbs/forum.php?mod=viewthread&tid=37437"  class="btlink">无法验证,点击帮助</a></div>\
                                        </div>',
                                success:function(){
                                    // 点击验证登录
                                    $('[name="v_code"]').keyup(function(e){
                                        if(e.keyCode == 13){
                                            $('#auth_verif_btn').click();
                                        }
                                    });
                                    $('#auth_verif_btn').click(function(e){
                                        data['vcode'] = $('[name="v_code"]').val();
                                        var loadT = layer.msg("{{data['lan']['JS2']}}", { icon: 16, time: 0, shade: [0.3, '#000'] });
                                        $.post('/login', data, function (rdata) {
                                            layer.close(loadT);
                                            if(!rdata.status){
                                                layer.msg(rdata.msg, { icon: 2 });
                                                return false;
                                            }
                                            layer.msg(rdata.msg, { icon: 16, time: 0, shade: [0.3, '#000'] });
                                            window.location.href = '/';
                                        });
                                    });
                                }
                            });
                            return false;
                        }
                        layer.close(loadT);
                        if (!rdata.status) {
                            $("#errorStr").html(rdata.msg);
                            $("input[name='password']").val('');
                            num = rdata.msg.substring(rdata.msg.indexOf('[') + 1, rdata.msg.indexOf(']'))
                            if (num < 5) {
                                $(".yzm").show();
                                $(".login").css("height", "332px");
                                $("input[name='code']").val('');
                            }
                            $(".yzm").show();
                            Wreset();
                            $(".passcode").click();
                            layer.msg(rdata.msg, { icon: 2 });
                            return;
                        }

                        layer.msg(rdata.msg, { icon: 16, time: 0, shade: [0.3, '#000'] });
                        window.location.href = '/';
                    });
                });
        }
    </script>
</body>
</html>