{"ast":null,"code":"var _jsxFileName = \"C:\\\\laragon\\\\www\\\\iot.mksolusi\\\\DriverOPCDA\\\\frontend\\\\src\\\\components\\\\pages\\\\TagGroups\\\\TagGroupDesc.jsx\",\n    _s = $RefreshSig$();\n\nimport { Box, makeStyles, List, ListItem, ListItemIcon, ListItemText, Chip, Typography } from \"@material-ui/core\";\nimport { useEffect } from \"react\";\nimport TagGroupServices from \"./TagGroupServicesClass\";\nimport { setTagGroup, setTagGroupTags } from '../../../redux/TagGroups/tagGroups.action';\nimport { connect } from \"react-redux\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst TagGroupServ = new TagGroupServices();\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: \"100%\",\n    backgroundColor: theme.palette.background.paper\n  },\n  danger: {\n    background: \"#DC004E\",\n    color: \"white\"\n  },\n  success: {\n    background: \"#48B330\",\n    color: \"white\"\n  }\n}));\n\nfunction TagGroupDesc(props) {\n  _s();\n\n  const classes = useStyles();\n  useEffect(() => {\n    getOne(props.id);\n    console.log(props); // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  async function getOne(id) {\n    const resp = await TagGroupServ.findOne(id);\n    props.SetStateTagGroup(resp.data);\n    props.SetStateTagGroupTags(resp.data.tags);\n    console.log(\"GET ONE CALLED\");\n  }\n\n  return /*#__PURE__*/_jsxDEV(Box, {\n    boxShadow: 3,\n    p: 2,\n    style: {\n      background: \"#ffffff\"\n    },\n    children: [/*#__PURE__*/_jsxDEV(Typography, {\n      variant: \"h5\",\n      children: \"Group Details\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 55,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: classes.root,\n      children: /*#__PURE__*/_jsxDEV(List, {\n        component: \"nav\",\n        \"aria-label\": \"main mailbox folders\",\n        children: [/*#__PURE__*/_jsxDEV(ListItem, {\n          button: true,\n          children: [/*#__PURE__*/_jsxDEV(ListItemIcon, {\n            style: {\n              width: \"35%\"\n            },\n            children: /*#__PURE__*/_jsxDEV(ListItemText, {\n              primary: \"Group Name\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 60,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 59,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(ListItemText, {\n            style: {\n              float: \"right\"\n            },\n            primary: \" : \" + props.StateTagGroup.TagGroup.TagGroupName\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 62,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(ListItem, {\n          button: true,\n          children: [/*#__PURE__*/_jsxDEV(ListItemIcon, {\n            style: {\n              width: \"35%\"\n            },\n            children: /*#__PURE__*/_jsxDEV(ListItemText, {\n              primary: \"Table Name\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 69,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(ListItemText, {\n            style: {\n              float: \"right\"\n            },\n            primary: \" : \" + props.StateTagGroup.TagGroup.TagTableName\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 71,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(ListItem, {\n          button: true,\n          children: [/*#__PURE__*/_jsxDEV(ListItemIcon, {\n            style: {\n              width: \"35%\"\n            },\n            children: /*#__PURE__*/_jsxDEV(ListItemText, {\n              primary: \"Server\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 78,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 77,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(ListItemText, {\n            style: {\n              float: \"right\"\n            },\n            primary: \" : \" + props.StateTagGroup.TagGroup.TagGroupServer\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 80,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(ListItem, {\n          button: true,\n          children: [/*#__PURE__*/_jsxDEV(ListItemIcon, {\n            style: {\n              width: \"35%\"\n            },\n            children: /*#__PURE__*/_jsxDEV(ListItemText, {\n              primary: \"Description \"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 87,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 86,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(ListItemText, {\n            style: {\n              float: \"right\"\n            },\n            primary: \" : \" + props.StateTagGroup.TagGroup.Description\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 89,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 85,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(ListItem, {\n          button: true,\n          children: [/*#__PURE__*/_jsxDEV(ListItemIcon, {\n            style: {\n              width: \"35%\"\n            },\n            children: /*#__PURE__*/_jsxDEV(ListItemText, {\n              primary: \"Status \"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 96,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 95,\n            columnNumber: 13\n          }, this), \":\\xA0\", props.StateTagGroup.TagGroup.Status ? /*#__PURE__*/_jsxDEV(Chip, {\n            label: \"ON\",\n            className: classes.success\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 100,\n            columnNumber: 15\n          }, this) : /*#__PURE__*/_jsxDEV(Chip, {\n            label: \"OFF\",\n            className: classes.danger\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 102,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 94,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 57,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 54,\n    columnNumber: 5\n  }, this);\n}\n\n_s(TagGroupDesc, \"OAQf9SHEQQsOOZKjohcuI3tGtQ0=\", false, function () {\n  return [useStyles];\n});\n\n_c = TagGroupDesc;\n\nconst mapStateToProps = state => {\n  return {\n    StateTagGroup: state.state_tag_group,\n    auth: state.auth\n  };\n};\n\nconst mapDispatchToProps = dispatch => {\n  return {\n    SetStateTagGroup: p => dispatch(setTagGroup(p)),\n    SetStateTagGroupTags: p => dispatch(setTagGroupTags(p))\n  };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(TagGroupDesc);\n\nvar _c;\n\n$RefreshReg$(_c, \"TagGroupDesc\");","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/pages/TagGroups/TagGroupDesc.jsx"],"names":["Box","makeStyles","List","ListItem","ListItemIcon","ListItemText","Chip","Typography","useEffect","TagGroupServices","setTagGroup","setTagGroupTags","connect","TagGroupServ","useStyles","theme","root","width","backgroundColor","palette","background","paper","danger","color","success","TagGroupDesc","props","classes","getOne","id","console","log","resp","findOne","SetStateTagGroup","data","SetStateTagGroupTags","tags","float","StateTagGroup","TagGroup","TagGroupName","TagTableName","TagGroupServer","Description","Status","mapStateToProps","state","state_tag_group","auth","mapDispatchToProps","dispatch","p"],"mappings":"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","sourcesContent":["import {\r\n  Box,\r\n  makeStyles,\r\n  List,\r\n  ListItem,\r\n  ListItemIcon,\r\n  ListItemText,\r\n  Chip,\r\n  Typography,\r\n} from \"@material-ui/core\";\r\nimport {  useEffect } from \"react\";\r\nimport TagGroupServices from \"./TagGroupServicesClass\";\r\n\r\nimport {setTagGroup,setTagGroupTags} from '../../../redux/TagGroups/tagGroups.action';\r\nimport { connect } from \"react-redux\";\r\n\r\nconst TagGroupServ = new TagGroupServices();\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 TagGroupDesc(props) {\r\n  const classes = useStyles();\r\n \r\n \r\n  useEffect(() => {\r\n      \r\n    getOne(props.id);\r\n    console.log(props);\r\n    \r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  async function getOne(id) {\r\n    const resp = await TagGroupServ.findOne(id);\r\n    props.SetStateTagGroup(resp.data);\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\">Group Details</Typography>\r\n      <div className={classes.root}>\r\n        <List component=\"nav\" aria-label=\"main mailbox folders\">\r\n          <ListItem button>\r\n            <ListItemIcon style={{ width: \"35%\" }}>\r\n              <ListItemText primary=\"Group Name\" />\r\n            </ListItemIcon>\r\n            <ListItemText\r\n              style={{ float: \"right\" }}\r\n              primary={\" : \" + props.StateTagGroup.TagGroup.TagGroupName}\r\n            />\r\n          </ListItem>\r\n          <ListItem button>\r\n            <ListItemIcon style={{ width: \"35%\" }}>\r\n              <ListItemText primary=\"Table Name\" />\r\n            </ListItemIcon>\r\n            <ListItemText\r\n              style={{ float: \"right\" }}\r\n              primary={\" : \" + props.StateTagGroup.TagGroup.TagTableName}\r\n            />\r\n          </ListItem>\r\n          <ListItem button>\r\n            <ListItemIcon style={{ width: \"35%\" }}>\r\n              <ListItemText primary=\"Server\" />\r\n            </ListItemIcon>\r\n            <ListItemText\r\n              style={{ float: \"right\" }}\r\n              primary={\" : \" + props.StateTagGroup.TagGroup.TagGroupServer}\r\n            />\r\n          </ListItem>\r\n          <ListItem button>\r\n            <ListItemIcon style={{ width: \"35%\" }}>\r\n              <ListItemText primary=\"Description \" />\r\n            </ListItemIcon>\r\n            <ListItemText\r\n              style={{ float: \"right\" }}\r\n              primary={\" : \" + props.StateTagGroup.TagGroup.Description}\r\n            />\r\n          </ListItem>\r\n          <ListItem button>\r\n            <ListItemIcon style={{ width: \"35%\" }}>\r\n              <ListItemText primary=\"Status \" />\r\n            </ListItemIcon>\r\n            :&nbsp;\r\n            {props.StateTagGroup.TagGroup.Status ? (\r\n              <Chip label={\"ON\"} className={classes.success} />\r\n            ) : (\r\n              <Chip label={\"OFF\"} className={classes.danger} />\r\n            )}\r\n          </ListItem>\r\n        </List>\r\n      </div>\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    auth: state.auth,\r\n  };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch ) => {\r\n  return {\r\n    SetStateTagGroup: (p) => dispatch(setTagGroup(p)),\r\n    SetStateTagGroupTags: (p) => dispatch(setTagGroupTags(p)),\r\n  };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TagGroupDesc);"]},"metadata":{},"sourceType":"module"}