Polish up the sortable report: indication of sort column and sortability

1 files changed, 10 insertions, 9 deletions

diff --git a/coverage/htmlfiles/index.html b/coverage/htmlfiles/index.html
index 162f862..5c562de 100644
--- a/coverage/htmlfiles/index.html
+++ b/coverage/htmlfiles/index.html
@@ -20,8 +20,9 @@
         <div id='index'>

             <table class='index'>

                 <thead>

-                    <tr class='tablehead'>

-                        <th class='name'>Module</th>

+                    {# The title='' attr doesn't work in Safari. #}

+                    <tr class='tablehead' title='Click to sort'>

+                        <th class='name left'>Module</th>

                         <th>statements</th>

                         <th>run</th>

                         <th>excluded</th>

@@ -29,13 +30,13 @@
                         <th>branches</th>

                         <th>br exec</th>

                         {% endif %}

-                        <th>coverage</th>

+                        <th class='right'>coverage</th>

                     </tr>

                 </thead>

                 <tbody>

                     {% for file in files %}

                     <tr class='file'>

-                        <td class='name'><a href='{{file.html_filename}}'>{{file.cu.name}}</a></td>

+                        <td class='name left'><a href='{{file.html_filename}}'>{{file.cu.name}}</a></td>

                         <td>{{file.nums.n_statements}}</td>

                         <td>{{file.nums.n_executed}}</td>

                         <td>{{file.nums.n_excluded}}</td>

@@ -43,13 +44,13 @@
                         <td>{{file.nums.n_branches}}</td>

                         <td>{{file.nums.n_executed_branches}}</td>

                         {% endif %}

-                        <td>{{file.nums.pc_covered|format_pct}}%</td>

+                        <td class='right'>{{file.nums.pc_covered|format_pct}}%</td>

                     </tr>

                     {% endfor %}

                 </tbody>

                 <tfoot>

                     <tr class='total'>

-                        <td class='name'>Total</td>

+                        <td class='name left'>Total</td>

                         <td>{{totals.n_statements}}</td>

                         <td>{{totals.n_executed}}</td>

                         <td>{{totals.n_excluded}}</td>

@@ -57,7 +58,7 @@
                         <td>{{totals.n_branches}}</td>

                         <td>{{totals.n_executed_branches}}</td>

                         {% endif %}

-                        <td>{{totals.pc_covered|format_pct}}%</td>

+                        <td class='right'>{{totals.pc_covered|format_pct}}%</td>

                     </tr>

                 </tfoot>

             </table>

@@ -75,11 +76,11 @@
             jQuery(function() {

                 jQuery("table.index").tablesorter({

                     headers: {

-                        0: { sorter:'test' },

+                        0: { sorter:'text' },

                         1: { sorter:'digit' },

                         2: { sorter:'digit' },

                         3: { sorter:'digit' },

-                        4: { sorter:'digit' },

+                        4: { sorter:'percent' },

                     }

                 });

             });