{js:kindeditor}
<div class="headbar">
	<div class="position"><span>工具</span><span>></span><span>文章管理</span><span>></span><span>{if:isset($this->articleRow['id'])}编辑{else:}添加{/if}文章</span></div>
</div>
<div class="content_box">
	<div class="content form_content">
		<form action='{url:/tools/article_edit_act}' method='post' name='article'>
			<table class="form_table">
				<col width="150px" />
				<col />
				<input type='hidden' name='id' value="" />
				<input type='hidden' name='relation_goods' value='' />
				<tr>
					<th>分类：</th>
					<td>
						{echo:Article::showCat('category_id',$this->articleRow['category_id'],array('请选择分类'=>null))}
						<label>*选择文章所属分类（必填）</label>
					</td>
				</tr>
				<tr>
					<th>标题：</th>
					<td><input type='text' name='title' class='normal' value='' pattern='required' alt='标题不能为空' /></td>
				</tr>
				<tr>
					<th>是否发布：</th>
					<td>
						<label class='attr'><input type='radio' name='visiblity' value='1' checked=checked />是</label>
						<label class='attr'><input type='radio' name='visiblity' value='0' />否</label>
					</td>
				</tr>
				<tr>
					<th>首页推荐：</th>
					<td>
						<label class='attr'><input type='radio' name='top' value='1' checked=checked />是</label>
						<label class='attr'><input type='radio' name='top' value='0' />否</label>
					</td>
				</tr>
				<tr>
					<th>标题字体：</th>
					<td>
						<label class='attr'><input type='radio' name='style' value='0' checked=checked />正常</label>
						<label class='attr'><input type='radio' name='style' value='1' /><b>粗体</b></label>
						<label class='attr'><input type='radio' name='style' value='2' /><span style="font-style:oblique;">斜体</span></label>
					</td>
				</tr>
				<tr>
					<th>标题颜色：</th>
					<td>
						<div class="color_sel">
							{set:$color = ($this->articleRow['color']===null) ? '#000000' : $this->articleRow['color']}
							<input type='hidden' name='color' value='' />
							<a class="color_current" style='color:{$color};background-color:{$color};' href='javascript:void(0)' onclick='showColorBox();' id='titleColor'>{$color}</a>
							<div id='colorBox' class="color_box" style='display:none'></div>
						</div>
					</td>
				</tr>
				<tr>
					<th>排序：</th><td><input type='text' class='small' name='sort' value='' /></td>
				</tr>
				<tr>
					<th>关联相关商品：</th>
					<td>
						<div id='goods_box' class='photo_list'>
							{if:!empty($this->goodsList)}
								{foreach:items = $this->goodsList}
								<img src='{url:}{$item['list_img']}' alt='{$item['name']}' width='120px' />
								{/foreach}
							{/if}
						</div>
						<button class='btn' type='button' onclick='open_relation();'><span>选择商品</span></button>
						<label>文章所要关联的商品（可选）</label>
					</td>
				</tr>

				<tr>
					<th valign="top">内容：</th><td><textarea name='content' style='width:600px;height:300px' pattern='required' alt='内容不能为空'>{$this->articleRow['content']}</textarea></td>
				</tr>
				<tr>
					<th>KEYWORDS(SEO)：</th><td><input type='text' class='normal' name='keywords' value='' /></td>
				</tr>
				<tr>
					<th>DESCRIPTION(SEO)：</th><td><input type='text' class='normal' name='description' value='' /></td>
				</tr>
				<tr>
					<th></th><td><button class='submit'><span>确 定</span></button></td>
				</tr>
			</table>
		</form>
	</div>
</div>

<script type='text/javascript'>
	var FromObj = new Form('article');
	FromObj.init
	({
		'id':'{$this->articleRow['id']}',
		'relation_goods':'{$this->relationStr}',
		'category_id':'{$this->articleRow['category_id']}',
		'title':'{$this->articleRow['title']}',
		'visiblity':'{$this->articleRow['visiblity']}',
		'top':'{$this->articleRow['top']}',
		'style':'{$this->articleRow['style']}',
		'color':'{$color}',
		'sort':'{echo:$this->articleRow['sort']?$this->articleRow['sort']:99}',
		'keywords':'{$this->articleRow['keywords']}',
		'description':'{$this->articleRow['description']}'
	});

	//装载编辑器
	KE.show({
		id : 'content',
		imageUploadJson:'{url:/block/upload_img_from_editor}'
	});
	jQuery(function(){
		//调色板颜色
		var colorBox = new Array('#000','#930','#330','#030','#036','#930','#000080','#339','#333','#800000','#f60','#808000','#808080','#008080','#00f','#669','#f00','#f90','#9c0','#396','#3cc','#36f','#800080','#999','#f0f','#fc0','#ff0','#0f0','#0ff','#0cf','#936','#c0c0c0','#f9c','#fc9','#ff9','#cfc','#cff','#9cf','#c9f','#fff');
		for(color in colorBox)
		{
			var aHTML = '<a href="javascript:void(0)" onclick="changeColor(this);" style="background-color:'+colorBox[color]+';color:'+colorBox[color]+'">'+colorBox[color]+'</a> ';
			$('#colorBox').html($('#colorBox').html() + aHTML);
		}
	});
	//弹出调色板
	function showColorBox()
	{
		var layer = document.createElement('div');
		layer.className = "poplayer";
		$(document.body).append(layer);
		var poplay = $('#colorBox');
		$('.poplayer').bind("click",function(){if(poplay.css('display')=='block') poplay.fadeOut();$("div").remove('.poplayer');})
		poplay.fadeIn();
	}
	//选择颜色
	function changeColor(obj)
	{
		var color = $(obj).html();
		$('#titleColor').css({color:color,'background-color':color});
		$('input:hidden:[name="color"]').val(color);
		$('#colorBox').fadeOut();
		$("div").remove('.poplayer');
	}
	//输入筛选商品的条件
	function open_relation()
	{
		art.dialog.open
		(
			'{url:/block/search_goods}',
			{
				id:'search_goods',
				title:'筛选关联商品'
			}
		);
	}

	//关联商品回调处理函数
	function relationCallBack(content)
	{
		//数据正常
		if(content['isError']==false)
		{
			dataHTML = '';
			$(content['data']).each(
				function(i)
				{
					dataHTML+=' <img width="120px" src="{url:}'+content['data'][i]['list_img']+'" alt="'+content['data'][i]['name']+'" /> ';
				}
			);
			//动态插入图片
			$('#goods_box').html(dataHTML);

			//把关联的商品id存放在隐藏域
			$('input:[name="relation_goods"]').val(content['id_str']);
		}
		//发生错误
		else
			alert(content['message']);
	}
</script>