#@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 class="row">
		<div class="col-xs-12">
			<button type="button" class="btn btn-sm btn-success btn-flat btn-catch">从微信公众号采集</button>
		</div>
	</div>
	<br />
	<div class="catch-conteiner" style="display:none"></div>
	<div class="form-container"></div>
	
</section>
#end

#define after()
<script>
require(['ez-form', 'ez-modal', 'kit'], function(Form, Modal, Kit){
	
	var pid = '#(pid)';

	var colorOpts = [
		{ key: '', value: "默认"}, 
		{ key: 'text-red', value: "<span class='text-red'>红</span>"}, 
		{ key: 'text-yellow', value: "<span class='text-yellow'>黄</span>"}, 
		{ key: 'text-blue', value: "<span class='text-blue'>蓝</span>"}, 
		{ key: 'text-green', value: "<span class='text-green'>绿</span>"}, 
		{ key: 'text-muted', value: "<span class='text-muted'>灰</span>"}
	];

	var opts = {
		title: '文章管理 - 新增'
		, action: '#(attr.ctrl)/addContent'
		, columns: [{
            field: 'pid'
            , defaultValue: pid
            , visible: false
   		},{
            field: 'subDomain'
            , defaultValue: '#(subDomain)'
            , visible: false
   		},{
            field: 'caption'
            , title: '标题'
            , required: true
		}, {
            field: 'subCaption'
            , title: '副标题'
		}, {
            field: 'captionColor'
            , title: '标题颜色'
	        , type: 'radio'
	        , options: colorOpts
	        , defaultValue: ''
		}, {
            field: 'link'
            , title: '外部链接'
			, type: 'url'
			, placeholder: '如此项不为空，则点击文章时直接跳转到链接'
		}, {
            field: 'summary'
            , title: '摘要'
			, type: 'textarea'
		}, {
            field: 'author'
            , title: '作者'
			, defaultValue: '#(session.user.caption)'
		}, {
            field: 'pic'
            , title: '图片'
			, type: 'pic'
		}, {
            field: 'content'
            , title: '内容'
            , type: 'html'
		}, {
            field: 'sort'
            , title: '序号'
            , type: 'number'
            , defaultValue: 0
		}]
	}
	
	var form = Form('.form-container', opts).load();

	var formCat = Form('.catch-conteiner', {
		title: '微信公众号文章采集器',
		action: '#(attr.ctrl)/catchContent',
		ajax: true,
		columns: [
			{
				field: 'wxUrl',
				title: '文章地址',
				type: 'url',
				placeholder: '请将公众号文章页面的链接地址粘贴到此处',
				required: true
			}
		],
		btns: {
			back: { used: false },
			submit: { caption: '采集' }
		},
		before: function(){
			$('.form-btn-submit').prop('disabled', true);
			return true;
		},
		callback: function(bool, res){
			$('.form-btn-submit').removeAttr('disabled');
			if(bool){
				form.update({
					caption: res.title,
					content: res.content
				});
			}
		}
	}).load();
	
	$('.btn-catch').on('click', function(){
		$('.catch-conteiner').toggle();
	});
	
});
</script>
#end