const { ipcRenderer } = require('electron');

class Login {
    constructor () {

        this.renderPage();
        this.bindClick();

    }


    renderPage() {
        var imageFileType = null;
        for (var i = 1; i <= 10; i++) {
            if (i == 3 || i == 4 || i == 5) {
                imageFileType = "gif"
            } else {
                imageFileType = "jpg"
            }

            $(".chiooseUserImg").append(`
                <li class="${i==1?'active':''}">
                    <img src="../img/${i}.${imageFileType}" alt="">
                </li>
            `);
        }

        $(".chiooseUserImg li").click(function() {
            $(this).addClass("active").siblings().removeClass("active");
            $(".head").attr({
                src: $(this).find("img").attr("src")
            })
        })
    }

    bindClick() {
        $(".enter").click(function() {

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

                return false
            }

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

                return false
            }


            var UserInfo = {
                name: $(".name").val(),
                roomId:  $(".room").val(),
                headImg: $(".head").attr("src")
            };
            localStorage.setItem("UserInfo", JSON.stringify(UserInfo));

            ipcRenderer.send('enterIndex');

            // location.href = "./index.html"
            
        })
    }
}

new Login();