{extend name="public/base" /}
{block name="title"}添加分类{/block}

{block name="content"}
<h5 class="sub-header"><a href="{:url('index')}">商品分类管理</a> > 添加分类</h5>

<form method="post" action="{:url('doadd')}" role="form" id="addcat" class="table-responsive">
<table class="table table-striped table-bordered">
  <tbody>
    <tr>
      <td align="right">分类名称：</td>
      <td><input name="name" type="text" value="" id="name" size="30" class="required"></td>
    </tr>
	<tr>
      <td align="right">上级目录：</td>
      <td><?php if($id==0){echo "顶级栏目";}else{echo $postone["name"];} ?><input style="display:none;" type="text" name="prid" id="prid" value="<?php if($id==0){echo "top";}else{echo $id;} ?>"></td>
    </tr>
    <tr>
    <td align="right">别名：</td>
    <td><input name="typedir" type="text" value="" id="typedir" class="required" style="width:30%"> <small>(包含字母或数字，字母开头)</small></td>
    </tr>
    <tr>
      <td align="right">列表模板：</td>
      <td><input name="templist" id="templist" type="text" value="goodscat" class="required" size="20"></td>
    </tr>
    <tr>
      <td align="right">文章模板：</td>
      <td><input name="temparticle" id="temparticle" type="text" value="goods" class="required" size="20"></td>
    </tr>
    <tr>
        <td align="right" style="vertical-align:middle;">缩略图：</td>
        <td style="vertical-align:middle;"><button type="button" onclick="upImage();">选择图片</button> <input name="litpic" type="text" id="litpic" value="" style="width:40%"> <img style="margin-left:20px;display:none;" src="" width="120" height="80" id="picview"></td>
    </tr>
<script type="text/javascript">
var _editor;
$(function() {
    //重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件
    _editor = UE.getEditor('ueditorimg');
    _editor.ready(function () {
        //设置编辑器不可用
        _editor.setDisabled('insertimage');
        //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
        _editor.hide();
        //侦听图片上传
        _editor.addListener('beforeInsertImage', function (t, arg) {
            //将地址赋值给相应的input,只取第一张图片的路径
			$('#litpic').val(arg[0].src);
            //图片预览
            $('#picview').attr("src",arg[0].src).css("display","inline-block");
        })
    });
});
//弹出图片上传的对话框
function upImage()
{
    var myImage = _editor.getDialog("insertimage");
	myImage.render();
    myImage.open();
}
</script>
<script type="text/plain" id="ueditorimg"></script>
    <tr>
      <td align="right">SEO标题：</td>
      <td><input name="seotitle" type="text" style="width:70%" id="seotitle" class="alltxt" value=""></td>
    </tr>
    <tr>
      <td align="right">关键字：</td>
      <td><input name="keywords" type="text" style="width:50%" id="keywords" class="alltxt" value=""> (用","分开)</td>
    </tr>
    <tr>
      <td align="right">SEO关键字：</td>
      <td><input name="seokeyword" type="text" style="width:50%" id="seokeyword" class="alltxt" value=""> (用","分开)</td>
    </tr>
    <tr>
      <td align="right" style="vertical-align:middle;">分类描述：</td>
      <td><textarea name="description" cols="70" style="height:70px;vertical-align:middle;width:70%" rows="3" id="description" class="alltxt"></textarea></td>
    </tr>
    <tr>
      <td colspan="2"><strong>分类内容：</strong></td>
    </tr>
    <tr>
      <td colspan="2">
<!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain"></script>
<!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.min.js"></script>
<!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script>
      </td>
    </tr>
    
    <tr>
      <td colspan="2"><input type="submit" class="btn btn-success" value="保存(Submit)">&nbsp;&nbsp;<input type="reset" class="btn btn-default" value="重置(Reset)"></td>
    </tr>
  </tbody>
</table>
</form><!-- 表单结束 -->

<script>
$(function(){
    $(".required").blur(function(){
        var $parent = $(this).parent();
        $parent.find(".formtips").remove();
        
        if(this.value=="")
        {
            $parent.append(' <small class="formtips onError"><font color="red">不能为空！</font></small>');
        }
        else
        {
            if( $(this).is('#typedir') ){
                var reg = /^[a-zA-Z]+[0-9]*[a-zA-Z0-9]*$/;//验证是否为字母、数字
                if(!reg.test($("#typedir").val()))
                {
                    $parent.append(' <small class="formtips onError"><font color="red">格式不正确！</font></small>');
                }
                else
                {
                    $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
                }
            }
            else
            {
                $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
            }
        }
    });

    //重置
    $('#addcat input[type="reset"]').click(function(){
            $(".formtips").remove(); 
    });
});

$('#addcat input[type="submit"]').click(function(){
    $(".required").trigger('blur');
    var numError = $('#addcat .onError').length;

    if(numError){
        return false;
    }

    //$("#contents").val = ue.getContent();
    //var datas = $('#addcat').serialize();//#form要在form里面

    //var content = ue.getContent();
    /* $.ajax({
        url: "/admin/Producttype/doedit",
        type: "POST",
        dataType: "json",
        data: {
            "id":$("#id").val(),
            "typename":$("#typename").val(),
            "typedir":$("#typedir").val(),
            "templist":$("#templist").val(),
            "temparticle":$("#temparticle").val(),
            "litpic":$("#litpic").val(),
            "seotitle":$("#seotitle").val(),
            "keywords":$("#keywords").val(),
            "seokeyword":$("#seokeyword").val(),
            "description":$("#description").val(),
            "content":content
            //"seotitle":seotitle.replace("'", "&#039;"),
            //"keywords":keywords.replace("'", "&#039;"),
            //"description":description.replace("'", "&#039;"),
            //"contents":content.replace("'", "&#039;")
        },
        success: function(data){
            if(data.code==200)
            {
                //alert(data.info);
                window.location.replace("/admin/Producttype");
            }
        }
    }); */
});
</script>
{/block}