/**
 * Created by root on 4/1/16.
 */
$(document).ready(function(){

    var bt=baidu.template;
    bt.LEFT_DELIMITER='<!';
    bt.RIGHT_DELIMITER='!>';


    var apiUrl = '/api/v1/';

    var setTemplate = function(data){
        console.log(data);
        var html=bt('t:message-detail',{message: data});
        $('#message-container').prepend(html);
        $('.post-reply-submit').click(function(){
            replyInsert();
        });
        $('post-interactive-praise').click(function(){
            praiseClick();
        });
    };

    var loadDataFromServer = function(id){
        //getOpenId(function(openid){
        $.ajax({
            url: apiUrl + 'journal_for_messages/' + id,
            dataType: 'json',
            success: function(data){
                setTemplate(data.data);
            },
            error: function(xhr,status,err){
                console.log(err);
            }
        });
        //})


    };

    var homeworkUrl = window.location.search;
    var homeworkID = homeworkUrl.split("=")[1];

    loadDataFromServer(homeworkID);

    //点击回复按钮，插入回复内容
    var replyInsert = function(){
        var replyContent = $("#postInput").val();
        if (!replyContent){
            alert("请输入回复");
        }else{

            //将用户输入内容插入最后一条回复
            $(".post-reply-wrap:last").after('<div class="post-reply-wrap border-bottom"><div class="post-reply-row"><div class="post-reply-avatar fl"><img src="images/post-avatar.jpg" width="45" height="45"  /></div><div class="ml55"><div class="post-reply-user hidden">Mrs. Ashford</div><div class="post-reply-content c-grey2 mb10"></div><div class="post-reply-date fl"></div><div class="post-reply-trigger fr undis">回复</div></div><div class="cl"></div></div> </div>');
            $(".post-reply-content:last").append(replyContent);
            $(".post-reply-date:last").append(Date());
            var postInput = $("#postInput").val();
            $("#postInput").val("");
            //回复数目+1
            var replyNum = $(".post-interactive-reply").text().match(/\d+/g);
            replyNum++;
            $(".reply-num").text("(" + replyNum + ")");

            //获取并传送回复用户数据
            var userInfo = {
                "replyType" : "homework_assignment",
                "replyContent" : postInput
            };

            $.ajax({
                type: "POST",     //提交方式
                dataType: "json",     //类型
                url: "前台地址/后台方法",    //提交的页面，方法名
                data: userInfo,    //参数，如果没有，可以为null
                success: function (data) { //如果执行成功，那么执行此方法
                    alert(data.d);        //用data.d来获取后台传过来的json语句，或者是单纯的语句
                },
                error: function (err) { //如果执行不成功，那么执行此方法
                    alert("err:" + err);
                }
            });
        }

    }

    //点赞效果
    var praiseClick = function(){
        var praiseNum = $(".post-interactive-praise").text().match(/\d+/g);
        praiseNum++;
        $(".praise-num").text("(" + praiseNum + ")");
    }


});