#@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" 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)?path=#(path)" 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="path" value="#(path)">
			<div class="form-group">
				<label class="control-label">文件名称</label>
				<input type="text" name="fileName" class="form-control" value="#(fileName)" required="required" readonly>
			</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">#(file.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>
require(['kit', 'ez-modal', 'ez-ace', 'jquery'], function(Kit, Modal, Coder){
	
	var extName = '#(file.mimeType)';
	var coder = new Coder('coderBox', extName === 'JS' ? 'ace/mode/javascript' : 'ace/mode/css');
	coder.setValue($('#content').val());
	coder.moveCursorTo(0, 0);
	
	$('.btn-submit').on('click', function(){
		$('#content').val(coder.getValue());
		$('#temp-form').submit();
	});
	
});
</script>
#end