[livejournal] r17549: LJSUP-6869: js-scripts for new s1 expand...

U   trunk/htdocs/js/commentmanage.js
A   trunk/htdocs/js/thread_expander.ex.js

Modified: trunk/htdocs/js/commentmanage.js
===================================================================
--- trunk/htdocs/js/commentmanage.js	2010-10-12 05:29:02 UTC (rev 17548)
+++ trunk/htdocs/js/commentmanage.js	2010-10-12 07:28:06 UTC (rev 17549)
@@ -382,7 +382,7 @@
 }
 
 var tsInProg = {}  // dict of { ditemid => 1 }
-function createModerationFunction(ae, dItemid)
+function createModerationFunction(ae, dItemid, isS1)
 {
 	return function(e)
 	{
@@ -473,11 +473,12 @@
 	}
 }
 
-function setupAjax (node) {
+function setupAjax (node, isS1) {
     var links = node ? node.getElementsByTagName('a') : document.links,
         rex_id = /id=(\d+)/,
         i = -1, ae;
-    
+
+    isS1 = isS1 || false;
     while (links[++i]) {
         ae = links[i];
         if (ae.href.indexOf('talkscreen.bml') != -1) {
@@ -487,7 +488,7 @@
             var id = reMatch[1];
             if (!document.getElementById('ljcmt' + id)) continue;
 
-            ae.onclick = createModerationFunction(ae, id);
+            ae.onclick = createModerationFunction(ae, id, isS1);
         } else if (ae.href.indexOf('delcomment.bml') != -1) {
             if (LJ_cmtinfo && LJ_cmtinfo.disableInlineDelete) continue;
 

Added: trunk/htdocs/js/thread_expander.ex.js
===================================================================
--- trunk/htdocs/js/thread_expander.ex.js	                        (rev 0)
+++ trunk/htdocs/js/thread_expander.ex.js	2010-10-12 07:28:06 UTC (rev 17549)
@@ -0,0 +1,169 @@
+ExpanderEx = function(){
+    this.__caller__;    // <a> HTML element from where ExpanderEx was called
+    this.url;           // full url of thread to be expanded
+    this.id;            // id of the thread
+    this.stored_caller;
+    this.is_S1;         // bool flag, true == journal is in S1, false == in S2
+}
+ExpanderEx.Collection={};
+ExpanderEx.make = function(el,url,id,is_S1){
+    var local = (new ExpanderEx).set({__caller__:el,url:url.replace(/#.*$/,''),id:id,is_S1:!!is_S1});
+    local.get();
+}
+
+ExpanderEx.collapse = function(el,url,id,is_S1){
+    var local = (new ExpanderEx).set({__caller__:el,url:url.replace(/#.*$/,''),id:id,is_S1:!!is_S1});
+    local.collapseThread();
+}
+
+ExpanderEx.prototype.set = function(options){
+    for(var opt in options){
+        this[opt] = options[opt];
+    }
+    return this;
+}
+
+ExpanderEx.prototype.getCanvas = function(id,context){
+    return context.document.getElementById('ljcmt'+id);
+}
+
+ExpanderEx.prototype.parseLJ_cmtinfo = function(context,callback){
+    var map={}, node, j;
+    var LJ = context.LJ_cmtinfo;
+    if(!LJ)return false;
+    for(j in LJ){
+        if(/^\d*$/.test(j) && (node = this.getCanvas(j,context))){
+            map[j] = {info:LJ[j],canvas:node};
+            if(typeof callback == 'function'){
+                callback(j,map[j]);
+            }
+        }
+    }
+    return map;
+}
+
+ExpanderEx.prototype.loadingStateOn = function(){
+    this.stored_caller = this.__caller__.cloneNode(true);
+    this.__caller__.setAttribute('already_clicked','already_clicked');
+    this.__caller__.onclick = function(){return false}
+    this.__caller__.style.color = '#ccc';
+}
+
+ExpanderEx.prototype.loadingStateOff = function(){
+    if(this.__caller__){
+        // actually, the <a> element is removed from main window by
+        // copying comment from ifame, so this code is not executed (?)
+        this.__caller__.removeAttribute('already_clicked','already_clicked');
+        if(this.__caller__.parentNode) this.__caller__.parentNode.replaceChild(this.stored_caller,this.__caller__);
+    }
+    var obj = this;
+    // When frame is removed immediately, IE raises an error sometimes
+}
+
+ExpanderEx.prototype.killFrame = function(){
+    document.body.removeChild(this.iframe);
+}
+
+ExpanderEx.prototype.isFullComment = function(comment){
+    return !!Number(comment.info.full);
+}
+
+ExpanderEx.prototype.expandThread = function(json){
+    this.loadingStateOff();
+    for( var i = 0; i < json.length; ++i ) {
+        if( json[ i ].thread in ExpanderEx.Collection )
+            continue; //this comment is already expanded
+        ExpanderEx.Collection[ json[ i ].thread ] = jQuery( '#ljcmtxt' + json[ i ].thread ).html();
+        jQuery( '#ljcmtxt' + json[ i ].thread )
+            .html( json[ i ].html );
+
+        this.initCommentBlock( jQuery( '#ljcmt' + json[ i ].thread )[0], json[ i ].thread );
+        LJ_cmtinfo[ json[ i ].thread ].parent = this.id;
+    }
+
+    return true;
+}
+
+ExpanderEx.prototype.collapseThread = function(){
+    var ids = [ this.id ].concat( LJ_cmtinfo[ this.id ].rc );
+
+    for( var i = 0; i < ids.length; ++i )
+        this.collapseBlock( ids[ i ] );
+
+    this.updateParentState();
+}
+
+ExpanderEx.prototype.updateParentState = function()
+{
+    //if all children were collapsed manually, then we have to change parent
+    //comment state to collapsed
+    var parentId = LJ_cmtinfo[ this.id ].parent;
+    if(!parentId)
+        return;
+
+    var allCollapsed = true,
+        children = LJ_cmtinfo[ parentId ].rc;
+    for( var i = 0; i < children.length; ++i )
+        if( LJ_cmtinfo[ children[ i ] ].expanded == 1 ){
+            allCollapsed = false;
+            break;
+        }
+
+    allCollapsed && this.collapseBlock( parentId );
+}
+
+ExpanderEx.prototype.collapseBlock =  function( id )
+{
+    if( id in ExpanderEx.Collection ){
+        var el_ =jQuery( '#ljcmtxt' + id )
+            .html( ExpanderEx.Collection[ id ] )[0];
+
+        this.initCommentBlock( el_, id, true );
+        delete ExpanderEx.Collection[ id ];
+    }
+}
+
+ExpanderEx.prototype.initCommentBlock = function( el_, id, restoreInitState )
+{
+    if( !restoreInitState ){
+        LJ_cmtinfo[ id ].oldvars = {
+            full: LJ_cmtinfo[ id ].full || 0,
+            expanded: LJ_cmtinfo[ id ].expanded || 0
+        }
+        LJ_cmtinfo[ id ].full = 1;
+        LJ_cmtinfo[ id ].expanded = 1;
+    }
+    else {
+        LJ_cmtinfo[ id ].full = LJ_cmtinfo[ id ].oldvars.full;
+        LJ_cmtinfo[ id ].expanded = LJ_cmtinfo[ id ].oldvars.expanded;
+        delete LJ_cmtinfo[ id ].oldvars;
+    }
+    window.ContextualPopup && ContextualPopup.searchAndAdd(el_);
+    window.setupAjax && setupAjax(el_, true);
+    window.ESN && ESN.initTrackBtns(el_);
+}
+
+
+//just for debugging
+ExpanderEx.prototype.toString = function(){
+    return '__'+this.id+'__';
+}
+
+
+ExpanderEx.prototype.get = function(){
+    if(this.__caller__.getAttribute('already_clicked')){
+        return false;
+    }
+    this.loadingStateOn();
+
+    var found = this.url.match(/\/(\d+).html/);
+    var url = '/__rpc_get_thread?journal=test&itemid=' + found[1] + '&thread=' + this.id;
+
+
+    var obj = this;
+    jQuery.get( url, function(result) {
+            obj.expandThread(result);
+    }, 'json' );
+
+    return true;
+}