<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="referrer" content="no-referrer"/>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/my.css">
</head>

<body>
<div class="layui-header">
    <ul class="layui-nav" lay-filter="" style="background-color: #1772B4;">
        <li class="layui-nav-item"><a href="http://blog.yutou233.cn">博客</a></li>
        <div id="admin" style="display: inline-block; font-size: 0px;">
            <li class="layui-nav-item">
                <a href="javascript:;">NAS管理</a>
                <dl class="layui-nav-child">
                    <dd><a href="/html/body/nas/ip.html">ip</a></dd>
                </dl>
            </li>
        </div>
        <li class="layui-nav-item">
            <a href="javascript:;">工具集</a>
            <dl class="layui-nav-child">
                <dd><a href="/html/body/tools/clash.html">管理Clash</a></dd>
                <dd><a href="/html/body/tools/password.html">密码管理器</a></dd>
                <dd><a href="javascript:;" id="open_pc">远程开机</a></dd>
                <dd><a href="/html/body/nas/cctv.html">监控</a></dd>
                <dd><a href="/html/body/nas/animrss.html">动画RSS</a></dd>
                <dd><a href="/html/body/nas/animMeta.html">动画元数据设置</a></dd>
                <dd><a href="/html/body/nas/oss.html">OSS备份设置</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">页面集</a>
            <dl class="layui-nav-child">
                <dd><a href="http://nas.yutou233.cn/" target="_blank">管理后台</a></dd>
                <dd><a href="http://bt.yutou233.cn" target="_blank">BT下载</a></dd>
                <dd><a href="http://jellyfin.yutou233.cn:7800/" target="_blank">jellyfin</a></dd>
                <dd><a href="/html/body/nas/music.html">NAS音乐播放器</a></dd>
                <dd><a href="/html/body/tools/calendar.html">日历</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item" id='icon'>
            <a href="javascript:;" id="login"><img src="/assets/defaultPlayImg.jpg" class="layui-nav-img"><span
                    id='login_text'>登录</span></a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;" id="logout">退了</a></dd>
            </dl>
        </li>
    </ul>
</div>
</body>
<script src="/js/qrcode.min.js"></script>
<script src="/js/jquery-3.2.1.js"></script>
<script src="/layui/layui.js"></script>
<script src="/js/myjs.js"></script>
<script>
    let loginStatus = false;
    window.onload=function (){
        if(getParam('type')==='login'&&!loginStatus){
            onLogin()
        }
    }
    $.get("/login/check.do",{share:getParam("share")}, function (data) {
        try {
            let json = JSON.parse(data);
            if (json.code === 0) {
                $('#login_text').text('已登录')
                loginStatus = true;
            }else if(json.code===-1&&getParam("type")!=='login'){
                window.location.href='/?type=login'
            }
        }catch (e) {
            window.location.href='/'
        }

    })
    $('#login').click(function () {
        if (loginStatus) {
            return;
        }
        onLogin()


    })
    $('#logout').click(function () {
        $.post('/login/logout.do', function (data) {
            let json = JSON.parse(data);
            layer.msg(json.msg)
            window.location.href = "/"
        })
    });
    $('#open_pc').click(function () {
        layer.open({
            title: "远程开机",
            content: "确定开机?",
            yes: function (index) {
                $.post("/tools/openpc.do");
                layer.close(index)
            }
        })
    })
    function  onLogin(){
        $.get('/login/sendCaptcha.do', function (data) {
            let json = JSON.parse(data);
            if (json.code === 1) {
                layer.open({
                    title: "使用Google身份验证器绑定",
                    content: "<div id=\"qrcode\"></div>",
                    success: function () {
                        new QRCode(document.getElementById("qrcode"), json.data);
                    },
                    yes: function (index) {
                        layer.close(index)
                        openLoginCode();
                    }

                })
            } else {
                openLoginCode();
            }

        })
    }
    function openLoginCode() {
        layer.prompt({
            title: '安全登录码'
        }, function (value, index, elem) {
            $.post('/login/login.do', {code: value,"login":true}, function (data) {
                let json = JSON.parse(data);
                layer.msg(json.msg, function () {
                    window.location.reload()
                })
            });
            layer.close(index);
        })
    }
    $(document).ready(function () {
        let mobile = layui.device().mobile;
        if (mobile) {
            $('.layui-body').css('left', '0')
            $('.layui-body').css('top', '150px')
            $('.layui-body').css('height', '200%')
            $('#icon').css('float', 'none')
            $('.layui-body').css('position','absolute')

        } else {
            $('.layui-body').css('padding-right', '100px')
            $('#icon').css('float', 'right')
            $('.layui-body').css('position','fixed')
        }
    })
</script>
<style>
</style>
</html>