Primer Commit
This commit is contained in:
148
assets/libs/tablesaw/dist/stackonly/tablesaw.stackonly.css
vendored
Normal file
148
assets/libs/tablesaw/dist/stackonly/tablesaw.stackonly.css
vendored
Normal file
@@ -0,0 +1,148 @@
|
||||
/*! Tablesaw - v3.1.2 - 2019-03-19
|
||||
* https://github.com/filamentgroup/tablesaw
|
||||
* Copyright (c) 2019 Filament Group; Licensed MIT */
|
||||
|
||||
.tablesaw {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
empty-cells: show;
|
||||
border-collapse: collapse;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tablesaw * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.tablesaw-stack td .tablesaw-cell-label,
|
||||
.tablesaw-stack th .tablesaw-cell-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
|
||||
|
||||
/* Support note IE9+: @media only all */
|
||||
|
||||
@media only all {
|
||||
/* Show the table cells as a block level element */
|
||||
|
||||
.tablesaw-stack {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tablesaw-stack td,
|
||||
.tablesaw-stack th {
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tablesaw-stack tr {
|
||||
clear: both;
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
/* Make the label elements a percentage width */
|
||||
|
||||
.tablesaw-stack td .tablesaw-cell-label,
|
||||
.tablesaw-stack th .tablesaw-cell-label {
|
||||
display: inline-block;
|
||||
padding: 0 .6em 0 0;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
|
||||
|
||||
.tablesaw-stack th .tablesaw-cell-label-top,
|
||||
.tablesaw-stack td .tablesaw-cell-label-top {
|
||||
display: block;
|
||||
padding: .4em 0;
|
||||
margin: .4em 0;
|
||||
}
|
||||
|
||||
.tablesaw-cell-label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Avoid double strokes when stacked */
|
||||
|
||||
.tablesaw-stack tbody th.group {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
/* Avoid double strokes when stacked */
|
||||
|
||||
.tablesaw-stack th.group b.tablesaw-cell-label {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 39.9375em) {
|
||||
/* Table rows have a gray bottom stroke by default */
|
||||
|
||||
.tablesaw-stack tbody tr {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
.tablesaw-stack thead td,
|
||||
.tablesaw-stack thead th {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tablesaw-stack tbody td,
|
||||
.tablesaw-stack tbody th {
|
||||
display: block;
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tablesaw-cell-label {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tablesaw-cell-content {
|
||||
display: inline-block;
|
||||
max-width: 67%;
|
||||
}
|
||||
|
||||
.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
|
||||
.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tablesaw-stack td:empty,
|
||||
.tablesaw-stack th:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
|
||||
|
||||
@media (min-width: 40em) {
|
||||
.tablesaw-stack tr {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
/* Show the table header rows */
|
||||
|
||||
.tablesaw-stack td,
|
||||
.tablesaw-stack th,
|
||||
.tablesaw-stack thead td,
|
||||
.tablesaw-stack thead th {
|
||||
display: table-cell;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Hide the labels in each cell */
|
||||
|
||||
.tablesaw-stack td .tablesaw-cell-label,
|
||||
.tablesaw-stack th .tablesaw-cell-label {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
670
assets/libs/tablesaw/dist/stackonly/tablesaw.stackonly.jquery.js
vendored
Normal file
670
assets/libs/tablesaw/dist/stackonly/tablesaw.stackonly.jquery.js
vendored
Normal file
@@ -0,0 +1,670 @@
|
||||
/*! Tablesaw - v3.1.2 - 2019-03-19
|
||||
* https://github.com/filamentgroup/tablesaw
|
||||
* Copyright (c) 2019 Filament Group; Licensed MIT */
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(["jquery"], function (jQuery) {
|
||||
return (root.Tablesaw = factory(jQuery, root));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
if( "document" in root ) {
|
||||
module.exports = factory(require('jquery'), root);
|
||||
} else {
|
||||
// special jQuery case for CommonJS (pass in a window)
|
||||
module.exports = factory(require('jquery')(root), root);
|
||||
}
|
||||
} else {
|
||||
root.Tablesaw = factory(jQuery, root);
|
||||
}
|
||||
}(typeof window !== "undefined" ? window : this, function ($, window) {
|
||||
"use strict";
|
||||
|
||||
var document = window.document;
|
||||
|
||||
// Account for Tablesaw being loaded either before or after the DOMContentLoaded event is fired.
|
||||
var domContentLoadedTriggered = /complete|loaded/.test(document.readyState);
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
domContentLoadedTriggered = true;
|
||||
});
|
||||
|
||||
var Tablesaw = {
|
||||
i18n: {
|
||||
modeStack: "Stack",
|
||||
modeSwipe: "Swipe",
|
||||
modeToggle: "Toggle",
|
||||
modeSwitchColumnsAbbreviated: "Cols",
|
||||
modeSwitchColumns: "Columns",
|
||||
columnToggleButton: "Columns",
|
||||
columnToggleError: "No eligible columns.",
|
||||
sort: "Sort",
|
||||
swipePreviousColumn: "Previous column",
|
||||
swipeNextColumn: "Next column"
|
||||
},
|
||||
// cut the mustard
|
||||
mustard:
|
||||
"head" in document && // IE9+, Firefox 4+, Safari 5.1+, Mobile Safari 4.1+, Opera 11.5+, Android 2.3+
|
||||
(!window.blackberry || window.WebKitPoint) && // only WebKit Blackberry (OS 6+)
|
||||
!window.operamini,
|
||||
$: $,
|
||||
_init: function(element) {
|
||||
Tablesaw.$(element || document).trigger("enhance.tablesaw");
|
||||
},
|
||||
init: function(element) {
|
||||
// Account for Tablesaw being loaded either before or after the DOMContentLoaded event is fired.
|
||||
domContentLoadedTriggered =
|
||||
domContentLoadedTriggered || /complete|loaded/.test(document.readyState);
|
||||
if (!domContentLoadedTriggered) {
|
||||
if ("addEventListener" in document) {
|
||||
// Use raw DOMContentLoaded instead of shoestring (may have issues in Android 2.3, exhibited by stack table)
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
Tablesaw._init(element);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
Tablesaw._init(element);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(document).on("enhance.tablesaw", function() {
|
||||
// Extend i18n config, if one exists.
|
||||
if (typeof TablesawConfig !== "undefined" && TablesawConfig.i18n) {
|
||||
Tablesaw.i18n = $.extend(Tablesaw.i18n, TablesawConfig.i18n || {});
|
||||
}
|
||||
|
||||
Tablesaw.i18n.modes = [
|
||||
Tablesaw.i18n.modeStack,
|
||||
Tablesaw.i18n.modeSwipe,
|
||||
Tablesaw.i18n.modeToggle
|
||||
];
|
||||
});
|
||||
|
||||
if (Tablesaw.mustard) {
|
||||
$(document.documentElement).addClass("tablesaw-enhanced");
|
||||
}
|
||||
|
||||
(function() {
|
||||
var pluginName = "tablesaw";
|
||||
var classes = {
|
||||
toolbar: "tablesaw-bar"
|
||||
};
|
||||
var events = {
|
||||
create: "tablesawcreate",
|
||||
destroy: "tablesawdestroy",
|
||||
refresh: "tablesawrefresh",
|
||||
resize: "tablesawresize"
|
||||
};
|
||||
var defaultMode = "stack";
|
||||
var initSelector = "table";
|
||||
var initFilterSelector = "[data-tablesaw],[data-tablesaw-mode],[data-tablesaw-sortable]";
|
||||
var defaultConfig = {};
|
||||
|
||||
Tablesaw.events = events;
|
||||
|
||||
var Table = function(element) {
|
||||
if (!element) {
|
||||
throw new Error("Tablesaw requires an element.");
|
||||
}
|
||||
|
||||
this.table = element;
|
||||
this.$table = $(element);
|
||||
|
||||
// only one <thead> and <tfoot> are allowed, per the specification
|
||||
this.$thead = this.$table
|
||||
.children()
|
||||
.filter("thead")
|
||||
.eq(0);
|
||||
|
||||
// multiple <tbody> are allowed, per the specification
|
||||
this.$tbody = this.$table.children().filter("tbody");
|
||||
|
||||
this.mode = this.$table.attr("data-tablesaw-mode") || defaultMode;
|
||||
|
||||
this.$toolbar = null;
|
||||
|
||||
this.attributes = {
|
||||
subrow: "data-tablesaw-subrow",
|
||||
ignorerow: "data-tablesaw-ignorerow"
|
||||
};
|
||||
|
||||
this.init();
|
||||
};
|
||||
|
||||
Table.prototype.init = function() {
|
||||
if (!this.$thead.length) {
|
||||
throw new Error("tablesaw: a <thead> is required, but none was found.");
|
||||
}
|
||||
|
||||
if (!this.$thead.find("th").length) {
|
||||
throw new Error("tablesaw: no header cells found. Are you using <th> inside of <thead>?");
|
||||
}
|
||||
|
||||
// assign an id if there is none
|
||||
if (!this.$table.attr("id")) {
|
||||
this.$table.attr("id", pluginName + "-" + Math.round(Math.random() * 10000));
|
||||
}
|
||||
|
||||
this.createToolbar();
|
||||
|
||||
this._initCells();
|
||||
|
||||
this.$table.data(pluginName, this);
|
||||
|
||||
this.$table.trigger(events.create, [this]);
|
||||
};
|
||||
|
||||
Table.prototype.getConfig = function(pluginSpecificConfig) {
|
||||
// shoestring extend doesn’t support arbitrary args
|
||||
var configs = $.extend(defaultConfig, pluginSpecificConfig || {});
|
||||
return $.extend(configs, typeof TablesawConfig !== "undefined" ? TablesawConfig : {});
|
||||
};
|
||||
|
||||
Table.prototype._getPrimaryHeaderRow = function() {
|
||||
return this._getHeaderRows().eq(0);
|
||||
};
|
||||
|
||||
Table.prototype._getHeaderRows = function() {
|
||||
return this.$thead
|
||||
.children()
|
||||
.filter("tr")
|
||||
.filter(function() {
|
||||
return !$(this).is("[data-tablesaw-ignorerow]");
|
||||
});
|
||||
};
|
||||
|
||||
Table.prototype._getRowIndex = function($row) {
|
||||
return $row.prevAll().length;
|
||||
};
|
||||
|
||||
Table.prototype._getHeaderRowIndeces = function() {
|
||||
var self = this;
|
||||
var indeces = [];
|
||||
this._getHeaderRows().each(function() {
|
||||
indeces.push(self._getRowIndex($(this)));
|
||||
});
|
||||
return indeces;
|
||||
};
|
||||
|
||||
Table.prototype._getPrimaryHeaderCells = function($row) {
|
||||
return ($row || this._getPrimaryHeaderRow()).find("th");
|
||||
};
|
||||
|
||||
Table.prototype._$getCells = function(th) {
|
||||
var self = this;
|
||||
return $(th)
|
||||
.add(th.cells)
|
||||
.filter(function() {
|
||||
var $t = $(this);
|
||||
var $row = $t.parent();
|
||||
var hasColspan = $t.is("[colspan]");
|
||||
// no subrows or ignored rows (keep cells in ignored rows that do not have a colspan)
|
||||
return (
|
||||
!$row.is("[" + self.attributes.subrow + "]") &&
|
||||
(!$row.is("[" + self.attributes.ignorerow + "]") || !hasColspan)
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
Table.prototype._getVisibleColspan = function() {
|
||||
var colspan = 0;
|
||||
this._getPrimaryHeaderCells().each(function() {
|
||||
var $t = $(this);
|
||||
if ($t.css("display") !== "none") {
|
||||
colspan += parseInt($t.attr("colspan"), 10) || 1;
|
||||
}
|
||||
});
|
||||
return colspan;
|
||||
};
|
||||
|
||||
Table.prototype.getColspanForCell = function($cell) {
|
||||
var visibleColspan = this._getVisibleColspan();
|
||||
var visibleSiblingColumns = 0;
|
||||
if ($cell.closest("tr").data("tablesaw-rowspanned")) {
|
||||
visibleSiblingColumns++;
|
||||
}
|
||||
|
||||
$cell.siblings().each(function() {
|
||||
var $t = $(this);
|
||||
var colColspan = parseInt($t.attr("colspan"), 10) || 1;
|
||||
|
||||
if ($t.css("display") !== "none") {
|
||||
visibleSiblingColumns += colColspan;
|
||||
}
|
||||
});
|
||||
// console.log( $cell[ 0 ], visibleColspan, visibleSiblingColumns );
|
||||
|
||||
return visibleColspan - visibleSiblingColumns;
|
||||
};
|
||||
|
||||
Table.prototype.isCellInColumn = function(header, cell) {
|
||||
return $(header)
|
||||
.add(header.cells)
|
||||
.filter(function() {
|
||||
return this === cell;
|
||||
}).length;
|
||||
};
|
||||
|
||||
Table.prototype.updateColspanCells = function(cls, header, userAction) {
|
||||
var self = this;
|
||||
var primaryHeaderRow = self._getPrimaryHeaderRow();
|
||||
|
||||
// find persistent column rowspans
|
||||
this.$table.find("[rowspan][data-tablesaw-priority]").each(function() {
|
||||
var $t = $(this);
|
||||
if ($t.attr("data-tablesaw-priority") !== "persist") {
|
||||
return;
|
||||
}
|
||||
|
||||
var $row = $t.closest("tr");
|
||||
var rowspan = parseInt($t.attr("rowspan"), 10);
|
||||
if (rowspan > 1) {
|
||||
$row = $row.next();
|
||||
|
||||
$row.data("tablesaw-rowspanned", true);
|
||||
|
||||
rowspan--;
|
||||
}
|
||||
});
|
||||
|
||||
this.$table
|
||||
.find("[colspan],[data-tablesaw-maxcolspan]")
|
||||
.filter(function() {
|
||||
// is not in primary header row
|
||||
return $(this).closest("tr")[0] !== primaryHeaderRow[0];
|
||||
})
|
||||
.each(function() {
|
||||
var $cell = $(this);
|
||||
|
||||
if (userAction === undefined || self.isCellInColumn(header, this)) {
|
||||
} else {
|
||||
// if is not a user action AND the cell is not in the updating column, kill it
|
||||
return;
|
||||
}
|
||||
|
||||
var colspan = self.getColspanForCell($cell);
|
||||
|
||||
if (cls && userAction !== undefined) {
|
||||
// console.log( colspan === 0 ? "addClass" : "removeClass", $cell );
|
||||
$cell[colspan === 0 ? "addClass" : "removeClass"](cls);
|
||||
}
|
||||
|
||||
// cache original colspan
|
||||
var maxColspan = parseInt($cell.attr("data-tablesaw-maxcolspan"), 10);
|
||||
if (!maxColspan) {
|
||||
$cell.attr("data-tablesaw-maxcolspan", $cell.attr("colspan"));
|
||||
} else if (colspan > maxColspan) {
|
||||
colspan = maxColspan;
|
||||
}
|
||||
|
||||
// console.log( this, "setting colspan to ", colspan );
|
||||
$cell.attr("colspan", colspan);
|
||||
});
|
||||
};
|
||||
|
||||
Table.prototype._findPrimaryHeadersForCell = function(cell) {
|
||||
var $headerRow = this._getPrimaryHeaderRow();
|
||||
var headerRowIndex = this._getRowIndex($headerRow);
|
||||
var results = [];
|
||||
|
||||
for (var rowNumber = 0; rowNumber < this.headerMapping.length; rowNumber++) {
|
||||
if (rowNumber === headerRowIndex) {
|
||||
continue;
|
||||
}
|
||||
|
||||
for (var colNumber = 0; colNumber < this.headerMapping[rowNumber].length; colNumber++) {
|
||||
if (this.headerMapping[rowNumber][colNumber] === cell) {
|
||||
results.push(this.headerMapping[headerRowIndex][colNumber]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return results;
|
||||
};
|
||||
|
||||
// used by init cells
|
||||
Table.prototype.getRows = function() {
|
||||
var self = this;
|
||||
return this.$table.find("tr").filter(function() {
|
||||
return $(this)
|
||||
.closest("table")
|
||||
.is(self.$table);
|
||||
});
|
||||
};
|
||||
|
||||
// used by sortable
|
||||
Table.prototype.getBodyRows = function(tbody) {
|
||||
return (tbody ? $(tbody) : this.$tbody).children().filter("tr");
|
||||
};
|
||||
|
||||
Table.prototype.getHeaderCellIndex = function(cell) {
|
||||
var lookup = this.headerMapping[0];
|
||||
for (var colIndex = 0; colIndex < lookup.length; colIndex++) {
|
||||
if (lookup[colIndex] === cell) {
|
||||
return colIndex;
|
||||
}
|
||||
}
|
||||
|
||||
return -1;
|
||||
};
|
||||
|
||||
Table.prototype._initCells = function() {
|
||||
// re-establish original colspans
|
||||
this.$table.find("[data-tablesaw-maxcolspan]").each(function() {
|
||||
var $t = $(this);
|
||||
$t.attr("colspan", $t.attr("data-tablesaw-maxcolspan"));
|
||||
});
|
||||
|
||||
var $rows = this.getRows();
|
||||
var columnLookup = [];
|
||||
|
||||
$rows.each(function(rowNumber) {
|
||||
columnLookup[rowNumber] = [];
|
||||
});
|
||||
|
||||
$rows.each(function(rowNumber) {
|
||||
var coltally = 0;
|
||||
var $t = $(this);
|
||||
var children = $t.children();
|
||||
|
||||
children.each(function() {
|
||||
var colspan = parseInt(
|
||||
this.getAttribute("data-tablesaw-maxcolspan") || this.getAttribute("colspan"),
|
||||
10
|
||||
);
|
||||
var rowspan = parseInt(this.getAttribute("rowspan"), 10);
|
||||
|
||||
// set in a previous rowspan
|
||||
while (columnLookup[rowNumber][coltally]) {
|
||||
coltally++;
|
||||
}
|
||||
|
||||
columnLookup[rowNumber][coltally] = this;
|
||||
|
||||
// TODO? both colspan and rowspan
|
||||
if (colspan) {
|
||||
for (var k = 0; k < colspan - 1; k++) {
|
||||
coltally++;
|
||||
columnLookup[rowNumber][coltally] = this;
|
||||
}
|
||||
}
|
||||
if (rowspan) {
|
||||
for (var j = 1; j < rowspan; j++) {
|
||||
columnLookup[rowNumber + j][coltally] = this;
|
||||
}
|
||||
}
|
||||
|
||||
coltally++;
|
||||
});
|
||||
});
|
||||
|
||||
var headerRowIndeces = this._getHeaderRowIndeces();
|
||||
for (var colNumber = 0; colNumber < columnLookup[0].length; colNumber++) {
|
||||
for (var headerIndex = 0, k = headerRowIndeces.length; headerIndex < k; headerIndex++) {
|
||||
var headerCol = columnLookup[headerRowIndeces[headerIndex]][colNumber];
|
||||
|
||||
var rowNumber = headerRowIndeces[headerIndex];
|
||||
var rowCell;
|
||||
|
||||
if (!headerCol.cells) {
|
||||
headerCol.cells = [];
|
||||
}
|
||||
|
||||
while (rowNumber < columnLookup.length) {
|
||||
rowCell = columnLookup[rowNumber][colNumber];
|
||||
|
||||
if (headerCol !== rowCell) {
|
||||
headerCol.cells.push(rowCell);
|
||||
}
|
||||
|
||||
rowNumber++;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.headerMapping = columnLookup;
|
||||
};
|
||||
|
||||
Table.prototype.refresh = function() {
|
||||
this._initCells();
|
||||
|
||||
this.$table.trigger(events.refresh, [this]);
|
||||
};
|
||||
|
||||
Table.prototype._getToolbarAnchor = function() {
|
||||
var $parent = this.$table.parent();
|
||||
if ($parent.is(".tablesaw-overflow")) {
|
||||
return $parent;
|
||||
}
|
||||
return this.$table;
|
||||
};
|
||||
|
||||
Table.prototype._getToolbar = function($anchor) {
|
||||
if (!$anchor) {
|
||||
$anchor = this._getToolbarAnchor();
|
||||
}
|
||||
return $anchor.prev().filter("." + classes.toolbar);
|
||||
};
|
||||
|
||||
Table.prototype.createToolbar = function() {
|
||||
// Insert the toolbar
|
||||
// TODO move this into a separate component
|
||||
var $anchor = this._getToolbarAnchor();
|
||||
var $toolbar = this._getToolbar($anchor);
|
||||
if (!$toolbar.length) {
|
||||
$toolbar = $("<div>")
|
||||
.addClass(classes.toolbar)
|
||||
.insertBefore($anchor);
|
||||
}
|
||||
this.$toolbar = $toolbar;
|
||||
|
||||
if (this.mode) {
|
||||
this.$toolbar.addClass("tablesaw-mode-" + this.mode);
|
||||
}
|
||||
};
|
||||
|
||||
Table.prototype.destroy = function() {
|
||||
// Don’t remove the toolbar, just erase the classes on it.
|
||||
// Some of the table features are not yet destroy-friendly.
|
||||
this._getToolbar().each(function() {
|
||||
this.className = this.className.replace(/\btablesaw-mode\-\w*\b/gi, "");
|
||||
});
|
||||
|
||||
var tableId = this.$table.attr("id");
|
||||
$(document).off("." + tableId);
|
||||
$(window).off("." + tableId);
|
||||
|
||||
// other plugins
|
||||
this.$table.trigger(events.destroy, [this]);
|
||||
|
||||
this.$table.removeData(pluginName);
|
||||
};
|
||||
|
||||
// Collection method.
|
||||
$.fn[pluginName] = function() {
|
||||
return this.each(function() {
|
||||
var $t = $(this);
|
||||
|
||||
if ($t.data(pluginName)) {
|
||||
return;
|
||||
}
|
||||
|
||||
new Table(this);
|
||||
});
|
||||
};
|
||||
|
||||
var $doc = $(document);
|
||||
$doc.on("enhance.tablesaw", function(e) {
|
||||
// Cut the mustard
|
||||
if (Tablesaw.mustard) {
|
||||
var $target = $(e.target);
|
||||
if ($target.parent().length) {
|
||||
$target = $target.parent();
|
||||
}
|
||||
|
||||
$target
|
||||
.find(initSelector)
|
||||
.filter(initFilterSelector)
|
||||
[pluginName]();
|
||||
}
|
||||
});
|
||||
|
||||
// Avoid a resize during scroll:
|
||||
// Some Mobile devices trigger a resize during scroll (sometimes when
|
||||
// doing elastic stretch at the end of the document or from the
|
||||
// location bar hide)
|
||||
var isScrolling = false;
|
||||
var scrollTimeout;
|
||||
$doc.on("scroll.tablesaw", function() {
|
||||
isScrolling = true;
|
||||
|
||||
window.clearTimeout(scrollTimeout);
|
||||
scrollTimeout = window.setTimeout(function() {
|
||||
isScrolling = false;
|
||||
}, 300); // must be greater than the resize timeout below
|
||||
});
|
||||
|
||||
var resizeTimeout;
|
||||
$(window).on("resize", function() {
|
||||
if (!isScrolling) {
|
||||
window.clearTimeout(resizeTimeout);
|
||||
resizeTimeout = window.setTimeout(function() {
|
||||
$doc.trigger(events.resize);
|
||||
}, 150); // must be less than the scrolling timeout above.
|
||||
}
|
||||
});
|
||||
|
||||
Tablesaw.Table = Table;
|
||||
})();
|
||||
|
||||
(function() {
|
||||
var classes = {
|
||||
stackTable: "tablesaw-stack",
|
||||
cellLabels: "tablesaw-cell-label",
|
||||
cellContentLabels: "tablesaw-cell-content"
|
||||
};
|
||||
|
||||
var data = {
|
||||
key: "tablesaw-stack"
|
||||
};
|
||||
|
||||
var attrs = {
|
||||
labelless: "data-tablesaw-no-labels",
|
||||
hideempty: "data-tablesaw-hide-empty"
|
||||
};
|
||||
|
||||
var Stack = function(element, tablesaw) {
|
||||
this.tablesaw = tablesaw;
|
||||
this.$table = $(element);
|
||||
|
||||
this.labelless = this.$table.is("[" + attrs.labelless + "]");
|
||||
this.hideempty = this.$table.is("[" + attrs.hideempty + "]");
|
||||
|
||||
this.$table.data(data.key, this);
|
||||
};
|
||||
|
||||
Stack.prototype.init = function() {
|
||||
this.$table.addClass(classes.stackTable);
|
||||
|
||||
if (this.labelless) {
|
||||
return;
|
||||
}
|
||||
|
||||
var self = this;
|
||||
|
||||
this.$table
|
||||
.find("th, td")
|
||||
.filter(function() {
|
||||
return !$(this).closest("thead").length;
|
||||
})
|
||||
.filter(function() {
|
||||
return (
|
||||
!$(this).is("[" + attrs.labelless + "]") &&
|
||||
!$(this)
|
||||
.closest("tr")
|
||||
.is("[" + attrs.labelless + "]") &&
|
||||
(!self.hideempty || !!$(this).html())
|
||||
);
|
||||
})
|
||||
.each(function() {
|
||||
var $newHeader = $(document.createElement("b")).addClass(classes.cellLabels);
|
||||
var $cell = $(this);
|
||||
|
||||
$(self.tablesaw._findPrimaryHeadersForCell(this)).each(function(index) {
|
||||
var $header = $(this.cloneNode(true));
|
||||
// TODO decouple from sortable better
|
||||
// Changed from .text() in https://github.com/filamentgroup/tablesaw/commit/b9c12a8f893ec192830ec3ba2d75f062642f935b
|
||||
// to preserve structural html in headers, like <a>
|
||||
var $sortableButton = $header.find(".tablesaw-sortable-btn");
|
||||
$header.find(".tablesaw-sortable-arrow").remove();
|
||||
|
||||
// TODO decouple from checkall better
|
||||
var $checkall = $header.find("[data-tablesaw-checkall]");
|
||||
$checkall.closest("label").remove();
|
||||
if ($checkall.length) {
|
||||
$newHeader = $([]);
|
||||
return;
|
||||
}
|
||||
|
||||
if (index > 0) {
|
||||
$newHeader.append(document.createTextNode(", "));
|
||||
}
|
||||
|
||||
var parentNode = $sortableButton.length ? $sortableButton[0] : $header[0];
|
||||
var el;
|
||||
while ((el = parentNode.firstChild)) {
|
||||
$newHeader[0].appendChild(el);
|
||||
}
|
||||
});
|
||||
|
||||
if ($newHeader.length && !$cell.find("." + classes.cellContentLabels).length) {
|
||||
$cell.wrapInner("<span class='" + classes.cellContentLabels + "'></span>");
|
||||
}
|
||||
|
||||
// Update if already exists.
|
||||
var $label = $cell.find("." + classes.cellLabels);
|
||||
if (!$label.length) {
|
||||
$cell.prepend(document.createTextNode(" "));
|
||||
$cell.prepend($newHeader);
|
||||
} else {
|
||||
// only if changed
|
||||
$label.replaceWith($newHeader);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Stack.prototype.destroy = function() {
|
||||
this.$table.removeClass(classes.stackTable);
|
||||
this.$table.find("." + classes.cellLabels).remove();
|
||||
this.$table.find("." + classes.cellContentLabels).each(function() {
|
||||
$(this).replaceWith($(this.childNodes));
|
||||
});
|
||||
};
|
||||
|
||||
// on tablecreate, init
|
||||
$(document)
|
||||
.on(Tablesaw.events.create, function(e, tablesaw) {
|
||||
if (tablesaw.mode === "stack") {
|
||||
var table = new Stack(tablesaw.table, tablesaw);
|
||||
table.init();
|
||||
}
|
||||
})
|
||||
.on(Tablesaw.events.refresh, function(e, tablesaw) {
|
||||
if (tablesaw.mode === "stack") {
|
||||
$(tablesaw.table)
|
||||
.data(data.key)
|
||||
.init();
|
||||
}
|
||||
})
|
||||
.on(Tablesaw.events.destroy, function(e, tablesaw) {
|
||||
if (tablesaw.mode === "stack") {
|
||||
$(tablesaw.table)
|
||||
.data(data.key)
|
||||
.destroy();
|
||||
}
|
||||
});
|
||||
|
||||
Tablesaw.Stack = Stack;
|
||||
})();
|
||||
|
||||
return Tablesaw;
|
||||
}));
|
||||
2371
assets/libs/tablesaw/dist/stackonly/tablesaw.stackonly.js
vendored
Normal file
2371
assets/libs/tablesaw/dist/stackonly/tablesaw.stackonly.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user