{"ast":null,"code":"var _jsxFileName = \"C:\\\\laragon\\\\www\\\\itokin\\\\DriverOPCDA\\\\frontend\\\\src\\\\components\\\\pages\\\\OpcRealtime\\\\OpcRealtimeListGroup.jsx\",\n    _s = $RefreshSig$();\n\nimport Grid from \"@material-ui/core/Grid\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport { CardHeader, Box, List, ListItem, ListItemIcon, ListItemText } from \"@material-ui/core\";\nimport { useEffect, useState } from \"react\";\nimport TagGroupServices from \"../TagGroups/TagGroupServicesClass\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport OpcRealtimeValues from \"./OpcRealtimeValues\";\nimport { connect } from \"react-redux\";\nimport { setSelectedRealtime, setRealtime } from '../../../redux/Realtime/realtime.actions';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst TagGroupServ = new TagGroupServices();\nconst useStyles = makeStyles(theme => ({\n  root: {\n    minWidth: 275\n  },\n  bullet: {\n    display: \"inline-block\",\n    margin: \"0 2px\",\n    transform: \"scale(0.8)\"\n  },\n  title: {\n    fontSize: 14\n  },\n  pos: {\n    marginBottom: 12\n  },\n  header: {\n    background: \"#F6F6F6\"\n  }\n}));\n\nfunction OpcRealtimeListGroup(props) {\n  _s();\n\n  const [TagGroups, setTagGroups] = useState([]);\n  const [TagGroupSelected, setTagGroupSelected] = useState(1);\n  const classes = useStyles();\n  useEffect(() => {\n    getTagGroups();\n  }, []);\n\n  async function getTagGroups() {\n    const resp = await TagGroupServ.getAll();\n    setTagGroups(resp.data);\n    props.setRealtimeSelected(resp.data[0]);\n    setTagGroupSelected(resp.data[0].id);\n  }\n\n  async function tgSelected(id) {\n    props.setRealtimeSelected(id);\n    props.setRealtime([]);\n  }\n\n  return /*#__PURE__*/_jsxDEV(Grid, {\n    container: true,\n    spacing: 1,\n    children: [/*#__PURE__*/_jsxDEV(Grid, {\n      item: true,\n      xl: 3,\n      lg: 3,\n      xs: 12,\n      children: /*#__PURE__*/_jsxDEV(Box, {\n        borderRadius: 4,\n        children: /*#__PURE__*/_jsxDEV(Card, {\n          className: classes.root,\n          style: {\n            borderRadius: \"20px\"\n          },\n          children: [/*#__PURE__*/_jsxDEV(CardHeader, {\n            className: classes.header,\n            component: \"div\",\n            title: \"Group List\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 66,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(CardContent, {\n            children: /*#__PURE__*/_jsxDEV(Box, {\n              width: \"100%\",\n              children: /*#__PURE__*/_jsxDEV(List, {\n                component: \"nav\",\n                \"aria-label\": \"\",\n                children: TagGroups.map((TagGroup, i) => /*#__PURE__*/_jsxDEV(ListItem, {\n                  button: true,\n                  onClick: e => {\n                    tgSelected(TagGroup);\n                  },\n                  children: [/*#__PURE__*/_jsxDEV(ListItemIcon, {\n                    children: /*#__PURE__*/_jsxDEV(ListItemText, {\n                      primary: i + 1 + \". \" + TagGroup.TagGroupName\n                    }, void 0, false, {\n                      fileName: _jsxFileName,\n                      lineNumber: 83,\n                      columnNumber: 25\n                    }, this)\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 82,\n                    columnNumber: 23\n                  }, this), /*#__PURE__*/_jsxDEV(ListItemText, {\n                    primary: \"\",\n                    style: {\n                      float: \"right\"\n                    }\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 87,\n                    columnNumber: 23\n                  }, this)]\n                }, i, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 75,\n                  columnNumber: 21\n                }, this))\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 73,\n                columnNumber: 17\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 72,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 71,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 65,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(Grid, {\n      item: true,\n      xl: 12,\n      lg: 12,\n      xs: 12,\n      children: /*#__PURE__*/_jsxDEV(Box, {\n        borderRadius: 4,\n        children: /*#__PURE__*/_jsxDEV(Card, {\n          className: classes.root,\n          style: {\n            borderRadius: \"20px\"\n          },\n          children: /*#__PURE__*/_jsxDEV(CardContent, {\n            children: /*#__PURE__*/_jsxDEV(Box, {\n              width: \"100%\",\n              children: /*#__PURE__*/_jsxDEV(OpcRealtimeValues, {\n                id: TagGroupSelected\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 106,\n                columnNumber: 17\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 105,\n              columnNumber: 15\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 104,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 98,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 97,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 96,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 62,\n    columnNumber: 5\n  }, this);\n}\n\n_s(OpcRealtimeListGroup, \"okUAZDRbmJ0Jmxf/6b/mGSHTlL0=\", false, function () {\n  return [useStyles];\n});\n\n_c = OpcRealtimeListGroup;\n\nconst mapDispatchToProps = dispatch => {\n  return {\n    setRealtime: p => dispatch(setRealtime(p)),\n    setRealtimeSelected: p => dispatch(setSelectedRealtime(p))\n  };\n};\n\nexport default connect(null, mapDispatchToProps)(OpcRealtimeListGroup);\n\nvar _c;\n\n$RefreshReg$(_c, \"OpcRealtimeListGroup\");","map":{"version":3,"sources":["C:/laragon/www/itokin/DriverOPCDA/frontend/src/components/pages/OpcRealtime/OpcRealtimeListGroup.jsx"],"names":["Grid","Card","CardContent","CardHeader","Box","List","ListItem","ListItemIcon","ListItemText","useEffect","useState","TagGroupServices","makeStyles","OpcRealtimeValues","connect","setSelectedRealtime","setRealtime","TagGroupServ","useStyles","theme","root","minWidth","bullet","display","margin","transform","title","fontSize","pos","marginBottom","header","background","OpcRealtimeListGroup","props","TagGroups","setTagGroups","TagGroupSelected","setTagGroupSelected","classes","getTagGroups","resp","getAll","data","setRealtimeSelected","id","tgSelected","borderRadius","map","TagGroup","i","e","TagGroupName","float","mapDispatchToProps","dispatch","p"],"mappings":"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","sourcesContent":["import Grid from \"@material-ui/core/Grid\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport {\r\n  CardHeader,\r\n  Box,\r\n  List,\r\n  ListItem,\r\n  ListItemIcon,\r\n  ListItemText,\r\n} from \"@material-ui/core\";\r\n\r\nimport { useEffect, useState } from \"react\";\r\nimport TagGroupServices from \"../TagGroups/TagGroupServicesClass\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport OpcRealtimeValues from \"./OpcRealtimeValues\";\r\nimport { connect } from \"react-redux\";\r\nimport {setSelectedRealtime,setRealtime} from '../../../redux/Realtime/realtime.actions'\r\nconst TagGroupServ = new TagGroupServices();\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    minWidth: 275,\r\n  },\r\n  bullet: {\r\n    display: \"inline-block\",\r\n    margin: \"0 2px\",\r\n    transform: \"scale(0.8)\",\r\n  },\r\n  title: {\r\n    fontSize: 14,\r\n  },\r\n  pos: {\r\n    marginBottom: 12,\r\n  },\r\n  header: {\r\n    background: \"#F6F6F6\",\r\n  },\r\n}));\r\n\r\nfunction OpcRealtimeListGroup(props) {\r\n  const [TagGroups, setTagGroups] = useState([]);\r\n  const [TagGroupSelected, setTagGroupSelected] = useState(1);\r\n  const classes = useStyles();\r\n  useEffect(() => {\r\n    getTagGroups();\r\n  }, []);\r\n\r\n  async function getTagGroups() {\r\n    const resp = await TagGroupServ.getAll();\r\n    setTagGroups(resp.data);\r\n    props.setRealtimeSelected(resp.data[0]);\r\n    setTagGroupSelected(resp.data[0].id);\r\n  }\r\n\r\n  async function tgSelected(id) {\r\n    props.setRealtimeSelected(id);\r\n    props.setRealtime([]);\r\n  }\r\n\r\n  return (\r\n    <Grid container spacing={1}>\r\n      <Grid item xl={3} lg={3} xs={12}>\r\n        <Box borderRadius={4}>\r\n          <Card className={classes.root} style={{ borderRadius: \"20px\" }}>\r\n            <CardHeader\r\n              className={classes.header}\r\n              component=\"div\"\r\n              title={\"Group List\"}\r\n            ></CardHeader>\r\n            <CardContent>\r\n              <Box width={\"100%\"}>\r\n                <List component=\"nav\" aria-label=\"\">\r\n                  {TagGroups.map((TagGroup, i) => (\r\n                    <ListItem\r\n                      button\r\n                      key={i}\r\n                      onClick={(e) => {\r\n                        tgSelected(TagGroup);\r\n                      }}\r\n                    >\r\n                      <ListItemIcon>\r\n                        <ListItemText\r\n                          primary={i + 1 + \". \" + TagGroup.TagGroupName}\r\n                        />\r\n                      </ListItemIcon>\r\n                      <ListItemText primary=\"\" style={{ float: \"right\" }} />\r\n                    </ListItem>\r\n                  ))}\r\n                </List>\r\n              </Box>\r\n            </CardContent>\r\n          </Card>\r\n        </Box>\r\n      </Grid>\r\n      <Grid item xl={12} lg={12} xs={12}>\r\n        <Box borderRadius={4}>\r\n          <Card className={classes.root} style={{ borderRadius: \"20px\" }}>\r\n            {/* <CardHeader\r\n              className={classes.header}\r\n              component=\"div\"\r\n              title={\"Value\"}\r\n            ></CardHeader> */}\r\n            <CardContent>\r\n              <Box width={\"100%\"}>\r\n                <OpcRealtimeValues id={TagGroupSelected}></OpcRealtimeValues>\r\n              </Box>\r\n            </CardContent>\r\n          </Card>\r\n        </Box>\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n}\r\n\r\nconst mapDispatchToProps = dispatch =>{\r\n    return {\r\n      setRealtime: (p) => dispatch(setRealtime(p)),\r\n      setRealtimeSelected: (p) => dispatch(setSelectedRealtime(p)),\r\n    };\r\n}\r\n\r\nexport default connect(null, mapDispatchToProps)(OpcRealtimeListGroup);"]},"metadata":{},"sourceType":"module"}