How to use the reactstrap.Row function in reactstrap
To help you get started, we’ve selected a few reactstrap examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
jhipster / react-jhipster / lib / src / component / metrics / systemMetrics.js View on Github 
React.createElement("span", null,
React.createElement(formatter_1.TextFormat, { value: 100 * systemMetrics['process.cpu.usage'], type: "number", format: wholeNumberFormat }),
" %")),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "System CPU usage"),
React.createElement(reactstrap_1.Col, { md: "3", className: "text-right" },
React.createElement(formatter_1.TextFormat, { value: 100 * systemMetrics['system.cpu.usage'], type: "number", format: wholeNumberFormat }),
" %")),
React.createElement(reactstrap_1.Progress, { animated: true, value: 100 * systemMetrics['system.cpu.usage'], color: "success" },
React.createElement("span", null,
React.createElement(formatter_1.TextFormat, { value: 100 * systemMetrics['system.cpu.usage'], type: "number", format: wholeNumberFormat }),
" %")),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "System CPU count"),
React.createElement(reactstrap_1.Col, { md: "3", className: "text-right" }, systemMetrics['system.cpu.count'])),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "System 1m Load average"),
React.createElement(reactstrap_1.Col, { md: "3", className: "text-right" },
React.createElement(formatter_1.TextFormat, { value: systemMetrics['system.load.average.1m'], type: "number", format: wholeNumberFormat }))),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "7" }, "Process files max"),
React.createElement(reactstrap_1.Col, { md: "5", className: "text-right" },
React.createElement(formatter_1.TextFormat, { value: systemMetrics['process.files.max'], type: "number", format: wholeNumberFormat }))),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "4" }, "Process files open"),
React.createElement(reactstrap_1.Col, { md: "8", className: "text-right" },
React.createElement(formatter_1.TextFormat, { value: systemMetrics['process.files.open'], type: "number", format: wholeNumberFormat })))));
};
return SystemMetrics;ThreadItem.prototype.render = function () {
var threadDumpInfo = this.props.threadDumpInfo;
return (React.createElement("div", null,
React.createElement("a", { onClick: this.toggleStackTrace, style: { color: 'hotpink' } }, this.state.collapse ? React.createElement("span", null, "Hide StackTrace") : React.createElement("span", null, "Show StackTrace")),
React.createElement(reactstrap_1.Collapse, { isOpen: this.state.collapse },
React.createElement(reactstrap_1.Card, null,
React.createElement(reactstrap_1.CardBody, null,
React.createElement(reactstrap_1.Row, { className: "break", style: { overflowX: 'scroll' } },
Object.entries(threadDumpInfo.stackTrace).map(function (_a) {
var stK = _a[0], stV = _a[1];
return (React.createElement("samp", { key: "detail-" + stK },
stV.className,
".",
stV.methodName,
React.createElement("code", null,
"(",
stV.fileName,
":",
stV.lineNumber,
")")));
}),
React.createElement("span", { className: "mt-1" })))))));
};
return ThreadItem;SystemMetrics.prototype.render = function () {
var _a = this.props, systemMetrics = _a.systemMetrics, wholeNumberFormat = _a.wholeNumberFormat, timestampFormat = _a.timestampFormat;
return (React.createElement("div", null,
React.createElement("h4", null, "System"),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "4" }, "Uptime"),
React.createElement(reactstrap_1.Col, { md: "8", className: "text-right" }, SystemMetrics.convertMillisecondsToDuration(systemMetrics['process.uptime']))),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "4" }, "Start time"),
React.createElement(reactstrap_1.Col, { md: "8", className: "text-right" },
React.createElement(formatter_1.TextFormat, { value: systemMetrics['process.start.time'], type: "date", format: timestampFormat }))),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "Process CPU usage"),
React.createElement(reactstrap_1.Col, { md: "3", className: "text-right" },
React.createElement(formatter_1.TextFormat, { value: 100 * systemMetrics['process.cpu.usage'], type: "number", format: wholeNumberFormat }),
" %")),
React.createElement(reactstrap_1.Progress, { animated: true, value: 100 * systemMetrics['process.cpu.usage'], color: "success" },
React.createElement("span", null,
React.createElement(formatter_1.TextFormat, { value: 100 * systemMetrics['process.cpu.usage'], type: "number", format: wholeNumberFormat }),
" %")),
React.createElement(reactstrap_1.Row, null,React.createElement(reactstrap_1.Col, { md: "4" },
React.createElement("span", null,
"GC Memory Promoted/GC Memory Allocated (",
React.createElement(formatter_1.TextFormat, { value: garbageCollectorMetrics['jvm.gc.memory.promoted'] / 1048576, type: 'number', format: wholeNumberFormat }),
"M /",
' ',
React.createElement(formatter_1.TextFormat, { value: garbageCollectorMetrics['jvm.gc.memory.allocated'] / 1048576, type: 'number', format: wholeNumberFormat }),
"M)"),
React.createElement(reactstrap_1.Progress, { animated: true, color: "success", value: 100 * garbageCollectorMetrics['jvm.gc.memory.promoted'] / garbageCollectorMetrics['jvm.gc.memory.allocated'] },
React.createElement(formatter_1.TextFormat, { value: 100 * garbageCollectorMetrics['jvm.gc.memory.promoted'] / garbageCollectorMetrics['jvm.gc.memory.allocated'], type: 'number', format: wholeNumberFormat }),
"%")),
React.createElement(reactstrap_1.Col, { md: "4" },
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "Classes loaded"),
React.createElement(reactstrap_1.Col, { md: "3" }, garbageCollectorMetrics.classesLoaded)),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "Classes unloaded"),
React.createElement(reactstrap_1.Col, { md: "3" }, garbageCollectorMetrics.classesUnloaded)))),
React.createElement(reactstrap_1.Table, null,
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", null),
React.createElement("th", { className: "text-right" }, "Count"),
React.createElement("th", { className: "text-right" }, "Mean"),
React.createElement("th", { className: "text-right" }, "Min"),
React.createElement("th", { className: "text-right" }, "p50"),
React.createElement("th", { className: "text-right" }, "p75"),
React.createElement("th", { className: "text-right" }, "p95"),
React.createElement("th", { className: "text-right" }, "p99"),
React.createElement("th", { className: "text-right" }, "Max"))),
React.createElement("tbody", null,
React.createElement("tr", null,get: function () {
return reactstrap.Row;
}
});React.createElement(reactstrap_1.Progress, { animated: true, color: "success", value: 100 * garbageCollectorMetrics['jvm.gc.live.data.size'] / garbageCollectorMetrics['jvm.gc.max.data.size'] },
React.createElement(formatter_1.TextFormat, { value: 100 * garbageCollectorMetrics['jvm.gc.live.data.size'] / garbageCollectorMetrics['jvm.gc.max.data.size'], type: 'number', format: wholeNumberFormat }),
"%")),
React.createElement(reactstrap_1.Col, { md: "4" },
React.createElement("span", null,
"GC Memory Promoted/GC Memory Allocated (",
React.createElement(formatter_1.TextFormat, { value: garbageCollectorMetrics['jvm.gc.memory.promoted'] / 1048576, type: 'number', format: wholeNumberFormat }),
"M /",
' ',
React.createElement(formatter_1.TextFormat, { value: garbageCollectorMetrics['jvm.gc.memory.allocated'] / 1048576, type: 'number', format: wholeNumberFormat }),
"M)"),
React.createElement(reactstrap_1.Progress, { animated: true, color: "success", value: 100 * garbageCollectorMetrics['jvm.gc.memory.promoted'] / garbageCollectorMetrics['jvm.gc.memory.allocated'] },
React.createElement(formatter_1.TextFormat, { value: 100 * garbageCollectorMetrics['jvm.gc.memory.promoted'] / garbageCollectorMetrics['jvm.gc.memory.allocated'], type: 'number', format: wholeNumberFormat }),
"%")),
React.createElement(reactstrap_1.Col, { md: "4" },
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "Classes loaded"),
React.createElement(reactstrap_1.Col, { md: "3" }, garbageCollectorMetrics.classesLoaded)),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Col, { md: "9" }, "Classes unloaded"),
React.createElement(reactstrap_1.Col, { md: "3" }, garbageCollectorMetrics.classesUnloaded)))),
React.createElement(reactstrap_1.Table, null,
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", null),
React.createElement("th", { className: "text-right" }, "Count"),
React.createElement("th", { className: "text-right" }, "Mean"),
React.createElement("th", { className: "text-right" }, "Min"),
React.createElement("th", { className: "text-right" }, "p50"),
React.createElement("th", { className: "text-right" }, "p75"),
React.createElement("th", { className: "text-right" }, "p95"),
React.createElement("th", { className: "text-right" }, "p99"),? filteredList.map(function (threadDumpInfo, i) { return (React.createElement("div", { key: "dump-" + i },
React.createElement("h6", null,
' ',
React.createElement("span", { className: 'badge ' + _this.getBadgeClass(threadDumpInfo.threadState) }, threadDumpInfo.threadState),
"\u00A0",
threadDumpInfo.threadName,
" (ID ",
threadDumpInfo.threadId,
")\u00A0"),
React.createElement(thread_item_1.default, { threadDumpInfo: threadDumpInfo }),
React.createElement(reactstrap_1.Row, null,
React.createElement(reactstrap_1.Table, { responsive: true },
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", null, "Blocked Time"),
React.createElement("th", null, "Blocked Count"),
React.createElement("th", null, "Waited Time"),
React.createElement("th", null, "Waited Count"),
React.createElement("th", null, "Lock Name"))),
React.createElement("tbody", null,
React.createElement("tr", { key: threadDumpInfo.lockName },
React.createElement("td", null, threadDumpInfo.blockedTime),
React.createElement("td", null, threadDumpInfo.blockedCount),
React.createElement("td", null, threadDumpInfo.waitedTime),
React.createElement("td", null, threadDumpInfo.waitedCount),
React.createElement("td", { className: "thread-dump-modal-lock", title: threadDumpInfo.lockName },
React.createElement("code", null, threadDumpInfo.lockName)))))))); })
Popular reactstrap functions
- reactstrap.Badge
- reactstrap.Button
- reactstrap.Card
- reactstrap.Col
- reactstrap.Collapse
- reactstrap.FormGroup
- reactstrap.FormGroup.propTypes
- reactstrap.Input
- reactstrap.Modal
- reactstrap.Modal.propTypes
- reactstrap.ModalBody
- reactstrap.ModalFooter
- reactstrap.ModalHeader
- reactstrap.Navbar.propTypes
- reactstrap.PaginationItem
- reactstrap.PaginationLink
- reactstrap.Progress
- reactstrap.Row
- reactstrap.Table
- reactstrap/lib/utils.mapToCssModules