@skbkontur/cassandra-distributed-task-queue-ui
Version:
.NET library implementing distributed task queue machinery using Apache Cassandra
101 lines • 2.86 kB
JavaScript
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
;