@dexteel/mesf-core 2.1.8 → 2.3.1
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/CHANGELOG.md +2 -0
- package/dist/{index.cjs.js → index.esm.js} +834 -867
- package/dist/services/ApiService.d.ts +1 -0
- package/package.json +3 -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",
|
|
@@ -2461,6 +2431,55 @@ var MESApiService = /** @class */ (function () {
|
|
|
2461
2431
|
});
|
|
2462
2432
|
});
|
|
2463
2433
|
};
|
|
2434
|
+
MESApiService.prototype.callJSON = function (procedure, parameters, database) {
|
|
2435
|
+
if (database === void 0) { database = ''; }
|
|
2436
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
2437
|
+
var data, formattedParameters, isError;
|
|
2438
|
+
var _this = this;
|
|
2439
|
+
return __generator(this, function (_a) {
|
|
2440
|
+
data = {};
|
|
2441
|
+
formattedParameters = [];
|
|
2442
|
+
parameters.forEach(function (element) {
|
|
2443
|
+
var formattedParameter = {};
|
|
2444
|
+
formattedParameter.name = element.name;
|
|
2445
|
+
if (element.value === null || element.value === undefined)
|
|
2446
|
+
formattedParameter.value = null;
|
|
2447
|
+
else
|
|
2448
|
+
formattedParameter.value = element.value;
|
|
2449
|
+
formattedParameters.push(formattedParameter);
|
|
2450
|
+
});
|
|
2451
|
+
data.method = procedure;
|
|
2452
|
+
data.dataBaseName = database;
|
|
2453
|
+
data.parameters = formattedParameters;
|
|
2454
|
+
Date.prototype.toJSON = function () { return moment(this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2455
|
+
isError = { ok: true };
|
|
2456
|
+
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/ExecuteJSON', {
|
|
2457
|
+
method: "POST",
|
|
2458
|
+
mode: "cors",
|
|
2459
|
+
headers: {
|
|
2460
|
+
"Content-Type": "application/json",
|
|
2461
|
+
'Authorization': 'Bearer ' + this.TOKEN
|
|
2462
|
+
},
|
|
2463
|
+
body: JSON.stringify(data)
|
|
2464
|
+
})["catch"](function (errorMsg) {
|
|
2465
|
+
throw new FetchError(errorMsg.message, 404, "ERR_CONNECTION_REFUSED");
|
|
2466
|
+
})
|
|
2467
|
+
.then(function (response) {
|
|
2468
|
+
isError = { ok: response.ok, status: response.status, statusText: response.statusText };
|
|
2469
|
+
return response.json();
|
|
2470
|
+
})
|
|
2471
|
+
.then(function (object) {
|
|
2472
|
+
if (!isError.ok)
|
|
2473
|
+
throw new FetchError(isError.statusText, isError.status, object);
|
|
2474
|
+
return object;
|
|
2475
|
+
})["catch"](function (err) {
|
|
2476
|
+
_this.hasErrors = true;
|
|
2477
|
+
_this.error = err;
|
|
2478
|
+
return;
|
|
2479
|
+
})];
|
|
2480
|
+
});
|
|
2481
|
+
});
|
|
2482
|
+
};
|
|
2464
2483
|
MESApiService.prototype["import"] = function (procedure, parameters, files, uniqueFile, database) {
|
|
2465
2484
|
if (database === void 0) { database = ''; }
|
|
2466
2485
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -2478,7 +2497,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2478
2497
|
formattedParameter.value = element.value;
|
|
2479
2498
|
formattedParameters.push(formattedParameter);
|
|
2480
2499
|
});
|
|
2481
|
-
Date.prototype.toJSON = function () { return
|
|
2500
|
+
Date.prototype.toJSON = function () { return moment(this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2482
2501
|
isError = { ok: true };
|
|
2483
2502
|
files.forEach(function (element) {
|
|
2484
2503
|
formData.append('formFiles', element);
|
|
@@ -2534,7 +2553,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2534
2553
|
data.dataBaseName = database;
|
|
2535
2554
|
data.parameters = formattedParameters;
|
|
2536
2555
|
data.fileName = fileName || 'Default.xlsx';
|
|
2537
|
-
Date.prototype.toJSON = function () { return
|
|
2556
|
+
Date.prototype.toJSON = function () { return moment(this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2538
2557
|
isError = { ok: true };
|
|
2539
2558
|
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/Export', {
|
|
2540
2559
|
method: "POST",
|
|
@@ -2600,7 +2619,7 @@ var MESApiService = /** @class */ (function () {
|
|
|
2600
2619
|
data.dataBaseName = database;
|
|
2601
2620
|
data.parameters = formattedParameters;
|
|
2602
2621
|
data.fileName = fileName || 'Default.xlsx';
|
|
2603
|
-
Date.prototype.toJSON = function () { return
|
|
2622
|
+
Date.prototype.toJSON = function () { return moment(this).format('YYYY-MM-DDTHH:mm:ss'); }; // eslint-disable-line
|
|
2604
2623
|
isError = { ok: true };
|
|
2605
2624
|
return [2 /*return*/, fetch(this.config.API_PROCEDURE_URL + '/ExportExcel', {
|
|
2606
2625
|
method: "POST",
|
|
@@ -2648,7 +2667,7 @@ function useToken() {
|
|
|
2648
2667
|
var userToken = JSON.parse(tokenString);
|
|
2649
2668
|
return userToken === null || userToken === void 0 ? void 0 : userToken.token;
|
|
2650
2669
|
};
|
|
2651
|
-
var _a =
|
|
2670
|
+
var _a = useState(getToken()), token = _a[0], setToken = _a[1];
|
|
2652
2671
|
// TODO: userToken typings
|
|
2653
2672
|
var saveToken = function (userToken) {
|
|
2654
2673
|
localStorage.setItem('userMESData', JSON.stringify(userToken));
|
|
@@ -2700,21 +2719,21 @@ function useToken() {
|
|
|
2700
2719
|
|
|
2701
2720
|
function Account() {
|
|
2702
2721
|
var _a = useToken(), getUserName = _a.getUserName, getUserId = _a.getUserId;
|
|
2703
|
-
var _b =
|
|
2704
|
-
var _c =
|
|
2705
|
-
var _d =
|
|
2706
|
-
var _e =
|
|
2707
|
-
var userId =
|
|
2708
|
-
var userParam =
|
|
2709
|
-
var _f =
|
|
2710
|
-
var _g =
|
|
2711
|
-
var _h =
|
|
2712
|
-
var _j =
|
|
2713
|
-
var _k =
|
|
2714
|
-
var _l =
|
|
2715
|
-
var _m =
|
|
2716
|
-
var _o =
|
|
2717
|
-
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];
|
|
2718
2737
|
var changePassword = function () {
|
|
2719
2738
|
setOpen(true);
|
|
2720
2739
|
};
|
|
@@ -2760,70 +2779,70 @@ function Account() {
|
|
|
2760
2779
|
setSuccessMessage('');
|
|
2761
2780
|
}, 2000);
|
|
2762
2781
|
};
|
|
2763
|
-
|
|
2764
|
-
|
|
2782
|
+
React.useEffect(loadUserData, []);
|
|
2783
|
+
React.useEffect(function () {
|
|
2765
2784
|
if (showSuccess === true) {
|
|
2766
2785
|
closeMessage();
|
|
2767
2786
|
}
|
|
2768
2787
|
}, [showSuccess]);
|
|
2769
2788
|
return (
|
|
2770
2789
|
/* @ts-ignore */
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
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" }),
|
|
2778
2797
|
"Change Password"),
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2783
|
-
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
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" } })))));
|
|
2800
2819
|
}
|
|
2801
2820
|
|
|
2802
|
-
var AuthContext =
|
|
2821
|
+
var AuthContext = React.createContext({});
|
|
2803
2822
|
var AuthProvider = function (_a) {
|
|
2804
2823
|
var children = _a.children, authConfig = _a.authConfig;
|
|
2805
2824
|
var useTokenHook = useToken();
|
|
2806
|
-
return (
|
|
2807
|
-
|
|
2808
|
-
!!useTokenHook.token &&
|
|
2809
|
-
!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 }))));
|
|
2810
2829
|
};
|
|
2811
2830
|
var Authenticated = function (_a) {
|
|
2812
2831
|
var children = _a.children;
|
|
2813
|
-
return (
|
|
2832
|
+
return (React.createElement(React.Fragment, null, children));
|
|
2814
2833
|
};
|
|
2815
2834
|
var Unauthenticated = function (_a) {
|
|
2816
2835
|
var authConfig = _a.authConfig;
|
|
2817
|
-
return (
|
|
2818
|
-
|
|
2836
|
+
return (React.createElement(React.Fragment, null,
|
|
2837
|
+
React.createElement(Login, { authConfig: authConfig })));
|
|
2819
2838
|
};
|
|
2820
2839
|
|
|
2821
2840
|
var LoginWithEmailAndPassword = function () {
|
|
2822
|
-
var _a =
|
|
2823
|
-
var _b =
|
|
2824
|
-
var _c =
|
|
2825
|
-
var _d =
|
|
2826
|
-
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;
|
|
2827
2846
|
var apiService = new MESApiService();
|
|
2828
2847
|
var login = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2829
2848
|
var response;
|
|
@@ -2850,23 +2869,23 @@ var LoginWithEmailAndPassword = function () {
|
|
|
2850
2869
|
login(e);
|
|
2851
2870
|
}
|
|
2852
2871
|
};
|
|
2853
|
-
return (
|
|
2854
|
-
|
|
2855
|
-
|
|
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 () {
|
|
2856
2875
|
setShowError(false);
|
|
2857
2876
|
setError(undefined);
|
|
2858
2877
|
} },
|
|
2859
|
-
|
|
2860
|
-
|
|
2878
|
+
React.createElement("strong", null, "Bad credentials"),
|
|
2879
|
+
React.createElement("p", null,
|
|
2861
2880
|
" ",
|
|
2862
2881
|
error === undefined ? 'There was an error' :
|
|
2863
2882
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
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")))));
|
|
2870
2889
|
};
|
|
2871
2890
|
|
|
2872
2891
|
/*
|
|
@@ -2895,16 +2914,16 @@ var msalConfig = {
|
|
|
2895
2914
|
return;
|
|
2896
2915
|
}
|
|
2897
2916
|
switch (level) {
|
|
2898
|
-
case
|
|
2917
|
+
case LogLevel.Error:
|
|
2899
2918
|
console.error(message);
|
|
2900
2919
|
return;
|
|
2901
|
-
case
|
|
2920
|
+
case LogLevel.Info:
|
|
2902
2921
|
console.info(message);
|
|
2903
2922
|
return;
|
|
2904
|
-
case
|
|
2923
|
+
case LogLevel.Verbose:
|
|
2905
2924
|
console.debug(message);
|
|
2906
2925
|
return;
|
|
2907
|
-
case
|
|
2926
|
+
case LogLevel.Warning:
|
|
2908
2927
|
console.warn(message);
|
|
2909
2928
|
return;
|
|
2910
2929
|
}
|
|
@@ -2923,8 +2942,8 @@ var loginRequest = {
|
|
|
2923
2942
|
};
|
|
2924
2943
|
|
|
2925
2944
|
var LoginWithAzureADForm = function () {
|
|
2926
|
-
var setToken =
|
|
2927
|
-
var instance =
|
|
2945
|
+
var setToken = React.useContext(AuthContext).setToken;
|
|
2946
|
+
var instance = useMsal().instance;
|
|
2928
2947
|
var login = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2929
2948
|
var result, api, loginResponse, e_1, e_2;
|
|
2930
2949
|
return __generator(this, function (_a) {
|
|
@@ -2959,25 +2978,25 @@ var LoginWithAzureADForm = function () {
|
|
|
2959
2978
|
}
|
|
2960
2979
|
});
|
|
2961
2980
|
}); };
|
|
2962
|
-
return (
|
|
2963
|
-
|
|
2964
|
-
|
|
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"))));
|
|
2965
2984
|
};
|
|
2966
2985
|
|
|
2967
2986
|
var LoginWithAzureAD = function (_a) {
|
|
2968
2987
|
var config = _a.config;
|
|
2969
|
-
var msalInstance = new
|
|
2988
|
+
var msalInstance = new PublicClientApplication(__assign(__assign({}, msalConfig), {
|
|
2970
2989
|
auth: __assign({}, config)
|
|
2971
2990
|
}));
|
|
2972
|
-
return (
|
|
2973
|
-
|
|
2974
|
-
|
|
2991
|
+
return (React.createElement(React.Fragment, null,
|
|
2992
|
+
React.createElement(MsalProvider, { instance: msalInstance },
|
|
2993
|
+
React.createElement(LoginWithAzureADForm, null))));
|
|
2975
2994
|
};
|
|
2976
2995
|
|
|
2977
2996
|
var LoginAsGuest = function () {
|
|
2978
|
-
var _a =
|
|
2979
|
-
var _b =
|
|
2980
|
-
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;
|
|
2981
3000
|
var apiService = new MESApiService();
|
|
2982
3001
|
var loginAsGuest = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2983
3002
|
var response;
|
|
@@ -2999,47 +3018,47 @@ var LoginAsGuest = function () {
|
|
|
2999
3018
|
}
|
|
3000
3019
|
});
|
|
3001
3020
|
}); };
|
|
3002
|
-
return (
|
|
3003
|
-
|
|
3021
|
+
return (React.createElement(React.Fragment, null,
|
|
3022
|
+
React.createElement(Alert, { show: showError, variant: "danger", dismissible: true, onClose: function () {
|
|
3004
3023
|
setShowError(false);
|
|
3005
3024
|
setError(undefined);
|
|
3006
3025
|
} },
|
|
3007
|
-
|
|
3008
|
-
|
|
3026
|
+
React.createElement("strong", null, "Bad credentials"),
|
|
3027
|
+
React.createElement("p", null,
|
|
3009
3028
|
" ",
|
|
3010
3029
|
error === undefined ? 'There was an error' :
|
|
3011
3030
|
(error.internalError.message === undefined ? error.internalError : error.internalError.message))),
|
|
3012
|
-
|
|
3013
|
-
|
|
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"))));
|
|
3014
3033
|
};
|
|
3015
3034
|
|
|
3016
3035
|
function Login(_a) {
|
|
3017
3036
|
var authConfig = _a.authConfig;
|
|
3018
|
-
var useEmailAndPassword =
|
|
3019
|
-
var useAzureAD =
|
|
3020
|
-
var guestIsEnabled =
|
|
3021
|
-
return (
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
useEmailAndPassword &&
|
|
3032
|
-
useAzureAD &&
|
|
3033
|
-
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))))))));
|
|
3034
3053
|
}
|
|
3035
3054
|
Login.propTypes = {
|
|
3036
|
-
setToken:
|
|
3055
|
+
setToken: PropTypes.func
|
|
3037
3056
|
};
|
|
3038
3057
|
|
|
3039
3058
|
function Logout() {
|
|
3040
3059
|
var _this = this;
|
|
3041
|
-
var clearToken =
|
|
3042
|
-
var navigate =
|
|
3060
|
+
var clearToken = useContext(AuthContext).clearToken;
|
|
3061
|
+
var navigate = useNavigate();
|
|
3043
3062
|
var logout = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
3044
3063
|
return __generator(this, function (_a) {
|
|
3045
3064
|
clearToken();
|
|
@@ -3047,32 +3066,32 @@ function Logout() {
|
|
|
3047
3066
|
return [2 /*return*/];
|
|
3048
3067
|
});
|
|
3049
3068
|
}); };
|
|
3050
|
-
|
|
3069
|
+
useEffect(function () {
|
|
3051
3070
|
logout();
|
|
3052
3071
|
}, []);
|
|
3053
|
-
return (
|
|
3054
|
-
|
|
3072
|
+
return (React.createElement(React.Fragment, null,
|
|
3073
|
+
React.createElement("div", null, "logging out!!!")));
|
|
3055
3074
|
}
|
|
3056
3075
|
Logout.propTypes = {
|
|
3057
|
-
clearEvent:
|
|
3076
|
+
clearEvent: PropTypes.func
|
|
3058
3077
|
};
|
|
3059
3078
|
|
|
3060
|
-
var RouterContext =
|
|
3061
|
-
var ConfigurationContext =
|
|
3079
|
+
var RouterContext = React.createContext(function () { return React.createElement(React.Fragment, null); });
|
|
3080
|
+
var ConfigurationContext = React.createContext([
|
|
3062
3081
|
[],
|
|
3063
|
-
function () { return (
|
|
3082
|
+
function () { return (React.createElement(React.Fragment, null)); }
|
|
3064
3083
|
]);
|
|
3065
|
-
var NavbarContext =
|
|
3084
|
+
var NavbarContext = React.createContext(function () { return React.createElement(React.Fragment, null); });
|
|
3066
3085
|
|
|
3067
3086
|
function Header() {
|
|
3068
3087
|
var getUserName = useToken().getUserName;
|
|
3069
|
-
var _a =
|
|
3070
|
-
var userName =
|
|
3071
|
-
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);
|
|
3072
3091
|
var tick = function () {
|
|
3073
3092
|
setDate(new Date());
|
|
3074
3093
|
};
|
|
3075
|
-
|
|
3094
|
+
React.useEffect(function () {
|
|
3076
3095
|
var timerID = setTimeout(function () {
|
|
3077
3096
|
tick();
|
|
3078
3097
|
}, 1000);
|
|
@@ -3080,94 +3099,94 @@ function Header() {
|
|
|
3080
3099
|
clearTimeout(timerID);
|
|
3081
3100
|
};
|
|
3082
3101
|
});
|
|
3083
|
-
return (
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
|
|
3098
|
-
|
|
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" }),
|
|
3099
3118
|
"EN"), id: "languages-menu" },
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
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" }),
|
|
3105
3124
|
userName), className: "mx-2" },
|
|
3106
|
-
|
|
3107
|
-
|
|
3125
|
+
React.createElement(NavDropdown.Item, { href: "account" }, "Account"),
|
|
3126
|
+
React.createElement(NavDropdown.Item, { href: "logout" }, "Logout")))))));
|
|
3108
3127
|
}
|
|
3109
3128
|
|
|
3110
3129
|
function Configuration() {
|
|
3111
|
-
var option =
|
|
3112
|
-
var _a =
|
|
3130
|
+
var option = useParams().option;
|
|
3131
|
+
var _a = useContext(ConfigurationContext), customConfiguration = _a[0], CustomSidebar = _a[1];
|
|
3113
3132
|
var routes = __spreadArray(__spreadArray([
|
|
3114
3133
|
{
|
|
3115
3134
|
path: "/",
|
|
3116
|
-
sidebar: function () { return
|
|
3117
|
-
main: function () { return
|
|
3135
|
+
sidebar: function () { return React.createElement("div", null, "configuration"); },
|
|
3136
|
+
main: function () { return React.createElement(Navigate, { to: "users" }); }
|
|
3118
3137
|
},
|
|
3119
3138
|
{
|
|
3120
3139
|
path: "shifts",
|
|
3121
|
-
sidebar: function () { return
|
|
3122
|
-
main: function () { return
|
|
3140
|
+
sidebar: function () { return React.createElement("div", null, "shifts"); },
|
|
3141
|
+
main: function () { return React.createElement(ShiftCrew, null); }
|
|
3123
3142
|
},
|
|
3124
3143
|
{
|
|
3125
3144
|
path: "users",
|
|
3126
|
-
sidebar: function () { return
|
|
3127
|
-
main: function () { return
|
|
3145
|
+
sidebar: function () { return React.createElement("div", null, "users"); },
|
|
3146
|
+
main: function () { return React.createElement(UserManagment, null); }
|
|
3128
3147
|
},
|
|
3129
3148
|
{
|
|
3130
3149
|
path: "profiles",
|
|
3131
|
-
sidebar: function () { return
|
|
3132
|
-
main: function () { return
|
|
3150
|
+
sidebar: function () { return React.createElement("div", null, "profiles"); },
|
|
3151
|
+
main: function () { return React.createElement(ProfileManagement, null); }
|
|
3133
3152
|
}
|
|
3134
3153
|
], customConfiguration, true), [
|
|
3135
3154
|
{
|
|
3136
3155
|
path: "logs",
|
|
3137
|
-
sidebar: function () { return
|
|
3138
|
-
main: function () { return
|
|
3156
|
+
sidebar: function () { return React.createElement("div", null, "logs"); },
|
|
3157
|
+
main: function () { return React.createElement(LogConfig, null); }
|
|
3139
3158
|
},
|
|
3140
3159
|
{
|
|
3141
3160
|
path: "jobs",
|
|
3142
|
-
sidebar: function () { return
|
|
3143
|
-
main: function () { return
|
|
3161
|
+
sidebar: function () { return React.createElement("div", null, "jobs"); },
|
|
3162
|
+
main: function () { return React.createElement(JobConfig, null); }
|
|
3144
3163
|
}
|
|
3145
3164
|
], false);
|
|
3146
|
-
return (
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
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) })); }))))));
|
|
3168
3187
|
}
|
|
3169
3188
|
|
|
3170
|
-
var Home = function () { return (
|
|
3189
|
+
var Home = function () { return (React.createElement("div", { style: {
|
|
3171
3190
|
backgroundImage: "url(\"/home.jpg\")",
|
|
3172
3191
|
backgroundPosition: 'center',
|
|
3173
3192
|
backgroundSize: 'cover',
|
|
@@ -3179,23 +3198,23 @@ var Home = function () { return (React__default["default"].createElement("div",
|
|
|
3179
3198
|
} })); };
|
|
3180
3199
|
|
|
3181
3200
|
var MESFMainRouter = function () {
|
|
3182
|
-
var CustomRoutes =
|
|
3183
|
-
return (
|
|
3184
|
-
|
|
3185
|
-
|
|
3186
|
-
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
|
|
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)));
|
|
3190
3209
|
};
|
|
3191
3210
|
|
|
3192
|
-
var MESFMainContainer = function () { return (
|
|
3193
|
-
|
|
3211
|
+
var MESFMainContainer = function () { return (React.createElement("div", { id: "mainSection", className: "container-fluid container-fluid-main" },
|
|
3212
|
+
React.createElement(MESFMainRouter, null))); };
|
|
3194
3213
|
|
|
3195
|
-
var Navigation = function () { return (
|
|
3196
|
-
|
|
3197
|
-
|
|
3198
|
-
|
|
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)))); };
|
|
3199
3218
|
|
|
3200
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}}
|
|
3201
3220
|
|
|
@@ -3203,66 +3222,14 @@ var css = "body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFon
|
|
|
3203
3222
|
n(css,{});
|
|
3204
3223
|
|
|
3205
3224
|
function MESFMain(props) {
|
|
3206
|
-
return (
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
|
|
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)))))));
|
|
3214
3233
|
}
|
|
3215
3234
|
|
|
3216
|
-
|
|
3217
|
-
exports.AuthContext = AuthContext;
|
|
3218
|
-
exports.AuthProvider = AuthProvider;
|
|
3219
|
-
exports.BarChartControl = BarChartControl;
|
|
3220
|
-
exports.ChangePassword = ChangePassword;
|
|
3221
|
-
exports.CheckBoxControl = CheckBoxControl;
|
|
3222
|
-
exports.Configuration = Configuration$1;
|
|
3223
|
-
exports.CurrencyFormatter = CurrencyFormatter;
|
|
3224
|
-
exports.DataGridControl = DataGridControl;
|
|
3225
|
-
exports.DateControl = DateControl;
|
|
3226
|
-
exports.DateFormatter = DateFormatter;
|
|
3227
|
-
exports.DateTimeControl = DateTimeControl;
|
|
3228
|
-
exports.DateTimeFormatter = DateTimeFormatter;
|
|
3229
|
-
exports.FetchError = FetchError;
|
|
3230
|
-
exports.FilterPanel = FilterPanel;
|
|
3231
|
-
exports.GenericPanel = GenericPanel;
|
|
3232
|
-
exports.GenericTable = GenericTable;
|
|
3233
|
-
exports.GetCrewColor = GetCrewColor;
|
|
3234
|
-
exports.GetShiftColor = GetShiftColor;
|
|
3235
|
-
exports.HorizontalTextControl = HorizontalTextControl;
|
|
3236
|
-
exports.IntegerFormatter = IntegerFormatter;
|
|
3237
|
-
exports.JobConfig = JobConfig;
|
|
3238
|
-
exports.LogConfig = LogConfig;
|
|
3239
|
-
exports.Login = Login;
|
|
3240
|
-
exports.Logout = Logout;
|
|
3241
|
-
exports.LongFilterPanel = LongFilterPanel;
|
|
3242
|
-
exports.MESApiService = MESApiService;
|
|
3243
|
-
exports.MESFMain = MESFMain;
|
|
3244
|
-
exports.MESSAGE_API = MESSAGE_API;
|
|
3245
|
-
exports.MESSAGE_ERRORS = MESSAGE_ERRORS;
|
|
3246
|
-
exports.MasterDetailPanel = MasterDetailPanel;
|
|
3247
|
-
exports.ModalTreeFilterControl = ModalTreeFilterControl;
|
|
3248
|
-
exports.MultipleSelectorControl = MultipleSelectorControl;
|
|
3249
|
-
exports.NumberFormatter = NumberFormatter;
|
|
3250
|
-
exports.NumericTextControl = NumericTextControl;
|
|
3251
|
-
exports.ProfileManagement = ProfileManagement;
|
|
3252
|
-
exports.ShiftCrew = ShiftCrew;
|
|
3253
|
-
exports.SimpleInputSearchControl = SimpleInputSearchControl;
|
|
3254
|
-
exports.SimplePasswordControl = SimplePasswordControl;
|
|
3255
|
-
exports.SimpleSelectorControl = SimpleSelectorControl;
|
|
3256
|
-
exports.SimpleTextAreaControl = SimpleTextAreaControl;
|
|
3257
|
-
exports.SimpleTextControl = SimpleTextControl;
|
|
3258
|
-
exports.SimpleTimeControl = SimpleTimeControl;
|
|
3259
|
-
exports.TimeControl = TimeControl;
|
|
3260
|
-
exports.TimeFormatter = TimeFormatter;
|
|
3261
|
-
exports.TreePickerControl = TreePickerControl;
|
|
3262
|
-
exports.USER_LABELS = USER_LABELS;
|
|
3263
|
-
exports.UploadFileControl = UploadFileControl;
|
|
3264
|
-
exports.UserManagment = UserManagment;
|
|
3265
|
-
exports.formatNumber = formatNumber;
|
|
3266
|
-
exports.getCrewStyle = getCrewStyle;
|
|
3267
|
-
exports.getShiftStyle = getShiftStyle;
|
|
3268
|
-
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 };
|