From 694be3dfa3d25193524e13f24dd945ccf3988eb6 Mon Sep 17 00:00:00 2001
From: Wizzer <wizzer@qq.com>
Date: Thu, 21 Jul 2016 10:27:35 +0800
Subject: [PATCH] ...

---
 .../views/private/cms/article/edit.html       | 235 ++++++++++++++++++
 1 file changed, 235 insertions(+)
 create mode 100644 src/main/webapp/WEB-INF/views/private/cms/article/edit.html

diff --git a/src/main/webapp/WEB-INF/views/private/cms/article/edit.html b/src/main/webapp/WEB-INF/views/private/cms/article/edit.html
new file mode 100644
index 000000000..d43c05f26
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/private/cms/article/edit.html
@@ -0,0 +1,235 @@
+<%
+layout("/layouts/private.html"){
+%>
+<script src="${base!}/assets/plugins/ueditor/ueditor.config.js"></script>
+<script src="${base!}/assets/plugins/ueditor/ueditor.all.min.js"></script>
+<header class="header navbar bg-white shadow">
+    <div class="btn-group tool-button">
+        <a class="btn btn-primary navbar-btn" href="${base}/private/cms/article" data-pjax><i class="ti-angle-left"></i> 返回</a>
+    </div>
+    <div class="pull-right">
+        <div class="btn-group tool-button">
+            <button class="btn btn-primary navbar-btn" type="button" id="save"> 保存</button>
+        </div>
+    </div>
+</header>
+
+<div class="content-wrap">
+    <div class="wrapper" style="min-height:500px;height: 100%;">
+        <form id="addForm" role="form" class="form-horizontal parsley-form" data-parsley-validate
+              action="${base}/private/cms/article/editDo" method="post">
+                <input id="id" name="id" value="${obj.id!}" type="hidden">
+                        <div class="col-lg-12">
+                            <div class="form-group has-feedback">
+                                <label for="channelId" class="col-sm-2 control-label">所属栏目</label>
+
+                                <div class="col-sm-8">
+                                    <div class="input-group">
+                                        <input id="channelId" type="text" class="form-control" placeholder="请选择栏目" disabled
+                                               value="<%if(!isEmpty(channel)){%>${channel.name}<%}%>" data-parsley-required="true"/>
+
+			                             		<span class="input-group-btn">
+			                             			<button type="button" class="btn btn-primary" data-toggle="modal"
+                                                            data-target="#dialogSelect"><i class="ti-plus"></i>选择
+                                                    </button>
+			                             		</span>
+                                    </div>
+                                    <input type="hidden" name="channelId" value="<%if(!isEmpty(channel)){%>${channel.id}<%}%>">
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="title" class="col-sm-2 control-label">文章标题</label>
+
+                                <div class="col-sm-8">
+                                    <input type="text" id="title" class="form-control" name="title" data-parsley-required="true"
+                                           value="${obj.title!}" placeholder="文章标题">
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="author" class="col-sm-2 control-label">作者</label>
+
+                                <div class="col-sm-8">
+                                    <input type="text" id="author" class="form-control" name="author"
+                                           value="${obj.author!}" placeholder="作者">
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="info" class="col-sm-2 control-label">文章简介</label>
+
+                                <div class="col-sm-8">
+                                    <textarea id="info" name="info" data-parsley-required="true" class="form-control" style="width:100%;height:80px;">${obj.info!}</textarea>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="at" class="col-sm-2 control-label">发布时间</label>
+
+                                <div class="col-sm-8 input-group date form_datetime " style="padding-left: 16px;padding-right: 16px;" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="at">
+                                    <input type="text" size="16" readonly class="form-control" value="${@date.getDate(obj.publishAt)}" data-parsley-required="true">
+                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
+                                    <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
+                                </div>
+                                <input type="hidden" id="at" name="at" value="${@date.getDate(obj.publishAt)}" />
+                            </div>
+                            <div class="form-group">
+                                <label for="disabled" class="col-sm-2 control-label">取消发布</label>
+                                <div class="col-sm-8 switcha">
+                                    <div class="mr15">
+                                        <input type="checkbox" id="disabled" name="disabled" class="js-switch-blue" value="true" <%if(obj.disabled){%>checked<%}%>>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="picurl" class="col-sm-2 control-label">标题图</label>
+
+                                <div class="col-sm-8">
+                                    <div id="queue"></div>
+                                    <div>
+                                        <input id="file_upload" name="file_upload" type="file" multiple="false">
+                                    </div>
+                                    <div id="img" style="padding: 5px;">
+                                        <%if(!isEmpty(obj.picurl)){%>
+                                        <img src='${obj.picurl!}' style='width:150px;'>
+                                        <i class="fa fa-close" onclick="$('#picurl').val('');$('#img').html('');"></i>
+                                        <%}%>
+                                    </div>
+                                    <input type="hidden" id="picurl" name="picurl" value="${obj.picurl!}" >
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="content" class="col-sm-2 control-label">文章内容</label>
+
+                                <div class="col-sm-8">
+                                    <textarea id="content" name="content" style="width:100%;height:200px;">${obj.content!}</textarea>
+                                </div>
+                            </div>
+                        </div>
+        </form>
+    </div>
+</div>
+<div id="dialogSelect" class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                <h4 class="modal-title">选择栏目</h4>
+            </div>
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-xs-12">
+                        <div id="jsTree" class="demo"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
+                <button type="button" class="btn btn-primary" onclick="select()">确认选择</button>
+            </div>
+        </div>
+    </div>
+</div>
+<script language="JavaScript">
+    function clearFile() {
+        $("#img").html("");
+        $("#queue").html("");
+        $("#picurl").val("");
+    }
+    function initTreeView() {
+        $("#jsTree").jstree({
+            plugins: ["wholerow", "json_data"],
+            core: {
+                data: {
+                    dataType: "json",
+                    url: function (node) {
+                        return node.id === "#" ? "${base}/private/cms/channel/tree" : "${base}/private/cms/channel/tree?pid=" + node.id
+                    }
+                },
+                multiple: false
+            }
+        }).on("dblclick.jstree", function (node) {
+            select();
+        });
+    }
+    //选择父菜单
+    function select() {
+        var tree = $.jstree.reference("#jsTree");
+        var node = tree.get_selected(true);
+        $("#addForm #channelId").val(node[0].text);
+        $("#addForm input[name='channelId']").val(node[0].id);
+        $("#dialogSelect").modal("hide");
+    }
+    var ue;
+    $(document).ready(function () {
+        setTimeout(function () {
+            ue= new baidu.editor.ui.Editor();
+            ue.render('content');
+        },500);
+        myForm.init();
+        $('.form_datetime').datetimepicker({
+            language:  'zh-CN',
+            format:'yyyy-mm-dd hh:ii:ss',
+            weekStart: 1,
+            todayBtn:  1,
+            autoclose: 1,
+            todayHighlight: 1,
+            startView: 2,
+            forceParse: 0,
+            showMeridian: 1
+        });
+        initTreeView();
+        $('#file_upload').uploadifive({
+            'auto': true,
+            'multi': false,
+            'width': '100%',
+            'height': '35',
+            'buttonText': '请选择图片',
+            'fileType': 'image/*',
+            'fileSizeLimit': 1024,
+            'queueSizeLimit': 1,
+            'formData': {},
+            'queueID': 'queue',
+            'uploadScript': '${base}/open/file/upload/image',
+            'onUploadComplete': function (file, data) {
+                data = JSON.parse(data);
+                if (data.code == 0) {
+                    Toast.success(data.msg);
+                    $("#img").html("<img src='" + data.data + "' style='width:150px;height:95px;'>");
+                    $("#picurl").val(data.data);
+                } else {
+                    clearFile();
+                    Toast.error(data.msg);
+                }
+            },
+            'onDrop': function (file, fileDropCount) {
+                clearFile();
+            },
+            'onClearQueue': function (queue) {
+                clearFile();
+            },
+            'onCancel': function () {
+                clearFile();
+            }
+        });
+        $("#save").on("click",function(){
+            $("#footer_content").val(ue.getContent());
+            $('#addForm').submit();
+        });
+        $('#addForm').ajaxForm({
+            dataType: 'json',
+            beforeSubmit: function (arr, form, options) {
+                sublime.showLoadingbar($(".main-content"));
+            },
+            success: function (data, statusText, xhr, form) {
+                if (data.code == 0) {
+                    Toast.success(data.msg);
+                } else {
+                    Toast.error(data.msg);
+                }
+                sublime.closeLoadingbar($(".main-content"));
+            }
+        });
+
+    });
+</script>
+
+
+<%}%>
\ No newline at end of file