[Tracker-discuss] [issue401] Fold history in the issue pages

[Ezio Melotti]

New submission from Ezio Melotti <ezio.melotti at gmail.com>:

The attached patch folds history automatically and adds a "show history"/"hide history" button to fold/unfold it.  With the history folded by default it's possible to use the 'end' key to jump to the last message without having to scroll up to skip the history at the bottom. See also #312.

----------
assignedto: ezio.melotti
files: fold_history.diff
messages: 2056
nosy: eric.araujo, ezio.melotti, pitrou
priority: feature
status: in-progress
title: Fold history in the issue pages

_______________________________________________________
PSF Meta Tracker <metatracker at psf.upfronthosting.co.za>
<http://psf.upfronthosting.co.za/roundup/meta/issue401>
_______________________________________________________
-------------- next part --------------
Index: issue.item.html
===================================================================
--- issue.item.html	(revision 88836)
+++ issue.item.html	(working copy)
@@ -11,6 +11,7 @@
 </title>
 
 <metal:slot fill-slot="more-javascript">
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 <script type="text/javascript" src="@@file/issue.item.js"></script>
 </metal:slot>
 
Index: issue.item.js
===================================================================
--- issue.item.js	(revision 88836)
+++ issue.item.js	(working copy)
@@ -41,3 +41,15 @@
     nosy.style.display = 'inline';
     nosy.style.width = new_width + "px";
 }
+
+$(document).ready(function() {
+    var th = $('<td colspan="4">Show History</td>');
+    th.css({'cursor': 'pointer', 'text-align': 'center',
+            'border': '1px solid #ccc'});
+    $('table.history tr:not(:first-child)').toggle();
+    th.click(function() {
+        $('table.history tr:not(:first-child)').toggle();
+        th.text(th.text() == 'Show History' ? 'Hide History' : 'Show History');
+    });
+    $('table.history').append(th.wrap('<tr id="togglehistory" />'));
+})