{include file="public/head"}
{include file="content/nav"}
<div class="layui-fluid layui-rg-bg">
    <div class="layui-row layui-col-space15">
    {include file="content/left"}
    <div class="layui-col-xs12 layui-col-sm12 layui-col-md9 layui-col-lg10">
        <div class="layui-card">
            <div class="layui-card-header">
                <div class="layui-inline">
                    <div class="layui-input-inline"><button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-disabled countnum"></button></div>
                    <div class="layui-input-inline"><button class="layui-btn layui-btn-sm" lay-filter="dropdown" lay-dropdown="{showBy: 'hover',align:'left', menus: [
                    {txt: '删除', event:'del'},
                    'hr',
                    {txt: '移动', event:'move'},
                    {txt: '复制', event:'copy'},
                    'hr',
                    {txt: '上线', event:'statuson'},
                    {txt: '下线', event:'statusoff'},
                    'hr',
                    {txt: '置顶', event:'istopon'},
                    {txt: '取消置顶', event:'istopoff'},
                    ]}"><span>{:lang('operate')}</span><i class="layui-icon layui-icon-triangle-d" style="float:right;margin-left:5px;margin-right:-5px;"></i></button></div>
                    <div class="layui-input-inline"><button class="layui-btn layui-btn-sm layui-btn-normal list_act" data-value="search"><i class="layui-icon layui-icon-search" style="float:left;"></i>搜索</button></div>
                    <div class="layui-input-inline"><button class="layui-btn layui-btn-sm layui-btn-warm list_act" data-value="recycle"><i class="layui-icon layui-icon-delete" style="float:left;"></i>回收站<span class="recycle"></span></button></div>
                </div>
                <div class="layui-inline" style="float:right;">
                    <div class="layui-input-inline"><a class="layui-btn layui-btn-primary layui-btn-sm refresh"><i class="layui-icon layui-icon-refresh-3"></i></a></div>
                    <div class="layui-input-inline"><a class="layui-btn layui-btn-sm addsbtn" onclick="openlayer('{:url("add",['model_id' => $modelinfo.id,'type' => 'batch'])}','批量{:lang('add')}','m')"><i class="layui-icon layui-icon-add-1" style="float:left;"></i>批量{:lang('add')}{$modelinfo.title}</a></div>
                    <div class="layui-input-inline"><a class="layui-btn layui-btn-sm addbtn" onclick="openlayer('{:url("add",['model_id' => $modelinfo.id])}','{:lang('add')}','m')"><i class="layui-icon layui-icon-addition" style="float:left;"></i>{:lang('add')}{$modelinfo.title}</a></div>
                </div>
            </div>
            <div class="layui-card-body">
                {include file="content/search"}
                <style type="text/css">
                .layui-table-cell {
                    height: auto;
                    line-height: 24px;
                }
                </style>
                <table id="data_table" class="layui-table" lay-filter="data_table" style="margin-top:-10px;"></table>
                {:pagedebug()}
            </div>
        </div>
    </div>
    
    </div>
</div>
<div id="selectnav" style="display:none;"></div><input type="hidden" name="selectnav">
{include file="public/foot"}
<script type="text/html" id="action">
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs" lay-event="edit"><i class='layui-icon layui-icon-edit'></i>{:lang("edit")}</a></div>
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class='layui-icon layui-icon-delete'></i>{:lang("del")}</a></div>
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="view"><i class='layui-icon layui-icon-release'></i>预览</a></div>
</script>
<script type="text/html" id="status">
    <input type="checkbox" name="status" lay-skin="primary" value="{{d.id}}" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }}>
</script>
<script type="text/html" id="istop">
    <input type="checkbox" name="istop" lay-skin="primary" value="{{d.id}}" lay-filter="status" {{ d.istop == 1 ? 'checked' : '' }}>
