query-3.3.1/jquery-3.3.1.min.js" type="text/javascript"
    charset="utf-8"></script>
<script src="/application/fccommon/resource/lib/jquery_message_plugin/message.min.js" type="text/javascript"
    charset="utf-8"></script>
<!-- 表情包 -->
<script src="/application/fccommon/resource/lib/jQuery-emoji/lib/script/jquery.mCustomScrollbar.min.js"></script>
<script src="/application/fccommon/resource/lib/jQuery-emoji/dist/js/jquery.emoji.min.js" type="text/javascript"
    charset="utf-8"></script>
<script src="/application/fccommon/resource/js/twemoji.min.js" crossorigin="anonymous"></script>
<script>
    // 挂载表情包
    function appendBiaoqing() {
        $("#editor").emoji({
            button: "#biaoqing_btn",
            showTab: false,
            animation: 'slide',
            icons: [{
                name: "QQ表情",
                path: "/application/fccommon/resource/lib/jQuery-emoji/dist/img/qq/",
                maxNum: 91,
                excludeNums: [41, 45, 54],
                file: ".gif"
            }]
        });
    };
    $("#board").ready(function () {
        twemoji.parse(document.body);
    })
    $("#biaoqing_btn").click(function (e) {
        $("#board").toggle();

        // if($("#board").hasClass("hide")){

        // }
    })

    $("#board ul li").click(function (e) {
        var html = $(e.target);
        // $("#edit").append(html);

        var imghtml = '<img src="' + html.attr("src") + '" alt="">';
        _insertAtCursor(document.getElementById("editor"), imghtml, false);
        $("#biaoqing_btn").click();

    })

    function _insertAtCursor(field, value, selectPastedContent) {
        var sel, range;
        if (field.nodeName === 'DIV') {
            field.focus();
            if (window.getSelection) {
                sel = window.getSelection();
                if (sel.getRangeAt && sel.rangeCount) {
                    range = sel.getRangeAt(0);
                    range.deleteContents();
                    var el = document.createElement('div');
                    el.innerHTML = value;
                    var frag = document.createDocumentFragment(),
                        node, lastNode;
                    while ((node = el.firstChild)) {
                        lastNode = frag.appendChild(node);
                    }
                    var firstNode = frag.firstChild;
                    range.insertNode(frag);

                    if (lastNode) {
                        range = range.cloneRange();
                        range.setStartAfter(lastNode);
                        if (selectPastedContent) {
                            range.setStartBefore(firstNode);
                        } else {
                            range.collapse(true);
                        }
                        sel.removeAllRanges();
                        sel.addRange(range);
                    }
                }
            } else if ((sel = document.selection) && sel.type !== 'Control') {
                var originalRange = sel.createRange();
                originalRange.collapse(true);
                sel.createRange().pasteHTML(html);
                if (selectPastedContent) {
                    range = sel.createRange();
                    range.setEndPoint('StartToStart', originalRange);
                    range.select();
                }
            }
        } else {
            if (document.selection) {
                field.focus();
                sel = document.selection.createRange();
                sel.text = value;
                sel.select();
            } else if (field.selectionStart || field.selectionStart === 0) {
                var startPos = field.selectionStart;
                var endPos = field.selectionEnd;
                var restoreTop = field.scrollTop;
                field.value = field.value.substring(0, startPos) + value + field.value.substring(endPos, field.value
                    .length);
                if (restoreTop > 0) {
                    field.scrollTop = restoreTop;
                }
                field.focus();
                field.selectionStart = startPos + value.length;
                field.selectionEnd = startPos + value.length;
            } else {
                field.value += value;
                field.focus();
            }
        }

    }


    $("#submit").click(function (e) {
        var new_comment = $("#editor").html();
        isLogin(new_comment);
        // addVideoCommnet(new_comment);
        // $("#editor").html("");
    })

    function getVideoCommentsList() {
        var webUrl;
        // if(window.location.host.indexOf('localhost') > -1){
        // webUrl = 'http://39.105.117.74:8085';
        // }else{
        // webUrl = document.location.protocol + "//" + window.location.host + window.location.port;
        // }
        var login_member_id = "";
        var user_str = window.localStorage.getItem("user");
        if (user_str) {
            var user = JSON.parse(user_str);
            login_member_id += user ? user.member_id : "";
        }
        var paramUrl = "?index=1&page_size=20&login_member_id=" + login_member_id + "&video_id=" +
            '2929';
        // webUrl = "localhost";
        $.ajax({
            type: "GET", //提交方式 
            // url : "http://39.105.117.74:8085//fcvideo/Comment/commentList" + paramUrl,//路径 
            url: "/fcvideo/Comment/commentList" + paramUrl, //路径 
            // data : { 
            // "org.id" : "${org.id}"
            // },//数据，这里使用的是Json格式进行传输 
            dataType: "json", //设置数据转换类型，例如：xml,html,script,json
            success: function (result) {
                var listHtml = "";
                if (result) {
                    var commentList = result.data.list;
                    for (var i = 0; i < commentList.length; i++) {
                        listHtml += `<div class="comment_item">
                                        <img src="` + commentList[i].head_pic + `" alt="" class="avater" />
                                        <div>
                                            <div>` + commentList[i].member_nickname + `</div>
                                            <div class="comment_content">` + commentList[i].comment_content + `</div>
                                        </div>
                                    </div>`;
                    }

                    $("#comment_num").html(result.total);
                    $("#num").html(result.data.total);
                    $("#comment_list_container").html(listHtml);
                } else {
                    // $.message({
                    //     message: "😭评论获取失败！",
                    //     type: "warning"
                    // });
                    $("#comment_list_container").html("☹评论获取失败");
                }
            }, //返回数据根据结果进行相应的处理 
            error: function (err) {
                // $.message({
                //     message: "评论获取失败！",
                //     type: "warning"
                // });
                console.log(err);
                $("#comment_list_container").html("☹评论获取失败");
            }

        });

    }


    function addVideoCommnet(content) {
        debugger;
        console.log("comments", content);
        var formdata = new FormData();
        var user_str = window.localStorage.getItem("user");
        var user = JSON.parse(user_str);
        var member_id = user ? user.member_id : "11";
        var username = user ? user.member_name : "";
        var avatar = user ? user.head_pic : "";
        formdata.append("video_id", '2929');
        formdata.append("member_id", member_id);
        formdata.append("pid", 0);
        formdata.append("comment_content", content);
        // formdata.append("avatar", avatar);
        $.ajax({
            type: "POST", //提交方式 
            // url : "http://39.105.117.74:8085/fcvideo/Comment/addComment",//路径 
            url: "/fcvideo/Comment/addComment", //路径 
            data: formdata, //formdata
            contentType: false, // 告诉jQuery不要去设置Content-Type请求头,不然这个formdata传输格式回有问题；
            processData: false, // 告诉jQuery不要去处理发送的数据
            // data : { 
            // "org.id" : "${org.id}"
            // },//数据，这里使用的是Json格式进行传输 
            dataType: "json", //设置数据转换类型，例如：xml,html,script,json
            success: function (result) {
                console.log("result", result);
                if (result.code == 500) {
                    $.message({
                        message: result.msg,
                        type: "warning"
                    });
                } else {
                    if (result.ret) {
                        $.message("评论成功...正在审核！");
                        $("#editor").html("");
                    }
                }
                // var listHtml = "";
                // if (result) {
                //     var commentList = result.data;
                //     for (var i = 0; i < commentList.length; i++) {
                //         listHtml += `<div class="comment_item">
                //                     <img src="/application/fccommon/resource/static/images/s2.jpg" alt="" class="avater" />
                //                     <div>
                //                         <div>` + commentList[i].username + `</div>
                //                         <div class="comment_content">` + commentList[i].content + `</div>
                //                     </div>
                //                 </div>`;
                //     }
                //     $("#comment_list").html(listHtml);
                // } else {
                //     $.message({
                //         message: "😭评论获取失败！",
                //         type: "warning"
                //     });
                //     $("#comment_list").html("☹评论获取失败");
                // }
            }, //返回数据根据结果进行相应的处理 
            error: function (err) {
                $.message({
                    message: "评论增加失败！",
                    type: "warning"
                });
                console.log(err);
                // $("#comment_list").html("☹评论增加失败");
            },
            complete: function (XMLHttpRequest, textStatus) {
                getVideoCommentsList();
            }

        });

    }


    function isLogin(new_comment) {
        var user_token = window.localStorage.getItem("user_token");
        if (user_token) {
            $.ajax({
                type: "GET",
                url: "/Member/member/getMemberInfo",
                headers: {
                    token: user_token,
                },
                dataType: "json",
                success: function (result) {
                    console.log(result);
                    if (result.code == 200) {
                        window.localStorage.setItem("user", JSON.stringify(result.data));
                        addVideoCommnet(new_comment);
                        $("#editor").html("");
                    } else {
                        $.message({
                            message: "登陆过期",
                            type: "warning"
                        });
                        $("#user").html("");
                        var platform = `请<a href="/application/personal/html/web/login.html" class="jsx-237447631 login">登陆</a>或<a
            href="/application/personal/html/web/reg.html" class="jsx-237447631 register">注册</a>`;
                        $("#platform").html(platform);
                    }
                },
                error: function (err) {
                    console.log("system failed");
                }
            })

        } else {
            console.log("not login");
            $.message({
                message: "请先登陆，再评论！",
                type: "warning"
            });
        }

    }
    $(document).ready(function () {
        getVideoCommentsList();
    })
    window.setInterval(function () {
        getVideoCommentsList();
    }, 3000);
