{"ast":null,"code":"import _classCallCheck from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";import _createClass from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";import _inherits from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";import _createSuper from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createSuper\";import React from\"react\";import Container from\"@material-ui/core/Container\";import Box from\"@material-ui/core/Box\";import BreadCrumb from\"../layouts/Breadcrumb\";import OpcRealtimeListGroup from\"./OpcRealtime/OpcRealtimeListGroup\";import socketIOClient from\"socket.io-client\";import{setRealtime}from\"../../redux/Realtime/realtime.actions\";import{connect}from\"react-redux\";import{gridColumnLookupSelector}from\"@material-ui/data-grid\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var ENDPOINT=process.env.REACT_APP_BASE_URL;var socket={};var OpcRealtime=/*#__PURE__*/function(_React$Component){_inherits(OpcRealtime,_React$Component);var _super=_createSuper(OpcRealtime);function OpcRealtime(props){var _this;_classCallCheck(this,OpcRealtime);_this=_super.call(this,props);_this.pageTitle=\"OPC Realtime\";_this.links=[{link:\"/Realtime\",text:_this.pageTitle}];_this.state={values:[]};return _this;}_createClass(OpcRealtime,[{key:\"componentDidMount\",value:function componentDidMount(){var _this2=this;document.title=process.env.REACT_APP_APP_NAME+\" - \"+this.pageTitle;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// });\nsocket.on(\"toClientRealtimeValuesResult\",function(data){data=JSON.parse(data);if(_this2.props.realtimeSelected.id===data.TagGroupId){_this2.props.setRealtimeValues(data.values);}});}},{key:\"componentWillUnmount\",value:function componentWillUnmount(){socket.removeAllListeners(\"toClientRealtimeValuesResult\");socket.removeAllListeners(\"connect\");socket.disconnect();}},{key:\"render\",value:function render(){var links=this.links;return/*#__PURE__*/_jsx(\"main\",{className:this.props.content,children:/*#__PURE__*/_jsxs(Container,{maxWidth:\"xl\",children:[/*#__PURE__*/_jsx(BreadCrumb,{links:links}),/*#__PURE__*/_jsx(Box// boxShadow={1}\n,{mt:3// p={3}\n// style={{ background: \"white\" }}\n,width:\"100%\",children:/*#__PURE__*/_jsx(OpcRealtimeListGroup,{})})]})});}}]);return OpcRealtime;}(React.Component);var mapStateToProps=function mapStateToProps(state){return{realtimeValues:state.state_realtime_values.values,realtimeSelected:state.state_realtime_values.selected};};var mapDispatchToProps=function mapDispatchToProps(dispatch){return{setRealtimeValues:function setRealtimeValues(p){return dispatch(setRealtime(p));}};};export 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","props","pageTitle","links","link","text","state","values","document","title","REACT_APP_APP_NAME","on","data","JSON","parse","realtimeSelected","id","TagGroupId","setRealtimeValues","removeAllListeners","disconnect","content","Component","mapStateToProps","realtimeValues","state_realtime_values","selected","mapDispatchToProps","dispatch","p"],"mappings":"4oBAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,MAAOC,CAAAA,SAAP,KAAsB,6BAAtB,CACA,MAAOC,CAAAA,GAAP,KAAgB,uBAAhB,CAEA,MAAOC,CAAAA,UAAP,KAAuB,uBAAvB,CAEA,MAAOC,CAAAA,oBAAP,KAAiC,oCAAjC,CACA,MAAOC,CAAAA,cAAP,KAA2B,kBAA3B,CACA,OAASC,WAAT,KAA4B,uCAA5B,CAEA,OAASC,OAAT,KAAwB,aAAxB,CACA,OAASC,wBAAT,KAAyC,wBAAzC,C,wFAEA,GAAMC,CAAAA,QAAQ,CAAGC,OAAO,CAACC,GAAR,CAAYC,kBAA7B,CACA,GAAIC,CAAAA,MAAM,CAAG,EAAb,C,GACMC,CAAAA,W,sHACJ,qBAAYC,KAAZ,CAAmB,6CACjB,uBAAMA,KAAN,EACA,MAAKC,SAAL,CAAiB,cAAjB,CACA,MAAKC,KAAL,CAAa,CACX,CACEC,IAAI,CAAE,WADR,CAEEC,IAAI,CAAE,MAAKH,SAFb,CADW,CAAb,CAMA,MAAKI,KAAL,CAAY,CACRC,MAAM,CAAG,EADD,CAAZ,CATiB,aAYlB,C,yDAED,4BAAoB,iBAClBC,QAAQ,CAACC,KAAT,CAAiBb,OAAO,CAACC,GAAR,CAAYa,kBAAZ,CAAiC,KAAjC,CAAyC,KAAKR,SAA/D,CACAH,MAAM,CAAGR,cAAc,CAACI,QAAD,CAAvB,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAI,MAAM,CAACY,EAAP,CAAU,8BAAV,CAA0C,SAACC,IAAD,CAAU,CAClDA,IAAI,CAAGC,IAAI,CAACC,KAAL,CAAWF,IAAX,CAAP,CACA,GAAI,MAAI,CAACX,KAAL,CAAWc,gBAAX,CAA4BC,EAA5B,GAAmCJ,IAAI,CAACK,UAA5C,CAAwD,CACtD,MAAI,CAAChB,KAAL,CAAWiB,iBAAX,CAA6BN,IAAI,CAACL,MAAlC,EACD,CACF,CALD,EAWD,C,oCACD,+BAAsB,CACpBR,MAAM,CAACoB,kBAAP,CAA0B,8BAA1B,EACApB,MAAM,CAACoB,kBAAP,CAA0B,SAA1B,EACApB,MAAM,CAACqB,UAAP,GACD,C,sBACD,iBAAS,CACP,GAAMjB,CAAAA,KAAK,CAAG,KAAKA,KAAnB,CAEA,mBACE,aAAM,SAAS,CAAE,KAAKF,KAAL,CAAWoB,OAA5B,uBACE,MAAC,SAAD,EAAW,QAAQ,CAAE,IAArB,wBACE,KAAC,UAAD,EAAY,KAAK,CAAElB,KAAnB,EADF,cAEE,KAAC,GACC;AADF,EAEE,EAAE,CAAE,CACJ;AACA;AAJF,CAKE,KAAK,CAAC,MALR,uBAYE,KAAC,oBAAD,IAZF,EAFF,GADF,EADF,CAsBD,C,yBAtEuBjB,KAAK,CAACoC,S,EAyEhC,GAAMC,CAAAA,eAAe,CAAG,QAAlBA,CAAAA,eAAkB,CAACjB,KAAD,CAAS,CAC7B,MAAO,CACLkB,cAAc,CAAElB,KAAK,CAACmB,qBAAN,CAA4BlB,MADvC,CAELQ,gBAAgB,CAAET,KAAK,CAACmB,qBAAN,CAA4BC,QAFzC,CAAP,CAIH,CALD,CAOA,GAAMC,CAAAA,kBAAkB,CAAG,QAArBA,CAAAA,kBAAqB,CAACC,QAAD,CAAa,CACpC,MAAO,CACHV,iBAAiB,CAAG,2BAACW,CAAD,QAAOD,CAAAA,QAAQ,CAACpC,WAAW,CAACqC,CAAD,CAAZ,CAAf,EADjB,CAAP,CAGH,CAJD,CAMA,cAAepC,CAAAA,OAAO,CAAC8B,eAAD,CAAkBI,kBAAlB,CAAP,CAA6C3B,WAA7C,CAAf","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"}