{"ast":null,"code":"var _jsxFileName = \"C:\\\\laragon\\\\www\\\\iot.mksolusi\\\\DriverOPCDA\\\\frontend\\\\src\\\\components\\\\pages\\\\OpcRealtime.jsx\";\nimport React from \"react\";\nimport Container from \"@material-ui/core/Container\";\nimport Box from \"@material-ui/core/Box\";\nimport BreadCrumb from \"../layouts/Breadcrumb\";\nimport OpcRealtimeListGroup from \"./OpcRealtime/OpcRealtimeListGroup\";\nimport socketIOClient from \"socket.io-client\";\nimport { setRealtime } from \"../../redux/Realtime/realtime.actions\";\nimport { connect } from \"react-redux\";\nimport { gridColumnLookupSelector } from \"@material-ui/data-grid\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst ENDPOINT = process.env.REACT_APP_BASE_URL;\nvar socket = {};\n\nclass OpcRealtime extends React.Component {\n  constructor(props) {\n    super(props);\n    this.pageTitle = \"OPC Realtime\";\n    this.links = [{\n      link: \"/Realtime\",\n      text: this.pageTitle\n    }];\n    this.state = {\n      values: []\n    };\n  }\n\n  componentDidMount() {\n    document.title = process.env.REACT_APP_APP_NAME + \" - \" + this.pageTitle;\n    socket = socketIOClient(ENDPOINT); // socket.emit('toServerFromFrontendRealtime',{'sd':'  '})\n    // socket.on(\"toClientRealtimeValuesResult\", (data) => {\n    //   if (this.props.realtimeSelected.id === data.TagGroupId) {\n    //     this.props.setRealtimeValues(data.values);\n    //   }\n    //   setTimeout(() => {\n    //     socket.emit(\"toServerFromFrontendRealtime\", data);\n    //   }, 1000);\n    // });\n\n    socket.on(\"toClientRealtimeValuesResult\", data => {\n      data = JSON.parse(data);\n\n      if (this.props.realtimeSelected.id === data.TagGroupId) {\n        this.props.setRealtimeValues(data.values);\n      }\n    });\n  }\n\n  componentWillUnmount() {\n    socket.removeAllListeners(\"toClientRealtimeValuesResult\");\n    socket.removeAllListeners(\"connect\");\n    socket.disconnect();\n  }\n\n  render() {\n    const links = this.links;\n    return /*#__PURE__*/_jsxDEV(\"main\", {\n      className: this.props.content,\n      children: /*#__PURE__*/_jsxDEV(Container, {\n        maxWidth: \"xl\",\n        children: [/*#__PURE__*/_jsxDEV(BreadCrumb, {\n          links: links\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(Box // boxShadow={1}\n        , {\n          mt: 3 // p={3}\n          // style={{ background: \"white\" }}\n          ,\n          width: \"100%\",\n          children: /*#__PURE__*/_jsxDEV(OpcRealtimeListGroup, {}, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 80,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 7\n    }, this);\n  }\n\n}\n\nconst mapStateToProps = state => {\n  return {\n    realtimeValues: state.state_realtime_values.values,\n    realtimeSelected: state.state_realtime_values.selected\n  };\n};\n\nconst mapDispatchToProps = dispatch => {\n  return {\n    setRealtimeValues: p => dispatch(setRealtime(p))\n  };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(OpcRealtime);","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/components/pages/OpcRealtime.jsx"],"names":["React","Container","Box","BreadCrumb","OpcRealtimeListGroup","socketIOClient","setRealtime","connect","gridColumnLookupSelector","ENDPOINT","process","env","REACT_APP_BASE_URL","socket","OpcRealtime","Component","constructor","props","pageTitle","links","link","text","state","values","componentDidMount","document","title","REACT_APP_APP_NAME","on","data","JSON","parse","realtimeSelected","id","TagGroupId","setRealtimeValues","componentWillUnmount","removeAllListeners","disconnect","render","content","mapStateToProps","realtimeValues","state_realtime_values","selected","mapDispatchToProps","dispatch","p"],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Box from \"@material-ui/core/Box\";\r\n\r\nimport BreadCrumb from \"../layouts/Breadcrumb\";\r\n\r\nimport OpcRealtimeListGroup from \"./OpcRealtime/OpcRealtimeListGroup\";\r\nimport socketIOClient from \"socket.io-client\";\r\nimport { setRealtime } from \"../../redux/Realtime/realtime.actions\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { gridColumnLookupSelector } from \"@material-ui/data-grid\";\r\n\r\nconst ENDPOINT = process.env.REACT_APP_BASE_URL;\r\nvar socket = {}\r\nclass OpcRealtime extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.pageTitle = \"OPC Realtime\";\r\n    this.links = [\r\n      {\r\n        link: \"/Realtime\",\r\n        text: this.pageTitle,\r\n      },\r\n    ];\r\n    this.state ={\r\n        values : []\r\n    }\r\n  }\r\n\r\n  componentDidMount() {\r\n    document.title = process.env.REACT_APP_APP_NAME + \" - \" + this.pageTitle;\r\n    socket = socketIOClient(ENDPOINT);\r\n\r\n    // socket.emit('toServerFromFrontendRealtime',{'sd':'  '})\r\n    // socket.on(\"toClientRealtimeValuesResult\", (data) => {\r\n    //   if (this.props.realtimeSelected.id === data.TagGroupId) {\r\n    //     this.props.setRealtimeValues(data.values);\r\n    //   }\r\n    //   setTimeout(() => {\r\n    //     socket.emit(\"toServerFromFrontendRealtime\", data);\r\n    //   }, 1000);\r\n    // });\r\n    socket.on(\"toClientRealtimeValuesResult\", (data) => {\r\n      data = JSON.parse(data);\r\n      if (this.props.realtimeSelected.id === data.TagGroupId) {\r\n        this.props.setRealtimeValues(data.values);\r\n      }\r\n    });\r\n\r\n\r\n   \r\n    \r\n   \r\n  }\r\n  componentWillUnmount(){\r\n    socket.removeAllListeners(\"toClientRealtimeValuesResult\");\r\n    socket.removeAllListeners(\"connect\");\r\n    socket.disconnect();\r\n  }\r\n  render() {\r\n    const links = this.links;\r\n\r\n    return (\r\n      <main className={this.props.content}>\r\n        <Container maxWidth={\"xl\"}>\r\n          <BreadCrumb links={links} />\r\n          <Box\r\n            // boxShadow={1}\r\n            mt={3}\r\n            // p={3}\r\n            // style={{ background: \"white\" }}\r\n            width=\"100%\"\r\n          >\r\n            {/* <Box>\r\n              <PageTitle pageTitle={pageTitle} />\r\n            </Box> */}\r\n\r\n            {/* CONTENT */}\r\n            <OpcRealtimeListGroup\r\n            ></OpcRealtimeListGroup>\r\n          </Box>\r\n        </Container>\r\n      </main>\r\n    );\r\n  }\r\n}\r\n\r\nconst mapStateToProps = (state)=>{\r\n    return {\r\n      realtimeValues: state.state_realtime_values.values,\r\n      realtimeSelected: state.state_realtime_values.selected,\r\n    };\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) =>{\r\n    return {\r\n        setRealtimeValues : (p) => dispatch(setRealtime(p))\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OpcRealtime);"]},"metadata":{},"sourceType":"module"}