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