{layout name="public/layout" /}
<script src="__PUBLIC__/kindeditor/kindeditor-all-min.js" type="text/javascript"></script>
<script src="__PUBLIC__/layer/layer_home.js" type="text/javascript"></script>
<style>
.edui-default .edui-toolbar{padding:4px 1px;}
.edui-default .edui-editor-toolbarboxouter{background-color:#fff;border:1px solid #c2cfcc;background-image:none;box-shadow:none;border-radius:0px;}
.edui-default .edui-editor-toolbarbox{box-shadow:none !important;}
</style>
<div class="bbs">
<a href="javascript:void(0);" class="sendbtn">发表</a>
    <div class="particle">
                 <form id="poForm" method="post" >
                         <input type="hidden" name="child_id" value="{$detail.child_id|default=0}">
                         <input type="hidden" name="id" value="{$id}">
		                 <div class="category">
		                         <div class="icon"><i class="fa fa-th-large"></i></div>
		                         <div class="select">
		                               <select name="parent_id">
		                                <option value="">选择版区</option>
		                                {volist name="cates" id="vo" key="key"}
								            <option value="{$vo.id}">{$vo.name}</option>
								        {/volist}  
								      </select>  
		                         </div>
		                 </div> 
		                <div class="childswraper">
				             {volist name="cates" id="vo"}
							     {if condition="count($vo['childs'])"}
							     <div class="childsrow">
							         <a href="javascript:void(0);" class="active" data-id="0">全部</a>
							         {volist name="vo.childs" id="jo"}
							             <a href="javascript:void(0);" data-id="{$jo.id}">{$jo.name}</a>
						             {/volist}
						         </div>    
							     {/if}
						     {/volist}    
				        </div>
				        <div class="topic"><input name="title" placeholder="加个标题先~（5—40个字）~" value="{$detail.name}"></div> 
				        <div class="infor">
							    <textarea name="content" id="content" style="min-height:300px;width:100%;" placeholder="请输入您的文章内容">{$detail.content}</textarea>
				        </div>
		        </form>
    </div>
</div>  
<script type="text/javascript">
    var wid=$(window).width();
    wid=wid-20;
    console.log(wid);
    var editor;
	KindEditor.ready(function(K) {
		editor=K.create('#content', {
			items:['bold','italic','image','emoticons'],
			noDisableItems : ['bold','italic','image','emoticons'],
			allowFileManager : true
		});
	});
	$(function(){
    	var parentid="{$detail.parent_id}";
    	var childid="{$detail.child_id|default=0}";
    	$("[name='parent_id']").change(function(){
			var val=$('[name="parent_id"]').find("option:selected").val();
			var cur=$('[name="parent_id"]').find("option:selected").index();
    		$("[name='child_id']").val(0);
    		$(".childsrow").hide();
    		if(val){
    			$(this).addClass('open');
    			if(cur)$(".childsrow").eq(cur-1).slideDown();
    		}else{
    			$(this).removeClass('open');
    			if(cur)$(".childsrow").eq(cur-1).slideUp();
    		}
    	});
    	if(parentid!=""){
	    	$("[name='parent_id'] option").each(function(){
	    		 var val=$(this).val();
	    		 if(val==parentid){
	    			 $(this).prop("selected",true);
	    			 $("[name='parent_id']").trigger("change");
	    			 $("[name='child_id']").val(childid);

	    			 var cur=$('[name="parent_id"]').find("option:selected").index();
	    			 cur=cur-1;
	    		     $(".childsrow:eq("+cur+") a").each(function(){
	    		    	 var self=this;
	    		    	 var cval=$(self).data('id');
	    		    	 if(cval==childid){
	    		    		$(".childsrow a").removeClass('active');
	    		     		$(self).addClass('active');
	    		    	 }
	    		     });
	    		 }
	    	});
    	}
    	$(".childsrow a").click(function(){
    		$(".childsrow a").removeClass('active');
    		$(this).addClass('active');
    		var id=$(this).data("id");
    		$("[name='child_id']").val(id);
    	});
    	$(".sendbtn").click(function(){
    		editor.sync();
    		var form=$("#poForm").serialize();
    		var url="{:url('article')}";
    		var pid=$("[name='parent_id']").find("option:selected").val();
    		if(typeof pid=='undefined'||pid==''){
    			layer.msg("请输入版块");
    			return false;
    		}
    		var title=$("[name='title']").val();
    		if(typeof title=='undefined'||title==''){
    			layer.msg("请输入标题");
    			return false;
    		}
    		var content=editor.html();
    		if(typeof content=='undefined'||content==''||content=='请输入您的文章内容'){
    			layer.msg("请输入文章内容");
    			return false;
    		}
    		$.post(url,form,function(res){
    			var jump=res.url;
    			layer.msg(res.msg);
    			if(jump!=''){
	    			setTimeout(function(){
	        			window.location.href=jump;
	    			},3000);
    			}
    		});
    	});
	});
</script>