{"ast":null,"code":"import _regeneratorRuntime from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";import _asyncToGenerator from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";import _classCallCheck from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";import _createClass from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";import _assertThisInitialized from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized\";import _inherits from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";import _createSuper from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createSuper\";import React from\"react\";import{withStyles}from\"@material-ui/core/styles\";import{Grid,Box,MenuItem}from\"@material-ui/core\";import Button from\"@material-ui/core/Button\";import{withRouter}from\"react-router-dom\";import{ValidatorForm,TextValidator,SelectValidator}from\"react-material-ui-form-validator\";import TagServices from\"./TagServicesClass\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var tagServ=new TagServices();var useStyles=function useStyles(theme){return{root:{\"& .MuiTextField-root\":{margin:theme.spacing(1),width:\"90%\"}},gridColor:{background:\"white\"},button:{marginTop:theme.spacing(1),color:\"#ffffff\",background:theme.palette.success.main,\"&:hover\":{backgroundColor:theme.palette.success.dark,borderColor:theme.palette.success.light,boxShadow:\"none\"}},form:{background:\"white\"},textField:{width:\"100%\",marginTop:10},selectField:{width:\"100%\",marginTop:20}};};var TagGroupFormEdit=/*#__PURE__*/function(_React$Component){_inherits(TagGroupFormEdit,_React$Component);var _super=_createSuper(TagGroupFormEdit);function TagGroupFormEdit(props){var _this;_classCallCheck(this,TagGroupFormEdit);_this=_super.call(this,props);_this.state={Tag:{TagName:\"\",ColumnName:\"\",TagAddress:\"\",Status:false,StaticValue:0,TagGroupId:_this.props.match.params.id}};_this.handleChange=function(event){var Tag=_this.state.Tag;Tag[event.target.name]=event.target.value;_this.setState({Tag:Tag});};_this.handleSubmit=/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var Tag,paramInsert,resp;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:Tag=_this.state.Tag;paramInsert={TagName:Tag.TagName,ColumnName:Tag.ColumnName,TagAddress:Tag.TagAddress,Status:Tag.Status,StaticValue:Tag.StaticValue,TagGroupId:Tag.TagGroupId};_context.next=4;return tagServ.update(_this.props.match.params.id,paramInsert);case 4:resp=_context.sent;// save role data\nif(resp.success){alert(resp.message);_this.onSuccess();}else{alert(resp.message);}case 6:case\"end\":return _context.stop();}}},_callee);}));_this.onSuccess=_this.onSuccess.bind(_assertThisInitialized(_this));return _this;}_createClass(TagGroupFormEdit,[{key:\"onSuccess\",value:function onSuccess(e){this.props.history.push(\"/opc/tag-groups/detail/\"+this.state.Tag.TagGroupId);}},{key:\"findOne\",value:function(){var _findOne=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){var resp,Tag,key,t;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.next=2;return tagServ.findOne(this.props.match.params.id);case 2:resp=_context2.sent;Tag=this.state.Tag;for(key in resp.data){t=resp.data[key];Tag[key]=t;}this.setState({Tag:Tag});case 6:case\"end\":return _context2.stop();}}},_callee2,this);}));function findOne(){return _findOne.apply(this,arguments);}return findOne;}()},{key:\"componentDidMount\",value:function componentDidMount(){this.findOne();}},{key:\"componentWillUnmount\",value:function componentWillUnmount(){}},{key:\"render\",value:function render(){var classes=this.props.classes;var Tag=this.state.Tag;return/*#__PURE__*/_jsx(Grid,{container:true,spacing:1,children:/*#__PURE__*/_jsx(Grid,{item:true,lg:5,xs:12,children:/*#__PURE__*/_jsx(Box,{p:3,boxShadow:3,className:classes.form,children:/*#__PURE__*/_jsxs(ValidatorForm,{ref:\"form\",onSubmit:this.handleSubmit,onError:function onError(errors){return console.log(errors);},children:[/*#__PURE__*/_jsx(TextValidator,{label:\"Tag Name\",onChange:this.handleChange,name:\"TagName\",value:Tag.TagName,validators:[\"required\"],errorMessages:[\"this field is required\"],className:classes.textField}),/*#__PURE__*/_jsx(TextValidator,{label:\"Column Name\",onChange:this.handleChange,name:\"ColumnName\",value:Tag.ColumnName,validators:[\"required\"],errorMessages:[\"this field is required\"],className:classes.textField}),/*#__PURE__*/_jsx(TextValidator,{label:\"Tag Address\",onChange:this.handleChange,name:\"TagAddress\",value:Tag.TagAddress,validators:[\"required\"],errorMessages:[\"this field is required\"],className:classes.textField}),/*#__PURE__*/_jsxs(SelectValidator,{label:\"Status\",id:\"demo-simple-select-helper\",value:Tag.Status,onChange:this.handleChange,validators:[\"required\"],errorMessages:[\"this field is required\"],className:classes.selectField,name:\"Status\",children:[/*#__PURE__*/_jsx(MenuItem,{value:\"\",children:/*#__PURE__*/_jsx(\"em\",{children:\"None\"})}),/*#__PURE__*/_jsx(MenuItem,{value:true,children:\"enable\"}),/*#__PURE__*/_jsx(MenuItem,{value:false,children:\"disable\"})]}),/*#__PURE__*/_jsx(TextValidator,{type:\"number\",label:\"Static Value\",onChange:this.handleChange,name:\"StaticValue\",value:Tag.StaticValue,className:classes.textField}),/*#__PURE__*/_jsx(Button,{type:\"submit\",className:classes.button,children:\"Submit\"})]})})})});}}]);return TagGroupFormEdit;}(React.Component);export 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","props","state","Tag","TagName","ColumnName","TagAddress","Status","StaticValue","TagGroupId","match","params","id","handleChange","event","target","name","value","setState","handleSubmit","paramInsert","update","resp","alert","message","onSuccess","bind","e","history","push","findOne","key","data","t","classes","errors","console","log","Component"],"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"}