mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-08 09:24:25 +03:00
385 lines
12 KiB
JavaScript
385 lines
12 KiB
JavaScript
|
|
var lsCmtTreeClass = new Class({
|
|
|
|
Implements: Options,
|
|
|
|
options: {
|
|
img: {
|
|
path: 'images/',
|
|
openName: 'folding-open.gif',
|
|
closeName: 'folding-close.gif'
|
|
},
|
|
classes: {
|
|
visible: 'lsCmtTree_visible',
|
|
hidden: 'lsCmtTree_hidden',
|
|
openImg: 'lsCmtTree_open',
|
|
closeImg: 'lsCmtTree_close'
|
|
}
|
|
},
|
|
|
|
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=$$('img.folding');
|
|
aImgFolding.each(function(img, i){
|
|
var divComment = img.getParent('div').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.setStyle('cursor', 'pointer');
|
|
img.setStyle('display','inline');
|
|
img.addClass(this.options.classes.closeImg);
|
|
img.removeEvents('click');
|
|
img.addEvent('click',function(){
|
|
thisObj.toggleNode(img);
|
|
});
|
|
},
|
|
|
|
toggleNode: function(img) {
|
|
var b = img.hasClass(this.options.classes.closeImg);
|
|
if (b) {
|
|
this.collapseNode(img);
|
|
} else {
|
|
this.expandNode(img);
|
|
}
|
|
},
|
|
|
|
expandNode: function(img) {
|
|
var thisObj = this;
|
|
img.setProperties({'src': this.options.img.path + this.options.img.closeName});
|
|
img.removeClass(this.options.classes.openImg);
|
|
img.addClass(this.options.classes.closeImg);
|
|
var divComment = img.getParent('div').getChildren('div.comment-children')[0];
|
|
|
|
divComment.removeClass(thisObj.options.classes.hidden);
|
|
divComment.addClass(thisObj.options.classes.visible);
|
|
},
|
|
|
|
collapseNode: function(img) {
|
|
var thisObj = this;
|
|
img.setProperties({'src': this.options.img.path + this.options.img.openName});
|
|
img.removeClass(this.options.classes.closeImg);
|
|
img.addClass(this.options.classes.openImg);
|
|
var divComment = img.getParent('div').getChildren('div.comment-children')[0];
|
|
|
|
divComment.removeClass(thisObj.options.classes.visible);
|
|
divComment.addClass(thisObj.options.classes.hidden);
|
|
},
|
|
|
|
expandNodeAll: function() {
|
|
var thisObj = this;
|
|
var aImgFolding=$$('img.'+this.options.classes.openImg);
|
|
aImgFolding.each(function(img, i){
|
|
thisObj.expandNode(img);
|
|
});
|
|
},
|
|
|
|
collapseNodeAll: function() {
|
|
var thisObj = this;
|
|
var aImgFolding=$$('img.'+this.options.classes.closeImg);
|
|
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 = divChildren.getParent('div').getChildren('img.folding')[0];
|
|
this.makeImg(imgParent);
|
|
divChildren.appendChild(newComment);
|
|
} else {
|
|
var divChildren = $('comment-children-0');
|
|
newComment.inject(divChildren,'before');
|
|
}
|
|
},
|
|
|
|
responseNewComment: function(idTopic,objImg,selfIdComment,bNotFlushNew) {
|
|
var thisObj=this;
|
|
|
|
if (!bNotFlushNew) {
|
|
var aDivComments=$$('.comment');
|
|
aDivComments.each(function(item,index){
|
|
var divContent=item.getChildren('div.content')[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(){
|
|
JsHttpRequest.query(
|
|
DIR_WEB_ROOT+'/include/ajax/commentResponse.php',
|
|
{ idCommentLast: idCommentLast, idTopic: idTopic },
|
|
function(result, errors) {
|
|
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);
|
|
}
|
|
}
|
|
},
|
|
true
|
|
);
|
|
}).delay(1000);
|
|
},
|
|
|
|
setIdCommentLast: function(id) {
|
|
this.idCommentLast=id;
|
|
},
|
|
|
|
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).removeClass('view');
|
|
}
|
|
$('comment_content_id_'+idComment).addClass('view');
|
|
this.iCommentIdLastView=idComment;
|
|
},
|
|
|
|
addComment: function(formObj,topicId) {
|
|
var thisObj=this;
|
|
formObj=$(formObj);
|
|
JsHttpRequest.query(
|
|
DIR_WEB_ROOT+'/include/ajax/commentAdd.php',
|
|
{ params: formObj },
|
|
function(result, errors) {
|
|
if (!result) {
|
|
thisObj.enableFormComment();
|
|
msgErrorBox.alert('Error','Please try again later');
|
|
}
|
|
if (result.bStateError) {
|
|
thisObj.enableFormComment();
|
|
msgErrorBox.alert(result.sMsgTitle,result.sMsg);
|
|
} else {
|
|
$('form_comment_text').disabled=true;
|
|
thisObj.responseNewComment(topicId,$('update-comments'),result.sCommentId,true);
|
|
}
|
|
},
|
|
true
|
|
);
|
|
$('form_comment_text').addClass('loader');
|
|
},
|
|
|
|
enableFormComment: function() {
|
|
$('form_comment_text').removeClass('loader');
|
|
$('form_comment_text').disabled=false;
|
|
},
|
|
|
|
addCommentScroll: function(commentId) {
|
|
this.aCommentNew.extend([commentId]);
|
|
this.setCountNewComment(this.countNewComment+1);
|
|
},
|
|
|
|
toggleComment: function(obj,commentId) {
|
|
var divContent=$('comment_content_id_'+commentId);
|
|
if (!divContent) {
|
|
return false;
|
|
}
|
|
|
|
var thisObj=this;
|
|
JsHttpRequest.query(
|
|
DIR_WEB_ROOT+'/include/ajax/commentToggle.php',
|
|
{ idComment: commentId },
|
|
function(result, errors) {
|
|
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);
|
|
divContent.removeClass('old').removeClass('self').removeClass('new').removeClass('del');
|
|
obj.removeClass('delete').removeClass('repair');
|
|
if (result.bState) {
|
|
divContent.addClass('del');
|
|
obj.addClass('repair');
|
|
} else {
|
|
obj.addClass('delete');
|
|
}
|
|
obj.set('text',result.sTextToggle);
|
|
}
|
|
},
|
|
true
|
|
);
|
|
},
|
|
|
|
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();
|
|
//$('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').focus();
|
|
$('form_comment_text').setProperty('value','');
|
|
$('form_comment_reply').setProperty('value',idComment);
|
|
this.iCurrentShowFormComment=idComment;
|
|
},
|
|
|
|
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'
|
|
}
|
|
});
|
|
});
|
|
|