xyzshop/data/resource/mobile/talk/js/room_steps.js

$(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(this,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 = "";
            var mine_ranking = "";
            if(this.useObj.curpage > 1) {
                for(var i=0;i<this.listDatas.steps.length;i++) {
                    this.useObj.rankingIndex++;
                    room_sport_list += "<div class=\"weui-cell\" style='line-height:1.7'>\n" +
                        "                <div class=\"index_num\">"+this.useObj.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\">" +
                    "                <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\" id='donate-steps'></p>" +
                    "                </div>" +
                    "                <div class=\"weui-cell__ft\">" +
                    "                    <a href=\"Javascript:void(0);\" id='donate' class=\"weui-btn weui-btn_mini weui-btn_primary\">捐赠步数</a>" +
                    "                </div>" +
                    "            </div>";
                $('#mine_ranking').append(mine_sport);


                mine_ranking += "<div class=\"weui-cell \" style='line-height:1.7;background: #FFFCF2;'>\n" +
                    "                <div class=\"index_num\">"+this.listDatas.user.ranking+"</div>\n" +
                    "                <div class=\"weui-cell__hd\">\n" +
                    "                    <img src=\""+this.listDatas.user.avatar+"\">\n" +
                    "                </div>\n" +
                    "                <div class=\"weui-cell__bd\">\n" +
                    "                    <p>"+this.listDatas.user.nickname+"</p>\n" +
                    "                </div>\n" +
                    "                <div class=\"weui-cell__ft walk_num\">" +
                    "                   <p>已贡献<span class=\"bonus_num\">"+this.listDatas.steps[this.listDatas.user.ranking - 1].bonus+"</span>元</p>"+
                    "                   <p><span class='walked_num'>"+this.listDatas.steps[this.listDatas.user.ranking - 1].steps+"</span>步</p>" +
                    "               </div>\n" +
                    "            </div>";
                $(id).append(mine_ranking);




                for(var i=0;i<this.listDatas.steps.length;i++) {
                    this.useObj.rankingIndex++;
                    room_sport_list += "<div class=\"weui-cell\" style='line-height:1.7'>\n" +
                        "                <div class=\"index_num\">"+this.useObj.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(4)').addClass("em");


            }
        };
    };
    var app_steps = 0;
    if(isapp) {
        var bridge = new Bridge();
        var jsInit = {
            action:"read_steps"
        };
        bridge.call_native_handler('on_native_click', JSON.stringify(jsInit),function(res){
            var datas = JSON.parse(res);
            app_steps = datas.now;
            var roomSportList = new RoomSportList({act:"member_talk",op:"room_steps"},"#room_steps_list","#load_state",true);
            roomSportList.init(function(){
                $("#donate-steps").text("目前总共" + app_steps + "步");
            });
        });
    }
    else {
        var roomSportList = new RoomSportList({act:"member_talk",op:"room_steps"},"#room_steps_list","#load_state",true);
        roomSportList.init(function () {
            $("#donate-steps").text("目前总共0步");
        });
    }



    $("#mine_ranking").on('click', "#donate",function () {
        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);
                    });

                    $.alert("您为该群贡献了"+datas.datas.amount+"元基金", "捐献成功",function(){
                        window.location.reload();
                    });
                });
            }
        });
    });
});