foo_table-rails 0.5.0

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

@@ -0,0 +1,128 @@
+(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 = {
+        paginate: true,
+        pageSize: 10,
+        pageNavigation: '.footable-nav'
+    };
+
+    function pageInfo(ft) {
+        var $table = $(ft.table), $tbody = $table.find('> tbody');
+        this.pageNavigation = $table.data('page-navigation') || ft.options.pageNavigation;
+        this.pageSize = $table.data('page-size') || ft.options.pageSize;
+        this.currentPage = 0;
+        this.pages = [];
+    };
+
+    function Paginate() {
+        var p = this;
+        p.name = 'Footable Paginate';
+
+        p.init = function (ft) {
+            if (ft.options.paginate == true) {
+                var $table = $(ft.table), $tbody = $table.find('> tbody');
+                $(ft.table).bind({
+                    'footable_initialized': function (e) {
+                        e.ft.pageInfo = new pageInfo(e.ft);
+                        var $table = $(e.ft.table), $tbody = $table.find('> tbody');
+                        p.createPages(e.ft, $tbody);
+                        p.createNavigation(e.ft, $tbody);
+                        p.fillPage(e.ft, $tbody, 0);
+                    },
+                    'footable_sorted': function (e) {
+                        var $tbody = $(e.ft.table).find('> tbody');
+                        p.createPages(e.ft, $tbody);
+                        p.fillPage(e.ft, $tbody, e.ft.pageInfo.currentPage);
+                    },
+                    'footable_filtered': function (e) {
+                        var $tbody = $(e.ft.table).find('> tbody');
+                        p.createPages(e.ft, $tbody);
+                        p.createNavigation(e.ft, $tbody);
+                        p.fillPage(e.ft, $tbody, e.ft.pageInfo.currentPage);
+                    }
+                });
+            }
+        };
+
+        p.createPages = function (ft, tbody) {
+            var pages = 1;
+            var info = ft.pageInfo;
+            var pageCount = pages * info.pageSize;
+            var page = [];
+            var lastPage = [];
+            info.pages = [];
+            var rows = tbody.find('> tr:not(.footable-filtered,.footable-row-detail)');
+            rows.each(function (i, row) {
+                page.push(row);
+                if (i === pageCount - 1) {
+                    info.pages.push(page);
+                    pages++;
+                    pageCount = pages * info.pageSize;
+                    page = [];
+                } else if (i >= rows.length - (rows.length % info.pageSize)) {
+                    lastPage.push(row);
+                }
+            });
+            if (lastPage.length > 0) info.pages.push(lastPage);
+            if (info.currentPage >= info.pages.length) info.currentPage = info.pages.length - 1;
+            if (info.currentPage < 0) info.currentPage = 0;
+        };
+
+        p.createNavigation = function (ft, tbody) {
+            var $nav = $(ft.pageInfo.pageNavigation);
+            if ($nav.length == 0) return;
+            $nav.find('li').remove();
+            var info = ft.pageInfo;
+            if (info.pages.length > 0) {
+
+                $nav.append('<li class="footable-page-arrow"><a data-page="prev" href="#prev">&laquo;</a></li>');
+                $.each(info.pages, function (i, page) {
+                    if (page.length > 0) {
+                        $nav.append('<li class="footable-page"><a data-page="' + i + '" href="#">' + (i + 1) + '</a></li>');
+                    }
+                });
+                $nav.append('<li class="footable-page-arrow"><a data-page="next" href="#next">&raquo;</a></li>');
+            }
+            $nav.find('a').click(function (e) {
+                e.preventDefault();
+                var page = $(this).data('page');
+                var newPage = info.currentPage;
+                if (page == 'prev') {
+                    if (newPage > 0) newPage--;
+                } else if (page == 'next') {
+                    if (newPage < info.pages.length - 1) newPage++;
+                } else {
+                    newPage = page;
+                }
+                if (info.currentPage != newPage) {
+                    p.fillPage(ft, tbody, newPage);
+                }
+                $nav.find('li').removeClass('footable-page-current');
+                $nav.find('li.footable-page > a[data-page=' + info.currentPage + ']').parent().addClass('footable-page-current');
+            });
+            $nav.find('li.footable-page > a[data-page=' + info.currentPage + ']').parent().addClass('footable-page-current');
+        };
+
+        p.fillPage = function (ft, tbody, pageNumber) {
+            ft.pageInfo.currentPage = pageNumber;
+            tbody.find('> tr').hide();
+            $(ft.pageInfo.pages[pageNumber]).each(function () {
+                p.showRow(this, ft);
+            });
+        };
+
+        p.showRow = function (row, ft) {
+            var $row = $(row), $next = $row.next(), $table = $(ft.table);
+            if ($table.hasClass('breakpoint') && $row.hasClass('footable-detail-show') && $next.hasClass('footable-row-detail')) {
+                $row.add($next).show();
+                ft.createOrUpdateDetailRow(row);
+            }
+            else $row.show();
+        };
+    };
+
+    w.footable.plugins.register(new Paginate(), defaults);
+
+})(jQuery, window);

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

