{inc:header.htm}
<script src="{$C[admin_static]}user/js/global.js" type="text/javascript"></script>

<style type="text/css">
.wrap {
    padding: 20px 20px 70px;
}
.col-auto {
	overflow: hidden;
	_zoom: 1;
	_float: left;
	border: 1px solid #c2d1d8;
}
.col-right {
	float: right;
	width: 210px;
	overflow: hidden;
	margin-left: 6px;
	border: 1px solid #c2d1d8;
}

body fieldset {
	border: 1px solid #D8D8D8;
	padding: 10px;
	background-color: #FFF;
}
body fieldset legend {
    background-color: #F9F9F9;
    border: 1px solid #D8D8D8;
    font-weight: 700;
    padding: 3px 8px;
}
.h_a {
    background: none repeat scroll 0 0 #e6e6e6;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ddd;
    color: #666666;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 9px;
}
.table_full td {
    color: #666;
    padding: 7px 10px 9px 15px;
    vertical-align: top;
}
#maybe_pic_upfile, #maybe_img_upfile {
    display: none;
    opacity: 0;
}
</style>

<div class="J_check_wrap contadd" style="margin-top:1px;">
    <form name="myform" id="myform" action="index.php?u=article-{$_GET['action']}" method="post" enctype="multipart/form-data">
        <div class="col-right">
            <div class="table_full">
                <table width="100%">
                    <tr>
                        <td><b>缩略图</b></td>
                    </tr>
                    <tr>
                        <td>
                            <div style="text-align: center;">
                                <input type='hidden' name='info[pic]' id='maybe_pic_val' value='{$data[pic]}'>
                                <div class="picimg">
                                	<img src='{$data[pic_src]}' id='maybe_pic_img' style='cursor:hand' />
                                </div>
                                <a id="maybe_pic_but" class="btn" href="javascript:;">上传缩略图</a>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td><b>评论</b></td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                <input type="radio" name='info[iscomment]' id="allow_comment_1" {if:$data[iscomment] == 0}checked{/if} value="0">允许评论
                            </label>
                            <label>
                                <input type="radio" name='info[iscomment]' id="allow_comment_0" {if:$data[iscomment] == 1}checked{/if} value="1">禁止评论
                            </label>
                            <span>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td><b>责任编辑</b></td>
                    </tr>
                    <tr>
                        <td>
                            <span class="switch_list cc">
                                  <input type="text" name="info[author]" value="{$data[author]}" maxlength="20">
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td><b>来源</b></td>
                    </tr>
                    <tr>
                        <td>
                            <span class="switch_list cc">
                                  <input type='text' name='info[source]' value='{$data[source]}' placeholder='请输入内容来源'>
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-auto">
            <div class="h_a">
                信息发布
            </div>
            <div class="table_full">
            	<input type="hidden" name="info[id]" value="{$data[id]}">
                <table width="100%">
                    <tr>
                        <th width="80">分类</th>
                        <td>
                            {$cidhtml}<span class="red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th>标题</th>
                        <td>
                            <input type="text" name="info[title]" id="title" value="{$data[title]}" style='width:280px' placeholder="请输入标题" />
                            <span class="red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <th>标签</th>
                        <td>
                            <input type='text' name='info[tags]' id='tags' value='{$data[tags]}' style='width:280px'
                            class='input' placeholder='请输入Tags标签'>
                            <span class="gray">多个标签之间用空格或者“,”隔开，最多5个标签</span>
                        </td>
                    </tr>
                    <tr>
                        <th>摘要</th>
                        <td>
                            <textarea name='info[intro]' style='width:98%;height:46px;'>{$data[intro]}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>内容</th>
                        <td>
                            <textarea name='info[content]' id='content' style="width:99%;">{$data[content]}</textarea>
                        	<div class="addition">
								<label title="远程抓取图片比较消耗服务器资源，影响发布速度">
									<input name="isremote" type="checkbox" value="1"> 远程图片本地化
								</label>
							</div>
                        </td>
                    </tr>
                    <tr>
                        <th>验证码</th>
                        <td>
                            <input maxlength="4" type="text" size="4" id="code" name="code" class="login_yz">
		      				<img border="0" width="50" height="25" id="verifyImg" alt="如果您无法识别验证码，请点图片更换" style=" cursor:hand;" src="{$maybe[webdir]}index.php?u=public-verify-name-postcode" onclick='this.src=this.src+"&"+Math.random()'>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="btn_wrap" style="text-align: center;">
            <div class="btn_wrap_pd">
                <button class="btn btn_submit" type="submit"> 提交</button>
            </div>
        </div>
    </form>
</div>

<iframe name="maybe_upifr" style="display:none"></iframe>
<form id="maybe_pic_upform" target="maybe_upifr" method="post" enctype="multipart/form-data" action="index.php?u=attach-upload_image&type=pic{$edit_cid_id}">
	<input id="maybe_pic_upfile" type="file" name="upfile" accept="image/jpg,image/jpeg,image/png,image/gif" />
</form>
<form id="maybe_img_upform" target="maybe_upifr" method="post" enctype="multipart/form-data" action="index.php?u=attach-upload_image&type=img{$edit_cid_id}">
	<input id="maybe_img_upfile" type="file" name="upfile" accept="image/jpg,image/jpeg,image/png,image/gif" multiple="multiple" />
</form>
<script type="text/javascript">

//自动保存
var action = "{$_GET['action']}";
window.autoSave = function() {
	if(action != "add") return;
	var data = $("#myform").serialize();
	maybeAjax.post("index.php?u=article-auto_save-ajax-1", data, function(html) { });
};
//触发自动保存
$("#myform input, #myform textarea, #myform select").change(autoSave);

//传统上传缩略图
document.getElementById("maybe_pic_upfile").onchange = function() {
	document.getElementById("maybe_pic_upform").submit();
};

// 设置显示缩略图 (iframe使用)
function setDisplayPic(path, thumb) {
	$("#maybe_pic_val").val(thumb);
	$("#maybe_pic_img").attr("src", "../"+thumb);
	autoSave();
}

// 定位缩略图上传按钮
function setPicBut() {
	var obj = $("#maybe_pic_but"),
		p = obj.position(),
		w = obj.outerWidth(true),
		h = obj.outerHeight(true),
		r = $(document).width() - w - p.left;
	$("#maybe_pic_upfile").hover(function(){
		obj.addClass("but_on");
	}, function(){
		obj.removeClass("but_on");
	}).show().css({"position":"absolute", "top":p.top, "right":r, "width":w, "height":h});
}

setPicBut();
	
    oInitJson = {
            tiptype:3
        };
        var oVdForm = $("#myform").Validform(oInitJson);
        oVdForm.addRule([
			{
			    ele:"#cid",
			    datatype:"/^[0-9]*[1-9][0-9]*$/",
			    altercss:"tipColor",
			    nullmsg:"请选择分类",
			    errormsg:"请选择分类"
			}, 
            {
                ele:"#title",
                datatype:"*",
                altercss:"tipColor",
                nullmsg:"请输入标题",
                errormsg:"标题不能为空"
            },
            {
                ele:"#code",
                datatype:"*",
                altercss:"tipColor",
                nullmsg:"请输入验证码",
                errormsg:"验证码不能为空"
            }
        ]);
</script>

{hook:admin_content_add_after.htm}

{inc:footer.htm}