Cleanup

Author: zackbloom

Gruntfile.coffee

@@ -12,7 +12,7 @@ module.exports = (grunt) ->
         tasks: ['coffee', 'uglify', 'compass']
 
     uglify:
-      vex:
+      sortable:
         src: 'js/sortable.js'
         dest: 'js/sortable.min.js'
         options:
@@ -29,4 +29,4 @@ module.exports = (grunt) ->
   grunt.loadNpmTasks 'grunt-contrib-coffee'
   grunt.loadNpmTasks 'grunt-contrib-compass'
 
-  grunt.registerTask 'default', ['coffee', 'uglify', 'compass']
+  grunt.registerTask 'default', ['coffee', 'uglify', 'compass']

coffee/sortable.coffee

@@ -1,16 +1,14 @@
-ascending = 'ascending'
-descending = 'descending'
+SELECTOR = 'table[data-sortable]'
 
 numberRegExp = /^-?[£$¤]?[\d,.]+%?$/
 trimRegExp = /^\s+|\s+$/g
 
-touchDevice = `'ontouchstart' in document.documentElement`
+touchDevice = 'ontouchstart' of document.documentElement
 clickEvent = if touchDevice then 'touchstart' else 'click'
 
 sortable =
-
   init: ->
-    tables = document.querySelectorAll 'table[data-sortable]'
+    tables = document.querySelectorAll SELECTOR
     sortable.initTable table for table in tables
 
   initTable: (table) ->
@@ -35,7 +33,7 @@ sortable =
       sortedDirection = @getAttribute 'data-sorted-direction'
 
       if sorted
-        newSortedDirection = if sortedDirection is ascending then descending else ascending
+        newSortedDirection = if sortedDirection is 'ascending' then 'descending' else 'ascending'
       else
         newSortedDirection = type.defaultSortDirection
 
@@ -74,9 +72,8 @@ sortable =
     node.textContent.replace trimRegExp, ''
 
   types:
-
     numeric:
-      defaultSortDirection: descending
+      defaultSortDirection: 'descending'
       compare: (a, b) ->
         aa = parseFloat(a[0].replace(/[^0-9.-]/g, ''))
         bb = parseFloat(b[0].replace(/[^0-9.-]/g, ''))
@@ -85,12 +82,14 @@ sortable =
         bb - aa
 
     alpha:
-      defaultSortDirection: ascending
+      defaultSortDirection: 'ascending'
       compare: (a, b) ->
         aa = a[0].toLowerCase()
         bb = b[0].toLowerCase()
         return 0 if aa is bb
         return -1 if aa < bb
         1
 
-window.sortable = sortable
+setTimeout sortable.init, 0
+
+window.Sortable = sortable

docs/api/1-Options.md

@@ -14,19 +14,21 @@ Example:
 
 ##### `init`
 
-To initialize all tables on the page, call `init`.
+All tables on the page will be automatically initted when the page is loaded.
+
+If you add tables with javascript, call `init` after they are added to the page:
 
 ```coffeescript
-sortable.init()
+Sortable.init()
 ```
 
 ##### `initTable`
 
 To initialize an individual table, call `initTable`.
 
 ```coffeescript
-exampleTable = document.querySelector('#exampleTable[data-sortable]')
-sortable.initTable(exampleTable)
+exampleTable = document.querySelector('#exampleTable')
+Sortable.initTable(exampleTable)
 ```
 
 #### Sorting options
@@ -70,4 +72,3 @@ To disable sorting on a particular column, add `data-sortable="false"` to the `<
 <p style="-webkit-transform: translateZ(0)"></p>
 <script src="/sortable/js/sortable.js"></script>
 <link rel="stylesheet" href="/sortable/css/sortable-theme-light.css" />
-<script>setTimeout(function(){ sortable.init(); }, 0);</script>

docs/api/2-Themes.md

@@ -35,7 +35,6 @@ You can download a release (containing all 6 themes) [here](/sortable). Or you c
 <!-- Resources for the demos -->
 <p style="-webkit-transform: translateZ(0)"></p>
 <script src="/sortable/js/sortable.js"></script>
-<script>setTimeout(function(){ sortable.init(); }, 0);</script>
 <style>
 .hs-doc-content table {
     border: 0;
@@ -58,4 +57,4 @@ $('[data-theme]').each(function(){
         return false;
     });
 });
-</script>
+</script>

docs/intro.md

@@ -35,10 +35,9 @@ For the most common usage of sortable, you'll want to include following:
 ```html
 <script src="sortable.min.js"></script>
 <link rel="stylesheet" href="sortable-theme-bootstrap.css" />
-<script>setTimeout(function(){ sortable.init(); }, 0);</script>
 ```
 
-Now any table with the attribute `data-sortable` will be made sortable. To get the styling, you'll also need to add a class name to the table to match the theme you chose:
+Now any table with the attribute `sortable` will be made sortable. To get the styling, you'll also need to add a class name to the table to match the theme you chose:
 
 ```html
 <table class="sortable-theme-bootstrap" data-sortable>
@@ -52,8 +51,8 @@ This example uses the "bootstrap" theme. For a full list of supported themes, ch
 
 To learn more about how to use sortable, visit our API pages.
 
-- [Basic](http://github.hubspot.com/vex/api/basic)
-- [Themes](http://github.hubspot.com/vex/api/themes)
+- [Basic](http://github.hubspot.com/sortable/api/basic)
+- [Themes](http://github.hubspot.com/sortable/api/themes)
 
 #### Credits
 
@@ -75,4 +74,3 @@ Sortable was built by [Adam Schwartz](http://twitter.com/adamfschwartz)
 }
 </style>
 <link rel="stylesheet" href="/sortable/css/sortable-theme-bootstrap.css">
-<script>setTimeout(function(){ sortable.init(); }, 0);</script>