const { ipcRenderer } = require('electron')

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

    bindEvent() {

        $(".loginbut").click(() => {
            if ($(".roomid").val().length == 0) {
                new $.zui.Messager('房间号不为空', {
                    type: 'danger' 
                }).show();
                return;
            }

            if ($(".username").val().length == 0) {
                new $.zui.Messager('用户名不为空', {
                    type: 'danger' 
                }).show();
                return;
            }

            setItem("UserInfo",{
                user_name: $(".username").val(),
                room_id: $(".roomid").val(),
                user_img: $(".user_img").attr("src")
            });

            ipcRenderer.send('openIndex')
        })

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

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

        $(".modal-body img").click(function(){
            $(".user_img").attr({
                src: $(this).attr("src")
            })

            $('#myModal').modal('hide')
        })


        $(".user_img").click(() => {
           
        })
    }
}

new Login()