#@mgr("终端命令管理器")

#define content()
<section class="content">

	<div class="cmd-input-wrapper">
		<div class="os-msg">
			当前服务器环境：<span class="text-primary">#(os)</span>
		</div>
		<div class="input-group">
			<input type="text" placeholder="命令内容" class="form-control cmd-text">
			<span class="input-group-btn">
				<button type="button" class="btn btn-warning btn-flat btn-exec">执行</button>
				<button type="button" class="btn btn-default btn-flat btn-more">高级</button>
			</span>
		</div>
		<div class="input-more-wrapper">
			<input type="text" placeholder="环境变量" class="form-control cmd-env">
			<input type="text" placeholder="执行目录" class="form-control cmd-dir">
		</div>
		<div class="cmd-quick-wrapper">
			<button class="btn btn-sm btn-info btn-flat btn-exec-tomcat-restart">重启服务器</button>
		</div>
	</div>
	<div class="cmd-result-wrapper"></div>
	<blockquote>
	<h5><b>使用说明</b></h5>
	<li>终端命令管理器可以对服务器实现简单的远程管理。</li>
	<li><span class="text-primary"><i class="fa fa-windows"></i> win环境</span>：基于cmd。</li>
	<li><span class="text-primary"><i class="fa fa-linux"></i> linux环境</span>：基于shell。</li>
	</blockquote>
	
	<textarea class="temp-cmd hidden">
		<div class="cmd-msg cmd">
			<span class="cmd-icon">&gt;</span> {{@cmd}} <span class="times">{{time | dateFormat 'hh:mm:ss'}}</span>
		</div>
	</textarea>
	
	<textarea class="temp-msg-fail hidden">
		<div class="cmd-msg fail">
			<span class="cmd-icon">&gt;</span> {{@msg}} <span class="times">{{time | dateFormat 'hh:mm:ss'}}</span>
		</div>
	</textarea>
	
	<textarea class="temp-msg-success hidden">
		<div class="cmd-msg success">
			<span class="cmd-icon">&gt;</span> {{@res}} <span class="times">{{time | dateFormat 'hh:mm:ss'}}</span>
		</div>
	</textarea>
	
</section>
#end

#define before()
<style>
.os-msg {
	text-align: center;
	padding-bottom: 10px;
}
.cmd-input-wrapper {
	background: #FFF;
	padding: 30px;
}
.cmd-quick-wrapper {
	padding-top: 10px;
	text-align: center;
}
.cmd-result-wrapper {
	line-height: 30px;
	height: 500px;
	overflow: auto;
	background: #000;
	color: #FFF;
	padding: 15px;
}
.cmd-msg .cmd-icon, .cmd-msg .times {
	color: rgba(255,255,255,.3);
}
.cmd-msg .cmd-icon {
	display: inline-block;
	padding-right: 6px;
}
.cmd-msg .times {
	display: inline-block;
	padding-left: 6px;
}
.cmd-msg.fail {
	color: #FC0;
}
.cmd-msg.success {
	color: #0CF;
}
.input-more-wrapper {
	display: none;
}
.input-more-wrapper input {
	margin-top: 15px;
}
</style>
#end

