@dexteel/mesf-core 4.16.5 → 4.16.7
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/index.esm.js
CHANGED
|
@@ -1,37 +1,28 @@
|
|
|
1
1
|
export { LicenseManager } from 'ag-grid-enterprise';
|
|
2
|
-
import {
|
|
2
|
+
import { withStyles, alpha, makeStyles, Dialog, DialogTitle as DialogTitle$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Button, SvgIcon, Collapse, Typography, Checkbox, Grid, TextField, MenuItem, Select, Card, CardContent, CardActions, DialogContentText, Snackbar, CircularProgress, Paper, InputLabel, FormHelperText, Badge, FormControlLabel, useTheme, FormControl, Input, Chip, Tooltip, IconButton as IconButton$1, MenuList, Divider, Box, debounce, createStyles as createStyles$1, List, ListItem, ListItemText } from '@material-ui/core';
|
|
3
3
|
import { values, get, isNil as isNil$1, isEmpty, round, isNaN, isNumber } from 'lodash-es';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import React__default, { useState, useRef, useEffect, useMemo, Component, createContext, useContext, useCallback, lazy, Suspense } from 'react';
|
|
6
|
-
import Paper from '@material-ui/core/Paper';
|
|
7
|
-
import Grid from '@material-ui/core/Grid';
|
|
8
6
|
import { ArrowRight, ArrowBackRounded, ArrowForwardRounded, SkipNext, ChevronLeft, ChevronRight } from '@material-ui/icons';
|
|
9
7
|
import { DatePicker } from '@mui/x-date-pickers/DatePicker/DatePicker';
|
|
10
|
-
import Tooltip from '@material-ui/core/Tooltip';
|
|
11
8
|
import { Outlet, useParams, useNavigate, useSearchParams, Link, Navigate, Routes, Route, BrowserRouter } from 'react-router-dom';
|
|
12
9
|
import { Alert as Alert$1, Modal as Modal$1, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
|
|
13
|
-
import DialogTitle$1 from '@material-ui/core/DialogTitle';
|
|
14
|
-
import DialogContent$1 from '@material-ui/core/DialogContent';
|
|
15
|
-
import DialogActions$1 from '@material-ui/core/DialogActions';
|
|
16
|
-
import Dialog from '@material-ui/core/Dialog';
|
|
17
|
-
import Button from '@material-ui/core/Button';
|
|
18
10
|
import { useMsal, MsalProvider } from '@azure/msal-react';
|
|
19
11
|
import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
|
|
20
12
|
import { useComplexState } from 'use-complex-state';
|
|
21
13
|
import { createSlice } from '@reduxjs/toolkit';
|
|
22
14
|
import ShowChartIcon from '@material-ui/icons/ShowChart';
|
|
23
|
-
import MenuItem from '@material-ui/core/MenuItem';
|
|
24
|
-
import MenuList from '@material-ui/core/MenuList';
|
|
25
15
|
import { isNil, get as get$1 } from 'lodash';
|
|
26
16
|
import { DndProvider } from 'react-dnd';
|
|
27
17
|
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
28
18
|
import moment$2 from 'moment';
|
|
29
19
|
import axios from 'axios';
|
|
30
|
-
import { _adapters, Chart, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip as Tooltip$
|
|
20
|
+
import { _adapters, Chart, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip as Tooltip$1, Legend, TimeScale } from 'chart.js';
|
|
31
21
|
import zoomPlugin from 'chartjs-plugin-zoom';
|
|
32
22
|
import SaveIcon from '@material-ui/icons/Save';
|
|
33
23
|
import LockIcon from '@material-ui/icons/Lock';
|
|
34
24
|
import { Alert as Alert$3, Autocomplete } from '@material-ui/lab';
|
|
25
|
+
import Button$1 from '@material-ui/core/Button';
|
|
35
26
|
import Popover from '@material-ui/core/Popover';
|
|
36
27
|
import CreateIcon from '@material-ui/icons/Create';
|
|
37
28
|
import DeleteIcon from '@material-ui/icons/Delete';
|
|
@@ -47,33 +38,23 @@ import moment$3 from 'moment-timezone';
|
|
|
47
38
|
import PersonPinCircleIcon from '@material-ui/icons/PersonPinCircle';
|
|
48
39
|
import PropTypes from 'prop-types';
|
|
49
40
|
import { ResponsiveBar } from '@nivo/bar';
|
|
50
|
-
import Select from '@material-ui/core/Select';
|
|
51
|
-
import { withStyles, alpha, makeStyles, createStyles, useTheme } from '@material-ui/core/styles';
|
|
52
|
-
import Collapse from '@material-ui/core/Collapse';
|
|
53
|
-
import SvgIcon from '@material-ui/core/SvgIcon';
|
|
54
41
|
import Code from '@material-ui/icons/Code';
|
|
55
42
|
import TreeItem from '@material-ui/lab/TreeItem';
|
|
56
43
|
import TreeView from '@material-ui/lab/TreeView';
|
|
57
44
|
import { useSpring, animated } from 'react-spring';
|
|
58
45
|
import AccountTreeIcon from '@material-ui/icons/AccountTree';
|
|
59
46
|
import { DataGrid, GridOverlay } from '@material-ui/data-grid';
|
|
60
|
-
import Card from '@material-ui/core/Card';
|
|
61
|
-
import CardActions from '@material-ui/core/CardActions';
|
|
62
|
-
import CardContent from '@material-ui/core/CardContent';
|
|
63
|
-
import Typography$1 from '@material-ui/core/Typography';
|
|
64
|
-
import Snackbar from '@material-ui/core/Snackbar';
|
|
65
|
-
import CircularProgress from '@material-ui/core/CircularProgress';
|
|
66
47
|
import Alert$2 from '@material-ui/lab/Alert';
|
|
67
48
|
import { AgGridReact } from 'ag-grid-react';
|
|
68
49
|
import FormatListBulletedSharpIcon from '@material-ui/icons/FormatListBulletedSharp';
|
|
50
|
+
import { withStyles as withStyles$1, createStyles } from '@material-ui/core/styles';
|
|
51
|
+
import Dialog$1 from '@material-ui/core/Dialog';
|
|
69
52
|
import IconButton from '@material-ui/core/IconButton';
|
|
70
53
|
import CloseIcon from '@material-ui/icons/Close';
|
|
71
|
-
import
|
|
54
|
+
import Typography$1 from '@material-ui/core/Typography';
|
|
72
55
|
import { MuiPickersUtilsProvider, KeyboardDatePicker, KeyboardTimePicker } from '@material-ui/pickers';
|
|
73
56
|
import MomentUtils from '@date-io/moment';
|
|
74
|
-
import InputLabel from '@material-ui/core/InputLabel';
|
|
75
57
|
import { useForm, Controller } from 'react-hook-form';
|
|
76
|
-
import DialogContentText$1 from '@material-ui/core/DialogContentText';
|
|
77
58
|
import EditIcon from '@material-ui/icons/Edit';
|
|
78
59
|
import 'ag-grid-enterprise/styles/ag-grid.css';
|
|
79
60
|
import 'ag-grid-enterprise/styles/ag-theme-balham.min.css';
|
|
@@ -86,11 +67,6 @@ import { format, fromZonedTime, formatInTimeZone } from 'date-fns-tz';
|
|
|
86
67
|
import { findIana } from 'windows-iana';
|
|
87
68
|
import FindInPageIcon from '@material-ui/icons/FindInPage';
|
|
88
69
|
import AddBoxIcon from '@material-ui/icons/AddBox';
|
|
89
|
-
import FormControlLabel$1 from '@material-ui/core/FormControlLabel';
|
|
90
|
-
import Checkbox$1 from '@material-ui/core/Checkbox';
|
|
91
|
-
import Input from '@material-ui/core/Input';
|
|
92
|
-
import FormControl from '@material-ui/core/FormControl';
|
|
93
|
-
import Chip from '@material-ui/core/Chip';
|
|
94
70
|
import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
|
|
95
71
|
|
|
96
72
|
/******************************************************************************
|
|
@@ -382,10 +358,6 @@ var ModalTreeFilterControl = function (props) {
|
|
|
382
358
|
var expandedBranches = findBranchesWithSelectedNodes(data, listAssetDrawings);
|
|
383
359
|
setExpanded(expandedBranches);
|
|
384
360
|
}
|
|
385
|
-
else {
|
|
386
|
-
setSelectedNodes([]);
|
|
387
|
-
setExpanded([]);
|
|
388
|
-
}
|
|
389
361
|
}, [listAssetDrawings, data]);
|
|
390
362
|
var findBranchesWithSelectedNodes = function (node, selectedNodes) {
|
|
391
363
|
var branches = [];
|
|
@@ -531,7 +503,7 @@ var ModalTreeFilterControl = function (props) {
|
|
|
531
503
|
React__default.createElement(TreeView, { className: classes.root, defaultCollapseIcon: React__default.createElement(MinusSquare, null), defaultExpandIcon: React__default.createElement(PlusSquare, null), ref: treeRef, selected: value === undefined ? "" : value.toString(), expanded: expanded, onNodeSelect: handleChange, onNodeToggle: handleToogle }, data && data.id !== undefined && renderTree(data)))),
|
|
532
504
|
React__default.createElement(DialogActions$1, null,
|
|
533
505
|
React__default.createElement(Button, { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
|
|
534
|
-
React__default.createElement(Button, { onClick: handleOk, color: "primary" }, "
|
|
506
|
+
React__default.createElement(Button, { onClick: handleOk, color: "primary" }, "OK"))));
|
|
535
507
|
};
|
|
536
508
|
|
|
537
509
|
var useStyles$t = makeStyles(function (theme) { return ({
|
|
@@ -910,7 +882,7 @@ var MasterDetailPanel = /** @class */ (function (_super) {
|
|
|
910
882
|
return (React__default.createElement("div", { className: "pb-2" },
|
|
911
883
|
React__default.createElement(Card, { variant: "outlined" },
|
|
912
884
|
React__default.createElement(CardContent, null,
|
|
913
|
-
React__default.createElement(Typography
|
|
885
|
+
React__default.createElement(Typography, { gutterBottom: true, variant: "h5", component: "h2" }, this.props.title || ""),
|
|
914
886
|
this.props.children),
|
|
915
887
|
React__default.createElement(CardActions, { className: "px-3 " },
|
|
916
888
|
React__default.createElement("button", { className: "btn btn-danger", onClick: this.props.onCancel, disabled: !this.props.saveStatus }, "Cancel"),
|
|
@@ -1137,7 +1109,7 @@ var Alert = function (props) {
|
|
|
1137
1109
|
return React__default.createElement(Alert$2, __assign({ elevation: 6, variant: "filled" }, props));
|
|
1138
1110
|
};
|
|
1139
1111
|
|
|
1140
|
-
var useStyles$s = makeStyles
|
|
1112
|
+
var useStyles$s = makeStyles(function (theme) { return ({
|
|
1141
1113
|
buttons: {
|
|
1142
1114
|
opacity: 0,
|
|
1143
1115
|
transition: "opacity 0.1s ease-in-out",
|
|
@@ -1183,7 +1155,7 @@ var useJobsTableData = function (_a) {
|
|
|
1183
1155
|
height: "100%",
|
|
1184
1156
|
padding: 5
|
|
1185
1157
|
} },
|
|
1186
|
-
React__default.createElement(Button
|
|
1158
|
+
React__default.createElement(Button, { style: { height: "100%", maxHeight: "27px" }, variant: "contained", fullWidth: true, color: "primary", onClick: function () {
|
|
1187
1159
|
setRowSelected(params.data);
|
|
1188
1160
|
}, disabled: isDisabled }, "ENABLE")));
|
|
1189
1161
|
};
|
|
@@ -1196,7 +1168,7 @@ var useJobsTableData = function (_a) {
|
|
|
1196
1168
|
height: "100%",
|
|
1197
1169
|
padding: 5
|
|
1198
1170
|
} },
|
|
1199
|
-
React__default.createElement(Button
|
|
1171
|
+
React__default.createElement(Button, { style: { height: "100%", maxHeight: "27px" }, variant: "contained", fullWidth: true, color: "secondary", onClick: function () {
|
|
1200
1172
|
setRowSelected(params.data);
|
|
1201
1173
|
}, disabled: isDisabled }, "DISABLE")));
|
|
1202
1174
|
};
|
|
@@ -1209,23 +1181,23 @@ var useJobsTableData = function (_a) {
|
|
|
1209
1181
|
height: "100%",
|
|
1210
1182
|
padding: 5
|
|
1211
1183
|
} },
|
|
1212
|
-
React__default.createElement(Button
|
|
1184
|
+
React__default.createElement(Button, { style: { height: "100%", maxHeight: "27px" }, variant: "contained", fullWidth: true, color: "primary", onClick: function () {
|
|
1213
1185
|
setRowSelected(params.data);
|
|
1214
1186
|
}, disabled: isDisabled }, "RESET")));
|
|
1215
1187
|
};
|
|
1216
1188
|
var renderButtonMenu = function (params) {
|
|
1217
|
-
return (React__default.createElement(Grid
|
|
1189
|
+
return (React__default.createElement(Grid, { container: true, style: {
|
|
1218
1190
|
height: "100%",
|
|
1219
1191
|
display: "flex",
|
|
1220
1192
|
justifyContent: "center",
|
|
1221
1193
|
alignItems: "center"
|
|
1222
1194
|
}, className: classes.buttons },
|
|
1223
|
-
React__default.createElement(Grid
|
|
1195
|
+
React__default.createElement(Grid, { item: true, xs: 12, md: 12, style: {
|
|
1224
1196
|
display: "flex",
|
|
1225
1197
|
justifyContent: "center",
|
|
1226
1198
|
alignItems: "center"
|
|
1227
1199
|
} },
|
|
1228
|
-
React__default.createElement(Button
|
|
1200
|
+
React__default.createElement(Button, { style: {}, onClick: function (e) { return onActionsClick(e, params); } },
|
|
1229
1201
|
React__default.createElement(FormatListBulletedSharpIcon, { style: { height: "auto" }, color: "action" })))));
|
|
1230
1202
|
};
|
|
1231
1203
|
var columnDefs = [
|
|
@@ -1392,7 +1364,7 @@ var styles = function (theme) {
|
|
|
1392
1364
|
}
|
|
1393
1365
|
});
|
|
1394
1366
|
};
|
|
1395
|
-
var DialogTitle = withStyles(styles)(function (props) {
|
|
1367
|
+
var DialogTitle = withStyles$1(styles)(function (props) {
|
|
1396
1368
|
var children = props.children, classes = props.classes, onClose = props.onClose, other = __rest(props, ["children", "classes", "onClose"]);
|
|
1397
1369
|
return (React__default.createElement(DialogTitle$1, __assign({ disableTypography: true, style: {
|
|
1398
1370
|
display: "flex",
|
|
@@ -1404,14 +1376,14 @@ var DialogTitle = withStyles(styles)(function (props) {
|
|
|
1404
1376
|
onClose ? (React__default.createElement(IconButton, { "aria-label": "close", className: classes.closeButton, onClick: onClose },
|
|
1405
1377
|
React__default.createElement(CloseIcon, null))) : (React__default.createElement(React__default.Fragment, null))));
|
|
1406
1378
|
});
|
|
1407
|
-
var DialogContent = withStyles(function (theme) { return ({
|
|
1379
|
+
var DialogContent = withStyles$1(function (theme) { return ({
|
|
1408
1380
|
root: {
|
|
1409
1381
|
padding: theme.spacing(2),
|
|
1410
1382
|
minWidth: 600,
|
|
1411
1383
|
overflow: 'hidden'
|
|
1412
1384
|
}
|
|
1413
1385
|
}); })(DialogContent$1);
|
|
1414
|
-
var DialogActions = withStyles(function (theme) { return ({
|
|
1386
|
+
var DialogActions = withStyles$1(function (theme) { return ({
|
|
1415
1387
|
root: {
|
|
1416
1388
|
margin: 0,
|
|
1417
1389
|
padding: theme.spacing(1)
|
|
@@ -1419,7 +1391,7 @@ var DialogActions = withStyles(function (theme) { return ({
|
|
|
1419
1391
|
}); })(DialogActions$1);
|
|
1420
1392
|
function Modal(_a) {
|
|
1421
1393
|
var children = _a.children, title = _a.title, handleClose = _a.handleClose, open = _a.open, _b = _a.id, id = _b === void 0 ? "mesf-modal" : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? "lg" : _c;
|
|
1422
|
-
return (React__default.createElement(Dialog, { onClose: function () { return handleClose(); }, "aria-labelledby": id, open: open, maxWidth: maxWidth, style: { minWidth: 320 } },
|
|
1394
|
+
return (React__default.createElement(Dialog$1, { onClose: function () { return handleClose(); }, "aria-labelledby": id, open: open, maxWidth: maxWidth, style: { minWidth: 320 } },
|
|
1423
1395
|
React__default.createElement(DialogTitle, { id: id, onClose: function () { return handleClose(); } }, title),
|
|
1424
1396
|
children));
|
|
1425
1397
|
}
|
|
@@ -1436,9 +1408,9 @@ var ErrorModal = function (_a) {
|
|
|
1436
1408
|
React__default.createElement(MesfModal.Content, null,
|
|
1437
1409
|
React__default.createElement("div", null, error)),
|
|
1438
1410
|
React__default.createElement(MesfModal.Actions, null,
|
|
1439
|
-
React__default.createElement(Grid
|
|
1440
|
-
React__default.createElement(Grid
|
|
1441
|
-
React__default.createElement(Button
|
|
1411
|
+
React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end", style: { padding: "1rem", minWidth: "600px" } },
|
|
1412
|
+
React__default.createElement(Grid, { item: true, md: 2, xs: 12 },
|
|
1413
|
+
React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () {
|
|
1442
1414
|
onHide();
|
|
1443
1415
|
} }, "Ok")))))) : null;
|
|
1444
1416
|
};
|
|
@@ -1473,13 +1445,13 @@ var ResetJob = function (_a) {
|
|
|
1473
1445
|
});
|
|
1474
1446
|
}); };
|
|
1475
1447
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1476
|
-
React__default.createElement(Dialog
|
|
1477
|
-
React__default.createElement(DialogTitle$
|
|
1478
|
-
React__default.createElement(DialogContent$
|
|
1448
|
+
React__default.createElement(Dialog, { open: show, onClose: function () { return onHide(false); }, "aria-labelledby": "responsive-dialog-title" },
|
|
1449
|
+
React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
|
|
1450
|
+
React__default.createElement(DialogContent$1, null,
|
|
1479
1451
|
React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to reset? This action leaves the task in enable")),
|
|
1480
|
-
React__default.createElement(DialogActions$
|
|
1481
|
-
React__default.createElement(Button
|
|
1482
|
-
React__default.createElement(Button
|
|
1452
|
+
React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
|
|
1453
|
+
React__default.createElement(Button, { onClick: function () { return onHide(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
|
|
1454
|
+
React__default.createElement(Button, { onClick: function () {
|
|
1483
1455
|
onSubmit();
|
|
1484
1456
|
}, disabled: isLoading, variant: "outlined", color: "primary" }, "AGREE"))),
|
|
1485
1457
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
|
|
@@ -1512,13 +1484,13 @@ var OnEnableJob = function (_a) {
|
|
|
1512
1484
|
});
|
|
1513
1485
|
}); };
|
|
1514
1486
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1515
|
-
React__default.createElement(Dialog
|
|
1516
|
-
React__default.createElement(DialogTitle$
|
|
1517
|
-
React__default.createElement(DialogContent$
|
|
1487
|
+
React__default.createElement(Dialog, { open: show, onClose: function () { return onHide(false); }, "aria-labelledby": "responsive-dialog-title" },
|
|
1488
|
+
React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
|
|
1489
|
+
React__default.createElement(DialogContent$1, null,
|
|
1518
1490
|
React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to reset? This action leaves the task in enable")),
|
|
1519
|
-
React__default.createElement(DialogActions$
|
|
1520
|
-
React__default.createElement(Button
|
|
1521
|
-
React__default.createElement(Button
|
|
1491
|
+
React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
|
|
1492
|
+
React__default.createElement(Button, { onClick: function () { return onHide(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
|
|
1493
|
+
React__default.createElement(Button, { onClick: function () {
|
|
1522
1494
|
onSubmit();
|
|
1523
1495
|
}, disabled: isLoading, variant: "outlined", color: "primary" }, "AGREE"))),
|
|
1524
1496
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
|
|
@@ -1687,7 +1659,7 @@ var TableJobs = function () {
|
|
|
1687
1659
|
}, []);
|
|
1688
1660
|
return (React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
1689
1661
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" }, className: classes.filters },
|
|
1690
|
-
React.createElement(Typography
|
|
1662
|
+
React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "System Jobs"),
|
|
1691
1663
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: {
|
|
1692
1664
|
height: "70vh",
|
|
1693
1665
|
border: "4px solid #ccc",
|
|
@@ -1818,7 +1790,7 @@ var LOG_TYPE_CODES = [
|
|
|
1818
1790
|
{ id: "E", description: "Error" },
|
|
1819
1791
|
];
|
|
1820
1792
|
|
|
1821
|
-
var useStyles$q = makeStyles
|
|
1793
|
+
var useStyles$q = makeStyles(function (theme) { return ({
|
|
1822
1794
|
buttons: {
|
|
1823
1795
|
opacity: 0,
|
|
1824
1796
|
transition: "opacity 0.1s ease-in-out",
|
|
@@ -1906,18 +1878,18 @@ var useLogTableData = function () {
|
|
|
1906
1878
|
},
|
|
1907
1879
|
{
|
|
1908
1880
|
cellRenderer: function (params) {
|
|
1909
|
-
return (React__default.createElement(Grid
|
|
1881
|
+
return (React__default.createElement(Grid, { container: true, style: {
|
|
1910
1882
|
height: "100%",
|
|
1911
1883
|
display: "flex",
|
|
1912
1884
|
justifyContent: "center",
|
|
1913
1885
|
alignItems: "center"
|
|
1914
1886
|
}, className: classes.buttons },
|
|
1915
|
-
React__default.createElement(Grid
|
|
1887
|
+
React__default.createElement(Grid, { item: true, xs: 12, md: 12, style: {
|
|
1916
1888
|
display: "flex",
|
|
1917
1889
|
justifyContent: "center",
|
|
1918
1890
|
alignItems: "center"
|
|
1919
1891
|
} },
|
|
1920
|
-
React__default.createElement(Button
|
|
1892
|
+
React__default.createElement(Button, { style: {}, onClick: function (e) { return onActionsClick(e, params); } },
|
|
1921
1893
|
React__default.createElement(FormatListBulletedSharpIcon, { style: { height: "auto" }, color: "action" })))));
|
|
1922
1894
|
},
|
|
1923
1895
|
wrapText: false,
|
|
@@ -2010,7 +1982,7 @@ var ModalLogSelected = function (_a) {
|
|
|
2010
1982
|
React__default.createElement(Modal$1.Body, { style: { padding: "15px 30px" } },
|
|
2011
1983
|
React__default.createElement(Grid, { container: true, spacing: 1, alignItems: "flex-start" },
|
|
2012
1984
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
|
|
2013
|
-
React__default.createElement(TextField
|
|
1985
|
+
React__default.createElement(TextField
|
|
2014
1986
|
// disabled
|
|
2015
1987
|
, {
|
|
2016
1988
|
// disabled
|
|
@@ -2020,7 +1992,7 @@ var ModalLogSelected = function (_a) {
|
|
|
2020
1992
|
readOnly: true
|
|
2021
1993
|
} })),
|
|
2022
1994
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
|
|
2023
|
-
React__default.createElement(TextField
|
|
1995
|
+
React__default.createElement(TextField
|
|
2024
1996
|
// disabled
|
|
2025
1997
|
, {
|
|
2026
1998
|
// disabled
|
|
@@ -2030,7 +2002,7 @@ var ModalLogSelected = function (_a) {
|
|
|
2030
2002
|
readOnly: true
|
|
2031
2003
|
} })),
|
|
2032
2004
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
|
|
2033
|
-
React__default.createElement(TextField
|
|
2005
|
+
React__default.createElement(TextField
|
|
2034
2006
|
// disabled
|
|
2035
2007
|
, {
|
|
2036
2008
|
// disabled
|
|
@@ -2040,7 +2012,7 @@ var ModalLogSelected = function (_a) {
|
|
|
2040
2012
|
readOnly: true
|
|
2041
2013
|
} })),
|
|
2042
2014
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
|
|
2043
|
-
React__default.createElement(TextField
|
|
2015
|
+
React__default.createElement(TextField
|
|
2044
2016
|
// disabled
|
|
2045
2017
|
, {
|
|
2046
2018
|
// disabled
|
|
@@ -2052,8 +2024,8 @@ var ModalLogSelected = function (_a) {
|
|
|
2052
2024
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { paddingRight: 20, paddingLeft: 5, marginBottom: 20 } },
|
|
2053
2025
|
React__default.createElement(Card, { variant: "outlined", style: { backgroundColor: "#E9F2F8" } },
|
|
2054
2026
|
React__default.createElement(CardContent, null,
|
|
2055
|
-
React__default.createElement(Typography
|
|
2056
|
-
React__default.createElement(Typography
|
|
2027
|
+
React__default.createElement(Typography, { className: classes.messageTitle }, "Message:"),
|
|
2028
|
+
React__default.createElement(Typography, { style: { fontSize: 17 } }, selectedLog === null || selectedLog === void 0 ? void 0 : selectedLog.Message)))))),
|
|
2057
2029
|
React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
|
|
2058
2030
|
React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
|
|
2059
2031
|
React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
@@ -2089,7 +2061,7 @@ var CodeFilter = function (_a) {
|
|
|
2089
2061
|
var SearchFilter = function (_a) {
|
|
2090
2062
|
var search = _a.search, setSearch = _a.setSearch;
|
|
2091
2063
|
return (React__default.createElement(React__default.Fragment, null,
|
|
2092
|
-
React__default.createElement(TextField
|
|
2064
|
+
React__default.createElement(TextField, { style: {
|
|
2093
2065
|
minWidth: "100%",
|
|
2094
2066
|
margin: "15px 0px",
|
|
2095
2067
|
backgroundColor: "#f5f8fa",
|
|
@@ -2247,7 +2219,7 @@ var TableLogs = function () {
|
|
|
2247
2219
|
return (React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
2248
2220
|
React.createElement(Grid, { item: true, md: 12, xs: 12, className: classes.filters, style: { padding: "0 15px" } },
|
|
2249
2221
|
React.createElement(ModalLogSelected, { show: showLogModal, onHide: function () { return setShowLogModal(false); }, selectedLog: selectedLog }),
|
|
2250
|
-
React.createElement(Typography
|
|
2222
|
+
React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "MES and System Logs"),
|
|
2251
2223
|
React.createElement(Grid, { container: true, direction: "row", style: { margin: "20px 0 0" } },
|
|
2252
2224
|
React.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
2253
2225
|
React.createElement(Card, { className: classes.card },
|
|
@@ -2267,7 +2239,7 @@ var TableLogs = function () {
|
|
|
2267
2239
|
React.createElement(Grid, { item: true, md: 6, xs: 12 },
|
|
2268
2240
|
React.createElement(Button, { variant: "contained", color: "default", onClick: handleResetButtonClick, fullWidth: true }, "Reset")),
|
|
2269
2241
|
React.createElement(Grid, { item: true, md: 6, xs: 12 },
|
|
2270
|
-
React.createElement(Button, { fullWidth: true, startIcon: loading && React.createElement(CircularProgress
|
|
2242
|
+
React.createElement(Button, { fullWidth: true, startIcon: loading && React.createElement(CircularProgress, { size: "1rem" }), disabled: loading, variant: "contained", color: "primary", type: "submit" }, "Search"))))))),
|
|
2271
2243
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: {
|
|
2272
2244
|
height: "55vh",
|
|
2273
2245
|
border: "4px solid #ccc",
|
|
@@ -2519,7 +2491,7 @@ var CreateProfile = function (_a) {
|
|
|
2519
2491
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
2520
2492
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
2521
2493
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
2522
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
2494
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))))),
|
|
2523
2495
|
React.createElement(Snackbar, { open: openSnackbar, autoHideDuration: 2500, onClose: handleClose },
|
|
2524
2496
|
React.createElement(Alert, { severity: "success", onClose: handleClose }, message)),
|
|
2525
2497
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
|
|
@@ -2594,16 +2566,16 @@ var DeleteProfile = function (_a) {
|
|
|
2594
2566
|
React__default.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
|
|
2595
2567
|
React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
|
|
2596
2568
|
React__default.createElement(DialogContent$1, null,
|
|
2597
|
-
React__default.createElement(DialogContentText
|
|
2569
|
+
React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Be careful, once deleted you will not be able to recover this profile, are you sure you want to delete it?")),
|
|
2598
2570
|
React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
|
|
2599
2571
|
React__default.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
|
|
2600
|
-
React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress
|
|
2572
|
+
React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onDelete(profileForDelete === null || profileForDelete === void 0 ? void 0 : profileForDelete.ProfileId); } }, "Delete"))))),
|
|
2601
2573
|
React__default.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
2602
2574
|
React__default.createElement(Alert, { severity: "success", onClose: handleClose }, "The profile was deleted successfully")),
|
|
2603
2575
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
|
|
2604
2576
|
};
|
|
2605
2577
|
|
|
2606
|
-
var useStyles$m = makeStyles
|
|
2578
|
+
var useStyles$m = makeStyles(function (theme) { return ({
|
|
2607
2579
|
buttons: {
|
|
2608
2580
|
opacity: 0,
|
|
2609
2581
|
transition: "opacity 0.1s ease-in-out",
|
|
@@ -2784,17 +2756,17 @@ var DataTable = function (_a) {
|
|
|
2784
2756
|
}); })();
|
|
2785
2757
|
}, []);
|
|
2786
2758
|
return (React__default.createElement(React__default.Fragment, null,
|
|
2787
|
-
React__default.createElement(Grid
|
|
2788
|
-
React__default.createElement(Grid
|
|
2759
|
+
React__default.createElement(Grid, { container: true, md: 12, xs: 12, style: { padding: "0 0 10px", justifyContent: "space-between" } },
|
|
2760
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
2789
2761
|
React__default.createElement(Modal$1.Title, { id: "contained-modal-title-vcenter", style: { width: "100%", fontSize: 20, margin: "5px 0 0" } }, "Actions")),
|
|
2790
|
-
React__default.createElement(Grid
|
|
2762
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
2791
2763
|
React__default.createElement(TextField, { id: "outlined-basic", label: "Search", variant: "outlined", value: filterInput, onChange: handlerFilter, margin: "dense", style: { width: "100%" } }))),
|
|
2792
2764
|
React__default.createElement("div", { className: "ag-theme-balham", style: { width: "100%", height: "60vh" } },
|
|
2793
2765
|
React__default.createElement(AgGridReact, { getRowId: function (params) { return params.data.ActionId; }, onGridReady: onGridReady, rowData: rows, columnDefs: columns, defaultColDef: defaultColDef, onFirstDataRendered: onFirstDataRendered, rowSelection: "multiple", rowMultiSelectWithClick: true, onSelectionChanged: onAgGridSelectionChanged })),
|
|
2794
2766
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
|
|
2795
2767
|
};
|
|
2796
2768
|
|
|
2797
|
-
var useStyles$l = makeStyles
|
|
2769
|
+
var useStyles$l = makeStyles(function (theme) { return ({
|
|
2798
2770
|
root: {
|
|
2799
2771
|
"& .MuiFormLabel-asterisk": {
|
|
2800
2772
|
display: "none"
|
|
@@ -2918,13 +2890,13 @@ var ActionsOfProfile = function (_a) {
|
|
|
2918
2890
|
}, required: true, error: profileName.length === 0 })))))),
|
|
2919
2891
|
React.createElement(Modal$1.Body, { style: { padding: "0 30px 15px" } },
|
|
2920
2892
|
isLoading && (React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", style: { minHeight: "60px" } },
|
|
2921
|
-
React.createElement(CircularProgress
|
|
2893
|
+
React.createElement(CircularProgress, { size: "3rem" }))),
|
|
2922
2894
|
!error && !isLoading && actionsOfProfile && (React.createElement(DataTable, { actionsOfProfile: actionsOfProfile, onSelectionChanged: setActionsSelected }))),
|
|
2923
2895
|
React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } }, !isLoading && (React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
|
|
2924
2896
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
2925
2897
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
2926
2898
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
2927
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
2899
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save"))))))),
|
|
2928
2900
|
React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
2929
2901
|
React.createElement(Alert, { severity: "info", onClose: handleClose }, "The actions of the profile were edited successfully")),
|
|
2930
2902
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
@@ -3076,7 +3048,7 @@ var TableProfiles = function (_a) {
|
|
|
3076
3048
|
}, [isLoading, rows, gridApi]);
|
|
3077
3049
|
return (React.createElement(Grid, { container: true, justifyContent: "center" },
|
|
3078
3050
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" } },
|
|
3079
|
-
React.createElement(Typography
|
|
3051
|
+
React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "Profile Management")),
|
|
3080
3052
|
React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
3081
3053
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" }, className: classes.relative },
|
|
3082
3054
|
React.createElement(CreateProfile, { show: modalCreateActive, onHide: function (shouldUpdate) {
|
|
@@ -3486,7 +3458,7 @@ var CreateShift = function (_a) {
|
|
|
3486
3458
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
3487
3459
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
3488
3460
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
3489
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
3461
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))))),
|
|
3490
3462
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
3491
3463
|
React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
3492
3464
|
React.createElement(Alert, { severity: "success", onClose: handleClose }, "The shift was created successfully"))));
|
|
@@ -3641,7 +3613,7 @@ var DeleteShift = function (_a) {
|
|
|
3641
3613
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
3642
3614
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
3643
3615
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
3644
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
3616
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading
|
|
3645
3617
|
? isSubmitLoading
|
|
3646
3618
|
: new Date(shiftTableData.PatternStart) <
|
|
3647
3619
|
new Date() && true, variant: "contained", color: "secondary", onClick: function () { return setDeleteAlert(true); } }, "Delete"),
|
|
@@ -3650,10 +3622,10 @@ var DeleteShift = function (_a) {
|
|
|
3650
3622
|
React.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
|
|
3651
3623
|
React.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
|
|
3652
3624
|
React.createElement(DialogContent$1, null,
|
|
3653
|
-
React.createElement(DialogContentText
|
|
3625
|
+
React.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Be careful, once deleted you will not be able to recover this shift, are you sure you want to delete it?")),
|
|
3654
3626
|
React.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
|
|
3655
3627
|
React.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
|
|
3656
|
-
React.createElement(Button, { startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
3628
|
+
React.createElement(Button, { startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onDelete(patternStart); } }, "Delete"))))))),
|
|
3657
3629
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
3658
3630
|
React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
3659
3631
|
React.createElement(Alert, { severity: "warning", onClose: handleClose }, "The shift was deleted successfully"))));
|
|
@@ -3897,13 +3869,13 @@ var EditShift = function (_a) {
|
|
|
3897
3869
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
3898
3870
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
3899
3871
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
3900
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
3872
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))))),
|
|
3901
3873
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
3902
3874
|
React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
3903
3875
|
React.createElement(Alert, { severity: "success", onClose: handleClose }, "The shift was created successfully"))));
|
|
3904
3876
|
};
|
|
3905
3877
|
|
|
3906
|
-
var useStyles$g = makeStyles
|
|
3878
|
+
var useStyles$g = makeStyles(function (theme) { return ({
|
|
3907
3879
|
root: {
|
|
3908
3880
|
opacity: 0,
|
|
3909
3881
|
transition: "opacity 0.1s ease-in-out",
|
|
@@ -4142,7 +4114,7 @@ var TableShiftsCrews = function (_a) {
|
|
|
4142
4114
|
}, [rows]);
|
|
4143
4115
|
return (React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
4144
4116
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" } },
|
|
4145
|
-
React.createElement(Typography
|
|
4117
|
+
React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "Shifts / Crew")),
|
|
4146
4118
|
React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
4147
4119
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" }, className: classes.relative },
|
|
4148
4120
|
React.createElement(CreateShift, { show: openModalNew, onHide: function (shouldUpdate) {
|
|
@@ -4355,7 +4327,7 @@ var ConfigurationAssetProvider = function (_a) {
|
|
|
4355
4327
|
return (React__default.createElement(ConfigurationAssetContext.Provider, { value: { state: state, actions: actions } }, children));
|
|
4356
4328
|
};
|
|
4357
4329
|
|
|
4358
|
-
var useStyles$e = makeStyles
|
|
4330
|
+
var useStyles$e = makeStyles(function (theme) { return ({
|
|
4359
4331
|
root: {
|
|
4360
4332
|
alignItems: "center",
|
|
4361
4333
|
display: "flex",
|
|
@@ -4457,7 +4429,7 @@ var CustomNode = function (_a) {
|
|
|
4457
4429
|
React__default.createElement(Typography, { variant: "body2" }, props.node.text))));
|
|
4458
4430
|
};
|
|
4459
4431
|
|
|
4460
|
-
var useStyles$d = makeStyles
|
|
4432
|
+
var useStyles$d = makeStyles(function (theme) { return ({
|
|
4461
4433
|
root: {
|
|
4462
4434
|
alignItems: "flex-start",
|
|
4463
4435
|
backgroundColor: "#1967d2",
|
|
@@ -4500,7 +4472,7 @@ var MultipleDragPreview = function (props) {
|
|
|
4500
4472
|
}))));
|
|
4501
4473
|
};
|
|
4502
4474
|
|
|
4503
|
-
var useStyles$c = makeStyles
|
|
4475
|
+
var useStyles$c = makeStyles(function (theme) { return ({
|
|
4504
4476
|
root: {
|
|
4505
4477
|
alignItems: "center",
|
|
4506
4478
|
backgroundColor: "#1967d2",
|
|
@@ -4989,14 +4961,14 @@ var CreateNewAssetDialog = function (_a) {
|
|
|
4989
4961
|
}
|
|
4990
4962
|
}, [show]);
|
|
4991
4963
|
return (React__default.createElement("div", { className: classes.root },
|
|
4992
|
-
React__default.createElement(Dialog
|
|
4964
|
+
React__default.createElement(Dialog, { fullWidth: fullWidth, maxWidth: maxWidth, open: show, onClose: function () { return handleCancel(); }, disableEnforceFocus: true, className: classes.root },
|
|
4993
4965
|
React__default.createElement("form", { onSubmit: handleFormSubmit },
|
|
4994
4966
|
React__default.createElement(Grid, { container: true, style: { padding: "15px 0 20px", height: "50%" } },
|
|
4995
4967
|
React__default.createElement(Grid, { container: true, item: true },
|
|
4996
4968
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
4997
4969
|
React__default.createElement(Typography, { style: { padding: "0 24px 12px", fontSize: 25 } }, "NEW ASSET"))),
|
|
4998
4970
|
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
4999
|
-
React__default.createElement(DialogContent$
|
|
4971
|
+
React__default.createElement(DialogContent$1, { dividers: true, style: { padding: "10px 24px 0" } },
|
|
5000
4972
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
5001
4973
|
React__default.createElement(Controller, { name: "AssetName", control: control, rules: {
|
|
5002
4974
|
validate: {
|
|
@@ -5023,7 +4995,7 @@ var CreateNewAssetDialog = function (_a) {
|
|
|
5023
4995
|
}, name: "CanBeDefaultAsset", color: "primary" }), label: "Can be Default Asset" }));
|
|
5024
4996
|
} }))))),
|
|
5025
4997
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { marginTop: "15px" } },
|
|
5026
|
-
React__default.createElement(DialogActions$
|
|
4998
|
+
React__default.createElement(DialogActions$1, { style: { padding: "0px 24px" } },
|
|
5027
4999
|
React__default.createElement(Grid, { container: true, justifyContent: "flex-end", style: { margin: 0 } },
|
|
5028
5000
|
React__default.createElement(Grid, { container: true, item: true, style: {
|
|
5029
5001
|
marginLeft: "auto",
|
|
@@ -5033,7 +5005,7 @@ var CreateNewAssetDialog = function (_a) {
|
|
|
5033
5005
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingLeft: "0", paddingRight: "16px" } },
|
|
5034
5006
|
React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return handleCancel(); } }, "Cancel")),
|
|
5035
5007
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
|
|
5036
|
-
React__default.createElement(Button, { fullWidth: true, startIcon: isCreateSubmitLoading && (React__default.createElement(CircularProgress
|
|
5008
|
+
React__default.createElement(Button, { fullWidth: true, startIcon: isCreateSubmitLoading && (React__default.createElement(CircularProgress, { size: "1rem" })), disabled: isCreateSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))))))),
|
|
5037
5009
|
React__default.createElement(ErrorModal, { error: errorCreateAsset, onHide: function () { return setErrorCreateAsset(""); } }),
|
|
5038
5010
|
React__default.createElement(Snackbar, { open: assetCreatedSuccess, autoHideDuration: 2500, onClose: handleClose },
|
|
5039
5011
|
React__default.createElement(Alert$2, { severity: "info", onClose: handleClose }, "Document created succesfully"))));
|
|
@@ -5116,14 +5088,14 @@ var ViewerAssetDialog = function (_a) {
|
|
|
5116
5088
|
}
|
|
5117
5089
|
}, [show]);
|
|
5118
5090
|
return (React__default.createElement("div", { className: classes.root },
|
|
5119
|
-
React__default.createElement(Dialog
|
|
5091
|
+
React__default.createElement(Dialog, { fullWidth: fullWidth, maxWidth: maxWidth, open: show, onClose: function () { return handleCancel(); }, disableEnforceFocus: true, className: classes.root },
|
|
5120
5092
|
React__default.createElement("form", { onSubmit: function () { } },
|
|
5121
5093
|
React__default.createElement(Grid, { container: true, style: { padding: "15px 0", height: "50%" } },
|
|
5122
5094
|
React__default.createElement(Grid, { container: true, item: true },
|
|
5123
5095
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
5124
5096
|
React__default.createElement(Typography, { style: { padding: "0 24px 12px", fontSize: 25 } }, assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.AssetName))),
|
|
5125
5097
|
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5126
|
-
React__default.createElement(DialogContent$
|
|
5098
|
+
React__default.createElement(DialogContent$1, { dividers: true, style: { padding: "10px 24px 0" } },
|
|
5127
5099
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
5128
5100
|
React__default.createElement(Controller, { name: "AssetName", control: control, render: function (_a) {
|
|
5129
5101
|
var _b = _a.field, onChange = _b.onChange, value = _b.value;
|
|
@@ -5238,9 +5210,9 @@ var RemoveAssetDialog = function (_a) {
|
|
|
5238
5210
|
});
|
|
5239
5211
|
}); };
|
|
5240
5212
|
return (React__default.createElement(React__default.Fragment, null,
|
|
5241
|
-
React__default.createElement(Dialog
|
|
5242
|
-
React__default.createElement(DialogTitle$
|
|
5243
|
-
React__default.createElement(DialogContent$
|
|
5213
|
+
React__default.createElement(Dialog, { fullWidth: fullWidth, maxWidth: maxWidth, open: show, onClose: function () { return handleCancel(); }, disableEnforceFocus: true, className: classes.root },
|
|
5214
|
+
React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
|
|
5215
|
+
React__default.createElement(DialogContent$1, null,
|
|
5244
5216
|
React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } },
|
|
5245
5217
|
"Be careful, once deleted you will not be able to recover this asset",
|
|
5246
5218
|
" ",
|
|
@@ -5249,9 +5221,9 @@ var RemoveAssetDialog = function (_a) {
|
|
|
5249
5221
|
assetNodeSelectedInTree.AssetName,
|
|
5250
5222
|
")"),
|
|
5251
5223
|
", are you sure you want to delete?")),
|
|
5252
|
-
React__default.createElement(DialogActions$
|
|
5253
|
-
React__default.createElement(Button
|
|
5254
|
-
React__default.createElement(Button
|
|
5224
|
+
React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
|
|
5225
|
+
React__default.createElement(Button, { onClick: function () { return onHide(false); }, autoFocus: true, color: "default" }, "CANCEL"),
|
|
5226
|
+
React__default.createElement(Button, { autoFocus: true, color: "secondary", startIcon: isCreateSubmitLoading && React__default.createElement(CircularProgress, { size: "1rem" }), onClick: handleRemoveAsset }, "Delete"))),
|
|
5255
5227
|
React__default.createElement(ErrorModal, { error: errorRemoveAsset, onHide: function () { return setErrorRemoveAsset(""); } }),
|
|
5256
5228
|
React__default.createElement(Snackbar, { open: assetRemovedSuccess, autoHideDuration: 2500, onClose: handleClose },
|
|
5257
5229
|
React__default.createElement(Alert$2, { severity: "info", onClose: handleClose }, "Asset removed succesfully"))));
|
|
@@ -5371,14 +5343,14 @@ var EditAssetDialog = function (_a) {
|
|
|
5371
5343
|
}
|
|
5372
5344
|
}, [show]);
|
|
5373
5345
|
return (React__default.createElement("div", { className: classes.root },
|
|
5374
|
-
React__default.createElement(Dialog
|
|
5346
|
+
React__default.createElement(Dialog, { fullWidth: fullWidth, maxWidth: maxWidth, open: show, onClose: function () { return handleCancel(); }, disableEnforceFocus: true, className: classes.root },
|
|
5375
5347
|
React__default.createElement("form", { onSubmit: handleFormSubmit },
|
|
5376
5348
|
React__default.createElement(Grid, { container: true, style: { padding: "15px 0 20px", height: "50%" } },
|
|
5377
5349
|
React__default.createElement(Grid, { container: true, item: true },
|
|
5378
5350
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
5379
5351
|
React__default.createElement(Typography, { style: { padding: "0 24px 12px", fontSize: 25 } }, assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.AssetName))),
|
|
5380
5352
|
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5381
|
-
React__default.createElement(DialogContent$
|
|
5353
|
+
React__default.createElement(DialogContent$1, { dividers: true, style: { padding: "10px 24px 0" } },
|
|
5382
5354
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
5383
5355
|
React__default.createElement(Controller, { name: "AssetName", control: control, render: function (_a) {
|
|
5384
5356
|
var _b = _a.field, onChange = _b.onChange, value = _b.value;
|
|
@@ -5409,7 +5381,7 @@ var EditAssetDialog = function (_a) {
|
|
|
5409
5381
|
}, name: "CanBeDefaultAsset", color: "primary" }), label: "Can be Default Asset" }));
|
|
5410
5382
|
} })))))),
|
|
5411
5383
|
React__default.createElement(Grid, { item: true, md: 12, xs: 12, justifyContent: "flex-end", style: { marginTop: "15px" } },
|
|
5412
|
-
React__default.createElement(DialogActions$
|
|
5384
|
+
React__default.createElement(DialogActions$1, { style: { padding: "0px 24px" } },
|
|
5413
5385
|
React__default.createElement(Grid, { container: true, justifyContent: "flex-end", style: { margin: 0 } },
|
|
5414
5386
|
React__default.createElement(Grid, { container: true, item: true, style: {
|
|
5415
5387
|
marginLeft: "auto",
|
|
@@ -5417,15 +5389,15 @@ var EditAssetDialog = function (_a) {
|
|
|
5417
5389
|
marginBottom: 0
|
|
5418
5390
|
} },
|
|
5419
5391
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingLeft: "0", paddingRight: "16px" } },
|
|
5420
|
-
React__default.createElement(Button
|
|
5392
|
+
React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return handleCancel(); } }, "Cancel")),
|
|
5421
5393
|
React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
|
|
5422
|
-
React__default.createElement(Button
|
|
5394
|
+
React__default.createElement(Button, { fullWidth: true, startIcon: isEditSubmitLoading && (React__default.createElement(CircularProgress, { size: "1rem" })), disabled: isEditSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save"))))),
|
|
5423
5395
|
React__default.createElement(ErrorModal, { error: errorEditAsset, onHide: function () { return setErrorEditAsset(""); } }),
|
|
5424
|
-
React__default.createElement(Snackbar
|
|
5396
|
+
React__default.createElement(Snackbar, { open: assetEditedSuccess, autoHideDuration: 2500, onClose: handleClose },
|
|
5425
5397
|
React__default.createElement(Alert$3, { severity: "info", onClose: handleClose }, "Document created succesfully")))))))));
|
|
5426
5398
|
};
|
|
5427
5399
|
|
|
5428
|
-
var useStyles$7 = makeStyles
|
|
5400
|
+
var useStyles$7 = makeStyles(function (theme) { return ({
|
|
5429
5401
|
root: {},
|
|
5430
5402
|
contextMenu: {
|
|
5431
5403
|
backgroundColor: "#F8F8F8",
|
|
@@ -5574,15 +5546,15 @@ var AssetViewComponent = function () {
|
|
|
5574
5546
|
React__default.createElement("div", { onClick: handleClick },
|
|
5575
5547
|
React__default.createElement("div", { onContextMenu: handleCreateNewContextMenu },
|
|
5576
5548
|
React__default.createElement("div", null,
|
|
5577
|
-
React__default.createElement(Grid
|
|
5578
|
-
React__default.createElement(Paper
|
|
5549
|
+
React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
5550
|
+
React__default.createElement(Paper, { elevation: 1, style: {
|
|
5579
5551
|
width: "100%",
|
|
5580
5552
|
padding: "15px 20px 25px",
|
|
5581
5553
|
borderRadius: "0.75rem"
|
|
5582
5554
|
} },
|
|
5583
5555
|
React__default.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "Assets Tree"),
|
|
5584
|
-
isLoading ? (React__default.createElement(Grid
|
|
5585
|
-
React__default.createElement(Grid
|
|
5556
|
+
isLoading ? (React__default.createElement(Grid, { container: true, style: { width: "100%", height: "100%" } },
|
|
5557
|
+
React__default.createElement(Grid, { item: true, xs: 12, md: 12, style: {
|
|
5586
5558
|
height: "66vh",
|
|
5587
5559
|
justifyContent: "center",
|
|
5588
5560
|
alignItems: "center"
|
|
@@ -5594,18 +5566,18 @@ var AssetViewComponent = function () {
|
|
|
5594
5566
|
justifyContent: "center",
|
|
5595
5567
|
alignItems: "center"
|
|
5596
5568
|
} },
|
|
5597
|
-
React__default.createElement(LazyLoading, null))))) : (React__default.createElement(Paper
|
|
5569
|
+
React__default.createElement(LazyLoading, null))))) : (React__default.createElement(Paper, { elevation: 2, style: {
|
|
5598
5570
|
width: "100%",
|
|
5599
5571
|
padding: "15px 20px 10px",
|
|
5600
5572
|
borderRadius: "0.75rem"
|
|
5601
5573
|
} },
|
|
5602
|
-
React__default.createElement(Grid
|
|
5603
|
-
React__default.createElement(Grid
|
|
5574
|
+
React__default.createElement(Grid, { container: true, alignItems: "center" },
|
|
5575
|
+
React__default.createElement(Grid, { container: true, style: {
|
|
5604
5576
|
height: "66vh",
|
|
5605
5577
|
overflowY: "auto",
|
|
5606
5578
|
paddingBottom: 10
|
|
5607
5579
|
} },
|
|
5608
|
-
React__default.createElement(Grid
|
|
5580
|
+
React__default.createElement(Grid, null,
|
|
5609
5581
|
React__default.createElement(Tree, { rootId: 0, initialOpen: openAssetsArray, tree: allAssetNodes, enableAnimateExpand: true, classes: {
|
|
5610
5582
|
root: classes.assetRoot,
|
|
5611
5583
|
dropTarget: classes.dropTarget
|
|
@@ -5641,39 +5613,39 @@ var AssetViewComponent = function () {
|
|
|
5641
5613
|
searchAssets();
|
|
5642
5614
|
}
|
|
5643
5615
|
} }))),
|
|
5644
|
-
React__default.createElement(Snackbar
|
|
5616
|
+
React__default.createElement(Snackbar, { open: updatedSuccessfullyMessage, autoHideDuration: 2500, onClose: handleClose },
|
|
5645
5617
|
React__default.createElement(Alert$3, { severity: "success", onClose: handleClose }, "Asset updated successfully"))),
|
|
5646
5618
|
showContextMenu && !isDoubleClick ? (React__default.createElement("ul", { className: classes.contextMenu, style: { top: y, left: x, padding: "6px 0" } },
|
|
5647
|
-
React__default.createElement(MenuItem
|
|
5648
|
-
React__default.createElement(Grid
|
|
5649
|
-
React__default.createElement(Grid
|
|
5619
|
+
React__default.createElement(MenuItem, { className: classes.menuItem, onClick: function () { return setShowViewerAssetDialog(true); } },
|
|
5620
|
+
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5621
|
+
React__default.createElement(Grid, { item: true, md: 2, xs: 3 },
|
|
5650
5622
|
React__default.createElement(FindInPageIcon, { style: { width: 18 } })),
|
|
5651
|
-
React__default.createElement(Grid
|
|
5623
|
+
React__default.createElement(Grid, { item: true, md: 9, xs: 9 },
|
|
5652
5624
|
React__default.createElement("div", { style: { marginLeft: 5 } }, "View Asset")))),
|
|
5653
|
-
React__default.createElement(MenuItem
|
|
5654
|
-
React__default.createElement(Grid
|
|
5655
|
-
React__default.createElement(Grid
|
|
5625
|
+
React__default.createElement(MenuItem, { className: classes.menuItem, onClick: function () { return setShowEditAssetDialog(true); } },
|
|
5626
|
+
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5627
|
+
React__default.createElement(Grid, { item: true, md: 2, xs: 3 },
|
|
5656
5628
|
React__default.createElement(EditIcon, { style: { width: 18 } })),
|
|
5657
|
-
React__default.createElement(Grid
|
|
5629
|
+
React__default.createElement(Grid, { item: true, md: 9, xs: 9 },
|
|
5658
5630
|
React__default.createElement("div", { style: { marginLeft: 5 } }, "Edit Asset")))),
|
|
5659
|
-
React__default.createElement(MenuItem
|
|
5660
|
-
React__default.createElement(Grid
|
|
5661
|
-
React__default.createElement(Grid
|
|
5631
|
+
React__default.createElement(MenuItem, { className: classes.menuItem, onClick: function () { return setShowCreateNewAssetDialog(true); } },
|
|
5632
|
+
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5633
|
+
React__default.createElement(Grid, { item: true, md: 2, xs: 3 },
|
|
5662
5634
|
React__default.createElement(AddBoxIcon, { style: { width: 18 } })),
|
|
5663
|
-
React__default.createElement(Grid
|
|
5635
|
+
React__default.createElement(Grid, { item: true, md: 9, xs: 9 },
|
|
5664
5636
|
React__default.createElement("div", { style: { marginLeft: 5 } }, "Create Asset")))),
|
|
5665
|
-
(assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.IsBranch) === false && (React__default.createElement(MenuItem
|
|
5666
|
-
React__default.createElement(Grid
|
|
5667
|
-
React__default.createElement(Grid
|
|
5637
|
+
(assetNodeSelectedInTree === null || assetNodeSelectedInTree === void 0 ? void 0 : assetNodeSelectedInTree.IsBranch) === false && (React__default.createElement(MenuItem, { className: classes.menuItem, onClick: function () { return setShowRemoveAssetDialog(true); } },
|
|
5638
|
+
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5639
|
+
React__default.createElement(Grid, { item: true, md: 2, xs: 3 },
|
|
5668
5640
|
React__default.createElement(DeleteIcon, { style: { width: 18 } })),
|
|
5669
|
-
React__default.createElement(Grid
|
|
5641
|
+
React__default.createElement(Grid, { item: true, md: 9, xs: 9 },
|
|
5670
5642
|
React__default.createElement("div", { style: { marginLeft: 5 } }, "Remove Asset"))))))) : (""),
|
|
5671
5643
|
showCreateNewContextMenu ? (React__default.createElement("ul", { className: classes.contextMenu, style: { top: y, left: x } },
|
|
5672
|
-
React__default.createElement(MenuItem
|
|
5673
|
-
React__default.createElement(Grid
|
|
5674
|
-
React__default.createElement(Grid
|
|
5644
|
+
React__default.createElement(MenuItem, { className: classes.menuItem, onClick: function () { return setShowCreateNewAssetDialog(true); } },
|
|
5645
|
+
React__default.createElement(Grid, { container: true, style: { alignItems: "center" } },
|
|
5646
|
+
React__default.createElement(Grid, { item: true, md: 2, xs: 3 },
|
|
5675
5647
|
React__default.createElement(AddBoxIcon, { style: { width: 18 } })),
|
|
5676
|
-
React__default.createElement(Grid
|
|
5648
|
+
React__default.createElement(Grid, { item: true, md: 9, xs: 9 },
|
|
5677
5649
|
React__default.createElement("div", { style: { marginLeft: 5 } }, "Create Asset")))))) : (""))),
|
|
5678
5650
|
React__default.createElement(ErrorModal, { error: errorUpdate, onHide: function () { return setErrorUpdate(""); } }),
|
|
5679
5651
|
React__default.createElement(ErrorModal, { error: searchError, onHide: function () { return setSearchError(""); } })));
|
|
@@ -5949,7 +5921,7 @@ var INITIAL_VALUES = {
|
|
|
5949
5921
|
};
|
|
5950
5922
|
|
|
5951
5923
|
// @flow
|
|
5952
|
-
var useStyles$5 = makeStyles
|
|
5924
|
+
var useStyles$5 = makeStyles(function (theme) { return ({
|
|
5953
5925
|
root: {
|
|
5954
5926
|
"& .MuiSelect-select": {
|
|
5955
5927
|
minHeight: "40px"
|
|
@@ -5985,7 +5957,7 @@ var AuthTypeSelector = function (_a) {
|
|
|
5985
5957
|
var classes = useStyles$5();
|
|
5986
5958
|
var _b = useState([]), authTypes = _b[0], setAuthTypes = _b[1];
|
|
5987
5959
|
var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
|
|
5988
|
-
var theme = useTheme
|
|
5960
|
+
var theme = useTheme();
|
|
5989
5961
|
var _d = useState(""); _d[0]; var setError = _d[1];
|
|
5990
5962
|
var getStyles = function (AuthTypeId, authTypes, theme) {
|
|
5991
5963
|
return {
|
|
@@ -6118,14 +6090,14 @@ var CreateUser = function (_a) {
|
|
|
6118
6090
|
React.createElement(Grid, { item: true, xs: 12, md: 6, style: { marginTop: "5px" } },
|
|
6119
6091
|
React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
|
|
6120
6092
|
var field = _a.field;
|
|
6121
|
-
return (React.createElement(FormControlLabel
|
|
6093
|
+
return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
|
|
6122
6094
|
} })))),
|
|
6123
6095
|
React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
|
|
6124
6096
|
React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
|
|
6125
6097
|
React.createElement(Grid, { item: true, md: 3, xs: 12 },
|
|
6126
6098
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
6127
6099
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
6128
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress
|
|
6100
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading && React.createElement(CircularProgress, { size: "1rem" }), disabled: isSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save"))))),
|
|
6129
6101
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
6130
6102
|
React.createElement(ErrorModal, { error: profileError, onHide: function () { return setprofileError(""); } })),
|
|
6131
6103
|
React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
@@ -6263,14 +6235,14 @@ var EditUser = function (_a) {
|
|
|
6263
6235
|
React.createElement(Grid, { item: true, xs: 12, md: 6 },
|
|
6264
6236
|
React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
|
|
6265
6237
|
var field = _a.field;
|
|
6266
|
-
return (React.createElement(FormControlLabel
|
|
6238
|
+
return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
|
|
6267
6239
|
} }))))))),
|
|
6268
6240
|
React.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
|
|
6269
6241
|
React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
|
|
6270
6242
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
6271
6243
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
|
|
6272
6244
|
React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
|
|
6273
|
-
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading ? React.createElement(CircularProgress
|
|
6245
|
+
React.createElement(Button, { fullWidth: true, startIcon: isSubmitLoading ? React.createElement(CircularProgress, { size: "1rem" }) : React.createElement(React.Fragment, null), disabled: isSubmitLoading, variant: "contained", color: "primary", type: "submit" }, "Save")))))),
|
|
6274
6246
|
React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
|
|
6275
6247
|
React.createElement(Alert, { severity: "info", onClose: handleClose }, "The user was edited successfully")),
|
|
6276
6248
|
React.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
@@ -6385,7 +6357,7 @@ var DeleteUser = function (_a) {
|
|
|
6385
6357
|
React__default.createElement(Grid, { item: true, xs: 12, md: 6 },
|
|
6386
6358
|
React__default.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
|
|
6387
6359
|
var field = _a.field;
|
|
6388
|
-
return (React__default.createElement(FormControlLabel
|
|
6360
|
+
return (React__default.createElement(FormControlLabel, { control: React__default.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
|
|
6389
6361
|
} }))))))),
|
|
6390
6362
|
React__default.createElement(Modal$1.Footer, { style: { padding: "20px 30px 30px" } },
|
|
6391
6363
|
React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
|
|
@@ -6398,15 +6370,15 @@ var DeleteUser = function (_a) {
|
|
|
6398
6370
|
React__default.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
|
|
6399
6371
|
React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
|
|
6400
6372
|
React__default.createElement(DialogContent$1, null,
|
|
6401
|
-
React__default.createElement(DialogContentText
|
|
6373
|
+
React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Be careful, once deleted you will not be able to recover this user, are you sure you want to delete it?")),
|
|
6402
6374
|
React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
|
|
6403
6375
|
React__default.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
|
|
6404
|
-
React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress
|
|
6376
|
+
React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onSubmit(userIdForDelete); } }, "Delete"))),
|
|
6405
6377
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } }),
|
|
6406
6378
|
React__default.createElement(ErrorModal, { error: profileError, onHide: function () { return setprofileError(""); } })));
|
|
6407
6379
|
};
|
|
6408
6380
|
|
|
6409
|
-
var useStyles$2 = makeStyles
|
|
6381
|
+
var useStyles$2 = makeStyles(function (theme) { return ({
|
|
6410
6382
|
buttons: {
|
|
6411
6383
|
opacity: 0,
|
|
6412
6384
|
transition: "opacity 0.1s ease-in-out",
|
|
@@ -6563,18 +6535,18 @@ var ChangePassword$1 = function (_a) {
|
|
|
6563
6535
|
if (userId) {
|
|
6564
6536
|
return (React.createElement(React.Fragment, null,
|
|
6565
6537
|
React.createElement(MesfModal, { title: "Change password", open: show, handleClose: function () { return onHide(false); }, maxWidth: "lg" },
|
|
6566
|
-
React.createElement(Grid
|
|
6567
|
-
React.createElement(Grid
|
|
6538
|
+
React.createElement(Grid, { container: true },
|
|
6539
|
+
React.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
6568
6540
|
React.createElement(MesfModal.Content, { style: { padding: "6px 16px 16px" } },
|
|
6569
6541
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
6570
|
-
React.createElement(Grid
|
|
6542
|
+
React.createElement(Grid, { item: true, md: 12, xs: 12 },
|
|
6571
6543
|
React.createElement(TextField, { label: "New Password", value: password, onChange: function (el) {
|
|
6572
6544
|
setIsDirty(true);
|
|
6573
6545
|
setPasswordText(el.target.value);
|
|
6574
6546
|
}, variant: "outlined", error: isEmpty(password) && isDirty, fullWidth: true,
|
|
6575
6547
|
// margin="dense"
|
|
6576
6548
|
autoComplete: "off" })),
|
|
6577
|
-
React.createElement(Grid
|
|
6549
|
+
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { marginTop: 15 } },
|
|
6578
6550
|
React.createElement(Button, { fullWidth: true, variant: "contained", color: "primary", type: "submit" }, "APPLY")))))))));
|
|
6579
6551
|
}
|
|
6580
6552
|
else {
|
|
@@ -6741,7 +6713,7 @@ var TableUsers = function (_a) {
|
|
|
6741
6713
|
}, [isLoading, rows, gridApi]);
|
|
6742
6714
|
return (React.createElement(Grid, { container: true, justifyContent: "center" },
|
|
6743
6715
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" } },
|
|
6744
|
-
React.createElement(Typography
|
|
6716
|
+
React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "User Management")),
|
|
6745
6717
|
React.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", className: classes.root },
|
|
6746
6718
|
React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" }, className: classes.relative },
|
|
6747
6719
|
React.createElement(CreateUser, { show: openModalCreate, onHide: function (shouldUpdate) {
|
|
@@ -7745,16 +7717,17 @@ var ShiftNavigatorProvider = function (_a) {
|
|
|
7745
7717
|
|
|
7746
7718
|
var moment = getMomentTz();
|
|
7747
7719
|
var ShiftDayNavigatorControl = function (props) {
|
|
7748
|
-
var _a
|
|
7720
|
+
var _a;
|
|
7721
|
+
var _b = useShiftNavigator(), shiftInfo = _b.shiftInfo, initShiftNavigator = _b.initShiftNavigator, moveShift = _b.moveShift, getShiftDataFromAPI = _b.getShiftDataFromAPI;
|
|
7749
7722
|
var shiftId = useParams().shiftId;
|
|
7750
7723
|
var firstRender = useRef(true);
|
|
7751
7724
|
var updateHistory = function (shiftId) {
|
|
7752
7725
|
var paths = location.pathname.split("/");
|
|
7753
7726
|
window.history.replaceState(null, "", "/".concat(paths[1]) + "/".concat(shiftId));
|
|
7754
7727
|
};
|
|
7755
|
-
if (shiftInfo !== null && shiftInfo.CurrentShiftId
|
|
7728
|
+
if (shiftInfo !== null && shiftInfo.CurrentShiftId) {
|
|
7756
7729
|
if (props.useRouter) {
|
|
7757
|
-
updateHistory(shiftInfo.CurrentShiftId.toString());
|
|
7730
|
+
updateHistory((_a = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId) === null || _a === void 0 ? void 0 : _a.toString());
|
|
7758
7731
|
}
|
|
7759
7732
|
}
|
|
7760
7733
|
useEffect(function () {
|
|
@@ -7858,7 +7831,7 @@ function ChangePassword(props) {
|
|
|
7858
7831
|
setPassword("");
|
|
7859
7832
|
setConfirmPassword("");
|
|
7860
7833
|
}, [userId, open]);
|
|
7861
|
-
return (React__default.createElement(Dialog, { onClose: function (
|
|
7834
|
+
return (React__default.createElement(Dialog, { onClose: function () { }, "aria-label": "Change Password", maxWidth: "xs", "aria-labelledby": "confirmation-dialog-title", open: open },
|
|
7862
7835
|
React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, "Change Password"),
|
|
7863
7836
|
React__default.createElement(DialogContent$1, { dividers: true },
|
|
7864
7837
|
React__default.createElement(Alert$1, { show: showError, variant: "danger", dismissible: true, onClose: function () {
|
|
@@ -7979,7 +7952,7 @@ var axiosInstance = axios.create({
|
|
|
7979
7952
|
});
|
|
7980
7953
|
var refreshingFunc;
|
|
7981
7954
|
axiosInstance.interceptors.response.use(function (res) { return res; }, function (error) { return __awaiter(void 0, void 0, void 0, function () {
|
|
7982
|
-
var originalConfig, token, _a, newToken, newRefreshToken, innerError_1;
|
|
7955
|
+
var originalConfig, token, _a, newToken, newRefreshToken, innerError_1, err_1;
|
|
7983
7956
|
return __generator(this, function (_b) {
|
|
7984
7957
|
switch (_b.label) {
|
|
7985
7958
|
case 0:
|
|
@@ -7988,6 +7961,7 @@ axiosInstance.interceptors.response.use(function (res) { return res; }, function
|
|
|
7988
7961
|
localStorage.removeItem("token");
|
|
7989
7962
|
localStorage.removeItem("refreshToken");
|
|
7990
7963
|
window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
|
|
7964
|
+
return [2 /*return*/, Promise.reject(error)];
|
|
7991
7965
|
}
|
|
7992
7966
|
token = getTokenFromLS();
|
|
7993
7967
|
if (!token || !isUnauthorizedError(error)) {
|
|
@@ -7996,7 +7970,6 @@ axiosInstance.interceptors.response.use(function (res) { return res; }, function
|
|
|
7996
7970
|
_b.label = 1;
|
|
7997
7971
|
case 1:
|
|
7998
7972
|
_b.trys.push([1, 7, 8, 9]);
|
|
7999
|
-
// the trick here, that `refreshingFunc` is global, e.g. 2 expired requests will get the same function pointer and await same function.
|
|
8000
7973
|
if (!refreshingFunc)
|
|
8001
7974
|
refreshingFunc = renewToken();
|
|
8002
7975
|
return [4 /*yield*/, refreshingFunc];
|
|
@@ -8014,25 +7987,24 @@ axiosInstance.interceptors.response.use(function (res) { return res; }, function
|
|
|
8014
7987
|
case 4: return [2 /*return*/, _b.sent()];
|
|
8015
7988
|
case 5:
|
|
8016
7989
|
innerError_1 = _b.sent();
|
|
8017
|
-
// if original req failed with 499 again - it means server returned not valid token for refresh request
|
|
8018
7990
|
if (isUnauthorizedError(innerError_1)) {
|
|
8019
|
-
return [2 /*return*/, innerError_1];
|
|
7991
|
+
return [2 /*return*/, Promise.reject(innerError_1)];
|
|
8020
7992
|
}
|
|
8021
|
-
return [2 /*return*/, innerError_1];
|
|
7993
|
+
return [2 /*return*/, Promise.reject(innerError_1)];
|
|
8022
7994
|
case 6: return [3 /*break*/, 9];
|
|
8023
7995
|
case 7:
|
|
8024
|
-
_b.sent();
|
|
7996
|
+
err_1 = _b.sent();
|
|
8025
7997
|
localStorage.removeItem("token");
|
|
8026
7998
|
localStorage.removeItem("refreshToken");
|
|
8027
7999
|
window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
|
|
8028
|
-
return [
|
|
8000
|
+
return [2 /*return*/, Promise.reject(err_1)];
|
|
8029
8001
|
case 8:
|
|
8030
8002
|
refreshingFunc = undefined;
|
|
8031
8003
|
return [7 /*endfinally*/];
|
|
8032
8004
|
case 9: return [2 /*return*/];
|
|
8033
8005
|
}
|
|
8034
8006
|
});
|
|
8035
|
-
}); }
|
|
8007
|
+
}); });
|
|
8036
8008
|
|
|
8037
8009
|
var getTokenFromLS = function () {
|
|
8038
8010
|
return localStorage.getItem("token");
|
|
@@ -8272,7 +8244,7 @@ var LoginWithEmailAndPassword = function () {
|
|
|
8272
8244
|
React__default.createElement("div", { className: "form-group row" },
|
|
8273
8245
|
React__default.createElement(TextField, { variant: "outlined", margin: "dense", id: "txtPassword", label: "Password", name: "password", onChange: function (e) { return setPassword(e.target.value); }, type: "password", className: "form-control" })),
|
|
8274
8246
|
React__default.createElement("div", { className: "row" },
|
|
8275
|
-
React__default.createElement(Button
|
|
8247
|
+
React__default.createElement(Button, { fullWidth: true, variant: "contained", style: {
|
|
8276
8248
|
backgroundColor: (password.length === 0 || username.length === 0) ? '#CCCCCC' : '#479DC4',
|
|
8277
8249
|
color: (password.length === 0 || username.length === 0) ? 'black' : 'white'
|
|
8278
8250
|
}, type: "submit", disabled: password.length === 0 || username.length === 0 }, "Login")),
|
|
@@ -8382,7 +8354,7 @@ var LoginWithAzureADForm = function () {
|
|
|
8382
8354
|
}); };
|
|
8383
8355
|
return (React__default.createElement("form", { onSubmit: login },
|
|
8384
8356
|
React__default.createElement("div", { className: "row" },
|
|
8385
|
-
React__default.createElement(Button
|
|
8357
|
+
React__default.createElement(Button, { fullWidth: true, variant: "contained", style: { backgroundColor: '#479DC4', color: 'white' }, type: "submit" }, "Login with Azure AD"))));
|
|
8386
8358
|
};
|
|
8387
8359
|
|
|
8388
8360
|
var LoginWithAzureAD = function (_a) {
|
|
@@ -8434,7 +8406,7 @@ var LoginAsGuest = function () {
|
|
|
8434
8406
|
? error.internalError
|
|
8435
8407
|
: error.internalError.message)),
|
|
8436
8408
|
React__default.createElement("div", { className: "row" },
|
|
8437
|
-
React__default.createElement(Button
|
|
8409
|
+
React__default.createElement(Button, { fullWidth: true, variant: "contained", style: { backgroundColor: '#479DC4', color: 'white' }, role: "button", onClick: loginAsGuest }, "Guest"))));
|
|
8438
8410
|
};
|
|
8439
8411
|
|
|
8440
8412
|
var LoginWithWindowsAuthentication = function () {
|
|
@@ -8503,7 +8475,7 @@ var LoginWithWindowsAuthentication = function () {
|
|
|
8503
8475
|
" ",
|
|
8504
8476
|
error)),
|
|
8505
8477
|
React__default.createElement("div", { className: "row" },
|
|
8506
|
-
React__default.createElement(Button
|
|
8478
|
+
React__default.createElement(Button, { fullWidth: true, variant: "contained", style: { backgroundColor: '#479DC4', color: 'white' }, role: "button", onClick: login }, "Windows Auth"))));
|
|
8507
8479
|
return null;
|
|
8508
8480
|
};
|
|
8509
8481
|
|
|
@@ -8535,22 +8507,22 @@ function Login(_a) {
|
|
|
8535
8507
|
React__default.createElement("div", { className: "container-fluid" },
|
|
8536
8508
|
React__default.createElement("div", { className: "row" },
|
|
8537
8509
|
React__default.createElement("div", { className: "col-10 col-md-6 mx-auto my-5" },
|
|
8538
|
-
React__default.createElement(Paper
|
|
8510
|
+
React__default.createElement(Paper, { elevation: 2 },
|
|
8539
8511
|
React__default.createElement("div", { className: "card-header text-center" },
|
|
8540
8512
|
React__default.createElement("b", null, "LOGIN")),
|
|
8541
|
-
React__default.createElement(Grid
|
|
8542
|
-
React__default.createElement(Paper
|
|
8543
|
-
React__default.createElement(Grid
|
|
8544
|
-
React__default.createElement(Paper
|
|
8545
|
-
React__default.createElement(Grid
|
|
8513
|
+
React__default.createElement(Grid, { container: true, justifyContent: "space-between", alignItems: "center" }, (!useAzureAD && !guestIsEnabled && !useWindowsAuth) ? (React__default.createElement(Grid, { item: true, xs: 12 },
|
|
8514
|
+
React__default.createElement(Paper, { elevation: 2, style: { padding: 40, margin: "40px 40px 40px 40px" } }, useEmailAndPassword && React__default.createElement(LoginWithEmailAndPassword, null)))) : (React__default.createElement(React__default.Fragment, null,
|
|
8515
|
+
React__default.createElement(Grid, { item: true, md: 5, xs: 5 },
|
|
8516
|
+
React__default.createElement(Paper, { elevation: 2, style: { padding: 40, margin: "40px -40px 40px 40px" } }, useEmailAndPassword && React__default.createElement(LoginWithEmailAndPassword, null))),
|
|
8517
|
+
React__default.createElement(Grid, { item: true, md: 1, xs: 1, style: { maxWidth: "20px" } },
|
|
8546
8518
|
React__default.createElement("span", { className: "text-muted font-weight-bold" }, "OR")),
|
|
8547
|
-
React__default.createElement(Grid
|
|
8548
|
-
React__default.createElement(Paper
|
|
8519
|
+
React__default.createElement(Grid, { item: true, md: 5, xs: 5, style: { marginBottom: "auto" } },
|
|
8520
|
+
React__default.createElement(Paper, { elevation: 2, style: { padding: 40, margin: "40px 40px 40px -40px", minHeight: 248, display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } },
|
|
8549
8521
|
React__default.createElement(React__default.Fragment, null,
|
|
8550
8522
|
React__default.createElement(LoginWithWindowsAuthentication, null),
|
|
8551
8523
|
useAzureAD && (React__default.createElement(LoginWithAzureAD, { config: authConfig.AzureConfig })),
|
|
8552
8524
|
guestIsEnabled && React__default.createElement(LoginAsGuest, null))))))))))),
|
|
8553
|
-
React__default.createElement(Snackbar
|
|
8525
|
+
React__default.createElement(Snackbar, { open: open, autoHideDuration: 6000, onClose: handleClose, message: message })));
|
|
8554
8526
|
}
|
|
8555
8527
|
|
|
8556
8528
|
function Logout() {
|
|
@@ -8720,7 +8692,7 @@ function Header$1(_a) {
|
|
|
8720
8692
|
React__default.createElement(Nav, { className: "ml-auto", style: { alignItems: "baseline" } },
|
|
8721
8693
|
showTrendingsIcon ? (React__default.createElement(Nav, { className: "mx-2" },
|
|
8722
8694
|
React__default.createElement(Nav.Link, { as: Link, to: "/trendings" },
|
|
8723
|
-
React__default.createElement(Tooltip
|
|
8695
|
+
React__default.createElement(Tooltip, { title: 'Trendings', placement: "top", arrow: true, interactive: true, enterDelay: 1500 },
|
|
8724
8696
|
React__default.createElement(ShowChartIcon, null))))) : null,
|
|
8725
8697
|
React__default.createElement(Nav, null,
|
|
8726
8698
|
React__default.createElement("span", { className: "navbar-text" }, dxtToLocalServerTime(date, 'HH:mm:ss z'))),
|
|
@@ -9085,7 +9057,7 @@ _adapters._date.override(typeof moment$2 === 'function' ? {
|
|
|
9085
9057
|
var css$1 = "/* ContextMenu.css */\n.context-menu {\n position: absolute;\n z-index: 1000;\n background-color: #fff;\n border: 1px solid #ddd;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n overflow: hidden;\n}\n\n .context-menu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n .context-menu li {\n padding: 8px 15px;\n cursor: pointer;\n border-bottom: 1px solid #eee;\n background-color: #fff;\n color: #333;\n font-size: 14px;\n }\n\n .context-menu li:hover {\n background-color: #f5f5f5;\n }\n\n\n";
|
|
9086
9058
|
n(css$1,{});
|
|
9087
9059
|
|
|
9088
|
-
var useTagColorsStyles = makeStyles
|
|
9060
|
+
var useTagColorsStyles = makeStyles({
|
|
9089
9061
|
swatch: {
|
|
9090
9062
|
width: '25px',
|
|
9091
9063
|
height: '25px',
|
|
@@ -9153,7 +9125,7 @@ var ColorPicker = function (_a) {
|
|
|
9153
9125
|
var open = Boolean(anchorEl);
|
|
9154
9126
|
var id = open ? 'simple-popover' : undefined;
|
|
9155
9127
|
return (React__default.createElement("div", null,
|
|
9156
|
-
React__default.createElement(Button, { "aria-describedby": id, variant: "outlined", onClick: handleClick, style: {
|
|
9128
|
+
React__default.createElement(Button$1, { "aria-describedby": id, variant: "outlined", onClick: handleClick, style: {
|
|
9157
9129
|
backgroundColor: color,
|
|
9158
9130
|
width: '20px',
|
|
9159
9131
|
height: '20px',
|
|
@@ -9173,8 +9145,8 @@ var ColorPicker = function (_a) {
|
|
|
9173
9145
|
|
|
9174
9146
|
var ButtonWithLoading = function (_a) {
|
|
9175
9147
|
var children = _a.children, isLoading = _a.isLoading, props = __rest(_a, ["children", "isLoading"]);
|
|
9176
|
-
return (React__default.createElement(Button
|
|
9177
|
-
isLoading && React__default.createElement(CircularProgress
|
|
9148
|
+
return (React__default.createElement(Button, __assign({}, props, { disabled: isLoading }),
|
|
9149
|
+
isLoading && React__default.createElement(CircularProgress, { size: "1rem" }),
|
|
9178
9150
|
children));
|
|
9179
9151
|
};
|
|
9180
9152
|
|
|
@@ -9380,7 +9352,7 @@ var deleteAllViewTagsFromView = function (ViewId) { return __awaiter(void 0, voi
|
|
|
9380
9352
|
});
|
|
9381
9353
|
}); };
|
|
9382
9354
|
|
|
9383
|
-
var useTrendingStyles = makeStyles
|
|
9355
|
+
var useTrendingStyles = makeStyles(function (theme) { return ({
|
|
9384
9356
|
datetimePicker: {
|
|
9385
9357
|
alignItems: "center",
|
|
9386
9358
|
"& .MuiInputBase-root": {
|
|
@@ -9518,8 +9490,8 @@ var DeleteViewModal = function (_a) {
|
|
|
9518
9490
|
React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Delete View' },
|
|
9519
9491
|
React__default.createElement(Divider, null),
|
|
9520
9492
|
React__default.createElement(MesfModal.Content, null, !isNil$1(view) ?
|
|
9521
|
-
(React__default.createElement(Grid
|
|
9522
|
-
React__default.createElement(Grid
|
|
9493
|
+
(React__default.createElement(Grid, { container: true, spacing: 5, style: { padding: "2rem" } },
|
|
9494
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "10px", width: "100%" } },
|
|
9523
9495
|
React__default.createElement(Typography, null,
|
|
9524
9496
|
"Are yu sure you want to delete ",
|
|
9525
9497
|
React__default.createElement("strong", null, view === null || view === void 0 ? void 0 : view.ViewName),
|
|
@@ -9527,12 +9499,12 @@ var DeleteViewModal = function (_a) {
|
|
|
9527
9499
|
(React__default.createElement(Typography, null, "ERROR: No view detected, please select one"))),
|
|
9528
9500
|
React__default.createElement(Divider, null),
|
|
9529
9501
|
React__default.createElement(MesfModal.Actions, null,
|
|
9530
|
-
React__default.createElement(Grid
|
|
9531
|
-
React__default.createElement(Grid
|
|
9532
|
-
React__default.createElement(Button
|
|
9533
|
-
React__default.createElement(Grid
|
|
9534
|
-
React__default.createElement(ButtonWithLoading, { variant:
|
|
9535
|
-
: (React__default.createElement(Button
|
|
9502
|
+
React__default.createElement(Grid, { container: true, spacing: 1, style: { display: 'flex', alignItems: 'flex-end', justifyContent: 'flex-end' } },
|
|
9503
|
+
React__default.createElement(Grid, { item: true },
|
|
9504
|
+
React__default.createElement(Button, { variant: 'outlined', color: 'secondary', onClick: function () { return handleClose(false); } }, "Cancel")),
|
|
9505
|
+
React__default.createElement(Grid, { item: true }, !isNil$1(view) ?
|
|
9506
|
+
React__default.createElement(ButtonWithLoading, { variant: "contained", color: 'secondary', onClick: handleSubmit, isLoading: isLoading }, "Delete")
|
|
9507
|
+
: (React__default.createElement(Button, { variant: 'contained', style: { marginRight: "1rem" }, color: 'primary', onClick: function () { return handleClose(false); } }, "Ok")))))),
|
|
9536
9508
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
|
|
9537
9509
|
};
|
|
9538
9510
|
|
|
@@ -9582,22 +9554,22 @@ var EditViewModal = function (_a) {
|
|
|
9582
9554
|
React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Update View' },
|
|
9583
9555
|
React__default.createElement(Divider, null),
|
|
9584
9556
|
React__default.createElement(MesfModal.Content, null, !isNil$1(view) ?
|
|
9585
|
-
(React__default.createElement(Grid
|
|
9586
|
-
React__default.createElement(Grid
|
|
9557
|
+
(React__default.createElement(Grid, { container: true, spacing: 5, style: { padding: "2rem" } },
|
|
9558
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "10px", width: "100%" } },
|
|
9587
9559
|
React__default.createElement(TextField, { required: true, className: classes.inputCustom, id: "viewName", label: "Name", variant: "outlined", onChange: handleChangeInput, value: newName })),
|
|
9588
|
-
React__default.createElement(Grid
|
|
9560
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { paddingTop: "2rem" }, className: classes.isPublicCheckbox },
|
|
9589
9561
|
React__default.createElement("label", null,
|
|
9590
9562
|
React__default.createElement("input", { type: "checkbox", checked: isPublic, onChange: handleCheck }),
|
|
9591
9563
|
React__default.createElement(Typography, null, "Public"))))) :
|
|
9592
9564
|
(React__default.createElement(Typography, null, "ERROR: No view detected, please select one"))),
|
|
9593
9565
|
React__default.createElement(Divider, null),
|
|
9594
9566
|
React__default.createElement(MesfModal.Actions, null,
|
|
9595
|
-
React__default.createElement(Grid
|
|
9596
|
-
React__default.createElement(Grid
|
|
9597
|
-
React__default.createElement(Button
|
|
9598
|
-
React__default.createElement(Grid
|
|
9567
|
+
React__default.createElement(Grid, { container: true, spacing: 1, style: { display: 'flex', alignItems: 'flex-end', justifyContent: 'flex-end' } },
|
|
9568
|
+
React__default.createElement(Grid, { item: true },
|
|
9569
|
+
React__default.createElement(Button, { variant: 'outlined', color: 'secondary', onClick: function () { return handleClose(false); } }, "Cancel")),
|
|
9570
|
+
React__default.createElement(Grid, { item: true }, !isNil$1(view) ?
|
|
9599
9571
|
React__default.createElement(ButtonWithLoading, { variant: 'contained', color: 'primary', onClick: handleSubmit, isLoading: isLoading }, "Update")
|
|
9600
|
-
: (React__default.createElement(Button
|
|
9572
|
+
: (React__default.createElement(Button, { variant: 'contained', style: { marginRight: "1rem" }, color: 'primary', onClick: function () { return handleClose(false); } }, "Ok")))))),
|
|
9601
9573
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
|
|
9602
9574
|
};
|
|
9603
9575
|
|
|
@@ -9673,19 +9645,19 @@ var LoadViewModal = function (_a) {
|
|
|
9673
9645
|
return (React__default.createElement("div", null,
|
|
9674
9646
|
React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Views' },
|
|
9675
9647
|
React__default.createElement(MesfModal.Content, null,
|
|
9676
|
-
React__default.createElement(Grid
|
|
9677
|
-
React__default.createElement(Grid
|
|
9648
|
+
React__default.createElement(Grid, { container: true }, views.length ? (React__default.createElement(React__default.Fragment, null,
|
|
9649
|
+
React__default.createElement(Grid, { item: true, md: 12 },
|
|
9678
9650
|
React__default.createElement("div", { className: classes.isPublicCheckbox, style: { paddingBottom: '1rem' } },
|
|
9679
9651
|
React__default.createElement("label", { htmlFor: "" },
|
|
9680
9652
|
React__default.createElement("input", { type: "checkbox", checked: allViewsChecked, onChange: handleAllViewsCheckbox }),
|
|
9681
9653
|
React__default.createElement(Typography, null, "All Views")))),
|
|
9682
|
-
React__default.createElement(Grid
|
|
9654
|
+
React__default.createElement(Grid, { item: true, md: 12 },
|
|
9683
9655
|
React__default.createElement(Autocomplete, { size: 'small', id: "list-of-views", noOptionsText: allViewsChecked ? "No views detected, please create a new view" : "No private views detected, please create a new view .", options: allViewsChecked ? views : publicViews, getOptionLabel: function (option) { return option.ViewName; }, onChange: function (ev, val) { return setViewSelected(val); }, defaultValue: viewSelected, style: { width: "100%" }, renderOption: function (option) { return (React__default.createElement("div", { className: classes.optionContainer },
|
|
9684
9656
|
React__default.createElement("div", { className: classes.optionLabel }, option.ViewName),
|
|
9685
9657
|
React__default.createElement("div", { className: classes.iconContainer },
|
|
9686
9658
|
option.IsPublic ? '' :
|
|
9687
9659
|
React__default.createElement(React__default.Fragment, null,
|
|
9688
|
-
React__default.createElement(Tooltip
|
|
9660
|
+
React__default.createElement(Tooltip, { title: "Private", arrow: true },
|
|
9689
9661
|
React__default.createElement(LockIcon, { fontSize: 'small', style: { color: 'black', height: "18px", width: '18px', cursor: 'auto' } }))),
|
|
9690
9662
|
React__default.createElement(IconButton$1, { onClick: function (e) { return handleEditView(option); } },
|
|
9691
9663
|
React__default.createElement(CreateIcon, { fontSize: 'small', color: 'primary', style: { height: "18px", width: '18px', cursor: 'pointer' } })),
|
|
@@ -9694,8 +9666,8 @@ var LoadViewModal = function (_a) {
|
|
|
9694
9666
|
(React__default.createElement(Typography, null, "No views detected, please add one")))),
|
|
9695
9667
|
React__default.createElement(MesfModal.Actions, null,
|
|
9696
9668
|
React__default.createElement("div", { style: { paddingTop: "1rem" } },
|
|
9697
|
-
React__default.createElement(Button
|
|
9698
|
-
views.length ? (React__default.createElement(ButtonWithLoading, { onClick: handleSelect, variant: 'contained', color: 'primary', isLoading: isLoading, style: { marginRight: "1rem" } }, "Apply")) : (React__default.createElement(Button
|
|
9669
|
+
React__default.createElement(Button, { variant: 'outlined', style: { marginRight: "1rem" }, color: 'secondary', onClick: function () { return handleClose(false); } }, "Cancel"),
|
|
9670
|
+
views.length ? (React__default.createElement(ButtonWithLoading, { onClick: handleSelect, variant: 'contained', color: 'primary', isLoading: isLoading, style: { marginRight: "1rem" } }, "Apply")) : (React__default.createElement(Button, { variant: 'contained', style: { marginRight: "1rem" }, color: 'primary', onClick: function () { return handleClose(false); } }, "Ok"))))),
|
|
9699
9671
|
React__default.createElement(DeleteViewModal, { open: deleteViewModalOpen, view: viewForDelete, handleClose: function (shouldUpdate) {
|
|
9700
9672
|
setDeleteViewModalOpen(false);
|
|
9701
9673
|
if (shouldUpdate)
|
|
@@ -9759,8 +9731,8 @@ var SaveAsViewModal = function (_a) {
|
|
|
9759
9731
|
React__default.createElement(MesfModal, { open: open, handleClose: function () { return handleClose(false); }, maxWidth: "xl", "aria-labelledby": "modal-modal-title", "aria-describedby": "modal-modal-description", title: 'Save View As' },
|
|
9760
9732
|
React__default.createElement(Divider, null),
|
|
9761
9733
|
React__default.createElement(MesfModal.Content, null,
|
|
9762
|
-
React__default.createElement(Grid
|
|
9763
|
-
React__default.createElement(Grid
|
|
9734
|
+
React__default.createElement(Grid, { container: true, spacing: 5, style: { padding: "1rem" } },
|
|
9735
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "10px", width: "100%" } }, views.length && viewSelected ? (React__default.createElement(Autocomplete, { size: 'small', id: "list-of-views", options: views, defaultValue: viewSelected, getOptionLabel: function (option) { return option.ViewName; }, freeSolo: true, onChange: function (ev, val) {
|
|
9764
9736
|
setViewSelected(val);
|
|
9765
9737
|
if (val) {
|
|
9766
9738
|
setNewView("");
|
|
@@ -9773,21 +9745,21 @@ var SaveAsViewModal = function (_a) {
|
|
|
9773
9745
|
}, style: { width: "100%" }, renderInput: function (params) { return React__default.createElement(TextField, __assign({}, params, { label: "Views", variant: "outlined" })); } })) :
|
|
9774
9746
|
(React__default.createElement(Box, null,
|
|
9775
9747
|
React__default.createElement(TextField, { style: { minWidth: "600px" }, size: 'small', id: "outlined-basic", label: "View name", variant: "outlined", value: newView, onChange: (function (e) { return setNewView(e.target.value); }) }))))),
|
|
9776
|
-
React__default.createElement(Grid
|
|
9748
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { paddingTop: "2rem" }, className: classes.isPublicCheckbox },
|
|
9777
9749
|
React__default.createElement("label", null,
|
|
9778
9750
|
"Public",
|
|
9779
9751
|
React__default.createElement("input", { type: "checkbox", checked: isPublic, onChange: handleCheck })))),
|
|
9780
9752
|
React__default.createElement(Divider, null),
|
|
9781
9753
|
React__default.createElement(MesfModal.Actions, null,
|
|
9782
|
-
React__default.createElement(Grid
|
|
9783
|
-
React__default.createElement(Grid
|
|
9784
|
-
React__default.createElement(Button
|
|
9785
|
-
React__default.createElement(Grid
|
|
9754
|
+
React__default.createElement(Grid, { container: true, spacing: 1, style: { display: 'flex', alignItems: 'flex-end', justifyContent: 'flex-end' } },
|
|
9755
|
+
React__default.createElement(Grid, { item: true },
|
|
9756
|
+
React__default.createElement(Button, { variant: 'outlined', color: 'secondary', onClick: function () { return handleClose(false); } }, "Cancel")),
|
|
9757
|
+
React__default.createElement(Grid, { item: true },
|
|
9786
9758
|
React__default.createElement(ButtonWithLoading, { variant: 'contained', color: 'primary', onClick: handleSubmit, isLoading: isLoading }, "Save"))))),
|
|
9787
9759
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
|
|
9788
9760
|
};
|
|
9789
9761
|
|
|
9790
|
-
var useTagsTreeModalStyles = makeStyles
|
|
9762
|
+
var useTagsTreeModalStyles = makeStyles(function (theme) { return ({
|
|
9791
9763
|
dataTypeOfTree: {
|
|
9792
9764
|
width: '25px',
|
|
9793
9765
|
height: '25px',
|
|
@@ -9967,7 +9939,7 @@ var TagFolderCustomNode = function (_a) {
|
|
|
9967
9939
|
backgroundColor: ((_f = node.data) === null || _f === void 0 ? void 0 : _f.TagTypeCode) === 'A' ? "#AD48C4" : "#C46F48",
|
|
9968
9940
|
margin: "0 5px"
|
|
9969
9941
|
} }, (_g = node.data) === null || _g === void 0 ? void 0 : _g.TagTypeCode)),
|
|
9970
|
-
React__default.createElement(Tooltip
|
|
9942
|
+
React__default.createElement(Tooltip, { title: node.data.TagName, placement: "top", arrow: true },
|
|
9971
9943
|
React__default.createElement(Typography, { variant: "body2" }, ((_h = node.data) === null || _h === void 0 ? void 0 : _h.Alias) || ((_j = node.data) === null || _j === void 0 ? void 0 : _j.TagName))))));
|
|
9972
9944
|
};
|
|
9973
9945
|
|
|
@@ -10009,7 +9981,7 @@ var NewFolderModal = function (_a) {
|
|
|
10009
9981
|
React__default.createElement(TextField, { style: { minWidth: "600px" }, id: "outlined-basic", label: "Folder name", variant: "outlined", value: name, onChange: (function (e) { return setName(e.target.value); }) }))),
|
|
10010
9982
|
React__default.createElement(MesfModal.Actions, null,
|
|
10011
9983
|
React__default.createElement("div", null,
|
|
10012
|
-
React__default.createElement(Button
|
|
9984
|
+
React__default.createElement(Button, { color: 'secondary', variant: 'outlined', onClick: function () { return handleClose(false); } }, "Cancel")),
|
|
10013
9985
|
React__default.createElement("div", null,
|
|
10014
9986
|
React__default.createElement(ButtonWithLoading, { isLoading: isLoading, onClick: onSubmit, color: 'primary', variant: 'contained' }, "Save")))),
|
|
10015
9987
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
|
|
@@ -10065,7 +10037,7 @@ var RemoveFolderModal = function (_a) {
|
|
|
10065
10037
|
" folder?"))),
|
|
10066
10038
|
React__default.createElement(MesfModal.Actions, null,
|
|
10067
10039
|
React__default.createElement("div", null,
|
|
10068
|
-
React__default.createElement(Button
|
|
10040
|
+
React__default.createElement(Button, { color: 'secondary', variant: 'outlined', onClick: function () { return handleClose(false); } }, "Cancel")),
|
|
10069
10041
|
React__default.createElement("div", null,
|
|
10070
10042
|
React__default.createElement(ButtonWithLoading, { isLoading: isLoading, onClick: onSubmit, color: 'primary', variant: 'contained' }, "Remove")))),
|
|
10071
10043
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } })));
|
|
@@ -10080,8 +10052,8 @@ var ContextMenu = function (_a) {
|
|
|
10080
10052
|
var isFolder = ((_b = tagNodeSelectedInTree === null || tagNodeSelectedInTree === void 0 ? void 0 : tagNodeSelectedInTree.data) === null || _b === void 0 ? void 0 : _b.TagTypeCode) === "F";
|
|
10081
10053
|
return (React__default.createElement(React__default.Fragment, null,
|
|
10082
10054
|
isOpen && anchorPoint ? (React__default.createElement("ul", { className: classes.contextMenu, style: { top: anchorPoint.y, left: anchorPoint.x } },
|
|
10083
|
-
React__default.createElement(MenuItem
|
|
10084
|
-
tagNodeSelectedInTree && isFolder && (React__default.createElement(MenuItem
|
|
10055
|
+
React__default.createElement(MenuItem, { style: { width: "100%", justifyContent: "left" }, onClick: function () { return setShowNewTagModal(true); } }, "New Folder"),
|
|
10056
|
+
tagNodeSelectedInTree && isFolder && (React__default.createElement(MenuItem, { style: { width: "100%", justifyContent: "left" }, onClick: function () { return setShowRemoveTagModal(true); } }, "Remove Folder")))) : (null),
|
|
10085
10057
|
React__default.createElement(NewFolderModal, { open: showNewTagModal, handleClose: function (shouldUpdate) {
|
|
10086
10058
|
if (shouldUpdate) {
|
|
10087
10059
|
getTagsTreeData();
|
|
@@ -10200,8 +10172,8 @@ var TagSelectionModal = function (_a) {
|
|
|
10200
10172
|
};
|
|
10201
10173
|
return (React__default.createElement(React__default.Fragment, null,
|
|
10202
10174
|
React__default.createElement("div", { style: { display: isOpen ? "block" : "none", minHeight: "700px", minWidth: "800px" }, onClick: handleCloseContextMenu },
|
|
10203
|
-
React__default.createElement("div", { style: { overflowY: 'auto', maxHeight: '700px' } }, isLoading ? (React__default.createElement(Grid
|
|
10204
|
-
React__default.createElement(CircularProgress
|
|
10175
|
+
React__default.createElement("div", { style: { overflowY: 'auto', maxHeight: '700px' } }, isLoading ? (React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center", style: { minHeight: "100px" } },
|
|
10176
|
+
React__default.createElement(CircularProgress, { size: "2rem" }))) : (React__default.createElement(DndProvider$1, { backend: HTML5Backend },
|
|
10205
10177
|
React__default.createElement(Tree, { classes: {
|
|
10206
10178
|
root: classes.assetRoot,
|
|
10207
10179
|
dropTarget: classes.dropTarget
|
|
@@ -10291,7 +10263,7 @@ var useTagsDataTable = function (_a) {
|
|
|
10291
10263
|
}, [viewTagsMap, chartData, cursorData]);
|
|
10292
10264
|
};
|
|
10293
10265
|
|
|
10294
|
-
var useTagsTableStyles = makeStyles
|
|
10266
|
+
var useTagsTableStyles = makeStyles(function (theme) { return ({
|
|
10295
10267
|
topTitles: {
|
|
10296
10268
|
border: "0.0625rem solid black",
|
|
10297
10269
|
borderBottom: "none",
|
|
@@ -10664,12 +10636,12 @@ var TableComponent = function (_a) {
|
|
|
10664
10636
|
});
|
|
10665
10637
|
}); };
|
|
10666
10638
|
return (React__default.createElement(React__default.Fragment, null,
|
|
10667
|
-
React__default.createElement(Grid
|
|
10639
|
+
React__default.createElement(Grid, { container: true, spacing: 1, alignContent: 'flex-start', style: {
|
|
10668
10640
|
height: '100%',
|
|
10669
10641
|
maxHeight: '100%',
|
|
10670
10642
|
overflowY: 'auto'
|
|
10671
10643
|
} },
|
|
10672
|
-
React__default.createElement(Grid
|
|
10644
|
+
React__default.createElement(Grid, { item: true, xs: 12, style: {
|
|
10673
10645
|
position: 'sticky',
|
|
10674
10646
|
background: 'white',
|
|
10675
10647
|
top: 0,
|
|
@@ -10681,7 +10653,7 @@ var TableComponent = function (_a) {
|
|
|
10681
10653
|
React__default.createElement("thead", null,
|
|
10682
10654
|
React__default.createElement("tr", null,
|
|
10683
10655
|
React__default.createElement("th", { className: "".concat(classes.topTitles, " ").concat(classes.viewSelected) }, viewSelected ?
|
|
10684
|
-
(React__default.createElement(Button
|
|
10656
|
+
(React__default.createElement(Button, { variant: 'text', style: { color: "#0075ff" }, className: classes.viewSelected, onClick: function () { return setLoadViewOpen(true); }, startIcon: viewSelected.IsPublic ? React__default.createElement(React__default.Fragment, null) : React__default.createElement(LockIcon, { fontSize: 'small' }) }, (viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewName) || '')) : (React__default.createElement(Button, { variant: 'text', style: { color: "#0075ff" }, className: classes.viewSelected, onClick: function () { return setSaveAsViewModalOpen(true); } },
|
|
10685
10657
|
React__default.createElement("i", null,
|
|
10686
10658
|
React__default.createElement(SaveIcon, null),
|
|
10687
10659
|
"(Save view as)")))),
|
|
@@ -10762,7 +10734,7 @@ var TableComponent = function (_a) {
|
|
|
10762
10734
|
React__default.createElement("th", null, "Y2-Y1"),
|
|
10763
10735
|
React__default.createElement("th", null, "Min"),
|
|
10764
10736
|
React__default.createElement("th", null, "Max")))))),
|
|
10765
|
-
React__default.createElement(Grid
|
|
10737
|
+
React__default.createElement(Grid, { item: true, xs: 12 },
|
|
10766
10738
|
React__default.createElement("div", { style: { width: '100%', height: '100%', maxHeight: '100%' } },
|
|
10767
10739
|
React__default.createElement("table", { cellPadding: '4px', style: { width: '100%', tableLayout: 'fixed', textAlign: "center" } },
|
|
10768
10740
|
React__default.createElement("tbody", null, Object.values(viewTags).length ? Object.values(viewTags).map(function (_a) {
|
|
@@ -10774,7 +10746,7 @@ var TableComponent = function (_a) {
|
|
|
10774
10746
|
React__default.createElement("td", { className: "".concat(classes.visible, " ").concat(classes.checkbox) },
|
|
10775
10747
|
React__default.createElement("input", { type: "checkbox", checked: tag.IsVisible, onChange: function (e) { return handleVisibilityChange(tag.TagId, e.target.checked); } })),
|
|
10776
10748
|
React__default.createElement("td", { className: classes.aliasCol },
|
|
10777
|
-
React__default.createElement(Tooltip
|
|
10749
|
+
React__default.createElement(Tooltip, { title: tag.TagName, placement: "top", arrow: true, interactive: true, enterDelay: 500 },
|
|
10778
10750
|
React__default.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
10779
10751
|
tag.TagType &&
|
|
10780
10752
|
(React__default.createElement("div", { className: classes.dataType, style: { backgroundColor: tag.TagType === "A" ? "#AD48C4" : "#C46F48" } }, tag.TagType)),
|
|
@@ -10819,9 +10791,9 @@ var TableComponent = function (_a) {
|
|
|
10819
10791
|
}) : React__default.createElement("div", { style: { padding: '1rem' } },
|
|
10820
10792
|
React__default.createElement("div", { style: { padding: "1rem" } }, "No tag view detected. "),
|
|
10821
10793
|
React__default.createElement("div", { style: { padding: "1rem" } },
|
|
10822
|
-
React__default.createElement(Button
|
|
10794
|
+
React__default.createElement(Button, { onClick: function () { return setTagsTreeModalOpen(true); }, variant: 'contained', color: 'primary' }, " Add tag")),
|
|
10823
10795
|
React__default.createElement("div", null,
|
|
10824
|
-
React__default.createElement(Button
|
|
10796
|
+
React__default.createElement(Button, { onClick: function () { return setLoadViewOpen(true); }, variant: 'outlined', color: 'primary' }, " Load view"))))))),
|
|
10825
10797
|
openContextMenu &&
|
|
10826
10798
|
React__default.createElement(ContextMenu, { x: contextMenuPosition.x, y: contextMenuPosition.y, options: contextMenuOptions }),
|
|
10827
10799
|
React__default.createElement(TagsTreeModal, { open: tagsTreeModalOpen, handleClose: handleClose, onTagSelect: handleTagSelect }),
|
|
@@ -10834,7 +10806,7 @@ var TableComponent = function (_a) {
|
|
|
10834
10806
|
setLoadViewOpen(false);
|
|
10835
10807
|
} })),
|
|
10836
10808
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); } }),
|
|
10837
|
-
React__default.createElement(Snackbar
|
|
10809
|
+
React__default.createElement(Snackbar, { open: !!snackbarMessage, autoHideDuration: 800, onClose: handleCloseSnackbar },
|
|
10838
10810
|
React__default.createElement(Alert$3, { onClose: handleCloseSnackbar, severity: "success" }, snackbarMessage))));
|
|
10839
10811
|
};
|
|
10840
10812
|
|
|
@@ -10968,11 +10940,11 @@ var CustomOptionsComponent = function (_a) {
|
|
|
10968
10940
|
setCustomOptions(function (prevOptions) { return (__assign(__assign({}, prevOptions), { stepped: value })); });
|
|
10969
10941
|
};
|
|
10970
10942
|
return (React__default.createElement(React__default.Fragment, null,
|
|
10971
|
-
React__default.createElement(Grid
|
|
10943
|
+
React__default.createElement(Grid, { item: true, className: classes.labelOptions },
|
|
10972
10944
|
React__default.createElement("label", null,
|
|
10973
10945
|
React__default.createElement("input", { type: "checkbox", checked: customOptions.showGrid, onChange: function (e) { return handleGridChange(e.target.checked); } }),
|
|
10974
10946
|
"Show Grid")),
|
|
10975
|
-
React__default.createElement(Grid
|
|
10947
|
+
React__default.createElement(Grid, { item: true, className: classes.labelOptions },
|
|
10976
10948
|
React__default.createElement("label", null,
|
|
10977
10949
|
React__default.createElement("input", { type: "checkbox", checked: customOptions.stepped, onChange: function (e) { return handleSteppedChange(e.target.checked); } }),
|
|
10978
10950
|
"Stepped"))));
|
|
@@ -11055,42 +11027,42 @@ var Header = function (_a) {
|
|
|
11055
11027
|
useEffect(function () {
|
|
11056
11028
|
setChartOptions(function (prevOptions) { return (__assign(__assign({}, prevOptions), { scales: __assign(__assign({}, prevOptions.scales), { x: __assign(__assign({}, prevOptions.scales.x), { min: state.timeScopeStart.getTime(), max: state.timeScopeEnd.getTime() }) }) })); });
|
|
11057
11029
|
}, [state.timeScopeStart, state.timeScopeEnd]);
|
|
11058
|
-
return (React__default.createElement(Grid
|
|
11059
|
-
React__default.createElement(Grid
|
|
11060
|
-
React__default.createElement(Grid
|
|
11030
|
+
return (React__default.createElement(Grid, { item: true, xs: 12, container: true, justifyContent: "space-between", alignItems: "center", style: { height: "15%" } },
|
|
11031
|
+
React__default.createElement(Grid, { md: 6, item: true, container: true, justifyContent: "flex-start", alignItems: "center", wrap: "wrap" },
|
|
11032
|
+
React__default.createElement(Grid, { item: true },
|
|
11061
11033
|
React__default.createElement(IconButton$1, { color: "primary", onClick: function () { return handleDateNavigator("subtract"); }, className: classes.navigatorButton },
|
|
11062
11034
|
React__default.createElement(ChevronLeft, { fontSize: "large" }))),
|
|
11063
|
-
React__default.createElement(Grid
|
|
11035
|
+
React__default.createElement(Grid, { item: true },
|
|
11064
11036
|
React__default.createElement(TextField, { type: "datetime-local", className: classes.datetimePicker, label: "Start", variant: "outlined", value: moment$2(state.timeScopeStart).format("YYYY-MM-DDTHH:mm:ss"), onChange: function (e) { return handleDateChange(e.target.value, "start"); }, InputLabelProps: {
|
|
11065
11037
|
shrink: true,
|
|
11066
11038
|
style: { marginLeft: "10px" }
|
|
11067
11039
|
}, InputProps: {
|
|
11068
11040
|
max: state.timeScopeEnd
|
|
11069
11041
|
} })),
|
|
11070
|
-
React__default.createElement(Grid
|
|
11071
|
-
React__default.createElement(FormControl
|
|
11072
|
-
React__default.createElement(Select
|
|
11073
|
-
React__default.createElement(MenuItem
|
|
11074
|
-
React__default.createElement(MenuItem
|
|
11075
|
-
React__default.createElement(MenuItem
|
|
11076
|
-
React__default.createElement(MenuItem
|
|
11077
|
-
React__default.createElement(MenuItem
|
|
11078
|
-
React__default.createElement(MenuItem
|
|
11079
|
-
React__default.createElement(MenuItem
|
|
11080
|
-
React__default.createElement(Grid
|
|
11042
|
+
React__default.createElement(Grid, { item: true, className: classes.select },
|
|
11043
|
+
React__default.createElement(FormControl, { variant: "outlined" },
|
|
11044
|
+
React__default.createElement(Select, { value: state.scope, onChange: handleChangeScope, displayEmpty: true },
|
|
11045
|
+
React__default.createElement(MenuItem, { value: "10 min" }, "10 min"),
|
|
11046
|
+
React__default.createElement(MenuItem, { value: "1 hour" }, "1 hour"),
|
|
11047
|
+
React__default.createElement(MenuItem, { value: "4 hours" }, "4 hours"),
|
|
11048
|
+
React__default.createElement(MenuItem, { value: "12 hours" }, "12 hours"),
|
|
11049
|
+
React__default.createElement(MenuItem, { value: "1 day" }, "1 day"),
|
|
11050
|
+
React__default.createElement(MenuItem, { value: "10 days" }, "10 days"),
|
|
11051
|
+
React__default.createElement(MenuItem, { value: "custom" }, "Custom")))),
|
|
11052
|
+
React__default.createElement(Grid, { item: true },
|
|
11081
11053
|
React__default.createElement(TextField, { label: "End", variant: "outlined", className: classes.datetimePicker, type: "datetime-local", value: moment$2(state.timeScopeEnd).format("YYYY-MM-DDTHH:mm:ss"), onChange: function (e) { return handleDateChange(e.target.value, "end"); }, InputLabelProps: {
|
|
11082
11054
|
shrink: true,
|
|
11083
11055
|
style: { marginLeft: "10px" }
|
|
11084
11056
|
} })),
|
|
11085
|
-
React__default.createElement(Grid
|
|
11057
|
+
React__default.createElement(Grid, { item: true },
|
|
11086
11058
|
React__default.createElement(IconButton$1, { onClick: function () { return handleDateNavigator("add"); }, className: "".concat(classes.navigatorButton) },
|
|
11087
11059
|
React__default.createElement(ChevronRight, { fontSize: "large" }))),
|
|
11088
|
-
React__default.createElement(Grid
|
|
11060
|
+
React__default.createElement(Grid, { item: true },
|
|
11089
11061
|
React__default.createElement(IconButton$1, { onClick: function () { return handleDateNavigator("subtract", true); }, className: "".concat(classes.navigatorButton) },
|
|
11090
11062
|
React__default.createElement(SkipNextIcon, { fontSize: "large" })))),
|
|
11091
|
-
React__default.createElement(Grid
|
|
11092
|
-
React__default.createElement(Grid
|
|
11093
|
-
React__default.createElement(Grid
|
|
11063
|
+
React__default.createElement(Grid, { md: 6, item: true, container: true, justifyContent: "space-between" },
|
|
11064
|
+
React__default.createElement(Grid, { item: true, container: true, wrap: "nowrap", spacing: 1 },
|
|
11065
|
+
React__default.createElement(Grid, { item: true, container: true },
|
|
11094
11066
|
React__default.createElement(CustomOptionsComponent, { customOptions: customOptions, setCustomOptions: setCustomOptions }))))));
|
|
11095
11067
|
};
|
|
11096
11068
|
|
|
@@ -11392,7 +11364,7 @@ var TrendingChart = function (_a) {
|
|
|
11392
11364
|
}
|
|
11393
11365
|
}
|
|
11394
11366
|
}, [chartShouldInitCursors, state.graphShouldUpdate]);
|
|
11395
|
-
return (React__default.createElement(Paper
|
|
11367
|
+
return (React__default.createElement(Paper, { style: { height: '100%', position: 'relative' } },
|
|
11396
11368
|
lineTabCoords && chartArea ? (React__default.createElement(DraggableLineControl, { color: 'red', chartArea: chartArea, initialLeft: lineTabCoords === null || lineTabCoords === void 0 ? void 0 : lineTabCoords.x1, otherLineCoord: lineTabCoords === null || lineTabCoords === void 0 ? void 0 : lineTabCoords.x2, onUpdate: function (newLeft) {
|
|
11397
11369
|
setLineTabCoords(function (prevCoords) {
|
|
11398
11370
|
prevCoords.x1 = newLeft;
|
|
@@ -11414,7 +11386,7 @@ var TrendingChart = function (_a) {
|
|
|
11414
11386
|
React__default.createElement(Line, { ref: chartRef, data: chartData, options: chartOptions, plugins: [verticalLinePlugin, xAxisDatePlugin, yAxisPlugin] })));
|
|
11415
11387
|
};
|
|
11416
11388
|
|
|
11417
|
-
Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip$
|
|
11389
|
+
Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip$1, Legend, TimeScale, zoomPlugin);
|
|
11418
11390
|
var Trending = function (_a) {
|
|
11419
11391
|
_a.title; var getTagsFromAPI = _a.getTagsFromAPI;
|
|
11420
11392
|
var _b = useTrendingContext(), state = _b.state, _c = _b.state, viewTags = _c.viewTags, shouldRefetchSeries = _c.shouldRefetchSeries;
|
|
@@ -11491,11 +11463,11 @@ var Trending = function (_a) {
|
|
|
11491
11463
|
};
|
|
11492
11464
|
}, [shouldRefetchSeries]);
|
|
11493
11465
|
return (React__default.createElement(React__default.Fragment, null,
|
|
11494
|
-
React__default.createElement(Grid
|
|
11466
|
+
React__default.createElement(Grid, { container: true, style: { width: "95svw", height: "88svh", margin: 0 }, onClick: function () { return setOpenContextMenu(false); } },
|
|
11495
11467
|
React__default.createElement(Header, { setChartOptions: setChartOptions }),
|
|
11496
|
-
React__default.createElement(Grid
|
|
11468
|
+
React__default.createElement(Grid, { item: true, xs: 12, style: { height: '45%' } },
|
|
11497
11469
|
React__default.createElement(TrendingChart, { series: series, chartData: chartData, setChartData: setChartData, chartOptions: chartOptions, setChartOptions: setChartOptions, setCursorData: setCursorData })),
|
|
11498
|
-
React__default.createElement(Grid
|
|
11470
|
+
React__default.createElement(Grid, { item: true, container: true, xs: 12, onContextMenu: function (e) { return handleRightClick(e, null); }, style: {
|
|
11499
11471
|
height: '40%',
|
|
11500
11472
|
minWidth: "100%",
|
|
11501
11473
|
paddingTop: "3rem",
|
|
@@ -11518,7 +11490,7 @@ var Trending = function (_a) {
|
|
|
11518
11490
|
alignItems: 'center',
|
|
11519
11491
|
zIndex: 2
|
|
11520
11492
|
} },
|
|
11521
|
-
React__default.createElement(CircularProgress
|
|
11493
|
+
React__default.createElement(CircularProgress, { size: "2rem" }))),
|
|
11522
11494
|
React__default.createElement(TableComponent, { chartData: chartData, cursorData: cursorData, getTagsFromAPI: getTagsFromAPI, openContextMenu: openContextMenu, setOpenContextMenu: setOpenContextMenu, viewTagForDelete: viewTagForDelete, setViewTagForDelete: setViewTagForDelete, selectedRowTagId: selectedRowTagId, setSelectedRowTagId: setSelectedRowTagId, handleRightClick: handleRightClick, contextMenuPosition: contextMenuPosition, setContextMenuPosition: setContextMenuPosition }))),
|
|
11523
11495
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); }, title: "ERROR" })));
|
|
11524
11496
|
};
|
|
@@ -11582,8 +11554,8 @@ var TrendingsPage = function (props) {
|
|
|
11582
11554
|
return (React__default.createElement(React__default.Fragment, null,
|
|
11583
11555
|
React__default.createElement(Box, { p: 3, style: { maxWidth: "100%" } },
|
|
11584
11556
|
React__default.createElement(Paper, null,
|
|
11585
|
-
React__default.createElement(Grid
|
|
11586
|
-
React__default.createElement(Grid
|
|
11557
|
+
React__default.createElement(Grid, { container: true, spacing: 3, style: { padding: "20px" } },
|
|
11558
|
+
React__default.createElement(Grid, { item: true, xs: 12 },
|
|
11587
11559
|
React__default.createElement(Trending, { title: "Trending Chart", getTagsFromAPI: getTagsFromAPI }))))),
|
|
11588
11560
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(''); }, size: "xl", title: "ERROR" })));
|
|
11589
11561
|
};
|
|
@@ -11693,7 +11665,7 @@ var useDefaultAreaId = function (setError) {
|
|
|
11693
11665
|
};
|
|
11694
11666
|
};
|
|
11695
11667
|
|
|
11696
|
-
var useStyles = makeStyles
|
|
11668
|
+
var useStyles = makeStyles(function (theme) {
|
|
11697
11669
|
return createStyles$1({
|
|
11698
11670
|
root: {
|
|
11699
11671
|
"& .MuiInputBase-input": {
|
|
@@ -11781,16 +11753,16 @@ var AreaSelector = function () {
|
|
|
11781
11753
|
}, onClick: changeAreaActive },
|
|
11782
11754
|
React__default.createElement(PersonPinCircleIcon, { style: { marginLeft: "-5px" } }),
|
|
11783
11755
|
defaultAreaName))),
|
|
11784
|
-
React__default.createElement(Dialog
|
|
11785
|
-
React__default.createElement(DialogTitle$
|
|
11786
|
-
React__default.createElement(DialogContent$
|
|
11756
|
+
React__default.createElement(Dialog, { fullWidth: fullWidth, maxWidth: maxWidth, onClose: handleClose, "aria-labelledby": "confirmation-dialog-title", open: open, className: classes.root },
|
|
11757
|
+
React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, "AREA"),
|
|
11758
|
+
React__default.createElement(DialogContent$1, { dividers: true },
|
|
11787
11759
|
React__default.createElement("h6", { className: classes.title, id: "contained-modal-title-vcenter", style: { marginBottom: 0 } }, "Current Area"),
|
|
11788
|
-
React__default.createElement(Grid
|
|
11789
|
-
React__default.createElement(Grid
|
|
11760
|
+
React__default.createElement(Grid, { container: true },
|
|
11761
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { marginTop: 5 } },
|
|
11790
11762
|
React__default.createElement(TextField, { variant: "outlined", disabled: true, value: defaultAreaNameToChange, fullWidth: true, margin: "dense", autoComplete: "off", style: { color: "#000 !important" } }),
|
|
11791
11763
|
React__default.createElement("h6", { className: classes.title, id: "contained-modal-title-vcenter", style: { marginBottom: 0, marginTop: 5 } }, "Change Default Area"),
|
|
11792
|
-
React__default.createElement(Grid
|
|
11793
|
-
React__default.createElement(Grid
|
|
11764
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: { marginTop: 10 } },
|
|
11765
|
+
React__default.createElement(Grid, { item: true, md: 12, xs: 12, style: {
|
|
11794
11766
|
height: "45vh",
|
|
11795
11767
|
border: "1px solid rgba(0, 0, 0, 0.26)",
|
|
11796
11768
|
borderRadius: "2px",
|
|
@@ -11802,7 +11774,7 @@ var AreaSelector = function () {
|
|
|
11802
11774
|
}, style: { cursor: "pointer", width: "100%" } },
|
|
11803
11775
|
React__default.createElement(ListItemText, { primary: area === null || area === void 0 ? void 0 : area.AssetName })));
|
|
11804
11776
|
}))))))),
|
|
11805
|
-
React__default.createElement(DialogActions$
|
|
11777
|
+
React__default.createElement(DialogActions$1, null,
|
|
11806
11778
|
React__default.createElement(Button, { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
|
|
11807
11779
|
React__default.createElement(Button, { variant: "contained", onClick: handleChangeDefaultAreaId, color: "primary" }, "Change Area"))),
|
|
11808
11780
|
React__default.createElement(ErrorModal, { error: error, onHide: function () { return setError(""); } })));
|