<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css"><!--
#msg dl { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fc0 solid; padding: 6px; }
#msg ul, pre { overflow: auto; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<title>[BuddyPress] [2266] trunk/bp-themes/bp-default:
  Limiting the maximum number of comments that can show for an activity thread
 .</title>
</head>
<body>

<div id="msg">
<dl>
<dt>Revision</dt> <dd>2266</dd>
<dt>Author</dt> <dd>apeatling</dd>
<dt>Date</dt> <dd>2010-01-06 12:07:27 +0000 (Wed, 06 Jan 2010)</dd>
</dl>

<h3>Log Message</h3>
<pre>Limiting the maximum number of comments that can show for an activity thread. I18n still to be fixed up in JS.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkbpthemesbpdefault_inccssdefaultcss">trunk/bp-themes/bp-default/_inc/css/default.css</a></li>
<li><a href="#trunkbpthemesbpdefault_incglobaljs">trunk/bp-themes/bp-default/_inc/global.js</a></li>
<li><a href="#trunkbpthemesbpdefaultactivityentryphp">trunk/bp-themes/bp-default/activity/entry.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkbpthemesbpdefault_inccssdefaultcss"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/_inc/css/default.css (2265 => 2266)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/_inc/css/default.css        2010-01-06 09:32:33 UTC (rev 2265)
+++ trunk/bp-themes/bp-default/_inc/css/default.css        2010-01-06 12:07:27 UTC (rev 2266)
</span><span class="lines">@@ -480,7 +480,7 @@
</span><span class="cx">                         -moz-border-radius-topright: 3px;
</span><span class="cx">                         -webkit-border-top-right-radius: 3px;
</span><span class="cx">                 }
</span><del>-                        div.item-list-tabs ul li.loading a {
</del><ins>+                        ul li.loading a {
</ins><span class="cx">                                 background-image: url( ../images/ajax-loader.gif );
</span><span class="cx">                                 background-position: 92% 50%;
</span><span class="cx">                                 background-repeat: no-repeat;
</span></span></pre></div>
<a id="trunkbpthemesbpdefault_incglobaljs"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/_inc/global.js (2265 => 2266)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/_inc/global.js        2010-01-06 09:32:33 UTC (rev 2265)
+++ trunk/bp-themes/bp-default/_inc/global.js        2010-01-06 12:07:27 UTC (rev 2266)
</span><span class="lines">@@ -106,6 +106,7 @@
</span><span class="cx">                 }
</span><span class="cx">         });
</span><span class="cx"> 
</span><ins>+        /* Activity filter select */
</ins><span class="cx">         j('#activity-filter-select select').change( function() {
</span><span class="cx">                 var selected_tab = j( '.' + j(this).parent().parent().parent().attr('class') + ' li.selected');
</span><span class="cx"> 
</span><span class="lines">@@ -246,6 +247,9 @@
</span><span class="cx"> 
</span><span class="cx">                         j('div.item-list-tabs li.selected, div.item-list-tabs li.current').removeClass('loading');
</span><span class="cx"> 
</span><ins>+                        /* Selectively hide comments */
+                        bp_dtheme_hide_comments();
+
</ins><span class="cx">                 }, 'json' );
</span><span class="cx">         }
</span><span class="cx"> 
</span><span class="lines">@@ -254,6 +258,10 @@
</span><span class="cx">         /* Hide all activity comment forms */
</span><span class="cx">         j('form.ac-form').hide();
</span><span class="cx"> 
</span><ins>+        /* Hide excess comments */
+        if ( j('div.activity-comments').length )
+                bp_dtheme_hide_comments();
+
</ins><span class="cx">         /* Activity list event delegation */
</span><span class="cx">         j('div.activity').click( function(event) {
</span><span class="cx">                 var target = j(event.target);
</span><span class="lines">@@ -346,6 +354,9 @@
</span><span class="cx">                                         );
</span><span class="cx">                                         j( 'form#' + form + ' textarea').val('');
</span><span class="cx"> 
</span><ins>+                                        /* Increase the &quot;Reply (X)&quot; button count */
+                                        j('li#activity-' + form_id[2] + ' a.acomment-reply span').html( Number( j('li#activity-' + form_id[2] + ' a.acomment-reply span').html() ) + 1 );
+
</ins><span class="cx">                                         /* Re-enable the submit button after 5 seconds. */
</span><span class="cx">                                         setTimeout( function() { target.attr(&quot;disabled&quot;, ''); }, 5000 );
</span><span class="cx">                                 }
</span><span class="lines">@@ -388,11 +399,28 @@
</span><span class="cx">                                                 if ( children.length )
</span><span class="cx">                                                         comment_li.parent().append( children.html() ).hide().fadeIn( 200 );
</span><span class="cx">                                          });
</span><ins>+
+                                        /* Decrease the &quot;Reply (X)&quot; button count */
+                                        var parent_li = comment_li.parents('ul#activity-stream &gt; li');
+                                        j('li#' + parent_li.attr('id') + ' a.acomment-reply span').html( j('li#' + parent_li.attr('id') + ' a.acomment-reply span').html() - 1 );
</ins><span class="cx">                                 }
</span><span class="cx">                         });
</span><span class="cx"> 
</span><span class="cx">                         return false;
</span><span class="cx">                 }
</span><ins>+
+                /* Showing hidden comments - pause for half a second */
+                if ( target.parent().hasClass('show-all') ) {
+                        target.parent().addClass('loading');
+
+                        setTimeout( function() {
+                                target.parent().parent().children('li').fadeIn(200, function() {
+                                        target.parent().remove();
+                                });
+                        }, 600 );
+
+                        return false;
+                }
</ins><span class="cx">         });
</span><span class="cx"> 
</span><span class="cx">         /* Escape Key Press for cancelling comment forms */
</span><span class="lines">@@ -419,6 +447,33 @@
</span><span class="cx">                 }
</span><span class="cx">         });
</span><span class="cx"> 
</span><ins>+        function bp_dtheme_hide_comments() {
+                var comments_divs = j('div.activity-comments');
+
+                if ( !comments_divs.length )
+                        return false;
+
+                comments_divs.each( function() {
+                        if ( j(this).children('ul').children('li').length &lt; 5 ) return;
+
+                        var comments_div = j(this);
+                        var parent_li = comments_div.parents('ul#activity-stream &gt; li');
+                        var comment_lis = j(this).children('ul').children('li');
+
+                        comment_lis.each( function(i) {
+                                /* Show the latest 5 root comments */
+                                if ( i &lt; comment_lis.length - 5 ) {
+                                        j(this).addClass('hidden');
+                                        j(this).toggle();
+
+                                        if ( !i )
+                                                j(this).before( '&lt;li class=&quot;show-all&quot;&gt;&lt;a href=&quot;#' + parent_li.attr('id') + '/show-all/&quot; title=&quot;Show all comments for this thread&quot;&gt;Show all ' +  j('li#' + parent_li.attr('id') + ' a.acomment-reply span').html() + ' comments&lt;/a&gt;&lt;/li&gt;' );
+                                }
+                        });
+
+                });
+        }
+
</ins><span class="cx">         /**** Directory Search ****************************************************/
</span><span class="cx"> 
</span><span class="cx">         j('div.dir-search').click( function(event) {
</span></span></pre></div>
<a id="trunkbpthemesbpdefaultactivityentryphp"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/activity/entry.php (2265 => 2266)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/activity/entry.php        2010-01-06 09:32:33 UTC (rev 2265)
+++ trunk/bp-themes/bp-default/activity/entry.php        2010-01-06 12:07:27 UTC (rev 2266)
</span><span class="lines">@@ -10,7 +10,7 @@
</span><span class="cx"> 
</span><span class="cx">                 &lt;div class=&quot;activity-meta&quot;&gt;
</span><span class="cx">                         &lt;?php if ( is_user_logged_in() &amp;&amp; bp_activity_can_comment() ) : ?&gt;
</span><del>-                                &lt;a href=&quot;#acomment-&lt;?php bp_activity_id() ?&gt;&quot; class=&quot;acomment-reply&quot; id=&quot;acomment-comment-&lt;?php bp_activity_id() ?&gt;&quot;&gt;&lt;?php _e( 'Reply', 'buddypress' ) ?&gt; (&lt;?php bp_activity_comment_count() ?&gt;)&lt;/a&gt;
</del><ins>+                                &lt;a href=&quot;#acomment-&lt;?php bp_activity_id() ?&gt;&quot; class=&quot;acomment-reply&quot; id=&quot;acomment-comment-&lt;?php bp_activity_id() ?&gt;&quot;&gt;&lt;?php _e( 'Reply', 'buddypress' ) ?&gt; (&lt;span&gt;&lt;?php bp_activity_comment_count() ?&gt;&lt;/span&gt;)&lt;/a&gt;
</ins><span class="cx">                         &lt;?php endif; ?&gt;
</span><span class="cx"> 
</span><span class="cx">                         &lt;?php if ( is_user_logged_in() ) : ?&gt;
</span></span></pre>
</div>
</div>

</body>
</html>