mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-03 06:55:03 +03:00
489 lines
15 KiB
JavaScript
489 lines
15 KiB
JavaScript
var lsCmtTreeClass = new Class({
|
|
|
|
Implements: Options,
|
|
|
|
options: {
|
|
foldingClasses: {
|
|
|
|
},
|
|
classes: {
|
|
visible: 'tree-visible',
|
|
hidden: 'tree-hidden',
|
|
fold: 'fold',
|
|
unfold: 'unfold'
|
|
},
|
|
txt: {
|
|
txtFold: LANG_COMMENT_FOLD,
|
|
txtExpand: LANG_COMMENT_UNFOLD
|
|
}
|
|
},
|
|
|
|
typeComment: {
|
|
topic: {
|
|
url_add: aRouter.blog+'ajaxaddcomment/',
|
|
url_response: aRouter.blog+'ajaxresponsecomment/'
|
|
},
|
|
talk: {
|
|
url_add: aRouter.talk+'ajaxaddcomment/',
|
|
url_response: aRouter.talk+'ajaxresponsecomment/'
|
|
}
|
|
},
|
|
|
|
initialize: function(options){
|
|
this.setOptions(options);
|
|
this.make();
|
|
this.aCommentNew=[];
|
|
this.iCurrentShowFormComment=0;
|
|
this.iCommentIdLastView=null;
|
|
this.countNewComment=0;
|
|
this.docScroller = new Fx.Scroll(document.getDocument());
|
|
this.hideCommentForm(this.iCurrentShowFormComment);
|
|
},
|
|
|
|
make: function(){
|
|
var thisObj = this;
|
|
var aImgFolding=$$('.folding');
|
|
aImgFolding.each(function(img, i){
|
|
var divComment = img.getParent().getParent().getParent().getChildren('div.comment-children')[0];
|
|
if (divComment && divComment.getChildren('div.comment')[0]) {
|
|
thisObj.makeImg(img);
|
|
} else {
|
|
img.setStyle('display','none');
|
|
}
|
|
});
|
|
},
|
|
|
|
makeImg: function(img) {
|
|
var thisObj = this;
|
|
img.addClass(this.options.classes.fold);
|
|
img.removeEvents('click');
|
|
img.addEvent('click',function(){
|
|
thisObj.toggleNode(img);
|
|
return false;
|
|
});
|
|
},
|
|
|
|
toggleNode: function(img) {
|
|
var b = img.hasClass(this.options.classes.fold);
|
|
if (b) {
|
|
this.collapseNode(img);
|
|
} else {
|
|
this.expandNode(img);
|
|
}
|
|
},
|
|
|
|
expandNode: function(img) {
|
|
var thisObj = this;
|
|
img.set('html',thisObj.options.txt.txtFold);
|
|
img.removeClass(this.options.classes.unfold);
|
|
img.addClass(this.options.classes.fold);
|
|
var divComment = img.getParent().getParent().getParent().getChildren('div.comment-children')[0];
|
|
|
|
divComment.removeClass(thisObj.options.classes.hidden);
|
|
divComment.addClass(thisObj.options.classes.visible);
|
|
},
|
|
|
|
collapseNode: function(img) {
|
|
var thisObj = this;
|
|
img.set('html',thisObj.options.txt.txtExpand);
|
|
img.removeClass(this.options.classes.fold);
|
|
img.addClass(this.options.classes.unfold);
|
|
var divComment = img.getParent().getParent().getParent().getChildren('div.comment-children')[0];
|
|
|
|
divComment.removeClass(thisObj.options.classes.visible);
|
|
divComment.addClass(thisObj.options.classes.hidden);
|
|
},
|
|
|
|
expandNodeAll: function() {
|
|
var thisObj = this;
|
|
var aImgFolding=$$('.'+this.options.classes.unfold);
|
|
aImgFolding.each(function(img, i){
|
|
thisObj.expandNode(img);
|
|
});
|
|
},
|
|
|
|
collapseNodeAll: function() {
|
|
var thisObj = this;
|
|
var aImgFolding=$$('.'+this.options.classes.fold);
|
|
aImgFolding.each(function(img, i){
|
|
thisObj.collapseNode(img);
|
|
});
|
|
},
|
|
|
|
injectComment: function(idCommentParent,idComment,sHtml) {
|
|
var newComment = new Element('div',{'class':'comment', 'id': 'comment_id_'+idComment});
|
|
newComment.set('html',sHtml);
|
|
if (idCommentParent) {
|
|
this.expandNodeAll();
|
|
var divChildren = $('comment-children-'+idCommentParent);
|
|
var imgParent = $$('#comment_id_'+idComment+' img.folding');
|
|
this.makeImg(imgParent);
|
|
divChildren.appendChild(newComment);
|
|
} else {
|
|
var divChildren = $('comment-children-0');
|
|
newComment.inject(divChildren,'before');
|
|
}
|
|
},
|
|
|
|
responseNewComment: function(idTarget,typeTarget,objImg,selfIdComment,bNotFlushNew) {
|
|
var thisObj=this;
|
|
|
|
if (!bNotFlushNew) {
|
|
var aDivComments=$$('.comment');
|
|
aDivComments.each(function(item,index){
|
|
var divContent=item.getChildren('div.comment-inner').getChildren('ul.info')[0];
|
|
if (divContent) {
|
|
divContent.removeClass('new');
|
|
divContent.removeClass('view');
|
|
}
|
|
});
|
|
}
|
|
|
|
var idCommentLast=this.idCommentLast;
|
|
objImg=$(objImg);
|
|
objImg.setProperty('src',DIR_STATIC_SKIN+'/images/update_act.gif');
|
|
(function(){
|
|
|
|
var aParams={ idCommentLast: idCommentLast, idTarget: idTarget, typeTarget: typeTarget, security_ls_key: LIVESTREET_SECURITY_KEY };
|
|
if (selfIdComment) {
|
|
aParams.selfIdComment=selfIdComment;
|
|
}
|
|
if (thisObj.bUsePaging) {
|
|
aParams.bUsePaging=thisObj.bUsePaging;
|
|
}
|
|
new Request.JSON({
|
|
url: thisObj.typeComment[typeTarget].url_response,
|
|
noCache: true,
|
|
data: aParams,
|
|
onSuccess: function(result){
|
|
objImg.setProperty('src',DIR_STATIC_SKIN+'/images/update.gif');
|
|
if (!result) {
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
}
|
|
if (result.bStateError) {
|
|
msgErrorBox.alert(result.sMsgTitle,result.sMsg);
|
|
} else {
|
|
var aCmt=result.aComments;
|
|
if (aCmt.length>0 && result.iMaxIdComment) {
|
|
thisObj.setIdCommentLast(result.iMaxIdComment);
|
|
var countComments=$('count-comments');
|
|
countComments.set('text',parseInt(countComments.get('text'))+aCmt.length);
|
|
if ($('block_stream_comment') && lsBlockStream) {
|
|
lsBlockStream.toggle($('block_stream_comment'),'comment_stream');
|
|
}
|
|
}
|
|
var iCountOld=0;
|
|
if (bNotFlushNew) {
|
|
iCountOld=thisObj.countNewComment;
|
|
} else {
|
|
thisObj.aCommentNew=[];
|
|
}
|
|
if (selfIdComment) {
|
|
thisObj.setCountNewComment(aCmt.length-1+iCountOld);
|
|
thisObj.hideCommentForm(thisObj.iCurrentShowFormComment);
|
|
} else {
|
|
thisObj.setCountNewComment(aCmt.length+iCountOld);
|
|
}
|
|
aCmt.each(function(item,index) {
|
|
if (!(selfIdComment && selfIdComment==item.id)) {
|
|
thisObj.aCommentNew.extend([item.id]);
|
|
}
|
|
thisObj.injectComment(item.idParent,item.id,item.html);
|
|
});
|
|
|
|
if (selfIdComment && $('comment_id_'+selfIdComment)) {
|
|
thisObj.scrollToComment(selfIdComment);
|
|
}
|
|
}
|
|
},
|
|
onFailure: function(){
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
}
|
|
}).send();
|
|
}).delay(1000);
|
|
},
|
|
|
|
setIdCommentLast: function(id) {
|
|
this.idCommentLast=id;
|
|
},
|
|
|
|
setUsePaging: function(b) {
|
|
this.bUsePaging=b;
|
|
},
|
|
|
|
setCountNewComment: function(count) {
|
|
this.countNewComment=count;
|
|
var divCountNew=$('new-comments');
|
|
if (this.countNewComment>0) {
|
|
divCountNew.set('text',this.countNewComment);
|
|
divCountNew.setStyle('display','block');
|
|
} else {
|
|
this.countNewComment=0;
|
|
divCountNew.set('text',0);
|
|
divCountNew.setStyle('display','none');
|
|
}
|
|
},
|
|
|
|
goNextComment: function() {
|
|
if (this.aCommentNew[0]) {
|
|
if ($('comment_id_'+this.aCommentNew[0])) {
|
|
this.scrollToComment(this.aCommentNew[0]);
|
|
}
|
|
this.aCommentNew.erase(this.aCommentNew[0]);
|
|
}
|
|
this.setCountNewComment(this.countNewComment-1);
|
|
},
|
|
|
|
scrollToComment: function(idComment) {
|
|
this.docScroller.setOptions({
|
|
duration:500,
|
|
offset: {
|
|
'x': 0,
|
|
'y': 0
|
|
}
|
|
});
|
|
var cmt=$('comment_content_id_'+idComment);
|
|
var deltaY=cmt.getDimensions().height/2-window.getSize().y/2;
|
|
if (deltaY>0) {
|
|
deltaY=0;
|
|
}
|
|
this.docScroller.start(0,cmt.getPosition().y+deltaY);
|
|
if (this.iCommentIdLastView) {
|
|
$('comment_content_id_'+this.iCommentIdLastView).getParent('div.comment-inner').getChildren('ul.info')[0].removeClass('view');
|
|
}
|
|
$('comment_content_id_'+idComment).getParent('div.comment-inner').getChildren('ul.info')[0].addClass('view');
|
|
this.iCommentIdLastView=idComment;
|
|
},
|
|
|
|
addComment: function(formObj,targetId,targetType) {
|
|
var thisObj=this;
|
|
formObj=$(formObj);
|
|
var params=formObj.toQueryString();
|
|
params=params+'&security_ls_key='+LIVESTREET_SECURITY_KEY;
|
|
if (BLOG_USE_TINYMCE) {
|
|
$('form_comment').getElement('input[name=submit_comment]').set('disabled', 'disabled');
|
|
}
|
|
new Request.JSON({
|
|
url: thisObj.typeComment[targetType].url_add,
|
|
noCache: true,
|
|
data: params,
|
|
onSuccess: function(result){
|
|
if (!result) {
|
|
thisObj.enableFormComment();
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
return;
|
|
}
|
|
if (result.bStateError) {
|
|
thisObj.enableFormComment();
|
|
msgErrorBox.alert(result.sMsgTitle,result.sMsg);
|
|
} else {
|
|
thisObj.responseNewComment(targetId,targetType,$('update-comments'),result.sCommentId,true);
|
|
}
|
|
if (BLOG_USE_TINYMCE) {
|
|
$('form_comment').getElement('input[name=submit_comment]').set('disabled', '');
|
|
}
|
|
},
|
|
onFailure: function(){
|
|
if (BLOG_USE_TINYMCE) {
|
|
$('form_comment').getElement('input[name=submit_comment]').set('disabled', '');
|
|
}
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
}
|
|
}).send();
|
|
|
|
$('form_comment_text').addClass('loader');
|
|
$('form_comment_text').setProperty('readonly',true);
|
|
},
|
|
|
|
enableFormComment: function() {
|
|
$('form_comment_text').removeClass('loader');
|
|
$('form_comment_text').setProperty('readonly',false);
|
|
},
|
|
|
|
addCommentScroll: function(commentId) {
|
|
this.aCommentNew.extend([commentId]);
|
|
this.setCountNewComment(this.countNewComment+1);
|
|
},
|
|
|
|
toggleComment: function(obj,commentId) {
|
|
var divContent = $('comment_content_id_'+commentId);
|
|
var divInfo = divContent.getParent().getChildren('.info');
|
|
if (!divContent) {
|
|
return false;
|
|
}
|
|
|
|
var thisObj=this;
|
|
|
|
new Request.JSON({
|
|
url: aRouter['ajax']+'comment/delete/',
|
|
noCache: true,
|
|
data: { idComment: commentId, security_ls_key: LIVESTREET_SECURITY_KEY },
|
|
onSuccess: function(result){
|
|
if (!result) {
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
}
|
|
if (result.bStateError) {
|
|
msgErrorBox.alert(result.sMsgTitle,result.sMsg);
|
|
} else {
|
|
msgNoticeBox.alert(result.sMsgTitle,result.sMsg);
|
|
divInfo.removeClass('old').removeClass('self').removeClass('new').removeClass('del');
|
|
obj.removeClass('delete').removeClass('repair');
|
|
if (result.bState) {
|
|
divInfo.addClass('del');
|
|
obj.addClass('repair');
|
|
} else {
|
|
obj.addClass('delete');
|
|
}
|
|
obj.set('text',result.sTextToggle);
|
|
}
|
|
},
|
|
onFailure: function(){
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
}
|
|
}).send();
|
|
},
|
|
|
|
toggleCommentForm: function(idComment) {
|
|
if (!$('reply_'+this.iCurrentShowFormComment) || !$('reply_'+idComment)) {
|
|
return;
|
|
}
|
|
divCurrentForm=$('reply_'+this.iCurrentShowFormComment);
|
|
divNextForm=$('reply_'+idComment);
|
|
|
|
var slideCurrentForm = new Fx.Slide(divCurrentForm);
|
|
var slideNextForm = new Fx.Slide(divNextForm);
|
|
|
|
$('comment_preview_'+this.iCurrentShowFormComment).set('html','').setStyle('display','none');
|
|
if (this.iCurrentShowFormComment==idComment) {
|
|
slideCurrentForm.toggle();
|
|
slideCurrentForm.addEvent('complete', function() {
|
|
$('form_comment_text').focus();
|
|
});
|
|
return;
|
|
}
|
|
|
|
slideCurrentForm.slideOut();
|
|
divNextForm.set('html',divCurrentForm.get('html'));
|
|
divCurrentForm.set('html','');
|
|
divNextForm.setStyle('display','block');
|
|
slideNextForm.hide();
|
|
|
|
slideNextForm.slideIn();
|
|
|
|
$('form_comment_text').setProperty('value','');
|
|
$('form_comment_reply').setProperty('value',idComment);
|
|
this.iCurrentShowFormComment=idComment;
|
|
slideNextForm.addEvent('complete', function() {
|
|
$('form_comment_text').focus();
|
|
});
|
|
},
|
|
|
|
hideCommentForm: function(idComment) {
|
|
if ($('reply_'+idComment)) {
|
|
this.enableFormComment();
|
|
$('comment_preview_'+this.iCurrentShowFormComment).set('html','').setStyle('display','none');
|
|
var slideForm = new Fx.Slide('reply_'+idComment);
|
|
slideForm.hide();
|
|
}
|
|
},
|
|
|
|
preview: function() {
|
|
ajaxTextPreview('form_comment_text',false,'comment_preview_'+this.iCurrentShowFormComment);
|
|
},
|
|
|
|
goToParentComment: function(obj) {
|
|
var idCmt = obj.href.substr(obj.href.indexOf('#')+8);
|
|
var objCmtParent=$('comment_id_'+idCmt);
|
|
var objCmt=obj.getParent('div.comment');
|
|
objCmtParent.getElement('.goto-comment-child').removeClass('hidden');
|
|
objCmtParent.getElement('.goto-comment-child a').href = '#comment' + objCmt.id.substr(11);
|
|
this.docScroller.setOptions({
|
|
offset: {'y': 0}
|
|
});
|
|
this.docScroller.toElement(objCmtParent);
|
|
return false;
|
|
},
|
|
|
|
goToChildComment: function(obj) {
|
|
var idCmt = obj.href.substr(obj.href.indexOf('#')+8);
|
|
var objCmtChild=$('comment_id_'+idCmt);
|
|
var objCmt=obj.getParent('div.comment');
|
|
objCmt.getElement('.goto-comment-child').addClass('hidden');
|
|
this.docScroller.setOptions({
|
|
offset: {'y': 0}
|
|
});
|
|
this.docScroller.toElement(objCmtChild);
|
|
return false;
|
|
}
|
|
});
|
|
|
|
|
|
var lsCmtTree;
|
|
var formCommentSlide;
|
|
|
|
window.addEvent('domready', function() {
|
|
lsCmtTree = new lsCmtTreeClass({
|
|
img: {
|
|
path: DIR_STATIC_SKIN+'/images/'
|
|
},
|
|
classes: {
|
|
openImg: 'folding-open',
|
|
closeImg: 'folding'
|
|
}
|
|
});
|
|
});
|
|
|
|
window.addEvent('keyup', function(e) {
|
|
if(e.control && e.key == 'enter') {
|
|
$('form_comment').getElement('input[name=submit_comment]').click();
|
|
return false;
|
|
}
|
|
});
|
|
if(BLOG_USE_TINYMCE) {
|
|
lsCmtTreeClass.prototype._addComment = lsCmtTreeClass.prototype.addComment;
|
|
|
|
lsCmtTreeClass.prototype.addComment = function(formObj,targetId,targetType) {
|
|
$(formObj).getElement('textarea').value = tinyMCE.activeEditor.getContent();
|
|
return this._addComment(formObj,targetId,targetType);
|
|
};
|
|
|
|
lsCmtTreeClass.prototype.toggleCommentForm = function(idComment) {
|
|
if (!$('reply_'+this.iCurrentShowFormComment) || !$('reply_'+idComment)) {
|
|
return;
|
|
}
|
|
divCurrentForm=$('reply_'+this.iCurrentShowFormComment);
|
|
divNextForm=$('reply_'+idComment);
|
|
|
|
var slideCurrentForm = new Fx.Slide(divCurrentForm);
|
|
var slideNextForm = new Fx.Slide(divNextForm);
|
|
|
|
tinyMCE.execCommand('mceRemoveControl',true,'form_comment_text');
|
|
|
|
$('comment_preview_'+this.iCurrentShowFormComment).set('html','').setStyle('display','none');
|
|
if (this.iCurrentShowFormComment==idComment) {
|
|
tinyMCE.execCommand('mceAddControl',true,'form_comment_text');
|
|
slideCurrentForm.toggle();
|
|
slideCurrentForm.addEvent('complete', function() {
|
|
tinyMCE.activeEditor.focus();
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
slideCurrentForm.slideOut();
|
|
divNextForm.set('html',divCurrentForm.get('html'));
|
|
divCurrentForm.set('html','');
|
|
divNextForm.setStyle('display','block');
|
|
slideNextForm.hide();
|
|
tinyMCE.execCommand('mceAddControl',true,'form_comment_text');
|
|
|
|
slideNextForm.slideIn();
|
|
|
|
$('form_comment_text').setProperty('value','');
|
|
$('form_comment_reply').setProperty('value',idComment);
|
|
this.iCurrentShowFormComment=idComment;
|
|
slideNextForm.addEvent('complete', function() {
|
|
tinyMCE.activeEditor.focus();
|
|
});
|
|
}
|
|
} |