{extend name="admin/base"/}
{block name="body"}
<div class="box box-primary">
	<header class="box-header with-border">
		<h3 class="box-title">{$meta_title|default='新功能'}</h3>
		<div class="pull-right">
		</div>
	</header>
	<div class="box-body">
		<div class="btn-group-sm" id="toolbar" role="group">
			<a class="btn btn-success" onclick="$.operate.add()">
				<i class="fa fa-plus"></i> 新增
			</a>
			 <a class="btn btn-primary single disabled" onclick="$.operate.edit()">
				<i class="fa fa-edit"></i> 修改
			</a>
			<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()">
				<i class="fa fa-remove"></i> 删除
			</a>
		</div>
		
		<div class="table-striped">
			<table id="bootstrap-table" data-mobile-responsive="true"></table>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<!-- bootstrap-table 表格插件 -->
<script src="__static__/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="__static__/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="__static__/plugins/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js"></script>
<script src="__static__/plugins/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js"></script>
<script src="__static__/plugins/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js"></script>

<script type="text/javascript">
$(function(){
	var editFlag = "";
	var removeFlag = "";
	var resetPwdFlag = "";

	$.table.init({
		url: "/admin/user/index",
		createUrl: "/admin/user/add",
		updateUrl: "/admin/user/edit/id/{id}",
		removeUrl: "/admin/user/remove",
		sortName: "id",
		sortOrder: "desc",
		modalName: "客户端",
		columns: [
			{
				checkbox: true
			},
			{
				field: 'title',
				title: '客户端名称'
			},
			{
				field: 'appid',
				title: 'APPID'
			},
			{
				field: 'appsecret',
				title: 'APP秘钥'
			},
			{
				field: 'create_time',
				title: '创建时间',
				sortable: true
			},
			{
				title: '操作',
				align: 'center',
				formatter: function(value, row, index) {
					var actions = [];
					actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
					actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a> ');
					return actions.join('');
				}
			}
		]
	});
})

</script>
{/block}