Index: netlog_viewer/table_printer.js |
diff --git a/netlog_viewer/table_printer.js b/netlog_viewer/table_printer.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..062af82ff259e99a3381ffdf068063e2bfe1236d |
--- /dev/null |
+++ b/netlog_viewer/table_printer.js |
@@ -0,0 +1,290 @@ |
+// Copyright (c) 2012 The Chromium Authors. All rights reserved. |
+// Use of this source code is governed by a BSD-style license that can be |
+// found in the LICENSE file. |
+ |
+/** |
+ * TablePrinter is a helper to format a table as ASCII art or an HTML table. |
+ * |
+ * Usage: call addRow() and addCell() repeatedly to specify the data. |
+ * |
+ * addHeaderCell() can optionally be called to specify header cells for a |
+ * single header row. The header row appears at the top of an HTML formatted |
+ * table, and uses thead and th tags. In ascii tables, the header is separated |
+ * from the table body by a partial row of dashes. |
+ * |
+ * setTitle() can optionally be used to set a title that is displayed before |
+ * the header row. In HTML tables, it uses the title class and in ascii tables |
+ * it's between two rows of dashes. |
+ * |
+ * Once all the fields have been input, call toText() to format it as text or |
+ * toHTML() to format it as HTML. |
+ */ |
+var TablePrinter = (function() { |
+ 'use strict'; |
+ |
+ /** |
+ * @constructor |
+ */ |
+ function TablePrinter() { |
+ this.rows_ = []; |
+ this.hasHeaderRow_ = false; |
+ this.title_ = null; |
+ // Number of cells automatically added at the start of new rows. |
+ this.newRowCellIndent_ = 0; |
+ } |
+ |
+ TablePrinter.prototype = { |
+ /** |
+ * Sets the number of blank cells to add after each call to addRow. |
+ */ |
+ setNewRowCellIndent: function(newRowCellIndent) { |
+ this.newRowCellIndent_ = newRowCellIndent; |
+ }, |
+ |
+ /** |
+ * Starts a new row. |
+ */ |
+ addRow: function() { |
+ this.rows_.push([]); |
+ for (var i = 0; i < this.newRowCellIndent_; ++i) |
+ this.addCell(''); |
+ }, |
+ |
+ /** |
+ * Adds a column to the current row, setting its value to cellText. |
+ * |
+ * @return {!TablePrinterCell} the cell that was added. |
+ */ |
+ addCell: function(cellText) { |
+ var r = this.rows_[this.rows_.length - 1]; |
+ var cell = new TablePrinterCell(cellText); |
+ r.push(cell); |
+ return cell; |
+ }, |
+ |
+ /** |
+ * Sets the title displayed at the top of a table. Titles are optional. |
+ */ |
+ setTitle: function(title) { |
+ this.title_ = title; |
+ }, |
+ |
+ /** |
+ * Adds a header row, if not already present, and adds a new column to it, |
+ * setting its contents to |headerText|. |
+ * |
+ * @return {!TablePrinterCell} the cell that was added. |
+ */ |
+ addHeaderCell: function(headerText) { |
+ // Insert empty new row at start of |rows_| if currently no header row. |
+ if (!this.hasHeaderRow_) { |
+ this.rows_.splice(0, 0, []); |
+ this.hasHeaderRow_ = true; |
+ } |
+ var cell = new TablePrinterCell(headerText); |
+ this.rows_[0].push(cell); |
+ return cell; |
+ }, |
+ |
+ /** |
+ * Returns the maximum number of columns this table contains. |
+ */ |
+ getNumColumns: function() { |
+ var numColumns = 0; |
+ for (var i = 0; i < this.rows_.length; ++i) { |
+ numColumns = Math.max(numColumns, this.rows_[i].length); |
+ } |
+ return numColumns; |
+ }, |
+ |
+ /** |
+ * Returns the cell at position (rowIndex, columnIndex), or null if there is |
+ * no such cell. |
+ */ |
+ getCell_: function(rowIndex, columnIndex) { |
+ if (rowIndex >= this.rows_.length) |
+ return null; |
+ var row = this.rows_[rowIndex]; |
+ if (columnIndex >= row.length) |
+ return null; |
+ return row[columnIndex]; |
+ }, |
+ |
+ /** |
+ * Returns true if searchString can be found entirely within a cell. |
+ * Case insensitive. |
+ * |
+ * @param {string} string String to search for, must be lowercase. |
+ * @return {boolean} True if some cell contains searchString. |
+ */ |
+ search: function(searchString) { |
+ var numColumns = this.getNumColumns(); |
+ for (var r = 0; r < this.rows_.length; ++r) { |
+ for (var c = 0; c < numColumns; ++c) { |
+ var cell = this.getCell_(r, c); |
+ if (!cell) |
+ continue; |
+ if (cell.text.toLowerCase().indexOf(searchString) != -1) |
+ return true; |
+ } |
+ } |
+ return false; |
+ }, |
+ |
+ /** |
+ * Prints a formatted text representation of the table data to the |
+ * node |parent|. |spacing| indicates number of extra spaces, if any, |
+ * to add between columns. |
+ */ |
+ toText: function(spacing, parent) { |
+ var pre = addNode(parent, 'pre'); |
+ var numColumns = this.getNumColumns(); |
+ |
+ // Figure out the maximum width of each column. |
+ var columnWidths = []; |
+ columnWidths.length = numColumns; |
+ for (var i = 0; i < numColumns; ++i) |
+ columnWidths[i] = 0; |
+ |
+ // If header row is present, temporarily add a spacer row to |rows_|. |
+ if (this.hasHeaderRow_) { |
+ var headerSpacerRow = []; |
+ for (var c = 0; c < numColumns; ++c) { |
+ var cell = this.getCell_(0, c); |
+ if (!cell) |
+ continue; |
+ var spacerStr = makeRepeatedString('-', cell.text.length); |
+ headerSpacerRow.push(new TablePrinterCell(spacerStr)); |
+ } |
+ this.rows_.splice(1, 0, headerSpacerRow); |
+ } |
+ |
+ var numRows = this.rows_.length; |
+ for (var c = 0; c < numColumns; ++c) { |
+ for (var r = 0; r < numRows; ++r) { |
+ var cell = this.getCell_(r, c); |
+ if (cell && !cell.allowOverflow) { |
+ columnWidths[c] = Math.max(columnWidths[c], cell.text.length); |
+ } |
+ } |
+ } |
+ |
+ var out = []; |
+ |
+ // Print title, if present. |
+ if (this.title_) { |
+ var titleSpacerStr = makeRepeatedString('-', this.title_.length); |
+ out.push(titleSpacerStr); |
+ out.push('\n'); |
+ out.push(this.title_); |
+ out.push('\n'); |
+ out.push(titleSpacerStr); |
+ out.push('\n'); |
+ } |
+ |
+ // Print each row. |
+ var spacingStr = makeRepeatedString(' ', spacing); |
+ for (var r = 0; r < numRows; ++r) { |
+ for (var c = 0; c < numColumns; ++c) { |
+ var cell = this.getCell_(r, c); |
+ if (cell) { |
+ // Pad the cell with spaces to make it fit the maximum column width. |
+ var padding = columnWidths[c] - cell.text.length; |
+ var paddingStr = makeRepeatedString(' ', padding); |
+ |
+ if (cell.alignRight) |
+ out.push(paddingStr); |
+ if (cell.link) { |
+ // Output all previous text, and clear |out|. |
+ addTextNode(pre, out.join('')); |
+ out = []; |
+ |
+ var linkNode = addNodeWithText(pre, 'a', cell.text); |
+ linkNode.href = cell.link; |
+ } else { |
+ out.push(cell.text); |
+ } |
+ if (!cell.alignRight) |
+ out.push(paddingStr); |
+ out.push(spacingStr); |
+ } |
+ } |
+ out.push('\n'); |
+ } |
+ |
+ // Remove spacer row under the header row, if one was added. |
+ if (this.hasHeaderRow_) |
+ this.rows_.splice(1, 1); |
+ |
+ addTextNode(pre, out.join('')); |
+ }, |
+ |
+ /** |
+ * Adds a new HTML table to the node |parent| using the specified style. |
+ */ |
+ toHTML: function(parent, style) { |
+ var numRows = this.rows_.length; |
+ var numColumns = this.getNumColumns(); |
+ |
+ var table = addNode(parent, 'table'); |
+ table.setAttribute('class', style); |
+ |
+ var thead = addNode(table, 'thead'); |
+ var tbody = addNode(table, 'tbody'); |
+ |
+ // Add title, if needed. |
+ if (this.title_) { |
+ var tableTitleRow = addNode(thead, 'tr'); |
+ var tableTitle = addNodeWithText(tableTitleRow, 'th', this.title_); |
+ tableTitle.colSpan = numColumns; |
+ tableTitle.classList.add('title'); |
+ } |
+ |
+ // Fill table body, adding header row first, if needed. |
+ for (var r = 0; r < numRows; ++r) { |
+ var cellType; |
+ var row; |
+ if (r == 0 && this.hasHeaderRow_) { |
+ row = addNode(thead, 'tr'); |
+ cellType = 'th'; |
+ } else { |
+ row = addNode(tbody, 'tr'); |
+ cellType = 'td'; |
+ } |
+ for (var c = 0; c < numColumns; ++c) { |
+ var cell = this.getCell_(r, c); |
+ if (cell) { |
+ var tableCell = addNode(row, cellType, cell.text); |
+ if (cell.alignRight) |
+ tableCell.alignRight = true; |
+ // If allowing overflow on the rightmost cell of a row, |
+ // make the cell span the rest of the columns. Otherwise, |
+ // ignore the flag. |
+ if (cell.allowOverflow && !this.getCell_(r, c + 1)) |
+ tableCell.colSpan = numColumns - c; |
+ if (cell.link) { |
+ var linkNode = addNodeWithText(tableCell, 'a', cell.text); |
+ linkNode.href = cell.link; |
+ } else { |
+ addTextNode(tableCell, cell.text); |
+ } |
+ } |
+ } |
+ } |
+ return table; |
+ } |
+ }; |
+ |
+ /** |
+ * Links are only used in HTML tables. |
+ */ |
+ function TablePrinterCell(value) { |
+ this.text = '' + value; |
+ this.link = null; |
+ this.alignRight = false; |
+ this.allowOverflow = false; |
+ } |
+ |
+ return TablePrinter; |
+})(); |
+ |