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

    var RoomSportHTML = function () {
        RoomListHTML.apply(this,arguments);
        this.appendHTML = function (id) {
            var room_sport_list = "";
            var mine_sport = "";
            if(roomSportList.curpage > 1) {
                for(var i=0;i<this.listDatas.steps.length;i++) {
                    roomSportList.rankingIndex++;
                    room_sport_list += "<div class=\"weui-cell\" style='line-height:1.7'>\n" +
                        "                <div class=\"index_num\">"+roomSportList.rankingIndex+"</div>\n" +
                        "                <div class=\"weui-cell__hd\">\n" +
                        "                    <img src=\""+this.listDatas.steps[i].avatar+"\">\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__bd\">\n" +
                        "                    <p>"+this.listDatas.steps[i].nickname+"</p>\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__ft walk_num\">" +
                        "                   <p>已兑换<span class=\"bonus_num\">"+this.listDatas.steps[i].bonus+"</span>元</p>"+
                        "                   <p><span class='walked_num'>"+this.listDatas.steps[i].steps+"</span>步</p>" +
                        "               </div>\n" +
                        "            </div>";
                }
                $(id).append(room_sport_list);
            }
            else {
                mine_sport = "<div class=\"weui-cell\" style='line-height:2.2'>" +
                    "                <div class=\"weui-cell__hd\">" +
                    "                    <img src=\""+this.listDatas.user.avatar+"\">" +
                    "                </div>" +
                    "                <div class=\"weui-cell__bd\">" +
                    "                    <p class=\"mine_name\">"+this.listDatas.user.nickname+"</p>" +
                    "                    <p class=\"abstract\">第"+this.listDatas.user.ranking+"名"+this.listDatas.user.steps+"步</p>" +
                    "                </div>" +
                    "                <div class=\"weui-cell__ft\">" +
                    "                    <a href=\"Javascript:void(0);\" id='donate' class=\"hide weui-btn weui-btn_mini weui-btn_primary\">捐赠步数</a>" +
                    "                    <p id='donate-steps' style='font-size: 12px;padding-top: 5px;'></p>" +
                    "                </div>" +
                    "            </div>";
                $('#mine_ranking').append(mine_sport);
                for(var i=0;i<this.listDatas.steps.length;i++) {
                    roomSportList.rankingIndex++;
                    room_sport_list += "<div class=\"weui-cell\" style='line-height:1.7'>\n" +
                        "                <div class=\"index_num\">"+roomSportList.rankingIndex+"</div>\n" +
                        "                <div class=\"weui-cell__hd\">\n" +
                        "                    <img src=\""+this.listDatas.steps[i].avatar+"\">\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__bd\">\n" +
                        "                    <p>"+this.listDatas.steps[i].nickname+"</p>\n" +
                        "                </div>\n" +
                        "                <div class=\"weui-cell__ft walk_num\">" +
                        "                   <p>已兑换<span class=\"bonus_num\">"+this.listDatas.steps[i].bonus+"</span>元</p>"+
                        "                   <p><span class='walked_num'>"+this.listDatas.steps[i].steps+"</span>步</p>" +
                        "               </div>\n" +
                        "            </div>"
                }
                $(id).append(room_sport_list);
                $('#room_steps_list .index_num:lt(3)').addClass("em");
            }
        };
    };

    var bridge = new Bridge();
    var app_steps = 0;
    var jsInit = {
        action:"read_steps"
    };

    var roomSportList = new RoomSportList({act:"member_talk",op:"room_steps"},"#room_steps_list","#load_state",true);
    roomSportList.init();

    bridge.call_native_handler('on_native_click', JSON.stringify(jsInit),function(res){
        var datas = JSON.parse(res);
        app_steps = datas.now;
        $('#donate').removeClass('hide');
        $("#donate-steps").text("本次可捐献" + app_steps + "步");
    });

    $("#mine_ranking").on('click', "#donate",function () {
        if($(this).hasClass('hide')) return;
        var todaySport = app_steps;
        var room_id = getHrefArguments('talk_id');
        $.confirm({
            title: '步数捐赠',
            text: '确定将您的步数捐赠到该群？',
            onOK: function () {
                $.get("/mobile/index.php",{
                    op:'donate_steps',
                    act:'member_talk',
                    client_type:'ajax',
                    steps:todaySport,
                    room_id:room_id
                },function(res){
                    var datas = JSON.parse(res);
                    if(datas.code != 200) {
                        $.toast(datas.message,1000);
                        return;
                    }

                    var jsInit = {
                        action:"step_callback",
                        params: {
                            stepCount:app_steps,
                        }
                    };
                    bridge.call_native_handler('on_native_click', JSON.stringify(jsInit),function(res){
                        var datas = JSON.parse(res);
                    });

                    $.toast("恭喜本次成功捐献"+app_steps+"步并获得"+datas.datas.amount+"元基金",1000,function(){
                        window.location.reload();
                    });
                });
            }
        });
    });
});