#@mgr("数据库SQL查询分析器")

#define content()
<section class="content container-fluid">
		
	<div class="row">
		<div class="col-md-4 col-lg-3">
			<div class="list-container"></div>
		</div>
		<div class="col-md-8 col-lg-9">
			<div class="sql-content no-padding" id="sql-content"></div>
			<div class="text-center padding-top">
				<div class="btn-group">
					<button class="btn btn-sm btn-default btn-flat btn-chg-prev" disabled><i class="fa fa-chevron-left"></i> 上一条</button>
					<button class="btn btn-sm btn-success btn-flat btn-exec-selected"><i class="fa fa-caret-right"></i> 执行选中</button>
					<button class="btn btn-sm btn-success btn-flat btn-exec-all"><i class="fa fa-play"></i> 执行全部</button>
					<button class="btn btn-sm btn-default btn-flat btn-chg-next" disabled><i class="fa fa-chevron-right"></i> 下一条</button>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-md-4 col-lg-3">
			<div class="box box-info margin-top">
				<div class="box-header with-border">
					<h3 class="box-title">执行结果</h3>
					<div class="box-tools pull-right">
						<button type="button" class="btn btn-box-tool btn-clear-update" title="清空"><i class="fa fa-trash"></i></button>
						<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-chevron-down"></i></button>
					</div>
				</div>
				<div class="box-body">
					<div class="update-container"></div>
				</div>
			</div>
		</div>
		<div class="col-md-8 col-lg-9">
			<div class="nav-tabs-custom margin-top">
				<ul class="nav nav-tabs pull-right">
					<li class="pull-left header"><i class="fa fa-table"></i> 查询结果</li>
				</ul>
				<div class="tab-content no-padding">
				</div>
			</div>
		</div>
	</div>
	
	<textarea class="temp-msg hidden">
		<div class="update-msg {{if !state}} text-red {{/if}}">
			[{{time | dateFormat 'hh:mm:ss'}}] {{@msg}}
		</div>
	</textarea>
	
</section>
#end

#define before()
<style>
.sql-content {
	width: 100%;
	min-height: 200px;
}
.update-container {
	line-height: 30px;
	min-height: 400px;
}
.update-msg {
	word-wrap:break-word;
	word-break:break-all;
}
</style>
#end

