#@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>
		</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 indexCode = '#(indexCode)';
	var pid = '#(pid)';
	var staticRoot = '#(staticRoot)';
	var tags = #(tags);
	var SiteUpdateStop = #(SiteUpdateStop);
	
	var root = { id: 'ROOT', pid: 'ROOT', code: 'ROOT', path: 'ROOT', caption: info.caption };
	var channels = [];
	var subs = [];
	
	var fillSubs = function(){
		subs = [];
		$.each(channels, function(i, chn){
			if(pid == 'ROOT'){
				if(chn.pid == null) subs.push(chn);
			}else if(chn.pid == pid){
				subs.push(chn);
			}
		});
	}
	
	var loadData = function(callback){
		table.showLoading();
		$.get(ATTR.ctrl + '/getData', function(res){
			var chns = res.data.chns;
			$.each(chns, function(i, chn){
				chn.path = 'ROOT_' + chn.path;
			});
			channels = [root].concat(chns);
			fillSubs();
			list.load(channels);
			table.load(subs);
			if(Kit.isFunction(callback)) callback();
			table.hideLoading();
		});
	}
	
	var list = List('.tree-container', {
		title: '网站栏目',
		active: function(ind, row){
			return pid === row.id;
		},
		event: {
			selected: function(ind, row){
				if(row.id == pid) return false;
				if(activeData.active == 'move'){ //移动到
					if(row.id == 'ROOT'){
						Mask().alert('无法移动到超出栏目范围！');
						return;
					}
					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();
								loadData(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;
					fillSubs();
					table.load(subs);
				}
			}
		}
	}).load(channels);

	//操作状态缓存（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: 'icon',
  	        title: '图标',
  			width: 50,
  			align: 'center',
		    formatter: function(value, row){
		    	if(Kit.notEmpty(value)) return '<i class="' + value + '"></i>'; else return ''
		    }
      	},{
            field: 'caption',
            title: '栏目名称',
            formatter: function(value, row){
            	var url = info.genMode == 2 ? staticRoot + row.code + '/index.html' : ATTR.src + '/channel/' + row.code;
            	return '<a href="' + url + '" target="_blank">' + value + '</a>';
            }
		},{
           	field: 'code',
            title: '栏目别名',
	        width: 120
   		},{
           	field: 'channelTemp',
            title: '栏目模板'
    	},{
            field: 'contentTemp',
	        title: '内容模板'
      	},{
            field: 'pic',
  	        title: '栏目图片',
		    visible: false,
		    type: 'pic'
		},{
            field: 'subCaption',
            title: '栏目描述',
			placeholder: '栏目描述',
			visible: false
      	},{
           	field: 'content',
  	        title: '栏目内容',
		    visible: false
      	}]
		, btns: {
			back: { used: false },
			add: { 
				used: true, 
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					if(pid == 'ROOT'){
						Mask().alert('无法创建多个首页栏目！');
						return;
					}
  					showForm({ pid });
				}
			},
			modify: {
				used: true,
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					var inds = table.getSelectedInd();
					if(inds.length == 0){
						Mask().alert({ content: '请选择要修改的数据' });
						return;
					}
					if(inds.length == 1){
		   				showForm(subs[inds[0]]);
					}else{
						showFormBatch(table.getSelectedId().join(','));
					}
				}
			},
			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: '确定要删除所选栏目吗？<br><br><code>注意：该操作将同时删除下级子栏目及文章，请谨慎操作</code>',
						callback: function(){
							var paras = { ids: ids.join(',') };
							$.post(ATTR.ctrl + '/removeChannel', paras, function(res){
								loadData();
							});
							return true;
						}
					});
				}
			},
			sortUp: {
				used: true,
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert({ content: '请选择至少一条数据' });
						return;
					}
					table.showLoading();
  					var paras = { pid, ids: ids.join(','), opt: 'UP'};
					$.post(ATTR.ctrl + '/sortChannel', paras, function(res){
						table.hideLoading();
						loadData(function(){
							$.each(ids, function(ind, id){
								$('.table-container .row-chk[data-id="' + id + '"]').iCheck('toggle');
							});
						});
					});
				}
			},
			sortDown: {
				used: true,
				click: function(){
					if(SiteUpdateStop){
						Mask().alert('管理员已暂停网站更新功能！');
						return;
					}
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert({ content: '请选择至少一条数据' });
						return;
					}
					table.showLoading();
  					var paras = { pid, ids: ids.join(','), opt: 'DOWN'};
					$.post(ATTR.ctrl + '/sortChannel', paras, function(res){
						table.hideLoading();
						loadData(function(){
							$.each(ids, function(ind, id){
								$('.table-container .row-chk[data-id="' + id + '"]').iCheck('toggle');
							});
						});
					});
				}
			},
   			move: {
   				used: true,
   				cls: 'btn btn-warning btn-sm',
   				icon: 'fa fa-random',
   				caption: '移动到 ┅',
   				click: function(){
   					var ids = table.getSelectedId();
   					if(ids.length == 0){
   						Mask().alert('请选择至少一条数据');
   						return;
   					}
   					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>再次访问时将自动重新生成静态页，相当于使静态页立即过期。<br><br><code>注意：该操作只针对当前所选栏目，不包括下级子栏目及文章</code>',
						callback: function(){
							$.ajax({
								url: ATTR.ctrl + '/removeStaticPage?ids=' + ids.join(','),
								success: 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;
					}
					genForm.form.update({ ids: ids.join(','), enpage: 0 });
					genForm.box.find('.group-pageSize').addClass('hidden');
					genForm.show();
				}
			},
			collector: {
				used: true,
				cls: 'btn btn-success btn-sm btn-flat',
				icon: 'fa fa-bug',
				float: 'right',
				caption: '数据采集',
				click: function(){
					var rows = table.getSelected();
					if(rows.length == 0){
						Mask().alert({ content: '请选择一个栏目' });
						return;
					}
					if(rows.length > 1){
						Mask().alert({ content: '请只选择一个栏目' });
						return;
					}
					Kit.go(ATTR.moduleUrl + '/site/collector/task/' + rows[0].code);
				}
			}
		}
	}).load(subs);
	
	var showForm = function(obj){
		var mask = Mask().form({
			id: 'T' + Kit.timestamp(),
			title: Kit.isEmpty(obj.id) ? '添加栏目' : '修改栏目',
			action: ATTR.ctrl + '/singleEvent',
			ajax: true,
			columns: [
				{
	            	field: 'pid',
	                defaultValue: pid,
	                visible: false
	       		}, {
	                field: 'caption',
	                title: '栏目名称',
	                placeholder: '栏目的显示名称，可以是任意字符',
	                required: true
	    		}, {
	               	field: 'code',
	                title: '栏目别名',
	                enable: obj.code != indexCode,
	                placeholder: '栏目的引用名称，只能是英文，且不允许重复',
	                required: true
	    		}, {
	                field: 'subCaption',
	                title: '栏目概述',
	                placeholder: '栏目的简单描述，可选',
	                type: 'textarea'
	          	}, {
	               	field: 'content',
	      	        title: '栏目内容',
	                placeholder: '栏目的详细内容，可选',
	      	        type: 'html'
	          	}, {
	               	field: 'baseLine',
	               	type: 'hline'
	       		}, {
	               	field: 'channelTemp',
	                title: '栏目模板',
	    			required: true,
	    			defaultValue: 'channel.html'
	        	}, {
	                field: 'contentTemp',
	    	        title: '内容模板',
	    	        required: true,
	    			defaultValue: 'content.html'
	          	}, {
	               	field: 'picLine',
	               	type: 'hline'
	          	}, {
	               	field: 'icon',
	      	        title: '栏目图标',
		            placeholder: '支持 Font Awesome 字体图标'
	          	}, {
	                field: 'pic',
	      	        title: '栏目图片',
	    		    type: 'pic'
	    		}, {
	                field: 'tagCodes',
	                title: '默认标签',
	                type: 'tags',
	                options: tags,
	                optionsKey: 'code',
	                optionsValue: 'caption',
	                selectTextField: 'tagCaps',
	                visible: tags.length > 0
	          	}, {
	               	field: 'conbtLine',
	               	type: 'hline'
	          	}, {
	               	field: 'conbtAble',
	      	        title: '允许投稿',
	      	        type: 'radio',
	      	        options: [{key:false,value:'不允许'},{key:true,value:'允许'}],
	      	        defaultValue: false,
	      	        summary: '是否允许其他站点将文章推送到该栏目。',
	      	        events: {
	      	        	ifClicked: function(evt){
	      	        		if($(this).val() == 'true'){
	      	        			mask.box.find('.group-conbtDraft').removeClass('hidden');
	      	        		}else{
	      	        			mask.box.find('.group-conbtDraft').addClass('hidden');
	      	        		}
	      	        	}
	      	        }
	          	}, {
	               	field: 'conbtDraft',
	      	        title: '稿件处理',
	      	        type: 'radio',
	      	        options: [{key:true,value:'存入草稿箱'},{key:false,value:'直接发布'}],
	      	        summary: '来自其他站点推送过来的稿件状态。',
	      	        defaultValue: true,
	      	        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().alert('栏目保存成功');
					mask.hide();
					loadData(function(){
						$('.table-container .row-chk[data-id="' + res.data.channel.id + '"]').iCheck('toggle');
					});
	  			}
	  		}
		}, obj);
	}
	
	var showFormBatch = function(ids){
		var mask = Mask().form({
			id: 'T' + Kit.timestamp(),
			title: '批量修改栏目',
			action: ATTR.ctrl + '/batchEvent',
			ajax: true,
			columns: [
				{
	            	field: 'ids',
	                defaultValue: ids,
	                visible: false
	       		}, {
	               	field: 'channelTemp',
	                title: '栏目模板',
	    			required: true,
	    			defaultValue: 'channel.html'
	        	}, {
	                field: 'contentTemp',
	    	        title: '内容模板',
	    	        required: true,
	    			defaultValue: 'content.html'
	          	}
			],
	  		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().alert('栏目保存成功');
					mask.hide();
					loadData(function(){
						var idArr = ids.split(',');
						$.each(idArr, function(i, id){
							$('.table-container .row-chk[data-id="' + id + '"]').iCheck('toggle');
						});
					});
	  			}
	  		}
		}, {});
	}

	var genForm = Mask({
			showed: false,
			summary: '注：请根据 <code>栏目模板</code> 的实际情况选择是否分页以及每页文章条数。'
		}).form({
		title: '栏目分页规则',
		columns: [
			{
				field: 'ids',
				visible: false
			}, {
				field: 'enpage',
				title: '是否分页',
				type: 'radio',
				options: [{key:0,value:'不分页'}, {key:1,value:'分页显示'}],
				defaultValue: 0,
				events: {
					ifClicked: function(){
						var v = parseInt($(this).val());
						if(v) $('.group-pageSize').removeClass('hidden');
						else $('.group-pageSize').addClass('hidden');
					}
				}
			}, {
				field: 'pageSize',
				title: '每页文章条数',
				type: 'number',
				defaultValue: 20,
				visible: false
			}
		],
		before: function(){
			var vals = genForm.form.getValues();
			var ids = vals.ids;
			var en = vals.enpage;
			var pageSize = en ? vals.pageSize : 0;
			$.ajax({
				url: ATTR.ctrl + '/genStaticPage?ids=' + ids + '&pageSize=' + pageSize,
				success: function(res){
					if(res.state){
						Mask().alert('生成完毕！');
						genForm.hide();
					}else{
						Mask().alert(res.msg);
					}
				}
			});
			return false;
		}
	}, {});
	
	loadData();
	
});
</script>
#end