class Login {
    constructor() {
        this.renderPage()
    }


    // 读取头像的地址由1到10
    renderPage() {
        var type = ""
        for (var i = 1; i<= 10; i++) {

            if (i == 3 || i == 4 || i == 5) {
                type = "gif"
            } else {
                type = "jpg"
            }

            $(".modal-body").append(`
            <img src="./img/${i}.${type}" alt="">
          `)
        }

        // 点击头像更换原来头像并且把弹窗隐藏
        $(".modal-body img").click (function () {
            $(".login img").attr("src",$(this).attr("src"))
            $('#myModal').modal('hide')

        });

        // 点击进入事件 如果用户名以及房间号都不为空才把用户信息存入到本地
        $(".enter").click(function() {
            var name = $(".name").val();
            var room = $(".room").val();

            if (name.length == 0) {
                new $.zui.Messager('用户名不能为空', {
                    icon: 'exclamation-sign',
                    type: 'danger'
                }).show();

                return;
            }

            if (room.length == 0) {
                new $.zui.Messager('房间号不能为空', {
                    icon: 'exclamation-sign',
                    type: 'danger'
                }).show();

                return;
            }

            localStorage.setItem("userInfo", JSON.stringify({
                name, room,
                img: $(".login img").attr("src")
            }));
            // 把参数传到后端
            ipcRenderer.send("openIndex",1)
        }) 
    }

}


new Login()