#define after()
<script>
require(['kit', 'ez-list', 'ez-ace', 'ez-table', 'ez-mask', 'ez-temp'], function(Kit, List, Coder, Table, Mask, Temp){
	
	//模块列表
	var modules = #(modules);
	
	//查询参数
	var data = {
		moduleCode: modules[0].code,
		sql: ''
	};
	
	//执行历史
	var sqlHis = {
		list: [],
		index: 0
	}
	
	//渲染模块列表
	var list = List('.list-container', {
		title: '选择模块',
		active: function(ind, row) {
			return row.code == data.moduleCode;
		},
		formatter: function(ind, row) {
			return row.caption + '（' + row.code + '）'
		},
		event: {
			selected: function(ind, row){
				data.moduleCode = row.code;
			}
		}
	}).load(modules);
	
	//渲染SQL编辑器
	var coderIns = new Coder('sql-content', 'ace/mode/sql');
	coderIns.moveCursorTo(0, 0);
	
	//预处理SQL
	var submitSql = function(sql, append){
		var sqlDest = valiFormat(sql);
		if(Kit.isEmpty(sqlDest)){
			Mask().alert('SQL脚本为空');
			return;
		}
		if(valiHasModify(sql)){ //含有更改指令（insert/update/delete）
			var mask = Mask({summary: '<code>由于您的语句中含有数据更新指令，安全起见，请进行手动确认，以免因误操作而造成数据损失。</code>'}).form({
				title: '执行确认',
				columns: [
					{
						field: 'confirm',
						title: '执行确认',
						placeholder: '请输入 “确认” 两个字',
						autocomplete: false,
						required: true
					}
				],
				before: function(){
					if(mask.form.getValue('confirm') != '确认'){
						Mask().alert('指令错误！<br><br>请输入 <code>确认</code> 两个字。');
						return;
					}
					mask.hide();
					execSql(sqlDest, append);
					return false;
				}
			}, {});
		}else{
			execSql(sqlDest, append);
		}
	}
	
	//实际执行SQL
	var execSql = function(sql, append){
		data.sql = sql;
		$.post(ATTR.ctrl + '/event', data, function(res){
			if(!res.state){
				appendException(res.msg);
			}else{
				if(append){
					if(sqlHis.index < sqlHis.list.length - 1){
						sqlHis.list.splice(sqlHis.index, sqlHis.list.length - sqlHis.index);
					}
					sqlHis.list.push(sql);
					sqlHis.index = sqlHis.list.length - 1;
					$('.btn-chg-next').attr('disabled', true);
					if(sqlHis.list.length > 1) $('.btn-chg-prev').removeAttr('disabled');
				}
				emptyTables();
				var updates = res.data.result.updateCount;
				var tables = res.data.result.tables;
				$.each(updates, function(i, cnt){ appendUpdate(cnt); });
				$.each(tables, function(i, tb){ appendTable(i, tb); });
			}
		});
	}
	
	//校验SQL中是否含有limit关键字，避免数据太大
	var valiFormat = function(sql){
		var sqlDest = [];
		var sqls = sql.split(';');
		$.each(sqls, function(ind, s){
			s = s.trim();
			if(Kit.notEmpty(s)){
				if(/^select/i.test(s) && !/limit[0-9\s]+$/i.test(s)) s += ' LIMIT 100';
				sqlDest.push(s);
			}
		});
		var sqlStr = sqlDest.length > 1 ? sqlDest.join(';') : sqlDest[0];
		sqlStr += ';';
		return sqlStr;
	}
	
	//校验SQL中是否含有修改指令
	var valiHasModify = function(sql){
		return /(update|insert|delete|create|drop|alter)/gi.test(sql);
	}
	
	//执行选中SQL
	$('.btn-exec-selected').on('click', function(){
		submitSql(coderIns.getSelectedValue(), false);
	});
	
	//执行全部SQL
	$('.btn-exec-all').on('click', function(){
		submitSql(coderIns.getValue(), true);
	});
	
	//上一条
	$('.btn-chg-prev').on('click', function(){
		var me = $(this);
		sqlHis.index -= 1;
		coderIns.setValue(sqlHis.list[sqlHis.index]);
		coderIns.moveCursorTo(0, 0);
		if(sqlHis.index == 0) me.attr('disabled', true);
		$('.btn-chg-next').removeAttr('disabled');
	});
	
	//下一条
	$('.btn-chg-next').on('click', function(){
		var me = $(this);
		sqlHis.index += 1;
		coderIns.setValue(sqlHis.list[sqlHis.index]);
		coderIns.moveCursorTo(0, 0);
		if(sqlHis.index == sqlHis.list.length - 1) me.attr('disabled', true);
		$('.btn-chg-prev').removeAttr('disabled');
	});
	
	//清空执行结果
	$('.btn-clear-update').on('click', function(){
		$('.update-container').empty();
	});
	
	//添加执行异常
	var appendException = function(msg){
		var msg = Temp.render($('.temp-msg').val(), { time: Kit.now(), state: false, msg: msg });
		$('.update-container').prepend(msg);
	}
	
	//添加执行结果
	var appendUpdate = function(cnt){
		var msg = Temp.render($('.temp-msg').val(), { time: Kit.now(), state: true, msg: '更新记录数：<code>' + cnt + ' 行</code>' });
		$('.update-container').prepend(msg);
	}
	
	//添加查询结果
	var appendQuerys = function(tbName, cnt){
		var msg = Temp.render($('.temp-msg').val(), { time: Kit.now(), state: true, msg: tbName + '：<code>' + cnt + ' 行</code>' });
		$('.update-container').prepend(msg);
	}
	
	//清空查询结果
	var emptyTables = function(){
		var tabs = $('.nav-tabs li');
		$.each(tabs, function(i, tab){ if(i > 0) tab.remove(); });
		$('.tab-content').empty();
	}
	
	//添加查询结果集
	var appendTable = function(ind, tb){
		var act = (ind == 0 ? 'active' : '');
		var tbId = 'tb' + ind;
		var tbName = '结果集' + (ind+1);
		$('.nav-tabs li:eq(0)').after('<li class="' + act + '"><a href="#' + tbId + '" data-toggle="tab">' + tbName + '</a></li>');
		var content = $('<div class="tab-pane ' + act + '" id="' + tbId + '"></div>').appendTo($('.tab-content'));
		var contain = $('<div></div>').appendTo(content);
		var cols = [];
		$.each(tb.fields, function(i, field){
			cols.push({
				field: field.name,
				title: field.name,
				visible: field.displaySize < 200,
				nowrap: true
			});
		});
		var tbIns = Table(contain, {
			innerMode: true,
			columns: cols,
			btns: { back: { used: false } }
		}).load(tb.records);
		appendQuerys(tbName, tb.records.length);
	}
	
});
</script>
#end