const { ipcRenderer } = require('electron')

class Login {
    constructor() {
       this.renderImg();
       this.bindEnter();
    }

    renderImg() {
        var fileType = ""
        for (var i = 1; i <= 10; i++) {
            if (i == 3 || i == 4 || i == 5) {
                fileType = ".gif"
            } else {
                fileType = ".jpg"
            }

            $(".modal-body").append(`
              <img class="${ i == 1 ? 'active': ''}" src="../img/${i}${fileType}" alt="">
            `);

            $(".modal-body img").click(function () {

                $(".user_img").attr({ src: $(this).attr("src") })
                $(this).addClass("active").siblings().removeClass("active")
                $('#myModal').modal('hide');


            })
        }
    }

    bindEnter() {
        $(".enter").click(function () {
            if ($(".name").val().length == 0) {
                new $.zui.Messager('昵称不能为空', {
                    icon: 'times',
                    type: 'danger'
                }).show();
                return false;
            }


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

            localStorage.setItem("UserInfo",JSON.stringify({
                img: $(".user_img").attr("src"),
                name: $(".name").val(),
                room: $(".room").val()
            }));

            ipcRenderer.sendSync('open', 'index')

        })
    }
}

new Login();