@danikokonn/yarik-frontend-lib 2.1.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubtaskItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"SubtaskItem.d.ts","sourceRoot":"","sources":["../../../src/components/SubtaskItem/SubtaskItem.tsx"],"names":[],"mappings":"AAgBA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAyBlD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,uBAAuB,GACxB,EAAE,gBAAgB,2CAsIlB"}
|
|
@@ -6,13 +6,13 @@ import CloudOffIcon from "@mui/icons-material/CloudOff";
|
|
|
6
6
|
import DoneIcon from "@mui/icons-material/Done";
|
|
7
7
|
import ErrorOutlineSharpIcon from "@mui/icons-material/ErrorOutlineSharp";
|
|
8
8
|
import ExpandMore from "@mui/icons-material/ExpandMore";
|
|
9
|
-
import { Chip, useTheme } from "@mui/material";
|
|
9
|
+
import { Chip, Tooltip, useTheme } from "@mui/material";
|
|
10
10
|
import Accordion from "@mui/material/Accordion";
|
|
11
11
|
import AccordionDetails from "@mui/material/AccordionDetails";
|
|
12
12
|
import AccordionSummary from "@mui/material/AccordionSummary";
|
|
13
13
|
import CircularProgress from "@mui/material/CircularProgress";
|
|
14
14
|
import moment from "moment";
|
|
15
|
-
import { useState } from "react";
|
|
15
|
+
import { useEffect, useState } from "react";
|
|
16
16
|
import { taskStateText } from "../../utils";
|
|
17
17
|
const SubtaskState = ({ state }) => {
|
|
18
18
|
switch (state) {
|
|
@@ -22,6 +22,8 @@ const SubtaskState = ({ state }) => {
|
|
|
22
22
|
return _jsx(ErrorOutlineSharpIcon, { color: "error" });
|
|
23
23
|
case "queued":
|
|
24
24
|
return _jsx(AccessTimeSharpIcon, {});
|
|
25
|
+
case "scheduled":
|
|
26
|
+
return (_jsx(Tooltip, { title: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043E\u0434\u043D\u043E\u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u0437\u0430\u043F\u0443\u0449\u0435\u043D\u043D\u044B\u0445 \u0437\u0430\u0434\u0430\u0447 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u043E: \u044D\u0442\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u0437\u044F\u0442\u0430 \u0432 \u0440\u0430\u0431\u043E\u0442\u0443, \u043A\u0430\u043A \u0442\u043E\u043B\u044C\u043A\u043E \u043E\u0441\u0432\u043E\u0431\u043E\u0434\u0438\u0442\u0441\u044F \u043F\u043B\u0430\u043D\u0438\u0440\u043E\u0432\u0449\u0438\u043A", children: _jsx(AccessTimeSharpIcon, { color: "warning" }) }));
|
|
25
27
|
case "running":
|
|
26
28
|
return _jsx(CircularProgress, { size: 20 });
|
|
27
29
|
case "connerr":
|
|
@@ -34,6 +36,16 @@ export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs,
|
|
|
34
36
|
const [copyVisible, setCopyVisible] = useState(false);
|
|
35
37
|
const [copyText, setCopyText] = useState("Копировать");
|
|
36
38
|
const theme = useTheme();
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (expanded) {
|
|
41
|
+
setCopyVisible(true);
|
|
42
|
+
setCopyText("Копировать");
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
setCopyVisible(false);
|
|
46
|
+
setCopyText("Копировать");
|
|
47
|
+
}
|
|
48
|
+
}, [expanded]);
|
|
37
49
|
const formatEndDate = new Date(taskInstance.executionDate).toLocaleString("ru", {
|
|
38
50
|
weekday: "short",
|
|
39
51
|
month: "short",
|
|
@@ -51,17 +63,6 @@ export default function SubtaskItem({ taskInstance, logs, expanded, onShowLogs,
|
|
|
51
63
|
});
|
|
52
64
|
return (_jsxs(Accordion, { disableGutters: true, expanded: expanded, onChange: () => onShowLogs(taskInstance.taskId, taskInstance.tryNumber), disabled: !["running", "success", "failed"].includes(taskInstance.state || ""), sx: {
|
|
53
65
|
position: "relative",
|
|
54
|
-
}, slotProps: {
|
|
55
|
-
transition: {
|
|
56
|
-
onEntered: () => {
|
|
57
|
-
setCopyVisible(true);
|
|
58
|
-
setCopyText("Копировать");
|
|
59
|
-
},
|
|
60
|
-
onExit: () => {
|
|
61
|
-
setCopyVisible(false);
|
|
62
|
-
setCopyText("Копировать");
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
66
|
}, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMore, {}), children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx(SubtaskState, { state: taskInstance.state }), _jsxs("span", { children: [taskInstance.taskId, " - ", taskStateText(taskInstance.state), taskInstance.state === "success"
|
|
66
67
|
? (formatEndDate.startsWith("вт") ? " во " : " в ") +
|
|
67
68
|
formatEndDate +
|
package/dist/utils.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { DagState, TaskState } from "./types";
|
|
|
5
5
|
export declare function getCSRFToken(): string;
|
|
6
6
|
export declare function setCSRFToken(newToken: string): void;
|
|
7
7
|
export declare function prettyDatetime(datetime?: string | null): string;
|
|
8
|
-
export declare const taskStateText: (taskState: DagState | TaskState | string | null | undefined) => "Завершена" | "Ошибка" | "В очереди" | "Выполняется" | "Недоступно" | "Нет состояния";
|
|
8
|
+
export declare const taskStateText: (taskState: DagState | TaskState | string | null | undefined) => "Завершена" | "Ошибка" | "В очереди" | "Запланирована" | "Выполняется" | "Недоступно" | "Нет состояния";
|
|
9
9
|
export declare const formatDate: (date: string) => string;
|
|
10
10
|
export declare const formatDuration: (duration: number) => string;
|
|
11
11
|
export declare const getSlugTableName: (name: string) => string;
|
package/dist/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,YAAY,WAI3B;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,QAI5C;AAED,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,UAMtD;AAED,eAAO,MAAM,aAAa,GACxB,WAAW,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,YAAY,WAI3B;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,QAI5C;AAED,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,UAMtD;AAED,eAAO,MAAM,aAAa,GACxB,WAAW,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,4GAkB5D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,WAWtC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,WAK9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,WAyC5C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,EAAE,OAAO,MAAM,WAkB9D,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,aAAa,MAAM,EACnB,WAAW,MAAM,EACjB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,UAAU,OAAO,EACjB,aAAa,MAAM,WAWpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,EAAE,WAAW,MAAM,WACR,CAAC;AAEhE,wBAAgB,WAAW,CAAC,IAAI,SAAS,OAAO,EAAE,EAChD,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,EACjC,KAAK,EAAE,MAAM,aAKD,IAAI,UAUjB;AAED,eAAO,MAAM,yBAAyB,GACpC,UAAU,WAAW,EACrB,eAAe,MAAM,KAOhB,aACN,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,UAAU,WAAW,EACrB,eAAe,MAAM,KAOhB,aACN,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,MAMzC,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,OAAO,MAAM,KACZ,MAMF,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,KAAG,MAM3D,CAAC;AACF,eAAO,MAAM,WAAW,GACtB,SAAS,MAAM,EACf,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,OAAO,MAAM,KACZ,MAMF,CAAC;AACF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAM7C,CAAC;AACF,eAAO,MAAM,aAAa,GACxB,KAAK,MAAM,EAEX,KAAK,GAAG,EACR,QAAQ,OAAO,KACd,MAKF,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,YAAY,MAAM,KAAG,MAKhD,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,KAAG,MAK3C,CAAC"}
|
package/dist/utils.js
CHANGED