diff --git a/shared/admin/css/admin.css b/shared/admin/css/admin.css index cfd445e88d..aaab04c9b2 100644 --- a/shared/admin/css/admin.css +++ b/shared/admin/css/admin.css @@ -33,6 +33,12 @@ div#content { margin-bottom: -10px; } +div#table h2 { + color: #999; + margin-top: -8px; + font-size: 16px +} + textarea#content-data { font-family: "Courier New"; height: 200px; diff --git a/shared/admin/js/admin.js b/shared/admin/js/admin.js index efdbeb1910..594709218a 100644 --- a/shared/admin/js/admin.js +++ b/shared/admin/js/admin.js @@ -229,11 +229,22 @@ var QueryError = React.createClass({ } }); +var stringifyTags = function(tags) { + var tagStrings = []; + + for(var index in tags) { + tagStrings.push(index + ":" + tags[index]); + } + + return tagStrings.join(", "); +} + var DataTable = React.createClass({ render: function() { var tables = this.props.series.map(function(series) { return React.createElement("div", null, React.createElement("h1", null, series.name), + React.createElement("h2", null, stringifyTags(series.tags)), React.createElement("table", {className: "table"}, React.createElement(TableHeader, {data: series.columns}), React.createElement(TableBody, {data: series})