{include file="public/header" /}
<div class="config-container">
    <div class="config-header" style="display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;">
        <div class="maintitle">
            <i class="layui-icon layui-icon-set-fill"></i>
            <span>推送配置列表</span>
        </div>
        <div style="display: flex;align-items: flex-start;flex-direction: column;gap: 15px;margin-bottom: 10px;">
            <div>
                <button class="layui-btn layui-bg-blue" onclick="addSetting()">
                    <i class="layui-icon layui-icon-add-1"></i>添加配置
                </button>
                <button type="button" class="layui-btn layui-btn-primary layui-border-blue" onclick="refreshSetting()">
                    <i class="layui-icon layui-icon-refresh"></i>刷新
                </button>
            </div>
        </div>
    </div>
    <table id="contentPushSettingTable" lay-filter="contentPushSettingTable"></table>
</div>

<script type="text/html" id="settingTableBar">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/javascript">
layui.use(['table', 'layer'], function () {
    var table = layui.table;
    var layer = layui.layer;
    var $ = layui.jquery;

    // 渲染表格
    table.render({
        elem: '#contentPushSettingTable',
        url: '{$config["admin_route"]}yunzeradmin/contentpushsetting',
        page: true,
        cols: [[
            {field: 'id', title: 'ID', width: 80, sort: true},
            {field: 'title', title: '配置标题', width: 200},
            {field: 'value', title: '配置值', width: 300},
            {field: 'status', title: '状态', width: 100, templet: function(d){
                return d.status == 1 ? 
                    '<span class="layui-badge layui-bg-green">启用</span>' : 
                    '<span class="layui-badge">禁用</span>';
            }},
            {field: 'sort', title: '排序', width: 100, sort: true},
            {field: 'create_time', title: '创建时间', width: 180},
            {title: '操作', width: 160, toolbar: '#settingTableBar', fixed: 'right'}
        ]],
        limit: 10,
        limits: [10, 20, 30, 50]
    });

    // 工具条事件
    table.on('tool(contentPushSettingTable)', function(obj){
        var data = obj.data;
        if(obj.event === 'edit'){
            editSetting(data.id);
        } else if(obj.event === 'del'){
            layer.confirm('确定要删除该配置吗？', function(index){
                $.post('{$config["admin_route"]}yunzeradmin/contentpushsettingdel', {id: data.id}, function(res){
                    if(res.code == 0){
                        layer.msg('删除成功', {icon: 1});
                        table.reload('contentPushSettingTable');
                    } else {
                        layer.msg(res.msg, {icon: 2});
                    }
                });
                layer.close(index);
            });
        }
    });

    // 刷新
    window.refreshSetting = function(){
        table.reload('contentPushSettingTable');
    };

    // 添加
    window.addSetting = function(){
        layer.open({
            type: 2,
            title: '添加推送配置',
            area: ['800px', '600px'],
            content: '{$config["admin_route"]}yunzeradmin/contentpushsettingadd',
            end: function(){
                table.reload('contentPushSettingTable');
            }
        });
    };
    

    // 编辑
    window.editSetting = function(id){
        layer.open({
            type: 2,
            title: '编辑推送配置',
            area: ['600px', '400px'],
            content: '{$config["admin_route"]}yunzeradmin/contentpushsettingadd?id=' + id,
            end: function(){
                table.reload('contentPushSettingTable');
            }
        });
    };
});
</script>

{include file="public/tail" /}