{"ast":null,"code":"var _jsxFileName = \"C:\\\\laragon\\\\www\\\\iot.mksolusi\\\\DriverOPCDA\\\\frontend\\\\src\\\\components\\\\pages\\\\TagGroups\\\\TagFormEdit.jsx\";\nimport React from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { Grid, Box, MenuItem } from \"@material-ui/core\";\nimport Button from \"@material-ui/core/Button\";\nimport { withRouter } from \"react-router-dom\";\nimport { ValidatorForm, TextValidator, SelectValidator } from \"react-material-ui-form-validator\";\nimport TagServices from \"./TagServicesClass\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst tagServ = new TagServices();\n\nconst useStyles = theme => ({\n  root: {\n    \"& .MuiTextField-root\": {\n      margin: theme.spacing(1),\n      width: \"90%\"\n    }\n  },\n  gridColor: {\n    background: \"white\"\n  },\n  button: {\n    marginTop: theme.spacing(1),\n    color: \"#ffffff\",\n    background: theme.palette.success.main,\n    \"&:hover\": {\n      backgroundColor: theme.palette.success.dark,\n      borderColor: theme.palette.success.light,\n      boxShadow: \"none\"\n    }\n  },\n  form: {\n    background: \"white\"\n  },\n  textField: {\n    width: \"100%\",\n    marginTop: 10\n  },\n  selectField: {\n    width: \"100%\",\n    marginTop: 20\n  }\n});\n\nclass TagGroupFormEdit extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      Tag: {\n        TagName: \"\",\n        ColumnName: \"\",\n        TagAddress: \"\",\n        Status: false,\n        StaticValue: 0,\n        TagGroupId: this.props.match.params.id\n      }\n    };\n\n    this.handleChange = event => {\n      const {\n        Tag\n      } = this.state;\n      Tag[event.target.name] = event.target.value;\n      this.setState({\n        Tag\n      });\n    };\n\n    this.handleSubmit = async () => {\n      const {\n        Tag\n      } = this.state;\n      const paramInsert = {\n        TagName: Tag.TagName,\n        ColumnName: Tag.ColumnName,\n        TagAddress: Tag.TagAddress,\n        Status: Tag.Status,\n        StaticValue: Tag.StaticValue,\n        TagGroupId: Tag.TagGroupId\n      };\n      const resp = await tagServ.update(this.props.match.params.id, paramInsert); // save role data\n\n      if (resp.success) {\n        alert(resp.message);\n        this.onSuccess();\n      } else {\n        alert(resp.message);\n      }\n    };\n\n    this.onSuccess = this.onSuccess.bind(this);\n  }\n\n  onSuccess(e) {\n    this.props.history.push(\"/opc/tag-groups/detail/\" + this.state.Tag.TagGroupId);\n  }\n\n  async findOne() {\n    const resp = await tagServ.findOne(this.props.match.params.id);\n    const {\n      Tag\n    } = this.state;\n\n    for (const key in resp.data) {\n      const t = resp.data[key];\n      Tag[key] = t;\n    }\n\n    this.setState({\n      Tag\n    });\n  }\n\n  componentDidMount() {\n    this.findOne();\n  }\n\n  componentWillUnmount() {}\n\n  render() {\n    const {\n      classes\n    } = this.props;\n    const {\n      Tag\n    } = this.state;\n    return /*#__PURE__*/_jsxDEV(Grid, {\n      container: true,\n      spacing: 1,\n      children: /*#__PURE__*/_jsxDEV(Grid, {\n        item: true,\n        lg: 5,\n        xs: 12,\n        children: /*#__PURE__*/_jsxDEV(Box, {\n          p: 3,\n          boxShadow: 3,\n          className: classes.form,\n          children: /*#__PURE__*/_jsxDEV(ValidatorForm, {\n            ref: \"form\",\n            onSubmit: this.handleSubmit,\n            onError: errors => console.log(errors),\n            children: [/*#__PURE__*/_jsxDEV(TextValidator, {\n              label: \"Tag Name\",\n              onChange: this.handleChange,\n              name: \"TagName\",\n              value: Tag.TagName,\n              validators: [\"required\"],\n              errorMessages: [\"this field is required\"],\n              className: classes.textField\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 125,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TextValidator, {\n              label: \"Column Name\",\n              onChange: this.handleChange,\n              name: \"ColumnName\",\n              value: Tag.ColumnName,\n              validators: [\"required\"],\n              errorMessages: [\"this field is required\"],\n              className: classes.textField\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 134,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TextValidator, {\n              label: \"Tag Address\",\n              onChange: this.handleChange,\n              name: \"TagAddress\",\n              value: Tag.TagAddress,\n              validators: [\"required\"],\n              errorMessages: [\"this field is required\"],\n              className: classes.textField\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 143,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(SelectValidator, {\n              label: \"Status\",\n              id: \"demo-simple-select-helper\",\n              value: Tag.Status,\n              onChange: this.handleChange,\n              validators: [\"required\"],\n              errorMessages: [\"this field is required\"],\n              className: classes.selectField,\n              name: \"Status\",\n              children: [/*#__PURE__*/_jsxDEV(MenuItem, {\n                value: \"\",\n                children: /*#__PURE__*/_jsxDEV(\"em\", {\n                  children: \"None\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 163,\n                  columnNumber: 19\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 162,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(MenuItem, {\n                value: true,\n                children: \"enable\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 166,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(MenuItem, {\n                value: false,\n                children: \"disable\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 167,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 152,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(TextValidator, {\n              type: \"number\",\n              label: \"Static Value\",\n              onChange: this.handleChange,\n              name: \"StaticValue\",\n              value: Tag.StaticValue,\n              className: classes.textField\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 170,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(Button, {\n              type: \"submit\",\n              className: classes.button,\n              children: \"Submit\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 179,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 120,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 119,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 118,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 117,\n      columnNumber: 7\n    }, this);\n  }\n\n}\n\nexport default withRouter(withStyles(useStyles)(TagGroupFormEdit));","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/pages/TagGroups/TagFormEdit.jsx"],"names":["React","withStyles","Grid","Box","MenuItem","Button","withRouter","ValidatorForm","TextValidator","SelectValidator","TagServices","tagServ","useStyles","theme","root","margin","spacing","width","gridColor","background","button","marginTop","color","palette","success","main","backgroundColor","dark","borderColor","light","boxShadow","form","textField","selectField","TagGroupFormEdit","Component","constructor","props","state","Tag","TagName","ColumnName","TagAddress","Status","StaticValue","TagGroupId","match","params","id","handleChange","event","target","name","value","setState","handleSubmit","paramInsert","resp","update","alert","message","onSuccess","bind","e","history","push","findOne","key","data","t","componentDidMount","componentWillUnmount","render","classes","errors","console","log"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { Grid, Box, MenuItem } from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport {\r\n  ValidatorForm,\r\n  TextValidator,\r\n  SelectValidator,\r\n} from \"react-material-ui-form-validator\";\r\n\r\nimport TagServices from \"./TagServicesClass\";\r\nconst tagServ = new TagServices();\r\n\r\nconst useStyles = (theme) => ({\r\n  root: {\r\n    \"& .MuiTextField-root\": {\r\n      margin: theme.spacing(1),\r\n      width: \"90%\",\r\n    },\r\n  },\r\n  gridColor: {\r\n    background: \"white\",\r\n  },\r\n  button: {\r\n    marginTop: theme.spacing(1),\r\n    color: \"#ffffff\",\r\n    background: theme.palette.success.main,\r\n    \"&:hover\": {\r\n      backgroundColor: theme.palette.success.dark,\r\n      borderColor: theme.palette.success.light,\r\n      boxShadow: \"none\",\r\n    },\r\n  },\r\n  form: {\r\n    background: \"white\",\r\n  },\r\n  textField: {\r\n    width: \"100%\",\r\n    marginTop: 10,\r\n  },\r\n  selectField: {\r\n    width: \"100%\",\r\n    marginTop: 20,\r\n  },\r\n});\r\nclass TagGroupFormEdit extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.onSuccess = this.onSuccess.bind(this);\r\n  }\r\n  state = {\r\n    Tag: {\r\n      TagName: \"\",\r\n      ColumnName: \"\",\r\n      TagAddress: \"\",\r\n      Status: false,\r\n      StaticValue: 0,\r\n      TagGroupId: this.props.match.params.id,\r\n    },\r\n  };\r\n\r\n  onSuccess(e) {\r\n    this.props.history.push(\r\n      \"/opc/tag-groups/detail/\" + this.state.Tag.TagGroupId\r\n    );\r\n  }\r\n\r\n  handleChange = (event) => {\r\n    const { Tag } = this.state;\r\n    Tag[event.target.name] = event.target.value;\r\n    this.setState({ Tag });\r\n  };\r\n\r\n  handleSubmit = async () => {\r\n    const { Tag } = this.state;\r\n    const paramInsert = {\r\n      TagName: Tag.TagName,\r\n      ColumnName: Tag.ColumnName,\r\n      TagAddress: Tag.TagAddress,\r\n      Status: Tag.Status,\r\n      StaticValue: Tag.StaticValue,\r\n      TagGroupId: Tag.TagGroupId,\r\n    };\r\n\r\n    const resp = await tagServ.update(this.props.match.params.id, paramInsert);\r\n    // save role data\r\n    if (resp.success) {\r\n      alert(resp.message);\r\n      this.onSuccess();\r\n    } else {\r\n      alert(resp.message);\r\n    }\r\n  };\r\n\r\n  async findOne() {\r\n    const resp = await tagServ.findOne(this.props.match.params.id);\r\n    const { Tag } = this.state;\r\n    for (const key in resp.data) {\r\n      const t = resp.data[key];\r\n      Tag[key] = t;\r\n    }\r\n    this.setState({ Tag });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.findOne();\r\n  }\r\n\r\n  componentWillUnmount() {}\r\n\r\n  render() {\r\n    const { classes } = this.props;\r\n    const { Tag } = this.state;\r\n\r\n    return (\r\n      <Grid container spacing={1}>\r\n        <Grid item lg={5} xs={12}>\r\n          <Box p={3} boxShadow={3} className={classes.form}>\r\n            <ValidatorForm\r\n              ref=\"form\"\r\n              onSubmit={this.handleSubmit}\r\n              onError={(errors) => console.log(errors)}\r\n            >\r\n              <TextValidator\r\n                label=\"Tag Name\"\r\n                onChange={this.handleChange}\r\n                name=\"TagName\"\r\n                value={Tag.TagName}\r\n                validators={[\"required\"]}\r\n                errorMessages={[\"this field is required\"]}\r\n                className={classes.textField}\r\n              />\r\n              <TextValidator\r\n                label=\"Column Name\"\r\n                onChange={this.handleChange}\r\n                name=\"ColumnName\"\r\n                value={Tag.ColumnName}\r\n                validators={[\"required\"]}\r\n                errorMessages={[\"this field is required\"]}\r\n                className={classes.textField}\r\n              />\r\n              <TextValidator\r\n                label=\"Tag Address\"\r\n                onChange={this.handleChange}\r\n                name=\"TagAddress\"\r\n                value={Tag.TagAddress}\r\n                validators={[\"required\"]}\r\n                errorMessages={[\"this field is required\"]}\r\n                className={classes.textField}\r\n              />\r\n              <SelectValidator\r\n                label=\"Status\"\r\n                id=\"demo-simple-select-helper\"\r\n                value={Tag.Status}\r\n                onChange={this.handleChange}\r\n                validators={[\"required\"]}\r\n                errorMessages={[\"this field is required\"]}\r\n                className={classes.selectField}\r\n                name=\"Status\"\r\n              >\r\n                <MenuItem value=\"\">\r\n                  <em>None</em>\r\n                </MenuItem>\r\n\r\n                <MenuItem value={true}>enable</MenuItem>\r\n                <MenuItem value={false}>disable</MenuItem>\r\n              </SelectValidator>\r\n\r\n              <TextValidator\r\n                type=\"number\"\r\n                label=\"Static Value\"\r\n                onChange={this.handleChange}\r\n                name=\"StaticValue\"\r\n                value={Tag.StaticValue}\r\n                className={classes.textField}\r\n              />\r\n\r\n              <Button type=\"submit\" className={classes.button}>\r\n                Submit\r\n              </Button>\r\n            </ValidatorForm>\r\n          </Box>\r\n        </Grid>\r\n      </Grid>\r\n    );\r\n  }\r\n}\r\n\r\nexport default withRouter(withStyles(useStyles)(TagGroupFormEdit));\r\n"]},"metadata":{},"sourceType":"module"}