From 3d12583eba748de8084c1a88e62522489a1e5e0b Mon Sep 17 00:00:00 2001
From: wangbin05 <wangbin05@bianfeng.com>
Date: Sat, 3 Apr 2021 22:44:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=88=A0=E9=99=A4=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 controllers/CommentController.go     |  27 +++++-
 controllers/DocumentController.go    |   6 +-
 models/CommentModel.go               |  30 +++++-
 routers/router.go                    |   1 +
 static/js/bootstrap-paginator.min.js |   1 +
 static/js/kancloud.js                | 133 +++++++++++++++++++--------
 views/document/default_read.tpl      |  31 ++-----
 7 files changed, 157 insertions(+), 72 deletions(-)
 create mode 100644 static/js/bootstrap-paginator.min.js

diff --git a/controllers/CommentController.go b/controllers/CommentController.go
index 9cb4a3ca..d8706a18 100644
--- a/controllers/CommentController.go
+++ b/controllers/CommentController.go
@@ -16,16 +16,14 @@ type CommentController struct {
 }
 
 func (c *CommentController) Lists() {
-
 	docid, _ := c.GetInt("docid", 0)
 	pageIndex, _ := c.GetInt("page", 1)
 
 	beego.Info("CommentController.Lists", docid, pageIndex)
 
 	// 获取评论、分页
-	comments, count := models.NewComment().QueryCommentByDocumentId(docid, pageIndex, conf.PageSize)
+	comments, count, pageIndex := models.NewComment().QueryCommentByDocumentId(docid, pageIndex, conf.PageSize, c.Member.MemberId)
 	page := pagination.PageUtil(int(count), pageIndex, conf.PageSize, comments)
-	beego.Info("docid=", docid, "Page", page)
 
 	var data struct {
 		DocId     int               `json:"doc_id"`
@@ -57,11 +55,30 @@ func (c *CommentController) Create() {
 	beego.Info(m)
 	m.Insert()
 
-	c.JsonResult(0, "ok")
+	var data struct {
+		DocId    int    `json:"doc_id"`
+	}
+	data.DocId = id
+
+	c.JsonResult(0, "ok", data)
 }
 
 func (c *CommentController) Index() {
-
 	c.Prepare()
 	c.TplName = "comment/index.tpl"
 }
+
+func (c *CommentController) Delete() {
+	if c.Ctx.Input.IsPost() {
+		id, _ := c.GetInt("id", 0)
+		beego.Info("delete id=", id)
+		m := models.NewComment()
+		m.CommentId = id
+		err := m.Delete()
+		if err != nil {
+			c.JsonResult(1, "删除错误")
+		} else {
+			c.JsonResult(0, "ok")
+		}
+	}
+}
diff --git a/controllers/DocumentController.go b/controllers/DocumentController.go
index 46448494..2a7b06f8 100644
--- a/controllers/DocumentController.go
+++ b/controllers/DocumentController.go
@@ -70,10 +70,9 @@ func (c *DocumentController) Index() {
 			c.Data["DocumentId"] = doc.DocumentId
 
 			// 获取评论、分页
-			comments, count := models.NewComment().QueryCommentByDocumentId(doc.DocumentId, 1, conf.PageSize)
+			comments, count, _ := models.NewComment().QueryCommentByDocumentId(doc.DocumentId, 1, conf.PageSize, c.Member.MemberId)
 			page := pagination.PageUtil(int(count), 1, conf.PageSize, comments)
 			c.Data["Page"] = page
-			beego.Info("docid=", doc.DocumentId, "Page", page)
 		}
 	} else {
 		c.Data["Title"] = "概要"
@@ -156,10 +155,9 @@ func (c *DocumentController) Read() {
 	c.Data["ViewCount"] = doc.ViewCount + 1
 
 	// 获取评论、分页
-	comments, count := models.NewComment().QueryCommentByDocumentId(doc.DocumentId, 1, conf.PageSize)
+	comments, count, _ := models.NewComment().QueryCommentByDocumentId(doc.DocumentId, 1, conf.PageSize, c.Member.MemberId)
 	page := pagination.PageUtil(int(count), 1, conf.PageSize, comments)
 	c.Data["Page"] = page
-	beego.Info("docid=", doc.DocumentId, "Page", page)
 
 	if c.IsAjax() {
 		var data struct {
diff --git a/models/CommentModel.go b/models/CommentModel.go
index 84a68100..7876da05 100644
--- a/models/CommentModel.go
+++ b/models/CommentModel.go
@@ -33,6 +33,8 @@ type Comment struct {
 	ParentId     int `orm:"column(parent_id);type(int);default(0)" json:"parent_id"`
 	AgreeCount   int `orm:"column(agree_count);type(int);default(0)" json:"agree_count"`
 	AgainstCount int `orm:"column(against_count);type(int);default(0)" json:"against_count"`
+	Index        int `orm:"-" json:"index"`
+	ShowDel      int `orm:"-" json:"show_del"`
 }
 
 // TableName 获取对应数据库表名.
@@ -64,11 +66,26 @@ func (m *Comment) Find(id int) (*Comment, error) {
 }
 
 // 根据文档id查询文档评论
-func (m *Comment) QueryCommentByDocumentId(doc_id, page, pagesize int) (comments []Comment, count int64) {
+func (m *Comment) QueryCommentByDocumentId(doc_id, page, pagesize, userid int) (comments []Comment, count int64, ret_page int) {
 	o := orm.NewOrm()
-	offset := (page - 1) * pagesize
-	o.QueryTable(m.TableNameWithPrefix()).Filter("document_id", doc_id).OrderBy("comment_date").Offset(offset).Limit(pagesize).All(&comments)
 	count, _ = o.QueryTable(m.TableNameWithPrefix()).Filter("document_id", doc_id).Count()
+	if -1 == page {     // 请求最后一页
+		var total int = int(count)
+		if total % pagesize == 0 {
+			page = total / pagesize
+		} else {
+			page = total / pagesize + 1
+		}
+	}
+	offset := (page - 1) * pagesize
+	ret_page = page
+	o.QueryTable(m.TableNameWithPrefix()).Filter("document_id", doc_id).OrderBy("comment_date").Offset(offset).Limit(pagesize).All(&comments)
+	for i := 0; i < len(comments); i++ {
+		comments[i].Index = (i + 1) + (page - 1) * pagesize
+		if userid == comments[i].MemberId {
+			comments[i].ShowDel = 1
+		}
+	}
 	return
 }
 
@@ -145,3 +162,10 @@ func (m *Comment) Insert() error {
 
 	return err
 }
+
+// 删除一条评论
+func (m *Comment) Delete() error {
+	o := orm.NewOrm()
+	_, err := o.Delete(m)
+	return err
+}
\ No newline at end of file
diff --git a/routers/router.go b/routers/router.go
index d6f4cf36..7cde2673 100644
--- a/routers/router.go
+++ b/routers/router.go
@@ -134,6 +134,7 @@ func init() {
 	beego.Router("/attach_files/:key/:attach_id", &controllers.DocumentController{}, "get:DownloadAttachment")
 
 	beego.Router("/comment/create", &controllers.CommentController{}, "post:Create")
+	beego.Router("/comment/delete", &controllers.CommentController{}, "post:Delete")
 	beego.Router("/comment/lists", &controllers.CommentController{}, "get:Lists")
 	beego.Router("/comment/index", &controllers.CommentController{}, "*:Index")
 
diff --git a/static/js/bootstrap-paginator.min.js b/static/js/bootstrap-paginator.min.js
new file mode 100644
index 00000000..d482d962
--- /dev/null
+++ b/static/js/bootstrap-paginator.min.js
@@ -0,0 +1 @@
+!function($){"use strict";var BootstrapPaginator=function(element,options){this.init(element,options)},old=null;BootstrapPaginator.prototype={init:function(element,options){this.$element=$(element);var version=options&&options.bootstrapMajorVersion?options.bootstrapMajorVersion:$.fn.bootstrapPaginator.defaults.bootstrapMajorVersion,id=this.$element.attr("id");if(2===version&&!this.$element.is("div"))throw"in Bootstrap version 2 the pagination must be a div element. Or if you are using Bootstrap pagination 3. Please specify it in bootstrapMajorVersion in the option";if(version>2&&!this.$element.is("ul"))throw"in Bootstrap version 3 the pagination root item must be an ul element.";this.currentPage=1,this.lastPage=1,this.setOptions(options),this.initialized=!0},setOptions:function(options){this.options=$.extend({},this.options||$.fn.bootstrapPaginator.defaults,options),this.totalPages=parseInt(this.options.totalPages,10),this.numberOfPages=parseInt(this.options.numberOfPages,10),options&&"undefined"!=typeof options.currentPage&&this.setCurrentPage(options.currentPage),this.listen(),this.render(),this.initialized||this.lastPage===this.currentPage||this.$element.trigger("page-changed",[this.lastPage,this.currentPage])},listen:function(){this.$element.off("page-clicked"),this.$element.off("page-changed"),"function"==typeof this.options.onPageClicked&&this.$element.bind("page-clicked",this.options.onPageClicked),"function"==typeof this.options.onPageChanged&&this.$element.on("page-changed",this.options.onPageChanged),this.$element.bind("page-clicked",this.onPageClicked)},destroy:function(){this.$element.off("page-clicked"),this.$element.off("page-changed"),this.$element.removeData("bootstrapPaginator"),this.$element.empty()},show:function(page){this.setCurrentPage(page),this.render(),this.lastPage!==this.currentPage&&this.$element.trigger("page-changed",[this.lastPage,this.currentPage])},showNext:function(){var pages=this.getPages();pages.next&&this.show(pages.next)},showPrevious:function(){var pages=this.getPages();pages.prev&&this.show(pages.prev)},showFirst:function(){var pages=this.getPages();pages.first&&this.show(pages.first)},showLast:function(){var pages=this.getPages();pages.last&&this.show(pages.last)},onPageItemClicked:function(event){var type=event.data.type,page=event.data.page;this.$element.trigger("page-clicked",[event,type,page])},onPageClicked:function(event,originalEvent,type,page){var currentTarget=$(event.currentTarget);switch(type){case"first":currentTarget.bootstrapPaginator("showFirst");break;case"prev":currentTarget.bootstrapPaginator("showPrevious");break;case"next":currentTarget.bootstrapPaginator("showNext");break;case"last":currentTarget.bootstrapPaginator("showLast");break;case"page":currentTarget.bootstrapPaginator("show",page)}},render:function(){var containerClass=this.getValueFromOption(this.options.containerClass,this.$element),size=this.options.size||"normal",alignment=this.options.alignment||"left",pages=this.getPages(),listContainer=2===this.options.bootstrapMajorVersion?$("<ul></ul>"):this.$element,listContainerClass=2===this.options.bootstrapMajorVersion?this.getValueFromOption(this.options.listContainerClass,listContainer):null,first=null,prev=null,next=null,last=null,p=null,i=0;switch(this.$element.prop("class",""),this.$element.addClass("pagination"),size.toLowerCase()){case"large":case"small":case"mini":this.$element.addClass($.fn.bootstrapPaginator.sizeArray[this.options.bootstrapMajorVersion][size.toLowerCase()])}if(2===this.options.bootstrapMajorVersion)switch(alignment.toLowerCase()){case"center":this.$element.addClass("pagination-centered");break;case"right":this.$element.addClass("pagination-right")}for(this.$element.addClass(containerClass),this.$element.empty(),2===this.options.bootstrapMajorVersion&&(this.$element.append(listContainer),listContainer.addClass(listContainerClass)),this.pageRef=[],pages.first&&(first=this.buildPageItem("first",pages.first),first&&listContainer.append(first)),pages.prev&&(prev=this.buildPageItem("prev",pages.prev),prev&&listContainer.append(prev)),i=0;i<pages.length;i+=1)p=this.buildPageItem("page",pages[i]),p&&listContainer.append(p);pages.next&&(next=this.buildPageItem("next",pages.next),next&&listContainer.append(next)),pages.last&&(last=this.buildPageItem("last",pages.last),last&&listContainer.append(last))},buildPageItem:function(type,page){var itemContainer=$("<li></li>"),itemContent=$("<a></a>"),text="",title="",itemContainerClass=this.options.itemContainerClass(type,page,this.currentPage),itemContentClass=this.getValueFromOption(this.options.itemContentClass,type,page,this.currentPage),tooltipOpts=null;switch(type){case"first":if(!this.getValueFromOption(this.options.shouldShowPage,type,page,this.currentPage))return;text=this.options.itemTexts(type,page,this.currentPage),title=this.options.tooltipTitles(type,page,this.currentPage);break;case"last":if(!this.getValueFromOption(this.options.shouldShowPage,type,page,this.currentPage))return;text=this.options.itemTexts(type,page,this.currentPage),title=this.options.tooltipTitles(type,page,this.currentPage);break;case"prev":if(!this.getValueFromOption(this.options.shouldShowPage,type,page,this.currentPage))return;text=this.options.itemTexts(type,page,this.currentPage),title=this.options.tooltipTitles(type,page,this.currentPage);break;case"next":if(!this.getValueFromOption(this.options.shouldShowPage,type,page,this.currentPage))return;text=this.options.itemTexts(type,page,this.currentPage),title=this.options.tooltipTitles(type,page,this.currentPage);break;case"page":if(!this.getValueFromOption(this.options.shouldShowPage,type,page,this.currentPage))return;text=this.options.itemTexts(type,page,this.currentPage),title=this.options.tooltipTitles(type,page,this.currentPage)}return itemContainer.addClass(itemContainerClass).append(itemContent),itemContent.addClass(itemContentClass).html(text).on("click",null,{type:type,page:page},$.proxy(this.onPageItemClicked,this)),this.options.pageUrl&&itemContent.attr("href",this.getValueFromOption(this.options.pageUrl,type,page,this.currentPage)),this.options.useBootstrapTooltip?(tooltipOpts=$.extend({},this.options.bootstrapTooltipOptions,{title:title}),itemContent.tooltip(tooltipOpts)):itemContent.attr("title",title),itemContainer},setCurrentPage:function(page){if(page>this.totalPages||1>page)throw"Page out of range";this.lastPage=this.currentPage,this.currentPage=parseInt(page,10)},getPages:function(){var totalPages=this.totalPages,pageStart=0===this.currentPage%this.numberOfPages?(parseInt(this.currentPage/this.numberOfPages,10)-1)*this.numberOfPages+1:parseInt(this.currentPage/this.numberOfPages,10)*this.numberOfPages+1,output=[],i=0,counter=0;for(pageStart=1>pageStart?1:pageStart,i=pageStart,counter=0;counter<this.numberOfPages&&totalPages>=i;i+=1,counter+=1)output.push(i);return output.first=1,output.prev=this.currentPage>1?this.currentPage-1:1,output.next=this.currentPage<totalPages?this.currentPage+1:totalPages,output.last=totalPages,output.current=this.currentPage,output.total=totalPages,output.numberOfPages=this.options.numberOfPages,output},getValueFromOption:function(value){var output=null,args=Array.prototype.slice.call(arguments,1);return output="function"==typeof value?value.apply(this,args):value}},old=$.fn.bootstrapPaginator,$.fn.bootstrapPaginator=function(option){var args=arguments,result=null;return $(this).each(function(index,item){var $this=$(item),data=$this.data("bootstrapPaginator"),options="object"!=typeof option?null:option;if(!data)return data=new BootstrapPaginator(this,options),$this=$(data.$element),$this.data("bootstrapPaginator",data),void 0;if("string"==typeof option){if(!data[option])throw"Method "+option+" does not exist";result=data[option].apply(data,Array.prototype.slice.call(args,1))}else result=data.setOptions(option)}),result},$.fn.bootstrapPaginator.sizeArray={2:{large:"pagination-large",small:"pagination-small",mini:"pagination-mini"},3:{large:"pagination-lg",small:"pagination-sm",mini:""}},$.fn.bootstrapPaginator.defaults={containerClass:"",size:"normal",alignment:"left",bootstrapMajorVersion:2,listContainerClass:"",itemContainerClass:function(type,page,current){return page===current?"active":""},itemContentClass:function(type,page,current){return""},currentPage:1,numberOfPages:5,totalPages:1,pageUrl:function(type,page,current){return null},onPageClicked:null,onPageChanged:null,useBootstrapTooltip:!1,shouldShowPage:function(type,page,current){var result=!0;switch(type){case"first":result=1!==current;break;case"prev":result=1!==current;break;case"next":result=current!==this.totalPages;break;case"last":result=current!==this.totalPages;break;case"page":result=!0}return result},itemTexts:function(type,page,current){switch(type){case"first":return"&lt;&lt;";case"prev":return"&lt;";case"next":return"&gt;";case"last":return"&gt;&gt;";case"page":return page}},tooltipTitles:function(type,page,current){switch(type){case"first":return"Go to first page";case"prev":return"Go to previous page";case"next":return"Go to next page";case"last":return"Go to last page";case"page":return page===current?"Current page is "+page:"Go to page "+page}},bootstrapTooltipOptions:{animation:!0,html:!0,placement:"top",selector:!1,title:"",container:!1}},$.fn.bootstrapPaginator.Constructor=BootstrapPaginator}(window.jQuery);
\ No newline at end of file
diff --git a/static/js/kancloud.js b/static/js/kancloud.js
index 7d80b40a..2c0201c6 100644
--- a/static/js/kancloud.js
+++ b/static/js/kancloud.js
@@ -42,12 +42,28 @@ var events = function () {
 
 }();
 
-function format(d) {
-    return d < 10 ? "0" + d : "" + d;
+function format($d) {
+    return $d < 10 ? "0" + $d : "" + $d;
 }
 
-function timeFormat(time) {
-    var span = Date.parse(time)
+function showError($msg, $id) {
+    if (!$id) {
+        $id = "#form-error-message"
+    }
+    $($id).addClass("text-danger").removeClass("text-success").text($msg);
+    return false;
+}
+
+function showSuccess($msg, $id) {
+    if (!$id) {
+        $id = "#form-error-message"
+    }
+    $($id).addClass("text-success").removeClass("text-danger").text($msg);
+    return true;
+}
+
+function timeFormat($time) {
+    var span = Date.parse($time)
     var date = new Date(span)
     var year = date.getFullYear();
     var month = format(date.getMonth() + 1);
@@ -58,19 +74,14 @@ function timeFormat(time) {
     return year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sec;
 }
 
-function onPageClicked(page, docid) {
+// 点击翻页
+function pageClicked($page, $docid) {
     $.ajax({
-        url : "/comment/lists?page=" + page + "&docid=" + docid,
+        url : "/comment/lists?page=" + $page + "&docid=" + $docid,
         type : "GET",
-        beforeSend : function (xhr) {
-            NProgress.start();
-        },
-        success : function (res) {
-            console.log(res.data);
-            loadComment(res.data.page, res.data.doc_id);
-        },
-        complete : function () {
-            NProgress.done();
+        success : function ($res) {
+            console.log($res.data);
+            loadComment($res.data.page, $res.data.doc_id);
         },
         error : function () {
             layer.msg("加载失败");
@@ -79,31 +90,33 @@ function onPageClicked(page, docid) {
 }
 
 // 加载评论
-function loadComment(page, docid) {
+function loadComment($page, $docid) {
     $("#commentList").empty();
     var html = ""
-    var c = page.List;
+    var c = $page.List;
     for (var i = 0; c && i < c.length; i++) {
         html += "<div class=\"comment-item\" data-id=\"" + c[i].comment_id + "\">";
             html += "<p class=\"info\"><a class=\"name\">" + c[i].author + "</a><span class=\"date\">" + timeFormat(c[i].comment_date) + "</span></p>";
             html += "<div class=\"content\">" + c[i].content + "</div>";
             html += "<p class=\"util\">";
-                html += "<span class=\"operate\">";
-                    html += "<span class=\"number\">" + i + "#</span>";
+                if (c[i].show_del == 1) html += "<span class=\"operate toggle\">";
+                else html += "<span class=\"operate\">";
+                    html += "<span class=\"number\">" + c[i].index + "#</span>";
+                    if (c[i].show_del == 1) html += "<i class=\"delete e-delete glyphicon glyphicon-remove\" style=\"color:red\" onclick=\"onDelComment(" + c[i].comment_id + ")\"></i>";
                 html += "</span>";
             html += "</p>";
         html += "</div>";
     }
     $("#commentList").append(html);
 
-    if (page.TotalPage > 1) {
+    if ($page.TotalPage > 1) {
         $("#page").bootstrapPaginator({
-            currentPage: page.PageNo,
-            totalPages: page.TotalPage,
+            currentPage: $page.PageNo,
+            totalPages: $page.TotalPage,
             bootstrapMajorVersion: 3,
             size: "middle",
-            onPageClicked: function(e,originalEvent,type,page){
-                onPageClicked(page, docid);
+            onPageClicked: function(e, originalEvent, type, page){
+                pageClicked(page, $docid);
             }
         });
     } else {
@@ -111,15 +124,36 @@ function loadComment(page, docid) {
     }
 }
 
+// 删除评论
+function onDelComment($id) {
+    console.log($id);
+    $.ajax({
+        url : "/comment/delete",
+        data : {"id": $id},
+        type : "POST",
+        success : function ($res) {
+            if ($res.errcode == 0) {
+                layer.msg("删除成功");
+                $("div[data-id=" + $id + "]").remove();
+            } else {
+                layer.msg($res.message);
+            }
+        },
+        error : function () {
+            layer.msg("删除失败");
+        }
+    });
+}
+
 // 重新渲染页面
-function renderPage(data) {
-    $("#page-content").html(data.body);
-    $("title").text(data.title);
-    $("#article-title").text(data.doc_title);
-    $("#article-info").text(data.doc_info);
-    $("#view_count").text("阅读次数：" + data.view_count);
-    $("#doc_id").val(data.doc_id);
-    loadComment(data.page, data.doc_id);
+function renderPage($data) {
+    $("#page-content").html($data.body);
+    $("title").text($data.title);
+    $("#article-title").text($data.doc_title);
+    $("#article-info").text($data.doc_info);
+    $("#view_count").text("阅读次数：" + $data.view_count);
+    $("#doc_id").val($data.doc_id);
+    loadComment($data.page, $data.doc_id);
 }
 
 /***
@@ -132,7 +166,7 @@ function loadDocument($url, $id, $callback) {
     $.ajax({
         url : $url,
         type : "GET",
-        beforeSend : function (xhr) {
+        beforeSend : function () {
             var data = events.data($id);
             if(data) {
                 if (typeof $callback === "function") {
@@ -150,19 +184,19 @@ function loadDocument($url, $id, $callback) {
 
             NProgress.start();
         },
-        success : function (res) {
-            if (res.errcode === 0) {
-                renderPage(res.data);
+        success : function ($res) {
+            if ($res.errcode === 0) {
+                renderPage($res.data);
 
-                $body = res.data.body;
+                $body = $res.data.body;
                 if (typeof $callback === "function" ) {
                     $body = $callback(body);
                 }
 
-                events.data($id, res.data);
+                events.data($id, $res.data);
 
                 events.trigger('article.open', { $url : $url, $id : $id });
-            } else if (res.errcode === 6000) {
+            } else if ($res.errcode === 6000) {
                 window.location.href = "/";
             } else {
                 layer.msg("加载失败");
@@ -349,4 +383,25 @@ $(function () {
             console.log($param);
         }
     };
+
+    // 提交评论
+    $("#commentForm").ajaxForm({
+        beforeSubmit : function () {
+            $("#btnSubmitComment").button("loading");
+        },
+        success : function (res) {
+            if(res.errcode === 0){
+                showSuccess("保存成功")
+            }else{
+                showError("保存失败")
+            }
+            $("#btnSubmitComment").button("reset");
+            $("#commentContent").val("");
+            pageClicked(-1, res.data.doc_id); // -1 表示请求最后一页
+        },
+        error : function () {
+            showError("服务错误");
+            $("#btnSaveBookInfo").button("reset");
+        }
+    });
 });
\ No newline at end of file
diff --git a/views/document/default_read.tpl b/views/document/default_read.tpl
index 58637df2..369eea76 100644
--- a/views/document/default_read.tpl
+++ b/views/document/default_read.tpl
@@ -167,6 +167,7 @@
                         </div>
                     </div>
                 </div>
+
                 <div class="article-content">
                     <!-- 文章内容 -->
                     <div class="article-body  {{if eq .Model.Editor "markdown"}}markdown-body editormd-preview-container{{else}}editor-content{{end}}"  id="page-content">
@@ -182,8 +183,11 @@
                                 <p class="info"><a class="name">{{$c.Author}}</a><span class="date">{{date $c.CommentDate "Y-m-d H:i:s"}}</span></p>
                                 <div class="content">{{$c.Content}}</div>
                                 <p class="util">
-                                    <span class="operate">
-                                        <span class="number">{{$i}}#</span>
+                                    <span class="operate {{if eq $c.ShowDel 1}}toggle{{end}}">
+                                        <span class="number">{{$c.Index}}#</span>
+                                        {{if eq $c.ShowDel 1}}
+                                        <i class="delete e-delete glyphicon glyphicon-remove" style="color:red" onclick="onDelComment({{$c.CommentId}})"></i>
+                                        {{end}}
                                     </span>
                                 </p>
                             </div>
@@ -197,11 +201,12 @@
                         <div class="comment-post">
                             <form class="form" id="commentForm" action="{{urlfor "CommentController.Create"}}" method="post">
                                 <label class="enter w-textarea textarea-full">
-                                    <textarea class="textarea-input form-control" name="content" placeholder="文明上网，理性发言" style="height: 72px;"></textarea>
+                                    <textarea class="textarea-input form-control" name="content" id="commentContent" placeholder="文明上网，理性发言" style="height: 72px;"></textarea>
                                     <input type="hidden" name="doc_id" id="doc_id" value="{{.DocumentId}}">
                                 </label>
                                 <div class="pull-right">
-                                        <button class="btn btn-success btn-sm" type="submit">发布</button>
+                                    <span id="form-error-message" class="error-message"></span>
+                                    <button class="btn btn-success btn-sm" type="submit" id="btnSubmitComment" data-loading-text="提交中...">提交评论</button>
                                 </div>
                             </form>
                         </div>
@@ -297,7 +302,7 @@ if ({{.Page.TotalPage}} > 1) {
         bootstrapMajorVersion: 3,
         size: "middle",
         onPageClicked: function(e, originalEvent, type, page){
-            onPageClicked(page, {{.DocumentId}});
+            pageClicked(page, {{.DocumentId}});
         }
     });
 }
@@ -349,22 +354,6 @@ $(function () {
             window.jsTree.jstree().open_all()
         }
     })
-
-    // 提交评论
-    $("#commentForm").ajaxForm({
-        beforeSubmit : function () {
-        },
-        success : function (res) {
-            if(res.errcode === 0){
-                console.log("success")
-            }else{
-                console.log("error")
-            }
-        },
-        error : function () {
-            console.log("server error")
-        }
-    });
 });
 </script>
 {{.Scripts}}