#@mgr(attr.getItem("currentMenuName"))

#define content()
<section class="content container-fluid">
	
	#if(msg)
	<div class="alert alert-success alert-dismissible">
	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	<p>#(msg)</p></div>
	#end
	
	#if(sites.size() > 1)
	<div class="row">
		<div class="col-md-3">
			<div class="site-container"></div>
		</div>
		<div class="col-md-9">
	#end
			<div id="dataTable"></div>
	#if(sites.size() > 1)
		</div>
	</div>
	#end
	
</section>
#end

#define after()
<script>
require(['ez-datagrid', 'ez-list', 'kit'], function(Grid, List, Kit){
	
	var nodesJson = #(EJson.toJson(navis));
	var sites = #(EJson.toJsonFilter(sites, "subDomain", "caption"));
	var subDomain = '#(subDomain)';
	
	if(sites.length > 1){
		var siteList = List('.site-container', {
			title: '网站列表'
				, active: function(val, row){ return row.subDomain === subDomain }
				, event: {
					selected: function(ind, row){
						var s = row.subDomain;
						if(Kit.isEmpty(s)) s = '';
						Kit.go('#(attr.ctrl)?subDomain=' + s);
					}
				}
		}).load(sites);
	}
	
	var datagrid;
	var initNodeGrid = function(){
		var opts = {
			container: '#dataTable'
			, data: nodesJson
			, title: '网站导航'
			, columns: [{
	            field: 'caption'
	            , title: '导航名称'
	            , required: true
				, placeholder: '导航名称'
	            , formatter: function(value, row){
	            	return value + '<a href="#(attr.src)/site/naviItem?subDomain=' + subDomain + '&pid=' + row.id + '">（点击配置详细）</a>';
	            }
			},{
            	field: 'code'
	            , title: '导航别名'
		        , width: 120
	            , required: true
				, placeholder: '请填写英文格式，且不允许出现重复'
    		},{
            	field: 'subDomain'
   	            , title: '子站域名'
   				, defaultValue: subDomain
   				, visible: false
   				, addVisible: false
   				, modifyVisible: false
   				, detailVisible: false
       		}]
			, btnAdd: { callback: function(params){ return '#(attr.ctrl)/addNavi' } }
			, btnModify: { callback: function(params, row){ return '#(attr.ctrl)/modifyNavi' } }
			, btnRemove: { callback: function(params, rows){ return '#(attr.ctrl)/removeNavi?ids=' + Kit.getFields(rows, 'id').join(',') } }
		}
		Grid.load(opts, function(dg){
			datagrid = dg;
		});
	}
	initNodeGrid();
});
</script>
#end