{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, .layui-table-view{margin-top:0px;}
.layui-input{height:45px;}
.layui-table th, .layui-table td{border:1px solid #e6e6e6;}
</style>

<div class="layui-fluid" id="LAY-component-layer-list">
    <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">
                        <button class="layui-btn layui-btn-danger icon-btn" lay-title="{:all_lang('添加')}" lay-area="500" lay-url="#editforms" lay-callback="edits" lay-open><i class="layui-icon layui-icon-add-1"></i>{:all_lang('添加')}</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- // 创建数据表实例 -->
        <table id="lay-tableList" lay-filter="lay-tableList"></table>        
    </div>
</div>

<!-- // 添加编辑数据 -->
<script type="text/html" id="editforms">
    <div class="layui-fluid layui-bg-white">
        <form class="layui-form layui-form-fixed" lay-filter="editforms">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label"><font class="pcfts">* </font>{:all_lang('站点名称')}</label>
                <div class="layui-input-inline">
                    <input name="title" placeholder="{:all_lang('请输站点名称')}" style="height:40px" type="text" class="layui-input" lay-verify="required"/>
                </div>
                <label class="layui-form-label"><font class="pcfts">* </font>{:all_lang('别名')}</label>
                <div class="layui-input-inline">
                    <input name="alias" placeholder="{:all_lang('请输入别名')}" style="height:40px" type="text" class="layui-input" lay-verify="required"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">{:all_lang('网址')}</label>
                <div class="layui-input-block">
                    <input name="yourdomain" placeholder="http://" style="height:40px" type="text" class="layui-input"/>
                </div>
            </div>            
            <div class="layui-form-item">
                <label class="layui-form-label">{:all_lang('排序')}</label>
                <div class="layui-input-inline">
                    <input name="sort" type="text" style="height:40px" class="layui-input"/>
                </div>
            </div>
            <div class="layui-footer layui-form-item layui-center">
                <button class="layui-btn layui-btn-primary" type="button" sa-event="closePageDialog" >{:all_lang('取消')}</button>
                <button class="layui-btn" lay-add="{:url('/language/add')}" lay-edit="{:url('/language/edit')}" lay-filter="submitPage" lay-submit>
                {:all_lang('提交')}</button>
            </div>
        </form>
    </div>
</script>


<!-- // 列表状态栏 -->
<script type="text/html" id="userStatus1">
    <input type="checkbox" lay-filter="switchStatus" lay-url="{:url('/language/isdefault')}" value="{{d.id}}" lay-skin="switch" {{d.isdefault == 1 ?'checked':''}} lay-callback="status"/>
</script>

<!-- // 列表状态栏 -->
<script type="text/html" id="userStatus2">
<input type="checkbox" lay-filter="switchStatus" lay-url="{:url('/language/status')}" value="{{d.id}}" lay-skin="switch" {{d.status == 1 ?'checked':''}} lay-callback="status"/>
</script>
{include file="/public/footer"/}
<script>
    layui.use(['admin','table','form'], function () {
        var admin = layui.admin;
        var $ = layui.jquery;
        var table = layui.table;
        var form = layui.form;

        // 初始化表格
        var isTable = table.render({
            elem: "#lay-tableList",
            url: "{:url('/language/index')}",
            page: false,
            height: 'full-110',
            cols: [[
                {field: 'litpic', align: 'left',width:80,templet:function(d) {
                    return '<div><img src="'+d.litpic+'" width="25" height="25"></div>';
                }, title: '{:all_lang("封面")}',align:'center'},
                {field: 'alias', align: 'left',title: '{:all_lang("别名")}',width:80,align:'center'},
                {field: 'title', align: 'left',title: '{:all_lang("站点名称 - (点击文字修改)")}',edit: 'text'},
                {field: 'yourdomain', align: 'left',title: '{:all_lang("网址 - (点击文字修改)")}',edit: 'text'},
                {field: 'add_time', align: 'center',width: 200, title: '{:all_lang("创建时间")}'},
                {field: 'isdefault', align: 'center',templet: '#userStatus1', width: 160, title: '{:all_lang("前台默认语言")}'},
                {field: 'status', align: 'center',templet: '#userStatus2', width: 100, title: '{:all_lang("状态")}'},
                {title: '{:all_lang("排序")}',align: 'center',templet: function (d) {
                    var html = "<input type='number' size='4' data-id='"+d.id+"' value='"+d.sort+"' id='sort' class='layui-input' style='height:35px;'/>";
                    return html;
                }, width: 100},
            ]]
        });

        table.on('edit', function (obj) {
            var _pageUrl = "{:url('/language/edit')}";
            layui.$.post(_pageUrl,{id:obj.data.id,value:obj.value,'field':obj.field}, function(res){
                if (res.code == 200) {
                    layui.iziToast.success({
                        message: res.msg,
                        timeout: 1000,
                        onClosing: function () {
                            parent.location.reload();
                        }
                    });
                } 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
                    });
                }
            }, 'json');
            return false;
        });


        // 编辑|添加的回调函数
        admin.callback.edits = function(clickthis,colletction,config) {
            var tableThis = colletction.tableThis,
            status = typeof(tableThis) === "undefined" ? true : false;
            form.on("submit(submitPage)",function(post){
                var pageThat = layui.$(this),
                _pageUrl = !status ? pageThat.attr('lay-edit') : pageThat.attr('lay-add');
                layui.$.post(_pageUrl,post.field, function(res){
                    if (res.code == 200) {
                        layui.iziToast.success({
                            message: res.msg,
                            timeout: 1000,
                            onClosing: function () {
                                parent.location.reload();
                                layer.close(colletction.index);
                            }
                        });
                    } 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
                        });
                    }
                }, 'json');
                return false;
            })
        }

        // 修改状态的回调函数
        admin.callback.status = function(clickthis,colletction,config) {
            if(colletction){
                if (colletction.code == 200) {
                    layui.iziToast.success({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            parent.location.reload();
                        }
                    });
                }else {
                    layui.iziToast.error({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            parent.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")}';
            changeTableVal('website','id',data_id,'sort',this,pcf_url);
        });


    })
</script>
</body>
</html>