{extend name="admin/base"/}
{block name="head"}
<script type="text/javascript" src="__static__/plugins/bootstrap-treetable/bootstrap-treetable.js"></script>
{/block}
{block name="body"}
<div class="box box-primary">
	<header class="box-header with-border">
		<h3 class="box-title">栏目管理</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(0)">
				<i class="fa fa-plus"></i> 新增
			</a>
			<a class="btn btn-primary" onclick="$.operate.edit()">
				<i class="fa fa-edit"></i> 修改
			</a>
			<a class="btn btn-info" id="expandAllBtn">
				<i class="fa fa-exchange"></i> 展开/折叠
			</a>
		</div>
		<div class="table-striped">
			<table id="bootstrap-tree-table"></table>
		</div>
	
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
$(function(){
	var addFlag = "";
	var editFlag = "";
	var removeFlag = "";

	$.treeTable.init({
		code: "id",
		parentCode: "pid",
		uniqueId: "id",
		expandAll: false,
		expandFirst: false,
		url: "/admin/menu/index",
		createUrl: "/admin/menu/add/{id}",
		updateUrl: "/admin/menu/edit/{id}",
		removeUrl: "/admin/menu/remove/{id}",
		modalName: "菜单",
		columns:[
			{field: 'selectItem', radio: true},
			{
				title: '菜单名称',
				field: 'title',
				width: '20%',
				formatter: function(value, row, index) {
				if ($.common.isEmpty(row.icon)) {
					return row.title;
				} else {
					return '<i class="' + row.icon + '"></i> <span class="nav-label">' + row.title + '</span>';
				}
				}
			},
			{
				field: 'sort',
				title: '排序',
				width: '10%',
				align: "left"
			},
			{
				field: 'url',
				title: '请求地址',
				width: '15%',
				align: "left"
			},
			{
				title: '操作',
				width: '20%',
				align: "left",
				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.menuId + '\')"><i class="fa fa-edit"></i>编辑</a> ');
					actions.push('<a class="btn btn-info btn-xs ' + addFlag + '" href="javascript:void(0)" onclick="$.operate.add(\'' + row.menuId + '\')"><i class="fa fa-plus"></i>新增</a> ');
					actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.menuId + '\')"><i class="fa fa-trash"></i>删除</a>');
					return actions.join('');
				}
			}
		]
	});
})
</script>
{/block}