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

#define content()
<section class="content container-fluid">
	<div id="dataTable">
		<div class="box-body no-padding">
			<div class="box-controls">
				<div class="btn-group">
					<button type="button" class="btn btn-success btn-sm btn-start">
						<i class="fa fa-play"></i><span class="hidden-xs"> 启动</span>
					</button>
					<button type="button" class="btn btn-success btn-sm btn-stop">
						<i class="fa fa-pause"></i><span class="hidden-xs"> 停止</span>
					</button>
				</div>
			</div>
		</div>
	</div>
	
	#if(msg)
	<div class="alert alert-warning alert-dismissible">
	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	<p>#(msg)</p></div>
	#end
</section>
#end

#define after()
<script>
require(['ez-datagrid', 'kit'], function(Grid, Kit){

	var dbsJson = #(EJson.toJson(dataBases));
	var dbTypes = #(EJson.toJson(dbTypeList));
	var accesss = #(EJson.toJson(accessList));
	var datagrid;
	
	var allowCreateTable = [{ value: true, text: '是' }, { value: false, text: '否' }];
	var autoRun = [{ value: true, text: '自动' }, { value: false, text: '手动' }];
	
	$('.btn-start').on('click', function(){
		var rows = datagrid.getSelected();
		if(rows.length === 0) return;
		Kit.go('#(attr.ctrl)/start?ids=' + Kit.getFields(rows, 'id').join(','));
	});
	
	$('.btn-stop').on('click', function(){
		var rows = datagrid.getSelected();
		if(rows.length === 0) return;
		Kit.go('#(attr.ctrl)/stop?ids=' + Kit.getFields(rows, 'id').join(','));
	});
	
	var initDataGrid = function(){
		var opts = {
			container: '#dataTable'
			, data: dbsJson
			, title: '数据库列表'
			, columns: [{
	            field: 'code'
	            , title: '别名'
			    , width: 120
	            , required: true
	            , modifyEnable: false
			},{
            	field: 'caption'
	            , title: '名称'
		        , required: true
			},{
            	field: 'summary'
	            , title: '描述'
			},{
            	field: 'isStarted'
	            , title: '状态'
		        , width: 120
		        , align: 'center'
	            , addVisible: false
            	, modifyVisible: false
            	, formatter: function(value){
            		return value ? '<span class="text-green">已启动</span>' : '<span class="text-red">已停止</span>';
            	}
			},{
            	field: 'dbType'
	            , title: '类型'
		        , width: 120
		        , align: 'center'
	            , required: true
	            , type: 'select'
	            , options: dbTypes
	            , formatter: function(value){
	            	let mc = '';
	            	dbTypes.forEach(item => {
        				if(value.trim() === item.value.trim()) mc = item.text;
        			});
	            	return mc;
	            }
			},{
            	field: 'dbDriverClass'
	            , title: '驱动'
		        , required: true
		        , visible: false
			},{
            	field: 'dbUrl'
	            , title: '地址'
		        , required: true
		        , visible: false
			},{
            	field: 'dbUserName'
	            , title: '用户名'
		        , required: true
		        , visible: false
			},{
            	field: 'dbPassWord'
	            , title: '密码'
		        , visible: false
		        , type: 'password'
			},{
            	field: 'dbInitialSize'
	            , title: '连接池初始值'
		        , required: true
		        , visible: false
		        , type: 'number'
		        , defaultValue: 10
			},{
            	field: 'dbMinIdle'
	            , title: '连接池最小值'
		        , required: true
		        , visible: false
		        , type: 'number'
		        , defaultValue: 10
			},{
            	field: 'dbMaxActive'
	            , title: '连接池最大值'
		        , required: true
		        , visible: false
		        , type: 'number'
		        , defaultValue: 20
			},{
            	field: 'accessLevel'
	            , title: '访问控制'
			    , width: 120
		        , align: 'center'
		        , type: 'select'
			    , required: true
	            , options: accesss
	            , formatter: function(value){
	            	let mc = '';
	            	accesss.forEach(item => {
        				if(value.trim() === item.value.trim()) mc = item.text;
        			});
	            	return mc;
	            }
			},{
            	field: 'autoRun'
	            , title: '启动方式'
		        , width: 120
		        , align: 'center'
		        , type: 'radio'
			    , required: true
		        , options: autoRun
	            , formatter: function(value){
	            	return value ? '<span class="text-green">自动</span>' : '<span class="text-red">手动</span>';
	            }
			},{
            	field: 'allowCreateTable'
	            , title: '允许建表'
		        , width: 120
		        , align: 'center'
		        , type: 'radio'
			    , required: true
		        , options: allowCreateTable
	            , formatter: function(value){
	            	return value ? '<span class="text-green">是</span>' : '<span class="text-red">否</span>';
	            }
    		}]
			, btnAdd: { callback: function(params){ return '#(attr.ctrl)/add' } }
			, btnModify: { callback: function(params, row){ return '#(attr.ctrl)/modify' } }
			, btnRemove: { callback: function(params, rows){ return '#(attr.ctrl)/remove?ids=' + Kit.getFields(rows, 'id').join(',') } }
		}
		Grid.load(opts, function(dg){
			datagrid = dg;
		});
	}
	
	initDataGrid();
	
});
</script>
#end