$(function () {
    FastClick.attach(document.body);

    var ApplyList = function () {
        RoomList.apply(this,arguments);
        this.droploadCallback = function(res){
            var applyList = JSON.parse(res);
            if (applyList.code != 200) {
                $.alert(applyList.message);
                return;
            }
            var applyHTML = new ApplyHTML(applyList.datas.applys);
            applyHTML.appendHTML(this.append_el);
            if (applyList.datas.mobile_page.hasmore) {
                this.curpage = applyList.datas.mobile_page.curpage+1;
                this.hasmore = true;
                applyHTML.loadHTML(this.load_state_el);
            }
            else {
                $(window).off('scroll');
                this.hasmore = false;
                applyHTML.endHTML(this.load_state_el);
            }
        };
    };


    var apply_list = new ApplyList({act:'member_talk',op: "ajax_room_apply"},"#apply_list","#load_state",true);
    apply_list.init();


    var ApplyHTML = function () {
        RoomListHTML.apply(this,arguments);
        this.appendHTML = function (id) {
            var html = "";
            for (var i = 0; i < this.listDatas.length; i++) {
                if (this.listDatas[i].step == 1 || this.listDatas[i].step == 2) {
                    if (this.listDatas[i].step == 1) {
                        html += "<div class=\"weui-cell\">\n" +
                            "        <div class=\"weui-cell__hd\">\n" +
                            "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__bd\">\n" +
                            "            <p class=\"apply_name\">" + this.listDatas[i].nickname + "</p>\n" +
                            "            <p class=\"abstract\">" + this.listDatas[i].msg + "</p>\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__ft\">\n" +
                            "            <span class=\"state\">已接受</span>\n" +
                            "        </div>\n" +
                            "    </div>"
                    }
                    else {
                        html += "<div class=\"weui-cell\">\n" +
                            "        <div class=\"weui-cell__hd\">\n" +
                            "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__bd\">\n" +
                            "            <p class=\"apply_name\">"+ this.listDatas[i].nickname +"</p>\n" +
                            "            <p class=\"abstract\">"+this.listDatas[i].msg+"</p>\n" +
                            "        </div>\n" +
                            "        <div class=\"weui-cell__ft\">\n" +
                            "            <span class=\"state\">已拒绝</span>\n" +
                            "        </div>\n" +
                            "    </div>"
                    }
                }
                else {
                    html += "<div class=\"weui-cell\">\n" +
                        "        <div class=\"weui-cell__hd\">\n" +
                        "            <img src=\"" + this.listDatas[i].avatar + "\">\n" +
                        "        </div>\n" +
                        "        <div class=\"weui-cell__bd\">\n" +
                        "            <p class=\"apply_name\">" + this.listDatas[i].nickname + "</p>\n" +
                        "            <p class=\"abstract\">" + this.listDatas[i].msg + "</p>\n" +
                        "        </div>\n" +
                        "        <div class=\"weui-cell__ft\">\n" +
                        "            <div class=\"handle\">\n" +
                        "                <span class=\"refusal_btn\" data-apply-id=\"" + this.listDatas[i].apply_id + "\">拒绝</span>\n" +
                        "                <span class=\"agree_btn\" data-apply-id=\"" + this.listDatas[i].apply_id + "\">同意</span>\n" +
                        "            </div>\n" +
                        "        </div>\n" +
                        "    </div>"
                }
            }
            $(id).append(html);
        }
    };


    $(document).on('click','.refusal_btn',function(){
        var apply_id = $(this).attr('data-apply-id');
        console.log(apply_id);
        $.showLoading();
        var _self = $(this);
        $.get("/mobile/index.php", {
            act: "member_talk",
            op: "pass_apply",
            apply_id: apply_id,
            step:2,
            client_type: "ajax",
        }, function (res) {
            $.hideLoading();
            var data = JSON.parse(res);
            if (data.code != 200) {
                $.alert(data.message);
                return;
            }

            _self.parent().parent().append("<div class=\"weui-cell__ft\"><span class=\"state\">已拒绝</span></div>");
            _self.parent().remove();
            $.toast('操作成功',1000);
        })
    });

    $(document).on('click','.agree_btn',function(){
        var apply_id = $(this).attr('data-apply-id');
        console.log(apply_id);
        $.showLoading();
        var _self = $(this);
        $.get("/mobile/index.php", {
            act: "member_talk",
            op: "pass_apply",
            apply_id: apply_id,
            step:1,
            client_type: "ajax",
        }, function (res) {
            $.hideLoading();
            var data = JSON.parse(res);
            if (data.code != 200) {
                $.alert(data.message);
                return;
            }
            _self.parent().parent().append("<div class=\"weui-cell__ft\"><span class=\"state\">已接受</span></div>");
            _self.parent().remove();
            $.toast('操作成功',1000);
        })
    });
});