{extend name="$index_style_layout" /}
{block name="head_title"}{:M('name')} 频道主页{/block}
{block name="body_content"}
<link rel="stylesheet" href="__STATIC__/bbs/pcpost.css">
<div class="MainContainer">
	<div class="qideBox"><a href="{:urls('index/index')}">社区主页</a> -&gt; {notempty name="fid"}<a href="{:urls('content/index',['fid'=>$fid])}">{:get_sort($fid)}</a> &gt;{/notempty} 发表帖子</div>
	<form class="ajax-post" action="" method="post">
	<div class="FormBox">
		{:hook_listen('template_form_head',$info,null,true)}
		<dl>
			<dt><input type="text" value="{$info.title}" name="title" placeholder="请输入标题" required/></dt>
			<dd>
				<select name="fid">
					<option value="0">请选择栏目</option>
					{volist name="''|sort_config" id="rs"}
					<option value="{$rs.id}" {eq name="$fid" value="$rs.id"}selected{/eq}>{$rs.title_prefix}{$rs.name}</option>
					{/volist}
				</select>
			</dd>
{if ((empty($id)&&empty($ext_id))||$id)&&getArray($qun=fun('qun@myjoin'))}
			<dd>
				<select name="ext_id">
					<option value="{$info.ext_id|default=0}">选择__QUN__</option>
					{volist name="$qun" id="rs"}
					<option value="{$rs.id}" {eq name="$info.ext_id" value="$rs.id"}selected{/eq}>{$rs.title}</option>
					{/volist}
				</select>
			</dd>
{/if}

		</dl>
		<dl>
			<dt><input type="text" value="{$info.kwtags}" name="kwtags" placeholder="请输入标签关键字,中间逗号隔开" required/></dt>
		</dl>
		<div class="ueditor">
<script id="content" class="js-ueditor" name="content" type="text/plain">{$info.content}</script>
<script type="text/javascript"> 
jQuery(document).ready(function() {
	//重新定义编辑器的宽度＝表单提交容器标签的宽度
	$('#PostComment .ueditor').width($('#PostComment .submit').width());   
    ueditor =  UE.getEditor($('.js-ueditor').attr('name'), {
            initialFrameHeight:300,  //初始化编辑器高度,默认320
            autoHeightEnabled:false,  //是否自动长高
            maximumWords: 50000, //允许的最大字符数
            serverUrl: '{:urls("index/attachment/upload","dir=images&from=ueditor&module=bbs")}',
       		toolbars: [ ['fullscreen', 'source', '|', 'bold', 'italic', 'underline','removeformat','blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'fontfamily', 'fontsize', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'link','anchor', '|','insertimage', 'emotion', 'attachment', 'map', 'insertcode','background', 'horizontal','preview', 'searchreplace']]
        }); 
});
</script>
<script src="__STATIC__/libs/ueditor/ueditor.config.js"></script>
<script src="__STATIC__/libs/ueditor/ueditor.all.min.js"></script>
		</div>
		<ul class="uploadImg">
			<div style="display:none;">
				<input type="file" name="fileToUpload" id="fileToUpload" accept="image/*" multiple/>
				<input type="text" name="picurl" value="{$info.picurl}" id="compressValue"  style="width:100%;" /> 
			</div>
			<ol>点击上传图片</ol>
			<li onclick='$("#fileToUpload").click()'><i class="si si-camera"></i></li>
		</ul>
		<div class="ListImgs">
		</div>
		{:hook_listen('template_form_foot',$info,null,true)}
		<div class="button"><button type="submit">{empty name='id'}发表帖子{else /}修改帖子{/empty}</button></div>	
	</div>
	</form>
</div>

<script type="text/javascript" src="__STATIC__/js/base64uppic.js"></script>
<script type="text/javascript">
		var severUrl = "{:urls('index/attachment/upload','dir=images&from=base64&module=bbs')}";
		var pics = [];
        //图片上传change事件
        $('#fileToUpload').change(function(){			
            uploadBtnChange($(this).attr("id"),'compressValue',pics,viewpics);
        });

		function viewpics(url,pic_array){
			var html = '';
			pic_array.forEach(function(f){
				html += '<div><span><img src="/public/'+f+'"></span><em><i class="fa fa-remove"></i></em></div>';
			});
			$(".ListImgs").html(html);
			addclick();
		}
		if($("#compressValue").val()!='')pics = $("#compressValue").val().split(',');
		viewpics('',pics);		
		

		function addclick(){
			$(".ListImgs em").click(function(e){
				//这里删除的图片没有真正从服务器删除
				$(this).parent().remove();
				pics = [];
				var obj = $(".ListImgs img");
				obj.each(function(e){
					var img = $(this).attr("src");
					img = img.replace('/public/','');
					pics.push(img);
					$("#compressValue").val( pics.join(',') );
				});
				if(obj.length==0){
					$("#compressValue").val('');
				}			
			});
		}
		addclick();
</script>

<SCRIPT LANGUAGE='JavaScript'>

function postform(){
	layer.confirm('你确认要提交吗?',{
            btn:['确定','取消']
        },function(index){
			var form_data = $('.ajax-post').serialize();
			postcontent(form_data);
        }
	);
}

var havepost = false;
function postcontent(form_data){
			var that  = ueditor;
			if(that.hasContents()==false){
				layer.alert('内容不能为空')
				return false;
			}
			if(havepost==true){
				layer.msg('请不要重复提交');
				return false;
			}
			havepost = true;
            $.post(url, form_data).success(function (res) {
                if(res.code==0){
					layer.msg("{empty name='id'}发表成功！{else /}修改成功{/empty}");
					location.href="{:urls('content/show')}?id=" + res.data.id;
				}else{
					havepost = false;
					layer.alert('提交失败:' + res.msg);
				}
            }).fail(function () {
				havepost = false;
				layer.open({title: '提示',content: '服务器发生错误'});
            });
}

var url = "{empty name='id'}{:urls('wxapp.post/add',['ext_sys'=>$ext_sys,'ext_id'=>$ext_id])}{else /}{:urls('wxapp.post/edit',['id'=>$id])}{/empty}";

	$(document).ready(function(){
        $('.ajax-post').submit(function () {
            var form_data = $(this).serialize();
			postcontent(form_data)
            return false;
        });
    });

</SCRIPT>
{/block}