#@main(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" class="box box-info">
		<div class="box-header with-border">
			<h3 class="box-title" style="line-height: 30px">网站模板编辑器：</h3>
			<div class="pull-right">
				<a href="#(attr.ctrl)" class="btn btn-default btn-sm btn-back">
					<i class="fa fa-arrow-left"></i><span class="hidden-xs"> 返回模板列表</span>
				</a>
			</div>
		</div>
		<div class="box-body">
		
			<form action="#(attr.ctrl)/editDo" method="post" id="temp-form" data-store="false">
			<input type="hidden" name="act" value="#(act)">
			<div class="form-group">
				<label class="control-label">模板名称</label>
				<input type="text" id="fileName" name="fileName" class="form-control" placeholder="xxx.html" value="#(temp.fileName)" required="required" #if(act=="modify") readonly #end>
			</div>
			<div class="form-group">
				<label class="control-label">模板内容<span class="text-primary">（可使用组合键 “Ctrl + Enter” 全屏或者返回。）</span></label>
				<div id="coderBox" style="width: 100%; height: 500px"></div>
				<textarea id="content" name="content" class="form-control hidden">#(temp.content)</textarea>
			</div>
			<div class="form-group text-right">
				<button type="button" class="btn btn-primary btn-submit"><i class="glyphicon glyphicon-circle-arrow-right"></i> 保存模板</button>
			</div>
			</form>
			
		</div>
	</div>

</section>
#end

#define after()
<script src="#(attr.commonResLibPath)/components/ace-editor/ace.js"></script>
<script>
require(['kit', 'ez-modal', 'ez-coder', 'jquery'], function(Kit, Modal, Coder){
	
	var coder = Coder.init('coderBox', 'ace/mode/html');
	coder.setValue($('#content').val());
	coder.moveCursorTo(0, 0);
	
	$('.btn-submit').on('click', function(){
		if(Kit.isEmpty($('#fileName').val())){
			Modal.alert({ content: '请填写模板文件名称，包括 .html 后缀。' });
		}else{
			$('#content').val(coder.getValue());
			$('#temp-form').submit();
		}
	});
	
});
</script>
#end