</script>
<script type="text/javascript">
    layui.use(['table','form','element','tree','dropdown','laydate'],function(){
        var table = layui.table, form = layui.form, $ = layui.jquery;
        var tree = layui.tree;
        var laydate = layui.laydate;
        var dropdown = layui.dropdown;
        loading = layer.load(1, {shade: [0.1, '#fff']});
        table.render({
            elem: '#data_table',
            url: '{:url("clist",["model_id" => $modelinfo.id])}',
            method: 'POST',
            cols: [[
            {type:'checkbox'},
            {field:'id', align: 'center', title: 'ID',width:60, sort:true},
            {field:'title', title:'标题',minWidth:240,edit:'text'},
            {width:80, align: 'center',title:'图片',templet: function(d){
                if(!d.img) d.img = '/public/static/images/nopic.jpg';
                return '<img src="'+d.img+'" style="height:28px;width:30px;" onclick=viewpic("'+d.img+'")>';
            }},
            {title:'所属分类',minWidth:120, templet:function(d){
                if(d.navlist) {
                    return '<a class="layui-btn layui-btn-xs layui-btn-disabled">'+d.navlist.name+'<a>';
                } else {
                    return '<font color="#FF5722">分类未指定</font>';
                }
                
            }},
            {:DiyTableCol($modelinfo.id)}
            {field:'hits', title:'点击数', edit:'text', sort:true},
            {field:'create_time',width: 165, title: '添加时间',sort:true},
            {field:'istop', width: 70,align: 'center', title: '置顶', templet: '#istop'},
            {field:'status', width: 70,align: 'center', title: '在线', templet:function(d){
                return '<input type="checkbox" name="status" lay-skin="primary" value="'+d.id+'" lay-filter="status" '+(d.status == 1 ? "checked" : "")+'>';
            }},
            {field:'torder', width: 80, align: 'center', title:'{:lang("order")}', sort:true, edit:'text'},
            {if $modelinfo.attamodel_id}
            {width: 100, title: '附属内容',align: 'center',templet:function(d){
                return '<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="atta"><i class="layui-icon layui-icon-book"></i>附属内容</a>';
            }},
            {/if}
            {toolbar: '#action', width: 200, align: 'center', title: '{:lang("act")}'}
            ]],
            limit: {:config('app.admin.pagelimit')},
            page: true,
            done: function (res) {
                $('.countnum').text('记录数：' + res.count + '条');
                var recycle_count = res.recycle_count;
                if(recycle_count > 0){
                    $(".recycle").addClass("layui-badge-dot");
                } else {
                    $(".recycle").removeClass("layui-badge-dot");
                }
                layer.close(loading);
            }
        });
        // 监听排序事件
        table.on('sort(data_table)', function(obj){
            var field = obj.field;
            var type = obj.type;
            table.reload('data_table',{
                initSort: obj
                ,where: {order:{field:field,type:type}}
                ,page:{curr:1}
            })
        });
        // 左侧栏目树
        tree.render({
            elem: '#navlist'  //绑定元素
            ,id:'navlist'
            ,onlyIconControl:true
            ,data:{:json_encode(app\\admin\\model\\Navlist::getNavlistByModel(session('siteid'),$modelinfo.id))}
            ,click: function(obj){
                $("#navlist").find('.layui-tree-txt').attr('style','');
                obj.elem.find('.layui-tree-txt').eq(0).attr('style','color:#FF5722');
                var navlist_id = obj.data.id;
                $('.addbtn').attr('onclick','openlayer("{:url("add",["model_id" => $modelinfo.id])}?navlist_id='+navlist_id+'","{:lang("add")}","m")');
                $('.addsbtn').attr('onclick','openlayer("{:url("add",["model_id" => $modelinfo.id,"type" => "batch"])}?navlist_id='+navlist_id+'","批量{:lang("add")}","m")');
                table.reload('data_table',{
                    page:{curr:1},
                    url: '{:url("clist",["model_id" => $modelinfo.id])}',
                    method: 'POST',
                    where: {navlist_id:navlist_id}
                })
            }
        });
        // 日期操作
        if($('.rgcms_date').length > 0 ) {
            $('.rgcms_date').each(function(){
                var datetype = $(this).attr('datetype');
                var dateval = $(this).attr('dateval');
                if(datetype == undefined || datetype == '') {
                    datetype = 'yyyy-MM-dd HH:mm:ss';
                }
                var type = 'date';
                if(datetype.indexOf("H") != -1 || datetype.indexOf("m") != -1) {
                    type = 'datetime';
                }
                if(dateval) {
                    $(this).val(util.toDateString(dateval*1000, datetype));
                }
                var name = $(this).parent().find('input[type=hidden]').eq(0).attr('name');
                laydate.render({
                    elem: this
                    ,trigger: 'click'
                    ,type: type
                    ,format: datetype
                    ,done: function(value, date, endDate){
                        var time = '';
                        if(value) {
                            time = (new Date(value)).getTime()/1000;
                        }
                        $('input[name='+name+']').val(time);
                    }
                });
            });
        }
        // 下拉按钮事件
        dropdown.onFilter("dropdown", function (event) {
            var checkStatus = table.checkStatus('data_table'), data = checkStatus.data;
            var ids = [];
            $(data).each(function(k,v){
                ids.push(v.id);
            });
            if(ids == '') {
                layer.msg('请选择要操作的{$modelinfo.title}！');
                return false;
            }
            if(event === 'del'){
                layer.msg('选择一个操作', {
                    skin: 'list-class',
                    time: 0,
                    icon: 7,
                    shade: 0.3,
                    btn: ['彻底删除','移至回收站','取消'],
                    btn1: function(){
                        layer.confirm('确认彻底删除所选{$modelinfo.title}吗！',{title:'彻底删除'},function(){
                            table_ajax({id:ids},'{:url("del",["model_id" => $modelinfo.id])}',10);
                        })
                    },
                    btn2: function(){
                        layer.confirm('确认所选{$modelinfo.title}移至回收站吗！',{title:'移至回收站'},function(){
                            table_ajax({id:ids},'{:url("del",["model_id" => $modelinfo.id,"type" => "soft"])}',10);
                        })
                    }
                });
                return false;
            } else if(event == 'statuson') {
                layer.confirm('确认上线所选{$modelinfo.title}吗！',{title:'上线'},function(){
                    table_ajax({id:ids,field:'status',value:1},'{:url("edits",["model_id" => $modelinfo.id])}',10);
                })
            } else if(event == 'statusoff') {
                layer.confirm('确认取消上线所选{$modelinfo.title}吗！',{title:'取消上线'},function(){
                    table_ajax({id:ids,field:'status',value:0},'{:url("edits",["model_id" => $modelinfo.id])}',10);
                })
            } else if(event == 'istopon') {
                layer.confirm('确认置顶所选{$modelinfo.title}吗！',{title:'置顶'},function(){
                    table_ajax({id:ids,field:'istop',value:1},'{:url("edits",["model_id" => $modelinfo.id])}',10);
                })
            } else if(event == 'istopoff') {
                layer.confirm('确认取消置顶所选{$modelinfo.title}吗！',{title:'取消置顶'},function(){
                    table_ajax({id:ids,field:'istop',value:0},'{:url("edits",["model_id" => $modelinfo.id])}',10);
                })
            } else if(event == 'move') {
                layer.open({
                    type : 1,
                    title : '选择目标',
                    area : ['350px','360px'],
                    content : $('#selectnav'),
                    btn: ['确认','取消'],
                    yes: function(index,layero){
                        var navlist_id = $("input[name='selectnav']").val();
                        if(!navlist_id) {
                            layer.msg('未选择栏目');
                            return false;
                        }
                        $.ajax({
                            url: '{:url("edits")}?model_id={$modelinfo.id}',
                            data: {field:'navlist_id',id:ids,value:navlist_id},
                            dataType: 'JSON',
                            type: 'POST',
                            success: function(result){
                                layuialert(result,1);
                            }
                        })
                    },
                    end: function (){
                        $('#selectnav').css("display", "none");
                    }
                })
            } else if(event == 'copy') {
                layer.open({
                    type : 1,
                    title : '选择目标',
                    area : ['350px','360px'],
                    content : $('#selectnav'),
                    btn: ['确认','取消'],
                    yes: function(index,layero){
                        var navlist_id = $("input[name='selectnav']").val();
                        if(!navlist_id) {
                            layer.msg('未选择栏目');
                            return false;
                        }
                        $.ajax({
                            url: '{:url("copy")}?model_id={$modelinfo.id}',
                            data: {id:ids,navlist_id:navlist_id},
                            dataType: 'JSON',
                            type: 'POST',
                            success: function(result){
                                layuialert(result,1);
                            }
                        })
                    },
                    end: function (){
                        $('#selectnav').css("display", "none");
                    }
                })
            }
        });
        // 按钮点击
        $(".list_act").click(function(){
            var list_act = $(this).attr("data-value");
            if(list_act == 'recycle') {
                openlayer('{:url("recycle",["model_id" => $modelinfo.id])}','{:lang("recycle")}','m',true);
            } else if(list_act == 'content') {
                location.href = "{:url('clist',['model_id' => $modelinfo.id])}";
            } else if(list_act == 'search') {
                $("#laysearch").toggle();
            }
        }); 
        //监听行双击事件
        table.on('rowDouble(data_table)', function(obj){
            var url = "{:url('edit',['model_id' => $modelinfo.id])}?id="+obj.data.id;
            openlayer(url,'{:lang("edit")}','m');
        });
        //点击事件
        table.on('tool(data_table)', function(obj) {
            var data = obj.data;
            var event = obj.event;
            if(event === 'del'){
                layer.msg('选择一个操作', {
                    skin: 'list-class',
                    time: 0,
                    icon: 7,
                    shade: 0.3,
                    btn: ['彻底删除','移至回收站','取消'],
                    btn1: function(){
                        layer.confirm('确认彻底删除所选{$modelinfo.title}吗！',{title:'彻底删除'},function(){
                            table_ajax(data,'{:url("del",["model_id" => $modelinfo.id])}',10);
                        })
                    },
                    btn2: function(){
                        layer.confirm('确认所选{$modelinfo.title}移至回收站吗！',{title:'移至回收站'},function(){
                            table_ajax(data,'{:url("del",["model_id" => $modelinfo.id,"type" => "soft"])}',10);
                        })
                    }
                });
                return false;
            }else if(event === 'edit'){
                var url = "{:url('edit',['model_id' => $modelinfo.id])}?id="+data.id;
                openlayer(url,'{:lang("edit")}','m');
            }else if(event === 'view'){
                openlayer(data.url,'内容预览','l');
            }{if $modelinfo.attamodel_id}else if(event === 'atta'){
                var url = "{:url('attacontent/clist',['model_id' => $modelinfo.attamodel_id])}?c_id="+data.id;
                openfulllayer(url,'【{$modelinfo.title}】附属内容');
            }{/if}
        });
        //监听单元格编辑
        table.on('edit(data_table)', function(obj){
            var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段
            delete data.create_time;
            if(field == 'torder') {
                table_ajax(data,'{:url("edit",["model_id" => $modelinfo.id])}',10);
            } else {
                table_ajax(data,'{:url("edit",["model_id" => $modelinfo.id])}',11);
            }
        });
        // 站点栏目树
        tree.render({
            elem: '#selectnav'  //绑定元素
            ,id:'selectnav'
            ,onlyIconControl:true
            ,data:{:json_encode(app\\admin\\model\\Navlist::getNavlistByModel(session('siteid'),$modelinfo.id))}
            ,click: function(obj){
                $("#selectnav").find('.layui-tree-txt').attr('style','');
                obj.elem.find('.layui-tree-txt').eq(0).attr('style','color:#FF5722');
                $("input[name='selectnav']").val(obj.data.id);
                layer.msg('你选择了'+obj.data.name);
            }
        });
        // 监听开关操作
        form.on('checkbox(status)', function(obj){
            var data={};
            data[obj.elem.name] = obj.elem.checked ? 1 : 0;
            data['id'] = obj.value;
            data['list_switch'] = true;
            table_ajax(data,'{:url("edit",["model_id" => $modelinfo.id])}',11);
        });
        // 搜索提交
        form.on('submit(rgcms_search)',function(data){
            loading = layer.load(1, {shade: [0.1, '#fff']});
            table.reload('data_table',{
                url: '{:url("search",["model_id" => $modelinfo.id])}',
                method: 'POST',
                page:{curr: 1},
                where: data.field
            })
            return false; //禁止刷新
        });
    });

</script>