#@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">网站模板</h3>
		</div>
		<div class="box-body no-padding">
			<div class="box-controls">
				<button type="button" class="btn btn-warning btn-sm btn-init">
					<i class="fa fa-flash"></i><span class="hidden-xs"> 初始化模板</span>
				</button>
				<button type="button" class="btn btn-success btn-sm btn-create">
					<i class="fa fa-asterisk"></i><span class="hidden-xs"> 创建新模板</span>
				</button>
				<div class="pull-right">
					<button type="button" class="btn btn-info btn-sm btn-doc">
						<i class="fa fa-question-circle"></i><span class="hidden-xs"> 模板文档</span>
					</button>
				</div>
			</div>
			<div class="table-responsive">
				<table class="table table-hover table-striped table-bordered" style="margin-bottom: 0">
					<thead>
						<tr>
							<th style="text-align: center">模板名称</th>
							<th style="text-align: center; width: 120px">模板大小</th>
							<th style="text-align: center; width: 200px">操作</th>
						</tr>
					</thead>
					<tbody>
						#for(temp : temps)
						<tr>
							<td style="cursor: default; text-align: left"> <i class="fa fa-code"></i> #(temp.fileName)</td>
							<td style="cursor: default; text-align: center">#(temp.space)</td>
							<td style="cursor: default; text-align: center">
								<div class="btn-group">
									<button type="button" class="btn btn-default btn-sm btn-edit" data-name="#(temp.fileName)">
										<i class="fa fa-pencil-square-o"></i><span class="hidden-xs"> 编辑</span>
									</button>
									<button type="button" class="btn btn-default btn-sm btn-copy" data-name="#(temp.fileName)">
										<i class="fa fa-copy"></i><span class="hidden-xs"> 另存</span>
									</button>
									<button type="button" class="btn btn-default btn-sm btn-del" data-name="#(temp.fileName)">
										<i class="fa fa-trash-o"></i><span class="hidden-xs"> 删除</span>
									</button>
								</div>
							</td>
						</tr>
						#else
						<tr>
							<td style="cursor: default; text-align: center" colspan="3">
								<p>还未创建模板。</p>
								<p>请点击上方的 <span class="text-imp text-primary">“初始化模板”</span> 按钮，快速创建默认模板。</p>
							</td>
						</tr>
						#end
						<tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>

</section>
#end

#define after()
<script>
require(['kit', 'ez-modal', 'jquery'], function(Kit, Modal){
	
	var tempCount = #(temps.size());
		
	$('.btn-doc').on('click', function(){
		window.open('#(attr.web)/common/doc/site/SiteTempAPI.xlsx');
	});
	
	$('.btn-init').on('click', function(){
		if(tempCount == 0){
			Kit.go('#(attr.ctrl)/init');
		}else{
			Modal.alert({ content:'初始化有可能会覆盖当前现存的模板文件，确定要初始化模板文件码？', callback: function(){
				Kit.go('#(attr.ctrl)/init');
				return true;
			}});
		}
	});
	
	$('.btn-del').on('click', function(){
		var fileName = $(this).data('name');
		Modal.alert({ content:'确定要删除该模板文件码？', callback: function(){
			Kit.go('#(attr.ctrl)/del?fileName=' + fileName);
			return true;
		}});
	});
	
	var btn;
	var copyDo = function(newFileName){
		var oldFileName = btn.data('name');
		if(Kit.isEmpty(newFileName)){
			Modal.alert({ content: '请输入另存为文件名称！' });
			return false;
		}else if(oldFileName === newFileName){
			Modal.alert({ content: '请输入其他的文件名称！' });
			return false;
		}else{
			Kit.go('#(attr.ctrl)/saveas?f=' + oldFileName + '&t=' + newFileName);
			return true;
		}
	}
	
	$('.btn-copy').on('click', function(){
		btn = $(this);
		var modalId = 'TempCopyModal';
		var html = [];
		html.push('<div class="form-group">');
		html.push('	<label class="col-xs-12 col-sm-2 control-label">另存为：</label>');
		html.push('	<div class="col-xs-12 col-sm-10">');
		html.push('		<input class="form-control" id="newFileName" value="' + btn.data('name') + '">');
		html.push('	</div>');
		html.push('</div>');
		Modal.get({
			id: modalId
			, title: '模板另存为'
			, content: html.join('')
			, form: '?'
			, callback: function(){
				return copyDo($('#newFileName').val());
			}
		});
		Modal.show(modalId);
	});
	
	$('.btn-create').on('click', function(){
		Kit.go('#(attr.ctrl)/edit');
	});
	
	$('.btn-edit').on('click', function(){
		var fileName = $(this).data('name');
		Kit.go('#(attr.ctrl)/edit?fileName=' + fileName);
	});
	
});
</script>
#end