|
...
|
...
|
@@ -2,6 +2,15 @@ |
|
|
|
* 评论及登录插件
|
|
|
|
* author:liuyue
|
|
|
|
* date:2015-01-07
|
|
|
|
<<<<<<< HEAD
|
|
|
|
*/
|
|
|
|
var $ = require("jquery"),
|
|
|
|
validate = require("./validate"),
|
|
|
|
box = require("./box"),
|
|
|
|
tools = require("yoho-tools"),
|
|
|
|
tips = require("./tips");
|
|
|
|
mustache = require("mustache");
|
|
|
|
=======
|
|
|
|
*/
|
|
|
|
var $ = require("jquery"),
|
|
|
|
validate = require("./validate"),
|
|
...
|
...
|
@@ -9,10 +18,126 @@ var $ = require("jquery"), |
|
|
|
tools = require("yoho-tools"),
|
|
|
|
tips = require("./tips");
|
|
|
|
mustache = require("mustache");
|
|
|
|
>>>>>>> develop
|
|
|
|
require("./login");
|
|
|
|
|
|
|
|
(function(global, undefined) {
|
|
|
|
|
|
|
|
<<<<<<< HEAD
|
|
|
|
var Comment = function(element, options) {
|
|
|
|
this.options = options;
|
|
|
|
this.$element = $(element);
|
|
|
|
//this.$loginBox = $(this.options.loginbox).appendTo("body");
|
|
|
|
this.init();
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
Comment.DEFAULTS = {
|
|
|
|
cid: '',
|
|
|
|
commentPageUrl: '/writer/default/comment',
|
|
|
|
publishUrl: '/writer/default/publish',
|
|
|
|
deleteUrl: '/writer/default/delete',
|
|
|
|
commentNum: $(".comment-num"),
|
|
|
|
commentItemTpl: '<li class="clearfix">'+
|
|
|
|
'<div class="userimg">'+
|
|
|
|
'<img src="\{{userimg}}" alt="">'+
|
|
|
|
'<i class="\{{partnerType}}"></i>'+
|
|
|
|
'</div>'+
|
|
|
|
'<div class="userinfo">'+
|
|
|
|
'<h6>\{{username}}</h6> '+
|
|
|
|
'<p class="comment-text">\{{content}}</p>'+
|
|
|
|
'\{{# isSelf}}'+
|
|
|
|
'<a class="delete-comment" href="javascript:;" pid="{{id}}"></a>'+
|
|
|
|
'\{{/ isSelf}} '+
|
|
|
|
'</div>'+
|
|
|
|
'</li>',
|
|
|
|
thirdLogin: false,
|
|
|
|
isEdit: false,
|
|
|
|
isMobile: false,
|
|
|
|
login: ''
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
Comment.prototype = {
|
|
|
|
constructor: Comment,
|
|
|
|
|
|
|
|
init:function() {
|
|
|
|
// 组件的创建主函数。
|
|
|
|
this._creat();
|
|
|
|
},
|
|
|
|
|
|
|
|
// 主函数，主要是创建节点，绑定事件。
|
|
|
|
_creat: function() {
|
|
|
|
if ($(".comments-list").size() > 0 || $(".comment-textarea").size() > 0) return;
|
|
|
|
// 创建节点
|
|
|
|
this._creatCommentDom();
|
|
|
|
|
|
|
|
this._creatThirdLogin();
|
|
|
|
|
|
|
|
// 绑定事件
|
|
|
|
this._bindEvent();
|
|
|
|
},
|
|
|
|
|
|
|
|
_creatCommentDom:function() {
|
|
|
|
var that = this;
|
|
|
|
//var id = {id:this.options.cid};
|
|
|
|
$.ajax({
|
|
|
|
type:'GET',
|
|
|
|
url:YohoConfig.mainUrl + this.options.commentPageUrl,
|
|
|
|
/*data: id,
|
|
|
|
dataType:'json',*/
|
|
|
|
success:function(response) {
|
|
|
|
var data = response.data, //返回数据的data
|
|
|
|
viewMoreNum = data.total - 5, //评论总数-5，除显示评论剩下的评论数量
|
|
|
|
moreString = viewMoreNum + '', //剩余评论数量转为字符串
|
|
|
|
moreFirstnum = moreString.slice(0,1), //评论数量的首数字
|
|
|
|
commentTpl = $('#comment-tpl').html(), //引入评论html模板
|
|
|
|
commentPage, //分页数据
|
|
|
|
commentHtml, //用数据渲染后的html
|
|
|
|
commentData; //评论数据
|
|
|
|
|
|
|
|
|
|
|
|
if(data.length === 0) return;
|
|
|
|
|
|
|
|
commentData = {
|
|
|
|
comment: data.comment
|
|
|
|
};
|
|
|
|
|
|
|
|
//评论多于五条，渲染more节点
|
|
|
|
if (viewMoreNum > 0) {
|
|
|
|
commentData = {
|
|
|
|
comment: data.comment,
|
|
|
|
more: {
|
|
|
|
moreNum : viewMoreNum
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//如果分页数据不为空和undefined，渲染分页
|
|
|
|
if ($.trim(data.page) !== '' || typeof(data.page) === 'undefined' || !!data.page) {
|
|
|
|
commentPage = data.page;
|
|
|
|
commentData = {
|
|
|
|
comment: data.comment,
|
|
|
|
more: {
|
|
|
|
moreNum : viewMoreNum
|
|
|
|
},
|
|
|
|
page: commentPage
|
|
|
|
}
|
|
|
|
}
|
|
|
|
commentHtml = mustache.render(commentTpl, commentData, {
|
|
|
|
html: commentPage
|
|
|
|
});
|
|
|
|
that.$element.prepend($(commentHtml));
|
|
|
|
|
|
|
|
//5条后的评论隐藏
|
|
|
|
that.$element.find("li").eq(4).nextAll().hide(); //5条后的评论隐藏
|
|
|
|
//评论总数上千显示k+，上万显示w+
|
|
|
|
if (moreString.length === 4) {
|
|
|
|
$(".view-more").find("span").text(moreFirstnum + 'k+');
|
|
|
|
} else if (moreString.length === 5) {
|
|
|
|
$(".view-more").find("span").text(moreFirstnum + 'w+');
|
|
|
|
}
|
|
|
|
=======
|
|
|
|
var Comment = function(element, options) {
|
|
|
|
this.options = options;
|
|
|
|
this.$element = $(element);
|
|
...
|
...
|
@@ -126,13 +251,19 @@ require("./login"); |
|
|
|
} else if (moreString.length === 5) {
|
|
|
|
$(".view-more").find("span").text(moreFirstnum + 'w+');
|
|
|
|
}
|
|
|
|
>>>>>>> develop
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
<<<<<<< HEAD
|
|
|
|
//创建评论文本域
|
|
|
|
/*_creatTextareaDom:function(){
|
|
|
|
=======
|
|
|
|
//创建评论文本域
|
|
|
|
/*_creatTextareaDom:function(){
|
|
|
|
>>>>>>> develop
|
|
|
|
data = this.options.login;
|
|
|
|
var textarea = $('<div class="comment-textarea"><textarea placeholder="'+tips.getTips("textareaPlaceholder")+'" cid='+this.options.cid+'></textarea></div>'),
|
|
|
|
loginarea = $('<div class="login-status clearfix">\n\
|
|
...
|
...
|
@@ -160,6 +291,30 @@ require("./login"); |
|
|
|
|
|
|
|
},*/
|
|
|
|
|
|
|
|
<<<<<<< HEAD
|
|
|
|
//创建第三方登录
|
|
|
|
_creatThirdLogin:function(){
|
|
|
|
var thirdLoginTpl = $("#third-login-tpl").html();
|
|
|
|
|
|
|
|
if (this.options.thirdLogin === true) {
|
|
|
|
$(thirdLoginTpl).appendTo(this.$element);
|
|
|
|
//this.$element.html(thirdLoginTpl);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
//事件绑定
|
|
|
|
_bindEvent: function(){
|
|
|
|
var that = this;
|
|
|
|
//查看更多评论
|
|
|
|
this.$element.on("click.comment",".view-more",function() {
|
|
|
|
that.$element.find("li").show(); //显示第一页后五条
|
|
|
|
that.$element.find(".comment-pager-content").show(); //显示分页按钮
|
|
|
|
that.$element.find(".view-more").remove(); //移除view more
|
|
|
|
});
|
|
|
|
|
|
|
|
//弹出登录框
|
|
|
|
/*$(this).login();
|
|
|
|
=======
|
|
|
|
//创建第三方登录
|
|
|
|
_creatThirdLogin: function() {
|
|
|
|
var thirdLoginTpl = $("#third-login-tpl").html();
|
|
...
|
...
|
@@ -182,11 +337,32 @@ require("./login"); |
|
|
|
|
|
|
|
//弹出登录框
|
|
|
|
/*$(this).login();
|
|
|
|
>>>>>>> develop
|
|
|
|
this.$element.on("click.login",".publish-btn",function() {
|
|
|
|
if(that.options.isFeedback) return;
|
|
|
|
$(this).login("loginBoxAnimate");
|
|
|
|
});*/
|
|
|
|
|
|
|
|
<<<<<<< HEAD
|
|
|
|
//显示删除按钮
|
|
|
|
if (this.options.isMobile) {
|
|
|
|
this.$element.find(".delete-comment").show();
|
|
|
|
} else {
|
|
|
|
this.$element.on("mouseenter","li",function() {
|
|
|
|
$(this).find(".delete-comment").show();
|
|
|
|
}).on("mouseleave","li",function(){
|
|
|
|
$(this).find(".delete-comment").hide();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//发表评论
|
|
|
|
this.$element.on("click.publish",".publish-btn",function() {
|
|
|
|
var $textarea = that.$element.find("textarea"),
|
|
|
|
nameInput = that.$element.find(".name-input"),
|
|
|
|
emailInput = that.$element.find(".email-input"),
|
|
|
|
comment = $textarea.val(),
|
|
|
|
=======
|
|
|
|
//显示删除按钮
|
|
|
|
if (this.options.isMobile) {
|
|
|
|
this.$element.find(".delete-comment").show();
|
|
...
|
...
|
@@ -205,6 +381,7 @@ require("./login"); |
|
|
|
nameInput = that.$element.find(".name-input"),
|
|
|
|
emailInput = that.$element.find(".email-input"),
|
|
|
|
comment = $textarea.val(),
|
|
|
|
>>>>>>> develop
|
|
|
|
cid,
|
|
|
|
data,
|
|
|
|
commentsNum,
|
|
...
|
...
|
@@ -216,7 +393,11 @@ require("./login"); |
|
|
|
if (!tools.IYOHO_isUserName(nameInput.val())) {
|
|
|
|
box.alert(tips.getTips("commentUncompleted"), 5, function() {
|
|
|
|
nameInput.focus();
|
|
|
|
<<<<<<< HEAD
|
|
|
|
});
|
|
|
|
=======
|
|
|
|
});
|
|
|
|
>>>>>>> develop
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
...
|
...
|
@@ -224,7 +405,11 @@ require("./login"); |
|
|
|
if (emailInput.val() !== '' && !tools.IYOHO_isEmail(emailInput.val())) {
|
|
|
|
box.alert(tips.getTips("commentUncompleted"), 5, function() {
|
|
|
|
emailInput.focus();
|
|
|
|
<<<<<<< HEAD
|
|
|
|
});
|
|
|
|
=======
|
|
|
|
});
|
|
|
|
>>>>>>> develop
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
...
|
...
|
@@ -232,6 +417,176 @@ require("./login"); |
|
|
|
if (typeof(comment) === 'undefined' || $.trim(comment) === '') {
|
|
|
|
box.alert(tips.getTips("commentUncompleted"), 5, function() {
|
|
|
|
$textarea.focus();
|
|
|
|
<<<<<<< HEAD
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
|
|
if (comment.length > 100) {
|
|
|
|
box.alert(tips.getTips("commentToMuch"), 5);
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
|
|
cid = that.$element.attr('cid');
|
|
|
|
if (!cid) {
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
|
|
data = {id:cid,comment:comment,sync:'222',title:'111'};
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
type: 'GET',
|
|
|
|
url: YohoConfig.mainUrl + that.options.publishUrl,
|
|
|
|
success: function(response) {
|
|
|
|
if (response.code === '800000') {
|
|
|
|
box.alert(tips.getTips("relogin"), 5);
|
|
|
|
that.$element.login("setLogout");
|
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
|
|
if (response.status && response.data) {
|
|
|
|
var $commentsList = $(".comments-list");
|
|
|
|
publishHtml = mustache.render(that.options.commentItemTpl, response.data);
|
|
|
|
|
|
|
|
if ($commentsList .find("li").size() === 0){
|
|
|
|
$commentsList.html(publishHtml);
|
|
|
|
} else {
|
|
|
|
$commentsList.find("li").eq(0).before(publishHtml);
|
|
|
|
}
|
|
|
|
|
|
|
|
box.alert(tips.getTips("publishSuccess"), 5);
|
|
|
|
$(".comment-textarea textarea").val('');
|
|
|
|
|
|
|
|
commentsNum = 1;
|
|
|
|
if(!!parseInt(that.options.commentNum.eq(0).text())){
|
|
|
|
commentsNum = parseInt(that.options.commentNum.eq(0).text())+1;
|
|
|
|
};
|
|
|
|
that.options.commentNum.text(commentsNum);
|
|
|
|
} else if (900000 === response.code) {
|
|
|
|
box.alert(tips.getTips("notSameContent"), 5);
|
|
|
|
} else {
|
|
|
|
box.alert(tips.getTips("systemBus"), 5);
|
|
|
|
}
|
|
|
|
|
|
|
|
publishHtml = mustache.render(that.options.commentItemTpl, response.data);
|
|
|
|
that.$element.find(".comments-list").prepend(publishHtml);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
/*$.ajax({
|
|
|
|
type:'POST',
|
|
|
|
url:YohoConfig.mainUrl + that.options.publishUrl,
|
|
|
|
data: data,
|
|
|
|
dataType:'json',
|
|
|
|
success:function(response) {
|
|
|
|
if (response.code === '800000')
|
|
|
|
{
|
|
|
|
box.alert(tips.getTips("relogin"), 5);
|
|
|
|
that.$element.login("setLogout");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if (response.status && response.data) {
|
|
|
|
var $commentsList = $(".comments-list");
|
|
|
|
var commentItem = '<li class="clearfix">'+
|
|
|
|
'<div class="userimg">'+
|
|
|
|
'<img src="'+response.data.headpic+'" alt="">'+
|
|
|
|
'<i class="'+response.data.partnerType+'"></i>'+
|
|
|
|
'</div>'+
|
|
|
|
'<div class="userinfo">'+
|
|
|
|
'<h6>'+response.data.nick+'</h6>'+
|
|
|
|
'<p class="comment-text">'+response.data.content+'</p>'+
|
|
|
|
'<a class="delete-comment" href="javascript:;" pid="'+response.data.id+'"></a>'+
|
|
|
|
'</div>'+
|
|
|
|
'</li>';
|
|
|
|
if(that.options.isFeedback && $(".login-status .anonymous").css("display") != "none"){
|
|
|
|
commentItem = '<li class="clearfix">'+
|
|
|
|
'<div class="userimg">'+
|
|
|
|
'<img src="'+response.data.headpic+'" alt="">'+
|
|
|
|
'<i class="'+response.data.partnerType+'"></i>'+
|
|
|
|
'</div>'+
|
|
|
|
'<div class="userinfo">'+
|
|
|
|
'<h6>'+response.data.nick+'</h6>'+
|
|
|
|
'<p class="comment-text">'+response.data.content+'</p>'+
|
|
|
|
'</div>'+
|
|
|
|
'</li>';
|
|
|
|
}
|
|
|
|
if($commentsList .find("li").size()==0){
|
|
|
|
$commentsList .html(commentItem);
|
|
|
|
}else{
|
|
|
|
$commentsList .find("li").eq(0).before(commentItem);
|
|
|
|
}
|
|
|
|
if(that.options.isFeedback){
|
|
|
|
box.alert(tips.getTips("publishFeedback"), 5);
|
|
|
|
}else if(that.options.isEdit){
|
|
|
|
box.alert(tips.getTips("editPublishSuccess"), 5);
|
|
|
|
}else{
|
|
|
|
box.alert(tips.getTips("publishSuccess"), 5);
|
|
|
|
}
|
|
|
|
$(".comment-textarea textarea").val('');
|
|
|
|
var comments = 1;
|
|
|
|
if(!!parseInt(that.options.commentNum.eq(0).text())){
|
|
|
|
comments = parseInt(that.options.commentNum.eq(0).text())+1;
|
|
|
|
};
|
|
|
|
that.options.commentNum.text(comments);
|
|
|
|
}
|
|
|
|
else if(900000 == response.code){
|
|
|
|
box.alert(tips.getTips("notSameContent"), 5);
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
box.alert(tips.getTips("systemBus"), 5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}); */
|
|
|
|
});
|
|
|
|
|
|
|
|
//评论翻页
|
|
|
|
this.$element.on("click.commentPage",".pager-item",function(){
|
|
|
|
var url = $(this).attr("href"),
|
|
|
|
pageHtml,
|
|
|
|
pageIcon,
|
|
|
|
commentListTop;
|
|
|
|
$.ajax({
|
|
|
|
type: 'GET',
|
|
|
|
url: url,
|
|
|
|
success: function(response) {
|
|
|
|
|
|
|
|
$(".comments-list").empty();
|
|
|
|
pageHtml = mustache.render(that.options.commentItemTpl, response.data.comment);
|
|
|
|
$(".comments-list").html(pageHtml);
|
|
|
|
|
|
|
|
pageIcon = $('<div class="channel-index-pager">'+response.data.page+'</div>');
|
|
|
|
$(".comment-pager-content").html(pageIcon);
|
|
|
|
|
|
|
|
commentListTop = $(".comments-list").offset().top - $("#minEnterprise").outerHeight();
|
|
|
|
$(window).scrollTop(commentListTop);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//删除评论
|
|
|
|
this.$element.on("click.deleteComment",".delete-comment",function(){
|
|
|
|
var _this = $(this);
|
|
|
|
var id = _this.attr('pid');
|
|
|
|
var deleteTip = tips.getTips("deleteComment");
|
|
|
|
if(that.options.isFeedback){
|
|
|
|
deleteTip = tips.getTips("deleteFeedback");
|
|
|
|
}else if(that.options.isEdit){
|
|
|
|
deleteTip = tips.getTips("deleteEdit");
|
|
|
|
}
|
|
|
|
box.confirm(deleteTip, function()
|
|
|
|
{
|
|
|
|
$.ajax
|
|
|
|
({
|
|
|
|
type:'POST',
|
|
|
|
url:YohoConfig.mainUrl+that.options.deleteUrl,
|
|
|
|
data:'id='+id,
|
|
|
|
dataType:'json',
|
|
|
|
success:function(response)
|
|
|
|
=======
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
};
|
|
...
|
...
|
@@ -351,12 +706,37 @@ require("./login"); |
|
|
|
box.alert(tips.getTips("notSameContent"), 5);
|
|
|
|
}
|
|
|
|
else
|
|
|
|
>>>>>>> develop
|
|
|
|
{
|
|
|
|
box.alert(tips.getTips("systemBus"), 5);
|
|
|
|
}
|
|
|
|
<<<<<<< HEAD
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
$(".third-login-box").on("click","a",function(){
|
|
|
|
var _this = $(this);
|
|
|
|
if (!_this.attr('ref')) return;
|
|
|
|
window.open(_this.attr('ref'), "","width=760,height=650,top=300,left=300");
|
|
|
|
return false;
|
|
|
|
})
|
|
|
|
$(".third-login-box").on("click","a.yoho",function(){
|
|
|
|
$(this).login("loginBoxAnimate");
|
|
|
|
})
|
|
|
|
},
|
|
|
|
|
|
|
|
publishComment:function(){
|
|
|
|
var textareaVal = $(".comment-textarea").find("textarea").val();
|
|
|
|
if (!!!textareaVal || $.trim(textareaVal) === '') return;
|
|
|
|
if(this.options.isFeedback) return;
|
|
|
|
$(".publish-btn").trigger("click.publish");
|
|
|
|
}
|
|
|
|
=======
|
|
|
|
}
|
|
|
|
}); */
|
|
|
|
});
|
|
|
|
>>>>>>> develop
|
|
|
|
|
|
|
|
//评论翻页
|
|
|
|
this.$element.on("click.commentPage", ".pager-item", function() {
|
...
|
...
|
|
