footable_rails 0.0.1

data/vendor/assets/javascripts/footable.plugin.template.js

@@ -0,0 +1,44 @@
+(function ($, w, undefined) {
+  if (w.footable === undefined || w.foobox === null)
+    throw new Error('Please check and make sure footable.js is included in the page and is loaded prior to this script.');
+
+  var defaults = {
+    /*
+       Plugin options here, example:
+
+        var defaults = {
+          myPlugin: {
+            enabled: true
+          }
+        };
+
+       This would allow you to access this option using ft.options.myPlugin.enabled
+    */
+  };
+
+  function MyPlugin() {
+    var p = this;
+    p.name = 'Footable MyPlugin';
+    p.init = function(ft) {
+      $(ft.table).bind({
+        /*
+           Bind to relevant events here to modify/add functionality to Footable, example:
+
+            $(ft.table).bind({
+              'footable_initialized': function(e){
+                if (e.ft.options.myPlugin.enabled === true){
+                  alert('Hello World');
+                }
+              }
+            });
+
+           This would listen for the 'footable_initialized' event and when called check if the plugin is enabled
+           and if it is alert 'Hello World' to the user.
+        */
+      });
+    };
+  }
+  
+  w.footable.plugins.register(MyPlugin, defaults);
+  
+})(jQuery, window);

data/vendor/assets/javascripts/footable.sort.js

