{include file="public/header"/}
<script src="__STATIC_ADMIN__/js/jquery.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_common.js?t={php}echo time();{/php}"></script>
<style>
    .layui-table-cell {height:35px;line-height:35px;}
    .layui-table th, .layui-table td{border:1px solid #e6e6e6;}
    .layui-card-body{padding:0px 30px;}
    .layui-card-header h5{font-size:16px;}
    .layui-card-header i.layui-icon-list{font-size:22px;margin-top:5px;position:relative;top:2px;}
    .layui-badge{margin-right:5px;}
    .eleTree-title{cursor:pointer;}
    .layui-inline{vertical-align:middle;}
    .eleTree-group .eleTree-node .eleTree-title {position:relative;line-height:40px;height:40px;}
    .eleTree-group .eleTree-node .eleTree-title .eleTree-text{font-size:14px;box-sizing:border-box;padding:2px 5px;overflow:hidden;}
    .eleTree-group .eleTree-node .eleTree-title:hover{background-color:#fff!important;}
    .eleTree-group .eleTree-node .eleTree-title.eleTree-title-active{background-color:#1890ff!important;color:#fff!important;}
    .eleTree-group .eleTree-node .eleTree-title.eleTree-title-active .eleTree-dropdown.eleTree-dropdown-code:not(.eleTree-dropdown-hide)::before, .eleTree-group .eleTree-node .eleTree-title.eleTree-title-active .eleTree-dropdown.eleTree-dropdown-code:not(.eleTree-dropdown-hide)::after{background-color:#fff!important;}
    .eleTree-group .eleTree-node .eleTree-title .eleTree-dropdown{left:0px;}
    .pcfred{color:red!important;}
    .nav-dropup {position:relative;margin-left:10px;height:38px;display:inline-block!important;width:115px;}
    .nav-dropup .dropdown-menu{position:absolute;top:37px;left:0;z-index:99999;min-width:10rem;margin:.125rem 0 0;font-size:.875rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);display:none;}
    .nav-dropup .dropdown-menu a{display:block;width:85%;padding:0rem 0rem 0rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
    .nav-dropup .dropdown-menu a:hover{color:#16181b;text-decoration:none;background-color:#f5f5f5;}
    .layui-btn-gray{background-color:gray;}
    .layout-right {display:block;width:100%;background-color:#fff;min-height:600px;overflow:hidden;}
    #layout-left {display:block;overflow:auto;padding:10px 15px;}
    .layui-table-page{border-top:1px solid #e6e6e6;border-bottom:0px;}
</style>
<div class="layui-col-md2">
    <div class="layui-fluid" style="padding-right:0;">
        <div class="layui-card">
            <div class="layui-card-header layuiadmin-card-header-auto" style="padding-top:0px;border-bottom:1px solid #eee;padding-bottom:0px;">
                <h5><i class="layui-icon layui-icon-list"></i> {:all_lang('栏目管理')}</h5>
            </div>
            <div class="layui-card-body" id="layout-left">
                <div id="tree">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="layui-col-md10" id="LAY-component-layer-list">
    <div class="layui-fluid" id="content">
        <div class="layui-card">
            <div class="layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input name="title" class="layui-input" type="text" placeholder="{:all_lang('标题搜索')}"/>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <!-- // 默认搜索 -->
                            <button class="layui-btn icon-btn" id="pcf_search" lay-filter="formSearch" lay-submit>
                                <i class="layui-icon layui-icon-search"></i>{:all_lang('搜索')}
                            </button>
                            <button class="layui-btn icon-btn layui-table-text layui-btn-add" onclick="quick_release(this);">
                                <i class="layui-icon layui-icon-add-1"></i>{:all_lang('添加')}
                            </button>
                            <div class="nav-dropup">
                                <button class="layui-btn icon-btn layui-table-text dropdown-bt"><i class="layui-icon layui-icon-transfer "></i>{:all_lang('批量操作')}</button>
                                <div class="dropdown-menu">
                                    <a href="javascript:;" data-url="{:url('/content/batch_copy')}" data-type="batch_copy" data-typeid="0" id="batch" class="pcfbatch1">
                                    批量复制</a>
                                    <a href="javascript:;" data-url="{:url('/content/batch_move')}" data-type="batch_move_all" data-typeid="0" id="batch" class="pcfbatch2">
                                    批量移动</a>
                                    <a href="javascript:;" data-url="{:url('/content/del')}" data-type="batch_del" id="batch">
                                    批量删除</a>
                                    <hr class="layui-bg-gray">
                                    <a href="javascript:;" data-url="{:url('/content/add_attr')}" data-type="add_attribute" id="batch">
                                    添加属性</a>
                                    <a href="javascript:;" data-url="{:url('/content/del_attr')}" data-type="del_attribute" id="batch">
                                    删除属性</a>  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>   
            </div>
            <!-- // 创建数据实例 -->
            <table id="lay-tableList" lay-filter="lay-tableList"></table>
        </div>
    </div>
    <div class="layui-fluid pcfnone" id="single">
        <div class="layout-right">
            <iframe name="content_body" id="content_body" width="100%" height="100%" frameborder="0"></iframe>
        </div>
    </div>
</div>

<!-- // 列表状态栏 -->
<script type="text/html" id="status">
    <input type="checkbox" lay-filter="switchStatus" lay-url="{:url('/content/status')}" value="{{d.aid}}" lay-text="显示|隐藏" lay-skin="switch" {{d.status == 1 ? 'checked':''}} lay-callback="status"/>
</script>

<!-- // 列表编辑框 -->
<script type="text/html" id="tableBar"> 
    <a class="layui-table-text" data-type="content_edit" data-id="{{d.aid}}" data-channel="{{d.channel_id}}" data-typeid="{{d.typeid}}">
    {:all_lang('编辑')}</a>
    <div class="layui-divider layui-divider-vertical"></div>
    <a class="layui-table-text pcfred" data-url="{:url('/content/del')}" data-id="{{d.aid}}" data-type="content_del">{:all_lang('删除')}</a>
</script>
{include file="public/footer"/}
<script>
    var clientHeight = document.documentElement.clientHeight > 0 ? document.documentElement.clientHeight : 600;
    var ppheight = clientHeight-98;
    $('#layout-left').attr('style','height:'+ppheight+"px;");

    layui.use(['admin','eleTree','form'], function () {
        var admin = layui.admin;
        var eleTree = layui.eleTree;
        var table = layui.table; 
        var jquery = layui.jquery;
        var form  = layui.form;
        var singleURL = "{:url('/content/single_edit')}";
        var tableURL = "{:url('/content/index')}";
        var authURL  = '{:url("/content/get_cates_tree")}';

        // 数据表格
        table.render({
            elem: "#lay-tableList",
            url: tableURL,
            page: true,
            height: 'full-110',
            limit : 20,
            cols: [[
                {type: 'checkbox'},
                {field:'aid' ,align: 'left',sort: true,width: 80,  title: 'ID'},
                {field: 'title', align: 'left', templet(d) {
                    if(d.is_b == 1){
                        var html = '<a style="margin-right:10px;font-weight:bold;">'+d.title+'</a>';
                        html += '<span class="layui-badge layui-bg-blue">加粗</span>';
                    }else{
                        var html = '<a style="margin-right:10px;">'+d.title+'</a>';                       
                    }
                    if(d.is_head == 1){
                        html += '<span class="layui-badge layui-bg-cyan">头条</span>';
                    }
                    if(d.is_top == 1){
                        html += '<span class="layui-badge">置顶</span>';
                    }
                    if(d.is_recom == 1){
                        html += '<span class="layui-badge layui-bg-orange">推荐</span>';
                    }
                    if(d.is_special == 1){
                        html += '<span class="layui-badge layui-bg-green">特推</span>';
                    }
                    if(d.is_litpic == 1){
                        html += '<span class="layui-badge layui-bg-red">图文</span>';
                    }
                    if(d.is_jump == 1){
                        html += '<span class="layui-badge layui-bg-cyan">跳转</span>';
                    }
                    return html;
                },title: '{:all_lang("标题")}'},
                {field: 'cate_name', align: 'center',width: 120, title: '{:all_lang("分类")}'},
                {field: 'status', align: 'center',templet:'#status',width: 100, title: '{:all_lang("状态")}'},
                {field: 'click', align: 'center',sort: true, width: 100, title: '{:all_lang("浏览量")}'},
                {field: 'add_time', align: 'center', width: 160,title: '{:all_lang("创建时间")}'},
                {align: 'center', toolbar: '#tableBar',width: 120, title: '{:all_lang("操作")}'},
                {title: '{:all_lang("排序")}',align: 'center',templet: function (d) {
                    var html = "<input type='number' style='height:35px;' size='4' data-id='"+d.aid+"' value='"+d.sort+"' id='sort' class='layui-input'/>";
                    return html;
                }, width: 100},
            ]]
        });

        // 获取权限列表
        var createTree = function(elem) {
            return eleTree({
                el: '#'+elem,
                data: admin.event.getData(authURL),
                highlightCurrent: true,
                showLine: true,
                defaultPid: 0,
                expandOnClickNode: false,
                request: {
                    name: "title",
                },
                defaultExpandAll: true,// 是否默认展开所有节点
            })
        };

        // 重载数据表格
        var Tree = createTree('tree');
        Tree.on('click',function(event) {
            param = '?' + jquery.param({
                'type_id': event.data.id,
                'parent_id': event.data.parent_id,
                'channel_id': event.data.channel_id
            });
            if(event.data.channel_id == 1){
                jquery('#single').show();
                jquery('#content').hide();
                jquery('#content_body').attr('src',singleURL+param);
                var pheight = document.documentElement.clientHeight-35;
                jquery('.layout-right').attr('style','height:'+pheight+"px;");
            }else{
                jquery('#single').hide();
                jquery('#content').show();
                var that = jquery('.layui-btn-add');
                that.removeAttr('onclick');
                that.attr('data-type','content_add');
                that.attr('data-channel',event.data.channel_id);
                that.attr('data-typeid',event.data.id);
                $('.pcfbatch1').attr('data-typeid',event.data.id);
                $('.pcfbatch2').attr('data-typeid',event.data.id);
            }
            table.reload('lay-tableList', {
                url: tableURL + param,
                page: {curr:1,limit:20}
            });
        });

        // 修改状态的回调函数
        admin.callback.status = function(clickthis,colletction,config) {
            if(colletction){
                if (colletction.code == 200) {
                    layui.iziToast.success({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            table.reload('lay-tableList');
                        }
                    });
                }else if(colletction.code == 504){
                    layui.iziToast.error({
                        message: colletction.message,
                        timeout: 1000,
                        onClosing: function () {
                            parent.location.reload();
                        }
                    });
                }else {
                    layui.iziToast.error({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            self.window.location.reload();
                        }
                    });
                }
            }
        };

        // 监听排序
        $(document).on("change","#LAY-component-layer-list #sort",function(){
            var data_id = $(this).attr('data-id');
            var pcf_url = '{:url("/ajax/ajax_changeTableVal")}';
            var pcf_value = $(this).val();
            $.ajax({
                type: 'POST',
                url: pcf_url,
                data: {table:'archives',id_name:'aid',id_value:data_id,field:'sort',value:pcf_value},
                dataType: 'json',
                success: function(res){
                    if (res.code == 200) {
                        layui.iziToast.success({
                            message: res.msg,
                            timeout: 1000,
                            onClosing: function () {
                               table.reload('lay-tableList');
                            }
                        });
                        return true;
                    }else if(res.code == 504){
                        layui.iziToast.error({
                            message: res.message,
                            timeout: 1000,
                            onClosing: function () {
                                parent.location.reload();
                            }
                        });
                    } else {
                        layui.iziToast.error({
                            message: res.msg,
                            timeout: 1000,
                            onClosing: function () {
                                window.location.reload();
                            }
                        });
                    }
                },
                error: function() {
                    layui.iziToast.error({
                        message: "{:all_lang('好像是网络出错了...')}",
                        timeout: 1500
                    });
                }
            })
        });

        $(document).on("click","#LAY-component-layer-list .layui-table-text",function(){
          var type = $(this).data('type');
          active[type] && active[type].call(this);
        });

        $(document).on("click","#LAY-component-layer-list #batch",function(){
          var type = $(this).data('type');
          active[type] && active[type].call(this);
        });

        //触发事件
        var active = {
            content_add: function(){
                var obj = this;
                var typeid = $(obj).attr('data-typeid');
                var channel_id = $(obj).attr('data-channel');
                layer.open({
                    type: 2,
                    title: false,
                    closeBtn: false,
                    fixed: true,
                    shadeClose: false,
                    shade: 0.3,
                    area: ['100%', '100%'],
                    content: "{:url('/content/add')}?typeid="+typeid+"&channel_id="+channel_id,
                    end: function () {
                       table.reload('lay-tableList');
                    }
                });
            },
            content_edit: function(){
                var obj = this;
                var aid = $(obj).attr('data-id');
                var typeid = $(obj).attr('data-typeid');
                var channel_id = $(obj).attr('data-channel');
                layer.open({
                    type: 2,
                    title: false,
                    closeBtn: false,
                    fixed: true,
                    shadeClose: false,
                    shade: 0.3,
                    area: ['100%', '100%'],
                    content: "{:url('/content/edit')}?aid="+aid+"&typeid="+typeid+"&channel_id="+channel_id,
                    end: function () {
                       table.reload('lay-tableList');
                    }
                });
            },
            content_del: function(){
                content_delfun(this);
            },
            batch_del: function(){
                var checkRows = table.checkStatus('lay-tableList');
                if (checkRows.data.length === 0) {
                    layui.iziToast.error({
                        message: "{:all_lang('请选择要删除的数据')}",
                        timeout: 1500
                    });
                    return false;
                }
                var ids = checkRows.data.map(function (d) {
                    return d.aid;
                });
                content_batch_del(this, ids);
            },
            add_attribute: function(){
                var checkRows = table.checkStatus('lay-tableList');
                if (checkRows.data.length === 0) {
                    layui.iziToast.error({
                        message: "{:all_lang('请至少选择一项')}",
                        timeout: 1500
                    });
                    return false;
                }
                var ids = checkRows.data.map(function (d) {
                    return d.aid;
                });
                func_haddle_attribute(this, ids,'添加');
            },
            del_attribute: function(){
                var checkRows = table.checkStatus('lay-tableList');
                if (checkRows.data.length === 0) {
                    layui.iziToast.error({
                        message: "{:all_lang('请至少选择一项')}",
                        timeout: 1500
                    });
                    return false;
                }
                var ids = checkRows.data.map(function (d) {
                    return d.aid;
                });
                func_haddle_attribute(this, ids,'删除');
            },
            batch_copy: function(){
                $(".dropdown-menu").slideUp(200);
                event.stopPropagation();
                var checkRows = table.checkStatus('lay-tableList');
                if (checkRows.data.length === 0) {
                    layui.iziToast.error({
                        message: "{:all_lang('请至少选择一项')}",
                        timeout: 1500
                    });
                    return false;
                }
                var ids = checkRows.data.map(function (d) {
                    return d.aid;
                });
                var obj = this;
                var cate_channel = $(obj).attr('data-typeid');
                func_batch_copy(this, ids, cate_channel);
            },
            batch_move_all: function(){
                $(".dropdown-menu").slideUp(200);
                event.stopPropagation();
                var checkRows = table.checkStatus('lay-tableList');
                if (checkRows.data.length === 0) {
                    layui.iziToast.error({
                        message: "{:all_lang('请至少选择一项')}",
                        timeout: 1500
                    });
                    return false;
                }
                var ids = checkRows.data.map(function (d) {
                    return d.aid;
                });
                var obj = this;
                var cate_channel = $(obj).attr('data-typeid');
                func_move(this, ids, cate_channel);
            }
        };
        window.isTable = function(){
            table.reload('lay-tableList');
        };
    })

    //快捷发布文档
    function quick_release(){
        layer.open({
            type: 2,
            title: '快捷发布文档',
            fixed: true,
            shadeClose: false,
            shade: 0.3,
            maxmin: false,
            area: ['450px', '520px'],
            content: '{:url("/content/cate_release")}'
        });
    }

    //批量属性
    function func_haddle_attribute(obj, name, text){
        aids = name;
        var url = $(obj).attr('data-url');
        layer.open({
            type: 2,
            title: '批量'+text+'属性',
            fixed: true,
            shadeClose: false,
            shade: 0.3,
            maxmin: false,
            area: ['450px', '520px'],
            content: url,
            end: function () {
               isTable();
            }
        });
    };

    // 批量移动
    function func_move(obj, name, ptypeid){
        aids = name;
        var url = $(obj).attr('data-url')+"?typeid="+ptypeid;
        layer.open({
            type: 2,
            title: '移动文档',
            fixed: true,
            shadeClose: false,
            shade: 0.3,
            maxmin: false,
            area: ['450px', '520px'],
            content: url,
            end: function () {
               isTable();
            }
        });
    };

    //批量复制
    function func_batch_copy(obj, name, ptypeid){
        aids = name;
        var url = $(obj).attr('data-url')+"?typeid="+ptypeid;
        layer.open({
            type: 2,
            title: '批量复制',
            fixed: true,
            shadeClose: false,
            shade: 0.3,
            maxmin: false,
            area: ['450px', '520px'],
            content: url,
            end: function () {
               isTable();
            }
        });
    };

    $(".dropdown-bt").click(function(){
        $(".dropdown-menu").slideToggle(200);
        event.stopPropagation();
    });

    $(document).click(function(){
        $(".dropdown-menu").slideUp(200);
        event.stopPropagation();
    });

    var aids;
    function get_aids(){
        return aids;
    }
</script>
</body>
</html>