{% extends "fladmin/public/base.html" %}
{% block title %}文章添加{% endblock %}

{% block content %}
<script language="javascript" type="text/javascript"
    src="{{'CMS_BASEHOST'|sysconfig}}/static/js/My97DatePicker/WdatePicker.js"></script>
<h5 class="sub-header"><a href="{{'CMS_BASEHOST'|sysconfig}}/fladmin/article/index">文章列表</a> > 文章添加</h5>

<form id="addarc" method="post" action="{{'CMS_BASEHOST'|sysconfig}}/fladmin/article/add" role="form" enctype="multipart/form-data"
    class="table-responsive">
    <table class="table table-striped table-bordered">
        <tbody>
            <tr>
                <td align="right">
                    <font color="red">*</font>文章标题：
                </td>
                <td><input name="title" type="text" id="title" value="" class="required" style="width:60%"
                        placeholder="在此输入标题"></td>
            </tr>
            <tr>
                <td align="right">是否审核：</td>
                <td>
                    <input type="radio" value='0' name="status" checked />&nbsp;是&nbsp;&nbsp;
                    <input type="radio" value='1' name="status" />&nbsp;否
                </td>
            </tr>
            <tr>
                <td align="right">推荐：</td>
                <td>
                    <select name="tuijian" id="tuijian">
                    
                     {% for k,y in ''|tuijian %}
                    <option value="{{k}}">{{y}}
                        </option>{% endfor %}
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right">发布时间：</td>
                <td colspan="2"><input name="update_time" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                        type="text" id="update_time" style="width:185px" value=""></td>
            </tr>
            <tr>
                <td align="right">seoTitle：</td>
                <td><input name="seotitle" type="text" id="seotitle" value="" style="width:60%"></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">来源：</td>
                <td colspan="2"><input name="source" type="text" id="source" style="width:160px" value=""
                        size="16">&nbsp;&nbsp; 作者：<input name="writer" type="text" id="writer" style="width:100px"
                        value="">&nbsp;&nbsp; 浏览次数：<input type="text" name="click" id="click"
                        value="{{ 500 |randomInt}}" style="width:80px;"></td>
            </tr>
            <tr>
                <td align="right">文章栏目：</td>
                <td>
                    <select name="type_id" id="type_id">
                        {% for row in article_type_list %}
                         {% if row.id==type_id %}
                        <option selected="selected" value="{{row.id}}">
                            {% for i in range(row.deep|int) %}
                            —
                            {% endfor %}
                            {{row.name}}
                           </option>
                        {% else %}
                        <option value="{{row.id}}">
                            {% for i in range(row.deep|int) %}
                            —
                            {% endfor %}
                            {{row.name}}
                            </option>
                        {% endif %}
                        {% endfor %}
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right">关键词：</td>
                <td><input type="text" name="keywords" id="keywords" style="width:50%" value=""> (多个用","分开)</td>
            </tr>
            <tr>
                <td align="right">TAG标签：</td>
                <td><input type="text" name="tags" id="tags" style="width:50%" value=""> (多个用","分开)</td>
            </tr>
            <tr>
                <td align="right" style="vertical-align:middle;">内容摘要：</td>
                <td><textarea name="description" rows="5" id="description"
                        style="width:80%;height:70px;vertical-align:middle;"></textarea></td>
            </tr>
            <tr>
                <td align="right">附加选项：</td>
                <td>
                    <input name="dellink" type="checkbox" class="np" id="dellink" value="1">
                    删除非站内链接
                    <input name="autolitpic" type="checkbox" class="np" id="autolitpic" value="1" checked="1">
                    提取第一个图片为缩略图
                </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="/static/other/flueditor/ueditor.config.js"></script>
                    <!-- 编辑器源码文件 -->
                    <script type="text/javascript" src="/static/other/flueditor/ueditor.all.js"></script>
                    <!-- 实例化编辑器 -->
                    <script type="text/javascript">
                        var ue = UE.getEditor('container', {
                            maximumWords: 100000,
                            initialFrameHeight: 320,
                            enableAutoSave: false
                        });
                    </script>
                </td>
            </tr>
            <tr>
                <td colspan="2"><button type="submit" class="btn btn-success"
                        value="Submit">保存(Submit)</button>&nbsp;&nbsp;<button type="reset" class="btn btn-default"
                        value="Reset">重置(Reset)</button><input type="hidden"></input></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 {
                var title = $("#title").val();
                $.ajax({
                    url: "{{'CMS_BASEHOST'|sysconfig}}/fladmin/article/articleexists",
                    type: "GET",
                    cache: false,
                    data: {
                        "title": title
                        //"title":title.replace("'", '&#039;')
                    },
                    success: function (data) {
                        if (data > 0) {
                            $parent.append(
                                ' <small class="formtips onSuccess"><font color="green">已经存在</font></small>'
                                );
                        } else {
                            $parent.append(
                                ' <small class="formtips onSuccess"><font color="green">OK</font></small>'
                                );
                        }
                    }
                });
            }
        });

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

        $("#addarc").submit(function () {
            $(".required").trigger('blur');
            var numError = $('#addarc .onError').length;

            if (numError) {
                return false;
            }

        });
    });
</script>
{% endblock %}