#define after()
<script>
require(['kit', 'ez-mask', 'ez-temp'], function(Kit, Mask, Temp){

	//执行
	$('.btn-exec').on('click', function(){
		var btn = $(this);
		var cmd = $('.cmd-text').val();
		var env = null, dir = null;
		if($('.input-more-wrapper').css('display') != 'none'){
			var env = $('.cmd-env').val();
			var dir = $('.cmd-dir').val();
		}
		if(Kit.isEmpty(cmd)){
			Mask().alert('无法执行空白命令');
			return;
		}
		btn.prop('disabled', true);
		appendCommand(cmd);
		$.post(ATTR.ctrl + '/doCmd', {
			cmd: cmd,
			envs: env,
			path: dir
		}, function(res){
			btn.removeAttr('disabled');
			appendResult(res);
		});
	});
	
	//高级
	$('.btn-more').on('click', function(){
		$('.input-more-wrapper').toggle();
	});
	
	//重启TOMCAT
	$('.btn-exec-tomcat-restart').on('click', function(){
		$.get(ATTR.ctrl + '/doRestartBefore', function(res){
			if(!res.state){
				Mask().alert(res.msg);
				return;
			}
			var env = res.data.env;
			var toms = [{key:env.tomcatHome1,value:'负载01'}];
			if(Kit.notEmpty(env.tomcatHome2)) toms.push({key:env.tomcatHome2,value:'负载02'});
			if(Kit.notEmpty(env.tomcatHome3)) toms.push({key:env.tomcatHome3,value:'负载03'});
			var mask = Mask({
				summary: '<blockquote>' +
						 '	<h5><b>操作说明：</b></h5>' +
						 '	<li>在使用终端重启之前，请确认已在Tomcat的<code>/bin</code>目录下创建了以下脚本文件：</li>' +
						 '		<li>&nbsp;&nbsp;<span class="text-primary"><i class="fa fa-windows"></i> win环境</span>：<code>restart.bat、restartService.bat</code> &nbsp; <a href="http://static.itez.com.cn/terminal/restart/win.zip">【点此下载】</a></li>' +
						 '		<li>&nbsp;&nbsp;<span class="text-primary"><i class="fa fa-linux"></i> Linux环境</span>：<code>restart.sh、restartService.sh</code> &nbsp; <a href="http://static.itez.com.cn/terminal/restart/linux.zip">【点此下载】</a></li>' +
						 '	</li>' +
						 '	<li>如果是 <span class="text-primary"><i class="fa fa-linux"></i> Linux环境</span>，还需要为脚本添加执行权限，例如：<code>chmod +x restart.sh</code></li>' +
						 '	<li>请根据服务器端Tomcat的实际安装情况，选择 <code>命令模式</code> 还是 <code>服务模式</code>。</li>' +
						 '</blockquote>'
			}).form({
				title: '重启指定Tomcat负载',
				action: ATTR.ctrl + '/doRestart',
				ajax: true,
				columns: [
					{
						field: 'tomcatHome',
						title: 'Tomcat',
						type: 'radio',
						options: toms,
						required: true
					}, {
						field: 'mode',
						title: '启动模式',
						type: 'radio',
						options: [{key:'cmd',value:'命令模式'},{key:'service',value:'服务模式'}],
						required: true
					}
				],
				before: function(){
					var sel = $('.group-tomcatHome input[name="tomcatHome"]:checked').data('val');
					appendCommand('重启Tomcat（' + sel + '）...');
					mask.hide();
					return true;
				},
				callback: function(ret, res){
					appendResult(res);
				}
			}, {});
		});
	});
	
	//添加执行命令
	var appendCommand = function(cmd){
		var temp = $('.temp-cmd').val();
		var msg = Temp.render(temp, { time: Kit.now(), cmd: cmd });
		$('.cmd-result-wrapper').append(msg).animate({scrollTop: 9999999}, 500);
	}
	
	//添加执行结果
	var appendResult = function(res){
		if(res.state && Kit.isEmpty(res.data.res)) res.data.res = '执行成功';
		if(!res.state && Kit.isEmpty(res.msg)) res.msg = res.desc || '执行失败';
		var temp = $(res.state ? '.temp-msg-success' : '.temp-msg-fail').val();
		var msg = Temp.render(temp, { time: Kit.now(), msg: formatMsg(res.msg), res: formatMsg(res.data.res) });
		$('.cmd-result-wrapper').append(msg).animate({scrollTop: 9999999}, 500);
	}
	
	//格式化返回内容
	var formatMsg = function(txt){
		if(Kit.isEmpty(txt)) return '';
		txt = txt.replace(/(\r\n|\n)+/g, '<br>').replace(/\s/g, '&nbsp;');
		return txt;
	}
	
});
</script>
#end