{extend name="user@user:base" /}
{block name="title"}评论管理{/block}
{block name="panel_body"}
<div id="content" class="comment pull-right">
    <style>
        .comment .list .item {
            border-bottom: 1px solid #eee;
        }

        .comment .list .item .avatar img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
        }
    </style>
    <div class="panel p-lg">
        <div class="panel-heading">
            <h4 class="pb-md">我的摊位</h4>
            <ul class="nav nav-tabs">
                <li role="presentation" {if $type=='0' } class="active" {/if}>
                    <a href="/index/user/comment?type=0">我评论的</a>
                </li>
                <li role="presentation" {if $type=='1' } class="active" {/if}>
                    <a href="/index/user/comment?type=1">评论我的</a>
                </li>
                <li role="presentation" {if $type=='2' } class="active" {/if}>
                    <a href="/index/user/comment?type=2">我咨询的</a>
                </li>
                <li role="presentation" {if $type=='3' } class="active" {/if}>
                    <a href="/index/user/comment?type=3">咨询我的</a>
                </li>
            </ul>
        </div>
        <div class="panel-body">
            <ul class="list">
                {if !empty($data)} {if $type==0} {foreach $data as $k=>$v}
                <li class="item mb-sm">
                    <a href="{$v.url}">{$v.item.name}</a>
                    <div class="user">
                        <a href="" class="avatar">
                            <img src="{$v.user.avatar}">
                        </a>
                        <span>{$v.user.name}</span>
                    </div>
                    <p class="text">{$v.content}
                        <span class="pull-right" data-id="{$v.id}" onclick="deleteComment()">删除</span>
                    </p>
                </li>
                {/foreach} {/if} {if $type==1} {foreach $data as $k=>$v}
                <li class="item mb-sm">
                    <a href="{$v.url}">{$v.item.name}</a>
                    <div class="user">
                        <a href="" class="avatar">
                            <img src="{$v.user.avatar}">
                        </a>
                        <span>{$v.user.name}</span>
                    </div>
                    <p class="text">回复了我：{$v.content}
                        <span class="pull-right" id="reply" onclick="reply(this)">回复TA</span>
                        <span class="pull-right hidden" id="packup" onclick="packup(this)">收起</span>
                    </p>
                    <div class="reply-box hidden">
                        <textarea cols="30" rows="2" name="content" data-column="{$v.column_id}" data-id="{$v.data_id}" data-comment="{$v.id}" data-uid="{$v.user.id}"
                            data-uname="{$v.user.name}"></textarea>
                        <button onclick="submitReply(this)">确定</button>
                    </div>
                </li>
                {/foreach} {/if} {if $type==2} {foreach $data as $k=>$v}
                <li class="item mb-sm">
                    <a href="{$v.url}">{$v.shop.name}</a>
                    <div class="user">
                        <a href="" class="avatar">
                            <img src="{$v.user.avatar}">
                        </a>
                        <span>{$v.user.name}</span>
                    </div>
                    <p class="text">
                        {$v.content}
                    </p>
                </li>
                {/foreach} {/if} {if $type==3} {foreach $data as $k=>$v}
                <li class="item mb-sm">
                    <a href="{$v.url}">{$v.shop.name}</a>
                    <div class="user">
                        <a href="" class="avatar">
                            <img src="{$v.user.avatar}">
                        </a>
                        <span>{$v.user.name}</span>
                    </div>
                    <p class="text">咨询了我：{$v.content}
                        <span class="pull-right" id="reply" onclick="reply(this)">回复TA</span>
                        <span class="pull-right hidden" id="packup" onclick="packup(this)">收起</span>
                    </p>
                    <div class="reply-box hidden">
                        <textarea cols="30" rows="2" name="content" data-id="{$v.shop.user_id}" data-comment="{$v.id}"></textarea>
                        <button onclick="submitReply(this, type)">确定</button>
                    </div>
                </li>
                {/foreach} {/if} {else} 暂无相关数据 {/if}
            </ul>
        </div>
    </div>
</div>
{/block} {block name="js"}
<script type="text/javascript">
    require(['user']);

    function reply(that) {
        $(that).next("#packup").removeClass("hidden");
        $(that).parents().next(".reply-box").removeClass("hidden");
        $(that).addClass("hidden");
    }

    function packup(that) {
        $(that).prev("#reply").removeClass("hidden");
        $(that).parents().next(".reply-box").addClass("hidden");
        $(that).addClass("hidden");
    }

    function submitReply(that, type) {

        var textarea = $(that).parents(".reply-box").children("textarea");
        var content = $(textarea).val();
        var data_id = $(textarea).data('id');
        var commentid = $(textarea).data('comment');

        var data = {
            'content': content,
            'data_id': data_id,
            'comment_id': commentid
        }
        if (type) {
            data.type = 'shop'
        } else {
            data.to_user_id = $(textarea).data('uid');
            data.to_user_name = $(textarea).data('uname');
            data.column_id = $(textarea).data('column');
        }

        $.ajax({
            type: 'POST',
            url: '/index/api/comment',
            datatype: "json",
            data: data,
            success: function (data) {
                if (data.code == 1) {
                    alert("回复成功！")
                    window.location.reload();
                }
            }
        })

    }
</script>
{/block}