Fixed tablesorter issues, fixes #24

Gemfile

@@ -94,6 +94,9 @@ group :dev do
   gem 'annotate'
 end
 
-# Use datenfisch
+# Use datenfisch (https://github.com/Iasoon/datenfisch.git)
 gem 'datenfisch', git: 'git://github.com/Iasoon/datenfisch.git',
   ref: 'e4ab1d5e65ae4bded93dd19296bf13167adbb91e'
+
+# Use jQuery plugin tablesorter (https://github.com/Mottie/tablesorter)
+gem 'jquery-tablesorter'

Gemfile.lock

@@ -122,6 +122,8 @@ GEM
     jquery-rails (3.1.2)
       railties (>= 3.0, < 5.0)
       thor (>= 0.14, < 2.0)
+    jquery-tablesorter (1.16.2)
+      railties (>= 3.2, < 5)
     jquery-turbolinks (2.1.0)
       railties (>= 3.1.0)
       turbolinks
@@ -270,6 +272,7 @@ DEPENDENCIES
   github_api
   jbuilder (~> 1.2)
   jquery-rails
+  jquery-tablesorter
   jquery-turbolinks
   mysql2
   omniauth

app/assets/javascripts/application.js

@@ -16,8 +16,24 @@
 //= require turbolinks
 
 //= require bootstrap-sprockets
-//= require tablesorter/jquery.tablesorter
-//= require tablesorter/tables.js
+//= require jquery-tablesorter
 
 //= require_self
 //= require_tree .
+
+
+$(document).ready(function() {
+    $.tablesorter.addParser({
+        id: "digit",
+        is: function (s, table) {
+            var c = table.config;
+            return $.tablesorter.isDigit(s, c);
+        },
+        format: function (s) {
+            return $.tablesorter.formatFloat(s.replace(/\s+/g, ''));
+        },
+        type: "numeric",
+    });
+
+    $('table.tablesorter').tablesorter();
+});

app/assets/javascripts/scoreboard.js.coffee

@@ -4,3 +4,5 @@
     { filters: filters }
   ).success (rows) ->
     $('#scoreboard tbody').html(rows)
+    resort = true
+    $('#scoreboard').trigger('update', [resort]);

app/assets/stylesheets/application.css.scss

@@ -10,6 +10,7 @@
  *
  *= require_self
  *= require_tree .
+ *= require jquery-tablesorter/theme.bootstrap
  */
 @import "bootstrap-sprockets";
 @import "bootstrap";

app/views/bounties/index.html.erb

@@ -19,8 +19,8 @@
           <tr>
             <th>Repo</th>
             <th>Issue</th>
-            <th>Total bounty</th>
-            <th>My bounty</th>
+            <th data-sort-initial-order="desc">Total bounty</th>
+            <th data-sort-initial-order="desc">My bounty</th>
           </tr>
         </thead>
 

app/views/scoreboard/index.html.erb

@@ -5,23 +5,23 @@
       <h1>Scoreboard</h1>
     </div>
     <div class="table-responsive">
-      <table id="scoreboard" class="table table-striped">
+      <table id="scoreboard" class="table table-striped tablesorter">
         <thead>
-            <tr>
+          <tr>
             <th></th>
             <th></th>
             <th>Contributor</th>
-            <th class="score">Score</th>
-            <th class="commits">Commits</th>
-            <th class="additions">Additions</th>
-            <th class="deletions">Deletions</th>
-            </tr>
+            <th class="score" data-sort-initial-order="desc">Score</th>
+            <th class="commits" data-sort-initial-order="desc">Commits</th>
+            <th class="additions" data-sort-initial-order="desc">Additions</th>
+            <th class="deletions" data-sort-initial-order="desc">Deletions</th>
+          </tr>
         </thead>
         <tbody>
         </tbody>
       </table>
     </div>
-    <%= render partial: 'scoreboard' %>
+  </div>
   <div class="col-md-2"></div>
 </div>
 <%= javascript_tag "get_scoreboard('#{scoreboard_path}', {});" %>