{"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{Box,makeStyles,TableContainer,Table,TableHead,TableRow,TableCell,TableBody,Paper,Button,Typography,Chip}from\"@material-ui/core\";import{Link,withRouter}from\"react-router-dom\";import{setTagGroupTags}from\"../../../redux/TagGroups/tagGroups.action\";import{connect}from\"react-redux\";import TagServices from\"./TagServicesClass\";import TagGroupServices from\"./TagGroupServicesClass\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var TagGroupServ=new TagGroupServices();var tagServ=new TagServices();var useStyles=makeStyles(function(theme){return{root:{width:\"100%\",backgroundColor:theme.palette.background.paper},danger:{background:\"#DC004E\",color:\"white\"},success:{background:\"#48B330\",color:\"white\"}};});function TagGroupTags(props){var classes=useStyles();function handleClick(_x){return _handleClick.apply(this,arguments);}function _handleClick(){_handleClick=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id){var resp;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return tagServ.delete(id);case 2:resp=_context.sent;if(resp.success){alert(resp.message);getOne(props.match.params.id);}else{alert(resp.message);}case 4:case\"end\":return _context.stop();}}},_callee);}));return _handleClick.apply(this,arguments);}function getOne(_x2){return _getOne.apply(this,arguments);}function _getOne(){_getOne=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id){var resp;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.next=2;return TagGroupServ.findOne(id);case 2:resp=_context2.sent;props.SetStateTagGroupTags(resp.data.tags);console.log(\"GET ONE CALLED\");case 5:case\"end\":return _context2.stop();}}},_callee2);}));return _getOne.apply(this,arguments);}return/*#__PURE__*/_jsxs(Box,{boxShadow:3,p:2,style:{background:\"#ffffff\"},children:[/*#__PURE__*/_jsx(Typography,{variant:\"h5\",children:\"Tags List\"}),/*#__PURE__*/_jsx(Button,{variant:\"contained\",component:Link,to:\"/opc/tags/add/\"+props.match.params.id,color:\"primary\",style:{float:\"right\"},children:\"Add Tag\"}),/*#__PURE__*/_jsx(TableContainer,{component:Paper,children:/*#__PURE__*/_jsxs(Table,{className:classes.table,\"aria-label\":\"simple table\",children:[/*#__PURE__*/_jsx(TableHead,{children:/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:\"No\"}),/*#__PURE__*/_jsx(TableCell,{children:\"Column Name\"}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:\"Tag Address\"}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:\"Status\"}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:\"Static Value\"}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:\"Action\"})]})}),/*#__PURE__*/_jsx(TableBody,{children:props.StateTagGroup.TagGroupTags.length>0?props.StateTagGroup.TagGroupTags.map(function(tag,i){return/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:i+1}),/*#__PURE__*/_jsx(TableCell,{component:\"th\",scope:\"row\",children:tag.ColumnName}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:tag.TagAddress}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:tag.Status===true?/*#__PURE__*/_jsx(Chip,{size:\"small\",label:\"enable\",className:classes.success}):/*#__PURE__*/_jsx(Chip,{size:\"small\",label:\"disable\",className:classes.danger})}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:tag.StaticValue}),/*#__PURE__*/_jsx(TableCell,{align:\"left\",children:/*#__PURE__*/_jsxs(Box,{children:[/*#__PURE__*/_jsx(Button,{component:Link,to:\"/opc/tags/edit/\"+tag.id,variant:\"contained\",size:\"small\",style:{marginRight:\"8px\"},children:\"Edit\"}),/*#__PURE__*/_jsx(Button,{variant:\"contained\",size:\"small\",onClick:function onClick(e){if(window.confirm(\"Delete Tag ?\")){handleClick(tag.id,e);}},children:\"Delete\"})]})})]},i);}):/*#__PURE__*/_jsx(TableRow,{})})]})})]});}var mapStateToProps=function mapStateToProps(state){return{StateTagGroup:state.state_tag_group};};var mapDispatchToProps=function mapDispatchToProps(dispatch){return{SetStateTagGroupTags:function SetStateTagGroupTags(p){return dispatch(setTagGroupTags(p));}};};export default connect(mapStateToProps,mapDispatchToProps)(withRouter(TagGroupTags));","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/pages/TagGroups/TagGroupTags.jsx"],"names":["Box","makeStyles","TableContainer","Table","TableHead","TableRow","TableCell","TableBody","Paper","Button","Typography","Chip","Link","withRouter","setTagGroupTags","connect","TagServices","TagGroupServices","TagGroupServ","tagServ","useStyles","theme","root","width","backgroundColor","palette","background","paper","danger","color","success","TagGroupTags","props","classes","handleClick","id","delete","resp","alert","message","getOne","match","params","findOne","SetStateTagGroupTags","data","tags","console","log","float","table","StateTagGroup","length","map","tag","i","ColumnName","TagAddress","Status","StaticValue","marginRight","e","window","confirm","mapStateToProps","state","state_tag_group","mapDispatchToProps","dispatch","p"],"mappings":"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","sourcesContent":["import {\r\n  Box,\r\n  makeStyles,\r\n  TableContainer,\r\n  Table,\r\n  TableHead,\r\n  TableRow,\r\n  TableCell,\r\n  TableBody,\r\n  Paper,\r\n  Button,\r\n  Typography,\r\n  Chip,\r\n} from \"@material-ui/core\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport { setTagGroupTags } from \"../../../redux/TagGroups/tagGroups.action\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport TagServices from \"./TagServicesClass\";\r\nimport TagGroupServices from \"./TagGroupServicesClass\";\r\n\r\nconst TagGroupServ = new TagGroupServices();\r\n\r\nconst tagServ = new TagServices();\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    width: \"100%\",\r\n    backgroundColor: theme.palette.background.paper,\r\n  },\r\n  danger: {\r\n    background: \"#DC004E\",\r\n    color: \"white\",\r\n  },\r\n  success: {\r\n    background: \"#48B330\",\r\n    color: \"white\",\r\n  },\r\n}));\r\n\r\nfunction TagGroupTags(props) {\r\n  const classes = useStyles();\r\n\r\n  async function handleClick(id) {\r\n    const resp = await tagServ.delete(id);\r\n    if (resp.success) {\r\n      alert(resp.message);\r\n      getOne(props.match.params.id);\r\n    } else {\r\n      alert(resp.message);\r\n    }\r\n  }\r\n\r\n  async function getOne(id) {\r\n    const resp = await TagGroupServ.findOne(id);\r\n    props.SetStateTagGroupTags(resp.data.tags);\r\n    console.log(\"GET ONE CALLED\");\r\n  }\r\n\r\n  return (\r\n    <Box boxShadow={3} p={2} style={{ background: \"#ffffff\" }}>\r\n      <Typography variant=\"h5\">Tags List</Typography>\r\n      <Button\r\n        variant=\"contained\"\r\n        component={Link}\r\n        to={\"/opc/tags/add/\" + props.match.params.id}\r\n        color={\"primary\"}\r\n        style={{ float: \"right\" }}\r\n      >\r\n        Add Tag\r\n      </Button>\r\n      <TableContainer component={Paper}>\r\n        <Table className={classes.table} aria-label=\"simple table\">\r\n          <TableHead>\r\n            <TableRow>\r\n              <TableCell align=\"left\">No</TableCell>\r\n              <TableCell>Column Name</TableCell>\r\n              <TableCell align=\"left\">Tag Address</TableCell>\r\n              <TableCell align=\"left\">Status</TableCell>\r\n              <TableCell align=\"left\">Static Value</TableCell>\r\n              <TableCell align=\"left\">Action</TableCell>\r\n            </TableRow>\r\n          </TableHead>\r\n          <TableBody>\r\n            {props.StateTagGroup.TagGroupTags.length > 0 ? (\r\n              props.StateTagGroup.TagGroupTags.map((tag, i) => (\r\n                <TableRow key={i}>\r\n                  <TableCell align=\"left\">{i + 1}</TableCell>\r\n                  <TableCell component=\"th\" scope=\"row\">\r\n                    {tag.ColumnName}\r\n                  </TableCell>\r\n                  <TableCell align=\"left\">{tag.TagAddress}</TableCell>\r\n                  <TableCell align=\"left\">\r\n                    {tag.Status === true ? (\r\n                      <Chip\r\n                        size=\"small\"\r\n                        label={\"enable\"}\r\n                        className={classes.success}\r\n                      />\r\n                    ) : (\r\n                      <Chip\r\n                        size=\"small\"\r\n                        label={\"disable\"}\r\n                        className={classes.danger}\r\n                      />\r\n                    )}\r\n                  </TableCell>\r\n                  <TableCell align=\"left\">{tag.StaticValue}</TableCell>\r\n                  <TableCell align=\"left\">\r\n                    <Box>\r\n                      <Button\r\n                        component={Link}\r\n                        to={\"/opc/tags/edit/\" + tag.id}\r\n                        variant=\"contained\"\r\n                        size=\"small\"\r\n                        style={{ marginRight: \"8px\" }}\r\n                      >\r\n                        Edit\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"contained\"\r\n                        size=\"small\"\r\n                        onClick={(e) => {\r\n                          if (window.confirm(\"Delete Tag ?\")) {\r\n                            handleClick(tag.id, e);\r\n                          }\r\n                        }}\r\n                      >\r\n                        Delete\r\n                      </Button>\r\n                    </Box>\r\n                  </TableCell>\r\n                </TableRow>\r\n              ))\r\n            ) : (\r\n              <TableRow>\r\n                \r\n              </TableRow>\r\n            )}\r\n          </TableBody>\r\n        </Table>\r\n      </TableContainer>\r\n    </Box>\r\n  );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n  return {\r\n    StateTagGroup: state.state_tag_group,\r\n  };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n  return {\r\n    SetStateTagGroupTags: (p) => dispatch(setTagGroupTags(p)),\r\n  };\r\n};\r\n\r\nexport default connect(\r\n  mapStateToProps,\r\n  mapDispatchToProps\r\n)(withRouter(TagGroupTags));\r\n"]},"metadata":{},"sourceType":"module"}