$(function () {
    var baseHost = document.location.origin
    /*********************************************************登录页面数据提交**************************************************/
        // $('#login').on('click', function () {
        //         var pwd = $('#pwd').val()
        //         var login = {}
        //         login.log_in = new Object()
        //         login.log_in.type = 1
        //         login.log_in.pass = pwd
        //         console.log(JSON.stringify(login))
        //         if (!pwd.trim().length) {
        //             $('.toast').css('display', 'flex')
        //             setTimeout(function () {
        //                 $('.toast').css('display', 'none')
        //             }, 2000)
        //             return false
        //         }
        //         //1.创建ajax对象
        //         var xhr = new XMLHttpRequest()
        //         //2.连接服务器
        //         xhr.open('post', baseHost + '/log_in', true)
        //         //3.设置请求头信息
        //         xhr.setRequestHeader('content-type', 'application/json')
        //         //4.发送请求
        //         xhr.send(JSON.stringify(login));
        //         xhr.onreadystatechange = function () {
        //             if (xhr.readyState == 4 && xhr.status == 200) {
        //                 //1.服务器返回的json格式数据
        //                 var json = xhr.responseText
        //                 console.log(JSON.stringify(json))
        //                 //alert(xhr.responseText)
        //                 /*2.
        //                 *通过eval方法将上面的数据转换成json格式，
        //                 *上面数据的所有双引号全部转换成单引号
        //                 */
        //                 var result = eval("(" + json.replace(/"/g, "'") + ")")
        //                 /* 3.转换成json格式后可以通过对象的方式进行访问，既通过“.”的方式
        //                 * 判断从服务器返回值中return是否等于0
        //                 * 0：密码正确  1：密码错误
        //                 */
        //                 if (result.log_in.return == 0) {
        //                     alert("登录成功！")
        //                     window.location.href = "/screen_main.html"
        //                     return
        //                 }
        //                 else {
        //                     alert("登录失败！")
        //                     return
        //                 }
        //             }
        //         }
        //     })
    /*********************************************************密码修改页面数据提交**************************************************/
    // $('#submit').on('click', function () {
    //     var rawPwd = $('#raw_pass').val()
    //     var newPwd = $('#new_pwd').val()
    //     var rePwd = $('#pwdOK').val()
    //     var submit = {}
    //     submit.log_in = new Object()
    //     submit.log_in.type = 2
    //     submit.log_in.pass = rawPwd
    //     submit.log_in.new_pass = newPwd
    //     console.log(JSON.stringify(submit))
    //     if (!newPwd.trim().length || !rePwd.trim().length) {
    //         $('.toast').css('display', 'flex')
    //         setTimeout(function () {
    //             $('.toast').css('display', 'none')
    //         }, 2000)
    //         return false
    //     } else if (newPwd != rePwd) {
    //         alert('新密码与确认密码不一致')
    //         return false
    //     }
    //     //1.创建ajax对象
    //     var xhr = new XMLHttpRequest()
    //     xhr.open('post', baseHost + '/log_in', true)
    //     xhr.setRequestHeader('content-type', 'application/json')
    //     xhr.send(JSON.stringify(submit))
    //     xhr.onreadystatechange = function () {
    //         if (xhr.readyState == 4 && xhr.status == 200) {
    //             //1.服务器返回的json格式数据
    //             var json = xhr.responseText
    //             console.log(json)
    //             /*2.
    //             *通过eval方法将上面的数据转换成json格式，
    //             *上面数据的所有双引号全部转换成单引号
    //             */
    //             var result = eval("(" + json.replace(/"/g, "'") + ")")
    //             /* 3.转换成json格式后可以通过对象的方式进行访问，既通过“.”的方式
    //              * 判断从服务器返回值中return是否等于0
    //              * 0：密码正确  1：密码错误
    //             */
    //             if (result.log_in.return == 0) {
    //                 alert("修改密码成功！")
    //                 window.location.href = "/login.html"
    //                 return
    //             }
    //             else {
    //                 alert("修改密码失败！")
    //                 return false
    //             }
    //         }
    //     }
    // })
    // //单击取消按钮，跳转至登录页面
    // $("#reset").on('click', function () {
    //     window.location.href = '/login.html'
    // })
    /*********************************************************屏幕参数页面数据提交->读取数据**************************************************/
    // function item_init(obj) {
    //     document.getElementById('sw').value = obj.screen_p.w
    //     document.getElementById('sh').value = obj.screen_p.h
    //     if (obj.screen_p.oe == 0 && obj.screen_p.data == 1) {
    //         document.getElementById('two-color').checked = "checked"
    //     } else {
    //         document.getElementById('mono').checked = "checked"
    //     }
    //     document.getElementById('srt').value = obj.screen_p.screen_angle
    // }
    // // read intial values
    // fetch(`${baseHost}/p/get?`)
    //     //异步执行 避免数据没获取到等问题
    //     .then(function (response) {
    //         return response.json()
    //     })
    //     .then(function (state) {
    //         item_init(state)
    //     }).catch(function (arr) {
    //         console.log(arr)
    //     })
    // $('#read').on('click', function () {
    //     fetch(`${baseHost}/p/get?`)
    //         //异步执行 避免数据没获取到等问题
    //         .then(function (response) {
    //             return response.json()
    //         })
    //         .then(function (state) {
    //             item_init(state)
    //         }).catch(function (arr) {
    //             console.log(arr)
    //         })
    // })
    /*********************************************************屏幕参数页面数据提交->设置数据**************************************************/
    // $('#set').on('click', function () {
    //     var screen_width = parseInt($('#sw').val())
    //     var screen_height = parseInt($('#sh').val())
    //     var oecolor = $("input[type='radio']:checked").val()
    //     var screen_angle = parseInt($('#srt').val())
    //     var screen = {}
    //     screen.screen_p = new Object()
    //     //获取屏幕宽度、高度
    //     screen.screen_p.w = screen_width
    //     screen.screen_p.h = screen_height
    //     /*mono：单色 two-color：双色
    //     *如果oecolor==momo 输出oe极性为1 另一个值则为0
    //     */
    //     if (oecolor === "mono") {
    //         screen.screen_p.oe = 1
    //         screen.screen_p.data = 0
    //     } else {
    //         screen.screen_p.oe = 0
    //         screen.screen_p.data = 1
    //     }
    //     screen.screen_p.screen_angle = screen_angle
    //     console.log(JSON.stringify(screen))
    //     var xhr = new XMLHttpRequest()
    //     xhr.open('post', baseHost + '/p/set', true)
    //     xhr.setRequestHeader('content-type', 'application/json')
    //     xhr.send(JSON.stringify(screen))
    //     xhr.onreadystatechange = function () {
    //         if (xhr.readyState == 4 && xhr.status == 200) {
    //             var info = xhr.responseText
    //             if (info == "OK") {
    //                 alert("屏幕参数设置成功！")
    //             }
    //         }
    //     }
    // })
    /*********************************************************屏幕操作指令**************************************************/
    /*1.开启屏幕
    *当type=1时，data1的值为1表示关闭屏幕、值为2表示开启屏幕、值为3时清除屏幕
    */
    $('#start').on('click', function () {
        var screen_start = {}
        screen_start.cmd = new Object()
        screen_start.cmd.type = 1
        screen_start.cmd.data1 = 2
        screen_start.cmd.data2 = 0
        screen_start.cmd.data3 = 0
        console.log(JSON.stringify(screen_start))
        var xhr = new XMLHttpRequest()
        xhr.open('POST', baseHost + '/cmd', true)
        xhr.setRequestHeader('content-type', 'application/json')
        xhr.send(JSON.stringify(screen_start))
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var info = xhr.responseText
                if (info == "OK") {
                    alert("开启屏幕成功！")
                }
            }
        }
        // alert(JSON.stringify(screen_start))
    })
    //关闭屏幕
    $('#close').on('click', function () {
        var screen_close = {}
        screen_close.cmd = new Object()
        screen_close.cmd.type = 1
        screen_close.cmd.data1 = 1
        screen_close.cmd.data2 = 0
        screen_close.cmd.data3 = 0
        console.log(JSON.stringify(screen_close))
        var xhr = new XMLHttpRequest()
        xhr.open('POST', baseHost + '/cmd', true)
        xhr.setRequestHeader('content-type', 'application/json')
        xhr.send(JSON.stringify(screen_close))
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var info = xhr.responseText
                if (info == "OK") {
                    alert("关闭屏幕成功！")
                }
            }
        }
        return false
    })

    //清除屏幕
    $('#clear').on('click', function () {
        var screen_clear = {}
        screen_clear.cmd = new Object()
        screen_clear.cmd.type = 1
        screen_clear.cmd.data1 = 3
        screen_clear.cmd.data2 = 0
        screen_clear.cmd.data3 = 0
        console.log(JSON.stringify(screen_clear))
        var xhr = new XMLHttpRequest()
        xhr.open('POST', baseHost + '/cmd', true)
        xhr.send(JSON.stringify(screen_clear))
        xhr.setRequestHeader('content-type', 'application/json')
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var info = xhr.responseText
                if (info == "OK") {
                    alert("清除屏幕成功！")
                }
            }
        }
        return false
    })
    /*********************************************************模式选择 pattern**************************************************/
    /*mode1:单色屏幕 播放项为纯文字
      mode2:双色屏幕 播放项为文字和图片
      mode3:彩色屏幕
    *
    */
    $("#pattern1").on('click', function () {
        var screen_pattern = {}
        screen_pattern.cmd = new Object()
        screen_pattern.cmd.mode = 1
        var screen_start = {}
        screen_start.cmd = new Object()
        screen_start.cmd.type = 1
        screen_start.cmd.data1 = 2
        var xhr = new XMLHttpRequest()
        xhr.open('POST', baseHost + '/cmd', true)
        xhr.send(JSON.stringify(screen_pattern))
        // xhr.setRequestHeader('content-type', 'application/json')
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var info = xhr.responseText
                if (info == "OK") {
                    alert("接入屏幕成功！")
                    window.location.href = "/content.html"
                    return
                }
            }
        }
    })

})
