#@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">网站资源</h3>
		</div>
		<div class="box-body no-padding">
			<div class="box-controls">
				<button type="button" class="btn btn-success btn-sm btn-create">
					<i class="fa fa-asterisk"></i><span class="hidden-xs"> 上传资源</span>
				</button>
			</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">类型</th>
							<th style="text-align: center">大小</th>
							<th style="text-align: center; width: 60px">操作</th>
						</tr>
					</thead>
					<tbody>
						#for(file : files)
						<tr>
							<td style="cursor: default; text-align: left">
								<i class="fa fa-file-text"></i> 
								<a href="#(file.url)" target="_blank">#(file.fileName)</a>
							</td>
							<td style="cursor: default; text-align: center">#(file.mimeType)</td>
							<td style="cursor: default; text-align: center">#(file.fileSize)</td>
							<td style="cursor: default; text-align: center">
								<div class="btn-group">
									<button type="button" class="btn btn-default btn-sm btn-del" data-name="#(file.filePath)">
										<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>
							</td>
						</tr>
						#end
						<tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>

</section>
#end

#define after()
<script>
require(['kit', 'ez-modal', 'jquery'], function(Kit, Modal){
	
	$('.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 modal;
	$('.btn-create').on('click', function(){
		if(!modal){
			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 type="file" name="resFile" class="form-control">');
			html.push('	</div>');
			html.push('</div>');
			modal = Modal.get({
				id: 'FileUpLoadModal'
				, title: '上传资源'
				, content: html.join('')
				, form: '#(attr.ctrl)/upload'
			});
			modal.find('form').attr('enctype', 'multipart/form-data');
		}
		Modal.show(modal);
	});
	
});
</script>
#end