1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
|
/**
* Ajax Comment
* Last Update: 2020/02/26
*/
/**
* Tmp
*/
var dataTmp = {
comments: {}
};
/**
* 评论部分
*/
var MiraclesComment = {
//评论核心函数
core: function() {
var commentID = $('.comment-box-id').attr('id');
window.TypechoComment = {
dom : function (id) {
return document.getElementById(id);
},
create : function (tag, attr) {
var el = document.createElement(tag);
for (var key in attr) {
el.setAttribute(key, attr[key]);
}
return el;
},
reply : function (cid, coid) {
var comment = this.dom(cid), parent = comment.parentNode,
response = this.dom(commentID), input = this.dom('comment-parent'),
form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0],
textarea = response.getElementsByTagName('textarea')[0];
if (null == input) {
input = this.create('input', {
'type' : 'hidden',
'name' : 'parent',
'id' : 'comment-parent'
});
form.appendChild(input);
}
input.setAttribute('value', coid);
if (null == this.dom('comment-form-place-holder')) {
var holder = this.create('div', {
'id' : 'comment-form-place-holder'
});
response.parentNode.insertBefore(holder, response);
}
comment.appendChild(response);
this.dom('cancel-comment-reply-link').style.display = '';
if (null != textarea && 'text' == textarea.name) {
textarea.focus();
}
return false;
},
cancelReply : function () {
var response = this.dom(commentID),
holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent');
if (null != input) {
input.parentNode.removeChild(input);
}
if (null == holder) {
return true;
}
this.dom('cancel-comment-reply-link').style.display = 'none';
holder.parentNode.insertBefore(response, holder);
return false;
}
};
},
//提交评论
submitComment: function() {
//如果获取不到评论提交 URL 则终止
if(!$('.comment-box-id').attr('data-commentUrl')) { return false; }
/* ===== 检查是否完整 =====*/
if (!$('#comment-form #textarea').val()) {
alertSend('请填写评论内容！', 'error');
return false;
}
if ($('#comment-form .comment-input #author').length && !$('#comment-form .comment-input #author').val()) {
alertSend('请填写您的昵称！', 'error');
return false;
}
//评论前需要做的事情
function beforeComment() {
//禁用按钮
$('#comment-form .comment-submit').attr('disabled', true);
$('#comment-form').addClass('comment-sending');
$('#comment-form .comment-submit').text(commentSubmit);
};
beforeComment();
//评论后需要做的事情
function afterComment(status) {
//取消禁用评论按钮
$('#comment-form .comment-submit').removeAttr('disabled');
$('#comment-form').removeClass('comment-sending');
$('#comment-form .comment-submit').text(commentSubmitLoading);
//判断是否评论成功
if(status) {
//如果成功
if ($('.comment-waiting').length>0) {
alertSend('评论提交成功，正在等待审核！', 'success');
LazyLoad();//防止 owo 表情懒加载失效
}else{
alertSend('评论提交成功！', 'success');
LazyLoad();//防止 owo 表情懒加载失效
}
//清空被回复 ID
dataTmp.comments.replyTo = '';
}else{
//如果失败
alertSend('评论提交失败！', 'error');
}
//无论是否成功都要重新绑定回复按钮 ID
MiraclesComment.bindReplyBtn();
}
//AJAX 提交
$.ajax({
type: 'POST',
url: $('.comment-box-id').attr('data-commentUrl'),
data: $('#comment-form').serialize(),
success: function(data) {
var data = $("<body></body>").append($(data));
var $html = $("title", data); //返回的内容
//评论成功
if ($html.html() != 'Error') {
$('#comment-form #textarea').val(''); //清空评论框
//获取新评论 ID
if (data.html()) {
dataTmp.comments.NewID = $(".comment-list", data).html().match(/id=\"?comment-\d+/g).join().match(/\d+/g).sort(function (a, b) { return a - b }).pop();
}else{
alertSend('评论失败！请刷新页面', 'error');
return false;
}
console.log(dataTmp.comments.replyTo);
//如果是父评论
if('' === dataTmp.comments.replyTo) {
if(!$('.comment-list').length) {
//检查是否已有评论
//如果没有先插入评论列表基本结构
dataTmp.comments.NewComment = $("#comment-" + dataTmp.comments.NewID, data);
$('.comment').prepend('<div class="comment-container"><h3 class="comment-title" id="response">已有 0 条评论</h3><div class="comment-list"></div></div>');
$('.comment .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein'));
} else if($('.prev').length) {
//如果不在第一页
$('.comment-pagenav li a').eq(1).click();
} else {
//当前在第一页
dataTmp.comments.NewComment = $("#comment-" + dataTmp.comments.NewID, data);
$('.comment .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein'));
}
} else {
//如果是子评论
dataTmp.comments.NewComment = $("#comment-" + dataTmp.comments.NewID, data);
if ($('#'+dataTmp.comments.replyTo).find('.comment-children').length) {
//当前父评论已经有嵌套的结构
//直接插入新的评论
$('#'+ dataTmp.comments.replyTo +' .comment-children .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein'));
TypechoComment.cancelReply();
} else {
//当前父评论没有嵌套的结构
//先构建嵌套的结构再进插入子评论
$('#'+ dataTmp.comments.replyTo).append('<div class="comment-children"><div class="comment-list"></div></div>');
$('#'+ dataTmp.comments.replyTo +' .comment-children .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein'));
TypechoComment.cancelReply();
}
}
//评论数量增加
if (/\d+/.test($('.comment .comment-container .comment-title').text())) {
var counts = parseInt($('.comment .comment-container .comment-title').text().replace(/[^0-9]/ig,""));
$('.comment .comment-container .comment-title').html($('.comment .comment-container .comment-title').html().replace(/\d+/, counts + 1));
}
//评论后需要处理的事情
afterComment(true);
}else{
//评论失败
afterComment(false);
}
}
});
},
//为回复/取消回复按钮绑定事件
bindReplyBtn: function() {
//如果评论列表不存在
if(!$('.comment').length) { return false; }
//初始化被回复评论变量
dataTmp.comments.replyTo = '';
for(let i=0; i<$(".comment-reply a").length; ++i) {
$(".comment-reply a")[i].addEventListener('click', function() {
dataTmp.comments.replyTo = $(this).parent().parent().parent().parent().parent().attr("id");
});
}
}
};
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('D(A(d,f,a,c,b,e){b=A(a){z a.K(f)};J(!"".C(/^/,H)){B(;a--;)e[b(a)]=c[a]||b(a);c=[A(a){z e[a]}];b=A(){z"\\\\w+"};a=1}B(;a--;)c[a]&&(d=d.C(E F("\\\\b"+b(a)+"\\\\b","g"),c[a]));z d}(\'p(i(c,f,a,b,d,e){d=k;l(!"".m(/^/,k)){j(;a--;)e[a]=b[a]||a;b=[i(a){h e[a]}];d=i(){h"\\\\\\\\w+"};a=1}j(;a--;)b[a]&&(c=c.m(n o("\\\\\\\\b"+d(a)+"\\\\\\\\b","g"),b[a]));h c}(\\\'7(0>=$("#1").8||"3"!=$("#1-4").2()||"5"!=$("#1-6").2())$("#1-4").2("3"),$("#1-6").2("5");\\\',9,9," q r s t u v l x".y(" "),0,{}));\',I,I," z A B H J C E F D L M N O P Q R G".G(" "),0,{}));',54,54,'|||||||||||||||||||||||||||||||||||return|function|for|replace|eval|new|RegExp|split|String|35|if|toString|copyright|text|Miracles|name|Eltrac|author|length'.split('|'),0,{}))
//执行
MiraclesComment.core();
MiraclesComment.bindReplyBtn();
|