@@ -0,0 +1,160 @@
+(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 (a == b) return 0;
+        if (a < b) return -1;
+        return 1;
+      },
+      numeric: function(a, b) {
+        return a - b;
+      }
+    },
+    parsers: {
+      numeric: function(cell) {
+        var val = $(cell).data('value') || $(cell).text().replace(/[^0-9.-]/g, '');
+        val = parseFloat(val);
+        if (isNaN(val)) val = 0;
+        return val;
+      }
+    },
+    classes: {
+      sort: {
+        sortable: 'footable-sortable',
+        sorted: 'footable-sorted',
+        descending: 'footable-sorted-desc',
+        indicator: 'footable-sort-indicator'
+      }
+    }
+  };
+
+  function Sortable() {
+    var p = this;
+    p.name = 'Footable Sortable';
+    p.init = function(ft) {
+      if (ft.options.sort == true) {
+        $(ft.table).bind({
+          'footable_initialized': function(e) {
+            var cls = ft.options.classes.sort, column;
+
+            var $table = $(e.ft.table), $tbody = $table.find('> tbody'), $th;
+
+            $table.find('> thead > tr:last-child > th, > thead > tr:last-child > td').each(function(ec) {
+              $th = $(this), column = e.ft.columns[$th.index()];
+              if (column.sort.ignore != true) {
+                $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).click(function(ec) {
+              $th = $(this), column = e.ft.columns[$th.index()];
+              if (column.sort.ignore == true) return true;
+              ec.preventDefault();
+
+              $table.find('> thead > tr:last-child > th, > thead > tr:last-child > td').not($th).removeClass(cls.sorted + ' ' + cls.descending);
+
+              if ($th.hasClass(cls.sorted)) {
+                p.reverse(e.ft, $tbody);
+                $th.removeClass(cls.sorted).addClass(cls.descending);
+              } else if ($th.hasClass(cls.descending)) {
+                p.reverse(e.ft, $tbody);
+                $th.removeClass(cls.descending).addClass(cls.sorted);
+              } else {
+                p.sort(e.ft, $tbody, column);
+                $th.removeClass(cls.descending).addClass(cls.sorted);
+              }
+              e.ft.bindToggleSelectors();
+              e.ft.raise('footable_sorted', { column : column });
+              return false;
+            });
+
+            var didSomeSorting = false;
+            for (var c in e.ft.columns) {
+              column = e.ft.columns[c];
+              if (column.sort.initial) {
+                p.sort(e.ft, $tbody, column);
+                didSomeSorting = true;
+                $th = $table.find('> thead > tr:last-child > th:eq(' + c + '), > thead > tr:last-child > td:eq(' + c + ')');
+
+                if (column.sort.initial == 'descending') {
+                  p.reverse(e.ft, $tbody);
+                  $th.addClass(cls.descending);
+                } else {
+                  $th.addClass(cls.sorted);
+                }
+
+                break;
+              } else if (column.sort.ignore != true) {
+
+              }
+            }
+            if (didSomeSorting) {
+              e.ft.bindToggleSelectors();
+            }
+          },
+          'footable_column_data': 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];
+          }
+        });
+      }
+    };
+    
+    p.rows = function(ft, tbody, column) {
+      var rows = [];
+      tbody.find('> tr').each(function() {
+        var $row = $(this), $next = null;
+        if ($row.hasClass('footable-row-detail')) return true;
+        if ($row.next().hasClass('footable-row-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;
+      }).remove();
+      return rows;
+    };
+
+    p.sort = function(ft, tbody, column) {
+      var rows = p.rows(ft, tbody, column);
+      var sorter = ft.options.sorters[column.type] || ft.options.sorters.alpha;
+      rows.sort(function(a, b) { return sorter(a.value, b.value); });
+      for (var j = 0; j < rows.length; j++) {
+        tbody.append(rows[j].row);
+        if (rows[j].detail != null) {
+          tbody.append(rows[j].detail);
+        }
+      }
+    };
+
+    p.reverse = function(ft, tbody) {
+      var rows = p.rows(ft, tbody);
+      for (var i = rows.length - 1; i >= 0; i--) {
+        tbody.append(rows[i].row);
+        if (rows[i].detail != null) {
+          tbody.append(rows[i].detail);
+        }
+      }
+    };
+  }
+
+  ;
+
+  w.footable.plugins.register(new Sortable(), defaults);
+
+})(jQuery, window);

