#@mgr(attr.getItem("currentMenuName"))

#define content()
<section class="content container-fluid">
	
	<div class="form-container"></div>
	
	<blockquote>
	<h5><b>操作说明：</b></h5>
	<li>网站资源：请选择需要备份的网站资源范围，包括以下内容：</li>
		<ol>
		<li>模板文件：网站的模板文件（html）。</li>
		<li>资源文件：模板中引用的静态资源文件（css、js、图片等）。</li>
		<li>上传文件：对栏目或文章进行维护时所上传的附件或图片等。</li>
		</ol>
	<li>网站数据：请选择需要备份的网站数据范围。</li>
	<li>数据年份：请选择需要备份数据的年份，该年份仅对<code>上传文件</code>和<code>文章</code>有效。</li>
	</blockquote>
	
</section>
#end

#define after()
<script>
require(['kit', 'ez-form', 'ez-mask'], function(Kit, Form, Mask){
	
	var dataScope = [
		{ key: 'info', value: '基础信息' },
		{ key: 'channel', value: '栏目信息' },
		{ key: 'content', value: '文章信息' },
		{ key: 'tag', value: '标签信息' },
		{ key: 'nav', value: '导航信息' }
	];
	var fileScope = [
		{ key: 'temp', value: '模板文件' },
		{ key: 'res', value: '资源文件' },
		{ key: 'upload', value: '上传文件' }
	];
	var form = Form('.form-container', {
		title: '创建新备份',
		action: ATTR.ctrl + '/createEvent',
		ajax: true,
		columns: [
			{
				field: 'caption',
				title: '备份名称',
				required: true
			}, {
				field: 'fileScope',
				title: '网站资源',
				type: 'checkbox',
				options: fileScope,
				labelWidth: 120,
				selectAll: true,
				selectTextField: 'fileScopeCaps'
			}, {
				field: 'dataScope',
				title: '网站数据',
				type: 'checkbox',
				options: dataScope,
				labelWidth: 120,
				selectAll: true,
				selectTextField: 'dataScopeCaps'
			}, {
				field: 'dataYear',
				title: '数据年份',
				type: 'year',
				defaultValue: Kit.dateFormat(Kit.now(), 'yyyy'),
				inputValidate: '2[0-9]{3}',
				required: true
			}
		],
		before: function(){
			var vals = form.getValues();
			if(vals.dataScope.length == 0 && vals.fileScope.length == 0){
				Mask().alert('请至少选择一种备份资源或者数据！');
				return false;
			}
			return true;
		},
		callback: function(ret, res){
			if(res.state){
				Mask().confirm({
					content: '正在创建备份 ... <br><br>备份完成后状态将会变成：<code>处理完毕</code>',
					callback: function(){
						Kit.go(ATTR.ctrl);
					}
				});
			}else{
				Mask().alert(res.msg);
			}
		}
	}).load({});
	
});
</script>
#end