{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" href="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.css">
<script src="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<!-- 配置文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.all.min.js"></script>
<!-- datepicker statr -->
<link href="__PUBLIC__/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/board/board.min.css">
<!-- datepicker end -->
<script src="__PUBLIC__/js/uploadOne.js"></script>
{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>{$meta_title}</h2>
		</div>
	</header>
	<div class="main-box-body clearfix">
		<form method="post" id="fm">
            <div class="form-group col-md-10">
                <label class="col-lg-10 control-label">第一个栏目默认为封面</label>
            </div>
            <input type="hidden" id="mid" name="wxid" value="{$wxid}">
            <input type="hidden" id="mid" name="mid" value="{$mid}">
            <input type="hidden" id="thumb_url" name="thumb_url">
            <input type="hidden" id="top_url" name="top_url">
            
            <div class="form-group col-md-10">
            <div id="drop_area"></div>
            </div>

            <div class="form-group col-md-10">
                <label class="col-lg-10 control-label">内容TOP插图，第一栏不用上传</label>
            </div>

            <div class="form-group col-md-10">
                <div id="drop_area_top"></div>
            </div>

            <div class="form-group col-md-7">
                <label class="col-lg-2 control-label">标题</label>
                <div class="col-lg-10 col-sm-10">
                            <input type="text" class="form-control" name="title" id="title">
                </div>
            </div>

            <div class="form-group col-md-7">
                <label class="col-lg-2 control-label">原文地址</label>
                <div class="col-lg-10 col-sm-10">
                            <input type="text" class="form-control" name="content_source_url" id="content_source_url" placeholder="点击“阅读原文”后的跳转链接">
                </div>
            </div>

            <div class="form-group col-md-12">
                <p style="margin-bottom:15px;">内容：<font color="red">(不要有图片 微信不允许内容里有图片内容)</font></p>
                    <div class="col-lg-11 col-sm-10">
                        <textarea name="content" id="content" style="width: 100%;"></textarea>
                        <!-- 实例化编辑器代码 -->
                        <script type="text/javascript">
                             var ue = UE.getEditor('content', {
                                serverUrl : "http://m.youyandm.com/admin/upload/ueditor.html"
                             });
                        </script>
                    </div>
            </div>

            <div class="form-group col-md-10">
                <div id="drop_area_bot"></div>
            </div>
            <input type="hidden" id="bot_url" name="bot_url">
            
            <div class="form-group col-md-12">
                <button class="btn btn-primary" type="button" style="margin-top: 25px;" onclick="fm()">添加</button>
                <a href="javascript:history.back(-1)" class="btn btn-success" style="margin-top: 25px;">返回</a>
            </div>

		</form>
	</div>
</div>
{/block}
{block name="script"}
<script>
//上传图片 获取图片地址 
var dragImgUpload = new DragImgUpload("#drop_area",{
	callback:function (files) {
		//回调函数，可以传递给后台等等
        var file = files[0];
        var formData = new FormData();
		formData.append("img",file);
        $.ajax({  
		type: "POST",   
		url:"{:url('Wxpushall/upimg')}", 
		data: formData,
		async: false,
		cache: false, 
		processData:false,
		contentType:false,
		dataType:"json",			  
		error: function(request) {  
			  console.log('错误')
		},  
		success: function(data) {  
			 if(data.status==1){
				swal('上传成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                console.log(data.thumb_url)
                $('#thumb_url').val(data.thumb_url);
			 }else{
				swal('错误',data.error, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
			 }  
			  
		}  

	 });
	}
})
//TOP插图 获取图片地址 
var dragImgUpload = new DragImgUpload("#drop_area_top",{
	callback:function (files) {
		//回调函数，可以传递给后台等等
        var file = files[0];
        var formData = new FormData();
		formData.append("img",file);
        $.ajax({  
		type: "POST",   
		url:"{:url('Wxpushall/upimg')}", 
		data: formData,
		async: false,
		cache: false, 
		processData:false,
		contentType:false,
		dataType:"json",			  
		error: function(request) {  
			  console.log('错误')
		},  
		success: function(data) {  
			 if(data.status==1){
				swal('上传成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                console.log(data.thumb_url)
                $('#top_url').val(data.thumb_url);
			 }else{
				swal('错误',data.error, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
			 }  
			  
		}  

	 });
	}
})
//上传内容底部图片
var dragImgUpload = new DragImgUpload("#drop_area_bot",{
	callback:function (files) {
		//回调函数，可以传递给后台等等
        var file = files[0];
        var formData = new FormData();
		formData.append("img",file);
        $.ajax({  
		type: "POST",   
		url:"{:url('Wxpushall/upimg')}", 
		data: formData,
		async: false,
		cache: false, 
		processData:false,
		contentType:false,
		dataType:"json",			  
		error: function(request) {  
			  console.log('错误')
		},  
		success: function(data) {  
			 if(data.status==1){
				swal('上传成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                console.log(data.thumb_url)
                $('#bot_url').val(data.thumb_url);
			 }else{
				swal('错误',data.error, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
			 }  
			  
		}  

	 });
	}
})
// 添加数据
function fm(){
    var fm = $('#fm');
    var formData = autofroms(fm);
    if(formData.thumb_url==''){
        swal('错误','请上传图片', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
    }else if(formData.title==''){
        swal('错误','标题不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
    }else if(formData.content_source_url==''){
        swal('错误','原文地址不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
    }else if(formData.content==''){
        swal('错误','内容不能为空', {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
    }else{
        //console.log(formData)
            $.ajax({  
            type: "POST",   
            url:"{:url('Wxpushall/addnavs')}", 
            data: formData,
			dataType:"json",			  
            success: function(data) {  
                 if(data.status==1){
                    swal('添加成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                    
                    window.location = ""; 
  
				 }else{
					swal('错误',data.reg, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
				 }  
                 
            }  

         }); 
    }
}
</script>
{/block}