{"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 _slicedToArray from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";import Grid from\"@material-ui/core/Grid\";import Card from\"@material-ui/core/Card\";import CardContent from\"@material-ui/core/CardContent\";import{CardHeader,Box,List,ListItem,ListItemIcon,ListItemText}from\"@material-ui/core\";import{useEffect,useState}from\"react\";import TagGroupServices from\"../TagGroups/TagGroupServicesClass\";import{makeStyles}from\"@material-ui/core/styles\";import OpcRealtimeValues from\"./OpcRealtimeValues\";import{connect}from\"react-redux\";import{setSelectedRealtime,setRealtime as _setRealtime}from'../../../redux/Realtime/realtime.actions';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:{minWidth:275},bullet:{display:\"inline-block\",margin:\"0 2px\",transform:\"scale(0.8)\"},title:{fontSize:14},pos:{marginBottom:12},header:{background:\"#F6F6F6\"}};});function OpcRealtimeListGroup(props){var _useState=useState([]),_useState2=_slicedToArray(_useState,2),TagGroups=_useState2[0],setTagGroups=_useState2[1];var _useState3=useState(1),_useState4=_slicedToArray(_useState3,2),TagGroupSelected=_useState4[0],setTagGroupSelected=_useState4[1];var classes=useStyles();useEffect(function(){getTagGroups();},[]);function getTagGroups(){return _getTagGroups.apply(this,arguments);}function _getTagGroups(){_getTagGroups=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var resp;return _regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return TagGroupServ.getAll();case 2:resp=_context.sent;setTagGroups(resp.data);props.setRealtimeSelected(resp.data[0]);setTagGroupSelected(resp.data[0].id);case 6:case\"end\":return _context.stop();}}},_callee);}));return _getTagGroups.apply(this,arguments);}function tgSelected(_x){return _tgSelected.apply(this,arguments);}function _tgSelected(){_tgSelected=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id){return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:props.setRealtimeSelected(id);props.setRealtime([]);case 2:case\"end\":return _context2.stop();}}},_callee2);}));return _tgSelected.apply(this,arguments);}return/*#__PURE__*/_jsxs(Grid,{container:true,spacing:1,children:[/*#__PURE__*/_jsx(Grid,{item:true,xl:3,lg:3,xs:12,children:/*#__PURE__*/_jsx(Box,{borderRadius:4,children:/*#__PURE__*/_jsxs(Card,{className:classes.root,style:{borderRadius:\"20px\"},children:[/*#__PURE__*/_jsx(CardHeader,{className:classes.header,component:\"div\",title:\"Group List\"}),/*#__PURE__*/_jsx(CardContent,{children:/*#__PURE__*/_jsx(Box,{width:\"100%\",children:/*#__PURE__*/_jsx(List,{component:\"nav\",\"aria-label\":\"\",children:TagGroups.map(function(TagGroup,i){return/*#__PURE__*/_jsxs(ListItem,{button:true,onClick:function onClick(e){tgSelected(TagGroup);},children:[/*#__PURE__*/_jsx(ListItemIcon,{children:/*#__PURE__*/_jsx(ListItemText,{primary:i+1+\". \"+TagGroup.TagGroupName})}),/*#__PURE__*/_jsx(ListItemText,{primary:\"\",style:{float:\"right\"}})]},i);})})})})]})})}),/*#__PURE__*/_jsx(Grid,{item:true,xl:12,lg:12,xs:12,children:/*#__PURE__*/_jsx(Box,{borderRadius:4,children:/*#__PURE__*/_jsx(Card,{className:classes.root,style:{borderRadius:\"20px\"},children:/*#__PURE__*/_jsx(CardContent,{children:/*#__PURE__*/_jsx(Box,{width:\"100%\",children:/*#__PURE__*/_jsx(OpcRealtimeValues,{id:TagGroupSelected})})})})})})]});}var mapDispatchToProps=function mapDispatchToProps(dispatch){return{setRealtime:function setRealtime(p){return dispatch(_setRealtime(p));},setRealtimeSelected:function setRealtimeSelected(p){return dispatch(setSelectedRealtime(p));}};};export default connect(null,mapDispatchToProps)(OpcRealtimeListGroup);","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/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","getAll","resp","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"}