inversify-devtools
Version:
inversify-devtools
54 lines (53 loc) • 2.98 kB
JavaScript
;
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var React = require("react");
var panel_1 = require("./panel");
var react_json_tree_1 = require("react-json-tree");
var json_tree_theme_1 = require("../constants/json_tree_theme");
var tip_1 = require("./tip");
var utils_1 = require("../utils/utils");
var LogDetails = (function (_super) {
__extends(LogDetails, _super);
function LogDetails(props) {
_super.call(this, props);
}
LogDetails.prototype.render = function () {
return (React.createElement(panel_1.default, {title: "Request Details", subtitle: "Explorer", columnSize: this.props.columnSize, height: this.props.height}, this.props.entry ? this._renderEntry(this.props.entry) : this._renderTip()));
};
LogDetails.prototype._renderTip = function () {
return (React.createElement(tip_1.default, null, "Click on one of the requests on the request log to see its details!"));
};
LogDetails.prototype._formatRequest = function (request) {
var _this = this;
request.bindings = utils_1.formatBindings(request.bindings);
request.childRequests = request.childRequests.map(function (childRequest) {
return _this._formatRequest(childRequest);
});
return request;
};
LogDetails.prototype._renderEntry = function (entry) {
if (entry.details.error) {
var stack = entry.details.exception.stack.split(" at ")
.map(function (s, index) {
if (index === 0) {
return (React.createElement("p", {key: index}, React.createElement("i", {className: "fa fa-exclamation-circle", "aria-hidden": "true"}), React.createElement("b", null, "" + s)));
}
else {
return (React.createElement("p", null, "at " + s));
}
});
return (React.createElement("div", null, React.createElement("div", {className: "customErrorAlert"}, stack), React.createElement("div", {className: "entryDetails"}, React.createElement("div", {style: { overflowX: "scroll" }}, React.createElement(react_json_tree_1.default, {data: entry.details, theme: json_tree_theme_1.default, isLightTheme: true})))));
}
else {
entry.details.rootRequest = this._formatRequest(entry.details.rootRequest);
return (React.createElement("div", {className: "entryDetails"}, React.createElement("div", {style: { overflowX: "scroll" }}, React.createElement(react_json_tree_1.default, {data: entry.details, theme: json_tree_theme_1.default, isLightTheme: true}))));
}
};
return LogDetails;
}(React.Component));
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = LogDetails;