{"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,List,ListItem,ListItemIcon,ListItemText,Chip,Typography}from\"@material-ui/core\";import{useEffect}from\"react\";import TagGroupServices from\"./TagGroupServicesClass\";import{setTagGroup,setTagGroupTags}from'../../../redux/TagGroups/tagGroups.action';import{connect}from\"react-redux\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var TagGroupServ=new TagGroupServices();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 TagGroupDesc(props){var classes=useStyles();useEffect(function(){getOne(props.id);console.log(props);// eslint-disable-next-line react-hooks/exhaustive-deps\n},[]);function getOne(_x){return _getOne.apply(this,arguments);}function _getOne(){_getOne=_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 TagGroupServ.findOne(id);case 2:resp=_context.sent;props.SetStateTagGroup(resp.data);props.SetStateTagGroupTags(resp.data.tags);console.log(\"GET ONE CALLED\");case 6:case\"end\":return _context.stop();}}},_callee);}));return _getOne.apply(this,arguments);}return/*#__PURE__*/_jsxs(Box,{boxShadow:3,p:2,style:{background:\"#ffffff\"},children:[/*#__PURE__*/_jsx(Typography,{variant:\"h5\",children:\"Group Details\"}),/*#__PURE__*/_jsx(\"div\",{className:classes.root,children:/*#__PURE__*/_jsxs(List,{component:\"nav\",\"aria-label\":\"main mailbox folders\",children:[/*#__PURE__*/_jsxs(ListItem,{button:true,children:[/*#__PURE__*/_jsx(ListItemIcon,{style:{width:\"35%\"},children:/*#__PURE__*/_jsx(ListItemText,{primary:\"Group Name\"})}),/*#__PURE__*/_jsx(ListItemText,{style:{float:\"right\"},primary:\" : \"+props.StateTagGroup.TagGroup.TagGroupName})]}),/*#__PURE__*/_jsxs(ListItem,{button:true,children:[/*#__PURE__*/_jsx(ListItemIcon,{style:{width:\"35%\"},children:/*#__PURE__*/_jsx(ListItemText,{primary:\"Table Name\"})}),/*#__PURE__*/_jsx(ListItemText,{style:{float:\"right\"},primary:\" : \"+props.StateTagGroup.TagGroup.TagTableName})]}),/*#__PURE__*/_jsxs(ListItem,{button:true,children:[/*#__PURE__*/_jsx(ListItemIcon,{style:{width:\"35%\"},children:/*#__PURE__*/_jsx(ListItemText,{primary:\"Server\"})}),/*#__PURE__*/_jsx(ListItemText,{style:{float:\"right\"},primary:\" : \"+props.StateTagGroup.TagGroup.TagGroupServer})]}),/*#__PURE__*/_jsxs(ListItem,{button:true,children:[/*#__PURE__*/_jsx(ListItemIcon,{style:{width:\"35%\"},children:/*#__PURE__*/_jsx(ListItemText,{primary:\"Description \"})}),/*#__PURE__*/_jsx(ListItemText,{style:{float:\"right\"},primary:\" : \"+props.StateTagGroup.TagGroup.Description})]}),/*#__PURE__*/_jsxs(ListItem,{button:true,children:[/*#__PURE__*/_jsx(ListItemIcon,{style:{width:\"35%\"},children:/*#__PURE__*/_jsx(ListItemText,{primary:\"Status \"})}),\":\\xA0\",props.StateTagGroup.TagGroup.Status?/*#__PURE__*/_jsx(Chip,{label:\"ON\",className:classes.success}):/*#__PURE__*/_jsx(Chip,{label:\"OFF\",className:classes.danger})]})]})})]});}var mapStateToProps=function mapStateToProps(state){return{StateTagGroup:state.state_tag_group,auth:state.auth};};var mapDispatchToProps=function mapDispatchToProps(dispatch){return{SetStateTagGroup:function SetStateTagGroup(p){return dispatch(setTagGroup(p));},SetStateTagGroupTags:function SetStateTagGroupTags(p){return dispatch(setTagGroupTags(p));}};};export default connect(mapStateToProps,mapDispatchToProps)(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","findOne","resp","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"}