@@ -0,0 +1,190 @@
+(function ($, w, undefined) {
+    if (w.footable === undefined || w.footable === null)
+        throw new Error('Please check and make sure footable.js is included in the page and is loaded prior to this script.');
+
+    var defaults = {
+        sort: true,
+        sorters: {
+            alpha: function (a, b) {
+              if (typeof(a) === 'string') { a = a.toLowerCase(); }
+              if (typeof(b) === 'string') { b = b.toLowerCase(); }
+              if (a === b) return 0;
+              if (a < b) return -1;
+              return 1;
+            },
+            numeric: function (a, b) {
+              return a - b;
+            }
+        },
+        classes: {
+            sort: {
+                sortable: 'footable-sortable',
+                sorted: 'footable-sorted',
+                descending: 'footable-sorted-desc',
+                indicator: 'footable-sort-indicator'
+            }
+        },
+        events: {
+            sort: {
+                sorting: 'footable_sorting',
+                sorted: 'footable_sorted'
+            }
+        }
+    };
+
+    function Sort() {
+        var p = this;
+        p.name = 'Footable Sortable';
+        p.init = function (ft) {
+            p.footable = ft;
+            if (ft.options.sort === true) {
+                $(ft.table)
+                    .unbind('.sorting')
+                    .bind({
+                        'footable_initialized.sorting': function (e) {
+                            var $table = $(ft.table),
+                                $tbody = $table.find('> tbody'),
+                                cls = ft.options.classes.sort,
+                                column, $th;
+
+                            if ($table.data('sort') === false) return;
+
+                            $table.find('> thead > tr:last-child > th, > thead > tr:last-child > td').each(function (ec) {
+                                var $th = $(this), column = ft.columns[$th.index()];
+                                if (column.sort.ignore !== true && !$th.hasClass(cls.sortable)) {
+                                    $th.addClass(cls.sortable);
+                                    $('<span />').addClass(cls.indicator).appendTo($th);
+                                }
+                            });
+
+                            $table.find('> thead > tr:last-child > th.' + cls.sortable + ', > thead > tr:last-child > td.' + cls.sortable).unbind('click.footable').bind('click.footable', function (ec) {
+                                ec.preventDefault();
+                                $th = $(this);
+                                var ascending = !$th.hasClass(cls.sorted);
+                                p.doSort($th.index(), ascending);
+                                return false;
+                            });
+
+                            var didSomeSorting = false;
+                            for (var c in ft.columns) {
+                                column = ft.columns[c];
+                                if (column.sort.initial) {
+                                    var ascending = (column.sort.initial !== 'descending');
+                                    p.doSort(column.index, ascending);
+                                    break;
+                                }
+                            }
+                            if (didSomeSorting) {
+                                ft.bindToggleSelectors();
+                            }
+                        },
+                        'footable_redrawn.sorting': function(e) {
+                            var $table = $(ft.table),
+                                cls = ft.options.classes.sort;
+                            if ($table.data('sorted') >= 0) {
+                                $table.find('> thead > tr:last-child > th').each(function(i){
+                                    var $th = $(this);
+                                    if ($th.hasClass(cls.sorted) || $th.hasClass(cls.descending)) {
+                                        p.doSort(i);
+                                        return;
+                                    }
+                                });
+                            }
+                        },
+                        'footable_column_data.sorting': function (e) {
+                            var $th = $(e.column.th);
+                            e.column.data.sort = e.column.data.sort || {};
+                            e.column.data.sort.initial = $th.data('sort-initial') || false;
+                            e.column.data.sort.ignore = $th.data('sort-ignore') || false;
+                            e.column.data.sort.selector = $th.data('sort-selector') || null;
+
+                            var match = $th.data('sort-match') || 0;
+                            if (match >= e.column.data.matches.length) match = 0;
+                            e.column.data.sort.match = e.column.data.matches[match];
+                        }
+                    })
+                //save the sort object onto the table so we can access it later
+                .data('footable-sort', p);
+            }
+        };
+
+        p.doSort = function(columnIndex, ascending) {
+            var ft = p.footable;
+            if ($(ft.table).data('sort') === false) return;
+
+            var $table = $(ft.table),
+                $tbody = $table.find('> tbody'),
+                column = ft.columns[columnIndex],
+                $th = $table.find('> thead > tr:last-child > th:eq(' + columnIndex + ')'),
+                cls = ft.options.classes.sort,
+                evt = ft.options.events.sort;
+
+            ascending = (ascending === undefined) ? $th.hasClass(cls.sorted) :
+                (ascending === 'toggle') ? !$th.hasClass(cls.sorted) : ascending;
+
+            if (column.sort.ignore === true) return true;
+
+            //raise a pre-sorting event so that we can cancel the sorting if needed
+            var event = ft.raise(evt.sorting, { column: column, direction: ascending ? 'ASC' : 'DESC' });
+            if (event && event.result === false) return;
+
+            $table.data('sorted', column.index);
+
+            $table.find('> thead > tr:last-child > th, > thead > tr:last-child > td').not($th).removeClass(cls.sorted + ' ' + cls.descending);
+
+            if (ascending === undefined) {
+                ascending = $th.hasClass(cls.sorted);
+            }
+
+            if (ascending) {
+                $th.removeClass(cls.descending).addClass(cls.sorted);
+            } else {
+                $th.removeClass(cls.sorted).addClass(cls.descending);
+            }
+
+            p.sort(ft, $tbody, column, ascending);
+
+            ft.bindToggleSelectors();
+            ft.raise(evt.sorted, { column: column, direction: ascending ? 'ASC' : 'DESC' });
+        };
+
+        p.rows = function (ft, tbody, column) {
+            var rows = [];
+            tbody.find('> tr').each(function () {
+                var $row = $(this), $next = null;
+                if ($row.hasClass(ft.options.classes.detail)) return true;
+                if ($row.next().hasClass(ft.options.classes.detail)) {
+                    $next = $row.next().get(0);
+                }
+                var row = { 'row': $row, 'detail': $next };
+                if (column !== undefined) {
+                    row.value = ft.parse(this.cells[column.sort.match], column);
+                }
+                rows.push(row);
+                return true;
+            }).detach();
+            return rows;
+        };
+
+        p.sort = function (ft, tbody, column, ascending) {
+            var rows = p.rows(ft, tbody, column);
+            var sorter = ft.options.sorters[column.type] || ft.options.sorters.alpha;
+            rows.sort(function (a, b) {
+                if (ascending) {
+                    return sorter(a.value, b.value);
+                } else {
+                    return sorter(b.value, a.value);
+                }
+            });
+            for (var j = 0; j < rows.length; j++) {
+                tbody.append(rows[j].row);
+                if (rows[j].detail !== null) {
+                    tbody.append(rows[j].detail);
+                }
+            }
+        };
+    }
+
+    w.footable.plugins.register(Sort, defaults);
+
+})(jQuery, window);

data/vendor/assets/javascripts/footable.striping.js