data/vendor/assets/javascripts/footable.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(new MyPlugin(), defaults);
+  
+})(jQuery, window);

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

@@ -0,0 +1,116 @@
+.footable {
+	border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+  border: solid #ccc 1px;
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  font-family: 'trebuchet MS' , 'Lucida sans' , Arial;
+  font-size: 14px;
+  color: #444;
+}
+
+.footable.breakpoint > tbody > tr > td.expand {
+  background: url('img/plus.png') no-repeat 5px center;
+  padding-left: 40px;
+}
+
+.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
+  background: url('img/minus.png') no-repeat 5px center;
+}
+
+.footable.breakpoint > tbody > tr.footable-row-detail {
+  background: #eee;
+}
+
+.footable > tbody > tr:hover {
+  background: #fbf8e9;
+}
+
+.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
+  cursor: pointer;
+}
+
+.footable > tbody > tr > td, .footable > thead > tr > th {
+  border-left: 1px solid #ccc;
+  border-top: 1px solid #ccc;
+  padding: 10px;
+  text-align: left;
+}
+
+.footable > thead > tr > th, .footable > thead > tr > td {
+  background-color: #dce9f9;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
+  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
+  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+  border-top: none;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+
+.footable > thead > tr:first-child > th.footable-first-column, .footable > thead > tr:first-child > td.footable-first-column {
+  -moz-border-radius: 6px 0 0 0;
+  -webkit-border-radius: 6px 0 0 0;
+  border-radius: 6px 0 0 0;
+}
+
+.footable > thead > tr:first-child > th.footable-last-column, .footable > thead > tr:first-child > td.footable-last-column {
+  -moz-border-radius: 0 6px 0 0;
+  -webkit-border-radius: 0 6px 0 0;
+  border-radius: 0 6px 0 0;
+}
+
+.footable > thead > tr:first-child > th.footable-first-column.footable-last-column, .footable > thead > tr:first-child > td.footable-first-column.footable-last-column {
+  -moz-border-radius: 6px 6px 0 0;
+  -webkit-border-radius: 6px 6px 0 0;
+  border-radius: 6px 6px 0 0;
+}
+
+.footable > tbody > tr:last-child > td.footable-first-column {
+  -moz-border-radius: 0 0 0 6px;
+  -webkit-border-radius: 0 0 0 6px;
+  border-radius: 0 0 0 6px;
+}
+
+.footable > tbody > tr:last-child > td.footable-last-column {
+  -moz-border-radius: 0 0 6px 0;
+  -webkit-border-radius: 0 0 6px 0;
+  border-radius: 0 0 6px 0;
+}
+
+.footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {
+  -moz-border-radius: 0 0 6px 6px;
+  -webkit-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+}
+
+.footable > thead > tr > th.footable-first-column, .footable > thead > tr > td.footable-first-column,
+.footable > tbody > tr > td.footable-first-column {
+  border-left: none;
+}
+
+.footable > tbody img {
+  vertical-align:middle;
+}
+
+.footable > tfoot > tr > th, .footable > tfoot > tr > td {
+  background-color: #dce9f9;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
+  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
+  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
+  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
+  border-top: 1px solid #ccc;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+  padding: 10px;
+}

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

@@ -0,0 +1,31 @@
+tfoot.footable-pagination tr td {
+  text-align: center;
+}
+
+.footable-nav {
+	list-style: none;
+  padding: 0;
+  margin: 0;
+  display: inline-block;
+}
+
+  .footable-nav li {
+	  display: inline-block;
+  }
+
+    .footable-nav li a {
+	    display: inline-block;
+	    padding: 5px 10px;
+	    text-decoration: none;
+	    color: #0066cc;
+      font-weight: bold;
+    }
+
+  .footable-nav .footable-page-current {
+	  background: #888;
+    border-radius: 50%;
+  }
+
+    .footable-nav .footable-page-current a{
+	    color: #fff;
+    }

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

@@ -0,0 +1,24 @@
+.footable > thead > tr > th > span.footable-sort-indicator {
+  width: 16px;
+  height: 16px;
+  display: block;
+  float:right;
+  background: url('img/sorting_sprite.png') no-repeat top left;
+}
+
+.footable > thead > tr > th.footable-sortable:hover {
+  cursor:pointer;
+}
+
+.footable > thead > tr > th.footable-sortable > span {
+  
+}
+
+.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator {
+  background-position: 0 -16px;
+}
+
+.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator {
+  background-position: 0 -32px;
+}
+