#@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
	
	<div id="dataTable"></div>
	
	<blockquote>
		<h5><b>操作说明：</b></h5>
		绑定之后，请在域名控制台中设置解析: <b>IP : #(serverIP)</b>
	</blockquote>
			
</section>
#end

#define after()
<script>
require(['ez-datagrid', 'kit'], function(Grid, Kit){
	
	var nodesJson = #(EJson.toJson(domains));
	var datagrid;
	var initNodeGrid = function(){
		var opts = {
			container: '#dataTable'
			, data: nodesJson
			, title: '域名绑定'
			, checkMulti: false
			, columns: [{
	            field: 'topDomain'
	            , title: '域名'
	            , required: true
				, placeholder: 'www.domain.com'
	            , formatter: function(value, row){
	            	return '<a href="http://' + value + '" target="_blank">' + value + '</a>';
	            }
    		}]
			, btnAdd: { callback: function(params){ return '#(attr.ctrl)/add' } }
			, btnModify: { used: false }
			, btnRemove: { callback: function(params, rows){ return '#(attr.ctrl)/remove?domain=' + rows[0]['topDomain'] } }
		}
		Grid.load(opts, function(dg){
			datagrid = dg;
		});
	}
	initNodeGrid();
});
</script>
#end