@skbkontur/cassandra-distributed-task-queue-ui
Version:
.NET library implementing distributed task queue machinery using Apache Cassandra
27 lines • 4.4 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TasksModal = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_stack_layout_1 = require("@skbkontur/react-stack-layout");
const react_ui_1 = require("@skbkontur/react-ui");
const react_1 = tslib_1.__importDefault(require("react"));
const numberToString_1 = require("../../Domain/numberToString");
const ErrorHandlingContainer_styles_1 = require("../ErrorHandling/ErrorHandlingContainer.styles");
function TasksModal({ modalType, counter, onCancelAll, onRerunAll, onCloseModal, }) {
const [manyTaskConfirm, setManyTaskConfirm] = react_1.default.useState("");
const theme = react_1.default.useContext(react_ui_1.ThemeContext);
const confirmedRegExp = /б.*л.*я/i;
return (jsx_runtime_1.jsxs(react_ui_1.Modal, Object.assign({ onClose: onCloseModal, width: 500, "data-tid": "ConfirmMultipleOperationModal" }, { children: [jsx_runtime_1.jsx(react_ui_1.Modal.Header, { children: jsx_runtime_1.jsx("span", Object.assign({ className: ErrorHandlingContainer_styles_1.jsStyles.modalText(theme) }, { children: "\u041D\u0443\u0436\u043D\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435" }), void 0) }, void 0), jsx_runtime_1.jsx(react_ui_1.Modal.Body, { children: jsx_runtime_1.jsxs(react_stack_layout_1.ColumnStack, Object.assign({ gap: 2, className: ErrorHandlingContainer_styles_1.jsStyles.modalText(theme) }, { children: [jsx_runtime_1.jsx(react_stack_layout_1.Fit, { children: jsx_runtime_1.jsx("span", Object.assign({ "data-tid": "ModalText" }, { children: modalType === "Rerun"
? "Уверен, что все эти таски надо перезапустить?"
: "Уверен, что все эти таски надо остановить?" }), void 0) }, void 0), counter > 100 && [
jsx_runtime_1.jsxs(react_stack_layout_1.Fit, { children: ["\u042D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043C\u043E\u0436\u0435\u0442 \u0437\u0430\u0434\u0435\u0442\u044C \u0431\u043E\u043B\u044C\u0448\u0435 100 \u0442\u0430\u0441\u043E\u043A, \u0435\u0441\u043B\u0438 \u044D\u0442\u043E \u0442\u043E\u0447\u043D\u043E \u043D\u0430\u0434\u043E \u0441\u0434\u0435\u043B\u0430\u0442\u044C, \u0442\u043E \u043D\u0430\u043F\u0438\u0448\u0438 \u043F\u0440\u043E\u043F\u0438\u0441\u044C\u044E \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u0430\u0441\u043E\u043A (\u0438\u0445 ", counter, "):"] }, "text"),
jsx_runtime_1.jsx(react_stack_layout_1.Fit, { children: jsx_runtime_1.jsx(react_ui_1.Input, { "data-tid": "ConfirmationInput", value: manyTaskConfirm, onValueChange: val => setManyTaskConfirm(val) }, void 0) }, "input"),
]] }), void 0) }, void 0), jsx_runtime_1.jsx(react_ui_1.Modal.Footer, { children: jsx_runtime_1.jsxs(react_stack_layout_1.RowStack, Object.assign({ gap: 2 }, { children: [jsx_runtime_1.jsx(react_stack_layout_1.Fit, { children: modalType === "Rerun" ? (jsx_runtime_1.jsx(react_ui_1.Button, Object.assign({ "data-tid": "RerunButton", use: "success", disabled: counter > 100 &&
!confirmedRegExp.test(manyTaskConfirm) &&
manyTaskConfirm !== numberToString_1.numberToString(counter), onClick: onRerunAll }, { children: "\u041F\u0435\u0440\u0435\u0437\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u044C \u0432\u0441\u0435" }), void 0)) : (jsx_runtime_1.jsx(react_ui_1.Button, Object.assign({ "data-tid": "CancelButton", use: "danger", disabled: counter > 100 &&
!confirmedRegExp.test(manyTaskConfirm) &&
manyTaskConfirm !== numberToString_1.numberToString(counter), onClick: onCancelAll }, { children: "\u041E\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u0432\u0441\u0435" }), void 0)) }, void 0), jsx_runtime_1.jsx(react_stack_layout_1.Fit, { children: jsx_runtime_1.jsx(react_ui_1.Button, Object.assign({ "data-tid": "CloseButton", onClick: onCloseModal }, { children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" }), void 0) }, void 0)] }), void 0) }, void 0)] }), void 0));
}
exports.TasksModal = TasksModal;
//# sourceMappingURL=TasksModal.js.map