diff options
author | lpsolit%gmail.com <> | 2007-04-07 07:34:21 +0000 |
---|---|---|
committer | lpsolit%gmail.com <> | 2007-04-07 07:34:21 +0000 |
commit | b1710c8f53ed757f1c06e84e4c2790832232c58f (patch) | |
tree | cc1388e533daf478f9e386401536a51b437308c9 /template | |
parent | 9d15440368b31f5e2957c26c19e7449b837ac479 (diff) | |
download | bugs-b1710c8f53ed757f1c06e84e4c2790832232c58f.tar bugs-b1710c8f53ed757f1c06e84e4c2790832232c58f.tar.gz bugs-b1710c8f53ed757f1c06e84e4c2790832232c58f.tar.bz2 bugs-b1710c8f53ed757f1c06e84e4c2790832232c58f.tar.xz bugs-b1710c8f53ed757f1c06e84e4c2790832232c58f.zip |
Bug 262275: Allow to expand/collapse comments when viewing bugs - Patch by Frédéric Buclin <LpSolit@gmail.com> r=myk a=LpSolit
Diffstat (limited to 'template')
-rw-r--r-- | template/en/default/bug/comments.html.tmpl | 61 |
1 files changed, 60 insertions, 1 deletions
diff --git a/template/en/default/bug/comments.html.tmpl b/template/en/default/bug/comments.html.tmpl index 9d05ba4ac..428b8771c 100644 --- a/template/en/default/bug/comments.html.tmpl +++ b/template/en/default/bug/comments.html.tmpl @@ -37,6 +37,58 @@ comment_elem.className.replace(/(\s*|^)bz_private(\s*|$)/, '$2'); } } + + /* The functions below expand and collapse comments */ + + function toggle_comment_display(link, comment_id) { + var comment = document.getElementById('comment_text_' + comment_id); + var re = new RegExp(/\bcollapsed\b/); + if (comment.className.match(re)) + expand_comment(link, comment); + else + collapse_comment(link, comment); + } + + function toggle_all_comments(action) { + var num_comments = [% comments.size FILTER html %]; + + // If for some given ID the comment doesn't exist, this doesn't mean + // there are no more comments, but that the comment is private and + // the user is not allowed to view it. + + for (var id = 0; id < num_comments; id++) { + var comment = document.getElementById('comment_text_' + id); + if (!comment) + continue; + + var link = document.getElementById('comment_link_' + id); + if (action == 'collapse') + collapse_comment(link, comment); + else + expand_comment(link, comment); + } + } + + function collapse_comment(link, comment) { + link.innerHTML = "(+)"; + link.title = "Expand the comment."; + comment.className = "collapsed"; + } + + function expand_comment(link, comment) { + link.innerHTML = "(-)"; + link.title = "Collapse the comment"; + comment.className = ""; + } + + /* This way, we are sure that browsers which do not support JS + * won't display this link */ + + function addCollapseLink(count) { + document.write(' <a href="#" id="comment_link_' + count + + '" onclick="toggle_comment_display(this, ' + count + + '); return false;" title="Collapse the comment.">(-)</a> '); + } //--> </script> @@ -69,6 +121,11 @@ [% END %] [% END %] +[% IF mode == "edit" %] + <a href="#" onclick="toggle_all_comments('collapse'); return false;">Collapse All Comments</a> - + <a href="#" onclick="toggle_all_comments('expand'); return false;">Expand All Comments</a> + <hr> +[% END %] [% FOREACH comment = comments %] [% IF count >= start_at %] @@ -96,9 +153,10 @@ <tr> <th align="left"> <b><a name="c0" href="show_bug.cgi?id=[% bug.bug_id %]#c0"> - Description</a>:</b> + Description</a>:</b> [% IF mode == "edit" %] [%%]<script type="text/javascript"><!-- + addCollapseLink(0); addReplyLink(0); //--></script> [% END %] @@ -122,6 +180,7 @@ </i> [% IF mode == "edit" %] <script type="text/javascript"><!-- + addCollapseLink([% count %]); addReplyLink([% count %]); //--></script> [% END %] <span class="comment_rule">-------</span> |