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.

github jhipster / react-jhipster / lib / src / component / metrics / systemMetrics.js View on Github external
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;
github jhipster / react-jhipster / lib / src / component / metrics / thread-item.js View on Github external
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;
github jhipster / react-jhipster / lib / src / component / metrics / systemMetrics.js View on Github external
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,
github jhipster / react-jhipster / lib / src / component / metrics / garbageCollectorMetrics.js View on Github external
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,
github jhipster / react-jhipster / lib / src / component / metrics / garbageCollectorMetrics.js View on Github external
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"),
github jhipster / react-jhipster / lib / src / component / metrics / threads-modal.js View on Github external
? 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)))))))); })