UNPKG

@skbkontur/cassandra-distributed-task-queue-ui

Version:

.NET library implementing distributed task queue machinery using Apache Cassandra

101 lines 2.86 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.jsStyles = void 0; const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion"); const TaskState_1 = require("../../../Domain/Api/TaskState"); function getBackgroundColor(theme, state) { switch (state) { case TaskState_1.TaskState.Finished: return theme.bgDefault; case TaskState_1.TaskState.New: case TaskState_1.TaskState.WaitingForRerun: case TaskState_1.TaskState.InProcess: return theme.bgDisabled; case TaskState_1.TaskState.Fatal: case TaskState_1.TaskState.Canceled: case TaskState_1.TaskState.WaitingForRerunAfterError: return "rgba(255, 0, 0, 0.1)"; default: return "rgba(255, 255, 0, 0.1)"; } } function getBorderColor(theme, state) { switch (state) { case TaskState_1.TaskState.Finished: return theme.borderColorGrayLight; case TaskState_1.TaskState.New: case TaskState_1.TaskState.WaitingForRerun: case TaskState_1.TaskState.InProcess: return theme.borderColorGrayDark; case TaskState_1.TaskState.Fatal: case TaskState_1.TaskState.Canceled: case TaskState_1.TaskState.WaitingForRerunAfterError: return theme.borderColorError; default: return theme.borderColorWarning; } } exports.jsStyles = { state(theme, state) { return (0, Emotion_1.css) ` background-color: ${getBackgroundColor(theme, state)}; border: 1px solid ${getBorderColor(theme, state)}; `; }, checkbox() { return (0, Emotion_1.css) ` margin-top: -4px; `; }, taskDetails() { return (0, Emotion_1.css) ` padding: 8px; border-radius: 16px; min-width: 548px; `; }, infoBlock1() { return (0, Emotion_1.css) ` min-width: 280px; `; }, name() { return (0, Emotion_1.css) ` font-size: 16px; `; }, id() { return (0, Emotion_1.css) ` font-size: 12px; `; }, stateName() { return (0, Emotion_1.css) ` font-size: 12px; `; }, attempts() { return (0, Emotion_1.css) ` font-size: 12px; margin-left: 10px; `; }, dates() { return (0, Emotion_1.css) ` font-size: 12px; `; }, dateCaption(t) { return (0, Emotion_1.css) ` display: inline-block; width: 70px; color: ${t.textColorDisabled}; `; }, parentTask() { return (0, Emotion_1.css) ` font-size: 12px; `; }, }; //# sourceMappingURL=TaskDetails.styles.js.map