@@ -0,0 +1,57 @@
+(function ($, w, undefined) {
+  if (w.footable === undefined || w.foobox === null)
+    throw new Error('Please check and make sure footable.js is included in the page and is loaded prior to this script.');
+
+  var defaults = {
+    striping: {
+      enabled: true
+    },
+    classes: {
+      striping: {
+        odd: 'footable-odd',
+        even: 'footable-even'
+      }
+    }
+  };
+
+  function Striping() {
+    var p = this;
+    p.name = 'Footable Striping';
+    p.init = function (ft) {
+      p.footable = ft;
+      $(ft.table)
+        .unbind('striping')
+        .bind({
+          'footable_initialized.striping footable_row_removed.striping footable_redrawn.striping footable_sorted.striping footable_filtered.striping': function () {
+            
+            if ($(this).data('striping') === false) return;
+
+            p.setupStriping(ft);
+          }
+        });
+    };
+
+    p.setupStriping = function (ft) {
+
+      var rowIndex = 0;
+      $(ft.table).find('> tbody > tr:not(.footable-row-detail)').each(function () {
+
+        var $row = $(this);
+
+        //Clean off old classes
+        $row.removeClass(ft.options.classes.striping.even).removeClass(ft.options.classes.striping.odd);
+
+        if (rowIndex % 2 === 0) {
+          $row.addClass(ft.options.classes.striping.even);
+        } else {
+          $row.addClass(ft.options.classes.striping.odd);
+        }
+
+        rowIndex++;
+      });
+    };
+  }
+
+  w.footable.plugins.register(Striping, defaults);
+
+})(jQuery, window);

data/vendor/assets/stylesheets/footable.core.css

@@ -0,0 +1,178 @@
+@font-face {
+  font-family: 'footable';
+  src: url('fonts/footable.eot');
+  src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  @font-face {
+    font-family: 'footable';
+    src: url('fonts/footable.svg#footable') format('svg');
+    font-weight: normal;
+    font-style: normal;
+  }
+}
+.footable {
+  width: 100%;
+  /** SORTING **/
+
+  /** PAGINATION **/
+
+}
+.footable.breakpoint > tbody > tr.footable-detail-show > td {
+  border-bottom: none;
+}
+.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e001";
+}
+.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
+  cursor: pointer;
+}
+.footable.breakpoint > tbody > tr > td.footable-cell-detail {
+  background: #eee;
+  border-top: none;
+}
+.footable.breakpoint > tbody > tr > td > span.footable-toggle {
+  display: inline-block;
+  font-family: 'footable';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  padding-right: 5px;
+  font-size: 14px;
+  color: #888888;
+}
+.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
+  content: "\e000";
+}
+.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e005";
+}
+.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
+  content: "\e004";
+}
+.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e003";
+}
+.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
+  content: "\e002";
+}
+.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e007";
+}
+.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
+  content: "\e006";
+}
+.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e009";
+}
+.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
+  content: "\e008";
+}
+.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e00f";
+}
+.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
+  content: "\e011";
+}
+.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e013";
+}
+.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
+  content: "\e015";
+}
+.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e01b";
+}
+.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
+  content: "\e01d";
+}
+.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e00b";
+}
+.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
+  content: "\e00d";
+}
+.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e01f";
+}
+.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
+  content: "\e021";
+}
+.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
+  content: "\e017";
+}
+.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
+  content: "\e019";
+}
+.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
+  font-size: 18px;
+}
+.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
+  font-size: 24px;
+}
+.footable > thead > tr > th {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.footable > thead > tr > th.footable-sortable:hover {
+  cursor: pointer;
+}
+.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
+  content: "\e013";
+}
+.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
+  content: "\e012";
+}
+.footable > thead > tr > th > span.footable-sort-indicator {
+  display: inline-block;
+  font-family: 'footable';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  padding-left: 5px;
+}
+.footable > thead > tr > th > span.footable-sort-indicator:before {
+  content: "\e022";
+}
+.footable > tfoot .pagination {
+  margin: 0;
+}
+.footable.no-paging .hide-if-no-paging {
+  display: none;
+}
+.footable-row-detail-inner {
+  display: table;
+}
+.footable-row-detail-row {
+  display: table-row;
+  line-height: 1.5em;
+}
+.footable-row-detail-group {
+  display: block;
+  line-height: 2em;
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.footable-row-detail-name {
+  display: table-cell;
+  font-weight: bold;
+  padding-right: 0.5em;
+}
+.footable-row-detail-value {
+  display: table-cell;
+}
+.footable-odd {
+  background-color: #f7f7f7;
+}