</script>
        </div>
        <div class="row">
            <!-- 版权所有栏，占12格 -->
            <style></style>
<div class="nm_footer">
    <div class="footer">

        <div class="f_w1200">
            <p style="text-align:center;" class="MsoNormal"><span style="background-color:#f6f4f3"><u><span style="color:#800080"><a href="http://www.kmetv.com/fccommon/Home/detail?site_id=75&detail_type=1&cid=130" target="">关于我们</a></span></u><span style="color:#333333"> | </span><u><span style="color:#800080"><a href="https://baike.baidu.com/item/%E6%98%86%E6%98%8E/161012?fr=aladdin" target="">关于昆明</a></span></u><span style="color:#333333"> | </span><u><span style="color:#0000ff"><a href="http://www.kmetv.com/" target="">广告服务</a></span></u><span style="color:#333333"> | </span><u><span style="color:#0000ff"><a href="http://www.kmetv.com/" target="">招聘信息</a></span></u><span style="color:#333333"> | </span><u><span style="color:#0000ff"><a href="http://www.kmetv.com/" target="">法律声明</a></span></u><span style="color:#333333"> | </span><u><span style="color:#0000ff"><a href="http://www.kmetv.com/" target="">联系我们</a></span></u><span style="color:#333333"> | </span><u><span style="color:#0000ff"><a href="http://www.kmetv.com/" target="">节目预告</a></span></u></span></p><p style="text-align:center;"><u><span style="color:#0000ff"><a href="http://beian.miit.gov.cn/" target="">滇ICP备05005737号-2</a></span></u><span style="background-color:#f6f4f3"><span style="color:#7d7d7d"> 信息网络传播视听节目许可证号：125320051</span></span></p><p style="text-align:center;" class="MsoNormal"><span style="background-color:#f6f4f3"><span style="color:#7d7d7d">电话：0871-63377085</span></span></p><p style="text-align:center;"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=53010302000627" target="_blank">滇公网安备 53010302000627号</a></p><p style="text-align:center;"><span style="background-color:#f6f4f3"><span style="color:#7d7d7d">中国昆明教育电视台</span></span> <span style="background-color:#f6f4f3"><span style="color:#7d7d7d">版权所有</span></span></p>            <!-- <div class="f1">Copyright @2019 hefei.com .All rights reserved.</div>
            <div class="f1">合肥网版权所有网版权所有</div>
            <div class="f1">皖ICP备1000000000号</div> -->
        </div>
    </div></div>
<!-- /web/template/video_detail -->
        </div>
        <!-- 二维码 -->
        <style></style>
<div class="n_qrcode_fix">
    <div class="qrcode">
        <img src="/fccommon/Home/qrcode?url=http%3A%2F%2Fkmjy.kmetv.com%2Fapplication%2Ffcvideo%2Fshare_h5%2Fvideo.html%3Fvideo_id%3D2929" style="width: 100px;" />
        请用手机观看
    </div>
</div>
    </div>

</body>

</html>