{% extends "fladmin/public/base.html" %}
{% block title %}栏目修改{% endblock %}

{% block content %}
<h5 class="sub-header"><a href="{{'CMS_BASEHOST'|sysconfig}}/fladmin/articleType/index">栏目管理</a> > 栏目修改</h5>

<form method="post" action="{{'CMS_BASEHOST'|sysconfig}}/fladmin/articleType/edit" role="form" id="addcat"
    class="table-responsive">
    <table class="table table-striped table-bordered">
        <tbody>
            <tr>
                <td align="right">
                    <font color="red">*</font>栏目名称：
                </td>
                <td><input name="name" type="text" value="{{post.name}}" id="name" style="width:30%"
                        class="required"><input style="display:none;" type="text" name="id" id="id" value="{{id}}"></td>
            </tr>
            <tr>
                <td align="right">栏目属性：</td>
                <td>
                    <input type="radio" value='0' name="is_part" {% if post.is_part == 0 %} checked
                        {% endif %} />&nbsp;列表栏目（允许发布文档）&nbsp;&nbsp;
                    <input type="radio" value='1' name="is_part" {% if post.is_part == 1 %} checked
                        {% endif %} />&nbsp;频道封面（不允许发布文档）
                </td>
            </tr>
            <tr>
                <td align="right">
                    <font color="red">*</font>别名：
                </td>
                <td><input name="filename" type="text" value="{{post.filename}}" id="filename" class="required"
                        size="30"> <small>(包含字母或数字，字母开头)</small></td>
            </tr>
            <tr>
                <td align="right">排序：</td>
                <td>
                    <input name="listorder" type="text" id="listorder" value="{{post.listorder}}" size="3" />
                </td>
            </tr>
            <tr>
                <td align="right">列表模板：</td>
                <td><input name="templist" id="templist" type="text" value="{{post.templist}}" class="required"
                        size="20"></td>
            </tr>
            <tr>
                <td align="right">文章模板：</td>
                <td><input name="temparticle" id="temparticle" type="text" value="{{post.temparticle}}" 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="{{post.litpic}}" style="width:40%">
                    <img style="margin-left:20px;{% if post.litpic %} display:none {% endif %}"
                        src="{% if post.litpic %} {{post.litpic}} {% endif %}" width="120" height="80" id="picview"
                        name="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:60%" id="seotitle" class="alltxt"
                        value="{{post.seotitle}}"></td>
            </tr>
            <tr>
                <td align="right">关键字：</td>
                <td><input name="keywords" type="text" style="width:50%" id="keywords" class="alltxt"
                        value="{{post.keywords}}"> (用","分开)</td>
            </tr>
            <tr>
                <td align="right" style="vertical-align:middle;">描述：</td>
                <td><textarea name="description" cols="60" style="height:70px;vertical-align:middle;width:60%" rows="3"
                        id="description" class="alltxt">{{post.description}}</textarea></td>
            </tr>
            <tr>
                <td colspan="2"><strong>内容：</strong></td>
            </tr>
            <tr>
                <td colspan="2">
                    <!-- 加载编辑器的容器 -->
                    <script id="container" name="content" type="text/plain">{{post.content|safe}}</script>
                    <!-- 配置文件 -->
                    <script type="text/javascript" src="/static/other/flueditor/ueditor.config.js"></script>
                    <!-- 编辑器源码文件 -->
                    <script type="text/javascript" src="/static/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;
        }
    });
</script>
{% endblock %}