Preserve sort order when going Back to the page (Closes #17)

mojo-app/public/js/main.js

@@ -3,9 +3,9 @@ $(function(){
 });
 
 function setup_table() {
-    var filter_container, filter;
+    var el = $('#dists'), filter_container, filter, table_plugin, sort_order;
 
-    $('#dists').DataTable({
+    table_plugin = el.DataTable({
         paging: false,
         autoWidth: false,
         scrollX: false,
@@ -22,6 +22,19 @@ function setup_table() {
         ]
     });
 
+    // This lets us restore correct sort order if the user uses "Back"
+    // button in their browser
+    sort_order = window.location.hash.match(/sort-([^-]+)-([^-])+/);
+    if ( sort_order ) {
+        table_plugin.order([
+            sort_order[1], sort_order[2] == 'a' ? 'asc' : 'desc'
+        ]).draw();
+    }
+    el.find('th').click(function(){
+        window.location.hash = 'sort-' + $(this).index() + '-'
+            + $(this).attr('aria-sort').substr(0,1);
+    });
+
     // Mess around with markup to accomodate the table plugin and marry
     // it nicely with both our JS-less version of the site and Bootstrap
     $('#dists_wrapper').addClass('table-responsive').unwrap();