Ticket #7055: hide_annotation_columns-r6692.diff

trac/htdocs/css/code.css

@@ -34 +34 @@
  padding: 0 .25em;
  text-align: center;
  white-space: nowrap;
+}
+table.code thead th.content {
+ text-align: left;
+}
+table.code thead th.content span.recover {
+ background: #f0f0f0;
+ margin: 0 1em;
+ padding: 0 .5em;
 }
 table.code tbody th {
  background: #eed;

trac/htdocs/js/folding.js

@@ -23 +23 @@
     }).css("cursor", "pointer");
   }
 
-})(jQuery);
- No newline at end of file
+  /** Enable columns of a table to be hidden by clicking on the column header.
+   *
+   * +------------------+------+---- ... ---+---------------------+
+   * |column_headers[0] | ...  |            | column_headers[k-1] | <- ch_row
+   * +==================+======+==== ... ===+=====================+
+   * | row_headers[0]   | row_headers[1]    | row_headers[1*k-1]  | <- rows[0]
+   * | row_headers[k]   | row_headers[k+1]  | row_headers[2*k-1]  | <- rows[1]
+   * ...
+   */
+  $.fn.enableCollapsibleColumns = function(recovery_area) {
+    var ch_row = $('thead tr', this);
+    var column_headers = $('thead th', this).not(recovery_area);
+    var row_headers = $('tbody th', this);
+    var rows = $('tbody tr', this);
+    var k = column_headers.length;
+    var n = row_headers.length / k;
+    $(column_headers).each(function(j) {
+        function hide() {
+          // remove and save column
+          var th = $(this);
+          var jj = j; // th.data('j');
+          var ths = Array(n);
+          th.remove();
+          for ( var i = 0; i < n; i++ )
+            ths[i] = $(row_headers[i*k+jj]).remove();
+          // create a recovery button and its "show" callback
+          recovery_area.append($("<span></span>").addClass("recover")
+            .text("Show " + th.text() + " Info")
+            .click(function() {
+              $(this).remove();
+              ch_row.prepend(th.click(hide));
+              $(ths).each(function(i){rows.eq(i).prepend(this);});
+            })
+          );
+        };
+        $(this).click(hide)
+          .attr('title', $(this).attr('title') + " (click to hide column)");
+      });
+  }
+
+})(jQuery);

trac/versioncontrol/templates/browser.html

@@ -10 +10 @@
     <title>$path</title>
     <meta py:if="file and file.annotate" name="ROBOTS" content="NOINDEX, NOFOLLOW" />
     <meta py:if="dir" name="ROBOTS" content="NOINDEX" />
+    <script type="text/javascript" src="${chrome.htdocs_location}js/folding.js"></script>
     <script type="text/javascript">
       jQuery(document).ready(function($) {
         $("#jumploc input").hide();
@@ -27 +28 @@
                 range_max_secs: '$dir.range_max_secs'
             });
         </py:if>
-        <py:if test="file and file.annotate">
-          enableBlame("${href.changeset()}/", "${path}");
+        <py:if test="file">
+          <py:if test="file.annotate">
+            enableBlame("${href.changeset()}/", "${path}");
+          </py:if>
+          $('#preview table.code').enableCollapsibleColumns($('#preview table.code thead th.content')); 
         </py:if>
       });
     </script>