IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

prettier: ran on all files again, sorry. now settings are defined in package.json

Browse Source
This commit is contained in:
Torkel Ödegaard
2017-12-21 08:39:31 +01:00
parent af34f9977e
commit 3a1f52d8a2
262 changed files with 3996 additions and 7431 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
public/app/plugins/panel/table/renderer.ts
View File

@@ -1,18 +1,12 @@
import _ from "lodash";
import moment from "moment";
import kbn from "app/core/utils/kbn";
import _ from 'lodash';
import moment from 'moment';
import kbn from 'app/core/utils/kbn';
export class TableRenderer {
formatters: any[];
colorState: any;
constructor(
private panel,
private table,
private isUtc,
private sanitize,
private templateSrv
) {
constructor(private panel, private table, private isUtc, private sanitize, private templateSrv) {
this.initColumns();
}
@@ -64,11 +58,11 @@ export class TableRenderer {
defaultCellFormatter(v, style) {
if (v === null || v === void 0 || v === undefined) {
return "";
return '';
}
if (_.isArray(v)) {
v = v.join(", ");
v = v.join(', ');
}
if (style && style.sanitize) {
@@ -83,16 +77,16 @@ export class TableRenderer {
return this.defaultCellFormatter;
}
if (column.style.type === "hidden") {
if (column.style.type === 'hidden') {
return v => {
return undefined;
};
}
if (column.style.type === "date") {
if (column.style.type === 'date') {
return v => {
if (v === undefined || v === null) {
return "-";
return '-';
}
if (_.isArray(v)) {
@@ -106,12 +100,12 @@ export class TableRenderer {
};
}
if (column.style.type === "number") {
if (column.style.type === 'number') {
let valueFormatter = kbn.valueFormats[column.unit || column.style.unit];
return v => {
if (v === null || v === void 0) {
return "-";
return '-';
}
if (_.isString(v) || _.isArray(v)) {
@@ -119,10 +113,7 @@ export class TableRenderer {
}
if (column.style.colorMode) {
this.colorState[column.style.colorMode] = this.getColorForValue(
v,
column.style
);
this.colorState[column.style.colorMode] = this.getColorForValue(v, column.style);
}
return valueFormatter(v, column.style.decimals, null);
@@ -153,13 +144,12 @@ export class TableRenderer {
value = this.formatColumnValue(columnIndex, value);
var column = this.table.columns[columnIndex];
var style = "";
var style = '';
var cellClasses = [];
var cellClass = "";
var cellClass = '';
if (this.colorState.cell) {
style =
' style="background-color:' + this.colorState.cell + ';color: white"';
style = ' style="background-color:' + this.colorState.cell + ';color: white"';
this.colorState.cell = null;
} else if (this.colorState.value) {
style = ' style="color:' + this.colorState.value + '"';
@@ -169,12 +159,9 @@ export class TableRenderer {
// because of the fixed table headers css only solution
// there is an issue if header cell is wider the cell
// this hack adds header content to cell (not visible)
var columnHtml = "";
var columnHtml = '';
if (addWidthHack) {
columnHtml =
'<div class="table-panel-width-hack">' +
this.table.columns[columnIndex].title +
"</div>";
columnHtml = '<div class="table-panel-width-hack">' + this.table.columns[columnIndex].title + '</div>';
}
if (value === undefined) {
@@ -185,22 +172,19 @@ export class TableRenderer {
}
if (column.style && column.style.preserveFormat) {
cellClasses.push("table-panel-cell-pre");
cellClasses.push('table-panel-cell-pre');
}
if (column.style && column.style.link) {
// Render cell as link
var scopedVars = this.renderRowVariables(rowIndex);
scopedVars["__cell"] = { value: value };
scopedVars['__cell'] = { value: value };
var cellLink = this.templateSrv.replace(column.style.linkUrl, scopedVars);
var cellLinkTooltip = this.templateSrv.replace(
column.style.linkTooltip,
scopedVars
);
var cellTarget = column.style.linkTargetBlank ? "_blank" : "";
var cellLinkTooltip = this.templateSrv.replace(column.style.linkTooltip, scopedVars);
var cellTarget = column.style.linkTargetBlank ? '_blank' : '';
cellClasses.push("table-panel-cell-link");
cellClasses.push('table-panel-cell-link');
columnHtml += `
<a href="${cellLink}" target="${cellTarget}" data-link-tooltip data-original-title="${cellLinkTooltip}" data-placement="right">
${value}
@@ -211,7 +195,7 @@ export class TableRenderer {
}
if (column.filterable) {
cellClasses.push("table-panel-cell-filterable");
cellClasses.push('table-panel-cell-filterable');
columnHtml += `
<a class="table-panel-filter-link" data-link-tooltip data-original-title="Filter out value" data-placement="bottom"
data-row="${rowIndex}" data-column="${columnIndex}" data-operator="!=">
@@ -224,10 +208,10 @@ export class TableRenderer {
}
if (cellClasses.length) {
cellClass = ' class="' + cellClasses.join(" ") + '"';
cellClass = ' class="' + cellClasses.join(' ') + '"';
}
columnHtml = "<td" + cellClass + style + ">" + columnHtml + "</td>";
columnHtml = '<td' + cellClass + style + '>' + columnHtml + '</td>';
return columnHtml;
}
@@ -235,23 +219,22 @@ export class TableRenderer {
let pageSize = this.panel.pageSize || 100;
let startPos = page * pageSize;
let endPos = Math.min(startPos + pageSize, this.table.rows.length);
var html = "";
var html = '';
for (var y = startPos; y < endPos; y++) {
let row = this.table.rows[y];
let cellHtml = "";
let rowStyle = "";
let cellHtml = '';
let rowStyle = '';
for (var i = 0; i < this.table.columns.length; i++) {
cellHtml += this.renderCell(i, y, row[i], y === startPos);
}
if (this.colorState.row) {
rowStyle =
' style="background-color:' + this.colorState.row + ';color: white"';
rowStyle = ' style="background-color:' + this.colorState.row + ';color: white"';
this.colorState.row = null;
}
html += "<tr " + rowStyle + ">" + cellHtml + "</tr>";
html += '<tr ' + rowStyle + '>' + cellHtml + '</tr>';
}
return html;
@@ -270,7 +253,7 @@ export class TableRenderer {
}
return {
columns: this.table.columns,
rows: rows
rows: rows,
};
}
}