@jbrowse/plugin-jobs-management 2.18.0 → 3.0.0
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.
- package/dist/JobsListWidget/components/CurrentJobCard.d.ts +1 -2
- package/dist/JobsListWidget/components/CurrentJobCard.js +13 -50
- package/dist/JobsListWidget/components/JobCard.d.ts +1 -2
- package/dist/JobsListWidget/components/JobCard.js +2 -12
- package/dist/JobsListWidget/components/JobsListWidget.d.ts +1 -2
- package/dist/JobsListWidget/components/JobsListWidget.js +2 -26
- package/dist/JobsListWidget/index.js +17 -7
- package/esm/JobsListWidget/components/CurrentJobCard.d.ts +1 -2
- package/esm/JobsListWidget/components/CurrentJobCard.js +13 -27
- package/esm/JobsListWidget/components/JobCard.d.ts +1 -2
- package/esm/JobsListWidget/components/JobCard.js +2 -9
- package/esm/JobsListWidget/components/JobsListWidget.d.ts +1 -2
- package/esm/JobsListWidget/components/JobsListWidget.js +2 -26
- package/package.json +3 -3
|
@@ -1,58 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
27
5
|
const material_1 = require("@mui/material");
|
|
28
6
|
const mobx_react_1 = require("mobx-react");
|
|
29
7
|
const CurrentJobCard = (0, mobx_react_1.observer)(function CurrentJobCard({ job, }) {
|
|
30
8
|
const [clicked, setClicked] = (0, react_1.useState)(false);
|
|
31
|
-
return (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
marginTop: 10,
|
|
43
|
-
marginBottom: 10,
|
|
44
|
-
marginLeft: 10,
|
|
45
|
-
} }, job.progressPct === 0 || job.progressPct === 100 ? (react_1.default.createElement(material_1.Box, { sx: { width: '100%' } },
|
|
46
|
-
react_1.default.createElement(material_1.LinearProgress, { variant: "indeterminate" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
|
-
react_1.default.createElement(material_1.Box, { sx: { width: '100%' } },
|
|
48
|
-
react_1.default.createElement(material_1.LinearProgress, { variant: "determinate", value: job.progressPct })),
|
|
49
|
-
react_1.default.createElement(material_1.Box, { sx: { m: 1 } },
|
|
50
|
-
react_1.default.createElement(material_1.Typography, null, `${Math.round(job.progressPct || 0)}%`)))))),
|
|
51
|
-
react_1.default.createElement(material_1.CardActions, null,
|
|
52
|
-
react_1.default.createElement(material_1.Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
|
|
53
|
-
job.setStatusMessage('Aborted via cancel button');
|
|
54
|
-
job.cancelCallback();
|
|
55
|
-
setClicked(true);
|
|
56
|
-
} }, "Cancel"))));
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Card, { variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Name: ' }), job.name] }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Message: ' }), job.statusMessage || 'No message provided'] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
10
|
+
display: 'flex',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
marginTop: 10,
|
|
13
|
+
marginBottom: 10,
|
|
14
|
+
marginLeft: 10,
|
|
15
|
+
}, children: job.progressPct === 0 || job.progressPct === 100 ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(material_1.LinearProgress, { variant: "indeterminate" }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(material_1.LinearProgress, { variant: "determinate", value: job.progressPct }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { m: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: `${Math.round(job.progressPct || 0)}%` }) })] })) })] }), (0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
|
|
16
|
+
job.setStatusMessage('Aborted via cancel button');
|
|
17
|
+
job.cancelCallback();
|
|
18
|
+
setClicked(true);
|
|
19
|
+
}, children: "Cancel" }) })] }));
|
|
57
20
|
});
|
|
58
21
|
exports.default = CurrentJobCard;
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
4
|
const material_1 = require("@mui/material");
|
|
8
5
|
const mobx_react_1 = require("mobx-react");
|
|
9
6
|
const JobCard = (0, mobx_react_1.observer)(function JobCard({ job }) {
|
|
10
|
-
return (
|
|
11
|
-
react_1.default.createElement(material_1.CardContent, null,
|
|
12
|
-
react_1.default.createElement(material_1.Typography, { variant: "body1" },
|
|
13
|
-
react_1.default.createElement("strong", null, 'Name: '),
|
|
14
|
-
job.name),
|
|
15
|
-
job.statusMessage ? (react_1.default.createElement(material_1.Typography, { variant: "body1" },
|
|
16
|
-
react_1.default.createElement("strong", null, 'Message: '),
|
|
17
|
-
job.statusMessage)) : null)));
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Name: ' }), job.name] }), job.statusMessage ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Message: ' }), job.statusMessage] })) : null] }) }));
|
|
18
8
|
});
|
|
19
9
|
exports.default = JobCard;
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
|
|
8
8
|
const material_1 = require("@mui/material");
|
|
9
9
|
const mobx_react_1 = require("mobx-react");
|
|
@@ -21,30 +21,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
|
21
21
|
const JobsListWidget = (0, mobx_react_1.observer)(function ({ model }) {
|
|
22
22
|
const { classes } = useStyles();
|
|
23
23
|
const { jobs, finished, queued, aborted } = model;
|
|
24
|
-
return (
|
|
25
|
-
react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
|
|
26
|
-
react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
|
|
27
|
-
react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Running jobs")),
|
|
28
|
-
jobs.length ? (jobs.map((job, index) => (react_1.default.createElement(CurrentJobCard_1.default, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
|
|
29
|
-
react_1.default.createElement(material_1.CardContent, null,
|
|
30
|
-
react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No running jobs"))))),
|
|
31
|
-
react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
|
|
32
|
-
react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
|
|
33
|
-
react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Queued jobs")),
|
|
34
|
-
queued.length ? (queued.map((job, index) => (react_1.default.createElement(JobCard_1.default, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
|
|
35
|
-
react_1.default.createElement(material_1.CardContent, null,
|
|
36
|
-
react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No queued jobs"))))),
|
|
37
|
-
react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
|
|
38
|
-
react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
|
|
39
|
-
react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Completed jobs")),
|
|
40
|
-
finished.length ? (finished.map((job, index) => (react_1.default.createElement(JobCard_1.default, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
|
|
41
|
-
react_1.default.createElement(material_1.CardContent, null,
|
|
42
|
-
react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No completed jobs"))))),
|
|
43
|
-
react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
|
|
44
|
-
react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
|
|
45
|
-
react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Aborted jobs")),
|
|
46
|
-
aborted.length ? (aborted.map((job, index) => (react_1.default.createElement(JobCard_1.default, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
|
|
47
|
-
react_1.default.createElement(material_1.CardContent, null,
|
|
48
|
-
react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No aborted jobs")))))));
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, children: [(0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Running jobs" }) }), jobs.length ? (jobs.map((job, index) => ((0, jsx_runtime_1.jsx)(CurrentJobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No running jobs" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Queued jobs" }) }), queued.length ? (queued.map((job, index) => ((0, jsx_runtime_1.jsx)(JobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No queued jobs" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Completed jobs" }) }), finished.length ? (finished.map((job, index) => ((0, jsx_runtime_1.jsx)(JobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No completed jobs" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Aborted jobs" }) }), aborted.length ? (aborted.map((job, index) => ((0, jsx_runtime_1.jsx)(JobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No aborted jobs" }) }) }))] })] }));
|
|
49
25
|
});
|
|
50
26
|
exports.default = JobsListWidget;
|
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
36
|
exports.configSchema = void 0;
|
|
27
37
|
exports.default = JobsListWidgetF;
|
|
@@ -1,33 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
2
3
|
import { Box, Button, Card, CardActions, CardContent, LinearProgress, Typography, } from '@mui/material';
|
|
3
4
|
import { observer } from 'mobx-react';
|
|
4
5
|
const CurrentJobCard = observer(function CurrentJobCard({ job, }) {
|
|
5
6
|
const [clicked, setClicked] = useState(false);
|
|
6
|
-
return (
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
marginTop: 10,
|
|
18
|
-
marginBottom: 10,
|
|
19
|
-
marginLeft: 10,
|
|
20
|
-
} }, job.progressPct === 0 || job.progressPct === 100 ? (React.createElement(Box, { sx: { width: '100%' } },
|
|
21
|
-
React.createElement(LinearProgress, { variant: "indeterminate" }))) : (React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement(Box, { sx: { width: '100%' } },
|
|
23
|
-
React.createElement(LinearProgress, { variant: "determinate", value: job.progressPct })),
|
|
24
|
-
React.createElement(Box, { sx: { m: 1 } },
|
|
25
|
-
React.createElement(Typography, null, `${Math.round(job.progressPct || 0)}%`)))))),
|
|
26
|
-
React.createElement(CardActions, null,
|
|
27
|
-
React.createElement(Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
|
|
28
|
-
job.setStatusMessage('Aborted via cancel button');
|
|
29
|
-
job.cancelCallback();
|
|
30
|
-
setClicked(true);
|
|
31
|
-
} }, "Cancel"))));
|
|
7
|
+
return (_jsxs(Card, { variant: "outlined", children: [_jsxs(CardContent, { children: [_jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Name: ' }), job.name] }), _jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Message: ' }), job.statusMessage || 'No message provided'] }), _jsx(Box, { sx: {
|
|
8
|
+
display: 'flex',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
marginTop: 10,
|
|
11
|
+
marginBottom: 10,
|
|
12
|
+
marginLeft: 10,
|
|
13
|
+
}, children: job.progressPct === 0 || job.progressPct === 100 ? (_jsx(Box, { sx: { width: '100%' }, children: _jsx(LinearProgress, { variant: "indeterminate" }) })) : (_jsxs(_Fragment, { children: [_jsx(Box, { sx: { width: '100%' }, children: _jsx(LinearProgress, { variant: "determinate", value: job.progressPct }) }), _jsx(Box, { sx: { m: 1 }, children: _jsx(Typography, { children: `${Math.round(job.progressPct || 0)}%` }) })] })) })] }), _jsx(CardActions, { children: _jsx(Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
|
|
14
|
+
job.setStatusMessage('Aborted via cancel button');
|
|
15
|
+
job.cancelCallback();
|
|
16
|
+
setClicked(true);
|
|
17
|
+
}, children: "Cancel" }) })] }));
|
|
32
18
|
});
|
|
33
19
|
export default CurrentJobCard;
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Card, CardContent, Typography } from '@mui/material';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
const JobCard = observer(function JobCard({ job }) {
|
|
5
|
-
return (
|
|
6
|
-
React.createElement(CardContent, null,
|
|
7
|
-
React.createElement(Typography, { variant: "body1" },
|
|
8
|
-
React.createElement("strong", null, 'Name: '),
|
|
9
|
-
job.name),
|
|
10
|
-
job.statusMessage ? (React.createElement(Typography, { variant: "body1" },
|
|
11
|
-
React.createElement("strong", null, 'Message: '),
|
|
12
|
-
job.statusMessage)) : null)));
|
|
5
|
+
return (_jsx(Card, { variant: "outlined", children: _jsxs(CardContent, { children: [_jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Name: ' }), job.name] }), job.statusMessage ? (_jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Message: ' }), job.statusMessage] })) : null] }) }));
|
|
13
6
|
});
|
|
14
7
|
export default JobCard;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
3
3
|
import { Accordion, AccordionSummary, Card, CardContent, Typography, } from '@mui/material';
|
|
4
4
|
import { observer } from 'mobx-react';
|
|
@@ -16,30 +16,6 @@ const useStyles = makeStyles()(theme => ({
|
|
|
16
16
|
const JobsListWidget = observer(function ({ model }) {
|
|
17
17
|
const { classes } = useStyles();
|
|
18
18
|
const { jobs, finished, queued, aborted } = model;
|
|
19
|
-
return (
|
|
20
|
-
React.createElement(Accordion, { defaultExpanded: true },
|
|
21
|
-
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
|
|
22
|
-
React.createElement(Typography, { variant: "h5" }, "Running jobs")),
|
|
23
|
-
jobs.length ? (jobs.map((job, index) => (React.createElement(CurrentJobCard, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (React.createElement(Card, { variant: "outlined" },
|
|
24
|
-
React.createElement(CardContent, null,
|
|
25
|
-
React.createElement(Typography, { variant: "body1" }, "No running jobs"))))),
|
|
26
|
-
React.createElement(Accordion, { defaultExpanded: true },
|
|
27
|
-
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
|
|
28
|
-
React.createElement(Typography, { variant: "h5" }, "Queued jobs")),
|
|
29
|
-
queued.length ? (queued.map((job, index) => (React.createElement(JobCard, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (React.createElement(Card, { variant: "outlined" },
|
|
30
|
-
React.createElement(CardContent, null,
|
|
31
|
-
React.createElement(Typography, { variant: "body1" }, "No queued jobs"))))),
|
|
32
|
-
React.createElement(Accordion, { defaultExpanded: true },
|
|
33
|
-
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
|
|
34
|
-
React.createElement(Typography, { variant: "h5" }, "Completed jobs")),
|
|
35
|
-
finished.length ? (finished.map((job, index) => (React.createElement(JobCard, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (React.createElement(Card, { variant: "outlined" },
|
|
36
|
-
React.createElement(CardContent, null,
|
|
37
|
-
React.createElement(Typography, { variant: "body1" }, "No completed jobs"))))),
|
|
38
|
-
React.createElement(Accordion, { defaultExpanded: true },
|
|
39
|
-
React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
|
|
40
|
-
React.createElement(Typography, { variant: "h5" }, "Aborted jobs")),
|
|
41
|
-
aborted.length ? (aborted.map((job, index) => (React.createElement(JobCard, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (React.createElement(Card, { variant: "outlined" },
|
|
42
|
-
React.createElement(CardContent, null,
|
|
43
|
-
React.createElement(Typography, { variant: "body1" }, "No aborted jobs")))))));
|
|
19
|
+
return (_jsxs("div", { className: classes.root, children: [_jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Running jobs" }) }), jobs.length ? (jobs.map((job, index) => (_jsx(CurrentJobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No running jobs" }) }) }))] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Queued jobs" }) }), queued.length ? (queued.map((job, index) => (_jsx(JobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No queued jobs" }) }) }))] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Completed jobs" }) }), finished.length ? (finished.map((job, index) => (_jsx(JobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No completed jobs" }) }) }))] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Aborted jobs" }) }), aborted.length ? (aborted.map((job, index) => (_jsx(JobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No aborted jobs" }) }) }))] })] }));
|
|
44
20
|
});
|
|
45
21
|
export default JobsListWidget;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbrowse/plugin-jobs-management",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "JBrowse 2 jobs management",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jbrowse",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"clean": "rimraf dist esm *.tsbuildinfo"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@jbrowse/text-indexing": "^
|
|
39
|
+
"@jbrowse/text-indexing": "^3.0.0",
|
|
40
40
|
"@mui/icons-material": "^6.0.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
|
|
58
58
|
}
|