@dexteel/mesf-core 2.3.0 → 2.3.3
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 → index.cjs.js} +860 -778
- package/package.json +2 -2
|
@@ -1,36 +1,66 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var moment = require('moment');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var core = require('@material-ui/core');
|
|
8
|
+
var reactBootstrap = require('react-bootstrap');
|
|
9
|
+
var PropTypes = require('prop-types');
|
|
10
|
+
var bar = require('@nivo/bar');
|
|
11
|
+
var MenuItem = require('@material-ui/core/MenuItem');
|
|
12
|
+
var Select = require('@material-ui/core/Select');
|
|
13
|
+
var styles = require('@material-ui/core/styles');
|
|
14
|
+
var DatePicker = require('react-datepicker');
|
|
15
|
+
var Button = require('@material-ui/core/Button');
|
|
16
|
+
var DialogTitle = require('@material-ui/core/DialogTitle');
|
|
17
|
+
var DialogContent = require('@material-ui/core/DialogContent');
|
|
18
|
+
var DialogActions = require('@material-ui/core/DialogActions');
|
|
19
|
+
var Dialog = require('@material-ui/core/Dialog');
|
|
20
|
+
var TreeView = require('@material-ui/lab/TreeView');
|
|
21
|
+
var SvgIcon = require('@material-ui/core/SvgIcon');
|
|
22
|
+
var TreeItem = require('@material-ui/lab/TreeItem');
|
|
23
|
+
var Collapse = require('@material-ui/core/Collapse');
|
|
24
|
+
var Code = require('@material-ui/icons/Code');
|
|
25
|
+
var Folder = require('@material-ui/icons/Folder');
|
|
26
|
+
var reactSpring = require('react-spring');
|
|
27
|
+
var Grid = require('@material-ui/core/Grid');
|
|
28
|
+
var dataGrid = require('@material-ui/data-grid');
|
|
29
|
+
var Card = require('@material-ui/core/Card');
|
|
30
|
+
var CardActions = require('@material-ui/core/CardActions');
|
|
31
|
+
var CardContent = require('@material-ui/core/CardContent');
|
|
32
|
+
var Typography = require('@material-ui/core/Typography');
|
|
33
|
+
var lodashEs = require('lodash-es');
|
|
34
|
+
var msalReact = require('@azure/msal-react');
|
|
35
|
+
var msalBrowser = require('@azure/msal-browser');
|
|
36
|
+
var reactRouterDom = require('react-router-dom');
|
|
37
|
+
var MenuList = require('@material-ui/core/MenuList');
|
|
38
|
+
|
|
39
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
40
|
+
|
|
41
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
42
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
43
|
+
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
44
|
+
var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
|
|
45
|
+
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
46
|
+
var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
|
|
47
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
48
|
+
var DialogTitle__default = /*#__PURE__*/_interopDefaultLegacy(DialogTitle);
|
|
49
|
+
var DialogContent__default = /*#__PURE__*/_interopDefaultLegacy(DialogContent);
|
|
50
|
+
var DialogActions__default = /*#__PURE__*/_interopDefaultLegacy(DialogActions);
|
|
51
|
+
var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
|
|
52
|
+
var TreeView__default = /*#__PURE__*/_interopDefaultLegacy(TreeView);
|
|
53
|
+
var SvgIcon__default = /*#__PURE__*/_interopDefaultLegacy(SvgIcon);
|
|
54
|
+
var TreeItem__default = /*#__PURE__*/_interopDefaultLegacy(TreeItem);
|
|
55
|
+
var Collapse__default = /*#__PURE__*/_interopDefaultLegacy(Collapse);
|
|
56
|
+
var Code__default = /*#__PURE__*/_interopDefaultLegacy(Code);
|
|
57
|
+
var Folder__default = /*#__PURE__*/_interopDefaultLegacy(Folder);
|
|
58
|
+
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
59
|
+
var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
|
|
60
|
+
var CardActions__default = /*#__PURE__*/_interopDefaultLegacy(CardActions);
|
|
61
|
+
var CardContent__default = /*#__PURE__*/_interopDefaultLegacy(CardContent);
|
|
62
|
+
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
63
|
+
var MenuList__default = /*#__PURE__*/_interopDefaultLegacy(MenuList);
|
|
34
64
|
|
|
35
65
|
/******************************************************************************
|
|
36
66
|
Copyright (c) Microsoft Corporation.
|
|
@@ -170,9 +200,9 @@ var FetchError = /** @class */ (function (_super) {
|
|
|
170
200
|
|
|
171
201
|
var BarChartControl = function (props) {
|
|
172
202
|
var height = props.height, minWidth = props.minWidth, data = props.data, keys = props.keys, indexBy = props.indexBy, legendX = props.legendX, legendY = props.legendY, colors = props.colors, other = __rest(props, ["height", "minWidth", "data", "keys", "indexBy", "legendX", "legendY", "colors"]);
|
|
173
|
-
return (
|
|
174
|
-
|
|
175
|
-
|
|
203
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
204
|
+
React__default["default"].createElement("div", { className: "container-fluid my-2 p-2", style: { "height": height, "minWidth": minWidth } },
|
|
205
|
+
React__default["default"].createElement(bar.ResponsiveBar, __assign({ data: data, keys: keys, indexBy: indexBy, margin: { top: 50, right: 130, bottom: 50, left: 60 }, padding: 0.3, valueScale: { type: 'linear' }, indexScale: { type: 'band', round: true }, colors: colors === undefined ? { scheme: 'nivo' } : colors, defs: [
|
|
176
206
|
{
|
|
177
207
|
id: 'dots',
|
|
178
208
|
type: 'patternDots',
|
|
@@ -246,35 +276,35 @@ var BarChartControl = function (props) {
|
|
|
246
276
|
animate: true, motionStiffness: 90, motionDamping: 15 }, other)))));
|
|
247
277
|
};
|
|
248
278
|
BarChartControl.propTypes = {
|
|
249
|
-
data:
|
|
250
|
-
keys:
|
|
279
|
+
data: PropTypes__default["default"].array,
|
|
280
|
+
keys: PropTypes__default["default"].array
|
|
251
281
|
};
|
|
252
282
|
|
|
253
283
|
/**********************MATERIAL UI STYLES********************** */
|
|
254
284
|
/*************************************************************** */
|
|
255
285
|
function MinusSquare(props) {
|
|
256
|
-
return (
|
|
257
|
-
|
|
286
|
+
return (React__default["default"].createElement(SvgIcon__default["default"], __assign({ fontSize: "inherit", style: { width: 14, height: 14 } }, props),
|
|
287
|
+
React__default["default"].createElement("path", { d: "M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 11.023h-11.826q-.375 0-.669.281t-.294.682v0q0 .401.294 .682t.669.281h11.826q.375 0 .669-.281t.294-.682v0q0-.401-.294-.682t-.669-.281z" })));
|
|
258
288
|
}
|
|
259
289
|
function PlusSquare(props) {
|
|
260
|
-
return (
|
|
261
|
-
|
|
290
|
+
return (React__default["default"].createElement(SvgIcon__default["default"], __assign({ fontSize: "inherit", style: { width: 14, height: 14 } }, props),
|
|
291
|
+
React__default["default"].createElement("path", { d: "M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 12.977h-4.923v4.896q0 .401-.281.682t-.682.281v0q-.375 0-.669-.281t-.294-.682v-4.896h-4.923q-.401 0-.682-.294t-.281-.669v0q0-.401.281-.682t.682-.281h4.923v-4.896q0-.401.294-.682t.669-.281v0q.401 0 .682.281t.281.682v4.896h4.923q.401 0 .682.281t.281.682v0q0 .375-.281.669t-.682.294z" })));
|
|
262
292
|
}
|
|
263
293
|
function TransitionComponent(props) {
|
|
264
|
-
var style = useSpring({
|
|
294
|
+
var style = reactSpring.useSpring({
|
|
265
295
|
from: { opacity: 0, transform: 'translate3d(20px,0,0)' },
|
|
266
296
|
to: { opacity: props["in"] ? 1 : 0, transform: "translate3d(".concat(props["in"] ? 0 : 20, "px,0,0)") }
|
|
267
297
|
});
|
|
268
|
-
return (
|
|
269
|
-
|
|
298
|
+
return (React__default["default"].createElement(reactSpring.animated.div, { style: style },
|
|
299
|
+
React__default["default"].createElement(Collapse__default["default"], __assign({}, props))));
|
|
270
300
|
}
|
|
271
301
|
TransitionComponent.propTypes = {
|
|
272
302
|
/**
|
|
273
303
|
* Show the component; triggers the enter or exit states
|
|
274
304
|
*/
|
|
275
|
-
"in":
|
|
305
|
+
"in": PropTypes__default["default"].bool
|
|
276
306
|
};
|
|
277
|
-
var StyledTreeItem = withStyles(function (theme) { return ({
|
|
307
|
+
var StyledTreeItem = styles.withStyles(function (theme) { return ({
|
|
278
308
|
iconContainer: {
|
|
279
309
|
'& .close': {
|
|
280
310
|
opacity: 0.3
|
|
@@ -283,12 +313,12 @@ var StyledTreeItem = withStyles(function (theme) { return ({
|
|
|
283
313
|
group: {
|
|
284
314
|
marginLeft: 7,
|
|
285
315
|
paddingLeft: 18,
|
|
286
|
-
borderLeft: "1px dashed ".concat(alpha(theme.palette.text.primary, 0.4))
|
|
316
|
+
borderLeft: "1px dashed ".concat(styles.alpha(theme.palette.text.primary, 0.4))
|
|
287
317
|
}
|
|
288
318
|
}); })(function (props) { return (
|
|
289
319
|
/* @ts-ignore */
|
|
290
|
-
|
|
291
|
-
var useTreviewStyle = makeStyles(function (theme) { return ({
|
|
320
|
+
React__default["default"].createElement(TreeItem__default["default"], __assign({}, props, { TransitionComponent: TransitionComponent }))); });
|
|
321
|
+
var useTreviewStyle = styles.makeStyles(function (theme) { return ({
|
|
292
322
|
root: {
|
|
293
323
|
"min-height": 264,
|
|
294
324
|
flexGrow: 1,
|
|
@@ -313,10 +343,10 @@ var useTreviewStyle = makeStyles(function (theme) { return ({
|
|
|
313
343
|
}); });
|
|
314
344
|
var ModalTreeFilterControl = function (props) {
|
|
315
345
|
var onClose = props.onClose, valueProp = props.value, open = props.open, title = props.title, data = props.data, selectBranch = props.selectBranch, selectActive = props.selectActive, selectInternal = props.selectInternal, other = __rest(props, ["onClose", "value", "open", "title", "data", "selectBranch", "selectActive", "selectInternal"]);
|
|
316
|
-
var _a = useState(valueProp), value = _a[0], setValue = _a[1];
|
|
317
|
-
var _b = useState([]), expanded = _b[0], setExpanded = _b[1];
|
|
318
|
-
var treeRef = useRef(null);
|
|
319
|
-
useEffect(function () {
|
|
346
|
+
var _a = React.useState(valueProp), value = _a[0], setValue = _a[1];
|
|
347
|
+
var _b = React.useState([]), expanded = _b[0], setExpanded = _b[1];
|
|
348
|
+
var treeRef = React.useRef(null);
|
|
349
|
+
React.useEffect(function () {
|
|
320
350
|
if (!open) {
|
|
321
351
|
setValue(valueProp);
|
|
322
352
|
}
|
|
@@ -325,7 +355,7 @@ var ModalTreeFilterControl = function (props) {
|
|
|
325
355
|
expandNode(valueProp);
|
|
326
356
|
}
|
|
327
357
|
}, [valueProp, open]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
328
|
-
useEffect(function () {
|
|
358
|
+
React.useEffect(function () {
|
|
329
359
|
if (open) {
|
|
330
360
|
var findNode = getNodeData(data, parseInt(value));
|
|
331
361
|
if (findNode === null)
|
|
@@ -391,15 +421,15 @@ var ModalTreeFilterControl = function (props) {
|
|
|
391
421
|
var classes = useTreviewStyle();
|
|
392
422
|
var renderTree = function (nodes) { return (
|
|
393
423
|
/* @ts-ignore */
|
|
394
|
-
|
|
424
|
+
React__default["default"].createElement(StyledTreeItem, { key: nodes.id, nodeId: nodes.id.toString(), label: React__default["default"].createElement("div", { className: classes.treeLabelRoot },
|
|
395
425
|
nodes.isCode === true &&
|
|
396
|
-
|
|
426
|
+
React__default["default"].createElement(Code__default["default"], { className: classes.treeLabelIcon, htmlColor: "#1ABC9C" }),
|
|
397
427
|
nodes.isCode === false &&
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
428
|
+
React__default["default"].createElement(Folder__default["default"], { className: classes.treeLabelIcon, htmlColor: '#F1C40F' }),
|
|
429
|
+
React__default["default"].createElement(core.Typography, { variant: "body2", className: [classes.treeLabelText, (nodes.isActive ? '' : classes.treeLabelInactive)].join(' ') },
|
|
430
|
+
React__default["default"].createElement("span", null,
|
|
401
431
|
nodes.isCode &&
|
|
402
|
-
|
|
432
|
+
React__default["default"].createElement("i", { className: "fas fa-square mr-2", style: { "color": (nodes.delayCategoryColor || '#FFFFFF') } }),
|
|
403
433
|
nodes.name))), className: "delay-item-node", id: nodes.id, "data-isbranch": !nodes.isCode }, Array.isArray(nodes.children) ? nodes.children.map(function (node) { return renderTree(node); }) : null)); };
|
|
404
434
|
var getNodeParent = function (node, id, chain) {
|
|
405
435
|
if (id === undefined)
|
|
@@ -417,26 +447,26 @@ var ModalTreeFilterControl = function (props) {
|
|
|
417
447
|
}
|
|
418
448
|
return null;
|
|
419
449
|
};
|
|
420
|
-
return (
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
450
|
+
return (React__default["default"].createElement(Dialog__default["default"], __assign({ onClose: function (event, reason) { return null; }, "aria-label": title, maxWidth: "xs", TransitionProps: { onEntering: handleEntering }, "aria-labelledby": "confirmation-dialog-title", open: open }, other),
|
|
451
|
+
React__default["default"].createElement(DialogTitle__default["default"], { id: "confirmation-dialog-title" }, title),
|
|
452
|
+
React__default["default"].createElement(DialogContent__default["default"], { dividers: true },
|
|
453
|
+
React__default["default"].createElement(TreeView__default["default"], { className: classes.root, defaultCollapseIcon: React__default["default"].createElement(MinusSquare, null), defaultExpandIcon: React__default["default"].createElement(PlusSquare, null), ref: treeRef, selected: value === undefined ? "" : value.toString(), expanded: expanded,
|
|
424
454
|
/* @ts-ignore */
|
|
425
455
|
onNodeSelect: handleChange, onNodeToggle: handleToogle }, data.id !== undefined &&
|
|
426
456
|
renderTree(data))),
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
457
|
+
React__default["default"].createElement(DialogActions__default["default"], null,
|
|
458
|
+
React__default["default"].createElement(Button__default["default"], { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
|
|
459
|
+
React__default["default"].createElement(Button__default["default"], { onClick: handleOk, color: "primary" }, "Ok"))));
|
|
430
460
|
};
|
|
431
461
|
ModalTreeFilterControl.propTypes = {
|
|
432
|
-
onClose:
|
|
433
|
-
open:
|
|
434
|
-
title:
|
|
435
|
-
data:
|
|
462
|
+
onClose: PropTypes__default["default"].func.isRequired,
|
|
463
|
+
open: PropTypes__default["default"].bool.isRequired,
|
|
464
|
+
title: PropTypes__default["default"].string.isRequired,
|
|
465
|
+
data: PropTypes__default["default"].object.isRequired
|
|
436
466
|
};
|
|
437
467
|
|
|
438
468
|
var TreePickerControl = function (props) {
|
|
439
|
-
var useStyles = makeStyles(function (theme) { return ({
|
|
469
|
+
var useStyles = styles.makeStyles(function (theme) { return ({
|
|
440
470
|
root: {
|
|
441
471
|
width: '100%',
|
|
442
472
|
backgroundColor: theme.palette.background.paper,
|
|
@@ -454,7 +484,7 @@ var TreePickerControl = function (props) {
|
|
|
454
484
|
}); });
|
|
455
485
|
var classes = useStyles();
|
|
456
486
|
var onSelect = props.onSelect, value = props.value; props.styleLabel; var dataSource = props.dataSource, other = __rest(props, ["onSelect", "value", "styleLabel", "dataSource"]);
|
|
457
|
-
var _a =
|
|
487
|
+
var _a = React__default["default"].useState(false), open = _a[0], setOpen = _a[1];
|
|
458
488
|
var handleClickListItem = function () {
|
|
459
489
|
setOpen(true);
|
|
460
490
|
};
|
|
@@ -465,72 +495,72 @@ var TreePickerControl = function (props) {
|
|
|
465
495
|
onSelect(newValue, newDescription, findNode);
|
|
466
496
|
}
|
|
467
497
|
};
|
|
468
|
-
return (
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
498
|
+
return (React__default["default"].createElement(Grid__default["default"], { container: true, className: classes.root },
|
|
499
|
+
React__default["default"].createElement(Grid__default["default"], { item: true, md: 12, xs: 12, style: { position: "relative" } },
|
|
500
|
+
React__default["default"].createElement(core.TextField, { label: "Asset", variant: "outlined", onClick: handleClickListItem, value: props.description, margin: "dense", autoComplete: 'off', fullWidth: true, disabled: true }),
|
|
501
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
502
|
+
React__default["default"].createElement("i", { className: "fa fa-search", onClick: handleClickListItem, style: { position: "absolute", right: 17, top: 20, cursor: "pointer" } }))),
|
|
503
|
+
React__default["default"].createElement(ModalTreeFilterControl, __assign({ classes: {
|
|
474
504
|
paper: classes.paper
|
|
475
505
|
}, id: "modal-treeview-filter", title: props.title, keepMounted: true, open: open, onClose: handleClose, value: value, data: dataSource }, other))));
|
|
476
506
|
};
|
|
477
507
|
function DateControl(_a) {
|
|
478
508
|
var value = _a.value, onChange = _a.onChange, title = _a.title, styleGeneral = _a.styleGeneral, styleLabel = _a.styleLabel;
|
|
479
|
-
return (
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
509
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
510
|
+
React__default["default"].createElement("div", { className: "input-group row", style: (styleGeneral || {}) },
|
|
511
|
+
React__default["default"].createElement("div", { className: "input-group-prepend col-sm-3" },
|
|
512
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
|
|
513
|
+
React__default["default"].createElement("div", { className: "col-sm-9" },
|
|
514
|
+
React__default["default"].createElement(DatePicker__default["default"], { className: "form-control mes-filter-datepicker", selected: value, onChange: function (date) { return onChange(date); } })))));
|
|
485
515
|
}
|
|
486
516
|
var DateTimeControl = function (props) {
|
|
487
517
|
var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextTimeBox = props.styleTextTimeBox, onChange = props.onChange, name = props.name;
|
|
488
518
|
var formatTime = function () {
|
|
489
|
-
var date =
|
|
519
|
+
var date = moment__default["default"](value);
|
|
490
520
|
if (!date.isValid())
|
|
491
521
|
return '';
|
|
492
522
|
return date.format('HH:mm:ss');
|
|
493
523
|
};
|
|
494
|
-
var _a =
|
|
524
|
+
var _a = React__default["default"].useState(formatTime()), formattedTimeValue = _a[0], setFormattedTimeValue = _a[1];
|
|
495
525
|
var changeDate = function (e) {
|
|
496
526
|
setFormattedTimeValue(e.target.value);
|
|
497
527
|
};
|
|
498
528
|
var blurDate = function (e) {
|
|
499
|
-
var date =
|
|
500
|
-
if (date.isValid() &&
|
|
501
|
-
var newDate = (
|
|
529
|
+
var date = moment__default["default"](e.target.value, 'hh:mm:ss');
|
|
530
|
+
if (date.isValid() && moment__default["default"](value).isValid()) {
|
|
531
|
+
var newDate = (moment__default["default"](value)).set('hour', date.hour()).set('minute', date.minute()).set('second', date.second());
|
|
502
532
|
onChange(newDate.toDate(), name || '');
|
|
503
533
|
}
|
|
504
534
|
else {
|
|
505
535
|
setFormattedTimeValue(formatTime());
|
|
506
536
|
}
|
|
507
537
|
};
|
|
508
|
-
|
|
538
|
+
React__default["default"].useEffect(function () {
|
|
509
539
|
setFormattedTimeValue(formatTime());
|
|
510
540
|
}, [value]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
511
|
-
return (
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
541
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
542
|
+
React__default["default"].createElement("div", { className: "input-group" },
|
|
543
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
544
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
|
|
545
|
+
React__default["default"].createElement(DatePicker__default["default"], { className: "form-control mes-filter-datepicker mes-not-rounded", selected: value, onChange: function (date) { return onChange(date, name || ''); }, readOnly: readOnly || false }),
|
|
546
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control input-group-append mes-filter-datetimepicker", placeholder: "time", value: formattedTimeValue || '', readOnly: readOnly || false, style: styleTextTimeBox || {}, onBlur: function (e) { return blurDate(e); }, onChange: function (e) { return changeDate(e); } }))));
|
|
517
547
|
};
|
|
518
548
|
var SimpleTimeControl = function (props) {
|
|
519
549
|
var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextBox = props.styleTextBox, onChange = props.onChange, name = props.name;
|
|
520
550
|
var formatDate = function () {
|
|
521
|
-
var date =
|
|
551
|
+
var date = moment__default["default"](value);
|
|
522
552
|
if (!date.isValid())
|
|
523
553
|
return 'INVALID TIME';
|
|
524
554
|
return date.format('HH:mm:ss');
|
|
525
555
|
};
|
|
526
|
-
var _a =
|
|
527
|
-
|
|
556
|
+
var _a = React__default["default"].useState(formatDate()), formattedValue = _a[0], setFormattedValue = _a[1];
|
|
557
|
+
React__default["default"].useEffect(function () {
|
|
528
558
|
setFormattedValue(formatDate());
|
|
529
559
|
}, [value]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
530
560
|
var blurDate = function (e) {
|
|
531
|
-
var date =
|
|
532
|
-
if (date.isValid() &&
|
|
533
|
-
var newDate = (
|
|
561
|
+
var date = moment__default["default"](e.target.value, 'hh:mm:ss');
|
|
562
|
+
if (date.isValid() && moment__default["default"](value).isValid()) {
|
|
563
|
+
var newDate = (moment__default["default"](value)).set('hour', date.hour()).set('minute', date.minute()).set('second', date.second());
|
|
534
564
|
onChange(newDate.toDate(), name || '');
|
|
535
565
|
}
|
|
536
566
|
else {
|
|
@@ -540,18 +570,18 @@ var SimpleTimeControl = function (props) {
|
|
|
540
570
|
var changeDate = function (e) {
|
|
541
571
|
setFormattedValue(e.target.value);
|
|
542
572
|
};
|
|
543
|
-
return (
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
573
|
+
return (React__default["default"].createElement("div", { className: "input-group" },
|
|
574
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
575
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
|
|
576
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control", placeholder: title, readOnly: readOnly || false, value: formattedValue || '', onBlur: function (e) { return blurDate(e); }, onChange: function (e) { return changeDate(e); }, style: styleTextBox || {} })));
|
|
547
577
|
};
|
|
548
578
|
function SimpleInputSearchControl(_a) {
|
|
549
579
|
var title = _a.title, styleLabel = _a.styleLabel, isNumeric = _a.isNumeric, readOnly = _a.readOnly, value = _a.value, onChange = _a.onChange, name = _a.name, styleTextBox = _a.styleTextBox, onKeyDown = _a.onKeyDown, lengthCharacters = _a.lengthCharacters;
|
|
550
|
-
return (
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
580
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
581
|
+
React__default["default"].createElement("div", { className: "input-group" },
|
|
582
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
583
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
|
|
584
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control " + (isNumeric ? 'mes-numeric' : ''), placeholder: title, readOnly: readOnly, value: value || '', onChange: function (e) { return onChange(e.target.value, name || ''); }, style: (styleTextBox || {}), onKeyDown: function (e) { return onKeyDown(e); }, maxLength: lengthCharacters || '' }))));
|
|
555
585
|
}
|
|
556
586
|
var TimeControl = /** @class */ (function (_super) {
|
|
557
587
|
__extends(TimeControl, _super);
|
|
@@ -560,14 +590,14 @@ var TimeControl = /** @class */ (function (_super) {
|
|
|
560
590
|
}
|
|
561
591
|
TimeControl.prototype.render = function () {
|
|
562
592
|
var _this = this;
|
|
563
|
-
return (
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
593
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
594
|
+
React__default["default"].createElement("div", { className: "input-group" },
|
|
595
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
596
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
|
|
597
|
+
React__default["default"].createElement(DatePicker__default["default"], { className: "form-control mes-filter-datepicker", selected: this.props.value, onChange: function (date) { return _this.props.onChange(date, _this.props.name || ''); }, showTimeSelect: this.props.showSelector || false, showTimeSelectOnly: true, timeIntervals: 15, timeCaption: "Time", dateFormat: "HH:mm:ss", timeFormat: "HH:mm", readOnly: this.props.readOnly || false }))));
|
|
568
598
|
};
|
|
569
599
|
return TimeControl;
|
|
570
|
-
}(Component));
|
|
600
|
+
}(React.Component));
|
|
571
601
|
var SimpleTextControl = /** @class */ (function (_super) {
|
|
572
602
|
__extends(SimpleTextControl, _super);
|
|
573
603
|
function SimpleTextControl() {
|
|
@@ -575,13 +605,13 @@ var SimpleTextControl = /** @class */ (function (_super) {
|
|
|
575
605
|
}
|
|
576
606
|
SimpleTextControl.prototype.render = function () {
|
|
577
607
|
var _this = this;
|
|
578
|
-
return (
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
608
|
+
return (React__default["default"].createElement("div", { className: "input-group" },
|
|
609
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
610
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
|
|
611
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control " + (this.props.isNumeric ? 'mes-numeric' : ''), placeholder: this.props.title, readOnly: this.props.readOnly, value: this.props.value || '', onChange: function (e) { return _this.props.onChange(e.target.value, _this.props.name || ''); }, style: (this.props.styleTextBox || {}), maxLength: this.props.lengthCharacters || '' })));
|
|
582
612
|
};
|
|
583
613
|
return SimpleTextControl;
|
|
584
|
-
}(Component));
|
|
614
|
+
}(React.Component));
|
|
585
615
|
var SimplePasswordControl = /** @class */ (function (_super) {
|
|
586
616
|
__extends(SimplePasswordControl, _super);
|
|
587
617
|
function SimplePasswordControl() {
|
|
@@ -589,13 +619,13 @@ var SimplePasswordControl = /** @class */ (function (_super) {
|
|
|
589
619
|
}
|
|
590
620
|
SimplePasswordControl.prototype.render = function () {
|
|
591
621
|
var _this = this;
|
|
592
|
-
return (
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
622
|
+
return (React__default["default"].createElement("div", { className: "input-group" },
|
|
623
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
624
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
|
|
625
|
+
React__default["default"].createElement("input", { className: "form-control ", type: "password", placeholder: this.props.title, readOnly: this.props.readOnly, value: this.props.value || '', onChange: function (e) { return _this.props.onChange(e.target.value, _this.props.name || ''); }, style: (this.props.styleTextBox || {}), maxLength: this.props.lengthCharacters || '' })));
|
|
596
626
|
};
|
|
597
627
|
return SimplePasswordControl;
|
|
598
|
-
}(Component));
|
|
628
|
+
}(React.Component));
|
|
599
629
|
var formatNumber = function (value) {
|
|
600
630
|
var number = Number(value);
|
|
601
631
|
if (Number.isNaN(number))
|
|
@@ -604,7 +634,7 @@ var formatNumber = function (value) {
|
|
|
604
634
|
};
|
|
605
635
|
var NumericTextControl = function (props) {
|
|
606
636
|
var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextBox = props.styleTextBox, onChange = props.onChange, name = props.name, typeNumber = props.typeNumber; //typeNumber 1 = real, 2 = integer, 3 = natural
|
|
607
|
-
var _a =
|
|
637
|
+
var _a = React__default["default"].useState(formatNumber(value)), formattedValue = _a[0], setFormattedValue = _a[1];
|
|
608
638
|
var changedValue = function (e) {
|
|
609
639
|
setFormattedValue(e.target.value);
|
|
610
640
|
};
|
|
@@ -619,13 +649,13 @@ var NumericTextControl = function (props) {
|
|
|
619
649
|
else
|
|
620
650
|
onChange(number, name || '');
|
|
621
651
|
};
|
|
622
|
-
|
|
652
|
+
React__default["default"].useEffect(function () {
|
|
623
653
|
setFormattedValue(formatNumber(value));
|
|
624
654
|
}, [value]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
625
|
-
return (
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
655
|
+
return (React__default["default"].createElement("div", { className: "input-group" },
|
|
656
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
657
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
|
|
658
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control mes-numeric", placeholder: title, readOnly: readOnly, value: formattedValue || '', onChange: function (e) { return changedValue(e); }, onBlur: function (e) { return valueBlured(e.target.value); }, style: (styleTextBox || {}) })));
|
|
629
659
|
};
|
|
630
660
|
var HorizontalTextControl = /** @class */ (function (_super) {
|
|
631
661
|
__extends(HorizontalTextControl, _super);
|
|
@@ -634,16 +664,16 @@ var HorizontalTextControl = /** @class */ (function (_super) {
|
|
|
634
664
|
}
|
|
635
665
|
HorizontalTextControl.prototype.render = function () {
|
|
636
666
|
var _this = this;
|
|
637
|
-
return (
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
667
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
668
|
+
React__default["default"].createElement("div", { className: "input-group" },
|
|
669
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
670
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
|
|
671
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control " + (this.props.isNumeric ? 'mes-numeric' : ''), placeholder: this.props.title, readOnly: this.props.readOnly, value: this.props.value || '', style: (this.props.styleText || {}), onChange: function (e) { return _this.props.onChange(e.target.value, _this.props.name || ''); } }),
|
|
672
|
+
React__default["default"].createElement("div", { className: "input-group-append" },
|
|
673
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (this.props.styleSubLabel || {}) }, this.props.subTitle || '')))));
|
|
644
674
|
};
|
|
645
675
|
return HorizontalTextControl;
|
|
646
|
-
}(Component));
|
|
676
|
+
}(React.Component));
|
|
647
677
|
var SimpleTextAreaControl = /** @class */ (function (_super) {
|
|
648
678
|
__extends(SimpleTextAreaControl, _super);
|
|
649
679
|
function SimpleTextAreaControl() {
|
|
@@ -651,87 +681,87 @@ var SimpleTextAreaControl = /** @class */ (function (_super) {
|
|
|
651
681
|
}
|
|
652
682
|
SimpleTextAreaControl.prototype.render = function () {
|
|
653
683
|
var _this = this;
|
|
654
|
-
return (
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
684
|
+
return (React__default["default"].createElement("div", { className: "input-group" },
|
|
685
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
686
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
|
|
687
|
+
React__default["default"].createElement("textarea", { className: "form-control", placeholder: this.props.title, value: this.props.value || '', onChange: function (e) { return _this.props.onChange(e.target.value, _this.props.name || ''); }, style: (this.props.styleText || {}), disabled: !!(this.props.disabled) })));
|
|
658
688
|
};
|
|
659
689
|
return SimpleTextAreaControl;
|
|
660
|
-
}(Component));
|
|
690
|
+
}(React.Component));
|
|
661
691
|
function SimpleSelectorControl(_a) {
|
|
662
692
|
var title = _a.title, dataSource = _a.dataSource, selectedValue = _a.selectedValue, onChange = _a.onChange, showColor = _a.showColor, styleLabel = _a.styleLabel, styleList = _a.styleList, hasChoose = _a.hasChoose;
|
|
663
693
|
var options = dataSource.map(function (item, index) {
|
|
664
|
-
return
|
|
694
|
+
return React__default["default"].createElement(MenuItem__default["default"], { value: item.id.toString(), key: index },
|
|
665
695
|
showColor === true &&
|
|
666
|
-
|
|
667
|
-
|
|
696
|
+
React__default["default"].createElement("i", { className: "fas fa-square mr-2", style: { "color": (item.color || '#FFFFFF') } }),
|
|
697
|
+
React__default["default"].createElement("span", null, item.description));
|
|
668
698
|
});
|
|
669
|
-
return (
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
(hasChoose &&
|
|
699
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
700
|
+
React__default["default"].createElement("div", { className: "input-group" },
|
|
701
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
702
|
+
React__default["default"].createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
|
|
703
|
+
React__default["default"].createElement(Select__default["default"], { className: "custom-select mes-custom-select", onChange: function (e) { return onChange(e.target.value === 'DEFAULT' ? '' : e.target.value); }, value: selectedValue || "DEFAULT", style: (styleList || {}) },
|
|
704
|
+
(hasChoose && React__default["default"].createElement(MenuItem__default["default"], { value: "DEFAULT" }, "Choose " + title)),
|
|
675
705
|
options))));
|
|
676
706
|
}
|
|
677
707
|
var MultipleSelectorControl = function (props) {
|
|
678
708
|
var options = (props.dataSource || []).map(function (item, index) {
|
|
679
|
-
return
|
|
709
|
+
return React__default["default"].createElement("option", { value: item[props.valueField], key: index, className: "p-1" }, item[props.textField]);
|
|
680
710
|
});
|
|
681
|
-
return (
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
711
|
+
return (React__default["default"].createElement("div", { className: "card" },
|
|
712
|
+
React__default["default"].createElement("div", { className: "card-header" }, props.title || ''),
|
|
713
|
+
React__default["default"].createElement("div", { className: "card-body p-0" },
|
|
714
|
+
React__default["default"].createElement("select", { className: "form-select col-md-12 p-0 mes-no-border", multiple: true, "aria-label": props.title || '', value: props.value || [], onChange: function (e) { var value = Array.from(e.target.selectedOptions, function (option) { return option.value; }); props.onChange(value); }, onDoubleClick: props.onDoubleClick || undefined }, options))));
|
|
685
715
|
};
|
|
686
716
|
var CheckBoxControl = function (props) {
|
|
687
|
-
return (
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
717
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
718
|
+
React__default["default"].createElement("div", { className: "input-group" },
|
|
719
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
720
|
+
React__default["default"].createElement("div", { className: "input-group-text" },
|
|
721
|
+
React__default["default"].createElement("input", { type: "checkbox", checked: props.value, onChange: function (e) { props.onCheck(e.target.checked); }, disabled: props.disabled }))),
|
|
722
|
+
React__default["default"].createElement("input", { type: "text", className: "form-control", "aria-label": props.title, value: props.title, readOnly: true, style: (props.styleTextBox || []) }))));
|
|
693
723
|
};
|
|
694
724
|
var UploadFileControl = function (props) {
|
|
695
725
|
var FileChanged = function (e) {
|
|
696
726
|
props.onChange(e.target.files[0]);
|
|
697
727
|
};
|
|
698
|
-
return (
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
728
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
729
|
+
React__default["default"].createElement("div", { className: "input-group mes-upload-control" },
|
|
730
|
+
React__default["default"].createElement("div", { className: "input-group-prepend" },
|
|
731
|
+
React__default["default"].createElement("div", { className: "input-group-text p-0 file-box" },
|
|
732
|
+
React__default["default"].createElement("div", { className: "file-detail", style: {} },
|
|
703
733
|
props.selectedFile &&
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
734
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
735
|
+
React__default["default"].createElement("h5", null, "File Details:"),
|
|
736
|
+
React__default["default"].createElement("table", null,
|
|
737
|
+
React__default["default"].createElement("tbody", null,
|
|
738
|
+
React__default["default"].createElement("tr", null,
|
|
739
|
+
React__default["default"].createElement("td", null,
|
|
710
740
|
"File Name: ",
|
|
711
741
|
props.selectedFile.name)),
|
|
712
|
-
|
|
713
|
-
|
|
742
|
+
React__default["default"].createElement("tr", null,
|
|
743
|
+
React__default["default"].createElement("td", null,
|
|
714
744
|
"File Type: ",
|
|
715
745
|
props.selectedFile.type)),
|
|
716
|
-
|
|
717
|
-
|
|
746
|
+
React__default["default"].createElement("tr", null,
|
|
747
|
+
React__default["default"].createElement("td", null,
|
|
718
748
|
"Last Modified: ",
|
|
719
749
|
props.selectedFile.lastModifiedDate.toDateString()))))),
|
|
720
750
|
props.selectedFile === undefined &&
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
751
|
+
React__default["default"].createElement("div", { className: "pt-4" },
|
|
752
|
+
React__default["default"].createElement(core.Typography, null, "Select or drag a file"))),
|
|
753
|
+
React__default["default"].createElement("input", { id: "myFile", type: "file", className: "formcontrol", style: {}, onChange: FileChanged, accept: props.acceptFile || '*.*' }))),
|
|
754
|
+
React__default["default"].createElement("div", { className: "input-group-append" },
|
|
755
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary", disabled: props.selectedFile === undefined, onClick: props.onUpload },
|
|
756
|
+
React__default["default"].createElement("i", { className: "fas fa-upload pr-2" }),
|
|
757
|
+
React__default["default"].createElement("span", null, "Upload"))))));
|
|
728
758
|
};
|
|
729
759
|
|
|
730
760
|
function GenericRow(props) {
|
|
731
761
|
var cells = props.row.map(function (cell, index) {
|
|
732
|
-
return
|
|
762
|
+
return React__default["default"].createElement("td", { key: index }, cell);
|
|
733
763
|
});
|
|
734
|
-
return (
|
|
764
|
+
return (React__default["default"].createElement("tr", null, cells));
|
|
735
765
|
}
|
|
736
766
|
var GenericTable = /** @class */ (function (_super) {
|
|
737
767
|
__extends(GenericTable, _super);
|
|
@@ -740,23 +770,23 @@ var GenericTable = /** @class */ (function (_super) {
|
|
|
740
770
|
}
|
|
741
771
|
GenericTable.prototype.render = function () {
|
|
742
772
|
var theads = (this.props.columns.map(function (column, index) {
|
|
743
|
-
return
|
|
773
|
+
return React__default["default"].createElement("th", { scope: "col", key: index }, column);
|
|
744
774
|
}));
|
|
745
775
|
var tbody = (this.props.data.map(function (row, index) {
|
|
746
|
-
return
|
|
776
|
+
return React__default["default"].createElement(GenericRow, { row: row, key: index });
|
|
747
777
|
}));
|
|
748
|
-
return (
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
778
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
779
|
+
React__default["default"].createElement("div", { className: "container-fluid my-3" },
|
|
780
|
+
React__default["default"].createElement("div", { className: "table-responsive-md" },
|
|
781
|
+
React__default["default"].createElement("table", { className: "table table-hover table-striped table-sm" },
|
|
782
|
+
React__default["default"].createElement("thead", null,
|
|
783
|
+
React__default["default"].createElement("tr", null, theads)),
|
|
784
|
+
React__default["default"].createElement("tbody", null, tbody))))));
|
|
755
785
|
};
|
|
756
786
|
return GenericTable;
|
|
757
|
-
}(Component));
|
|
787
|
+
}(React.Component));
|
|
758
788
|
|
|
759
|
-
var useStylesForOverlay = makeStyles(function (theme) { return ({
|
|
789
|
+
var useStylesForOverlay = styles.makeStyles(function (theme) { return ({
|
|
760
790
|
root: {
|
|
761
791
|
flexDirection: 'column',
|
|
762
792
|
'& .ant-empty-img-1': {
|
|
@@ -782,49 +812,49 @@ var useStylesForOverlay = makeStyles(function (theme) { return ({
|
|
|
782
812
|
}); });
|
|
783
813
|
function CustomNoRowsOverlay() {
|
|
784
814
|
var classes = useStylesForOverlay();
|
|
785
|
-
return (
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
815
|
+
return (React__default["default"].createElement(dataGrid.GridOverlay, { className: classes.root },
|
|
816
|
+
React__default["default"].createElement("svg", { width: "120", height: "100", viewBox: "0 0 184 152", "aria-hidden": true, focusable: "false" },
|
|
817
|
+
React__default["default"].createElement("g", { fill: "none", fillRule: "evenodd" },
|
|
818
|
+
React__default["default"].createElement("g", { transform: "translate(24 31.67)" },
|
|
819
|
+
React__default["default"].createElement("ellipse", { className: "ant-empty-img-5", cx: "67.797", cy: "106.89", rx: "67.797", ry: "12.668" }),
|
|
820
|
+
React__default["default"].createElement("path", { className: "ant-empty-img-1", d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" }),
|
|
821
|
+
React__default["default"].createElement("path", { className: "ant-empty-img-2", d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" }),
|
|
822
|
+
React__default["default"].createElement("path", { className: "ant-empty-img-3", d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" })),
|
|
823
|
+
React__default["default"].createElement("path", { className: "ant-empty-img-3", d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" }),
|
|
824
|
+
React__default["default"].createElement("g", { className: "ant-empty-img-4", transform: "translate(149.65 15.383)" },
|
|
825
|
+
React__default["default"].createElement("ellipse", { cx: "20.654", cy: "3.167", rx: "2.849", ry: "2.815" }),
|
|
826
|
+
React__default["default"].createElement("path", { d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" })))),
|
|
827
|
+
React__default["default"].createElement("div", { className: classes.label }, "No Rows")));
|
|
798
828
|
}
|
|
799
829
|
var DataGridControl = function (props) {
|
|
800
830
|
var columns = props.columns, rows = props.rows, other = __rest(props, ["columns", "rows"]);
|
|
801
|
-
return (
|
|
802
|
-
|
|
803
|
-
|
|
831
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
832
|
+
React__default["default"].createElement("div", { className: "container-fluid my-3" },
|
|
833
|
+
React__default["default"].createElement(dataGrid.DataGrid, __assign({ components: {
|
|
804
834
|
NoRowsOverlay: CustomNoRowsOverlay
|
|
805
835
|
}, rows: rows, columns: columns || [], autoHeight: true, rowHeight: 25 }, other)))));
|
|
806
836
|
};
|
|
807
837
|
DataGridControl.propTypes = {
|
|
808
|
-
columns:
|
|
809
|
-
rows:
|
|
838
|
+
columns: PropTypes__default["default"].array,
|
|
839
|
+
rows: PropTypes__default["default"].array
|
|
810
840
|
};
|
|
811
841
|
|
|
812
842
|
/********************MATERIAL UI STYLES********************************** */
|
|
813
843
|
/************************************************************************* */
|
|
814
844
|
var GenericPanel = function (_a) {
|
|
815
845
|
var title = _a.title, description = _a.description, _b = _a.showPromptSuccess, showPromptSuccess = _b === void 0 ? false : _b, _c = _a.showPromptError, showPromptError = _c === void 0 ? false : _c, _d = _a.onDismissSuccess, onDismissSuccess = _d === void 0 ? function () { return null; } : _d, _e = _a.onDismissError, onDismissError = _e === void 0 ? function () { return null; } : _e, successMessage = _a.successMessage, error = _a.error, children = _a.children;
|
|
816
|
-
return (
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
846
|
+
return (React__default["default"].createElement("div", { className: "content-wrapper" },
|
|
847
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
848
|
+
React__default["default"].createElement("div", { className: "col-lg-12" },
|
|
849
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showPromptError, variant: "danger", dismissible: true, onClose: onDismissError },
|
|
850
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
851
|
+
React__default["default"].createElement("p", null, error === undefined ? 'There was an error' :
|
|
822
852
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
853
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showPromptSuccess, variant: "success", onClose: onDismissSuccess },
|
|
854
|
+
React__default["default"].createElement("p", null, successMessage || 'Operation was success')))),
|
|
855
|
+
React__default["default"].createElement("h3", null,
|
|
826
856
|
title,
|
|
827
|
-
|
|
857
|
+
React__default["default"].createElement("small", null, description)),
|
|
828
858
|
children));
|
|
829
859
|
};
|
|
830
860
|
var MasterDetailPanel = /** @class */ (function (_super) {
|
|
@@ -833,7 +863,7 @@ var MasterDetailPanel = /** @class */ (function (_super) {
|
|
|
833
863
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
834
864
|
}
|
|
835
865
|
MasterDetailPanel.prototype.useStyles = function () {
|
|
836
|
-
return makeStyles(function (theme) { return ({
|
|
866
|
+
return styles.makeStyles(function (theme) { return ({
|
|
837
867
|
root: {
|
|
838
868
|
'& > *': {
|
|
839
869
|
margin: theme.spacing(1)
|
|
@@ -843,20 +873,20 @@ var MasterDetailPanel = /** @class */ (function (_super) {
|
|
|
843
873
|
}); });
|
|
844
874
|
};
|
|
845
875
|
MasterDetailPanel.prototype.render = function () {
|
|
846
|
-
return (
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
876
|
+
return (React__default["default"].createElement("div", { className: "pb-2" },
|
|
877
|
+
React__default["default"].createElement(Card__default["default"], { variant: "outlined" },
|
|
878
|
+
React__default["default"].createElement(CardContent__default["default"], null,
|
|
879
|
+
React__default["default"].createElement(Typography__default["default"], { gutterBottom: true, variant: "h5", component: "h2" }, this.props.title || ''),
|
|
850
880
|
this.props.children),
|
|
851
|
-
|
|
852
|
-
|
|
881
|
+
React__default["default"].createElement(CardActions__default["default"], { className: "px-3 " },
|
|
882
|
+
React__default["default"].createElement("button", { className: "btn btn-danger", onClick: this.props.onCancel, disabled: !this.props.saveStatus }, "Cancel"),
|
|
853
883
|
(this.props.showSave === undefined || this.props.showSave) &&
|
|
854
|
-
|
|
884
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary", onClick: this.props.onSave, disabled: !this.props.saveStatus }, "Save"),
|
|
855
885
|
this.props.showDelete &&
|
|
856
|
-
|
|
886
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary", onClick: this.props.onDelete, disabled: !this.props.deleteStatus }, "Delete")))));
|
|
857
887
|
};
|
|
858
888
|
return MasterDetailPanel;
|
|
859
|
-
}(Component));
|
|
889
|
+
}(React.Component));
|
|
860
890
|
var FilterPanel = /** @class */ (function (_super) {
|
|
861
891
|
__extends(FilterPanel, _super);
|
|
862
892
|
function FilterPanel(props) {
|
|
@@ -882,28 +912,28 @@ var FilterPanel = /** @class */ (function (_super) {
|
|
|
882
912
|
FilterPanel.prototype.render = function () {
|
|
883
913
|
var buttonList = this.props.extraButtons === undefined ? [] : this.props.extraButtons;
|
|
884
914
|
var extraButtons = buttonList.map(function (button, index) {
|
|
885
|
-
return
|
|
915
|
+
return React__default["default"].createElement("button", { type: "button", className: "btn btn-primary btn-sm mr-2", onClick: button.onClick, key: index }, button.name);
|
|
886
916
|
});
|
|
887
|
-
return (
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
917
|
+
return (React__default["default"].createElement("div", { className: "container-fluid" },
|
|
918
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
919
|
+
React__default["default"].createElement("div", { className: "col-md-12" },
|
|
920
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
891
921
|
this.props.children,
|
|
892
|
-
|
|
922
|
+
React__default["default"].createElement("div", { className: "me-auto" },
|
|
893
923
|
!!this.props.showButtons &&
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
924
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
925
|
+
React__default["default"].createElement("div", { className: "pt-2" },
|
|
926
|
+
React__default["default"].createElement("button", { type: "button", className: "btn btn-primary btn mr-2", onClick: this.onClickGo }, "Go"),
|
|
927
|
+
React__default["default"].createElement("button", { type: "button", className: "btn btn-danger btn-sm mr-2", onClick: this.onClickReset }, "Reset"))),
|
|
898
928
|
extraButtons,
|
|
899
929
|
!!this.props.showExport &&
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
930
|
+
React__default["default"].createElement("div", { className: "pt-2" },
|
|
931
|
+
React__default["default"].createElement("button", { type: "button", className: "btn btn-success", onClick: this.onClickExport },
|
|
932
|
+
React__default["default"].createElement("i", { className: "fa fa-download" }),
|
|
903
933
|
"Excel"))))))));
|
|
904
934
|
};
|
|
905
935
|
return FilterPanel;
|
|
906
|
-
}(Component));
|
|
936
|
+
}(React.Component));
|
|
907
937
|
var LongFilterPanel = /** @class */ (function (_super) {
|
|
908
938
|
__extends(LongFilterPanel, _super);
|
|
909
939
|
function LongFilterPanel(props) {
|
|
@@ -929,36 +959,36 @@ var LongFilterPanel = /** @class */ (function (_super) {
|
|
|
929
959
|
LongFilterPanel.prototype.render = function () {
|
|
930
960
|
var buttonList = this.props.extraButtons === undefined ? [] : this.props.extraButtons;
|
|
931
961
|
var extraButtons = buttonList.map(function (button, index) {
|
|
932
|
-
return
|
|
962
|
+
return React__default["default"].createElement("button", { type: "button", className: "btn btn-primary btn-sm mr-2", onClick: button.onClick, key: index }, button.name);
|
|
933
963
|
});
|
|
934
|
-
return (
|
|
935
|
-
|
|
936
|
-
|
|
964
|
+
return (React__default["default"].createElement("div", { className: "container-fluid" },
|
|
965
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
966
|
+
React__default["default"].createElement("div", { className: "col-md-12" },
|
|
937
967
|
this.props.children,
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
968
|
+
React__default["default"].createElement("div", { className: "me-auto" }, !!this.props.showButtons &&
|
|
969
|
+
React__default["default"].createElement("div", { className: "container-fluid" },
|
|
970
|
+
React__default["default"].createElement("div", { className: "col-md-10" },
|
|
971
|
+
React__default["default"].createElement("div", { className: "pt-2" },
|
|
972
|
+
React__default["default"].createElement("button", { type: "button", className: "btn btn-primary btn mr-2", onClick: this.onClickGo }, "Go"),
|
|
973
|
+
React__default["default"].createElement("button", { type: "button", className: "btn btn-danger btn-sm mr-2", onClick: this.onClickReset }, "Reset"),
|
|
944
974
|
!!this.props.showExport &&
|
|
945
|
-
|
|
946
|
-
|
|
975
|
+
React__default["default"].createElement("button", { type: "button", className: "btn btn-success", onClick: this.onClickExport },
|
|
976
|
+
React__default["default"].createElement("i", { className: "fa fa-download" }),
|
|
947
977
|
"Excel"),
|
|
948
978
|
extraButtons))))))));
|
|
949
979
|
};
|
|
950
980
|
return LongFilterPanel;
|
|
951
|
-
}(Component));
|
|
981
|
+
}(React.Component));
|
|
952
982
|
|
|
953
983
|
function JobConfig() {
|
|
954
|
-
var _a =
|
|
955
|
-
var _b =
|
|
956
|
-
var _c =
|
|
957
|
-
var _d =
|
|
958
|
-
var _e =
|
|
959
|
-
var _f =
|
|
960
|
-
var _g =
|
|
961
|
-
var _h =
|
|
984
|
+
var _a = React__default["default"].useState(false), showError = _a[0], setShowError = _a[1];
|
|
985
|
+
var _b = React__default["default"].useState(undefined), error = _b[0], setError = _b[1];
|
|
986
|
+
var _c = React__default["default"].useState(false), messageLoading = _c[0], setMessageLoading = _c[1];
|
|
987
|
+
var _d = React__default["default"].useState(false), messageSuccesful = _d[0], setMessageSuccesful = _d[1];
|
|
988
|
+
var _e = React__default["default"].useState(0), pageSel = _e[0], setPageSel = _e[1];
|
|
989
|
+
var _f = React__default["default"].useState([]), rows = _f[0], setRows = _f[1];
|
|
990
|
+
var _g = React__default["default"].useState(false), loading = _g[0], setLoading = _g[1];
|
|
991
|
+
var _h = React__default["default"].useState(false), blockButtons = _h[0], setBlockButtons = _h[1];
|
|
962
992
|
var formatTime = function (nowTime) {
|
|
963
993
|
return ((nowTime.toLocaleDateString() + ' ' + nowTime.toLocaleTimeString()));
|
|
964
994
|
};
|
|
@@ -990,15 +1020,15 @@ function JobConfig() {
|
|
|
990
1020
|
];
|
|
991
1021
|
var renderButtonEnable = function (e) {
|
|
992
1022
|
var isDisabled = (e.row.Enabled) || (blockButtons);
|
|
993
|
-
return (
|
|
1023
|
+
return (React__default["default"].createElement("button", { onClick: function () { onEnable(e); }, disabled: isDisabled }, "Enable"));
|
|
994
1024
|
};
|
|
995
1025
|
var renderButtonDisable = function (e) {
|
|
996
1026
|
var isDisabled = (!e.row.Enabled) || (blockButtons);
|
|
997
|
-
return (
|
|
1027
|
+
return (React__default["default"].createElement("button", { onClick: function () { onEnable(e); }, disabled: isDisabled }, "Disable"));
|
|
998
1028
|
};
|
|
999
1029
|
var renderButtonReset = function (e) {
|
|
1000
1030
|
var isDisabled = (!e.row.Enabled) || (blockButtons);
|
|
1001
|
-
return (
|
|
1031
|
+
return (React__default["default"].createElement("button", { onClick: function () { onReset(e); }, disabled: isDisabled }, "Reset"));
|
|
1002
1032
|
};
|
|
1003
1033
|
var onEnable = function (e) {
|
|
1004
1034
|
var enParameters = [];
|
|
@@ -1057,37 +1087,37 @@ function JobConfig() {
|
|
|
1057
1087
|
setLoading(false);
|
|
1058
1088
|
});
|
|
1059
1089
|
};
|
|
1060
|
-
|
|
1061
|
-
return (
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1090
|
+
React__default["default"].useEffect(searchData, []);
|
|
1091
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1092
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
|
|
1093
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
1094
|
+
React__default["default"].createElement("p", null,
|
|
1065
1095
|
" ",
|
|
1066
1096
|
error === undefined ? 'There was an error' :
|
|
1067
1097
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1098
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: messageLoading, variant: "warning", dismissible: true, onClose: function () { setMessageLoading(false); } },
|
|
1099
|
+
React__default["default"].createElement("p", null, 'Waiting to reset')),
|
|
1100
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: messageSuccesful, variant: "success", dismissible: true, onClose: function () { setMessageSuccesful(false); } },
|
|
1101
|
+
React__default["default"].createElement("p", null, 'Reset was succesful')),
|
|
1102
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1103
|
+
React__default["default"].createElement(core.Typography, { className: "mx-2 mt-0 mb-2 font-weight-bold" }, "System Jobs")),
|
|
1104
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1105
|
+
React__default["default"].createElement(DataGridControl, __assign({ columns: columns, rows: rows, pageSize: 10, rowHeight: 30, loading: loading, rowsPerPageOptions: [10], page: pageSel, onPageChange: setPageSel }, {})))));
|
|
1076
1106
|
}
|
|
1077
1107
|
|
|
1078
1108
|
function LogConfig() {
|
|
1079
|
-
var _a =
|
|
1080
|
-
var _b =
|
|
1081
|
-
var _c =
|
|
1082
|
-
var _d =
|
|
1083
|
-
var _e =
|
|
1084
|
-
var _f =
|
|
1085
|
-
var _g =
|
|
1086
|
-
var _h =
|
|
1087
|
-
var _j =
|
|
1088
|
-
var _k =
|
|
1109
|
+
var _a = React__default["default"].useState(false), showError = _a[0], setShowError = _a[1];
|
|
1110
|
+
var _b = React__default["default"].useState(undefined), error = _b[0], setError = _b[1];
|
|
1111
|
+
var _c = React__default["default"].useState(moment__default["default"]().add(-2, 'days').hour(0).minute(0).second(0).toDate()), startDate = _c[0], setStartDate = _c[1];
|
|
1112
|
+
var _d = React__default["default"].useState(moment__default["default"]().hour(23).minute(59).second(59).toDate()), endDate = _d[0], setEndDate = _d[1];
|
|
1113
|
+
var _e = React__default["default"].useState(0), pageSel = _e[0], setPageSel = _e[1];
|
|
1114
|
+
var _f = React__default["default"].useState([]), rows = _f[0], setRows = _f[1];
|
|
1115
|
+
var _g = React__default["default"].useState(""), search = _g[0], setSearch = _g[1];
|
|
1116
|
+
var _h = React__default["default"].useState(null), logCodeId = _h[0], setlogCodeId = _h[1];
|
|
1117
|
+
var _j = React__default["default"].useState(false), loading = _j[0], setLoading = _j[1];
|
|
1118
|
+
var _k = React__default["default"].useState([]), logCodes = _k[0], setlogCodes = _k[1];
|
|
1089
1119
|
//state of row
|
|
1090
|
-
var _l =
|
|
1120
|
+
var _l = React__default["default"].useState(undefined), selectedLog = _l[0], setSelectedLog = _l[1];
|
|
1091
1121
|
var formatTime = function (nowTime) {
|
|
1092
1122
|
return ((nowTime.toLocaleDateString() + ' ' + nowTime.toLocaleTimeString()));
|
|
1093
1123
|
};
|
|
@@ -1108,8 +1138,8 @@ function LogConfig() {
|
|
|
1108
1138
|
} }
|
|
1109
1139
|
];
|
|
1110
1140
|
var resetFilter = function () {
|
|
1111
|
-
setStartDate(
|
|
1112
|
-
setEndDate(
|
|
1141
|
+
setStartDate(moment__default["default"]().hour(0).minute(0).second(0).toDate());
|
|
1142
|
+
setEndDate(moment__default["default"]().hour(23).minute(59).second(59).toDate());
|
|
1113
1143
|
setSearch("");
|
|
1114
1144
|
setlogCodeId(1);
|
|
1115
1145
|
setRows([]);
|
|
@@ -1159,50 +1189,50 @@ function LogConfig() {
|
|
|
1159
1189
|
setlogCodes(listlogCode);
|
|
1160
1190
|
setlogCodeId("A");
|
|
1161
1191
|
};
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
return (
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1192
|
+
React__default["default"].useEffect(loadFilter, []);
|
|
1193
|
+
React__default["default"].useEffect(searchData, []);
|
|
1194
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1195
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
|
|
1196
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
1197
|
+
React__default["default"].createElement("p", null,
|
|
1168
1198
|
" ",
|
|
1169
1199
|
error === undefined ? 'There was an error' :
|
|
1170
1200
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1201
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1202
|
+
React__default["default"].createElement(core.Typography, { className: "mx-2 mt-0 mb-2 font-weight-bold" }, "MES and System Logs")),
|
|
1203
|
+
React__default["default"].createElement(FilterPanel, { showExport: false, showButtons: true, OnClickGo: searchData, onClickReset: resetFilter },
|
|
1204
|
+
React__default["default"].createElement("div", null,
|
|
1205
|
+
React__default["default"].createElement(DateControl, { value: startDate, onChange: setStartDate, title: "Start" })),
|
|
1206
|
+
React__default["default"].createElement("div", { className: "mx-2" },
|
|
1207
|
+
React__default["default"].createElement(DateControl, { value: endDate, onChange: setEndDate, title: "End" })),
|
|
1208
|
+
React__default["default"].createElement("div", { className: "col-md-3" },
|
|
1209
|
+
React__default["default"].createElement(SimpleTextControl, { value: search, onChange: setSearch, title: "Search" })),
|
|
1210
|
+
React__default["default"].createElement("div", { className: "col-md-2" },
|
|
1211
|
+
React__default["default"].createElement(SimpleSelectorControl, { title: "Code", dataSource: logCodes, selectedValue: logCodeId, onChange: setlogCodeId, showColor: false }))),
|
|
1212
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1213
|
+
React__default["default"].createElement(DataGridControl, { columns: columns, rows: rows, pageSize: 10, rowHeight: 30, loading: loading, rowsPerPageOptions: [10, 20, 50, 100], page: pageSel, onPageChange: setPageSel, onRowClick: rowClicked })),
|
|
1184
1214
|
((selectedLog !== undefined) &&
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1215
|
+
React__default["default"].createElement("div", { className: "white-panel" },
|
|
1216
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1217
|
+
React__default["default"].createElement("div", { className: "col-md-12" },
|
|
1218
|
+
React__default["default"].createElement("h4", null, "Log Details"))),
|
|
1219
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1220
|
+
React__default["default"].createElement("div", { className: "col-md-3", style: { "display": "flex" } },
|
|
1221
|
+
React__default["default"].createElement("h5", null, "Time: "),
|
|
1222
|
+
React__default["default"].createElement("h5", { className: "mx-1", style: { "opacity": "0.7" } }, formatTime(selectedLog.Timestamp))),
|
|
1223
|
+
React__default["default"].createElement("div", { className: "col-md-3", style: { "display": "flex" } },
|
|
1224
|
+
React__default["default"].createElement("h5", null, "Source: "),
|
|
1225
|
+
React__default["default"].createElement("h5", { className: "mx-1", style: { "opacity": "0.7" } }, selectedLog.Source)),
|
|
1226
|
+
React__default["default"].createElement("div", { className: "col-md-2", style: { "display": "flex" } },
|
|
1227
|
+
React__default["default"].createElement("h5", null, "Type: "),
|
|
1228
|
+
React__default["default"].createElement("h5", { className: "mx-1", style: { "opacity": "0.7" } }, selectedLog.LogTypeCode)),
|
|
1229
|
+
React__default["default"].createElement("div", { className: "col-md-3", style: { "display": "flex" } },
|
|
1230
|
+
React__default["default"].createElement("h5", null, "User: "),
|
|
1231
|
+
React__default["default"].createElement("h5", { className: "mx-1", style: { "opacity": "0.7" } }, formatUser(selectedLog.User)))),
|
|
1232
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1233
|
+
React__default["default"].createElement("div", { className: "col-md-10", style: { "display": "flex" } },
|
|
1234
|
+
React__default["default"].createElement("h5", null, "Message: "),
|
|
1235
|
+
React__default["default"].createElement("h5", { style: { "opacity": "0.7" } }, selectedLog.Message)))))));
|
|
1206
1236
|
}
|
|
1207
1237
|
|
|
1208
1238
|
function ProfileManagement() {
|
|
@@ -1211,26 +1241,26 @@ function ProfileManagement() {
|
|
|
1211
1241
|
{ field: 'ProfileName', headerName: 'Profile', flex: 1, type: 'string' }
|
|
1212
1242
|
];
|
|
1213
1243
|
//states
|
|
1214
|
-
var _a =
|
|
1215
|
-
var _b =
|
|
1216
|
-
var _c =
|
|
1217
|
-
var _d =
|
|
1218
|
-
var _e =
|
|
1219
|
-
var _f =
|
|
1220
|
-
var _g =
|
|
1221
|
-
var _h =
|
|
1222
|
-
var _j =
|
|
1223
|
-
var _k =
|
|
1224
|
-
var _l =
|
|
1225
|
-
var _m =
|
|
1226
|
-
var _o =
|
|
1227
|
-
var _p =
|
|
1228
|
-
var _q =
|
|
1229
|
-
var _r =
|
|
1230
|
-
var _s =
|
|
1231
|
-
var _t =
|
|
1232
|
-
var _u =
|
|
1233
|
-
var _v =
|
|
1244
|
+
var _a = React__default["default"].useState(undefined), profileId = _a[0], setProfileId = _a[1];
|
|
1245
|
+
var _b = React__default["default"].useState(''), profileName = _b[0], setProfileName = _b[1];
|
|
1246
|
+
var _c = React__default["default"].useState([]), selectedProfile = _c[0], setSelectedProfile = _c[1];
|
|
1247
|
+
var _d = React__default["default"].useState([]), selectedOtherProfile = _d[0], setSelectedOtherProfile = _d[1];
|
|
1248
|
+
var _e = React__default["default"].useState([]), selectedPermission = _e[0], setSelectedPermission = _e[1];
|
|
1249
|
+
var _f = React__default["default"].useState([]), selectedOtherPermission = _f[0], setSelectedOtherPermission = _f[1];
|
|
1250
|
+
var _g = React__default["default"].useState(0), page = _g[0], setPage = _g[1];
|
|
1251
|
+
var _h = React__default["default"].useState(false), loading = _h[0], setLoading = _h[1];
|
|
1252
|
+
var _j = React__default["default"].useState([]), dataSource = _j[0], setDataSource = _j[1];
|
|
1253
|
+
var _k = React__default["default"].useState(false), showError = _k[0], setShowError = _k[1];
|
|
1254
|
+
var _l = React__default["default"].useState(undefined), error = _l[0], setError = _l[1];
|
|
1255
|
+
var _m = React__default["default"].useState(false), showSuccess = _m[0], setShowSuccess = _m[1];
|
|
1256
|
+
var _o = React__default["default"].useState(''), successMessage = _o[0], setSuccessMessage = _o[1];
|
|
1257
|
+
var _p = React__default["default"].useState(''), title = _p[0], setTitle = _p[1];
|
|
1258
|
+
var _q = React__default["default"].useState([]), profiles = _q[0], setProfiles = _q[1];
|
|
1259
|
+
var _r = React__default["default"].useState([]), permissions = _r[0], setPermissions = _r[1];
|
|
1260
|
+
var _s = React__default["default"].useState([]), assignProfiles = _s[0], setAssignProfiles = _s[1];
|
|
1261
|
+
var _t = React__default["default"].useState([]), assignPermissions = _t[0], setAssignPermissions = _t[1];
|
|
1262
|
+
var _u = React__default["default"].useState([]), otherProfiles = _u[0], setOtherProfiles = _u[1];
|
|
1263
|
+
var _v = React__default["default"].useState([]), otherPermissions = _v[0], setOtherPermissions = _v[1];
|
|
1234
1264
|
//functiuons
|
|
1235
1265
|
var loadComponent = function () {
|
|
1236
1266
|
var apiService = new MESApiService();
|
|
@@ -1510,61 +1540,61 @@ function ProfileManagement() {
|
|
|
1510
1540
|
}, 2000);
|
|
1511
1541
|
};
|
|
1512
1542
|
// effects
|
|
1513
|
-
|
|
1543
|
+
React__default["default"].useEffect(function () {
|
|
1514
1544
|
loadComponent();
|
|
1515
1545
|
}, []);
|
|
1516
|
-
|
|
1546
|
+
React__default["default"].useEffect(function () {
|
|
1517
1547
|
if (showSuccess) {
|
|
1518
1548
|
closeMessage();
|
|
1519
1549
|
}
|
|
1520
1550
|
}, [showSuccess]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
1521
|
-
return (
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1551
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1552
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
|
|
1553
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
1554
|
+
React__default["default"].createElement("p", null,
|
|
1525
1555
|
" ",
|
|
1526
1556
|
error === undefined ? 'There was an error' :
|
|
1527
1557
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1558
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showSuccess, variant: "success" },
|
|
1559
|
+
React__default["default"].createElement("p", null, successMessage || 'Operation was success')),
|
|
1560
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1561
|
+
React__default["default"].createElement(core.Typography, { className: "mx-2 mt-0 mb-2 font-weight-bold" }, "Profile Management")),
|
|
1562
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1563
|
+
React__default["default"].createElement("div", { className: "col-md-6" },
|
|
1564
|
+
React__default["default"].createElement("div", { className: "text-right" },
|
|
1565
|
+
React__default["default"].createElement("button", { className: "btn btn-success", onClick: newProfile, disabled: profileId === 0 }, "New")),
|
|
1566
|
+
React__default["default"].createElement(DataGridControl, { columns: columns, rows: dataSource, pageSize: 20, rowHeight: 30, loading: loading, rowsPerPageOptions: [10, 20, 50, 100], page: page, className: "mes-selectable-datagrid", onRowClick: rowClicked, onPageChange: function (params) { setPage(params.page); } })),
|
|
1567
|
+
React__default["default"].createElement("div", { className: "col-md-6" }, (profileId && profileId >= 0) &&
|
|
1538
1568
|
/* @ts-ignore */
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1569
|
+
React__default["default"].createElement(MasterDetailPanel, { title: title, saveStatus: true, showDelete: true, deleteStatus: profileId > 0, onCancel: cancelDetail, onSave: saveDetail, onDelete: deleteDetail },
|
|
1570
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1571
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
1572
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Name", styleLabel: { 'minWidth': '150px' }, onChange: setProfileName, name: 'profileName', value: profileName }))),
|
|
1573
|
+
React__default["default"].createElement("div", { className: "row" }),
|
|
1574
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1575
|
+
React__default["default"].createElement(core.Typography, { gutterBottom: true, variant: "h5", component: "h2", className: "ml-3 pt-1" }, "Permissions")),
|
|
1576
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1577
|
+
React__default["default"].createElement("div", { className: "col-md-5" },
|
|
1578
|
+
React__default["default"].createElement(MultipleSelectorControl, { title: "Available", value: selectedOtherPermission, onChange: setSelectedOtherPermission, onDoubleClick: addPermissions, dataSource: otherPermissions, valueField: "PermissionId", textField: "PermissionName" })),
|
|
1579
|
+
React__default["default"].createElement("div", { className: "col-md-2 d-flex flex-column align-items-center m-auto" },
|
|
1580
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary my-2", title: "Assign", disabled: (selectedOtherPermission || []).length === 0, onClick: addPermissions },
|
|
1581
|
+
React__default["default"].createElement("i", { className: "fas fa-angle-right" })),
|
|
1582
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary my-2", title: "Remove", disabled: (selectedPermission || []).length === 0, onClick: removePermissions },
|
|
1583
|
+
React__default["default"].createElement("i", { className: "fas fa-angle-left" }))),
|
|
1584
|
+
React__default["default"].createElement("div", { className: "col-md-5" },
|
|
1585
|
+
React__default["default"].createElement(MultipleSelectorControl, { title: "Assigned", value: selectedPermission, onChange: setSelectedPermission, onDoubleClick: removePermissions, dataSource: assignPermissions, valueField: "PermissionId", textField: "PermissionName" }))),
|
|
1586
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1587
|
+
React__default["default"].createElement(core.Typography, { gutterBottom: true, variant: "h5", component: "h2", className: "ml-3 pt-1" }, "Profiles")),
|
|
1588
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1589
|
+
React__default["default"].createElement("div", { className: "col-md-5" },
|
|
1590
|
+
React__default["default"].createElement(MultipleSelectorControl, { title: "Available", value: selectedOtherProfile, onChange: setSelectedOtherProfile, onDoubleClick: addProfiles, dataSource: otherProfiles, valueField: "ProfileId", textField: "ProfileName" })),
|
|
1591
|
+
React__default["default"].createElement("div", { className: "col-md-2 d-flex flex-column align-items-center m-auto" },
|
|
1592
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary my-2", title: "Assign", disabled: (selectedOtherProfile || []).length === 0, onClick: addProfiles },
|
|
1593
|
+
React__default["default"].createElement("i", { className: "fas fa-angle-right" })),
|
|
1594
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary my-2", title: "Remove", disabled: (selectedProfile || []).length === 0, onClick: removeProfiles },
|
|
1595
|
+
React__default["default"].createElement("i", { className: "fas fa-angle-left" }))),
|
|
1596
|
+
React__default["default"].createElement("div", { className: "col-md-5" },
|
|
1597
|
+
React__default["default"].createElement(MultipleSelectorControl, { title: "Assigned", value: selectedProfile, onChange: setSelectedProfile, onDoubleClick: removeProfiles, dataSource: assignProfiles, valueField: "ProfileId", textField: "ProfileName" }))))))));
|
|
1568
1598
|
}
|
|
1569
1599
|
|
|
1570
1600
|
var CurrencyFormatter = new Intl.NumberFormat('en-US', {
|
|
@@ -1607,26 +1637,26 @@ function ShiftCrew() {
|
|
|
1607
1637
|
{ field: 'Crews', headerName: 'Crews', width: 200, type: 'string' },
|
|
1608
1638
|
{ field: 'PatternDays', headerName: 'Pattern Days', flex: 1, type: 'number' },
|
|
1609
1639
|
];
|
|
1610
|
-
var _a =
|
|
1611
|
-
var _b =
|
|
1612
|
-
var _c =
|
|
1613
|
-
var _d =
|
|
1614
|
-
var _e =
|
|
1615
|
-
var _f =
|
|
1616
|
-
var _g =
|
|
1617
|
-
var _h =
|
|
1618
|
-
var _j =
|
|
1619
|
-
var _k =
|
|
1620
|
-
var _l =
|
|
1621
|
-
var _m =
|
|
1622
|
-
var _o =
|
|
1623
|
-
var _p =
|
|
1624
|
-
var _q =
|
|
1625
|
-
var _r =
|
|
1626
|
-
var _s =
|
|
1627
|
-
var _t =
|
|
1628
|
-
var _u =
|
|
1629
|
-
var _v =
|
|
1640
|
+
var _a = React__default["default"].useState([]), dataSource = _a[0], setDataSource = _a[1];
|
|
1641
|
+
var _b = React__default["default"].useState(false), showError = _b[0], setShowError = _b[1];
|
|
1642
|
+
var _c = React__default["default"].useState(false), loading = _c[0], setLoading = _c[1];
|
|
1643
|
+
var _d = React__default["default"].useState(0), page = _d[0], setPage = _d[1];
|
|
1644
|
+
var _e = React__default["default"].useState(undefined), error = _e[0], setError = _e[1];
|
|
1645
|
+
var _f = React__default["default"].useState(false), showSuccess = _f[0], setShowSuccess = _f[1];
|
|
1646
|
+
var _g = React__default["default"].useState(''), successMessage = _g[0], setSuccessMessage = _g[1];
|
|
1647
|
+
var _h = React__default["default"].useState(new Date()), startDate = _h[0], setStartDate = _h[1];
|
|
1648
|
+
var _j = React__default["default"].useState(0), shiftDay = _j[0], changeShiftDay = _j[1];
|
|
1649
|
+
var _k = React__default["default"].useState(''), shiftId = _k[0], changeShiftId = _k[1];
|
|
1650
|
+
var _l = React__default["default"].useState(0), crewNumber = _l[0], setCrewNumber = _l[1];
|
|
1651
|
+
var _m = React__default["default"].useState(''), crewId = _m[0], setCrewId = _m[1];
|
|
1652
|
+
var _o = React__default["default"].useState(''), comment = _o[0], setCommment = _o[1];
|
|
1653
|
+
var _p = React__default["default"].useState(0), rotationNumber = _p[0], setRotationNumber = _p[1];
|
|
1654
|
+
var _q = React__default["default"].useState(0), rotationCrewNumber = _q[0], setRotationCrewNumber = _q[1];
|
|
1655
|
+
var _r = React__default["default"].useState(''), rotationCrew = _r[0], setRotationCrew = _r[1];
|
|
1656
|
+
var _s = React__default["default"].useState(-1), dataId = _s[0], setDataId = _s[1];
|
|
1657
|
+
var _t = React__default["default"].useState(false), canEdit = _t[0], setCanEdit = _t[1];
|
|
1658
|
+
var _u = React__default["default"].useState(false), canView = _u[0], setCanView = _u[1];
|
|
1659
|
+
var _v = React__default["default"].useState(''), title = _v[0], setTitle = _v[1];
|
|
1630
1660
|
//functions
|
|
1631
1661
|
var loadComponent = function () {
|
|
1632
1662
|
var apiService = new MESApiService();
|
|
@@ -1778,80 +1808,80 @@ function ShiftCrew() {
|
|
|
1778
1808
|
}, 2000);
|
|
1779
1809
|
};
|
|
1780
1810
|
//efects
|
|
1781
|
-
|
|
1811
|
+
React__default["default"].useEffect(function () {
|
|
1782
1812
|
setRotationCrewNumber(shiftDay * rotationNumber);
|
|
1783
1813
|
}, [rotationNumber]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
1784
|
-
|
|
1814
|
+
React__default["default"].useEffect(function () {
|
|
1785
1815
|
changeShiftId(shiftId.substring(0, shiftDay));
|
|
1786
1816
|
setRotationCrewNumber(shiftDay * rotationNumber);
|
|
1787
1817
|
}, [shiftDay]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
1788
|
-
|
|
1818
|
+
React__default["default"].useEffect(function () {
|
|
1789
1819
|
setCrewId(crewId.substring(0, crewNumber));
|
|
1790
1820
|
// setRotationCrew('');
|
|
1791
1821
|
}, [crewNumber]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
1792
|
-
|
|
1822
|
+
React__default["default"].useEffect(function () {
|
|
1793
1823
|
//setRotationCrew('');
|
|
1794
1824
|
}, [crewId]);
|
|
1795
|
-
|
|
1825
|
+
React__default["default"].useEffect(function () {
|
|
1796
1826
|
// setRotationCrew(rotationCrew.substring(0,rotationCrewNumber));
|
|
1797
1827
|
}, [rotationCrewNumber]);
|
|
1798
|
-
|
|
1828
|
+
React__default["default"].useEffect(function () {
|
|
1799
1829
|
if (showSuccess) {
|
|
1800
1830
|
closeMessage();
|
|
1801
1831
|
}
|
|
1802
1832
|
}, [showSuccess]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
1803
|
-
|
|
1804
|
-
return (
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1833
|
+
React__default["default"].useEffect(loadComponent, []);
|
|
1834
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1835
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
|
|
1836
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
1837
|
+
React__default["default"].createElement("p", null,
|
|
1808
1838
|
" ",
|
|
1809
1839
|
error === undefined ? 'There was an error' :
|
|
1810
1840
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1841
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showSuccess, variant: "success" },
|
|
1842
|
+
React__default["default"].createElement("p", null, successMessage || 'Operation was success')),
|
|
1843
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1844
|
+
React__default["default"].createElement(core.Typography, { className: "mx-2 mt-0 mb-2 font-weight-bold" }, "Shift / Crew")),
|
|
1845
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1846
|
+
React__default["default"].createElement("div", { className: "col-md-6" },
|
|
1847
|
+
React__default["default"].createElement("div", { className: "text-right" },
|
|
1848
|
+
React__default["default"].createElement("button", { className: "btn btn-success", onClick: newParameter, disabled: canEdit }, "New")),
|
|
1849
|
+
React__default["default"].createElement(DataGridControl, { columns: columns, rows: dataSource, pageSize: 20, rowHeight: 30, loading: loading, rowsPerPageOptions: [10, 20, 50, 100], page: page, className: "mes-selectable-datagrid", onRowClick: rowClicked, onPageChange: function (params) { setPage(params.page); } })),
|
|
1850
|
+
React__default["default"].createElement("div", { className: "col-md-6" }, (canView || canEdit) &&
|
|
1821
1851
|
/* @ts-ignore */
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1852
|
+
React__default["default"].createElement(MasterDetailPanel, { title: title, saveStatus: canEdit, showDelete: true, deleteStatus: dataId >= 0, onCancel: cancelDetail, onSave: saveDetail, onDelete: deleteDetail },
|
|
1853
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1854
|
+
React__default["default"].createElement("div", { className: "col-md-8 px-3 py-1" },
|
|
1855
|
+
React__default["default"].createElement(DateTimeControl, { value: startDate, onChange: setStartDate, styleLabel: { 'minWidth': '150px' }, title: "Start", name: startDate }))),
|
|
1856
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1857
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
1858
|
+
React__default["default"].createElement(NumericTextControl, { styleLabel: { 'minWidth': '150px' }, title: "# Shift per day", onChange: changeData, value: shiftDay, name: "shiftDay", isNumeric: true, typeNumber: 3 })),
|
|
1859
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
1860
|
+
React__default["default"].createElement(SimpleTextControl, { styleLabel: { 'minWidth': '150px' }, title: "Shift IDs", onChange: changeData, name: 'shiftId', value: shiftId, readOnly: (shiftDay === 0), lengthCharacters: shiftDay }))),
|
|
1861
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1862
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
1863
|
+
React__default["default"].createElement(NumericTextControl, { styleLabel: { 'minWidth': '150px' }, title: "# Crews", onChange: changeData, name: "crewNumber", value: crewNumber, isNumeric: true, typeNumber: 3 })),
|
|
1864
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
1865
|
+
React__default["default"].createElement(SimpleTextControl, { styleLabel: { 'minWidth': '150px' }, title: "Crew IDs", onChange: changeData, name: 'crewId', value: crewId, readOnly: (crewNumber === 0), lengthCharacters: crewNumber }))),
|
|
1866
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1867
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
1868
|
+
React__default["default"].createElement(NumericTextControl, { styleLabel: { 'minWidth': '150px' }, title: "Rotation Pattern", onChange: changeData, name: "rotationNumber", value: rotationNumber, isNumeric: true, typeNumber: 3 }))),
|
|
1869
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1870
|
+
React__default["default"].createElement("div", { className: "col-md-12 px-3 py-1" },
|
|
1871
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Crew rotation", styleLabel: { 'minWidth': '150px' }, onChange: changeData, name: 'rotationCrew', value: rotationCrew, readOnly: rotationCrewNumber === 0, lengthCharacters: rotationCrewNumber }))),
|
|
1872
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1873
|
+
React__default["default"].createElement("div", { className: "col-md-12 px-3 pt-5" },
|
|
1874
|
+
React__default["default"].createElement(SimpleTextAreaControl, { value: comment, onChange: setCommment, title: "Comments", name: "Comments", styleLabel: { 'minWidth': '150px' } }))))))));
|
|
1845
1875
|
}
|
|
1846
1876
|
|
|
1847
1877
|
function ChangePassword(props) {
|
|
1848
1878
|
var onClose = props.onClose, userId = props.userId, open = props.open;
|
|
1849
1879
|
//states
|
|
1850
|
-
var _a =
|
|
1851
|
-
var _b =
|
|
1852
|
-
var _c =
|
|
1853
|
-
var _d =
|
|
1854
|
-
var _e =
|
|
1880
|
+
var _a = React__default["default"].useState(''), password = _a[0], setPassword = _a[1];
|
|
1881
|
+
var _b = React__default["default"].useState(''), confirmPassword = _b[0], setConfirmPassword = _b[1];
|
|
1882
|
+
var _c = React__default["default"].useState(false), canChange = _c[0], setCanChange = _c[1];
|
|
1883
|
+
var _d = React__default["default"].useState(false), showError = _d[0], setShowError = _d[1];
|
|
1884
|
+
var _e = React__default["default"].useState(undefined), error = _e[0], setError = _e[1];
|
|
1855
1885
|
//functions
|
|
1856
1886
|
var handleCancel = function () {
|
|
1857
1887
|
onClose(false);
|
|
@@ -1875,31 +1905,31 @@ function ChangePassword(props) {
|
|
|
1875
1905
|
}
|
|
1876
1906
|
};
|
|
1877
1907
|
//efects
|
|
1878
|
-
|
|
1908
|
+
React__default["default"].useEffect(function () {
|
|
1879
1909
|
setCanChange((password === confirmPassword) && password.length > 0);
|
|
1880
1910
|
}, [password, confirmPassword]);
|
|
1881
|
-
|
|
1911
|
+
React__default["default"].useEffect(function () {
|
|
1882
1912
|
setPassword('');
|
|
1883
1913
|
setConfirmPassword('');
|
|
1884
1914
|
}, [userId, open]);
|
|
1885
|
-
return (
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1915
|
+
return (React__default["default"].createElement(Dialog__default["default"], { onClose: function (event, reason) { return null; }, "aria-label": "Change Password", maxWidth: "xs", "aria-labelledby": "confirmation-dialog-title", open: open },
|
|
1916
|
+
React__default["default"].createElement(DialogTitle__default["default"], { id: "confirmation-dialog-title" }, "Change Password"),
|
|
1917
|
+
React__default["default"].createElement(DialogContent__default["default"], { dividers: true },
|
|
1918
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
|
|
1919
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
1920
|
+
React__default["default"].createElement("p", null,
|
|
1891
1921
|
" ",
|
|
1892
1922
|
error === undefined ? 'There was an error' :
|
|
1893
1923
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1924
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1925
|
+
React__default["default"].createElement("div", { className: "col-md-12 px-3 py-1" },
|
|
1926
|
+
React__default["default"].createElement(SimplePasswordControl, { title: "Password", styleLabel: { 'minWidth': '150px' }, onChange: setPassword, name: 'password', value: password }))),
|
|
1927
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
1928
|
+
React__default["default"].createElement("div", { className: "col-md-12 px-3 py-1" },
|
|
1929
|
+
React__default["default"].createElement(SimplePasswordControl, { title: "Confirm Password", styleLabel: { 'minWidth': '150px' }, onChange: setConfirmPassword, name: 'confirmPassword', value: confirmPassword })))),
|
|
1930
|
+
React__default["default"].createElement(DialogActions__default["default"], null,
|
|
1931
|
+
React__default["default"].createElement(Button__default["default"], { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
|
|
1932
|
+
React__default["default"].createElement(Button__default["default"], { onClick: handleOk, color: "primary", disabled: !canChange }, "Change Password"))));
|
|
1903
1933
|
}
|
|
1904
1934
|
|
|
1905
1935
|
function UserManagment() {
|
|
@@ -1910,26 +1940,26 @@ function UserManagment() {
|
|
|
1910
1940
|
{ field: 'LastName', headerName: 'Lastname', width: 200, type: 'string' },
|
|
1911
1941
|
];
|
|
1912
1942
|
//states
|
|
1913
|
-
var _a =
|
|
1914
|
-
var _b =
|
|
1915
|
-
var _c =
|
|
1916
|
-
var _d =
|
|
1917
|
-
var _e =
|
|
1918
|
-
var _f =
|
|
1919
|
-
var _g =
|
|
1920
|
-
var _h =
|
|
1921
|
-
var _j =
|
|
1922
|
-
var _k =
|
|
1923
|
-
var _l =
|
|
1924
|
-
var _m =
|
|
1925
|
-
var _o =
|
|
1926
|
-
var _p =
|
|
1927
|
-
var _q =
|
|
1928
|
-
var _r =
|
|
1929
|
-
var _s =
|
|
1930
|
-
var _t =
|
|
1931
|
-
var _u =
|
|
1932
|
-
var _v =
|
|
1943
|
+
var _a = React__default["default"].useState(undefined), userId = _a[0], setUserId = _a[1];
|
|
1944
|
+
var _b = React__default["default"].useState(''), userName = _b[0], setUserName = _b[1];
|
|
1945
|
+
var _c = React__default["default"].useState(''), userFirstName = _c[0], setUserFirstName = _c[1];
|
|
1946
|
+
var _d = React__default["default"].useState(''), userLastName = _d[0], setUserLastName = _d[1];
|
|
1947
|
+
var _e = React__default["default"].useState(false), userIsActive = _e[0], setUserIsActive = _e[1];
|
|
1948
|
+
var _f = React__default["default"].useState(false), userIsDomain = _f[0], setUserIsDomain = _f[1];
|
|
1949
|
+
var _g = React__default["default"].useState([]), selectedUserProfile = _g[0], setSelectedUserProfile = _g[1];
|
|
1950
|
+
var _h = React__default["default"].useState([]), selectedProfile = _h[0], setSelectedProfile = _h[1];
|
|
1951
|
+
var _j = React__default["default"].useState(''), title = _j[0], setTitle = _j[1];
|
|
1952
|
+
var _k = React__default["default"].useState(false), showError = _k[0], setShowError = _k[1];
|
|
1953
|
+
var _l = React__default["default"].useState(undefined), error = _l[0], setError = _l[1];
|
|
1954
|
+
var _m = React__default["default"].useState(false), showSuccess = _m[0], setShowSuccess = _m[1];
|
|
1955
|
+
var _o = React__default["default"].useState(''), successMessage = _o[0], setSuccessMessage = _o[1];
|
|
1956
|
+
var _p = React__default["default"].useState(0), page = _p[0], setPage = _p[1];
|
|
1957
|
+
var _q = React__default["default"].useState(false), loading = _q[0], setLoading = _q[1];
|
|
1958
|
+
var _r = React__default["default"].useState([]), dataSource = _r[0], setDataSource = _r[1];
|
|
1959
|
+
var _s = React__default["default"].useState(false), open = _s[0], setOpen = _s[1];
|
|
1960
|
+
var _t = React__default["default"].useState([]), profiles = _t[0], setProfiles = _t[1];
|
|
1961
|
+
var _u = React__default["default"].useState([]), userProfiles = _u[0], setUserProfiles = _u[1];
|
|
1962
|
+
var _v = React__default["default"].useState([]), otherProfiles = _v[0], setOtherProfiles = _v[1];
|
|
1933
1963
|
//functions
|
|
1934
1964
|
var loadComponent = function () {
|
|
1935
1965
|
var apiService = new MESApiService();
|
|
@@ -2147,62 +2177,62 @@ function UserManagment() {
|
|
|
2147
2177
|
}, 2000);
|
|
2148
2178
|
};
|
|
2149
2179
|
// effects
|
|
2150
|
-
|
|
2151
|
-
|
|
2180
|
+
React__default["default"].useEffect(loadComponent, []);
|
|
2181
|
+
React__default["default"].useEffect(function () {
|
|
2152
2182
|
if (showSuccess) {
|
|
2153
2183
|
closeMessage();
|
|
2154
2184
|
}
|
|
2155
2185
|
}, [showSuccess]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
2156
|
-
return (
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2186
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2187
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
|
|
2188
|
+
React__default["default"].createElement("strong", null, "There was an error"),
|
|
2189
|
+
React__default["default"].createElement("p", null,
|
|
2160
2190
|
" ",
|
|
2161
2191
|
error === undefined ? 'There was an error' :
|
|
2162
2192
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2193
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showSuccess, variant: "success" },
|
|
2194
|
+
React__default["default"].createElement("p", null, successMessage || 'Operation was success')),
|
|
2195
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2196
|
+
React__default["default"].createElement(core.Typography, { className: "mx-2 mt-0 mb-2 font-weight-bold" }, "User Management")),
|
|
2197
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2198
|
+
React__default["default"].createElement("div", { className: "col-md-6" },
|
|
2199
|
+
React__default["default"].createElement("div", { className: "text-right" },
|
|
2200
|
+
React__default["default"].createElement("button", { className: "btn btn-success", onClick: newUser, disabled: userId === 0 }, "New")),
|
|
2201
|
+
React__default["default"].createElement(DataGridControl, { columns: columns, rows: dataSource, pageSize: 20, rowHeight: 30, loading: loading, rowsPerPageOptions: [10, 20, 50, 100], page: page, className: "mes-selectable-datagrid", onRowClick: rowClicked, onPageChange: function (params) { setPage(params.page); } })),
|
|
2202
|
+
React__default["default"].createElement("div", { className: "col-md-6" }, (userId >= 0) &&
|
|
2173
2203
|
// @ts-ignore
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
|
|
2204
|
+
React__default["default"].createElement(MasterDetailPanel, { title: title, saveStatus: true, showDelete: true, deleteStatus: userId > 0, onCancel: cancelDetail, onSave: saveDetail, onDelete: deleteDetail },
|
|
2205
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2206
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
2207
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Username", styleLabel: { 'minWidth': '150px' }, onChange: setUserName, name: 'userName', value: userName })),
|
|
2208
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" }, (userId > 0) &&
|
|
2209
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2210
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary", onClick: changePassword },
|
|
2211
|
+
React__default["default"].createElement("i", { className: "fas fa-lock pr-1" }),
|
|
2182
2212
|
"Change Password"),
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2213
|
+
React__default["default"].createElement(ChangePassword, { open: open, onClose: closeChangePassword, userId: userId })))),
|
|
2214
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2215
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
2216
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Name", styleLabel: { 'minWidth': '150px' }, onChange: setUserFirstName, name: 'firstName', value: userFirstName })),
|
|
2217
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
2218
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Lastname", styleLabel: { 'minWidth': '150px' }, onChange: setUserLastName, name: 'lastName', value: userLastName }))),
|
|
2219
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2220
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
2221
|
+
React__default["default"].createElement(CheckBoxControl, { value: userIsDomain, onCheck: setUserIsDomain, title: "Domain User" })),
|
|
2222
|
+
React__default["default"].createElement("div", { className: "col-md-6 px-3 py-1" },
|
|
2223
|
+
React__default["default"].createElement(CheckBoxControl, { value: userIsActive, onCheck: setUserIsActive, title: "Active" }))),
|
|
2224
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2225
|
+
React__default["default"].createElement(core.Typography, { gutterBottom: true, variant: "h5", component: "h2", className: "ml-3 pt-1" }, "Profiles")),
|
|
2226
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2227
|
+
React__default["default"].createElement("div", { className: "col-md-5" },
|
|
2228
|
+
React__default["default"].createElement(MultipleSelectorControl, { title: "Available", value: selectedProfile, onChange: setSelectedProfile, onDoubleClick: addProfiles, dataSource: otherProfiles, valueField: "ProfileId", textField: "ProfileName" })),
|
|
2229
|
+
React__default["default"].createElement("div", { className: "col-md-2 d-flex flex-column align-items-center m-auto" },
|
|
2230
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary my-2", title: "Assign", disabled: (selectedProfile || []).length === 0, onClick: addProfiles },
|
|
2231
|
+
React__default["default"].createElement("i", { className: "fas fa-angle-right" })),
|
|
2232
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary my-2", title: "Remove", disabled: (selectedUserProfile || []).length === 0, onClick: removeProfiles },
|
|
2233
|
+
React__default["default"].createElement("i", { className: "fas fa-angle-left" }))),
|
|
2234
|
+
React__default["default"].createElement("div", { className: "col-md-5" },
|
|
2235
|
+
React__default["default"].createElement(MultipleSelectorControl, { title: "Assigned", value: selectedUserProfile, onChange: setSelectedUserProfile, onDoubleClick: removeProfiles, dataSource: userProfiles, valueField: "ProfileId", textField: "ProfileName" }))))
|
|
2206
2236
|
// </div>
|
|
2207
2237
|
))));
|
|
2208
2238
|
}
|
|
@@ -2236,12 +2266,12 @@ var getCrewStyle = function (crew) {
|
|
|
2236
2266
|
}
|
|
2237
2267
|
};
|
|
2238
2268
|
var GetShiftColor = function (props) {
|
|
2239
|
-
return (
|
|
2240
|
-
|
|
2269
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2270
|
+
React__default["default"].createElement("i", { className: "fas fa-square mr-2", style: getShiftStyle(props.value) })));
|
|
2241
2271
|
};
|
|
2242
2272
|
var GetCrewColor = function (props) {
|
|
2243
|
-
return (
|
|
2244
|
-
|
|
2273
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2274
|
+
React__default["default"].createElement("i", { className: "fas fa-square mr-2", style: getCrewStyle(props.value) })));
|
|
2245
2275
|
};
|
|
2246
2276
|
|
|
2247
2277
|
var Configuration$1 = /** @class */ (function () {
|
|
@@ -2402,7 +2432,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2402
2432
|
data.method = procedure;
|
|
2403
2433
|
data.dataBaseName = database;
|
|
2404
2434
|
data.parameters = formattedParameters;
|
|
2405
|
-
Date.prototype.toJSON = function () { return
|
|
2435
|
+
Date.prototype.toJSON = function () { return moment__default["default"](this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2406
2436
|
isError = { ok: true };
|
|
2407
2437
|
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/Execute', {
|
|
2408
2438
|
method: "POST",
|
|
@@ -2451,7 +2481,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2451
2481
|
data.method = procedure;
|
|
2452
2482
|
data.dataBaseName = database;
|
|
2453
2483
|
data.parameters = formattedParameters;
|
|
2454
|
-
Date.prototype.toJSON = function () { return
|
|
2484
|
+
Date.prototype.toJSON = function () { return moment__default["default"](this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2455
2485
|
isError = { ok: true };
|
|
2456
2486
|
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/ExecuteJSON', {
|
|
2457
2487
|
method: "POST",
|
|
@@ -2497,7 +2527,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2497
2527
|
formattedParameter.value = element.value;
|
|
2498
2528
|
formattedParameters.push(formattedParameter);
|
|
2499
2529
|
});
|
|
2500
|
-
Date.prototype.toJSON = function () { return
|
|
2530
|
+
Date.prototype.toJSON = function () { return moment__default["default"](this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2501
2531
|
isError = { ok: true };
|
|
2502
2532
|
files.forEach(function (element) {
|
|
2503
2533
|
formData.append('formFiles', element);
|
|
@@ -2553,7 +2583,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2553
2583
|
data.dataBaseName = database;
|
|
2554
2584
|
data.parameters = formattedParameters;
|
|
2555
2585
|
data.fileName = fileName || 'Default.xlsx';
|
|
2556
|
-
Date.prototype.toJSON = function () { return
|
|
2586
|
+
Date.prototype.toJSON = function () { return moment__default["default"](this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2557
2587
|
isError = { ok: true };
|
|
2558
2588
|
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/Export', {
|
|
2559
2589
|
method: "POST",
|
|
@@ -2619,7 +2649,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2619
2649
|
data.dataBaseName = database;
|
|
2620
2650
|
data.parameters = formattedParameters;
|
|
2621
2651
|
data.fileName = fileName || 'Default.xlsx';
|
|
2622
|
-
Date.prototype.toJSON = function () { return
|
|
2652
|
+
Date.prototype.toJSON = function () { return moment__default["default"](this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2623
2653
|
isError = { ok: true };
|
|
2624
2654
|
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/ExportExcel', {
|
|
2625
2655
|
method: "POST",
|
|
@@ -2667,7 +2697,7 @@ function useToken() {
|
|
|
2667
2697
|
var userToken = JSON.parse(tokenString);
|
|
2668
2698
|
return userToken === null || userToken === void 0 ? void 0 : userToken.token;
|
|
2669
2699
|
};
|
|
2670
|
-
var _a = useState(getToken()), token = _a[0], setToken = _a[1];
|
|
2700
|
+
var _a = React.useState(getToken()), token = _a[0], setToken = _a[1];
|
|
2671
2701
|
// TODO: userToken typings
|
|
2672
2702
|
var saveToken = function (userToken) {
|
|
2673
2703
|
localStorage.setItem('userMESData', JSON.stringify(userToken));
|
|
@@ -2719,21 +2749,21 @@ function useToken() {
|
|
|
2719
2749
|
|
|
2720
2750
|
function Account() {
|
|
2721
2751
|
var _a = useToken(), getUserName = _a.getUserName, getUserId = _a.getUserId;
|
|
2722
|
-
var _b =
|
|
2723
|
-
var _c =
|
|
2724
|
-
var _d =
|
|
2725
|
-
var _e =
|
|
2726
|
-
var userId =
|
|
2727
|
-
var userParam =
|
|
2728
|
-
var _f =
|
|
2729
|
-
var _g =
|
|
2730
|
-
var _h =
|
|
2731
|
-
var _j =
|
|
2732
|
-
var _k =
|
|
2733
|
-
var _l =
|
|
2734
|
-
var _m =
|
|
2735
|
-
var _o =
|
|
2736
|
-
var _p =
|
|
2752
|
+
var _b = React__default["default"].useState(false), showError = _b[0], setShowError = _b[1];
|
|
2753
|
+
var _c = React__default["default"].useState(undefined), error = _c[0], setError = _c[1];
|
|
2754
|
+
var _d = React__default["default"].useState(""), userLastName = _d[0], setUserLastName = _d[1];
|
|
2755
|
+
var _e = React__default["default"].useState(""), userFirstName = _e[0], setUserFirstName = _e[1];
|
|
2756
|
+
var userId = React__default["default"].useState(getUserId)[0];
|
|
2757
|
+
var userParam = React__default["default"].useState(getUserName)[0];
|
|
2758
|
+
var _f = React__default["default"].useState(''), userName = _f[0], setUserName = _f[1];
|
|
2759
|
+
var _g = React__default["default"].useState(false), userIsDomain = _g[0], setUserIsDomain = _g[1];
|
|
2760
|
+
var _h = React__default["default"].useState(false), userIsActive = _h[0], setUserIsActive = _h[1];
|
|
2761
|
+
var _j = React__default["default"].useState(''), userProfiles = _j[0], setUserProfiles = _j[1];
|
|
2762
|
+
var _k = React__default["default"].useState(''), userPermissions = _k[0], setUserPermissions = _k[1];
|
|
2763
|
+
var _l = React__default["default"].useState(''), userProcedures = _l[0], setUserProcedures = _l[1];
|
|
2764
|
+
var _m = React__default["default"].useState(false), open = _m[0], setOpen = _m[1];
|
|
2765
|
+
var _o = React__default["default"].useState(false), showSuccess = _o[0], setShowSuccess = _o[1];
|
|
2766
|
+
var _p = React__default["default"].useState(''), successMessage = _p[0], setSuccessMessage = _p[1];
|
|
2737
2767
|
var changePassword = function () {
|
|
2738
2768
|
setOpen(true);
|
|
2739
2769
|
};
|
|
@@ -2779,70 +2809,70 @@ function Account() {
|
|
|
2779
2809
|
setSuccessMessage('');
|
|
2780
2810
|
}, 2000);
|
|
2781
2811
|
};
|
|
2782
|
-
|
|
2783
|
-
|
|
2812
|
+
React__default["default"].useEffect(loadUserData, []);
|
|
2813
|
+
React__default["default"].useEffect(function () {
|
|
2784
2814
|
if (showSuccess === true) {
|
|
2785
2815
|
closeMessage();
|
|
2786
2816
|
}
|
|
2787
2817
|
}, [showSuccess]);
|
|
2788
2818
|
return (
|
|
2789
2819
|
/* @ts-ignore */
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2820
|
+
React__default["default"].createElement(GenericPanel, { title: "Account Configuration", showPromptError: showError, error: error, showPromptSuccess: showSuccess, successMessage: successMessage },
|
|
2821
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2822
|
+
React__default["default"].createElement("div", { className: "col-md-3 px-3 py-1" },
|
|
2823
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Username", styleLabel: { 'minWidth': '110px' }, styleTextBox: { 'maxWidth': '200px', 'minWidth': '100px' }, readOnly: true, name: 'userName', value: userName, styleGeneral: { 'display': 'flex' } })),
|
|
2824
|
+
React__default["default"].createElement("div", { className: "col-md-4 px-3 py-1" },
|
|
2825
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary", onClick: changePassword },
|
|
2826
|
+
React__default["default"].createElement("i", { className: "fas fa-lock pr-1" }),
|
|
2797
2827
|
"Change Password"),
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2828
|
+
React__default["default"].createElement(ChangePassword, { open: open, onClose: closeChangePassword, userId: userId }))),
|
|
2829
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2830
|
+
React__default["default"].createElement("div", { className: "col-md-3 px-3 py-1" },
|
|
2831
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Name", styleLabel: { 'minWidth': '110px' }, styleTextBox: { 'maxWidth': '200px', 'minWidth': '100px' }, readOnly: true, name: 'firstName', value: userFirstName, styleGeneral: { 'display': 'flex' } })),
|
|
2832
|
+
React__default["default"].createElement("div", { className: "col-md-3 px-3 py-1" },
|
|
2833
|
+
React__default["default"].createElement(SimpleTextControl, { title: "Lastname", styleLabel: { 'minWidth': '110px' }, styleTextBox: { 'maxWidth': '200px', 'minWidth': '100px' }, readOnly: true, name: 'lastName', value: userLastName, styleGeneral: { 'display': 'flex' } }))),
|
|
2834
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2835
|
+
React__default["default"].createElement("div", { className: "col-md-3 px-3 py-1" },
|
|
2836
|
+
React__default["default"].createElement(CheckBoxControl, { value: userIsDomain, title: "Domain User", readOnly: true, styleTextBox: { 'maxWidth': '300px' }, disabled: true })),
|
|
2837
|
+
React__default["default"].createElement("div", { className: "col-md-3 px-3 py-1" },
|
|
2838
|
+
React__default["default"].createElement(CheckBoxControl, { value: userIsActive, title: "Active", readOnly: true, styleTextBox: { 'maxWidth': '300px' }, disabled: true }))),
|
|
2839
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2840
|
+
React__default["default"].createElement("div", { className: "col-md-4" },
|
|
2841
|
+
React__default["default"].createElement(core.Typography, { gutterBottom: true, variant: "h5", component: "h2", className: "pt-1" }, "Profiles"),
|
|
2842
|
+
React__default["default"].createElement("textarea", { className: "form-control", placeholder: userProfiles, readOnly: true, style: { "height": "50vh" } })),
|
|
2843
|
+
React__default["default"].createElement("div", { className: "col-md-4" },
|
|
2844
|
+
React__default["default"].createElement(core.Typography, { gutterBottom: true, variant: "h5", component: "h2", className: "pt-1" }, "Permissions"),
|
|
2845
|
+
React__default["default"].createElement("textarea", { className: "form-control", placeholder: userPermissions, readOnly: true, style: { "height": "50vh" } })),
|
|
2846
|
+
React__default["default"].createElement("div", { className: "col-md-4" },
|
|
2847
|
+
React__default["default"].createElement(core.Typography, { gutterBottom: true, variant: "h5", component: "h2", className: "pt-1" }, "Procedures"),
|
|
2848
|
+
React__default["default"].createElement("textarea", { className: "form-control", placeholder: userProcedures, readOnly: true, style: { "height": "50vh" } })))));
|
|
2819
2849
|
}
|
|
2820
2850
|
|
|
2821
|
-
var AuthContext =
|
|
2851
|
+
var AuthContext = React__default["default"].createContext({});
|
|
2822
2852
|
var AuthProvider = function (_a) {
|
|
2823
2853
|
var children = _a.children, authConfig = _a.authConfig;
|
|
2824
2854
|
var useTokenHook = useToken();
|
|
2825
|
-
return (
|
|
2826
|
-
|
|
2827
|
-
!!useTokenHook.token &&
|
|
2828
|
-
!useTokenHook.token &&
|
|
2855
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2856
|
+
React__default["default"].createElement(AuthContext.Provider, { value: useTokenHook },
|
|
2857
|
+
!!useTokenHook.token && React__default["default"].createElement(Authenticated, null, children),
|
|
2858
|
+
!useTokenHook.token && React__default["default"].createElement(Unauthenticated, { authConfig: authConfig }))));
|
|
2829
2859
|
};
|
|
2830
2860
|
var Authenticated = function (_a) {
|
|
2831
2861
|
var children = _a.children;
|
|
2832
|
-
return (
|
|
2862
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
|
|
2833
2863
|
};
|
|
2834
2864
|
var Unauthenticated = function (_a) {
|
|
2835
2865
|
var authConfig = _a.authConfig;
|
|
2836
|
-
return (
|
|
2837
|
-
|
|
2866
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2867
|
+
React__default["default"].createElement(Login, { authConfig: authConfig })));
|
|
2838
2868
|
};
|
|
2839
2869
|
|
|
2840
2870
|
var LoginWithEmailAndPassword = function () {
|
|
2841
|
-
var _a = useState(''), username = _a[0], setUserName = _a[1];
|
|
2842
|
-
var _b = useState(''), password = _b[0], setPassword = _b[1];
|
|
2843
|
-
var _c =
|
|
2844
|
-
var _d =
|
|
2845
|
-
var setToken =
|
|
2871
|
+
var _a = React.useState(''), username = _a[0], setUserName = _a[1];
|
|
2872
|
+
var _b = React.useState(''), password = _b[0], setPassword = _b[1];
|
|
2873
|
+
var _c = React__default["default"].useState(false), showError = _c[0], setShowError = _c[1];
|
|
2874
|
+
var _d = React__default["default"].useState(undefined), error = _d[0], setError = _d[1];
|
|
2875
|
+
var setToken = React__default["default"].useContext(AuthContext).setToken;
|
|
2846
2876
|
var apiService = new MESApiService();
|
|
2847
2877
|
var login = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2848
2878
|
var response;
|
|
@@ -2869,23 +2899,23 @@ var LoginWithEmailAndPassword = function () {
|
|
|
2869
2899
|
login(e);
|
|
2870
2900
|
}
|
|
2871
2901
|
};
|
|
2872
|
-
return (
|
|
2873
|
-
|
|
2874
|
-
|
|
2902
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2903
|
+
React__default["default"].createElement("form", { onSubmit: login },
|
|
2904
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () {
|
|
2875
2905
|
setShowError(false);
|
|
2876
2906
|
setError(undefined);
|
|
2877
2907
|
} },
|
|
2878
|
-
|
|
2879
|
-
|
|
2908
|
+
React__default["default"].createElement("strong", null, "Bad credentials"),
|
|
2909
|
+
React__default["default"].createElement("p", null,
|
|
2880
2910
|
" ",
|
|
2881
2911
|
error === undefined ? 'There was an error' :
|
|
2882
2912
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2913
|
+
React__default["default"].createElement("div", { className: "form-group row" },
|
|
2914
|
+
React__default["default"].createElement("input", { id: "txtUserName", placeholder: "User", name: "userName", onChange: function (e) { return setUserName(e.target.value); }, type: "text", autoComplete: "off", className: "form-control" })),
|
|
2915
|
+
React__default["default"].createElement("div", { className: "form-group row" },
|
|
2916
|
+
React__default["default"].createElement("input", { id: "txtPassword", placeholder: "Password", name: "password", onChange: function (e) { return setPassword(e.target.value); }, onKeyPress: handleKeypress, type: "password", className: "form-control" })),
|
|
2917
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
2918
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", type: "submit", disabled: password.length === 0 || username.length === 0 }, "Login")))));
|
|
2889
2919
|
};
|
|
2890
2920
|
|
|
2891
2921
|
/*
|
|
@@ -2914,16 +2944,16 @@ var msalConfig = {
|
|
|
2914
2944
|
return;
|
|
2915
2945
|
}
|
|
2916
2946
|
switch (level) {
|
|
2917
|
-
case LogLevel.Error:
|
|
2947
|
+
case msalBrowser.LogLevel.Error:
|
|
2918
2948
|
console.error(message);
|
|
2919
2949
|
return;
|
|
2920
|
-
case LogLevel.Info:
|
|
2950
|
+
case msalBrowser.LogLevel.Info:
|
|
2921
2951
|
console.info(message);
|
|
2922
2952
|
return;
|
|
2923
|
-
case LogLevel.Verbose:
|
|
2953
|
+
case msalBrowser.LogLevel.Verbose:
|
|
2924
2954
|
console.debug(message);
|
|
2925
2955
|
return;
|
|
2926
|
-
case LogLevel.Warning:
|
|
2956
|
+
case msalBrowser.LogLevel.Warning:
|
|
2927
2957
|
console.warn(message);
|
|
2928
2958
|
return;
|
|
2929
2959
|
}
|
|
@@ -2942,8 +2972,8 @@ var loginRequest = {
|
|
|
2942
2972
|
};
|
|
2943
2973
|
|
|
2944
2974
|
var LoginWithAzureADForm = function () {
|
|
2945
|
-
var setToken =
|
|
2946
|
-
var instance = useMsal().instance;
|
|
2975
|
+
var setToken = React__default["default"].useContext(AuthContext).setToken;
|
|
2976
|
+
var instance = msalReact.useMsal().instance;
|
|
2947
2977
|
var login = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2948
2978
|
var result, api, loginResponse, e_1, e_2;
|
|
2949
2979
|
return __generator(this, function (_a) {
|
|
@@ -2978,25 +3008,25 @@ var LoginWithAzureADForm = function () {
|
|
|
2978
3008
|
}
|
|
2979
3009
|
});
|
|
2980
3010
|
}); };
|
|
2981
|
-
return (
|
|
2982
|
-
|
|
2983
|
-
|
|
3011
|
+
return (React__default["default"].createElement("form", { onSubmit: login },
|
|
3012
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
3013
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", type: "submit" }, "Login with Active Directory"))));
|
|
2984
3014
|
};
|
|
2985
3015
|
|
|
2986
3016
|
var LoginWithAzureAD = function (_a) {
|
|
2987
3017
|
var config = _a.config;
|
|
2988
|
-
var msalInstance = new PublicClientApplication(__assign(__assign({}, msalConfig), {
|
|
3018
|
+
var msalInstance = new msalBrowser.PublicClientApplication(__assign(__assign({}, msalConfig), {
|
|
2989
3019
|
auth: __assign({}, config)
|
|
2990
3020
|
}));
|
|
2991
|
-
return (
|
|
2992
|
-
|
|
2993
|
-
|
|
3021
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3022
|
+
React__default["default"].createElement(msalReact.MsalProvider, { instance: msalInstance },
|
|
3023
|
+
React__default["default"].createElement(LoginWithAzureADForm, null))));
|
|
2994
3024
|
};
|
|
2995
3025
|
|
|
2996
3026
|
var LoginAsGuest = function () {
|
|
2997
|
-
var _a =
|
|
2998
|
-
var _b =
|
|
2999
|
-
var setToken =
|
|
3027
|
+
var _a = React__default["default"].useState(false), showError = _a[0], setShowError = _a[1];
|
|
3028
|
+
var _b = React__default["default"].useState(undefined), error = _b[0], setError = _b[1];
|
|
3029
|
+
var setToken = React__default["default"].useContext(AuthContext).setToken;
|
|
3000
3030
|
var apiService = new MESApiService();
|
|
3001
3031
|
var loginAsGuest = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
3002
3032
|
var response;
|
|
@@ -3018,47 +3048,47 @@ var LoginAsGuest = function () {
|
|
|
3018
3048
|
}
|
|
3019
3049
|
});
|
|
3020
3050
|
}); };
|
|
3021
|
-
return (
|
|
3022
|
-
|
|
3051
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3052
|
+
React__default["default"].createElement(reactBootstrap.Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () {
|
|
3023
3053
|
setShowError(false);
|
|
3024
3054
|
setError(undefined);
|
|
3025
3055
|
} },
|
|
3026
|
-
|
|
3027
|
-
|
|
3056
|
+
React__default["default"].createElement("strong", null, "Bad credentials"),
|
|
3057
|
+
React__default["default"].createElement("p", null,
|
|
3028
3058
|
" ",
|
|
3029
3059
|
error === undefined ? 'There was an error' :
|
|
3030
3060
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
3031
|
-
|
|
3032
|
-
|
|
3061
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
3062
|
+
React__default["default"].createElement("button", { className: "btn btn-primary mes-button-primary mx-auto col-md-12 mt-3 ", role: "button", onClick: loginAsGuest }, "Guest"))));
|
|
3033
3063
|
};
|
|
3034
3064
|
|
|
3035
3065
|
function Login(_a) {
|
|
3036
3066
|
var authConfig = _a.authConfig;
|
|
3037
|
-
var useEmailAndPassword = get(authConfig, 'useEmailAndPassword', true);
|
|
3038
|
-
var useAzureAD = get(authConfig, 'useAzureAD', false);
|
|
3039
|
-
var guestIsEnabled = get(authConfig, 'guestIsEnabled', false);
|
|
3040
|
-
return (
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
useEmailAndPassword &&
|
|
3051
|
-
useAzureAD &&
|
|
3052
|
-
guestIsEnabled &&
|
|
3067
|
+
var useEmailAndPassword = lodashEs.get(authConfig, 'useEmailAndPassword', true);
|
|
3068
|
+
var useAzureAD = lodashEs.get(authConfig, 'useAzureAD', false);
|
|
3069
|
+
var guestIsEnabled = lodashEs.get(authConfig, 'guestIsEnabled', false);
|
|
3070
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3071
|
+
React__default["default"].createElement("header", null,
|
|
3072
|
+
React__default["default"].createElement(reactBootstrap.Navbar, { variant: "dark", expand: "lg", className: "mes-primary-color mes-menu-top" },
|
|
3073
|
+
React__default["default"].createElement(reactBootstrap.Navbar.Brand, { href: "/" }, "MESF"))),
|
|
3074
|
+
React__default["default"].createElement("div", { className: "container-fluid" },
|
|
3075
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
3076
|
+
React__default["default"].createElement("div", { className: "col-md-3 mx-auto my-5" },
|
|
3077
|
+
React__default["default"].createElement("div", { className: "card" },
|
|
3078
|
+
React__default["default"].createElement("div", { className: "card-header text-center" }, "Login"),
|
|
3079
|
+
React__default["default"].createElement("div", { className: "card-body m-3" },
|
|
3080
|
+
useEmailAndPassword && React__default["default"].createElement(LoginWithEmailAndPassword, null),
|
|
3081
|
+
useAzureAD && React__default["default"].createElement(LoginWithAzureAD, { config: authConfig.AzureConfig }),
|
|
3082
|
+
guestIsEnabled && React__default["default"].createElement(LoginAsGuest, null))))))));
|
|
3053
3083
|
}
|
|
3054
3084
|
Login.propTypes = {
|
|
3055
|
-
setToken:
|
|
3085
|
+
setToken: PropTypes__default["default"].func
|
|
3056
3086
|
};
|
|
3057
3087
|
|
|
3058
3088
|
function Logout() {
|
|
3059
3089
|
var _this = this;
|
|
3060
|
-
var clearToken = useContext(AuthContext).clearToken;
|
|
3061
|
-
var navigate = useNavigate();
|
|
3090
|
+
var clearToken = React.useContext(AuthContext).clearToken;
|
|
3091
|
+
var navigate = reactRouterDom.useNavigate();
|
|
3062
3092
|
var logout = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
3063
3093
|
return __generator(this, function (_a) {
|
|
3064
3094
|
clearToken();
|
|
@@ -3066,32 +3096,32 @@ function Logout() {
|
|
|
3066
3096
|
return [2 /*return*/];
|
|
3067
3097
|
});
|
|
3068
3098
|
}); };
|
|
3069
|
-
useEffect(function () {
|
|
3099
|
+
React.useEffect(function () {
|
|
3070
3100
|
logout();
|
|
3071
3101
|
}, []);
|
|
3072
|
-
return (
|
|
3073
|
-
|
|
3102
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3103
|
+
React__default["default"].createElement("div", null, "logging out!!!")));
|
|
3074
3104
|
}
|
|
3075
3105
|
Logout.propTypes = {
|
|
3076
|
-
clearEvent:
|
|
3106
|
+
clearEvent: PropTypes__default["default"].func
|
|
3077
3107
|
};
|
|
3078
3108
|
|
|
3079
|
-
var RouterContext =
|
|
3080
|
-
var ConfigurationContext =
|
|
3109
|
+
var RouterContext = React__default["default"].createContext(function () { return React__default["default"].createElement(React__default["default"].Fragment, null); });
|
|
3110
|
+
var ConfigurationContext = React__default["default"].createContext([
|
|
3081
3111
|
[],
|
|
3082
|
-
function () { return (
|
|
3112
|
+
function () { return (React__default["default"].createElement(React__default["default"].Fragment, null)); }
|
|
3083
3113
|
]);
|
|
3084
|
-
var NavbarContext =
|
|
3114
|
+
var NavbarContext = React__default["default"].createContext(function () { return React__default["default"].createElement(React__default["default"].Fragment, null); });
|
|
3085
3115
|
|
|
3086
3116
|
function Header() {
|
|
3087
3117
|
var getUserName = useToken().getUserName;
|
|
3088
|
-
var _a =
|
|
3089
|
-
var userName =
|
|
3090
|
-
var CustomNavbar = useContext(NavbarContext);
|
|
3118
|
+
var _a = React__default["default"].useState(new Date()), date = _a[0], setDate = _a[1];
|
|
3119
|
+
var userName = React__default["default"].useState(getUserName())[0];
|
|
3120
|
+
var CustomNavbar = React.useContext(NavbarContext);
|
|
3091
3121
|
var tick = function () {
|
|
3092
3122
|
setDate(new Date());
|
|
3093
3123
|
};
|
|
3094
|
-
|
|
3124
|
+
React__default["default"].useEffect(function () {
|
|
3095
3125
|
var timerID = setTimeout(function () {
|
|
3096
3126
|
tick();
|
|
3097
3127
|
}, 1000);
|
|
@@ -3099,94 +3129,94 @@ function Header() {
|
|
|
3099
3129
|
clearTimeout(timerID);
|
|
3100
3130
|
};
|
|
3101
3131
|
});
|
|
3102
|
-
return (
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3132
|
+
return (React__default["default"].createElement(reactBootstrap.Navbar, { variant: "dark", expand: "lg", className: "mes-primary-color mes-menu-top" },
|
|
3133
|
+
React__default["default"].createElement(reactBootstrap.Container, { fluid: true },
|
|
3134
|
+
React__default["default"].createElement(reactBootstrap.Navbar.Brand, { as: reactRouterDom.Link, to: "/" }, "MESF"),
|
|
3135
|
+
React__default["default"].createElement(reactBootstrap.Navbar.Toggle, { "aria-controls": "basic-navbar-nav" }),
|
|
3136
|
+
React__default["default"].createElement(reactBootstrap.Navbar.Collapse, { id: "basic-navbar-nav" },
|
|
3137
|
+
React__default["default"].createElement(reactBootstrap.Nav, { className: "me-auto" },
|
|
3138
|
+
React__default["default"].createElement(reactBootstrap.Nav.Link, { as: reactRouterDom.Link, to: "/" }, "Home"),
|
|
3139
|
+
React__default["default"].createElement(CustomNavbar, null)),
|
|
3140
|
+
React__default["default"].createElement(reactBootstrap.Nav, { className: "ml-auto" },
|
|
3141
|
+
React__default["default"].createElement(reactBootstrap.Nav, null,
|
|
3142
|
+
React__default["default"].createElement("span", { className: "navbar-text" }, date.toLocaleTimeString())),
|
|
3143
|
+
React__default["default"].createElement(reactBootstrap.Nav, { className: "mx-2" },
|
|
3144
|
+
React__default["default"].createElement(reactBootstrap.Nav.Link, { href: "configuration" },
|
|
3145
|
+
React__default["default"].createElement("i", { className: "fas fa-cog" }))),
|
|
3146
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown, { title: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3147
|
+
React__default["default"].createElement("i", { className: "fas fa-language mx-2" }),
|
|
3118
3148
|
"EN"), id: "languages-menu" },
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3149
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown.Item, { href: "#" }, "EN"),
|
|
3150
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown.Item, { href: "#" }, "ES"),
|
|
3151
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown.Item, { href: "#" }, "PT")),
|
|
3152
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown, { id: "user-menu", title: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3153
|
+
React__default["default"].createElement("i", { className: "fas fa-user mx-2" }),
|
|
3124
3154
|
userName), className: "mx-2" },
|
|
3125
|
-
|
|
3126
|
-
|
|
3155
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown.Item, { href: "account" }, "Account"),
|
|
3156
|
+
React__default["default"].createElement(reactBootstrap.NavDropdown.Item, { href: "logout" }, "Logout")))))));
|
|
3127
3157
|
}
|
|
3128
3158
|
|
|
3129
3159
|
function Configuration() {
|
|
3130
|
-
var option = useParams().option;
|
|
3131
|
-
var _a = useContext(ConfigurationContext), customConfiguration = _a[0], CustomSidebar = _a[1];
|
|
3160
|
+
var option = reactRouterDom.useParams().option;
|
|
3161
|
+
var _a = React.useContext(ConfigurationContext), customConfiguration = _a[0], CustomSidebar = _a[1];
|
|
3132
3162
|
var routes = __spreadArray(__spreadArray([
|
|
3133
3163
|
{
|
|
3134
3164
|
path: "/",
|
|
3135
|
-
sidebar: function () { return
|
|
3136
|
-
main: function () { return
|
|
3165
|
+
sidebar: function () { return React__default["default"].createElement("div", null, "configuration"); },
|
|
3166
|
+
main: function () { return React__default["default"].createElement(reactRouterDom.Navigate, { to: "users" }); }
|
|
3137
3167
|
},
|
|
3138
3168
|
{
|
|
3139
3169
|
path: "shifts",
|
|
3140
|
-
sidebar: function () { return
|
|
3141
|
-
main: function () { return
|
|
3170
|
+
sidebar: function () { return React__default["default"].createElement("div", null, "shifts"); },
|
|
3171
|
+
main: function () { return React__default["default"].createElement(ShiftCrew, null); }
|
|
3142
3172
|
},
|
|
3143
3173
|
{
|
|
3144
3174
|
path: "users",
|
|
3145
|
-
sidebar: function () { return
|
|
3146
|
-
main: function () { return
|
|
3175
|
+
sidebar: function () { return React__default["default"].createElement("div", null, "users"); },
|
|
3176
|
+
main: function () { return React__default["default"].createElement(UserManagment, null); }
|
|
3147
3177
|
},
|
|
3148
3178
|
{
|
|
3149
3179
|
path: "profiles",
|
|
3150
|
-
sidebar: function () { return
|
|
3151
|
-
main: function () { return
|
|
3180
|
+
sidebar: function () { return React__default["default"].createElement("div", null, "profiles"); },
|
|
3181
|
+
main: function () { return React__default["default"].createElement(ProfileManagement, null); }
|
|
3152
3182
|
}
|
|
3153
3183
|
], customConfiguration, true), [
|
|
3154
3184
|
{
|
|
3155
3185
|
path: "logs",
|
|
3156
|
-
sidebar: function () { return
|
|
3157
|
-
main: function () { return
|
|
3186
|
+
sidebar: function () { return React__default["default"].createElement("div", null, "logs"); },
|
|
3187
|
+
main: function () { return React__default["default"].createElement(LogConfig, null); }
|
|
3158
3188
|
},
|
|
3159
3189
|
{
|
|
3160
3190
|
path: "jobs",
|
|
3161
|
-
sidebar: function () { return
|
|
3162
|
-
main: function () { return
|
|
3191
|
+
sidebar: function () { return React__default["default"].createElement("div", null, "jobs"); },
|
|
3192
|
+
main: function () { return React__default["default"].createElement(JobConfig, null); }
|
|
3163
3193
|
}
|
|
3164
3194
|
], false);
|
|
3165
|
-
return (
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
|
|
3181
|
-
|
|
3182
|
-
|
|
3183
|
-
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3195
|
+
return (React__default["default"].createElement(GenericPanel, { title: "Configuration", description: "" },
|
|
3196
|
+
React__default["default"].createElement("div", { className: "row" },
|
|
3197
|
+
React__default["default"].createElement("div", { className: "col-md-2 mt-3 pt-0 pr-0 mes-div-submenu" },
|
|
3198
|
+
React__default["default"].createElement("h3", { className: "mes-menu-group" }, "Plant"),
|
|
3199
|
+
React__default["default"].createElement(MenuList__default["default"], { className: "mes-submenu" },
|
|
3200
|
+
React__default["default"].createElement(MenuItem__default["default"], { selected: option === 'shifts', className: "p-0" },
|
|
3201
|
+
React__default["default"].createElement(reactRouterDom.Link, { to: "/configuration/shifts", className: "nav-link" }, "Shift / Crews"))),
|
|
3202
|
+
React__default["default"].createElement("h3", { className: "mes-menu-group" }, "Security"),
|
|
3203
|
+
React__default["default"].createElement(MenuList__default["default"], { className: "mes-submenu" },
|
|
3204
|
+
React__default["default"].createElement(MenuItem__default["default"], { selected: option === 'users', className: "p-0" },
|
|
3205
|
+
React__default["default"].createElement(reactRouterDom.Link, { to: "/configuration/users", className: "nav-link" }, "Users")),
|
|
3206
|
+
React__default["default"].createElement(MenuItem__default["default"], { selected: option === 'profiles', className: "p-0" },
|
|
3207
|
+
React__default["default"].createElement(reactRouterDom.Link, { to: "/configuration/profiles", className: "nav-link" }, "Profiles"))),
|
|
3208
|
+
React__default["default"].createElement(CustomSidebar, { option: option }),
|
|
3209
|
+
React__default["default"].createElement("h3", { className: "mes-menu-group" }, "Maintenance"),
|
|
3210
|
+
React__default["default"].createElement(MenuList__default["default"], { className: "mes-submenu" },
|
|
3211
|
+
React__default["default"].createElement(MenuItem__default["default"], { selected: option === 'logs', className: "p-0" },
|
|
3212
|
+
React__default["default"].createElement(reactRouterDom.Link, { to: "/configuration/logs", className: "nav-link" }, "Logs")),
|
|
3213
|
+
React__default["default"].createElement(MenuItem__default["default"], { selected: option === 'jobs', className: "p-0" },
|
|
3214
|
+
React__default["default"].createElement(reactRouterDom.Link, { to: "/configuration/jobs", className: "nav-link" }, "Jobs")))),
|
|
3215
|
+
React__default["default"].createElement("div", { className: "col-md-9 m-3" },
|
|
3216
|
+
React__default["default"].createElement(reactRouterDom.Routes, null, routes.map(function (route, index) { return (React__default["default"].createElement(reactRouterDom.Route, { key: index, path: route.path, element: React__default["default"].createElement(route.main, null) })); }))))));
|
|
3187
3217
|
}
|
|
3188
3218
|
|
|
3189
|
-
var Home = function () { return (
|
|
3219
|
+
var Home = function () { return (React__default["default"].createElement("div", { style: {
|
|
3190
3220
|
backgroundImage: "url(\"/home.jpg\")",
|
|
3191
3221
|
backgroundPosition: 'center',
|
|
3192
3222
|
backgroundSize: 'cover',
|
|
@@ -3198,23 +3228,23 @@ var Home = function () { return (React.createElement("div", { style: {
|
|
|
3198
3228
|
} })); };
|
|
3199
3229
|
|
|
3200
3230
|
var MESFMainRouter = function () {
|
|
3201
|
-
var CustomRoutes = useContext(RouterContext);
|
|
3202
|
-
return (
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3208
|
-
|
|
3231
|
+
var CustomRoutes = React.useContext(RouterContext);
|
|
3232
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3233
|
+
React__default["default"].createElement(reactRouterDom.Routes, null,
|
|
3234
|
+
React__default["default"].createElement(reactRouterDom.Route, { path: "/", element: React__default["default"].createElement(reactRouterDom.Navigate, { replace: true, to: "/home" }) }),
|
|
3235
|
+
React__default["default"].createElement(reactRouterDom.Route, { path: "/configuration/*", element: React__default["default"].createElement(Configuration, null) }),
|
|
3236
|
+
React__default["default"].createElement(reactRouterDom.Route, { path: "/account", element: React__default["default"].createElement(Account, null) }),
|
|
3237
|
+
React__default["default"].createElement(reactRouterDom.Route, { path: "/home", element: React__default["default"].createElement(Home, null) })),
|
|
3238
|
+
React__default["default"].createElement(CustomRoutes, null)));
|
|
3209
3239
|
};
|
|
3210
3240
|
|
|
3211
|
-
var MESFMainContainer = function () { return (
|
|
3212
|
-
|
|
3241
|
+
var MESFMainContainer = function () { return (React__default["default"].createElement("div", { id: "mainSection", className: "container-fluid container-fluid-main" },
|
|
3242
|
+
React__default["default"].createElement(MESFMainRouter, null))); };
|
|
3213
3243
|
|
|
3214
|
-
var Navigation = function () { return (
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3244
|
+
var Navigation = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3245
|
+
React__default["default"].createElement("div", { className: "wrapper" },
|
|
3246
|
+
React__default["default"].createElement(Header, null),
|
|
3247
|
+
React__default["default"].createElement(MESFMainContainer, null)))); };
|
|
3218
3248
|
|
|
3219
3249
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
3220
3250
|
|
|
@@ -3222,14 +3252,66 @@ var css = "body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFon
|
|
|
3222
3252
|
n(css,{});
|
|
3223
3253
|
|
|
3224
3254
|
function MESFMain(props) {
|
|
3225
|
-
return (
|
|
3226
|
-
|
|
3227
|
-
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3255
|
+
return (React__default["default"].createElement(AuthProvider, { authConfig: props.authentication },
|
|
3256
|
+
React__default["default"].createElement(RouterContext.Provider, { value: props.routes },
|
|
3257
|
+
React__default["default"].createElement(NavbarContext.Provider, { value: props.navbar },
|
|
3258
|
+
React__default["default"].createElement(ConfigurationContext.Provider, { value: props.configurations },
|
|
3259
|
+
React__default["default"].createElement(reactRouterDom.BrowserRouter, null,
|
|
3260
|
+
React__default["default"].createElement(reactRouterDom.Routes, null,
|
|
3261
|
+
React__default["default"].createElement(reactRouterDom.Route, { path: "/logout", element: React__default["default"].createElement(Logout, null) })),
|
|
3262
|
+
React__default["default"].createElement(Navigation, null)))))));
|
|
3233
3263
|
}
|
|
3234
3264
|
|
|
3235
|
-
|
|
3265
|
+
exports.Account = Account;
|
|
3266
|
+
exports.AuthContext = AuthContext;
|
|
3267
|
+
exports.AuthProvider = AuthProvider;
|
|
3268
|
+
exports.BarChartControl = BarChartControl;
|
|
3269
|
+
exports.ChangePassword = ChangePassword;
|
|
3270
|
+
exports.CheckBoxControl = CheckBoxControl;
|
|
3271
|
+
exports.Configuration = Configuration$1;
|
|
3272
|
+
exports.CurrencyFormatter = CurrencyFormatter;
|
|
3273
|
+
exports.DataGridControl = DataGridControl;
|
|
3274
|
+
exports.DateControl = DateControl;
|
|
3275
|
+
exports.DateFormatter = DateFormatter;
|
|
3276
|
+
exports.DateTimeControl = DateTimeControl;
|
|
3277
|
+
exports.DateTimeFormatter = DateTimeFormatter;
|
|
3278
|
+
exports.FetchError = FetchError;
|
|
3279
|
+
exports.FilterPanel = FilterPanel;
|
|
3280
|
+
exports.GenericPanel = GenericPanel;
|
|
3281
|
+
exports.GenericTable = GenericTable;
|
|
3282
|
+
exports.GetCrewColor = GetCrewColor;
|
|
3283
|
+
exports.GetShiftColor = GetShiftColor;
|
|
3284
|
+
exports.HorizontalTextControl = HorizontalTextControl;
|
|
3285
|
+
exports.IntegerFormatter = IntegerFormatter;
|
|
3286
|
+
exports.JobConfig = JobConfig;
|
|
3287
|
+
exports.LogConfig = LogConfig;
|
|
3288
|
+
exports.Login = Login;
|
|
3289
|
+
exports.Logout = Logout;
|
|
3290
|
+
exports.LongFilterPanel = LongFilterPanel;
|
|
3291
|
+
exports.MESApiService = MESApiService;
|
|
3292
|
+
exports.MESFMain = MESFMain;
|
|
3293
|
+
exports.MESSAGE_API = MESSAGE_API;
|
|
3294
|
+
exports.MESSAGE_ERRORS = MESSAGE_ERRORS;
|
|
3295
|
+
exports.MasterDetailPanel = MasterDetailPanel;
|
|
3296
|
+
exports.ModalTreeFilterControl = ModalTreeFilterControl;
|
|
3297
|
+
exports.MultipleSelectorControl = MultipleSelectorControl;
|
|
3298
|
+
exports.NumberFormatter = NumberFormatter;
|
|
3299
|
+
exports.NumericTextControl = NumericTextControl;
|
|
3300
|
+
exports.ProfileManagement = ProfileManagement;
|
|
3301
|
+
exports.ShiftCrew = ShiftCrew;
|
|
3302
|
+
exports.SimpleInputSearchControl = SimpleInputSearchControl;
|
|
3303
|
+
exports.SimplePasswordControl = SimplePasswordControl;
|
|
3304
|
+
exports.SimpleSelectorControl = SimpleSelectorControl;
|
|
3305
|
+
exports.SimpleTextAreaControl = SimpleTextAreaControl;
|
|
3306
|
+
exports.SimpleTextControl = SimpleTextControl;
|
|
3307
|
+
exports.SimpleTimeControl = SimpleTimeControl;
|
|
3308
|
+
exports.TimeControl = TimeControl;
|
|
3309
|
+
exports.TimeFormatter = TimeFormatter;
|
|
3310
|
+
exports.TreePickerControl = TreePickerControl;
|
|
3311
|
+
exports.USER_LABELS = USER_LABELS;
|
|
3312
|
+
exports.UploadFileControl = UploadFileControl;
|
|
3313
|
+
exports.UserManagment = UserManagment;
|
|
3314
|
+
exports.formatNumber = formatNumber;
|
|
3315
|
+
exports.getCrewStyle = getCrewStyle;
|
|
3316
|
+
exports.getShiftStyle = getShiftStyle;
|
|
3317
|
+
exports.useToken = useToken;
|