<?php /*a:4:{s:78:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\cms\archives\index.html";i:1715617489;s:74:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\common\default.html";i:1715617489;s:71:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\common\meta.html";i:1715617489;s:73:"E:\phpstudy_pro\WWW\data\hkcms\template\admin\adminlte\common\script.html";i:1715617489;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta name="csrf-token" content="<?php echo token(); ?>">

    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="never">
<meta name="renderer" content="webkit">
<title><?php echo $site['title']; ?> - <?php echo lang("Backstage panel"); ?></title>

<link rel="Shortcut Icon" href="<?php echo $site['favicon']; ?>?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>" type="image/x-icon" />

<!-- Font Awesome 5.13.0 字体图标库 -->
<link rel="stylesheet" href="/static/libs/fontawesome-free/css/all.min.css">
<!-- AdminLTE v3.2.0 | Bootstrap v4.6.0 CSS框架 -->
<link rel="stylesheet" href="/static/module/admin/adminlte/css/adminlte.css?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>">
<link rel="stylesheet" href="/static/module/admin/adminlte/css/common.css?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>">

<script type="text/javascript">
    window.Config = <?php echo json_encode($site); ?>;
    window.Lang = <?php echo json_encode($tempLang); ?>;
    window.Tpl = <?php echo json_encode($Tpl); ?>;
</script>

    <style>
        html,body,.wrapper {
            height: 100% !important;
        }
        .content {
            min-height: 100%;
            height: auto;
            padding-bottom: 20px;
            background-color: #f2f3f5;
        }
        .operatePage .card-footer {
            width: 100%;
            position: fixed;
            bottom: 0;
            z-index: 99;
        }
    </style>

    {__STYLE__}

</head>
<body class="sidebar-mini layout-top-nav overlayScrollbars" >

    <?php if(empty($popup)): ?>
    <!-- 子页 -->
    <div class="wrapper">
        <div class="content">
            <div class="container-fluid" style="padding-top: 16px">
                <style>
    .content {
        background-color: #ffffff;
    }
    .content-wrapper>.content {
        padding: 0;
    }
    .basestyle {
        color: #4e5969;
    }
    .column-title {
        min-width: 250px;
    }
</style>
<div id="toolbar" class="toolbar">
    <button type="button" class="btn btn-primary btn-add " data-url="<?php echo url('/cms.archives/add',['category_id'=>$category_id]); ?>"><i class="fas fa-plus"></i> <?php echo lang('Add'); ?></button>
    <button type="button" class="btn btn-default btn-recycle" data-url="<?php echo url('/cms.archives/recycle',['category_id'=>$category_id]); ?>"><i class="fas fa-trash-restore"></i> <?php echo lang('Recycle'); ?></button>
    <div class="dropdown btn-toggle" data-toggle="tooltip" data-placement="right" data-title="点击表格行进行批量操作">
        <a class="btn btn-secondary dropdown-toggle btn-disabled disabled" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="<?php echo lang('Batch operation'); ?>"><i class="fas fa-cog"></i> <?php echo lang('More'); ?></a>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
            <a class="dropdown-item btn-push" href="#"><i class="fas fa-copy"></i> <?php echo lang('Batch copy'); ?></a>
            <a class="dropdown-item btn-move" href="#"><i class="fas fa-arrow-right"></i> <?php echo lang('Batch move'); ?></a>
            <a class="dropdown-item btn-del" href="#" data-url="<?php echo url('/cms.archives/del',['category_id'=>$category_id]); ?>"><i class="fas fa-trash-alt"></i> <?php echo lang('Batch delete'); ?></a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item btn-addproperty" data-type="1" href="#"><i class="fas fa-plus"></i> <?php echo lang('Add property'); ?></a>
            <a class="dropdown-item btn-deleteproperty" data-type="2" href="#"><i class="fas fa-times-circle"></i> <?php echo lang('Delete property'); ?></a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item status" href="#" data-params="status=normal"><?php echo lang('Set to normal'); ?></a>
            <a class="dropdown-item status" href="#" data-params="status=reject"><?php echo lang('Set as rejected'); ?></a>
            <a class="dropdown-item status" href="#" data-params="status=audit"><?php echo lang('Set Pending'); ?></a>
            <a class="dropdown-item status" href="#" data-params="status=hidden"><?php echo lang('Set to disabled'); ?></a>
        </div>
    </div>
</div>

<div class="filter-panel d-none">
    <form action="" method="get" class="frm-filter">
        <div class="row">
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label">ID</label>
                    <input type="text" class="form-control" name="id" placeholder="ID">
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label"><?php echo lang("Title"); ?></label>
                    <input type="text" class="form-control" name="title" data-op="like %...%">
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label"><?php echo lang("Publisher"); ?></label>
                    <input type="text"
                           id="frm-admin_id"
                           class="form-control selectpage"
                           name="admin_id"
                           data-multiple="true"
                           data-op="IN"
                           placeholder=""
                           data-show-field="username"
                           data-search-field="username"
                           data-data="<?php echo url('/auth.admin/index'); ?>">
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label"><?php echo lang("Release time"); ?></label>
                    <input type="text"
                           class="form-control laydate"
                           id="frm-publish_time"
                           name="publish_time"
                           data-type="datetime"
                           data-range="true"
                           data-op="BETWEEN TIME"
                           autocomplete="off">
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group text-center">
                    <input type="submit" class="btn btn-primary mr-2" value="<?php echo lang('Search'); ?>">
                    <input type="reset" class="btn btn-default" value="<?php echo lang('Reset'); ?>">
                </div>
            </div>
        </div>
    </form>
    <hr>
</div>

<table id="table"
       data-edit="<?php echo url('/cms.archives/edit'); ?>"
       data-del="<?php echo url('/cms.archives/del',['category_id'=>$category_id]); ?>"
       data-batches="<?php echo url('/cms.archives/batches',['category_id'=>$category_id]); ?>" data-popup="false"></table>

<script type="text/html" id="tmp-property">
    <div class="form-group row m-0 mt-2">
        <label class="col-sm-4 row-form-label"><?php echo lang('Flag'); ?>: </label>
        <div class="col-sm-8">
            <div class="radio-group">
                <?php if(is_array($flags) || $flags instanceof \think\Collection || $flags instanceof \think\Paginator): $i = 0; $__LIST__ = $flags;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$item): $mod = ($i % 2 );++$i;if($item['status']=='normal'): ?>
                <div class="radio-item">
                    <input id="row[name]-<?php echo $i; ?>" class="J-flags" name="row[name][]" type="checkbox" value="<?php echo $item['name']; ?>">
                    <label for="row[name]-<?php echo $i; ?>"><?php echo $item['title']; ?></label>
                </div>
                <?php endif; ?>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
        </div>
    </div>
</script>

{block:script}
<script>
    require(['admin','table'], function (admin, Table) {
        var flagsJson = <?php echo $flagsJson; ?>;
        var modelField = <?php echo $modelField; ?>;
        var columnData = <?php echo $columnData; ?>;

        $(function () {
            // 显示的字段
            var columns = [
                {
                    field: 'state',
                    checkbox: true,
                    class: 'column-checked-state'
                },{
                    field: 'weigh',
                    title: '<?php echo lang("Weigh"); ?>',
                    formatter:Table.formatter.txtEditBtn,
                    events:Table.events.txtEditBtn,
                    sortable: true,
                    class: 'column-weigh'
                },{
                    field: 'id',
                    title: 'ID',
                    class: 'column-id'
                },{
                    field: 'category_title',
                    title: '<?php echo lang("Column"); ?>',
                    class: 'column-category_title'
                },{
                    field: 'category_ids',
                    title: '<?php echo lang("Sub column"); ?>',
                    class: 'column-category_ids'
                },{
                    field: 'username',
                    title: '<?php echo lang("Publisher"); ?>',
                    class: 'column-username'
                }
            ];
            for (let key in modelField) {
                if (modelField[key].field_name=='weigh' || modelField[key].field_name=='flags') {
                    continue;
                }
                if (modelField[key].field_name == 'title') {
                    columns.push({
                        field: 'title',
                        title: '<?php echo lang("Title"); ?>',
                        align: 'left',
                        class: "column-title",
                        formatter: function (value,row,index) {
                            var html = '';
                            if (flagsJson && row['flags']) {
                                var fg = row['flags'].split(',');
                                $.each(fg, function (idx, vo) {
                                    html += ' <span class="text-danger">['+flagsJson[vo]+']</span>';
                                })
                            }
                            return '<a class="basestyle" href="'+row['url']+'" target="_blank" style="'+row['style']+'">'+value+html+'</a>';
                        }
                    });
                    continue
                }
                if (modelField[key].field_name == 'status') {
                    columns.push({
                        field: 'status',
                        title: '<?php echo lang("Status"); ?>',
                        class: 'column-status',
                        formatter: function (value,row,index) {
                            if (value=='normal') {
                                return lang(value);
                            } else if (value=='reject') {
                                return '<span class="text-danger">'+lang(value)+'</span>';
                            } else if (value=='audit') {
                                return '<span class="text-warning">'+lang(value)+'</span>';
                            } else if (value=='hidden') {
                                return '<span class="text-dark">'+lang(value)+'</span>';
                            } else {
                                return value;
                            }
                        }
                    });
                    continue
                }
                var langVal = Config.admin_lang_on == 1 ? lang(modelField[key].field_name.charAt(0).toUpperCase() + modelField[key].field_name.slice(1)) : modelField[key].field_title
                var itemObj = {
                    field: modelField[key].field_name,
                    title: langVal, // 自定义字段需要添加后台语言包
                    class: 'column-'+modelField[key].field_name
                }
                if (modelField[key].form_type=='image' || modelField[key].form_type=='downfile') { // 单图片
                    itemObj.formatter = Table.formatter.image
                    itemObj.events = Table.events.image
                } else if (modelField[key].form_type=='editor') { // 编辑器
                    itemObj.formatter = Table.formatter.editor
                    itemObj.events = Table.events.editor
                } else if (modelField[key].form_type=='radio') { // 单选
                    itemObj.formatter = Table.formatter.radio
                    itemObj.radioOption = modelField[key].data_list
                } else if (modelField[key].form_type=='datetime') { // 时间
                    itemObj.formatter = Table.formatter.datetime
                    // itemObj.datetimeFormat = "" // 日期格式
                } else if (modelField[key].form_type=='images' || modelField[key].form_type=='downfiles') { // 图集
                    itemObj.formatter = Table.formatter.images
                }
                columns.push(itemObj);
            }
            columns.push({
                field: 'operate',
                title: '<?php echo lang("Operate"); ?>',
                class: 'column-operate',
                formatter: Table.formatter.operate,
                events: Table.events.operate
            })

            // 显示隐藏列
            if (columnData) {
                for (var colKey in columns) {
                    for (var kk in columnData) {
                        if (columns[colKey].field==columnData[kk].field) {
                            columns[colKey].visible = columnData[kk].checked==='true'
                            break;
                        }
                    }
                }
            }

            var table = Table.init({
                url: "<?php echo url('/cms.archives/index',['model_id'=>$model_id,'category_id'=>$category_id,'issub'=>$Tpl['c_sub']]); ?>",
                sortName: 'weigh asc,publish_time desc',
                customFilter: true,
                addCallback: function(data) { // data属性字段值
                    if (Tpl.c_popup==1) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url}),'<?php echo lang("Add"); ?>')
                        return false;
                    } else if (Tpl.c_popup==2) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url}),'<?php echo lang("Add"); ?>',{area:['100%','100%']})
                        return false;
                    } else {
                        window.open(Util.setUrlParams({ url:data.url }))
                        return false;
                    }
                },
                editCallback: function(data, ids, row) {
                    if (Tpl.c_popup==1) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url,query:{id:ids,category_id:row['category_id']}}), '<?php echo lang("Edit"); ?>');
                        return false;
                    } else if (Tpl.c_popup==2) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url,query:{id:ids,category_id:row['category_id']}}), '<?php echo lang("Edit"); ?>', {area:['100%','100%']});
                        return false;
                    } else {
                        window.open(Util.setUrlParams({ url:data.url,query:{popup:1,id:ids,category_id:row['category_id']}}))
                        return false;
                    }
                    return false;
                },
                recycleCallback: function(data, ids) {
                    hkcms.api.open(Util.setUrlParams({ url:data.url, query:{popup:1}}),lang('Recycle'))
                    return false;
                },
                onColumnSwitch: function (field, checked) { // 选择列事件（显示、隐藏列）
                    // 获取隐藏的列、显示列
                    var showCols= table.bootstrapTable('getVisibleColumns');
                    var Hidecols= table.bootstrapTable('getHiddenColumns');
                    var postData = [];
                    if (showCols.length>0) {
                        for (var key in showCols) {
                            postData.push({
                                field: showCols[key].field,
                                checked: true
                            })
                        }
                    }
                    if (Hidecols.length>0) {
                        for (var itemKey in Hidecols) {
                            postData.push({
                                field: Hidecols[itemKey].field,
                                checked: false
                            })
                        }
                    }
                    // 记住选择的列
                    $.post("<?php echo url('/cms.archives/saveField',['model_id'=>$model_id,'category_id'=>$category_id]); ?>",{column_data:postData},function (res) {

                    });
                },
                columns: columns});

            //table.bootstrapTable('hideColumn', 'thumb'); // 隐藏显示

            // 复制
            $('.btn-push').click(function (e) {
                var ids = Table.api.getSelectionsId(table,true);
                hkcms.api.open(Util.setUrlParams({ url:"<?php echo url('/cms.archives/push',['model_id'=>$model_id,'category_id'=>$category_id]); ?>&ids="+ids, query:{popup:1} }),"<?php echo lang('Copy to'); ?>")
            })

            $('.btn-move').click(function (e) {
                var ids = Table.api.getSelectionsId(table,true);
                hkcms.api.open(Util.setUrlParams({ url:"<?php echo url('/cms.archives/move',['model_id'=>$model_id,'category_id'=>$category_id]); ?>&ids="+ids, query:{popup:1} }),"<?php echo lang('Move to'); ?>")
            });

            // 增加是否显示下级
            if (Tpl.c_sub==1) {
                $('.fixed-table-toolbar .columns-right').find('button[name="toggle"]').before('<button class="btn btn-secondary btn-sub-toggle" type="button" aria-label="Toggle" title="切换为不显示下级"><i class="fas fa-arrow-down"></i> </button>');
            } else {
                $('.fixed-table-toolbar .columns-right').find('button[name="toggle"]').before('<button class="btn btn-secondary btn-sub-toggle" type="button" aria-label="Toggle" title="切换为显示下级"><i class="fas fa-arrow-right"></i> </button>');
            }

            // 下级显示、隐藏
            $(document).on('click','.btn-sub-toggle',function (e) {
                if ($(this).find('i').is('.fa-arrow-down')) { // 不显示上级
                    // $(this).find('i').css('color','#777');
                    $(this).find('i').removeClass('fa-arrow-down').addClass('fa-arrow-right');
                    $(this).attr('title','切换为显示下级');
                    table.bootstrapTable('refresh',{ url:"<?php echo url('/cms.archives/index',['model_id'=>$model_id,'category_id'=>$category_id]); ?>"+'&issub=2'});
                } else {
                    $(this).find('i').removeClass('fa-arrow-right').addClass('fa-arrow-down');
                    // $(this).find('i').css('color','var(--teal)');
                    $(this).attr('title','切换为不显示下级');
                    table.bootstrapTable('refresh',{ url:"<?php echo url('/cms.archives/index',['model_id'=>$model_id,'category_id'=>$category_id]); ?>"+'&issub=1'});
                }

            });

            // 新增、删属性
            $(document).on('click', '.btn-addproperty,.btn-deleteproperty', function (e) {
                var ids = Table.api.getSelectionsId(table,true);
                var that = this;
                layer.open({
                    title: $(this).data('type')==1?"<?php echo lang('Add property'); ?>":"<?php echo lang('Delete property'); ?>",
                    type: 1,
                    btn: ["<?php echo lang('Submit'); ?>"],
                    area: ['400px', '200px'],
                    content: $('#tmp-property').html(),
                    shade: 0,
                    yes: function(index, layero) {
                        var arr = [];
                        $('.layui-layer-content .J-flags').each(function () {
                            if ($(this).prop('checked')) {
                                arr.push($(this).val());
                            }
                        })
                        if (arr.length<=0) {
                            layer.msg("<?php echo lang('Please choose'); ?>");
                            return false;
                        }

                        var idx = layer.load(1);
                        $.post("<?php echo url('/cms.archives/property',['category_id'=>$category_id]); ?>",{ids:ids,p:arr,type:$(that).data('type')},function (res) {
                            layer.close(idx);
                            if (res.code==200) {
                                layer.msg(res.msg,{time:1000},function () {
                                    layer.close(index);
                                    table.bootstrapTable('refresh');
                                });
                            } else {
                                layer.msg(res.msg);
                            }
                        });
                    }
                });
            });
        })
    })
</script>
{/block:script}
            </div>
        </div>
    </div>

    <?php else: ?>
    <div class="operatePage">
        <style>
    .content {
        background-color: #ffffff;
    }
    .content-wrapper>.content {
        padding: 0;
    }
    .basestyle {
        color: #4e5969;
    }
    .column-title {
        min-width: 250px;
    }
</style>
<div id="toolbar" class="toolbar">
    <button type="button" class="btn btn-primary btn-add " data-url="<?php echo url('/cms.archives/add',['category_id'=>$category_id]); ?>"><i class="fas fa-plus"></i> <?php echo lang('Add'); ?></button>
    <button type="button" class="btn btn-default btn-recycle" data-url="<?php echo url('/cms.archives/recycle',['category_id'=>$category_id]); ?>"><i class="fas fa-trash-restore"></i> <?php echo lang('Recycle'); ?></button>
    <div class="dropdown btn-toggle" data-toggle="tooltip" data-placement="right" data-title="点击表格行进行批量操作">
        <a class="btn btn-secondary dropdown-toggle btn-disabled disabled" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="<?php echo lang('Batch operation'); ?>"><i class="fas fa-cog"></i> <?php echo lang('More'); ?></a>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
            <a class="dropdown-item btn-push" href="#"><i class="fas fa-copy"></i> <?php echo lang('Batch copy'); ?></a>
            <a class="dropdown-item btn-move" href="#"><i class="fas fa-arrow-right"></i> <?php echo lang('Batch move'); ?></a>
            <a class="dropdown-item btn-del" href="#" data-url="<?php echo url('/cms.archives/del',['category_id'=>$category_id]); ?>"><i class="fas fa-trash-alt"></i> <?php echo lang('Batch delete'); ?></a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item btn-addproperty" data-type="1" href="#"><i class="fas fa-plus"></i> <?php echo lang('Add property'); ?></a>
            <a class="dropdown-item btn-deleteproperty" data-type="2" href="#"><i class="fas fa-times-circle"></i> <?php echo lang('Delete property'); ?></a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item status" href="#" data-params="status=normal"><?php echo lang('Set to normal'); ?></a>
            <a class="dropdown-item status" href="#" data-params="status=reject"><?php echo lang('Set as rejected'); ?></a>
            <a class="dropdown-item status" href="#" data-params="status=audit"><?php echo lang('Set Pending'); ?></a>
            <a class="dropdown-item status" href="#" data-params="status=hidden"><?php echo lang('Set to disabled'); ?></a>
        </div>
    </div>
</div>

<div class="filter-panel d-none">
    <form action="" method="get" class="frm-filter">
        <div class="row">
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label">ID</label>
                    <input type="text" class="form-control" name="id" placeholder="ID">
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label"><?php echo lang("Title"); ?></label>
                    <input type="text" class="form-control" name="title" data-op="like %...%">
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label"><?php echo lang("Publisher"); ?></label>
                    <input type="text"
                           id="frm-admin_id"
                           class="form-control selectpage"
                           name="admin_id"
                           data-multiple="true"
                           data-op="IN"
                           placeholder=""
                           data-show-field="username"
                           data-search-field="username"
                           data-data="<?php echo url('/auth.admin/index'); ?>">
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label class="row-form-label"><?php echo lang("Release time"); ?></label>
                    <input type="text"
                           class="form-control laydate"
                           id="frm-publish_time"
                           name="publish_time"
                           data-type="datetime"
                           data-range="true"
                           data-op="BETWEEN TIME"
                           autocomplete="off">
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="form-group text-center">
                    <input type="submit" class="btn btn-primary mr-2" value="<?php echo lang('Search'); ?>">
                    <input type="reset" class="btn btn-default" value="<?php echo lang('Reset'); ?>">
                </div>
            </div>
        </div>
    </form>
    <hr>
</div>

<table id="table"
       data-edit="<?php echo url('/cms.archives/edit'); ?>"
       data-del="<?php echo url('/cms.archives/del',['category_id'=>$category_id]); ?>"
       data-batches="<?php echo url('/cms.archives/batches',['category_id'=>$category_id]); ?>" data-popup="false"></table>

<script type="text/html" id="tmp-property">
    <div class="form-group row m-0 mt-2">
        <label class="col-sm-4 row-form-label"><?php echo lang('Flag'); ?>: </label>
        <div class="col-sm-8">
            <div class="radio-group">
                <?php if(is_array($flags) || $flags instanceof \think\Collection || $flags instanceof \think\Paginator): $i = 0; $__LIST__ = $flags;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$item): $mod = ($i % 2 );++$i;if($item['status']=='normal'): ?>
                <div class="radio-item">
                    <input id="row[name]-<?php echo $i; ?>" class="J-flags" name="row[name][]" type="checkbox" value="<?php echo $item['name']; ?>">
                    <label for="row[name]-<?php echo $i; ?>"><?php echo $item['title']; ?></label>
                </div>
                <?php endif; ?>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
        </div>
    </div>
</script>

{block:script}
<script>
    require(['admin','table'], function (admin, Table) {
        var flagsJson = <?php echo $flagsJson; ?>;
        var modelField = <?php echo $modelField; ?>;
        var columnData = <?php echo $columnData; ?>;

        $(function () {
            // 显示的字段
            var columns = [
                {
                    field: 'state',
                    checkbox: true,
                    class: 'column-checked-state'
                },{
                    field: 'weigh',
                    title: '<?php echo lang("Weigh"); ?>',
                    formatter:Table.formatter.txtEditBtn,
                    events:Table.events.txtEditBtn,
                    sortable: true,
                    class: 'column-weigh'
                },{
                    field: 'id',
                    title: 'ID',
                    class: 'column-id'
                },{
                    field: 'category_title',
                    title: '<?php echo lang("Column"); ?>',
                    class: 'column-category_title'
                },{
                    field: 'category_ids',
                    title: '<?php echo lang("Sub column"); ?>',
                    class: 'column-category_ids'
                },{
                    field: 'username',
                    title: '<?php echo lang("Publisher"); ?>',
                    class: 'column-username'
                }
            ];
            for (let key in modelField) {
                if (modelField[key].field_name=='weigh' || modelField[key].field_name=='flags') {
                    continue;
                }
                if (modelField[key].field_name == 'title') {
                    columns.push({
                        field: 'title',
                        title: '<?php echo lang("Title"); ?>',
                        align: 'left',
                        class: "column-title",
                        formatter: function (value,row,index) {
                            var html = '';
                            if (flagsJson && row['flags']) {
                                var fg = row['flags'].split(',');
                                $.each(fg, function (idx, vo) {
                                    html += ' <span class="text-danger">['+flagsJson[vo]+']</span>';
                                })
                            }
                            return '<a class="basestyle" href="'+row['url']+'" target="_blank" style="'+row['style']+'">'+value+html+'</a>';
                        }
                    });
                    continue
                }
                if (modelField[key].field_name == 'status') {
                    columns.push({
                        field: 'status',
                        title: '<?php echo lang("Status"); ?>',
                        class: 'column-status',
                        formatter: function (value,row,index) {
                            if (value=='normal') {
                                return lang(value);
                            } else if (value=='reject') {
                                return '<span class="text-danger">'+lang(value)+'</span>';
                            } else if (value=='audit') {
                                return '<span class="text-warning">'+lang(value)+'</span>';
                            } else if (value=='hidden') {
                                return '<span class="text-dark">'+lang(value)+'</span>';
                            } else {
                                return value;
                            }
                        }
                    });
                    continue
                }
                var langVal = Config.admin_lang_on == 1 ? lang(modelField[key].field_name.charAt(0).toUpperCase() + modelField[key].field_name.slice(1)) : modelField[key].field_title
                var itemObj = {
                    field: modelField[key].field_name,
                    title: langVal, // 自定义字段需要添加后台语言包
                    class: 'column-'+modelField[key].field_name
                }
                if (modelField[key].form_type=='image' || modelField[key].form_type=='downfile') { // 单图片
                    itemObj.formatter = Table.formatter.image
                    itemObj.events = Table.events.image
                } else if (modelField[key].form_type=='editor') { // 编辑器
                    itemObj.formatter = Table.formatter.editor
                    itemObj.events = Table.events.editor
                } else if (modelField[key].form_type=='radio') { // 单选
                    itemObj.formatter = Table.formatter.radio
                    itemObj.radioOption = modelField[key].data_list
                } else if (modelField[key].form_type=='datetime') { // 时间
                    itemObj.formatter = Table.formatter.datetime
                    // itemObj.datetimeFormat = "" // 日期格式
                } else if (modelField[key].form_type=='images' || modelField[key].form_type=='downfiles') { // 图集
                    itemObj.formatter = Table.formatter.images
                }
                columns.push(itemObj);
            }
            columns.push({
                field: 'operate',
                title: '<?php echo lang("Operate"); ?>',
                class: 'column-operate',
                formatter: Table.formatter.operate,
                events: Table.events.operate
            })

            // 显示隐藏列
            if (columnData) {
                for (var colKey in columns) {
                    for (var kk in columnData) {
                        if (columns[colKey].field==columnData[kk].field) {
                            columns[colKey].visible = columnData[kk].checked==='true'
                            break;
                        }
                    }
                }
            }

            var table = Table.init({
                url: "<?php echo url('/cms.archives/index',['model_id'=>$model_id,'category_id'=>$category_id,'issub'=>$Tpl['c_sub']]); ?>",
                sortName: 'weigh asc,publish_time desc',
                customFilter: true,
                addCallback: function(data) { // data属性字段值
                    if (Tpl.c_popup==1) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url}),'<?php echo lang("Add"); ?>')
                        return false;
                    } else if (Tpl.c_popup==2) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url}),'<?php echo lang("Add"); ?>',{area:['100%','100%']})
                        return false;
                    } else {
                        window.open(Util.setUrlParams({ url:data.url }))
                        return false;
                    }
                },
                editCallback: function(data, ids, row) {
                    if (Tpl.c_popup==1) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url,query:{id:ids,category_id:row['category_id']}}), '<?php echo lang("Edit"); ?>');
                        return false;
                    } else if (Tpl.c_popup==2) {
                        hkcms.api.open(Util.setUrlParams({ url:data.url,query:{id:ids,category_id:row['category_id']}}), '<?php echo lang("Edit"); ?>', {area:['100%','100%']});
                        return false;
                    } else {
                        window.open(Util.setUrlParams({ url:data.url,query:{popup:1,id:ids,category_id:row['category_id']}}))
                        return false;
                    }
                    return false;
                },
                recycleCallback: function(data, ids) {
                    hkcms.api.open(Util.setUrlParams({ url:data.url, query:{popup:1}}),lang('Recycle'))
                    return false;
                },
                onColumnSwitch: function (field, checked) { // 选择列事件（显示、隐藏列）
                    // 获取隐藏的列、显示列
                    var showCols= table.bootstrapTable('getVisibleColumns');
                    var Hidecols= table.bootstrapTable('getHiddenColumns');
                    var postData = [];
                    if (showCols.length>0) {
                        for (var key in showCols) {
                            postData.push({
                                field: showCols[key].field,
                                checked: true
                            })
                        }
                    }
                    if (Hidecols.length>0) {
                        for (var itemKey in Hidecols) {
                            postData.push({
                                field: Hidecols[itemKey].field,
                                checked: false
                            })
                        }
                    }
                    // 记住选择的列
                    $.post("<?php echo url('/cms.archives/saveField',['model_id'=>$model_id,'category_id'=>$category_id]); ?>",{column_data:postData},function (res) {

                    });
                },
                columns: columns});

            //table.bootstrapTable('hideColumn', 'thumb'); // 隐藏显示

            // 复制
            $('.btn-push').click(function (e) {
                var ids = Table.api.getSelectionsId(table,true);
                hkcms.api.open(Util.setUrlParams({ url:"<?php echo url('/cms.archives/push',['model_id'=>$model_id,'category_id'=>$category_id]); ?>&ids="+ids, query:{popup:1} }),"<?php echo lang('Copy to'); ?>")
            })

            $('.btn-move').click(function (e) {
                var ids = Table.api.getSelectionsId(table,true);
                hkcms.api.open(Util.setUrlParams({ url:"<?php echo url('/cms.archives/move',['model_id'=>$model_id,'category_id'=>$category_id]); ?>&ids="+ids, query:{popup:1} }),"<?php echo lang('Move to'); ?>")
            });

            // 增加是否显示下级
            if (Tpl.c_sub==1) {
                $('.fixed-table-toolbar .columns-right').find('button[name="toggle"]').before('<button class="btn btn-secondary btn-sub-toggle" type="button" aria-label="Toggle" title="切换为不显示下级"><i class="fas fa-arrow-down"></i> </button>');
            } else {
                $('.fixed-table-toolbar .columns-right').find('button[name="toggle"]').before('<button class="btn btn-secondary btn-sub-toggle" type="button" aria-label="Toggle" title="切换为显示下级"><i class="fas fa-arrow-right"></i> </button>');
            }

            // 下级显示、隐藏
            $(document).on('click','.btn-sub-toggle',function (e) {
                if ($(this).find('i').is('.fa-arrow-down')) { // 不显示上级
                    // $(this).find('i').css('color','#777');
                    $(this).find('i').removeClass('fa-arrow-down').addClass('fa-arrow-right');
                    $(this).attr('title','切换为显示下级');
                    table.bootstrapTable('refresh',{ url:"<?php echo url('/cms.archives/index',['model_id'=>$model_id,'category_id'=>$category_id]); ?>"+'&issub=2'});
                } else {
                    $(this).find('i').removeClass('fa-arrow-right').addClass('fa-arrow-down');
                    // $(this).find('i').css('color','var(--teal)');
                    $(this).attr('title','切换为不显示下级');
                    table.bootstrapTable('refresh',{ url:"<?php echo url('/cms.archives/index',['model_id'=>$model_id,'category_id'=>$category_id]); ?>"+'&issub=1'});
                }

            });

            // 新增、删属性
            $(document).on('click', '.btn-addproperty,.btn-deleteproperty', function (e) {
                var ids = Table.api.getSelectionsId(table,true);
                var that = this;
                layer.open({
                    title: $(this).data('type')==1?"<?php echo lang('Add property'); ?>":"<?php echo lang('Delete property'); ?>",
                    type: 1,
                    btn: ["<?php echo lang('Submit'); ?>"],
                    area: ['400px', '200px'],
                    content: $('#tmp-property').html(),
                    shade: 0,
                    yes: function(index, layero) {
                        var arr = [];
                        $('.layui-layer-content .J-flags').each(function () {
                            if ($(this).prop('checked')) {
                                arr.push($(this).val());
                            }
                        })
                        if (arr.length<=0) {
                            layer.msg("<?php echo lang('Please choose'); ?>");
                            return false;
                        }

                        var idx = layer.load(1);
                        $.post("<?php echo url('/cms.archives/property',['category_id'=>$category_id]); ?>",{ids:ids,p:arr,type:$(that).data('type')},function (res) {
                            layer.close(idx);
                            if (res.code==200) {
                                layer.msg(res.msg,{time:1000},function () {
                                    layer.close(index);
                                    table.bootstrapTable('refresh');
                                });
                            } else {
                                layer.msg(res.msg);
                            }
                        });
                    }
                });
            });
        })
    })
</script>
{/block:script}
    </div>
    <?php endif; ?>

    <script src="/static/libs/require/require.js"></script>
<script src="/static/module/admin/adminlte/js/main.js?v=<?php echo env('APP_DEBUG')?time():$site['version']; ?>"></script>

<!-- // 加载插件JS-->
<?php echo load_js(); ?>



    {__SCRIPT__}
    
</body>
</html>