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

#define content()
<section class="content container-fluid">
	
	<div class="row">
		<div class="col-md-3">
			<div class="tree-container"></div>
		</div>
		<div class="col-md-9">
			<div class="table-container"></div>
			<blockquote>
			<h4>操作说明：</h4>
			<li>文章排序时的优先级：<code>置顶</code> &gt; <code>序号</code> &gt; <code>日期</code></li>
			</blockquote>
		</div>
	</div>
	
</section>
#end

#define before()
<style>
.mask { box-shadow: rgba(0,0,0,.6) 0 0 0 2666px }
</style>
#end

#define after()
<script>
require(['kit', 'ez-list', 'ez-table', 'ez-mask'], function(Kit, List, Table, Mask){

	var info = #(info);
	var pid = '#(pid)';
	var channels = #(channels);
	var srcs = #(srcs);
	var tags = #(tags);
	var SiteUpdateStop = #(SiteUpdateStop);

	var currChn = {};
	var contents = [];
	var page = 1;

	//允许投稿的栏目列表
	var conbtChns = #(conbtChns);
	var conbtChnsOpts = [];
	$.each(conbtChns, function(i, chn){
		conbtChnsOpts.push({ key: chn.id, value: chn.compCap + ' > ' + chn.caption });
	});

	var list = List('.tree-container', {
		title: '网站栏目',
		active: function(ind, row){
			return pid === row.id;
		},
		event: {
			selected: function(ind, row){
				if(row.id == pid) return;
				if(activeData.active == 'move'){ //移动到其他栏目
					Mask().confirm({
						content: '确定要将选择文章移动到：<b>' + row.caption + '</b> 栏目吗？',
						callback: function(){
							pid = row.id;
							table.showLoading();
							var paras = { pid, ids: activeData.ids };
							$.post(ATTR.ctrl + '/move', paras, function(res){
								table.hideLoading();
								endActive();
								list.load(channels);
								loadContents(function(){
									var ids = activeData.ids.split(',');
									$.each(ids, function(ind, id){
										$('.table-container .row-chk[data-id="' + id + '"]').iCheck('toggle');
									});
								});
							});
							return true;
						}
					});
					return false;
				}else{
					pid = row.id;
					loadContents();
				}
			}
		}
	}).load(channels);
	
	var loadContents = function(callback){
		table.showLoading();
		$.get(ATTR.ctrl + '/getContentList?pid=' + pid + '&page=' + page, function(res){
			contents = res.data.contents;
			currChn = res.data.chn;
			table.load(contents);
			if(Kit.isFunction(callback)) callback();
			table.hideLoading();
		});
	}
	
	var setTops = function(val){
		var ids = table.getSelectedId();
		if(ids.length == 0){
			Mask().alert({ content: '请至少选择一篇文章' });
			return;
		}
		var paras = { pid, val, ids: ids.join(',') };
		$.post(ATTR.ctrl + '/setTops', paras, function(res){
			if(res.state){
				loadContents();
			}else{
				Mask().alert(res.msg);
			}
		});
	}
	
	//操作状态缓存（active：操作类型，可选值：move/mgr）
	var activeData = { ids: null, active: null };
	var startActive = function(){
		$('.table-container .box-controls .top-left-group').find('.btn').addClass('hidden');
		$('.table-container .box-controls .top-left-group').find('.btn-cancal').removeClass('hidden');
		$('.tree-container').addClass('mask');
	}
	
	var endActive = function(){
		activeData.active = null;
		$('.table-container .box-controls .top-left-group').find('.btn').removeClass('hidden');
		$('.table-container .box-controls .top-left-group').find('.btn-cancal').addClass('hidden');
		$('.tree-container').removeClass('mask');
	}
	
	var table = Table('.table-container', {
		title: '文章列表',
		checkMulti: true,
		columns: [
		{
            field: 'thum',
            title: '封面',
            width: 50,
            align: 'center',
            formatter: function(val, row){
            	if(Kit.isEmpty(val)) return '';
            	return '<a href="' + val + '" target="_blank" title="封面图"><i class="fa fa-image"></i></a>';
            }
		}, {
            field: 'caption',
            title: '标题',
            formatter: function(val, row){
            	var url = ATTR.src + '/content/' + row.id;
                return '<a href="' + url + '" target="_blank">' + val + '</a>';
            }
		}, {
            field: 'subCaption',
            title: '副标题',
			visible: false
		}, {
            field: 'link',
            title: '外部链接',
			visible: false
		}, {
            field: 'summary',
            title: '摘要',
			visible: false
		}, {
            field: 'author',
            title: '作者',
	        width: 120,
	        align: 'center'
		}, {
            field: 'cdate',
	        width: 120,
            title: '发布时间',
	        align: 'center',
            formatter: function(value){
            	return Kit.isEmpty(value) ? '' : Kit.dateFormat(value, 'yyyy-MM-dd');
            }
		}, {
            field: 'x',
            title: '标记',
            width: 50,
            align: 'center',
            formatter: function(val, row){
            	var icon = '', msg = '';
            	var vad = Kit.notEmpty(row.validFrom) || Kit.notEmpty(row.validEnd);
            	if(vad){ icon = 'fa fa-history'; msg = '有效期：' + Kit.ifEmpty(row.validFrom, '无') + ' ~ ' + Kit.ifEmpty(row.validEnd, '无'); }
            	else if(row.isTop){ icon = 'fa fa-arrow-circle-o-up'; msg = '已置顶'; }
            	return icon == '' ? '' : '<span class="text-orange"><i class="' + icon + '" title="' + msg + '"></i></span>';
            }
		}, {
            field: 'content',
            title: '内容',
            type: 'html',
			visible: false
		}],
		btns: {
			back: { used: false },
			add: {
				used: true,
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					showForm({});
				}
			},
			modify: { 
				used: true,
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					var rows = table.getSelected();
					if(rows.length != 1){
						Mask().alert({ content: '请只选择一条文章' });
						return;
					}
					showForm(rows[0]);
				}
			},
			remove: {
				used: true,
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert({ content: '请选择要删除的文章' });
						return;
					}
					Mask().confirm({
						content: '确定要删除所选文章吗？',
						callback: function(){
							var paras = { ids: ids.join(',') };
							$.post(ATTR.ctrl + '/removeContent', paras, function(res){
								loadContents();
							});
							return true;
						}
					});
				}
			},
			topSet: {
				used: true,
				cls: 'btn btn-warning btn-sm btn-flat',
				icon: 'fa fa-arrow-circle-o-up',
				caption: '添加置顶',
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					setTops(true);
				}
			},
			topDel: {
				used: true,
				cls: 'btn btn-warning btn-sm btn-flat',
				icon: 'fa fa-arrow-circle-o-down',
				caption: '取消置顶',
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					setTops(false);
				}
			},
			moved: {
				used: true,
				cls: 'btn btn-warning btn-sm btn-flat',
				icon: 'fa fa-random',
				caption: '移动到',
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert({ content: '请至少选择一篇要移动的文章' });
						return;
					}
					Mask().alert({
						content: '您已经选择了 ' + ids.length + ' 篇待移动的文章。<br><br>请继续从左侧选择目标栏目，点击即可完成文章的移动',
						callback: function(){
		   					activeData.ids = ids.join(',');
		   					activeData.active = 'move';
		   					startActive();
						}
					});
				}
			},
   			cancal: {
   				used: true,
   				cls: 'btn btn-danger btn-sm hidden',
   				icon: 'fa fa-close',
   				caption: '取消操作',
   				click: function(){
   					endActive();
   				}
   			},
			delPage: {
				used: info.genMode == 1,
				cls: 'btn btn-success btn-sm btn-flat',
				icon: 'fa fa-refresh',
				float: 'right',
				caption: '删除文章页',
				click: function(){
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert({ content: '请至少选择一篇文章' });
						return;
					}
					Mask().confirm({
						content: '确定要删除所选文章的静态页面吗？<br><br>再次访问时将自动重新生成静态页，相当于使静态页立即过期。',
						callback: function(){
							var paras = { ids: ids.join(',') };
							$.post(ATTR.ctrl + '/removeStaticPage', paras, function(res){
								Mask().alert('删除成功！');
							});
							return true;
						}
					});
				}
			},
			genPage: {
				used: info.genMode == 2,
				cls: 'btn btn-success btn-sm btn-flat',
				icon: 'fa fa-flash',
				float: 'right',
				caption: '生成文章页',
				click: function(){
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert({ content: '请至少选择一篇文章' });
						return;
					}
					var paras = { ids: ids.join(',') };
					$.post(ATTR.ctrl + '/genStaticPage', paras, function(res){
						if(res.state){
							Mask().alert('生成完毕！');
						}else{
							Mask().alert(res.msg);
						}
					});
				}
			},
			collector: {
				used: true,
				cls: 'btn btn-success btn-sm btn-flat',
				icon: 'fa fa-bug',
				float: 'right',
				caption: '数据采集',
				click: function(){
					showColl();
				}
			}
		},
		event: {
			paged: function(ins, p){
				page = p;
				loadContents();
			}
		}
	}).load(contents);
	
	var showForm = function(obj){
		var mask = Mask().form({
			id: 'T' + Kit.timestamp(),
			title: Kit.isEmpty(obj.id) ? '添加文章' : '修改文章',
			action: ATTR.ctrl + '/formEvent',
			ajax: true,
			columns: [
				{
		            field: 'channelId',
		            defaultValue: pid,
		            visible: false
		   		},{
		            field: 'channelCaption',
		            defaultValue: currChn.caption,
		            visible: false
		   		},{
		            field: 'caption',
		            title: '标题',
		            required: true,
		            events: {
		            	change: function(){
		            		var caption = $(this).val();
		            		if(Kit.isEmpty(caption)) return;
		            		$.post(ATTR.ctrl + '/getSameContent', { caption }, function(res){
		            			if(res.data.conts.length == 0) return;
		            			Mask().alert('温馨提示：当前已经有 <code>' + res.data.conts.length + '篇</code> 文章与该标题相同。');
		            		});
		            	}
		            }
				}, {
		            field: 'cdate',
		            title: '日期',
					type: 'datetime',
		            autocomplete: false,
					placeholder: '为空时将自动使用当前日期'
				}, {
		            field: 'author',
		            title: '作者',
					defaultValue: '#(session.user.caption)'
				}, {
		            field: 'pic',
		            title: '封面图片',
					type: 'pic'
				}, {
		            field: 'content',
		            title: '内容',
		            type: 'html'
	          	}, {
	               	field: 'baseLine',
	               	type: 'hline'
				}, {
		            field: 'subCaption',
		            title: '副标题'
				}, {
		            field: 'summary',
		            title: '摘要',
					type: 'textarea'
				}, {
		            field: 'validFrom',
		            title: '有效起始日期',
					type: 'datetime',
		            autocomplete: false,
					placeholder: '如此项不为空，则该日期之前文章不可访问'
				}, {
		            field: 'validEnd',
		            title: '有效截止日期',
					type: 'datetime',
		            autocomplete: false,
					placeholder: '如此项不为空，则该日期之后文章不可访问'
				}, {
		            field: 'link',
		            title: '外部链接',
					placeholder: '如此项不为空，则点击文章时直接跳转到链接'
				}, {
		            field: 'sort',
		            title: '序号',
		            type: 'number',
		            defaultValue: 0,
		            summary: '序号的数值越大越靠前显示'
	          	}, {
	               	field: 'extLine',
	               	type: 'hline'
				}, {
		            field: 'tagCodes',
		            title: '标签',
		            type: 'tags',
		            options: tags,
		            optionsKey: 'code',
		            optionsValue: 'caption',
		            selectTextField: 'tagCaps',
		            visible: tags.length > 0,
		            defaultValue: currChn.tagCodes
		      	}, {
		           	field: 'draft',
		    	    title: '保存草稿',
		    	  	type: 'radio',
		    	  	options: [{key:false,value:'否，直接发布'},{key:true,value:'是，存入草稿箱'}],
		  	        defaultValue: false
		      	}, {
		           	field: 'conbt',
		  	        title: '文章同步',
		  	        type: 'radio',
		  	        options: [{key:false,value:'否，无需同步'},{key:true,value:'是，投稿抄送'}],
		  	        defaultValue: false,
		  	        events: {
		  	        	ifClicked: function(evt){
		  	        		if($(this).val() == 'true'){
		  	        			$('.group-conbtTo').removeClass('hidden');
		  	        		}else{
		  	        			$('.group-conbtTo').addClass('hidden');
		  	        		}
		  	        	}
		  	        }
		      	}, {
		           	field: 'conbtTo',
		  	        title: '投稿栏目',
		  	        type: 'selectMulti',
		  	        options: conbtChnsOpts,
		  	        visible: false
				}
			],
	  		btns: {
	  			back: { used: false }
	  		},
	  		before: function(){
	  			var vals = mask.form.getValues();
	  			return true;
	  		},
	  		callback: function(ret, res){
	  			if(!res.state){
	  				Mask().alert(res.msg);
	  			}else{
					mask.hide();
					var cont = res.data.content;
					if(!cont.draft){
						Mask().alert('文章保存成功！');
						loadContents(function(){
							$('.table-container .row-chk[data-id="' + cont.id + '"]').iCheck('toggle');
						});
					}else{
						Mask().confirm({
							content: '已将文章存入草稿箱，是否跳转到草稿箱查看文章？',
							callback: function(){
								Kit.go(ATTR.ctrl + '/draft');
							}
						});
						loadContents();
					}
	  			}
	  		}
		}, obj);
	}
	
	var showColl = function(){
		var collForm = Mask().form({
			title: '文章采集器',
			action: ATTR.ctrl + '/collContent',
			ajax: true,
			columns: [
				{
					field: 'pid',
					visible: false,
					defaultValue: pid
				}, {
					field: 'srcId',
					title: '采集源',
					type: 'select',
					options: srcs,
					optionsKey: 'id',
					optionsValue: 'caption',
					required: true
				}, {
					field: 'url',
					title: '采集URL',
					required: true
				}
			],
			callback: function(ret, res){
				if(res.state){
					collForm.hide();
					showForm(res.data.content);
				}else{
					Mask().alert(res.msg);
				}
			}
		}, {});
	}
	
	loadContents();
	
});
</script>
#end