{template "header.html"}

<header class="hui-header">
    <div id="hui-back"></div>
    <h1>{$cat.name}</h1>
    <a id="hui-search" href="javascript:dr_m_top_category();"><i class="fa fa-navicon"></i></a>
</header>
<div class="hui-header-line"></div>



<div class="page-content">

    <div class="search-page search-content-1 margin-top-20">

        <div class="search-container">
            <!--分页显示列表数据-->
            <div class="bbs-table">
                <div class="bbs-table-title">置顶贴子</div>
                <ul class="bbs-list">
                    {module IN_isflag=1,2}
                    <li>
                        <a class="bbs-avatar"><img src="{dr_avatar($t.uid)}" alt="{$t.author}"></a>
                        <h2><a href="{dr_cat_value($t.catid, 'url')}" class="layui-badge">{dr_cat_value($t.catid, 'name')}</a><a href="{$t.url}">{dr_strcut($t.title, 30)}</a></h2>
                        <div class="bbs-list-info">
                            <span>{$t.author}</span>
                            <span>{dr_fdate($t._inputtime)}</span>
                            最后回复：<span><a rel="nofollow" href="{$t.url}">{dr_fdate($t._updatetime)}</a></span>
                        </div>
                        <div class="bbs-list-badge">
                            <span class="layui-badge layui-bg-red"><i class="fa fa-eye"></i> {$t.hits}</span>
                            <span class="layui-badge layui-bg-red"><i class="fa fa-comments"></i> {$t.comments}</span>
                        </div>
                    </li>
                    {/module}

                </ul>
            </div>
            <div class="bbs-table">
                <div class="bbs-table-title">本版贴子</div>
                <ul class="bbs-list" id="content_list">

                    {template "list_data.html"}


                </ul>

            </div>


        </div>

        <div class="margin-top-20" id="is_ajax_btn">
            <a href="javascript:dr_ajax_load_more();" class="btn default btn-block"> 加载更多 </a>
        </div>
    </div>

</div>

<script>
    var Mpage=1;
    //滚动显示更多
    var scroll_get = true;  //做个标志,不要反反复复的加载
    $(document).ready(function () {
        $(window).scroll(function () {
            if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
                scroll_get = false;
                layer.msg('内容加截中,请稍候',{time:1000});
                dr_ajax_load_more();
            }
        });
    });

    function dr_ajax_load_more(){
        Mpage++;
        $.get('/index.php?s=api&c=api&m=template&name=list_data.html&module={MOD_DIR}&catid={$catid}&format=json&page='+Mpage+'&'+Math.random(),function(res){
            $('.footer-cont').hide();
            if(res.code==1){
                if(res.msg==''){
                    $('#is_ajax_btn').hide();
                    layer.msg("已经显示完了",{time:500});
                }else{
                    $('#content_list').append(res.msg);
                    scroll_get = true;
                }
            }else{
                layer.msg(res.msg,{time:2500});
            }
        }, 'json');
    }
</script>
{template "footer.html"}