*/}\r\n {/* New User */}\r\n New {textDisplay[0]} \r\n \r\n \r\n Full Name */}\r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n \r\n \r\n {languages.map((language, index) =>\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n \r\n\r\n {this.userObj.companyCode &&\r\n this.props.countryList &&\r\n this.props.countryList.map((option, index) => {\r\n // if (option.value != \"USA\") {\r\n return (\r\n \r\n );\r\n // }\r\n })}\r\n \r\n \r\n \r\n {/* */}\r\n {this.userObj.companyCode &&\r\n this.state.statesList &&\r\n this.state.statesList.map((option, index) => {\r\n // if (\r\n // this.userObj.companyCode &&\r\n // this.userObj.companyCode !== \"TEISA\"\r\n // ) {\r\n return (\r\n \r\n );\r\n // }\r\n // if (\r\n // this.userObj.companyCode &&\r\n // this.userObj.companyCode == \"TEISA\"\r\n // ) {\r\n // return (\r\n // \r\n // );\r\n // }\r\n })}\r\n \r\n \r\n
\r\n \r\n
\r\n {/*
*/}\r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n )}\r\n {this.userObj.companyCode &&\r\n this.userObj.companyCode !== \"TEISA\" && (\r\n \r\n Submit\r\n \r\n )}\r\n \r\n Close\r\n \r\n \r\n
\r\n \r\n \r\n {/*
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\n// export default UserAddModal;\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ createReseller, getCountries, getCarrierList }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientAddModal);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { Col, Card, CardBody } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { toast } from \"react-toastify\";\r\nimport { bindActionCreators } from 'redux';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { disableReseller, getAllResellers, getCountries } from '../../../redux/actions/userAction';\r\nimport { ManageTextButton } from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport ClientAddModal from './ClientAddModal';\r\n\r\nclass ClientList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAdmin: false,\r\n filterStatus: 1\r\n };\r\n this.userObj = getCurrentUser()\r\n\r\n\r\n }\r\n\r\n async componentDidMount() {\r\n await this.props.getCountries();\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n this.setState({\r\n isAdmin: nextProps.isAdmin\r\n })\r\n }\r\n\r\n handleRowEditClick = (row) => {\r\n this.props.handleRowEditClick(row);\r\n }\r\n\r\n nameFormatter = (cell, row) => {\r\n return {cell}\r\n }\r\n\r\n phoneFormatter = (cell, row) => {\r\n // return (`(${cell.slice(0, 3)})-${cell.slice(3, 6)}-${cell.slice(6, 10)} ${(row.phoneExt) ? `Ext.${row.phoneExt}` : \"\"}`)\r\n // return cell ? `(${cell.slice(0, 3)}) ${cell.slice(3, 6)}-${cell.slice(6, 10)} Ext.${(row.phoneExt)} ` : \"\"\r\n return (cell ? `(${cell ? cell.slice(0, 3) : ''}) ${cell ? cell.slice(3, 6) : ''}-${cell ? cell.slice(6, 10) : \"\"} ${(row.phoneExt) ? `Ext.${row.phoneExt}` : \"\"}` : \"\")\r\n }\r\n\r\n tableActionColFormater = (cell, row) => {\r\n return (\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n {/*
*/}\r\n
\r\n { this.handleRowEditClick(row); }} />{' '}\r\n
\r\n )\r\n }\r\n\r\n tableActionColFormaterDelete = (cell, row) => {\r\n\r\n return (\r\n \r\n { this.disableReseller(row); }}\r\n msg={'Do you want to disable the select Client ? '}\r\n />\r\n
\r\n )\r\n }\r\n disableReseller = (row) => {\r\n this.props.disableReseller({ \"companyId\": row.companyId, \"resellerId\": row.id }).then(res => {\r\n if (res.data != null) {\r\n if (res.data.includes(\"error\")) {\r\n toast.error(res.data)\r\n } else {\r\n toast.success(res.data)\r\n this.props.getAllResellers({ \"resellerCode\": row.resellerCode })\r\n\r\n }\r\n }\r\n })\r\n\r\n }\r\n statusFormatter(cell, row) {\r\n if (cell === 1) {\r\n return `Active`\r\n }\r\n else if (cell === 0) {\r\n return `Inactive`\r\n }\r\n else {\r\n return `Error`\r\n }\r\n }\r\n renderPaginationPanel = (props) => {\r\n let dropdown = props.components.sizePerPageDropdown;\r\n let beginning;\r\n let totalData;\r\n beginning = (props.currPage - 1) * dropdown.props.currSizePerPage + 1;\r\n totalData = (parseInt(beginning) + parseInt(dropdown.props.currSizePerPage)) - 1;\r\n\r\n return (\r\n <>\r\n {\r\n (this.props.resellerList.length == 0) ?\r\n <>\r\n \r\n { this.props.onExitClient() }} />{' '}\r\n
\r\n : \r\n null\r\n }\r\n \r\n
\r\n {this.props.selectedRow.resellerName}'s Profile
\r\n{props.children}
\r\n \r\n\r\n
\r\n
\r\n\r\n }\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {/* \r\n } */}\r\n \r\n {this.state.LOBList && this.state.LOBList.map((lobItem, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n
\r\n\r\n :\r\n null\r\n }\r\n {\r\n (this.state.lobId != '' && this.state.countryId != '' && this.state.lobId != null && this.state.countryId != null) ?\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n \r\n {this.state.divisionList && this.state.divisionList.map((divisionItem, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n
\r\n :\r\n null\r\n }\r\n : null}\r\n {this.props.pageContentList.includes(\"SIM Modal PEU\") ?\r\n\r\n <>\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n { this.disableDevice(row); }}\r\n msg={'Do you want to disable the select Device? '}\r\n />\r\n
\r\n )\r\n }\r\n\r\n disableDevice = (row) => {\r\n\r\n const obj = {\r\n id: row.itemId,\r\n customerId: row.customerId,\r\n resellerId: row.resellerId,\r\n deviceName: row.deviceId,\r\n action: \"suspend\"\r\n }\r\n\r\n this.props.ChangeDeviceStatus(obj).then(res => {\r\n if (res && res.status == 200) {\r\n \r\n if (res.data.statusCode == 200) {\r\n toast.success(res.data.message)\r\n return;\r\n }\r\n \r\n toast.error(res.data.message)\r\n }\r\n })\r\n\r\n // console.log(\"deleted\", obj)\r\n }\r\n\r\n render() {\r\n const options = {\r\n // insertBtn: this.props.addNewUserButton,\r\n noDataText: 'No Device Found',\r\n sizePerPageList: [{\r\n text: '10', value: 10\r\n }, {\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n }],\r\n defaultSortName: 'deviceId',\r\n defaultSortOrder: 'asc',\r\n };\r\n\r\n return (\r\n \r\n {this.renderRegisterModal()}\r\n
\r\n \r\n\r\n {/* Device Id, Device Name, Device Type Name, Contract Id, and Group Id, Disable */}\r\n Device ID \r\n Device Name \r\n Device Type Name \r\n Contract ID \r\n Group ID \r\n Disable \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n // const { pageContentList } = state.user\r\n // const props = { pageContentList }\r\n\r\n const {SIMTypeList} = state.inventory\r\n\r\n let props = {SIMTypeList}\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n // getPageContent\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientActiveDevice);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Card, CardBody, Col } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport { EditTextButton } from '../../../shared/components/Button/IconButton';\r\nimport { getPageContent } from '../../../redux/actions/userAction';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nimport ClientActiveSIMModal from './ClientActiveSIMModal';\r\nimport ClientActiveDevice from './ClientActiveDevice';\r\nimport { toast } from 'react-toastify';\r\nclass ClientActiveSIMBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAdmin: false,\r\n showModal: false,\r\n selectedSIM: null\r\n }\r\n this.userObj = getCurrentUser();\r\n }\r\n async componentDidMount() {\r\n this.props.getPageContent({ \"content\": \"Client\" });\r\n\r\n await this.props.getDeviceList({\"customerId\": this.userObj.customerId, \"resellerId\":this.props.selectedRow.id})\r\n // console.log(\"ClientActiveSIMBoard > componentDidMount > this.props.selectedRow: \", this.props.selectedRow, this.userObj)\r\n // console.log(\"ClientActiveSIMBoard > componentDidMount > this.props.SIMTypeList: \", this.props.SIMTypeList)\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n this.setState({\r\n isAdmin: nextProps.isAdmin\r\n })\r\n }\r\n\r\n planFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return `${cell.itemName}`;\r\n }\r\n else {\r\n if (row.status == 2) { //hard code suspended\r\n return suspended;\r\n }\r\n return no plan;\r\n }\r\n }\r\n planPriceFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return '$' + `${cell.unitPrice}`;\r\n }\r\n else {\r\n if (row.status == 2) { //hard code suspended\r\n return suspended;\r\n }\r\n return 0;\r\n }\r\n }\r\n nameFormatter = (cell) => {\r\n if (cell != null) {\r\n return `${cell.businessName}`\r\n }\r\n }\r\n carrierNameFormatter = (cell) => {\r\n if (cell != null) {\r\n return `${cell.carrierName}`\r\n }\r\n }\r\n dateFormatter = (cell, row) => {\r\n if (cell != null) {\r\n var date = new Date(cell)\r\n var str = date.getFullYear() + \"-\" + (date.getMonth() + 1) + \"-\" + date.getDate();\r\n return (`${str}`);\r\n }\r\n }\r\n\r\n csvFormatter = (cell, row) => {\r\n return cell + '\\t';\r\n }\r\n\r\n cellButton = (cell, row, enumObject, index) => {\r\n return (\r\n Active Devices
\r\n\r\n \r\n
\r\n { this.onOpen(row) }} />\r\n
\r\n );\r\n };\r\n onOpen = (sim) => {\r\n this.setState({\r\n showModal: true,\r\n selectedSIM: sim\r\n })\r\n }\r\n onClose = () => {\r\n this.setState({\r\n showModal: false,\r\n selectedSIM: null\r\n })\r\n }\r\n onActivate = (param) => {\r\n this.props.activateMultipleSIM({ \"sims\": param }).then(() => {\r\n this.props.getFullSIMList({ \"companyId\": this.props.selectedRow.companyId, \"resellerId\": this.props.selectedRow.id, \"customerId\": null, \"fullInventory\": \"false\" });\r\n });\r\n this.onClose()\r\n }\r\n\r\n onBeforeSaveCell = (row, cellName, cellValue) => {\r\n if (this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', 'USER', 'CLIENTADMIN', 'CLIENTUSER'])) {\r\n if (cellValue != \"\") {\r\n return true;\r\n }\r\n else {\r\n toast.error(\"name can't be empty\")\r\n return false;\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n onAfterSaveCell = (row, cellName, cellValue) => {\r\n this.props.setSimName({ \"id\": row.inventoryId, \"resellerId\": row.resellerId, \"itemName\": cellValue })\r\n }\r\n\r\n renderPaginationPanel = (props) => {\r\n let dropdown = props.components.sizePerPageDropdown;\r\n let beginning;\r\n let totalData;\r\n beginning = (props.currPage - 1) * dropdown.props.currSizePerPage + 1;\r\n totalData = (parseInt(beginning) + parseInt(dropdown.props.currSizePerPage)) - 1;\r\n return (\r\n <>\r\n {\r\n (this.props.activeSIMList.length == 0) ?\r\n <>\r\n {displayText[0]}
\r\n\r\n\r\n
Suspended Device(s)
}\r\n\r\n {(pageContentList.includes(\"DeviceSimPlanCarrierTable *NO*\")) ? null :
\r\n \r\n
\r\n
\r\n\r\n Name \r\n Identifier Value \r\n Description \r\n ', '<'], placeholder: 'Price' }} caretRender={sortCaret}>Price \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\nexport default SelectCompanyInventory;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Input } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { sortCaret } from '../../../../shared/components/Table/tableElements';\r\n\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\nclass OrderSummary extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n orderSummary: []\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n\r\n priceFormatter = (cell, row) => {\r\n let price = 0;\r\n if (cell >= 0) {\r\n price = parseFloat(cell).toFixed(2);\r\n }\r\n return (\r\n {`$${price}`}\r\n )\r\n }\r\n discountPriceFormatter = (cell, row) => {\r\n let price = 0;\r\n let discountAmt = 0;\r\n if (cell >= 0) {\r\n price = parseFloat(cell).toFixed(2);\r\n if (row.promoteId != null) {\r\n var discount = this.props.discountList.find(discount => discount.promoteId === parseInt(row.promoteId));\r\n if (discount.promoteType == \"percentage\") {\r\n discountAmt = price * (discount.promoteValue / 100)\r\n }\r\n else if (discount.promoteType == \"dollar\") {\r\n discountAmt = discount.promoteValue * row.qty\r\n }\r\n }\r\n price = price - discountAmt;\r\n if (price < 0) {\r\n price = 0\r\n }\r\n\r\n }\r\n return (\r\n {`$${price.toFixed(2)}`}\r\n )\r\n\r\n }\r\n\r\n onDiscountChange = (event, row) => {\r\n\r\n if (event.target.value == '') {\r\n this.props.setDiscount(row.itemId, null)\r\n\r\n }\r\n else {\r\n this.props.setDiscount(row.itemId, event.target.value)\r\n }\r\n }\r\n discountFormatter = (cell, row) => {\r\n return (\r\n Buy SIM(s)
\r\n\r\n
# of selected SIMs: {(this.state.selected.length) ? this.state.selected.length : 0}
\r\n\r\n \r\n
\r\n
\r\n\r\n SKU \r\n QTY \r\n ', '<'], placeholder: ' ' }} dataSort dataFormat={this.priceFormatter} caretRender={sortCaret} >Unit Price \r\n Discount Name \r\n ', '<'], placeholder: ' ' }} dataSort dataFormat={this.discountPriceFormatter} caretRender={sortCaret}>Total \r\n \r\n\r\n
\r\n )\r\n }\r\n\r\n}\r\nexport default OrderSummary;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport Card from \"react-credit-cards\";\r\nimport { Button, ButtonGroup, Row, Col, Input, Label, Card as Card2, CardGroup } from 'reactstrap';\r\n\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { sortCaret } from '../../../../shared/components/Table/tableElements';\r\n\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\nclass SelectPayment extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n paymentOption: [],\r\n selectedOption: \"\",\r\n comment:\"\",\r\n isPaidOff:false,\r\n selectedPaymentAccount:null\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n }\r\n\r\n tableActionColFormater = (cell, row) => {\r\n // const ac = this.props.account.filter(account => account.cardMask);\r\n const card = row;\r\n const cardwidth = {\r\n 'width': '10px',\r\n }\r\n return (\r\n Order Summary
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n selectPaymentOption(option) {\r\n this.setState({\r\n selectedOption: option,\r\n comment:\"\",\r\n isPaidOff: false,\r\n selectedPaymentAccount: null\r\n });\r\n //payByOption,comment,isPaidOff,accountId\r\n this.props.handlePaymentOptionChange(option,\"\",false,null);\r\n }\r\n\r\n handleCommentChange = (event) => {\r\n //event.target.value\r\n this.setState({\r\n comment: event.target.value\r\n });\r\n this.props.handlePaymentOptionChange(this.state.selectedOption,event.target.value,this.state.isPaidOff,this.state.selectedPaymentAccount);\r\n }\r\n\r\n onPaidClicked = (e) => {\r\n this.setState({\r\n isPaidOff:e.target.checked\r\n });\r\n this.props.handlePaymentOptionChange(this.state.selectedOption,this.state.comment,e.target.checked,this.state.selectedPaymentAccount);\r\n }\r\n\r\n onRadioClick = (value) => {\r\n this.setState({\r\n selectedPaymentAccount:value\r\n });\r\n this.props.handlePaymentOptionChange(this.state.selectedOption,\"\",false,value);\r\n }\r\n\r\n radioButtonFormater = (cell, row) => {\r\n //check if it is selected\r\n let radioChecked = false;\r\n if (this.props.selectedPaymentAccount != null) {\r\n if (this.props.selectedPaymentAccount.id == row.id) {\r\n radioChecked = true;\r\n }\r\n }\r\n return (\r\n { this.onRadioClick(row) }} />\r\n )\r\n }\r\n\r\n renderPaymentOption() {\r\n if (this.state.selectedOption == \"CC\") {\r\n const aList = this.props.accountList==null?[]:this.props.accountList.filter(function (acct) {\r\n return acct.paymentMethod != \"ACH\" && acct.paymentMethod != \"CHK\";\r\n });\r\n const selectRowProp = {\r\n mode: 'radio1'\r\n };\r\n return (\r\n \r\n \r\n ID \r\n Card Type \r\n Card Number \r\n Expires on \r\n \r\n
\r\n );\r\n }\r\n else if (this.state.selectedOption == \"CHK\" || this.state.selectedOption == \"ACH\") {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n {/* NOTE: This invoice will be marked as paid off for this payment option. */}\r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n \r\n no payment option selected\r\n
\r\n )\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n {this.renderPaymentOption()}\r\n
\r\n )\r\n }\r\n}\r\nexport default SelectPayment;","/*eslint-disable*/\r\nimport React, { Component } from \"react\";\r\nimport Card from \"react-credit-cards\";\r\n\r\nimport {Row, Col, Card as Card2, CardBody, CardGroup, Label, Input, Button, Table,Collapse} from 'reactstrap';\r\n\r\nimport { toast } from \"react-toastify\";\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\nimport \"./ConfirmPay.css\";\r\n\r\nclass ConfirmPay extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n collapseOpen: false\r\n }; \r\n }\r\n\r\npayOrder = () => {\r\n\r\n //get peed account id or token, amount to charge\r\n if (this.props.checkOutResult && this.props.checkOutResult.orderData){\r\n let simActivationList = [];\r\n if(this.props.mapSimToPlan!=null){\r\n for (var key in this.props.mapSimToPlan) {\r\n let tempPlan = this.props.mapSimToPlan[key];\r\n if (tempPlan != null) {\r\n \r\n if(tempPlan.selectedSim!=null&&tempPlan.selectedSim.length>0){\r\n tempPlan.selectedSim.forEach((item, index) => {\r\n let activationObj = {\r\n itemPlanId:tempPlan.itemId,\r\n inventoryId:item.inventoryId,\r\n deviceName: item.deviceName\r\n }\r\n simActivationList.push(activationObj);\r\n });\r\n \r\n }\r\n \r\n }\r\n }\r\n }\r\n let param = {\r\n id : this.props.checkOutResult.orderData.id,\r\n amount: this.props.checkOutResult.orderData.ordrAmt,\r\n //tokenCode: this.props.editUserObj.customer.tokenCode,\r\n //accountNumber: this.props.account[0].accountId,\r\n accountNumber: null,\r\n //user token code\r\n ordrId:this.props.checkOutResult.orderData.id,\r\n isbatchRequest:\"N\",\r\n paymentOption:this.props.payByOption,\r\n paidOff:this.props.isPaidOff,\r\n comment:this.props.comment,\r\n //get activation list from \r\n simActivationList:simActivationList,\r\n orderData: this.props.checkOutResult.orderData\r\n };\r\n this.props.handleConfirmPay(param);\r\n }\r\n else{\r\n toast.error('No Item selected');\r\n }\r\n}\r\n\r\npriceFormater = (cell, row) => {\r\n let price = 0;\r\n if(cell>=0){\r\n price = parseFloat(cell).toFixed(2);\r\n }\r\n return (\r\n {`$${price}`}\r\n )\r\n}\r\n\r\nviewMoreTaxDetail = (val)=>{\r\n this.setState({\r\n collapseOpen:val\r\n });\r\n}\r\n\r\nhandleOnBack = () => {\r\n this.props.onBack();\r\n}\r\n render() { \r\n let checkOutOrder=this.props.checkOutResult;\r\n \r\n const customer = this.props.editUserObj==null?\"\":this.props.editUserObj.customer;\r\n if(customer==null){\r\n return ();\r\n }\r\n \r\n \r\n const ac = this.props.selectedPaymentAccount;\r\n //const ac = {\"cardMask\":\"test\"};\r\n\r\n \r\n let itemDataList = [];\r\n let TotalTax = '';\r\n let SubTotal='';\r\n let Total='';\r\n let totalItemsQty = 0;\r\n let totalDiscountAmount = \"\";\r\n let totalBeforeDiscount = 0;\r\n let telecomTax =\"\";\r\n let salesTax=\"\";\r\n let taxItemlist=[];\r\n let orderList = [];\r\n let billingToAddress = {\r\n addressLine1:\"\",\r\n addressLine2:\"\",\r\n country:\"\",\r\n state:\"\",\r\n city:\"\",\r\n zipCode:\"\"\r\n };\r\n if (checkOutOrder){\r\n \r\n itemDataList = checkOutOrder.orderData!=null?checkOutOrder.orderData.orderItemDataList:[];\r\n if (checkOutOrder){\r\n SubTotal = isNaN(checkOutOrder.orderData.ordrTtl) ? \"\" : Number(checkOutOrder.orderData.ordrTtl).toFixed(2);\r\n TotalTax = isNaN(checkOutOrder.orderData.ordrTtlTax) ? \"\" : Number(checkOutOrder.orderData.ordrTtlTax).toFixed(2);\r\n Total = isNaN(checkOutOrder.orderData.ordrAmt) ? \"\" : Number(checkOutOrder.orderData.ordrAmt).toFixed(2);\r\n totalDiscountAmount = isNaN(checkOutOrder.orderData.discountAmt) ? \"0\" : Number(checkOutOrder.orderData.discountAmt).toFixed(2);\r\n telecomTax = isNaN(checkOutOrder.orderData.telecomTax) ? \"0\" : Number(checkOutOrder.orderData.telecomTax).toFixed(2);\r\n salesTax = isNaN(checkOutOrder.orderData.salesTax) ? \"0\" : Number(checkOutOrder.orderData.salesTax).toFixed(2);\r\n totalBeforeDiscount = isNaN(checkOutOrder.orderData.totalBeforeDiscount) ? \"0\" : Number(checkOutOrder.orderData.totalBeforeDiscount).toFixed(2);\r\n }\r\n if(itemDataList!=null){\r\n //itemQty\r\n itemDataList.forEach((item,index)=>{\r\n totalItemsQty = totalItemsQty + item.itemQty;\r\n });\r\n }\r\n if(checkOutOrder.taxJSONResult!=null&&checkOutOrder.taxJSONResult!=\"\"){\r\n taxItemlist = JSON.parse(checkOutOrder.taxJSONResult).GroupList;\r\n }\r\n\r\n if(checkOutOrder.orderData.billingToAddress!=undefined&&checkOutOrder.orderData.billingToAddress!=null){\r\n billingToAddress = checkOutOrder.orderData.billingToAddress;\r\n }\r\n \r\n }else{\r\n //toast.error('Failed to get order data, please try again')\r\n }\r\n\r\n if(itemDataList!=null){\r\n itemDataList.forEach((item, index) => {\r\n //check for device\r\n if(item.itemData.itemTypeId!=1){\r\n orderList.push(\r\n {\r\n sku: item.itemData.itemName,\r\n description: item.itemData.itemDescription,\r\n deviceId: item.simIdentifierValue,\r\n qty:item.itemQty,\r\n discountAmt:item.promoAmt,\r\n unitPrice:item.itemPrice,\r\n total:item.costAmt\r\n }\r\n\r\n );\r\n \r\n }\r\n else if(item.itemData.itemTypeId==1){ //if it is a plan\r\n orderList.push({\r\n sku: item.itemData.itemName,\r\n description: item.itemData.itemDescription,\r\n deviceId: \"\",\r\n qty:item.itemQty,\r\n discountAmt:item.promoAmt,\r\n unitPrice:item.itemPrice,\r\n total:item.costAmt\r\n });\r\n }\r\n \r\n });\r\n \r\n }\r\n \r\n let paymentAccountDisplay = \"\";\r\n if(this.props.payByOption&&(this.props.payByOption==\"ACH\"||this.props.payByOption==\"CHK\")){\r\n let payOptionText = \"\";\r\n if(this.props.payByOption==\"ACH\"){\r\n payOptionText = \"External ACH\";\r\n }\r\n else{\r\n payOptionText = \"Check\";\r\n }\r\n let paidOffText = \"\";\r\n if(this.props.isPaidOff==true){\r\n paidOffText = \"Paid off via\";\r\n }\r\n else{\r\n paidOffText = \"Pay by\";\r\n }\r\n paymentAccountDisplay = (Select Payment
\r\n\r\n
\r\n
);\r\n }\r\n else{\r\n paymentAccountDisplay = (ac!=null ? (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n ):\"\");\r\n }\r\n \r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default ConfirmPay;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { sortCaret } from '../../../../shared/components/Table/tableElements';\r\n\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\nclass SelectClientInventory extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selected: [],\r\n inactiveSIMList: []\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n let selectedKey = [];\r\n if (nextProps.cart.length > 0) {\r\n selectedKey = nextProps.cart.map(inv => inv.identifierValue);\r\n }\r\n if (nextProps.cart.length == 0) {\r\n selectedKey = [];\r\n }\r\n //filter SIM by carrier\r\n this.setState({ \r\n selected: selectedKey,\r\n inactiveSIMList: nextProps.inactiveSIMList\r\n });\r\n }\r\n handleOnNext = () => {\r\n this.props.onNext()\r\n }\r\n handleOnBack = () => {\r\n this.props.onBack();\r\n }\r\n render() {\r\n const selectRowProp = {\r\n mode: 'checkbox',\r\n columnWidth: '40px',\r\n selected: this.state.selected,\r\n onSelect: this.props.handleSelectInventoryRow,\r\n onSelectAll: this.props.handleSelectInventoryAll,\r\n }\r\n const options = {\r\n noDataText: \"No Inventory Found\",\r\n sizePerPage: 50, // which size per page you want to locate as default\r\n sizePerPageList: [{\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '1000', value: 1000\r\n }, {\r\n text: 'All', value: this.state.inactiveSIMList.length\r\n }],\r\n }\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Cart Summary\r\n {totalItemsQty}\r\n
\r\n- \r\n
- \r\n \r\n\r\n {/* {price} */}\r\n ${totalBeforeDiscount}\r\n
Items
\r\n {/* IOT - Basic */}\r\n \r\n \r\n \r\n - \r\n \r\n\r\n -${totalDiscountAmount}\r\n
Discount Amt
\r\n \r\n \r\n - \r\n Telecom Tax\r\n ${telecomTax}\r\n \r\n
- \r\n Sales Tax\r\n ${salesTax}\r\n \r\n
- \r\n Total Tax\r\n ${TotalTax}\r\n \r\n
- \r\n Total\r\n ${Total}\r\n \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n\r\n\r\n- \r\n {taxItemlist.map((taxItem,index)=>{\r\n \r\n return (\r\n
- \r\n \r\n
\r\n
\r\n \r\n \r\n\r\n Line Item #: {taxItem.LineNumber}
\r\n {taxItem.TaxList.map((taxListItem,taxIndex)=>{\r\n return(\r\n \r\n\r\n TaxTypeCode: {taxListItem.TaxTypeCode}\r\n );\r\n })}\r\n \r\n
\r\n TaxTypeDesc: {taxListItem.TaxTypeDesc}
\r\n TaxAmount: ${taxListItem.TaxAmount}
\r\n Revenue: ${taxListItem.Revenue}
\r\n TaxRate: {taxListItem.TaxRate}
\r\n PercentTaxable: {taxListItem.PercentTaxable}
\r\n FeeRate: {taxListItem.FeeRate}
\r\n RevenueBase: ${taxListItem.RevenueBase}
\r\n TaxOnTax: ${taxListItem.TaxOnTax}
\r\n \r\n )}\r\n )}\r\n \r\n
\r\n - \r\n \r\n
\r\n {/* \r\n */}\r\n \r\n */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Billing Address
\r\n\r\n {billingToAddress.addressLine1 &&
}\r\n {billingToAddress.addressLine2 &&
}\r\n \r\n
\r\n \r\n
\r\n\r\n Shipping Address
\r\n\r\n {billingToAddress.addressLine1 &&
}\r\n {billingToAddress.addressLine2 &&
}\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n\r\n Payment Account
\r\n\r\n \r\n {paymentAccountDisplay}\r\n
\r\n \r\n \r\n SKU \r\n Device ID \r\n {/*QTY */}\r\n Unit Price \r\n Total \r\n \r\n \r\n
\r\n Order Summary
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n\r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default SelectClientInventory;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Card, CardBody, Col, Container, Row, Button, Input } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\n\r\nclass PlanSelectList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ServicePlanList: []\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n //filter plan by carrier\r\n\r\n this.setState({\r\n ServicePlanList: nextProps.ServicePlanList\r\n });\r\n\r\n }\r\n priceFormatter = (price, billCycle) => {\r\n var per = \"\";\r\n if (billCycle == 30) {\r\n per = \"/mo\"\r\n }\r\n else if (billCycle == 365) {\r\n per = \"/yr\"\r\n }\r\n return `$ ${price.toFixed(2)}${per}`;\r\n }\r\n\r\n dataFormatter = (data) => {\r\n if (data < 1024) {\r\n return (`${data} MB`);\r\n }\r\n if (data >= 1024) {\r\n var gb = (data / 1024).toFixed(2)\r\n return (`${gb} GB`);\r\n }\r\n }\r\n onModalOpen = (plan) => {\r\n this.props.onOpen(plan)\r\n }\r\n handleOnNext = () => {\r\n if (this.props.isClick === \"activation\") {\r\n if (JSON.stringify(this.props.mapSimToPlan) != \"{}\") {\r\n this.props.buildOrderSummary()\r\n this.props.onNext()\r\n }\r\n else {\r\n toast.error(\"A plan must be selected\")\r\n }\r\n }\r\n else {\r\n this.props.buildOrderSummary()\r\n this.props.onNext()\r\n }\r\n }\r\n handleOnBack = () => {\r\n this.props.clear();\r\n this.props.onBack();\r\n }\r\n\r\n render() {\r\n return (\r\n Activate SIM(s)
\r\n\r\n
# of selected SIMs: {(this.state.selected.length) ? this.state.selected.length : 0}
\r\n\r\n \r\n
\r\n
\r\n
\r\n\r\n );\r\n\r\n\r\n }\r\n\r\n\r\n}\r\nexport default PlanSelectList;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container, Table } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport MultiSelectionComponent, { SimMultiSelection } from '../../../Asset/components/SelectionComponents';\r\n\r\nimport { CheckIcon } from 'mdi-react';\r\nimport '../ClientAddModal.css';\r\n\r\nconst backdropStyle = {\r\n position: 'fixed',\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n overflow: 'auto',\r\n};\r\n\r\nconst modalStyle = function () {\r\n const top = 5;\r\n const left = 5;\r\n\r\n return {\r\n position: 'fixed',\r\n width: 800,\r\n height: 650,\r\n zIndex: 1040,\r\n top: top + '%',\r\n left: left + '%',\r\n border: '0px solid #ffffff',\r\n backgroundColor: 'white',\r\n // boxShadow: '0 5px 15px rgba(0,0,0,.5)',\r\n padding: 10,\r\n overflow: 'auto',\r\n resize: 'both'\r\n };\r\n};\r\n\r\nclass PlanSelectModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n selectedPlan: null,\r\n isAllSelected: false\r\n\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n var isAllSelected = false;\r\n if (nextProps.showModal === true) {\r\n if (nextProps.mapSimToPlan != null) {\r\n if (nextProps.mapSimToPlan[nextProps.selectedPlan.itemId] != null) {\r\n if (nextProps.mapSimToPlan[nextProps.selectedPlan.itemId].selectedSim != null) {\r\n console.log(nextProps.mapSimToPlan[nextProps.selectedPlan.itemId].selectedSim)\r\n if (nextProps.mapSimToPlan[nextProps.selectedPlan.itemId].selectedSim.length == nextProps.cart.length) {\r\n isAllSelected = true\r\n }\r\n }\r\n }\r\n }\r\n this.setState({\r\n showModal: true,\r\n selectedPlan: nextProps.selectedPlan,\r\n isAllSelected: isAllSelected\r\n });\r\n }\r\n\r\n }\r\n priceFormatter = (price, billCycle) => {\r\n var per = \"\";\r\n if (billCycle == 30) {\r\n per = \"/mo\"\r\n }\r\n else if (billCycle == 365) {\r\n per = \"/yr\"\r\n }\r\n return `$ ${price.toFixed(2)}${per}`;\r\n }\r\n dataFormatter = (data) => {\r\n if (data < 1024) {\r\n return (`${data} MB`);\r\n }\r\n if (data >= 1024) {\r\n var gb = (data / 1024).toFixed(2)\r\n return (`${gb} GB`);\r\n }\r\n }\r\n AutoRenewCheck = (check) => {\r\n if (check != 0) {\r\n return Select Plan
\r\n\r\n
\r\n {this.state.ServicePlanList != null && this.state.ServicePlanList.map((plan, index) => {\r\n var buttonText = \"Select\";\r\n var buttonColor = \"primary\";\r\n var selected = false;\r\n if (this.props.mapSimToPlan != null) {\r\n if (this.props.mapSimToPlan[plan.itemId] != null && this.props.mapSimToPlan[plan.itemId] != undefined) {\r\n selected = true;\r\n }\r\n }\r\n if (selected) {\r\n buttonText = \"Unselect\";\r\n buttonColor = \"danger\";\r\n }\r\n if (this.props.isAdmin) {\r\n return (\r\n
\r\n\r\n \r\n {(plan.resellerId == null) ?\r\n
\r\n )\r\n }\r\n else {\r\n if (plan.resellerId != null) {\r\n return (\r\n \r\n \r\n \r\n
\r\n {(this.props.isAdmin) ? \r\n \r\n
\r\n :\r\n {plan.itemName}
\r\n\r\n {(this.props.isAdmin) ?
{(plan.carrier != null) ? plan.carrier.carrierName : \"\"}
: null}\r\n{this.priceFormatter(plan.unitPrice, plan.billCycle)}
\r\n{this.dataFormatter(plan.planDataVolume)}
\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"activationFee\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Activation, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"feature\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Feature, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"overage\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Overage, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.itemPayType === \"PAYG\") ?Pay As You Go
: ``}\r\n {(plan.autoRenewFlag === 1) ?AutoRenewal
: ``}\r\n \r\n\r\n \r\n \r\n
\r\n {(this.props.isAdmin) ? \r\n \r\n
\r\n\r\n }\r\n {plan.itemName}
\r\n\r\n {(this.props.isAdmin) ?
{(plan.carrier != null) ? plan.carrier.carrierName : \"\"}
: null}\r\n{this.priceFormatter(plan.unitPrice, plan.billCycle)}
\r\n{this.dataFormatter(plan.planDataVolume)}
\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"activationFee\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Activation, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"feature\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Feature, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"overage\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Overage, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.itemPayType === \"PAYG\") ?Pay As You Go
: ``}\r\n {(plan.autoRenewFlag === 1) ?Auto-Renew
: ``}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n )\r\n }\r\n\r\n }\r\n })}\r\n\r\n\r\n {plan.itemName}
\r\n\r\n
{this.priceFormatter(plan.unitPrice, plan.billCycle)}
\r\n{this.dataFormatter(plan.planDataVolume)}
\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"feature\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Feature, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"overage\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Overage, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.itemPayType === \"PAYG\") ?Pay As You Go
: ``}\r\n {(plan.autoRenewFlag === 1) ?Auto-Renew
: ``}\r\n \r\n */}\r\n {/* New User */}\r\n {(this.props.selectedPlan != null) ? `Pair ${this.props.selectedPlan.itemName} to SIMs` : `loading...`} \r\n \r\n \r\n \r\n \r\n
\r\n :\r\n `loading...`\r\n }\r\n \r\n
\r\n
\r\n\r\n sim.servicePlan == null)}\r\n onChange={this.props.handlePlanMultiSelectionChange}\r\n defaultValue={selectedSim}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PlanSelectModal);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { sortCaret } from '../../../../shared/components/Table/tableElements';\r\n\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\nclass SelectEndUser extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n consumerList: [],\r\n endUser: null\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n var list = []\r\n if (nextProps.consumerList.length > 0) {\r\n list = nextProps.consumerList.filter(consumer => consumer.resellerCode == nextProps.selectedRow.resellerCode);\r\n }\r\n this.setState({\r\n consumerList: list\r\n })\r\n\r\n }\r\n\r\n onRowSelect = (row, isSelected, e) => {\r\n if (isSelected) {\r\n this.setState({ endUser: row })\r\n }\r\n else {\r\n this.setState({ endUser: null })\r\n }\r\n }\r\n\r\n handleOnNext = () => {\r\n this.props.onNext(this.state.endUser)\r\n\r\n }\r\n handleOnBack = () => {\r\n this.setState({ endUser: null });\r\n this.props.onBack();\r\n }\r\n\r\n render() {\r\n\r\n const selectRowProp = {\r\n mode: 'radio',\r\n clickToSelect: true,\r\n onSelect: this.onRowSelect,\r\n columnWidth: '40px',\r\n bgColor: '#F5EBCF',\r\n selected: [(this.state.endUser != null) ? this.state.endUser.name : \"\"]\r\n };\r\n var customerList = [];\r\n if (this.props.consumerList.length > 0) {\r\n customerList = this.props.consumerList.map((customerView) => {\r\n\r\n let nameData = ''\r\n let resellerData = ''\r\n let countryData = ''\r\n let lineOfBusinessData = ''\r\n let divisionData = ''\r\n let customerData = ''\r\n let usernameData = ''\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessName != null &&\r\n customerView.customer.businessName != \"\"\r\n ) {\r\n nameData = customerView.customer.businessName;\r\n } else {\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.firstName != null &&\r\n customerView.customer.firstName != \"\"\r\n ) {\r\n nameData = customerView.customer.firstName;\r\n }\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.resellerName != null &&\r\n customerView.resellerName != \"\"\r\n ) {\r\n resellerData = customerView.resellerName;\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessUnit != null &&\r\n customerView.customer.businessUnit.country != null &&\r\n customerView.customer.businessUnit.country.name != null\r\n ) {\r\n countryData = customerView.customer.businessUnit.country.name;\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessUnit != null &&\r\n customerView.customer.businessUnit.lineOfBusiness != null &&\r\n customerView.customer.businessUnit.lineOfBusiness.name != null\r\n ) {\r\n lineOfBusinessData =\r\n customerView.customer.businessUnit.lineOfBusiness.name;\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessUnit != null &&\r\n customerView.customer.businessUnit.division != null &&\r\n customerView.customer.businessUnit.division.name != null\r\n ) {\r\n divisionData = customerView.customer.businessUnit.division.name;\r\n }\r\n\r\n if (customerView != null && customerView.customer != null) {\r\n customerData = customerView.customer;\r\n }\r\n\r\n if (customerView != null && customerView.userName != null) {\r\n usernameData = customerView.userName;\r\n }\r\n\r\n return {\r\n name: nameData\r\n /*customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessName != null &&\r\n customerView.customer.businessName != \"\"\r\n ? customerView.customer.businessName\r\n : customerView.customer.firstName ? customerView.customer.firstName : ''*/,\r\n resellerName: resellerData,\r\n country: countryData\r\n /*customerView.customer.businessUnit != null\r\n ? customerView.customer.businessUnit.country.name\r\n : \"\"*/,\r\n lineOfBusiness: lineOfBusinessData\r\n /*customerView.customer.businessUnit != null\r\n ? customerView.customer.businessUnit.lineOfBusiness.name\r\n : \"\"*/,\r\n division: divisionData\r\n /*customerView.customer.businessUnit != null\r\n ? customerView.customer.businessUnit.division.name\r\n : \"\"*/,\r\n customer: /*customerView.customer*/customerData,\r\n username: /*customerView.userName*/usernameData,\r\n };\r\n });\r\n }\r\n return (\r\n \r\n Upload Bulk Devices \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\nexport default ClientInventoryAddDevice;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Button, Collapse } from 'reactstrap';\r\nimport moment from 'moment';\r\n\r\nimport ClientInactiveSIMList from './ClientInactiveSIMList';\r\nimport SelectCompanyInventory from './PurchaseSIM/SelectCompanyInventory';\r\nimport OrderSummary from './PurchaseSIM/OrderSummary';\r\nimport SelectPayment from './PurchaseSIM/SelectPayment';\r\nimport ConfirmPay from './PurchaseSIM/ConfirmPay'\r\nimport SelectClientInventory from './ActivationSIM/SelectClientInventory';\r\nimport PlanSelectList from './PlanSelectWizard/PlanSelectList';\r\nimport PlanSelectModal from './PlanSelectWizard/PlanSelectModal';\r\nimport SelectEndUser from './ActivationSIM/SelectEndUser';\r\nimport ClientSelectSKU from './ClientSelectSKU';\r\nimport NameDevice from './NameDevice/NameDevice';\r\nimport ClientInventoryAddDevice from './ClientInventoryAddDevice';\r\nimport { toast } from \"react-toastify\";\r\nimport { hasRole } from '../../../factories/auth';\r\n\r\nimport { PowerIcon, CartPlusIcon } from 'mdi-react';\r\n\r\nclass ClientInactiveSIMBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isClick: false,\r\n step: 1,\r\n cart: [],\r\n selectedPlan: null,\r\n showPlanModal: false,\r\n mapSimToPlan: {},\r\n payByOption: \"\",\r\n comment: \"\",\r\n isPaidOff: false,\r\n selectedPaymentAccount: null,\r\n checkoutResult: null,\r\n orderSummary: [],\r\n SKU_type: -1,\r\n SKU: null,\r\n showModal: false\r\n\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n // Upload =================================================================================\r\n onDeviceOpen = () => {\r\n this.setState({\r\n showModal: true\r\n })\r\n }\r\n onDeviceClose = () => {\r\n this.setState({\r\n showModal: false\r\n })\r\n }\r\n // Activation Steps========================================================================\r\n\r\n /**\r\n * Start Activation Process\r\n */\r\n handleActivateClick = () => {\r\n this.setState({\r\n isClick: \"activation\",\r\n step: 1\r\n })\r\n }\r\n // Buy Steps==============================================================================\r\n\r\n /**\r\n * Start Activation Process\r\n * \r\n */\r\n /*\r\n handleBuyClick = () => {\r\n this.setState({\r\n isClick: \"purchase\",\r\n step: 1\r\n })\r\n }\r\n */\r\n // Shared Steps==========================================================================\r\n\r\n /**\r\n * handle step 1 Activation/Purchase select row\r\n */\r\n handleSelectInventoryRow = (row, isSelected, e) => {\r\n var tempCart = this.state.cart;\r\n if (isSelected) {\r\n tempCart.push({ ...row });\r\n this.setState({ cart: tempCart });\r\n }\r\n\r\n else {\r\n for (var index = 0; index < tempCart.length; index++) {\r\n if (tempCart[index].inventoryId == row.inventoryId) {\r\n tempCart.splice(index, 1);\r\n break;\r\n }\r\n }\r\n this.setState({ cart: tempCart });\r\n }\r\n }\r\n\r\n /**\r\n * Handle step 1 Activation/Purchase select all\r\n * @param {*} isSelected \r\n * @param {*} rows \r\n */\r\n handleSelectInventoryAll = (isSelected, rows) => {\r\n if (isSelected) {\r\n this.setState({ cart: [...rows] });\r\n }\r\n else {\r\n this.setState({ cart: [] });\r\n }\r\n }\r\n\r\n MapCartToPlan = () => {\r\n var tempMapSimToPlan = {};\r\n this.state.cart.forEach(sim => {\r\n if (sim.selectedPlan != null) {\r\n if (tempMapSimToPlan[sim.selectedPlan.itemId] != null) {\r\n tempMapSimToPlan[sim.selectedPlan.itemId].selectedSim.push(sim)\r\n }\r\n else {\r\n var tempSelectedPlan = { ...this.state.selectedPlan.selectedSim }; //must make a shadow clone to not affect original Object\r\n tempSelectedPlan.selectedSim = sim;\r\n tempMapSimToPlan[sim.selectedPlan.itemId] = tempSelectedPlan\r\n }\r\n }\r\n })\r\n this.setState({\r\n mapSimToPlan: tempMapSimToPlan\r\n })\r\n\r\n }\r\n ClearPlansFromCart = () => {\r\n this.state.cart.forEach(sim => sim.servicePlan = null)\r\n this.setState({\r\n mapSimToPlan: {}\r\n });\r\n }\r\n /**\r\n * Open \r\n * @param {*} plan \r\n */\r\n onOpenPlanModal = (plan) => {\r\n this.setState({\r\n selectedPlan: plan,\r\n showPlanModal: true\r\n })\r\n }\r\n\r\n /**\r\n * Close Plan Modal\r\n */\r\n onClosePlanModal = () => {\r\n this.setState({\r\n selectedPlan: null,\r\n showPlanModal: false\r\n })\r\n }\r\n\r\n /**\r\n * \r\n */\r\n handlePlanSelectAll = () => {\r\n this.state.cart.forEach(sim => sim.servicePlan = null)\r\n this.state.mapSimToPlan = {};\r\n var tempCart = [...this.state.cart]\r\n var tempSelectedPlan = { ...this.state.selectedPlan };\r\n tempSelectedPlan.selectedSim = tempCart;\r\n this.state.mapSimToPlan[this.state.selectedPlan.itemId] = tempSelectedPlan;\r\n this.state.cart.forEach(sim => sim.servicePlan = this.state.selectedPlan);\r\n this.onClosePlanModal();\r\n }\r\n\r\n /**\r\n * \r\n * @param {*} selected \r\n * @param {*} action \r\n */\r\n handlePlanMultiSelectionChange = (selected, action) => {\r\n var tempSelectedPlan = { ...this.state.selectedPlan };\r\n tempSelectedPlan.selectedSim = selected;\r\n this.state.mapSimToPlan[this.state.selectedPlan.itemId] = tempSelectedPlan;\r\n if (this.state.mapSimToPlan[this.state.selectedPlan.itemId].selectedSim == null) {\r\n this.state.mapSimToPlan[this.state.selectedPlan.itemId] = null;\r\n }\r\n\r\n if (action.action == \"select-option\") {\r\n for (var s = 0; s < this.state.cart.length; s++) {\r\n if (this.state.cart[s].inventoryId == action.option.inventoryId) {\r\n this.state.cart[s].servicePlan = this.state.selectedPlan;\r\n break;\r\n }\r\n }\r\n }\r\n else if (action.action == \"remove-value\") {\r\n for (var s = 0; s < this.state.cart.length; s++) {\r\n if (this.state.cart[s].inventoryId == action.removedValue.inventoryId) {\r\n this.state.cart[s].servicePlan = null;\r\n break;\r\n }\r\n }\r\n }\r\n else if (action.action == \"clear\") {\r\n for (var s = 0; s < this.state.cart.length; s++) {\r\n if (this.state.cart[s].servicePlan != null) {\r\n if (this.state.cart[s].servicePlan.itemId == this.state.selectedPlan.itemId) {\r\n this.state.cart[s].servicePlan = null;\r\n }\r\n }\r\n }\r\n this.state.mapSimToPlan[this.state.selectedPlan.itemId] = null;\r\n }\r\n }\r\n\r\n /**\r\n * \r\n */\r\n handleNext = () => {\r\n if (this.state.step == 1 && this.state.SKU_type <= 0) {\r\n\r\n toast.error(\"Can not proceed without a SKU\")\r\n }\r\n else if (this.state.step == 2 && this.state.cart.length == 0) {\r\n toast.error(\"A SIM Card must be selected\")\r\n }\r\n else if (this.state.step == 3 && this.state.isClick === \"activation\") { //when Activing SIM(s), all sims must be activated\r\n var AllSimsActive = true\r\n for (var sim of this.state.cart) {\r\n if (sim.servicePlan == null) {\r\n AllSimsActive = false\r\n break;\r\n }\r\n }\r\n if (AllSimsActive == false) {\r\n toast.error(\"All SIM(s) must have a plan\")\r\n }\r\n else {\r\n this.setState(prevState => ({\r\n step: prevState.step + 1,\r\n }));\r\n }\r\n }\r\n else {\r\n this.setState(prevState => ({\r\n step: prevState.step + 1,\r\n }));\r\n }\r\n }\r\n\r\n /**\r\n * \r\n */\r\n handleBack = () => {\r\n this.setState(prevState => {\r\n return {\r\n step: (prevState.step - 1) > 0 ? prevState.step - 1 : 1,\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * \r\n */\r\n handleMainBack = () => {\r\n this.setState({\r\n isClick: false,\r\n step: 1,\r\n cart: [],\r\n SKU_type: -1,\r\n SKU: null\r\n });\r\n }\r\n\r\n\r\n /**\r\n * \r\n */\r\n handlePaymentOptionChange = (payByOption, comment, isPaidOff, selectedPaymentAccount) => {\r\n this.setState({\r\n payByOption: payByOption,\r\n comment: comment,\r\n isPaidOff: isPaidOff,\r\n selectedPaymentAccount: selectedPaymentAccount\r\n });\r\n }\r\n\r\n /**\r\n * \r\n */\r\n handleSelectSKU = (SKU_type) => {\r\n\r\n var SKU = this.props.SIMTypeList.find(type => type.itemId == SKU_type);\r\n\r\n this.setState(\r\n {\r\n SKU_type: SKU_type,\r\n SKU: SKU\r\n }\r\n )\r\n }\r\n\r\n /**\r\n * \r\n */\r\n handleCheckout = () => {\r\n //check to make sure 1. payment method is selected. 2. any sim is selected to purchase\r\n let checkedResult = false;\r\n if (this.state.payByOption === 'CC') {\r\n //make sure account is selected\r\n if (this.state.selectedPaymentAccount != null && this.state.selectedPaymentAccount.id != \"\") {\r\n checkedResult = true;\r\n }\r\n else {\r\n toast.error(\"Please select a payment account.\");\r\n }\r\n }\r\n else if (this.state.payByOption === 'CHK' || this.state.payByOption === 'ACH') {\r\n checkedResult = true;\r\n }\r\n else {\r\n toast.error(\"Please select a payment method.\");\r\n }\r\n\r\n //pass validation \r\n if (checkedResult == true) {\r\n let orderList = [];\r\n let ordrAmt = 0;\r\n let selectedAccountId = null;\r\n if (this.state.payByOption == \"CC\") {\r\n selectedAccountId = this.state.selectedPaymentAccount.id;\r\n }\r\n this.state.orderSummary.forEach((order, index) => {\r\n let eachOrder = {\r\n \"id\": 0,\r\n \"itemId\": order.itemId,\r\n \"itemQty\": order.qty,\r\n \"promoteId\": order.promoteId,\r\n \"itemPrice\": order.unitPrice, //temporarily set to unit price\r\n \"inventoryId\": order.inventoryId,\r\n \"planItemId\": order.planItemId,\r\n }\r\n ordrAmt = ordrAmt + order.unitPrice;\r\n orderList.push(eachOrder);\r\n })\r\n\r\n\r\n let checkoutObj = {\r\n \"ordrAmt\": ordrAmt,\r\n \"id\": 0,\r\n \"accountId\": selectedAccountId,\r\n \"billcycle\": 0,\r\n \"payFrequencyId\": 1,\r\n \"resellerId\": this.props.selectedRow.id,\r\n \"payByOption\": this.state.payByOption,\r\n orderItemDataList: orderList\r\n }\r\n\r\n //call checkout api \r\n this.props.clientCheckout(checkoutObj).then(res => {\r\n if (res && res.status === 200 && res.data) {\r\n // let storeData = res.data[0];\r\n if (res.data.error != \"ERROR\") {\r\n //toast.success(res.data.message);\r\n this.setState({\r\n checkoutResult: res.data,\r\n });\r\n //go to next page\r\n this.handleNext();\r\n } else {\r\n toast.error(res.data.message)\r\n }\r\n } else if (!res || res.status !== 200) {\r\n toast.error(res.data.message)\r\n\r\n\r\n }\r\n });\r\n\r\n\r\n }\r\n }\r\n\r\n //handles confirm and pay\r\n handleConfirmPay = (orderObj) => {\r\n //this.props.customerPayOrderViaPEED(orderObj)\r\n this.props.clientPurchaseOrder(orderObj)\r\n .then(res => {\r\n\r\n if (res && res.status === 200 && res.data) {\r\n // let storeData = res.data[0];\r\n if (res.data.statusCode != \"500\") {\r\n toast.success('Order created successfully.');\r\n //this.props.getDiscountList({ \"companyId\": this.props.selectedRow.companyId, \"resellerId\": this.props.selectedRow.id })\r\n this.props.getFullSIMList({ \"companyId\": this.props.selectedRow.companyId, \"resellerId\": this.props.selectedRow.id, \"customerId\": null, \"fullInventory\": \"false\" });\r\n this.props.getServicePlanItem({ \"companyCode\": this.props.selectedRow.companyCode, \"resellerCode\": this.props.selectedRow.resellerCode })\r\n this.props.getCustomerInvoiceHistory({ \"objId\": this.props.selectedRow.id, \"fromDate\": moment().subtract(1, 'years'), \"toDate\": moment() })\r\n //this.props.getAccountsByEntity({ \"companyCode\": this.props.selectedRow.companyCode, \"resellerId\": this.props.selectedRow.id, \"customerId\": 19 });\r\n\r\n //clean and return to initial screen\r\n this.setState({\r\n isClick: false,\r\n step: 1,\r\n cart: [],\r\n selectedPlan: null,\r\n showPlanModal: false,\r\n mapSimToPlan: {},\r\n payByOption: \"\",\r\n comment: \"\",\r\n isPaidOff: false,\r\n selectedPaymentAccount: null,\r\n checkoutResult: null,\r\n selectedCarrier: null\r\n });\r\n\r\n } else {\r\n toast.error(res.data.statusDetail)\r\n }\r\n } else if (!res || res.status !== 200) {\r\n\r\n toast.error('Create invoice error. web service error code: ' + res.status);\r\n\r\n }\r\n })\r\n }\r\n\r\n handleActivating = (endUser) => {\r\n var data = []\r\n for (var sim of this.state.cart) {\r\n let req = {\r\n id: sim.inventoryId,\r\n customerId: (endUser != null) ? endUser.customer.customerId : null,\r\n itemPlanId: sim.servicePlan.itemId,\r\n status: 1,\r\n deviceName: sim.deviceName,\r\n promoteId: sim.promoteId\r\n }\r\n data.push(req);\r\n }\r\n this.props.activateMultipleSIM({ \"sims\": data }).then(() => {\r\n this.props.getFullSIMList({ \"companyId\": this.props.selectedRow.companyId, \"resellerId\": this.props.selectedRow.id, \"customerId\": null, \"fullInventory\": \"false\" });\r\n });\r\n this.setState({\r\n isClick: false,\r\n step: 1,\r\n SKU_type: -1,\r\n cart: [],\r\n showPlanModal: false,\r\n mapSimToPlan: {},\r\n selectedCarrier: null\r\n })\r\n\r\n }\r\n\r\n buildOrderSummary = () => {\r\n if (this.state.cart.length > 0) {\r\n var tempList = [];\r\n this.state.cart.forEach(sim => {\r\n var tempSIM = {\r\n itemId: sim.itemId,\r\n inventoryId: sim.inventoryId,\r\n sku: sim.itemName,\r\n description: sim.identifierValue,\r\n qty: 1,\r\n unitPrice: sim.unitPrice,\r\n promoteId: null,\r\n totalPrice: sim.unitPrice,\r\n itemType: \"device\",\r\n planItemId: (sim.servicePlan != null) ? sim.servicePlan.itemId : null\r\n }\r\n tempList.push(tempSIM);\r\n })\r\n for (var key in this.state.mapSimToPlan) {\r\n if (this.state.mapSimToPlan[key] != null) {\r\n this.state.mapSimToPlan[key].selectedSim.forEach(pairing => {\r\n var tempPlan = {\r\n itemId: this.state.mapSimToPlan[key].itemId,\r\n inventoryId: pairing.inventoryId,\r\n sku: this.state.mapSimToPlan[key].itemName,\r\n description: this.state.mapSimToPlan[key].itemDescription,\r\n qty: 1,\r\n unitPrice: this.state.mapSimToPlan[key].unitPrice,\r\n promoteId: null,\r\n totalPrice: this.state.mapSimToPlan[key].unitPrice,\r\n itemType: \"service\",\r\n };\r\n tempList.push(tempPlan);\r\n })\r\n\r\n }\r\n }\r\n this.setState({ orderSummary: tempList })\r\n }\r\n }\r\n\r\n clearOrderSummary = () => {\r\n this.setState({ orderSummary: [] })\r\n }\r\n\r\n addDeviceName = (row, cellName, cellValue) => {\r\n var cart = [...this.state.cart]\r\n cart.forEach(sim => {\r\n if (sim.inventoryId == row.inventoryId) {\r\n sim.deviceName = cellValue\r\n }\r\n })\r\n this.setState({ cart: cart });\r\n }\r\n addMultiDeviceName = (name) => {\r\n var cart = [...this.state.cart]\r\n cart.forEach(sim => {\r\n sim.deviceName = name\r\n })\r\n this.setState({ cart: cart });\r\n\r\n }\r\n clearDeviceName = () => {\r\n var cart = [...this.state.cart]\r\n cart.forEach(sim => {\r\n sim.deviceName = null\r\n })\r\n this.setState({ cart: cart })\r\n }\r\n\r\n setMultiDiscount = (id) => {\r\n var cart = [...this.state.cart]\r\n cart.forEach(sim => {\r\n sim.promoteId = id\r\n })\r\n this.setState({ cart: cart })\r\n }\r\n setDiscount = (itemId, value) => {\r\n var tempOrderSummary = [...this.state.orderSummary]\r\n tempOrderSummary.forEach(item => {\r\n if (item.itemId == itemId) {\r\n item.promoteId = value\r\n }\r\n })\r\n this.setState({ orderSummary: tempOrderSummary })\r\n toast.success(\"discount set\")\r\n }\r\n uploadInventory = () => {\r\n\r\n }\r\n render() {\r\n let options = {\r\n noDataText: \"No Inventory Found\"\r\n }\r\n return (\r\n \r\n \r\n\r\n \r\n {(this.props.isAdmin || hasRole(this.props.userObj,[\"CLIENTADMIN\"])) ?\r\n \r\n :\r\n null\r\n }\r\n {(this.props.isAdmin) ?\r\n \r\n :\r\n null\r\n }\r\n {/**/}\r\n
\r\n \r\n\r\n \r\n \r\n\r\n \r\n sim.itemId == this.state.SKU_type)}\r\n selectedCarrier={this.state.selectedCarrier}\r\n cart={this.state.cart}\r\n handleSelectInventoryRow={this.handleSelectInventoryRow}\r\n handleSelectInventoryAll={this.handleSelectInventoryAll}\r\n onNext={this.handleNext}\r\n onBack={this.handleBack}\r\n />\r\n \r\n\r\n \r\n \r\n\r\n \r\n (plan.carrier != null) ? plan.carrier.carrierId == ((this.state.SKU != null) ? this.state.SKU.carrier.carrierId : 0) : false) : []}\r\n selectedCarrier={this.state.selectedCarrier}\r\n mapSimToPlan={this.state.mapSimToPlan}\r\n cart={this.state.cart}\r\n isAdmin={this.props.isAdmin}\r\n isClick={this.state.isClick}\r\n onBack={this.handleBack}\r\n clear={this.ClearPlansFromCart}\r\n buildOrderSummary={this.buildOrderSummary}\r\n onNext={this.handleNext}\r\n />\r\n \r\n \r\n \r\n\r\n {/* When Consumers are implemented, use this code below */}\r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n}\r\nexport default ClientInactiveSIMBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Collapse } from 'reactstrap';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\n// import { toast } from \"react-toastify\"; \r\nimport { Col, Row, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { EditTextButton } from '../../../shared/components/Button/IconButton';\r\nimport { hasRole, getCurrentUser } from '../../../factories/auth';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport { ThreeSixtySharp } from '@material-ui/icons';\r\nimport styles from './InvoicingSteps/SelectQuantity.module.css';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass ClientInventoryBoard extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showItemModal: false,\r\n showOrderModal: false,\r\n simId: 0,\r\n simPrice: 0,\r\n simItemDescription: \"\",\r\n simItemName: \"\",\r\n carrier: -1,\r\n itemParentId: -1,\r\n orders: null,\r\n\r\n deviceDescription: \"\",\r\n downlinkMode: 2,\r\n downlinkData: \"\",\r\n payloadType: 2,\r\n payloadConfig: \"\",\r\n keepAlive: 3600,\r\n alertEmail: \"\",\r\n autoRenew: true,\r\n geolocPayloadConfigId: \"\",\r\n };\r\n }\r\n priceFormatter = (cell, row) => {\r\n var per = \"\";\r\n if (row.billCycle == 30) {\r\n per = \"/month\"\r\n }\r\n else if (row.billCycle == 365) {\r\n per = \"/year\"\r\n }\r\n var price = cell.toFixed(2);\r\n return `$ ${price}${per}`;\r\n }\r\n cellItemEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n {(this.state.simId != 0) ? `Customize` : `Add New`} \r\n \r\n \r\n \r\n \r\n {this.props.typeList.map((type, index) => (\r\n (this.state.itemParentId == type.itemId) ? : \r\n ))}\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n {this.props.carrierList.map((carrier, index) => (\r\n (this.state.carrier == carrier.carrierId) ? : \r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n {downlinkModeOptions.map((option) => {\r\n return \r\n })}\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n {payloadParingOptions.map((option) => {\r\n return \r\n })}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n renderOrderModal() {\r\n const options = {\r\n sizePerPageList: [{\r\n text: 10, value: 10\r\n }, {\r\n text: 50, value: 50\r\n }, {\r\n text: 100, value: 100\r\n }, {\r\n text: 500, value: 500\r\n }]\r\n };\r\n\r\n return (\r\n \r\n Order Device(s) \r\n \r\n\r\n \r\n itemParentId \r\n Name \r\n Description \r\n Price \r\n \r\n Quantity\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n renderPaginationPanel = (props) => {\r\n let dropdown = props.components.sizePerPageDropdown;\r\n let beginning;\r\n let totalData;\r\n beginning = (props.currPage - 1) * dropdown.props.currSizePerPage + 1;\r\n totalData = (parseInt(beginning) + parseInt(dropdown.props.currSizePerPage)) - 1;\r\n return (\r\n <>\r\n {\r\n (this.props.SIMTypeList.length == 0) ?\r\n <>\r\n \r\n Name \r\n Type \r\n Value \r\n Start Date \r\n End Date \r\n\r\n \r\n Edit\r\n \r\n \r\n )\r\n }\r\n}\r\nexport default ClientDiscountList;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\n\r\n//import UserAccessForm from './userAccessForm';\r\nimport './ClientAddModal.css';\r\n\r\nconst backdropStyle = {\r\n position: 'fixed',\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n overflow: 'auto',\r\n};\r\n\r\nconst modalStyle = function () {\r\n const top = 5;\r\n const left = 5;\r\n\r\n return {\r\n position: 'fixed',\r\n width: 800,\r\n height: 650,\r\n zIndex: 1040,\r\n top: top + '%',\r\n left: left + '%',\r\n border: '0px solid #ffffff',\r\n backgroundColor: 'white',\r\n // boxShadow: '0 5px 15px rgba(0,0,0,.5)',\r\n padding: 10,\r\n overflow: 'auto',\r\n resize: 'both'\r\n };\r\n};\r\nclass ClientDiscountModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n showModal: false,\r\n promoteId: 0,\r\n companyId: 0,\r\n resellerId: 0,\r\n promoteName: \"\",\r\n promoteType: \"\",\r\n promoteValue: 0,\r\n validStartDate: null,\r\n validEndDate: null,\r\n promoteStatus: 1\r\n };\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n if (nextProps.show === true) {\r\n if (nextProps.selectedDiscount != null) {\r\n this.setState({\r\n showModal: true,\r\n promoteId: nextProps.selectedDiscount.promoteId,\r\n companyId: nextProps.selectedDiscount.companyId,\r\n resellerId: nextProps.selectedDiscount.resellerId,\r\n promoteName: nextProps.selectedDiscount.promoteName,\r\n promoteType: nextProps.selectedDiscount.promoteType,\r\n promoteValue: nextProps.selectedDiscount.promoteValue,\r\n validStartDate: nextProps.selectedDiscount.validStartDate.substring(0, 10),\r\n validEndDate: nextProps.selectedDiscount.validEndDate.substring(0, 10),\r\n promoteStatus: 1\r\n })\r\n }\r\n else {\r\n this.setState({\r\n showModal: true,\r\n promoteId: 0,\r\n companyId: nextProps.selectedRow.companyId,\r\n resellerId: nextProps.selectedRow.id,\r\n promoteName: \"\",\r\n promoteType: \"dollar\",\r\n promoteValue: 0,\r\n validStartDate: null,\r\n validEndDate: null,\r\n promoteStatus: 1\r\n })\r\n }\r\n }\r\n else if (nextProps.show === false) {\r\n this.setState({\r\n showModal: false\r\n })\r\n }\r\n\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n\r\n validateForm = () => {\r\n if (this.state.validStartDate != null && this.state.validEndDate != null && this.state.promoteName != \"\" && this.state.promoteType != \"\" && !isNaN(this.state.promoteValue)) {\r\n if (new Date(this.state.validStartDate).getTime() < new Date(this.state.validEndDate).getTime() && this.state.promoteValue > 0) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n onSubmit = () => {\r\n if (this.state.promoteId > 0) {\r\n var data = {\r\n \"promoteId\": this.state.promoteId,\r\n \"companyId\": this.state.companyId,\r\n \"resellerId\": this.state.resellerId,\r\n \"promoteName\": this.state.promoteName,\r\n \"promoteType\": this.state.promoteType,\r\n \"promoteValue\": this.state.promoteValue,\r\n \"validStartDate\": this.state.validStartDate,\r\n \"validEndDate\": this.state.validEndDate,\r\n \"promoteStatus\": 1\r\n }\r\n }\r\n else {\r\n var data = {\r\n \"companyId\": this.state.companyId,\r\n \"resellerId\": this.state.resellerId,\r\n \"promoteName\": this.state.promoteName,\r\n \"promoteType\": this.state.promoteType,\r\n \"promoteValue\": this.state.promoteValue,\r\n \"validStartDate\": this.state.validStartDate,\r\n \"validEndDate\": this.state.validEndDate,\r\n \"promoteStatus\": 1\r\n }\r\n }\r\n this.props.setDiscount(data).then(Response => this.props.getDiscountList({ \"companyId\": this.state.companyId, \"resellerId\": this.state.resellerId }));\r\n this.props.onClose();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n New Discount \r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\nexport default ClientDiscountModal;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody} from 'reactstrap';\r\nimport ClientDiscountList from './ClientDiscountList';\r\nimport ClientDiscountModal from './ClientDiscountModal';\r\n\r\n\r\nclass ClientDiscountBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n show: false,\r\n selectedDiscount: null\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n addNewDiscountButton = (onClick) => {\r\n return (\r\n this.setState({\r\n show: true,\r\n selectedDiscount: null\r\n })}\r\n >\r\n Add Discount\r\n \r\n );\r\n }\r\n editDiscountButton = (row) => {\r\n this.setState({\r\n show: true,\r\n selectedDiscount: row\r\n })\r\n }\r\n onClose = () => {\r\n this.setState({\r\n show: false,\r\n selectedDiscount: null\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClientDiscountBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Card, CardBody, Col, Container, Row, Button, Input } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../shared/components/Button/IconButton';\r\n\r\n\r\nclass ClientPlanList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n\r\n priceFormatter = (price, billCycle) => {\r\n var per = \"\";\r\n if (billCycle == 30) {\r\n per = \"/mo\"\r\n }\r\n else if (billCycle == 365) {\r\n per = \"/yr\"\r\n }\r\n return `$ ${price.toFixed(2)}${per}`;\r\n }\r\n\r\n dataFormatter = (data) => {\r\n if (data < 1024) {\r\n return (`${data} MB`);\r\n }\r\n if (data >= 1024) {\r\n var gb = (data / 1024).toFixed(2)\r\n return (`${gb} GB`);\r\n }\r\n }\r\n onModalOpen = (plan) => {\r\n this.props.onPlanOpen(plan)\r\n }\r\n render() {\r\n if (this.props.ServicePlanList != null) {\r\n return (\r\n \r\n \r\n \r\n $ \r\n \r\n \r\n \r\n
\r\n break;\r\n case \"sms\":\r\n formRow =\r\n \r\n 0\r\n || (parseInt(this.state.feature.value) < 0 || (parseFloat(this.state.feature.value) % 1) < 0)}\r\n />\r\n NOTE: SMS Limit\r\n \r\n \r\n \r\n $ \r\n \r\n \r\n \r\n
\r\n break;\r\n default:\r\n formRow =\r\n \r\n \r\n \r\n $ \r\n \r\n \r\n \r\n
\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\nexport default ClientPlanAddOn;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, InputGroupText, InputGroupAddon, InputGroup, Form, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport CloseIcon from 'mdi-react/CloseIcon';\r\n\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport ClientPlanAddOn from './ClientPlanAddOn';\r\nimport { TheaterIcon, ThemeLightDarkIcon } from 'mdi-react';\r\n\r\nimport { getCurrentUser } from '../../../factories/auth';\r\n\r\n// const TeisaSamplePlanData = [\r\n// { name: \"OPTI00777\" },\r\n// { name: \"OPTI00771\" },\r\n// { name: \"OPTI00771\" },\r\n// { name: \"SERV00019\" },\r\n// { name: \"SERV00020\" },\r\n// { name: \"SERV00027\" },\r\n// ]\r\n\r\nconst TeisaSamplePlanData = [\r\n // { name: \"Sigfox Ultra Connect\" }\r\n { name: \"Sigfox Basico Connect\" },\r\n { name: \"Sigfox Plus Connect\" },\r\n { name: \"Sigfox Ultra Connect\" },\r\n]\r\n\r\nclass ClientPlanModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n showServiceModal: false,\r\n resellerCode: null,\r\n companyCode: null,\r\n itemExtensionList: [\r\n { id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 }\r\n ],\r\n userObj: getCurrentUser()\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n this.setState({\r\n resellerCode: nextProps.selectedRow.resellerCode,\r\n companyCode: nextProps.selectedRow.companyCode\r\n })\r\n //Add new plan\r\n if (nextProps.show == true && nextProps.selectedPlan == null) {\r\n\r\n //modal is already open, just recieved new prop like new carrier plan list\r\n if (this.state.showServiceModal == true) {\r\n /*\r\n this.setState({\r\n showServiceModal: true,\r\n id: 0,\r\n carrierId: 0,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n itemCode: \"\",\r\n itemName: \"\",\r\n planDataVolume: \"\",\r\n itemDescription: \"\",\r\n price: \"\",\r\n itemPayFrequency: \"Monthly\",\r\n itemPayType: \"\",\r\n pooledFlag: 0,\r\n autoRenewFlag: 0,\r\n itemExtensionList: [{ id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 }]\r\n })\r\n */\r\n }\r\n else {\r\n this.setState({\r\n showServiceModal: true,\r\n id: 0,\r\n carrierId: 0,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n itemCode: \"\",\r\n itemName: \"\",\r\n planDataVolume: \"\",\r\n itemDescription: \"\",\r\n price: \"\",\r\n itemPayFrequency: \"Monthly\",\r\n itemPayType: \"\",\r\n pooledFlag: 0,\r\n autoRenewFlag: 0,\r\n itemExtensionList: [\r\n { id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 }]\r\n })\r\n }\r\n }\r\n //Edit plan\r\n if (nextProps.show == true && nextProps.selectedPlan != null) {\r\n let itemPayFrequency = \"\"\r\n if (nextProps.selectedPlan.itemPayFrequencyId == 1) {\r\n itemPayFrequency = \"Monthly\"\r\n }\r\n else if (nextProps.selectedPlan.itemPayFrequencyId == 2) {\r\n itemPayFrequency = \"Yearly\"\r\n }\r\n else {\r\n itemPayFrequency = \"Monthly\"\r\n }\r\n\r\n //modal is already open, just recieved new prop like new carrier plan list\r\n if (this.state.showServiceModal == true) {\r\n //do noting, keep inital state\r\n }\r\n else {\r\n if (nextProps.selectedPlan.resellerId == null) {\r\n\r\n let itemExtensionList = (nextProps.selectedPlan.extensions.length > 0)\r\n ? nextProps.selectedPlan.extensions :\r\n [{ id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 }]\r\n\r\n this.setState({\r\n showServiceModal: true,\r\n id: null,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n carrierId: nextProps.selectedPlan.carrier != null ? nextProps.selectedPlan.carrier.carrierId : null,\r\n itemCode: nextProps.selectedPlan.itemCode,\r\n itemName: nextProps.selectedPlan.itemName,\r\n planDataVolume: nextProps.selectedPlan.planDataVolume,\r\n itemDescription: nextProps.selectedPlan.itemDescription,\r\n price: nextProps.selectedPlan.unitPrice,\r\n itemPayFrequency: itemPayFrequency,\r\n itemPayType: nextProps.selectedPlan.itemPayType,\r\n autoRenewFlag: nextProps.selectedPlan.autoRenewFlag,\r\n pooledFlag: nextProps.selectedPlan.pooledFlag,\r\n itemExtensionList: itemExtensionList\r\n }, () => this.props.getCarrierPlans({ \"CompanyCode\": this.props.selectedRow.resellerCode, \"CarrierId\": this.state.carrierId }))\r\n }\r\n else {\r\n let itemExtensionList = (nextProps.selectedPlan.extensions.length > 0)\r\n ? nextProps.selectedPlan.extensions :\r\n [{ id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 }]\r\n\r\n this.setState({\r\n showServiceModal: true,\r\n id: nextProps.selectedPlan.itemId,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n carrierId: nextProps.selectedPlan.carrier != null ? nextProps.selectedPlan.carrier.carrierId : null,\r\n itemCode: nextProps.selectedPlan.itemCode,\r\n itemName: nextProps.selectedPlan.itemName,\r\n planDataVolume: nextProps.selectedPlan.planDataVolume,\r\n itemDescription: nextProps.selectedPlan.itemDescription,\r\n price: nextProps.selectedPlan.unitPrice,\r\n itemPayFrequency: itemPayFrequency,\r\n itemPayType: nextProps.selectedPlan.itemPayType,\r\n autoRenewFlag: nextProps.selectedPlan.autoRenewFlag,\r\n pooledFlag: nextProps.selectedPlan.pooledFlag,\r\n itemExtensionList: itemExtensionList\r\n }, () => this.props.getCarrierPlans({ \"CompanyCode\": this.props.selectedRow.resellerCode, \"CarrierId\": this.state.carrierId }))\r\n }\r\n }\r\n\r\n\r\n }\r\n if (nextProps.show == false) {\r\n this.setState({\r\n showServiceModal: false\r\n })\r\n }\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onFeatureChange = (feature, position) => {\r\n var itemExtensionList = [...this.state.itemExtensionList]\r\n itemExtensionList[position] = feature\r\n\r\n this.setState({\r\n itemExtensionList: itemExtensionList\r\n })\r\n }\r\n onInputCarrierChange = (event) => {\r\n let value = event.target.value;\r\n //Get carrier plan list\r\n this.props.getCarrierPlans({ \"CompanyCode\": this.props.selectedRow.resellerCode, \"CarrierId\": event.target.value });\r\n if (event.target.value != -1) {\r\n /*\r\n this.setState({\r\n carrierId: event.target.value,\r\n });\r\n */\r\n this.setState(prevState => {\r\n prevState.carrierId = value;\r\n prevState.itemCode = '';\r\n return ({\r\n carrierId: prevState.carrierId,\r\n })\r\n });\r\n }\r\n else {\r\n this.setState({\r\n carrierId: \"\",\r\n itemCode: \"\"\r\n });\r\n }\r\n }\r\n onInputCarrierPlanChange = (event) => {\r\n\r\n if (event.target.value != -1) {\r\n this.setState({\r\n itemCode: event.target.value,\r\n });\r\n }\r\n else {\r\n this.setState({\r\n itemCode: \"\",\r\n });\r\n }\r\n }\r\n checkActivationFee = () => {\r\n var overageList = this.state.itemExtensionList.filter((item) => (item.type == \"activationFee\" && item.status == 1));\r\n if (overageList.length <= 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n onAddActivationFee = () => {\r\n var itemExtensionList = [...this.state.itemExtensionList]\r\n var overageList = itemExtensionList.filter((item) => (item.type == \"activationFee\" && item.status == 1));\r\n if (overageList.length <= 0) {\r\n itemExtensionList.push({ id: 0, itemId: 0, type: \"activationFee\", description: \"\", price: \"\", status: 1 });\r\n this.setState({\r\n itemExtensionList: itemExtensionList\r\n })\r\n }\r\n }\r\n checkOverage = (overageType) => {\r\n var overageList = this.state.itemExtensionList.filter((item) => (item.type === overageType && item.status == 1));\r\n if (overageList.length <= 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n onAddOverage = (overageType) => {\r\n var itemExtensionList = [...this.state.itemExtensionList]\r\n var overageList = itemExtensionList.filter((item) => (item.type == overageType && item.status == 1));\r\n if (overageList.length <= 0) {\r\n itemExtensionList.push({ id: 0, itemId: 0, type: overageType, description: \"\", price: \"\", status: 1 });\r\n this.setState({\r\n itemExtensionList: itemExtensionList\r\n })\r\n }\r\n }\r\n onAddFeature = () => {\r\n var itemExtensionList = [...this.state.itemExtensionList]\r\n itemExtensionList.push({ id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 });\r\n this.setState({\r\n itemExtensionList: itemExtensionList\r\n })\r\n }\r\n onDeleteFeature = (position) => {\r\n var itemExtensionList = [...this.state.itemExtensionList]\r\n if (itemExtensionList[position].id > 0) {\r\n\r\n /* Validate here before changing status */\r\n if (itemExtensionList[position].type === \"sms\") {\r\n\r\n // check description\r\n if (!(itemExtensionList[position].description\r\n && itemExtensionList[position].description.trim())) {\r\n return\r\n }\r\n\r\n // check value\r\n if (!(itemExtensionList[position].value\r\n && itemExtensionList[position].value.toString().trim())) {\r\n return\r\n }\r\n\r\n // check price\r\n if (!(itemExtensionList[position].price\r\n && itemExtensionList[position].price.toString().trim())) {\r\n return\r\n }\r\n\r\n // SMS Custom Overage value\r\n if (isNaN(parseInt(itemExtensionList[position].value))) {\r\n return\r\n }\r\n\r\n if (((parseFloat(itemExtensionList[position].value) % 1) > 0)) {\r\n return\r\n }\r\n\r\n if ((parseInt(itemExtensionList[position].value) < 0)) {\r\n return\r\n }\r\n\r\n if (((parseFloat(itemExtensionList[position].value) % 1) < 0)) {\r\n return\r\n }\r\n\r\n // SMS Custom Overage Price\r\n if (isNaN(parseFloat(itemExtensionList[position].price))) {\r\n return\r\n }\r\n\r\n if ((parseFloat(itemExtensionList[position].price) < 0)) {\r\n return\r\n }\r\n }\r\n\r\n itemExtensionList[position].status = 0;\r\n }\r\n else {\r\n itemExtensionList.splice(position, 1);\r\n }\r\n\r\n // check for feature\r\n var featureList = itemExtensionList.filter((item, index) => (item.type == \"feature\"));\r\n if (featureList.length == 0) {\r\n itemExtensionList.push({ id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 });\r\n }\r\n\r\n this.setState({\r\n itemExtensionList: itemExtensionList\r\n })\r\n }\r\n validateForm = () => {\r\n if (this.state.carrierId != \"\"\r\n && this.state.carrierId != null\r\n && this.state.itemName != \"\"\r\n && this.state.itemCode != \"\"\r\n && this.state.itemDescription != \"\"\r\n && !isNaN(this.state.planDataVolume)\r\n && !isNaN(this.state.price)) {\r\n if (parseFloat(this.state.price) >= 0\r\n && parseInt(this.state.planDataVolume) > 0\r\n && this.state.itemDescription.length < 50\r\n && this.validateSmsBilling()\r\n && this.validateOverageBilling()) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n }\r\n validateOverageBilling = () => {\r\n const { itemExtensionList } = this.state\r\n let overageFeatureList = itemExtensionList.filter((item, index) => (item.type == \"overage\"));\r\n if (overageFeatureList.length > 0) {\r\n var overageValidate = true;\r\n for (let overageCost of overageFeatureList) {\r\n if (overageCost.value != null && overageCost.value != \"\") {\r\n if (parseFloat(overageCost.value) < 0 || isNaN(overageCost.value)) {\r\n overageValidate = false\r\n }\r\n }\r\n if (parseFloat(overageCost.price) < 0 || isNaN(overageCost.price)) {\r\n overageValidate = false\r\n }\r\n }\r\n return overageValidate;\r\n }\r\n else {\r\n return true;\r\n }\r\n }\r\n validateSmsBilling = () => {\r\n const { itemExtensionList } = this.state\r\n let smsFeatureList = itemExtensionList.filter((item, index) => (item.type == \"sms\"));\r\n let lastCheckIdx = smsFeatureList.length - 1\r\n if (smsFeatureList.length > 0) {\r\n\r\n if (!smsFeatureList[lastCheckIdx].description || !smsFeatureList[lastCheckIdx].description.trim()) {\r\n return false\r\n }\r\n\r\n if (isNaN(smsFeatureList[lastCheckIdx].value) || !smsFeatureList[lastCheckIdx].value) {\r\n return false\r\n }\r\n\r\n if (isNaN(smsFeatureList[lastCheckIdx].price) || !smsFeatureList[lastCheckIdx].price) {\r\n return false\r\n }\r\n\r\n if (smsFeatureList[lastCheckIdx].description\r\n && smsFeatureList[lastCheckIdx].description.trim()\r\n && smsFeatureList[lastCheckIdx].value\r\n && smsFeatureList[lastCheckIdx].value.toString().trim()\r\n && smsFeatureList[lastCheckIdx].price\r\n && smsFeatureList[lastCheckIdx].price.toString().trim()) {\r\n\r\n // SMS Custom Overage value\r\n if (isNaN(parseInt(smsFeatureList[lastCheckIdx].value))) {\r\n return false\r\n }\r\n\r\n if (((parseFloat(smsFeatureList[lastCheckIdx].value) % 1) > 0)) {\r\n return false\r\n }\r\n\r\n if ((parseInt(smsFeatureList[lastCheckIdx].value) < 0)) {\r\n return false\r\n }\r\n\r\n if (((parseFloat(smsFeatureList[lastCheckIdx].value) % 1) < 0)) {\r\n return false\r\n }\r\n\r\n // SMS Custom Overage Price\r\n if (isNaN(parseFloat(smsFeatureList[lastCheckIdx].price))) {\r\n return false\r\n }\r\n\r\n if ((parseFloat(smsFeatureList[lastCheckIdx].price) < 0)) {\r\n return false\r\n }\r\n\r\n return true\r\n\r\n } else {\r\n return false\r\n }\r\n } else {\r\n return true\r\n }\r\n }\r\n onSubmit = () => {\r\n let data = {\r\n \"id\": this.state.id,\r\n \"companyId\": this.state.companyId,\r\n \"resellerId\": this.state.resellerId,\r\n \"carrierId\": this.state.carrierId,\r\n \"itemCode\": this.state.itemCode,\r\n \"itemName\": this.state.itemName,\r\n \"planDataVolume\": this.state.planDataVolume,\r\n \"itemDescription\": this.state.itemDescription,\r\n \"unitPrice\": this.state.price,\r\n \"itemPayFrequency\": this.state.itemPayFrequency,\r\n \"itemPayType\": this.state.itemPayType,\r\n \"autoRenewFlag\": this.state.autoRenewFlag,\r\n \"pooledFlag\": this.state.pooledFlag,\r\n \"companyCode\": this.state.companyCode,\r\n \"resellerCode\": this.state.resellerCode,\r\n \"itemExtensionList\": this.state.itemExtensionList\r\n }\r\n this.props.SetServicePlan(data).then(res => { this.onModalClose() });\r\n }\r\n onRemovePlan = () => {\r\n let data = {\r\n \"id\": this.state.id,\r\n \"resellerId\": this.state.resellerId,\r\n \"companyCode\": this.state.companyCode,\r\n \"resellerCode\": this.state.resellerCode\r\n }\r\n this.props.DeleteServicePlan(data).then(res => { this.onModalClose() });\r\n }\r\n onModalClose = () => {\r\n this.props.getServicePlanItem({ \"companyCode\": this.state.companyCode, \"resellerCode\": this.state.resellerCode })\r\n .then(res => { this.props.onClose() });\r\n }\r\n render() {\r\n let carrierPlanControl = \r\n \r\n\r\n {\r\n this.state.userObj.companyCode === \"TEISA\" && TeisaSamplePlanData.map((plan, index) =>\r\n ()\r\n )\r\n }\r\n\r\n {this.props.carrierPlanList.map((plan, index) =>\r\n (plan.name == this.state.itemCode) ? : \r\n )}\r\n\r\n ;\r\n\r\n \r\n let textInputList = [\"floLIVE\", \"Simfony\"];\r\n\r\n //if carrier is floLIVE, then display textbox for carrier plan (item code)\r\n if (this.state.carrierId != null && this.state.carrierId > -1 && this.props.carrierList && this.props.carrierList.length > 0) {\r\n let foundCarrier = this.props.carrierList.find((element) => {\r\n return (textInputList.includes(element.carrierName)) && element.carrierId == this.state.carrierId;\r\n });\r\n\r\n //it is floLive, display textbox instead of carrier plan dropdown list\r\n if (foundCarrier != null) {\r\n carrierPlanControl = \r\n {(this.props.selectedPlan != null) ? \"Customize \" + this.props.selectedPlan.itemName : \"Customize New Plan\"} \r\n \r\n \r\n \r\n \r\n {this.props.carrierList && this.props.carrierList.map((carrier, index) =>\r\n (carrier.carrierId == this.state.carrierId) ? : \r\n\r\n )}\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n {[\"Monthly\", \"Yearly\"].map((cycle, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {/**/}\r\n \r\n \r\n\r\n \r\n \r\n :\r\n \r\n {/*\r\n */}\r\n {/**/}\r\n\r\n \r\n \r\n }\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n {(this.props.pageContentList.includes(\"Client Plan Modal Pooled\")) ?\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
: null}\r\n
\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n\r\n
}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n\r\n
}\r\n
\r\n\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n\r\n
}\r\n \r\n\r\n {/*
*/}\r\n \r\n \r\n {(this.props.selectedPlan != null && this.props.selectedPlan.resellerId != null) ?\r\n \r\n :\r\n null\r\n }\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default ClientPlanModal;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Button } from 'reactstrap';\r\n\r\nimport ClientPlanList from './ClientPlanList';\r\nimport ClientPlanModal from './ClientPlanModal';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\n//import {CSVLink} from \"react-csv\";\r\n\r\nimport { PowerIcon, ThumbDownIcon } from 'mdi-react';\r\nimport { CSVLink } from \"react-csv\";\r\n\r\nclass ClientPlanBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser()\r\n this.state = {\r\n selectedPlan: null,\r\n show: false,\r\n carrierPlanList: [],\r\n usageCsvData: [],\r\n usageCsvHeaders: [\r\n //{ label: \"Plan Name\", key: \"itemName\" },\r\n //{ label: \"Carrier Name\", key: \"carrier\" },\r\n //{ label: \"Unit Price/mo\", key: \"unitPrice\"},\r\n //{ label: \"Data Volume\", key: \"planDataVolume\"},\r\n //{ label: \"Description\", key:\"extensions\"}\r\n ]\r\n\r\n }\r\n }\r\n componentDidMount() {\r\n var csvdata = [];\r\n var labels = []\r\n if (this.props.isAdmin === true) {\r\n labels = [\r\n { label: \"Plan Name\", key: \"itemName\" },\r\n { label: \"Carrier Name\", key: \"carrier\" },\r\n { label: \"Unit Price/mo\", key: \"unitPrice\" },\r\n { label: \"Data Volume\", key: \"planDataVolume\" },\r\n { label: \"Description\", key: \"extensions\" }\r\n ]\r\n } else {\r\n labels = [\r\n { label: \"Plan Name\", key: \"itemName\" },\r\n { label: \"Unit Price/mo\", key: \"unitPrice\" },\r\n { label: \"Data Volume\", key: \"planDataVolume\" },\r\n { label: \"Description\", key: \"extensions\" }\r\n ]\r\n }\r\n this.setState({ usageCsvHeaders: labels });\r\n for (let i = 0; i < this.props.ServicePlanList.length; i++) {\r\n csvdata.push({\r\n itemName: this.props.ServicePlanList[i].itemName,\r\n carrier: (this.props.ServicePlanList[i].carrier) ? this.props.ServicePlanList[i].carrier.carrierName : null,\r\n unitPrice: this.props.ServicePlanList[i].unitPrice,\r\n planDataVolume: this.props.ServicePlanList[i].planDataVolume,\r\n extensions: this.props.ServicePlanList[i].extensions.map(e => { return e.type + ' ,' + e.description + ' ,$' + e.price }).join('\\n')\r\n\r\n })\r\n }\r\n\r\n this.setState({\r\n usageCsvData: csvdata\r\n })\r\n }\r\n\r\n onPlanOpen = (plan) => {\r\n this.setState({\r\n selectedPlan: plan,\r\n show: true\r\n })\r\n }\r\n onGeneralOpen = () => {\r\n this.setState({\r\n show: true\r\n })\r\n }\r\n onClose = () => {\r\n this.setState({\r\n selectedPlan: null,\r\n show: false\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n\r\n}\r\nexport default ClientPlanBoard;","/* eslint-disable */\r\n\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Button, Col, Input, Row } from \"reactstrap\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { getCurrentUser, hasRole } from \"../../../factories/auth\";\r\nimport ConfirmDeleteDialog from \"../../../shared/components/Dialog/ConfirmationDialog\";\r\n\r\nclass ClientEditAddress extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n id: 0,\r\n name: \"\",\r\n addressLine1: \"\",\r\n addressLine2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n country: \"\",\r\n code: \"\",\r\n title: \"\",\r\n statesList: [],\r\n isNew: false,\r\n };\r\n this.userObj = getCurrentUser();\r\n }\r\n async componentDidMount() {\r\n if (this.props.address) {\r\n this.setState({\r\n id: this.props.address.id,\r\n name: this.props.address.name,\r\n addressLine1: this.props.address.addressLine1,\r\n addressLine2: this.props.address.addressLine2,\r\n city: this.props.address.city,\r\n state: this.props.address.state,\r\n country: this.props.address.country,\r\n code: this.props.address.zipCode,\r\n title: `Address ${this.props.index + 1}`,\r\n isNew: false,\r\n });\r\n } else {\r\n this.setState({\r\n id: 0,\r\n name: \"\",\r\n addressLine1: \"\",\r\n addressLine2: \"\",\r\n city: \"\",\r\n state: this.props.provinceMap.get(this.props.countryList[0].value),\r\n country: this.props.countryList[0].value,\r\n code: \"\",\r\n title: \"Add New Address\",\r\n isNew: true,\r\n });\r\n }\r\n\r\n let cval = this.props.address ? this.props.address.country : this.props.countryList[0].value;\r\n\r\n if (cval) {\r\n this.setState({\r\n statesList: this.props.provinceMap.get(cval)\r\n })\r\n }\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n });\r\n };\r\n onCountryChange = async (event) => {\r\n let stateList = this.props.provinceMap.get(event.target.value);\r\n this.setState({\r\n country: event.target.value,\r\n state: stateList.abbrev,\r\n statesList: stateList\r\n })\r\n };\r\n\r\n\r\n onRemove = () => {\r\n var data = {\r\n companyId: this.props.selectedRow.companyId,\r\n resellerId: this.props.selectedRow.id,\r\n addressId: this.state.id,\r\n isNew: false,\r\n isDelete: true,\r\n };\r\n this.props.setAddress(data).then((res) => {\r\n if (res.data === \"success\") {\r\n this.props.getAddress({\r\n companyId: this.props.selectedRow.companyId,\r\n resellerId: this.props.selectedRow.id,\r\n customerId: null,\r\n userId: null,\r\n });\r\n toast.success(\"success\");\r\n } else {\r\n this.props.getAddress({\r\n companyId: this.props.selectedRow.companyId,\r\n resellerId: this.props.selectedRow.id,\r\n customerId: null,\r\n userId: null,\r\n });\r\n toast.error(\"error\");\r\n }\r\n });\r\n };\r\n onSubmit = () => {\r\n var data;\r\n if (this.state.isNew) {\r\n data = {\r\n companyId: this.props.selectedRow.companyId,\r\n resellerId: this.props.selectedRow.id,\r\n isNew: this.state.isNew,\r\n name: this.state.name,\r\n address1: this.state.addressLine1,\r\n address2: this.state.addressLine2,\r\n city: this.state.city,\r\n state: this.state.state,\r\n country: this.state.country,\r\n code: this.state.code,\r\n };\r\n } else {\r\n data = {\r\n addressId: this.state.id,\r\n isNew: this.state.isNew,\r\n name: this.state.name,\r\n address1: this.state.addressLine1,\r\n address2: this.state.addressLine2,\r\n city: this.state.city,\r\n state: this.state.state,\r\n country: this.state.country,\r\n code: this.state.code,\r\n };\r\n }\r\n this.props.setAddress(data).then((res) => {\r\n if (res.data === \"success\") {\r\n this.props.getAddress({\r\n companyId: this.props.selectedRow.companyId,\r\n resellerId: this.props.selectedRow.id,\r\n customerId: null,\r\n userId: null,\r\n });\r\n toast.success(\"success\");\r\n if (this.state.isNew) {\r\n this.setState({\r\n id: 0,\r\n name: \"\",\r\n addressLine1: \"\",\r\n addressLine2: \"\",\r\n city: \"\",\r\n state: this.props.provinceMap.get(this.props.countryList[0].value),\r\n country: this.props.countryList[0].value,\r\n code: \"\",\r\n title: \"Add New Address\",\r\n isNew: true,\r\n });\r\n }\r\n } else {\r\n this.props.getAddress({\r\n companyId: this.props.selectedRow.companyId,\r\n resellerId: this.props.selectedRow.id,\r\n customerId: null,\r\n userId: null,\r\n });\r\n toast.error(\"error\");\r\n }\r\n });\r\n };\r\n\r\n validateAddress = () => {\r\n return this.state.addressLine1 != \"\" && this.state.addressLine1;\r\n };\r\n\r\n validateCity = () => {\r\n return this.state.city != \"\" && this.state.city;\r\n };\r\n\r\n validateCode = () => {\r\n return this.state.code != \"\" && this.state.code;\r\n };\r\n\r\n validateForm = () => {\r\n return this.validateAddress() && this.validateCity() && this.validateCode();\r\n };\r\n render() {\r\n let labelStyle = {\r\n textAlign: \"right\",\r\n verticalAlign: \"middle\",\r\n marginTop: \"auto\",\r\n marginBottom: \"auto\",\r\n };\r\n return (\r\n \r\n \r\n
\r\n\r\n
\r\n {(this.props.isAdmin) ?\r\n <>\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n : null\r\n }\r\n\r\n
\r\n { (this.props.pageContentList.includes(\"Client Info\")) ?\r\n\r\n
: null\r\n}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n {this.props.addressList.map((address, index) =>\r\n (address.addressType == \"B\") ? : \r\n )}\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators(\r\n { getCountries, getCarrierList },\r\n dispatch\r\n );\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientEditBoard);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Col, Row, Button, Input } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n\r\nclass ClientInvoiceModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n adjustAmount: null,\r\n paymentMethod:\"\",\r\n paidAmount: 0,\r\n invAmt: 0,\r\n userPayAmt: 0,\r\n comment: \"\",\r\n status: 12\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({\r\n adjustAmount: nextProps.adjustAmount,\r\n paidAmount: nextProps.paidAmount,\r\n invAmt: nextProps.invAmt,\r\n comment: nextProps.comment,\r\n status: nextProps.status,\r\n paymentMethod: nextProps.paymentMethod,\r\n })\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onSubmit = () => {\r\n this.onClose();\r\n this.props.handleInvoiceAdjustment(this.props.invoiceId, this.state.userPayAmt, this.props.isAdmin);\r\n }\r\n onPaymentSubmit = () => {\r\n this.onClose();\r\n this.props.handleInvoiceAdjustment(this.props.invoiceId, this.state.paymentMethod, this.props.isAdmin);\r\n }\r\n onClose = () => {\r\n this.setState({\r\n adjustAmount: null,\r\n paidAmount: 0,\r\n comment: \"\",\r\n status: 0\r\n }, () => {\r\n this.props.onClose()\r\n })\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n ...this.state,\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n ValidateAmount = () => {\r\n var regex = /^[0-9]+$|^[0-9]+\\.[0-9]{1,2}$/;\r\n return (this.state.userPayAmt && regex.test(this.state.userPayAmt));\r\n }\r\n ValidatePaymentMethod = () => {\r\n return this.state.paymentMethod && this.state.paymentMethod != \"\";\r\n }\r\n render() {\r\n // console.log(\"this.state.paymentMethod\", this.state.paymentMethod);\r\n if (!this.props.isAdmin) { \r\n return (\r\n \r\n Pay Invoice \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n } else {\r\n return (\r\n \r\n Pay Invoice \r\n \r\n
\r\n\r\n \r\n {[{name:\"CHK\", value:\"check\"},{name:\"CC\", value:\"credit card\"},{name:\"ACH\", value:\"ACH\"}].map(pay => \r\n (this.state.paymentMethod===pay.name)?\r\n :\r\n null\r\n )}\r\n \r\n\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n }\r\n}\r\nexport default ClientInvoiceModal;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, Input } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport styles from './ClientMiscellaneousInvoiceItemEditModal.module.css';\r\n\r\nclass ClientMiscellaneousInvoiceItemEditModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n generalLedgerCodes: [],\r\n generalLedgerCodeUsageReasons: [],\r\n glCode: '',\r\n miscellaneousInvoiceItemSelected: null,\r\n amount: 0\r\n }\r\n this.onInputChange = this.onInputChange.bind(this)\r\n this.getGlCodeStr = this.getGlCodeStr.bind(this)\r\n this.onClose = this.onClose.bind(this)\r\n this.validateForm = this.validateForm.bind(this)\r\n this.onSubmit = this.onSubmit.bind(this)\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({\r\n showModal: nextProps.showModal\r\n })\r\n if (nextProps.miscellaneousInvoiceItemSelected != null) {\r\n\r\n const { reasonId } = nextProps.miscellaneousInvoiceItemSelected\r\n const { generalLedgerCodeUsageReasons, \r\n generalLedgerCodes, isEditMode, \r\n BUDivisionList, miscellaneousInvoiceItemSelected } = nextProps\r\n\r\n this.setState({\r\n isEditMode: isEditMode,\r\n generalLedgerCodes: generalLedgerCodes,\r\n generalLedgerCodeUsageReasons: generalLedgerCodeUsageReasons,\r\n BUDivisionList: BUDivisionList,\r\n miscellaneousInvoiceItemSelected: miscellaneousInvoiceItemSelected,\r\n glCode: this.getGlCodeStr(reasonId, generalLedgerCodeUsageReasons, generalLedgerCodes),\r\n divisionId: miscellaneousInvoiceItemSelected.divisionId,\r\n reasonId: reasonId,\r\n amount: Number(miscellaneousInvoiceItemSelected.amount)\r\n })\r\n }\r\n }\r\n\r\n getGlCodeStr = (reasonId, generalLedgerCodeUsageReasons, generalLedgerCodes) => {\r\n\r\n let glCode = ''\r\n\r\n const reasonCodeResult = generalLedgerCodeUsageReasons && \r\n generalLedgerCodeUsageReasons\r\n .filter((reasonCodeItem) => {\r\n return reasonCodeItem.id === parseInt(reasonId)})\r\n\r\n if (reasonCodeResult && reasonCodeResult.length > 0) {\r\n const glCodeResult = generalLedgerCodes\r\n .filter((glCodeItem) => { \r\n return glCodeItem.id === reasonCodeResult[0].codeId })\r\n\r\n glCode = `${glCodeResult[0].generalLedgerCode} - ${glCodeResult[0].description}`\r\n }\r\n\r\n return glCode\r\n }\r\n\r\n onInputChange = (event) => {\r\n\r\n if (event.target.name === 'reasonId') {\r\n const { generalLedgerCodeUsageReasons, \r\n generalLedgerCodes } = this.state\r\n \r\n this.setState({\r\n glCode: this.getGlCodeStr(event.target.value, generalLedgerCodeUsageReasons, generalLedgerCodes)\r\n })\r\n }\r\n\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onClose = () => {\r\n this.props.onClose()\r\n }\r\n\r\n validateForm = () => {\r\n let { divisionId, reasonId, amount } = this.state\r\n\r\n if (reasonId > 0 \r\n && !isNaN(amount) \r\n && (parseFloat(+amount).toFixed(2) > 0 || parseFloat(+amount).toFixed(2) < 0)\r\n && divisionId > 0) {\r\n return true\r\n }\r\n return false\r\n }\r\n\r\n onSubmit = () => {\r\n const { onSave, onClose } = this.props\r\n\r\n let { miscellaneousInvoiceItemSelected, divisionId, \r\n reasonId, amount, isEditMode, \r\n generalLedgerCodeUsageReasons } = this.state\r\n\r\n let generalLedgerCodeStr = generalLedgerCodeUsageReasons.filter(gl => gl.id === parseInt(reasonId));\r\n\r\n miscellaneousInvoiceItemSelected.divisionId = parseInt(divisionId)\r\n miscellaneousInvoiceItemSelected.reasonId = parseInt(reasonId)\r\n miscellaneousInvoiceItemSelected.generalLedgerCodeStr = generalLedgerCodeStr[0].generalLedgerCode\r\n miscellaneousInvoiceItemSelected.amount = parseFloat(amount).toFixed(2)\r\n \r\n onSave(miscellaneousInvoiceItemSelected, isEditMode);\r\n onClose();\r\n }\r\n\r\n render() {\r\n\r\n let { showModal, isEditMode, reasonId, \r\n BUDivisionList, divisionId, glCode,\r\n generalLedgerCodeUsageReasons, amount } = this.state\r\n\r\n return (\r\n \r\n \r\n {\r\n isEditMode ? 'Edit Adjustment Item' : 'Add an Adjustment Item'\r\n }\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n \r\n \r\n {\r\n BUDivisionList && BUDivisionList.length > 0 &&\r\n BUDivisionList.map((BUDivision, idx) => \r\n ())\r\n }\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n \r\n \r\n {\r\n generalLedgerCodeUsageReasons && generalLedgerCodeUsageReasons.length > 0 &&\r\n generalLedgerCodeUsageReasons.map((glCodeReason, idx) => \r\n ())\r\n }\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ClientMiscellaneousInvoiceItemEditModal;","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { Col, Row, Button, Input, Label } from 'reactstrap';\r\nimport { sortCaret } from '../../../../shared/components/Table/tableElements';\r\nimport styles from './SelectQuantity.module.css';\r\n\r\n\r\nclass SelectQuantity extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n priceFormatter = (cell, row) => {\r\n var per = \"\";\r\n if (row.billCycle == 30) {\r\n per = \"/month\"\r\n }\r\n else if (row.billCycle == 365) {\r\n per = \"/year\"\r\n }\r\n var price = cell.toFixed(2);\r\n return `$ ${price}${per}`;\r\n }\r\n\r\n SetQuantityButton = (cell, row, enumObject, index) => {\r\n let quantity = \"\";\r\n if(this.props.deviceQuantityRequest && this.props.deviceQuantityRequest.size>0) {\r\n const requests = Array.from(this.props.deviceQuantityRequest.values());\r\n const request = requests.filter((req) =>req.id == row.itemId)\r\n // console.log(\"request:\", request);\r\n if(request!= null && request.length>0)\r\n quantity = request[0].quantity;\r\n } \r\n // console.log(\"SetQuantityButton\", cell, row, enumObject, index);\r\n return (\r\n \r\n \r\n Name \r\n Description \r\n Price \r\n \r\n Quantity\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default SelectQuantity;","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { Col, Row, Button, Input, Label } from 'reactstrap';\r\n\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport MinusIcon from 'mdi-react/MinusIcon';\r\n\r\nclass AdditionalCharges extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n \r\n onInputChange = (event, index) => {\r\n if(event.target.type=='checkbox') {\r\n this.props.onAdditionalChargesChange(index, event.target.name, event.target.checked);\r\n }\r\n else {\r\n this.props.onAdditionalChargesChange(index, event.target.name, event.target.value);\r\n }\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n \r\n this.onInputChange(e, index)}\r\n value={item.description}\r\n />\r\n NOTE: 40 Character Limit\r\n \r\n\r\n this.onInputChange(e, index)}\r\n value={item.quantity}\r\n />\r\n \r\n\r\n this.onInputChange(e, index)}\r\n value={item.price}\r\n />\r\n \r\n\r\n this.onInputChange(e, index)}\r\n checked={item.tax}\r\n />\r\n \r\n\r\n
\r\n )})}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n ) \r\n }\r\n}\r\n\r\nexport default AdditionalCharges;","/* eslint-disable */\r\nimport React from \"react\";\r\nimport { Col, Row, Button, Input, Label } from 'reactstrap';\r\n\r\nconst ShippingAddress = (props) => {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {props.addressList.map((address, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n
|
\r\n \r\n
\r\n
|
\r\n \r\n
\r\n
|
\r\n \r\n
\r\n
|
\r\n \r\n \r\n {/* {console.log(\"shipping address > country\", props.shippingAddress ,props.shippingAddress.country, isNaN(props.shippingAddress.country), props.shippingAddress.country == null, props.shippingAddress.country === undefined)} */}\r\n \r\n {props.provinceList.map((province, index) => (\r\n props.shippingAddress.province === province.abbrev ?\r\n :\r\n \r\n ))}\r\n \r\n \r\n {props.onCountryChange(e); props.onShippingAddressChange(e)}}\r\n disabled={props.shippingAddress.choseAddress != 0 ? true : false}\r\n >\r\n \r\n {props.countryList.map((country, index) => (\r\n props.shippingAddress.country === country.value ? \r\n :\r\n \r\n ))}\r\n \r\n \r\n
\r\n
|
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default ShippingAddress;","/* eslint-disable */\r\n// import React from \"react\";\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, Input, Label } from 'reactstrap';\r\n\r\nconst PaymentMethod = (props) => {\r\n return (\r\n \r\n \r\n \r\n {\r\n props.remapPaymentAccountList.paymentMethods.map((method, index) => (\r\n (props.remapPaymentAccountList.selectedMethod === method) ?\r\n :\r\n \r\n ))\r\n }\r\n \r\n \r\n {(props.remapPaymentAccountList.selectedMethod != \"ACH\" && props.remapPaymentAccountList.selectedMethod != \"CHK\") ?\r\n \r\n {\r\n props.remapPaymentAccountList.selectedPayment == null && props.remapPaymentAccountList.defaultPayment == null ?\r\n : null\r\n }\r\n {\r\n props.remapPaymentAccountList.paymentAccounts[props.remapPaymentAccountList.selectedMethod].map((ac, index) => (\r\n (props.remapPaymentAccountList.defaultPayment != null) ?\r\n :\r\n \r\n ))\r\n }\r\n\r\n \r\n \r\n : null}\r\n
\r\n
|
\r\n \r\n \r\n {props.addressList.map((address, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n
|
\r\n \r\n
\r\n
|
\r\n \r\n
\r\n
|
\r\n \r\n
\r\n
|
\r\n \r\n \r\n \r\n {props.provinceList.map((province, index) => (\r\n props.billingAddress.province === province.abbrev ?\r\n :\r\n \r\n ))}\r\n \r\n \r\n { props.onCountryChange(e); props.onPaymentMethodChange(e) }}\r\n disabled={props.billingAddress.choseAddress != 0 ? true : false}\r\n >\r\n \r\n {props.countryList.map((country, index) => (\r\n props.billingAddress.country === country.value ?\r\n :\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default PaymentMethod;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n\r\nimport { Col, Row, Button, Input } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n\r\nimport Stepper from \"@material-ui/core/Stepper\";\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport StepContent from \"@material-ui/core/StepContent\";\r\n\r\nimport SelectQuantity from './SelectQuantity';\r\nimport AdditionalCharges from './AdditionalCharges';\r\nimport ShippingAddress from './ShippingAddress';\r\nimport PaymentMethod from './PaymentMethod';\r\n\r\nimport { getProvinces } from '../../../../redux/actions/userAction';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport { toast } from \"react-toastify\";\r\n\r\n\r\nclass ClientGenerateInvoiceModal extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activeStep: 0,\r\n\r\n paymentMethod: {},\r\n //Select Quantity\r\n deviceQuantityRequest: new Map(),\r\n //Additional Charges\r\n additionalChargesList: [\r\n {\r\n \"description\": '',\r\n \"price\": '',\r\n \"quantity\": '',\r\n \"tax\": false\r\n }\r\n ],\r\n //Shipping Address\r\n shippingAddress: { choseAddress: 0, shippingCharges: '' },\r\n //Payment Method\r\n stateList: [],\r\n billingAddress: { choseAddress: 0, isSameWithShippingAddress: false },\r\n remapPaymentAccountList: this.remapPaymentAccountList(),\r\n }\r\n // console.log(\"ClientGenerationInvoiceModal > Constructor\", props)\r\n }\r\n\r\n objsteps = {\r\n \"Select Quantity\": SelectQuantity,\r\n \"Additional Charges\": AdditionalCharges,\r\n \"Shipping Address\": ShippingAddress,\r\n \"Payment Method\": PaymentMethod\r\n };\r\n\r\n // Lifecycle\r\n componentDidMount() {\r\n this.setState({\r\n statesList: (this.props.countryList.length > 0) ? this.props.provinceMap.get(this.props.countryList[0].value) : []\r\n })\r\n\r\n }\r\n\r\n\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n\r\n /*\r\n this.setState({\r\n remapPaymentAccountList: this.remapPaymentAccountList(),\r\n })\r\n */\r\n }\r\n\r\n componentWillUpdate(nextProps, nextState) {\r\n // console.log(\"componentWillUpdate\")\r\n }\r\n\r\n // Navigation\r\n\r\n handleNext = () => {\r\n this.setState(prevState => ({\r\n activeStep: prevState.activeStep + 1,\r\n }));\r\n }\r\n\r\n handleBack = () => {\r\n if (this.state.activeStep == 1) {\r\n this.setState(prevState => {\r\n return {\r\n /*\r\n additionalChargesList: [\r\n {\r\n \"description\": '',\r\n \"price\": '',\r\n \"quantity\": '',\r\n \"tax\": false\r\n }\r\n ],*/\r\n activeStep: (prevState.activeStep - 1) >= 0 ? prevState.activeStep - 1 : 0,\r\n }\r\n });\r\n\r\n } else if (this.state.activeStep == 2) {\r\n\r\n this.setState(prevState => {\r\n return {\r\n shippingAddress: { choseAddress: 0, shippingCharges: '' },\r\n\r\n activeStep: (prevState.activeStep - 1) >= 0 ? prevState.activeStep - 1 : 0,\r\n }\r\n });\r\n\r\n } else if (this.state.activeStep == 3) {\r\n var pm = this.state.billingAddress;\r\n pm.isSameWithShippingAddress = false;\r\n this.setState(prevState => {\r\n return {\r\n //paymentMethod: {},\r\n billingAddress: pm,\r\n //remapPaymentAccountList: this.remapPaymentAccountList(),\r\n activeStep: (prevState.activeStep - 1) >= 0 ? prevState.activeStep - 1 : 0,\r\n }\r\n });\r\n\r\n }\r\n else {\r\n this.setState(prevState => {\r\n return {\r\n activeStep: (prevState.activeStep - 1) >= 0 ? prevState.activeStep - 1 : 0,\r\n }\r\n });\r\n }\r\n }\r\n\r\n onClose = () => {\r\n this.setState({\r\n activeStep: 0,\r\n paymentMethod: {},\r\n deviceQuantityRequest: new Map(),\r\n additionalChargesList: [\r\n {\r\n \"description\": '',\r\n \"price\": '',\r\n \"quantity\": '',\r\n \"tax\": false\r\n }\r\n ],\r\n shippingAddress: { choseAddress: 0, shippingCharges: '' },\r\n billingAddress: { choseAddress: 0, isSameWithShippingAddress: false },\r\n remapPaymentAccountList: this.remapPaymentAccountList(),\r\n }, () => {\r\n this.props.onClose()\r\n })\r\n }\r\n\r\n // remap list\r\n\r\n remapPaymentAccountList = () => {\r\n var payments = {\r\n paymentTypes: {\r\n \"CC\": \"Credit Card\",\r\n \"ACH\": \" Automated Clearing House\",\r\n \"CHK\": \"Check\",\r\n }\r\n }\r\n\r\n var accountsByMethod = {}\r\n var defaultPayment = {}\r\n var selectedPayment = {}\r\n var selectedMethod = {}\r\n\r\n this.props.paymentAccountList.map(ac => {\r\n var account = {\r\n accountId: ac.accountId,\r\n paymentMethod: ac.paymentMethod,\r\n cardMask: ac.cardMask,\r\n defaultPayment: ac.defaultPayment,\r\n status: ac.status,\r\n origin: ac,\r\n }\r\n\r\n if (account.defaultPayment === 'Y') {\r\n defaultPayment = account\r\n selectedPayment = account\r\n selectedMethod = account.paymentMethod\r\n }\r\n\r\n if (ac.paymentMethod in accountsByMethod) {\r\n accountsByMethod[ac.paymentMethod].push(account)\r\n } else {\r\n accountsByMethod[ac.paymentMethod] = [account]\r\n }\r\n\r\n })\r\n\r\n payments.paymentMethods = Object.keys(accountsByMethod)\r\n payments.paymentAccounts = accountsByMethod\r\n payments.defaultPayment = defaultPayment\r\n payments.selectedPayment = selectedPayment\r\n payments.selectedMethod = selectedMethod\r\n\r\n return payments\r\n }\r\n\r\n // onChange\r\n\r\n onCountryChange = (event) => {\r\n\r\n this.setState({\r\n statesList: this.props.provinceMap.get(event.target.value)\r\n })\r\n }\r\n\r\n onQuantityChange = (e, cell, row, enumObject, index) => {\r\n const digitreg = /^[0-9\\b]+$/;\r\n if (e.target.value == '' || digitreg.test(e.target.value)) {\r\n let newRequest = new Map()\r\n this.state.deviceQuantityRequest.forEach((value, key) => {\r\n newRequest.set(key, value);\r\n })\r\n if (e.target.value == 0) {\r\n newRequest.delete(row.itemId);\r\n } else {\r\n newRequest.set(row.itemId, {\r\n \"id\": row.itemId,\r\n \"name\": row.itemName,\r\n \"unitPrice\": row.unitPrice,\r\n \"quantity\": e.target.value\r\n });\r\n }\r\n // console.log(\"newRequest: \", newRequest);\r\n // console.log(\"ClientGenerateInvoiceModal > deviceQuantityRequest\", newRequest, \"<<<>>>\", this.state.deviceQuantityRequest)\r\n\r\n this.setState({\r\n deviceQuantityRequest: newRequest\r\n });\r\n }\r\n\r\n }\r\n\r\n onAddCharge = () => {\r\n const charge = [{\r\n \"description\": '',\r\n \"price\": '',\r\n \"quantity\": '',\r\n \"tax\": false\r\n }];\r\n const chargesList = this.state.additionalChargesList.concat(charge);\r\n this.setState({\r\n additionalChargesList: chargesList\r\n })\r\n\r\n }\r\n\r\n onDeleteCharge = (i) => {\r\n // console.log(i);\r\n const chargesList = this.state.additionalChargesList.filter((value, index) => i != index);\r\n // console.log(\"after delete:\", chargesList);\r\n this.setState({\r\n additionalChargesList: chargesList\r\n })\r\n }\r\n\r\n onAdditionalChargesChange = (index, name, value) => {\r\n const digitreg = /^[0-9\\b]+$/;\r\n const pricereg = /^(\\d+\\.{0,1}\\d{0,2})$|^(\\.{0,1}\\d{0,2})$/;\r\n\r\n // console.log(\"onAdditionalChargesChange....\");\r\n // console.log(index, name, value)\r\n // console.log(\"before change: \", this.state.additionalChargesList)\r\n\r\n // let charge = this.state.additionalChargesList.filter(element => element.index == index)\r\n let newChargeList = this.state.additionalChargesList.map((e, i) => {\r\n if (i == index) {\r\n // console.log('found!')\r\n let element = { ...e };\r\n if (name == \"description\") {\r\n if (value.length <= 40) {\r\n element.description = value;\r\n }\r\n } else if (name == \"quantity\") {\r\n if (value == '' || digitreg.test(value)) {\r\n element.quantity = value;\r\n }\r\n } else if (name == \"unitPrice\") {\r\n if (value == '' || pricereg.test(value)) {\r\n element.price = value\r\n }\r\n } else if (name == \"tax\")\r\n element.tax = value\r\n else {\r\n // console.log(\"error AdditionalChargesChange name\", name)\r\n }\r\n // if(!element.description && !element.quantity && !element.price && element.tax!=true){\r\n // console.log(\"add charge is set to null, remove from list, \", e, i, element); \r\n // }\r\n // else {\r\n // console.log(\"element\", element)\r\n // return element;\r\n // }\r\n\r\n return element;\r\n\r\n } else {\r\n return e;\r\n }\r\n });\r\n\r\n // console.log(\"newChargeList.length \", newChargeList.length, newChargeList );\r\n if (newChargeList.length == 0) {\r\n newChargeList = [\r\n {\r\n \"description\": '',\r\n \"price\": '',\r\n \"quantity\": '',\r\n \"tax\": false\r\n }\r\n ]\r\n }\r\n\r\n // console.log(\"after change: \", newChargeList);\r\n this.setState({\r\n additionalChargesList: newChargeList\r\n });\r\n }\r\n\r\n onShippingAddressChange = (event) => {\r\n const pricereg = /^(\\d+\\.{0,1}\\d{0,2})$|^(\\.{0,1}\\d{0,2})$/;\r\n\r\n switch (event.target.name) {\r\n case \"sa_newShippingAddress\":\r\n var sa = this.state.shippingAddress;\r\n sa.choseAddress = event.target.value;\r\n var address = this.props.addressList.find(address => address.id == sa.choseAddress)\r\n var country = this.props.countryList[0].value\r\n if (address != null) {\r\n country = address.country;\r\n sa.name = address.name\r\n sa.addressLine1 = address.addressLine1\r\n sa.addressLine2 = address.addressLine2\r\n sa.city = address.city\r\n sa.zipCode = address.zipCode\r\n sa.province = address.state\r\n sa.country = address.country\r\n }\r\n if (sa.choseAddress == 0) {\r\n sa.name = \"\"\r\n sa.addressLine1 = \"\"\r\n sa.addressLine2 = \"\"\r\n sa.city = \"\"\r\n sa.zipCode = \"\"\r\n sa.province = this.props.provinceMap.get(this.props.countryList[0].value)[0].abbrev\r\n sa.country = this.props.countryList[0].value\r\n\r\n }\r\n this.setState({ shippingAddress: sa, statesList: this.props.provinceMap.get(country) });\r\n break;\r\n\r\n case \"sa_name\":\r\n this.state.shippingAddress.name = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_shippingAddressLine1\":\r\n this.state.shippingAddress.addressLine1 = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_shippingAddressLine2\":\r\n this.state.shippingAddress.addressLine2 = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_city\":\r\n this.state.shippingAddress.city = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_zipCode\":\r\n this.state.shippingAddress.zipCode = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_country\":\r\n this.state.shippingAddress.country = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_stateProvince\":\r\n this.state.shippingAddress.province = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n break;\r\n\r\n case \"sa_shippingCharges\":\r\n if (pricereg.test(event.target.value)) {\r\n this.state.shippingAddress.shippingCharges = event.target.value;\r\n this.setState({ shippingAddress: this.state.shippingAddress });\r\n }\r\n\r\n break;\r\n }\r\n }\r\n\r\n onPaymentMethodChange = (event) => {\r\n switch (event.target.name) {\r\n case \"pm_paymentType\":\r\n var payments = this.state.remapPaymentAccountList;\r\n payments.selectedMethod = event.target.value;\r\n payments.defaultPayment = null;\r\n payments.selectedPayment = null;\r\n if (event.target.value === \"ACH\" || event.target.value === \"CHK\") {\r\n payments.selectedPayment = payments.paymentAccounts[event.target.value][0];\r\n }\r\n this.setState({ remapPaymentAccountList: payments })\r\n break;\r\n\r\n case \"pm_paymentCard\":\r\n this.state.remapPaymentAccountList.selectedPayment = this.props.paymentAccountList.find(ac => ac.accountId == event.target.value)\r\n this.setState({ remapPaymentAccountList: this.state.remapPaymentAccountList })\r\n break;\r\n\r\n case \"pm_billingAddress\":\r\n var pm = this.state.billingAddress;\r\n pm.choseAddress = event.target.value;\r\n var address = this.props.addressList.find(address => address.id == pm.choseAddress)\r\n var country = this.props.countryList[0].value\r\n if (address != null) {\r\n country = address.country;\r\n pm.name = address.name\r\n pm.addressLine1 = address.addressLine1\r\n pm.addressLine2 = address.addressLine2\r\n pm.city = address.city\r\n pm.zipCode = address.zipCode\r\n pm.province = address.state\r\n pm.country = address.country\r\n }\r\n if (pm.choseAddress == 0) {\r\n pm.name = \"\"\r\n pm.addressLine1 = \"\"\r\n pm.addressLine2 = \"\"\r\n pm.city = \"\"\r\n pm.zipCode = \"\"\r\n pm.province = this.props.provinceMap.get(this.props.countryList[0].value)[0].abbrev\r\n pm.country = this.props.countryList[0].value\r\n pm.isSameWithShippingAddress = false\r\n }\r\n this.setState({ billingAddress: pm, statesList: this.props.provinceMap.get(country) });\r\n break;\r\n\r\n case \"pm_sameShippingAddress\":\r\n if (event.target.checked) {\r\n this.state.billingAddress = this.state.shippingAddress\r\n this.state.billingAddress.isSameWithShippingAddress = true\r\n } else {\r\n this.state.billingAddress = {\r\n choseAddress: 0,\r\n name: '', addressLine1: '', addressLine2: '',\r\n city: '', zipCode: '', province: '', country: '',\r\n isSameWithShippingAddress: false,\r\n }\r\n }\r\n this.setState({ billingAddress: this.state.billingAddress });\r\n // console.log(\"onPaymentMethod > same with shipping address\", this.state.billingAddress)\r\n break;\r\n\r\n case \"pm_name\":\r\n this.state.billingAddress.name = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n case \"pm_billingAddressLine1\":\r\n this.state.billingAddress.addressLine1 = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n case \"pm_billingAddressLine2\":\r\n this.state.billingAddress.addressLine2 = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n case \"pm_city\":\r\n this.state.billingAddress.city = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n case \"pm_zipCode\":\r\n this.state.billingAddress.zipCode = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n case \"pm_stateProvince\":\r\n this.state.billingAddress.province = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n case \"pm_country\":\r\n this.state.billingAddress.country = event.target.value\r\n this.setState({ billingAddress: this.state.billingAddress })\r\n break;\r\n\r\n }\r\n }\r\n\r\n // Validation \r\n\r\n validateSelectQuantity = () => {\r\n if (this.state.deviceQuantityRequest && this.state.deviceQuantityRequest.size > 0) {\r\n let valid = true;\r\n this.state.deviceQuantityRequest.forEach((value, key) => {\r\n if (isNaN(value.quantity) || value.quantity < 0) {\r\n valid = false;\r\n }\r\n });\r\n return valid;\r\n } else\r\n return false;\r\n }\r\n\r\n validateAdditionalCharges = () => {\r\n // console.log(this.state.additionalChargesList)\r\n if (this.state.additionalChargesList && this.state.additionalChargesList.length > 0) {\r\n let flag = this.state.additionalChargesList.map((element, index) => {\r\n if (!element.description && !element.price && !element.quantity && element.tax != true) {\r\n return true;\r\n } else if (element.description && element.price && element.quantity) {\r\n if (!isNaN(element.price) && parseFloat(element.price) > 0\r\n && !isNaN(element.quantity) && Number.isInteger(Number(element.quantity)) && Number(element.quantity) > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n });\r\n let result = flag.reduce((prev, cur) => {\r\n return prev && cur;\r\n }, true);\r\n return result;\r\n } else {\r\n return true;\r\n }\r\n }\r\n\r\n validateShippingAddress = () => {\r\n return (\r\n this.state.shippingAddress.addressLine1 && this.state.shippingAddress.addressLine1 !== '' && this.state.shippingAddress.addressLine1.trim()\r\n && this.state.shippingAddress.city && this.state.shippingAddress.city !== '' && this.state.shippingAddress.city.trim()\r\n && this.state.shippingAddress.zipCode && this.state.shippingAddress.zipCode !== '' && this.state.shippingAddress.zipCode.trim()\r\n && this.state.shippingAddress.province && this.state.shippingAddress.province !== '' && this.state.shippingAddress.province.trim()\r\n && this.state.shippingAddress.country && this.state.shippingAddress.country !== '' && this.state.shippingAddress.country.trim()\r\n && (this.state.shippingAddress.shippingCharges == '' || parseFloat(this.state.shippingAddress.shippingCharges) > 0)\r\n )\r\n }\r\n\r\n validatePaymentMethod = () => {\r\n // console.log(\"validatePaymentMethod\")\r\n\r\n if (this.state.billingAddress.choseAddress == 0) {\r\n return (\r\n this.state.billingAddress.addressLine1 && this.state.billingAddress.addressLine1 !== '' && this.state.billingAddress.addressLine1.trim()\r\n && this.state.billingAddress.city && this.state.billingAddress.city !== '' && this.state.billingAddress.city.trim()\r\n && this.state.billingAddress.zipCode && this.state.billingAddress.zipCode !== '' && this.state.billingAddress.zipCode.trim()\r\n && this.state.billingAddress.province && this.state.billingAddress.province !== '' && this.state.billingAddress.province.trim()\r\n && this.state.billingAddress.country && this.state.billingAddress.country !== '' && this.state.billingAddress.country.trim()\r\n ) && this.state.remapPaymentAccountList.selectedPayment != null\r\n }\r\n\r\n if (this.state.billingAddress.choseAddress > 0) {\r\n return this.state.remapPaymentAccountList.selectedPayment != null\r\n }\r\n\r\n return false\r\n }\r\n\r\n // Completion\r\n\r\n onSubmit = () => {\r\n let deviceQuantities = {}\r\n this.state.deviceQuantityRequest.forEach((value, key) => {\r\n deviceQuantities[key] = parseInt(value.quantity)//.push({ [key]: parseInt(value.quantity)})\r\n })\r\n\r\n let additionalChargeList = this.state.additionalChargesList.filter(value =>\r\n value.description != '' && value.price != '' && value.quantity != ''\r\n ).map(value => {\r\n\r\n return {\r\n name: value.description,\r\n unitPrice: parseFloat(value.price),\r\n quantity: parseInt(value.quantity),\r\n tax: value.tax\r\n }\r\n\r\n })\r\n let params = {\r\n companyId: String(this.props.selectedRow.companyId),\r\n resellerId: String(this.props.selectedRow.id),\r\n deviceQuantityRequest: deviceQuantities,//this.state.deviceQuantityRequest,\r\n additionalChargeList: additionalChargeList,\r\n shippingAddress: {\r\n companyId: String(this.props.selectedRow.companyId),\r\n resellerId: String(this.props.selectedRow.id),\r\n id: this.state.shippingAddress.choseAddress,\r\n name: this.state.shippingAddress.name ? this.state.shippingAddress.name : '',\r\n addressLine1: this.state.shippingAddress.addressLine1,\r\n addressLine2: this.state.shippingAddress.addressLine2 ? this.state.shippingAddress.addressLine2 : '',\r\n city: this.state.shippingAddress.city,\r\n zipCode: this.state.shippingAddress.zipCode,\r\n state: this.state.shippingAddress.province,\r\n country: this.state.shippingAddress.country,\r\n },\r\n shippingCharges: (this.state.shippingAddress.shippingCharges != '') ? this.state.shippingAddress.shippingCharges : 0,\r\n paymentMethodId: this.state.remapPaymentAccountList.selectedPayment.accountId,\r\n billingAddress: {\r\n companyId: String(this.props.selectedRow.companyId),\r\n resellerId: String(this.props.selectedRow.id),\r\n id: this.state.billingAddress.choseAddress,\r\n name: this.state.billingAddress.name ? this.state.billingAddress.name : '',\r\n addressLine1: this.state.billingAddress.addressLine1,\r\n addressLine2: this.state.billingAddress.addressLine2 ? this.state.billingAddress.addressLine2 : '',\r\n city: this.state.billingAddress.city,\r\n zipCode: this.state.billingAddress.zipCode,\r\n state: this.state.billingAddress.province,\r\n country: this.state.billingAddress.country,\r\n },\r\n }\r\n\r\n // console.log(\"state\", this.state, \"props\", this.props, \"params\", params);\r\n //console.log(\"params\", params);\r\n\r\n if (params.shippingAddress.name == '') {\r\n delete params.shippingAddress.name\r\n }\r\n\r\n this.props.generatePurchaseOrder(params).then(res => {\r\n // console.log(\"generatePurchaseOrder > response\", res)\r\n\r\n if (res && res.status == 200) {\r\n\r\n if (res.data.statusCode == 500) {\r\n toast.error(res.data.statusDetail);\r\n return;\r\n }\r\n\r\n this.props.handleRefreshInvoiceList()\r\n }\r\n })\r\n\r\n\r\n\r\n this.onClose();\r\n }\r\n\r\n renderInvoiceGeneration() {\r\n return (\r\n \r\n Generate Invoice \r\n \r\n \r\n {Object.entries(this.objsteps).map(([label, CustomStep], index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n Invoice ${(this.props.selectedRow != null) ? this.props.selectedRow.resellerName : \"\"} `);\r\n printWindow.document.write('');\r\n printWindow.document.write(this.props.paymentInvoiceDetails.invDetail);\r\n printWindow.document.write('');\r\n printWindow.document.close();\r\n printWindow.focus();\r\n printWindow.print();\r\n printWindow.close();\r\n }\r\n createCustomExportCSVButton = (onClick) => {\r\n return (\r\n this.handleExportCSVButtonClick(onClick)} />\r\n );\r\n }\r\n handleExportCSVButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n onClick();\r\n }\r\n\r\n /* ------------------------------- Accepting Invoice Redjustment - START -------------------- */\r\n\r\n createInvoiceAdjustmentConfirmationPayload = () => {\r\n\r\n window.scrollTo(0, 0)\r\n\r\n const { invoiceId } = this.state\r\n\r\n const { updateCustomerInvoiceWithAdjustments,\r\n getCustomerInvoiceDetails,\r\n getCustomerInvoiceApprovalDetails,\r\n handleRefreshInvoiceList } = this.props\r\n\r\n this.setState({\r\n invoicehtml: '',\r\n recalculationPending: true\r\n }, async () => {\r\n\r\n // do update here\r\n await updateCustomerInvoiceWithAdjustments(invoiceId)\r\n\r\n // get invoice status\r\n await getCustomerInvoiceApprovalDetails(invoiceId)\r\n\r\n // refresh and get the customer's invoice details\r\n await getCustomerInvoiceDetails(invoiceId)\r\n\r\n await handleRefreshInvoiceList()\r\n\r\n this.setState({\r\n showInvoice: true,\r\n showInvoiceAdjustmentNav: false,\r\n recalculationPending: false\r\n })\r\n })\r\n\r\n }\r\n\r\n invoiceAdjustmentConfirmationButton = (align) => {\r\n\r\n const { recalculationPending, approvalPending,\r\n invoiceMiscellaneousItemListWithIndexOperation } = this.state\r\n\r\n return (\r\n {\r\n e.preventDefault();\r\n this.setState({\r\n isMiscellaneousInvoiceItemEditMode: false\r\n }, () => {\r\n this.onOpenClientMiscellaneousInvoiceItemEditModal(rowItemTemplate)\r\n });\r\n }}\r\n >\r\n Add an Adjustment\r\n \r\n );\r\n }\r\n\r\n handleInvoiceBackToUsage = () => {\r\n this.setState({\r\n showInvoiceAdjustmentNav: false,\r\n showInvoice: true\r\n })\r\n }\r\n\r\n\r\n\r\n renderMiscellaneousInvoiceAdjustmentDetails = () => {\r\n\r\n const { invoiceId, recalculationPending,\r\n invoiceMiscellaneousItemListWithIndexOperation,\r\n paymentStatus, approvalPending, adjustmentPending } = this.state\r\n\r\n const options = {\r\n paginationPosition: 'bottom'\r\n };\r\n\r\n return (<>\r\n \r\n \r\n Index\r\n \r\n \r\n Date\r\n \r\n \r\n General Ledger\r\n \r\n \r\n Department\r\n \r\n \r\n Reason\r\n \r\n \r\n Amount\r\n \r\n \r\n Edit\r\n \r\n \r\n Delete\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n\r\n /* ------------------------------- miscellaneous - END -------------------------------------- */\r\n\r\n renderInvoiceDetails = () => {\r\n let htmlStr = this.state.invoicehtml;\r\n if (this.props.paymentInvoiceDetails && this.props.paymentInvoiceDetails.invDetail) {\r\n htmlStr = this.props.paymentInvoiceDetails.invDetail\r\n }\r\n const options = {\r\n exportCSVBtn: this.createCustomExportCSVButton,\r\n };\r\n\r\n const { miscellaneousInvoiceItemSelected,\r\n isMiscellaneousInvoiceItemEditMode,\r\n showMiscellaneousInvoiceItemEditModal,\r\n showInvoiceAdjustmentNav, showInvoice,\r\n adjustmentPending, invoiceId, userObj,\r\n recalculationPending, paymentStatus,\r\n approvalPending, previewInvoice } = this.state\r\n\r\n const { generalLedgerCodes,\r\n generalLedgerCodeUsageReasons,\r\n BUDivisionList, paymentInvoicePendingDetails } = this.props\r\n\r\n return (\r\n\r\n \r\n \r\n
\r\n \r\n {\r\n !recalculationPending &&\r\n (\r\n
\r\n \r\n \r\n )\r\n }\r\n\r\n {(this.state.showUsageReport) ?\r\n <>\r\n
\r\n\r\n Invoice \r\n Client Name \r\n Type \r\n Value \r\n Device Name \r\n Status \r\n Plan Name \r\n Plan Code \r\n Usage (MB) \r\n Activation Date \r\n Start Date \r\n End Date \r\n \r\n \r\n :\r\n null}\r\n\r\n \r\n \r\n \r\n\r\n );\r\n }\r\n onOpen = () => {\r\n this.setState({\r\n modal: true\r\n })\r\n }\r\n onClose = () => {\r\n this.setState({\r\n modal: false,\r\n invoiceId: null\r\n })\r\n }\r\n\r\n csvAdjustmentFormatter(cell, row) {\r\n if (cell == 1) {\r\n return `Adjusted`\r\n }\r\n else if (cell == 0) {\r\n return `Pending`\r\n }\r\n }\r\n\r\n csvApprovalFormatter(cell, row) {\r\n if (cell == 1) {\r\n return 'Approved'\r\n }\r\n else if (cell == 0) {\r\n return 'Pending'\r\n }\r\n }\r\n\r\n renderInvoiceList() {\r\n\r\n const { userObj } = this.state\r\n\r\n const paidType = {\r\n paid: 'paid',\r\n unpaid: 'unpaid'\r\n };\r\n const adjustType = {\r\n Yes: 'Yes'\r\n }\r\n const adjustmentType = {\r\n 0: 'Pending',\r\n 1: 'Adjusted'\r\n }\r\n const approvalType = {\r\n 0: 'Pending',\r\n 1: 'Approved'\r\n }\r\n const options = {\r\n sizePerPageList: [{\r\n text: '10', value: 10\r\n }, {\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n }],\r\n };\r\n let invList = this.props.paymentInvoice.invList\r\n\r\n\r\n\r\n\r\n if (userObj && hasRole(userObj, ['CLIENTADMIN', \"CLIENTUSER\"])) {\r\n invList = invList\r\n .filter(invItem => invItem.adjustmentStatus === 1\r\n && invItem.approvalStatus === 1)\r\n }\r\n\r\n return (\r\n \r\n \r\n {this.renderInvoiceGeneration()}\r\n\r\n {\r\n (userObj && hasRole(userObj, ['ADMIN', 'USER']))\r\n && (\r\n \r\n \r\n Date\r\n \r\n\r\n \r\n Invoice\r\n \r\n\r\n ', '<'], placeholder: ' ' }}\r\n csvHeader='Amount'>\r\n Amount\r\n \r\n\r\n ', '<'], placeholder: ' ' }}\r\n csvHeader='Adjustment'>\r\n Adjustment\r\n \r\n\r\n \r\n Adjustment Status\r\n \r\n\r\n \r\n Approval Status\r\n \r\n\r\n ', '<'], placeholder: ' ' }}\r\n csvHeader='Paid'>\r\n Paid\r\n \r\n\r\n \r\n Status\r\n \r\n\r\n {/*\r\n \r\n Adjusted\r\n \r\n */}\r\n\r\n {/*\r\n Comment\r\n */}\r\n \r\n )\r\n }\r\n\r\n {\r\n (userObj && hasRole(userObj, ['CLIENTADMIN', 'CLIENTUSER']))\r\n && (\r\n \r\n \r\n Date\r\n \r\n\r\n \r\n Invoice\r\n \r\n\r\n ', '<'], placeholder: ' ' }}\r\n csvHeader='Amount'>\r\n Amount\r\n \r\n\r\n ', '<'], placeholder: ' ' }}\r\n csvHeader='Adjustment'>\r\n Adjustment\r\n \r\n\r\n {/* Adjustment status and approval status not shown to the client */}\r\n {/* Later this was switched back */}\r\n\r\n \r\n Adjustment Status\r\n \r\n\r\n \r\n Approval Status\r\n \r\n\r\n ', '<'], placeholder: ' ' }}\r\n csvHeader='Paid'>\r\n Paid\r\n \r\n\r\n \r\n Status\r\n \r\n\r\n {/*\r\n \r\n Adjusted\r\n \r\n */}\r\n\r\n {/*\r\n Comment\r\n */}\r\n \r\n )\r\n }\r\n\r\n \r\n \r\n )\r\n }\r\n\r\n renderInvoiceGeneration() {\r\n return (\r\n \r\n \r\n
\r\n\r\n Transaction Id \r\n Name \r\n Amount \r\n Initial \r\n Update \r\n Status \r\n Message \r\n \r\n \r\n \r\n\r\n );\r\n }\r\n\r\n}\r\nexport default ClientPaymentBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Card, CardBody, Input, Button } from 'reactstrap';\r\nclass ClientCarrierPanel extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n name: \"\",\r\n password: \"\",\r\n identifier: \"\"\r\n };\r\n };\r\n componentDidMount() {\r\n\r\n };\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onSave = () => {\r\n var obj = {\r\n carrierId: this.props.id,\r\n name: this.state.name,\r\n password: this.state.password,\r\n identifier: this.state.identifier\r\n }\r\n this.props.onSave(obj);\r\n this.setState({\r\n name: \"\",\r\n password: \"\",\r\n identifier: \"\"\r\n })\r\n }\r\n validateForm = () => {\r\n return (this.state.name && this.state.name !== '') && (this.state.password && this.state.password !== '') && (this.state.identifier && this.state.identifier !== '') != \"\";\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.carrierList.map((carrier) =>\r\n \r\n \r\n )\r\n }\r\n}\r\nexport default ClientCarrierBoard;","/* eslint-disable */\r\nimport React, { Component, useState } from \"react\";\r\nimport { Chip } from '@material-ui/core';\r\nimport { DeleteIcon, DoneIcon } from 'mdi-react';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass ChipGrouping extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n clicked: {},\r\n userObj: getCurrentUser()\r\n\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n\r\n }\r\n handleDelete = (itemName) => {\r\n var obj = {\r\n type: this.props.grouping,\r\n companyId: this.props.user.companyId,\r\n resellerId: this.props.user.id,\r\n name: itemName.name,\r\n status: 0\r\n }\r\n\r\n this.props.update(obj)\r\n }\r\n\r\n handleOnClick = (item) => {\r\n if (item.name != this.state.clicked.name) {\r\n this.setState({\r\n clicked: item\r\n }, () => { this.props.onChipChange(item, this.props.grouping) })\r\n }\r\n else {\r\n this.setState({\r\n clicked: {}\r\n }, () => { this.props.onChipChange({}, this.props.grouping) })\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {\r\n var value = { \"value\": country, \"label\": country.name }\r\n return value;\r\n })\r\n }\r\n />\r\n \r\n
\r\n
\r\n\r\n
\r\n lob.name.includes(this.state.newLob)) : this.props.BULOBList : []}\r\n update={this.props.updateBusinessUnit}\r\n onChipChange={this.onChipChange}\r\n grouping={\"lob\"}\r\n user={this.props.selected}\r\n\r\n />\r\n\r\n
\r\n\r\n
\r\n division.name.includes(this.state.newDivision)) : this.props.BUDivisionList : []}\r\n update={this.props.updateBusinessUnit}\r\n onChipChange={this.onChipChange}\r\n grouping={\"division\"}\r\n user={this.props.selected}\r\n\r\n />\r\n\r\n
\r\n {(hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"])) ?\r\n \r\n : null\r\n }\r\n
\r\n
\r\n {this.props.BURelationshipList.map((relationship) =>\r\n \r\n \r\n );\r\n }\r\n}\r\nexport default ClientBusinessUnitBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\n\r\n//import UserAccessForm from './userAccessForm';\r\nimport './ClientAddModal.css';\r\nimport { TheaterIcon, ThemeLightDarkIcon } from 'mdi-react';\r\n\r\nclass ClientSpecialLineModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n showServiceModal: false,\r\n resellerCode: null,\r\n companyCode: null\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n this.setState({\r\n resellerCode: nextProps.selectedRow.resellerCode,\r\n companyCode: nextProps.selectedRow.companyCode\r\n })\r\n //Add new plan\r\n if (nextProps.show == true && nextProps.selectedSpecialLine == null) {\r\n //modal is already open, just recieved new prop like new carrier plan list\r\n if (this.state.showServiceModal == true) {\r\n //do noting, keep inital state\r\n }\r\n else {\r\n this.setState({\r\n showServiceModal: true,\r\n id: 0,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n lineNum: \"\",\r\n specialLinePosition: \"\",\r\n specialLine: \"\"\r\n })\r\n }\r\n }\r\n //Edit plan\r\n if (nextProps.show == true && nextProps.selectedSpecialLine != null) {\r\n\r\n\r\n // var specialLinePositionLocal = \"Not Applicable\"\r\n // console.log(nextProps.selectedSpecialLine.specialLinePosition)\r\n // if (nextProps.selectedSpecialLine.specialLinePosition == 'S') {\r\n // console.log('here1')\r\n // nextProps.selectedSpecialLine.specialLinePosition = 'Start'\r\n // }\r\n // else if (nextProps.selectedSpecialLine.specialLinePosition =='E') {\r\n // console.log('here2')\r\n // nextProps.selectedSpecialLine.specialLinePosition= 'End'\r\n // }\r\n\r\n\r\n //modal is already open, just recieved new prop like new carrier plan list\r\n\r\n if (this.state.showServiceModal == true) {\r\n //do noting, keep inital state\r\n }\r\n\r\n else {\r\n if (nextProps.selectedSpecialLine.resellerId == null) {\r\n\r\n this.setState({\r\n showServiceModal: true,\r\n id: null,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n resellerCode: nextProps.selectedRow.resellerCode,\r\n companyCode: nextProps.selectedRow.companyCode,\r\n lineNum: nextProps.selectedSpecialLine.lineNum,\r\n specialLine: nextProps.selectedSpecialLine.specialLine,\r\n specialLinePosition: nextProps.selectedSpecialLine.specialLinePosition\r\n })\r\n }\r\n else {\r\n\r\n this.setState({\r\n showServiceModal: true,\r\n id: nextProps.selectedSpecialLine.id,\r\n resellerId: nextProps.selectedRow.id,\r\n companyId: nextProps.selectedRow.companyId,\r\n resellerCode: nextProps.selectedRow.resellerCode,\r\n companyCode: nextProps.selectedRow.companyCode,\r\n lineNum: nextProps.selectedSpecialLine.lineNum,\r\n specialLine: nextProps.selectedSpecialLine.specialLine,\r\n specialLinePosition: nextProps.selectedSpecialLine.specialLinePosition\r\n })\r\n\r\n }\r\n }\r\n\r\n\r\n }\r\n if (nextProps.show == false) {\r\n this.setState({\r\n showServiceModal: false\r\n })\r\n }\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onInputCarrierPlanChange = (event) => {\r\n\r\n if (event.target.value != -1) {\r\n this.setState({\r\n itemCode: event.target.value,\r\n });\r\n }\r\n else {\r\n this.setState({\r\n itemCode: \"\",\r\n });\r\n }\r\n }\r\n validateForm = () => {\r\n if ((this.state.specialLinePosition != \"\" || this.state.lineNum != \"\") && this.state.specialLine != \"\") {\r\n\r\n return true;\r\n\r\n }\r\n return false;\r\n }\r\n onSubmit = () => {\r\n let data = {\r\n \"id\": this.state.id,\r\n \"companyId\": this.state.companyId,\r\n \"resellerId\": this.state.resellerId,\r\n \"lineNum\": this.state.lineNum,\r\n \"specialLinePosition\": this.state.specialLinePosition,\r\n \"specialLine\": this.state.specialLine,\r\n \"companyCode\": this.state.companyCode,\r\n \"resellerCode\": this.state.resellerCode\r\n }\r\n this.props.SetSpecialLine(data);\r\n this.onModalClose();\r\n }\r\n onRemovePlan = () => {\r\n let data = {\r\n \"id\": this.state.id,\r\n \"resellerId\": this.state.resellerId,\r\n \"companyCode\": this.state.companyCode,\r\n \"resellerCode\": this.state.resellerCode\r\n }\r\n this.props.DeleteSpecialLine(data);\r\n this.onModalClose();\r\n }\r\n onModalClose = () => {\r\n this.props.onClose();\r\n }\r\n render() {\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n {(this.props.SpecialLine != null) ? \"Customize \" + this.props.SpecialLine.itemName : \"Customize New Special Line\"} \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n \r\n\r\n {/*
*/}\r\n \r\n \r\n {(this.props.selectedSpecialLine != null && this.props.selectedSpecialLine.resellerId != null) ?\r\n \r\n :\r\n null\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\nexport default ClientSpecialLineModal;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Card, CardBody, Col, Container, Row, Button, Input } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../shared/components/Button/IconButton';\r\n\r\n\r\nclass ClientSpecialLineList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n\r\n\r\n onModalOpen = (plan) => {\r\n this.props.onPlanOpen(plan)\r\n }\r\n\r\n dataFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return \r\n\r\n }\r\n }\r\n\r\n // lineNumFormatter = (cell, row) => {\r\n // if (cell != null) {\r\n // return '1'\r\n // }\r\n // }\r\n\r\n dataFormatterPosition = (cell, row) => {\r\n var specialLinePositionLocal = \"Not Applicable\"\r\n if (cell != null) {\r\n\r\n if (cell == 'S') {\r\n specialLinePositionLocal = 'Start'\r\n }\r\n else if (cell == 'E') {\r\n specialLinePositionLocal = 'End'\r\n }\r\n }\r\n return specialLinePositionLocal;\r\n }\r\n render() {\r\n\r\n if (this.props.specialLineList != null) {\r\n return (\r\n\r\n // \r\n Special Line \r\n\r\n Special Line Position \r\n\r\n Line Number \r\n\r\n Modify \r\n \r\n )\r\n // /* {this.props.specialLineList.map((plan, index) => {\r\n // let buttonText = \"Edit\";\r\n // let buttonColor = \"primary\";\r\n\r\n // return (\r\n\r\n\r\n\r\n // \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n\r\n}\r\nexport default ClientSpecialLineBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { Card, CardBody, Input, Row, Col, Collapse } from 'reactstrap';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport { BackButton, NextButton } from '../../../shared/components/Button/IconButton';\r\nimport PaymentBoard from \"../../PaymentModule/component/PaymentBoard\"\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport OrderSummary from './PurchaseSIM/OrderSummary';\r\n\r\nclass ClientPurchaseBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n cart: [],\r\n orderSummary: [],\r\n step: 1\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n handleNext = () => {\r\n if (this.state.step == 1) {\r\n if (this.state.cart <= 0) {\r\n toast.error(\"Please add item to cart\");\r\n return;\r\n }\r\n for (let item of this.state.cart) {\r\n if (item.quantity <= 0) {\r\n toast.error(\"item quantity less than 0\");\r\n return;\r\n }\r\n }\r\n this.buildOrderSummary();\r\n }\r\n this.setState(prevState => ({\r\n step: prevState.step + 1,\r\n }));\r\n }\r\n /**\r\n * \r\n */\r\n handleBack = () => {\r\n this.setState(prevState => {\r\n return {\r\n step: (prevState.step - 1) > 0 ? prevState.step - 1 : 1,\r\n }\r\n });\r\n }\r\n onInputChange = (event) => {\r\n var list = [...this.state.cart];\r\n for (var index = 0; index < list.length; index++) {\r\n if (list[index].id === event.target.id) {\r\n if (event.target.value === null || event.target.value === \"\") {\r\n list.splice(index, 1);\r\n } else {\r\n list[index].quantity = event.target.value;\r\n }\r\n this.setState({ cart: list });\r\n return;\r\n }\r\n } if (event.target.value > 0) {\r\n list.push({ id: event.target.id, item: JSON.parse(event.target.name), quantity: event.target.value });\r\n this.setState({ cart: list });\r\n }\r\n return;\r\n }\r\n priceFormatter = (cell, row) => {\r\n let price = 0;\r\n if (cell >= 0) {\r\n price = parseFloat(cell).toFixed(2);\r\n }\r\n return (\r\n {`$${price}`}\r\n )\r\n }\r\n quantityFormatter = (cell, row) => {\r\n return (\r\n \r\n \r\n \r\n \r\n Name \r\n Description \r\n Price \r\n Quantity \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\nexport default ClientPurchaseBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport moment from 'moment';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport {\r\n ClearClientInventoryInformation,\r\n getFullSIMList, getCarrierPlans, activateMultipleSIM,\r\n setSimName, ClearCarrierPlans, uploadInventory, updateCarrierInfo,\r\n SetSimType, SetDeviceType,\r\n getDeviceList, ChangeDeviceStatus, registerDevice,DeleteDeviceType,\r\n resetFullSIMList\r\n} from '../../../redux/actions/inventoryActions';\r\nimport {\r\n ClearClientUserInformation, updatePaymentMethod,\r\n getUsageReport, payInvoice, getCustomerInvoiceHistory,\r\n getCustomerInvoiceDetails, createReseller, getAllResellers,\r\n getServicePlanItem, getDiscountList, setDiscount, SetServicePlan,\r\n DeleteServicePlan, getAccountsByEntity, clientCheckout, clientPurchaseOrder,\r\n getAddress, setAddress, getConsumers, getPaymentAccounts,\r\n setDefaultPaymentMethod, getCarrierList, getBusinessUnits,\r\n updateBusinessUnits, UpdateBusinessUnitRelations,\r\n getSpecialLine, SetSpecialLine, DeleteSpecialLine, getPageContent, loadTransactionHistory,\r\n generatePurchaseOrder,\r\n EmailPurchaseOrder\r\n}\r\n from '../../../redux/actions/userAction';\r\nimport { clearSelectedCompantToSesstion } from '../../../factories/utils';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\n\r\nimport ClientList from './ClientList'\r\nimport ClientNavigation from './ClientNavigation'\r\nimport ClientActiveSIMBoard from './ClientActiveSIMBoard'\r\nimport ClientInactiveSIMBoard from './ClientInactiveSIMBoard'\r\nimport ClientInventoryBoard from './ClientInventoryBoard'\r\nimport ClientDiscountBoard from './ClientDiscountBoard';\r\nimport ClientPlanBoard from './ClientPlanBoard';\r\nimport ClientEditBoard from './ClientEditBoard';\r\nimport ClientInvoiceBoard from './ClientInvoiceBoard';\r\nimport ClientPaymentBoard from './ClientPaymentBoard';\r\nimport ClientCarrierBoard from './ClientCarrierBoard';\r\nimport ClientBusinessUnitBoard from './ClientBusinessUnitBoard';\r\nimport ClientSpecialLineBoard from './ClientSpecialLineBoard';\r\nimport { toast } from 'react-toastify';\r\nimport ClientPurchaseBoard from './ClientPurchaseBoard';\r\n\r\nexport function renderSpinner(loading) {\r\n return (\r\n \r\n {loading &&\r\n \r\n );\r\n}\r\nclass ClientBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n showAddModal: false,\r\n isAdmin: false,\r\n listView: true,\r\n selectedRow: null,\r\n loading: true,\r\n };\r\n }\r\n async componentDidMount() {\r\n await this.props.resetFullSIMList(); // delete this existing full inventory list\r\n await this.props.getPageContent({ content: \"Client\" });\r\n await this.props.getAllResellers({\r\n resellerCode: this.props.userObj.resellerCode,\r\n });\r\n const check =\r\n this.props.userObj &&\r\n hasRole(this.props.userObj, [\"SUPERADMIN\", \"ADMIN\"]);\r\n clearSelectedCompantToSesstion();\r\n if (\r\n this.props.resellerList.length === 1 &&\r\n this.props.userObj &&\r\n hasRole(this.props.userObj, [\"CLIENTADMIN\", \"CLIENTUSER\"])\r\n ) {\r\n this.setState({ isAdmin: check });\r\n await this.handleRowEditClick(this.props.resellerList[0]);\r\n } else {\r\n this.setState({ isAdmin: check, loading: false });\r\n }\r\n\r\n //window.addEventListener('resize', this.updateDimensions.bind(this));\r\n\r\n }\r\n updateDimensions() {\r\n }\r\n\r\n toggle = () => {\r\n this.setState(prevState => {\r\n return ({\r\n listView: !prevState.listView,\r\n })\r\n }, () => {\r\n if (this.state.listView === true) {\r\n clearSelectedCompantToSesstion();\r\n }\r\n });\r\n }\r\n handleRowEditClick = (row, showAccount = false) => {\r\n this.setState({\r\n showAccount: showAccount,\r\n selectedRow: row,\r\n loading: true\r\n }, async () => {\r\n await this.props.ClearCarrierPlans();\r\n await this.props.getCustomerInvoiceHistory({ \"objId\": row.id, \"fromDate\": moment().subtract(1, 'years'), \"toDate\": moment() })\r\n await this.props.getConsumers({ businessUnit: \"\", companyCode: row.companyCode, department: \"\", resellerCode: row.resellerCode })\r\n await this.props.getDiscountList({ \"companyId\": row.companyId, \"resellerId\": row.id })\r\n await this.props.getFullSIMList({ \"companyId\": row.companyId, \"resellerId\": row.id, \"customerId\": null, \"fullInventory\": \"false\" });\r\n await this.props.getServicePlanItem({ \"companyCode\": row.companyCode, \"resellerCode\": row.resellerCode })\r\n await this.props.getAddress({ \"companyId\": row.companyId, \"resellerId\": row.id, \"customerId\": null, \"userId\": null });\r\n await this.props.getBusinessUnits(\"\", { \"companyId\": row.companyId, \"resellerId\": row.id });\r\n await this.props.getCarrierList({ companyCode: row.companyCode });\r\n await this.props.getPaymentAccounts(row.id);\r\n\r\n if (this.props.pageContentList.includes(\"Special Lines\")/* TEISA */) {\r\n this.props.getSpecialLine({ \"companyCode\": row.companyCode, \"resellerCode\": row.resellerCode });\r\n }\r\n await this.props.loadTransactionHistory({ \"objId\": row.companyId, \"resellerId\": row.id })\r\n this.toggle();\r\n this.setState({\r\n loading: false\r\n\r\n })\r\n });\r\n return true;\r\n }\r\n\r\n OnSortChange = (a, b, order, sortField) => {\r\n var firstDeviceName = \"\";\r\n var secondDeviceName = \"\";\r\n if (a[sortField] != null && a[sortField] != \"\") {\r\n firstDeviceName = a[sortField];\r\n }\r\n if (b[sortField] != null && b[sortField] != \"\") {\r\n secondDeviceName = b[sortField];\r\n }\r\n\r\n if (order === 'asc') {\r\n return firstDeviceName.length - secondDeviceName.length || firstDeviceName.localeCompare(secondDeviceName);\r\n } else {\r\n return secondDeviceName.length - firstDeviceName.length || secondDeviceName.localeCompare(firstDeviceName);\r\n }\r\n }\r\n\r\n\r\n handleAddNewButtonClick = (onClick) => {\r\n this.setState(preState => ({\r\n showAddModal: !preState.showAddModal,\r\n }));\r\n setTimeout(() => {\r\n this.setState({ showAddModal: false });\r\n }, 1);\r\n\r\n }\r\n\r\n addNewUserButton = (onClick) => {\r\n\r\n const { pageContentList } = this.props;\r\n let textDisplay = [];\r\n\r\n if (pageContentList.includes(\"Reseller\")) {\r\n textDisplay = ['Reseller']\r\n } else {\r\n textDisplay = ['Client']\r\n }\r\n\r\n return (\r\n this.handleAddNewButtonClick(onClick)}\r\n >\r\n consumer.resellerCode === this.state.selectedRow.resellerCode)}\r\n activateMultipleSIM={this.props.activateMultipleSIM}\r\n discountList={this.props.discountList}\r\n getAddress={this.props.getAddress}\r\n setSimName={this.props.setSimName}\r\n userObj={this.props.userObj}\r\n accountList={this.props.paymentAccountList}\r\n carrierList={this.props.carrierList}\r\n />\r\n )\r\n }\r\n renderInventoryBoard() {\r\n const resellers = this.props.resellerList.filter(value => value.resellerCode == this.state.selectedRow.resellerCode);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default hot(module)(App);\r\n\r\n","module.exports = __webpack_public_path__ + \"static/media/sigfoxbl.13b601de.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/payment-icon.4e3eb784.png\";","module.exports = __webpack_public_path__ + \"static/media/history-icon.07808f21.jpg\";","module.exports = __webpack_public_path__ + \"static/media/purchase-icon_m.9242b447.jpg\";","module.exports = __webpack_public_path__ + \"static/media/profile.1871862d.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"is-invalid\":\"CompanyAddGeneralLedgerCodeReasonModal_is-invalid__A7qsK\"};","/* eslint-disable */\r\nimport React from 'react';\r\nimport {\r\n LightningBoltIcon,\r\n WeatherPouringIcon,\r\n ThermometerIcon,\r\n WaterPercentIcon,\r\n WeatherSunnyIcon,\r\n WeatherWindyIcon,\r\n Battery70Icon,\r\n MessageOutlineIcon,\r\n DirectionsForkIcon,\r\n GaugeLowIcon,\r\n LightningBoltOutlineIcon,\r\n CloseOctagonIcon,\r\n SmokeFreeIcon\r\n} from 'mdi-react';\r\nimport { mdiMoleculeCo2, mdiMoleculeCo, mdiVolumeHigh } from '@mdi/js';\r\nimport Icon from '@mdi/react';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\nconst ICON_SIZE = 20;\r\n\r\nconst AttributeIcon = ({ attributeName }) => {\r\n switch (attributeName) {\r\n case 'timestamp':\r\n return \r\n \r\n );\r\n case 'Pressure':\r\n return (\r\n //\r\n \r\n );\r\n case 'hum':\r\n return (\r\n //\r\n \r\n );\r\n case 'lum':\r\n return (\r\n //\r\n \r\n );\r\n case 'Battery':\r\n return (\r\n //\r\n \r\n );\r\n case 'Rain':\r\n return (\r\n //\r\n \r\n );\r\n case 'Wind_ave10':\r\n case 'Wind_max10':\r\n return (\r\n //\r\n \r\n );\r\n case 'Dir_ave10':\r\n case 'Dir_max10':\r\n return (\r\n //\r\n \r\n );\r\n case 'Dir_ave10_txt':\r\n case 'Dir_max10_txt':\r\n return (\r\n //\r\n \r\n );\r\n case 'hexAlarm':\r\n return (\r\n // \r\n \r\n );\r\n case 'smoke':\r\n return (\r\n // \r\n \r\n );\r\n case 'voc':\r\n return (\r\n // \r\n \r\n );\r\n case 'CO':\r\n return (\r\n // \r\n \r\n );\r\n case 'CO2':\r\n return (\r\n // \r\n \r\n );\r\n case 'pm10':\r\n return (\r\n // \r\n \r\n );\r\n case 'bd':\r\n return (\r\n // \r\n \r\n );\r\n default:\r\n return ;\r\n }\r\n}\r\n\r\nexport default AttributeIcon;\r\n","import { PureComponent } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass ScrollToTop extends PureComponent {\r\n static propTypes = {\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string,\r\n }).isRequired,\r\n children: PropTypes.element.isRequired,\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.location.pathname !== prevProps.location.pathname) {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n\r\n render() {\r\n return this.props.children;\r\n }\r\n}\r\n\r\nexport default withRouter(ScrollToTop);\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst icon = `${process.env.PUBLIC_URL}/img/burger.svg`;\r\n\r\nclass TopbarSidebarButton extends PureComponent {\r\n static propTypes = {\r\n changeMobileSidebarVisibility: PropTypes.func.isRequired,\r\n changeSidebarVisibility: PropTypes.func.isRequired,\r\n };\r\n\r\n render() {\r\n const { changeMobileSidebarVisibility, changeSidebarVisibility } = this.props;\r\n\r\n return (\r\n \r\n \r\n {icon ? : ''}\r\n \r\n \r\n);\r\n\r\nSidebarLink.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n icon: PropTypes.string,\r\n newLink: PropTypes.bool,\r\n route: PropTypes.string,\r\n onClick: PropTypes.func,\r\n};\r\n\r\nSidebarLink.defaultProps = {\r\n icon: '',\r\n newLink: false,\r\n route: '/',\r\n onClick: () => {},\r\n};\r\n\r\nexport default SidebarLink;\r\n","import React, { Component } from 'react';\r\nimport { Collapse } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nexport default class SidebarCategory extends Component {\r\n static propTypes = {\r\n title: PropTypes.string.isRequired,\r\n icon: PropTypes.string,\r\n isNew: PropTypes.bool,\r\n children: PropTypes.arrayOf(PropTypes.element).isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n icon: '',\r\n isNew: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.state = {\r\n collapse: false,\r\n };\r\n }\r\n\r\n toggle = () => {\r\n this.setState({ collapse: !this.state.collapse });\r\n };\r\n\r\n render() {\r\n const {\r\n title, icon, isNew, children,\r\n } = this.props;\r\n const categoryClass = classNames({\r\n 'sidebar__category-wrap': true,\r\n 'sidebar__category-wrap--open': this.state.collapse,\r\n });\r\n\r\n return (\r\n \r\n {userObj.sidebarContent.includes(\"Telecom App\") && \r\n )\r\n }\r\n\r\n smartBuildingAppLoading = (userObj, t) => {\r\n if (userObj.sidebarContent.includes(\"Smart Building\")) {\r\n return (\r\n \r\n )\r\n // \r\n \r\n \r\n {/* \r\n )\r\n } else {\r\n return null;\r\n }\r\n };\r\n render() {\r\n let userObj = getCurrentUser();\r\n var route = \"\";\r\n if (userObj) {\r\n if (!userObj.sidebarContent.includes(\"Dashboard\")) {\r\n if (userObj.sidebarContent.includes(\"Snow App\")) {\r\n route = \"/SnowApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Garage App\")) {\r\n route = \"/ParkingApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Occupancy App\")) {\r\n route = \"/OccupancyApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Weather App\")) {\r\n route = \"/WeatherApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Telecom App\")) {\r\n route = \"/TelecomApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Smart Building\")) {\r\n route = \"/surveillance\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Billing App\")) {\r\n route = \"/BillingApp\";\r\n }\r\n\r\n } else {\r\n route = \"/Dashboard\"\r\n }\r\n }\r\n if (sessionStorage.getItem('isAuthenticated') && 'true' == sessionStorage.getItem('isAuthenticated')) {\r\n // \r\n // \r\n return \r\n \r\n )\r\n}\r\n\r\nconst mapToStateProps = (state) => ({\r\n loginThemeList: state.theme.loginThemes\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ loadLoginThemes, changeThemeToCustom }, dispatch)\r\n}\r\nexport default connect(mapToStateProps, mapDispatchToProps)(LogIn);\r\n\r\n// if you want to add select, date-picker and time-picker in your app you need to uncomment the first\r\n// four lines in /scss/components/form.scss to add styles\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { userLogout } from '../../redux/actions/userAction';\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n sessionStorage.clear();\r\n sessionStorage.removeItem('isAuthenticated');\r\n sessionStorage.removeItem('currentUser');\r\n sessionStorage.removeItem('email');\r\n sessionStorage.removeItem('companyCode');\r\n sessionStorage.removeItem('department');\r\n sessionStorage.removeItem('businessUnit');\r\n sessionStorage.removeItem('network');\r\n sessionStorage.removeItem('currentUserObj');\r\n sessionStorage.removeItem('jToken');\r\n // sessionStorage.setItem('locale', 'en_CA');\r\n // sessionStorage.setItem('loggedIn', 'false');\r\n // sessionStorage.removeItem('username');\r\n // sessionStorage.removeItem('userrole');\r\n // sessionStorage.removeItem('loggedIn');\r\n // sessionStorage.removeItem('locationCode');\r\n this.props.userLogout();\r\n document.getElementsByTagName(\"html\").item(0).style = \"\";\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n {/*
\r\n \r\n);\r\n\r\nexport default MapPage;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n\r\nclass AttributeSetModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n showColorPicker: false\r\n }\r\n }\r\n\r\n handleLowValueOnchang =(e) => {\r\n this.props.onLowValueChange(e);\r\n }\r\n\r\n handleUpValueOnchang =(e) => {\r\n this.props.onUpValueChange(e);\r\n }\r\n\r\n handleChangeComplete =(c,e) => {\r\n this.props.onColorValueChange(c,e)\r\n }\r\n\r\n handleShowColorClick = (e) => {\r\n e.stopPropagation();\r\n this.setState(\r\n (preState) =>(\r\n {showColorPicker: !preState.showColorPicker}\r\n )\r\n )\r\n }\r\n\r\n closeColorPicker = () => {\r\n // alert('pass');\r\n this.setState(\r\n (preState) =>{\r\n if (preState.showColorPicker){\r\n return({showColorPicker: false});\r\n }\r\n }\r\n )\r\n }\r\n\r\n handleColorOnClick = (event) => { \r\n // alert('click event');\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n\r\n OnSaveClick = (e) => {\r\n this.props.onSaveAttrSet(e);\r\n this.props.toggle();\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n New Entry \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default AttributeSetModal;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {Row, Col, Card, CardBody, Label, Input, Button, Table} from 'reactstrap';\r\nimport { ChromePicker} from 'react-color';\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport AttributeSetModal from './AttributeSetModal';\r\nimport check_mark_circle from '../../../shared/img/icon/check_mark_circle.svg' \r\nimport { ContentSaveSettingsOutlineIcon, OneTwoThreeIcon } from 'mdi-react';\r\nimport {EditTextButton, DeleteTextButton, PlusIconButton} from '../../../shared/components/Button/IconButton';\r\n\r\nclass AttributeSetCard extends Component{\r\n\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n attris: [\r\n // {display: true, name: 'Speed', type:0, setup:[{low:0,up:10,value:'#B53737'},{low:10,up:20,value:'#B53737'}]},\r\n // {display: false, name: 'Temp', type:0, setup:[]},\r\n // {display: true, name: 'Huli', type:1, setup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}]},\r\n // {display: true, name: 'Attr1', type:0, setup:[{low:0,up:10,value:'#B53737'}]},\r\n // {display: false, name: 'Attr2', type:0, setup:[]},\r\n ],\r\n currentAttrId: -1,\r\n currentAttrName: '',\r\n currentAttrType: -1,\r\n attriSetup:[],\r\n\r\n currentEditCell:null,\r\n currentAttr: '',\r\n \r\n currentIsSwitch: false,\r\n currentColor: '#B53737',\r\n showColorPicker: false,\r\n modalSetVisible: false,\r\n\r\n currentIndex: -1,\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n }\r\n this.renderAttributesTb = this.renderAttributesTb.bind(this);\r\n this.removeAtrr = this.removeAtrr.bind(this);\r\n // this.handleAttrRemoveClick = this.handleAttrRemoveClick.bind(this);\r\n }\r\n //--------------------------------------------------------------------\r\n static getDerivedStateFromProps(props, state){\r\n // if(props.isNew){\r\n // return(\r\n // {attris: [\r\n // {display: false, name: 'Speed', type:0, setup:[]},\r\n // {display: false, name: 'Temp', type:0, setup:[]},\r\n // {display: false, name: 'Huli', type:1, setup:[]},\r\n // {display: false, name: 'Attr1', type:0, setup:[]},\r\n // {display: false, name: 'Attr2', type:0, setup:[]},\r\n // ],}\r\n // )\r\n // }else{\r\n // return(\r\n // // {attris: [\r\n // // {display: true, name: 'Speed', type:0, setup:[{low:0,up:10,value:'#B53737'},{low:10,up:20,value:'#B53737'}]},\r\n // // {display: false, name: 'Temp', type:0, setup:[]},\r\n // // {display: true, name: 'Huli', type:1, setup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}]},\r\n // // {display: true, name: 'Attr1', type:0, setup:[{low:0,up:10,value:'#B53737'}]},\r\n // // {display: false, name: 'Attr2', type:0, setup:[]},\r\n // // ],}\r\n // {attris: props.attris}\r\n // )\r\n // }\r\n \r\n let currentAttrName = state.currentAttrName;\r\n let currentAttrId = state.currentAttrId;\r\n if (props.themeName !== state.themeName){ \r\n currentAttrId = -1; \r\n currentAttrName = '';\r\n }\r\n return({\r\n attris: props.attris, \r\n themeName: props.themeName, \r\n currentAttrId: currentAttrId,\r\n currentAttrName: currentAttrName\r\n });\r\n }\r\n //--------------------------------------------------------------------\r\n onLowValueChange = (e) => {\r\n this.setState({\r\n currentLowValue: e.target.value\r\n });\r\n }\r\n\r\n onUpValueChange = (e) => {\r\n this.setState({\r\n currentUpValue: e.target.value\r\n });\r\n }\r\n\r\n onColorvalueChange = (e) => {\r\n this.setState({\r\n currentEditColor: e.target.value\r\n });\r\n }\r\n\r\n modalSetToggle = () => {\r\n this.setState(prevState => ({\r\n modalSetVisible: !prevState.modalSetVisible\r\n }));\r\n }\r\n\r\n setModalVisible = (visible) => {\r\n // alert(visible);\r\n this.setState({modalSetVisible: visible});\r\n // alert(this.state.modalVisible);\r\n }\r\n\r\n onColorChangeComplete = (color, event) => {\r\n this.setState({ currentEditColor: color.hex });\r\n };\r\n\r\n clearCurrentEditAttrSet = () => {\r\n this.setState({\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n });\r\n };\r\n\r\n getAttributeSet = (i) => {\r\n if (this.state.attriSetup && Array.isArray(this.state.attriSetup) && i < this.state.attriSetup.length ){\r\n this.setState({\r\n currentLowValue: this.state.attriSetup[i].low,\r\n currentUpValue: this.state.attriSetup[i].up,\r\n currentEditColor: this.state.attriSetup[i].value\r\n })\r\n }\r\n }\r\n //--------------------------------------------------------------------\r\n // removeAtrr(attrName){\r\n // let attrList = this.state.attris.slice(); \r\n // attrList.map((item,i) => {\r\n // if (item.name === attrName.trim()){\r\n // item.display = false;\r\n // item.setup = [];\r\n // }\r\n // });\r\n // this.setState({\r\n // attris: attrList,\r\n // currentAttrName: '',\r\n // currentAttrType: -1,\r\n // attriSetup:[],\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n // })\r\n // };\r\n\r\n removeAtrr(attrId){\r\n // let attrList = this.state.attris.slice(); \r\n // attrList.map((item,i) => {\r\n // if (item.name === attrName.trim()){\r\n // item.display = false;\r\n // item.setup = [];\r\n // }\r\n // });\r\n \r\n this.setState(prevState => {\r\n let attrList = prevState.attris.map((item,i) => {\r\n if (item.id == attrId){\r\n item.display = false;\r\n item.setup = [];\r\n }\r\n });\r\n \r\n \r\n return({\r\n attris: attrList,\r\n currentAttrId: -1,\r\n currentAttrName: '',\r\n currentAttrType: -1,\r\n attriSetup:[],\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n }) \r\n })\r\n };\r\n\r\n\r\n // editAtrr = (attrName) =>{\r\n // let attr = this.state.attris.find((e, i) => (e.name === attrName));\r\n // // attr.display = true;\r\n // this.setState({\r\n // currentAttrName: attr.name,\r\n // currentAttrType: attr.type,\r\n // attriSetup:attr.setup,\r\n // currentIndex: -1,\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n // })\r\n // }\r\n\r\n editAtrr = (attrId) =>{\r\n \r\n // attr.display = true;\r\n this.setState(prevState => {\r\n let attr = prevState.attris.find((e, i) => (e.id == attrId));\r\n \r\n \r\n return ({\r\n currentAttrId: attr.id,\r\n currentAttrName: attr.name,\r\n currentAttrType: attr.type,\r\n attriSetup:attr.setup,\r\n currentIndex: -1,\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n }) \r\n })\r\n }\r\n\r\n // addAtrr = (attrName) => {\r\n // // alert(attrName);\r\n // let attrList = this.state.attris.slice();\r\n // // \r\n // let attr = attrList.find((e, i) => (e.name === attrName));\r\n // // \r\n // if (!attr.display){\r\n // attr.display = true;\r\n // // \r\n // // \r\n // // \r\n // if (attr.type === 0){\r\n // // alert(\"0\");\r\n // this.setState({\r\n // attris: attrList,\r\n // currentAttrName: attr.name,\r\n // currentAttrType: attr.type,\r\n // attriSetup: attr.setup,\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n // })\r\n // }\r\n // else if (attr.type === 1){\r\n // // alert(\"1\");\r\n // this.setState({\r\n // attris: attrList,\r\n // currentAttrName: attr.name,\r\n // currentAttrType: attr.type,\r\n // attriSetup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}],\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n // })\r\n // }\r\n // }\r\n // }\r\n\r\n addAtrr = (attrId) => {\r\n \r\n this.setState(prevState => {\r\n let attr = prevState.attris.find((e, i) => (e.id == attrId));\r\n \r\n \r\n if (!attr.display){\r\n attr.display = true;\r\n if (attr.type === 0){\r\n attr.setup = [];\r\n return({\r\n attris: prevState.attris,\r\n // currentAttrId: attr.id,\r\n // currentAttrName: attr.name,\r\n // currentAttrType: attr.type,\r\n // attriSetup: attr.setup,\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n\r\n currentAttrId: -1,\r\n currentAttrName: '',\r\n currentAttrType: -1,\r\n attriSetup:[],\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n })\r\n }\r\n else if (attr.type === 1){\r\n attr.setup = [{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#1414C4'}];\r\n return({\r\n attris: prevState.attris,\r\n // currentAttrId: attr.id,\r\n // currentAttrName: attr.name,\r\n // currentAttrType: attr.type,\r\n // // attriSetup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}],\r\n // attriSetup: attr.setup,\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n\r\n currentAttrId: -1,\r\n currentAttrName: '',\r\n currentAttrType: -1,\r\n attriSetup:[],\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n })\r\n }\r\n else{\r\n return null;\r\n }\r\n }\r\n });\r\n }\r\n\r\n\r\n // renderAttributeSet(){\r\n // return( null )\r\n // }\r\n\r\n // handleAttrEditClick =(e)=>{\r\n // // \r\n // this.editAtrr(e.target.value);\r\n // }\r\n // handleAttrRemoveClick(e){\r\n // this.removeAtrr(e.target.value);\r\n // }\r\n\r\n // handleAttrAddClick =(e) => {\r\n // this.addAtrr(e.target.value);\r\n // }\r\n\r\n handleAttrEditClick2 =(value)=>{\r\n // \r\n this.editAtrr(value);\r\n }\r\n handleAttrRemoveClick2(value){\r\n this.removeAtrr(value);\r\n }\r\n\r\n handleAttrAddClick2 =(value) => {\r\n this.addAtrr(value);\r\n }\r\n\r\n renderAttributesTb(){\r\n \r\n if (this.state.attris){\r\n return (\r\n this.state.attris.map((attr, i)=>{\r\n if(attr.display){ \r\n return( \r\n \r\n \r\n 
\r\n \r\n {attr.id} \r\n {attr.name} \r\n {attr.displayname} \r\n \r\n {/* */}\r\n {this.handleAttrEditClick2(attr.id)}}/>\r\n \r\n \r\n {/* */}\r\n {this.handleAttrRemoveClick2(attr.id)}}/>\r\n \r\n \r\n )\r\n }else{ \r\n return( \r\n \r\n \r\n {/* */}\r\n {this.handleAttrAddClick2(attr.id)}}/>\r\n \r\n {attr.id} \r\n {attr.name} \r\n {attr.displayname} \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n )\r\n }\r\n })\r\n ) \r\n }else{\r\n return null;\r\n }\r\n }\r\n //-------------------------------------------------------------------------------------------------------------------------------------------------\r\n // onResetClick = (event) => {\r\n \r\n // if (this.state.currentAttrName){\r\n // // alert(this.state.currentAttrName);\r\n // let attr = this.state.attris.find((e, i) => (e.name === this.state.currentAttrName));\r\n // \r\n // if (attr) {\r\n // this.setState({\r\n // attriSetup: attr.setup\r\n // });\r\n // }\r\n // }\r\n // }\r\n\r\n onResetClick = (event) => {\r\n \r\n this.setState(prevState => {\r\n if (prevState.currentAttrName && prevState.currentAttrId) {\r\n let attr = this.state.attris.find((e, i) => (e.id == prevState.currentAttrId));\r\n if (attr) {\r\n return({\r\n attriSetup: attr.setup,\r\n\r\n currentAttrId: -1,\r\n currentAttrName: '',\r\n currentAttrType: -1,\r\n attriSetup:[],\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n });\r\n }\r\n }\r\n });\r\n\r\n }\r\n\r\n // onOkClick = (e) => {\r\n // this.setState((preState)=>{\r\n // let attr = preState.attris.find((e, i) => (e.name === preState.currentAttrName));\r\n // attr.setup = preState.attriSetup;\r\n // return(\r\n // {\r\n // attris: preState.attris,\r\n // currentAttrName: '',\r\n // currentAttrType: -1,\r\n // attriSetup:[],\r\n // currentIndex: -1,\r\n // currentLowValue:0,\r\n // currentUpValue:0,\r\n // currentEditColor: '#ff0000'\r\n\r\n // }\r\n // )\r\n // })\r\n\r\n // }\r\n\r\n\r\n onOkClick = (e) => {\r\n this.setState((preState)=>{\r\n let attr = preState.attris.find((e, i) => (e.id == preState.currentAttrId));\r\n if (attr){\r\n attr.setup = preState.attriSetup;\r\n return(\r\n {\r\n attris: preState.attris,\r\n currentAttrId: -1,\r\n currentAttrName: '',\r\n currentAttrType: -1,\r\n attriSetup:[],\r\n currentIndex: -1,\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n \r\n }\r\n )\r\n } \r\n })\r\n }\r\n\r\n // ----------------------------------------------------------------------------------------\r\n handleChangeComplete = (color, event) => {\r\n this.setState({ currentColor: color.hex });\r\n };\r\n\r\n handleShowColorClick = () => {\r\n this.setState(\r\n (preState) =>(\r\n {showColorPicker: !preState.showColorPicker}\r\n )\r\n )\r\n }\r\n\r\n closeColorPicker = () => {\r\n // alert('pass');\r\n this.setState(\r\n (preState) =>{\r\n if (preState.showColorPicker){\r\n return({showColorPicker: false});\r\n }\r\n }\r\n )\r\n }\r\n\r\n handleRowColorClick = (e,i) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.setState(\r\n (preState) =>(\r\n {\r\n showColorPicker: !preState.showColorPicker,\r\n currentIndex: i\r\n }\r\n )\r\n )\r\n }\r\n\r\n handleChangeComplete = (color, event, index) => {\r\n // alert('color');\r\n let curColor = color.hex;\r\n let curSetup = this.state.attriSetup.slice();\r\n let setObject = Object.assign({},curSetup[index])\r\n setObject.value= curColor;\r\n curSetup[index]= setObject;\r\n this.setState({ attriSetup: curSetup });\r\n };\r\n\r\n handleColorOnClick = (event) => { \r\n // alert('click event');\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n\r\n renderSwitchAttrSet(){\r\n return(\r\n {this.handleRowOnclick(e, i)}}>\r\n {false && this.handleCellOnclick(e, i, 'low')}}>\r\n {\r\n isEditModeLow ? (\r\n \r\n ):(\r\n \r\n )\r\n }\r\n \r\n {false && this.handleCellOnclick(e, i, 'up')}}>\r\n {\r\n isEditModeUp ? (\r\n \r\n ):(\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n // onResetClick = (e) => {\r\n // if (this.state.currentAttrName){\r\n // let attr = this.state.attris.find((e, i) => (e.name === this.state.currentAttrName));\r\n // if (attr) {\r\n // this.setState({\r\n // attriSetup: attr.setup\r\n // });\r\n // }\r\n // }\r\n // }\r\n\r\n renderValueAttrSet(){\r\n \r\n \r\n const isEditModeLow = false;\r\n return(\r\n this.handleInsertButtonClick(onClick) }>\r\n {/* */}\r\n {/* 
*/}\r\n \r\n Add New Theme\r\n \r\n // \r\n );\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n tbToolBar = props => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n\r\n render() {\r\n \r\n const datetimeFormatter = (cell, row) => {\r\n if (cell && cell.length > 0){\r\n return cell.split(\".\")[0].replace('T', ' ');\r\n }else{\r\n return null\r\n }\r\n }\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [{\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: 'All', value: this.props.themes.length\r\n // }], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // onRowClick: this.handleRowClick,\r\n // onRowDoubleClick: function(row) {\r\n // // alert(`You double click row id: ${row.id}`);\r\n // }\r\n insertBtn: this.createCustomInsertButton,\r\n btnGroup: this.tbToolBar\r\n };\r\n\r\n return (\r\n \r\n \r\n {/*
*/}\r\n\r\n Theme ID \r\n Theme Name \r\n Description \r\n Created By \r\n Created Time \r\n {/* Create Time */}\r\n {/* Shape */}\r\n \r\n \r\n \r\n \r\n ) \r\n }\r\n}\r\nexport default AttributeThemeList;","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n ATTRI_MGMT_TOGGLE_ERROR,\r\n ATTRI_MGMT_TOGGLE_SUCCESS,\r\n ATTRI_MGMT_MSG_TOGGLE_OFF,\r\n ATTRI_MGMT_MSG_TOGGLE_ON,\r\n ATTRI_MGMT_GET_ATTRIBUTE_SUCCEED,\r\n ATTRI_MGMT_GET_ATTRIBUTE_FAILED,\r\n ATTRI_MGMT_POST_ATTRIBUTE_SUCCEED,\r\n ATTRI_MGMT_POST_ATTRIBUTE_FAILED,\r\n ATTRI_MGMT_DELETE_ATTRIBUTE_SUCCEED,\r\n ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED,\r\n ATTRI_MGMT_LOAD_DEVICETYPE_SUCCEED,\r\n ATTRI_MGMT_LOAD_DEVICETYPE_FAILED,\r\n ATTRI_MGMT_LOAD_ASSET_SUCCEED, \r\n ATTRI_MGMT_LOAD_ASSET_FAILED,\r\n ATTRI_MGMT_CLEAR_ATTRIBUTE,\r\n USER_GET_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nimport {\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_ATTRIBUTES,\r\n WEB_SERVICE_DEVICETYPE,\r\n WEB_SERVICE_ASSET,\r\n} from '../../constants/appConstants'\r\n\r\nimport {toggleAlertOff} from './alertAction';\r\nimport {axiosGet, getCurrentUser, base64Encode, getJwttoken} from '../../factories/utils';\r\n// const token = getJwttoken();\r\n// axios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\naxios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\n// ----------------------------------------------\r\nexport function closeAlertOff () {\r\n return (toggleAlertOff(ATTRI_MGMT_MSG_TOGGLE_OFF));\r\n}\r\n// ----------------------------------------------\r\nfunction loadDeviceTypeSucceed(response){\r\n const action = {\r\n type: ATTRI_MGMT_LOAD_DEVICETYPE_SUCCEED,\r\n payload: response.data,\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction loadDeviceTypeFailed(error){\r\n const action = {\r\n type: ATTRI_MGMT_LOAD_DEVICETYPE_FAILED,\r\n error: error.message\r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function loadDeviceTypes(){\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n \r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n // const urlStr = 'http://192.168.2.7:8080/sigfox/Devicetypes';\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_DEVICETYPE}`;\r\n\r\n \r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n }\r\n });\r\n\r\n return ( (dispatch) => {\r\n request.then( (response) => { dispatch(loadDeviceTypeSucceed(response))})\r\n .catch( (error) => {dispatch(loadDeviceTypeFailed(error))})\r\n }\r\n );\r\n}\r\n// ----------------------------------------------\r\nfunction loadAssetSucceed(response){\r\n const action = {\r\n type: ATTRI_MGMT_LOAD_ASSET_SUCCEED,\r\n payload: response.data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction loadAssetFailed(error){\r\n const action = {\r\n type: ATTRI_MGMT_LOAD_ASSET_FAILED,\r\n error: error.message\r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function loadAssets(criteria){\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n queryString = '?' + queryString;\r\n }\r\n // const urlStr = 'http://192.168.2.7:8080/sigfox/Devicetypes';\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_ASSET}${queryString}`;\r\n\r\n \r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n }\r\n });\r\n\r\n return ( (dispatch) => {\r\n request.then( (response) => { dispatch(loadAssetSucceed(response))})\r\n .catch( (error) => {dispatch(loadAssetFailed(error))})\r\n }\r\n );\r\n}\r\n// ----------------------------------------------\r\nfunction getAttributeSucceed (response) {\r\n \r\n \r\n let action;\r\n if (response.status == 200){\r\n \r\n action = {\r\n type: ATTRI_MGMT_GET_ATTRIBUTE_SUCCEED,\r\n payload: response.data\r\n };\r\n }else{\r\n \r\n action = {\r\n type: ATTRI_MGMT_GET_ATTRIBUTE_FAILED,\r\n error: response.statusText\r\n };\r\n }\r\n \r\n\r\n return action;\r\n\r\n}\r\n\r\nfunction getAttributeFailed (error) {\r\n // \r\n // \r\n const action = {\r\n type: ATTRI_MGMT_GET_ATTRIBUTE_FAILED,\r\n error: error.message\r\n };\r\n \r\n return action;\r\n\r\n}\r\n\r\nexport function getAttributes (assetid) {\r\n \r\n let criteria = '';\r\n if (assetid && assetid.length > 0){\r\n // criteria = `?assetid=${assetid}`;\r\n criteria = `?devicetypeid=${assetid}`;\r\n }\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_ATTRIBUTES}${criteria}`;\r\n \r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n });\r\n return (\r\n (dispatch)=>{\r\n request.then((response)=>{dispatch(getAttributeSucceed(response))})\r\n .catch((error)=>{dispatch(getAttributeFailed(error))})\r\n }\r\n );\r\n}\r\n// ----------------------------------------------------------------------------\r\nexport function clearAttributes () {\r\n \r\n return (\r\n dispatch => {\r\n dispatch({\r\n type: ATTRI_MGMT_CLEAR_ATTRIBUTE,\r\n });\r\n }\r\n )\r\n}\r\n// ----------------------------------------------------------------------------\r\n\r\nfunction upsertAttributeSucceed (response) {\r\n let action ; \r\n if (response.status == 200){\r\n action = {\r\n type: ATTRI_MGMT_POST_ATTRIBUTE_SUCCEED,\r\n payload: response.data\r\n };\r\n }else{\r\n action = {\r\n type: ATTRI_MGMT_POST_ATTRIBUTE_FAILED,\r\n error: response.statusText\r\n };\r\n }\r\n return action;\r\n}\r\n\r\nfunction upsertAttributeFailed (error) {\r\n const action = {\r\n type: ATTRI_MGMT_POST_ATTRIBUTE_FAILED,\r\n error: error.message\r\n };\r\n \r\n return action;\r\n}\r\n\r\nexport function upsertAttributes (attriObj) {\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_ATTRIBUTES}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {'Accept': 'application/json'},\r\n data: attriObj\r\n });\r\n return (\r\n (dispatch)=>{\r\n request.then(\r\n (response)=>{\r\n // alert('chined-1');\r\n dispatch(upsertAttributeSucceed(response));\r\n // alert('chined-2');\r\n if (response.status == 200){\r\n // alert('chined-3');\r\n dispatch(getAttributes(attriObj.devicetype));\r\n }\r\n }\r\n ).catch(\r\n (error)=>{dispatch(upsertAttributeFailed(error))}\r\n )\r\n }\r\n );\r\n}\r\n\r\n// ----------------------------------------------------------------------------\r\n\r\nfunction deleteAttributeSucceed (response) {\r\n let action;\r\n if (response.status == 200){\r\n action = {\r\n type: ATTRI_MGMT_DELETE_ATTRIBUTE_SUCCEED,\r\n payload: response.data\r\n };\r\n }else{\r\n action = {\r\n type: ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED,\r\n error: response.statusText\r\n };\r\n }\r\n return action;\r\n }\r\n\r\nfunction deleteAttributeFailed (error) {\r\n const action = {\r\n type: ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED,\r\n error: error.message\r\n };\r\n \r\n return action;\r\n}\r\n\r\nexport function deleteAttributes(attributeid) {\r\n const criteria = `?attributeid=${attributeid}`;\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_ATTRIBUTES}${criteria}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'delete'\r\n });\r\n\r\n return (\r\n (dispatch)=>{\r\n request.then(\r\n (response)=>{\r\n \r\n \r\n // \r\n dispatch(deleteAttributeSucceed(response));\r\n // \r\n if (response.status == 200 && response.data == true) {\r\n // \r\n dispatch(getAttributes());\r\n }\r\n }\r\n ).catch(\r\n (error)=>{dispatch(deleteAttributeFailed(error))}\r\n )\r\n }\r\n );\r\n}","/* eslint-disable */\r\nimport React, { PureComponent } from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport NotificationSystem from 'rc-notification';\r\nimport Notification from 'rc-notification';\r\n// import { translate } from 'react-i18next';\r\n\r\nconst BasicNotification = ({ color, title, message }) => {\r\n return (\r\n \r\n \r\n \r\n\r\n {/*
\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------------------------------\r\n\r\n handleRowClick = (row) => {\r\n // let selectedId = row.id;\r\n \r\n // let selectedValue = row.name;\r\n // let selectedattri = this.state.themes.find((item)=>{\r\n // return(item.id === selectedId);\r\n // });\r\n // // alert(selectedattri.attris);\r\n \r\n // let attris = JSON.parse(JSON.stringify(selectedattri.attris));\r\n // \r\n // this.setState(\r\n // {\r\n // currentThemeId : selectedId,\r\n // currentThemeName: selectedValue,\r\n // showEdieCard: true,\r\n // isNew: false,\r\n // currentAttris: attris\r\n // }\r\n // )\r\n let selectedId = row.themeid;\r\n let selectedValue = row.themename;\r\n \r\n this.props.getAssetclassTheme(selectedId);\r\n this.setState({\r\n currentThemeId : selectedId,\r\n currentThemeName: selectedValue,\r\n showEdieCard: true,\r\n isNew: false,\r\n });\r\n }\r\n handleRowDeleteClick = (row) => {\r\n let id = row.id;\r\n this.props.removeAssetclassTheme(this.state.currentAssetClassId, row.themename, row.themeid);\r\n this.setState((prevState) => ({\r\n // themes: prevState.themes.filter((v,i,a)=>(v.id !== id)),\r\n currentThemeId: -1,\r\n currentAttris:[],\r\n currentThemeName: '',\r\n showEdieCard: false,\r\n }));\r\n }\r\n handleAddNew = () => {\r\n this.setModalVisible(true);\r\n }\r\n\r\n renderThemeList(){\r\n return(\r\n \r\n New Theme \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n\r\n // ----------------------------------------------------------------------------------------------\r\n render(){\r\n return(\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n);\r\n\r\nexport default AttributePage;\r\n","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n API_ADDR,\r\n API_ROOT_URL,\r\n SEARCH_USER,\r\n SEARCH_USER_STARTED,\r\n SEARCH_USER_SUCCEED,\r\n SEARCH_USER_FAILED,\r\n SUCCESS_MSG,\r\n} from '../../../constants/actionTypes';\r\n\r\nfunction searchUsersStarted() {\r\n return {\r\n type: SEARCH_USER_STARTED\r\n }\r\n}\r\n\r\nfunction searchUsersSucceed(res) {\r\n if (res.data.message === SUCCESS_MSG) {\r\n return {\r\n type: SEARCH_USER_SUCCEED,\r\n payload: res\r\n }\r\n }\r\n else {\r\n return {\r\n type: SEARCH_USER_FAILED,\r\n payload: res\r\n }\r\n }\r\n}\r\n\r\nfunction searchUsersFailed(err) {\r\n return {\r\n type: SEARCH_USER_FAILED,\r\n payload: err\r\n }\r\n}\r\n\r\n// export function searchUsers(criteria) {\r\n// const url = `${API_ADDR}${API_ROOT_URL}${SEARCH_USER}`;\r\n// const promise = axios({\r\n// url: url,\r\n// method: 'get',\r\n// headers: {\r\n// 'Content-Type': 'application/json'\r\n// },\r\n// params: {\r\n// token: sessionStorage.getItem('authToken'),\r\n// email: criteria.email !== ''? criteria.email: 'null',\r\n// fullName: criteria.fullName !== ''? criteria.fullName: 'null',\r\n// userName: criteria.userName !== ''? criteria.userName: 'null'\r\n// }\r\n// });\r\n\r\n// return function (dispatch) {\r\n// dispatch(searchUsersStarted());\r\n// promise.then(\r\n// res => {\r\n// dispatch(searchUsersSucceed(res));\r\n// }\r\n// ).catch(\r\n// err => {\r\n// dispatch(searchUsersFailed(err));\r\n// }\r\n// );\r\n// }\r\n// }\r\n\r\nexport function searchUsers(criteria) {\r\n let mokeData = [\r\n {\r\n user_id: \"5c75be83e833d96a670ab4fb\",\r\n user_name: \"Kent\",\r\n email: \"kent.rawlings@sigfoxcanada.com\",\r\n full_name: \"Kent Rawlings\",\r\n last_login: 0,\r\n creation_time: 1551220532842,\r\n time_zone: \"America/Toronto\",\r\n },\r\n {\r\n user_id: \"5cab66462564322b9a5e53a5\",\r\n user_name: \"Matt\",\r\n email: \"matt.davis@sigfoxcanada.com\",\r\n full_name: \"Matt Davis\",\r\n last_login: 1568647582014,\r\n creation_time: 1554736925199,\r\n time_zone: \"America/Toronto\",\r\n },\r\n {\r\n user_id: \"5d026d93e833d924bddebd31\",\r\n user_name: \"david\",\r\n email: \"david.bazargan@fonturinternational.com\",\r\n full_name: \"david Bazargan\",\r\n last_login: 1560440389648,\r\n creation_time: 1560440344536,\r\n time_zone: \"UTC\",\r\n },\r\n \r\n {\r\n user_id: \"5d1a161b0499f57e0ec0428a\",\r\n user_name: \"Manuel\",\r\n email: \"manuel.vera@sigfoxcanada.com\",\r\n full_name: \"Manuel Vera\",\r\n last_login: 1568217499492,\r\n creation_time: 1561990771018,\r\n time_zone: \"America/Toronto\",\r\n },\r\n ];\r\n\r\n let email = criteria.email !== ''? criteria.email: 'null';\r\n let fullName = criteria.fullName !== ''? criteria.fullName: 'null';\r\n let userName = criteria.userName !== ''? criteria.userName: 'null';\r\n const filteredData = mokeData.filter((item) =>{\r\n return(\r\n ('null' == email || email == item.email) &&\r\n ('null' == fullName || fullName == item.full_name) &&\r\n ('null' == userName || userName == item.user_name) \r\n );\r\n });\r\n\r\n console.log('fileterData')\r\n \r\n \r\n \r\n \r\n\r\n return((dispatch) => {dispatch(\r\n {\r\n type: SEARCH_USER_SUCCEED,\r\n payload: filteredData\r\n }\r\n )});\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n API_ADDR,\r\n API_ROOT_URL,\r\n GET_USER_DATA,\r\n GET_USER_DATA_STARTED,\r\n GET_USER_DATA_SUCCEED,\r\n GET_USER_DATA_FAILED,\r\n SUCCESS_MSG\r\n} from '../../../constants/actionTypes';\r\n\r\nfunction fetchDetailStarted() {\r\n return {\r\n type: GET_USER_DATA_STARTED\r\n }\r\n}\r\n\r\nfunction fetchDetailSucceed(res) {\r\n if (res.data.message === SUCCESS_MSG) {\r\n return {\r\n type: GET_USER_DATA_SUCCEED,\r\n payload: res\r\n }\r\n }\r\n else {\r\n return {\r\n type: GET_USER_DATA_FAILED,\r\n payload: res\r\n }\r\n }\r\n}\r\n\r\nfunction fetchDetailFailed(err) {\r\n return {\r\n type: GET_USER_DATA_FAILED,\r\n payload: err\r\n }\r\n}\r\n\r\nexport function fetchDetail(criteria) {\r\n const url = `${API_ADDR}${API_ROOT_URL}${GET_USER_DATA}`;\r\n\r\n const promise = axios({\r\n url: url,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n params: {\r\n token: sessionStorage.getItem('authToken'),\r\n userName: criteria.userName || undefined\r\n }\r\n });\r\n\r\n return function (dispatch) {\r\n dispatch(fetchDetailStarted());\r\n promise.then(\r\n res => {\r\n dispatch(fetchDetailSucceed(res));\r\n }\r\n ).catch(\r\n err => {\r\n dispatch(fetchDetailFailed(err));\r\n }\r\n );\r\n }\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n API_ADDR,\r\n API_ROOT_URL,\r\n DELETE_USER_DATA,\r\n DELETE_USER_DATA_STARTED,\r\n DELETE_USER_DATA_SUCCEED,\r\n DELETE_USER_DATA_FAILED,\r\n SUCCESS_MSG\r\n} from '../../../constants/actionTypes';\r\n\r\nfunction deleteDetailStarted() {\r\n return {\r\n type: DELETE_USER_DATA_STARTED\r\n }\r\n}\r\n\r\nfunction deleteDetailSucceed(res) {\r\n if (res.data.status === SUCCESS_MSG) {\r\n return {\r\n type: DELETE_USER_DATA_SUCCEED,\r\n payload: res\r\n }\r\n }\r\n else {\r\n return {\r\n type: DELETE_USER_DATA_FAILED,\r\n payload: res\r\n }\r\n }\r\n}\r\n\r\nfunction deleteDetailFailed(err) {\r\n return {\r\n type: DELETE_USER_DATA_FAILED,\r\n payload: err\r\n }\r\n}\r\n\r\nfunction criteriaToFormData(criteria) {\r\n let payload = new FormData();\r\n\r\n payload.set('userName', criteria.userName);\r\n payload.set('jToken', sessionStorage.getItem('authToken'));\r\n\r\n return payload;\r\n}\r\n\r\nexport function deleteDetail(criteria) {\r\n const url = `${API_ADDR}${API_ROOT_URL}${DELETE_USER_DATA}`;\r\n\r\n const payload = criteriaToFormData(criteria);\r\n\r\n const promise = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'multipart/form-data'\r\n },\r\n data: payload\r\n });\r\n\r\n return function (dispatch) {\r\n dispatch(deleteDetailStarted());\r\n promise.then(\r\n res => {\r\n dispatch(deleteDetailSucceed(res));\r\n }\r\n ).catch(\r\n err => {\r\n dispatch(deleteDetailFailed(err));\r\n }\r\n );\r\n }\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n API_ADDR,\r\n API_ROOT_URL,\r\n GET_ALL_MODULES,\r\n GET_ALL_MODULES_STARTED,\r\n GET_ALL_MODULES_SUCCEED,\r\n GET_ALL_MODULES_FAILED,\r\n SUCCESS_MSG,\r\n GET_ALL_GROUPS_STARTED,\r\n GET_ALL_GROUPS_SUCCEED,\r\n GET_ALL_GROUPS_FAILED,\r\n USER_GET_FAILED,\r\n} from '../../../constants/actionTypes';\r\nimport {WEB_SERVICE_ROOT} from '../../../constants/appConstants';\r\n\r\nimport {axiosGet, getCurrentUser, base64Encode, getJwttoken} from '../../../factories/utils';\r\n// const token = getJwttoken();\r\n// axios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\naxios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\nfunction fetchModulesStart() {\r\n return {\r\n type: GET_ALL_MODULES_STARTED\r\n }\r\n}\r\n\r\n// -----------------------------------------------------\r\n// function fetchModulesSucceed(res) {\r\n// if (res.data.message === SUCCESS_MSG) {\r\n// return {\r\n// type: GET_ALL_MODULES_SUCCEED,\r\n// payload: res\r\n// }\r\n// }\r\n// else {\r\n// return {\r\n// type: GET_ALL_MODULES_FAILED,\r\n// payload: res\r\n// }\r\n// }\r\n// }\r\n\r\n// function fetchModulesFailed(err) {\r\n// return {\r\n// type: GET_ALL_MODULES_FAILED,\r\n// payload: err\r\n// }\r\n// }\r\n\r\n// export function fetchAllModules() {\r\n// const url = `${API_ADDR}${API_ROOT_URL}${GET_ALL_MODULES}`;\r\n\r\n// const promise = axios({\r\n// url: url,\r\n// method: 'get',\r\n// headers: {\r\n// 'Content-Type': 'application/json'\r\n// },\r\n// params: {\r\n// token: sessionStorage.getItem('authToken'),\r\n// }\r\n// });\r\n\r\n// return function (dispatch) {\r\n// dispatch(fetchModulesStart());\r\n// promise.then(\r\n// res => {\r\n// dispatch(fetchModulesSucceed(res));\r\n// }\r\n// ).catch(\r\n// err => {\r\n// dispatch(fetchModulesFailed(err));\r\n// }\r\n// );\r\n// }\r\n// }\r\n\r\n// ------------------------------------------------------------\r\n\r\nfunction loadDeviceSucceed(response){\r\n let data = [];\r\n if (response.data){\r\n response.data.forEach((item,index)=>{\r\n let ele = {\r\n id: item.devicetypeid,\r\n name: item.devicetypename,\r\n user_role: 0\r\n };\r\n data.push(ele);\r\n });\r\n }\r\n const action = {\r\n type: GET_ALL_MODULES_SUCCEED,\r\n payload: data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction loadDeviceFailed(error){\r\n const action = {\r\n type: GET_ALL_MODULES_FAILED,\r\n payload: error.message,\r\n \r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function fetchAllModules(){\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n // const urlStr = 'http://13.88.246.7:8080/sigfox/Devicetypes';\r\n const urlStr = `${WEB_SERVICE_ROOT}Devicetypes`;\r\n \r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ( (dispatch) => {\r\n dispatch(fetchModulesStart());\r\n request.then( \r\n (response) => { dispatch(loadDeviceSucceed(response))}\r\n ).catch( \r\n (error) => {dispatch(loadDeviceFailed(error))}\r\n );\r\n }\r\n );\r\n}\r\n\r\nfunction fetchGroupsStart() {\r\n return {\r\n type: GET_ALL_GROUPS_STARTED\r\n }\r\n}\r\n\r\nfunction loadGroupsSucceed(response){\r\n let data = [];\r\n if (response.data){\r\n response.data.forEach((item,index)=>{\r\n let ele = {\r\n id: item.groupid,\r\n name: item.groupname,\r\n user_group: false\r\n };\r\n data.push(ele);\r\n });\r\n }\r\n const action = {\r\n type: GET_ALL_GROUPS_SUCCEED,\r\n payload: data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction loadGroupsFailed(error){\r\n const action = {\r\n type: GET_ALL_GROUPS_FAILED,\r\n payload: error.message,\r\n \r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function fetchAllGroups(){\r\n const urlStr = 'http://192.168.2.7:8080/sigfox/Groups';\r\n \r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n });\r\n\r\n return ( (dispatch) => {\r\n dispatch(fetchGroupsStart());\r\n request.then( \r\n (response) => { dispatch(loadGroupsSucceed(response))}\r\n ).catch( \r\n (error) => {dispatch(loadGroupsFailed(error))}\r\n );\r\n }\r\n );\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n API_ADDR,\r\n API_ROOT_URL,\r\n SAVE_USER_DATA,\r\n SAVE_USER_DATA_STARTED,\r\n SAVE_USER_DATA_SUCCEED,\r\n SAVE_USER_DATA_FAILED,\r\n SUCCESS_MSG\r\n} from '../../../constants/actionTypes';\r\n\r\nfunction saveDetailStarted() {\r\n return {\r\n type: SAVE_USER_DATA_STARTED\r\n }\r\n}\r\n\r\nfunction saveDetailSucceed(res) {\r\n if (res.data.status === SUCCESS_MSG) {\r\n return {\r\n type: SAVE_USER_DATA_SUCCEED,\r\n payload: res\r\n }\r\n }\r\n else {\r\n return {\r\n type: SAVE_USER_DATA_FAILED,\r\n payload: res\r\n }\r\n }\r\n}\r\n\r\nfunction saveDetailFailed(err) {\r\n return {\r\n type: SAVE_USER_DATA_FAILED,\r\n payload: err\r\n }\r\n}\r\n\r\nexport function saveDetail(criteria) {\r\n const url = `${API_ADDR}${API_ROOT_URL}${SAVE_USER_DATA}`;\r\n\r\n const promise = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n data: {\r\n email: criteria.email,\r\n fullName: criteria.fullName,\r\n data: criteria.data,\r\n userName: criteria.userName,\r\n token: sessionStorage.getItem('authToken')\r\n }\r\n });\r\n\r\n return function (dispatch) {\r\n dispatch(saveDetailStarted());\r\n promise.then(\r\n res => {\r\n dispatch(saveDetailSucceed(res));\r\n }\r\n ).catch(\r\n err => {\r\n dispatch(saveDetailFailed(err));\r\n }\r\n );\r\n }\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n API_ADDR,\r\n API_ROOT_URL,\r\n ADD_USER_DATA,\r\n ADD_USER_DATA_STARTED,\r\n ADD_USER_DATA_SUCCEED,\r\n ADD_USER_DATA_FAILED,\r\n SUCCESS_MSG\r\n} from '../../../constants/actionTypes';\r\n\r\nfunction addDetailStarted() {\r\n return {\r\n type: ADD_USER_DATA_STARTED\r\n }\r\n}\r\n\r\nfunction addDetailSucceed(res) {\r\n if (res.data.status === SUCCESS_MSG) {\r\n return {\r\n type: ADD_USER_DATA_SUCCEED,\r\n payload: res\r\n }\r\n }\r\n else {\r\n return {\r\n type: ADD_USER_DATA_FAILED,\r\n payload: res\r\n }\r\n }\r\n}\r\n\r\nfunction addDetailFailed(err) {\r\n return {\r\n type: ADD_USER_DATA_FAILED,\r\n payload: err\r\n }\r\n}\r\n\r\nexport function addDetail(criteria) {\r\n const url = `${API_ADDR}${API_ROOT_URL}${ADD_USER_DATA}`;\r\n\r\n const promise = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n data: {\r\n email: criteria.email,\r\n fullName: criteria.fullName,\r\n data: criteria.data,\r\n userName: criteria.userName,\r\n token: sessionStorage.getItem('authToken')\r\n }\r\n });\r\n\r\n return function (dispatch) {\r\n dispatch(addDetailStarted());\r\n promise.then(\r\n res => {\r\n dispatch(addDetailSucceed(res));\r\n }\r\n ).catch(\r\n err => {\r\n dispatch(addDetailFailed(err));\r\n }\r\n );\r\n }\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {TabContent, TabPane, Nav, NavItem, NavLink,Card, CardBody, Col, Row, Button, Container} from 'reactstrap';\r\nimport {connect } from 'react-redux';\r\nimport {bindActionCreators } from 'redux';\r\nimport PropTypes from \"prop-types\";\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\n\r\nimport {Modal} from \"react-overlays\";\r\n// import {css} from \"@emotion/core\";\r\nimport {Trans} from \"react-i18next\";\r\nimport {fetchDetail} from \"../../../redux/actions/AccountMgmt/fetchDetailAction\";\r\nimport {fetchAllModules, fetchAllGroups} from \"../../../redux/actions/AccountMgmt/allModulesAction\";\r\nimport {saveDetail} from '../../../redux/actions/AccountMgmt/saveDetailAction';\r\nimport {addDetail} from '../../../redux/actions/AccountMgmt/addDetailAction';\r\n// import {GET_ALL_MODULES_SUCCEED, GET_USER_DATA_SUCCEED} from \"../../../redux/const\"; \r\nimport {GET_ALL_MODULES_SUCCEED, GET_USER_DATA_SUCCEED, GET_ALL_GROUPS_STARTED, GET_ALL_GROUPS_SUCCEED, GET_ALL_GROUPS_FAILED,} from \"../../../constants/actionTypes\";\r\nimport classnames from 'classnames';\r\n\r\n// const override = css`\r\n// display: block;\r\n// margin: 0 auto;\r\n// border-color: red;\r\n// `;\r\n\r\nconst backdropStyle = {\r\n position: 'fixed',\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n overflow: 'auto',\r\n};\r\n\r\nconst modalStyle = function() {\r\n const top = 5;\r\n const left = 5;\r\n\r\n return {\r\n position: 'fixed',\r\n width: 800,\r\n height: 650,\r\n zIndex: 1040,\r\n top: top + '%',\r\n left: left + '%',\r\n border: '0px solid #ffffff',\r\n backgroundColor: 'white',\r\n // boxShadow: '0 5px 15px rgba(0,0,0,.5)',\r\n padding: 10,\r\n overflow: 'auto',\r\n resize: 'both'\r\n };\r\n};\r\n\r\nclass DetailModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n data: [],\r\n email: '',\r\n fullName:'',\r\n userName: '',\r\n newUser: true,\r\n activeTab: '1',\r\n groupdata: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // alert(\"did mount\");\r\n if (this.props.userName !== '') {\r\n this.props.fetchDetail({userName: this.props.userName});\r\n }\r\n else {\r\n this.props.fetchAllModules();\r\n this.props.fetchAllGroups();\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n // alert(nextProps.modules.groupType);\r\n if (nextProps.show === true) {\r\n this.setState({\r\n showModal: true\r\n });\r\n }\r\n if (nextProps.detail.type === GET_USER_DATA_SUCCEED && this.props.userName !== '') {\r\n this.setState({\r\n data: nextProps.detail.payload\r\n })\r\n }\r\n if (nextProps.modules.type === GET_ALL_MODULES_SUCCEED && this.props.userName === '') {\r\n this.setState({\r\n data: nextProps.modules.payload\r\n });\r\n }\r\n if (nextProps.modules.groupType === GET_ALL_GROUPS_SUCCEED && this.props.userName === '') {\r\n // alert(\"yes\");\r\n this.setState({\r\n groupdata: nextProps.modules.groupPayload\r\n });\r\n }\r\n if (nextProps.userEmail !== '') {\r\n this.setState({\r\n email: nextProps.userEmail\r\n });\r\n }\r\n if (nextProps.fullName !== '') {\r\n this.setState({\r\n fullName: nextProps.fullName\r\n });\r\n }\r\n if (nextProps.userName !== ''){\r\n this.setState({\r\n userName: nextProps.userName,\r\n newUser: false\r\n });\r\n }\r\n }\r\n\r\n\r\n renderBackdrop=(props) => {\r\n return ;\r\n };\r\n\r\n cellAuthSelection(cell, row, enumObject, index) {\r\n return(\r\n \r\n {/**/}\r\n {/**/}\r\n {/* \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n cellGroupSelection = (cell, row, enumObject, index) => {\r\n \r\n return (\r\n // \r\n // {/**/}\r\n // {/**/}\r\n // \r\n // \r\n // \r\n\r\n \r\n\r\n );\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onSelectChange = (event) => {\r\n let index = parseInt(event.target.name.split(',')[0]);\r\n let section = event.target.name.split(',')[1];\r\n let modData = [...this.state.data];\r\n modData[index][section] = event.target.value;\r\n this.setState({\r\n ...this.state,\r\n data: modData\r\n });\r\n };\r\n\r\n onGroupSelectChange = (event) => {\r\n // let index = parseInt(event.target.name.split(',')[0]);\r\n let index = event.target.name.split(',')[0];\r\n // alert(index);\r\n let section = event.target.name.split(',')[1];\r\n let modData = [...this.state.groupdata];\r\n // alert(event.target.value);\r\n // alert(event.target.checked);\r\n // modData[index]['user_group'] = event.target.checked;\r\n\r\n let selectedItem = modData.find((element)=>(element.id == index));\r\n selectedItem['user_group'] = event.target.checked;\r\n this.setState({\r\n ...this.state,\r\n groupdata: modData\r\n });\r\n }\r\n\r\n onSubmit = () => {\r\n if (this.props.userName !== '') {\r\n this.props.saveDetail({\r\n email: this.state.email,\r\n fullName: this.state.fullName,\r\n data: this.state.data,\r\n userName: this.state.userName\r\n });\r\n }\r\n else {\r\n this.props.addDetail({\r\n email: this.state.email,\r\n fullName: this.state.fullName,\r\n data: this.state.data,\r\n userName: this.state.userName\r\n });\r\n }\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n showModal: false\r\n });\r\n };\r\n\r\n toggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n renderGroupTab() {\r\n let data = [];\r\n data = this.props.modules.groupPayload;\r\n const options = {\r\n page: 1, // which page you want to show as default\r\n sizePerPageList: [ {\r\n text: '5', value: 5\r\n }, {\r\n text: '10', value: 10\r\n }, {\r\n text: '15', value: 15\r\n } ], // you can change the dropdown list for size per page\r\n sizePerPage: 5, // which size per page you want to locate as default\r\n pageStartIndex: 1, // where to start counting the pages\r\n paginationSize: 5, // the pagination bar size.\r\n prePage: '<', // Previous page button text\r\n nextPage: '>', // Next page button text\r\n firstPage: '<<', // First page button text\r\n lastPage: '>>', // Last page button text\r\n };\r\n return(\r\n \r\n \r\n {/* System */}\r\n Group\r\n \r\n \r\n ID \r\n \r\n {/* \r\n Access \r\n */}\r\n \r\n Assigned \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n // TODO: Add Scrollbar for Modal\r\n const { userName } = this.props;\r\n let data = [];\r\n data = this.props.modules.payload;\r\n // if (userName !== '')\r\n // data = this.props.detail.payload;\r\n // else {\r\n // data = this.props.modules.payload;\r\n // }\r\n\r\n //------------------------------------------------------\r\n const options = {\r\n page: 1, // which page you want to show as default\r\n sizePerPageList: [ {\r\n text: '5', value: 5\r\n }, {\r\n text: '10', value: 10\r\n }, {\r\n text: '15', value: 15\r\n } ], // you can change the dropdown list for size per page\r\n sizePerPage: 5, // which size per page you want to locate as default\r\n pageStartIndex: 1, // where to start counting the pages\r\n paginationSize: 5, // the pagination bar size.\r\n prePage: '<', // Previous page button text\r\n nextPage: '>', // Next page button text\r\n firstPage: '<<', // First page button text\r\n lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // onRowClick: this.handleRowClick,\r\n // onRowDoubleClick: function(row) {\r\n // // alert(`You double click row id: ${row.id}`);\r\n // }\r\n };\r\n //------------------------------------------------------\r\n return (\r\n this.onSelectChange(e, row)}\r\n // value={cell}\r\n // >\r\n // {/**/}\r\n // {/**/}\r\n // {/* \r\n // \r\n // */}\r\n // {/* */}\r\n // \r\n // \r\n // \r\n // );\r\n // }\r\n\r\n cellAuthSelection = (cell, row, enumObject, index) => {\r\n const options = [\r\n { value: 1, label: 'Allow' },\r\n { value: 2, label: 'Deny' }\r\n ];\r\n\r\n const selectedValue = options.find(option => option.value === cell);\r\n\r\n return (\r\n \r\n // {/**/}\r\n // {/**/}\r\n // \r\n // \r\n // \r\n\r\n \r\n\r\n );\r\n }\r\n\r\n onSubmit = () => {\r\n if (sessionStorage.getItem('currentUserObj')) {\r\n try {\r\n // let userObj = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n let classids = [];\r\n this.state.assetclassMap.map((item, index) => {\r\n if (item.access === 1) {\r\n classids.push(item.assetclassid);\r\n }\r\n });\r\n let mapObj = {\r\n userId: this.props.userId,\r\n classid: classids.concat(this.state.restUserClassIds),\r\n };\r\n this.props.upsertUserAssetclassList(mapObj);\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n\r\n }\r\n\r\n // this.props.upsertUserAssetclassList(mapObj);\r\n // this.props.getUserAssetclassList(\"test123\");\r\n // this.props.removeUser(\"test52347\");\r\n this.props.toggle();\r\n }\r\n\r\n onClose = () => {\r\n // alert('inside');\r\n this.props.toggle();\r\n }\r\n\r\n render() {\r\n let data = [];\r\n // data = this.props.modules.groupPayload;\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: '15', value: 15\r\n // } ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n };\r\n\r\n return (\r\n \r\n // {/**/}\r\n // {/**/}\r\n // \r\n // \r\n // \r\n\r\n \r\n\r\n );\r\n }\r\n\r\n onSubmit = () => {\r\n if (sessionStorage.getItem('currentUserObj')) {\r\n try {\r\n // let userObj = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n let devicetypeids = [];\r\n this.state.devicetypeMap.map((item, index) => {\r\n if (item.access === 1) {\r\n devicetypeids.push(item.devicetypeid);\r\n }\r\n });\r\n let mapObj = {\r\n userId: this.props.userId,\r\n devicetypeid: devicetypeids.concat(this.state.restUserTypeIds),\r\n };\r\n this.props.upsertUserDevicetypeList(mapObj);\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n\r\n }\r\n\r\n // this.props.upsertUserAssetclassList(mapObj);\r\n // this.props.getUserAssetclassList(\"test123\");\r\n // this.props.removeUser(\"test52347\");\r\n this.props.toggle();\r\n }\r\n\r\n onClose = () => {\r\n // alert('inside');\r\n this.props.toggle();\r\n }\r\n\r\n render() {\r\n let data = [];\r\n // data = this.props.modules.groupPayload;\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: '15', value: 15\r\n // } ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n };\r\n return (\r\n \r\n {this.props.userName ? this.props.userName : 'Edit User'} \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Special Title Treatment \r\n With supporting text below as a natural lead-in to additional content. \r\n \r\n */}\r\n {this.props.pageContentList.includes(\"Asset Class Access\") && hasRole(this.props.currentUserObj, ['SUPERADMIN', 'ADMIN']) ?\r\n // \r\n
\r\n \r\n \r\n \r\n \r\n Special Title Treatment \r\n With supporting text below as a natural lead-in to additional content. \r\n \r\n */}\r\n {this.props.pageContentList.includes(\"Device Type Access\") && hasRole(this.props.currentUserObj, ['SUPERADMIN', 'ADMIN']) ?\r\n // \r\n
\r\n \r\n \r\n \r\n \r\n Special Title Treatment \r\n With supporting text below as a natural lead-in to additional content. \r\n \r\n */}\r\n {this.props.pageContentList.includes(\"Client Access\") && hasRole(this.props.currentUserObj, ['SUPERADMIN', 'ADMIN']) ?\r\n // \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n// export default UserEditModal;\r\n\r\nconst mapStateToProps = (state) => {\r\n const assetClass = state.mapboard.assetClass;\r\n const deviceTypes = state.mapboard.types;\r\n return { ...state.user, assetClass, deviceTypes };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ getAllResellers, getUserAssetclassList, upsertUserAssetclassList, getUserDevicetypeList, upsertUserDevicetypeList, getUserCompanyDeviceTypes, getUserCompanyAssetClass, loadAssetClass, loadDevice }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserEditModal);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Col, Row, Button, Container } from 'reactstrap';\r\nimport { Trans } from \"react-i18next\";\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { bindActionCreators } from 'redux';\r\nimport { fetchDetail } from \"../../../redux/actions/AccountMgmt/fetchDetailAction\";\r\nimport { deleteDetail } from \"../../../redux/actions/AccountMgmt/deleteDetailAction\";\r\nimport { removeUser } from '../../../redux/actions/userAction';\r\nimport PropTypes from \"prop-types\";\r\nimport DetailModal from './userDetailModal';\r\nimport UserEditModal from './userEditModal';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport paginationFactory from 'react-bootstrap-table2-paginator';\r\nimport { EditTextButton, DeleteTextButton, ManageTextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nclass SearchResult extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userEmail: '',\r\n show: false,\r\n fullName: '',\r\n userName: '',\r\n userId: null,\r\n selectedUser: null,\r\n };\r\n }\r\n\r\n // userObj;\r\n\r\n componentDidMount() {\r\n // let userObj = getCurrentUser();\r\n // if (userObj === null || userObj.userName.length === 0){\r\n // this.props.history.push('/log_in');\r\n // }\r\n // this.userObj = userObj;\r\n //\r\n //\r\n }\r\n\r\n fetchUserDetail = (row) => {\r\n if (this.props.searchResult) {\r\n let userObj = this.props.searchResult.find((item, index) => (row.userName === item.userName));\r\n this.setState({\r\n selectedUser: userObj,\r\n });\r\n }\r\n }\r\n\r\n cellActionButton = (cell, row, enumObject, index) => {\r\n const check1 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', 'CLIENTADMIN']);\r\n const check2 = this.props.userObj && this.props.userObj.userName === row.userName;\r\n const view = (check1 || check2);\r\n //\r\n //\r\n if (view) {\r\n return (\r\n \r\n
\r\n // \r\n );\r\n }\r\n\r\n companyFormater = (cell, row) => {\r\n let companyStr = '';\r\n if (cell) {\r\n companyStr = cell.companyName;\r\n if (row.role && row.role.includes('SUPERADMIN')) {\r\n companyStr = '';\r\n };\r\n }\r\n\r\n return (\r\n {companyStr}\r\n );\r\n }\r\n\r\n companyCsvFormater = (cell, row) => {\r\n let companyStr = '';\r\n if (cell) {\r\n companyStr = cell.companyName;\r\n if (row.role && row.role.includes('SUPERADMIN')) {\r\n companyStr = '';\r\n };\r\n }\r\n\r\n return companyStr;\r\n }\r\n\r\n phoneFormatter = (cell, row) => {\r\n return (cell ? `(${cell ? cell.slice(0, 3) : ''}) ${cell ? cell.slice(3, 6) : ''}-${cell ? cell.slice(6, 10) : \"\"} ${(row.phoneExt) ? `Ext.${row.phoneExt}` : \"\"}` : \"\")\r\n }\r\n\r\n roleFormater = (cell) => {\r\n let roleStr = '';\r\n let dilimeter = '';\r\n if (cell && cell.length > 0) {\r\n cell.forEach((item, index) => {\r\n roleStr += dilimeter + item;\r\n dilimeter = ', ';\r\n });\r\n }\r\n\r\n return (\r\n {roleStr}\r\n );\r\n }\r\n\r\n roleCsvFormater = (cell) => {\r\n let roleStr = '';\r\n let dilimeter = '';\r\n if (cell && cell.length > 0) {\r\n cell.forEach((item, index) => {\r\n roleStr += dilimeter + item;\r\n dilimeter = ', ';\r\n });\r\n }\r\n\r\n return roleStr;\r\n }\r\n\r\n createTimeCsvFormater = (cell, row) => {\r\n let createTimeStr = '';\r\n if (cell) {\r\n // 1. the csv file dose not contain the format of 'YYYY-MM-DD HH:mm:ss'.\r\n // 2. add a space before the time string to convert the time format to a string format in the CSV file.\r\n createTimeStr = ' ' + cell; // moment(cell).format('YYYY-MM-DD HH:mm:ss');\r\n }\r\n\r\n return createTimeStr;\r\n }\r\n\r\n render() {\r\n const { searchResult } = this.props;\r\n const options = {\r\n insertBtn: this.addNewUserButton,\r\n sizePerPageList: [\r\n {\r\n text: '10', value: 10\r\n },\r\n {\r\n text: '50', value: 50\r\n },\r\n {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n }],\r\n }\r\n let data = [];\r\n if (hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', 'USER', \"CLIENTADMIN\"])) {\r\n data = searchResult;\r\n } else {\r\n if (searchResult && searchResult.length > 0) {\r\n data = searchResult.filter((item, index) => (item.userName === this.props.userObj.userName));\r\n }\r\n }\r\n const check = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"]);\r\n\r\n const { pageContentList } = this.props\r\n\r\n let textDisplay = [];\r\n if (pageContentList.includes(\"Reseller\")) {\r\n textDisplay = ['Reseller'];\r\n } else {\r\n textDisplay = ['Client'];\r\n }\r\n\r\n return (\r\n\r\n\r\n \r\n \r\n \r\n {/* \r\n User ID \r\n */}\r\n \r\n Username \r\n \r\n \r\n Email \r\n \r\n {/* \r\n Full Name \r\n */}\r\n \r\n Phone Number \r\n \r\n \r\n Company\r\n \r\n \r\n {textDisplay[0]}\r\n \r\n \r\n Role\r\n \r\n \r\n Created On \r\n \r\n \r\n {/* action */}\r\n Manage\r\n \r\n \r\n Delete\r\n \r\n \r\n {/* */}\r\n \r\n \r\n\r\n\r\n );\r\n }\r\n}\r\n\r\nSearchResult.propTypes = {\r\n searchResult: PropTypes.array.isRequired\r\n};\r\n\r\n// const mapStateToProps = (state) => {\r\n// // const {isLoading, result, fetched} = state.users;\r\n// // const {isModifying, type, users, message, status} = state.userModifyStatus;\r\n// // // return {props: state.users, message: state.userModifyStatus};\r\n// // const props = {isLoading, isModifying, result, type, fetched, users, message, status};\r\n// return state;\r\n// };\r\n\r\nconst mapStateToProps = (state) => {\r\n let {\r\n pageContentList\r\n } = state.user;\r\n\r\n let props = {\r\n pageContentList\r\n };\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n fetchDetail,\r\n deleteDetail,\r\n removeUser,\r\n }, dispatch);\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchResult));\r\n// export default SearchResult;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, Form, FormGroup, Label, FormText, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport PropTypes from \"prop-types\";\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { Trans } from \"react-i18next\";\r\nimport { addUser, getCompanyList, getRoles } from '../../../redux/actions/userAction';\r\nimport UserAccessForm from './userAccessForm';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport moment from 'moment';\r\nimport Select from 'react-select'\r\n// managing autofill\r\nconst AutofillManager = (props) => {\r\n\r\n const handleSubmit = (event) => {\r\n event.preventDefault()\r\n }\r\n\r\n return (\r\n \r\n )\r\n\r\n}\r\nconst backdropStyle = {\r\n position: 'fixed',\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n overflow: 'auto',\r\n};\r\n\r\nconst modalStyle = function () {\r\n const top = 5;\r\n const left = 5;\r\n\r\n return {\r\n position: 'fixed',\r\n width: 800,\r\n height: 650,\r\n zIndex: 1040,\r\n top: top + '%',\r\n left: left + '%',\r\n border: '0px solid #ffffff',\r\n backgroundColor: 'white',\r\n // boxShadow: '0 5px 15px rgba(0,0,0,.5)',\r\n padding: 10,\r\n overflow: 'auto',\r\n resize: 'both'\r\n };\r\n};\r\n\r\nclass UserAddModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n showModal: false,\r\n data: [],\r\n email: '',\r\n fullName: '',\r\n userName: '',\r\n newUser: true,\r\n activeTab: '1',\r\n // groupdata: [],\r\n passConfirmed: true,\r\n // passconfirmValid: false,\r\n companyOptions: [],\r\n roleOptions: [],\r\n customStyles: {}\r\n };\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getCompanyList()\r\n this.props.getRoles();\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n //console.log(\"test\")\r\n this.setState({\r\n email: '',\r\n phoneNumber: '',\r\n loginName: '',\r\n fullName: '',\r\n userName: '',\r\n password: '',\r\n passwordConfirm: '',\r\n }, () => {\r\n if (nextProps.show === true) {\r\n this.setState({\r\n showModal: true,\r\n });\r\n }\r\n })\r\n // alert(nextProps.modules.groupType);\r\n\r\n if (nextProps.companyList && nextProps.companyList.length > 0) {\r\n const companyOptions = nextProps.companyList.map(company => ({\r\n value: company.companyCode,\r\n label: company.companyName\r\n }));\r\n this.setState({\r\n companyOptions,\r\n }, () => {\r\n // Select the first option if nothing is selected - original logic\r\n if (!this.state.company) {\r\n this.setState({\r\n company: companyOptions[0].value\r\n });\r\n }\r\n });\r\n }\r\n if (nextProps.roleList && nextProps.roleList.length > 0) {\r\n const roleOptions = nextProps.roleList.map(role => ({\r\n value: role.name,\r\n label: role.description\r\n }));\r\n this.setState({\r\n roleOptions,\r\n }, () => {\r\n // Select the first option if nothing is selected\r\n if (!this.state.role) {\r\n this.setState({\r\n role: roleOptions[0].value\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n renderBackdrop = (props) => {\r\n return ;\r\n };\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onCompanyChange = (selectedOption) => {\r\n this.setState({ company: selectedOption.value });\r\n };\r\n\r\n onRoleChange = (selectedOption) => {\r\n this.setState({ role: selectedOption.value });\r\n };\r\n\r\n onSubmit = () => {\r\n // if (this.props.userName !== '') {\r\n // this.props.saveDetail({\r\n // email: this.state.email,\r\n // fullName: this.state.fullName,\r\n // data: this.state.data,\r\n // userName: this.state.loginName\r\n // });\r\n // }\r\n // else {\r\n // this.props.addDetail({\r\n // email: this.state.email,\r\n // fullName: this.state.fullName,\r\n // data: this.state.data,\r\n // userName: this.state.loginName\r\n // });\r\n // }\r\n if (!sessionStorage.getItem('companyCode') || !sessionStorage.getItem('currentUser')) {\r\n // alert ('no');\r\n return;\r\n }\r\n let phoneNo = this.state.phoneNumber;\r\n if (phoneNo) {\r\n phoneNo = phoneNo.replace('(', '').replace(')', '').replace('-', '').replace(' ', '');\r\n }\r\n if (this.validateForm()) {\r\n // alert ('v yes');\r\n let userObj = {\r\n // userId: this.state.loginName,\r\n userType: \"pp\",\r\n userName: this.state.loginName,\r\n email: this.state.email,\r\n status: \"A\",\r\n companyCode: this.state.company ? this.state.company : sessionStorage.getItem('companyCode'),\r\n department: '', //sessionStorage.getItem('department') ? sessionStorage.getItem('department'): null ,\r\n businessUnit: '', //sessionStorage.getItem('businessUnit') ? sessionStorage.getItem('businessUnit'): null,\r\n // phoneNum: this.state.phoneNumber,\r\n phoneNum: phoneNo,\r\n password: this.state.passwordConfirm,\r\n creator: sessionStorage.getItem('currentUser'),\r\n createTime: moment(new Date()).format('yyyy-MM-DD HH:mm:ss'),\r\n role: [this.state.role], //['USER'],\r\n }\r\n if (this.props.userObj && hasRole(this.props.userObj, [\"CLIENTADMIN\"])) {\r\n userObj.resellerCode = this.props.userObj.resellerCode;\r\n }\r\n this.props.addUser(userObj, true);\r\n this.onClose();\r\n\r\n } else {\r\n // alert('v no');\r\n this.setState({\r\n isSubmit: true\r\n })\r\n }\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n showModal: false\r\n });\r\n };\r\n\r\n validatePassConfirm = () => {\r\n return (this.state.passwordConfirm && this.state.password === this.state.passwordConfirm);\r\n }\r\n\r\n validateUserId = () => {\r\n return (this.state.loginName && this.state.loginName !== '');\r\n }\r\n\r\n validatePhoneNumber = () => {\r\n var regex = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n // return (this.state.phoneNumber && regex.test(this.state.phoneNumber));\r\n return (!this.state.phoneNumber || this.state.phoneNumber && regex.test(this.state.phoneNumber));\r\n }\r\n\r\n validateEmail = () => {\r\n // var regex = /^[a-zA-Z0-9.!#$%&\\'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\r\n // return (this.state.email && this.state.email.match(regex) !== null);\r\n var regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return (this.state.email && regex.test(this.state.email));\r\n }\r\n\r\n validateForm = () => {\r\n return this.validateUserId()\r\n && this.validatePhoneNumber()\r\n && this.validateEmail()\r\n && this.validatePassConfirm();\r\n }\r\n\r\n render() {\r\n //let labalStyle = { textAlign: 'right' };\r\n const { loginName, fullName, phoneNumber, email, company, role, password, passwordConfirm, isSubmit, companyOptions, roleOptions } = this.state\r\n\r\n return (\r\n\r\n \r\n {/* \r\n \r\n {/* \r\n \r\n \r\n \r\n */}\r\n \r\n {/* {this.state.submitted === true && } */}\r\n {this.state.submitted === true && \r\n\r\n \r\n {/*
*/}\r\n {/* */}\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({searchUsers, getUsers, getPageContent}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchList);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport {Col, Row, Card, CardBody, Container, Nav, NavItem, NavLink, TabPane, TabContent, CardTitle} from 'reactstrap';\r\nimport SearchList from './components/search';\r\nimport {getCurrentUser, hasRole} from '../../factories/auth';\r\nimport { UserContext } from '../../constants/myContexts';\r\n\r\nclass SearchUser extends Component {\r\n static contextType = UserContext;\r\n\r\n render() {\r\n const userObj = this.context.userObj;\r\n if (userObj === null || userObj.userName.length === 0){\r\n this.props.history.push('/log_in');\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default withRouter(SearchUser);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n// import {Row, Col, Card, CardBody, Label, Input, Button} from 'reactstrap';\r\nimport {Row, Col, Card, CardBody, Label, Input, Button, Table} from 'reactstrap';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\n\r\nclass RuleSetCard extends Component{\r\n\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n \r\n }\r\n }\r\n\r\n //-----------------------------------------------------------------------------------------------------------\r\n handleAttrAddClick = (e, name) =>{\r\n this.props.handleAddRuleAttr(e, name);\r\n }\r\n renderAttributeList() {\r\n // alert(this.props.ruleattributes.length);\r\n return(\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default RuleSetCard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport check_mark_circle from '../../../shared/img/icon/check_mark_circle.svg'; \r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\n\r\nclass RuleListTable extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state={ \r\n }\r\n }\r\n\r\n handleRowClick = (row) => {\r\n // alert(`You click row id: ${row.id}`);\r\n this.props.handleRowClick(row);\r\n // alert('yes');\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n handleAddNewClick = (e) => {\r\n this.props.handleAddNew(e);\r\n }\r\n \r\n // options = {\r\n // onRowClick: this.handleRowClick,\r\n // onRowDoubleClick: function(row) {\r\n // // alert(`You double click row id: ${row.id}`);\r\n // }\r\n // };\r\n\r\n\r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n \r\n
\r\n\r\n Rule ID \r\n Rule Name \r\n Deice Type Name \r\n Device Name \r\n Create Time \r\n {/* Shape */}\r\n \r\n \r\n \r\n \r\n ) \r\n }\r\n}\r\nexport default RuleListTable;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n// import { ENGINE_METHOD_DIGESTS } from 'constants';\r\n\r\nclass NewRuleModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n btnDisable: false,\r\n name: ''\r\n }\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n return({\r\n // currentDeviceTypeId : props.currentDeviceTypeId,\r\n // currentDeviceTypeName : props.currentDeviceTypeName,\r\n // currentDeviceId : props.currentDeviceId,\r\n // currentDeviceName : props.currentDeviceName,\r\n });\r\n } \r\n\r\n handleNameOnchange =(e) => {\r\n // this.props.onNameChange(e);\r\n let btnDisable = (e.target.value && e.target.value.trim().length>0);\r\n this.setState({\r\n name: e.target.value,\r\n btnDisable: btnDisable\r\n });\r\n }\r\n\r\n handleDeviceTypeDropdownChange = (e) => {\r\n this.props.handleDeviceTypeDropdownChange(e);\r\n }\r\n\r\n handleDeviceDropdownChange = (e) => {\r\n this.props.handleDeviceDropdownChange(e);\r\n }\r\n\r\n // handleDeviceTypeDropdownChange = (e) => {\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.props.loadRuleDevice({devicetype: e.target.value});\r\n // this.setState(\r\n // {\r\n // currentDeviceTypeId: selectedValue,\r\n // currentDeviceTypeName: name \r\n // }\r\n // )\r\n // }\r\n\r\n // handleDeviceDropdownChange = (e) => {\r\n // alert('test');\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.setState(\r\n // {\r\n // currentDeviceId: selectedValue,\r\n // currentDeviceName: name \r\n // }\r\n // )\r\n // }\r\n \r\n OnAddClick = (e) => {\r\n this.props.onAddRule(this.state.name);\r\n this.setState({\r\n name: '',\r\n btnDisable: false,\r\n });\r\n this.props.toggle();\r\n }\r\n\r\n OnCancleClick = (e) =>{\r\n this.setState({\r\n name: '',\r\n btnDisable: false,\r\n });\r\n this.props.toggle();\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n New Rule \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default NewRuleModal;\r\n\r\n","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n RULE_LOAD_DEVICE_TYPE_SUCCEED,\r\n RULE_LOAD_DEVICE_TYPE_FAILED,\r\n RULE_LOAD_DEVICE_SUCCEED,\r\n RULE_LOAD_DEVICE_FAILED,\r\n RULE_GET_RULE_SUCCEED,\r\n RULE_GET_RULE_FAILED,\r\n RULE_UPSERT_RULE_SUCCEED,\r\n RULE_UPSERT_RULE_FAILED,\r\n RULE_DELETE_RULE_SUCCEED,\r\n RULE_DELETE_RULE_FAILED,\r\n USER_GET_FAILED,\r\n} from '../../constants/actionTypes';\r\nimport {WEB_SERVICE_ROOT} from '../../constants/appConstants';\r\nimport {axiosGet, getCurrentUser, base64Encode, getJwttoken} from '../../factories/utils';\r\n// const token = getJwttoken();\r\n// axios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\naxios.interceptors.request.use(function (config) {\r\n let url=document.URL;\r\n let split = url.split(\"\\/\");\r\n if(split[3]=='#') {\r\n localStorage.setItem(\"com_name\",\"null\")\r\n }else{\r\n localStorage.setItem(\"com_name\",split[3])\r\n }\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\nfunction loadDeviceTypeSucceed(response){\r\n const action = {\r\n type: RULE_LOAD_DEVICE_TYPE_SUCCEED,\r\n payload: response.data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction loadDeviceTypeFailed(error){\r\n const action = {\r\n type: RULE_LOAD_DEVICE_TYPE_FAILED,\r\n payload: error.message\r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function loadRuleDeviceType(){\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n // const urlStr = 'http://13.88.246.7:8080/sigfox/Devicetypes';\r\n const urlStr = `${WEB_SERVICE_ROOT}Devicetypes`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ( (dispatch) => {\r\n request.then( (response) => { dispatch(loadDeviceTypeSucceed(response))})\r\n .catch( (error) => {dispatch(loadDeviceTypeFailed(error))})\r\n }\r\n );\r\n}\r\n\r\n// -------------------------------------------------------------------------------------\r\nfunction loadRuleDeviceSucceed(response){\r\n const action = {\r\n type: RULE_LOAD_DEVICE_SUCCEED,\r\n payload: response.data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction loadRuleDeviceFailed(error){\r\n const action = {\r\n type: RULE_LOAD_DEVICE_FAILED,\r\n payload: error.message\r\n };\r\n\r\n return action;\r\n}\r\nexport function loadRuleDevice(criteria){\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n }\r\n // const urlStr = `http://13.88.246.7:8080/sigfox/Device?${queryString}`;\r\n const urlStr = `${WEB_SERVICE_ROOT}Device?${queryString}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return (\r\n (dispatch)=>{\r\n request.then((response)=>{ dispatch(loadRuleDeviceSucceed(response))})\r\n .catch((error)=>{ dispatch(loadRuleDeviceFailed(error))})\r\n }\r\n );\r\n}\r\n\r\n// ------------------------------------------------------------------------------------------------\r\nfunction getRuleSucceed(response){\r\n const action = {\r\n type: RULE_GET_RULE_SUCCEED,\r\n payload: response.data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction getRuleFailed(error){\r\n const action = {\r\n type: RULE_GET_RULE_FAILED,\r\n error: error.message\r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function getRuls(criteria){\r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n }\r\n const urlStr = `${WEB_SERVICE_ROOT}Rule?${queryString}`;\r\n // const urlStr = `http://13.88.246.7:8080/sigfox/Rule?${queryString}`;\r\n // const urlStr = `http://192.168.2.91:8080/Rule?${queryString}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n });\r\n\r\n return(\r\n (dispatch) => {\r\n request.then((response) => {dispatch(getRuleSucceed(response))})\r\n .catch((error) => {dispatch(getRuleFailed(error))})\r\n }\r\n );\r\n}\r\n\r\n// ------------------------------------------------------------------------\r\n\r\nfunction upsertRuleSucceed(response){\r\n const action = {\r\n type: RULE_UPSERT_RULE_SUCCEED,\r\n payload: response.data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction upsertRuleFailed(error){\r\n const action = {\r\n type: RULE_UPSERT_RULE_FAILED,\r\n error: error.message\r\n };\r\n\r\n return action;\r\n}\r\n\r\n\r\nexport function upsertRule(ruleObj){\r\n\r\n\r\n\r\n\r\n // const urlStr = 'http://192.168.2.91:8080/Rule';\r\n // const urlStr = 'http://13.88.246.7:8080/sigfox/Rule';\r\n const urlStr = `${WEB_SERVICE_ROOT}Rule`;\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {'Accept': 'application/json'},\r\n data: ruleObj,\r\n });\r\n\r\n return(\r\n (dispatch) => {\r\n request.then((response)=>{dispatch(upsertRuleSucceed(response))})\r\n .catch((error)=>{dispatch(upsertRuleFailed(error))})\r\n }\r\n );\r\n}\r\n\r\n// -----------------------------------------------------------------------\r\n\r\nfunction deleteRuleSucceed(response){\r\n const action = {\r\n type: RULE_DELETE_RULE_SUCCEED,\r\n payload: response.data\r\n };\r\n\r\n return action;\r\n}\r\n\r\nfunction deleteRuleFailed(error){\r\n const action = {\r\n type: RULE_DELETE_RULE_FAILED,\r\n error: error.message\r\n };\r\n\r\n return action;\r\n}\r\n\r\nexport function deleteRule(ruleObj){\r\n // const urlStr = `http://192.168.2.91:8080/Geofence`;\r\n let typeid = ruleObj.devicetypeid;\r\n let ruleid = ruleObj.ruleid;\r\n // const urlStr = `http://192.168.2.91:8080/Rule?devicetypeid=${typeid}&ruleid=${ruleid}`;\r\n // const urlStr = `http://13.88.246.7:8080/sigfox/Rule?devicetypeid=${typeid}&ruleid=${ruleid}`;\r\n const urlStr = `${WEB_SERVICE_ROOT}Rule?devicetypeid=${typeid}&ruleid=${ruleid}`;\r\n const request = axios.delete(\r\n urlStr,\r\n {\r\n headers: {'Accept': 'application/json'},\r\n data: ruleObj,\r\n }\r\n );\r\n return (\r\n (dispatch)=>{\r\n request.then((response)=>{dispatch(deleteRuleSucceed(response))})\r\n .catch((error)=>{dispatch(deleteRuleFailed(error))})\r\n }\r\n );\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport RuleSetCard from './RuleSetCard'; \r\nimport RuleListTable from './RuleListTable';\r\nimport NewRuleModal from './NewRuleModal';\r\nimport {loadRuleDeviceType, loadRuleDevice, getRuls, upsertRule, deleteRule} from '../../../redux/actions/ruleActions';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\n\r\nclass RuleBoard extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n isNew: null,\r\n showEdieCard: false,\r\n modalVisible: false,\r\n showRuleEdieCard: false,\r\n currentDeviceTypeId : '5cf828390499f50b995ae851',\r\n currentDeviceTypeName: 'Oyster',\r\n currentDeviceId : '',\r\n currentDeviceName:'',\r\n devices: [{id:1, name: 'device1'}, {id:2, name: 'device2'}, {id:3, name: 'device3'}],\r\n rules: [\r\n {\r\n ruleid:1,\r\n rulename:'rule 1',\r\n devicetypeid:'',\r\n devicetypename:'',\r\n deviceid:'',\r\n devicename:'',\r\n createtime: new Date(),\r\n rule:[\r\n {\r\n index:0,\r\n attributeid: 1,\r\n attributename:'Speed',\r\n operator:1,\r\n value:10,\r\n relation: null\r\n },\r\n {\r\n index:1,\r\n attributeid: 2,\r\n attributename:'Temperature',\r\n operator:2,\r\n value:3,\r\n relation: 1\r\n }\r\n ]\r\n }\r\n ],\r\n ruleattributes:[\r\n {attributeid:1, attributename:'Speed'},\r\n {attributeid:2, attributename:'Temperature'},\r\n {attributeid:3, attributename:'Hold'}\r\n ],\r\n currentrule: {\r\n \r\n },\r\n currentruleid: 0,\r\n };\r\n\r\n this.currentInput = '';\r\n \r\n this.toggle = this.toggle.bind(this);\r\n // this.handleInputOnchang = this.handleInputOnchang.bind(this);\r\n // this.handleInputClick= this.handleInputClick.bind(this);\r\n // this.reenderEditCard = this.reenderEditCard.bind(this);\r\n // this.handleThemeDropdownChange = this.handleThemeDropdownChange.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n this.props.loadRuleDeviceType();\r\n this.props.loadRuleDevice({devicetype: this.state.currentDeviceTypeId}); \r\n this.props.getRuls({devicetypeid: this.state.currentDeviceTypeId}); \r\n // this.props.loadDivceMapData({devicetype:this.props.currentDeviceTypeId});\r\n // this.props.loadDeviceAttr({devicetypeid:this.props.currentDeviceTypeId});\r\n }\r\n static getDerivedStateFromProps(props, state){\r\n return({\r\n rules: props.rules,\r\n });\r\n }\r\n\r\n // -------------------------------------------------------------------------------\r\n handleDeviceTypeDropdownChange = (e) => {\r\n let selectedValue = e.target.value;\r\n let index = e.target.selectedIndex;\r\n let name = e.target.options[index].text;\r\n // alert(name);\r\n this.props.loadRuleDevice({devicetype: e.target.value});\r\n this.setState(\r\n {\r\n currentDeviceTypeId: selectedValue,\r\n currentDeviceTypeName: name \r\n }\r\n )\r\n }\r\n\r\n handleDeviceDropdownChange = (e) => {\r\n let selectedValue = e.target.value;\r\n let index = e.target.selectedIndex;\r\n let name = e.target.options[index].text;\r\n // alert(name);\r\n this.setState(\r\n {\r\n currentDeviceId: selectedValue,\r\n currentDeviceName: name \r\n }\r\n )\r\n }\r\n\r\n handllSearchOnClick = (e) => {\r\n this.props.getRuls({devicetypeid: this.state.currentDeviceTypeId, deviceid: this.state.currentDeviceId}); \r\n }\r\n\r\n renderTop(){\r\n return(\r\n \r\n \r\n \r\n\r\n {/*
\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------------------------------\r\n handleRuleListRowClick = (row) => {\r\n // alert(row.ruleid);\r\n let id = row.ruleid;\r\n let selectedRule = this.state.rules.find((item) => {\r\n return(item.ruleid === id);\r\n });\r\n // alert(selectedRule.rulename);\r\n let currentrule = Object.assign({},selectedRule);\r\n // currentrule.rule = currentrule.rule.slice();\r\n currentrule.rule = JSON.parse(JSON.stringify(currentrule.rule));\r\n this.setState({\r\n currentrule: currentrule,\r\n currentruleid: id,\r\n showRuleEdieCard: true,\r\n });\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n let id = row.ruleid;\r\n // this.setState((prevState) => ({\r\n // rules: prevState.rules.filter((v,i,a)=>(v.ruleid !== id)),\r\n // currentrule: {},\r\n // currentruleid: 0,\r\n // showRuleEdieCard: false,\r\n // }));\r\n let selectedRule = this.state.rules.find((item) => {\r\n return(item.ruleid === id);\r\n });\r\n this.props.deleteRule(selectedRule);\r\n this.setState({\r\n currentrule: {},\r\n showRuleEdieCard: false,\r\n currentruleid: 0,\r\n });\r\n }\r\n\r\n handleRuleAddnewClick = (e) => {\r\n this.setState({\r\n modalVisible: true\r\n });\r\n }\r\n renderRuleList(){\r\n return(\r\n \r\n // New Theme \r\n // \r\n // \r\n //
\r\n // \r\n \r\n // \r\n // {' '}\r\n // \r\n // \r\n // \r\n // )\r\n // }\r\n //-----------------------------------------------------------------------------------------------\r\n toggle() {\r\n this.setState(prevState => ({\r\n modalVisible: !prevState.modalVisible\r\n }));\r\n }\r\n onAddClick = (name) =>{\r\n // alert(name);\r\n this.setState({\r\n currentrule: {\r\n ruleid: 0,\r\n rulename:name,\r\n devicetypeid:this.state.currentDeviceTypeId,\r\n devicetypename:this.state.currentDeviceTypeName,\r\n deviceid:this.state.currentDeviceId,\r\n devicename:this.state.currentDeviceName,\r\n createtime: new Date().toISOString(),\r\n rule:[],\r\n },\r\n currentruleid: 0,\r\n showRuleEdieCard: true,\r\n });\r\n }\r\n \r\n renderNewModal() {\r\n return(\r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------------------------------\r\n render(){\r\n return(\r\n \r\n {this.props.title} \r\n \r\n name}\r\n getOptionValue={({ id }) => id}\r\n err={this.state.validationErrors.assetClassErr}\r\n styles={this.state.customStyles}\r\n />\r\n {this.state.fields.assetClass != '' &&\r\n \r\n \r\n assetClassInfo.allowedDeviceTypes.some(dT => dT.id == dt.id))\r\n )}\r\n onChange={this.handleMultiSelectionChange}\r\n value={this.state.fields.devices}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n \r\n }\r\n {/* {parentOptions && parentOptions.length > 0 && */}\r\n {showParent &&\r\n assetname}\r\n getOptionValue={({ assetid }) => assetid}\r\n isClearable\r\n isSearchable\r\n styles={this.state.customStyles}\r\n value={this.state.selectedParrentAsset}\r\n // // defaultValue={}\r\n onChange={this.handleParentAssetChange}\r\n err={parentErr || this.state.validationErrors.assetParentErr}\r\n />\r\n }\r\n\r\n \r\n \r\n Save{' '}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction LabelSelectionInput(props) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nfunction LabelSelectionInput2(props) {\r\n // \r\n const customStyles = {\r\n control: (provided, state) => ({ // Mimic reactstrap input styles\r\n ...provided,\r\n borderColor: props.err ? 'red' : state.isFocused && !state.isDisabled ? '#80bdff' : 'lightgray',\r\n // borderColor: props.err ? 'red' : 'lightgray',\r\n // borderColor:'#ff0000' ,\r\n /* boxShadow: state.isFocused && !state.isDisabled ? '0 0 0 0.2rem rgba(0, 123, 255, 0.25)' : 'none',\r\n '&:hover': { borderColor: state.isFocused && '#ff0000' },*/\r\n }),\r\n }\r\n\r\n\r\n return (\r\n \r\n assetname}\r\n // getOptionValue={({ assetid }) => assetid}\r\n // value={this.state.selectedAsset}\r\n // // defaultValue={}\r\n // onChange = {this.handleAssetChange}\r\n styles={customStyles}\r\n {...props}\r\n />\r\n \r\n \r\n )\r\n}\r\n\r\n\r\nfunction LabelTextInput({ forIdName, onChange, label, value, big, err }) {\r\n return (\r\n \r\n \r\n )\r\n}","/* eslint-disable */\r\nimport React, { Component, useEffect } from 'react';\r\nimport BootstrapTableNext from 'react-bootstrap-table-next'\r\nimport ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';\r\nconst { SearchBar } = Search;\r\nimport paginationFactory from 'react-bootstrap-table2-paginator';\r\n\r\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';\r\nimport 'react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css';\r\n\r\nimport { Col, Row, Label, Input, Button } from 'reactstrap';\r\n\r\nimport { EditIcon, DeleteIcon, EmailIcon, FileDocumentBoxMultipleIcon, PlusCircleIcon, TrashCanOutlineIcon } from 'mdi-react';\r\nimport { EditTextButton, DeleteTextButton } from '../../../shared/components/Button/IconButton';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2\r\n // AdjustableDiv\r\n} from '../../../shared/components/Table/tableElements';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport { TableHeaderColumn } from 'react-bootstrap-table';\r\n\r\nexport function RenderAssetTable({ assetList, handleEditClick, handleDeleteClick }) {\r\n // Render nothing if pass in undefined\r\n // assetList = []\r\n const options = {\r\n custom: true,\r\n paginationSize: 4,\r\n pageStartIndex: 1,\r\n firstPageText: 'First',\r\n prePageText: 'Back',\r\n nextPageText: 'Next',\r\n lastPageText: 'Last',\r\n nextPageTitle: 'First page',\r\n prePageTitle: 'Pre page',\r\n firstPageTitle: 'Next page',\r\n lastPageTitle: 'Last page',\r\n showTotal: true,\r\n totalSize: assetList ? assetList.length : 0\r\n };\r\n const editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return (\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n {props => (\r\n \r\n {props => (\r\n \r\n {props => (\r\n \r\n {report.reportname} \r\n {report.format} \r\n {report.companyname} \r\n {report.status} \r\n \r\n )\r\n}\r\n\r\nconst fillerFunction = () => console.log(\"Clicked\")\r\n\r\n\r\nclass ReportActions extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n tooltipOpen: false\r\n }\r\n }\r\n\r\n toggle = () => this.setState({ tooltipOpen: !this.state.tooltipOpen })\r\n render() {\r\n // let targetIdInbox = \"Inbox_\" + this.props.i;\r\n return (\r\n \r\n \r\n Show Logs\r\n */}\r\n { this.props.handleReportDeleteOnClick(e, this.props.id); }}\r\n msg={'Do you want to delete the select Report ? '}\r\n />\r\n \r\n )\r\n }\r\n}\r\n\r\n","/* eslint-disable */\r\nimport React from 'react'\r\n\r\nimport { Input } from 'reactstrap'\r\n\r\nexport default function SingleSelection({ forIdName, onChange, value, defaultValue, options, getOptionLabel, getOptionValue, err }) {\r\n if (!getOptionLabel) getOptionLabel = ({ label }) => label;\r\n if (!getOptionValue) getOptionValue = ({ value }) => value;\r\n return (\r\n \r\n {!defaultValue && }\r\n {options && options.map(o => ({ ...o, label: getOptionLabel(o), value: getOptionValue(o) }))\r\n .map(({ value, label }) => {\r\n // console.log(value)\r\n if (value)\r\n return ()\r\n return\r\n })}\r\n \r\n )\r\n}","/* eslint-disable */\r\nimport React, { Component, useEffect, useState } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Button, FormGroup, Label, Input, Row, Col } from 'reactstrap';\r\n\r\nimport { DeleteCircleIcon, AddCircleIcon, CloseCircleIcon, PlusCircleIcon } from 'mdi-react';\r\n\r\nimport SingleSelection from './SelectionComponents';\r\nimport { loadAssetClass, getAssetClassAttribute, getAssetClassAttributeAjax } from '../../../redux/actions/mapActions';\r\nimport { generateSelectOptions } from '../../../factories/utils';\r\n\r\nclass ReportAddDataComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n sections: [10, 21],\r\n sectionList: {\r\n 10: {\r\n header: 'Header Test',\r\n headerSize: 2,\r\n },\r\n 21: {\r\n chartType: 1,\r\n chartName: 'Chart',\r\n variablesToChart: [\r\n {\r\n assetClass: \"\",\r\n asset: \"\",\r\n variable: \"\",\r\n operation: \"\",\r\n time: \"\",\r\n },\r\n ]\r\n },\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.props.loadAssetClass();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.sectionList) {\r\n this.setState({\r\n sectionList: nextProps.sectionList,\r\n });\r\n }\r\n }\r\n\r\n componentWillUpdate() {\r\n // \r\n // \r\n }\r\n\r\n componentDidUpdate() {\r\n\r\n\r\n this.props.reportAddDataCallBack(this.state.sectionList);\r\n }\r\n\r\n addSectionClick = (type) => {\r\n let newId = (this.state.sections.length + 1) * 10 + type\r\n this.setState({ sections: [...this.state.sections, newId] })\r\n // --------------------------------------------------------\r\n let newKey = (Object.keys(this.state.sectionList).length + 1) * 10 + type;\r\n if (type === 0) {\r\n this.setState((prevState) => ({\r\n sectionList: {\r\n ...prevState.sectionList,\r\n [newKey]: {\r\n header: 'Header',\r\n headerSize: 2,\r\n },\r\n }\r\n }));\r\n } else if (type === 1) {\r\n this.setState((prevState) => ({\r\n sectionList: {\r\n ...prevState.sectionList,\r\n [newKey]: {\r\n chartType: 1,\r\n chartName: 'Chart',\r\n variablesToChart: [{\r\n assetClass: '',\r\n asset: '',\r\n deviceType: '',\r\n variable: '',\r\n operation: '',\r\n time: '',\r\n }]\r\n },\r\n }\r\n }));\r\n }\r\n }\r\n\r\n removeButtonClick = (sId) => {\r\n\r\n let newSections = [...this.state.sections]\r\n newSections.splice(newSections.indexOf(sId), 1)\r\n\r\n this.setState({ sections: newSections })\r\n // -------------------------------------------------\r\n this.setState((prevState) => {\r\n let newSectionList = { ...prevState.sectionList };\r\n\r\n delete newSectionList[sId];\r\n console.log(newSectionList)\r\n return ({\r\n sectionList: newSectionList,\r\n });\r\n });\r\n }\r\n\r\n downArrowClick = (sId) => {\r\n let newSections = [...this.state.sections]\r\n let index = newSections.indexOf(sId)\r\n return\r\n }\r\n\r\n // headerStateCallBack = (state, id) => {\r\n // \r\n // \r\n // \r\n // }\r\n\r\n headerStateCallBack = (state, sId) => {\r\n this.props.headerStateCallBack(state, sId);\r\n // this.setState((prevState) => {\r\n // return({\r\n // sectionList: {\r\n // ...prevState.sectionList,\r\n // [sId]: state\r\n // }\r\n // });\r\n // });\r\n }\r\n\r\n setParentState = (state, sId) => {\r\n\r\n // \r\n this.setState((prevState) => {\r\n let subState = {};\r\n if (prevState.sectionList[sId]) {\r\n subState = prevState.sectionList[sId];\r\n }\r\n let newSubState = {\r\n ...subState,\r\n ...state\r\n }\r\n // \r\n // \r\n // \r\n // \r\n return {\r\n // [sId]: newSubState\r\n // [sId]: {...state},\r\n sectionList: {\r\n ...prevState.sectionList,\r\n [sId]: newSubState,\r\n }\r\n }\r\n });\r\n }\r\n\r\n setChartDataState = (state, sId) => {\r\n this.setState((prevState) => {\r\n let subState = {};\r\n if (prevState.sectionList[sId]) {\r\n subState = prevState.sectionList[sId];\r\n }\r\n return {\r\n sectionList: {\r\n ...prevState.sectionList,\r\n [sId]: newSubState,\r\n }\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n // const renderSections = this.state.sections.map(sId => {\r\n // if (sId % 10 === 0)\r\n // return (\r\n // {this.props.headerStateCallBack(state, sId)}}\r\n // />\r\n // )\r\n // return (\r\n // {this.props.chartStateCallBack(state, sId)}}\r\n // loadAssetClass = {this.props.loadAssetClass}\r\n // getAssetClassAttribute = {this.props.getAssetClassAttribute}\r\n // getAssetClassAttributeAjax = {this.props.getAssetClassAttributeAjax}\r\n // assetClass = {this.props.assetClass}\r\n // assetClassAttr = {this.props.assetClassAttr}\r\n // />\r\n // )\r\n // })\r\n // ------------------------------------------------------------------\r\n const renderSections = Object.entries(this.state.sectionList).map(([sId, data], index) => {\r\n if (sId % 10 === 0)\r\n return (\r\n { this.headerStateCallBack(state, sId) }}\r\n handleHeaderOnChange={(state) => { this.setParentState(state, sId) }}\r\n />\r\n )\r\n return (\r\n { this.props.chartStateCallBack(state, sId) }}\r\n loadAssetClass={this.props.loadAssetClass}\r\n getAssetClassAttribute={this.props.getAssetClassAttribute}\r\n getAssetClassAttributeAjax={this.props.getAssetClassAttributeAjax}\r\n assetClass={this.props.assetClass}\r\n assetClassAttr={this.props.assetClassAttr}\r\n setParentState={(state) => { this.setParentState(state, sId) }}\r\n />\r\n )\r\n })\r\n // ------------------------------------------------------------------\r\n return (\r\n <>\r\n \r\n this.addSectionClick(0)} label=\"Add Header\" />\r\n this.addSectionClick(1)} label=\"Add Chart\" />\r\n \r\n
\r\n
\r\n {renderSections}\r\n \r\n )\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n const assetClass = state.mapboard.assetClass;\r\n const assetClassAttr = state.mapboard.assetClassAttr;\r\n // const allrules = state.rule.rules;\r\n const props = { assetClass, assetClassAttr };\r\n return props;\r\n};\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ loadAssetClass, getAssetClassAttribute, getAssetClassAttributeAjax }, dispatch);\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ReportAddDataComponent);\r\n\r\n// -------------------------------------------------------------------------------------\r\nfunction VariableContainer({ children, onClick }) {\r\n return (\r\n\r\n {children}\r\n
\r\n )\r\n}\r\nfunction LabelTopTextInput({ md, forIdName, onChange, label, value }) {\r\n return (\r\n | Price | \r\nData Usage | \r\nAutoRenew | \r\nPay As You Go | \r\n
|---|---|---|---|
| {this.priceFormatter(this.props.selectedPlan.unitPrice, this.props.selectedPlan.billCycle)} | \r\n{this.dataFormatter(this.props.selectedPlan.planDataVolume)} | \r\n{this.AutoRenewCheck(this.props.selectedPlan.autoRenewFlag)} | \r\n{this.PAYGCheck(this.props.selectedPlan.itemPayType)} | \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n Consumer \r\n Country \r\n LOB \r\n Department \r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\nexport default SelectEndUser","/* eslint-disable */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Button, Collapse, Row, Col, Input, CardGroup } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nclass ClientSelectSKU extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n SKU_type: -1\r\n\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n this.setState({ SKU_type: nextProps.SKU_type });\r\n }\r\n handleOnNext = () => {\r\n this.props.onNext()\r\n }\r\n handleOnBack = () => {\r\n this.props.handleSelectSKU(-1);\r\n this.props.onBack();\r\n }\r\n\r\n onInputChange = (event) => {\r\n let value = event.target.value;\r\n if (value > -1) {\r\n\r\n }\r\n else {\r\n value = null;\r\n }\r\n this.props.handleSelectSKU(value);\r\n }\r\n\r\n render() { \r\n var inactiveSIMTypeList = [...new Set(this.props.inactiveSIMList.map(item => item.itemId))]\r\n var SKUList = this.props.SIMTypeList.filter(type => inactiveSIMTypeList.includes(type.itemId));\r\n return (\r\n Select End User SIM(s)
\r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n { SKUList && SKUList.map((item, index) =>\r\n (item.itemId == this.state.SKU_type) ? : ) }\r\n {/*this.props.inactiveSIMList && this.props.inactiveSIMList.map((item, index) =>\r\n (item.itemId == this.state.SKU_type) ? : \r\n )*/}\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n );\r\n }\r\n\r\n\r\n}\r\n\r\nexport default ClientSelectSKU;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { Card, CardBody, Col, Container, Row, Button, Input } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../../shared/components/Button/IconButton';\r\nimport {\r\n sortCaret,\r\n // AdjustableDiv \r\n} from '../../../../shared/components/Table/tableElements';\r\nclass NameDevice extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n genericName: \"\"\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n handleOnBack = () => {\r\n this.props.clearDeviceName();\r\n this.props.onBack();\r\n }\r\n handleOnNext = () => {\r\n for (var sim of this.props.cart) {\r\n if (sim.deviceName == \"\" || sim.deviceName == null) {\r\n toast.error(\"must name all devices\")\r\n return;\r\n }\r\n }\r\n this.props.onNext()\r\n }\r\n onDiscountChange = (event, row) => {\r\n\r\n if (event.target.value == -1) {\r\n toast.success(\"discount removed\")\r\n this.props.setMultiDiscount(null)\r\n\r\n }\r\n else {\r\n toast.success(\"discount added\")\r\n this.props.setMultiDiscount(event.target.value)\r\n }\r\n }\r\n\r\n render() {\r\n let cellEditProp = {\r\n mode: 'click',\r\n blurToSave: true,\r\n afterSaveCell: this.props.addDeviceName // a hook for after saving cell\r\n };\r\n var list = [];\r\n var today = new Date();\r\n list = this.props.discountList.filter((discount) => (today.getTime() >= new Date(discount.validStartDate).getTime() && today.getTime() <= new Date(discount.validEndDate).getTime()));\r\n return (\r\n Select SKU
\r\n\r\n
SKU *
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n {(this.props.isAdmin == true) ? \r\n this.onDiscountChange(event)}\r\n >\r\n \r\n {list.map((discount, index) =>\r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n :\r\n null}\r\n
\r\n
\r\n\r\n
\r\n \r\n SIM Name \r\n Device Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default NameDevice;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { toast } from \"react-toastify\";\r\nimport { getCurrentUser } from '../../../factories/auth';\r\n\r\nclass ClientInventoryAddDevice extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n file: null,\r\n showModal: false\r\n }\r\n }\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({ showModal: nextProps.showModal })\r\n }\r\n onFileChangeHandler = (e) => {\r\n this.setState({ file: e.target.files[0] });\r\n }\r\n onDeviceSubmit = () => {\r\n var formdata = new FormData();\r\n formdata.append(\"file\", this.state.file);\r\n formdata.append(\"companyId\", this.props.selectedRow.companyId);\r\n formdata.append(\"resellerId\", this.props.selectedRow.id);\r\n this.props.uploadInventory(formdata).then(res => {\r\n if (res.data === \"success\") {\r\n toast.success(\"Upload Complete\")\r\n this.props.getFullSIMList({ \"companyId\": this.props.selectedRow.companyId, \"resellerId\": this.props.selectedRow.id, \"customerId\": null, \"fullInventory\": \"false\" });\r\n } else {\r\n toast.error(res.data);\r\n }\r\n });\r\n this.props.onDeviceClose();\r\n }\r\n validateForm = () => {\r\n if (this.state.file != null) {\r\n return true;\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
Name Devices
\r\n\r\n
\r\n
\r\n
\r\n \r\n NOTE: Only accept .xlsx files
\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n { this.onEditItemOpen(row) }} />\r\n
\r\n )\r\n }\r\n cellItemDeleteButton = (cell, row) => {\r\n return (\r\n \r\n { this.onDeleteItem(row); }}\r\n msg={'Do you want to delete the select type ? '}\r\n />\r\n
\r\n )\r\n }\r\n onQuantityChange = (e, cell, row, enumObject, index) => {\r\n let newOrders = new Map();\r\n const regex = /^[1-9]+[0-9]*$/;\r\n if (e.target.value == '' || regex.test(e.target.value)) {\r\n this.state.orders.forEach((value, key) => {\r\n if (key == row.itemId)\r\n newOrders.set(key, {\r\n \"name\": row.itemName,\r\n \"unitPrice\": row.unitPrice,\r\n \"quantity\": e.target.value\r\n });\r\n else\r\n newOrders.set(key, value);\r\n });\r\n this.setState({\r\n orders: newOrders\r\n });\r\n }\r\n }\r\n SetQuantityButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onQuantityChange(e, cell, row, enumObject, index) }}\r\n />\r\n
\r\n )\r\n }\r\n onOrderOpen = () => {\r\n let orders = new Map();\r\n this.props.SIMTypeList.map(e => {\r\n orders.set(e.itemId, {\r\n \"name\": e.itemName,\r\n \"unitPrice\": e.unitPrice,\r\n \"quantity\": \"\"\r\n });\r\n })\r\n\r\n this.setState({\r\n showOrderModal: true,\r\n orders: orders\r\n })\r\n }\r\n onItemOpen = () => {\r\n if (this.props.typeList.length > 0) {\r\n var parent_item = this.props.typeList[0];\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n companyCode: this.props.userObj.companyCode,\r\n simItemDescription: parent_item.itemDescription,\r\n simPrice: \"\",\r\n simItemName: \"\",\r\n carrier: parent_item.carrier.carrierId,\r\n itemParentId: parent_item.itemId,\r\n });\r\n } else {\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n companyCode: this.props.userObj.companyCode,\r\n simItemDescription: \"\",\r\n simPrice: \"\",\r\n simItemName: \"\",\r\n carrier: -1,\r\n itemParentId: -1\r\n });\r\n\r\n }\r\n this.setState({\r\n deviceDescription: \"\",\r\n downlinkMode: 2,\r\n downlinkData: \"\",\r\n payloadType: 2,\r\n payloadConfig: \"\",\r\n keepAlive: 3600,\r\n alertEmail: \"\",\r\n autoRenew: true,\r\n geolocPayloadConfigId: \"\",\r\n })\r\n }\r\n onEditItemOpen = (row) => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.userObj.companyCode,\r\n simItemDescription: row.itemDescription,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName,\r\n carrier: row.carrier.carrierId,\r\n itemParentId: row.itemParentId,\r\n })\r\n\r\n row.extensions.map(item => {\r\n item.type == 'description' ? this.setState({ deviceDescription: item.description }) : null\r\n item.type == 'downlinkMode' ? this.setState({ downlinkMode: parseInt(item.description) }) : null\r\n item.type == 'dataString' ? this.setState({ downlinkData: item.description }) : null\r\n item.type == 'payloadType' ? this.setState({ payloadType: parseInt(item.description) }) : null\r\n item.type == 'payloadConfig' ? this.setState({ payloadConfig: item.description }) : null\r\n item.type == 'keepAlive' ? this.setState({ keepAlive: parseInt(item.description) }) : null\r\n item.type == 'alertEmail' ? this.setState({ alertEmail: item.description }) : null\r\n item.type == 'autoRenew' ? this.setState({ autoRenew: JSON.parse(item.description) }) : null\r\n item.type == 'geolocPayloadConfigId' ? this.setState({ geolocPayloadConfigId: item.description }) : null\r\n })\r\n\r\n }\r\n onDeleteItem = (row) => {\r\n let data = {\r\n \"id\": row.itemId,\r\n \"companyCode\": this.props.userObj.companyCode,\r\n \"resellerId\": row.resellerId,\r\n \"itemName\": row.itemName,\r\n \"itemDescription\": row.itemDescription,\r\n \"unitPrice\": row.unitPrice,\r\n \"carrierId\": row.carrier.carrierId,\r\n \"companyId\": row.companyId\r\n }\r\n this.props.DeleteDeviceType(data);\r\n }\r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n\r\n onOrderClose = () => {\r\n this.setState({\r\n showOrderModal: false\r\n })\r\n }\r\n\r\n onInputChange = (event) => {\r\n if (event.target.name == \"itemParentId\") {\r\n const parentItem = this.props.typeList.filter(value => value.itemId == event.target.value)\r\n if (parentItem.length > 0) {\r\n const carrierObj = parentItem[0].carrier;\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n carrier: carrierObj.carrierId,\r\n simItemDescription: parentItem[0].itemDescription\r\n\r\n });\r\n } else {\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n carrier: -1,\r\n simItemDescription: \"\"\r\n\r\n });\r\n }\r\n\r\n } else {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n };\r\n\r\n onAutoRenewChange = (event) => {\r\n this.setState({\"autoRenew\": event.target.checked})\r\n }\r\n\r\n validateForm = (Management) => {\r\n if (Management == \"type\") {\r\n if (this.state.itemParentId >= 0 && this.state.simItemName != \"\" && !isNaN(this.state.simPrice)) {\r\n const digitreg = /^[0-9\\b]+$/;\r\n const emailreg = /[\\w-]+@([\\w-]+\\.)+[\\w-]+/;\r\n if (this.props.pageContentList.includes(\"Client Inventory Description Input\")) {\r\n if (this.state.deviceDescription == \"\") {\r\n return false\r\n }\r\n }\r\n if (this.props.pageContentList.includes(\"Client Inventory Keep-Alive Input\")) {\r\n if (!digitreg.test(this.state.keepAlive)) {\r\n return false\r\n }\r\n }\r\n if (this.props.pageContentList.includes(\"Client Inventory Alert Email Input\")) {\r\n if (!emailreg.test(this.state.alertEmail)) {\r\n return false\r\n }\r\n }\r\n\r\n if (\r\n this.state.deviceDescription.length <= 40\r\n && this.state.simItemName.length <= 40\r\n && this.state.alertEmail.length <= 40\r\n && this.state.downlinkData.length <= 40\r\n && this.state.payloadConfig.length <= 40\r\n && this.state.geolocPayloadConfigId.length <= 40\r\n && parseFloat(this.state.simPrice) >= 0 && parseFloat(this.state.simPrice) <= 1000000) { // set a million price limit\r\n return true;\r\n }\r\n }\r\n }\r\n if (Management == \"order\") {\r\n if (this.state.orders) {\r\n let valid = false;\r\n this.state.orders.forEach((value, key) => {\r\n if (parseInt(value.quantity) > 0 && parseInt(value.quantity) < 1000000 && !isNaN(value.quantity))\r\n valid = true;\r\n });\r\n return valid;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n onOrderSubmit = () => {\r\n var data = {};\r\n data = {\r\n \"companyId\": this.props.companyId,\r\n \"resellerId\": this.props.reseller.id,\r\n \"parent_resellerId\": 0, //Parent reseller not implemented yet\r\n \"orderList\": Array.from(this.state.orders.values()).filter(device => device.quantity > 0)\r\n }\r\n this.props.EmailPurchaseOrder(data);\r\n this.onOrderClose();\r\n }\r\n onItemSubmit = () => {\r\n var data = {};\r\n if (this.state.simId > 0) {\r\n data = {\r\n \"id\": this.state.simId,\r\n \"itemParentId\": this.state.itemParentId,\r\n \"companyCode\": this.props.userObj.companyCode,\r\n \"resellerId\": this.props.reseller.id,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice,\r\n \"carrierId\": this.state.carrier,\r\n \"companyId\": this.props.selectedRow.companyId\r\n }\r\n }\r\n else {\r\n data = {\r\n \"itemParentId\": this.state.itemParentId,\r\n \"companyCode\": this.props.userObj.companyCode,\r\n \"resellerId\": this.props.reseller.id,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice,\r\n \"carrierId\": this.state.carrier,\r\n \"companyId\": this.props.selectedRow.companyId\r\n\r\n }\r\n }\r\n\r\n this.props.pageContentList.includes(\"Client Inventory Description Input\") ? data[\"deviceDescription\"] = this.state.deviceDescription : null\r\n this.props.pageContentList.includes(\"Client Inventory Keep-Alive Input\") ? data[\"keepAlive\"] = this.state.keepAlive : null\r\n this.props.pageContentList.includes(\"Client Inventory Auto Renewal Input\") ? data[\"autoRenew\"] = this.state.autoRenew : null\r\n this.props.pageContentList.includes(\"Client Inventory Alert Email Input\") ? data[\"alertEmail\"] = this.state.alertEmail : null\r\n this.props.pageContentList.includes(\"Client Inventory Downlink Mode Input\") ? data[\"downlinkMode\"] = this.state.downlinkMode : null\r\n this.props.pageContentList.includes(\"Client Inventory Downlink Data Input\") ? data[\"dataString\"] = this.state.downlinkData : null\r\n this.props.pageContentList.includes(\"Client Inventory Payload Paring Input\") ? data[\"payloadType\"] = this.state.payloadType : null\r\n this.props.pageContentList.includes(\"Client Inventory Payload Configuration Input\") ? data[\"payloadConfig\"] = this.state.payloadConfig : null\r\n this.props.pageContentList.includes(\"Client Inventory Geoloc Payload Configuration Input\") ? data[\"geolocPayloadConfigId\"] = this.state.geolocPayloadConfigId : null\r\n\r\n\r\n this.props.SetDeviceType(data);\r\n this.onItemClose();\r\n }\r\n\r\n parentFormatter = (cell, row) => {\r\n for (let type of this.props.typeList) {\r\n if (cell == type.itemId) {\r\n return type.itemName\r\n }\r\n }\r\n }\r\n\r\n renderTypeModal() {\r\n const downlinkModeOptions = [{ id: 0, name: \"DIRECT\" }, { id: 1, name: \"CALLBACK\" }, { id: 2, name: \"NONE\" }, { id: 3, name: \"MANAGED\" }]\r\n const payloadParingOptions = [{ id: 2, name: \"Regular\" }, { id: 3, name: \"Custom grammer\" }, { id: 4, name: \"Geolocation\" }, { id: 5, name: \"Display in ASCII\" }, { id: 9, name: \"Sensitve\" }]\r\n\r\n return (\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {this.renderTypeModal()}\r\n {this.renderOrderModal()}\r\n \r\n \r\n {\r\n (hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN']) && this.props.pageContentList.includes(\"Client Add Device Type\")) ?\r\n \r\n :\r\n null\r\n }\r\n {\r\n (this.props.pageContentList.includes(\"Client Order Device Type\")) ?\r\n \r\n :\r\n null\r\n }\r\n \r\n itemParentId \r\n ID \r\n Name \r\n Description \r\n Price \r\n \r\n Operations\r\n \r\n \r\n Delete\r\n \r\n \r\n\r\n\r\n \r\n \r\n
\r\n\r\n )\r\n };\r\n}\r\nexport default ClientInventoryBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport { EditTextButton } from '../../../shared/components/Button/IconButton';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nclass ClientDiscountList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser()\r\n this.state = {\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n\r\n dateFormatter = (cell, row) => {\r\n var str = cell.substring(0, 10);\r\n return (`${str}`);\r\n }\r\n typeFormatter = (cell, row) => {\r\n if (row.promoteType == \"dollar\") {\r\n return `$ ${cell.toFixed(2)}`;\r\n }\r\n if (row.promoteType == \"percentage\") {\r\n return `${cell} %`;\r\n }\r\n }\r\n onEditOpen = (row) => {\r\n this.props.editDiscountButton(row);\r\n }\r\n editButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditOpen(row) }} />\r\n
\r\n );\r\n };\r\n render() {\r\n\r\n let options = {\r\n noDataText: \"No Discounts Found\",\r\n sizePerPageList: [{\r\n text: '10', value: 10\r\n }, {\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n }],\r\n }\r\n if (this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN'])) {\r\n options[\"insertBtn\"] = this.props.addNewDiscountButton;\r\n }\r\n const type = {\r\n \"percentage\": '%',\r\n \"dollar\": '$'\r\n };\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {this.props.ServicePlanList.map((plan, index) => {\r\n let buttonText = \"Edit\";\r\n let buttonColor = \"custom\";\r\n return (\r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n \r\n {(plan.resellerId == null) ?\r\n
\r\n )\r\n\r\n })\r\n }\r\n\r\n\r\n \r\n \r\n \r\n
\r\n {(this.props.isAdmin) ? \r\n \r\n
\r\n :\r\n {plan.itemName}
\r\n\r\n {(this.props.isAdmin) ?
{(plan.carrier != null) ? plan.carrier.carrierName : \"\"}
: null}\r\n{this.priceFormatter(plan.unitPrice, plan.billCycle)}
\r\n{this.dataFormatter(plan.planDataVolume)}
\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"activationFee\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Activation, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"feature\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Feature, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"overage\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Overage, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"sms\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`SMS, ${feature.description}, $${!feature.price ? '0.00' : parseFloat(feature.price).toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.itemPayType === \"PAYG\") ?Pay As You Go
: ``}\r\n {(plan.autoRenewFlag === 1) ?AutoRenewal
: ``}\r\n {(this.props.isAdmin) ? : null}\r\n\r\n \r\n \r\n
\r\n {(this.props.isAdmin) ? \r\n \r\n
\r\n }\r\n {plan.itemName}
\r\n\r\n {(this.props.isAdmin) ?
{(plan.carrier != null) ? plan.carrier.carrierName : \"\"}
: null}\r\n{this.priceFormatter(plan.unitPrice, plan.billCycle)}
\r\n{this.dataFormatter(plan.planDataVolume)}
\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"activationFee\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Activation, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"feature\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Feature, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"overage\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`Overage, ${feature.description}, $${feature.price.toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.extensions.length > 0) ?\r\n plan.extensions.filter((item, index) => (item.type == \"sms\" && item.status == 1)).map((feature, index) =>\r\n < p className=\"pricing-card__feature\" style={{ fontWeight: \"bold\" }}>{`SMS, ${feature.description}, $${!feature.price ? '0.00' : parseFloat(feature.price).toFixed(2)}`}\r\n )\r\n : ``}\r\n {(plan.itemPayType === \"PAYG\") ?Pay As You Go
: ``}\r\n {(plan.autoRenewFlag === 1) ?Auto-Renew
: ``}\r\n {(this.props.isAdmin) ? : null}\r\nLoading...
\r\n )\r\n}\r\n }\r\n\r\n\r\n}\r\nexport default ClientPlanList;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, InputGroupText, InputGroupAddon, InputGroup, Form, Input } from 'reactstrap';\r\nimport CloseIcon from 'mdi-react/CloseIcon';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass ClientPlanAddOn extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n feature: { id: 0, itemId: 0, type: \"feature\", description: \"\", price: \"\", status: 1 },\r\n position: 0,\r\n nonNegative: false //negative is allowed\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n this.setState({\r\n feature: this.props.feature,\r\n position: this.props.index,\r\n nonNegative: this.props.nonNegative ? this.props.nonNegative : false\r\n\r\n })\r\n }\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({\r\n feature: nextProps.feature,\r\n position: nextProps.index,\r\n nonNegative: nextProps.nonNegative ? nextProps.nonNegative : false\r\n })\r\n }\r\n validateDescription = () => {\r\n return (this.state.feature.description && this.state.feature.description != null)\r\n }\r\n validatePrice = () => {\r\n return ((!isNaN(this.state.feature.price)) && parseFloat(this.state.feature.price) > 0)\r\n\r\n }\r\n onInputChange = (event) => {\r\n\r\n // if (event.target.name === 'value') {\r\n // this.state.feature[event.target.name] = event.target.value;\r\n // } else {\r\n // this.state.feature[event.target.name] = event.target.value;\r\n // }\r\n this.state.feature[event.target.name] = event.target.value;\r\n this.props.onFeatureChange(this.state.feature, this.state.position);\r\n };\r\n\r\n isDecimal = (value) => {\r\n console.log(`isDecimal`, !!(value % 1))\r\n return !!(value % 1);\r\n }\r\n\r\n\r\n render() {\r\n\r\n let formRow = ''\r\n\r\n switch (this.state.feature.type) {\r\n case \"overage\":\r\n formRow =\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {(this.props.pageContentList.includes(\"Client Plan Modal Pooled\")) ?\r\n
\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n
\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n
\r\n \r\n \r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n
\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n
\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n
\r\n \r\n */}\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n \r\n {this.userObj.companyCode &&\r\n this.state.statesList &&\r\n this.state.statesList.map((option, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n {/* \r\n } */}\r\n {this.userObj.companyCode &&\r\n this.props.countryList &&\r\n this.props.countryList.map((option, index) => (\r\n \r\n ))}\r\n\r\n {/*{this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n \r\n }*/}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ }, dispatch);\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(ClientEditAddress);\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\n// import { Col } from 'react-bootstrap';\r\nimport { connect } from \"react-redux\";\r\nimport { Button, Card, CardBody, Col, Input, Row } from \"reactstrap\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { hasRole } from \"../../../factories/auth\";\r\nimport {\r\n getCarrierList,\r\n getCountries\r\n} from \"../../../redux/actions/userAction\";\r\nimport ClientEditAddress from \"./ClientEditAddress\";\r\n\r\nclass ClientEditBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isBusiness: true\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.getCountries()\r\n this.props.getCarrierList({ companyCode: this.props.selectedRow.companyCode });\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n if (nextProps.selectedRow != null) {\r\n this.setState({\r\n clientName: nextProps.selectedRow.resellerName,\r\n accountNum: nextProps.selectedRow.accountNumber,\r\n taxExempt: nextProps.selectedRow.taxExempt,\r\n phoneNum: nextProps.selectedRow.phone,\r\n phoneExt: nextProps.selectedRow.phoneExt,\r\n email: nextProps.selectedRow.email,\r\n firstName: nextProps.selectedRow.contactFirstName,\r\n lastName: nextProps.selectedRow.contactLastName,\r\n }\r\n )\r\n }\r\n }\r\n validateForm = () => {\r\n return this.validatePhone() && this.validateEmail() && this.validateLastName() && this.validateFirstName() && this.validateResellerName();\r\n }\r\n validateFirstName = () => {\r\n return (this.state.firstName && this.state.firstName !== '');\r\n }\r\n validateLastName = () => {\r\n return (this.state.lastName && this.state.lastName !== '');\r\n }\r\n validateExtension = () => {\r\n var regex = /^[0-9]*$/;\r\n return (regex.test(this.state.phoneExt))\r\n }\r\n validatePhone = () => {\r\n var regex = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n return (this.state.phoneNum && regex.test(this.state.phoneNum));\r\n }\r\n validateEmail = () => {\r\n var regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return (this.state.email && regex.test(this.state.email));\r\n }\r\n validateCarrier = () => {\r\n return (this.state.carrierId && this.state.carrierId !== '');\r\n }\r\n validateResellerName = () => {\r\n return (this.state.clientName && this.state.clientName !== '');\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onSubmit = () => {\r\n let data = {\r\n \"isnew\": false,\r\n \"resellerName\": this.state.clientName,\r\n \"resellerCode\": this.props.selectedRow.resellerCode,\r\n \"taxExempt\": this.state.taxExempt,\r\n \"phone\": this.state.phoneNum,\r\n \"phoneExt\": this.state.phoneExt,\r\n \"email\": this.state.email,\r\n \"contactFirstName\": this.state.firstName,\r\n \"contactLastName\": this.state.lastName,\r\n \"carrierId\": this.state.carrierId,\r\n \"billingId\": this.state.billingId\r\n }\r\n //\r\n this.props.handleEditUser(data);\r\n }\r\n\r\n render() {\r\n\r\n let labelStyle = { textAlign: 'right', verticalAlign: 'middle', marginTop: 'auto', marginBottom: 'auto' };\r\n\r\n return (\r\n \r\n
{this.state.title}
\r\n\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n {this.state.isNew ||\r\n !hasRole(this.props.userObj, [\r\n \"SUPERADMIN\",\r\n \"ADMIN\",\r\n \"CLIENTADMIN\",\r\n ]) ? null : (\r\n \r\n )}\r\n\r\n {hasRole(this.props.userObj, [\r\n \"SUPERADMIN\",\r\n \"ADMIN\",\r\n \"CLIENTADMIN\",\r\n ]) ? (\r\n \r\n Save\r\n \r\n ) : null}\r\n
\r\n Information
\r\n\r\n
\r\n
\r\n { (this.props.pageContentList.includes(\"Client Info\")) ?\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {(hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"])) ?\r\n \r\n : null}\r\n
\r\n\r\n {\r\n this.props.addressList.map((address, index) =>\r\n\r\n \r\n\r\n
\r\n
\r\n NOTE: There is need still ${this.state.invAmt - this.state.paidAmount} left on the Invoice\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n this.props.onQuantityChange(e, cell, row, enumObject, index)}\r\n />\r\n
\r\n )\r\n }\r\n\r\n render() {\r\n const options = {\r\n defaultSortOrder: 'asc',\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n {(index===this.props.additionalChargesList.length-1)?\r\n\r\n \r\n :\r\n \r\n }\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
{label}
\r\n {this.renderInvoiceGeneration()}\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n let {\r\n countryList,\r\n provinceMap\r\n } = state.user;\r\n\r\n let props = {\r\n countryList,\r\n provinceMap\r\n };\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\r\n return bindActionCreators({\r\n getProvinces\r\n }, dispatch);\r\n\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientGenerateInvoiceModal);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport uuid from \"uuid/v4\";\r\nimport { Card, CardBody, Col, Row, Button, Collapse, Tooltip, UncontrolledTooltip, Modal } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport moment from 'moment';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\nimport { EditTextButton, DeleteTextButton } from '../../../shared/components/Button/IconButton';\r\nimport { CheckIcon, TickIcon, ExclamationIcon } from 'mdi-react';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { cloneDeep } from 'lodash'\r\nimport {\r\n getGeneralLedgerCodesByCompanyCode,\r\n getGeneralLedgerCodesReasonsByCompanyCode,\r\n updateCustomerInvoiceMiscellaneousDetailsJournal,\r\n cancelInvoiceMiscellaneousDetail,\r\n getAdjustmentsByInvoiceByCompanyCode,\r\n updateCustomerInvoiceWithAdjustments,\r\n getCustomerInvoiceApprovalDetails,\r\n confirmCustomerInvoiceApproval\r\n} from '../../../redux/actions/userAction';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport ClientInvoiceModal from './ClientInvoiceModal';\r\nimport ClientMiscellaneousInvoiceItemEditModal from './ClientMiscellaneousInvoiceItemEditModal'\r\nimport ClientGenerateInvoiceModal from './InvoicingSteps/ClientGenerateInvoiceModal';\r\nimport { toast } from 'react-toastify';\r\n\r\nclass ClientInvoiceBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentAccount: null,\r\n startDateMoment: moment(\"2020-10-01\"),\r\n endDateMoment: moment(\"2020-10-30\"),\r\n invoicehtml: 'No Invoice data
',\r\n showDetails: false,\r\n invoiceId: null,\r\n modal: false,\r\n adjustAmount: null,\r\n paidAmount: 0,\r\n invAmt: 0,\r\n comment: \"\",\r\n status: 12,\r\n userObj: getCurrentUser(),\r\n showInvoice: true,\r\n showUsageReport: false,\r\n showInvoiceAdjustmentNav: false,\r\n invoiceMiscellaneousItemListWithIndexOperation: [],\r\n miscellaneousInvoiceItemSelected: {},\r\n isMiscellaneousInvoiceItemEditMode: true,\r\n showMiscellaneousInvoiceItemEditModal: false,\r\n showInvoiceGenerationModal: false,\r\n adjustmentPending: false,\r\n approvalPending: false,\r\n recalculationPending: false,\r\n approvalConfirmationPending: false,\r\n // markAsPaidIsReady: false,\r\n paymentStatus: '',\r\n previewInvoice: null,\r\n cellLoadingId: null,\r\n }\r\n\r\n // Miscellaneous adjustments\r\n this.renderInvoiceNavigation = this.renderInvoiceNavigation.bind(this)\r\n this.showInvoiceAdjustments = this.showInvoiceAdjustments.bind(this)\r\n this.showInvoice = this.showInvoice.bind(this)\r\n this.addNewMiscellaneousInvoiceItemPopupLaunch = this.addNewMiscellaneousInvoiceItemPopupLaunch.bind(this);\r\n this.renderMiscellaneousInvoiceAdjustmentDetails = this.renderMiscellaneousInvoiceAdjustmentDetails.bind(this);\r\n this.onOpenClientMiscellaneousInvoiceItemEditModal = this.onOpenClientMiscellaneousInvoiceItemEditModal.bind(this)\r\n this.onCloseClientMiscellaneousInvoiceItemEditModal = this.onCloseClientMiscellaneousInvoiceItemEditModal.bind(this)\r\n this.onUpdateRemoveClientMiscellaneousInvoiceItem = this.onUpdateRemoveClientMiscellaneousInvoiceItem.bind(this)\r\n this.cellMiscellaneousInvoiceItemEditButton = this.cellMiscellaneousInvoiceItemEditButton.bind(this)\r\n this.cellMiscellaneousInvoiceItemDeleteButton = this.cellMiscellaneousInvoiceItemDeleteButton.bind(this)\r\n this.ModalMiscellaneousInvoiceItemDeleteButton = this.ModalMiscellaneousInvoiceItemDeleteButton.bind(this)\r\n this.addNewMiscellaneousInvoiceItemButton = this.addNewMiscellaneousInvoiceItemButton.bind(this)\r\n this.createInvoiceAdjustmentConfirmationPayload = this.createInvoiceAdjustmentConfirmationPayload.bind(this)\r\n this.invoiceAdjustmentConfirmationButton = this.invoiceAdjustmentConfirmationButton.bind(this);\r\n }\r\n async componentDidMount() {\r\n const { getGeneralLedgerCodesByCompanyCode,\r\n getGeneralLedgerCodesReasonsByCompanyCode } = this.props\r\n const { userObj } = this.state\r\n const { companyCode } = userObj\r\n\r\n await getGeneralLedgerCodesByCompanyCode(companyCode)\r\n await getGeneralLedgerCodesReasonsByCompanyCode(companyCode)\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n let { paymentInvoicePendingDetails } = this.props\r\n\r\n if (paymentInvoicePendingDetails\r\n !== prevProps.paymentInvoicePendingDetails) {\r\n\r\n let invoiceId = this.state.invoiceId\r\n\r\n if (invoiceId) {\r\n let miscellaneousCopy = cloneDeep(paymentInvoicePendingDetails[invoiceId].miscellaneous)\r\n let adjustmentPending = paymentInvoicePendingDetails[invoiceId].adjustmentStatus\r\n let approvalPending = paymentInvoicePendingDetails[invoiceId].approvalStatus\r\n\r\n this.setState({\r\n invoiceMiscellaneousItemListWithIndexOperation: miscellaneousCopy,\r\n adjustmentPending: adjustmentPending === 0 ? true : false,\r\n approvalPending: approvalPending === 0 ? true : false,\r\n paymentStatus: paymentInvoicePendingDetails[invoiceId].statusDesc,\r\n previewInvoice: 'show'\r\n })\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n toggle = () => {\r\n const { handleRefreshInvoiceList } = this.props\r\n handleRefreshInvoiceList()\r\n .then(() => {\r\n this.setState(prevState => ({\r\n showDetails: !prevState.showDetails,\r\n showInvoiceAdjustmentNav: false,\r\n }));\r\n });\r\n }\r\n renderSpinner = () => {\r\n return (\r\n \r\n
\r\n\r\n );\r\n }\r\n invoiceIdFormater = (cell, row) => {\r\n return (\r\n {\r\n e.preventDefault();\r\n\r\n await this.setState({\r\n invoiceId: cell,\r\n comment: row.comment,\r\n adjustAmount: row.amountAdjust,\r\n paymentMethod: row.paymentMethod,\r\n paidAmount: row.amountPaid,\r\n status: row.statId,\r\n invAmt: row.invAmt,\r\n cellLoadingId: cell,\r\n showUsageReport:false\r\n });\r\n\r\n await this.handleInvoiceClick(cell);\r\n if (row.usageDtl != \"Order\") {\r\n await this.handleUsageReport(cell);\r\n this.setState({ showUsageReport: true })\r\n }\r\n this.setState({\r\n cellLoadingId: null\r\n })\r\n }\r\n }\r\n > {cell == this.state.cellLoadingId ? this.renderSpinner() : null}\r\n {cell}\r\n \r\n );\r\n }\r\n handleInvoiceClick = async (cell) => {\r\n\r\n window.scrollTo(0, 0)\r\n\r\n const { getAdjustmentsByInvoiceByCompanyCode,\r\n getCustomerInvoiceDetails,\r\n getCustomerInvoiceApprovalDetails } = this.props\r\n const { userObj } = this.state\r\n const { companyCode } = userObj\r\n\r\n /* get details here */\r\n if ((this.state.userObj && hasRole(this.state.userObj, ['ADMIN', 'USER']))) {\r\n this.setState({ invoiceId: cell })\r\n await getAdjustmentsByInvoiceByCompanyCode({\r\n invoiceId: cell,\r\n companyCode\r\n })\r\n }\r\n await getCustomerInvoiceApprovalDetails(cell)\r\n\r\n let { paymentInvoicePendingDetails } = this.props\r\n\r\n let adjustmentPending\r\n = paymentInvoicePendingDetails[cell].adjustmentStatus\r\n === 0 ? true : false\r\n\r\n let approvalPending\r\n = paymentInvoicePendingDetails[cell].approvalStatus\r\n === 0 ? true : false\r\n\r\n\r\n if ((userObj && hasRole(userObj, ['ADMIN', 'USER']))) {\r\n await getCustomerInvoiceDetails(cell);\r\n }\r\n\r\n if ((!adjustmentPending && !approvalPending)\r\n && (userObj && hasRole(userObj, ['CLIENTADMIN', 'CLIENTUSER']))) {\r\n await getCustomerInvoiceDetails(cell);\r\n }\r\n\r\n // await getCustomerInvoiceDetails(cell);\r\n this.toggle()\r\n /*await getCustomerInvoiceApprovalDetails(cell)*/\r\n }\r\n handleUsageReport = async (cell) => {\r\n let obj = {\r\n \"objId\": cell,\r\n \"resellerCode\": this.props.selectedRow.resellerCode\r\n }\r\n await this.props.getUsageReport(obj)\r\n\r\n }\r\n\r\n handleInvoiceAdjustment = async (id, value, isAdmin) => {\r\n\r\n this.setState({\r\n recalculationPending: true\r\n }, async () => {\r\n\r\n if (isAdmin === false) {\r\n var param = {\r\n \"companyId\": this.props.selectedRow.companyId,\r\n \"resellerId\": this.props.selectedRow.id,\r\n \"invoiceId\": id,\r\n \"payAmount\": value\r\n }\r\n }\r\n if (isAdmin === true) {\r\n var param = {\r\n \"companyId\": this.props.selectedRow.companyId,\r\n \"resellerId\": this.props.selectedRow.id,\r\n \"invoiceId\": id,\r\n \"payMethod\": value\r\n }\r\n }\r\n await this.props.payInvoice(param).then(res => {\r\n if (res.data != null) {\r\n if (res.data.statusCode === '200') {\r\n toast.success(res.data.statusDetail);\r\n if (res.data.invoice != null) {\r\n var inv = res.data.invoice;\r\n this.setState({\r\n invoiceId: inv.invId,\r\n adjustAmount: inv.amountAdjust,\r\n paidAmount: inv.amountPaid,\r\n paymentMethod: inv.paymentMethod,\r\n status: inv.statId,\r\n invAmt: inv.invAmt\r\n });\r\n }\r\n return;\r\n }\r\n }\r\n toast.error(\"Payment Failed\")\r\n return;\r\n });\r\n\r\n await this.props.getCustomerInvoiceApprovalDetails(id)\r\n await this.props.getCustomerInvoiceDetails(id);\r\n await this.props.handleRefreshInvoiceList();\r\n this.onClose();\r\n\r\n this.setState({\r\n recalculationPending: false\r\n })\r\n })\r\n }\r\n\r\n handleInvoiceBack = () => {\r\n this.toggle();\r\n }\r\n\r\n moneyFormatter = (cell, row) => {\r\n let price = 0;\r\n if (cell >= 0) {\r\n price = parseFloat(cell).toFixed(2);\r\n }\r\n return (\r\n {`USD $${price}`}\r\n )\r\n }\r\n adjustMoneyFormatter = (cell, row) => {\r\n if (cell != null) {\r\n let price = parseFloat(cell).toFixed(2);\r\n return (\r\n {`USD $${price}`}\r\n )\r\n }\r\n return \"N/A\";\r\n }\r\n adjustFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return \r\n \r\n {(cell === 1) && \r\n {(cell === 1) && `Invoice #${row.invId} has no pending adjustments`}\r\n {(cell === 0) && `Invoice #${row.invId} has pending adjustments`}\r\n \r\n
)\r\n )\r\n }\r\n approvalStatusFormatter = (cell, row) => {\r\n return ((\r\n \r\n \r\n {(cell === 1) && \r\n {(cell === 1) && `Invoice #${row.invId} is approved`}\r\n {(cell === 0) && `Invoice #${row.invId} is pending approval`}\r\n \r\n
)\r\n )\r\n }\r\n timeFormatter = (cell, row) => {\r\n let UTCTime = new Date(cell).toLocaleDateString('en-US', { timeZone: 'UTC' })\r\n return (\r\n `${UTCTime}`\r\n );\r\n }\r\n dateFormatter = (cell, row) => {\r\n if (cell != null) {\r\n var date = new Date(cell)\r\n var str = date.toLocaleString('en-US', {year: 'numeric', timeZone: 'UTC'}) + \"-\" \r\n + date.toLocaleString('en-US', {month: '2-digit', timeZone: 'UTC'}) + \"-\" \r\n + date.toLocaleString('en-US', {day: '2-digit', timeZone: 'UTC'});\r\n return (`${str}`);\r\n }\r\n }\r\n statusFromatter = (cell, row) => {\r\n if (cell == 0) {\r\n return `Inactive`\r\n }\r\n else if (cell == 1) {\r\n return `Active`\r\n }\r\n else if (cell == 2) {\r\n return `Suspended`\r\n }\r\n else if (cell == 3) {\r\n return `Canceled`\r\n }\r\n else {\r\n return `Unknown Status`\r\n }\r\n }\r\n usageFormatter = (usageNum) => {\r\n let formatedNum = 0;\r\n if (usageNum != null) {\r\n formatedNum = (usageNum / 1024).toFixed(2);\r\n return formatedNum;\r\n }\r\n return 0;\r\n }\r\n pdfDownload = (e) => {\r\n e.preventDefault()\r\n var printWindow = window.open('', '', 'height=400,width=800');\r\n printWindow.document.write(`\r\n {\r\n e.preventDefault();\r\n this.createInvoiceAdjustmentConfirmationPayload();\r\n }}\r\n >\r\n {recalculationPending === true ? 'Recalculating' : 'Recalculate'}\r\n \r\n
\r\n );\r\n }\r\n\r\n /* ------------------------------- Accepting Invoice Redjustment - End ---------------------- */\r\n\r\n /* ------------------------------- Invoice Approval - START ---------------------- */\r\n\r\n createInvoiceApprovalConfirmationPayload = () => {\r\n\r\n const { invoiceId } = this.state\r\n\r\n const { confirmCustomerInvoiceApproval,\r\n getCustomerInvoiceDetails,\r\n getCustomerInvoiceApprovalDetails,\r\n handleRefreshInvoiceList } = this.props\r\n\r\n this.setState({\r\n approvalConfirmationPending: true\r\n }, async () => {\r\n\r\n // do update here\r\n await confirmCustomerInvoiceApproval(invoiceId)\r\n\r\n // get invoice status\r\n await getCustomerInvoiceApprovalDetails(invoiceId)\r\n\r\n // refresh and get the customer's invoice details\r\n await getCustomerInvoiceDetails(invoiceId)\r\n\r\n await handleRefreshInvoiceList()\r\n\r\n this.setState({\r\n approvalConfirmationPending: false,\r\n // markAsPaidIsReady: true\r\n })\r\n })\r\n\r\n }\r\n\r\n /* ------------------------------- Invoice Approval - END ---------------------- */\r\n\r\n /* ------------------------------- miscellaneous - START ------------------------------------ */\r\n\r\n renderInvoiceNavigation = () => {\r\n const { recalculationPending,\r\n adjustmentPending, approvalPending,\r\n paymentStatus, approvalConfirmationPending,\r\n previewInvoice, userObj } = this.state\r\n\r\n return (\r\n \r\n {/*
\r\n )\r\n }\r\n\r\n showInvoice = () => {\r\n this.setState({ showInvoice: true })\r\n }\r\n\r\n showInvoiceAdjustments = async () => {\r\n const { getAdjustmentsByInvoiceByCompanyCode } = this.props\r\n const { companyCode } = this.state.userObj\r\n\r\n await getAdjustmentsByInvoiceByCompanyCode({\r\n invoiceId: this.state.invoiceId,\r\n companyCode\r\n })\r\n this.setState({ showInvoiceAdjustmentNav: true, showInvoice: false })\r\n }\r\n\r\n // Version 2\r\n addNewMiscellaneousInvoiceItemPopupLaunch = () => {\r\n\r\n const { invoiceId, userObj } = this.state\r\n const { companyCode } = userObj\r\n\r\n /* create a sample row item */\r\n const rowItemTemplate = {\r\n operationsIndex: uuid(),\r\n operationsEdit: true,\r\n operationsDelete: true,\r\n id: 0,\r\n invoiceId,\r\n codeId: -1,\r\n reasonId: -1,\r\n divisionId: -1,\r\n amount: 0,\r\n companyCode\r\n }\r\n\r\n this.setState({\r\n isMiscellaneousInvoiceItemEditMode: false\r\n }, () => {\r\n this.onOpenClientMiscellaneousInvoiceItemEditModal(rowItemTemplate)\r\n });\r\n }\r\n\r\n onOpenClientMiscellaneousInvoiceItemEditModal = (miscellaneousInvoiceItemSelected) => {\r\n this.setState({\r\n showMiscellaneousInvoiceItemEditModal: true,\r\n miscellaneousInvoiceItemSelected\r\n })\r\n }\r\n\r\n onCloseClientMiscellaneousInvoiceItemEditModal = (miscellaneousInvoiceItemSelected) => {\r\n this.setState({\r\n showMiscellaneousInvoiceItemEditModal: false,\r\n miscellaneousInvoiceItemSelected: null\r\n })\r\n }\r\n\r\n onUpdateRemoveClientMiscellaneousInvoiceItem = async (miscellaneousInvoiceItemSelected, isEditMode) => {\r\n\r\n const { updateCustomerInvoiceMiscellaneousDetailsJournal,\r\n getCustomerInvoiceApprovalDetails,\r\n handleRefreshInvoiceList } = this.props\r\n const { invoiceId, userObj, recalculationPending } = this.state\r\n const { companyCode, userName } = userObj\r\n\r\n const invoiceMiscellaneousItemPayload = {\r\n invoiceId,\r\n companyCode: companyCode,\r\n userName: userName,\r\n miscellaneous: miscellaneousInvoiceItemSelected\r\n }\r\n\r\n this.setState({ recalculationPending: true }, async () => {\r\n\r\n await updateCustomerInvoiceMiscellaneousDetailsJournal(invoiceMiscellaneousItemPayload)\r\n await getCustomerInvoiceApprovalDetails(invoiceId)\r\n await handleRefreshInvoiceList()\r\n\r\n this.setState({\r\n showInvoiceAdjustmentNav: true,\r\n showInvoice: false,\r\n recalculationPending: false\r\n })\r\n })\r\n }\r\n\r\n cellMiscellaneousInvoiceItemEditButton = (cell, row, enumObject, index) => {\r\n\r\n const { paymentStatus } = this.state\r\n\r\n return (\r\n Options
*/}\r\n\r\n \r\n Back\r\n \r\n {\r\n (this.state.userObj && hasRole(this.state.userObj, ['ADMIN'])) &&\r\n (\r\n <>\r\n {/* */}\r\n \r\n Show Adjustments\r\n \r\n \r\n )\r\n }\r\n\r\n {\r\n (userObj && hasRole(userObj, ['ADMIN', 'USER']))\r\n && (\r\n \r\n Print\r\n \r\n )\r\n }\r\n\r\n {\r\n (userObj && hasRole(userObj, ['CLIENTADMIN', 'CLIENTUSER', 'USER']))\r\n // && showInvoice\r\n && !adjustmentPending\r\n && !approvalPending\r\n && previewInvoice !== null\r\n && (\r\n \r\n Print\r\n \r\n )\r\n }\r\n\r\n\r\n {/* */}\r\n\r\n {\r\n (this.state.userObj && this.state.paymentMethod === \"CC\" && hasRole(this.state.userObj, ['CLIENTADMIN']) && this.props.pageContentList.includes(\"Client Invoice Payment\")) &&\r\n (\r\n <>\r\n {/* */}\r\n \r\n Pay\r\n \r\n \r\n )\r\n }\r\n {\r\n (this.state.userObj\r\n && hasRole(this.state.userObj, ['ADMIN']))\r\n && !adjustmentPending\r\n && approvalPending\r\n && !recalculationPending\r\n && paymentStatus !== \"paid\"\r\n &&\r\n (\r\n <>\r\n {\r\n e.preventDefault();\r\n this.createInvoiceApprovalConfirmationPayload();\r\n }}\r\n >\r\n {approvalConfirmationPending === true ? 'Approving' : 'Approve'}\r\n \r\n \r\n )\r\n }\r\n {\r\n (this.state.userObj\r\n && hasRole(this.state.userObj, ['ADMIN']) && this.props.pageContentList.includes(\"Client Invoice Payment\"))\r\n && !adjustmentPending\r\n && !approvalPending\r\n && !recalculationPending\r\n \r\n && (\r\n <>\r\n {/* */}\r\n \r\n Mark As Paid\r\n \r\n \r\n )\r\n }\r\n
\r\n \r\n {\r\n e.preventDefault();\r\n this.setState({\r\n isMiscellaneousInvoiceItemEditMode: true\r\n }, () => {\r\n this.onOpenClientMiscellaneousInvoiceItemEditModal(cloneDeep(row))\r\n });\r\n\r\n }} />\r\n
\r\n )\r\n\r\n }\r\n\r\n ModalMiscellaneousInvoiceItemDeleteButton = (cell, row, enumObject, index) => {\r\n const { cancelInvoiceMiscellaneousDetail,\r\n getCustomerInvoiceApprovalDetails,\r\n getCustomerInvoiceDetails,\r\n handleRefreshInvoiceList } = this.props\r\n const { invoiceId, userObj, paymentStatus,\r\n isMiscellaneousInvoiceItemEditMode } = this.state\r\n const { companyCode, userName } = userObj\r\n if (row != null) {\r\n return (\r\n \r\n {\r\n e.preventDefault();\r\n const invoiceMiscellaneousItemPayload = {\r\n invoiceId,\r\n companyCode: companyCode,\r\n userName: userName,\r\n isMiscellaneousInvoiceItemEditMode,\r\n miscellaneousInvoiceItemSelected: row,\r\n }\r\n\r\n await cancelInvoiceMiscellaneousDetail(invoiceMiscellaneousItemPayload)\r\n await getCustomerInvoiceApprovalDetails(invoiceId)\r\n await getCustomerInvoiceDetails(invoiceId)\r\n await handleRefreshInvoiceList()\r\n }}\r\n msg={(row.pendingStatus === 1) ? 'This adjustment has been calculated, Are you sure you want to delete the adjustment ?' : 'This adjustment has not been calculated, Are you sure you want to delete the adjustment ?'}\r\n />\r\n
\r\n )\r\n }\r\n else {\r\n return (\r\n <>N/A\r\n )\r\n }\r\n }\r\n\r\n cellMiscellaneousInvoiceItemDeleteButton = (cell, row, enumObject, index) => {\r\n\r\n const { cancelInvoiceMiscellaneousDetail,\r\n getCustomerInvoiceApprovalDetails,\r\n getCustomerInvoiceDetails,\r\n handleRefreshInvoiceList } = this.props\r\n const { invoiceId, userObj, paymentStatus,\r\n isMiscellaneousInvoiceItemEditMode } = this.state\r\n const { companyCode, userName } = userObj\r\n return (\r\n \r\n {\r\n e.preventDefault();\r\n\r\n const invoiceMiscellaneousItemPayload = {\r\n invoiceId,\r\n companyCode: companyCode,\r\n userName: userName,\r\n isMiscellaneousInvoiceItemEditMode,\r\n miscellaneousInvoiceItemSelected: row,\r\n }\r\n\r\n await cancelInvoiceMiscellaneousDetail(invoiceMiscellaneousItemPayload)\r\n await getCustomerInvoiceApprovalDetails(invoiceId)\r\n await getCustomerInvoiceDetails(invoiceId)\r\n await handleRefreshInvoiceList()\r\n }} />\r\n
\r\n )\r\n }\r\n\r\n addNewMiscellaneousInvoiceItemButton = (invoiceItem) => {\r\n\r\n const { invoiceId, userObj, recalculationPending } = this.state\r\n const { companyCode } = userObj\r\n\r\n /* create a sample row item */\r\n const rowItemTemplate = {\r\n operationsIndex: uuid(),\r\n operationsEdit: true,\r\n operationsDelete: true,\r\n id: 0,\r\n invoiceId,\r\n codeId: -1,\r\n reasonId: -1,\r\n divisionId: -1,\r\n amount: 0.0,\r\n companyCode\r\n }\r\n\r\n return (\r\n \r\n
\r\n Adjustment Items
\r\n\r\n \r\n {paymentStatus !== ''\r\n && paymentStatus !== \"paid\"\r\n // && approvalPending\r\n && this.addNewMiscellaneousInvoiceItemButton(invoiceId)}\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n\r\n /* ------------------------------- miscellaneous - END -------------------------------------- */\r\n\r\n renderInvoiceDetails = () => {\r\n let htmlStr = this.state.invoicehtml;\r\n if (this.props.paymentInvoiceDetails && this.props.paymentInvoiceDetails.invDetail) {\r\n htmlStr = this.props.paymentInvoiceDetails.invDetail\r\n }\r\n const options = {\r\n exportCSVBtn: this.createCustomExportCSVButton,\r\n };\r\n\r\n const { miscellaneousInvoiceItemSelected,\r\n isMiscellaneousInvoiceItemEditMode,\r\n showMiscellaneousInvoiceItemEditModal,\r\n showInvoiceAdjustmentNav, showInvoice,\r\n adjustmentPending, invoiceId, userObj,\r\n recalculationPending, paymentStatus,\r\n approvalPending, previewInvoice } = this.state\r\n\r\n const { generalLedgerCodes,\r\n generalLedgerCodeUsageReasons,\r\n BUDivisionList, paymentInvoicePendingDetails } = this.props\r\n\r\n return (\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n {(userObj && hasRole(userObj, ['ADMIN', 'USER']))\r\n && showInvoice\r\n && adjustmentPending\r\n // && paymentStatus !== \"paid\"\r\n && (\r\n <>\r\n \r\n
\r\n \r\n There are pending adjustments!\r\n
\r\n\r\n {this.invoiceAdjustmentConfirmationButton('left')}\r\n
\r\n \r\n \r\n
)\r\n }\r\n {\r\n recalculationPending &&\r\n (\r\n
)\r\n }\r\n \r\n )}\r\n\r\n {(userObj && hasRole(userObj, ['CLIENTADMIN', 'CLIENTUSER']))\r\n && showInvoice\r\n && !adjustmentPending\r\n && !approvalPending\r\n && previewInvoice !== null\r\n && (\r\n <>\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n {(userObj && hasRole(userObj, ['CLIENTADMIN']))\r\n && (adjustmentPending || approvalPending)\r\n && (\r\n <>\r\n \r\n
\r\n
\r\n \r\n This invoice is under review!\r\n
\r\n\r\n
Usage Report
\r\n\r\n
\r\n
\r\n )\r\n\r\n }\r\n\r\n onOpenGenerateInvoiceModal = () => {\r\n this.setState({\r\n showInvoiceGenerationModal: true\r\n })\r\n }\r\n\r\n onCloseGenerateInvoiceModal = () => {\r\n this.setState({\r\n showInvoiceGenerationModal: false\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n { }}\r\n onExited={() => { }}\r\n >\r\n {this.renderInvoiceList()}\r\n \r\n { }}\r\n onExited={() => { }}\r\n >\r\n\r\n {this.renderInvoiceDetails()}\r\n \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n let { paymentInvoicePendingDetails,\r\n generalLedgerCodes,\r\n generalLedgerCodeUsageReasons,\r\n BUDivisionList } = state.user;\r\n let props = {\r\n paymentInvoicePendingDetails,\r\n generalLedgerCodes,\r\n generalLedgerCodeUsageReasons,\r\n BUDivisionList\r\n }\r\n\r\n return props\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n /* Getting Approval details */\r\n getCustomerInvoiceApprovalDetails,\r\n\r\n /* Instead start by getting all codes */\r\n getGeneralLedgerCodesByCompanyCode,\r\n\r\n /* Get all code reasons */\r\n getGeneralLedgerCodesReasonsByCompanyCode,\r\n\r\n /* Then get usages by invoice number */\r\n getAdjustmentsByInvoiceByCompanyCode,\r\n\r\n /* Add a miscellaneous item */\r\n updateCustomerInvoiceMiscellaneousDetailsJournal,\r\n\r\n /* Cancel a miscellaneous item */\r\n cancelInvoiceMiscellaneousDetail,\r\n\r\n /* Saving adjustments to DB backend */\r\n updateCustomerInvoiceWithAdjustments,\r\n\r\n /* Aprove the invoice */\r\n confirmCustomerInvoiceApproval\r\n }, dispatch);\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientInvoiceBoard);","/* eslint-disable */\r\nimport React from \"react\";\r\nimport Card from \"react-credit-cards\";\r\nimport { Row, Col } from 'reactstrap';\r\nimport './CCWalletStyle.scss';\r\n\r\n/**\r\n * \r\n * @param {*} props \r\n * @returns \r\n */\r\nconst PaymentWallet = (props) => {\r\n if (props.type == null) {\r\n return null;\r\n }\r\n return (\r\n \r\n {\r\n (props.type == \"CC\" && props.card != null) ?\r\n (props.card.name !== null && props.card.number !== null) ?\r\n
\r\n )\r\n\r\n}\r\nexport default PaymentWallet;","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport Card from \"react-credit-cards\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Row, Input, Button } from 'reactstrap';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\n/**\r\n * @param {*} card : the credit card that will be edited\r\n * @param {*} onSave : the function for after the credit card is saved\r\n */\r\nclass PaymentEditWallet extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n id: 0,\r\n name: \"\",\r\n nickName: \"\",\r\n number: \"\",\r\n expiry: \"\",\r\n cvc: \"\",\r\n focused: \"\",\r\n issuer: \"\",\r\n selected: \"N\",\r\n isValid: false,\r\n disable: false\r\n }\r\n }\r\n componentDidMount() {\r\n this.clearDocument();\r\n if (this.props.card != null) {\r\n this.setState({\r\n id: this.props.card.id,\r\n name: this.props.card.name,\r\n nickName: this.props.nickName,\r\n number: this.props.card.number,\r\n expiry: this.props.card.expiry,\r\n cvc: this.props.card.cvc,\r\n selected: this.props.card.selected,\r\n focused: \"\",\r\n issuer: \"\",\r\n isValid: true,\r\n disable: false\r\n })\r\n } else {\r\n this.setState({\r\n id: 0,\r\n name: \"\",\r\n nickName: \"\",\r\n number: \"\",\r\n expiry: \"\",\r\n cvc: \"\",\r\n focused: \"\",\r\n issuer: \"\",\r\n selected: \"N\",\r\n isValid: true,\r\n disable: true\r\n })\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n this.clearDocument();\r\n if (nextProps.card != null) {\r\n this.setState({\r\n id: nextProps.card.id,\r\n name: nextProps.card.name,\r\n number: nextProps.card.number,\r\n expiry: nextProps.card.expiry,\r\n cvc: nextProps.card.cvc,\r\n selected: nextProps.card.selected,\r\n focused: \"\",\r\n issuer: \"\",\r\n nickName: nextProps.card.nickName,\r\n isValid: true,\r\n disable: false\r\n })\r\n }\r\n else {\r\n this.setState({\r\n id: 0,\r\n name: \"\",\r\n number: \"\",\r\n nickName: \"\",\r\n expiry: \"\",\r\n cvc: \"\",\r\n selected: \"N\",\r\n focused: \"\",\r\n issuer: \"\",\r\n isValid: true,\r\n disable: true\r\n })\r\n }\r\n }\r\n clearDocument = () => {\r\n if(document.getElementById(\"nickName\") != null){\r\n document.getElementById(\"nickName\").value = \"\";\r\n }\r\n if(document.getElementById(\"number\") != null){\r\n document.getElementById(\"number\").value = \"\";\r\n }\r\n if(document.getElementById(\"name\") != null){\r\n document.getElementById(\"name\").value = \"\";\r\n }\r\n if(document.getElementById(\"expiry\") != null){\r\n document.getElementById(\"expiry\").value = \"\";\r\n }\r\n if(document.getElementById(\"cvc\") != null){\r\n document.getElementById(\"cvc\").value = \"\";\r\n }\r\n }\r\n handleInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n handleCallback = (type, isValid) => {\r\n this.setState({\r\n issuer: type.issuer,\r\n isValid: isValid\r\n })\r\n }\r\n handleInputFocus = (event) => {\r\n this.setState({ focused: event.target.name })\r\n }\r\n isDateValid = () => {\r\n var regex = /^[0-9]{2}[\\/]{0,1}([0-9]{2}|[0-9]{4})$/;\r\n return this.state.expiry && regex.test(this.state.expiry);\r\n }\r\n isCVCValid = () => {\r\n var regex = /^\\d{3,4}$/\r\n return this.state.cvc && regex.test(this.state.cvc);\r\n\r\n }\r\n isCreditCardValid = () => {\r\n return this.state.isValid && this.isDateValid() && this.isCVCValid();\r\n }\r\n onSave = () => {\r\n var regex = /^[0-9]{2}\\/([0-9]{2}|[0-9]{4})$/;\r\n var expire = this.state.expiry;\r\n if (regex.test(expire)) {\r\n expire = expire.substring(0, 2) + expire.substring(expire.length - 2, expire.length);\r\n }\r\n var card = {\r\n id: this.state.id,\r\n type: \"CC\",\r\n name: this.state.name,\r\n nickName: this.state.nickName,\r\n number: this.state.number,\r\n expiry: expire,\r\n selected: this.state.selected,\r\n status: 1,\r\n cvc: this.state.cvc,\r\n issuer: this.state.issuer\r\n }\r\n this.setState({\r\n id: 0,\r\n type: \"CC\",\r\n name: \"\",\r\n nickName: \"\",\r\n number: \"\",\r\n expiry: \"\",\r\n selected: \"N\",\r\n status: 1,\r\n cvc: \"\",\r\n issuer: \"\"\r\n }, () => {\r\n this.props.onSave(card);\r\n document.getElementById(\"nickName\").value = \"\";\r\n document.getElementById(\"number\").value = \"\";\r\n document.getElementById(\"name\").value = \"\";\r\n document.getElementById(\"expiry\").value = \"\";\r\n document.getElementById(\"cvc\").value = \"\";\r\n })\r\n }\r\n onDelete = () => {\r\n if (this.state.selected === \"Y\") {\r\n toast.error(\"change default payment\")\r\n return null;\r\n }\r\n var card = {\r\n id: this.state.id,\r\n type: \"CC\",\r\n nickName: this.state.nickName,\r\n name: this.state.name,\r\n number: this.state.number,\r\n expiry: this.state.expiry,\r\n selected: this.state.selected,\r\n status: 0,\r\n cvc: this.state.cvc,\r\n }\r\n this.setState({\r\n id: 0,\r\n type: \"CC\",\r\n name: \"\",\r\n nickName: \"\",\r\n number: \"\",\r\n expiry: \"\",\r\n selected: \"N\",\r\n status: 1,\r\n cvc: \"\",\r\n }, () => {\r\n this.props.onSave(card);\r\n })\r\n }\r\n render() {\r\n return (\r\n { props.onClick(props.card) }}>\r\n \r\n
\r\n
\r\n {\r\n (props.onRadioClick != null && props.isAdmin) ?\r\n\r\n
\r\n :\r\n null\r\n }\r\n {\r\n (props.onRadioClick != null && !props.isAdmin) ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n
\r\n :\r\n null\r\n : (props.type == \"CC\" && props.card == null) ?\r\n \r\n
\r\n \r\n \r\n {\r\n (props.onRadioClick != null && props.isAdmin) ?\r\n
{ props.onClick(props.card) }}>\r\n \r\n
\r\n
\r\n :\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {\r\n (props.onRadioClick != null && props.isAdmin) ?\r\n\r\n
\r\n :\r\n null\r\n }\r\n {\r\n (props.onRadioClick != null && !props.isAdmin) ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n
\r\n }\r\n \r\n {\r\n (props.onRadioClick != null && props.isAdmin) ?\r\n
\r\n {(this.props.card != \"\") ?\r\n
\r\n )\r\n }\r\n}\r\nexport default PaymentEditWallet;","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { Row, Col, Card as Card2 } from 'reactstrap';\r\nimport PaymentWallet from \"./PaymentWallet\"\r\nimport PaymentEditWallet from \"./PaymentEditWallet\"\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\n/**\r\n * @param {*} List : the list of credit cards formated (example below)\r\n * @param {*} onRadioClick :on radio button click (if this is null, radio button will not appear)\r\n * @param {*} onSave :on save of credit card\r\n */\r\nexport default class PaymentBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n list: [],\r\n card: \"\",\r\n userObj: getCurrentUser(),\r\n defaultPaymentId: 0\r\n }\r\n }\r\n componentDidMount() {\r\n if (this.props.list.length != null) {\r\n this.setState({ list: this.props.list })\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.list.length != null) {\r\n this.setState({ list: nextProps.list }, () => {\r\n if (nextProps.defaultPaymentId != 0) {\r\n var updatedCard = this.state.list.filter((card) => card.id == this.state.defaultPaymentId);\r\n if (updatedCard.length > 0) {\r\n this.setState({ card: updatedCard[0] })\r\n }\r\n }\r\n })\r\n }\r\n\r\n }\r\n onCreditCardSelect = (card, String) => {\r\n this.setState({\r\n card: card,\r\n defaultPaymentId: (card) ? card.id : 0\r\n });\r\n }\r\n onNewCreditCardSelect = () => {\r\n this.setState({\r\n card: null,\r\n defaultPaymentId: 0\r\n })\r\n }\r\n render() {\r\n /*\r\n format example\r\n var list = [\r\n {\r\n id: 1, //id of account\r\n type: \"CC\", //there is also \"ACH\" or \"CHK\"\r\n name: \"Jason Wang\", //name of card holder\r\n number: \"51** **** **** 5436\", //formatted card number\r\n selected: \"Y\", //default billing, \"N\" for no\r\n cvc: \"\", //CVC\r\n expiry: \"1122\" //valid thru date\r\n }\r\n ]\r\n */\r\n\r\n return (\r\n \r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n {\r\n (this.state.id > 0 && this.props.onSave != null) ?\r\n
\r\n \r\n
\r\n \r\n {\r\n (this.state.id > 0 && this.props.onSave != null) ?\r\n
\r\n { this.onDelete() }}\r\n msg={'Do you want to delete payment ? '}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n {\r\n (this.props.onSave != null) ?\r\n \r\n NOTE: Re-enter all information to edit a Card\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n :\r\n null\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { CardBody, Card } from 'reactstrap';\r\nimport '../../Company/components/smallcard.scss';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\n\r\nimport PaymentBoard from \"../../PaymentModule/component/PaymentBoard\"\r\n\r\nclass ClientPaymentBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n accountList: [],\r\n defaultAccount: null,\r\n number: \"\",\r\n name: \"\",\r\n expiry: \"\",\r\n cvc: \"\",\r\n issuer: \"\",\r\n focused: \"\",\r\n formData: null\r\n }\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.accountList.length > 0) {\r\n this.setState({\r\n accountList: nextProps.accountList\r\n })\r\n }\r\n }\r\n onRadioClick = (card) => {\r\n if (this.props.isAdmin) {\r\n var cardList = [...this.state.accountList];\r\n var defaultAccount = null;\r\n for (var payment of cardList) {\r\n if (payment.accountId === card.id) {\r\n payment.defaultPayment = \"Y\";\r\n defaultAccount = payment;\r\n\r\n }\r\n else {\r\n payment.defaultPayment = \"N\";\r\n }\r\n }\r\n this.setState({\r\n accountList: cardList,\r\n defaultAccount: defaultAccount\r\n }, () => {\r\n if (this.state.defaultAccount != null) {\r\n this.props.setDefaultPaymentMethod(this.state.defaultAccount).then(() => {\r\n this.props.getPaymentAccounts(this.props.selectedRow.id)\r\n });\r\n }\r\n })\r\n }\r\n }\r\n\r\n onSaveCreditCard = (card) => {\r\n if (this.props.selectedRow != null) {\r\n var card = {\r\n \"resellerCode\": this.props.selectedRow.resellerCode,\r\n \"account\": {\r\n \"accountId\": card.id,\r\n \"accountName\": card.name,\r\n \"optionalName\": card.nickName,\r\n \"accountType\": \"CC\",\r\n \"cardMask\": card.number,\r\n \"companyCode\": this.props.selectedRow.companyCode,\r\n \"defaultPayment\": \"N\",\r\n \"expdate\": card.expiry,\r\n \"paymentMethod\": \"CC\",\r\n \"resellerId\": this.props.selectedRow.id,\r\n \"status\": card.status,\r\n \"issuerId\": card.issuer,\r\n \"code\": card.cvc\r\n }\r\n }\r\n this.props.updatePaymentMethod(card).then(() => {\r\n this.props.getPaymentAccounts(this.props.selectedRow.id)\r\n });\r\n }\r\n }\r\n priceFormater = (cell, row) => {\r\n let price = 0;\r\n if (cell >= 0) {\r\n price = parseFloat(cell).toFixed(2);\r\n }\r\n return (\r\n {`$${price}`}\r\n )\r\n }\r\n csvPriceFormater = (cell, row) => {\r\n let price = 0;\r\n if (cell >= 0) {\r\n price = parseFloat(cell).toFixed(2);\r\n }\r\n return (`$${price}`)\r\n }\r\n dateFormatter = (cell, row) => {\r\n if (cell != null) {\r\n var date = new Date(cell)\r\n var str = date.getFullYear() + \"-\" + (date.getMonth() + 1) + \"-\" + date.getDate();\r\n return (`${str}`);\r\n }\r\n }\r\n nameFormatter = (cell, row) => {\r\n var name = \"\"\r\n if (cell != null) {\r\n name = cell;\r\n } else {\r\n name = row.cardMask;\r\n }\r\n return (`${name}`);\r\n }\r\n render() {\r\n var cardList = this.state.accountList.map((card) => {\r\n return {\r\n id: card.accountId,\r\n type: card.accountType,\r\n name: card.accountName,\r\n number: card.cardMask,\r\n selected: card.defaultPayment,\r\n nickName: card.optionalName,\r\n cvc: \"\",\r\n expiry: card.expdate,\r\n issuer: card.issuerId\r\n }\r\n });\r\n let list = [];\r\n if (this.props.transactionHistory != null) {\r\n if (Array.isArray(this.props.transactionHistory.historyList)) {\r\n list = this.props.transactionHistory.historyList.slice(0).reverse();\r\n }\r\n\r\n }\r\n\r\n const options = {\r\n sizePerPageList: [ {\r\n text: '10', value: 10\r\n }, {\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n } ],\r\n };\r\n\r\n\r\n return (\r\n Payment History
\r\n\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n };\r\n};\r\nexport default ClientCarrierPanel;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody } from 'reactstrap';\r\nimport ClientCarrierPanel from './ClientCarrierPanel';\r\nimport { toast } from 'react-toastify';\r\n\r\nclass ClientCarrierBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n resellerId:0\r\n }\r\n }\r\n componentDidMount(){\r\n if(this.props.selectedRow != null){\r\n this.setState({resellerId:this.props.selectedRow.id})\r\n }\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onSave = (payload) => {\r\n var obj = {\r\n companyId:this.props.selectedRow.companyId,\r\n resellerId:this.props.selectedRow.id,\r\n carrierId: payload.carrierId,\r\n name:payload.name,\r\n password:payload.password,\r\n identifier: payload.identifier\r\n }\r\n this.props.updateCarrierInfo(obj).then(res=> {\r\n if(res.data === \"success\"){\r\n toast.success(\"Info Updated\");\r\n this.props.getAllResellers({ resellerCode: this.props.selectedRow.resellerCode })\r\n } else if(res.data === \"error\"){\r\n toast.error(\"Update Failed\")\r\n }\r\n });\r\n }\r\n render() {\r\n return (\r\n Name :
{this.props.name}
\r\n \r\nUsername :\r\n
Password :\r\n
Identifier :\r\n
\r\n
\r\n {\r\n this.props.list.map(item => {\r\n return (\r\n\r\n {this.handleDelete(item)}} /> : null}\r\n onDelete={(hasRole(this.state.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"])) ? () => this.handleDelete(item) : null}\r\n label={item.name}\r\n onClick={(hasRole(this.state.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"])) ? () => this.handleOnClick(item) : null}\r\n style={{ padding: \"10px\", margin: \"10px\" }}\r\n />\r\n\r\n )\r\n }\r\n )\r\n }\r\n
\r\n );\r\n }\r\n}\r\nexport default ChipGrouping;","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { Col, Row, Button } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport { toast } from \"react-toastify\";\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nclass MultiSelectTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser()\r\n this.state = {\r\n id: 0,\r\n country: {},\r\n lineOfBusiness: {},\r\n division: {}\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n id: this.props.relationship.id,\r\n country: { \"value\": this.props.relationship.country, \"label\": this.props.relationship.country.name },\r\n lineOfBusiness: { \"value\": this.props.relationship.lineOfBusiness, \"label\": this.props.relationship.lineOfBusiness.name },\r\n division: { \"value\": this.props.relationship.division, \"label\": this.props.relationship.division.name }\r\n })\r\n }\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({\r\n id: nextProps.relationship.id,\r\n country: { \"value\": nextProps.relationship.country, \"label\": nextProps.relationship.country.name },\r\n lineOfBusiness: { \"value\": nextProps.relationship.lineOfBusiness, \"label\": nextProps.relationship.lineOfBusiness.name },\r\n division: { \"value\": nextProps.relationship.division, \"label\": nextProps.relationship.division.name }\r\n })\r\n }\r\n onCountryChange = (event) => {\r\n this.setState({ country: event })\r\n }\r\n onLobChange = (event) => {\r\n this.setState({ lineOfBusiness: event })\r\n }\r\n onDivisionChange = (event) => {\r\n this.setState({ division: event })\r\n }\r\n onSubmitBusinessUnit = (status) => {\r\n var obj = {\r\n id: this.state.id,\r\n companyId: this.props.user.companyId,\r\n resellerId: this.props.user.id,\r\n country: this.state.country.value,\r\n lineOfBusiness: this.state.lineOfBusiness.value,\r\n division: this.state.division.value,\r\n status: status\r\n }\r\n this.props.UpdateBusinessUnitRelations(obj).then(res => {\r\n if (res.status == 200) {\r\n toast.success(res.data.result);\r\n } else {\r\n toast.error(\"error\")\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default MultiSelectTable;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Card, CardBody, Input, Button } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport { toast } from \"react-toastify\";\r\nimport ChipGrouping from './ChipGrouping'\r\nimport MultiSelectTable from './MultiSelectTable';\r\nimport { hasRole } from '../../../factories/auth';\r\n\r\nclass ClientBusinessUnitBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n clicked: false,\r\n country: {},\r\n lob: {},\r\n newLob: \"\",\r\n division: {},\r\n newDivision: \"\"\r\n\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n isDisabledLob = () => {\r\n return this.state.newLob != null;\r\n }\r\n isDisabledDivision = () => {\r\n return this.state.newDivision != null;\r\n }\r\n //adding a new business unit\r\n OnSubmitUpdate = (grouping) => {\r\n var name = \"\";\r\n if (grouping === \"lob\") {\r\n name = this.state.newLob;\r\n }\r\n else if (grouping === \"division\") {\r\n name = this.state.newDivision;\r\n }\r\n if (name != \"\") {\r\n var obj = {\r\n type: grouping,\r\n companyId: this.props.selected.companyId,\r\n resellerId: this.props.selected.id,\r\n name: name,\r\n status: 1,\r\n }\r\n }\r\n this.props.updateBusinessUnit(obj).then(res => {\r\n if (res.status == 200) {\r\n toast.success(res.data.result);\r\n if (grouping === \"lob\") {\r\n this.setState({\r\n newLob: \"\"\r\n })\r\n }\r\n else if (grouping === \"division\") {\r\n this.setState({\r\n newDivision: \"\"\r\n })\r\n }\r\n } else {\r\n toast.error(\"error\")\r\n }\r\n });\r\n }\r\n onSubmitBusinessUnit = () => {\r\n var obj = {\r\n id: 0,\r\n companyId: this.props.selected.companyId,\r\n resellerId: this.props.selected.id,\r\n country: this.state.country,\r\n lineOfBusiness: this.state.lob,\r\n division: this.state.division,\r\n status: 1\r\n }\r\n this.props.UpdateBusinessUnitRelations(obj).then(res => {\r\n if (res.status == 200) {\r\n toast.success(res.data.result);\r\n } else {\r\n toast.error(\"error\")\r\n }\r\n });\r\n }\r\n\r\n onCountryChange = (event) => {\r\n if (event != null) {\r\n this.setState({\r\n country: event.value\r\n });\r\n } else {\r\n this.setState({\r\n country: {}\r\n });\r\n }\r\n }\r\n onChipChange = (item, grouping) => {\r\n this.setState({\r\n [grouping]: item\r\n })\r\n }\r\n render() {\r\n return (\r\n Country :\r\n
Line of Business :\r\n
Department :\r\n
\r\n
*Country:
\r\n\r\n
*Line of Business:
\r\n\r\n
*Department:
\r\n\r\n {(hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"])) ?\r\n \r\n : null\r\n }\r\n
\r\n
Business Unit List
\r\n\r\n {this.props.BURelationshipList.map((relationship) =>\r\n
\r\n
\r\n
\r\n\r\n\r\n \r\n\r\n {/*
*/}\r\n
\r\n //
\r\n \r\n // \r\n // \r\n //
\r\n // {(this.props.isAdmin)?:null}\r\n // \r\n // \r\n //
\r\n\r\n\r\n\r\n\r\n // )\r\n\r\n // )\r\n\r\n\r\n\r\n\r\n }\r\n else {\r\n return (\r\n {plan.specialLine}
\r\n //\r\n // {(this.props.isAdmin)?:null}\r\n //
Loading...
\r\n )\r\n }\r\n }\r\n\r\n\r\n}\r\nexport default ClientSpecialLineList;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Button, Collapse } from 'reactstrap';\r\n\r\nimport ClientSpecialLineModal from './ClientSpecialLineModal';\r\nimport ClientSpecialLineList from './ClientSpecialLineList';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\n\r\nimport { PowerIcon, ThumbDownIcon } from 'mdi-react';\r\n\r\nclass ClientSpecialLineBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedSpecialLine: null,\r\n show: false\r\n }\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n\r\n onPlanOpen = (SpecialLine) => {\r\n this.setState({\r\n selectedSpecialLine: SpecialLine,\r\n show: true\r\n })\r\n }\r\n onGeneralOpen = () => {\r\n this.setState({\r\n show: true\r\n })\r\n }\r\n onClose = () => {\r\n this.setState({\r\n selectedSpecialLine: null,\r\n show: false\r\n })\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n Special Line
\r\n\r\n
\r\n
\r\n
\r\n }\r\n \r\n
\r\n )\r\n\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n let { BUCountryList, BULOBList, BUDivisionList,\r\n BURelationshipList, usageReportList, ServicePlanList,\r\n discountList, accountList, resellerList, consumerList,\r\n paymentInvoice, paymentInvoiceDetails, addressList,\r\n paymentAccountList, carrierList, paymentInvoiceEditDetails,\r\n specialLineList, pageContentList, transactionHistory, countryList } = state.user;\r\n\r\n\r\n let { SIMTypeList, typeList, inactiveSIMList, activeSIMList,\r\n suspendedSIMList, companySIMList, carrierPlanList,\r\n clientActiveDeviceList, itemType } = state.inventory;\r\n\r\n let props = {\r\n BUCountryList, BULOBList, BUDivisionList,\r\n BURelationshipList, usageReportList, addressList,\r\n resellerList, SIMTypeList, typeList, inactiveSIMList,\r\n activeSIMList, suspendedSIMList, companySIMList,\r\n ServicePlanList, discountList, carrierPlanList,\r\n accountList, consumerList, paymentInvoice,\r\n paymentInvoiceDetails, paymentAccountList, carrierList,\r\n paymentInvoiceEditDetails, specialLineList, pageContentList,\r\n transactionHistory,countryList,\r\n clientActiveDeviceList, itemType\r\n };\r\n\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\r\n return bindActionCreators({\r\n uploadInventory, ClearClientInventoryInformation,\r\n ClearClientUserInformation, updatePaymentMethod,\r\n UpdateBusinessUnitRelations, updateBusinessUnits,\r\n getBusinessUnits, getUsageReport, ClearCarrierPlans, setSimName, payInvoice,\r\n getCustomerInvoiceDetails, getCustomerInvoiceHistory, createReseller, getAllResellers,\r\n getFullSIMList, getServicePlanItem, getDiscountList, setDiscount, getCarrierPlans,\r\n SetServicePlan, DeleteServicePlan, getAccountsByEntity, clientCheckout, clientPurchaseOrder,\r\n getAddress, setAddress, getConsumers, activateMultipleSIM, getPaymentAccounts,\r\n setDefaultPaymentMethod, getCarrierList, updateCarrierInfo, getSpecialLine, SetSpecialLine,\r\n DeleteSpecialLine, getPageContent, loadTransactionHistory, SetSimType, SetDeviceType, EmailPurchaseOrder, generatePurchaseOrder,\r\n getDeviceList, ChangeDeviceStatus, registerDevice,DeleteDeviceType, resetFullSIMList\r\n }, dispatch);\r\n\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ClientBoard);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"is-invalid\":\"ClientMiscellaneousInvoiceItemEditModal_is-invalid__2koMH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"max-content-nav\":\"DeviceTypeTable_max-content-nav__2y_HZ\",\"nav-location\":\"DeviceTypeTable_nav-location__EhvkT\",\"clean-edge\":\"DeviceTypeTable_clean-edge__ddGJ1\",\"form-control\":\"DeviceTypeTable_form-control__3INp9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pos-manual-billing-spinner\":\"TelecomBoard_pos-manual-billing-spinner__UjnJq\",\"pos-manual-billing-status-text\":\"TelecomBoard_pos-manual-billing-status-text__NGPl2\"};","/* eslint-disable */\r\nimport {\r\n CHANGE_THEME_TO_DARK,\r\n CHANGE_THEME_TO_DEFAULT,\r\n CHANGE_THEME_TO_LIGHT,\r\n CHANGE_THEME_TO_CUSTOM,\r\n LOAD_LOGIN_THEME \r\n} from '../actions/themeActions';\r\n\r\nconst initialState = {\r\n className: 'theme-default',\r\n loginThemes: [],\r\n error: 0\r\n};\r\n\r\nexport default function (state = initialState, action) {\r\n switch (action.type) {\r\n case CHANGE_THEME_TO_DARK:\r\n return { className: 'theme-dark' };\r\n case CHANGE_THEME_TO_LIGHT:\r\n return { className: 'theme-light' };\r\n case CHANGE_THEME_TO_DEFAULT:\r\n return { className: 'theme-default' };\r\n case CHANGE_THEME_TO_CUSTOM:\r\n return { className: 'theme-custom' };\r\n case LOAD_LOGIN_THEME:\r\n return {\r\n ...state,\r\n loginThemes: action.payload,\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {\r\n CHANGE_SIDEBAR_VISIBILITY,\r\n CHANGE_MOBILE_SIDEBAR_VISIBILITY,\r\n} from '../actions/sidebarActions';\r\n\r\nconst initialState = {\r\n show: false,\r\n collapse: false,\r\n};\r\n\r\nexport default function (state = initialState, action) {\r\n switch (action.type) {\r\n case CHANGE_SIDEBAR_VISIBILITY:\r\n return { ...state, collapse: !state.collapse };\r\n case CHANGE_MOBILE_SIDEBAR_VISIBILITY:\r\n return { ...state, show: !state.show };\r\n default:\r\n return state;\r\n }\r\n}\r\n","/* eslint-disable */\r\n\r\nimport {\r\n MAP_DEVICE_LOAD_SUCCEED, \r\n MAP_DEVICE_LOAD_FAILED,\r\n MAP_DEVICE_ATTR_LOAD_SUCCEED, \r\n MAP_DEVICE_ATTR_LOAD_FAILED,\r\n MAP_LOAD_DEVICE_ATTRIBUTE_SUCCEED,\r\n MAP_LOAD_DEVICE_ATTRIBUTE_FAILED,\r\n DEVICE_ADD_ATTR_DEVICE,\r\n DEVICE_UPDATE_ATTR_DEVICE,\r\n MAP_DEVICE_MAP_LOAD_SUCCEED,\r\n MAP_DEVICE_MAP_LOAD_FAILED,\r\n MAP_FILTER_ATTRIBUTE_CHANGE,\r\n MAP_LOAD_ASSETS_SUCCEED,\r\n MAP_LOAD_ASSETS_FAILED,\r\n MAP_LOAD_ASSET_ATTRIBUTE_SUCCEED,\r\n MAP_LOAD_ASSET_ATTRIBUTE_FAILED,\r\n MAP_GET_ASSETS_DATA_SUCCEED,\r\n MAP_GET_ASSETS_DATA_FAILED,\r\n MAP_LOAD_ASSETCLASS_SUCCEED,\r\n MAP_LOAD_ASSETCLASS_FAILED,\r\n MAP_GET_ASSETCLASS_ATTRIBUTE_SUCCEED,\r\n MAP_GET_ASSETCLASS_ATTRIBUTE_FAILED,\r\n MAP_CLEAR_ASSETCLASS_ATTRIBUTE,\r\n MAP_GET_THEME_SUCCEED,\r\n MAP_GET_THEME_FAILED,\r\n MAP_FILTER_ASSET_ATTRIBUTE_CHANGE,\r\n MAP_DEVICE_DATA,\r\n MAP_ASSET_DATA ,\r\n MAP_GET_DEVICE_GROUP_DATA_SUCCEED,\r\n MAP_GET_DEVICE_GROUP_DATA_FAILED, \r\n MAP_CLEAR_DEVICE_GROUP_DATA,\r\n MAP_GET_ASSET_GROUP_DATA_SUCCEED,\r\n MAP_GET_ASSET_GROUP_DATA_FAILED,\r\n MAP_CLEAR_ASSET_GROUP_DATA,\r\n MAP_FILTER_ASSET_GROUP_ATTRIBUTE_CHANGE,\r\n MAP_GET_DEVICE_BY_GROUP_SUCCEED,\r\n MAP_GET_DEVICE_BY_GROUP_FAILED,\r\n MAP_CLEAR_GROUP_DEVICES,\r\n MAP_REFRASH_STARTED,\r\n MAP_DEVICE_MAP_LOAD_CLEAR,\r\n} from '../../constants/actionTypes'\r\n\r\nconst initState = { \r\n types:[],\r\n groups:[],\r\n attr:[], \r\n mapData:[],\r\n map:{},\r\n test: '',\r\n assets:[],\r\n assetAttr: [],\r\n assetData: [],\r\n assetClass: [],\r\n assetClassAttr: [],\r\n deviceList: [],\r\n deviceid: '',\r\n deviceAttrList: [],\r\n themes: [],\r\n deviceGroupData: [],\r\n assetGroupData: [],\r\n groupDevices: [],\r\n dataType: '',\r\n loading: false,\r\n\r\n error:'0',\r\n message:'',\r\n status: '',\r\n type:'',\r\n}\r\n\r\nexport default function(state = initState, action){\r\n\r\n switch (action.type){\r\n case MAP_DEVICE_LOAD_SUCCEED:\r\n let data = action.payload.data;\r\n let newDevices = [];\r\n // \r\n data && data.map((item,i) => { \r\n newDevices.push({id: item.devicetypeid, name: item.devicetypename});\r\n });\r\n return Object.assign({}, state, {types: newDevices, status: action.type, error:'0'});\r\n \r\n case MAP_DEVICE_LOAD_FAILED:\r\n let error = action.error;\r\n return Object.assign({}, state, {error:'0', message: error, status: action.type});\r\n case MAP_DEVICE_ATTR_LOAD_SUCCEED:\r\n // \r\n // \r\n let attrData = action.data.data;\r\n // \r\n return {\r\n ...state,\r\n error: '0',\r\n attr: attrData,\r\n status: action.type,\r\n }\r\n case MAP_DEVICE_ATTR_LOAD_FAILED:\r\n // \r\n // \r\n let attrError = action.error;\r\n return{\r\n ...state,\r\n error: '1',\r\n message: attrError\r\n }\r\n case MAP_LOAD_DEVICE_ATTRIBUTE_SUCCEED:\r\n return {\r\n ...state,\r\n deviceAttrList: action.payload,\r\n error: 0,\r\n type: action.type\r\n }\r\n case MAP_LOAD_DEVICE_ATTRIBUTE_FAILED:\r\n let deviceAttrError = action.error;\r\n return{\r\n ...state,\r\n error: '1',\r\n message: deviceAttrError\r\n } \r\n case MAP_DEVICE_MAP_LOAD_SUCCEED:\r\n // \r\n // \r\n // let mapModifyData = [];\r\n // action.payload.data.map((item, i) => {\r\n // let obj = Object.assign({},item,{attributename: '', color: '#0000ff'});\r\n // mapModifyData.push(obj);\r\n // });\r\n return {\r\n ...state,\r\n error: '0',\r\n // mapData: action.payload.data\r\n // mapData: mapModifyData\r\n mapData: action.payload,\r\n status: action.type,\r\n dataType: MAP_DEVICE_DATA,\r\n loading: false,\r\n }\r\n case MAP_DEVICE_MAP_LOAD_CLEAR:\r\n return{\r\n ...state,\r\n error: '0',\r\n mapData: [],\r\n status: action.type,\r\n loading: false,\r\n }\r\n case MAP_DEVICE_MAP_LOAD_FAILED:\r\n return {\r\n ...state,\r\n mapData:[],\r\n error: '1',\r\n message: action.payload.error,\r\n status: action.type,\r\n loading: false,\r\n }\r\n case MAP_LOAD_ASSETS_SUCCEED:\r\n return{\r\n ...state,\r\n error: '0',\r\n assets: action.payload,\r\n status: action.type,\r\n }\r\n case MAP_LOAD_ASSETS_FAILED:\r\n return{\r\n ...state,\r\n error: '1',\r\n message: action.payload,\r\n status: action.type,\r\n }\r\n case MAP_LOAD_ASSET_ATTRIBUTE_SUCCEED:\r\n return{\r\n ...state,\r\n error: '0',\r\n assetAttr: action.payload,\r\n status: action.type,\r\n }\r\n case MAP_LOAD_ASSET_ATTRIBUTE_FAILED:\r\n return{\r\n ...state,\r\n error: '1',\r\n message: action.payload,\r\n status: action.type,\r\n }\r\n case \"aaaa\":\r\n return Object.assign({}, state, {test: action.data, status: action.type});\r\n\r\n case MAP_FILTER_ATTRIBUTE_CHANGE:\r\n return{\r\n ...state,\r\n mapData: action.payload,\r\n status: action.type,\r\n dataType: MAP_DEVICE_DATA,\r\n loading: false,\r\n }\r\n case MAP_REFRASH_STARTED:\r\n return{\r\n ...state,\r\n loading: true,\r\n }\r\n case MAP_GET_ASSETS_DATA_SUCCEED:\r\n return{\r\n ...state,\r\n assetData: JSON.parse(JSON.stringify(action.payload)), \r\n assetRawData: action.payload,\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n dataType: MAP_ASSET_DATA,\r\n loading: false,\r\n }\r\n case MAP_FILTER_ASSET_ATTRIBUTE_CHANGE:\r\n return{\r\n ...state,\r\n assetData: action.payload,\r\n status: action.type,\r\n dataType: MAP_ASSET_DATA,\r\n }\r\n case MAP_LOAD_ASSETCLASS_SUCCEED:\r\n return{\r\n ...state,\r\n assetClass: action.payload,\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n }\r\n case MAP_GET_ASSETCLASS_ATTRIBUTE_SUCCEED:\r\n return{\r\n ...state,\r\n assetClassAttr: action.payload,\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n } \r\n case MAP_CLEAR_ASSETCLASS_ATTRIBUTE:\r\n return{\r\n ...state,\r\n assetClassAttr: [],\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n } \r\n case MAP_GET_THEME_SUCCEED:\r\n return{\r\n ...state,\r\n themes: action.payload,\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n } \r\n case MAP_GET_DEVICE_GROUP_DATA_SUCCEED:\r\n return{\r\n ...state,\r\n deviceGroupData: action.payload,\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n loading: false,\r\n } \r\n case MAP_CLEAR_DEVICE_GROUP_DATA:\r\n return{\r\n ...state,\r\n deviceGroupData: [],\r\n error: '0',\r\n message:action.message,\r\n status: action.type,\r\n } \r\n case MAP_GET_ASSET_GROUP_DATA_SUCCEED:\r\n return{\r\n ...state,\r\n assetGroupData: action.payload,\r\n assetRawGroupData: JSON.parse(JSON.stringify(action.payload)), \r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n loading: false,\r\n } \r\n case MAP_CLEAR_ASSET_GROUP_DATA:\r\n return{\r\n ...state,\r\n assetGroupData: [],\r\n assetRawGroupData: [],\r\n error: '0',\r\n message:action.message,\r\n status: action.type,\r\n } \r\n case MAP_FILTER_ASSET_GROUP_ATTRIBUTE_CHANGE:\r\n return{\r\n ...state,\r\n assetGroupData: action.payload,\r\n status: action.type,\r\n dataType: MAP_ASSET_DATA,\r\n }\r\n case MAP_GET_DEVICE_BY_GROUP_SUCCEED:\r\n return{\r\n ...state,\r\n groupDevices: action.payload,\r\n error: '0',\r\n message:'',\r\n status: action.type,\r\n } \r\n case MAP_CLEAR_GROUP_DEVICES:\r\n return{\r\n ...state,\r\n groupDevices: [],\r\n error: '0',\r\n message:action.message,\r\n status: action.type,\r\n } \r\n case MAP_GET_DEVICE_BY_GROUP_FAILED:\r\n case MAP_GET_DEVICE_GROUP_DATA_FAILED:\r\n case MAP_GET_ASSET_GROUP_DATA_FAILED:\r\n case MAP_GET_THEME_FAILED:\r\n case MAP_GET_ASSETS_DATA_FAILED:\r\n case MAP_LOAD_ASSETCLASS_FAILED:\r\n case MAP_GET_ASSETCLASS_ATTRIBUTE_FAILED:\r\n return{\r\n ...state,\r\n error: '1',\r\n message:action.error,\r\n status: action.type,\r\n loading: false,\r\n }\r\n\r\n case DEVICE_ADD_ATTR_DEVICE:\r\n return {\r\n ...state,\r\n deviceList: addOrUpdateAttribute([...state.deviceList], action.payload.id, action.payload.data),\r\n error: 0,\r\n message: 'Updated Custom Attribute in a Device',\r\n type: action.type\r\n\r\n }\r\n case DEVICE_UPDATE_ATTR_DEVICE:\r\n return{\r\n ...state,\r\n deviceList: addOrUpdateAttribute([...state.deviceList], action.payload.id, action.payload.data),\r\n error: 0,\r\n message: 'Update Custom Attribute in a Device',\r\n type: action.type\r\n } \r\n default: \r\n return Object.assign({}, state);\r\n }\r\n}","/* eslint-disable */\r\n\r\nimport {\r\n MAP_FILTER_THEME_INPUT_BIND, \r\n MAP_FILTER_MESSAGE_TYPE_INPUT_BIND,\r\n MAP_FILTER_DEVICE_TYPE_INPUT_BIND, \r\n MAP_FILTER_FROM_INPUT_BIND,\r\n MAP_FILTER_TO_INPUT_BIND, \r\n MAP_FILTER_ATTRIBUTE_INPUT_BIND,\r\n MAP_FILTER_ASSETCLASS_INPUT_BIND\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n // currentDeviceTypeId:'5cf828390499f50b995ae851',\r\n // currentDeviceTypeId: \"0\",\r\n currentMessageTypeId:'',\r\n currentThemeId: 0,\r\n currentFromTime:'',\r\n currentToTime:'',\r\n currentAttributeId:'', \r\n currentAssetClassId: 2, \r\n}\r\n\r\nexport default function(state = initState, action){\r\n // alert('reducer out : ' + action.data);\r\n switch (action.type){\r\n case MAP_FILTER_THEME_INPUT_BIND:\r\n // alert('reducer in: ' + action.data);\r\n \r\n \r\n return {\r\n ...state,\r\n currentThemeId: action.data,\r\n }\r\n case MAP_FILTER_MESSAGE_TYPE_INPUT_BIND:\r\n return {\r\n ...state,\r\n currentMessageTypeId: action.data,\r\n }\r\n case MAP_FILTER_DEVICE_TYPE_INPUT_BIND:\r\n return {\r\n ...state,\r\n currentDeviceTypeId: action.data,\r\n }\r\n case MAP_FILTER_FROM_INPUT_BIND:\r\n return {\r\n ...state,\r\n currentFromTime: action.data,\r\n }\r\n case MAP_FILTER_TO_INPUT_BIND:\r\n return {\r\n ...state,\r\n currentToTime: action.data,\r\n }\r\n case MAP_FILTER_ATTRIBUTE_INPUT_BIND:\r\n return {\r\n ...state,\r\n currentAttributeId: action.data,\r\n }\r\n case MAP_FILTER_ASSETCLASS_INPUT_BIND:\r\n return{\r\n ...state,\r\n currentAssetClassId: action.data,\r\n }\r\n default: \r\n return Object.assign({}, state);\r\n }\r\n}","/* eslint-disable */\r\n\r\nimport {\r\n ASSET_LOAD_DEVICE_START,\r\n ASSET_LOAD_DEVICE_SUCCEED,\r\n ASSET_LOAD_DEVICE_FAILED,\r\n ASSET_LOAD_DEVMALIST_SUCCEED,\r\n ASSET_LOAD_DEVMAOPTION_SUCCEED,\r\n ASSET_LOAD_DEVMALIST_FAILED,\r\n ASSET_LOAD_CAMERA_LIST_SUCCEED,\r\n ASSET_LOAD_CAMERA_LIST_FAILED,\r\n ASSET_LOAD_SENSOR_LIST_SUCCEED,\r\n ASSET_LOAD_SENSOR_LIST_FAILED,\r\n ASSET_LOAD_ASSET_SUCCEED,\r\n ASSET_LOAD_ASSET_FAILED,\r\n ASSET_LOAD_CLASS_SUCCEED,\r\n ASSET_LOAD_CLASS_FAILED,\r\n ASSET_ADD_ASSET,\r\n ASSET_UPDATE_ASSET,\r\n ASSET_UPDATE_ONE_ASSET,\r\n ASSET_REMOVE_ASSET,\r\n ASSET_ADD_ASSET_CLASS,\r\n ASSET_UPDATE_ASSET_CLASS,\r\n ASSET_UPDATE_ONE_ASSET_CLASS,\r\n ASSET_REMOVE_ASSET_CLASS,\r\n ASSET_ADD_ATTR_ASSET_CLASS,\r\n ASSET_UPDATE_ATTR_ASSET_CLASS,\r\n ASSET_REMOVE_ATTR_ASSET_CLASS,\r\n ASSET_ADD_ATTR_ASSET,\r\n ASSET_UPDATE_ATTR_ASSET,\r\n ASSET_DELETE_ATTR_ASSET,\r\n ASSET_LOAD_ICON_SUCCEED,\r\n ASSET_LOAD_ICON_FAILED,\r\n GET_CALCULATE_ATTRIBUTE_SUCCESS,\r\n GET_CALCULATE_ATTRIBUTE_FAILED,\r\n GET_CALCULATE_RESULT_SUCCESS,\r\n GET_CALCULATE_RESULT_FAILED,\r\n GET_LATEST_CALCULATE_RESULT_SUCCESS,\r\n GET_LATEST_CALCULATE_RESULT_FAILED,\r\n ASSET_DELETE_ICON,\r\n} from '../../constants/actionTypes'\r\n\r\nconst initState = {\r\n currentDeviceTypeId: '',\r\n currentDeviceId: '',\r\n currentDeviceTypeList: [],\r\n currentDeviceList: [],\r\n currentDeviceDetailsList: [],\r\n calculatedAttributes: [],\r\n assetList: [],\r\n assetClassList: [],\r\n cameraList:[],\r\n sensorList:[],\r\n cameraList2:[],\r\n sensorList2:[],\r\n currentDeviceListLoading: false,\r\n iconList: [],\r\n calculatedResult: [],\r\n latestCalculateResult: {},\r\n currentAssetSelected: '',\r\n currentAssetClassSelected: '',\r\n\r\n error: 0,\r\n message: '',\r\n type: ''\r\n}\r\nexport default function (state = initState, action) {\r\n\r\n switch (action.type) {\r\n case ASSET_LOAD_DEVICE_START:\r\n\r\n return {\r\n ...state,\r\n currentDeviceListLoading: true,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case ASSET_LOAD_DEVICE_SUCCEED:\r\n return {\r\n ...state,\r\n currentDeviceListLoading: false,\r\n currentDeviceList: action.payload,\r\n error: 0,\r\n message: 'Device List Updated',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_DEVMAOPTION_SUCCEED:\r\n return {\r\n ...state,\r\n devmaLocation: action.payload?.location,\r\n devmaStatus:action.payload?.status,\r\n devmaNvr:action.payload?.nvr,\r\n error: 0,\r\n message: 'Device Mange Option Got',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_DEVMALIST_SUCCEED:\r\n\r\n // let locationSet = new Set();\r\n // let statusSet = new Set();\r\n // let nvrSet = new Set();\r\n // action.payload.forEach(item=>{\r\n // if(item.location){locationSet.add(item.location)}\r\n // if(item.status){statusSet.add(item.status)}\r\n // if(item.nvr){nvrSet.add(item.nvr)}\r\n // });\r\n // let locationArr = Array.from(locationSet);\r\n // let statusArr = Array.from(statusSet);\r\n // let nvrArr = Array.from(nvrSet);\r\n let cameraList = action.payload.filter(d=>d.type == \"camera\")\r\n let sensorList = action.payload.filter(d=>d.type == \"sensor\")\r\n\r\n return {\r\n ...state,\r\n cameraList: cameraList,\r\n sensorList: sensorList,\r\n error: 0,\r\n message: 'Successfully Get Device List',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_CAMERA_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n cameraList2: action.payload,\r\n error: 0,\r\n message: 'loaded the camera list',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_SENSOR_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n sensorList2: action.payload,\r\n error: 0,\r\n message: 'loaded the sensor list',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_ASSET_SUCCEED:\r\n return {\r\n ...state,\r\n assetList: action.payload,\r\n error: 0,\r\n message: 'Asset List Updated',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_CLASS_SUCCEED:\r\n return {\r\n ...state,\r\n assetClassList: action.payload,\r\n error: 0,\r\n message: 'Asset Class List Updated',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_DEVMALIST_FAILED:\r\n case ASSET_LOAD_ASSET_FAILED:\r\n case ASSET_LOAD_DEVICE_FAILED:\r\n case ASSET_LOAD_CLASS_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: action.payload,\r\n type: action.type\r\n }\r\n case ASSET_ADD_ASSET:\r\n return {\r\n ...state,\r\n assetList: assignNextIdToNewItemThenPushToList([...state.assetList], action.payload, 'assetid'),\r\n error: 0,\r\n message: 'Added asset to Asset List',\r\n type: action.type\r\n }\r\n case ASSET_ADD_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: assignNextIdToNewItemThenPushToList([...state.assetClassList], action.payload, 'id'),\r\n error: 0,\r\n message: 'Added Class to Asset Class List',\r\n type: action.type\r\n }\r\n case ASSET_UPDATE_ONE_ASSET:\r\n return {\r\n ...state,\r\n assetList: updateElemHavingId([...state.assetList], action.payload.assetid, action.payload.data, 'assetid'),\r\n error: 0,\r\n message: 'Updated One In Asset List',\r\n type: action.type\r\n }\r\n case ASSET_UPDATE_ONE_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: updateElemHavingId([...state.assetClassList], action.payload.id, action.payload.data, 'id'),\r\n error: 0,\r\n message: 'Updated One In Asset Class List',\r\n type: action.type\r\n }\r\n //////////////////////////////////////////////////////////////////////////////\r\n //////////////////////////////////////////////////////////////////////////////\r\n case ASSET_ADD_ATTR_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: addOrUpdateAttributeMeta([...state.assetClassList], action.payload.id, action.payload.data),\r\n error: 0,\r\n message: 'Added New Attribute in to an Asset Class',\r\n type: action.type\r\n }\r\n case ASSET_UPDATE_ATTR_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: addOrUpdateAttributeMeta([...state.assetClassList], action.payload.id, action.payload.data),\r\n error: 0,\r\n message: 'Updated Custom Attribute in an Asset Class',\r\n type: action.type\r\n }\r\n case ASSET_REMOVE_ATTR_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: removeAttributeHavingId([...state.assetClassList], action.payload.id, action.payload.attributemetaid)\r\n , error: 0,\r\n message: 'Deleted Custom Attribute in an Asset Class',\r\n type: action.type\r\n }\r\n case ASSET_ADD_ATTR_ASSET:\r\n return {\r\n ...state,\r\n assetList: addOrUpdateAttribute([...state.assetList], action.payload.id, action.payload.data),\r\n error: 0,\r\n message: 'Updated Custom Attribute in an Asset Class',\r\n type: action.type\r\n }\r\n case ASSET_UPDATE_ATTR_ASSET:\r\n return {\r\n ...state,\r\n assetList: addOrUpdateAttribute([...state.assetList], action.payload.id, action.payload.data),\r\n error: 0,\r\n message: 'Updated Custom Attribute in an Asset Class',\r\n type: action.type\r\n }\r\n case ASSET_DELETE_ATTR_ASSET:\r\n return {\r\n ...state,\r\n assetList: deleteAttribute([...state.assetList], action.payload.id, action.payload.attrid),\r\n error: 0,\r\n message: 'Updated Custom Attribute in an Asset Class',\r\n type: action.type\r\n }\r\n //////////////////////////////////////////////////////////////////////////////\r\n //////////////////////////////////////////////////////////////////////////////\r\n case ASSET_UPDATE_ASSET:\r\n return {\r\n ...state,\r\n assetList: action.payload,\r\n error: 0,\r\n message: 'Updated Asset List',\r\n type: action.type\r\n }\r\n case ASSET_UPDATE_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: action.payload,\r\n error: 0,\r\n message: 'Updated Asset Class List',\r\n type: action.type\r\n }\r\n case ASSET_REMOVE_ASSET:\r\n return {\r\n ...state,\r\n assetList: removeElemHavingId([...state.assetList], action.payload, 'assetid'),\r\n error: 0,\r\n message: 'Removed an asset from assetList',\r\n type: action.type\r\n }\r\n case ASSET_REMOVE_ASSET_CLASS:\r\n return {\r\n ...state,\r\n assetClassList: removeElemHavingId([...state.assetClassList], action.payload, 'id'),\r\n error: 0,\r\n message: 'Removed a Class from assetClassList',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_ICON_SUCCEED:\r\n return {\r\n ...state,\r\n iconList: action.payload,\r\n error: 0,\r\n message: 'Icon List Loaded',\r\n type: action.type\r\n }\r\n case ASSET_LOAD_ICON_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: 'Icon List Failed',\r\n type: action.type\r\n }\r\n case GET_CALCULATE_ATTRIBUTE_SUCCESS:\r\n return {\r\n ...state,\r\n calculatedAttributes: action.payload\r\n }\r\n case GET_CALCULATE_ATTRIBUTE_FAILED:\r\n return {\r\n ...state,\r\n calculatedAttributes: []\r\n }\r\n case GET_CALCULATE_RESULT_SUCCESS:\r\n return {\r\n ...state,\r\n calculatedResult: action.payload\r\n }\r\n case GET_CALCULATE_RESULT_FAILED:\r\n return {\r\n ...state,\r\n calculatedResult: []\r\n }\r\n case GET_LATEST_CALCULATE_RESULT_SUCCESS:\r\n return {\r\n ...state,\r\n latestCalculateResult: action.payload\r\n }\r\n case GET_LATEST_CALCULATE_RESULT_FAILED:\r\n return {\r\n ...state,\r\n latestCalculateResult: {}\r\n }\r\n case ASSET_DELETE_ICON:\r\n let newIconList = state.iconList.map(icon=>icon.iconid !== action.payload)\r\n return {\r\n ...state,\r\n iconList: newIconList,\r\n error: 0,\r\n message: 'Deleted Icon',\r\n type: action.type\r\n }\r\n\r\n default:\r\n return { ...state };\r\n }\r\n}\r\n\r\n// The following functions make a shallow copy of the state, only changing refs of the differences\r\n// between prev and new on each layer.\r\n//\r\n// Updating works similarily when updating innerAttribute val, shallow copies are made and only the refs of diff changed\r\nfunction addOrUpdateAttribute(list, id, attr) {\r\n return updateInnerItemData(\r\n list, id, 'assetid',\r\n attr, 'attributes', 'id')\r\n}\r\nfunction deleteAttribute(list, id, attrId) {\r\n return removeInnerItemWithId(\r\n list, id, 'assetid',\r\n attrId, 'attributes', 'id')\r\n}\r\nfunction addOrUpdateAttributeMeta(list, id, attr) {\r\n return updateInnerItemData(\r\n list, id, 'id',\r\n attr, 'attributeMetas', 'attributemetaid')\r\n}\r\nfunction removeAttributeHavingId(list, id, attrId) {\r\n return removeInnerItemWithId(\r\n list, id, 'id',\r\n attrId, 'attributeMetas', 'attributemetaid')\r\n}\r\n\r\n// The first 3 params are for finding the item in list (top layer) with id 'id'\r\n// Next 3 are for finding and updating/removing the inner item with key 'innerItemField', and with id key 'innerItemIdField'\r\n// 'data' is of form { id: ..., data: { ... } }\r\nfunction updateInnerItemData(list, id, idField, data, innerItemField, innerItemIdField) {\r\n let index = list.findIndex(l => l[idField] == id)\r\n let innerItem = { [innerItemField]: updateElemHavingId([...list[index][innerItemField]], data[innerItemIdField], data.data, innerItemIdField) }\r\n return updateElemHavingId(list, id, innerItem, idField)\r\n}\r\nfunction removeInnerItemWithId(list, id, idField, innerId, innerItemField, innerItemIdField) {\r\n let index = list.findIndex(l => l[idField] == id)\r\n let innerItem = { [innerItemField]: removeElemHavingId([...list[index][innerItemField]], innerId, innerItemIdField) }\r\n return updateElemHavingId(list, id, innerItem, idField)\r\n}\r\n\r\n// Unused, but can be used for a far less efficient but simpler 'lazy cloning'\r\nconst deepClone = (items) => items.map(item => Array.isArray(item) ? deepClone(item) : item);\r\n\r\n// Applies an action on a list 'list'\r\n// 1. By adding an item 'item'\r\n// 2. By modifying an item with id 'id' with 'item' data\r\n// 3. By deleting the item with id 'id'\r\n//\r\n// 'idField' refers to the id key\r\nfunction assignNextIdToNewItemThenPushToList(list, item, idField) {\r\n let nextIdFromGreatest = list.reduceRight((max, a) => Math.max(max, a[idField]), 0) + 1\r\n item = { [idField]: nextIdFromGreatest, ...item }\r\n list.push(item)\r\n return list\r\n}\r\nfunction updateElemHavingId(list, id, item, idField) {\r\n let index = list.findIndex(l => l[idField] == id)\r\n if (index == -1)\r\n return assignNextIdToNewItemThenPushToList(list, item, idField)\r\n list[index] = { ...list[index], ...item }\r\n return list\r\n}\r\nfunction removeElemHavingId(list, id, idField) {\r\n let index = list.findIndex(l => l[idField] == id)\r\n list.splice(index, 1)\r\n return list\r\n}","/* eslint-disable */\r\n\r\nimport { \r\n FENCE_LOAD_DEVICE_SUCCEED,\r\n FENCE_LOAD_DEVICE_FAILED,\r\n FENCE_LOAD_FENCE_SUCCEED,\r\n FENCE_LOAD_FENCE_FAILED,\r\n FENCE_UPDATE_FENCE_FAILED,\r\n FENCE_UPDATE_FENCE_SUCCEED,\r\n FENCE_DELETE_FENCE_SUCCEED,\r\n FENCE_DELETE_FENCE_FAILED,\r\n FENCE_TOGGLE_ERROR,\r\n FENCE_TOGGLE_SUCCESS,\r\n FENCE_MSG_TOGGLE_OFF,\r\n FENCE_MSG_TOGGLE_ON,\r\n FENCE_UPDATE_FENCE_OBJ_SUCCEED,\r\n FENCE_UPDATE_FENCE_OBJ_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n currentDeviceTypeId: '',\r\n currentDeviceId:'',\r\n currentDeviceTypeList:[],\r\n currentDeviceList:[],\r\n \r\n currentAssetList: [],\r\n currentAssetGroupList: [],\r\n\r\n fenceData: [],\r\n fenceObj: {},\r\n error: 0,\r\n message: '',\r\n type: '',\r\n successvisible: false,\r\n errorvisible: false,\r\n messagevisible: false,\r\n messagetype: '',\r\n}\r\n\r\nexport default function(state = initState, action){\r\n // \r\n switch(action.type){\r\n case FENCE_LOAD_DEVICE_SUCCEED:\r\n console.log(\"Fence Device\")\r\n console.log(action.payload)\r\n return {\r\n ...state,\r\n currentDeviceList: action.payload,\r\n error:0,\r\n message: 'SUCCESS',\r\n type: action.type\r\n }\r\n case FENCE_LOAD_DEVICE_FAILED:\r\n return{\r\n ...state,\r\n error: 1,\r\n message: action.payload,\r\n type: action.type\r\n }\r\n case FENCE_LOAD_FENCE_SUCCEED:\r\n \r\n \r\n return{\r\n ...state,\r\n fenceData: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: 'SUCCESS',\r\n }\r\n case FENCE_LOAD_FENCE_FAILED:\r\n return{\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type\r\n }\r\n case FENCE_UPDATE_FENCE_SUCCEED:\r\n return{\r\n ...state,\r\n // fenceData: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: 'SUCCESS ---',\r\n successvisible: true,\r\n messagevisible: true,\r\n messagetype: 'success',\r\n }\r\n case FENCE_UPDATE_FENCE_FAILED:\r\n return{\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n errorvisible: true,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case FENCE_DELETE_FENCE_SUCCEED:\r\n return{\r\n ...state,\r\n // fenceData: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: 'SUCCESS',\r\n successvisible: true,\r\n }\r\n case FENCE_UPDATE_FENCE_OBJ_SUCCEED:\r\n \r\n \r\n \r\n return{\r\n ...state,\r\n fenceObj: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: 'SUCCESS',\r\n successvisible: false,\r\n }\r\n case FENCE_UPDATE_FENCE_OBJ_FAILED: \r\n return{\r\n ...state,\r\n fenceObj: {},\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n errorvisible: false,\r\n }\r\n case FENCE_DELETE_FENCE_FAILED:\r\n return{\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n errorvisible: true,\r\n }\r\n case FENCE_TOGGLE_ERROR:\r\n return{\r\n ...state,\r\n errorvisible: false,\r\n }\r\n case FENCE_TOGGLE_SUCCESS:\r\n return{\r\n ...state,\r\n successvisible: false,\r\n }\r\n case FENCE_MSG_TOGGLE_OFF:\r\n return{\r\n ...state,\r\n messagevisible: false,\r\n }\r\n case FENCE_MSG_TOGGLE_ON:\r\n return{\r\n ...state,\r\n messagevisible: true,\r\n }\r\n default:\r\n return {...state};\r\n }\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport { \r\n RULE_LOAD_DEVICE_TYPE_SUCCEED,\r\n RULE_LOAD_DEVICE_TYPE_FAILED,\r\n RULE_LOAD_DEVICE_SUCCEED,\r\n RULE_LOAD_DEVICE_FAILED,\r\n RULE_GET_RULE_SUCCEED,\r\n RULE_GET_RULE_FAILED,\r\n RULE_UPSERT_RULE_SUCCEED,\r\n RULE_UPSERT_RULE_FAILED,\r\n RULE_DELETE_RULE_SUCCEED,\r\n RULE_DELETE_RULE_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n currentDeviceTypeId: '',\r\n currentDeviceId:'',\r\n currentDeviceTypeList:[],\r\n currentDeviceList:[],\r\n \r\n currentAssetList: [],\r\n currentAssetGroupList: [],\r\n \r\n error: 0,\r\n message: '',\r\n type: '',\r\n rules: [],\r\n}\r\n\r\nexport default function(state = initState, action){\r\n // \r\n // \r\n // \r\n switch(action.type){\r\n case RULE_LOAD_DEVICE_TYPE_SUCCEED: \r\n return {\r\n ...state,\r\n currentDeviceTypeList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type\r\n }\r\n case RULE_LOAD_DEVICE_TYPE_FAILED:\r\n return{\r\n ...state,\r\n error: 1,\r\n message: action.payload,\r\n type: action.type\r\n }\r\n case RULE_LOAD_DEVICE_SUCCEED:\r\n \r\n console.log(action.payload)\r\n return {\r\n ...state,\r\n currentDeviceList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type\r\n }\r\n case RULE_LOAD_DEVICE_FAILED:\r\n return{\r\n ...state,\r\n error: 2,\r\n message: action.payload,\r\n type: action.type\r\n }\r\n case RULE_GET_RULE_SUCCEED:\r\n return{\r\n ...state,\r\n rules: action.payload,\r\n error: 0, \r\n meessage: '', \r\n type: action.type\r\n }\r\n case RULE_GET_RULE_FAILED:\r\n return{\r\n ...state,\r\n rules: [],\r\n error: 1, \r\n meessage: action.error, \r\n type: action.type\r\n }\r\n\r\n case RULE_UPSERT_RULE_SUCCEED:\r\n return{\r\n ...state,\r\n rules: action.payload,\r\n error: 0, \r\n meessage: '', \r\n type: action.type\r\n }\r\n case RULE_UPSERT_RULE_FAILED:\r\n return{\r\n ...state,\r\n rules: [],\r\n error: 1, \r\n meessage: action.error, \r\n type: action.type\r\n }\r\n\r\n case RULE_DELETE_RULE_SUCCEED:\r\n return{\r\n ...state,\r\n rules: action.payload,\r\n error: 0, \r\n meessage: '', \r\n type: action.type\r\n }\r\n case RULE_DELETE_RULE_FAILED:\r\n return{\r\n ...state,\r\n rules: [],\r\n error: 1, \r\n meessage: action.error, \r\n type: action.type\r\n }\r\n default:\r\n return {...state};\r\n }\r\n}","/* eslint-disable */\r\nimport {\r\n GET_ALL_MODULES_STARTED,\r\n GET_ALL_MODULES_SUCCEED,\r\n GET_ALL_MODULES_FAILED,\r\n GET_ALL_GROUPS_STARTED,\r\n GET_ALL_GROUPS_SUCCEED,\r\n GET_ALL_GROUPS_FAILED,\r\n} from '../../../constants/actionTypes';//'../../const'\r\n\r\nconst initState = {\r\n loading: false,\r\n type: '',\r\n payload: '',\r\n groupType: '',\r\n groupLoading: false,\r\n groupPayload: [],\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n switch (action.type) {\r\n case GET_ALL_MODULES_STARTED:\r\n return {\r\n loading: true,\r\n type: GET_ALL_MODULES_STARTED\r\n };\r\n case GET_ALL_MODULES_SUCCEED:\r\n // for (let index in action.payload.data.data) {\r\n // action.payload.data.data[index]['user_role']= '';\r\n // action.payload.data.data[index]['user_group']= '';\r\n // }\r\n // return {\r\n // ...state,\r\n // loading: false,\r\n // type: GET_ALL_MODULES_SUCCEED,\r\n // payload: action.payload.data.data\r\n // };\r\n return {\r\n ...state,\r\n loading: false,\r\n type: GET_ALL_MODULES_SUCCEED,\r\n payload: action.payload\r\n };\r\n case GET_ALL_MODULES_FAILED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: GET_ALL_MODULES_FAILED,\r\n payload: action.payload\r\n };\r\n case GET_ALL_GROUPS_STARTED:\r\n return {\r\n groupLoading: true,\r\n groupType: GET_ALL_GROUPS_STARTED\r\n }\r\n case GET_ALL_GROUPS_SUCCEED:\r\n return{\r\n ...state,\r\n groupLoading: false,\r\n groupType: GET_ALL_GROUPS_SUCCEED,\r\n groupPayload: action.payload,\r\n }\r\n case GET_ALL_GROUPS_FAILED:\r\n return{\r\n ...state,\r\n groupLoading: false,\r\n groupType: GET_ALL_MODULES_FAILED,\r\n groupPayload: action.payload,\r\n }\r\n default:\r\n return state;\r\n }\r\n}","/* eslint-disable */\r\nimport {\r\n GET_USER_DATA_STARTED,\r\n GET_USER_DATA_SUCCEED,\r\n GET_USER_DATA_FAILED\r\n} from '../../../constants/actionTypes';//'../../const'\r\n\r\nconst initState = {\r\n loading: false,\r\n type: '',\r\n payload: ''\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n switch (action.type) {\r\n case GET_USER_DATA_STARTED:\r\n return {\r\n loading: true,\r\n type: GET_USER_DATA_STARTED\r\n };\r\n case GET_USER_DATA_SUCCEED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: GET_USER_DATA_SUCCEED,\r\n payload: action.payload.data.data\r\n };\r\n case GET_USER_DATA_FAILED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: GET_USER_DATA_FAILED,\r\n payload: action.payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}","/* eslint-disable */\r\nimport {\r\n SEARCH_USER_STARTED,\r\n SEARCH_USER_FAILED,\r\n SEARCH_USER_SUCCEED\r\n} from '../../../constants/actionTypes';//'../../const'\r\n\r\nconst initState = {\r\n loading: false,\r\n type: '',\r\n payload: ''\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n switch (action.type) {\r\n case SEARCH_USER_STARTED:\r\n return {\r\n loading: true,\r\n type: SEARCH_USER_STARTED\r\n };\r\n case SEARCH_USER_SUCCEED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: SEARCH_USER_SUCCEED,\r\n // payload: action.payload.data.data\r\n payload: action.payload\r\n };\r\n case SEARCH_USER_FAILED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: SEARCH_USER_FAILED,\r\n payload: action.payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}","/* eslint-disable */\r\nimport {\r\n SAVE_USER_DATA_STARTED,\r\n SAVE_USER_DATA_SUCCEED,\r\n SAVE_USER_DATA_FAILED,\r\n ADD_USER_DATA_STARTED,\r\n ADD_USER_DATA_SUCCEED,\r\n ADD_USER_DATA_FAILED,\r\n DELETE_USER_DATA_STARTED,\r\n DELETE_USER_DATA_SUCCEED,\r\n DELETE_USER_DATA_FAILED\r\n} from '../../../constants/actionTypes';//'../../const'\r\n\r\nconst initState = {\r\n loading: false,\r\n type: '',\r\n payload: ''\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n switch (action.type) {\r\n case SAVE_USER_DATA_STARTED:\r\n return {\r\n loading: true,\r\n type: SAVE_USER_DATA_STARTED\r\n };\r\n case SAVE_USER_DATA_SUCCEED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: SAVE_USER_DATA_SUCCEED,\r\n payload: action.payload\r\n };\r\n case SAVE_USER_DATA_FAILED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: SAVE_USER_DATA_FAILED,\r\n payload: action.payload\r\n };\r\n case ADD_USER_DATA_STARTED:\r\n return {\r\n loading: true,\r\n type: ADD_USER_DATA_STARTED\r\n };\r\n case ADD_USER_DATA_SUCCEED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: ADD_USER_DATA_SUCCEED,\r\n payload: action.payload\r\n };\r\n case ADD_USER_DATA_FAILED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: ADD_USER_DATA_FAILED,\r\n payload: action.payload\r\n };\r\n case DELETE_USER_DATA_STARTED:\r\n return {\r\n loading: true,\r\n type: DELETE_USER_DATA_STARTED\r\n };\r\n case DELETE_USER_DATA_SUCCEED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: DELETE_USER_DATA_SUCCEED,\r\n payload: action.payload\r\n };\r\n case DELETE_USER_DATA_FAILED:\r\n return {\r\n ...state,\r\n loading: false,\r\n type: DELETE_USER_DATA_FAILED,\r\n payload: action.payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}","/* eslint-disable */\r\nimport {\r\n ATTRI_MGMT_TOGGLE_ERROR,\r\n ATTRI_MGMT_TOGGLE_SUCCESS,\r\n ATTRI_MGMT_MSG_TOGGLE_OFF,\r\n ATTRI_MGMT_MSG_TOGGLE_ON,\r\n ATTRI_MGMT_GET_ATTRIBUTE_SUCCEED,\r\n ATTRI_MGMT_GET_ATTRIBUTE_FAILED,\r\n ATTRI_MGMT_POST_ATTRIBUTE_SUCCEED,\r\n ATTRI_MGMT_POST_ATTRIBUTE_FAILED,\r\n ATTRI_MGMT_DELETE_ATTRIBUTE_SUCCEED,\r\n ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED,\r\n ATTRI_MGMT_LOAD_DEVICETYPE_SUCCEED,\r\n ATTRI_MGMT_LOAD_DEVICETYPE_FAILED,\r\n ATTRI_MGMT_LOAD_ASSET_SUCCEED, \r\n ATTRI_MGMT_LOAD_ASSET_FAILED,\r\n ATTRI_MGMT_CLEAR_ATTRIBUTE,\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n currentAttribute: null, \r\n devicetypes: [],\r\n assets: [],\r\n attributes: [],\r\n error: 0,\r\n message: '',\r\n type: '',\r\n messagevisible: false,\r\n messagetype: '',\r\n}\r\n\r\nexport default function(state = initState, action){\r\n \r\n switch(action.type){\r\n case ATTRI_MGMT_MSG_TOGGLE_OFF:\r\n return {\r\n ...state,\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: '',\r\n }\r\n case ATTRI_MGMT_GET_ATTRIBUTE_SUCCEED:\r\n return {\r\n ...state,\r\n attributes: action.payload,\r\n error: 0,\r\n message: 'GET SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ATTRI_MGMT_GET_ATTRIBUTE_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ATTRI_MGMT_POST_ATTRIBUTE_SUCCEED:\r\n return {\r\n ...state,\r\n currentAttribute: action.payload,\r\n error: 0,\r\n message: 'UPSERT SUCCESS ---',\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'success',\r\n }\r\n case ATTRI_MGMT_POST_ATTRIBUTE_FAILED:\r\n return {\r\n ...state,\r\n error: 2,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ATTRI_MGMT_DELETE_ATTRIBUTE_SUCCEED:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: 'DELETE SUCCESS ---',\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'success',\r\n }\r\n case ATTRI_MGMT_CLEAR_ATTRIBUTE:\r\n return{\r\n ...state,\r\n attributes: [],\r\n error: 0,\r\n message: 'CLEAR SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED:\r\n return {\r\n ...state,\r\n error: 3,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ATTRI_MGMT_LOAD_DEVICETYPE_SUCCEED:\r\n return {\r\n ...state,\r\n devicetypes: action.payload,\r\n error: 0,\r\n message: 'DEVICETYPE LOAD SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ATTRI_MGMT_LOAD_DEVICETYPE_FAILED:\r\n return {\r\n ...state,\r\n error: 4,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ATTRI_MGMT_LOAD_ASSET_SUCCEED:\r\n return {\r\n ...state,\r\n assets: action.payload,\r\n error: 0,\r\n message: 'ASSET LOAD SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ATTRI_MGMT_LOAD_ASSET_FAILED:\r\n return {\r\n ...state,\r\n error: 5,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n default: \r\n return state;\r\n }\r\n}\r\n\r\n\r\n","/* eslint-disable */\r\nimport {\r\n ACTION_MGMT_MSG_TOGGLE_OFF,\r\n ACTION_MGMT_LOAD_ASSET_SUCCEED,\r\n ACTION_MGMT_LOAD_ASSET_FAILED,\r\n ACTION_MGMT_LOAD_ASSET_DEVICE_SUCCEED,\r\n ACTION_MGMT_LOAD_ASSET_DEVICE_FAILED,\r\n ACTION_MGMT_LOAD_ACTION_SUCCEED,\r\n ACTION_MGMT_LOAD_ACTION_FAILED,\r\n ACTION_GET_ACTIONS_SUCCEED,\r\n ACTION_GET_ACTIONS_FAILED,\r\n ACTION_SET_TELECOM_SUCCEED,\r\n ACTION_SET_TELECOM_FAILED,\r\n ACTION_GET_ACTION_RULE_SUCCEED,\r\n ACTION_GET_ACTION_RULE_FAILED,\r\n ACTION_CLEAR_ACTION_RULE,\r\n ACTION_GET_ACTION_BY_ID_SUCCEED,\r\n ACTION_GET_ACTIONS_BY_ID_FAILED,\r\n ACTION_GET_TELECOM_ACTION_BY_ID_SUCCEED,\r\n ACTION_GET_TELECOM_ACTION_BY_ID_FAILED,\r\n ACTION_CLEAR_ACTIONS_BY_ID,\r\n ACTION_UPSERT_ACTIONS_SUCCEED,\r\n ACTION_UPSERT_ACTIONS_FAILED,\r\n ACTION_UPSERT_ACTION_RULE_SUCCEED,\r\n ACTION_UPSERT_ACTION_RULE_FAILED,\r\n ACTION_GET_ACTION_ALERT_SUCCEED,\r\n ACTION_GET_ACTION_ALERT_FAILED,\r\n ACTION_CLEAR_ACTION_ALERT,\r\n ACTION_UPSERT_ACTION_ALERT_SUCCEED,\r\n ACTION_UPSERT_ACTION_ALERT_FAILED,\r\n ACTION_SET_ACTION_ID_SUCCEED,\r\n ACTION_DELETE_ACTIONS_SUCCEED,\r\n ACTION_DELETE_ACTIONS_FAILED,\r\n ACTION_GET_ACTION_LOG_SUCCEED,\r\n ACTION_GET_ACTION_LOG_FAILED,\r\n ACTION_GET_TEMPLATE_SUCCEED,\r\n ACTION_GET_TEMPLATE_FAILED,\r\n STEP_FORWARD,\r\n STEP_BACKWARD,\r\n STET_RESET,\r\n ACTION_GET_CONTACT_LIST_SUCCEED,\r\n ACTION_GET_CONTACT_LIST_FAILED,\r\n ACTION_GET_NOTIFICTION_TEMPLATE_LIST_SUCCEED,\r\n ACTION_GET_NOTIFICTION_TEMPLATE_LIST_FAILED,\r\n ACTION_GET_DASHBOARDSETTING_LIST_SUCCEED,\r\n ACTION_GET_DASHBOARDSETTING_LIST_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nimport { generateSelectOptions } from '../../factories/utils'\r\n\r\nconst initState = {\r\n actions: [],\r\n assets: [],\r\n assetdevices: [],\r\n actionLogs: [],\r\n templateList: [],\r\n error: 0,\r\n message: '',\r\n type: '',\r\n messagevisible: false,\r\n messagetype: '',\r\n activeStep: 0,\r\n actionId: 0,\r\n contactList: [],\r\n notificationTemplateList: [],\r\n dashBoardSettingList: [],\r\n actionInfo: [],\r\n actionAlert: [],\r\n}\r\n\r\nexport default function (state = initState, action) {\r\n\r\n switch (action.type) {\r\n case ACTION_MGMT_MSG_TOGGLE_OFF:\r\n return {\r\n ...state,\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: '',\r\n }\r\n case ACTION_MGMT_LOAD_ASSET_SUCCEED:\r\n\r\n let assetOptions = generateSelectOptions(action.payload, 'assetname', 'assetid');\r\n return {\r\n ...state,\r\n assets: assetOptions,\r\n error: 0,\r\n message: 'GET ASSET SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_MGMT_LOAD_ASSET_FAILED:\r\n\r\n return {\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ACTION_MGMT_LOAD_ASSET_DEVICE_SUCCEED:\r\n\r\n let deviceOptions = generateSelectOptions(action.payload, 'devicename', 'deviceid');\r\n return {\r\n ...state,\r\n assetdevices: deviceOptions,\r\n error: 0,\r\n message: 'GET ASSET DEVICES SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_MGMT_LOAD_ASSET_DEVICE_FAILED:\r\n return {\r\n ...state,\r\n error: 2,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ACTION_MGMT_LOAD_ACTION_SUCCEED:\r\n return {\r\n ...state,\r\n actions: action.payload,\r\n error: 0,\r\n message: 'GET ACTIONS SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_MGMT_LOAD_ACTION_FAILED:\r\n return {\r\n ...state,\r\n error: 3,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case ACTION_GET_ACTIONS_SUCCEED:\r\n return {\r\n ...state,\r\n actionList: action.payload,\r\n error: 0,\r\n message: 'GET ACTION LIST SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_ACTION_BY_ID_SUCCEED:\r\n return {\r\n ...state,\r\n actionInfo: action.payload,\r\n error: 0,\r\n message: 'GET ACTION INFO SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_TELECOM_ACTION_BY_ID_SUCCEED:\r\n case ACTION_GET_TELECOM_ACTION_BY_ID_FAILED:\r\n return {\r\n ...state,\r\n message: action.payload.message,\r\n }\r\n case ACTION_SET_TELECOM_SUCCEED:\r\n case ACTION_SET_TELECOM_FAILED:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n\r\n }\r\n case ACTION_CLEAR_ACTIONS_BY_ID:\r\n return {\r\n ...state,\r\n actionInfo: [],\r\n error: 0,\r\n message: 'CLEAR ACTION INFO SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_ACTION_RULE_SUCCEED:\r\n return {\r\n ...state,\r\n actionRules: action.payload,\r\n error: 0,\r\n message: 'GET ACTION RULE SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_CLEAR_ACTION_RULE:\r\n return {\r\n ...state,\r\n actionRules: [],\r\n error: 0,\r\n message: 'CLEAR ACTION RULE ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_UPSERT_ACTIONS_SUCCEED:\r\n return {\r\n ...state,\r\n activeStep: state.activeStep + 1,\r\n actionId: action.payload.actionid,\r\n error: 0,\r\n message: 'UPSERT ACTION SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_UPSERT_ACTION_RULE_SUCCEED:\r\n return {\r\n ...state,\r\n activeStep: state.activeStep + 1,\r\n // actionId: action.payload.actionid,\r\n error: 0,\r\n message: 'UPSERT ACTION RULE SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_ACTION_ALERT_SUCCEED:\r\n return {\r\n ...state,\r\n actionAlert: action.payload,\r\n // actionId: action.payload.actionid,\r\n error: 0,\r\n message: 'UPSERT ACTION RULE SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_CLEAR_ACTION_ALERT:\r\n return {\r\n ...state,\r\n actionAlert: [],\r\n // actionId: action.payload.actionid,\r\n error: 0,\r\n message: 'UPSERT ACTION RULE SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_UPSERT_ACTION_ALERT_SUCCEED:\r\n return {\r\n ...state,\r\n activeStep: state.activeStep + 1,\r\n // actionId: action.payload.actionid,\r\n error: 0,\r\n message: 'UPSERT ACTION ALERT SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_SET_ACTION_ID_SUCCEED:\r\n return {\r\n ...state,\r\n actionId: action.payload,\r\n error: 0,\r\n message: 'SET ACTION ID SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_DELETE_ACTIONS_SUCCEED:\r\n return {\r\n ...state,\r\n // actionList: action.payload,\r\n error: 0,\r\n message: 'DELETE ACTION LIST SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_ACTION_LOG_SUCCEED:\r\n return {\r\n ...state,\r\n actionLogs: action.payload,\r\n error: 0,\r\n message: 'GET ACTION LOG SUCCEED ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_TEMPLATE_SUCCEED:\r\n return {\r\n ...state,\r\n templateList: action.payload,\r\n error: 0,\r\n message: 'GET RULE TEMPLATES SUCCEED ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_CONTACT_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n contactList: action.payload, //add the payload to the contactList \r\n error: 0,\r\n message: 'GET RULE CONTACT LIST SUCCEED ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_NOTIFICTION_TEMPLATE_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n notificationTemplateList: action.payload,\r\n error: 0,\r\n message: 'GET NOTIFICATION TEMPLATE LIST SUCCEED ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_DASHBOARDSETTING_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n dashBoardSettingList: action.payload,\r\n error: 0,\r\n message: 'GET DASH BOARD SETTING TEMPLATE LIST SUCCEED ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_GET_NOTIFICTION_TEMPLATE_LIST_FAILED:\r\n case ACTION_GET_DASHBOARDSETTING_LIST_FAILED:\r\n case ACTION_GET_CONTACT_LIST_FAILED:\r\n case ACTION_GET_TEMPLATE_FAILED:\r\n case ACTION_GET_ACTION_LOG_FAILED:\r\n case ACTION_DELETE_ACTIONS_FAILED:\r\n case ACTION_UPSERT_ACTION_ALERT_FAILED:\r\n case ACTION_GET_ACTION_ALERT_FAILED:\r\n case ACTION_UPSERT_ACTION_RULE_FAILED:\r\n case ACTION_UPSERT_ACTIONS_FAILED:\r\n case ACTION_GET_ACTIONS_BY_ID_FAILED:\r\n case ACTION_GET_ACTIONS_FAILED:\r\n case ACTION_GET_ACTION_RULE_FAILED:\r\n return {\r\n ...state,\r\n error: 3,\r\n message: action.error,\r\n type: action.type,\r\n messagevisible: true,\r\n messagetype: 'danger',\r\n }\r\n case STEP_FORWARD:\r\n return {\r\n ...state,\r\n activeStep: state.activeStep + 1,\r\n }\r\n case STEP_BACKWARD:\r\n return {\r\n ...state,\r\n activeStep: state.activeStep - 1,\r\n }\r\n case STET_RESET:\r\n return {\r\n ...state,\r\n activeStep: 0,\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport { uniq } from \"lodash\";\r\nimport * as moment from \"moment\";\r\nimport uuid from \"uuid/v4\";\r\nimport {\r\n CLEAR_CLIENT_DATA,\r\n CLIENT_GET_BUSINESS_UNITS_FAILED,\r\n CLIENT_GET_BUSINESS_UNITS_SUCCESS,\r\n CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED,\r\n CLIENT_GET_BUSINESS_UNIT_RELATION_SUCCESS,\r\n COMPANY_GET_BRANDING_FAILED,\r\n COMPANY_GET_BRANDING_SUCCESS,\r\n COMPANY_GET_PAYMENT_ITEM_FAILED,\r\n COMPANY_GET_PAYMENT_ITEM_SUCCESS,\r\n COMPANY_MONERIS_ACCOUNT_FAILED,\r\n COMPANY_MONERIS_ACCOUNT_START,\r\n COMPANY_MONERIS_ACCOUNT_SUCCESS,\r\n COMPANY_PAYMENT_ADJUST_INVOICE_FAILED,\r\n COMPANY_PAYMENT_ADJUST_INVOICE_SUCCESS,\r\n COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n COMPANY_PAYMENT_HISTORY_FAILED,\r\n COMPANY_PAYMENT_HISTORY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED,\r\n COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_CLEAR,\r\n COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED,\r\n COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_DETAILS_FAILED,\r\n COMPANY_PAYMENT_INVOICE_DETAILS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_FAILED,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_FAILED,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_SUCCESS,\r\n COMPANY_PAYMENT_USAGE_REPORT_FAILED,\r\n COMPANY_PAYMENT_USAGE_REPORT_SUCCESS,\r\n COMPANY_SET_CURRENT_COMPANY_CODE,\r\n COMPANY_TRANSACTION_HISTORY_FAILED,\r\n COMPANY_TRANSACTION_HISTORY_SUCCESS,\r\n COMPANY_TRANSACTION_REFUND_FAILED,\r\n COMPANY_TRANSACTION_REFUND_SUCCESS,\r\n CONSUMER_ADD_FAILED,\r\n CONSUMER_ADD_SUCCESS,\r\n CONSUMER_GET_FAILED,\r\n CONSUMER_GET_PLAN_USAGE_FAILED,\r\n CONSUMER_GET_PLAN_USAGE_SUCCESS,\r\n CONSUMER_GET_SUCCESS,\r\n CUSTOMER_COMPANY_GET_FAILED,\r\n CUSTOMER_COMPANY_GET_SUCCESS,\r\n CUSTOMER_GET_ORDERS_FAILED,\r\n CUSTOMER_GET_ORDERS_SUCCESS,\r\n GET_ACTIVATED_SIM_DASHBOARD_FAILED,\r\n GET_ACTIVATED_SIM_DASHBOARD_START,\r\n GET_ACTIVATED_SIM_DASHBOARD_SUCCESS,\r\n GET_CARRIER_LIST_FAILED,\r\n GET_CARRIER_LIST_SUCCESS,\r\n GET_IDENTIFIER_USAGE_DATA_FAILED,\r\n GET_IDENTIFIER_USAGE_DATA_START,\r\n GET_IDENTIFIER_USAGE_DATA_SUCCESS,\r\n GET_PLAN_USAGE_DATA_FAILED,\r\n GET_PLAN_USAGE_DATA_START,\r\n GET_PLAN_USAGE_DATA_SUCCESS,\r\n GET_PROMOTE_FAILED,\r\n GET_PROMOTE_SUCCESS,\r\n GET_TOTAL_USAGE_FAILE,\r\n GET_TOTAL_USAGE_START,\r\n GET_TOTAL_USAGE_SUCCESS,\r\n MULTI_USER_ADD_FAILED,\r\n MULTI_USER_ADD_SUCCESS,\r\n ORDER_ADJUSTMENT_CLEAR,\r\n ORDER_ADJUSTMENT_GET_FAILED,\r\n ORDER_ADJUSTMENT_GET_SUCCESS,\r\n PAYMENT_ORDER_GET_ADDRESS_FAILED,\r\n PAYMENT_ORDER_GET_ADDRESS_SUCCESS,\r\n RESELLER_SET_ITEM_FAILED,\r\n RESELLER_SET_ITEM_SUCCEED,\r\n RESELLER_SET_SPECIAL_LINE_FAILED,\r\n RESELLER_SET_SPECIAL_LINE_SUCCEED,\r\n SET_PROMOTE_FAILED,\r\n SET_PROMOTE_SUCCESS,\r\n USER_ADD_ASSETCLASS_LIST_FAILED,\r\n USER_ADD_ASSETCLASS_LIST_SUCCESS,\r\n USER_ADD_DEVICETYPE_LIST_FAILED,\r\n USER_ADD_DEVICETYPE_LIST_SUCCESS,\r\n USER_ADD_FAILED,\r\n USER_ADD_SUCCESS,\r\n USER_CHECK_ASSETCLASS_LIST_FAILED,\r\n USER_CHECK_ASSETCLASS_LIST_SUCCESS,\r\n USER_CHECK_DEVICETYPE_LIST_FAILED,\r\n USER_CHECK_DEVICETYPE_LIST_SUCCESS,\r\n USER_DELETE_COMPANY_OBJ_FAILED,\r\n USER_DELETE_COMPANY_OBJ_SUCCESS,\r\n USER_DISABLE_RESELLER_OBJ_FAILED,\r\n USER_DISABLE_RESELLER_OBJ_SUCCESS,\r\n USER_FORGET_PASSWORD_FAILED,\r\n USER_FORGET_PASSWORD_NOT_ALLOWED,\r\n USER_FORGET_PASSWORD_NOT_FOUND,\r\n USER_FORGET_PASSWORD_SUCCESS,\r\n USER_GET_ACCOUNT_LIST_SUCCESS,\r\n USER_GET_ALL_COMPANIES_FAILED,\r\n USER_GET_ALL_COMPANIES_SUCCESS,\r\n USER_GET_ALL_RESELLER_FAILED,\r\n USER_GET_ALL_RESELLER_SUCCESS,\r\n USER_GET_CARRIER_LIST_FAILED,\r\n USER_GET_CARRIER_LIST_SUCCESS,\r\n USER_GET_COMPANT_LIST_FAILED,\r\n USER_GET_COMPANY_ASSET_CLASS_FAILED,\r\n USER_GET_COMPANY_ASSET_CLASS_SUCCESS,\r\n USER_GET_COMPANY_DEVICE_TYPES_FAILED,\r\n USER_GET_COMPANY_DEVICE_TYPES_SUCCESS,\r\n USER_GET_COMPANY_LIST_SUCCESS,\r\n USER_GET_COMPANY_OBJ_FAILED,\r\n USER_GET_COMPANY_OBJ_SUCCESS,\r\n USER_GET_COUNTRY_LIST_SUCCESS,\r\n USER_GET_FAILED,\r\n USER_GET_PAGE_CONTENT_FAILED,\r\n USER_GET_PAGE_CONTENT_SUCCESS,\r\n USER_GET_PAYMENT_ACCOUNT_LIST_SUCCESS,\r\n USER_GET_PLAN_ITEMS_SUCCESS,\r\n USER_GET_PROVINCE_LIST_SUCCESS,\r\n USER_GET_RESELLER_LIST_FAILED,\r\n USER_GET_RESELLER_LIST_SUCCESS,\r\n USER_GET_ROLES_FAILED,\r\n USER_GET_ROLES_SUCCESS,\r\n USER_GET_SIM_SERVICE_PLAN_FAILED,\r\n USER_GET_SIM_SERVICE_PLAN_SUCCESS,\r\n USER_GET_SUCCESS,\r\n USER_LOGIN_FAILED,\r\n USER_LOGIN_SUCESS,\r\n USER_REMOVE_FAILED,\r\n USER_REMOVE_SUCCESS,\r\n USER_RESET_PASSWORD_FAILED,\r\n USER_RESET_PASSWORD_SUCCESS,\r\n USER_UPDATE_COMPANY_OBJ_FAILED,\r\n USER_UPDATE_COMPANY_OBJ_SUCCESS,\r\n USER_UPDATE_FAILED,\r\n USER_UPDATE_PAYMENT_ACCOUNT_FAILED,\r\n USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS,\r\n USER_UPDATE_RESELLER_OBJ_FAILED,\r\n USER_UPDATE_RESELLER_OBJ_SUCCESS,\r\n USER_UPDATE_SUCCESS,\r\n WEB_SERVICE_GET_SPECIAL_LINE_FAILED,\r\n WEB_SERVICE_GET_SPECIAL_LINE_SUCCESS,\r\n GET_USER_ACTIVITY_TRACKING_SUCCEED,\r\n GET_USER_ACTIVITY_TRACKING_FAILED\r\n} from \"../../constants/actionTypes\";\r\n\r\nconst initState = {\r\n currentUser: {},\r\n pageContentList: [],\r\n userList: [],\r\n addressList: [],\r\n userAssetClassList: [],\r\n consumerList: [],\r\n consumerPlanUsageList: [],\r\n userDeviceTypeList: [],\r\n companyList: [],\r\n resellerList: [],\r\n companyAll: [],\r\n planItemsAll: [],\r\n ServicePlanList: [],\r\n specialLineList: [],\r\n companyObj: null,\r\n companyDevicetypeList: [],\r\n companyAssetClassList: [],\r\n roleList: [],\r\n countryList: [],\r\n provinceList: [],\r\n provinceMap: new Map(),\r\n isAuthenticated: false,\r\n error: 0,\r\n message: \"\",\r\n type: \"\",\r\n accountList: [],\r\n transactionHistory: [],\r\n purchaseDeviceList: [],\r\n purchaseItemList: [],\r\n purchaseOrder: {},\r\n paymentHistory: {},\r\n paymentInvoice: {},\r\n monerisStatus: 0,\r\n monerisStart: false,\r\n customerObj: null,\r\n adjustmentList: [],\r\n carrierList: [],\r\n carrierPlanList: [],\r\n discountList: [],\r\n dashboardActivatedSimList: [],\r\n dashboardActivatedSimTotalElement: 0,\r\n dashboardPlanUsageData: [],\r\n dashboardIdentifierUsageData: [],\r\n paymentAccountList: [],\r\n paymentInvoicePendingDetails: {},\r\n generalLedgerCodes: [],\r\n generalLedgerCodeUsageReasons: [],\r\n usageReportList: [],\r\n forgetPasswordMessage: \"\",\r\n resetPasswordMessage: \"\",\r\n branding: null,\r\n BUCountryList: [],\r\n BULOBList: [],\r\n BUDivisionList: [],\r\n BURelationshipList: [],\r\n dashboardActivatedSimListLoading: false,\r\n totalUsage: 0,\r\n userActivityTrackingList :[]\r\n};\r\n\r\nexport default function(state = initState, action) {\r\n //\r\n //\r\n // alert(action.type);\r\n switch (action.type) {\r\n case USER_LOGIN_SUCESS:\r\n if (!action.payload) {\r\n return {\r\n ...state,\r\n error: 1,\r\n isAuthenticated: false,\r\n message: \"Failed to get the user login info\",\r\n type: action.type,\r\n };\r\n }\r\n sessionStorage.setItem(\"currentUser\", action.payload.userName);\r\n sessionStorage.setItem(\"email\", action.payload.userName);\r\n sessionStorage.setItem(\"companyCode\", action.payload.companyCode);\r\n sessionStorage.setItem(\"department\", action.payload.department);\r\n sessionStorage.setItem(\"businessUnit\", action.payload.businessUnit);\r\n sessionStorage.setItem(\"network\", action.payload.network);\r\n sessionStorage.setItem(\"currentUserObj\", JSON.stringify(action.payload));\r\n sessionStorage.setItem(\"isAuthenticated\", true);\r\n sessionStorage.setItem(\"jToken\", action.token);\r\n return {\r\n ...state,\r\n currentUser: action.payload,\r\n isAuthenticated: true,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_LOGIN_FAILED:\r\n sessionStorage.setItem(\"currentUser\", null);\r\n sessionStorage.setItem(\"email\", null);\r\n sessionStorage.setItem(\"companyCode\", null);\r\n sessionStorage.setItem(\"department\", null);\r\n sessionStorage.setItem(\"businessUnit\", null);\r\n sessionStorage.setItem(\"network\", null);\r\n sessionStorage.setItem(\"currentUserObj\", null);\r\n sessionStorage.setItem(\"isAuthenticated\", false);\r\n sessionStorage.setItem(\"jToken\", null);\r\n return {\r\n ...state,\r\n error: 1,\r\n isAuthenticated: false,\r\n message: action.message,\r\n type: action.type,\r\n };\r\n case USER_UPDATE_SUCCESS:\r\n if (!action.payload) {\r\n return {\r\n ...state,\r\n error: 1,\r\n message: \"Failed to get the user login info\",\r\n type: action.type,\r\n };\r\n }\r\n // sessionStorage.setItem('currentUser', action.payload.userName);\r\n return {\r\n ...state,\r\n currentUser: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_ADD_SUCCESS:\r\n case CONSUMER_ADD_SUCCESS:\r\n case USER_REMOVE_SUCCESS:\r\n if (!action.payload) {\r\n return {\r\n ...state,\r\n error: 1,\r\n message: \"Failed to get the user login info\",\r\n type: action.type,\r\n };\r\n }\r\n // sessionStorage.setItem('currentUser', action.payload.userName);\r\n return {\r\n ...state,\r\n // currentUser: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case MULTI_USER_ADD_SUCCESS:\r\n return {\r\n ...state,\r\n multiAddUserDetail: action.payload,\r\n };\r\n case MULTI_USER_ADD_FAILED:\r\n return {\r\n ...state,\r\n multiAddUserDetail: action.payload,\r\n };\r\n case USER_GET_SUCCESS:\r\n return {\r\n ...state,\r\n userList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case CONSUMER_GET_SUCCESS:\r\n return {\r\n ...state,\r\n consumerList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_CHECK_ASSETCLASS_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n userAssetClassList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_CHECK_DEVICETYPE_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n userDeviceTypeList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n\r\n case USER_CHECK_ASSETCLASS_LIST_FAILED:\r\n return {\r\n ...state,\r\n userAssetClassList: null,\r\n error: 1,\r\n message: action.message,\r\n type: action.type,\r\n };\r\n case USER_CHECK_DEVICETYPE_LIST_FAILED:\r\n return {\r\n ...state,\r\n userDeviceTypeList: null,\r\n error: 1,\r\n message: action.message,\r\n type: action.type,\r\n };\r\n case USER_ADD_ASSETCLASS_LIST_SUCCESS:\r\n case USER_ADD_DEVICETYPE_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n\r\n case USER_GET_COMPANY_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n companyList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_CARRIER_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n carrierList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_RESELLER_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n resellerList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_ROLES_SUCCESS:\r\n return {\r\n ...state,\r\n roleList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_COMPANY_DEVICE_TYPES_SUCCESS:\r\n return {\r\n ...state,\r\n companyDevicetypeList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_COMPANY_ASSET_CLASS_SUCCESS:\r\n return {\r\n ...state,\r\n companyAssetClassList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_COMPANY_DEVICE_TYPES_FAILED:\r\n return {\r\n ...state,\r\n companyDevicetypeList: [],\r\n error: 1,\r\n message: action.message,\r\n type: action.type,\r\n };\r\n case USER_GET_COMPANY_ASSET_CLASS_FAILED:\r\n return {\r\n ...state,\r\n companyAssetClassList: [],\r\n error: 1,\r\n message: action.message,\r\n type: action.type,\r\n };\r\n case USER_GET_COMPANY_OBJ_SUCCESS:\r\n return {\r\n ...state,\r\n companyObj: action.payload[0],\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_UPDATE_COMPANY_OBJ_SUCCESS:\r\n return {\r\n ...state,\r\n companyObj: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case GET_TOTAL_USAGE_START:\r\n return {\r\n ...state,\r\n totalUsage: 0,\r\n };\r\n case GET_TOTAL_USAGE_FAILE:\r\n return {\r\n ...state,\r\n totalUsage: 0,\r\n };\r\n case GET_TOTAL_USAGE_SUCCESS:\r\n return {\r\n ...state,\r\n totalUsage: action.payload.summary,\r\n };\r\n case USER_DELETE_COMPANY_OBJ_SUCCESS:\r\n return {\r\n ...state,\r\n companyObj: null,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_COUNTRY_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n countryList: action.payload,\r\n provinceMap: action.provinces,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_PROVINCE_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n provinceList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_ACCOUNT_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n accountList: action.payload.payment,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_PAYMENT_ACCOUNT_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n paymentAccountList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS:\r\n return {\r\n ...state,\r\n message: \"\",\r\n };\r\n case USER_UPDATE_PAYMENT_ACCOUNT_FAILED:\r\n return {\r\n ...state,\r\n message: \"\",\r\n };\r\n case USER_GET_ALL_COMPANIES_SUCCESS:\r\n return {\r\n ...state,\r\n companyAll: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_SIM_SERVICE_PLAN_SUCCESS:\r\n return {\r\n ...state,\r\n ServicePlanList: action.payload.plans,\r\n };\r\n\r\n case USER_GET_SIM_SERVICE_PLAN_FAILED:\r\n return {\r\n ...state,\r\n ServicePlanList: [],\r\n };\r\n case WEB_SERVICE_GET_SPECIAL_LINE_SUCCESS:\r\n return {\r\n ...state,\r\n specialLineList: action.payload.resellerConfigs,\r\n };\r\n\r\n case WEB_SERVICE_GET_SPECIAL_LINE_FAILED:\r\n return {\r\n ...state,\r\n specialLineList: [],\r\n };\r\n\r\n case USER_GET_PLAN_ITEMS_SUCCESS:\r\n return {\r\n ...state,\r\n planItemsAll: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case USER_GET_ALL_COMPANIES_FAILED:\r\n case USER_DELETE_COMPANY_OBJ_FAILED:\r\n case USER_UPDATE_COMPANY_OBJ_FAILED:\r\n case USER_GET_COMPANY_OBJ_FAILED:\r\n case USER_GET_ROLES_FAILED:\r\n case USER_GET_COMPANT_LIST_FAILED:\r\n case USER_ADD_FAILED:\r\n case CONSUMER_ADD_FAILED:\r\n case USER_UPDATE_FAILED:\r\n case USER_GET_CARRIER_LIST_FAILED:\r\n case USER_ADD_FAILED:\r\n case CONSUMER_ADD_FAILED:\r\n case USER_UPDATE_FAILED:\r\n case USER_REMOVE_FAILED:\r\n case USER_GET_FAILED:\r\n case CONSUMER_GET_FAILED:\r\n case USER_GET_RESELLER_LIST_FAILED:\r\n case USER_ADD_ASSETCLASS_LIST_FAILED:\r\n case USER_ADD_DEVICETYPE_LIST_FAILED:\r\n // case USER_CHECK_ASSETCLASS_LIST_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: action.message,\r\n type: action.type,\r\n };\r\n case COMPANY_GET_PAYMENT_ITEM_SUCCESS:\r\n return {\r\n ...state,\r\n purchaseDeviceList: action.payload.deviceList,\r\n purchaseItemList: action.payload.itemList,\r\n error: 0,\r\n type: action.type,\r\n };\r\n case COMPANY_GET_PAYMENT_ITEM_FAILED:\r\n return {\r\n ...state,\r\n purchaseDeviceList: [],\r\n purchaseItemList: [],\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_CHECKOUT_SUCCESS:\r\n return {\r\n ...state,\r\n purchaseOrder: action.payload,\r\n error: 0,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_CHECKOUT_FAILED:\r\n return {\r\n ...state,\r\n purchaseOrder: {},\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_TRANSACTION_REFUND_SUCCESS:\r\n return {\r\n ...state,\r\n error: 0,\r\n };\r\n case COMPANY_TRANSACTION_REFUND_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n };\r\n case COMPANY_TRANSACTION_HISTORY_SUCCESS:\r\n return {\r\n ...state,\r\n transactionHistory: action.payload,\r\n error: 0,\r\n };\r\n case COMPANY_TRANSACTION_HISTORY_FAILED:\r\n return {\r\n ...state,\r\n transactionHistory: [],\r\n error: 1,\r\n };\r\n case COMPANY_PAYMENT_HISTORY_SUCCESS:\r\n return {\r\n ...state,\r\n paymentHistory: action.payload,\r\n error: 0,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_HISTORY_FAILED:\r\n return {\r\n ...state,\r\n paymentHistory: {},\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_SUCCESS:\r\n return {\r\n ...state,\r\n paymentInvoice: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_CLEAR:\r\n return {\r\n ...state,\r\n paymentInvoice: {},\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_FAILED:\r\n return {\r\n ...state,\r\n paymentInvoice: {},\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_DETAILS_SUCCESS:\r\n return {\r\n ...state,\r\n paymentInvoiceDetails: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_DETAILS_FAILED:\r\n return {\r\n ...state,\r\n paymentInvoiceDetails: {},\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS:\r\n /* Perform enhancements such as date formatting */\r\n for (let m = 0; m < action.payload.generalLedgerCodes.length; m++) {\r\n const generalLedgerCode = action.payload.generalLedgerCodes[m];\r\n generalLedgerCode.createdAtFormatted = moment(\r\n generalLedgerCode.createdAt\r\n ).format(\"MM/DD/YYYY\");\r\n }\r\n\r\n return {\r\n ...state,\r\n generalLedgerCodes: action.payload.generalLedgerCodes,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED:\r\n return {\r\n ...state,\r\n generalLedgerCodes: [...state.generalLedgerCodes],\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_SUCCESS:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n paymentInvoicePendingDetails: {\r\n ...state.paymentInvoicePendingDetails,\r\n [action.payload.invoiceInfoOrderList.invInfo.invId]: {\r\n ...state.paymentInvoicePendingDetails[\r\n action.payload.invoiceInfoOrderList.invInfo.invId\r\n ],\r\n approvalStatus:\r\n action.payload.invoiceInfoOrderList.invInfo.approvalStatus,\r\n adjustmentStatus:\r\n action.payload.invoiceInfoOrderList.invInfo.adjustmentStatus,\r\n statusDesc: action.payload.invoiceInfoOrderList.invInfo.statusDesc,\r\n },\r\n },\r\n };\r\n case COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS:\r\n for (let m = 0; m < action.payload.generalLedgerCodeUsages.length; m++) {\r\n const generalLedgerCodeUsage =\r\n action.payload.generalLedgerCodeUsages[m];\r\n generalLedgerCodeUsage.amount = parseFloat(\r\n generalLedgerCodeUsage.amount\r\n ).toFixed(2);\r\n generalLedgerCodeUsage.listItemIndex = m;\r\n generalLedgerCodeUsage.operationsIndex = uuid();\r\n generalLedgerCodeUsage.operationsEdit = true;\r\n generalLedgerCodeUsage.operationsDelete = true;\r\n generalLedgerCodeUsage.generalLedgerCodeStr = state.generalLedgerCodes.filter(\r\n (code) => code.id === generalLedgerCodeUsage.codeId\r\n )[0].generalLedgerCode;\r\n generalLedgerCodeUsage.reason = state.generalLedgerCodeUsageReasons.filter(\r\n (reason) => reason.id === generalLedgerCodeUsage.reasonId\r\n )[0].reason;\r\n generalLedgerCodeUsage.department = state.BUDivisionList.filter(\r\n (department) =>\r\n department.divisionId === generalLedgerCodeUsage.divisionId\r\n )[0].name;\r\n generalLedgerCodeUsage.amountFormatted = `$${generalLedgerCodeUsage.amount}`;\r\n generalLedgerCodeUsage.createdAtFormatted = moment(\r\n generalLedgerCodeUsage.createdAt\r\n ).format(\"MM/DD/YYYY\");\r\n }\r\n\r\n return {\r\n ...state,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n paymentInvoicePendingDetails: {\r\n ...state.paymentInvoicePendingDetails,\r\n [action.payload.invoiceId]: {\r\n ...state.paymentInvoicePendingDetails[action.payload.invoiceId],\r\n miscellaneous: action.payload.generalLedgerCodeUsages,\r\n },\r\n },\r\n };\r\n // case COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED:\r\n // case COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED:\r\n // return {\r\n // ...state,\r\n // error: 1,\r\n // message: action.error,\r\n // type: action.type,\r\n // }\r\n case COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS:\r\n /* Perform enhancements such as date formatting */\r\n for (\r\n let m = 0;\r\n m < action.payload.generalLedgerCodeUsageReasons.length;\r\n m++\r\n ) {\r\n const generalLedgerCodeReason =\r\n action.payload.generalLedgerCodeUsageReasons[m];\r\n generalLedgerCodeReason.createdAtFormatted = moment(\r\n generalLedgerCodeReason.createdAt\r\n ).format(\"MM/DD/YYYY\");\r\n }\r\n\r\n return {\r\n ...state,\r\n generalLedgerCodeUsageReasons:\r\n action.payload.generalLedgerCodeUsageReasons,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED:\r\n return {\r\n ...state,\r\n generalLedgerCodeUsageReasons: [...state.generalLedgerCodeUsageReasons],\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_PAYMENT_USAGE_REPORT_SUCCESS:\r\n return {\r\n ...state,\r\n usageReportList: action.payload,\r\n };\r\n case COMPANY_PAYMENT_USAGE_REPORT_FAILED:\r\n return {\r\n ...state,\r\n usageReportList: [],\r\n };\r\n case COMPANY_PAYMENT_ADJUST_INVOICE_SUCCESS:\r\n return {\r\n ...state,\r\n message: action.payload.statusDetail,\r\n };\r\n case COMPANY_PAYMENT_ADJUST_INVOICE_FAILED:\r\n return {\r\n ...state,\r\n message: action.payload.statusDetail,\r\n };\r\n case COMPANY_MONERIS_ACCOUNT_START:\r\n return {\r\n ...state,\r\n monerisStart: true,\r\n type: action.type,\r\n };\r\n case COMPANY_MONERIS_ACCOUNT_SUCCESS:\r\n return {\r\n ...state,\r\n accountList: action.payload.accList,\r\n monerisStart: false,\r\n monerisStatus: action.payload.statusCode,\r\n monerisMessage: action.payload.message,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case COMPANY_MONERIS_ACCOUNT_FAILED:\r\n return {\r\n ...state,\r\n // accountList: action.payload,\r\n monerisStart: false,\r\n monerisStatus: 1,\r\n monerisMessage: action.error,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case COMPANY_SET_CURRENT_COMPANY_CODE:\r\n return {\r\n ...state,\r\n currentCompanyCode: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case CUSTOMER_COMPANY_GET_SUCCESS:\r\n return {\r\n ...state,\r\n customerObj: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case CUSTOMER_COMPANY_GET_FAILED:\r\n return {\r\n ...state,\r\n customerObj: null,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case CUSTOMER_GET_ORDERS_SUCCESS:\r\n return {\r\n ...state,\r\n orderList: action.payload,\r\n error: 0,\r\n message: \"\",\r\n type: action.type,\r\n };\r\n case CUSTOMER_GET_ORDERS_FAILED:\r\n return {\r\n ...state,\r\n orderList: [],\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case ORDER_ADJUSTMENT_GET_SUCCESS:\r\n return {\r\n ...state,\r\n adjustmentList: action.payload,\r\n error: 0,\r\n message: \"got adjustment list\",\r\n type: action.type,\r\n };\r\n case ORDER_ADJUSTMENT_GET_FAILED:\r\n return {\r\n ...state,\r\n adjustmentList: [],\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n case ORDER_ADJUSTMENT_CLEAR:\r\n return {\r\n ...state,\r\n adjustmentList: [],\r\n error: 0,\r\n message: \"clear adjustment list\",\r\n type: action.type,\r\n };\r\n case USER_UPDATE_RESELLER_OBJ_SUCCESS:\r\n case USER_UPDATE_RESELLER_OBJ_FAILED:\r\n return {\r\n ...state,\r\n message: action.message,\r\n };\r\n case USER_DISABLE_RESELLER_OBJ_SUCCESS:\r\n case USER_DISABLE_RESELLER_OBJ_FAILED:\r\n return {\r\n ...state,\r\n message: action.message,\r\n };\r\n case USER_GET_ALL_RESELLER_SUCCESS:\r\n return {\r\n ...state,\r\n resellerList: action.payload,\r\n };\r\n case USER_GET_ALL_RESELLER_FAILED:\r\n return {\r\n ...state,\r\n resellerList: [],\r\n };\r\n case GET_CARRIER_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n carrierList: action.payload.carriers,\r\n };\r\n case GET_CARRIER_LIST_FAILED:\r\n return {\r\n ...state,\r\n carrierList: [],\r\n };\r\n case GET_PROMOTE_SUCCESS:\r\n return {\r\n ...state,\r\n discountList: action.payload,\r\n };\r\n case GET_PROMOTE_FAILED:\r\n return {\r\n ...state,\r\n discountList: [],\r\n };\r\n case SET_PROMOTE_SUCCESS:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n };\r\n case SET_PROMOTE_FAILED:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n };\r\n case RESELLER_SET_ITEM_SUCCEED:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n };\r\n case RESELLER_SET_ITEM_FAILED:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n };\r\n case RESELLER_SET_SPECIAL_LINE_SUCCEED:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n };\r\n case RESELLER_SET_SPECIAL_LINE_FAILED:\r\n return {\r\n ...state,\r\n message: action.payload,\r\n };\r\n case GET_ACTIVATED_SIM_DASHBOARD_START:\r\n return {\r\n ...state,\r\n dashboardActivatedSimListLoading: true,\r\n dashboardActivatedSimList: [],\r\n dashboardActivatedSimTotalElement: 0,\r\n };\r\n case GET_ACTIVATED_SIM_DASHBOARD_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardActivatedSimListLoading: false,\r\n dashboardActivatedSimList: action.payload.activatedSims,\r\n dashboardActivatedSimTotalElement: action.payload.totalElements,\r\n };\r\n case GET_ACTIVATED_SIM_DASHBOARD_FAILED:\r\n return {\r\n ...state,\r\n dashboardActivatedSimListLoading: false,\r\n dashboardActivatedSimList: [],\r\n dashboardActivatedSimTotalElement: 0,\r\n };\r\n case GET_PLAN_USAGE_DATA_START:\r\n return {\r\n ...state,\r\n dashboardPlanUsageData: [],\r\n };\r\n case GET_PLAN_USAGE_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardPlanUsageData: action.payload,\r\n };\r\n case GET_PLAN_USAGE_DATA_FAILED:\r\n return {\r\n ...state,\r\n dashboardPlanUsageData: [],\r\n };\r\n case GET_IDENTIFIER_USAGE_DATA_START:\r\n return {\r\n ...state,\r\n dashboardIdentifierUsageData: [],\r\n };\r\n case GET_IDENTIFIER_USAGE_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardIdentifierUsageData: action.payload,\r\n };\r\n case GET_IDENTIFIER_USAGE_DATA_FAILED:\r\n return {\r\n ...state,\r\n dashboardIdentifierUsageData: [],\r\n };\r\n case CONSUMER_GET_PLAN_USAGE_SUCCESS:\r\n return {\r\n ...state,\r\n consumerPlanUsageList: action.payload,\r\n };\r\n case CONSUMER_GET_PLAN_USAGE_FAILED:\r\n return {\r\n ...state,\r\n consumerPlanUsageList: [],\r\n };\r\n case PAYMENT_ORDER_GET_ADDRESS_SUCCESS:\r\n case PAYMENT_ORDER_GET_ADDRESS_FAILED:\r\n return {\r\n ...state,\r\n addressList: action.payload,\r\n };\r\n case USER_GET_PAGE_CONTENT_SUCCESS:\r\n let uniqueContentList = uniq([\r\n ...state.pageContentList,\r\n ...action.payload,\r\n ]);\r\n\r\n return {\r\n ...state,\r\n pageContentList: uniqueContentList,\r\n };\r\n case USER_GET_PAGE_CONTENT_FAILED:\r\n return {\r\n ...state,\r\n pageContentList: [],\r\n };\r\n break;\r\n case USER_FORGET_PASSWORD_SUCCESS:\r\n return {\r\n ...state,\r\n forgetPasswordMessage:\r\n \"Reset password link has been sent to your email.\",\r\n };\r\n case USER_FORGET_PASSWORD_FAILED:\r\n return {\r\n ...state,\r\n forgetPasswordMessage:\r\n \"Server error. Please contact administrator for more information.\",\r\n };\r\n case USER_FORGET_PASSWORD_NOT_FOUND:\r\n return {\r\n ...state,\r\n forgetPasswordMessage:\r\n \"This username is unavailable. Please try again.\",\r\n };\r\n case USER_FORGET_PASSWORD_NOT_ALLOWED:\r\n return {\r\n ...state,\r\n forgetPasswordMessage:\r\n \"This username is not allowed to reset password. Please contact administrator for more information.\",\r\n };\r\n case USER_RESET_PASSWORD_SUCCESS:\r\n return {\r\n ...state,\r\n resetPasswordMessage: \"Password Successfully Reset.\",\r\n };\r\n case USER_RESET_PASSWORD_FAILED:\r\n return {\r\n ...state,\r\n resetPasswordMessage: \"Invalid Token.\",\r\n };\r\n case COMPANY_GET_BRANDING_SUCCESS:\r\n return {\r\n ...state,\r\n branding: action.payload.detail,\r\n };\r\n case COMPANY_GET_BRANDING_FAILED:\r\n return {\r\n ...state,\r\n branding: null,\r\n };\r\n case CLIENT_GET_BUSINESS_UNITS_SUCCESS:\r\n return {\r\n ...state,\r\n BUCountryList: action.payload.countryList,\r\n BULOBList: action.payload.lineOfBusinessList,\r\n BUDivisionList: action.payload.divisionList,\r\n BURelationshipList: action.payload.relations,\r\n };\r\n case CLIENT_GET_BUSINESS_UNITS_FAILED:\r\n return {\r\n ...state,\r\n BUCountryList: [],\r\n BULOBList: [],\r\n BUDivisionList: [],\r\n BURelationshipList: [],\r\n };\r\n case CLIENT_GET_BUSINESS_UNIT_RELATION_SUCCESS:\r\n return {\r\n ...state,\r\n BURelationshipList: action.payload.relations,\r\n };\r\n case CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED:\r\n return {\r\n ...state,\r\n BURelationshipList: [],\r\n };\r\n case CLEAR_CLIENT_DATA:\r\n return {\r\n ...state,\r\n BUCountryList: [],\r\n BULOBList: [],\r\n BUDivisionList: [],\r\n BURelationshipList: [],\r\n usageReportList: [],\r\n ServicePlanList: [],\r\n discountList: [],\r\n accountList: [],\r\n consumerList: [],\r\n paymentInvoice: {},\r\n paymentInvoiceDetails: {},\r\n addressList: [],\r\n paymentAccountList: [],\r\n carrierList: [],\r\n };\r\n case GET_USER_ACTIVITY_TRACKING_SUCCEED:\r\n return {\r\n ...state,\r\n userActivityTrackingList: action.payload.detail\r\n }\r\n case GET_USER_ACTIVITY_TRACKING_FAILED:\r\n return {\r\n ...state,\r\n userActivityTrackingList: []\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {\r\n USER_LOGIN_SUCESS,\r\n USER_LOGIN_FAILED,\r\n USER_ADD_SUCCESS,\r\n USER_ADD_FAILED,\r\n USER_UPDATE_SUCCESS,\r\n USER_UPDATE_FAILED,\r\n USER_REMOVE_SUCCESS,\r\n USER_REMOVE_FAILED,\r\n USER_GET_FAILED,\r\n USER_ADD_ASSETCLASS_LIST_SUCCESS,\r\n USER_ADD_ASSETCLASS_LIST_FAILED,\r\n USER_CHECK_ASSETCLASS_LIST_SUCCESS,\r\n USER_CHECK_ASSETCLASS_LIST_FAILED,\r\n USER_ADD_DEVICETYPE_LIST_SUCCESS,\r\n USER_ADD_DEVICETYPE_LIST_FAILED,\r\n USER_CHECK_DEVICETYPE_LIST_SUCCESS,\r\n USER_CHECK_DEVICETYPE_LIST_FAILED,\r\n USER_GET_COMPANY_LIST_SUCCESS,\r\n USER_GET_COMPANT_LIST_FAILED,\r\n USER_GET_COMPANY_DEVICE_TYPES_SUCCESS,\r\n USER_GET_COMPANY_DEVICE_TYPES_FAILED,\r\n USER_GET_COMPANY_ASSET_CLASS_SUCCESS,\r\n USER_GET_COMPANY_ASSET_CLASS_FAILED,\r\n USER_GET_ROLES_SUCCESS,\r\n USER_GET_ROLES_FAILED,\r\n USER_GET_COMPANY_OBJ_SUCCESS,\r\n USER_GET_COMPANY_OBJ_FAILED,\r\n USER_UPDATE_COMPANY_OBJ_SUCCESS,\r\n USER_UPDATE_COMPANY_OBJ_FAILED,\r\n USER_DELETE_COMPANY_OBJ_SUCCESS,\r\n USER_DELETE_COMPANY_OBJ_FAILED,\r\n USER_GET_ALL_COMPANIES_SUCCESS,\r\n USER_GET_ALL_COMPANIES_FAILED,\r\n USER_GET_COUNTRY_LIST_SUCCESS,\r\n USER_GET_PROVINCE_LIST_SUCCESS,\r\n USER_GET_ACCOUNT_LIST_SUCCESS,\r\n USER_GET_PLAN_ITEMS_SUCCESS,\r\n USER_GET_PLAN_ITEMS_FAILED,\r\n DASHBOARDTEMPLATE_USERLIST_GET_SUCCESS,\r\n DASHBOARDTEMPLATE_LAYOUT_GET_SUCCESS,\r\n DASHBOARDTEMPLATE_LAYOUT_DELETE_SUCCESS, DASHBOARDTEMPLATE_DELETE_SUCCESS, DASHBOARDTEMPLATE_NEW_SUCCESS\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n currentUser: {},\r\n dashboardUserList: [],\r\n dashboardTemplateLayout: [],\r\n userAssetClassList:[],\r\n userDeviceTypeList: [],\r\n companyList: [],\r\n companyAll: [],\r\n planItemsAll: [],\r\n companyObj: null,\r\n companyDevicetypeList: [],\r\n companyAssetClassList: [],\r\n roleList: [],\r\n countryList:[],\r\n provinceList: [],\r\n isAuthenticated: false,\r\n error: 0,\r\n message: '',\r\n type: '',\r\n accountList: [],\r\n}\r\n\r\nexport default function(state = initState, action){\r\n // \r\n \r\n // alert(action.type);\r\n // \r\n switch (action.type) {\r\n case USER_LOGIN_SUCESS:\r\n if (! action.payload) {\r\n return {\r\n ...state,\r\n error: 1 ,\r\n isAuthenticated: false,\r\n message: 'Failed to get the user login info',\r\n type: action.type,\r\n } \r\n }\r\n sessionStorage.setItem('currentUser', action.payload.userName);\r\n sessionStorage.setItem('email', action.payload.userName);\r\n sessionStorage.setItem('companyCode', action.payload.companyCode);\r\n sessionStorage.setItem('department', action.payload.department);\r\n sessionStorage.setItem('businessUnit', action.payload.businessUnit);\r\n sessionStorage.setItem('network', action.payload.network);\r\n sessionStorage.setItem('currentUserObj', JSON.stringify(action.payload));\r\n sessionStorage.setItem('isAuthenticated', true);\r\n sessionStorage.setItem('jToken', action.token);\r\n return {\r\n ...state,\r\n currentUser: action.payload,\r\n isAuthenticated: true,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_LOGIN_FAILED:\r\n sessionStorage.setItem('currentUser', null);\r\n sessionStorage.setItem('email', null);\r\n sessionStorage.setItem('companyCode', null);\r\n sessionStorage.setItem('department', null);\r\n sessionStorage.setItem('businessUnit', null);\r\n sessionStorage.setItem('network', null);\r\n sessionStorage.setItem('currentUserObj', null);\r\n sessionStorage.setItem('isAuthenticated', false);\r\n sessionStorage.setItem('jToken', null);\r\n return {\r\n ...state,\r\n error: 1 ,\r\n isAuthenticated: false,\r\n message: action.message,\r\n type: action.type,\r\n } \r\n case USER_UPDATE_SUCCESS:\r\n if (!action.payload) {\r\n return {\r\n ...state,\r\n error: 1 ,\r\n message: 'Failed to get the user login info',\r\n type: action.type,\r\n } \r\n }\r\n // sessionStorage.setItem('currentUser', action.payload.userName);\r\n return {\r\n ...state,\r\n currentUser: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_ADD_SUCCESS:\r\n case USER_REMOVE_SUCCESS:\r\n if (!action.payload) {\r\n return {\r\n ...state,\r\n error: 1 ,\r\n message: 'Failed to get the user login info',\r\n type: action.type,\r\n } \r\n }\r\n // sessionStorage.setItem('currentUser', action.payload.userName);\r\n return {\r\n ...state,\r\n // currentUser: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n\r\n case DASHBOARDTEMPLATE_USERLIST_GET_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardUserList: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n\r\n\r\n\r\n case DASHBOARDTEMPLATE_LAYOUT_GET_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardTemplateLayout: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n case DASHBOARDTEMPLATE_NEW_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardTemplateNewResult: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n case DASHBOARDTEMPLATE_DELETE_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardTemplateDeleteResult: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n case DASHBOARDTEMPLATE_LAYOUT_DELETE_SUCCESS:\r\n return {\r\n ...state,\r\n dashboardTemplateDeleteResult: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n\r\n case USER_CHECK_ASSETCLASS_LIST_SUCCESS:\r\n \r\n \r\n return {\r\n ...state,\r\n userAssetClassList: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_CHECK_DEVICETYPE_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n userDeviceTypeList: action.payload,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n \r\n case USER_CHECK_ASSETCLASS_LIST_FAILED:\r\n return {\r\n ...state,\r\n userAssetClassList: null,\r\n error: 1 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case USER_CHECK_DEVICETYPE_LIST_FAILED:\r\n return {\r\n ...state,\r\n userDeviceTypeList: null,\r\n error: 1 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case USER_ADD_ASSETCLASS_LIST_SUCCESS:\r\n case USER_ADD_DEVICETYPE_LIST_SUCCESS: \r\n return {\r\n ...state,\r\n error: 0 ,\r\n message: '',\r\n type: action.type,\r\n }\r\n\r\n case USER_GET_COMPANY_LIST_SUCCESS:\r\n return{\r\n ...state,\r\n companyList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_ROLES_SUCCESS:\r\n return{\r\n ...state,\r\n roleList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_COMPANY_DEVICE_TYPES_SUCCESS:\r\n return{\r\n ...state,\r\n companyDevicetypeList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_COMPANY_ASSET_CLASS_SUCCESS:\r\n return{\r\n ...state,\r\n companyAssetClassList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_COMPANY_DEVICE_TYPES_FAILED:\r\n return{\r\n ...state,\r\n companyDevicetypeList: [],\r\n error: 1 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case USER_GET_COMPANY_ASSET_CLASS_FAILED:\r\n return{\r\n ...state,\r\n companyAssetClassList: [],\r\n error: 1 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case USER_GET_COMPANY_OBJ_SUCCESS:\r\n \r\n return{\r\n ...state,\r\n companyObj: action.payload[0],\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_UPDATE_COMPANY_OBJ_SUCCESS:\r\n return{\r\n ...state,\r\n companyObj: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_DELETE_COMPANY_OBJ_SUCCESS:\r\n return{\r\n ...state,\r\n companyObj: null,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_COUNTRY_LIST_SUCCESS:\r\n return{\r\n ...state,\r\n countryList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_PROVINCE_LIST_SUCCESS:\r\n return{\r\n ...state,\r\n provinceList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case USER_GET_ACCOUNT_LIST_SUCCESS:\r\n return{\r\n ...state,\r\n accountList: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n } \r\n case USER_GET_ALL_COMPANIES_SUCCESS:\r\n return{\r\n ...state,\r\n companyAll: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n\r\n case USER_GET_PLAN_ITEMS_SUCCESS:\r\n return{\r\n ...state,\r\n planItemsAll: action.payload,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n } \r\n case USER_GET_ALL_COMPANIES_FAILED:\r\n case USER_DELETE_COMPANY_OBJ_FAILED:\r\n case USER_UPDATE_COMPANY_OBJ_FAILED:\r\n case USER_GET_COMPANY_OBJ_FAILED:\r\n case USER_GET_ROLES_FAILED:\r\n case USER_GET_COMPANT_LIST_FAILED:\r\n case USER_ADD_FAILED: \r\n case USER_UPDATE_FAILED: \r\n case USER_REMOVE_FAILED:\r\n case USER_GET_FAILED:\r\n case USER_ADD_ASSETCLASS_LIST_FAILED:\r\n case USER_ADD_DEVICETYPE_LIST_FAILED: \r\n // case USER_CHECK_ASSETCLASS_LIST_FAILED:\r\n return {\r\n ...state,\r\n error: 1 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n// ---------------- data processing helpers ------------------------\r\nexport function assetHistoryDataProcessor(AssetData, parameters=null, allAttriList=null){\r\n let starttime = null;\r\n let endtime = null;\r\n if (parameters && parameters.starttime && parameters.endtime) {\r\n starttime = parameters.starttime;\r\n endtime = parameters.endtime;\r\n }\r\n let reData = null;\r\n const shownAtrributes = ATTRIBUTE_ORDER.filter(item => (item.selected === true)).map(item => (item.attributename));\r\n const shownAllAttributes = [...shownAtrributes, 'Alarm'];\r\n if (Array.isArray(AssetData) && AssetData.length > 0) {\r\n const assets = AssetData[0].asset;\r\n if (Array.isArray(assets) && assets.length > 0) {\r\n reData = {};\r\n for (let asset of assets) {\r\n const key = asset.assetid;\r\n const attrmap = {};\r\n Array.isArray(asset.device) && asset.device.forEach( dev => {\r\n Array.isArray(dev.msgs) && dev.msgs.forEach((msg, mindex) => {\r\n const time = msg.timestamp;\r\n msg.msg && Object.entries(msg.msg).forEach(([key, value])=>{\r\n if (allAttriList && shownAllAttributes.includes(value.attributename)) {\r\n let attriObj = {\r\n assetid: asset.assetid,\r\n assetname: asset.assetname,\r\n attributename: value.attributename,\r\n displayname: value.displayname,\r\n type: ATTRIBUTE_TYPE.DEVICE,\r\n display: value.display,\r\n attritime:msg.timestamp,\r\n timestamp:msg.timestamp,\r\n value: value.value,\r\n };\r\n allAttriList.push(attriObj);\r\n \r\n }\r\n if (! shownAtrributes.includes(value.attributename)) {\r\n return;\r\n }\r\n const group_key = `${dev.deviceid}:${key}`;\r\n if (attrmap[group_key]){\r\n attrmap[group_key]['data'].push({x:time, y: value.value});\r\n attrmap[group_key]['lasttime']= time;\r\n attrmap[group_key]['lastvalue']= value.value;\r\n }\r\n else{\r\n const data = [{x:time, y: value.value}];\r\n const lasttime = time;\r\n const lastvalue = value.value;\r\n const displayname = value.displayname;\r\n const type = ATTRIBUTE_TYPE.DEVICE;\r\n const attrbase = ATTRIBUTE_ORDER.find(item => (item.attributename === value.attributename));\r\n let attritem = {\r\n ...attrbase,\r\n data,\r\n lasttime,\r\n lastvalue,\r\n displayname,\r\n type,\r\n starttime,\r\n endtime,\r\n }\r\n attrmap[group_key] = attritem;\r\n }\r\n // if (mindex == dev.msgs.length -1) {\r\n // attrmap[group_key]['lasttime']= time;\r\n // attrmap[group_key]['lastvalue']= value.value;\r\n // }\r\n });\r\n });\r\n // reData[key] = attrmap;\r\n });\r\n reData[key] = attrmap;\r\n }\r\n }\r\n }\r\n\r\n \r\n return reData;\r\n}\r\n\r\nexport function updateAssetHistoryData (history, allAttriList, pubsub, startDateMoment, endDateMoment) {\r\n \r\n\r\n // assetHistoryObj,\r\n // allAttriList,\r\n\r\n const starttime = startDateMoment ? startDateMoment.utc().valueOf(): null;\r\n const endtime = endDateMoment ? endDateMoment.utc().valueOf() : null;\r\n // let reValue = history;\r\n let reObj = {};\r\n reObj.hisoryObj = history;\r\n reObj.allAttriList = allAttriList;\r\n if (pubsub && history && history[pubsub.assetid]!= null) {\r\n const historyClone = JSON.parse(JSON.stringify(history));\r\n Array.isArray(pubsub.msgs) && pubsub.msgs.forEach(msg => {\r\n msg.msg && Object.entries(msg.msg).forEach(([key, value])=>{\r\n if (Array.isArray(allAttriList) && allAttriList.length > 0 && shownAllAttributes.includes(value.attributename)) {\r\n \r\n let allAttriListClone = allAttriList.slice(0);\r\n let firstItem = allAttriListClone[0];\r\n if (firstItem.assetid == pubsub.assetid) {\r\n let attriObj = {\r\n ...firstItem,\r\n attributename: value.attributename,\r\n displayname: value.displayname,\r\n type: ATTRIBUTE_TYPE.DEVICE,\r\n display: value.display,\r\n value: value.value,\r\n attritime:msg.timestamp,\r\n timestamp:msg.timestamp,\r\n };\r\n allAttriListClone.push(attriObj);\r\n if (starttime && endtime) {\r\n allAttriListClone = allAttriListClone.filter(item => (item.timestamp >= starttime && item.timestamp <= endtime));\r\n }\r\n reObj.allAttriList = allAttriListClone\r\n }\r\n }\r\n const group_key = `${pubsub.deviceid}:${key}`;\r\n if (historyClone[pubsub.assetid][group_key]){\r\n let attriObj = historyClone[pubsub.assetid][group_key];\r\n attriObj['data'].push({x:msg.timestamp, y: value.value});\r\n // if (attriObj['starttime'] && attriObj['endtime']) {\r\n // attriObj['data'] = attriObj['data'].filter(item => (item.x >= attriObj['starttime'] && item.x <= attriObj['endtime']));\r\n // }\r\n if (starttime && endtime) {\r\n attriObj['starttime'] = starttime;\r\n attriObj['endtime'] = endtime;\r\n attriObj['data'] = attriObj['data'].filter(item => (item.x >= starttime && item.x <= endtime));\r\n }\r\n }\r\n });\r\n });\r\n\r\n reObj.hisoryObj = historyClone;\r\n }\r\n return reObj;\r\n}\r\n\r\nfunction lightningHourlyCountsProcessor(payload, parameters) {\r\n let hourlyCount = [];\r\n if (payload && parameters && parameters.starttime) {\r\n let timeArray = parameters.starttime.split(':');\r\n // hourlyCount = action.payload.map((item, index) => ({date:item.time.substr(0,5), yellow: item.yellow, orange: item.orange, red: item.red, green: item.green}));\r\n if (Array.isArray(timeArray) && timeArray.length > 0) {\r\n hourlyCount = payload.map((item, index) => ({date:`${timeArray[0]}T${item.time}.000+0000`, yellow: item.yellow, orange: item.orange, red: item.red, green: item.green}));\r\n } \r\n }\r\n return hourlyCount;\r\n}\r\n","/* eslint-disable */\r\nimport {\r\n ATTRI_THEME_GET_THEME_LIST_SUCCEED,\r\n ATTRI_THEME_GET_THEME_LIST_FAILED,\r\n ATTRI_THEME_GET_ASSETCLASS_THEME_SUCCEED,\r\n ATTRI_THEME_GET_ASSETCLASS_THEME_FAILED,\r\n ATTRI_THEME_UPSERT_THEME_SUCCEED,\r\n ATTRI_THEME_UPSERT_THEME_FAILED,\r\n ATTRI_THEME_REMOVE_THEME_SUCCEED,\r\n ATTRI_THEME_REMOVE_THEME_FAILED,\r\n ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_SUCCEED,\r\n ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = {\r\n themeList: [],\r\n assetclassTheme:{},\r\n upserted: false,\r\n error: 0,\r\n message: '',\r\n type: ''\r\n}\r\n\r\nexport default function (state = initState, action) {\r\n switch (action.type) {\r\n case ATTRI_THEME_GET_THEME_LIST_SUCCEED:\r\n return { \r\n ...state, \r\n themeList: action.payload,\r\n upserted: false,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n };\r\n case ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_SUCCEED:\r\n return { \r\n ...state, \r\n themeList: action.payload,\r\n upserted: false,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }; \r\n case ATTRI_THEME_GET_ASSETCLASS_THEME_SUCCEED:\r\n return { \r\n ...state, \r\n assetclassTheme: action.payload,\r\n upserted: false,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n };\r\n case ATTRI_THEME_UPSERT_THEME_SUCCEED:\r\n return { \r\n ...state, \r\n // assetclassTheme: action.payload,\r\n assetclassTheme:{},\r\n upserted: true,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n };\r\n case ATTRI_THEME_REMOVE_THEME_SUCCEED:\r\n return { \r\n ...state, \r\n // assetclassTheme: action.payload,\r\n assetclassTheme:{},\r\n upserted: true,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n };\r\n case ATTRI_THEME_REMOVE_THEME_FAILED:\r\n case ATTRI_THEME_UPSERT_THEME_FAILED:\r\n case ATTRI_THEME_GET_THEME_LIST_FAILED:\r\n case ATTRI_THEME_GET_ASSETCLASS_THEME_FAILED:\r\n case ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_FAILED:\r\n return { \r\n ...state,\r\n upserted: false,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n default: \r\n return { ...state };\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport {\r\n DASHBOARD_GET_LAYOUT_SUCCEED,\r\n DASHBOARD_GET_LAYOUT_FAILED, \r\n DASHBOARD_GET_LAYOUT_LIST_SUCCEED,\r\n DASHBOARD_GET_LAYOUT_LIST_FAILED,\r\n DASHBOARD_GET_ASSET_MAP_SUCCEED,\r\n DASHBOARD_GET_ASSET_MAP_FAILED,\r\n DASHBOARD_GET_DEVICE_DATA_SUCCEED,\r\n DASHBOARD_GET_DEVICE_DATA_FAILED,\r\n DASHBOARD_UPDATE_LAYOUT_SUCCEED,\r\n DASHBOARD_UPDATE_LAYOUT_FAILED,\r\n DASHBOARD_GET_DEVICE_MSG_COUNT_SUCCEED,\r\n DASHBOARD_GET_DEVICE_MSG_COUNT_FAILED,\r\n DASHBOARD_GET_DEVICE_LIST_SUCCEED,\r\n DASHBOARD_GET_DEVICE_LIST_FAILED,\r\n DASHBOARD_GET_ASSETS_DATA_SUCCEED,\r\n DASHBOARD_GET_ASSETS_DATA_FAILED,\r\n DASHBOARD_GET_ASSETS_LIST_SUCCEED,\r\n DASHBOARD_GET_ASSETS_LIST_FAILED,\r\n DASHBOARD_GET_ASSETS_LIST_CLEAR,\r\n DASHBOARD_GET_THRESHOLD_SUCCEED,\r\n DASHBOARD_GET_THRESHOLD_FAILED,\r\n DASHBOARD_RECURSIVE_START,\r\n DASHBOARD_GET_RECURSIVE_DATA_SUCCEED,\r\n DASHBOARD_GET_RECURSIVE_DATA_FAILED,\r\n DASHBOARD_GET_ATTRIBUTE_CHART_SUCCEED,\r\n DASHBOARD_GET_ATTRIBUTE_CHART_FAILED,\r\n PUBSUB_UPDATE_DEVICE,\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n currentLayout:[], \r\n currentLayoutList:[],\r\n msgCounts:null,\r\n assetmapdata:{},\r\n devicemapdata:{},\r\n attributeValue:{},\r\n attributeChart:{},\r\n threshold:{},\r\n pubsubDevice: null,\r\n deviceList:[],\r\n assetList:[],\r\n error: 0,\r\n message: '',\r\n type: '',\r\n}\r\n\r\nexport default function(state = initState, action){\r\n let dashName;\r\n switch(action.type){\r\n case DASHBOARD_GET_LAYOUT_SUCCEED:\r\n\r\n\r\n case DASHBOARD_UPDATE_LAYOUT_SUCCEED:\r\n console.log('currentLayout in dashboard reducer is DASHBOARD_UPDATE_LAYOUT_SUCCEED and action.payload is',action.payload)\r\n return {\r\n ... state,\r\n error: 0,\r\n currentLayout: action.payload,\r\n message: 'Get layout successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_LAYOUT_LIST_SUCCEED:\r\n return{\r\n ... state,\r\n error: 0,\r\n currentLayoutList: action.payload,\r\n message: 'Get layout list successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_ASSET_MAP_SUCCEED:\r\n dashName = action.name;\r\n let assetmapdata = {\r\n ...state.assetmapdata,\r\n [dashName] : action.payload,\r\n }\r\n return {\r\n ... state,\r\n error: 0,\r\n assetmapdata: assetmapdata,\r\n message: 'Get map data successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_DEVICE_DATA_SUCCEED:\r\n dashName = action.name;\r\n let devicemapdata = {\r\n ...state.devicemapdata,\r\n [dashName] : action.payload,\r\n }\r\n return {\r\n ... state,\r\n error: 0,\r\n devicemapdata: devicemapdata,\r\n message: 'Get map data successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_DEVICE_MSG_COUNT_SUCCEED:\r\n return{\r\n ... state,\r\n error: 0,\r\n msgCounts: action.payload,\r\n message: 'Get message count data successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_DEVICE_LIST_SUCCEED:\r\n return{\r\n ... state,\r\n error: 0,\r\n deviceList: action.payload,\r\n message: 'Get message count data successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_ASSETS_DATA_SUCCEED:\r\n dashName = action.name;\r\n let attributeValue = {\r\n ...state.attributeValue,\r\n [dashName] : action.payload,\r\n }\r\n return {\r\n ... state,\r\n error: 0,\r\n attributeValue: attributeValue,\r\n message: 'Get farm attribute successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_THRESHOLD_SUCCEED:\r\n dashName = action.name;\r\n let threshold = {\r\n ...state.threshold,\r\n [dashName] : action.payload,\r\n }\r\n return {\r\n ... state,\r\n error: 0,\r\n threshold: threshold,\r\n message: 'Get farm attribute successfully',\r\n type: action.type\r\n }\r\n case PUBSUB_UPDATE_DEVICE:\r\n return {\r\n ... state,\r\n error: 0,\r\n pubsubDevice: action.payload,\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_ASSETS_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n error: 0,\r\n assetList: action.payload,\r\n type: action.type,\r\n }\r\n case DASHBOARD_GET_ASSETS_LIST_CLEAR:\r\n return {\r\n ...state,\r\n error: 0,\r\n assetList: [],\r\n type: action.type,\r\n }\r\n case DASHBOARD_GET_ASSETS_LIST_FAILED:\r\n return {\r\n ... state,\r\n error: 1,\r\n assetList: [],\r\n message: action.error,\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_RECURSIVE_DATA_SUCCEED:\r\n dashName = action.name;\r\n let assetdata = {\r\n ...state.assetdata,\r\n [dashName] : action.payload,\r\n }\r\n return {\r\n ...state,\r\n error: 0,\r\n assetdata : assetdata,\r\n message: 'Get dashboard asset data successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_ATTRIBUTE_CHART_SUCCEED:\r\n dashName = action.name;\r\n let attributeChart = {\r\n ...state.attributeChart,\r\n [dashName] : action.payload,\r\n }\r\n return {\r\n ...state,\r\n error: 0,\r\n attributeChart : attributeChart,\r\n message: 'Get dashboard asset data successfully',\r\n type: action.type\r\n }\r\n case DASHBOARD_GET_ATTRIBUTE_CHART_FAILED:\r\n case DASHBOARD_GET_RECURSIVE_DATA_FAILED:\r\n case DASHBOARD_GET_THRESHOLD_FAILED:\r\n case DASHBOARD_GET_ASSETS_DATA_FAILED: \r\n case DASHBOARD_GET_DEVICE_LIST_FAILED:\r\n case DASHBOARD_GET_DEVICE_MSG_COUNT_FAILED:\r\n case DASHBOARD_GET_LAYOUT_FAILED:\r\n case DASHBOARD_UPDATE_LAYOUT_FAILED:\r\n case DASHBOARD_GET_ASSET_MAP_FAILED:\r\n case DASHBOARD_GET_DEVICE_DATA_FAILED:\r\n return {\r\n ... state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type\r\n }\r\n default:\r\n return {...state};\r\n }\r\n}\r\n","/* eslint-disable */\r\n\r\nimport {\r\n REPORT_LOAD_ALL_REPORTS_SUCCESS,\r\n REPORT_LOAD_ALL_REPORTS_FAILED, \r\n REPORT_GET_ONE_REPORT_SUCCESS,\r\n REPORT_GET_ONE_REPORT_FAILED ,\r\n REPORT_ADD_NEW_REPORT,\r\n REPORT_UPDATE_EXISTING_REPORT\r\n} from '../../constants/actionTypes'\r\n\r\nconst initState = { \r\n reportList: [],\r\n currentReport:{},\r\n currentGeneralSection:{},\r\n currentSectionList:[],\r\n currentReportId: null,\r\n error: 0,\r\n message: '',\r\n type: '',\r\n}\r\n\r\nexport default function(state = initState, action){\r\n // \r\n // \r\n // \r\n switch(action.type){\r\n case REPORT_LOAD_ALL_REPORTS_SUCCESS: \r\n return{\r\n ...state,\r\n error: 0,\r\n reportList: action.payload,\r\n message: 'SUCCESSFULLY LOAD REPORTS LIST',\r\n type: action.type,\r\n }\r\n case REPORT_GET_ONE_REPORT_SUCCESS:\r\n let reportObj = action.payload;\r\n \r\n \r\n let sections = getReportGeneralPart(reportObj)\r\n let id = null;\r\n if (sections.general.reportid && sections.general.reportid > 0){\r\n id = sections.general.reportid;\r\n }\r\n return{\r\n ...state,\r\n error: 0,\r\n currentReport: reportObj,\r\n currentGeneralSection: sections.general,\r\n currentSectionList: sections.sectionList,\r\n currentReportId: id,\r\n message: 'SUCCESSFULLY LOAD ONE REPORT',\r\n type: action.type,\r\n }\r\n case REPORT_LOAD_ALL_REPORTS_FAILED:\r\n case REPORT_GET_ONE_REPORT_FAILED:\r\n return{\r\n ...state,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n default: \r\n return {...state}\r\n }\r\n}\r\n\r\nfunction getReportGeneralPart(reportObj){\r\n \r\n \r\n if (!reportObj) {\r\n return {\r\n general:{},\r\n sectionList: [],\r\n };\r\n }\r\n let {sectionList, ...rest} = reportObj;\r\n return {\r\n general: {...rest},\r\n sectionList: JSON.parse(JSON.stringify(sectionList)),\r\n }\r\n}","/* eslint-disable */\r\nimport { faDoorClosed } from '@fortawesome/free-solid-svg-icons';\r\nimport {\r\n ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED,\r\n ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n INVENTORY_GET_DEVICE_MASTER_SUCCEED,\r\n INVENTORY_GET_DEVICE_MASTER_FAILED,\r\n INVENTORY_GET_INVENTORY_SUCCEED,\r\n INVENTORY_GET_INVENTORY_FAILED,\r\n INVENTORY_GET_ONE_DEVICE_MASTER_SUCCEED,\r\n INVENTORY_GET_ONE_DEVICE_MASTER_FAILED,\r\n WEB_SERVICE_INVENTORY_SUPLLIER_SUCCESS,\r\n WEB_SERVICE_INVENTORY_SUPLLIER_ITEM_SUCCESS,\r\n INVENTORY_GET_CONSUMER_SIM_SUCCEED,\r\n INVENTORY_GET_CONSUMER_SIM_FAILED,\r\n WEB_SERVICE_GET_SAP_CSV_SUCCESS,\r\n WEB_SERVICE_GET_SAP_CSV_FAILED,\r\n NEW_RESELLER_GET_DEVICE_INVENTORY_SUCCEED,\r\n NEW_RESELLER_GET_DEVICE_INVENTORY_FAILED,\r\n ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED,\r\n ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED,\r\n RESELLER_GET_SERVICE_INVENTORY_SUCCEED,\r\n RESELLER_GET_SERVICE_INVENTORY_FAILED,\r\n CARRIER_GET_PLANS_SUCCESS,\r\n CARRIER_GET_PLANS_FAILED,\r\n CARRIER_UPDATE_INFO_SUCCESS,\r\n CARRIER_UPDATE_INFO_FAILED,\r\n USER_CLEAR_CARRIER_PLAN_LIST_SUCCESS,\r\n USER_CLEAR_CARRIER_PLAN_LIST_FAILED,\r\n COMPANY_GET_ACTIVITY_REPORT_SUCCESS,\r\n COMPANY_GET_ACTIVITY_REPORT_FAILED,\r\n GET_ACTIVATED_SIM_DASHBOARD_SUCCESS,\r\n GET_ACTIVATED_SIM_DASHBOARD_FAILED,\r\n SIM_SET_NAME_SUCCESS,\r\n SIM_SET_NAME_FAILED,\r\n CLEAR_CLIENT_DATA,\r\n INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_FAILED,\r\n INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_SUCCEED,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_START,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED,\r\n GET_DEVICE_LIST_SUCCESS,\r\n GET_DEVICE_LIST_FAILED,\r\n CHANGE_DEVICE_STATUS_SUCCESS,\r\n CHANGE_DEVICE_STATUS_FAILED,\r\n REGISTER_DEVICE_SUCCESS,\r\n REGISTER_DEVICE_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nimport { generateSelectOptions } from '../../factories/utils'\r\n\r\nconst initState = {\r\n actions: [],\r\n DeviceList: [],\r\n inventoryList: [],\r\n deviceMasterList: [],\r\n supplierList: [],\r\n supplierItemList: [],\r\n SIMTypeList: [],\r\n typeList: [],\r\n itemType:[],\r\n activeSIMList: [],\r\n inactiveSIMList: [],\r\n suspendedSIMList: [],\r\n companySIMList: [],\r\n resellerDeviceItems: [],\r\n resellerServicePlanInventory: [],\r\n resellerServicePlanItems: [],\r\n carrierPlanList: [],\r\n activityReportList: [],\r\n dFile:null,\r\n googleMapInfo:{},\r\n manualBillingStatus: false,\r\n clientActiveDeviceList: [],\r\n timestamp: 0\r\n}\r\n\r\nexport default function (state = initState, action) {\r\n switch (action.type) {\r\n case COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_SUCCESS:\r\n \r\n return {\r\n ...state,\r\n error: 0,\r\n message: 'MANUAL BILLING SUCCESSFULLY FETCHED',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n manualBillingStatus: action.payload.manualBillingStatus\r\n }\r\n case COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED:\r\n\r\n console.log(COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED, action)\r\n\r\n return {\r\n ...state,\r\n error: 1,\r\n message: 'FETCHING MANUAL BILLING FAILED',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'fail',\r\n manualBillingStatus: false\r\n }\r\n case COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_START:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: 'STARTING MANUAL BILLING',\r\n type: action.type,\r\n manualBillingStatus: true\r\n }\r\n case COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_SUCCESS:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: 'MANUAL BILLING SUCCESSFULLY COMPLETE',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n manualBillingStatus: false\r\n }\r\n case COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: 'MANUAL BILLING FAILED',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'fail',\r\n manualBillingStatus: false\r\n }\r\n case ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED:\r\n return {\r\n ...state,\r\n error: 0,\r\n message: 'SIM LIST SUCCESS UPLOAD ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: 'SIM LIST FAIL UPLOAD ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'fail',\r\n }\r\n case ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED:\r\n return {\r\n ...state,\r\n DeviceList: action.payload,\r\n error: 0,\r\n message: 'GET DEVICE LIST SUCCESS ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'success',\r\n }\r\n case ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED:\r\n return {\r\n ...state,\r\n error: 1,\r\n message: 'DEVICE LIST FAIL UPLOAD ---',\r\n type: action.type,\r\n messagevisible: false,\r\n messagetype: 'fail',\r\n }\r\n case RESELLER_GET_SERVICE_INVENTORY_SUCCEED:\r\n return {\r\n ...state,\r\n resellerServicePlanInventory: action.inventory,\r\n resellerServicePlanItems: action.items,\r\n error: 0,\r\n message: '',\r\n }\r\n case RESELLER_GET_SERVICE_INVENTORY_FAILED:\r\n return {\r\n ...state,\r\n resellerServicePlanInventory: [],\r\n resellerServicePlanItems: [],\r\n error: 1,\r\n message: action.message,\r\n }\r\n case INVENTORY_GET_INVENTORY_SUCCEED:\r\n // \r\n return {\r\n ...state,\r\n inventoryList: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: '',\r\n }\r\n\r\n case INVENTORY_GET_INVENTORY_FAILED:\r\n return {\r\n ...state,\r\n inventoryList: [],\r\n type: action.type,\r\n error: 1,\r\n message: '',\r\n }\r\n case INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_SUCCEED:\r\n let tmpMapInfo = { ...state.googleMapInfo }\r\n let res = action.payload.resultResponse;\r\n if (res && res.iccid != null) {\r\n tmpMapInfo[res.iccid] = res\r\n } \r\n else if (res && res.eid != null){\r\n tmpMapInfo[res.eid] = res\r\n }\r\n return {\r\n ...state,\r\n googleMapInfo: tmpMapInfo,\r\n type: action.type,\r\n error: 0,\r\n }\r\n case INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_FAILED:\r\n return {\r\n ...state,\r\n type: action.type,\r\n error: 1,\r\n }\r\n case CARRIER_GET_PLANS_SUCCESS:\r\n\r\n let carrierPlanListData = []\r\n\r\n if (action.payload\r\n && action.payload.resultResponse\r\n && action.payload.resultResponse.servicePlans) {\r\n\r\n carrierPlanListData\r\n = action.payload.resultResponse.servicePlans\r\n }\r\n\r\n return {\r\n ...state,\r\n carrierPlanList: carrierPlanListData,\r\n message: action.payload.message\r\n }\r\n case CARRIER_GET_PLANS_FAILED:\r\n return {\r\n ...state,\r\n carrierPlanList: []\r\n //carrierPlanList: [{name:\"5GB\",},{description:\"5 GB Desc\"}]\r\n }\r\n\r\n case INVENTORY_GET_DEVICE_MASTER_SUCCEED:\r\n return {\r\n ...state,\r\n deviceMasterList: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: '',\r\n }\r\n case INVENTORY_GET_DEVICE_MASTER_FAILED:\r\n return {\r\n ...state,\r\n deviceMasterList: [],\r\n type: action.type,\r\n error: 1,\r\n message: action.error,\r\n }\r\n case INVENTORY_GET_ONE_DEVICE_MASTER_SUCCEED:\r\n return {\r\n ...state,\r\n deviceMaster: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: '',\r\n }\r\n case INVENTORY_GET_ONE_DEVICE_MASTER_FAILED:\r\n return {\r\n ...state,\r\n deviceMaster: {},\r\n type: action.type,\r\n error: 1,\r\n message: '',\r\n }\r\n case WEB_SERVICE_INVENTORY_SUPLLIER_SUCCESS:\r\n\r\n return {\r\n ...state,\r\n supplierList: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: '',\r\n }\r\n case WEB_SERVICE_INVENTORY_SUPLLIER_ITEM_SUCCESS:\r\n\r\n return {\r\n ...state,\r\n supplierItemList: action.payload,\r\n type: action.type,\r\n error: 0,\r\n message: '',\r\n }\r\n case NEW_RESELLER_GET_DEVICE_INVENTORY_SUCCEED:\r\n return {\r\n ...state,\r\n resellerDeviceItems: action.item,\r\n activeInventoryList: action.active,\r\n inactiveInventoryList: action.inactive,\r\n\r\n }\r\n case NEW_RESELLER_GET_DEVICE_INVENTORY_FAILED:\r\n return {\r\n ...state,\r\n message: action.message\r\n }\r\n\r\n case INVENTORY_GET_CONSUMER_SIM_SUCCEED:\r\n if (action.timestamp > state.timestamp) {\r\n return {\r\n ...state,\r\n SIMTypeList: action.deviceTypes,\r\n typeList: action.deviceDefinition,\r\n activeSIMList: action.active,\r\n inactiveSIMList: action.inactive,\r\n suspendedSIMList: action.suspended,\r\n companySIMList: action.company,\r\n itemType:action.itemType,\r\n timestamp: action.timestamp\r\n\r\n }\r\n } else {\r\n return {\r\n ...state\r\n }\r\n }\r\n case INVENTORY_GET_CONSUMER_SIM_FAILED:\r\n if (action.reset == true){\r\n return {\r\n ...state,\r\n message: action.message,\r\n SIMTypeList: [],\r\n typeList: [],\r\n activeSIMList: [],\r\n inactiveSIMList: [],\r\n suspendedSIMList: [],\r\n companySIMList: [],\r\n itemType:[]\r\n\r\n }\r\n } else {\r\n return {\r\n ...state,\r\n message: action.message,\r\n SIMTypeList: [],\r\n typeList: [],\r\n activeSIMList: [],\r\n inactiveSIMList: [],\r\n suspendedSIMList: [],\r\n companySIMList: [],\r\n itemType:[],\r\n timestamp: action.timestamp\r\n }\r\n }\r\n case WEB_SERVICE_GET_SAP_CSV_SUCCESS:\r\n\r\n //console.log(action.data)\r\n return {\r\n ...state,\r\n dFile: action.data,\r\n message: action.message\r\n }\r\n case WEB_SERVICE_GET_SAP_CSV_FAILED:\r\n\r\n return {\r\n ...state,\r\n dFile: null,\r\n message: action.message\r\n }\r\n case COMPANY_GET_ACTIVITY_REPORT_SUCCESS:\r\n return {\r\n ...state,\r\n activityReportList: action.payload\r\n }\r\n case COMPANY_GET_ACTIVITY_REPORT_FAILED:\r\n return {\r\n ...state,\r\n activityReportList: []\r\n }\r\n case USER_CLEAR_CARRIER_PLAN_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n carrierPlanList: action.payload\r\n }\r\n case CLEAR_CLIENT_DATA:\r\n return {\r\n ...state,\r\n SIMTypeList: [],\r\n typeList: [],\r\n inactiveSIMList: [],\r\n activeSIMList: [],\r\n suspendedSIMList: [],\r\n companySIMList: [],\r\n carrierPlanList: []\r\n\r\n }\r\n case GET_DEVICE_LIST_SUCCESS:\r\n return {\r\n ...state,\r\n clientActiveDeviceList: action.payload.itemDeviceInfoList,\r\n }\r\n case GET_DEVICE_LIST_FAILED:\r\n return {\r\n ...state,\r\n message: action.message,\r\n clientActiveDeviceList: [],\r\n }\r\n case CHANGE_DEVICE_STATUS_SUCCESS:\r\n return {\r\n ...state,\r\n message: action.message,\r\n }\r\n case CHANGE_DEVICE_STATUS_FAILED:\r\n return {\r\n ...state,\r\n message: action.message,\r\n }\r\n case REGISTER_DEVICE_SUCCESS:\r\n return {\r\n ...state,\r\n message: action.message,\r\n }\r\n case REGISTER_DEVICE_FAILED:\r\n return {\r\n ...state,\r\n message: action.message,\r\n }\r\n case CARRIER_UPDATE_INFO_SUCCESS:\r\n case CARRIER_UPDATE_INFO_FAILED:\r\n default:\r\n return state;\r\n }\r\n}","/* eslint-disable */\r\nimport {\r\n ASSET_GET_RECURSIVE_DATA_SUCCEED,\r\n ASSET_GET_RECURSIVE_DATA_FAILED, \r\n ASSET_RESET_RECURSIVE_DATA,\r\n ASSET_REMOVE_RECUSIVE_LEVEL ,\r\n ASSET_RECURSIVE_START,\r\n} from '../../constants/actionTypes';\r\n\r\nconst initState = { \r\n recursiveData: [],\r\n recursiveClassOptions: [],\r\n loading: false,\r\n error: 0,\r\n message: '',\r\n type: '',\r\n}\r\n\r\nexport default function(state = initState, action){\r\n switch(action.type){\r\n case ASSET_RECURSIVE_START: \r\n return({\r\n ...state,\r\n loading: true,\r\n })\r\n // case ASSET_GET_RECURSIVE_DATA_SUCCEED:\r\n // let newData ;\r\n // let classOptions = [];\r\n // let payload ;\r\n // // if (action.payload && action.payload.length > 0) {\r\n // if (action.payload && action.payload.length >= 0) {\r\n // // let level = action.payload[0].level;\r\n // // newData = state.recursiveData.filter((item, index) => (item.level < level));\r\n // // newData = [...newData, ...action.payload];\r\n\r\n // let level = action.level;\r\n // \r\n // if (level == 0 && action.assetclassid) {\r\n // payload = action.payload.filter((item, index) => (item.assetclassid == action.assetclassid));\r\n \r\n // let cAssetclassid = null;\r\n // let cAssetclassname = null;\r\n // for(let i=0; i < action.payload.length; i++ ) {\r\n // let classid = action.payload[i].assetclassid;\r\n // let classname = action.payload[i].assetclassname;\r\n // // if(classid != cAssetclassid && classname != cAssetclassname){\r\n // // cAssetclassid = classid;\r\n // // cAssetclassname = classname;\r\n // // classOptions.push(action.payload[i]);\r\n // // }\r\n // if (classOptions.length > 0){\r\n // if (!classOptions.some((item, index) => (item.assetclassid == classid))){\r\n // classOptions.push(action.payload[i]);\r\n // }\r\n // }else{\r\n // classOptions.push(action.payload[i]);\r\n // }\r\n // }\r\n\r\n // }else{\r\n // payload = action.payload;\r\n // classOptions = [...state.recursiveClassOptions];\r\n // }\r\n\r\n // newData = state.recursiveData.filter((item, index) => (item.level <= level));\r\n // // newData = [...newData, ...action.payload];\r\n // newData = [...newData, ...payload];\r\n // }else{\r\n // // let level = action.level;\r\n // // \r\n // // newData = state.recursiveData.filter((item, index) => (item.level <= level));\r\n // // newData = [...newData];\r\n // newData = [...state.recursiveData];\r\n // }\r\n // \r\n // \r\n // return{\r\n // ...state,\r\n // recursiveData: newData,\r\n // recursiveClassOptions: classOptions, \r\n // loading: false,\r\n // error: 0,\r\n // message: '',\r\n // type: action.type,\r\n // }\r\n case ASSET_GET_RECURSIVE_DATA_SUCCEED:\r\n return{\r\n ...state,\r\n recursiveData: action.payload,\r\n // recursiveClassOptions: classOptions, \r\n loading: false,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n // case ASSET_REMOVE_RECUSIVE_LEVEL:\r\n // const levelindex = action.payload;\r\n // if (levelindex && state.recursiveData) {\r\n // newData = state.recursiveData.filter((item, index) => (item.level < levelindex));\r\n // }else{\r\n // newData = [...state.recursiveData];\r\n // }\r\n // return{\r\n // ...state,\r\n // recursiveData: newData,\r\n // loading: false,\r\n // error: 0,\r\n // message: '',\r\n // type: action.type,\r\n // }\r\n case ASSET_RESET_RECURSIVE_DATA:\r\n return{\r\n ...state,\r\n recursiveData: [],\r\n recursiveClassOptions: [], \r\n loading: false,\r\n error: 0,\r\n message: '',\r\n type: action.type,\r\n }\r\n case ASSET_GET_RECURSIVE_DATA_FAILED:\r\n return{\r\n ...state,\r\n recursiveData: [],\r\n recursiveClassOptions: [], \r\n loading: false,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n default: \r\n return {\r\n ...state,\r\n loading: false,\r\n }\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport { stat } from 'fs-extra';\r\nimport {surveilActionTypes} from '../../constants/actionTypes'\r\nimport SurveillancePage from '../../containers/Surveillance';\r\nimport { toast } from 'react-toastify';\r\n\r\nconst initialState = {\r\n assets: [], //asset list to show in surveillance map\r\n licenseplates: [],\r\n faceRecords: [],\r\n faceDetectionRecords: [],\r\n peopleCountRecords: [],\r\n carCountRecords: [],\r\n nvrList: []\r\n}\r\n\r\nexport default function(state = initialState, action) {\r\n const {type, payload} = action;\r\n switch(type) {\r\n case surveilActionTypes.ADD_ASSET:\r\n let assetList = state.assets\r\n let assetToAdd = payload;\r\n if(assetList.includes(assetToAdd)){ //if item already in list\r\n return state\r\n }else{\r\n //store the list of assets in the local storage for now, later will have to post to backend\r\n let list = JSON.stringify([...assetList, assetToAdd])\r\n sessionStorage.setItem(\"tempList\", list)\r\n return {\r\n ...state,\r\n assets: [...assetList, assetToAdd]\r\n }\r\n }\r\n \r\n case surveilActionTypes.LOAD_ASSETS:\r\n return {\r\n ...state,\r\n assets: payload\r\n }\r\n\r\n case surveilActionTypes.CLEAR_ASSETS:\r\n sessionStorage.setItem(\"tempList\", \"[]\")\r\n return {\r\n ...state,\r\n assets: []\r\n }\r\n \r\n case surveilActionTypes.LOAD_LPR_SUCCEED:\r\n // console.log('LOAD LPR SUCCEED')\r\n return {\r\n ...state,\r\n licenseplates: payload\r\n }\r\n\r\n case surveilActionTypes.LOAD_FACE_RECOGNITION_SUCCEED:\r\n // console.log('LOAD FR SUCCEED', payload)\r\n return {\r\n ...state,\r\n faceRecords: payload\r\n }\r\n case surveilActionTypes.LOAD_FACE_DETECTION_SUCCEED:\r\n // console.log('LOAD FR SUCCEED', payload)\r\n return {\r\n ...state,\r\n faceDetectionRecords: payload\r\n }\r\n case surveilActionTypes.LOAD_PEOPLE_COUNT_SUCCEED:\r\n if(payload.building){ //if building value not empty\r\n let newPeopleCountData = [...state.peopleCountRecords];\r\n //store records are grouped by date\r\n let currentDateDataIndex = newPeopleCountData.findIndex(a=>a.date === payload.date)\r\n if(currentDateDataIndex > -1){\r\n let buildingData = newPeopleCountData[currentDateDataIndex].data\r\n let buildingDataIndex = buildingData.findIndex(c => c.building === payload.building)\r\n if(buildingDataIndex > -1){\r\n let camData = buildingData[buildingDataIndex].data\r\n //loop through payload.data array and find in camData the item with the same camera name value\r\n //if found, update the data value, if not found, add the item to camData\r\n payload.data.forEach(d=>{\r\n let camDataIndex = camData.findIndex(e=>e.camName === d.camName)\r\n if(camDataIndex > -1){\r\n camData[camDataIndex].data = [...camData[camDataIndex].data, ...d.data]\r\n }else{\r\n camData.push(d)\r\n }\r\n }) \r\n }else{\r\n newPeopleCountData[currentDateDataIndex].data.push({\r\n building: payload.building,\r\n data: payload.data\r\n })\r\n }\r\n }else{\r\n newPeopleCountData.push({\r\n date: payload.date,\r\n data: [\r\n { \r\n building: payload.building,\r\n data:payload.data\r\n }\r\n ]\r\n })\r\n }\r\n return {\r\n ...state,\r\n peopleCountRecords: newPeopleCountData\r\n }\r\n }else{\r\n return {\r\n ...state\r\n }\r\n }\r\n case surveilActionTypes.LOAD_CAR_COUNT_SUCCEED:\r\n // console.log('LOAD CAR COUNT SUCCEED', payload)\r\n if(payload.building){ //if building value not empty\r\n let newCarCountData = [...state.carCountRecords];\r\n //store records are grouped by date\r\n let currentDateDataIndex = newCarCountData.findIndex(a=>a.date === payload.date)\r\n if(currentDateDataIndex > -1){\r\n let buildingData = newCarCountData[currentDateDataIndex].data\r\n let buildingDataIndex = buildingData.findIndex(c => c.building === payload.building)\r\n if(buildingDataIndex > -1){\r\n let camData = buildingData[buildingDataIndex].data\r\n //loop through payload.data array and find in camData the item with the same camera name value\r\n //if found, update the data value, if not found, add the item to camData\r\n payload.data.forEach(d=>{\r\n let camDataIndex = camData.findIndex(e=>e.camName === d.camName)\r\n if(camDataIndex > -1){\r\n camData[camDataIndex].data = [...camData[camDataIndex].data, ...d.data]\r\n }else{\r\n camData.push(d)\r\n }\r\n }) \r\n }else{\r\n newCarCountData[currentDateDataIndex].data.push({\r\n building: payload.building,\r\n data: payload.data\r\n })\r\n }\r\n }else{\r\n newCarCountData.push({\r\n date: payload.date,\r\n data: [\r\n { \r\n building: payload.building,\r\n data:payload.data\r\n }\r\n ]\r\n })\r\n }\r\n return {\r\n ...state,\r\n carCountRecords: newCarCountData\r\n }\r\n }else{\r\n return {\r\n ...state\r\n }\r\n }\r\n \r\n case surveilActionTypes.LOAD_NVR_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n nvrList: payload\r\n }\r\n \r\n case surveilActionTypes.LOAD_NVR_LIST_FAILED:\r\n toast.error('Failed to load NVR list')\r\n\r\n case surveilActionTypes.ADD_NVR_SUCCEED:\r\n return {\r\n ...state,\r\n nvrList: [...state.nvrList, payload]\r\n }\r\n case surveilActionTypes.ADD_NVR_FAILED:\r\n toast.error(payload);\r\n default:\r\n return state;\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport {\r\n POWER_GET_ASSET_HISTORY_START,\r\n POWER_GET_ASSET_HISTORY_SUCCEED,\r\n POWER_GET_ASSET_HISTORY_CLEAR,\r\n WEATHER_GET_ASSET_DATA_SUCCEED,\r\n WEATHER_GET_ASSET_DATA_FAILED,\r\n WEATHER_GET_ASSET_DATA_CLEAR,\r\n WEATHER_GET_ALARM_COUNT_SUCCEED,\r\n WEATHER_GET_ALARM_COUNT_FAILED,\r\n WEATHER_GET_ALARM_COUNT_CLEAR,\r\n WEATHER_SET_STORE_ASSET_DATA,\r\n WEATHER_GET_ASSET_HISTORY_START,\r\n WEATHER_GET_ASSET_HISTORY_SUCCEED,\r\n WEATHER_GET_ASSET_HISTORY_FAILED,\r\n WEATHER_GET_ASSET_HISTORY_CLEAR,\r\n WEATHER_UPDATE_ASSET_HISTORY_SUCCEED,\r\n WEATHER_SET_STORE_ASSET_HISTORY_DATA,\r\n WEATHER_SUB_DATA_UPDATED,\r\n WEATHER_GET_ALL_CONFIG_SUCCEED,\r\n WEATHER_GET_ALL_CONFIG_FAILED, \r\n WEATHER_POST_CONFIG_SUCCEED, \r\n WEATHER_POST_CONFIG_FAILED,\r\n WEATHER_GET_HOURLYALARM_COUNT_SUCCEED,\r\n WEATHER_GET_HOURLYALARM_COUNT_FAILED, \r\n WEATHER_GET_HOURLYALARM_COUNT_CLEAR,\r\n WEATHER_GET_24_HISTORY_SUCCEED,\r\n WEATHER_GET_24_HISTORY_FAILED, \r\n WEATHER_UPDATE_24_HISTORY_SUCCEED,\r\n WEATHER_GET_1_MONTH_HISTORY_SUCCEED,\r\n WEATHER_GET_1_MONTH_HISTORY_FAILED,\r\n WEATHER_GET_24_HISTORY_CLEAR,\r\n WEATHER_GET_ASSET_DATA_START,\r\n WEATHER_GET_ALARM_COUNT_START,\r\n WEATHER_GET_HOURLYALARM_COUNT_START,\r\n WEATHER_GET_24HYALARM_COUNT_START, \r\n WEATHER_GET_24HALARM_COUNT_SUCCEED,\r\n WEATHER_GET_24HALARM_COUNT_FAILED, \r\n WEATHER_GET_24HALARM_COUNT_CLEAR,\r\n WEATHER_GET_MONTHLYALARM_COUNT_START,\r\n WEATHER_GET_MONTHLYALARM_COUNT_SUCCEED,\r\n WEATHER_GET_MONTHLYALARM_COUNT_FAILED,\r\n WEATHER_GET_MONTHLYALARM_COUNT_CLEAR,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_START,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_SUCCEED,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_FAILED,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_CLEAR,\r\n WEATHER_GET_6MONTHSALARM_COUNT_START,\r\n WEATHER_GET_6MONTHSALARM_COUNT_SUCCEED,\r\n WEATHER_GET_6MONTHSALARM_COUNT_FAILED,\r\n WEATHER_GET_6MONTHSALARM_COUNT_CLEAR,\r\n WEATHER_GET_ALARM_COUNT_LIST_START,\r\n WEATHER_GET_ALARM_COUNT_LIST_SUCCEED,\r\n WEATHER_GET_ALARM_COUNT_LIST_FAILED,\r\n WEATHER_GET_ALARM_COUNT_LIST_CLEAR,\r\n WEATHER_GET_ROLLING24HALARM_COUNT_SUCCEED,\r\n WEATHER_GET_ROLLING24HALARM_COUNT_START,\r\n} from '../../constants/actionTypes';\r\nimport {\r\n ATTRIBUTE_ORDER , ATTRIBUTE_TYPE, POWER_ATTRIBUTE_ORDER\r\n} from '../../constants/dataConstants';\r\n\r\nconst initState = {\r\n assetDataLoading: false,\r\n assetHistoryLoading: false,\r\n assetCountLoading: false,\r\n assetCountListLoading: false,\r\n assetHourlyCountLoading: false,\r\n assetMonthlyCountLoading: false,\r\n assetQuarterMonthCountLoading: false,\r\n asset6MonthsCountLoading: false,\r\n alarm24HCountLoading: false,\r\n rawAssetData:[],\r\n assetData:[],\r\n assetExpendData:[],\r\n rawAssetHistoryData:[],\r\n assetHistoryData:[],\r\n assetHistoryObj: null,\r\n powerAssetHistoryObj:null,\r\n allAttriList: [],\r\n powerAttrList:[],\r\n asset24HObj: null,\r\n alarmCounts:[],\r\n countUnit: 'day',\r\n alarmMonthlyCounts: [],\r\n monthlyCountUnit: 'day',\r\n alarmCountsList: [],\r\n alarmQuarterMonthCounts: [],\r\n alarmQuarterMonthCountsUnit: 'day',\r\n alarm6MonthsCounts: [],\r\n alarm6MonthsCountsUnit: 'day',\r\n alarm24HCounts:[],\r\n alarm24HCountUnit: 'hour',\r\n alarmRolling24HCounts:[],\r\n alarmRolling24HCountUnit: 'hour',\r\n allConfig:[],\r\n error: 0,\r\n message: '',\r\n type: '',\r\n}\r\n\r\nconst msg_succeed = 'SUCCEED';\r\n\r\nexport default function(state=initState, action){\r\n \r\n switch(action.type){\r\n case WEATHER_GET_ASSET_DATA_SUCCEED:\r\n return {\r\n ...state,\r\n rawAssetData: action.payload,\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_DATA_START:\r\n return {\r\n ...state,\r\n assetDataLoading: true,\r\n error: 0 ,\r\n //message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_SET_STORE_ASSET_DATA:\r\n return{\r\n ...state,\r\n assetDataLoading: false,\r\n rawAssetData: action.payloada,\r\n assetData: action.payloadb,\r\n assetExpendData: action.payloadc,\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_SUB_DATA_UPDATED: \r\n return{\r\n ...state,\r\n assetDataLoading: false,\r\n // rawAssetData: action.payloada,\r\n assetData: action.payloada,\r\n assetExpendData: action.payloadb,\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_DATA_CLEAR:\r\n return {\r\n ...state,\r\n assetDataLoading: false,\r\n rawAssetData: [],\r\n assetData:[],\r\n assetExpendData:[],\r\n error: 0 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case WEATHER_SET_STORE_ASSET_HISTORY_DATA:\r\n return {\r\n ...state,\r\n rawAssetHistoryData: action.payloada,\r\n assetHistoryData: action.payloadb,\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_HISTORY_START: \r\n return{\r\n ...state,\r\n assetHistoryLoading: true,\r\n error: 0 ,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_HISTORY_SUCCEED:\r\n const allAttriList = [];\r\n const assetHistoryObj = assetHistoryDataProcessor(action.payload, action.parameters, allAttriList);\r\n return {\r\n ...state,\r\n assetHistoryLoading: false,\r\n assetHistoryObj,\r\n allAttriList,\r\n error: 0 ,\r\n // message: msg_succeed,\r\n type: action.type,\r\n }\r\n case POWER_GET_ASSET_HISTORY_START: \r\n return{\r\n ...state,\r\n assetHistoryLoading: true,\r\n error: 0 ,\r\n type: action.type,\r\n }\r\n case POWER_GET_ASSET_HISTORY_SUCCEED:\r\n const powerAttrList = [];\r\n const powerAssetHistoryObj = powerAssetHistoryDataProcessor(action.payload, action.parameters, powerAttrList);\r\n return {\r\n ...state,\r\n assetHistoryLoading: false,\r\n powerAssetHistoryObj,\r\n powerAttrList,\r\n error: 0 ,\r\n // message: msg_succeed,\r\n type: action.type,\r\n }\r\n\r\n case POWER_GET_ASSET_HISTORY_CLEAR:\r\n return {\r\n ...state,\r\n rawAssetHistoryData: [],\r\n assetHistoryData:[],\r\n assetHistoryLoading: false,\r\n powerAssetHistoryObj: null,\r\n powerAttrList: [],\r\n error: 0 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n\r\n case WEATHER_UPDATE_ASSET_HISTORY_SUCCEED:\r\n let updateObj = updateAssetHistoryData(state.assetHistoryObj, state.allAttriList, action.payload, action.startDateMoment, action.endDateMoment);\r\n return {\r\n ...state,\r\n assetHistoryLoading: false,\r\n assetHistoryObj: updateObj.hisoryObj,\r\n allAttriList: updateObj.allAttriList,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_HISTORY_CLEAR:\r\n return {\r\n ...state,\r\n rawAssetHistoryData: [],\r\n assetHistoryData:[],\r\n assetHistoryLoading: false,\r\n assetHistoryObj: null,\r\n allAttriList: [],\r\n error: 0 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_24_HISTORY_SUCCEED:\r\n const asset24HObj = assetHistoryDataProcessor(action.payload)\r\n return{\r\n ...state,\r\n asset24HObj,\r\n error:0,\r\n // message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_24_HISTORY_FAILED:\r\n return{\r\n ...state,\r\n asset24HObj: null,\r\n error:1,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n case WEATHER_UPDATE_24_HISTORY_SUCCEED:\r\n let update24Obj = updateAssetHistoryData(state.asset24HObj, null, action.payload, action.startDateMoment, action.endDateMoment);\r\n return {\r\n ...state,\r\n asset24HObj: update24Obj.hisoryObj,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_1_MONTH_HISTORY_SUCCEED:\r\n const asset1MonthObj = assetHistoryDataProcessor(action.payload)\r\n return{\r\n ...state,\r\n asset1MonthObj,\r\n error:0,\r\n // message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_1_MONTH_HISTORY_FAILED:\r\n return{\r\n ...state,\r\n asset1MonthObj: null,\r\n error:1,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_START:\r\n \r\n return{\r\n ...state,\r\n assetCountLoading: true,\r\n error: 0 ,\r\n // message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_LIST_START:\r\n return {\r\n ...state,\r\n assetCountListLoading: true,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_SUCCEED: \r\n \r\n return{\r\n ...state,\r\n assetCountLoading: false,\r\n alarmCounts: action.payload,\r\n countUnit: 'day',\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_LIST_SUCCEED:\r\n return{\r\n ...state,\r\n assetCountListLoading: false,\r\n alarmCountsList: action.payload,\r\n countUnit: 'day',\r\n error: 0,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_HOURLYALARM_COUNT_START:\r\n return{\r\n ...state,\r\n assetHourlyCountLoading: true,\r\n error: 0 ,\r\n // message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_MONTHLYALARM_COUNT_START:\r\n return {\r\n ...state,\r\n assetMonthlyCountLoading: true,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_QUARTERMONTHALARM_COUNT_START:\r\n return {\r\n ...state,\r\n assetQuarterMonthCountLoading: true,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_6MONTHSALARM_COUNT_START:\r\n return {\r\n ...state,\r\n asset6MonthsCountLoading: false,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_MONTHLYALARM_COUNT_SUCCEED:\r\n return {\r\n ...state,\r\n assetMonthlyCountLoading: false,\r\n alarmMonthlyCounts: action.payload,\r\n monthlyCountUnit: 'day',\r\n error: 0,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_QUARTERMONTHALARM_COUNT_SUCCEED:\r\n return {\r\n ...state,\r\n assetQuarterMonthCountLoading: false,\r\n alarmQuarterMonthCounts: action.payload,\r\n alarmQuarterMonthCountsUnit: 'day',\r\n error: 0,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_6MONTHSALARM_COUNT_SUCCEED:\r\n\r\n const sixMonthsCounts = sixMonthsAlarmProcessor(action.payload, action.parameters)\r\n return {\r\n ...state,\r\n asset6MonthsCountLoading: false,\r\n alarm6MonthsCounts: action.payload,\r\n alarm6MonthsCountsUnit: 'day',\r\n error: 0,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_24HYALARM_COUNT_START:\r\n return {\r\n ...state,\r\n alarm24HCountLoading: true,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_24HALARM_COUNT_SUCCEED:\r\n // console.log(action.payload)\r\n // console.log(action.parameters)\r\n const alarm24HCounts = lightningHourlyCountsProcessor(action.payload, action.parameters);\r\n return{\r\n ...state,\r\n alarm24HCountLoading: false,\r\n alarm24HCounts: alarm24HCounts,\r\n alarm24HCountUnit: 'hour',\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ROLLING24HALARM_COUNT_START:\r\n return {\r\n ...state,\r\n alarm24HCountLoading: true,\r\n error: 0,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ROLLING24HALARM_COUNT_SUCCEED:\r\n const alarmRolling24HCounts = lightningHourlyCountsProcessor(action.payload, action.parameters);\r\n return {\r\n ...state,\r\n alarm24HCountLoading: false,\r\n alarmRolling24HCounts: alarmRolling24HCounts,\r\n alarm24HCountUnit: 'hour',\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n \r\n case WEATHER_GET_ALARM_COUNT_LIST_FAILED:\r\n return {\r\n ...state,\r\n assetCountListLoading: false,\r\n alarmCountsList: [],\r\n countUnit: 'day',\r\n error: 1,\r\n message: 'error',\r\n type: action.type,\r\n \r\n }\r\n case WEATHER_GET_MONTHLYALARM_COUNT_FAILED:\r\n return {\r\n ...state,\r\n assetMonthlyCountLoading: false,\r\n monthlyAlarmCounts: [],\r\n monthlyCountUnit: 'day',\r\n error: 1,\r\n message: 'error',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_QUARTERMONTHALARM_COUNT_FAILED:\r\n return {\r\n ...state,\r\n assetQuarterMonthCountLoading: false,\r\n alarmQuarterMonthCounts: [],\r\n alarmQuarterMonthCountsUnit: 'day',\r\n error: 1,\r\n message: 'error',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_6MONTHSALARM_COUNT_FAILED:\r\n return {\r\n ...state,\r\n asset6MonthsCountLoading: false,\r\n alarm6MonthsCounts: [],\r\n alarm6MonthsCountsUnit: 'day',\r\n error: 1,\r\n message: 'error',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_LIST_CLEAR:\r\n return {\r\n ...state,\r\n assetCountListLoading: false,\r\n alarmCountsList: [],\r\n countUnit: 'day',\r\n error: 0,\r\n message: 'clear',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_MONTHLYALARM_COUNT_CLEAR:\r\n return {\r\n ...state,\r\n assetMonthlyCountLoading: false,\r\n monthlyAlarmCounts: [],\r\n monthlyCountUnit: 'day',\r\n error: 0,\r\n message: 'clear',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_QUARTERMONTHALARM_COUNT_CLEAR:\r\n return {\r\n ...state,\r\n assetQuarterMonthCountLoading: false,\r\n alarmQuarterMonthCounts: [],\r\n alarmQuarterMonthCountsUnit: 'day',\r\n error: 0,\r\n message: 'clear',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_6MONTHSALARM_COUNT_CLEAR:\r\n return {\r\n ...state,\r\n asset6MonthsCountLoading: false,\r\n alarm6MonthsCounts: [],\r\n alarm6MonthsCountsUnit: 'day',\r\n error: 0,\r\n message: 'clear',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_24HALARM_COUNT_FAILED:\r\n return{\r\n ...state,\r\n alarm24HCountLoading: false,\r\n alarm24HCounts: [],\r\n alarm24HCountUnit: 'hour',\r\n error: 1 ,\r\n message: 'error',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_24HALARM_COUNT_CLEAR:\r\n return{\r\n ...state,\r\n alarm24HCountLoading: false,\r\n alarm24HCounts: [],\r\n alarm24HCountUnit: 'hour',\r\n error: 0 ,\r\n message: 'clear',\r\n type: action.type,\r\n }\r\n case WEATHER_GET_HOURLYALARM_COUNT_SUCCEED:\r\n let hourlyCount = [];\r\n \r\n // \r\n if (action.payload && action.parameters && action.parameters.starttime) {\r\n let timeArray = action.parameters.starttime.split(':');\r\n // hourlyCount = action.payload.map((item, index) => ({date:item.time.substr(0,5), yellow: item.yellow, orange: item.orange, red: item.red, green: item.green}));\r\n hourlyCount = action.payload.map((item, index) => ({date:`${timeArray[0]}T${item.time}.000+0000`, yellow: item.yellow, orange: item.orange, red: item.red, green: item.green}));\r\n }\r\n // \r\n \r\n // \r\n\r\n return{\r\n ...state,\r\n assetHourlyCountLoading: false,\r\n alarmCounts: hourlyCount,\r\n countUnit: 'hour',\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_CLEAR:\r\n \r\n return{\r\n ...state,\r\n assetCountLoading: false,\r\n alarmCounts:[],\r\n countUnit: 'day',\r\n error: 0 ,\r\n message: action.message,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALL_CONFIG_SUCCEED:\r\n return{\r\n ...state,\r\n allConfig: action.payload,\r\n error: 0 ,\r\n message: msg_succeed,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALL_CONFIG_FAILED: \r\n return{\r\n ...state,\r\n allConfig: [],\r\n error: 1 ,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_DATA_FAILED:\r\n return {\r\n ...state,\r\n assetDataLoading: false,\r\n rawAssetData:[],\r\n assetData:[],\r\n assetExpendData:[],\r\n error: 1 ,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ASSET_HISTORY_FAILED:\r\n return {\r\n ...state,\r\n rawAssetHistoryData:[],\r\n assetHistoryData:[],\r\n error: 1 ,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_HOURLYALARM_COUNT_FAILED:\r\n return {\r\n ...state,\r\n assetHourlyCountLoading: false,\r\n alarmCounts:[],\r\n error: 1 ,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n case WEATHER_GET_ALARM_COUNT_FAILED:\r\n \r\n return {\r\n ...state,\r\n assetCountLoading: false,\r\n alarmCounts:[],\r\n error: 1 ,\r\n message: action.error,\r\n type: action.type,\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n// ---------------- data processing helpers ------------------------\r\nexport function assetHistoryDataProcessor(AssetData, parameters=null, allAttriList=null){\r\n let starttime = null;\r\n let endtime = null;\r\n if (parameters && parameters.starttime && parameters.endtime) {\r\n starttime = parameters.starttime;\r\n endtime = parameters.endtime;\r\n }\r\n let reData = null;\r\n const shownAtrributes = ATTRIBUTE_ORDER.filter(item => (item.selected === true)).map(item => (item.attributename));\r\n const shownAllAttributes = [...shownAtrributes, 'Alarm','LevelTotal'];\r\n if (Array.isArray(AssetData) && AssetData.length > 0) {\r\n const assets = AssetData[0].asset;\r\n if (Array.isArray(assets) && assets.length > 0) {\r\n reData = {};\r\n for (let asset of assets) {\r\n const key = asset.assetid;\r\n const attrmap = {};\r\n Array.isArray(asset.device) && asset.device.forEach( dev => {\r\n Array.isArray(dev.msgs) && dev.msgs.forEach((msg, mindex) => {\r\n const time = msg.timestamp;\r\n msg.msg && Object.entries(msg.msg).forEach(([key, value])=>{\r\n if (allAttriList && shownAllAttributes.includes(value.attributename)) {\r\n let attriObj = {\r\n assetid: asset.assetid,\r\n assetname: asset.assetname,\r\n attributename: value.attributename,\r\n displayname: value.displayname,\r\n type: ATTRIBUTE_TYPE.DEVICE,\r\n display: value.display,\r\n attritime:msg.timestamp,\r\n timestamp:msg.timestamp,\r\n value: value.value,\r\n };\r\n allAttriList.push(attriObj);\r\n \r\n }\r\n if (! shownAtrributes.includes(value.attributename)) {\r\n let flag = true;\r\n for(let z = 0; z < asset.assetattributes.length; z++){\r\n let strraw = asset.assetattributes[z].value;\r\n if(strraw.toLowerCase()==\"parking\"){\r\n flag = false;\r\n }\r\n }\r\n\r\n if(flag){\r\n return;\r\n }\r\n }\r\n const group_key = `${dev.deviceid}:${key}`;\r\n if (attrmap[group_key]){\r\n attrmap[group_key]['data'].push({x:time, y: value.value});\r\n attrmap[group_key]['lasttime']= time;\r\n attrmap[group_key]['lastvalue']= value.value;\r\n }\r\n else{\r\n const data = [{x:time, y: value.value}];\r\n const lasttime = time;\r\n const lastvalue = value.value;\r\n const displayname = value.displayname;\r\n const type = ATTRIBUTE_TYPE.DEVICE;\r\n const attrbase = ATTRIBUTE_ORDER.find(item => (item.attributename === value.attributename));\r\n let attritem = {\r\n ...attrbase,\r\n data,\r\n lasttime,\r\n lastvalue,\r\n displayname,\r\n type,\r\n starttime,\r\n endtime,\r\n }\r\n attrmap[group_key] = attritem;\r\n }\r\n // if (mindex == dev.msgs.length -1) {\r\n // attrmap[group_key]['lasttime']= time;\r\n // attrmap[group_key]['lastvalue']= value.value;\r\n // }\r\n });\r\n });\r\n // reData[key] = attrmap;\r\n });\r\n reData[key] = attrmap;\r\n }\r\n }\r\n }\r\n return reData;\r\n}\r\n\r\nexport function powerAssetHistoryDataProcessor(AssetData, parameters=null, powerAttrList=null){\r\n let starttime = null;\r\n let endtime = null;\r\n if (parameters && parameters.starttime && parameters.endtime) {\r\n starttime = parameters.starttime;\r\n endtime = parameters.endtime;\r\n }\r\n let reData = null;\r\n const shownAttributes = POWER_ATTRIBUTE_ORDER.filter(item => (item.selected === true)).map(item => (item.attributename));\r\n const shownAllAttributes = [...shownAttributes];\r\n if (Array.isArray(AssetData) && AssetData.length > 0) {\r\n const assets = AssetData[0].asset;\r\n // console.log(\"===weatherReducerassets\", assets);\r\n if (Array.isArray(assets) && assets.length > 0) {\r\n reData = {};\r\n for (let asset of assets) {\r\n const key = asset.assetid;\r\n const attrmap = {};\r\n Array.isArray(asset.device) && asset.device.forEach( dev => {\r\n Array.isArray(dev.msgs) && dev.msgs.forEach((msg, mindex) => {\r\n const time = msg.timestamp;\r\n msg.msg && Object.entries(msg.msg).forEach(([key, value])=>{\r\n if (powerAttrList && shownAllAttributes.includes(value.attributename)) {\r\n let attriObj = {\r\n deviceid: dev.deviceid,\r\n assetid: asset.assetid,\r\n assetname: asset.assetname,\r\n numberofdevices: asset.device.length,\r\n attributename: value.attributename,\r\n displayname: value.displayname,\r\n type: ATTRIBUTE_TYPE.DEVICE,\r\n display: value.display,\r\n attritime:msg.timestamp,\r\n timestamp:msg.timestamp,\r\n value: value.value,\r\n };\r\n powerAttrList.push(attriObj);\r\n }\r\n // console.log(\"===weatherReducerPowerAttr\", powerAttrList);\r\n if (! shownAttributes.includes(value.attributename)) {\r\n let flag = true;\r\n for(let z = 0; z < asset.assetattributes.length; z++){\r\n let strraw = asset.assetattributes[z].value;\r\n if(strraw.toLowerCase()==\"parking\"){\r\n flag = false;\r\n }\r\n }\r\n\r\n if(flag){\r\n return;\r\n }\r\n }\r\n const group_key = `${dev.deviceid}:${key}`;\r\n if (attrmap[group_key]){\r\n attrmap[group_key]['data'].push({x:time, y: value.value});\r\n attrmap[group_key]['lasttime']= time;\r\n attrmap[group_key]['lastvalue']= value.value;\r\n }\r\n else{\r\n const data = [{x:time, y: value.value}];\r\n const lasttime = time;\r\n const lastvalue = value.value;\r\n const displayname = value.displayname;\r\n const type = ATTRIBUTE_TYPE.DEVICE;\r\n const attrbase = POWER_ATTRIBUTE_ORDER.find(item => (item.attributename === value.attributename));\r\n let attritem = {\r\n ...attrbase,\r\n data,\r\n lasttime,\r\n lastvalue,\r\n displayname,\r\n type,\r\n starttime,\r\n endtime,\r\n }\r\n attrmap[group_key] = attritem;\r\n }\r\n // if (mindex == dev.msgs.length -1) {\r\n // attrmap[group_key]['lasttime']= time;\r\n // attrmap[group_key]['lastvalue']= value.value;\r\n // }\r\n });\r\n });\r\n // reData[key] = attrmap;\r\n });\r\n reData[key] = attrmap;\r\n }\r\n }\r\n }\r\n return reData;\r\n}\r\n\r\nexport function updateAssetHistoryData (history, allAttriList, pubsub, startDateMoment, endDateMoment) {\r\n \r\n\r\n // assetHistoryObj,\r\n // allAttriList,\r\n\r\n const starttime = startDateMoment ? startDateMoment.utc().valueOf(): null;\r\n const endtime = endDateMoment ? endDateMoment.utc().valueOf() : null;\r\n // let reValue = history;\r\n let reObj = {};\r\n reObj.hisoryObj = history;\r\n reObj.allAttriList = allAttriList;\r\n if (pubsub && history && history[pubsub.assetid]!= null) {\r\n const historyClone = JSON.parse(JSON.stringify(history));\r\n Array.isArray(pubsub.msgs) && pubsub.msgs.forEach(msg => {\r\n msg.msg && Object.entries(msg.msg).forEach(([key, value])=>{\r\n if (Array.isArray(allAttriList) && allAttriList.length > 0 && shownAllAttributes.includes(value.attributename)) {\r\n \r\n let allAttriListClone = allAttriList.slice(0);\r\n let firstItem = allAttriListClone[0];\r\n if (firstItem.assetid == pubsub.assetid) {\r\n let attriObj = {\r\n ...firstItem,\r\n attributename: value.attributename,\r\n displayname: value.displayname,\r\n type: ATTRIBUTE_TYPE.DEVICE,\r\n display: value.display,\r\n value: value.value,\r\n attritime:msg.timestamp,\r\n timestamp:msg.timestamp,\r\n };\r\n allAttriListClone.push(attriObj);\r\n if (starttime && endtime) {\r\n allAttriListClone = allAttriListClone.filter(item => (item.timestamp >= starttime && item.timestamp <= endtime));\r\n }\r\n reObj.allAttriList = allAttriListClone\r\n }\r\n }\r\n const group_key = `${pubsub.deviceid}:${key}`;\r\n if (historyClone[pubsub.assetid][group_key]){\r\n let attriObj = historyClone[pubsub.assetid][group_key];\r\n attriObj['data'].push({x:msg.timestamp, y: value.value});\r\n // if (attriObj['starttime'] && attriObj['endtime']) {\r\n // attriObj['data'] = attriObj['data'].filter(item => (item.x >= attriObj['starttime'] && item.x <= attriObj['endtime']));\r\n // }\r\n if (starttime && endtime) {\r\n attriObj['starttime'] = starttime;\r\n attriObj['endtime'] = endtime;\r\n attriObj['data'] = attriObj['data'].filter(item => (item.x >= starttime && item.x <= endtime));\r\n }\r\n }\r\n });\r\n });\r\n\r\n reObj.hisoryObj = historyClone;\r\n }\r\n return reObj;\r\n}\r\n\r\nfunction lightningHourlyCountsProcessor(payload, parameters) {\r\n let hourlyCount = [];\r\n if (payload && parameters && parameters.starttime) {\r\n // console.log(\"===hourlyparameters\", parameters);\r\n // console.log(\"===parameters.starttime\", parameters.starttime);\r\n let timeArray = parameters.starttime.split(':');\r\n // console.log(\"===timeArray\", timeArray);\r\n // hourlyCount = action.payload.map((item, index) => ({date:item.time.substr(0,5), yellow: item.yellow, orange: item.orange, red: item.red, green: item.green}));\r\n if (Array.isArray(timeArray) && timeArray.length > 0) {\r\n hourlyCount = payload.map((item, index) => ({date:`${timeArray[0]}T${item.time}.000+0000`, yellow: item.yellow, orange: item.orange, red:item.red, green: item.green}));\r\n // console.log(\"===hourlyCount\", hourlyCount);\r\n\r\n } \r\n }\r\n return hourlyCount;\r\n}\r\n\r\nfunction sixMonthsAlarmProcessor(payload, parameters) {\r\n let sixMonthsCount = [];\r\n if(payload && parameters && parameters.starttime) {\r\n // console.log(\"===parametersMonthly\", parameters);\r\n let timeArray = parameters.starttime;\r\n if(Array.isArray(timeArray) && timeArray.length > 0) {\r\n sixMonthsCount = payload.map((item, index) => ({data: `${timeArray[0]}`, red: item.red}));\r\n // console.log(\"===sixMonthsCount\", sixMonthsCount);\r\n }\r\n }\r\n\r\n return sixMonthsCount;\r\n}","/* eslint-disable */\r\nimport { PageLayoutHeaderIcon } from \"mdi-react\";\r\nimport {\r\n MESSAGE_DECODE_LOAD_SUCCEED,\r\n MESSAGE_DECODE_LOAD_FAILED,\r\n MESSAGE_DECODE_ADD_MESSAGE_DECODE,\r\n MESSAGE_DECODE_LOAD_LIST_START,\r\n MESSAGE_DECODE_LOAD_LIST_SUCCEED,\r\n MESSAGE_DECODE_LOAD_LIST_FAILED,\r\n MESSAGE_DECODE_LOAD_GROUP_START,\r\n MESSAGE_DECODE_LOAD_GROUP_SUCCEED,\r\n MESSAGE_DECODE_LOAD_GROUP_FAILED,\r\n MESSAGE_DECODE_UPDATE_ONE_MESSAGE_DECODE,\r\n MESSAGE_DECODE_REMOVE_MESSAGE_DECODE,\r\n} from \"../../constants/actionTypes\";\r\n/**\r\n * Create Group \r\n * POST http://localhost:8080/MessageDecode/Group\r\n * {\r\n * \"name\":\"name323\"\r\n * }\r\n * \r\n * Update Group\r\n * POST http://localhost:8080/MessageDecode/Group\r\n * {\r\n * \"groupId\":2,\r\n * \"name\":\"name211\"\r\n * }\r\n * \r\n * Get Group\r\n * GET http://localhost:8080/MessageDecode/Group?groupId=2\r\n * \r\n * Delete Group\r\n * DELETE http://localhost:8080/MessageDecode/Group?groupId=3\r\n * \r\n * \r\n */\r\nconst initState = {\r\n messageDecodeList: [],\r\n messageDecodeGroup: [],\r\n deviceTypeId: \"\",\r\n messageLength: \"\",\r\n encryptionMethod: \"\",\r\n decryptionKey: \"\",\r\n bodyMessage: \"\",\r\n status: \"\",\r\n calculateRules: [],\r\n module: \"\",\r\n messageDecodeLoading: false,\r\n\r\n error: 0,\r\n message: \"\",\r\n type: \"\",\r\n};\r\n\r\nexport default function(state = initState, action) {\r\n switch (action.type) {\r\n case MESSAGE_DECODE_LOAD_LIST_START:\r\n return {\r\n ...state,\r\n messageDecodeLoading: true,\r\n error: 0,\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_LOAD_LIST_SUCCEED:\r\n return {\r\n ...state,\r\n messageDecodeLoading: false,\r\n messageDecodeList: action.payload,\r\n error: 0,\r\n message: \"Message decode list updated.\",\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_ADD_MESSAGE_DECODE:\r\n return {\r\n ...state,\r\n messageDecodeList: assignNextIdToNewItemThenPushToList(\r\n [...state.messageDecodeList],\r\n action.payload,\r\n \"messageDecodeItemId\"\r\n ),\r\n error: 0,\r\n message: \"Added message decode to list\",\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_UPDATE_ONE_MESSAGE_DECODE:\r\n return {\r\n ...state,\r\n messageDecodeList: updateElemHavingId(\r\n [...state.messageDecodeList],\r\n action.payload,\r\n \"messageDecodeItemId\"\r\n ),\r\n error: 0,\r\n message: \"Updated a message decode in list.\",\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_REMOVE_MESSAGE_DECODE:\r\n return {\r\n ...state,\r\n messageDecodeList: removeElemHavingId(\r\n [...state.messageDecodeList],\r\n action.payload,\r\n \"messageDecodeItemId\"\r\n ),\r\n error: 0,\r\n message: \"Removed a message decode from list.\",\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_LOAD_LIST_FAILED:\r\n\r\n case MESSAGE_DECODE_LOAD_GROUP_START:\r\n return {\r\n ...state,\r\n messageDecodeLoading: true,\r\n error: 0,\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_LOAD_GROUP_SUCCEED:\r\n return {\r\n ...state,\r\n messageDecodeLoading: false,\r\n messageDecodeGroup: action.payload,\r\n error: 0,\r\n message: \"Message decode group updated.\",\r\n type: action.type,\r\n };\r\n case MESSAGE_DECODE_LOAD_GROUP_FAILED:\r\n return {\r\n ...state,\r\n messageDecodeLoading: false,\r\n error: 1,\r\n message: action.error,\r\n type: action.type,\r\n };\r\n default:\r\n return { ...state };\r\n }\r\n}\r\n\r\nfunction assignNextIdToNewItemThenPushToList(list, item, idField) {\r\n let nextIdFromGreatest =\r\n list.reduceRight((max, a) => Math.max(max, a[idField]), 0) + 1;\r\n item = { [idField]: nextIdFromGreatest, ...item };\r\n list.push(item);\r\n return list;\r\n}\r\n\r\nfunction updateElemHavingId(list, id, item, idField) {\r\n let index = list.findIndex((l) => l[idField] == id);\r\n if (index == -1)\r\n return assignNextIdToNewItemThenPushToList(list, item, idField);\r\n list[index] = { ...list[index], ...item };\r\n return list;\r\n}\r\n\r\nfunction removeElemHavingId(list, id, idField) {\r\n let index = list.findIndex((l) => l[idField] == id);\r\n list.splice(index, 1);\r\n return list;\r\n}\r\n","/* eslint-disable */\r\n// import { combineReducers, createStore } from 'redux';\r\nimport { combineReducers, createStore, applyMiddleware } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport { reducer as reduxFormReducer } from 'redux-form';\r\nimport { composeWithDevTools } from 'redux-devtools-extension';\r\nimport {\r\n sidebarReducer,\r\n themeReducer,\r\n mapReducer,\r\n mapFileterReducer,\r\n assetReducer,\r\n fenceReducer,\r\n ruleReducer,\r\n allModulesReducer,\r\n fetchDetailReducer,\r\n fetchUsersReducer,\r\n saveDetailReducer,\r\n attributeMgmtReducer,\r\n jobReducer,\r\n userReducer,\r\n dashboardTemplateReducer,\r\n attributeThemeReducer,\r\n dashboardReducer,\r\n reportReducer,\r\n inventoryReducer,\r\n recursiveReducer,\r\n surveillanceReducer,\r\n weatherReducer,\r\n messagedecodeReducer,\r\n powerReducer,\r\n} from '../../redux/reducers/index';\r\nimport { USER_LOGOUT, STORE_RESET } from '../../constants/actionTypes';\r\n\r\nconst reducer = combineReducers({\r\n form: reduxFormReducer, // mounted under \"form\",\r\n theme: themeReducer,\r\n sidebar: sidebarReducer,\r\n mapboard: mapReducer,\r\n mapfilter: mapFileterReducer,\r\n asset: assetReducer,\r\n fence: fenceReducer,\r\n rule: ruleReducer,\r\n users: fetchUsersReducer,\r\n detail: fetchDetailReducer,\r\n modules: allModulesReducer,\r\n saveDetail: saveDetailReducer,\r\n attributemgmt: attributeMgmtReducer,\r\n job: jobReducer,\r\n user: userReducer,\r\n dashboardTemplate: dashboardTemplateReducer,\r\n attributetheme: attributeThemeReducer,\r\n dashboard: dashboardReducer,\r\n report: reportReducer,\r\n inventory: inventoryReducer,\r\n recursive: recursiveReducer,\r\n surveillance: surveillanceReducer,\r\n weather: weatherReducer,\r\n messagedecode: messagedecodeReducer,\r\n // powerManagement: powerReducer,\r\n});\r\n\r\nconst rootReducer = (state, action) => {\r\n // \r\n let passState;\r\n if (action.type === USER_LOGOUT || action.type === STORE_RESET) {\r\n console.log('STORE RESET', state)\r\n // state = undefined;\r\n passState = undefined; \r\n console.log(passState)\r\n } else {\r\n passState = state;\r\n }\r\n // \r\n // return reducer(state, action);\r\n return reducer(passState, action);\r\n};\r\n\r\n// const store = createStore(reducer);\r\n\r\n// const store = createStore(reducer, compose(applyMiddleware(thunk)));\r\nconst store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));\r\n\r\n\r\nexport default store;\r\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB6UlEQVRYhe2XMUscURDHf7scKnIRFREREQuxFLGw0BSiIGIhQSxCsE4RxG9g7WewtBALCyuFoKSytpJAGlFEQVBziErkopNi52RYd2/f5vYWBQeGt/ufYeb/ZuaxbyGFCHQKrAqcClyp/tb1TGBNoDdNzDTJewROBCRBLwQGXON6KQhsAvP6ug8cAn8BX3UAmFD7Dw8mXWO7JG8WeNAdbku837qpRJdLbD8mUMEq0A00qHmXkN34fTdh+iJ8EnfaKvBLoCzwGNLKzsK4q19ZZ6i7GoGPDkNWq87GJZ8W2MqBwLbAXNQMDAOfktqUgcwAY5WXgjGUgHPFOhW7Be5rTNgEtOjzJcHRvYr1FvDNMC3WmByBL6b87WF75DHMU+IIPFm7QFFgQ3VUsX6DDSo2ZLAuGyMUN160BWUt2ZJiHaaMnxUbMdiUYtMG61dswWCtrhXITd4JJBHIgmDVIUw6BXWXV9+CuufIYwZSJ6hn/52HMEt5ey3INYfT1zBDeTEDhSivCPs10KbPlRvSgcFudd0z2I1LjiQCHwC8gHnJGrzgapWIAcVUBDxA4CfBJfWbBG24IyBRKWHcUfXN6gONwFfFjoA/1cg8i8CEuZRkoY/2Kh7ecByJcWCF4Kfzf4fxCTgGlj3YiXL4Bxc5dvubWceLAAAAAElFTkSuQmCC\"","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport { createBrowserHistory } from 'history';\r\n// import { useHistory } from \"react-router-dom\";\r\nimport ReactDOM from \"react-dom\";\r\n// import { browserHistory } from 'react-router';\r\nimport { hot } from 'react-hot-loader';\r\nimport { Provider } from 'react-redux';\r\n// import { compose } from 'redux';\r\nimport { BrowserRouter, HashRouter } from 'react-router-dom';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport axios from 'axios';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\nimport '../../scss/app.scss';\r\nimport Router from './Router';\r\nimport store from './store';\r\nimport ScrollToTop from './ScrollToTop';\r\nimport { I18nextProvider } from 'react-i18next';\r\nimport i18next from 'i18next';\r\nimport { config as i18nextConfig } from '../../translations';\r\nimport log from 'loglevel';\r\nimport { getCurrentUser } from '../../factories/utils';\r\nimport 'antd/dist/antd.css';\r\n\r\ni18next.init(i18nextConfig);\r\ntoast.configure();\r\nlog.setLevel(\"debug\");\r\n// log.setLevel(\"warn\");\r\n\r\naxios.interceptors.response.use((response) => {\r\n //\r\n return response;\r\n}, (error) => {\r\n if (sessionStorage.getItem(\"jToken\") != null) {\r\n if (error.response && (error.response.status === 417 || error.response.status === 401)) {\r\n // if (error.response && (error.response.status === 417 || error.response.status === 401)) {\r\n console.log(\"Unauthorized request\")\r\n var com_name = localStorage.getItem(\"com_name\");\r\n if (com_name != null && com_name != 'null') {\r\n toast.error('The token has expired or is not valid, please log in again');\r\n window.location.href = '/' + com_name + '/#/log_out';\r\n } else {\r\n toast.error('The token has expired or is not valid, please log in again');\r\n window.location.href = '/#/log_out';\r\n }\r\n\r\n //window.location.href = \"/#/log_out\";\r\n // window.location.href = process.env.REACT_APP_URL_ROOT + \"#/log_out\";\r\n // window.history.push('/log_out');\r\n // let history = createBrowserHistory();\r\n // history.push(\"/#/log_out\");\r\n // --------------------------\r\n //let history = useHistory();\r\n // let history = createBrowserHistory({basename: process.env.REACT_APP_URL_ROOT});\r\n //\r\n //\r\n //\r\n // history.push(`${process.env.REACT_APP_URL_ROOT}#/log_out`);\r\n // browserHistory.push('/log_out');\r\n // var element = document.createElement(\"div\");\r\n //\r\n // ReactDOM.render(\r\n // \r\n {renderSpinner(this.state.loading)}\r\n
\r\n \r\n {this.renderClientList()}\r\n
\r\n \r\n {!this.state.listView ? this.renderNavigation(tabObjs) : null}\r\n
\r\n\r\n \r\n {!loaded &&\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n
\r\n {/* \r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n //\r\n
\r\n // \r\n
\r\n //\r\n
\r\n // \r\n
\r\n // \r\n
\r\n // \r\n
\r\n // \r\n
\r\n // \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TopbarSidebarButton;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport default class TopbarMenuLinks extends PureComponent {\r\n static propTypes = {\r\n title: PropTypes.string.isRequired,\r\n icon: PropTypes.string.isRequired,\r\n path: PropTypes.string.isRequired,\r\n };\r\n\r\n render() {\r\n const { title, icon, path } = this.props;\r\n\r\n return (\r\n \r\n \r\n {title}
\r\n \r\n );\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport React, { PureComponent } from 'react';\r\nimport DownIcon from 'mdi-react/ChevronDownIcon';\r\nimport { Collapse } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport TopbarMenuLink from './TopbarMenuLink';\r\n\r\nconst Ava = `${process.env.PUBLIC_URL}/img/ava.png`;\r\n\r\nclass TopbarProfile extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n collapse: false,\r\n };\r\n }\r\n\r\n toggle = () => {\r\n this.setState({ collapse: !this.state.collapse });\r\n };\r\n\r\n render() {\r\n\r\n let userName = \"Guest\"\r\n let sessionUser = sessionStorage.getItem('currentUser');\r\n\r\n if (this.props.currentUser && this.props.currentUser.userName && this.props.currentUser.userName.length > 0) {\r\n userName = this.props.currentUser.userName;\r\n } else if (sessionUser && sessionUser.length > 0) {\r\n userName = sessionUser;\r\n }\r\n // console.log(\"===currentUser\", this.props.currentUser);\r\n return (\r\n\r\n \r\n {this.state.collapse && }\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => (state.user);\r\n\r\nexport default connect(mapStateToProps, null)(TopbarProfile);\r\n","/* eslint-disable */\r\nimport React, { PureComponent } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Select from 'react-select';\r\nimport {getCurrentUser} from \"../../../factories/auth\";\r\n\r\nclass TopbarLanguage extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.languages = [\r\n { value: 'en', label: 'English' },\r\n { value: 'fr', label: 'French' },\r\n ];\r\n this.state = {\r\n selectedLan: this.languages[0],\r\n };\r\n this.userObj = getCurrentUser();\r\n if( this.userObj.detail==null){\r\n return;\r\n }\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n '&:active': {backgroundColor: this.userObj.detail.headerButtonHoverColor},\r\n color: \"black\",\r\n backgroundColor: state.isFocused ? this.userObj.detail.headerButtonHoverColor: \"white\",\r\n }),\r\n control: (base,selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.headerButtonHoverColor: base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': {borderColor: selectState.isFocused ? this.userObj.detail.headerButtonHoverColor: base.borderColor}\r\n }),\r\n indicatorsContainer: (base,selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n //'&:hover': {backgroudcolor: selectState.isFocused ? this.userObj.detail.headerButtonHoverColor: base.borderColor}\r\n\r\n }),\r\n }\r\n }\r\n\r\n handleLanguageChange = (val) => {\r\n \r\n this.props.i18n.changeLanguage(val.value);\r\n this.setState({\r\n selectedLan: val,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {/*
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('common')(TopbarLanguage);\r\n","/* eslint-disable */\r\nimport React, { PureComponent } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport TopbarSidebarButton from './TopbarSidebarButton';\r\nimport TopbarProfile from './TopbarProfile';\r\nimport TopbarLanguage from './TopbarLanguage';\r\nimport { axiosGet, getCurrentUser, base64Encode, getJwttoken } from '../../../factories/utils';\r\nimport { WEB_SERVICE_LOGO } from '../../../constants/appConstants'\r\n\r\nclass Topbar extends PureComponent {\r\n static propTypes = {\r\n changeMobileSidebarVisibility: PropTypes.func.isRequired,\r\n changeSidebarVisibility: PropTypes.func.isRequired,\r\n };\r\n\r\n render() {\r\n const { changeMobileSidebarVisibility, changeSidebarVisibility } = this.props;\r\n\r\n let currentUser = getCurrentUser();\r\n\r\n if (currentUser != null) {\r\n if (currentUser.detail != null) {\r\n var brandingLogo = currentUser.detail.headerLogoURL\r\n this.props.changeToCustom();\r\n }\r\n else{\r\n var brandingLogo = \"Waivlogo.png\"\r\n this.props.changeToDefault();\r\n\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Topbar;\r\n","/* eslint-disable */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Badge } from 'reactstrap';\r\nimport { BrowserRouter, NavLink } from 'react-router-dom';\r\n\r\nconst SidebarLink = ({\r\n title, icon, newLink, route, onClick,\r\n}) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n {title}\r\n {newLink ?
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from 'prop-types';\r\nimport SidebarLink from './SidebarLink';\r\nimport SidebarCategory from './SidebarCategory';\r\nimport { ViewDashboardIcon } from 'mdi-react';\r\nimport { getPageContent } from '../../../redux/actions/userAction';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { withTranslation } from 'react-i18next';\r\nimport logo from '../../../shared/img/logo/sigfoxbl.jpeg';\r\n\r\n\r\nclass SidebarContent extends Component {\r\n\r\n static propTypes = {\r\n // changeToDark: PropTypes.func.isRequired,\r\n // changeToLight: PropTypes.func.isRequired,\r\n onClick: PropTypes.func.isRequired,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser()\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getPageContent({ \"content\": \"Telecom App\" });\r\n this.props.getPageContent({ \"content\": \"Company\" });\r\n this.props.getPageContent({ \"content\": \"Smart Building\" });\r\n }\r\n\r\n hideSidebar = () => {\r\n this.props.onClick();\r\n };\r\n /**\r\n * vertical application editing. If a vertical Apps are edited, change the function here\r\n *\r\n * @param {*} userObj\r\n * @param {*} t\r\n * @returns\r\n */\r\n verticalAppLoading = (userObj, t) => {\r\n const apps = [\"Telecom App\", \"Billing App\", \"Weather App\", \"Occupancy App\", \"Garage App\", \"Snow App\", \"Opg App\", \"Power Management\", \"Template App\"];\r\n if (this.props.numOfApps == 1) {\r\n return (\r\n - \r\n
\r\n {children}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const { pageContentList } = state.user\r\n const props = { pageContentList }\r\n\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getPageContent\r\n }, dispatch);\r\n};\r\n\r\nSidebarContent = (connect(mapStateToProps, mapDispatchToProps))(SidebarContent)\r\n\r\nexport default (withTranslation('common'))(SidebarContent);\r\n","import PropTypes from 'prop-types';\r\n\r\nconst {\r\n string, shape,\r\n} = PropTypes;\r\n\r\nexport const SidebarProps = shape({\r\n show: PropTypes.bool,\r\n collapse: PropTypes.bool,\r\n});\r\n\r\nexport const ThemeProps = shape({\r\n className: string,\r\n});\r\n","/* eslint-disable */\r\n\r\nimport React from 'react';\r\nimport Scrollbar from 'react-smooth-scrollbar';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport SidebarContent from './SidebarContent';\r\nimport { SidebarProps } from '../../../shared/prop-types/ReducerProps';\r\n\r\nconst Sidebar = ({\r\n changeToDark, changeToLight, changeMobileSidebarVisibility, sidebar, numOfApps, route,\r\n}) => {\r\n const sidebarClass = classNames({\r\n sidebar: true,\r\n 'sidebar--show': sidebar.show,\r\n 'sidebar--collapse': sidebar.collapse,\r\n });\r\n\r\n return (\r\n - \r\n {(!sessionStorage.getItem('isAuthenticated') || 'true' != sessionStorage.getItem('isAuthenticated')) &&\r\n
- \r\n {/*
\r\n
}\r\n\r\n\r\n - \r\n
- \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSidebar.propTypes = {\r\n sidebar: SidebarProps.isRequired,\r\n changeToDark: PropTypes.func.isRequired,\r\n changeToLight: PropTypes.func.isRequired,\r\n changeMobileSidebarVisibility: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default Sidebar;\r\n","/* eslint-disable */\r\n\r\nimport React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport Topbar from './topbar/Topbar';\r\nimport Sidebar from './sidebar/Sidebar';\r\nimport { getCurrentUser, hasRole } from '../../factories/auth';\r\n\r\n\r\nimport { changeThemeToDark, changeThemeToLight, changeThemeToCustom, changeThemeToDefault } from '../../redux/actions/themeActions';\r\nimport { changeMobileSidebarVisibility, changeSidebarVisibility } from '../../redux/actions/sidebarActions';\r\nimport { SidebarProps } from '../../shared/prop-types/ReducerProps';\r\n\r\nclass Layout extends Component {\r\n static propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n sidebar: SidebarProps.isRequired,\r\n\r\n };\r\n\r\n changeSidebarVisibility = () => {\r\n this.props.dispatch(changeSidebarVisibility());\r\n };\r\n\r\n changeMobileSidebarVisibility = () => {\r\n this.props.dispatch(changeMobileSidebarVisibility());\r\n };\r\n\r\n changeToDark = () => {\r\n this.props.dispatch(changeThemeToDark());\r\n };\r\n\r\n changeToLight = () => {\r\n this.props.dispatch(changeThemeToLight());\r\n };\r\n changeToCustom = () => {\r\n this.props.dispatch(changeThemeToCustom());\r\n };\r\n changeToDefault = () => {\r\n this.props.dispatch(changeThemeToDefault());\r\n };\r\n\r\n render() {\r\n const layoutClass = classNames({\r\n layout: true,\r\n 'layout--collapse': this.props.sidebar.collapse,\r\n });\r\n\r\n let userObj = getCurrentUser();\r\n // console.log(\"===userObj\", userObj);\r\n var route = \"\";\r\n var numOfApps = 0;\r\n if (userObj) {\r\n //console.log('route',route)\r\n if (!userObj.sidebarContent.includes(\"Dashboard\")) {\r\n if(userObj.sidebarContent.includes(\"Power Management\")) {\r\n numOfApps += 1;\r\n route = \"/PowerManagement\";\r\n }\r\n if(userObj.sidebarContent.includes(\"Opg App\")) {\r\n numOfApps += 1;\r\n route = \"/OpgApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Snow App\")) {\r\n numOfApps += 1;\r\n route = \"/SnowApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Garage App\")) {\r\n numOfApps += 1;\r\n route = \"/ParkingApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Occupancy App\")) {\r\n numOfApps += 1;\r\n route = \"/OccupancyApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Weather App\")) {\r\n numOfApps += 1;\r\n route = \"/WeatherApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Telecom App\")) {\r\n numOfApps += 1;\r\n route = \"/TelecomApp\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Smart Building\")) {\r\n numOfApps += 1;\r\n route = \"/surveillance\";\r\n }\r\n if (userObj.sidebarContent.includes(\"Billing App\")) {\r\n numOfApps += 1;\r\n route = \"/BillingApp\";\r\n }\r\n } else {\r\n numOfApps +=2\r\n route= \"/Dashboard\"\r\n }\r\n }\r\n return (\r\n \r\n { }}\r\n changeToDark={changeToDark}\r\n changeToLight={changeToLight}\r\n numOfApps={numOfApps}\r\n route={route}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(connect(state => ({\r\n sidebar: state.sidebar,\r\n}))(Layout));\r\n","import React, { PureComponent } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { ThemeProps } from '../../shared/prop-types/ReducerProps';\r\n// eslint-disable-next-line import/first\r\nimport axios from 'axios';\r\nimport { WEB_SERVICE_ROOT } from '../../constants/appConstants';\r\n\r\nclass MainWrapper extends PureComponent {\r\n static propTypes = {\r\n theme: ThemeProps.isRequired,\r\n children: PropTypes.element.isRequired,\r\n };\r\n async componentDidMount() {\r\n const code = this.getQueryString('code');\r\n if (code && code !== '') {\r\n await this.postGetAccessToken();\r\n window.location.href = '/#/pages/OpgApp';\r\n localStorage.setItem('isToCalendar', '1');\r\n }\r\n }\r\n\r\n // eslint-disable-next-line react/sort-comp\r\n async postGetAccessToken() {\r\n const code = this.getQueryString('code');\r\n if (code === '') {\r\n return;\r\n }\r\n const data = { code, redirectUrl: window.location.origin };\r\n await axios.post(`${WEB_SERVICE_ROOT}opg/microsoftGraphAuth`, data);\r\n }\r\n\r\n // eslint-disable-next-line class-methods-use-this\r\n getQueryString(name) {\r\n const reg = new RegExp(`(^|&)${name}=([^&]*)(&|$)`, 'i');\r\n const r = window.location.search.substr(1).match(reg);\r\n if (r != null) return unescape(r[2]);\r\n return null;\r\n }\r\n render() {\r\n const { theme } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(state => ({\r\n theme: state.theme,\r\n}))(MainWrapper);\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React, { PureComponent } from 'react';\r\nimport CheckIcon from 'mdi-react/CheckIcon';\r\nimport CloseIcon from 'mdi-react/CloseIcon';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\n\r\nclass CheckBoxField extends PureComponent {\r\n static propTypes = {\r\n onChange: PropTypes.func.isRequired,\r\n name: PropTypes.string.isRequired,\r\n value: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.bool,\r\n ]).isRequired,\r\n label: PropTypes.string,\r\n defaultChecked: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n className: PropTypes.string,\r\n color: PropTypes.string,\r\n };\r\n\r\n static defaultProps = {\r\n label: '',\r\n defaultChecked: false,\r\n disabled: false,\r\n className: '',\r\n color: '',\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onChange(this.props.defaultChecked);\r\n }\r\n\r\n render() {\r\n const {\r\n disabled, className, name, value, onChange, label, color,\r\n } = this.props;\r\n const CheckboxClass = classNames({\r\n 'checkbox-btn': true,\r\n disabled,\r\n });\r\n\r\n return (\r\n \r\n {this.props.children}\r\n
\r\n \r\n //
\r\n // )\r\n // } else {\r\n return (\r\n \r\n //
\r\n // \r\n // ![\"Logo\"](\"https://waiviot-uat.itsp-inc.com:8443/upload/logo/Helix_Login.png\")
\r\n //
\r\n // \r\n // \r\n
\r\n \r\n
\r\n \r\n {!Logo &&
\r\n \r\n
}\r\n {Custom && loginTheme && Logo &&\r\n Welcome to\r\n {/* WuKong IoT */}\r\n WAiV IoT\r\n Platform\r\n \r\n
\r\n {/*Start your business easily
*/}\r\n\r\n 
}\r\n \r\n
\r\n Or Easily Using
\r\n\r\n
*/}\r\n Device Location
\r\n \r\n\r\n
\r\n \r\n \r\n {this.state.showColorPicker &&\r\n
\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n //----------------------------------------------------------\r\n handleCellOnclick = (e, i, name) =>{\r\n // let row = i;\r\n // let col = name;\r\n e.stopPropagation();\r\n \r\n \r\n this.setState({\r\n currentEditCell: {id:i,name:name}\r\n });\r\n } \r\n handleRowOnclick = (e, i) => {\r\n e.stopPropagation();\r\n if (this.state.attriSetup && Array.isArray(this.state.attriSetup) && i < this.state.attriSetup.length ){\r\n this.setState({\r\n modalSetVisible: true,\r\n currentIndex: i,\r\n currentLowValue: this.state.attriSetup[i].low,\r\n currentUpValue: this.state.attriSetup[i].up,\r\n currentEditColor: this.state.attriSetup[i].value\r\n });\r\n }\r\n }\r\n\r\n handleNewSetClick = (visible) => {\r\n let lowValue = 0 ;\r\n if (this.state.attriSetup ) {\r\n lowValue = Math.max.apply(Math, this.state.attriSetup.map( (o) => { return o.up; }));\r\n }\r\n \r\n this.setState({\r\n modalSetVisible: visible,\r\n currentIndex: -1,\r\n currentLowValue: lowValue,\r\n currentUpValue: lowValue,\r\n currentEditColor: '#ff0000'\r\n });\r\n \r\n }\r\n\r\n handleRowRemoveButClick = (e) => {\r\n e.stopPropagation();\r\n let i = e.target.value;\r\n let newSetups ; //= this.state.attriSetup.slice();\r\n // alert(i);\r\n // newSetups.splice(i, 1);\r\n // \r\n // \r\n // \r\n if (!isNaN(i) && this.state.attriSetup && Array.isArray(this.state.attriSetup) && i < this.state.attriSetup.length) {\r\n newSetups = this.state.attriSetup.slice();\r\n newSetups.splice(i, 1);\r\n this.setState({\r\n attriSetup: newSetups,\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n });\r\n // \r\n }\r\n\r\n }\r\n handleRowAddbutClick = (e) => {\r\n e.stopPropagation();\r\n // let i = e.target.value;\r\n let newSetups = this.state.attriSetup ? this.state.attriSetup.slice() : [];\r\n newSetups.push({low: this.state.currentLowValue, up: this.state.currentUpValue, value:this.state.currentEditColor});\r\n this.setState({\r\n attriSetup: newSetups,\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n });\r\n }\r\n handleRowSaveButClick = (e) => {\r\n e.stopPropagation();\r\n // alert(this.state.currentUpValue);\r\n // alert(this.state.currentIndex);\r\n\r\n if(!this.validateValue()){\r\n toast.error('The value input was not number or Upper nubmer was smaller than Lower number');\r\n return;\r\n }\r\n\r\n let newSetups = this.state.attriSetup ? this.state.attriSetup.slice() : [];\r\n let newSet = {low: Number(this.state.currentLowValue), up: Number(this.state.currentUpValue), value:this.state.currentEditColor};\r\n let i = this.state.currentIndex;\r\n\r\n if (!this.validateRange(newSet, i)){\r\n toast.error('The input range can not overlap with other defined ranges');\r\n return;\r\n }\r\n\r\n // alert(i && !isNaN(i) && i < newSetups.length);\r\n if (i !== undefined && i!== null && !isNaN(i) && i < 0){\r\n newSetups.push(newSet);\r\n }\r\n else if(i !== undefined && i!== null && !isNaN(i) && i < newSetups.length)\r\n {\r\n \r\n newSetups[i] = newSet;\r\n }\r\n // alert(newSetups);\r\n // \r\n newSetups.sort((a,b) => ( (a.low > b.low) ? 1 : (b.low > a.low) ? -1 : 0));\r\n this.setState({\r\n attriSetup: newSetups,\r\n currentLowValue:0,\r\n currentUpValue:0,\r\n currentEditColor: '#ff0000'\r\n });\r\n\r\n\r\n }\r\n renderAttrSetUpTbRow(item,i){\r\n const isEditModeLow = (this.state.currentEditCell && i === this.state.currentEditCell.id && 'low' === this.state.currentEditCell.name);\r\n const isEditModeUp = (this.state.currentEditCell && i === this.state.currentEditCell.id && 'up' === this.state.currentEditCell.name);\r\n // const isEditModeLow = false;\r\n // const isEditModeUp = false;\r\n\r\n\r\n return (\r\n {this.state.currentAttrName}
\r\n| Status | \r\nColor | \r\n
|---|---|
| Switch ON | \r\n\r\n \r\n \r\n \r\n \r\n \r\n {this.state.showColorPicker &&\r\n \r\n | \r\n
| Switch OFF | \r\n\r\n\r\n | \r\n
| {td1} | \r\n\r\n \r\n {/* {this.handleRowColorClick(e,i)}}> */}\r\n {this.handleRowColorClick(e,i)}}> \r\n \r\n \r\n \r\n {this.state.showColorPicker && i===this.state.currentIndex &&\r\n \r\n {this.handleColorOnClick(event)}} >\r\n }\r\n | \r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
*/}\r\n \r\n\r\n \r\n
\r\n
\r\n )\r\n }\r\n //----------------------------------------------------------\r\n renderAttributeSet(){\r\n if (!this.state.currentAttrName || 0 === this.state.currentAttrName.length){\r\n return null;\r\n }\r\n if (this.state.currentAttrType === 1){\r\n \r\n return(this.renderSwitchAttrSet());\r\n \r\n }else{\r\n \r\n return(this.renderValueAttrSet());\r\n }\r\n }\r\n //----------------------------------------------------------\r\n handelCardOnclick = () => {\r\n this.setState({\r\n currentEditCell: null\r\n });\r\n }\r\n\r\n handleSubmitOnclick = (e) => {\r\n this.props.handleSubmitOnclick( this.props.themeId, this.props.themeName, this.state.attris);\r\n }\r\n\r\n handleCancelOnclick = (e) => {\r\n this.props.handleCancelOnclick();\r\n }\r\n\r\n render(){\r\n return(\r\n {this.state.currentAttrName}
\r\n {/**/}\r\n \r\n
| Low Value | \r\nUp Value | \r\nColor | \r\n\r\n |
|---|
\r\n {' '}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n validateRange(newSet , i){\r\n\r\n let reVal = false;\r\n\r\n if (i !== undefined && i!== null && !isNaN(i) && i < 0){\r\n let newSetups = this.state.attriSetup ? this.state.attriSetup.slice() : [];\r\n reVal = this.validateRangeSet(newSetups, newSet); \r\n }\r\n else if (i !== undefined && i!== null && !isNaN(i) && i < this.state.attriSetup.length)\r\n {\r\n let filteredSetups = this.state.attriSetup.filter((element, index) => (index !== i));\r\n reVal = this.validateRangeSet(filteredSetups, newSet); \r\n }\r\n return reVal;\r\n }\r\n\r\n validateRangeSet (setList , set){\r\n setList.sort((a,b) => ( (a.low > b.low) ? 1 : (b.low > a.low) ? -1 : 0));\r\n for (let i = 0 ; i < setList.length; i++) {\r\n if ( setList[i].low === setList[i].up && set.low === set.up && set.low === setList[i].low){\r\n \r\n return false;\r\n }\r\n if (set.low >= setList[i].low && set.low < setList[i].up){\r\n \r\n return false;\r\n }\r\n }\r\n\r\n // for (let i = 0 ; i < setList.length; i++) {\r\n // if (set.up >= setList[i].low && set.up < setList[i].up){\r\n // return false;\r\n // }\r\n // }\r\n\r\n for (let i = 0 ; i < setList.length-1 ; i++) {\r\n if (set.low >= setList[i].up && set.low < setList[i+1].low) {\r\n if (set.up > setList[i+1].low){\r\n \r\n return false;\r\n }\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n\r\n validateValue = () => {\r\n if (isNaN(this.state.currentLowValue)){\r\n return false;\r\n }\r\n if (isNaN(this.state.currentUpValue)){\r\n return false;\r\n }\r\n let low = Number(this.state.currentLowValue);\r\n let up = Number(this.state.currentUpValue);\r\n // return (low <= up);\r\n return (low < up);\r\n }\r\n\r\n}\r\n\r\nexport default AttributeSetCard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport check_mark_circle from '../../../shared/img/icon/check_mark_circle.svg';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {EditTextButton, DeleteTextButton} from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass AttributeThemeList extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n }\r\n }\r\n\r\n handleRowClick = (row) => {\r\n // alert(`You click row id: ${row.id}`);\r\n this.props.handleRowClick(row);\r\n // alert('yes');\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n handleAddNewClick = () => {\r\n this.props.handleAddNew();\r\n }\r\n\r\n // options = {\r\n // onRowClick: this.handleRowClick,\r\n // onRowDoubleClick: function(row) {\r\n // // alert(`You double click row id: ${row.id}`);\r\n // }\r\n // };\r\n\r\n\r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return (\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n {this.props.themeName}
\r\n\r\n
| IsShown | \r\nID | \r\nAttributes | \r\nDisplay Name | \r\n\r\n | \r\n |
|---|
\r\n { this.handleRowClick(row); }}/>{' '}\r\n {/* { this.handleRowDeleteClick(row); }}/> */}\r\n {this.handleRowDeleteClick(row);}}\r\n msg={'Do you want to delete the select Geofence ? '}\r\n />\r\n {/* 
{ this.handleRowClick(row); }} />{' '} */}\r\n {/* 
{ this.handleRowDeleteClick(row); }} /> */}\r\n
\r\n )\r\n }\r\n // --------------------------------------------------------------------------------------------------\r\n handleInsertButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick \r\n // this.props.history.push('/pages/geofence');\r\n // return \r\n { this.handleAddNewClick(); }} /> */}\r\n {/* */}\r\n {/*
\r\n */}\r\n
\r\n
\r\n // {title}
\r\n{message}
\r\n\r\n //
\r\n );\r\n}\r\n\r\nlet notificationRU = null;\r\nlet notification = null;\r\n\r\nconst showNotification = ({ color, title, message }) => {\r\n \r\n \r\n notificationRU.notice({\r\n content: {title}
\r\n //{message}
\r\n //\r\n // \r\n //
\r\n // \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Notifications;\r\n// export default translate('common')(Notifiction);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport AttributeSetCard from './AttributeSetCard' \r\nimport AttributeThemeList from './AttributeThemeList'\r\nimport {loadDevice, loadDeviceAttr } from '../../../redux/actions/mapActions'\r\nimport {loadDeviceTypes, loadAssets, getAttributes, upsertAttributes, deleteAttributes, closeAlertOff} from '../../../redux/actions/attributeMgmtAction';\r\nimport {loadAssetClass, getAssetClassAttribute} from '../../../redux/actions/mapActions';\r\nimport {getThemeList, getAssetclassTheme, upsertAssetclassTheme, removeAssetclassTheme} from '../../../redux/actions/attributeThemeAction';\r\nimport {itemFinder, dropdownOnChangeHandler} from '../../../factories/utils';\r\n\r\nimport Notifications from '../../AlertComponent/components/Notification';\r\n\r\nclass AttributeBoard extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n isNew: null,\r\n showEdieCard: false,\r\n modalVisible: false,\r\n currentThemeId: 1,\r\n currentThemeName:'theme1', //5cf828390499f50b995ae851\r\n currentDeviceTypeId:'5cf828390499f50b995ae851',\r\n currentMessageTypeId: 1,\r\n currentMessageTypeName: 'Message Type I', \r\n currentAssetClassId: null,\r\n currentAssetClassName: '',\r\n themes: [\r\n {\r\n id:1, \r\n name: 'theme1',\r\n attris: [\r\n {display: true, name: 'Speed', type:0, setup:[{low:0,up:10,value:'#B53737'},{low:10,up:20,value:'#B53737'}]},\r\n {display: false, name: 'Temp', type:0, setup:[]},\r\n {display: true, name: 'Huli', type:1, setup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}]},\r\n {display: true, name: 'Attr1', type:0, setup:[{low:0,up:10,value:'#B53737'}]},\r\n {display: false, name: 'Attr2', type:0, setup:[]},\r\n ] \r\n }, \r\n {\r\n id:2, \r\n name: 'theme2',\r\n attris: [\r\n {display: true, name: 'Speed', type:0, setup:[{low:0,up:10,value:'#B53737'},{low:10,up:20,value:'#B53737'}]},\r\n {display: false, name: 'Temp', type:0, setup:[]},\r\n {display: false, name: 'Huli', type:1, setup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}]},\r\n {display: true, name: 'Attr1', type:0, setup:[{low:0,up:10,value:'#B53737'}]},\r\n {display: false, name: 'Attr2', type:0, setup:[]},\r\n ]\r\n }, \r\n {\r\n id:3, \r\n name: 'theme3',\r\n attris: [\r\n {display: true, name: 'Speed', type:0, setup:[{low:0,up:10,value:'#B53737'},{low:10,up:20,value:'#B53737'}]},\r\n {display: false, name: 'Temp', type:0, setup:[]},\r\n {display: true, name: 'Huli', type:1, setup:[{low:0,up:0,value:'#B53737'},{low:1,up:1,value:'#B53737'}]},\r\n {display: true, name: 'Attr1', type:0, setup:[{low:0,up:10,value:'#B53737'}]},\r\n {display: true, name: 'Attr2', type:0, setup:[]},\r\n ]\r\n }\r\n ],\r\n assetClassAttriSet: [\r\n {display: false, name: 'Speed', type:0, setup:[]},\r\n {display: false, name: 'Temp', type:0, setup:[]},\r\n {display: false, name: 'Huli', type:1, setup:[]},\r\n {display: false, name: 'Attr1', type:0, setup:[]},\r\n {display: false, name: 'Attr2', type:0, setup:[]},\r\n ],\r\n currentAttris:[],\r\n };\r\n\r\n this.currentInput = '';\r\n this.currentDeviceType = '5cf828390499f50b995ae851';\r\n \r\n this.toggle = this.toggle.bind(this);\r\n this.handleInputOnchang = this.handleInputOnchang.bind(this);\r\n this.handleInputClick= this.handleInputClick.bind(this);\r\n this.reenderEditCard = this.reenderEditCard.bind(this);\r\n this.handleThemeDropdownChange = this.handleThemeDropdownChange.bind(this);\r\n this.handleDeviceTypeDropdownChange = this.handleDeviceTypeDropdownChange.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n // this.props.loadDevice();\r\n // this.props.loadAssets({devicetypeid: this.state.currentDeviceType});\r\n this.props.loadAssetClass();\r\n \r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n // load asset class attribute, ??? \r\n // load theme data ???\r\n if(nextProps.assetClass && nextProps.assetClass != this.state.assetClass){\r\n // this.props.getAssetClassAttribute({assetclassid: value.id});\r\n if (nextProps.assetClass.length > 0 ){\r\n \r\n \r\n this.setState({\r\n currentAssetClassId: nextProps.assetClass[0].assetclassid,\r\n currentAssetClassName: nextProps.assetClass[0].assetclassname,\r\n assetClass: nextProps.assetClass,\r\n });\r\n this.props.getAssetClassAttribute({assetclassid: nextProps.assetClass[0].assetclassid});\r\n this.props.getThemeList(nextProps.assetClass[0].assetclassid);\r\n }\r\n }\r\n if (nextProps.assetclassTheme) {\r\n \r\n \r\n // let newattris = JSON.parse(JSON.stringify(nextProps.assetclassTheme.attris));\r\n this.setState({\r\n currentAttris: nextProps.assetclassTheme.attris,\r\n });\r\n }\r\n if (nextProps.upserted){\r\n this.setState({\r\n showEdieCard: false,\r\n });\r\n }\r\n if (nextProps.assetClassAttr){\r\n let assetClassAttriSet = [];\r\n // nextProps.assetClassAttr && Object.keys(nextProps.assetClassAttr).forEach((typeKey, tindex)=>{\r\n // nextProps.assetClassAttr[typeKey] && Object.keys(nextProps.assetClassAttr[typeKey]).forEach((attributeKey, aindex)=>{\r\n // let attribute = nextProps.assetClassAttr[typeKey][attributeKey];\r\n // if (attribute){\r\n // let attrItem = {\r\n // display: false,\r\n // attributeid: attribute.attributeid,\r\n // attributename: attribute.attributename,\r\n // name: attribute.displayname,\r\n // type: attribute.attributetype ===\"Boolean\" ? 1 : 0,\r\n // setup: [],\r\n // };\r\n // assetClassAttriSet.push(attrItem);\r\n // }\r\n // });\r\n // });\r\n // -------------------------------------------------------------------------\r\n nextProps.assetClassAttr && nextProps.assetClassAttr.map((assetclass, aindex) => {\r\n assetclass.atrributes && assetclass.atrributes.map((attr, atindex) => {\r\n let attrItem = {\r\n display: false,\r\n id: attr.attributeid,\r\n name: attr.attributename,\r\n displayname: attr.displayname,\r\n type: attr.attributetype === \"Boolean\" ? 1 : 0,\r\n setup: [],\r\n };\r\n assetClassAttriSet.push(attrItem);\r\n });\r\n });\r\n // -------------------------------------------------------------------------\r\n this.setState({\r\n assetClassAttriSet:assetClassAttriSet,\r\n });\r\n }\r\n }\r\n\r\n // static getDerivedStateFromProps(nextProps, prevState){}\r\n // ---------------------------------------------------------------------------\r\n handleThemeDropdownChange(e){\r\n let selectedId = e.target.value;\r\n let selectedIndex = e.target.selectedIndex;\r\n let selectedValue = e.target.options[selectedIndex].text;\r\n this.setState(\r\n {\r\n currentThemeId : selectedId,\r\n currentThemeName: selectedValue,\r\n showEdieCard: true,\r\n isNew: false,\r\n }\r\n )\r\n }\r\n\r\n handleAssetClassChange = (e) => {\r\n let value = dropdownOnChangeHandler(e);\r\n this.props.getThemeList(value.id);\r\n this.setState( { \r\n currentAssetClassId: value.id,\r\n currentAssetClassName: value.name,\r\n });\r\n // load asset class attribute here\r\n this.props.getAssetClassAttribute({assetclassid: value.id});\r\n }\r\n \r\n\r\n handleMessageDropdownChange=(e)=>{\r\n this.setState( { currentDeviceTypeId: e.target.value});\r\n }\r\n\r\n handleDeviceTypeDropdownChange(e){\r\n // let selecteValue = e.target.value;\r\n // this.currentDeviceType = e.target.value;\r\n this.setState( { currentDeviceTypeId: e.target.value});\r\n }\r\n\r\n manufactureOnChangeHandler = (e) => {\r\n let selectedValue = dropdownOnChangeHandler(e); //alert(selectedValue.id);\r\n this.props.loadAssets({devicetypeid: selectedValue.id});\r\n this.setState({\r\n currentDeviceTypeId : selectedValue.id,\r\n currentDeviceTypeName : selectedValue.name,\r\n });\r\n \r\n }\r\n\r\n handleSearchClick = (e) => {\r\n this.props.getThemeList(this.state.currentAssetClassId);\r\n this.setState({\r\n showEdieCard: false,\r\n currentAttris: [],\r\n });\r\n }\r\n\r\n renderTop(){\r\n return(\r\n \r\n {this.renderModal()}\r\n {/* {this.renderTop()} */}\r\n {this.renderThemeList()}\r\n {this.reenderEditCard()}\r\n {/* */}\r\n
\r\n )\r\n }\r\n}\r\n\r\n// export default AttributeBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n // \r\n // \r\n const types = state.mapboard.types;\r\n const attr = state.mapboard.attr;\r\n const assetClass = state.mapboard.assetClass;\r\n const assetClassAttr = state.mapboard.assetClassAttr;\r\n const assets = state.attributemgmt.assets;\r\n const props = { ...state.attributetheme, types, attr, assets, assetClass, assetClassAttr};\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadDevice, loadDeviceAttr, loadAssets, loadAssetClass, getAssetClassAttribute, getThemeList, getAssetclassTheme, upsertAssetclassTheme, removeAssetclassTheme}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AttributeBoard);\r\n","import React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport AttributeBoard from './components/AttributeSearchCard';\r\n\r\nconst AttributePage = () => (\r\n Appearance
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDetailModal.propTypes ={\r\n userEmail: PropTypes.string.isRequired,\r\n show: PropTypes.bool.isRequired,\r\n fullName: PropTypes.string.isRequired,\r\n userName: PropTypes.string.isRequired\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return state;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) =>{\r\n return bindActionCreators({ fetchDetail, fetchAllModules, saveDetail, addDetail, fetchAllGroups }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DetailModal);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport PropTypes from \"prop-types\";\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { Trans } from \"react-i18next\";\r\nimport { toast } from \"react-toastify\";\r\nimport { updateUser, modifyNvrPassword, getUserAssetclassList, upsertUserAssetclassList, getCompanyList, getRoles } from '../../../redux/actions/userAction';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport Select from 'react-select'\r\n\r\nclass UserEditFrom extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n data: [],\r\n email: '',\r\n fullName: '',\r\n userName: '',\r\n password: '',\r\n passwordConfirm: '',\r\n newUser: true,\r\n activeTab: '1',\r\n // groupdata: [],\r\n passConfirmed: true,\r\n // passconfirmValid: false,\r\n customStyles: {}\r\n };\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getCompanyList();\r\n this.props.getRoles();\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (nextProps.userObj === prevState.userObj) {\r\n return null\r\n }\r\n\r\n return ({\r\n loginName: nextProps.userObj.userName,\r\n fullName: nextProps.userObj.userName,\r\n email: nextProps.userObj.email,\r\n phoneNumber: nextProps.userObj.phoneNum,\r\n company: nextProps.userObj.companyCode,\r\n role: nextProps.userObj.role && nextProps.userObj.role.length > 0 ? nextProps.userObj.role[0] : null,\r\n password: '',\r\n passwordConfirm: '',\r\n userObj: nextProps.userObj,\r\n });\r\n }\r\n\r\n // componentWillReceiveProps(nextProps, nextContext) {\r\n // // alert(nextProps.modules.groupType);\r\n // // alert('edit form');\r\n // this.setState({\r\n // loginName: nextProps.userObj.userId,\r\n // fullName: nextProps.userObj.userName,\r\n // email: nextProps.userObj.email,\r\n // phoneNumber: nextProps.userObj.phoneNum,\r\n // userObj: nextProps.userObj,\r\n // });\r\n\r\n // }\r\n\r\n renderBackdrop = (props) => {\r\n return ;\r\n };\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onCompanyChange = (selectedOption) => {\r\n this.setState({ company: selectedOption ? selectedOption.value : '' });\r\n };\r\n\r\n onRoleChange = (selectedOption) => {\r\n this.setState({ role: selectedOption ? selectedOption.value : '' });\r\n };\r\n\r\n onSubmit = () => {\r\n // if (this.props.userName !== '') {\r\n // this.props.saveDetail({\r\n // email: this.state.email,\r\n // fullName: this.state.fullName,\r\n // data: this.state.data,\r\n // userName: this.state.loginName\r\n // });\r\n // }\r\n // else {\r\n // this.props.addDetail({\r\n // email: this.state.email,\r\n // fullName: this.state.fullName,\r\n // data: this.state.data,\r\n // userName: this.state.loginName\r\n // });\r\n // }\r\n if (!sessionStorage.getItem('companyCode') || !sessionStorage.getItem('currentUser')) {\r\n toast.error('error in getting current user info');\r\n return;\r\n }\r\n if (this.validateForm()) {\r\n // alert ('v yes');\r\n let phoneNo = this.state.phoneNumber;\r\n if (phoneNo) {\r\n phoneNo = phoneNo.replace('(', '').replace(')', '').replace('-', '').replace(' ', '');\r\n }\r\n let userObj = {\r\n // userId: this.state.loginName,\r\n userName: this.state.loginName,\r\n email: this.state.email,\r\n phoneNum: phoneNo,\r\n companyCode: this.state.company ? this.state.company : sessionStorage.getItem('companyCode'),\r\n role: [this.state.role],\r\n // phoneNum: this.state.phoneNumber,\r\n // password: this.state.passwordConfirm,\r\n }\r\n let nvrSyncPwObj = {\r\n username: this.state.loginName,\r\n }\r\n\r\n if (this.state.passwordConfirm && this.state.passwordConfirm.length > 0 && this.state.password === this.state.passwordConfirm) {\r\n userObj.password = this.state.passwordConfirm;\r\n nvrSyncPwObj.newPass = this.state.passwordConfirm;\r\n this.props.modifyNvrPassword(nvrSyncPwObj)\r\n }\r\n // this.props.addUser(userObj,true);\r\n // this.props.updateUser(userObj, true);\r\n this.props.updateUser(userObj, true, this.props.isCurrent, this.props.updateUserCallBack);\r\n\r\n this.onClose();\r\n } else {\r\n alert('v no');\r\n }\r\n };\r\n\r\n onClose = () => {\r\n // this.setState({\r\n // showModal: false\r\n // });\r\n // this.props.toggle();\r\n var currentLocation = window.location;\r\n currentLocation.pathname == \"/pages/userprofile\" ? history.back() : this.props.toggle();\r\n };\r\n\r\n validatePassConfirm = () => {\r\n let situation1 = (!this.state.password || this.state.password.length === 0) && (!this.state.passwordConfirm || this.state.passwordConfirm.length === 0);\r\n let situation2 = (this.state.passwordConfirm && this.state.passwordConfirm.length > 0 && this.state.password === this.state.passwordConfirm);\r\n // return (this.state.passwordConfirm && this.state.password === this.state.passwordConfirm);\r\n return (situation1 || situation2);\r\n }\r\n\r\n validateUserId = () => {\r\n return (this.state.loginName && this.state.loginName !== '');\r\n }\r\n\r\n validatePhoneNumber = () => {\r\n var regex = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n return (this.state.phoneNumber && regex.test(this.state.phoneNumber));\r\n }\r\n\r\n validateEmail = () => {\r\n // var regex = /^[a-zA-Z0-9.!#$%&\\'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\r\n // return (this.state.email && this.state.email.match(regex) !== null);\r\n var regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return (this.state.email && regex.test(this.state.email));\r\n }\r\n\r\n validateForm = () => {\r\n // return this.validateUserId() && this.validatePhoneNumber() && this.validateEmail() && this.validatePassConfirm() ;\r\n return /* this.validatePhoneNumber() && */ this.validateEmail() && this.validatePassConfirm();\r\n }\r\n\r\n render() {\r\n let labalStyle = { fontSize: '14px', textAlign: 'right' };\r\n const companyOptions = this.props.companyList.map(company => ({\r\n value: company.companyCode,\r\n label: company.companyName\r\n }));\r\n const roleOptions = this.props.roleList.map(role => ({\r\n value: role.name,\r\n label: role.description\r\n }));\r\n return (\r\n \r\n \r\n Full Name \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n {/* System */}\r\n Type\r\n \r\n \r\n ID \r\n \r\n \r\n Access \r\n \r\n {/* \r\n Group \r\n */}\r\n \r\n \r\n \r\n {this.renderGroupTab()}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n Full Name \r\n
\r\n
*/}\r\n\r\n Full Name */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n {this.props.companyList.map((company, index) => (\r\n \r\n ))}\r\n */}\r\n option.value === this.state.company)}\r\n options={companyOptions}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n
\r\n
\r\n\r\n \r\n {this.props.roleList.map((role, index) => (\r\n \r\n ))} */}\r\n {/* \r\n \r\n */}\r\n {/* */}\r\n option.value === this.state.role)}\r\n options={roleOptions}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\n\r\n// export default UserEditFrom;\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ updateUser, modifyNvrPassword, getUserAssetclassList, upsertUserAssetclassList, getCompanyList, getRoles }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserEditFrom);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { Trans } from \"react-i18next\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { removeUser, getUserAssetclassList, upsertUserAssetclassList } from '../../../redux/actions/userAction';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport Select from 'react-select';\r\n\r\nclass UserAccessForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n assetclassMap: [],\r\n customStyles: {}\r\n }\r\n this.state.customStyles = {\r\n container: (provided) => ({\r\n ...provided,\r\n maxWidth: 120,\r\n zIndex: 9999,\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n maxWidth: 120,\r\n zIndex: 9999,\r\n }),\r\n menuPortal: (provided) => ({\r\n ...provided,\r\n zIndex: 9999,\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n fontSize: \"14px\",\r\n padding: '4px',\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor },\r\n fontSize: \"14px\"\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n this.cellAuthSelection = this.cellAuthSelection.bind(this)\r\n this.onSelectChange = this.onSelectChange.bind(this)\r\n\r\n }\r\n\r\n componentDidMount() {\r\n // alert('user access form mount ');\r\n\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (nextProps.assetClasses === prevState.rawAssetClasses && nextProps.userAssetClassList === prevState.rawUserAssetClassList) {\r\n return null;\r\n }\r\n let assetclassMap = [];\r\n let restUserClassIds = [];\r\n\r\n if (nextProps.assetClasses) {\r\n nextProps.assetClasses && nextProps.assetClasses.map((assetclass, index) => {\r\n let mapItem = {\r\n assetclassid: assetclass.assetclassid,\r\n assetclassname: assetclass.assetclassname,\r\n companycode: assetclass.companycode,\r\n companyname: assetclass.companyname,\r\n access: 2,\r\n };\r\n assetclassMap.push(mapItem);\r\n });\r\n if (nextProps.userAssetClassList) {\r\n if (assetclassMap.length > 0) {\r\n assetclassMap.map((assetclass, index) => {\r\n let found = nextProps.userAssetClassList.find((element) => {\r\n return (element.assetclassid === assetclass.assetclassid);\r\n });\r\n if (found) {\r\n assetclass.access = 1;\r\n }\r\n });\r\n }\r\n else {\r\n // nextProps.userAssetClassList.forEach((item, index)=>{\r\n // let mapItem = {\r\n // assetclassid : item.assetclassid,\r\n // assetclassname: item.assetclassname,\r\n // companycode: '',\r\n // companyname: '',\r\n // access: 1,\r\n // };\r\n // assetclassMap.push(mapItem);\r\n // });\r\n }\r\n // --------------------------------------------------------------\r\n if (nextProps.companyAssetClasses && nextProps.assetClasses) {\r\n let restAssetClasses = nextProps.companyAssetClasses.filter((cItem, cIndex) => (nextProps.assetClasses.findIndex((a, i) => (cItem.assetclassid == a.assetclassid)) === -1));\r\n\r\n nextProps.userAssetClassList.forEach((item, index) => {\r\n if (restAssetClasses.findIndex((rItem, ri) => (item.assetclassid === rItem.assetclassid)) !== -1) {\r\n // restUserClassIds.push(item.devicetypeid);\r\n restUserClassIds.push(item.assetclassid);\r\n }\r\n });\r\n }\r\n // --------------------------------------------------------------\r\n }\r\n\r\n }\r\n return ({\r\n rawAssetClasses: nextProps.assetClasses,\r\n rawUserAssetClassList: nextProps.userAssetClassList,\r\n assetclassMap: assetclassMap,\r\n restUserClassIds: restUserClassIds,\r\n });\r\n\r\n }\r\n\r\n // componentWillReceiveProps(nextProps) {\r\n // \r\n // \r\n // // componentWillReceiveProps(nextProps, nextContext) {\r\n // alert('user access form ');\r\n // }\r\n\r\n // onSelectChange = (e, row) => {\r\n // e.preventDefault();\r\n\r\n // row.access = Number(e.target.value);\r\n\r\n // this.setState((preState) => {\r\n\r\n // return ({\r\n // assetclassMap: preState.assetclassMap,\r\n // });\r\n // }\r\n // );\r\n // }\r\n onSelectChange = (selectedOption, row) => {\r\n row.access = selectedOption.value;\r\n\r\n this.setState((preState) => ({\r\n assetclassMap: preState.assetclassMap,\r\n }));\r\n }\r\n\r\n onGroupSelectChange = (e, row) => {\r\n\r\n }\r\n\r\n // cellAuthSelection = (cell, row, enumObject, index) => {\r\n\r\n\r\n\r\n // // console.log('cell-row-enumObject-index',cell,row,enumObject,index)\r\n\r\n // // console.log('index+user role',`${index},user_role`)\r\n // return (\r\n // \r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n \r\n
\r\n \r\n this.onSelectChange(selectedOption, row)}\r\n options={options}\r\n styles={this.state.customStyles}\r\n className=\"select\"\r\n menuPortalTarget={document.body}\r\n />
\r\n );\r\n }\r\n\r\n\r\n cellGroupSelection = (cell, row, enumObject, index) => {\r\n\r\n return (\r\n // \r\n
\r\n\r\n \r\n {/* System */}\r\n Asset Class Name\r\n \r\n \r\n Asset Class ID \r\n \r\n \r\n Company Name\r\n \r\n \r\n Access \r\n \r\n {/* \r\n Group \r\n */}\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default UserAccessForm;\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ removeUser, getUserAssetclassList, upsertUserAssetclassList }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserAccessForm);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { updateUser } from '../../../redux/actions/userAction';\r\nimport {BootstrapTable, ExportCSVButton, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport { Trans } from \"react-i18next\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container } from 'reactstrap';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { ThemeProps } from \"../../../shared/prop-types/ReducerProps\";\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass UserClientAccessForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n resellerCode: \"\",\r\n }\r\n }\r\n componentDidMount(){\r\n this.setState({\r\n resellerCode: this.props.userObj.resellerCode,\r\n })\r\n }\r\n\r\n onRowSelect = (row, isSelected, e) => {\r\n if(isSelected){\r\n this.setState({resellerCode:row.resellerCode});\r\n }\r\n else{\r\n this.setState({resellerCode:\"\"});\r\n }\r\n }\r\n onClose = () => {\r\n this.props.toggle();\r\n }\r\n validateForm = () => {\r\n \r\n if(this.state.resellerCode == \"\"){\r\n return false;\r\n }\r\n else{\r\n return true;\r\n }\r\n }\r\n onSubmit = () =>{\r\n\r\n this.props.updateUser({userName:this.props.userObj.userName,resellerCode:this.state.resellerCode});\r\n this.onClose();\r\n }\r\n\r\n\r\n render() {\r\n const selectRowProp = {\r\n mode: 'radio',\r\n columnWidth: '40px',\r\n clickToSelect: true,\r\n onSelect: this.onRowSelect,\r\n selected:[this.state.resellerCode]\r\n };\r\n const options = {\r\n sizePerPageList: [ {\r\n text: '10', value: 10\r\n }, {\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n } ],\r\n }\r\n const { theme,user } = this.props;\r\n return (\r\n\r\n \r\n
\r\n
\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n reseller.status === 1)}\r\n exportCSV\r\n csvFileName='User_Client_Access.csv'\r\n tableHeaderClass='header_white'\r\n selectRow={selectRowProp}\r\n pagination\r\n options={options}\r\n >\r\n Client Name \r\n Client Name \r\n Account \r\n Client Identifier \r\n \r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {user:state.user,theme:state.theme};\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ updateUser }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserClientAccessForm);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { Trans } from \"react-i18next\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { removeUser, getUserDevicetypeList, upsertUserDevicetypeList } from '../../../redux/actions/userAction';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport Select from 'react-select';\r\n\r\nclass UserDeviceTypeAccessForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n devicetypeMap: [],\r\n restUserTypes: [],\r\n customStyles: {}\r\n }\r\n this.state.customStyles = {\r\n container: (provided) => ({\r\n ...provided,\r\n maxWidth: 120,\r\n zIndex: 9999,\r\n }),\r\n menu: (provided, state) => ({\r\n ...provided,\r\n maxWidth: 120,\r\n zIndex: 9999,\r\n }),\r\n menuPortal: (provided) => ({\r\n ...provided,\r\n zIndex: 9999,\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n fontSize: \"14px\",\r\n padding: '4px',\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor },\r\n fontSize: \"14px\"\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // alert('user access form mount ');\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n // alert('user access form ');\r\n if (nextProps.deviceTypes === prevState.rawDeviceTypes && nextProps.userDeviceTypeList === prevState.rawUserDeviceTypeList) {\r\n return null;\r\n }\r\n\r\n let devicetypeMap = [];\r\n let restUserTypeIds = [];\r\n\r\n if (nextProps.deviceTypes) {\r\n\r\n\r\n // nextProps.deviceTypes && nextProps.deviceTypes.forEach((devicetype, index) => {\r\n // // let mapItem = {\r\n // // devicetypeid : devicetype.id,\r\n // // devicetypename: devicetype.name,\r\n // // access: 2,\r\n // // };\r\n // let mapItem = {\r\n // devicetypeid : devicetype.devicetypeid,\r\n // devicetypename: devicetype.devicetypename,\r\n // companycode: devicetype.companycode,\r\n // companyname: devicetype.companyname,\r\n // access: 2,\r\n // };\r\n // devicetypeMap.push(mapItem);\r\n // });\r\n if (nextProps.deviceTypes) {\r\n let deviceTypeGroup = groupBy(nextProps.deviceTypes, devicetype => devicetype.devicetypeid);\r\n deviceTypeGroup.forEach((val, key, map) => {\r\n let deviceType = val[0];\r\n let companyCode = '';\r\n let companyName = '';\r\n let delimiter = '';\r\n val.forEach((item, index) => {\r\n companyName += delimiter + item.companyname\r\n companyCode += delimiter + item.companycode\r\n delimiter = ', ';\r\n });\r\n\r\n let mapItem = {\r\n devicetypeid: deviceType.devicetypeid,\r\n devicetypename: deviceType.devicetypename,\r\n companycode: companyCode,\r\n companyname: companyName,\r\n access: 2,\r\n };\r\n devicetypeMap.push(mapItem);\r\n });\r\n }\r\n if (nextProps.userDeviceTypeList) {\r\n // console.log('devicetypeMap :', devicetypeMap)\r\n\r\n if (devicetypeMap.length > 0) {\r\n devicetypeMap.map((devicetype, index) => {\r\n let found = nextProps.userDeviceTypeList.find((element) => {\r\n return (element.devicetypeid === devicetype.devicetypeid);\r\n });\r\n if (found) {\r\n devicetype.access = 1;\r\n }\r\n });\r\n } else {\r\n // nextProps.userDeviceTypeList.forEach((item, index)=>{\r\n // let mapItem = {\r\n // devicetypeid : item.devicetypeid,\r\n // devicetypename: item.devicetypename,\r\n // companycode: '',\r\n // companyname: '',\r\n // access: 1,\r\n // };\r\n // devicetypeMap.push(mapItem);\r\n // });\r\n }\r\n\r\n // --------------------------------------------------------------\r\n if (nextProps.companyDeviceTypes && nextProps.deviceTypes) {\r\n let restDeviceTypes = nextProps.companyDeviceTypes.filter((cItem, cIndex) => (nextProps.deviceTypes.findIndex((d, i) => (cItem.devicetypeid == d.devicetypeid)) === -1));\r\n nextProps.userDeviceTypeList.forEach((item, index) => {\r\n if (restDeviceTypes.findIndex((rItem, ri) => (item.devicetypeid === rItem.devicetypeid)) !== -1) {\r\n restUserTypeIds.push(item.devicetypeid);\r\n }\r\n });\r\n }\r\n // --------------------------------------------------------------\r\n\r\n }\r\n\r\n }\r\n return ({\r\n rawDeviceTypes: nextProps.deviceTypes,\r\n rawUserDeviceTypeList: nextProps.userDeviceTypeList,\r\n devicetypeMap: devicetypeMap,\r\n restUserTypeIds: restUserTypeIds,\r\n });\r\n\r\n }\r\n\r\n // componentWillReceiveProps(nextProps) {\r\n // \r\n // \r\n // // componentWillReceiveProps(nextProps, nextContext) {\r\n // alert('user access form ');\r\n // }\r\n\r\n // onSelectChange = (e, row) => {\r\n // e.preventDefault();\r\n // row.access = Number(e.target.value);\r\n // this.setState((preState) => {\r\n // return ({\r\n // devicetypeMap: preState.devicetypeMap,\r\n // });\r\n // }\r\n // );\r\n // }\r\n\r\n onSelectChange = (selectedOption, row) => {\r\n row.access = selectedOption.value;\r\n\r\n this.setState((preState) => ({\r\n assetclassMap: preState.assetclassMap,\r\n }));\r\n }\r\n\r\n onGroupSelectChange = (e, row) => {\r\n\r\n }\r\n\r\n cellAuthSelection = (cell, row, enumObject, index) => {\r\n const options = [\r\n { value: 1, label: 'Allow' },\r\n { value: 2, label: 'Deny' }\r\n ];\r\n\r\n const selectedValue = options.find(option => option.value === cell);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n }\r\n \r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n }\r\n \r\n \r\n
\r\n \r\n this.onSelectChange(selectedOption, row)}\r\n options={options}\r\n styles={this.state.customStyles}\r\n className=\"select\"\r\n menuPortalTarget={document.body}\r\n />
\r\n );\r\n }\r\n\r\n cellGroupSelection = (cell, row, enumObject, index) => {\r\n\r\n return (\r\n // \r\n
\r\n\r\n \r\n {/* System */}\r\n Device Type Name\r\n \r\n \r\n Device Type ID \r\n \r\n \r\n Company Name\r\n \r\n \r\n Access \r\n \r\n {/* \r\n Group \r\n */}\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default UserAccessForm;\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ removeUser, getUserDevicetypeList, upsertUserDevicetypeList }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserDeviceTypeAccessForm);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport PropTypes from \"prop-types\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container, Input } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport classnames from 'classnames';\r\n// import {Modal} from \"react-overlays\";\r\nimport { Trans } from \"react-i18next\";\r\nimport { addUser, removeUser, getUserAssetclassList, upsertUserAssetclassList, getUserDevicetypeList, upsertUserDevicetypeList, getUserCompanyDeviceTypes, getUserCompanyAssetClass, getAllResellers } from '../../../redux/actions/userAction';\r\nimport { loadAssetClass, loadDevice } from '../../../redux/actions/mapActions';\r\nimport UserEditFrom from './userEditForm';\r\nimport UserAccessForm from './userAccessForm';\r\nimport UserClientAccessForm from './userClientAccessForm';\r\nimport UserDeviceTypeAccessForm from './userDeviceTypeAccessForm';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { UserContext } from '../../../constants/myContexts';\r\n\r\nclass UserEditModal extends Component {\r\n static contextType = UserContext;\r\n constructor(props) {\r\n super(props);\r\n let index = localStorage.getItem('activeTab');\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n // showModal: false,\r\n activeTab: '1',\r\n currentUserId: '',\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n let currentUser = sessionStorage.getItem('currentUserObj');\r\n if (currentUser) {\r\n try {\r\n let userObj = JSON.parse(currentUser);\r\n // this.props.loadAssetClass();\r\n // this.props.loadDevice();\r\n // this.props.getUserCompanyAssetClass();\r\n // this.props.getUserCompanyDeviceTypes();\r\n // this.props.getUserAssetclassList(userObj.userId);\r\n // this.props.getUserAssetclassList(this.props.userId);\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n }\r\n // this.props.loadAssetClass();\r\n // this.props.loadDevice();\r\n this.props.getUserCompanyAssetClass();\r\n this.props.getUserCompanyDeviceTypes();\r\n this.props.getAllResellers();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // alert(nextProps.userId);\r\n // \r\n // \r\n // \r\n if (nextProps.userId && nextProps.userId != this.state.currentUserId) {\r\n nextProps.getUserAssetclassList(nextProps.userId);\r\n nextProps.getUserDevicetypeList(nextProps.userId);\r\n this.props.loadAssetClass();\r\n this.props.loadDevice();\r\n this.props.getAllResellers();\r\n // this.setState({\r\n // currentUserId : nextProps.userId,\r\n // });\r\n }\r\n\r\n this.setState({\r\n currentUserId: nextProps.userId,\r\n });\r\n }\r\n\r\n tabToggle = (tab) => {\r\n localStorage.setItem('activeTab', tab);\r\n // alert('y');\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n modalToggle = () => {\r\n this.setState({\r\n currentUserId: '',\r\n });\r\n this.props.toggle();\r\n }\r\n\r\n render() {\r\n let disableRight = !hasRole(this.props.currentUserObj, ['SUPERADMIN', 'ADMIN']);\r\n let deviceTypeList = [];\r\n let assetClassList = [];\r\n let isCurrent = (this.context.userObj.userName === this.props.userId);\r\n if (this.props.currentUserObj.userName === this.props.userId) {\r\n if (hasRole(this.props.userObj, ['SUPERADMIN'])) {\r\n deviceTypeList = this.props.companyDevicetypeList;\r\n assetClassList = this.props.companyAssetClassList;\r\n } else {\r\n deviceTypeList = this.props.companyDevicetypeList.filter((item, index) => (item.companycode == this.props.userObj.companyCode));\r\n // assetClassList = this.props.companyAssetClassList.filter((item, index)=>(item.company_code == this.props.userObj.companyCode));\r\n assetClassList = this.props.companyAssetClassList.filter((item, index) => (item.companycode == this.props.userObj.companyCode));\r\n }\r\n // deviceTypeList = this.props.companyDevicetypeList;\r\n // assetClassList = this.props.companyAssetClassList;\r\n } else if (this.props.userObj) {\r\n if (hasRole(this.props.userObj, ['SUPERADMIN'])) {\r\n // deviceTypeList = this.props.deviceTypes.map((item, index)=>({devicetypeid: item.id, devicetypename: item.name}));\r\n // assetClassList = this.props.assetClass;\r\n\r\n deviceTypeList = this.props.companyDevicetypeList.filter((item, index) => (this.props.deviceTypes.some(type => type.id == item.devicetypeid)));\r\n assetClassList = this.props.companyAssetClassList.filter((item, index) => (this.props.assetClass.some(assetclass => assetclass.assetclassid == item.assetclassid)));\r\n } else {\r\n let companyDevicetypes = this.props.companyDevicetypeList.filter((item, index) => (item.companycode == this.props.userObj.companyCode));\r\n // let companyAssetclasses = this.props.companyAssetClassList.filter((item, index)=>(item.company_code == this.props.userObj.companyCode));\r\n let companyAssetclasses = this.props.companyAssetClassList.filter((item, index) => (item.companycode == this.props.userObj.companyCode));\r\n\r\n // let deviceTypesWork = this.props.deviceTypes.filter((item, index) => (companyDevicetypes.some(type => type.devicetypeid == item.id)));\r\n // deviceTypeList = deviceTypesWork.map((item, index)=>({devicetypeid: item.id, devicetypename: item.name}));\r\n // assetClassList = this.props.assetClass.filter((item, index) => (companyAssetclasses.some(assetclass => assetclass.assetclassid ==item.assetclassid)));\r\n\r\n deviceTypeList = companyDevicetypes.filter((item, index) => (this.props.deviceTypes.some(type => type.id == item.devicetypeid)));\r\n assetClassList = companyAssetclasses.filter((item, index) => (this.props.assetClass.some(assetclass => assetclass.assetclassid == item.assetclassid)));\r\n }\r\n // deviceTypeList = this.props.deviceTypes.map((item, index)=>({devicetypeid: item.id, devicetypename: item.name}));\r\n // assetClassList = this.props.assetClass;\r\n }\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n Tab 1 Contents
*/}\r\n Please contact your admin to assign the asset class access
\r\n }\r\n \r\n Please contact your admin to assign the device type access
\r\n }\r\n \r\n Please contact your admin to assign the device type access
\r\n }\r\n \r\n \r\n {\r\n this.setState({\r\n userEmail: row.email,\r\n show: true,\r\n // fullName: row.full_name,\r\n userName: row.userName,\r\n userId: row.userId\r\n });\r\n // this.props.fetchDetail({userName: row.user_name});\r\n this.fetchUserDetail(row);\r\n // setTimeout(()=> {\r\n // this.setState({show: false})\r\n // }, 1);\r\n\r\n }} />{' '}\r\n
\r\n );\r\n };\r\n }\r\n\r\n cellDeleteButton = (cell, row, enumObject, index) => {\r\n const check1 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', 'USER', 'CLIENTADMIN', 'CLIENTUSER']);\r\n // const check2 = this.props.userObj && this.props.userObj.userName === row.userName;\r\n const check2 = this.props.userObj && this.props.userObj.userName === row.userName;\r\n const disabled = (check1 && check2);\r\n //\r\n //\r\n if (!disabled) {\r\n return (\r\n \r\n {\r\n this.setState({\r\n show: false\r\n });\r\n // this.props.deleteDetail({userName: row.user_name});\r\n this.props.removeUser(row.userName, true);\r\n }}\r\n disabled={disabled}\r\n />\r\n
\r\n );\r\n }\r\n };\r\n\r\n modalToggle = () => {\r\n // alert('outsit toggle');\r\n this.setState((preState) => ({\r\n show: !preState.show,\r\n }));\r\n }\r\n\r\n handleAddNewButtonClick = (onClick) => {\r\n this.props.addNewToggle();\r\n }\r\n\r\n handleAddMultiButtonClick = (onClick) => {\r\n this.props.addMultiToggle();\r\n }\r\n\r\n addNewUserButton = (onClick) => {\r\n const check1 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN', \"CLIENTADMIN\"]);\r\n return (\r\n \r\n this.handleAddNewButtonClick(onClick)}\r\n disabled={!check1}\r\n className='btn-add'\r\n\r\n >\r\n {/* */}\r\n {/* */}\r\n
\r\n {\r\n (this.props.pageContentList.includes(\"Add Multiple\")) ?\r\n \r\n this.handleAddMultiButtonClick(onClick)}\r\n disabled={!check1}\r\n className='btn-add'\r\n >\r\n {/* */}\r\n {/* */}\r\n
\r\n :\r\n null\r\n\r\n }\r\n\r\n\r\n */}\r\n {/* New User */}\r\n New User \r\n \r\n\r\n \r\n \r\n \r\n \r\n Full Name */}\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n Full Name */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {this.props.companyList.map((company, index) => (\r\n \r\n ))}\r\n */}\r\n option.value === company)}\r\n onChange={this.onCompanyChange}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n \r\n {this.props.roleList.map((role, index) => (\r\n \r\n ))} */}\r\n {/* \r\n \r\n */}\r\n {/* */}\r\n option.value === role)}\r\n onChange={this.onRoleChange}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n
\r\n \r\n
\r\n {/*\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n }\r\n \r\n \r\n
*/}\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {/* \r\n
*/}\r\n
\r\n {/*
*/}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {/*
*/}\r\n \r\n )\r\n }\r\n}\r\n\r\n// export default UserAddModal;\r\n\r\nconst mapStateToProps = (state) => {\r\n const props = {\r\n ...state.user,\r\n theme: state.theme\r\n }\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ addUser, getCompanyList, getRoles }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserAddModal);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {TabContent, TabPane, Nav, NavItem, NavLink,Card, CardBody, Col, Row, Button, Container, Input} from 'reactstrap';\r\nimport {connect } from 'react-redux';\r\nimport {bindActionCreators } from 'redux';\r\nimport PropTypes from \"prop-types\";\r\n// import {Modal} from \"react-overlays\";\r\nimport {Modal, ModalHeader , ModalBody,ModalFooter} from 'reactstrap';\r\nimport {Trans} from \"react-i18next\";\r\nimport {addMultiUser, getCompanyList, getRoles} from '../../../redux/actions/userAction';\r\nimport UserAccessForm from './userAccessForm';\r\n\r\nconst backdropStyle = {\r\n position: 'fixed',\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n overflow: 'auto',\r\n};\r\n\r\nconst modalStyle = function() {\r\n const top = 5;\r\n const left = 5;\r\n\r\n return {\r\n position: 'fixed',\r\n width: 800,\r\n height: 650,\r\n zIndex: 1040,\r\n top: top + '%',\r\n left: left + '%',\r\n border: '0px solid #ffffff',\r\n backgroundColor: 'white',\r\n // boxShadow: '0 5px 15px rgba(0,0,0,.5)',\r\n padding: 10,\r\n overflow: 'auto',\r\n resize: 'both'\r\n };\r\n};\r\n\r\nclass UserAddMultiModal extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n file:null,\r\n };\r\n }\r\n\r\n componentDidMount(){ \r\n this.props.getCompanyList()\r\n this.props.getRoles();\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n // alert(nextProps.modules.groupType);\r\n if (nextProps.show === true) {\r\n this.setState({\r\n showModal: true,\r\n file:null\r\n });\r\n }\r\n if (nextProps.companyList && nextProps.companyList.length > 0){\r\n this.setState({\r\n company: nextProps.companyList[0].code,\r\n \r\n });\r\n }\r\n if (nextProps.roleList && nextProps.roleList.length > 0){\r\n this.setState({\r\n role: nextProps.roleList[0].name,\r\n });\r\n }\r\n }\r\n renderBackdrop=(props) => {\r\n return ;\r\n };\r\n\r\n\r\n onFileChangeHandler = (e) => {\r\n this.setState({ file: e.target.files[0] });\r\n }\r\n\r\n onSubmit = () => {\r\n\r\n if (!sessionStorage.getItem('companyCode') || !sessionStorage.getItem('currentUser') ){ \r\n return;\r\n }\r\n if (this.validateForm()){\r\n var formdata = new FormData();\r\n formdata.append(\"file\", this.state.file);\r\n formdata.append(\"userType\", \"pp\");\r\n formdata.append(\"status\", \"A\");\r\n formdata.append(\"companyCode\",this.state.company ? this.state.company : sessionStorage.getItem('companyCode') );\r\n formdata.append(\"department\",\"\");\r\n formdata.append(\"businessUnit\",\"\");\r\n formdata.append(\"creator\",sessionStorage.getItem('currentUser'));\r\n formdata.append(\"createTime\", new Date().toISOString().split('.')[0].replace('T', ' '));\r\n this.props.addMultiUser(formdata);\r\n this.onClose();\r\n }else{\r\n alert('v no');\r\n }\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n showModal: false\r\n });\r\n };\r\n\r\n validateForm = () => {\r\n return this.state.file!=null;\r\n }\r\n\r\n render() {\r\n let labalStyle = {textAlign: 'right'} ;\r\n return(\r\n // \r\n
\r\n
\r\n {/*
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
*/}\r\n {/* New User */}\r\n New User \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*
*/}\r\n \r\n )\r\n }\r\n}\r\n\r\n// export default UserAddModal;\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n };\r\n \r\n const mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({addMultiUser, getCompanyList, getRoles}, dispatch);\r\n };\r\n \r\n export default connect(mapStateToProps, mapDispatchToProps)(UserAddMultiModal);","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport {bindActionCreators} from 'redux';\r\nimport {connect} from 'react-redux';\r\nimport {Button, Card, CardBody, Col, Row} from 'reactstrap';\r\n\r\nimport {searchUsers} from '../../../redux/actions/AccountMgmt/fetchUsersAction';\r\nimport {getUsers,getPageContent} from '../../../redux/actions/userAction';\r\n\r\n// import {SEARCH_USER_SUCCEED} from '../../../redux/const';\r\nimport {SEARCH_USER_SUCCEED} from '../../../constants/actionTypes';\r\n\r\nimport SearchResult from './result';\r\nimport DetailModal from './userDetailModal';\r\nimport UserAddModal from './userAddModal';\r\nimport UserAddMultiModal from './userAddMultiModal';\r\n\r\nclass SearchList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n email: '',\r\n fullName: '',\r\n userName: '',\r\n submitted: true,\r\n showModal: false,\r\n showAddModal: false,\r\n showMultiModal: false,\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n this.props.getPageContent({ \"content\": \"Users\" });\r\n this.props.getUsers();\r\n }\r\n\r\n // componentWillReceiveProps(nextProps) {\r\n // if (nextProps.type === SEARCH_USER_SUCCEED) {\r\n // this.props.result = nextProps.result;\r\n // }\r\n // }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n ...this.state,\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onFormSubmit = (event) => {\r\n event.preventDefault();\r\n this.props.searchUsers({\r\n email: this.state.email,\r\n fullName: this.state.fullName,\r\n userName: this.state.userName,\r\n });\r\n this.setState({\r\n submitted: true,\r\n });\r\n };\r\n\r\n onReset = () => {\r\n this.setState({\r\n email: '',\r\n fullName: '',\r\n userName: '',\r\n submitted: false,\r\n showModal: false,\r\n });\r\n };\r\n\r\n // renderSearchResult = () => {\r\n // return (\r\n // \r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n*/}\r\n {/* */}\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({searchUsers, getUsers, getPageContent}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchList);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport {Col, Row, Card, CardBody, Container, Nav, NavItem, NavLink, TabPane, TabContent, CardTitle} from 'reactstrap';\r\nimport SearchList from './components/search';\r\nimport {getCurrentUser, hasRole} from '../../factories/auth';\r\nimport { UserContext } from '../../constants/myContexts';\r\n\r\nclass SearchUser extends Component {\r\n static contextType = UserContext;\r\n\r\n render() {\r\n const userObj = this.context.userObj;\r\n if (userObj === null || userObj.userName.length === 0){\r\n this.props.history.push('/log_in');\r\n }\r\n\r\n return (\r\n
\r\n {\r\n this.props.ruleattributes && \r\n \r\n \r\n
\r\n }\r\n
\r\n )\r\n }\r\n //-----------------------------------------------------------------------------------------------------------\r\n handleAttrRemoveClick = (e) => {\r\n this.props.handleAttrRemoveClick(e);\r\n }\r\n\r\n handleValueChange = (e, ruleItem, index) => {\r\n this.props.handleValueChange(e, ruleItem, index);\r\n }\r\n\r\n handleOperatorChange = (e, ruleItem) => {\r\n this.props.handleOperatorChange(e, ruleItem);\r\n }\r\n\r\n handleRelationChange = (e, ruleItem) => {\r\n this.props.handleRelationChange(e, ruleItem);\r\n }\r\n\r\n renderRuleLine(ruleItem, index){\r\n return (\r\n | Rule Attributes | \r\n\r\n |
|---|---|
| {attr.attributename} | \r\n\r\n \r\n | \r\n
\r\n {( ruleItem.relation > 0) && \r\n \r\n
\r\n } \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n renderRuleSet(){\r\n return(\r\n \r\n {\r\n this.props.rule && this.props.rule.rule && \r\n this.props.rule.rule.map((item, i) =>{\r\n return(\r\n this.renderRuleLine(item, i)\r\n )\r\n })\r\n }\r\n
\r\n )\r\n }\r\n //-----------------------------------------------------------------------------------------------------------\r\n handleRuleSetSubmit = (e) => {\r\n this.props.handleRuleSetSubmit(e);\r\n }\r\n handleRuleSetCancle = (e) => {\r\n this.props.handleRuleSetCancle(e);\r\n }\r\n render(){\r\n return(\r\n {this.props.rule.rulename}
\r\n\r\n
\r\n {this.handleRowClick(row);}}/>{' '}\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n render(){\r\n \r\n const options = {\r\n page: 1, // which page you want to show as default\r\n sizePerPageList: [ {\r\n text: '5', value: 5\r\n }, {\r\n text: '10', value: 10\r\n }, {\r\n text: 'All', value: this.props.rules.length\r\n } ], // you can change the dropdown list for size per page\r\n sizePerPage: 5, // which size per page you want to locate as default\r\n pageStartIndex: 1, // where to start counting the pages\r\n paginationSize: 5, // the pagination bar size.\r\n prePage: '<', // Previous page button text\r\n nextPage: '>', // Next page button text\r\n firstPage: '<<', // First page button text\r\n lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // onRowClick: this.handleRowClick,\r\n // onRowDoubleClick: function(row) {\r\n // // alert(`You double click row id: ${row.id}`);\r\n // }\r\n };\r\n return(\r\n \r\n {this.handleAddNewClick(e);}} />\r\n {/* */}\r\n
\r\n \r\n
\r\n {this.renderNewModal()}\r\n {this.renderTop()}\r\n {this.renderRuleList()}\r\n {this.renderRuleEditCard()}\r\n
\r\n )\r\n }\r\n}\r\n\r\n// export default RuleBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n // \r\n // \r\n\r\n const {currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, error, message, type, rules} = state.rule;\r\n const props = {currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, error, message, type, rules} ;\r\n \r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadRuleDeviceType, loadRuleDevice, getRuls, upsertRule, deleteRule}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RuleBoard);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n\r\nimport { Col, Row, Label, Input, Button } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, FormGroup } from 'reactstrap';\r\nimport { ChromePicker } from 'react-color';\r\n\r\nimport { DeviceMultiSelection, SingleSelection2 } from './SelectionComponents';\r\nimport Select from 'react-select';\r\nimport { toast } from 'react-toastify';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nexport class AssetCreateModal extends Component {\r\n constructor(props) {\r\n super(props)\r\n console.log(props.devices)\r\n this.userObj = getCurrentUser();\r\n this.state = this.initialState\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail ? this.userObj.detail.appButtonColorHover : null },\r\n backgroundColor: state.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: \"auto\",\r\n minHeight: 35,\r\n borderColor: selectState.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n initialState = {\r\n filteredDevices: [],\r\n fields: {\r\n name: '',\r\n description: '',\r\n // devices: '',\r\n devices: [],\r\n isEmpty: false\r\n },\r\n customStyles: {}\r\n }\r\n\r\n toggleModalVisible = () => {\r\n // Reset fields to default if closing\r\n let { devices, deviceTypes } = this.props\r\n let groupedDevices = deviceTypes.map(dt => ({\r\n label: dt.name,\r\n options: devices.filter(d => d.devicetype == dt.id)\r\n }))\r\n if (this.state.modalVisible) { this.setState(this.initialState) }\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n\r\n render() {\r\n // \r\n return (\r\n \r\n \r\n dtList.map(dt => ({\r\n label: dt.name,\r\n options: this.props.devices.filter(d => d.devicetype == dt.id)\r\n }))}\r\n title=\"New Asset\"\r\n modalVisible={this.state.modalVisible}\r\n toggleModalVisible={this.toggleModalVisible}\r\n saveAssetToStore={this.props.saveAssetToStore}\r\n assetList={this.props.assetList}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default class AssetModal extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = this.initialState\r\n this.userObj = getCurrentUser();\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail ? this.userObj.detail.appButtonColorHover : null },\r\n backgroundColor: state.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: \"auto\",\r\n minHeight: 35,\r\n borderColor: selectState.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n initialState = {\r\n validationErrors: {\r\n nameErr: false,\r\n descriptionErr: false,\r\n assetClassErr: false,\r\n },\r\n fields: {\r\n name: '',\r\n description: '',\r\n assetClass: '',\r\n // devices: '',\r\n devices: [],\r\n },\r\n customStyles: {}\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // if (nextProps.modalVisible && nextProps.modalVisible !== this.props.modalVisible){\r\n // this.setState(this.initialState);\r\n // }\r\n\r\n }\r\n\r\n toggleModalVisible = () => {\r\n if (this.props.modalVisible) {\r\n this.setState(this.initialState)\r\n }\r\n this.props.toggleModalVisible()\r\n }\r\n\r\n onSaveClick = () => {\r\n if (this.validate()) {\r\n let defaultData = {\r\n attributes: [],\r\n assetid: 0, //if assetid =0, will create new record\r\n assetname: \"\",\r\n assetclassid: -1,\r\n assetclassname: \"\",\r\n description: \"\",\r\n devices: [],\r\n parentasset: null,\r\n // geofence: 0,\r\n }\r\n // SPECIFY CORRECT ATTRIBUTES\r\n let data = {\r\n assetname: this.state.fields.name,\r\n assetclassid: parseInt(this.state.fields.assetClass),\r\n assetclassname: this.props.assetClassList.find(ac => ac.id == this.state.fields.assetClass).name,\r\n description: this.state.fields.description,\r\n devices: this.state.fields.devices,\r\n parentasset: this.state.fields.parentasset,\r\n }\r\n this.props.saveAssetToStore({ ...defaultData, ...data })\r\n this.toggleModalVisible()\r\n }\r\n }\r\n validate = () => {\r\n let errors = {\r\n nameErr: false,\r\n descriptionErr: false,\r\n assetClassErr: false,\r\n assetParentErr: false,\r\n }\r\n let valid = true\r\n let { fields } = this.state;\r\n // \r\n // \r\n if (!fields.name || fields.name.length === 0 || fields.name === '') {\r\n // \r\n errors.nameErr = true\r\n valid = false\r\n }\r\n // if (fields.description === '') {\r\n // errors.descriptionErr = true\r\n // valid = false\r\n // }\r\n if (fields.assetClass === '') {\r\n errors.assetClassErr = true\r\n valid = false\r\n }\r\n\r\n let assetClassInfo = this.props.assetClassList.find(ac => ac.id == this.state.fields.assetClass);\r\n let parentOptions = null;\r\n if (assetClassInfo) {\r\n parentOptions = this.props.assetList.filter((item, index) => (item.assetclassid == assetClassInfo.parentclass));\r\n if (assetClassInfo.parentclass && (!parentOptions || parentOptions.length === 0)) {\r\n errors.assetParentErr = true\r\n valid = false\r\n }\r\n }\r\n if (parentOptions && parentOptions.length > 0) {\r\n if (!fields.parentasset) {\r\n errors.assetParentErr = true\r\n valid = false\r\n }\r\n }\r\n\r\n\r\n if (!valid)\r\n this.setState({ validationErrors: errors })\r\n return valid\r\n }\r\n\r\n handleChange = (event) => {\r\n // console.log(event.currentTarget)\r\n const { id, value } = event.currentTarget\r\n\r\n // Undo error once user starts changing\r\n let errs = this.state.validationErrors\r\n errs[id + 'Err'] = false\r\n this.setState({ validationErrors: errs })\r\n this.setState({ fields: { ...this.state.fields, [id]: value, devices: [] }, selectedParrentAsset: null })\r\n // , () => {\r\n // if (id == 'assetClass') {\r\n // this.setState({ filteredDevices: this.props.fetchDevicesOfType(this.state.fields.deviceType) }, () => {\r\n // this.setState({ fields: { ...this.state.fields, devices: [this.state.filteredDevices[0]] } })\r\n // })\r\n // this.setState({ showDeviceSelect: true })\r\n // }\r\n // })\r\n }\r\n\r\n handleMultiSelectionChange = (selectedOptions) => {\r\n let err = this.state.validationErrors\r\n this.setState({\r\n validationErrors: { ...err, assetsErr: false },\r\n fields: { ...this.state.fields, devices: selectedOptions || [] }\r\n })\r\n }\r\n\r\n handleParentAssetChange = (val) => {\r\n let value = null;\r\n if (val) {\r\n // value = Number(val.assetid);\r\n value = val.assetid;\r\n }\r\n\r\n this.setState({\r\n fields: { ...this.state.fields, parentasset: value },\r\n selectedParrentAsset: val\r\n }, () => {\r\n\r\n });\r\n }\r\n\r\n\r\n\r\n render() {\r\n // let assetClassInfo = this.props.assetClassList.find(ac => ac.id == this.state.fields.assetClass)\r\n let assetClassInfo = this.props.assetClassList.find(ac => ac.id == this.state.fields.assetClass);\r\n let parentOptions = null;\r\n let showParent = false;\r\n let parentErr = false;\r\n if (assetClassInfo) {\r\n showParent = (assetClassInfo.parentclass != undefined && assetClassInfo.parentclass != null);\r\n parentOptions = this.props.assetList.filter((item, index) => (item.assetclassid == assetClassInfo.parentclass));\r\n if (assetClassInfo.parentclass && (!parentOptions || parentOptions.length === 0)) {\r\n parentErr = true;\r\n toast.error('Parent Asset is empty, Please set Parent Asset first!');\r\n }\r\n }\r\n let devices = this.state.fields.devices;\r\n let isEmpty = devices.length;\r\n\r\n\r\n\r\n // \r\n //\r\n\r\n // console.log(\"===initial\", this.state.fields.devices);\r\n // console.log(\"===initial\", isEmpty);\r\n // console.log(\"===isEmpt\", this.state.fields.isEmpty);\r\n return (\r\n \r\n handleEditClick(row)} />{' '}\r\n handleDeleteClick(row.assetid)} />\r\n
\r\n )\r\n }\r\n\r\n let columns = [\r\n { dataField: 'assetid', text: 'Asset Id', hidden: true },\r\n { dataField: 'assetname', text: 'Asset Name' },\r\n { dataField: 'devicetypename', text: 'Device Type' },\r\n { dataField: 'assettype', text: 'Asset Type' },\r\n { dataField: 'description', text: 'Description' },\r\n { dataField: 'geofence', text: 'Geofence', hidden: true },\r\n { dataField: 'devices', text: 'Devices', formatter: (cell) => cell.length + ' Devices' },\r\n { dataField: 'fillerDataField', text: 'Edit', formatter: editButtonFormatter, style: { width: '70px' } },\r\n ];\r\n if (!assetList) {\r\n return (\r\n \r\n // handleEditClick(row.assetid)}>
\r\n // )\r\n\r\n const editFormatter1 = (cell, row) => (\r\n \r\n handleEditClick(row.assetid)}>
\r\n )\r\n\r\n const editFormatter = (cell, row) => (\r\n \r\n handleDeleteClick(row.assetid)}>
\r\n )\r\n\r\n const expandRow = {\r\n // onlyOneExpanding: true,\r\n renderer: row => {\r\n if (row.devices && row.devices.length > 0) {\r\n let col = [\r\n { dataField: 'deviceid', text: 'Device Id' },\r\n { dataField: 'devicenamealias', text: 'Device Name' },\r\n { dataField: 'devicetypename', text: 'Device Type' },\r\n ]\r\n return There is no device here
)\r\n }\r\n };\r\n\r\n let ignoreKeys = ['assetid', 'assetclassid', 'geofence', 'iconid', 'iconscale', 'iconsvg'];\r\n let option = {\r\n sortIndicator: true,\r\n noDataText: 'Loading...',\r\n };\r\n let columns = Object.keys(assetList[0]).map(key => {\r\n let ret = {\r\n // dataField: key, text: key.substring(0, 1).toUpperCase() + key.substring(1),\r\n dataField: key, text: columnHeader(key),\r\n sort: true\r\n }\r\n if (key === 'devices')\r\n ret.formatter = (cell) => (cell ? cell.length : 0) + ' Devices'\r\n if (key === 'assetattributes')\r\n ret.formatter = (cell) => (cell ? cell.length : 0) + ' Attributes'\r\n if (ignoreKeys.includes(key))\r\n ret.hidden = true\r\n ret.headerClasses = 'header_white';\r\n if (key === 'assetclassname') {\r\n ret.headerStyle = { width: '180px' };\r\n }\r\n if (key === 'parentasset') {\r\n ret.headerStyle = { width: '190px' };\r\n }\r\n return ret\r\n })\r\n\r\n columns.push({\r\n dataField: 'editAssetClass', text: 'Edit',\r\n formatter: editFormatter1, headerStyle: () => ({ width: '100px' }),\r\n headerClasses: 'header_white',\r\n\r\n })\r\n\r\n columns.push({\r\n dataField: 'editAssetClass', text: 'Delete',\r\n formatter: editFormatter, headerStyle: () => ({ width: '100px' }),\r\n headerClasses: 'header_white',\r\n })\r\n\r\n return (\r\n\r\n
*/}\r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\nexport function AutoRenderDeviceTable({\r\n keyField,\r\n deviceList,\r\n handleEditClick,\r\n}) {\r\n if (!deviceList || deviceList.length == 0) {\r\n return (\r\n <>No data to display...\r\n )\r\n };\r\n\r\n useEffect(() => { }, [deviceList]);\r\n\r\n const editFormatter = (cell, row) => (\r\n \r\n
\r\n {/* */}\r\n
\r\n handleEditClick(row.deviceid)}>
\r\n );\r\n\r\n\r\n const expandRow = {\r\n renderer: row => {\r\n if (row.devices && row.devices.length.length > 0) {\r\n let col = [\r\n { dataField: 'deviceid', text: 'Device ID' },\r\n { dataField: 'devicenamealias', text: 'Device Name', style: () => ({ cursor: 'pointer' }) },\r\n { dataField: 'devicetypename', text: 'Device Type' },\r\n ]\r\n return There is no device here
)\r\n }\r\n };\r\n\r\n let ignoreKeys = [\"devicename\", \"assetid\", \"assetclassid\", \"geofence\", \"iconid\", \"iconscale\", \"iconsvg\", \"state\", \"comstate\", \"locationlat\", \"locationlng\", \"devicetype\", \"devicetypename\", \"devicegroup\", \"lqi\", \"activationtime\", \"creationtime\", \"modemcertificate\", \"prototype\", \"automaticrenewal\", \"automaticrenewalstatus\", \"createdby\", \"lasteditiontime\", \"lasteditedby\", \"activable\", \"lastmessagetime\", \"lastseqnumber\", \"batteryexpiredate\", \"companycode\"];\r\n let option = {\r\n sortIndicator: true,\r\n noDataText: \"Loading...\",\r\n };\r\n\r\n let columns = Object.keys(deviceList[0]).map(key => {\r\n // console.log(\"===key\", key);\r\n let ret = {\r\n dataField: key, text: columnHeader(key),\r\n sort: true\r\n }\r\n if (key === \"devices\")\r\n ret.formatter = (cell) => (cell ? cell.length : 0) + \"Devices\";\r\n if (key === \"deviceattributes\")\r\n ret.formatter = (cell) => (cell ? cell.length : 0) + \"Attributes\"\r\n if (ignoreKeys.includes(key))\r\n ret.hidden = true;\r\n\r\n ret.headerClasses = 'header_white';\r\n\r\n return ret;\r\n })\r\n\r\n columns.push({\r\n dataField: 'editDevice', text: 'Edit',\r\n formatter: editFormatter, headerStyle: () => ({ width: \"100px\" }),\r\n headerClasses: \"header_white\",\r\n })\r\n\r\n return (\r\n\r\n
\r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport function RenderAssetClassTable({ assetClasses, tableActions }) {\r\n if (!assetClasses) {\r\n return (\r\n // 'Loading...'\r\n 'No data display ...'\r\n )\r\n }\r\n const { onRowClick, onEditClick, onDeleteClick } = tableActions\r\n const editFormatter1 = (cell, row) => (\r\n \r\n )\r\n\r\n const editFormatter = (cell, row) => (\r\n \r\n )\r\n\r\n let columns = [\r\n { dataField: 'id', text: 'Class Id', hidden: true, searchable: false, caretRender: sortCaret },\r\n { dataField: 'name', text: 'Class Name', caretRender: sortCaret, style: () => ({ cursor: 'pointer' }) },\r\n { dataField: 'description', text: 'Description', caretRender: sortCaret },\r\n {\r\n dataField: 'allowedDeviceTypes', text: 'NO. of Device Types',\r\n formatter: (cell) => cell ? cell.length : '',\r\n headerStyle: () => ({ width: '190px' }),\r\n },\r\n {\r\n dataField: 'assets', text: 'NO. of Assets',\r\n formatter: (cell) => cell ? cell.length : '',\r\n headerStyle: () => ({ width: '150px' }),\r\n }\r\n // { dataField: 'tags', text: 'Tags' },\r\n ]\r\n for (let i = 0; i < columns.length; i++) {\r\n columns[i].headerClasses = 'header_white'\r\n columns[i].sort = true\r\n\r\n }\r\n columns.push({\r\n dataField: 'editAssetClass', text: 'Edit',\r\n formatter: editFormatter1, headerStyle: () => ({ width: '100px' }),\r\n headerClasses: 'header_white',\r\n })\r\n\r\n columns.push({\r\n dataField: 'editAssetClass', text: 'Delete',\r\n formatter: editFormatter, headerStyle: () => ({ width: '100px' }),\r\n headerClasses: 'header_white',\r\n })\r\n\r\n return (\r\n \r\n
\r\n \r\n {/* \r\n {this.props.attrmetas && this.props.attrmetas.map(attrmeta => {\r\n let attribute = this.props.attributes.find(({ attmetaid }) => attmetaid == attrmeta.attributemetaid)\r\n // \r\n let type = type => {\r\n switch (type) {\r\n // Boolean and list need special case in EditableAttribute component\r\n // WIP\r\n // currently unimplemented\r\n\r\n // case 'boolean':\r\n // return 'bool'\r\n // case 'list':\r\n // return 'list'\r\n case 'image':\r\n return 'image'\r\n case 'date':\r\n return 'date'\r\n case 'num':\r\n return 'number'\r\n case 'string':\r\n default:\r\n return 'text'\r\n }\r\n }\r\n if (attrmeta.type !== 'image') {\r\n return (\r\n {\r\n let id = attribute ? attribute.id : 0\r\n // console.log(this.props.id)\r\n // console.log(id)\r\n // console.log(newVal)\r\n if (attrmeta.type === 'num') {\r\n\r\n newVal = Number(newVal);\r\n }\r\n let data = attribute\r\n ? {\r\n value: newVal\r\n }\r\n : {\r\n assetid: 1,\r\n attmetaid: attrmeta.attributemetaid,\r\n attmetaname: attrmeta.name,\r\n value: newVal,\r\n };\r\n let param = {\r\n assetid: this.props.id,\r\n attmetaid: attrmeta.attributemetaid,\r\n value: newVal\r\n };\r\n // this.props.updateAssetAttribute({\r\n // id: this.props.id,\r\n // data: {\r\n // id,\r\n // data\r\n // }\r\n // })\r\n this.props.updateAssetAttribute(param);\r\n }}\r\n />\r\n\r\n )\r\n }\r\n else {\r\n return (\r\n {\r\n let assetid = this.props.id;\r\n // let attributeid = attribute ? attribute.id : 0;\r\n let attributeid = attrmeta.attributemetaid;\r\n this.props.updateImageAttribute(assetid, attributeid, file);\r\n }}\r\n />\r\n )\r\n }\r\n })}\r\n {/* {this.props.attributes.map(attribute => (\r\n this.toggleDeleteModal(attribute.id)}\r\n onSave={newVal => {\r\n this.props.updateAssetAttribute({\r\n id: this.props.id,\r\n data: {\r\n id: attribute.id,\r\n value: newVal\r\n }\r\n })\r\n }}\r\n />\r\n ))} */}\r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction LabelSelectionInput(props) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nfunction LabelTextInput({ forIdName, onChange, label, value, big }) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nconst formatSelVals = [\r\n { label: 'Boolean', value: 'boolean' },\r\n { label: 'Date', value: 'date' },\r\n { label: 'List', value: 'list' },\r\n { label: 'Text', value: 'string' },\r\n { label: 'Number', value: 'num' }]\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Collapse } from 'reactstrap';\r\nimport check_mark_circle from '../../../shared/img/icon/check_mark_circle.svg';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\n\r\nimport { AssetCreateModal } from './AssetCreateModal'\r\nimport { AutoRenderAssetTable } from './RenderAssetTable'\r\nimport ConfirmDeleteDialog from './ConfirmDeleteDialog'\r\nimport EditAssetPanel from './EditAssetPanel';\r\nimport FileInputModal from './FileInputModal';\r\n\r\nclass AssetDisplayList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n assetToEdit: null,\r\n assetToDelete: null,\r\n confirmDialogOpen: null,\r\n modalVisible: false,\r\n }\r\n }\r\n\r\n toggleDialog = () => {\r\n this.setState({ confirmDialogOpen: !this.state.confirmDialogOpen })\r\n }\r\n promptDelete = (id) => {\r\n this.setState({ assetToDelete: id }, this.toggleDialog)\r\n\r\n }\r\n deleteAsset = () => {\r\n this.closePanel()\r\n this.props.deleteAsset(this.state.assetToDelete)\r\n this.toggleDialog()\r\n }\r\n\r\n editSelectedAsset = async (id) => {\r\n this.setState({ assetToEdit: id }, async () => {\r\n await this.props.getCalculateAttribute({ \"assetid\": id })\r\n })\r\n }\r\n closePanel = async () => {\r\n await this.props.reloadData(\"asset\").then(() => this.setState({ assetToEdit: null }));\r\n }\r\n\r\n // updateAssetAttribute = (data) => {\r\n // console.log('updateAssetAttribute')\r\n // \r\n // }\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n modalVisible: !prevState.modalVisible\r\n }));\r\n }\r\n\r\n handleLoadFileClick = (e) => {\r\n // alert('yes');\r\n this.setState({\r\n modalVisible: true\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {/* {console.log(\"===this.props.assetList\", this.props.assetList)} */}\r\n {this.state.assetToEdit &&\r\n assetid == this.state.assetToEdit)}\r\n assetClassList={this.props.assetClassList}\r\n deviceTypes={this.props.deviceTypes}\r\n devices={this.props.deviceList}\r\n addAssetAttribute={this.props.addAssetAttribute}\r\n updateAssetAttribute={this.props.updateAssetAttribute}\r\n updateImageAttribute={this.props.updateImageAttribute}\r\n deleteAssetAttribute={this.props.deleteAssetAttribute}\r\n resetCalculateAttribute={this.props.resetCalculateAttribute}\r\n closePanel={this.closePanel}\r\n key={this.state.assetToEdit}\r\n updateAssetOnStore={this.props.updateAssetOnStore}\r\n assetList={this.props.assetList}\r\n />\r\n }\r\n \r\n \r\n )\r\n }\r\n}\r\nexport default AssetDisplayList;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n\r\nimport { Col, Row, Label, Input, Button, FormGroup } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { DeviceMultiSelection, ClassMultiSelection } from './SelectionComponents';\r\nimport Select from 'react-select';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\n// TODO: Add icon selection\r\nclass ClassCreateModal extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = this.initialState;\r\n this.userObj = getCurrentUser();\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail ? this.userObj.detail.appButtonColorHover : null },\r\n backgroundColor: state.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused && this.userObj.detail ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n\r\n }\r\n initialState = {\r\n validationErrors: {\r\n nameErr: false,\r\n },\r\n fields: {\r\n name: '',\r\n description: '',\r\n selectedDeviceTypes: [],\r\n },\r\n customStyles: {}\r\n }\r\n\r\n toggleModalVisible = () => {\r\n // Reset modal if closing\r\n if (this.state.modalVisible) { this.setState(this.initialState) }\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n\r\n validate = () => {\r\n let errors = {\r\n nameErr: false,\r\n }\r\n let valid = true\r\n if (this.state.fields.name === '') {\r\n errors.nameErr = true\r\n valid = false\r\n }\r\n\r\n if (!valid)\r\n this.setState({ validationErrors: errors })\r\n return valid\r\n }\r\n onSaveClick = () => {\r\n if (this.validate()) {\r\n let defaultData = {\r\n id: 0,\r\n name: '',\r\n description: '',\r\n iconid: 1,\r\n allowedDeviceTypes: [],\r\n // assets: [],\r\n // attributes: [],\r\n parentclass: null,\r\n }\r\n let data = {\r\n name: this.state.fields.name,\r\n description: this.state.fields.description,\r\n allowedDeviceTypes: this.state.fields.selectedDeviceTypes,\r\n parentclass: this.state.fields.parentclass,\r\n }\r\n\r\n if (this.state.fields.companycode && this.state.fields.companyname) {\r\n data.companycode = this.state.fields.companycode;\r\n data.companyname = this.state.fields.companyname;\r\n }\r\n this.props.addClassToStore({ ...defaultData, ...data })\r\n this.toggleModalVisible()\r\n }\r\n }\r\n\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget\r\n if (id == 'name') {\r\n let errs = this.state.validationErrors\r\n this.setState({ validationErrors: { ...errs, nameErr: false } })\r\n }\r\n this.setState({\r\n fields: { ...this.state.fields, [id]: value }\r\n })\r\n }\r\n handleDeviceTypeSelectionChange = (selectedOptions) => {\r\n this.setState({\r\n fields: { ...this.state.fields, selectedDeviceTypes: selectedOptions }\r\n })\r\n }\r\n\r\n handleParentChange = (val) => {\r\n let value = null;\r\n if (val) {\r\n value = Number(val.id);\r\n }\r\n\r\n this.setState({\r\n fields: { ...this.state.fields, parentclass: value }\r\n })\r\n }\r\n\r\n\r\n handleCompanyChange = (val) => {\r\n let name = this.props.userObj ? this.props.userObj.company.companyName : '';\r\n let code = this.props.userObj ? this.props.userObj.companyCode : '';\r\n if (val) {\r\n name = val.companyName;\r\n code = val.companyCode\r\n }\r\n this.setState({\r\n fields: { ...this.state.fields, companycode: code, companyname: name }\r\n })\r\n }\r\n\r\n\r\n render() {\r\n // let deviceTypeDefaultValue = this.props.deviceTypes[0]\r\n return (\r\n <>\r\n \r\n \r\n New Class \r\n \r\n \r\n {/* 2 ? true : false}\r\n // isOptionDisabled={this.state.fields.selectedDeviceTypes && this.state.fields.selectedDeviceTypes.length > 2 ?\r\n // (option) => {\r\n // console.log(option)\r\n // return option.name == \"Adeunis test unit\"\r\n // }\r\n // : () => { false }}\r\n // defaultValue={deviceTypeDefaultValue}\r\n />\r\n \r\n \r\n name}\r\n getOptionValue={({ id }) => id}\r\n onChange={this.handleParentChange}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n\r\n {this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN']) &&\r\n \r\n companyName}\r\n getOptionValue={({ companyCode }) => companyCode}\r\n onChange={this.handleCompanyChange}\r\n styles={this.state.customStyles}\r\n />\r\n \r\n }\r\n\r\n\r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction LeftLabelRightInput({ label, children }) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nfunction LeftLabelTextInput({ forIdName, onChange, label, err, defaultValue, big }) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nconst mapToStateProps = state => {\r\n return {\r\n companyList: state.user.companyList,\r\n }\r\n}\r\n\r\nexport default connect(mapToStateProps, null)(ClassCreateModal)","/* eslint-disable */\r\nimport React from 'react'\r\n\r\nimport { Row, Col, Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap'\r\n\r\nexport default function AlertModal({ modalVisible, toggleOff, msg }) {\r\n return (\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n )\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n\r\nimport { Col, Row, Card, CardBody, Label, Button, Input } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Collapse } from 'reactstrap';\r\n\r\nimport { AutoRenderAssetTable, RenderAssetTable, RenderAssetClassTable } from './RenderAssetTable'\r\nimport RenderAssetTableEdit from './RenderAssetTable'\r\n\r\nimport ClassCreateModal from './ClassCreateModal'\r\nimport EditAssetPanel from './EditAssetPanel';\r\nimport { SingleSelection } from './SelectionComponents'\r\nimport ConfirmDeleteDialog from './ConfirmDeleteDialog';\r\nimport ClassDisplayDetail from './ClassDisplayDetail';\r\nimport AlertModal from './AlertModal';\r\n\r\nexport default class ClassDisplay extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n assetClassToEdit: null,\r\n assetClassToDelete: null,\r\n classAttributes: [],\r\n modalVisible: false\r\n }\r\n }\r\n\r\n closeDetailsPanel = async () => {\r\n await this.props.reloadData(\"assetclass\").then(() => this.setState({ assetClassToEdit: null }));\r\n }\r\n\r\n onTableEditClick = (id) => {\r\n this.setState({ assetClassToEdit: id });\r\n this.props.getAssetClassAttributeAjax(id).then(data => {\r\n if (data) {\r\n this.setState({ classAttributes: data });\r\n }\r\n });\r\n }\r\n onTableDeleteClick = (e, id) => {\r\n e.stopPropagation();\r\n let ac = this.props.assetClassList.find(ac => ac.id == id)\r\n if (ac && ac.assets && ac.assets.length == 0)\r\n this.setState({ assetClassToDelete: id })\r\n else\r\n // show alert\r\n // alert('Remove assets first before deleting')\r\n this.setState({ modalVisible: true });\r\n\r\n }\r\n deleteAssetClass = () => {\r\n this.closeDetailsPanel()\r\n this.props.deleteAssetClass(this.state.assetClassToDelete)\r\n this.toggleDeleteModalOff()\r\n }\r\n toggleDeleteModalOff = () => { this.setState({ assetClassToDelete: null }) }\r\n toggleAlertModalOff = () => {\r\n this.setState({ modalVisible: false });\r\n }\r\n\r\n render() {\r\n const onRowClick = this.onTableEditClick\r\n const onEditClick = this.onTableEditClick\r\n const onDeleteClick = this.onTableDeleteClick\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {this.state.assetClassToEdit &&\r\n id == this.state.assetClassToEdit)}\r\n updateClassOnStore={this.props.updateClassOnStore}\r\n customAttributeActions={{\r\n addNewCustomAttribute: this.props.addNewCustomAttribute,\r\n updateCustomAttribute: this.props.updateCustomAttribute,\r\n deleteCustomAttribute: this.props.deleteCustomAttribute,\r\n }}\r\n calculateAttributeActions={{\r\n upsertCalculateAttribute: this.props.upsertCalculateAttribute,\r\n deleteCalculateAttribute: this.props.deleteCalculateAttribute,\r\n }}\r\n assetClassList={this.props.assetClassList}\r\n companyList={this.props.companyList}\r\n userObj={this.props.userObj}\r\n classAttributes={this.state.classAttributes}\r\n />\r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction LabelSelectionInput(props) {\r\n return (\r\n \r\n
\r\n )\r\n}","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport \"react-bootstrap-table/dist/react-bootstrap-table.min.css\";\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Collapse } from 'reactstrap';\r\nimport ConfirmDeleteDialog from \"./ConfirmDeleteDialog\";\r\nimport FileInputModal from \"./FileInputModal\";\r\nimport { AutoRenderDeviceTable } from './RenderAssetTable';\r\nimport EditDevicePanel from \"./EditDevicePanel\";\r\n\r\n\r\nclass DeviceList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n deviceToEdit: null,\r\n deviceToDelete: null,\r\n confirmDialogOpen: null,\r\n modalVisible: false,\r\n };\r\n }\r\n\r\n toggleDialog = () => {\r\n this.setState({ confirmDialogOpen: !this.state.confirmDialogOpen })\r\n };\r\n\r\n promptDelete = (id) => {\r\n this.setState({ deviceToDelete: id}, this.toggleDialog)\r\n };\r\n\r\n deleteDevice = () => {\r\n this.closePanel()\r\n this.props.deleteDevice(this.state.deviceToDelete)\r\n this.toggleDialog()\r\n };\r\n\r\n editSelectedDevice = async (id) => {\r\n this.setState({ deviceToEdit: id}, async () => {\r\n await this.props.getCalculateAttribute({ \"deviceid\": id})\r\n })\r\n };\r\n\r\n closePanel = () => this.setState({ deviceToEdit: null });\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n modalVisible: !prevState.modalVisible\r\n }))\r\n };\r\n\r\n handleLoadFileClick = (e) => {\r\n this.setState({\r\n modalVisible: true \r\n });\r\n };\r\n\r\n render() {\r\n return(\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {this.state.deviceToEdit &&\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default DeviceList;\r\n","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport https from 'https';\r\nimport { toast } from \"react-toastify\";\r\nimport { axiosGet, axiosPost, getCurrentUser, base64Encode, getJwttoken } from '../../factories/utils';\r\nimport {\r\n ASSET_GET_RECURSIVE_DATA_SUCCEED,\r\n ASSET_GET_RECURSIVE_DATA_FAILED, \r\n ASSET_RESET_RECURSIVE_DATA,\r\n ASSET_REMOVE_RECURSIVE_LEVEL,\r\n ASSET_RECURSIVE_START,\r\n} from '../../constants/actionTypes';\r\nimport {\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_USER_ROOT,\r\n WEB_SERVICE_GET_RECURSIVE_ASSET_DATA,\r\n} from '../../constants/appConstants';\r\n\r\n\r\nexport function getAssetRecursiveData(assetid){\r\n let criteria = {assetid: assetid};\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_RECURSIVE_ASSET_DATA}`,\r\n criteria: criteria,\r\n logText: 'Get Asset Recursive data url : ',\r\n startType: ASSET_RECURSIVE_START,\r\n sccessType: ASSET_GET_RECURSIVE_DATA_SUCCEED,\r\n failedType: ASSET_GET_RECURSIVE_DATA_FAILED,\r\n errorMessage: 'Failed to get asset recursive data.',\r\n // successMessage: 'Successfully get asset recursive data.',\r\n };\r\n return(axiosGet(paramObj)); \r\n\r\n}\r\n\r\nexport function clearAssetRecursiveData(){\r\n return dispatch => {\r\n dispatch({\r\n type: ASSET_RESET_RECURSIVE_DATA,\r\n message: \"Clear Asset Recursive Data\",\r\n });\r\n }\r\n}\r\n\r\nexport function removeRecursiveLeve(levelindex){\r\n return dispatch => {\r\n dispatch({\r\n type: ASSET_REMOVE_RECUSIVE_LEVEL,\r\n payload: levelindex,\r\n });\r\n }\r\n}\r\n\r\n\r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\n// import PropTypes from \"prop-types\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport {Card, CardBody, Col, Row, Button, Container, Collapse, Table} from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport {ChevronLeftIcon} from 'mdi-react';\r\nimport {chunk} from '../../../factories/utils';\r\nimport {BackButton} from '../../../shared/components/Button/IconButton'; \r\n\r\nclass DataList extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {}\r\n // this.eventSource = new EventSource(\"http://13.88.246.7:8080/sigfox-farm/sendRedisMessageTest/get\");\r\n }\r\n\r\n componentDidMount(){\r\n \r\n \r\n // this.eventSource.addEventListener(\"devicemessage\", (e)=> { \r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState){\r\n // \r\n if (nextProps.assetObj && nextProps.assetObj !== prevState.originasset){\r\n\r\n return({\r\n asset: nextProps.assetObj,\r\n originasset: nextProps.assetObj,\r\n });\r\n\r\n }\r\n\r\n if (nextProps.updatedData){\r\n // \r\n let dataObj = JSON.parse(nextProps.updatedData);\r\n if (dataObj) {\r\n // this.setState(prevState => {\r\n if (prevState.asset && prevState.asset.device) {\r\n for(let i = 0 ; i < prevState.asset.device.length; i++){\r\n let deviceObj = prevState.asset.device[i];\r\n if (dataObj.deviceid == deviceObj.deviceid) {\r\n if (deviceObj.msgs && dataObj.msgs && dataObj.msgs.length > 0){\r\n let msgArr = deviceObj.msgs;\r\n let newMsgObj = dataObj.msgs[dataObj.msgs.length-1];\r\n let foundIndex = msgArr.findIndex((msg, mindex) => (msg.msgid == newMsgObj.msgId));\r\n if (foundIndex < 0 ){\r\n msgArr.unshift(newMsgObj);\r\n return ({\r\n asset: prevState.asset,\r\n });\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n \r\n }\r\n // });\r\n }\r\n }\r\n }\r\n\r\n // componentWillReceiveProps(nextProps){\r\n // // alert('test');\r\n // \r\n // if (nextProps.assetObj && nextProps.assetObj !== this.props.assetObj){\r\n // // \r\n // this.setState({\r\n // asset: nextProps.assetObj,\r\n // originasset: nextProps.assetObj,\r\n // });\r\n // }\r\n // if (nextProps.updatedData && nextProps.updatedData !== this.props.updatedData){\r\n // this.updateAssetValue(nextProps.updatedData)\r\n // }\r\n // }\r\n// ---------------------------------------------------------------------------------\r\n updateAssetValue(pubData) {\r\n \r\n // let dataObj = JSON.parse(JSON.stringify(pubData));\r\n let dataObj = JSON.parse(pubData);\r\n // \r\n // \r\n if (dataObj) {\r\n this.setState(prevState => {\r\n if (prevState.asset && prevState.asset.device) {\r\n for(let i = 0 ; i < prevState.asset.device.length; i++){\r\n let deviceObj = prevState.asset.device[i];\r\n if (dataObj.deviceid == deviceObj.deviceid) {\r\n if (deviceObj.msgs && dataObj.msgs && dataObj.msgs.length > 0){\r\n let msgArr = deviceObj.msgs;\r\n let newMsgObj = dataObj.msgs[dataObj.msgs.length-1];\r\n let foundIndex = msgArr.findIndex((msg, mindex) => (msg.msgid == newMsgObj.msgId));\r\n if (foundIndex < 0 ){\r\n msgArr.unshift(newMsgObj);\r\n return ({\r\n asset: prevState.asset,\r\n });\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n \r\n }\r\n });\r\n \r\n // if (dataObj.msgs && dataObj.msgs.length > 0) {\r\n // let msgObj = dataObj.msgs[dataObj.msgs.length-1];\r\n // \r\n // Object.entries(msgObj.msg).forEach(([attr, attrObj],mindex)=>{\r\n // \r\n // \r\n // // if (attrObj.id == this.props.parameter.attrid){\r\n // if (attrObj.attributename == this.props.parameter.attrname){\r\n // // this.setState({\r\n // // dataValue: attrObj.value,\r\n // // });\r\n // this.setValue(attrObj.value, this.state.threshold);\r\n // }\r\n // });\r\n // }\r\n }\r\n\r\n }\r\n// ---------------------------------------------------------------------------------\r\n renderDeviceList = (assetObj) => {\r\n return (\r\n \r\n {this.props.loading && \r\n \r\n )\r\n }\r\n\r\n renderDeviceTable = (deviceObj) => {\r\n let data = []; \r\n if (deviceObj && deviceObj.msgs && deviceObj.msgs.length > 0) {\r\n let msgObj = deviceObj.msgs[0];\r\n if (msgObj.msg) {\r\n Object.entries(msgObj.msg).forEach(([key, value], index) => {\r\n let attr = {\r\n key: key,\r\n id: value.id,\r\n name: value.displayname,\r\n value: value.value,\r\n display: value.display,\r\n }\r\n data.push(attr);\r\n });\r\n }\r\n }\r\n let path = `/pages/device/${deviceObj.deviceid}`;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n render(){\r\n return (\r\n \r\n {this.renderBackButton()}\r\n \r\n \r\n {this.renderDeviceList(this.state.asset)}\r\n {this.props.loading && \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(DataList);\r\n","/* eslint-disable */\r\nimport React, { Component, useState } from 'react';\r\nimport { Card, CardBody, Col, Row, Button, Container, Collapse, Table } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { OrganizationChart } from 'primereact/organizationchart';\r\nimport './OrganizationChartCustomStyle.css';\r\nimport 'primereact/components/organizationchart/OrganizationChart.css';\r\nimport 'primereact/components/common/Common.css';\r\nimport 'primereact/resources/themes/nova-light/theme.css';\r\nimport 'primeicons/primeicons.css';\r\nimport { groupBy } from '../../../factories/utils';\r\n\r\nclass SchemaChart extends Component {\r\n\r\n constructor() {\r\n super();\r\n let icon_1 = \"M23.594 5.767c0-.004-.001-.007-.002-.011-.001-.01-.003-.02-.005-.03-.001-.004-.002-.008-.003-.012-.003-.01-.005-.019-.009-.028-.001-.004-.003-.008-.004-.011-.004-.009-.008-.018-.012-.027-.002-.003-.003-.007-.005-.01-.005-.01-.011-.019-.016-.028-.001-.002-.003-.005-.004-.007-.007-.011-.016-.022-.024-.032-.002-.002-.004-.004-.006-.007-.007-.008-.014-.015-.021-.023-.003-.003-.007-.006-.011-.01-.007-.006-.014-.012-.021-.017-.002-.002-.004-.003-.006-.005L16.469.331c-.065-.048-.143-.074-.224-.074H7.449c-.019 0-.036.002-.053.004-.004.001-.008.001-.011.002-.017.003-.035.007-.051.012-.002 0-.003.001-.004.002-.017.006-.033.012-.048.02-.002.001-.004.002-.006.003-.016.008-.032.018-.046.029-.001.001-.003.002-.004.002L.248 5.508C.153 5.578.097 5.69.097 5.809v12.853c0 .207.168 .375.375 .375h22.75c.207 0 .375-.168.375-.375V5.809C23.597 5.795 23.596 5.781 23.594 5.767zM5.245 18.287v-3.534h4.407v3.534H5.245zM.847 18.287V6.184h3.648v3.534h-.125c-.207 0-.375.168-.375.375s.168.375 .375.375h.125v3.534h-.125c-.207 0-.375.168-.375.375s.168.375 .375.375h.125v3.534H.847zM7.449 1.099l5.842 4.335H1.607L7.449 1.099zM9.652 14.003h-4.407v-3.534h4.407V14.003zM9.652 9.718h-4.407v-3.534h4.407V9.718zM10.402 6.184h3.648v12.103h-3.648V6.184zM19.199 18.287v-1.125c0-.207-.168-.375-.375-.375s-.375.168-.375.375v1.125h-3.648V5.809c0-.119-.056-.23-.151-.301L8.583 1.007h3.14l5.966 4.427h-1.764c-.207 0-.375.168-.375.375s.168.375 .375.375h2.523v9.478c0 .207.168 .375.375 .375s.375-.168.375-.375V5.809c0-.014-.001-.028-.002-.042 0-.004-.001-.007-.002-.011-.001-.01-.003-.02-.005-.03-.001-.004-.002-.008-.003-.012-.002-.01-.005-.019-.009-.028-.001-.004-.003-.008-.004-.011-.004-.009-.008-.019-.012-.028-.002-.003-.003-.007-.005-.01-.005-.01-.011-.019-.017-.029-.001-.002-.003-.004-.004-.007-.008-.011-.016-.022-.024-.033-.002-.002-.004-.004-.005-.006-.007-.008-.014-.016-.022-.024-.003-.003-.007-.006-.01-.009-.007-.006-.014-.012-.022-.018-.002-.001-.003-.003-.005-.005l-6.066-4.501h3.14l5.966 4.427h-1.764c-.207 0-.375.168-.375.375s.168.375 .375.375H22.847v12.103H19.199z\";\r\n let icon_2 = \"M11.234.797C5.583.797 .984 5.395.984 11.047s4.598 10.25 10.25 10.25 10.25-4.598 10.25-10.25S16.886.797 11.234.797zM19.915 14.904h-1.252v-2.071h1.902C20.427 13.555 20.207 14.249 19.915 14.904zM13.02 20.378v-1.902h2.071v1.252C14.437 20.02 13.743 20.24 13.02 20.378zM1.903 12.833h1.902v2.071H2.553C2.261 14.249 2.041 13.555 1.903 12.833zM1.734 11.047c0-.35.02-.695.057-1.036h2.015v2.071H1.791C1.754 11.742 1.734 11.397 1.734 11.047zM2.553 7.19h1.252v2.071H1.903C2.041 8.539 2.261 7.845 2.553 7.19zM9.449 1.716v1.902h-2.071V2.366C8.032 2.074 8.726 1.854 9.449 1.716zM20.565 9.261h-1.902v-2.071h1.252C20.207 7.845 20.427 8.539 20.565 9.261zM15.842 14.904v-2.071h2.071v2.071H15.842zM17.913 15.654v2.071h-2.071v-2.071H17.913zM12.645 14.404c-.207 0-.375.168-.375.375v.125h-2.071v-2.071h2.071v.446c0 .207.168 .375.375 .375s.375-.168.375-.375v-.446h2.071v2.071h-2.071v-.125C13.02 14.572 12.852 14.404 12.645 14.404zM4.556 14.904v-2.071h2.071v2.071H4.556zM6.627 15.654v2.071h-2.071v-2.071H6.627zM12.27 9.261h-2.071v-2.071h2.071V9.261zM13.02 7.19h2.071v2.071h-2.071V7.19zM10.199 10.011h2.071v2.071h-2.071V10.011zM9.449 12.083h-2.071v-2.071h2.071V12.083zM9.449 9.261h-2.071v-2.071h2.071V9.261zM6.627 9.261h-2.071v-2.071h2.071V9.261zM6.627 10.011v2.071h-2.071v-2.071H6.627zM7.377 12.833h2.071v2.071h-2.071V12.833zM15.842 12.083v-.446c0-.207-.168-.375-.375-.375s-.375.168-.375.375v.446h-2.071v-2.071h2.071v.125c0 .207.168 .375.375 .375s.375-.168.375-.375v-.125h2.071v2.071H15.842zM15.842 9.261v-2.071h2.071v2.071H15.842zM15.842 6.44v-2.071h2.071v2.071H15.842zM18.663 6.44v-1.307c.327.41 .62.847 .877 1.307H18.663zM15.842 3.618V2.741c.461.256 .898.55 1.307.877H15.842zM15.092 3.618h-2.071V1.716c.723.138 1.416.358 2.071.65V3.618zM15.092 4.368v2.071h-2.071v-2.071H15.092zM12.27 6.44h-2.071v-2.071h2.071V6.44zM9.449 6.44h-2.071v-.47c0-.207-.168-.375-.375-.375s-.375.168-.375.375v.47h-2.071v-2.071h2.071v.101c0 .207.168 .375.375 .375s.375-.168.375-.375v-.101h2.071V6.44zM6.627 3.618h-1.307c.41-.327.847-.62 1.307-.877V3.618zM3.806 6.44H2.929c.256-.461.55-.898.877-1.307V6.44zM3.806 15.654v1.307c-.327-.41-.62-.847-.877-1.307H3.806zM6.627 18.475v.877c-.461-.256-.898-.55-1.307-.877H6.627zM7.377 18.475h2.071v1.902c-.723-.138-1.417-.358-2.071-.65V18.475zM7.377 17.725v-2.071h2.071v2.071H7.377zM10.199 15.654h2.071v2.071h-2.071V15.654zM13.02 15.654h2.071v2.071h-2.071V15.654zM15.842 18.475h1.307c-.41.327-.847.62-1.307.877V18.475zM18.663 15.654h.877c-.256.461-.55.898-.877 1.307V15.654zM18.663 12.083v-2.071h2.015C20.715 10.351 20.734 10.697 20.734 11.047s-.02.695-.057 1.036H18.663zM12.27 3.618h-2.071V1.604C10.539 1.566 10.884 1.547 11.234 1.547s.695.02 1.036.057V3.618zM10.199 18.475h2.071v2.015C11.93 20.527 11.584 20.547 11.234 20.547s-.695-.02-1.036-.057V18.475z\";\r\n this.state = {\r\n assetid: 220,\r\n data1: [{\r\n label: 'PLANT',\r\n type: 'person',\r\n className: 'p-person',\r\n expanded: true,\r\n data: { name: 'Walter White', avatar: 'walter.jpg', assetid: 0, assetname: \"Plant_01\", icon: icon_1 },\r\n icon: icon_1,\r\n children: [\r\n {\r\n label: 'CONTROL ROOM 1',\r\n type: 'person',\r\n className: 'p-person',\r\n expanded: true,\r\n data: { name: 'Saul Goodman', avatar: 'saul.jpg', assetid: 0, assetname: \"test_01\", icon: icon_2 },\r\n icon: icon_2,\r\n // children:[{\r\n // label: 'Tax',\r\n // className: 'department-cfo'\r\n // },\r\n // {\r\n // label: 'Legal',\r\n // className: 'department-cfo'\r\n // }],\r\n },\r\n {\r\n label: 'CONTROL ROOM 2',\r\n type: 'person',\r\n className: 'p-person',\r\n expanded: true,\r\n data: { name: 'Mike E.', avatar: 'mike.jpg', assetid: 0, assetname: \"test_02\", icon: icon_2 },\r\n icon: icon_2,\r\n // children:[{\r\n // label: 'Operations',\r\n // className: 'department-coo'\r\n // }]\r\n },\r\n {\r\n label: 'CONTROL ROOM 3',\r\n type: 'person',\r\n className: 'p-person',\r\n expanded: true,\r\n data: { name: 'Jesse Pinkman', 'avatar': 'jesse.jpg', assetid: 220, assetname: \"sensor_01\", icon: icon_2 },\r\n icon: icon_2,\r\n // children:[{\r\n // label: 'Development',\r\n // className: 'department-cto',\r\n // expanded: true,\r\n // children:[{\r\n // label: 'Analysis',\r\n // className: 'department-cto'\r\n // },\r\n // {\r\n // label: 'Front End',\r\n // className: 'department-cto'\r\n // },\r\n // {\r\n // label: 'Back End',\r\n // className: 'department-cto'\r\n // }]\r\n // },\r\n // {\r\n // label: 'QA',\r\n // className: 'department-cto'\r\n // },\r\n // {\r\n // label: 'R&D',\r\n // className: 'department-cto'\r\n // }]\r\n }\r\n ]\r\n }],\r\n // data2 : [{\r\n // label: 'F.C Barcelona',\r\n // expanded: true,\r\n // children: [\r\n // {\r\n // label: 'F.C Barcelona',\r\n // expanded: true,\r\n // children: [\r\n // {\r\n // label: 'Chelsea FC'\r\n // },\r\n // {\r\n // label: 'F.C. Barcelona'\r\n // }\r\n // ]\r\n // },\r\n // {\r\n // label: 'Real Madrid',\r\n // expanded: true,\r\n // children: [\r\n // {\r\n // label: 'Bayern Munich'\r\n // },\r\n // {\r\n // label: 'Real Madrid'\r\n // }\r\n // ]\r\n // }\r\n // ]\r\n // }],\r\n selection: []\r\n };\r\n\r\n this.nodeTemplate = this.nodeTemplate.bind(this);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n if (nextProps.assetData && nextProps.assetData != this.props.assetData) {\r\n if (nextProps.assetData.length > 0 && nextProps.assetData[0].asset && nextProps.assetData[0].asset.length > 0) {\r\n for (let i = 0; i < nextProps.assetData[0].asset.length; i++) {\r\n let assetObj = nextProps.assetData[0].asset[i];\r\n if (assetObj.assetid == this.state.assetid) {\r\n this.setState({\r\n asset: assetObj,\r\n });\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n if (nextProps.updatedData && nextProps.updatedData !== this.props.updatedData) {\r\n // \r\n this.updateAssetValue(nextProps.updatedData)\r\n }\r\n }\r\n\r\n updateAssetValue(pubData) {\r\n // \r\n // let dataObj = JSON.parse(JSON.stringify(pubData));\r\n let dataObj = JSON.parse(pubData);\r\n // \r\n // \r\n if (dataObj) {\r\n this.setState(prevState => {\r\n if (prevState.asset && prevState.asset.device) {\r\n for (let i = 0; i < prevState.asset.device.length; i++) {\r\n let deviceObj = prevState.asset.device[i];\r\n if (dataObj.deviceid == deviceObj.deviceid) {\r\n if (deviceObj.msgs && dataObj.msgs && dataObj.msgs.length > 0) {\r\n let msgArr = deviceObj.msgs;\r\n let newMsgObj = dataObj.msgs[dataObj.msgs.length - 1];\r\n let foundIndex = msgArr.findIndex((msg, mindex) => (msg.msgid == newMsgObj.msgId));\r\n if (foundIndex < 0) {\r\n msgArr.unshift(newMsgObj);\r\n return ({\r\n asset: prevState.asset,\r\n });\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n\r\n }\r\n });\r\n\r\n // if (dataObj.msgs && dataObj.msgs.length > 0) {\r\n // let msgObj = dataObj.msgs[dataObj.msgs.length-1];\r\n // \r\n // Object.entries(msgObj.msg).forEach(([attr, attrObj],mindex)=>{\r\n // \r\n // \r\n // // if (attrObj.id == this.props.parameter.attrid){\r\n // if (attrObj.attributename == this.props.parameter.attrname){\r\n // // this.setState({\r\n // // dataValue: attrObj.value,\r\n // // });\r\n // this.setValue(attrObj.value, this.state.threshold);\r\n // }\r\n // });\r\n // }\r\n }\r\n\r\n }\r\n\r\n nodeTemplate = (node) => {\r\n if (node.type === \"person\") {\r\n let data = [];\r\n let lable = ['Temperature', 'Humidity'];\r\n if (this.state.asset && this.state.asset.device) {\r\n let deviceArr = this.state.asset.device;\r\n for (let i = 0; i < deviceArr.length; i++) {\r\n if (deviceArr[i].msgs && deviceArr[i].msgs.length > 0) {\r\n let msgObj = deviceArr[i].msgs[0];\r\n Object.entries(msgObj.msg).forEach(([key, value], index) => {\r\n if (lable.includes(key)) {\r\n data.push(value);\r\n lable = lable.filter((item, id) => (item != key));\r\n }\r\n })\r\n }\r\n }\r\n }\r\n return (\r\n \r\n assetclassname}\r\n getOptionValue={({ assetclassid }) => assetclassid}\r\n value = {this.state.selectedAssetClass}\r\n onChange={this.handleAssetClassChange}\r\n placeholder='Select Asset Class...'\r\n styles={this.state.customStyles}\r\n />\r\n \r\n assetname}\r\n getOptionValue={({ assetid }) => assetid}\r\n value = {this.state.selectedAsset}\r\n onChange={this.handleAssetChange}\r\n placeholder='Select Asset...'\r\n styles={this.state.customStyles}\r\n />\r\n \r\n \r\n \r\n );\r\n }\r\n // -----------------------------------------------------\r\n backOnClick =(e)=>{\r\n this.setState({\r\n showDataList: false\r\n });\r\n }\r\n // -----------------------------------------------------\r\n render(){\r\n let treeData = [];\r\n if (this.props.recursiveData) {\r\n treeData = generateTreeData(this.props.recursiveData);\r\n \r\n }\r\n return (\r\n \r\n \r\n {/*
\r\n \r\n \r\n
\r\n \r\n \r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => { \r\n const assetClass = state.mapboard.assetClass;\r\n const assetGroupData = state.mapboard.assetGroupData;\r\n const assetData = state.mapboard.assetData;\r\n const assetLoading = state.mapboard.loading;\r\n const pubsubDevice = state.dashboard.pubsubDevice;\r\n const recursiveData = state.recursive.recursiveData;\r\n const recursiveLoading = state.recursive.loading;\r\n // const props = {...state.recursive, assetClass, assetGroupData, assetData, assetLoading, pubsubDevice, recursiveData}\r\n const props = { assetClass, assetGroupData, assetData, assetLoading, pubsubDevice, recursiveData, recursiveLoading }\r\n return props;\r\n}\r\n \r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n loadAssetClass,\r\n // getAssetRecursiveData,\r\n // clearAssetRecursiveData,\r\n getGroupAssetData,\r\n getGroupDeviceData,\r\n clearGroupAssetData,\r\n // removeRecursiveLeve,\r\n getAssetsData, \r\n // getAttributeThreshold,\r\n updatePubSubDevice,\r\n getAssetRecursiveData,\r\n clearAssetRecursiveData,\r\n }, dispatch);\r\n}\r\n \r\nexport default connect(mapStateToProps, mapDispatchToProps)(SchemaBoard);\r\n\r\nfunction generateTreeData(dataList){\r\n let treeData = [];\r\n if (dataList){\r\n let rootAssets = dataList.filter((item, index)=>(!dataList.some(parent => item.parent === parent.assetid)));\r\n rootAssets && rootAssets.forEach((root, index) => {\r\n let rootClass = {\r\n assetid: root.assetid,\r\n label: root.assetname,\r\n type: 'assetnode',\r\n className: 'p-person',\r\n expanded: true,\r\n // data: {name:'Saul Goodman', avatar: 'saul.jpg', assetid: 0, assetname: \"test_01\", icon: icon_2},\r\n data: root.msgAttributes,\r\n icon: root.assetIcon ? root.assetIcon.iconsvg : null,\r\n };\r\n // let myChildren = getChildNodes(dataList, childClass);\r\n // if (myChildren && myChildren.length > 0){\r\n // childClass.children = myChildren;\r\n // }\r\n getChildNodes(dataList, rootClass);\r\n treeData.push(rootClass)\r\n }); \r\n }\r\n return treeData;\r\n}\r\n\r\nfunction getChildNodes(dataList, parentNode) {\r\n let children = [];\r\n if (dataList && parentNode.assetid) {\r\n let childrenList = dataList.filter((item, index)=>(item.parent == parentNode.assetid));\r\n if (childrenList) {\r\n childrenList.forEach((childNode, index) => {\r\n let childClass = {\r\n assetid: childNode.assetid,\r\n label: childNode.assetname,\r\n type: 'assetnode',\r\n className: 'p-person',\r\n expanded: true,\r\n // data: {name:'Saul Goodman', avatar: 'saul.jpg', assetid: 0, assetname: \"test_01\", icon: icon_2},\r\n data: childNode.msgAttributes,\r\n icon: childNode.assetIcon ? childNode.assetIcon.iconsvg : null,\r\n };\r\n // let myChildren = getChildNodes(dataList, childClass);\r\n // if (myChildren && myChildren.length > 0){\r\n // childClass.children = myChildren;\r\n // }\r\n getChildNodes(dataList, childClass);\r\n children.push(childClass)\r\n });\r\n }\r\n }\r\n // return children;\r\n if (children && children.length > 0){\r\n parentNode.children = children;\r\n }\r\n}\r\n\r\nfunction generateTreeData2(dataList, parentNode) {\r\n // let tree = [];\r\n let children = [];\r\n if (dataList) {\r\n let childrenList = null;\r\n if (!parentNode){\r\n childrenList = dataList.filter((item, index)=>(!dataList.some(parent => item.parent === parent.assetid)));\r\n }else if (parentNode.assetid) {\r\n childrenList = dataList.filter((item, index)=>(item.parent == parentNode.assetid));\r\n }\r\n \r\n if (childrenList) {\r\n childrenList.forEach((childNode, index) => {\r\n let childClass = {\r\n assetid: childNode.assetid,\r\n label: childNode.assetname,\r\n type: 'assetnode',\r\n className: 'p-person',\r\n expanded: true,\r\n // data: {name:'Saul Goodman', avatar: 'saul.jpg', assetid: 0, assetname: \"test_01\", icon: icon_2},\r\n data: childNode.msgAttributes,\r\n icon: childNode.assetIcon ? childNode.assetIcon.iconsvg : null,\r\n };\r\n let myChildren = generateTreeData2(dataList, childClass);\r\n if (myChildren && myChildren.length > 0){\r\n childClass.children = myChildren;\r\n }\r\n children.push(childClass)\r\n });\r\n }\r\n }\r\n return children;\r\n}\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport {\r\n Col,\r\n Container,\r\n Row,\r\n Card,\r\n CardBody,\r\n Label,\r\n Input,\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Form,\r\n FormGroup,\r\n} from \"reactstrap\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport { toast } from \"react-toastify\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n loadDevice,\r\n loadDeviceInfo,\r\n postDevice,\r\n postDeviceAttribute,\r\n getAssetClassAttributeAjax,\r\n getDeviceAttributes,\r\n} from \"../../../redux/actions/mapActions\";\r\nimport { getCompanyList } from \"../../../redux/actions/userAction\";\r\nimport {\r\n loadAssets,\r\n loadClasses,\r\n addToAssets,\r\n addToAssetClasses,\r\n updateAssets,\r\n updateAssetClasses,\r\n updateOneAsset,\r\n updateOneAssetClass,\r\n removeFromAssets,\r\n removeFromAssetClasses,\r\n addAssetClassAttribute,\r\n updateAssetClassAttribute,\r\n deleteAssetClassAttribute,\r\n addAssetAttribute,\r\n updateAssetAttribute,\r\n deleteAssetAttribute,\r\n postAsset,\r\n deleteAsset,\r\n postAssetClassDT,\r\n postAssetClassAL,\r\n deleteAssetClass,\r\n loadIcons,\r\n postAssetClassAttributemeta,\r\n deleteAssetClassAttributemeta,\r\n postAssetAttribute,\r\n uploadAttributeImage,\r\n upsertCalculateAttribute,\r\n deleteCalculateAttribute,\r\n getCalculateAttribute,\r\n updateCalculateAttribute,\r\n updateBatchCalculateAttribute,\r\n resetCalculateAttribute,\r\n} from \"../../../redux/actions/assetActions\";\r\nimport { getCurrentUser, hasRole } from \"../../../factories/auth\";\r\nimport AssetDisplayAll from \"./AssetDisplayAll\";\r\nimport ClassDisplay from \"./ClassDisplay\";\r\nimport AssetList from \"./AssetList\";\r\nimport DeviceList from \"./DeviceList\";\r\nimport SchemaBoard from \"../../Schema/components/SchemaBoard\"; //'./components/SchemaBoard';\r\n\r\nclass AssetBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n let index = localStorage.getItem(\"activeTab\");\r\n this.state = {\r\n //activeTab: '2',\r\n activeTab: index ? index : \"2\",\r\n };\r\n this.userObj = getCurrentUser();\r\n }\r\n\r\n componentDidMount() {\r\n // Load initial data\r\n this.props.loadDevice();\r\n this.props.loadDeviceInfo();\r\n this.props.loadAssets();\r\n this.props.loadClasses();\r\n this.props.loadIcons();\r\n this.props.getCompanyList();\r\n this.props.getDeviceAttributes();\r\n\r\n // debugger;\r\n }\r\n\r\n // toggleTab = (tab) => {\r\n // if (this.state.activeTab !== tab) {\r\n // this.setState({ activeTab: tab })\r\n // }\r\n // }\r\n\r\n toggleTab = (tab) => {\r\n localStorage.setItem(\"activeTab\", tab);\r\n if (this.state.activeTab !== tab) {\r\n this.setState(\r\n {\r\n activeTab: tab,\r\n mapShow: tab == \"2\",\r\n },\r\n () => {\r\n if (this.state.activeTab == \"2\") {\r\n this.onMapShow();\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n reloadData = async (type) => {\r\n if (type == \"assetclass\") {\r\n await this.props.loadClasses();\r\n } else if (type == \"asset\") {\r\n await this.props.loadAssets();\r\n } else if (type == \"device\") {\r\n await this.props.loadDevice();\r\n await this.props.loadDeviceInfo();\r\n await this.props.getDeviceAttributes();\r\n } else {\r\n this.props.loadDevice();\r\n this.props.loadDeviceInfo();\r\n this.props.loadAssets();\r\n this.props.loadClasses();\r\n this.props.loadIcons();\r\n this.props.getCompanyList();\r\n this.props.getDeviceAttributes();\r\n }\r\n }\r\n\r\n onMapShow = () => { };\r\n\r\n fetchDevicesOfType = (type) =>\r\n this.props.currentDeviceList\r\n .filter((device) => device.devicetype === type)\r\n .map((device) => {\r\n return {\r\n // Standardize and cleaning up naming\r\n id: device.deviceid,\r\n name: device.devicename,\r\n namealias: device.devicenamealias,\r\n };\r\n });\r\n\r\n // Assign new id before pushing to store. For front-end key purposes\r\n // Possibly tag all new items for persisting to backend\r\n addAssetClassToStore = (data) => {\r\n const { id, name, allowedDeviceTypes, ...d } = data;\r\n let postData = {\r\n assetclassid: id,\r\n assetclassname: name,\r\n devicetypes: allowedDeviceTypes.map((dt) => ({\r\n devicetypeid: dt.id,\r\n devicetypename: dt.name,\r\n })),\r\n ...d,\r\n };\r\n\r\n this.props.postAssetClassDT(postData).then((res) => {\r\n // // this.props.loadClasses()\r\n // this.props.addToAssetClasses(res)\r\n if (res && !res.status) {\r\n this.props.addToAssetClasses(res);\r\n }\r\n });\r\n };\r\n // Return value\r\n addAssetToStore = (data) => {\r\n // console.log(data)\r\n this.props.postAsset(data).then((res) => {\r\n if (res && res.status === 200 && res.data && res.data.length > 0) {\r\n //\r\n //\r\n let storeData = res.data[0];\r\n // storeData.devices = data.devices.map(d => this.props.currentDeviceList.find(({ deviceid }) => deviceid == d.deviceid));\r\n //\r\n this.props.addToAssets(storeData);\r\n this.props.loadDeviceInfo();\r\n } else if (!res || res.status !== 200) {\r\n toast.error(\"The asset can not be added.\");\r\n }\r\n });\r\n };\r\n updateClassOnStore = (data, successCallback, errorCallback) => {\r\n let preData = {\r\n ...this.props.assetClassList.find(({ id }) => id == data.id),\r\n ...data.data,\r\n };\r\n let postData = {\r\n // Required Data\r\n assetclassid: preData.id,\r\n assetclassname: preData.name,\r\n devicetypes: preData.allowedDeviceTypes.map(({ id, name }) => ({\r\n devicetypeid: id,\r\n devicetypename: name,\r\n })),\r\n description: preData.description,\r\n iconid: preData.iconid,\r\n assets: preData.assets,\r\n parentclass: preData.parentclass,\r\n };\r\n if (preData.companycode) {\r\n postData.companycode = preData.companycode;\r\n }\r\n // console.log(postData)\r\n // console.log(data)\r\n let apiCall = this.props.postAssetClassAL;\r\n if (\"allowedDeviceTypes\" in data.data) {\r\n apiCall = this.props.postAssetClassDT;\r\n }\r\n\r\n // console.log(postData)\r\n\r\n apiCall(postData).then((res) => {\r\n // this.props.loadClasses()\r\n // this.props.updateOneAssetClass(data)\r\n\r\n if (res && res.status) {\r\n if (res.status === 200) {\r\n this.props.loadClasses();\r\n if (successCallback) {\r\n successCallback();\r\n }\r\n } else if (res.status === 406) {\r\n toast.error(\r\n \"There are alarts/reports that relate to the device type, you can not delete the device type.\"\r\n );\r\n if (errorCallback) {\r\n errorCallback();\r\n }\r\n } else {\r\n toast.error(\"Errors occurred during updating the asset class\");\r\n if (errorCallback) {\r\n errorCallback();\r\n }\r\n }\r\n } else if (res && !res.status) {\r\n this.props.loadClasses();\r\n if (successCallback) {\r\n successCallback();\r\n }\r\n }\r\n });\r\n };\r\n\r\n upsertAssetClassAttributeMeta = (data) => {\r\n this.props.postAssetClassAttributemeta(data).then((res) => {\r\n this.props.loadClasses();\r\n });\r\n };\r\n deleteAssetClassAttributeMeta = (data) => {\r\n this.props.deleteAssetClassAttributemeta(data).then((res) => {\r\n this.props.loadClasses();\r\n });\r\n };\r\n\r\n upsertAssetClassCalculateAttribute = (data) => {\r\n this.props.upsertCalculateAttribute(data).then((res) => {\r\n this.props.loadClasses();\r\n });\r\n // this.props.upsertCalculateAttribute(data);\r\n };\r\n deleteAssetClassCalculateAttribute = (data) => {\r\n this.props.deleteCalculateAttribute(data).then((res) => {\r\n this.props.loadClasses();\r\n });\r\n };\r\n\r\n updateAssetOnStore = (data, successCallback, errorCallback) => {\r\n let postData = {\r\n ...this.props.assetList.find(({ assetid }) => assetid == data.assetid),\r\n ...data.data,\r\n };\r\n // console.log(\"===postDataAsset\", postData);\r\n\r\n // console.log(postData)\r\n // console.log(data)\r\n\r\n this.props.postAsset(postData).then((res) => {\r\n //\r\n if (res && res.status === 200 && res.data && res.data.length > 0) {\r\n let resData = res.data[0];\r\n // this.props.loadClasses()\r\n this.props.updateOneAsset({ assetid: resData.assetid, data: resData });\r\n this.props.loadDeviceInfo();\r\n if (successCallback) {\r\n successCallback();\r\n }\r\n } else {\r\n if (res && res.status === 406) {\r\n toast.error(\r\n \"There are alerts/reports that associate with the Asset, you can not delete it.\"\r\n );\r\n } else {\r\n toast.error(\"Errors occured during deleting the asset\");\r\n }\r\n if (errorCallback) {\r\n errorCallback();\r\n }\r\n }\r\n // let resData = res.data[0]\r\n // // this.props.loadClasses()\r\n // this.props.updateOneAsset({ assetid: resData.assetid, data: resData });\r\n // this.props.loadDeviceInfo();\r\n });\r\n };\r\n deleteAssetClass = (assetclassid) => {\r\n this.props.deleteAssetClass({ assetclassid }).then((res) => {\r\n // this.props.loadClasses()\r\n this.props.removeFromAssetClasses(assetclassid);\r\n });\r\n };\r\n deleteAsset = (assetid) => {\r\n this.props.deleteAsset({ assetid }).then((res) => {\r\n // this.props.loadAssets()\r\n this.props.removeFromAssets(assetid);\r\n this.props.loadDeviceInfo();\r\n });\r\n };\r\n\r\n updateAssetAttribute = (data) => {\r\n console.log(\"updateAssetAttribute\");\r\n\r\n this.props.postAssetAttribute(data).then((res) => {\r\n this.props.loadAssets();\r\n });\r\n };\r\n\r\n updateDeviceAttribute = (data) => {\r\n // console.log(\"===updateDeviceAttribute\");\r\n\r\n this.props.postDeviceAttribute(data).then((res) => {\r\n this.props.getDeviceAttributes();\r\n this.props.loadDevice();\r\n this.props.loadDeviceInfo();\r\n });\r\n };\r\n\r\n updateDeviceOnStore = (data, successCallback, errorCallback) => {\r\n let postData = { ...data.devices, ...data.data };\r\n // console.log(\"===this.props.currentDeviceList\", this.props.currentDeviceList);\r\n\r\n this.props.postDevice(postData).then((res) => {\r\n if (res && res.status === 200 /* && res.data && res.data.length > 0 */) {\r\n // let resData = res.data[0];\r\n // this.props.updateOneDevice({ deviceid: resData.deviceid, data: resData });\r\n this.props.loadDeviceInfo();\r\n if (successCallback) {\r\n successCallback();\r\n }\r\n } else {\r\n if (res && res.status === 406) {\r\n toast.error(\"Error 406\");\r\n } else {\r\n toast.error(\"Errors occured during deleting the device\");\r\n }\r\n if (errorCallback) {\r\n errorCallback();\r\n }\r\n }\r\n });\r\n };\r\n\r\n updateImageAttribute = (assetid, attributeid, file) => {\r\n if (!this.isFileImage(file)) {\r\n toast.error(\"Input File is not a image\");\r\n return;\r\n }\r\n // else{\r\n // toast.error('Input File is not a image');\r\n // return;\r\n // }\r\n this.props\r\n .uploadAttributeImage(assetid, attributeid, file)\r\n .then((res) => {\r\n if (res.status === 200) {\r\n this.props.loadAssets();\r\n toast.success(\"Successly Upload the image\");\r\n } else {\r\n // nothing\r\n toast.error(\"Error ocurred during ploading the image\");\r\n }\r\n })\r\n .catch((err) => {\r\n // nothing\r\n toast.error(\"Error ocurred during ploading the image\");\r\n });\r\n };\r\n\r\n isFileImage = (file) => {\r\n console.log(\"valide file\", file);\r\n const acceptedImageTypes = [\"image/gif\", \"image/jpeg\", \"image/png\"];\r\n\r\n return file && acceptedImageTypes.includes(file[\"type\"]);\r\n };\r\n render() {\r\n let assetList = this.props.assetList;\r\n // console.log(\"===this.props.assetClassList\", this.props.assetClassList);\r\n return (\r\n \r\n \r\n \r\n \r\n item.assetid == null || item.assetid == 0)\r\n .map((d) => ({\r\n id: d.deviceid,\r\n name: d.devicename,\r\n devicetype: d.devicetype,\r\n devicetypename: d.devicetypename,\r\n hasparent: d.hasparent,\r\n parentid: d.parentdeviceid,\r\n }))}\r\n fetchDevicesOfType={this.fetchDevicesOfType}\r\n saveAssetToStore={this.addAssetToStore}\r\n updateAssetOnStore={this.updateAssetOnStore}\r\n deleteAsset={this.deleteAsset}\r\n addAssetAttribute={this.props.addAssetAttribute}\r\n // updateAssetAttribute={this.props.updateAssetAttribute}\r\n updateAssetAttribute={this.updateAssetAttribute}\r\n updateImageAttribute={this.updateImageAttribute}\r\n deleteAssetAttribute={this.props.deleteAssetAttribute}\r\n reloadData = {this.reloadData}\r\n />\r\n \r\n \r\n {/* Nothing here */}\r\n item.assetid == null || item.assetid == 0)\r\n .map((d) => ({\r\n id: d.deviceid,\r\n name: d.devicename,\r\n devicetype: d.devicetype,\r\n devicetypename: d.devicetypename,\r\n }))}\r\n deviceList={this.props.currentDeviceList}\r\n deviceAttributes={this.props.deviceAttr}\r\n loading={this.props.currentDeviceListLoading}\r\n deviceTypes={this.props.deviceTypes}\r\n // deviceList={this.props.currentDeviceList.filter((item) => (item.assetid == null || item.assetid == 0)).map(d => ({ id: d.deviceid, name: d.devicename, devicetype: d.devicetype, devicetypename: d.devicetypename }))}\r\n fetchDevicesOfType={this.fetchDevicesOfType}\r\n updateDeviceOnStore={this.updateDeviceOnStore}\r\n updateDeviceAttribute={this.updateDeviceAttribute}\r\n reloadData = {this.reloadData}\r\n />\r\n \r\n \r\n {/* Nothing here */}\r\n {/* \r\n \r\n \r\n {/* \r\n (item.assetid == null || item.assetid == 0)).map(d => ({ id: d.deviceid, name: d.devicename, devicetype: d.devicetype, devicetypename: d.devicetypename }))}\r\n fetchDevicesOfType={this.fetchDevicesOfType}\r\n saveAssetToStore={this.addAssetToStore}\r\n updateAssetOnStore={this.updateAssetOnStore}\r\n deleteAsset={this.deleteAsset}\r\n addAssetAttribute={this.props.addAssetAttribute}\r\n // updateAssetAttribute={this.props.updateAssetAttribute}\r\n updateAssetAttribute={this.updateAssetAttribute}\r\n updateImageAttribute={this.updateImageAttribute}\r\n deleteAssetAttribute={this.props.deleteAssetAttribute}\r\n\r\n />\r\n */}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction NavTabs({ activeTab, toggleTab }) {\r\n return (\r\n \r\n \r\n {\r\n toggleTab(\"1\");\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n toggleTab(\"2\");\r\n }}\r\n >\r\n \r\n \r\n {/* \r\n { toggleTab('5')}}\r\n >\r\n */}\r\n \r\n {\r\n toggleTab(\"3\");\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n toggleTab(\"4\");\r\n }}\r\n >\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction RenderTestingButtons({ props, state }) {\r\n return (\r\n <>\r\n {\r\n console.log(props);\r\n }}\r\n >\r\n Show Props\r\n \r\n {\r\n console.log(state);\r\n }}\r\n >\r\n Show State\r\n \r\n \r\n );\r\n}\r\n\r\n// export default AssetBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n //\r\n //\r\n const deviceTypes = state.mapboard.types;\r\n const companyList = state.user.companyList;\r\n // const deviceTypes = [];\r\n const props = { deviceTypes, companyList, ...state.asset };\r\n // console.log('========== ASSET BOARD ============')\r\n //\r\n //\r\n //\r\n return props;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n loadDevice,\r\n loadDeviceInfo,\r\n loadAssets,\r\n loadClasses,\r\n addToAssets,\r\n addToAssetClasses,\r\n updateAssets,\r\n updateAssetClasses,\r\n updateOneAsset,\r\n updateOneAssetClass,\r\n removeFromAssets,\r\n removeFromAssetClasses,\r\n addAssetClassAttribute,\r\n updateAssetClassAttribute,\r\n deleteAssetClassAttribute,\r\n addAssetAttribute,\r\n updateAssetAttribute,\r\n deleteAssetAttribute,\r\n postAsset,\r\n deleteAsset,\r\n postAssetClassDT,\r\n postAssetClassAL,\r\n deleteAssetClass,\r\n postAssetClassAttributemeta,\r\n deleteAssetClassAttributemeta,\r\n loadIcons,\r\n postAssetAttribute,\r\n getDeviceAttributes,\r\n postDeviceAttribute,\r\n postDevice,\r\n getCompanyList,\r\n uploadAttributeImage,\r\n upsertCalculateAttribute,\r\n deleteCalculateAttribute,\r\n getAssetClassAttributeAjax,\r\n getCalculateAttribute,\r\n updateCalculateAttribute,\r\n updateBatchCalculateAttribute,\r\n resetCalculateAttribute,\r\n },\r\n dispatch\r\n );\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(AssetBoard);\r\n","import React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport AssetBoard from './components/AssetBoard';\r\n\r\nconst AssetPage = () => (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n);\r\n\r\nexport default AssetPage;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react'\r\nimport { Card, CardBody, Table, Tooltip } from 'reactstrap';\r\nimport { EditIcon, DeleteIcon, EmailIcon, PlayArrowIcon, InboxMultipleIcon, FileDocumentBoxMultipleIcon, TrashCanOutlineIcon } from 'mdi-react'\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nexport default class ReportsList extends Component {\r\n constructor(props) {\r\n super(props)\r\n }\r\n\r\n componentDidMount() {\r\n const height = this.divElement.clientHeight\r\n this.props.setListHeight(height)\r\n }\r\n render() {\r\n return (\r\n {\r\n this.divElement = divElement\r\n }}\r\n >\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n// function ReportItem({ reportname, format, status, i }) {\r\nfunction ReportItem({ i, ...report }) {\r\n return (\r\n */}\r\n
*/}\r\n\r\n onRowClick(row.id) }}\r\n caretRender={sortCaret}\r\n pagination={paginationFactory()}\r\n sort={{ sortCaret }}\r\n striped\r\n bordered={false}\r\n noDataIndication={ 'There is no data to display' }\r\n />\r\n
\r\n )}\r\n \r\n )\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\nfunction columnHeader(text) {\r\n\r\n switch (text) {\r\n case 'assetname':\r\n return 'Asset Name';\r\n case 'assetclassname':\r\n return 'Asset Class Name';\r\n case 'assetattributes':\r\n return 'Asset Attributes';\r\n case 'companycode':\r\n return 'Company Code';\r\n case 'createdby':\r\n return 'Created By';\r\n case 'parentasset':\r\n return 'NO. of Parent Assets';\r\n default:\r\n return text.substring(0, 1).toUpperCase() + text.substring(1);\r\n }\r\n\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react'\r\n\r\nimport { Col, Row, Card, CardBody, Label, Button, Input, FormGroup } from 'reactstrap';\r\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'\r\nimport { DeleteIcon, CloseIcon, PlusCircleIcon, PlusBoxIcon, PlusOutlineIcon, PlusIcon } from 'mdi-react'\r\n\r\nimport MultiSelectionComponent, { DeviceMultiSelection, SingleSelection, DeleteConfirmation } from './SelectionComponents'\r\n\r\nimport IconElement from './IconElement';\r\n\r\nimport AssetIconEditModal from './AssetIconEditModal';\r\n\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport { EditTextButton, DeleteTextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nimport {\r\n AttributeInfo, EditableAttribute, EditableText, multiSelectStyles, UploadImageAttribute\r\n} from './ClassDisplayDetail'\r\nimport { resetCalculateAttribute } from '../../../redux/actions/assetActions';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { ExitTextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nexport default function EditAssetPanel(props) {\r\n const deviceDefaultValue = props.assetInfo.devices.map(d => ({ id: d.deviceid, name: d.devicename, namealias: d.devicenamealias, parentdeviceid: d.parentdeviceid }))\r\n const [selectedDevices, setDevices] = React.useState(deviceDefaultValue)\r\n const [selectedDevicesBuf, setDevicesBuf] = React.useState(deviceDefaultValue);\r\n // custom styles\r\n const userObj = getCurrentUser();\r\n\r\n const customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n };\r\n\r\n const updateDeviceOnBlur = () => {\r\n if (selectedDevices != props.assetInfo.devices)\r\n props.updateAssetOnStore({\r\n assetid: props.assetInfo.assetid,\r\n data: { devices: selectedDevices }\r\n },\r\n () => {\r\n\r\n setDevicesBuf(selectedDevices);\r\n },\r\n () => {\r\n\r\n setDevices(selectedDevicesBuf);\r\n },\r\n )\r\n }\r\n\r\n // James: To make \"reset\" button only appears in Effort Trust asset management\r\n const effortSquareInfo = {\r\n assetClassName: \"ParkingGarage\",\r\n assetName: \"Effort Square\",\r\n companyCode: \"ET\",\r\n devicetype: \"6112bd40988a377cbd85c680\",\r\n };\r\n\r\n // const companyCode = props.as\r\n\r\n let assetClassInfo = props.assetClassList.find(ac => ac.id == props.assetInfo.assetclassid)\r\n // console.log(\"===assetClassList\", props.assetClassList);\r\n let parentAssetOptions = [];\r\n if (assetClassInfo) {\r\n parentAssetOptions = props.assetList.filter((item, index) => (item.assetclassid == assetClassInfo.parentclass));\r\n }\r\n const parentDefaultValues = parentAssetOptions.find(({ assetid }) => (assetid == props.assetInfo.parentasset));\r\n const [selectedParentAsset, setParentAsset] = React.useState(parentDefaultValues);\r\n const updateParentAssetOnBlur = () => {\r\n if (selectedParentAsset && selectedParentAsset.assetid != props.assetInfo.parentasset) {\r\n props.updateAssetOnStore({\r\n assetid: props.assetInfo.assetid,\r\n data: { parentasset: selectedParentAsset.assetid }\r\n })\r\n } else if (!selectedParentAsset && parentDefaultValues) {\r\n props.updateAssetOnStore({\r\n assetid: props.assetInfo.assetid,\r\n data: { parentasset: null }\r\n })\r\n }\r\n }\r\n\r\n\r\n\r\n const groupedDevices = dtList => dtList.map(dt => ({\r\n label: dt.name,\r\n options: props.devices.filter(d => d.devicetype == dt.id)\r\n }))\r\n // console.log(\"===this.props\", deviceDefaultValue);\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo(0, 0);\r\n };\r\n\r\n return (\r\n\r\n \r\n
\r\n {/* */}\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n Edit Asset
\r\n
\r\n\r\n {\r\n // console.log(newVal)\r\n props.updateAssetOnStore({ assetid: props.assetInfo.assetid, data: { assetname: newVal } })\r\n }}\r\n />\r\n props.updateAssetOnStore({ assetid: props.assetInfo.assetid, data: { description: newVal } })}\r\n />\r\n \r\n \r\n 0}\r\n forIdName=\"assetClass\"\r\n onChange={(value) => props.updateAssetOnStore({ assetid: props.assetInfo.assetid, data: { assetclassid: value } })}\r\n options={props.assetClassList}\r\n value={props.assetInfo.assetclassid}\r\n getOptionLabel={({ name }) => name}\r\n getOptionValue={({ id }) => id}\r\n styles={multiSelectStyles}\r\n\r\n />\r\n \r\n \r\n \r\n assetClassInfo.allowedDeviceTypes.some(dT => dT.id == dt.id))\r\n ) : null}\r\n value={selectedDevices}\r\n onChange={options => setDevices(options || [])}\r\n defaultValue={deviceDefaultValue}\r\n />\r\n \r\n \r\n assetname}\r\n getOptionValue={({ assetid }) => assetid}\r\n defaultValue={parentDefaultValues}\r\n onChange={(val) => { setParentAsset(val) }}\r\n onBlur={updateParentAssetOnBlur}\r\n styles={multiSelectStyles}\r\n // isDisabled= {details.assets && details.assets.length > 0}\r\n isClearable\r\n />\r\n \r\n\r\n \r\n
\r\n
\r\n\r\n {/*
\r\n
\r\n\r\n
\r\n */}\r\n
\r\n {\r\n\r\n }\r\n\r\n\r\n resetCalculateAttribute(props.assetInfo.assetid)}\r\n msg={'This action will reset the Level wise and total parking counts, please confirm if you wish to proceed.'}\r\n style={{ marginBottom: 0 }}\r\n size='m'\r\n />\r\n :\r\n null}\r\n \r\n {/* */}\r\n \r\n
\r\n {/* \r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n )\r\n}\r\nclass CalculationAttributeNode extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n attribute: {\r\n assetclassid: 0,\r\n assetid: 0,\r\n createdby: \"\",\r\n createdtime: \"\",\r\n displayname: \"\",\r\n expression: \"\",\r\n id: 0,\r\n name: \"\",\r\n status: 1,\r\n vars: \"\"\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n attribute: this.props.calculatedAttribute\r\n })\r\n }\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({\r\n attribute: nextProps.calculatedAttribute\r\n })\r\n }\r\n onInputChange = (event) => {\r\n if (event.target.name === \"displayname\") {\r\n this.state.attribute[\"name\"] = event.target.value;\r\n\r\n }\r\n this.state.attribute[event.target.name] = event.target.value;\r\n this.props.onAttributeChange(this.state.attribute, this.state.position);\r\n\r\n };\r\n render() {\r\n return (\r\n Edit Asset \r\n props.closePanel()} />{' '}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {\r\n\r\n }\r\n\r\n
\r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\nclass CalculationAttributes extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n calculationAttributes: [],\r\n assetId: 0,\r\n assetClassId: 0,\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n calculationAttributes: this.props.calculationAttributes,\r\n assetId: this.props.assetId,\r\n assetClassId: this.props.assetClassId\r\n })\r\n }\r\n deleteAttribute = (index) => {\r\n var calAttributesTemp = [...this.state.calculationAttributes]\r\n if (calAttributesTemp[index].id > 0) {\r\n calAttributesTemp[index].status = 0;\r\n } else {\r\n calAttributesTemp.splice(index, 1);\r\n }\r\n this.setState({ calculationAttributes: calAttributesTemp });\r\n }\r\n addAttribute = () => {\r\n var calAttributesTemp = [...this.state.calculationAttributes]\r\n calAttributesTemp.push({\r\n assetclassid: this.state.assetClassId,\r\n assetid: this.state.assetId,\r\n createdby: \"\",\r\n createdtime: \"\",\r\n displayname: \"\",\r\n expression: \"\",\r\n id: 0,\r\n name: \"\",\r\n status: 1,\r\n vars: \"\"\r\n })\r\n this.setState({ calculationAttributes: calAttributesTemp });\r\n }\r\n onAttributeChange = (attribute, position) => {\r\n var calAttributesTemp = [...this.state.calculationAttributes]\r\n calAttributesTemp[position] = attribute\r\n this.setState({ calculationAttributes: calAttributesTemp });\r\n\r\n }\r\n onAttributeSave = () => {\r\n var obj = {\r\n list: this.state.calculationAttributes\r\n }\r\n this.props.updateBatchCalculateAttribute(obj).then(() => {\r\n this.props.getCalculateAttribute({ \"assetid\": this.state.assetId })\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n {/* {console.log(this.state.calculationAttributes)} */}\r\n {\r\n this.state.calculationAttributes.map((ca, index) => {\r\n if (ca.status > 0) {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass CustomAttributes extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n {msg}\r\n
\r\n\r\n
\r\n {\r\n this.props.addClassToStore(data)\r\n // Receives a callback from redux action with newly id\r\n // .then(res => {\r\n // this.setState({ selectedClass: (res.payload && res.payload.id) })\r\n // })\r\n }}\r\n updateClassOnStore={this.props.updateClassOnStore}\r\n assetClassList={this.props.assetClassList}\r\n userObj={this.props.userObj}\r\n />\r\n
\r\n \r\n
\r\n \r\n Loading data...\r\n
\r\n }\r\n {assetObj && assetObj.device && assetObj.device.map((device, index) => (\r\n \r\n {this.renderDeviceTable(device)}\r\n
\r\n ))}\r\n \r\n {/* \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n renderBackButton = () => {\r\n return(\r\n {deviceObj.deviceid}
*/}\r\n{deviceObj.deviceid}
\r\n| ID | \r\nAttribute Name | \r\nAttribute Value | \r\n
|---|---|---|
| {attr.id} | \r\n{attr.name} | \r\n{attr.value} | \r\n
\r\n
\r\n } \r\n \r\n
\r\n );\r\n }\r\n\r\n if (node.type === \"department\") {\r\n return node.label;\r\n }\r\n }\r\n\r\n nodeTemplate2 = (node) => {\r\n if (node.type === \"assetnode\") {\r\n // let data = [];\r\n // let lable = ['Temperature', 'Humidity'];\r\n // if (this.state.asset && this.state.asset.device){\r\n // let deviceArr = this.state.asset.device; \r\n // for (let i = 0 ; i < deviceArr.length; i++) {\r\n // if (deviceArr[i].msgs && deviceArr[i].msgs.length >0 ){\r\n // let msgObj = deviceArr[i].msgs[0];\r\n // Object.entries(msgObj.msg).forEach(([key, value], index)=>{\r\n // if (lable.includes(key)){\r\n // data.push(value);\r\n // lable = lable.filter((item, id) => (item != key));\r\n // }\r\n // })\r\n // }\r\n // }\r\n // }\r\n let data = null;\r\n if (node.data) {\r\n data = groupBy(node.data, item => item.devicename);\r\n\r\n }\r\n\r\n return (\r\n \r\n {/* {this.svgFormatter(node.data.icon, 30, 30, '#ffffff')}{' '} */}\r\n {this.svgFormatter(node.icon, 30, 30, '#ffffff')}{' '}\r\n {node.label}\r\n
\r\n \r\n {/* 
*/}\r\n \r\n {node.data.assetid == this.state.assetid && data && data.map((d, di) => (\r\n
\r\n */}\r\n {node.data.assetname}
\r\n {d.displayname} : {d.value}\r\n
\r\n\r\n ))}\r\n \r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n nodeTemplate3 = (node) => {\r\n if (node.type === \"assetnode\") {\r\n return (\r\n \r\n {/* {this.svgFormatter(node.data.icon, 30, 30, '#ffffff')}{' '} */}\r\n {this.svgFormatter(node.icon, 30, 30, '#ffffff')}{' '}\r\n {node.label}\r\n
\r\n \r\n {/* */}\r\n {data && Array.from(data).map(([key, value]) => (\r\n
\r\n */}\r\n {data && Array.from(data).map(([key, value]) => (\r\n \r\n
\r\n ))}\r\n {key}
\r\n {value && value.map((d, di) => (\r\n\r\n {d.attributename} : {d.value}\r\n
\r\n\r\n ))}\r\n \r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nexport default SchemaChart;\r\n\r\nconst TemplateDataList = (props) => {\r\n const [showAll, setShowAll] = useState(false);\r\n const handleLinkClick = (e) => {\r\n e.stopPropagation();\r\n setShowAll(!showAll);\r\n }\r\n const { node } = props;\r\n const Link = handleLinkClick(e)}>{showAll ? show less ... : show more ...};\r\n let data = null;\r\n if (node.data) {\r\n if (showAll) {\r\n data = groupBy(node.data, item => item.devicenamealias ? item.devicenamealias : item.devicename);\r\n // data = groupBy(node.data, item=>item.devicename);\r\n } else {\r\n data = groupBy(node.data.slice(0, 3), item => item.devicenamealias ? item.devicenamealias : item.devicename);\r\n // data = groupBy(node.data.slice(0,3), item=>item.devicename);\r\n }\r\n // data = groupBy(node.data, item=>item.devicename);\r\n\r\n }\r\n return (\r\n \r\n
*/}\r\n\r\n {/* \r\n
\r\n OrganizationChart
\r\nOrganizationChart visualized hierarchical organization data.
\r\n */}\r\n\r\n \r\n \r\n\r\n {/*
*/}\r\n \r\n \r\n }\r\n {this.props.loading &&\r\n
\r\n Schema
\r\n {this.props.treeData && this.props.treeData.length > 0 &&\r\n\r\n
\r\n }\r\n Basic
\r\n\r\n
\r\n );\r\n}\r\n\r\nconst svgFormatter = (data, width, height, color) => {\r\n return (\r\n \r\n )\r\n}\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from 'react-redux';\r\nimport { Col, Row, Card, CardBody, Label, Button, Input, FormGroup, Collapse } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport {BackButton} from '../../../shared/components/Button/IconButton'; \r\n// import {\r\n// getAssetRecursiveData,\r\n// clearAssetRecursiveData,\r\n// removeRecursiveLeve,\r\n// } from '../../../redux/actions/recursiveAction';\r\nimport {\r\n loadAssetClass,\r\n getAssetsData,\r\n getGroupAssetData, \r\n getGroupDeviceData,\r\n clearGroupAssetData,\r\n} from '../../../redux/actions/mapActions';\r\nimport {\r\n // getAssetsData, \r\n // loadAssetList\r\n updatePubSubDevice,\r\n // getAttributeThreshold,\r\n} from '../../../redux/actions/dashboardActions';\r\nimport {getAssetRecursiveData, clearAssetRecursiveData} from '../../../redux/actions/recursiveActions'; \r\nimport {LevelColors} from '../../../constants/dataConstants';\r\nimport { groupBy, getLevelColor } from '../../../factories/utils';\r\nimport DataList from './DataList';\r\nimport SchemaChart from './SchemaChart';\r\n// import FilterCard from '../components/FilterCard';\r\n// import LevelCard from '../components/LevelCard';\r\nimport {WEB_SUB_CHANNEL, WEB_SUB_EVENT} from '../../../constants/appConstants';\r\nimport {getCurrentUser} from \"../../../factories/auth\";\r\n\r\nclass SchemaBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n // selectedAssetId : 220,\r\n showDataList: false,\r\n }\r\n // this.eventSource = new EventSource(\"http://192.168.2.103:8080/sendRedisMessageTest/get\");\r\n this.eventSource = new EventSource(WEB_SUB_CHANNEL);\r\n this.userObj = getCurrentUser();\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': {backgroundColor: this.userObj.detail.appButtonColorHover},\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover: \"white\",\r\n }),\r\n control: (base,selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover: base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': {borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover: base.borderColor}\r\n }),\r\n indicatorsContainer: (base,selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n componentDidMount(){\r\n this.props.loadAssetClass();\r\n this.loadAssetData();\r\n this.loadDeviceData();\r\n\r\n this.props.getAssetsData({assetclassid: 142, latest: 1});\r\n // this.loadInterval2 = setInterval(() => {\r\n // \r\n // this.props.getAssetsData({assetclassid: 142, latest: 1});\r\n // }, 10000);\r\n // this.eventSource.addEventListener(\"devicemessage\", (e)=> {\r\n this.eventSource.addEventListener(WEB_SUB_EVENT, (e)=> {\r\n // \r\n // \r\n this.props.updatePubSubDevice(e.data);\r\n this.setState({updatedData: e.data});\r\n } \r\n );\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n // \r\n // if (nextProps.assetClass){\r\n // \r\n // \r\n // }\r\n // if (nextProps.pubsubDevice) {\r\n // this.setState({updatedData: nextProps.pubsubDevice});\r\n // }\r\n }\r\n\r\n // componentWillUnmount(){\r\n // \r\n // // if (this.interval){\r\n // // clearInterval(this.interval);\r\n // // }\r\n // this.props.clearGroupAssetData();\r\n // }\r\n componentWillUnmount(){\r\n // \r\n if (this.loadInterval){\r\n clearInterval(this.loadInterval);\r\n }\r\n if (this.loadInterval2){\r\n clearInterval(this.loadInterval2);\r\n }\r\n if (this.eventSource){\r\n this.eventSource.close();\r\n }\r\n this.props.clearGroupAssetData();\r\n this.props.clearAssetRecursiveData();\r\n }\r\n // ------------------------------------------------------\r\n loadAssetData = () => {\r\n let params = {themeid:\"\", starttime: \"\", endtime: \"\"};\r\n let entitygroup = [];\r\n let entity = '';\r\n if (this.state.selectedAssetId){ \r\n entity = this.state.selectedAssetId; \r\n params = {...params, entitygroup, entity, latest: \"1\"}; \r\n this.props.getGroupAssetData(params);\r\n }\r\n }\r\n\r\n loadDeviceData = () => {\r\n let params = {themeid:\"\", starttime: \"\", endtime: \"\"};\r\n let entitygroup = [];\r\n let entity = '';\r\n if(this.state.selectedAssetId){\r\n entity = this.state.selectedAssetId; \r\n params = {...params, entitygroup, entity, latest: \"1\"}; \r\n this.props.getGroupDeviceData(params);\r\n }\r\n\r\n }\r\n\r\n handleSelectionChange = (e) => {\r\n \r\n if (this.loadInterval){\r\n clearInterval(this.loadInterval);\r\n }\r\n let selected = e.data;\r\n this.setState({selectedAssetId: selected.assetid, showDataList: true,}, ()=>{\r\n this.loadAssetData();\r\n this.loadDeviceData();\r\n // this.loadInterval = setInterval(() => {\r\n // \r\n // this.loadAssetData();\r\n // }, 10000);\r\n })\r\n }\r\n // ------------------------------------------------------\r\n renderAssetData = () => {\r\n let assetObj = null;\r\n if (this.props.assetGroupData && this.props.assetGroupData.length > 0){\r\n let assetclassObj = this.props.assetGroupData[0];\r\n if (assetclassObj.asset && assetclassObj.asset.length >0 ){\r\n assetObj = assetclassObj.asset[0];\r\n \r\n // return (\r\n // \r\n // );\r\n }else{\r\n // return No data display...;\r\n // return (\r\n // \r\n // );\r\n }\r\n }else{\r\n // return No data display...;\r\n // return (\r\n // \r\n // );\r\n }\r\n return (\r\n \r\n );\r\n }\r\n // -----------------------------------------------------\r\n handleAssetClassChange = (val) => {\r\n this.props.clearAssetRecursiveData();\r\n this.setState({\r\n selectedAssetClass: val,\r\n selectedAsset: null,\r\n assets: val?.assets,\r\n });\r\n }\r\n handleAssetChange = (val) => {\r\n if (val) {\r\n this.props.getAssetRecursiveData(val.assetid)\r\n } else {\r\n this.props.clearAssetRecursiveData();\r\n }\r\n this.setState({\r\n selectedAsset: val,\r\n });\r\n }\r\n renderFilter = () => {\r\n return (\r\n \r\n {/* {this.svgFormatter(node.data.icon, 30, 30, '#ffffff')}{' '} */}\r\n {svgFormatter(node.icon, 30, 30, '#ffffff')}{' '}\r\n {node.label}\r\n
\r\n \r\n {/* */}\r\n {data && data.size > 0 && Array.from(data).map(([key, value]) => (\r\n
\r\n */}\r\n {data && data.size > 0 && Array.from(data).map(([key, value]) => (\r\n \r\n \r\n {value && value.map((d, di) => (\r\n
\r\n
\r\n
\r\n ))}\r\n\r\n {data && data.size > 0 && Link}\r\n {(!data || data.size === 0) &&\r\n No data display...\r\n }\r\n {key}
\r\n| \r\n {d.attributename}\r\n | \r\n\r\n {d.value}\r\n | \r\n
\r\n
\r\n
\r\n \r\n Asset Classes\r\n
\r\n\r\n All Assets\r\n
\r\nDevice List
\r\n \r\n\r\n Devices\r\n
\r\n\r\n Asset Structure\r\n
\r\nAsset Management
\r\n \r\n\r\n {this.props.button}\r\n \r\n \r\n
\r\n
\r\n | Name | \r\nFormat | \r\nCompany | \r\nStatus | \r\n\r\n |
|---|
\r\n {renderSections}\r\n \r\n )\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n const assetClass = state.mapboard.assetClass;\r\n const assetClassAttr = state.mapboard.assetClassAttr;\r\n // const allrules = state.rule.rules;\r\n const props = { assetClass, assetClassAttr };\r\n return props;\r\n};\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ loadAssetClass, getAssetClassAttribute, getAssetClassAttributeAjax }, dispatch);\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ReportAddDataComponent);\r\n\r\n// -------------------------------------------------------------------------------------\r\nfunction VariableContainer({ children, onClick }) {\r\n return (\r\n
\r\n (
\r\n )\r\n}\r\nfunction PlusIconButton({ onClick, label }) {\r\n return (\r\n Header
\r\n\r\n
Table
\r\n\r\n
\r\n
\r\n {varsToRender.map((variableData, i) => (\r\n \r\n {/* {this.props.button('Create')} */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nclass ReportMainSettingsComponent extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n reportName: 'New Report',\r\n timezone: '',\r\n dataTime: 10,\r\n format: 'pdf',\r\n email: '',\r\n freqPeriod: '1',\r\n freqTime: '12:00',\r\n subject: 'Your Report New Report',\r\n messageBody: 'Hi, your report New Report is ready for download\\n{{url}}\\nAll the best',\r\n emails: ''\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n if (nextProps.gerneralPart && nextProps.gerneralPart !== this.state.gerneralPart) { //&& nextProps.gerneralPart == this.state.gerneralPart\r\n let sendcronObj = parseSendcron(nextProps.gerneralPart.sendcron);\r\n if (!sendcronObj) {\r\n return;\r\n }\r\n this.setState({\r\n gerneralPart: nextProps.gerneralPart,\r\n reportName: nextProps.gerneralPart.reportname,\r\n timezone: nextProps.gerneralPart.timezone,\r\n dataTime: nextProps.gerneralPart.datetime,\r\n format: nextProps.gerneralPart.format,\r\n subject: nextProps.gerneralPart.subject,\r\n messageBody: nextProps.gerneralPart.msgbody,\r\n emails: nextProps.gerneralPart.receiver,\r\n freqPeriod: sendcronObj.freqPeriod,\r\n freqTime: sendcronObj.freqTime,\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n\r\n\r\n this.props.stateCallback(this.state);\r\n }\r\n\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget;\r\n\r\n\r\n this.setState({ [id]: value });\r\n // this.setState(\r\n // (prevState, props) => {\r\n // return ({ [id]: value });\r\n // }, \r\n // () => {\r\n // console.log(this.state[id]) \r\n // }\r\n // );\r\n }\r\n // handleTimeChange = (event) => {\r\n // const { id, value } = event.currentTarget\r\n // this.setState({ frequency: { ...this.state.frequency, [id]: value } })\r\n // }\r\n render() {\r\n const timezoneOptions = [\r\n // { value: 121, label: \"Hello 1\" },\r\n // { value: 122, label: \"Hello 2\" },\r\n // { value: 123, label: \"Hello 3\" },\r\n // { value: 124, label: \"Hello 4\" },\r\n // { value: 125, label: \"Hello 5\" },\r\n // { value: 126, label: \"Hello 6\" },\r\n // { value: 121, label: \"America/Toronto\" },\r\n // { value: 122, label: \"America/Kingston\" },\r\n // { value: 123, label: \"America/Ottawa\" },\r\n // { value: 124, label: \"America/Montreal\" },\r\n // { value: 125, label: \"America/Quebec\" },\r\n // { value: 126, label: \"America/Lonton\" },\r\n // { value: 127, label: \"America/Winnipeg\" },\r\n // { value: 128, label: \"America/Edmonto\" },\r\n // { value: 129, label: \"America/Calgary\" },\r\n // { value: 130, label: \"America/Vancouver\" },\r\n { value: \"America/Toronto\", label: \"America/Toronto\" },\r\n // { value: \"America/Kingston\", label: \"America/Kingston\" },\r\n // { value: \"America/Ottawa\", label: \"America/Ottawa\" },\r\n // { value: \"America/Montreal\", label: \"America/Montreal\" },\r\n // { value: \"America/Quebec\", label: \"America/Quebec\" },\r\n { value: \"America/Halifax\", label: \"America/Halifax\" },\r\n { value: \"America/Winnipeg\", label: \"America/Winnipeg\" },\r\n { value: \"America/Edmonton\", label: \"America/Edmonton\" },\r\n // { value: \"America/Calgary\", label: \"America/Calgary\" },\r\n { value: \"America/Vancouver\", label: \"America/Vancouver\" },\r\n ]\r\n const dataTimeOptions = [\r\n // { value: 10, label: \"Today\" },\r\n // { value: 11, label: \"Yesterday\" },\r\n // { value: 12, label: \"Last 24 Hours\" },\r\n // { value: 70, label: \"This Week\" },\r\n // { value: 71, label: \"Last Week\" },\r\n // { value: 72, label: \"Last 7 Days\" },\r\n // { value: 300, label: \"This Month\" },\r\n // { value: 301, label: \"Last Month\" },\r\n // { value: 302, label: \"Last 30 Days\" },\r\n { value: 1, label: \"Today\" },\r\n { value: 2, label: \"Yesterday\" },\r\n { value: 3, label: \"Last 24 Hours\" },\r\n { value: 4, label: \"This Week\" },\r\n { value: 5, label: \"Last Week\" },\r\n { value: 6, label: \"Last 7 Days\" },\r\n { value: 7, label: \"This Month\" },\r\n { value: 8, label: \"Last Month\" },\r\n { value: 9, label: \"Last 30 Days\" },\r\n ]\r\n const formatOptions = [\r\n // { value: 1, label: \"PDF\" },\r\n // { value: 2, label: \"Excel\" },\r\n { value: 'pdf', label: \"PDF\" },\r\n { value: 'excel', label: \"Excel\" },\r\n ]\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n {/* Schedule \r\n Checkbox Goes Here\r\n */}\r\n
\r\n Reports\r\n \r\n
\r\n \r\n\r\n {this.state.toggal1 &&\r\n \r\n }\r\n {/* {this.state.toggal2 &&\r\n \r\n } */}\r\n
\r\n {/* \r\n {/* \r\n \r\n {/*
\r\n\r\n
\r\n {/* \r\n \r\n
*/}\r\n \r\n \r\n
\r\n \r\n {' '}\r\n \r\n \r\n
\r\n \r\n \r\n {/* */}\r\n
\r\n )\r\n }\r\n \r\n}\r\n\r\n// export default GeoFenceMap;\r\n// export default GoogleApiWrapper({\r\n// apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n// libraries: ['drawing'],\r\n// })(GeoFenceMapCard);\r\n\r\n//\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing','places'],\r\n })\r\n);\r\n\r\nexport default enhance(GeoFenceMapCard);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport check_mark_circle from '../../../shared/img/icon/check_mark_circle.svg'; \r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {EditTextButton, DeleteTextButton} from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass GeoFenceListCard extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n // data: [\r\n // { id: 0,\r\n // name: 'fence 1',\r\n // type: 'circle', \r\n // devicetypename: 't1',\r\n // devicename: 'aaaa', \r\n // data:{\r\n // center: {lat: 43.8135172592541, lng: -79.5758380996582},\r\n // radius: 80\r\n // }\r\n // },\r\n // { id: 1,\r\n // name: 'fence 2',\r\n // type: 'rectangle', \r\n // devicetypename: 't1',\r\n // devicename: 'bbbb', \r\n // data:{\r\n // south: 43.81258922466195, \r\n // west: -79.57085991972656, \r\n // north: 43.8211357979583, \r\n // east: -79.55026055449218\r\n // }\r\n // },\r\n // { id: 2,\r\n // name: 'fence 3',\r\n // type: 'polygon',\r\n // devicetypename: 't2',\r\n // devicename: 'cccc', \r\n // data:[\r\n // [\r\n // {lat: 43.822311404399926, lng: -79.56390763395996},\r\n // {lat: 43.82020588194602, lng: -79.55043221586914},\r\n // {lat: 43.812402415964726, lng: -79.5622768508789},\r\n // {lat: 43.8135172592541, lng: -79.5758380996582}\r\n // ],\r\n // ]\r\n // },\r\n // ],\r\n // data2: [{id: 1, name:'n1',type:'t1'},{id: 2, name:'n2',type:'t2'},{id: 3, name:'n3',type:'t3'}]\r\n }\r\n }\r\n\r\n handleRowClick = (row) => {\r\n // alert(`You click row id: ${row.id}`);\r\n this.props.handleRowClick(row);\r\n // alert('yes');\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n \r\n // options = {\r\n // onRowClick: this.handleRowClick,\r\n // onRowDoubleClick: function(row) {\r\n // // alert(`You double click row id: ${row.id}`);\r\n // }\r\n // };\r\n\r\n\r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n {this.props.fencename}
*/}\r\n {this.renderTitle()}\r\n\r\n
\r\n {/*
\r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n
\r\n {this.handleRowClick(row);}}/>{' '}\r\n {/* {this.handleRowDeleteClick(row);}}/> */}\r\n {this.handleRowDeleteClick(row);}}\r\n msg={'Do you want to delete the select Geofence ? '}\r\n />\r\n {/* {this.handleRowClick(row);}}/>{' '} */}\r\n {/* {this.handleRowDeleteClick(row);}} /> */}\r\n
\r\n )\r\n }\r\n\r\n newEditButtonFormatter = (cell, row) => {\r\n return(\r\n \r\n {this.handleRowClick(row);}}/>{' '}\r\n
\r\n )\r\n }\r\n removeButtonFormatter =(cell, row)=>{\r\n return(\r\n \r\n {this.handleRowDeleteClick(row);}}\r\n msg={'Do you want to delete the select Geofence ? '}\r\n />\r\n
\r\n )\r\n }\r\n\r\n shapeFormatter = (cell, row) => {\r\n let shape = '';\r\n switch (cell) {\r\n case 0 :\r\n shape = \"Circle\";\r\n break;\r\n case 1 :\r\n shape = \"Rectangle\";\r\n break;\r\n case 2 :\r\n shape = \"Polygon\";\r\n break;\r\n default: \r\n shape = \"\"; \r\n }\r\n return(\r\n {shape}\r\n );\r\n }\r\n\r\n thumbnailFormatter = (cell, row) => {\r\n return(\r\n {this.handleRowClick(row);}} style={{cursor:'pointer'}}>\r\n {mapThumbnail(row)}\r\n
\r\n )\r\n }\r\n\r\n handleAddNewButtonClick = (onClick) => {\r\n // this.props.addNewToggle();\r\n this.props.handleNewClick();\r\n }\r\n\r\n addNewUserButton = (onClick) => {\r\n return (\r\n \r\n {this.handleRowClick(row);}}/>{' '}\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n renderActionList(){\r\n const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return(\r\n {alert(cell); alert(row['devicename']);}}>{cell}\r\n )\r\n }\r\n \r\n const options = {\r\n page: 1, // which page you want to show as default\r\n sizePerPageList: [ {\r\n text: '5', value: 5\r\n }, {\r\n text: '10', value: 10\r\n }, \r\n // {\r\n // text: 'All', value: this.props.currentDeviceList.length\r\n // } \r\n ], // you can change the dropdown list for size per page\r\n sizePerPage: 5, // which size per page you want to locate as default\r\n pageStartIndex: 1, // where to start counting the pages\r\n paginationSize: 5, // the pagination bar size.\r\n prePage: '<', // Previous page button text\r\n nextPage: '>', // Next page button text\r\n firstPage: '<<', // First page button text\r\n lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n };\r\n return(\r\n \r\n {this.renderActionList()}\r\n
\r\n );\r\n };\r\n} \r\n\r\nexport default GeoFenceActionCard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { ENGINE_METHOD_DIGESTS } from 'constants';\r\n\r\nclass NewFenceModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n btnDisable: false,\r\n name: ''\r\n }\r\n }\r\n\r\n // handleLowValueOnchang =(e) => {\r\n // this.props.onLowValueChange(e);\r\n // }\r\n\r\n componentDidMount(){\r\n \r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n \r\n \r\n this.setState({\r\n name: ''\r\n });\r\n }\r\n\r\n handleNameOnchange =(e) => {\r\n // this.props.onNameChange(e);\r\n let btnDisable = (e.target.value && e.target.value.trim().length>0);\r\n this.setState({\r\n name: e.target.value,\r\n btnDisable: btnDisable\r\n });\r\n }\r\n\r\n // handleChangeComplete =(c,e) => {\r\n // this.props.onColorValueChange(c,e)\r\n // }\r\n\r\n // handleShowColorClick = (e) => {\r\n // e.stopPropagation();\r\n // this.setState(\r\n // (preState) =>(\r\n // {showColorPicker: !preState.showColorPicker}\r\n // )\r\n // )\r\n // }\r\n\r\n OnAddClick = (e) => {\r\n this.props.onAddFence(this.state.name);\r\n this.props.toggle();\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n {/* {this.state.message} */}\r\n {this.props.message} \r\n {/* {this.props.message} */}\r\n {/* \r\n {this.props.message}\r\n testestestets\r\n */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AlertMessage;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Container, Row, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport { Card, CardBody, CardTitle, CardText } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\n// import {Tabs, Tab} from 'react-bootstrap';\r\n// import Tab from 'react-bootstrap/Tab';\r\n// import Tabs from 'react-bootstrap/Tabs';\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\nimport classnames from 'classnames';\r\nimport GeoFenceMap from './GeoFenceMap';\r\nimport GeoFenceMapCard from './GeoFenceMapCard';\r\nimport GeoFenceListCard from './GeoFenceListCard';\r\nimport GeoFenceActionCard from './GeoFaenceActionCard';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { toast } from \"react-toastify\";\r\nimport {loadDevice, loadDeviceInfo } from '../../../redux/actions/mapActions'\r\nimport {loadAllGeoFences, updateGeofence, deleteGeofence, toggleSuccessAlert, toggleErrorAlert} from '../../../redux/actions/fenceAction'\r\nimport NewFenceModal from './NewFenceModal'\r\nimport { Alert, UncontrolledAlert } from 'reactstrap';\r\nimport AlertMessage from '../../AlertComponent/components/AlertMessage';\r\nimport {FENCE_MSG_TOGGLE_OFF} from '../../../constants/actionTypes';\r\nimport {toggleAlertOff} from '../../../redux/actions/alertAction';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass GeoFenceBoard extends Component{\r\n constructor(props){\r\n super(props);\r\n this.myMapBoard = React.createRef();\r\n this.confirmDialog = React.createRef();\r\n this.state={\r\n modalSetVisible: false,\r\n currentDeivecTypeId: '5cf828390499f50b995ae851',\r\n currentDeviceTypeName: 'Oyster',\r\n fenceDeviceTypeName: '',\r\n currentDeviceId: '',\r\n currentDeviceName: '',\r\n fenceDeviceName: '',\r\n showDetails: false,\r\n // currentShape: {\r\n // type:'polygon', \r\n // data:[\r\n // [\r\n // {lat: 43.822311404399926, lng: -79.56390763395996},\r\n // {lat: 43.82020588194602, lng: -79.55043221586914},\r\n // {lat: 43.812402415964726, lng: -79.5622768508789},\r\n // {lat: 43.8135172592541, lng: -79.5758380996582}\r\n // ],\r\n // ]\r\n // },\r\n currentShape: {},\r\n fenceData: [\r\n { fenceid: 0,\r\n fencename: 'fence 1',\r\n shape: 0, \r\n devicetypeid: '',\r\n devicetypename: 't1',\r\n deviceid:'',\r\n devicename: 'aaaa', \r\n geodata:{\r\n center: {lat: 43.8135172592541, lng: -79.5758380996582},\r\n radius: 80\r\n }\r\n },\r\n { fenceid: 2,\r\n fencename: 'fence 2',\r\n shape: 1, \r\n devicetypeid: '',\r\n devicetypename: 't1',\r\n deviceid:'',\r\n devicename: 'bbbb', \r\n geodata:{\r\n south: 43.81258922466195, \r\n west: -79.57085991972656, \r\n north: 43.8211357979583, \r\n east: -79.55026055449218\r\n }\r\n },\r\n { fenceid: 3,\r\n fencename: 'fence 3',\r\n shape: 2,\r\n devicetypeid: '',\r\n devicetypename: 't2',\r\n deviceid:'',\r\n devicename: 'cccc', \r\n geodata:[\r\n [\r\n {lat: 43.822311404399926, lng: -79.56390763395996},\r\n {lat: 43.82020588194602, lng: -79.55043221586914},\r\n {lat: 43.812402415964726, lng: -79.5622768508789},\r\n {lat: 43.8135172592541, lng: -79.5758380996582}\r\n ],\r\n ]\r\n },\r\n ],\r\n activeTab: '1',\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // alert(\"yew timeout componentWillReceiveProps\");\r\n if (nextProps.successvisible == true){\r\n // alert(\"yes timeout\");\r\n window.setTimeout(()=>{\r\n nextProps.toggleSuccessAlert()\r\n },2000)\r\n }\r\n if (nextProps.errorvisible == true){\r\n window.setTimeout(()=>{\r\n nextProps.toggleErrorAlert()\r\n },2000)\r\n }\r\n\r\n }\r\n\r\n // static getDerivedStateFromProps(props, state) {\r\n // alert(\"yew timeout getDerivedStateFromProps\");\r\n // return({\r\n // // currentDeviceTypeId : props.currentDeviceTypeId,\r\n // // currentDeviceTypeName : props.currentDeviceTypeName,\r\n // // currentDeviceId : props.currentDeviceId,\r\n // // currentDeviceName : props.currentDeviceName,\r\n // });\r\n // } \r\n\r\n // UNSAFE_componentWillMount( nextProps, nextState){\r\n // alert(\"yew timeout componentWillUpdate\");\r\n // }\r\n\r\n componentDidMount(){\r\n this.props.loadDevice();\r\n this.props.loadDeviceInfo({devicetype: this.state.currentDeivecTypeId},'fence');\r\n // alert('call');\r\n this.props.loadAllGeoFences({devicetypeid: this.state.currentDeivecTypeId});\r\n // this.props.loadDivceMapData({devicetype:this.props.currentDeviceTypeId});\r\n // this.props.loadDeviceAttr({devicetypeid: this.props.currentDeviceTypeId});\r\n }\r\n\r\n onDeviceTypeChange = (e) =>{\r\n // alert(e.target.value);\r\n // alert(e.target.selectedIndex);\r\n let index = e.target.selectedIndex\r\n // alert(e.target.options[index].text);\r\n // \r\n this.setState({\r\n currentDeivecTypeId: e.target.value,\r\n currentDeviceTypeName: e.target.options[index].text\r\n });\r\n this.props.loadDeviceInfo({devicetype: e.target.value},'fence')\r\n }\r\n onDeviceChange = (e) =>{\r\n // alert( 'yes');\r\n let index = e.target.selectedIndex\r\n this.setState({\r\n currentDeviceId: e.target.value,\r\n currentDeviceName: e.target.options[index].text\r\n });\r\n }\r\n onFilterClick = (e) => {\r\n this.props.loadAllGeoFences({devicetypeid: this.state.currentDeivecTypeId, deviceid: this.state.currentDeviceId});\r\n }\r\n\r\n onNewClick = (e) => {\r\n // this.setState({\r\n // modalSetVisible: true,\r\n // });\r\n\r\n this.onAddFence('');\r\n }\r\n\r\n // handleFenceListRowClick = (row) => {\r\n // let id = row.fenceid;\r\n // let fence = this.state.fenceData.find((e, i) => (e.fenceid === id));\r\n // // alert(fence.type);\r\n // \r\n \r\n // // \r\n // let type = '' ;\r\n // switch(fence.shape){\r\n // case 0:\r\n // type = 'circle';\r\n // break;\r\n // case 1:\r\n // type = 'rectangle';\r\n // break;\r\n // case 2:\r\n // type = 'polygon';\r\n // break;\r\n // }\r\n // this.setState({\r\n // currentShape: {type: type, data: fence.geodata},\r\n // currentFenceName: fence.fencename,\r\n // fenceDeviceTypeName: fence.devicetypename,\r\n // fenceDeviceName: fence.devicename\r\n // });\r\n // }\r\n\r\n renderTopCard(){\r\n return(\r\n \r\n {this.state.currentFenceId > 0 ? \"Edit Fence\" : \"New Fence\"}\r\n
\r\n\r\n \r\n \r\n \r\n {this.renderMapCard()} \r\n \r\n \r\n {/* \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n \r\n // {this.props.message} \r\n // {this.props.message} \r\n // {/* \r\n // {this.props.message}\r\n // testestestets\r\n // */}\r\n //
\r\n \r\n {/* {this.renderTopCard()} */}\r\n {/*
\r\n )\r\n }\r\n \r\n}\r\n\r\n// export default GeoFenceBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n \r\n \r\n const devicetypes = state.mapboard.types;\r\n // const devices = state.fence.currentDeviceList;\r\n // const currentTheme = state.mapfilter.currentThemeId; \r\n // const props = {devicetypes, devices};\r\n\r\n const {currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, fenceData, error, message, type, successvisible, errorvisible, messagevisible, messagetype} = state.fence;\r\n const props = {devicetypes, currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, fenceData, error, message, type, successvisible, errorvisible, messagevisible, messagetype} ;\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadDevice, loadDeviceInfo, loadAllGeoFences, updateGeofence, deleteGeofence, toggleSuccessAlert, toggleErrorAlert, toggleAlertOff}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(GeoFenceBoard);\r\n","import React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport GeoFenceBoard from './components/GeoFenceBoard';\r\n\r\nconst GeofencePage = () => (\r\n Geofence Management
\r\n\r\n \r\n
Device {props.match.params.id}
\r\n \r\n\r\n {/*
*/}\r\n\r\n {/*
\r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.showColorPicker &&\r\n
\r\n \r\n
}\r\n \r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
*/}\r\n
*/}\r\n {this.renderInput()}\r\n
\r\n
*/}\r\n
\r\n\r\n {/*
\r\n {this.props.dashName} \r\n
\r\n \r\n\r\n
*/}\r\n {this.renderMap()}\r\n \r\n {this.props.dashName}
\r\n\r\n \r\n {/*
{this.renderDetailsTb(deviceId)}
)\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n // // \r\n // // \r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n // }\r\n\r\n // const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n // return(\r\n // // {\r\n // // // alert(cell); \r\n // // // alert(row['devicename']);\r\n // // }}>{cell}\r\n // // \r\n // {cell} \r\n // )\r\n // }\r\n \r\n if (cell){\r\n let chunkedDevices = chunk(cell, colspan); \r\n return (\r\n | \r\n {/* {}}>{device.deviceid} */}\r\n {/* {handleDeviceOnClick(e, device.deviceid);}}>{device.deviceid} */}\r\n {device.deviceid} \r\n | \r\n ))}\r\n
\r\n {\r\n data && data.map((assetclass, acindex)=>( \r\n {this.renderAssetsTb2(assetclass)} \r\n ))\r\n }\r\n
\r\n // \r\n // {data &&\r\n // this.renderAssetsTb2(data[0])}\r\n //
\r\n \r\n );\r\n \r\n }\r\n toggle = () => {\r\n // alert('yes');\r\n this.setState((prevState) => ({\r\n modal : !prevState.modal\r\n }))\r\n }\r\n render() {\r\n return(\r\n \r\n {this.props.dashName} \r\n {/* \r\n }\r\n
\r\n \r\n
*/}\r\n {this.renderAssetClassTbs()}\r\n {this.props.dashName}
\r\n\r\n {/*
*/}\r\n \r\n {/*
\r\n {/* \r\n */}\r\n \r\n Device ID \r\n Device Name \r\n Device Type \r\n Last Message Time \r\n \r\n {/* \r\n */}\r\n {/* */}\r\n
\r\n );\r\n }\r\n\r\n toggle = () => {\r\n // alert('yes');\r\n this.setState((prevState) => ({\r\n modal : !prevState.modal\r\n }))\r\n }\r\n renderModal = () => {\r\n return(\r\n */}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n \r\n }\r\n
\r\n {/* \r\n
*/}\r\n {this.renderDeviceTable()}\r\n {this.props.dashName}
\r\n\r\n {/*
\r\n // Device Type Usage
*/}\r\n */}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/* \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return(\r\n */}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/* \r\n
\r\n
\r\n {/*
\r\n // Device Type Usage
*/}\r\n */}\r\n \r\n {this.props.dashName} \r\n {/*
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {/*
\r\n {/* */}\r\n \r\n {/* {this.props.dashName} */}\r\n Test\r\n {/* {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {/* {this.props.dashName} */}\r\n Test\r\n {/* {this.props.layout && 0 == this.props.layout.locked &&\r\n \r\n } */}\r\n
\r\n {/* \r\n }\r\n \r\n \r\n
*/}\r\n\r\n {/*
\r\n */}\r\n \r\n {/* {label} \r\n {sublabel} */}\r\n \r\n {/**/}\r\n {/*
*/}\r\n \r\n
\r\n \r\n\r\n {this.state.dataType && this.state.dataType == 'image' ?\r\n 
\r\n :\r\n // \r\n // {value} \r\n // \r\n //
\r\n // }\r\n //\r\n // \r\n // \r\n // \r\n this.drawValueChart(value)\r\n }\r\n \r\n {/* \r\n
*/}\r\n \r\n // }\r\n //\r\n // \r\n //
\r\n
);\r\n }\r\n\r\n gaugeChart = (value, maxValue, unit) => {\r\n return (\r\n
\r\n {value}{unit}
\r\n\r\n
);\r\n }\r\n\r\n getAttributeLimit(attributname){\r\n switch (attributname) {\r\n case 'CO':\r\n return 35;\r\n case 'CO2':\r\n return 1000;\r\n case 'bd':\r\n return 80;\r\n case 'lum':\r\n return 1000;\r\n case 'temp':\r\n case 'hum':\r\n case 'voc':\r\n case 'pm25':\r\n case 'pm10':\r\n case 'smoke':\r\n default:\r\n return 100;\r\n }\r\n }\r\n\r\n render() {\r\n let subtitle = this.state.threshold ? this.state.threshold : null;\r\n return(\r\n \r\n value + unit}\r\n hideText={true}\r\n />\r\n
\r\n {value} {unit}
\r\n */}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n <>\r\n {/*
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n <>\r\n {/* */}\r\n ( \r\n \r\n }\r\n
\r\n {/* \r\n
\r\n {' '}\r\n \r\n
*/}\r\n 
\r\n \r\n {/*
\r\n\r\n \r\n {title}
*/}\r\n{assetTitle}
\r\n\r\n {calculateAttrs && calculateAttrs.length > 0 &&\r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n {deviceList && deviceList.size > 0 && Array.from(deviceList).map( ([key, value]) => (\r\n Calculate Attributes
\r\n {calculateAttrs.map(attri =>(\r\n\r\n
\r\n ))}\r\n \r\n {attri.name}\r\n
\r\n \r\n {attri.value}\r\n
\r\n \r\n
\r\n ))}\r\n {key}
\r\n {value && value.map(attr => (\r\n\r\n
\r\n ))}\r\n \r\n {attr.name}\r\n
\r\n \r\n {attr.value}\r\n
\r\n */}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n <>\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n <>\r\n ( \r\n \r\n }\r\n
\r\n {/* */}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n <>\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n <>\r\n ( */}\r\n
\r\n {/* {this.state.chartdata.value}\r\n {' '}\r\n {this.state.chartdata.units}\r\n {' '}\r\n {this.state.chartdata.attributename}\r\n
\r\n {/* {this.renderLineChart(this.props.dashName, subtitle, this.state.dataValue, null)} */}\r\n {this.renderLineChart(this.state.chartdata.backgroundcolor)}\r\n{this.state.chartdata.value}\r\n {' '}\r\n {this.state.chartdata.units}\r\n {' '}\r\n {this.state.chartdata.attributename}
\r\n */}\r\n \r\n {/* {dashName} */}\r\n {layout && layout.name? layout.name : 'Widget'}\r\n {layout && 0 == layout.locked &&\r\n <>\r\n {removeHandler && \r\n
\r\n {/*
*/}\r\n \r\n {/* {dashName} */}\r\n {layout && layout.name? layout.name : 'Widget'}\r\n {layout && 0 == layout.locked &&\r\n <>\r\n {removeHandler && \r\n ( */}\r\n
\r\n {/* \r\n
\r\n {' '}\r\n \r\n
\r\n \r\n \r\n {Math.round(forecastNow.temp * 10) / 10} \r\n \r\n °\r\n {unit === 'metric' ? 'C' : 'F'}\r\n \r\n \r\n \r\n \r\n Clouds:\r\n {forecastNow.clouds}%\r\n \r\n \r\n Humidity: {forecastNow.humidity}%\r\n \r\n \r\n Wind:{' '}\r\n \r\n {forecastNow.wind}\r\n {unit === 'metric' ? 'm/s' : 'mph'}\r\n \r\n \r\n \r\n WindDirection:{' '}\r\n \r\n {forecastNow.windDir}\r\n { '°' }\r\n \r\n \r\n \r\n precip:{' '}\r\n \r\n {forecastNow.precip}\r\n { ' mph' }\r\n \r\n \r\n \r\n \r\n
\r\n);\r\n\r\nWeatherBanner.defaultProps = {\r\n unit: 'metric',\r\n locale: 'zh-tw',\r\n};\r\n\r\nWeatherBanner.propTypes = {\r\n forecastNow: PropTypes.shape({\r\n dt: PropTypes.number.isRequired,\r\n temp: PropTypes.number.isRequired,\r\n temp_min: PropTypes.number.isRequired,\r\n temp_max: PropTypes.number.isRequired,\r\n humidity: PropTypes.number.isRequired,\r\n icon: PropTypes.string.isRequired,\r\n desc: PropTypes.string.isRequired,\r\n clouds: PropTypes.number.isRequired,\r\n wind: PropTypes.number.isRequired,\r\n }).isRequired,\r\n unit: PropTypes.string,\r\n locale: PropTypes.string,\r\n};\r\n\r\nexport default WeatherBanner;\r\n\r\nconst BannerContainer = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n`;\r\n\r\nconst BannerIcon = styled.img`\r\n width: 5rem;\r\n height: 5rem;\r\n display: none;\r\n`;\r\n\r\nconst Temperature = styled.div`\r\n font-size: 3rem;\r\n margin-left: 0.5rem;\r\n font-weight: bold;\r\n`;\r\n\r\nconst Unit = styled.div`\r\n font-size: 1rem;\r\n margin-top: 0.7rem;\r\n`;\r\n\r\nconst DetailContainer = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n`;\r\n\r\nconst InfoText = styled.div`\r\n text-align: right;\r\n`;\r\n","/* eslint-disable react/jsx-props-no-spreading */\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport 'rc-slider/assets/index.css';\r\n\r\nimport React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport Slider from 'rc-slider';\r\nimport Tooltip from 'rc-tooltip';\r\nimport styled from 'styled-components';\r\nimport WeatherBanner from './WeatherBanner';\r\n\r\nconst { Handle } = Slider;\r\n\r\nconst WeatherBannerTab = ({\r\n location,\r\n forecastOfDay,\r\n locale,\r\n unit, // eslint-disable-next-line react/prop-types\r\n onLocationClick,\r\n}) => {\r\n const [tabIndex, setTabIndex] = useState(0);\r\n\r\n const renderTabPanel = (item, displayUnit) => (\r\n \r\n {`${moment.unix(forecastNow.dt).locale(locale).format('dddd a h:mm')}, ${\r\n forecastNow.desc\r\n }`}\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nWeatherWidget.defaultProps = {\r\n config: PropTypes.arrayOf({\r\n unit: 'metric',\r\n }),\r\n forecast: [],\r\n};\r\n\r\nWeatherWidget.propTypes = {\r\n forecast: PropTypes.arrayOf(PropTypes.shape({\r\n dt: PropTypes.number.isRequired,\r\n temp: PropTypes.number.isRequired,\r\n temp_min: PropTypes.number.isRequired,\r\n temp_max: PropTypes.number.isRequired,\r\n humidity: PropTypes.number.isRequired,\r\n icon: PropTypes.string.isRequired,\r\n desc: PropTypes.string.isRequired,\r\n clouds: PropTypes.number.isRequired,\r\n wind: PropTypes.number.isRequired,\r\n })),\r\n config: PropTypes.shape({\r\n location: PropTypes.string.isRequired,\r\n unit: PropTypes.string,\r\n locale: PropTypes.string,\r\n }),\r\n};\r\n\r\nconst ContentContainer = styled.div`\r\n display: block;\r\n margin: 10px 5px;\r\n text-align: left;\r\n border: 1px solid #dddddd;\r\n box-shadow: 3px 3px 3px #aaaaaa;\r\n padding: 1rem 1rem;\r\n`;\r\n\r\nconst Next5Container = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n margin-top: 1rem;\r\n justify-content: space-around;\r\n`;\r\n\r\nexport default WeatherWidget;\r\n","/* eslint-disable */\r\nimport React, {Component, Fragment, useEffect, useState} from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\n// import { Card, CardBody, Col } from 'reactstrap';\r\nimport {Col, Container, Row, Card, CardHeader, CardBody, Label, Input, Button, Form, FormGroup} from 'reactstrap';\r\nimport {EditIcon} from 'mdi-react';\r\nimport DashboardMap from './DashboardMap';\r\nimport AssetClassEditModal from './AssetClassEditModal';\r\nimport {loadAssetMapData} from '../../../redux/actions/dashboardActions';\r\nimport WeatherWidget from \"./WeatherComponent/WeatherWidget\";\r\n//import testData from './WeatherComponent/testData.json';\r\nimport jQuery from 'jquery'\r\nimport axios from \"axios\";\r\nimport Select from \"react-select\";\r\nconst cities = [\r\n {city: 'taipei', label: '🇹🇼 Taipei'},\r\n {city: 'tokyo', label: '🇯🇵 Tokyo'},\r\n {city: 'moscow', label: '🇷🇺 Moscow'},\r\n {city: 'sydney', label: '🇦🇺 Sydney'},\r\n {city: 'london', label: '🇬🇧 London'},\r\n {city: 'paris', label: '🇫🇷 Paris'},\r\n {city: 'mexico', label: '🇲🇽 Mexico'},\r\n {city: 'seattle', label: '🇺🇸 Seattle'},\r\n {city: 'washington', label: '🇺🇸 Washington'},\r\n {city: 'beijing', label: '🇨🇳 Beijing'},\r\n];\r\n\r\nconst AssetWeatherWidget = () => {\r\n const params = new URLSearchParams(window.location.search);\r\n const city = params.get('city_index');\r\n\r\n const [cityIndex, setCityIndex] = useState(city || 0);\r\n const [forecast, setForecast] = useState([]);\r\n const [error, setError] = useState('');\r\n\r\n getLocation().then((res) => {\r\n // console.log(res);\r\n });\r\n function getTemp(degress) {\r\n return parseFloat(((degress - 32) * 5 / 9).toFixed(1));\r\n }\r\n window.onLoadWeatherData=async (weathertData) => {\r\n const transformData = await weathertData.map((data) => ({\r\n dt: new Date(data.timestamp).getTime()/1000,\r\n temp:getTemp(data.temp),\r\n temp_min: getTemp(data.temp),\r\n temp_max: getTemp(data.temp),\r\n humidity: data.relHum,\r\n icon: \"\",\r\n desc: \"\",\r\n clouds: data.cldCvr,\r\n wind: data.windSpd,\r\n windDir:data.windDir,\r\n precip:data.precip,\r\n }));\r\n setForecast(transformData);\r\n }\r\n\r\n const fetchWeatherAsync = async (cityId) => {\r\n try {\r\n\r\n jQuery.ajax({\r\n url: 'https://api.weathersource.com/v1/346ad4c3fb93125bbd18/postal_codes/N2T%202T8,ca/forecast.json?period=hour&fields=all',\r\n //N2T%202T8,ca\r\n dataType: 'jsonp',\r\n jsonpCallback: 'onLoadWeatherData',\r\n jsonp: '_callback',\r\n });\r\n\r\n /* const transformData = await response.data.list.map((data) => ({\r\n dt: data.dt,\r\n temp: data.main.temp,\r\n temp_min: data.main.temp_min,\r\n temp_max: data.main.temp_max,\r\n humidity: data.main.humidity,\r\n icon: data.weather[0].icon,\r\n desc: data.weather[0].description,\r\n clouds: data.clouds.all,\r\n wind: data.wind.speed,\r\n }));\r\n setForecast(transformData);*/\r\n /*const response = await axios.get(\r\n 'https://api.weathersource.com/v1/346ad4c3fb93125bbd18/postal_codes/22222,us/forecast.json?period=hour&fields=all',\r\n {\r\n /!*params: {\r\n period: hour,\r\n lang: 'zh_tw',\r\n appid: OPEN_WEATHER_MAP_KEY,\r\n units: 'metric',\r\n },*!/\r\n },\r\n );*/\r\n } catch (err) {\r\n setError('');\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n fetchWeatherAsync(cities[cityIndex].city);\r\n }, []);\r\n\r\n return (\r\n No forecast data available!
\r\n\r\n {/* {this.props.dashName}\r\n {this.props.layout && 0 == this.props.layout.locked &&\r\n \r\n }*/}\r\n {\"Weather\"}\r\n\r\n
\r\n {/* \r\n \r\n
*/}\r\n {this.props.dashName}
\r\n\r\n
\r\n \r\n {/* \r\n */}\r\n \r\n Device ID \r\n Device Name \r\n Device Type \r\n Last Message Time \r\n \r\n {/* \r\n */}\r\n {/* */}\r\n
\r\n );\r\n }\r\n\r\n timeColFormater = (cell, row) => {\r\n let time = ''\r\n if (cell) {\r\n // time = cell.split('.')[0].replace('T', ' ');\r\n // time = new Date(cell).toLocaleString('en-US', { timeZone: 'America/New_York' }); \r\n time = new Date(cell).toLocaleString('en-US', { timeZone: 'UTC' });\r\n }\r\n\r\n return (\r\n {time}\r\n )\r\n }\r\n\r\n renderAlertTable = (layout) => {\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: 'All', value: this.props.currentDeviceList.length\r\n // } ], // you can change the dropdown list for size per page\r\n // sizePerPage: 3, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n };\r\n let actionLogs = [];\r\n if (this.props.actionLogs) {\r\n actionLogs = this.props.actionLogs.reverse();\r\n }\r\n let maxHeight = JSON.parse(layout.position).h * 30 - 20;\r\n\r\n return (\r\n \r\n {/*
\r\n // Device Type Usage
*/}\r\n\r\n
\r\n );\r\n }\r\n // -----------------------------------------------------------------------------------\r\n handleMapMarkerClick = (props, marker, e) => {\r\n // //console.log(\"on click----------\");\r\n // //console.log(e);\r\n // //console.log(marker);\r\n this.setState({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }\r\n\r\n handleMapInfoWinClick = (props) => {\r\n if (this.state.mapProps.showingInfoWindow) {\r\n this.setState({\r\n showingInfoWindow: false,\r\n activeMarker: null\r\n });\r\n }\r\n }\r\n rendermapcard = () => {\r\n // let data = this.props.currentDeviceList.filter((v,i,a)=>(v.devicetype === \"5cf828390499f50b995ae851\"));\r\n let data = this.props.mapData; //filter((v,i,a)=>(v.devicetype === \"5cf828390499f50b995ae851\"));\r\n return (\r\n // Horizontal Bar Example
\r\n\r\n
\r\n {item.render()}\r\n {item.title}
\r\n */}\r\n \r\n {layout.name}\r\n {layout && 0 == layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {layout.name}\r\n {layout && 0 == layout.locked &&\r\n
\r\n {/* \r\n
*/}\r\n {this.renderAlertTable(layout)}\r\n {layout.name}
\r\n */}\r\n \r\n {layout.name}\r\n {layout && 0 == layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {layout.name}\r\n {layout && 0 == layout.locked &&\r\n
\r\n {/* \r\n
*/}\r\n {this.renderActionTable(layout)}\r\n {layout.name}
\r\n\r\n //
\r\n // {this.renderAssetTable()}\r\n // {layout.name}
\r\n //\r\n //
\r\n // {this.renderDeviceTypeChart()}\r\n // {layout.name}
\r\n // minH: locationArr.h, maxH: locationArr.h\r\n \r\n \r\n \r\n {/* */}\r\n
*/}\r\n \r\n \r\n {this.props.currentLayoutList && this.props.currentLayoutList.map((layout, index) => (\r\n // {this.onTitleClick(layout)}}>\r\n {/* \r\n ))}\r\n {/* \r\n */}\r\n \r\n )}\r\n {/* \r\n
\r\n );\r\n }\r\n // ----------------------------------------------------------------\r\n onDashButtonClick = () => {\r\n this.modalToggle();\r\n }\r\n //-----------------------------------------------------------------\r\n render() {\r\n const circleButton = {\r\n width: '70px',\r\n height: '70px',\r\n padding: '10px 16px',\r\n borderRadius: '35px',\r\n fontSize: '24px',\r\n lineHeight: 1.33,\r\n position: 'fixed',\r\n // position: '-webkit-sticky',\r\n // position: 'sticky',\r\n top: '90px',\r\n right: '30px',\r\n zIndex: '99',\r\n }\r\n\r\n const circleButtonLabel = {\r\n position: 'fixed',\r\n top: '160px',\r\n right: '17.5px',\r\n zIndex: '99',\r\n cursor: 'pointer'\r\n }\r\n\r\n // const memoryInfo = performance.memory;\r\n // const { usedJSHeapSize, totalJSHeapSize } = memoryInfo;\r\n // const memoryPercentage = (usedJSHeapSize / totalJSHeapSize) * 100;\r\n // // console.log('MEMORY USAGE', memoryPercentage)\r\n // if(memoryPercentage > 80){\r\n // // console.log('MEMORY USAGE IS HIGH. CONSIDER OPTIMIZING MEMORY USAGE', memoryPercentage)\r\n // }\r\n\r\n return (\r\n \r\n {this.userObj && this.userObj.companyCode !== 'ONRT' && this.renderTitle()}\r\n \r\n );\r\n }\r\n}\r\n\r\n// export default DashboardCard;\r\n\r\nfunction mapStateToProps(state) {\r\n //console.log(state);\r\n //console.log('state');\r\n const deviceTypes = state.mapboard.types;\r\n // const mapData = state.mapboard.mapData;\r\n const mapData = state.mapboard.assetData;\r\n const currentLayout = state.dashboard.currentLayout;\r\n const currentLayoutList = state.dashboard.currentLayoutList;\r\n const actionLogs = state.job.actionLogs;\r\n const { currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, currentDeviceDetailsList, error, message, type } = state.asset;\r\n const props = { deviceTypes, mapData, currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, currentDeviceDetailsList, error, message, type, currentLayout, actionLogs, currentLayoutList };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadAssets, loadAssetClass, loadDevice, loadDeviceInfo, loadDivceMapData, getAssetsData, loadDashBoardLayout, updateDashBoardLayout, getActionLog, loadDashBoardLayoutList, setDefaultLayout}, dispatch);\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DashboardCard));\r\n","import React from 'react';\r\nimport { Container } from 'reactstrap';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport DashboardCard from './components/DashboardCard';\r\n\r\nconst DashBoardIndex = () => (\r\n \r\n {/* \r\n
*/}\r\n {/* */}\r\n
*/}\r\n \r\n);\r\n\r\nexport default DashBoardIndex;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n// import { ENGINE_METHOD_DIGESTS } from 'constants';\r\n\r\nclass AttributeEditModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n isNew: true,\r\n btnDisable: false,\r\n nameDisable: false,\r\n typeDisable: false,\r\n tital: 'tetsstest',\r\n attributename: '',\r\n displayname: '',\r\n datatype: '',\r\n attribute: {},\r\n }\r\n }\r\n\r\n // static getDerivedStateFromProps(props, state) {\r\n // alert('yes get');\r\n // return({\r\n // // currentDeviceTypeId : props.currentDeviceTypeId,\r\n // // currentDeviceTypeName : props.currentDeviceTypeName,\r\n // // currentDeviceId : props.currentDeviceId,\r\n // // currentDeviceName : props.currentDeviceName,\r\n // });\r\n // } \r\n\r\n componentWillReceiveProps(nextProps){\r\n // alert('yes');\r\n if (nextProps.isNew){\r\n this.setState({\r\n isNew: nextProps.isNew,\r\n nameDisable: nextProps.isNew,\r\n typeDisable: nextProps.isNew,\r\n tital: 'New Attribute',\r\n attributename: '',\r\n displayname: '',\r\n attribute: nextProps.attribute\r\n });\r\n }else{\r\n this.setState({\r\n isNew: nextProps.isNew,\r\n nameDisable: nextProps.attribute.useradded,\r\n typeDisable: nextProps.attribute.useradded,\r\n tital: nextProps.attribute.attributename,\r\n attributename: nextProps.attribute.attributename,\r\n displayname: nextProps.attribute.displayname,\r\n datatype: nextProps.attribute.attributetype,\r\n attribute: nextProps.attribute\r\n });\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------------------------\r\n // handleNameOnchange =(e) => {\r\n // // this.props.onNameChange(e);\r\n // let btnDisable = (e.target.value && e.target.value.trim().length>0);\r\n // this.setState({\r\n // name: e.target.value,\r\n // btnDisable: btnDisable\r\n // });\r\n // }\r\n\r\n // handleDeviceTypeDropdownChange = (e) => {\r\n // this.props.handleDeviceTypeDropdownChange(e);\r\n // }\r\n\r\n // handleDeviceDropdownChange = (e) => {\r\n // this.props.handleDeviceDropdownChange(e);\r\n // }\r\n\r\n // handleDeviceTypeDropdownChange = (e) => {\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.props.loadRuleDevice({devicetype: e.target.value});\r\n // this.setState(\r\n // {\r\n // currentDeviceTypeId: selectedValue,\r\n // currentDeviceTypeName: name \r\n // }\r\n // )\r\n // }\r\n\r\n // handleDeviceDropdownChange = (e) => {\r\n // alert('test');\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.setState(\r\n // {\r\n // currentDeviceId: selectedValue,\r\n // currentDeviceName: name \r\n // }\r\n // )\r\n // }\r\n \r\n onAddClick = (e) => {\r\n let attriObj = this.state.attribute;\r\n attriObj.displayname = this.state.displayname;\r\n if (this.state.isNew){\r\n attriObj.attributename = this.state.attributename;\r\n attriObj.attributetype = this.state.datatype;\r\n }\r\n // this.props.onAddClick(this.state.attributename, this.state.displayname, this.state.datatype);\r\n this.props.onAddClick(attriObj);\r\n this.setState({\r\n name: '',\r\n btnDisable: false,\r\n });\r\n this.props.toggle();\r\n }\r\n\r\n onCancleClick = (e) =>{\r\n this.setState({\r\n name: '',\r\n btnDisable: false,\r\n });\r\n this.props.toggle();\r\n }\r\n\r\n onNameClick = (e) => {\r\n let btnDisable = (e.target.value && e.target.value.trim().length>0);\r\n this.setState({\r\n attributename: e.target.value,\r\n btnDisable: btnDisable,\r\n });\r\n }\r\n\r\n onDisplayNameClick = (e) => {\r\n let btnDisable = (e.target.value && e.target.value.trim().length>0);\r\n this.setState({\r\n displayname: e.target.value,\r\n btnDisable: btnDisable,\r\n });\r\n }\r\n\r\n onDataTypeChange = (e) => {\r\n this.setState({\r\n datatype: e.target.value,\r\n });\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n {this.state.tital} \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default AttributeEditModal;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip } from 'reactstrap';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport AttributeEditModal from './AttributeEditModal';\r\nimport {EditTextButton, DeleteTextButton} from '../../../shared/components/Button/IconButton';\r\n\r\nclass AttriburesList extends Component {\r\n constructor(props){\r\n super(props);\r\n\r\n this.state = {\r\n tooltipOpen: false,\r\n modalVisible: false,\r\n btnDisable: false, \r\n }\r\n }\r\n\r\n //-----------------------------------------------------------------------------------------------\r\n // toggle = () => {\r\n // this.setState(prevState => ({\r\n // modalVisible: !prevState.modalVisible\r\n // }));\r\n // }\r\n // onAddClick = (name) =>{\r\n // // alert(name);\r\n // // this.setState({\r\n // // currentrule: {\r\n // // ruleid: 0,\r\n // // rulename:name,\r\n // // devicetypeid:this.state.currentDeviceTypeId,\r\n // // devicetypename:this.state.currentDeviceTypeName,\r\n // // deviceid:this.state.currentDeviceId,\r\n // // devicename:this.state.currentDeviceName,\r\n // // createtime: new Date().toISOString(),\r\n // // rule:[],\r\n // // },\r\n // // currentruleid: 0,\r\n // // showRuleEdieCard: true,\r\n // // });\r\n // }\r\n \r\n // renderEditModal() {\r\n // return(\r\n // \r\n // )\r\n // }\r\n\r\n // ----------------------------------------------------------------------------------------------\r\n\r\n handleRowEditClick = (row) => {\r\n this.props.handleRowEditClick(row);\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n handleAddNewClick = () => {\r\n this.props.handleAddNew();\r\n // this.props.toggle();\r\n }\r\n\r\n tipToggle = () => {\r\n this.setState({\r\n tooltipOpen: !this.state.tooltipOpen\r\n });\r\n }\r\n\r\n editButtonFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n this.handleInsertButtonClick(onClick) }>\r\n {/* */}\r\n \r\n \r\n // \r\n );\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n // --------------------------------------------------------------------------------------------\r\n tbToolBar = props => {\r\n return (\r\n \r\n {/*
\r\n )\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n\r\n renderAttribuesList = () => {\r\n const datetimeFormatter = (cell, row) => {\r\n if (cell && cell.length > 0){\r\n return cell.split(\".\")[0].replace('T', ' ');\r\n }else{\r\n return null\r\n }\r\n }\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // } ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // insertBtn: this.createCustomInsertButton,\r\n btnGroup: this.tbToolBar,\r\n };\r\n return (\r\n \r\n \r\n {/*
*/}\r\n\r\n Attribute ID \r\n Asset \r\n Attribute Name \r\n Attribute Display Name \r\n Attribute Data Type \r\n Created By \r\n Created Time \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n \r\n\r\n render(){\r\n return (\r\n \r\n \r\n \r\n\r\n {/*
\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n // ----------------------------------------------------------------------------------------\r\n handleAddNew = () => {\r\n let newAttri = {\r\n attributeid: 0,\r\n assetid: this.state.currentAssetId,\r\n assetname: this.state.currentAssetName,\r\n devicetype: this.state.currentDeviceTypeId,\r\n displayname: \"\",\r\n attributename: \"\",\r\n attributetype: \"\",\r\n editable: false,\r\n useradded: true\r\n }\r\n this.setState({\r\n selectedAttribute: newAttri,\r\n modalVisible: true,\r\n isNew: true,\r\n });\r\n }\r\n\r\n handleRowEditClick = (row) => {\r\n let selectAttri = itemFinder(this.props.attributes, 'attributeid', row.attributeid);\r\n // alert(selectAttri.attributeid);\r\n this.setState({\r\n selectedAttribute: Object.assign({}, selectAttri),\r\n modalVisible: true,\r\n isNew: false,\r\n });\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n let attributeid = row.attributeid;\r\n // alert(attributeid);\r\n this.props.deleteAttributes(attributeid);\r\n }\r\n\r\n renderAttributeList = () => {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n);\r\n\r\nexport default AttributeMgmtPage;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PlusCircleOutlineIcon from 'mdi-react/PlusCircleOutlineIcon'\r\nimport { getActions, stepReset, deleteActionAlert, setActionId } from '../../../redux/actions/jobAction';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport { EditTextButton, DeleteTextButton } from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport {BootstrapTable, TableHeaderColumn} from \"react-bootstrap-table\";\r\n\r\nclass ActionList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [\r\n {\r\n actionid: 1,\r\n actionname: 'action_test',\r\n actiontype: 'Alert',\r\n geofencename: 'geo_fence_1',\r\n rulename: 'rule_name',\r\n }\r\n ]\r\n }\r\n }\r\n\r\n\r\n\r\n data = [\r\n {\r\n actionid: 'e250e806-324a-4de2-8a0a-0fe0cbbaf102',\r\n actionname: 'action_test',\r\n actiontype: 'Alert',\r\n geofencename: 'geo_fence_1',\r\n rulename: 'rule_name',\r\n }\r\n ];\r\n\r\n componentDidMount() {\r\n this.props.getActions();\r\n this.props.stepReset();\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n handleInsertButtonClick1 = (onClick) => {\r\n }\r\n handleInsertButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n // alert('This is my custom function for InserButton click event');\r\n // \r\n // alert(this.data.length);\r\n // this.props.history.push('/pages/geofence');\r\n // return this.handleInsertButtonClick(onClick) }>\r\n // {/* */}\r\n // Add New\r\n // \r\n // \r\n \r\n this.handleInsertButtonClick1(onClick)}>\r\n Add New\r\n \r\n \r\n {/* Header */}\r\n {/* Action */}\r\n this.handleBasicButtonClick(onClick)}>Basic Alert \r\n this.handleInsertButtonClick(onClick)}>Advanced Alert \r\n {/* Another Action */}\r\n \r\n \r\n );\r\n }\r\n\r\n handelAddnewBasicClick = () => {\r\n this.props.setActionId(0);\r\n this.props.history.push('/pages/actionedit/-1');\r\n }\r\n\r\n handelAddnewAdvancedClick = () => {\r\n this.props.setActionId(0);\r\n this.props.stepReset();\r\n this.props.history.push('/pages/actionedit/0');\r\n }\r\n\r\n renderAddNewButton = () => {\r\n return (\r\n \r\n \r\n {this.renderAddNewButton()}\r\n {/* \r\n Action ID \r\n Action Name \r\n Action Type \r\n Associated GeoFence \r\n Associated Rule \r\n */}\r\n\r\n \r\n Action ID \r\n Action Name \r\n Description \r\n Action Type \r\n Company \r\n Active \r\n {/* Split edit and remove botton to match other manage page format */}\r\n {/* Manage */}\r\n Edit \r\n Delete \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n);\r\n\r\nexport default ActionPage;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {compose, bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_add from '../../../shared/img/icon/add.png';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\n\r\nimport {Redirect} from 'react-router-dom';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport PlusCircleOutlineIcon from 'mdi-react/PlusCircleOutlineIcon'\r\nimport {getActions, stepReset, deleteActionAlert, setActionId} from '../../../redux/actions/jobAction';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {EditTextButton, DeleteTextButton} from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n\r\nclass ActionList extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n data: [\r\n {\r\n actionid: 1,\r\n actionname: 'action_test',\r\n actiontype: 'Alert',\r\n geofencename: 'geo_fence_1',\r\n rulename: 'rule_name',\r\n }\r\n ]\r\n }\r\n }\r\n\r\n\r\n\r\n data = [\r\n {\r\n actionid: 'e250e806-324a-4de2-8a0a-0fe0cbbaf102',\r\n actionname: 'action_test',\r\n actiontype: 'Alert',\r\n geofencename: 'geo_fence_1',\r\n rulename: 'rule_name',\r\n }\r\n ];\r\n\r\n componentDidMount(){\r\n this.props.getActions();\r\n this.props.stepReset();\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n handleInsertButtonClick1 = (onClick) => {\r\n }\r\n handleInsertButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n // alert('This is my custom function for InserButton click event');\r\n // \r\n // alert(this.data.length);\r\n // this.props.history.push('/pages/geofence');\r\n // return this.handleInsertButtonClick(onClick) }>\r\n // {/* */}\r\n // Add New\r\n // \r\n // \r\n \r\n this.handleInsertButtonClick1(onClick)}>\r\n Add New\r\n \r\n \r\n {/* Header */}\r\n {/* Action */}\r\n this.handleBasicButtonClick(onClick)}>Basic Alert \r\n this.handleInsertButtonClick(onClick) }>Advanced Alert \r\n {/* Another Action */}\r\n \r\n \r\n );\r\n }\r\n\r\n handelAddnewBasicClick = () => {\r\n this.props.setActionId(0);\r\n this.props.history.push('/pages/actionnotificationedit/-1');\r\n }\r\n\r\n handelAddnewAdvancedClick = () => {\r\n this.props.setActionId(0);\r\n this.props.history.push('/pages/actionnotificationedit/0');\r\n }\r\n\r\n renderAddNewButton = () => {\r\n return(\r\n \r\n \r\n {this.renderAddNewButton()}\r\n {/* \r\n Action ID \r\n Action Name \r\n Action Type \r\n Associated GeoFence \r\n Associated Rule \r\n */}\r\n \r\n Action ID \r\n Action Name \r\n Description \r\n {/*Action Type */} \r\n Company \r\n Active \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n);\r\n\r\nexport default ActionNotificationPage;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport Select from 'react-select';\r\n// import 'react-select/dist/react-select.css';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport {loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff} from '../../../redux/actions/jobAction';\r\nimport '../../../scss/component/table.scss';\r\n\r\nclass DeviceSetSection extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedAssetId : null,\r\n selectedAssetName: null,\r\n selectedAssetOption: null,\r\n selectedDeviceId : null,\r\n selectedDeviceOption: null,\r\n actions: [],\r\n }\r\n }\r\n // -----------------------------------\r\n componentDidMount(){\r\n this.props.loadAssetOptions();\r\n // this.props.loadAction({actionid:this.props.actionId});\r\n }\r\n componentWillReceiveProps(nextProps){\r\n // this.setState({\r\n // actions: JSON.parse(JSON.stringify(nextProps.actions))\r\n // });\r\n }\r\n // static getDerivedStateFromProps(props, state) {}\r\n // -----------------------------------\r\n\r\n deleteButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n \r\n \r\n {/* Device ID */}\r\n Device ID \r\n {/* Device Name */}\r\n Asset ID \r\n Asset \r\n {/* Associated GeoFence */}\r\n {/* Associated Rule */}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n handleAssetChange = (val) => {\r\n \r\n this.props.loadAssetDevice({assetid: val.value});\r\n this.setState({\r\n selectedAssetId : val.value,\r\n selectedAssetName: val.label,\r\n selectedDeviceId : null,\r\n selectedAssetOption: val,\r\n selectedDeviceOption: null,\r\n });\r\n }\r\n\r\n handleDeviceChange = (val) => {\r\n \r\n this.setState({\r\n selectedDeviceId : val.value,\r\n selectedDeviceOption: val,\r\n });\r\n }\r\n\r\n handleAddOnClick = () => {\r\n this.props.handleAddOnClick(this.state.selectedAssetId, this.state.selectedAssetName, this.state.selectedDeviceId);\r\n }\r\n\r\n render(){\r\n const options = [\r\n // ...\r\n { value: 'Stanford University', label: 'Stanford' },\r\n // ...\r\n ];\r\n return(\r\n \r\n //
\r\n // )\r\n // }\r\n\r\n // handleSubmitClick = (e) => {\r\n // // alert('submit');\r\n // \r\n // let data = \"\";\r\n // switch(this.currentShapeType){\r\n // case 0:\r\n // data = JSON.stringify(this.currentCircleData);\r\n // break;\r\n // case 1:\r\n // data = JSON.stringify(this.currentRectangleData);\r\n // break;\r\n // case 2:\r\n // data = JSON.stringify(this.currentPolygonData);\r\n // break;\r\n // }\r\n // let shapeObj = {\r\n // deviceid: this.props.deviceid,\r\n // devicename: this.props.devicename,\r\n // devicetypeid: this.props.devicetypeid,\r\n // devicetypename: this.props.devicetypename,\r\n // fenceid: this.props.fenceid,\r\n // fencename: this.props.fencename,\r\n // geodata: data,\r\n // shape: this.currentShapeType\r\n // }\r\n // \r\n // \r\n // \r\n // this.props.handleSubmitClick(shapeObj);\r\n // }\r\n // handleCancleClick = (e) => {\r\n // this.props.handleCancleClick(e);\r\n // }\r\n\r\n render(){\r\n // const mapStyle = {\r\n // width: '100%',\r\n // height: '30vh',\r\n // position : 'static',\r\n // paddingTop: 10\r\n // }; \r\n const mapStyle = {\r\n width: this.props.width,\r\n height: this.props.height,\r\n position : 'static',\r\n paddingTop: 10\r\n }; \r\n return(\r\n \r\n //
\r\n // )\r\n // }\r\n\r\n // handleSubmitClick = (e) => {\r\n // // alert('submit');\r\n // \r\n // let data = \"\";\r\n // switch(this.currentShapeType){\r\n // case 0:\r\n // data = JSON.stringify(this.currentCircleData);\r\n // break;\r\n // case 1:\r\n // data = JSON.stringify(this.currentRectangleData);\r\n // break;\r\n // case 2:\r\n // data = JSON.stringify(this.currentPolygonData);\r\n // break;\r\n // }\r\n // let shapeObj = {\r\n // deviceid: this.props.deviceid,\r\n // devicename: this.props.devicename,\r\n // devicetypeid: this.props.devicetypeid,\r\n // devicetypename: this.props.devicetypename,\r\n // fenceid: this.props.fenceid,\r\n // fencename: this.props.fencename,\r\n // geodata: data,\r\n // shape: this.currentShapeType\r\n // }\r\n // \r\n // \r\n // \r\n // this.props.handleSubmitClick(shapeObj);\r\n // }\r\n // handleCancleClick = (e) => {\r\n // this.props.handleCancleClick(e);\r\n // }\r\n\r\n render(){\r\n // const mapStyle = {\r\n // width: '100%',\r\n // height: '30vh',\r\n // position : 'static',\r\n // paddingTop: 10\r\n // }; \r\n const mapStyle = {\r\n width: this.props.width,\r\n height: this.props.height,\r\n position : 'static',\r\n paddingTop: 10\r\n }; \r\n return(\r\n \r\n \r\n \r\n Fence ID \r\n Fence Name \r\n Shape \r\n \r\n \r\n \r\n \r\n ) \r\n }\r\n\r\n //-----------------------------------------------------------------------------------------------------------------------------------------------------------------\r\n modalToggle = () => {\r\n this.setState(prevState => ({\r\n mapModal: !prevState.mapModal\r\n }));\r\n }\r\n renderFenceMap() {\r\n // let data = this.props.currentDeviceList.filter((v,i,a)=>(v.devicetype === \"5cf828390499f50b995ae851\"));\r\n let currentShape = null;\r\n let modalTitle = '';\r\n if (this.props.actionfence && this.props.actionfence.length >0 ){\r\n let fence = this.props.actionfence[0];\r\n modalTitle = fence.fencename;\r\n let type = '' ;\r\n switch(fence.shape){\r\n case 0:\r\n type = 'circle';\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n break;\r\n }\r\n currentShape= {type: type, data: JSON.parse(fence.geodata)};\r\n }\r\n\r\n \r\n \r\n // return(\r\n // \r\n // \r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // \r\n // );\r\n\r\n return(\r\n \r\n {modalTitle} \r\n \r\n \r\n \r\n \r\n {' '}\r\n {/* */}\r\n \r\n \r\n );\r\n\r\n }\r\n\r\n\r\n //-----------------------------------------------------------------------------------------------------------------------------------------------------------------\r\n render(){\r\n return(\r\n \r\n \r\n \r\n Rule ID \r\n Rule Name \r\n Rule \r\n \r\n \r\n \r\n \r\n ) \r\n }\r\n // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderActionType()}\r\n {this.renderActionDevice()}\r\n {this.renderActionGeofence()}\r\n {this.renderActionRule()}\r\n {this.renderButtonGroup()}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n// export default ActionEditForm;\r\n\r\nfunction mapStateToProps(state) {\r\n \r\n \r\n \r\n const allfences = state.fence.fenceData;\r\n const allrules = state.rule.rules;\r\n const props = {...state.job, allfences, allrules};\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff, loadAllGeoFences, getRuls}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ActionEditForm);","/* eslint-disable */\r\nimport React, { Fragment } from \"react\";\r\n\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport StepContent from \"@material-ui/core/StepContent\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n\r\nimport ChevronDownIcon from 'mdi-react/ChevronDownIcon';\r\nimport ChevronUpIcon from 'mdi-react/ChevronUpIcon';\r\n\r\nconst StepTemplate = ({\r\n classes,\r\n canGoBack,\r\n canGoForward,\r\n onBack,\r\n onNext,\r\n onSkip,\r\n onCancel,\r\n text,\r\n children\r\n}) => (\r\n \r\n {text} \r\n {/* {children} */}\r\n\r\n \r\n);\r\n\r\nexport default StepTemplate;\r\n\r\n// class StepTemplate extends React.Component{\r\n\r\n// constructor(props){\r\n// super(props);\r\n// }\r\n\r\n// render(){\r\n// return(\r\n// \r\n// {text} \r\n \r\n// \r\n// );\r\n// }\r\n\r\n// }\r\n\r\n// export default StepTemplate\r\n\r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { toast } from \"react-toastify\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport StepTemplate from './StepTemplate';\r\nimport { getActionById, upsertAction, clearActionById } from '../../../redux/actions/jobAction';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nclass StepAction extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n triggerid: 0,\r\n weekOption: [\r\n { value: 1, label: 'Mon' },\r\n { value: 2, label: 'Tue' },\r\n { value: 3, label: 'Wed' },\r\n { value: 4, label: 'Thu' },\r\n { value: 5, label: 'Fri' },\r\n { value: 6, label: 'Sat' },\r\n { value: 7, label: 'Sun' },\r\n ],\r\n eventName: null,\r\n selectedPeriod: null,\r\n customStyles: {}\r\n }\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------\r\n componentDidMount() {\r\n\r\n // this.props.getActionById(this.props.actionPassId);\r\n if (this.props.actionId > 0) {\r\n this.props.getActionById(this.props.actionId);\r\n }\r\n // this.props.getActionById(this.props.actionId);\r\n };\r\n componentWillUnmount() {\r\n\r\n this.props.clearActionById();\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n\r\n\r\n if (nextProps.actionInfo && nextProps.actionInfo.length > 0 && nextProps.actionId > 0) {\r\n\r\n const actionInfo = nextProps.actionInfo[0];\r\n let weekday = [];\r\n if (!actionInfo) {\r\n return null;\r\n }\r\n if (actionInfo.weekday) {\r\n const infoWeekDay = JSON.parse(actionInfo.weekday);\r\n infoWeekDay.forEach((day, index) => {\r\n let selectOption = this.state.weekOption.find((item, index) => (item.label === day));\r\n weekday.push(selectOption);\r\n });\r\n\r\n\r\n }\r\n this.setState({\r\n eventName: actionInfo.actionname,\r\n description: actionInfo.actiondescription,\r\n triggerid: actionInfo.triggertype,\r\n selectedPeriod: actionInfo.weekday,\r\n triggerTime: actionInfo.actiontime,\r\n selectedPeriod: weekday,\r\n });\r\n }\r\n }\r\n // ---------------------------------------------------------\r\n\r\n handleTriggerChange = (e) => {\r\n let value = Number(e.target.value);\r\n this.setState({\r\n triggerid: value,\r\n });\r\n }\r\n\r\n handleInputChange = (e) => {\r\n\r\n this.setState({\r\n [e.target.name]: e.target.value\r\n });\r\n }\r\n\r\n handlePeriodsSelect = (value) => {\r\n\r\n\r\n this.setState({\r\n selectedPeriod: value,\r\n });\r\n }\r\n\r\n renderActionForm = () => {\r\n return (\r\n \r\n );\r\n }\r\n updateActionInfo = () => {\r\n\r\n }\r\n\r\n handleBack = () => {\r\n this.props.onBack();\r\n }\r\n\r\n handleNext = () => {\r\n // if (this.updateActionInfo()) {\r\n // this.props.handleNext();\r\n // }else{\r\n // // todo alert notification;\r\n // }; \r\n // alert(this.state.triggerTime); \r\n if (!this.validate()) {\r\n return;\r\n }\r\n if (sessionStorage.getItem('currentUserObj')) {\r\n let createDate = new Date().toISOString().split('.')[0]; //.replace('T', ' ');\r\n let weekday = [];\r\n let actiontime = '00:00:00';\r\n if (this.state.selectedPeriod) {\r\n this.state.selectedPeriod.forEach((item, index) => {\r\n weekday.push(item.label);\r\n });\r\n }\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (this.state.triggerTime && timeRegex.test(this.state.triggerTime)) {\r\n\r\n\r\n actiontime = this.state.triggerTime + ':00';\r\n }\r\n\r\n try {\r\n let userObj = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n let actionObj = {\r\n \"actionid\": this.props.actionPassId,\r\n \"actionname\": this.state.eventName,\r\n \"actiondescription\": this.state.description,\r\n \"triggertype\": this.state.triggerid,\r\n \"weekday\": JSON.stringify(weekday),\r\n \"actiontime\": actiontime,\r\n \"createtime\": createDate,\r\n \"createdby_user_id\": userObj.userName,\r\n \"company_code\": userObj.department,\r\n \"active\": true,\r\n \"action\": \"Alert\",\r\n }\r\n\r\n this.props.upsertAction(actionObj);\r\n\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n }\r\n }\r\n\r\n validate = () => {\r\n if (!this.state.eventName || this.state.eventName.length === 0) {\r\n toast.error('Please input a event name.');\r\n return false;\r\n }\r\n\r\n if (this.state.triggerid === '1' && (!this.state.selectedPeriod || this.state.selectedPeriod.length === 0)) {\r\n toast.error('Please choose time.');\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderActionForm()}\r\n \r\n );\r\n }\r\n}\r\n\r\n// export default StepAction;\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.job;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ getActionById, upsertAction, clearActionById }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(StepAction);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { ChromePicker } from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport Select from 'react-select';\r\n// import { ENGINE_METHOD_DIGESTS } from 'constants';\r\nimport { getAssetClassAttribute, clearAssetClassAttribute } from '../../../redux/actions/mapActions';\r\nimport { generateSelectOptions } from '../../../factories/utils';\r\nimport classNames from 'classnames';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nclass AssetSelectModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n isNew: true,\r\n btnDisable: false,\r\n attribute: {},\r\n selectedAssetClassOption: null,\r\n // allAssetOptions: [\r\n // {value: 1, label: 'Asset 1'},\r\n // {value: 2, label: 'Asset 2'},\r\n // {value: 3, label: 'Asset 3'}\r\n // ],\r\n allAssetOptions: [],\r\n selectedAssetOption: null,\r\n AssetDeviceOptions: [\r\n { value: 1, label: 'Device 1' },\r\n { value: 2, label: 'Device 2' },\r\n { value: 3, label: 'Device 3' }\r\n ],\r\n selectedDeviceOption: null,\r\n // AssetAttributeOption: [\r\n // {value: -1, label: 'Position'},\r\n // {value: 1, label: 'Speed'},\r\n // {value: 2, label: 'Temperaturn'},\r\n // {value: 3, label: 'Valve'}\r\n // ],\r\n AssetAttributeOption: [],\r\n selectedAttributeOption: null,\r\n useDevice: false,\r\n isPostback: false,\r\n tital: 'Choose Asset Attribute',\r\n customStyles: {}\r\n }\r\n this.default = {\r\n selectedAssetClassOption: null,\r\n selectedAssetOption: null,\r\n selectedAttributeOption: null,\r\n allAssetOptions: [],\r\n AssetAttributeOption: [],\r\n }\r\n this.initial = false;\r\n this.props.clearAssetClassAttribute();\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n\r\n\r\n // if (this.props.assetClass) {\r\n // assetClassOptions = generateSelectOptions(nextProps.assetClass, 'assetclassname', 'assetclassid');\r\n // this.setState({\r\n // assetClassOptions:assetClassOptions,\r\n // });\r\n // }\r\n }\r\n // static getDerivedStateFromProps(props, state) {\r\n // alert('yes get');\r\n // return({\r\n // // currentDeviceTypeId : props.currentDeviceTypeId,\r\n // // currentDeviceTypeName : props.currentDeviceTypeName,\r\n // // currentDeviceId : props.currentDeviceId,\r\n // // currentDeviceName : props.currentDeviceName,\r\n // });\r\n // } \r\n\r\n // componentWillReceiveProps(nextProps){\r\n\r\n // \r\n // \r\n\r\n // let assetClassOptions = [];\r\n // let allAssetOptions = [];\r\n // let assetAttributeOption = null;\r\n // let selectedAssetClassOption = null;\r\n // let selectedAssetOption = null;\r\n // let selectedAttributeOption = null;\r\n // let useDevice = false;\r\n\r\n // // if (nextProps.ruleItem && nextProps.ruleItem !== this.state.ruleItem){\r\n // // nextProps.getAssetClassAttribute({assetclassid:nextProps.ruleItem.assetclassid});\r\n // // }\r\n\r\n // if (nextProps.ruleItem ){\r\n // selectedAssetClassOption = {\r\n // value: nextProps.ruleItem.assetclassid,\r\n // label: nextProps.ruleItem.assetclassname,\r\n // };\r\n // selectedAssetOption = {\r\n // value: nextProps.ruleItem.assetid,\r\n // label: nextProps.ruleItem.assetname,\r\n // };\r\n // selectedAttributeOption = {\r\n // value: nextProps.ruleItem.attributeid,\r\n // label: nextProps.ruleItem.attributename,\r\n // };\r\n // useDevice = nextProps.ruleItem.assetid === -1 ? false: true;\r\n\r\n // // \r\n // // \r\n // // \r\n // // \r\n\r\n // this.setState((prevState) => ({\r\n // // selectedAssetClassOption: selectedAssetClassOption,\r\n // ruleItem: nextProps.ruleItem\r\n // }));\r\n // // nextProps.getAssetClassAttribute({assetclassid:nextProps.ruleItem.assetclassid});\r\n // }\r\n // if (nextProps.assetClass ){ //&& nextProps.assetClass !== this.state.assetClass\r\n // assetClassOptions = generateSelectOptions(nextProps.assetClass, 'assetclassname', 'assetclassid');\r\n // }\r\n\r\n // if(assetClassOptions && assetClassOptions.length > 0) {\r\n // if (selectedAssetClassOption === null) {\r\n // selectedAssetClassOption = assetClassOptions[0];\r\n // }\r\n // // \r\n // // \r\n // if (!this.state.isPostback){\r\n // \r\n // nextProps.getAssetClassAttribute({assetclassid:selectedAssetClassOption.value});\r\n // this.setState({\r\n // isPostback: true,\r\n // });\r\n // }else{\r\n // selectedAssetClassOption = this.state.selectedAssetClassOption;\r\n // }\r\n\r\n // // \r\n // // \r\n // let selectedClass = nextProps.assetClass.find((item, index) => (item.assetclassid === selectedAssetClassOption.value));\r\n // if (selectedClass && selectedClass.assets){\r\n // // \r\n // allAssetOptions = generateSelectOptions(selectedClass.assets, 'assetname', 'assetid');\r\n // // \r\n // }\r\n\r\n // }\r\n\r\n // if (nextProps.assetClassAttr && nextProps.assetClassAttr.length > 0 && nextProps.assetClassAttr[0].atrributes && nextProps.assetClassAttr !== this.state.assetClassAttr) {\r\n // \r\n // assetAttributeOption = generateSelectOptions(nextProps.assetClassAttr[0].atrributes, 'displayname', 'attributeid');\r\n // assetAttributeOption.push( {value: -1, label: 'Position'});\r\n // this.setState({\r\n // // AssetAttributeOption: assetAttributeOption,\r\n // assetClassAttr: nextProps.assetClassAttr,\r\n // });\r\n // }else{\r\n // assetAttributeOption = this.state.assetAttributeOption;\r\n // }\r\n\r\n // if (this.state.isPostback) {\r\n // this.setState((prevState) => (\r\n // {\r\n // assetClassOptions:assetClassOptions,\r\n // allAssetOptions: allAssetOptions,\r\n // AssetAttributeOption: assetAttributeOption ? assetAttributeOption : prevState.assetAttributeOption,\r\n // // selectedAssetClassOption: selectedAssetClassOption,\r\n // // selectedAssetOption: selectedAssetOption, \r\n // // selectedAttributeOption: selectedAttributeOption,\r\n // // useDevice:useDevice,\r\n // // isPostback: true,\r\n // }\r\n // ));\r\n\r\n // }else{\r\n // this.setState((prevState) => (\r\n // {\r\n // assetClassOptions:assetClassOptions,\r\n // allAssetOptions: allAssetOptions,\r\n // AssetAttributeOption: assetAttributeOption ? assetAttributeOption : prevState.assetAttributeOption,\r\n // selectedAssetClassOption: selectedAssetClassOption,\r\n // selectedAssetOption: selectedAssetOption, \r\n // selectedAttributeOption: selectedAttributeOption,\r\n // useDevice:useDevice,\r\n // // isPostback: true,\r\n // }\r\n // ));\r\n\r\n // }\r\n\r\n // // this.setState((prevState) => (\r\n // // {\r\n // // assetClassOptions:assetClassOptions,\r\n // // allAssetOptions: allAssetOptions,\r\n // // AssetAttributeOption: assetAttributeOption,\r\n // // selectedAssetClassOption: selectedAssetClassOption,\r\n // // // selectedAssetOption: selectedAssetOption, \r\n // // // selectedAttributeOption: selectedAttributeOption,\r\n // // // useDevice:useDevice,\r\n // // }\r\n // // ));\r\n\r\n // // let selectedClass = nextProps.assetClass.find((item, index) => (item.assetclassid === selectedAssetClassOption.value));\r\n // // if (selectedClass && selectedClass.assets){\r\n // // allAssetOptions = generateSelectOptions(selectedClass.assets, 'assetname', 'assetid');\r\n // // }\r\n // }\r\n // --------------------------------------------------------------------------------\r\n componentWillReceiveProps(nextProps) {\r\n\r\n\r\n\r\n let assetClassOptions = [];\r\n let allAssetOptions = [];\r\n let assetAttributeOption = null;\r\n let selectedAssetClassOption = null;\r\n let selectedAssetOption = null;\r\n let selectedAttributeOption = null;\r\n let useDevice = false;\r\n\r\n if (nextProps.assetClass) { //&& nextProps.assetClass !== this.state.assetClass\r\n assetClassOptions = generateSelectOptions(nextProps.assetClass, 'assetclassname', 'assetclassid');\r\n // assetClassOptions.unshift({value: null, label: null});\r\n this.setState({\r\n assetClassOptions: assetClassOptions,\r\n });\r\n }\r\n\r\n if (nextProps.assetClass && nextProps.ruleItem && nextProps.ruleItem != this.state.ruleItem) {\r\n\r\n selectedAssetClassOption = {\r\n value: nextProps.ruleItem.assetclassid,\r\n label: nextProps.ruleItem.assetclassname,\r\n };\r\n selectedAssetOption = {\r\n value: nextProps.ruleItem.assetid,\r\n label: nextProps.ruleItem.assetname,\r\n };\r\n selectedAttributeOption = {\r\n value: nextProps.ruleItem.attributeid,\r\n label: nextProps.ruleItem.attributename,\r\n };\r\n useDevice = nextProps.ruleItem.assetid === -1 ? false : true;\r\n\r\n // \r\n // \r\n // \r\n // \r\n this.default.selectedAssetClassOption = selectedAssetClassOption;\r\n this.default.selectedAssetOption = selectedAssetOption;\r\n this.default.selectedAttributeOption = selectedAttributeOption;\r\n\r\n this.setState((prevState) => ({\r\n selectedAssetClassOption: selectedAssetClassOption,\r\n selectedAssetOption: selectedAssetOption,\r\n selectedAttributeOption: selectedAttributeOption,\r\n useDevice: useDevice,\r\n ruleItem: nextProps.ruleItem,\r\n ruleId: nextProps.ruleId,\r\n }));\r\n // -------------------------------------------------------------------------------------\r\n nextProps.getAssetClassAttribute({ assetclassid: nextProps.ruleItem.assetclassid });\r\n this.initial = true;\r\n let selectedClass = nextProps.assetClass.find((item, index) => (item.assetclassid === nextProps.ruleItem.assetclassid));\r\n if (selectedClass && selectedClass.assets) {\r\n // \r\n allAssetOptions = generateSelectOptions(selectedClass.assets, 'assetname', 'assetid');\r\n // \r\n this.default.allAssetOptions = allAssetOptions;\r\n this.setState((prevState) => ({\r\n allAssetOptions: allAssetOptions,\r\n }))\r\n }\r\n } else if (!nextProps.ruleItem && !this.state.isPostback) { //nextProps.ruleId != this.state.ruleId\r\n\r\n\r\n\r\n // if (! this.state.selectedAssetClassOption) {\r\n\r\n // selectedAssetClassOption = assetClassOptions[0];\r\n selectedAssetClassOption = null;\r\n this.setState((prevState) => ({\r\n selectedAssetClassOption: selectedAssetClassOption,\r\n ruleId: nextProps.ruleId,\r\n isPostback: true,\r\n }))\r\n // }\r\n\r\n }\r\n // if(assetClassOptions && assetClassOptions.length > 0) {\r\n // // if (selectedAssetClassOption === null) {\r\n // // \r\n // // selectedAssetClassOption = assetClassOptions[0];\r\n // // this.setState((prevState) => ({\r\n // // selectedAssetClassOption: selectedAssetClassOption,\r\n // // }))\r\n // // }\r\n // }\r\n // // -------------------------------------------------\r\n // if (selectedAssetClassOption && this.state.selectedAssetClassOption && selectedAssetClassOption.value != this.state.selectedAssetClassOption.value){\r\n // \r\n // \r\n // \r\n // nextProps.getAssetClassAttribute({assetclassid:selectedAssetClassOption.value});\r\n // let selectedClass = nextProps.assetClass.find((item, index) => (item.assetclassid === selectedAssetClassOption.value));\r\n // if (selectedClass && selectedClass.assets){\r\n // // \r\n // allAssetOptions = generateSelectOptions(selectedClass.assets, 'assetname', 'assetid');\r\n // // \r\n // this.setState((prevState) => ({\r\n // allAssetOptions: allAssetOptions,\r\n // }))\r\n // }\r\n // }\r\n\r\n if (nextProps.assetClassAttr && nextProps.assetClassAttr.length > 0 && nextProps.assetClassAttr[0].atrributes && nextProps.assetClassAttr !== this.state.assetClassAttr) {\r\n\r\n\r\n assetAttributeOption = generateSelectOptions(nextProps.assetClassAttr[0].atrributes, 'displayname', 'attributeid');\r\n assetAttributeOption.push({ value: -1, label: 'Position' });\r\n if (this.initial) {\r\n this.default.AssetAttributeOption = assetAttributeOption;\r\n this.initial = false;\r\n }\r\n\r\n this.setState({\r\n AssetAttributeOption: assetAttributeOption,\r\n assetClassAttr: nextProps.assetClassAttr,\r\n });\r\n }\r\n // else{\r\n // assetAttributeOption = this.state.assetAttributeOption;\r\n // }\r\n\r\n }\r\n // --------------------------------------------------------------------------------\r\n // componentWillReceiveProps(nextProps){\r\n // // alert('yes');\r\n // // if (nextProps.isNew){\r\n // // this.setState({\r\n // // isNew: nextProps.isNew,\r\n // // nameDisable: nextProps.isNew,\r\n // // typeDisable: nextProps.isNew,\r\n // // tital: 'New Attribute',\r\n // // attributename: '',\r\n // // displayname: '',\r\n // // attribute: nextProps.attribute\r\n // // });\r\n // // }else{\r\n // // this.setState({\r\n // // isNew: nextProps.isNew,\r\n // // nameDisable: nextProps.attribute.useradded,\r\n // // typeDisable: nextProps.attribute.useradded,\r\n // // tital: nextProps.attribute.attributename,\r\n // // attributename: nextProps.attribute.attributename,\r\n // // displayname: nextProps.attribute.displayname,\r\n // // datatype: nextProps.attribute.attributetype,\r\n // // attribute: nextProps.attribute\r\n // // });\r\n // // }\r\n // \r\n // \r\n // \r\n // \r\n // let selectedAssetClassOption = null;\r\n // let assetClassOptions = [];\r\n // let allAssetOptions = [];\r\n // let AssetAttributeOption = []\r\n // if (nextProps.assetClass && nextProps.assetClass !== this.state.assetClass){ \r\n // assetClassOptions = generateSelectOptions(nextProps.assetClass, 'assetclassname', 'assetclassid');\r\n\r\n // if (assetClassOptions && assetClassOptions.length > 0){\r\n // selectedAssetClassOption = assetClassOptions[0];\r\n // let selectedClass = nextProps.assetClass.find((item, index) => (item.assetclassid === selectedAssetClassOption.value));\r\n // if (selectedClass && selectedClass.assets){\r\n // allAssetOptions = generateSelectOptions(selectedClass.assets, 'assetname', 'assetid');\r\n // }\r\n // }\r\n // this.setState({\r\n // assetClassOptions:assetClassOptions,\r\n // selectedAssetClassOption: selectedAssetClassOption,\r\n // allAssetOptions: allAssetOptions,\r\n // assetClass: nextProps.assetClass,\r\n // });\r\n // } \r\n // if (nextProps.assetClassAttr && nextProps.assetClassAttr.length > 0 && nextProps.assetClassAttr[0].atrributes && nextProps.assetClassAttr !== this.state.assetClassAttr) {\r\n // \r\n // AssetAttributeOption = generateSelectOptions(nextProps.assetClassAttr[0].atrributes, 'displayname', 'attributeid');\r\n // AssetAttributeOption.push( {value: -1, label: 'Position'});\r\n // this.setState({\r\n // AssetAttributeOption: AssetAttributeOption,\r\n // assetClassAttr: nextProps.assetClassAttr,\r\n // });\r\n // }\r\n\r\n // if (nextProps.ruleId >= 0) {\r\n // // const assetid = nexProps.ruleItem.assetid;\r\n // // const assetname = nexProps.ruleItem.assetname;\r\n // // {value: 2, label: \"Asset 2\"}\r\n // // alert('yes');\r\n // const selectedAssetOption = {\r\n // value: nextProps.ruleItem.assetid,\r\n // label: nextProps.ruleItem.assetname,\r\n // };\r\n // // const deviceid = nexProps.ruleItem.deviceid;\r\n // // const devicename = deviceid === -1 ? \"\" : nexProps.ruleItem.devicename;\r\n // let selectedDeviceOption;\r\n // if (nextProps.ruleItem.deviceid == -1 ) {\r\n // selectedDeviceOption = null;\r\n // }else{\r\n // selectedDeviceOption = {\r\n // value: nextProps.ruleItem.deviceid,\r\n // label: nextProps.ruleItem.devicename,\r\n // };\r\n // }\r\n // // const attributeid = nexProps.ruleItem.attributeid;\r\n // // const attributename = nexProps.ruleItem.attributename;\r\n // const selectedAttributeOption = {\r\n // value: nextProps.ruleItem.attributeid,\r\n // label: nextProps.ruleItem.attributename,\r\n // };\r\n // const useDevice = nextProps.ruleItem.deviceid === -1 ? false: true;\r\n\r\n\r\n\r\n // this.setState({\r\n // selectedAssetOption: selectedAssetOption, \r\n // selectedDeviceOption: selectedDeviceOption,\r\n // selectedAttributeOption: selectedAttributeOption,\r\n // useDevice:useDevice,\r\n // });\r\n\r\n // }\r\n // }\r\n\r\n // ---------------------------------------------------------------------------\r\n clearParams = () => {\r\n this.setState(prevState => {\r\n\r\n let newState = { ...prevState, ...this.default }\r\n return newState;\r\n });\r\n }\r\n handleAssetChange = (val) => {\r\n // this.props.loadAssetDevice({assetid: val.value});\r\n // this.props.loadAssetAttribute({assetid: val.value});\r\n this.setState({\r\n selectedAssetOption: val,\r\n selectedDeviceOption: null,\r\n selectedAttributeOption: null,\r\n });\r\n }\r\n\r\n handleAssetClassChange = (val) => {\r\n // \r\n let allAssetOptions = [];\r\n let selectedClass = this.props.assetClass.find((item, index) => (item.assetclassid === val.value));\r\n this.props.getAssetClassAttribute({ assetclassid: val.value });\r\n\r\n if (selectedClass && selectedClass.assets) {\r\n allAssetOptions = generateSelectOptions(selectedClass.assets, 'assetname', 'assetid');\r\n }\r\n this.setState({\r\n selectedAssetClassOption: val,\r\n allAssetOptions: allAssetOptions,\r\n selectedAssetOption: null,\r\n selectedAttributeOption: null,\r\n isPostback: true,\r\n });\r\n }\r\n\r\n handleDeviceChange = (val) => {\r\n // \r\n this.setState({\r\n selectedDeviceOption: val,\r\n btnDisable: true,\r\n });\r\n }\r\n\r\n handleAttributeChange = (val) => {\r\n // \r\n this.setState({\r\n selectedAttributeOption: val,\r\n btnDisable: true,\r\n });\r\n }\r\n\r\n handleDeviceClick = (e) => {\r\n const value = e.target.checked;\r\n\r\n this.setState(preState => {\r\n const option = value ? preState.selectedDeviceOption : null;\r\n return ({\r\n useDevice: value,\r\n selectedDeviceOption: option,\r\n // btnDisable: true,\r\n })\r\n });\r\n }\r\n\r\n // handleDeviceDropdownChange = (e) => {\r\n // alert('test');\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.setState(\r\n // {\r\n // currentDeviceId: selectedValue,\r\n // currentDeviceName: name \r\n // }\r\n // )\r\n // }\r\n\r\n onAddClick = (e) => {\r\n // let attriObj = this.state.attribute;\r\n // attriObj.displayname = this.state.displayname;\r\n if (this.state.isNew) {\r\n // attriObj.attributename = this.state.attributename;\r\n // attriObj.attributetype = this.state.datatype;\r\n }\r\n // this.props.onAddClick(this.state.attributename, this.state.displayname, this.state.datatype);\r\n this.props.onAddClick(this.props.groupId, this.props.ruleId, this.state.selectedAssetOption, this.state.selectedDeviceOption, this.state.selectedAttributeOption, this.state.selectedAssetClassOption);\r\n // this.setState({\r\n // name: '',\r\n // btnDisable: false,\r\n // });\r\n this.setState({\r\n // selectedAssetClassOption: null,\r\n // selectedAssetOption: null,\r\n // selectedAttributeOption: null,\r\n isPostback: false,\r\n });\r\n this.props.toggle();\r\n this.clearParams();\r\n }\r\n\r\n onCancleClick = (e) => {\r\n this.setState({\r\n name: '',\r\n btnDisable: false,\r\n isPostback: false,\r\n // selectedAssetClassOption: null,\r\n // selectedAssetOption: null,\r\n // selectedAttributeOption: null\r\n });\r\n this.props.toggle();\r\n this.clearParams();\r\n }\r\n\r\n render() {\r\n // const modalClass = classNames({\r\n // 'modal-dialog--colored': true,\r\n // 'modal-dialog--header': true,\r\n // });\r\n // className={`modal-dialog--primary ${modalClass}`}\r\n return (\r\n \r\n \r\n {this.state.tital}\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {/* \r\n
*/}\r\n \r\n\r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n// export default AssetSelectModal;\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n\r\n // const allfences = state.fence.fenceData;\r\n // const assetClass = state.mapboard.assetClass;\r\n const assetClassAttr = state.mapboard.assetClassAttr;\r\n const props = { assetClassAttr };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ getAssetClassAttribute, clearAssetClassAttribute }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AssetSelectModal);\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { toast } from \"react-toastify\";\r\nimport { Col, Container, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport Select from 'react-select';\r\n// import { ENGINE_METHOD_DIGESTS } from 'constants';\r\nimport GeoFenceMapSearch from '../../MapComponents/GeoFenceMapSearch';\r\n\r\nclass GeofenceModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedFenceOption: null,\r\n selectedShape: null,\r\n btnDisable: true,\r\n activeTab: '1',\r\n newFenceName: this.props.fenceDefaultName ? this.props.fenceDefaultName : '',\r\n };\r\n }\r\n //------------------------------------------------------------\r\n componentWillReceiveProps(nextProps){\r\n if (nextProps.allfences && nextProps.fenceId){\r\n let id = nextProps.fenceId\r\n let fence = nextProps.allfences.find((e, i) => (e.fenceid == id));\r\n if (!fence){\r\n return ;\r\n }\r\n let val = {value: id, label: fence.fencename};\r\n this.setCurrentFence(val, fence);\r\n }\r\n\r\n \r\n //fenceOptions = {this.state.fenceOptions}\r\n \r\n }\r\n //------------------------------------------------------------\r\n\r\n selectedFenceId = -1;\r\n selectedFenceName = '';\r\n \r\n currentShapeType = '';\r\n currentShapeTypeId = -1;\r\n currentPolygonData = null;\r\n currentRectangleData = null;\r\n currentCircleData = null;\r\n currentShapeData = null;\r\n isChange = false;\r\n\r\n handleAssetChange = (val) => {\r\n\r\n let id = val.value; \r\n let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n let currentPolygonData = null;\r\n let currentRectangleData = null;\r\n let currentCircleData = null;\r\n\r\n let type = '' ;\r\n switch(fence.shape){\r\n case 0:\r\n type = 'circle';\r\n currentCircleData = JSON.parse(fence.geodata);\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n currentRectangleData = JSON.parse(fence.geodata);\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n currentPolygonData = JSON.parse(fence.geodata);\r\n break;\r\n }\r\n this.selectedFenceId = fence.fenceid;\r\n this.selectedFenceName = fence.fencename;\r\n\r\n this.currentShapeData = {type: type, data: JSON.parse(fence.geodata)};\r\n\r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = fence.shape;\r\n this.currentPolygonData = currentPolygonData;\r\n this.currentRectangleData = currentRectangleData;\r\n this.currentCircleData = currentCircleData;\r\n this.setState({\r\n selectedFenceOption: val,\r\n selectedShape: {type: type, data: JSON.parse(fence.geodata)},\r\n });\r\n }\r\n\r\n handleNewFenceNameChange = (e) => {\r\n const value = e.target.value;\r\n this.setState({\r\n newFenceName: value,\r\n });\r\n }\r\n\r\n setCurrentFence = (val, fence) => {\r\n if (fence) {\r\n let currentPolygonData = null;\r\n let currentRectangleData = null;\r\n let currentCircleData = null;\r\n \r\n let type = '' ;\r\n switch(fence.shape){\r\n case 0:\r\n type = 'circle';\r\n currentCircleData = JSON.parse(fence.geodata);\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n currentRectangleData = JSON.parse(fence.geodata);\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n currentPolygonData = JSON.parse(fence.geodata);\r\n break;\r\n }\r\n this.selectedFenceId = fence.fenceid;\r\n this.selectedFenceName = fence.fencename;\r\n \r\n this.currentShapeData = {type: type, data: JSON.parse(fence.geodata)};\r\n \r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = fence.shape;\r\n this.currentPolygonData = currentPolygonData;\r\n this.currentRectangleData = currentRectangleData;\r\n this.currentCircleData = currentCircleData;\r\n this.setState({\r\n selectedFenceOption: val,\r\n selectedShape: {type: type, data: JSON.parse(fence.geodata)},\r\n });\r\n }\r\n }\r\n\r\n onAddClick = (e) => {\r\n if (this.state.activeTab === '1' && !this.isChange) {\r\n if ( !this.state.selectedFenceOption) {\r\n toast.error('please select a fence.');\r\n return;\r\n }\r\n this.props.handleOnAddClick(this.state.selectedFenceOption);\r\n }else { //if (this.state.activeTab === '2')\r\n \r\n let data = \"\";\r\n switch(this.currentShapeTypeId){\r\n case 0:\r\n data = JSON.stringify(this.currentCircleData);\r\n break;\r\n case 1:\r\n data = JSON.stringify(this.currentRectangleData);\r\n break;\r\n case 2:\r\n data = JSON.stringify(this.currentPolygonData);\r\n break;\r\n }\r\n let shapeObj;\r\n // let shapeObj = {\r\n // // deviceid: this.props.deviceid,\r\n // // devicename: this.props.devicename,\r\n // // devicetypeid: this.props.devicetypeid,\r\n // // devicetypename: this.props.devicetypename,\r\n // fenceid: 0, // this.props.fenceid,\r\n // fencename: this.state.newFenceName,\r\n // geodata: data,\r\n // shape: this.currentShapeTypeId\r\n // }\r\n // \r\n // \r\n // \r\n if (this.state.activeTab === '1') {\r\n if ( this.selectedFenceId < 1) {\r\n toast.error('please select a fence.');\r\n return;\r\n }\r\n shapeObj = {\r\n // deviceid: this.props.deviceid,\r\n // devicename: this.props.devicename,\r\n // devicetypeid: this.props.devicetypeid,\r\n // devicetypename: this.props.devicetypename,\r\n fenceid: this.selectedFenceId, // this.props.fenceid,\r\n fencename: this.selectedFenceName,\r\n geodata: data,\r\n shape: this.currentShapeTypeId\r\n }\r\n }else if (this.state.activeTab === '2') {\r\n if ( data === \"\") {\r\n toast.error('please draw a fence.');\r\n return;\r\n }\r\n if ( !this.state.newFenceName || this.state.newFenceName.length === 0) {\r\n toast.error('please input a fence name.');\r\n return;\r\n }\r\n shapeObj = {\r\n // deviceid: this.props.deviceid,\r\n // devicename: this.props.devicename,\r\n // devicetypeid: this.props.devicetypeid,\r\n // devicetypename: this.props.devicetypename,\r\n fenceid: 0, // this.props.fenceid,\r\n fencename: this.state.newFenceName,\r\n geodata: data,\r\n shape: this.currentShapeTypeId\r\n }\r\n }else{\r\n return\r\n }\r\n this.props.handleOnAddNewClick(shapeObj);\r\n }\r\n // this.props.handleOnAddClick(this.state.selectedFenceOption);\r\n this.props.toggle();\r\n }\r\n\r\n onCancleClick = (e) => {\r\n this.props.toggle();\r\n }\r\n\r\n setSelection = (shape) => {}\r\n\r\n setPloygonData = ( currentShapeType, currentPolygonData) => {\r\n let type = 'polygon' ;\r\n this.isChange = true;\r\n \r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = currentShapeType; \r\n this.currentPolygonData = currentPolygonData;\r\n this.currentShapeData = {type: type, data: currentPolygonData};\r\n // this.setState({\r\n // currentShapeType: type,\r\n // currentShapeTypeId: currentShapeType, \r\n // currentPolygonData: currentPolygonData,\r\n // });\r\n }\r\n\r\n setRectangleData = ( currentShapeType, currentRectangleData) => {\r\n let type = 'rectangle' ;\r\n this.isChange = true;\r\n\r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = currentShapeType;\r\n this.currentRectangleData = currentRectangleData;\r\n this.currentShapeData = {type: type, data: currentRectangleData};\r\n // this.setState({\r\n // currentShapeType: type,\r\n // currentShapeTypeId: currentShapeType, \r\n // currentRectangleData: currentRectangleData,\r\n // });\r\n\r\n }\r\n \r\n setCircleData = ( currentShapeType, currentCircleData) => {\r\n let type = 'circle' ;\r\n this.isChange = true;\r\n\r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = currentShapeType;\r\n this.currentCircleData = currentCircleData;\r\n this.currentShapeData = {type: type, data: currentCircleData};\r\n // this.setState({\r\n // currentShapeType: type,\r\n // currentShapeTypeId: currentShapeType, \r\n // currentCircleData: currentCircleData,\r\n // });\r\n\r\n }\r\n\r\n toggle(tab) {\r\n // alert(tab);\r\n let data = null;\r\n if (tab === '1') {\r\n // alert('yes');\r\n data = this.currentShapeData;\r\n }\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n selectedShape: data,\r\n });\r\n }\r\n }\r\n\r\n renderTopSection(){\r\n return(\r\n \r\n {this.state.tital} \r\n \r\n {/* \r\n
*/}\r\n {this.renderTopSection()}\r\n
\r\n\r\n
*/}\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n}\r\n\r\nexport default GeofenceModal;","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport {\r\n Button,\r\n InputGroup,\r\n InputGroupAddon,\r\n} from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport StepTemplate from './StepTemplate';\r\nimport AssetSelectModal from './AssetSelectModal';\r\nimport TrashCanOutlineIcon from 'mdi-react/TrashCanOutlineIcon';\r\nimport PlusCircleOutlineIcon from 'mdi-react/PlusCircleOutlineIcon';\r\nimport SquareEditOutlineIcon from 'mdi-react/SquareEditOutlineIcon';\r\n\r\nimport { loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff, getActionRule, upsertActionRule, clearActionRule } from '../../../redux/actions/jobAction';\r\nimport { loadAllGeoFences, upsertGeofence } from '../../../redux/actions/fenceAction';\r\nimport { loadAssetClass, loadAllAssets, getAssetClassAttribute } from '../../../redux/actions/mapActions';\r\n// import {getRuls} from '../../../redux/actions/ruleActions'; \r\nimport { generateSelectOptions } from '../../../factories/utils';\r\nimport GeofenceModal from './GeofenceModal';\r\nimport { FENCE_UPDATE_FENCE_OBJ_SUCCEED } from '../../../constants/actionTypes';\r\nimport { toast } from \"react-toastify\";\r\n\r\nfunction VariableContainer({ children }) {\r\n return (\r\n \r\n {children}\r\n {/*
\r\n )\r\n}\r\n\r\nclass StepCondition extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n assetModal: false,\r\n geofenceModal: false,\r\n currentDeivecTypeId: '5cf828390499f50b995ae851',\r\n rawData: [],\r\n // rawData: [\r\n // {\r\n // \"groupid\": 0,\r\n // \"groupindex\": 0,\r\n // \"grouprelation\": 0,\r\n // \"ruleitems\": [\r\n // {\r\n // \"actionid\": \"e250e806-324a-4de2-8a0a-0fe0cbbaf102\",\r\n // \"assetid\": 1,\r\n // \"assetname\": \"Asset 1\",\r\n // \"deviceid\": -1,\r\n // \"devicename\": \"\",\r\n // \"attributeid\": 1,\r\n // \"attributename\": \"Speed\",\r\n // \"geofenceid\": 1,\r\n // \"geofencename\": \"polygo01\",\r\n // \"operator\": 0,\r\n // \"value\": 0,\r\n // \"relation\": 0\r\n // },\r\n // {\r\n // \"actionid\": \"e250e806-324a-4de2-8a0a-0fe0cbbaf102\",\r\n // \"assetid\": 1,\r\n // \"assetname\": \"Asset 1\",\r\n // \"deviceid\": 1,\r\n // \"devicename\": \"Devcie 1\",\r\n // \"attributeid\": -1,\r\n // \"attributename\": \"Position\",\r\n // \"geofenceid\": 2,\r\n // \"geofencename\": \"rectangle01\",\r\n // \"operator\": 0,\r\n // \"value\": 0,\r\n // \"relation\": 1\r\n // }\r\n // ]\r\n // },\r\n // {\r\n // \"groupid\": 1,\r\n // \"groupindex\": 0,\r\n // \"grouprelation\": 1,\r\n // \"ruleitems\": [\r\n // {\r\n // \"actionid\": \"e250e806-324a-4de2-8a0a-0fe0cbbaf102\",\r\n // \"assetid\": 1,\r\n // \"assetname\": \"Asset 1\",\r\n // \"deviceid\": 2,\r\n // \"devicename\": \"Device 2\",\r\n // \"attributeid\": 3,\r\n // \"attributename\": \"Temperature\",\r\n // \"geofenceid\": 3,\r\n // \"geofencename\": \"circle01\",\r\n // \"operator\": 0,\r\n // \"value\": 0,\r\n // \"relation\": 0\r\n // },\r\n // {\r\n // \"actionid\": \"e250e806-324a-4de2-8a0a-0fe0cbbaf102\",\r\n // \"assetid\": 2,\r\n // \"assetname\": \"Asset 2\",\r\n // \"deviceid\": -1,\r\n // \"devicename\": \"\",\r\n // \"attributeid\": 4,\r\n // \"attributename\": \"0\",\r\n // \"geofenceid\": 8,\r\n // \"geofencename\": \"circlefortype\",\r\n // \"operator\": 0,\r\n // \"value\": 0,\r\n // \"relation\": 1\r\n // }\r\n // ]\r\n // },\r\n // // {\r\n // // \"groupid\": 0,\r\n // // \"groupindex\": 0,\r\n // // \"grouprelation\": 2,\r\n // // \"ruleitems\": [\r\n\r\n // // ]\r\n // // }\r\n // ],\r\n // assetOption: [\r\n // {value: '111', label: 'asset 1'},\r\n // {value: '222', label: 'asset 2'},\r\n // {value: '333', label: 'asset 3'},\r\n // {value: '444', label: 'asset 4'},\r\n // {value: '555', label: 'asset 5'},\r\n // ],\r\n // devceOption: [\r\n // {value: '111', label: 'devce 1'},\r\n // {value: '222', label: 'devce 2'},\r\n // {value: '333', label: 'devce 3'},\r\n // {value: '444', label: 'devce 4'},\r\n // {value: '555', label: 'devce 5'},\r\n // ],\r\n test: 0,\r\n };\r\n this.currentGroupId = -1;\r\n this.currentRuleId = -1;\r\n this.currentRule = null;\r\n this.currentActionId = 'e250e806-324a-4de2-8a0a-0fe0cbbaf102';\r\n this.currentFenceId = -1;\r\n this.currentFenceGroupId = -1;\r\n this.currentFenceRuleId = -1;\r\n this.currentFenceRuleitem = null;\r\n }\r\n\r\n componentDidMount() {\r\n\r\n // this.props.loadAction({actionid:this.props.actionId});\r\n this.props.loadAssetClass(null, false);\r\n // this.props.loadAllGeoFences({devicetypeid: this.state.currentDeivecTypeId});\r\n this.props.loadAllGeoFences();\r\n this.props.getActionRule({ actionid: this.props.actionId });\r\n // this.props.getRuls();\r\n }\r\n componentWillUnmount() {\r\n\r\n this.props.clearActionRule();\r\n this.setState({\r\n rawData: [],\r\n });\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n\r\n\r\n\r\n let fenceOptions = [];\r\n let assetClassOptions = [];\r\n if (nextProps.actionRules) {\r\n\r\n\r\n this.setState({\r\n rawData: nextProps.actionRules,\r\n });\r\n }\r\n if (nextProps.allfences) {\r\n fenceOptions = generateSelectOptions(nextProps.allfences, 'fencename', 'fenceid');\r\n }\r\n if (nextProps.fenceStatus === FENCE_UPDATE_FENCE_OBJ_SUCCEED && nextProps.fenceObj && this.currentFenceRuleitem) {\r\n this.currentFenceRuleitem.geofenceid = nextProps.fenceObj.fenceid;\r\n this.currentFenceRuleitem.geofencename = nextProps.fenceObj.fencename;\r\n this.setState((preState) => {\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n // if (nextProps.assetClass){\r\n // assetClassOptions = generateSelectOptions(nextProps.assetClass, 'assetclassname', 'assetclassid');\r\n // }\r\n this.setState({\r\n fenceOptions: fenceOptions,\r\n assetClassOptions: assetClassOptions,\r\n actionId: nextProps.actionId,\r\n });\r\n }\r\n\r\n modalToggle = () => {\r\n this.setState(prevState => ({\r\n assetModal: !prevState.assetModal,\r\n }));\r\n }\r\n\r\n geofenceToggle = () => {\r\n this.setState(prevState => ({\r\n geofenceModal: !prevState.geofenceModal,\r\n }));\r\n }\r\n\r\n handleAssetModalAddClick = (groupId, ruleId, selectedAssetOption, selectedDeviceOption, selectedAttributeOption, selectedAssetClassOption) => { // alert('1');\r\n // if (groupId < 0 || selectedAssetOption === null || selectedAttributeOption === null){\r\n // return null;\r\n // }\r\n if (groupId < 0 || selectedAssetClassOption === null || selectedAttributeOption === null) {\r\n return null;\r\n }\r\n let that = this;\r\n // alert('2');\r\n this.setState((preState) => {\r\n\r\n let deviceId = -1;\r\n let devicename = \"\";\r\n if (selectedDeviceOption !== null) {\r\n deviceId = selectedDeviceOption.value;\r\n devicename = selectedDeviceOption.label;\r\n }\r\n let assetId = -1;\r\n let assetname = \"\";\r\n if (selectedAssetOption !== null) {\r\n assetId = selectedAssetOption.value;\r\n assetname = selectedAssetOption.label;\r\n }\r\n let relation = 1;\r\n\r\n if (preState.rawData[groupId].ruleitems.length <= 0) {\r\n relation = 0;\r\n }\r\n if (ruleId === -1) {\r\n // let newRule = { \r\n // \"actionid\": that.currentActionId,\r\n // \"assetid\": selectedAssetOption.vlaue,\r\n // \"assetname\": selectedAssetOption.label,\r\n // \"deviceid\": deviceId,\r\n // \"devicename\": devicename,\r\n // \"attributeid\": selectedAttributeOption.value,\r\n // \"attributename\": selectedAttributeOption.label,\r\n // \"geofenceid\": -1,\r\n // \"geofencename\": \"\",\r\n // \"operator\": 0,\r\n // \"value\": 0,\r\n // \"relation\": relation,\r\n // }\r\n let newRule = {\r\n \"actionid\": that.props.actionId,\r\n \"assetclassid\": selectedAssetClassOption.value,\r\n \"assetclassname\": selectedAssetClassOption.label,\r\n \"assetid\": assetId,\r\n \"assetname\": assetname,\r\n // \"deviceid\": deviceId,\r\n // \"devicename\": devicename,\r\n \"attributeid\": selectedAttributeOption.value,\r\n \"attributename\": selectedAttributeOption.label,\r\n \"geofenceid\": -1,\r\n \"geofencename\": \"\",\r\n \"operator\": 1,\r\n \"value\": 0,\r\n \"relation\": relation,\r\n }\r\n\r\n\r\n\r\n preState.rawData[groupId].ruleitems.push(newRule);\r\n } else {\r\n\r\n\r\n let rule = preState.rawData[groupId].ruleitems[ruleId];\r\n rule.assetclassid = selectedAssetClassOption.value,\r\n rule.assetclassname = selectedAssetClassOption.label,\r\n rule.assetid = selectedAssetOption ? selectedAssetOption.value : -1;\r\n rule.assetname = selectedAssetOption ? selectedAssetOption.label : '';\r\n rule.deviceid = deviceId;\r\n rule.devicename = devicename;\r\n rule.attributeid = selectedAttributeOption.value;\r\n rule.attributename = selectedAttributeOption.label;\r\n }\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n\r\n }\r\n\r\n handleRelationChange = (e, groupIndex, ruleItem) => {\r\n ruleItem.relation = e.target.value;\r\n this.setState((preState) => {\r\n // preState.rawData[groupIndex].ruleitems[]\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleGroupOperatorChange = (e, groupitem, groupId) => {\r\n groupitem.grouprelation = e.target.value;\r\n this.setState((preState) => {\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleOperatorChange = (e, ruleItem, index) => {\r\n ruleItem.operator = e.target.value;\r\n this.setState((preState) => {\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleValueChange = (e, ruleItem, groupIndex, index) => {\r\n ruleItem.value = e.target.value;\r\n this.setState((preState) => {\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleRuleRemoveClick = (e, groupItem, groupIndex, index) => {\r\n\r\n this.setState((preState) => {\r\n if (!groupItem.ruleitems || groupItem.ruleitems.length < index) {\r\n return null;\r\n }\r\n let removedRuleItems = groupItem.ruleitems.splice(index, 1);\r\n if (groupItem.ruleitems.length === 0) {\r\n preState.rawData.splice(groupIndex, 1);\r\n if (preState.rawData.length > 0) {\r\n preState.rawData[0].grouprelation = 0;\r\n }\r\n } else {\r\n groupItem.ruleitems[0].relation = 0;\r\n }\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleAssetEditClick = (e, groupItem, ruleItem, groupIndex, index) => {\r\n\r\n\r\n this.currentGroupId = groupIndex;\r\n this.currentRuleId = index;\r\n this.currentRule = ruleItem;\r\n // this.setState((preState)=>({\r\n // currentGroupId: groupIndex,\r\n // currentRuleId: index,\r\n // currentRule: ruleItem,\r\n // assetModal: !preState.assetModal,\r\n // }));\r\n // this.props.getAssetClassAttribute({assetclassid:ruleItem.assetclassid});\r\n this.modalToggle();\r\n }\r\n\r\n handleGeofenceEditClick = (e, groupItem, ruleItem, groupIndex, index) => {\r\n this.currentFenceId = ruleItem.geofenceid;\r\n this.currentFenceGroupId = groupIndex;\r\n this.currentFenceRuleId = index;\r\n this.currentFenceRuleitem = ruleItem;\r\n this.geofenceToggle();\r\n }\r\n\r\n renderRuleLine(groupItem, ruleItem, groupIndex, index) {\r\n return (\r\n \r\n {this.renderWidgets(layout)}\r\n
\r\n );\r\n })}\r\n \r\n )\r\n }\r\n // ----------------------------------------------------------------\r\n dropdownToggle = () => {\r\n this.setState(prevState => ({\r\n dropdownOpen: !prevState.dropdownOpen,\r\n }));\r\n }\r\n onTitleClick = (layout) => {\r\n //console.log('layout title click', layout);\r\n //console.log('layout title click Id', layout.templateId);\r\n // const layoutname = layout.templatename === 'System' ? 'My Dashboard': layout.templatename;\r\n const layoutname = (layout.templateName && layout.templateName.length > 0) ? (layout.templateName === 'System' ? 'My Dashboard' : layout.templateName) : 'Dashboard'\r\n this.setState({\r\n currentLayoutName: layoutname,\r\n currentTemplateId: layout.templateId,\r\n currentLayout: layout,\r\n }, () => {\r\n this.props.loadDashBoardLayout(layout.templateId)\r\n // this.dropdownToggle();\r\n })\r\n }\r\n\r\n onSetDefaultClick = (layout) => {\r\n if (layout && layout.templateId) {\r\n this.props.setDefaultLayout(layout.templateId);\r\n }\r\n\r\n }\r\n\r\n renderTitle = () => {\r\n // let title = 'Dashboard';\r\n // if (this.props.currentLayoutList){\r\n // const selectedLayout = this.props.currentLayoutList.find(item => (item.selected == true));\r\n // if (selectedLayout){\r\n // title = selectedLayout.layoutname ? selectedLayout.layoutname : 'My Dashboard';\r\n // }\r\n\r\n // }\r\n //console.log('currentLayoutList', this.props.currentLayoutList);\r\n // //console.log('currentlayoutName',this.state.currentLayoutName);\r\n return (\r\n Dashboard
*/}\r\n {/* if there is only one item then hide the dropdown */}\r\n {this.props.currentLayoutList && this.props.currentLayoutList.length > 1 && (\r\nMy Dashboard
*/}\r\n {/*{this.state.currentLayoutName}
*/}\r\n {/* */}\r\n \r\n {/* My Dashboard btn*/}\r\n {this.state.currentLayoutName} \r\n \r\n {/*
*/}\r\n \r\n {this.onTitleClick(layout)}}>
\r\n {layout.templateName === 'System' ? 'My Dashboard': layout.templateName}
*/}\r\n {/* */}\r\n {(layout.templateName && layout.templateName.length > 0) ? (layout.templateName === 'System' ? 'My Dashboard': layout.templateName) : 'Dashboard'}\r\n {/* */}\r\n {/*
*/}\r\nMy Dashboard
Template 1
\r\n {/* {this.renderDashBoad(this.state.dashBoardSet)} */}\r\n {/* width={500}\r\n */}\r\n {/* {this.renderDashboardLayout(this.state.currentLayout)} */}\r\n {this.renderDashboardJustableLayout(this.props.currentLayout)}\r\n \r\n \r\n Edit Dashboard\r\n \r\n
\r\n Dashboard
\r\n \r\n\r\n \r\n Edit Arribute Dislay Name\r\n \r\n }\r\n
\r\n )\r\n }\r\n // --------------------------------------------------------------------------------------------------\r\n handleInsertButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick \r\n // this.props.history.push('/pages/geofence');\r\n // return \r\n {/* */}\r\n {this.handleRowEditClick(row);}}/>\r\n
\r\n {' '}\r\n {/* \r\n \r\n
*/}\r\n { !row.useradded &&\r\n \r\n {this.handleAddNewClick();}} /> */}\r\n {/* */}\r\n {/*
\r\n */}\r\n
\r\n {this.renderAttribuesList()}\r\n {/* {this.renderEditModal()} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AttriburesList;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport AttriburesList from './AttributesList';\r\nimport AlertMessage from '../../AlertComponent/components/AlertMessage';\r\nimport { itemFinder, dropdownOnChangeHandler } from '../../../factories/utils';\r\nimport { loadDeviceTypes, loadAssets, getAttributes, upsertAttributes, deleteAttributes, closeAlertOff } from '../../../redux/actions/attributeMgmtAction';\r\nimport AttributeEditModal from './AttributeEditModal';\r\n\r\nclass AttributeMgmtBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n modalVisible: false,\r\n isNew: true,\r\n currentDeviceTypeId: '5cf828390499f50b995ae851',\r\n currentDeviceTypeName: '',\r\n currentAssetId: 6,\r\n currentAssetName: '',\r\n selectedAttributeId: 0,\r\n selectedAttribute: null,\r\n }\r\n }\r\n // ----------------------------------------------------------------------------------------------\r\n componentDidMount() {\r\n\r\n this.props.loadDeviceTypes();\r\n // this.props.loadAssets({devicetypeid: this.state.currentDeviceTypeId});\r\n // this.props.getAttributes(this.state.currentAssetId);\r\n this.props.getAttributes(this.state.currentDeviceTypeId);\r\n\r\n\r\n }\r\n //-----------------------------------------------------------------------------------------------\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.devicetypes && nextProps.devicetypes !== this.props.devicetypes) {\r\n if (nextProps.devicetypes.length > 0) {\r\n let currentDeviceTypeId = nextProps.devicetypes[0].devicetypeid;\r\n this.props.getAttributes(currentDeviceTypeId);\r\n this.setState({ currentDeviceTypeId: currentDeviceTypeId });\r\n }\r\n }\r\n }\r\n //-----------------------------------------------------------------------------------------------\r\n toggle = () => {\r\n // alert('toggle');\r\n this.setState(prevState => ({\r\n modalVisible: !prevState.modalVisible\r\n }));\r\n }\r\n onAddClick = (attriObj) => {\r\n // alert(\"Add\");\r\n\r\n this.props.upsertAttributes(attriObj);\r\n // alert(name);\r\n // this.setState({\r\n // currentrule: {\r\n // ruleid: 0,\r\n // rulename:name,\r\n // devicetypeid:this.state.currentDeviceTypeId,\r\n // devicetypename:this.state.currentDeviceTypeName,\r\n // deviceid:this.state.currentDeviceId,\r\n // devicename:this.state.currentDeviceName,\r\n // createtime: new Date().toISOString(),\r\n // rule:[],\r\n // },\r\n // currentruleid: 0,\r\n // showRuleEdieCard: true,\r\n // });\r\n }\r\n\r\n renderEditModal() {\r\n return (\r\n \r\n {/* {this.renderFilterBar()} */}\r\n {this.renderAlert()}\r\n {this.renderAttributeList()}\r\n {this.renderEditModal()}\r\n
\r\n )\r\n\r\n }\r\n}\r\n\r\n// export default AttributeMgmtBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n\r\n\r\n const props = state.attributemgmt;\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ loadDeviceTypes, loadAssets, getAttributes, upsertAttributes, deleteAttributes, closeAlertOff }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AttributeMgmtBoard);","import React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport AttributeMgmtBoard from './components/AttributeMgmtBoard';\r\n\r\nconst AttributeMgmtPage = () => (\r\n Attribute Setting
\r\n \r\n\r\n {/* \r\n \r\n Add New\r\n \r\n */}\r\n {/* Header */}\r\n {/* Action */}\r\n {/* this.handelAddnewBasicClick()}>Basic Alert */}\r\n {/* this.handelAddnewAdvancedClick()}>Advanced Alert */}\r\n {/* Another Action */}\r\n {/* \r\n */}\r\n {' '}\r\n
\r\n )\r\n }\r\n\r\n // --------------------------------------------------------------------------------------------\r\n handleRowClick = (e, row) => {\r\n let actionid = row.actionid;\r\n // alert(actionid);\r\n this.props.setActionId(actionid);\r\n this.props.history.push(`/pages/actionedit/${actionid}`);\r\n }\r\n\r\n handleRowDeleteClick = (e, row) => {\r\n let actionid = row.actionid;\r\n this.props.deleteActionAlert(actionid);\r\n }\r\n\r\n editButtonFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return (\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n { this.handleRowClick(e, row); }} />{' '}\r\n {/* {this.handleRowDeleteClick(e, row);}}/> */}\r\n { this.handleRowDeleteClick(e, row); }}\r\n msg={'Do you want to delete the selected event? '}\r\n />\r\n {/* {this.handleRowClick(e, row);}}/>{' '} */}\r\n {/* {this.handleRowDeleteClick(e, row);}} /> */}\r\n
\r\n )\r\n }\r\n\r\n newEditButtonFormatter = (cell, row) => {\r\n return (\r\n \r\n { this.handleRowClick(e, row); }} />{' '}\r\n
\r\n )\r\n }\r\n\r\n removeButtonFormatter = (cell, row) => {\r\n return (\r\n \r\n { this.handleRowDeleteClick(e, row); }}\r\n msg={'Do you want to delete the selected event?'}\r\n />\r\n
\r\n )\r\n }\r\n\r\n activeFormatter = (cell, row) => {\r\n return (\r\n cell ?\r\n Yes \r\n : No \r\n )\r\n }\r\n\r\n renderActionList() {\r\n const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return (\r\n { alert(cell); alert(row['devicename']); }}>{cell}\r\n )\r\n }\r\n\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, \r\n // // {\r\n // // text: 'All', value: this.props.currentDeviceList.length\r\n // // } \r\n // ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // insertBtn: this.createCustomInsertButton,\r\n // clearSearch: true, \r\n };\r\n return (\r\n \r\n\r\n {this.renderActionList()}\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default withRouter(ActionList);\r\n\r\nfunction mapStateToProps(state) {\r\n const props = { ...state.job };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ getActions, stepReset, deleteActionAlert, setActionId }, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withRouter\r\n);\r\n\r\nexport default enhance(ActionList);","import React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport ActionList from './components/ActionList';\r\n\r\nconst ActionPage = () => (\r\n Action Setup
\r\n\r\n \r\n
\r\n \r\n \r\n Add New\r\n \r\n \r\n {/* Header */}\r\n {/* Action */}\r\n {/* this.handelAddnewBasicClick()}>Basic Alert */}\r\n this.handelAddnewAdvancedClick() }>Advanced Alert \r\n {/* Another Action */}\r\n \r\n \r\n
\r\n )\r\n }\r\n \r\n // --------------------------------------------------------------------------------------------\r\n handleRowClick = (e, row) => {\r\n let actionid = row.actionid;\r\n // alert(actionid);\r\n this.props.setActionId(actionid);\r\n this.props.history.push(`/pages/actionnotificationedit/${actionid}`);\r\n }\r\n\r\n handleRowDeleteClick = (e, row) => {\r\n let actionid = row.actionid;\r\n this.props.deleteActionAlert(actionid);\r\n }\r\n editButtonFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n {this.handleRowClick(e, row);}}/>{' '}\r\n {/* {this.handleRowDeleteClick(e, row);}}/> */}\r\n {this.handleRowDeleteClick(e, row);}}\r\n msg={'Do you want to delete the selected event?'}\r\n />\r\n {/* {this.handleRowClick(e, row);}}/>{' '} */}\r\n {/* {this.handleRowDeleteClick(e, row);}} /> */}\r\n
\r\n )\r\n }\r\n\r\n activeFormatter = (cell, row) => {\r\n return (\r\n cell ?\r\n Yes \r\n : No \r\n )\r\n }\r\n\r\n renderActionList(){\r\n const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return(\r\n {alert(cell); alert(row['devicename']);}}>{cell}\r\n )\r\n }\r\n \r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, \r\n // // {\r\n // // text: 'All', value: this.props.currentDeviceList.length\r\n // // } \r\n // ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // insertBtn: this.createCustomInsertButton,\r\n // clearSearch: true, \r\n };\r\n return(\r\n \r\n \r\n {this.renderActionList()}\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default withRouter(ActionList);\r\n\r\nfunction mapStateToProps(state) {\r\n const props = {...state.job};\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({getActions, stepReset, deleteActionAlert, setActionId}, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withRouter\r\n);\r\n\r\nexport default enhance(ActionList);","import React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport ActionList from './components/ActionList';\r\n\r\nconst ActionNotificationPage = () => (\r\n Notification Setup
\r\n\r\n \r\n
\r\n {/* {this.handleRowClick(row);}}/>{' '} */}\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n handleRowDeleteClick = (row) =>{\r\n const deviceid = row.deviceid;\r\n const assetid = row.assetid;\r\n // alert(deviceid);\r\n this.props.handleRowDeleteClick(assetid, deviceid);\r\n }\r\n \r\n renderActionDeviceTb() {\r\n const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return(\r\n {alert(cell); alert(row['devicename']);}}>{cell}\r\n )\r\n }\r\n \r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, \r\n // ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // insertBtn: this.createCustomInsertButton,\r\n // clearSearch: true,\r\n }\r\n \r\n \r\n return(\r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n\r\n {this.renderActionDeviceTb()}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default DeviceSetSection;\r\n\r\nfunction mapStateToProps(state) {\r\n \r\n \r\n \r\n const props = state.job;\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeviceSetSection);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Map, GoogleApiWrapper, Marker, InfoWindow} from 'google-maps-react';\r\nimport {Container, Row, Col, Button, Table, Card, CardBody, Label, Input} from 'reactstrap';\r\nimport { compose } from 'redux'\r\n\r\nclass GeoFenceMap extends Component{\r\n constructor(props){\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n // this.selectedShap;\r\n this.myMap = React.createRef();\r\n this.myInput = React.createRef();\r\n this.state={\r\n // testCode: [\r\n // {lat: 43.822311404399926, lng: -79.56390763395996},\r\n // {lat: 43.82020588194602, lng: -79.55043221586914},\r\n // {lat: 43.812402415964726, lng: -79.5622768508789},\r\n // {lat: 43.8135172592541, lng: -79.5758380996582}\r\n // ],\r\n mapCenter: {lat:43.8148034, lng:-79.5509472},\r\n toggal1: true,\r\n toggal2: false,\r\n }\r\n }\r\n\r\n markers = [];\r\n\r\n \r\n componentWillReceiveProps(nextProps){\r\n // alert('okay');\r\n if (nextProps.shape && this.myMap && this.myMap.current){\r\n // alert('yes');\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShap(google, map, nextProps.shape);\r\n }\r\n }\r\n\r\n selectedShape; //Google Shap object\r\n currentPolygonData = null;\r\n currentRectangleData = null;\r\n currentCircleData = null;\r\n currentShapeType = -1\r\n\r\n setSelection = (shape) => { \r\n this.selectedShape = shape;\r\n }\r\n\r\n deleteSelectedShape = () => {\r\n if (this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n\r\n setPloygonData = (polygon) => {\r\n if (polygon.getPaths().getArray() && polygon.getPaths().getArray().length > 0) {\r\n this.currentPolygonData = [];\r\n this.currentShapeType = 2;\r\n }else{\r\n return;\r\n }\r\n \r\n polygon.getPaths().getArray().forEach((item,index) => {\r\n let path = [];\r\n item.getArray().forEach((item, index) => {\r\n // \r\n path.push(item.toJSON());\r\n });\r\n this.currentPolygonData.push(path);\r\n });\r\n }\r\n\r\n setRectangleData = (rectangle) => {\r\n this.currentShapeType = 1;\r\n this.currentRectangleData = rectangle.getBounds().toJSON();\r\n }\r\n\r\n setCircleData = (circle) => {\r\n this.currentShapeType = 0;\r\n this.currentCircleData = {\r\n center: circle.getCenter().toJSON(),\r\n radius: circle.getRadius()\r\n };\r\n }\r\n\r\n setShap = (google, map, shape) => {\r\n // let shape = this.props.shape;\r\n\r\n let self = this;\r\n if (shape) {\r\n switch(shape.type) {\r\n case 'circle':\r\n const initCircle=new google.maps.Circle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n radius: shape.data.radius,\r\n editable: true\r\n });\r\n google.maps.event.addListener(initCircle, 'radius_changed', function (event) {\r\n self.setCircleData(initCircle); \r\n \r\n });\r\n \r\n google.maps.event.addListener(initCircle, 'center_changed', function (event) { \r\n self.setCircleData(initCircle); \r\n \r\n });\r\n this.setSelection(initCircle);\r\n this.setCircleData(initCircle); \r\n break;\r\n case 'rectangle':\r\n const initRectangle=new google.maps.Rectangle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: true\r\n });\r\n google.maps.event.addListener(initRectangle, 'bounds_changed', () => {\r\n this.setRectangleData(initRectangle);\r\n \r\n });\r\n this.setSelection(initRectangle);\r\n this.setRectangleData(initRectangle); \r\n break;\r\n case 'polygon':\r\n const initPolygon=new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: true\r\n });\r\n \r\n let paths = initPolygon.getPaths();\r\n // let pType = typeof paths;\r\n // alert(pType);\r\n // alert(Array.isArray(paths));\r\n // if (Array.isArray(paths)) {\r\n // alert('true');\r\n // }\r\n paths && paths.forEach((path) => {\r\n google.maps.event.addListener(path, 'insert_at', () => {\r\n // alert('insert_at');\r\n this.setPloygonData(initPolygon);\r\n \r\n });\r\n google.maps.event.addListener(path, 'remove_at', () => {\r\n // alert('remove_at');\r\n this.setPloygonData(initPolygon);\r\n \r\n });\r\n google.maps.event.addListener(path, 'set_at', () => {\r\n // alert('set_at');\r\n this.setPloygonData(initPolygon);\r\n \r\n });\r\n });\r\n \r\n this.setSelection(initPolygon);\r\n this.setPloygonData(initPolygon); \r\n break;\r\n }\r\n }\r\n }\r\n\r\n\r\n initMap(mapProps, map) {\r\n // alert('onready');\r\n var self = this;\r\n const {google} = mapProps;\r\n \r\n const drawingManager = new google.maps.drawing.DrawingManager({\r\n drawingMode: null,\r\n drawingControl: true,\r\n drawingControlOptions: {\r\n position: google.maps.ControlPosition.TOP_CENTER,\r\n drawingModes: [ \r\n google.maps.drawing.OverlayType.POLYGON,\r\n google.maps.drawing.OverlayType.CIRCLE,\r\n google.maps.drawing.OverlayType.RECTANGLE\r\n ]\r\n },\r\n circleOptions: {\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n editable: true,\r\n zIndex: 1\r\n },\r\n rectangleOptions: {\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n editable: true,\r\n zIndex: 1\r\n },\r\n polygonOptions: {\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n editable: true,\r\n zIndex: 1\r\n },\r\n map: map\r\n });\r\n \r\n // var triangleCoords = [\r\n // {lat: 25.774, lng: -80.190},\r\n // {lat: 18.466, lng: -66.118},\r\n // {lat: 32.321, lng: -64.757}\r\n // ];\r\n \r\n // const bermudaTriangle = new google.maps.Polygon({\r\n // paths: self.state.testCode,\r\n // strokeColor: '#FF0000',\r\n // strokeOpacity: 0.8,\r\n // strokeWeight: 3,\r\n // fillColor: '#FF0000',\r\n // fillOpacity: 0.35,\r\n // map: map\r\n // });\r\n\r\n self.setShap(google, map, self.props.shape);\r\n // --------------------------------------------\r\n // var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n // var searchBox = new google.maps.places.SearchBox(input);\r\n // // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);\r\n // map.addListener('bounds_changed', function() {\r\n // searchBox.setBounds(map.getBounds());\r\n // });\r\n // searchBox.addListener('places_changed', () => {\r\n // // alert('test');\r\n // var places = searchBox.getPlaces();\r\n // // alert(places.length);\r\n // if (places.length == 0) {\r\n // return;\r\n // }\r\n\r\n // this.markers.forEach(function(marker) {\r\n // marker.setMap(null);\r\n // });\r\n // this.markers = [];\r\n\r\n // for (var i = 0; i < places.length; i++) \r\n // {\r\n // // createMarker(results[i]);\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: places[i].geometry.location\r\n // });\r\n // this.markers.push(marker);\r\n // }\r\n // map.setCenter(places[0].geometry.location);\r\n // });\r\n\r\n // var request = {\r\n // query: '235 Yorkland Blvd, North York, ON M2J 4Y8',\r\n // fields: ['name', 'geometry'],\r\n // };\r\n\r\n // let service = new google.maps.places.PlacesService(map);\r\n\r\n // service.findPlaceFromQuery(request, function(results, status) {\r\n // alert('test');\r\n // alert(status);\r\n // if (status === google.maps.places.PlacesServiceStatus.OK) {\r\n // alert(results.length); \r\n // for (var i = 0; i < results.length; i++) {\r\n // // createMarker(results[i]);\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: results[i].geometry.location\r\n // });\r\n // }\r\n \r\n // map.setCenter(results[0].geometry.location);\r\n // }\r\n // });\r\n \r\n \r\n // const createMarker = (place) => {\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: place.geometry.location\r\n // });\r\n // }\r\n // --------------------------------------------\r\n \r\n // google.maps.event.addListener(drawingManager, 'circlecomplete', function(circle) {\r\n // var radius = circle.getRadius();\r\n // alert(radius);\r\n // });\r\n \r\n google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {\r\n var newShape = event.overlay;\r\n self.deleteSelectedShape();\r\n self.setSelection(event.overlay);\r\n google.maps.event.addListener(newShape, 'click', function (e) {\r\n self.setSelection(newShape);\r\n });\r\n if (event.type == 'circle') {\r\n // var radius = newShape.getRadius();\r\n // alert(radius); \r\n self.setCircleData(newShape); \r\n \r\n // self.testUpdate();\r\n }\r\n if (event.type == 'rectangle'){\r\n self.setRectangleData(newShape);\r\n \r\n }\r\n if (event.type == 'polygon'){\r\n self.setPloygonData(newShape);\r\n \r\n }\r\n });\r\n \r\n }\r\n\r\n // renderTitle(){\r\n // return(\r\n // \r\n
\r\n {/* \r\n */}\r\n {/* \r\n
*/}\r\n \r\n {/* \r\n
\r\n {' '}\r\n \r\n \r\n
*/}\r\n {/* \r\n \r\n */}\r\n
\r\n )\r\n }\r\n \r\n}\r\n\r\n// export default GeoFenceMap;\r\n// export default GoogleApiWrapper({\r\n// apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n// libraries: ['drawing'],\r\n// })(GeoFenceMapCard);\r\n\r\n//\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing','places'],\r\n })\r\n);\r\n\r\nexport default enhance(GeoFenceMap);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Map, GoogleApiWrapper, Marker, InfoWindow} from 'google-maps-react';\r\nimport {Container, Row, Col, Button, Table, Card, CardBody, Label, Input} from 'reactstrap';\r\nimport { compose } from 'redux'\r\n\r\nclass GeoFenceMapSearch extends Component{\r\n constructor(props){\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n // this.selectedShap;\r\n this.myMap = React.createRef();\r\n this.myInput = React.createRef();\r\n this.state={\r\n // testCode: [\r\n // {lat: 43.822311404399926, lng: -79.56390763395996},\r\n // {lat: 43.82020588194602, lng: -79.55043221586914},\r\n // {lat: 43.812402415964726, lng: -79.5622768508789},\r\n // {lat: 43.8135172592541, lng: -79.5758380996582}\r\n // ],\r\n mapCenter: {lat:43.8148034, lng:-79.5509472},\r\n toggal1: true,\r\n toggal2: false,\r\n }\r\n }\r\n\r\n markers = [];\r\n\r\n \r\n componentWillReceiveProps(nextProps){\r\n // alert('okay');\r\n if (nextProps.shape && this.myMap && this.myMap.current){\r\n // alert('yes');\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShap(google, map, nextProps.shape);\r\n }else{\r\n this.deleteSelectedShape();\r\n }\r\n }\r\n\r\n selectedShape; //Google Shap object\r\n currentPolygonData = null;\r\n currentRectangleData = null;\r\n currentCircleData = null;\r\n currentShapeType = -1\r\n\r\n getCurrentShapeType = () => {\r\n return this.currentShapeType;\r\n }\r\n\r\n setSelection = (shape) => { \r\n this.selectedShape = shape;\r\n this.props.setSelection(shape);\r\n }\r\n\r\n deleteSelectedShape = () => {\r\n if (this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n\r\n setPloygonData = (polygon) => {\r\n if (polygon.getPaths().getArray() && polygon.getPaths().getArray().length > 0) {\r\n this.currentPolygonData = [];\r\n this.currentShapeType = 2;\r\n }else{\r\n return;\r\n }\r\n \r\n polygon.getPaths().getArray().forEach((item,index) => {\r\n let path = [];\r\n item.getArray().forEach((item, index) => {\r\n // \r\n path.push(item.toJSON());\r\n });\r\n this.currentPolygonData.push(path);\r\n });\r\n\r\n this.props.setPloygonData( this.currentShapeType, this.currentPolygonData);\r\n }\r\n\r\n setRectangleData = (rectangle) => {\r\n this.currentShapeType = 1;\r\n this.currentRectangleData = rectangle.getBounds().toJSON();\r\n\r\n this.props.setRectangleData( this.currentShapeType, this.currentRectangleData);\r\n }\r\n\r\n setCircleData = (circle) => {\r\n this.currentShapeType = 0;\r\n this.currentCircleData = {\r\n center: circle.getCenter().toJSON(),\r\n radius: circle.getRadius()\r\n };\r\n\r\n this.props.setCircleData( this.currentShapeType, this.currentCircleData);\r\n }\r\n\r\n setShap = (google, map, shape) => {\r\n // let shape = this.props.shape;\r\n // alert('test');\r\n let self = this;\r\n let newCenter;\r\n let bounds;\r\n if (shape && shape != null) {\r\n // alert('test yes');\r\n switch(shape.type) {\r\n case 'circle':\r\n const initCircle=new google.maps.Circle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n radius: shape.data.radius,\r\n editable: true\r\n });\r\n google.maps.event.addListener(initCircle, 'radius_changed', function (event) {\r\n self.setCircleData(initCircle); \r\n \r\n });\r\n \r\n google.maps.event.addListener(initCircle, 'center_changed', function (event) { \r\n self.setCircleData(initCircle); \r\n \r\n });\r\n bounds = initCircle.getBounds();\r\n newCenter = initCircle.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initCircle);\r\n this.setCircleData(initCircle); \r\n break;\r\n case 'rectangle':\r\n const initRectangle=new google.maps.Rectangle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: true\r\n });\r\n google.maps.event.addListener(initRectangle, 'bounds_changed', () => {\r\n this.setRectangleData(initRectangle);\r\n \r\n });\r\n bounds = initRectangle.getBounds();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initRectangle);\r\n this.setRectangleData(initRectangle); \r\n break;\r\n case 'polygon':\r\n google.maps.Polygon.prototype.getBoundingBox = function(){\r\n var bounds = new google.maps.LatLngBounds();\r\n this.getPath().forEach(function(element,index) {\r\n bounds.extend(element)\r\n });\r\n return(bounds);\r\n }\r\n const initPolygon=new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: true\r\n });\r\n \r\n let paths = initPolygon.getPaths();\r\n // let pType = typeof paths;\r\n // alert(pType);\r\n // alert(Array.isArray(paths));\r\n // if (Array.isArray(paths)) {\r\n // alert('true');\r\n // }\r\n paths && paths.forEach((path) => {\r\n google.maps.event.addListener(path, 'insert_at', () => {\r\n // alert('insert_at');\r\n this.setPloygonData(initPolygon);\r\n \r\n });\r\n google.maps.event.addListener(path, 'remove_at', () => {\r\n // alert('remove_at');\r\n this.setPloygonData(initPolygon);\r\n \r\n });\r\n google.maps.event.addListener(path, 'set_at', () => {\r\n // alert('set_at');\r\n this.setPloygonData(initPolygon);\r\n \r\n });\r\n });\r\n \r\n bounds = initPolygon.getBoundingBox();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initPolygon);\r\n this.setPloygonData(initPolygon); \r\n break;\r\n }\r\n }else{\r\n // alert('test no');\r\n // self.deleteSelectedShape();\r\n }\r\n }\r\n\r\n\r\n initMap(mapProps, map) {\r\n // alert('onready');\r\n var self = this;\r\n const {google} = mapProps;\r\n \r\n const drawingManager = new google.maps.drawing.DrawingManager({\r\n drawingMode: null,\r\n drawingControl: true,\r\n drawingControlOptions: {\r\n position: google.maps.ControlPosition.TOP_CENTER,\r\n drawingModes: [ \r\n google.maps.drawing.OverlayType.POLYGON,\r\n google.maps.drawing.OverlayType.CIRCLE,\r\n google.maps.drawing.OverlayType.RECTANGLE\r\n ]\r\n },\r\n circleOptions: {\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n editable: true,\r\n zIndex: 1\r\n },\r\n rectangleOptions: {\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n editable: true,\r\n zIndex: 1\r\n },\r\n polygonOptions: {\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n clickable: false,\r\n editable: true,\r\n zIndex: 1\r\n },\r\n map: map\r\n });\r\n \r\n // var triangleCoords = [\r\n // {lat: 25.774, lng: -80.190},\r\n // {lat: 18.466, lng: -66.118},\r\n // {lat: 32.321, lng: -64.757}\r\n // ];\r\n \r\n // const bermudaTriangle = new google.maps.Polygon({\r\n // paths: self.state.testCode,\r\n // strokeColor: '#FF0000',\r\n // strokeOpacity: 0.8,\r\n // strokeWeight: 3,\r\n // fillColor: '#FF0000',\r\n // fillOpacity: 0.35,\r\n // map: map\r\n // });\r\n\r\n self.setShap(google, map, self.props.shape);\r\n // --------------------------------------------\r\n var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n var searchBox = new google.maps.places.SearchBox(input);\r\n // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);\r\n map.addListener('bounds_changed', function() {\r\n searchBox.setBounds(map.getBounds());\r\n });\r\n searchBox.addListener('places_changed', () => {\r\n // alert('test');\r\n var places = searchBox.getPlaces();\r\n // alert(places.length);\r\n if (places.length == 0) {\r\n return;\r\n }\r\n\r\n this.markers.forEach(function(marker) {\r\n marker.setMap(null);\r\n });\r\n this.markers = [];\r\n\r\n for (var i = 0; i < places.length; i++) \r\n {\r\n // createMarker(results[i]);\r\n var marker = new google.maps.Marker({\r\n map: map,\r\n position: places[i].geometry.location\r\n });\r\n this.markers.push(marker);\r\n }\r\n map.setCenter(places[0].geometry.location);\r\n });\r\n\r\n // var request = {\r\n // query: '235 Yorkland Blvd, North York, ON M2J 4Y8',\r\n // fields: ['name', 'geometry'],\r\n // };\r\n\r\n // let service = new google.maps.places.PlacesService(map);\r\n\r\n // service.findPlaceFromQuery(request, function(results, status) {\r\n // alert('test');\r\n // alert(status);\r\n // if (status === google.maps.places.PlacesServiceStatus.OK) {\r\n // alert(results.length); \r\n // for (var i = 0; i < results.length; i++) {\r\n // // createMarker(results[i]);\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: results[i].geometry.location\r\n // });\r\n // }\r\n \r\n // map.setCenter(results[0].geometry.location);\r\n // }\r\n // });\r\n \r\n \r\n // const createMarker = (place) => {\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: place.geometry.location\r\n // });\r\n // }\r\n // --------------------------------------------\r\n \r\n // google.maps.event.addListener(drawingManager, 'circlecomplete', function(circle) {\r\n // var radius = circle.getRadius();\r\n // alert(radius);\r\n // });\r\n \r\n google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {\r\n var newShape = event.overlay;\r\n self.deleteSelectedShape();\r\n self.setSelection(event.overlay);\r\n google.maps.event.addListener(newShape, 'click', function (e) {\r\n self.setSelection(newShape);\r\n });\r\n if (event.type == 'circle') {\r\n // var radius = newShape.getRadius();\r\n // alert(radius); \r\n self.setCircleData(newShape); \r\n \r\n // self.testUpdate();\r\n }\r\n if (event.type == 'rectangle'){\r\n self.setRectangleData(newShape);\r\n \r\n }\r\n if (event.type == 'polygon'){\r\n self.setPloygonData(newShape);\r\n \r\n }\r\n });\r\n \r\n }\r\n\r\n // renderTitle(){\r\n // return(\r\n // {this.props.fencename}
*/}\r\n {/* {this.renderTitle()} */}\r\n {/* */}\r\n {/*
\r\n \r\n \r\n \r\n
*/}\r\n {/* */}\r\n \r\n {/* \r\n {' '}\r\n \r\n \r\n
\r\n {/* \r\n */}\r\n {/* \r\n
*/}\r\n \r\n {/* \r\n
\r\n {' '}\r\n \r\n \r\n
*/}\r\n {/* \r\n \r\n */}\r\n
\r\n )\r\n }\r\n \r\n}\r\n\r\n// export default GeoFenceMap;\r\n// export default GoogleApiWrapper({\r\n// apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n// libraries: ['drawing'],\r\n// })(GeoFenceMapCard);\r\n\r\n//\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing','places'],\r\n })\r\n);\r\n\r\nexport default enhance(GeoFenceMapSearch);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport Select from 'react-select';\r\n// import 'react-select/dist/react-select.css';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_view from '../../../shared/img/icon/view.svg';\r\nimport {loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff} from '../../../redux/actions/jobAction';\r\nimport GeoFenceMap from '../../MapComponents/GeoFenceMap';\r\nimport GeoFenceMapSearch from '../../MapComponents/GeoFenceMapSearch';\r\nimport '../../../scss/component/table.scss';\r\n\r\n\r\nclass GeofenceSection extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedShape: null,\r\n selectedFenceId: null,\r\n selectedFenceName: '',\r\n mapModal: false,\r\n };\r\n this.myMap = React.createRef();\r\n }\r\n\r\n typeFormatter = (cell, row) => {\r\n let type = '' ;\r\n switch(cell){\r\n case 0:\r\n type = 'circle';\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n break;\r\n }\r\n return type;\r\n }\r\n\r\n\r\n onRowSelect = (row, isSelected, e) => {\r\n let id = row.fenceid;\r\n // alert(id);\r\n \r\n let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n // alert(fence.type);\r\n \r\n \r\n // \r\n let type = '' ;\r\n switch(fence.shape){\r\n case 0:\r\n type = 'circle';\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n break;\r\n }\r\n this.setState({\r\n selectedShape: {type: type, data: JSON.parse(fence.geodata)},\r\n selectedFenceId: fence.fenceid,\r\n selectedFenceName: fence.fencename,\r\n // currentFenceName: fence.fencename,\r\n // currentFenceId: fence.fenceid,\r\n // fenceDeviceTypeName: fence.devicetypename,\r\n // fenceDeviceName: fence.devicename\r\n });\r\n }\r\n\r\n onAddClick =() => {\r\n // const mapNode = this.myMap.current;\r\n // \r\n // \r\n // \r\n this.props.onFenceAddClick(this.state.selectedFenceId);\r\n }\r\n\r\n renderAllFences() {\r\n \r\n const options = {};\r\n const selectRowProp = {\r\n mode: 'radio',\r\n bgColor: 'pink', // you should give a bgcolor, otherwise, you can't regonize which row has been selected\r\n hideSelectColumn: true, // enable hide selection column.\r\n clickToSelect: true, // you should enable clickToSelect, otherwise, you can't select column.\r\n onSelect: this.onRowSelect,\r\n };\r\n return(\r\n {this.props.fencename}
*/}\r\n {/* {this.renderTitle()} */}\r\n {/* */}\r\n {/*
\r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n {/* \r\n {' '}\r\n \r\n \r\n
\r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n Fence ID \r\n Fence Name \r\n Shape \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* {' '} */}\r\n \r\n \r\n
\r\n
\r\n ) \r\n }\r\n // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n\r\n handleRowViewClick = (row) => {\r\n this.modalToggle();\r\n }\r\n \r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n {/* {' '} */}\r\n \r\n \r\n
\r\n 
{this.handleRowViewClick(row);}}/>\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n renderActionFence() {\r\n const options = {};\r\n return(\r\n \r\n {this.renderAllFences()}\r\n
\r\n {this.renderActionFence()}\r\n {this.renderFenceMap()}\r\n
\r\n );\r\n }\r\n}\r\nexport default GeofenceSection; ","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport Select from 'react-select';\r\n// import 'react-select/dist/react-select.css';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_view from '../../../shared/img/icon/view.svg';\r\nimport '../../../scss/component/table.scss';\r\n\r\nclass RuleSection extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedRuleId: null,\r\n selectedRuleName:'',\r\n }\r\n }\r\n\r\n onRowSelect = (row, isSelected, e) => {\r\n let id = row.ruleid;\r\n let name = row.rulename;\r\n // alert(id);\r\n \r\n // let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n\r\n this.setState({\r\n selectedRuleId: id,\r\n selectedRuleName: name,\r\n // currentFenceName: fence.fencename,\r\n // currentFenceId: fence.fenceid,\r\n // fenceDeviceTypeName: fence.devicetypename,\r\n // fenceDeviceName: fence.devicename\r\n });\r\n }\r\n\r\n onRuleAddClick = () => {\r\n this.props.onRuleAddClick(this.state.selectedRuleId);\r\n }\r\n\r\n ruleFormatter = (cell, row) => {\r\n let ruleStr = '' ;\r\n let rule = row.rule;\r\n if (Array.isArray(rule)){\r\n for (let i=0 ; i < rule.length; i++){\r\n let item = rule[i];\r\n let relationOpr = '';\r\n let opr = ' ';\r\n switch (item.operator){\r\n case 1 : \r\n opr = '='; \r\n break;\r\n case 2 : \r\n opr = '>'; \r\n break;\r\n case 3 : \r\n opr = '>='; \r\n break;\r\n case 4 : \r\n opr = '<'; \r\n break;\r\n case 5 : \r\n opr = '<='; \r\n break;\r\n case 6 : \r\n opr = '<>'; \r\n break;\r\n default:\r\n opr = ' ';\r\n }\r\n if (i == 0){\r\n if (item.relation != 0){\r\n ruleStr = '' ;\r\n break;\r\n }\r\n ruleStr += ` ${item.attributename} ${opr} ${item.value}`;\r\n }else{\r\n if (item.relation == 0){\r\n ruleStr = '' ;\r\n break;\r\n }\r\n switch (item.relation){\r\n case 1: \r\n relationOpr = 'AND'; \r\n break;\r\n case 2: \r\n relationOpr = 'OR'; \r\n break;\r\n case 3: \r\n relationOpr = 'NOT'; \r\n break;\r\n default:\r\n opr = ' ';\r\n }\r\n ruleStr += ` ${relationOpr} ${item.attributename} ${opr} ${item.value}`;\r\n }\r\n }\r\n }\r\n return ruleStr;\r\n }\r\n\r\n renderAllRules(){\r\n const options = {};\r\n const selectRowProp = {\r\n mode: 'radio',\r\n bgColor: 'pink', // you should give a bgcolor, otherwise, you can't regonize which row has been selected\r\n hideSelectColumn: true, // enable hide selection column.\r\n clickToSelect: true, // you should enable clickToSelect, otherwise, you can't select column.\r\n onSelect: this.onRowSelect,\r\n };\r\n return(\r\n \r\n {this.renderActionFence()}\r\n {this.renderFenceMap()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Rule ID \r\n Rule Name \r\n Rule \r\n {/* \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* {' '} */}\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n \r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n {/* {' '} */}\r\n \r\n \r\n
\r\n {/* {this.handleRowViewClick(row);}}/> */}\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n renderActionRule() {\r\n const options = {};\r\n return(\r\n \r\n {this.renderAllRules()}\r\n
\r\n {this.renderActionRule()}\r\n {/* {this.renderFenceMap()} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RuleSection;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\n\r\nimport DeviceSetSection from './DeviceSetSection';\r\nimport GeofenceSection from './GeofenceSection';\r\nimport RuleSection from './RuleSection';\r\nimport {loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff} from '../../../redux/actions/jobAction';\r\nimport {loadAllGeoFences} from '../../../redux/actions/fenceAction';\r\nimport {getRuls} from '../../../redux/actions/ruleActions'; \r\n\r\nclass ActionEditForm extends Component{\r\n constructor(props){\r\n super(props);\r\n this.refDeviceSection = React.createRef();\r\n this.state={\r\n currentDeivecTypeId: '5cf828390499f50b995ae851',\r\n activeType:'1',\r\n activeDevice:'1',\r\n geofenceChecked: false,\r\n ruleChecked: false,\r\n actions: [],\r\n allfences: [],\r\n allrules: [],\r\n actionDeviceList: [],\r\n currentAction: {},\r\n }\r\n }\r\n // -----------------------------------\r\n componentDidMount(){\r\n this.props.loadAction({actionid:this.props.actionId});\r\n this.props.loadAllGeoFences({devicetypeid: this.state.currentDeivecTypeId});\r\n this.props.getRuls();\r\n }\r\n componentWillReceiveProps(nextProps){\r\n const actions = JSON.parse(JSON.stringify(nextProps.actions));\r\n let currentAction = null;\r\n let actionFence = [];\r\n let actionRule = [];\r\n let allfences = [];\r\n let allrules = [];\r\n let actionDeviceList = [];\r\n let geofenceChecked = false;\r\n let ruleChecked = false;\r\n\r\n if (actions && actions.length > 0 ){\r\n currentAction = actions[0];\r\n let devices = currentAction.deviceid;\r\n let assetid = currentAction.assetid;\r\n let assetname = currentAction.assetname; \r\n if(this.state.actionDeviceList.length == 0){\r\n devices.forEach((item) => {\r\n let obj = {\r\n deviceid: item, \r\n devicename: '',\r\n assetid: assetid,\r\n assetname: assetname,\r\n };\r\n actionDeviceList.push(obj);\r\n });\r\n }else{\r\n actionDeviceList = this.state.actionDeviceList\r\n } \r\n \r\n }\r\n \r\n if (currentAction != null && nextProps.allfences){\r\n const fenceid = currentAction.fenceid;\r\n\r\n actionFence = nextProps.allfences.filter(item => item.fenceid == fenceid);\r\n allfences = nextProps.allfences.filter(item => item.fenceid != fenceid);\r\n if (actionFence.length > 0){\r\n geofenceChecked = true;\r\n }\r\n }\r\n\r\n \r\n if (currentAction != null && nextProps.allrules){\r\n const ruleid = currentAction.ruleid;\r\n actionRule = nextProps.allrules.filter(item => item.ruleid == ruleid);\r\n allrules = nextProps.allrules.filter(item => item.ruleid != ruleid);\r\n if (actionRule.length > 0){\r\n ruleChecked = true;\r\n }\r\n }\r\n\r\n this.setState({\r\n actions: actions,\r\n currentAction: currentAction,\r\n actionFence : actionFence,\r\n actionRule : actionRule,\r\n allfences: allfences,\r\n allrules: allrules,\r\n actionDeviceList: actionDeviceList,\r\n geofenceChecked: geofenceChecked,\r\n ruleChecked: ruleChecked,\r\n });\r\n }\r\n // static getDerivedStateFromProps(props, state) {}\r\n // -----------------------------------\r\n typeToggle = (pageIndex) => {\r\n this.setState({\r\n activeType:pageIndex,\r\n });\r\n }\r\n renderActionType(){\r\n return(\r\n \r\n {this.renderActionRule()}\r\n {/* {this.renderFenceMap()} */}\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n// -------------------------------------------------------------------------------------------------------------------------------\r\n deviceToggle = (tab) => {\r\n // this.setState({\r\n // activeDevice:pageIndex,\r\n // });\r\n\r\n if (this.state.activeDevice !== tab) {\r\n this.setState({\r\n activeDevice: tab\r\n });\r\n }\r\n }\r\n\r\n handleDeviceAddOnClick = (assetid, assetname, deviceid) => {\r\n if (this.state.currentAction.deviceid.length > 0 && this.state.currentAction.assetid != assetid) {\r\n alert('have to choose a device in the same asset');\r\n return;\r\n }\r\n \r\n if (!this.state.currentAction.deviceid.includes(deviceid)){ \r\n this.setState(prevState =>{ \r\n if (prevState.currentAction.deviceid.length == 0) {\r\n prevState.currentAction.assetid = assetid;\r\n prevState.currentAction.assetname = assetname;\r\n }\r\n prevState.currentAction.deviceid.push(deviceid);\r\n let deviceList = prevState.currentAction.deviceid.slice();\r\n let actionDeviceList = [];\r\n deviceList.forEach((item) => {\r\n let obj = {\r\n deviceid: item, \r\n devicename: '',\r\n assetid: prevState.currentAction.assetid,\r\n assetname: prevState.currentAction.assetname,\r\n };\r\n actionDeviceList.push(obj);\r\n });\r\n return ({\r\n currentAction: prevState.currentAction,\r\n actionDeviceList: actionDeviceList,\r\n })\r\n });\r\n } \r\n }\r\n\r\n handleDeviceRowDeleteClick = (assetid, deviceid) => {\r\n this.setState(prevState =>{ \r\n let movedList = prevState.currentAction.deviceid.filter(item => (item != deviceid));\r\n prevState.currentAction.deviceid = movedList;\r\n // let deviceList = prevState.currentAction.deviceid.slice();\r\n let actionDeviceList = [];\r\n if (movedList.length == 0){\r\n prevState.currentAction.assetid = 0;\r\n prevState.currentAction.assetname = '';\r\n }\r\n movedList.forEach((item) => {\r\n let obj = {\r\n deviceid: item, \r\n devicename: '',\r\n assetid: prevState.currentAction.assetid,\r\n assetname: prevState.currentAction.assetname,\r\n };\r\n actionDeviceList.push(obj);\r\n });\r\n return ({\r\n currentAction: prevState.currentAction,\r\n actionDeviceList: actionDeviceList,\r\n })\r\n });\r\n }\r\n\r\n renderActionDevice(){\r\n return(\r\n Action Type
\r\n\r\n
\r\n {/* content 1 */}\r\n
}\r\n {this.state.activeType =='2' && \r\n {/* content 2 */}\r\n
}\r\n \r\n \r\n
\r\n {/*\r\n
*/}\r\n {/* \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n */}\r\n\r\n \r\n
\r\n\r\n
\r\n )\r\n }\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n handleGeofenceOnChange = (e) => {\r\n this.setState({\r\n geofenceChecked:e.target.checked,\r\n });\r\n }\r\n handleFenceRowDeleteClick = (row) => {\r\n // alert(row.fenceid);\r\n // \r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.fenceid = 0;\r\n let actionFence = this.props.allfences.filter(item => item.fenceid== 0);\r\n let allfences = this.props.allfences.filter(item => item.fenceid != 0);\r\n this.setState({\r\n currentAction: newAction,\r\n // actionFence:[],\r\n actionFence: actionFence,\r\n allfences: allfences,\r\n });\r\n }\r\n handleFenceAddClick = (fenceid) =>{\r\n if (fenceid == null) {\r\n alert('Please select a geofence first.');\r\n return;\r\n }\r\n if (this.state.actionFence.length > 0) {\r\n alert('Please delete the existing geofence first.');\r\n return;\r\n }\r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.fenceid = fenceid;\r\n let actionFence = this.props.allfences.filter(item => item.fenceid==fenceid);\r\n let allfences = this.props.allfences.filter(item => item.fenceid != fenceid);\r\n this.setState({\r\n currentAction: fenceid,\r\n actionFence: actionFence,\r\n allfences: allfences,\r\n });\r\n }\r\n renderActionGeofence(){\r\n // let actionFence = []\r\n // // if (this.state.actions && this.state.actions.length > 0 && this.props.actionId && this.props.allfences){\r\n // // const fenceid = this.state.actions[0].fenceid;\r\n // // actionFence = this.props.allfences.filter(item => item.fenceid==fenceid);\r\n // // }\r\n // if (this.state.currentAction && this.props.allfences){\r\n // const fenceid = this.state.currentAction.fenceid;\r\n // actionFence = this.props.allfences.filter(item => item.fenceid==fenceid);\r\n // }\r\n return(\r\n Action Items
\r\n\r\n {/*
\r\n {' '}\r\n
\r\n\r\n {this.state.geofenceChecked && \r\n //
\r\n )\r\n }\r\n\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n handleRuleOnChange = (e) => {\r\n this.setState({\r\n ruleChecked:e.target.checked,\r\n });\r\n }\r\n\r\n handleRuleRowDeleteClick = (row) => {\r\n // alert(row.ruleid);\r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.ruleid = 0;\r\n let actionRule = this.props.allrules.filter(item => item.ruleid== 0);\r\n let allrules = this.props.allrules.filter(item => item.ruleid != 0);\r\n this.setState({\r\n currentAction: newAction,\r\n // actionRule:[],\r\n actionRule: actionRule,\r\n allrules: allrules,\r\n });\r\n }\r\n\r\n handleRuleAddClick = (ruleid) =>{\r\n if (ruleid == null) {\r\n alert('Please select a rule first.');\r\n return;\r\n }\r\n if (this.state.actionRule.length>0) {\r\n alert('Please delete the existing rule first.');\r\n return;\r\n }\r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.ruleid = ruleid;\r\n let actionRule = this.props.allrules.filter(item => item.ruleid==ruleid);\r\n let allrules = this.props.allrules.filter(item => item.ruleid != ruleid);\r\n this.setState({\r\n currentAction: ruleid,\r\n actionRule: actionRule,\r\n allrules: allrules,\r\n });\r\n }\r\n\r\n renderActionRule(){\r\n // let actionRule = []\r\n // if (this.state.actions && this.state.actions.length > 0 && this.props.actionId && this.props.allfences){\r\n // const ruleid = this.state.actions[0].ruleid;\r\n // actionRule = this.props.allrules.filter(item => item.ruleid==ruleid);\r\n // }\r\n return(\r\n Geofence\r\n {/* {' '} */}\r\n
\r\n {/* */}\r\n\r\n\r\n {this.state.geofenceChecked && \r\n //
\r\n {' '}\r\n
\r\n {this.state.ruleChecked && \r\n
\r\n )\r\n }\r\n\r\n // -------------------------------------------------------------------------------------------------------------------------------\r\n handleSubmitClick = () => {\r\n }\r\n\r\n renderButtonGroup(){\r\n return(\r\n Rule
\r\n\r\n {this.state.ruleChecked && \r\n
\r\n \r\n
\r\n {' '}\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n render(){\r\n return(\r\n \r\n {' '}\r\n \r\n \r\n
\r\n
\r\n \r\n {children}\r\n
\r\n \r\n {/* {children} */}\r\n {canGoBack &&\r\n \r\n Back\r\n \r\n {/* Cancel */}\r\n {canGoForward ? \"Next\" : \"Cancel\"}\r\n {/* \r\n {canGoForward ? \"Save\" : \"Complete\"}\r\n {canGoForward &&
\r\n \r\n//
\r\n// \r\n// {children}\r\n \r\n// \r\n// Back\r\n// \r\n// \r\n// {this.props.canGoBack ? \"Next\" : \"Finish\"}\r\n// \r\n//
\r\n// \r\n
\r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n
\r\n {(ruleItem.relation > 0) &&\r\n \r\n
\r\n }\r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n this.handleAssetEditClick(e, groupItem, ruleItem, groupIndex, index)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n ruleItem.attributeid === -1 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n // renderRuleSet(){\r\n // return(\r\n // \r\n \r\n \r\n
\r\n // {\r\n // this.state.rawData && this.state.rawData[0].ruleitems && \r\n // this.state.rawData[0].ruleitems .map((item, i) =>{\r\n // return(\r\n // this.renderRuleLine(item, i)\r\n // )\r\n // })\r\n // }\r\n //
\r\n // )\r\n // }\r\n handleAddItemClick = (e, groupitem, groupId) => {\r\n this.currentGroupId = groupId;\r\n this.currentRuleId = -1;\r\n this.currentRule = null;\r\n this.modalToggle();\r\n }\r\n\r\n handleDeleteGroupClick = (e, groupitem, groupId) => {\r\n this.setState((preState) => {\r\n if (!preState.rawData || preState.rawData.length < groupId) {\r\n return null;\r\n }\r\n preState.rawData.splice(groupId, 1);\r\n if (preState.rawData.length > 0) {\r\n preState.rawData[0].grouprelation = 0;\r\n }\r\n\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n renderRuleCard(groupitem, groupId) {\r\n return (\r\n \r\n {\r\n groupitem.ruleitems && groupitem.grouprelation > 0 &&\r\n \r\n
\r\n }\r\n {\r\n groupitem.ruleitems &&\r\n \r\n {/* \r\n */}\r\n\r\n {groupitem.ruleitems.map((item, i) => {\r\n return (\r\n this.renderRuleLine(groupitem, item, groupId, i)\r\n )\r\n })}\r\n\r\n
\r\n\r\n
\r\n {groupitem.ruleitems.map((item, i) =>{\r\n return( \r\n this.renderRuleLine(groupitem, item, groupId, i) \r\n )\r\n })} */}\r\n {/* \r\n */}\r\n \r\n }\r\n\r\n
\r\n )\r\n }\r\n\r\n renderGroups = () => {\r\n return (\r\n \r\n\r\n
\r\n {' '}\r\n \r\n
\r\n {/* \r\n {groupitem.ruleitems.map((item, i) =>{\r\n return( \r\n this.renderRuleLine(groupitem, item, groupId, i) \r\n )\r\n })} */}\r\n {/*
\r\n {\r\n this.state.rawData &&\r\n this.state.rawData.map((item, i) => {\r\n return (\r\n this.renderRuleCard(item, i)\r\n )\r\n })\r\n }\r\n {/* {this.renderRuleCard(this.state.rawData[0], 0)} */}\r\n
\r\n )\r\n }\r\n\r\n handleAddGroupClick = () => {\r\n\r\n let newGroup = {\r\n \"groupid\": 0,\r\n \"groupindex\": 0,\r\n \"grouprelation\": 1,\r\n \"ruleitems\": []\r\n }\r\n\r\n this.setState((preState) => {\r\n if (!preState.rawData) {\r\n return null;\r\n }\r\n const relation = preState.rawData.length === 0 ? 0 : 2;\r\n let newGroup = {\r\n \"groupid\": 0,\r\n \"groupindex\": 0,\r\n \"grouprelation\": relation,\r\n \"ruleitems\": []\r\n }\r\n preState.rawData.push(newGroup);\r\n\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleMapOnAddClick = (selectedFenceOption) => {\r\n this.currentFenceRuleitem.geofenceid = selectedFenceOption.value;\r\n this.currentFenceRuleitem.geofencename = selectedFenceOption.label;\r\n this.setState((preState) => {\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleOnAddNewClick = (shapeObj) => {\r\n this.props.upsertGeofence(shapeObj);\r\n }\r\n\r\n handleNextClick = () => {\r\n\r\n\r\n // this.props.onNext();\r\n if (this.validateActionRule()) {\r\n this.props.upsertActionRule(this.state.rawData, this.props.actionId);\r\n }\r\n // this.props.upsertActionRule(this.state.rawData, this.props.actionId);\r\n }\r\n\r\n validateActionRule = () => {\r\n let reValue = true;\r\n if (this.state.rawData) {\r\n this.state.rawData.forEach((group, gindex) => {\r\n if (group.ruleitems) {\r\n group.ruleitems.forEach((rule, rindex) => {\r\n if (!rule.assetclassid || rule.assetclassid < 0) {\r\n reValue = false;\r\n toast.error(\"Please select a asset class. \");\r\n }\r\n if (rule.attributeid == -1 && rule.geofenceid == -1) {\r\n reValue = false;\r\n toast.error(\"Please select/create a geo fence.\");\r\n }\r\n });\r\n }\r\n // else{\r\n // reValue = false\r\n // }\r\n })\r\n }\r\n // else{\r\n // reValue = false;\r\n // }\r\n return reValue;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n {/* {this.renderRuleSet()} */}\r\n {this.renderGroups()}\r\n \r\n {/* */}\r\n \r\n\r\n \r\n {/* */}\r\n \r\n {this.renderEmailNotification()}\r\n \r\n \r\n {this.renderMsmNotification()}\r\n \r\n \r\n {this.renderCallbackTrigger()}\r\n \r\n
\r\n );\r\n }\r\n\r\n validEmailPart = () => {\r\n let isEmailEmpty = !this.state.email || this.state.email.length === 0;\r\n let isSubjectEmpty = !this.state.subject || this.state.subject.length === 0;\r\n let isEmailMsgEmpty = !this.state.emailMessage || this.state.subject.emailMessage === 0;\r\n let checkEmail = (!isEmailEmpty) && (this.validateEmail()) && (!isSubjectEmpty) && (!isEmailMsgEmpty);\r\n return (checkEmail);\r\n }\r\n\r\n validSmsPart = () => {\r\n let isPhoneNum = !this.state.phoneNum || this.state.phoneNum.length === 0;\r\n let isSmsMsgEmpty = !this.state.smsMessage || this.state.subject.smsMessage === 0;\r\n let checkSMS = (!isPhoneNum) && (this.validatePhoneNumber()) && (!isSmsMsgEmpty);\r\n return (checkSMS);\r\n }\r\n\r\n validataNotification = () => {\r\n let isEmailEmpty = !this.state.email || this.state.email.length === 0;\r\n let isPhoneNum = !this.state.phoneNum || this.state.phoneNum.length === 0;\r\n let isSubjectEmpty = !this.state.subject || this.state.subject.length === 0;\r\n let isEmailMsgEmpty = !this.state.emailMessage || this.state.subject.emailMessage === 0;\r\n let isSmsMsgEmpty = !this.state.smsMessage || this.state.subject.smsMessage === 0;\r\n let checkEmail = (!isEmailEmpty) && (this.validateEmail()) && (!isSubjectEmpty) && (!isEmailMsgEmpty);\r\n let checkSMS = (!isPhoneNum) && (this.validatePhoneNumber()) && (!isSmsMsgEmpty);\r\n let isCallBackEmpty = !this.state.callbackUrl || this.state.callbackUrl.length === 0;\r\n\r\n // return (!isEmailEmpty || !isPhoneNum) && (isEmailEmpty || this.validatePhoneNumber()) && (isPhoneNum || this.validateEmail()) && (isEmailEmpty);\r\n\r\n\r\n\r\n\r\n\r\n let result = {\r\n valid: false,\r\n msg: ''\r\n }\r\n result.valid = ((!isEmailEmpty || !isPhoneNum) && ((isEmailEmpty || checkEmail) && (isPhoneNum || checkSMS))) || !isCallBackEmpty;\r\n if (!result.valid) {\r\n if (isEmailEmpty && isPhoneNum && isCallBackEmpty)\r\n result.msg = 'Please enter email address, phone number or callback url.'\r\n else if (!isEmailEmpty && !checkEmail)\r\n result.msg = 'Please enter valid email address, subject and message.'\r\n else if (!isPhoneNum && !checkSMS)\r\n result.msg = \"Please enter valid phone number and message\";\r\n }\r\n return result;\r\n }\r\n\r\n handleCompleteClick = (e) => {\r\n let valCheck = this.validataNotification();\r\n if (!valCheck.valid) {\r\n toast.error(valCheck.msg);\r\n return;\r\n }\r\n let weekday = [];\r\n let fromTime = '00:00:00';\r\n let toTime = '00:00:00';\r\n if (this.state.selectedPeriod) {\r\n this.state.selectedPeriod.forEach((item, index) => {\r\n weekday.push(item.label);\r\n });\r\n }\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (this.state.fromTime && timeRegex.test(this.state.fromTime)) {\r\n fromTime = this.state.fromTime + ':00';\r\n }\r\n if (this.state.toTime && timeRegex.test(this.state.toTime)) {\r\n toTime = this.state.toTime + ':00';\r\n }\r\n\r\n\r\n // let alertArray = [\r\n // {\r\n // weekday: JSON.stringify(weekday),\r\n // starttime: fromTime,\r\n // endtime: toTime,\r\n // actionid: this.props.actionId,\r\n // alerttype: \"01\",\r\n // destination: this.state.email,\r\n // title: this.state.subject,\r\n // content: this.state.emailMessage,\r\n // },\r\n // {\r\n // weekday: JSON.stringify(weekday),\r\n // starttime: fromTime,\r\n // endtime: toTime,\r\n // actionid: this.props.actionId,\r\n // alerttype: \"02\",\r\n // destination: this.state.phoneNum,\r\n // title: this.state.subject,\r\n // content: this.state.smsMessage,\r\n // },\r\n // ];\r\n\r\n let alertArray = [];\r\n let unique = this.state.sendOnChange ? 1 : 0\r\n if (this.validEmailPart()) {\r\n let newAlert = {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"01\",\r\n destination: this.state.email,\r\n title: this.state.subject,\r\n content: this.state.emailMessage,\r\n sendOnChange: unique,\r\n messageInterval: this.state.messageInterval\r\n\r\n }\r\n alertArray.push(newAlert);\r\n }\r\n\r\n if (this.validSmsPart()) {\r\n let newAlert = {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"02\",\r\n destination: this.state.phoneNum,\r\n title: this.state.subject,\r\n content: this.state.smsMessage,\r\n sendOnChange: unique,\r\n messageInterval: this.state.messageInterval\r\n\r\n }\r\n alertArray.push(newAlert);\r\n }\r\n\r\n if (this.state.callbackUrl && this.state.callbackUrl.length > 0) {\r\n let paramObj = {};\r\n let content = '';\r\n if (this.state.callBackParams && this.state.callBackParams.length > 0) {\r\n this.state.callBackParams.forEach((item, index) => {\r\n if (item.label && item.label.length > 0) {\r\n paramObj = { ...paramObj, [item.label]: item.value }\r\n }\r\n });\r\n }\r\n if (Object.keys(paramObj).length > 0) {\r\n content = JSON.stringify(paramObj);\r\n }\r\n let authenticate = this.state.authenticationRequired ? 1 : 0\r\n let newAlert = {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"03\",\r\n destination: this.state.callbackUrl,\r\n title: '',\r\n content: content,\r\n sendOnChange: unique,\r\n messageInterval: this.state.messageInterval,\r\n authenticationRequired: authenticate,\r\n authenticationUrl: this.state.authenticationRequired ? this.state.authenticationUrl : \"\",\r\n alertAuthenticationList: this.state.alertAuthenticationList\r\n\r\n }\r\n alertArray.push(newAlert);\r\n }\r\n\r\n if (alertArray.length > 0) {\r\n this.props.upsertActionAlert(alertArray);\r\n }\r\n // this.props.upsertActionAlert(alertArray);\r\n\r\n // this.props.onNext();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {/* {steps.map((label, index) => (\r\n \r\n \r\n \r\n \r\n {this.getStepContent(index)} \r\n \r\n \r\n \r\n \r\n ))} */}\r\n\r\n {Object.entries(this.objsteps).map(([label, CustomStep], index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n\r\n \r\n \r\n {/* {this.isFinished() && (\r\n \r\n All steps completed - you're finished \r\n \r\n \r\n )} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default withStyles(styles) (ActionEditStepper);\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.job;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({stepForward, stepBackward, stepReset}, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withStyles(styles),\r\n withRouter\r\n);\r\n\r\nexport default enhance(ActionEditStepper);","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport StepTemplate from './StepTemplate';\r\n\r\nclass StepAnalysis extends Component {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n renderActionForm=()=>{\r\n return(\r\n \r\n );\r\n }\r\n updateActionInfo = () => {\r\n\r\n }\r\n\r\n handleBack = () => {\r\n this.props.onBack();\r\n }\r\n\r\n handleNext = () => {\r\n // if (this.updateActionInfo()) {\r\n // this.props.handleNext();\r\n // }else{\r\n // // todo alert notification;\r\n // }; \r\n this.props.onNext();\r\n }\r\n\r\n render(){\r\n return(\r\n {label}
\r\n
\r\n \r\n \r\n Back\r\n \r\n {activeStep === steps.length - 1 ? 'Complete' : 'Save'}\r\n {activeStep !== steps.length - 1 &&
\r\n {label}
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n )\r\n }\r\n\r\n handleMapOnAddClick = (selectedFenceOption) => {\r\n this.setState({\r\n currentFenceId: selectedFenceOption.value,\r\n currentFenceName: selectedFenceOption.label,\r\n });\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n
\r\n
\r\n \r\n
*/}\r\n {/* {this.renderRuleSet()} */}\r\n {this.renderLogic()}\r\n {/* \r\n \r\n {/* {steps.map((label, index) => (\r\n \r\n \r\n \r\n \r\n {this.getStepContent(index)} \r\n \r\n \r\n \r\n \r\n ))} */}\r\n\r\n {Object.entries(this.objsteps).map(([label, CustomStep], index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n\r\n \r\n \r\n {/* {this.isFinished() && (\r\n \r\n All steps completed - you're finished \r\n \r\n \r\n )} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default withStyles(styles) (ActionEditStepper);\r\n\r\nconst enhance = compose(\r\n withStyles(styles),\r\n withRouter\r\n);\r\n\r\nexport default enhance(AnalysisStepper);","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { toast } from \"react-toastify\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport StepTemplate from './StepTemplate';\r\nimport {getActionById, upsertAction} from '../../../redux/actions/jobAction';\r\n\r\nclass BasicAlertInfoForm extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n triggerid: 0,\r\n weekOption : [\r\n { value: 1, label: 'Mon' },\r\n { value: 2, label: 'Tue' },\r\n { value: 3, label: 'Wed' },\r\n { value: 4, label: 'Thu' },\r\n { value: 5, label: 'Fri' },\r\n { value: 6, label: 'Sat' },\r\n { value: 7, label: 'Sun' },\r\n ],\r\n eventName: null,\r\n selectedPeriod: null,\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------\r\n componentDidMount(){\r\n // this.props.getActionById(this.props.actionPassId);\r\n // if (this.props.actionId != 0 ) {\r\n // this.props.getActionById(this.props.actionId);\r\n // } \r\n };\r\n componentWillReceiveProps(nextProps){\r\n \r\n \r\n if (nextProps.actionInfo && nextProps.actionInfo.length > 0 && nextProps.actionId > 0 && nextProps.actionId !== this.props.actionId){\r\n }\r\n }\r\n // ---------------------------------------------------------\r\n\r\n // handleTriggerChange = (e) => {\r\n // let value = Number(e.target.value);\r\n // this.setState({\r\n // triggerid : value,\r\n // });\r\n // }\r\n\r\n handleInputChange = (e) => {\r\n \r\n \r\n // this.setState({\r\n // [e.target.name]: e.target.value\r\n // });\r\n // \r\n this.props.handleInputChange(e);\r\n }\r\n\r\n // handlePeriodsSelect = (value) =>{\r\n // \r\n // \r\n // this.setState({\r\n // selectedPeriod: value,\r\n // });\r\n // }\r\n\r\n renderActionForm=()=>{\r\n let eventName = this.props.actionInfo ? this.props.actionInfo.actionname : '';\r\n return(\r\n \r\n );\r\n }\r\n\r\n renderNotificationForm = () => {\r\n\r\n }\r\n\r\n updateActionInfo = () => {\r\n\r\n }\r\n\r\n // handleBack = () => {\r\n // this.props.onBack();\r\n // }\r\n\r\n // handleNext = () => {\r\n // // if (this.updateActionInfo()) {\r\n // // this.props.handleNext();\r\n // // }else{\r\n // // // todo alert notification;\r\n // // }; \r\n // // alert(this.state.triggerTime); \r\n // if (! this.validate()){\r\n // return;\r\n // }\r\n // if (sessionStorage.getItem('currentUserObj')){\r\n // let createDate =new Date().toISOString().split('.')[0]; //.replace('T', ' ');\r\n // let weekday = [];\r\n // let actiontime = '00:00:00';\r\n // if(this.state.selectedPeriod){\r\n // this.state.selectedPeriod.forEach((item, index)=>{\r\n // weekday.push(item.label);\r\n // });\r\n // }\r\n // let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n // if (this.state.triggerTime && timeRegex.test(this.state.triggerTime)){\r\n // \r\n // \r\n // actiontime = this.state.triggerTime + ':00';\r\n // }\r\n \r\n // try{\r\n // let userObj = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n // let actionObj = {\r\n // \"actionid\": this.props.actionPassId,\r\n // \"actionname\": this.state.eventName,\r\n // \"actiondescription\": this.state.description,\r\n // \"triggertype\": this.state.triggerid,\r\n // \"weekday\": JSON.stringify(weekday),\r\n // \"actiontime\": actiontime,\r\n // \"createtime\": createDate,\r\n // \"createdby_user_id\": userObj.userName,\r\n // \"company_code\": userObj.department,\r\n // \"active\" : true,\r\n // \"action\": \"Alert\",\r\n // }\r\n // \r\n // this.props.upsertAction(actionObj);\r\n \r\n // }catch(e){\r\n // console.error(e);\r\n // } \r\n // }\r\n // }\r\n\r\n // validate = () => {\r\n // if (! this.state.eventName || this.state.eventName.length === 0) {\r\n // toast.error('Please input a event name.');\r\n // return false;\r\n // } \r\n\r\n // if (this.state.triggerid === '1' && (!this.state.selectedPeriod || this.state.selectedPeriod.length === 0)) {\r\n // toast.error('Please choose time.');\r\n // return false;\r\n // }\r\n\r\n // return true;\r\n // }\r\n\r\n render(){\r\n return(\r\n // {label}
\r\n
\r\n \r\n \r\n Back\r\n \r\n {activeStep === steps.length - 1 ? 'Complete' : 'Save'}\r\n {activeStep !== steps.length - 1 &&
\r\n {label}
\r\n {/* \r\n */}\r\n {/* \r\n
*/}\r\n \r\n {/* \r\n
\r\n {' '}\r\n \r\n \r\n
*/}\r\n {/* \r\n \r\n */}\r\n
\r\n )\r\n }\r\n \r\n}\r\n\r\n// export default GeoFenceMap;\r\n// export default GoogleApiWrapper({\r\n// apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n// libraries: ['drawing'],\r\n// })(GeoFenceMapCard);\r\n\r\n//\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing','places'],\r\n })\r\n);\r\n\r\nexport default enhance(BasicGeoFenceMapSearch);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { toast } from \"react-toastify\";\r\nimport { Col, Container, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport Select from 'react-select';\r\n// import { ENGINE_METHOD_DIGESTS } from 'constants';\r\n// import GeoFenceMapSearch from '../../MapComponents/GeoFenceMapSearch';\r\nimport BasicGeoFenceMapSearch from '../../MapComponents/BasicGeoFenceMapSearch';\r\n\r\nclass BasicGeofenceModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedFenceOption: null,\r\n selectedShape: null,\r\n btnDisable: true,\r\n activeTab: '1',\r\n newFenceName: this.props.fenceDefaultName ? this.props.fenceDefaultName : '',\r\n };\r\n }\r\n //------------------------------------------------------------\r\n componentWillReceiveProps(nextProps){\r\n // \r\n // \r\n // \r\n // \r\n if (nextProps.fenceDefaultName !== this.props.fenceDefaultName) {\r\n // \r\n // \r\n // \r\n this.setState({\r\n newFenceName: nextProps.fenceDefaultName,\r\n });\r\n }\r\n if (nextProps.allfences && nextProps.fenceId){\r\n let id = nextProps.fenceId\r\n let fence = nextProps.allfences.find((e, i) => (e.fenceid == id));\r\n if (!fence){\r\n return ;\r\n }\r\n let val = {value: id, label: fence.fencename};\r\n this.setCurrentFence(val, fence);\r\n }\r\n\r\n \r\n\r\n \r\n //fenceOptions = {this.state.fenceOptions}\r\n \r\n }\r\n //------------------------------------------------------------\r\n\r\n selectedFenceId = -1;\r\n selectedFenceName = '';\r\n \r\n currentShapeType = '';\r\n currentShapeTypeId = -1;\r\n currentPolygonData = null;\r\n currentRectangleData = null;\r\n currentCircleData = null;\r\n currentShapeData = null;\r\n isChange = false;\r\n\r\n // handleAssetChange = (val) => {\r\n // let id = val.value; \r\n // let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n // let currentPolygonData = null;\r\n // let currentRectangleData = null;\r\n // let currentCircleData = null;\r\n\r\n // let type = '' ;\r\n // switch(fence.shape){\r\n // case 0:\r\n // type = 'circle';\r\n // currentCircleData = JSON.parse(fence.geodata);\r\n // break;\r\n // case 1:\r\n // type = 'rectangle';\r\n // currentRectangleData = JSON.parse(fence.geodata);\r\n // break;\r\n // case 2:\r\n // type = 'polygon';\r\n // currentPolygonData = JSON.parse(fence.geodata);\r\n // break;\r\n // }\r\n // this.selectedFenceId = fence.fenceid;\r\n // this.selectedFenceName = fence.fencename;\r\n\r\n // this.currentShapeData = {type: type, data: JSON.parse(fence.geodata)};\r\n\r\n // this.currentShapeType = type;\r\n // this.currentShapeTypeId = fence.shape;\r\n // this.currentPolygonData = currentPolygonData;\r\n // this.currentRectangleData = currentRectangleData;\r\n // this.currentCircleData = currentCircleData;\r\n // this.setState({\r\n // selectedFenceOption: val,\r\n // selectedShape: {type: type, data: JSON.parse(fence.geodata)},\r\n // });\r\n // }\r\n\r\n handleNewFenceNameChange = (e) => {\r\n const value = e.target.value;\r\n this.setState({\r\n newFenceName: value,\r\n });\r\n }\r\n\r\n setCurrentFence = (val, fence) => {\r\n if (fence) {\r\n let currentPolygonData = null;\r\n let currentRectangleData = null;\r\n let currentCircleData = null;\r\n \r\n let type = '' ;\r\n switch(fence.shape){\r\n case 0:\r\n type = 'circle';\r\n currentCircleData = JSON.parse(fence.geodata);\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n currentRectangleData = JSON.parse(fence.geodata);\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n currentPolygonData = JSON.parse(fence.geodata);\r\n break;\r\n }\r\n this.selectedFenceId = fence.fenceid;\r\n this.selectedFenceName = fence.fencename;\r\n \r\n this.currentShapeData = {type: type, data: JSON.parse(fence.geodata)};\r\n \r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = fence.shape;\r\n this.currentPolygonData = currentPolygonData;\r\n this.currentRectangleData = currentRectangleData;\r\n this.currentCircleData = currentCircleData;\r\n this.setState({\r\n selectedFenceOption: val,\r\n selectedShape: {type: type, data: JSON.parse(fence.geodata)},\r\n });\r\n }\r\n }\r\n\r\n // onAddClick = (e) => {\r\n // if (this.state.activeTab === '1' && !this.isChange) {\r\n // if ( !this.state.selectedFenceOption) {\r\n // toast.error('please select a fence.');\r\n // return;\r\n // }\r\n // this.props.handleOnAddClick(this.state.selectedFenceOption);\r\n // }else { //if (this.state.activeTab === '2')\r\n // \r\n // let data = \"\";\r\n // switch(this.currentShapeTypeId){\r\n // case 0:\r\n // data = JSON.stringify(this.currentCircleData);\r\n // break;\r\n // case 1:\r\n // data = JSON.stringify(this.currentRectangleData);\r\n // break;\r\n // case 2:\r\n // data = JSON.stringify(this.currentPolygonData);\r\n // break;\r\n // }\r\n // let shapeObj;\r\n // // let shapeObj = {\r\n // // // deviceid: this.props.deviceid,\r\n // // // devicename: this.props.devicename,\r\n // // // devicetypeid: this.props.devicetypeid,\r\n // // // devicetypename: this.props.devicetypename,\r\n // // fenceid: 0, // this.props.fenceid,\r\n // // fencename: this.state.newFenceName,\r\n // // geodata: data,\r\n // // shape: this.currentShapeTypeId\r\n // // }\r\n // // \r\n // // \r\n // // \r\n // if (this.state.activeTab === '1') {\r\n // if ( this.selectedFenceId < 1) {\r\n // toast.error('please select a fence.');\r\n // return;\r\n // }\r\n // shapeObj = {\r\n // // deviceid: this.props.deviceid,\r\n // // devicename: this.props.devicename,\r\n // // devicetypeid: this.props.devicetypeid,\r\n // // devicetypename: this.props.devicetypename,\r\n // fenceid: this.selectedFenceId, // this.props.fenceid,\r\n // fencename: this.selectedFenceName,\r\n // geodata: data,\r\n // shape: this.currentShapeTypeId\r\n // }\r\n // }else if (this.state.activeTab === '2') {\r\n // if ( data === \"\") {\r\n // toast.error('please draw a fence.');\r\n // return;\r\n // }\r\n // if ( !this.state.newFenceName || this.state.newFenceName.length === 0) {\r\n // toast.error('please input a fence name.');\r\n // return;\r\n // }\r\n // shapeObj = {\r\n // // deviceid: this.props.deviceid,\r\n // // devicename: this.props.devicename,\r\n // // devicetypeid: this.props.devicetypeid,\r\n // // devicetypename: this.props.devicetypename,\r\n // fenceid: 0, // this.props.fenceid,\r\n // fencename: this.state.newFenceName,\r\n // geodata: data,\r\n // shape: this.currentShapeTypeId\r\n // }\r\n // }else{\r\n // return\r\n // }\r\n // this.props.handleOnAddNewClick(shapeObj);\r\n // }\r\n // // this.props.handleOnAddClick(this.state.selectedFenceOption);\r\n // this.props.toggle();\r\n // }\r\n\r\n onAddClick = (e) => {\r\n // \r\n let data = \"\";\r\n switch(this.currentShapeTypeId){\r\n case 0:\r\n data = JSON.stringify(this.currentCircleData);\r\n break;\r\n case 1:\r\n data = JSON.stringify(this.currentRectangleData);\r\n break;\r\n case 2:\r\n data = JSON.stringify(this.currentPolygonData);\r\n break;\r\n }\r\n let shapeObj;\r\n\r\n if ( data === \"\") {\r\n toast.error('please draw a fence.');\r\n return;\r\n }\r\n if ( !this.state.newFenceName || this.state.newFenceName.length === 0) {\r\n toast.error('please input a fence name.');\r\n return;\r\n }\r\n shapeObj = {\r\n // deviceid: this.props.deviceid,\r\n // devicename: this.props.devicename,\r\n // devicetypeid: this.props.devicetypeid,\r\n // devicetypename: this.props.devicetypename,\r\n fenceid: 0, // this.props.fenceid,\r\n fencename: this.state.newFenceName,\r\n geodata: data,\r\n shape: this.currentShapeTypeId\r\n }\r\n this.props.handleOnAddNewClick(shapeObj);\r\n \r\n // this.props.handleOnAddClick(this.state.selectedFenceOption);\r\n this.props.toggle();\r\n }\r\n\r\n onCancleClick = (e) => {\r\n this.props.toggle();\r\n }\r\n\r\n setSelection = (shape) => {}\r\n\r\n setPloygonData = ( currentShapeType, currentPolygonData) => {\r\n let type = 'polygon' ;\r\n this.isChange = true;\r\n \r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = currentShapeType; \r\n this.currentPolygonData = currentPolygonData;\r\n this.currentShapeData = {type: type, data: currentPolygonData};\r\n // this.setState({\r\n // currentShapeType: type,\r\n // currentShapeTypeId: currentShapeType, \r\n // currentPolygonData: currentPolygonData,\r\n // });\r\n }\r\n\r\n setRectangleData = ( currentShapeType, currentRectangleData) => {\r\n let type = 'rectangle' ;\r\n this.isChange = true;\r\n\r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = currentShapeType;\r\n this.currentRectangleData = currentRectangleData;\r\n this.currentShapeData = {type: type, data: currentRectangleData};\r\n // this.setState({\r\n // currentShapeType: type,\r\n // currentShapeTypeId: currentShapeType, \r\n // currentRectangleData: currentRectangleData,\r\n // });\r\n\r\n }\r\n \r\n setCircleData = ( currentShapeType, currentCircleData) => {\r\n let type = 'circle' ;\r\n this.isChange = true;\r\n\r\n this.currentShapeType = type;\r\n this.currentShapeTypeId = currentShapeType;\r\n this.currentCircleData = currentCircleData;\r\n this.currentShapeData = {type: type, data: currentCircleData};\r\n // this.setState({\r\n // currentShapeType: type,\r\n // currentShapeTypeId: currentShapeType, \r\n // currentCircleData: currentCircleData,\r\n // });\r\n\r\n }\r\n\r\n // toggle(tab) {\r\n // // alert(tab);\r\n // let data = null;\r\n // if (tab === '1') {\r\n // // alert('yes');\r\n // data = this.currentShapeData;\r\n // }\r\n // if (this.state.activeTab !== tab) {\r\n // this.setState({\r\n // activeTab: tab,\r\n // selectedShape: data,\r\n // });\r\n // }\r\n // }\r\n\r\n // renderTopSection(){\r\n // return(\r\n // {this.props.fencename}
*/}\r\n {/* {this.renderTitle()} */}\r\n {/* */}\r\n {/*
\r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n {/* \r\n {' '}\r\n \r\n \r\n
\r\n\r\n // \r\n\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n\r\n \r\n //
\r\n // )\r\n // }\r\n\r\n renderTopSection = () => {\r\n return(\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n
\r\n {/* {this.state.selectedRule && */}\r\n \r\n \r\n {this.state.showFence ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n : \r\n */}\r\n {this.handleEditInputChange(newVal)}}\r\n />\r\n {/* */}\r\n \r\n }\r\n \r\n }\r\n
\r\n \r\n {/* } */}\r\n
\r\n )\r\n }\r\n\r\n handleMapOnAddClick = (selectedFenceOption) => {\r\n // this.currentFenceRuleitem.geofenceid = selectedFenceOption.value;\r\n // this.currentFenceRuleitem.geofencename = selectedFenceOption.label;\r\n this.setState((preState)=>{\r\n return({\r\n geofencename: selectedFenceOption.label,\r\n });\r\n });\r\n }\r\n\r\n handleOnAddNewClick = (shapeObj) => {\r\n this.props.upsertGeofence(shapeObj);\r\n }\r\n\r\n renderGeoModal = () => {\r\n let fenceOptions = generateSelectOptions(this.props.allfences, 'fencename', 'fenceid');\r\n\r\n return (\r\n // \r\n {this.renderAssetLine()}\r\n
\r\n {this.renderRuleLine()}\r\n {this.renderGeoModal()}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default BasicRulesForm; \r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect, withRouter } from 'react-router-dom';\r\n// import { withRouter } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport StepTemplate from './StepTemplate';\r\n\r\nimport MessageTextOutlineIcon from 'mdi-react/MessageTextOutlineIcon';\r\nimport AtIcon from 'mdi-react/AtIcon';\r\nimport { getActionAlert, upsertActionAlert } from '../../../redux/actions/jobAction';\r\nimport ContactModal from \"../../Contact/components/CreateNewContactModal\";\r\nimport EditContactModal from '../../Contact/components/EditContactModal';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {this.renderRuleLine()}\r\n {this.renderGeoModal()}\r\n
\r\n // {/* */}\r\n // {/* \r\n // */}\r\n // {/* */}\r\n // \r\n // {this.renderEmailNotification()}\r\n // \r\n // \r\n // {this.renderMsmNotification()}\r\n // \r\n //
\r\n // );\r\n // }\r\n\r\n renderContact = () => {\r\n\r\n\r\n let selectedContactOption = []\r\n if (this.props.actionAlert && this.props.contactList) {\r\n\r\n selectedContactOption = this.props.contactList.filter((item, index) => (this.props.actionAlert.some(action => (action.contactid == item.id))));\r\n }\r\n return (\r\n \r\n );\r\n };\r\n\r\n // ----------------------------------------------------------------------\r\n\r\n handleNotificationTemplateChange = (val) => {\r\n this.props.handleNotificationTemplateChange(val);\r\n }\r\n\r\n renderNotificationTemplate = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------\r\n // onInputChange = (event) => {\r\n // this.setState({\r\n // [event.target.name]: event.target.value\r\n // });\r\n // };\r\n\r\n // handlePeriodsSelect = (value) => {\r\n // this.setState({\r\n // selectedPeriod: value,\r\n // });\r\n // }\r\n\r\n // renderTimePeriod = () => {\r\n // return(\r\n // \r\n // );\r\n // }\r\n\r\n // ----------------------------------------------------------------------\r\n validataNotification = () => {\r\n let isEmailEmpty = !this.state.email || this.state.email.length === 0;\r\n let isPhoneNum = !this.state.phoneNum || this.state.phoneNum.length === 0;\r\n let isSubjectEmpty = !this.state.subject || this.state.subject.length === 0;\r\n let isEmailMsgEmpty = !this.state.emailMessage || this.state.subject.emailMessage === 0;\r\n let isSmsMsgEmpty = !this.state.smsMessage || this.state.subject.smsMessage === 0;\r\n let checkEmail = (!isEmailEmpty) && (this.validateEmail()) && (!isSubjectEmpty) && (!isEmailMsgEmpty);\r\n let checkSMS = (!isPhoneNum) && (this.validatePhoneNumber()) && (!isSmsMsgEmpty)\r\n\r\n // return (!isEmailEmpty || !isPhoneNum) && (isEmailEmpty || this.validatePhoneNumber()) && (isPhoneNum || this.validateEmail()) && (isEmailEmpty);\r\n // \r\n // \r\n // \r\n // \r\n // \r\n return (!isEmailEmpty || !isPhoneNum) && ((isEmailEmpty || checkEmail) && (isPhoneNum || checkSMS));\r\n // return true;\r\n }\r\n\r\n handleCompleteClick = (e) => {\r\n if (!this.validataNotification()) {\r\n toast.error('The input is not valided.');\r\n return;\r\n }\r\n let weekday = [];\r\n let fromTime = '00:00:00';\r\n let toTime = '00:00:00';\r\n if (this.state.selectedPeriod) {\r\n this.state.selectedPeriod.forEach((item, index) => {\r\n weekday.push(item.label);\r\n });\r\n }\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (this.state.fromTime && timeRegex.test(this.state.fromTime)) {\r\n\r\n fromTime = this.state.fromTime + ':00';\r\n }\r\n if (this.state.toTime && timeRegex.test(this.state.toTime)) {\r\n\r\n toTime = this.state.toTime + ':00';\r\n }\r\n let alertArray = [\r\n {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"01\",\r\n destination: this.state.email,\r\n title: this.state.subject,\r\n content: this.state.emailMessage,\r\n },\r\n {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"02\",\r\n destination: this.state.phoneNum,\r\n title: this.state.subject,\r\n content: this.state.smsMessage,\r\n },\r\n ];\r\n this.props.upsertActionAlert(alertArray);\r\n // this.props.onNext();\r\n }\r\n\r\n render() {\r\n return (\r\n // \r\n {this.renderContact()}\r\n {this.renderTimePeriod()}\r\n {/* {this.renderTab()} */}\r\n {this.renderEmailNotification()}\r\n
\r\n \r\n {/* Information */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default StepAction;\r\n\r\nconst mapStateToProps = (state) => {\r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n // const fenceStatus = state.fence.type;\r\n const assetClass = state.mapboard.assetClass;\r\n const templateList = state.job.templateList;\r\n const props = {...state.job, assetClass, allfences, fenceObj, templateList}\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n getActionById, \r\n getActionRule, \r\n getActionAlert, \r\n upsertAction, \r\n getRuleTemplate, \r\n loadAssetClass, \r\n loadAllGeoFences, \r\n upsertGeofence, \r\n upsertActionAjax, \r\n upsertActionRule, \r\n upsertActionAlert, \r\n getActions,\r\n getContact, \r\n upsertContact, \r\n deleteContact,\r\n getNotificationTemplate,\r\n }, dispatch);\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(BasicAlertEditForm));","/* eslint-disable */\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { Button } from \"reactstrap\";\r\n\r\nconst BackToAction = ({ title, route, onClick }) => (\r\n \r\n);\r\n\r\nBackToAction.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n icon: PropTypes.string,\r\n newLink: PropTypes.bool,\r\n route: PropTypes.string,\r\n onClick: PropTypes.func,\r\n};\r\nBackToAction.defaultProps = {\r\n icon: \"\",\r\n newLink: false,\r\n route: \"/\",\r\n onClick: () => {},\r\n};\r\n\r\nexport default BackToAction;\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { ChromePicker } from \"react-color\";\r\nimport {\r\n Col,\r\n Container,\r\n Row,\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n CardText,\r\n Label,\r\n Input,\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n} from \"reactstrap\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport ActionEditStepper from \"./ActionEditStepper\";\r\nimport AnalysisStepper from \"./AnalysisStepper\";\r\nimport BasicAlertEditForm from \"./BasicAlertEditForm\";\r\nimport { setActionId } from \"../../../redux/actions/jobAction\";\r\nimport SidebarLink from \"../../Layout/sidebar/SidebarLink\";\r\nimport BackToAction from \"./BackToAction\";\r\nimport { getPageContent } from \"../../../redux/actions/userAction\";\r\n\r\nclass ActioinEdit extends Component {\r\n constructor(props) {\r\n super(props);\r\n let activeTab = \"1\";\r\n // if(this.props.actionID && this.props.actionID == 0) {\r\n // activeTab = '0';\r\n // }\r\n this.state = {\r\n // activeTab: '1',\r\n activeTab: activeTab,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setActionId(this.props.actionID);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) { }\r\n\r\n toggle(tab) {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n // selectedShape: data,\r\n });\r\n }\r\n }\r\n\r\n renderBasic() {\r\n return (\r\n Information
PreDefined Rules
Notification
\r\n
\r\n );\r\n }\r\n\r\n renderAdvanced = () => {\r\n return (\r\n \r\n \r\n\r\n \r\n {/* {this.props.actionID == 0 &&\r\n \r\n \r\n \r\n } */}\r\n \r\n \r\n
\r\n \r\n \r\n Coming Soon ...\r\n {/* */}\r\n {/* */}\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n Action Edit
\r\n\r\n \r\n
\r\n {/* {this.handleRowClick(row);}}/>{' '} */}\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n handleRowDeleteClick = (row) =>{\r\n const deviceid = row.deviceid;\r\n const assetid = row.assetid;\r\n // alert(deviceid);\r\n this.props.handleRowDeleteClick(assetid, deviceid);\r\n }\r\n \r\n renderActionDeviceTb() {\r\n const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n let path = ``;\r\n return(\r\n {alert(cell); alert(row['devicename']);}}>{cell}\r\n )\r\n }\r\n \r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, \r\n // ], // you can change the dropdown list for size per page\r\n // sizePerPage: 5, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // insertBtn: this.createCustomInsertButton,\r\n // clearSearch: true,\r\n }\r\n \r\n \r\n return(\r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n\r\n {this.renderActionDeviceTb()}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default DeviceSetSection;\r\n\r\nfunction mapStateToProps(state) {\r\n \r\n \r\n \r\n const props = state.job;\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeviceSetSection);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport Select from 'react-select';\r\n// import 'react-select/dist/react-select.css';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_view from '../../../shared/img/icon/view.svg';\r\nimport {loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff} from '../../../redux/actions/jobAction';\r\nimport GeoFenceMap from '../../MapComponents/GeoFenceMap';\r\nimport GeoFenceMapSearch from '../../MapComponents/GeoFenceMapSearch';\r\nimport '../../../scss/component/table.scss';\r\n\r\n\r\nclass GeofenceSection extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedShape: null,\r\n selectedFenceId: null,\r\n selectedFenceName: '',\r\n mapModal: false,\r\n };\r\n this.myMap = React.createRef();\r\n }\r\n\r\n typeFormatter = (cell, row) => {\r\n let type = '' ;\r\n switch(cell){\r\n case 0:\r\n type = 'circle';\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n break;\r\n }\r\n return type;\r\n }\r\n\r\n\r\n onRowSelect = (row, isSelected, e) => {\r\n let id = row.fenceid;\r\n // alert(id);\r\n \r\n let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n // alert(fence.type);\r\n \r\n \r\n // \r\n let type = '' ;\r\n switch(fence.shape){\r\n case 0:\r\n type = 'circle';\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n break;\r\n }\r\n this.setState({\r\n selectedShape: {type: type, data: JSON.parse(fence.geodata)},\r\n selectedFenceId: fence.fenceid,\r\n selectedFenceName: fence.fencename,\r\n // currentFenceName: fence.fencename,\r\n // currentFenceId: fence.fenceid,\r\n // fenceDeviceTypeName: fence.devicetypename,\r\n // fenceDeviceName: fence.devicename\r\n });\r\n }\r\n\r\n onAddClick =() => {\r\n // const mapNode = this.myMap.current;\r\n // \r\n // \r\n // \r\n this.props.onFenceAddClick(this.state.selectedFenceId);\r\n }\r\n\r\n renderAllFences() {\r\n \r\n const options = {};\r\n const selectRowProp = {\r\n mode: 'radio',\r\n bgColor: 'pink', // you should give a bgcolor, otherwise, you can't regonize which row has been selected\r\n hideSelectColumn: true, // enable hide selection column.\r\n clickToSelect: true, // you should enable clickToSelect, otherwise, you can't select column.\r\n onSelect: this.onRowSelect,\r\n };\r\n return(\r\n \r\n
\r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n Fence ID \r\n Fence Name \r\n Shape \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* {' '} */}\r\n \r\n \r\n
\r\n
\r\n ) \r\n }\r\n // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n\r\n handleRowViewClick = (row) => {\r\n this.modalToggle();\r\n }\r\n \r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n {/* {' '} */}\r\n \r\n \r\n
\r\n {this.handleRowViewClick(row);}}/>\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n renderActionFence() {\r\n const options = {};\r\n return(\r\n \r\n {this.renderAllFences()}\r\n
\r\n {this.renderActionFence()}\r\n {this.renderFenceMap()}\r\n
\r\n );\r\n }\r\n}\r\nexport default GeofenceSection; ","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport Select from 'react-select';\r\n// import 'react-select/dist/react-select.css';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport icon_view from '../../../shared/img/icon/view.svg';\r\nimport '../../../scss/component/table.scss';\r\n\r\nclass RuleSection extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedRuleId: null,\r\n selectedRuleName:'',\r\n }\r\n }\r\n\r\n onRowSelect = (row, isSelected, e) => {\r\n let id = row.ruleid;\r\n let name = row.rulename;\r\n // alert(id);\r\n \r\n // let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n\r\n this.setState({\r\n selectedRuleId: id,\r\n selectedRuleName: name,\r\n // currentFenceName: fence.fencename,\r\n // currentFenceId: fence.fenceid,\r\n // fenceDeviceTypeName: fence.devicetypename,\r\n // fenceDeviceName: fence.devicename\r\n });\r\n }\r\n\r\n onRuleAddClick = () => {\r\n this.props.onRuleAddClick(this.state.selectedRuleId);\r\n }\r\n\r\n ruleFormatter = (cell, row) => {\r\n let ruleStr = '' ;\r\n let rule = row.rule;\r\n if (Array.isArray(rule)){\r\n for (let i=0 ; i < rule.length; i++){\r\n let item = rule[i];\r\n let relationOpr = '';\r\n let opr = ' ';\r\n switch (item.operator){\r\n case 1 : \r\n opr = '='; \r\n break;\r\n case 2 : \r\n opr = '>'; \r\n break;\r\n case 3 : \r\n opr = '>='; \r\n break;\r\n case 4 : \r\n opr = '<'; \r\n break;\r\n case 5 : \r\n opr = '<='; \r\n break;\r\n case 6 : \r\n opr = '<>'; \r\n break;\r\n default:\r\n opr = ' ';\r\n }\r\n if (i == 0){\r\n if (item.relation != 0){\r\n ruleStr = '' ;\r\n break;\r\n }\r\n ruleStr += ` ${item.attributename} ${opr} ${item.value}`;\r\n }else{\r\n if (item.relation == 0){\r\n ruleStr = '' ;\r\n break;\r\n }\r\n switch (item.relation){\r\n case 1: \r\n relationOpr = 'AND'; \r\n break;\r\n case 2: \r\n relationOpr = 'OR'; \r\n break;\r\n case 3: \r\n relationOpr = 'NOT'; \r\n break;\r\n default:\r\n opr = ' ';\r\n }\r\n ruleStr += ` ${relationOpr} ${item.attributename} ${opr} ${item.value}`;\r\n }\r\n }\r\n }\r\n return ruleStr;\r\n }\r\n\r\n renderAllRules(){\r\n const options = {};\r\n const selectRowProp = {\r\n mode: 'radio',\r\n bgColor: 'pink', // you should give a bgcolor, otherwise, you can't regonize which row has been selected\r\n hideSelectColumn: true, // enable hide selection column.\r\n clickToSelect: true, // you should enable clickToSelect, otherwise, you can't select column.\r\n onSelect: this.onRowSelect,\r\n };\r\n return(\r\n \r\n {this.renderActionFence()}\r\n {this.renderFenceMap()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Rule ID \r\n Rule Name \r\n Rule \r\n {/* \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* {' '} */}\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------\r\n handleRowDeleteClick = (row) => {\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n \r\n editButtonFormatter = (cell, row) => {\r\n let path = `/pages/device/${cell}`;\r\n return(\r\n // {alert(cell); alert(row['devicename']);}}>{cell}\r\n \r\n {/* {' '} */}\r\n \r\n \r\n
\r\n {/* {this.handleRowViewClick(row);}}/> */}\r\n {this.handleRowDeleteClick(row);}} />\r\n
\r\n )\r\n }\r\n\r\n renderActionRule() {\r\n const options = {};\r\n return(\r\n \r\n {this.renderAllRules()}\r\n
\r\n {this.renderActionRule()}\r\n {/* {this.renderFenceMap()} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RuleSection;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\n\r\nimport DeviceSetSection from './DeviceSetSection';\r\nimport GeofenceSection from './GeofenceSection';\r\nimport RuleSection from './RuleSection';\r\nimport {loadAssetOptions, loadAssetDevice, loadAction, closeAlertOff} from '../../../redux/actions/jobAction';\r\nimport {loadAllGeoFences} from '../../../redux/actions/fenceAction';\r\nimport {getRuls} from '../../../redux/actions/ruleActions'; \r\n\r\nclass ActionEditForm extends Component{\r\n constructor(props){\r\n super(props);\r\n this.refDeviceSection = React.createRef();\r\n this.state={\r\n currentDeivecTypeId: '5cf828390499f50b995ae851',\r\n activeType:'1',\r\n activeDevice:'1',\r\n geofenceChecked: false,\r\n ruleChecked: false,\r\n actions: [],\r\n allfences: [],\r\n allrules: [],\r\n actionDeviceList: [],\r\n currentAction: {},\r\n }\r\n }\r\n // -----------------------------------\r\n componentDidMount(){\r\n this.props.loadAction({actionid:this.props.actionId});\r\n this.props.loadAllGeoFences({devicetypeid: this.state.currentDeivecTypeId});\r\n this.props.getRuls();\r\n }\r\n componentWillReceiveProps(nextProps){\r\n const actions = JSON.parse(JSON.stringify(nextProps.actions));\r\n let currentAction = null;\r\n let actionFence = [];\r\n let actionRule = [];\r\n let allfences = [];\r\n let allrules = [];\r\n let actionDeviceList = [];\r\n let geofenceChecked = false;\r\n let ruleChecked = false;\r\n\r\n if (actions && actions.length > 0 ){\r\n currentAction = actions[0];\r\n let devices = currentAction.deviceid;\r\n let assetid = currentAction.assetid;\r\n let assetname = currentAction.assetname; \r\n if(this.state.actionDeviceList.length == 0){\r\n devices.forEach((item) => {\r\n let obj = {\r\n deviceid: item, \r\n devicename: '',\r\n assetid: assetid,\r\n assetname: assetname,\r\n };\r\n actionDeviceList.push(obj);\r\n });\r\n }else{\r\n actionDeviceList = this.state.actionDeviceList\r\n } \r\n \r\n }\r\n \r\n if (currentAction != null && nextProps.allfences){\r\n const fenceid = currentAction.fenceid;\r\n\r\n actionFence = nextProps.allfences.filter(item => item.fenceid == fenceid);\r\n allfences = nextProps.allfences.filter(item => item.fenceid != fenceid);\r\n if (actionFence.length > 0){\r\n geofenceChecked = true;\r\n }\r\n }\r\n\r\n \r\n if (currentAction != null && nextProps.allrules){\r\n const ruleid = currentAction.ruleid;\r\n actionRule = nextProps.allrules.filter(item => item.ruleid == ruleid);\r\n allrules = nextProps.allrules.filter(item => item.ruleid != ruleid);\r\n if (actionRule.length > 0){\r\n ruleChecked = true;\r\n }\r\n }\r\n\r\n this.setState({\r\n actions: actions,\r\n currentAction: currentAction,\r\n actionFence : actionFence,\r\n actionRule : actionRule,\r\n allfences: allfences,\r\n allrules: allrules,\r\n actionDeviceList: actionDeviceList,\r\n geofenceChecked: geofenceChecked,\r\n ruleChecked: ruleChecked,\r\n });\r\n }\r\n // static getDerivedStateFromProps(props, state) {}\r\n // -----------------------------------\r\n typeToggle = (pageIndex) => {\r\n this.setState({\r\n activeType:pageIndex,\r\n });\r\n }\r\n renderActionType(){\r\n return(\r\n \r\n {this.renderActionRule()}\r\n {/* {this.renderFenceMap()} */}\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n// -------------------------------------------------------------------------------------------------------------------------------\r\n deviceToggle = (tab) => {\r\n // this.setState({\r\n // activeDevice:pageIndex,\r\n // });\r\n\r\n if (this.state.activeDevice !== tab) {\r\n this.setState({\r\n activeDevice: tab\r\n });\r\n }\r\n }\r\n\r\n handleDeviceAddOnClick = (assetid, assetname, deviceid) => {\r\n if (this.state.currentAction.deviceid.length > 0 && this.state.currentAction.assetid != assetid) {\r\n alert('have to choose a device in the same asset');\r\n return;\r\n }\r\n \r\n if (!this.state.currentAction.deviceid.includes(deviceid)){ \r\n this.setState(prevState =>{ \r\n if (prevState.currentAction.deviceid.length == 0) {\r\n prevState.currentAction.assetid = assetid;\r\n prevState.currentAction.assetname = assetname;\r\n }\r\n prevState.currentAction.deviceid.push(deviceid);\r\n let deviceList = prevState.currentAction.deviceid.slice();\r\n let actionDeviceList = [];\r\n deviceList.forEach((item) => {\r\n let obj = {\r\n deviceid: item, \r\n devicename: '',\r\n assetid: prevState.currentAction.assetid,\r\n assetname: prevState.currentAction.assetname,\r\n };\r\n actionDeviceList.push(obj);\r\n });\r\n return ({\r\n currentAction: prevState.currentAction,\r\n actionDeviceList: actionDeviceList,\r\n })\r\n });\r\n } \r\n }\r\n\r\n handleDeviceRowDeleteClick = (assetid, deviceid) => {\r\n this.setState(prevState =>{ \r\n let movedList = prevState.currentAction.deviceid.filter(item => (item != deviceid));\r\n prevState.currentAction.deviceid = movedList;\r\n // let deviceList = prevState.currentAction.deviceid.slice();\r\n let actionDeviceList = [];\r\n if (movedList.length == 0){\r\n prevState.currentAction.assetid = 0;\r\n prevState.currentAction.assetname = '';\r\n }\r\n movedList.forEach((item) => {\r\n let obj = {\r\n deviceid: item, \r\n devicename: '',\r\n assetid: prevState.currentAction.assetid,\r\n assetname: prevState.currentAction.assetname,\r\n };\r\n actionDeviceList.push(obj);\r\n });\r\n return ({\r\n currentAction: prevState.currentAction,\r\n actionDeviceList: actionDeviceList,\r\n })\r\n });\r\n }\r\n\r\n renderActionDevice(){\r\n return(\r\n Action Type
\r\n\r\n
\r\n {/* content 1 */}\r\n
}\r\n {this.state.activeType =='2' && \r\n {/* content 2 */}\r\n
}\r\n \r\n \r\n
\r\n {/*\r\n
*/}\r\n {/* \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n */}\r\n\r\n \r\n
\r\n\r\n
\r\n )\r\n }\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n handleGeofenceOnChange = (e) => {\r\n this.setState({\r\n geofenceChecked:e.target.checked,\r\n });\r\n }\r\n handleFenceRowDeleteClick = (row) => {\r\n // alert(row.fenceid);\r\n // \r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.fenceid = 0;\r\n let actionFence = this.props.allfences.filter(item => item.fenceid== 0);\r\n let allfences = this.props.allfences.filter(item => item.fenceid != 0);\r\n this.setState({\r\n currentAction: newAction,\r\n // actionFence:[],\r\n actionFence: actionFence,\r\n allfences: allfences,\r\n });\r\n }\r\n handleFenceAddClick = (fenceid) =>{\r\n if (fenceid == null) {\r\n alert('Please select a geofence first.');\r\n return;\r\n }\r\n if (this.state.actionFence.length > 0) {\r\n alert('Please delete the existing geofence first.');\r\n return;\r\n }\r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.fenceid = fenceid;\r\n let actionFence = this.props.allfences.filter(item => item.fenceid==fenceid);\r\n let allfences = this.props.allfences.filter(item => item.fenceid != fenceid);\r\n this.setState({\r\n currentAction: fenceid,\r\n actionFence: actionFence,\r\n allfences: allfences,\r\n });\r\n }\r\n renderActionGeofence(){\r\n // let actionFence = []\r\n // // if (this.state.actions && this.state.actions.length > 0 && this.props.actionId && this.props.allfences){\r\n // // const fenceid = this.state.actions[0].fenceid;\r\n // // actionFence = this.props.allfences.filter(item => item.fenceid==fenceid);\r\n // // }\r\n // if (this.state.currentAction && this.props.allfences){\r\n // const fenceid = this.state.currentAction.fenceid;\r\n // actionFence = this.props.allfences.filter(item => item.fenceid==fenceid);\r\n // }\r\n return(\r\n Action Items
\r\n\r\n {/*
\r\n {' '}\r\n
\r\n\r\n {this.state.geofenceChecked && \r\n //
\r\n )\r\n }\r\n\r\n// ---------------------------------------------------------------------------------------------------------------------------------\r\n handleRuleOnChange = (e) => {\r\n this.setState({\r\n ruleChecked:e.target.checked,\r\n });\r\n }\r\n\r\n handleRuleRowDeleteClick = (row) => {\r\n // alert(row.ruleid);\r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.ruleid = 0;\r\n let actionRule = this.props.allrules.filter(item => item.ruleid== 0);\r\n let allrules = this.props.allrules.filter(item => item.ruleid != 0);\r\n this.setState({\r\n currentAction: newAction,\r\n // actionRule:[],\r\n actionRule: actionRule,\r\n allrules: allrules,\r\n });\r\n }\r\n\r\n handleRuleAddClick = (ruleid) =>{\r\n if (ruleid == null) {\r\n alert('Please select a rule first.');\r\n return;\r\n }\r\n if (this.state.actionRule.length>0) {\r\n alert('Please delete the existing rule first.');\r\n return;\r\n }\r\n let newAction = Object.assign({},this.state.currentAction);\r\n newAction.ruleid = ruleid;\r\n let actionRule = this.props.allrules.filter(item => item.ruleid==ruleid);\r\n let allrules = this.props.allrules.filter(item => item.ruleid != ruleid);\r\n this.setState({\r\n currentAction: ruleid,\r\n actionRule: actionRule,\r\n allrules: allrules,\r\n });\r\n }\r\n\r\n renderActionRule(){\r\n // let actionRule = []\r\n // if (this.state.actions && this.state.actions.length > 0 && this.props.actionId && this.props.allfences){\r\n // const ruleid = this.state.actions[0].ruleid;\r\n // actionRule = this.props.allrules.filter(item => item.ruleid==ruleid);\r\n // }\r\n return(\r\n Geofence\r\n {/* {' '} */}\r\n
\r\n {/* */}\r\n\r\n\r\n {this.state.geofenceChecked && \r\n //
\r\n {' '}\r\n
\r\n {this.state.ruleChecked && \r\n
\r\n )\r\n }\r\n\r\n // -------------------------------------------------------------------------------------------------------------------------------\r\n handleSubmitClick = () => {\r\n }\r\n\r\n renderButtonGroup(){\r\n return(\r\n Rule
\r\n\r\n {this.state.ruleChecked && \r\n
\r\n \r\n
\r\n {' '}\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n render(){\r\n return(\r\n \r\n {' '}\r\n \r\n \r\n
\r\n
\r\n \r\n {children}\r\n
\r\n \r\n {/* {children} */}\r\n {canGoBack &&\r\n \r\n Back\r\n \r\n {/* Cancel */}\r\n {canGoForward ? \"Next\" : \"Cancel\"}\r\n {/* \r\n {canGoForward ? \"Save\" : \"Complete\"}\r\n {canGoForward &&
\r\n \r\n//
\r\n// \r\n// {children}\r\n \r\n// \r\n// Back\r\n// \r\n// \r\n// {this.props.canGoBack ? \"Next\" : \"Finish\"}\r\n// \r\n//
\r\n// \r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n
\r\n {(ruleItem.relation > 0) &&\r\n \r\n
\r\n }\r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n this.handleAssetEditClick(e, groupItem, ruleItem, groupIndex, index)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n ruleItem.attributeid === -1 ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n // renderRuleSet(){\r\n // return(\r\n // \r\n \r\n \r\n
\r\n // {\r\n // this.state.rawData && this.state.rawData[0].ruleitems && \r\n // this.state.rawData[0].ruleitems .map((item, i) =>{\r\n // return(\r\n // this.renderRuleLine(item, i)\r\n // )\r\n // })\r\n // }\r\n //
\r\n // )\r\n // }\r\n handleAddItemClick = (e, groupitem, groupId) => {\r\n this.currentGroupId = groupId;\r\n this.currentRuleId = -1;\r\n this.currentRule = null;\r\n this.modalToggle();\r\n }\r\n\r\n handleDeleteGroupClick = (e, groupitem, groupId) => {\r\n this.setState((preState) => {\r\n if (!preState.rawData || preState.rawData.length < groupId) {\r\n return null;\r\n }\r\n preState.rawData.splice(groupId, 1);\r\n if (preState.rawData.length > 0) {\r\n preState.rawData[0].grouprelation = 0;\r\n }\r\n\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n renderRuleCard(groupitem, groupId) {\r\n return (\r\n \r\n {\r\n groupitem.ruleitems && groupitem.grouprelation > 0 &&\r\n \r\n
\r\n }\r\n {\r\n groupitem.ruleitems &&\r\n \r\n {/* \r\n */}\r\n\r\n {groupitem.ruleitems.map((item, i) => {\r\n\r\n return (\r\n this.renderRuleLine(groupitem, item, groupId, i)\r\n )\r\n })}\r\n\r\n
\r\n\r\n
\r\n {groupitem.ruleitems.map((item, i) =>{\r\n return( \r\n this.renderRuleLine(groupitem, item, groupId, i) \r\n )\r\n })} */}\r\n {/* \r\n */}\r\n \r\n }\r\n\r\n
\r\n )\r\n }\r\n\r\n renderGroups = () => {\r\n return (\r\n \r\n\r\n
\r\n {' '}\r\n
\r\n\r\n {/* \r\n {groupitem.ruleitems.map((item, i) =>{\r\n return( \r\n this.renderRuleLine(groupitem, item, groupId, i) \r\n )\r\n })} */}\r\n {/*
\r\n {\r\n this.state.rawData &&\r\n this.state.rawData.map((item, i) => {\r\n return (\r\n this.renderRuleCard(item, i)\r\n )\r\n })\r\n }\r\n {/* {this.renderRuleCard(this.state.rawData[0], 0)} */}\r\n
\r\n )\r\n }\r\n\r\n handleAddGroupClick = () => {\r\n\r\n let newGroup = {\r\n \"groupid\": 0,\r\n \"groupindex\": 0,\r\n \"grouprelation\": 1,\r\n \"ruleitems\": []\r\n }\r\n\r\n this.setState((preState) => {\r\n if (!preState.rawData) {\r\n return null;\r\n }\r\n const relation = preState.rawData.length === 0 ? 0 : 2;\r\n let newGroup = {\r\n \"groupid\": 0,\r\n \"groupindex\": 0,\r\n \"grouprelation\": relation,\r\n \"ruleitems\": []\r\n }\r\n preState.rawData.push(newGroup);\r\n\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleMapOnAddClick = (selectedFenceOption) => {\r\n this.currentFenceRuleitem.geofenceid = selectedFenceOption.value;\r\n this.currentFenceRuleitem.geofencename = selectedFenceOption.label;\r\n this.setState((preState) => {\r\n return ({\r\n rawData: preState.rawData,\r\n });\r\n });\r\n }\r\n\r\n handleOnAddNewClick = (shapeObj) => {\r\n this.props.upsertGeofence(shapeObj);\r\n }\r\n\r\n handleNextClick = () => {\r\n\r\n\r\n // this.props.onNext();\r\n if (this.validateActionRule()) {\r\n this.props.upsertActionRule(this.state.rawData, this.props.actionId);\r\n }\r\n // this.props.upsertActionRule(this.state.rawData, this.props.actionId);\r\n }\r\n\r\n validateActionRule = () => {\r\n let reValue = true;\r\n if (this.state.rawData) {\r\n this.state.rawData.forEach((group, gindex) => {\r\n if (group.ruleitems) {\r\n group.ruleitems.forEach((rule, rindex) => {\r\n if (!rule.assetclassid || rule.assetclassid < 0) {\r\n reValue = false;\r\n toast.error(\"Please select a asset class. \");\r\n }\r\n if (rule.attributeid == -1 && rule.geofenceid == -1) {\r\n reValue = false;\r\n toast.error(\"Please select/create a geo fence.\");\r\n }\r\n });\r\n }\r\n // else{\r\n // reValue = false\r\n // }\r\n })\r\n }\r\n // else{\r\n // reValue = false;\r\n // }\r\n return reValue;\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n : null}\r\n {/* {this.renderRuleSet()} */}\r\n {this.renderGroups()}\r\n \r\n {/* */}\r\n {/*\r\n \r\n\r\n \r\n */}\r\n {/* */}\r\n\r\n \r\n {this.renderEmailNotification()}\r\n \r\n {/*\r\n \r\n {this.renderMsmNotification()}\r\n \r\n\r\n \r\n {this.renderCallbackTrigger()}\r\n \r\n */}\r\n
\r\n );\r\n }\r\n\r\n validEmailPart = () => {\r\n var validateEmail = true;\r\n for (let i = 0; this.state.emailList.length > i; i++) {\r\n validateEmail = validateEmail && this.validateEmail(i);\r\n }\r\n let isEmailEmpty = !this.state.emailList || this.state.emailList.length <= 0;\r\n let isSubjectEmpty = !this.state.subject || this.state.subject.length === 0;\r\n let isEmailMsgEmpty = !this.state.emailMessage || this.state.subject.emailMessage === 0;\r\n let checkEmail = (!isEmailEmpty) && validateEmail && (!isSubjectEmpty) && (!isEmailMsgEmpty);\r\n return (checkEmail);\r\n }\r\n\r\n validSmsPart = () => {\r\n let isPhoneNum = !this.state.phoneNum || this.state.phoneNum.length === 0;\r\n let isSmsMsgEmpty = !this.state.smsMessage || this.state.subject.smsMessage === 0;\r\n let checkSMS = (!isPhoneNum) && (this.validatePhoneNumber()) && (!isSmsMsgEmpty);\r\n return (checkSMS);\r\n }\r\n\r\n validataNotification = () => {\r\n\r\n var validateEmail = true;\r\n for (let i = 0; this.state.emailList.length > i; i++) {\r\n validateEmail = validateEmail && this.validateEmail(i);\r\n }\r\n let isEmailEmpty = !this.state.emailList || this.state.emailList.length <= 0;\r\n //let isEmailEmpty = !this.state.email || this.state.email.length === 0;\r\n let isPhoneNum = !this.state.phoneNum || this.state.phoneNum.length === 0;\r\n let isSubjectEmpty = !this.state.subject || this.state.subject.length === 0;\r\n let isEmailMsgEmpty = !this.state.emailMessage || this.state.subject.emailMessage === 0;\r\n let isSmsMsgEmpty = !this.state.smsMessage || this.state.subject.smsMessage === 0;\r\n let checkEmail = (!isEmailEmpty) && (!isSubjectEmpty) && (!isEmailMsgEmpty);\r\n let checkSMS = (!isPhoneNum) && validateEmail && (this.validatePhoneNumber()) && (!isSmsMsgEmpty);\r\n let isCallBackEmpty = !this.state.callbackUrl || this.state.callbackUrl.length === 0;\r\n\r\n // return (!isEmailEmpty || !isPhoneNum) && (isEmailEmpty || this.validatePhoneNumber()) && (isPhoneNum || this.validateEmail()) && (isEmailEmpty);\r\n\r\n\r\n\r\n\r\n return ((!isEmailEmpty || !isPhoneNum) && ((isEmailEmpty || checkEmail) && (isPhoneNum || checkSMS))) || !isCallBackEmpty;\r\n }\r\n\r\n handleCompleteClick = (e) => {\r\n if (!this.validataNotification()) {\r\n toast.error('The input is not valided.');\r\n return;\r\n }\r\n let weekday = [];\r\n let fromTime = '00:00:00';\r\n let toTime = '00:00:00';\r\n if (this.state.selectedPeriod) {\r\n this.state.selectedPeriod.forEach((item, index) => {\r\n weekday.push(item.label);\r\n });\r\n }\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (this.state.fromTime && timeRegex.test(this.state.fromTime)) {\r\n\r\n fromTime = this.state.fromTime + ':00';\r\n }\r\n if (this.state.toTime && timeRegex.test(this.state.toTime)) {\r\n\r\n toTime = this.state.toTime + ':00';\r\n }\r\n\r\n // let alertArray = [\r\n // {\r\n // weekday: JSON.stringify(weekday),\r\n // starttime: fromTime,\r\n // endtime: toTime,\r\n // actionid: this.props.actionId,\r\n // alerttype: \"01\",\r\n // destination: this.state.email,\r\n // title: this.state.subject,\r\n // content: this.state.emailMessage,\r\n // },\r\n // {\r\n // weekday: JSON.stringify(weekday),\r\n // starttime: fromTime,\r\n // endtime: toTime,\r\n // actionid: this.props.actionId,\r\n // alerttype: \"02\",\r\n // destination: this.state.phoneNum,\r\n // title: this.state.subject,\r\n // content: this.state.smsMessage,\r\n // },\r\n // ];\r\n\r\n let alertArray = [];\r\n if (this.validEmailPart()) {\r\n for (let email of this.state.emailList){\r\n let newAlert = {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"01\",\r\n destination: email.email,\r\n title: this.state.subject,\r\n content: this.state.emailMessage,\r\n }\r\n alertArray.push(newAlert);\r\n }\r\n console.log(alertArray);\r\n }\r\n\r\n if (this.validSmsPart()) {\r\n let newAlert = {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"02\",\r\n destination: this.state.phoneNum,\r\n title: this.state.subject,\r\n content: this.state.smsMessage,\r\n }\r\n alertArray.push(newAlert);\r\n }\r\n\r\n if (this.state.callbackUrl && this.state.callbackUrl.length > 0) {\r\n let paramObj = {};\r\n let content = '';\r\n if (this.state.callBackParams && this.state.callBackParams.length > 0) {\r\n this.state.callBackParams.forEach((item, index) => {\r\n if (item.label && item.label.length > 0) {\r\n paramObj = { ...paramObj, [item.label]: item.value }\r\n }\r\n });\r\n }\r\n if (Object.keys(paramObj).length > 0) {\r\n content = JSON.stringify(paramObj);\r\n }\r\n let newAlert = {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"03\",\r\n destination: this.state.callbackUrl,\r\n title: '',\r\n content: content,\r\n }\r\n alertArray.push(newAlert);\r\n }\r\n\r\n if (alertArray.length > 0) {\r\n this.props.upsertActionAlert(alertArray);\r\n }\r\n // this.props.upsertActionAlert(alertArray);\r\n\r\n // this.props.onNext();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {/* {steps.map((label, index) => (\r\n \r\n \r\n \r\n \r\n {this.getStepContent(index)} \r\n \r\n \r\n \r\n \r\n ))} */}\r\n\r\n {Object.entries(this.objsteps).map(([label, CustomStep], index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n\r\n \r\n \r\n {/* {this.isFinished() && (\r\n \r\n All steps completed - you're finished \r\n \r\n \r\n )} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default withStyles(styles) (ActionEditStepper);\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.job;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({stepForward, stepBackward, stepReset}, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withStyles(styles),\r\n withRouter\r\n);\r\n\r\nexport default enhance(ActionEditStepper);","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport StepTemplate from './StepTemplate';\r\n\r\nclass StepAnalysis extends Component {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n renderActionForm=()=>{\r\n return(\r\n \r\n );\r\n }\r\n updateActionInfo = () => {\r\n\r\n }\r\n\r\n handleBack = () => {\r\n this.props.onBack();\r\n }\r\n\r\n handleNext = () => {\r\n // if (this.updateActionInfo()) {\r\n // this.props.handleNext();\r\n // }else{\r\n // // todo alert notification;\r\n // }; \r\n this.props.onNext();\r\n }\r\n\r\n render(){\r\n return(\r\n {label}
\r\n
\r\n \r\n \r\n Back\r\n \r\n {activeStep === steps.length - 1 ? 'Complete' : 'Save'}\r\n {activeStep !== steps.length - 1 &&
\r\n {label}
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n )\r\n }\r\n\r\n handleMapOnAddClick = (selectedFenceOption) => {\r\n this.setState({\r\n currentFenceId: selectedFenceOption.value,\r\n currentFenceName: selectedFenceOption.label,\r\n });\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n
\r\n
\r\n \r\n
*/}\r\n {/* {this.renderRuleSet()} */}\r\n {this.renderLogic()}\r\n {/* \r\n \r\n {/* {steps.map((label, index) => (\r\n \r\n \r\n \r\n \r\n {this.getStepContent(index)} \r\n \r\n \r\n \r\n \r\n ))} */}\r\n\r\n {Object.entries(this.objsteps).map(([label, CustomStep], index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n\r\n \r\n \r\n {/* {this.isFinished() && (\r\n \r\n All steps completed - you're finished \r\n \r\n \r\n )} */}\r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default withStyles(styles) (ActionEditStepper);\r\n\r\nconst enhance = compose(\r\n withStyles(styles),\r\n withRouter\r\n);\r\n\r\nexport default enhance(AnalysisStepper);","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { toast } from \"react-toastify\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport StepTemplate from './StepTemplate';\r\nimport {getActionById, upsertAction} from '../../../redux/actions/jobAction';\r\n\r\nclass BasicAlertInfoForm extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n triggerid: 0,\r\n weekOption : [\r\n { value: 1, label: 'Mon' },\r\n { value: 2, label: 'Tue' },\r\n { value: 3, label: 'Wed' },\r\n { value: 4, label: 'Thu' },\r\n { value: 5, label: 'Fri' },\r\n { value: 6, label: 'Sat' },\r\n { value: 7, label: 'Sun' },\r\n ],\r\n eventName: null,\r\n selectedPeriod: null,\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------\r\n componentDidMount(){\r\n // this.props.getActionById(this.props.actionPassId);\r\n // if (this.props.actionId != 0 ) {\r\n // this.props.getActionById(this.props.actionId);\r\n // } \r\n };\r\n componentWillReceiveProps(nextProps){\r\n \r\n \r\n if (nextProps.actionInfo && nextProps.actionInfo.length > 0 && nextProps.actionId > 0 && nextProps.actionId !== this.props.actionId){\r\n }\r\n }\r\n // ---------------------------------------------------------\r\n\r\n // handleTriggerChange = (e) => {\r\n // let value = Number(e.target.value);\r\n // this.setState({\r\n // triggerid : value,\r\n // });\r\n // }\r\n\r\n handleInputChange = (e) => {\r\n \r\n \r\n // this.setState({\r\n // [e.target.name]: e.target.value\r\n // });\r\n // \r\n this.props.handleInputChange(e);\r\n }\r\n\r\n // handlePeriodsSelect = (value) =>{\r\n // \r\n // \r\n // this.setState({\r\n // selectedPeriod: value,\r\n // });\r\n // }\r\n\r\n renderActionForm=()=>{\r\n let eventName = this.props.actionInfo ? this.props.actionInfo.actionname : '';\r\n return(\r\n \r\n );\r\n }\r\n\r\n renderNotificationForm = () => {\r\n\r\n }\r\n\r\n updateActionInfo = () => {\r\n\r\n }\r\n\r\n // handleBack = () => {\r\n // this.props.onBack();\r\n // }\r\n\r\n // handleNext = () => {\r\n // // if (this.updateActionInfo()) {\r\n // // this.props.handleNext();\r\n // // }else{\r\n // // // todo alert notification;\r\n // // }; \r\n // // alert(this.state.triggerTime); \r\n // if (! this.validate()){\r\n // return;\r\n // }\r\n // if (sessionStorage.getItem('currentUserObj')){\r\n // let createDate =new Date().toISOString().split('.')[0]; //.replace('T', ' ');\r\n // let weekday = [];\r\n // let actiontime = '00:00:00';\r\n // if(this.state.selectedPeriod){\r\n // this.state.selectedPeriod.forEach((item, index)=>{\r\n // weekday.push(item.label);\r\n // });\r\n // }\r\n // let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n // if (this.state.triggerTime && timeRegex.test(this.state.triggerTime)){\r\n // \r\n // \r\n // actiontime = this.state.triggerTime + ':00';\r\n // }\r\n \r\n // try{\r\n // let userObj = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n // let actionObj = {\r\n // \"actionid\": this.props.actionPassId,\r\n // \"actionname\": this.state.eventName,\r\n // \"actiondescription\": this.state.description,\r\n // \"triggertype\": this.state.triggerid,\r\n // \"weekday\": JSON.stringify(weekday),\r\n // \"actiontime\": actiontime,\r\n // \"createtime\": createDate,\r\n // \"createdby_user_id\": userObj.userName,\r\n // \"company_code\": userObj.department,\r\n // \"active\" : true,\r\n // \"action\": \"Alert\",\r\n // }\r\n // \r\n // this.props.upsertAction(actionObj);\r\n \r\n // }catch(e){\r\n // console.error(e);\r\n // } \r\n // }\r\n // }\r\n\r\n // validate = () => {\r\n // if (! this.state.eventName || this.state.eventName.length === 0) {\r\n // toast.error('Please input a event name.');\r\n // return false;\r\n // } \r\n\r\n // if (this.state.triggerid === '1' && (!this.state.selectedPeriod || this.state.selectedPeriod.length === 0)) {\r\n // toast.error('Please choose time.');\r\n // return false;\r\n // }\r\n\r\n // return true;\r\n // }\r\n\r\n render(){\r\n return(\r\n // {label}
\r\n
\r\n \r\n \r\n Back\r\n \r\n {activeStep === steps.length - 1 ? 'Complete' : 'Save'}\r\n {activeStep !== steps.length - 1 &&
\r\n {label}
\r\n\r\n // \r\n\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n\r\n \r\n //
\r\n // )\r\n // }\r\n\r\n renderTopSection = () => {\r\n return(\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n
\r\n {/* {this.state.selectedRule && */}\r\n \r\n \r\n {this.state.showFence ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n : \r\n */}\r\n {this.handleEditInputChange(newVal)}}\r\n />\r\n {/* */}\r\n \r\n }\r\n \r\n }\r\n
\r\n \r\n {/* } */}\r\n
\r\n )\r\n }\r\n\r\n handleMapOnAddClick = (selectedFenceOption) => {\r\n // this.currentFenceRuleitem.geofenceid = selectedFenceOption.value;\r\n // this.currentFenceRuleitem.geofencename = selectedFenceOption.label;\r\n this.setState((preState)=>{\r\n return({\r\n geofencename: selectedFenceOption.label,\r\n });\r\n });\r\n }\r\n\r\n handleOnAddNewClick = (shapeObj) => {\r\n this.props.upsertGeofence(shapeObj);\r\n }\r\n\r\n renderGeoModal = () => {\r\n let fenceOptions = generateSelectOptions(this.props.allfences, 'fencename', 'fenceid');\r\n\r\n return (\r\n // \r\n {this.renderAssetLine()}\r\n
\r\n {this.renderRuleLine()}\r\n {this.renderGeoModal()}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default BasicRulesForm; \r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport {compose, bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport {Redirect, withRouter} from 'react-router-dom';\r\n// import { withRouter } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Container, Col, Row, Card, CardBody, CardTitle, CardText, Label, Input, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, Form, FormGroup } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport StepTemplate from './StepTemplate';\r\n\r\nimport MessageTextOutlineIcon from 'mdi-react/MessageTextOutlineIcon';\r\nimport AtIcon from 'mdi-react/AtIcon';\r\nimport {getActionAlert, upsertActionAlert} from '../../../redux/actions/jobAction';\r\nimport ContactModal from \"../../Contact/components/CreateNewContactModal\";\r\nimport EditContactModal from '../../Contact/components/EditContactModal';\r\nimport {getCurrentUser, hasRole} from '../../../factories/auth';\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n \r\n return (\r\n \r\n {this.renderRuleLine()}\r\n {this.renderGeoModal()}\r\n
\r\n // {/* */}\r\n // {/* \r\n // */}\r\n // {/* */}\r\n // \r\n // {this.renderEmailNotification()}\r\n // \r\n // \r\n // {this.renderMsmNotification()}\r\n // \r\n //
\r\n // );\r\n // }\r\n\r\n renderContact = () => {\r\n \r\n \r\n let selectedContactOption = []\r\n if (this.props.actionAlert && this.props.contactList){\r\n \r\n selectedContactOption = this.props.contactList.filter((item, index) => (this.props.actionAlert.some(action => (action.contactid == item.id))));\r\n }\r\n return (\r\n \r\n );\r\n };\r\n\r\n // ----------------------------------------------------------------------\r\n\r\n handleNotificationTemplateChange = (val) => {\r\n this.props.handleNotificationTemplateChange(val);\r\n }\r\n\r\n renderNotificationTemplate = () => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------\r\n // onInputChange = (event) => {\r\n // this.setState({\r\n // [event.target.name]: event.target.value\r\n // });\r\n // };\r\n\r\n // handlePeriodsSelect = (value) => {\r\n // this.setState({\r\n // selectedPeriod: value,\r\n // });\r\n // }\r\n\r\n // renderTimePeriod = () => {\r\n // return(\r\n // \r\n // );\r\n // }\r\n\r\n // ----------------------------------------------------------------------\r\n validataNotification = () => {\r\n let isEmailEmpty = !this.state.email || this.state.email.length === 0 ;\r\n let isPhoneNum = !this.state.phoneNum || this.state.phoneNum.length === 0;\r\n let isSubjectEmpty = !this.state.subject || this.state.subject.length === 0;\r\n let isEmailMsgEmpty = !this.state.emailMessage || this.state.subject.emailMessage === 0;\r\n let isSmsMsgEmpty = !this.state.smsMessage || this.state.subject.smsMessage === 0;\r\n let checkEmail = (!isEmailEmpty) && (this.validateEmail()) && (!isSubjectEmpty) && (!isEmailMsgEmpty);\r\n let checkSMS = (!isPhoneNum) && (this.validatePhoneNumber()) && (!isSmsMsgEmpty)\r\n\r\n // return (!isEmailEmpty || !isPhoneNum) && (isEmailEmpty || this.validatePhoneNumber()) && (isPhoneNum || this.validateEmail()) && (isEmailEmpty);\r\n // \r\n // \r\n // \r\n // \r\n // \r\n return (!isEmailEmpty || !isPhoneNum) && (( isEmailEmpty || checkEmail) && (isPhoneNum || checkSMS));\r\n // return true;\r\n }\r\n\r\n handleCompleteClick = (e) => {\r\n if (! this.validataNotification()) {\r\n toast.error('The input is not valided.');\r\n return;\r\n }\r\n let weekday = [];\r\n let fromTime = '00:00:00';\r\n let toTime = '00:00:00';\r\n if (this.state.selectedPeriod){\r\n this.state.selectedPeriod.forEach((item, index)=>{\r\n weekday.push(item.label);\r\n });\r\n }\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (this.state.fromTime && timeRegex.test(this.state.fromTime)){\r\n \r\n fromTime = this.state.fromTime + ':00';\r\n }\r\n if (this.state.toTime && timeRegex.test(this.state.toTime)){\r\n \r\n toTime = this.state.toTime + ':00';\r\n }\r\n let alertArray = [\r\n {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"01\",\r\n destination: this.state.email,\r\n title: this.state.subject,\r\n content: this.state.emailMessage,\r\n },\r\n {\r\n weekday: JSON.stringify(weekday),\r\n starttime: fromTime,\r\n endtime: toTime,\r\n actionid: this.props.actionId,\r\n alerttype: \"02\",\r\n destination: this.state.phoneNum,\r\n title: this.state.subject,\r\n content: this.state.smsMessage,\r\n },\r\n ];\r\n this.props.upsertActionAlert(alertArray);\r\n // this.props.onNext();\r\n }\r\n\r\n render(){\r\n return(\r\n // \r\n {this.renderContact()}\r\n {this.renderTimePeriod()}\r\n {/* {this.renderTab()} */}\r\n {this.renderEmailNotification()}\r\n
\r\n \r\n {/* Information */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default StepAction;\r\n\r\nconst mapStateToProps = (state) => {\r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n // const fenceStatus = state.fence.type;\r\n const assetClass = state.mapboard.assetClass;\r\n const templateList = state.job.templateList;\r\n const props = {...state.job, assetClass, allfences, fenceObj, templateList}\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n getActionById, \r\n getActionRule, \r\n getActionAlert, \r\n upsertAction, \r\n getRuleTemplate, \r\n loadAssetClass, \r\n loadAllGeoFences, \r\n upsertGeofence, \r\n upsertActionAjax, \r\n upsertActionRule, \r\n upsertActionAlert, \r\n getActions,\r\n getContact, \r\n upsertContact, \r\n deleteContact,\r\n getNotificationTemplate,\r\n }, dispatch);\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(BasicAlertEditForm));","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { ChromePicker} from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, CardTitle, CardText, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport ActionEditStepper from './ActionEditStepper';\r\nimport AnalysisStepper from './AnalysisStepper';\r\nimport BasicAlertEditForm from './BasicAlertEditForm';\r\nimport {setActionId} from '../../../redux/actions/jobAction'; \r\n\r\nclass ActioinEdit extends Component{\r\n constructor(props){\r\n super(props);\r\n let activeTab = '1';\r\n // if(this.props.actionID && this.props.actionID == 0) {\r\n // activeTab = '0';\r\n // }\r\n this.state={\r\n // activeTab: '1',\r\n activeTab: activeTab,\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n\r\n this.props.setActionId(this.props.actionID);\r\n }\r\n\r\n componentWillReceiveProps(nextProps){}\r\n\r\n toggle(tab) {\r\n\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n // selectedShape: data,\r\n });\r\n }\r\n }\r\n\r\n renderBasic(){\r\n return(\r\n Information
PreDefined Rules
Notification
\r\n \r\n
\r\n )\r\n }\r\n\r\n renderAdvanced=()=>{\r\n\r\n return(\r\n \r\n\r\n \r\n\r\n \r\n {/* {this.props.actionID == 0 &&\r\n \r\n \r\n \r\n } */}\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n Notification Edit
\r\n\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class ImageNotification extends PureComponent {\r\n static propTypes = {\r\n img: PropTypes.string.isRequired,\r\n title: PropTypes.string,\r\n message: PropTypes.string.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n title: '',\r\n };\r\n\r\n render() {\r\n const { img, title, message } = this.props;\r\n\r\n return (\r\n {title}
\r\n{message}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class FullWideNotification extends PureComponent {\r\n static propTypes = {\r\n color: PropTypes.string,\r\n message: PropTypes.string.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n color: '',\r\n };\r\n\r\n render() {\r\n const { color, message } = this.props;\r\n\r\n return (\r\n \r\n 
\r\n
\r\n {title}
\r\n{message}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React, { PureComponent } from 'react';\r\nimport { Button, ButtonToolbar, Card, CardBody, Col } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { BasicNotification } from './NotificationBase';\r\n\r\nclass BasicNotifications extends PureComponent {\r\n static propTypes = {\r\n showNotification: PropTypes.func.isRequired,\r\n t: PropTypes.func.isRequired,\r\n };\r\n\r\n show = (position) => {\r\n this.props.showNotification({\r\n notification: {message}
\r\n\r\n
\r\n {t('ui_elements.notifications.basic_notifications')}
\r\nUse BasicNotification with necessary value of property\r\n position\r\n
\r\n\r\n
\r\n {t('ui_elements.notifications.color_notifications')}
\r\nUse BasicNotification with class primary,\r\n success,\r\n warning,\r\n danger\r\n
\r\n{t('ui_elements.notifications.title')}
\r\nUse this elements, if you want to show some hints or additional\r\n information\r\n
\r\n \r\n\r\n {l.static ? (\r\n \r\n Static - {i}\r\n \r\n ) : (\r\n {i}\r\n )}\r\n
\r\n );\r\n });\r\n }\r\n\r\n onBreakpointChange = breakpoint => {\r\n this.setState({\r\n currentBreakpoint: breakpoint\r\n });\r\n };\r\n\r\n onCompactTypeChange = () => {\r\n const { compactType: oldCompactType } = this.state;\r\n const compactType =\r\n oldCompactType === \"horizontal\"\r\n ? \"vertical\"\r\n : oldCompactType === \"vertical\"\r\n ? null\r\n : \"horizontal\";\r\n this.setState({ compactType });\r\n };\r\n\r\n onLayoutChange = (layout, layouts) => {\r\n this.props.onLayoutChange(layout, layouts);\r\n };\r\n\r\n onNewLayout = () => {\r\n this.setState({\r\n layouts: { lg: generateLayout() }\r\n });\r\n };\r\n\r\n onDrop = elemParams => {\r\n alert(`Element parameters: ${JSON.stringify(elemParams)}`);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.generateDOM()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction generateLayout() {\r\n return _.map(_.range(0, 25), function(item, i) {\r\n var y = Math.ceil(Math.random() * 4) + 1;\r\n return {\r\n x: (_.random(0, 5) * 2) % 12,\r\n y: Math.floor(i / 6) * y,\r\n w: 2,\r\n h: y,\r\n i: i.toString(),\r\n static: Math.random() < 0.05\r\n };\r\n });\r\n}","/* eslint-disable */\r\n\r\nimport Payment from \"payment\";\r\n\r\nfunction clearNumber(value = \"\") {\r\n return value.replace(/\\D+/g, \"\");\r\n}\r\n\r\nexport function formatCreditCardNumber(value) {\r\n if (!value) {\r\n return value;\r\n }\r\n\r\n const issuer = Payment.fns.cardType(value);\r\n const clearValue = clearNumber(value);\r\n let nextValue;\r\n\r\n switch (issuer) {\r\n case \"amex\":\r\n nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(\r\n 4,\r\n 10\r\n )} ${clearValue.slice(10, 15)}`;\r\n break;\r\n case \"dinersclub\":\r\n nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(\r\n 4,\r\n 10\r\n )} ${clearValue.slice(10, 14)}`;\r\n break;\r\n default:\r\n nextValue = `${clearValue.slice(0, 4)} ${clearValue.slice(\r\n 4,\r\n 8\r\n )} ${clearValue.slice(8, 12)} ${clearValue.slice(12, 19)}`;\r\n break;\r\n }\r\n\r\n return nextValue.trim();\r\n}\r\n\r\nexport function formatCVC(value, prevValue, allValues = {}) {\r\n const clearValue = clearNumber(value);\r\n let maxLength = 4;\r\n\r\n if (allValues.number) {\r\n const issuer = Payment.fns.cardType(allValues.number);\r\n maxLength = issuer === \"amex\" ? 4 : 3;\r\n }\r\n\r\n return clearValue.slice(0, maxLength);\r\n}\r\n\r\nexport function formatExpirationDate(value) {\r\n const clearValue = clearNumber(value);\r\n\r\n if (clearValue.length >= 3) {\r\n return `${clearValue.slice(0, 2)}/${clearValue.slice(2, 4)}`;\r\n }\r\n\r\n return clearValue;\r\n}\r\n\r\nexport function formatFormData(data) {\r\n return Object.keys(data).map(d => `${d}: ${data[d]}`);\r\n}\r\n","/*eslint-disable*/\r\nimport React from \"react\";\r\nimport { render } from \"react-dom\";\r\nimport Card from \"react-credit-cards\";\r\nimport {\r\n formatCreditCardNumber,\r\n formatCVC,\r\n formatExpirationDate,\r\n formatFormData\r\n} from \"./paymentUtils\";\r\n\r\n// import \"react-credit-cards/es/styles-compiled.css\";\r\n// import './regularcard.scss';\r\n\r\nclass PaymentForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n number: \"\",\r\n name: \"\",\r\n expiry: \"\",\r\n cvc: \"\",\r\n issuer: \"\",\r\n focused: \"\",\r\n formData: null,\r\n };\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n handleCallback = ({ issuer }, isValid) => {\r\n if (isValid) {\r\n this.setState({ issuer });\r\n }\r\n };\r\n\r\n handleInputFocus = ({ target }) => {\r\n this.setState({\r\n focused: target.name\r\n });\r\n };\r\n\r\n handleInputChange = ({ target }) => {\r\n if (target.name === \"number\") {\r\n target.value = formatCreditCardNumber(target.value);\r\n } else if (target.name === \"expiry\") {\r\n target.value = formatExpirationDate(target.value);\r\n } else if (target.name === \"cvc\") {\r\n target.value = formatCVC(target.value);\r\n }\r\n\r\n this.setState({ [target.name]: target.value });\r\n };\r\n\r\n // handleSubmit = e => {\r\n // e.preventDefault();\r\n // const { issuer } = this.state;\r\n // const formData = [...e.target.elements]\r\n // .filter(d => d.name)\r\n // .reduce((acc, d) => {\r\n // acc[d.name] = d.value;\r\n // return acc;\r\n // }, {});\r\n\r\n // this.setState({ formData });\r\n // this.form.reset();\r\n // };\r\n\r\n handleSubmit(evt) {\r\n evt.preventDefault();\r\n this.props.addCard(this.state);\r\n this.props.toggle(false);\r\n this.setState({\r\n number: \"\",\r\n name: \"\",\r\n expiry: \"\",\r\n cvc: \"\",\r\n issuer: \"\",\r\n focused: \"\",\r\n formData: null\r\n });\r\n }\r\n\r\n render() {\r\n const { name, number, expiry, cvc, focused, issuer, formData } = this.state;\r\n return (\r\n \r\n Current Breakpoint: {this.state.currentBreakpoint} (\r\n {this.props.cols[this.state.currentBreakpoint]} columns)\r\n
\r\n \r\n Compaction type:{\" \"}\r\n {_.capitalize(this.state.compactType) || \"No Compaction\"}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default PaymentForm;\r\n","/* eslint-disable */\r\nimport React, { useState } from \"react\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nimport PaymentForm from \"./paymentForm\";\r\n// import 'react-credit-cards/es/styles-compiled.css';\r\n// import '../regularcard.scss';\r\n\r\nconst AddPaymentModal = props => {\r\n const { className, addCard, acountInfo } = props;\r\n const [modal, setModal] = useState(false);\r\n const toggle = () => setModal(!modal);\r\n\r\n let div;\r\n if (acountInfo == '') {\r\n div =\r\n
\r\n \r\n
\r\n \r\n \r\n
Add A Payment Method
;\r\n } else {\r\n div = Edit Payment Method
;\r\n }\r\n\r\n return (\r\n \r\n \r\n {div}\r\n \r\n \r\n Add A Payment Method \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddPaymentModal;\r\n","/*eslint-disable*/\r\nimport React, { Component } from \"react\";\r\nimport Card from \"react-credit-cards\";\r\nimport uuid from \"uuid/v4\";\r\nimport AddPaymentModal from \"./payment/addPaymentModal\";\r\nimport EditPaymentModal from \"./payment/editPaymentModal\";\r\nimport {Row, Col, Card as Card2, Collapse, CardBody, CardGroup, Label, Input, Button, Table, CardFooter} from 'reactstrap';\r\nimport { useState } from \"react\";\r\nimport PaymentForm from \"./payment/paymentForm\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\n// import './mediemcard.scss';\r\nimport './smallcard.scss';\r\nimport FormControl from '@material-ui/core/FormControl';\r\n\r\nclass CompanyAccountPaymentComp extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n cards: [\r\n {\r\n name: \"Evan1\",\r\n number: \"5434 **** **** 3414\",\r\n cvc: \"434\",\r\n expiry: \"03/19\",\r\n id: uuid()\r\n },\r\n {\r\n name: \"Evan2\",\r\n number: \"4934 **** **** 3415\",\r\n cvc: \"435\",\r\n expiry: \"03/19\",\r\n id: uuid()\r\n }\r\n ],\r\n accountToPayment: [],\r\n collapse:false\r\n };\r\n this.addCard = this.addCard.bind(this);\r\n \r\n \r\n \r\n }\r\n\r\n addCard(card) {\r\n \r\n let newCard = { ...card, id: uuid() }; //add the id to the new item.\r\n \r\n \r\n \r\n let defaultData = {\r\n accId: this.props.account[0].id,\r\n pan: newCard.number.replace(/\\s/g, ''),\r\n expdate: \"2911\", \r\n cvd:\"123\", \r\n streetNumber:\"235\", \r\n streetName:\"Test Yorkland blvd\", \r\n zipCode:\"M2J4Y8\" \r\n }\r\n // SPECIFY CORRECT ATTRIBUTES\r\n let data = {\r\n accId: this.props.account[0].id,\r\n pan: newCard.number.replace(/\\s/g, ''),\r\n expdate: \"2911\", \r\n cvd:\"123\", \r\n streetNumber:\"235\", \r\n streetName:\"Test Yorkland blvd\", \r\n zipCode:\"M2J4Y8\" \r\n }\r\n this.props.createNewCard({ ...defaultData, ...data }, this.props.companyObj.companyCode)\r\n }\r\n\r\n deleteTodo(value){\r\n let cards = this.state.cards.slice(); \r\n cards.splice(cards.indexOf(value), 1);\r\n this.setState({cards}); \r\n\r\n \r\n }\r\n\r\n showMonerisForm = () =>{\r\n this.setState({\r\n collapse: !this.state.collapse,\r\n })\r\n}\r\n\r\n\r\n render() {\r\n const { cards } = this.state;\r\n \r\n\r\n const cardsstyle ={\r\n 'margin': '0 auto',\r\n 'max-width': '1280px',\r\n 'text-align': 'center'\r\n }\r\n\r\n const cardList = {\r\n 'display': 'flex',\r\n 'margin-top': '30px',\r\n 'flex-wrap': 'wrap',\r\n 'justify-content': 'space-between',\r\n \r\n } \r\n \r\n const aList = this.props.accountList;\r\n \r\n\r\n \r\n\r\n const ac = this.props.account.filter(account => account.cardMask);\r\n this.state.accountToPayment = ac;\r\n \r\n \r\n \r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default CompanyAccountPaymentComp;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\n// import {connect } from 'react-redux';\r\n// import {bindActionCreators } from 'redux';\r\nimport { Card, CardTitle, CardBody, Col, CardImg, CardGroup, CardDeck, Collapse, Row, TabContent, TabPane, Nav, NavItem, NavLink, Button, Container, Input } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport PropTypes from \"prop-types\";\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader , ModalBody,ModalFooter } from 'reactstrap';\r\nimport { Trans } from \"react-i18next\";\r\nimport { toast } from \"react-toastify\";\r\nimport AddPaymentModal from \"./payment/addPaymentModal\";\r\nimport CompanyAccountPaymentComp from './CompanyAccountPaymentComp';\r\nimport payment_img from '../../../shared/img/payment-icon.png';\r\nimport history_img from '../../../shared/img/history-icon.jpg';\r\nimport purchase_img from '../../../shared/img/purchase-icon_m.jpg';\r\n\r\n\r\nclass CompanyAccountOptionsBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n activeTab : '1',\r\n showPaymentModal: false,\r\n backClicked: false,\r\n isPaymentClicked: false,\r\n hoverPayment: false,\r\n hoverHistory: false,\r\n hoverPurchase: false\r\n }\r\n\r\n \r\n }\r\n\r\n renderAddModal = () => {\r\n this.setState({\r\n showPaymentModal: true,\r\n });\r\n }\r\n\r\n onBackClick = (e) => {\r\n this.props.handleBackClick();\r\n }\r\n\r\n // handlePaymentClick = (e) => {\r\n // this.setState({\r\n // showPaymentModal: true,\r\n // });\r\n // }\r\n\r\n\r\n handlePaymentClick = () => {\r\n this.state.isPaymentClicked ?\r\n this.setState({\r\n isPaymentClicked: !this.state.isPaymentClicked,\r\n }) :\r\n this.setState({\r\n isPaymentClicked: !this.state.isPaymentClicked,\r\n })\r\n\r\n \r\n }\r\n \r\n toggleHoverPayment=(e) =>{\r\n this.setState({hoverPayment: !this.state.hoverPayment}) \r\n }\r\n\r\n toggleHoverHistory=(e) =>{\r\n this.setState({hoverHistory: !this.state.hoverHistory}) \r\n }\r\n\r\n toggleHoverPurchase=(e) =>{\r\n this.setState({hoverPurchase: !this.state.hoverPurchase}) \r\n }\r\n\r\n renderPlan = () => {\r\n \r\n const styles = {\r\n middle: {\r\n transition: '.5s ease',\r\n opacity: '0',\r\n position: 'absolute',\r\n top: '40%',\r\n left: '40%',\r\n },\r\n\r\n middle2: {\r\n transition: '.5s ease',\r\n opacity: '1',\r\n position: 'absolute',\r\n top: '40%',\r\n left: '40%',\r\n },\r\n };\r\n \r\n return(\r\n \r\n {/* */}\r\n {ac && ac.map(card => (\r\n \r\n \r\n \r\n |
\r\n |
\r\n \r\n \r\n
\r\n {/*
*/}\r\n {/* {' '} */}\r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n \r\n ))} \r\n {/* */}\r\n
\r\n { ac == '' &&\r\n */}\r\n {/* {' '} */}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n {/* \r\n 
\r\n \r\n
\r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n 
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* \r\n 
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n render(){\r\n return (\r\n \r\n \r\n {/* \r\n \r\n \r\n {/* {this.renderTab()} */}\r\n {this.renderPlan()}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nexport default CompanyAcountTotalBoard;\r\n\r\nfunction LabelTextInput({ forIdName, onChange, label, value, big }) {\r\n return (\r\n \r\n \r\n )\r\n }\r\n","/*eslint-disable*/\r\nimport React, { Component } from \"react\";\r\n// import BootstrapTable from 'react-bootstrap-table-next';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport uuid from \"uuid/v4\";\r\nimport AddPaymentModal from \"./payment/addPaymentModal\";\r\nimport Select from 'react-select';\r\nimport { DateRangePicker } from 'react-dates';\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';\r\nimport { toast } from \"react-toastify\";\r\nimport moment from 'moment';\r\nimport { MonitorCellphoneStarIcon } from \"mdi-react\";\r\n\r\nclass CompanyAccountHistoryComp extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n payments: [\r\n {\r\n id: \"p1234567\",\r\n method: \"Visa Credit Card\",\r\n status: \"Paid\",\r\n date: \"03/19\",\r\n amount: \"$100 CAD\"\r\n },\r\n {\r\n id: \"p1234568\",\r\n method: \"Master Credit Card\",\r\n status: \"Paid\",\r\n date: \"03/19\",\r\n amount: \"$100 CAD\"\r\n },\r\n {\r\n id: \"p1234569\",\r\n method: \"Visa Credit Card\",\r\n status: \"Paid\",\r\n date: \"03/19\",\r\n amount: \"$100 CAD\"\r\n }\r\n ],\r\n expanded: [0, 1],\r\n currentAccount: null,\r\n startDateMoment: moment(\"2020-04-30\"),\r\n endDateMoment: moment(\"2020-05-10\"),\r\n }\r\n \r\n this.addCard = this.addCard.bind(this);\r\n }\r\n\r\n handleOnExpand = (row, isExpand, rowIndex, e) => {\r\n alert(\"abc\")\r\n if (isExpand) {\r\n this.setState(() => ({\r\n expanded: [...this.state.expanded, row.id]\r\n }));\r\n } else {\r\n this.setState(() => ({\r\n expanded: this.state.expanded.filter(x => x !== row.id)\r\n }));\r\n }\r\n }\r\n\r\n addCard(card) {\r\n //How they know the item passing in is the items's array item?\r\n let newCard = { ...card, id: uuid() }; //add the id to the new item.\r\n this.setState(state => ({\r\n cards: [...state.cards, newCard] // How they know the state is the OLD state above?\r\n // add the new item to the current items state list\r\n // finally put them total to \"items\"\r\n }));\r\n }\r\n // --------------------------------------------------------------------------------------------\r\n loadPaymentHistory = () => {\r\n let startDate = null;\r\n let endDate = null;\r\n if (this.state.startDateMoment && this.state.endDateMoment){\r\n startDate = this.state.startDateMoment.format('YYYY-MM-DD'); \r\n endDate = this.state.endDateMoment.format('YYYY-MM-DD'); \r\n }else{\r\n console.error('Have to choose start and end date');\r\n toast.error('Have to choose start and end date');\r\n return \r\n } \r\n\r\n if (this.state.currentAccount) {\r\n var param = {\r\n // \"accId\": this.state.currentAccount.id,\r\n \"objId\": this.state.currentAccount.id,\r\n \"fromDate\": startDate,\r\n \"toDate\": endDate\r\n // \"fromDate\": \"2020-04-30\",\r\n // \"toDate\":\"2020-05-10\"\r\n };\r\n this.props.getCustomerPaymentHistory(param);\r\n }else{\r\n console.error('No account is selected');\r\n toast.error('No account is selected');\r\n return \r\n }\r\n \r\n }\r\n\r\n handleAccountChange = (val) => {\r\n if (val) {\r\n }\r\n \r\n this.setState({\r\n currentAccount: val \r\n }, () => {\r\n this.loadPaymentHistory();\r\n });\r\n }\r\n\r\n renderAccountDropdown = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n\r\n )\r\n }\r\n}\r\nexport default CompanyBrandingBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport AssetList from '../../Asset/components/AssetList';\r\n\r\nclass CompanyDeviceActive extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CompanyDeviceActive;","/*eslint-disable*/\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { Col, Row, Card, CardBody, Label, Input, Button, } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nclass CompanyPurchaseDevices extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n itemList: [],\r\n }\r\n }\r\n componentDidMount() {\r\n this.props.getInventoryList();\r\n }\r\n // --------------------------------------------\r\n\r\n checkFormater = (cell, row) => {\r\n return (\r\n \r\n )\r\n }\r\n\r\n InputFormater = (cell, row) => {\r\n if (Number.isInteger(cell)) {\r\n const q = parseInt(cell);\r\n if (q > 0) {\r\n return (\r\n { this.onInputValueChange(e.target.value, row) }} >\r\n );\r\n }\r\n }\r\n\r\n return (\r\n Out of Stock\r\n );\r\n }\r\n onInputValueChange = (value, obj) => {\r\n this.setState(prevState => {\r\n var foundItem = prevState.itemList.find(ele => (ele.id == obj.upc))\r\n if (foundItem) {\r\n foundItem.qty = value\r\n } else {\r\n prevState.itemList.push({ id: obj.upc, qty: value })\r\n }\r\n return {\r\n itemList: prevState.itemList,\r\n }\r\n }, () => {\r\n\r\n });\r\n }\r\n\r\n renderDevices = () => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n\r\n {/* UPC \r\n Item \r\n {/* COMPANY */}\r\n MFG \r\n {/* GROUP */}\r\n {/* SKU */}\r\n {/* MFG_SKU */}\r\n Remain Quantity \r\n Quantity \r\n {/* SOLD QUANTITY */}\r\n Network \r\n\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n handlePurchaseCardClick = () => {\r\n // todo\r\n var upcObj = { upcs: this.state.itemList }\r\n this.props.getCustomerPurchaseDevices(upcObj);\r\n\r\n // this.props.onBackClick();\r\n this.props.onNextClick();\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n {this.renderDevices()}\r\n \r\n \r\n\r\n
\r\n\r\n\r\n
\r\n \r\n )\r\n }\r\n}\r\nexport default CompanyPurchaseDevices\r\n","/*eslint-disable*/\r\nimport React, { Component } from \"react\";\r\nimport Card from \"react-credit-cards\";\r\nimport { Row, Col, Card as Card2, CardBody, CardGroup, Label, Input, Button, Table } from 'reactstrap';\r\nimport { BackButton, NextButton } from '../../../shared/components/Button/IconButton';\r\nimport { toast } from \"react-toastify\";\r\nimport { USAGE_PRICE } from '../../../constants/dataConstants';\r\n\r\nclass CompanyDevicePayment extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n orderNow = () => {\r\n // if (this.props.currentPlanItem && this.props.account && Array.isArray(this.props.account) && this.props.account.length > 0) {\r\n if (Array.isArray(this.props.purchaseItemList) && this.props.purchaseItemList.length > 0 && Array.isArray(this.props.account) && this.props.account.length > 0) {\r\n let orderList = [];\r\n this.props.purchaseItemList.forEach((item, index) => {\r\n let qty = 1;\r\n if (Array.isArray(this.props.purchaseDeviceList)) {\r\n let devices = this.props.purchaseDeviceList.filter(device => (device.upc == item.itemDescription));\r\n qty = devices.length > 0 ? devices.length : 1;\r\n }\r\n let obj = {\r\n \"itemId\": item.itemId,\r\n \"itemQty\": qty,\r\n \"promoCode\": 0\r\n };\r\n orderList.push(obj);\r\n });\r\n let defaultData = {\r\n \"customerId\": this.props.customerObj.id,\r\n \"accountId\": this.props.account[0].id,\r\n \"currency\": \"CAD\",\r\n \"comment\": \"1\",\r\n \"autoPay\": this.props.autoPay ? 1 : 0,\r\n \"orderItemDataList\": orderList\r\n\r\n }\r\n // SPECIFY CORRECT ATTRIBUTES\r\n let data = {\r\n // \"accountId\": this.props.account[0].id,\r\n // \"currency\": \"CAD\",\r\n // \"comment\": \"1\",\r\n // \"autoPay\": this.props.autoPay ? 1 : 0,\r\n // \"orderItemDataList\": orderList\r\n }\r\n\r\n // this.props.customerCheckout({ ...defaultData, ...data }, ()=>{this.props.onNextClick();});\r\n this.props.customerCheckout({ ...defaultData, ...data }, null);\r\n this.props.onNextClick();\r\n } else {\r\n toast.error('No Item selected');\r\n }\r\n }\r\n\r\n priceFormater = (cell, row) => {\r\n return (\r\n {`CAD$ ${cell}`}\r\n )\r\n }\r\n\r\n tableActionColFormater = (cell, row) => {\r\n // const ac = this.props.account.filter(account => account.cardMask);\r\n const card = row;\r\n const cardwidth = {\r\n 'width': '10px',\r\n }\r\n return (\r\n this.onSelectChange(e, row)}\r\n value={cell}\r\n >\r\n \r\n \r\n \r\n\r\n // {this.onSelectChange(e, row)}} \r\n // />\r\n );\r\n }\r\n\r\n render() {\r\n const options = {}\r\n let devicetypeMap = [];\r\n if (this.props.companyObj && this.state.deviceTypeGroup) {\r\n this.state.deviceTypeGroup.forEach((val, key, map) => {\r\n let deviceType = val[0];\r\n let companyCode = '';\r\n let companyName = '';\r\n let delimiter = '';\r\n let access = 2;\r\n val.forEach((item, index) => {\r\n if (item.companycode && item.companycode.length > 0) {\r\n companyName += delimiter + item.companyname\r\n companyCode += delimiter + item.companycode\r\n delimiter = ', ';\r\n }\r\n if (item.companycode == this.props.companyObj.companyCode) {\r\n access = 1;\r\n }\r\n });\r\n // log.debug('deviceTypeGroup debug', val);\r\n // log.debug('deviceTypeGroup debug', deviceType);\r\n if (deviceType) {\r\n let mapItem = {\r\n devicetypeid: deviceType.devicetypeid,\r\n devicetypename: deviceType.devicetypename,\r\n companycode: companyCode,\r\n companyname: companyName,\r\n access: access,\r\n };\r\n devicetypeMap.push(mapItem);\r\n }\r\n });\r\n // \r\n // \r\n // \r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {this.props.EditRender()}\r\n \r\n \r\n content asset class\r\n \r\n \r\n content device type\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n renderTabs = () => {\r\n return (\r\n \r\n {(this.props.onExitCompany != null) ?\r\n \r\n {this.props.tabObjs && this.props.tabObjs.map((item, index) => (\r\n \r\n {item.renderTab({ goToPlan: this.goToPlan, activeTab: this.state.activeTab })}\r\n \r\n ))}\r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {/* {this.renderTab()} */}\r\n {this.renderTabs()}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst TabLabel = (props) => {\r\n return (\r\n \r\n { props.tabToggle(props.tabId); }}\r\n // disabled={props.disabled}\r\n >\r\n \r\n )\r\n}\r\n\r\nexport default CompanyEditBoard;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Button, Card, CardBody, Col, Input, Row } from 'reactstrap';\r\n// import {connect } from 'react-redux';\r\n// import {Modal} from \"react-overlays\";\r\nimport { toast } from \"react-toastify\";\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport Select from \"react-select\";\r\n\r\nconst backdropStyle = {\r\n position: 'fixed',\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: '#000',\r\n opacity: 0.5,\r\n overflow: 'auto',\r\n};\r\n\r\nconst modalStyle = function () {\r\n const top = 5;\r\n const left = 5;\r\n\r\n return {\r\n position: 'fixed',\r\n width: 800,\r\n height: 650,\r\n zIndex: 1040,\r\n top: top + '%',\r\n left: left + '%',\r\n border: '0px solid #ffffff',\r\n backgroundColor: 'white',\r\n // boxShadow: '0 5px 15px rgba(0,0,0,.5)',\r\n padding: 10,\r\n overflow: 'auto',\r\n resize: 'both'\r\n };\r\n};\r\n\r\nclass CompanyEditForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n customStyles: {},\r\n showModal: false,\r\n data: [],\r\n email: '',\r\n fullName: '',\r\n userName: '',\r\n newUser: true,\r\n activeTab: '1',\r\n statesList: [],\r\n // groupdata: [],\r\n passConfirmed: true,\r\n // passconfirmValid: false,\r\n companyObj: {\r\n addressline1: \"\",\r\n addressline2: \"\",\r\n businessArea: \"\",\r\n city: \"\",\r\n companyName: \"\",\r\n country: \"\",\r\n email: \"\",\r\n phoneNum: \"\",\r\n postcode: \"\",\r\n province: \"\",\r\n status: \"\",\r\n isnew: true,\r\n industryId: 1,\r\n },\r\n };\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // this.props.getCompanyList()\r\n // this.props.getRoles();\r\n\r\n let cval = this.state.companyObj.country ? this.state.companyObj.country : this.props.countryList[0].value;\r\n\r\n if (cval) {\r\n this.setState({\r\n statesList: this.props.provinceMap.get(cval)\r\n })\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n\r\n this.clearCompanyObj();\r\n }\r\n\r\n clearCompanyObj = () => {\r\n this.setState({\r\n companyObj: {\r\n addressline1: \"\",\r\n addressline2: \"\",\r\n businessArea: \"\",\r\n city: \"\",\r\n companyName: \"\",\r\n country: \"\",\r\n email: \"\",\r\n phoneNum: \"\",\r\n postcode: \"\",\r\n province: \"\",\r\n status: \"\",\r\n isnew: true,\r\n industryId: 1,\r\n },\r\n })\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n if (nextProps.companyObj && JSON.stringify(nextProps.companyObj) !== JSON.stringify(prevState.companyObj) && !nextProps.addingNewCompany) {\r\n // if (nextProps.companyObj.country){\r\n // nextProps.getProvinces(nextProps.companyObj.country);\r\n // }\r\n nextProps.getProvinces(nextProps.companyObj.country);\r\n let newCompanyObj = nextProps.companyObj;\r\n newCompanyObj.isnew = false;\r\n return ({\r\n companyObj: newCompanyObj,\r\n });\r\n }\r\n }\r\n\r\n // componentWillReceiveProps(nextProps, nextContext) {\r\n //\r\n //\r\n // if (nextProps.companyObj && nextProps.companyObj !== this.props.companyObj){\r\n // if (nextProps.companyObj.country){\r\n // this.props.getProvinces(nextProps.companyObj.country);\r\n // }\r\n // this.setState({\r\n // companyObj: nextProps.companyObj\r\n // });\r\n // }\r\n // }\r\n\r\n renderBackdrop = (props) => {\r\n return ;\r\n };\r\n\r\n onInputChange = (event) => {\r\n\r\n // this.setState({\r\n // [event.target.name]: event.target.value\r\n // });\r\n\r\n let key = event.target.name;\r\n let value = event.target.value;\r\n this.setState(prevState => {\r\n prevState.companyObj[key] = value;\r\n return ({\r\n companyObj: prevState.companyObj,\r\n })\r\n });\r\n };\r\n\r\n onCountryChange = (selectedOption) => {\r\n let address = this.state.companyObj;\r\n let stateList = this.props.provinceMap.get(selectedOption.value);\r\n address.country = selectedOption.value;\r\n address.province = stateList[0].abbrev;\r\n this.setState({\r\n companyObj: address,\r\n statesList: stateList\r\n });\r\n };\r\n\r\n onProvinceChange = (selectedOption) => {\r\n this.setState(prevState => {\r\n prevState.companyObj.province = selectedOption.value;\r\n return ({\r\n companyObj: prevState.companyObj,\r\n });\r\n });\r\n };\r\n\r\n onSubmit = () => {\r\n\r\n\r\n // let phoneNo = this.state.phoneNumber;\r\n // if (phoneNo){\r\n // phoneNo = phoneNo.replace('(','').replace(')','').replace('-','').replace(' ','');\r\n // }\r\n if (this.validateForm()) {\r\n // // alert ('v yes');\r\n // let userObj = {\r\n // // userId: this.state.loginName,\r\n // userType: \"pp\",\r\n // userName: this.state.loginName,\r\n // email: this.state.email,\r\n // status: \"A\",\r\n // companyCode: this.state.company ? this.state.company : sessionStorage.getItem('companyCode'),\r\n // department: '', //sessionStorage.getItem('department') ? sessionStorage.getItem('department'): null ,\r\n // businessUnit: '', //sessionStorage.getItem('businessUnit') ? sessionStorage.getItem('businessUnit'): null,\r\n // // phoneNum: this.state.phoneNumber,\r\n // phoneNum: phoneNo,\r\n // password: this.state.passwordConfirm,\r\n // creator: sessionStorage.getItem('currentUser'),\r\n // createTime: new Date().toISOString().split('.')[0].replace('T', ' '),\r\n // role: [this.state.role], //['USER'],\r\n // }\r\n //\r\n // this.props.addUser(userObj,true);\r\n // this.onClose();\r\n this.props.handleSubmitClick(this.state.companyObj);\r\n // close the edit window after submit\r\n this.props.toggle();\r\n } else {\r\n toast.error('Input was not valid.');\r\n }\r\n };\r\n\r\n onClose = () => {\r\n // this.setState({\r\n // showModal: false\r\n // });\r\n this.clearCompanyObj();\r\n this.props.toggle();\r\n };\r\n\r\n\r\n validateCompanyName = (companyName) => {\r\n return (companyName && companyName !== '');\r\n }\r\n\r\n validatePhoneNumber = (phoneNumber) => {\r\n\r\n // var regex = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n var regex = /^[0-9]{10,14}$/;\r\n return (phoneNumber && regex.test(phoneNumber));\r\n }\r\n\r\n validateEmail = (email) => {\r\n // var regex = /^[a-zA-Z0-9.!#$%&\\'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\r\n // return (this.state.email && this.state.email.match(regex) !== null);\r\n var regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return (email && regex.test(email));\r\n }\r\n\r\n validateForm = () => {\r\n let validated = false;\r\n if (this.state.companyObj) {\r\n validated = this.validateCompanyName(this.state.companyObj.companyName) &&\r\n this.validatePhoneNumber(this.state.companyObj.phoneNum) &&\r\n this.validateEmail(this.state.companyObj.email);\r\n }\r\n return validated;\r\n }\r\n\r\n render() {\r\n let labalStyle = { textAlign: 'right' };\r\n let title = 'New Company';\r\n if (this.props.companyObj && this.props.companyObj.companyCode && !this.props.addingNewCompany) {\r\n title = 'Edit Company';\r\n }\r\n\r\n const countryOptions = this.props.countryList.map(country => ({\r\n value: country.value,\r\n label: country.label\r\n }));\r\n\r\n const stateOptions = this.state.statesList.map(state => ({\r\n value: state.abbrev,\r\n label: state.name\r\n }));\r\n return (\r\n \r\n \r\n {/*
*/}\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n {/*\r\n Full Name \r\n
\r\n
*/}\r\n\r\n Full Name */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* {this.props.countryList && this.props.countryList.map((option, index) => (\r\n \r\n ))} */}\r\n {/* */}\r\n option.value === this.state.companyObj.country)}\r\n />\r\n \r\n */}\r\n {/* */}\r\n {/* {this.userObj.companyCode &&\r\n this.state.statesList &&\r\n this.state.statesList.map((option, index) => (\r\n \r\n ))}\r\n */}\r\n option.value === this.state.companyObj.province)}\r\n />\r\n \r\n
\r\n {/*
*/}\r\n {/*\r\n
\r\n
*/}\r\n {/*\r\n
*/}\r\n
\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n
\r\n */}\r\n {/*
*/}\r\n \r\n \r\n \r\n\r\n )\r\n }\r\n}\r\n\r\nexport default CompanyEditForm;\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Card, CardBody, Col, Row, Button, Container } from 'reactstrap';\r\nimport { Trans } from \"react-i18next\";\r\n// import { connect } from 'react-redux';\r\n// import { withRouter } from \"react-router-dom\";\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\n// import { bindActionCreators } from 'redux';\r\nimport PropTypes from \"prop-types\";\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport { EditTextButton, DeleteTextButton, ManageTextButton } from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { sortCaret } from '../../../shared/components/Table/tableElements';\r\n\r\n\r\n\r\nclass CompanyList extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n // this.props.getCompanyList();\r\n }\r\n\r\n handleRowEditClick = (row) => {\r\n this.props.handleRowEditClick(row);\r\n }\r\n\r\n handleRowDeleteClick = (row) => {\r\n // let code = row.companyCode; \r\n // let selectedCompany = this.props.companyList.find((element,index) => (element.companyCode === code));\r\n // if (selectedCompany) {\r\n // this.props.deleteCompany(selectedCompany);\r\n // }\r\n this.props.handleRowDeleteClick(row);\r\n }\r\n\r\n tableActionColFormater = (cell, row) => {\r\n const check1 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN']);\r\n const check2 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN']);\r\n // const check2 = this.props.userObj && this.props.userObj.userName === row.userName;\r\n // const disabled = !(check1 || check2);\r\n return (\r\n this.handleAddNewButtonClick(onClick)}\r\n // disabled = {!check}\r\n >\r\n {/* */}\r\n {/* */}\r\n \r\n Company Code \r\n Name \r\n Phone \r\n Email \r\n \r\n Manage\r\n \r\n \r\n Delete\r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.renderCompanyList()}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default CompanyList\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Collapse } from 'reactstrap';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport Select from 'react-select';\r\nimport moment from 'moment';\r\nimport { DateRangePicker } from 'react-dates';\r\nimport { toast } from \"react-toastify\";\r\nimport log from 'loglevel';\r\n\r\nclass CompanyPaymentInvoice extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n currentAccount: null,\r\n startDateMoment: moment(\"2020-11-01\"),\r\n endDateMoment: moment(\"2020-11-30\"),\r\n invoicehtml: '
\r\n // \r\n );\r\n }\r\n}\r\n\r\n\r\nexport default InventoryPurchaseBilling;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport ReactDOMServer from 'react-dom/server';\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport {BackButton, NextButton} from '../../../shared/components/Button/IconButton'; \r\nimport { toast } from \"react-toastify\";\r\n\r\nclass InventoryPurchaseSummary extends Component {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n Submit = () => {\r\n const {itemList, currentSupplier, userObj, sendOrder, onCheckout} = this.props;\r\n if (currentSupplier && currentSupplier.email) {\r\n if (Array.isArray(itemList) && itemList.length > 0){\r\n let emailEle = */}\r\n {/*
\r\n )\r\n }\r\n\r\n render(){\r\n \r\n return (\r\n */}\r\n {/*
*/}\r\n\r\n {/* this.handleAddNewButtonClick() }>\r\n this.handleAddNewButtonClick() }\r\n >\r\n
\r\n {/*
*/}\r\n */}\r\n {/* */}\r\n \r\n \r\n {/* \r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n {this.props.accountList && Array.isArray(this.props.accountList) && this.props.accountList.filter(item => item.status === 1).map((item, index) => \r\n \r\n \r\n {/*
*/}\r\n {/* */}\r\n {/* {' '} */}\r\n\r\n 
\r\n \r\n
\r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )}\r\n {/*
*/}\r\n \r\n {/*
*/}\r\n {/* \r\n \r\n
*/}\r\n {/* */}\r\n {/* {' '} */}\r\n
*/}\r\n
Add New Account
\r\n {/* \r\n \r\n New Account \r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {\r\n row.disabled || cell == 1 ? \r\n cell == 1 ? Assigned : Not Assigned \r\n :\r\n this.onSelectChange(e, row)}\r\n value={cell}\r\n // disabled = {true}\r\n >\r\n \r\n \r\n \r\n }\r\n
\r\n\r\n );\r\n}\r\n\r\n render(){\r\n\r\n const options = {}\r\n let assetclassMap = [];\r\n // if(this.props.companyObj && this.state.assetClassGroup){\r\n // this.state.assetClassGroup.forEach((val, key, map)=>{\r\n // let assetClass = val[0];\r\n // let companyCode = '';\r\n // let companyName = '';\r\n // let delimiter = '';\r\n // let access = 2;\r\n // let disabled = true;\r\n // val.forEach((item, index) => {\r\n // companyName += delimiter + item.companyname\r\n // companyCode += delimiter + item.companycode\r\n // delimiter = ', ';\r\n // if (item.companycode == this.props.companyObj.companyCode){\r\n // access = 1;\r\n // }\r\n // if (item.assets && item.assets.length > 0){\r\n // disabled = false;\r\n // }\r\n // });\r\n\r\n // let mapItem = {\r\n // assetclassid : assetClass.assetclassid,\r\n // assetclassname: assetClass.assetclassname,\r\n // companycode: companyCode,\r\n // companyname: companyName,\r\n // access: access,\r\n // disabled: disabled,\r\n // };\r\n // assetclassMap.push(mapItem);\r\n // });\r\n // }\r\n\r\n if (this.props.companyObj && this.state.companyAssetClasses) {\r\n this.state.companyAssetClasses.forEach((item, index) => {\r\n let access = 2;\r\n let disabled = true;\r\n if (item.companycode == this.props.companyObj.companyCode){\r\n access = 1;\r\n }\r\n if (item.assets && item.assets.length > 0){\r\n disabled = false;\r\n }\r\n let mapItem = {\r\n assetclassid : item.assetclassid,\r\n assetclassname: item.assetclassname,\r\n companycode: item.companycode,\r\n companyname: item.companyname,\r\n access: access,\r\n disabled: disabled,\r\n };\r\n assetclassMap.push(mapItem);\r\n });\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n {/* System */}\r\n Asset Class Name\r\n \r\n \r\n Asset Class ID \r\n \r\n \r\n Current Company Name\r\n \r\n \r\n Assigned \r\n \r\n {/* \r\n Group \r\n */}\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CompanyAssetClassForm","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Card, CardBody, Col, Row, Button, Input } from 'reactstrap';\r\nimport { UserContext } from '../../../constants/myContexts';\r\nimport { setBrandingDetail } from '../../../factories/utils';\r\nimport { ATTRIBUTE_ORDER } from '../../../constants/dataConstants';\r\nimport { hasRole } from '../../../factories/auth';\r\nimport { ChromePicker } from 'react-color';\r\nimport './branding.scss';\r\n\r\nclass CompanyBrandingBoard extends Component {\r\n static contextType = UserContext;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n appNavLinkColor: \"\",\r\n appHyperLinkColor: \"\",\r\n appButtonColor: \"\",\r\n appButtonColorHover: \"\",\r\n appButtonText: \"\",\r\n appTableHeaderFontColor: \"\",\r\n appTableHeader: \"\",\r\n appTableFontColor: \"\",\r\n appTableRow1: \"\",\r\n appBackground: \"\",\r\n appCardBackground: \"\",\r\n appFontColor: \"\",\r\n appTextHeader: \"\",\r\n appBackgroundImage: \"\",\r\n appBackgroundImage1: \"\",\r\n appBackgroundImage2: \"\",\r\n showColorPicker1: false,\r\n showColorPicker2: false,\r\n openSidebarColor: \"\",\r\n openSidebarFontColor: \"\",\r\n sidebarSelected: \"\",\r\n sidebarSelectedFontColor: \"\",\r\n sidebarHover: \"\",\r\n sidebarColor: \"\",\r\n sidebarFontColor: \"\",\r\n headerButtonHoverColor: \"\",\r\n headerFontColor: \"\",\r\n headerDropdownColor: \"\",\r\n headerBackground: \"\",\r\n headerDropdownFontColor: \"\",\r\n }\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n\r\n if (nextProps.branding != null) {\r\n this.setState({\r\n appNavLinkColor: nextProps.branding.appNavLinkColor,\r\n appHyperLinkColor: nextProps.branding.appHyperLinkColor,\r\n appButtonColor: nextProps.branding.appButtonColor,\r\n appButtonColorHover: nextProps.branding.appButtonColorHover,\r\n appButtonText: nextProps.branding.appButtonText,\r\n appTableHeaderFontColor: nextProps.branding.appTableHeaderFontColor,\r\n appTableHeader: nextProps.branding.appTableHeader,\r\n appTableFontColor: nextProps.branding.appTableFontColor,\r\n appTableRow1: nextProps.branding.appTableRow1,\r\n appBackground: nextProps.branding.appBackground,\r\n appCardBackground: nextProps.branding.appCardBackground,\r\n appFontColor: nextProps.branding.appFontColor,\r\n appTextHeader: nextProps.branding.appTextHeader,\r\n appBackgroundImage: nextProps.branding.appBackgroundImage,\r\n showColorPicker1: false,\r\n showColorPicker2: false,\r\n openSidebarColor: nextProps.branding.openSidebarColor,\r\n openSidebarFontColor: nextProps.branding.openSidebarFontColor,\r\n sidebarSelected: nextProps.branding.sidebarSelected,\r\n sidebarSelectedFontColor: nextProps.branding.sidebarSelectedFontColor,\r\n sidebarHover: nextProps.branding.sidebarHover,\r\n sidebarColor: nextProps.branding.sidebarColor,\r\n sidebarFontColor: nextProps.branding.sidebarFontColor,\r\n headerButtonHoverColor: nextProps.branding.headerButtonHoverColor,\r\n headerFontColor: nextProps.branding.headerFontColor,\r\n headerDropdownColor: nextProps.branding.headerDropdownColor,\r\n headerBackground: nextProps.branding.headerBackground,\r\n headerDropdownFontColor: nextProps.branding.headerDropdownFontColor,\r\n })\r\n\r\n if (nextProps.branding.appBackgroundImage) {\r\n let arr = nextProps.branding.appBackgroundImage.split(\",rgba\");\r\n if (arr.length >= 3) {\r\n this.setState({\r\n appBackgroundImage1: 'rgba' + arr[1],\r\n appBackgroundImage2: 'rgba' + (arr[2]).replace('))', ')')\r\n })\r\n }\r\n }\r\n }\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n handleShowColorClick1 = (e) => {\r\n e.stopPropagation();\r\n if (this.state.showColorPicker1 == false) {\r\n this.setState({\r\n showColorPicker2: false\r\n })\r\n }\r\n this.setState(\r\n (preState) => (\r\n { showColorPicker1: !preState.showColorPicker1 }\r\n )\r\n )\r\n }\r\n\r\n handleColorOnClick1 = (event) => {\r\n // alert('click event');\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n\r\n handleChangeComplete1 = (color, event) => {\r\n this.setState({ appBackgroundImage1: color.rgb? `rgba(${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b}, ${color.rgb.a})` : color.hex });\r\n this.setState({ appBackgroundImage: this.state.appBackgroundImage1 + \",\" + this.state.appBackgroundImage2 });\r\n }\r\n\r\n handleShowColorClick2 = (e) => {\r\n e.stopPropagation();\r\n if (this.state.showColorPicker2 == false) {\r\n this.setState({\r\n showColorPicker1: false\r\n })\r\n }\r\n this.setState(\r\n (preState) => (\r\n { showColorPicker2: !preState.showColorPicker2 }\r\n )\r\n )\r\n }\r\n\r\n handleColorOnClick2 = (event) => {\r\n // alert('click event');\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n\r\n handleChangeComplete2 = (color, event) => {\r\n this.setState({ appBackgroundImage2: color.rgb? `rgba(${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b}, ${color.rgb.a})` : color.hex });\r\n this.setState({ appBackgroundImage: this.state.appBackgroundImage1 + \",\" + this.state.appBackgroundImage2 });\r\n }\r\n\r\n\r\n validateForm = () => {\r\n const { showColorPicker1, showColorPicker2, ...newState } = this.state;\r\n for (let value of Object.values(newState)) {\r\n if (value == null || value == \"\") {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n onSubmit = () => {\r\n const { setTheme } = this.context;\r\n var obj = {\r\n companyCode: this.props.companyCode,\r\n app: {\r\n appNavLinkColor: this.state.appNavLinkColor,\r\n appHyperLinkColor: this.state.appHyperLinkColor,\r\n appButtonColor: this.state.appButtonColor,\r\n appButtonColorHover: this.state.appButtonColorHover,\r\n appButtonText: this.state.appButtonText,\r\n appTableHeaderFontColor: this.state.appTableHeaderFontColor,\r\n appTableHeader: this.state.appTableHeader,\r\n appTableFontColor: this.state.appTableFontColor,\r\n appTableRow1: this.state.appTableRow1,\r\n appBackground: this.state.appBackground,\r\n appCardBackground: this.state.appCardBackground,\r\n appFontColor: this.state.appFontColor,\r\n appTextHeader: this.state.appTextHeader,\r\n appBackgroundImage: \"linear-gradient(to right,\" + this.state.appBackgroundImage1 + \",\" + this.state.appBackgroundImage2 + \")\",\r\n },\r\n header: {\r\n headerButtonHoverColor: this.state.headerButtonHoverColor,\r\n headerFontColor: this.state.headerFontColor,\r\n headerDropdownColor: this.state.headerDropdownColor,\r\n headerBackground: this.state.headerBackground,\r\n headerDropdownFontColor: this.state.headerDropdownFontColor,\r\n },\r\n sidebar: {\r\n openSidebarColor: this.state.openSidebarColor,\r\n openSidebarFontColor: this.state.openSidebarFontColor,\r\n sidebarSelected: this.state.sidebarSelected,\r\n sidebarSelectedFontColor: this.state.sidebarSelectedFontColor,\r\n sidebarHover: this.state.sidebarHover,\r\n sidebarColor: this.state.sidebarColor,\r\n sidebarFontColor: this.state.sidebarFontColor,\r\n }\r\n }\r\n\r\n this.props.setBrandingDetails(obj).then((res) => {\r\n if (res.status == 200) {\r\n toast.success(\"success\");\r\n }\r\n else {\r\n toast.error(\"error\");\r\n }\r\n if (this.props.userObj.companyCode == this.props.companyCode) {\r\n setTheme(this.props.branding);\r\n setBrandingDetail(this.props.branding)\r\n }\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n :\r\n null\r\n }\r\n NOTE: Company is missing some or all branding details. Please fill all branding colors and save.
\r\n\r\n
Header
\r\n\r\n
Sidebar
\r\n\r\n
Application
\r\n\r\n
\r\n \r\n \r\n
\r\n ~\r\n \r\n \r\n
\r\n \r\n {this.state.showColorPicker1 &&\r\n
\r\n \r\n \r\n
}\r\n {this.state.showColorPicker2 &&\r\n \r\n
}\r\n \r\n
\r\n {\r\n (hasRole(this.props.userObj, [\"SUPERADMIN\", \"ADMIN\"])) ?\r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n\r\n \r\n
Devices
\r\n\r\n
\r\n\r\n
\r\n \r\n {/* {ac && ac.map((card,index) => (\r\n // {this.state.cards && this.state.cards.map(card => ( */}\r\n \r\n \r\n {/* ))} */}\r\n \r\n
\r\n )\r\n }\r\n\r\n radioButtonFormater = (cell, row) => {\r\n return (\r\n { this.onRadioClick(row) }} />\r\n )\r\n }\r\n onRadioClick = (value) => {\r\n\r\n this.props.handleSwitchAccount(value);\r\n // this.setState({\r\n // currentAccount: value,\r\n // });\r\n }\r\n\r\n handleCheckout = () => {\r\n this.orderNow();\r\n // this.props.onNextClick();\r\n }\r\n\r\n render() {\r\n const cardsstyle = {\r\n 'width': '100%',\r\n 'padding': '30px',\r\n }\r\n\r\n const btn = {\r\n 'float': 'right'\r\n }\r\n const aList = this.props.accountList;\r\n\r\n // let usageList = [];\r\n // if ( Array.isArray(this.props.purchaseDeviceList) ) {\r\n // let price = '';\r\n // let paymentperiod = 'one shot';\r\n // if (this.props.currentPlanItem.itemTypeId == 1) {\r\n // price = USAGE_PRICE;\r\n // }\r\n // else if (this.props.currentPlanItem.itemTypeId == 2 && this.props.currentPlanItem.unitPrice) {\r\n // price = `CAD $ ${this.props.currentPlanItem.unitPrice}`;\r\n // }\r\n\r\n // if (this.props.currentPlanItem && this.props.currentPlanItem.payFrequency) {\r\n // paymentperiod = this.props.currentPlanItem.payFrequency.itemPayFreqName\r\n // }\r\n // let item = {\r\n // \"product\": this.props.currentPlanItem.itemName,\r\n // \"quantity\": 1,\r\n // \"price\": price,\r\n // \"paymentperiod\": paymentperiod,\r\n // \"autocharg\": this.props.autoPay ? 'Yes': 'No',\r\n // \"card\": 1000,\r\n // };\r\n // usageList.push(item)\r\n // this.props.purchaseDeviceList.forEach((item, index) => {\r\n // let item = {\r\n // \"product\": item.itemName,\r\n // \"deviceId\": item.deviceId,\r\n // \"networkSupported\": item.networkSupported,\r\n // \"price\": item.unitPrice\r\n // }\r\n // });\r\n // }\r\n return (\r\n \r\n
\r\n\r\n UPC \r\n Product \r\n Device \r\n Network \r\n Price \r\n\r\n {/* Payment card */}\r\n\r\n \r\n
\r\n
\r\n
\r\n\r\n ID \r\n Card Number \r\n Expires on \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CompanyDevicePayment;","/*eslint-disable*/\r\nimport React, { Component } from \"react\";\r\nimport Card from \"react-credit-cards\";\r\nimport uuid from \"uuid/v4\";\r\nimport AddPaymentModal from \"./payment/addPaymentModal\";\r\nimport {Row, Col, Card as Card2, CardBody, CardGroup, Label, Input, Button, Table} from 'reactstrap';\r\nimport Radio, { RadioProps } from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport { toast } from \"react-toastify\";\r\nimport { USAGE_PRICE } from '../../../constants/dataConstants';\r\n\r\nclass CompanyPaymentCheckout extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n \r\n }; \r\n }\r\n\r\n manufactureOnChangeHandler = (e) => {\r\n let selectedValue = dropdownOnChangeHandler(e); //alert(selectedValue.id);\r\n \r\n // this.props.getAttributes(selectedValue.id);\r\n // this.props.loadAssets({devicetypeid: selectedValue.id});\r\n this.setState({\r\n currentDeviceTypeId : selectedValue.id,\r\n currentDeviceTypeName : selectedValue.name,\r\n });\r\n \r\n}\r\n\r\norderNow = () => {\r\n// if (this.props.currentPlanItem && this.props.account && Array.isArray(this.props.account) && this.props.account.length > 0) {\r\n if (Array.isArray(this.props.purchaseItemList) && this.props.purchaseItemList.length > 0 && Array.isArray(this.props.account) && this.props.account.length > 0) {\r\n let orderList = [];\r\n this.props.purchaseItemList.forEach((item, index) => {\r\n let qty = 1;\r\n if (Array.isArray(this.props.purchaseDeviceList)) {\r\n let devices = this.props.purchaseDeviceList.filter(device => (device.upc == item.itemDescription));\r\n qty = devices.length > 0 ? devices.length : 1;\r\n }\r\n let obj = {\r\n \"itemId\": item.itemId,\r\n \"itemQty\": qty,\r\n \"promoCode\": 1\r\n };\r\n orderList.push(obj);\r\n });\r\n let defaultData = {\r\n \"accountId\": this.props.account[0].id,\r\n \"currency\": \"CAD\",\r\n \"comment\": \"1\",\r\n \"autoPay\": this.props.autoPay ? 1 : 0,\r\n \"orderItemDataList\": orderList\r\n // \"orderItemDataList\": [\r\n // {\r\n // \"itemId\": this.props.currentPlanItem.itemId,\r\n // \"itemQty\": 1,\r\n // \"promoCode\": 1\r\n // }\r\n // ]\r\n \r\n }\r\n // SPECIFY CORRECT ATTRIBUTES\r\n let data = {\r\n \"accountId\": this.props.account[0].id,\r\n \"currency\": \"CAD\",\r\n \"comment\": \"1\",\r\n \"autoPay\": this.props.autoPay ? 1 : 0,\r\n \"orderItemDataList\": orderList\r\n // \"orderItemDataList\": [\r\n // {\r\n // \"itemId\": this.props.currentPlanItem.itemId,\r\n // \"itemQty\": 1,\r\n // \"promoCode\": 1\r\n // }\r\n // ]\r\n }\r\n\r\n this.props.createOrder({ ...defaultData, ...data })\r\n } else{\r\n toast.error('No Item selected');\r\n }\r\n}\r\n\r\npayOrder = () => {\r\n if (this.props.purchaseOrder && this.props.purchaseOrder.orderData){\r\n let param = {\r\n id : this.props.purchaseOrder.orderData.id\r\n };\r\n this.props.payOrder(param);\r\n }\r\n else{\r\n toast.error('No Item selected');\r\n }\r\n}\r\n\r\npriceFormater = (cell, row) => {\r\n return (\r\n {`CAD$ ${cell}`}\r\n )\r\n}\r\n\r\n\r\n render() { \r\n const plans = this.state.plans;\r\n const aList = this.props.accountList;\r\n \r\n const cardsstyle ={ \r\n 'width': '100%',\r\n }\r\n const btn ={\r\n 'float': 'right'\r\n }\r\n\r\n const company = this.props.userObj.company;\r\n\r\n // \r\n // const ac = this.props.account? this.props.account.filter(account => account.cardMask) : [];\r\n const ac = this.props.account.filter(account => account.cardMask);\r\n // let price = ''; \r\n // if (this.props.itemType && this.props.itemType === '1' && this.props.currentPlanItem) {\r\n // if (this.props.currentPlanItem.itemTypeId == 1) {\r\n // price = USAGE_PRICE;\r\n // }\r\n // else if (this.props.currentPlanItem.itemTypeId == 2 && this.props.currentPlanItem.unitPrice) {\r\n // price = `${this.props.currentPlanItem.unitPrice}`;\r\n // }\r\n // }\r\n\r\n // ------------------------------------------------------\r\n // let totalPriceNum = 0;\r\n // let totalPriceStr = '';\r\n // let usageList = [];\r\n // Array.isArray(this.props.purchaseItemList) && this.props.purchaseItemList.forEach( (item, index) => {\r\n // let price = '';\r\n // let paymentperiod = 'one shot';\r\n // if (item.itemTypeId == 1) {\r\n // price = USAGE_PRICE;\r\n // totalPriceStr = USAGE_PRICE;\r\n // }\r\n // else if (item.itemTypeId == 2 && item.unitPrice) {\r\n // price = `CAD$ ${item.unitPrice}`;\r\n // if (!isNaN(item.unitPrice)) {\r\n // totalPriceNum += Number(item.unitPrice);\r\n // }\r\n // }\r\n\r\n // if (item && item.payFrequency) {\r\n // paymentperiod = item.payFrequency.itemPayFreqName\r\n // }\r\n // let itemObj = {\r\n // \"product\": item.itemName,\r\n // \"quantity\": 1,\r\n // \"price\": price,\r\n // \"paymentperiod\": paymentperiod,\r\n // \"autocharg\": this.props.autoPay ? 'Yes': 'No',\r\n // \"card\": 1000,\r\n // };\r\n // usageList.push(itemObj)\r\n // })\r\n // if (totalPriceNum > 0) {\r\n // totalPriceStr = totalPriceNum.toString();\r\n // }\r\n\r\n let deviceList = [];\r\n let TotalTax = '';\r\n let SubTotal='';\r\n let Total='';\r\n if (this.props.purchaseOrder){\r\n deviceList = this.props.purchaseOrder.deviceList;\r\n if (this.props.purchaseOrder.orderData){\r\n SubTotal = isNaN(this.props.purchaseOrder.orderData.ordrTtl) ? \"\" : Number(this.props.purchaseOrder.orderData.ordrTtl).toFixed(2);\r\n TotalTax = isNaN(this.props.purchaseOrder.orderData.ordrTtlTax) ? \"\" : Number(this.props.purchaseOrder.orderData.ordrTtlTax).toFixed(2);;\r\n Total = isNaN(this.props.purchaseOrder.orderData.ordrAmt) ? \"\" : Number(this.props.purchaseOrder.orderData.ordrAmt).toFixed(2);;\r\n }\r\n }else{\r\n toast.error('Failed to get order data, please try again')\r\n }\r\n \r\n return(\r\n Order Summary
\r\n
\r\n
\r\n
Your Payments
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default CompanyPaymentCheckout;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { loadDeviceInfo } from '../../../redux/actions/mapActions';\r\nimport { getCustomerPurchaseDevices, getAccounts, postOrder, customerCheckout, customerPayOrder, customerReleaseOrder, releaseOrder } from '../../../redux/actions/userAction';\r\nimport { Card, CardTitle, CardBody, Col, Row, Collapse, TabContent, TabPane, Nav, NavItem, NavLink, Button, Container, Input } from 'reactstrap';\r\nimport CompanyDeviceActive from './CompanyDeviceActive';\r\nimport CompanyPurchaseDevices from './CompanyPurchaseDevices';\r\nimport CompanyDevicePayment from './CompanyDevicePayment';\r\nimport CompanyPaymentCheckout from './CompanyPaymentCheckout';\r\nimport {BackButton} from '../../../shared/components/Button/IconButton'; \r\nimport {toast} from \"react-toastify\";\r\n\r\nclass CompanyDeviceBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n step: 1,\r\n isBuyClick: false,\r\n currentItemList: null,\r\n currentAccout: [],\r\n autoPay: false, \r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // Load initial data\r\n \r\n // this.props.getAccounts();\r\n this.props.loadDeviceInfo();\r\n \r\n }\r\n\r\n clickNext = () => {\r\n this.setState(prevState => ({\r\n step: prevState.step + 1,\r\n }),()=>{\r\n \r\n });\r\n }\r\n\r\n clickBack = () => {\r\n this.setState(prevState => {\r\n return {\r\n step: (prevState.step-1) > 0 ? prevState.step-1 : 1,\r\n }\r\n }, ()=>{\r\n \r\n });\r\n }\r\n\r\n paymentBack = () => {\r\n \r\n if (this.props.purchaseOrder && this.props.purchaseOrder.orderData){\r\n this.props.releaseOrder(this.props.purchaseOrder.orderData.id);\r\n }\r\n this.clickBack();\r\n }\r\n\r\n handleBuyClick = () => {\r\n this.setState({\r\n isBuyClick : true,\r\n step : 1,\r\n });\r\n }\r\n\r\n handlePurchaseBack = () => {\r\n this.setState({\r\n isBuyClick : false,\r\n step : 1,\r\n });\r\n }\r\n\r\n handleSwitchAccount = (value) => {\r\n this.setState({\r\n currentAccout: [value],\r\n })\r\n }\r\n\r\n createOrderToAccount = (data) => {\r\n \r\n var self = this;\r\n this.props.postOrder(data)\r\n .then(res => {\r\n \r\n if (res && res.status === 200 && res.data ){\r\n // let storeData = res.data[0];\r\n if (res.data.error != \"ERROR\") {\r\n toast.success(res.data.message);\r\n // this.setState({\r\n // }) \r\n self.handleBuyClick();\r\n }else{\r\n toast.error(res.data.message)\r\n } \r\n }else if (!res || res.status !== 200){\r\n \r\n \r\n } \r\n })\r\n }\r\n\r\n payOrder = (orderObj) => {\r\n let self = this;\r\n this.props.customerPayOrder(orderObj)\r\n .then(res => {\r\n \r\n if (res && res.status === 200 && res.data ){\r\n // let storeData = res.data[0];\r\n if (res.data.error != \"ERROR\") {\r\n toast.success('success');\r\n this.props.getInventoryList();\r\n // this.setState({\r\n // }) \r\n self.handlePurchaseBack();\r\n }else{\r\n toast.error(res.data.message)\r\n } \r\n }else if (!res || res.status !== 200){\r\n \r\n toast.error('create order error');\r\n \r\n } \r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Your cart\r\n 1\r\n
\r\n- \r\n
- \r\n \r\n\r\n {/* {price} */}\r\n {SubTotal}\r\n
Items
\r\n {/* IOT - Basic */}\r\n \r\n {/* - \r\n \r\n\r\n $8\r\n
Second product
\r\n Brief description\r\n */}\r\n \r\n - \r\n \r\n\r\n -$0\r\n
Promo code
\r\n EXAMPLECODE\r\n \r\n - \r\n Total Tax(CAD)\r\n {TotalTax}\r\n \r\n
- \r\n Total (CAD)\r\n {Total}\r\n \r\n
\r\n {/* \r\n */}\r\n \r\n */}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n\r\n Billing address
\r\n\r\n {company.addressline1 &&
}\r\n {company.addressline2 &&
}\r\n \r\n
\r\n \r\n
\r\n \r\n Payment
\r\n {ac && ac.map(card => (\r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
*/}\r\n {/*\r\n\r\n Item \r\n Quantity \r\n Price \r\n Payment Period \r\n Auto Charge \r\n Payment card \r\n \r\n */}\r\n \r\n UPC \r\n Product \r\n Device \r\n Network \r\n Price \r\n \r\n {/* Payment card */}\r\n \r\n \r\n
\r\n Order Summary
\r\n {/*Order Summary
*/}\r\n {/*
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) \r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const currentDeviceList = state.asset.currentDeviceList;\r\n const { purchaseDeviceList, purchaseItemList, accountList, purchaseOrder } = state.user;\r\n const props = { currentDeviceList, purchaseDeviceList, purchaseItemList, accountList, purchaseOrder }\r\n return props;\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n loadDeviceInfo,\r\n getCustomerPurchaseDevices,\r\n postOrder,customerCheckout, customerPayOrder,customerReleaseOrder,releaseOrder,\r\n }, dispatch);\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CompanyDeviceBoard);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { Trans } from \"react-i18next\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Col, Row, Button, Container, Input } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport { removeUser, getUserDevicetypeList, upsertUserDevicetypeList } from '../../../redux/actions/userAction';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport log from 'loglevel';\r\n\r\nclass CompanyDeviceTypeForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n // static getDerivedStateFromProps(nextProps, prevState){}\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n if (nextProps.companyDevicetypeList && nextProps.companyDevicetypeList !== this.state.rawDevicetypeList) {\r\n\r\n let devicetypeMap = [];\r\n let deviceTypeGroup = groupBy(nextProps.companyDevicetypeList, devicetype => devicetype.devicetypeid);\r\n // deviceTypeGroup.forEach((val, key, map)=>{\r\n // let deviceType = val[0];\r\n // let companyCode = '';\r\n // let companyName = '';\r\n // let delimiter = '';\r\n // let access = 2;\r\n // val.forEach((item, index) => {\r\n // companyName += delimiter + item.companyname\r\n // companyCode += delimiter + item.companycode\r\n // delimiter = ', ';\r\n // if (nextProps.companyObj && item.companycode == nextProps.companyObj.companyCode){\r\n // access = 1;\r\n // }\r\n // });\r\n\r\n // let mapItem = {\r\n // devicetypeid : deviceType.devicetypeid,\r\n // devicetypename: deviceType.devicetypename,\r\n // companycode: companyCode,\r\n // companyname: companyName,\r\n // access: access,\r\n // };\r\n // devicetypeMap.push(mapItem);\r\n // });\r\n\r\n this.setState({\r\n rawCompanyObj: nextProps.companyObj,\r\n rawDevicetypeList: nextProps.companyDevicetypeList,\r\n deviceTypeGroup: deviceTypeGroup,\r\n // devicetypeMap: devicetypeMap,\r\n })\r\n }\r\n }\r\n\r\n // ----------------------------------------------------------------------------------------------\r\n\r\n onSelectChange = (e, row) => {\r\n e.preventDefault();\r\n let value = Number(e.target.value);\r\n let deviceTypeId = row.devicetypeid\r\n // row.access = value;\r\n // \r\n this.setState((preState) => {\r\n // \r\n // \r\n // log.debug('device type select', deviceTypeId);\r\n if (preState.deviceTypeGroup && this.props.companyObj) {\r\n let foundItem = preState.deviceTypeGroup.get(deviceTypeId);\r\n if (value === 1) {\r\n let foundCom = foundItem.find((value, index) => (value.companycode == this.props.companyObj.companyCode));\r\n // log.debug('device type select foundCom', foundItem);\r\n if (!foundCom) {\r\n let newCom = {\r\n id: 0,\r\n companycode: this.props.companyObj.companyCode,\r\n companyname: this.props.companyObj.companyName,\r\n devicetypeid: row.devicetypeid,\r\n devicetypename: row.devicetypename,\r\n createTime: null,\r\n creator: null,\r\n }\r\n foundItem.push(newCom);\r\n }\r\n } else if (value === 2) {\r\n foundItem = foundItem.filter((value, index) => (value.companycode != this.props.companyObj.companyCode));\r\n // log.debug('device type select foundItem', foundItem);\r\n preState.deviceTypeGroup.set(deviceTypeId, foundItem);\r\n }\r\n return ({\r\n deviceTypeGroup: preState.deviceTypeGroup,\r\n });\r\n }\r\n }\r\n );\r\n\r\n // row.access = e.target.checked;\r\n // this.setState((preState)=>{\r\n // // \r\n // // \r\n // return({\r\n // devicetypeMap: preState.devicetypeMap,\r\n // });\r\n // }\r\n // );\r\n }\r\n\r\n onSubmit = () => {\r\n let companyDeviceTypeArr = [];\r\n if (this.state.deviceTypeGroup) {\r\n this.state.deviceTypeGroup.forEach((val, key, map) => {\r\n companyDeviceTypeArr = [...companyDeviceTypeArr, ...val];\r\n });\r\n }\r\n let companyDeviiceTypeObj = companyDeviceTypeArr.filter((item, index) => (item.companycode === this.props.companyObj.companyCode));\r\n\r\n this.props.updateCompanyDeviceList(this.props.companyObj.companyCode, companyDeviiceTypeObj);\r\n this.props.toggle();\r\n }\r\n\r\n onClose = () => {\r\n this.props.toggle();\r\n }\r\n\r\n cellAuthSelection(cell, row, enumObject, index) {\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n {/* System */}\r\n Device Type Name\r\n \r\n \r\n Device Type ID \r\n \r\n \r\n Current Company Name\r\n \r\n \r\n Assigned \r\n \r\n {/* \r\n Group \r\n */}\r\n \r\n
\r\n
\r\n {/*
*/}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CompanyDeviceTypeForm;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\n// import {connect } from 'react-redux';\r\n// import {bindActionCreators } from 'redux';\r\nimport { Card, CardTitle, CardBody, Col, Row, TabContent, TabPane, Nav, NavItem, NavLink, Button, Container, Input } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport PropTypes from \"prop-types\";\r\n// import {Modal} from \"react-overlays\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { Trans } from \"react-i18next\";\r\nimport { toast } from \"react-toastify\";\r\nimport { ExitTextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nclass CompanyEditBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activeTab: '1',\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // console.log('nextProps.showAccount', nextProps.showAccount);\r\n // console.log('test formula', nextProps.showAccount !== this.state.showAccount)\r\n if (nextProps.showAccount && nextProps.showAccount !== this.state.showAccount) {\r\n // console.log('nextProps.showAccount int', nextProps.showAccount)\r\n this.setState({\r\n activeTab: '5',\r\n showAccount: nextProps.showAccount,\r\n }, () => {\r\n console.log('inti tab', this.state.activeTab)\r\n });\r\n }\r\n if (nextProps.showPayment && nextProps.showPayment !== this.state.showPayment) {\r\n this.setState({\r\n activeTab: '7',\r\n showPayment: nextProps.showPayment,\r\n });\r\n }\r\n }\r\n\r\n goToPlan = () => {\r\n this.setState({\r\n activeTab: '5',\r\n })\r\n }\r\n\r\n tabToggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n\r\n this.setState({\r\n activeTab: tab\r\n });\r\n }\r\n }\r\n\r\n renderTab = () => {\r\n return (\r\n \r\n
\r\n
\r\n {/*
*/}\r\n \r\n \r\n
\r\n { this.props.onExitCompany() }} />{' '}\r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n {/* {(this.props.companyObj != null) ?\r\n
\r\n \r\n {this.props.companyObj.companyName}'s Profile
\r\n :\r\n null} */}\r\n\r\n\r\n {this.props.companyObj?.companyName && this.props.companyObj?.companyName.trim() !== \"\" && !this.props.addingNewCompany\r\n ? `${this.props.companyObj.companyName}'s Profile`\r\n : \"New Company Profile\"}\r\n
\r\n\r\n\r\n{props.children}
\r\n \r\nInformation
*/}\r\n {/*{title}
*/}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n {/*
*/}\r\n {/*
\r\n {/*
*/}\r\n {/* */}\r\n {/*
\r\n
\r\n {\r\n (hasRole(this.props.userObj, [\"SUPERADMIN\", \"ADMIN\"])) ?\r\n \r\n : null\r\n }\r\n {\r\n (hasRole(this.props.userObj, [\"SUPERADMIN\"])) ?\r\n : null\r\n }\r\n\r\n
\r\n {/* */}\r\n
\r\n {check1 &&\r\n \r\n { this.handleRowEditClick(row); }} />{' '}\r\n {/* { this.handleRowDeleteClick(row); }}/> */}\r\n {/* {check2 &&\r\n { this.handleRowDeleteClick(row); }}\r\n msg={'Do you want to delete the selected company?'}\r\n />\r\n } */}\r\n \r\n }\r\n
\r\n )\r\n }\r\n\r\n tableDeleteColFormater = (cell, row) => {\r\n const check1 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN', 'ADMIN']);\r\n const check2 = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN']);\r\n // const check2 = this.props.userObj && this.props.userObj.userName === row.userName;\r\n // const disabled = !(check1 || check2);\r\n return (\r\n \r\n {check1 &&\r\n \r\n {/* { this.handleRowEditClick(row); }} />{' '} */}\r\n {/* { this.handleRowDeleteClick(row); }}/> */}\r\n {check2 &&\r\n { this.handleRowDeleteClick(row); }}\r\n msg={'Do you want to delete the selected company?'}\r\n />\r\n }\r\n \r\n }\r\n
\r\n )\r\n }\r\n\r\n tableAddressFormater = (cell, row) => {\r\n\r\n return (\r\n \r\n {row.addressline1}
\r\n {row.addressline2 ? row.addressline2 : ''}{' '}\r\n {row.city ? row.city : ''}{' '}\r\n {row.province ? row.province : ''}{' '}\r\n {row.postcode ? row.postcode : ''}{' '}\r\n {row.country ? row.country : ''}\r\n
No Invoice data
',\r\n showDetails: false,\r\n }\r\n }\r\n componentDidMount(){\r\n // \r\n }\r\n componentWillReceiveProps(nextProps, nextContext){\r\n // \r\n if (nextProps.activeTab && nextProps.activeTab != \"8\" && this.state.clear == true){\r\n // \r\n this.props.clearCustomerInvoiceHistory();\r\n this.setState({\r\n currentAccount: null,\r\n startDateMoment: moment(\"2020-11-01\"),\r\n endDateMoment: moment(\"2020-11-30\"),\r\n clear: false\r\n });\r\n } else {\r\n this.setState({\r\n clear: true\r\n });\r\n }\r\n }\r\n componentWillUnmount(){\r\n // \r\n this.props.clearCustomerInvoiceHistory();\r\n this.setState({\r\n currentAccount: null,\r\n startDateMoment: moment(\"2020-11-01\"),\r\n endDateMoment: moment(\"2020-11-30\"),\r\n })\r\n }\r\n // -------------------------------------------------\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n showDetails: !prevState.showDetails\r\n }));\r\n }\r\n // -------------------------------------------------\r\n loadPaymentHistory = () => {\r\n let startDate = null;\r\n let endDate = null;\r\n if (this.state.startDateMoment && this.state.endDateMoment){\r\n startDate = this.state.startDateMoment.format('YYYY-MM-DD'); \r\n endDate = this.state.endDateMoment.format('YYYY-MM-DD'); \r\n }else{\r\n log.error('Have to choose start and end date');\r\n toast.error('Have to choose start and end date');\r\n return \r\n } \r\n \r\n if (this.state.currentAccount) {\r\n var param = {\r\n // \"accId\": this.state.currentAccount.id, \r\n \"objId\": this.state.currentAccount.id,\r\n \"fromDate\": startDate,\r\n \"toDate\": endDate\r\n // \"fromDate\": \"2020-04-30\",\r\n // \"toDate\":\"2020-05-10\"\r\n };\r\n this.props.getCustomerInvoiceHistory(param);\r\n }else{\r\n log.error('No account is selected');\r\n toast.error('No account is selected');\r\n return \r\n }\r\n \r\n }\r\n handleAccountChange = (val) => {\r\n if (val) {\r\n }\r\n log.debug('value', val);\r\n this.setState({\r\n currentAccount: val \r\n }, () => {\r\n this.loadPaymentHistory();\r\n });\r\n }\r\n renderAccountDropdown = () => {\r\n return (\r\n {this.renderSummary()}
;\r\n let message = ReactDOMServer.renderToString(emailEle);\r\n let to = currentSupplier.email;\r\n let from = userObj.company && userObj.company.email? userObj.company.email : 'liao_xinqing@yahoo.ca';\r\n let subject = 'Itsp Order';\r\n\r\n let params = {to, from, subject, message};\r\n sendOrder(params)\r\n .then(res => {\r\n if (res.status == 200 && res.data.status == \"Sucess\") {\r\n \r\n toast.success(\"The order has been successfully sent out!\");\r\n onCheckout();\r\n }else{\r\n \r\n toast.error(\"Error occurred when sending your email, please send again.\");\r\n }\r\n \r\n }).catch(err => {\r\n \r\n toast.error(\"Error occurred when sending your email, please send again.\");\r\n });\r\n\r\n }else{\r\n toast.error('No items are selected');\r\n }\r\n\r\n }else{\r\n toast.error('Can not find supplier email');\r\n }\r\n \r\n }\r\n\r\n renderSummary = () => {\r\n const {shippingAddress, itemList, supplierItemList} = this.props;\r\n let orderItems = [];\r\n if (Array.isArray(itemList) && Array.isArray(supplierItemList)){\r\n itemList.forEach((item, index)=>{\r\n let foundItem = supplierItemList.find((sitem, sindex)=>(sitem.sku == item.sku));\r\n if (foundItem) {\r\n orderItems.push({...foundItem, ...{quantity: item.qty}})\r\n }\r\n });\r\n }\r\n return (\r\n Shipping address
\r\n\r\n {shippingAddress.name &&
}\r\n {shippingAddress.address &&
}\r\n {shippingAddress.address2 &&
}\r\n \r\n {shippingAddress.phone &&
}\r\n
\r\n \r\n Order Items
\r\n\r\n \r\n SKU \r\n Item \r\n Modal \r\n Vender \r\n Unit Price \r\n NETWORK \r\n QUANTITY \r\n \r\n {/* Payment card */}\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderSummary()}\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default InventoryPurchaseSummary;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {compose, bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport {Collapse } from 'reactstrap';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport InventoryPurchaseSupplierList from './InventoryPurchaseSupplierList';\r\nimport InventoryPurchaseItemList from './InventoryPurchaseItemList';\r\nimport InventoryPurchaseBilling from './InventoryPurchaseBilling';\r\nimport InventoryPurchaseSummary from './InventoryPurchaseSummary';\r\n\r\nclass InventoryPurchaseBoard extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n selectedCollapseId: '1',\r\n currentSupplier: null,\r\n itemList: [],\r\n shippingAddress:{\r\n name: '',\r\n phone: '',\r\n address: '',\r\n address2: '',\r\n city: '',\r\n province: '',\r\n country: '',\r\n zip: ''\r\n },\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n this.props.getSupllierList()\r\n }\r\n\r\n toggleCollaps = (tagId) => {\r\n this.setState({\r\n selectedCollapseId: tagId,\r\n })\r\n }\r\n\r\n handleSupplierClicked = (obj) => {\r\n \r\n this.props.getSupllierItemList(obj.id);\r\n this.setState({\r\n currentSupplier: obj,\r\n });\r\n this.toggleCollaps('2');\r\n }\r\n\r\n handlePurchaseItemBack = () => {\r\n this.setState({\r\n itemList: [],\r\n })\r\n this.toggleCollaps('1');\r\n }\r\n\r\n handlePurchaseItemNext = () => {\r\n this.toggleCollaps('3');\r\n }\r\n\r\n handleInputValueChange = (value, obj) => {\r\n this.setState(prevState => {\r\n var foundItem = prevState.itemList.find(ele => (ele.sku == obj.sku))\r\n if (foundItem) {\r\n foundItem.qty = value\r\n }else{\r\n prevState.itemList.push({sku: obj.sku, qty: value})\r\n }\r\n return {\r\n itemList: prevState.itemList,\r\n }\r\n }, () => {\r\n \r\n });\r\n }\r\n\r\n onItemExited = () => {\r\n // this.setState({\r\n // itemList: [],\r\n // })\r\n }\r\n\r\n handleInputChange = ({target}) => {\r\n this.setState(prevState => {\r\n return({\r\n shippingAddress: {...prevState.shippingAddress, ...{[target.name]:target.value}}\r\n });\r\n }, ()=>{\r\n \r\n });\r\n }\r\n\r\n handleDefaultChange = ({target}) => {\r\n \r\n if (target.checked){\r\n this.useDefaultAddress();\r\n }\r\n else{\r\n this.clearShippingAddress();\r\n }\r\n }\r\n\r\n useDefaultAddress = () =>{\r\n const company = this.props.userObj.company;\r\n \r\n if (company){\r\n this.setState({\r\n shippingAddress: {\r\n name: '',\r\n phone: '',\r\n address: company.addressline1,\r\n address2: company.addressline2,\r\n city: company.city,\r\n province: company.province,\r\n country: company.country,\r\n zip: company.postcode\r\n }\r\n });\r\n }\r\n }\r\n\r\n clearShippingAddress =() => {\r\n this.setState({\r\n shippingAddress: {\r\n name: '',\r\n phone: '',\r\n address: '',\r\n address2: '',\r\n city: '',\r\n province: '',\r\n country: '',\r\n zip: ''\r\n }\r\n });\r\n }\r\n\r\n handleAddressBack = () => {\r\n this.toggleCollaps('2');\r\n }\r\n handleAddressNext = () => {\r\n this.toggleCollaps('4');\r\n }\r\n handleSummaryBack = () => {\r\n this.toggleCollaps('3');\r\n }\r\n handleCheckout = () => {\r\n this.setState({\r\n selectedCollapseId: '1',\r\n currentSupplier: null,\r\n itemList: [],\r\n shippingAddress:{\r\n name: '',\r\n phone: '',\r\n address: '',\r\n address2: '',\r\n city: '',\r\n province: '',\r\n country: '',\r\n zip: ''\r\n },\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Send Order\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default InventoryPurchaseBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\n\r\nclass InventoryReceive extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n orderId: null,\r\n selectedFile: null,\r\n modal: false,\r\n data: [\r\n {\r\n ordrId:'001',\r\n vender:'Air Box Wifi',\r\n totAmt:'200',\r\n status:'payed',\r\n createDt:'2020-10-07',\r\n updateDt:'2020-10-07',\r\n comment: '',\r\n }\r\n ]\r\n };\r\n }\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n modal: !prevState.modal\r\n }));\r\n }\r\n\r\n onFileChangeHandler = (e) => {\r\n // this.props.uploadFile(e.target.files[0]);\r\n this.setState({\r\n selectedFile: e.target.files[0],\r\n });\r\n }\r\n\r\n onSaveClick = (e) => {\r\n if (!this.state.orderId) {\r\n toast.error('Please select a Order');\r\n return;\r\n }\r\n\r\n if (!this.state.selectedFile) {\r\n toast.error('Please select a CSV files');\r\n return;\r\n }\r\n\r\n this.props.uploadFile(this.state.selectedFile, this.state.orderId);\r\n this.toggle();\r\n \r\n }\r\n\r\n onUploadClick = (e, orderObj) => {\r\n this.setState({\r\n orderId: orderObj.ordrId\r\n });\r\n this.toggle();\r\n }\r\n\r\n onCancelClick = (e) => {\r\n this.toggle();\r\n }\r\n\r\n renderFileloaderModal=()=>{\r\n return (\r\n \r\n {/* */}\r\n \r\n \r\n Upload Received Devices\r\n \r\n \r\n \r\n {/*
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n orderIdFormater = (cell, row) => {\r\n return (\r\n // { e.preventDefault(); this.props.handleRowEditClick(row, true);}}>{cell}\r\n { e.preventDefault(); this.handleInvoiceClick(cell);}}>{cell}\r\n );\r\n }\r\n\r\n actionFiledFormater = (cell, row) => {\r\n return (\r\n \r\n {/* */}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderReceivedList = () => {\r\n return(\r\n \r\n {/* */}\r\n \r\n \r\n {headertitle}\r\n \r\n \r\n \r\n {/*
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default FileloaderModal;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Container, Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Tooltip, UncontrolledTooltip, UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport FileloaderModal from './UploaderModal';\r\n\r\nclass InventoryInvoice extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n modal: false,\r\n orderId: null,\r\n data: [\r\n {\r\n invId: '001',\r\n ordrId:'001',\r\n vender:'Air Box Wifi',\r\n totAmt:'200',\r\n status:3,\r\n orderDt:'2020-10-07',\r\n invoiceDt:'2020-10-07',\r\n invoiceReference: '001',\r\n },\r\n {\r\n invId: '002',\r\n ordrId:'002',\r\n vender:'Sigfox',\r\n totAmt:'500',\r\n status:0,\r\n orderDt:'2020-09-07',\r\n invoiceDt:'2020-09-07',\r\n invoiceReference: '',\r\n },\r\n ]\r\n }\r\n }\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n modal: !prevState.modal\r\n }));\r\n }\r\n\r\n handleInvoiceClick = (invId) =>{}\r\n\r\n invoiceIdFormater = (cell, row) => {\r\n return (\r\n // { e.preventDefault(); this.props.handleRowEditClick(row, true);}}>{cell}\r\n { e.preventDefault(); this.handleInvoiceClick(cell);}}>{cell}\r\n );\r\n }\r\n\r\n statusFormater = (cell, row) => {\r\n let statusStr = '';\r\n switch(cell){\r\n case 3 :\r\n statusStr='completed';\r\n break;\r\n default :\r\n statusStr='uncompleted'\r\n }\r\n return(\r\n {statusStr}\r\n );\r\n }\r\n\r\n actionClick = (invoiceObj) => {}\r\n\r\n onUploadClick = (e, invoiceObj) => {\r\n this.setState({\r\n orderId: invoiceObj.ordrId\r\n });\r\n this.toggle();\r\n }\r\n\r\n actionFiledFormater = (cell, row) => {\r\n return (\r\n \r\n {/* */}\r\n \r\n \r\n
\r\n \r\n \r\n {row.status == 3 ?\r\n \r\n :\r\n \r\n }\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n renderInvoiceList = () => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n {cell == 'R'? \r\n Returned\r\n :\r\n \r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n renderDeviceList = () => {\r\n let products = [];\r\n if (Array.isArray(this.state.data)){\r\n this.state.data.forEach((device, index)=>{\r\n let newItem = {...device};\r\n newItem.orderId = '001';\r\n newItem.vender = 'Sigfox';\r\n products.push(newItem);\r\n });\r\n }\r\n return (\r\n \r\n {/* */}\r\n \r\n \r\n Record Return Item\r\n \r\n \r\n \r\n {/*
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render(){\r\n return (\r\n Return address
\r\n\r\n {shippingAddress.name &&
}\r\n {shippingAddress.address &&
}\r\n {shippingAddress.address2 &&
}\r\n \r\n {shippingAddress.phone &&
}\r\n
\r\n \r\n Comments
\r\n \r\n \r\n\r\n {/* */}\r\n \r\n \r\n Insert Transaction\r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n
*/}\r\n \r\n (item.value == this.state.defaultValue.paytype)) : null}\r\n defaultValue={ this.state.defaultValue.paytype }\r\n onChange={this.handleSelect}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderPaymentList()}\r\n {this.renderFileloaderModal()}\r\n
\r\n \r\n // {this.renderUploader()}\r\n // {this.renderDeviceList()}\r\n // {this.renderDetailCard()}\r\n //
\r\n // )\r\n // }\r\n\r\n toggleCollaps = (tagId) => {\r\n this.setState({\r\n selectedCollapseId: tagId,\r\n })\r\n }\r\n\r\n handleInventroyClicked = (upccode) => {\r\n // this.setState({\r\n // selectedInventory: upccode,\r\n // });\r\n \r\n this.props.getDeviceMasterList(upccode)\r\n this.toggleCollaps('2');\r\n }\r\n\r\n handleDeviceClicked = (deviceid) => {\r\n this.toggleCollaps('3');\r\n }\r\n handleDeviceListBackClick = () => { \r\n this.toggleCollaps('1');\r\n }\r\n\r\n\r\n onDeviceListEntering = () => {\r\n\r\n }\r\n\r\n onDeviceListExited = () => {\r\n\r\n }\r\n\r\n onDeviceDetailEntering = () => {\r\n\r\n }\r\n\r\n onDeviceDetailExited = () => {\r\n this.props.clearDeviceMasterList();\r\n }\r\n\r\n renderInventoryList(){\r\n \r\n return (\r\n \r\n \r\n {/* {this.renderUploader()} */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderInventoryPurchase = () => {\r\n return (\r\n \r\n {this.renderInventoryList()}\r\n
\r\n \r\n {this.renderInventoryPurchase()}\r\n
\r\n \r\n {/* Nothing here */}\r\n {this.renderInventoryReceive()}\r\n
\r\n \r\n {/* Nothing here */}\r\n {this.renderInventoryInvoice()}\r\n
\r\n \r\n {/* Nothing here */}\r\n {/* Coming soon .... */}\r\n {this.renderInventoryPayment()}\r\n
\r\n \r\n {/* Nothing here */} \r\n {this.renderInventoryReturn()}\r\n
\r\n Inventory Master
\r\n\r\n \r\n
{key}
\r\n \r\n}\r\n
\r\n \r\n \r\n {this.props.deviceMaster && \r\n // Object.entries(this.props.deviceMaster).map(([key, value], index) => (\r\n // this.renderInfoLine(key, value, eol)\r\n // ))\r\n keys.map(key => {\r\n let val = '';\r\n if (this.props.deviceMaster[key]){\r\n val = this.props.deviceMaster[key];\r\n }\r\n return(\r\n (Object.keys(this.props.deviceMaster).includes(key) || key === 'device_NAME') &&\r\n this.renderInfoLine(labels[key], val, eol)\r\n )\r\n })\r\n }\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default DeviceDetailsMain;\r\n\r\nfunction mapStateToProps(state) {\r\n const props = state.inventory;\r\n return props;\r\n}\r\n \r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ \r\n getOneDeviceMaster,\r\n clearOneDeviceMaster, \r\n }, dispatch);\r\n}\r\n \r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DeviceDtailsMain));","/* eslint-disable */\r\nimport React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport withRouter from 'react-router/withRouter';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport DeviceDetailsMain from './components/DeviceDetailsMain';\r\n\r\nconst DeviceMasterDetails = props => (\r\n \r\n \r\n \r\n \r\n
\r\n Device {props.match.params.id}
\r\n \r\n{title}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
Device Sign Up {props.match.params.id}
\r\n \r\nAsset Schema
\r\n \r\n\r\n {/* */}\r\n {/* \r\n Edit Receivers\r\n */}\r\n \r\n {/* Edit Receivers */}\r\n \r\n {/*
\r\n \r\n \r\n
\r\n );\r\n };\r\n \r\n export default ContactBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment, useState } from 'react';\r\nimport {\r\n compose, \r\n bindActionCreators\r\n} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport {\r\n getContact, \r\n upsertContact, \r\n deleteContact,\r\n} from '../../../redux/actions/jobAction'; \r\nimport UserEditFrom from '../../AccountMgmt/components/userEditForm';\r\nimport ContactBoard from './ContactBoard';\r\n\r\nclass ProfileMainBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n activeTab: '1',\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n this.props.getContact();\r\n }\r\n// ----------------------------------------------------\r\nhandleClose = () => {\r\n this.props.history.push('/pages/dashboard');\r\n} \r\nrenderUserEdit = () => {\r\n return(\r\n \r\n
\r\n {/* {\" \"} */}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.renderUserEdit()}\r\n \r\n \r\n {this.renderUserContact()}\r\n \r\n \r\n
\r\n );\r\n}\r\n}\r\n\r\n// export default ProfileMainBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n let { contactList } = state.job;\r\n return { contactList };\r\n // return state.weather;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getContact, \r\n upsertContact, \r\n deleteContact,\r\n }, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withRouter\r\n);\r\n\r\nexport default enhance(ProfileMainBoard);","/* eslint-disable */\r\nimport React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\nimport ProfileMainBoard from './components/ProfileMainBoard';\r\nimport { getCurrentUser } from '../../factories/auth';\r\nimport {UserContext} from '../../constants/myContexts';\r\n\r\nconst ProfilePage = (props) => {\r\n // let userObj = getCurrentUser();\r\n let {userObj, updateUserObj} = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error('Can not fetch login user information, Please re-login.');\r\n props.history.push('/log_out');\r\n } else {\r\n \r\n }\r\n return (\r\n Profile
\r\n \r\n\r\n {this.renderContact()}\r\n {this.renderTimePeriod()}\r\n {this.renderEmailNotification()}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n { this.handleRowEditClick(row); }} />{' '}\r\n {/* {this.handleRowDeleteClick(row);}}\r\n msg={`Do you want to delete the select Contact ${row.name} ?`}\r\n /> */}\r\n \r\n\r\n
\r\n )\r\n }\r\n\r\n tableDeleteColFormater = (cell, row) => {\r\n return (\r\n \r\n \r\n { this.handleRowDeleteClick(row); }}\r\n msg={`Do you want to delete the select Contact ${row.name} ?`}\r\n />\r\n \r\n\r\n
\r\n )\r\n }\r\n\r\n\r\n handleAddNewButtonClick = (onClick) => {\r\n let templateObj = {\r\n \"id\": 0,\r\n \"contactid\": '',\r\n \"destination\": '', //String \r\n \"title\": '',//String\r\n \"content\": '',//String\r\n\r\n \"weekday\": '', //String not use\r\n \"starttime\": '00:00:00',//Time not use\r\n \"endtime\": '00:00:00',//Time not use\r\n\r\n \"owner\": '',//not changeable\r\n \"companycode\": '',//not changeable\r\n \"createdtime\": '' //not changeable\r\n }\r\n this.setState({ templateObj }, () => { this.toggle(); })\r\n }\r\n\r\n addNewUserButton = (onClick) => {\r\n const check = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN']);\r\n return (\r\n\r\n Template Management
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default SelectAssign;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {Button, Card, CardBody, CardHeader} from \"reactstrap\";\r\nimport {BootstrapTable, TableHeaderColumn} from \"react-bootstrap-table\";\r\n\r\nimport {\r\n getDashBoardTemplateUserLists,\r\n postAssignDashBoardTemplate\r\n} from \"../../../redux/actions/dashboardTemplateAction\";\r\nimport {connect} from \"react-redux\";\r\nimport {bindActionCreators} from \"redux\";\r\nimport SelectAssign from \"./SelectAssign\";\r\nconst updateBody = []\r\nclass DashBoardSettingAssignModal extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n\r\n\r\n this.state = {\r\n\r\n };\r\n\r\n\r\n }\r\n\r\n\r\n componentDidMount()\r\n {\r\n\r\n console.log(\"before running get user in assign modal\")\r\n this.props.getDashBoardTemplateUserLists();\r\n console.log('getUsers inside assign modal')\r\n console.log(this.props.dashboardUserList)\r\n }\r\n\r\n\r\n onClose = () => {\r\n this.props.toggle();\r\n }\r\n\r\n\r\n\r\n onSubmit = () => {\r\n\r\n this.props.onSubmit(updateBody)\r\n\r\n }\r\n\r\n\r\n handleSelectChange (e) {\r\n e.preventDefault();\r\n console.log('e.target')\r\n \r\n let optionDom = e.target.options[e.target.selectedIndex];\r\n console.log('optionDom')\r\n \r\n let v = optionDom.value,\r\n t = optionDom.text;\r\n let newSelect = {\r\n ls: this.state.select.ls,\r\n value: v,\r\n text: t\r\n }\r\n this.setState({\r\n select: newSelect\r\n })\r\n }\r\n\r\n\r\n\r\n onSelectChange = (e, row) => {\r\n e.preventDefault();\r\n console.log('e',e)\r\n console.log('row',row)\r\n //this.setState({value:0})\r\n console.log('e.target.value',e.target.value)\r\n row.access = Number(e.target.value);\r\n\r\n this.setState((preState)=>{\r\n return({\r\n vaule: 0,\r\n });\r\n }\r\n );\r\n }\r\n\r\n\r\n getSelectChange = (val) => {\r\n console.log('val is :', val)\r\n if (val != undefined) {\r\n if (updateBody.length > 0 ) {\r\n let tmp,indexArray ;\r\n updateBody.forEach((item,index) => {\r\n if (item.username !== val.username) {\r\n tmp = true\r\n indexArray = index\r\n } else {\r\n tmp = false\r\n indexArray = index\r\n }\r\n })\r\n if(tmp){updateBody.push(val)}else{updateBody[indexArray]=val}\r\n }else{\r\n updateBody.push(val)\r\n }\r\n console.log('final updateBody ', updateBody)\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n\r\n cellAuthSelectionAssign(cell, row, enumObject, index) {\r\n\r\n\r\n console.log ('cell, row, enumObject, index', cell, row, enumObject, index);\r\n\r\n\r\n let valueOption = false;\r\n\r\n console.log ('this.props.templateObj.id', this.props.templateObj.id);\r\n\r\n row.templates.forEach(\r\n (item)=>{\r\n if(item.templateId === 301){\r\n valueOption = true;\r\n }\r\n }\r\n )\r\n\r\n\r\n\r\n\r\n\r\n\r\n return(\r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n );\r\n }\r\n\r\n render(){\r\n // let modalTitle = '';\r\n // if (this.props.templateObj){\r\n // modalTitle = this.props.templateObj.id == 0 ? 'Add New Template' : 'Edit Template';\r\n // }\r\n\r\n console.log(' madol this.props',this.props)\r\n\r\n\r\n return(\r\n \r\n
\r\n \r\n save\r\n \r\n \r\n close\r\n \r\n
\r\n {/*\r\n \r\n
\r\n \r\n {/* {this.props.mapData && this.props.mapData.slice(0,10).map((m,i)=>{\r\n return(\r\n \r\n \r\n );})} */}\r\n {\r\n assetClass && assetClass.asset && assetClass.asset.map((m, i) => {\r\n // \r\n // \r\n if (m.locationlat == 0 && m.locationlng == 0){\r\n return null;\r\n }\r\n let path = defaultIconPath;\r\n let color = defaultColor;\r\n if (assetClass.assetIcon && assetClass.assetIcon.iconsvg){\r\n path = assetClass.assetIcon.iconsvg;\r\n }\r\n if (m.color){\r\n color = m.color;\r\n }\r\n // \r\n return(\r\n \r\n \r\n );\r\n }) \r\n }\r\n \r\n \r\n {/* {this.state.markers.map((m,i)=>{\r\n \r\n \r\n return(\r\n \r\n \r\n \r\n \r\n );})} */}\r\n {/* \r\n */}\r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n// export default GoogleApiWrapper({\r\n// apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n// libraries: ['drawing','places'],\r\n// })(DashboardMap);\r\n\r\nfunction mapStateToProps(state) { \r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n const fenceStatus = state.fence.type;\r\n const props = {allfences, fenceObj, fenceStatus};\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadAllGeoFences,}, dispatch);\r\n};\r\n// export default connect(mapStateToProps, mapDispatchToProps)(StepCondition);\r\n\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing','places'],\r\n }),\r\n connect(mapStateToProps, mapDispatchToProps)\r\n);\r\n\r\nexport default enhance(DashboardMap);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Col, Row, Label, Input, Button, Container } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Card, CardTitle, CardBody } from 'reactstrap';\r\nimport PlusCircleOutlineIcon from 'mdi-react/PlusCircleOutlineIcon';\r\nimport ChartBarIcon from 'mdi-react/ChartBarIcon';\r\nimport TableLargeIcon from 'mdi-react/TableLargeIcon';\r\nimport GoogleMapsIcon from 'mdi-react/GoogleMapsIcon';\r\n\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport { EditableText } from '../../../Asset/components/ClassDisplayDetail';\r\nimport { loadDevice, loadAssetClass } from '../../../../redux/actions/mapActions';\r\n\r\nclass DashboardWidgetEditModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n tital: 'Dashboard Element',\r\n modalList: this.props.modalList,\r\n selectedAssetClassId: null,\r\n selectedDeviceTypeId: null,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.props.loadDevice();\r\n this.props.loadAssetClass();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.layout && nextProps.layout !== this.state.layout) {\r\n if (nextProps.layout.parameter) {\r\n let parameter = JSON.parse(nextProps.layout.parameter);\r\n if (parameter.assetid) {\r\n this.setState({\r\n currentAssetClassId: parameter.assetid,\r\n currentParameter: nextProps.layout.parameter\r\n });\r\n } else if (parameter.devicetype) {\r\n this.setState({\r\n currentDeviceTypeId: parameter.devicetype,\r\n currentParameter: nextProps.layout.parameter\r\n });\r\n }\r\n }\r\n\r\n this.setState({\r\n currentName: nextProps.layout.name,\r\n layout: nextProps.layout\r\n });\r\n }\r\n }\r\n\r\n\r\n onAssetClassChange = (e) => {\r\n let value = e.target.value;\r\n this.setState({\r\n currentAssetClassId: value,\r\n currentParameter: JSON.stringify({ assetid: value })\r\n });\r\n }\r\n onDeviceTypeChange = (e) => {\r\n let value = e.target.value;\r\n this.setState({\r\n currentDeviceTypeId: value,\r\n currentParameter: JSON.stringify({ devicetype: value })\r\n });\r\n }\r\n renderParameterInput(type) {\r\n\r\n switch (type) {\r\n case 'map':\r\n case 'AssetMap':\r\n case 'AssetTable':\r\n return (\r\n // \r\n \r\n \r\n {/*
\r\n
\r\n {this.props.values.selectedPlace.name }
\r\n| attr | \r\n{this.props.values.selectedPlace.name} | \r\n
| {key} | \r\n{this.props.values.selectedPlace.attr[key]} | \r\n
| \r\n {'lat :'}\r\n | \r\n\r\n {lat}\r\n | \r\n
| \r\n {'lng :'}\r\n | \r\n\r\n {lng}\r\n | \r\n
\r\n
\r\n {m.info}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n {/*
*/}\r\n\r\n {/*
\r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.showColorPicker &&\r\n
\r\n \r\n
}\r\n \r\n
\r\n {' '}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
*/}\r\n
*/}\r\n {this.renderInput()}\r\n
*/}\r\n
\r\n \r\n {/*
\r\n {this.props.dashName}\r\n\r\n {/* \r\n {this.props.layout.locked == 0 && ( */}\r\n\r\n {/* {this.props.layout.display === 0 && */}\r\n \r\n {/* } */}\r\n
\r\n {/* \r\n \r\n
*/}\r\n {this.renderMap()}\r\n \r\n {this.props.dashName}
\r\n\r\n {this.props.layout.locked == 0 && (
*/}\r\n {/* {this.props.layout.display == 0 && */}\r\n \r\n {/*
{this.renderDetailsTb(deviceId)}
)\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n // // \r\n // // \r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n // }\r\n\r\n // const deviceIdLinkFormatter = (cell, row) => {\r\n // let path = `/pages/device/${cell}`;\r\n // return(\r\n // // {\r\n // // // alert(cell); \r\n // // // alert(row['devicename']);\r\n // // }}>{cell}\r\n // // \r\n // {cell} \r\n // )\r\n // }\r\n \r\n if (cell){\r\n let chunkedDevices = chunk(cell, colspan); \r\n return (\r\n | \r\n {/* {}}>{device.deviceid} */}\r\n {/* {handleDeviceOnClick(e, device.deviceid);}}>{device.deviceid} */}\r\n {device.deviceid} \r\n | \r\n ))}\r\n
\r\n {\r\n data && data.map((assetclass, acindex)=>( \r\n {this.renderAssetsTb2(assetclass)} \r\n ))\r\n }\r\n
\r\n // \r\n // {data &&\r\n // this.renderAssetsTb2(data[0])}\r\n //
\r\n \r\n );\r\n \r\n }\r\n toggle = () => {\r\n // alert('yes');\r\n console.log('this is asset table widget')\r\n this.setState((prevState) => ({\r\n modal : !prevState.modal\r\n }))\r\n }\r\n deleteWidget = (val) => {\r\n console.log ('val is',val)\r\n console.log('id in delete is ',this.props.layout.id)\r\n\r\n this.props.onDeleteSubmit(this.props.layout.id);\r\n\r\n // this.setState(prevState=>({\r\n // modal: ! prevState.modal,\r\n // }));\r\n }\r\n render() {\r\n return(\r\n \r\n {this.props.dashName} \r\n {/* ( \r\n\r\n {/* {this.props.layout.display === 0 && */}\r\n \r\n {/* } */}\r\n
\r\n \r\n
*/}\r\n {this.renderAssetClassTbs()}\r\n {this.props.dashName}
\r\n\r\n {/*
*/}\r\n \r\n {/*
\r\n {/* \r\n */}\r\n \r\n Device ID \r\n Device Name \r\n Device Type \r\n Last Message Time \r\n \r\n {/* \r\n */}\r\n {/* */}\r\n
\r\n );\r\n }\r\n\r\n toggle = () => {\r\n // alert('yes');\r\n console.log('device table widget')\r\n this.setState((prevState) => ({\r\n modal : !prevState.modal\r\n }))\r\n }\r\n renderModal = () => {\r\n return(\r\n */}\r\n \r\n {this.props.dashName}\r\n\r\n {/*
\r\n {/*
*/}\r\n \r\n {this.props.dashName}\r\n\r\n {/* \r\n {this.props.layout.locked == 0 && ( */}\r\n\r\n {/* {this.props.layout.display === 0 && */}\r\n \r\n {/* } */}\r\n
\r\n {/* \r\n
*/}\r\n {this.renderDeviceTable()}\r\n {this.props.dashName}
\r\n\r\n {/*
\r\n // Device Type Usage
*/}\r\n */}\r\n \r\n {this.props.dashName}\r\n\r\n {/*
\r\n {/*
*/}\r\n \r\n {this.props.dashName}\r\n\r\n {/* \r\n {this.props.layout.locked == 0 && ( */}\r\n\r\n\r\n {/* {this.props.layout.display === 0 && */}\r\n
\r\n {/* \r\n
\r\n );\r\n }\r\n deleteWidget = (val) => {\r\n console.log ('val is',val)\r\n console.log('id in delete is ',this.props.layout.id)\r\n\r\n this.props.onDeleteSubmit(this.props.layout.id);\r\n\r\n // this.setState(prevState=>({\r\n // modal: ! prevState.modal,\r\n // }));\r\n }\r\n render() {\r\n return(\r\n */}\r\n \r\n {this.props.dashName}\r\n\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName}\r\n\r\n \r\n {this.props.layout.locked == 0 && ( \r\n {/* {this.props.layout.display === 0 && */}\r\n
\r\n {/* \r\n
\r\n
\r\n {/*
\r\n // Device Type Usage
*/}\r\n */}\r\n \r\n {this.props.dashName} \r\n {/*
\r\n {/*
*/}\r\n \r\n {this.props.dashName} \r\n {/*
\r\n {/* */}\r\n \r\n {/* {this.props.dashName} */}\r\n Test\r\n {/* {this.props.layout && 0 == this.props.layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {/* {this.props.dashName} */}\r\n Test\r\n {/* {this.props.layout && 0 == this.props.layout.locked &&\r\n \r\n } */}\r\n
\r\n {/* \r\n }\r\n \r\n \r\n
*/}\r\n \r\n {/*
\r\n */}\r\n \r\n {/* {label} \r\n {sublabel} */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {value} \r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n {/* \r\n
*/}\r\n \r\n }\r\n \r\n \r\n
*/}\r\n \r\n {this.props.dashName}\r\n\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName}\r\n\r\n \r\n {this.props.layout.locked == 0 && ( \r\n {/* {this.props.layout.display === 0 && */}\r\n \r\n {/* } */}\r\n
\r\n {/* \r\n
\r\n {' '}\r\n \r\n
*/}\r\n \r\n \r\n {/*
\r\n\r\n \r\n {title}
*/}\r\n{assetTitle}
\r\n\r\n {calculateAttrs && calculateAttrs.length > 0 &&\r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n {deviceList && deviceList.size > 0 && Array.from(deviceList).map( ([key, value]) => (\r\n Calculate Attributes
\r\n {calculateAttrs.map(attri =>(\r\n\r\n
\r\n ))}\r\n \r\n {attri.name}\r\n
\r\n \r\n {attri.value}\r\n
\r\n \r\n
\r\n ))}\r\n {key}
\r\n {value && value.map(attr => (\r\n\r\n
\r\n ))}\r\n \r\n {attr.name}\r\n
\r\n \r\n {attr.value}\r\n
\r\n */}\r\n \r\n {this.props.dashName}\r\n\r\n\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName}\r\n\r\n\r\n \r\n {this.props.layout.locked == 0 && ( \r\n\r\n\r\n\r\n {/* {this.props.layout.display === 0 && */}\r\n \r\n {/* } */}\r\n
\r\n {/* */}\r\n \r\n {this.props.dashName}\r\n\r\n
\r\n {/*
*/}\r\n \r\n {this.props.dashName}\r\n\r\n \r\n {this.props.layout.locked == 0 && ( \r\n\r\n
\r\n {/* {this.state.chartdata.value}\r\n {' '}\r\n {this.state.chartdata.units}\r\n {' '}\r\n {this.state.chartdata.attributename}\r\n
\r\n {/* {this.renderLineChart(this.props.dashName, subtitle, this.state.dataValue, null)} */}\r\n {this.renderLineChart(this.state.chartdata.backgroundcolor)}\r\n{this.state.chartdata.value}\r\n {' '}\r\n {this.state.chartdata.units}\r\n {' '}\r\n {this.state.chartdata.attributename}
\r\n\r\n {/* \r\n */}\r\n \r\n Device ID \r\n Device Name \r\n Device Type \r\n Last Message Time \r\n \r\n {/* \r\n */}\r\n {/* */}\r\n
\r\n );\r\n }\r\n\r\n timeColFormater = (cell, row) => {\r\n let time = ''\r\n if (cell) {\r\n // time = cell.split('.')[0].replace('T', ' ');\r\n // time = new Date(cell).toLocaleString('en-US', { timeZone: 'America/New_York' });\r\n time = new Date(cell).toLocaleString('en-US', { timeZone: 'UTC' });\r\n }\r\n\r\n return (\r\n {time}\r\n )\r\n }\r\n\r\n renderAlertTable = (layout) => {\r\n const options = {\r\n // page: 1, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: 'All', value: this.props.currentDeviceList.length\r\n // } ], // you can change the dropdown list for size per page\r\n // sizePerPage: 3, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n };\r\n let actionLogs = [];\r\n if (this.props.actionLogs) {\r\n actionLogs = this.props.actionLogs.reverse();\r\n }\r\n let maxHeight = JSON.parse(layout.position).h * 30 - 20;\r\n\r\n return (\r\n \r\n {/*
\r\n // Device Type Usage
*/}\r\n\r\n
\r\n );\r\n }\r\n // -----------------------------------------------------------------------------------\r\n handleMapMarkerClick = (props, marker, e) => {\r\n // \r\n // \r\n\r\n // \r\n this.setState({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n\r\n }\r\n\r\n handleMapInfoWinClick = (props) => {\r\n if (this.state.mapProps.showingInfoWindow) {\r\n this.setState({\r\n showingInfoWindow: false,\r\n activeMarker: null\r\n });\r\n }\r\n }\r\n rendermapcard = () => {\r\n // let data = this.props.currentDeviceList.filter((v,i,a)=>(v.devicetype === \"5cf828390499f50b995ae851\"));\r\n let data = this.props.mapData; //filter((v,i,a)=>(v.devicetype === \"5cf828390499f50b995ae851\"));\r\n return (\r\n // Horizontal Bar Example
\r\n\r\n
\r\n {item.render()}\r\n {item.title}
\r\n */}\r\n \r\n {layout.name}\r\n {layout && 0 == layout.locked &&\r\n
\r\n {/*
*/}\r\n \r\n {layout.name}\r\n {layout && 0 == layout.locked &&\r\n
\r\n {/* \r\n
*/}\r\n {this.renderAlertTable(layout)}\r\n {layout.name}
\r\n */}\r\n \r\n {layout.name}\r\n {layout &&
\r\n {/*
*/}\r\n \r\n {layout.name}\r\n {layout &&
\r\n {/* \r\n
*/}\r\n {this.renderActionTable(layout)}\r\n {layout.name}
\r\n\r\n //
\r\n // {this.renderAssetTable()}\r\n // {layout.name}
\r\n //\r\n //
\r\n // {this.renderDeviceTypeChart()}\r\n // {layout.name}
\r\n // minH: locationArr.h, maxH: locationArr.h\r\n\r\n \r\n \r\n \r\n {/* \r\n {this.props.currentLayoutList && this.props.currentLayoutList.map(layout => (\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n // ----------------------------------------------------------------\r\n\r\n onReturnClick = () => {\r\n console.log('on return click')\r\n\r\n this.props.onReturn();\r\n }\r\n\r\n onDashButtonClick = () => {\r\n this.modalToggle();\r\n }\r\n\r\n //-----------------------------------------------------------------\r\n render() {\r\n const circleButton = {\r\n width: '70px',\r\n height: '70px',\r\n padding: '10px 16px',\r\n borderRadius: '35px',\r\n fontSize: '24px',\r\n lineHeight: 1.33,\r\n position: 'fixed',\r\n // position: '-webkit-sticky',\r\n // position: 'sticky',\r\n top: '90px',\r\n right: '30px',\r\n zIndex: '99',\r\n }\r\n const circleButton2 = {\r\n width: '70px',\r\n height: '70px',\r\n padding: '10px 16px',\r\n borderRadius: '35px',\r\n fontSize: '24px',\r\n lineHeight: 1.33,\r\n position: 'fixed',\r\n // position: '-webkit-sticky',\r\n // position: 'sticky',\r\n top: '190px',\r\n right: '30px',\r\n zIndex: '99',\r\n }\r\n\r\n console.log('id deleted in render is', this.state.idDeleted)\r\n console.log('this.props.dashboardTemplateDeleteResult in render', this.props.dashboardTemplateDeleteResult)\r\n console.log('this.props.dashboardTemplateLayout 1', this.props.dashboardTemplateLayout)\r\n\r\n if (this.props.dashboardTemplateDeleteResult === this.state.idDeleted) {\r\n\r\n console.log('getDashBoardTemplateLayoutById will be called again')\r\n\r\n this.props.getDashBoardTemplateLayoutById(this.props.templateId);\r\n this.setState({ idDeleted: null })\r\n\r\n }\r\n\r\n console.log('this.props.dashboardTemplateDeleteResult in render', this.props.dashboardTemplateDeleteResult)\r\n\r\n\r\n //let dashboardTemplateLayout = [...this.props.dashboardTemplateLayout]\r\n this.props.dashboardTemplateLayout.forEach((item, index) => {\r\n this.props.dashboardTemplateLayout[index].layoutid = item.id;\r\n });\r\n\r\n // if(this.props.dashboardTemplateLayout.length != this.state.dashboardTemplateLayout.length){\r\n // this.setState(()=>({dashboardTemplate: this.props.dashboardTemplateLayout}))\r\n // }\r\n\r\n // this.finalResponse = [...this.props.dashboardTemplateLayout];\r\n // console.log('this.finalResponse',this.finalResponse)\r\n // let dashboardLayout = this.props.dashboardTemplateLayout.filter(im=>{\r\n // console.log('im is ', im)\r\n // console.log('idOfDeleted is ', idOfDeleted)\r\n // let tmp = idOfDeleted.filter(item=>(item === im.id)).length\r\n // console.log('tmp is' ,tmp)\r\n // return tmp === 0\r\n //\r\n // })\r\n\r\n\r\n\r\n\r\n\r\n console.log('this.props.dashboardTemplateLayout 2', this.props.dashboardTemplateLayout)\r\n console.log('this.props.currentLayout in render is:', this.props.currentLayout)\r\n\r\n return (\r\n \r\n {this.renderTitle()}\r\n \r\n );\r\n }\r\n}\r\n\r\n// export default DashboardCard;\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n\r\n\r\n\r\n\r\n const dashboardTemplateLayout = state.dashboardTemplate.dashboardTemplateLayout;\r\n const dashboardTemplateDeleteResult = state.dashboardTemplate.dashboardTemplateDeleteResult\r\n\r\n const deviceTypes = state.mapboard.types;\r\n // const mapData = state.mapboard.mapData;\r\n const mapData = state.mapboard.assetData;\r\n const currentLayout = state.dashboard.currentLayout;\r\n console.log('props layout in map t props', currentLayout)\r\n const currentLayoutList = state.dashboard.currentLayoutList;\r\n const actionLogs = state.job.actionLogs;\r\n const { currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, currentDeviceDetailsList, error, message, type } = state.asset;\r\n const props = { dashboardTemplateDeleteResult, dashboardTemplateLayout, deviceTypes, mapData, currentDeviceTypeId, currentDeviceId, currentDeviceTypeList, currentDeviceList, currentDeviceDetailsList, error, message, type, currentLayout, actionLogs, currentLayoutList };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n loadDevice, loadDeviceInfo, loadDivceMapData,\r\n getAssetsData, loadDashBoardLayout, updateDashBoardLayout,\r\n getActionLog, loadDashBoardLayoutList, getDashBoardTemplateLayoutById,\r\n updateDashBoardTemplateLayout, deleteDashBoardTemplateEntryById\r\n }, dispatch);\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(DashboardCard));\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {compose, bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport {\r\n Card,\r\n CardBody,\r\n Col,\r\n Row,\r\n Button,\r\n Container,\r\n Collapse,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n Label,\r\n Input, ModalFooter\r\n} from 'reactstrap';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport '../../../scss/component/react-bs-table.scss'\r\n\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {EditTextButton, DeleteTextButton, PlusCircleIconButton} from '../../../shared/components/Button/IconButton';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport {\r\n getNotificationTemplate,\r\n upsertNotificationTemplate,\r\n deleteNotificationTemplate,\r\n getContact,\r\n upsertContact,\r\n deleteContact, getDashBoardSettingList,\r\n} from '../../../redux/actions/jobAction';\r\nimport { toast } from \"react-toastify\";\r\nimport moment from 'moment';\r\nimport NotificationTemplateModal from \"../../NotificationTemplate/components/TemplateModal\";\r\nimport DashBoardSettingAssignModal from \"./DashBoardSettingAssignModal\";\r\nimport {getUsers} from \"../../../redux/actions/userAction\";\r\nimport {\r\n deleteDashBoardTemplateById,\r\n newDashboardTemplateByName,\r\n postAssignDashBoardTemplate\r\n} from \"../../../redux/actions/dashboardTemplateAction\";\r\nimport DashboardCard from \"./DashBoardEdit/DashboardCard\";\r\nimport DashboardTemplateNew from \"./DashboardTemplateNew\";\r\n\r\n\r\nclass DashBoardSettingList extends Component {\r\n inVal;\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n templateObj: null,\r\n showEdit: false,\r\n templateId: null,\r\n templateName: null,\r\n templateIdDeleted: null,\r\n showTemplateNew:null\r\n\r\n };\r\n\r\n\r\n }\r\n\r\n componentDidMount(){\r\n\r\n this.props.getDashBoardSettingList();\r\n\r\n\r\n }\r\n\r\n\r\n handleInputOnChange=(val)=>{\r\n console.log('handle input on change is', val.target.value)\r\n this.inVal = val.target.value\r\n\r\n };\r\n\r\n\r\n// -------------------------------------------------------------------------------------\r\n handleRowEditClick = (row) => {\r\n // this.props.editContact(row.id);\r\n console.log('eidt is touch and row is :',row)\r\n\r\n\r\n //\r\n // if (this.props.notificationTemplateList){\r\n // let selectedTemplate = this.props.notificationTemplateList.find((item, index) => (item.id == row.id));\r\n // // \r\n // if (selectedTemplate) {\r\n // this.setState({templateObj: selectedTemplate}, () => {this.toggle();});\r\n // }\r\n // }\r\n\r\n\r\n\r\n this.setState(prevState => ({\r\n showEdit: !prevState.showEdit,\r\n templateId: row.id,\r\n templateName: row.name\r\n }))\r\n\r\n\r\n }\r\n\r\n handleRowEditClickAssign = (row) => {\r\n console.log ('row is',row)\r\n // this.props.editContact(row.id);\r\n if (this.props.job.dashBoardSettingList){\r\n let selectedTemplate = this.props.job.dashBoardSettingList.find((item, index) => (item.id == row.id));\r\n \r\n if (selectedTemplate) {\r\n this.setState({templateObj: selectedTemplate}, () => {this.toggle();});\r\n }\r\n }\r\n }\r\n handleRowDeleteClick = (row) => {\r\n // this.props.deleteContact(row.id);\r\n // this.props.deleteNotificationTemplate(row.id);\r\n console.log('delete template is hit and row id ', row.id)\r\n\r\n this.setState(()=>({templateIdDeleted: row.id}),\r\n ()=>{\r\n console.log('this.props.deleteDashBoardTemplateById is called')\r\n this.props.deleteDashBoardTemplateById(row.id)}\r\n )\r\n }\r\n\r\n tableActionColFormater = (cell, row) => {\r\n return (\r\n this.handleAddNewButtonClick(onClick) }\r\n // disabled = {!check}\r\n >\r\n {/* */}\r\n {/* */}\r\n \r\n {!this.state.showEdit && \r\n {/* */}\r\n {/* ID \r\n Template Name */}\r\n {/*Network */}\r\n {/* Company Code \r\n user name \r\n type */}\r\n {/*Created By */}\r\n {/* Created Time \r\n Edit \r\n */}\r\n }\r\n \r\n )\r\n }\r\n\r\n\r\n\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n showModal: ! prevState.showModal,\r\n }))\r\n }\r\n\r\n\r\n onHandleNewTemplateSubmit=(val)=>{\r\n\r\n console.log(' onHandleNewTemplateSubmit and val is ',val)\r\n this.props.newDashboardTemplateByName(this.inVal);\r\n\r\n this.setState({\r\n showTemplateNew: !this.state.showTemplateNew\r\n\r\n })\r\n };\r\n\r\n\r\n onHandleNewTemplateClose=()=>{\r\n this.setState({showTemplateNew: !this.state.showTemplateNew})\r\n\r\n }\r\n\r\n\r\n // handleInputChange = (e) => {\r\n // //let val = e.target.value;\r\n //\r\n // console.log('handle input change and value is',e)\r\n // // let key = e.target.name;\r\n // // this.setState(prevState => {\r\n // // if (prevState.templateObj){\r\n // // prevState.templateObj[key] = val\r\n // // return ({\r\n // // templateObj: prevState.templateObj,\r\n // // });\r\n // // }\r\n // // else{\r\n // // return null;\r\n // // }\r\n // // });\r\n // }\r\n\r\n\r\n onReturn=(val)=>{\r\n console.log('on return is hit')\r\n this.setState({showEdit: false},()=>{\r\n \r\n this.props.getDashBoardSettingList();\r\n })\r\n\r\n\r\n}\r\n\r\n\r\n onSubmit = (obj) => {\r\n console.log('obj',obj)\r\n\r\n if (obj.length>0){\r\n \r\n\r\n\r\n let finalobj = obj.filter(item=>item.changeStatus == true).map(\r\n item=>({username:item.username, templateId:item.templateId})\r\n );\r\n\r\n console.log('finalobj',finalobj)\r\n this.props.postAssignDashBoardTemplate(finalobj)\r\n }\r\n this.setState(prevState => ({\r\n showModal: ! prevState.showModal,\r\n }))\r\n\r\n }\r\n\r\n\r\n\r\n renderModal(){\r\n return(\r\n \r\n New Dashboard Template \r\n \r\n {/**/}\r\n {/*
*/}\r\n \r\n
\r\n \r\n\r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n\r\n\r\n\r\n render() {\r\n\r\n\r\n console.log('this.props.job.dashBoardSettingList is:')\r\n console.log(this.props.job.dashBoardSettingList)\r\n console.log('the show template new is',this.state.showTemplateNew)\r\n if(this.props.dashboardTemplate.dashboardTemplateDeleteResult === this.state.templateIdDeleted){\r\n\r\n console.log('getDashBoardSettingList will be called again')\r\n\r\n this.props.getDashBoardSettingList();\r\n this.setState({templateIdDeleted: null})\r\n\r\n }\r\n\r\n console.log('this.props.dashboardTemplate.dashboardTemplateNewResult is',this.props.dashboardTemplate.dashboardTemplateNewResult)\r\n if(this.props.dashboardTemplate.dashboardTemplateNewResult){\r\n\r\n console.log('template id is ',this.props.dashboardTemplate.dashboardTemplateNewResult.id)\r\n console.log('template name is ',this.props.dashboardTemplate.dashboardTemplateNewResult.name)\r\n this.setState({\r\n showEdit : !this.state.showEdit,\r\n templateId: this.props.dashboardTemplate.dashboardTemplateNewResult.id,\r\n templateName: this.props.dashboardTemplate.dashboardTemplateNewResult.name\r\n })\r\n\r\n this.props.dashboardTemplate.dashboardTemplateNewResult = null\r\n // this.props.getDashBoardSettingList();\r\n // this.props.dashboardTemplate.dashboardTemplateNewResult = null;\r\n }\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n\r\n\r\n\r\n \r\n {/* \r\n */}\r\n {this.renderDashBoardSettingList()}\r\n {/* \r\n */}\r\n \r\n \r\n {this.state.showModal &&\r\n \r\n\r\n {/**/}\r\n {/* {this.state.showTemplateNew &&*/}\r\n {/* */}\r\n \r\n\r\n {this.state.showEdit &&\r\n \r\n\r\n\r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n //return state.job;\r\n const job = state.job;\r\n const dashboardTemplate = state.dashboardTemplate\r\n const props = {job,dashboardTemplate};\r\n\r\n\r\n return props;\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return bindActionCreators({\r\n getDashBoardSettingList,\r\n // getNotificationTemplate,\r\n postAssignDashBoardTemplate,\r\n deleteDashBoardTemplateById,\r\n newDashboardTemplateByName\r\n\r\n }, dispatch);\r\n};\r\n\r\n// const enhance = compose(\r\n// connect(mapStateToProps, mapDispatchToProps),\r\n// withStyles(styles),\r\n// // withRouter\r\n// );\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DashBoardSettingList);\r\n","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\n import {Form, Label, Row, Col, Input, Button, CardBody} from \"reactstrap\";\r\n\r\n\r\n\r\nclass DashboardTemplateNew extends Component {\r\n inputVal;\r\n constructor(props) {\r\n super(props);\r\n\r\n console.log('this is inside DashboardTemplateNew constructor')\r\n }\r\n\r\n\r\n onSubmit=()=>{\r\n \r\n this.props.onHandleNewTemplateSubmit(this.inputVal);\r\n this.inputVal = null;\r\n}\r\n\r\n onClose=()=>{\r\n this.props.onHandleNewTemplateClose();\r\n }\r\n onInputChange=(val)=>{\r\n\r\n //this.props.handleInputChange(val.target.value)\r\n this.inputVal = val.target.value\r\n console.log('on input change and this.inputVal', this.inputVal)\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default ReportsPage;\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport {\r\n Col,\r\n Row,\r\n Button,\r\n Form,\r\n FormGroup,\r\n Label,\r\n FormText,\r\n Input,\r\n Nav,\r\n NavItem,\r\n NavLink\r\n} from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nimport classNames from \"classnames\";\r\n\r\nconst backdropStyle = {\r\n position: \"fixed\",\r\n zIndex: 1040,\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: \"#000\",\r\n opacity: 0.5,\r\n overflow: \"auto\",\r\n};\r\n\r\nclass DecoderEditModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataElement: \"\",\r\n showModal: false,\r\n data: [],\r\n lowerLimit: null,\r\n upperLimit: null,\r\n attributeId: null,\r\n calculateExpression: null,\r\n conditionExpression: null,\r\n convertedDataType: null,\r\n endPosition: null,\r\n startPosition: null,\r\n initialDataType: null,\r\n readDirection: null,\r\n subEndPoint: null,\r\n subStartPoint: null,\r\n };\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n console.log(\"MODAL PROPS\", nextProps);\r\n this.setState(\r\n {\r\n dataElement: nextProps.editRow.dataElement,\r\n // size: nextProps.editRow.size,\r\n // from: nextProps.editRow.from,\r\n // to: nextProps.editRow.to,\r\n // dataType: nextProps.editRow.dataType,\r\n lowerLimit: nextProps.editRow.lowerLimit,\r\n upperLimit: nextProps.editRow.upperLimit,\r\n // initialValue: nextProps.editRow.initialValue,\r\n // formula: nextProps.editRow.formula,\r\n\r\n // Calculate_rule Table\r\n attributeId: nextProps.editRow.attributeId,\r\n conditionExpression: nextProps.editRow.conditionExpression,\r\n calculateExpression: nextProps.editRow.calculateExpression,\r\n\r\n //Decode_rule Table\r\n startPosition: nextProps.editRow.startPosition,\r\n endPosition: nextProps.editRow.endPosition,\r\n initialDataType: nextProps.editRow.initialDataType,\r\n convertedDataType: nextProps.editRow.convertedDataType,\r\n subStartPoint: nextProps.editRow.subStartPoint,\r\n subEndPoint: nextProps.editRow.subEndPoint,\r\n readDirection: nextProps.editRow.readDirection,\r\n },\r\n () => {\r\n if (nextProps.show === true) {\r\n this.setState({\r\n showModal: true,\r\n });\r\n }\r\n }\r\n );\r\n }\r\n\r\n renderBackdrop = (props) => {\r\n return ;\r\n };\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n });\r\n };\r\n\r\n onSubmit = () => {\r\n let dataObj = {\r\n dataElement: this.state.dataElement,\r\n // size: this.state.size,\r\n // from: this.state.from,\r\n // to: this.state.to,\r\n // dataType: this.state.dataType,\r\n lowerLimit: this.state.lowerLimit,\r\n upperLimit: this.state.upperLimit,\r\n // initialValue: this.state.initialValue,\r\n // formula: this.state.formula,\r\n\r\n // Calculate_rule Table\r\n attributeId: this.state.attributeId,\r\n conditionExpression: this.state.conditionExpression,\r\n calculateExpression: this.state.calculateExpression,\r\n\r\n //Decode_rule Table\r\n startPosition: this.state.startPosition,\r\n endPosition: this.state.endPosition,\r\n initialDataType: this.state.initialDataType,\r\n convertedDataType: this.state.convertedDataType,\r\n subStartPoint: this.state.subStartPoint,\r\n subEndPoint: this.state.subEndPoint,\r\n readDirection: this.state.readDirection,\r\n };\r\n\r\n this.props.handelEditTableData(dataObj);\r\n\r\n this.onClose();\r\n };\r\n\r\n onClose = () => {\r\n this.setState({\r\n showModal: false,\r\n });\r\n this.props.toggle();\r\n // let currentLocation = window.location;\r\n // currentLocation.pathname == \"/pages/deviceconfig\" ? history.back() : this.props.toggle();\r\n };\r\n render() {\r\n const {\r\n /* size,\r\n from,\r\n to,\r\n dataType,\r\n initialValue,\r\n formula, */\r\n\r\n lowerLimit,\r\n upperLimit,\r\n // Calculate_rule Table:\r\n attributeId,\r\n name,\r\n displayName,\r\n calculateExpression,\r\n conditionExpression,\r\n\r\n // Decode_rule Table:\r\n startPosition,\r\n endPosition,\r\n initialDataType,\r\n convertedDataType,\r\n subStartPoint,\r\n subEndPoint,\r\n readDirection,\r\n } = this.props;\r\n\r\n \r\n return (\r\n \r\n \r\n {this.props.editRow ? this.props.editRow.dataElement : \"Config\"}\r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n Calculate Expression\r\n \r\n \r\n Condition Expression\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n Close\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default DecoderEditModal;\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment, useEffect, useState } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n Col,\r\n Row,\r\n Button,\r\n Label,\r\n Container,\r\n Input,\r\n Form,\r\n FormGroup,\r\n} from \"reactstrap\";\r\nimport Select from \"react-select\";\r\nimport { EditIcon } from \"mdi-react\";\r\nimport MultiSelectionComponent, {\r\n SingleSelection,\r\n} from \"../../Asset/components/SelectionComponents\";\r\nimport { BootstrapTable, TableHeaderColumn } from \"react-bootstrap-table\";\r\nimport DecoderEditModal from \"./DecoderEditModal\";\r\nimport { loadClasses, loadAssets } from \"../../../redux/actions/assetActions\";\r\n\r\nconst inputStyle = {\r\n maxWidth: \"30%\",\r\n minHeight: \"150px\",\r\n};\r\n\r\nconst deviceSelect = (value) => {\r\n this.setState({\r\n deviceToEdit: value,\r\n });\r\n};\r\n\r\nclass EditMessageDecodePanel extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.id = [];\r\n this.state = {\r\n selectedDeviceInfo: [],\r\n assetClassList: [],\r\n deviceToEdit: null,\r\n submitForm: null,\r\n renderTable: [],\r\n jsonInput: null,\r\n dataElementToEdit: {},\r\n allowedDeviceTypes: [],\r\n selectedAssetClassId: null,\r\n showEditModal: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n allowedDeviceTypes: this.state.assetClassList.allowedDeviceTypes,\r\n });\r\n }\r\n\r\n onSubmit = () => {\r\n if (this.validateJson(this.state.jsonInput)) {\r\n const data = JSON.parse(this.state.jsonInput);\r\n let result = [];\r\n let statusData = this.jsonToArray(result.push(data));\r\n this.setState({\r\n renderTable: statusData,\r\n });\r\n } else {\r\n alert(\"Please input JSON format.\");\r\n }\r\n };\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value,\r\n });\r\n };\r\n\r\n handelEditTableData = (param) => {\r\n if (param && this.state.renderTable.length > 0) {\r\n // console.log('===EDIT TABLEs', this.state.renderTable, param)\r\n let tempTableData = this.state.renderTable.map((el, ind) => {\r\n if (el.dataElement == param.dataElement) {\r\n el = param;\r\n return el;\r\n } else {\r\n return el;\r\n }\r\n });\r\n // console.log(\"===tempTableData\", tempTableData);\r\n this.setState({\r\n renderTable: tempTableData,\r\n });\r\n }\r\n // this.setState({\r\n // renderTable:\r\n // })\r\n };\r\n\r\n validateJson = (str) => {\r\n try {\r\n JSON.parse(str);\r\n } catch (e) {\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n jsonToArray = () => {\r\n const result = [];\r\n if (this.validateJson(this.state.jsonInput)) {\r\n const input = JSON.parse(this.state.jsonInput);\r\n for (let key of Object.keys(input)) {\r\n let obj = {\r\n dataElement: \"\",\r\n // from :\"\",\r\n // size :\"\",\r\n // to :\"\",\r\n // dataType :\"\",\r\n lowerLimit: \"\",\r\n upperLimit: \"\",\r\n // initialValue: \"\",\r\n // formula :\"\",\r\n calculateExpression: \"\",\r\n conditionExpression: \"\",\r\n attributeId: \"\",\r\n displayName: \"\",\r\n startPosition: \"\",\r\n endPosition: \"\",\r\n initialDataType: \"\",\r\n convertedDataType: \"\",\r\n subStartPoint: \"\",\r\n subEndPoint: \"\",\r\n readDirection: \"\",\r\n };\r\n obj.dataElement = key;\r\n result.push(obj);\r\n }\r\n\r\n return result;\r\n }\r\n };\r\n\r\n dataElement = (cell, row) => {\r\n return \r\n \r\n
\r\n
\r\n
\r\n\r\n id}\r\n getOptionLabel={({ name }) => name}\r\n isClearable={true}\r\n onChange={this.selectedAssetClass}\r\n // defaultValue={}\r\n />\r\n \r\n
\r\n \r\n id}\r\n getOptionLabel={({ name }) => name}\r\n isClearable={true}\r\n />\r\n {/*
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default EditMessageDecodePanel;\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { BootstrapTable, TableHeaderColumn } from \"react-bootstrap-table\";\r\nimport \"react-bootstrap-table/dist/react-bootstrap-table.min.css\";\r\nimport {\r\n Col,\r\n Container,\r\n Row,\r\n Card,\r\n CardBody,\r\n Label,\r\n Input,\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Form,\r\n FormGroup,\r\n Collapse,\r\n} from \"reactstrap\";\r\nimport ConfirmDeleteDialog from \"../../Asset/components/ConfirmDeleteDialog\";\r\nimport { sortCaret } from \"../../../shared/components/Table/tableElements\";\r\nimport { EditIcon } from \"mdi-react\";\r\nimport EditMessageDecodePanel from \"./EditMessageDecodePanel\";\r\n\r\nclass DeviceConfigList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n msgDecodeToEdit: null,\r\n msgDecodeToDelete: null,\r\n confirmDialogOpen: null,\r\n modalVisible: false,\r\n modalName: false,\r\n currentMsgDecodeObj: null,\r\n currentMsgDecodeId: \"\",\r\n currentName: null,\r\n };\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n toggleDialog = () => {\r\n this.setState({ confirmDialogOpen: !this.state.confirmDialogOpen });\r\n };\r\n\r\n toggleNameEdit = () => {\r\n this.setState((prevState) => ({\r\n modalName: !prevState.modalName,\r\n }));\r\n };\r\n\r\n promptDelete = (id) => {\r\n this.setState({ msgDecodeToDelete });\r\n };\r\n\r\n deleteMsgDecode = () => {\r\n this.closePanel();\r\n // this.props.deleteMsgDecode(this.state.msgDecodeToDelete);\r\n this.toggleDialog();\r\n };\r\n\r\n closePanel = () => this.setState({ msgDecodeToEdit: null });\r\n\r\n toggle = () => {\r\n this.setState((prevState) => ({\r\n modalVisible: !prevState.modalVisible,\r\n }));\r\n };\r\n\r\n msgDecodeIdFormatter = (cell, row) => {\r\n return {\r\n this.onNameCellClick(e, cell, row);\r\n }}\r\n >\r\n {cell}\r\n
\r\n );\r\n };\r\n\r\n onNameCellClick = (e, cell, row) => {\r\n this.setState({\r\n currentName: cell,\r\n currentMsgDecodeObj: row,\r\n });\r\n this.toggleNameEdit();\r\n };\r\n\r\n onNameChange = (newName) => {\r\n let newMsgDecodeObj = {\r\n ...this.state.currentMsgDecodeObj,\r\n name: newName,\r\n };\r\n this.setState({\r\n currentName: newName,\r\n currentMsgDecodeObj: newMsgDecodeObj,\r\n });\r\n this.props.updateMessageDecodeOnStore({messageDecodeItemId: this.state.currentMsgDecodeObj.messageDecodeItemId, data:{name: newName}})\r\n };\r\n\r\n editSelectedMsgDecode = (msgDecodeItemId) => {\r\n const msgDecodeObj = this.props.messageDecodeList.find(\r\n ({ messageDecodeItemId }) => messageDecodeItemId == msgDecodeItemId)\r\n this.setState({\r\n msgDecodeToEdit: msgDecodeItemId,\r\n currentMsgDecodeObj: msgDecodeObj,\r\n });\r\n };\r\n\r\n editForm = (cell, row) => {\r\n if (cell > 0) {\r\n return (\r\n \r\n {this.renderWidgets(layout)}\r\n
\r\n\r\n );\r\n })}\r\n \r\n\r\n )\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n // ----------------------------------------------------------------\r\n dropdownToggle = () => {\r\n this.setState(prevState => ({ dropdownOpen: !prevState.dropdownOpen, }));\r\n }\r\n onTitleClick = (layout) => {\r\n const layoutname = layout.templateName ? layout.templateName : 'My Dashboard';\r\n this.setState({\r\n currentLayoutName: layoutname\r\n });\r\n this.dropdownToggle();\r\n }\r\n renderTitle = () => {\r\n let title = 'Dashboard Template Edit';\r\n // if (this.props.currentLayoutList){\r\n // const selectedLayout = this.props.currentLayoutList.find(item => (item.selected == true));\r\n // if (selectedLayout){\r\n // title = selectedLayout.layoutname ? selectedLayout.layoutname : 'My Dashboard';\r\n // }\r\n //\r\n // }\r\n let templateName = this.props.templateName\r\n return (\r\n Dashboard
*/}\r\nMy Dashboard
*/}\r\n {/*{this.state.currentLayoutName}
*/}\r\n {/*{title}
*/}\r\nTemplate Name: {templateName}
\r\n \r\n { this.onTitleClick(layout) }}>
\r\n ))}\r\n {/* {layout.layoutname ? layout.layoutname : 'My Dashboard'}
My Dashboard
Template 1
\r\n\r\n {this.renderDashboardJustableLayout(this.props.dashboardTemplateLayout)}\r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n\r\n { item.checked = true; return item })}\r\n toggle={this.modalToggle}\r\n editModalToggle={this.editModalToggle}\r\n toggleAll={this.toggleAll}\r\n onDashBoardUpdateClick={this.onDashBoardUpdateClick}\r\n templateId={this.props.templateId}\r\n templateName={this.props.templateName}\r\n />\r\n\r\n
\r\n \r\n \r\n { this.handleRowEditClick(row); }}/>{' '}\r\n\r\n {this.handleRowDeleteClick(row);}}\r\n msg={`Do you want to delete the select Template ${row.name} ?`}\r\n />\r\n \r\n\r\n\r\n { this.handleRowEditClickAssign(row); }}/>{' '}\r\n\r\n\r\n
\r\n )\r\n }\r\n\r\n handleAddNewButtonClick = (onClick) => {\r\n console.log('handle add new button click and onclick is',onClick)\r\n // let templateObj = {\r\n // \"id\": 0,\r\n // \"contactid\": '',\r\n // \"destination\": '', //String\r\n // \"title\": '',//String\r\n // \"content\": '',//String\r\n //\r\n // \"weekday\": '', //String not use\r\n // \"starttime\": '00:00:00',//Time not use\r\n // \"endtime\": '00:00:00',//Time not use\r\n //\r\n // \"owner\": '',//not changeable\r\n // \"companycode\": '',//not changeable\r\n // \"createdtime\": '' //not changeable\r\n // }\r\n // this.setState({templateObj}, () => {this.toggle();})\r\n\r\n this.setState({showTemplateNew: !this.state.showTemplateNew})\r\n }\r\n\r\n addNewUserButton = (onClick) => {\r\n // const check = this.props.userObj && hasRole(this.props.userObj, ['ADMIN']);\r\n //const check = true;\r\n console.log('add new template is hit and on click is ', onClick)\r\n return (\r\n\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\n\r\nexport default DashboardTemplateNew\r\n","/* eslint-disable */\r\nimport React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport DashBoardSettingList from './components/DashBoardSettingList';\r\nimport {getCurrentUser} from \"../../factories/auth\";\r\n\r\nconst ReportsPage = () => {\r\n let userObj = getCurrentUser();\r\n // if (userObj === null || userObj.userName.length === 0){\r\n // this.props.history.push('/log_in');\r\n // }\r\n \r\n \r\n return(\r\n\r\n \r\n
\r\n \r\n Submit\r\n \r\n \r\n Close\r\n \r\n
\r\n Dashboard Template
\r\n\r\n \r\n\r\n
{cell}
;\r\n };\r\n\r\n showEditModal = () => {\r\n this.setState((prevState) => ({\r\n showEditModal: !prevState.showEditModal,\r\n }));\r\n // setTimeout(() => {\r\n // this.setState({ showEditModal: false });\r\n // }, 1);\r\n };\r\n\r\n editFrom = (cell, row) => {\r\n // this.editSelectedRow(row.dataElement);\r\n\r\n return (\r\n \r\n this.editSelectedRow(row)} />\r\n
\r\n );\r\n };\r\n\r\n closePanel = () => this.setState({ dataElementToEdit: null });\r\n\r\n editSelectedRow = (dataElement) => {\r\n this.setState({\r\n dataElementToEdit: dataElement,\r\n showEditModal: true,\r\n });\r\n };\r\n\r\n selectedAssetClass = (event) => {\r\n this.state.selectedAssetClassId = parseInt(event.target.value);\r\n\r\n this.deviceTypeOptions();\r\n };\r\n\r\n deviceTypeOptions = () => {\r\n let options = [];\r\n if (this.state.selectedAssetClassId != null) {\r\n let selectedClass = this.state.assetClassList.find(\r\n (d) => d.id == this.state.selectedAssetClassId\r\n );\r\n this.state.allowedDeviceTypes = selectedClass.allowedDeviceTypes;\r\n }\r\n\r\n if (this.state.allowedDeviceTypes.length > 0) {\r\n let i = 0;\r\n while (i < this.state.allowedDeviceTypes.length) {\r\n options.push(this.state.allowedDeviceTypes[i]);\r\n i++;\r\n }\r\n }\r\n\r\n this.setState({\r\n allowedDeviceTypes: options,\r\n });\r\n };\r\n\r\n // sizeInput = (cell, row) => {row.size}
;\r\n\r\n // fromInput = (cell, row) => {cell}
;\r\n\r\n // toInput = (cell, row) => {cell}
;\r\n\r\n // dataTypeInput = (cell, row) =>{cell}
;\r\n\r\n lowerLimitInput = (cell, row) => cell;\r\n\r\n upperLimitInput = (cell, row) => cell;\r\n\r\n // initialValueInput = (cell, row) => {cell}
;\r\n\r\n // formulaInput = (cell, row) => {cell}
;\r\n\r\n startPosition = (cell, row) => cell;\r\n\r\n endPosition = (cell, row) => cell;\r\n\r\n initialDataType = (cell, row) => cell;\r\n\r\n calculateExpression = (cell, row) => cell;\r\n\r\n conditionExpression = (cell, row) => cell;\r\n\r\n readDirection = (cell, row) => cell;\r\n\r\n attributeId = (cell, row) => cell;\r\n\r\n update = () => {\r\n let statusData = this.props.msgDecodeInfo;\r\n // console.log(\"===this.props.msgDecodeInfo\", statusData);\r\n // console.log(\"===this.props.msgDecodeInfo.encryptionMethod\",this.props.msgDecodeInfo.encryptionMethod);\r\n };\r\n\r\n render() {\r\n const assetClassList = this.props.assetClassList.map((c) => ({\r\n id: c.id,\r\n name: c.name,\r\n attribute: c.attributeMetas,\r\n allowedDeviceTypes: c.allowedDeviceTypes,\r\n }));\r\n if (assetClassList) {\r\n this.state.assetClassList = assetClassList;\r\n }\r\n let deviceList = this.props.deviceList.map((d) => ({\r\n id: d.deviceid,\r\n name: d.devicename,\r\n namealias: d.devicenamealias,\r\n devicetypename: d.devicetypename,\r\n }));\r\n let msgDecodeList = this.props.messageDecodeList.map((m) => ({\r\n id: m.messageDecodeItemId,\r\n name: m.name,\r\n }));\r\n return (\r\n \r\n \r\n
\r\n \r\n id}\r\n getOptionLabel={({ name }) => name}\r\n isClearable={true}\r\n defaultValue={this.props.selectedMsgDecode}\r\n // onChange={this.deviceSelect(deviceList.id)}\r\n style={{ maxWidth: \"30%\", border: \"0px\" }}\r\n />\r\n {/* */}\r\n
\r\n \r\n
\r\n
\r\n
Asset Class
\r\nDevice Type
\r\nMessage Width
\r\nEncruption Method
\r\n {/*\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Edit\r\n \r\n \r\n Data Name\r\n \r\n {/* Size */}\r\n {/* From */}\r\n \r\n Attribute ID\r\n \r\n \r\n Start Position\r\n \r\n {/* To */}\r\n \r\n End Position\r\n \r\n {/* Data Type */}\r\n \r\n Initial Data Type\r\n \r\n {/* \r\n Condition Expression\r\n \r\n \r\n Read Direction\r\n */}\r\n {/* Initial Value */}\r\n {/* Formula */}\r\n {/* \r\n Calculate Expression\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n this.props.closePanel()}\r\n >\r\n Cancel\r\n \r\n this.update()}\r\n >\r\n Update\r\n \r\n
\r\n {cell}
;\r\n };\r\n\r\n nameFormatter = (cell, row) => {\r\n return (\r\n \r\n \r\n \r\n Message Decode ID\r\n \r\n \r\n Name\r\n \r\n \r\n Device Type ID\r\n \r\n \r\n Message Length\r\n \r\n \r\n Status\r\n \r\n \r\n Edit\r\n \r\n \r\n
\r\n {cell}
\r\n )\r\n }\r\n\r\n showEditModal = () => {\r\n this.setState(prevState => ({\r\n showEditModal: !prevState.showEditModal\r\n }));\r\n // setTimeout(() => {\r\n // this.setState({ showEditModal: false });\r\n // }, 1);\r\n }\r\n\r\n editFrom = (cell, row) => {\r\n // this.editSelectedRow(row.dataElement);\r\n \r\n return (\r\n \r\n this.editSelectedRow(row)}/>\r\n Edit\r\n
\r\n )\r\n }\r\n\r\n closePanel = () => this.setState({ dataElementToEdit: null });\r\n\r\n editSelectedRow = (dataElement) => {\r\n this.setState({\r\n dataElementToEdit: dataElement,\r\n showEditModal: true\r\n })\r\n }\r\n\r\n selectedAssetClass = (event) => {\r\n this.state.selectedAssetClassId = parseInt(event.target.value)\r\n \r\n this.deviceTypeOptions();\r\n \r\n\r\n }\r\n\r\n deviceTypeOptions = () => {\r\n let options = []\r\n if(this.state.selectedAssetClassId){\r\n let selectedClass = this.state.assetClassList.find(d => (d.id == this.state.selectedAssetClassId));\r\n this.state.allowedDeviceTypes = selectedClass.allowedDeviceTypes;\r\n };\r\n\r\n if(this.state.allowedDeviceTypes.length > 0){\r\n let i = 0;\r\n while(i < this.state.allowedDeviceTypes.length) {\r\n options.push(this.state.allowedDeviceTypes[i]);\r\n i++;\r\n }\r\n };\r\n\r\n this.setState({\r\n allowedDeviceTypes: options\r\n });\r\n }\r\n\r\n sizeInput = (cell, row) => {\r\n return(\r\n {row.size}
\r\n )\r\n }\r\n\r\n fromInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n\r\n toInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n\r\n dataTypeInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n\r\n lowerLimitInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n\r\n upperLimitInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n\r\n initialValueInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n \r\n formulaInput = (cell, row) => {\r\n return(\r\n {cell}
\r\n )\r\n }\r\n\r\n\r\n render() {\r\n const assetClassList = this.props.assetClassList.map((c) => ({ id: c.id, name: c.name, attribute: c.attributeMetas, allowedDeviceTypes: c.allowedDeviceTypes }));\r\n this.state.assetClassList = assetClassList;\r\n let deviceList = this.props.deviceList.map((d) => ({\r\n id: d.deviceid,\r\n name: d.devicename,\r\n namealias: d.devicenamealias,\r\n devicetypename: d.devicetypename,\r\n }));\r\n return (\r\n \r\n \r\n
\r\n \r\n id}\r\n getOptionLabel={({ name }) => name}\r\n isClearable={true}\r\n // onChange={this.deviceSelect(deviceList.id)}\r\n style={{ maxWidth: \"30%\", border: \"0px\" }}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n
Asset Class
\r\nDevice Type
\r\nMessage Width
\r\n \r\n \r\nEncruption Method
\r\n \r\n \r\nDecryption Key
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Edit \r\n \r\n Data Element\r\n \r\n Size \r\n From \r\n To \r\n Data Type \r\n Lower Limit \r\n Upper Limit \r\n Initial Value \r\n Formula \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n props.closePanel()}\r\n >\r\n Cancel\r\n \r\n this.props.updateMessageDecodeOnStore()}\r\n >\r\n Update\r\n \r\n
\r\n Device Configuration
\r\n \r\n\r\n// \r\n//
\r\n// )\r\n\r\nconst renderField = ({ input, label, type, meta: { touched, error, warning } }) => (\r\n \r\n// \r\n// {touched && error && {error}}\r\n//
\r\n// \r\n
\r\n)\r\n\r\n// let ContactForm = props => {\r\n// const { handleSubmit, reset } = props\r\n// const onSubmitClick = (values) => {\r\n// if(values){\r\n// handleSubmit(values)\r\n// .then(res => {\r\n\r\n// toast.success(\"Your message has been successfully sent out!\");\r\n// reset();\r\n// }).catch(err => {\r\n\r\n// toast.error(\"Error occurred when sending your email, please send again.\");\r\n// });\r\n// }\r\n// // reset();\r\n// } \r\n// return (\r\n// \r\n// )\r\n// }\r\n\r\nlet ContactForm = props => {\r\n const { handleSubmit, reset } = props\r\n return (\r\n \r\n )\r\n}\r\n\r\nconst validate = val => {\r\n const errors = {};\r\n if (!val.email) {\r\n\r\n // toast.error('email is required');\r\n errors.email = 'Please enter your email address';\r\n }\r\n else if (!/^.+@.+$/i.test(val.email)) {\r\n\r\n errors.email = 'Invalid email address';\r\n }\r\n return errors;\r\n}\r\n\r\nContactForm = reduxForm({\r\n // a unique name for the form\r\n form: 'contact',\r\n validate\r\n})(ContactForm)\r\n\r\nexport default ContactForm","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport {WEB_SERVICE_ROOT, WEB_SERVICE_SEND_EMAIL, SUPPORT_EMAIL} from '../../constants/appConstants';\r\nimport { axiosGet, axiosPost, getCurrentUser, base64Encode, getJwttoken } from '../../factories/utils';\r\nimport { CONTACT_US_EMAIL_SEND_SUCCEED, CONTACT_US_EMAIL_SEND_FAILED } from '../../constants/actionTypes';\r\n\r\nexport function sendEmail(val) {\r\n const {email, phone, subject, message} = val;\r\n let title = 'IOT support-' + phone + ' - ' + subject;\r\n\r\n const data = {\r\n \"to\": SUPPORT_EMAIL,\r\n \"content\": message,\r\n \"subject\":title,\r\n \"msgfrom\":email\r\n }\r\n\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_SEND_EMAIL}`,\r\n //dataObject: templateObj,\r\n criteria: data,\r\n logText: 'Send email Url ',\r\n errorMessage: 'Failed to sent a email.',\r\n successMessage: 'Successfully sent a email.',\r\n // successCallback: () => { return(getNotificationTemplate())}, \r\n // errorCallback: (msg) => {toast.error(msg)}\r\n sccessType: CONTACT_US_EMAIL_SEND_SUCCEED,\r\n failedType: CONTACT_US_EMAIL_SEND_FAILED,\r\n responseKeyGetter: (response) => (response.data.status),\r\n successContent: \"Succeed\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}","/* eslint-disable */\r\nimport React from 'react';\r\nimport {\r\n compose,\r\n bindActionCreators\r\n} from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport ContactForm from './ContactForm';\r\nimport { Row, Col, Card, CardTitle, CardBody } from 'reactstrap';\r\nimport { sendEmail } from '../../../redux/actions/supportAction';\r\n\r\nclass SupportMain extends React.Component {\r\n\r\n submit = values => {\r\n // print the form values to the console\r\n console.log('Form values', values)\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {/* */}\r\n \r\n {touched && ((error && {error}) || (warning && {warning}))}\r\n
\r\n \r\n
\r\n Contact Us
\r\nWe're here to help!
If you encounter any issues or have suggestions for improvement, please let us know. Your feedback helps us to serve you better. We're always listening.
\r\n If you encounter any issues or have suggestions for improvement, please let us know. Your feedback helps us to serve you better. We're always listening.
Support
\r\n \r\nLoading Data...
\r\n );\r\n }\r\n else if (this.state.loading == false) {\r\n if (this.state.renderMap) {\r\n return (\r\n this.state.lat != null ?\r\n \r\n \r\n
: \r\n\r\n );\r\n }\r\n else {\r\n return no location found
\r\n }\r\n }\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n let { googleMapInfo } = state.inventory;\r\n const props = { googleMapInfo };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getSimLastKnownLocation\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(GoogleApiWrapper({\r\n apiKey: GOOGLE_API_KEY\r\n})(GoogleMap));\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { Card, CardBody, Col, Row, Button, Container, Input } from 'reactstrap';\r\nimport GoogleMap from '../../../../Inventory/components/GoogleMap';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport { Bar, BarChart, AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, LabelList } from 'recharts';\r\nimport { getIdentifierUsage } from '../../../../../redux/actions/userAction';\r\nimport { CSVLink } from \"react-csv\";\r\nimport { getCurrentUser } from '../../../../../factories/auth';\r\nimport { LIGHT_GREY_COLOR } from \"../../../../../constants/dataConstants\";\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\n\r\nclass IdentifierUsage extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n type: props.type,\r\n loading: true,\r\n data: null,\r\n filterStartTime: null,\r\n filterEndTime: null,\r\n isShowFilterTime1: false,\r\n usageCsvData: [],\r\n usageCsvHeaders: [\r\n ],\r\n isChangedType: true,\r\n refreshTime: new Date().getTime()\r\n }\r\n this.userObj = getCurrentUser()\r\n }\r\n\r\n async componentDidMount() {\r\n let res = await this.props.getIdentifierUsage({\r\n type: this.props.type,\r\n identifierType: this.props.rowData.identifierType,\r\n identifierValue: this.props.rowData.identifierValue,\r\n startTime: this.props.filterStartTime,\r\n endTime: this.props.filterEndTime\r\n });\r\n\r\n const labelsTeisa = [\r\n { label: \"Date\", key: \"tname\" },\r\n { label: \"Client Name\", key: \"client\" },\r\n { label: \"Customer Name\", key: \"customerName\" },\r\n { label: \"Device Name\", key: \"deviceName\" },\r\n { label: \"Device Type\", key: \"deviceType\" },\r\n { label: \"Status\", key: \"status\" },\r\n { label: \"Identifier Value\", key: \"identifierValue\" },\r\n { label: \"Plan Name\", key: \"planName\" },\r\n { label: \"Contract ID\", key: \"planCode\" },\r\n { label: \"Address 1\", key: \"address1\" },\r\n { label: \"Address 2\", key: \"address2\" },\r\n { label: \"City\", key: \"city\" },\r\n { label: \"Zip Code\", key: \"zipcode\" },\r\n { label: \"State\", key: \"state\" },\r\n { label: \"Country\", key: \"country\" },\r\n { label: \"Usage\", key: \"usage\" },\r\n ]\r\n\r\n let labelsNotTeisa = []\r\n // var labels = []\r\n if (this.props.isAdmin === true) {\r\n labelsNotTeisa = [\r\n { label: \"Date\", key: \"tname\" },\r\n { label: \"Client Name\", key: \"client\" },\r\n { label: \"Customer Name\", key: \"customerName\" },\r\n { label: \"Device Name\", key: \"deviceName\" },\r\n { label: \"Status\", key: \"status\" },\r\n { label: \"IMEI\", key: \"imei\" },\r\n { label: \"Identifier Type\", key: \"identifierType\" },\r\n { label: \"Identifier Value\", key: \"identifierValue\" },\r\n { label: \"Plan Name\", key: \"planName\" },\r\n { label: \"Plan Code\", key: \"planCode\" },\r\n { label: \"Address 1\", key: \"address1\" },\r\n { label: \"Address 2\", key: \"address2\" },\r\n { label: \"City\", key: \"city\" },\r\n { label: \"Zip Code\", key: \"zipcode\" },\r\n { label: \"State\", key: \"state\" },\r\n { label: \"Country\", key: \"country\" },\r\n { label: \"Data in MB\", key: \"usage\" },\r\n ]\r\n } else {\r\n labelsNotTeisa = [\r\n { label: \"Date\", key: \"tname\" },\r\n { label: \"Client Name\", key: \"client\" },\r\n { label: \"Customer Name\", key: \"customerName\" },\r\n { label: \"Device Name\", key: \"deviceName\" },\r\n { label: \"Status\", key: \"status\" },\r\n { label: \"IMEI\", key: \"imei\" },\r\n { label: \"Identifier Type\", key: \"identifierType\" },\r\n { label: \"Identifier Value\", key: \"identifierValue\" },\r\n { label: \"Plan Name\", key: \"planName\" },\r\n // { label: \"Plan Code\", key: \"planCode\" },\r\n { label: \"Address 1\", key: \"address1\" },\r\n { label: \"Address 2\", key: \"address2\" },\r\n { label: \"City\", key: \"city\" },\r\n { label: \"Zip Code\", key: \"zipcode\" },\r\n { label: \"State\", key: \"state\" },\r\n { label: \"Country\", key: \"country\" },\r\n { label: \"Data in MB\", key: \"usage\" },\r\n ]\r\n }\r\n\r\n const labels = this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" ? labelsTeisa : labelsNotTeisa\r\n\r\n /*this.setState({ usageCsvHeaders: labels });\r\n let csvData = [...this.props.dashboardIdentifierUsageData]*/\r\n\r\n let dataInMB = structuredClone(res.data);\r\n for(let i=0;i\r\n
\r\n );\r\n }\r\n\r\n return null;\r\n };\r\n\r\n switchType(type) {\r\n this.setState({\r\n isChangedType: true,\r\n type: type\r\n })\r\n this.LoadUsageDate(type, this.props.filterStartTime, this.props.filterEndTime)\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n\r\n render() {\r\n //load\r\n let dayGap = 7;\r\n if (this.props.filterStartTime != null && this.props.filterEndTime) {\r\n dayGap = (new Date(this.props.filterEndTime).getTime() - new Date(this.props.filterStartTime).getTime()) / 86400000;\r\n }\r\n const options = {\r\n exportCSVBtn: this.createCustomExportCSVButton,\r\n };\r\n let headerFontColor = this.state.userObj && this.state.userObj.detail ? this.state.userObj.detail.headerFontColor : \"white\";\r\n let appFontColor = this.state.userObj && this.state.userObj.detail ? this.state.userObj.detail.appFontColor : \"white\";\r\n return (\r\n {`${this.props.type[0].toUpperCase() + this.props.type.substring(1)} `}
\r\n{label}
\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n{`Usage : ${payload[0].value} MB`}
}\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n{`Usage : ${payload[0].value} `}
}\r\n\r\n \r\n \r\n\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n */}\r\n \r\n { this.switchType(\"daily\") }}\r\n disabled={(this.state.type == \"daily\")}\r\n >\r\n Daily\r\n \r\n { this.switchType(\"weekly\") }} disabled={(this.state.type == \"weekly\" || this.props.type == \"daily\") || dayGap < 6}\r\n >\r\n Weekly\r\n \r\n { this.switchType(\"monthly\") }}\r\n disabled={(this.state.type == \"monthly\" || this.props.type == \"weekly\" || this.props.type == \"daily\") || dayGap < 7}\r\n >\r\n Monthly\r\n \r\n\r\n \r\n \r\n \r\n Download CSV\r\n \r\n\r\n
\r\n\r\n
\r\n );\r\n\r\n }\r\n\r\n\r\n}\r\nfunction mapStateToProps(state) {\r\n let { dashboardIdentifierUsageData } = state.user;\r\n\r\n let dashboardIdentifierUsageDataInMB = structuredClone(dashboardIdentifierUsageData);\r\n\r\n for (let element of dashboardIdentifierUsageDataInMB) {\r\n element.amt = (element.amt / 1024).toFixed(2);\r\n element.unit = \"mb\"\r\n }\r\n \r\n const props = { dashboardIdentifierUsageData, dashboardIdentifierUsageDataInMB };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getIdentifierUsage,\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IdentifierUsage);\r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport { Card, CardBody, Col, Row, Button, Container, Input } from 'reactstrap';\r\n\r\nimport { bindActionCreators } from 'redux';\r\nimport { getSimUsage, getPageContent, getActivatedSimDashboard } from '../../../../../redux/actions/userAction';\r\nimport { getCurrentUser, hasRole } from '../../../../../factories/auth';\r\nimport ReactFileReader from 'react-file-reader';\r\nimport { addMultiDevicesInventory } from '../../../../../redux/actions/inventoryActions';\r\nimport {\r\n getFullSIMList\r\n} from '../../../../../redux/actions/inventoryActions';\r\n// import SimUsage from './SimUsage';\r\nimport IdentifierUsage from './IdentifierUsage';\r\nimport { sortCaret } from \"../../../../../shared/components/Table/tableElements\";\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { LIGHT_GREY_COLOR } from \"../../../../../constants/dataConstants\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nclass DashBoardActiveSimTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.userObj = getCurrentUser()\r\n this.state = {\r\n test: false,\r\n userObj: getCurrentUser(),\r\n numOfDevice: 0,\r\n csvFileName: null,\r\n\r\n filterClientName: \"\",\r\n filterPlanName: \"\",\r\n filterStatus: 1,\r\n filterDeviceName: \"\",\r\n filterIdentifierValue: \"\",\r\n filterPlanCode: \"\",\r\n filterDataUsage: 2,\r\n statusFilterType: [\r\n { value: 0, label: 'Inactive' },\r\n { value: 1, label: 'Active' },\r\n { value: 2, label: 'Suspend' }\r\n ],\r\n isShowFilter: false,\r\n sortName: undefined,\r\n sortOrder: undefined,\r\n csvData: { ...this.props.dashboardIdentifierUsageData },\r\n donwloading: false,\r\n refreshTime: new Date().getTime()\r\n\r\n }\r\n this.expandComponent = this.expandComponent.bind(this);\r\n this.handleExpand = this.handleExpand.bind(this);\r\n this.expandedRows = {};\r\n this.clickedRow = null;\r\n this.onSortChange = this.onSortChange.bind(this);\r\n\r\n\r\n }\r\n\r\n onSortChange(sortName, sortOrder) {\r\n this.setState({\r\n sortName,\r\n sortOrder\r\n });\r\n }\r\n expandComponent = (row) => {\r\n //#2\r\n if (this.expandedRows[row.identifierValue] != undefined && this.expandedRows[row.identifierValue] != null && this.clickedRow == row.identifierValue) {\r\n this.clickedRow = null;\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n console.log('clicked!')}>\r\n Custom header\r\n
\r\n \r\n
\r\n \r\n\r\n );\r\n }*/\r\n\r\n renderPaginationPanel = (props) => {\r\n let total = this.props.page * this.props.pageSize;\r\n if (total > this.props.dashboardActivatedSimTotalElement) {\r\n total = this.props.dashboardActivatedSimTotalElement\r\n }\r\n let beginning = (this.props.page - 1) * this.props.pageSize + 1\r\n\r\n return (\r\n <>\r\n {\r\n this.props.dashboardActivatedSimListLoading ?\r\n null\r\n : <>\r\n \r\n {/*Number of Device : {this.state.numOfDevice}*/}\r\n \r\n\r\n
\r\n\r\n\r\n {/*\r\n
*/}\r\n {/*\r\n
*/}\r\n \r\n \r\n Time\r\n \r\n\r\n \r\n \r\n Client Name\r\n \r\n Client Name */}\r\n \r\n \r\n Device Name\r\n \r\n Device Name */}\r\n\r\n \r\n \r\n Plan Name\r\n \r\n \r\n \r\n Contract ID\r\n \r\n \r\n Device Type\r\n \r\n \r\n Device Group\r\n \r\n {/*Status */}\r\n \r\n \r\n Status\r\n \r\n \r\n \r\n {'No selection'}\r\n \r\n {this.state.statusFilterType.map((option, index) => (\r\n \r\n {option.label}\r\n \r\n ))}\r\n \r\n \r\n \r\n IMEI\r\n \r\n {textDisplay[0]} */}\r\n \r\n \r\n Identifier Value\r\n \r\n Identifier Value */}\r\n \r\n Plan Name\r\n \r\n \r\n Plan Code\r\n \r\n \r\n Address Line 1\r\n \r\n \r\n Address Line 2\r\n \r\n \r\n City\r\n \r\n \r\n Zipcode\r\n \r\n \r\n State\r\n \r\n \r\n Country\r\n \r\n {/*Data Usage */}\r\n\r\n \r\n\r\n \r\n Data Usage\r\n \r\n\r\n \r\n \r\n {'No selection'}\r\n \r\n {dataUsageFilterType.map((option, index) => (\r\n \r\n {option.label}\r\n \r\n ))}\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n Usage\r\n \r\n\r\n \r\n \r\n {'No selection'}\r\n \r\n {dataUsageFilterType.map((option, index) => (\r\n \r\n {option.label}\r\n \r\n ))}\r\n \r\n\r\n \r\n\r\n \r\n
\r\n {\r\n this.onExportEmail()\r\n }} className=\"btn btn-secondary\"\r\n style={{ marginLeft: \"15px\", marginRight: \"15px\", fontSize: \"14px\", display: \"inline-block\", borderRadius: \"5px\", textAlign: \"center\", cursor: \"pointer\"/*, display: \"block\"*/ }}>\r\n {/*filename={`${this.props.rowData.identifierValue}_usage.csv`} data={this.state.usageCsvData} headers={this.state.usageCsvHeaders}*/}\r\n \r\n Download CSV\r\n {this.renderDownloadSpinner()} \r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n\r\n {/*{\r\n this.toggleShowFilter()\r\n }} style={{ width: \"150px\", height: \"40px\", fontSize: \"14px\", color: \"black\", display: \"inline-block\", borderRadius: \"5px\", backgroundColor: '#F5EBCF', padding: \"10px\", textAlign: \"center\",cursor:\"pointer\" }} >\r\n filename={`${this.props.rowData.identifierValue}_usage.csv`} data={this.state.usageCsvData} headers={this.state.usageCsvHeaders}\r\n Filter\r\n
\r\n */}\r\n\r\n \r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n onItemOpen = () => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n simResellerid: null,\r\n simReseller: 0,\r\n groupId: null,\r\n contractId: null,\r\n itemTypeId:0,\r\n simPrice: \"\",\r\n simItemName: \"\",\r\n carrier: -1\r\n })\r\n }\r\n\r\n onEditItemOpen = (row) => {\r\n\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.currentUserObj.companyCode,\r\n simResellerid: row.resellerId,\r\n itemTypeId: row.itemTypeId,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName,\r\n carrier: row.carrier.carrierId,\r\n contractId: row.itemCode,\r\n groupId:row.serialNum\r\n })\r\n\r\n }\r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n })\r\n };\r\n\r\n validateForm = (Management) => {\r\n if (Management == \"item\") {\r\n if (this.state.itemTypeId != null && this.state.simItemName != \"\" && this.state.simItemName.length < 41) {\r\n if (parseFloat(this.state.carrier) >= 0 && this.state.itemTypeId != 0) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n\r\n onItemSubmit = () => {\r\n var data = {};\r\n if (this.state.simId > 0) {\r\n data = {\r\n \"id\": this.state.simId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"resellerId\": this.state.simResellerid,\r\n \"itemName\": this.state.simItemName,\r\n \"itemTypeId\": this.state.itemTypeId,\r\n \"unitPrice\": null,\r\n \"carrierId\": this.state.carrier,\r\n \"contractId\":this.state.contractId,\r\n \"groupId\": this.state.groupId,\r\n \"itemTypeId\": this.state.itemTypeId\r\n }\r\n }\r\n else {\r\n data = {\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"resellerId\": this.state.simResellerid,\r\n \"itemName\": this.state.simItemName,\r\n \"itemTypeId\": this.state.itemTypeId,\r\n \"unitPrice\": null,\r\n \"carrierId\": this.state.carrier,\r\n \"contractId\":this.state.contractId,\r\n \"groupId\": this.state.groupId,\r\n \"itemTypeId\":this.state.itemTypeId\r\n }\r\n }\r\n //console.log(data);\r\n this.props.SetSimType(data);\r\n this.onItemClose();\r\n }\r\n renderPaginationPanel = (props) => {\r\n let dropdown = props.components.sizePerPageDropdown;\r\n let beginning;\r\n let totalData;\r\n beginning = (props.currPage - 1) * dropdown.props.currSizePerPage + 1;\r\n totalData = (parseInt(beginning) + parseInt(dropdown.props.currSizePerPage)) - 1;\r\n return (\r\n <>\r\n {\r\n (this.props.typeList.length == 0) ?\r\n <>\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {this.renderItemModal()}\r\n\r\n {\r\n (hasRole(this.state.user, ['SUPERADMIN', 'ADMIN'])) ?\r\n \r\n :\r\n null\r\n }\r\n\r\n \r\n Name \r\n Name \r\n Description \r\n \r\n Operations\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default DeviceTypeTable;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { hasRole, getCurrentUser } from '../../../../factories/auth';\r\n\r\nclass DeviceTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n user: getCurrentUser(),\r\n showDeviceModal: false,\r\n file: null,\r\n carrierId: 0,\r\n itemId: 0,\r\n companyCode: 0\r\n };\r\n }\r\n\r\n onDeviceClose = () => {\r\n this.setState({\r\n showDeviceModal: false\r\n });\r\n };\r\n onDeviceOpen = () => {\r\n\r\n this.setState({\r\n showDeviceModal: true,\r\n file: null,\r\n carrierId: this.props.carrierList[0].carrierId,\r\n itemId: 0,\r\n companyCode: this.props.currentUserObj.companyCode\r\n });\r\n };\r\n\r\n onFileChangeHandler = (e) => {\r\n this.setState({ file: e.target.files[0] });\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onInputCarrierChange = (event) => {\r\n if (event.target.value >= 0) {\r\n this.setState({\r\n itemCode: this.props.carrierList[event.target.value].name,\r\n itemDescription: this.props.carrierList[event.target.value].description\r\n });\r\n }\r\n else {\r\n this.setState({\r\n itemCode: \"\",\r\n itemDescription: \"\"\r\n });\r\n }\r\n }\r\n validateForm = (Management) => {\r\n if (Management == \"device\") {\r\n if (this.state.file != null && this.state.carrierId > 0 && this.state.itemId > 0 && this.state.companyCode != null && this.state.companyCode != \"\") {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n customFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return TRUE;\r\n }\r\n return;\r\n }\r\n\r\n csvFormatter = (cell, row) => {\r\n return cell + '\\t';\r\n }\r\n\r\n onDeviceSubmit = () => {\r\n var formdata = new FormData();\r\n formdata.append(\"file\", this.state.file);\r\n formdata.append(\"carrierId\", this.state.carrierId);\r\n formdata.append(\"itemId\", this.state.itemId);\r\n formdata.append(\"companyCode\", this.props.currentUserObj.companyCode);\r\n this.props.uploadFileSims(formdata, \"company\");\r\n this.onDeviceClose();\r\n }\r\n\r\n renderDeviceModal() {\r\n return (\r\n \r\n
\r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n\r\n
\r\n
\r\n {this.renderDeviceModal()}\r\n {(hasRole(this.state.user, ['SUPERADMIN', 'ADMIN'])) ?\r\n \r\n Upload Devices\r\n \r\n : null\r\n }\r\n\r\n \r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default DeviceTable;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Collapse } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { EditTextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\nimport { Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\n\r\n\r\nimport {\r\n getFullInventoryList,\r\n uploadFileSims,\r\n SetDeviceType\r\n} from '../../../../redux/actions/inventoryActions';\r\nimport { formatDefaultLocale } from 'd3-format';\r\n\r\nclass InventoryInactiveBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showItemModal: false,\r\n simId: 0,\r\n simReseller: 0,\r\n simPrice: 0,\r\n simItemDescription: \"\",\r\n simItemName: \"\",\r\n\r\n showDeviceModal: false,\r\n file: null,\r\n carrierId: 0,\r\n itemId: 0,\r\n companyCode: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n onItemOpen = () => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n simReseller: 0,\r\n simItemDescription: \"\",\r\n simPrice: \"\",\r\n simItemName: \"\"\r\n })\r\n }\r\n onEditItemOpen = (row) => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.currentUserObj.companyCode,\r\n simItemDescription: row.itemDescription,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName\r\n })\r\n }\r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n onDeviceClose = () => {\r\n this.setState({\r\n showDeviceModal: false\r\n });\r\n };\r\n onDeviceOpen = () => {\r\n \r\n this.setState({\r\n showDeviceModal: true,\r\n file: null,\r\n carrierId: this.props.carrierList[0].carrierId,\r\n itemId: 0,\r\n companyCode: this.props.currentUserObj.companyCode\r\n });\r\n };\r\n onFileChangeHandler = (e) => {\r\n this.setState({ file: e.target.files[0] });\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onInputCarrierChange = (event) => {\r\n if (event.target.value >= 0) {\r\n this.setState({\r\n itemCode: this.props.carrierPlanList[event.target.value].name,\r\n itemDescription: this.props.carrierPlanList[event.target.value].description\r\n });\r\n }\r\n else {\r\n this.setState({\r\n itemCode: \"\",\r\n itemDescription: \"\"\r\n });\r\n }\r\n }\r\n validateForm = (Management) => {\r\n if (Management == \"device\") {\r\n if (this.state.file != null && this.state.carrierId > 0 && this.state.itemId > 0 && this.state.companyCode != null && this.state.companyCode != \"\") {\r\n return true;\r\n }\r\n }\r\n else if (Management == \"item\") {\r\n if (this.state.simItemDescription != \"\" && this.state.simItemName != \"\" && !isNaN(this.state.simPrice)) {\r\n if (parseFloat(this.state.simPrice) >= 0) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n priceFormatter = (cell, row) => {\r\n var per = \"\";\r\n if (row.billCycle == 30) {\r\n per = \"/month\"\r\n }\r\n else if (row.billCycle == 365) {\r\n per = \"/year\"\r\n }\r\n var price = cell.toFixed(2);\r\n return `$ ${price}${per}`;\r\n }\r\n\r\n dataFormatter = (cell, row) => {\r\n if (cell < 1024) {\r\n return (`${cell} MB`);\r\n }\r\n if (cell >= 1024) {\r\n var gb = (cell / 1024).toFixed(2)\r\n return (`${gb} GB`);\r\n }\r\n }\r\n cellEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditServiceOpen(row) }} />\r\n
\r\n );\r\n };\r\n cellItemEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n statusFormatter = (cell, row) => {\r\n if (cell == 1) {\r\n return Active\r\n }\r\n if (cell == 2) {\r\n return Suspend\r\n }\r\n }\r\n\r\n\r\n customFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return TRUE;\r\n }\r\n return;\r\n }\r\n\r\n onDeviceSubmit = () => {\r\n var formdata = new FormData();\r\n formdata.append(\"file\", this.state.file);\r\n formdata.append(\"carrierId\", this.state.carrierId);\r\n formdata.append(\"itemId\", this.state.itemId);\r\n formdata.append(\"companyCode\", this.props.currentUserObj.companyCode);\r\n this.props.uploadFileSims(formdata, \"company\");\r\n this.onDeviceClose();\r\n }\r\n onItemSubmit = () => {\r\n var data = {};\r\n if (this.state.simId > 0) {\r\n data = {\r\n \"id\": this.state.simId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice\r\n }\r\n }\r\n else {\r\n data = {\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice\r\n }\r\n }\r\n this.props.SetDeviceType(data);\r\n this.onItemClose();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderItemModal()}\r\n {this.renderDeviceModal()}\r\n\r\n \r\n SIM Name \r\n SIM Description \r\n Price \r\n \r\n Operations\r\n \r\n \r\n\r\n {/*\r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n */}\r\n
\r\n )\r\n\r\n\r\n }\r\n renderItemModal() {\r\n return (\r\n SIM Card Types
\r\n\r\n \r\n Add New SIM Card Type\r\n \r\n
\r\n SIM Cards
\r\n\r\n \r\n Upload Devices\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n\r\n
\r\n
SIM Types
*/}\r\n\r\n
\r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n\r\n
\r\n
\r\n {this.renderDeviceModal()}\r\n \r\n Upload Devices\r\n \r\n \r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default DeviceTable;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {\r\n Col, Container, Row, Card, CardBody, Label,\r\n Input, Button, Modal, ModalHeader, ModalBody,\r\n ModalFooter, Form, FormGrou, UncontrolledDropdown,\r\n DropdownToggle, DropdownMenu, DropdownItem\r\n} from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\n\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport DeviceTypeTableStyles from './DeviceTypeTable.module.css';\r\nimport './DeviceTypeTableStyles.css';\r\nimport { EditTextButton } from '../../../../shared/components/Button/IconButton';\r\nimport DatePicker from 'react-date-picker';\r\nimport * as FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\nimport { toast } from 'react-toastify';\r\nimport { ExcelRenderer, OutTable } from 'react-excel-renderer';\r\nimport MonthYearPicker from 'react-month-year-picker';\r\nimport ShowTableModal from './ShowTableModal';\r\nimport { EmojiObjects } from '@material-ui/icons';\r\nimport { getCurrentUser } from '../../../../factories/auth';\r\nimport { take, takeRight } from 'lodash'\r\n\r\nconst billingFiles = [\r\n { fileName: \"Headers\" },\r\n { fileName: \"Details\" },\r\n { fileName: \"Special Lines\" },\r\n];\r\n\r\nconst options = {\r\n paginationPosition: 'bottom'\r\n};\r\n\r\nclass DeviceTypeTable extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n showItemModal: false,\r\n // simId: 0,\r\n // simReseller: 0,\r\n // simPrice: 0,\r\n // simItemDescription: \"\",\r\n // simItemName: \"\",\r\n // carrier:-1\r\n\r\n date: \"\",\r\n dataFormat: \".xlsx\",\r\n downloadFlag: false,\r\n month: (new Date().getMonth()), // this maps to the previous month\r\n year: 1900 + (new Date().getYear()),\r\n billingMonthYear: -1,\r\n lastTwelveMonths: [],\r\n cols: [''],\r\n rows: [''],\r\n file: null,\r\n showTable: true,\r\n showTable1: false,\r\n showTable2: false,\r\n showTable3: false,\r\n showFilePreview: false,\r\n isFetchingBilling: false,\r\n billingFilePreviewSelected: false,\r\n billingFilePreviewIdx: 0,\r\n sheetData: {},\r\n inPost: [],\r\n data1: {},\r\n data2: {},\r\n data3: {},\r\n userObj: getCurrentUser(),\r\n datasheetList:[]\r\n };\r\n this.onChangeBillingFilePreview = this.onChangeBillingFilePreview.bind(this)\r\n this.onChangeMonthYear = this.onChangeMonthYear.bind(this);\r\n this.onItemSubmit = this.onItemSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n let { lastTwelveMonths } = this.state\r\n let today = new Date();\r\n let nameOfMonths = new Array(\"January\", \"February\", \"March\",\r\n \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\",\r\n \"October\", \"November\", \"December\");\r\n\r\n let lastMonth = new Date(today.getFullYear(), today.getMonth()/* - 1*/);\r\n for (let m = 0; m <= 11; m++) {\r\n let monthYearObj = {\r\n year: lastMonth.getFullYear(),\r\n month: nameOfMonths.indexOf(nameOfMonths[lastMonth.getMonth()]) + 1,\r\n label: (nameOfMonths[lastMonth.getMonth()] + ' ' + lastMonth.getFullYear())\r\n }\r\n lastTwelveMonths.push(monthYearObj)\r\n lastMonth.setMonth(lastMonth.getMonth() - 1);\r\n }\r\n this.setState({ lastTwelveMonths });\r\n }\r\n\r\n componentWillReceiveProps() {\r\n }\r\n\r\n onChangeMonthYear = (event) => {\r\n console.log(`MonthYear: ${event.target.value}`)\r\n let { showFilePreview, billingMonthYear, lastTwelveMonths, year, month, } = this.state\r\n billingMonthYear = parseInt(event.target.value)\r\n showFilePreview = false\r\n if (billingMonthYear !== -1) {\r\n year = lastTwelveMonths[billingMonthYear].year\r\n month = lastTwelveMonths[billingMonthYear].month\r\n }\r\n this.setState({ showFilePreview, billingMonthYear, year, month })\r\n }\r\n\r\n onChangeBillingFilePreview = (idx) => {\r\n console.log('onChangeBillingFilePreview', idx)\r\n let { billingFilePreviewIdx, billingFilePreviewSelected } = this.state;\r\n billingFilePreviewIdx = idx;\r\n billingFilePreviewSelected = false\r\n this.setState({ billingFilePreviewIdx, billingFilePreviewSelected })\r\n // setTimeout(() => {\r\n // this.setState({ billingFilePreviewSelected: true })\r\n // }, 500)\r\n\r\n\r\n\r\n /* work on data here */\r\n let fileObj;\r\n if (this.props.dFile != null && this.props.dFile != undefined) {\r\n if (this.props.dFile.file != null && this.props.dFile.file != undefined) {\r\n fileObj = this.props.dFile.file[idx];\r\n ExcelRenderer(fileObj, (err, resp) => {\r\n if (err) {\r\n console.log(err);\r\n } else {\r\n\r\n let colData = resp.cols\r\n let rowData = resp.rows\r\n\r\n let data = {}\r\n let columns = []\r\n let rows = []\r\n\r\n for (let i = 0; i < colData.length; i++) {\r\n columns.push(\r\n {\r\n label: colData[i].name,\r\n field: colData[i].name,\r\n sort: 'asc',\r\n width: 150\r\n }\r\n )\r\n }\r\n\r\n\r\n for (let j = 0; j < rowData.length; j++) {\r\n var localrow = rowData[j]\r\n var obj = {};\r\n for (let i = 0; i < colData.length; i++) {\r\n obj[colData[i].name] = localrow[i]\r\n }\r\n rows.push(obj)\r\n }\r\n\r\n // setup headers\r\n let alphabeticHeaders = []\r\n for (const [key, value] of Object.entries(rows[0])) {\r\n alphabeticHeaders.push(key);\r\n }\r\n\r\n let specialHeadersA = []\r\n for (const [key, value] of Object.entries(rows[0])) {\r\n specialHeadersA.push(value);\r\n }\r\n\r\n let specialHeadersB = []\r\n for (const [key, value] of Object.entries(rows[1])) {\r\n specialHeadersB.push(value);\r\n }\r\n\r\n data = {\r\n columns,\r\n rows,\r\n alphabeticHeaders,\r\n specialHeadersA,\r\n specialHeadersB\r\n }\r\n\r\n\r\n setTimeout(() => {\r\n this.setState({ sheetData: data, billingFilePreviewSelected: true })\r\n }, 500)\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n priceFormatter = (cell, row) => {\r\n var per = \"\";\r\n if (row.billCycle == 30) {\r\n per = \"/month\"\r\n }\r\n else if (row.billCycle == 365) {\r\n per = \"/year\"\r\n }\r\n var price = cell.toFixed(2);\r\n return `$ ${price}${per}`;\r\n }\r\n\r\n cellItemEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n onItemOpen = () => {\r\n var date = new Date();\r\n date.setMonth(new Date().getMonth() - 1)\r\n // var month = date.getMonth();\r\n // var options = { month: 'long'};\r\n // var showMonth=new Intl.DateTimeFormat('en-US', options).format(date);\r\n this.setState({\r\n showItemModal: true,\r\n // simId: 0,\r\n // simReseller: 0,\r\n // simItemDescription: \"\",\r\n // simPrice: \"\",\r\n // simItemName: \"\",\r\n // carrier:-1\r\n date: date,\r\n dataFormat: \".csv\"\r\n })\r\n //console.log(this.state.date)\r\n }\r\n\r\n onEditItemOpen = (row) => {\r\n\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.currentUserObj.companyCode,\r\n simItemDescription: row.itemDescription,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName,\r\n carrier: row.carrier.carrierId\r\n })\r\n\r\n }\r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n\r\n onInputChange = (event) => {\r\n //console.log(event)\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onDateChange = (event) => {\r\n\r\n this.setState({\r\n date: event\r\n\r\n });\r\n };\r\n\r\n\r\n validateForm = (Management) => {\r\n\r\n if (this.state.date != \"\" && this.state.dataFormat != \"\") {\r\n\r\n return true;\r\n\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n onItemSubmit = () => {\r\n let { isFetchingBilling } = this.state;\r\n isFetchingBilling = true;\r\n this.setState({ isFetchingBilling })\r\n\r\n let data = {};\r\n\r\n let fromDate = new Date()\r\n fromDate.setDate(1);\r\n fromDate.setMonth(this.state.month - 1)\r\n fromDate.setYear(this.state.year)\r\n\r\n let toDate = new Date(fromDate)\r\n toDate.setMonth(fromDate.getMonth() + 1, 1)\r\n toDate.setDate(toDate.getDate() - 1);\r\n\r\n if (this.validateForm()) {\r\n data = {\r\n \"companyId\": this.props.currentUserObj.companyId, //currently it is null use companyCode\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"fromDate\": fromDate,\r\n \"toDate\": toDate,\r\n \"dataFormat\": this.state.dataFormat,\r\n }\r\n }\r\n else {\r\n data = {\r\n \"companyId\": this.props.currentUserObj.companyId, //currently it is null\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"fromDate\": fromDate,\r\n \"toDate\": toDate,\r\n \"dataFormat\": this.state.dataFormat,\r\n }\r\n }\r\n this.props.getSAPCSV(data).then((response) => {\r\n console.log('getSAPCSV', response)\r\n if (response.data && response.data.message\r\n && response.data.message !== \"There is no data for the selected month.\") {\r\n\r\n let { isFetchingBilling } = this.state;\r\n isFetchingBilling = false;\r\n this.setState({ showTable: true, showFilePreview: true, datasheetList:response.data.datasheetList, isFetchingBilling })\r\n } else {\r\n let { isFetchingBilling } = this.state;\r\n isFetchingBilling = false;\r\n this.setState({ isFetchingBilling })\r\n }\r\n }).catch((error) => {\r\n let { isFetchingBilling } = this.state;\r\n isFetchingBilling = false;\r\n this.setState({ isFetchingBilling })\r\n });\r\n }\r\n\r\n\r\n onFileDownload = () => {\r\n var fileName = ''\r\n var fileExtension = '.csv'\r\n if (this.props.dFile != null && this.props.dFile != undefined) {\r\n if (this.props.dFile.file != null && this.props.dFile.file != undefined) {\r\n // new download for csv\r\n var sheetList = this.state.datasheetList\r\n var out1 = \"\"\r\n var data1 = sheetList[0]\r\n\r\n for (let i = 1; i <= Object.keys(data1).length; i++) {\r\n var row_i = data1[i]\r\n out1 += row_i.join(\",\") + \"\\n\"\r\n }\r\n\r\n\r\n var out2 = \"\"\r\n var data2 = sheetList[1]\r\n\r\n for (let i = 1; i <= Object.keys(data2).length; i++) {\r\n var row_i2 = data2[i]\r\n out2 += row_i2.join(\",\") + \"\\n\"\r\n }\r\n\r\n\r\n var out3=\"\"\r\n var data3 =sheetList[2]\r\n\r\n for (let i = 1; i <= Object.keys(data3).length; i++) {\r\n var row_i3=data3[i]\r\n out3+=row_i3.join(\",\")+\"\\n\"\r\n }\r\n\r\n var contentType = 'csv';\r\n var csvFile1 = new Blob([out1], {type: contentType});\r\n var csvFile2 = new Blob([out2], {type: contentType});\r\n var csvFile3 = new Blob([out3], {type: contentType});\r\n // FileSaver.saveAs(this.props.dFile.file[3], fileName + fileExtension);\r\n FileSaver.saveAs(csvFile1, fileName+\"Headers\" + fileExtension);\r\n FileSaver.saveAs(csvFile2, fileName+\"Details\" + fileExtension);\r\n FileSaver.saveAs(csvFile3, fileName+\"Special Lines\" + fileExtension);\r\n /*FileSaver.saveAs(this.props.dFile.file[0], fileName + fileExtension);\r\n FileSaver.saveAs(this.props.dFile.file[1], fileName + fileExtension);\r\n FileSaver.saveAs(this.props.dFile.file[2], fileName + fileExtension);*/\r\n }\r\n else {\r\n toast.error('No data for this time period')\r\n }\r\n }\r\n else {\r\n\r\n toast.error('No data for this time period')\r\n }\r\n }\r\n\r\n renderItemModal() {\r\n return (\r\n \r\n
\r\n {/*
\r\n
\r\n \r\n
\r\n \r\n {\r\n !isFetchingBilling && this.onChangeMonthYear(event)\r\n }}\r\n className=\"form-control float-left\"\r\n disabled={isFetchingBilling}\r\n value={this.state.billingMonthYear}\r\n >\r\n \r\n {\r\n this.state.lastTwelveMonths\r\n && this.state.lastTwelveMonths.length > 0\r\n && this.state.lastTwelveMonths.map((billMonth, index) =>\r\n ({billMonth.label}\r\n ))\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n sheetData.alphabeticHeaders.map((header, index) => {\r\n return \r\n {header}\r\n \r\n })\r\n }\r\n {\r\n sheetData.alphabeticHeaders.map((header, index) => {\r\n return \r\n {sheetData.specialHeadersA[index]}\r\n \r\n })\r\n }\r\n {\r\n sheetData.alphabeticHeaders.map((header, index) => {\r\n return \r\n {sheetData.specialHeadersB[index]}\r\n \r\n })\r\n }\r\n )\r\n }\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n let {\r\n manualBillingStatus\r\n } = state.inventory;\r\n\r\n return { manualBillingStatus };\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeviceTypeTable);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport {ExcelRenderer, OutTable} from 'react-excel-renderer';\r\nclass ShowTableModal extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showItemModal: this.props.showItemModal,\r\n cols:this.props.cols,\r\n rows:this.props.rows,\r\n file:null,\r\n showTable:false,\r\n inPost:[]\r\n };\r\n }\r\n \r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n {\r\n !showFilePreview && billingMonthYear >= 0 &&\r\n (\r\n {\r\n !isFetchingBilling && this.onInputChange(event)\r\n }}\r\n className=\"form-control\"\r\n defaultValue='CSV File'\r\n required={true}\r\n disabled={true}\r\n >\r\n {/**/}\r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n {\r\n showFilePreview &&\r\n (\r\n\r\n {}\r\n\r\n {/*\r\n {\r\n !isFetchingBilling && this.onItemSubmit()\r\n }}\r\n />\r\n */}\r\n
\r\n \r\n
)\r\n }\r\n {\r\n showFilePreview &&\r\n (\r\n \r\n
\r\n \r\n\r\n\r\n {/*\r\n \r\n \r\n Preview Files from Billing\r\n \r\n \r\n \r\n\r\n */}\r\n\r\n {\r\n \r\n \r\n Preview Files from Billing\r\n \r\n \r\n {billingFiles.map((fileDetail, index) => (\r\n {\r\n this.onChangeBillingFilePreview(index)\r\n }}>{fileDetail.fileName} \r\n ))}\r\n \r\n \r\n }\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n */}\r\n\r\n {/*\r\n\r\n\r\n \r\n
)\r\n }\r\n \r\n \r\n
\r\n \r\n\r\n {/*\r\n
\r\n \r\n {\r\n showFilePreview\r\n && showTable\r\n && billingFilePreviewSelected\r\n && `Currently selected billing sheet: ${billingFiles[billingFilePreviewIdx].fileName}`\r\n }\r\n
\r\n {\r\n showFilePreview\r\n && showTable\r\n && billingFilePreviewSelected\r\n && (\r\n \r\n
\r\n { this.onEditServiceOpen(row) }} />\r\n
\r\n );\r\n };\r\n cellItemEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n statusFormatter = (cell, row) => {\r\n if (cell == 1) {\r\n return Active\r\n }\r\n if (cell == 2) {\r\n return Suspend\r\n }\r\n }\r\n\r\n\r\n customFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return TRUE;\r\n }\r\n return;\r\n }\r\n\r\n onDeviceSubmit = () => {\r\n var formdata = new FormData();\r\n formdata.append(\"file\", this.state.file);\r\n formdata.append(\"carrierId\", this.state.carrierId);\r\n formdata.append(\"itemId\", this.state.itemId);\r\n formdata.append(\"companyCode\", this.props.currentUserObj.companyCode);\r\n this.props.uploadFileSims(formdata, \"company\");\r\n this.onDeviceClose();\r\n }\r\n onItemSubmit = () => {\r\n var data = {};\r\n if (this.state.simId > 0) {\r\n data = {\r\n \"id\": this.state.simId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice\r\n }\r\n }\r\n else {\r\n data = {\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice\r\n }\r\n }\r\n this.props.SetDeviceType(data);\r\n this.onItemClose();\r\n }\r\n\r\n render() {\r\n\r\n /* const options = {\r\n sizePerPageList:[{\r\n text:10,value:10\r\n },{\r\n text:50,value:50\r\n },{\r\n text:100,value:100\r\n },{\r\n text:500,value:500\r\n }]\r\n }; */\r\n\r\n return (\r\n \r\n {this.renderItemModal()}\r\n {this.renderDeviceModal()}\r\n\r\n \r\n SIM Name \r\n SIM Description \r\n Price \r\n \r\n Operations\r\n \r\n \r\n\r\n {/*\r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n */}\r\n
\r\n )\r\n\r\n\r\n }\r\n renderItemModal() {\r\n return (\r\n SIM Card Types
\r\n\r\n \r\n Add New SIM Card Type\r\n \r\n
\r\n SIM Cards
\r\n\r\n \r\n Upload Devices\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n\r\n\r\n } */\r\n\r\n render() {\r\n return (\r\n Export Billing File
\r\n\r\n
\r\n\r\n {/*
SIM Cards
\r\n\r\n
\r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n\r\n
\r\n
\r\n {this.renderDeviceModal()}\r\n \r\n Upload Devices\r\n \r\n \r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default DeviceTable;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Row, Button, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { findResellerCodeByContract } from '../../../../redux/actions/inventoryActions'\r\nimport './InventoryItemModal.css';\r\nimport moment from 'moment';\r\n\r\nconst currencyoptions = [\r\n {value: \"USD\" , label: \"USD\"},\r\n {value: \"CAD\" , label: \"CAD\"}\r\n];\r\n\r\nclass InventoryItemModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n validBillMonth: null,\r\n valideInitialMonth: null\r\n };\r\n this.props.findResellerCodeByContract(this.props.data['Contract']);\r\n }\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n if (nextProps.show === true) {\r\n this.setState({\r\n showModal: true,\r\n validBillMonth: moment(moment(`${nextProps.data['Bill month']}-01`, \"YYYY-MM-DD\")).format(\"YYYY-MM-DD\"),\r\n valideInitialMonth: moment(moment(`${nextProps.data['Initial month']}-01`, \"YYYY-MM-DD\")).format(\"YYYY-MM-DD\"),\r\n validOrder: nextProps.data['Order'],\r\n validOrderExternalName: nextProps.data['Order external name'],\r\n validContract: nextProps.data['Contract'],\r\n validContractExternalName: nextProps.data['Contract external name'],\r\n validFeeItem: nextProps.data['Fee item'],\r\n validFeeItemOrigin: nextProps.data['Fee item origin'],\r\n validPricePerItem: nextProps.data['Price per item'],\r\n validNumberOfItems: nextProps.data['Number of items'],\r\n validCustomerFeeAmount: nextProps.data['Customer fee amount'],\r\n validCurrency: nextProps.data['Currency'],\r\n })\r\n }\r\n else if(nextProps.show === false){\r\n this.setState({\r\n showModal: false\r\n })\r\n }\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n onServicePlanInputChange = (event) => {\r\n console.log(`ServicePlan: ${event.target.value}`)\r\n const servicePlanItem = this.props.ServicePlanList\r\n .filter(servicePlan => servicePlan.itemName === event.target.value);\r\n console.log('servicePlanItem', servicePlanItem)\r\n\r\n let { validNumberOfItems, validPricePerItem, validCustomerFeeAmount } = this.state;\r\n\r\n // get number of items\r\n let numberOfItems = parseInt(validNumberOfItems)\r\n console.log('numberOfItems', numberOfItems)\r\n \r\n validPricePerItem = servicePlanItem[0].unitPrice\r\n console.log('validPricePerItem', servicePlanItem[0].unitPrice)\r\n\r\n validCustomerFeeAmount = numberOfItems * validPricePerItem\r\n \r\n validPricePerItem = validPricePerItem + ''\r\n validCustomerFeeAmount = validCustomerFeeAmount + ''\r\n \r\n console.log('validCustomerFeeAmount', validCustomerFeeAmount)\r\n\r\n // also change price per item\r\n // also change customer fee amount\r\n \r\n this.setState({\r\n [event.target.name]: event.target.value, \r\n validFeeItemOrigin: servicePlanItem[0].itemDescription,\r\n validPricePerItem,\r\n validCustomerFeeAmount })\r\n };\r\n\r\n validateForm = () => {\r\n const { validBillMonth, valideInitialMonth, validOrder, \r\n validOrderExternalName, validContract, validContractExternalName,\r\n validFeeItem, validFeeItemOrigin, validPricePerItem,\r\n validNumberOfItems, validCustomerFeeAmount, validCurrency } = this.state;\r\n\r\n if (validBillMonth && valideInitialMonth && validOrder && \r\n validOrderExternalName && validContract && validContractExternalName &&\r\n validFeeItem && validFeeItemOrigin && validPricePerItem &&\r\n validNumberOfItems && validCustomerFeeAmount && validCurrency) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n onSubmit = () => {\r\n const { validBillMonth, valideInitialMonth, validOrder, \r\n validOrderExternalName, validContract, validContractExternalName,\r\n validFeeItem, validFeeItemOrigin, validPricePerItem,\r\n validNumberOfItems, validCustomerFeeAmount, validCurrency } = this.state;\r\n\r\n const { data, onSave, onClose } = this.props\r\n\r\n const inventoryData = {\r\n \"Bill month\": validBillMonth,\r\n \"Initial month\": valideInitialMonth,\r\n \"Order\": validOrder,\r\n \"Order external name\": validOrderExternalName,\r\n \"Contract\": validContract,\r\n \"Contract external name\": validContractExternalName,\r\n \"Fee item\": validFeeItem,\r\n \"Fee item origin\": validFeeItemOrigin,\r\n \"Price per item\": validPricePerItem,\r\n \"Number of items\": validNumberOfItems,\r\n \"Customer fee amount\": validCustomerFeeAmount,\r\n \"Currency\": validCurrency,\r\n \"Index\": data['Index'],\r\n \"Operations\": data['Operations'],\r\n }\r\n\r\n onSave(inventoryData);\r\n onClose();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* Changing fee item to a dropdown select */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n\r\n\r\n onItemOpen = () => {\r\n this.staticDataRef.current.blur();\r\n this.props.getAllConfig();\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n simReseller: 0,\r\n simItemDescription: \"\",\r\n simPrice: \"\",\r\n simItemName: \"\",\r\n carrier: -1\r\n })\r\n for (let i = 0; i < this.props.allConfig.length; i++) {\r\n\r\n let itemName = this.props.allConfig[i].itemname;\r\n let itemValue = this.props.allConfig[i].itemvalue;\r\n this.setState({\r\n [itemName]: itemValue\r\n });\r\n\r\n }\r\n }\r\n\r\n onEditItemOpen = (row) => {\r\n\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.currentUserObj.companyCode,\r\n simItemDescription: row.itemDescription,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName,\r\n carrier: row.carrier.carrierId\r\n })\r\n\r\n }\r\n onItemClose = () => {\r\n this.staticDataRef.current.blur();\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n validateForm = (Management) => {\r\n if (Management == \"item\") {\r\n if (this.state.FolioPrefixString != \"\") {\r\n\r\n return true;\r\n\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n\r\n onItemSubmit = () => {\r\n var data = {};\r\n for (let i = 0; i < this.props.allConfig.length; i++) {\r\n var element = this.props.allConfig[i];\r\n var itemName = this.props.allConfig[i].itemname;\r\n data = {\r\n appname: element.appname,\r\n companycode: element.companycode,\r\n displayname: element.displayname,\r\n id: element.id,\r\n itemname: element.itemname,\r\n itemvalue: this.state[itemName],\r\n modulename: element.modulename\r\n }\r\n console.log(data)\r\n updateConfig(data);\r\n }\r\n this.props.getAllConfig();\r\n for (let i = 0; i < this.props.allConfig.length; i++) {\r\n let itemName = this.props.allConfig[i].itemname;\r\n let itemValue = this.props.allConfig[i].itemvalue;\r\n\r\n this.setState({\r\n [itemName]: itemValue\r\n });\r\n\r\n }\r\n this.onItemClose();\r\n }\r\n\r\n // addMultiCustomersInventory(formdata) {\r\n // const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_LOAD_CUSTOMER_INVENTORY}`;\r\n // const request = axios({\r\n // url: url,\r\n // method: 'post',\r\n // headers: {\r\n // 'Content-Type': 'application/json',\r\n // },\r\n // data: formdata,\r\n // })\r\n\r\n // request.then((response) => {\r\n\r\n // if (response.status === 200) {\r\n // console.log(response)\r\n\r\n // if (response.data === \"success\") {\r\n // toast.success(response.data);\r\n // }\r\n // else {\r\n // toast.error(response.data);\r\n // }\r\n\r\n // } else {\r\n // toast.error(response.data);\r\n // }\r\n // })\r\n // }\r\n\r\n handleFilePreviewSelect = (fileName) => {\r\n // filter files by fileName selected\r\n let selectedFile = this.state.fileDetails.filter(file => file.fileName === fileName);\r\n console.log('selectedFile', selectedFile);\r\n\r\n // get headers\r\n // console.log()\r\n\r\n this.setState({ fileSelected: selectedFile, isFilePreviewTableVisible: true });\r\n\r\n // setTimeout(() => {\r\n // this.setState({ isFilePreviewTableVisible: true });\r\n // }, 1000)\r\n }\r\n\r\n handleFilePreviewDropdownToggle = () => {\r\n let { isFilePreviewDropdownOpen } = this.state;\r\n isFilePreviewDropdownOpen = !isFilePreviewDropdownOpen;\r\n this.setState({ isFilePreviewDropdownOpen });\r\n }\r\n\r\n handleLoadFileClick = async (files) => {\r\n this.addCSVBundleRef.current.blur();\r\n if (!sessionStorage.getItem('companyCode') || !sessionStorage.getItem('currentUser')) {\r\n return;\r\n }\r\n\r\n let { fileDetails, isFilePreviewDropdownVisible,\r\n isFilePreviewTableVisible, isFileUploadVisible,\r\n fileUploadFormdata, feedback } = this.state;\r\n\r\n fileDetails = [];\r\n // Do not set to avoid flashing\r\n // isFilePreviewDropdownVisible = false;\r\n isFilePreviewTableVisible = false;\r\n // Do not set to avoid flashing\r\n // isFileUploadVisible = false;\r\n fileUploadFormdata = null;\r\n\r\n this.setState({\r\n fileDetails, isFilePreviewTableVisible,\r\n fileUploadFormdata\r\n });\r\n\r\n var formdata = new FormData();\r\n formdata.append(\"file\", files[0]);\r\n formdata.append(\"companyCode\", this.state.userObj.companyCode);\r\n\r\n var csvBundle = new JSZip();\r\n if (files[0] !== null) {\r\n csvBundle.loadAsync(files[0]).then(async (inventory) => {\r\n // console.log('inventory', JSON.stringify(inventory))\r\n\r\n // ideas:\r\n // Loop through filenames and show a toast of a file is missing\r\n\r\n // get filenames for dropdown\r\n // populate state fileDetails\r\n // let { fileDetails, isFilePreviewDropdownVisible,\r\n // isFileUploadVisible, fileUploadFormdata } = this.state;\r\n\r\n console.log('BEFORE READ')\r\n\r\n // get object keys on files attribute\r\n let objectKeysFromFilesAttribute = Object.keys(inventory.files)\r\n for (let inv = 0; inv < objectKeysFromFilesAttribute.length; inv++) {\r\n const invElement = objectKeysFromFilesAttribute[inv];\r\n console.log(invElement);\r\n let splitElement = invElement.split('/');\r\n console.log('splitElement', splitElement);\r\n let folderWithFile = (takeRight(splitElement, splitElement.length - 1)).join('/');\r\n console.log('folderWithFile', folderWithFile);\r\n if (inv >= 1 && invElement !== null && invElement.includes('.csv')) {\r\n let folderWithFileContent = await inventory.file(invElement).async(\"text\");\r\n console.log('folderWithFileContent', folderWithFileContent);\r\n let fileDetail = {\r\n fileName: folderWithFile,\r\n fileContent: folderWithFileContent,\r\n tableId: (folderWithFile.split('/')[folderWithFile.split('/').length - 1]).replace(\".csv\", \"\")\r\n }\r\n fileDetails.push(fileDetail);\r\n }\r\n }\r\n\r\n console.log('AFTER READ')\r\n\r\n // this.setState({ fileDetails });\r\n\r\n // This is good, now do it with papaparse\r\n // for (let f = 0; f < fileDetails.length; f++) {\r\n // const detail = fileDetails[f];\r\n // let headers = detail.fileContent.split('\\n')[0].split(';');\r\n // headers[headers.length - 1] = headers[headers.length - 1].replace(\"\\r\", \"\");\r\n // headers.unshift('id');\r\n // console.log('headers', headers);\r\n\r\n // let data = {}\r\n // for (let h = 0; h < headers.length; h++) {\r\n // const heading = headers[h];\r\n // data[heading] = ''\r\n // }\r\n // console.log('data', data)\r\n // }\r\n\r\n console.log('BEFORE HEADERS')\r\n\r\n // get headers and remove any carriage return\r\n for (let f = 0; f < fileDetails.length; f++) {\r\n let detail = fileDetails[f];\r\n let headers = detail.fileContent.split('\\n')[0].split(';');\r\n for (let h = 0; h < headers.length; h++) {\r\n headers[h] = headers[h].replace(\"\\r\", \"\");\r\n }\r\n headers.unshift('Index');\r\n // headers.push('Operations');\r\n fileDetails[f].headers = headers\r\n // fileDetails[f].headers.unshift('Index');\r\n }\r\n\r\n console.log('AFTER HEADERS')\r\n\r\n console.log('fileDetails.length', fileDetails.length)\r\n\r\n if (fileDetails.length === 0) {\r\n toast.error(`Bundle was empty or had invalid file types`);\r\n return;\r\n }\r\n\r\n for (let f = 0; f < fileDetails.length; f++) {\r\n let detail = fileDetails[f];\r\n let detailParse = parse(detail.fileContent, papaparseConfig);\r\n console.log('detailParse', detailParse);\r\n }\r\n\r\n for (let f = 0; f < fileDetails.length; f++) {\r\n let detail = fileDetails[f];\r\n let detailParse = parse(detail.fileContent, papaparseConfig);\r\n console.log('detailParse', detailParse);\r\n\r\n if (detailParse.errors && detailParse.errors.length > 0) {\r\n console.log(`Parse error`)\r\n toast.error(`${detail.fileName} was not a valid CSV file`);\r\n return;\r\n }\r\n\r\n for (let p = 0; p < detailParse.data.length; p++) {\r\n const parseObj = detailParse.data[p];\r\n parseObj.Index = p;\r\n // parseObj.Delete = p;\r\n // parseObj.Edit = p;\r\n\r\n console.log('fileName in parse', detail)\r\n console.log('File match', detail.tableId)\r\n console.log('edit list', editableFiles)\r\n console.log('fileName in edit list', editableFiles.filter((file) => file.includes(detail.tableId)))\r\n\r\n // console.log('fileName in parse', detail)\r\n let editableFilesResult = editableFiles.filter((file) => file.includes(detail.tableId))\r\n if (editableFilesResult.length > 0) {\r\n parseObj.Delete = p;\r\n parseObj.Edit = p;\r\n }\r\n }\r\n\r\n detail.parse = detailParse.data;\r\n console.log(detail);\r\n\r\n fileDetails[f] = detail;\r\n }\r\n fileDetails = fileDetails.reverse();\r\n isFilePreviewDropdownVisible = true;\r\n isFileUploadVisible = true;\r\n fileUploadFormdata = formdata;\r\n feedback = 'csv bundle added'\r\n this.setState({\r\n fileDetails, isFilePreviewDropdownVisible,\r\n isFileUploadVisible, fileUploadFormdata, feedback, /*testRipple:false*/\r\n });\r\n\r\n }).catch((error) => {\r\n toast.error(`Bundle was not a zip file`);\r\n })\r\n }\r\n }\r\n\r\n handleFileUpload = () => {\r\n this.uploadFileRef.current.blur();\r\n const { fileUploadFormdata } = this.state;\r\n console.log('fileUploadFormdata', fileUploadFormdata);\r\n this.props.addMultiCustomersInventoryRecords(fileUploadFormdata);\r\n }\r\n\r\n handleRecordUpload = () => {\r\n this.uploadFileRef.current.blur();\r\n let { fileDetails } = this.state;\r\n console.log('fileDetails', fileDetails)\r\n let chaRatingDetails = fileDetails.filter(file => file.fileName.includes('CHA_RATING_DETAILS'))\r\n console.log('chaRatingDetails', chaRatingDetails)\r\n\r\n let records = []\r\n\r\n for (let r = 0; r < chaRatingDetails[0].parse.length; r++) {\r\n const record = chaRatingDetails[0].parse[r];\r\n let convertedRecord = camelizeKeys(record);\r\n records.push(convertedRecord)\r\n }\r\n\r\n console.log('records', records)\r\n this.props.addMultiCustomersInventoryRecords(records)\r\n }\r\n\r\n renderInventoryItemModal() {\r\n let { invItemEditData, showInvItemModal, invItemEditIndex } = this.state;\r\n\r\n return (showInvItemModal\r\n && \r\n // {cell} { this.onEditOpen(index, row) }} />\r\n // { this.onDeleteRow(index, row) }} />\r\n //
\r\n // );\r\n\r\n // } else {\r\n\r\n // return (\r\n // {cell}
\r\n // );\r\n\r\n // }\r\n\r\n // };\r\n\r\n noAction = (cell, row, enumObject, index) => {\r\n return;\r\n }\r\n\r\n editButton = (cell, row, enumObject, index) => {\r\n console.log('cell', cell)\r\n console.log('row', row)\r\n console.log('enumObject', enumObject)\r\n console.log('index', index)\r\n return (\r\n \r\n { this.onEditOpen(index, row) }} />\r\n
\r\n );\r\n };\r\n\r\n deleteButton = (cell, row, enumObject, index) => {\r\n console.log('cell', cell)\r\n console.log('row', row)\r\n console.log('enumObject', enumObject)\r\n console.log('index', index)\r\n return (\r\n \r\n { this.onDeleteRow(index, row) }} />\r\n
\r\n );\r\n };\r\n\r\n renderItemModal() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.renderItemModal()}\r\n {this.renderInventoryItemModal()}\r\n
\r\n )\r\n }\r\n}\r\nfunction mapStateToProps(state) {\r\n let {\r\n manualBillingStatus\r\n } = state.inventory;\r\n\r\n const { pageContentList } = state.user\r\n\r\n let { allConfig } = state.weather;\r\n\r\n return {\r\n allConfig,\r\n pageContentList,\r\n manualBillingStatus\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getAllConfig,\r\n updateConfig,\r\n addMultiCustomersInventoryRecords,\r\n getPageContent\r\n }, dispatch);\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeviceTypeTable);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Collapse } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { EditTextButton } from '../../../../shared/components/Button/IconButton';\r\n\r\nimport { Col, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\n\r\n\r\nimport {\r\n getFullInventoryList,\r\n uploadFileSims,\r\n SetDeviceType\r\n} from '../../../../redux/actions/inventoryActions';\r\nimport { formatDefaultLocale } from 'd3-format';\r\n\r\nclass InventoryInactiveBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showItemModal: false,\r\n simId: 0,\r\n simReseller: 0,\r\n simPrice: 0,\r\n simItemDescription: \"\",\r\n simItemName: \"\",\r\n\r\n showDeviceModal: false,\r\n file: null,\r\n carrierId: 0,\r\n itemId: 0,\r\n companyCode: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n onItemOpen = () => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n simReseller: 0,\r\n simItemDescription: \"\",\r\n simPrice: \"\",\r\n simItemName: \"\"\r\n })\r\n }\r\n onEditItemOpen = (row) => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.currentUserObj.companyCode,\r\n simItemDescription: row.itemDescription,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName\r\n })\r\n }\r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n onDeviceClose = () => {\r\n this.setState({\r\n showDeviceModal: false\r\n });\r\n };\r\n onDeviceOpen = () => {\r\n\r\n this.setState({\r\n showDeviceModal: true,\r\n file: null,\r\n carrierId: this.props.carrierList[0].carrierId,\r\n itemId: 0,\r\n companyCode: this.props.currentUserObj.companyCode\r\n });\r\n };\r\n onFileChangeHandler = (e) => {\r\n this.setState({ file: e.target.files[0] });\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onInputCarrierChange = (event) => {\r\n if (event.target.value >= 0) {\r\n this.setState({\r\n itemCode: this.props.carrierPlanList[event.target.value].name,\r\n itemDescription: this.props.carrierPlanList[event.target.value].description\r\n });\r\n }\r\n else {\r\n this.setState({\r\n itemCode: \"\",\r\n itemDescription: \"\"\r\n });\r\n }\r\n }\r\n validateForm = (Management) => {\r\n if (Management == \"device\") {\r\n if (this.state.file != null && this.state.carrierId > 0 && this.state.itemId > 0 && this.state.companyCode != null && this.state.companyCode != \"\") {\r\n return true;\r\n }\r\n }\r\n else if (Management == \"item\") {\r\n if (this.state.simItemDescription != \"\" && this.state.simItemName != \"\" && !isNaN(this.state.simPrice)) {\r\n if (parseFloat(this.state.simPrice) >= 0) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n priceFormatter = (cell, row) => {\r\n var per = \"\";\r\n if (row.billCycle == 30) {\r\n per = \"/month\"\r\n }\r\n else if (row.billCycle == 365) {\r\n per = \"/year\"\r\n }\r\n var price = cell.toFixed(2);\r\n return `$ ${price}${per}`;\r\n }\r\n\r\n dataFormatter = (cell, row) => {\r\n if (cell < 1024) {\r\n return (`${cell} MB`);\r\n }\r\n if (cell >= 1024) {\r\n var gb = (cell / 1024).toFixed(2)\r\n return (`${gb} GB`);\r\n }\r\n }\r\n cellEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n Options
\r\n \r\n {/* \r\n StaticData\r\n */}\r\n {}\r\n
\r\n \r\n \r\n {/* \r\n Add CSV Bundle File\r\n */}\r\n {}\r\n {/* \r\n
\r\n {isFilePreviewDropdownVisible && (\r\n \r\n \r\n Preview Files from Bundle\r\n \r\n \r\n {fileDetails.map((fileDetail, index) => (\r\n {\r\n this.handleFilePreviewSelect(fileDetail.fileName)\r\n }}\r\n /* Allow this dropdown item to be enabled during manual billing\r\n so that the user can keep editing\r\n */\r\n >\r\n {fileDetail.fileName}\r\n \r\n ))}\r\n \r\n \r\n
)}\r\n {isFileUploadVisible && (\r\n {/* \r\n Upload Files\r\n */}\r\n {}\r\n
)}\r\n \r\n {\r\n isFilePreviewTableVisible && fileSelected && `File selected: ${fileSelected[0].fileName}`\r\n }\r\n {/* {\r\n this.state.fileSelected === null &&\r\n (\r\n deviceType \r\n customerName \r\n )\r\n } */}\r\n\r\n\r\n {\r\n isFilePreviewTableVisible && fileSelected && fileSelected[0].parse &&\r\n (\r\n {/* {\r\n fileSelected[0].headers.map((header, index) => {\r\n return header !== null && \r\n {String.fromCharCode(64 + index)}\r\n \r\n })\r\n } */}\r\n {\r\n fileSelected[0].headers.map((header, index) => {\r\n return header !== null && \r\n {header}\r\n \r\n })\r\n }\r\n {/* {this.inventoryDelete()}\r\n {this.inventoryEdit()} */}\r\n )\r\n }\r\n \r\n\r\n {/*\r\n this.state.isFilePreviewTableVisible && this.state.fileSelected && this.state.fileSelected[0].parse &&\r\n {\r\n console.log('Changed data')\r\n }} />\r\n */}\r\n\r\n\r\n\r\n\r\n {/* \r\n deviceType \r\n customerName \r\n */}\r\n
\r\n \r\n \r\n SIM Name \r\n SIM Descriptin \r\n Price \r\n \r\n Operations\r\n \r\n \r\n
\r\n \r\n { this.onEditServiceOpen(row) }} />\r\n
\r\n );\r\n };\r\n cellItemEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n statusFormatter = (cell, row) => {\r\n if (cell == 1) {\r\n return Active\r\n }\r\n if (cell == 2) {\r\n return Suspend\r\n }\r\n }\r\n\r\n\r\n customFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return TRUE;\r\n }\r\n return;\r\n }\r\n\r\n onDeviceSubmit = () => {\r\n var formdata = new FormData();\r\n formdata.append(\"file\", this.state.file);\r\n formdata.append(\"carrierId\", this.state.carrierId);\r\n formdata.append(\"itemId\", this.state.itemId);\r\n formdata.append(\"companyCode\", this.props.currentUserObj.companyCode);\r\n this.props.uploadFileSims(formdata, \"company\");\r\n this.onDeviceClose();\r\n }\r\n onItemSubmit = () => {\r\n var data = {};\r\n if (this.state.simId > 0) {\r\n data = {\r\n \"id\": this.state.simId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice\r\n }\r\n }\r\n else {\r\n data = {\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice\r\n }\r\n }\r\n this.props.SetDeviceType(data);\r\n this.onItemClose();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderItemModal()}\r\n {this.renderDeviceModal()}\r\n\r\n \r\n SIM Name \r\n SIM Description \r\n Price \r\n \r\n Operations\r\n \r\n \r\n\r\n {/*\r\n SIM Name \r\n SIM Identifier Type \r\n SIM Identifier Value \r\n */}\r\n
\r\n )\r\n\r\n\r\n }\r\n renderItemModal() {\r\n return (\r\n SIM Card Types
\r\n\r\n \r\n Add New SIM Card Type\r\n \r\n
\r\n SIM Cards
\r\n\r\n \r\n Upload Devices\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n NOTE: Only accept .csv files
\r\n \r\n\r\n
\r\n
\r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n onItemOpen = () => {\r\n this.setState({\r\n showItemModal: true,\r\n simId: 0,\r\n simReseller: 0,\r\n simItemDescription: \"\",\r\n simPrice: \"\",\r\n simItemName: \"\",\r\n carrier: -1\r\n })\r\n }\r\n\r\n onEditItemOpen = (row) => {\r\n\r\n this.setState({\r\n showItemModal: true,\r\n simId: row.itemId,\r\n companyCode: this.props.currentUserObj.companyCode,\r\n simItemDescription: row.itemDescription,\r\n simPrice: row.unitPrice,\r\n simItemName: row.itemName,\r\n carrier: row.carrier.carrierId\r\n })\r\n\r\n }\r\n onItemClose = () => {\r\n this.setState({\r\n showItemModal: false\r\n })\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n\r\n validateForm = (Management) => {\r\n if (Management == \"item\") {\r\n if (this.state.simItemDescription != \"\" && this.state.simItemName != \"\" && !isNaN(this.state.simPrice)) {\r\n if (parseFloat(this.state.simPrice) >= 0 && parseFloat(this.state.carrier) >= 0) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n\r\n }\r\n\r\n onItemSubmit = () => {\r\n var data = {};\r\n if (this.state.simId > 0) {\r\n data = {\r\n \"id\": this.state.simId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice,\r\n \"carrierId\": this.state.carrier\r\n }\r\n }\r\n else {\r\n data = {\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemName\": this.state.simItemName,\r\n \"itemDescription\": this.state.simItemDescription,\r\n \"unitPrice\": this.state.simPrice,\r\n \"carrierId\": this.state.carrier\r\n }\r\n }\r\n this.props.SetDeviceType(data);\r\n this.onItemClose();\r\n }\r\n\r\n renderItemModal() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {this.renderItemModal()}\r\n \r\n Add CSV File\r\n \r\n \r\n SIM Name \r\n SIM Description \r\n Price \r\n \r\n Operations\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default StaticData;","/* eslint-disable */\r\nimport React, { Component, Fragment, useState } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport { toast } from \"react-toastify\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport {View, TextInput,styles } from \"react\";\r\nimport DeviceTable from './DeviceTable';\r\nimport DeviceTypeTable from './DeviceTypeTable';\r\n\r\nimport {\r\n getCarriers,\r\n getResellerList\r\n} from '../../../../redux/actions/userAction';\r\nimport {\r\n getFullSIMList,\r\n uploadFileSims,\r\n SetDeviceType\r\n} from '../../../../redux/actions/inventoryActions';\r\nimport InventoryInactiveBoard from './InventoryInactiveBoard';\r\nimport StaticData from './StaticData';\r\n\r\nclass IntegrationFileBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showItemModal: false,\r\n simId: 0,\r\n simReseller: 0,\r\n simPrice: 0,\r\n simItemDescription: \"\",\r\n simItemName: \"\",\r\n\r\n showDeviceModal: false,\r\n file: null,\r\n carrierId: 0,\r\n itemId: 0\r\n };\r\n \r\n }\r\n componentDidMount() {\r\n /*\r\n this.props.getCarriers();\r\n this.props.getResellerList();\r\n this.props.getFullSIMList({ \"fullInventory\": true });\r\n */\r\n }\r\n\r\n /* render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n\r\n\r\n } */\r\n \r\n render() {\r\n var inputValue=\"here\";\r\n return (\r\n Import Billing Data
\r\n\r\n
\r\n\r\n {/*
SIM Cards
\r\n\r\n { this.onEditServiceOpen(row) }} />\r\n
\r\n );\r\n };\r\n cellItemEditButton = (cell, row, enumObject, index) => {\r\n return (\r\n \r\n { this.onEditItemOpen(row) }} />\r\n
\r\n );\r\n };\r\n\r\n priceFormatter = (cell, row) => {\r\n var per = \"\";\r\n if (row.billCycle == 30) {\r\n per = \"/month\"\r\n }\r\n else if (row.billCycle == 365) {\r\n per = \"/year\"\r\n }\r\n var price = cell.toFixed(2);\r\n return `$ ${price}${per}`;\r\n }\r\n\r\n dataFormatter = (cell, row) => {\r\n if (cell < 1024) {\r\n return (`${cell} MB`);\r\n }\r\n if (cell >= 1024) {\r\n var gb = (cell / 1024).toFixed(2)\r\n return (`${gb} GB`);\r\n }\r\n }\r\n\r\n\r\n statusFormatter = (cell, row) => {\r\n if (cell == 1) {\r\n return Active\r\n }\r\n if (cell == 2) {\r\n return Suspend\r\n }\r\n }\r\n\r\n\r\n customFormatter = (cell, row) => {\r\n if (cell != null) {\r\n return TRUE;\r\n }\r\n return;\r\n }\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n };\r\n onInputCarrierChange = (event) => {\r\n if (event.target.value >= 0) {\r\n this.setState({\r\n itemCode: this.props.carrierPlanList[event.target.value].name,\r\n itemDescription: this.props.carrierPlanList[event.target.value].description\r\n });\r\n }\r\n else {\r\n this.setState({\r\n itemCode: \"\",\r\n itemDescription: \"\"\r\n });\r\n }\r\n }\r\n\r\n validateForm = (Management) => {\r\n if (Management == \"service\") {\r\n if (this.state.itemName != \"\" && this.state.itemCode != \"\" && this.state.itemDescription != \"\" && !isNaN(this.state.planDataVolume) && !isNaN(this.state.price)) {\r\n if (parseFloat(this.state.price) > 0 && parseInt(this.state.planDataVolume) > 0) {\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n onServiceSubmit = () => {\r\n var data = {};\r\n if (this.state.id > 0) {\r\n data = {\r\n \"id\": this.state.id,\r\n //\"resellerId\": this.props.editResellerObj.resellerId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemCode\": this.state.itemCode,\r\n \"itemName\": this.state.itemName,\r\n \"planDataVolume\": this.state.planDataVolume,\r\n \"itemDescription\": this.state.itemDescription,\r\n \"unitPrice\": this.state.price,\r\n \"itemPayFrequency\": this.state.itemPayFrequency,\r\n \"itemPayType\": this.state.itemPayType,\r\n \"autoRenewFlag\": this.state.autoRenewFlag\r\n\r\n }\r\n }\r\n else {\r\n data = {\r\n //\"resellerId\": this.props.editResellerObj.resellerId,\r\n \"companyCode\": this.props.currentUserObj.companyCode,\r\n \"itemCode\": this.state.itemCode,\r\n \"itemName\": this.state.itemName,\r\n \"planDataVolume\": this.state.planDataVolume,\r\n \"itemDescription\": this.state.itemDescription,\r\n \"unitPrice\": this.state.price,\r\n \"itemPayFrequency\": this.state.itemPayFrequency,\r\n \"itemPayType\": this.state.itemPayType,\r\n \"autoRenewFlag\": this.state.autoRenewFlag\r\n }\r\n }\r\n this.props.SetServicePlan(data);\r\n this.onServiceClose();\r\n }\r\n onRemoveServicePlan = () => {\r\n var data = {};\r\n if (this.state.id > 0) {\r\n data = {\r\n \"id\": this.state.id,\r\n \"companyCode\": this.props.currentUserObj.companyCode\r\n }\r\n }\r\n this.props.DeleteServicePlan(data);\r\n this.onServiceClose();\r\n }\r\n\r\n onServiceClose = () => {\r\n this.setState({\r\n showServiceModal: false\r\n });\r\n };\r\n\r\n onServiceOpen = () => {\r\n this.setState({\r\n showServiceModal: true,\r\n newServicePlan: true,\r\n id: 0,\r\n resellerId: \"\",\r\n companyCode: \"\",\r\n itemCode: \"\",\r\n itemName: \"\",\r\n planDataVolume: \"\",\r\n itemDescription: \"\",\r\n price: \"\",\r\n itemPayFrequency: \"Monthly\",\r\n itemPayType: \"\",\r\n autoRenewFlag: 0\r\n });\r\n };\r\n\r\n onEditServiceOpen = (row) => {\r\n if (row.itemPayFrequencyId == 1) {\r\n var itemPayFrequency = \"Monthly\"\r\n }\r\n if (row.itemPayFrequencyId == 2) {\r\n var itemPayFrequency = \"Yearly\"\r\n }\r\n this.setState({\r\n showServiceModal: true,\r\n newServicePlan: false,\r\n id: row.itemId,\r\n resellerId: row.resellerId,\r\n companyCode: row.companyCode,\r\n itemCode: row.itemCode,\r\n itemName: row.itemName,\r\n planDataVolume: row.planDataVolume,\r\n itemDescription: row.itemDescription,\r\n price: row.unitPrice,\r\n itemPayFrequency: itemPayFrequency,\r\n itemPayType: row.itemPayType,\r\n autoRenewFlag: row.autoRenewFlag\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderServicePlanModal()}\r\n\r\n \r\n \r\n \r\n Plan Name \r\n Data Plan \r\n Custom \r\n Price \r\n \r\n Operations\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n\r\n\r\n }\r\n\r\n renderServicePlanModal() {\r\n return (\r\n Current Service Plans
\r\n\r\n \r\n Start A New Service Plan\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/}\r\n
nothing available.
;\r\n }\r\n let plotData = [];\r\n let tableData = {};\r\n plotData=[];\r\n if(this.state.data!=null){\r\n tableData[\"totalCurrentMonthUsage\"] = this.usageFormatter(this.state.data[\"totalCurrentMonthUsage\"]);\r\n tableData[\"totalLast3MonthUsage\"] = this.usageFormatter(this.state.data[\"totalLast3MonthUsage\"]);\r\n tableData[\"totalLast6MonthUsage\"] = this.usageFormatter(this.state.data[\"totalLast6MonthUsage\"]);\r\n tableData[\"totalLast12MonthUsage\"] = this.usageFormatter(this.state.data[\"totalLast12MonthUsage\"]);\r\n tableData[\"totalLifetime\"] = this.usageFormatter(this.state.data[\"totalLifetime\"]);\r\n plotData=[\r\n {\r\n \"name\":\"Current Month\",\r\n \"Usage\":this.state.data[\"totalCurrentMonthUsage\"],\r\n \"text\":this.usageFormatter(this.state.data[\"totalCurrentMonthUsage\"])\r\n },\r\n {\r\n \"name\":\"3 Months\",\r\n \"Usage\":this.state.data[\"totalLast3MonthUsage\"],\r\n \"text\":this.usageFormatter(this.state.data[\"totalLast3MonthUsage\"])\r\n },\r\n {\r\n \"name\":\"6 Months\",\r\n \"Usage\":this.state.data[\"totalLast6MonthUsage\"],\r\n \"text\":this.usageFormatter(this.state.data[\"totalLast6MonthUsage\"])\r\n },\r\n {\r\n \"name\":\"12 Months\",\r\n \"Usage\":this.state.data[\"totalLast12MonthUsage\"],\r\n \"text\":this.usageFormatter(this.state.data[\"totalLast12MonthUsage\"])\r\n },\r\n {\r\n \"name\":\"Life Time\",\r\n \"Usage\":this.state.data[\"totalLifetime\"],\r\n \"text\":this.usageFormatter(this.state.data[\"totalLifetime\"])\r\n }\r\n ];\r\n }\r\n tableData=[tableData];\r\n let activeIndex = 1;\r\n const aspect = 15 / 3\r\n return (\r\n \r\n \r\n \r\n Current Month \r\n 3 Months \r\n 6 Months \r\n 12 Months \r\n Life Time \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n Download CSV \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n \r\n\r\n \r\n\r\n render() {\r\n //load \r\n if(this.state.loading==true&&this.state.data==null){\r\n return (\r\n \r\n
\r\n );\r\n }\r\n else{\r\n return (this.renderTableGraph());\r\n }\r\n\r\n \r\n }\r\n\r\n\r\n}\r\n\r\nexport default ClientUsage;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Row, Button, Card, CardBody, Modal, ModalHeader, ModalBody, Col, Input, ModalFooter, } from 'reactstrap';\r\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Cell } from 'recharts';\r\nimport { getPlanUsage, getResellersTree } from '../../../../redux/actions/userAction';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { getCurrentUser } from '../../../../factories/auth';\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\n\r\nclass DashboardGraph extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShowFilterTime1: false,\r\n filterStartTime1: null,\r\n filterEndTime1: null,\r\n type: \"daily\",\r\n isChangedType: false,\r\n }\r\n this.userObj = getCurrentUser()\r\n }\r\n componentDidMount() {\r\n }\r\n\r\n CustomTooltip = ({ active, payload, label }) => {\r\n if (active && payload && payload.length && this.props.type != null) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return null;\r\n };\r\n\r\n onInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n })\r\n };\r\n\r\n\r\n\r\n validateForm = (Management, startDate, endDate) => {\r\n if (Management == \"timeFilter\") {\r\n let now = new Date();\r\n if (!startDate || !endDate) {\r\n return true;\r\n }\r\n if ((endDate && Date.parse(endDate) > Date.parse(now)) || (startDate && Date.parse(startDate) > Date.parse(now))) {\r\n return false;\r\n }\r\n if (Date.parse(endDate) < Date.parse(startDate)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n formatTime(time) {\r\n var temp_time = new Number(time);\r\n var temp_date = new Date(temp_time);\r\n var temp_year1 = \"\";\r\n var temp_month1 = \"\";\r\n var temp_day1 = \"\";\r\n temp_year1 = temp_date.getFullYear();\r\n temp_month1 = (temp_date.getMonth() + 1) > 9 ? (temp_date.getMonth() + 1) : \"0\" + (temp_date.getMonth() + 1);\r\n temp_day1 = (temp_date.getDate()) > 9 ? (temp_date.getDate()) : \"0\" + (temp_date.getDate());\r\n return temp_year1.toString() + \"-\" + temp_month1.toString() + \"-\" + temp_day1.toString();\r\n }\r\n\r\n renderFilterTime(startDateValName, endDateValName, onSubmitCallback) {\r\n let minDateMillTime = new Date().getTime() - (86400 * 365 * 1000);\r\n\r\n let minDateStr = this.formatTime(minDateMillTime)\r\n let maxStr = this.formatTime(new Date())\r\n return (\r\n {`${this.props.type[0].toUpperCase() + this.props.type.substring(1)} `}
\r\n{label}
\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n{`Usage : ${payload[0].value} MB`}
}\r\n {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" &&\r\n{`Usage : ${payload[0].value} `}
}\r\n {content}
\r\n );\r\n }\r\n\r\n isExpandableRow(row) {\r\n if (row.customerId != null) return true;\r\n else return false;\r\n }\r\n\r\n\r\n customerNameFormater = (cell) => {\r\n if (cell != null) {\r\n return (\r\n {cell.firstName + \" \" + cell.lastName}\r\n );\r\n }\r\n }\r\n\r\n handleExpand(rowKey, isExpand) {\r\n //#1\r\n //alert(rowKey+isExpand);\r\n //this.expandedRows[rowKey] = isExpand;\r\n if (isExpand == true) {\r\n //expanding\r\n this.expandedRows[rowKey] = {\r\n rowKey: rowKey,\r\n refreshTime: new Date()\r\n };\r\n this.clickedRow = rowKey;\r\n\r\n }\r\n }\r\n dataFormater = (cell, row) => {\r\n\r\n return `${(cell / 1024).toFixed(2)} MB`;\r\n\r\n\r\n }\r\n\r\n\r\n render() {\r\n\r\n const options = {\r\n onExpand: this.handleExpand,\r\n noDataText: this.state.loadingMessage\r\n };\r\n return (\r\n \r\n \r\n Phone \r\n Customer Name \r\n Reseller Name \r\n Period Data Usage \r\n Active Lines \r\n\r\n \r\n
\r\n \r\n {(this.props.activeSIMList != null && !this.props.loading) ? {this.props.activeSIMList.length} : 0}\r\n
\r\n\r\n Active:\r\n {\r\n (this.props.activeSIMList != null && !this.props.loading) ? \r\n {this.props.activeSIMList.length}\r\n \r\n :\r\n
Inactive : {(this.props.inactiveSIMList != null && !this.props.loading) ? {this.props.inactiveSIMList.length} : 0}
\r\nSuspend : {(this.props.suspendedSIMList != null && !this.props.loading) ? {this.props.suspendedSIMList.length} : 0}
\r\n\r\n {(this.props.totalUsage!=null && !this.props.loading) ? (this.props.totalUsage) : 0}\r\n
\r\n {/* if more than 5 numbers, convert to GB */}\r\n \r\n :\r\n\r\n {!this.props.loading ? this.dataFormater(this.props.totalUsage) : 0}\r\n
\r\n {/* if more than 5 numbers, convert to GB */}\r\n }\r\n\r\n {/* {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" ?\r\n null :\r\n Added This Period\r\n {this.props.loading ? this.renderSpinner() : null}\r\n
} */}\r\n {/* {this.userObj.companyCode && this.userObj.companyCode == \"TEISA\" && style={ display: \"none\" }} */}\r\n {this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" &&\r\n {!this.props.loading ? newSIM : 0}
\r\n\r\n {!this.props.loading ? newSIM : 0}\r\n
\r\n \r\n }\r\n \r\n );\r\n\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const { pageContentList, totalUsage } = state.user\r\n /*let { activityReportList } = state.inventory;*/\r\n const props = { pageContentList, totalUsage };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getPageContent\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DashboardInfo);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Card, CardBody, Row } from 'reactstrap';\r\nimport ActiveUsageCard from './ActiveUsage/ActiveUsageCard';\r\nimport DashBoardActiveClientTable from './TotalUsage/DashBoardActiveClientTable';\r\nimport DashboardInfo from './DashboardInfo';\r\nimport DashboardGraph from './DashboardGraph';\r\nimport './Dashboard.css';\r\n\r\n\r\nclass DashboardPanel extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n handleAssetChange = (value) => {\r\n\r\n this.props.handleFilterChange({\r\n currentAsset: value,\r\n // startTime: null,\r\n // endTime: null,\r\n });\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {this.renderEmailNotification()}\r\n \r\n \r\n {this.renderMsmNotification()}\r\n \r\n
\r\n );\r\n }\r\n render() {\r\n return (\r\n {label}
\r\n { this.props.onOpenAction(cell) }} />\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n\r\n const options = {\r\n sizePerPageList: [{\r\n text: '10', value: 10\r\n }, {\r\n text: '50', value: 50\r\n }, {\r\n text: '100', value: 100\r\n }, {\r\n text: '500', value: 500\r\n }],\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n );\r\n }\r\n\r\n runManualBilling = async () => {\r\n\r\n const { getManualBillingStatus,\r\n startManualBilling, runManualBilling } = this.props\r\n\r\n this.setState({ isPendingRunManualBilling: true })\r\n\r\n await getManualBillingStatus()\r\n\r\n const { manualBillingStatus } = this.props\r\n\r\n console.log('manualBillingStatus', manualBillingStatus)\r\n\r\n if (!manualBillingStatus) {\r\n await startManualBilling()\r\n await runManualBilling()\r\n }\r\n\r\n this.setState({ isPendingRunManualBilling: false })\r\n }\r\n\r\n render() {\r\n const { pageContentList, manualBillingStatus } = this.props;\r\n return (\r\n <>\r\n {\r\n (this.userObj && hasRole(this.userObj, ['ADMIN', 'USER']))\r\n && pageContentList.includes(\"Run Manual Billing\")\r\n && (\r\n \r\n
\r\n {this.state.loading ? this.renderSpinner() : null}\r\n resellerName}\r\n getOptionValue={({ resellerCode }) => resellerCode}\r\n placeholder={\r\n this.userObj.companyCode && this.userObj.companyCode !== \"TEISA\" ? 'Select a Client ...' : 'Select a Reseller ...'\r\n }\r\n onChange={this.handleClientChange}\r\n styles={this.state.customStyles}\r\n />\r\n
\r\n\r\n \r\n\r\n {this.state.resellerName}'s Dashboard
: null}\r\n \r\nSIGFOX Billing App
\r\n )\r\n }\r\nInformation
\r\n\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Address
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n {\r\n (hasRole(this.props.userObj, [\"SUPERADMIN\", \"ADMIN\"])) ?\r\n <>\r\n\r\n
\r\n
Change Account
\r\n\r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n :\r\n null\r\n\r\n }\r\n\r\n \r\n \r\n
*/}\r\n {/*
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n {this.state.isCustomer == true && (\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n {/*
*/}\r\n\r\n
\r\n {\r\n this.handleRowEditClick(row);\r\n }}\r\n />{\" \"}\r\n
\r\n );\r\n };\r\n handleRowEditClick = (row) => {\r\n this.props.handleRowEditClick(row);\r\n };\r\n\r\n tableActionColFormaterDelete = (cell, row) => {\r\n return (\r\n \r\n {\r\n this.handleRowDeleteClick(row);\r\n }}\r\n msg={\"Do you want to delete the select Consumer ? \"}\r\n />\r\n
\r\n );\r\n };\r\n render() {\r\n const check =\r\n this.props.userObj &&\r\n hasRole(this.props.userObj, [\r\n \"SUPERADMIN\",\r\n \"ADMIN\",\r\n \"CLIENT\",\r\n \"CLIENTADMIN\",\r\n ]);\r\n const options = {\r\n insertBtn: this.props.addNewUserButton,\r\n sizePerPageList: [\r\n {\r\n text: \"10\",\r\n value: 10,\r\n },\r\n {\r\n text: \"50\",\r\n value: 50,\r\n },\r\n {\r\n text: \"100\",\r\n value: 100,\r\n },\r\n {\r\n text: \"500\",\r\n value: 500,\r\n },\r\n ],\r\n };\r\n var customerList = this.props.consumerList.map((customerView) => {\r\n if (customerView.customer === null) {\r\n return {};\r\n }\r\n\r\n let nameData = \"\";\r\n let resellerData = \"\";\r\n let countryData = \"\";\r\n let lineOfBusinessData = \"\";\r\n let divisionData = \"\";\r\n let customerData = \"\";\r\n let usernameData = \"\";\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessName != null &&\r\n customerView.customer.businessName != \"\"\r\n ) {\r\n nameData = customerView.customer.businessName;\r\n } else {\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.firstName != null &&\r\n customerView.customer.firstName != \"\"\r\n ) {\r\n nameData = customerView.customer.firstName;\r\n }\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.resellerName != null &&\r\n customerView.resellerName != \"\"\r\n ) {\r\n resellerData = customerView.resellerName;\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessUnit != null &&\r\n customerView.customer.businessUnit.country != null &&\r\n customerView.customer.businessUnit.country.name != null\r\n ) {\r\n countryData = customerView.customer.businessUnit.country.name;\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessUnit != null &&\r\n customerView.customer.businessUnit.lineOfBusiness != null &&\r\n customerView.customer.businessUnit.lineOfBusiness.name != null\r\n ) {\r\n lineOfBusinessData =\r\n customerView.customer.businessUnit.lineOfBusiness.name;\r\n }\r\n\r\n if (\r\n customerView != null &&\r\n customerView.customer != null &&\r\n customerView.customer.businessUnit != null &&\r\n customerView.customer.businessUnit.division != null &&\r\n customerView.customer.businessUnit.division.name != null\r\n ) {\r\n divisionData = customerView.customer.businessUnit.division.name;\r\n }\r\n\r\n if (customerView != null && customerView.customer != null) {\r\n customerData = customerView.customer;\r\n }\r\n\r\n if (customerView != null && customerView.userName != null) {\r\n usernameData = customerView.userName;\r\n }\r\n\r\n return {\r\n name: nameData,\r\n /*customerView.customer.businessName != null &&\r\n customerView.customer.businessName != \"\"\r\n ? customerView.customer.businessName\r\n : customerView.customer.firstName*/ resellerName: resellerData /*customerView.resellerName*/,\r\n country: countryData,\r\n /*customerView.customer.businessUnit != null\r\n ? customerView.customer.businessUnit.country.name\r\n : \"\"*/ lineOfBusiness: lineOfBusinessData,\r\n /*customerView.customer.businessUnit != null\r\n ? customerView.customer.businessUnit.lineOfBusiness.name\r\n : \"\"*/ division: divisionData,\r\n /*customerView.customer.businessUnit != null\r\n ? customerView.customer.businessUnit.division.name\r\n : \"\"*/ customer: customerData /*customerView.customer*/,\r\n username: usernameData /*customerView.userName*/,\r\n };\r\n });\r\n\r\n const { pageContentList } = this.props;\r\n\r\n let textDisplay = [];\r\n if (pageContentList.includes(\"Reseller\")) {\r\n textDisplay = [\"Reseller\"];\r\n } else {\r\n textDisplay = [\"Client\"];\r\n }\r\n\r\n return (\r\n \r\n { this.props.onExitClient() }} />{' '}\r\n
\r\n \r\n\r\n {props.children}
\r\n \r\n\r\n {this.state.listView\r\n ? this.renderCustomerList()\r\n : this.renderNavigation(tabObjs)}\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n let {\r\n companyObj,\r\n companyList,\r\n companyCodeList,\r\n resellerCodeList,\r\n userList,\r\n editUserObj,\r\n clientList,\r\n companyAll,\r\n countryList,\r\n provinceList,\r\n consumerList,\r\n BUCountryList,\r\n BULOBList,\r\n BUDivisionList,\r\n BURelationshipList,\r\n pageContentList,\r\n } = state.user;\r\n let props = {\r\n companyObj,\r\n companyList,\r\n companyCodeList,\r\n resellerCodeList,\r\n userList,\r\n editUserObj,\r\n clientList,\r\n companyAll,\r\n countryList,\r\n provinceList,\r\n consumerList,\r\n BUCountryList,\r\n BULOBList,\r\n BUDivisionList,\r\n BURelationshipList,\r\n pageContentList,\r\n };\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators(\r\n {\r\n getConsumers,\r\n updateConsumer,\r\n getCountries,\r\n getProvinces,\r\n getOperationCountries,\r\n getLobs,\r\n getDepartments,\r\n getUsers,\r\n getBusinessUnits,\r\n ClearBusinessUnitRelations,\r\n getPageContent,\r\n },\r\n dispatch\r\n );\r\n};\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(ConsumerBoard);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { getCurrentUser } from '../../factories/auth';\r\n\r\nimport ConsumerBoard from './components/ConsumerBoard';\r\n\r\nclass ConsumerPage extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.userObj = null;\r\n this.state = {\r\n userObj: null,\r\n companyCode: null,\r\n };\r\n this.companycode = null;\r\n }\r\n render() {\r\n let userObj = getCurrentUser();\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n // if(ATTRIBUTE_WIND_ORDER) {\r\n // console.log(\"===\", ATTRIBUTE_WIND_ORDER)\r\n // };\r\n \r\n return \r\n
*/}\r\n \r\n {/* {assetnameFormat(asset, toggle)} */}\r\n {/* {assetnameFormat(asset, toggle)} */}\r\n {assetnameFormat(asset, toggle)}\r\n
\r\n \r\n {/* {timestampFormat(asset.timestamp)} */}\r\n
\r\n {(activeTab == 1) ?\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display).map(attr => (\r\n \r\n // {/*
\r\n return \r\n {isSmall &&\r\n \r\n
\r\n}\r\n\r\nconst BatteryDisplayElement = ({ alarmObj, attributeName, valArray, isSmall, displayName, newValArray }) => {\r\n // Declare deviceType here in order to get the battery index; Tempera\r\n const hcTechLightning = \"6202b891a4da5eb7edfa0852\"; // New Lightnning device type\r\n const meteoHelixPro = \"5ea1941d0499f5146d8d5957\"; // Weather device for Weather Station\r\n const meteoWindIotProWeather = \"5ec5367ae833d907a4b11115\"; // Wind device for Weather Station\r\n const meteoWindIotProFonturUltraContract = \"612293a20499f50cdb3d8aec\"; // Wind device for Wind station\r\n const meteoWindIotProWind= \"60591125c563d60f5a1169b3\";\r\n\r\n for(let i = 0; i < newValArray.length; i++) {\r\n newValArray[i].devicename = newValArray[i].devicetypename;\r\n };\r\n \r\n // Remove unnecessary attributes\r\n newValArray.forEach(object => {\r\n delete object['deviceNameAlias'];\r\n delete object['creationtime'];\r\n delete object['lastseqnumber'];\r\n delete object['trackable'];\r\n delete object['activable'];\r\n delete object['devicetypename'];\r\n });\r\n\r\n \r\n return ( \r\n \r\n {newValArray && newValArray.map((val, index) => {\r\n let displayIndex = 0;\r\n if(displayName == 'Weather') {\r\n displayIndex = newValArray.findIndex(x => x.devicetype === meteoHelixPro);\r\n } else if(displayName == 'Wind' || displayName == 'Battery') {\r\n displayIndex = newValArray.findIndex(x => x.devicetype === meteoWindIotProWeather || x.devicetype === meteoWindIotProFonturUltraContract || x.devicetype === meteoWindIotProWind);\r\n }\r\n // else if (displayName == 'Wind') {\r\n // displayIndex = newValArray.findIndex(x => x.devicetype === meteoWindIotProFonturUltraContract)\r\n // } \r\n\r\n var deviceIdRegNero = new RegExp(\"1B30D[a-zA-Z0-9]{2}|NS[0-9]{8}\");\r\n if (!deviceIdRegNero.test(val.deviceid + val.devicename) && displayIndex == index) {\r\n let value = parseFloat(val.value);\r\n const id = `battery_${index}`;\r\n if (alarmObj && alarmObj[val.deviceid] && alarmObj[val.deviceid][attributeName]) {\r\n value = alarmObj[val.deviceid][attributeName].value;\r\n }\r\n let level = 0\r\n let percentage = \"0%\";\r\n if (Number.isNaN(value)) {\r\n level = -1;\r\n percentage = \"No Battery Detected\";\r\n }\r\n if (!Number.isNaN(value) && value > 3.6 && value < 4.3) {\r\n //full battery: 4.3 | Empty battery 3.6\r\n level = Math.round((((value - 3.6) / .7) * 5) - .5);\r\n percentage = Math.round(((value - 3.6) / .7) * 100) + \"%\"\r\n }\r\n if (value >= 4.3) {\r\n level = 4;\r\n percentage = \"100%\" \r\n }\r\n // \r\n let tooltiptext = !val.devicename || val.devicename.length == 0 ? 'No device name - ' + val.deviceid+\" - \"+percentage : val.devicename + \" - \"+ val.deviceid+\" - \" + percentage;\r\n return (\r\n
\r\n )\r\n}\r\n\r\nconst AttributeDisplayElement = ({ alarmObj, attr, asset, isSmall }) => {\r\n const attributeName = attr.attributename;\r\n const displayName = attr.displayname;\r\n const mergeArrays = (arr1, arr2) => {\r\n return arr1.map((item, i) => {\r\n if(item.deviceid === arr2[i].deviceid) {\r\n return Object.assign({}, item, arr2[i])\r\n }\r\n });\r\n };\r\n let valArray = null;\r\n let newValArray = [];\r\n let assetDevices = null;\r\n let status = false;\r\n let groupData = null;\r\n\r\n if (asset.attributes && Array.isArray(asset.attributes[attributeName]) && asset.attributes[attributeName].length > 0) {\r\n valArray = asset.attributes[attributeName];\r\n assetDevices = asset.devices;\r\n newValArray = mergeArrays(valArray, assetDevices);\r\n if (attr.group) {\r\n groupData = []\r\n\r\n attr.group.forEach(item => {\r\n let valObj = {\r\n ...item,\r\n displayVal: null,\r\n };\r\n if (asset.attributes[item.attributename] && asset.attributes[item.attributename].length > 0) {\r\n valObj = {\r\n ...item,\r\n displayVal: asset.attributes[item.attributename][0],\r\n }\r\n }\r\n groupData.push(valObj);\r\n });\r\n }\r\n\r\n }\r\n // \r\n let displayVal = valArray ? valArray[0] : null;\r\n\r\n // if (displayVal && alarmObj && alarmObj[displayVal.deviceid] && alarmObj[displayVal.deviceid][attributeName] ){\r\n // status = alarmObj[displayVal.deviceid][attributeName].status ? true : false;\r\n // }\r\n\r\n if (attributeName === 'hexAlarm') {\r\n return (\r\n \r\n {/* {isSmall &&\r\n \r\n {\r\n if(cell.Alarm){\r\n let occupancyStatus;\r\n for (let n=0;n {\r\n let redCount = [];\r\n if(this.props.countListData){\r\n let countData = this.props.countListData;\r\n let countDataKeys = Object.keys(countData);\r\n\r\n for(let i in countDataKeys) {\r\n if(row.assetid == parseInt(countDataKeys[i])) {\r\n Object.values(countData)[i].forEach((item, index) => {\r\n let accessCounts = {access: item.red};\r\n redCount.push(accessCounts);\r\n });\r\n }\r\n }\r\n }\r\n\r\n const calendarMonthAccess = redCount.reduce((calendarMonthAccess, object) => {\r\n return calendarMonthAccess + object.access;\r\n }, 0);\r\n\r\n return calendarMonthAccess;\r\n\r\n }\r\n /* monthlyOccupiedCSV = (cell) => {\r\n let totalCount = 0;\r\n let donutColor;\r\n let occupancyMessage;\r\n\r\n if(cell.Alarm){\r\n let occupancyStatus;\r\n for (let n=0;n {\r\n let lastTimeOccupied;\r\n\r\n if(cell.LastOccupancy){\r\n for (let n=0;n {\r\n let lastTimeReceived;\r\n\r\n if(cell.LastMessageTime){\r\n for (let n=0;n (a.value < b.value) ? 1 : ((b.value < a.value) ? -1 : 0));\r\n //console.log('data.attributesLastOccupanc')\r\n //console.log(data.attributes['LastOccupancy'])\r\n this.id.push(data.attributes['LastOccupancy'][0].deviceid)\r\n }\r\n //console.log('this.id')\r\n //console.log(this.id)\r\n // console.log(\"===this\", statusData);\r\n return(\r\n \r\n \r\n \r\n Station Name \r\n Current Occupancy Status \r\n Battery Level \r\n Monthly Access Count \r\n Last Amount of Time Occupied \r\n Last Message Received \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\n\r\nexport default OccupancyBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, CardFooter, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\n// import { Pagination, PaginationItem, PaginationLink } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Pagination from '@material-ui/lab/Pagination';\r\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport DonutWidget from './DonutWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport BatteryIcon from './BatteryIcon';\r\nimport {\r\n ATTRIBUTE_TYPE,\r\n ATTRIBUTE_NAME,\r\n TIME_ZONE,\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ATTRIBUTE_WIND_ORDER,\r\n ALARM_META_ATTRI_OBJ,\r\n smallTextStyle,\r\n normalTextStyle,\r\n labelTextStyle,\r\n} from '../../../constants/dataConstants';\r\nimport { SizePerPageDropDown } from 'react-bootstrap-table';\r\nimport {\r\n LightningBoltIcon,\r\n WeatherPouringIcon,\r\n ThermometerIcon,\r\n WaterPercentIcon,\r\n WeatherSunnyIcon,\r\n WeatherWindyIcon,\r\n Battery70Icon,\r\n MessageOutlineIcon,\r\n DirectionsForkIcon,\r\n GaugeLowIcon,\r\n LightningBoltOutlineIcon,\r\n} from 'mdi-react';\r\nimport './blinking.scss';\r\nimport AttributeListWidget from './AttributeListWidget';\r\n\r\nconst styles = (theme => ({\r\n root: {\r\n '& > *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n}));\r\n\r\nconst PAGE_SIZE = 4;\r\nconst ICON_SIZE = 20;\r\n\r\nconst titleRowStyle = {\r\n margin: '5px 10px',\r\n padding: '5px',\r\n // justifyContent: 'flex-end',\r\n justifyContent: 'space-between',\r\n lineHeight: '30px',\r\n height: '30px'\r\n}\r\n\r\nconst valueRowStyle = {\r\n margin: '5px 10px',\r\n padding: '5px',\r\n justifyContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px'\r\n}\r\n\r\nclass StatusBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n // data: [\r\n // {deviceId:'000001', devicename: 'sensor 1', timestamp: '2020-02-19', alarm: '1', battery: '4', temperature: '27'},\r\n // {deviceId:'000002', devicename: 'sensor 2', timestamp: '2020-02-19', alarm: '2', battery: '1', temperature: '27'},\r\n // {deviceId:'000003', devicename: 'sensor 3', timestamp: '2020-02-19', alarm: '3', battery: '3', temperature: '27'},\r\n // {deviceId:'000004', devicename: 'sensor 4', timestamp: '2020-02-19', alarm: '1', battery: '2', temperature: '27'},\r\n // ],\r\n data: [],\r\n currentPage: 1,\r\n totalPages: 1,\r\n pageRange: 0\r\n }\r\n // this.resize = this.resize.bind(this);\r\n }\r\n\r\n //-----------------------------------------------------------------------------\r\n componentDidMount() {\r\n // window.addEventListener(\"resize\", this.resize);\r\n // this.resize();\r\n }\r\n componentWillUnmount() {\r\n\r\n // window.removeEventListener(\"resize\", this.resize);\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.statusData && nextProps.statusData !== this.props.statusData) {\r\n let totalPages = Math.ceil(nextProps.statusData.length / PAGE_SIZE);\r\n this.setPageData(nextProps.statusData, this.state.currentPage);\r\n this.setState({\r\n // data: nextProps.statusData,\r\n totalPages: totalPages,\r\n });\r\n }\r\n }\r\n //-----------------------------------------------------------------------------\r\n // resize = () => {\r\n // // \r\n // // this.setState({isSmall: window.innerWidth <= 760});\r\n // let currentIsSmall = (window.innerWidth <= 760);\r\n // // if (currentIsSmall !== this.state.isSmall) {\r\n // // this.setState({isSmall: currentIsSmall});\r\n // // }\r\n // this.setState(prev=>{\r\n // if (currentIsSmall !== prev.isSmall){\r\n // return({\r\n // isSmall: currentIsSmall\r\n // });\r\n // }\r\n // });\r\n // }\r\n //-----------------------------------------------------------------------------\r\n handleClick(e, index) {\r\n e.preventDefault();\r\n this.setState({\r\n currentPage: index\r\n });\r\n }\r\n // renderPagin = () => {\r\n // let pages = [1,2,3,4,5,6,7,8,9,10];\r\n // let {currentPage} = this.state;\r\n // return(\r\n // \r\n // \r\n // this.handleClick(e, currentPage - 1)}\r\n // previous\r\n // // href=\"#\"\r\n // /> \r\n // \r\n // {/* \r\n // this.handleClick(e, index)} \r\n // // href=\"#\"\r\n // >\r\n // {index+1}\r\n // \r\n // \r\n // ))}\r\n // = this.pagesCount - 1}>\r\n // this.handleClick(e, currentPage + 1)}\r\n // next\r\n // // href=\"#\"\r\n // /> \r\n // \r\n // \r\n // );\r\n // }\r\n\r\n handlePageChange = (event, value) => {\r\n event.preventDefault();\r\n\r\n this.setState({\r\n currentPage: value\r\n });\r\n this.setPageData(this.props.statusData, value);\r\n }\r\n setPageData = (statusData, currentPage) => {\r\n let reData = [];\r\n if (statusData) {\r\n let startIndex = (currentPage - 1) * PAGE_SIZE;\r\n let endIndex = startIndex + PAGE_SIZE;\r\n let i = startIndex;\r\n while (i < endIndex && i < statusData.length) {\r\n reData.push(statusData[i]);\r\n i++;\r\n }\r\n\r\n }\r\n\r\n this.setState({\r\n data: reData,\r\n });\r\n }\r\n renderMUPagin = (pages) => {\r\n const { classes } = this.props;\r\n return (\r\n \r\n {!this.props.isSmall &&\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n {/* \r\n
*/}\r\n {/* \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n {/* \r\n
*/}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {\r\n\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n
\r\n ))\r\n\r\n }\r\n \r\n \r\n }\r\n {this.state.data && this.state.data.map((item, index) => {\r\n\r\n // const classGnerator = (item, attributeName) => {\r\n // let reClass = {color: 'black', fontWeight: 'normal'};\r\n // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n // \r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n // \r\n // return ({\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // }\r\n // } \r\n // return reClass;\r\n // };\r\n // const rowClassGnerator = (item, attributeName, hasrule = false) => {\r\n // let reClass = {\r\n // // color: 'black', \r\n // // fontWeight: 'normal',\r\n // margin: '5px 10px',\r\n // padding:'5px', \r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // backgroundColor: hasrule ? GREEN_COLOR : GREY_COLOR,\r\n // color: 'white'\r\n // };\r\n\r\n // // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n // // for (let alarm of this.props.alarmObj.msgList) {\r\n // // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n // // return ({\r\n // // padding:'5px', \r\n // // justifyContent: 'center',\r\n // // alignContent: 'center',\r\n // // lineHeight: '30px',\r\n // // height: '30px',\r\n // // animation: 'fontBlink 1s infinite',\r\n // // });\r\n // // }\r\n // // }\r\n // // } \r\n // \r\n // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n\r\n // return ({\r\n // padding:'5px', \r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // return reClass;\r\n // };\r\n // const updatedValue = (item, attributeName) => {\r\n // let reValue = item[attributeName] ? item[attributeName] : '';\r\n // // try{\r\n // // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n // // let itemTime = new Date(item.timestamp);\r\n // // let alarmTime = new Date(this.props.alarmSet[item.assetid][attributeName].timestamp);\r\n // // \r\n // // \r\n // // if (alarmTime > itemTime){\r\n // // reValue = this.props.alarmSet[item.assetid][attributeName].value;\r\n // // \r\n // // }else{\r\n // // // reValue = item[attributeName] ? item[attributeName] : '';\r\n // // }\r\n\r\n // // }\r\n // // } \r\n // // catch(e){\r\n\r\n // // }\r\n\r\n // return reValue;\r\n // }\r\n return (\r\n \r\n {/* */}\r\n
\r\n \r\n {this.assetnameFormat(item)}\r\n
\r\n \r\n {this.timestampFormat(item.timestamp)}\r\n
\r\n {/* \r\n \r\n {updatedValue(item, 'Temperature')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Pressure')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Humidity')}\r\n
*/}\r\n {/* \r\n {''}\r\n
*/}\r\n {/* \r\n \r\n {updatedValue(item, 'Irradiation')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Battery')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Rain')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Wind_ave10')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Dir_ave10')}\r\n
*/}\r\n\r\n {ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.map(attr => (\r\n \r\n {/* {updatedValue(item, attr.attributename)} */}\r\n {/* {this.props.isSmall && this.renderAttributeIcons(attr.attributename)} */}\r\n {attr.attributename === 'Battery' ?\r\n // \r\n \r\n {this.props.isSmall && {this.renderAttributeIcons(attr.attributename)}}\r\n {updatedValue(item, attr.attributename)}{' '}{attr.units}\r\n \r\n }\r\n
\r\n ))}\r\n\r\n \r\n )\r\n })}\r\n\r\n {/* {this.props.statusDataProp && this.props.statusDataProp.map((item, index) => (\r\n
\r\n );\r\n }\r\n // --------------------------------------------------------------------------\r\n renderStatusWidget = () => {\r\n let statusData = [];\r\n let subarray = [];\r\n let currentPage = 0;\r\n let pages = Math.ceil(this.props.statusDataProp.length / 8);\r\n //console.log(statusData)\r\n // console.log('prop value13')\r\n // console.log(this.props.statusDataProp)\r\n this.props.statusDataProp && this.props.statusDataProp.forEach((item, index) => {\r\n if (index % 2 == 0) {\r\n if (subarray.length > 0) {\r\n statusData.push(subarray);\r\n }\r\n subarray = new Array();\r\n }\r\n subarray.push(item);\r\n if (index == this.props.statusDataProp.length - 1) {\r\n statusData.push(subarray);\r\n }\r\n });\r\n //console.log(statusData)\r\n //console.log('prop value1')\r\n //console.log(this.props.statusDataProp)\r\n const handleChange = (event, value) => {\r\n this.setState({ pageRange: value - 1 });\r\n };\r\n return (\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n renderSpinner = () => {\r\n return (\r\n \r\n {this.props.loading &&\r\n \r\n );\r\n }\r\n //--------------------------------------------------------------------\r\n render() {\r\n let height = '400px';\r\n if (this.props.height) {\r\n height = this.props.height\r\n }\r\n return (\r\n this.handleExportCSVButtonClick(onClick)} />\r\n );\r\n }\r\n handleExportCSVButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n onClick();\r\n }\r\n\r\n renderAttrTable = () => {\r\n let cols = [\r\n {\r\n field: 'assetid',\r\n displayName: 'Asset ID',\r\n isKey: true,\r\n hidden: true\r\n },\r\n {\r\n field: 'assetname',\r\n displayName: 'Sensor',\r\n dataSort: false,\r\n hidden: true,\r\n },\r\n {\r\n field: 'attritime',\r\n displayName: 'Timestamp',\r\n dataFormat: this.timestampFormat,\r\n dataSort: true,\r\n },\r\n ];\r\n let colsFields = cols.map((item) => (item.field));\r\n let data = this.props.tableData ?\r\n this.props.tableData.filter((item, index) => (\r\n item.type !== ATTRIBUTE_TYPE.META &&\r\n item.display !== false &&\r\n // item.assetname !=='Alarm' \r\n item.displayname !== 'Alarm' &&\r\n item.displayname !== 'CO2'\r\n // item.timestamp !== item.attritime\r\n )) : [];\r\n\r\n\r\n // let group = {};\r\n // for (let item of data) {\r\n // const {assetid, assetname, attritime} = item;\r\n // let key = JSON.stringify({assetid, assetname, attritime})\r\n // if (group[key] && Array.isArray(group[key])){\r\n // group[key].push(item);\r\n // }else{\r\n // group[key]=[item];\r\n // }\r\n // }\r\n // \r\n let dataMap = groupBy(data, item => item.attritime);\r\n\r\n\r\n // let tableData = [{assetid: '1', assetname: 'test', attritime: '2020'}]; \r\n // for (let key in group){\r\n // let assetObj = JSON.parse(key);\r\n // for (let value of group[key]) {\r\n // assetObj[value.attributename] = value.value;\r\n // cols.push({\r\n // field: value.attributename,\r\n // displayName: value.displayname,\r\n // dataSort: true,\r\n // });\r\n // }\r\n // tableData.push(assetObj);\r\n // }\r\n let tableData = [];\r\n for (const map of dataMap) {\r\n for (const [key, value] of Object.entries(map)) {\r\n const { assetid, assetname, attritime } = value[0];\r\n let assetObj = { assetid, assetname, attritime };\r\n for (let item of value) {\r\n if (!Object.keys(assetObj).includes(item.attributename)) {\r\n assetObj[item.attributename] = item.value;\r\n }\r\n if (!colsFields.includes(item.attributename)) {\r\n cols.push({\r\n field: item.attributename,\r\n displayName: item.displayname,\r\n dataSort: true,\r\n });\r\n // colsFields = cols.map((item)=>(item.field));\r\n colsFields.push(item.attributename);\r\n }\r\n }\r\n tableData.push(assetObj);\r\n }\r\n }\r\n // \r\n // \r\n // \r\n\r\n let maxHeight = 400;\r\n let options = {\r\n defaultSortName: 'attritime', // default sort column name\r\n defaultSortOrder: 'desc', // default sort order\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n };\r\n return (\r\n \r\n {/* \r\n */}\r\n \r\n {cols && cols.map((col, cindex) => (\r\n \r\n {col.displayName}\r\n \r\n ))}\r\n\r\n \r\n {/* \r\n */}\r\n \r\n )\r\n }\r\n\r\n renderAlarmTable() {\r\n\r\n let data = this.props.tableData ? this.props.tableData.filter((item, index) => (item.type !== ATTRIBUTE_TYPE.META && item.display !== false)) : [];\r\n console.log(data)\r\n let DataDisplay = 'Data';\r\n let AttrHidden = false;\r\n let maxHeight = 400;\r\n if (this.props.filterAttr) {\r\n data = data.filter((item) => (item.displayname === this.props.filterAttr));\r\n data = data.filter((item, index, self) => (\r\n index === self.findIndex((t) => (t.timestamp === item.timestamp))\r\n )\r\n )\r\n DataDisplay = this.props.filterAttr;\r\n AttrHidden = true;\r\n }\r\n if (this.props.maxHeight) {\r\n maxHeight = this.props.maxHeight;\r\n }\r\n let options = {\r\n defaultSortName: 'timestamp', // default sort column name\r\n defaultSortOrder: 'desc', // default sort order\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n\r\n };\r\n return (\r\n \r\n {/* \r\n */}\r\n \r\n Asset ID \r\n Sensor \r\n Timestamp \r\n Message Type \r\n {DataDisplay} \r\n \r\n {/* \r\n */}\r\n \r\n );\r\n }\r\n\r\n render() {\r\n // \r\n return (\r\n \r\n\r\n {\r\n (this.props.currentAsset != null) ?\r\n (this.props.currentAsset.grouping != \"wind\") ?\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default StatusTable;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { UserContext } from '../../../constants/myContexts';\r\nimport OccupancyMap from './OccupancyMap';\r\nimport WeatherBarChart from './WeatherBarChart';\r\nimport WeatherLineChart from './WeatherLineChart';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport BatteryIcon from './BatteryIcon';\r\nimport OccupancyBoard from './OccupancyBoard';\r\nimport StatusBoard from './StatusBoard';\r\nimport StatusTable from './StatusTable';\r\nimport { DeleteCircleIcon, BatteryFullIcon, BatteryEmptyIcon, Battery20Icon, Battery50Icon, Battery80Icon } from 'mdi-react';\r\nimport './blinking.scss';\r\nimport { weatherSeverity, hex2bin, splitStatusValue, mapWeatherSeverity } from '../../../factories/utils';\r\nimport { reformWeatherAssetData } from '../../../factories/weather';\r\nimport SettingPage from '../../Setting/index';\r\n\r\n\r\nclass OccupancyMainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mapProps: {\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: { attr: {} },\r\n },\r\n activeTab: '1',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n renderLegend = () => {\r\n let legendList = [\r\n { color: 'gray', label: 'No Activity' },\r\n { color: 'red', label: 'Lightning near (<5km)' },\r\n { color: 'orange', label: 'Lightning approaching (5km to 15km)' },\r\n { color: 'yellow', label: 'Lightning Detected (+15km)' },\r\n { color: 'green', label: 'All Clear' },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default OccupancyMainBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport { Line } from 'react-chartjs-2';\r\n// import { Bar } from 'react-chartjs-2';\r\nimport { ALARM_META_ATTRI_OBJ, LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\n\r\nclass WeatherMixChart extends Component {\r\n renderKey = 0 ;\r\n renderMixChart = () => {\r\n // const dataset1 = [\r\n // {x:'2016-12-25T21:50:16.000+0000', y:20},\r\n // {x:'2016-12-26T22:50:16.000+0000', y:30},\r\n // {x:'2016-12-27T13:50:16.000+0000', y:50},\r\n // {x:'2016-12-27T23:50:16.000+0000', y:50},\r\n // {x:'2016-12-28T10:50:16.000+0000', y:40},\r\n // {x:'2016-12-28T22:50:16.000+0000', y:40},\r\n // {x:'2016-12-29T19:50:16.000+0000', y:10}\r\n // ];\r\n // const dataset2 = [\r\n // {x:'2016-12-25', y:10},\r\n // {x:'2016-12-26', y:40},\r\n // {x:'2016-12-27', y:30},\r\n // {x:'2016-12-28', y:20},\r\n // {x:'2016-12-29', y:50}\r\n // ];\r\n // const chartdata1 = [\r\n // {x:'2016-12-25', y:2},\r\n // {x:'2016-12-26', y:3},\r\n // {x:'2016-12-27', y:5},\r\n // {x:'2016-12-28', y:4},\r\n // {x:'2016-12-29', y:1},\r\n // {x:'2016-12-30', y:6}\r\n // ];\r\n // const chartdata2 = [\r\n // {x:'2016-12-25', y:1},\r\n // {x:'2016-12-26', y:4},\r\n // {x:'2016-12-27', y:3},\r\n // {x:'2016-12-28', y:2},\r\n // {x:'2016-12-29', y:5},\r\n // {x:'2016-12-30', y:6}\r\n // ];\r\n // const chartdata3 = [\r\n // {x:'2016-12-25', y:5},\r\n // {x:'2016-12-26', y:3},\r\n // {x:'2016-12-27', y:2},\r\n // {x:'2016-12-28', y:1},\r\n // {x:'2016-12-29', y:0},\r\n // {x:'2016-12-30', y:6}\r\n // ];\r\n\r\n const { isSmall, isDays } = this.props; \r\n \r\n let datasets = []\r\n let isLightning = false;\r\n let labelRight = '';\r\n let labelLeft = '';\r\n if (this.props && this.props.attributea) {\r\n let attrDataSet = setChartData(this.props, this.props.attributea, 'right-y-axis'); //'rgba(255,99,132,1)'\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n isLightning = attrDataSet.isLightning || isLightning;\r\n labelLeft = this.props.attributea;\r\n }\r\n if (this.props && this.props.attributeb) {\r\n let attrDataSet = setChartData(this.props, this.props.attributeb, 'left-y-axis'); //'rgba(99,132,255,1)'\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n isLightning = attrDataSet.isLightning || isLightning;\r\n labelRight = this.props.attributeb;\r\n }\r\n\r\n datasets = datasets.filter((val) => {\r\n return val !== undefined\r\n && val !== null\r\n && typeof val === 'object'\r\n && val.hasOwnProperty('data');\r\n });\r\n\r\n \r\n // when switch on/off of two buttons several times (do not change to other buttons) there was a Getdataset -> _meta of undefined\r\n // did not know exact reason, but guess that may be because frequently update/change chartjs datasets, espacially, update multi dataset on both y-axis\r\n // so use {key} to force re-render instead of updating. So far the issue is gone. \r\n this.renderKey = this.renderKey >= 10 ? 0 : this.renderKey + 1;\r\n const data = {\r\n // labels: chartlabel,\r\n datasets: datasets ? datasets : [],\r\n // datasets: [\r\n // {\r\n // label: this.props.attributea,\r\n // // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'white',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // pointRadius: 10,\r\n // // borderWidth: 0.2,\r\n // // barPercentage: 0.9,\r\n // // categoryPercentage: 0.6,\r\n // pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n // yAxisID: 'left-y-axis',\r\n // fill: false,\r\n // // data: chartdata1,\r\n // data: dataset1,\r\n // },\r\n // // {\r\n // // label: this.props.attributeb,\r\n // // // backgroundColor: 'rgba(99,132,255,0.2)',\r\n // // backgroundColor: 'white',\r\n // // borderColor: 'rgba(99,132,255,1)',\r\n // // pointRadius: 0,\r\n // // // borderWidth: 0.2,\r\n // // // barPercentage: 0.9,\r\n // // // categoryPercentage: 0.6,\r\n // // pointHoverBackgroundColor: 'rgba(99,132,255,0.4)',\r\n // // pointHoverBorderColor: 'rgba(255,99,132,255,1)',\r\n // // yAxisID: 'right-y-axis',\r\n // // fill: false,\r\n // // // data: chartdata1,\r\n // // data: dataset2,\r\n // // },\r\n // // {\r\n // // label: 'Alarm Orenge',\r\n // // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // // borderColor: 'rgba(255,99,132,1)',\r\n // // // borderWidth: 0.2,\r\n // // barPercentage: 0.9,\r\n // // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // // data: chartdata2\r\n // // },\r\n // // {\r\n // // label: 'Alarm Yellow',\r\n // // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // // borderColor: 'rgba(255,99,132,1)',\r\n // // // borderWidth: 0.2,\r\n // // barPercentage: 0.9,\r\n // // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // // data: chartdata1\r\n // // }\r\n // {\r\n // label: 'Alarm Red',\r\n // // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'rgba(255,0,0,0.7)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // type: 'bar',\r\n // yAxisID: 'right-y-axis',\r\n // data: chartdata1,\r\n // },\r\n // {\r\n // label: 'Alarm Orenge',\r\n // // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // backgroundColor: 'rgba(255,155,0,0.5)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // type: 'bar',\r\n // yAxisID: 'right-y-axis',\r\n // data: chartdata2\r\n // },\r\n // {\r\n // label: 'Alarm Yellow',\r\n // // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // backgroundColor: 'rgba(255,255,0,0.5)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // type: 'bar',\r\n // yAxisID: 'right-y-axis',\r\n // data: chartdata3\r\n // }\r\n // ]\r\n };\r\n const options = {\r\n aspectRatio: isSmall ? 1 : 3,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n scales: {\r\n bounds: 'data',\r\n // bounds: 'ticks',\r\n // xAxes: [{\r\n // // stacked: false,\r\n // // type: 'linear',\r\n // }],\r\n xAxes: [{\r\n type: 'time',\r\n // distribution: 'series',\r\n distribution: 'linear',\r\n offset: isLightning,\r\n time: {\r\n unit: (isLightning || isSmall) && isDays ? 'day': 'hour',\r\n // unit: 'hour',\r\n // stepSize: 3,\r\n // round: true,\r\n // parser: 'MMM DD HH'\r\n displayFormats: {\r\n 'hour': 'MMM DD HH',\r\n }\r\n },\r\n ticks:{\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n // maxTicksLimit: 10,\r\n // sampleSize: 2,\r\n autoSkip: true,\r\n autoSkipPadding: 10,\r\n bounds: 'data',\r\n source: 'auto',\r\n }\r\n }],\r\n yAxes: [\r\n // {\r\n // // stacked: false,\r\n // // type: 'linear',\r\n // // offset: true,\r\n // id: 'left-y-axis',\r\n // position: 'left',\r\n // ticks: {\r\n // // min: 0,\r\n // // max: 70,\r\n // display: !isSmall,\r\n // },\r\n // scaleLabel: {\r\n // display: !isSmall,\r\n // labelString: labelLeft\r\n // }\r\n // },\r\n {\r\n id: 'left-y-axis',\r\n // type: 'linear',\r\n position: 'left',\r\n ticks: {\r\n min: 0,\r\n // max: 70,\r\n // display: !isSmall,\r\n display: true, // Always display Y label even the view zoomed In or window is half size.\r\n callback: function(value) {\r\n if(Math.floor(value) === value) return value;\r\n }\r\n },\r\n scaleLabel: {\r\n display: !isSmall,\r\n labelString: \"Number Of Occupants\"\r\n }\r\n }\r\n ]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n \r\n \r\n\r\n return (\r\n \r\n \r\n \r\n {this.renderSpinner(isLightning)}\r\n \r\n );\r\n }\r\n\r\n renderSpinner = (isLightning) => {\r\n // historyLoading = {this.props.assetHistoryLoading}\r\n // countLoading = {this.props.assetCountLoading}\r\n \r\n let loading = false;\r\n if (isLightning) {\r\n loading = this.props.historyLoading || this.props.countLoading || this.props.hourlyCountLoading || this.props.assetHistoryLoading;\r\n \r\n } else{\r\n loading = this.props.assetHistoryLoading;\r\n \r\n }\r\n\r\n // let loading = this.props.historyLoading || this.props.countLoading;\r\n return (\r\n \r\n { loading && \r\n \r\n );\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n {/* \r\n \r\n {this.renderMixChart()}\r\n \r\n */}\r\n {this.renderMixChart()}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction setChartData(props, attribute, y_axis_id){\r\n let dataSet = [];\r\n let isLightning = false;\r\n if (attribute){\r\n if (ALARM_META_ATTRI_OBJ.attributename === attribute){\r\n const {countData} = props;\r\n if (countData){\r\n \r\n \r\n let bardatared = [];\r\n let bardataorange = [];\r\n let bardatayellow = [];\r\n countData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n let orange = {x: item.date, y: item.orange};\r\n let yellow = {x: item.date, y: item.yellow};\r\n bardatared.push(red);\r\n bardataorange.push(orange);\r\n bardatayellow.push(yellow);\r\n });\r\n\r\n const barDataSet = [\r\n {label: 'Occupancy (per date)', backgroundColor: 'rgba(255,0,0,0.7)', data: bardatared},\r\n // {label: 'Alarm Orenge', backgroundColor: 'rgba(255,155,0,0.5)', data: bardataorange},\r\n // {label: 'Alarm Yellow', backgroundColor: 'rgba(255,255,0,0.5)', data: bardatayellow}\r\n ];\r\n \r\n\r\n barDataSet.forEach(item => {\r\n const dataObj = {\r\n ...item,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n type: 'bar',\r\n yAxisID: y_axis_id\r\n }\r\n dataSet.push(dataObj);\r\n });\r\n isLightning = true;\r\n }\r\n }\r\n else {\r\n const {chartData} = props;\r\n if (chartData){\r\n \r\n let linedataset1 = null;\r\n // dataset1=this.props.chartData.filter((item)=>(item.attributename === this.props.attributea)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute1 = chartData.find((item)=>(item.attributename === attribute));\r\n \r\n if (assetAttribute1) {\r\n linedataset1 = assetAttribute1.data;\r\n if (linedataset1) {\r\n const dataObj = {\r\n label: attribute,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: assetAttribute1.backgroundcolor,\r\n pointRadius: 1,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n yAxisID: y_axis_id,\r\n fill: false,\r\n // data: chartdata1,\r\n data: assetAttribute1.data,\r\n };\r\n dataSet.push(dataObj);\r\n } \r\n }\r\n };\r\n }\r\n }\r\n return {dataSet, isLightning};\r\n}\r\nexport default WeatherMixChart;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Line} from 'react-chartjs-2';\r\nimport './blinking.scss';\r\n\r\nclass SingleVarValueWidget extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n defaultStyle: {\r\n backgroundColor: '#b1dd8c', \r\n },\r\n defaultFontStyle: {\r\n color: 'black',\r\n },\r\n style: {\r\n backgroundColor: '#b1dd8c', \r\n },\r\n fontStyle: {\r\n color: 'black',\r\n },\r\n isOn: false,\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n \r\n if ( nextProps.assetData) {\r\n // \r\n // \r\n // \r\n // \r\n if ((nextProps.attributea && nextProps.attributea == nextProps.assetData.attributename) || (nextProps.attributeb && nextProps.attributeb == nextProps.assetData.attributename)){\r\n this.setState( prevState =>({\r\n style: {\r\n backgroundColor: nextProps.assetData.backgroundcolor, \r\n },\r\n fontStyle: {\r\n color: 'white',\r\n },\r\n isOn: !prevState.isOn\r\n }), () => {\r\n // alert(this.state.isOn)\r\n });\r\n }else{\r\n this.setState( prevState=>({\r\n style: prevState.defaultStyle,\r\n fontStyle: {color:nextProps.assetData.backgroundcolor},\r\n isOn: !prevState.isOn\r\n }), () => {\r\n // alert(this.state.isOn)\r\n });\r\n }\r\n }\r\n \r\n }\r\n\r\n onCardClick = (e) => {\r\n // alert('hello');\r\n if(this.props.assetData){\r\n // // alert('Yes');\r\n // if (this.state.isOn){\r\n // this.setState( prevState=>({\r\n // style: prevState.defaultStyle,\r\n // fontStyle: prevState.defaultFontStyle,\r\n // isOn: !prevState.isOn\r\n // }), () => {\r\n // // alert(this.state.isOn)\r\n // });\r\n // }else{\r\n // this.setState( prevState =>({\r\n // style: {\r\n // backgroundColor: this.props.assetData.backgroundcolor, \r\n // },\r\n // fontStyle: {\r\n // color: 'white',\r\n // },\r\n // isOn: !prevState.isOn\r\n // }), () => {\r\n // // alert(this.state.isOn)\r\n // });\r\n // }\r\n\r\n this.props.handleValueClick(this.props.assetData);\r\n }\r\n }\r\n render(){\r\n let attribute = '';\r\n let displayname = '';\r\n let value = '';\r\n let units = '';\r\n if (this.props.assetData) {\r\n attribute = this.props.assetData.attributename;\r\n displayname = this.props.assetData.displayname;\r\n value = this.props.updatedValue ? this.props.updatedValue : this.props.assetData.value;\r\n units = this.props.assetData.units;\r\n }\r\n let valueStyle = this.state.fontStyle;\r\n let unitStyle = this.state.fontStyle;\r\n if (this.props.isBlink){\r\n valueStyle = {...valueStyle, animation: 'valueBlink 0.7s infinite'};\r\n // unitStyle = {className: 'alertColor'}\r\n unitStyle = {...unitStyle, color: '#ff7f7f'}\r\n }\r\n return(\r\n \r\n \r\n \r\n {/*
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SingleVarValueWidget;","/* eslint-disable */\r\nimport React, { Component, PureComponent, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Bar} from 'react-chartjs-2';\r\nimport Select from \"react-select\";\r\nimport {LIGHT_GREY_COLOR} from '../../../constants/dataConstants';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\n\r\nclass SingleAlarmBarChartWidget extends PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n selectedChart: \"Please select a time range.\",\r\n showMonthly: false,\r\n showQuarter: false,\r\n showSixMonths: false,\r\n }\r\n }\r\n \r\n renderBarChartList = () => {\r\n const options = [\r\n { value:\"Calendar Month\", label:\"Calendar Month\"},\r\n { value:\"Quarter Month\", label:\"Quarter Month\"},\r\n { value:\"180 Days\", label:\"180 Days\"},\r\n ];\r\n\r\n \r\n return(\r\n \r\n \r\n );\r\n };\r\n \r\n renderBarChartMonthly = () => {\r\n let chartDataRed = [];\r\n if(this.props.monthlyCountData) {\r\n // console.log(\"===this.props.monthlyAlarmCounts\", this.props.monthlyCountData);\r\n this.props.monthlyCountData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n chartDataRed.push(red);\r\n });\r\n }\r\n\r\n const data = {\r\n datasets: [\r\n {\r\n label: 'Occupancy (per date)',\r\n backgroundColor: 'rgba(255, 0, 0, 0.7)',\r\n borderColor: 'rgba(255, 99, 132, 1)',\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255, 99, 132, 0.4)',\r\n hoverBorderColor: 'rgba(255, 99, 132, 1)',\r\n data: chartDataRed,\r\n }\r\n ]\r\n };\r\n\r\n let unit = this.props.monnthlyUnits;\r\n let rationOption = this.props.isSmall ? {responsive: true, maintainAspectRatio: false} : {aspectRatio: 2, responsive: true, maintainAspectRatio: true};\r\n const options = {\r\n title: {\r\n display: true,\r\n text: 'Number Of Occupants',\r\n position: 'left',\r\n padding: 2,\r\n },\r\n aspectRatio: 2,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n showScale: false,\r\n scales: {\r\n xAxes: [{\r\n type: 'time',\r\n distribution: 'series',\r\n offset: true,\r\n time: {\r\n unit: \"day\"\r\n },\r\n ticks: {\r\n autoSkip: true,\r\n autoSkipPadding: 10,\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n return value;\r\n }\r\n },\r\n gridLines: {\r\n display: true,\r\n color: 'rgb(230, 232, 234)',\r\n // tickColor:'grey',\r\n drawBorder: true,\r\n drawOnChartArea: true,\r\n drawTicks: false,\r\n },\r\n }],\r\n\r\n yAxes: [{\r\n dispay: true,\r\n padding: {top: 20, left: 0, right: 0, bottom: 0},\r\n position: 'left',\r\n ticks: {\r\n min: 0,\r\n autoSkip: true,\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n if(Math.floor(value) === value) return value;\r\n },\r\n },\r\n scaleLabel: {\r\n display: true,\r\n text: 'Date'\r\n },\r\n gridLines: {\r\n display: true,\r\n color: 'rgb(230, 232, 234)',\r\n drawBorder: true,\r\n drawOnChartArea: true,\r\n drawTicks: false,\r\n tickBorderDash:5 ,\r\n tickBorderDashOffset:5,\r\n }\r\n }]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 15,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n );\r\n };\r\n\r\n renderBarChartQuarterMonth = () => {\r\n let chartDataRed = [];\r\n if(this.props.quarterMonthCountData) {\r\n this.props.quarterMonthCountData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n chartDataRed.push(red);\r\n });\r\n }\r\n\r\n const data = {\r\n datasets: [\r\n {\r\n label: 'Occupancy (per date)',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartDataRed,\r\n },\r\n ]\r\n };\r\n\r\n const options = {\r\n title: {\r\n display: true,\r\n text: 'Number Of Occupants',\r\n position: 'left',\r\n padding: 2,\r\n },\r\n aspectRatio: 2,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n showScale: false,\r\n scales: {\r\n xAxes: [{\r\n type: 'time',\r\n distribution: 'series',\r\n offset: true,\r\n time: {\r\n unit: \"day\"\r\n },\r\n ticks: {\r\n autoSkip: true,\r\n autoSkipPadding: 10,\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n return value;\r\n }\r\n },\r\n gridLines: {\r\n display: true,\r\n color: 'rgb(230, 232, 234)',\r\n drawBorder: true,\r\n drawOnChartArea: true,\r\n drawTicks: false,\r\n offset: true,\r\n }\r\n }],\r\n yAxes: [{\r\n display: true,\r\n position: 'left',\r\n ticks: {\r\n min: 0,\r\n autoSkip: true,\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n if(Math.floor(value) === value) return value;\r\n },\r\n },\r\n scaleLabel: {\r\n display: true,\r\n },\r\n gridLines: {\r\n display: true,\r\n color: 'rgb(230, 232, 234)',\r\n drawBorder: true,\r\n drawOnChartArea: true,\r\n drawTicks: false,\r\n }\r\n }]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 15,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n )\r\n };\r\n\r\n renderBarChartSixMonths = () => {\r\n let chartDataRed = [];\r\n if(this.props.sixMonthsCountData) {\r\n this.props.sixMonthsCountData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n chartDataRed.push(red);\r\n });\r\n\r\n const data = {\r\n datasets: [\r\n {\r\n label: 'Occupancy (per date)',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartDataRed,\r\n },\r\n ]\r\n };\r\n\r\n const options = {\r\n title: {\r\n display: true,\r\n text: 'Number Of Occupants',\r\n position: 'left',\r\n padding: 2,\r\n },\r\n aspectRatio: 2,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n showScale: false,\r\n offset: true,\r\n scales: {\r\n xAxes: [{\r\n type: 'time',\r\n distribution: 'series',\r\n offset: true,\r\n time: {\r\n unit: 'month',\r\n },\r\n ticks: {\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n if(index === values.length - 1) {\r\n return value;\r\n }\r\n if(index % 30 == 0 && index !== values.length - 1) {\r\n return value;\r\n }\r\n // return value;\r\n \r\n },\r\n },\r\n gridLines: {\r\n display: true,\r\n color: 'rgb(230, 232, 234)',\r\n drawBorder: true,\r\n drawOnChatArea: false,\r\n drawTicks: false,\r\n offset: true,\r\n }\r\n }],\r\n yAxes: [{\r\n display: true,\r\n position: 'left',\r\n offset: false,\r\n ticks: {\r\n min: 0,\r\n autoSkip: true,\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n showLabelBackdrop: false,\r\n callback: function(value, index, values) {\r\n if(Math.floor(value) === value) return value;\r\n },\r\n },\r\n scaleLabel: {\r\n display: true,\r\n },\r\n gridLines: {\r\n display: true,\r\n color: 'rgb(230, 232, 234)',\r\n drawBorder: true,\r\n drawOnChartArea: true,\r\n drawTicks: false,\r\n }\r\n }]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 15,\r\n fontSize: 12,\r\n fontColo: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n return (\r\n \r\n \r\n )\r\n }\r\n\r\n };\r\n\r\n renderSpinner = () => {\r\n let loading = this.props.loading ? this.props.loading : false;\r\n // historyLoading = {this.props.assetHistoryLoading}\r\n // countLoading = {this.props.assetCountLoading}\r\n // \r\n // let loading = false;\r\n // if (isLightning) {\r\n // loading = this.props.historyLoading || this.props.countLoading || this.props.hourlyCountLoading;\r\n // \r\n // } else{\r\n // loading = this.props.historyLoading;\r\n // \r\n // }\r\n\r\n // let loading = this.props.historyLoading || this.props.countLoading;\r\n return (\r\n \r\n { loading && \r\n \r\n );\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n {/* \r\n \r\n \r\n
\r\n \r\n {this.renderBarChart24H()}\r\n {this.renderSpinner()}\r\n
\r\n \r\n
*/}\r\n \r\n \r\n \r\n
\r\n \r\n {this.renderBarChartMonthly()}\r\n {this.renderSpinner()}\r\n
\r\n \r\n
\r\n\r\n : null}\r\n \r\n {this.state.selectedChart && this.state.selectedChart == \"Quarter Month\" ? \r\n \r\n \r\n \r\n
\r\n \r\n {this.renderBarChartQuarterMonth()}\r\n {this.renderSpinner()}\r\n
\r\n \r\n
\r\n : \r\n null}\r\n\r\n {this.state.selectedChart && this.state.selectedChart == \"180 Days\" ? \r\n \r\n \r\n \r\n
\r\n \r\n {this.renderBarChartSixMonths()}\r\n {this.renderSpinner()}\r\n
\r\n \r\n
\r\n\r\n : null}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SingleAlarmBarChartWidget;","/* eslint-disable */\r\nimport React, {Component, Fragment} from 'react';\r\nimport {Button, Card, CardBody, Col, Form, Nav, NavItem, NavLink, Row, TabContent, TabPane} from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport Select from 'react-select';\r\nimport WeatherMixChart from './WeatherMixChart';\r\nimport SingleVarValueWidget from './SingleVarValueWidget';\r\nimport SingleAlarmBarChartWidget from './SingleAlarmBarChartWidget';\r\nimport StatusTable from './StatusTable';\r\nimport {DateRangePicker} from 'react-dates';\r\nimport moment from 'moment';\r\n// import {ChevronLeftIcon} from 'mdi-react';\r\nimport {ALARM_META_ATTRI_OBJ, ATTRIBUTE_ORDER, TIME_OPTION, TIME_RANGE_OPTION} from '../../../constants/dataConstants';\r\nimport {groupBy} from '../../../factories/utils';\r\nimport { AutorenewIcon } from 'mdi-react';\r\n\r\nconst customStyles = {\r\n control: base => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35\r\n }),\r\n indicatorsContainer: base => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n};\r\n\r\nclass HistoryBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n selectedAsset: null,\r\n assets: [],\r\n startTimeOptions: TIME_OPTION.filter((item, index) => (index !== 24)),\r\n endTimeOptions: TIME_OPTION.filter((item, index) => (index !== 0)),\r\n timeRangeOptions: TIME_RANGE_OPTION,\r\n activeTab: '1',\r\n attributea: 'Occupancy',\r\n attributeb: 'Lightning',\r\n activeChartTab: '3',\r\n startDate:null,\r\n endDate:null\r\n };\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n\r\n this.setState({})\r\n }\r\n\r\n tabToggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n });\r\n }\r\n }\r\n\r\n chartTabToggle = (tab) => {\r\n this.setState(prevState => {\r\n if (prevState.activeChartTab !== tab) {\r\n return {\r\n activeChartTab: tab,\r\n }\r\n } else {\r\n return null;\r\n }\r\n\r\n });\r\n }\r\n \r\n handleValueClick = (data) => {\r\n const val = data.attributename;\r\n if (this.state.attributea && val == this.state.attributea) {\r\n this.setState(prevState => ({\r\n attributea: prevState.attributeb ? prevState.attributeb : null,\r\n attributeb: null,\r\n // attributea: null,\r\n }));\r\n } else if (this.state.attributeb && val == this.state.attributeb) {\r\n this.setState({\r\n attributeb: null,\r\n });\r\n } else if (!this.state.attributea) {\r\n this.setState({\r\n attributea: val,\r\n });\r\n } else if (!this.state.attributeb) {\r\n this.setState({\r\n attributeb: val,\r\n });\r\n } else if (val != this.state.attributea && val != this.state.attributeb) {\r\n // else{\r\n this.setState(prevState => ({\r\n attributea: prevState.attributeb,\r\n attributeb: val,\r\n }));\r\n }\r\n }\r\n\r\n handleAssetChange = (value) => {\r\n this.props.handleFilterChange({\r\n currentAsset: value,\r\n });\r\n }\r\n\r\n handleDateRangeChange = (value) => {\r\n //{startDate endDate}\r\n // if(value.startDate==null && value.endDate==null){\r\n // this.setState({focusedInput:\"startDate\"})\r\n // }\r\n this.setState({\r\n // startDate:value.startDate,\r\n // endDate:value.endDate,\r\n startTimeOptions: TIME_OPTION.filter((item, index) => (index !== 24)),\r\n endTimeOptions: TIME_OPTION.filter((item, index) => (index !== 0)),\r\n });\r\n this.props.handleFilterChange({\r\n startDateMoment: value.startDate,\r\n endDateMoment: value.endDate,\r\n startTime: TIME_OPTION[0],\r\n endTime: TIME_OPTION[24],\r\n });\r\n // setTimeout(()=>{\r\n // if(value.startDate!=null&&value.endDate==null){\r\n // this.setState({focusedInput:\"endDate\"})\r\n // }\r\n // },300)\r\n\r\n }\r\n\r\n handleStartTimeChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n endTimeOptions: TIME_OPTION,\r\n });\r\n } else {\r\n let selectedIndex = value.index;\r\n this.setState({\r\n endTimeOptions: TIME_OPTION.filter((item, index) => (index > selectedIndex)),\r\n });\r\n }\r\n this.props.handleFilterChange({\r\n startTime: value,\r\n endTime: null,\r\n });\r\n\r\n }\r\n\r\n handleEndTimeChange = (value) => {\r\n this.props.handleFilterChange({\r\n endTime: value,\r\n });\r\n }\r\n\r\n backOnClick = (e) => {\r\n this.props.toggle();\r\n }\r\n\r\n onRefresh = () => {\r\n this.props.updataHistoryData();\r\n this.props.updateAttributeHistoryData();\r\n }\r\n renderFilter = () => {\r\n // \r\n return (\r\n \r\n {currentAttributeData && currentAttributeData.map((item) => {\r\n\r\n let isBlink = false;\r\n let updatedValue = null;\r\n\r\n if (this.props.currentAsset && this.props.alarmSet) {\r\n\r\n let assetid = this.props.currentAsset.assetid;\r\n\r\n if (this.props.alarmSet[assetid] && this.props.alarmSet[assetid][item.attributename]) {\r\n // \r\n isBlink = this.props.alarmSet[assetid][item.attributename].status;\r\n }\r\n }\r\n // -------------------------------------\r\n if (this.props.currentAsset && this.props.alarmSetObj) {\r\n let assetid = this.props.currentAsset.assetid;\r\n this.props.alarmSetObj[assetid] && Object.entries(this.props.alarmSetObj[assetid]).forEach(([key, value], index) => {\r\n if (value[item.attributename]) {\r\n isBlink = isBlink || value[item.attributename].status;\r\n }\r\n });\r\n }\r\n // --------------------------------------\r\n\r\n return (\r\n
\r\n );\r\n\r\n }\r\n\r\n render() {\r\n\r\n const tabPaneStyle = {backgroundColor: '#F8F8F8', padding: '15px'};\r\n const setTabStyle = (isActive) => {\r\n return {\r\n backgroundColor: isActive ? '#F8F8F8' : 'white'\r\n }\r\n };\r\n\r\n const setChartTabStyle = (isActive) => {\r\n return {\r\n backgroundColor: isActive ? 'white' : '#F8F8F8'\r\n }\r\n };\r\n\r\n // let filtedHistoryData = filterHistoryData(this.props.historyData);\r\n let filtedHistoryData = this.props.allAttriList;\r\n // let attrubuteChartData = setAttributeChartData(filtedHistoryData);\r\n let attrubuteChartData = this.props.history24HObjData;\r\n if (attrubuteChartData) {\r\n attrubuteChartData = attrubuteChartData.filter(item => (item.attributename != 'Battery'));\r\n }\r\n let currentAttributeData = setCurrentAttribute(this.props.currentAssetData);\r\n if (this.props.currentAssetData) {\r\n if (this.props.currentAssetData.grouping != \"wind\") {\r\n currentAttributeData.push(ALARM_META_ATTRI_OBJ);\r\n }\r\n }\r\n\r\n // \r\n\r\n // let attrubuteChartData = setAttributeChartData(this.props.historyData); \r\n\r\n return (\r\n \r\n {this.renderFilter()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default HistoryBoard\r\n\r\nfunction filterHistoryData(historyData) {\r\n let reData = [];\r\n if (!historyData) {\r\n return reData;\r\n }\r\n let attributeArr = ATTRIBUTE_ORDER.map((item) => (item.attributename));\r\n attributeArr.push('Alarm');\r\n reData = historyData.filter((item) => (item.type === 'device' && attributeArr.includes(item.attributename)));\r\n return reData;\r\n}\r\n\r\nfunction setAttributeChartData(historyData) {\r\n let reData = [];\r\n // if ( !historyData){\r\n // return reData;\r\n // }\r\n let now = new Date();\r\n let before24 = new Date(now.getTime() - (24 * 3600 * 1000));\r\n if (historyData) {\r\n const data24 = historyData.filter((item, index) => {\r\n // const itemTime = new Date(item.timestamp);\r\n const itemTime = new Date(item.attritime);\r\n return (\r\n // item.type === 'device' && \r\n itemTime >= before24 && itemTime <= now\r\n )\r\n });\r\n\r\n const dataMap = groupBy(data24, asset => asset.attributename);\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n let attrData = dataMap.get(attr.attributename);\r\n if (attrData) {\r\n let currentValue = attrData[attrData.length - 1].value;\r\n let timestamp = attrData[attrData.length - 1].attritime;\r\n let dataList = attrData.map((item) => ({x: item.attritime, y: item.value}));\r\n let attrDataObj = {...attr, value: currentValue, timestamp: timestamp, data: dataList};\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n } else {\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n if (attrData) {\r\n\r\n let dataList = [{x: before24.toString(), y: 0}, {x: now.toString(), y: 0}];\r\n let attrDataObj = {...attr, value: 0, timestamp: null, data: null};\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n }\r\n return reData;\r\n}\r\n\r\nfunction setCurrentAttribute(currentAssetData) {\r\n let reData = [];\r\n if (!currentAssetData) {\r\n return reData;\r\n }\r\n if (currentAssetData && currentAssetData.attributes)\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n if (!attr.selected) {\r\n continue;\r\n }\r\n let attrObj = currentAssetData.attributes.find((item) => (attr.attributename == item.attributename && item.attributename != 'Battery'));\r\n if (attrObj) {\r\n let currentValue = attrObj.value;\r\n let timestamp = currentAssetData.timestamp;\r\n // let dataList = attrData.map((item) => ({x: item.attritime, y: item.value}));\r\n let attrDataObj = {...attr, value: currentValue, timestamp: timestamp};\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n return reData;\r\n}\r\n","/* eslint-disable */\r\nimport React, {Component, Fragment, useEffect, useState} from 'react';\r\nimport {\r\n // compose, \r\n bindActionCreators\r\n} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport {WEB_SUB_CHANNEL_WEATHER, WEB_SUB_CHANNEL_WEATHER_ALARM, WEB_SUB_EVENT_WEATERHR, WEB_SUB_EVENT_ALARM, WEB_SUB_CHANNEL_DEVICE,WEB_SUB_EVENT_DEVICE} from '../../../constants/appConstants';\r\nimport {OCCUPANCY_KEYS} from '../../../constants/dataConstants';\r\nimport moment from 'moment';\r\nimport {\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getCompanyAssetClass,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n getWeatherAssetHistoryData,\r\n getWeatherAsset24HData,\r\n clearWeatherAssetHistoryData,\r\n updateWeatherAssetData,\r\n getWeatherHourlyAlarmCount,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n pubsubUpdateWeatherAsset24HData,\r\n getLightning24HAlarmCount,\r\n geteWeatherMonthlyAlarmCount,\r\n getWeatherQuarterMonthAlarmCount,\r\n getWeatherAsset1MonthData,\r\n getWeather6MonthsAlarmCount,\r\n getWeatherAlarmCountList,\r\n} from '../../../redux/actions/weatherAction';\r\nimport OccupancyMainBoard from './OccupancyMainBoard';\r\nimport HistoryBoard from './HistoryBoard';\r\nimport { toast } from 'react-toastify';\r\nimport { reformWeatherAssetData, reformAlertPubsubData, updateStatusAsset } from '../../../factories/weather';\r\nimport {ATTRIBUTE_NAME_ORDER, LIGHT_GREY_COLOR} from '../../../constants/dataConstants';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { ThumbsDownIcon } from 'mdi-react';\r\n\r\nconst WEATHER_ASSETCLASS_NAME = 'WeatherStation';\r\nconst WEATHER_ASSETCLASS_NAME_ARRAY = ['OccupancyMonitor'];\r\nimport {WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT,WEB_SUB_WEBSOCKET_OCCUPANCY_DEVICEMESSAGE,WEB_SUB_WEBSOCKET_OCCUPANCY_ALERTMESSAGE,WEB_SUB_WEBSOCKET_OCCUPANCY_ALARMMESSAGE} from '../../../constants/appConstants';\r\nimport {getJwttoken } from '../../../factories/utils';\r\nimport { Client } from '@stomp/stompjs';\r\nvar stompClient;\r\nclass MainBoard extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n showHistory: false,\r\n sixMonthsStartMoment: null,\r\n sixMonthsEndMoment: null,\r\n quarterMonthStartMoment: null,\r\n quarterMonthEndMoment: null,\r\n monthlyStartMoment: null,\r\n monthlyEndMoment: null,\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n startTime: null,\r\n endTime: null,\r\n isTimeDisabled: true,\r\n currentAsset: null, \r\n assetList: [],\r\n assetAlarmList: [],\r\n alarmList: [],\r\n alarmSet: {},\r\n alarmSetObj: {},\r\n statusData: [],\r\n min: null,\r\n };\r\n this.weatherClassId = null;\r\n // this.eventSource = new EventSource(WEB_SUB_CHANNEL_WEATHER);\r\n // this.alertEventSource = new EventSource(WEB_SUB_CHANNEL_WEATHER_ALARM);\r\n // this.deviceEventSource = new EventSource(WEB_SUB_CHANNEL_DEVICE);\r\n }\r\n \r\n async componentDidMount(){\r\n // this.eventSource.addEventListener(\r\n // WEB_SUB_EVENT_WEATERHR, \r\n // (e)=> {\r\n \r\n // this.refreshAssetData(e.data);\r\n // } \r\n // );\r\n // this.alertEventSource.addEventListener(\r\n // WEB_SUB_EVENT_ALARM, \r\n // (e)=> {\r\n \r\n // this.refreshAlarm(e.data);\r\n // this.refreshAlarmSetObjByAlert(e.data);\r\n // this.updateStatusAssetByAlert(e.data);\r\n // } \r\n // );\r\n // this.deviceEventSource.addEventListener(\r\n // WEB_SUB_EVENT_DEVICE, \r\n // (e)=> {\r\n // this.refreshAttributeHistoryData(e.data);\r\n // } \r\n // );\r\n // --------------------------------------------\r\n await this.loadAssetByCompanyClass();\r\n this.onHistoryListShow(this.state.assetList);\r\n window.addEventListener(\"resize\", this.resize);\r\n this.resize();\r\n this.connectSocket();\r\n }\r\n //------------------------------------------------------------------------------\r\n connectSocket=()=> { \r\n if (stompClient !== null && stompClient!==undefined) {\r\n stompClient.deactivate();\r\n //stompClient = null;\r\n \r\n }\r\n \r\n let query='?q='+getJwttoken();\r\n ///////////////////////////////////////////////////\r\n stompClient = new Client({\r\n brokerURL: WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT+query,\r\n reconnectDelay: 5000,\r\n heartbeatIncoming: 4000,\r\n heartbeatOutgoing: 4000,\r\n onConnect: this.connect_callback,\r\n onDisconnect: this.disconnect_callback\r\n });\r\n \r\n stompClient.activate();\r\n //////////////////////////////////////////////////\r\n //let socket_URL = new SockJS(WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT+query);\r\n //stompClient = Stomp.over(socket_URL); \r\n //stompClient.reconnectDelay=5000; \r\n //stompClient.connect({\"Header1\": \"Value\" }, this.connect_callback,this.connectSocket) ;\r\n \r\n }\r\n connect_callback =()=> {\r\n // called back after the stompClient is connected and authenticated to the STOMP server\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_OCCUPANCY_DEVICEMESSAGE, this.callbackDeviceMessage);\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_OCCUPANCY_ALERTMESSAGE, this.callbackAlertMessage);\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_OCCUPANCY_ALARMMESSAGE, this.callbackAlarmMessage);\r\n }\r\n disconnect_callback =()=> {\r\n stompClient.deactivate();\r\n // called back after the stompClient is connected and authenticated to the STOMP server\r\n console.log('client disconnected')\r\n }\r\n\r\n callbackDeviceMessage =(message)=> {\r\n // called when the client receives a STOMP DeviceMessage from the server\r\n if (message.body) {\r\n //console.log(\"got DeviceMessage with body \" + message.body)\r\n this.refreshAttributeHistoryData(message.body);\r\n \r\n } else {\r\n // \r\n }\r\n }\r\n callbackAlertMessage =(message)=> {\r\n // called when the client receives a STOMP AlertMessage from the server\r\n \r\n if (message.body) {\r\n //console.log(\"got AlertMessage with body \" + message.body)\r\n this.refreshAlarm(message.body);\r\n this.refreshAlarmSetObjByAlert(message.body);\r\n this.updateStatusAssetByAlert(message.body);\r\n \r\n } else {\r\n // \r\n }\r\n }\r\n callbackAlarmMessage =(message)=> {\r\n // called when the client receives a STOMP alarmMessage from the server \r\n if (message.body) {\r\n //console.log(\"got AlarmMessage with body \" + message.body)\r\n this.refreshAssetData(message.body);\r\n } else {\r\n // \r\n }\r\n }\r\n //-----------------------------------------------------------------\r\n \r\n // componentDidUpdate() {\r\n \r\n // }\r\n\r\n componentWillUnmount(){\r\n this.clearAssetData();\r\n if (stompClient !== null && stompClient!==undefined) {\r\n stompClient.deactivate();\r\n }\r\n\r\n window.removeEventListener(\"resize\", this.resize)\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n // console.log(\"===COMPONENT WILL RECEIVE NEXT PROPS 1111\",nextProps)\r\n if(nextProps.assetData && nextProps.assetData.length > 0 && nextProps.assetData != this.props.assetData) {\r\n let statusData = reformWeatherAssetData(nextProps.assetData);\r\n if(statusData && statusData[0].grouping == \"occupancy\"){\r\n this.setState({\r\n statusData,\r\n });\r\n }\r\n }\r\n this.setState({})\r\n }\r\n // ------------------------------------------------------------------------------------------\r\n resize = () => {\r\n let currentIsSmall = (window.innerWidth <= 1370);\r\n this.setState(prev=>{\r\n if (currentIsSmall !== prev.isSmall){\r\n return({\r\n isSmall: currentIsSmall\r\n });\r\n }\r\n });\r\n }\r\n // ------------------------------------------------------------------------------------------\r\n // ----------- load helpers ------------------\r\n loadAssetByCompanyClass = async() => {\r\n try{\r\n if (this.weatherClassId == null) {\r\n let res = await getCompanyAssetClass();\r\n // \r\n if(res.status === 200 && res.data){\r\n this.weatherClassId = [];\r\n for(let i=0; i< res.data.length; i++){\r\n\r\n if (WEATHER_ASSETCLASS_NAME_ARRAY.includes(res.data[i].assetclassname)){\r\n let assetclassId = res.data[i].assetclassid;\r\n this.weatherClassId.push(assetclassId);\r\n let assets = res.data[i].assets;\r\n this.setState(prevState => {\r\n if (Array.isArray(prevState.assetList) && prevState.assetList.length > 0) {\r\n return ({\r\n assetList: [...prevState.assetList, ...assets],\r\n });\r\n } else {\r\n return({\r\n assetList: assets,\r\n });\r\n }\r\n\r\n })\r\n }\r\n }\r\n }else{\r\n throw new Error('Failed to get Weather Asset Class!');\r\n }\r\n }\r\n if (this.weatherClassId != null) {\r\n this.loadAssetData(this.weatherClassId);\r\n }else{\r\n throw new Error('Could not find Weather Asset Class!');\r\n }\r\n }\r\n catch(err){\r\n console.error(err);\r\n toast.error(err);\r\n }\r\n \r\n }\r\n\r\n loadAssetData = (assetclassId) => {\r\n let params = {\r\n // entitygroup:[assetclassId],\r\n entitygroup: assetclassId,\r\n entity:'',\r\n starttime: \"\", \r\n endtime: \"\",\r\n latest: \"1\",\r\n themeid:\"\", \r\n };\r\n this.props.getWeatherAssetData(params);\r\n }\r\n\r\n // ------------------------------------------------------------------------------------------\r\n // ----------- update helplers ---------------\r\n refreshAssetData = (data) => {\r\n // \r\n try{\r\n let subObj = JSON.parse(data);\r\n\r\n if(subObj){\r\n //this.props.assetData\r\n let isInclude = this.props.assetData.some((item) =>(item.assetid === subObj.device.assetid));\r\n let isDevice = Object.keys(OCCUPANCY_KEYS).some(key => Object.keys(subObj).includes(key))\r\n // //false\r\n // // true\r\n //console.log(subObj)\r\n // \r\n // \r\n if (isInclude && isDevice) {\r\n this.props.updateWeatherAssetData(this.props.assetData, subObj);\r\n }\r\n // \r\n // \r\n // \r\n // console.log(subObj.device.assetid)\r\n let isCurrent = (this.state.currentAsset && subObj.device && this.state.currentAsset.assetid === subObj.device.assetid);\r\n // \r\n // console.log(isDevice)\r\n // console.log(isCurrent)\r\n if (this.state.showHistory && isCurrent && isDevice) {\r\n this.updataHistoryData();\r\n }\r\n }\r\n } \r\n catch(e){\r\n console.error('sub-error-alert', e);\r\n }\r\n }\r\n clearAssetData =() => {\r\n this.props.clearWeatherAlarmCount();\r\n this.props.clearWeatherAssetHistoryData();\r\n }\r\n\r\n refreshAlarm = (data) => {\r\n // \r\n try{\r\n if (data) {\r\n let dataObj = JSON.parse(data);\r\n // \r\n if (dataObj && dataObj.msgList) {\r\n // \r\n this.setState({\r\n alarmList: dataObj.msgList,\r\n alarmObj: dataObj\r\n });\r\n\r\n this.setState(prevState => {\r\n // \r\n for(let alarm of dataObj.msgList) {\r\n // \r\n // \r\n // \r\n if (alarm.assetid && alarm.attrsMap){ \r\n // \r\n if (!prevState.alarmSet[alarm.assetid]){\r\n // \r\n prevState.alarmSet[alarm.assetid] = {};\r\n }\r\n // \r\n for(let attrubute in alarm.attrsMap){\r\n prevState.alarmSet[alarm.assetid][attrubute] = {\r\n status: dataObj.status, \r\n value: alarm.attrsMap[attrubute].value, \r\n timestamp: alarm.attrsMap[attrubute].timestamp,\r\n }\r\n }\r\n }\r\n }\r\n \r\n return({\r\n alarmSet: prevState.alarmSet,\r\n })\r\n });\r\n }\r\n }\r\n }\r\n catch(e){\r\n console.error('sub-error-alarm', e);\r\n }\r\n };\r\n\r\n refreshAlarmSetObjByAlert = (alertPubsubData) => {\r\n this.setState(prevState => {\r\n let updateData = reformAlertPubsubData(alertPubsubData, prevState.alarmSetObj);\r\n return({\r\n alarmSetObj: updateData,\r\n });\r\n },()=>{\r\n \r\n });\r\n }\r\n\r\n updateStatusAssetByAlert = (alertPubsubData) => {\r\n console.log(\"UPDATE STATUS ASSET BY ALERT\")\r\n this.setState(prevState => {\r\n let updateData = updateStatusAsset(alertPubsubData, prevState.statusData);\r\n \r\n return({\r\n statusData: updateData,\r\n });\r\n },()=>{\r\n \r\n })\r\n }\r\n\r\n refreshDeviceData = (data) => {\r\n // \r\n try{\r\n if (data) {\r\n // \r\n let dataObj = JSON.parse(data);\r\n // \r\n if (dataObj && dataObj.msgs && dataObj.msgs.length > 0 && dataObj.msgs[dataObj.msgs.length-1].msg) {\r\n let hasAssetObj = this.props.assetData.some((item) =>(item.assetid === dataObj.assetid));\r\n // \r\n // \r\n // \r\n if (hasAssetObj){\r\n let msgObj = dataObj.msgs[dataObj.msgs.length-1].msg;\r\n let isInclude = !Object.keys(msgObj).some(item=>(Object.values(OCCUPANCY_KEYS).includes(item)));\r\n // \r\n // \r\n if (isInclude) {\r\n // updata asset data.\r\n // \r\n // this.props.updatePubSubAssetData(this.props.assetData, dataObj);\r\n this.loadAssetByCompanyClass();\r\n let isCurrent = (this.state.currentAsset && this.state.currentAsset.assetid === dataObj.assetid);\r\n if (this.state.showHistory && isCurrent) {\r\n this.updataHistoryData()\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }catch(e){\r\n console.error('sub-error-device', e);\r\n }\r\n }\r\n // -------------------------------------------------------------------------------------------\r\n toggle = (toggle, asset) => {\r\n \r\n if (toggle != undefined && toggle != null && typeof toggle === 'boolean'){\r\n // setShowHistory(toggle);\r\n this.setState({ \r\n showHistory: toggle,\r\n },()=>{this.onShowHistoryChange(asset)});\r\n }else{\r\n // setShowHistory(!showHistory);\r\n this.setState(prevState=>({\r\n showHistory: !prevState.showHistory,\r\n }),\r\n ()=>{this.onShowHistoryChange()}\r\n );\r\n }\r\n \r\n }\r\n \r\n handleFilterChange = (newState) => {\r\n this.setState(prevState => (\r\n {...newState}\r\n ),\r\n () => {\r\n this.updataHistoryData();\r\n this.updateAttributeHistoryData();\r\n }\r\n );\r\n }\r\n\r\n onShowHistoryChange = (asset) => {\r\n if (this.state.showHistory){\r\n this.onHistoryShow(asset);\r\n }else{\r\n this.onHistoryHide();\r\n }\r\n }\r\n\r\n // To display monthly access count on dashboard.\r\n onHistoryListShow = (assetList) => {\r\n let endTime = moment();\r\n let startTime = moment(endTime).startOf('month');\r\n\r\n // let assetList = this.state.assetList ? this.state.assetList : [];\r\n\r\n this.setState({\r\n assetList: assetList,\r\n monthlyStartMoment: startTime,\r\n monthlyEndMoment: endTime\r\n },\r\n () => {\r\n this.updateHistoryListData();\r\n });\r\n }\r\n onHistoryShow = (asset) => {\r\n // let endtime = new Date();\r\n let endtime = moment();\r\n let starttime = moment(endtime).subtract( 3, 'days' );\r\n let monthlyEndTime = moment();\r\n let monthlyStartTime = moment(monthlyEndTime).startOf('month');\r\n let quarterMonthEndTime = moment();\r\n let quarterMonthStartTime = moment().startOf('quarter');\r\n let sixMonthsEndTime = moment();\r\n let sixMonthsStartTime = moment(sixMonthsEndTime).subtract(180 , 'days');\r\n\r\n // let currentAsset = asset;\r\n let currentAsset = this.state.assetList.length > 0 ? this.state.assetList.find((item, index)=>(item.assetid === asset.assetid)) : [];\r\n if (!currentAsset) {\r\n currentAsset = this.state.assetList[0];\r\n }\r\n // let currentAsset = this.state.assetList[0];\r\n this.setState({\r\n currentAsset: currentAsset,\r\n startDateMoment: starttime,\r\n endDateMoment: endtime,\r\n monthlyStartMoment: monthlyStartTime,\r\n monthlyEndMoment: monthlyEndTime,\r\n quarterMonthStartMoment: quarterMonthStartTime,\r\n quarterMonthEndMoment: quarterMonthEndTime,\r\n sixMonthsStartMoment: sixMonthsStartTime,\r\n sixMonthsEndMoment: sixMonthsEndTime\r\n },\r\n () => {\r\n this.updateMonthlyHistoryData(); // Single asset Monthly Charts tab API call\r\n this.updataHistoryData(); // Single asset Details tab & Data tab API call\r\n this.updateAttributeHistoryData();\r\n }\r\n );\r\n }\r\n onHistoryHide = () => {\r\n this.clearAssetData();\r\n }\r\n \r\n updateHistoryListData = () => {\r\n let { assetList, monthlyStartMoment, monthlyEndMoment } = this.state;\r\n let monthlyStartStr = monthlyStartMoment ? monthlyStartMoment.utc().format('YYYY-MM-DD') : '';\r\n let monthlyEndStr = monthlyEndMoment ? monthlyEndMoment.utc().format('YYYY-MM-DD') : '';\r\n let assetidList = []\r\n \r\n for(let i = 0; i < assetList.length; i++) {\r\n assetidList.push(assetList[i].assetid)\r\n }\r\n\r\n let paramList = {\r\n assetidList: assetidList ? assetidList : 0,\r\n starttime: monthlyStartStr,\r\n endtime: monthlyEndStr,\r\n }\r\n\r\n this.props.getWeatherAlarmCountList(paramList);\r\n }\r\n\r\n //Separate Monthly Charts tab API call and Detail tab API call to prevent unnecessary API calls.\r\n //Monthly Charts tab API calls.\r\n updateMonthlyHistoryData = () => { \r\n let {currentAsset, monthlyStartMoment, monthlyEndMoment, quarterMonthStartMoment, quarterMonthEndMoment, sixMonthsStartMoment, sixMonthsEndMoment } = this.state;\r\n // \r\n let monthlyStartStr = monthlyStartMoment ? monthlyStartMoment.utc().format('YYYY-MM-DD') : '';\r\n let monthlyEndStr = monthlyEndMoment ? monthlyEndMoment.utc().format('YYYY-MM-DD') : '';\r\n let quarterMonthStartStr = quarterMonthStartMoment ? quarterMonthStartMoment.utc().format('YYYY-MM-DD') : '';\r\n let quarterMonthEndStr = quarterMonthEndMoment ? quarterMonthEndMoment.utc().format('YYYY-MM-DD') : '';\r\n let sixMonthsStartStr = sixMonthsStartMoment ? sixMonthsStartMoment.utc().format('YYYY-MM-DD') : '';\r\n let sixMonthsEndStr = sixMonthsEndMoment ? sixMonthsEndMoment.utc().format('YYYY-MM-DD') : '';\r\n\r\n \r\n let paramMonthly = {\r\n assetid: currentAsset ? currentAsset.assetid : 0,\r\n starttime: monthlyStartStr,\r\n endtime: monthlyEndStr\r\n }\r\n\r\n this.props.geteWeatherMonthlyAlarmCount(paramMonthly);\r\n\r\n let paramQuarterMonth = {\r\n assetid: currentAsset ? currentAsset.assetid : 0,\r\n starttime: quarterMonthStartStr,\r\n endtime: quarterMonthEndStr\r\n }\r\n this.props.getWeatherQuarterMonthAlarmCount(paramQuarterMonth);\r\n\r\n let paramSixMonths = {\r\n assetid: currentAsset ? currentAsset.assetid : 0,\r\n starttime: sixMonthsStartStr,\r\n endtime: sixMonthsEndStr\r\n }\r\n this.props.getWeather6MonthsAlarmCount(paramSixMonths);\r\n\r\n }\r\n\r\n //Details Tab API calls\r\n updataHistoryData = () => { \r\n let {currentAsset, startDateMoment, endDateMoment, startTime, endTime, isTimeDisabled } = this.state;\r\n // \r\n let startDateStr = startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '';\r\n let endDateStr = endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : ''; \r\n \r\n \r\n\r\n if (startDateStr === '' || endDateStr === ''){\r\n return;\r\n }\r\n if (startDateStr === endDateStr) {\r\n if (isTimeDisabled){\r\n this.setState({\r\n isTimeDisabled: false,\r\n });\r\n }\r\n if (startTime && endTime){\r\n let hourlyParam = {\r\n assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n starttime: `${startDateStr}:${startTime.value}:${endTime.value}`,\r\n cntHours: 1,//'2020-02-27',\r\n }\r\n this.props.getWeatherHourlyAlarmCount(hourlyParam);\r\n }\r\n \r\n }else{\r\n if (!isTimeDisabled){\r\n this.setState({\r\n isTimeDisabled: true,\r\n });\r\n }\r\n let param = {\r\n assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n // starttime: startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-20',\r\n // endtime: endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-27',\r\n starttime: startDateStr,\r\n endtime: endDateStr,\r\n }\r\n this.props.getWeatherAlarmCount(param);\r\n }\r\n }\r\n \r\n\r\n // For Details tab -> Data tab\r\n updateAttributeHistoryData = () => { // For Details tab -> Data tab\r\n let {currentAsset, startDateMoment, endDateMoment, startTime, endTime, isTimeDisabled} = this.state;\r\n let startTimestamp = startDateMoment ? startDateMoment.utc().valueOf(): 0;\r\n let endTimestamp = endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf();\r\n\r\n if (startTimestamp === endTimestamp){\r\n if (isTimeDisabled){\r\n this.setState({\r\n isTimeDisabled: false,\r\n });\r\n }\r\n if (startTimestamp != 0 && startTime && endTime){\r\n\r\n let startDateStr = startDateMoment.format('YYYY-MM-DD');\r\n if (startDateStr) {\r\n startTimestamp = moment(`${startDateStr}T${startTime.value}`).utc().valueOf();\r\n endTimestamp = moment(`${startDateStr}T${endTime.value}`).utc().valueOf();\r\n }\r\n }\r\n }\r\n const assetCriteria = {\r\n entity: currentAsset ? currentAsset.assetid : 0,\r\n }\r\n const historyCreteria = {\r\n ...assetCriteria,\r\n starttime: startTimestamp, //startDateMoment ? startDateMoment.utc().valueOf(): 0,\r\n endtime: endTimestamp, //endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf(),\r\n }\r\n\r\n\r\n this.props.getWeatherAssetHistoryData(historyCreteria);\r\n this.props.getWeatherAsset24HData(assetCriteria);\r\n if(currentAsset){\r\n this.props.getLightning24HAlarmCount(currentAsset.assetid);\r\n // this.props.getWeatherAlarmCount(currentAsset.assetid);\r\n }\r\n }\r\n\r\n refreshAttributeHistoryData = (pubsubData) => {\r\n let {startDateMoment, endDateMoment,} = this.state;\r\n this.props.pubsubUpdateWeatherAssetHistoryData(pubsubData, startDateMoment, endDateMoment);\r\n this.props.pubsubUpdateWeatherAsset24HData(pubsubData);\r\n }\r\n // -------------------------------------------------------------------------------------------\r\n\r\n renderSpinner = () => {\r\n return (\r\n \r\n \r\n {this.props.assetDataLoading &&\r\n \r\n );\r\n }\r\n\r\n render(){\r\n let currentAssetData = null;\r\n let historyObjData = null\r\n let history24HObjData = null;\r\n if (this.state.currentAsset && this.props.assetData) {\r\n currentAssetData = this.props.assetData.find((item)=>(item.assetid == this.state.currentAsset.assetid)) ;\r\n // \r\n }\r\n if(this.state.currentAsset && this.props.assetHistoryObj) {\r\n // \r\n if (this.props.assetHistoryObj[this.state.currentAsset.assetid]) {\r\n historyObjData = Object.values(this.props.assetHistoryObj[this.state.currentAsset.assetid]);\r\n // \r\n }\r\n }\r\n if (this.state.currentAsset && this.props.asset24HObj) {\r\n //\r\n if (this.props.asset24HObj[this.state.currentAsset.assetid]) {\r\n // history24HObjData = Object.values(this.props.asset24HObj[this.state.currentAsset.assetid]);\r\n history24HObjData = [];\r\n let dataList = Object.values(this.props.asset24HObj[this.state.currentAsset.assetid]);\r\n for (let attrname of ATTRIBUTE_NAME_ORDER){\r\n let attr = dataList.find(item => (attrname == item.attributename));\r\n if (attr){\r\n history24HObjData.push(attr);\r\n }\r\n }\r\n }\r\n // \r\n // \r\n }\r\n\r\n\r\n return (\r\n \r\n {\r\n this.state.showHistory ?\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n //this.props=state.weather\r\n return state.weather;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n getWeatherAssetHistoryData,\r\n getWeatherAsset24HData,\r\n clearWeatherAssetHistoryData,\r\n updateWeatherAssetData,\r\n getWeatherHourlyAlarmCount,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n pubsubUpdateWeatherAsset24HData,\r\n getLightning24HAlarmCount,\r\n getWeatherAsset1MonthData,\r\n geteWeatherMonthlyAlarmCount,\r\n getWeatherQuarterMonthAlarmCount,\r\n getWeather6MonthsAlarmCount,\r\n getWeatherAlarmCountList,\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MainBoard);","/* eslint-disable */\r\nimport React from 'react';\r\n\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\nimport OccupancyMainBoard from './components/OccupancyMainBoard';\r\nimport MainBoard from './components/MainBoard';\r\nimport { getCurrentUser } from '../../factories/auth';\r\nimport {UserContext} from '../../constants/myContexts';\r\n\r\nconst OccupancyPage = (props) => {\r\n let {userObj} = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error('Can not fetch login user information, please re-login.');\r\n //props.history.push('/log_out');\r\n } else {\r\n \r\n }\r\n\r\n return (\r\n \r\n {/* \r\n {\r\n lightBlink === pulseClass &&\r\n */}\r\n\r\n \r\n {\r\n lightBlink === pulseClass &&\r\n \r\n \r\n );\r\n}\r\n\r\nexport default DonutWidget;","/* eslint-disable */\r\nimport React, { Component, useState, Fragment } from 'react';\r\nimport { GREY_COLOR } from '../../../constants/dataConstants';\r\nimport './blinking.scss';\r\n\r\nconst BatteryWidget = (props) => {\r\n let {id, level, style} = props;\r\n\r\n const rederBarrery = () => {\r\n \r\n if(level != null && level != undefined){\r\n switch(level){\r\n /* case 0:\r\n return(\r\n \r\n {renderNull()}\r\n \r\n )\r\n case 1:\r\n return(\r\n \r\n {renderEmpty()}\r\n \r\n )\r\n case 2:\r\n return(\r\n \r\n {renderLow()}\r\n \r\n )\r\n case 3:\r\n return(\r\n \r\n {renderMidamLow()}\r\n \r\n )\r\n case 4:\r\n return(\r\n \r\n {renderMidamHigh()}\r\n \r\n )\r\n case 5:\r\n return(\r\n \r\n {renderFull()}\r\n \r\n ) */\r\n case 0:\r\n return(\r\n \r\n {renderEmpty()}\r\n \r\n )\r\n /* case 1:\r\n return(\r\n \r\n {renderEmpty()}\r\n \r\n )\r\n case 2:\r\n return(\r\n \r\n {renderLow()}\r\n \r\n )\r\n case 3:\r\n return(\r\n \r\n {renderMidamLow()}\r\n \r\n ) */\r\n case 4:\r\n return(\r\n \r\n {renderMidamLow()}\r\n \r\n )\r\n case 5:\r\n return(\r\n \r\n {renderFull()}\r\n \r\n )\r\n default: \r\n return null;\r\n }\r\n }\r\n }\r\n\r\n const renderEmpty = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {rederBarrery()}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default BatteryWidget;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, CardFooter, Row, Col, Button, Label, UncontrolledTooltip } from 'reactstrap';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport DonutWidget from './DonutWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport AttribureIcon from './AttributeIcon';\r\nimport { FaCircle,FaClock,FaFacebookMessenger,FaTemperatureHigh,FaTemperatureLow } from \"react-icons/fa\";\r\nimport { MdVibration,MdOutlineMoreTime,MdOutlineAvTimer } from \"react-icons/md\";\r\nimport { HiOutlineLightningBolt } from \"react-icons/hi\";\r\nimport {\r\n ATTRIBUTE_TYPE,\r\n ATTRIBUTE_NAME,\r\n TIME_ZONE,\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ATTRIBUTE_WIND_ORDER,\r\n ALARM_META_ATTRI_OBJ,\r\n LEGEND_LIST,\r\n xxSmallTextStyle,\r\n xSmallTextStyle,\r\n smallTextStyle,\r\n normalTextStyle,\r\n} from '../../../constants/dataConstants';\r\nimport { lightningColorMaper } from '../../../factories/weather';\r\nimport styled, { keyframes, css } from \"styled-components\";\r\nimport './blinking.scss';\r\nimport { ConsoleIcon, RelativeScaleIcon } from 'mdi-react';\r\n\r\nconst valueRowStyle = {\r\n margin: '5px 10px',\r\n padding: '5px',\r\n justifyContent: 'center',\r\n // lineHeight: '30px',\r\n // minHeight: '30px'\r\n}\r\n\r\nconst rowClass = {\r\n // color: 'black', \r\n // fontWeight: 'normal',\r\n margin: '5px 10px',\r\n padding: '5px 30px',\r\n justifyContent: 'space-evenly', //'center'\r\n alignContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px',\r\n // backgroundColor: GREEN_COLOR, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n color: 'white',\r\n position: 'relative',\r\n // animation: 'alertBlink 1s infinite',\r\n}\r\nconst backClass = {\r\n position: 'absolute',\r\n top: '0',\r\n left: '0',\r\n width: '100%',\r\n height: '100%',\r\n backgroundColor: GREEN_COLOR, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n animation: 'alertBlink 1s infinite',\r\n}\r\nconst testClass = {\r\n color: 'black',\r\n position: 'absolute',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'space-evenly',\r\n top: '0',\r\n left: '0',\r\n width: '100%',\r\n height: '100%',\r\n fontSize: '2.5vh',\r\n lineHeight: '2.5vh'\r\n}\r\n\r\nconst AttributeListWidget = ({ alarmSet, asset, isSmall, toggle, activeTab }) => {\r\n if(asset.assetid!=null){\r\n let data=asset;\r\n let deviceid=null;\r\n //data.attributes['LastOccupancy'].sort((a,b) => (a.value < b.value) ? 1 : ((b.value < a.value) ? -1 : 0));\r\n //asset.factorDeviceId=data.attributes['LastOccupancy'][0].deviceid; \r\n }\r\n\r\n let alarmObj = alarmSet ? alarmSet[asset.assetid] : null;\r\n // let donutData = setDonut(alarmObj, asset.attributes)\r\n \r\n\r\n return \r\n {isSmall &&\r\n \r\n
\r\n}\r\n\r\nconst BatteryDisplayElement = ({ alarmObj, attributeName, valArray, isSmall }) => {\r\n return (\r\n \r\n {valArray && valArray.map((val, index) => {\r\n var deviceIdRegNero = new RegExp(\"1B30D[a-zA-Z0-9]{2}|NS[0-9]{8}\");\r\n if (!deviceIdRegNero.test(val.deviceid + val.devicename)) {\r\n let value = parseFloat(val.value);\r\n const id = `battery_${index}`;\r\n if (alarmObj && alarmObj[val.deviceid] && alarmObj[val.deviceid][attributeName]) {\r\n value = alarmObj[val.deviceid][attributeName].value;\r\n }\r\n let level = 0\r\n let percentage = \"0%\";\r\n if (Number.isNaN(value)) {\r\n level = -1;\r\n percentage = \"No Battery Detected\";\r\n }\r\n if (!Number.isNaN(value) && value > 3.6 && value < 4.3) {\r\n //full battery: 4.3 | Empty battery 3.6\r\n level = Math.round((((value - 3.6) / .7) * 5) - .5);\r\n percentage = Math.round(((value - 3.6) / .7) * 100) + \"%\"\r\n }\r\n if (value >= 4.3) {\r\n level = 4;\r\n percentage = \"100%\"\r\n }\r\n // \r\n let tooltiptext = !val.devicename || val.devicename.length == 0 ? 'No device name - ' + val.deviceid+\" - \"+percentage : val.devicename + \" - \"+ val.deviceid+\" - \" + percentage;\r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n })}\r\n\r\n
\r\n )\r\n}\r\n\r\nconst AttributeDisplayElement = ({ alarmObj, attr, asset, isSmall }) => {\r\n const attributeName = attr.attributename;\r\n let valArray = null;\r\n let status = false;\r\n let groupData = null;\r\n\r\n if (asset.attributes && Array.isArray(asset.attributes[attributeName]) && asset.attributes[attributeName].length > 0) {\r\n valArray = asset.attributes[attributeName];\r\n if (attr.group) {\r\n groupData = []\r\n\r\n attr.group.forEach(item => {\r\n let valObj = {\r\n ...item,\r\n displayVal: null,\r\n };\r\n if (asset.attributes[item.attributename] && asset.attributes[item.attributename].length > 0) {\r\n valObj = {\r\n ...item,\r\n displayVal: asset.attributes[item.attributename][0],\r\n }\r\n }\r\n groupData.push(valObj);\r\n });\r\n }\r\n\r\n }\r\n\r\n let displayVal = valArray ? valArray[0] : null;\r\n\r\n if (attributeName === 'hexAlarm') {\r\n return (\r\n \r\n {isSmall &&\r\n \r\n
\r\n\r\n )\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst assetnameFormat = (cell, toggle) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n toggle(true, cell);\r\n }\r\n return (\r\n // { handleDeviceOnClick(e, cell.assetname); }}>{cell.devicenamealias}\r\n Last Message
)\r\n }\r\n else\r\n return {splitString};\r\n}\r\n\r\nfunction rowClassGnerator(status, item, attributeName, color = GREEN_COLOR, hasrule = false, isSmall = false) {\r\n let backgroupdColor = attributeName === 'Battery' ? 'white' : hasrule ? color : GREY_COLOR;\r\n let horizontalAlign = attributeName != 'Battery' && isSmall ? 'space-between' : 'space-evenly'; //'center';\r\n let alarmColor = backgroupdColor;\r\n\r\n if (attributeName !== 'hexAlarm') {\r\n alarmColor = RED_COLOR;\r\n }\r\n\r\n let reClass = {\r\n margin: '5px 10px',\r\n padding: '6px 30px',\r\n justifyContent: horizontalAlign, //'center'\r\n alignContent: 'center',\r\n lineHeight: isSmall ? null : '30px',\r\n height: isSmall ? null : '30px',\r\n backgroundColor: backgroupdColor,\r\n color: 'black',\r\n };\r\n\r\n if (status == true) {\r\n return ({\r\n ...reClass,\r\n backgroundColor: alarmColor,\r\n animation: 'alertBlink 1s infinite',\r\n });\r\n } else {\r\n return ({\r\n ...reClass,\r\n })\r\n }\r\n}\r\n\r\n// function setDonut(alarmObj, attributes) {\r\n\r\n\r\n// let reValue = { status: 0, color: 'black' };\r\n\r\n// if (attributes && attributes.Alarm && attributes.Alarm.length > 0) {\r\n// const color = lightningColorMaper(attributesAlarm.value);\r\n// const status = attributes.Alarm.status ? 1 : 0;\r\n// reValue = {\r\n// ...reValue,\r\n// status,\r\n// color,\r\n// }\r\n// }\r\n\r\n// if (attributes) {\r\n// ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display && item.attributename != 'Alarm').forEach(attr => {\r\n// let attributename = attr.attributename;\r\n// Array.isArray(attributes[attributename]) && attributes[attributename].forEach(vattr => {\r\n// if (vattr.status) {\r\n// reValue = {\r\n// ...reValue,\r\n// status: 1,\r\n// color: RED_COLOR,\r\n// }\r\n// }\r\n// });\r\n// });\r\n// }\r\n\r\n// if (alarmObj) {\r\n// for (let key in alarmObj) {\r\n// for (let attr of ATTRIBUTE_ORDER) {\r\n// if (attr.hasrule == true && alarmObj[key][attr.attributename] && alarmObj[key][attr.attributename].status == true) {\r\n// reValue = {\r\n// ...reValue,\r\n// status: 1, //0, \r\n// color: RED_COLOR,\r\n// }\r\n// }\r\n// }\r\n// }\r\n// }\r\n// return reValue\r\n// }\r\n\r\nexport default AttributeListWidget;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {Container, Row, Col, Button, Label, } from 'reactstrap';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport DonutWidget from './DonutWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport AttributeListWidget from './AttributeListWidget';\r\nimport {TIME_ZONE} from '../../../constants/dataConstants';\r\nimport {weatherSeverity, hex2bin, splitStatusValue} from '../../../factories/utils';\r\n\r\nconst SnowMapInfo = ({props, toggle, alarmSetObj, statusDataProp }) => {\r\n \r\n let alarm = 0;\r\n let hexAlarm = null;\r\n let activeTab = 1;\r\n if (props.asset!=null){\r\n if(props.asset.grouping == \"wind\"){\r\n activeTab = 2;\r\n }\r\n }\r\n \r\n const tableTimeColoumnFormater = (cell) => {\r\n if (cell) {\r\n try{\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE }); \r\n return(\r\n {displayTime}\r\n );\r\n }\r\n catch(e){\r\n return null;\r\n }\r\n }else{\r\n return null;\r\n }\r\n \r\n }\r\n \r\n const asset = props && props.asset ? props.asset : {};\r\n\r\n return(\r\n {alert('click')}}\r\n onClick={self.mapSearchBarToggle}\r\n >\r\n {\r\n //console.log('this.state.mapData----before')\r\n var listdevices=[]\r\n var newmapData=[]\r\n var map1 = new Map();\r\n var set1=new Set(); \r\n for(var i=0;i {\r\n let myPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\"; \r\n if (path && path.length > 0) {\r\n myPath = path;\r\n }\r\n return (\r\n {\r\n path: myPath,\r\n fillColor: color,\r\n fillOpacity: 1,\r\n strokeColor: '#000',\r\n strokeWeight: 0,\r\n scale: 0.1,\r\n anchor: new google.maps.Point(185, 500)\r\n \r\n }\r\n )\r\n };\r\n\r\n const renderInfoWin = () => {\r\n if (this.props.values.selectedPlace.attr) {\r\n\r\n\r\n return (\r\n Object.keys(this.props.values.selectedPlace.attr).map((key, i) => (\r\n key != 'Lat' && key != 'Lng' &&\r\n \r\n {key} \r\n {this.props.values.selectedPlace.attr[key].value} \r\n \r\n ))\r\n )\r\n } else {\r\n\r\n return null;\r\n }\r\n }\r\n let pathArr = [];\r\n if(this.state.assetSelector==false){\r\n this.state.mapData=this.props.statusData; \r\n this.formatmapData() \r\n }\r\n \r\n if (this.props.mapShow) {\r\n\r\n this.setMapBounds(this.state.mapData);\r\n }\r\n\r\n let lineSymbol = {\r\n path: 'M-2,4 0,0 M2,4 0,0',\r\n strokeOpacity: 1,\r\n scale: 2,\r\n };\r\n \r\n this.state.assetName=[];\r\n this.state.assetName.push({value:'-1',\r\n label:'No Selection...'})\r\n this.state.mapData.map(asset=>{\r\n var obj= {\r\n value:asset,\r\n label:asset.assetname,\r\n locationlat: asset.locationlat,\r\n locationlng: asset.locationlng\r\n }\r\n this.state.assetName.push(obj) \r\n return (0); \r\n });\r\n \r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction processAssetDataMsg(mapData, pointArr, selectedAttriId) {\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n if (reMapData && reMapData.length === 1 && reMapData[0].asset && reMapData[0].asset.length === 1) {\r\n let asset = reMapData[0].asset.pop();\r\n if (asset.device) {\r\n for (let i = 0; i < asset.device.length; i++) {\r\n if (asset.device[i].trackable) {\r\n if (asset.device[i].msgs && asset.device[i].msgs.length > 0) {\r\n let messages = asset.device[i].msgs;\r\n let cloneasset = asset;\r\n for (let mi = 0; mi < messages.length; mi++) {\r\n let newAsset = JSON.parse(JSON.stringify(cloneasset));\r\n for (let j = 0; j < newAsset.device.length; j++) {\r\n let msgItem;\r\n let newMsg = newAsset.device[j].msgs;\r\n // \r\n if (j === i) {\r\n msgItem = JSON.parse(JSON.stringify(messages[mi]));\r\n } else {\r\n let otherMessages = asset.device[j].msgs;\r\n msgItem = JSON.parse(JSON.stringify(otherMessages[mi]));\r\n }\r\n\r\n msgItem.msg = { ...newMsg[0].msg, ...msgItem.msg }\r\n\r\n\r\n newAsset.device[j].msgs = [];\r\n // newAsset.device[j].msgs.push(JSON.parse(JSON.stringify(messages[mi])));\r\n newAsset.device[j].msgs.push(msgItem);\r\n if (selectedAttriId) {\r\n // set asset color\r\n if (msgItem.msg) {\r\n Object.keys(msgItem.msg).forEach((key) => {\r\n // \r\n // \r\n // \r\n if (msgItem.msg[key].id == selectedAttriId) {\r\n // \r\n let colorValue = msgItem.msg[key].themeattributevalue;\r\n if (msgItem.msg[key].display !== false && colorValue && colorValue.length > 0) {\r\n // \r\n // color = colorValue ;\r\n newAsset['color'] = colorValue;\r\n }\r\n } else {\r\n // delete msg.msg[key];\r\n }\r\n });\r\n }\r\n }\r\n }\r\n if (messages[mi].msg && messages[mi].msg.Lng && messages[mi].msg.Lat) {\r\n newAsset.locationlat = messages[mi].msg.Lat.value;\r\n newAsset.locationlng = messages[mi].msg.Lng.value;\r\n }\r\n cloneasset = newAsset;\r\n reMapData[0].asset.push(newAsset);\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n if (reMapData[0].asset.length === 0) {\r\n reMapData[0].asset.push(asset);\r\n }\r\n\r\n reMapData[0].asset.forEach((item, index) => {\r\n if (item.device) {\r\n let timestampe = new Date();\r\n item.device.forEach((d, i) => {\r\n if (d.trackable && d.msgs && d.msgs.length === 1) {\r\n timestampe = new Date(d.msgs[0].timestamp);\r\n // \r\n }\r\n });\r\n\r\n item.device.forEach((d, i) => {\r\n if (!d.trackable || d.msgs.length > 1) {\r\n // \r\n let foundIndex = -1;\r\n for (let m = 0; m < d.msgs.length; m++) {\r\n if (d.msgs[m].timestamp <= timestampe) {\r\n foundIndex = m;\r\n // break;\r\n } else {\r\n break;\r\n }\r\n }\r\n if (foundIndex >= 0) {\r\n d.msgs = [d.msgs[foundIndex]];\r\n } else {\r\n d.msgs = [d.msgs[0]];\r\n }\r\n\r\n }\r\n });\r\n }\r\n });\r\n\r\n // \r\n pathPoints(reMapData, pointArr);\r\n\r\n\r\n } else if (reMapData && reMapData.length >= 1 && selectedAttriId) {\r\n\r\n reMapData.forEach((ac, acIndex) => {\r\n\r\n ac.asset && ac.asset.forEach((at, atIndex) => {\r\n\r\n at.device && at.device.forEach((dv, dvIndex) => {\r\n\r\n dv.msgs && dv.msgs.length > 0 && dv.msgs[0].msg && Object.keys(dv.msgs[0].msg).forEach((key) => {\r\n\r\n if (dv.msgs[0].msg[key].id == selectedAttriId) {\r\n let colorValue = dv.msgs[0].msg[key].themeattributevalue;\r\n\r\n if (dv.msgs[0].msg[key].display !== false && colorValue && colorValue.length > 0) {\r\n at['color'] = colorValue;\r\n }\r\n }\r\n });\r\n });\r\n });\r\n });\r\n\r\n }\r\n\r\n return reMapData;\r\n}\r\n\r\nfunction postProcessAssetDataMsg(mapData, pointArr, selectedAttriId, multiAssets) {\r\n\r\n\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n reMapData = filterZeroPosition(reMapData);\r\n if (!multiAssets) {\r\n pathPoints(reMapData, pointArr);\r\n }\r\n // pathPoints(reMapData, pointArr);\r\n\r\n if (reMapData && selectedAttriId) {\r\n // \r\n reMapData.forEach((ac, acIndex) => {\r\n // \r\n ac.asset && ac.asset.forEach((at, atIndex) => {\r\n // \r\n at.device && at.device.forEach((dv, dvIndex) => {\r\n // \r\n dv.msgs && dv.msgs.length > 0 && dv.msgs[0].msg && Object.keys(dv.msgs[0].msg).forEach((key) => {\r\n // \r\n if (dv.msgs[0].msg[key].id == selectedAttriId) {\r\n let colorValue = dv.msgs[0].msg[key].themeattributevalue;\r\n // \r\n if (dv.msgs[0].msg[key].display !== false && colorValue && colorValue.length > 0) {\r\n at['color'] = colorValue;\r\n }\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return reMapData;\r\n}\r\n\r\nfunction filterZeroPosition(mapData) {\r\n mapData && mapData.forEach((assetclass, acindex) => {\r\n if (assetclass.asset) {\r\n let filteredAsset = assetclass.asset.filter((asset, atindex) => (asset.locationlat != 0 && asset.locationlng != 0));\r\n assetclass.asset = filteredAsset;\r\n }\r\n });\r\n\r\n return mapData;\r\n}\r\n\r\nfunction processAssetData(mapData, pointArr) {\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n if (reMapData && reMapData.length === 1 && reMapData[0].asset && reMapData[0].asset.length === 1) {\r\n let asset = reMapData[0].asset.pop();\r\n // let newAssetArr = [];\r\n if (asset.device) {\r\n for (let i = 0; i < asset.device.length; i++) {\r\n if (asset.device[i].trackable) {\r\n if (asset.device[i].msgs && asset.device[i].msgs.length > 0) {\r\n let messages = asset.device[i].msgs;\r\n for (let mi = 0; mi < messages.length; mi++) {\r\n let newAsset = JSON.parse(JSON.stringify(asset));\r\n newAsset.device[i].msgs = [];\r\n newAsset.device[i].msgs.push(JSON.parse(JSON.stringify(messages[mi])));\r\n // \r\n if (messages[mi].msg && messages[mi].msg.Lng && messages[mi].msg.Lat) {\r\n newAsset.locationlat = messages[mi].msg.Lat.value;\r\n newAsset.locationlng = messages[mi].msg.Lng.value;\r\n }\r\n reMapData[0].asset.push(newAsset);\r\n }\r\n }\r\n break;\r\n };\r\n }\r\n }\r\n if (reMapData[0].asset.length === 0) {\r\n reMapData[0].asset.push(asset);\r\n }\r\n\r\n // \r\n\r\n reMapData[0].asset.forEach((item, index) => {\r\n if (item.device) {\r\n let timestampe = new Date();\r\n item.device.forEach((d, i) => {\r\n if (d.trackable && d.msgs && d.msgs.length === 1) {\r\n timestampe = new Date(d.msgs[0].timestamp);\r\n // \r\n }\r\n });\r\n\r\n item.device.forEach((d, i) => {\r\n if (!d.trackable || d.msgs.length > 1) {\r\n // \r\n let foundIndex = -1;\r\n for (let m = 0; m < d.msgs.length; m++) {\r\n if (d.msgs[m].timestamp <= timestampe) {\r\n foundIndex = m;\r\n break;\r\n }\r\n }\r\n if (foundIndex >= 0) {\r\n d.msgs = [d.msgs[foundIndex]];\r\n }\r\n\r\n }\r\n });\r\n }\r\n });\r\n\r\n // \r\n pathPoints(reMapData, pointArr);\r\n\r\n }\r\n\r\n return reMapData;\r\n}\r\n\r\nfunction pathPoints(mapData, pathPoints) {\r\n // let pathPoints = null;\r\n if (mapData && mapData.length === 1 && mapData[0].asset && mapData[0].asset.length > 1) {\r\n let assets = mapData[0].asset;\r\n // pathPoints = [];\r\n for (let i = 0; i < assets.length - 1; i++) {\r\n let points = [\r\n { lat: Number(assets[i].locationlat), lng: Number(assets[i].locationlng) },\r\n { lat: Number(assets[i + 1].locationlat), lng: Number(assets[i + 1].locationlng) },\r\n ];\r\n pathPoints.push(points);\r\n }\r\n }\r\n // \r\n // return pathPoints; \r\n}\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n const fenceStatus = state.fence.type;\r\n const props = { allfences, fenceObj, fenceStatus };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ loadAllGeoFences, }, dispatch);\r\n};\r\n// export default connect(mapStateToProps, mapDispatchToProps)(StepCondition);\r\n\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing', 'places'],\r\n }),\r\n connect(mapStateToProps, mapDispatchToProps)\r\n);\r\n\r\nexport default enhance(SnowMap);\r\n\r\n// --------------------------------------------------------\r\n\r\nclass ClusterWrapper extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.markers = [];\r\n this.iconIntervals = [];\r\n }\r\n\r\n componentDidMount() {\r\n\r\n // this.renderCluster();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n\r\n if (prevProps.google !== this.props.google || prevProps.mapData !== this.props.mapData) {\r\n\r\n // if (this.clusterer) {\r\n // this.clusterer.clearMarkers();\r\n // }\r\n // this.clearAllMarkers();\r\n // this.renderCluster();\r\n }\r\n this.clearAllMarkers();\r\n this.renderCluster();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // \r\n }\r\n\r\n componentWillUnmount() {\r\n\r\n this.clearAllMarkers();\r\n }\r\n\r\n clearAllMarkers = () => {\r\n if (this.iconIntervals) {\r\n this.iconIntervals.forEach((item, index) => {\r\n clearInterval(item);\r\n });\r\n }\r\n if (this.clusterer) {\r\n this.clusterer.clearMarkers();\r\n }\r\n }\r\n\r\n\r\n\r\n renderCluster = () => {\r\n let { google, map } = this.props;\r\n this.markers = [];\r\n if (this.props.mapData) {\r\n const options = { legWeight: 3, minZoomLevel: 18 }; // Just an example of options - please set your own if necessary\r\n // const oms = new OverlappingMarkerSpiderfier(map, options);\r\n // ----------------------------------------------------------------------------------------\r\n let that = this;\r\n\r\n this.props.mapData.forEach((item, index) => {\r\n // let that = this;\r\n // if (item.asset && Array.isArray(item.asset)) {\r\n // item.asset.forEach((m, i) =>{\r\n let m = item;\r\n if (m.locationlat !== 0 || m.locationlng !== 0) {\r\n let path = that.props.defaultIconPath;\r\n let color = that.props.defaultColor;\r\n if (item.assetIcon && item.assetIcon.iconsvg) {\r\n path = item.assetIcon.iconsvg;\r\n }\r\n // if (m.color){\r\n // color = m.color;\r\n // }\r\n let alarmObj = this.props.alarmSetObj ? this.props.alarmSetObj[m.assetid] : null;\r\n if (m.attributes && m.attributes['hexAlarm'] && m.attributes['hexAlarm'].length > 0) {\r\n delete m.attributes['hexAlarm']\r\n }\r\n \r\n //let statusSet = setDonut(alarmObj, m.attributes, m.color); \r\n let statusSet={};\r\n statusSet.status=0\r\n statusSet.color='grey'\r\n if(m.color!=null && m.color!=undefined){\r\n statusSet.color=m.color\r\n if(statusSet.color=='off' || statusSet.color=='OFF'){\r\n statusSet.color='GREY'\r\n }\r\n }\r\n color = statusSet.color;\r\n m.color\r\n let ref = {\r\n map: map,\r\n name: m.assetname,\r\n // device: m.device,\r\n timestamp: m.timestamp,\r\n attributes: m.attributes,\r\n asset: m,\r\n position: { lat: Number(m.locationlat), lng: Number(m.locationlng) },\r\n icon: that.props.generateIcon(color, path)\r\n }\r\n if (item.grouping == \"wind\") {\r\n // ref.icon = that.props.generateIcon(\"red\", path)\r\n ref.icon = {\r\n path:\r\n \"M 4 10 A 1 1 0 0 1 3 9 A 1 1 0 0 1 4 8 H 12 A 2 2 0 0 0 14 6 A 2 2 0 0 0 12 4 C 11.45 4 10.95 4.22 10.59 4.59 C 10.2 5 9.56 5 9.17 4.59 C 8.78 4.2 8.78 3.56 9.17 3.17 C 9.9 2.45 10.9 2 12 2 A 4 4 0 0 1 16 6 A 4 4 0 0 1 12 10 H 4 M 19 12 A 1 1 0 0 0 20 11 A 1 1 0 0 0 19 10 C 18.72 10 18.47 10.11 18.29 10.29 C 17.9 10.68 17.27 10.68 16.88 10.29 C 16.5 9.9 16.5 9.27 16.88 8.88 C 17.42 8.34 18.17 8 19 8 A 3 3 0 0 1 22 11 A 3 3 0 0 1 19 14 H 5 A 1 1 0 0 1 4 13 A 1 1 0 0 1 5 12 H 19 M 18 18 H 4 A 1 1 0 0 1 3 17 A 1 1 0 0 1 4 16 H 18 A 3 3 0 0 1 21 19 A 3 3 0 0 1 18 22 C 17.17 22 16.42 21.66 15.88 21.12 C 15.5 20.73 15.5 20.1 15.88 19.71 C 16.27 19.32 16.9 19.32 17.29 19.71 C 17.47 19.89 17.72 20 18 20 A 1 1 0 0 0 19 19 A 1 1 0 0 0 18 18 M 10 21 L 11.5 27 L 13 21\",\r\n fillColor: \"blue\",\r\n fillOpacity: 0.75,\r\n strokeWeight: 0,\r\n rotation: 0,\r\n scale: 1.5,\r\n anchor: new google.maps.Point(11.5, 27),\r\n }\r\n }\r\n \r\n let marker = new google.maps.Marker(ref);\r\n if (statusSet.status == 1) {\r\n blinkSymbol(marker, this.iconIntervals);\r\n }\r\n // blinkSymbol(marker, this.iconIntervals);\r\n \r\n marker.addListener('click', (e) => { this.props.onMarkerClick(ref, marker, e) });\r\n this.markers.push(marker);\r\n }\r\n // });\r\n // }\r\n });\r\n\r\n this.clusterer = new MarkerClusterer(map, this.markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m', maxZoom: 18 });\r\n // \r\n // return this.markers;\r\n // return this.clusterer;\r\n }\r\n\r\n return null;\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction blinkSymbol(marker, intervals) {\r\n const step = -0.9;\r\n const duration = 300; // ms\r\n const max = 1;\r\n let count = 0;\r\n let scale = 1;\r\n let icon = marker.getIcon();\r\n if (icon) {\r\n let orScale = icon.scale;\r\n const iconInterval = setInterval(() => {\r\n\r\n count++;\r\n if (count <= max && (scale + step) > 0) {\r\n icon.scale = icon.scale * (scale + step);\r\n } else {\r\n icon.scale = orScale;\r\n count = 0;\r\n }\r\n marker.setIcon(icon);\r\n }, duration);\r\n if (intervals) {\r\n intervals.push(iconInterval);\r\n }\r\n }\r\n\r\n\r\n}","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Bar} from 'react-chartjs-2';\r\n\r\nclass WeatherBarChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={}\r\n }\r\n renderBarChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n // const chartdata1 = [20,30,50,40,10];\r\n // const chartdata2 = [10,40,30,20,30];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n let chartdatared = [];\r\n let chartdataorange = [];\r\n let chartdatayellow = [];\r\n if (this.props.countData){\r\n this.props.countData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n let orange = {x: item.date, y: item.orange};\r\n let yellow = {x: item.date, y: item.yellow};\r\n chartdatared.push(red);\r\n chartdataorange.push(orange);\r\n chartdatayellow.push(yellow);\r\n });\r\n\r\n }\r\n \r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: 'Alarm Red',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatared,\r\n },\r\n {\r\n label: 'Alarm Orenge',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n backgroundColor: 'rgba(255,155,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdataorange\r\n },\r\n {\r\n label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n backgroundColor: 'rgba(255,255,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatayellow\r\n }\r\n ]\r\n };\r\n \r\n let unit = this.props.units ==='day' ? 'day': 'hour';\r\n let rationOption = this.props.isSmall ? {responsive: true, maintainAspectRatio: false,} : { aspectRatio: 4, responsive: true, maintainAspectRatio: true,} \r\n return (\r\n \r\n \r\n );\r\n }\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderBarChart()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default WeatherBarChart;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass WeatherLineChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={};\r\n }\r\n\r\n renderLineChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n\r\n let dataset1 = [];\r\n if (this.props.chartData && this.props.attributea){\r\n // dataset1=this.props.chartData.filter((item)=>(item.attributename === this.props.attributea)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute1 = this.props.chartData.find((item)=>(item.attributename === this.props.attributea));\r\n if (assetAttribute1) {\r\n dataset1 = assetAttribute1.data;\r\n \r\n }\r\n };\r\n\r\n let dataset2 = [];\r\n if (this.props.chartData && this.props.attributeb){\r\n // dataset2=this.props.chartData.filter((item)=>(item.attributename === this.props.attributeb)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute2 = this.props.chartData.find((item)=>(item.attributename === this.props.attributeb));\r\n if (assetAttribute2) {\r\n dataset2 = assetAttribute2.data;\r\n }\r\n };\r\n\r\n\r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: this.props.attributea,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: 'rgba(255,99,132,1)',\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n yAxisID: 'left-y-axis',\r\n fill: false,\r\n // data: chartdata1,\r\n data: dataset1,\r\n },\r\n {\r\n label: this.props.attributeb,\r\n // backgroundColor: 'rgba(99,132,255,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: 'rgba(99,132,255,1)',\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(99,132,255,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,255,1)',\r\n yAxisID: 'right-y-axis',\r\n fill: false,\r\n // data: chartdata1,\r\n data: dataset2,\r\n },\r\n // {\r\n // label: 'Alarm Orenge',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata2\r\n // },\r\n // {\r\n // label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata1\r\n // }\r\n ]\r\n };\r\n\r\n const options = {\r\n aspectRatio: 3,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n scales: {\r\n bounds: 'data',\r\n // bounds: 'ticks',\r\n // xAxes: [{\r\n // // stacked: false,\r\n // // type: 'linear',\r\n // }],\r\n xAxes: [{\r\n type: 'time',\r\n // distribution: 'series',\r\n distribution: 'linear',\r\n // offset: true,\r\n time: {\r\n unit: 'hour',\r\n // stepSize: 3,\r\n // round: true,\r\n // parser: 'MMM DD HH'\r\n displayFormats: {\r\n 'hour': 'MMM DD HH',\r\n }\r\n },\r\n ticks:{\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n // maxTicksLimit: 10,\r\n // sampleSize: 2,\r\n autoSkip: true,\r\n autoSkipPadding: 10,\r\n bounds: 'data',\r\n source: 'auto',\r\n }\r\n }],\r\n yAxes: [{\r\n // stacked: false,\r\n // type: 'linear',\r\n // offset: true,\r\n label: 'test left',\r\n id: 'left-y-axis',\r\n position: 'left',\r\n ticks: {\r\n // min: 0,\r\n // max: 70,\r\n }\r\n },\r\n {\r\n label: 'test right',\r\n id: 'right-y-axis',\r\n // type: 'linear',\r\n position: 'right',\r\n }\r\n ]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n return(\r\n \r\n \r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderLineChart()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default WeatherLineChart;","/* eslint-disable */\r\nimport { ConsoleLineIcon, HttpsIcon, ThermostatBoxIcon } from \"mdi-react\";\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { Card, CardBody, Col, Row, Button, Container, Form } from \"reactstrap\";\r\nimport { BootstrapTable, TableHeaderColumn } from \"react-bootstrap-table\";\r\nimport BatteryWidget from \"./BatteryWidget\";\r\nimport DonutWidget from \"./DonutWidget\";\r\nimport Select from \"react-select\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport {\r\n FaCircle,\r\n FaClock,\r\n FaFacebookMessenger,\r\n FaTemperatureHigh,\r\n FaDownload,\r\n FaTemperatureLow,\r\n FaBatteryFull,\r\n FaBatteryHalf,\r\n FaBatteryEmpty,\r\n} from \"react-icons/fa\";\r\nimport {\r\n MdVibration,\r\n MdOutlineMoreTime,\r\n MdOutlineAvTimer,\r\n} from \"react-icons/md\";\r\nimport { HiOutlineLightningBolt } from \"react-icons/hi\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport downlaodIcon from \"../../../shared/img/download.png\";\r\nimport {\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n GREY_COLOR,\r\n TIME_ZONE,\r\n YELLOW_COLOR,\r\n TIME_OPTION,\r\n TIME_RANGE_OPTION,\r\n LIGHT_GREY_COLOR,\r\n HOUR_OF_DAY,\r\n} from \"../../../constants/dataConstants\";\r\nimport { DateRangePicker } from \"react-dates\";\r\nimport { getCurrentUser } from \"../../../factories/auth\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport moment from 'moment';\r\n\r\nconst CURRENT_HOUR = parseInt(moment().format('HH')) + 1;\r\n\r\nclass SnowBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.id = [];\r\n this.state = {\r\n msg: \"\",\r\n collapse: false,\r\n assetSelector: false,\r\n assetClick: [],\r\n assetName: [],\r\n assetList: [],\r\n deviceDisplay: false,\r\n deviceObject: null,\r\n displayAsset: true,\r\n displayDevice: false,\r\n alarm24HCounts: null,\r\n options: {},\r\n series: [],\r\n optionsDevice: {},\r\n seriesDevice: [],\r\n startTimeOptions: TIME_OPTION.filter((item, index) => index !== 24),\r\n endTimeOptions: TIME_OPTION.filter((item, index) => index !== 0),\r\n timeRangeOptions: TIME_RANGE_OPTION,\r\n statusData: this.props.statusDataProp,\r\n };\r\n /*this.userObj = getCurrentUser();\r\n console.log(this.userObj)\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }*/\r\n }\r\n componentdDidUpdate() {\r\n if (prevProps.statusDataProp !== this.props.statusDataProp) {\r\n this.setState({ statusData: this.props.statusDataProp });\r\n }\r\n }\r\n\r\n batteryRender = (cell) => {\r\n let batteryLevel;\r\n\r\n if (cell.OccupancyBattery) {\r\n for (let n = 0; n < cell.OccupancyBattery.length; n++) {\r\n for (const property in this.id) {\r\n if (this.id[property] == cell.OccupancyBattery[n].deviceid) {\r\n batteryLevel = cell.OccupancyBattery[n].value;\r\n break;\r\n }\r\n }\r\n }\r\n if (batteryLevel == null) batteryLevel = 1;\r\n }\r\n\r\n return (\r\n \r\n
\r\n // `${occupancyMessage}`\r\n );\r\n };\r\n\r\n assetnameFormat = (cell, row) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n this.props.toggle(true, row);\r\n };\r\n return (\r\n \r\n // {isSmall && \r\n // \r\n // \r\n // \r\n // }\r\n // {displayObj.label}{' '}{attr.units}\r\n //
\r\n // {/* */}\r\n // \r\n \r\n \r\n {/* {displayName} */}\r\n \r\n \r\n\r\n {/* \r\n {val.devicename}\r\n */}\r\n
\r\n \r\n )\r\n }\r\n })}\r\n\r\n */}\r\n \r\n this.handleExportCSVButtonClick(onClick)} />\r\n );\r\n }\r\n handleExportCSVButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n onClick();\r\n }\r\n\r\n renderAttrTable = () => {\r\n let cols = [\r\n {\r\n field: 'assetid',\r\n displayName: 'Asset ID',\r\n isKey: true,\r\n hidden: true\r\n },\r\n {\r\n field: 'assetname',\r\n displayName: 'Sensor',\r\n dataSort: false,\r\n hidden: true,\r\n },\r\n {\r\n field: 'attritime',\r\n displayName: 'Timestamp',\r\n dataFormat: this.timestampFormat,\r\n csvFormat: this.timestampFormat,\r\n dataSort: true,\r\n },\r\n ];\r\n let colsFields = cols.map((item) => (item.field));\r\n let data = this.props.tableData ?\r\n this.props.tableData.filter((item, index) => (\r\n item.type !== ATTRIBUTE_TYPE.META &&\r\n item.display !== false &&\r\n // item.assetname !=='Alarm' \r\n item.displayname !== 'Alarm' &&\r\n item.displayname !== 'CO2'\r\n // item.timestamp !== item.attritime\r\n )) : [];\r\n\r\n\r\n // let group = {};\r\n // for (let item of data) {\r\n // const {assetid, assetname, attritime} = item;\r\n // let key = JSON.stringify({assetid, assetname, attritime})\r\n // if (group[key] && Array.isArray(group[key])){\r\n // group[key].push(item);\r\n // }else{\r\n // group[key]=[item];\r\n // }\r\n // }\r\n // \r\n let dataMap = groupBy(data, item => item.attritime);\r\n\r\n\r\n // let tableData = [{assetid: '1', assetname: 'test', attritime: '2020'}]; \r\n // for (let key in group){\r\n // let assetObj = JSON.parse(key);\r\n // for (let value of group[key]) {\r\n // assetObj[value.attributename] = value.value;\r\n // cols.push({\r\n // field: value.attributename,\r\n // displayName: value.displayname,\r\n // dataSort: true,\r\n // });\r\n // }\r\n // tableData.push(assetObj);\r\n // }\r\n let tableData = [];\r\n for (const map of dataMap) {\r\n for (const [key, value] of Object.entries(map)) {\r\n const { assetid, assetname, attritime } = value[0];\r\n let assetObj = { assetid, assetname, attritime };\r\n for (let item of value) {\r\n if (!Object.keys(assetObj).includes(item.attributename)) {\r\n assetObj[item.attributename] = item.value;\r\n }\r\n if (!colsFields.includes(item.attributename)) {\r\n cols.push({\r\n field: item.attributename,\r\n displayName: item.displayname,\r\n dataSort: true,\r\n });\r\n // colsFields = cols.map((item)=>(item.field));\r\n colsFields.push(item.attributename);\r\n }\r\n }\r\n tableData.push(assetObj);\r\n }\r\n }\r\n\r\n // console.log(\"===tableData\", tableData);\r\n // \r\n // \r\n // \r\n\r\n let maxHeight = 400;\r\n let options = {\r\n defaultSortName: 'attritime', // default sort column name\r\n defaultSortOrder: 'desc', // default sort order\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n };\r\n return (\r\n \r\n {/* \r\n */}\r\n \r\n {cols && cols.map((col, cindex) => (\r\n \r\n {col.displayName}\r\n \r\n ))}\r\n\r\n \r\n {/* \r\n */}\r\n \r\n )\r\n }\r\n\r\n renderAlarmTable() {\r\n\r\n let data = this.props.tableData ? this.props.tableData.filter((item, index) => (item.type !== ATTRIBUTE_TYPE.META && item.display !== false)) : [];\r\n let DataDisplay = 'Data';\r\n let AttrHidden = false;\r\n let maxHeight = 400;\r\n if (this.props.filterAttr) {\r\n data = data.filter((item) => (item.displayname === this.props.filterAttr));\r\n data = data.filter((item, index, self) => (\r\n index === self.findIndex((t) => (t.timestamp === item.timestamp))\r\n )\r\n )\r\n DataDisplay = this.props.filterAttr;\r\n AttrHidden = true;\r\n }\r\n if (this.props.maxHeight) {\r\n maxHeight = this.props.maxHeight;\r\n }\r\n let options = {\r\n defaultSortName: 'timestamp', // default sort column name\r\n defaultSortOrder: 'desc', // default sort order\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n\r\n };\r\n return (\r\n \r\n {/* \r\n */}\r\n \r\n Asset ID \r\n Sensor \r\n Timestamp \r\n Message Type \r\n {DataDisplay} \r\n \r\n {/* \r\n */}\r\n \r\n );\r\n }\r\n\r\n renderSpinner = (isLightning) => {\r\n let loading = false;\r\n if (isLightning) {\r\n loading = this.props.historyLoading || this.props.countLoading || this.props.hourlyCountLoading;\r\n\r\n } else {\r\n loading = this.props.historyLoading;\r\n\r\n }\r\n return (\r\n \r\n {loading &&\r\n \r\n );\r\n }\r\n\r\n\r\n render() {\r\n // \r\n return (\r\n \r\n\r\n {\r\n (this.props.currentAsset != null) ?\r\n (this.props.currentAsset.grouping != \"wind\") ?\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default StatusTable;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { UserContext } from '../../../constants/myContexts';\r\nimport WeatherMap from './WeatherMap';\r\nimport WeatherBarChart from './WeatherBarChart';\r\nimport WeatherLineChart from './WeatherLineChart';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport BatteryIcon from './BatteryIcon';\r\nimport StatusBoard from './StatusBoard';\r\nimport StatusTable from './StatusTable';\r\nimport { DeleteCircleIcon, BatteryFullIcon, BatteryEmptyIcon, Battery20Icon, Battery50Icon, Battery80Icon } from 'mdi-react';\r\n// import BatteryFullIcon from 'mdi-react/BatteryFullIcon';\r\nimport './blinking.scss';\r\nimport { weatherSeverity, hex2bin, splitStatusValue, mapWeatherSeverity } from '../../../factories/utils';\r\nimport { reformWeatherAssetData } from '../../../factories/weather';\r\nimport SettingPage from '../../Setting/index';\r\n\r\n\r\nclass WeatherMainBoard extends Component {\r\n // static contextType = UserContext;\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n let index = localStorage.getItem('activeTab');\r\n this.state = {\r\n mapProps: {\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: { attr: {} },\r\n },\r\n activeTab: index ? index : '1',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // this.user = this.context;\r\n /* perform a side-effect at mount using the value of MyContext */\r\n }\r\n\r\n //--------------------------------------------------------------------\r\n // reenderLegend = () => {\r\n // let legendList = [\r\n // {color: 'gray', label: 'No Activity'}, \r\n // {color: 'red', label: 'Lightning near (<5km)'},\r\n // {color: 'orange', label: 'Lightning approaching (5km to 15km)'},\r\n // {color: 'yellow', label: 'Lightning Detected (+15km)'},\r\n // {color: 'green', label: 'All Clear'},\r\n // ];\r\n\r\n // return (\r\n // \r\n \r\n \r\n \r\n {/* \r\n \r\n status.grouping === \"weather\")}\r\n alarmSetObj={this.props.alarmSetObj}\r\n />\r\n \r\n {/* \r\n
*/}\r\n \r\n \r\n {/* \r\n \r\n status.grouping === \"wind\" || status.grouping === \"weather\")} // need to edit this information\r\n alarmSetObj={this.props.alarmSetObj}\r\n />\r\n \r\n {/* \r\n
*/}\r\n \r\n \r\n {/* \r\n \r\n \r\n {/* \r\n
*/}\r\n \r\n \r\n {/* \r\n \r\n \r\n {/* \r\n
*/}\r\n \r\n \r\n {/* */}\r\n {/*
*/}\r\n {/* \r\n */}\r\n {/* */}\r\n {/* */}\r\n {/* \r\n \r\n
*/}\r\n\r\n\r\n\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
*/}\r\n {/* \r\n
*/}\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default WeatherMainBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {\r\n // compose, \r\n bindActionCreators\r\n} from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { WEB_SUB_CHANNEL_WEATHER, WEB_SUB_CHANNEL_WEATHER_ALARM, WEB_SUB_EVENT_WEATERHR, WEB_SUB_EVENT_ALARM, WEB_SUB_CHANNEL_DEVICE, WEB_SUB_EVENT_DEVICE } from '../../../constants/appConstants';\r\nimport { WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT, WEB_SUB_WEBSOCKET_WEATHER_DEVICEMESSAGE, WEB_SUB_WEBSOCKET_WEATHER_ALERTMESSAGE, WEB_SUB_WEBSOCKET_WEATHER_ALARMMESSAGE } from '../../../constants/appConstants';\r\nimport { ATTRIBUTE_STATUSDATA } from '../../../constants/dataConstants';\r\nimport { LIGHTING_KEYS } from '../../../constants/dataConstants';\r\nimport moment from 'moment';\r\nimport {\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getCompanyAssetClass,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n getWeatherAssetHistoryData,\r\n getWeatherAsset24HData,\r\n clearWeatherAssetHistoryData,\r\n updateWeatherAssetData,\r\n getWeatherHourlyAlarmCount,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n pubsubUpdateWeatherAsset24HData,\r\n getLightning24HAlarmCount,\r\n} from '../../../redux/actions/weatherAction';\r\nimport WeatherMainBoard from './WeatherMainBoard';\r\nimport HistoryBoard from './HistoryBoard';\r\nimport { toast } from 'react-toastify';\r\nimport { reformWeatherAssetData, reformAlertPubsubData, updateStatusAsset } from '../../../factories/weather';\r\nimport { ATTRIBUTE_NAME_ORDER } from '../../../constants/dataConstants';\r\n\r\nconst WEATHER_ASSETCLASS_NAME = 'WeatherStation';\r\nconst WEATHER_ASSETCLASS_NAME_ARRAY = ['WeatherStation', 'WeatherStation-Nerospec', 'WindStation'];\r\nimport SockJS from 'sockjs-client';\r\nimport { Stomp } from '@stomp/stompjs';\r\nimport { getJwttoken } from '../../../factories/utils';\r\nimport { Client } from '@stomp/stompjs';\r\nvar stompClient;\r\nclass MainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showHistory: false,\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n startTime: null,\r\n endTime: null,\r\n isTimeDisabled: true,\r\n currentAsset: null,\r\n assetList: [],\r\n alarmList: [],\r\n alarmSet: {},\r\n alarmSetObj: {},\r\n statusData: [],\r\n refresh: false,\r\n interval: null,\r\n };\r\n this.weatherClassId = null;\r\n //this.eventSource = new EventSource(WEB_SUB_CHANNEL_WEATHER);\r\n // this.eventSource.onopen = function(evt) {\r\n // \r\n // }\r\n // this.eventSource.onerror = function(evt) {\r\n // \r\n // }\r\n // this.eventSource.onmessage = function(evt) {\r\n // \r\n // }\r\n\r\n //this.alertEventSource = new EventSource(WEB_SUB_CHANNEL_WEATHER_ALARM);\r\n //this.deviceEventSource = new EventSource(WEB_SUB_CHANNEL_DEVICE);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n\r\n //////////////////////////////////////////\r\n // this.eventSource.addEventListener(\r\n // WEB_SUB_EVENT_WEATERHR, \r\n // (e)=> {\r\n\r\n // this.refreshAssetData(e.data);\r\n // } \r\n // );\r\n // this.alertEventSource.addEventListener(\r\n // WEB_SUB_EVENT_ALARM, \r\n // (e)=> {\r\n\r\n // this.refreshAlarm(e.data);\r\n // this.refreshAlarmSetObjByAlert(e.data);\r\n // this.updateStatusAssetByAlert(e.data);\r\n // } \r\n // );\r\n // this.deviceEventSource.addEventListener(\r\n // WEB_SUB_EVENT_DEVICE, \r\n // (e)=> {\r\n\r\n // // this.refreshDeviceData(e.data);\r\n // this.refreshAttributeHistoryData(e.data);\r\n // } \r\n // );\r\n // --------------------------------------------\r\n\r\n this.loadAssetByCompanyClass();\r\n window.addEventListener(\"resize\", this.resize);\r\n this.resize();\r\n this.connectSocket();\r\n }\r\n //------------------------------------------------------------------------------\r\n connectSocket = () => {\r\n if (stompClient !== null && stompClient !== undefined) {\r\n stompClient.deactivate();\r\n //stompClient = null;\r\n\r\n }\r\n\r\n let query = '?q=' + getJwttoken();\r\n ///////////////////////////////////////////////////\r\n stompClient = new Client({\r\n brokerURL: WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT + query,\r\n reconnectDelay: 5000,\r\n heartbeatIncoming: 4000,\r\n heartbeatOutgoing: 4000,\r\n onConnect: this.connect_callback,\r\n onDisconnect: this.disconnect_callback\r\n });\r\n\r\n stompClient.activate();\r\n //////////////////////////////////////////////////\r\n //let socket_URL = new SockJS(WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT+query);\r\n //stompClient = Stomp.over(socket_URL); \r\n //stompClient.reconnectDelay=5000; \r\n //stompClient.connect({\"Header1\": \"Value\" }, this.connect_callback,this.connectSocket) ;\r\n\r\n }\r\n\r\n connect_callback = () => {\r\n // called back after the stompClient is connected and authenticated to the STOMP server\r\n // James: Comment these 2 stompClient.subscirbe to avoid auto refresh data on staion deatil page. (Refresh time too close to read the chart for client.)\r\n // stompClient.subscribe(WEB_SUB_WEBSOCKET_WEATHER_DEVICEMESSAGE, this.callbackDeviceMessage);\r\n // stompClient.subscribe(WEB_SUB_WEBSOCKET_WEATHER_ALERTMESSAGE, this.callbackAlertMessage);\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_WEATHER_ALARMMESSAGE, this.callbackAlarmMessage);\r\n\r\n }\r\n\r\n\r\n disconnect_callback = () => {\r\n stompClient.deactivate();\r\n // called back after the stompClient is connected and authenticated to the STOMP server\r\n console.log('client disconnected')\r\n\r\n }\r\n callbackDeviceMessage = (message) => {\r\n // called when the client receives a STOMP DeviceMessage from the server\r\n\r\n if (message.body) {\r\n //console.log(\"got DeviceMessage with body \" + message.body)\r\n } else {\r\n // \r\n }\r\n this.refreshAttributeHistoryData(message.body);\r\n\r\n }\r\n callbackAlertMessage = (message) => {\r\n // called when the client receives a STOMP AlertMessage from the server\r\n\r\n\r\n if (message.body) {\r\n //console.log(\"got AlertMessage with body \" + message.body)\r\n } else {\r\n // \r\n }\r\n this.refreshAlarm(message.body);\r\n this.refreshAlarmSetObjByAlert(message.body);\r\n this.updateStatusAssetByAlert(message.body);\r\n }\r\n callbackAlarmMessage = (message) => {\r\n // called when the client receives a STOMP alarmMessage from the server \r\n if (message.body) {\r\n //console.log(\"got AlarmMessage with body \" + message.body)\r\n } else {\r\n // \r\n }\r\n this.refreshAssetData(message.body);\r\n }\r\n\r\n //-----------------------------------------------------------------\r\n async componentWillUnmount() {\r\n await clearInterval(this.state.interval)\r\n this.setState({ interval: null });\r\n this.clearAssetData();\r\n // if (this.eventSource){\r\n // this.eventSource.close();\r\n // }\r\n // if (this.alertEventSource){\r\n // this.alertEventSource.close();\r\n // }\r\n // if (this.deviceEventSource){\r\n // this.deviceEventSource.close();\r\n // }\r\n if (stompClient !== null && stompClient !== undefined) {\r\n stompClient.deactivate();\r\n\r\n\r\n }\r\n\r\n window.removeEventListener(\"resize\", this.resize)\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.assetData && nextProps.assetData.length > 0 && nextProps.assetData != this.props.assetData) {\r\n\r\n // if (nextProps.assetData.length > 0) {\r\n // let assetclassid = nextProps.assetData[0].classid;\r\n // if (assetclassid != this.state.assetclassid) {\r\n // \r\n let statusData = reformWeatherAssetData(nextProps.assetData);\r\n\r\n this.setState({\r\n statusData,\r\n // assetclassid\r\n });\r\n // }\r\n // }\r\n }\r\n }\r\n // ------------------------------------------------------------------------------------------\r\n resize = () => {\r\n\r\n\r\n // this.setState({isSmall: window.innerWidth <= 760});\r\n // let currentIsSmall = (window.innerWidth <= 760);\r\n let currentIsSmall = (window.innerWidth <= 1370);\r\n // if (currentIsSmall !== this.state.isSmall) {\r\n // this.setState({isSmall: currentIsSmall});\r\n // }\r\n this.setState(prev => {\r\n if (currentIsSmall !== prev.isSmall) {\r\n return ({\r\n isSmall: currentIsSmall\r\n });\r\n }\r\n });\r\n }\r\n // ------------------------------------------------------------------------------------------\r\n // ----------- load helpers ------------------\r\n loadAssetByCompanyClass = async () => {\r\n try {\r\n if (this.weatherClassId == null) {\r\n let res = await getCompanyAssetClass();\r\n // \r\n if (res.status === 200 && res.data) {\r\n this.weatherClassId = [];\r\n for (let i = 0; i < res.data.length; i++) {\r\n // if (WEATHER_ASSETCLASS_NAME === res.data[i].assetclassname ){\r\n // let assetclassId = res.data[i].assetclassid;\r\n // this.weatherClassId = assetclassId;\r\n // let assets = res.data[i].assets;\r\n // // \r\n // // this.loadAssetData(assetclassId); \r\n // this.setState({\r\n // assetList: assets,\r\n // });\r\n // break;\r\n // }\r\n\r\n if (WEATHER_ASSETCLASS_NAME_ARRAY.includes(res.data[i].assetclassname)) {\r\n let assetclassId = res.data[i].assetclassid;\r\n this.weatherClassId.push(assetclassId);\r\n let assets = res.data[i].assets;\r\n this.setState(prevState => {\r\n if (Array.isArray(prevState.assetList) && prevState.assetList.length > 0) {\r\n return ({\r\n assetList: [...prevState.assetList, ...assets],\r\n });\r\n } else {\r\n return ({\r\n assetList: assets,\r\n });\r\n }\r\n })\r\n }\r\n }\r\n } else {\r\n throw new Error('Failed to get Weather Asset Class!');\r\n }\r\n }\r\n if (this.weatherClassId != null) {\r\n this.loadAssetData(this.weatherClassId);\r\n } else {\r\n throw new Error('Could not find Weather Asset Class!');\r\n }\r\n }\r\n catch (err) {\r\n console.error(err);\r\n toast.error(err);\r\n }\r\n\r\n }\r\n\r\n loadAssetData = (assetclassId) => {\r\n let params = {\r\n // entitygroup:[assetclassId],\r\n entitygroup: assetclassId,\r\n entity: '',\r\n starttime: \"\",\r\n endtime: \"\",\r\n latest: \"1\",\r\n themeid: \"\",\r\n };\r\n this.props.getWeatherAssetData(params);\r\n\r\n }\r\n\r\n // ------------------------------------------------------------------------------------------\r\n // ----------- update helplers ---------------\r\n refreshAssetData = (data) => {\r\n // \r\n try {\r\n let subObj = JSON.parse(data);\r\n // \r\n if (subObj) {\r\n //this.props.assetData\r\n //console.log('Updating assetData with this.state.statusData')\r\n //console.log(this.state.statusData)\r\n //console.log(this.props.assetData)\r\n for (let m = 0; m < this.state.statusData.length; m++) {\r\n let statusAsset = this.state.statusData[m];\r\n for (let n = 0; n < this.props.assetData.length; n++) {\r\n let assetAsset = this.props.assetData[n];\r\n if (assetAsset.assetid == statusAsset.assetid) {\r\n this.props.assetData[n].timestamp = statusAsset.timestamp\r\n for (let o = 0; o < this.props.assetData[n].attributes.length; o++) {\r\n let attr = this.props.assetData[n].attributes[o].attributename\r\n if (ATTRIBUTE_STATUSDATA.includes(attr)) {\r\n //console.log(this.props.assetData[n].timestamp)\r\n // \r\n //console.log(statusAsset.attributes.Temperature[0].value)\r\n //console.log(statusAsset.attributes[attr][0].value)\r\n this.props.assetData[n].attributes[o].value = statusAsset.attributes[attr][0].value;\r\n }\r\n\r\n // \r\n //this.props.assetData[m].attributes[o].value\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n let isInclude = this.props.assetData.some((item) => (item.assetid === subObj.device.assetid));\r\n let isDevice = Object.keys(LIGHTING_KEYS).some(key => Object.keys(subObj).includes(key))\r\n // \r\n // \r\n if (isInclude && isDevice) {\r\n this.props.updateWeatherAssetData(this.props.assetData, subObj);\r\n }\r\n let isCurrent = (this.state.currentAsset && subObj.device && this.state.currentAsset.assetid === subObj.device.assetid);\r\n if (this.state.showHistory && isCurrent && isDevice) {\r\n this.updataHistoryData()\r\n }\r\n }\r\n }\r\n catch (e) {\r\n console.error('sub-error-alert', e);\r\n }\r\n }\r\n clearAssetData = () => {\r\n\r\n }\r\n\r\n refreshAlarm = (data) => {\r\n // \r\n try {\r\n if (data) {\r\n let dataObj = JSON.parse(data);\r\n // \r\n if (dataObj && dataObj.msgList) {\r\n // \r\n this.setState({\r\n alarmList: dataObj.msgList,\r\n alarmObj: dataObj\r\n });\r\n\r\n this.setState(prevState => {\r\n // \r\n for (let alarm of dataObj.msgList) {\r\n // \r\n // \r\n // \r\n if (alarm.assetid && alarm.attrsMap) {\r\n // \r\n if (!prevState.alarmSet[alarm.assetid]) {\r\n // \r\n prevState.alarmSet[alarm.assetid] = {};\r\n }\r\n // \r\n for (let attrubute in alarm.attrsMap) {\r\n prevState.alarmSet[alarm.assetid][attrubute] = {\r\n status: dataObj.status,\r\n value: alarm.attrsMap[attrubute].value,\r\n timestamp: alarm.attrsMap[attrubute].timestamp,\r\n }\r\n }\r\n }\r\n }\r\n\r\n return ({\r\n alarmSet: prevState.alarmSet,\r\n })\r\n });\r\n }\r\n }\r\n }\r\n catch (e) {\r\n console.error('sub-error-alarm', e);\r\n }\r\n };\r\n\r\n refreshAlarmSetObjByAlert = (alertPubsubData) => {\r\n this.setState(prevState => {\r\n let updateData = reformAlertPubsubData(alertPubsubData, prevState.alarmSetObj);\r\n return ({\r\n alarmSetObj: updateData,\r\n });\r\n }, () => {\r\n\r\n });\r\n }\r\n\r\n updateStatusAssetByAlert = (alertPubsubData) => {\r\n this.setState(prevState => {\r\n let updateData = updateStatusAsset(alertPubsubData, prevState.statusData);\r\n return ({\r\n statusData: updateData,\r\n });\r\n }, () => {\r\n\r\n })\r\n }\r\n\r\n refreshDeviceData = (data) => {\r\n // \r\n try {\r\n if (data) {\r\n // \r\n let dataObj = JSON.parse(data);\r\n // \r\n if (dataObj && dataObj.msgs && dataObj.msgs.length > 0 && dataObj.msgs[dataObj.msgs.length - 1].msg) {\r\n let hasAssetObj = this.props.assetData.some((item) => (item.assetid === dataObj.assetid));\r\n // \r\n // \r\n // \r\n if (hasAssetObj) {\r\n let msgObj = dataObj.msgs[dataObj.msgs.length - 1].msg;\r\n let isInclude = !Object.keys(msgObj).some(item => (Object.values(LIGHTING_KEYS).includes(item)));\r\n // \r\n // \r\n if (isInclude) {\r\n // updata asset data.\r\n // \r\n // this.props.updatePubSubAssetData(this.props.assetData, dataObj);\r\n this.loadAssetByCompanyClass();\r\n let isCurrent = (this.state.currentAsset && this.state.currentAsset.assetid === dataObj.assetid);\r\n if (this.state.showHistory && isCurrent) {\r\n this.updataHistoryData()\r\n }\r\n }\r\n }\r\n }\r\n }\r\n } catch (e) {\r\n console.error('sub-error-device', e);\r\n }\r\n }\r\n // -------------------------------------------------------------------------------------------\r\n toggle = (toggle, asset) => {\r\n\r\n if (toggle != undefined && toggle != null && typeof toggle === 'boolean') {\r\n // setShowHistory(toggle);\r\n this.setState({\r\n showHistory: toggle,\r\n }, async () => {\r\n await this.onShowHistoryChange(asset);\r\n if (this.state.interval === null) {\r\n let inIntervId = setInterval(this.reloadData, 900000);\r\n this.setState({\r\n interval: inIntervId\r\n })\r\n }\r\n\r\n });\r\n } else {\r\n // setShowHistory(!showHistory);\r\n this.setState(prevState => ({\r\n showHistory: !prevState.showHistory,\r\n }),\r\n async () => {\r\n this.onShowHistoryChange()\r\n await clearInterval(this.state.interval)\r\n this.setState({\r\n interval: null\r\n })\r\n }\r\n );\r\n }\r\n\r\n }\r\n\r\n reloadData = () => {\r\n let { currentAsset } = this.state;\r\n\r\n let endDateStr = moment().format('YYY-MM-DD');\r\n let assetId = currentAsset ? currentAsset.assetid : 0;\r\n this.props.clearWeatherAssetHistoryData();\r\n this.updataHistoryData();\r\n this.updateAttributeHistoryData();\r\n }\r\n\r\n handleFilterChange = (newState) => {\r\n this.setState(prevState => (\r\n { ...newState }\r\n ),\r\n () => {\r\n this.props.clearWeatherAssetHistoryData();\r\n this.updataHistoryData();\r\n this.updateAttributeHistoryData();\r\n }\r\n );\r\n }\r\n\r\n onShowHistoryChange = (asset) => {\r\n if (this.state.showHistory) {\r\n this.onHistoryShow(asset);\r\n } else {\r\n this.onHistoryHide();\r\n }\r\n }\r\n onHistoryShow = (asset) => {\r\n // let endtime = new Date();\r\n let endtime = moment();\r\n let starttime = moment(endtime).subtract(3, 'days');\r\n // let currentAsset = asset;\r\n let currentAsset = this.state.assetList.find((item, index) => (item.assetid === asset.assetid));\r\n if (!currentAsset) {\r\n currentAsset = this.state.assetList[0];\r\n }\r\n // let currentAsset = this.state.assetList[0];\r\n this.setState({\r\n currentAsset: currentAsset,\r\n startDateMoment: starttime,\r\n endDateMoment: endtime,\r\n },\r\n () => {\r\n this.updataHistoryData();\r\n this.updateAttributeHistoryData();\r\n }\r\n );\r\n }\r\n onHistoryHide = () => {\r\n this.props.clearWeatherAlarmCount();\r\n this.props.clearWeatherAssetHistoryData();\r\n }\r\n\r\n updataHistoryData = () => {\r\n let { currentAsset, startDateMoment, endDateMoment, startTime, endTime, isTimeDisabled } = this.state;\r\n // test timezone\r\n let startDateStr = startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '';\r\n let endDateStr = endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '';\r\n // let startDateStr = startDateMoment ? startDateMoment.format('YYYY-MM-DD') : '';\r\n // let endDateStr = endDateMoment ? endDateMoment.format('YYYY-MM-DD') : '';\r\n if (startDateStr === '' || endDateStr === '') {\r\n return;\r\n }\r\n if (startDateStr === endDateStr) {\r\n if (isTimeDisabled) {\r\n this.setState({\r\n isTimeDisabled: false,\r\n });\r\n }\r\n if (startTime && endTime) {\r\n let hourlyParam = {\r\n assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n starttime: `${startDateStr}:${startTime.value}:${endTime.value}`,\r\n cntHours: 1,//'2020-02-27',\r\n }\r\n this.props.getWeatherHourlyAlarmCount(hourlyParam);\r\n // return;\r\n }\r\n\r\n } else {\r\n if (!isTimeDisabled) {\r\n this.setState({\r\n isTimeDisabled: true,\r\n });\r\n }\r\n let param = {\r\n assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n // starttime: startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-20',\r\n // endtime: endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-27',\r\n starttime: startDateStr,\r\n endtime: endDateStr,\r\n }\r\n this.props.getWeatherAlarmCount(param);\r\n\r\n }\r\n // let param = {\r\n // assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n // starttime: startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-20',\r\n // endtime: endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-27',\r\n // }\r\n // this.props.getWeatherAlarmCount(param);\r\n\r\n // ----------------------------------------------------------------------------------\r\n\r\n // const assetCreteria = {\r\n // entity: currentAsset ? currentAsset.assetid : 0,\r\n // }\r\n // const historyCreteria = {\r\n // // entity: currentAsset ? currentAsset.assetid : 0,\r\n // // starttime: startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '',\r\n // // endtime: endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '',\\\r\n // ...assetCreteria,\r\n // starttime: startDateMoment ? startDateMoment.utc().valueOf(): 0,\r\n // endtime: endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf(),\r\n // }\r\n // this.props.getWeatherAssetHistoryData(historyCreteria);\r\n\r\n // this.props.getWeatherAsset24HData(assetCreteria);\r\n\r\n }\r\n\r\n updateAttributeHistoryData = () => {\r\n \r\n\r\n const { currentAsset, startDateMoment, endDateMoment, startTime, endTime, isTimeDisabled } = this.state;\r\n // test timezone\r\n // let startTimestamp = startDateMoment ? startDateMoment.utc().valueOf() : 0;\r\n // let endTimestamp = endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf();\r\n if(startDateMoment) var startDateStr = startDateMoment.format('YYYY-MM-DD');\r\n if(endDateMoment) var endDateStr = endDateMoment.format('YYYY-MM-DD')\r\n let startTimestamp = startDateMoment ? moment(`${startDateStr}T00`).utc().valueOf() : 0;\r\n let endTimestamp = endDateMoment ? moment(`${endDateStr}T24`).utc().valueOf() : moment().valueOf();\r\n\r\n\r\n\r\n if (startDateStr === endDateStr) {\r\n if (isTimeDisabled) {\r\n this.setState({\r\n isTimeDisabled: false,\r\n });\r\n }\r\n // if (startTimestamp != 0 && startTime && endTime) {\r\n // startTimestamp = startTimestamp + (Number(startTime.value) * 3600 * 1000);\r\n // endTimestamp = endTimestamp + (Number(endTime.value) * 3600 * 1000);\r\n\r\n // let startDateStr = startDateMoment.format('YYYY-MM-DD');\r\n if (startDateStr) {\r\n // test timezone\r\n // startTimestamp = moment(`${startDateStr}T${startTime.value}`).valueOf();\r\n // endTimestamp = moment(`${startDateStr}T${endTime.value}`).valueOf();\r\n startTimestamp = moment(`${startDateStr}T${startTime.value}`).utc().valueOf();\r\n endTimestamp = endTime ? moment(`${startDateStr}T${endTime.value}`).utc().valueOf() : moment().utc().valueOf();\r\n }\r\n }\r\n // \r\n // \r\n\r\n\r\n const assetCreteria = {\r\n entity: currentAsset ? currentAsset.assetid : 0,\r\n }\r\n const historyCreteria = {\r\n // entity: currentAsset ? currentAsset.assetid : 0,\r\n // starttime: startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '',\r\n // endtime: endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '',\\\r\n ...assetCreteria,\r\n starttime: startTimestamp, //startDateMoment ? startDateMoment.utc().valueOf(): 0,\r\n endtime: endTimestamp, //endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf(),\r\n }\r\n\r\n \r\n\r\n this.props.getWeatherAssetHistoryData(historyCreteria);\r\n\r\n this.props.getWeatherAsset24HData(assetCreteria);\r\n\r\n this.props.getLightning24HAlarmCount(currentAsset.assetid);\r\n }\r\n\r\n refreshAttributeHistoryData = (pubsubData) => {\r\n let { startDateMoment, endDateMoment, } = this.state;\r\n this.props.pubsubUpdateWeatherAssetHistoryData(pubsubData, startDateMoment, endDateMoment);\r\n this.props.pubsubUpdateWeatherAsset24HData(pubsubData);\r\n }\r\n // -------------------------------------------------------------------------------------------\r\n render() {\r\n // \r\n // \r\n // \r\n // \r\n let currentAssetData = null;\r\n let historyObjData = null\r\n let history24HObjData = null;\r\n\r\n //console.log(this.state.statusData)\r\n if (this.state.currentAsset && this.props.assetData) {\r\n currentAssetData = this.props.assetData.find((item) => (item.assetid == this.state.currentAsset.assetid));\r\n // \r\n }\r\n if (this.state.currentAsset && this.props.assetHistoryObj) {\r\n // \r\n if (this.props.assetHistoryObj[this.state.currentAsset.assetid]) {\r\n historyObjData = Object.values(this.props.assetHistoryObj[this.state.currentAsset.assetid]);\r\n // \r\n }\r\n }\r\n if (this.state.currentAsset && this.props.asset24HObj) {\r\n // \r\n if (this.props.asset24HObj[this.state.currentAsset.assetid]) {\r\n // history24HObjData = Object.values(this.props.asset24HObj[this.state.currentAsset.assetid]);\r\n history24HObjData = [];\r\n let dataList = Object.values(this.props.asset24HObj[this.state.currentAsset.assetid]);\r\n for (let attrname of ATTRIBUTE_NAME_ORDER) {\r\n let attr = dataList.find(item => (attrname == item.attributename));\r\n if (attr) {\r\n history24HObjData.push(attr);\r\n }\r\n }\r\n }\r\n // \r\n // \r\n }\r\n\r\n return (\r\n \r\n {/* */}\r\n {\r\n this.state.showHistory ?\r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n return state.weather;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n getWeatherAssetHistoryData,\r\n getWeatherAsset24HData,\r\n clearWeatherAssetHistoryData,\r\n updateWeatherAssetData,\r\n getWeatherHourlyAlarmCount,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n pubsubUpdateWeatherAsset24HData,\r\n getLightning24HAlarmCount,\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MainBoard);","/* eslint-disable */\r\nimport React, { Component, Fragment, PureComponent } from 'react';\r\n// import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, FormText, } from 'reactstrap';\r\nimport { Line } from 'react-chartjs-2';\r\nimport { Bar } from 'react-chartjs-2';\r\nimport { ALARM_META_ATTRI_OBJ, LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { ThemeIcon } from 'mdi-react';\r\nimport { Callbacks } from 'jquery';\r\nimport moment from 'moment';\r\n\r\nclass WeatherMixChart extends Component {\r\n renderKey = 0;\r\n renderMixChart = () => {\r\n // const dataset1 = [\r\n // {x:'2016-12-25T21:50:16.000+0000', y:20},\r\n // {x:'2016-12-26T22:50:16.000+0000', y:30},\r\n // {x:'2016-12-27T13:50:16.000+0000', y:50},\r\n // {x:'2016-12-27T23:50:16.000+0000', y:50},\r\n // {x:'2016-12-28T10:50:16.000+0000', y:40},\r\n // {x:'2016-12-28T22:50:16.000+0000', y:40},\r\n // {x:'2016-12-29T19:50:16.000+0000', y:10}\r\n // ];\r\n // const dataset2 = [\r\n // {x:'2016-12-25', y:10},\r\n // {x:'2016-12-26', y:40},\r\n // {x:'2016-12-27', y:30},\r\n // {x:'2016-12-28', y:20},\r\n // {x:'2016-12-29', y:50}\r\n // ];\r\n // const chartdata1 = [\r\n // {x:'2016-12-25', y:2},\r\n // {x:'2016-12-26', y:3},\r\n // {x:'2016-12-27', y:5},\r\n // {x:'2016-12-28', y:4},\r\n // {x:'2016-12-29', y:1},\r\n // {x:'2016-12-30', y:6}\r\n // ];\r\n // const chartdata2 = [\r\n // {x:'2016-12-25', y:1},\r\n // {x:'2016-12-26', y:4},\r\n // {x:'2016-12-27', y:3},\r\n // {x:'2016-12-28', y:2},\r\n // {x:'2016-12-29', y:5},\r\n // {x:'2016-12-30', y:6}\r\n // ];\r\n // const chartdata3 = [\r\n // {x:'2016-12-25', y:5},\r\n // {x:'2016-12-26', y:3},\r\n // {x:'2016-12-27', y:2},\r\n // {x:'2016-12-28', y:1},\r\n // {x:'2016-12-29', y:0},\r\n // {x:'2016-12-30', y:6}\r\n // ];\r\n\r\n const { isSmall, isDays } = this.props;\r\n\r\n let datasets = []\r\n let isLightning = false;\r\n let labelRight = '';\r\n let labelLeft = '';\r\n let windAveA = '';\r\n let windMaxA = '';\r\n let windAveB = '';\r\n let windMaxB = '';\r\n if(this.props.attributea == \"Wind_ave10\") {\r\n windAveA = this.props.attributea;\r\n } else if(this.props.attributea == \"Wind_max10\") {\r\n windMaxA = this.props.attributea;\r\n };\r\n \r\n if(this.props.attributeb == \"Wind_ave10\") {\r\n windAveB = this.props.attributeb;\r\n } else if(this.props.attributeb == \"Wind_max10\") {\r\n windMaxB = this.props.attributeb;\r\n };\r\n\r\n\r\n if (this.props && this.props.attributea) {\r\n let attrDataSet = setChartData(this.props, this.props.attributea, 'left-y-axis'); //'rgba(255,99,132,1)'\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n isLightning = attrDataSet.isLightning || isLightning;\r\n labelLeft = this.props.attributea;\r\n };\r\n\r\n\r\n if (this.props && this.props.attributeb) {\r\n if((windAveB || windMaxB) && (windAveA || windMaxA)) {\r\n let attrDataSet = setChartData(this.props, this.props.attributeb, 'left-y-axis'); //'rgba(99,132,255,1)'\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n isLightning = attrDataSet.isLightning || isLightning;\r\n labelLeft = labelLeft + \" + \" + this.props.attributeb;\r\n } else{\r\n let attrDataSet = setChartData(this.props, this.props.attributeb, 'right-y-axis'); //'rgba(99,132,255,1)'\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n isLightning = attrDataSet.isLightning || isLightning;\r\n labelRight = this.props.attributeb;\r\n }\r\n }\r\n datasets = datasets.filter((val) => {\r\n return val !== undefined\r\n && val !== null\r\n && typeof val === 'object'\r\n && val.hasOwnProperty('data');\r\n });\r\n\r\n\r\n // when switch on/off of two buttons several times (do not change to other buttons) there was a Getdataset -> _meta of undefined\r\n // did not know exact reason, but guess that may be because frequently update/change chartjs datasets, espacially, update multi dataset on both y-axis\r\n // so use {key} to force re-render instead of updating. So far the issue is gone. \r\n // this.renderKey = this.renderKey >= 10 ? 0 : this.renderKey + 1;\r\n\r\n\r\n const data = {\r\n // labels: chartlabel,\r\n datasets: datasets ? datasets : [],\r\n\r\n // datasets: [\r\n // {\r\n // label: this.props.attributea,\r\n // // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'white',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // pointRadius: 10,\r\n // // borderWidth: 0.2,\r\n // // barPercentage: 0.9,\r\n // // categoryPercentage: 0.6,\r\n // pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n // yAxisID: 'left-y-axis',\r\n // fill: false,\r\n // // data: chartdata1,\r\n // data: dataset1,\r\n // },\r\n // // {\r\n // // label: this.props.attributeb,\r\n // // // backgroundColor: 'rgba(99,132,255,0.2)',\r\n // // backgroundColor: 'white',\r\n // // borderColor: 'rgba(99,132,255,1)',\r\n // // pointRadius: 0,\r\n // // // borderWidth: 0.2,\r\n // // // barPercentage: 0.9,\r\n // // // categoryPercentage: 0.6,\r\n // // pointHoverBackgroundColor: 'rgba(99,132,255,0.4)',\r\n // // pointHoverBorderColor: 'rgba(255,99,132,255,1)',\r\n // // yAxisID: 'right-y-axis',\r\n // // fill: false,\r\n // // // data: chartdata1,\r\n // // data: dataset2,\r\n // // },\r\n // // {\r\n // // label: 'Alarm Orange',\r\n // // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // // borderColor: 'rgba(255,99,132,1)',\r\n // // // borderWidth: 0.2,\r\n // // barPercentage: 0.9,\r\n // // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // // data: chartdata2\r\n // // },\r\n // // {\r\n // // label: 'Alarm Yellow',\r\n // // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // // borderColor: 'rgba(255,99,132,1)',\r\n // // // borderWidth: 0.2,\r\n // // barPercentage: 0.9,\r\n // // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // // data: chartdata1\r\n // // }\r\n // {\r\n // label: 'Alarm Red',\r\n // // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'rgba(255,0,0,0.7)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // type: 'bar',\r\n // yAxisID: 'right-y-axis',\r\n // data: chartdata1,\r\n // },\r\n // {\r\n // label: 'Alarm Orange',\r\n // // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // backgroundColor: 'rgba(255,155,0,0.5)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // type: 'bar',\r\n // yAxisID: 'right-y-axis',\r\n // data: chartdata2\r\n // },\r\n // {\r\n // label: 'Alarm Yellow',\r\n // // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // backgroundColor: 'rgba(255,255,0,0.5)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // type: 'bar',\r\n // yAxisID: 'right-y-axis',\r\n // data: chartdata3\r\n // }\r\n // ]\r\n };\r\n const options = {\r\n aspectRatio: isSmall ? 1 : 3,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n scales: {\r\n bounds: 'data',\r\n // bounds: 'ticks',\r\n // xAxes: [{\r\n // // stacked: false,\r\n // // type: 'linear',\r\n // }],\r\n xAxes: [{\r\n type: 'time',\r\n \r\n afterBuildTicks: function (axis, ticks) {\r\n \r\n // max possible ticks\r\n const totElements = 30;\r\n if(ticks){\r\n // console.log(\"===this.ticks\", ticks);\r\n if (ticks.length <= totElements) {\r\n return ticks;\r\n };\r\n // this number is used to display a tick every n ticks\r\n const density = Math.trunc(ticks.length / totElements);\r\n \r\n if (isNaN(density)) {\r\n console.warn('Nan in ticks')\r\n return ticks;\r\n }\r\n return ticks.filter((t, index) => {\r\n // always show the first and the last tick\r\n if (index === 0 || index === ticks.length - 1) {\r\n return t;\r\n } else if (index % density === 0) {\r\n return t;\r\n }\r\n })\r\n };\r\n },\r\n distribution: 'series',\r\n // distribution: 'linear',\r\n offset: isLightning,\r\n bounds: 'ticks',\r\n source: 'auto',\r\n time: {\r\n unit: (isLightning || isSmall) && isDays ? 'day' : 'hour',\r\n // unit: 'hour',\r\n // stepSize: 3,\r\n // round: true,\r\n // parser: 'MMM DD HH'\r\n // parser: function (date) {\r\n // let test01 = moment(date).utcOffset('-0400');\r\n // let test02 = moment(date).utcOffset('+0400');\r\n // console.log(\"=======this.test01\", test01);\r\n // console.log(\"====test02\", test02);\r\n \r\n // return moment(date).utcOffset('-0400');\r\n // },\r\n displayFormats: {\r\n 'hour': 'MMM-DD hA',\r\n },\r\n\r\n // parser: function (date) {\r\n // return moment(date).utcOffset(\"-1500\");\r\n // },\r\n },\r\n \r\n \r\n ticks: {\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n //maxTicksLimit: 60,\r\n // sampleSize: 2,\r\n autoSkip: true,\r\n autoSkipPadding: 5,\r\n bounds: 'data',\r\n source: 'auto',\r\n includeBounds: true,\r\n //labelOffset: 10,\r\n },\r\n }],\r\n yAxes: [{\r\n // stacked: false,\r\n // type: 'linear',\r\n // offset: true,\r\n id: 'left-y-axis',\r\n position: 'left',\r\n distribution: 'series',\r\n display: this.props.attributea == \"Select A Statistic\" ? false : true,\r\n ticks: {\r\n // min: 0,\r\n // max: 70,\r\n display: !isSmall,\r\n // callback: function(value, index, values) {\r\n // if(value % 1 == 0 && value >= 0) {\r\n // return value;\r\n // }\r\n // },\r\n },\r\n scaleLabel: {\r\n display: !isSmall,\r\n labelString: labelLeft\r\n }\r\n },\r\n {\r\n id: 'right-y-axis',\r\n // type: 'linear',\r\n position: 'right',\r\n distribution: 'series',\r\n display: ((windAveA || windMaxA) && (windAveB || windMaxB)) || this.props.attributeb == \"Select A Statistic\" ? false : true,\r\n ticks: {\r\n // min: 0,\r\n // max: 70,\r\n display: !isSmall,\r\n // callback: function(value, index, values) {\r\n // if(value % 1 == 0 && value >= 0) {\r\n // return value;\r\n // }\r\n \r\n // },\r\n },\r\n scaleLabel: {\r\n display: !isSmall,\r\n labelString: labelRight\r\n },\r\n grid: {\r\n drawOnChartArea: false, // only want the grid lines for one axis to show up\r\n },\r\n }\r\n ]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n\r\n }\r\n // console.log(\"===options\", options);\r\n\r\n return (\r\n \r\n \r\n \r\n {this.renderSpinner(isLightning)}\r\n \r\n );\r\n }\r\n\r\n renderSpinner = (isLightning) => {\r\n // historyLoading = {this.props.assetHistoryLoading}\r\n // countLoading = {this.props.assetCountLoading}\r\n\r\n let loading = false;\r\n if (isLightning) {\r\n loading = this.props.historyLoading || this.props.countLoading || this.props.hourlyCountLoading;\r\n\r\n } else {\r\n loading = this.props.historyLoading;\r\n\r\n }\r\n\r\n // let loading = this.props.historyLoading || this.props.countLoading;\r\n return (\r\n \r\n {loading &&\r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {/* \r\n \r\n {this.renderMixChart()}\r\n \r\n */}\r\n {this.renderMixChart()}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction setChartData(props, attribute, y_axis_id) {\r\n let dataSet = [];\r\n let isLightning = false;\r\n if (attribute) {\r\n if (ALARM_META_ATTRI_OBJ.attributename === attribute) {\r\n const { countData } = props;\r\n if (countData) {\r\n\r\n\r\n let bardatared = [];\r\n let bardataorange = [];\r\n let bardatayellow = [];\r\n countData.forEach((item, index) => {\r\n let red = { x: item.date, y: item.red };\r\n let orange = { x: item.date, y: item.orange };\r\n let yellow = { x: item.date, y: item.yellow };\r\n bardatared.push(red);\r\n bardataorange.push(orange);\r\n bardatayellow.push(yellow);\r\n });\r\n\r\n const barDataSet = [\r\n { label: 'Alarm Red', backgroundColor: 'rgba(255,0,0,0.7)', data: bardatared },\r\n { label: 'Alarm Orange', backgroundColor: 'rgba(255,155,0,0.5)', data: bardataorange },\r\n { label: 'Alarm Yellow', backgroundColor: 'rgba(255,255,0,0.5)', data: bardatayellow }\r\n ];\r\n\r\n\r\n barDataSet.forEach(item => {\r\n const dataObj = {\r\n ...item,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n type: 'bar',\r\n yAxisID: y_axis_id\r\n }\r\n dataSet.push(dataObj);\r\n });\r\n isLightning = true;\r\n }\r\n }\r\n else {\r\n const { chartData } = props;\r\n if (chartData) {\r\n // console.log(\"===chartData\", chartData);\r\n let linedataset1 = null;\r\n // dataset1=this.props.chartData.filter((item)=>(item.attributename === this.props.attributea)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute1 = chartData.find((item) => (item.attributename === attribute));\r\n\r\n if (assetAttribute1) {\r\n linedataset1 = assetAttribute1.data;\r\n if (linedataset1) {\r\n const dataObj = {\r\n label: attribute,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: assetAttribute1.backgroundcolor,\r\n pointRadius: 1,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n yAxisID: y_axis_id,\r\n fill: false,\r\n // data: chartdata1,\r\n data: assetAttribute1.data,\r\n };\r\n dataSet.push(dataObj);\r\n }\r\n }\r\n };\r\n }\r\n }\r\n return { dataSet, isLightning };\r\n}\r\nexport default WeatherMixChart;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass SingleVarLineChartWidget extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={};\r\n }\r\n\r\n renderLineChart = (props) => {\r\n const {chartColor} = props;\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n\r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: 'Alarm Red',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n // backgroundColor: 'red',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n borderColor: chartColor,\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata1,\r\n data: this.props.assetData.data,\r\n },\r\n // {\r\n // label: 'Alarm Orange',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata2\r\n // },\r\n // {\r\n // label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata1\r\n // }\r\n ]\r\n };\r\n\r\n const options = {\r\n aspectRatio: 2,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n showScale: false,\r\n scales: {\r\n // bounds: 'data',\r\n // xAxes: [{\r\n // stacked: false,\r\n // type: 'category',\r\n // ticks:{\r\n \r\n // },\r\n // gridLines: {\r\n // // display: false,\r\n // // color: \"rgba(0, 0, 0, 0)\",\r\n // drawBorder: true,\r\n // }\r\n // }],\r\n xAxes: [{\r\n display: true,\r\n // position: 'bottom',\r\n type: 'time',\r\n distribution: 'series',\r\n // offset: true,\r\n time: {\r\n unit: 'day'\r\n },\r\n ticks:{\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n // sampleSize: 1,\r\n source: 'data',\r\n // display: false,\r\n fontColor: chartColor,\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n // \r\n if (index === 0) {\r\n return 'Last 24 hrs';\r\n } \r\n if (index === values.length - 1) {\r\n // \r\n return 'Now';\r\n }\r\n return null;\r\n }\r\n },\r\n gridLines: {\r\n // display: false,\r\n display: true,\r\n color: chartColor,\r\n // color: \"rgba(0, 0, 0, 0)\",\r\n drawBorder: true,\r\n drawOnChartArea: false,\r\n drawTicks: false,\r\n }\r\n }],\r\n yAxes: [{\r\n // stacked: false,\r\n display: true,\r\n // type: 'linear',\r\n position: 'left',\r\n // color:'black',\r\n // // offset: true,\r\n // scaleLabel: {\r\n // display: true,\r\n // },\r\n ticks: {\r\n // min: 0,\r\n // max: 70,\r\n // sampleSize: 3,\r\n display: false,\r\n fontColor: chartColor,\r\n // callback: function(value, index, values) {\r\n // // \r\n // if (index === 0) {\r\n // // \r\n // return values[0] + '/' + values[values.length-1];\r\n // }else{\r\n // return null;\r\n // }\r\n // // return null;\r\n // }\r\n },\r\n scaleLabel: {\r\n display: true,\r\n // labelString: '1k = 1000'\r\n },\r\n gridLines: {\r\n display: true,\r\n color: chartColor,\r\n // color: \"rgba(0, 0, 0, 0)\",\r\n drawBorder: true,\r\n drawOnChartArea: false,\r\n drawTicks: false,\r\n\r\n }\r\n }]\r\n },\r\n legend: {\r\n display: false,\r\n position: 'right',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n return(\r\n \r\n \r\n )\r\n }\r\n\r\n render(){\r\n // let backgroundColor = this.props.assetData.backgroundcolor;\r\n // let chartColor = 'white';\r\n\r\n let chartColor = this.props.assetData.backgroundcolor;\r\n let backgroundColor = 'white'\r\n let displayname = this.props.assetData.displayname;\r\n let value = this.props.assetData.lastvalue;\r\n let units = this.props.assetData.units;\r\n\r\n return(\r\n \r\n \r\n \r\n
\r\n \r\n {this.renderLineChart({chartColor})}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SingleVarLineChartWidget;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Line} from 'react-chartjs-2';\r\nimport './blinking.scss';\r\n\r\nclass SingleVarValueWidget extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n defaultStyle: {\r\n backgroundColor: 'white', \r\n },\r\n defaultFontStyle: {\r\n color: 'black',\r\n },\r\n style: {\r\n backgroundColor: 'white', \r\n },\r\n fontStyle: {\r\n color: 'black',\r\n },\r\n isOn: false,\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n \r\n if ( nextProps.assetData) {\r\n // \r\n // \r\n // \r\n // \r\n if ((nextProps.attributea && nextProps.attributea == nextProps.assetData.attributename) || (nextProps.attributeb && nextProps.attributeb == nextProps.assetData.attributename)){\r\n this.setState( prevState =>({\r\n style: {\r\n backgroundColor: nextProps.assetData.backgroundcolor, \r\n },\r\n fontStyle: {\r\n color: 'white',\r\n },\r\n isOn: !prevState.isOn\r\n }), () => {\r\n // alert(this.state.isOn)\r\n });\r\n }else{\r\n this.setState( prevState=>({\r\n style: prevState.defaultStyle,\r\n fontStyle: {color:nextProps.assetData.backgroundcolor},\r\n isOn: !prevState.isOn\r\n }), () => {\r\n // alert(this.state.isOn)\r\n });\r\n }\r\n }\r\n \r\n }\r\n\r\n onCardClick = (e) => {\r\n // alert('hello');\r\n if(this.props.assetData){\r\n // // alert('Yes');\r\n // if (this.state.isOn){\r\n // this.setState( prevState=>({\r\n // style: prevState.defaultStyle,\r\n // fontStyle: prevState.defaultFontStyle,\r\n // isOn: !prevState.isOn\r\n // }), () => {\r\n // // alert(this.state.isOn)\r\n // });\r\n // }else{\r\n // this.setState( prevState =>({\r\n // style: {\r\n // backgroundColor: this.props.assetData.backgroundcolor, \r\n // },\r\n // fontStyle: {\r\n // color: 'white',\r\n // },\r\n // isOn: !prevState.isOn\r\n // }), () => {\r\n // // alert(this.state.isOn)\r\n // });\r\n // }\r\n\r\n this.props.handleValueClick(this.props.assetData);\r\n }\r\n }\r\n render(){\r\n let attribute = '';\r\n let displayname = '';\r\n let value = '';\r\n let units = '';\r\n let newValue = '';\r\n let newUnits = '';\r\n if (this.props.assetData) {\r\n attribute = this.props.assetData.attributename;\r\n displayname = this.props.assetData.displayname;\r\n value = this.props.updatedValue ? this.props.updatedValue : this.props.assetData.value;\r\n units = this.props.assetData.units;\r\n }\r\n let valueStyle = this.state.fontStyle;\r\n let unitStyle = this.state.fontStyle;\r\n if (this.props.isBlink){\r\n valueStyle = {...valueStyle, animation: 'valueBlink 0.7s infinite'};\r\n // unitStyle = {className: 'alertColor'}\r\n unitStyle = {...unitStyle, color: '#ff7f7f'}\r\n }\r\n return(\r\n \r\n \r\n \r\n {/*
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SingleVarValueWidget;","/* eslint-disable */\r\nimport React, { Component, PureComponent, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Bar} from 'react-chartjs-2';\r\nimport {LIGHT_GREY_COLOR} from '../../../constants/dataConstants';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\n\r\nclass SingleAlarmBarChartWidget extends PureComponent {\r\n constructor(props){\r\n super(props);\r\n this.state={}\r\n }\r\n renderBarChart = () => {\r\n // const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n // const chartdata1 = [20,30,50,40,10];\r\n // const chartdata2 = [10,40,30,20,30];\r\n // const chartdata1 = [\r\n // {x:'2016-12-25', y:20},\r\n // {x:'2016-12-26', y:30},\r\n // {x:'2016-12-27', y:50},\r\n // {x:'2016-12-28', y:40},\r\n // {x:'2016-12-29', y:10}\r\n // ];\r\n // const chartdata2 = [\r\n // {x:'2016-12-25', y:10},\r\n // {x:'2016-12-26', y:40},\r\n // {x:'2016-12-27', y:30},\r\n // {x:'2016-12-28', y:20},\r\n // {x:'2016-12-29', y:50}\r\n // ];\r\n \r\n let chartdatared = [];\r\n let chartdataorange = [];\r\n let chartdatayellow = [];\r\n if (this.props.countData){\r\n this.props.countData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n let orange = {x: item.date, y: item.orange};\r\n let yellow = {x: item.date, y: item.yellow};\r\n chartdatared.push(red);\r\n chartdataorange.push(orange);\r\n chartdatayellow.push(yellow);\r\n });\r\n\r\n }\r\n \r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: 'Alarm Red',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatared,\r\n },\r\n {\r\n label: 'Alarm Orange',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n backgroundColor: 'rgba(255,155,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdataorange\r\n },\r\n {\r\n label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n backgroundColor: 'rgba(255,255,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatayellow\r\n }\r\n ]\r\n };\r\n \r\n let unit = this.props.units ==='day' ? 'day': 'hour';\r\n let rationOption = this.props.isSmall ? {responsive: true, maintainAspectRatio: false,} : { aspectRatio: 2, responsive: true, maintainAspectRatio: true,} \r\n const options = {\r\n // ...rationOption,\r\n aspectRatio: 2,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n showScale: false,\r\n scales: {\r\n // bounds: 'data',\r\n xAxes: [{\r\n type: 'time',\r\n distribution: 'series',\r\n offset: true,\r\n time: {\r\n // unit: 'day'\r\n // unit: unit\r\n },\r\n ticks:{\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n source: 'data',\r\n maxRotation: 0,\r\n padding: 10,\r\n callback: function(value, index, values) {\r\n // \r\n if (index === 0) {\r\n return 'Today';\r\n } \r\n if (index === values.length - 1) {\r\n // \r\n return '24 hrs';\r\n }\r\n return null;\r\n }\r\n },\r\n gridLines: {\r\n // display: false,\r\n display: true,\r\n // color: chartColor,\r\n color: 'grey',\r\n // color: \"rgba(0, 0, 0, 0)\",\r\n drawBorder: true,\r\n drawOnChartArea: false,\r\n drawTicks: false,\r\n }\r\n }],\r\n yAxes: [{\r\n // stacked: false,\r\n // type: 'linear',\r\n display: true,\r\n position: 'left',\r\n ticks: {\r\n // min: 0,\r\n display: false,\r\n },\r\n scaleLabel: {\r\n display: true,\r\n // labelString: '1k = 1000'\r\n },\r\n gridLines: {\r\n display: true,\r\n // color: chartColor,\r\n color: 'grey',\r\n // color: \"rgba(0, 0, 0, 0)\",\r\n drawBorder: true,\r\n drawOnChartArea: false,\r\n drawTicks: false,\r\n\r\n }\r\n }]\r\n },\r\n legend: {\r\n display: this.props.isSmall? false: true,\r\n // position: 'right',\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n renderSpinner = () => {\r\n let loading = this.props.loading ? this.props.loading : false;\r\n // historyLoading = {this.props.assetHistoryLoading}\r\n // countLoading = {this.props.assetCountLoading}\r\n // \r\n // let loading = false;\r\n // if (isLightning) {\r\n // loading = this.props.historyLoading || this.props.countLoading || this.props.hourlyCountLoading;\r\n // \r\n // } else{\r\n // loading = this.props.historyLoading;\r\n // \r\n // }\r\n\r\n // let loading = this.props.historyLoading || this.props.countLoading;\r\n return (\r\n \r\n { loading && \r\n \r\n );\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n \r\n \r\n
\r\n \r\n {this.renderBarChart()}\r\n {this.renderSpinner()}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SingleAlarmBarChartWidget;","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport {\r\n Container,\r\n Form,\r\n FormGroup,\r\n Card,\r\n CardBody,\r\n Row,\r\n Col,\r\n Button,\r\n Table,\r\n Input,\r\n Label,\r\n} from \"reactstrap\";\r\nimport MainBoard from \"./MainBoard\";\r\nimport AutorenewIcon from \"mdi-react/AutorenewIcon\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport Select from \"react-select\";\r\nimport WeatherBarChart from \"./WeatherBarChart\";\r\nimport WeatherLineChart from \"./WeatherLineChart\";\r\nimport WeatherMixChart from \"./WeatherMixChart\";\r\nimport SingleVarLineChartWidget from \"./SingleVarLineChartWidget\";\r\nimport SingleVarValueWidget from \"./SingleVarValueWidget\";\r\nimport SingleAlarmBarChartWidget from \"./SingleAlarmBarChartWidget\";\r\nimport StatusTable from \"./StatusTable\";\r\nimport { DateRangePicker } from \"react-dates\";\r\n// import {ChevronLeftIcon} from 'mdi-react';\r\nimport { BackButton } from \"../../../shared/components/Button/IconButton\";\r\nimport {\r\n TIME_OPTION,\r\n TIME_RANGE_OPTION,\r\n ATTRIBUTE_ORDER,\r\n ALARM_META_ATTRI_OBJ,\r\n TIME_ZONE,\r\n} from \"../../../constants/dataConstants\";\r\nimport { groupBy } from \"../../../factories/utils\";\r\nimport moment from \"moment\";\r\n\r\nconst customStyles = {\r\n control: (base) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n }),\r\n indicatorsContainer: (base) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n // container: (base) => ({\r\n // ...base,\r\n // display:'inline-block',\r\n // width: 500,\r\n // height: 20,\r\n // }),\r\n // valueContainer: (base) => ({\r\n // ...base,\r\n // minHeight: 20,\r\n // height: 10,\r\n // })\r\n};\r\n\r\nclass HistoryBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n selectedAsset: null,\r\n assets: [\r\n // {assetid: 1, assetname: 'sensor 1'},\r\n // {assetid: 2, assetname: 'sensor 2'},\r\n // {assetid: 3, assetname: 'sensor 3'},\r\n // {assetid: 4, assetname: 'sensor 4'},\r\n ],\r\n startTimeOptions: TIME_OPTION.filter((item, index) => index !== 24),\r\n endTimeOptions: TIME_OPTION.filter((item, index) => index !== 0),\r\n timeRangeOptions: TIME_RANGE_OPTION,\r\n activeTab: \"1\",\r\n attributea: \"Wind_ave10\",\r\n attributeb: \"Wind_max10\",\r\n activeChartTab: \"3\",\r\n };\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n //\r\n //\r\n //\r\n // let attrubuteChartData = setAttributeChartData(nextProps.historyData);\r\n //\r\n // console.log(\"qqqqqqqqqqqqqqqqqq\",nextContext)\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n // console.log(\"cccccccccccccc\",snapshot)\r\n }\r\n\r\n // ---------------------------------------------------------------------------------------------------------------\r\n\r\n // onRefreshClick = () => {\r\n\r\n // }\r\n tabToggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n });\r\n }\r\n };\r\n\r\n chartTabToggle = (tab) => {\r\n this.setState((prevState) => {\r\n if (prevState.activeChartTab !== tab) {\r\n return {\r\n activeChartTab: tab,\r\n };\r\n } else {\r\n return null;\r\n }\r\n });\r\n };\r\n\r\n handleValueClick = (data) => {\r\n const val = data.attributename;\r\n if (this.state.attributea && val == this.state.attributea) {\r\n this.setState((prevState) => ({\r\n attributea: prevState.attributeb ? prevState.attributeb : null,\r\n attributeb: null,\r\n // attributea: null,\r\n }));\r\n } else if (this.state.attributeb && val == this.state.attributeb) {\r\n this.setState({\r\n attributeb: null,\r\n });\r\n } else if (!this.state.attributea) {\r\n this.setState({\r\n attributea: val,\r\n });\r\n } else if (!this.state.attributeb) {\r\n this.setState({\r\n attributeb: val,\r\n });\r\n } else if (val != this.state.attributea && val != this.state.attributeb) {\r\n // else{\r\n this.setState((prevState) => ({\r\n attributea: prevState.attributeb,\r\n attributeb: val,\r\n }));\r\n }\r\n // this.setState({\r\n // attributea: val,\r\n // });\r\n };\r\n\r\n handleValueSelectOne = (data) => {\r\n let val;\r\n if (data) {\r\n val = data.attributename;\r\n this.setState({\r\n attributea: val,\r\n });\r\n } else {\r\n this.setState({\r\n attributea: \"Select A Statistic\",\r\n })\r\n }\r\n };\r\n\r\n handleValueSelectTwo = (data) => {\r\n let val;\r\n if (data) {\r\n val = data.attributename;\r\n this.setState({\r\n attributeb: val,\r\n });\r\n } else {\r\n this.setState({\r\n attributeb: \"Select A Statistic\",\r\n })\r\n }\r\n };\r\n\r\n handleAssetChange = (value) => {\r\n //\r\n // this.setState({\r\n // selectedAsset: value,\r\n // });\r\n\r\n this.props.handleFilterChange({\r\n currentAsset: value,\r\n // startTime: null,\r\n // endTime: null,\r\n });\r\n };\r\n\r\n handleDateRangeChange = (value, action) => {\r\n this.setState({\r\n startTimeOptions: TIME_OPTION.filter((item, index) => index !== 24),\r\n endTimeOptions: TIME_OPTION.filter((item, index) => index !== 0),\r\n });\r\n // let newStartTime = moment(value.startDate).utcOffset('-1200').toLocaleString('en-US');\r\n this.props.handleFilterChange({\r\n // startDateMoment: value.startDate,\r\n startDateMoment: value.startDate,\r\n endDateMoment: value.endDate,\r\n startTime: TIME_OPTION[0],\r\n endTime: TIME_OPTION[24],\r\n // startTime: null,\r\n // endTime: null,\r\n });\r\n \r\n };\r\n\r\n handleStartTimeChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n endTimeOptions: TIME_OPTION,\r\n });\r\n } else {\r\n let selectedIndex = value.index;\r\n this.setState({\r\n endTimeOptions: TIME_OPTION.filter(\r\n (item, index) => index > selectedIndex\r\n ),\r\n });\r\n }\r\n this.props.handleFilterChange({\r\n startTime: value,\r\n endTime: null,\r\n });\r\n };\r\n\r\n handleEndTimeChange = (value) => {\r\n this.props.handleFilterChange({\r\n endTime: value,\r\n });\r\n };\r\n\r\n backOnClick = (e) => {\r\n this.props.toggle();\r\n };\r\n\r\n renderFilter = () => {\r\n return (\r\n \r\n {currentAttributeData &&\r\n currentAttributeData.map((item) => {\r\n let isBlink = false;\r\n let updatedValue = null;\r\n // if (this.props.currentAsset && this.props.alarmObj && this.props.alarmObj.msgList) {\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (this.props.currentAsset.assetname === alarm.assetname && alarm.attributeList && alarm.attributeList.includes(item.attributename) && this.props.alarmObj.status == true){\r\n // isBlink = true;\r\n // break;\r\n // }\r\n // }\r\n // }\r\n\r\n if (this.props.currentAsset && this.props.alarmSet) {\r\n let assetid = this.props.currentAsset.assetid;\r\n\r\n if (\r\n this.props.alarmSet[assetid] &&\r\n this.props.alarmSet[assetid][item.attributename]\r\n ) {\r\n //\r\n isBlink = this.props.alarmSet[assetid][item.attributename]\r\n .status;\r\n // let itemTime = new Date(item.timestamp);\r\n // let alarmTime = new Date(this.props.alarmSet[assetid][item.attributename].timestamp);\r\n //\r\n //\r\n // if (alarmTime > itemTime){\r\n // updatedValue = this.props.alarmSet[assetid][item.attributename].value;\r\n //\r\n // }\r\n }\r\n }\r\n // -------------------------------------\r\n if (this.props.currentAsset && this.props.alarmSetObj) {\r\n let assetid = this.props.currentAsset.assetid;\r\n this.props.alarmSetObj[assetid] &&\r\n Object.entries(this.props.alarmSetObj[assetid]).forEach(\r\n ([key, value], index) => {\r\n if (value[item.attributename]) {\r\n isBlink = isBlink || value[item.attributename].status;\r\n }\r\n }\r\n );\r\n }\r\n // --------------------------------------\r\n return (\r\n options.isdisabled}\r\n onChange={this.handleValueSelectOne}\r\n placeholder={placeHolder()}\r\n autoFocus={true}\r\n />\r\n );\r\n };\r\n\r\n renderSingleValueListTwo = (currentAttributeData) => {\r\n let data = currentAttributeData;\r\n const dataArray = [];\r\n\r\n for (let i = 0; i < data.length; i++) {\r\n dataArray.push({ value: data[i].value, label: data[i].displayname, attributename: data[i].attributename, isdisabled: false });\r\n }\r\n \r\n const options = this.disableOption(dataArray);\r\n\r\n const placeHolder = () => {\r\n return this.state.attributeb == \"Wind_max10\" ? \"Wind Max\" : \"-Select-\"\r\n }\r\n return (\r\n options.isdisabled}\r\n onChange={this.handleValueSelectTwo}\r\n placeholder={placeHolder()}\r\n autoFocus={true}\r\n />\r\n );\r\n };\r\n\r\n renderBackButton = () => {\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n onRefresh = () => {\r\n this.props.updataHistoryData();\r\n this.props.updateAttributeHistoryData();\r\n };\r\n\r\n render() {\r\n const tabPaneStyle = { backgroundColor: \"#F8F8F8\", padding: \"15px\" };\r\n const setTabStyle = (isActive) => {\r\n return {\r\n backgroundColor: isActive ? \"#F8F8F8\" : \"white\",\r\n };\r\n };\r\n\r\n const setChartTabStyle = (isActive) => {\r\n return {\r\n backgroundColor: isActive ? \"white\" : \"#F8F8F8\",\r\n };\r\n };\r\n\r\n\r\n // let filtedHistoryData = filterHistoryData(this.props.historyData);\r\n\r\n let filteredHistoryData = this.props.allAttriList;\r\n // console.log(\"===filtedHistoryData\", filtedHistoryData);\r\n\r\n // let attrubuteChartData = setAttributeChartData(filtedHistoryData);\r\n let attrubuteChartData = this.props.history24HObjData;\r\n if (attrubuteChartData) {\r\n attrubuteChartData = attrubuteChartData.filter(\r\n (item) => item.attributename != \"Battery\"\r\n );\r\n }\r\n let currentAttributeData = setCurrentAttribute(this.props.currentAssetData);\r\n if (this.props.currentAssetData) {\r\n if (this.props.currentAssetData.grouping != \"wind\") {\r\n currentAttributeData.push(ALARM_META_ATTRI_OBJ);\r\n }\r\n }\r\n\r\n // alphabetical Older\r\n if (this.props.assetList) {\r\n this.props.assetList.sort(function (a, b) {\r\n const nameA = a.assetname.toUpperCase();\r\n const nameB = b.assetname.toUpperCase();\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n if (nameA > nameB) {\r\n return 1;\r\n }\r\n\r\n return 1;\r\n });\r\n }\r\n // }\r\n // let attrubuteChartData = setAttributeChartData(this.props.historyData);\r\n return (\r\n \r\n \r\n assetname}\r\n getOptionValue={({ assetid }) => assetid}\r\n placeholder={\"Select A Station ...\"}\r\n value={this.props.currentAsset}\r\n // defaultValue={}\r\n onChange={this.handleAssetChange}\r\n // style={{ minWidth: \"500px\" }}\r\n />\r\n \r\n {/* {this.renderFilter()} */}\r\n \r\n \r\n {\" \"}\r\n {\"< Back\"}{\" \"}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n {/* \r\n
\r\n \r\n {attrubuteChartData && attrubuteChartData.map((item)=>(\r\n
\r\n \r\n
*/}\r\n {/* \r\n
*/}\r\n {/*
*/}\r\n {/*\r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default HistoryBoard;\r\n\r\n// const ATTRIBUTE_ORDER = [\r\n// {\r\n// attributename: 'Temperature',\r\n// backgroundcolor: '#b20000',\r\n// units: '\\u00b0C'\r\n// },\r\n// {\r\n// attributename: 'Pressure',\r\n// backgroundcolor: 'purple',\r\n// units: 'hPa'\r\n// },\r\n// {\r\n// attributename: 'Humidity',\r\n// backgroundcolor: '#3EA99F', // blue green\r\n// units: '%'\r\n// },\r\n// // {\r\n// // attributename: 'Temperature',\r\n// // backgroundcolor: 'red',\r\n// // },\r\n// {\r\n// attributename: 'Irradiation',\r\n// backgroundcolor: 'orange',\r\n// units: 'W/m2'\r\n// },\r\n// {\r\n// attributename: 'Battery',\r\n// backgroundcolor: 'green',\r\n// units: 'V'\r\n// },\r\n// {\r\n// attributename: 'Rain',\r\n// backgroundcolor: 'blue',\r\n// units: 'mm'\r\n// }\r\n// ]\r\n\r\nfunction filterHistoryData(historyData) {\r\n let reData = [];\r\n if (!historyData) {\r\n return reData;\r\n }\r\n let attributeArr = ATTRIBUTE_ORDER.map((item) => item.attributename);\r\n attributeArr.push(\"Alarm\");\r\n reData = historyData.filter(\r\n (item) =>\r\n item.type === \"device\" && attributeArr.includes(item.attributename)\r\n );\r\n return reData;\r\n}\r\n\r\nfunction setAttributeChartData(historyData) {\r\n let reData = [];\r\n // if ( !historyData){\r\n // return reData;\r\n // }\r\n let now = new Date();\r\n let before24 = new Date(now.getTime() - 24 * 3600 * 1000);\r\n if (historyData) {\r\n const data24 = historyData.filter((item, index) => {\r\n // const itemTime = new Date(item.timestamp);\r\n const itemTime = new Date(item.attritime);\r\n return (\r\n // item.type === 'device' &&\r\n itemTime >= before24 && itemTime <= now\r\n );\r\n });\r\n\r\n const dataMap = groupBy(data24, (asset) => asset.attributename);\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n let attrData = dataMap.get(attr.attributename);\r\n if (attrData) {\r\n let currentValue = attrData[attrData.length - 1].value;\r\n let timestamp = attrData[attrData.length - 1].attritime;\r\n let dataList = attrData.map((item) => ({\r\n x: item.attritime,\r\n y: item.value,\r\n }));\r\n let attrDataObj = {\r\n ...attr,\r\n value: currentValue,\r\n timestamp: timestamp,\r\n data: dataList,\r\n };\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n } else {\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n if (attrData) {\r\n let dataList = [\r\n { x: before24.toString(), y: 0 },\r\n { x: now.toString(), y: 0 },\r\n ];\r\n let attrDataObj = { ...attr, value: 0, timestamp: null, data: null };\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n }\r\n return reData;\r\n}\r\n\r\nfunction setCurrentAttribute(currentAssetData) {\r\n let reData = [];\r\n if (!currentAssetData) {\r\n return reData;\r\n }\r\n if (currentAssetData && currentAssetData.attributes)\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n if (!attr.selected) {\r\n continue;\r\n }\r\n let attrObj = currentAssetData.attributes.find(\r\n (item) =>\r\n attr.attributename == item.attributename &&\r\n item.attributename != \"Battery\"\r\n );\r\n if (attrObj) {\r\n let currentValue = attrObj.value;\r\n let timestamp = currentAssetData.timestamp;\r\n // let dataList = attrData.map((item) => ({x: item.attritime, y: item.value}));\r\n let attrDataObj = {\r\n ...attr,\r\n value: currentValue,\r\n timestamp: timestamp,\r\n };\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n return reData;\r\n}\r\n","/* eslint-disable */\r\nimport React from 'react';\r\n\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport WeatherMainBoard from './components/WeatherMainBoard';\r\nimport HistoryBoard from './components/HistoryBoard';\r\nimport MainBoard from './components/MainBoard';\r\nimport { getCurrentUser } from '../../factories/auth';\r\nimport {UserContext} from '../../constants/myContexts';\r\n\r\nconst WeatherPage = (props) => {\r\n // let userObj = getCurrentUser();\r\n let {userObj} = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error('Can not fetch login user information, Please re-login.');\r\n props.history.push('/log_out');\r\n } else {\r\n \r\n }\r\n\r\n // let [showHistory, setShowHistory] = React.useState(false);\r\n \r\n // const toggle = (toggle) => {\r\n // if (toggle != undefined && toggle != null && typeof toggle === 'boolean'){\r\n // setShowHistory(toggle);\r\n // }else{\r\n // setShowHistory(!showHistory);\r\n // }\r\n \r\n // }\r\n\r\n return (\r\n \r\n {/* \r\n {\r\n lightBlink === pulseClass &&\r\n */}\r\n\r\n \r\n {\r\n lightBlink === pulseClass &&\r\n \r\n \r\n );\r\n}\r\n\r\nexport default DonutWidget;","/* eslint-disable */\r\nimport React, { Component, useState, Fragment } from 'react';\r\nimport { GREY_COLOR } from '../../../constants/dataConstants';\r\nimport './blinking.scss';\r\n\r\nconst BatteryWidget = (props) => {\r\n let {id, level, style} = props;\r\n\r\n const rederBarrery = () => {\r\n \r\n if(level != null && level != undefined){\r\n switch(level){\r\n /* case -1:\r\n return(\r\n \r\n {renderNull()}\r\n \r\n )\r\n case 0:\r\n return(\r\n \r\n {renderEmpty()}\r\n \r\n )\r\n case 1:\r\n return(\r\n \r\n {renderLow()}\r\n \r\n )\r\n case 2:\r\n return(\r\n \r\n {renderMidamLow()}\r\n \r\n )\r\n case 3:\r\n return(\r\n \r\n {renderMidamHigh()}\r\n \r\n )\r\n case 4:\r\n return(\r\n \r\n {renderFull()}\r\n \r\n ) */\r\n /* case -1:\r\n return(\r\n \r\n {renderNull()}\r\n \r\n )\r\n case 0:\r\n return(\r\n \r\n {renderEmpty()}\r\n \r\n )\r\n case 1:\r\n return(\r\n \r\n {renderLow()}\r\n \r\n ) */\r\n case 0:\r\n return(\r\n \r\n {renderLow()}\r\n \r\n )\r\n case 4:\r\n return(\r\n \r\n {renderMidamHigh()}\r\n \r\n )\r\n case 5:\r\n return(\r\n \r\n {renderFull()}\r\n \r\n )\r\n default: \r\n return null;\r\n }\r\n }\r\n }\r\n\r\n const renderEmpty = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {rederBarrery()}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default BatteryWidget;","/* eslint-disable */\r\nimport React, { Component, Fragment, useState, useEffect } from 'react';\r\nimport { Container, Card, CardBody, CardFooter, Row, Col, Button, Label, UncontrolledTooltip } from 'reactstrap';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport DonutWidget from './DonutWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport AttribureIcon from './AttributeIcon';\r\nimport {\r\n ATTRIBUTE_TYPE,\r\n ATTRIBUTE_NAME,\r\n TIME_ZONE,\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ATTRIBUTE_WIND_ORDER,\r\n ALARM_META_ATTRI_OBJ,\r\n LEGEND_LIST,\r\n xxSmallTextStyle,\r\n xSmallTextStyle,\r\n smallTextStyle,\r\n normalTextStyle,\r\n} from '../../../constants/dataConstants';\r\nimport { lightningColorMaper } from '../../../factories/weather';\r\nimport styled, { keyframes, css } from \"styled-components\";\r\nimport './blinking.scss';\r\nimport { ConsoleIcon, RelativeScaleIcon } from 'mdi-react';\r\n\r\nconst valueRowStyle = {\r\n // margin: '5px 10px',\r\n // padding: '5px',\r\n margin: '5px 1px',\r\n padding: '2px 1px',\r\n justifyContent: 'center',\r\n // lineHeight: '30px',\r\n // minHeight: '30px'\r\n}\r\n\r\nconst rowClass = {\r\n // color: 'black', \r\n // fontWeight: 'normal',\r\n margin: '5px 10px',\r\n padding: '5px 30px',\r\n justifyContent: 'space-evenly', //'center'\r\n alignContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px',\r\n // backgroundColor: GREEN_COLOR, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n color: 'white',\r\n position: 'relative',\r\n // animation: 'alertBlink 1s infinite',\r\n}\r\nconst backClass = {\r\n position: 'absolute',\r\n top: '0',\r\n left: '0',\r\n width: '100%',\r\n height: '100%',\r\n backgroundColor: GREEN_COLOR, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n animation: 'alertBlink 1s infinite',\r\n}\r\nconst testClass = {\r\n color: 'black',\r\n position: 'absolute',\r\n display: 'flex',\r\n alignContent: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'space-evenly',\r\n top: '0',\r\n left: '0',\r\n width: '100%',\r\n height: '100%',\r\n fontSize: '2.5vh',\r\n lineHeight: '2.5vh'\r\n}\r\n\r\nconst AttributeListWidget = ({ alarmSet, asset, isSmall, toggle, activeTab }) => {\r\n\r\n if(asset.assetid!=null){\r\n let data=asset;\r\n let deviceid=null;\r\n data.attributes['LastOccupancy'].sort((a,b) => (a.value < b.value) ? 1 : ((b.value < a.value) ? -1 : 0));\r\n asset.factorDeviceId=data.attributes['LastOccupancy'][0].deviceid; \r\n }\r\n\r\n let alarmObj = alarmSet ? alarmSet[asset.assetid] : null;\r\n let donutData = setDonut(alarmObj, asset.attributes)\r\n\r\n return \r\n {isSmall &&\r\n \r\n
\r\n}\r\n\r\nconst BatteryDisplayElement = ({ alarmObj, attributeName, valArray, isSmall }) => {\r\n return (\r\n \r\n {valArray && valArray.map((val, index) => {\r\n var deviceIdRegNero = new RegExp(\"1B30D[a-zA-Z0-9]{2}|NS[0-9]{8}\");\r\n if (!deviceIdRegNero.test(val.deviceid + val.devicename)) {\r\n let value = parseFloat(val.value);\r\n const id = `battery_${index}`;\r\n if (alarmObj && alarmObj[val.deviceid] && alarmObj[val.deviceid][attributeName]) {\r\n value = alarmObj[val.deviceid][attributeName].value;\r\n }\r\n let level = 0\r\n let percentage = \"0%\";\r\n if (Number.isNaN(value)) {\r\n level = -1;\r\n percentage = \"No Battery Detected\";\r\n }\r\n if (!Number.isNaN(value) && value > 3.6 && value < 4.3) {\r\n //full battery: 4.3 | Empty battery 3.6\r\n level = Math.round((((value - 3.6) / .7) * 5) - .5);\r\n percentage = Math.round(((value - 3.6) / .7) * 100) + \"%\"\r\n }\r\n if (value >= 4.3) {\r\n level = 4;\r\n percentage = \"100%\"\r\n }\r\n // \r\n let tooltiptext = !val.devicename || val.devicename.length == 0 ? 'No device name - ' + val.deviceid+\" - \"+percentage : val.devicename + \" - \"+ val.deviceid+\" - \" + percentage;\r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n })}\r\n\r\n
\r\n )\r\n}\r\n\r\nconst AttributeDisplayElement = ({ alarmObj, attr, asset, isSmall }) => {\r\n const attributeName = attr.attributename;\r\n let valArray = null;\r\n let status = false;\r\n let groupData = null;\r\n\r\n if (asset.attributes && Array.isArray(asset.attributes[attributeName]) && asset.attributes[attributeName].length > 0) {\r\n valArray = asset.attributes[attributeName];\r\n if (attr.group) {\r\n groupData = []\r\n\r\n attr.group.forEach(item => {\r\n let valObj = {\r\n ...item,\r\n displayVal: null,\r\n };\r\n if (asset.attributes[item.attributename] && asset.attributes[item.attributename].length > 0) {\r\n valObj = {\r\n ...item,\r\n displayVal: asset.attributes[item.attributename][0],\r\n }\r\n }\r\n groupData.push(valObj);\r\n });\r\n }\r\n\r\n }\r\n\r\n let displayVal = valArray ? valArray[0] : null;\r\n\r\n if (attributeName === 'hexAlarm') {\r\n return (\r\n \r\n {isSmall &&\r\n \r\n
\r\n\r\n )\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst assetnameFormat = (cell, toggle) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n toggle(true, cell);\r\n }\r\n return (\r\n { handleDeviceOnClick(e, cell.assetname); }}>{cell.assetname}\r\n )\r\n}\r\n\r\nconst timestampFormat = (cell) => {\r\n if (cell) {\r\n if(cell.charAt(0)==\"+\"){\r\n cell=new Date().getFullYear()+cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return displayTime;\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nconst batteryLevel = (asset) => {\r\n let batteryByte;\r\n\r\n if(asset.attributes){\r\n batteryByte = asset.attributes.OccupancyBattery[0].value;\r\n if(batteryByte == null)\r\n batteryByte = 1;\r\n }\r\n \r\n return batteryByte;\r\n}\r\n\r\nconst occupancyTimeFormat = (asset) => {\r\n let unformattedTime;\r\n\r\n if(asset.attributes){\r\n \r\n for (let n=0;nLast Occupied
{displayTime}\r\n\r\n }\r\n else\r\n returnLast Message
{displayTime}\r\n\r\n }\r\n else\r\n return{splitString};\r\n\r\n}\r\n\r\nfunction rowClassGnerator(status, item, attributeName, color = GREEN_COLOR, hasrule = false, isSmall = false) {\r\n let backgroupdColor = attributeName === 'Battery' ? 'white' : hasrule ? color : GREY_COLOR;\r\n let horizontalAlign = attributeName != 'Battery' && isSmall ? 'space-between' : 'space-evenly'; //'center';\r\n let alarmColor = backgroupdColor;\r\n\r\n if (attributeName !== 'hexAlarm') {\r\n alarmColor = RED_COLOR;\r\n }\r\n\r\n let reClass = {\r\n margin: '5px 10px',\r\n padding: '6px 30px',\r\n justifyContent: horizontalAlign, //'center'\r\n alignContent: 'center',\r\n lineHeight: isSmall ? null : '30px',\r\n height: isSmall ? null : '30px',\r\n backgroundColor: backgroupdColor,\r\n color: 'black',\r\n };\r\n\r\n if (status == true) {\r\n return ({\r\n ...reClass,\r\n backgroundColor: alarmColor,\r\n animation: 'alertBlink 1s infinite',\r\n });\r\n } else {\r\n return ({\r\n ...reClass,\r\n })\r\n }\r\n}\r\n\r\nfunction setDonut(alarmObj, attributes) {\r\n\r\n\r\n let reValue = { status: 0, color: 'white' };\r\n\r\n if (attributes && attributes['Alarm'] && attributes['Alarm'].length > 0) {\r\n const color = lightningColorMaper(attributes['Alarm'][0].value);\r\n const status = attributes['Alarm'][0].status ? 1 : 0;\r\n reValue = {\r\n ...reValue,\r\n status,\r\n color,\r\n }\r\n }\r\n\r\n if (attributes) {\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display && item.attributename != 'Alarm').forEach(attr => {\r\n let attributename = attr.attributename;\r\n Array.isArray(attributes[attributename]) && attributes[attributename].forEach(vattr => {\r\n if (vattr.status) {\r\n reValue = {\r\n ...reValue,\r\n status: 1,\r\n color: RED_COLOR,\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n if (alarmObj) {\r\n for (let key in alarmObj) {\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n if (attr.hasrule == true && alarmObj[key][attr.attributename] && alarmObj[key][attr.attributename].status == true) {\r\n reValue = {\r\n ...reValue,\r\n status: 1, //0, \r\n color: RED_COLOR,\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return reValue\r\n}\r\n\r\nexport default AttributeListWidget;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {Container, Row, Col, Button, Label, } from 'reactstrap';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport DonutWidget from './DonutWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport AttributeListWidget from './AttributeListWidget';\r\nimport {TIME_ZONE} from '../../../constants/dataConstants';\r\nimport {weatherSeverity, hex2bin, splitStatusValue} from '../../../factories/utils';\r\n\r\nconst OccupancyMapInfo = ({props, toggle, alarmSetObj, statusDataProp }) => {\r\n let alarm = 0;\r\n let hexAlarm = null;\r\n let activeTab = 1;\r\n if (props.asset!=null){\r\n if(props.asset.grouping == \"wind\"){\r\n activeTab = 2;\r\n }\r\n }\r\n\r\n const tableTimeColoumnFormater = (cell) => {\r\n if (cell) {\r\n try{\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE }); \r\n return(\r\n {displayTime}\r\n );\r\n }\r\n catch(e){\r\n return null;\r\n }\r\n }else{\r\n return null;\r\n }\r\n \r\n }\r\n \r\n const asset = props && props.asset ? props.asset : {};\r\n\r\n return(\r\n // {lastTimeReceived} \r\n `${lastTimeReceived}`\r\n )\r\n }\r\n\r\n monthlyOccupied = (cell, row) => {\r\n let redCount = [];\r\n if(this.props.countListData) {\r\n let countData = this.props.countListData;\r\n let countDataKeys = Object.keys(countData);\r\n \r\n for(let i in countDataKeys) {\r\n if(row.assetid.toString()) {\r\n if(row.assetid === parseInt(countDataKeys[i])) {\r\n Object.values(countData)[i].forEach((item, index) => {\r\n let accessCounts = {access: item.red};\r\n redCount.push(accessCounts);\r\n });\r\n }\r\n } \r\n }\r\n }\r\n const calendarMonthAccess = redCount.reduce((calendarMonthAccess, object) => {\r\n return calendarMonthAccess + object.access;\r\n }, 0);\r\n\r\n return(\r\n `${calendarMonthAccess}` ? `${calendarMonthAccess}` : \"N/A\"\r\n )\r\n }\r\n\r\n lastOccupied = (cell, row) => {\r\n let lastTimeOccupied;\r\n if(cell.LastOccupancy){\r\n for (let n=0;n{lastTimeOccupied} \r\n `${lastTimeOccupied}`\r\n )\r\n\r\n }\r\n \r\n occupancyStatus = (cell, row) => {\r\n let donutColor;\r\n let occupancyMessage;\r\n \r\n // const timer = () => {\r\n // setTimeout(switchStatus, 360000)\r\n // }\r\n\r\n // const switchStatus = () => {\r\n // if(occupancyMessage == \"Recently Occupied\"){\r\n // occupancyMessage = \"Unoccupied\";\r\n // donutColor = GREEN_COLOR;\r\n // }\r\n // };\r\n // console.log(\"===cell\", cell);\r\n // console.log(\"===row\", row);\r\n \r\n if(cell.Alarm){\r\n let occupancyStatus;\r\n for (let n=0;n\r\n \r\n {occupancyMessage}\r\n
\r\n // `${occupancyMessage}`\r\n )\r\n } \r\n\r\n assetnameFormat = (cell, row) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n this.props.toggle(true, row);\r\n }\r\n return (\r\n { handleDeviceOnClick(e, cell); }}>{cell}\r\n )\r\n }\r\n\r\n batteryRenderCSV = (cell, row) => {\r\n let batteryLevel;\r\n\r\n if(cell.OccupancyBattery){\r\n for (let n=0;n\r\n // \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n renderSpinner = () => {\r\n return (\r\n \r\n {this.props.loading && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n };\r\n //--------------------------------------------------------------------\r\n render() {\r\n let height = \"400px\";\r\n if (this.props.height) {\r\n height = this.props.height;\r\n }\r\n return (\r\n \r\n
\r\n );\r\n };\r\n // --------------------------------------------------------------------------\r\n renderLegend = () => {\r\n let legendList = [\r\n { color: \"gray\", label: \"No Activity\" },\r\n { color: \"red\", label: \"Lightning near (<5km)\" },\r\n { color: \"orange\", label: \"Lightning approaching (5km to 15km)\" },\r\n { color: \"yellow\", label: \"Lightning Detected (+15km)\" },\r\n { color: \"green\", label: \"All Clear\" },\r\n ];\r\n if (!this.props.isSmall) {\r\n return (\r\n \r\n {/* */}\r\n {/*
\r\n
*/}\r\n\r\n {/* { \r\n } */}\r\n\r\n {/* {this.props.statusDataProp && this.props.statusDataProp.map((item, index) => (\r\n |
\r\n {statusDataProp.map((item, index) =>\r\n index >= this.state.pageRange * 9 &&\r\n index < (this.state.pageRange + 1) * 9 ? (\r\n \r\n \r\n
\r\n */}\r\n {/*
*/}\r\n {/* {props.timestamp} */}\r\n {/* {tableTimeColoumnFormater(props.timestamp)} */}\r\n {/*
*/}\r\n\r\n {alert('click')}}\r\n onClick={self.mapSearchBarToggle}\r\n >\r\n \r\n {key} \r\n {this.props.values.selectedPlace.attr[key].value} \r\n \r\n ))\r\n )\r\n } else {\r\n\r\n return null;\r\n }\r\n }\r\n let pathArr = [];\r\n // let mapData = processAssetData(this.props.mapData, pathArr);\r\n // let mapData = processAssetDataMsg(this.props.mapData, pathArr, this.props.selectedAttriId);\r\n // ----------------------------------------------\r\n // let mapData = postProcessAssetDataMsg(this.props.pMapData, pathArr, this.props.selectedAttriId, this.props.multiAssets);\r\n\r\n let mapData = this.props.statusData;//assetData;\r\n if (this.props.mapShow) {\r\n\r\n this.setMapBounds(mapData);\r\n }\r\n // \r\n // this.setMapBounds(mapData);\r\n\r\n // let lineSymbol = {\r\n // path: this.props.google.maps.SymbolPath.FORWARD_CLOSED_ARROW\r\n // };\r\n\r\n let lineSymbol = {\r\n // path: 'M0,0 L4,2 0,4',\r\n // path: 'M-2,4 L0,0 L2,4',\r\n path: 'M-2,4 0,0 M2,4 0,0',\r\n // path:'M -2,2 0,0 M 0,0 -2,-2',\r\n // path: 'M1,2 L10,5 L0,5',\r\n strokeOpacity: 1,\r\n scale: 2,\r\n };\r\n\r\n return (\r\n \r\n {\r\n handleDeviceOnClick(e, cell.assetname);\r\n }}\r\n >\r\n {cell.assetname}\r\n \r\n );\r\n };\r\n\r\n timestampFormat = (cell) => {\r\n if (cell) {\r\n if (cell.charAt(0) == \"+\") {\r\n cell = new Date().getFullYear() + cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString(\"en-US\", {\r\n timeZone: TIME_ZONE,\r\n });\r\n return {displayTime};\r\n } else {\r\n return null;\r\n }\r\n };\r\n\r\n renderAttributeIcons = (attributename) => {\r\n switch (attributename) {\r\n case \"Temperature\":\r\n return \r\n {!this.props.isSmall && (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n {/* \r\n
*/}\r\n {/* \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n {/* \r\n
*/}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {ATTRIBUTE_ORDER &&\r\n ATTRIBUTE_ORDER.map((attr) => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n \r\n
\r\n ))}\r\n \r\n \r\n )}\r\n {this.state.data &&\r\n this.state.data.map((item, index) => {\r\n // const classGnerator = (item, attributeName) => {\r\n // let reClass = {color: 'black', fontWeight: 'normal'};\r\n // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n //\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n //\r\n // return ({\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // }\r\n // }\r\n // return reClass;\r\n // };\r\n // const rowClassGnerator = (item, attributeName, hasrule = false) => {\r\n // let reClass = {\r\n // // color: 'black',\r\n // // fontWeight: 'normal',\r\n // margin: '5px 10px',\r\n // padding:'5px',\r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // backgroundColor: hasrule ? GREEN_COLOR : GREY_COLOR,\r\n // color: 'white'\r\n // };\r\n\r\n // // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n // // for (let alarm of this.props.alarmObj.msgList) {\r\n // // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n // // return ({\r\n // // padding:'5px',\r\n // // justifyContent: 'center',\r\n // // alignContent: 'center',\r\n // // lineHeight: '30px',\r\n // // height: '30px',\r\n // // animation: 'fontBlink 1s infinite',\r\n // // });\r\n // // }\r\n // // }\r\n // // }\r\n //\r\n // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n\r\n // return ({\r\n // padding:'5px',\r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // return reClass;\r\n // };\r\n // const updatedValue = (item, attributeName) => {\r\n // let reValue = item[attributeName] ? item[attributeName] : '';\r\n // // try{\r\n // // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n // // let itemTime = new Date(item.timestamp);\r\n // // let alarmTime = new Date(this.props.alarmSet[item.assetid][attributeName].timestamp);\r\n // //\r\n // //\r\n // // if (alarmTime > itemTime){\r\n // // reValue = this.props.alarmSet[item.assetid][attributeName].value;\r\n // //\r\n // // }else{\r\n // // // reValue = item[attributeName] ? item[attributeName] : '';\r\n // // }\r\n\r\n // // }\r\n // // }\r\n // // catch(e){\r\n\r\n // // }\r\n\r\n // return reValue;\r\n // }\r\n return (\r\n \r\n {/* */}\r\n
\r\n \r\n \r\n {this.assetnameFormat(item)}\r\n \r\n
\r\n \r\n \r\n {this.timestampFormat(item.timestamp)}\r\n \r\n
\r\n {/* \r\n \r\n {updatedValue(item, 'Temperature')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Pressure')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Humidity')}\r\n
*/}\r\n {/* \r\n {''}\r\n
*/}\r\n {/* \r\n \r\n {updatedValue(item, 'Irradiation')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Battery')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Rain')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Wind_ave10')}\r\n
\r\n \r\n \r\n {updatedValue(item, 'Dir_ave10')}\r\n
*/}\r\n\r\n {ATTRIBUTE_ORDER &&\r\n ATTRIBUTE_ORDER.map((attr) => (\r\n \r\n {/* {updatedValue(item, attr.attributename)} */}\r\n {/* {this.props.isSmall && this.renderAttributeIcons(attr.attributename)} */}\r\n {attr.attributename === \"Battery\" ? (\r\n // \r\n \r\n {this.props.isSmall && (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n \r\n )}\r\n \r\n {updatedValue(item, attr.attributename)}{\" \"}\r\n {attr.units}\r\n \r\n \r\n )}\r\n
\r\n ))}\r\n \r\n );\r\n })}\r\n\r\n {/* {this.props.statusDataProp && this.props.statusDataProp.map((item, index) => (\r\n
\r\n );\r\n };\r\n // --------------------------------------------------------------------------\r\n\r\n displayMore = (e) => {\r\n e.preventDefault();\r\n let attr = ATTRIBUTE_ORDER;\r\n let pressure;\r\n let humidity;\r\n let irradiation;\r\n if(attr){\r\n pressure = attr.findIndex(x => x.attributename === \"Pressure\");\r\n humidity = attr.findIndex(x => x.attributename === \"Humidity\");\r\n irradiation = attr.findIndex(x => x.attributename === \"Irradiation\");\r\n }\r\n\r\n\r\n if (this.state.ifDisplay == false) {\r\n attr[pressure].display = true;\r\n attr[humidity].display = true;\r\n attr[irradiation].display = true;\r\n this.setState({ ifDisplay: true });\r\n } else {\r\n attr[pressure].display = false;\r\n attr[humidity].display = false;\r\n attr[irradiation].display = false;\r\n this.setState({ ifDisplay: false });\r\n }\r\n };\r\n\r\n renderStatusWidget = () => {\r\n let statusData = [];\r\n let filteredStatusData = [];\r\n let subarray = [];\r\n let currentPage = 0;\r\n let pages = Math.ceil(this.props.statusDataProp.length / 8);\r\n let statusDataProp = this.props.statusDataProp;\r\n const removeDuplicates = (arr) => {\r\n arr.forEach((element) => {\r\n if (!filteredStatusData.includes(element)) {\r\n filteredStatusData.push(element);\r\n }\r\n });\r\n return filteredStatusData;\r\n };\r\n if (statusDataProp) {\r\n statusDataProp.sort(function(a, b) {\r\n const nameA = a.assetname.toUpperCase();\r\n const nameB = b.assetname.toUpperCase();\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n if (nameA > nameB) {\r\n return 1;\r\n }\r\n\r\n return 1;\r\n });\r\n }\r\n const handleChange = (event, value) => {\r\n this.setState({ pageRange: value - 1 });\r\n };\r\n return (\r\n \r\n \r\n View Less\r\n \r\n
\r\n ) : null}\r\n {props.name}
*/}\r\n {/**/}\r\n {/* {props.timestamp} */}\r\n {/* {tableTimeColoumnFormater(props.timestamp)} */}\r\n {/*
*/}\r\n
*/}\r\n \r\n \r\n \r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n
\r\n */}\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default WeatherMapInfo","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from 'redux'\r\nimport { connect } from \"react-redux\";\r\nimport ReactDOM from 'react-dom';\r\nimport { Map, GoogleApiWrapper, Marker, InfoWindow, Polyline } from 'google-maps-react';\r\nimport InfoWindowEx from './InfoWindowEx';\r\nimport { Container, Row, Col, Button, Table, Input, Label, Collapse } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Select from 'react-select';\r\n// import MapInfoWindow from './MapInfoWindow';\r\nimport { toast } from \"react-toastify\";\r\nimport { loadAllGeoFences } from '../../../redux/actions/fenceAction';\r\nimport { generateSelectOptions } from '../../../factories/utils';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\nimport MarkerClusterer from \"@google/markerclusterer\";\r\nimport { MagnifyIcon, CloseIcon } from 'mdi-react';\r\n// import OverlappingMarkerSpiderfier from 'overlapping-marker-spiderfier';\r\nimport WeatherMapInfo from './WeatherMapInfoWin';\r\nimport {\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ALARM_META_ATTRI_OBJ\r\n} from '../../../constants/dataConstants';\r\nimport { setDonut } from '../../../factories/weather';\r\n\r\nexport class WeatherMap extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n this.myMap = React.createRef();\r\n this.state = {\r\n msg: '',\r\n collapse: false,\r\n };\r\n // this.userObj = getCurrentUser();\r\n // if (!this.userObj) {\r\n // toast.error('Can not fetch login user information, Please re-login.');\r\n // this.props.history.push('/log_out');\r\n // }else{\r\n // \r\n // \r\n // }\r\n\r\n // this.initMap = this.initMap.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n // \r\n }\r\n\r\n componentWillReceiveProps(nextProps) { }\r\n // -----------------------------------------------------------------\r\n // initMap(mapProps, map) {\r\n // var self = this;\r\n // const {google} = mapProps;\r\n\r\n // const drawingManager = new google.maps.drawing.DrawingManager({\r\n // drawingMode: null,\r\n // drawingControl: true,\r\n // drawingControlOptions: {\r\n // position: google.maps.ControlPosition.TOP_CENTER,\r\n // drawingModes: [\r\n\r\n // google.maps.drawing.OverlayType.POLYGON,\r\n // google.maps.drawing.OverlayType.CIRCLE,\r\n // google.maps.drawing.OverlayType.RECTANGLE\r\n // ]\r\n // },\r\n // map: map\r\n // });\r\n // }\r\n // -----------------------------------------------------------------\r\n // onMarkerClick = (props, marker, e)=> {\r\n // // \r\n // // this.setState({\r\n // // selectedPlace: props,\r\n // // activeMarker: marker,\r\n // // showingInfoWindow: true\r\n // // });\r\n // this.props.onMarkerClick(props, marker, e);\r\n // // \r\n // };\r\n\r\n // onClose = props => {\r\n // // if (this.state.showingInfoWindow) {\r\n // // this.setState({\r\n // // showingInfoWindow: false,\r\n // // activeMarker: null\r\n // // });\r\n // // }\r\n // this.props.handleMapInfoWinClick(props); \r\n // };\r\n //--------------------------------------------------------------------\r\n setSelection = (googleShape) => {\r\n this.selectedShape = googleShape;\r\n }\r\n deleteSelectedShape = () => {\r\n if (this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n showShapOnMap = (shape) => {\r\n if (shape && this.myMap && this.myMap.current) {\r\n // alert('yes');\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShap(google, map, shape);\r\n } else {\r\n this.deleteSelectedShape();\r\n }\r\n }\r\n setShap = (google, map, shape) => {\r\n // let shape = this.props.shape;\r\n\r\n // alert(shape.data.center);\r\n let self = this;\r\n let newCenter;\r\n let bounds;\r\n if (shape) {\r\n // self.deleteSelectedShape();\r\n switch (shape.type) {\r\n case 'circle':\r\n const initCircle = new google.maps.Circle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n radius: shape.data.radius,\r\n editable: false\r\n });\r\n // google.maps.event.addListener(initCircle, 'radius_changed', function (event) {\r\n // // alert('circle radius changed');\r\n // self.setCircleData(initCircle); \r\n // \r\n // // \r\n // });\r\n\r\n // google.maps.event.addListener(initCircle, 'center_changed', function (event) { \r\n // // alert('circle center changed');\r\n // // alert(initCircle.center);\r\n // self.setCircleData(initCircle); \r\n // \r\n // // \r\n // });\r\n bounds = initCircle.getBounds();\r\n newCenter = initCircle.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initCircle);\r\n // this.setCircleData(initCircle); \r\n break;\r\n case 'rectangle':\r\n const initRectangle = new google.maps.Rectangle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: false\r\n });\r\n // google.maps.event.addListener(initRectangle, 'bounds_changed', () => {\r\n // this.setRectangleData(initRectangle);\r\n // \r\n // });\r\n bounds = initRectangle.getBounds();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initRectangle);\r\n // this.setRectangleData(initRectangle); \r\n break;\r\n case 'polygon':\r\n google.maps.Polygon.prototype.getBoundingBox = function () {\r\n var bounds = new google.maps.LatLngBounds();\r\n this.getPath().forEach(function (element, index) {\r\n bounds.extend(element)\r\n });\r\n return (bounds);\r\n }\r\n const initPolygon = new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: false\r\n });\r\n\r\n // let paths = initPolygon.getPaths();\r\n // // let pType = typeof paths;\r\n // // alert(pType);\r\n // // alert(Array.isArray(paths));\r\n // // if (Array.isArray(paths)) {\r\n // // alert('true');\r\n // // }\r\n // paths && paths.forEach((path) => {\r\n // google.maps.event.addListener(path, 'insert_at', () => {\r\n // // alert('insert_at');\r\n // this.setPloygonData(initPolygon);\r\n // \r\n // });\r\n // google.maps.event.addListener(path, 'remove_at', () => {\r\n // // alert('remove_at');\r\n // this.setPloygonData(initPolygon);\r\n // \r\n // });\r\n // google.maps.event.addListener(path, 'set_at', () => {\r\n // // alert('set_at');\r\n // this.setPloygonData(initPolygon);\r\n // \r\n // });\r\n // });\r\n bounds = initPolygon.getBoundingBox();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initPolygon);\r\n // this.setPloygonData(initPolygon); \r\n break;\r\n }\r\n }\r\n }\r\n\r\n //--------------------------------------------------------------------\r\n setMapBounds = (mapData) => {\r\n if (this.myMap && this.myMap.current) {\r\n\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n if (google, map) {\r\n // let bounds = this.getMapBounds(google, map);\r\n let bounds = null;\r\n // if (mapData && mapData.length > 0) {\r\n // bounds = new google.maps.LatLngBounds();\r\n // let assetClass = mapData[0];\r\n // assetClass && assetClass.asset.forEach((location) => {\r\n // bounds.extend(\r\n // new google.maps.LatLng(location.locationlat, location.locationlng),\r\n // );\r\n // });\r\n // }\r\n if (mapData && mapData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n mapData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n if (bounds) {\r\n map.fitBounds(bounds);\r\n }\r\n }\r\n }\r\n }\r\n // getMapBounds = (google, map) => {\r\n // let bounds = null;\r\n // let assetClass;\r\n\r\n // if (this.props.pMapData && this.props.pMapData.length > 0) {\r\n // bounds = new google.maps.LatLngBounds();\r\n // assetClass = this.props.pMapData[0];\r\n // assetClass.asset.forEach((location) => {\r\n // bounds.extend(\r\n // new google.maps.LatLng(location.locationlat, location.locationlng),\r\n // );\r\n // });\r\n // }\r\n\r\n\r\n // return bounds;\r\n // };\r\n\r\n getMapBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.statusData && this.props.statusData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n this.props.statusData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n getCompanyBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.userObj.company && this.props.userObj.company.businessArea) {\r\n // \r\n let points = JSON.parse(this.props.userObj.company.businessArea);\r\n bounds = new google.maps.LatLngBounds();\r\n points.forEach((point, index) => {\r\n bounds.extend(\r\n new google.maps.LatLng(point.lat, point.lng),\r\n );\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n // getFirstOne = (google, map) => {\r\n // let mylocation = null;\r\n // let assetClass;\r\n\r\n // if (this.props.mapData && this.props.mapData.length > 0) {\r\n // // bounds = new google.maps.LatLngBounds();\r\n // assetClass = this.props.mapData[0];\r\n // assetClass.asset.forEach((location) => {\r\n // // bounds.extend(\r\n // // new google.maps.LatLng(location.locationlat, location.locationlng),\r\n // // );\r\n // \r\n // mylocation = new google.maps.LatLng(location.locationlat, location.locationlng);\r\n // \r\n // });\r\n // }\r\n\r\n\r\n // return mylocation;\r\n // };\r\n //--------------------------------------------------------------------\r\n initMap(mapProps, map) {\r\n // alert('onready');\r\n var self = this;\r\n const { google } = mapProps;\r\n\r\n // --------------------------------------------\r\n // let bounds = this.getMapBounds(google, map);\r\n // if (bounds){\r\n // map.fitBounds(bounds); \r\n // // map.panToBounds(bounds); \r\n // }\r\n // let bounds = this.getCompanyBounds(google, map);\r\n let bounds = this.getMapBounds(google, map);\r\n // \r\n if (bounds) {\r\n map.fitBounds(bounds);\r\n // map.panToBounds(bounds); \r\n }\r\n\r\n // let location = this.getFirstOne(google, map);\r\n // \r\n // \r\n // if (location){\r\n // map.setCenter(location); \r\n // // map.panToBounds(bounds); \r\n // }\r\n // --------------------------------------------\r\n let intiStyles = [\r\n {\r\n featureType: \"poi\",\r\n elementType: \"abels.text\",\r\n stylers: [\r\n { visibility: \"off\" },\r\n // { color: '#f8c967'},\r\n ]\r\n }\r\n ];\r\n map.setOptions({ styles: intiStyles });\r\n // --------------------------------------------\r\n self.setShap(google, map, self.state.shape);\r\n // --------------------------------------------\r\n var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n var searchBox = new google.maps.places.SearchBox(input);\r\n // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);\r\n map.addListener('bounds_changed', function () {\r\n searchBox.setBounds(map.getBounds());\r\n });\r\n searchBox.addListener('places_changed', () => {\r\n // alert('test');\r\n var places = searchBox.getPlaces();\r\n // alert(places.length);\r\n if (places.length == 0) {\r\n return;\r\n }\r\n\r\n // this.markers.forEach(function(marker) {\r\n // marker.setMap(null);\r\n // });\r\n // this.markers = [];\r\n\r\n // for (var i = 0; i < places.length; i++) \r\n // {\r\n // // createMarker(results[i]);\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: places[i].geometry.location\r\n // });\r\n // this.markers.push(marker);\r\n // }\r\n map.setCenter(places[0].geometry.location);\r\n });\r\n\r\n // const createMarker = (place) => {\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: place.geometry.location\r\n // });\r\n // }\r\n // --------------------------------------------\r\n\r\n // google.maps.event.addListener(drawingManager, 'circlecomplete', function(circle) {\r\n // var radius = circle.getRadius();\r\n // alert(radius);\r\n // });\r\n // --------------------------------------------\r\n var controlMarkerUI = document.createElement('DIV');\r\n // controlMarkerUI.style.cursor = 'pointer';\r\n // // controlMarkerUI.style.backgroundImage = \"url(http://localhost/marker.png)\";\r\n // controlMarkerUI.style.height = '40px';\r\n // controlMarkerUI.style.width = '40px';\r\n // // controlMarkerUI.style.top = '11px';\r\n // // controlMarkerUI.style.left = '120px';\r\n // controlMarkerUI.style.backgroundColor = 'red';\r\n // controlMarkerUI.style.margin = '10px';\r\n // controlMarkerUI.title = 'Click to set the map to Home';\r\n // controlMarkerUI.addEventListener('click', (e)=> {alert('okay');});\r\n // map.controls[google.maps.ControlPosition.RIGHT_TOP].push(controlMarkerUI);\r\n\r\n // let ele = React.createElement(\r\n // 'div',\r\n // {\r\n // // ref: 'mapSearchBtn', \r\n // style:{height:'40px', width: '40px', backgroundColor: 'red', cursor: 'pointer', margin: '10px'}\r\n // },\r\n // 'Click to set the map to Home',\r\n // );\r\n let searchBtn = \r\n
\r\n \r\n {/* \r\n {\r\n temperature ? \r\n {temperature} °C\r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n // {legendList.map((item, index)=>(\r\n //
\r\n // )\r\n // }\r\n //--------------------------------------------------------------------\r\n render() {\r\n const mapStyle = {\r\n width: '100%',\r\n // height: '67vh',\r\n height: '1000px',\r\n position: 'static',\r\n paddingTop: 10,\r\n // featureType: \"poi\",\r\n // elementType: \"abels.text\",\r\n // stylers: [\r\n // { visibility: \"off\" },\r\n // // { color: '#f8c967'},\r\n // ]\r\n };\r\n const mapContainerStyle = {\r\n width: '100%',\r\n position: 'relative',\r\n };\r\n let v = this.props.values.selectedPlace;\r\n let lat = this.props.values.lat;\r\n let lng = this.props.values.lng;\r\n\r\n // let lat = pos.lat;\r\n\r\n var icon = {\r\n path: \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\", //\"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\",\r\n fillColor: '#FF0000',\r\n fillOpacity: .6,\r\n anchor: new google.maps.Point(0, 0),\r\n strokeWeight: 0,\r\n scale: 1\r\n };\r\n\r\n // const defaultIconPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\";\r\n const defaultIconPath = 'M125 410 c-56 -72 -111 -176 -120 -224 -7 -36 11 -83 49 -124 76 -85 223 -67 270 31 28 60 29 88 6 150 -19 51 -122 205 -148 221 -6 3 -32 -21 -57 -54z m110 -175 c35 -34 33 -78 -4 -116 -35 -35 -71 -37 -105 -7 -40 35 -43 78 -11 116 34 41 84 44 120 7z';\r\n const defaultColor = \"#FF0000\";\r\n\r\n const generateIcon = (color, path) => {\r\n let myPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\"; \r\n // let myPath = \"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\";\r\n if (path && path.length > 0) {\r\n myPath = path;\r\n }\r\n return (\r\n {\r\n //path: \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\", //\"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\",\r\n // path: \"M17.402,0H5.643C2.526,0,0,3.467,0,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759c3.116,0,5.644-2.527,5.644-5.644 V6.584C23.044,3.467,20.518,0,17.402,0z M22.057,14.188v11.665l-2.729,0.351v-4.806L22.057,14.188z M20.625,10.773 c-1.016,3.9-2.219,8.51-2.219,8.51H4.638l-2.222-8.51C2.417,10.773,11.3,7.755,20.625,10.773z M3.748,21.713v4.492l-2.73-0.349 V14.502L3.748,21.713z M1.018,37.938V27.579l2.73,0.343v8.196L1.018,37.938z M2.575,40.882l2.218-3.336h13.771l2.219,3.336H2.575z M19.328,35.805v-7.872l2.729-0.355v10.048L19.328,35.805z\",\r\n //path: \"m 640,128 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 0,-52 38,-90 38,-38 90,-38 52,0 90,38 38,38 38,90 z M 256,640 H 640 V 896 H 482 q -13,0 -22,-9 L 265,692 q -9,-9 -9,-22 V 640 z M 1536,128 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 0,-52 38,-90 38,-38 90,-38 52,0 90,38 38,38 38,90 z m 256,1088 V 192 q 0,-15 -4,-26.5 -4,-11.5 -13.5,-18.5 -9.5,-7 -16.5,-11.5 -7,-4.5 -23.5,-6 -16.5,-1.5 -22.5,-2 -6,-0.5 -25.5,0 -19.5,0.5 -22.5,0.5 0,-106 -75,-181 -75,-75 -181,-75 -106,0 -181,75 -75,75 -75,181 H 768 q 0,-106 -75,-181 -75,-75 -181,-75 -106,0 -181,75 -75,75 -75,181 h -64 q -3,0 -22.5,-0.5 -19.5,-0.5 -25.5,0 -6,0.5 -22.5,2 Q 105,131 98,135.5 91,140 81.5,147 72,154 68,165.5 64,177 64,192 q 0,26 19,45 19,19 45,19 v 320 q 0,8 -0.5,35 -0.5,27 0,38 0.5,11 2.5,34.5 2,23.5 6.5,37 4.5,13.5 14,30.5 9.5,17 22.5,30 l 198,198 q 19,19 50.5,32 31.5,13 58.5,13 h 160 v 192 q 0,26 19,45 19,19 45,19 h 1024 q 26,0 45,-19 19,-19 19,-45 z\",\r\n path: myPath,\r\n fillColor: color,\r\n fillOpacity: .6,\r\n // anchor: new google.maps.Point(0,0),\r\n strokeWeight: 0,\r\n // scale: 1,\r\n anchor: new google.maps.Point(185, 500),\r\n scale: 0.1,\r\n }\r\n )\r\n };\r\n\r\n // if (this.props.values.selectedPlace.attr){\r\n // \r\n // \r\n // }else{\r\n // \r\n // }\r\n\r\n const renderInfoWin = () => {\r\n if (this.props.values.selectedPlace.attr) {\r\n\r\n\r\n return (\r\n Object.keys(this.props.values.selectedPlace.attr).map((key, i) => (\r\n key != 'Lat' && key != 'Lng' &&\r\n \r\n // \r\n // {item.label}\r\n //
\r\n // ))}\r\n // \r\n {/* \r\n // {this.props.children ?\r\n // React.Children.only(\r\n // React.cloneElement(\r\n // this.props.children, \r\n // // { marker: this.marker,\r\n // // google: this.props.google,\r\n // // map: this.props.map}\r\n // {...this.props}\r\n // )\r\n // ) : null\r\n // }\r\n // \r\n // )\r\n // }\r\n\r\n render() {\r\n // const currentPlayingTitle = 'Mad Max: Fury Road';\r\n // const childrenWithExtraProp = React.Children.map(this.props.children, child => {\r\n // return React.cloneElement(child, {\r\n // ...this.props\r\n // });\r\n // });\r\n\r\n // this.clearAllMarkers();\r\n // this.renderCluster();\r\n return (\r\n \r\n {/* {childrenWithExtraProp} */}\r\n {/* { this.renderCluster()} */}\r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction blinkSymbol(marker, intervals) {\r\n const step = -0.9;\r\n const duration = 300; // ms\r\n const max = 1;\r\n let count = 0;\r\n let scale = 1;\r\n let icon = marker.getIcon();\r\n if (icon) {\r\n let orScale = icon.scale;\r\n const iconInterval = setInterval(() => {\r\n\r\n count++;\r\n if (count <= max && (scale + step) > 0) {\r\n // icon.scale = orScale * ( 1 + int);\r\n icon.scale = icon.scale * (scale + step);\r\n } else {\r\n icon.scale = orScale;\r\n count = 0;\r\n }\r\n marker.setIcon(icon);\r\n }, duration);\r\n if (intervals) {\r\n intervals.push(iconInterval);\r\n }\r\n }\r\n\r\n\r\n}","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Bar} from 'react-chartjs-2';\r\n\r\nclass WeatherBarChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={}\r\n }\r\n renderBarChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n // const chartdata1 = [20,30,50,40,10];\r\n // const chartdata2 = [10,40,30,20,30];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n let chartdatared = [];\r\n let chartdataorange = [];\r\n let chartdatayellow = [];\r\n if (this.props.countData){\r\n this.props.countData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n let orange = {x: item.date, y: item.orange};\r\n let yellow = {x: item.date, y: item.yellow};\r\n chartdatared.push(red);\r\n chartdataorange.push(orange);\r\n chartdatayellow.push(yellow);\r\n });\r\n\r\n }\r\n \r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: 'Alarm Red',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatared,\r\n },\r\n {\r\n label: 'Alarm Orange',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n backgroundColor: 'rgba(255,155,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdataorange\r\n },\r\n {\r\n label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n backgroundColor: 'rgba(255,255,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatayellow\r\n }\r\n ]\r\n };\r\n \r\n let unit = this.props.units ==='day' ? 'day': 'hour';\r\n let rationOption = this.props.isSmall ? {responsive: true, maintainAspectRatio: false,} : { aspectRatio: 4, responsive: true, maintainAspectRatio: true,} \r\n return (\r\n \r\n \r\n );\r\n }\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderBarChart()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default WeatherBarChart;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass WeatherLineChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={};\r\n }\r\n\r\n renderLineChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n\r\n let dataset1 = [];\r\n if (this.props.chartData && this.props.attributea){\r\n // dataset1=this.props.chartData.filter((item)=>(item.attributename === this.props.attributea)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute1 = this.props.chartData.find((item)=>(item.attributename === this.props.attributea));\r\n if (assetAttribute1) {\r\n dataset1 = assetAttribute1.data;\r\n \r\n }\r\n };\r\n\r\n let dataset2 = [];\r\n if (this.props.chartData && this.props.attributeb){\r\n // dataset2=this.props.chartData.filter((item)=>(item.attributename === this.props.attributeb)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute2 = this.props.chartData.find((item)=>(item.attributename === this.props.attributeb));\r\n if (assetAttribute2) {\r\n dataset2 = assetAttribute2.data;\r\n }\r\n };\r\n\r\n\r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: this.props.attributea,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: 'rgba(255,99,132,1)',\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n yAxisID: 'left-y-axis',\r\n fill: false,\r\n // data: chartdata1,\r\n data: dataset1,\r\n },\r\n {\r\n label: this.props.attributeb,\r\n // backgroundColor: 'rgba(99,132,255,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: 'rgba(99,132,255,1)',\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(99,132,255,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,255,1)',\r\n yAxisID: 'right-y-axis',\r\n fill: false,\r\n // data: chartdata1,\r\n data: dataset2,\r\n },\r\n // {\r\n // label: 'Alarm Orange',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata2\r\n // },\r\n // {\r\n // label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata1\r\n // }\r\n ]\r\n };\r\n\r\n const options = {\r\n aspectRatio: 3,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n scales: {\r\n bounds: 'data',\r\n // bounds: 'ticks',\r\n // xAxes: [{\r\n // // stacked: false,\r\n // // type: 'linear',\r\n // }],\r\n xAxes: [{\r\n type: 'time',\r\n // distribution: 'series',\r\n distribution: 'linear',\r\n // offset: true,\r\n time: {\r\n unit: 'hour',\r\n // stepSize: 3,\r\n // round: true,\r\n // parser: 'MMM DD HH'\r\n displayFormats: {\r\n 'hour': 'MMM DD HH',\r\n }\r\n },\r\n ticks:{\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n // maxTicksLimit: 10,\r\n // sampleSize: 2,\r\n autoSkip: true,\r\n autoSkipPadding: 10,\r\n bounds: 'data',\r\n source: 'auto',\r\n }\r\n }],\r\n yAxes: [{\r\n // stacked: false,\r\n // type: 'linear',\r\n // offset: true,\r\n label: 'test left',\r\n id: 'left-y-axis',\r\n position: 'left',\r\n ticks: {\r\n // min: 0,\r\n // max: 70,\r\n }\r\n },\r\n {\r\n label: 'test right',\r\n id: 'right-y-axis',\r\n // type: 'linear',\r\n position: 'right',\r\n }\r\n ]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n return(\r\n \r\n \r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderLineChart()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default WeatherLineChart;","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport {\r\n Container,\r\n Card,\r\n CardBody,\r\n CardFooter,\r\n Row,\r\n Col,\r\n Button,\r\n Table,\r\n Input,\r\n Label,\r\n} from \"reactstrap\";\r\n// import { Pagination, PaginationItem, PaginationLink } from 'reactstrap';\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\nimport Pagination from \"@material-ui/lab/Pagination\";\r\nimport { withStyles, makeStyles } from \"@material-ui/core/styles\";\r\nimport TrafficLightWidget from \"./TrafficLightWidget\";\r\nimport DonutWidget from \"./DonutWidget\";\r\nimport BatteryWidget from \"./BatteryWidget\";\r\nimport BatteryIcon from \"./BatteryIcon\";\r\nimport {\r\n ATTRIBUTE_TYPE,\r\n ATTRIBUTE_NAME,\r\n TIME_ZONE,\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_LABEL,\r\n ATTRIBUTE_ORDER,\r\n ATTRIBUTE_WIND_ORDER,\r\n ALARM_META_ATTRI_OBJ,\r\n smallTextStyle,\r\n normalTextStyle,\r\n labelTextStyle,\r\n} from \"../../../constants/dataConstants\";\r\nimport { SizePerPageDropDown } from \"react-bootstrap-table\";\r\nimport {\r\n LightningBoltIcon,\r\n WeatherPouringIcon,\r\n ThermometerIcon,\r\n WaterPercentIcon,\r\n WeatherSunnyIcon,\r\n WeatherWindyIcon,\r\n Battery70Icon,\r\n MessageOutlineIcon,\r\n DirectionsForkIcon,\r\n GaugeLowIcon,\r\n LightningBoltOutlineIcon,\r\n} from \"mdi-react\";\r\nimport \"./blinking.scss\";\r\nimport \"../../../scss/component/panel.scss\"\r\nimport AttributeListWidget from \"./AttributeListWidget\";\r\nimport { attempt } from \"lodash\";\r\nimport { unique } from \"jquery\";\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n \"& > *\": {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n});\r\n\r\nconst PAGE_SIZE = 4;\r\nconst ICON_SIZE = 20;\r\n\r\nconst titleRowStyle = {\r\n margin: \"5px 10px\",\r\n padding: \"5px\",\r\n // justifyContent: 'flex-end',\r\n justifyContent: \"space-between\",\r\n lineHeight: \"30px\",\r\n height: \"30px\",\r\n};\r\n\r\nconst valueRowStyle = {\r\n margin: \"5px 10px\",\r\n padding: \"5px\",\r\n justifyContent: \"center\",\r\n lineHeight: \"30px\",\r\n height: \"30px\",\r\n};\r\n\r\nclass StatusBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n // data: [\r\n // {deviceId:'000001', devicename: 'sensor 1', timestamp: '2020-02-19', alarm: '1', battery: '4', temperature: '27'},\r\n // {deviceId:'000002', devicename: 'sensor 2', timestamp: '2020-02-19', alarm: '2', battery: '1', temperature: '27'},\r\n // {deviceId:'000003', devicename: 'sensor 3', timestamp: '2020-02-19', alarm: '3', battery: '3', temperature: '27'},\r\n // {deviceId:'000004', devicename: 'sensor 4', timestamp: '2020-02-19', alarm: '1', battery: '2', temperature: '27'},\r\n // ],\r\n data: [],\r\n currentPage: 1,\r\n totalPages: 1,\r\n pageRange: 0,\r\n ifDisplay: false,\r\n };\r\n // this.resize = this.resize.bind(this);\r\n }\r\n\r\n //-----------------------------------------------------------------------------\r\n componentDidMount() {\r\n // window.addEventListener(\"resize\", this.resize);\r\n // this.resize();\r\n }\r\n componentWillUnmount() {\r\n // window.removeEventListener(\"resize\", this.resize);\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (\r\n nextProps.statusData &&\r\n nextProps.statusData !== this.props.statusData\r\n ) {\r\n let totalPages = Math.ceil(nextProps.statusData.length / PAGE_SIZE);\r\n this.setPageData(nextProps.statusData, this.state.currentPage);\r\n this.setState({\r\n // data: nextProps.statusData,\r\n totalPages: totalPages,\r\n });\r\n }\r\n }\r\n //-----------------------------------------------------------------------------\r\n // resize = () => {\r\n // //\r\n // // this.setState({isSmall: window.innerWidth <= 760});\r\n // let currentIsSmall = (window.innerWidth <= 760);\r\n // // if (currentIsSmall !== this.state.isSmall) {\r\n // // this.setState({isSmall: currentIsSmall});\r\n // // }\r\n // this.setState(prev=>{\r\n // if (currentIsSmall !== prev.isSmall){\r\n // return({\r\n // isSmall: currentIsSmall\r\n // });\r\n // }\r\n // });\r\n // }\r\n //-----------------------------------------------------------------------------\r\n handleClick(e, index) {\r\n e.preventDefault();\r\n this.setState({\r\n currentPage: index,\r\n });\r\n }\r\n // renderPagin = () => {\r\n // let pages = [1,2,3,4,5,6,7,8,9,10];\r\n // let {currentPage} = this.state;\r\n // return(\r\n // \r\n // \r\n // this.handleClick(e, currentPage - 1)}\r\n // previous\r\n // // href=\"#\"\r\n // />\r\n // \r\n // {/* \r\n // this.handleClick(e, index)}\r\n // // href=\"#\"\r\n // >\r\n // {index+1}\r\n // \r\n // \r\n // ))}\r\n // = this.pagesCount - 1}>\r\n // this.handleClick(e, currentPage + 1)}\r\n // next\r\n // // href=\"#\"\r\n // />\r\n // \r\n // \r\n // );\r\n // }\r\n\r\n handlePageChange = (event, value) => {\r\n event.preventDefault();\r\n\r\n this.setState({\r\n currentPage: value,\r\n });\r\n this.setPageData(this.props.statusData, value);\r\n };\r\n setPageData = (statusData, currentPage) => {\r\n let reData = [];\r\n if (statusData) {\r\n let startIndex = (currentPage - 1) * PAGE_SIZE;\r\n let endIndex = startIndex + PAGE_SIZE;\r\n let i = startIndex;\r\n while (i < endIndex && i < statusData.length) {\r\n reData.push(statusData[i]);\r\n i++;\r\n }\r\n }\r\n\r\n this.setState({\r\n data: reData,\r\n });\r\n };\r\n renderMUPagin = (pages) => {\r\n const { classes } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n assetnameFormat = (cell) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n\r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n this.props.toggle(true, cell);\r\n };\r\n return (\r\n */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n \r\n {/* */}\r\n \r\n {alert('click')}}\r\n onClick={this.mapSearchBarToggle}\r\n >\r\n
\r\n \r\n \r\n {/* {this.props.mapData && this.props.mapData.map((m,i)=>{\r\n return(\r\n \r\n \r\n );})} */}\r\n {/* \r\n */}\r\n \r\n \r\n );\r\n })\r\n )\r\n )} */}\r\n\r\n {/* {pathArr && pathArr.length > 0 && pathArr.map((item, index) =>(\r\n \r\n \r\n {/* {this.state.markers.map((m,i)=>{\r\n \r\n \r\n return(\r\n \r\n \r\n \r\n \r\n );})} */}\r\n {/* \r\n */}\r\n\r\n {/* \r\n \r\n \r\n */}\r\n \r\n\r\n {this.props.loading &&\r\n
\r\n \r\n {/* */}\r\n {/*
\r\n \r\n
*/}\r\n {/* \r\n {/*
\r\n */}\r\n {/*
*/}\r\n {/*\r\n */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {this.props.values.selectedPlace.name}
\r\n*/}\r\n {/*
| attr | \r\n{this.props.values.selectedPlace.name} | \r\n
| {key} | \r\n{this.props.values.selectedPlace.attr[key]} | \r\n
\r\n
\r\n {m.info}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n
\r\n }\r\n Dew Point:
\r\nStation
\r\n \r\nLast Message
\r\n \r\nTemperature:
\r\nPressure:
\r\nHumidity:
\r\nDew Point:
\r\nIrradiation:
\r\nBattery:
\r\nRain:
\r\nWind Avg:
\r\nWind Direction Avg:
\r\n{attr.displayname}
\r\n \r\n\r\n {this.state.ifDisplay == false && this.props.activeTab !== \"2\" ? (\r\n \r\n \r\n View More\r\n \r\n
\r\n ) : null}\r\n\r\n {this.state.ifDisplay == true && this.props.activeTab !== \"2\" ? (\r\n */}\r\n {/* \r\n
*/}\r\n {/*
\r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n {\r\n (this.props.activeTab == '1') ?\r\n \r\n \r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display).map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n :\r\n ATTRIBUTE_WIND_ORDER && ATTRIBUTE_WIND_ORDER.filter(item => item.display).map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n }\r\n
\r\n\r\n \r\n
Station
\r\n\r\n
Last Message
\r\n{attr.displayname}
\r\n }\r\n{attr.displayname}
\r\n }\r\n\r\n
*/}\r\n\r\n {/* {
\r\n \r\n {\r\n (this.props.activeTab == '1' && this.state.pageRange == 0) ?\r\n \r\n ATTRIBUTE_LABEL && ATTRIBUTE_LABEL.filter(item => item.displayname == \"Station\").map(attr => (\r\n \r\n \r\n \r\n
\r\n ))\r\n :\r\n null\r\n } */}\r\n {/*
\r\n {\r\n (this.props.activeTab == '1' && this.state.pageRange == 0) ?\r\n \r\n ATTRIBUTE_LABEL && ATTRIBUTE_LABEL.filter(item => item.displayname == \"Last Message\" ).map(attr => (\r\n \r\n\r\n
\r\n ))\r\n :\r\n null\r\n } */}\r\n\r\n {/* {\r\n (this.props.activeTab == '1' && this.state.pageRange == 0) ?\r\n \r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display).map(attr => (\r\n \r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n :\r\n \r\n null\r\n \r\n } }\r\n
*/}\r\n {/* \r\n Station
\r\n\r\n {\r\n (this.props.activeTab == '1' && this.state.pageRange == 0) ?\r\n \r\n ATTRIBUTE_LABEL && ATTRIBUTE_LABEL.filter(item => item.displayname == \"Last Message\" ).map(attr => (\r\n \r\n
{attr.displayname}
\r\n{attr.displayname}
\r\n }\r\n{this.renderSpinner()}
\r\n \r\n {/* {(this.state.ifDisplay == false && this.props.activeTab !== \"3\")?\r\n \r\n View More\r\n
\r\n \r\n : \r\n null}\r\n \r\n\r\n {(this.state.ifDisplay == true && this.props.activeTab !== \"3\")?\r\n \r\n \r\n View Less\r\n
\r\n : \r\n null} */}\r\n \r\n \r\n \r\n {legendList.map((item, index) => (\r\n \r\n \r\n \r\n \r\n {/* {item.label} */}\r\n \r\n ))}\r\n \r\n \r\n {legendList.map((item, index) => (\r\n \r\n {/* */}\r\n {item.label}\r\n \r\n ))}\r\n \r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n \r\n
\r\n {this.renderMUPagin(this.state.totalPages)} */}\r\n {/* {this.renderLegend()} */}\r\n {this.renderSpinner()}\r\n \r\n\r\n {/* \r\n {this.renderMUPagin()}\r\n */}\r\n {/* \r\n {this.renderLegend()}\r\n */}\r\n \r\n {/*
*/}\r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nfunction rowClassGnerator(\r\n alarmSet,\r\n item,\r\n attributeName,\r\n hasrule = false,\r\n isSmall = false\r\n) {\r\n let backgroupdColor =\r\n attributeName === \"Battery\" ? \"white\" : hasrule ? GREEN_COLOR : GREY_COLOR;\r\n let horizontalAlign =\r\n attributeName != \"Battery\" && isSmall ? \"space-between\" : \"space-evenly\"; //'center';\r\n let reClass = {\r\n // color: 'black',\r\n // fontWeight: 'normal',\r\n margin: \"5px 10px\",\r\n padding: \"5px 30px\",\r\n justifyContent: horizontalAlign, //'center'\r\n alignContent: \"center\",\r\n lineHeight: \"30px\",\r\n height: \"30px\",\r\n backgroundColor: backgroupdColor, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n color: \"black\",\r\n };\r\n\r\n // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n // return ({\r\n // padding:'5px',\r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // }\r\n // }\r\n\r\n if (\r\n alarmSet &&\r\n alarmSet[item.assetid] &&\r\n alarmSet[item.assetid][attributeName] &&\r\n alarmSet[item.assetid][attributeName].status == true\r\n ) {\r\n return {\r\n margin: \"5px 10px\",\r\n padding: \"5px 30px\",\r\n justifyContent: horizontalAlign, //'center',\r\n alignContent: \"center\",\r\n lineHeight: \"30px\",\r\n height: \"30px\",\r\n animation: \"fontBlink 1s infinite\",\r\n };\r\n }\r\n return reClass;\r\n}\r\n\r\nfunction updatedValue(item, attributeName) {\r\n let reValue = item[attributeName] ? item[attributeName] : \"\";\r\n // try{\r\n // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n // let itemTime = new Date(item.timestamp);\r\n // let alarmTime = new Date(this.props.alarmSet[item.assetid][attributeName].timestamp);\r\n //\r\n //\r\n // if (alarmTime > itemTime){\r\n // reValue = this.props.alarmSet[item.assetid][attributeName].value;\r\n //\r\n // }else{\r\n // // reValue = item[attributeName] ? item[attributeName] : '';\r\n // }\r\n\r\n // }\r\n // }\r\n // catch(e){\r\n\r\n // }\r\n\r\n return reValue;\r\n}\r\n\r\n// export default StatusBoard;\r\nexport default withStyles(styles)(StatusBoard);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2,\r\n // AdjustableDiv \r\n} from '../../../shared/components/Table/tableElements';\r\n// import { Resizable, ResizableBox } from 'react-resizable';\r\nimport { ATTRIBUTE_TYPE, ATTRIBUTE_NAME, TIME_ZONE, LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\nimport { weatherSeverity, mapWeatherSeverity } from '../../../factories/utils';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { data } from 'jquery';\r\n\r\nconst ATTRIBUTE_ALARM = 'CurrentDigitalInputState';\r\nconst ATTRIBUTE_BATTERY = 'BatteryVoltage';\r\n\r\nclass StatusTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [\r\n {\r\n msgid: 1,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 2,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '2',\r\n },\r\n {\r\n msgid: 3,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '3',\r\n },\r\n {\r\n msgid: 4,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 5,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '4',\r\n },\r\n {\r\n msgid: 6,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 7,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '3',\r\n },\r\n {\r\n msgid: 8,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '2',\r\n },\r\n {\r\n msgid: 9,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 10,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 11,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 12,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n ],\r\n };\r\n }\r\n\r\n assetnameFormat = (cell, row) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n\r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n this.props.toggle(true, row);\r\n }\r\n return (\r\n // { handleDeviceOnClick(e, cell); }}>{cell}\r\n `${cell}`\r\n )\r\n }\r\n\r\n timestampFormat = (cell, row) => {\r\n if (cell) {\r\n if (cell.charAt(0) == \"+\") {\r\n cell = new Date().getFullYear() + cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return ({displayTime});\r\n } else {\r\n return null\r\n }\r\n }\r\n\r\n valueFormat = (cell, row) => {\r\n let attr = row.msgtype;\r\n if ((ATTRIBUTE_ALARM === attr && 3 == mapWeatherSeverity(cell)) || (ATTRIBUTE_BATTERY === attr && 1 == cell)) { // weatherSeverity\r\n\r\n return {cell};\r\n }\r\n else {\r\n return {cell};\r\n }\r\n }\r\n\r\n valueClassFormat = (cell, row, rowIdx, colIdx) => {\r\n let attr = row.msgtype;\r\n if ((attr === 'alarm' && cell == 3) || (attr === 'battery' && cell == 1)) {\r\n\r\n return 'td-column-alarm';\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n createCustomExportCSVButton = (onClick) => {\r\n return (\r\n \r\n {/* \r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* {this.renderStatus()} */}\r\n {this.renderStatusWidget()}\r\n {/* \r\n \r\n :\r\n No data\r\n }\r\n\r\n \r\n ))}\r\n
*/}\r\n {/* \r\n
*/}\r\n {/*
*/}\r\n
\r\n {/* Station:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nLast Message:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nBattery Leve:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nInteral Temp:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\n\r\n {\r\n item.temperature ? \r\n {item.temperature} °C\r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n ))}\r\n */}\r\n
\r\n {this.renderMUPagin(this.state.totalPages)} */}\r\n {/* {this.renderLegend()} */}\r\n {this.renderSpinner()}\r\n
*/}\r\n {/*
*/}\r\n {/* {this.renderPagin()} */}\r\n {/* {this.renderMUPagin()} */}\r\n {/*
*/}\r\n \r\n
\r\n }\r\n \r\n
\r\n {this.renderAlarmTable()}\r\n
\r\n\r\n :\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n Lightning Alarm
\r\n\r\n {this.renderAlarmTable()}\r\n
\r\n
\r\n
\r\n
\r\n {this.renderAttrTable()}\r\n
\r\n {this.renderSpinner()}\r\n Station Attributes
\r\n\r\n {this.renderAttrTable()}\r\n
\r\n // {legendList.map((item, index)=>(\r\n //
\r\n // )\r\n // }\r\n renderLegend = () => {\r\n let legendList = [\r\n { color: 'gray', label: 'No Activity' },\r\n { color: 'red', label: 'Lightning near (<5km)' },\r\n { color: 'orange', label: 'Lightning approaching (5km to 15km)' },\r\n { color: 'yellow', label: 'Lightning Detected (+15km)' },\r\n { color: 'green', label: 'All Clear' },\r\n ];\r\n\r\n return (\r\n \r\n // \r\n // {item.label}\r\n //
\r\n // ))}\r\n // \r\n {/*
\r\n )\r\n }\r\n //--------------------------------------------------------------------\r\n\r\n handleMapMarkerClick = (props, marker, e) => {\r\n // \r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n // showingInfoWindow: !prevState.mapProps.showingInfoWindow,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n });\r\n }\r\n\r\n handleMapInfoWinShow = (props, marker, e) => {\r\n\r\n this.setState(prevState => {\r\n if ((props.position.lat != prevState.mapProps.lat || props.position.lng != prevState.mapProps.lng)) { //!prevState.mapProps.showingInfoWindow && \r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n // showingInfoWindow: !prevState.mapProps.showingInfoWindow,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }\r\n // else {\r\n // return null;\r\n // }\r\n });\r\n }\r\n\r\n // handleMapInfoWinClick = (props) => {\r\n // if(this.state.mapProps.showingInfoWindow){\r\n // this.setState({\r\n // showingInfoWindow: false,\r\n // activeMarker: null\r\n // });\r\n // }\r\n // }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ...prevState.mapProps,\r\n showingInfoWindow: false,\r\n // activeMarker: null\r\n }\r\n }));\r\n }\r\n\r\n tabToggle = (tab) => {\r\n localStorage.setItem('activeTab', tab);\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n mapShow: (tab == '3')\r\n }, () => {\r\n if (this.state.activeTab == '3') {\r\n this.onMapShow();\r\n }\r\n });\r\n }\r\n }\r\n\r\n onMapShow = () => { }\r\n\r\n render() {\r\n\r\n let processedMapdata = [];\r\n let statusData = [];\r\n let mapData = [];\r\n\r\n if (this.props.assetData) {\r\n this.props.assetData.forEach((asset, index) => {\r\n // let statusItem = {\r\n // assetid: asset.assetid, \r\n // assetname: asset.assetname, \r\n // timestamp: asset.timestamp, \r\n // alarm: 0, \r\n // battery: null, \r\n // temperature: null\r\n // };\r\n // if (asset.attributes){\r\n // statusItem = asset.attributes.reduce((accum, attribute)=>{\r\n // if (attribute.type != 'meta') {\r\n // \r\n // switch(attribute.attributename){\r\n // case 'CurrentDigitalInputState':\r\n // \r\n // let slicedValue = splitStatusValue(attribute.value);\r\n // accum = {\r\n // ...accum,\r\n // // alarm: weatherSeverity(attribute.value),\r\n // // hexAlarm: hex2bin(attribute.value),\r\n // alarm: slicedValue.status,\r\n // hexAlarm: hex2bin(slicedValue.alarm),\r\n // };\r\n // \r\n // break;\r\n // case \"BatteryVoltage\":\r\n // accum = {\r\n // ...accum,\r\n // battery: attribute.value,\r\n // };\r\n // break;\r\n // case \"InternalTemperature\":\r\n // accum = {\r\n // ...accum,\r\n // temperature: attribute.value,\r\n // };\r\n // break;\r\n // default : \r\n // accum = {\r\n // ...accum,\r\n // [attribute.attributename]: attribute.value,\r\n // };\r\n // }\r\n // }\r\n // return accum\r\n // }, statusItem);\r\n // }\r\n // statusData.push(statusItem);\r\n // ---------------------------------------------------\r\n let assetObj = {\r\n ...asset,\r\n color: 'gray',\r\n alarm: '0',\r\n };\r\n\r\n if (asset.attributes) {\r\n asset.attributes.forEach((attribute, index) => {\r\n if ('CurrentDigitalInputState' === attribute.attributename) {\r\n let slicedValue = splitStatusValue(attribute.value);\r\n // switch(weatherSeverity(attribute.value)){\r\n switch (mapWeatherSeverity(slicedValue.alarm)) {\r\n case 1:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'yellow',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 2:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'orange',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 3:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'red',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 4:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'green',\r\n // alarm: weatherSeverity(attribute.value), \r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n mapData.push(assetObj);\r\n });\r\n }\r\n\r\n // let statusData2 = reformWeatherAssetData(this.props.assetData);\r\n\r\n // \r\n // \r\n // \r\n return (\r\n */}\r\n \r\n
\r\n {/*
*/}\r\n | \r\n \r\n {/* {item.label} */}\r\n | \r\n ))}\r\n
| \r\n {/* */}\r\n {item.label}\r\n | \r\n ))}\r\n
\r\n
\r\n }\r\n \r\n {value}\r\n {' '}\r\n {units}\r\n {' '}\r\n {displayname}
\r\n\r\n {/* {attribute} */}\r\n {displayname}\r\n
\r\n {/* */}\r\n\r\n {value}\r\n {' '}\r\n {units}\r\n
\r\n\r\n {/*\r\n \r\n {newValue}\r\n \r\n {' '}\r\n \r\n {newUnits}\r\n \r\n
*/}\r\n \r\n\r\n
\r\n } \r\n \r\n Lightning Alarms\r\n
\r\n\r\n {/* \r\n
\r\n );\r\n };\r\n\r\n renderTimeFilter = () => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n renderSingalValue = (currentAttributeData) => {\r\n // console.log(\"===currentAttributeData\",currentAttributeData)\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {attrubuteChartData &&\r\n attrubuteChartData.map((item) => {\r\n if (item.attributename != \"CO2\") {\r\n // console.log(\"===attrubuteChartData\", attrubuteChartData);\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {currentAttributeData && currentAttributeData.map((item)=>{\r\n \r\n let isBlink = false;\r\n let updatedValue = null;\r\n // if (this.props.currentAsset && this.props.alarmObj && this.props.alarmObj.msgList) {\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (this.props.currentAsset.assetname === alarm.assetname && alarm.attributeList && alarm.attributeList.includes(item.attributename) && this.props.alarmObj.status == true){\r\n // isBlink = true;\r\n // break;\r\n // }\r\n // } \r\n // }\r\n\r\n if (this.props.currentAsset && this.props.alarmSet) {\r\n \r\n let assetid = this.props.currentAsset.assetid;\r\n \r\n if (this.props.alarmSet[assetid] && this.props.alarmSet[assetid][item.attributename]){\r\n // \r\n isBlink = this.props.alarmSet[assetid][item.attributename].status;\r\n // let itemTime = new Date(item.timestamp);\r\n // let alarmTime = new Date(this.props.alarmSet[assetid][item.attributename].timestamp);\r\n // \r\n // \r\n // if (alarmTime > itemTime){\r\n // updatedValue = this.props.alarmSet[assetid][item.attributename].value;\r\n // \r\n // }\r\n } \r\n }\r\n // -------------------------------------\r\n if (this.props.currentAsset && this.props.alarmSetObj) {\r\n let assetid = this.props.currentAsset.assetid;\r\n this.props.alarmSetObj[assetid] && Object.entries(this.props.alarmSetObj[assetid]).forEach(([key, value], index) => {\r\n if (value[item.attributename]) {\r\n isBlink = isBlink || value[item.attributename].status;\r\n }\r\n });\r\n }\r\n // --------------------------------------\r\n \r\n return(\r\n
\r\n \r\n \r\n
*/}\r\n \r\n \r\n \r\n {/* {this.renderTimeFilter()} */}\r\n {/* {this.renderSingalValue(currentAttributeData)} */}\r\n \r\n \r\n \r\n \r\n
\r\n {/*\r\n
*/}\r\n {/* \r\n {attrubuteChartData && attrubuteChartData.map((item)=>(\r\n
*/}\r\n {/* \r\n {attrubuteChartData && attrubuteChartData.map((item)=>(\r\n
*/}\r\n {/* \r\n
*/}\r\n {/*
*/}\r\n {/*\r\n {currentAttributeData && currentAttributeData.map((item)=>{\r\n \r\n let isBlink = false;\r\n let updatedValue = null;\r\n // if (this.props.currentAsset && this.props.alarmObj && this.props.alarmObj.msgList) {\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (this.props.currentAsset.assetname === alarm.assetname && alarm.attributeList && alarm.attributeList.includes(item.attributename) && this.props.alarmObj.status == true){\r\n // isBlink = true;\r\n // break;\r\n // }\r\n // } \r\n // }\r\n\r\n if (this.props.currentAsset && this.props.alarmSet) {\r\n \r\n let assetid = this.props.currentAsset.assetid;\r\n \r\n if (this.props.alarmSet[assetid] && this.props.alarmSet[assetid][item.attributename]){\r\n // \r\n isBlink = this.props.alarmSet[assetid][item.attributename].status;\r\n // let itemTime = new Date(item.timestamp);\r\n // let alarmTime = new Date(this.props.alarmSet[assetid][item.attributename].timestamp);\r\n // \r\n // \r\n // if (alarmTime > itemTime){\r\n // updatedValue = this.props.alarmSet[assetid][item.attributename].value;\r\n // \r\n // }\r\n } \r\n }\r\n \r\n return(\r\n
*/}\r\n {/* \r\n
*/}\r\n
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n {/*\r\n
*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/*
*/}\r\n {/*
\r\n {/*
\r\n {/* \r\n
*/}\r\n
\r\n \r\n {/*
*/}\r\n {/*
\r\n \r\n
\r\n {/* \r\n {\r\n showHistory ?\r\n \r\n :\r\n \r\n }\r\n
*/}\r\n {/* */}\r\n {/* \r\n
*/}\r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(WeatherPage);\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { InfoWindow } from \"google-maps-react\";\r\n\r\nexport default class InfoWindowEx extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.infoWindowRef = React.createRef();\r\n this.contentElement = document.createElement(`div`);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.children !== prevProps.children) {\r\n ReactDOM.render(\r\n React.Children.only(this.props.children),\r\n this.contentElement\r\n );\r\n this.infoWindowRef.current.infowindow.setContent(this.contentElement);\r\n }\r\n }\r\n\r\n render() {\r\n return Weather Management and Lightning Warning System
\r\n \r\n */}\r\n \r\n \r\n {/*
*/}\r\n {/* \r\n \r\n {/* \r\n
*/}\r\n \r\n {assetnameFormat(asset, toggle)}\r\n
\r\n \r\n {occupancyTimeFormat(asset)}\r\n {/* {timestampFormat(asset.attributes.LastOccupancy[0].value)} */}\r\n
\r\n \r\n {lastMessageTimeFormat(asset)}\r\n
\r\n \r\n {averageDataFormat(asset, true)}\r\n
\r\n \r\n {averageDataFormat(asset, false)}\r\n
\r\n
\r\n}\r\n\r\nconst AlarmDisplayElement = ({ attr, val, isSmall }) => {\r\n const key = attr.attributename;\r\n // const val = key === 'hexAlarm' ? asset[key] : null ;\r\n const colorVal = lightningColorMaper(val ? val.value : null);\r\n const status = val ? val.status : false;\r\n const displayObj = LEGEND_LIST.find(item => (item.color === colorVal));\r\n\r\n return \r\n
\r\n {displayTime}\r\n\r\n }\r\n else\r\n return
No Occupancy Time
;\r\n\r\n \r\n }\r\n}\r\n\r\nconst lastMessageTimeFormat = (asset) => {\r\n let unformattedTime;\r\n\r\n if(asset.attributes){\r\n for (let n=0;n{displayTime}\r\n\r\n }\r\n else\r\n return
No Last Message Time
;\r\n\r\n \r\n }\r\n}\r\n\r\nconst averageDataFormat = (asset, isTotalMonthly) => {\r\n let joinedString;\r\n let splitArray;\r\n let splitString;\r\n let totalOccupancy=0;\r\n let totalAverageTime=0;\r\n if(asset.attributes){\r\n for (let n=0;n\r\n {alert('click')}}\r\n onClick={self.mapSearchBarToggle}\r\n >\r\n \r\n {key} \r\n {this.props.values.selectedPlace.attr[key].value} \r\n \r\n ))\r\n )\r\n } else {\r\n\r\n return null;\r\n }\r\n }\r\n let pathArr = [];\r\n if(this.state.assetSelector==false){\r\n this.state.mapData=this.props.statusData; \r\n }\r\n \r\n if (this.props.mapShow) {\r\n\r\n this.setMapBounds(this.state.mapData);\r\n }\r\n\r\n let lineSymbol = {\r\n path: 'M-2,4 0,0 M2,4 0,0',\r\n strokeOpacity: 1,\r\n scale: 2,\r\n };\r\n \r\n this.state.assetName=[];\r\n this.state.assetName.push({value:'-1',\r\n label:'No Selection...'})\r\n this.props.statusData.map(asset=>{\r\n var obj={value:asset,\r\n label:asset.assetname}\r\n this.state.assetName.push(obj) \r\n return (0); \r\n }); \r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction processAssetDataMsg(mapData, pointArr, selectedAttriId) {\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n if (reMapData && reMapData.length === 1 && reMapData[0].asset && reMapData[0].asset.length === 1) {\r\n let asset = reMapData[0].asset.pop();\r\n if (asset.device) {\r\n for (let i = 0; i < asset.device.length; i++) {\r\n if (asset.device[i].trackable) {\r\n if (asset.device[i].msgs && asset.device[i].msgs.length > 0) {\r\n let messages = asset.device[i].msgs;\r\n let cloneasset = asset;\r\n for (let mi = 0; mi < messages.length; mi++) {\r\n let newAsset = JSON.parse(JSON.stringify(cloneasset));\r\n for (let j = 0; j < newAsset.device.length; j++) {\r\n let msgItem;\r\n let newMsg = newAsset.device[j].msgs;\r\n // \r\n if (j === i) {\r\n msgItem = JSON.parse(JSON.stringify(messages[mi]));\r\n } else {\r\n let otherMessages = asset.device[j].msgs;\r\n msgItem = JSON.parse(JSON.stringify(otherMessages[mi]));\r\n }\r\n\r\n msgItem.msg = { ...newMsg[0].msg, ...msgItem.msg }\r\n\r\n\r\n newAsset.device[j].msgs = [];\r\n // newAsset.device[j].msgs.push(JSON.parse(JSON.stringify(messages[mi])));\r\n newAsset.device[j].msgs.push(msgItem);\r\n if (selectedAttriId) {\r\n // set asset color\r\n if (msgItem.msg) {\r\n Object.keys(msgItem.msg).forEach((key) => {\r\n // \r\n // \r\n // \r\n if (msgItem.msg[key].id == selectedAttriId) {\r\n // \r\n let colorValue = msgItem.msg[key].themeattributevalue;\r\n if (msgItem.msg[key].display !== false && colorValue && colorValue.length > 0) {\r\n // \r\n // color = colorValue ;\r\n newAsset['color'] = colorValue;\r\n }\r\n } else {\r\n // delete msg.msg[key];\r\n }\r\n });\r\n }\r\n }\r\n }\r\n if (messages[mi].msg && messages[mi].msg.Lng && messages[mi].msg.Lat) {\r\n newAsset.locationlat = messages[mi].msg.Lat.value;\r\n newAsset.locationlng = messages[mi].msg.Lng.value;\r\n }\r\n cloneasset = newAsset;\r\n reMapData[0].asset.push(newAsset);\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n if (reMapData[0].asset.length === 0) {\r\n reMapData[0].asset.push(asset);\r\n }\r\n\r\n reMapData[0].asset.forEach((item, index) => {\r\n if (item.device) {\r\n let timestampe = new Date();\r\n item.device.forEach((d, i) => {\r\n if (d.trackable && d.msgs && d.msgs.length === 1) {\r\n timestampe = new Date(d.msgs[0].timestamp);\r\n // \r\n }\r\n });\r\n\r\n item.device.forEach((d, i) => {\r\n if (!d.trackable || d.msgs.length > 1) {\r\n // \r\n let foundIndex = -1;\r\n for (let m = 0; m < d.msgs.length; m++) {\r\n if (d.msgs[m].timestamp <= timestampe) {\r\n foundIndex = m;\r\n // break;\r\n } else {\r\n break;\r\n }\r\n }\r\n if (foundIndex >= 0) {\r\n d.msgs = [d.msgs[foundIndex]];\r\n } else {\r\n d.msgs = [d.msgs[0]];\r\n }\r\n\r\n }\r\n });\r\n }\r\n });\r\n\r\n // \r\n pathPoints(reMapData, pointArr);\r\n\r\n\r\n } else if (reMapData && reMapData.length >= 1 && selectedAttriId) {\r\n\r\n reMapData.forEach((ac, acIndex) => {\r\n\r\n ac.asset && ac.asset.forEach((at, atIndex) => {\r\n\r\n at.device && at.device.forEach((dv, dvIndex) => {\r\n\r\n dv.msgs && dv.msgs.length > 0 && dv.msgs[0].msg && Object.keys(dv.msgs[0].msg).forEach((key) => {\r\n\r\n if (dv.msgs[0].msg[key].id == selectedAttriId) {\r\n let colorValue = dv.msgs[0].msg[key].themeattributevalue;\r\n\r\n if (dv.msgs[0].msg[key].display !== false && colorValue && colorValue.length > 0) {\r\n at['color'] = colorValue;\r\n }\r\n }\r\n });\r\n });\r\n });\r\n });\r\n\r\n }\r\n\r\n return reMapData;\r\n}\r\n\r\nfunction postProcessAssetDataMsg(mapData, pointArr, selectedAttriId, multiAssets) {\r\n\r\n\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n reMapData = filterZeroPosition(reMapData);\r\n if (!multiAssets) {\r\n pathPoints(reMapData, pointArr);\r\n }\r\n // pathPoints(reMapData, pointArr);\r\n\r\n if (reMapData && selectedAttriId) {\r\n // \r\n reMapData.forEach((ac, acIndex) => {\r\n // \r\n ac.asset && ac.asset.forEach((at, atIndex) => {\r\n // \r\n at.device && at.device.forEach((dv, dvIndex) => {\r\n // \r\n dv.msgs && dv.msgs.length > 0 && dv.msgs[0].msg && Object.keys(dv.msgs[0].msg).forEach((key) => {\r\n // \r\n if (dv.msgs[0].msg[key].id == selectedAttriId) {\r\n let colorValue = dv.msgs[0].msg[key].themeattributevalue;\r\n // \r\n if (dv.msgs[0].msg[key].display !== false && colorValue && colorValue.length > 0) {\r\n at['color'] = colorValue;\r\n }\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return reMapData;\r\n}\r\n\r\nfunction filterZeroPosition(mapData) {\r\n mapData && mapData.forEach((assetclass, acindex) => {\r\n if (assetclass.asset) {\r\n let filteredAsset = assetclass.asset.filter((asset, atindex) => (asset.locationlat != 0 && asset.locationlng != 0));\r\n assetclass.asset = filteredAsset;\r\n }\r\n });\r\n\r\n return mapData;\r\n}\r\n\r\nfunction processAssetData(mapData, pointArr) {\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n if (reMapData && reMapData.length === 1 && reMapData[0].asset && reMapData[0].asset.length === 1) {\r\n let asset = reMapData[0].asset.pop();\r\n // let newAssetArr = [];\r\n if (asset.device) {\r\n for (let i = 0; i < asset.device.length; i++) {\r\n if (asset.device[i].trackable) {\r\n if (asset.device[i].msgs && asset.device[i].msgs.length > 0) {\r\n let messages = asset.device[i].msgs;\r\n for (let mi = 0; mi < messages.length; mi++) {\r\n let newAsset = JSON.parse(JSON.stringify(asset));\r\n newAsset.device[i].msgs = [];\r\n newAsset.device[i].msgs.push(JSON.parse(JSON.stringify(messages[mi])));\r\n // \r\n if (messages[mi].msg && messages[mi].msg.Lng && messages[mi].msg.Lat) {\r\n newAsset.locationlat = messages[mi].msg.Lat.value;\r\n newAsset.locationlng = messages[mi].msg.Lng.value;\r\n }\r\n reMapData[0].asset.push(newAsset);\r\n }\r\n }\r\n break;\r\n };\r\n }\r\n }\r\n if (reMapData[0].asset.length === 0) {\r\n reMapData[0].asset.push(asset);\r\n }\r\n\r\n // \r\n\r\n reMapData[0].asset.forEach((item, index) => {\r\n if (item.device) {\r\n let timestampe = new Date();\r\n item.device.forEach((d, i) => {\r\n if (d.trackable && d.msgs && d.msgs.length === 1) {\r\n timestampe = new Date(d.msgs[0].timestamp);\r\n // \r\n }\r\n });\r\n\r\n item.device.forEach((d, i) => {\r\n if (!d.trackable || d.msgs.length > 1) {\r\n // \r\n let foundIndex = -1;\r\n for (let m = 0; m < d.msgs.length; m++) {\r\n if (d.msgs[m].timestamp <= timestampe) {\r\n foundIndex = m;\r\n break;\r\n }\r\n }\r\n if (foundIndex >= 0) {\r\n d.msgs = [d.msgs[foundIndex]];\r\n }\r\n\r\n }\r\n });\r\n }\r\n });\r\n\r\n // \r\n pathPoints(reMapData, pointArr);\r\n\r\n }\r\n\r\n return reMapData;\r\n}\r\n\r\nfunction pathPoints(mapData, pathPoints) {\r\n // let pathPoints = null;\r\n if (mapData && mapData.length === 1 && mapData[0].asset && mapData[0].asset.length > 1) {\r\n let assets = mapData[0].asset;\r\n // pathPoints = [];\r\n for (let i = 0; i < assets.length - 1; i++) {\r\n let points = [\r\n { lat: Number(assets[i].locationlat), lng: Number(assets[i].locationlng) },\r\n { lat: Number(assets[i + 1].locationlat), lng: Number(assets[i + 1].locationlng) },\r\n ];\r\n pathPoints.push(points);\r\n }\r\n }\r\n // \r\n // return pathPoints; \r\n}\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n const fenceStatus = state.fence.type;\r\n const props = { allfences, fenceObj, fenceStatus };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ loadAllGeoFences, }, dispatch);\r\n};\r\n// export default connect(mapStateToProps, mapDispatchToProps)(StepCondition);\r\n\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing', 'places'],\r\n }),\r\n connect(mapStateToProps, mapDispatchToProps)\r\n);\r\n\r\nexport default enhance(OccupancyMap);\r\n\r\n// --------------------------------------------------------\r\n\r\nclass ClusterWrapper extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.markers = [];\r\n this.iconIntervals = [];\r\n }\r\n\r\n componentDidMount() {\r\n\r\n // this.renderCluster();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n\r\n if (prevProps.google !== this.props.google || prevProps.mapData !== this.props.mapData) {\r\n\r\n // if (this.clusterer) {\r\n // this.clusterer.clearMarkers();\r\n // }\r\n // this.clearAllMarkers();\r\n // this.renderCluster();\r\n }\r\n this.clearAllMarkers();\r\n this.renderCluster();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // \r\n }\r\n\r\n componentWillUnmount() {\r\n\r\n this.clearAllMarkers();\r\n }\r\n\r\n clearAllMarkers = () => {\r\n if (this.iconIntervals) {\r\n this.iconIntervals.forEach((item, index) => {\r\n clearInterval(item);\r\n });\r\n }\r\n if (this.clusterer) {\r\n this.clusterer.clearMarkers();\r\n }\r\n }\r\n\r\n\r\n\r\n renderCluster = () => {\r\n let { google, map } = this.props;\r\n this.markers = [];\r\n if (this.props.mapData) {\r\n const options = { legWeight: 3, minZoomLevel: 18 }; // Just an example of options - please set your own if necessary\r\n // const oms = new OverlappingMarkerSpiderfier(map, options);\r\n // ----------------------------------------------------------------------------------------\r\n let that = this;\r\n\r\n this.props.mapData.forEach((item, index) => {\r\n // let that = this;\r\n // if (item.asset && Array.isArray(item.asset)) {\r\n // item.asset.forEach((m, i) =>{\r\n let m = item;\r\n if (m.locationlat !== 0 || m.locationlng !== 0) {\r\n let path = that.props.defaultIconPath;\r\n let color = that.props.defaultColor;\r\n if (item.assetIcon && item.assetIcon.iconsvg) {\r\n path = item.assetIcon.iconsvg;\r\n }\r\n // if (m.color){\r\n // color = m.color;\r\n // }\r\n let alarmObj = this.props.alarmSetObj ? this.props.alarmSetObj[m.assetid] : null;\r\n if (m.attributes && m.attributes['hexAlarm'] && m.attributes['hexAlarm'].length > 0) {\r\n delete m.attributes['hexAlarm']\r\n }\r\n let statusSet = setDonut(alarmObj, m.attributes, m.color); \r\n color = statusSet.color;\r\n let ref = {\r\n map: map,\r\n name: m.assetname,\r\n // device: m.device,\r\n timestamp: m.timestamp,\r\n attributes: m.attributes,\r\n asset: m,\r\n position: { lat: Number(m.locationlat), lng: Number(m.locationlng) },\r\n icon: that.props.generateIcon(color, path)\r\n }\r\n if (item.grouping == \"wind\") {\r\n // ref.icon = that.props.generateIcon(\"red\", path)\r\n ref.icon = {\r\n path:\r\n \"M 4 10 A 1 1 0 0 1 3 9 A 1 1 0 0 1 4 8 H 12 A 2 2 0 0 0 14 6 A 2 2 0 0 0 12 4 C 11.45 4 10.95 4.22 10.59 4.59 C 10.2 5 9.56 5 9.17 4.59 C 8.78 4.2 8.78 3.56 9.17 3.17 C 9.9 2.45 10.9 2 12 2 A 4 4 0 0 1 16 6 A 4 4 0 0 1 12 10 H 4 M 19 12 A 1 1 0 0 0 20 11 A 1 1 0 0 0 19 10 C 18.72 10 18.47 10.11 18.29 10.29 C 17.9 10.68 17.27 10.68 16.88 10.29 C 16.5 9.9 16.5 9.27 16.88 8.88 C 17.42 8.34 18.17 8 19 8 A 3 3 0 0 1 22 11 A 3 3 0 0 1 19 14 H 5 A 1 1 0 0 1 4 13 A 1 1 0 0 1 5 12 H 19 M 18 18 H 4 A 1 1 0 0 1 3 17 A 1 1 0 0 1 4 16 H 18 A 3 3 0 0 1 21 19 A 3 3 0 0 1 18 22 C 17.17 22 16.42 21.66 15.88 21.12 C 15.5 20.73 15.5 20.1 15.88 19.71 C 16.27 19.32 16.9 19.32 17.29 19.71 C 17.47 19.89 17.72 20 18 20 A 1 1 0 0 0 19 19 A 1 1 0 0 0 18 18 M 10 21 L 11.5 27 L 13 21\",\r\n fillColor: \"blue\",\r\n fillOpacity: 0.75,\r\n strokeWeight: 0,\r\n rotation: 0,\r\n scale: 1.5,\r\n anchor: new google.maps.Point(11.5, 27),\r\n }\r\n }\r\n \r\n let marker = new google.maps.Marker(ref);\r\n /* if (statusSet.status == 1) {\r\n blinkSymbol(marker, this.iconIntervals);\r\n } */\r\n // blinkSymbol(marker, this.iconIntervals);\r\n marker.addListener('click', (e) => { this.props.onMarkerClick(ref, marker, e) });\r\n this.markers.push(marker);\r\n }\r\n // });\r\n // }\r\n });\r\n\r\n this.clusterer = new MarkerClusterer(map, this.markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m', maxZoom: 18 });\r\n // \r\n // return this.markers;\r\n // return this.clusterer;\r\n }\r\n\r\n return null;\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction blinkSymbol(marker, intervals) {\r\n const step = -0.9;\r\n const duration = 300; // ms\r\n const max = 1;\r\n let count = 0;\r\n let scale = 1;\r\n let icon = marker.getIcon();\r\n if (icon) {\r\n let orScale = icon.scale;\r\n const iconInterval = setInterval(() => {\r\n\r\n count++;\r\n if (count <= max && (scale + step) > 0) {\r\n icon.scale = icon.scale * (scale + step);\r\n } else {\r\n icon.scale = orScale;\r\n count = 0;\r\n }\r\n marker.setIcon(icon);\r\n }, duration);\r\n if (intervals) {\r\n intervals.push(iconInterval);\r\n }\r\n }\r\n\r\n\r\n}","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Bar} from 'react-chartjs-2';\r\n\r\nclass WeatherBarChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={}\r\n }\r\n renderBarChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n // const chartdata1 = [20,30,50,40,10];\r\n // const chartdata2 = [10,40,30,20,30];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n let chartdatared = [];\r\n let chartdataorange = [];\r\n let chartdatayellow = [];\r\n if (this.props.countData){\r\n this.props.countData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n let orange = {x: item.date, y: item.orange};\r\n let yellow = {x: item.date, y: item.yellow};\r\n chartdatared.push(red);\r\n chartdataorange.push(orange);\r\n chartdatayellow.push(yellow);\r\n });\r\n\r\n }\r\n \r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: 'Alarm Red',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatared,\r\n },\r\n {\r\n label: 'Alarm Orenge',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n backgroundColor: 'rgba(255,155,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdataorange\r\n },\r\n {\r\n label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n backgroundColor: 'rgba(255,255,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatayellow\r\n }\r\n ]\r\n };\r\n \r\n let unit = this.props.units ==='day' ? 'day': 'hour';\r\n let rationOption = this.props.isSmall ? {responsive: true, maintainAspectRatio: false,} : { aspectRatio: 4, responsive: true, maintainAspectRatio: true,} \r\n return (\r\n \r\n \r\n );\r\n }\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderBarChart()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default WeatherBarChart;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\nclass WeatherLineChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={};\r\n }\r\n\r\n renderLineChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n\r\n let dataset1 = [];\r\n if (this.props.chartData && this.props.attributea){\r\n // dataset1=this.props.chartData.filter((item)=>(item.attributename === this.props.attributea)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute1 = this.props.chartData.find((item)=>(item.attributename === this.props.attributea));\r\n if (assetAttribute1) {\r\n dataset1 = assetAttribute1.data;\r\n \r\n }\r\n };\r\n\r\n let dataset2 = [];\r\n if (this.props.chartData && this.props.attributeb){\r\n // dataset2=this.props.chartData.filter((item)=>(item.attributename === this.props.attributeb)).map((item)=>({x: item.attritime, y: item.value}));\r\n const assetAttribute2 = this.props.chartData.find((item)=>(item.attributename === this.props.attributeb));\r\n if (assetAttribute2) {\r\n dataset2 = assetAttribute2.data;\r\n }\r\n };\r\n\r\n\r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: this.props.attributea,\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: 'rgba(255,99,132,1)',\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,1)',\r\n yAxisID: 'left-y-axis',\r\n fill: false,\r\n // data: chartdata1,\r\n data: dataset1,\r\n },\r\n {\r\n label: this.props.attributeb,\r\n // backgroundColor: 'rgba(99,132,255,0.2)',\r\n backgroundColor: 'white',\r\n borderColor: 'rgba(99,132,255,1)',\r\n pointRadius: 0,\r\n // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n pointHoverBackgroundColor: 'rgba(99,132,255,0.4)',\r\n pointHoverBorderColor: 'rgba(255,99,132,255,1)',\r\n yAxisID: 'right-y-axis',\r\n fill: false,\r\n // data: chartdata1,\r\n data: dataset2,\r\n },\r\n // {\r\n // label: 'Alarm Orenge',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata2\r\n // },\r\n // {\r\n // label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n // borderColor: 'rgba(255,99,132,1)',\r\n // // borderWidth: 0.2,\r\n // barPercentage: 0.9,\r\n // categoryPercentage: 0.6,\r\n // hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n // hoverBorderColor: 'rgba(255,99,132,1)',\r\n // data: chartdata1\r\n // }\r\n ]\r\n };\r\n\r\n const options = {\r\n aspectRatio: 3,\r\n responsive: true,\r\n maintainAspectRatio: true,\r\n scales: {\r\n bounds: 'data',\r\n // bounds: 'ticks',\r\n // xAxes: [{\r\n // // stacked: false,\r\n // // type: 'linear',\r\n // }],\r\n xAxes: [{\r\n type: 'time',\r\n // distribution: 'series',\r\n distribution: 'linear',\r\n // offset: true,\r\n time: {\r\n unit: 'hour',\r\n // stepSize: 3,\r\n // round: true,\r\n // parser: 'MMM DD HH'\r\n displayFormats: {\r\n 'hour': 'MMM DD HH',\r\n }\r\n },\r\n ticks:{\r\n // min: '2016-12-24',\r\n // max: '2016-12-30',\r\n // maxTicksLimit: 10,\r\n // sampleSize: 2,\r\n autoSkip: true,\r\n autoSkipPadding: 10,\r\n bounds: 'data',\r\n source: 'auto',\r\n }\r\n }],\r\n yAxes: [{\r\n // stacked: false,\r\n // type: 'linear',\r\n // offset: true,\r\n label: 'test left',\r\n id: 'left-y-axis',\r\n position: 'left',\r\n ticks: {\r\n // min: 0,\r\n // max: 70,\r\n }\r\n },\r\n {\r\n label: 'test right',\r\n id: 'right-y-axis',\r\n // type: 'linear',\r\n position: 'right',\r\n }\r\n ]\r\n },\r\n legend: {\r\n display: true,\r\n position: 'bottom',\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: 'rgb(255, 99, 132)'\r\n }\r\n }\r\n }\r\n return(\r\n \r\n \r\n )\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n \r\n {this.renderLineChart()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default WeatherLineChart;","/* eslint-disable */\r\nimport { ConsoleLineIcon, ThermostatBoxIcon } from 'mdi-react';\r\nimport React, { Component, Fragment, useEffect, useState } from 'react';\r\nimport {Card, CardBody, Col, Row, Button, Container} from 'reactstrap';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport DonutWidget from './DonutWidget';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport { FaSearch } from 'react-icons/fa';\r\nimport {\r\n GREEN_COLOR, \r\n RED_COLOR, \r\n ORENGE_COLOR, \r\n GREY_COLOR,\r\n TIME_ZONE,\r\n} from '../../../constants/dataConstants';\r\n\r\nclass OccupancyBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.id=[];\r\n this.state = {\r\n currentHour: 0,\r\n currentMin: 0\r\n }\r\n }\r\n componentdDidUpdate(){\r\n console.log(\"Board Updated!\")\r\n }\r\n\r\n batteryRender = (cell) => {\r\n let batteryLevel;\r\n let batteryText;\r\n if(cell.OccupancyBattery){\r\n for (let n=0;n\r\n \r\n \r\n {batteryText}\r\n
\r\n // \r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\nexport default OccupancyMapInfo","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from 'redux'\r\nimport { connect } from \"react-redux\";\r\nimport ReactDOM from 'react-dom';\r\nimport { Map, GoogleApiWrapper, Marker, InfoWindow, Polyline } from 'google-maps-react';\r\nimport InfoWindowEx from './InfoWindowEx';\r\nimport { Container, Row, Col, Button, Table, Input, Label, Collapse } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Select from 'react-select';\r\n// import MapInfoWindow from './MapInfoWindow';\r\nimport { toast } from \"react-toastify\";\r\nimport { loadAllGeoFences } from '../../../redux/actions/fenceAction';\r\nimport { generateSelectOptions } from '../../../factories/utils';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\nimport MarkerClusterer from \"@google/markerclusterer\";\r\nimport { MagnifyIcon, CloseIcon } from 'mdi-react';\r\n// import OverlappingMarkerSpiderfier from 'overlapping-marker-spiderfier';\r\nimport OccupancyMapInfo from './OccupancyMapInfoWin';\r\nimport {\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ALARM_META_ATTRI_OBJ\r\n} from '../../../constants/dataConstants';\r\nimport { setDonut } from '../../../factories/weather';\r\n\r\nexport class OccupancyMap extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n this.myMap = React.createRef();\r\n this.state = {\r\n msg: '',\r\n collapse: true,\r\n assetSelector:false,\r\n mapData:[],\r\n assetName:[],\r\n assetList:[]\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // \r\n }\r\n\r\n componentWillReceiveProps(nextProps) { }\r\n \r\n setSelection = (googleShape) => {\r\n this.selectedShape = googleShape;\r\n }\r\n deleteSelectedShape = () => {\r\n if (this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n showShapOnMap = (shape) => {\r\n if (shape && this.myMap && this.myMap.current) {\r\n // alert('yes');\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShap(google, map, shape);\r\n } else {\r\n this.deleteSelectedShape();\r\n }\r\n }\r\n setShap = (google, map, shape) => {\r\n let self = this;\r\n let newCenter;\r\n let bounds;\r\n if (shape) {\r\n // self.deleteSelectedShape();\r\n switch (shape.type) {\r\n case 'circle':\r\n const initCircle = new google.maps.Circle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n radius: shape.data.radius,\r\n editable: false\r\n });\r\n bounds = initCircle.getBounds();\r\n newCenter = initCircle.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initCircle);\r\n // this.setCircleData(initCircle); \r\n break;\r\n case 'rectangle':\r\n const initRectangle = new google.maps.Rectangle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: false\r\n });\r\n // google.maps.event.addListener(initRectangle, 'bounds_changed', () => {\r\n // this.setRectangleData(initRectangle);\r\n // \r\n // });\r\n bounds = initRectangle.getBounds();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initRectangle);\r\n // this.setRectangleData(initRectangle); \r\n break;\r\n case 'polygon':\r\n google.maps.Polygon.prototype.getBoundingBox = function () {\r\n var bounds = new google.maps.LatLngBounds();\r\n this.getPath().forEach(function (element, index) {\r\n bounds.extend(element)\r\n });\r\n return (bounds);\r\n }\r\n const initPolygon = new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: false\r\n });\r\n\r\n bounds = initPolygon.getBoundingBox();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initPolygon);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n setMapBounds = (mapData) => {\r\n if (this.myMap && this.myMap.current) {\r\n\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n if (google, map) {\r\n let bounds = null;\r\n if (mapData && mapData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n mapData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n if (bounds) {\r\n map.fitBounds(bounds);\r\n }\r\n }\r\n }\r\n }\r\n\r\n getMapBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.statusData && this.props.statusData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n this.props.statusData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n getCompanyBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.userObj.company && this.props.userObj.company.businessArea) {\r\n // \r\n let points = JSON.parse(this.props.userObj.company.businessArea);\r\n bounds = new google.maps.LatLngBounds();\r\n points.forEach((point, index) => {\r\n bounds.extend(\r\n new google.maps.LatLng(point.lat, point.lng),\r\n );\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n initMap(mapProps, map) {\r\n var self = this;\r\n const { google } = mapProps;\r\n\r\n let bounds = this.getMapBounds(google, map);\r\n // \r\n if (bounds) {\r\n map.fitBounds(bounds); \r\n }\r\n\r\n let intiStyles = [\r\n {\r\n featureType: \"poi\",\r\n elementType: \"abels.text\",\r\n stylers: [\r\n { visibility: \"off\" },\r\n ]\r\n }\r\n ];\r\n map.setOptions({ styles: intiStyles });\r\n self.setShap(google, map, self.state.shape);\r\n var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n var searchBox = new google.maps.places.SearchBox(input);\r\n map.addListener('bounds_changed', function () {\r\n searchBox.setBounds(map.getBounds());\r\n });\r\n searchBox.addListener('places_changed', () => {\r\n var places = searchBox.getPlaces();\r\n if (places.length == 0) {\r\n return;\r\n }\r\n\r\n map.setCenter(places[0].geometry.location);\r\n });\r\n\r\n var controlMarkerUI = document.createElement('DIV');\r\n\r\n let searchBtn = \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.props.loading &&\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n // {/* */}\r\n // \r\n // \r\n // \r\n // \r\n // {batteryText}\r\n // \r\n // \r\n // {/*
*/}\r\n //
\r\n )\r\n }\r\n\r\n \r\n\r\n lastMessage = (cell, row) => {\r\n let lastTimeReceived;\r\n\r\n if(cell.LastMessageTime){\r\n for (let n=0;n\r\n
\r\n );\r\n }\r\n\r\n assetnameFormat = (cell) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n\r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n this.props.toggle(true, cell);\r\n }\r\n return (\r\n { handleDeviceOnClick(e, cell.assetname); }}>{cell.assetname}\r\n )\r\n }\r\n\r\n timestampFormat = (cell) => {\r\n if (cell) {\r\n if(cell.charAt(0)==\"+\"){\r\n cell=new Date().getFullYear()+cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return ({displayTime});\r\n } else {\r\n return null\r\n }\r\n }\r\n\r\n renderAttributeIcons = (attributename) => {\r\n switch (attributename) {\r\n case 'Temperature':\r\n return Dew Point:
\r\nStation
\r\nLast Message
\r\nTemperature:
\r\nPressure:
\r\nHumidity:
\r\nDew Point:
\r\nIrradiation:
\r\nBattery:
\r\nRain:
\r\nWind Avg:
\r\nWind Direction Avg:
\r\n{attr.displayname}
\r\n\r\n \r\n {!this.props.isSmall &&\r\n \r\n {/* \r\n }\r\n {/* {this.props.statusDataProp && this.props.statusDataProp.map((item, index) => (\r\n \r\n {group.map((item, index) => (\r\n
\r\n \r\n :\r\n \r\n ))}\r\n\r\n
\r\n
\r\n );\r\n }\r\n // --------------------------------------------------------------------------\r\n renderLegend = () => {\r\n let legendList = [\r\n { color: 'gray', label: 'No Activity' },\r\n { color: 'red', label: 'Lightning near (<5km)' },\r\n { color: 'orange', label: 'Lightning approaching (5km to 15km)' },\r\n { color: 'yellow', label: 'Lightning Detected (+15km)' },\r\n { color: 'green', label: 'All Clear' },\r\n ];\r\n if (!this.props.isSmall) {\r\n return (\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n (this.props.activeTab == '1') ?\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display).map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n :\r\n ATTRIBUTE_WIND_ORDER && ATTRIBUTE_WIND_ORDER.filter(item => item.display).map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n }\r\n
\r\n \r\n Station
\r\nLast Message
\r\n{attr.displayname}
\r\n }\r\n{attr.displayname}
\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n else {\r\n return (\r\n | \r\n \r\n {/* {item.label} */}\r\n | \r\n ))}\r\n
| \r\n {/* */}\r\n {item.label}\r\n | \r\n ))}\r\n
\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n {this.renderMUPagin(this.state.totalPages)} */}\r\n {/* {this.renderLegend()} */}\r\n {this.renderSpinner()}\r\n \r\n\r\n {/* \r\n {this.renderMUPagin()}\r\n */}\r\n {/* \r\n {this.renderLegend()}\r\n */}\r\n \r\n {/*
*/}\r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nfunction rowClassGnerator(alarmSet, item, attributeName, hasrule = false, isSmall = false) {\r\n let backgroupdColor = attributeName === 'Battery' ? 'white' : hasrule ? GREEN_COLOR : GREY_COLOR;\r\n let horizontalAlign = attributeName != 'Battery' && isSmall ? 'space-between' : 'space-evenly'; //'center';\r\n let reClass = {\r\n // color: 'black', \r\n // fontWeight: 'normal',\r\n margin: '5px 10px',\r\n padding: '5px 30px',\r\n justifyContent: horizontalAlign, //'center'\r\n alignContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px',\r\n backgroundColor: backgroupdColor, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n color: 'black'\r\n };\r\n\r\n // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n // return ({\r\n // padding:'5px', \r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // }\r\n // } \r\n\r\n if (alarmSet && alarmSet[item.assetid] && alarmSet[item.assetid][attributeName] && alarmSet[item.assetid][attributeName].status == true) {\r\n\r\n return ({\r\n margin: '5px 10px',\r\n padding: '5px 30px',\r\n justifyContent: horizontalAlign, //'center',\r\n alignContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px',\r\n animation: 'fontBlink 1s infinite',\r\n });\r\n }\r\n return reClass;\r\n}\r\n\r\nfunction updatedValue(item, attributeName) {\r\n let reValue = item[attributeName] ? item[attributeName] : '';\r\n // try{\r\n // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n // let itemTime = new Date(item.timestamp);\r\n // let alarmTime = new Date(this.props.alarmSet[item.assetid][attributeName].timestamp);\r\n // \r\n // \r\n // if (alarmTime > itemTime){\r\n // reValue = this.props.alarmSet[item.assetid][attributeName].value;\r\n // \r\n // }else{\r\n // // reValue = item[attributeName] ? item[attributeName] : '';\r\n // }\r\n\r\n // }\r\n // } \r\n // catch(e){\r\n\r\n // }\r\n\r\n return reValue;\r\n}\r\n\r\n// export default StatusBoard;\r\nexport default withStyles(styles)(StatusBoard);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2,\r\n // AdjustableDiv \r\n} from '../../../shared/components/Table/tableElements';\r\n// import { Resizable, ResizableBox } from 'react-resizable';\r\nimport { ATTRIBUTE_TYPE, ATTRIBUTE_NAME, TIME_ZONE } from '../../../constants/dataConstants';\r\nimport { weatherSeverity, mapWeatherSeverity } from '../../../factories/utils';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport { data } from 'jquery';\r\n\r\nconst ATTRIBUTE_ALARM = 'CurrentDigitalInputState';\r\nconst ATTRIBUTE_BATTERY = 'BatteryVoltage';\r\n\r\nclass StatusTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [\r\n {\r\n msgid: 1,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 2,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '2',\r\n },\r\n {\r\n msgid: 3,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '3',\r\n },\r\n {\r\n msgid: 4,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 5,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '4',\r\n },\r\n {\r\n msgid: 6,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 7,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '3',\r\n },\r\n {\r\n msgid: 8,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '2',\r\n },\r\n {\r\n msgid: 9,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 10,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 11,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 12,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n ],\r\n };\r\n }\r\n\r\n assetnameFormat = (cell, row) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n\r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n this.props.toggle(true, row);\r\n }\r\n return (\r\n `${cell}`\r\n )\r\n }\r\n\r\n timestampFormat = (cell, row) => {\r\n if (cell) {\r\n if (cell.charAt(0) == \"+\") {\r\n cell = new Date().getFullYear() + cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return ({displayTime});\r\n } else {\r\n return null\r\n }\r\n }\r\n\r\n valueFormat = (cell, row) => {\r\n let attr = row.msgtype;\r\n if ((ATTRIBUTE_ALARM === attr && 3 == mapWeatherSeverity(cell)) || (ATTRIBUTE_BATTERY === attr && 1 == cell)) { // weatherSeverity\r\n\r\n return {cell};\r\n }\r\n else {\r\n return {cell};\r\n }\r\n }\r\n\r\n valueClassFormat = (cell, row, rowIdx, colIdx) => {\r\n let attr = row.msgtype;\r\n if ((attr === 'alarm' && cell == 3) || (attr === 'battery' && cell == 1)) {\r\n\r\n return 'td-column-alarm';\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n createCustomExportCSVButton = (onClick) => {\r\n return (\r\n \r\n {/* \r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* {this.renderStatus()} */}\r\n {this.renderStatusWidget()}\r\n {/* \r\n \r\n :\r\n No data\r\n }\r\n\r\n \r\n ))}\r\n
*/}\r\n {/* \r\n
*/}\r\n {/*
*/}\r\n
\r\n {/* Station:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nLast Message:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nBattery Leve:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nInteral Temp:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\n\r\n {\r\n item.temperature ? \r\n {item.temperature} °C\r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n ))}\r\n */}\r\n
\r\n {this.renderMUPagin(this.state.totalPages)} */}\r\n {/* {this.renderLegend()} */}\r\n {this.renderSpinner()}\r\n
*/}\r\n {/*
*/}\r\n {/* {this.renderPagin()} */}\r\n {/* {this.renderMUPagin()} */}\r\n {/*
*/}\r\n \r\n
\r\n {this.renderAlarmTable()}\r\n
\r\n :\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n Occupancy Alarm
\r\n\r\n {this.renderAlarmTable()}\r\n
\r\n
\r\n
\r\n
\r\n {this.renderAttrTable()}\r\n
\r\n Station Attributes
\r\n\r\n {this.renderAttrTable()}\r\n
\r\n {/*
\r\n )\r\n }\r\n //--------------------------------------------------------------------\r\n\r\n handleMapMarkerClick = (props, marker, e) => {\r\n // \r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n });\r\n }\r\n\r\n handleMapInfoWinShow = (props, marker, e) => {\r\n\r\n this.setState(prevState => {\r\n if ((props.position.lat != prevState.mapProps.lat || props.position.lng != prevState.mapProps.lng)) { //!prevState.mapProps.showingInfoWindow && \r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }\r\n });\r\n }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ...prevState.mapProps,\r\n showingInfoWindow: false,\r\n }\r\n }));\r\n }\r\n\r\n tabToggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n mapShow: (tab == '2')\r\n }, () => {\r\n if (this.state.activeTab == '2') {\r\n this.onMapShow();\r\n }\r\n });\r\n }\r\n }\r\n\r\n onMapShow = () => { }\r\n\r\n render() {\r\n\r\n let processedMapdata = [];\r\n let statusData = [];\r\n let mapData = [];\r\n\r\n if (this.props.assetData) {\r\n this.props.assetData.forEach((asset, index) => {\r\n let assetObj = {\r\n ...asset,\r\n color: 'gray',\r\n alarm: '0',\r\n };\r\n\r\n if (asset.attributes) {\r\n asset.attributes.forEach((attribute, index) => {\r\n if ('CurrentDigitalInputState' === attribute.attributename) {\r\n let slicedValue = splitStatusValue(attribute.value);\r\n // switch(weatherSeverity(attribute.value)){\r\n switch (mapWeatherSeverity(slicedValue.alarm)) {\r\n case 1:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'yellow',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 2:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'orange',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 3:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'red',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 4:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'green',\r\n // alarm: weatherSeverity(attribute.value), \r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n mapData.push(assetObj);\r\n });\r\n }\r\n\r\n return (\r\n */}\r\n \r\n
\r\n {/*
*/}\r\n | \r\n \r\n {/* {item.label} */}\r\n | \r\n ))}\r\n
| \r\n {/* */}\r\n {item.label}\r\n | \r\n ))}\r\n
\r\n
\r\n } \r\n \r\n Occupancy\r\n
\r\n {/* */}\r\n\r\n \r\n {value}\r\n \r\n {' '}\r\n \r\n {units}\r\n \r\n
\r\n \r\n\r\n
\r\n } \r\n \r\n Daily Occupancy\r\n
\r\n\r\n Calendar Month Occupancy\r\n
\r\n\r\n Quarter Month Occupancy\r\n
\r\n\r\n 180 Days Occupancy\r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n renderTimeFilter = () => {\r\n var startDate=this.props.startDateMoment;\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderSingalValue = (currentAttributeData) => {\r\n return (\r\n \r\n \r\n \r\n {/* {console.log(\"===HistoryBoard\", this.props.alarmMonthlyCounts)} */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.renderSingalValue(currentAttributeData)}\r\n {this.renderTimeFilter()}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n {/*\r\n
*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {/*
\r\n
\r\n }\r\n \r\n {this.renderSpinner()}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(OccupancyPage);\r\n\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { InfoWindow } from \"google-maps-react\";\r\n\r\nexport default class InfoWindowEx extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.infoWindowRef = React.createRef();\r\n this.contentElement = document.createElement(`div`);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.children !== prevProps.children) {\r\n ReactDOM.render(\r\n React.Children.only(this.props.children),\r\n this.contentElement\r\n );\r\n this.infoWindowRef.current.infowindow.setContent(this.contentElement);\r\n }\r\n }\r\n\r\n render() {\r\n return Bungalow Occupancy Monitoring
\r\n \r\n\r\n {/* \r\n
*/}\r\n \r\n {assetnameFormat(asset, toggle)}\r\n
\r\n \r\n {operatingstatusFormat(asset,1)}\r\n
\r\n \r\n {lastMessageTimeFormat(asset)}\r\n
\r\n \r\n {currentFormat(asset)}\r\n
\r\n \r\n {tempFormat(asset)}\r\n
\r\n \r\n {operatingstatusFormat(asset,2)}\r\n
\r\n {/*
\r\n}\r\n\r\n\r\nconst AlarmDisplayElement = ({ attr, val, isSmall }) => {\r\n const key = attr.attributename;\r\n // const val = key === 'hexAlarm' ? asset[key] : null ;\r\n const colorVal = lightningColorMaper(val ? val.value : null);\r\n const status = val ? val.status : false;\r\n const displayObj = LEGEND_LIST.find(item => (item.color === colorVal));\r\n\r\n return \r\n
\r\n {cell.devicenamealias}
\r\n )\r\n}\r\n\r\nconst timestampFormat = (cell) => {\r\n if (cell) {\r\n if(cell.charAt(0)==\"+\"){\r\n cell=new Date().getFullYear()+cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return displayTime;\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nconst batteryLevel = (asset) => {\r\n let batteryByte;\r\n if(asset.attributes){\r\n batteryByte = asset.attributes.Battery.value;\r\n if(batteryByte == null)\r\n batteryByte = 1;\r\n }\r\n \r\n return batteryByte;\r\n}\r\n\r\n\r\nconst lastMessageTimeFormat = (asset) => {\r\n let unformattedTime;\r\n if(asset.attributes){\r\n unformattedTime = asset.attributes.LastMessageTime.value;\r\n if(unformattedTime !== null){\r\n let displayTime = new Date(unformattedTime).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n // return \"Last Message \" + displayTime;\r\n return (Last Message
{displayTime}
No Last Message Time
;\r\n \r\n }\r\n}\r\nconst currentFormat = (asset) => {\r\n if(asset.attributes){\r\n var current = asset.attributes.Current.value;\r\n if(current !== null){\r\n \r\n returnCurrent: {current} Amps\r\n
\r\n }\r\n else\r\n returnNo Current
;\r\n \r\n }\r\n}\r\nconst tempFormat = (asset) => {\r\n \r\n if(asset.attributes){\r\n var temp = asset.attributes.Temperature.value;\r\n if(temp !== null){ \r\n returnTemperature: {temp} ℃\r\n
\r\n }\r\n else\r\n returnNo Current
;\r\n \r\n }\r\n}\r\n\r\nconst operatingstatusFormat = (asset,statusorvibration) => {\r\n if(asset.attributes){\r\n var alarmColor = asset.attributes.Alarm.value;\r\n var alarmText='ON'\r\n var vibration='ON'\r\n if(alarmColor=='RED'){\r\n alarmText='Asleep'\r\n vibration='OFF'\r\n }else if(alarmColor=='YELLOW'){\r\n alarmText='Startup / Issues'\r\n vibration='OFF'\r\n }else if(alarmColor=='OFF' || alarmColor=='GREY'){\r\n alarmColor='GREY'\r\n alarmText='Down'\r\n vibration='OFF'\r\n }\r\n if(alarmColor!== null){\r\n // return \"Last Message \" + displayTime;\r\n if(statusorvibration==1){\r\n returnStatus: {alarmText}
\r\n } else {\r\n returnVibration: {vibration}
\r\n \r\n }\r\n \r\n }\r\n else{\r\n if(statusorvibration==1){\r\n returnNo Last Message Time
;\r\n } else {\r\n returnNo Vibration Status
;\r\n }\r\n }\r\n \r\n \r\n }\r\n}\r\n\r\nconst averageDataFormat = (asset, isTotalMonthly) => {\r\n let joinedString;\r\n let splitArray;\r\n let splitString;\r\n let totalOccupancy=0;\r\n let totalAverageTime=0;\r\n if(asset.attributes){\r\n for (let n=0;n\r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\nexport default SnowMapInfo;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from 'redux'\r\nimport { connect } from \"react-redux\";\r\nimport ReactDOM from 'react-dom';\r\nimport { Map as MapAlias, GoogleApiWrapper, Marker, InfoWindow, Polyline } from 'google-maps-react';\r\nimport InfoWindowEx from './InfoWindowEx';\r\nimport { Container, Row, Col, Button, Table, Input, Label, Collapse } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Select from 'react-select';\r\n// import MapInfoWindow from './MapInfoWindow';\r\nimport { toast } from \"react-toastify\";\r\nimport { loadAllGeoFences } from '../../../redux/actions/fenceAction';\r\nimport { generateSelectOptions } from '../../../factories/utils';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\nimport MarkerClusterer from \"@google/markerclusterer\";\r\nimport { MagnifyIcon, CloseIcon } from 'mdi-react';\r\n// import OverlappingMarkerSpiderfier from 'overlapping-marker-spiderfier';\r\nimport SnowMapInfo from './SnowMapInfoWin';\r\nimport {\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ALARM_META_ATTRI_OBJ\r\n} from '../../../constants/dataConstants';\r\nimport { setDonut } from '../../../factories/weather';\r\n\r\nexport class SnowMap extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n this.myMap = React.createRef();\r\n this.state = {\r\n msg: '',\r\n collapse: false,\r\n assetSelector:false,\r\n mapData:[],\r\n deviceMapData: [],\r\n assetName:[],\r\n assetList:[]\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // \r\n }\r\n\r\n componentWillReceiveProps(nextProps) { }\r\n \r\n setSelection = (googleShape) => {\r\n this.selectedShape = googleShape;\r\n }\r\n deleteSelectedShape = () => {\r\n if (this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n showShapOnMap = (shape) => {\r\n if (shape && this.myMap && this.myMap.current) {\r\n // alert('yes');\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShap(google, map, shape);\r\n } else {\r\n this.deleteSelectedShape();\r\n }\r\n }\r\n setShap = (google, map, shape) => {\r\n let self = this;\r\n let newCenter;\r\n let bounds;\r\n if (shape) {\r\n // self.deleteSelectedShape();\r\n switch (shape.type) {\r\n case 'circle':\r\n const initCircle = new google.maps.Circle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n radius: shape.data.radius,\r\n editable: false\r\n });\r\n bounds = initCircle.getBounds();\r\n newCenter = initCircle.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initCircle);\r\n // this.setCircleData(initCircle); \r\n break;\r\n case 'rectangle':\r\n const initRectangle = new google.maps.Rectangle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: false\r\n });\r\n // google.maps.event.addListener(initRectangle, 'bounds_changed', () => {\r\n // this.setRectangleData(initRectangle);\r\n // \r\n // });\r\n bounds = initRectangle.getBounds();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initRectangle);\r\n // this.setRectangleData(initRectangle); \r\n break;\r\n case 'polygon':\r\n google.maps.Polygon.prototype.getBoundingBox = function () {\r\n var bounds = new google.maps.LatLngBounds();\r\n this.getPath().forEach(function (element, index) {\r\n bounds.extend(element)\r\n });\r\n return (bounds);\r\n }\r\n const initPolygon = new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: false\r\n });\r\n\r\n bounds = initPolygon.getBoundingBox();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initPolygon);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n setMapBounds = (mapData) => {\r\n //console.log('mapdata in setmapbounds')\r\n // console.log(\"===mapData\", mapData)\r\n if (this.myMap && this.myMap.current) {\r\n\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n if (google, map) {\r\n let bounds = null;\r\n if (mapData && mapData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n mapData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n if (bounds) {\r\n map.fitBounds(bounds);\r\n }\r\n }\r\n }\r\n }\r\n\r\n getMapBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.statusData && this.props.statusData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n this.props.statusData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n getCompanyBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.userObj.company && this.props.userObj.company.businessArea) {\r\n // \r\n let points = JSON.parse(this.props.userObj.company.businessArea);\r\n bounds = new google.maps.LatLngBounds();\r\n points.forEach((point, index) => {\r\n bounds.extend(\r\n new google.maps.LatLng(point.lat, point.lng),\r\n );\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n initMap(mapProps, map) {\r\n var self = this;\r\n const { google } = mapProps;\r\n\r\n let bounds = this.getMapBounds(google, map);\r\n // \r\n if (bounds) {\r\n map.fitBounds(bounds); \r\n }\r\n\r\n let intiStyles = [\r\n {\r\n featureType: \"poi\",\r\n elementType: \"abels.text\",\r\n stylers: [\r\n { visibility: \"off\" },\r\n ]\r\n }\r\n ];\r\n map.setOptions({ styles: intiStyles });\r\n self.setShap(google, map, self.state.shape);\r\n var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n var searchBox = new google.maps.places.SearchBox(input);\r\n map.addListener('bounds_changed', function () {\r\n searchBox.setBounds(map.getBounds());\r\n });\r\n searchBox.addListener('places_changed', () => {\r\n var places = searchBox.getPlaces();\r\n if (places.length == 0) {\r\n return;\r\n }\r\n\r\n map.setCenter(places[0].geometry.location);\r\n });\r\n\r\n var controlMarkerUI = document.createElement('DIV');\r\n\r\n let searchBtn = \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n {this.props.loading &&\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n lastMessage = (cell, row) => {\r\n let lastTimeReceived;\r\n\r\n if (cell.LastMessageTime) {\r\n for (let n = 0; n < cell.LastMessageTime.length; n++) {\r\n for (const property in this.id) {\r\n if (this.id[property] == cell.LastMessageTime[n].deviceid) {\r\n lastTimeReceived = cell.LastMessageTime[n].value;\r\n break;\r\n }\r\n }\r\n }\r\n lastTimeReceived !== null\r\n ? (lastTimeReceived = new Date(lastTimeReceived).toLocaleString(\r\n \"en-US\",\r\n { timeZone: TIME_ZONE }\r\n ))\r\n : (lastTimeReceived = \"null\");\r\n }\r\n\r\n return (\r\n // {lastTimeReceived}\r\n `${lastTimeReceived}`\r\n );\r\n };\r\n\r\n lastOccupied = (cell, row) => {\r\n let lastTimeOccupied;\r\n if (cell.LastOccupancy) {\r\n for (let n = 0; n < cell.LastOccupancy.length; n++) {\r\n for (const property in this.id) {\r\n if (this.id[property] == cell.LastOccupancy[n].deviceid) {\r\n lastTimeOccupied = cell.LastOccupancy[n].value;\r\n break;\r\n }\r\n }\r\n }\r\n lastTimeOccupied !== null\r\n ? (lastTimeOccupied = new Date(lastTimeOccupied).toLocaleString(\r\n \"en-US\",\r\n { timeZone: TIME_ZONE }\r\n ))\r\n : (lastTimeOccupied = \"null\");\r\n }\r\n\r\n return (\r\n // {lastTimeOccupied}\r\n `${lastTimeOccupied}`\r\n );\r\n };\r\n\r\n occupancyStatus = (cell, row) => {\r\n let donutColor;\r\n let occupancyMessage;\r\n\r\n if (cell.Alarm) {\r\n let occupancyStatus;\r\n for (let n = 0; n < cell.Alarm.length; n++) {\r\n for (const property in this.id) {\r\n if (this.id[property] == cell.Alarm[n].deviceid) {\r\n occupancyStatus = cell.Alarm[n].value;\r\n break;\r\n }\r\n }\r\n }\r\n switch (occupancyStatus) {\r\n case \"GREEN\":\r\n occupancyMessage = \"Unoccupied\";\r\n donutColor = GREEN_COLOR;\r\n break;\r\n case \"ORANGE\":\r\n occupancyMessage = \"Recently Occupied\";\r\n donutColor = ORENGE_COLOR;\r\n break;\r\n case \"RED\":\r\n occupancyMessage = \"Occupied\";\r\n donutColor = RED_COLOR;\r\n break;\r\n default:\r\n occupancyMessage = \"Unknown\";\r\n donutColor = GREY_COLOR;\r\n }\r\n }\r\n\r\n return (\r\n \r\n {/* {listdevices.map((object) => ( \r\n \r\n ))\r\n \r\n } */}\r\n {/* {listdevices.map((object) => ( \r\n {Object.values(object)[0].AverageLabel.split(', ')[1]}\r\n ))\r\n } */}\r\n \r\n {nameDevice}\r\n \r\n
\r\n );\r\n }\r\n };\r\n devicenameFormat = (cell, row) => {\r\n var deviceName;\r\n var obj = Object.values(row)[0];\r\n if (row != undefined && row != null) {\r\n //console.log('devcie name adaghd')\r\n //console.log(Object.values(row)[0])\r\n //console.log(Object.values(row)[0].AverageLabel.split(', ')[1])\r\n deviceName = Object.values(row)[0].AverageLabel.split(\", \")[1];\r\n }\r\n // console.log(\"===OBJ===\", obj);\r\n // console.log(\"===OBJ===\", deviceName);\r\n return (\r\n /* deviceName */\r\n \r\n \r\n
\r\n );\r\n };\r\n renderSpinner = () => {\r\n return (\r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n \r\n Device Name\r\n \r\n \r\n Current Operating Status\r\n \r\n {/* Battery Life */}\r\n \r\n Last Operating Time\r\n \r\n \r\n {/* {(onDevices>0)?(
\r\n
\r\n
\r\n\r\n
\r\n {this.renderSpinner()}\r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n };\r\n\r\n showdevicedata = () => {\r\n // Reset fields to default if closing\r\n if (this.state.displayDevice == true) {\r\n var device = Object.values(this.state.deviceObject)[0];\r\n this.state.displayAsset = false;\r\n let vibrationData = device.Vibration;\r\n let current = parseFloat(device.Current);\r\n var alarmColor = \"GREEN\";\r\n var alarmText = \"ON\";\r\n var vibration = \"ON\";\r\n if (current == 0) {\r\n // Device OFF: 0 Amps\r\n alarmColor = \"GREY\";\r\n alarmText = \"OFF\";\r\n } else if (current > 0 && current <= 0.2) {\r\n // Device Asleep: 0.005 to 0.200 Amps\r\n alarmColor = \"RED\";\r\n alarmText = \"Asleep\";\r\n } else if (current >= 1.7 && current <= 3.3) {\r\n // Device ON: 1.7 to 3.3 Amps\r\n alarmColor = \"GREEN\";\r\n alarmText = \"ON\";\r\n } else if (device.current == null) {\r\n alarmColor = \"GREY\";\r\n alarmText = \"N/A\";\r\n } else {\r\n alarmColor = \"YELLOW\";\r\n alarmText = \"Start Up / Device operating outside normal parameters\";\r\n }\r\n\r\n if (vibrationData > 30) {\r\n vibration = \"ON\";\r\n } else {\r\n vibration = \"OFF\";\r\n }\r\n /* if(device.Alarm=='RED'){\r\n alarmColor='RED'\r\n alarmText='OFF'\r\n vibration='OFF'\r\n }else if(device.Alarm=='YELLOW'){\r\n alarmColor='YELLOW'\r\n alarmText='Startup'\r\n vibration='OFF'\r\n }else if(device.Alarm=='OFF' || device.Alarm=='GREY'){\r\n alarmColor='GREY'\r\n alarmText='Down'\r\n vibration='OFF'\r\n } */\r\n var batteryicon = (\r\n \r\n {this.state.assetClick[0].assetname}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n {this.renderSpinner()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {batteryicon} Battery Level :\r\n \r\n \r\n
\r\n {/*
*/}\r\n
\r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n };\r\n //--------------------------------------------------------------------\r\n renderButtons = () => {\r\n //console.log('this.state.assetClick')\r\n //console.log(this.state.assetClick)\r\n if (this.state.assetClick.length > 0) {\r\n var assetid = this.state.assetClick[0].assetid;\r\n //console.log(assetid)\r\n var updatedAsset = [];\r\n for (var z = 0; z < this.state.statusData.length; z++) {\r\n if (this.state.statusData[z].assetid == assetid) {\r\n updatedAsset.push(this.state.statusData[z]);\r\n break;\r\n }\r\n }\r\n\r\n //console.log(updatedAsset)\r\n this.state.assetClick = updatedAsset;\r\n // var obj={value:asset,\r\n // label:asset.assetname}\r\n var data = this.state.assetClick[0];\r\n for (var value of Object.keys(data)) {\r\n //console.log(value+\":\"+data[value])\r\n if (value == \"attributes\") {\r\n var map1 = new Map();\r\n var set1 = new Set();\r\n for (var key of Object.keys(data[value])) {\r\n //console.log((key+\":\"+data[value][key]))\r\n for (var obj of Object.keys(data[value][key])) {\r\n //console.log((obj+\":\"+data[value][key][obj].deviceid))\r\n map1.set(\r\n data[value][key][obj].deviceid + \":\" + key,\r\n data[value][key][obj].value\r\n );\r\n set1.add(data[value][key][obj].deviceid);\r\n }\r\n }\r\n }\r\n }\r\n var listdevices = [];\r\n for (const device of set1) {\r\n //console.log(device)\r\n this.device = {};\r\n for (const [key, value] of map1) {\r\n if (key.startsWith(device)) {\r\n var loca = key.split(\":\")[1];\r\n this.device[loca] = value;\r\n }\r\n }\r\n\r\n var pushObject = {};\r\n pushObject[device] = this.device;\r\n listdevices.push(pushObject);\r\n }\r\n\r\n if (\r\n this.state.deviceObject != null &&\r\n this.state.deviceObject != undefined\r\n ) {\r\n var divid = Object.keys(this.state.deviceObject)[0];\r\n for (var k = 0; k < listdevices.length; k++) {\r\n if (Object.keys(listdevices[k])[0] == divid) {\r\n this.state.deviceObject = listdevices[k];\r\n }\r\n }\r\n }\r\n // {listdevices.map((object) => (\r\n // console.log(Object.values(object)[0])\r\n // ))\r\n // }\r\n //console.log(this.state.deviceObject)\r\n return (\r\n \r\n {/* {device.AverageLabel} */}\r\n {deviceName}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {batteryicon} Battery Level :\r\n \r\n \r\n
\r\n {/*
*/}\r\n
\r\n
\r\n {/* {listdevices.map((object) => ( \r\n \r\n ))\r\n {Object.values(object)[0].AverageLabel.split(', ')[1]}\r\n {'< Back'} \r\n \r\n {listdevices.map((object) => ( \r\n \r\n ))\r\n }\r\n } */}\r\n {(this.state.displayDevice =\r\n true && this.state.displayAsset == false) ? (\r\n \r\n {\" \"}\r\n {\"< Back\"}{\" \"}\r\n \r\n ) : null}\r\n {/*
*/}\r\n {listdevices.length > 0 ? this.showAssetData(listdevices) : null}\r\n {this.state.deviceObject != null &&\r\n this.state.deviceObject != undefined\r\n ? this.showdevicedata()\r\n : null}\r\n
\r\n );\r\n } else {\r\n return ;\r\n }\r\n };\r\n\r\n //--------------------------------------------------------------------\r\n render() {\r\n this.id = [];\r\n this.state.statusData = this.props.statusDataProp;\r\n // for(let i=0;i\r\n {data.assetname}\r\n \r\n
\r\n*/}\r\n {listdevices.length > 0 ? this.showAssetData(listdevices) : null}\r\n {this.state.deviceObject != null &&\r\n this.state.deviceObject != undefined\r\n ? this.showdevicedata()\r\n : null}\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n assetnameFormat = (cell) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n\r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n this.props.toggle(true, cell);\r\n }\r\n return (\r\n { handleDeviceOnClick(e, cell.assetname); }}>{cell.assetname}\r\n )\r\n }\r\n\r\n timestampFormat = (cell) => {\r\n if (cell) {\r\n if(cell.charAt(0)==\"+\"){\r\n cell=new Date().getFullYear()+cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return ({displayTime});\r\n } else {\r\n return null\r\n }\r\n }\r\n\r\n renderAttributeIcons = (attributename) => {\r\n switch (attributename) {\r\n case 'Temperature':\r\n return Dew Point:
\r\nStation
\r\nLast Message
\r\nTemperature:
\r\nPressure:
\r\nHumidity:
\r\nDew Point:
\r\nIrradiation:
\r\nBattery:
\r\nRain:
\r\nWind Avg:
\r\nWind Direction Avg:
\r\n{attr.displayname}
\r\n\r\n \r\n {!this.props.isSmall &&\r\n \r\n {/* \r\n }\r\n {/* {this.props.statusDataProp && this.props.statusDataProp.map((item, index) => (\r\n \r\n {group.map((item, index) => (\r\n
\r\n \r\n :\r\n \r\n ))}\r\n\r\n
\r\n
\r\n );\r\n }\r\n // --------------------------------------------------------------------------\r\n renderLegend = () => {\r\n let legendList = [\r\n { color: 'gray', label: 'No Activity' },\r\n { color: 'red', label: 'Lightning near (<5km)' },\r\n { color: 'orange', label: 'Lightning approaching (5km to 15km)' },\r\n { color: 'yellow', label: 'Lightning Detected (+15km)' },\r\n { color: 'green', label: 'All Clear' },\r\n ];\r\n if (!this.props.isSmall) {\r\n return (\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n (this.props.activeTab == '1') ?\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display).map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n :\r\n ATTRIBUTE_WIND_ORDER && ATTRIBUTE_WIND_ORDER.filter(item => item.display).map(attr => (\r\n \r\n {this.renderAttributeIcons(attr.attributename)}\r\n {\r\n attr.attributename === 'Temperature' ?\r\n \r\n {attr.displayname}\r\n {'Max'}\r\n {'Min'}\r\n \r\n :\r\n
\r\n ))\r\n }\r\n
\r\n \r\n Station
\r\nLast Message
\r\n{attr.displayname}
\r\n }\r\n{attr.displayname}
\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n else {\r\n return (\r\n | \r\n \r\n {/* {item.label} */}\r\n | \r\n ))}\r\n
| \r\n {/* */}\r\n {item.label}\r\n | \r\n ))}\r\n
\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n {this.renderMUPagin(this.state.totalPages)} */}\r\n {/* {this.renderLegend()} */}\r\n {this.renderSpinner()}\r\n \r\n\r\n {/* \r\n {this.renderMUPagin()}\r\n */}\r\n {/* \r\n {this.renderLegend()}\r\n */}\r\n \r\n {/*
*/}\r\n {/*
\r\n )\r\n }\r\n}\r\n\r\nfunction rowClassGnerator(alarmSet, item, attributeName, hasrule = false, isSmall = false) {\r\n let backgroupdColor = attributeName === 'Battery' ? 'white' : hasrule ? GREEN_COLOR : GREY_COLOR;\r\n let horizontalAlign = attributeName != 'Battery' && isSmall ? 'space-between' : 'space-evenly'; //'center';\r\n let reClass = {\r\n // color: 'black', \r\n // fontWeight: 'normal',\r\n margin: '5px 10px',\r\n padding: '5px 30px',\r\n justifyContent: horizontalAlign, //'center'\r\n alignContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px',\r\n backgroundColor: backgroupdColor, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n color: 'black'\r\n };\r\n\r\n // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n // for (let alarm of this.props.alarmObj.msgList) {\r\n // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n // return ({\r\n // padding:'5px', \r\n // justifyContent: 'center',\r\n // alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n // animation: 'fontBlink 1s infinite',\r\n // });\r\n // }\r\n // }\r\n // } \r\n\r\n if (alarmSet && alarmSet[item.assetid] && alarmSet[item.assetid][attributeName] && alarmSet[item.assetid][attributeName].status == true) {\r\n\r\n return ({\r\n margin: '5px 10px',\r\n padding: '5px 30px',\r\n justifyContent: horizontalAlign, //'center',\r\n alignContent: 'center',\r\n lineHeight: '30px',\r\n height: '30px',\r\n animation: 'fontBlink 1s infinite',\r\n });\r\n }\r\n return reClass;\r\n}\r\n\r\nfunction updatedValue(item, attributeName) {\r\n let reValue = item[attributeName] ? item[attributeName] : '';\r\n // try{\r\n // if (this.props.alarmSet && this.props.alarmSet[item.assetid] && this.props.alarmSet[item.assetid][attributeName] && this.props.alarmSet[item.assetid][attributeName].status == true){\r\n // let itemTime = new Date(item.timestamp);\r\n // let alarmTime = new Date(this.props.alarmSet[item.assetid][attributeName].timestamp);\r\n // \r\n // \r\n // if (alarmTime > itemTime){\r\n // reValue = this.props.alarmSet[item.assetid][attributeName].value;\r\n // \r\n // }else{\r\n // // reValue = item[attributeName] ? item[attributeName] : '';\r\n // }\r\n\r\n // }\r\n // } \r\n // catch(e){\r\n\r\n // }\r\n\r\n return reValue;\r\n}\r\n\r\n// export default StatusBoard;\r\nexport default withStyles(styles)(StatusBoard);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2,\r\n // AdjustableDiv \r\n} from '../../../shared/components/Table/tableElements';\r\n// import { Resizable, ResizableBox } from 'react-resizable';\r\nimport { ATTRIBUTE_TYPE, ATTRIBUTE_NAME, TIME_ZONE } from '../../../constants/dataConstants';\r\nimport { weatherSeverity, mapWeatherSeverity } from '../../../factories/utils';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport { data } from 'jquery';\r\n\r\nconst ATTRIBUTE_ALARM = 'CurrentDigitalInputState';\r\nconst ATTRIBUTE_BATTERY = 'BatteryVoltage';\r\n\r\nclass StatusTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [\r\n {\r\n msgid: 1,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 2,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '2',\r\n },\r\n {\r\n msgid: 3,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '3',\r\n },\r\n {\r\n msgid: 4,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'alarm',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 5,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '4',\r\n },\r\n {\r\n msgid: 6,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '1',\r\n },\r\n {\r\n msgid: 7,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '3',\r\n },\r\n {\r\n msgid: 8,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'battery',\r\n msgvalue: '2',\r\n },\r\n {\r\n msgid: 9,\r\n assetname: 'sensor 1',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 10,\r\n assetname: 'sensor 2',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 11,\r\n assetname: 'sensor 3',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n {\r\n msgid: 12,\r\n assetname: 'sensor 4',\r\n timestamp: '2020-02-19',\r\n msgtype: 'temperature',\r\n msgvalue: '27',\r\n },\r\n ],\r\n };\r\n }\r\n\r\n assetnameFormat = (cell, row) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n\r\n // this.setState({\r\n // showDetails: true,\r\n // curretnDeviceId: deviceId,\r\n // currentDeviceData: deviceData,\r\n // });\r\n this.props.toggle(true, row);\r\n }\r\n return (\r\n { handleDeviceOnClick(e, cell); }}>{cell}\r\n )\r\n }\r\n\r\n timestampFormat = (cell, row) => {\r\n if (cell) {\r\n if (cell.charAt(0) == \"+\") {\r\n cell = new Date().getFullYear() + cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n return ({displayTime});\r\n } else {\r\n return null\r\n }\r\n }\r\n\r\n valueFormat = (cell, row) => {\r\n let attr = row.msgtype;\r\n if ((ATTRIBUTE_ALARM === attr && 3 == mapWeatherSeverity(cell)) || (ATTRIBUTE_BATTERY === attr && 1 == cell)) { // weatherSeverity\r\n\r\n return {cell};\r\n }\r\n else {\r\n return {cell};\r\n }\r\n }\r\n\r\n valueClassFormat = (cell, row, rowIdx, colIdx) => {\r\n let attr = row.msgtype;\r\n if ((attr === 'alarm' && cell == 3) || (attr === 'battery' && cell == 1)) {\r\n\r\n return 'td-column-alarm';\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n\r\n createCustomExportCSVButton = (onClick) => {\r\n return (\r\n \r\n {/* \r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* {this.renderStatus()} */}\r\n {this.renderStatusWidget()}\r\n {/* \r\n \r\n :\r\n No data\r\n }\r\n\r\n \r\n ))}\r\n
*/}\r\n {/* \r\n
*/}\r\n {/*
*/}\r\n
\r\n {/* Station:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nLast Message:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nBattery Leve:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\nInteral Temp:
\r\n \r\n {this.state.data && this.state.data.map((item, index) => (\r\n\r\n {\r\n item.temperature ? \r\n {item.temperature} °C\r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n ))}\r\n */}\r\n
\r\n {this.renderMUPagin(this.state.totalPages)} */}\r\n {/* {this.renderLegend()} */}\r\n {this.renderSpinner()}\r\n
*/}\r\n {/*
*/}\r\n {/* {this.renderPagin()} */}\r\n {/* {this.renderMUPagin()} */}\r\n {/*
*/}\r\n \r\n
\r\n {this.renderAlarmTable()}\r\n
\r\n :\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n Occupancy Alarm
\r\n\r\n {this.renderAlarmTable()}\r\n
\r\n
\r\n
\r\n
\r\n {this.renderAttrTable()}\r\n
\r\n Station Attributes
\r\n\r\n {this.renderAttrTable()}\r\n
\r\n {/*
\r\n )\r\n }\r\n //--------------------------------------------------------------------\r\n\r\n handleMapMarkerClick = (props, marker, e) => {\r\n // \r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n });\r\n }\r\n\r\n handleMapInfoWinShow = (props, marker, e) => {\r\n\r\n this.setState(prevState => {\r\n if ((props.position.lat != prevState.mapProps.lat || props.position.lng != prevState.mapProps.lng)) { //!prevState.mapProps.showingInfoWindow && \r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }\r\n });\r\n this.state.infoWindow=true;\r\n }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ...prevState.mapProps,\r\n showingInfoWindow: false,\r\n }\r\n }));\r\n }\r\n\r\n tabToggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n mapShow: (tab == '2')\r\n }, () => {\r\n if (this.state.activeTab == '2') {\r\n this.onMapShow();\r\n }\r\n });\r\n }\r\n }\r\n\r\n onMapShow = () => { }\r\n\r\n render() {\r\n\r\n let processedMapdata = [];\r\n let statusData = [];\r\n let mapData = [];\r\n\r\n if (this.props.assetData) {\r\n this.props.assetData.forEach((asset, index) => {\r\n let assetObj = {\r\n ...asset,\r\n color: 'gray',\r\n alarm: '0',\r\n };\r\n\r\n if (asset.attributes) {\r\n asset.attributes.forEach((attribute, index) => {\r\n if ('CurrentDigitalInputState' === attribute.attributename) {\r\n let slicedValue = splitStatusValue(attribute.value);\r\n // switch(weatherSeverity(attribute.value)){\r\n switch (mapWeatherSeverity(slicedValue.alarm)) {\r\n case 1:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'yellow',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 2:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'orange',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 3:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'red',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 4:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'green',\r\n // alarm: weatherSeverity(attribute.value), \r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n mapData.push(assetObj);\r\n });\r\n }\r\n return (\r\n */}\r\n \r\n
\r\n {/*
*/}\r\n | \r\n \r\n {/* {item.label} */}\r\n | \r\n ))}\r\n
| \r\n {/* */}\r\n {item.label}\r\n | \r\n ))}\r\n
\r\n
\r\n } \r\n {this.props.assetData.lastvalue}\r\n {' '}\r\n {this.props.assetData.units}\r\n {' '}\r\n {this.props.assetData.displayname}
\r\n\r\n {/* {attribute} */}\r\n {/* {displayname} */}\r\n Occupancy\r\n
\r\n {/* */}\r\n\r\n \r\n {value}\r\n \r\n {' '}\r\n \r\n {units}\r\n \r\n
\r\n \r\n\r\n
\r\n } \r\n \r\n Daily Occupancy\r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n renderTimeFilter = () => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderSingalValue = (currentAttributeData) => {\r\n return (\r\n \r\n \r\n \r\n \r\n {attrubuteChartData && attrubuteChartData.map((item) => {\r\n if (item.attributename != \"CO2\") {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.renderSingalValue(currentAttributeData)}\r\n {this.renderTimeFilter()}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n {/*\r\n
*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {/*
\r\n
\r\n }\r\n \r\n {this.renderSpinner()}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(SnowPage);\r\n\r\n","/* eslint-disable */\r\nimport React from 'react';\r\n\r\nimport { Col, Row } from 'reactstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\n\r\nimport MainBoard from './components/MainBoard';\r\n\r\nimport {UserContext} from '../../constants/myContexts';\r\n\r\nconst OpgPage = (props) => {\r\n let {userObj} = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error('Can not fetch login user information, Please re-login.');\r\n props.history.push('/log_out');\r\n } else {\r\n \r\n }\r\n return (\r\n Snow Clearing Device Monitoring
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(OpgPage);\r\n\r\n","/* eslint-disable react/prop-types */\r\nimport React, { PureComponent } from 'react';\r\nimport { Badge, Card, CardBody, Col, Collapse } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport CloseIcon from 'mdi-react/CloseIcon';\r\nimport MinusIcon from 'mdi-react/MinusIcon';\r\nimport AutorenewIcon from 'mdi-react/AutorenewIcon';\r\nimport LoadingIcon from 'mdi-react/LoadingIcon';\r\n\r\nexport default class AlertComponent extends PureComponent {\r\n static propTypes = {\r\n divider: PropTypes.bool,\r\n color: PropTypes.string,\r\n title: PropTypes.string,\r\n subhead: PropTypes.string,\r\n label: PropTypes.string,\r\n icon: PropTypes.string,\r\n md: PropTypes.number,\r\n lg: PropTypes.number,\r\n xl: PropTypes.number,\r\n sm: PropTypes.number,\r\n xs: PropTypes.number,\r\n };\r\n\r\n static defaultProps = {\r\n divider: false,\r\n color: '',\r\n title: '',\r\n subhead: '',\r\n label: '',\r\n icon: '',\r\n md: 0,\r\n lg: 0,\r\n xl: 0,\r\n sm: 0,\r\n xs: 0,\r\n };\r\n\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n visible: true,\r\n collapse: true,\r\n refresh: false,\r\n };\r\n }\r\n\r\n onShow = () => {\r\n this.setState({ visible: true });\r\n };\r\n\r\n onDismiss = () => {\r\n this.setState({ visible: false });\r\n };\r\n\r\n onCollapse = () => {\r\n this.setState({ collapse: !this.state.collapse });\r\n };\r\n\r\n onRefresh = () => {\r\n // your async logic here\r\n this.setState({ refresh: !this.state.refresh });\r\n setTimeout(() => this.setState({ refresh: false }), 5000);\r\n };\r\n\r\n render() {\r\n const {\r\n md, lg, xl, sm, xs, color, divider, icon, title, label, subhead,\r\n } = this.props;\r\n\r\n if (this.state.visible) {\r\n return (\r\n OPG
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {icon ? : ''}\r\n {title}\r\n
\r\n
\r\n \r\n {icon ? : ''}\r\n {title}\r\n {label} \r\n
\r\n {subhead}
\r\n\r\n {this.props.children}\r\n
\r\n - \r\n {\r\n payload.map((entry, index) => (\r\n
- {entry.value} \r\n ))\r\n }\r\n
\r\n
\r\n \r\n
\r\n Control
\r\n+3
\r\n\r\n
\r\n Your Total
\r\n58
\r\n\r\n
\r\n {t('Widget Chart')}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n 1.2k
\r\nsteps
\r\nGoal: 2000 steps
\r\n\r\n
\r\n {t('Widget Chart')}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n 3.8
\r\nkm
\r\nGoal: 4 km
\r\n\r\n
\r\n \r\n Yearly\r\n Toggle\r\n Monthly\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('common')(SalesStatistisBar);\r\n","import React from 'react';\r\nimport { Card, CardBody, Col, Badge, Table } from 'reactstrap';\r\nimport { withTranslation } from 'react-i18next';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst BasicTable = ({ t }) => (\r\n \r\n
\r\n {t('Table')}
\r\nUse default table
\r\n| # | \r\nFirst Name | \r\nLast Name | \r\nUsername | \r\nStatus | \r\n
|---|---|---|---|---|
| 1 | \r\nMaria | \r\nMorisson | \r\n@dragon | \r\n|
| 2 | \r\nBobby | \r\nBrown | \r\n@boboby | \r\n|
| 3 | \r\nAlexander | \r\nMedinberg | \r\n@medimedi | \r\n|
| 4 | \r\nVera | \r\nLori | \r\n@lori | \r\n|
| 5 | \r\nMaria | \r\nMorisson | \r\n@dragon | \r\n|
| 6 | \r\nBobby | \r\nBrown | \r\n@boboby | \r\n|
| 7 | \r\nAlexander | \r\nMedinberg | \r\n@medimedi | \r\n
{t('Title Dashboard')}
\r\n \r\n\r\n hello\r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\nexport default TemplatePageBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Col, Container, Row, Card, CardHeader, CardBody, Label, } from 'reactstrap';\r\nimport {Bar} from 'react-chartjs-2';\r\n\r\nclass WeatherBarChart extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={}\r\n }\r\n renderBarChart = () => {\r\n const chartlabel = ['A', 'B', 'C', 'D', 'E'];\r\n // const chartdata1 = [20,30,50,40,10];\r\n // const chartdata2 = [10,40,30,20,30];\r\n const chartdata1 = [\r\n {x:'2016-12-25', y:20},\r\n {x:'2016-12-26', y:30},\r\n {x:'2016-12-27', y:50},\r\n {x:'2016-12-28', y:40},\r\n {x:'2016-12-29', y:10}\r\n ];\r\n const chartdata2 = [\r\n {x:'2016-12-25', y:10},\r\n {x:'2016-12-26', y:40},\r\n {x:'2016-12-27', y:30},\r\n {x:'2016-12-28', y:20},\r\n {x:'2016-12-29', y:50}\r\n ];\r\n let chartdatared = [];\r\n let chartdataorange = [];\r\n let chartdatayellow = [];\r\n if (this.props.countData){\r\n this.props.countData.forEach((item, index) => {\r\n let red = {x: item.date, y: item.red};\r\n let orange = {x: item.date, y: item.orange};\r\n let yellow = {x: item.date, y: item.yellow};\r\n chartdatared.push(red);\r\n chartdataorange.push(orange);\r\n chartdatayellow.push(yellow);\r\n });\r\n\r\n }\r\n \r\n const data = {\r\n // labels: chartlabel,\r\n datasets: [\r\n {\r\n label: 'Alarm Red',\r\n // backgroundColor: 'rgba(255,99,132,0.2)',\r\n backgroundColor: 'rgba(255,0,0,0.7)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatared,\r\n },\r\n {\r\n label: 'Alarm Orenge',\r\n // backgroundColor: 'rgba(99,255,100,0.2)',\r\n backgroundColor: 'rgba(255,155,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdataorange\r\n },\r\n {\r\n label: 'Alarm Yellow',\r\n // backgroundColor: 'rgba(99,255,255,0.2)',\r\n backgroundColor: 'rgba(255,255,0,0.5)',\r\n borderColor: 'rgba(255,99,132,1)',\r\n // borderWidth: 0.2,\r\n barPercentage: 0.9,\r\n categoryPercentage: 0.6,\r\n hoverBackgroundColor: 'rgba(255,99,132,0.4)',\r\n hoverBorderColor: 'rgba(255,99,132,1)',\r\n data: chartdatayellow\r\n }\r\n ]\r\n };\r\n \r\n let unit = this.props.units ==='day' ? 'day': 'hour';\r\n let rationOption = this.props.isSmall ? {responsive: true, maintainAspectRatio: false,} : { aspectRatio: 4, responsive: true, maintainAspectRatio: true,} \r\n return (\r\n \r\n
\r\n } \r\n {this.props.assetData.lastvalue}\r\n {' '}\r\n {this.props.assetData.units}\r\n {' '}\r\n {this.props.assetData.displayname}
\r\n\r\n {/* {attribute} */}\r\n {displayname}\r\n
\r\n {/* */}\r\n\r\n \r\n {value}\r\n \r\n {' '}\r\n \r\n {units}\r\n \r\n
\r\n \r\n\r\n
\r\n } \r\n \r\n Lightning Alarms\r\n
\r\n\r\n
\r\n {this.renderAlarmTable()}\r\n
\r\n :\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n Lightning Alarm
\r\n\r\n {this.renderAlarmTable()}\r\n
\r\n
\r\n
\r\n
\r\n {this.renderAttrTable()}\r\n
\r\n Station Attributes
\r\n\r\n {this.renderAttrTable()}\r\n
\r\n \r\n
\r\n \r\n \r\n {icon ? : ''}\r\n {title}\r\n
\r\n
\r\n \r\n {icon ? : ''}\r\n {title}\r\n {label} \r\n
\r\n {subhead}
\r\n\r\n {this.props.children}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const { t } = this.props;\r\n\r\n const renderColorfulLegendText = (value, entry) => {\r\n const { color } = entry;\r\n \r\n return {value};\r\n };\r\n\r\n return (\r\n <>\r\n - \r\n {payload.map((entry, index) => (\r\n
- \r\n {`${entry.name}: ${this.toPercent(entry.value,2)}`}\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n };\r\n render() {\r\n \r\n const { t } = this.props;\r\n\r\n class CustomizedAxisTick extends PureComponent {\r\n render() {\r\n const { x, y, payload } = this.props;\r\n return (\r\n - \r\n {payload.map((entry, index) => (\r\n
- \r\n {`${entry.name}: ${this.toPercent(entry.value,2)}`}\r\n \r\n ))}\r\n
\r\n
\r\n \r\n
\r\n {t('Total Lot Occupancy')}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {percentage}%
\r\n{this.props.latestCalculateResult.LevelTotal }/{PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[0]}
\r\nlots occupied
\r\n\r\n
\r\n \r\n
\r\n {t('Level 1 Lot Occupancy')}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {percentage}%
\r\n{this.props.latestCalculateResult.Level1}/{PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[1]}
\r\nlots occupied
\r\n\r\n
\r\n \r\n
\r\n {t('Level 2 Lot Occupancy')}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {percentage}%
\r\n{this.props.latestCalculateResult.Level2}/{PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[2]}
\r\nlots occupied
\r\n\r\n
\r\n \r\n
\r\n {t('Level 3 Lot Occupancy')}
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {percentage}%
\r\n{this.props.latestCalculateResult.Level3}/{PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[3]}
\r\nlots occupied
\r\n\r\n
\r\n );\r\n\r\n };\r\n handleDateRangeChange = ({ startDate, endDate }) => {\r\n this.setState({\r\n startDateMoment: startDate,\r\n endDateMoment: endDate\r\n })\r\n }\r\n onReset = () => {\r\n this.setState({\r\n startDateMoment: moment(),\r\n endDateMoment: moment(),\r\n startTime: TIME_OPTION[0],\r\n endTime: TIME_OPTION[24],\r\n }, () => {\r\n let obj = {\r\n \"assetId\": this.props.currentAsset ? this.props.currentAsset.assetid : 0,\r\n \"deviceId\": 0,\r\n \"msgId\": 0,\r\n \"attributeId\": 0,\r\n \"startTime\": this.state.startDateMoment.format('YYYY-MM-DD') + \" \" + this.state.startTime.label,\r\n \"endTime\": this.state.endDateMoment.format('YYYY-MM-DD') + \" \" + this.state.endTime.label\r\n\r\n }\r\n this.props.getCalculateResult(obj);\r\n\r\n })\r\n }\r\n handleStartTimeChange = (value) => {\r\n this.setState({\r\n startTime: value,\r\n endTime: null,\r\n })\r\n }\r\n\r\n handleEndTimeChange = (value) => {\r\n this.setState({\r\n endTime: value,\r\n });\r\n }\r\n validate = () => {\r\n return this.state.startTime != null &&\r\n this.state.endTime != null &&\r\n this.state.startDateMoment != null &&\r\n this.state.endDateMoment != null\r\n }\r\n onSubmit = () => {\r\n if (this.state.startDateMoment != null && this.state.endDateMoment != null) {\r\n let obj = {\r\n\r\n \"assetId\": this.props.currentAsset ? this.props.currentAsset.assetid : 0,\r\n \"deviceId\": 0,\r\n \"msgId\": 0,\r\n \"attributeId\": 0,\r\n \"startTime\": this.state.startDateMoment.format('YYYY-MM-DD') + \" \" + this.state.startTime.label,\r\n \"endTime\": this.state.endDateMoment.format('YYYY-MM-DD') + \" \" + this.state.endTime.label\r\n\r\n }\r\n this.props.getCalculateResult(obj);\r\n }\r\n }\r\n render() {\r\n const { t } = this.props;\r\n const renderColorfulLegendText = (value, entry) => {\r\n const { color } = entry;\r\n\r\n return {value};\r\n };\r\n\r\n var newList = this.props.calculatedResult.map((payload) => {\r\n var newPayload = {\r\n Level1: 0.0,\r\n Level2: 0.0,\r\n Level3: 0.0,\r\n LevelTotal: 0.0,\r\n date: \"\"\r\n };\r\n // if (parseInt(payload.Level1) > 0) {\r\n // newPayload.Level1 = parseInt(payload.Level1) / 73\r\n // }\r\n // if (parseInt(payload.Level2) > 0) {\r\n // newPayload.Level2 = parseInt(payload.Level2) / 83\r\n // }\r\n // if (parseInt(payload.Level3) > 0) {\r\n // newPayload.Level3 = parseInt(payload.Level3) / 97\r\n // }\r\n // if (parseInt(payload.LevelTotal) > 0) {\r\n // newPayload.LevelTotal = parseInt(payload.LevelTotal) / 253\r\n // }\r\n if (payload.date != \"\") {\r\n newPayload.date = payload.date;\r\n }\r\n\r\n // To limit number overage or negative for graph\r\n if (parseInt(payload.Level1) > 0) {\r\n if(parseInt(payload.Level1) > 73) newPayload.Level1 = 1;\r\n else newPayload.Level1 = parseInt(payload.Level1) / PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[1];\r\n }\r\n if (parseInt(payload.Level2) > 0) {\r\n if(parseInt(payload.Level2) > 83) newPayload.Level2 = 1;\r\n else newPayload.Level2 = parseInt(payload.Level2) / PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[2];\r\n }\r\n if (parseInt(payload.Level3) > 0) {\r\n if(parseInt(payload.Level3) > 97) newPayload.Level3 = 1;\r\n else newPayload.Level3 = parseInt(payload.Level3) / PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3[3];\r\n }\r\n \r\n newPayload.LevelTotal = (newPayload.Level3 + newPayload.Level2 + newPayload.Level1) / 3;\r\n \r\n return newPayload;\r\n })\r\n\r\n class CustomizedAxisTick extends PureComponent {\r\n render() {\r\n const { x, y, payload } = this.props;\r\n return (\r\n - \r\n {payload && payload.map((entry, index) => {\r\n return (\r\n
- \r\n {`${entry.name}: ${this.toPercent(entry.value, 2)}`}\r\n \r\n )\r\n })}\r\n <>\r\n {`Date: ${label ? label.slice(0, 16) : null}`}\r\n \r\n
{t('Dashboard')}
\r\n \r\n\r\n
\r\n
{deviceNameAlias.deviceNameAlias}
\r\n }\r\n return cell.deviceid; \r\n\r\n }\r\n\r\n idFormatter = (cell) => {\r\n return cell = {cell}
\r\n }\r\n\r\n batteryFormatter = (cell, row) => {\r\n let batteryLevel = cell;\r\n let batteryText;\r\n if(cell) {\r\n batteryLevel = cell;\r\n \r\n if(batteryLevel == null)\r\n batteryLevel = 1;\r\n }\r\n\r\n // if(batteryLevel==\"4\" || \"5\"){\r\n // batteryText=' : Full'\r\n // }else if(batteryLevel==\"2\"){\r\n // batteryText=' : Low'\r\n // }else if(batteryLevel==\"0\"){\r\n // batteryText=' : Empty'\r\n // }\r\n\r\n \r\n if(batteryLevel >= 3.3){\r\n batteryText = ' : Fully Charged';\r\n }else if(2.7 < batteryLevel && batteryLevel < 3.3){\r\n batteryText = ' : Charged';\r\n } else if(batteryLevel == null || batteryLevel == undefined) {\r\n batteryText = 'No Battery Detected';\r\n } else if(batteryLevel <= 2.7){\r\n batteryText = ' : Low Battery';\r\n }\r\n // console.log(\"===Battery Row\", row);\r\n return(\r\n \r\n \r\n {/* {batteryText}\r\n
\r\n )\r\n }\r\n\r\n // alarmFormatter = (cell, row) => {\r\n // if(cell == \"OFF\" || cell == \"UNKNOWN\")\r\n // return \"No\";\r\n \r\n // return \"Yes\";\r\n // }\r\n\r\n statusFormatter = (cell, row) => {\r\n let donutColor;\r\n let statusMessage\r\n const now = new Date().getTime()\r\n const messageDate = new Date(cell).getTime()\r\n const oneday = 60 * 60 * 24 * 1000;\r\n if(row) {\r\n let status = row.alarm;\r\n if(status) {\r\n switch(status) {\r\n case \"GREEN\":\r\n statusMessage = \"ON\";\r\n donutColor = GREEN_COLOR;\r\n break;\r\n case \"OFF\":\r\n statusMessage = \"OFF\";\r\n donutColor = GREY_COLOR;\r\n break;\r\n default:\r\n statusMessage = \"Unknown\";\r\n donutColor = GREY_COLOR;\r\n break;\r\n }\r\n }\r\n }\r\n let compareDatesBoolean = (now - messageDate) > oneday;\r\n\r\n // switch(compareDatesBoolean){\r\n // case(true):\r\n // statusMessage = \"NO\";\r\n // donutColor = RED_COLOR;\r\n // break;\r\n // case(false):\r\n // statusMessage = \"YES\";\r\n // donutColor = GREEN_COLOR;\r\n // break;\r\n // default:\r\n // statusMessage = \"Unknown\";\r\n // donutColor = GREY_COLOR;\r\n // }\r\n\r\n return (\r\n \r\n \r\n {statusMessage}\r\n
\r\n // `${occupancyMessage}`\r\n )\r\n \r\n }\r\n\r\n messageFormatter = (cell, row) => {\r\n // console.log(\"===message row\", row);\r\n return cell = {cell}
\r\n }\r\n\r\n\r\n render(){\r\n\r\n let statusData = this.props.statusData;\r\n if(statusData[0]){\r\n statusData = statusData[0].attributes;\r\n \r\n }\r\n\r\n \r\n \r\n let alarmArray = statusData.Alarm;\r\n let batteryArray = statusData.Battery;\r\n let batteryVoltsArray = statusData.BatteryInVolts;\r\n let messageArray = statusData.LastMessageTime;\r\n let dataArray = [];\r\n\r\n // for(let i = 0; i <= alarmArray.length; i++){\r\n // let j = alarmArray[i];\r\n // console.log(\"===OBJ===j\", j);\r\n // }\r\n\r\n // console.log('===OBJ===alarmArray', alarmArray)\r\n // console.log('===OBJ===batteryVoltsArray', batteryVoltsArray)\r\n // console.log('===OBJ===messageArray', messageArray)\r\n // console.log('===OBJ===statusData', statusData)\r\n\r\n // for(let i = 0; i < alarmArray.length; i++){\r\n // batteryArray[i].alarmvalue = alarmArray[i].value;\r\n // }\r\n\r\n if ((alarmArray && alarmArray.length > 0)\r\n && (batteryVoltsArray && batteryVoltsArray.length > 0)\r\n && (messageArray && messageArray.length > 0)) {\r\n\r\n for(let i = 0; i < alarmArray.length; i++){\r\n // if( i < 5){\r\n dataArray.push({\r\n deviceName:alarmArray[i].deviceName,\r\n // deviceName:statusData[i].assetname,\r\n id: alarmArray[i].deviceid,\r\n alarm:alarmArray[i].value,\r\n battery:batteryVoltsArray[i].value,\r\n messageTime:messageArray[i].value,\r\n })\r\n // }else{\r\n // dataArray.push({\r\n // deviceName:alarmArray[i].deviceName,\r\n // id: alarmArray[i].deviceid,\r\n // alarm:alarmArray[i].value,\r\n // battery:batteryVoltsArray[i].value,\r\n // messageTime:messageArray[i].value,\r\n // })\r\n // }\r\n \r\n }\r\n // console.log(\"===statusData\", statusData);\r\n }\r\n // for(let i = 0; i < batteryVoltsArray.length; i++){\r\n // dataArray.push({\r\n // battery:{...batteryVoltsArray[i].value}\r\n \r\n // })\r\n // }\r\n \r\n // dataArray.push({\r\n // deviceName:deviceName\r\n // })\r\n\r\n return(\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n renderTimeFilter = () => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderSingalValue = (currentAttributeData) => {\r\n return (\r\n \r\n \r\n \r\n {/* \r\n {attrubuteChartData && attrubuteChartData.map((item) => {\r\n if (item.attributename != \"CO2\") {\r\n return (\r\n
*/}\r\n {/*this.renderTimeFilter()*/}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {/* {this.renderSingalValue(currentAttributeData)}\r\n {this.renderTimeFilter()}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n */}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n return \r\n // {/*
\r\n return \r\n {isSmall &&\r\n \r\n
\r\n}\r\n\r\nconst BatteryDisplayElement = ({ alarmObj, attributeName, valArray, isSmall }) => {\r\n return (\r\n \r\n {valArray && valArray.map((val, index) => {\r\n var deviceIdRegNero = new RegExp(\"1B30D[a-zA-Z0-9]{2}|NS[0-9]{8}\");\r\n if (!deviceIdRegNero.test(val.deviceid + val.devicename)) {\r\n let value = parseFloat(val.value);\r\n const id = `battery_${index}`;\r\n if (alarmObj && alarmObj[val.deviceid] && alarmObj[val.deviceid][attributeName]) {\r\n value = alarmObj[val.deviceid][attributeName].value;\r\n }\r\n let level = 0\r\n let percentage = \"0%\";\r\n if (Number.isNaN(value)) {\r\n level = -1;\r\n percentage = \"No Battery Detected\";\r\n }\r\n if (!Number.isNaN(value) && value > 3.6 && value < 4.3) {\r\n //full battery: 4.3 | Empty battery 3.6\r\n level = Math.round((((value - 3.6) / .7) * 5) - .5);\r\n percentage = Math.round(((value - 3.6) / .7) * 100) + \"%\"\r\n }\r\n if (value >= 4.3) {\r\n level = 4;\r\n percentage = \"100%\"\r\n }\r\n // \r\n let tooltiptext = !val.devicename || val.devicename.length == 0 ? 'No device name - ' + val.deviceid+\" - \"+percentage : val.devicename + \" - \"+ val.deviceid+\" - \" + percentage;\r\n return (\r\n \r\n \r\n \r\n {/* \r\n {val.devicename}\r\n */}\r\n \r\n )\r\n }\r\n })}\r\n\r\n
\r\n )\r\n}\r\n\r\nconst AttributeDisplayElement = ({ alarmObj, attr, asset, isSmall }) => {\r\n const attributeName = attr.attributename;\r\n let valArray = null;\r\n let status = false;\r\n let groupData = null;\r\n\r\n if (asset.attributes && Array.isArray(asset.attributes[attributeName]) && asset.attributes[attributeName].length > 0) {\r\n valArray = asset.attributes[attributeName];\r\n if (attr.group) {\r\n groupData = []\r\n\r\n attr.group.forEach(item => {\r\n let valObj = {\r\n ...item,\r\n displayVal: null,\r\n };\r\n if (asset.attributes[item.attributename] && asset.attributes[item.attributename].length > 0) {\r\n valObj = {\r\n ...item,\r\n displayVal: asset.attributes[item.attributename][0],\r\n }\r\n }\r\n groupData.push(valObj);\r\n });\r\n }\r\n\r\n }\r\n // \r\n let displayVal = valArray ? valArray[0] : null;\r\n\r\n // if (displayVal && alarmObj && alarmObj[displayVal.deviceid] && alarmObj[displayVal.deviceid][attributeName] ){\r\n // status = alarmObj[displayVal.deviceid][attributeName].status ? true : false;\r\n // }\r\n\r\n if (attributeName === 'hexAlarm') {\r\n return (\r\n \r\n {isSmall &&\r\n \r\n
\r\n\r\n )\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst assetnameFormat = (cell, toggle) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n // alert('yes');\r\n // \r\n e.preventDefault();\r\n toggle(true, cell);\r\n }\r\n return (\r\n { handleDeviceOnClick(e, cell.assetname); }}>{cell.assetname}\r\n )\r\n}\r\n\r\nconst timestampFormat = (cell) => {\r\n if (cell) {\r\n if(cell.charAt(0)==\"+\"){\r\n cell=new Date().getFullYear()+cell.substr(6);\r\n }\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE });\r\n // return ({displayTime});\r\n return displayTime;\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nfunction rowClassGnerator(status, item, attributeName, color = GREEN_COLOR, hasrule = false, isSmall = false) {\r\n let backgroupdColor = attributeName === 'Battery' ? 'white' : hasrule ? color : GREY_COLOR;\r\n let horizontalAlign = attributeName != 'Battery' && isSmall ? 'space-between' : 'space-evenly'; //'center';\r\n let alarmColor = backgroupdColor;\r\n\r\n if (attributeName !== 'hexAlarm') {\r\n alarmColor = RED_COLOR;\r\n }\r\n\r\n // var blink = keyframes`\r\n // from {background-color: white; color: black; font-weight: bold;}\r\n // to {background-color: ${alarmColor}; color: white; font-weight: bold;}\r\n // `;\r\n // `\r\n // 0% { transform: rotate(0deg); }\r\n // 100% { transform: rotate(360deg); }\r\n // `\r\n let reClass = {\r\n // color: 'black', \r\n // fontWeight: 'normal',\r\n margin: '5px 10px',\r\n // padding: '5px 30px',\r\n padding: '6px 30px',\r\n justifyContent: horizontalAlign, //'center'\r\n alignContent: 'center',\r\n // lineHeight: '30px',\r\n // height: '30px',\r\n lineHeight: isSmall ? null : '30px',\r\n height: isSmall ? null : '30px',\r\n // height: '3vh',\r\n backgroundColor: backgroupdColor, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n // backgroundColor: YELLOW_COLOR, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n color: 'black',\r\n // position: 'relative',\r\n // position: 'static',\r\n // position: 'absolute',\r\n // '&::after':{\r\n // content: '',\r\n // width: '100%', \r\n // height: '100%',\r\n // backgroundColor: backgroupdColor, \r\n // position: 'absolute',\r\n // top: '0',\r\n // left: '0',\r\n // zIndex: '-1',\r\n // }\r\n };\r\n\r\n if (status == true) {\r\n return ({\r\n ...reClass,\r\n // animation: `${blink} 1s infinite`,\r\n backgroundColor: alarmColor,\r\n animation: 'alertBlink 1s infinite',\r\n });\r\n } else {\r\n return ({\r\n ...reClass,\r\n // backgroundColor: backgroupdColor, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n // color: 'white',\r\n })\r\n }\r\n\r\n // testing \r\n // return ({\r\n // ...reClass,\r\n // // '::after':{\r\n // // content: '',\r\n // // width: '100%', \r\n // // height: '100%',\r\n // // backgroundColor: backgroupdColor, \r\n // // position: 'absolute',\r\n // // top: '0',\r\n // // left: '0',\r\n // // zIndex: '-1',\r\n // // animation: 'alertBlink 1s infinite',\r\n // // }\r\n // animation: 'alertBlink 1s infinite',\r\n // });\r\n}\r\n\r\n// function rowClassGnerator(alarmSet, item, attributeName, hasrule = false, isSmall = false) {\r\n// let backgroupdColor = attributeName === 'Battery' ? 'white': hasrule ? GREEN_COLOR : GREY_COLOR;\r\n// let horizontalAlign = attributeName != 'Battery' && isSmall ? 'space-between': 'space-evenly'; //'center';\r\n// let reClass = {\r\n// // color: 'black', \r\n// // fontWeight: 'normal',\r\n// margin: '5px 10px',\r\n// padding:'5px 30px', \r\n// justifyContent: horizontalAlign, //'center'\r\n// alignContent: 'center',\r\n// lineHeight: '30px',\r\n// height: '30px',\r\n// backgroundColor: backgroupdColor, //hasrule ? GREEN_COLOR : GREY_COLOR,\r\n// color: 'white'\r\n// };\r\n\r\n// // if (this.props.alarmObj && this.props.alarmObj.msgList){\r\n// // for (let alarm of this.props.alarmObj.msgList) {\r\n// // if (item.assetname == alarm.assetname && alarm.attributeList && alarm.attributeList.includes(attributeName) && this.props.alarmObj.status == true) {\r\n// // return ({\r\n// // padding:'5px', \r\n// // justifyContent: 'center',\r\n// // alignContent: 'center',\r\n// // lineHeight: '30px',\r\n// // height: '30px',\r\n// // animation: 'fontBlink 1s infinite',\r\n// // });\r\n// // }\r\n// // }\r\n// // } \r\n// \r\n// if (alarmSet && alarmSet[item.assetid] && alarmSet[item.assetid][attributeName] && alarmSet[item.assetid][attributeName].status == true){\r\n\r\n// return ({\r\n// margin: '5px 10px',\r\n// padding:'5px 30px', \r\n// justifyContent: horizontalAlign, //'center',\r\n// alignContent: 'center',\r\n// lineHeight: '30px',\r\n// height: '30px',\r\n// animation: 'fontBlink 1s infinite',\r\n// });\r\n// }\r\n// return reClass;\r\n// }\r\n\r\nfunction setDonut(alarmObj, attributes) {\r\n\r\n\r\n let reValue = { status: 0, color: 'white' };\r\n if (attributes && attributes['hexAlarm'] && attributes['hexAlarm'].length > 0) {\r\n const color = lightningColorMaper(attributes['hexAlarm'][0].value);\r\n /*\r\n if(attributes['hexAlarm'][0].value !== \"1111\"){\r\n for(let order in attributes){\r\n if (attributes[order][0].value === null){\r\n color = lightningColorMaper(\"1111\");\r\n break;\r\n }\r\n }\r\n }\r\n */\r\n const status = attributes['hexAlarm'][0].status ? 1 : 0;\r\n reValue = {\r\n ...reValue,\r\n status,\r\n color,\r\n }\r\n }\r\n if (attributes) {\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display && item.attributename != 'hexAlarm').forEach(attr => {\r\n let attributename = attr.attributename;\r\n Array.isArray(attributes[attributename]) && attributes[attributename].forEach(vattr => {\r\n if (vattr.status) {\r\n reValue = {\r\n ...reValue,\r\n status: 1,\r\n color: RED_COLOR,\r\n }\r\n }\r\n });\r\n });\r\n }\r\n if (alarmObj) {\r\n for (let key in alarmObj) {\r\n for (let attr of ATTRIBUTE_ORDER) {\r\n if (attr.hasrule == true && alarmObj[key][attr.attributename] && alarmObj[key][attr.attributename].status == true) {\r\n reValue = {\r\n ...reValue,\r\n status: 1, //0, \r\n color: RED_COLOR,\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n return reValue\r\n}\r\n\r\nexport default AttributeListWidget;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport {Container, Row, Col, Button, Label, } from 'reactstrap';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport DonutWidget from './DonutWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport AttributeListWidget from './AttributeListWidget';\r\nimport {TIME_ZONE} from '../../../constants/dataConstants';\r\nimport {weatherSeverity, hex2bin, splitStatusValue} from '../../../factories/utils';\r\n\r\nconst WeatherMapInfo = ({props, toggle, alarmSetObj }) => {\r\n let alarm = 0;\r\n let hexAlarm = null;\r\n let activeTab = 1;\r\n if (props.asset!=null){\r\n if(props.asset.grouping == \"wind\"){\r\n activeTab = 2;\r\n }\r\n }\r\n // let battery = null;\r\n // let temperature = null;\r\n // if (props.attributes){\r\n // for (let i = 0; i < props.attributes.length; i++) {\r\n // let attribute = props.attributes[i];\r\n // switch(attribute.attributename){ \r\n // case 'CurrentDigitalInputState':\r\n // case 'hexAlarm':\r\n // \r\n // let slicedValue = splitStatusValue(attribute.value);\r\n // // alarm = weatherSeverity(attribute.value);\r\n // // hexAlarm = hex2bin(attribute.value);\r\n // alarm = slicedValue.status;\r\n // hexAlarm = hex2bin(slicedValue.alarm);\r\n // break;\r\n // // case \"BatteryVoltage\":\r\n // // battery = attribute.value;\r\n // // break;\r\n // // case \"InternalTemperature\":\r\n // // temperature = attribute.value;\r\n // // break;\r\n // }\r\n // }\r\n // }\r\n const tableTimeColoumnFormater = (cell) => {\r\n if (cell) {\r\n try{\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE }); \r\n return(\r\n {displayTime}\r\n );\r\n }\r\n catch(e){\r\n return null;\r\n }\r\n }else{\r\n return null;\r\n }\r\n \r\n }\r\n \r\n const asset = props && props.asset ? props.asset : {};\r\n return(\r\n // \r\n Since there are assets linked to the assetclass, you can not edit device types\r\n \r\n }\r\n \r\n \r\n setAssets(options || [])}\r\n defaultValue={assetDefaultValues} // Set default value to selected device ids\r\n // isDisabled= {true}\r\n placeholder={''}\r\n />\r\n {/* */}\r\n \r\n \r\n name}\r\n getOptionValue={({ id }) => id}\r\n defaultValue={parentDefaultValues}\r\n onChange={(val) => { setParentClass(val) }}\r\n onBlur={updateParentOnBlur}\r\n isDisabled={details.assets && details.assets.length > 0}\r\n isClearable\r\n styles={multiSelectStyles}\r\n />\r\n \r\n\r\n \r\n companyName}\r\n getOptionValue={({ companyCode }) => companyCode}\r\n defaultValue={companyDefaultValue}\r\n onBlur={updateCompanyOnBlur}\r\n onChange={options => setCompany(options)}\r\n styles={multiSelectStyles}\r\n // onChange={this.handleCompanyChange}\r\n />\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n <>\r\n {/* */}\r\n \r\n }\r\n />\r\n
\r\n
\r\n\r\n <>\r\n \r\n \r\n }\r\n\r\n />\r\n \r\n
\r\n )\r\n}\r\nfunction AttributeMeta({ name, type, toggleModal, deleteAttribute, disableEdit }) {\r\n return (\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not modify attributes\r\n \r\n }\r\n
\r\n \r\n )\r\n}\r\n\r\nexport function EditableText({ defaultValue, onSave, exitOnBlur = true, exitOnEnterKeyPress = true, disallowNullValue, inputStyles, textStyles, type, typeProps, big }) {\r\n const [editable, setEditable] = React.useState(false)\r\n let editRef;\r\n React.useEffect(() => { editRef && editRef.focus() })\r\n\r\n const exitAndSaveVal = () => {\r\n setEditable(false)\r\n if (editRef.value !== defaultValue && (disallowNullValue ? editRef.value !== '' : true)) {\r\n onSave(editRef.value)\r\n }\r\n }\r\n\r\n return (\r\n editable ?\r\n // { editRef = input }}\r\n onKeyDown={(e) => (e.key === 'Enter' && exitOnEnterKeyPress) && exitAndSaveVal()}\r\n onBlur={exitOnBlur && exitAndSaveVal}\r\n /> :\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport function UploadImageAttribute({ name, custom, deleteAttribute, md = 4, defaultValue, textStyles, onSave, ...props }) {\r\n const [modal, setModal] = React.useState(false);\r\n // const [file, setFile] = React.useState(null);\r\n const toggle = () => {\r\n setModal(!modal);\r\n }\r\n const handleClick = () => {\r\n toggle();\r\n };\r\n // const onFileChange = (e) => {\r\n // e.preventDefault();\r\n // let files = e.target.files;\r\n\r\n // if(files && files.length > 0)\r\n // {\r\n // setFile(files[0]);\r\n // }\r\n // else {\r\n // \r\n // }\r\n // };\r\n return (\r\n \r\n
\r\n {/* \r\n 
{ handleClick() }}\r\n >\r\n \r\n \r\n Upload Image \r\n \r\n \r\n */}\r\n {/* */}\r\n {/* \r\n */}\r\n
\r\n \r\n \r\n \r\n Submit\r\n {' '}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nclass CustomAttributes extends Component {\r\n constructor(props) {\r\n super(props)\r\n // console.log(this.props)\r\n this.state = {\r\n modalVisible: false,\r\n attributeToEdit: null,\r\n fields: this.initialFields,\r\n attributeToDelete: null,\r\n iconModal: false,\r\n }\r\n }\r\n initialFields = {\r\n name: '',\r\n type: ''\r\n }\r\n\r\n toggleToEdit = (id) => {\r\n this.setState({\r\n attributeToEdit: id,\r\n fields: this.props.attributeMetas.find(attribute => attribute.attributemetaid == id)\r\n })\r\n this.toggle()\r\n }\r\n toggle = () => {\r\n if (this.state.modalVisible)\r\n this.setState({ fields: this.initialFields })\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n onSaveClick = () => {\r\n let { attributemetaid, ...fields } = this.state.fields\r\n let payload = {\r\n id: this.props.id,\r\n data: {\r\n attributemetaid,\r\n data: {\r\n assetclassid: this.props.id,\r\n ...fields\r\n }\r\n }\r\n }\r\n\r\n let data = {\r\n assetclassid: this.props.id,\r\n ...this.state.fields,\r\n }\r\n let f = this.props.attributeToEdit ? this.props.updateCustomAttribute : this.props.addNewCustomAttribute;\r\n // let fapi = this.state.attributeToEdit ? this.props.updateCustomAttribute : this.props.addNewCustomAttribute;\r\n\r\n\r\n\r\n\r\n\r\n\r\n // f(payload);\r\n f(data);\r\n // this.props.updateCustomAttribute(data);\r\n this.toggle()\r\n }\r\n\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget\r\n this.setState({ fields: { ...this.state.fields, [id]: value } }, () => console.log(this.state.fields))\r\n }\r\n\r\n toggleDeleteModal = (id) => {\r\n this.setState({ attributeToDelete: id })\r\n }\r\n deleteAttribute = () => {\r\n this.props.deleteCustomAttribute({\r\n id: this.props.id,\r\n attributemetaid: this.state.attributeToDelete\r\n })\r\n this.toggleDeleteModalOff()\r\n }\r\n toggleDeleteModalOff = () => { this.setState({ attributeToDelete: null }) }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {this.props.attributeMetas.filter(item => ('n' !== item.active)).map(attrMeta => {\r\n // console.log(attrMeta)\r\n return (\r\n this.toggleToEdit(attrMeta.attributemetaid)}\r\n deleteAttribute={() => this.toggleDeleteModal(attrMeta.attributemetaid)}\r\n disableEdit={this.props.disableEdit}\r\n />\r\n )\r\n })}\r\n
\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not add new attribute\r\n \r\n }\r\n \r\n
\r\n \r\n New Attribute \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nclass CalculateAttributes extends Component {\r\n constructor(props) {\r\n super(props)\r\n // console.log(this.props)\r\n this.state = {\r\n modalVisible: false,\r\n attributeToEdit: null,\r\n fields: this.initialFields,\r\n attributeToDelete: null,\r\n iconModal: false,\r\n }\r\n }\r\n initialFields = {\r\n id: 0,\r\n name: '',\r\n displayname: '',\r\n expression: '',\r\n vars: '',\r\n }\r\n\r\n toggleToEdit = (id) => {\r\n this.setState({\r\n attributeToEdit: id,\r\n fields: this.props.calculateAttributes.find(attribute => attribute.id == id)\r\n }, () => console.log(this.state.fields))\r\n this.toggle()\r\n }\r\n toggle = () => {\r\n if (this.state.modalVisible)\r\n this.setState({ attributeToEdit: null, fields: this.initialFields })\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n onSaveClick = () => {\r\n // let { id, ...fields } = this.state.fields\r\n // let payload = {\r\n // id: this.props.id,\r\n // data: {\r\n // id,\r\n // data: {\r\n // id: this.props.id,\r\n // ...fields\r\n // }\r\n // }\r\n // }\r\n\r\n let data = {\r\n assetclassid: this.props.id,\r\n ...this.state.fields,\r\n }\r\n let f = this.props.attributeToEdit ? this.props.updateCulculateAttribute : this.props.addNewCalculateAttribute;\r\n // let fapi = this.state.attributeToEdit ? this.props.updateCustomAttribute : this.props.addNewCustomAttribute;\r\n // \r\n // \r\n // \r\n // \r\n\r\n\r\n // f(payload);\r\n f(data);\r\n // this.props.updateCustomAttribute(data);\r\n this.toggle();\r\n }\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget\r\n this.setState({ fields: { ...this.state.fields, [id]: value } }, () => console.log(this.state.fields))\r\n }\r\n\r\n handleAttrChose = (e, attr) => {\r\n this.setState(prevState => {\r\n const variable = `var_${attr.attributename}_${attr.attributeid}`;\r\n const expression = prevState.fields.expression + ' ' + variable;\r\n return {\r\n fields: { ...prevState.fields, expression }\r\n }\r\n });\r\n }\r\n\r\n toggleDeleteModal = (attrObj) => {\r\n this.setState({ attributeToDelete: attrObj })\r\n }\r\n deleteAttribute = () => {\r\n this.props.deleteCulculateAttribute(this.state.attributeToDelete);\r\n // this.props.deleteCustomAttribute({\r\n // id: this.props.id,\r\n // attributemetaid: this.state.attributeToDelete\r\n // })\r\n this.toggleDeleteModalOff();\r\n }\r\n toggleDeleteModalOff = () => { this.setState({ attributeToDelete: null }) }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {this.props.calculateAttributes && this.props.calculateAttributes.map(attrCalculate => {\r\n // console.log(attrMeta)\r\n return (\r\n this.toggleToEdit(attrCalculate.id)}\r\n deleteAttribute={() => this.toggleDeleteModal(attrCalculate)}\r\n disableEdit={this.props.disableEdit}\r\n />\r\n )\r\n })}\r\n
\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not add new attribute\r\n \r\n }\r\n \r\n
\r\n \r\n New Attribute \r\n \r\n \r\n \r\n \r\n Attributes\r\n \r\n \r\n {classAttributeList && classAttributeList.map(attr => (\r\n { handleAttrChose(e, attr) }}>{attr.attributename} \r\n ))}\r\n \r\n \r\n \r\n {/* \r\n \r\n Operation\r\n \r\n \r\n {attr.attributename} \r\n \r\n \r\n */}\r\n
\r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction LabelSelectionInput(props) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nfunction LabelTextInput({ forIdName, onChange, label, value, big }) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nconst typeSelectionValues = [\r\n { label: 'Boolean', value: 'boolean' },\r\n { label: 'Date', value: 'date' },\r\n { label: 'List', value: 'list' },\r\n { label: 'Text', value: 'string' },\r\n { label: 'Number', value: 'num' }]\r\n\r\nlet userObj = null;\r\nconst getUserObj = () => {\r\n if (userObj) {\r\n return userObj;\r\n } else {\r\n userObj = getCurrentUser();\r\n return userObj;\r\n }\r\n}\r\nexport const multiSelectStyles = {\r\n\r\n indicatorsContainer: (provided, state) => ({\r\n ...provided,\r\n padding: \"0\",\r\n '&:hover svg': {\r\n fill: '#999999',\r\n },\r\n }),\r\n // control: (provided, state) => ({ // Mimic reactstrap input styles\r\n // ...provided,\r\n // transition: '150ms ease',\r\n // // change the border color of the select\r\n // borderColor: state.isFocused ? '#d53c3c' : 'white',\r\n // boxShadow: state.isFocused ? '0 0 0 0.2rem #d53c3c' : 'none',\r\n // '&:hover': { borderColor: state.isFocused ? '#d53c3c!important' : 'lightgray' },\r\n // '&:hover .css-tj5bde-Svg': { transition: '150ms ease', color: !state.isFocused && 'lightgray' },\r\n // '&:hover .css-1okebmr-indicatorSeparator': { backgroundColor: 'lightgray' },\r\n // '.css-tj5bde-Svg': { color: !state.isFocused && 'white' },\r\n // '.css-1okebmr-indicatorSeparator': { backgroundColor: !state.isFocused && 'white' },\r\n // }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: getUserObj().detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? getUserObj().detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n height: \"auto\",\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? getUserObj().detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? getUserObj().detail.appButtonColorHover : base.borderColor }\r\n }),\r\n // indicatorsContainer: (base, selectState) => ({\r\n // ...base,\r\n // padding: \"0\",\r\n // }),\r\n multiValue: (provided, state) => {\r\n // console.log(state)\r\n return (state.isDisabled ?\r\n {\r\n ...provided,\r\n backgroundColor: '#bbb',\r\n 'svg': { fill: '#bbb' }\r\n } :\r\n {\r\n ...provided,\r\n 'svg': { fill: '#212529' }\r\n })\r\n },\r\n multiValueRemove: (provided, state) => (\r\n state.isDisabled ? {\r\n backgroundColor: '#bbb'\r\n } : provided)\r\n}\r\n\r\n","/* eslint-disable */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport {\r\n faPlus,\r\n faMinus,\r\n} from '@fortawesome/free-solid-svg-icons';\r\nimport { MapInteractionCSS } from 'react-map-interaction';\r\nimport './ZoomableMap.css';\r\n\r\nconst zoomOut = () => (\r\n \r\n {props.children}\r\n \r\n);\r\n\r\nZoomable.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\nexport default Zoomable;\r\n\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport * as d3 from 'd3';\r\nimport Videosvg from '../../../../../shared/img/Video_camera_icon.svg';\r\nimport office_img from '../../../../../shared/img/Office_Layout.jpg';\r\n\r\nclass DragVideoModalIncon extends Component {\r\n constructor(props){\r\n super(props);\r\n }\r\n\r\n componentDidMount(){\r\n var deltaX, deltaY;\r\n const handleDrag = d3.drag()\r\n .subject(function() {\r\n const me = d3.select(this);\r\n return { x: me.attr('x'), y: me.attr('y') }\r\n })\r\n // .on(\"start\", function () {\r\n // var current = d3.select(this);\r\n // deltaX = current.attr(\"x\") - d3.event.x;\r\n // deltaY = current.attr(\"y\") - d3.event.y;\r\n // })\r\n .on('drag', function() {\r\n const me = d3.select(this);\r\n me.attr('x', d3.event.x);\r\n me.attr('y', d3.event.y);\r\n console.log('x', d3.event.x)\r\n })\r\n .on('end', function() {\r\n const me = d3.select(this);\r\n \r\n });\r\n const node = ReactDOM.findDOMNode(this.refs.useref);\r\n var icon = d3.select(node);\r\n icon.on('click', function() {\r\n alert('click');\r\n });\r\n handleDrag(icon);\r\n // handleDrag(d3.select(\"#use1\"));\r\n }\r\n\r\n renderSvgIcon=()=>{\r\n return(\r\n \r\n )\r\n }\r\n\r\n render(){\r\n return (\r\n
\r\n \r\n
\r\n \r\n {/* {assetnameFormat(asset, toggle)} */}\r\n {assetnameFormat(asset, toggle)}\r\n
\r\n \r\n {/* {timestampFormat(asset.timestamp)} */}\r\n {timestampFormat(asset.timestamp)}\r\n
\r\n {(activeTab == 1) ?\r\n ATTRIBUTE_ORDER && ATTRIBUTE_ORDER.filter(item => item.display).map(attr => (\r\n
\r\n}\r\n\r\nconst AlarmDisplayElement = ({ attr, val, isSmall }) => {\r\n const key = attr.attributename;\r\n // const val = key === 'hexAlarm' ? asset[key] : null ;\r\n const colorVal = lightningColorMaper(val ? val.value : null);\r\n const status = val ? val.status : false;\r\n const displayObj = LEGEND_LIST.find(item => (item.color === colorVal));\r\n\r\n // return \r\n // {isSmall && \r\n // \r\n // \r\n // \r\n // }\r\n // {displayObj.label}{' '}{attr.units}\r\n //
\r\n // {/* */}\r\n // \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n // const assetGroupData = state.mapboard.assetGroupData;\r\n // const weatherData = state.weather;\r\n // return {assetGroupData, weatherData};\r\n return {\r\n assetDataLoading: state.weather.assetDataLoading,\r\n assetData: state.weather.assetData,\r\n assetExpendData: state.weather.assetExpendData,\r\n assetHistoryData: state.weather.assetHistoryData,\r\n assetList: state.asset.assetList\r\n\r\n }\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n getCompanyAssetClass,\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n updateWeatherAssetData,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n getAssetHistoryData\r\n },\r\n dispatch\r\n );\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MainBoard);\r\n\r\n/*\r\nDisplay name\r\n:\r\ntest app\r\nApplication (client) ID:b5b04774-9a9a-45dd-806c-dc8e86bfa007\r\nObject ID:47d13930-4d97-4b09-ad80-f57575ed4c59\r\nDirectory (tenant) ID:d5189ead-72d5-4d23-b57e-1a91ca41a8f6\r\nSupported account types:All Microsoft account users\r\n\r\n\r\nhttps://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationMenuBlade/Authentication/quickStartType//sourceType/Microsoft_AAD_IAM/appId/b5b04774-9a9a-45dd-806c-dc8e86bfa007/objectId/47d13930-4d97-4b09-ad80-f57575ed4c59/isMSAApp//defaultBlade/Overview/appSignInAudience/AzureADandPersonalMicrosoftAccount/servicePrincipalCreated/true\r\nDOCUMENTATION:https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationMenuBlade/Authentication/quickStartType//sourceType/Microsoft_AAD_IAM/appId/b5b04774-9a9a-45dd-806c-dc8e86bfa007/objectId/47d13930-4d97-4b09-ad80-f57575ed4c59/isMSAApp//defaultBlade/Overview/appSignInAudience/AzureADandPersonalMicrosoftAccount/servicePrincipalCreated/true\r\n*/\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'redux';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card } from 'reactstrap';\r\nimport classNames from 'classnames';\r\nimport SettingPage from '../../Setting/index';\r\nimport TortoiseBoard from './TortoiseBoard';\r\nimport OutlookCalendar from './OutlookCalendar';\r\nimport OutlookCalendarDisplay from \"./OutlookCalendarDisplay\";\r\nimport TortoiseMap from './TortoiseMap';\r\nimport {getCurrentUser} from '../../../factories/auth'\r\n\r\n\r\nclass TortoiseMainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mapProps: {\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: { attr:{} },\r\n },\r\n activeTab: '1',\r\n };\r\n this.userObj = getCurrentUser();\r\n }\r\n\r\n componentDidMount() {\r\n // console.log(\"Tortoise Main Board reset\")\r\n let toCal= localStorage.getItem(\"isToCalendar\");\r\n if(toCal==1){\r\n this.tabToggle(\"2\");\r\n localStorage.removeItem(\"isToCalendar\")\r\n }\r\n }\r\n\r\n getQueryString(name) {\r\n var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\", \"i\");\r\n var r = window.location.search.substr(1).match(reg);\r\n if (r != null) return unescape(r[2]); return null;\r\n }\r\n\r\n tabToggle = (tab) => {\r\n if(this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n mapShow: (tab == '3')\r\n })\r\n }\r\n }\r\n\r\n handleMapMarkerClick = (props, marker, e) => {\r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n });\r\n }\r\n\r\n handleMapInfoWinShow = (props, marker, e) => {\r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }\r\n );\r\n\r\n }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ...prevState.mapProps,\r\n showingInfoWindow: false,\r\n }\r\n }));\r\n }\r\n\r\n onMapShow = () => {console.log(\"TAB3\")};\r\n\r\n render() {\r\n let processedMapdata = [];\r\n let statusData= [];\r\n let mapData = [];\r\n if(this.props.assetData) {\r\n this.props.assetData.forEach((asset, inex) => {\r\n let assetObj = {\r\n ...asset,\r\n color: 'grey',\r\n alarm:'0'\r\n };\r\n\r\n mapData.push(assetObj);\r\n })\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*\r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {/*\r\n \r\n \r\n */}\r\n \r\n {/* \r\n \r\n Notification\r\n \r\n */}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default TortoiseMainBoard;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"nav-link-effort\":\"GarageBoard_nav-link-effort__1Px-m\",\"nav-link-effort-pointer\":\"GarageBoard_nav-link-effort-pointer__2e77h\"};","/* eslint-disable */\r\nimport React, { Fragment } from 'react'\r\nimport { Row, Col, Modal, ModalHeader, ModalBody, Button } from 'reactstrap'\r\nimport { DeleteTextButton } from '../Button/IconButton';\r\nimport { WEB_SERVICE_ROOT } from '../../../constants/appConstants';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\n\r\nexport default function ConfirmDeleteDialog({ onConfirm, label, msg, noIcon, icon, link, login, ...props }) {\r\n const [modalVisible, setModalVisible] = React.useState(false)\r\n let editRef;\r\n // React.useEffect(() => { editRef && editRef.focus() })\r\n let currentUser = getCurrentUser();\r\n\r\n const toggle = () => {\r\n setModalVisible(!modalVisible);\r\n if (!modalVisible && !currentUser) {\r\n var x = document.URL\r\n fetch(`${WEB_SERVICE_ROOT}BrandingLogin?url=${x}`).then(response => response ? response.json() : {}).then(data => {\r\n if (data.length > 0) {\r\n let companyTheme = data[0]\r\n if (companyTheme) {\r\n document.documentElement.style.setProperty('--appTableHeader', companyTheme.buttonBackground);\r\n document.documentElement.style.setProperty('--appButtonColor', companyTheme.buttonBackground);\r\n }\r\n }\r\n }).catch(e => console.error(e.message));\r\n }\r\n }\r\n const onConfirmClick = (e) => {\r\n onConfirm(e);\r\n setModalVisible(false);\r\n }\r\n\r\n const onCancelClick = () => {\r\n // onCancel();\r\n setModalVisible(false);\r\n }\r\n\r\n return (\r\n \r\n {noIcon ?\r\n link ?\r\n { e.preventDefault(); toggle() }} style={{ color: 'red' }}>\r\n {label}\r\n \r\n :\r\n \r\n :\r\n icon ?\r\n <>\r\n {icon({ onClick: (e) => { toggle() } })}\r\n \r\n :\r\n { toggle() }} />\r\n }\r\n {/* {toggle()}}/> */}\r\n \r\n {login ?\r\n \r\n Confirmation\r\n \r\n :\r\n \r\n Confirmation\r\n \r\n }\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n )\r\n}","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport { ConsoleLineIcon } from 'mdi-react';\r\nimport { toast } from \"react-toastify\";\r\nimport {\r\n ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED,\r\n ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n\r\n INVENTORY_GET_DEVICE_MASTER_SUCCEED,\r\n INVENTORY_GET_DEVICE_MASTER_FAILED,\r\n INVENTORY_GET_INVENTORY_SUCCEED,\r\n INVENTORY_GET_INVENTORY_FAILED,\r\n INVENTORY_GET_ONE_DEVICE_MASTER_SUCCEED,\r\n INVENTORY_GET_ONE_DEVICE_MASTER_FAILED,\r\n USER_GET_FAILED,\r\n WEB_SERVICE_INVENTORY_SUPLLIER_SUCCESS,\r\n WEB_SERVICE_INVENTORY_SUPLLIER_ITEM_SUCCESS,\r\n INVENTORY_GET_CONSUMER_SIM_SUCCEED,\r\n INVENTORY_GET_CONSUMER_SIM_FAILED,\r\n NEW_RESELLER_GET_DEVICE_INVENTORY_SUCCEED,\r\n NEW_RESELLER_GET_DEVICE_INVENTORY_FAILED,\r\n RESELLER_SET_ITEM_SUCCEED,\r\n RESELLER_SET_ITEM_FAILED,\r\n ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED,\r\n ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED,\r\n CARRIER_GET_PLANS_SUCCESS,\r\n CARRIER_GET_PLANS_FAILED,\r\n CARRIER_UPDATE_INFO_SUCCESS,\r\n CARRIER_UPDATE_INFO_FAILED,\r\n USER_CLEAR_CARRIER_PLAN_LIST_SUCCESS,\r\n USER_CLEAR_CARRIER_PLAN_LIST_FAILED,\r\n COMPANY_GET_ACTIVITY_REPORT_SUCCESS,\r\n COMPANY_GET_ACTIVITY_REPORT_FAILED,\r\n SIM_SET_NAME_SUCCESS,\r\n SIM_SET_NAME_FAILED,\r\n WEB_SERVICE_GET_SAP_CSV_SUCCESS,\r\n WEB_SERVICE_GET_SAP_CSV_FAILED,\r\n CLEAR_CLIENT_DATA,\r\n INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_SUCCEED,\r\n INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_START,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED,\r\n GET_DEVICE_LIST_SUCCESS,\r\n GET_DEVICE_LIST_FAILED,\r\n CHANGE_DEVICE_STATUS_SUCCESS,\r\n CHANGE_DEVICE_STATUS_FAILED,\r\n REGISTER_DEVICE_SUCCESS,\r\n REGISTER_DEVICE_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nimport {\r\n WEB_SERVICE_ROOT,\r\n // WEB_SERVICE_ATTRIBUTES,\r\n // WEB_SERVICE_DEVICETYPE,\r\n // WEB_SERVICE_ASSET,\r\n // WEB_SERVICE_ACTION,\r\n // WEB_SERVICE_DEVICE,\r\n // WEB_SERVICE_GEOFENCE,\r\n // WEB_SERVICE_RULE,\r\n // WEB_SERVICE_ACTION_RULE,\r\n // WEB_SERVICE_ACTION_ALERT,\r\n // WEB_SERVICE_ACTION_LOG,\r\n // WEB_SERVICE_ACTION_TEMPLATE,\r\n WEB_SERVICE_POST_INVENTORY_DEVICE,\r\n WEB_SERVICE_GET_ALL_INVENTORY,\r\n WEB_SERVICE_GET_DEVICE_MASTER,\r\n WEB_SERVICE_GET_ONE_DEVICE_MASTER,\r\n WEB_SERVICE_SEND_EMAIL,\r\n WEB_SERVICE_SET_SIM_NAME,\r\n WEB_SERVICE_GET_CARRIER_PLANS,\r\n WEB_SERVICE_UPDATE_CARRIER_PLANS,\r\n WEB_SERVICE_GET_ACTIVITY_REPORT,\r\n WEB_SERVICE_TELELCOM_BACKEND_ROOT,\r\n WEB_SERVICE_PAYMENT_ORDER_ROOT,\r\n WEB_SERVICE_GET_SIM_INVENTORY,\r\n WEB_SERVICE_GET_CONSUMER_INVENTORY,\r\n WEB_SERVICE_GET_RESELLER_FULL_INVENTORY_AND_ITEM,\r\n WEB_SERVICE_SET_DEVICE_TYPE,\r\n WEB_SERVICE_DELETE_DEVICE_TYPE,\r\n WEB_SERVICE_UPLOAD_DEVICE,\r\n WEB_SERVICE_GET_RESELLER_ITEM_AND_INVENTORY,\r\n WEB_SERVICE_IOTCellAPI_USER_ROOT,\r\n WEB_SERVICE_IOTCellAPI_GET_AVAILABLE_SERVICE_PLAN,\r\n WEB_SERVICE_ACTIVATE_SIM,\r\n WEB_SERVICE_UPLOAD_INVENTORY,\r\n WEB_SERVICE_GET_SAP_CSV,\r\n WEB_SERVICE_LOAD_CUSTOMER_INVENTORY_RECORDS,\r\n WEB_SERVICE_GET_SIM_LAST_KNOWN_LOCATION,\r\n WEB_SERVICE_INVENTORY_LOAD_RESELLER_BY_CONTRACT,\r\n WEB_SERVICE_INVENTORY_RUN_MANUAL_BILLING,\r\n WEB_SERVICE_INVENTORY_FETCH_MANUAL_BILLING_STATUS,\r\n WEB_SERVICE_SET_SIM_TYPE,\r\n WEB_SERVICE_GET_DEVICE_LIST,\r\n WEB_SERVICE_CHANGE_DEVICE_STATUS,\r\n WEB_SERVICE_REGISTER_DEVICE\r\n\r\n} from '../../constants/appConstants';\r\nimport { axiosGet, axiosPost, getCurrentUser, base64Encode, getJwttoken, ExportCSV, fileHandler } from '../../factories/utils';\r\nimport { getActivatedSimDashboard, getServicePlanItem } from './userAction';\r\naxios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\nfunction readFileDataAsBase64(file) {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n\r\n reader.onload = (event) => {\r\n resolve(event.target.result);\r\n };\r\n\r\n reader.onerror = (err) => {\r\n reject(err);\r\n };\r\n\r\n reader.readAsDataURL(file);\r\n });\r\n}\r\nexport function getSimLastKnownLocation(data) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_SIM_LAST_KNOWN_LOCATION}`,\r\n criteria: data,\r\n logText: 'Get Inventory LAST LOCATION Url ',\r\n sccessType: INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_SUCCEED,\r\n failedType: INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_FAILED,\r\n errorMessage: 'Failed to get LOCATION.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getSAPCSV(filterObj) {\r\n const url = `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_GET_SAP_CSV}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n return request.then((response) => {\r\n //console.log('response ')\r\n //console.log(response)\r\n if (response.status == 200 && response.data) {\r\n var file;\r\n const fileObj = {\r\n file: ExportCSV(response.data)\r\n };\r\n //console.log(response.data)\r\n //console.log( typeof(response.data))\r\n response.data = Object.assign(response.data, fileObj)\r\n console.log(response.data)\r\n dispatch({\r\n type: WEB_SERVICE_GET_SAP_CSV_SUCCESS,\r\n data: response.data,\r\n message: response.data.message,\r\n file: file\r\n });\r\n\r\n }\r\n else {\r\n dispatch({\r\n type: WEB_SERVICE_GET_SAP_CSV_FAILED,\r\n message: response.data.message\r\n });\r\n }\r\n\r\n return response;\r\n })\r\n })\r\n}\r\n\r\n/* Manage manual billing */\r\n\r\n/* Get manual billing status */\r\nexport function getManualBillingStatus() {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_INVENTORY_FETCH_MANUAL_BILLING_STATUS}`,\r\n criteria: {},\r\n logText: `Fetchin manual billing status...`,\r\n errorMessage: `Failed to fetch manual billing status.`,\r\n successMessage: `Successfully fetched manual billing status.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_SUCCESS,\r\n //failedType: COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\n/* Set an async flag to indicate manual billing is starting */\r\nexport function startManualBilling() {\r\n return (\r\n (dispatch) => {\r\n dispatch({\r\n type: COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_START\r\n });\r\n }\r\n )\r\n}\r\n\r\n/* Run manual billing */\r\nexport function runManualBilling() {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_INVENTORY_RUN_MANUAL_BILLING}`,\r\n criteria: {},\r\n logText: `Running manual billing...`,\r\n errorMessage: `Failed to run manual billing.`,\r\n successMessage: `Successfully ran manual billing.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_FAILED,\r\n responseKeyGetter: (response) => (response.data),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\nexport function resetFullSIMList(){\r\n return (\r\n (dispatch) => {\r\n dispatch({\r\n type: INVENTORY_GET_CONSUMER_SIM_FAILED,\r\n reset: true\r\n });\r\n }\r\n )\r\n}\r\nexport function getFullSIMList(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_SIM_INVENTORY}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n dispatch({\r\n type: INVENTORY_GET_CONSUMER_SIM_SUCCEED,\r\n timestamp: response.data.timestamp,\r\n deviceTypes: response.data.deviceTypes,\r\n active: response.data.activeSims,\r\n inactive: response.data.inActiveSims,\r\n suspended: response.data.suspendedSims,\r\n company: response.data.companySims,\r\n deviceDefinition: response.data.deviceDefinition,\r\n itemType:response.data.itemTypes\r\n });\r\n\r\n }\r\n else {\r\n dispatch({\r\n type: INVENTORY_GET_CONSUMER_SIM_FAILED,\r\n timestamp: response.data.timestamp,\r\n message: response.data.message\r\n });\r\n }\r\n\r\n return response;\r\n })\r\n })\r\n}\r\nexport function activateMultipleSIM(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_ACTIVATE_SIM}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n if (response.data.includes(\"Error\")) {\r\n toast.error(response.data)\r\n } else {\r\n toast.success(response.data)\r\n }\r\n\r\n }\r\n else {\r\n toast.error(response.data)\r\n }\r\n\r\n return response;\r\n })\r\n )\r\n })\r\n}\r\nexport function addMultiDevicesInventory(formdata) {\r\n let userObj = getCurrentUser();\r\n if (!formdata || formdata === null) {\r\n return dispatch => {\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n message: 'device data input is not valid'\r\n })\r\n }\r\n }\r\n\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_LOAD_DEVICE_INVENTORY}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: formdata,\r\n })\r\n\r\n return ((dispatch) => {\r\n\r\n return (\r\n\r\n request.then((response) => {\r\n\r\n if (response.status === 200) {\r\n console.log(response)\r\n dispatch(\r\n {\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED,\r\n message: response.data.message,\r\n }\r\n );\r\n\r\n if (response.data === \"success\") {\r\n\r\n toast.success(response.data);\r\n }\r\n else {\r\n\r\n toast.error(response.data);\r\n }\r\n\r\n dispatch(getActivatedSimDashboard({\r\n \"type\": \"monthly\",\r\n \"companyCode\": userObj.companyCode,\r\n \"resellerCode\": userObj.resellerCode,\r\n \"customerId\": null //change once customerId is included in checkuser\r\n }));\r\n\r\n\r\n } else {\r\n dispatch(\r\n\r\n {\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n message: response.data.message,\r\n }\r\n\r\n );\r\n\r\n toast.error(response.data);\r\n\r\n }\r\n return response.data;\r\n\r\n }\r\n ))\r\n\r\n }\r\n\r\n );\r\n\r\n}\r\nexport function findResellerCodeByContract(contract) {\r\n let userObj = getCurrentUser();\r\n console.log('companyCode', userObj.companyCode)\r\n console.log('contract', contract)\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_INVENTORY_LOAD_RESELLER_BY_CONTRACT}?contract=${encodeURIComponent(contract)}`;\r\n\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'text/plain;charset=UTF-8',\r\n },\r\n data: null,\r\n })\r\n\r\n return ((dispatch) => {\r\n return request.then((response) => {\r\n if (response.status === 200) {\r\n dispatch(getServicePlanItem({ \"companyCode\": userObj.companyCode, \"resellerCode\": response.data }))\r\n } else {\r\n toast.error('');\r\n }\r\n })\r\n });\r\n\r\n}\r\nexport function addMultiCustomersInventoryRecords(records) {\r\n console.log('addMultiCustomersInventoryRecords', records)\r\n let userObj = getCurrentUser();\r\n\r\n const payload = {\r\n companyCode: userObj.companyCode,\r\n records\r\n }\r\n\r\n console.log('payload', payload)\r\n\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_LOAD_CUSTOMER_INVENTORY_RECORDS}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: payload,\r\n })\r\n\r\n return ((dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.status === 200) {\r\n console.log(response)\r\n if (response.data === \"success\") {\r\n toast.success(\"Inventory items processed successfully\");\r\n }\r\n else {\r\n toast.error(response.data);\r\n }\r\n } else {\r\n toast.error(response.data);\r\n }\r\n return response.data;\r\n })\r\n )\r\n });\r\n}\r\nexport function addMultiCustomersInventoryFiles(formdata) {\r\n let userObj = getCurrentUser();\r\n // if (!formdata || formdata === null) {\r\n // return dispatch => {\r\n // dispatch({\r\n // type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n // message: 'device data input is not valid'\r\n // })\r\n // }\r\n // }\r\n\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_LOAD_CUSTOMER_INVENTORY}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: formdata,\r\n })\r\n\r\n return ((dispatch) => {\r\n return (\r\n request.then((response) => {\r\n\r\n if (response.status === 200) {\r\n console.log(response)\r\n // dispatch(\r\n // {\r\n // type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED,\r\n // message: response.data.message,\r\n // }\r\n // );\r\n\r\n if (response.data === \"success\") {\r\n\r\n toast.success(\"Inventory items processed successfully\");\r\n }\r\n else {\r\n\r\n toast.error(response.data);\r\n }\r\n\r\n // dispatch( getActivatedSimDashboard({\r\n // \"companyCode\": userObj.companyCode,\r\n // \"resellerCode\": userObj.resellerCode,\r\n // \"customerId\": null //change once customerId is included in checkuser\r\n // }));\r\n\r\n\r\n } else {\r\n // dispatch(\r\n\r\n // {\r\n // type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n // message: response.data.message,\r\n // }\r\n\r\n // );\r\n\r\n toast.error(response.data);\r\n\r\n }\r\n return response.data;\r\n })\r\n )\r\n });\r\n}\r\nexport function uploadFile(file) {\r\n const formData = new FormData();\r\n let message = '';\r\n // formData.append('file', file);\r\n const url = `${WEB_SERVICE_ROOT}${WEB_SERVICE_POST_INVENTORY_DEVICE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: file,\r\n });\r\n\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n message = 'Upload file successfully.';\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED,\r\n payload: response.data,\r\n });\r\n dispatch(getInventoryList());\r\n toast.success(message);\r\n } else {\r\n message = 'Faild to upload file ';\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n message: message,\r\n });\r\n console.error(message);\r\n toast.error(message);\r\n }\r\n\r\n }).catch((error) => {\r\n message = 'Errors occurred when upload file ';\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n message: error.message,\r\n });\r\n console.error('upload action error(s) : ' + error.message);\r\n toast.error(message);\r\n });\r\n }\r\n );\r\n\r\n}\r\nexport function getInventoryList() {\r\n // const data = [\r\n // {\r\n // upc: '4210000526',\r\n // company: 'ITSP ',\r\n // mfg: 2100,\r\n // group: 'ITSP goup',\r\n // oursku: 'our sku',\r\n // mfgsku: 'mfg sku',\r\n // quantity: 100,\r\n // soldquantity: 11,\r\n // network: 'sigfox',\r\n // },\r\n // ];\r\n // return (\r\n // dispatch => {\r\n // dispatch({\r\n // type: INVENTORY_GET_INVENTORY_SUCCEED,\r\n // payload: data,\r\n // });\r\n // }\r\n // )\r\n\r\n let creteria = null;\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_ALL_INVENTORY}`,\r\n criteria: creteria,\r\n logText: 'Get Inventory Url ',\r\n sccessType: INVENTORY_GET_INVENTORY_SUCCEED,\r\n failedType: INVENTORY_GET_INVENTORY_FAILED,\r\n errorMessage: 'Failed to get Inventory.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getDeviceMasterList(UPCcode) {\r\n // const data = [\r\n // {\r\n // deviceId: 'des0000001',\r\n // upc: '4210000526',\r\n // mfg: 'MFGTEST',\r\n // mfgsku: '001',\r\n // mfgserialnum: '0000001',\r\n // macaddress: 'AA:BB:CC:00:00:00',\r\n // devicestatus: null,\r\n // specialstock: 'N',\r\n // customerid: null,\r\n // company: 124,\r\n // networksupported: 'sigfox',\r\n // refurbished:'N',\r\n // olddeviceId: null,\r\n // createtime: '2020-01-08 00:00:00',\r\n // updatetime: '2020-01-08 00:00:00',\r\n // updateby: 'user001', \r\n // },\r\n // ]\r\n // return(\r\n // dispatch => {\r\n // dispatch({\r\n // type: INVENTORY_GET_DEVICE_MASTER_SUCCEED,\r\n // payload: data,\r\n // })\r\n // }\r\n // )\r\n let creteria = { upc: UPCcode };\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_DEVICE_MASTER}`,\r\n criteria: creteria,\r\n logText: 'Get Device Master Url ',\r\n sccessType: INVENTORY_GET_DEVICE_MASTER_SUCCEED,\r\n failedType: INVENTORY_GET_DEVICE_MASTER_FAILED,\r\n errorMessage: 'Failed to get Device Master.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getOneDeviceMaster(id) {\r\n\r\n\r\n let creteria = { id: id };\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_ONE_DEVICE_MASTER}`,\r\n criteria: creteria,\r\n logText: 'Get Device One Master Url ',\r\n sccessType: INVENTORY_GET_ONE_DEVICE_MASTER_SUCCEED,\r\n failedType: INVENTORY_GET_ONE_DEVICE_MASTER_FAILED,\r\n errorMessage: 'Failed to get One Device Master.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function clearDeviceMasterList() {\r\n return (\r\n dispatch => {\r\n dispatch({\r\n type: INVENTORY_GET_DEVICE_MASTER_SUCCEED,\r\n payload: [],\r\n })\r\n }\r\n )\r\n}\r\nexport function clearOneDeviceMaster() {\r\n return (\r\n dispatch => {\r\n dispatch({\r\n type: WEB_SERVICE_GET_ONE_DEVICE_MASTER,\r\n payload: {},\r\n })\r\n }\r\n )\r\n}\r\n\r\nconst SUPPLIER_MOCK = [\r\n {\r\n id: 1,\r\n type: '',\r\n category: '',\r\n name: 'Sigfox',\r\n email: 'xinqing.liao@itsp-inc.com',\r\n contactNumber: '1234567',\r\n contactPerson: 'Mete',\r\n address1: '',\r\n address2: '',\r\n province: '',\r\n contry: '',\r\n postalCode: '',\r\n createdDate: '2019-07-05',\r\n createdBy: 'admin',\r\n updateDate: '2019-07-05',\r\n updateBy: 'admin',\r\n paymentInfo: '',\r\n paymentCurrency: 'CAD',\r\n itemList: [\r\n {\r\n sku: '001',\r\n name: 'Alpse sensor',\r\n type: '',\r\n network: 'sigfox',\r\n description: '',\r\n vender: 'Alpse',\r\n modal: '',\r\n price: '35',\r\n currency: 'CAD',\r\n startDate: '',\r\n endDate: '',\r\n promotion: '',\r\n }\r\n ]\r\n },\r\n {\r\n id: 2,\r\n type: '',\r\n category: '',\r\n name: 'Airbox',\r\n email: 'xinqing.liao@itsp-inc.com',\r\n contactNumber: '1234567',\r\n contactPerson: 'Liang',\r\n address1: '',\r\n address2: '',\r\n province: '',\r\n contry: 'CHINA',\r\n postalCode: '',\r\n createdDate: '2020-05-05',\r\n createdBy: 'admin',\r\n updateDate: '2019-07-05',\r\n updateBy: 'admin',\r\n paymentInfo: '',\r\n paymentCurrency: 'CAD',\r\n itemList: [\r\n {\r\n sku: '002',\r\n name: 'airbox_wifi',\r\n type: '',\r\n network: 'wifi',\r\n description: '',\r\n vender: 'Airbox',\r\n modal: 'airbox_wifi_v2',\r\n price: '20',\r\n currency: 'CAD',\r\n startDate: '',\r\n endDate: '',\r\n promotion: '',\r\n }\r\n ]\r\n },\r\n];\r\n\r\nexport function getSupllierList() {\r\n console.log('getSupllierList call')\r\n return (\r\n dispatch => {\r\n dispatch({\r\n type: WEB_SERVICE_INVENTORY_SUPLLIER_SUCCESS,\r\n payload: SUPPLIER_MOCK,\r\n })\r\n }\r\n )\r\n}\r\n\r\nexport function getSupllierItemList(sid) {\r\n // console.log('getSuplierItemList call id', sid)\r\n let sObj = SUPPLIER_MOCK.find((item, index) => { return (item.id == sid) });\r\n // console.log('getSuplierItemList call obj', sObj)\r\n return (\r\n dispatch => {\r\n dispatch({\r\n type: WEB_SERVICE_INVENTORY_SUPLLIER_ITEM_SUCCESS,\r\n payload: sObj ? sObj.itemList : [],\r\n })\r\n }\r\n )\r\n}\r\n\r\nexport function sendOrder(val) {\r\n const { to, from, subject, message } = val;\r\n\r\n const data = {\r\n \"to\": to,\r\n \"content\": message,\r\n \"subject\": subject,\r\n \"msgfrom\": from\r\n }\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_SEND_EMAIL}`,\r\n //dataObject: templateObj,\r\n criteria: data,\r\n logText: 'Send email Url ',\r\n errorMessage: 'Failed to sent a email.',\r\n successMessage: 'Successfully sent a email.',\r\n // successCallback: () => { return(getNotificationTemplate())}, \r\n // errorCallback: (msg) => {toast.error(msg)}\r\n responseKeyGetter: (response) => (response.data.status),\r\n successContent: \"Sucess\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\n\r\n\r\n\r\n\r\nexport function getFullInventoryList(filterObj) {\r\n console.log(\"filterObj\", filterObj)\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_RESELLER_FULL_INVENTORY_AND_ITEM}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n dispatch({\r\n type: NEW_RESELLER_GET_DEVICE_INVENTORY_SUCCEED,\r\n item: response.data.deviceTypes,\r\n active: response.data.activeSims,\r\n inactive: response.data.inActiveSims\r\n });\r\n toast.success(response.data.message)\r\n\r\n }\r\n else {\r\n dispatch({\r\n type: NEW_RESELLER_GET_DEVICE_INVENTORY_FAILED,\r\n message: response.data.message\r\n });\r\n toast.error(response.data.message)\r\n }\r\n\r\n return response;\r\n })\r\n })\r\n\r\n\r\n}\r\nexport function DeleteDeviceType(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_DELETE_DEVICE_TYPE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n if (response.data.includes(\"SUCCESS\")) {\r\n dispatch({\r\n type: RESELLER_SET_ITEM_SUCCEED,\r\n payload: response.data\r\n });\r\n toast.success(response.data);\r\n }\r\n else {\r\n toast.error(response.data);\r\n }\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n dispatch(getFullSIMList({ \"fullInventory\": false, \"companyId\": filterObj.companyId, \"resellerId\": filterObj.resellerId }));\r\n return response;\r\n })\r\n })\r\n}\r\nexport function SetDeviceType(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SET_DEVICE_TYPE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n if (response.data.includes(\"SUCCESS\")) {\r\n dispatch({\r\n type: RESELLER_SET_ITEM_SUCCEED,\r\n payload: response.data\r\n });\r\n toast.success(response.data);\r\n }\r\n else {\r\n toast.error(response.data);\r\n }\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n dispatch(getFullSIMList({ \"fullInventory\": false, \"companyId\": filterObj.companyId, \"resellerId\": filterObj.resellerId }));\r\n return response;\r\n })\r\n })\r\n}\r\n\r\nexport function SetSimType(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SET_SIM_TYPE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n if (response.data.includes(\"SUCCESS\")) {\r\n dispatch({\r\n type: RESELLER_SET_ITEM_SUCCEED,\r\n payload: response.data\r\n });\r\n toast.success(response.data);\r\n }\r\n else {\r\n toast.error(response.data);\r\n }\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n dispatch(getFullSIMList({ \"fullInventory\": true }));\r\n return response;\r\n })\r\n })\r\n}\r\n\r\nexport function uploadInventory(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_UPLOAD_INVENTORY}`,\r\n criteria: obj,\r\n logText: 'upload inventory ',\r\n sccessType: ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED,\r\n failedType: ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED,\r\n errorMessage: 'upload inventory.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function uploadFileSims(filterObj, level) {\r\n\r\n let message = '';\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_UPLOAD_DEVICE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n if (response.data.includes(\"SUCCESS\")) {\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED,\r\n payload: response.data,\r\n });\r\n toast.success(response.data);\r\n }\r\n else {\r\n toast.error(response.data);\r\n }\r\n if (level === \"company\") {\r\n dispatch(getFullInventoryList({ \"fullInventory\": true }));\r\n }\r\n\r\n } else {\r\n message = 'Faild to upload file ';\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED,\r\n message: message,\r\n });\r\n toast.error(message);\r\n }\r\n\r\n }).catch((error) => {\r\n message = 'Errors occurred when upload file ';\r\n dispatch({\r\n type: ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED,\r\n message: error.message,\r\n });\r\n console.error('upload action error(s) : ' + error.message);\r\n toast.error(message);\r\n });\r\n }\r\n );\r\n}\r\n\r\n\r\nexport function getActivityReport(filterObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_ACTIVITY_REPORT}`,\r\n criteria: filterObj,\r\n logText: 'Get activity report Url ',\r\n sccessType: COMPANY_GET_ACTIVITY_REPORT_SUCCESS,\r\n failedType: COMPANY_GET_ACTIVITY_REPORT_FAILED,\r\n errorMessage: 'Failed to get activity report list.'\r\n };\r\n return (axiosGet(paramObj));\r\n}\r\nexport function updateCarrierInfo(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_UPDATE_CARRIER_PLANS}`,\r\n criteria: obj,\r\n logText: 'update carrier Url ',\r\n sccessType: CARRIER_UPDATE_INFO_SUCCESS,\r\n failedType: CARRIER_UPDATE_INFO_FAILED,\r\n errorMessage: 'update to get carrier list.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function getCarrierPlans(filterObj) {\r\n let creteria = filterObj;\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_CARRIER_PLANS}`,\r\n criteria: creteria,\r\n logText: 'Get carrier Url ',\r\n sccessType: CARRIER_GET_PLANS_SUCCESS,\r\n failedType: CARRIER_GET_PLANS_FAILED,\r\n errorMessage: 'Failed to get carrier list.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function ClearCarrierPlans() {\r\n return (\r\n dispatch => {\r\n dispatch({\r\n type: USER_CLEAR_CARRIER_PLAN_LIST_SUCCESS,\r\n payload: []\r\n })\r\n }\r\n );\r\n}\r\n\r\nexport function setSimName(filterObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SET_SIM_NAME}`,\r\n criteria: filterObj,\r\n logText: 'Set SIM name Url ',\r\n sccessType: SIM_SET_NAME_SUCCESS,\r\n failedType: SIM_SET_NAME_FAILED,\r\n errorMessage: 'Failed to set SIM name.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\nexport function ClearClientInventoryInformation() {\r\n return ((dispatch) =>\r\n dispatch(\r\n {\r\n type: CLEAR_CLIENT_DATA,\r\n }\r\n ))\r\n}\r\n\r\nexport function getDeviceList(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_DEVICE_LIST}`,\r\n criteria: obj,\r\n logText: 'get device list',\r\n sccessType: GET_DEVICE_LIST_SUCCESS,\r\n failedType: GET_DEVICE_LIST_FAILED,\r\n errorMessage: 'failed to get device list',\r\n }\r\n return (axiosPost(paramObj))\r\n}\r\n\r\nexport function ChangeDeviceStatus(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_CHANGE_DEVICE_STATUS}`,\r\n criteria: obj,\r\n logText: 'change device status',\r\n sccessType: CHANGE_DEVICE_STATUS_SUCCESS,\r\n failedType: CHANGE_DEVICE_STATUS_FAILED,\r\n errorMessage: 'failed to change device status',\r\n }\r\n return (axiosPost(paramObj))\r\n}\r\n\r\nexport function registerDevice(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_REGISTER_DEVICE}`,\r\n criteria: obj,\r\n logText: 'register device',\r\n sccessType: REGISTER_DEVICE_SUCCESS,\r\n failedType: REGISTER_DEVICE_FAILED,\r\n errorMessage: 'failed to register device',\r\n }\r\n return (axiosPost(paramObj))\r\n}","/* eslint-disable */\r\nexport const MAP_DEVICE_LOAD_SUCCEED = 'MAP_DEVICE_LOAD_SUCCEED';\r\nexport const MAP_DEVICE_LOAD_FAILED = 'MAP_DEVICE_LOAD_FAILED';\r\nexport const MAP_DEVICE_ATTR_LOAD_SUCCEED = 'MAP_DEVICE_ATTR_LOAD_SUCCEED';\r\nexport const MAP_DEVICE_ATTR_LOAD_FAILED = 'MAP_DEVICE_ATTR_LOAD_FAILED';\r\nexport const MAP_DEVICE_MAP_LOAD_SUCCEED = 'MAP_DEVICE_MAP_LOAD_SUCCEED';\r\nexport const MAP_DEVICE_MAP_LOAD_FAILED = 'MAP_DEVICE_MAP_LOAD_FAILED';\r\nexport const MAP_DEVICE_MAP_LOAD_CLEAR = 'MAP_DEVICE_MAP_LOAD_CLEAR';\r\n\r\nexport const DEVICE_ADD_ATTR_DEVICE = 'DEVICE_ADD_ATTR_DEVICE';\r\nexport const DEVICE_UPDATE_ATTR_DEVICE = 'DEVICE_UPDATE_ATTR_DEVICE';\r\n\r\n\r\nexport const API_ADDR = 'http://10.99.0.45';\r\n\r\nexport const API_ROOT_URL = '/api/um';\r\n\r\nexport const SEARCH_USER = '/search';\r\nexport const SEARCH_USER_STARTED = 'SEARCH_USER_STARTED';\r\nexport const SEARCH_USER_SUCCEED = 'SEARCH_USER_SUCCEED';\r\nexport const SEARCH_USER_FAILED = 'SEARCH_USER_FAILED';\r\n\r\nexport const GET_USER_DATA = '/getuser';\r\nexport const GET_USER_DATA_STARTED = 'GET_USER_DATA_STARTED';\r\nexport const GET_USER_DATA_SUCCEED = 'GET_USER_DATA_SUCCEED';\r\nexport const GET_USER_DATA_FAILED = 'GET_USER_DATA_FAILED';\r\n\r\nexport const SAVE_USER_DATA = '/updateuser';\r\nexport const SAVE_USER_DATA_STARTED = 'SAVE_USER_DATA_STARTED';\r\nexport const SAVE_USER_DATA_SUCCEED = 'SAVE_USER_DATA_SUCCEED';\r\nexport const SAVE_USER_DATA_FAILED = 'SAVE_USER_DATA_FAILED';\r\n\r\nexport const ADD_USER_DATA = '/adduser';\r\nexport const ADD_USER_DATA_STARTED = 'ADD_USER_DATA_STARTED';\r\nexport const ADD_USER_DATA_SUCCEED = 'ADD_USER_DATA_SUCCEED';\r\nexport const ADD_USER_DATA_FAILED = 'ADD_USER_DATA_FAILED';\r\n\r\nexport const DELETE_USER_DATA = '/deleteuser';\r\nexport const DELETE_USER_DATA_STARTED = 'DELETE_USER_DATA_STARTED';\r\nexport const DELETE_USER_DATA_SUCCEED = 'DELETE_USER_DATA_SUCCEED';\r\nexport const DELETE_USER_DATA_FAILED = 'DELETE_USER_DATA_FAILED';\r\n\r\nexport const GET_ALL_MODULES = '/modules';\r\nexport const GET_ALL_MODULES_STARTED = 'GET_ALL_MODULES_STARTED';\r\nexport const GET_ALL_MODULES_SUCCEED = 'GET_ALL_MODULES_SUCCEED';\r\nexport const GET_ALL_MODULES_FAILED = 'GET_ALL_MODULES_FAILED';\r\n\r\nexport const LOGIN_ROOT = '/login';\r\nexport const LOGIN_STARTED = 'LOGIN_START';\r\nexport const LOGIN_SUCCEED = 'LOGIN_SUCCEED';\r\nexport const LOGIN_FAILED = 'LOGIN_FAILED';\r\nexport const USER_LOGOUT = 'USER_LOGOUT';\r\nexport const STORE_RESET = 'STORE_RESET';\r\n\r\nexport const SUCCESS_MSG = 'Success';\r\n\r\nexport const MAP_FILTER_THEME_INPUT_BIND = 'MAP_FILTER_THEME_INPUT_BIND';\r\nexport const MAP_FILTER_MESSAGE_TYPE_INPUT_BIND = 'MAP_FILTER_MESSAGE_TYPE_INPUT_BIND';\r\nexport const MAP_FILTER_DEVICE_TYPE_INPUT_BIND = 'MAP_FILTER_DEVICE_TYPE_INPUT_BIND';\r\nexport const MAP_FILTER_FROM_INPUT_BIND = 'MAP_FILTER_FROM_INPUT_BIND';\r\nexport const MAP_FILTER_TO_INPUT_BIND = 'MAP_FILTER_TO_INPUT_BIND';\r\nexport const MAP_FILTER_ATTRIBUTE_INPUT_BIND = 'MAP_FILTER_ATTRIBUTE_INPUT_BIND';\r\nexport const MAP_FILTER_ATTRIBUTE_CHANGE = 'MAP_FILTER_ATTRIBUTE_CHANGE';\r\nexport const MAP_FILTER_ASSETCLASS_INPUT_BIND = 'MAP_FILTER_ASSETCLASS_INPUT_BIND';\r\nexport const MAP_FILTER_ASSET_ATTRIBUTE_CHANGE = 'MAP_FILTER_ASSET_ATTRIBUTE_CHANGE';\r\n\r\nexport const MAP_LOAD_ASSETS_SUCCEED = 'MAP_LOAD_ASSETS_SUCCEED';\r\nexport const MAP_LOAD_ASSETS_FAILED = 'MAP_LOAD_ASSETS_FAILED';\r\nexport const MAP_LOAD_ASSET_ATTRIBUTE_SUCCEED = 'MAP_LOAD_ASSET_ATTRIBUTE_SUCCEED';\r\nexport const MAP_LOAD_ASSET_ATTRIBUTE_FAILED = 'MAP_LOAD_ASSET_ATTRIBUTE_FAILED';\r\nexport const MAP_GET_ASSETS_DATA_SUCCEED = 'MAP_GET_ASSETS_DATA_SUCCEED';\r\nexport const MAP_GET_ASSETS_DATA_FAILED = 'MAP_GET_ASSETS_DATA_FAILED';\r\nexport const MAP_GET_THEME_SUCCEED = 'MAP_GET_THEME_SUCCEED';\r\nexport const MAP_GET_THEME_FAILED = 'MAP_GET_THEME_FAILED';\r\n\r\nexport const MAP_LOAD_ASSETCLASS_SUCCEED = 'MAP_LOAD_ASSETCLASS_SUCCEED';\r\nexport const MAP_LOAD_ASSETCLASS_FAILED = 'MAP_LOAD_ASSETCLASS_FAILED';\r\nexport const MAP_GET_ASSETCLASS_ATTRIBUTE_SUCCEED = 'MAP_GET_ASSETCLASS_ATTRIBUTE_SUCCEED';\r\nexport const MAP_GET_ASSETCLASS_ATTRIBUTE_FAILED = 'MAP_GET_ASSETCLASS_ATTRIBUTE_FAILED';\r\nexport const MAP_CLEAR_ASSETCLASS_ATTRIBUTE = 'MAP_CLEAR_ASSETCLASS_ATTRIBUTE';\r\nexport const MAP_REFRASH_STARTED = 'MAP_REFRASH_STARTED';\r\n\r\nexport const MAP_DEVICE_UPDATE_ONE_DEVICE = 'MAP_DEVICE_UPDATE_ONE_DEVICE';\r\nexport const MAP_LOAD_DEVICE_ATTRIBUTE_SUCCEED = 'MAP_LOAD_DEVICE_ATTRIBUTE_SUCCEED';\r\nexport const MAP_LOAD_DEVICE_ATTRIBUTE_FAILED = 'MAP_LOAD_DEVICE_ATTRIBUTE_FAILED';\r\n\r\n\r\nexport const MAP_GET_DEVICE_GROUP_DATA_SUCCEED = 'MAP_GET_DEVICE_GROUP_DATA_SUCCEED';\r\nexport const MAP_GET_DEVICE_GROUP_DATA_FAILED = 'MAP_GET_DEVICE_GROUP_DATA_FAILED';\r\nexport const MAP_CLEAR_DEVICE_GROUP_DATA = 'MAP_CLEAR_DEVICE_GROUP_DATA';\r\n\r\nexport const MAP_GET_ASSET_GROUP_DATA_SUCCEED = 'MAP_GET_ASSET_GROUP_DATA_SUCCEED';\r\nexport const MAP_GET_ASSET_GROUP_DATA_FAILED = 'MAP_GET_ASSET_GROUP_DATA_FAILED';\r\nexport const MAP_CLEAR_ASSET_GROUP_DATA = 'MAP_CLEAR_ASSET_GROUP_DATA';\r\nexport const MAP_FILTER_ASSET_GROUP_ATTRIBUTE_CHANGE = 'MAP_FILTER_ASSET_GROUP_ATTRIBUTE_CHANGE';\r\n\r\nexport const MAP_GET_DEVICE_BY_GROUP_SUCCEED = 'MAP_GET_DEVICE_BY_GROUP_SUCCEED';\r\nexport const MAP_GET_DEVICE_BY_GROUP_FAILED = 'MAP_GET_DEVICE_BY_GROUP_FAILED';\r\nexport const MAP_CLEAR_GROUP_DEVICES = 'MAP_CLEAR_GROUP_DEVICES';\r\n\r\nexport const ASSET_LOAD_DEVICE_START = 'ASSET_LOAD_DEVICE_START';\r\nexport const ASSET_LOAD_DEVICE_SUCCEED = 'ASSET_LOAD_DEVICE_SUCCEED';\r\nexport const ASSET_LOAD_DEVICE_FAILED = 'ASSET_LOAD_DEVICE_FAILED';\r\n\r\nexport const ASSET_LOAD_DEVMALIST_SUCCEED = 'ASSET_LOAD_DEVMALIST_SUCCEED';\r\nexport const ASSET_LOAD_DEVMALIST_FAILED = 'ASSET_LOAD_DEVMALIST_FAILED';\r\n\r\nexport const ASSET_LOAD_CAMERA_LIST_SUCCEED = 'ASSET_LOAD_CAMERA_LIST_SUCCEED';\r\nexport const ASSET_LOAD_CAMERA_LIST_FAILED = 'ASSET_LOAD_CANERA_LIST_FAILED';\r\n\r\nexport const ASSET_LOAD_SENSOR_LIST_SUCCEED = 'ASSET_LOAD_SENSOR_LIST_SUCCEED';\r\nexport const ASSET_LOAD_SENSOR_LIST_FAILED = 'ASSET_LOAD_SENSOR_LIST_FAILED';\r\n\r\nexport const ASSET_LOAD_DEVMAOPTION_SUCCEED = 'ASSET_LOAD_DEVMAOPTION_SUCCEED';\r\n\r\n\r\nexport const ASSET_LOAD_ASSET_SUCCEED = 'ASSET_LOAD_ASSET_SUCCEED';\r\nexport const ASSET_LOAD_ASSET_FAILED = 'ASSET_LOAD_ASSET_FAILED';\r\nexport const ASSET_LOAD_CLASS_SUCCEED = 'ASSET_LOAD_CLASS_SUCCEED';\r\nexport const ASSET_LOAD_CLASS_FAILED = 'ASSET_LOAD_CLASS_FAILED';\r\n\r\nexport const ASSET_ADD_ASSET = 'ASSET_ADD_ASSET';\r\nexport const ASSET_UPDATE_ASSET = 'ASSET_UPDATE_ASSET';\r\nexport const ASSET_UPDATE_ONE_ASSET = 'ASSET_UPDATE_ONE_ASSET';\r\nexport const ASSET_REMOVE_ASSET = 'ASSET_REMOVE_ASSET';\r\nexport const ASSET_ADD_ASSET_CLASS = 'ASSET_ADD_ASSET_CLASS';\r\nexport const ASSET_UPDATE_ASSET_CLASS = 'ASSET_UPDATE_ASSET_CLASS';\r\nexport const ASSET_UPDATE_ONE_ASSET_CLASS = 'ASSET_UPDATE_ONE_ASSET_CLASS';\r\nexport const ASSET_REMOVE_ASSET_CLASS = 'ASSET_REMOVE_ASSET_CLASS';\r\nexport const ASSET_ADD_ATTR_ASSET_CLASS = 'ASSET_ADD_ATTR_ASSET_CLASS,';\r\nexport const ASSET_UPDATE_ATTR_ASSET_CLASS = 'ASSET_UPDATE_ATTR_ASSET_CLASS';\r\nexport const ASSET_REMOVE_ATTR_ASSET_CLASS = 'ASSET_REMOVE_ATTR_ASSET_CLASS,';\r\n\r\n\r\nexport const ASSET_ADD_ATTR_ASSET = 'ASSET_ADD_ATTR_ASSET';\r\nexport const ASSET_UPDATE_ATTR_ASSET = 'ASSET_UPDATE_ATTR_ASSET';\r\nexport const ASSET_DELETE_ATTR_ASSET = 'ASSET_DELETE_ATTR_ASSET';\r\n\r\nexport const REPORT_LOAD_ALL_REPORTS_SUCCESS = 'REPORT_LOAD_ALL_REPORTS_SUCCESS';\r\nexport const REPORT_LOAD_ALL_REPORTS_FAILED = 'REPORT_LOAD_ALL_REPORTS_FAILED';\r\nexport const REPORT_DELETE_ONE_REPORT_SUCCESS = 'REPORT_DELETE_ONE_REPORT_SUCCESS';\r\nexport const REPORT_DELETE_ONE_REPORT_FAILED = 'REPORT_DELETE_ONE_REPORT_FAILED';\r\nexport const REPORT_GET_ONE_REPORT_SUCCESS = 'REPORT_GET_ONE_REPORT_SUCCESS';\r\nexport const REPORT_GET_ONE_REPORT_FAILED = 'REPORT_GET_ONE_REPORT_FAILED';\r\nexport const REPORT_UPSERT_ONE_REPORT_SUCCESS = 'REPORT_UPSERT_ONE_REPORT_SUCCESS';\r\nexport const REPORT_UPSERT_ONE_REPORT_FAILED = 'REPORT_UPSERT_ONE_REPORT_FAILED';\r\nexport const REPORT_LOAD_ONE_REPORT = 'REPORT_LOAD_ONE_REPORT';\r\nexport const REPORT_ADD_NEW_REPORT = 'REPORT_ADD_NEW_REPORT';\r\nexport const REPORT_UPDATE_EXISTING_REPORT = 'REPORT_UPDATE_EXISTING_REPORT';\r\n\r\nexport const FENCE_LOAD_DEVICE_SUCCEED = 'FENCE_LOAD_DEVICE_SUCCEED';\r\nexport const FENCE_LOAD_DEVICE_FAILED = 'FENCE_LOAD_DEVICE_FAILED';\r\nexport const FENCE_LOAD_FENCE_SUCCEED = 'FENCE_LOAD_FENCE_SUCCEED';\r\nexport const FENCE_LOAD_FENCE_FAILED = 'FENCE_LOAD_FENCE_FAILED';\r\nexport const FENCE_UPDATE_FENCE_FAILED = 'FENCE_UPDATE_FENCE_FAILED';\r\nexport const FENCE_UPDATE_FENCE_SUCCEED = 'FENCE_UPDATE_FENCE_SUCCEED';\r\nexport const FENCE_DELETE_FENCE_SUCCEED = 'FENCE_DELETE_FENCE_SUCCEED';\r\nexport const FENCE_DELETE_FENCE_FAILED = 'FENCE_DELETE_FENCE_FAILED';\r\nexport const FENCE_TOGGLE_SUCCESS = 'FENCE_TOGGLE_SUCCESS';\r\nexport const FENCE_TOGGLE_ERROR = 'FENCE_TOGGLE_ERROR';\r\nexport const FENCE_MSG_TOGGLE_ON = 'FENCE_MSG_TOGGLE_ON';\r\nexport const FENCE_MSG_TOGGLE_OFF = 'FENCE_MSG_TOGGLE_OFF';\r\nexport const FENCE_UPDATE_FENCE_OBJ_SUCCEED = 'FENCE_UPDATE_FENCE_OBJ_SUCCEED';\r\nexport const FENCE_UPDATE_FENCE_OBJ_FAILED = 'FENCE_UPDATE_FENCE_OBJ_FAILED';\r\n\r\nexport const RULE_LOAD_DEVICE_TYPE_SUCCEED = 'RULE_LOAD_DEVICE_TYPE_SUCCEED';\r\nexport const RULE_LOAD_DEVICE_TYPE_FAILED = 'RULE_LOAD_DEVICE_TYPE_FAILED';\r\nexport const RULE_LOAD_DEVICE_SUCCEED = 'RULE_LOAD_DEVICE_SUCCEED';\r\nexport const RULE_LOAD_DEVICE_FAILED = 'RULE_LOAD_DEVICE_FAILED';\r\nexport const RULE_GET_RULE_SUCCEED = 'RULE_GET_RULE_SUCCEED';\r\nexport const RULE_GET_RULE_FAILED = 'RULE_GET_RULE_FAILED';\r\nexport const RULE_UPSERT_RULE_SUCCEED = 'RULE_UPSERT_RULE_SUCCEED';\r\nexport const RULE_UPSERT_RULE_FAILED = 'RULE_UPSERT_RULE_FAILED';\r\nexport const RULE_DELETE_RULE_SUCCEED = 'RULE_DELETE_RULE_SUCCEED';\r\nexport const RULE_DELETE_RULE_FAILED = 'RULE_DELETE_RULE_FAILED';\r\n\r\nexport const GET_ALL_GROUPS_STARTED = 'GET_ALL_GROUPS_STARTED';\r\nexport const GET_ALL_GROUPS_SUCCEED = 'GET_ALL_GROUPS_SUCCEED';\r\nexport const GET_ALL_GROUPS_FAILED = 'GET_ALL_GROUPS_FAILED';\r\n\r\nexport const ATTRI_MGMT_TOGGLE_ERROR = 'ATTRI_MGMT_TOGGLE_ERROR';\r\nexport const ATTRI_MGMT_TOGGLE_SUCCESS = 'ATTRI_MGMT_TOGGLE_SUCCESS';\r\nexport const ATTRI_MGMT_MSG_TOGGLE_OFF = 'ATTRI_MGMT_MSG_TOGGLE_OFF';\r\nexport const ATTRI_MGMT_MSG_TOGGLE_ON = 'ATTRI_MGMT_MSG_TOGGLE_ON';\r\n\r\nexport const ATTRI_MGMT_GET_ATTRIBUTE_SUCCEED = 'ATTRI_MGMT_GET_ATTRIBUTE_SUCCEED';\r\nexport const ATTRI_MGMT_GET_ATTRIBUTE_FAILED = 'ATTRI_MGMT_GET_ATTRIBUTE_FAILED';\r\nexport const ATTRI_MGMT_POST_ATTRIBUTE_SUCCEED = 'ATTRI_MGMT_POST_ATTRIBUTE_SUCCEED';\r\nexport const ATTRI_MGMT_POST_ATTRIBUTE_FAILED = 'ATTRI_MGMT_POST_ATTRIBUTE_FAILED';\r\nexport const ATTRI_MGMT_DELETE_ATTRIBUTE_SUCCEED = 'ATTRI_MGMT_DELETE_ATTRIBUTE_SUCCEED';\r\nexport const ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED = 'ATTRI_MGMT_DELETE_ATTRIBUTE_FAILED';\r\nexport const ATTRI_MGMT_LOAD_DEVICETYPE_SUCCEED = 'ATTRI_MGMT_LOAD_DEVICETYPE_SUCCEED';\r\nexport const ATTRI_MGMT_LOAD_DEVICETYPE_FAILED = 'ATTRI_MGMT_LOAD_DEVICETYPE_FAILED';\r\nexport const ATTRI_MGMT_LOAD_ASSET_SUCCEED = 'ATTRI_MGMT_LOAD_ASSET_SUCCEED';\r\nexport const ATTRI_MGMT_LOAD_ASSET_FAILED = 'ATTRI_MGMT_LOAD_ASSET_FAILED';\r\nexport const ATTRI_MGMT_CLEAR_ATTRIBUTE = 'ATTRI_MGMT_CLEAR_ATTRIBUTE';\r\n\r\nexport const ATTRI_THEME_GET_THEME_LIST_SUCCEED = 'ATTRI_THEME_GET_THEME_LIST_SUCCEED';\r\nexport const ATTRI_THEME_GET_THEME_LIST_FAILED = 'ATTRI_THEME_GET_THEME_LIST_FAILED';\r\nexport const ATTRI_THEME_GET_ASSETCLASS_THEME_SUCCEED = 'ATTRI_THEME_GET_ASSETCLASS_THEME_SUCCEED';\r\nexport const ATTRI_THEME_GET_ASSETCLASS_THEME_FAILED = 'ATTRI_THEME_GET_ASSETCLASS_THEME_FAILED';\r\nexport const ATTRI_THEME_UPSERT_THEME_SUCCEED = 'ATTRI_THEME_UPSERT_THEME_SUCCEED';\r\nexport const ATTRI_THEME_UPSERT_THEME_FAILED = 'ATTRI_THEME_UPSERT_THEME_FAILED';\r\nexport const ATTRI_THEME_REMOVE_THEME_SUCCEED = 'ATTRI_THEME_REMOVE_THEME_SUCCEED';\r\nexport const ATTRI_THEME_REMOVE_THEME_FAILED = 'ATTRI_THEME_REMOVE_THEME_FAILED';\r\nexport const ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_SUCCEED = 'ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_SUCCEED';\r\nexport const ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_FAILED = 'ATTRI_THEME_GET_DEVICE_TYPE_THEME_LIST_FAILED';\r\n\r\n\r\nexport const ACTION_MGMT_MSG_TOGGLE_OFF = 'ACTION_MGMT_MSG_TOGGLE_OFF';\r\nexport const ACTION_MGMT_LOAD_ASSET_SUCCEED = 'ACTION_MGMT_LOAD_ASSET_SUCCEED';\r\nexport const ACTION_MGMT_LOAD_ASSET_FAILED = 'ACTION_MGMT_LOAD_ASSET_FAILED';\r\nexport const ACTION_MGMT_LOAD_ASSET_DEVICE_SUCCEED = 'ACTION_MGMT_LOAD_ASSET_DEVICE_SUCCEED';\r\nexport const ACTION_MGMT_LOAD_ASSET_DEVICE_FAILED = 'ACTION_MGMT_LOAD_ASSET_DEVICE_FAILED';\r\nexport const ACTION_MGMT_LOAD_ACTION_SUCCEED = 'ACTION_MGMT_LOAD_ACTION_SUCCEED';\r\nexport const ACTION_MGMT_LOAD_ACTION_FAILED = 'ACTION_MGMT_LOAD_ACTION_FAILED';\r\n\r\nexport const ACTION_GET_ACTIONS_SUCCEED = 'ACTION_GET_ACTIONS_SUCCEED';\r\nexport const ACTION_GET_ACTIONS_FAILED = 'ACTION_GET_ACTIONS_FAILED';\r\nexport const ACTION_UPSERT_ACTIONS_SUCCEED = 'ACTION_UPSERT_ACTIONS_SUCCEED';\r\nexport const ACTION_UPSERT_ACTIONS_FAILED = 'ACTION_UPSERT_ACTIONS_FAILED';\r\nexport const ACTION_GET_ACTION_BY_ID_SUCCEED = 'ACTION_GET_ACTION_BY_ID_SUCCEED';\r\nexport const ACTION_GET_ACTIONS_BY_ID_FAILED = 'ACTION_GET_ACTIONS_BY_ID_FAILED';\r\nexport const ACTION_GET_TELECOM_ACTION_BY_ID_SUCCEED = 'ACTION_GET_TELECOM_ACTION_BY_ID_SUCCEED';\r\nexport const ACTION_GET_TELECOM_ACTION_BY_ID_FAILED = 'ACTION_GET_TELECOM_ACTION_BY_ID_FAILED';\r\nexport const ACTION_CLEAR_ACTIONS_BY_ID = 'ACTION_CLEAR_ACTIONS_BY_ID';\r\nexport const ACTION_GET_ACTION_RULE_SUCCEED = 'ACTION_GET_ACTION_RULE_SUCCEED';\r\nexport const ACTION_GET_ACTION_RULE_FAILED = 'ACTION_GET_ACTION_RULE_FAILED';\r\nexport const ACTION_CLEAR_ACTION_RULE = 'ACTION_CLEAR_ACTION_RULE';\r\nexport const ACTION_UPSERT_ACTION_RULE_SUCCEED = 'ACTION_UPSERT_ACTION_RULE_SUCCEED';\r\nexport const ACTION_UPSERT_ACTION_RULE_FAILED = 'ACTION_UPSERT_ACTION_RULE_FAILED';\r\nexport const ACTION_GET_ACTION_ALERT_SUCCEED = 'ACTION_GET_ACTION_ALERT_SUCCEED';\r\nexport const ACTION_GET_ACTION_ALERT_FAILED = 'ACTION_GET_ACTION_ALERT_FAILED';\r\nexport const ACTION_CLEAR_ACTION_ALERT = 'ACTION_CLEAR_ACTION_ALERT';\r\nexport const ACTION_UPSERT_ACTION_ALERT_SUCCEED = 'ACTION_UPSERT_ACTION_ALERT_SUCCEED';\r\nexport const ACTION_UPSERT_ACTION_ALERT_FAILED = 'ACTION_UPSERT_ACTION_ALERT_FAILED';\r\nexport const ACTION_SET_ACTION_ID_SUCCEED = 'ACTION_SET_ACTION_ID_SUCCEED';\r\nexport const ACTION_DELETE_ACTIONS_SUCCEED = 'ACTION_UPSERT_ACTIONS_SUCCEED';\r\nexport const ACTION_DELETE_ACTIONS_FAILED = 'ACTION_UPSERT_ACTIONS_FAILED';\r\nexport const ACTION_GET_ACTION_LOG_SUCCEED = 'ACTION_GET_ACTION_LOG_SUCCEED';\r\nexport const ACTION_GET_ACTION_LOG_FAILED = 'ACTION_GET_ACTION_LOG_FAILED';\r\nexport const ACTION_GET_TEMPLATE_SUCCEED = 'ACTION_GET_TEMPLATE_SUCCEED';\r\nexport const ACTION_GET_TEMPLATE_FAILED = 'ACTION_GET_TEMPLATE_FAILED';\r\nexport const ACTION_SET_TELECOM_SUCCEED = 'ACTION_SET_TELECOM_SUCCEED'\r\nexport const ACTION_SET_TELECOM_FAILED = 'ACTION_SET_TELECOM_FAILED'\r\n\r\nexport const ACTION_GET_CONTACT_LIST_SUCCEED = 'ACTION_GET_CONTACT_LIST_SUCCEED';\r\nexport const ACTION_GET_CONTACT_LIST_FAILED = 'ACTION_GET_CONTACT_LIST_FAILED';\r\nexport const ACTION_POST_CONTACT_LIST_SUCCEED = 'ACTION_POST_CONTACT_LIST_SUCCEED';\r\nexport const ACTION_POST_CONTACT_LIST_FAILED = 'ACTION_POST_CONTACT_LIST_FAILED';\r\nexport const ACTION_GET_NOTIFICTION_TEMPLATE_LIST_SUCCEED = 'ACTION_GET_NOTIFICTION_TEMPLATE_LIST_SUCCEED';\r\nexport const ACTION_GET_NOTIFICTION_TEMPLATE_LIST_FAILED = 'ACTION_GET_NOTIFICTION_TEMPLATE_LIST_FAILED';\r\nexport const ACTION_GET_DASHBOARDSETTING_LIST_SUCCEED = 'ACTION_GET_DASHBOARDSETTING_LIST_SUCCEED';\r\nexport const ACTION_GET_DASHBOARDSETTING_LIST_FAILED = 'ACTION_GET_DASHBOARDSETTING_LIST_FAILED';\r\nexport const ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED = 'ACTION_POST_INVENTORY_UPLOAD_ACTIONS_SUCCEED';\r\nexport const ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED = 'ACTION_POST_INVENTORY_UPLOAD_ACTIONS_FAILED';\r\nexport const ACTION_INVENTORY_UPLOAD_ACTIONS_FAILED = 'ACTION_INVENTORY_UPLOAD_ACTIONS_FAILED';\r\n\r\nexport const ASSET_LOAD_ICON_SUCCEED = 'ASSET_LOAD_ICON_SUCCEED';\r\nexport const ASSET_LOAD_ICON_FAILED = 'ASSET_LOAD_ICON_FAILED';\r\nexport const ASSET_DELETE_ICON = 'ASSET_DELETE_ICON';\r\nexport const CLEAR_USER_DETAIL = 'CLEAR_USER_DETAIL';\r\nexport const USER_LOGIN_SUCESS = 'USER_LOGIN_SUCESS';\r\nexport const USER_LOGIN_FAILED = 'USER_LOGIN_FAILED';\r\nexport const USER_ADD_SUCCESS = 'USER_ADD_SUCCESS';\r\nexport const USER_ADD_FAILED = 'USER_ADD_FAILED';\r\nexport const USER_FORGET_PASSWORD_SUCCESS = 'USER_FORGET_PASSWORD_SUCCESS';\r\nexport const USER_FORGET_PASSWORD_NOT_FOUND = 'USER_FORGET_PASSWORD_NOT_FOUND';\r\nexport const USER_FORGET_PASSWORD_NOT_ALLOWED = 'USER_FORGET_PASSWORD_NOT_ALLOWED';\r\nexport const USER_FORGET_PASSWORD_FAILED = 'USER_FORGET_PASSWORD_FAILED';\r\nexport const USER_RESET_PASSWORD_SUCCESS = 'USER_RESET_PASSWORD_SUCCESS';\r\nexport const USER_RESET_PASSWORD_FAILED = 'USER_RESET_PASSWORD_FAILED';\r\n/////wether app adding multi users from csv file\r\nexport const MULTI_USER_ADD_SUCCESS = 'MULTI_USER_ADD_SUCCESS';\r\nexport const MULTI_USER_ADD_FAILED = 'MULTI_USER_ADD_FAILED';\r\n/////////////\r\nexport const USER_UPDATE_SUCCESS = 'USER_UPDATE_SUCCESS';\r\nexport const USER_UPDATE_FAILED = 'USER_UPDATE_FAILED';\r\nexport const MODIFY_NVR_PASSWORD_SUCCESS = 'MODIFY_NVR_PASSWORD_SUCCESS';\r\nexport const MODIFY_NVR_PASSWORD_FAIL = 'MODIFY_NVR_PASSWORD_FAIL';\r\nexport const USER_REMOVE_SUCCESS = 'USER_REMOVE_SUCCESS';\r\nexport const USER_REMOVE_FAILED = 'USER_REMOVE_FAILED';\r\nexport const USER_GET_SUCCESS = 'USER_GET_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_USERLIST_GET_SUCCESS = 'DASHBOARDTEMPLATE_USER_GET_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_LAYOUT_GET_SUCCESS = 'DASHBOARDTEMPLATE_LAYOUT_GET_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_LAYOUT_DELETE_SUCCESS = 'DASHBOARDTEMPLATE_LAYOUT_Delete_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_DELETE_SUCCESS = 'DASHBOARDTEMPLATE_Delete_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_NEW_SUCCESS = 'DASHBOARDTEMPLATE_NEW_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_LAYOUT_UPDATE_SUCCESS = 'DASHBOARDTEMPLATE_LAYOUT_UPDATE_SUCCESS';\r\nexport const DASHBOARDTEMPLATE_LAYOUT_UPDATE_FAIL = 'DASHBOARDTEMPLATE_LAYOUT_UPDATE_FAIL';\r\nexport const USER_GET_FAILED = 'USER_GET_FAILED';\r\nexport const USER_ADD_ASSETCLASS_LIST_SUCCESS = 'USER_ADD_ASSETCLASS_LIST_SUCCESS';\r\nexport const USER_ADD_ASSETCLASS_LIST_FAILED = 'USER_ADD_ASSETCLASS_LIST_FAILED';\r\nexport const USER_ADD_DEVICETYPE_LIST_SUCCESS = 'USER_ADD_DEVICETYPE_LIST_SUCCESS';\r\nexport const USER_ADD_DEVICETYPE_LIST_FAILED = 'USER_ADD_DEVICETYPE_LIST_FAILED';\r\n\r\nexport const USER_CHECK_ASSETCLASS_LIST_SUCCESS = 'USER_CHECK_ASSETCLASS_LIST_SUCCESS';\r\nexport const USER_CHECK_ASSETCLASS_LIST_FAILED = 'USER_CHECK_ASSETCLASS_LIST_FAILED';\r\nexport const USER_CHECK_DEVICETYPE_LIST_SUCCESS = 'USER_CHECK_DEVICETYPE_LIST_SUCCESS';\r\nexport const USER_CHECK_DEVICETYPE_LIST_FAILED = 'USER_CHECK_DEVICETYPE_LIST_FAILED';\r\nexport const USER_GET_COMPANY_LIST_SUCCESS = 'USER_GET_COMPANY_LIST_SUCCESS';\r\nexport const USER_GET_COMPANT_LIST_FAILED = 'USER_GET_COMPANT_LIST_FAILED';\r\n\r\nexport const USER_GET_COMPANY_OBJ_SUCCESS = 'USER_GET_COMPANY_OBJ_SUCCESS';\r\nexport const USER_GET_COMPANY_OBJ_FAILED = 'USER_GET_COMPANY_OBJ_FAILED';\r\nexport const USER_UPDATE_COMPANY_OBJ_SUCCESS = 'USER_UPDATE_COMPANY_OBJ_SUCCESS';\r\nexport const USER_UPDATE_COMPANY_OBJ_FAILED = 'USER_UPDATE_COMPANY_OBJ_FAILED';\r\nexport const USER_DELETE_COMPANY_OBJ_SUCCESS = 'USER_DELETE_COMPANY_OBJ_SUCCESS';\r\nexport const USER_DELETE_COMPANY_OBJ_FAILED = 'USER_DELETE_COMPANY_OBJ_FAILED';\r\n\r\nexport const USER_UPDATE_RESELLER_OBJ_SUCCESS = 'USER_UPDATE_RESELLER_OBJ_SUCCESS';\r\nexport const USER_UPDATE_RESELLER_OBJ_FAILED = 'USER_UPDATE_RESELLER_OBJ_FAILED';\r\nexport const USER_DISABLE_RESELLER_OBJ_SUCCESS = 'USER_DISABLE_RESELLER_OBJ_SUCCESS';\r\nexport const USER_DISABLE_RESELLER_OBJ_FAILED = 'USER_DISABLE_RESELLER_OBJ_FAILED';\r\n\r\nexport const USER_GET_PAGE_CONTENT_SUCCESS = 'USER_GET_PAGE_CONTENT_SUCCESS';\r\nexport const USER_GET_PAGE_CONTENT_FAILED = 'USER_GET_PAGE_CONTENT_FAILED';\r\n\r\nexport const USER_GET_ROLES_SUCCESS = 'USER_GET_ROLES_SUCCESS';\r\nexport const USER_GET_ROLES_FAILED = 'USER_GET_ROLES_FAILED';\r\nexport const USER_GET_COMPANY_DEVICE_TYPES_SUCCESS = 'USER_GET_COMPANY_DEVICE_TYPES_SUCCESS';\r\nexport const USER_GET_COMPANY_DEVICE_TYPES_FAILED = 'USER_GET_COMPANY_DEVICE_TYPES_FAILED';\r\nexport const USER_GET_COMPANY_ASSET_CLASS_SUCCESS = 'USER_GET_COMPANY_ASSET_CLASS_SUCCESS';\r\nexport const USER_GET_COMPANY_ASSET_CLASS_FAILED = 'USER_GET_COMPANY_ASSET_CLASS_FAILED';\r\nexport const USER_GET_COUNTRY_LIST_SUCCESS = 'USER_GET_COUNTRY_LIST_SUCCESS';\r\nexport const USER_GET_PROVINCE_LIST_SUCCESS = 'USER_GET_PROVINCE_LIST_SUCCESS';\r\nexport const USER_GET_ALL_COMPANIES_SUCCESS = 'USER_GET_ALL_COMPANIES_SUCCESS';\r\nexport const USER_GET_ALL_COMPANIES_FAILED = 'USER_GET_ALL_COMPANIES_FAILED';\r\nexport const USER_GET_ALL_RESELLER_SUCCESS = 'USER_GET_ALL_RESELLER_SUCCESS';\r\nexport const USER_GET_ALL_RESELLER_FAILED = 'USER_GET_ALL_RESELLER_FAILED';\r\n\r\nexport const STEP_FORWARD = 'STEP_FORWARD';\r\nexport const STEP_BACKWARD = 'STEP_BACKWARD';\r\nexport const STET_RESET = 'STET_RESET';\r\n\r\nexport const DASHBOARD_GET_LAYOUT_SUCCEED = 'DASHBOARD_GET_LAYOUT_SUCCEED';\r\nexport const DASHBOARD_GET_LAYOUT_FAILED = 'DASHBOARD_GET_LAYOUT_FAILED';\r\nexport const DASHBOARD_GET_ASSET_MAP_SUCCEED = 'DASHBOARD_GET_ASSET_MAP_SUCCEED';\r\nexport const DASHBOARD_GET_ASSET_MAP_FAILED = 'DASHBOARD_GET_ASSET_MAP_FAILED';\r\nexport const DASHBOARD_GET_LAYOUT_LIST_SUCCEED = 'DASHBOARD_GET_LAYOUT_LIST_SUCCEED';\r\nexport const DASHBOARD_GET_LAYOUT_LIST_FAILED = 'DASHBOARD_GET_LAYOUT_LIST_FAILED';\r\n\r\nexport const DASHBOARD_GET_DEVICE_DATA_SUCCEED = 'DASHBOARD_GET_DEVICE_DATA_SUCCEED';\r\nexport const DASHBOARD_GET_DEVICE_DATA_FAILED = 'DASHBOARD_GET_DEVICE_DATA_FAILED';\r\nexport const DASHBOARD_UPDATE_LAYOUT_SUCCEED = 'DASHBOARD_UPDATE_LAYOUT_SUCCEED';\r\nexport const DASHBOARD_UPDATE_LAYOUT_FAILED = 'DASHBOARD_UPDATE_LAYOUT_FAILED';\r\n\r\nexport const DASHBOARD_GET_DEVICE_LIST_SUCCEED = 'DASHBOARD_GET_DEVICE_LIST_SUCCEED';\r\nexport const DASHBOARD_GET_DEVICE_LIST_FAILED = 'DASHBOARD_GET_DEVICE_LIST_FAILED';\r\n\r\nexport const DASHBOARD_GET_DEVICE_MSG_COUNT_SUCCEED = 'DASHBOARD_GET_DEVICE_MSG_COUNT_SUCCEED';\r\nexport const DASHBOARD_GET_DEVICE_MSG_COUNT_FAILED = 'DASHBOARD_GET_DEVICE_MSG_COUNT_FAILED';\r\n\r\nexport const DASHBOARD_GET_ASSETS_DATA_SUCCEED = 'DASHBOARD_GET_ASSETS_DATA_SUCCEED';\r\nexport const DASHBOARD_GET_ASSETS_DATA_FAILED = 'DASHBOARD_GET_ASSETS_DATA_FAILED';\r\n\r\nexport const DASHBOARD_GET_ASSETS_LIST_SUCCEED = 'DASHBOARD_GET_ASSETS_LIST_SUCCEED';\r\nexport const DASHBOARD_GET_ASSETS_LIST_FAILED = 'DASHBOARD_GET_ASSETS_LIST_FAILED';\r\n\r\nexport const DASHBOARD_GET_THRESHOLD_SUCCEED = 'DASHBOARD_GET_THRESHOLD_SUCCEED';\r\nexport const DASHBOARD_GET_THRESHOLD_FAILED = 'DASHBOARD_GET_THRESHOLD_FAILED';\r\n\r\nexport const DASHBOARD_GET_ASSETS_LIST_CLEAR = 'DASHBOARD_GET_ASSETS_LIST_CLEAR';\r\n\r\nexport const DASHBOARD_RECURSIVE_START = 'DASHBOARD_RECURSIVE_START';\r\nexport const DASHBOARD_GET_RECURSIVE_DATA_SUCCEED = 'DASHBOARD_GET_RECURSIVE_DATA_SUCCEED';\r\nexport const DASHBOARD_GET_RECURSIVE_DATA_FAILED = 'DASHBOARD_GET_RECURSIVE_DATA_FAILED';\r\n\r\nexport const DASHBOARD_GET_ATTRIBUTE_CHART_SUCCEED = 'DASHBOARD_GET_ATTRIBUTE_CHART_SUCCEED';\r\nexport const DASHBOARD_GET_ATTRIBUTE_CHART_FAILED = 'DASHBOARD_GET_ATTRIBUTE_CHART_FAILED';\r\n\r\nexport const MAP_DEVICE_DATA = 'MAP_DEVICE_DATA';\r\nexport const MAP_ASSET_DATA = 'MAP_ASSET_DATA';\r\n\r\nexport const INVENTORY_GET_DEVICE_MASTER_SUCCEED = 'INVENTORY_GET_DEVICE_MASTER_SUCCEED';\r\nexport const INVENTORY_GET_DEVICE_MASTER_FAILED = 'INVENTORY_GET_DEVICE_MASTER_FAILED';\r\nexport const INVENTORY_GET_INVENTORY_SUCCEED = 'INVENTORY_GET_INVENTORY_SUCCEED';\r\nexport const INVENTORY_GET_INVENTORY_FAILED = 'INVENTORY_GET_INVENTORY_FAILED';\r\nexport const INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_SUCCEED = 'INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_SUCCEED';\r\nexport const INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_FAILED = 'INVENTORY_GET_SIM_LAST_KNOWN_LOCATION_FAILED';\r\nexport const INVENTORY_SET_ACTIVATE_SIM_SUCCESS = 'INVENTORY_SET_ACTIVATE_SIM_SUCCESS';\r\nexport const INVENTORY_SET_ACTIVATE_SIM_FAILED = 'INVENTORY_SET_ACTIVATE_SIM_FAILED';\r\n\r\nexport const INVENTORY_GET_ONE_DEVICE_MASTER_SUCCEED = 'INVENTORY_GET_ONE_DEVICE_MASTER_SUCCEED';\r\nexport const INVENTORY_GET_ONE_DEVICE_MASTER_FAILED = 'INVENTORY_GET_ONE_DEVICE_MASTER_FAILED';\r\nexport const INVENTORY_GET_CONSUMER_SIM_SUCCEED = 'INVENTORY_GET_CONSUMER_SIM_SUCCEED';\r\nexport const INVENTORY_GET_CONSUMER_SIM_FAILED = 'INVENTORY_GET_CONSUMER_SIM_FAILED';\r\n\r\nexport const PUBSUB_UPDATE_DEVICE = 'PUBSUB_UPDATE_DEVICE';\r\n\r\nexport const ASSET_GET_RECURSIVE_DATA_SUCCEED = 'ASSET_GET_RECURSIVE_DATA_SUCCEED';\r\nexport const ASSET_GET_RECURSIVE_DATA_FAILED = 'ASSET_GET_RECURSIVE_DATA_FAILED';\r\nexport const ASSET_RESET_RECURSIVE_DATA = 'ASSET_RESET_RECURSIVE_DATA';\r\nexport const ASSET_RECURSIVE_START = 'ASSET_RECURSIVE_START';\r\nexport const ASSET_REMOVE_RECURSIVE_LEVEL = 'ASSET_REMOVE_RECURSIVE_LEVEL';\r\n\r\nexport const MESSAGE_DECODE_LOAD_SUCCEED = 'MESSAGE_DECODE_LOAD_SUCCEED';\r\nexport const MESSAGE_DECODE_ADD_MESSAGE_DECODE = 'MESSAGE_DECODE_ADD';\r\nexport const MESSAGE_DECODE_ADD_ITEM_MESSAGE_DECODE = 'MESSAGE_DECODE_ADD_ITEM_MESSAGE_DECODE';\r\nexport const MESSAGE_DECODE_UPDATE_ONE_MESSAGE_DECODE = 'MESSAGE_DECODE_UPDATE_ONE_MESSAGE_DECODE';\r\nexport const MESSAGE_DECODE_REMOVE_MESSAGE_DECODE = 'MESSAGE_DECODE_REMOVE_MESSAGE_DECODE';\r\n\r\nexport const MESSAGE_DECODE_ADD_GROUP_MESSAGE_DECODE = 'MESSAGE_DECODE_ADD_GROUP_MESSAGE_DECODE';\r\nexport const MESSAGE_DECODE_REMOVE_GROUP_MESSAGE_DECODE = 'MESSAGE_DECODE_REMOVE_GROUP_MESSAGE_DECODE';\r\nexport const MESSAGE_DECODE_UPDATE_GROUP_MESSAGE_DECODE = 'MESSAGE_DECODE_UPDATE_GROUP_MESSAGE_DECODE';\r\n\r\n\r\nexport const MESSAGE_DECODE_LOAD_LIST_START = 'MESSAGE_DECODE_LOAD_LIST_START';\r\nexport const MESSAGE_DECODE_LOAD_LIST_SUCCEED = 'MESSAGE_DECODE_LOAD_LIST_SUCCEED';\r\nexport const MESSAGE_DECODE_LOAD_LIST_FAILED = 'MESSAGE_DECODE_LOAD_LIST_FAILED';\r\n\r\nexport const MESSAGE_DECODE_LOAD_GROUP_START = 'MESSAGE_DECODE_LOAD_GROUP_START';\r\nexport const MESSAGE_DECODE_LOAD_GROUP_SUCCEED = 'MESSAGE_DECODE_LOAD_GROUP_SUCCEED';\r\nexport const MESSAGE_DECODE_LOAD_GROUP_FAILED = 'MESSAGE_DECODE_LOAD_GROUP_FAILED';\r\n\r\n\r\n\r\nexport const COMPANY_GET_BRANDING_SUCCESS='COMPANY_GET_BRANDING_SUCCESS';\r\nexport const COMPANY_GET_BRANDING_FAILED='COMPANY_GET_BRANDING_FAILED';\r\n\r\nexport const USER_GET_ACCOUNT_LIST_SUCCESS = 'USER_GET_ACCOUNT_LIST_SUCCESS';\r\nexport const USER_GET_ACCOUNT_LIST_FAILED = 'USER_GET_ACCOUNT_LIST_FAILED';\r\nexport const CARD_ADD_SUCCESS = 'CARD_ADD_SUCCESS';\r\nexport const CARD_ADD_FAILED = 'CARD_ADD_FAILED';\r\nexport const ACCOUNT_ADD_ACCOUNT = 'ACCOUNT_ADD_ACCOUNT';\r\nexport const ACCOUNT_DELETE_ACCOUNT = 'ACCOUNT_DELETE_ACCOUNT';\r\nexport const GET_ACCOUNT_CARDS_SUCCESS = 'GET_ACCOUNT_CARDS_SUCCESS';\r\nexport const GET_ACCOUNT_CARDS_FAILED = 'GET_ACCOUNT_CARDS_FAILED';\r\n\r\nexport const USER_GET_PLAN_ITEMS_SUCCESS = 'USER_GET_PLAN_ITEMS_SUCCESS';\r\nexport const USER_GET_PLAN_ITEMS_FAILED = 'USER_GET_PLAN_ITEMS_FAILED';\r\n\r\nexport const USER_GET_SIM_SERVICE_PLAN_SUCCESS = \"USER_GET_SIM_SERVICE_PLAN_SUCCESS\";\r\nexport const USER_GET_SIM_SERVICE_PLAN_FAILED = \"USER_GET_SIM_SERVICE_PLAN_FAILED\";\r\n\r\nexport const WEB_SERVICE_GET_SPECIAL_LINE_SUCCESS = \"WEB_SERVICE_GET_SPECIAL_LINE_SUCCESS\";\r\nexport const WEB_SERVICE_GET_SPECIAL_LINE_FAILED = \"WEB_SERVICE_GET_SPECIAL_LINE_FAILED\"\r\n\r\nexport const USER_CLEAR_CARRIER_PLAN_LIST_SUCCESS = \"USER_CLEAR_CARRIER_PLAN_LIST_SUCCESS\";\r\nexport const USER_CLEAR_CARRIER_PLAN_LIST_FAILED = \"USER_CLEAR_CARRIER_PLAN_LIST_FAILED\";\r\n\r\nexport const COMPANY_GET_PAYMENT_ITEM_SUCCESS = 'COMPANY_GET_PAYMENT_ITEM_SUCCESS';\r\nexport const COMPANY_GET_PAYMENT_ITEM_FAILED = 'COMPANY_GET_PAYMENT_ITEM_FAILED';\r\n\r\nexport const COMPANY_PAYMENT_CHECKOUT_SUCCESS = 'COMPANY_PAYMENT_CHECKOUT_SUCCESS';\r\nexport const COMPANY_PAYMENT_CHECKOUT_FAILED = 'COMPANY_PAYMENT_CHECKOUT_FAILED';\r\n\r\nexport const COMPANY_TRANSACTION_HISTORY_SUCCESS = 'COMPANY_TRANSACTION_HISTORY_SUCCESS';\r\nexport const COMPANY_TRANSACTION_HISTORY_FAILED = 'COMPANY_TRANSACTION_HISTORY_FAILED';\r\nexport const COMPANY_TRANSACTION_REFUND_SUCCESS = 'COMPANY_TRANSACTION_REFUND_SUCCESS';\r\nexport const COMPANY_TRANSACTION_REFUND_FAILED = 'COMPANY_TRANSACTION_REFUND_FAILED';\r\n\r\nexport const COMPANY_PAYMENT_HISTORY_SUCCESS = 'COMPANY_PAYMENT_HISTORY_SUCCESS';\r\nexport const COMPANY_PAYMENT_HISTORY_FAILED = 'COMPANY_PAYMENT_HISTORY_FAILED';\r\nexport const COMPANY_PAYMENT_INVOICE_FAILED = 'COMPANY_PAYMENT_INVOICE_FAILED';\r\nexport const COMPANY_PAYMENT_INVOICE_SUCCESS = 'COMPANY_PAYMENT_INVOICE_SUCCESS';\r\nexport const COMPANY_PAYMENT_INVOICE_CLEAR = 'COMPANY_PAYMENT_INVOICE_CLEAR';\r\nexport const COMPANY_PAYMENT_INVOICE_DETAILS_SUCCESS = 'COMPANY_PAYMENT_INVOICE_DETAILS_SUCCESS';\r\nexport const COMPANY_PAYMENT_INVOICE_DETAILS_FAILED = 'COMPANY_PAYMENT_INVOICE_DETAILS_FAILED';\r\nexport const COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_SUCCESS = 'COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_FAILED = 'COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS = 'COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED = 'COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS = 'COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED = 'COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED'\r\n\r\nexport const COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_SUCCESS = 'COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_FAILED = 'COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS = 'COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED = 'COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS = 'COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED = 'COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED'\r\n\r\n\r\nexport const COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS = 'COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED = 'COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS = 'COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED = 'COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS = 'COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED = 'COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED'\r\n\r\nexport const COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_SUCCESS = 'COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED = 'COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED'\r\nexport const COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_SUCCESS = 'COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED = 'COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED'\r\n\r\nexport const COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS = 'COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED = 'COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED'\r\n\r\nexport const COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_SUCCESS = 'COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED = 'COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_STATUS_FAILED'\r\n\r\nexport const COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_START = 'COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_START'\r\nexport const COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_SUCCESS = 'COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_SUCCESS'\r\nexport const COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_FAILED = 'COMPANY_PAYMENT_INVOICE_MANUAL_BILLING_FAILED'\r\n\r\nexport const COMPANY_PAYMENT_USAGE_REPORT_SUCCESS = 'COMPANY_PAYMENT_USAGE_REPORT_SUCCESS';\r\nexport const COMPANY_PAYMENT_USAGE_REPORT_FAILED = 'COMPANY_PAYMENT_USAGE_REPORT_FAILED';\r\n\r\nexport const COMPANY_PAYMENT_ADJUST_INVOICE_SUCCESS = 'COMPANY_PAYMENT_ADJUST_INVOICE_SUCCESS';\r\nexport const COMPANY_PAYMENT_ADJUST_INVOICE_FAILED = 'COMPANY_PAYMENT_ADJUST_INVOICE_FAILED';\r\n\r\nexport const WEB_SERVICE_INVENTORY_SUPLLIER_SUCCESS = 'WEB_SERVICE_INVENTORY_SUPLLIER_SUCCESS';\r\nexport const WEB_SERVICE_INVENTORY_SUPLLIER_ITEM_SUCCESS = 'WEB_SERVICE_INVENTORY_SUPLLIER_ITEM_SUCCESS';\r\n\r\nexport const COMPANY_MONERIS_ACCOUNT_START = 'COMPANY_MONERIS_ACCOUNT_START';\r\nexport const COMPANY_MONERIS_ACCOUNT_SUCCESS = 'WEB_SERVICE_MONERIS_ACCOUNT_SUCCESS';\r\nexport const COMPANY_MONERIS_ACCOUNT_FAILED = 'WEB_SERVICE_MONERIS_ACCOUNT_FAILED';\r\nexport const COMPANY_SET_CURRENT_COMPANY_CODE = 'COMPANY_SET_CURRENT_COMPANY_CODE';\r\n\r\nexport const CUSTOMER_COMPANY_GET_SUCCESS = 'CUSTOMER_COMPANY_GET_SUCCESS';\r\nexport const CUSTOMER_COMPANY_GET_FAILED = 'CUSTOMER_COMPANY_GET_FAILED';\r\n\r\nexport const CUSTOMER_GET_ORDERS_SUCCESS = 'CUSTOMER_GET_ORDERS_SUCCESS';\r\nexport const CUSTOMER_GET_ORDERS_FAILED = 'CUSTOMER_GET_ORDERS_FAILED';\r\n\r\nexport const CUSTOMER_UPDATE_ORDERS_SUCCESS = 'CUSTOMER_UPDATE_ORDERS_SUCCESS';\r\nexport const CUSTOMER_UPDATE_ORDERS_FAILED = 'CUSTOMER_UPDATE_ORDERS_FAILED';\r\n\r\nexport const ORDER_ADJUSTMENT_GET_SUCCESS = 'ORDER_ADJUSTMENT_GET_SUCCESS';\r\nexport const ORDER_ADJUSTMENT_GET_FAILED = 'ORDER_ADJUSTMENT_GET_FAILED';\r\nexport const ORDER_ADJUSTMENT_CLEAR = 'ORDER_ADJUSTMENT_CLEAR';\r\n\r\nexport const GENERATE_PURCHASE_ORDER_SUCCESS = 'GENERATE_PURCHASE_ORDER_SUCCESS';\r\nexport const GENERATE_PURCHASE_ORDER_FAILED = 'GENERATE_PURCHASE_ORDER_FAILED';\r\nexport const EMAIL_PURCHASE_ORDER_SUCCESS = 'EMAIL_PURCHASE_ORDER_SUCCESS';\r\nexport const EMAIL_PURCHASE_ORDER_FAILED = 'EMAIL_PURCHASE_ORDER_FAILED';\r\n\r\n\r\n//Smart Building\r\nexport const surveilActionTypes = {\r\n ADD_ASSET: 'ADD_ASSET',\r\n LOAD_ASSETS: 'LOAD_ASSETS',\r\n CLEAR_ASSETS: 'CLEAR_ASSETS',\r\n LOAD_LPR_SUCCEED: 'LOAD_LPR_SUCCEED', //load license plates records\r\n LOAD_LPR_FAILED: 'LOAD_LPR_FAILED', //load license plates records\r\n LOAD_FACE_RECOGNITION_SUCCEED: 'LOAD_FACE_RECOGNITION_SUCCEED',\r\n LOAD_FACE_RECOGNITION_FAILED: 'LOAD_FACE_RECOGNITION_FAILED',\r\n LOAD_FACE_DETECTION_SUCCEED: 'LOAD_FACE_DETECTION_SUCCEED',\r\n LOAD_FACE_DETECTION_FAILED: 'LOAD_FACE_DETECTION_FAILED',\r\n LOAD_PEOPLE_COUNT_SUCCEED: 'LOAD_PEOPLE_COUNT_SUCCEED',\r\n LOAD_PEOPLE_COUNT_FAILED: 'LOAD_PEOPLE_COUNT_FAILED',\r\n LOAD_CAR_COUNT_SUCCEED: 'LOAD_CAR_COUNT_SUCCEED',\r\n LOAD_CAR_COUNT_FAILED: 'LOAD_CAR_COUNT_FAILED',\r\n LOAD_NVR_LIST_SUCCEED: 'LOAD_NVR_LIST_SUCCEED',\r\n LOAD_NVR_LIST_FAILED: 'LOAD_NVR_LIST_FAILED',\r\n ADD_NVR_SUCCEED: 'ADD_NVR_SUCCEED',\r\n ADD_NVR_FAILED: 'ADD_NVR_FAILED'\r\n};\r\n\r\nexport const WEB_SERVICE_GET_SAP_CSV_SUCCESS = 'WEB_SERVICE_GET_SAP_CSV_SUCCESS';\r\nexport const WEB_SERVICE_GET_SAP_CSV_FAILED = 'WEB_SERVICE_GET_SAP_CSV_FAILED';\r\n\r\nexport const GET_ACTIVATED_SIM_DASHBOARD_START = 'GET_ACTIVATED_SIM_DASHBOARD_START';\r\nexport const GET_ACTIVATED_SIM_DASHBOARD_SUCCESS = 'GET_ACTIVATED_SIM_DASHBOARD_SUCCESS';\r\nexport const GET_ACTIVATED_SIM_DASHBOARD_FAILED = 'GET_ACTIVATED_SIM_DASHBOARD_FAILED';\r\n\r\nexport const GET_SIM_USAGE_SUCCESS = 'GET_SIM_USAGE_SUCCESS';\r\nexport const GET_SIM_USAGE_FAILED = 'GET_SIM_USAGE_FAILED';\r\n\r\nexport const GET_USAGE_FOR_RESELLER_SUCCESS = 'GET_USAGE_FOR_RESELLER_SUCCESS';\r\nexport const GET_USAGE_FOR_RESELLER_FAILED = 'GET_USAGE_FOR_RESELLER_FAILED';\r\n\r\n\r\nexport const GET_CARRIER_LIST_SUCCESS = \"GET_CARRIER_LIST_SUCCESS\";\r\nexport const GET_CARRIER_LIST_FAILED = \"GET_CARRIER_LIST_FAILED\";\r\n\r\nexport const CONSUMER_ADD_SUCCESS = 'CONSUMER_ADD_SUCCESS';\r\nexport const CONSUMER_ADD_FAILED = 'CONSUMER_ADD_FAILED';\r\n\r\nexport const CONSUMER_GET_SUCCESS = 'CONSUMER_GET_SUCCESS';\r\nexport const CONSUMER_GET_FAILED = 'CONSUMER_GET_FAILED';\r\n\r\nexport const CONSUMER_UPDATE_SUCCESS = 'CONSUMER_UPDATE_SUCCESS';\r\nexport const CONSUMER_UPDATE_FAILED = 'CONSUMER_UPDATE_FAILED';\r\n\r\nexport const CONSUMER_GET_PLAN_USAGE_SUCCESS = 'CONSUMER_GET_PLAN_USAGE_SUCCESS';\r\nexport const CONSUMER_GET_PLAN_USAGE_FAILED = 'CONSUMER_GET_PLAN_USAGE_FAILED';\r\n\r\n//Weather App\r\nexport const WEATHER_GET_ASSET_DATA_SUCCEED = 'WEATHER_GET_ASSET_DATA_SUCCEED';\r\nexport const WEATHER_GET_ASSET_DATA_FAILED = 'WEATHER_GET_ASSET_DATA_FAILED';\r\nexport const WEATHER_GET_ASSET_DATA_CLEAR = 'WEATHER_GET_ASSET_DATA_CLEAR';\r\nexport const WEATHER_SET_STORE_ASSET_DATA = 'WEATHER_SET_STORE_ASSET_DATA';\r\n\r\nexport const WEATHER_GET_ALARM_COUNT_START = 'WEATHER_GET_ALARM_COUNT_START';\r\nexport const WEATHER_GET_ALARM_COUNT_SUCCEED = 'WEATHER_GET_ALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_ALARM_COUNT_FAILED = 'WEATHER_GET_ALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_ALARM_COUNT_CLEAR = 'WEATHER_GET_ALARM_COUNT_CLEAR';\r\nexport const WEATHER_GET_ALARM_COUNT_LIST_START = 'WEATHER_GET_ALARM_COUNT_LIST_START';\r\nexport const WEATHER_GET_ALARM_COUNT_LIST_SUCCEED = 'WEATHER_GET_ALARM_COUNT_LIST_SUCCEED';\r\nexport const WEATHER_GET_ALARM_COUNT_LIST_FAILED = 'WEATHER_GET_ALARM_COUNT_LIST_FAILED';\r\nexport const WEATHER_GET_ALARM_COUNT_LIST_CLEAR = 'WEATHER_GET_ALARM_COUNT_LIST_CLEAR';\r\nexport const WEATHER_GET_HOURLYALARM_COUNT_START = 'WEATHER_GET_HOURLYALARM_COUNT_START';\r\nexport const WEATHER_GET_HOURLYALARM_COUNT_SUCCEED = 'WEATHER_GET_HOURLYALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_HOURLYALARM_COUNT_FAILED = 'WEATHER_GET_HOURLYALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_HOURLYALARM_COUNT_CLEAR = 'WEATHER_GET_HOURLYALARM_COUNT_CLEAR';\r\nexport const WEATHER_GET_MONTHLYALARM_COUNT_START = 'WEATHER_GET_MONTHLYALARM_COUNT_START';\r\nexport const WEATHER_GET_MONTHLYALARM_COUNT_SUCCEED = 'WEATHER_GET_MONTHLYALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_MONTHLYALARM_COUNT_FAILED = 'WEATHER_GET_MONTHLYALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_MONTHLYALARM_COUNT_CLEAR = 'WEATHER_GET_MONTHLYALARM_COUNT_CLEAR';\r\nexport const WEATHER_GET_QUARTERMONTHALARM_COUNT_START = 'WEATHER_GET_QUARTERMONTHALARM_COUNT_START';\r\nexport const WEATHER_GET_QUARTERMONTHALARM_COUNT_SUCCEED = 'WEATHER_GET_QUARTERMONTHALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_QUARTERMONTHALARM_COUNT_FAILED = 'WEATHER_GET_QUARTERMONTHALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_QUARTERMONTHALARM_COUNT_CLEAR = 'WEATHER_GET_QUARTERMONTHALARM_COUNT_CLEAR';\r\nexport const WEATHER_GET_6MONTHSALARM_COUNT_START = 'WEATHER_GET_6MONTHSALARM_COUNT_START';\r\nexport const WEATHER_GET_6MONTHSALARM_COUNT_SUCCEED = 'WEATHER_GET_6MONTHSALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_6MONTHSALARM_COUNT_FAILED = 'WEATHER_GET_6MONTHSALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_6MONTHSALARM_COUNT_CLEAR = 'WEATHER_GET_6MONTHSALARM_COUNT_CLEAR';\r\n\r\nexport const WEATHER_GET_24HYALARM_COUNT_START = 'WEATHER_GET_24HYALARM_COUNT_START';\r\nexport const WEATHER_GET_24HALARM_COUNT_SUCCEED = 'WEATHER_GET_24HALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_24HALARM_COUNT_FAILED = 'WEATHER_GET_24HALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_24HALARM_COUNT_CLEAR = 'WEATHER_GET_24HALARM_COUNT_CLEAR';\r\n\r\nexport const WEATHER_GET_ROLLING24HALARM_COUNT_START = 'WEATHER_GET_ROLLING24HALARM_COUNT_START';\r\nexport const WEATHER_GET_ROLLING24HALARM_COUNT_SUCCEED = 'WEATHER_GET_ROLLING24HALARM_COUNT_SUCCEED';\r\nexport const WEATHER_GET_ROLLING24HALARM_COUNT_FAILED = 'WEATHER_GET_ROLLING24HALARM_COUNT_FAILED';\r\nexport const WEATHER_GET_ROLLING24HALARM_COUNT_CLEAR = 'WEATHER_GET_ROLLING24HALARM_COUNT_CLEAR';\r\n\r\n\r\nexport const WEATHER_GET_ASSET_HISTORY_START = 'WEATHER_GET_ASSET_HISTORY_START';\r\nexport const WEATHER_GET_ASSET_HISTORY_SUCCEED = 'WEATHER_GET_ASSET_HISTORY_SUCCEED';\r\nexport const WEATHER_GET_ASSET_HISTORY_FAILED = 'WEATHER_GET_ASSET_HISTORY_FAILED';\r\nexport const WEATHER_GET_ASSET_HISTORY_CLEAR = 'WEATHER_GET_ASSET_HISTORY_CLEAR';\r\nexport const WEATHER_SET_STORE_ASSET_HISTORY_DATA = 'WEATHER_SET_STORE_ASSET_HISTORY_DATA';\r\nexport const WEATHER_SUB_DATA_UPDATED = 'WEATHER_SUB_DATA_UPDATED';\r\nexport const WEATHER_GET_ALL_CONFIG_SUCCEED = 'WEATHER_GET_ALL_CONFIG_SUCCEED';\r\nexport const WEATHER_GET_ALL_CONFIG_FAILED = 'WEATHER_GET_ALL_CONFIG_FAILED';\r\nexport const WEATHER_POST_CONFIG_SUCCEED = 'WEATHER_POST_CONFIG_SUCCEED';\r\nexport const WEATHER_POST_CONFIG_FAILED = 'WEATHER_POST_CONFIG_FAILED';\r\n\r\nexport const WEATHER_GET_24_HISTORY_SUCCEED = 'WEATHER_GET_24_HISTORY_SUCCEED';\r\nexport const WEATHER_GET_24_HISTORY_FAILED = 'WEATHER_GET_24_HISTORY_FAILED';\r\nexport const WEATHER_GET_24_HISTORY_CLEAR = 'WEATHER_GET_24_HISTORY_CLEAR';\r\n\r\nexport const WEATHER_GET_1_MONTH_HISTORY_SUCCEED = 'WEATHER_GET_1_MONTH_HISTORY_SUCCEED';\r\nexport const WEATHER_GET_1_MONTH_HISTORY_FAILED = 'WEATHER_GET_1_MONTH_HISTORY_FAILED';\r\n\r\nexport const WEATHER_UPDATE_24_HISTORY = 'WEATHER_UPDATE_24_HISTORY';\r\nexport const WEATHER_UPDATE_ASSET_HISTORY_SUCCEED = 'WEATHER_UPDATE_ASSET_HISTORY_SUCCEED';\r\nexport const WEATHER_UPDATE_24_HISTORY_SUCCEED = 'WEATHER_UPDATE_24_HISTORY_SUCCEED';\r\n\r\nexport const WEATHER_GET_ASSET_DATA_START = 'WEATHER_GET_ASSET_DATA_START';\r\n\r\n\r\nexport const GET_PROMOTE_SUCCESS = 'GET_PROMOTE_SUCCESS'\r\nexport const GET_PROMOTE_FAILED = 'GET_PROMOTE_FAILED';\r\n\r\nexport const SET_PROMOTE_SUCCESS = 'SET_PROMOTE_SUCCESS'\r\nexport const SET_PROMOTE_FAILED = 'SET_PROMOTE_FAILED';\r\n\r\nexport const USER_GET_CARRIER_LIST_SUCCESS = 'USER_GET_CARRIER_LIST_SUCCESS';\r\nexport const USER_GET_CARRIER_LIST_FAILED = 'USER_GET_CARRIER_LIST_FAILED';\r\n\r\nexport const USER_GET_RESELLER_LIST_SUCCESS = 'USER_GET_RESELLER_LIST_SUCCESS';\r\nexport const USER_GET_RESELLER_LIST_FAILED = 'USER_GET_RESELLER_LIST_FAILED';\r\n\r\nexport const NEW_RESELLER_GET_DEVICE_INVENTORY_SUCCEED = 'NEW_RESELLER_GET_DEVICE_INVENTORY_SUCCEED';\r\nexport const NEW_RESELLER_GET_DEVICE_INVENTORY_FAILED = 'NEW_RESELLER_GET_DEVICE_INVENTORY_FAILED';\r\n\r\nexport const RESELLER_SET_ITEM_SUCCEED = 'RESELLER_SET_ITEM_SUCCEED';\r\nexport const RESELLER_SET_ITEM_FAILED = 'RESELLER_SET_ITEM_FAILED';\r\n\r\nexport const RESELLER_SET_SPECIAL_LINE_SUCCEED = 'RESELLER_SET_ITEM_SUCCEED';\r\nexport const RESELLER_SET_SPECIAL_LINE_FAILED = 'RESELLER_SET_ITEM_FAILED';\r\n\r\n\r\nexport const ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED = 'ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_SUCCEED';\r\nexport const ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED = 'ACTION_POST_INVENTORY_SIM_UPLOAD_ACTIONS_FAILED';\r\n\r\nexport const CARRIER_GET_PLANS_SUCCESS = \"CARRIER_GET_PLANS_SUCCESS\";\r\nexport const CARRIER_GET_PLANS_FAILED = \"CARRIER_GET_PLANS_FAILED\";\r\nexport const CARRIER_UPDATE_INFO_SUCCESS = \"CARRIER_UPDATE_INFO_SUCCESS\";\r\nexport const CARRIER_UPDATE_INFO_FAILED = \"CARRIER_UPDATE_INFO_FAILED\";\r\n\r\nexport const COMPANY_GET_ACTIVITY_REPORT_SUCCESS = \"COMPANY_GET_ACTIVITY_REPORT_SUCCESS\";\r\nexport const COMPANY_GET_ACTIVITY_REPORT_FAILED = \"COMPANY_GET_ACTIVITY_REPORT_FAILED\";\r\n\r\nexport const RESELLER_GET_SERVICE_INVENTORY_SUCCEED = 'RESELLER_GET_SERVICE_INVENTORY_SUCCEED';\r\nexport const RESELLER_GET_SERVICE_INVENTORY_FAILED = 'RESELLER_GET_SERVICE_INVENTORY_FAILED';\r\n\r\nexport const CLIENT_GET_SUCCESS = 'CLIENT_GET_SUCCESS';\r\nexport const CLIENT_GET_FAILED = 'CLIENT_GET_FAILED';\r\n\r\nexport const CLIENT_PAYMENT_CHECKOUT_SUCCESS = 'CLIENT_PAYMENT_CHECKOUT_SUCCESS';\r\nexport const CLIENT_PAYMENT_CHECKOUT_FAILED = 'CLIENT_PAYMENT_CHECKOUT_FAILED';\r\n\r\nexport const PAYMENT_ORDER_GET_ADDRESS_SUCCESS = 'PAYMENT_ORDER_GET_ADDRESS_SUCCESS';\r\nexport const PAYMENT_ORDER_GET_ADDRESS_FAILED = 'PAYMENT_ORDER_GET_ADDRESS_FAILED';\r\n\r\n\r\nexport const PAYMENT_ORDER_SET_ADDRESS_SUCCESS = 'PAYMENT_ORDER_SET_ADDRESS_SUCCESS';\r\nexport const PAYMENT_ORDER_SET_ADDRESS_FAILED = 'PAYMENT_ORDER_SET_ADDRESS_FAILED';\r\n\r\nexport const GET_PLAN_USAGE_DATA_START ='GET_PLAN_USAGE_DATA_START';\r\nexport const GET_PLAN_USAGE_DATA_SUCCESS ='GET_PLAN_USAGE_DATA_SUCCESS';\r\nexport const GET_PLAN_USAGE_DATA_FAILED = 'GET_PLAN_USAGE_DATA_FAILED';\r\nexport const SIM_SET_NAME_SUCCESS = 'SIM_SET_NAME_SUCCESS';\r\nexport const SIM_SET_NAME_FAILED = 'SIM_SET_NAME_FAILED';\r\n\r\n\r\nexport const GET_IDENTIFIER_USAGE_DATA_START ='GET_IDENTIFIER_USAGE_DATA_START';\r\nexport const GET_IDENTIFIER_USAGE_DATA_SUCCESS ='GET_IDENTIFIER_USAGE_DATA_SUCCESS';\r\nexport const GET_IDENTIFIER_USAGE_DATA_FAILED = 'GET_IDENTIFIER_USAGE_DATA_FAILED';\r\n\r\nexport const USER_GET_PAYMENT_ACCOUNT_LIST_SUCCESS = 'USER_GET_PAYMENT_ACCOUNT_LIST_SUCCESS';\r\nexport const USER_GET_PAYMENT_ACCOUNT_LIST_FAILED = 'USER_GET_PAYMENT_ACCOUNT_LIST_FAILED';\r\n\r\nexport const USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS = 'USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS';\r\nexport const USER_UPDATE_PAYMENT_ACCOUNT_FAILED = 'USER_UPDATE_PAYMENT_ACCOUNT_FAILED';\r\n\r\nexport const CLIENT_GET_BUSINESS_UNITS_SUCCESS = 'CLIENT_GET_BUSINESS_UNITS_SUCCESS';\r\nexport const CLIENT_GET_BUSINESS_UNITS_FAILED = 'CLIENT_GET_BUSINESS_UNITS_FAILED';\r\n\r\nexport const CLIENT_GET_BUSINESS_UNIT_RELATION_SUCCESS = 'CLIENT_GET_BUSINESS_UNIT_RELATION_SUCCESS';\r\nexport const CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED = 'CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED';\r\n\r\nexport const PAYMENT_ORDER_SET_DEFAULT_PAYMENT_SUCCESS = 'PAYMENT_ORDER_SET_DEFAULT_PAYMENT_SUCCESS';\r\nexport const PAYMENT_ORDER_SET_DEFAULT_PAYMENT_FAILED = 'PAYMENT_ORDER_SET_DEFAULT_PAYMENT_FAILED';\r\n\r\nexport const GET_TOTAL_USAGE_START = 'GET_TOTAL_USAGE_START';\r\nexport const GET_TOTAL_USAGE_SUCCESS = 'GET_TOTAL_USAGE_SUCCESS';\r\nexport const GET_TOTAL_USAGE_FAILE = 'GET_TOTAL_USAGE_FAILE';\r\n\r\nexport const CLEAR_CLIENT_DATA = \"CLEAR_CLIENT_DATA\";\r\n\r\nexport const GET_CALCULATE_ATTRIBUTE_SUCCESS= \"GET_CALCULATE_ATTRIBUTE_SUCCESS\";\r\nexport const GET_CALCULATE_ATTRIBUTE_FAILED= \"GET_CALCULATE_ATTRIBUTE_FAILED\";\r\n\r\n\r\nexport const GET_CALCULATE_RESULT_SUCCESS= \"GET_CALCULATE_RESULT_SUCCESS\";\r\nexport const GET_CALCULATE_RESULT_FAILED= \"GET_CALCULATE_RESULT_FAILED\";\r\n\r\nexport const GET_LATEST_CALCULATE_RESULT_SUCCESS= \"GET_LATEST_CALCULATE_RESULT_SUCCESS\";\r\nexport const GET_LATEST_CALCULATE_RESULT_FAILED= \"GET_LATEST_CALCULATE_RESULT_FAILED\";\r\n\r\nexport const POWER_GET_ASSET_DATA_START = \"POWER_GET_ASSET_DATA_START\";\r\nexport const POWER_GET_ASSET_DATA_SUCCEED = \"POWER_GET_ASSET_DATA_SUCCESS\";\r\nexport const POWER_GET_ASSET_DATA_FAILED = \"POWER_GET_ASSET_DATA_FAILED\";\r\nexport const POWER_GET_ASSET_DATA_CLEAR = \"POWER_GET_ASSET_DATA_CLEAR\";\r\n\r\nexport const POWER_GET_ASSET_HISTORY_START = 'POWER_GET_ASSET_HISTORY_START';\r\nexport const POWER_GET_ASSET_HISTORY_SUCCEED = 'POWER_GET_ASSET_HISTORY_SUCCEED';\r\nexport const POWER_GET_ASSET_HISTORY_FAILED = 'POWER_GET_ASSET_HISTORY_FAILED';\r\nexport const POWER_GET_ASSET_HISTORY_CLEAR = 'POWER_GET_ASSET_HISTORY_CLEAR';\r\n\r\nexport const POWER_SET_STORE_ASSET_DATA = \"POWER_SET_STORE_ASSET_DATA\";\r\n\r\nexport const GET_DEVICE_LIST_SUCCESS = \"GET_DEVICE_LIST_SUCCESS\";\r\nexport const GET_DEVICE_LIST_FAILED = \"GET_DEVICE_LIST_FAILED\";\r\nexport const CHANGE_DEVICE_STATUS_SUCCESS = \"CHANGE_DEVICE_STATUS_SUCCESS\";\r\nexport const CHANGE_DEVICE_STATUS_FAILED = \"CHANGE_DEVICE_STATUS_FAILED\";\r\nexport const REGISTER_DEVICE_SUCCESS = \"REGISTER_DEVICE_SUCCESS\";\r\nexport const REGISTER_DEVICE_FAILED = \"REGISTER_DEVICE_FAILED\";\r\nexport const CONTACT_US_EMAIL_SEND_SUCCEED = 'CONTACT_US_EMAIL_SEND_SUCCEED';\r\nexport const CONTACT_US_EMAIL_SEND_FAILED = 'CONTACT_US_EMAIL_SEND_FAILED';\r\n\r\nexport const GET_USER_ACTIVITY_TRACKING_SUCCEED = \"GET_USER_ACTIVITY_TRACKING_SUCCEED\";\r\nexport const GET_USER_ACTIVITY_TRACKING_FAILED = \"GET_USER_ACTIVITY_TRACKING_FAILED\";\r\n","/* eslint-disable */\r\nimport React, { Component, useEffect } from 'react';\r\nimport { components } from 'react-select';\r\nimport { Col, Row, Card, CardBody, Label, Button, Input, FormGroup, UncontrolledTooltip, Container } from 'reactstrap';\r\nimport { Modal, ModalBody, ModalFooter, ModalHeader, CustomInput } from 'reactstrap';\r\nimport { UncontrolledDropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport { EditIcon, DeleteIcon } from 'mdi-react';\r\nimport IconElement from './IconElement';\r\nimport { EditTextButton, DeleteTextButton } from '../../../shared/components/Button/IconButton';\r\n\r\nimport MultiSelectionComponent, { SingleSelection2, DeviceMultiSelection, AssetMultiSelection, ClassMultiSelection } from './SelectionComponents';\r\n\r\nimport ConfirmDeleteDialog from './ConfirmDeleteDialog';\r\nimport AssetIconEditModal from './AssetIconEditModal';\r\n\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nconst svgFormatter = data => {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default function ClassDisplayDetail({ deviceTypes, assetList, closeDetailsPanel, details, customAttributeActions, calculateAttributeActions, updateClassOnStore, assetClassList, companyList, userObj, classAttributes }) {\r\n // console.log(details)\r\n const { addNewCustomAttribute, updateCustomAttribute, deleteCustomAttribute } = customAttributeActions;\r\n const { upsertCalculateAttribute, deleteCalculateAttribute } = calculateAttributeActions;\r\n // Set default value to selected device ids\r\n\r\n\r\n // \r\n const deviceTypeDefaultValues = details.allowedDeviceTypes\r\n\r\n const assetDefaultValues = assetList.filter(({ assetid }) => details.assets.some(a => a.assetid == assetid));\r\n const parentDefaultValues = assetClassList.find(({ id }) => (id == details.parentclass));\r\n const companyDefaultValue = companyList.find((item, index) => (item.companyCode == details.companycode));\r\n const companyEnabled = (userObj && hasRole(userObj, ['SUPERADMIN']));\r\n\r\n const [selectedParentClass, setParentClass] = React.useState(parentDefaultValues);\r\n const [selectedCompany, setCompany] = React.useState(companyDefaultValue);\r\n\r\n const [selectedDeviceTypes, setDeviceTypes] = React.useState(deviceTypeDefaultValues)\r\n const [selectedDeviceTypesBuf, setDeviceTypesBuf] = React.useState(deviceTypeDefaultValues)\r\n const [selectedAssets, setAssets] = React.useState(assetDefaultValues)\r\n const [requireAll, setRequireAll] = React.useState(false)\r\n const [iconModal, setIconModal] = React.useState(false);\r\n const [iconObj, setIconObj] = React.useState({ iconId: details.iconid, iconPath: details.iconsvg, iconData: details.iconData });\r\n\r\n useEffect(() => {\r\n //console.log('ASSET CLASS DETAILS ', details)\r\n }, [details]);\r\n\r\n\r\n const selectableAssetOptions = assetList.filter(({ devices }) =>\r\n requireAll ?\r\n devices.every(d => selectedDeviceTypes.some(dt => dt.id == d.devicetype)) :\r\n devices.some(d => selectedDeviceTypes.some(dt => dt.id == d.devicetype))\r\n )\r\n\r\n const requiredDeviceTypes = selectedDeviceTypes.filter(({ id }) =>\r\n selectedAssets.some(a => a.devices.some(d => d.devicetype == id))\r\n )\r\n\r\n const CustomMultiValue = props => {\r\n let newProps = {\r\n ...props,\r\n isDisabled: requiredDeviceTypes.includes(props.data),\r\n removeProps: requiredDeviceTypes.includes(props.data) ? {\r\n ...props.removeProps,\r\n onClick: () => { console.log('nope') },\r\n } : props.removeProps\r\n }\r\n return \r\n \r\n \r\n {\r\n updateClassOnStore({ id: details.id, data: { name: name } })\r\n }}\r\n textStyles={{ fontSize: '24px', marginLeft: '-5px' }}\r\n inputStyles={{ fontSize: '28px', marginLeft: '-5px' }}\r\n />\r\n \r\n
\r\n
\r\n\r\n updateClassOnStore({ id: details.id, data: { description: newVal } })}\r\n type='textarea'\r\n />\r\n \r\n {/* \r\n {\r\n // Disallows changing of values if change would remove a required Device Type\r\n if (requiredDeviceTypes.every(dt => options.includes(dt)))\r\n setDeviceTypes(options || [])\r\n }}\r\n value={selectedDeviceTypes}\r\n defaultValue={deviceTypeDefaultValues}\r\n // isDisabled= {details.assets && details.assets.length > 0}\r\n\r\n />\r\n
\r\n {details.assets && details.assets.length > 0 &&\r\n \r\n {/* \r\n */}\r\n\r\n {/* \r\n {\"\"} \r\n */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n {this.state.deviceToEdit && (\r\n assetid == this.state.assetToEdit)}\r\n deviceInfo={this.props.deviceList.find(({ deviceid }) => deviceid == this.state.deviceToEdit)}\r\n selectedDevice={this.state.deviceToEdit}\r\n deviceList={this.props.deviceList}\r\n devices={this.props.devices}\r\n closePanel={this.closePanel}\r\n updateDeviceOnStore={this.props.updateDeviceOnStore}\r\n updateDeviceAttribute={this.props.updateDeviceAttribute}\r\n deleteDeviceAttribute={this.props.deleteDeviceAttribute}\r\n />\r\n // assetid == this.state.assetToEdit)}\r\n // deviceInfo={this.props.deviceList.find(({ deviceid }) => deviceid == this.state.deviceToEdit)}\r\n // selectedDevice={this.state.deviceToEdit}\r\n // deviceList={this.props.deviceList}\r\n // devices={this.props.devices}\r\n // closePanel={this.closePanel}\r\n // updateDeviceOnStore={this.props.updateDeviceOnStore}\r\n // updateDeviceAttribute={this.props.updateDeviceAttribute}\r\n // deleteDeviceAttribute={this.props.deleteDeviceAttribute}\r\n // />\r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n// export default AssetList;\r\n\r\nfunction mapStateToProps(state) {\r\n const devicetypes = state.mapboard.types;\r\n const currentDeviceList = state.asset.currentDeviceList;\r\n // const props = state.attributemgmt;\r\n const props = { devicetypes, currentDeviceList };\r\n return props;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n { loadDevice, loadDeviceInfo, deviceNameChangeAjax, deviceActiveAjax },\r\n dispatch\r\n );\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n )(AssetList)\r\n);\r\n\r\nconst NameEditModal = (props) => {\r\n const { toggle, modal, name, onChange } = props;\r\n let editRef;\r\n React.useEffect(() => {\r\n editRef && editRef.focus();\r\n });\r\n\r\n const onAddClick = (e) => {\r\n onChange(editRef.value);\r\n toggle();\r\n };\r\n const onCancleClick = (e) => {\r\n toggle();\r\n };\r\n\r\n return (\r\n \r\n \r\n {\r\n editRef = input;\r\n }}\r\n // onChange={this.onDisplayNameClick}\r\n >\r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const SwichConfirmation = ({\r\n checked,\r\n onConfirm,\r\n label,\r\n msg,\r\n ...props\r\n}) => {\r\n const [modalVisible, setModalVisible] = React.useState(false);\r\n const [stateChanged, setStateChanged] = React.useState(checked);\r\n // React.useEffect(() => { setStateChanged(checked) },[checked]);\r\n let editRef;\r\n\r\n let checkedBuffer = checked;\r\n // React.useEffect(() => { editRef && editRef.focus() })\r\n\r\n const toggle = () => {\r\n setModalVisible(!modalVisible);\r\n };\r\n\r\n const onConfirmClick = (e) => {\r\n onConfirm(e, !checked);\r\n //\r\n // setStateChanged(checkedBuffer);\r\n setModalVisible(false);\r\n };\r\n\r\n const onCancelClick = () => {\r\n // onCancel();\r\n setModalVisible(false);\r\n };\r\n\r\n const handleChange = (e) => {\r\n // checkedBuffer = e.target.checked;\r\n //\r\n // setStateChanged(checkedBuffer);\r\n toggle();\r\n //\r\n };\r\n\r\n return (\r\n \r\n {/* { noIcon ? \r\n \r\n : {toggle()}}/>\r\n } */}\r\n {/* {toggle()}}/> */}\r\n {/* */}\r\n \r\n \r\n Confirmation\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n Cancel\r\n \r\n \r\n {\r\n onConfirmClick(e);\r\n }}\r\n >\r\n Confirm\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport const GreenSwitch = withStyles((theme) => ({\r\n root: {\r\n width: 42,\r\n height: 26,\r\n padding: 0,\r\n margin: theme.spacing(1),\r\n },\r\n switchBase: {\r\n padding: 1,\r\n \"&$checked\": {\r\n transform: \"translateX(18px)\",\r\n color: theme.palette.common.white,\r\n \"& + $track\": {\r\n backgroundColor: \"#52d869\",\r\n opacity: 1,\r\n border: \"none\",\r\n },\r\n },\r\n \"&$focusVisible $thumb\": {\r\n color: \"#52d869\",\r\n border: \"6px solid #fff\",\r\n },\r\n },\r\n thumb: {\r\n width: 24,\r\n height: 24,\r\n },\r\n track: {\r\n borderRadius: 26 / 2,\r\n // border: `1px solid ${theme.palette.grey[400]}`,\r\n backgroundColor: theme.palette.grey[200],\r\n opacity: 1,\r\n transition: theme.transitions.create([\"background-color\", \"border\"]),\r\n },\r\n checked: {},\r\n focusVisible: {},\r\n}))(({ classes, ...props }) => {\r\n return (\r\n \r\n \r\n );\r\n\r\n\r\n\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n position = { lat: m.locationlat, lng: m.locationlng }\r\n if (!(m.locationlat === 0 && m.locationlng === 0)) {\r\n positionList.push(position);\r\n }\r\n let path = defaultIconPath;\r\n let color = defaultColor;\r\n if (ac.assetIcon && ac.assetIcon.iconsvg) {\r\n path = ac.assetIcon.iconsvg;\r\n }\r\n if (m.color) {\r\n color = m.color\r\n }\r\n markers.push(\r\n \r\n \r\n );\r\n }\r\n\r\n })).catch(error => {\r\n console.log(error);\r\n })\r\n }\r\n })).catch(error => {\r\n console.log(error);\r\n })\r\n this.setState({\r\n ...this.state,\r\n renderMarkers: markers\r\n })\r\n // // fix two locations is too close -- this code doesn't need in issue 297 and 271, I have changed the solution in issue 271\r\n // if (positionList && positionList.length > 1) {\r\n // var bounds = new google.maps.LatLngBounds();\r\n // for (var i = 0; i < positionList.length; i++) {\r\n // bounds.extend(positionList[i]);\r\n // }\r\n // let mapComponent = this.myMap.current;\r\n // let map = mapComponent.map;\r\n // map.fitBounds(bounds);\r\n // }\r\n // console.log('MARKER', markers)\r\n }\r\n\r\n generateIcon(color, path, data) {\r\n // let myPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\"; //\"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\"\r\n let myPath = \"m12 0c-4.4183 2.3685e-15 -8 3.5817-8 8 0 1.421 0.3816 2.75 1.0312 3.906 0.1079 0.192 0.221 0.381 0.3438 0.563l6.625 11.531 6.625-11.531c0.102-0.151 0.19-0.311 0.281-0.469l0.063-0.094c0.649-1.156 1.031-2.485 1.031-3.906 0-4.4183-3.582-8-8-8zm0 4c2.209 0 4 1.7909 4 4 0 2.209-1.791 4-4 4-2.2091 0-4-1.791-4-4 0-2.2091 1.7909-4 4-4z\";\r\n let myColor = '#ff0000'; //'#e74c3c';\r\n\r\n if (path && path.length > 0) {\r\n myPath = path;\r\n }\r\n if (color && color.length) {\r\n myColor = color;\r\n }\r\n if (data) {\r\n return ({\r\n url: data,\r\n scaledSize: new google.maps.Size(50, 40)\r\n })\r\n }\r\n return (\r\n {\r\n path: myPath,\r\n fillColor: myColor,\r\n fillOpacity: .6,\r\n anchor: new google.maps.Point(0, 0),\r\n strokeWeight: 0,\r\n scale: 1,\r\n }\r\n )\r\n };\r\n\r\n handleFenceChange = (val) => {\r\n let id = val.value;\r\n let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n let currentPolygonData = null;\r\n let currentRectangleData = null;\r\n let currentCircleData = null;\r\n let selectedShape = null;\r\n let type = '';\r\n if (fence) {\r\n switch (fence.shape) {\r\n case 0:\r\n type = 'circle';\r\n currentCircleData = JSON.parse(fence.geodata);\r\n break;\r\n case 1:\r\n type = 'rectangle';\r\n currentRectangleData = JSON.parse(fence.geodata);\r\n break;\r\n case 2:\r\n type = 'polygon';\r\n currentPolygonData = JSON.parse(fence.geodata);\r\n break;\r\n }\r\n\r\n selectedShape = { type: type, data: JSON.parse(fence.geodata) };\r\n }\r\n\r\n this.setState({\r\n shape: selectedShape,\r\n });\r\n\r\n this.showShapOnMap(selectedShape)\r\n }\r\n\r\n handleHaversineDistance = (lat1, lon1, lat2, lon2) => {\r\n const earthRadius = 6371 // r, km\r\n\r\n function toRadians(degrees) {\r\n return degrees * (Math.PI / 180);\r\n }\r\n\r\n // 将经纬度转换为弧度\r\n const radLat1 = toRadians(lat1);\r\n const radLon1 = toRadians(lon1);\r\n const radLat2 = toRadians(lat2);\r\n const radLon2 = toRadians(lon2);\r\n\r\n // 计算经纬度差值（弧度）\r\n const diffLat = radLat2 - radLat1;\r\n const diffLon = radLon2 - radLon1;\r\n\r\n // 应用 Haversine 公式计算距离\r\n const a =\r\n Math.sin(diffLat / 2) * Math.sin(diffLat / 2) +\r\n Math.cos(radLat1) * Math.cos(radLat2) * Math.sin(diffLon / 2) * Math.sin(diffLon / 2);\r\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n return earthRadius * c;\r\n }\r\n\r\n handleHoverScale = (current) => {\r\n const allMarkers = this.state.renderMarkers;\r\n let scale = 7;\r\n if (allMarkers && allMarkers.length > 0) {\r\n allMarkers.forEach(element => {\r\n let scaleTemp = 7;\r\n var distance = this.handleHaversineDistance(current.lat, current.lng, element.props.position.lat, element.props.position.lng);\r\n if (distance < 0.1 && distance > 0) {\r\n scaleTemp = 18;\r\n } else if (distance < 1 && distance >= 0.1) {\r\n scaleTemp = 15;\r\n } else if (distance < 3 && distance >= 1) {\r\n scaleTemp = 12;\r\n } else if (distance < 5 && distance >= 3) {\r\n scaleTemp = 11;\r\n } else if (distance >= 5 && distance < 10) {\r\n scaleTemp = 10;\r\n } else if (distance >= 10 && distance < 20) {\r\n scaleTemp = 9;\r\n } else {\r\n scaleTemp = 7;\r\n }\r\n\r\n if (scaleTemp > scale) {\r\n scale = scaleTemp;\r\n }\r\n\r\n });\r\n }\r\n\r\n return scale;\r\n }\r\n\r\n handleTooClosePositions = (current) => {\r\n let mapComponent = this.myMap.current;\r\n let map = mapComponent.map;\r\n let zoom = map.getZoom();\r\n // console.log(map.getZoom());\r\n const allMarkers = this.state.renderMarkers;\r\n let positions = [];\r\n positions.push(current);\r\n if (allMarkers && allMarkers.length > 0) {\r\n allMarkers.forEach(element => {\r\n var distance = this.handleHaversineDistance(current.position.lat, current.position.lng, element.props.position.lat, element.props.position.lng);\r\n // if (distance <= 20 && distance > 0) {\r\n // positions.push(element.props);\r\n // }\r\n if (current.assetname != element.props.assetname && element.props.assetname.indexOf('Plaza') > -1) {\r\n if (zoom <= 3) {\r\n positions.push(element.props);\r\n } else if ((zoom == 4 || zoom == 5 || zoom == 6) && distance <= 20 && distance >= 0) {\r\n positions.push(element.props);\r\n } else if (zoom == 7 && (distance <= 15 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 8 && (distance <= 10 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 9 && (distance <= 7.5 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 10 && (distance <= 4.5 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 11 && (distance <= 1.5 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 12 && (distance <= 1 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 13 && (distance <= 0.5 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if (zoom == 14 && (distance <= 0.1 && distance >= 0)) {\r\n positions.push(element.props);\r\n } else if ((zoom == 15 || zoom == 16) && (distance >= 0 && distance < 0.1)) {\r\n positions.push(element.props);\r\n }\r\n }\r\n })\r\n }\r\n return positions;\r\n }\r\n\r\n handleMarkerListClick = (place) => {\r\n // e.preventDefault();\r\n // console.log('layout clicked')\r\n let path = '/pages/surveillance';\r\n this.props.history.push({\r\n pathname: path,\r\n state: { selectedPlace: place ? place : this.state.selectedPlace }\r\n });\r\n }\r\n\r\n handleMarkerClicknew = (props, marker, e) => {\r\n if (this.state.isHovered) {\r\n return;\r\n } else {\r\n this.handleMapMarkerMouseOver(props, marker, e);\r\n this.setState({isHovered: false});\r\n }\r\n }\r\n\r\n handleMarkerMouseOutNew = () => {\r\n this.setState({isHovered: false});\r\n }\r\n\r\n //--------------------------------------------------------------------\r\n // 70vh\r\n render() {\r\n // let height = JSON.parse(this.props.layout.position).h * 30 - 20;\r\n\r\n // console.log('RENDER MARKERS', this.state.renderMarkers)\r\n // console.log(this.props)\r\n // let v = this.props.infowindow.selectedPlace;\r\n // const defaultIconPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\";\r\n // const defaultColor = \"#FF0000\";\r\n\r\n\r\n return (\r\n ( ( ( ( ( ( ( ( ( ( isPlay ? ( (\r\n // {chunkedDevices.map((dviceRow, rindex) => (\r\n //
\r\n // );\r\n\r\n return (\r\n \r\n {\r\n cell && cell.map((device, index) => (\r\n
\r\n );\r\n }\r\n else{\r\n return null;\r\n }\r\n\r\n }\r\n\r\n csvDeviceFormat = (cell, row) => {\r\n let reDevices = '';\r\n let dilimeter = '';\r\n if (cell){\r\n cell.forEach((device, index) => {\r\n reDevices += dilimeter + device.devicename;\r\n dilimeter = ', ';\r\n });\r\n }\r\n\r\n return reDevices;\r\n }\r\n\r\n renderAssetsTb2 = (assetclass) => {\r\n let data = [];\r\n // this.props.assetData.forEach((assetclass, acindex)=>{\r\n let assetClassObj = {};\r\n let keys = ['assetid', 'assetname', 'className', 'description'];\r\n let labals = {assetid: 'Asset ID', assetname: 'Asset Name', className: 'Asset Class Name', description: 'Descriptions' };\r\n Object.entries(assetclass).forEach(([key, value],index) => {\r\n if (!Array.isArray(value)){\r\n assetClassObj[key] = value;\r\n }\r\n });\r\n \r\n assetclass.asset.forEach((asset, asindex) => {\r\n let assetObj = {...assetClassObj, ...asset};\r\n // \r\n // \r\n if (asset.assetattributes) {\r\n asset.assetattributes.forEach((attr, attrindex) => {\r\n if (attr.attmetaname) {\r\n if (!keys.includes(attr.attmetaname)){\r\n keys.push(attr.attmetaname);\r\n labals[attr.attmetaname] = attr.displayname ? attr.displayname : attr.attmetaname;\r\n } \r\n assetObj[attr.attmetaname]= attr.value ? attr.value : '';\r\n // {\r\n // label: attr.displayname ? attr.displayname : attr.attmetaname,\r\n // value: attr.value ? attr.value : '',\r\n // id: attr.id ? attr.value: -1,\r\n // };\r\n } \r\n });\r\n }\r\n // let assetObj = {...assetObj, ...asset};\r\n data.push(assetObj);\r\n });\r\n keys.push('device');\r\n labals.device = 'Devices';\r\n\r\n data.forEach((item, index) => {\r\n keys.forEach((key, kindex) => {\r\n if (item[key] === undefined || item[key] === null) {\r\n item[key] = '';\r\n }\r\n });\r\n });\r\n // });\r\n let that = this;\r\n return (\r\n \r\n {/* Asset ID \r\n Asset Name \r\n Asset Class Name \r\n Description */}\r\n {keys && labals && keys.map((key, index) => (\r\n key !== 'device' ?\r\n {labals[key]} \r\n :\r\n {labals[key]} \r\n ))}\r\n {/* Devices */}\r\n \r\n );\r\n }\r\n\r\n renderAssetClassTbs = () => {\r\n \r\n return (\r\n \r\n Asset ID \r\n Asset Name \r\n Asset Class Name \r\n {/* {keys && labals && keys.map((key, index) => (\r\n {labals[key]} \r\n ))} */}\r\n Devices \r\n Message Time \r\n Attribute \r\n Value \r\n \r\n );\r\n}\r\n// ----------------------------------------------------------------\r\n renderDetailsTb = (deviceId) => {\r\n const backOnClick = (e) => {\r\n e.preventDefault();\r\n this.setState({\r\n showDetails: false,\r\n // curretnDeviceId: deviceId,\r\n });\r\n }\r\n return(\r\n \r\n {/* Message ID */}\r\n {\r\n keys.map((key,i) => {\r\n return(\r\n \r\n {labels[key]}\r\n \r\n )\r\n })\r\n }\r\n \r\n );\r\n }\r\n else{\r\n return null;\r\n }\r\n }\r\n\r\n// ----------------------------------------------------------------\r\n render(){\r\n return (\r\n \r\n \r\n {this.state.showDetails ? this.renderDetailsTb(this.state.curretnDeviceId) : this.renderAssetClassTbs()}\r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default AssetTable;\r\n\r\n\r\nfunction chooseDevice(mapData, deviceid){\r\n let deviceArr = [];\r\n if (mapData) {\r\n mapData.forEach((assetclass, cindex)=>{\r\n assetclass.asset && assetclass.asset.forEach((asset, aindex)=>{\r\n asset.device && asset.device.forEach((device, dindex) => {\r\n if (device.deviceid === deviceid) {\r\n deviceArr.push(device);\r\n }\r\n });\r\n });\r\n });\r\n }\r\n \r\n return deviceArr;\r\n}","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {compose, bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Collapse, Button, CardBody, Card, CardHeader } from 'reactstrap';\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport ExpansionPanel from '@material-ui/core/ExpansionPanel';\r\nimport ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';\r\nimport ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';\r\nimport Typography from '@material-ui/core/Typography';\r\n// import { CardHeader } from '@material-ui/core';\r\n// import ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport AssetFilter from './AssetFilter';\r\nimport AssetTable from './AssetTable';\r\nimport MapContainer from './MapContainer';\r\nimport {loadAssetClass, getAssetClassAttribute, clearAssetClassAttribute, filterMapDataByAttribute, getGroupAssetData, clearGroupAssetData, filterGroupAssetDataByAttribute} from '../../../redux/actions/mapActions';\r\nimport {getThemeList} from '../../../redux/actions/attributeThemeAction';\r\n\r\nconst styles = (theme => ({\r\n root: {\r\n width: '100%',\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n flexBasis: '33.33%',\r\n flexShrink: 0,\r\n backgroundColor: 'rgba(0, 0, 0, .05)',\r\n },\r\n secondaryHeading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n color: theme.palette.text.secondary,\r\n },\r\n }));\r\n\r\nclass AssetClassBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n panela: true,\r\n panelb: true,\r\n isOpenTag1: true,\r\n isOpenTag2: true,\r\n mapProps: {\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: {attr:{}},\r\n },\r\n }\r\n }\r\n// -------------------- lifecycl methods ---------------------\r\n componentDidMount(){\r\n this.props.loadAssetClass();\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n \r\n if (nextProps.assetClass) {\r\n \r\n }\r\n }\r\n\r\n componentWillUnmount(){\r\n \r\n this.props.clearGroupAssetData();\r\n }\r\n\r\n// -------------------- customer methods ----------------------\r\n handleMapMarkerClick = (props, marker, e) => { \r\n // \r\n \r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n // showingInfoWindow: true,\r\n showingInfoWindow: !prevState.mapProps.showingInfoWindow,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }); \r\n }\r\n\r\n handleMapInfoWinClick = (props) => {\r\n if(this.state.mapProps.showingInfoWindow){\r\n this.setState({\r\n showingInfoWindow: false,\r\n activeMarker: null\r\n });\r\n }\r\n }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n \r\n // if(this.state.mapProps.showingInfoWindow){\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ... prevState.mapProps,\r\n showingInfoWindow: false,\r\n // activeMarker: null\r\n } \r\n }));\r\n // }\r\n }\r\n// ------------------------------------------------------------\r\n handleChange = panel => (event, newExpanded) => {\r\n \r\n \r\n \r\n this.setState({[panel] : newExpanded});\r\n };\r\n\r\n renderExpandPanel = () => {\r\n const { classes } = this.props;\r\n return(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n filterGroupAssetDataByAttribute = (attriId)=>{\r\n // this.props.filterGroupAssetDataByAttribute(attriId);\r\n this.setState({\r\n selectedAttriId: attriId, \r\n });\r\n }\r\n\r\n renderFilter = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderFilter()}\r\n
\r\n {/* {this.renderExpandPanel()}\r\n
*/}\r\n {this.renderCollapsCard()}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction processAssetDataMsg(mapData){\r\n // deep clone of source data\r\n let reMapData = JSON.parse(JSON.stringify(mapData));\r\n let multiAssets = true;\r\n // deal with one asset class and one asset situation \r\n if (reMapData && reMapData.length ===1 && reMapData[0].asset && reMapData[0].asset.length===1){\r\n multiAssets = false;\r\n // clear asset array and get the asset element object\r\n let asset = reMapData[0].asset.pop();\r\n if (asset.device) {\r\n for (let i = 0 ; i < asset.device.length; i++){\r\n if (asset.device[i].trackable){\r\n if (asset.device[i].msgs && asset.device[i].msgs.length > 0){\r\n let messages = asset.device[i].msgs;\r\n let cloneasset = asset;\r\n for (let mi = 0 ; mi < messages.length; mi++) {\r\n // create new asset object based on the privous asset\r\n // let newAsset = JSON.parse(JSON.stringify(asset));\r\n let newAsset = JSON.parse(JSON.stringify(cloneasset));\r\n for(let j = 0 ; j < newAsset.device.length; j++){\r\n let msgItem; \r\n let newMsg = newAsset.device[j].msgs;\r\n if (j === i) {\r\n msgItem = JSON.parse(JSON.stringify(messages[mi]));\r\n // msgItem = {...newMsg[0], ...JSON.parse(JSON.stringify(messages[mi]))};\r\n // msgItem.msg = {...newMsg[0].msg, ...msgItem.msg}\r\n }else{\r\n let otherMessages = asset.device[j].msgs;\r\n msgItem = JSON.parse(JSON.stringify(otherMessages[mi]));\r\n // msgItem = {...newMsg[0], ...JSON.parse(JSON.stringify(otherMessages[mi]))};\r\n // msgItem.msg = {...newMsg[0].msg, ...msgItem.msg}\r\n }\r\n\r\n // merge msg attributes, if some attributes do not exist, use the attributes in the previous msg(asset)\r\n msgItem.msg = {...newMsg[0].msg, ...msgItem.msg}\r\n // \r\n\r\n newAsset.device[j].msgs = [];\r\n // newAsset.device[j].msgs.push(JSON.parse(JSON.stringify(messages[mi])));\r\n newAsset.device[j].msgs.push(msgItem);\r\n // if (selectedAttriId) {\r\n // // set asset color\r\n // if (msgItem.msg){\r\n // Object.keys(msgItem.msg).forEach((key)=>{\r\n // // \r\n // // \r\n // // \r\n // if (msgItem.msg[key].id == selectedAttriId){\r\n // // \r\n // let colorValue = msgItem.msg[key].themeattributevalue;\r\n // if (msgItem.msg[key].display !== false && colorValue && colorValue.length >0){\r\n // // \r\n // // color = colorValue ;\r\n // newAsset['color'] = colorValue;\r\n // }\r\n // }else{\r\n // // delete msg.msg[key];\r\n // }\r\n // });\r\n // } \r\n // }\r\n }\r\n if (messages[mi].msg && messages[mi].msg.Lng && messages[mi].msg.Lat){\r\n newAsset.locationlat = messages[mi].msg.Lat.value;\r\n newAsset.locationlng = messages[mi].msg.Lng.value;\r\n } \r\n cloneasset = newAsset;\r\n reMapData[0].asset.push(newAsset);\r\n }\r\n }\r\n // skip devices except the first trackable device (the device with gps location)\r\n break;\r\n }\r\n }\r\n }\r\n if ( reMapData[0].asset.length === 0 ){\r\n reMapData[0].asset.push(asset);\r\n }\r\n\r\n // // pick up the right time message for each device. \r\n // reMapData[0].asset.forEach((item, index) => {\r\n // if (item.device) {\r\n // // find trackable (gps) device message time as stander\r\n // let timestampe = new Date();\r\n // item.device.forEach((d, i) =>{\r\n // if (d.trackable && d.msgs && d.msgs.length === 1) {\r\n // timestampe = new Date(d.msgs[0].timestamp);\r\n // // \r\n // }\r\n // });\r\n\r\n // // choose the device message whose time is right before or equal to the gps device first message\r\n // item.device.forEach((d, i) => {\r\n // if (!d.trackable || d.msgs.length > 1){\r\n // // \r\n // let foundIndex = -1;\r\n // for (let m = 0 ; m < d.msgs.length ; m++){\r\n // if (d.msgs[m].timestamp <= timestampe){\r\n // foundIndex = m;\r\n // // break;\r\n // }else{\r\n // break;\r\n // }\r\n // }\r\n // if (foundIndex >= 0){\r\n // d.msgs=[d.msgs[foundIndex]];\r\n // }else{\r\n // d.msgs=[d.msgs[0]];\r\n // }\r\n \r\n // }\r\n // });\r\n // }\r\n // });\r\n \r\n // \r\n // pathPoints(reMapData, pointArr);\r\n // \r\n\r\n }\r\n // else if (reMapData && reMapData.length >=1 && selectedAttriId) {\r\n // \r\n // reMapData.forEach((ac, acIndex)=>{\r\n // \r\n // ac.asset && ac.asset.forEach((at, atIndex)=>{\r\n // \r\n // at.device && at.device.forEach((dv, dvIndex) => {\r\n // \r\n // dv.msgs && dv.msgs.length > 0 && dv.msgs[0].msg && Object.keys(dv.msgs[0].msg).forEach((key)=>{\r\n // \r\n // if (dv.msgs[0].msg[key].id == selectedAttriId){\r\n // let colorValue = dv.msgs[0].msg[key].themeattributevalue;\r\n // \r\n // if (dv.msgs[0].msg[key].display !== false && colorValue && colorValue.length >0){\r\n // at['color'] = colorValue;\r\n // }\r\n // }\r\n // });\r\n // });\r\n // }); \r\n // });\r\n\r\n // }\r\n\r\n return {reMapData, multiAssets};\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const mapData = state.mapboard.mapData;\r\n const assets = state.mapboard.assets;\r\n const assetData = state.mapboard.assetData;\r\n const assetClass = state.mapboard.assetClass;\r\n const themeList = state.attributetheme.themeList;\r\n const assetClassAttr = state.mapboard.assetClassAttr;\r\n const assetGroupData = state.mapboard.assetGroupData;\r\n const loading = state.mapboard.loading;\r\n\r\n const props = { mapData, assets, assetData, assetClass, themeList, assetClassAttr, assetGroupData, loading };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n loadAssetClass,\r\n getAssetClassAttribute,\r\n clearAssetClassAttribute,\r\n getThemeList,\r\n filterMapDataByAttribute,\r\n getGroupAssetData, \r\n clearGroupAssetData,\r\n filterGroupAssetDataByAttribute,\r\n }, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withStyles(styles),\r\n // withRouter\r\n);\r\n\r\nexport default enhance(AssetClassBoard);","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Container, Row, Col, Button, Form, FormGroup, Label, Input } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Select from 'react-select';\r\nimport {SingleSelection, MultiSelectionComponent} from '../../Asset/components/SelectionComponents';\r\nimport {groupBy} from '../../../factories/utils';\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport moment from 'moment';\r\nimport 'react-dates/initialize';\r\nimport 'react-dates/lib/css/_datepicker.css';\r\n// import 'bootstrap/scss/bootstrap';\r\nimport { DateRangePicker } from 'react-dates';\r\n\r\nclass DeviceFilter extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n }\r\n }\r\n\r\n // ---------------------------------------------------------------------------\r\n componentWillUnmount(){\r\n \r\n this.distructor();\r\n }\r\n\r\n componentWillUnmount(){\r\n \r\n if (this.interval){\r\n clearInterval(this.interval);\r\n }\r\n }\r\n // ---------------------------------------------------------------------------\r\n distructor = () => {\r\n this.setState({\r\n selectedDeviceType: null,\r\n selectedDevice: null,\r\n startTime: '',\r\n endTime: '',\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n });\r\n this.props.clearGroupDevices();\r\n this.props.clearGroupDeviceData();\r\n }\r\n // ---------------------------------------------------------------------------\r\n handleDeviceTypeChange = selectedOption => {\r\n \r\n if (selectedOption){\r\n const deviceTypeList = selectedOption.map((item, index) => (item.id));\r\n this.props.getDevicesByGroup(deviceTypeList);\r\n }else{\r\n this.props.clearGroupDevices();\r\n }\r\n this.setState(prevState => { \r\n return ({\r\n selectedDeviceType: selectedOption,\r\n selectedDevice: null,\r\n startTime: '',\r\n endTime: '',\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n }) \r\n }, this.onRefreshClick);\r\n };\r\n\r\n handleTimeChange = event => {\r\n let key = event.target.name;\r\n let value = event.target.value;\r\n this.setState({\r\n [key]: value\r\n })\r\n }\r\n\r\n handleDeviceChange = selectedDevice => {\r\n \r\n this.setState({\r\n selectedDevice: selectedDevice,\r\n startTime: '',\r\n endTime: '',\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n }, this.onRefreshClick);\r\n }\r\n\r\n handleDateRangeChange = ({ startDate, endDate }) => {\r\n // \r\n // \r\n this.setState({\r\n startDateMoment: startDate,\r\n endDateMoment: endDate\r\n }, this.onRefreshClick)\r\n }\r\n\r\n dataTimeValidation = (startTime, endTime) =>{\r\n let reVal = true;\r\n\r\n if(startTime && startTime.length > 0 && endTime && endTime.length > 0){\r\n let startdate = new Date(startTime).toISOString().split('.')[0]; \r\n let enddate = new Date(endTime).toISOString().split('.')[0]; \r\n reVal = enddate >= startdate;\r\n\r\n }else if((!startTime || startTime.length === 0) && (!endTime || endTime.length === 0) ) {\r\n reVal = true;\r\n }else{\r\n reVal = false;\r\n }\r\n\r\n return reVal;\r\n }\r\n\r\n dataMomentValidation = (startMoment, endMoment) => {\r\n let reVal = false;\r\n if (startMoment && endMoment){\r\n reVal = endMoment.isAfter(startMoment);\r\n if (!reVal) {\r\n toast.error('End date should be later than start date.');\r\n }\r\n }else if (!startMoment && !endMoment){\r\n reVal = true;\r\n }\r\n\r\n return reVal;\r\n }\r\n\r\n onRefreshClick = () => {\r\n // let params = {devicetype:this.props.currentDeivecType};\r\n // params = Object.assign(params, {assetid: this.state.currentAssetId});\r\n // let params = {assetid: this.state.currentAssetId, assetclassid: this.props.currentAssetClassId};\r\n let params = {themeid:\"\", starttime: \"\", endtime: \"\"};\r\n let entitygroup = [];\r\n let entity = '';\r\n if (this.state.selectedDeviceType && this.state.selectedDeviceType.length > 0){\r\n entitygroup = this.state.selectedDeviceType.map((item, index)=>(item.id))\r\n }else{\r\n this.props.clearGroupDeviceData();\r\n return\r\n }\r\n // params = {...params, entitygroup};\r\n\r\n if (this.state.selectedDevice){\r\n entity = this.state.selectedDevice.deviceid;\r\n entitygroup = []; \r\n }\r\n params = {...params, entitygroup, entity};\r\n\r\n // if (!this.dataTimeValidation(this.state.startTime, this.state.endTime)){\r\n // toast.error('End date should be later than start date.');\r\n // this.setState(prevState => { \r\n // return ({\r\n // startTime: '',\r\n // endTime: '',\r\n // }) \r\n // });\r\n // }\r\n\r\n if (!this.dataMomentValidation(this.state.startDateMoment, this.state.endDateMoment)){\r\n // toast.error('End date should be later than start date.');\r\n // this.setState(prevState => { \r\n // return ({\r\n // startDateMoment: null,\r\n // endDateMoment: null,\r\n // }) \r\n // });\r\n return;\r\n }\r\n \r\n let latest = true;\r\n // if (this.state.startTime && this.state.startTime.length > 0 ){\r\n // let date = new Date(this.state.startTime).toISOString().split('.')[0]; \r\n // params = {...params, starttime: date};\r\n // latest = false;\r\n // }\r\n // if (this.state.endTime && this.state.endTime.length > 0 ){\r\n // let date = new Date(this.state.endTime).toISOString().split('.')[0]; \r\n // params = {...params, endtime: date};\r\n // latest = false;\r\n // }\r\n\r\n if (this.state.startDateMoment){\r\n let date = this.state.startDateMoment.format('YYYY-MM-DD'); \r\n params = {...params, starttime: date};\r\n latest = false;\r\n }\r\n if (this.state.endDateMoment ){\r\n let date = this.state.endDateMoment.format('YYYY-MM-DD'); \r\n params = {...params, endtime: date};\r\n latest = false;\r\n }\r\n\r\n if(latest){\r\n params = {...params, latest: \"1\"};\r\n }else{\r\n params = {...params, latest: \"0\"};\r\n }\r\n \r\n // this.props.loadDivceMapData(params);\r\n this.props.getGroupDeviceData(params);\r\n if (this.interval){\r\n clearInterval(this.interval);\r\n }\r\n // this.interval = setInterval(() => { \r\n // this.props.getAssetsData(params);\r\n // this.props.bindFilterAttribute('');\r\n }\r\n render(){\r\n\r\n let deviceList = [];\r\n if (this.props.groupDevices){\r\n const deviceGroup = groupBy(this.props.groupDevices, device => device.devicetypename); \r\n if (deviceGroup){\r\n deviceGroup.forEach((value, key, map) => {\r\n deviceList.push({\r\n label: key,\r\n options: value\r\n });\r\n });\r\n }\r\n }\r\n let refrashDisabled = !this.state.selectedDeviceType || this.state.selectedDeviceType.length === 0;\r\n return (\r\n this.handleExportCSVButtonClick(onClick) }/>\r\n );}\r\n\r\n handleExportCSVButtonClick = (onClick) => {\r\n // Custom your onClick event here,\r\n // it's not necessary to implement this function if you have no any process before onClick\r\n \r\n onClick();\r\n }\r\n\r\n timeColumnFormatter = (cell, row) => {\r\n return (\r\n \r\n {new Date(cell).toLocaleString('en-US', { timeZone: 'UTC' })}; \r\n \r\n );\r\n }\r\n\r\n timeCSVFormatter = (cell, row) => {\r\n return new Date(cell).toLocaleString('en-US', { timeZone: 'UTC' });\r\n }\r\n\r\n basicCSVFormatter = (cell, row) => {\r\n return (cell ? cell : '');\r\n }\r\n\r\n renderDeviceList2(mapData){\r\n let keys = ['id','name','timestamp'];\r\n let labels = {id : 'Message ID', name: 'Device', timestamp: 'Message Time'};\r\n let renderData = [];\r\n if (mapData != undefined && mapData != null && Array.isArray(mapData) && mapData.length > 0){\r\n // Object.keys(this.props.mapData[0].msg).map((key,i)=>{\r\n // if(key !== 'Lng' && key !== 'Lat'){\r\n // keys.push(key);\r\n // }\r\n // });\r\n\r\n // Object.entries(this.props.mapData[0].msg).forEach(([attr, attrObj],mindex)=>{\r\n // if (attr !== 'Lng' && attr !== 'Lat'){\r\n // msgObj[attr] = attrObj.value;\r\n // if (! keys.includes(attr) ){\r\n // keys.push(attr);\r\n // labels[attr] = attrObj.displayname ? attrObj.displayname : attr;\r\n // }\r\n // }\r\n // });\r\n\r\n mapData.map((item, i) => {\r\n // let dataitem = {id: item.msgid, name: item.devicename, timestamp: new Date(item.timestamp).toLocaleString('en-US', { timeZone: 'America/New_York' })}; \r\n // let dataitem = {id: item.msgid, name: item.devicename, timestamp: new Date(item.timestamp).toLocaleString('en-US', { timeZone: 'UTC' })}; \r\n let dataitem = {id: item.msgid, name: item.devicename, timestamp: item.timestamp}; \r\n // let msg = {msgid: item.msgid, datetime: dateTime};\r\n // keys.map((key, i) => {\r\n // if (key != 'id' && key != 'name'){\r\n // dataitem[key] = item.msg[key] ? item.msg[key].value : null; // item.msg[key] ? item.msg[key].value : null;\r\n // }\r\n \r\n // });\r\n // let dataItem = Object.assign({}, msg);\r\n // --------------------------------------------------\r\n Object.entries(item.msg).forEach(([attr, attrObj],mindex)=>{\r\n // if (attr !== 'Lng' && attr !== 'Lat' && attrObj.display !== false){\r\n if ( attrObj.display !== false){\r\n dataitem[attr] = attrObj.value;\r\n if (! keys.includes(attr) ){\r\n keys.push(attr);\r\n labels[attr] = attrObj.displayname ? attrObj.displayname : attr;\r\n }\r\n }\r\n });\r\n // --------------------------------------------------\r\n renderData.push(dataitem);\r\n });\r\n\r\n }\r\n\r\n if (keys.includes('Lng') && keys.includes('Lat')) {\r\n keys = keys.filter((val, idx, arr) => ( val !== 'Lng' && val !=='Lat')); \r\n keys.push('Lat');\r\n keys.push('Lng');\r\n }\r\n\r\n const options = {\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n };\r\n\r\n return(\r\n \r\n {/* Message ID */}\r\n {/* Device Name */}\r\n {/* Device Type ID \r\n Device Type Name \r\n Last Message Time \r\n Original Data */}\r\n {keys.map((key, i) => {\r\n return(\r\n \r\n {labels[key] }\r\n \r\n )\r\n })}\r\n \r\n )\r\n }\r\n// -------------------------------------------------------\r\n render(){\r\n let groupedDevice = null;\r\n if (this.props.mapData){\r\n groupedDevice = groupBy(this.props.mapData, device => device.devicetypeid); \r\n }\r\n return (\r\n \r\n \r\n {/* {this.renderDeviceList2()} */}\r\n { groupedDevice && \r\n \r\n {Array.from(groupedDevice).map( ([key, value]) => this.renderDeviceList2(value) )}\r\n
\r\n \r\n }\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default DeviceTable;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Collapse, Button, CardBody, Card, CardHeader } from 'reactstrap';\r\nimport { loadDevice, loadDeviceAttr, getGroupDeviceData, clearGroupDeviceData, getDevicesByGroup, clearGroupDevices, } from '../../../redux/actions/mapActions';\r\nimport DeviceFilter from './DeviceFilter';\r\nimport DeviceTable from './DeviceTable';\r\nimport MapDeviceContainer from './MapDeviceContainer';\r\n\r\n\r\nclass DeviceTypeBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n isOpenTag1: true,\r\n isOpenTag2: true,\r\n mapProps: {\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: {attr:{}},\r\n },\r\n }\r\n }\r\n\r\n // -------------------- lifecycl methods ---------------------\r\n componentDidMount(){\r\n this.props.loadDevice();\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n }\r\n\r\n componentWillUnmount(){\r\n this.props.clearGroupDeviceData();\r\n this.props.clearGroupDevices();\r\n }\r\n// -------------------- customer methods ----------------------\r\n\r\n toggle = tagname => () => {\r\n this.setState(prevState => ({\r\n [tagname]: !prevState[tagname]\r\n }));\r\n }\r\n\r\n handleMapMarkerClick = (props, marker, e) => { \r\n \r\n \r\n this.setState(prevState => ({\r\n mapProps: {\r\n // showingInfoWindow: true,\r\n showingInfoWindow: !prevState.mapProps.showingInfoWindow,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n })); \r\n }\r\n\r\n handleMapInfoWinClick = (props) => {\r\n if(this.state.mapProps.showingInfoWindow){\r\n this.setState({\r\n showingInfoWindow: false,\r\n activeMarker: null\r\n });\r\n }\r\n }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n // \r\n // if(this.state.mapProps.showingInfoWindow){\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ... prevState.mapProps,\r\n showingInfoWindow: false,\r\n // activeMarker: null\r\n } \r\n }));\r\n // }\r\n }\r\n\r\n renderCollapsCard=()=>{\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n renderFilter = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderFilter()}\r\n
\r\n {/* {this.renderExpandPanel()}\r\n
*/}\r\n {this.renderCollapsCard()}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n const mapData = state.mapboard.mapData;\r\n const types = state.mapboard.types;\r\n const deviceGroupData = state.mapboard.deviceGroupData;\r\n const groupDevices = state.mapboard.groupDevices;\r\n const loading = state.mapboard.loading;\r\n\r\n const props = { mapData, types, deviceGroupData, groupDevices, loading};\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n loadDevice, \r\n loadDeviceAttr,\r\n getGroupDeviceData,\r\n clearGroupDeviceData,\r\n getDevicesByGroup, \r\n clearGroupDevices,\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeviceTypeBoard);","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Row, Col, TabContent, TabPane, Nav, NavItem, NavLink, Card, CardBody, Button } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport AssetClassBoard from './AssetClassBoard';\r\nimport DeviceTypeBoard from './DeviceTypeBoard';\r\n\r\n\r\n\r\n// -------------------- Material UI Tab -------------------------\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {children} \r\n \r\n );\r\n}\r\n\r\nTabPanel.propTypes = {\r\n children: PropTypes.node,\r\n index: PropTypes.any.isRequired,\r\n value: PropTypes.any.isRequired,\r\n};\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `wrapped-tab-${index}`,\r\n 'aria-controls': `wrapped-tabpanel-${index}`,\r\n };\r\n}\r\n\r\n// backOnClick = (e) => {\r\n// window.location.href = '/#/pages/dashboard';\r\n// }\r\n\r\n// ---------------------------- Reactstrapt Tab -----------------------------\r\n// function NavTabs({ activeTab, toggleTab }) {\r\n// return (\r\n// \r\n// )\r\n// }\r\n\r\nexport function NavTabs({ tabArrs, activeTab, toggleTab, styles, handleBackClick }) {\r\n return (\r\n \r\n )\r\n}\r\n\r\n\r\n// --------------------------------------------------------------------------\r\nclass MainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n value: 0,\r\n activeTab: '1',\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n // const script = document.createElement('script');\r\n // script.src = 'https://cdnjs.cloudflare.com/ajax/libs/OverlappingMarkerSpiderfier/1.0.3/oms.min.js';\r\n // script.async = true;\r\n // document.body.appendChild(script);\r\n\r\n // \r\n // this.renderCluster();\r\n }\r\n\r\n handleChange = (event, newValue) => {\r\n this.setState({\r\n value: newValue,\r\n });\r\n };\r\n\r\n renderMaterialUiTab = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {/* Panal 1 */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* Panal 2 */}\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default MainBoard;\r\n\r\n","/* eslint-disable */\r\nimport PropTypes from 'prop-types'\r\nimport axios from 'axios'\r\nimport { toast } from \"react-toastify\";\r\nimport {\r\n ASSET_LOAD_DEVMALIST_SUCCEED,\r\n ASSET_LOAD_DEVMAOPTION_SUCCEED,\r\n ASSET_LOAD_ASSET_SUCCEED,\r\n ASSET_LOAD_ASSET_FAILED,\r\n ASSET_LOAD_CLASS_SUCCEED,\r\n ASSET_LOAD_CLASS_FAILED,\r\n ASSET_ADD_ASSET,\r\n ASSET_UPDATE_ASSET,\r\n ASSET_UPDATE_ONE_ASSET,\r\n ASSET_REMOVE_ASSET,\r\n ASSET_ADD_ASSET_CLASS,\r\n ASSET_UPDATE_ASSET_CLASS,\r\n ASSET_UPDATE_ONE_ASSET_CLASS,\r\n ASSET_REMOVE_ASSET_CLASS,\r\n ASSET_ADD_ATTR_ASSET_CLASS,\r\n ASSET_UPDATE_ATTR_ASSET_CLASS,\r\n ASSET_REMOVE_ATTR_ASSET_CLASS,\r\n ASSET_ADD_ATTR_ASSET,\r\n ASSET_UPDATE_ATTR_ASSET,\r\n ASSET_DELETE_ATTR_ASSET,\r\n ASSET_LOAD_ICON_SUCCEED,\r\n ASSET_LOAD_ICON_FAILED,\r\n USER_GET_FAILED,\r\n GET_CALCULATE_ATTRIBUTE_SUCCESS,\r\n GET_CALCULATE_ATTRIBUTE_FAILED,\r\n GET_CALCULATE_RESULT_SUCCESS,\r\n GET_CALCULATE_RESULT_FAILED,\r\n GET_LATEST_CALCULATE_RESULT_SUCCESS,\r\n GET_LATEST_CALCULATE_RESULT_FAILED, ASSET_LOAD_DEVMALIST_FAILED,\r\n ASSET_LOAD_CAMERA_LIST_SUCCEED, ASSET_LOAD_CAMERA_LIST_FAILED,\r\n ASSET_LOAD_SENSOR_LIST_SUCCEED, ASSET_LOAD_SENSOR_LIST_FAILED,\r\n\r\n} from '../../constants/actionTypes';\r\nimport {\r\n WEB_SERVICE_LOCAL,\r\n WEB_SERVICE_USER_SUCCESS_CODE,\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_USER_ROOT,\r\n WEB_SERVICE_DEVICE_NAME,\r\n WEB_SERVICE_DEVICE_ACTIVE,\r\n WEB_SERVICE_GET_CALCULATE_ATTRIBUTE,\r\n WEB_SERVICE_POST_CALCULATE_ATTRIBUTE,\r\n WEB_SERVICE_RESET_CALCULATE_ATTRIBUTE,\r\n WEB_SERVICE_UPDATE_CALCULATE_ATTRIBUTE,\r\n WEB_SERVICE_UPDATE_BATCH_CALCULATE_ATTRIBUTE,\r\n WEB_SERVICE_DEL_CALCULATE_ATTRIBUTE,\r\n WEB_SERVICE_GET_CALCULATE_RESULT,\r\n WEB_SERVICE_GET_LATEST_CALCULATE_RESULT\r\n} from '../../constants/appConstants';\r\n// import {base64Encode} from '../../factories/utils';\r\nimport { axiosGet, axiosPost, axiosDelete, getCurrentUser, base64Encode, getJwttoken } from '../../factories/utils';\r\nimport moment from \"moment\";\r\n// const token = getJwttoken();\r\n// axios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\naxios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\n// 2.7 Server\r\n// 2.103 Yan\r\n// const apiUrl = 'http://13.88.246.7:8080/sigfox'\r\nconst apiUrl = WEB_SERVICE_ROOT.slice(0, -1); //str.substring(0, str.length - 1);\r\n\r\n// const assetRoute = 'http://192.168.2.103:8080/Assets'; // NEW\r\n// const assetRoute = 'http://13.88.246.7:8080/sigfox/Assets';\r\nconst assetRoute = `${WEB_SERVICE_ROOT}Assets`;\r\n// const assetClassRoute = 'http://192.168.2.103:8080/AssetClass'; // NEW\r\n// const assetClassRoute = 'http://13.88.246.7:8080/sigfox/AssetClass';\r\nconst assetClassRoute = `${WEB_SERVICE_ROOT}AssetClass`;\r\n// const assetClassRoute = 'http://192.168.2.91:8080/AssetClassN?assetclassid=2'; // NEW\r\n// const assetClassRoute = 'http://192.168.2.91:8080/AssetClassN'; // NEW\r\n// 291:8080/\r\n// const assetClassAttributeMetaRoute = 'http://13.88.246.7:8080/sigfox/Attributemeta';\r\nconst assetClassAttributeMetaRoute = `${WEB_SERVICE_ROOT}Attributemeta`;\r\n// const assetAssetAttributeRoute = 'http://13.88.246.7:8080/sigfox/Assetattribute';\r\nconst assetAssetAttributeRoute = `${WEB_SERVICE_ROOT}Assetattribute`;\r\n// const iconRoute = 'http://13.88.246.7:8080/sigfox/Icon';\r\nconst iconRoute = `${WEB_SERVICE_ROOT}Icon`;\r\n\r\nconst attributemetaRoute = 'http://192.168.2.39:8080/Assetattribute'\r\nconst attributeMetaRoute = '/Attributemeta'\r\n\r\nconst urlCameraList = `${WEB_SERVICE_ROOT}CameraList`;\r\nconst urlSensorList = `${WEB_SERVICE_ROOT}SensorList`;\r\n\r\n\r\n\r\nexport function loadCameraList() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, please re-login\",\r\n message: \"Failed to get current user, please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return ((dispatch) => axios({\r\n url: `${urlCameraList}`,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n }).then(res => {\r\n dispatch({\r\n type: ASSET_LOAD_CAMERA_LIST_SUCCEED,\r\n payload: res.data.data\r\n });\r\n }).catch(err => {\r\n dispatch({\r\n type: ASSET_LOAD_CAMERA_LIST_FAILED,\r\n payload: err.message\r\n })\r\n }))\r\n}\r\n\r\nexport function loadSensorList() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, please re-login\",\r\n message: \"Failed to get current user, please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return ((dispatch) => axios({\r\n url: `${urlSensorList}`,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n }).then(res => {\r\n dispatch({\r\n type: ASSET_LOAD_SENSOR_LIST_SUCCEED,\r\n payload: res.data.data\r\n });\r\n }).catch(err => {\r\n dispatch({\r\n type: ASSET_LOAD_SENSOR_LIST_FAILED,\r\n payload: err.message\r\n })\r\n }))\r\n}\r\n\r\n// Asset => devices All at once\r\n\r\n// ?assetid = ... (optional)\r\nexport function loadAssets() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, please re-login\",\r\n message: \"Failed to get current user, please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n url: assetRoute,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n }).then(res => {\r\n dispatch({\r\n type: ASSET_LOAD_ASSET_SUCCEED,\r\n payload: res.data\r\n })\r\n }).catch(err => {\r\n dispatch({\r\n type: ASSET_LOAD_ASSET_FAILED,\r\n payload: err.message\r\n })\r\n })\r\n}\r\n\r\nexport function loadClasses() {\r\n // name\r\n // description\r\n // device types\r\n\r\n //\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n url: assetClassRoute,\r\n method: 'get',\r\n // headers: {\r\n // 'Content-Type': 'application/json',\r\n // 'uTk': base64Encode('Admin'),\r\n // },\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n }).then(res => {\r\n dispatch({\r\n type: ASSET_LOAD_CLASS_SUCCEED,\r\n payload: res.data\r\n .map(({ assetclassid, assetclassname, devicetypes, assetclassattrmetadata, ...a }) => ({\r\n id: assetclassid,\r\n name: assetclassname,\r\n allowedDeviceTypes: devicetypes.map(dt => ({\r\n id: dt.devicetypeid,\r\n name: dt.devicetypename\r\n })),\r\n attributeMetas: assetclassattrmetadata,\r\n ...a\r\n }))\r\n })\r\n }).catch(err => {\r\n dispatch({\r\n type: ASSET_LOAD_CLASS_FAILED,\r\n payload: err.message\r\n })\r\n })\r\n\r\n const mockAssetClassData = [\r\n {\r\n id: 1, name: \"Class 1\", description: 'Description of a class',\r\n allowedDeviceTypes: [],\r\n assets: [],\r\n attributeMetas: [\r\n { attributemetaid: 1, assetclassid: 1, name: 'City', type: 'num', active: 'y' },\r\n { attributemetaid: 2, assetclassid: 1, name: 'Country', type: 'num', active: 'y' },\r\n ]\r\n }\r\n ]\r\n let res = mockAssetClassData\r\n return dispatch => {\r\n dispatch({\r\n type: ASSET_LOAD_CLASS_SUCCEED,\r\n payload: res\r\n })\r\n }\r\n}\r\n\r\nexport function postAsset(data) {\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n // if (data.devices) data.devices = data.devices.map(({ id }) => ({ deviceid: id }));\r\n // if (data.devices) data.devices = data.devices.map(({ deviceid }) => ({ deviceid: deviceid }));\r\n if (data.devices) {\r\n let filteredDevice = data.devices.map(({ id }) => ({ deviceid: id }));\r\n\r\n if (!filteredDevice || filteredDevice.length === 0 || !filteredDevice[0].deviceid) {\r\n filteredDevice = data.devices.map(({ deviceid }) => ({ deviceid: deviceid }));\r\n }\r\n data.devices = filteredDevice;\r\n }\r\n\r\n console.log(data)\r\n return dispatch => axios({\r\n url: assetRoute,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n if (res.status === 200) {\r\n dispatch(loadClasses());\r\n }\r\n\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n}\r\nexport function deleteAsset(data) {\r\n return dispatch => axios({\r\n url: assetRoute + '?assetid=' + data.assetid,\r\n method: 'delete'\r\n }).then(res => {\r\n if (res.status === 200) {\r\n dispatch(loadClasses());\r\n }\r\n return res;\r\n }).catch(err => {\r\n console.log(err)\r\n })\r\n}\r\n\r\nexport const resetCalculateAttribute = (assetid) => {\r\n let criteria = null;\r\n if (assetid != undefined && assetid != null) {\r\n criteria = {\r\n assetId: assetid\r\n }\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_RESET_CALCULATE_ATTRIBUTE}`,\r\n criteria: criteria,\r\n logText: 'Reset calculate attributes.',\r\n errorMessage: 'Failed to reset calculate attributes.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport const deleteCamera = (assetid) => (dispatch) => {\r\n\r\n let url = `${assetRoute}?assetid=${assetid}`;\r\n axios.delete(url).then(res => {\r\n if (res.status == 200) {\r\n dispatch(removeFromAssets(assetid))\r\n dispatch(loadClasses());\r\n } else {\r\n console.log(res.data.error)\r\n }\r\n })\r\n}\r\n\r\n\r\nexport function postAssetClassDT(data) {\r\n let userObj = getCurrentUser();\r\n //if unauthenticated\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n //getting user information\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n url: assetClassRoute + \"_DT\", //https://waiviot.itsp-inc.com:8443/sigfox-test/AssetClass\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)), //return '' -> empty for now\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n if (res.status === 200) {\r\n\r\n if (data.assetclassid !== res.data.assetclassid) {\r\n\r\n let assetMapObj = {\r\n userId: userName,\r\n classid: res.data.assetclassid\r\n }\r\n dispatch(addAssetClassToUser(assetMapObj));\r\n }\r\n }\r\n let { assetclassid, classname, devicetypes, attributemetas, asseticon, ...rest } = res.data\r\n let { iconscale, ...iconData } = asseticon\r\n let storeData = {\r\n id: assetclassid,\r\n name: classname,\r\n allowedDeviceTypes: devicetypes.map(dt => ({\r\n id: dt.devicetypeid,\r\n name: dt.devicetypename\r\n })),\r\n attributeMetas: attributemetas,\r\n ...iconData,\r\n ...rest\r\n }\r\n return storeData\r\n }).catch(err => {\r\n console.log(err)\r\n return (err.response);\r\n })\r\n}\r\n\r\nexport function addAssetClassToUser(assetMapObj) {\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n // url: 'http://192.168.2.7:8444/addAssetclassMap',\r\n url: `${WEB_SERVICE_USER_ROOT}addAssetclassMap`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n method: 'post',\r\n data: assetMapObj\r\n }).then(res => {\r\n if (res.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n\r\n toast.success(\"Successfully Added Asset Class for the User \");\r\n } else {\r\n console.error(response.data.error);\r\n toast.error(\" Failed to Add Asset Class for the User\");\r\n }\r\n }).catch(err => {\r\n\r\n toast.error(\" Failed to Add Asset Class for the User\");\r\n })\r\n}\r\n\r\nexport function postAssetClassAL(data) {\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n url: assetClassRoute + \"_AL\",\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n let { assetclassid, classname, devicetypes, attributemetas, asseticon, ...rest } = res.data\r\n let { iconscale, ...iconData } = asseticon\r\n let storeData = {\r\n id: assetclassid,\r\n data: {\r\n name: classname,\r\n allowedDeviceTypes: devicetypes.map(dt => ({\r\n id: dt.devicetypeid,\r\n name: dt.devicetypename\r\n })),\r\n attributeMetas: attributemetas,\r\n ...iconData,\r\n ...rest\r\n }\r\n }\r\n return storeData\r\n }).catch(err => {\r\n console.error(err);\r\n\r\n return err.response;\r\n })\r\n}\r\n\r\nexport function deleteAssetClass(data) {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n url: assetClassRoute + '?assetclassid=' + data.assetclassid,\r\n method: 'delete',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n }).then(res => {\r\n\r\n console.log(res)\r\n return res\r\n }).catch(err => {\r\n\r\n\r\n toast.error(err.message);\r\n })\r\n}\r\n\r\nexport function postAssetClassAttributemeta(data) {\r\n return dispatch => axios({\r\n url: assetClassAttributeMetaRoute,\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n\r\n console.log(res)\r\n return res.data\r\n }).catch(err => {\r\n\r\n })\r\n}\r\n\r\nexport function deleteAssetClassAttributemeta(data) {\r\n return dispatch => axios({\r\n url: assetClassAttributeMetaRoute + '?attributemetaid=' + data.attributemetaid,\r\n method: 'delete'\r\n }).then(res => {\r\n\r\n console.log(res)\r\n return res\r\n }).catch(err => {\r\n\r\n\r\n toast.error(err.message);\r\n })\r\n}\r\n//\r\nexport function postAssetAttribute(data) {\r\n let dataWithUser = {\r\n user: sessionStorage.getItem(\"currentUser\"),\r\n companyCode: sessionStorage.getItem(\"companyCode\"),\r\n ...data\r\n }\r\n return dispatch => axios({\r\n url: assetAssetAttributeRoute,\r\n method: 'post',\r\n data: dataWithUser\r\n }).then(res => {\r\n\r\n // console.log(res)\r\n return res.data\r\n }).catch(err => {\r\n\r\n toast.error(err.message);\r\n })\r\n}\r\n\r\nexport function postFaceAttribute(data) {\r\n\r\n console.log('postfaceattr---->', data)\r\n\r\n return dispatch => axios({\r\n url: '',\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n\r\n console.log(res)\r\n return res.data\r\n }).catch(err => {\r\n\r\n toast.error(err.message);\r\n })\r\n}\r\n\r\nexport function postVisitAttribute(data) {\r\n\r\n console.log('postfaceattr---->', data)\r\n\r\n return dispatch => axios({\r\n url: '',\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n\r\n console.log(res)\r\n return res.data\r\n }).catch(err => {\r\n\r\n toast.error(err.message);\r\n })\r\n}\r\n// --------------------------------------------------------\r\nexport function deviceNameChangeAjax(deviceObj) {\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_DEVICE_NAME}`,\r\n method: 'post',\r\n data: deviceObj\r\n }).then(res => {\r\n return res;\r\n }).catch(err => {\r\n return err\r\n })\r\n}\r\nexport function deviceActiveAjax(deviceid, status) {\r\n // const param = {deviceid, status}\r\n const queryStr = `?deviceid=${deviceid}&status=${status}`;\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_DEVICE_ACTIVE}${queryStr}`,\r\n method: 'get',\r\n // data: param\r\n }).then(res => {\r\n return res;\r\n }).catch(err => {\r\n return err\r\n })\r\n}\r\n\r\nexport function uploadAttributeImage(assetid, attributeid, file) {\r\n let params = new FormData();\r\n params.append('assetid', assetid);\r\n params.append('attmetaid', attributeid);\r\n params.append('image', file);\r\n return (\r\n dispatch => axios({\r\n url: `${assetRoute}/uploadimage`,\r\n method: 'post',\r\n headers: {\r\n // 'Content-Type': 'multipart/form-data' ,\r\n \"Accept\": \"application/json\",\r\n \"type\": \"formData\"\r\n },\r\n data: params\r\n }).then(res => {\r\n\r\n return res\r\n }).catch(err => {\r\n console.err(err);\r\n return err\r\n })\r\n\r\n )\r\n}\r\nexport function getCalculateAttribute(attObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_CALCULATE_ATTRIBUTE}`,\r\n criteria: attObj,\r\n logText: 'Post calculate attribute Url ',\r\n sccessType: GET_CALCULATE_ATTRIBUTE_SUCCESS,\r\n failedType: GET_CALCULATE_ATTRIBUTE_FAILED,\r\n errorMessage: 'Failed to update calculate attribute.',\r\n successMessage: 'Successfully create/update a calculate attribute.',\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\nexport function updateCalculateAttribute(attObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_UPDATE_CALCULATE_ATTRIBUTE}`,\r\n criteria: attObj,\r\n logText: 'Update calculate attribute Url ',\r\n errorMessage: 'Failed to update calculate attribute.',\r\n successMessage: 'Successfully create/update a calculate attribute.',\r\n\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\nexport function updateBatchCalculateAttribute(attObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_UPDATE_BATCH_CALCULATE_ATTRIBUTE}`,\r\n criteria: attObj,\r\n logText: 'Update calculate attribute Url ',\r\n errorMessage: 'Failed to update calculate attribute.',\r\n successMessage: 'Successfully create/update a calculate attribute.',\r\n\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\nexport function upsertCalculateAttribute(attObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_POST_CALCULATE_ATTRIBUTE}`,\r\n // dataObject: attObj,\r\n criteria: attObj,\r\n // startType: '',\r\n // sccessType: '',\r\n // failedType: '',\r\n logText: 'Post calculate attribute Url ',\r\n errorMessage: 'Failed to update calculate attribute.',\r\n successMessage: 'Successfully create/update a calculate attribute.',\r\n // successCallback: () => { return(loadClasses())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data),\r\n // successContent: true,\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // axiosPost(paramObj);\r\n}\r\n\r\nexport function deleteCalculateAttribute(attObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_DEL_CALCULATE_ATTRIBUTE}`,\r\n dataObject: attObj,\r\n // criteria: {templateid: templateId},\r\n logText: 'Delete calculate attribute Url ',\r\n errorMessage: 'Failed to delete calculate attribute.',\r\n successMessage: 'Successfully deleted the calculate attribute.',\r\n // callback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n };\r\n\r\n return (axiosDelete(paramObj));\r\n}\r\n// --------------------------------------------------------\r\nexport function getCalculateResult(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_CALCULATE_RESULT}`,\r\n criteria: obj,\r\n logText: 'Post calculate result Url ',\r\n sccessType: GET_CALCULATE_RESULT_SUCCESS,\r\n failedType: GET_CALCULATE_RESULT_FAILED,\r\n errorMessage: 'Failed to get calculate result.',\r\n successMessage: 'Successfully got the calculate results.',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // axiosPost(paramObj);\r\n}\r\nexport function getLatestCalculateResult(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_LATEST_CALCULATE_RESULT}`,\r\n criteria: obj,\r\n logText: 'Post calculate result Url ',\r\n sccessType: GET_LATEST_CALCULATE_RESULT_SUCCESS,\r\n failedType: GET_LATEST_CALCULATE_RESULT_FAILED,\r\n errorMessage: 'Failed to get calculate result.',\r\n successMessage: 'Successfully got the calculate results.',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // axiosPost(paramObj);\r\n}\r\n// --------------------------------------------------------\r\nconst assetClassTypeParams = {\r\n assetclassid: PropTypes.string.isRequired,\r\n assetclassname: PropTypes.arrayOf(PropTypes.number)\r\n}\r\nlet a = {\r\n \"assetclassid\": 1, //required ，0 or not exist in database will create new assetclass record, or will update\r\n \"assetclassname\": \"pet\", //required\r\n \"description\": null, //required\r\n \"iconid\": 3, //required if modify icon, if dont change icon,just remove this property or give 0\r\n \"devicetypes\": [\r\n {\r\n \"assetdevicetypeid\": 2,\r\n \"assetclassid\": 1, //optional\r\n \"assetclassname\": \"pet\",\r\n \"devicetypeid\": \"5d1f5bd8c563d62829dcadb6\", //required\r\n \"devicetypename\": \"Alps Demo Units\" //required\r\n }\r\n ]\r\n}\r\n\r\nconst deviceTypeParams = {\r\n deviceid: PropTypes.string,\r\n devicename: PropTypes.string,\r\n devicetype: PropTypes.string,\r\n devicenamealias: PropTypes.string,\r\n parentdeviceid: PropTypes.string,\r\n hasparent: PropTypes.string,\r\n subdevices: PropTypes.arrayOf(PropTypes.object),\r\n deviceattributes: PropTypes.arrayOf(PropTypes.Object),\r\n}\r\n\r\nconst assetTypeParams = {\r\n assetid: PropTypes.number,\r\n assetname: PropTypes.string,\r\n assetclassid: PropTypes.number,\r\n assetclassname: PropTypes.string,\r\n description: PropTypes.string,\r\n devices: PropTypes.arrayOf(PropTypes.object),\r\n assetattributes: PropTypes.arrayOf(PropTypes.object),\r\n}\r\n\r\nconst formatSelVals = [\r\n { label: 'Boolean', value: 'boolean' },\r\n { label: 'Date', value: 'date' },\r\n { label: 'List', value: 'list' },\r\n { label: 'Text', value: 'string' },\r\n { label: 'Number', value: 'num' }]\r\nconst addUpdateAttributeMetaPropType = {\r\n payload: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n data: PropTypes.shape({\r\n attributemetaid: PropTypes.number,\r\n name: PropTypes.string,\r\n type: PropTypes.oneOf(formatSelVals.map(e => e.value)),\r\n })\r\n })\r\n}\r\nexport const updateAssetClassAttribute = (payload) => dispatch => dispatch({ type: ASSET_UPDATE_ATTR_ASSET_CLASS, payload })\r\nexport const addAssetClassAttribute = (payload) => dispatch => dispatch({ type: ASSET_ADD_ATTR_ASSET_CLASS, payload })\r\nupdateAssetClassAttribute.propTypes = addUpdateAttributeMetaPropType\r\naddAssetClassAttribute.propTypes = addUpdateAttributeMetaPropType\r\nexport const deleteAssetClassAttribute = (payload) => dispatch => dispatch({ type: ASSET_REMOVE_ATTR_ASSET_CLASS, payload })\r\ndeleteAssetClassAttribute.propTypes = {\r\n payload: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n key: PropTypes.string\r\n })\r\n}\r\n\r\nconst addUpdateAttributePropType = {\r\n payload: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n data: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n data: PropTypes.object\r\n })\r\n })\r\n}\r\n\r\nexport const addAssetAttribute = (payload) => dispatch => dispatch({ type: ASSET_ADD_ATTR_ASSET, payload })\r\nexport const updateAssetAttribute = (payload) => dispatch => dispatch({ type: ASSET_UPDATE_ATTR_ASSET, payload })\r\naddAssetAttribute.propTypes = addUpdateAttributePropType\r\nupdateAssetAttribute.propTypes = addUpdateAttributePropType\r\nexport const deleteAssetAttribute = (payload) => dispatch => dispatch({ type: ASSET_DELETE_ATTR_ASSET, payload })\r\ndeleteAssetAttribute.propTypes = {\r\n payload: PropTypes.shape({\r\n id: PropTypes.number.idRequired,\r\n attrid: PropTypes.number.isRequired\r\n })\r\n}\r\n/// header: 'City', key: 'city', value: \"Toronto\", format: 'text', description: ''\r\n\r\nexport const updateAssets = (payload) => dispatch => dispatch({ type: ASSET_UPDATE_ASSET, payload })\r\nexport const updateAssetClasses = (payload) => dispatch => dispatch({ type: ASSET_UPDATE_ASSET_CLASS, payload })\r\n\r\nexport const updateOneAsset = (payload) => dispatch => dispatch({ type: ASSET_UPDATE_ONE_ASSET, payload })\r\nupdateOneAsset.propTypes = {\r\n payload: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n data: PropTypes.shape(assetTypeParams)\r\n })\r\n}\r\n\r\nexport const updateOneAssetClass = (payload) => dispatch => dispatch({ type: ASSET_UPDATE_ONE_ASSET_CLASS, payload })\r\nupdateOneAssetClass.propTypes = {\r\n payload: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n data: PropTypes.shape(assetClassTypeParams)\r\n })\r\n}\r\n\r\nexport const addToAssets = (payload) => dispatch => dispatch({ type: ASSET_ADD_ASSET, payload })\r\nexport const addToAssetClasses = (payload) => dispatch => dispatch({ type: ASSET_ADD_ASSET_CLASS, payload })\r\naddToAssets.propTypes = {\r\n payload: PropTypes.shape(assetTypeParams)\r\n}\r\naddToAssetClasses.propTypes = {\r\n payload: PropTypes.shape(assetClassTypeParams)\r\n}\r\n\r\n\r\n/////////\r\n// WIP //\r\n/////////\r\n\r\nexport function loadIcons() {\r\n return dispatch => axios({\r\n url: iconRoute,\r\n method: 'get',\r\n }).then(res => {\r\n dispatch({\r\n type: ASSET_LOAD_ICON_SUCCEED,\r\n payload: res.data\r\n })\r\n }).catch(err => {\r\n dispatch({\r\n type: ASSET_LOAD_ICON_FAILED,\r\n payload: err.message\r\n })\r\n })\r\n}\r\n\r\nexport const deleteIcon = icon => dispatch =>{\r\n console.log('delete', icon.iconname);\r\n let url = `${iconRoute}?id=${icon.iconid}`\r\n axios.delete(url).then(res => {\r\n console.log(res)\r\n if(res.status == 200) {\r\n dispatch(removeIcon(icon.iconid))\r\n toast.success('Icon deleted successfully.')\r\n dispatch(loadIcons());\r\n }\r\n }).catch(err=>{\r\n toast.error('Icon is being used. Cannot delete')\r\n })\r\n}\r\n\r\n\r\nexport const removeFromAssets = (payload) => dispatch => dispatch({ type: ASSET_REMOVE_ASSET, payload })\r\nexport const removeFromAssetClasses = (payload) => dispatch => dispatch({ type: ASSET_REMOVE_ASSET_CLASS, payload })\r\nexport const removeIcon = (payload) => dispatch => dispatch({ type: ASSET_DELETE_ICON, payload })\r\nremoveFromAssets.propTypes = {\r\n payload: PropTypes.number\r\n}\r\nremoveFromAssetClasses.propTypes = {\r\n payload: PropTypes.number\r\n}\r\n\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"max-content-nav\":\"DeviceTypeTable_max-content-nav__3Yqwo\",\"clean-edge\":\"DeviceTypeTable_clean-edge__1pUwR\",\"form-control\":\"DeviceTypeTable_form-control__2bjVG\",\"label-for-header\":\"DeviceTypeTable_label-for-header__1U0tD\",\"integration-button\":\"DeviceTypeTable_integration-button__4x0Yb\"};","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport PropTypes from 'prop-types';\r\n// import {axiosGet, getCurrentUser, base64Encode, getJwttoken} from '../../factories/utils';\r\nimport {\r\n POWER_GET_ASSET_HISTORY_START,\r\n POWER_GET_ASSET_HISTORY_SUCCEED,\r\n POWER_GET_ASSET_HISTORY_CLEAR,\r\n WEATHER_GET_ASSET_DATA_SUCCEED,\r\n WEATHER_GET_ASSET_DATA_FAILED,\r\n WEATHER_GET_ASSET_DATA_CLEAR,\r\n WEATHER_SET_STORE_ASSET_DATA,\r\n WEATHER_GET_ALARM_COUNT_SUCCEED,\r\n WEATHER_GET_ALARM_COUNT_FAILED ,\r\n WEATHER_GET_ALARM_COUNT_CLEAR,\r\n WEATHER_GET_ASSET_HISTORY_START,\r\n WEATHER_GET_ASSET_HISTORY_SUCCEED,\r\n WEATHER_GET_ASSET_HISTORY_FAILED,\r\n WEATHER_GET_ASSET_HISTORY_CLEAR,\r\n WEATHER_SET_STORE_ASSET_HISTORY_DATA,\r\n WEATHER_SUB_DATA_UPDATED,\r\n WEATHER_GET_ALL_CONFIG_SUCCEED,\r\n WEATHER_GET_ALL_CONFIG_FAILED, \r\n WEATHER_POST_CONFIG_SUCCEED, \r\n WEATHER_POST_CONFIG_FAILED,\r\n WEATHER_GET_HOURLYALARM_COUNT_SUCCEED,\r\n WEATHER_GET_HOURLYALARM_COUNT_FAILED,\r\n WEATHER_UPDATE_ASSET_HISTORY_SUCCEED,\r\n WEATHER_GET_HOURLYALARM_COUNT_CLEAR,\r\n WEATHER_GET_24_HISTORY_SUCCEED,\r\n WEATHER_GET_24_HISTORY_FAILED,\r\n WEATHER_GET_1_MONTH_HISTORY_SUCCEED,\r\n WEATHER_GET_1_MONTH_HISTORY_FAILED,\r\n WEATHER_UPDATE_24_HISTORY_SUCCEED,\r\n WEATHER_GET_24_HISTORY_CLEAR,\r\n WEATHER_UPDATE_24_HISTORY,\r\n WEATHER_GET_ASSET_DATA_START,\r\n WEATHER_GET_ALARM_COUNT_START,\r\n WEATHER_GET_HOURLYALARM_COUNT_START,\r\n WEATHER_GET_24HYALARM_COUNT_START, \r\n WEATHER_GET_24HALARM_COUNT_SUCCEED,\r\n WEATHER_GET_24HALARM_COUNT_FAILED, \r\n WEATHER_GET_24HALARM_COUNT_CLEAR,\r\n WEATHER_GET_MONTHLYALARM_COUNT_START,\r\n WEATHER_GET_MONTHLYALARM_COUNT_SUCCEED,\r\n WEATHER_GET_MONTHLYALARM_COUNT_FAILED,\r\n WEATHER_GET_MONTHLYALARM_COUNT_CLEAR,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_START,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_SUCCEED,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_FAILED,\r\n WEATHER_GET_QUARTERMONTHALARM_COUNT_CLEAR,\r\n WEATHER_GET_6MONTHSALARM_COUNT_START,\r\n WEATHER_GET_6MONTHSALARM_COUNT_SUCCEED,\r\n WEATHER_GET_6MONTHSALARM_COUNT_FAILED,\r\n WEATHER_GET_6MONTHSALARM_COUNT_CLEAR,\r\n WEATHER_GET_ALARM_COUNT_LIST_START,\r\n WEATHER_GET_ALARM_COUNT_LIST_SUCCEED,\r\n WEATHER_GET_ALARM_COUNT_LIST_FAILED,\r\n WEATHER_GET_ALARM_COUNT_LIST_CLEAR,\r\n WEATHER_GET_ROLLING24HALARM_COUNT_SUCCEED,\r\n WEATHER_GET_ROLLING24HALARM_COUNT_FAILED,\r\n WEATHER_GET_ROLLING24HALARM_COUNT_CLEAR,\r\n WEATHER_GET_ROLLING24HALARM_COUNT_START,\r\n} from '../../constants/actionTypes';\r\nimport {\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_GET_GROUP_ASSETS_DATA,\r\n // WEB_SERVICE_GET_GROUP_ASSETS_DATA3,\r\n WEB_SERVICE_GET_COMPANY_ASSETCLASS,\r\n WEB_SERVICE_WEATHER_ALARM_COUNT,\r\n WEB_SERVICE_WEATHER_ALARM_COUNT_LIST,\r\n WEB_SERVICE_WEATHER_MONTHLYALARM_COUNT,\r\n WEB_SERVICE_WEATHER_GROUP_DATA,\r\n WEB_SERVICE_WEATHER_CONFIG_GETALL,\r\n WEB_SERVICE_WEATHER_CONFIG_POST,\r\n WEB_SERVICE_WEATHER_GET_TIME_POINT_DATA,\r\n WEB_SERVICE_WEATHER_HOURLYALARM_COUNT,\r\n WEB_SERVICE_WEATHER_CONFIG_GETBYAPPNAME,\r\n} from '../../constants/appConstants';\r\n// import {\r\n// ATTRIBUTE_TYPE,\r\n// } from '../../constants/dataConstants';\r\nimport { \r\n axiosGet, \r\n axiosPost, \r\n processAssetData,\r\n expandAssetAttributes,\r\n} from '../../factories/utils';\r\nimport moment from 'moment';\r\n\r\n\r\nexport function getWeatherAssetData(criteria){ \r\n let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_GROUP_ASSETS_DATA}`,\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_GROUP_DATA}`,\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_GET_TIME_POINT_DATA}`,\r\n criteria: criteria,\r\n logText: 'Get Weather Asset Data Url ',\r\n startType: WEATHER_GET_ASSET_DATA_START,\r\n // sccessType: WEATHER_GET_ASSET_DATA_SUCCEED,\r\n failedType: WEATHER_GET_ASSET_DATA_FAILED,\r\n errorMessage: 'Failed to get weather asset data.',\r\n successCallback: setStoreAssetModifiedData,\r\n };\r\n // \r\n return(axiosPost(paramObj));\r\n}\r\n\r\nexport function getAssetDataWithTimeRange(params){\r\n\r\n}\r\n\r\n// export function getWeatherAssetData(creteria){ \r\n// let paramObj = {\r\n// url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_GET_TIME_POINT_DATA}`,\r\n// criteria: creteria,\r\n// logText: 'Get Weather Asset Data Url ',\r\n// sccessType: '',\r\n// failedType: WEATHER_GET_ASSET_DATA_FAILED,\r\n// errorMessage: 'Failed to get weather asset data.',\r\n// callback: setStoreAssetModifiedData,\r\n// };\r\n\r\n// return(axiosGet(paramObj));\r\n// }\r\n\r\nexport function getWeatherAssetDataFun(creteria, startType, successType, failedType, successCallback){ \r\n console.log(\"CALLBACK \", successCallback)\r\n let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_GROUP_ASSETS_DATA}`,\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_GROUP_DATA}`,\r\n criteria: creteria,\r\n logText: 'Get Weather Asset Data Url ',\r\n startType: startType,\r\n sccessType: successType,\r\n failedType: failedType,\r\n errorMessage: 'Failed to get weather asset data.',\r\n successCallback: successCallback,\r\n passedParameters: creteria,\r\n };\r\n\r\n return(axiosPost(paramObj));\r\n}\r\n\r\nfunction getPowerAssetDataFun(creteria, startType, successType, failedType, successCallback){ \r\n let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_GROUP_ASSETS_DATA}`,\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_GROUP_DATA}`,\r\n criteria: creteria,\r\n logText: 'Get Power Asset Data Url ',\r\n startType: startType,\r\n sccessType: successType,\r\n failedType: failedType,\r\n errorMessage: 'Failed to get power asset data.',\r\n successCallback: successCallback,\r\n passedParameters: creteria,\r\n };\r\n\r\n return(axiosPost(paramObj));\r\n}\r\n\r\nfunction setStoreAssetModifiedData(data){\r\n console.log(\"setStoreAssetModifiedData data\", data)\r\n\r\n let modifiedData = processAssetData(data);\r\n console.log(\"modifiedData\", modifiedData)\r\n let expandedData = expandAssetAttributes(modifiedData);\r\n console.log(\"expandedData\", expandedData)\r\n return {\r\n type: WEATHER_SET_STORE_ASSET_DATA,\r\n payloada: data,\r\n payloadb: modifiedData,\r\n payloadc: expandedData,\r\n }\r\n}\r\n\r\n// export function getWeatherAssetData(creteria){\r\n// return(\r\n// getWeatherAssetDataFun(creteria, WEATHER_GET_ASSET_DATA_SUCCEED, WEATHER_GET_ASSET_DATA_FAILED, setStoreAssetModifiedData)\r\n// )\r\n// }\r\n\r\nexport function updateWeatherAssetData (assetData, subData){\r\n let updatedData = updatePubSubDevice(assetData, subData);\r\n let expantedData = expandAssetAttributes(updatedData);\r\n \r\n \r\n return(dispatch => {\r\n dispatch({\r\n type: WEATHER_SUB_DATA_UPDATED,\r\n payloada: updatedData,\r\n payloadb: expantedData,\r\n });\r\n });\r\n}\r\n\r\nfunction updatePubSubDevice(assetData, subData){\r\n // \r\n // \r\n // \r\n //console.log(\"Data here\")\r\n // console.log(assetData)\r\n let newAssetData = JSON.parse(JSON.stringify(assetData));\r\n // const subKeys = {battery: 'BatteryVoltage', internalTemp: 'InternalTemperature', alarmStatus: 'CurrentDigitalInputState', levelColor: 'Alarm'};\r\n const subKeys = {battery: 'BatteryVoltage', internalTemp: 'InternalTemperature', alarmStatus: 'CurrentDigitalInputState', levelColor: 'Alarm', lastOccupancy:'LastOccupancy',lstMsgTime:'LastMessageTime', occupancyBattery: 'OccupancyBattery', averageData: 'AverageData', level1:'Level1', level2:'Level2', level3:'Level3', levelTotal:'LevelTotal',averageTemperature: 'AverageTemperature',\r\n\r\n averageLODLast: 'AverageLODLast',\r\n temperature:'Temperature',\r\n current: 'Current',\r\n vibration: 'Vibration'};\r\n if (subData && subData.device) {\r\n let updateAsset = newAssetData.find((item, index)=>(item.assetid === subData.device.assetid));\r\n // \r\n if (updateAsset && updateAsset.attributes) {\r\n //console.log(updateAsset)\r\n updateAsset.timestamp = subData.lstMsgTime;\r\n Object.entries(subKeys).forEach(([key, value], index)=>{\r\n \r\n let foundAttr = updateAsset.attributes.find((attribute)=>(attribute.attributename === value && attribute.deviceid==subData.device.deviceid));\r\n if(updateAsset.grouping=='parking'){\r\n //console.log('true1')\r\n foundAttr = updateAsset.attributes.find((attribute)=>(attribute.attributename === value));\r\n }\r\n if (foundAttr) {\r\n \r\n foundAttr.value = subData[key];\r\n foundAttr.attritime = subData.lstMsgTime;\r\n if (foundAttr.msg) {\r\n foundAttr.msg.msgtimestamp = subData.lstMsgTime;\r\n } \r\n } else{\r\n \r\n let newAttr = {\r\n attributeid: null,\r\n attributename: value,\r\n displayname: value,\r\n value: subData[key],\r\n display: true,\r\n theme: null,\r\n type: \"device\",\r\n deviceid: subData.device.deviceid,\r\n msg: {msgid: null, msgtimestamp: subData.lstMsgTime,},\r\n attritime: subData.lstMsgTime,\r\n datatype: null\r\n }\r\n updateAsset.attributes.push(newAttr);\r\n }\r\n });\r\n }\r\n\r\n }\r\n // \r\n return newAssetData;\r\n}\r\n\r\nexport function updatePubSubAssetData (assetData, deviceObj){\r\n let updatedData = updatePubSubDeviceMessage(assetData, deviceObj);\r\n let expantedData = expandAssetAttributes(updatedData);\r\n \r\n \r\n return(dispatch => {\r\n dispatch({\r\n type: WEATHER_SUB_DATA_UPDATED,\r\n payloada: updatedData,\r\n payloadb: expantedData,\r\n });\r\n });\r\n}\r\n\r\nfunction updatePubSubDeviceMessage(assetData, deviceObj){\r\n let newAssetData = JSON.parse(JSON.stringify(assetData));\r\n if (newAssetData, deviceObj) {\r\n let assetObj = newAssetData.find((item) =>(item.assetid === deviceObj.assetid));\r\n if (assetObj.attributes && deviceObj.msgs && deviceObj.msgs.length && deviceObj.msgs[deviceObj.msgs.length - 1].msg) {\r\n let msgObj = deviceObj.msgs[deviceObj.msgs.length - 1].msg;\r\n Object.entries(msgObj).forEach(([key, value]) => {\r\n let foundAttr = assetObj.attributes.find((attribute)=>(attribute.attributename === key));\r\n if (foundAttr) {\r\n foundAttr.value = value.value;\r\n foundAttr.attritime = deviceObj.lastmessagetime;\r\n if (foundAttr.msg) {\r\n foundAttr.msg.msgtimestamp = deviceObj.lastmessagetime;\r\n } \r\n }\r\n else{\r\n \r\n let newAttr = {\r\n attributeid: null,\r\n attributename: key,\r\n displayname: value.displayname,\r\n value: value.value,\r\n display: true,\r\n theme: null,\r\n type: \"device\",\r\n deviceid: deviceObj.deviceid,\r\n msg: {msgid: null, msgtimestamp: deviceObj.lastmessagetime,},\r\n attritime: deviceObj.lastmessagetime,\r\n datatype: null\r\n }\r\n assetObj.attributes.push(newAttr);\r\n }\r\n });\r\n }\r\n }\r\n return newAssetData;\r\n}\r\nfunction setStoreAssetModifiedHistoryData(data){\r\n let modifiedData = processAssetData(data);\r\n console.log('modifiedData', modifiedData)\r\n let expantedData = expandAssetAttributes(modifiedData); \r\n console.log('expantedData', expantedData) \r\n return {\r\n type: WEATHER_SET_STORE_ASSET_HISTORY_DATA,\r\n payloada: data,\r\n // payloadb: modifiedData,\r\n payloadb: expantedData,\r\n }\r\n}\r\n\r\nconst historyCreteria = {\r\n entity: PropTypes.number.isRequired,\r\n starttime: PropTypes.string.isRequired,\r\n endtime: PropTypes.string.isRequired,\r\n}\r\n\r\nexport function getWeatherAssetHistoryData(historyCreteria){ \r\n let creteria = {\r\n ...historyCreteria,\r\n entitygroup: [],\r\n latest: '0',\r\n themeid: ''\r\n };\r\n return(\r\n // getWeatherAssetDataFun(creteria, WEATHER_GET_ASSET_HISTORY_START, WEATHER_GET_ASSET_HISTORY_SUCCEED, WEATHER_GET_ASSET_HISTORY_FAILED, setStoreAssetModifiedHistoryData)\r\n getWeatherAssetDataFun(creteria, WEATHER_GET_ASSET_HISTORY_START, WEATHER_GET_ASSET_HISTORY_SUCCEED, WEATHER_GET_ASSET_HISTORY_FAILED, setStoreAssetModifiedHistoryData)\r\n )\r\n}\r\n\r\nexport function getAssetHistoryData(historyParams){\r\n console.log(\"getAssetHistoryData called\")\r\n // debugger;\r\n return(\r\n getWeatherAssetDataFun(historyParams, WEATHER_GET_ASSET_HISTORY_START, WEATHER_GET_ASSET_HISTORY_SUCCEED, WEATHER_GET_ASSET_HISTORY_FAILED, setStoreAssetModifiedHistoryData)\r\n )\r\n}\r\n\r\nexport function getPowerAssetHistoryData(historyCreteria){\r\n let creteria = {\r\n ...historyCreteria,\r\n entitygroup: [],\r\n latest: '0',\r\n themeid: ''\r\n };\r\n return(\r\n getPowerAssetDataFun(creteria, POWER_GET_ASSET_HISTORY_START, POWER_GET_ASSET_HISTORY_SUCCEED, WEATHER_GET_ASSET_HISTORY_FAILED, null)\r\n )\r\n}\r\n\r\nexport function clearPowerAssetHistoryData(){\r\n return(\r\n dispatch=>{\r\n dispatch(\r\n {\r\n type: POWER_GET_ASSET_HISTORY_CLEAR,\r\n message: 'Clear All Power Asset History Data',\r\n }\r\n );\r\n }\r\n )\r\n}\r\n\r\nexport function pubsubUpdateWeatherAssetHistoryData(pubsubData, startDateMoment, endDateMoment) {\r\n return(\r\n dispatch=>{\r\n dispatch(\r\n {\r\n type: WEATHER_UPDATE_ASSET_HISTORY_SUCCEED,\r\n payload: pubsubData,\r\n startDateMoment: startDateMoment,\r\n endDateMoment: endDateMoment,\r\n }\r\n );\r\n }\r\n )\r\n}\r\n\r\nexport function getWeatherAsset24HData(assetCreteria) {\r\n const now = moment();\r\n \r\n const before24 = moment().subtract(1, 'days');\r\n \r\n const creteria = {\r\n ...assetCreteria,\r\n entitygroup: [],\r\n // starttime: now.utc().format('YYYY-MM-DDThh:mm:ss'),\r\n // endtime: before24.utc().format('YYYY-MM-DDThh:mm:ss'),\r\n starttime: before24.utc().valueOf(),\r\n endtime: now.utc().valueOf(),\r\n latest: '0',\r\n themeid:'',\r\n }\r\n return(\r\n getWeatherAssetDataFun(creteria, null, WEATHER_GET_24_HISTORY_SUCCEED, WEATHER_GET_24_HISTORY_FAILED, null)\r\n )\r\n}\r\n\r\n/* Get One Month Data */\r\nexport function getWeatherAsset1MonthData(assetCreteria) {\r\n const now = moment();\r\n \r\n const before24 = moment().subtract(1, 'month');\r\n \r\n const creteria = {\r\n ...assetCreteria,\r\n entitygroup: [],\r\n // starttime: now.utc().format('YYYY-MM-DDThh:mm:ss'),\r\n // endtime: before24.utc().format('YYYY-MM-DDThh:mm:ss'),\r\n starttime: before24.utc().valueOf(),\r\n endtime: now.utc().valueOf(),\r\n latest: '0',\r\n themeid:'',\r\n }\r\n return(\r\n getWeatherAssetDataFun(creteria, \r\n null, WEATHER_GET_1_MONTH_HISTORY_SUCCEED, \r\n WEATHER_GET_1_MONTH_HISTORY_FAILED, null)\r\n )\r\n}\r\n\r\nexport function pubsubUpdateWeatherAsset24HData(pubsubData) {\r\n const now = moment();\r\n const before24 = moment().subtract(1, 'days');\r\n\r\n return(\r\n dispatch=>{\r\n dispatch(\r\n {\r\n type: WEATHER_UPDATE_24_HISTORY_SUCCEED,\r\n payload: pubsubData,\r\n startDateMoment: before24,\r\n endDateMoment: now,\r\n }\r\n );\r\n }\r\n )\r\n}\r\n\r\nexport function getCompanyAssetClass(){\r\n // return dispatch => axios({\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY_ASSETCLASS}`,\r\n // method: 'get'\r\n // }).then(res => {\r\n // return res;\r\n // }).catch(err => {\r\n // \r\n // })\r\n\r\n return axios({\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY_ASSETCLASS}`,\r\n method: 'get'\r\n });\r\n}\r\n\r\nexport function clearWeatherAssetData(){\r\n return(\r\n dispatch=>{\r\n dispatch(\r\n {\r\n type: WEATHER_GET_ASSET_DATA_CLEAR,\r\n message: 'Clear All Weather Asset Data',\r\n }\r\n );\r\n }\r\n )\r\n}\r\n\r\nexport function clearWeatherAssetHistoryData(){\r\n return(\r\n dispatch=>{\r\n dispatch(\r\n {\r\n type: WEATHER_GET_ASSET_HISTORY_CLEAR,\r\n message: 'Clear All Weather Asset History Data',\r\n }\r\n );\r\n }\r\n )\r\n}\r\n\r\nconst weatherCountCreteria = {\r\n assetid: PropTypes.number.isRequired,\r\n starttime: PropTypes.string.isRequired,\r\n endtime: PropTypes.string.isRequired,\r\n}\r\n\r\nexport function getWeatherAlarmCount(weatherCountCreteria){\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_ALARM_COUNT}`,\r\n criteria: weatherCountCreteria,\r\n logText: 'Get Weather Alarm Count Url ',\r\n startType: WEATHER_GET_ALARM_COUNT_START,\r\n sccessType: WEATHER_GET_ALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_ALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get weather alarm count data.',\r\n // successCallback: setStoreAssetModifiedData,\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getWeatherAlarmCountList(weatherCountCriteria) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_ALARM_COUNT_LIST}`,\r\n criteria: weatherCountCriteria,\r\n logText: 'Get Weather Alarm Count List Url ',\r\n startType: WEATHER_GET_ALARM_COUNT_LIST_START,\r\n sccessType: WEATHER_GET_ALARM_COUNT_LIST_SUCCEED,\r\n failedType: WEATHER_GET_ALARM_COUNT_LIST_FAILED,\r\n errorMessage: 'Failed to get weather alarm count list data.',\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getWeather6MonthsAlarmCount(weatherCountCriteria) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_ALARM_COUNT}`,\r\n criteria: weatherCountCriteria,\r\n logText: 'Get Weather 6 Months Alarm Count Url.',\r\n startType: WEATHER_GET_6MONTHSALARM_COUNT_START,\r\n sccessType: WEATHER_GET_6MONTHSALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_6MONTHSALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get Weather 6 Months Alarm Count Data.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\nexport function getWeatherQuarterMonthAlarmCount(weatherCountCreteria) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_ALARM_COUNT}`,\r\n criteria: weatherCountCreteria,\r\n logText: 'Get Weather Quarter Month Alarm Count Url.',\r\n startType: WEATHER_GET_QUARTERMONTHALARM_COUNT_START,\r\n sccessType: WEATHER_GET_QUARTERMONTHALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_QUARTERMONTHALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get Weather Quarter Month Alarm Count Data.'\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\nexport function geteWeatherMonthlyAlarmCount(weatherCountCreteria) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_ALARM_COUNT}`,\r\n criteria: weatherCountCreteria,\r\n logText: 'Get Weather Monthly Alarm Count Url.',\r\n startType: WEATHER_GET_MONTHLYALARM_COUNT_START,\r\n sccessType: WEATHER_GET_MONTHLYALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_MONTHLYALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get Weather Monthly Alarm Count Data.'\r\n };\r\n\r\n return(axiosGet(paramObj))\r\n}\r\n\r\nexport function getWeatherHourlyAlarmCount(weatherCountCreteria){\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_HOURLYALARM_COUNT}`,\r\n criteria: weatherCountCreteria,\r\n logText: 'Get Weather Alarm Count Url ',\r\n startType: WEATHER_GET_HOURLYALARM_COUNT_START,\r\n sccessType: WEATHER_GET_HOURLYALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_HOURLYALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get weathe alarm count data.',\r\n // successCallback: setStoreAssetModifiedData,\r\n passedParameters: weatherCountCreteria,\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\nexport function getSnowRolling24HAlarmCount(assetid, cntHours = 1) {\r\n const startDateStr = moment().subtract(1, \"day\").utc().format('YYYY-MM-DD');\r\n\r\n const momentHour = moment().toDate().getHours();\r\n const criteria = {\r\n assetid: assetid ? assetid : 0,\r\n starttime: `${startDateStr}:${momentHour + 1}:24`,\r\n cntHours:cntHours,\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_HOURLYALARM_COUNT}`,\r\n criteria: criteria,\r\n logText: 'Get Weather Rolling 24H Alarm Count Url',\r\n startType: WEATHER_GET_ROLLING24HALARM_COUNT_START,\r\n sccessType: WEATHER_GET_ROLLING24HALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_ROLLING24HALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get weather rolling 24h alarm count data.',\r\n // successCallback: setStoreAssetModifiedData,\r\n passedParameters: criteria,\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getSnow24HAlarmCount(assetid, cntHours = 1){\r\n const startDateStr = moment().utc().format('YYYY-MM-DD');\r\n const momentHour = moment().toDate().getHours();\r\n const criteria = {\r\n assetid: assetid ? assetid : 0, //1118,\r\n starttime: `${startDateStr}:00:${momentHour + 1}`, //`${startDateStr}:${startTime.value}:${endTime.value}`,\r\n cntHours: cntHours, //1,//'2020-02-27',\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_HOURLYALARM_COUNT}`,\r\n criteria: criteria,\r\n logText: 'Get Weather 24H Alarm Count Url ',\r\n startType: WEATHER_GET_24HYALARM_COUNT_START,\r\n sccessType: WEATHER_GET_24HALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_24HALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get weathe 24h alarm count data.',\r\n // successCallback: setStoreAssetModifiedData,\r\n passedParameters: criteria,\r\n };\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getLightning24HAlarmCount(assetid, cntHours = 1){\r\n const startDateStr = moment().utc().format('YYYY-MM-DD');\r\n const criteria = {\r\n assetid: assetid ? assetid : 0, //1118,\r\n starttime: `${startDateStr}:00:24`, //`${startDateStr}:${startTime.value}:${endTime.value}`,\r\n cntHours: cntHours, //1,//'2020-02-27',\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_HOURLYALARM_COUNT}`,\r\n criteria: criteria,\r\n logText: 'Get Weather 24H Alarm Count Url ',\r\n startType: WEATHER_GET_24HYALARM_COUNT_START,\r\n sccessType: WEATHER_GET_24HALARM_COUNT_SUCCEED,\r\n failedType: WEATHER_GET_24HALARM_COUNT_FAILED,\r\n errorMessage: 'Failed to get weathe 24h alarm count data.',\r\n // successCallback: setStoreAssetModifiedData,\r\n passedParameters: criteria,\r\n };\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function clearWeatherAlarmCount(){\r\n return(dispatch=>{\r\n dispatch({\r\n type: WEATHER_GET_ALARM_COUNT_CLEAR,\r\n message: 'Clear All Weather Alarm count.',\r\n });\r\n });\r\n}\r\n\r\nexport function clearWeatherSixMonthsAlarmCount() {\r\n return (dispatch => {\r\n dispatch({\r\n type: WEATHER_GET_6MONTHSALARM_COUNT_CLEAR,\r\n message: 'Clear All Weather 6 Months Alarm count.',\r\n });\r\n });\r\n}\r\n\r\nexport function clearWeatherQuarterMonthAlarmCoutn() {\r\n return (dispatch => {\r\n dispatch({\r\n tpye: WEATHER_GET_QUARTERMONTHALARM_COUNT_CLEAR,\r\n message: 'Clear All Weather Quater Month Alarm count.',\r\n });\r\n });\r\n}\r\n\r\nexport function clearWeatherMonthlyAlarmCount() {\r\n return (dispatch => {\r\n dispatch({\r\n type: WEATHER_GET_MONTHLYALARM_COUNT_CLEAR,\r\n message: 'Clear All Weather Monthly Alarm Count.',\r\n });\r\n });\r\n}\r\n\r\nexport function clearWeatherHourlyAlarmCount(){\r\n return(dispatch=>{\r\n dispatch({\r\n type: WEATHER_GET_HOURLYALARM_COUNT_CLEAR,\r\n message: 'Clear All Weather Alarm count',\r\n });\r\n });\r\n}\r\n\r\nexport function getAllConfig(){\r\n \r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_CONFIG_GETALL}`,\r\n criteria: null,\r\n logText: 'Get Weather Config Url ',\r\n sccessType: WEATHER_GET_ALL_CONFIG_SUCCEED,\r\n failedType: WEATHER_GET_ALL_CONFIG_FAILED,\r\n errorMessage: 'Failed to get config .',\r\n }\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getConfigByAppName(obj){\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_CONFIG_GETBYAPPNAME}`,\r\n criteria: obj,\r\n logText: 'Get Weather Config Url',\r\n sccessType: WEATHER_GET_ALL_CONFIG_SUCCEED,\r\n failedType: WEATHER_GET_ALL_CONFIG_FAILED,\r\n errorMessage: 'Failed to get config.',\r\n }\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function updateConfig(configObj, appname = null){\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_WEATHER_CONFIG_POST}`,\r\n criteria: configObj,\r\n logText: 'Update Weather Config Url ',\r\n // sccessType: WEATHER_POST_CONFIG_SUCCEED,\r\n // failedType: WEATHER_POST_CONFIG_FAILED,\r\n errorMessage: 'Failed to update weather config data.',\r\n successCallback: (response)=>{\r\n if (appname != null){\r\n return(getConfigByAppName({\"appname\":appname, \"modulename\":\"alarm\"}))\r\n\r\n } else {\r\n return(getAllConfig())\r\n }\r\n }\r\n };\r\n\r\n return(axiosPost(paramObj));\r\n}\r\n// [\r\n// \t{\r\n// \t\tassetid:,\r\n// \t\tassetname:,\r\n// \t\tclassid:,\r\n// \t\tclassname:,\r\n// \t\ttimestamp:\r\n// \t\tlocationlat:,\r\n// \t\tlocationlng:,\r\n// \t\tdevices:[\r\n// \t\t\t{deviceid:, devicename:,}\r\n// \t\t],\r\n// \"assetIcon\": {\r\n// \"iconid\": 1,\r\n// \"iconname\": \"Circle\",\r\n// \"iconscale\": 1,\r\n// \"iconsvg\": \"M2,10a8,8 0 1,0 16,0a8,8 0 1,0 -16,0\"\r\n// },\r\n// \t\tattributes:[\r\n// \t\t\t{\r\n// \t\t\t\tid: ,\r\n// \t\t\t\tattributename:,\r\n// \t\t\t\tdisplayname:,\r\n// \t\t\t\tvalue:,\r\n// \t\t\t\tdisplay:,\r\n// \t\t\t\ttheme,\r\n// \t\t\t\ttype: (device|meta),\r\n// \t\t\t\t//device:{deviceid:, devicename:},\r\n// \t\t\t\tdeviceid:,\r\n// \t\t\t\t//meta:,\r\n// \t\t\t\tmsg: {msgid:,msgtimestamp:},\r\n// \t\t\t\tattritime;,\r\n// \t\t\t\tdatatype:,\r\n\t\t\t\t\r\n// \t\t\t}\r\n// \t\t]\r\n// \t}, ...\r\n// ]\r\n\r\n// let assetObj = Object.keys(asset)\r\n// .filter(key =>(assetPickKyes.includes(key)))\r\n// .reduce((obj, item)=>{\r\n// let key = item;\r\n// if (key === 'description'){\r\n// key = 'assetdeccription';\r\n// }\r\n// obj[key] = asset[item];\r\n// return obj;\r\n// }, {});\r\n","module.exports = __webpack_public_path__ + \"static/media/view.d905a65a.svg\";","/* eslint-disable */\r\nexport function toggleAlertOff(toggleOffType){\r\n return((dispatch) => {dispatch(\r\n {\r\n type: toggleOffType,\r\n data: false\r\n }\r\n )}\r\n );\r\n}\r\n\r\nexport function toggleAlertOn(toggleOnType){\r\n return((dispatch) => {dispatch(\r\n {\r\n type: toggleOnType,\r\n data: true\r\n }\r\n )}\r\n );\r\n}","/* eslint-disable */\r\nimport { image } from \"d3-fetch\";\r\nimport React, {useEffect} from \"react\";\r\nconst IconElement = (props) => {\r\n useEffect(() => {\r\n if(props.data){\r\n console.log('Icon DATA: ', props.data)\r\n }\r\n }, []);\r\n return(\r\n \r\n );\r\n}\r\nexport default IconElement;\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { ChromePicker} from 'react-color';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { CustomInput, FormGroup } from 'reactstrap';\r\n// import { ENGINE_METHOD_DIGESTS } from 'constants';\r\n\r\nclass FileInputModal extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n btnDisable: true,\r\n name: ''\r\n }\r\n }\r\n\r\n // static getDerivedStateFromProps(props, state) {\r\n // return({\r\n // // currentDeviceTypeId : props.currentDeviceTypeId,\r\n // // currentDeviceTypeName : props.currentDeviceTypeName,\r\n // // currentDeviceId : props.currentDeviceId,\r\n // // currentDeviceName : props.currentDeviceName,\r\n // });\r\n // } \r\n\r\n // handleNameOnchange =(e) => {\r\n // // this.props.onNameChange(e);\r\n // let btnDisable = (e.target.value && e.target.value.trim().length>0);\r\n // this.setState({\r\n // name: e.target.value,\r\n // btnDisable: btnDisable\r\n // });\r\n // }\r\n\r\n // handleDeviceTypeDropdownChange = (e) => {\r\n // this.props.handleDeviceTypeDropdownChange(e);\r\n // }\r\n\r\n // handleDeviceDropdownChange = (e) => {\r\n // this.props.handleDeviceDropdownChange(e);\r\n // }\r\n\r\n // handleDeviceTypeDropdownChange = (e) => {\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.props.loadRuleDevice({devicetype: e.target.value});\r\n // this.setState(\r\n // {\r\n // currentDeviceTypeId: selectedValue,\r\n // currentDeviceTypeName: name \r\n // }\r\n // )\r\n // }\r\n\r\n // handleDeviceDropdownChange = (e) => {\r\n // alert('test');\r\n // let selectedValue = e.target.value;\r\n // let index = e.target.selectedIndex;\r\n // let name = e.target.options[index].text;\r\n // // alert(name);\r\n // this.setState(\r\n // {\r\n // currentDeviceId: selectedValue,\r\n // currentDeviceName: name \r\n // }\r\n // )\r\n // }\r\n \r\n OnAddClick = (e) => {\r\n // this.props.onAddRule(this.state.name);\r\n // this.setState({\r\n // name: '',\r\n // btnDisable: false,\r\n // });\r\n this.props.toggle();\r\n }\r\n\r\n OnCancleClick = (e) =>{\r\n // this.setState({\r\n // name: '',\r\n // btnDisable: false,\r\n // });\r\n this.props.toggle();\r\n }\r\n\r\n render(){\r\n return(\r\n \r\n Upload File \r\n \r\n \r\n {/* \r\n \r\n \r\n
\r\n {/* \r\n
*/}\r\n {/* \r\n
*/}\r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default FileInputModal;\r\n\r\n","/* eslint-disable */\r\nimport React from \"react\";\r\nimport {\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Label\r\n} from \"reactstrap\";\r\n\r\nconst AddContactForm = (props) => (\r\n \r\n);\r\n\r\nexport default AddContactForm;\r\n","export const CHANGE_SIDEBAR_VISIBILITY = 'CHANGE_SIDEBAR_VISIBILITY';\r\nexport const CHANGE_MOBILE_SIDEBAR_VISIBILITY = 'CHANGE_MOBILE_SIDEBAR_VISIBILITY';\r\n\r\nexport function changeSidebarVisibility() {\r\n return {\r\n type: CHANGE_SIDEBAR_VISIBILITY,\r\n };\r\n}\r\n\r\nexport function changeMobileSidebarVisibility() {\r\n return {\r\n type: CHANGE_MOBILE_SIDEBAR_VISIBILITY,\r\n };\r\n}\r\n","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport { toast } from 'react-toastify';\r\nimport {\r\n DASHBOARD_GET_LAYOUT_SUCCEED,\r\n DASHBOARD_GET_LAYOUT_FAILED, \r\n DASHBOARD_GET_LAYOUT_LIST_SUCCEED,\r\n DASHBOARD_GET_LAYOUT_LIST_FAILED,\r\n DASHBOARD_GET_ASSET_MAP_SUCCEED,\r\n DASHBOARD_GET_ASSET_MAP_FAILED,\r\n DASHBOARD_GET_DEVICE_DATA_SUCCEED,\r\n DASHBOARD_GET_DEVICE_DATA_FAILED,\r\n DASHBOARD_UPDATE_LAYOUT_SUCCEED,\r\n DASHBOARD_UPDATE_LAYOUT_FAILED,\r\n DASHBOARD_GET_DEVICE_MSG_COUNT_SUCCEED,\r\n DASHBOARD_GET_DEVICE_MSG_COUNT_FAILED,\r\n DASHBOARD_GET_DEVICE_LIST_SUCCEED,\r\n DASHBOARD_GET_DEVICE_LIST_FAILED,\r\n DASHBOARD_GET_ASSETS_DATA_SUCCEED,\r\n DASHBOARD_GET_ASSETS_DATA_FAILED,\r\n DASHBOARD_GET_ASSETS_LIST_SUCCEED,\r\n DASHBOARD_GET_ASSETS_LIST_FAILED,\r\n DASHBOARD_GET_ASSETS_LIST_CLEAR,\r\n DASHBOARD_GET_THRESHOLD_SUCCEED,\r\n DASHBOARD_GET_THRESHOLD_FAILED,\r\n DASHBOARD_RECURSIVE_START,\r\n DASHBOARD_GET_RECURSIVE_DATA_SUCCEED,\r\n DASHBOARD_GET_RECURSIVE_DATA_FAILED,\r\n DASHBOARD_GET_ATTRIBUTE_CHART_SUCCEED,\r\n DASHBOARD_GET_ATTRIBUTE_CHART_FAILED,\r\n PUBSUB_UPDATE_DEVICE,\r\n USER_GET_FAILED,\r\n} from '../../constants/actionTypes';\r\n\r\nimport {\r\n WEB_SERVICE_LOCAL,\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_ATTRIBUTES,\r\n WEB_SERVICE_DEVICETYPE,\r\n WEB_SERVICE_ASSET,\r\n WEB_SERVICE_ASSET_PURE,\r\n WEB_SERVICE_GET_ASSETS_DATA,\r\n WEB_SERVICE_GET_ASSETCLASS,\r\n WEB_SERVICE_GET_ASSETCLASS_ATTRIBUTES,\r\n WEB_SERVICE_GET_THEMES,\r\n WEB_SERVICE_LAYOUT,\r\n WEB_SERVICE_LAYOUT_LIST,\r\n WEB_SERVICE_LAYOUT_SET_DEFAULT,\r\n WEB_SERVICE_LAYOUT_DELET_WIDGET,\r\n WEB_SERVICE_MSG_COUNT,\r\n WEB_SERVICE_DEVICE,\r\n WEB_SERVICE_THRESHOLD,\r\n WEB_SERVICE_GET_RECURSIVE_ASSET_DATA,\r\n WEB_SERVICE_GET_GROUP_ASSETS_DATA,\r\n} from '../../constants/appConstants';\r\n\r\n// import {axiosGet} from '../../factories/utils';\r\nimport {axiosGet, axiosDelete, getCurrentUser, base64Encode, getJwttoken} from '../../factories/utils';\r\nimport { ConsoleIcon } from 'mdi-react';\r\n// \r\n// \r\n// const token = getJwttoken();\r\n// axios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\naxios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\n// export function loadDashBoardLayout(userId){\r\n// const creteria = {\r\n// userid: userId,\r\n// }\r\n// let paramObj = {\r\n// url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT}`,\r\n// criteria: creteria,\r\n// logText: 'Get Dashboar Layout Url ',\r\n// sccessType: DASHBOARD_GET_LAYOUT_SUCCEED,\r\n// failedType: DASHBOARD_GET_LAYOUT_FAILED,\r\n// errorMessage: 'Failed to get dashboar layout.'\r\n// };\r\n\r\n// return(axiosGet(paramObj));\r\n// }\r\n\r\nexport function loadDashBoardLayout(templateid){\r\n \r\n let creteria = null; \r\n if (templateid!= undefined && templateid != null) {\r\n creteria = {\r\n templateid: templateid\r\n }\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT}`,\r\n criteria: creteria,\r\n logText: 'Get Dashboar Layout Url ',\r\n sccessType: DASHBOARD_GET_LAYOUT_SUCCEED,\r\n failedType: DASHBOARD_GET_LAYOUT_FAILED,\r\n errorMessage: 'Failed to get dashboar layout.'\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function loadDashBoardLayoutList(){\r\n // const creteria = {\r\n // userid: userId,\r\n // }\r\n const creteria = null;\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT_LIST}`,\r\n criteria: creteria,\r\n logText: 'Get Dashboar Layout List Url ',\r\n sccessType: DASHBOARD_GET_LAYOUT_LIST_SUCCEED,\r\n failedType: DASHBOARD_GET_LAYOUT_LIST_FAILED,\r\n errorMessage: 'Failed to get dashboar layout list.'\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function updateDashBoardLayout(layouts){\r\n console.log('dasboard Actions, ', layouts);\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n const request = axios({\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT}`,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n data: layouts,\r\n });\r\n\r\n return (\r\n despatch => {\r\n request.then( response => {\r\n if (response.status == 200) {\r\n console.log(response.data);\r\n despatch({\r\n type: DASHBOARD_UPDATE_LAYOUT_SUCCEED,\r\n payload: response.data,\r\n });\r\n // despatch(loadDashBoardLayout());\r\n }else{\r\n if (response.status == 406) {\r\n toast.error('Component Name already exists');\r\n }\r\n despatch({\r\n type: DASHBOARD_UPDATE_LAYOUT_FAILED,\r\n error: \"Failed to get the assets data\",\r\n });\r\n console.error(\"Failed to get the assets data\");\r\n }\r\n }).catch( error => {\r\n if (error.response && error.response.status === 406) {\r\n toast.error('Component Name already exists');\r\n }\r\n despatch({\r\n type: DASHBOARD_UPDATE_LAYOUT_FAILED,\r\n error: error.message,\r\n });\r\n console.error(error.message);\r\n })\r\n }\r\n );\r\n}\r\n\r\nexport function setDefaultLayout(templateid){\r\n let creteria = {\r\n templateid: templateid\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT_SET_DEFAULT}`,\r\n criteria: creteria,\r\n logText: 'Set Default Dashboard Layout Url ',\r\n // sccessType: DASHBOARD_GET_LAYOUT_SUCCEED,\r\n // failedType: DASHBOARD_GET_LAYOUT_FAILED,\r\n callback: ()=>{return(loadDashBoardLayoutList());},\r\n errorMessage: 'Failed to set default dashboard layout.'\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\nexport function deleteDashBoardWidget(layoutid, templateid){\r\n const creteria = {\r\n layoutid: layoutid,\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT_DELET_WIDGET}`,\r\n criteria: creteria,\r\n logText: 'Delete Dashboard Layout Widget Url ',\r\n // sccessType: DASHBOARD_GET_LAYOUT_LIST_SUCCEED,\r\n // failedType: DASHBOARD_GET_LAYOUT_LIST_FAILED,\r\n callback: ()=>{toast.success('Successfully deleted the selected widget.'); return(loadDashBoardLayout(templateid));},\r\n errorMessage: 'Failed to delete dashboard layout widget.'\r\n };\r\n\r\n return(axiosDelete(paramObj));\r\n}\r\n\r\nexport function addDashBoardLayout (layout){\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n const request = axios({\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_LAYOUT}`,\r\n method: 'put',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n data: layout\r\n });\r\n\r\n return (\r\n despatch => {\r\n request.then( response => {\r\n if (response.status == 200) {\r\n // despatch({\r\n // type: DASHBOARD_UPDATE_LAYOUT_SUCCEED,\r\n // payload: response.data,\r\n // });\r\n despatch(loadDashBoardLayout());\r\n }else{\r\n despatch({\r\n type: DASHBOARD_UPDATE_LAYOUT_FAILED,\r\n error: \"Failed to get the assets data\",\r\n });\r\n console.error(\"Failed to get the assets data\");\r\n }\r\n }).catch( error => {\r\n despatch({\r\n type: DASHBOARD_UPDATE_LAYOUT_FAILED,\r\n error: error.message,\r\n });\r\n console.error(error.message);\r\n })\r\n }\r\n );\r\n}\r\n\r\nexport function loadAssetMapData (assetclassid, dashname) {\r\n console.log('ASSET CLASS ID', assetclassid);\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n // let queryString = '';\r\n\r\n // if (criteria){\r\n // queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n // }\r\n\r\n let queryString = `?assetclassid=${assetclassid}`;\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_ASSETS_DATA}${queryString}`;\r\n \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n }\r\n });\r\n\r\n return (\r\n despatch => {\r\n request.then( response => {\r\n if (response.status == 200) {\r\n despatch({\r\n type: DASHBOARD_GET_ASSET_MAP_SUCCEED,\r\n payload: response.data,\r\n name: dashname\r\n });\r\n }else{\r\n despatch({\r\n type: DASHBOARD_GET_ASSET_MAP_FAILED,\r\n error: \"Failed to get the assets data\",\r\n });\r\n }\r\n }).catch( error => {\r\n despatch({\r\n type: DASHBOARD_GET_ASSET_MAP_FAILED,\r\n error: error.message,\r\n });\r\n })\r\n }\r\n );\r\n}\r\n\r\nexport function loadDeviceData (devicetypeid, dashname){\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0){\r\n \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n let queryString = `?devicetype=${devicetypeid}`;\r\n // if (criteria){\r\n // queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n // }\r\n // const urlStr = `http://13.88.246.7:8080/sigfox/Device${queryString}`;\r\n const urlStr = `${WEB_SERVICE_ROOT}Device${queryString}`;\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n }\r\n });\r\n \r\n return (\r\n despatch => {\r\n request.then( response => {\r\n if (response.status == 200) {\r\n despatch({\r\n type: DASHBOARD_GET_DEVICE_DATA_SUCCEED,\r\n payload: response.data,\r\n name: dashname\r\n });\r\n }else{\r\n despatch({\r\n type: DASHBOARD_GET_DEVICE_DATA_FAILED,\r\n error: \"Failed to get the device data\",\r\n });\r\n }\r\n }).catch( error => {\r\n despatch({\r\n type: DASHBOARD_GET_DEVICE_DATA_FAILED,\r\n error: error.message,\r\n });\r\n })\r\n }\r\n );\r\n}\r\n\r\nexport function getMessageCount(deviceId){\r\n const creteria = {\r\n deviceid: deviceId,\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_MSG_COUNT}`,\r\n criteria: creteria,\r\n logText: 'Get Dashboard message count Url ',\r\n sccessType: DASHBOARD_GET_DEVICE_MSG_COUNT_SUCCEED,\r\n failedType: DASHBOARD_GET_DEVICE_MSG_COUNT_FAILED,\r\n errorMessage: 'Failed to get dashboard message count data.'\r\n };\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getDevices(devicetype){\r\n const creteria = {\r\n devicetype: devicetype,\r\n }\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_DEVICE}`,\r\n criteria: creteria,\r\n logText: 'Get Dashboard get device list Url ',\r\n sccessType: DASHBOARD_GET_DEVICE_LIST_SUCCEED,\r\n failedType: DASHBOARD_GET_DEVICE_LIST_FAILED,\r\n errorMessage: 'Failed to get dashboard device list.'\r\n };\r\n return(axiosGet(paramObj));\r\n}\r\n\r\nexport function getAssetsData (criteria, dashname) {\r\n let queryString = '';\r\n // let LocalRoot = 'http://192.168.2.91:8080/';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n } \r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_ASSETS_DATA}?${queryString}`;\r\n \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get'\r\n });\r\n\r\n return (\r\n despatch => {\r\n // despatch(loadingDataStart());\r\n request.then( response => {\r\n if (response.status == 200) {\r\n // \r\n despatch({\r\n type:DASHBOARD_GET_ASSETS_DATA_SUCCEED,\r\n payload: response.data,\r\n name: dashname\r\n });\r\n }else{\r\n // \r\n despatch({\r\n type:DASHBOARD_GET_ASSETS_DATA_FAILED,\r\n error: \"Failed to get the assets data\",\r\n });\r\n }\r\n }).catch( error => {\r\n // \r\n despatch({\r\n type: DASHBOARD_GET_ASSETS_DATA_FAILED,\r\n error: error.message,\r\n });\r\n })\r\n }\r\n );\r\n}\r\n\r\nexport function getAttributeThreshold(assetid, attributeid, dashname){\r\n const criteria = {\r\n assetid: assetid,\r\n attributeid: attributeid,\r\n }\r\n \r\n // let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_THRESHOLD}`,\r\n // criteria: creteria,\r\n // logText: 'Get Attribute Threshold Url ',\r\n // sccessType: DASHBOARD_GET_THRESHOLD_SUCCEED,\r\n // failedType: DASHBOARD_GET_THRESHOLD_FAILED,\r\n // errorMessage: 'Failed to get Attribute Threshold.'\r\n // };\r\n // return(axiosGet(paramObj));\r\n\r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n } \r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_THRESHOLD}?${queryString}`;\r\n \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get'\r\n });\r\n\r\n return (\r\n despatch => {\r\n // despatch(loadingDataStart());\r\n request.then( response => {\r\n if (response.status == 200) {\r\n // \r\n despatch({\r\n type:DASHBOARD_GET_THRESHOLD_SUCCEED,\r\n payload: response.data,\r\n name: dashname\r\n });\r\n }else{\r\n // \r\n despatch({\r\n type:DASHBOARD_GET_THRESHOLD_FAILED,\r\n error: \"Failed to get Attribute Threshold.\",\r\n });\r\n }\r\n }).catch( error => {\r\n // \r\n despatch({\r\n type: DASHBOARD_GET_THRESHOLD_FAILED,\r\n error: error.message,\r\n });\r\n })\r\n }\r\n );\r\n\r\n}\r\n\r\nexport function updatePubSubDevice (data){\r\n return(\r\n despatch => {\r\n despatch({\r\n type: PUBSUB_UPDATE_DEVICE,\r\n payload: data,\r\n });\r\n }\r\n )\r\n}\r\n\r\nexport function getAssetList (criteria) {\r\n // const creteria = {\r\n // assetclassid: assetclassid,\r\n // }\r\n console.log('getAssetList, ', criteria)\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_ASSET}`,\r\n criteria: criteria,\r\n logText: 'Get Dashboard Asset List Url ',\r\n sccessType: DASHBOARD_GET_ASSETS_LIST_SUCCEED,\r\n failedType: DASHBOARD_GET_ASSETS_LIST_FAILED,\r\n errorMessage: 'Failed to get dashboard asset list.'\r\n };\r\n\r\n return(axiosGet(paramObj));\r\n}\r\nexport function clearAssetList () {\r\n return dispatch => {\r\n dispatch({\r\n type: DASHBOARD_GET_ASSETS_LIST_CLEAR,\r\n message: \"clear dashboard asset list\",\r\n });\r\n }\r\n}\r\n\r\nexport function getAssetRecursiveData(assetid, dashname){\r\n let criteria = {assetid: assetid};\r\n // let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_RECURSIVE_ASSET_DATA}`,\r\n // criteria: criteria,\r\n // logText: 'Get Asset Recursive data url : ',\r\n // startType: DASHBOARD_RECURSIVE_START,\r\n // sccessType: DASHBOARD_GET_RECURSIVE_DATA_SUCCEED,\r\n // failedType: DASHBOARD_GET_RECURSIVE_DATA_FAILED,\r\n // errorMessage: 'Failed to get asset recursive data.',\r\n // // successMessage: 'Successfully get asset recursive data.',\r\n\r\n // };\r\n // return(axiosGet(paramObj)); \r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n } \r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_RECURSIVE_ASSET_DATA}?${queryString}`;\r\n \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n }\r\n });\r\n\r\n return (\r\n despatch => {\r\n // despatch(loadingDataStart());\r\n request.then( response => {\r\n if (response.status == 200) {\r\n despatch({\r\n type: DASHBOARD_GET_RECURSIVE_DATA_SUCCEED,\r\n payload: response.data,\r\n name: dashname\r\n });\r\n }else{\r\n despatch({\r\n type: DASHBOARD_GET_RECURSIVE_DATA_FAILED,\r\n error: \"Failed to get Dashboard Asset Recursive data.\",\r\n });\r\n }\r\n }).catch( error => {\r\n despatch({\r\n type: DASHBOARD_GET_RECURSIVE_DATA_FAILED,\r\n error: error.message,\r\n });\r\n })\r\n }\r\n );\r\n\r\n}\r\n\r\n// WEB_SERVICE_GET_GROUP_ASSETS_DATA\r\nexport function getAttributeChart(criteria, dashname){\r\n let queryString = '';\r\n // if (criteria){\r\n // queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n // } \r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_GROUP_ASSETS_DATA}?${queryString}`;\r\n \r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n data: criteria,\r\n });\r\n\r\n return (\r\n despatch => {\r\n // despatch(loadingDataStart());\r\n request.then( response => {\r\n if (response.status == 200) {\r\n despatch({\r\n type: DASHBOARD_GET_ATTRIBUTE_CHART_SUCCEED,\r\n payload: response.data,\r\n name: dashname\r\n });\r\n }else{\r\n despatch({\r\n type: DASHBOARD_GET_ATTRIBUTE_CHART_FAILED,\r\n error: \"Failed to get the assets data\",\r\n });\r\n }\r\n }).catch( error => {\r\n despatch({\r\n type: DASHBOARD_GET_ATTRIBUTE_CHART_FAILED,\r\n error: error.message,\r\n });\r\n })\r\n }\r\n );\r\n}","module.exports = __webpack_public_path__ + \"static/media/Office_Layout.79997656.jpg\";","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { BootstrapTable, TableHeaderColumn } from \"react-bootstrap-table\";\r\nimport { Card, CardBody, Col } from \"reactstrap\";\r\nimport Select from 'react-select';\r\nimport { faSleigh } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\nconst BEACON_VISIBLE = \"Beacon Visible\";\r\nclass TortoiseBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.id = [];\r\n this.state = {\r\n selectedAssetOption: [],\r\n assetName: [],\r\n assetClick: [],\r\n assetSelector: false,\r\n displayAsset: false,\r\n displayDevice: false.valueOf,\r\n };\r\n }\r\n\r\n componentDidUpdate() {\r\n // console.log(\"===Updated\"); // Testing purpose\r\n }\r\n\r\n messageId = (cell, row) => {\r\n let messageId = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes? Object.values(attributes.MessageId)[0] : null;\r\n \r\n if(obj) {\r\n messageId = obj.value;\r\n }\r\n }\r\n\r\n return (\r\n `${messageId}`\r\n )\r\n };\r\n\r\n batteryRender = (cell, row) => {\r\n let obj = Object.values(row)[0];\r\n let batteryLevel;\r\n let batteryUnit = \"%\";\r\n if(cell){\r\n if(cell.Battery) {\r\n for(let i = 0; i < cell.Battery.length; i++) {\r\n for(const property in this.id) {\r\n if(this.id[property] == cell.Battery[i].deviceid) {\r\n batteryLevel = cell.Battery[i].value;\r\n \r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return(\r\n `${batteryLevel}${batteryUnit}`\r\n )\r\n };\r\n\r\n moveDetect = (cell, row) => {\r\n let moveDetect = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes ? Object.values(attributes.MoveDetect)[0] : null\r\n if(obj) moveDetect = obj.value;\r\n }\r\n\r\n return(\r\n `${moveDetect}`\r\n )\r\n };\r\n \r\n beaconVisible = (cell, row) => {\r\n let beaconVisible = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes? Object.values(attributes.BeaconVisible)[0] : null;\r\n\r\n if(obj) {\r\n beaconVisible = obj.value;\r\n }\r\n };\r\n\r\n return(\r\n `${beaconVisible}`\r\n )\r\n };\r\n\r\n gpsLock = (cell, row) => {\r\n let gpsLock = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes ? Object.values(attributes.GPSLock)[0] : null;\r\n\r\n if(obj) {\r\n gpsLock = obj.value;\r\n }\r\n };\r\n\r\n return(\r\n `${gpsLock}`\r\n )\r\n };\r\n\r\n gpsUsed = (cell, row) => {\r\n let gpsUsed = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes? Object.values(attributes.GPSUsed)[0] : null;\r\n \r\n if(obj) {\r\n gpsUsed = obj.value;\r\n }\r\n };\r\n\r\n return(\r\n `${gpsUsed}`\r\n )\r\n };\r\n\r\n hdop = (cell, row) => {\r\n let hdop = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes? Object.values(attributes.HDOP)[0] : null;\r\n\r\n if(obj) {\r\n hdop = obj.value;\r\n }\r\n };\r\n\r\n return(\r\n `${hdop}`\r\n )\r\n };\r\n\r\n cnOk = (cell, row) => {\r\n let cnOk = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes ? Object.values(attributes.CN0_OK)[0] : null\r\n\r\n if(obj) {\r\n cnOk = obj.value;\r\n }\r\n };\r\n\r\n return (\r\n `${cnOk}`\r\n )\r\n };\r\n\r\n beaconId = (cell, row) => {\r\n let beaconId = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes ? Object.values(attributes.BeaconId)[0] : null;\r\n let messageId = attributes ? Object.values(attributes.MessageId)[0] : null;\r\n\r\n if(obj && messageId) {\r\n if(messageId.value == \"Beacon Visible\") {\r\n beaconId = obj.value;\r\n } else {\r\n beaconId = \"N/A\";\r\n }\r\n };\r\n };\r\n\r\n return (\r\n `${beaconId}`\r\n )\r\n }\r\n\r\n lat = (cell, row) => {\r\n let lat = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes? Object.values(attributes.Latitude)[0] : null;\r\n let messageObj = attributes ? Object.values(attributes.MessageId)[0] : null;\r\n \r\n if(obj && messageObj) {\r\n if(messageObj.value == \"Beacon Visible\") {\r\n lat = \"N/A\";\r\n } else {\r\n lat = obj.value;\r\n }\r\n }\r\n };\r\n\r\n return(\r\n `${lat}`\r\n )\r\n };\r\n\r\n lng = (cell, row) => {\r\n let lng = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes ? Object.values(attributes.Longitude)[0] : null;\r\n let messageObj = obj ? Object.values(attributes.MessageId)[0] : null;\r\n\r\n if(obj && messageObj) {\r\n if(messageObj.value == \"Beacon Visible\") {\r\n lng = \"N/A\";\r\n } else {\r\n lng = obj.value;\r\n }\r\n }\r\n };\r\n\r\n return(\r\n `${lng}`\r\n )\r\n }\r\n\r\n zoneId = (cell, row) => {\r\n let zoneId = \"N/A\";\r\n if(row) {\r\n let attributes = row.attributes;\r\n let obj = attributes ? Object.values(attributes.ZoneId)[0] : null;\r\n\r\n if(obj) {\r\n zoneId = obj.value;\r\n }\r\n };\r\n\r\n return(\r\n `${zoneId}`\r\n )\r\n }\r\n\r\n render() {\r\n let options = {\r\n noDataText: this.props.assetDataLoading ? 'Loading...' : 'No data to display',\r\n }\r\n this.id = [];\r\n let statusData = this.props.statusDataProp;\r\n for(let i = 0; i < statusData.length; i++) {\r\n let data = statusData[i];\r\n if(data.attributes){\r\n data.attributes[\"MessageId\"].sort((a, b) => (a.value < b.value)? 1 : ((b.value < a.value) ? -1 : 0));\r\n this.id.push(data.attributes[\"MessageId\"][0].deviceid);\r\n }\r\n }\r\n\r\n \r\n return(\r\n \r\n \r\n \r\n Station Name \r\n Message ID \r\n Battery Level \r\n Move Detect \r\n Beacon Visible \r\n GPS Lock \r\n GPS Used \r\n HDOP \r\n CN/0_OK \r\n Beacon ID \r\n Latitude \r\n Longitute \r\n Zone ID \r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default TortoiseBoard;\r\n","/* eslint-disable */\r\nimport React, {Component, Fragment} from 'react';\r\nimport {\r\n // compose,\r\n bindActionCreators\r\n} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport {WEB_SERVICE_ROOT} from \"../../../constants/appConstants\";\r\nimport {toast} from \"react-toastify\";\r\n\r\n\r\n\r\nclass OutlookCalendar extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n userInfo:null,\r\n calendarInfo:null,\r\n calendarInfo2:null\r\n };\r\n\r\n }\r\n\r\n componentDidMount(){\r\n\r\n\r\n }\r\n\r\n\r\n async clickShowMe() {\r\n let res = await axios.get(`${WEB_SERVICE_ROOT}opg/showme`, {});\r\n this.setState({\r\n userInfo: res.data\r\n })\r\n }\r\n\r\n\r\n\r\n async clickGetCalander() {\r\n let data={start: document.getElementById(\"c_start\").value,end:document.getElementById(\"c_end\").value}\r\n let res = await axios.post(`${WEB_SERVICE_ROOT}opg/getCalendar`, data);\r\n this.setState({\r\n calendarInfo: res.data.value[0].scheduleItems\r\n })\r\n }\r\n\r\n async clickGetCalander2() {\r\n\r\n let data={start: document.getElementById(\"start\").value,end:document.getElementById(\"end\").value}\r\n let res = await axios.post(`${WEB_SERVICE_ROOT}opg/getCalendar2`, data);\r\n this.setState({\r\n calendarInfo2: res.data\r\n })\r\n }\r\n\r\n\r\n render(){\r\n return (\r\n {this.props.children}\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(ClusterWrapper);","/* eslint-disable */\r\nimport React, { Component, Fragment, useState, useEffect } from 'react';\r\nimport { Container, Card, CardBody, CardFooter, Row, Col, Button, Label, UncontrolledTooltip } from 'reactstrap';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n// import BatteryWidget from './BatteryWidget';\r\nimport { TIME_ZONE, GREEN_COLOR, RED_COLOR, GREY_COLOR, ATTRIBUTE_ORDER, OPG_KEYS } from '../../../constants/dataConstants';\r\nimport { lightningColorMaper } from '../../../factories/weather';\r\nimport { data } from 'jquery';\r\n\r\nconst valueRowStyle = {\r\n margin: '5px 1px',\r\n padding: '2px 1px',\r\n justifyContent: 'center'\r\n}\r\n\r\nconst AttributeListWidget = ({ alarmSet, data, isSmall, toggle, activeTab}) => {\r\n // if(asset.assetid != null) {\r\n // let data = asset;\r\n // let deviceid = null;\r\n // // data.attributes['assetid'].sort((a, b) => (a.value < b.value) ? 1 : ((b.value < a.value) ? -1 : 0));\r\n // // asset.factorDeviceId = data.attributes['assetid'][0].deviceid;\r\n // }\r\n // console.log(\"===data.assetname\", asset);\r\n let alarmObj = alarmSet ? alarmSet[asset.assetid] : null;\r\n const assetNameFormat = (cell, toggle) => {\r\n const handleDeviceOnClick = (e, assetname) => {\r\n e.preventDefault();\r\n toggle(true, cell);\r\n }\r\n }\r\n \r\n const messageIdFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Message ID:\r\n
\r\n \r\n \r\n )\r\n } else {\r\n return (\r\n \r\n Beacon Visible:\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const beaconIdFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Beacon ID:\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const cn0OkFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n CN0_OK:\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const gpsLockFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n GPS Lock:\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const batteryFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Battery:\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const hdopFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n HDOP:\r\n
\r\n )\r\n } else {\r\n return null;\r\n }\r\n }\r\n \r\n const moveDetectFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Move Detect:\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n if(data){\r\n return (\r\n this.handleMarkerClick(item.assetid)}\r\n onMouseout={this.handleMapMarkerMouseOut}\r\n position = {position}\r\n name={item.assetname}\r\n attributes={item}\r\n icon={\r\n {\r\n path: path,\r\n fillColor: defaultColor,\r\n fillOpacity: .9,\r\n fillColor: color,\r\n strokeColor: '#000',\r\n strokeWeight: 0,\r\n scale: 1,\r\n anchor: new google.maps.Point(0,0),\r\n }\r\n }\r\n />\r\n\r\n )\r\n })\r\n }\r\n return markers\r\n }\r\n\r\n handleMarkerClick = (assetid) =>{\r\n let path = '/pages/surveillance';\r\n let asset = this.props.assetList? this.props.assetList.find(asset=>asset.assetid == assetid) : null\r\n let parentasset = asset && asset.parentasset ? this.props.assetList.find(a=>a.assetid == asset.parentasset) : null\r\n let opgLayout = this.props.assetList.find(a=>a.assetname == 'OPG Office')\r\n let selectedFloor\r\n if(opgLayout){\r\n //console.log(\"OPG LAYOUT,\", opgLayout)\r\n let opgFloors = opgLayout.assetattributes.filter(at=>at.attmetaname.includes('floor'))\r\n selectedFloor = opgFloors.map(object=>object.value).indexOf(parentasset.assetid.toString())\r\n //console.log(\"SELECTED FLOOR, \", selectedFloor)\r\n if(parentasset){\r\n this.props.history.push({\r\n pathname: path,\r\n state:{\r\n selectedPlace: opgLayout,\r\n selectedFloor: selectedFloor\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n handleHistoryMarkerMouseOver = (props, marker, e)=> {\r\n setTimeout(()=>{this.setState({\r\n showingHistoryInfoWindow: true,\r\n activeHistoryMarker: marker,\r\n selectedHistoryPlace: props,\r\n activeHistoryMarkerLat: props.position.lat,\r\n activeHistoryMarkerLng: props.position.lng\r\n })}, 400)\r\n }\r\n\r\n handleHistoryMarkerMouseOut = ()=>{\r\n this.handleHistoryInfoWindowClose();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n \r\n }\r\n\r\n setSelection = (googleShape) => {\r\n this.selectedShape = googleShape;\r\n }\r\n\r\n deleteSelectedShape = () => {\r\n if(this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n\r\n showShapeOnMap = (shape) => {\r\n if(shape && this.myMap && this.myMap.current) {\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShape(google, map, shape);\r\n } else {\r\n this.deleteSelectedShape();\r\n }\r\n }\r\n setShape = (google, map, shape) => {\r\n let self = this;\r\n let newCenter;\r\n let bounds;\r\n if(shape) {\r\n switch(shape.type) {\r\n case \"circle\":\r\n const initCircle = new google.maps.Circle({\r\n strokeColor: \"#FF0000\",\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: \"#FF0000\",\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n raduis: shape.data.radius,\r\n editable: false\r\n });\r\n\r\n bounds = initCircle.getBounds();\r\n newCenter = initCircle.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initCircle);\r\n\r\n break;\r\n case \"rectangle\":\r\n const initRectangle = new google.maps.Rectangle({\r\n strokeColor: \"#FF0000\",\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: \"#FF0000\",\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: false\r\n });\r\n\r\n bounds = initRectangle.getBounds();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBOunds(bounds);\r\n this.setSelection(initRectangle);\r\n\r\n break;\r\n case \"polygon\":\r\n google.maps.Polygon.prototype.getBoundingBox = function () {\r\n var bounds = new google.maps.LatLngBounds();\r\n this.getPath().forEach(function (element, index) {\r\n bounds.extend(element)\r\n });\r\n return (bounds);\r\n }\r\n\r\n const initPolygon = new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: \"#FF0000\",\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: \"#FF0000\",\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: false\r\n });\r\n\r\n bounds = initPolygon.getBoundingBox();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initPolygon);\r\n \r\n break;\r\n }\r\n }\r\n }\r\n\r\n setMapBounds = (mapData) => {\r\n if(this.myMap && this.myMap.current) {\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponenet.map;\r\n if(google, map) {\r\n let bounds = null;\r\n if(mapData && mapData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n mapData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n });\r\n }\r\n if(bounds) {\r\n map.fitBounds(bounds);\r\n }\r\n }\r\n }\r\n }\r\n\r\n getMapBounds = (google, map) => {\r\n let bounds = null;\r\n if(this.props.mapData && this.props.mapData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n this.props.mapData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n getCompanyBounds = (google, map) => {\r\n let bounds = null; \r\n if(this.props.userObj.company && this.props.userObj.company.businessArea) {\r\n let points = JSON.parse(this.props.userObj.company.businessArea);\r\n bounds = new google.maps.LatLngBounds();\r\n points.forEach((point, index) => {\r\n bounds.extend(\r\n new google.maps.LatLng(point.lat, point.lng),\r\n );\r\n });\r\n }\r\n\r\n return bounds;\r\n }\r\n\r\n initMap(mapProps, map) {\r\n var self = this;\r\n const { google } = mapProps;\r\n let bounds = this.getMapBounds(google, map);\r\n if(bounds) {\r\n map.fitBounds(bounds);\r\n }\r\n\r\n let initStyles = [\r\n {\r\n featureType: \"poi\",\r\n elementType: \"labels.text\",\r\n stylers: [\r\n { visibility: \"off\"},\r\n ]\r\n }\r\n ];\r\n\r\n map.setOptions({ styles: initStyles });\r\n self.setShape(google, map, self.state.shape);\r\n var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n var searchBox = new google.maps.places.SearchBox(input);\r\n map.addListener(\"bounds_changed\", function () {\r\n searchBox.setBounds(map.getBounds());\r\n });\r\n searchBox.addListener(\"places_changed\", () => {\r\n var places = searchBox.getPlaces();\r\n if(places.length == 0) {\r\n return;\r\n }\r\n\r\n map.setCenter(places[0].geometry.location);\r\n });\r\n\r\n var controlMarkerUI = document.createElement('div');\r\n\r\n let searchBtn = \r\n ;\r\n\r\n ReactDOM.render(searchBtn, controlMarkerUI);\r\n map.controls[google.maps.ControlPosition.RIGHT_TOP].push(controlMarkerUI);\r\n\r\n }\r\n\r\n handleFenceChange = (val) => {\r\n let id = val.value;\r\n let fence = this.props.allfences.find((e, i) => (e.fenceid == id));\r\n let currentPolygonData = null;\r\n let currentRectangleData = null;\r\n let currentCircleData = null;\r\n let selectedShape = null;\r\n let type = \"\";\r\n \r\n if(fence) {\r\n switch(fence.shape) {\r\n case 0:\r\n type = \"circle\";\r\n currentCircleData = JSON.parse(fence.geodata);\r\n break;\r\n case 1:\r\n type = \"rectangle\" ;\r\n currentRectangleData = JSON.parse(fence.geodata);\r\n break;\r\n case 2:\r\n type = \"polygon\";\r\n currentPolygonData = JSON.parse(fence.geodata);\r\n break;\r\n }\r\n\r\n selectedShape = { type: type, data: JSON.parse(dence.geodata) };\r\n }\r\n\r\n this.setState({\r\n shape: selectedShape,\r\n });\r\n\r\n this.showShapeOnMap(selectedShape)\r\n }\r\n\r\n handleAssetChange = (val) => {\r\n //console.log('HANDLE FILTER change', val)\r\n if(val.value == \"-1\") {\r\n this.setState({mapData: this.formatMapData(this.props.statusData, null)})\r\n // this.state.mapData = this.props.statusData;\r\n this.setState({\r\n assetSelector: false,\r\n selectedValue: null\r\n })\r\n // this.state.assetSelector = false;\r\n // this.forceUpdate();\r\n } else {\r\n ////console.log('SELECTED ',val, val.value)\r\n this.setState({\r\n // mapData: [val.value],\r\n assetSelector: true,\r\n selectedValue: val.label\r\n })\r\n }\r\n }\r\n\r\n mapSearchBarToggle = () => {\r\n this.setState(prevState => ({\r\n collapse: !prevState.collapse,\r\n }));\r\n }\r\n\r\n allAssets = () => {\r\n this.setState({assetSelector: false})\r\n this.setState({mapData: this.formatMapData(this.props.statusData, null)})\r\n // this.forceUpdate();\r\n }\r\n\r\n formatMapData = (mapData, assetName) => {\r\n let map1 = new Map();\r\n let set1 = new Set();\r\n \r\n for(let i = 0; i < mapData.length; i++) {\r\n let data = mapData[i];\r\n if(data.attributes) {\r\n let attributes = data.attributes\r\n for(let key of Object.keys(attributes)){\r\n // console.log(`${key}:`, attributes[key])\r\n for(const obj of attributes[key]) {\r\n // console.log(obj)\r\n map1.set(obj.deviceid + \":\" + key, obj.value)\r\n set1.add(obj.deviceid);\r\n\r\n }\r\n }\r\n }\r\n };\r\n\r\n let listDevices = [];\r\n for(const device of set1) {\r\n // console.log(device);\r\n this.device = {};\r\n for(const [key, value] of map1) {\r\n if(key.startsWith(device)) {\r\n // console.log(key)\r\n let local = key.split(\":\")[1];\r\n this.device[local] = value;\r\n }\r\n }\r\n\r\n let pushObject = {};\r\n pushObject[device] = this.device;\r\n listDevices.push(pushObject);\r\n }\r\n\r\n let formattedData = [];\r\n let filterData = []\r\n for(let i = 0; i < mapData.length; i++) {\r\n let asset = new Object(mapData[i])\r\n for(let value of Object.keys(asset)) {\r\n if(value == \"attributes\" && asset[value]) {\r\n for (let key of Object.keys(asset[value])) {\r\n // console.log(\"===key\", key);\r\n if(key == \"MessageId\") {\r\n for(let noOfAsset of Object.keys(asset[value][key])){\r\n let deviceIdToMatch = asset[value][key][noOfAsset].deviceid;\r\n let deviceFromList;\r\n for(let j = 0; j 0) {\r\n myPath = path;\r\n }\r\n\r\n return (\r\n {\r\n path: myPath,\r\n fillColor: color,\r\n fillOpacity: 1,\r\n strokeColor: '#000',\r\n strokeWeight: 0,\r\n scale: 0.1,\r\n anchor: new google.maps.Point(185, 500)\r\n }\r\n )\r\n };\r\n\r\n renderInfoWin() {\r\n if(this.state.selectedPlace.attr) {\r\n return (\r\n Object.keys(this.state.selectedPlace.attr).map((key, i) => (\r\n key != \"Lat\" && key != \"Lng\" &&\r\n \r\n {key} \r\n {this.state.selectedPlace.attr[key].value} \r\n \r\n ))\r\n )\r\n } else{\r\n return null;\r\n }\r\n }\r\n\r\n handleMapInfoWinClose = (e) =>{\r\n this.setState({\r\n showingInfoWindow: false\r\n })\r\n }\r\n\r\n\r\n handleHistoryInfoWindowClose = (e) =>{\r\n this.setState({\r\n showingHistoryInfoWindow: false\r\n })\r\n }\r\n\r\n handleMapMarkerMouseOver = (props, marker, e)=>{\r\n setTimeout(()=>{this.setState({\r\n showingInfoWindow: true,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n activeMarkerLat: props.position.lat,\r\n activeMarkerLng: props.position.lng\r\n })}, 400)\r\n }\r\n\r\n handleMapMarkerMouseOut = (props, marker, e)=>{\r\n this.handleMapInfoWinClose()\r\n }\r\n\r\n handleDateRangeChange = ({ startDate, endDate }) => {\r\n \r\n // \r\n // \r\n this.setState({\r\n startDate: startDate,\r\n endDate: endDate\r\n }, ()=>{\r\n //passing date in miliseconds to MainBoard\r\n this.props.handleMapDateChange({startDate: moment(this.state.startDate).valueOf(), endDate: moment(this.state.endDate).valueOf()})\r\n })\r\n }\r\n\r\n resetDateRange = ()=>{\r\n this.setState({\r\n historyArray: [],\r\n historyMarkers: null\r\n })\r\n }\r\n\r\n dataMomentValidation = (startMoment, endMoment) => {\r\n let reVal = false;\r\n if (startMoment && endMoment){\r\n reVal = endMoment.isAfter(startMoment);\r\n if (!reVal) {\r\n toast.error('End date should be later than start date.');\r\n }\r\n }else if (!startMoment && !endMoment){\r\n reVal = true;\r\n }\r\n\r\n return reVal;\r\n}\r\n\r\n render() {\r\n const mapStyle = {\r\n width: \"100%\",\r\n height: \"67vh\",\r\n position: \"static\",\r\n paddingTop: 10,\r\n };\r\n\r\n const mapContainerStyle = {\r\n width: '100%',\r\n position: 'relative'\r\n };\r\n\r\n // let v = this.state.selectedPlace;\r\n // let lat = this.state.lat;\r\n // let lng = this.state.lng;\r\n\r\n let icon = {\r\n path: \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\", //\"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\",\r\n fillColor: '#FF0000',\r\n fillOpacity: .6,\r\n anchor: new google.maps.Point(0, 0),\r\n strokeWeight: 0,\r\n scale: 1\r\n };\r\n\r\n const defaultIconPath = \"M125 410 c-56 -72 -111 -176 -120 -224 -7 -36 11 -83 49 -124 76 -85 223 -67 270 31 28 60 29 88 6 150 -19 51 -122 205 -148 221 -6 3 -32 -21 -57 -54z m110 -175 c35 -34 33 -78 -4 -116 -35 -35 -71 -37 -105 -7 -40 35 -43 78 -11 116 34 41 84 44 120 7z\";\r\n const defaultColor = \"#FF0000\";\r\n\r\n\r\n\r\n if(this.props.mapShow) {\r\n this.setMapBounds(this.state.mapData);\r\n }\r\n\r\n // this.state.assetName =[];\r\n\r\n // this.state.mapData.map(asset => {\r\n // var obj = {\r\n // value: asset,\r\n // label: asset.assetName,\r\n // locationlat: asset.locationlat,\r\n // locationlng: asset.locationlng\r\n // }\r\n\r\n // this.state.assetName.push(obj);\r\n // return (0);\r\n // });\r\n // console.log('MAP DATA TORTOISE', this.state.mapData)\r\n // console.log('MAP DATA', this.state.mapData)\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n const fenceStatus = state.fence.type;\r\n const assetList = state.asset.assetList\r\n const props = { allfences, fenceObj, fenceStatus, assetList};\r\n return props;\r\n};\r\n\r\nconst mapDispatchToProps = (dispach) => {\r\n return bindActionCreators({ loadAllGeoFences }, dispatch);\r\n};\r\n\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: [\"drawing\", \"places\"]\r\n }),\r\n\r\n connect(mapStateToProps, mapDispatchToProps)\r\n);\r\n\r\nexport default withRouter(enhance(TortoiseMap));\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n getCompanyAssetClass,\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n updateWeatherAssetData,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n getAssetHistoryData\r\n} from \"../../../redux/actions/weatherAction\";\r\nimport { reformWeatherAssetData, reformAlertPubsubData, updateStatusAsset } from \"../../../factories/weather\";\r\nimport {loadAssetClass, getAssetClassAttribute, clearAssetClassAttribute, filterMapDataByAttribute, getGroupAssetData, clearGroupAssetData, filterGroupAssetDataByAttribute} from '../../../redux/actions/mapActions';\r\nimport TortoiseMainBoard from \"./TortoiseMainBoard\";\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport {\r\n WEB_SERVICE_ROOT,\r\n WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT,\r\n WEB_SUB_WEBSOCKET_OPG_DEVICEMESSAGE,\r\n WEB_SUB_WEBSOCKET_OPG_ALERTMESSAGE,\r\n WEB_SUB_WEBSOCKET_OPG_ALARMMESSAGE,\r\n} from \"../../../constants/appConstants\";\r\nimport { LIGHT_GREY_COLOR, OPG_KEYS } from \"../../../constants/dataConstants\";\r\nimport { toast } from \"react-toastify\";\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { getJwttoken } from \"../../../factories/utils\";\r\nimport { Client } from \"@stomp/stompjs\";\r\n\r\n\r\nvar stompClient;\r\n\r\nconst OPG_ASSETCLASS_NAME = \"OPGStation\";\r\nexport const OPG_ASSETCLASS_NAME_ARRAY = [\"OPG testing\", \"OPG tortoise\", \"opg\", \"OPG\", \"tortoise\", \"Tortoise\", \"OPG Sensor\"];\r\n\r\nclass MainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userInfo: null,\r\n calendarInfo: null,\r\n calendarInfo2: null,\r\n currentAsset: null,\r\n assetList: [],\r\n statusData: [],\r\n showHistory: false,\r\n isLoading: false,\r\n isSmall: false,\r\n startDate: null,\r\n endDate: null\r\n };\r\n this.opgClassId = null;\r\n }\r\n\r\n componentDidMount() {\r\n this.loadAssetByCompanyClass();\r\n window.addEventListener(\"resize\", this.resize);\r\n this.resize();\r\n this.connectSocket();\r\n }\r\n\r\n connectSocket = () => {\r\n if (stompClient !== null && stompClient !== undefined) {\r\n stompClient.deactivate();\r\n }\r\n\r\n let query = \"?q=\" + getJwttoken();\r\n\r\n stompClient = new Client({\r\n brokerURL: WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT + query,\r\n reconnectDelay: 5000,\r\n heartbeatIncoming: 4000,\r\n heartbeatOutgoing: 4000,\r\n onConnect: this.connect_callback,\r\n onDisconnect: this.disconnect_callback,\r\n });\r\n\r\n stompClient.activate();\r\n };\r\n\r\n connect_callback = () => {\r\n stompClient.subscribe(\r\n WEB_SUB_WEBSOCKET_OPG_DEVICEMESSAGE,\r\n this.callbackDeviceMessage\r\n );\r\n stompClient.subscribe(\r\n WEB_SUB_WEBSOCKET_OPG_ALERTMESSAGE,\r\n this.callbackAlertMessage\r\n );\r\n stompClient.subscribe(\r\n WEB_SUB_WEBSOCKET_OPG_ALARMMESSAGE,\r\n this.callbackAlarmMessage\r\n );\r\n };\r\n\r\n disconnect_callback = () => {\r\n stompClient.deactivate();\r\n //console.log(\"Client disconnected.\");\r\n };\r\n\r\n callbackDeviceMessage = (message) => {\r\n if (message.body) {\r\n } else {\r\n }\r\n // this.refreshAttributeHistoryData(message.body);\r\n };\r\n\r\n callbackAlertMessage = (message) => {\r\n if (message.body) {\r\n } else {\r\n }\r\n\r\n this.refreshAlarm(message.body);\r\n this.refreshAlarmSetObjByAlert(message.body);\r\n this.updateStatusAssetByAlert(message.body);\r\n };\r\n\r\n callbackAlarmMessage = (message) => {\r\n if (message.body) {\r\n } else {\r\n }\r\n\r\n this.refreshAssetData(message.body);\r\n };\r\n //------------------------------------------------------------------------------\r\n componentWillUnmount() {\r\n this.clearAssetData();\r\n\r\n if (stompClient !== null && stompClient !== undefined) {\r\n stompClient.deactivate();\r\n }\r\n\r\n window.removeEventListener(\"resize\", this.resize);\r\n };\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // console.log(\"===Component will receive\", nextProps);\r\n if (\r\n nextProps.assetData &&\r\n nextProps.assetData.length > 0 &&\r\n nextProps.assetData != this.props.assetData\r\n ) {\r\n let statusData = reformWeatherAssetData(nextProps.assetData);\r\n if (statusData && statusData[0].grouping == \"opg\") {\r\n this.setState({\r\n statusData,\r\n });\r\n }\r\n }\r\n this.setState({});\r\n }\r\n\r\n resize = () => {\r\n let currentIsSmall = window.innerWidth <= 1370;\r\n this.setState(prev => {\r\n if (currentIsSmall !== prev.isSmall) {\r\n return {\r\n isSmall: currentIsSmall,\r\n };\r\n }\r\n });\r\n };\r\n\r\n loadAssetByCompanyClass = async () => {\r\n try {\r\n if (this.opgClassId == null) {\r\n let res = await getCompanyAssetClass();\r\n // console.log(\"===res\", res);\r\n\r\n if (res.status === 200 && res.data) {\r\n this.opgClassId = [];\r\n for (let i = 0; i < res.data.length; i++) {\r\n if (\r\n res.data[i].assetclassname.includes(\"OPG Sensor\")\r\n ) {\r\n let assetclassId = res.data[i].assetclassid;\r\n this.opgClassId.push(assetclassId);\r\n let assets = res.data[i].assets;\r\n this.setState((prevState) => {\r\n if (\r\n Array.isArray(prevState.assetList) &&\r\n prevState.assetList.length >= 0\r\n ) {\r\n return ({\r\n assetList: [...prevState.assetList, ...assets],\r\n });\r\n } else {\r\n return ({\r\n assetList: assets,\r\n });\r\n }\r\n });\r\n }\r\n }\r\n } else {\r\n throw new Error(\"Failed to get OPG Asset Class!\");\r\n }\r\n }\r\n if (this.opgClassId != null) {\r\n this.loadAssetData(this.opgClassId);\r\n } else {\r\n throw new Error(\"Could not find OPG Asset Class!\");\r\n }\r\n } catch (err) {\r\n console.error(err);\r\n toast.error(err);\r\n }\r\n };\r\n\r\n loadAssetData = (assetclassId) => {\r\n let params = {\r\n entitygroup: assetclassId,\r\n entity: \"\",\r\n starttime: \"\",\r\n endtime: \"\",\r\n latest: \"1\",\r\n themeid: \"\",\r\n };\r\n\r\n this.props.getWeatherAssetData(params);\r\n };\r\n\r\n\r\n //load asset data upon selecting time filter in map\r\n loadAssetHistoryData = () =>{\r\n if(this.opgClassId && this.state.startDate && this.state.endDate){\r\n let params = {\r\n entitygroup: this.opgClassId,\r\n entity: \"\",\r\n starttime: this.state.startDate,\r\n endtime: this.state.endDate,\r\n latest: \"0\",\r\n themeid: \"\"\r\n }\r\n\r\n this.props.getAssetHistoryData(params);\r\n }\r\n }\r\n\r\n //hanlde startDate and endDate change in opg map\r\n handleMapDateChange = ({startDate, endDate}) => {\r\n this.setState({\r\n ...this.state,\r\n startDate: startDate,\r\n endDate: endDate\r\n }, ()=>{\r\n this.loadAssetHistoryData()\r\n })\r\n }\r\n\r\n refreshAssetData = (data) => {\r\n try {\r\n let subObj = JSON.parse(data);\r\n\r\n if (subObj) {\r\n let isIncluded = this.props.assetData.some(\r\n (item) => item.assetid === subObj.device.assetid\r\n );\r\n let isDevice = Object.keys(OPG_KEYS).some((key) =>\r\n Object.key(subObj).includes(key)\r\n );\r\n\r\n if (isIncluded && isDevice) {\r\n this.props.updateWeatherAssetData(this.props.assetData, subObj);\r\n }\r\n\r\n // let isCurrent = (this.state.currentAsset && subObj.device && this.state.currentAsset.assetid === subObj.device.assetid);\r\n\r\n // if(this.state.showHistory && isCurrent && isDevice) {\r\n // this.updateHistoryData();\r\n // };\r\n }\r\n } catch (e) {\r\n //console.log(\"sub-error-alert\", e);\r\n }\r\n };\r\n\r\n clearAssetData = () => {};\r\n\r\n\r\n\r\n async clickShowMe() {\r\n let res = await axios.get(`${WEB_SERVICE_ROOT}opg/showme`, {});\r\n this.setState({\r\n userInfo: res.data,\r\n });\r\n }\r\n\r\n async clickGetCalander() {\r\n let res = await axios.get(`${WEB_SERVICE_ROOT}opg/getCalendar`, {});\r\n this.setState({\r\n calendarInfo: res.data,\r\n });\r\n }\r\n\r\n async clickGetCalander2() {\r\n let data = {\r\n start: document.getElementById(\"start\").value,\r\n end: document.getElementById(\"end\").value,\r\n };\r\n let res = await axios.post(`${WEB_SERVICE_ROOT}opg/getCalendar2`, data);\r\n this.setState({\r\n calendarInfo2: res.data,\r\n });\r\n }\r\n\r\n // return (\r\n {this.props.assetDataLoading && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n };\r\n\r\n render() {\r\n let currentAssetData = null;\r\n let historyObjData = null;\r\n\r\n if (this.state.currentAsset && this.props.assetData) {\r\n currentAssetData = this.props.assetData.find(\r\n (item) => item.assetid == this.state.currentAsset.assetid\r\n );\r\n }\r\n\r\n if (this.state.currentAsset && this.props.assetHistoryObj) {\r\n if (this.props.assetHistoryObj[this.state.currentAsset.assetid]) {\r\n historyObjData = Object.values(\r\n this.props.assetHistoryObj[this.state.currentAssetData.assetid]\r\n );\r\n }\r\n }\r\n return (\r\n */}\r\n {/*
*/}\r\n {/* {props.timestamp} */}\r\n {/* {tableTimeColoumnFormater(props.timestamp)} */}\r\n {/*
*/}\r\n\r\n {alert('click')}}\r\n onClick={self.mapSearchBarToggle}\r\n >\r\n \r\n {key} \r\n {this.props.values.selectedPlace.attr[key].value} \r\n \r\n ))\r\n )\r\n } else {\r\n\r\n return null;\r\n }\r\n }\r\n let pathArr = [];\r\n // let mapData = processAssetData(this.props.mapData, pathArr);\r\n // let mapData = processAssetDataMsg(this.props.mapData, pathArr, this.props.selectedAttriId);\r\n // ----------------------------------------------\r\n // let mapData = postProcessAssetDataMsg(this.props.pMapData, pathArr, this.props.selectedAttriId, this.props.multiAssets);\r\n\r\n let mapData = this.props.statusData;//assetData;\r\n if (this.props.mapShow) {\r\n\r\n this.setMapBounds(mapData);\r\n }\r\n // \r\n // this.setMapBounds(mapData);\r\n\r\n // let lineSymbol = {\r\n // path: this.props.google.maps.SymbolPath.FORWARD_CLOSED_ARROW\r\n // };\r\n\r\n let lineSymbol = {\r\n // path: 'M0,0 L4,2 0,4',\r\n // path: 'M-2,4 L0,0 L2,4',\r\n path: 'M-2,4 0,0 M2,4 0,0',\r\n // path:'M -2,2 0,0 M 0,0 -2,-2',\r\n // path: 'M1,2 L10,5 L0,5',\r\n strokeOpacity: 1,\r\n scale: 2,\r\n };\r\n\r\n return (\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not edit device types\r\n \r\n }\r\n \r\n \r\n setAssets(options || [])}\r\n defaultValue={assetDefaultValues} // Set default value to selected device ids\r\n // isDisabled= {true}\r\n placeholder ={''}\r\n />\r\n {/* */}\r\n \r\n \r\n name}\r\n getOptionValue={({ id }) => id}\r\n defaultValue={parentDefaultValues}\r\n onChange = {(val) => {setParentClass(val)}}\r\n onBlur = {updateParentOnBlur}\r\n isDisabled= {details.assets && details.assets.length > 0}\r\n isClearable\r\n />\r\n \r\n\r\n \r\n companyName}\r\n getOptionValue={({ companyCode }) => companyCode}\r\n defaultValue={companyDefaultValue}\r\n onBlur={updateCompanyOnBlur}\r\n onChange={options => setCompany(options)}\r\n // onChange={this.handleCompanyChange}\r\n />\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n <>\r\n {/* */}\r\n \r\n }\r\n />\r\n
\r\n
\r\n\r\n <>\r\n \r\n \r\n }\r\n\r\n />\r\n \r\n
\r\n )\r\n}\r\nfunction AttributeMeta({ name, type, toggleModal, deleteAttribute, disableEdit }) {\r\n return (\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not modify attributes\r\n \r\n }\r\n
\r\n \r\n )\r\n}\r\n\r\nexport function EditableText({ defaultValue, onSave, exitOnBlur = true, exitOnEnterKeyPress = true, disallowNullValue, inputStyles, textStyles, type, typeProps, big }) {\r\n const [editable, setEditable] = React.useState(false)\r\n let editRef;\r\n React.useEffect(() => { editRef && editRef.focus() })\r\n\r\n const exitAndSaveVal = () => {\r\n setEditable(false)\r\n if (editRef.value !== defaultValue && (disallowNullValue ? editRef.value !== '' : true)) {\r\n onSave(editRef.value)\r\n }\r\n }\r\n\r\n return (\r\n editable ?\r\n // { editRef = input }}\r\n onKeyDown={(e) => (e.key === 'Enter' && exitOnEnterKeyPress) && exitAndSaveVal()}\r\n onBlur={exitOnBlur && exitAndSaveVal}\r\n /> :\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport function UploadImageAttribute({name, custom, deleteAttribute, md=4, defaultValue, textStyles, onSave, ...props}) {\r\n const [modal, setModal] = React.useState(false);\r\n // const [file, setFile] = React.useState(null);\r\n const toggle = () => {\r\n setModal(!modal);\r\n }\r\n const handleClick = () => {\r\n toggle();\r\n };\r\n // const onFileChange = (e) => {\r\n // e.preventDefault();\r\n // let files = e.target.files;\r\n\r\n // if(files && files.length > 0)\r\n // {\r\n // setFile(files[0]);\r\n // }\r\n // else {\r\n //\r\n // }\r\n // };\r\n return (\r\n \r\n
\r\n {/* { handleClick() }}\r\n style={!defaultValue ? { color: '#ccc', ...textStyles } : textStyles}\r\n >\r\n {defaultValue || \"Empty...\"}\r\n */}\r\n \r\n { handleClick() }}\r\n >\r\n \r\n \r\n Upload Image \r\n \r\n \r\n */}\r\n {/* */}\r\n {/* \r\n */}\r\n
\r\n \r\n \r\n \r\n Submit\r\n {' '}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nclass CustomAttributes extends Component {\r\n constructor(props) {\r\n super(props)\r\n // console.log(this.props)\r\n this.state = {\r\n modalVisible: false,\r\n attributeToEdit: null,\r\n fields: this.initialFields,\r\n attributeToDelete: null,\r\n iconModal: false,\r\n }\r\n }\r\n initialFields = {\r\n name: '',\r\n type: ''\r\n }\r\n\r\n toggleToEdit = (id) => {\r\n this.setState({\r\n attributeToEdit: id,\r\n fields: this.props.attributeMetas.find(attribute => attribute.attributemetaid == id)\r\n })\r\n this.toggle()\r\n }\r\n toggle = () => {\r\n if (this.state.modalVisible)\r\n this.setState({ fields: this.initialFields })\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n onSaveClick = () => {\r\n let { attributemetaid, ...fields } = this.state.fields\r\n let payload = {\r\n id: this.props.id,\r\n data: {\r\n attributemetaid,\r\n data: {\r\n assetclassid: this.props.id,\r\n ...fields\r\n }\r\n }\r\n }\r\n\r\n let data = {\r\n assetclassid: this.props.id,\r\n ...this.state.fields,\r\n }\r\n let f = this.props.attributeToEdit ? this.props.updateCustomAttribute : this.props.addNewCustomAttribute;\r\n // let fapi = this.state.attributeToEdit ? this.props.updateCustomAttribute : this.props.addNewCustomAttribute;\r\n\r\n\r\n\r\n\r\n\r\n\r\n // f(payload);\r\n f(data);\r\n // this.props.updateCustomAttribute(data);\r\n this.toggle()\r\n }\r\n\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget\r\n this.setState({ fields: { ...this.state.fields, [id]: value } }, () => console.log(this.state.fields))\r\n }\r\n\r\n toggleDeleteModal = (id) => {\r\n this.setState({ attributeToDelete: id })\r\n }\r\n deleteAttribute = () => {\r\n this.props.deleteCustomAttribute({\r\n id: this.props.id,\r\n attributemetaid: this.state.attributeToDelete\r\n })\r\n this.toggleDeleteModalOff()\r\n }\r\n toggleDeleteModalOff = () => { this.setState({ attributeToDelete: null }) }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {this.props.attributeMetas.filter(item => ('n' !== item.active)).map(attrMeta => {\r\n // console.log(attrMeta)\r\n return (\r\n this.toggleToEdit(attrMeta.attributemetaid)}\r\n deleteAttribute={() => this.toggleDeleteModal(attrMeta.attributemetaid)}\r\n disableEdit = {this.props.disableEdit}\r\n />\r\n )\r\n })}\r\n
\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not add new attribute\r\n \r\n }\r\n \r\n
\r\n \r\n New Attribute \r\n \r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nclass CalculateAttributes extends Component {\r\n constructor(props) {\r\n super(props)\r\n // console.log(this.props)\r\n this.state = {\r\n modalVisible: false,\r\n attributeToEdit: null,\r\n fields: this.initialFields,\r\n attributeToDelete: null,\r\n iconModal: false,\r\n }\r\n }\r\n initialFields = {\r\n id: 0,\r\n name: '',\r\n displayname: '',\r\n expression: '',\r\n vars: '',\r\n }\r\n\r\n toggleToEdit = (id) => {\r\n this.setState({\r\n attributeToEdit: id,\r\n fields: this.props.calculateAttributes.find(attribute => attribute.id == id)\r\n }, () => console.log(this.state.fields))\r\n this.toggle()\r\n }\r\n toggle = () => {\r\n if (this.state.modalVisible)\r\n this.setState({ attributeToEdit: null, fields: this.initialFields })\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n onSaveClick = () => {\r\n // let { id, ...fields } = this.state.fields\r\n // let payload = {\r\n // id: this.props.id,\r\n // data: {\r\n // id,\r\n // data: {\r\n // id: this.props.id,\r\n // ...fields\r\n // }\r\n // }\r\n // }\r\n\r\n let data = {\r\n assetclassid: this.props.id,\r\n ...this.state.fields,\r\n }\r\n let f = this.props.attributeToEdit ? this.props.updateCulculateAttribute : this.props.addNewCalculateAttribute;\r\n // let fapi = this.state.attributeToEdit ? this.props.updateCustomAttribute : this.props.addNewCustomAttribute;\r\n //\r\n //\r\n //\r\n //\r\n\r\n\r\n // f(payload);\r\n f(data);\r\n // this.props.updateCustomAttribute(data);\r\n this.toggle();\r\n }\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget\r\n this.setState({ fields: { ...this.state.fields, [id]: value } }, () => console.log(this.state.fields))\r\n }\r\n\r\n handleAttrChose = (e, attr) => {\r\n this.setState(prevState => {\r\n const variable = `var_${attr.attributename}_${attr.attributeid}`;\r\n const expression = prevState.fields.expression + ' ' + variable;\r\n return {\r\n fields: {...prevState.fields, expression}\r\n }\r\n });\r\n }\r\n\r\n toggleDeleteModal = (attrObj) => {\r\n this.setState({ attributeToDelete: attrObj })\r\n }\r\n deleteAttribute = () => {\r\n this.props.deleteCulculateAttribute(this.state.attributeToDelete);\r\n // this.props.deleteCustomAttribute({\r\n // id: this.props.id,\r\n // attributemetaid: this.state.attributeToDelete\r\n // })\r\n this.toggleDeleteModalOff();\r\n }\r\n toggleDeleteModalOff = () => { this.setState({ attributeToDelete: null }) }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {this.props.calculateAttributes && this.props.calculateAttributes.map(attrCalculate => {\r\n // console.log(attrMeta)\r\n return (\r\n this.toggleToEdit(attrCalculate.id)}\r\n deleteAttribute={() => this.toggleDeleteModal(attrCalculate)}\r\n disableEdit = {this.props.disableEdit}\r\n />\r\n )\r\n })}\r\n
\r\n \r\n \r\n Since there are assets linked to the assetclass, you can not add new attribute\r\n \r\n }\r\n \r\n
\r\n \r\n New Attribute \r\n \r\n \r\n \r\n \r\n Attributes\r\n \r\n \r\n {classAttributeList && classAttributeList.map(attr=>(\r\n {handleAttrChose(e, attr)}}>{attr.attributename} \r\n ))}\r\n \r\n \r\n \r\n {/* \r\n \r\n Operation\r\n \r\n \r\n {attr.attributename} \r\n \r\n \r\n */}\r\n
\r\n \r\n \r\n {' '}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction LabelSelectionInput(props) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nfunction LabelTextInput({ forIdName, onChange, label, value, big }) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nconst typeSelectionValues = [\r\n { label: 'Boolean', value: 'boolean' },\r\n { label: 'Date', value: 'date' },\r\n { label: 'List', value: 'list' },\r\n { label: 'Text', value: 'string' },\r\n { label: 'Number', value: 'num' }]\r\n\r\nexport const multiSelectStyles = {\r\n indicatorsContainer: (provided, state) => ({\r\n ...provided,\r\n '&:hover svg': {\r\n fill: '#999999',\r\n },\r\n }),\r\n control: (provided, state) => ({ // Mimic reactstrap input styles\r\n ...provided,\r\n transition: '150ms ease',\r\n borderColor: state.isFocused ? '#80bdff' : 'white',\r\n //boxShadow: state.isFocused ? '0 0 0 0.2rem rgba(0, 123, 255, 0.25)' : 'none',\r\n '&:hover': { borderColor: state.isFocused ? '#80bdff!important' : 'lightgray' },\r\n '&:hover .css-tj5bde-Svg': { transition: '150ms ease', color: !state.isFocused && 'lightgray' },\r\n '&:hover .css-1okebmr-indicatorSeparator': { backgroundColor: 'lightgray' },\r\n '.css-tj5bde-Svg': { color: !state.isFocused && 'white' },\r\n '.css-1okebmr-indicatorSeparator': { backgroundColor: !state.isFocused && 'white' },\r\n }),\r\n multiValue: (provided, state) => {\r\n // console.log(state)\r\n return (state.isDisabled ?\r\n {\r\n ...provided,\r\n backgroundColor: '#bbb',\r\n 'svg': { fill: '#bbb' }\r\n } :\r\n {\r\n ...provided,\r\n 'svg': { fill: '#212529' }\r\n })\r\n },\r\n multiValueRemove: (provided, state) => (\r\n state.isDisabled ? {\r\n backgroundColor: '#bbb'\r\n } : provided)\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react'\r\n\r\nimport { Col, Row, Card, CardBody, Label, Button, Input, FormGroup } from 'reactstrap';\r\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'\r\nimport { DeleteIcon, CloseIcon, PlusCircleIcon, PlusBoxIcon, PlusOutlineIcon, PlusIcon } from 'mdi-react'\r\n\r\nimport MultiSelectionComponent, { DeviceMultiSelection, SingleSelection, DeleteConfirmation } from './SelectionComponents'\r\n\r\nimport IconElement from './IconElement';\r\n\r\nimport AssetIconEditModal from './AssetIconEditModal';\r\n\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport {EditTextButton, DeleteTextButton} from '../../../shared/components/Button/IconButton';\r\n\r\nimport {\r\n AttributeInfo, EditableAttribute, EditableText, multiSelectStyles, UploadImageAttribute\r\n} from './ClassDisplayDetail'\r\nimport { resetCalculateAttribute } from '../../../redux/actions/assetActions';\r\n\r\nexport default function EditAssetPanel(props) {\r\n const deviceDefaultValue = props.assetInfo.devices.map(d => ({ id: d.deviceid, name: d.devicename, namealias: d.devicenamealias, parentdeviceid: d.parentdeviceid }))\r\n const [selectedDevices, setDevices] = React.useState(deviceDefaultValue)\r\n const [selectedDevicesBuf, setDevicesBuf] = React.useState(deviceDefaultValue);\r\n const updateDeviceOnBlur = () => {\r\n if (selectedDevices != props.assetInfo.devices)\r\n props.updateAssetOnStore({\r\n assetid: props.assetInfo.assetid,\r\n data: { devices: selectedDevices }\r\n },\r\n () => {\r\n\r\n setDevicesBuf(selectedDevices);\r\n },\r\n () => {\r\n\r\n setDevices(selectedDevicesBuf);\r\n },\r\n )\r\n }\r\n\r\n // James: To make \"reset\" button only appears in Effort Trust asset management\r\n const effortSquareInfo = {\r\n assetClassName: \"ParkingGarage\",\r\n assetName: \"Effort Square\",\r\n companyCode: \"ET\",\r\n devicetype: \"6112bd40988a377cbd85c680\",\r\n };\r\n\r\n // const companyCode = props.as\r\n\r\n let assetClassInfo = props.assetClassList.find(ac => ac.id == props.assetInfo.assetclassid)\r\n let parentAssetOptions = [];\r\n if (assetClassInfo) {\r\n parentAssetOptions = props.assetList.filter((item, index) => (item.assetclassid == assetClassInfo.parentclass));\r\n }\r\n const parentDefaultValues = parentAssetOptions.find(({ assetid }) => (assetid == props.assetInfo.parentasset));\r\n const [selectedParentAsset, setParentAsset] = React.useState(parentDefaultValues);\r\n const updateParentAssetOnBlur = () => {\r\n if (selectedParentAsset && selectedParentAsset.assetid != props.assetInfo.parentasset) {\r\n props.updateAssetOnStore({\r\n assetid: props.assetInfo.assetid,\r\n data: { parentasset: selectedParentAsset.assetid }\r\n })\r\n } else if (!selectedParentAsset && parentDefaultValues) {\r\n props.updateAssetOnStore({\r\n assetid: props.assetInfo.assetid,\r\n data: { parentasset: null }\r\n })\r\n }\r\n }\r\n\r\n\r\n const groupedDevices = dtList => dtList.map(dt => ({\r\n label: dt.name,\r\n options: props.devices.filter(d => d.devicetype == dt.id)\r\n }))\r\n\r\n return (\r\n\r\n \r\n {this.props.attrmetas.map(attrmeta => {\r\n let attribute = this.props.attributes.find(({ attmetaid }) => attmetaid == attrmeta.attributemetaid)\r\n //\r\n let type = type => {\r\n switch (type) {\r\n // Boolean and list need special case in EditableAttribute component\r\n // WIP\r\n // currently unimplemented\r\n\r\n // case 'boolean':\r\n // return 'bool'\r\n // case 'list':\r\n // return 'list'\r\n case 'image':\r\n return 'image'\r\n case 'date':\r\n return 'date'\r\n case 'num':\r\n return 'number'\r\n case 'string':\r\n default:\r\n return 'text'\r\n }\r\n }\r\n if (attrmeta.type !== 'image') {\r\n return (\r\n {\r\n let id = attribute ? attribute.id : 0\r\n\r\n if (attrmeta.type === 'num') {\r\n\r\n newVal = Number(newVal);\r\n }\r\n let data = attribute\r\n ? {\r\n value: newVal\r\n }\r\n : {\r\n assetid: 1,\r\n attmetaid: attrmeta.attributemetaid,\r\n attmetaname: attrmeta.name,\r\n value: newVal,\r\n };\r\n let param = {\r\n assetid: this.props.id,\r\n attmetaid: attrmeta.attributemetaid,\r\n value: newVal\r\n };\r\n // this.props.updateAssetAttribute({\r\n // id: this.props.id,\r\n // data: {\r\n // id,\r\n // data\r\n // }\r\n // })\r\n this.props.updateAssetAttribute(param);\r\n }}\r\n />\r\n\r\n )}\r\n else{\r\n return (\r\n {\r\n let assetid = this.props.id;\r\n // let attributeid = attribute ? attribute.id : 0;\r\n let attributeid = attrmeta.attributemetaid;\r\n this.props.updateImageAttribute(assetid, attributeid, file);\r\n }}\r\n />\r\n )\r\n }\r\n })}\r\n {/* {this.props.attributes.map(attribute => (\r\n this.toggleDeleteModal(attribute.id)}\r\n onSave={newVal => {\r\n this.props.updateAssetAttribute({\r\n id: this.props.id,\r\n data: {\r\n id: attribute.id,\r\n value: newVal\r\n }\r\n })\r\n }}\r\n />\r\n ))} */}\r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction LabelSelectionInput(props) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nfunction LabelTextInput({ forIdName, onChange, label, value, big }) {\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nconst formatSelVals = [\r\n { label: 'Boolean', value: 'boolean' },\r\n { label: 'Date', value: 'date' },\r\n { label: 'List', value: 'list' },\r\n { label: 'Text', value: 'string' },\r\n { label: 'Number', value: 'num' }]\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n\r\nimport { Col, Row, Card, CardBody, Label, Button, Input } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Collapse } from 'reactstrap';\r\n\r\nimport RenderDeviceList from './RenderDeviceList';\r\nimport RenderAssetTableEdit from './RenderDeviceList'\r\n\r\nimport ClassCreateModal from './ClassCreateModal'\r\nimport EditAssetPanel from './EditAssetPanel';\r\nimport { SingleSelection } from './SelectionComponents'\r\nimport ConfirmDeleteDialog from './ConfirmDeleteDialog';\r\nimport ClassDisplayDetail from './ClassDisplayDetail';\r\nimport {getGroupAssetData} from '../../../redux/actions/mapActions';\r\n\r\nexport default class ClassDisplay extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n assetClassToEdit: null,\r\n assetClassToDelete: null,\r\n classAttributes: [],\r\n }\r\n }\r\n\r\n closeDetailsPanel = () => { this.setState({ assetClassToEdit: null }) }\r\n\r\n onTableEditClick = (id) => {\r\n this.setState({ assetClassToEdit: id });\r\n this.props.getAssetClassAttributeAjax(id).then(data => {\r\n if (data) {\r\n this.setState({classAttributes: data});\r\n }\r\n });\r\n }\r\n onTableDeleteClick = (e, id) => {\r\n e.stopPropagation();\r\n let ac = this.props.assetClassList.find(ac => ac.id == id)\r\n if (ac && ac.assets && ac.assets.length == 0)\r\n this.setState({ assetClassToDelete: id })\r\n else\r\n alert('Remove assets first before deleting')\r\n }\r\n deleteAssetClass = () => {\r\n this.closeDetailsPanel()\r\n this.props.deleteAssetClass(this.state.assetClassToDelete)\r\n this.toggleDeleteModalOff()\r\n }\r\n toggleDeleteModalOff = () => { this.setState({ assetClassToDelete: null }) }\r\n\r\n render() {\r\n const onRowClick = ()=>{} // this.onTableEditClick\r\n const onEditClick = this.onTableEditClick\r\n const onDeleteClick = this.onTableDeleteClick\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","/* eslint-disable */\r\nimport React, { Component, useEffect } from \"react\";\r\nimport {\r\n Col,\r\n Card,\r\n Button\r\n} from \"reactstrap\";\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport { toast } from \"react-toastify\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n loadDevice,\r\n loadDeviceInfo,\r\n postDevice,\r\n postDeviceAttribute,\r\n getAssetClassAttributeAjax,\r\n getDeviceAttributes,\r\n} from \"../../../redux/actions/mapActions\";\r\nimport { getCompanyList } from \"../../../redux/actions/userAction\";\r\nimport {\r\n loadCameraList,\r\n loadSensorList,\r\n} from \"../../../redux/actions/assetActions\";\r\nimport { loadNVRs } from \"../../../redux/actions/surveilenceActions\";\r\nimport { getCurrentUser, hasRole } from \"../../../factories/auth\";\r\nimport ClassDisplay from \"./ClassDisplay\";\r\nimport RenderDeviceList from \"./RenderDeviceList\";\r\n\r\nclass DevicesManageMain extends Component {\r\n constructor(props) {\r\n super(props);\r\n let index = localStorage.getItem(\"activeTab\");\r\n this.state = {\r\n //activeTab: '2',\r\n activeTab: index ? index : \"2\",\r\n };\r\n this.userObj = getCurrentUser();\r\n this.handleBackClick = this.handleBackClick.bind(this);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n console.log('DevicesManageMain componentDidMount');\r\n this.props.loadNVRs();\r\n this.props.loadCameraList();\r\n this.props.loadSensorList();\r\n this.toggleTab(\"1\");\r\n }\r\n\r\n toggleTab = (tab) => {\r\n localStorage.setItem(\"activeTab\", tab);\r\n if (this.state.activeTab !== tab) {\r\n this.setState(\r\n {\r\n activeTab: tab,\r\n // mapShow: tab == \"2\",\r\n }\r\n );\r\n }\r\n };\r\n\r\n handleBackClick = ()=>{\r\n // do not use ‘this.props.history.goBack();’， because if use\r\n // withRouter to wrap current component, the search function\r\n // of the table is not usable when input in search area.\r\n window.history.go(-1);\r\n }\r\n render() {\r\n let assetList = this.props.assetList;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction NavTabs({ activeTab, toggleTab, handleBackClick }) {\r\n return (\r\n \r\n {handleBackClick && }\r\n \r\n {\r\n toggleTab(\"1\");\r\n }}\r\n >\r\n \r\n \r\n \r\n {\r\n toggleTab(\"2\");\r\n }}\r\n >\r\n \r\n \r\n {\r\n toggleTab(\"3\");\r\n }}\r\n >\r\n \r\n \r\n );\r\n}\r\n\r\n// export default AssetBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n return ({\r\n cameraList: state.asset.cameraList2,\r\n sensorList: state.asset.sensorList2,\r\n nvrList: state.surveillance.nvrList,\r\n });\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n loadDevice,\r\n loadDeviceInfo,\r\n loadNVRs,\r\n loadCameraList,\r\n loadSensorList,\r\n },\r\n dispatch\r\n );\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(DevicesManageMain);\r\n","/* eslint-disable */\r\nimport React, { useEffect } from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\n// import ExampleCard from '../ExampleTwo/components/ExampleCard';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport DevicesManageMain from './components/DevicesManageMain';\r\n\r\nconst DevicesPage = () => {\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n};\r\n\r\n// export default AssetPage;\r\n\r\n\r\nexport default DevicesPage;\r\n","/* eslint-disable */\r\nimport React, {useState, useRef, useEffect, useContext} from 'react'\r\nimport {useHistory} from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Modal, ModalBody, Row, Col, Button } from 'reactstrap';\r\nimport { UserContext } from '../../constants/myContexts';\r\nimport { TIMEOUT, PROMPT_BEFORE_TIMEOUT, TIMEOUT_COMPANIES } from '../../constants/appConstants';\r\nimport { bindActionCreators } from 'redux';\r\nimport { useIdleTimer } from 'react-idle-timer';\r\nimport { userLogout } from '../../redux/actions/userAction'\r\nimport { set } from 'lodash';\r\n\r\nconst TimedOutPromptModal = () => {\r\n const contextValue = useContext(UserContext);\r\n const history = useHistory()\r\n const [modalVisible, setModalVisible] = useState(false)\r\n const [remaining, setRemaining] = useState(TIMEOUT)\r\n let currentUser = contextValue.userObj;\r\n\r\n const handleIdle = () =>{\r\n setModalVisible(false)\r\n logout()\r\n }\r\n\r\n const onActive = () =>{\r\n setModalVisible(false)\r\n }\r\n\r\n const onPrompt = () =>{\r\n setModalVisible(true)\r\n }\r\n\r\n const logout = ()=>{\r\n sessionStorage.clear()\r\n userLogout()\r\n document.getElementsByTagName(\"html\").item(0).style = \"\";\r\n history.push('/log_in');\r\n }\r\n\r\n const handleStillHere = ()=>{\r\n activate()\r\n }\r\n\r\n const {getRemainingTime, activate, pause} = useIdleTimer({\r\n onIdle: handleIdle,\r\n timeout: TIMEOUT,\r\n onActive,\r\n onPrompt,\r\n disabled: !TIMEOUT_COMPANIES.find(c=>c==currentUser.companyCode),\r\n promptBeforeIdle: PROMPT_BEFORE_TIMEOUT})\r\n\r\n\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n setRemaining(Math.ceil(getRemainingTime() / 1000))\r\n }, 500)\r\n\r\n return () => {\r\n clearInterval(interval)\r\n }\r\n })\r\n\r\n const timeTillPrompt = Math.max(remaining - PROMPT_BEFORE_TIMEOUT / 1000, 0)\r\n const seconds = timeTillPrompt > 1 ? 'seconds' : 'second'\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n )\r\n \r\n}\r\n\r\n\r\nconst mapStateToProps = (state) =>({\r\n isAuthenticated: state.user.isAuthenticated\r\n})\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({\r\n userLogout\r\n }, dispatch);\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TimedOutPromptModal)","/* eslint-disable */\r\nimport React, {useContext} from 'react';\r\nimport { Route, Switch, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport Layout from '../Layout/index';\r\nimport MainWrapper from './MainWrapper';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport axios from 'axios';\r\nimport { hasRole } from '../../factories/auth';\r\nimport { axiosGet, getCurrentUser, base64Encode, getJwttoken } from '../../factories/utils';\r\nimport { UserContext } from '../../constants/myContexts';\r\n\r\nimport LogIn from '../LogIn/index';\r\nimport LogOut from '../Logout/index';\r\nimport ExamplePageOne from '../Example/index';\r\nimport ExamplePageTwo from '../ExampleTwo/index';\r\nimport ExamplePageThree from '../ExampleThree/index';\r\nimport ExamplePageFour from '../ExampleFour/index';\r\nimport MapPage from '../Map/index';\r\nimport AttributePage from '../Attribute/index';\r\nimport SearchUser from '../AccountMgmt/index';\r\nimport EventPage from '../Event/index';\r\nimport AssetPage from '../Asset/index';\r\n//import DevMangagePage from '../DeviceManage/index';\r\nimport DevicesPage from '../SurveillanceDevicesManagement/index';\r\nimport ReportsPage from '../Reports/index';\r\nimport GeofencePage from '../GeoFence/index';\r\nimport DeviceDetail from '../DeviceDetail/index';\r\nimport DashBoardIndex from '../DashBoard/index';\r\nimport AttributeMgmtPage from '../AttributeMgmt/index';\r\nimport ActionPage from '../Action/index';\r\nimport ActionNotificationPage from '../ActionNotification';\r\nimport ActionEditPage from '../ActionEdit/index';\r\nimport ActionNotificationEditPage from '../ActionNotificationEdit';\r\nimport Notifications from '../AlertComponent/index';\r\nimport BasicLayout from '../AlertComponent/components/LayoutTest';\r\nimport CompanyPage from '../Company/index';\r\nimport MainBoard from '../Map/components/MainBoard';\r\nimport MapBoard from '../Map/components/MapBoard';\r\nimport InventoryPage from '../Inventory/index';\r\nimport DeviceMasterDetail from '../DeviceMasterDetail/index';\r\nimport DeviceSigfoxSignUp from '../DeviceSigfoxSignUp/index';\r\nimport AssetSchemaPage from '../Schema/index';\r\nimport UserProfile from '../Profile/index';\r\nimport NotificationTemplate from '../NotificationTemplate/index';\r\nimport DashBoardSetting from '../DashBoardSetting/index';\r\nimport DeviceConfigPage from '../Device/index';\r\nimport SupportPage from '../Support/index';\r\nimport SurveillancePage from '../Surveillance/index';\r\nimport PaymentGateway from '../Company/index';\r\nimport TelecomPage from '../TelecomApp/index';\r\nimport BillingPage from '../BillingApp/index'\r\nimport ClientPage from '../Client/index';\r\nimport ConsumerPage from '../Consumer/index';\r\n//import WeatherBoard from '../WeatherApp/index';\r\nimport WeatherBoard from '../Weather/index';\r\nimport SettingPage from '../Setting/index';\r\nimport OccupancyBoard from '../Occupancy/index';\r\nimport SnowBoard from '../Snow/index';\r\nimport OpgBoard from '../Opg/index';\r\nimport TemplateBoard from '../Template/index';\r\nimport TemplatePageBoard from '../TemplatePage/index';\r\nimport GarageBoard from '../Garage/index';\r\nimport ForgotPasswordForm from '../LogIn/components/ForgotPasswordForm';\r\nimport ResetPasswordForm from '../LogIn/components/ResetPasswordForm';\r\nimport ThemeSwitcher from 'react-css-vars';\r\nimport PowerManagementBoard from '../PowerMgmt/index';\r\nimport { bindActionCreators } from 'redux';\r\nimport SidebarLink from \"../Layout/sidebar/SidebarLink\";\r\nimport TimedOutPromptModal from './TimedOutPromptModal';\r\nimport { BrowserRouter } from 'react-router-dom/cjs/react-router-dom.min';\r\n\r\nconst Pages = () => {\r\n const contextValue = useContext(UserContext);\r\n let currentUser = contextValue.userObj;\r\n\r\n\r\n return (\r\n <>\r\n \r\n {currentUser.sidebarContent.includes(\"Dashboard\") && }\r\n {currentUser.sidebarContent.includes(\"Occupancy App\") && }\r\n {currentUser.sidebarContent.includes(\"Garage App\") && }\r\n {currentUser.sidebarContent.includes(\"Opg App\") && \r\n \r\n// {currentUser.sidebarContent.includes(\"Dashboard\") && }\r\n// {currentUser.sidebarContent.includes(\"Occupancy App\") && }\r\n// {currentUser.sidebarContent.includes(\"Garage App\") && }\r\n// {currentUser.sidebarContent.includes(\"Opg App\") && \r\n// )\r\n// }\r\n// ;\r\n\r\nconst WrappedRoutes = ({ user }) => {\r\n // ---- set axios authentication key ----\r\n axios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n });\r\n // ---- set current user contaxt ----\r\n let currentUser = getCurrentUser();\r\n let [userObj, setUserObj] = React.useState(currentUser);\r\n const updateUserObj = (newUserObj) => {\r\n setUserObj(newUserObj);\r\n }\r\n\r\n if (currentUser != null) {\r\n var brandingtheme = (currentUser.detail != {} && currentUser.detail != null) ? currentUser.detail : null;\r\n }\r\n if (currentUser.detail === {} || currentUser.detail === null) {\r\n document.getElementsByTagName(\"html\").item(0).style = \"\";\r\n }\r\n const [brand, setTheme] = React.useState(brandingtheme);\r\n\r\n // --------------------------------------\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\nconst test = true;\r\nconst Router = ({user}) => {\r\n // \r\n //\r\n // const logout = ()=>{\r\n // sessionStorage.clear()\r\n // userLogout()\r\n // document.getElementsByTagName(\"html\").item(0).style = \"\";\r\n // }\r\n // const {isIdle} = useIdle({onIdle: logout, idleTime: 0.5})\r\n return (\r\n \r\n \r\n \r\n \r\n (\r\n // user.isAuthenticated\r\n sessionStorage.getItem('isAuthenticated') && 'true' == sessionStorage.getItem('isAuthenticated')\r\n ? } /> */}\r\n \r\n \r\n \r\n \r\n )\r\n};\r\n\r\n\r\n// const mapStateToProps = state => {\r\n// return {\r\n// user: state.user\r\n// };\r\n// };\r\n\r\n// const Router = connect(mapStateToProps)(_Router);\r\n// const mapDispatchToProps = (dispatch) => {\r\n// return bindActionCreators({\r\n// userLogout\r\n// }, dispatch);\r\n// }\r\nexport default Router","/* eslint-disable camelcase */\r\nimport common_fr from './fr/common.json';\r\nimport common_en from './en/common.json';\r\n// import common_de from './de/common.json';\r\n\r\nexport default {\r\n en: {\r\n common: common_en,\r\n },\r\n fr: {\r\n common: common_fr,\r\n },\r\n// de: {\r\n// common: common_de,\r\n// },\r\n};\r\n","import resources from './resources';\r\n\r\nexport const config = {\r\n interpolation: { escapeValue: false }, // React already does escaping\r\n lng: 'en',\r\n resources,\r\n};\r\n\r\nexport { resources };\r\n","import React from 'react';\r\nimport { render } from 'react-dom';\r\nimport App from './containers/App/App';\r\n\r\nrender(\r\n \r\n false}\r\n startDate={this.state.startDateMoment} // momentPropTypes.momentObj or null,\r\n startDateId=\"device_detail_start_date\" // PropTypes.string.isRequired,\r\n endDate={this.state.endDateMoment} // momentPropTypes.momentObj or null,\r\n endDateId=\"device_detail_end_date\" // PropTypes.string.isRequired,\r\n onDatesChange={this.handleDateRangeChange}//{({ startDateMoment, endDateMoment }) => this.setState({ startDateMoment, endDateMoment })} // PropTypes.func.isRequired,\r\n focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null,\r\n onFocusChange={focusedInput => this.setState({ focusedInput })} // PropTypes.func.isRequired,\r\n showClearDates={true}\r\n small={true}\r\n block={true}\r\n // disabled = {!this.state.selectedAsset || this.state.selectedAsset.length == 0}\r\n />\r\n \r\n {/*
\r\n )\r\n }\r\n\r\n dataTimeFormater = (cell, row) => {\r\n return (\r\n \r\n {new Date(cell).toLocaleString('en-US', { timeZone: 'UTC' })}\r\n \r\n );\r\n }\r\n\r\n datatimeFormaterToronto = (cell, row) => {\r\n return (\r\n \r\n {new Date(cell).toLocaleString('en-US', { timezone: 'America/Toronto' })}\r\n \r\n )\r\n }\r\n\r\n normalFormater = (cell, row) => {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n }\r\n\r\n renderDeviceList2 = () => {\r\n // let keys = ['id','name','timestamp'];\r\n let keys = ['id', 'name', 'timestamp', 'Lng', 'Lat', 'LocationRstTrigger', 'BatteryPercentage', 'BatteryVoltage', 'company', 'LastMessageTime'];\r\n let labels = { id: 'Message ID', name: 'Device', timestamp: 'Message Time', BatteryPercentage: 'Battery Percentage', Company: 'Company', LastMessageTime: 'Last Message Time' /*Lng:'Long',LocationRstTrigger:'Location RST Trigger', BatteryVoltage:'Battery Voltage'*/ };\r\n let renderData = [];\r\n if (this.props.data != undefined && this.props.data != null && Array.isArray(this.props.data) && this.props.data.length > 0) {\r\n // Object.keys(this.props.mapData[0].msg).map((key,i)=>{\r\n // if(key !== 'Lng' && key !== 'Lat'){\r\n // keys.push(key);\r\n // }\r\n // });\r\n\r\n // Object.entries(this.props.mapData[0].msg).forEach(([attr, attrObj],mindex)=>{\r\n // if (attr !== 'Lng' && attr !== 'Lat'){\r\n // msgObj[attr] = attrObj.value;\r\n // if (! keys.includes(attr) ){\r\n // keys.push(attr);\r\n // labels[attr] = attrObj.displayname ? attrObj.displayname : attr;\r\n // }\r\n // }\r\n // });\r\n\r\n this.props.data.map((item, i) => {\r\n let dateTime = new Date(item.timestamp).toISOString().split('.')[0];\r\n // let dataitem = {id: item.msgid, name: item.devicename, timestamp: new Date(item.timestamp)};\r\n // let dataitem = {id: item.msgid, name: item.devicename, timestamp: new Date(item.timestamp).toLocaleString('en-US', { timeZone: 'America/New_York' })};\r\n // let dataitem = {id: item.msgid, name: item.devicename, timestamp: new Date(item.timestamp).toLocaleString('en-US', { timeZone: 'UTC' })};\r\n let dataitem = { id: item.msgid, name: item.devicename, timestamp: item.timestamp };\r\n // let msg = {msgid: item.msgid, datetime: dateTime};\r\n // keys.map((key, i) => {\r\n // if (key != 'id' && key != 'name'){\r\n // dataitem[key] = item.msg[key] ? item.msg[key].value : null; // item.msg[key] ? item.msg[key].value : null;\r\n // }\r\n\r\n // });\r\n // let dataItem = Object.assign({}, msg);\r\n // --------------------------------------------------\r\n Object.entries(item.msg).forEach(([attr, attrObj], mindex) => {\r\n // if (attr !== 'Lng' && attr !== 'Lat' && attrObj.display !== false){\r\n if (attrObj.display !== false) {\r\n dataitem[attr] = attrObj.value;\r\n if (!keys.includes(attr)) {\r\n keys.push(attr);\r\n labels[attr] = attrObj.displayname ? attrObj.displayname : attr;\r\n } else {\r\n if (!labels[attr]) {\r\n labels[attr] = attrObj.displayname ? attrObj.displayname : attr;\r\n }\r\n }\r\n }\r\n });\r\n // --------------------------------------------------\r\n renderData.push(dataitem);\r\n // console.log(\"===this.props.data\", this.props.data);\r\n });\r\n\r\n }\r\n\r\n // keys = keys.filter((item) => (Object.keys(labels).includes(item)));\r\n keys = keys.filter((item) => (Object.keys(labels).includes(item)));\r\n let keys2 = [];\r\n for (let i = 0; i < keys.length; i++) {\r\n if (\r\n keys[i] !== \"Level1\" &&\r\n keys[i] !== \"Level2\" &&\r\n keys[i] !== \"Level3\" &&\r\n keys[i] !== \"LevelTotal\" &&\r\n keys[i] !== \"TotalVehicle\" &&\r\n keys[i] !== \"BatteryInVolts\" &&\r\n keys[i] !== \"BatteryPercentage\"\r\n )\r\n keys2.push(keys[i]);\r\n };\r\n\r\n const options = {\r\n defaultSortName: 'timestamp',\r\n defaultSortOrder: 'desc',\r\n // pagination: true,\r\n exportCSVBtn: this.createCustomExportCSVButton,\r\n btnGroup: this.tbToolBar,\r\n noDataText: this.props.loading ? 'Loading...' : 'There is no data to display',\r\n };\r\n\r\n // console.log(\"===DeviceDetailinfo.renderData\", renderData);\r\n // console.log(\"===keys2\", keys2);\r\n return (\r\n\r\n \r\n {keys2.map((key, i) => {\r\n if (keys2.includes(\"Vehicle\")) {\r\n return (\r\n {labels[key]} \r\n )\r\n } else {\r\n return (\r\n {labels[key]} \r\n )\r\n }\r\n })}\r\n \r\n\r\n )\r\n\r\n }\r\n\r\n render() {\r\n\r\n // const options = {\r\n // page: 2, // which page you want to show as default\r\n // sizePerPageList: [ {\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: 'All', value: this.state.data.length\r\n // } ], // you can change the dropdown list for size per page\r\n // sizePerPage: 3, // which size per page you want to locate as default\r\n // pageStartIndex: 0, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // // alwaysShowAllBtns: true // Always show next and previous button\r\n // // withFirstAndLast: false > Hide the going to First and Last page button\r\n // };\r\n\r\n return (\r\n \r\n \r\n \r\n Message ID \r\n Time \r\n Device Type ID \r\n Device Type Name \r\n Last Message Time \r\n Original Data \r\n {this.state.keys.map((key, i) => {\r\n return(\r\n {key} \r\n )\r\n })}\r\n \r\n \r\n */}\r\n {this.renderDeviceList2()}\r\n {this.props.loading &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n render(){\r\n return (\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n )\r\n}","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAclBMVEX///8AAADY2NihoaH7+/s7OzuWlpbOzs74+Pj19fV3d3dxcXF6enozMzM2NjZAQEAbGxvAwMCQkJBtbW0vLy/Hx8fw8PDo6OhNTU1nZ2cPDw9iYmKwsLCKiooVFRXh4eG3t7cmJiajo6NZWVlPT08iIiJ0LMuzAAAFf0lEQVR4nO2df3uiMAyAQZnKdP5W1NO57W7f/yuejuMGNClpAZvsyfvnHmR514QCa2MUKYqiKIqiKIqiKIqiOJOk1zQJHUSPrI6nOI5Px1XoQHoiO8QFhyx0MH2QneJvlj9QMVnGZZY/rxpncZVZ6IC65hrXuYYOqWOGhuEwdEgd88sw/BU6pI45GIaH0CF1S/JkGD79rKupGspHDeWjhvJRQ/mooXzUUD5qKB81lI8aykcN5aOG8lFD+aihfNRQPmooHzWUjxrKRw3lo4byUUP5qKF81FA+aigfNZSPGspHDeWjhvKRa5itRpf1uXmrnZ9hdl5fRquQG/mum3/RHsYNR/oYjot9NptgjqtSvGv7oR6G69KxgbbVrioBT63HuhtOKwcHUdzXIn62Hexs+Fw7et9t8CQ29ZBtiq6GdcGGFOkFc1OoLQpHw6l58sdvOT2bQVgU3QwBwfjch4QVKAo8UZ0MjRS1nro3zG2vtjhcDEHBAJtqj2AcWKI6GBpXsJxjfyoIFzgQZBTphvAIxvGlTxmQMRIJ3EqAbIgJxk33hd0zecVigUaRaogKvk76FjKBposcoBaJhuAF+ovHTxY3fqPhmIlKM6z3zvjm9yOEDCZbuiLJEBd8CZCjd1JcsZ6oFEM8RV/SRynVmbygQdUuNwRD9CITbATvkBO12RBP0W1AQWuiVkax0RAfwW2wFM2xJGq5FpsMLTUYdATvWBK1NIoNhpYRDC54S1R8FL9r0W5omSYCp2gOpRathnxrsIAwadgM8RqcM0jRnOZJw2LIdZqo0liLuCH3GiywKH4lKmrI8VYNZjK3jiJmiF9k+NRggT1REUMpKZpjmTRmiKHlIsNQ0JqozxFgKCpFc2zz4sL40UKeoLUWXZizTNGcThQ5C94S1aw3V7ivYLDUIo3wz4NNpPgVlQLvFM2xTBoEQfYjeCfxV5wzr8EC71GUMYJ3PCcNCTVYANyGNrMQkqI5ifsoSqnBgtR1FJ/E1GCB491NAMF0N5pN12/+q62carHFrdr+bT2djXbOV6lR8bufvR0dFP0F9/+fwUZOn0tLLdSXA9/fTk5U/xQdlL5T4uBwlqT6QsJ7SRlxFP2nieriui39PLVXfEvfAGiKLWqw+q0g9AWMxlIZtxQvQ0jUhf9VdFQ/F3XRjbHu6uQdQ/M9aptp4lQ/2YYYlBlGiwVJifkOqjKCLe5kgGVZtLNl5gff/MOw12KrVxbAmiXaqn7gT+NfiDcm+Ci2qMEIKMM4ps1sXRviiu0EIUNaOXVuiNVi28clRoZwLbZ+HuRkCM2LLVM0YmZojmIHT/S8DKPkvXJGh3tIFGaGUVq+3Cy6eOnEzbD8H99uvlaOn2F0vczfT+/zS0c7fBga3phk3b2Q4WnYJWqIooZsUEMUNWSDGqKoIRvUEEUN2aCGKGrIBjVEUUM2qCGKGrJBDVHUkA1qiPLzDQfmBx/fwogC0MiJthbDrddcQLz71tUbIt7403OsfhzMQGmLYYFVXwF6+jUD5FpM+9ddsjQ/yTFNgST9JK4OgBpAPb6ZWBNQOzVqOymw2Ry3/SwpFCT1mg83m/Ne7t0LwJTmkGl7Y2Vq/gcK2ZS5Sgb3NDyR9xXAfS3j+DAdfQxD8zGaAtPEF/TukSvkDNxx6Kf8GTpWLz7pgtFH6GC9cOqtCEz67HHbFrILHa4HOydDrIkuY4h7Lf6zl5anS+c9dvBNA188brneQsfsxJu7YBQNQ0ftwNBHUNKs+OEnKCdRW3z7xUDC7dt7q+e6FOkBz4hN22fzHdqZnAWvjncyIGe8EVtotl01Ml8d4af+sLweu/x+nf14vWnXHqlb5pv1uIcv15mk2YADWSquS4iiKIqiKIqiKIqiKK35C9ccT4j0pGOsAAAAAElFTkSuQmCC\"","/*eslint-disable*/\r\nimport React, { useState } from \"react\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledTooltip } from \"reactstrap\";\r\nimport AddContactForm from \"./AddContactForm\";\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport { toast } from \"react-toastify\";\r\nimport { FaUserPlus } from 'react-icons/fa';\r\n\r\n\r\nconst ContactModal = props => {\r\n // const { buttonLabel, className } = props;\r\n const userObj = getCurrentUser();\r\n const [modal, setModal] = useState(false);\r\n const [name, setName] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [phone, setPhone] = useState(\"\");\r\n const [isEmailChecked, setIsEmailChecked] = useState(true);\r\n const [isPhoneChecked, setIsPhoneChecked] = useState(true);\r\n\r\n const toggle = () => {\r\n setModal(!modal)\r\n setName('')\r\n setEmail('')\r\n setPhone('')\r\n };\r\n\r\n\r\n const validatePhoneNumber = (phoneNum) => {\r\n var regex = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n return (phoneNum && regex.test(phoneNum));\r\n }\r\n\r\n const validateEmail = (email) => {\r\n // var regex = /^[a-zA-Z0-9.!#$%&\\'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\r\n // return (this.state.email && this.state.email.match(regex) !== null);\r\n var regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return (email && regex.test(email));\r\n }\r\n\r\n const handleSubmit = () => {\r\n if (userObj === null || userObj.userName.length === 0) {\r\n // this.props.history.push('/log_out');\r\n toast.error('Can NOT get current user information, Please re login');\r\n return;\r\n }\r\n\r\n if (!name || name.length === 0) {\r\n toast.error('Name can NOT be empty');\r\n return;\r\n }\r\n\r\n if (!validateEmail(email)) {\r\n toast.error('Email address is not valid');\r\n return;\r\n }\r\n\r\n if (!validatePhoneNumber(phone)) {\r\n toast.error('Phone number is not valid');\r\n return;\r\n }\r\n\r\n let contactObj = {\r\n id: 0, //0 or not exist, will create new contact\r\n name: name, //if id not exist but name exist, update\r\n email: email,\r\n phone: phone,\r\n emailenable: isEmailChecked,\r\n phoneenable: isPhoneChecked,\r\n owner: userObj.userName,\r\n companycode: userObj.companyCode,\r\n createdtime: null\r\n };\r\n\r\n props.upsertContact(contactObj);\r\n toggle();\r\n\r\n };\r\n const handleNameChange = e => {\r\n\r\n setName(e.target.value);\r\n };\r\n\r\n const handlePhoneChange = e => {\r\n\r\n setPhone(e.target.value);\r\n };\r\n\r\n const handleEmailChange = e => {\r\n\r\n setEmail(e.target.value);\r\n }\r\n\r\n const handleIsEmailEnableChange = e => {\r\n\r\n setIsEmailChecked(e.target.checked);\r\n }\r\n\r\n const handleIsPhoneEnableChange = e => {\r\n\r\n\r\n setIsPhoneChecked(e.target.checked);\r\n }\r\n\r\n const onClose = () => {\r\n this.setState({\r\n showModal: false\r\n });\r\n };\r\n\r\n return (\r\n \r\n {alarmList && alarmList.map(item => (\r\n {item.alarm}\r\n ))}\r\n \r\n }\r\n else if (unitLabel === 'io') {\r\n return ;\r\n }\r\n else if(unitLabel === 'lmh') {\r\n const batteryList = battery_box.slice(0, value + 1);\r\n return \r\n {batteryList && batteryList.map(item => (\r\n {item.alarm} \r\n ))}\r\n \r\n }\r\n else{\r\n return ;\r\n }\r\n }\r\n const handleTimertChange = (e) => {\r\n // \r\n let newConfig = {\r\n ...config,\r\n // itemvalue: e.target.value * 3600\r\n itemvalue: e.target.value * unit\r\n // itemvalue: config.itemname == 'wind(m/s)' ? e.target.value : e.target.value * unit,\r\n // unit: config.itemname == 'wind(m/s)' ? 'm/s' : defaultValue\r\n };\r\n // console.log('===config',config)\r\n\r\n // console.log('===e.target.value',e.target.value)\r\n // console.log('===newConfig',newConfig)\r\n // if (newConfig.itemname == 'wind(m/s)'){\r\n // newConfig.itemvalue = newConfig.itemvalue * 3.6\r\n // newConfig.unit = 'km/h'\r\n // setConfig(newConfig); \r\n // }\r\n\r\n setConfig(newConfig);\r\n }\r\n const handleTimerBlur = (e) => {\r\n \r\n // updateConfig(config);\r\n }\r\n const handleTimerUp = (e) => {\r\n updateConfig(config, appname);\r\n }\r\n\r\n // let hours = config && config.itemvalue ? Math.round(config.itemvalue/3600) : defaultValue;\r\n let times\r\n // if (config.unit == 'm/s'){\r\n // times = config && config.itemvalue ? Math.round(config.itemvalue * unit) : defaultValue;\r\n // }else{\r\n times = config && config.itemvalue ? Math.round(config.itemvalue/unit) : defaultValue;\r\n // }\r\n // let mins = config && config.itemvalue ? Math.round((config.itemvalue % 3600) / 60) : defaultValue;\r\n return (\r\n \r\n \r\n );\r\n};\r\n\r\nconst TimerSetting = (props) => {\r\n let {configs, updateConfig} = props;\r\n // \r\n // const updataConfig = (configObj) => {\r\n // updateConfig(configObj);\r\n // } \r\n // const configs = [\r\n // {\r\n // \"id\": 1,\r\n // \"appname\": \"weather\",\r\n // \"modulename\": \"alarm\",\r\n // \"itemname\": \"timer_x(s)\",\r\n // \"itemvalue\": \"60\"\r\n // },\r\n // {\r\n // \"id\": 2,\r\n // \"appname\": \"weather\",\r\n // \"modulename\": \"alarm\",\r\n // \"itemname\": \"timer_t(s)\",\r\n // \"itemvalue\": \"300\"\r\n // }\r\n // ];\r\n \r\n // let myconfig = configs ? configs.filter((item)=>(item.itemname === \"timer_t(s)\")) : [];\r\n // let myconfig = configs ? configs : [];\r\n // console.log(\"===OBJ===\", configs);\r\n return (\r\n \r\n \r\n {configs && configs.map((config, cindex)=>(\r\n \r\n \r\n \r\n );\r\n}\r\nexport default TimerSetting;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Form, FormGroup, Row, Col, Label, Input, Button } from 'reactstrap';\r\nimport { Card, CardHeader, CardBody, CardFooter } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport ContactModal from \"../../Contact/components/CreateNewContactModal\";\r\nimport EditContactModal from '../../Contact/components/EditContactModal';\r\n\r\nclass SMSTemplateForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n weekOption: [\r\n { value: 1, label: 'Mon' },\r\n { value: 2, label: 'Tue' },\r\n { value: 3, label: 'Wed' },\r\n { value: 4, label: 'Thu' },\r\n { value: 5, label: 'Fri' },\r\n { value: 6, label: 'Sat' },\r\n { value: 7, label: 'Sun' },\r\n ],\r\n };\r\n }\r\n\r\n // ----------------------------------------------------------------------------------\r\n renderContact = () => {\r\n let selectedContacts = [];\r\n if (this.props.contactList && this.props.templateObj && this.props.templateObj.contactid) {\r\n // let contactIds = this.props.templateObj.contactid.split(',');\r\n let contactIds = JSON.parse(this.props.templateObj.contactid);\r\n\r\n selectedContacts = this.props.contactList.filter((item, index) => (contactIds.includes(item.id)));\r\n }\r\n return (\r\n \r\n );\r\n };\r\n\r\n // --------------------------------------------------------------------------------------------------------\r\n // onTimeInputChange = (e) => {\r\n // this.props.handleTimeInputChange(e);\r\n // }\r\n\r\n // handlePeriodsSelect = (value) => {\r\n // let weekday = [];\r\n // if (value){\r\n // value.forEach((item, index)=>{\r\n // weekday.push(item.label);\r\n // });\r\n // }\r\n // this.props.handlePeriodsSelect(JSON.stringify(weekday));\r\n // }\r\n\r\n // renderTimePeriod = () => {\r\n // let fromTime = '';\r\n // let toTime = '';\r\n // let selectedPeriod = [];\r\n\r\n // if (this.props.templateObj){\r\n // let alertPart = this.props.templateObj;\r\n // fromTime = alertPart.starttime ? alertPart.starttime: '';\r\n // toTime = alertPart.endtime ? alertPart.endtime: '';\r\n // let weekdayArr = alertPart.weekday ? JSON.parse(alertPart.weekday) : [];\r\n // weekdayArr.forEach((item, index)=>{\r\n // let selectedItem = this.state.weekOption.find((day, dindex) => (day.label == item));\r\n // if (selectedItem) {\r\n // selectedPeriod.push(selectedItem);\r\n // }\r\n // });\r\n // }\r\n // return(\r\n // \r\n // );\r\n // }\r\n // ------------------------------------------------------------------------------------------\r\n\r\n onInputChange = (event, alertType) => {\r\n\r\n this.props.handleInputChange(event, alertType);\r\n };\r\n\r\n renderEmailNotification = () => {\r\n let title = '';\r\n let content = '';\r\n\r\n if (this.props.templateObj) {\r\n title = this.props.templateObj.title;\r\n content = this.props.templateObj.content;\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderName = () => {\r\n let name = '';\r\n\r\n if (this.props.templateObj) {\r\n name = this.props.templateObj.name;\r\n }\r\n return (\r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------------\r\n onSubmit = (e) => {\r\n this.props.onSubmit();\r\n }\r\n onClose = (e) => {\r\n this.props.toggle();\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n {this.renderName()}\r\n
\r\n {this.renderContact()}\r\n {/* {this.renderTimePeriod()} */}\r\n {this.renderEmailNotification()}\r\n
\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default SMSTemplateForm;","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\n// import {compose, bindActionCreators} from \"redux\";\r\n// import {connect} from \"react-redux\";\r\n// import { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport {\r\n Card,\r\n CardBody,\r\n Col,\r\n Row,\r\n Button,\r\n Container,\r\n Collapse,\r\n} from \"reactstrap\";\r\nimport { Trans } from \"react-i18next\";\r\nimport { BootstrapTable, TableHeaderColumn } from \"react-bootstrap-table\";\r\n// import 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport \"../../../scss/component/react-bs-table.scss\";\r\n\r\nimport PlusIcon from \"mdi-react/PlusIcon\";\r\nimport {\r\n EditTextButton,\r\n DeleteTextButton,\r\n} from \"../../../shared/components/Button/IconButton\";\r\n// import ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n// import {getCurrentUser, hasRole} from '../../../factories/auth';\r\n// import {\r\n// getNotificationTemplate,\r\n// upsertNotificationTemplate,\r\n// deleteNotificationTemplate,\r\n// getContact,\r\n// upsertContact,\r\n// deleteContact,\r\n// } from '../../../redux/actions/jobAction';\r\n// import NotificationTemplateModal from '../components/TemplateModal';\r\nimport SMSTemplateForm from \"./SMSTemplateForm\";\r\nimport { toast } from \"react-toastify\";\r\nimport moment from \"moment\";\r\nimport { TIME_ZONE } from \"../../../constants/dataConstants\";\r\n\r\nconst preDefinedTemplate = [\"CLEAR SMS\", \"ALERT SMS\", \"DEVICE INACTIVE\"];\r\n\r\nclass SMSTemplateSetting extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n templateObj: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // this.props.getNotificationTemplate();\r\n // this.props.getContact();\r\n }\r\n\r\n // -------------------------------------------------------------------------------------\r\n handleRowEditClick = (row) => {\r\n // this.props.editContact(row.id);\r\n if (this.props.notificationTemplateList) {\r\n let selectedTemplate = this.props.notificationTemplateList.find(\r\n (item, index) => item.id == row.id\r\n );\r\n //\r\n if (selectedTemplate) {\r\n this.setState({ templateObj: selectedTemplate }, () => {\r\n this.toggle();\r\n });\r\n }\r\n }\r\n };\r\n\r\n // handleRowDeleteClick = (row) => {\r\n // // this.props.deleteContact(row.id);\r\n // this.props.deleteNotificationTemplate(row.id);\r\n // }\r\n\r\n tableTimeColoumnFormater = (cell, row) => {\r\n if (cell) {\r\n try {\r\n let displayTime = new Date(cell).toLocaleString(\"en-US\", {\r\n timeZone: TIME_ZONE,\r\n });\r\n return {displayTime};\r\n } catch (e) {\r\n return null;\r\n }\r\n } else {\r\n return null;\r\n }\r\n };\r\n tableActionColFormater = (cell, row) => {\r\n return (\r\n this.handleAddNewButtonClick(onClick) }\r\n // // disabled = {!check}\r\n // >\r\n // {/* */}\r\n // {/* */}\r\n // \r\n \r\n \r\n \r\n Edit\r\n \r\n \r\n ID\r\n \r\n \r\n Name\r\n \r\n \r\n Network\r\n \r\n \r\n Company Code\r\n \r\n \r\n Created By\r\n \r\n \r\n Created Time\r\n \r\n {/* Edit */}\r\n \r\n \r\n \r\n );\r\n };\r\n\r\n toggle = () => {\r\n this.setState((prevState) => ({\r\n showModal: !prevState.showModal,\r\n }));\r\n };\r\n\r\n\r\n\r\n handleContactChange = (val, action) => {\r\n // WHPB-84\r\n let contactList = [];\r\n if (val) {\r\n contactList = val.map((item, index) => item.id);\r\n this.setState((prevState) => {\r\n if (prevState.templateObj) {\r\n // let contactList = val.map((item, index) => (item.id)).join(',');\r\n prevState.templateObj.contactid = JSON.stringify(contactList);\r\n isRemove(action);\r\n return { templateObj: prevState.templateObj };\r\n }\r\n return null;\r\n });\r\n } else {\r\n this.setState((prevState) => {\r\n if(prevState.templateObj) {\r\n prevState.templateObj.contactid = JSON.stringify(contactList);\r\n isRemove(action);\r\n return { templateObj: prevState.templateObj };\r\n }\r\n\r\n return null;\r\n })\r\n }\r\n\r\n const isRemove = (action) => {\r\n this.props.upsertNotificationTemplate(this.state.templateObj);\r\n if(action.action == \"clear\") return toast.success(\"Receiver cleared.\")\r\n if(action.action == \"remove-value\") return toast.success(\"Receiver removed.\");\r\n return toast.success(\"Receiver added.\");\r\n }\r\n };\r\n\r\n // handleTimeInputChange = (e) => {\r\n // // let val = e.target.value;\r\n // // let key = e.target.name;\r\n // // this.setState(prevState => {\r\n // // if (prevState.templateObj){\r\n // // prevState.templateObj[key] = val\r\n // // return ({\r\n // // templateObj: prevState.templateObj,\r\n // // });\r\n // // }\r\n // // else{\r\n // // return null;\r\n // // }\r\n // // });\r\n // }\r\n\r\n // handlePeriodsSelect = (val) => {\r\n // this.setState(prevState => {\r\n // if (prevState.templateObj){\r\n // prevState.templateObj.weekday = val\r\n // return ({\r\n // templateObj: prevState.templateObj,\r\n // });\r\n // }\r\n // else{\r\n // return null;\r\n // }\r\n // });\r\n // }\r\n\r\n handleInputChange = (e) => {\r\n let val = e.target.value;\r\n let key = e.target.name;\r\n this.setState((prevState) => {\r\n if (prevState.templateObj) {\r\n prevState.templateObj[key] = val;\r\n return {\r\n templateObj: prevState.templateObj,\r\n };\r\n } else {\r\n return null;\r\n }\r\n });\r\n };\r\n\r\n validateTimeRange = (starttime, endtime) => {\r\n let reVal = false;\r\n try {\r\n if (starttime && endtime) {\r\n // console.log(\"===starttime\", starttime);\r\n // console.log(\"===endtime\", endtime);\r\n // console.log(\"===this.state.templateObj\", this.state.templateObj);\r\n\r\n let startMoment = new moment(starttime, \"HH:mm:ss\");\r\n let endMoment = new moment(endtime, \"HH:mm:ss\");\r\n reVal = endMoment.isAfter(startMoment) || endMoment.isSame(startMoment);\r\n // console.log(\"===startMoment\", startMoment);\r\n // console.log(\"===endMoment\", endMoment);\r\n }\r\n } catch (e) {\r\n reVal = false;\r\n }\r\n\r\n return reVal;\r\n };\r\n\r\n onSubmit = () => {\r\n if (this.state.templateObj) {\r\n this.setState(\r\n (prevState) => {\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (\r\n !prevState.templateObj.starttime ||\r\n prevState.templateObj.starttime.length === 0\r\n ) {\r\n prevState.templateObj.starttime = \"00:00:00\";\r\n } else if (timeRegex.test(prevState.templateObj.starttime)) {\r\n prevState.templateObj.starttime += \":00\";\r\n }\r\n\r\n if (\r\n !prevState.templateObj.endtime ||\r\n prevState.templateObj.endtime.length === 0\r\n ) {\r\n prevState.templateObj.endtime = \"00:00:00\";\r\n } else if (timeRegex.test(prevState.templateObj.endtime)) {\r\n prevState.templateObj.endtime += \":00\";\r\n }\r\n\r\n // console.log(\"===this.state.templateObj\", this.state.templateObj);\r\n\r\n return {\r\n templateObj: prevState.templateObj,\r\n };\r\n },\r\n () => {\r\n if (\r\n this.state.templateObj &&\r\n this.validateTimeRange(\r\n this.state.templateObj.starttime,\r\n this.state.templateObj.endtime\r\n )\r\n ) {\r\n this.props.upsertNotificationTemplate(this.state.templateObj);\r\n // console.log(\"===this.state.templateObj\", this.state.templateObj);\r\n this.toggle();\r\n } else {\r\n toast.error(\"Time Range is not valid.\");\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n {/* \r\n */}\r\n {this.renderNotificationList()}\r\n {/* \r\n */}\r\n \r\n \r\n {this.state.showModal && (\r\n // \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SMSTemplateSetting;\r\n\r\n// const mapStateToProps = state => {\r\n// return state.job;\r\n// }\r\n\r\n// const mapDispatchToProps = dispatch => {\r\n// return bindActionCreators({\r\n// getNotificationTemplate,\r\n// upsertNotificationTemplate,\r\n// deleteNotificationTemplate,\r\n// getContact,\r\n// upsertContact,\r\n// deleteContact,\r\n// }, dispatch);\r\n// };\r\n\r\n// const enhance = compose(\r\n// connect(mapStateToProps, mapDispatchToProps),\r\n// withStyles(styles),\r\n// // withRouter\r\n// );\r\n\r\n// export default connect(mapStateToProps, mapDispatchToProps)(SMSTemplateSetting);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {Form, FormGroup, Row, Col, Label, Input, Button} from 'reactstrap';\r\nimport {Card, CardHeader , CardBody, CardFooter} from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport ContactModal from \"../../Contact/components/CreateNewContactModal\";\r\nimport EditContactModal from '../../Contact/components/EditContactModal';\r\nimport {EditableText} from '../../Asset/components/ClassDisplayDetail';\r\n\r\nclass StationAlarmForm extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n weekOption : [\r\n { value: 1, label: 'Mon' },\r\n { value: 2, label: 'Tue' },\r\n { value: 3, label: 'Wed' },\r\n { value: 4, label: 'Thu' },\r\n { value: 5, label: 'Fri' },\r\n { value: 6, label: 'Sat' },\r\n { value: 7, label: 'Sun' },\r\n ],\r\n };\r\n }\r\n// ----------------------------------------------------------------------------------\r\n componentDidMount(){\r\n \r\n }\r\n \r\n static getDerivedStateFromProps(nextProps, prevState){\r\n \r\n if (nextProps.actionObj){ // && nextProps.notificationTemplateList\r\n if (nextProps.actionObj.actionid != prevState.actionid) { \r\n // let templateObj = nextProps.notificationTemplateList.find((item)=>(item.actionid == nextProps.actionObj.actionid));\r\n // nextProps.getActionRule({actionid: nextProps.actionObj.actionid});\r\n return({\r\n // templateObj: templateObj,\r\n actionid: nextProps.actionObj.actionid,\r\n });\r\n }\r\n \r\n }\r\n }\r\n // UNSAFE_componentWillReceiveProps(nextProps, nextContext){\r\n // \r\n // }\r\n // componentWillReceiveProps(nextProps, nextContext){\r\n // alert('yes');\r\n // \r\n // if (nextProps.actionObj && nextProps.notificationTemplateList){\r\n \r\n // if (nextProps.actionObj.actionid != this.state.actionid) {\r\n \r\n // let templateObj = nextProps.notificationTemplateList.find((item)=>(item.actionid == nextProps.actionObj.actionid));\r\n // this.props.getActionRule({actionid: nextProps.actionObj.actionid});\r\n // this.setState({\r\n // templateObj: templateObj,\r\n // actionid: nextProps.actionObj.actionid,\r\n // });\r\n // }\r\n \r\n // }\r\n // }\r\n// ----------------------------------------------------------------------------------\r\n renderContact = () => {\r\n let selectedContacts = [];\r\n if(this.props.contactList && this.props.templateObj && this.props.templateObj.contactid){\r\n // let contactIds = this.props.templateObj.contactid.split(',');\r\n let contactIds = JSON.parse(this.props.templateObj.contactid);\r\n \r\n selectedContacts = this.props.contactList.filter((item, index) => (contactIds.includes(item.id)));\r\n }\r\n return (\r\n \r\n );\r\n };\r\n \r\n// --------------------------------------------------------------------------------------------------------\r\n // onTimeInputChange = (e) => {\r\n // this.props.handleTimeInputChange(e);\r\n // }\r\n\r\n // handlePeriodsSelect = (value) => {\r\n // let weekday = [];\r\n // if (value){\r\n // value.forEach((item, index)=>{\r\n // weekday.push(item.label);\r\n // });\r\n // }\r\n // this.props.handlePeriodsSelect(JSON.stringify(weekday));\r\n // }\r\n\r\n // renderTimePeriod = () => {\r\n // let fromTime = '';\r\n // let toTime = '';\r\n // let selectedPeriod = [];\r\n\r\n // if (this.props.templateObj){\r\n // let alertPart = this.props.templateObj;\r\n // fromTime = alertPart.starttime ? alertPart.starttime: '';\r\n // toTime = alertPart.endtime ? alertPart.endtime: '';\r\n // let weekdayArr = alertPart.weekday ? JSON.parse(alertPart.weekday) : [];\r\n // weekdayArr.forEach((item, index)=>{\r\n // let selectedItem = this.state.weekOption.find((day, dindex) => (day.label == item));\r\n // if (selectedItem) {\r\n // selectedPeriod.push(selectedItem);\r\n // }\r\n // });\r\n // }\r\n // return(\r\n // \r\n // );\r\n // }\r\n// ------------------------------------------------------------------------------------------\r\n\r\nonInputChange = (event, alertType) => {\r\n \r\n this.props.handleInputChange(event, alertType);\r\n};\r\n\r\nrenderEmailNotification = () => {\r\n let title = '';\r\n let content = '';\r\n \r\n if (this.props.templateObj) {\r\n title = this.props.templateObj.title;\r\n content = this.props.templateObj.content;\r\n }\r\n \r\n return(\r\n \r\n );\r\n}\r\n\r\n renderName = () => {\r\n let name = '';\r\n let value = '';\r\n if (this.props.actionObj) {\r\n name = this.props.actionObj.actionname;\r\n }\r\n // if (this.props.actionRules && this.props.actionRules.length>0 && this.props.actionRules[0].ruleitems && this.props.actionRules[0].ruleitems.length > 0) {\r\n // value = this.props.actionRules[0].ruleitems[0].value;\r\n // }\r\n return (\r\n \r\n )\r\n }\r\n\r\n renderRule=()=>{\r\n let attribute = '';\r\n let operator = '';\r\n let value = '';\r\n if (this.props.actionRules && this.props.actionRules.length>0 && this.props.actionRules[0].ruleitems && this.props.actionRules[0].ruleitems.length > 0) {\r\n value = this.props.actionRules[0].ruleitems[0].value;\r\n attribute = this.props.actionRules[0].ruleitems[0].attributename;\r\n let oprId = this.props.actionRules[0].ruleitems[0].operator;\r\n switch (oprId){\r\n case 1 : \r\n operator = '='; \r\n break;\r\n case 2 : \r\n operator = '>'; \r\n break;\r\n case 3 : \r\n operator = '>='; \r\n break;\r\n case 4 : \r\n operator = '<'; \r\n break;\r\n case 5 : \r\n operator = '<='; \r\n break;\r\n case 6 : \r\n operator = '<>'; \r\n break;\r\n default:\r\n operator = ' ';\r\n }\r\n }\r\n return(\r\n \r\n )\r\n }\r\n\r\n // ----------------------------------------------------------------------------\r\n onSubmit = (e) => {\r\n this.props.onSubmit();\r\n }\r\n onClose = (e) => {\r\n this.props.toggle();\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n {this.renderName()}\r\n
\r\n {this.renderRule()}\r\n
\r\n {this.renderContact()}\r\n {/* {this.renderTimePeriod()} */}\r\n {this.renderEmailNotification()}\r\n
\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default StationAlarmForm;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\n// import {compose, bindActionCreators} from \"redux\";\r\n// import {connect} from \"react-redux\";\r\n// import { withRouter } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport {Card, CardBody, Col, Row, Button, Container, Collapse} from 'reactstrap';\r\nimport {Trans} from \"react-i18next\";\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\n// import 'react-bootstrap-table/dist/react-bootstrap-table.min.css';\r\nimport '../../../scss/component/react-bs-table.scss'\r\n\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {EditTextButton, DeleteTextButton} from '../../../shared/components/Button/IconButton';\r\n// import ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\n// import {getCurrentUser, hasRole} from '../../../factories/auth';\r\n// import {\r\n// getNotificationTemplate,\r\n// upsertNotificationTemplate,\r\n// deleteNotificationTemplate,\r\n// getContact, \r\n// upsertContact, \r\n// deleteContact,\r\n// } from '../../../redux/actions/jobAction'; \r\n// import NotificationTemplateModal from '../components/TemplateModal';\r\nimport StationAlarmForm from './StationAlarmForm';\r\nimport { toast } from \"react-toastify\";\r\nimport moment from 'moment';\r\nimport {TIME_ZONE} from '../../../constants/dataConstants';\r\n\r\nconst preDefinedTemplate = ['CLEAR SMS','ALERT SMS','DEVICE INACTIVE'];\r\n\r\nclass StationAlarmSetting extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n showModal: false,\r\n templateObj: null,\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n // this.props.getNotificationTemplate();\r\n // this.props.getContact();\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext){\r\n if (nextProps.actionRules && nextProps.actionRules !== this.props.actionRules ) {\r\n this.setState({\r\n actionRules: nextProps.actionRules\r\n });\r\n }\r\n }\r\n\r\n// -------------------------------------------------------------------------------------\r\n handleRowEditClick = (row) => {\r\n // this.props.editContact(row.id);\r\n if (this.props.actionList){\r\n let selectedAction = this.props.actionList.find((item, index) => (item.actionid == row.actionid));\r\n // \r\n // this.props.getActionRule({actionid: row.actionid});\r\n if (selectedAction) {\r\n this.setState({actionObj: selectedAction}, () => {\r\n this.props.getActionRule({actionid: this.state.actionObj.actionid});\r\n });\r\n }\r\n }\r\n if (this.props.notificationTemplateList){\r\n // let selectedTemplate = this.props.notificationTemplateList.find((item, index) => (item.id == row.id));\r\n let selectedTemplate = this.props.notificationTemplateList.find((item)=>(item.actionid == row.actionid));\r\n // \r\n if (selectedTemplate) {\r\n this.setState({templateObj: selectedTemplate}, () => {});\r\n }\r\n }\r\n\r\n this.toggle();\r\n }\r\n\r\n // handleRowDeleteClick = (row) => {\r\n // // this.props.deleteContact(row.id);\r\n // this.props.deleteNotificationTemplate(row.id);\r\n // }\r\n\r\n tableTimeColoumnFormater = (cell, row) => {\r\n if (cell) {\r\n try{\r\n let displayTime = new Date(cell).toLocaleString('en-US', { timeZone: TIME_ZONE }); \r\n return(\r\n {displayTime}\r\n );\r\n }\r\n catch(e){\r\n return null;\r\n }\r\n }else{\r\n return null;\r\n }\r\n \r\n }\r\n tableActionColFormater = (cell, row) => {\r\n return (\r\n this.handleAddNewButtonClick(onClick) }\r\n // // disabled = {!check}\r\n // >\r\n // {/* */}\r\n // {/* */}\r\n // \r\n \r\n \r\n ID \r\n Name \r\n Network \r\n Company Code \r\n Created By \r\n Created Time \r\n Edit \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n showModal: ! prevState.showModal,\r\n }))\r\n }\r\n\r\n handleContactChange = (val) => {\r\n if (val){\r\n this.setState(prevState => {\r\n if (prevState.templateObj){\r\n // let contactList = val.map((item, index) => (item.id)).join(',');\r\n let contactList = val.map((item, index) => (item.id));\r\n prevState.templateObj.contactid = JSON.stringify(contactList);\r\n return ({\r\n templateObj: prevState.templateObj,\r\n });\r\n }else{\r\n return null;\r\n }\r\n \r\n });\r\n }\r\n }\r\n\r\n // handleTimeInputChange = (e) => {\r\n // // let val = e.target.value;\r\n // // let key = e.target.name;\r\n // // this.setState(prevState => {\r\n // // if (prevState.templateObj){\r\n // // prevState.templateObj[key] = val\r\n // // return ({\r\n // // templateObj: prevState.templateObj,\r\n // // });\r\n // // }\r\n // // else{\r\n // // return null;\r\n // // }\r\n // // });\r\n // }\r\n\r\n // handlePeriodsSelect = (val) => {\r\n // this.setState(prevState => {\r\n // if (prevState.templateObj){\r\n // prevState.templateObj.weekday = val\r\n // return ({\r\n // templateObj: prevState.templateObj,\r\n // });\r\n // }\r\n // else{\r\n // return null;\r\n // }\r\n // });\r\n // }\r\n\r\n handleInputChange = (e) => {\r\n let val = e.target.value;\r\n let key = e.target.name;\r\n this.setState(prevState => {\r\n if (prevState.templateObj){\r\n prevState.templateObj[key] = val\r\n return ({\r\n templateObj: prevState.templateObj,\r\n });\r\n }\r\n else{\r\n return null;\r\n }\r\n });\r\n }\r\n\r\n handleRuleValueChange = (newValue, ruleid, itemid) => {\r\n this.setState(prevState => {\r\n prevState.actionRules[ruleid].ruleitems[itemid].value = newValue;\r\n return ({\r\n actionRules: prevState.actionRules\r\n });\r\n });\r\n }\r\n\r\n validateTimeRange = (starttime, endtime) => {\r\n let reVal = false;\r\n try{\r\n if (starttime && endtime){\r\n let startMoment = new moment(starttime, 'HH:mm:ss');\r\n let endMoment = new moment(endtime, 'HH:mm:ss');\r\n reVal = endMoment.isAfter(startMoment) || endMoment.isSame(startMoment);\r\n }\r\n }\r\n catch (e){\r\n reVal = false;\r\n }\r\n\r\n return reVal;\r\n }\r\n\r\n SaveRule = (actionid) => {\r\n // let assetclassid = this.state.selectedAssetClassOption.value;\r\n // let assetclassname = this.state.selectedAssetClassOption.label;\r\n // let assetid = this.state.selectedAssetOption ? this.state.selectedAssetOption.value : -1;\r\n // let assetname = this.state.selectedAssetOption ? this.state.selectedAssetOption.label : '';\r\n \r\n // let newRule = [\r\n // {\r\n // \"groupid\": 0,\r\n // \"groupindex\": 0,\r\n // \"grouprelation\": 0,\r\n // \"ruleitems\": [\r\n // {\r\n // \"actionid\": actionid,\r\n // \"assetclassid\": assetclassid,\r\n // \"assetclassname\": assetclassname,\r\n // \"assetid\": assetid,\r\n // \"assetname\": assetname,\r\n // \"attributeid\": this.state.selectedRule.attributeid,\r\n // \"attributename\": this.state.selectedRule.attributename,\r\n // \"geofenceid\": this.state.selectedRule.geofenceid,\r\n // \"geofencename\": this.state.selectedRule.geofencename,\r\n // \"operator\": this.state.selectedRule.operator,\r\n // \"value\": this.state.selectedRule.value,\r\n // \"relation\": 0\r\n // }\r\n // ]\r\n // }\r\n // ];\r\n // this.props.upsertActionRule(newRule, actionid);\r\n this.props.upsertActionRule(this.state.actionRules, actionid);\r\n }\r\n\r\n onSubmit = () => {\r\n if (this.state.templateObj) { \r\n this.setState(prevState => {\r\n let timeRegex = /^\\d{2}[:]\\d{2}$/;\r\n if (!prevState.templateObj.starttime || prevState.templateObj.starttime.length === 0){\r\n prevState.templateObj.starttime = '00:00:00';\r\n }else if (timeRegex.test(prevState.templateObj.starttime)) {\r\n prevState.templateObj.starttime += ':00';\r\n }\r\n\r\n if (!prevState.templateObj.endtime || prevState.templateObj.endtime.length === 0){\r\n prevState.templateObj.endtime = '00:00:00';\r\n }else if (timeRegex.test(prevState.templateObj.endtime)) {\r\n prevState.templateObj.endtime += ':00';\r\n }\r\n\r\n\r\n return ({\r\n templateObj: prevState.templateObj,\r\n })\r\n }, () => {\r\n if (this.state.templateObj && this.validateTimeRange(this.state.templateObj.starttime, this.state.templateObj.endtime)){\r\n // this.props.upsertNotificationTemplate(this.state.templateObj);\r\n if (this.state.actionObj) {\r\n this.SaveRule(this.state.actionObj.actionid);\r\n this.props.upsertNotificationTemplate(this.state.templateObj);\r\n }else {\r\n toast.error('Error occurred during the updaing, please do again.');\r\n }\r\n this.toggle();\r\n }else{\r\n toast.error('Time Range is not valid.');\r\n }\r\n \r\n });\r\n \r\n }\r\n \r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {/* \r\n */}\r\n {this.renderActionList()}\r\n {/* \r\n */}\r\n \r\n \r\n {this.state.showModal && \r\n // \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default StationAlarmSetting\r\n\r\n// const mapStateToProps = state => {\r\n// return state.job;\r\n// }\r\n\r\n// const mapDispatchToProps = dispatch => {\r\n// return bindActionCreators({\r\n// getNotificationTemplate,\r\n// upsertNotificationTemplate,\r\n// deleteNotificationTemplate,\r\n// getContact, \r\n// upsertContact, \r\n// deleteContact,\r\n// }, dispatch);\r\n// };\r\n\r\n// const enhance = compose(\r\n// connect(mapStateToProps, mapDispatchToProps),\r\n// withStyles(styles),\r\n// // withRouter\r\n// );\r\n\r\n\r\n// export default connect(mapStateToProps, mapDispatchToProps)(SMSTemplateSetting);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment, useState } from 'react';\r\nimport {\r\n compose, \r\n bindActionCreators\r\n} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport { Row, Col, Card, CardBody, CardTitle} from 'reactstrap';\r\n// import { TabContent, TabPane, Nav, NavItem, NavLink} from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport {\r\n getAllConfig,\r\n getConfigByAppName,\r\n updateConfig,\r\n} from '../../../redux/actions/weatherAction';\r\nimport {\r\n getNotificationTemplate,\r\n getNotificationTemplateByAppname,\r\n upsertNotificationTemplate,\r\n upsertNotificationTemplateByAppname,\r\n // deleteNotificationTemplate,\r\n getContact, \r\n upsertContact, \r\n deleteContact,\r\n // getActions,\r\n // getActionRule,\r\n upsertActionRule\r\n} from '../../../redux/actions/jobAction'; \r\nimport TimerSetting from './TimerSetting';\r\nimport SMSTemplateSetting from './SMSTemplateSetting';\r\nimport StationAlarmSetting from './StationAlarmSetting';\r\nimport {groupBy} from '../../../factories/utils';\r\n// import NotificationTemplateList from '../../NotificationTemplate/components/TemplateList';\r\n// import Drawer from '@material-ui/core/Drawer';\r\n// import Button from '@material-ui/core/Button';\r\n// import './drawercss.scss';\r\n\r\nclass SettingMainBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n activeTab: '1',\r\n right: false,\r\n };\r\n }\r\n componentDidMount(){\r\n if (this.props.appname != null && this.props.companycode != null){\r\n this.props.getConfigByAppName({appname:this.props.appname, modulename:\"alarm\"});/* <- you have to make this (axiosGet) */\r\n this.props.getNotificationTemplateByAppname({appname: this.props.appname, companycode: this.props.companycode});\r\n } else {\r\n this.props.getAllConfig();\r\n this.props.getNotificationTemplate();\r\n }\r\n // this.props.getNotificationTemplateByAppname();\r\n this.props.getContact();\r\n // this.props.getActions();\r\n }\r\n // ------------------------------------------------------\r\n // renderTimmerSetting(){\r\n // \r\n // return (\r\n // \r\n \r\n {title} \r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {notificationList && notificationList.length > 0 && \r\n
*/}\r\n {/* */}\r\n {/*
*/}\r\n \r\n \r\n );\r\n }\r\n // -------------------------------------------------------\r\n // renderStationSetting(){\r\n // return(\r\n // \r\n \r\n {/*
\r\n\r\n \r\n
\r\n \r\n );\r\n };\r\n \r\n export default withRouter(SettingPage);","/*eslint-disable*/\r\nimport React, { useState } from \"react\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledTooltip } from \"reactstrap\";\r\nimport AddContactForm from \"./AddContactForm\";\r\nimport { getCurrentUser, hasRole} from '../../../factories/auth';\r\nimport { toast } from \"react-toastify\";\r\nimport ContactList from './ContactList';\r\nimport { AccountEditIcon } from 'mdi-react';\r\nimport { FaUserEdit } from 'react-icons/fa';\r\n\r\nconst EditContactModal = props => {\r\n // const { buttonLabel, className } = props;\r\n const userObj = getCurrentUser();\r\n const [modal, setModal] = useState(false);\r\n const [modalEdit, setModalEdit] = useState(false);\r\n const [contactObj, setContactObj] = useState(null);\r\n\r\n const toggle = () => setModal(!modal);\r\n\r\n const togglEdit = () => setModalEdit(!modalEdit);\r\n\r\n const validateContactName = (name) => {\r\n return name && name.length > 0 ;\r\n }\r\n\r\n const validatePhoneNumber = (phoneNum) => {\r\n var regex = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n return (phoneNum && regex.test(phoneNum));\r\n }\r\n \r\n const validateEmail = (email) => {\r\n // var regex = /^[a-zA-Z0-9.!#$%&\\'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\r\n // return (this.state.email && this.state.email.match(regex) !== null);\r\n var regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/; \r\n return (email && regex.test(email));\r\n }\r\n\r\n const validateContactObj = () => {\r\n let val = false;\r\n if (contactObj){\r\n let validateName = validateContactName(contactObj.name);\r\n let validateEmail = validateContactName(contactObj.email);\r\n let validatePhone = validateContactName(contactObj.phone);\r\n if (!validateName) {\r\n toast.error('Name can NOT be empty.');\r\n }\r\n if (!validateEmail) {\r\n toast.error('Email Address is NOT valid.');\r\n }\r\n if (!validatePhone) {\r\n toast.error('Phone Number is NOT valid.');\r\n }\r\n\r\n val = validateName && validateEmail && validatePhone;\r\n }\r\n return val;\r\n }\r\n \r\n const handleSubmit = () => {\r\n if (userObj === null || userObj.userName.length === 0){\r\n // this.props.history.push('/log_out');\r\n toast.error('Can NOT get current user information, Please re login');\r\n return;\r\n }\r\n \r\n // if (!name || name.length === 0) {\r\n // toast.error('Name can NOT be empty');\r\n // return;\r\n // }\r\n \r\n // if (!validateEmail(email)) {\r\n // toast.error('Email address is not valid');\r\n // return;\r\n // }\r\n \r\n // if (!validatePhoneNumber(phone)) {\r\n // toast.error('Phone number is not valid');\r\n // return;\r\n // }\r\n \r\n // let contactObj = {\r\n // id: 0, //0 or not exist, will create new contact\r\n // name: name, //if id not exist but name exist, update\r\n // email: email,\r\n // phone: phone,\r\n // emailenable: isEmailChecked,\r\n // phoneenable: isPhoneChecked,\r\n // owner: userObj.userName,\r\n // companycode: userObj.companyCode,\r\n // createdtime: null\r\n // };\r\n\r\n if (validateContactObj()){\r\n \r\n props.upsertContact(contactObj);\r\n }\r\n togglEdit();\r\n \r\n };\r\n\r\n const handleTextInputChange = (e) => {\r\n if (contactObj){\r\n let key = e.target.name;\r\n let value = e.target.value;\r\n // let contectObjClone = JSON.parse(JSON.stringify(contactObj))\r\n const contactObjNew= {...contactObj, [key]: value};\r\n setContactObj(contactObjNew);\r\n }\r\n \r\n }\r\n\r\n const handleCheckInputChange = (e) => {\r\n if (contactObj){\r\n let key = e.target.name;\r\n let value = e.target.checked;\r\n // let contectObjClone = JSON.parse(JSON.stringify(contactObj))\r\n const contactObjNew= {...contactObj, [key]: value};\r\n setContactObj(contactObjNew);\r\n }\r\n \r\n }\r\n\r\n const editContact = (contactid) => {\r\n if (props.contactList) {\r\n let foundId = props.contactList.findIndex((item, index) => (item.id == contactid));\r\n if (foundId > -1){\r\n setContactObj(props.contactList[foundId]);\r\n togglEdit();\r\n }else{\r\n toast.error('Can NOT found the selected contact.');\r\n }\r\n \r\n }\r\n }\r\n\r\n const renderEditModle = () => {\r\n let name = contactObj ? contactObj.name : '';\r\n let email = contactObj ? contactObj.email : '';\r\n let phone = contactObj ? contactObj.phone : '';\r\n let isEmailChecked = contactObj ? contactObj.emailenable : false;\r\n let isPhoneChecked = contactObj ? contactObj.phoneenable : false;\r\n return (\r\n \r\n Edit a Receiver \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n );\r\n }\r\n \r\n \r\n return (\r\n \r\n {props.children} \r\n \r\n )\r\n} \r\n\r\nexport class AdjustableTableHeaderColumn2 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n width: 200,\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n if (nextProps.width !== this.props.width){\r\n this.setState({width: nextProps.width});\r\n }\r\n }\r\n\r\n onResize = (event, {element, size, handle}) => {\r\n \r\n // event.stopPropagation();\r\n this.setState({width: size.width});\r\n };\r\n\r\n onResizeStart = (event, data) => {\r\n \r\n }\r\n\r\n render() {\r\n return(\r\n {this.props.onResize(e, data, 'testid')}}\r\n onResizeStart = {this.props.onResizeStart}\r\n onResizeStop = {this.props.onResizeStop}\r\n onResize = {this.props.onResize}\r\n handle={}\r\n resizeHandles={['e']}\r\n >\r\n {/* {this.props.children} */}\r\n \r\n {this.props.children} \r\n \r\n \r\n // \r\n // {this.props.children} \r\n // \r\n )\r\n }\r\n}\r\n\r\n// export const AdjustableDiv = () => {\r\n\r\n// const [width, setWidth] = React.useState('400px')\r\n// const [height, setHeight] = React.useState('400px')\r\n\r\n// const onResize = (width, height) => {\r\n// setWidth(width);\r\n// setHeight(height);\r\n// };\r\n \r\n// return (\r\n// \r\n Sign Up\r\n \r\n );\r\n case \"inactive\":\r\n checked = false;\r\n return (\r\n // {this.onActivate(e, row, true);}}\r\n // msg={`The device ${row.deviceid} will be ACTIVATED !`}\r\n // noIcon\r\n // />\r\n {\r\n this.onActivate(e, row, value);\r\n }}\r\n label={\"In-Activated\"}\r\n msg={`The device ${row.deviceid} will be ACTIVATED !`}\r\n />\r\n );\r\n default:\r\n checked = true;\r\n return (\r\n // {this.onActivate(e, row, false);}}\r\n // msg={`The device ${row.deviceid} will be IN-ACTIVATED !`}\r\n // noIcon\r\n // />\r\n {\r\n this.onActivate(e, row, value);\r\n }}\r\n label={\"Activated\"}\r\n msg={`The device ${row.deviceid} will be IN-ACTIVATED !`}\r\n />\r\n );\r\n }\r\n };\r\n\r\n onSignUp = (e) => {\r\n this.props.history.push(`/pages/devicesignup/` + this.props.deviceId);\r\n };\r\n onActivate = (e, row, activate) => {\r\n let status = \"inactive\";\r\n if (activate) {\r\n status = \"active\";\r\n }\r\n if (row && row.deviceid) {\r\n this.props\r\n .deviceActiveAjax(row.deviceid, status)\r\n .then((res) => {\r\n if (res.status === 200) {\r\n this.refreshDeviceInfo();\r\n toast.success(`Successfully activate the device ${row.deviceid}`);\r\n } else {\r\n toast.error(\r\n `Error occurred during activating the device ${row.deviceid}`\r\n );\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err.message);\r\n toast.error(\r\n `Error occurred during during activating the device ${row.deviceid}`\r\n );\r\n });\r\n }\r\n };\r\n\r\n toggle = () => {\r\n this.setState((prevState) => ({\r\n modalVisible: !prevState.modalVisible,\r\n }));\r\n };\r\n\r\n toggleNameEdit = () => {\r\n this.setState((prevState) => ({\r\n modalName: !prevState.modalName,\r\n }));\r\n };\r\n\r\n handleLoadFileClick = (e) => {\r\n // alert('yes');\r\n this.setState({\r\n modalVisible: true,\r\n });\r\n };\r\n\r\n handleAssetTypeChange = (assetType) => {\r\n this.setState({\r\n currentDeviceTypeId: assetType?.value,\r\n currentDeviceType: assetType\r\n });\r\n if (assetType?.value.length > 0) {\r\n this.props.loadDeviceInfo({ devicetype: assetType.value });\r\n } else {\r\n this.props.loadDeviceInfo();\r\n }\r\n };\r\n\r\n manufactureOnChangeHandler = (e) => {\r\n let selectedValue = dropdownOnChangeHandler(e); //alert(selectedValue.id);\r\n // this.props.loadAssets({devicetypeid: selectedValue.id});\r\n\r\n this.setState({\r\n currentDeviceTypeId: selectedValue.id,\r\n currentDeviceTypeName: selectedValue.name,\r\n });\r\n if (selectedValue.id && selectedValue.id.length > 0) {\r\n this.props.loadDeviceInfo({ devicetype: selectedValue.id });\r\n } else {\r\n this.props.loadDeviceInfo();\r\n }\r\n };\r\n\r\n refreshDeviceInfo = () => {\r\n if (\r\n this.state.currentDeviceTypeId &&\r\n this.state.currentDeviceTypeId.length > 0\r\n ) {\r\n this.props.loadDeviceInfo({ devicetype: this.state.currentDeviceTypeId });\r\n } else {\r\n this.props.loadDeviceInfo();\r\n }\r\n };\r\n\r\n onSearchClick = (e) => {\r\n if (\r\n this.state.currentDeviceTypeId &&\r\n this.state.currentDeviceTypeId.length > 0\r\n ) {\r\n this.props.loadDeviceInfo({ devicetype: this.state.currentDeviceTypeId });\r\n }\r\n };\r\n\r\n renderFilterBar = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n {/* {this.props.devicetypes && this.props.devicetypes.map((type, i) => ())} */}\r\n {this.props.devicetypes &&\r\n this.props.devicetypes.map((type, i) => (\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n \r\n Search\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n };\r\n\r\n tbSearchPanel = (props) => {\r\n return (\r\n \r\n \r\n {/**/}\r\n {props.searchField}\r\n {/* { props.components.searchPanel } */}\r\n \r\n
\r\n );\r\n };\r\n\r\n tbToolBar = (props) => {\r\n const selectOptions = [];\r\n if (this.props.deviceTypes?.length > 0) {\r\n this.props.deviceTypes.forEach(deviceType => {\r\n if (deviceType.devicetypename || deviceType.devicetypeid) {\r\n selectOptions.push({\r\n label: deviceType.devicetypename,\r\n value: deviceType.devicetypeid,\r\n });\r\n } else if (deviceType.name || deviceType.id) {\r\n selectOptions.push({\r\n label: deviceType.name,\r\n value: deviceType.id,\r\n });\r\n }\r\n });\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n {/*
\r\n );\r\n };\r\n\r\n inUseFormat = (cell, row) => {\r\n if (cell > 0) {\r\n return Used;\r\n } else {\r\n return Unused;\r\n }\r\n };\r\n\r\n editSelectedDevice = (assetid, deviceid) => {\r\n // await this.props.getCalculateAttribute({ assetid: id });\r\n this.setState({\r\n assetToEdit: assetid,\r\n deviceToEdit: deviceid\r\n });\r\n };\r\n\r\n // editSelectedDevice = async (id) => {\r\n // this.setState({ assetToEdit: id }, async () => {\r\n // await this.props.getCalculateAttribute({ \"assetid\": id })\r\n // })\r\n // }\r\n\r\n editForm = (cell, row) => {\r\n if (cell > 0) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n {\r\n this.onNameCellClick(e, cell, row);\r\n }}\r\n >\r\n {cell}\r\n
\r\n );\r\n };\r\n onNameCellClick = (e, cell, row) => {\r\n this.setState({\r\n currentName: cell,\r\n currentDeviceObj: row,\r\n });\r\n this.toggleNameEdit();\r\n };\r\n onCellEdit = (row, fieldName, value) => { };\r\n\r\n onNameChange = (newName) => {\r\n let newDeviceObj = {\r\n ...this.state.currentDeviceObj,\r\n devicenamealias: newName,\r\n // devicename: newName\r\n };\r\n this.setState({\r\n currentName: newName,\r\n currentDeviceObj: newDeviceObj,\r\n });\r\n this.props\r\n .deviceNameChangeAjax(newDeviceObj)\r\n .then((res) => {\r\n if (res.status === 200) {\r\n this.refreshDeviceInfo();\r\n toast.success(\r\n `Successfully changed the display name of the device ${newDeviceObj.deviceid}`\r\n );\r\n } else {\r\n toast.error(\r\n `Error occurred during changing the display name of device ${newDeviceObj.deviceid}`\r\n );\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err.message);\r\n toast.error(\r\n `Error occurred during changing the display name of device ${newDeviceObj.deviceid}`\r\n );\r\n });\r\n };\r\n // logic to hide battery expire date column if no battery expire date is present\r\n columnoption(dataValue) {\r\n var i = 0;\r\n for (i = 0; i < this.props.deviceList.length; i++) {\r\n if (this.props.deviceList[i].batteryexpiredate != null) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n render() {\r\n // console.log(\"===this.props.currentDeviceList\", this.props.currentDeviceList);\r\n const options = {\r\n // page: 2, // which page you want to show as default\r\n // sizePerPageList: [{\r\n // text: '5', value: 5\r\n // }, {\r\n // text: '10', value: 10\r\n // }, {\r\n // text: 'All', value: this.props.deviceList.length\r\n // }], // you can change the dropdown list for size per page\r\n // sizePerPage: 10, // which size per page you want to locate as default\r\n // pageStartIndex: 1, // where to start counting the pages\r\n // paginationSize: 5, // the pagination bar size.\r\n // prePage: '<', // Previous page button text\r\n // nextPage: '>', // Next page button text\r\n // firstPage: '<<', // First page button text\r\n // lastPage: '>>', // Last page button text\r\n // paginationShowsTotal: this.renderShowsTotal, // Accept bool or function\r\n // paginationPosition: 'top' // default is bottom, top and both is all available\r\n // hideSizePerPage: true > You can hide the dropdown for sizePerPage\r\n // alwaysShowAllBtns: true // Always show next and previous button\r\n // withFirstAndLast: false > Hide the going to First and Last page button\r\n // searchPosition: 'left',\r\n btnGroup: this.tbToolBar,\r\n searchPanel: this.tbSearchPanel,\r\n sortIndicator: true,\r\n noDataText: this.props.loading\r\n ? \"Loading...\"\r\n : \"There is no Data to display\",\r\n // toolBar: this.tbToolBar,\r\n // onCellEdit: this.onCellEdit\r\n };\r\n\r\n const cellEditProp = {\r\n mode: \"click\",\r\n };\r\n // console.log(\"===this.props.deviceList\", this.props.deviceList);\r\n return (\r\n <>\r\n {/* {props.name}
*/}\r\n {/**/}\r\n {/* {props.timestamp} */}\r\n {/* {tableTimeColoumnFormater(props.timestamp)} */}\r\n {/*
*/}\r\n
*/}\r\n \r\n \r\n \r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n
\r\n */}\r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default WeatherMapInfo","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from 'redux'\r\nimport { connect } from \"react-redux\";\r\nimport ReactDOM from 'react-dom';\r\nimport { Map, GoogleApiWrapper, Marker, InfoWindow, Polyline } from 'google-maps-react';\r\nimport InfoWindowEx from './InfoWindowEx';\r\nimport { Container, Row, Col, Button, Table, Input, Label, Collapse } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Select from 'react-select';\r\n// import MapInfoWindow from './MapInfoWindow';\r\nimport { toast } from \"react-toastify\";\r\nimport { loadAllGeoFences } from '../../../redux/actions/fenceAction';\r\nimport { generateSelectOptions } from '../../../factories/utils';\r\nimport { getCurrentUser } from '../../../factories/auth';\r\nimport MarkerClusterer from \"@google/markerclusterer\";\r\nimport { MagnifyIcon, CloseIcon } from 'mdi-react';\r\n// import OverlappingMarkerSpiderfier from 'overlapping-marker-spiderfier';\r\nimport WeatherMapInfo from './WeatherMapInfoWin';\r\nimport {\r\n WHITE_COLOR,\r\n GREEN_COLOR,\r\n RED_COLOR,\r\n ORENGE_COLOR,\r\n YELLOW_COLOR,\r\n GREY_COLOR,\r\n LIGHT_GREY_COLOR,\r\n ATTRIBUTE_ORDER,\r\n ALARM_META_ATTRI_OBJ\r\n} from '../../../constants/dataConstants';\r\nimport { setDonut } from '../../../factories/weather';\r\n\r\nexport class WeatherMap extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n this.myMap = React.createRef();\r\n this.state = {\r\n msg: '',\r\n collapse: false,\r\n };\r\n // this.userObj = getCurrentUser();\r\n // if (!this.userObj) {\r\n // toast.error('Can not fetch login user information, Please re-login.');\r\n // this.props.history.push('/log_out');\r\n // }else{\r\n // \r\n // \r\n // }\r\n\r\n // this.initMap = this.initMap.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n // \r\n }\r\n\r\n componentWillReceiveProps(nextProps) { }\r\n // -----------------------------------------------------------------\r\n // initMap(mapProps, map) {\r\n // var self = this;\r\n // const {google} = mapProps;\r\n\r\n // const drawingManager = new google.maps.drawing.DrawingManager({\r\n // drawingMode: null,\r\n // drawingControl: true,\r\n // drawingControlOptions: {\r\n // position: google.maps.ControlPosition.TOP_CENTER,\r\n // drawingModes: [\r\n\r\n // google.maps.drawing.OverlayType.POLYGON,\r\n // google.maps.drawing.OverlayType.CIRCLE,\r\n // google.maps.drawing.OverlayType.RECTANGLE\r\n // ]\r\n // },\r\n // map: map\r\n // });\r\n // }\r\n // -----------------------------------------------------------------\r\n // onMarkerClick = (props, marker, e)=> {\r\n // // \r\n // // this.setState({\r\n // // selectedPlace: props,\r\n // // activeMarker: marker,\r\n // // showingInfoWindow: true\r\n // // });\r\n // this.props.onMarkerClick(props, marker, e);\r\n // // \r\n // };\r\n\r\n // onClose = props => {\r\n // // if (this.state.showingInfoWindow) {\r\n // // this.setState({\r\n // // showingInfoWindow: false,\r\n // // activeMarker: null\r\n // // });\r\n // // }\r\n // this.props.handleMapInfoWinClick(props); \r\n // };\r\n //--------------------------------------------------------------------\r\n setSelection = (googleShape) => {\r\n this.selectedShape = googleShape;\r\n }\r\n deleteSelectedShape = () => {\r\n if (this.selectedShape) {\r\n this.selectedShape.setMap(null);\r\n }\r\n }\r\n showShapOnMap = (shape) => {\r\n if (shape && this.myMap && this.myMap.current) {\r\n // alert('yes');\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n this.deleteSelectedShape();\r\n this.setShap(google, map, shape);\r\n } else {\r\n this.deleteSelectedShape();\r\n }\r\n }\r\n setShap = (google, map, shape) => {\r\n // let shape = this.props.shape;\r\n\r\n // alert(shape.data.center);\r\n let self = this;\r\n let newCenter;\r\n let bounds;\r\n if (shape) {\r\n // self.deleteSelectedShape();\r\n switch (shape.type) {\r\n case 'circle':\r\n const initCircle = new google.maps.Circle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n center: shape.data.center,\r\n radius: shape.data.radius,\r\n editable: false\r\n });\r\n // google.maps.event.addListener(initCircle, 'radius_changed', function (event) {\r\n // // alert('circle radius changed');\r\n // self.setCircleData(initCircle); \r\n // \r\n // // \r\n // });\r\n\r\n // google.maps.event.addListener(initCircle, 'center_changed', function (event) { \r\n // // alert('circle center changed');\r\n // // alert(initCircle.center);\r\n // self.setCircleData(initCircle); \r\n // \r\n // // \r\n // });\r\n bounds = initCircle.getBounds();\r\n newCenter = initCircle.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initCircle);\r\n // this.setCircleData(initCircle); \r\n break;\r\n case 'rectangle':\r\n const initRectangle = new google.maps.Rectangle({\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n bounds: shape.data,\r\n editable: false\r\n });\r\n // google.maps.event.addListener(initRectangle, 'bounds_changed', () => {\r\n // this.setRectangleData(initRectangle);\r\n // \r\n // });\r\n bounds = initRectangle.getBounds();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initRectangle);\r\n // this.setRectangleData(initRectangle); \r\n break;\r\n case 'polygon':\r\n google.maps.Polygon.prototype.getBoundingBox = function () {\r\n var bounds = new google.maps.LatLngBounds();\r\n this.getPath().forEach(function (element, index) {\r\n bounds.extend(element)\r\n });\r\n return (bounds);\r\n }\r\n const initPolygon = new google.maps.Polygon({\r\n paths: shape.data,\r\n strokeColor: '#FF0000',\r\n strokeOpacity: 0.8,\r\n strokeWeight: 2,\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.35,\r\n map: map,\r\n editable: false\r\n });\r\n\r\n // let paths = initPolygon.getPaths();\r\n // // let pType = typeof paths;\r\n // // alert(pType);\r\n // // alert(Array.isArray(paths));\r\n // // if (Array.isArray(paths)) {\r\n // // alert('true');\r\n // // }\r\n // paths && paths.forEach((path) => {\r\n // google.maps.event.addListener(path, 'insert_at', () => {\r\n // // alert('insert_at');\r\n // this.setPloygonData(initPolygon);\r\n // \r\n // });\r\n // google.maps.event.addListener(path, 'remove_at', () => {\r\n // // alert('remove_at');\r\n // this.setPloygonData(initPolygon);\r\n // \r\n // });\r\n // google.maps.event.addListener(path, 'set_at', () => {\r\n // // alert('set_at');\r\n // this.setPloygonData(initPolygon);\r\n // \r\n // });\r\n // });\r\n bounds = initPolygon.getBoundingBox();\r\n newCenter = bounds.getCenter();\r\n map.setCenter(newCenter);\r\n map.fitBounds(bounds);\r\n this.setSelection(initPolygon);\r\n // this.setPloygonData(initPolygon); \r\n break;\r\n }\r\n }\r\n }\r\n\r\n //--------------------------------------------------------------------\r\n setMapBounds = (mapData) => {\r\n if (this.myMap && this.myMap.current) {\r\n\r\n let mapComponent = this.myMap.current;\r\n let google = mapComponent.props.google;\r\n let map = mapComponent.map;\r\n if (google, map) {\r\n // let bounds = this.getMapBounds(google, map);\r\n let bounds = null;\r\n // if (mapData && mapData.length > 0) {\r\n // bounds = new google.maps.LatLngBounds();\r\n // let assetClass = mapData[0];\r\n // assetClass && assetClass.asset.forEach((location) => {\r\n // bounds.extend(\r\n // new google.maps.LatLng(location.locationlat, location.locationlng),\r\n // );\r\n // });\r\n // }\r\n if (mapData && mapData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n mapData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n if (bounds) {\r\n map.fitBounds(bounds);\r\n }\r\n }\r\n }\r\n }\r\n // getMapBounds = (google, map) => {\r\n // let bounds = null;\r\n // let assetClass;\r\n\r\n // if (this.props.pMapData && this.props.pMapData.length > 0) {\r\n // bounds = new google.maps.LatLngBounds();\r\n // assetClass = this.props.pMapData[0];\r\n // assetClass.asset.forEach((location) => {\r\n // bounds.extend(\r\n // new google.maps.LatLng(location.locationlat, location.locationlng),\r\n // );\r\n // });\r\n // }\r\n\r\n\r\n // return bounds;\r\n // };\r\n\r\n getMapBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.statusData && this.props.statusData.length > 0) {\r\n bounds = new google.maps.LatLngBounds();\r\n this.props.statusData.forEach((location) => {\r\n bounds.extend(\r\n new google.maps.LatLng(location.locationlat, location.locationlng),\r\n );\r\n\r\n\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n getCompanyBounds = (google, map) => {\r\n\r\n let bounds = null;\r\n if (this.props.userObj.company && this.props.userObj.company.businessArea) {\r\n // \r\n let points = JSON.parse(this.props.userObj.company.businessArea);\r\n bounds = new google.maps.LatLngBounds();\r\n points.forEach((point, index) => {\r\n bounds.extend(\r\n new google.maps.LatLng(point.lat, point.lng),\r\n );\r\n });\r\n }\r\n return bounds;\r\n }\r\n\r\n // getFirstOne = (google, map) => {\r\n // let mylocation = null;\r\n // let assetClass;\r\n\r\n // if (this.props.mapData && this.props.mapData.length > 0) {\r\n // // bounds = new google.maps.LatLngBounds();\r\n // assetClass = this.props.mapData[0];\r\n // assetClass.asset.forEach((location) => {\r\n // // bounds.extend(\r\n // // new google.maps.LatLng(location.locationlat, location.locationlng),\r\n // // );\r\n // \r\n // mylocation = new google.maps.LatLng(location.locationlat, location.locationlng);\r\n // \r\n // });\r\n // }\r\n\r\n\r\n // return mylocation;\r\n // };\r\n //--------------------------------------------------------------------\r\n initMap(mapProps, map) {\r\n // alert('onready');\r\n var self = this;\r\n const { google } = mapProps;\r\n\r\n // --------------------------------------------\r\n // let bounds = this.getMapBounds(google, map);\r\n // if (bounds){\r\n // map.fitBounds(bounds); \r\n // // map.panToBounds(bounds); \r\n // }\r\n // let bounds = this.getCompanyBounds(google, map);\r\n let bounds = this.getMapBounds(google, map);\r\n // \r\n if (bounds) {\r\n map.fitBounds(bounds);\r\n // map.panToBounds(bounds); \r\n }\r\n\r\n // let location = this.getFirstOne(google, map);\r\n // \r\n // \r\n // if (location){\r\n // map.setCenter(location); \r\n // // map.panToBounds(bounds); \r\n // }\r\n // --------------------------------------------\r\n let intiStyles = [\r\n {\r\n featureType: \"poi\",\r\n elementType: \"abels.text\",\r\n stylers: [\r\n { visibility: \"off\" },\r\n // { color: '#f8c967'},\r\n ]\r\n }\r\n ];\r\n map.setOptions({ styles: intiStyles });\r\n // --------------------------------------------\r\n self.setShap(google, map, self.state.shape);\r\n // --------------------------------------------\r\n var input = ReactDOM.findDOMNode(self.refs.inputTest);\r\n var searchBox = new google.maps.places.SearchBox(input);\r\n // map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);\r\n map.addListener('bounds_changed', function () {\r\n searchBox.setBounds(map.getBounds());\r\n });\r\n searchBox.addListener('places_changed', () => {\r\n // alert('test');\r\n var places = searchBox.getPlaces();\r\n // alert(places.length);\r\n if (places.length == 0) {\r\n return;\r\n }\r\n\r\n // this.markers.forEach(function(marker) {\r\n // marker.setMap(null);\r\n // });\r\n // this.markers = [];\r\n\r\n // for (var i = 0; i < places.length; i++) \r\n // {\r\n // // createMarker(results[i]);\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: places[i].geometry.location\r\n // });\r\n // this.markers.push(marker);\r\n // }\r\n map.setCenter(places[0].geometry.location);\r\n });\r\n\r\n // const createMarker = (place) => {\r\n // var marker = new google.maps.Marker({\r\n // map: map,\r\n // position: place.geometry.location\r\n // });\r\n // }\r\n // --------------------------------------------\r\n\r\n // google.maps.event.addListener(drawingManager, 'circlecomplete', function(circle) {\r\n // var radius = circle.getRadius();\r\n // alert(radius);\r\n // });\r\n // --------------------------------------------\r\n var controlMarkerUI = document.createElement('DIV');\r\n // controlMarkerUI.style.cursor = 'pointer';\r\n // // controlMarkerUI.style.backgroundImage = \"url(http://localhost/marker.png)\";\r\n // controlMarkerUI.style.height = '40px';\r\n // controlMarkerUI.style.width = '40px';\r\n // // controlMarkerUI.style.top = '11px';\r\n // // controlMarkerUI.style.left = '120px';\r\n // controlMarkerUI.style.backgroundColor = 'red';\r\n // controlMarkerUI.style.margin = '10px';\r\n // controlMarkerUI.title = 'Click to set the map to Home';\r\n // controlMarkerUI.addEventListener('click', (e)=> {alert('okay');});\r\n // map.controls[google.maps.ControlPosition.RIGHT_TOP].push(controlMarkerUI);\r\n\r\n // let ele = React.createElement(\r\n // 'div',\r\n // {\r\n // // ref: 'mapSearchBtn', \r\n // style:{height:'40px', width: '40px', backgroundColor: 'red', cursor: 'pointer', margin: '10px'}\r\n // },\r\n // 'Click to set the map to Home',\r\n // );\r\n let searchBtn = \r\n
\r\n \r\n {/* \r\n {\r\n temperature ? \r\n {temperature} °C\r\n :\r\n No data\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n // {legendList.map((item, index)=>(\r\n //
\r\n // )\r\n // }\r\n //--------------------------------------------------------------------\r\n render() {\r\n const mapStyle = {\r\n width: '100%',\r\n height: '67vh',\r\n position: 'static',\r\n paddingTop: 10,\r\n // featureType: \"poi\",\r\n // elementType: \"abels.text\",\r\n // stylers: [\r\n // { visibility: \"off\" },\r\n // // { color: '#f8c967'},\r\n // ]\r\n };\r\n const mapContainerStyle = {\r\n width: '100%',\r\n position: 'relative',\r\n };\r\n let v = this.props.values.selectedPlace;\r\n let lat = this.props.values.lat;\r\n let lng = this.props.values.lng;\r\n\r\n // let lat = pos.lat;\r\n\r\n var icon = {\r\n path: \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\", //\"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\",\r\n fillColor: '#FF0000',\r\n fillOpacity: .6,\r\n anchor: new google.maps.Point(0, 0),\r\n strokeWeight: 0,\r\n scale: 1\r\n };\r\n\r\n // const defaultIconPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\";\r\n const defaultIconPath = 'M125 410 c-56 -72 -111 -176 -120 -224 -7 -36 11 -83 49 -124 76 -85 223 -67 270 31 28 60 29 88 6 150 -19 51 -122 205 -148 221 -6 3 -32 -21 -57 -54z m110 -175 c35 -34 33 -78 -4 -116 -35 -35 -71 -37 -105 -7 -40 35 -43 78 -11 116 34 41 84 44 120 7z';\r\n const defaultColor = \"#FF0000\";\r\n\r\n const generateIcon = (color, path) => {\r\n let myPath = \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\"; \r\n // let myPath = \"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\";\r\n if (path && path.length > 0) {\r\n myPath = path;\r\n }\r\n return (\r\n {\r\n //path: \"M-10,0a10,10 0 1,0 20,0a10,10 0 1,0 -20,0\", //\"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\",\r\n // path: \"M17.402,0H5.643C2.526,0,0,3.467,0,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759c3.116,0,5.644-2.527,5.644-5.644 V6.584C23.044,3.467,20.518,0,17.402,0z M22.057,14.188v11.665l-2.729,0.351v-4.806L22.057,14.188z M20.625,10.773 c-1.016,3.9-2.219,8.51-2.219,8.51H4.638l-2.222-8.51C2.417,10.773,11.3,7.755,20.625,10.773z M3.748,21.713v4.492l-2.73-0.349 V14.502L3.748,21.713z M1.018,37.938V27.579l2.73,0.343v8.196L1.018,37.938z M2.575,40.882l2.218-3.336h13.771l2.219,3.336H2.575z M19.328,35.805v-7.872l2.729-0.355v10.048L19.328,35.805z\",\r\n //path: \"m 640,128 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 0,-52 38,-90 38,-38 90,-38 52,0 90,38 38,38 38,90 z M 256,640 H 640 V 896 H 482 q -13,0 -22,-9 L 265,692 q -9,-9 -9,-22 V 640 z M 1536,128 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 0,-52 38,-90 38,-38 90,-38 52,0 90,38 38,38 38,90 z m 256,1088 V 192 q 0,-15 -4,-26.5 -4,-11.5 -13.5,-18.5 -9.5,-7 -16.5,-11.5 -7,-4.5 -23.5,-6 -16.5,-1.5 -22.5,-2 -6,-0.5 -25.5,0 -19.5,0.5 -22.5,0.5 0,-106 -75,-181 -75,-75 -181,-75 -106,0 -181,75 -75,75 -75,181 H 768 q 0,-106 -75,-181 -75,-75 -181,-75 -106,0 -181,75 -75,75 -75,181 h -64 q -3,0 -22.5,-0.5 -19.5,-0.5 -25.5,0 -6,0.5 -22.5,2 Q 105,131 98,135.5 91,140 81.5,147 72,154 68,165.5 64,177 64,192 q 0,26 19,45 19,19 45,19 v 320 q 0,8 -0.5,35 -0.5,27 0,38 0.5,11 2.5,34.5 2,23.5 6.5,37 4.5,13.5 14,30.5 9.5,17 22.5,30 l 198,198 q 19,19 50.5,32 31.5,13 58.5,13 h 160 v 192 q 0,26 19,45 19,19 45,19 h 1024 q 26,0 45,-19 19,-19 19,-45 z\",\r\n path: myPath,\r\n fillColor: color,\r\n fillOpacity: .6,\r\n // anchor: new google.maps.Point(0,0),\r\n strokeWeight: 0,\r\n // scale: 1,\r\n anchor: new google.maps.Point(185, 500),\r\n scale: 0.1,\r\n }\r\n )\r\n };\r\n\r\n // if (this.props.values.selectedPlace.attr){\r\n // \r\n // \r\n // }else{\r\n // \r\n // }\r\n\r\n const renderInfoWin = () => {\r\n if (this.props.values.selectedPlace.attr) {\r\n\r\n\r\n return (\r\n Object.keys(this.props.values.selectedPlace.attr).map((key, i) => (\r\n key != 'Lat' && key != 'Lng' &&\r\n \r\n // \r\n // {item.label}\r\n //
\r\n // ))}\r\n // \r\n {/* \r\n // {this.props.children ?\r\n // React.Children.only(\r\n // React.cloneElement(\r\n // this.props.children, \r\n // // { marker: this.marker,\r\n // // google: this.props.google,\r\n // // map: this.props.map}\r\n // {...this.props}\r\n // )\r\n // ) : null\r\n // }\r\n // \r\n // )\r\n // }\r\n\r\n render() {\r\n // const currentPlayingTitle = 'Mad Max: Fury Road';\r\n // const childrenWithExtraProp = React.Children.map(this.props.children, child => {\r\n // return React.cloneElement(child, {\r\n // ...this.props\r\n // });\r\n // });\r\n\r\n // this.clearAllMarkers();\r\n // this.renderCluster();\r\n return (\r\n \r\n {/* {childrenWithExtraProp} */}\r\n {/* { this.renderCluster()} */}\r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction blinkSymbol(marker, intervals) {\r\n const step = -0.9;\r\n const duration = 300; // ms\r\n const max = 1;\r\n let count = 0;\r\n let scale = 1;\r\n let icon = marker.getIcon();\r\n if (icon) {\r\n let orScale = icon.scale;\r\n const iconInterval = setInterval(() => {\r\n\r\n count++;\r\n if (count <= max && (scale + step) > 0) {\r\n // icon.scale = orScale * ( 1 + int);\r\n icon.scale = icon.scale * (scale + step);\r\n } else {\r\n icon.scale = orScale;\r\n count = 0;\r\n }\r\n marker.setIcon(icon);\r\n }, duration);\r\n if (intervals) {\r\n intervals.push(iconInterval);\r\n }\r\n }\r\n\r\n\r\n}","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {BatteryFullIcon, BatteryEmptyIcon, Battery20Icon, Battery50Icon, Battery80Icon} from 'mdi-react';\r\n\r\nconst BatteryIcon = (props) => {\r\n const renderBattery = () => {\r\n let {level} = props;\r\n // const size = 50;\r\n const size = 30;\r\n const colorEmpty = '#d40000';\r\n const colorLow = '#d40000';\r\n const colorMidLow = '#aa4400';\r\n const colorMidHigh = '#ffcc00';\r\n const colorFull = '#00a900';\r\n switch(level) {\r\n case 0:\r\n return (\r\n \r\n {renderBattery()}\r\n \r\n )\r\n}\r\n\r\nexport default BatteryIcon;","/* eslint-disable */\r\nimport React, {Component} from 'react';\r\nimport { Card, CardImg, CardBody, CardTitle, Col, Container, Row } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { withTranslation } from 'react-i18next';\r\nimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';\r\n\r\nimport WidgetChart1 from './widgets/widget_chart_1';\r\nimport WidgetChart2 from './widgets/widget_chart_2';\r\n\r\nimport WidgetCircle1 from './widgets/widget_circle_1';\r\nimport WidgetCircle2 from './widgets/widget_circle_2';\r\nimport WidgetCircle3 from './widgets/widget_circle_3';\r\nimport WidgetCircle4 from './widgets/widget_circle_4';\r\n\r\nimport styles from './GarageBoard.module.css'\r\n\r\nclass GarageBoard extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n statusData: [],\r\n assetData: [],\r\n images: []\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps){\r\n if(nextProps.statusData && nextProps.assetData) {\r\n\r\n this.setState({ \r\n statusData: nextProps.statusData,\r\n assetData: nextProps.assetData,\r\n images: []\r\n }, () => {\r\n\r\n const { statusData, assetData, images } = this.state\r\n\r\n for (let s = 0; s < statusData.length; s++) {\r\n const status = statusData[s];\r\n let assetResult = assetData.filter((asset) => asset.assetid === status.assetid)\r\n \r\n if (assetResult.length > 0) {\r\n let imageResult = assetResult[0].attributes.filter((attribute) => attribute.attributename === \"Image\")\r\n\r\n if (imageResult.length > 0) {\r\n const imgResult = {\r\n assetid: status.assetid,\r\n src: imageResult[0].value\r\n }\r\n images.push(imgResult)\r\n }\r\n }\r\n }\r\n this.setState({ images })\r\n\r\n })\r\n\r\n }\r\n }\r\n\r\n totalOccupancy = (statusData) => {\r\n if(statusData){\r\n let alarm = statusData.attributes.Alarm;\r\n let total;\r\n let value;\r\n \r\n alarm.forEach(item => {\r\n if(item.value == \"OFF\"){\r\n value = 0;\r\n console.log(isNaN(value))\r\n }\r\n else \r\n value = item.value;\r\n total += value;\r\n })\r\n\r\n return total;\r\n }\r\n }\r\n\r\n handleDeviceOnClick = (e, asset) => {\r\n e.preventDefault();\r\n this.props.toggle(true, asset);\r\n }\r\n\r\n render(){\r\n const {t} = this.props;\r\n\r\n const { statusData, images } = this.state;\r\n \r\n return(\r\n \r\n \r\n {\r\n statusData && statusData.map((g, index) => \r\n {this.handleDeviceOnClick(e, g)}}\r\n className={`${styles['nav-link-effort-pointer']}`}\r\n >\r\n \r\n {\r\n images.length > 0 \r\n && images.filter((img) => img.assetid === g.assetid).length > 0\r\n && (\r\n img.assetid === g.assetid)[0].src}\r\n top\r\n width=\"100%\"\r\n className={`${styles['nav-link-effort-pointer']}`}\r\n />\r\n )\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\n\r\nGarageBoard.propTypes = {\r\n t: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default withTranslation('common')(GarageBoard);\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport { UserContext } from '../../../constants/myContexts';\r\nimport WeatherMap from './WeatherMap';\r\nimport WeatherBarChart from './WeatherBarChart';\r\nimport WeatherLineChart from './WeatherLineChart';\r\nimport TrafficLightWidget from './TrafficLightWidget';\r\nimport BatteryWidget from './BatteryWidget';\r\nimport BatteryIcon from './BatteryIcon';\r\nimport GarageBoard from './GarageBoard';\r\nimport DeviceManagement from './DeviceManagement';\r\nimport StatusTable from './StatusTable';\r\nimport { DeleteCircleIcon, BatteryFullIcon, BatteryEmptyIcon, Battery20Icon, Battery50Icon, Battery80Icon } from 'mdi-react';\r\n// import BatteryFullIcon from 'mdi-react/BatteryFullIcon';\r\nimport './blinking.scss';\r\nimport { weatherSeverity, hex2bin, splitStatusValue, mapWeatherSeverity } from '../../../factories/utils';\r\nimport { reformWeatherAssetData } from '../../../factories/weather';\r\nimport SettingPage from '../../Setting/index';\r\n\r\n\r\nclass GarageMainBoard extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mapProps: {\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: { attr: {} },\r\n },\r\n activeTab: '1',\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n renderLegend = () => {\r\n let legendList = [\r\n { color: 'gray', label: 'No Activity' },\r\n { color: 'red', label: 'Lightning near (<5km)' },\r\n { color: 'orange', label: 'Lightning approaching (5km to 15km)' },\r\n { color: 'yellow', label: 'Lightning Detected (+15km)' },\r\n { color: 'green', label: 'All Clear' },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n status.grouping === \"weather\")}\r\n alarm24HCounts = {this.props.alarm24HCounts}\r\n statusData={this.props.statusData}\r\n alarmSetObj={this.props.alarmSetObj}\r\n\r\n />\r\n \r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default GarageMainBoard;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport {\r\n // compose, \r\n bindActionCreators\r\n} from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { WEB_SUB_CHANNEL_WEATHER, WEB_SUB_CHANNEL_WEATHER_ALARM, WEB_SUB_EVENT_WEATERHR, WEB_SUB_EVENT_ALARM, WEB_SUB_CHANNEL_DEVICE, WEB_SUB_EVENT_DEVICE } from '../../../constants/appConstants';\r\nimport { PARKING_KEYS } from '../../../constants/dataConstants';\r\nimport moment from 'moment';\r\nimport {\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getCompanyAssetClass,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n getWeatherAssetHistoryData,\r\n getWeatherAsset24HData,\r\n getWeatherAsset1MonthData,\r\n clearWeatherAssetHistoryData,\r\n updateWeatherAssetData,\r\n getWeatherHourlyAlarmCount,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n pubsubUpdateWeatherAsset24HData,\r\n getLightning24HAlarmCount,\r\n} from '../../../redux/actions/weatherAction';\r\nimport {\r\n getCalculateResult,\r\n getLatestCalculateResult\r\n} from '../../../redux/actions/assetActions';\r\nimport GarageMainBoard from './GarageMainBoard';\r\nimport HistoryBoard from './HistoryBoard';\r\nimport { toast } from 'react-toastify';\r\nimport { reformWeatherAssetData, reformAlertPubsubData, updateStatusAsset } from '../../../factories/weather';\r\nimport { TIME_OPTION, ATTRIBUTE_NAME_ORDER_PARKING, LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\nimport { ConsoleLineIcon } from 'mdi-react';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\n\r\nconst WEATHER_ASSETCLASS_NAME = 'WeatherStation';\r\nconst WEATHER_ASSETCLASS_NAME_ARRAY = ['ParkingGarage'];\r\nimport { WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT, WEB_SUB_WEBSOCKET_PARKING_DEVICEMESSAGE, WEB_SUB_WEBSOCKET_PARKING_ALERTMESSAGE, WEB_SUB_WEBSOCKET_PARKING_ALARMMESSAGE } from '../../../constants/appConstants';\r\nimport { getJwttoken } from '../../../factories/utils';\r\nimport { Client } from '@stomp/stompjs';\r\nimport { ThemeProvider } from 'styled-components';\r\nvar stompClient;\r\nclass MainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showHistory: false,\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n startTime: null,\r\n endTime: null,\r\n isTimeDisabled: true,\r\n currentAsset: null,\r\n assetList: [],\r\n alarmList: [],\r\n alarmSet: {},\r\n alarmSetObj: {},\r\n statusData: [],\r\n refresh: false,\r\n interval:null\r\n };\r\n this.weatherClassId = null;\r\n // this.eventSource = new EventSource(WEB_SUB_CHANNEL_WEATHER);\r\n // this.alertEventSource = new EventSource(WEB_SUB_CHANNEL_WEATHER_ALARM);\r\n // this.deviceEventSource = new EventSource(WEB_SUB_CHANNEL_DEVICE);\r\n }\r\n\r\n componentDidMount() {\r\n // this.eventSource.addEventListener(\r\n // WEB_SUB_EVENT_WEATERHR, \r\n // (e)=> {\r\n\r\n // this.refreshAssetData(e.data);\r\n // } \r\n // );\r\n // this.alertEventSource.addEventListener(\r\n // WEB_SUB_EVENT_ALARM, \r\n // (e)=> {\r\n\r\n // this.refreshAlarm(e.data);\r\n // this.refreshAlarmSetObjByAlert(e.data);\r\n // this.updateStatusAssetByAlert(e.data);\r\n // } \r\n // );\r\n // this.deviceEventSource.addEventListener(\r\n // WEB_SUB_EVENT_DEVICE, \r\n // (e)=> {\r\n\r\n // // this.refreshDeviceData(e.data);\r\n // this.refreshAttributeHistoryData(e.data);\r\n // } \r\n // );\r\n // --------------------------------------------\r\n this.loadAssetByCompanyClass();\r\n\r\n window.addEventListener(\"resize\", this.resize);\r\n this.resize();\r\n this.connectSocket();\r\n }\r\n //------------------------------------------------------------------------------\r\n connectSocket = () => {\r\n if (stompClient !== null && stompClient !== undefined) {\r\n stompClient.deactivate();\r\n //stompClient = null;\r\n\r\n }\r\n\r\n let query = '?q=' + getJwttoken();\r\n ///////////////////////////////////////////////////\r\n stompClient = new Client({\r\n brokerURL: WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT + query,\r\n reconnectDelay: 5000,\r\n heartbeatIncoming: 4000,\r\n heartbeatOutgoing: 4000,\r\n onConnect: this.connect_callback,\r\n onDisconnect: this.disconnect_callback\r\n });\r\n\r\n stompClient.activate();\r\n //////////////////////////////////////////////////\r\n //let socket_URL = new SockJS(WEB_SUB_WEBSOCKET_WEATHER_ENDPOINT+query);\r\n //stompClient = Stomp.over(socket_URL); \r\n //stompClient.reconnectDelay=5000; \r\n //stompClient.connect({\"Header1\": \"Value\" }, this.connect_callback,this.connectSocket) ;\r\n\r\n }\r\n connect_callback = () => {\r\n // called back after the stompClient is connected and authenticated to the STOMP server\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_PARKING_DEVICEMESSAGE, this.callbackDeviceMessage);\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_PARKING_ALERTMESSAGE, this.callbackAlertMessage);\r\n stompClient.subscribe(WEB_SUB_WEBSOCKET_PARKING_ALARMMESSAGE, this.callbackAlarmMessage);\r\n this.setState({ refresh: false });\r\n }\r\n disconnect_callback = () => {\r\n stompClient.deactivate();\r\n // called back after the stompClient is connected and authenticated to the STOMP server\r\n\r\n }\r\n\r\n\r\n callbackDeviceMessage = (message) => {\r\n // called when the client receives a STOMP DeviceMessage from the server\r\n\r\n if (message.body) {\r\n //console.log(\"got DeviceMessage with body \" + message.body)\r\n } else {\r\n // \r\n }\r\n this.refreshAttributeHistoryData(message.body);\r\n }\r\n callbackAlertMessage = (message) => {\r\n // called when the client receives a STOMP AlertMessage from the server\r\n\r\n\r\n if (message.body) {\r\n //console.log(\"got AlertMessage with body \" + message.body)\r\n } else {\r\n // \r\n }\r\n this.refreshAlarm(message.body);\r\n this.refreshAlarmSetObjByAlert(message.body);\r\n this.updateStatusAssetByAlert(message.body);\r\n }\r\n callbackAlarmMessage = (message) => {\r\n // called when the client receives a STOMP alarmMessage from the server \r\n if (message.body) {\r\n //console.log(\"got AlarmMessage with body \" + message.body)\r\n } else {\r\n // \r\n }\r\n //this.refreshAssetData(message.body);\r\n }\r\n\r\n //-----------------------------------------------------------------\r\n\r\n async componentWillUnmount() {\r\n await clearInterval(this.state.interval)\r\n this.setState({interval:null})\r\n this.clearAssetData();\r\n // if (this.eventSource){\r\n // this.eventSource.close();\r\n // }\r\n // if (this.alertEventSource){\r\n // this.alertEventSource.close();\r\n // }\r\n // if (this.deviceEventSource){\r\n // this.deviceEventSource.close();\r\n // }\r\n if (stompClient !== null && stompClient !== undefined) {\r\n stompClient.deactivate();\r\n\r\n\r\n }\r\n\r\n window.removeEventListener(\"resize\", this.resize)\r\n\r\n }\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.assetData && nextProps.assetData.length > 0 && nextProps.assetData != this.props.assetData) {\r\n\r\n let statusData = reformWeatherAssetData(nextProps.assetData);\r\n\r\n if (statusData && statusData[0].grouping == \"parking\") {\r\n this.setState({\r\n statusData,\r\n });\r\n }\r\n // }\r\n // }\r\n }\r\n }\r\n // ------------------------------------------------------------------------------------------\r\n resize = () => {\r\n let currentIsSmall = (window.innerWidth <= 1370);\r\n this.setState(prev => {\r\n if (currentIsSmall !== prev.isSmall) {\r\n return ({\r\n isSmall: currentIsSmall\r\n });\r\n }\r\n });\r\n }\r\n // ------------------------------------------------------------------------------------------\r\n // ----------- load helpers ------------------\r\n loadAssetByCompanyClass = async () => {\r\n try {\r\n if (this.weatherClassId == null) {\r\n let res = await getCompanyAssetClass();\r\n // \r\n if (res.status === 200 && res.data) {\r\n this.weatherClassId = [];\r\n for (let i = 0; i < res.data.length; i++) {\r\n\r\n if (WEATHER_ASSETCLASS_NAME_ARRAY.includes(res.data[i].assetclassname)) {\r\n let assetclassId = res.data[i].assetclassid;\r\n this.weatherClassId.push(assetclassId);\r\n let assets = res.data[i].assets;\r\n this.setState(prevState => {\r\n if (Array.isArray(prevState.assetList) && prevState.assetList.length > 0) {\r\n return ({\r\n assetList: [...prevState.assetList, ...assets],\r\n });\r\n } else {\r\n return ({\r\n assetList: assets,\r\n });\r\n }\r\n })\r\n }\r\n }\r\n } else {\r\n throw new Error('Failed to get Weather Asset Class!');\r\n }\r\n }\r\n if (this.weatherClassId != null) {\r\n this.loadAssetData(this.weatherClassId);\r\n } else {\r\n throw new Error('Could not find Weather Asset Class!');\r\n }\r\n }\r\n catch (err) {\r\n console.error(err);\r\n toast.error(err);\r\n }\r\n\r\n }\r\n\r\n loadAssetData = (assetclassId) => {\r\n let params = {\r\n // entitygroup:[assetclassId],\r\n entitygroup: assetclassId,\r\n entity: '',\r\n starttime: \"\",\r\n endtime: \"\",\r\n latest: \"1\",\r\n themeid: \"\",\r\n };\r\n this.props.getWeatherAssetData(params);\r\n\r\n }\r\n\r\n // ------------------------------------------------------------------------------------------\r\n // ----------- update helplers ---------------\r\n refreshAssetData = (data) => {\r\n // \r\n try {\r\n let subObj = JSON.parse(data);\r\n // \r\n if (subObj) {\r\n //this.props.assetData\r\n let isInclude = this.props.assetData.some((item) => (item.assetid === subObj.device.assetid));\r\n let isDevice = Object.keys(PARKING_KEYS).some(key => Object.keys(subObj).includes(key))\r\n // \r\n //\r\n //console.log('isInclude && isDevice') \r\n //console.log(isInclude && isDevice) \r\n if (isInclude && isDevice) {\r\n this.props.updateWeatherAssetData(this.props.assetData, subObj);\r\n }\r\n let isCurrent = (this.state.currentAsset && subObj.device && this.state.currentAsset.assetid === subObj.device.assetid);\r\n if (this.state.showHistory && isCurrent && isDevice) {\r\n this.updataHistoryData()\r\n }\r\n }\r\n }\r\n catch (e) {\r\n console.error('sub-error-alert', e);\r\n }\r\n }\r\n clearAssetData = () => {\r\n\r\n }\r\n\r\n refreshAlarm = (data) => {\r\n // \r\n try {\r\n if (data) {\r\n let dataObj = JSON.parse(data);\r\n // \r\n if (dataObj && dataObj.msgList) {\r\n // \r\n this.setState({\r\n alarmList: dataObj.msgList,\r\n alarmObj: dataObj\r\n });\r\n\r\n this.setState(prevState => {\r\n // \r\n for (let alarm of dataObj.msgList) {\r\n // \r\n // \r\n // \r\n if (alarm.assetid && alarm.attrsMap) {\r\n // \r\n if (!prevState.alarmSet[alarm.assetid]) {\r\n // \r\n prevState.alarmSet[alarm.assetid] = {};\r\n }\r\n // \r\n for (let attrubute in alarm.attrsMap) {\r\n prevState.alarmSet[alarm.assetid][attrubute] = {\r\n status: dataObj.status,\r\n value: alarm.attrsMap[attrubute].value,\r\n timestamp: alarm.attrsMap[attrubute].timestamp,\r\n }\r\n }\r\n }\r\n }\r\n\r\n return ({\r\n alarmSet: prevState.alarmSet,\r\n })\r\n });\r\n }\r\n }\r\n }\r\n catch (e) {\r\n console.error('sub-error-alarm', e);\r\n }\r\n };\r\n\r\n refreshAlarmSetObjByAlert = (alertPubsubData) => {\r\n this.setState(prevState => {\r\n let updateData = reformAlertPubsubData(alertPubsubData, prevState.alarmSetObj);\r\n return ({\r\n alarmSetObj: updateData,\r\n });\r\n }, () => {\r\n\r\n });\r\n }\r\n\r\n updateStatusAssetByAlert = (alertPubsubData) => {\r\n this.setState(prevState => {\r\n let updateData = updateStatusAsset(alertPubsubData, prevState.statusData);\r\n return ({\r\n statusData: updateData,\r\n });\r\n }, () => {\r\n\r\n })\r\n }\r\n\r\n refreshDeviceData = (data) => {\r\n // \r\n\r\n try {\r\n if (data) {\r\n // \r\n let dataObj = JSON.parse(data);\r\n // \r\n if (dataObj && dataObj.msgs && dataObj.msgs.length > 0 && dataObj.msgs[dataObj.msgs.length - 1].msg) {\r\n let hasAssetObj = this.props.assetData.some((item) => (item.assetid === dataObj.assetid));\r\n // \r\n // \r\n // \r\n if (hasAssetObj) {\r\n let msgObj = dataObj.msgs[dataObj.msgs.length - 1].msg;\r\n let isInclude = !Object.keys(msgObj).some(item => (Object.values(PARKING_KEYS).includes(item)));\r\n // \r\n // \r\n if (isInclude) {\r\n // updata asset data.\r\n // \r\n // this.props.updatePubSubAssetData(this.props.assetData, dataObj);\r\n this.loadAssetByCompanyClass();\r\n let isCurrent = (this.state.currentAsset && this.state.currentAsset.assetid === dataObj.assetid);\r\n if (this.state.showHistory && isCurrent) {\r\n this.updataHistoryData()\r\n }\r\n }\r\n }\r\n }\r\n }\r\n } catch (e) {\r\n console.error('sub-error-device', e);\r\n }\r\n }\r\n // -------------------------------------------------------------------------------------------\r\n toggle = (toggle, asset) => {\r\n\r\n if (toggle != undefined && toggle != null && typeof toggle === 'boolean') {\r\n // setShowHistory(toggle);\r\n this.setState({\r\n showHistory: toggle,\r\n }, async() => { \r\n await this.onShowHistoryChange(asset);\r\n if(this.state.interval === null){\r\n let inIntervId = setInterval(this.reloadData, 900000);\r\n this.setState({\r\n interval:inIntervId\r\n })\r\n }\r\n\r\n\r\n });\r\n } else {\r\n // setShowHistory(!showHistory);\r\n this.setState(prevState => ({\r\n showHistory: !prevState.showHistory,\r\n }),\r\n async () => {\r\n \r\n this.onShowHistoryChange()\r\n await clearInterval(this.state.interval)\r\n this.setState({\r\n interval:null\r\n })\r\n }\r\n );\r\n }\r\n\r\n }\r\n\r\n reloadData = () => {\r\n let { currentAsset} = this.state;\r\n\r\n let endDateStr = moment().format('YYYY-MM-DD');\r\n let assetId = currentAsset ? currentAsset.assetid : 0;\r\n if (assetId > 0){\r\n let obj = {\r\n \"assetId\": assetId,\r\n \"deviceId\": 0,\r\n \"msgId\": 0,\r\n \"attributeId\": 0,\r\n \"startTime\": endDateStr + \" \" + TIME_OPTION[0].label,\r\n \"endTime\": endDateStr + \" \" + TIME_OPTION[24].label\r\n \r\n }\r\n \r\n this.props.getLatestCalculateResult({assetId: assetId})\r\n this.props.getCalculateResult(obj);\r\n }\r\n\r\n }\r\n \r\n\r\n\r\n handleFilterChange = (newState) => {\r\n this.setState(prevState => (\r\n { ...newState }\r\n ),\r\n () => {\r\n this.updataHistoryData();\r\n this.updateAttributeHistoryData();\r\n }\r\n );\r\n }\r\n\r\n onShowHistoryChange = (asset) => {\r\n if (this.state.showHistory) {\r\n this.onHistoryShow(asset);\r\n } else {\r\n this.onHistoryHide();\r\n }\r\n }\r\n onHistoryShow = (asset) => {\r\n // let endtime = new Date();\r\n let endtime = moment();\r\n let starttime = moment(endtime).subtract(3, 'days');\r\n // let currentAsset = asset;\r\n let currentAsset = this.state.assetList.find((item, index) => (item.assetid === asset.assetid));\r\n if (!currentAsset) {\r\n currentAsset = this.state.assetList[0];\r\n }\r\n // let currentAsset = this.state.assetList[0];\r\n this.setState({\r\n currentAsset: currentAsset,\r\n startDateMoment: starttime,\r\n endDateMoment: endtime,\r\n },\r\n () => {\r\n this.props.getLatestCalculateResult({assetId: asset.assetid})\r\n this.updataHistoryData(); //might not be necessary\r\n this.updateAttributeHistoryData(); //might not be necessary\r\n }\r\n );\r\n }\r\n onHistoryHide = () => {\r\n this.props.clearWeatherAlarmCount();\r\n this.props.clearWeatherAssetHistoryData();\r\n }\r\n\r\n updataHistoryData = () => {\r\n let { currentAsset, startDateMoment, endDateMoment, startTime, endTime, isTimeDisabled } = this.state;\r\n // \r\n let startDateStr = startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '';\r\n let endDateStr = endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '';\r\n let defaultStr = moment().format('YYYY-MM-DD');\r\n if (startDateStr === '' || endDateStr === '') {\r\n return;\r\n }\r\n if (startDateStr === endDateStr) {\r\n if (isTimeDisabled) {\r\n this.setState({\r\n isTimeDisabled: false,\r\n });\r\n }\r\n if (startTime && endTime) {\r\n let hourlyParam = {\r\n assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n starttime: `${startDateStr}:${startTime.value}:${endTime.value}`,\r\n cntHours: 1,//'2020-02-27',\r\n }\r\n this.props.getWeatherHourlyAlarmCount(hourlyParam);\r\n // return;\r\n }\r\n\r\n } else {\r\n if (!isTimeDisabled) {\r\n this.setState({\r\n isTimeDisabled: true,\r\n });\r\n }\r\n let param = {\r\n assetid: currentAsset ? currentAsset.assetid : 0, //1118,\r\n // starttime: startDateMoment ? startDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-20',\r\n // endtime: endDateMoment ? endDateMoment.utc().format('YYYY-MM-DD') : '',//'2020-02-27',\r\n starttime: startDateStr,\r\n endtime: endDateStr,\r\n }\r\n let obj = {\r\n\r\n \"assetId\": currentAsset ? currentAsset.assetid : 0,\r\n \"deviceId\": 0,\r\n \"msgId\": 0,\r\n \"attributeId\": 0,\r\n \"startTime\": defaultStr + \" \" + TIME_OPTION[0].label,\r\n \"endTime\": defaultStr + \" \" + TIME_OPTION[24].label\r\n\r\n }\r\n this.props.getLatestCalculateResult({assetId: currentAsset ? currentAsset.assetid : 0})\r\n this.props.getCalculateResult(obj);\r\n this.props.getWeatherAlarmCount(param);\r\n\r\n }\r\n }\r\n\r\n updateAttributeHistoryData = () => {\r\n let { currentAsset, startDateMoment, endDateMoment, startTime, endTime, isTimeDisabled } = this.state;\r\n let startTimestamp = startDateMoment ? startDateMoment.utc().valueOf() : 0;\r\n let endTimestamp = endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf();\r\n\r\n\r\n\r\n if (startTimestamp === endTimestamp) {\r\n if (isTimeDisabled) {\r\n this.setState({\r\n isTimeDisabled: false,\r\n });\r\n }\r\n if (startTimestamp != 0 && startTime && endTime) {\r\n\r\n let startDateStr = startDateMoment.format('YYYY-MM-DD');\r\n if (startDateStr) {\r\n startTimestamp = moment(`${startDateStr}T${startTime.value}`).utc().valueOf();\r\n endTimestamp = moment(`${startDateStr}T${endTime.value}`).utc().valueOf();\r\n }\r\n }\r\n }\r\n // \r\n // \r\n\r\n\r\n const assetCreteria = {\r\n entity: currentAsset ? currentAsset.assetid : 0,\r\n }\r\n const historyCreteria = {\r\n ...assetCreteria,\r\n starttime: startTimestamp, //startDateMoment ? startDateMoment.utc().valueOf(): 0,\r\n endtime: endTimestamp, //endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf(),\r\n }\r\n // this.props.getWeatherAssetHistoryData(historyCreteria);\r\n\r\n // fetching 24 hour data\r\n this.props.getWeatherAsset24HData(assetCreteria);\r\n\r\n // fetching 1 month data\r\n this.props.getWeatherAsset1MonthData(assetCreteria);\r\n\r\n // this.props.getLightning24HAlarmCount(currentAsset.assetid);\r\n }\r\n\r\n refreshAttributeHistoryData = (pubsubData) => {\r\n let { startDateMoment, endDateMoment, } = this.state;\r\n this.props.pubsubUpdateWeatherAssetHistoryData(pubsubData, startDateMoment, endDateMoment);\r\n this.props.pubsubUpdateWeatherAsset24HData(pubsubData);\r\n }\r\n // -------------------------------------------------------------------------------------------\r\n renderSpinner = () => {\r\n return (\r\n \r\n {this.props.assetDataLoading &&\r\n \r\n );\r\n }\r\n\r\n render() {\r\n // \r\n // \r\n // \r\n // \r\n let currentAssetData = null;\r\n let historyObjData = null\r\n let history24HObjData = null;\r\n //console.log('here12')\r\n\r\n if (this.state.currentAsset && this.props.assetData) {\r\n currentAssetData = this.props.assetData.find((item) => (item.assetid == this.state.currentAsset.assetid));\r\n // \r\n }\r\n if (this.state.currentAsset && this.props.assetHistoryObj) {\r\n if (this.props.assetHistoryObj[this.state.currentAsset.assetid]) {\r\n historyObjData = [];\r\n let dataList = Object.values(this.props.assetHistoryObj[this.state.currentAsset.assetid]);\r\n for (let attrname of ATTRIBUTE_NAME_ORDER_PARKING) {\r\n let attr = dataList.find(item => (attrname == item.displayname));\r\n if (attr) {\r\n historyObjData.push(attr);\r\n }\r\n }\r\n }\r\n }\r\n if (this.state.currentAsset && this.props.asset24HObj) {\r\n // \r\n if (this.props.asset24HObj[this.state.currentAsset.assetid]) {\r\n // history24HObjData = Object.values(this.props.asset24HObj[this.state.currentAsset.assetid]);\r\n history24HObjData = [];\r\n let dataList = Object.values(this.props.asset24HObj[this.state.currentAsset.assetid]);\r\n for (let attrname of ATTRIBUTE_NAME_ORDER_PARKING) {\r\n let attr = dataList.find(item => (attrname == item.displayname));\r\n if (attr) {\r\n history24HObjData.push(attr);\r\n }\r\n }\r\n }\r\n // \r\n // \r\n }\r\n //console.log('here2')\r\n \r\n \r\n //\r\n return (\r\n \r\n {/* */}\r\n {\r\n this.state.showHistory ?\r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n\r\n const weather = state.weather;\r\n // const deviceTypes = [];\r\n const props = { weather, ...state.asset };\r\n \r\n return {...weather, ...state.asset};\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getWeatherAlarmCount,\r\n clearWeatherAlarmCount,\r\n getWeatherAssetHistoryData,\r\n getWeatherAsset24HData,\r\n getWeatherAsset1MonthData,\r\n clearWeatherAssetHistoryData,\r\n updateWeatherAssetData,\r\n getWeatherHourlyAlarmCount,\r\n updatePubSubAssetData,\r\n pubsubUpdateWeatherAssetHistoryData,\r\n pubsubUpdateWeatherAsset24HData,\r\n getLightning24HAlarmCount,\r\n getCalculateResult,\r\n getLatestCalculateResult\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MainBoard);","/* eslint-disable */\r\nimport React from 'react';\r\n\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\nimport HistoryBoard from './components/HistoryBoard';\r\nimport MainBoard from './components/MainBoard';\r\nimport { getCurrentUser } from '../../factories/auth';\r\nimport {UserContext} from '../../constants/myContexts';\r\n\r\nconst WeatherPage = (props) => {\r\n let {userObj} = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error('Can not fetch login user information, Please re-login.');\r\n props.history.push('/log_out');\r\n } else {\r\n \r\n }\r\n\r\n return (\r\n \r\n {this.props.message}\r\n \r\n )\r\n } else {\r\n return null;\r\n }\r\n };\r\n \r\n validateForm = () => {\r\n return this.state.username;\r\n }\r\n \r\n setPasswordMessage = (message) => {\r\n this.setState({ forgetPasswordMessage: message })\r\n }\r\n\r\n initTheme = () => {\r\n var x = document.URL\r\n fetch(`${WEB_SERVICE_ROOT}BrandingLogin?url=${x}`).then(response => response ? response.json() : {}).then(data => {\r\n if (data.length > 0) {\r\n let companyTheme = data[0]\r\n //set logo\r\n if (companyTheme) {\r\n this.props.changeThemeToCustom();\r\n this.setState({custom: true, loginTheme: companyTheme})\r\n // document.documentElement.style.setProperty('--appFontColor', companyTheme.loginFontColor);\r\n // if (companyTheme.loginLogo) {\r\n // setLogo(`${WEB_SERVICE_LOGO}${companyTheme.loginLogo}`)\r\n // }\r\n // setloginTheme(companyTheme)\r\n }\r\n\r\n }\r\n }).catch(e => console.error(e.message));\r\n }\r\n \r\n render() {\r\n if (sessionStorage.getItem('isAuthenticated') && 'true' == sessionStorage.getItem('isAuthenticated')) {\r\n return \r\n \r\n \r\n \r\n name}\r\n getOptionValue={({ id }) => id}\r\n style={{ width: \"70%\" }}\r\n />\r\n \r\n \r\n \r\n name}\r\n getOptionValue={({ id }) => id}\r\n isdisabled={true}\r\n style={{ width: \"70%\" }}\r\n />\r\n \r\n ) : null}\r\n \r\n
\r\n
\r\n\r\n */}\r\n {this.state.selectedDeviceInfo &&\r\n this.state.selectedDeviceInfo != undefined &&\r\n this.state.selectedDeviceInfo != null ? (\r\n assetid == this.state.selectedAssetId\r\n )\r\n : this.props.assetData\r\n }\r\n deviceAttrList={this.props.deviceAttrList}\r\n selectedDeviceAttr={deviceAttributes}\r\n statusData={this.state.statusData}\r\n currentAssetData={this.props.currentAssetData}\r\n messageDecodeList={this.props.messageDecodeList}\r\n messageDecodeGroup={this.props.messageDecodeGroup}\r\n historyDataObj={this.props.historyDataObj}\r\n powerAttrList={filteredPowerAttrList}\r\n />\r\n ) : null}\r\n {/* */}\r\n \r\n
\r\n {this.renderSpinner()}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PowerManagementBoard;\r\n","/*eslint-disable*/\r\nimport React, { Component, Fragment } from \"react\";\r\nimport PowerManagementBoard from \"./PowerManagementBoard\";\r\nimport {\r\n Col,\r\n Card,\r\n TabContent,\r\n TabPane,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n} from \"reactstrap\";\r\nimport classNames from \"classnames\";\r\nimport { getCurrentUser } from \"../../../factories/utils\";\r\nimport { SingleSelection } from \"../../Asset/components/SelectionComponents\";\r\n\r\nclass PowerManagementMainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n let index = localStorage.getItem(\"activeTab\");\r\n this.state = {\r\n activeTab: index ? index : \"1\",\r\n };\r\n\r\n this.userObj = getCurrentUser();\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n toggleTab = (tab) => {\r\n localStorage.setItem(\"activeTab\", tab);\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n // console.log(\"===this.props.historyDataObjPowerMain\", this.props.historyDataObj);\r\n return (\r\n \r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction NavTabs({ activeTab, toggleTab }) {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default PowerManagementMainBoard;\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment, useEffect, useState } from \"react\";\r\nimport { getCurrentUser } from \"../../../factories/utils\";\r\nimport PowerManagementMainBoard from \"./PowerManagementMainBoard\";\r\nimport { connect } from \"react-redux\";\r\nimport { loadAssets, loadClasses } from \"../../../redux/actions/assetActions\";\r\nimport {\r\n loadDevice,\r\n loadDeviceInfo,\r\n getDeviceAttributes,\r\n} from \"../../../redux/actions/mapActions\";\r\nimport {\r\n loadMessageDecode,\r\n loadMessageDecodeGroup,\r\n} from \"../../../redux/actions/decoderActions\";\r\nimport { getPowerAssetData } from \"../../../redux/actions/powerAction\";\r\nimport {\r\n reformWeatherAssetData,\r\n reformAlertPubsubData,\r\n updateStatusAsset,\r\n} from \"../../../factories/weather\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport {\r\n getCompanyAssetClass,\r\n getWeatherAssetData,\r\n getPowerAssetHistoryData,\r\n clearWeatherAssetData,\r\n getWeatherAssetHistoryData,\r\n clearWeatherAssetHistoryData,\r\n clearPowerAssetHistoryData,\r\n} from \"../../../redux/actions/weatherAction\";\r\nimport { toast } from 'react-toastify';\r\n\r\nconst POWER_ASSETCLASS_NAME_ARRAY = [\r\n \"Power Management \",\r\n \"Power Management Demo\",\r\n \"Power Management\",\r\n];\r\n\r\nclass MainBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n let index = localStorage.getItem(\"activeTab\");\r\n this.state = {\r\n showHistory: false,\r\n startDateMoment: null,\r\n endDateMoment: null,\r\n startTime: null,\r\n endTime: null,\r\n isTimeDisabled: true,\r\n currentAsset: null,\r\n assetList: [],\r\n deviceid: null,\r\n alarmList: [],\r\n alarmSet: {},\r\n alarmSetObj: {},\r\n statusData: [],\r\n refresh: false,\r\n interval: null,\r\n };\r\n\r\n this.userObj = getCurrentUser();\r\n this.powerClassId = null;\r\n }\r\n\r\n componentDidMount() {\r\n this.props.loadDevice();\r\n this.props.loadDeviceInfo();\r\n this.props.loadAssets();\r\n this.props.loadClasses();\r\n this.props.loadMessageDecode();\r\n this.props.loadMessageDecodeGroup();\r\n this.loadAssetByCompanyClass();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (\r\n nextProps.assetData &&\r\n nextProps.assetData.length > 0 &&\r\n nextProps.assetData != this.props.assetData\r\n ) {\r\n let statusData = reformWeatherAssetData(nextProps.assetData);\r\n this.setState({\r\n statusData,\r\n });\r\n }\r\n this.updateHistoryDataObj();\r\n }\r\n // POWER_ASSETCLASS_NAME_ARRAY needs to be dynamic but I am still thinking how to do it when we create a new assetclass.\r\n loadAssetByCompanyClass = async () => {\r\n try {\r\n if (this.powerClassId == null) {\r\n let res = await getCompanyAssetClass();\r\n //\r\n if (res.status === 200 && res.data) {\r\n this.powerClassId = [];\r\n for (let i = 0; i < res.data.length; i++) {\r\n if (\r\n POWER_ASSETCLASS_NAME_ARRAY.includes(res.data[i].assetclassname)\r\n ) {\r\n let assetclassId = res.data[i].assetclassid;\r\n this.powerClassId.push(assetclassId);\r\n let assets = res.data[i].assets;\r\n this.setState((prevState) => {\r\n if (\r\n Array.isArray(prevState.assetList) &&\r\n prevState.assetList.length > 0\r\n ) {\r\n return {\r\n assetList: [...prevState.assetList, ...assets],\r\n };\r\n } else {\r\n return {\r\n assetList: assets,\r\n };\r\n }\r\n });\r\n }\r\n }\r\n } else {\r\n throw new Error(\"Failed to get power management Asset Class!\");\r\n }\r\n }\r\n if (this.powerClassId != null) {\r\n this.loadAssetData(this.powerClassId);\r\n } else {\r\n throw new Error(\"Could not find Power Asset Class!\");\r\n }\r\n } catch (err) {\r\n console.error(err);\r\n toast.error(err);\r\n }\r\n };\r\n\r\n loadAssetData = (assetclassId) => {\r\n let params = {\r\n entitygroup: assetclassId,\r\n entity: \"\",\r\n starttime: \"\",\r\n endtime: \"\",\r\n latest: \"1\",\r\n themeid: \"\",\r\n };\r\n\r\n this.props.getWeatherAssetData(params);\r\n };\r\n\r\n updateAttributeHistoryData = async (historyCriteria) => {\r\n await this.props.getPowerAssetHistoryData(historyCriteria);\r\n // let {\r\n // currentAsset,\r\n // startDateMoment,\r\n // endDateMoment,\r\n // startTime,\r\n // endTime,\r\n // isTieDisabled,\r\n // } = this.state;\r\n // let startTimestamp = startDateMoment ? startDateMoment.utc().valueOf() : 0;\r\n // let endTimestamp = endDateMoment\r\n // ? endDateMoment.utc().valueOf()\r\n // : moment()\r\n // .utc()\r\n // .valueOf();\r\n\r\n // if (startTimestamp == endTimestamp) {\r\n // if (isTimeDisabled) {\r\n // this.setState({\r\n // isTimeDisabled: false,\r\n // });\r\n // }\r\n // if (startTimestamp != 0 && startTime && endTime) {\r\n // let startDateStr = startDateMoment.format(\"YYY-MM-DD\");\r\n // if (startDateStr) {\r\n // startTimestamp = moment(`${startDateStr}T${startTime.value}`)\r\n // .utc()\r\n // .valueOf();\r\n // endTimestamp = moment(`${startDateStr}T${endTime.value}`)\r\n // .utc()\r\n // .valueOf();\r\n // }\r\n // }\r\n // }\r\n\r\n // const assetCriteria = {\r\n // entity: currentAsset ? currentAsset.assetid : 0,\r\n // };\r\n\r\n // const historyCriteria = {\r\n // ...assetCriteria,\r\n // starttime: startTimestamp,\r\n // endtime: endTimestamp,\r\n // };\r\n };\r\n\r\n toggle = (toggle, asset) => {};\r\n\r\n historyDataProcessor = (assetid, deviceid) => {\r\n // console.log(\r\n // \"===finalHistoryObj\",\r\n // Object.values(this.props.power.powerAssetHistoryObj[assetid])\r\n // );\r\n return Object.values(this.props.power.powerAssetHistoryObj[assetid]);\r\n };\r\n\r\n filterHistroyObj = (obj, deviceid) => {\r\n let filterByDevice = Object.fromEntries(\r\n Object.entries(obj).filter(([key]) => key.includes(deviceid))\r\n );\r\n\r\n return Object.values(filterByDevice);\r\n };\r\n\r\n setDeviceid = (deviceid) => {\r\n this.setState({\r\n deviceid,\r\n });\r\n };\r\n\r\n updateHistoryDataObj = () => {\r\n if (\r\n this.props.power.powerAssetHistoryObj &&\r\n this.props.power.powerAssetHistoryObj.length != 0\r\n ) {\r\n let historyObj = this.props.power.powerAssetHistoryObj;\r\n\r\n for (let key in historyObj[Object.keys(historyObj)[0]]) {\r\n historyObj[Object.keys(historyObj)[0]][key].graphname =\r\n historyObj[Object.keys(historyObj)[0]][key].displayname +\r\n \" - \" +\r\n key.split(\":\")[0];\r\n }\r\n var historyDataObj = this.filterHistroyObj(\r\n historyObj[Object.keys(historyObj)[0]],\r\n this.state.deviceid\r\n );\r\n }\r\n return historyDataObj;\r\n };\r\n render() {\r\n if (\r\n this.props.power.powerAssetHistoryObj &&\r\n this.props.power.powerAssetHistoryObj.length != 0\r\n ) {\r\n // var oldhistoryDataObj = this.historyDataProcessor(\r\n // Object.keys(this.props.power.powerAssetHistoryObj)\r\n // );\r\n let historyObj = this.props.power.powerAssetHistoryObj;\r\n\r\n for (let key in historyObj[Object.keys(historyObj)[0]]) {\r\n historyObj[Object.keys(historyObj)[0]][key].graphname =\r\n historyObj[Object.keys(historyObj)[0]][key].displayname +\r\n \" - \" +\r\n key.split(\":\")[0];\r\n }\r\n var historyDataObj = this.filterHistroyObj(\r\n historyObj[Object.keys(historyObj)[0]],\r\n this.state.deviceid\r\n );\r\n // let filterHistoryData = Object.fromEntries(\r\n // Object.entries(historyObj[Object.keys(historyObj)[0]]).filter(([key]) =>\r\n // key.includes(\"POWER01\")\r\n // )\r\n // );\r\n // console.log(\"===ProcessorBefore\", oldhistoryDataObj);\r\n // console.log(\"===ProcessorAfter\", historyDataObj);\r\n // console.log(\"===historyObjBefore\", historyObj);\r\n // console.log(\"===historyObjAfter\", filterHistoryData);\r\n // console.log(\"===Object.keys(this.props.power.powerAssetHistoryObj)\", Object.keys(this.props.power.powerAssetHistoryObj));\r\n // console.log(\"===finalObject.values(historyObjAfter)\", Object.values(filterHistoryData));\r\n // console.log(\"===this.props.power.powerAssetHistoryObj\", this.props.power.powerAssetHistoryObj);\r\n // console.log(\"===ProcessorBefore\", this.props.power.powerAssetHistoryObj);\r\n //myobj[Object.keys(myobj)[0]]\r\n }\r\n return (\r\n \r\n (item.assetclassid == 216 || item.assetclassid == 225)\r\n )}\r\n statusData={this.state.statusData}\r\n assetData={this.props.assetData}\r\n assetHistoryObj={this.props.assetHistoryObj}\r\n assetExpendData={this.props.assetExpendData}\r\n deviceList={this.props.currentDeviceList}\r\n deviceAttrList={this.props.deviceAttrList}\r\n setDeviceid={this.setDeviceid}\r\n messageDecodeList={this.props.messageDecodeList}\r\n messageDecodeGroup={this.props.messageDecodeGroup}\r\n updateAttributeHistoryData={this.updateAttributeHistoryData}\r\n historyDataObj={historyDataObj}\r\n powerAttrList={this.props.power.powerAttrList}\r\n power={this.props.power}\r\n toggle={this.toggle}\r\n />\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n let props = {\r\n deviceAttrList: state.mapboard.deviceAttrList,\r\n messageDecodeList: state.messagedecode.messageDecodeList,\r\n messageDecodeGroup: state.messagedecode.messageDecodeGroup,\r\n assetData: state.weather.assetData,\r\n assetHistoryObj: state.weather.powerAssetHistoryObj,\r\n assetExpendData: state.weather.assetExpendData,\r\n power: state.weather,\r\n ...state.asset,\r\n };\r\n return props;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators(\r\n {\r\n loadDevice,\r\n loadDeviceInfo,\r\n loadAssets,\r\n loadClasses,\r\n getDeviceAttributes,\r\n loadMessageDecode,\r\n loadMessageDecodeGroup,\r\n getPowerAssetData,\r\n getPowerAssetHistoryData,\r\n getWeatherAssetData,\r\n clearWeatherAssetData,\r\n getWeatherAssetHistoryData,\r\n clearWeatherAssetHistoryData,\r\n clearPowerAssetHistoryData,\r\n },\r\n dispatch\r\n );\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MainBoard);\r\n\r\n// for(let i =0; i != Object.values(historyObj).length; i++) {\r\n// for(let deviceid in historyObj[Object.keys(historyObj)[i]]) {\r\n// console.log(\"===i includes\", deviceid.includes(\"POWER01\"));\r\n// console.log(\"===i in\", deviceid);\r\n// if(deviceid.includes(\"POWER02\")) {\r\n// let attr = []\r\n// for(let q = 0; q != Object.values(historyObj[Object.keys(historyObj)[i]]).length ; q++){\r\n// attr.push(Object.values(historyObj[Object.keys(historyObj)[i]]))\r\n// };\r\n// console.log(\"===i attr\", attr);\r\n// Object.values(historyObj[Object.keys(historyObj)[i]])\r\n// console.log(\"=== i includes key\", Object.values(historyObj[Object.keys(historyObj)[i]]));\r\n// }\r\n// }\r\n// console.log(\"===i\", historyObj[Object.keys(historyObj)[i]]);\r\n// console.log(\"===i.length\", Object.values(historyObj[Object.keys(historyObj)[i]]).length);\r\n// console.log(\"===i.values\", Object.values(historyObj[Object.keys(historyObj)[i]]));\r\n// console.log(\"===key == value\", i );\r\n// let filterHistoryData = Object.fromEntries(Object.entries(historyObj[Object.keys(historyObj)[i]]).filter(([key]) => key.includes(\"POWER02\")))\r\n// }\r\n\r\n// for (let i = 0; i != Object.values(historyObj).length; i++) {\r\n// for (let deviceid in historyObj[Object.keys(historyObj)[i]]) {\r\n// console.log(\"===i includes\", deviceid.includes(\"POWER01\"));\r\n// console.log(\"===i in\", deviceid);\r\n// if (deviceid.includes(\"POWER02\")) {\r\n// let attr = [];\r\n// for (\r\n// let q = 0;\r\n// q != Object.values(historyObj[Object.keys(historyObj)[i]]).length;\r\n// q++\r\n// ) {\r\n// attr.push(Object.values(historyObj[Object.keys(historyObj)[i]]));\r\n// }\r\n// console.log(\"===i attr\", attr);\r\n// Object.values(historyObj[Object.keys(historyObj)[i]]);\r\n// console.log(\r\n// \"=== i includes key\",\r\n// Object.values(historyObj[Object.keys(historyObj)[i]])\r\n// );\r\n// }\r\n// }\r\n// console.log(\"===i\", historyObj[Object.keys(historyObj)[i]]);\r\n// console.log(\r\n// \"===i.length\",\r\n// Object.values(historyObj[Object.keys(historyObj)[i]]).length\r\n// );\r\n// console.log(\r\n// \"===i.values\",\r\n// Object.values(historyObj[Object.keys(historyObj)[i]])\r\n// );\r\n// console.log(\"===key == value\", i);\r\n// let filterHistoryData = Object.fromEntries(\r\n// Object.entries(historyObj[Object.keys(historyObj)[i]]).filter(\r\n// ([key]) => key.includes(\"POWER02\")\r\n// )\r\n// );\r\n// }\r\n// }\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Col, Row, Container } from \"reactstrap\";\r\nimport { UserContext } from \"../../constants/myContexts\";\r\nimport { getCurrentUser } from \"../../factories/auth\";\r\nimport MainBoard from \"./components/MainBoard\";\r\n\r\nconst PowerManagementPage = (props) => {\r\n let { userObj } = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error(\"Can not fetch login user information, please re-login.\");\r\n } else {\r\n }\r\n\r\n return (\r\n {\r\n return (\r\n \r\n )\r\n }\r\n return (\r\n \r\n {Title} \r\n {type==='nvr'? renderAddNVRForm(): ''} \r\n \r\n )\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n addNVR: (nvr) => dispatch(addNVR(nvr)),\r\n loadNVRs: () => dispatch(loadNVRs())\r\n }\r\n}\r\n\r\n\r\n\r\nexport default connect(null, mapDispatchToProps)(AddDeviceModal);","/* eslint-disable */\r\nimport React, { Component, useEffect, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { useHistory, withRouter } from \"react-router-dom\";\r\nimport BootstrapTableNext from 'react-bootstrap-table-next'\r\nimport paginationFactory from 'react-bootstrap-table2-paginator';\r\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';\r\nimport ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';\r\nconst { SearchBar, ClearSearchButton } = Search;\r\n\r\nimport Select from 'react-select';\r\n\r\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';\r\nimport 'react-bootstrap-table2-toolkit/dist/react-bootstrap-table2-toolkit.min.css';\r\nimport moment from 'moment';\r\nimport { Col, Row, Label, Input, Button, Table } from 'reactstrap';\r\n\r\nimport { EditIcon, DeleteIcon, EmailIcon, FileDocumentBoxMultipleIcon, PlusCircleIcon, TrashCanOutlineIcon } from 'mdi-react';\r\nimport { EditTextButton, DeleteTextButton } from '../../../shared/components/Button/IconButton';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2\r\n // AdjustableDiv\r\n} from '../../../shared/components/Table/tableElements';\r\nimport icon_edit from '../../../shared/img/icon/edit.png';\r\nimport icon_delete from '../../../shared/img/icon/delete.png';\r\nimport { TableHeaderColumn } from 'react-bootstrap-table';\r\nimport AssetFilter from \"./AssetFilter\";\r\nimport { useState } from 'react';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport { LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\nimport { after, filter, set } from 'lodash';\r\nimport {getCurrentUser} from \"../../../factories/auth\";\r\nimport AddDeviceModal from '../../Device/components/AddDeviceModal';\r\n\r\n//rowClasses\r\nconst smartBuildingDeviceRowClass = (row, rowIndex) => {\r\n return 'device-table-row';\r\n}\r\n\r\n\r\n\r\nconst RenderDeviceList = ({ deviceList, devmaStatus, devmaNvr, type }) => {\r\n const [Columns, setColumns] = useState(null);\r\n const [Filter, setFilter] = useState({});\r\n const [TableData, setTableData] = useState(null);\r\n const [onlineFilter, setonlineFilter] = useState(false);\r\n const [offlineFilter, setofflineFilter] = useState(false);\r\n const [selectedLocation, setSelectedLocation] = useState(null);\r\n const [locationOpt, setlocationOpt] = useState([]);\r\n const [onlineDevicesCount, setonlineDevicesCount] = useState(null);\r\n const [offlineDevicesCount, setofflineDevicesCount] = useState(null);\r\n const [addModalVisible, setaddModalVisible] = useState(false);\r\n const userObj = getCurrentUser();\r\n const customStyles ={\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': {backgroundColor: userObj.detail?.appButtonColorHover},\r\n backgroundColor: state.isFocused ? userObj.detail?.appButtonColorHover: \"white\",\r\n }),\r\n control: (base,selectState) => ({\r\n ...base,\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? userObj.detail?.appButtonColorHover: base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': {borderColor: selectState.isFocused ? userObj.detail?.appButtonColorHover: base.borderColor}\r\n }),\r\n indicatorsContainer: (base,selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n const statusFormatter = (cell) => (\r\n \r\n {/* {this.state.loading && */}\r\n \r\n );\r\n }\r\n\r\n // const handelAfterSearch = (newResult) => {\r\n // const statusCount = getStatusCount(newResult);\r\n // for (let i=0;Columns.length > i; i++) {\r\n // if (Columns[i].dataField === 'status') {\r\n // Columns[i].text = `Status (Online: ${statusCount.onlineCount} / Offline: ${statusCount.offlineCount})`;\r\n // break;\r\n // }\r\n // }\r\n // setColumns(Columns);\r\n // }\r\n\r\n const toggleOnlineFilter = () => {\r\n if(offlineFilter && !onlineFilter){\r\n setofflineFilter(false)\r\n }\r\n setonlineFilter(!onlineFilter)\r\n }\r\n const toggleOfflineFilter = () => {\r\n if(onlineFilter && !offlineFilter){\r\n setonlineFilter(false)\r\n }\r\n setofflineFilter(!offlineFilter)\r\n }\r\n\r\n\r\n const getStatusCount = (dataList) => {\r\n let onlineCount = 0;\r\n let offlineCount = 0;\r\n if (dataList?.length > 0) {\r\n dataList.forEach(c => {\r\n if (c.status === 'online') {\r\n onlineCount++;\r\n } else {\r\n offlineCount++;\r\n }\r\n })\r\n }\r\n return {onlineCount, offlineCount};\r\n }\r\n\r\n const updateStatusCount = (newResult) => {\r\n const {onlineCount, offlineCount} = getStatusCount(newResult);\r\n setonlineDevicesCount(onlineCount);\r\n setofflineDevicesCount(offlineCount);\r\n }\r\n\r\n const deviceCountElementByStatus = (count, mode) => {\r\n return ({`${mode === 'online' ? \"Online Devices: \" : \"Offline Devices: \"}`}{count})\r\n }\r\n\r\n\r\n const renderAddModal = () => {\r\n return (\r\n {updateStatusCount(newResult)}}}\r\n >\r\n {props => (\r\n assetname}\r\n getOptionValue={({ assetid }) => assetid}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport function DeviceMultiSelection(props) {\r\n return (\r\n name}\r\n getOptionLabel={({ id, name, namealias }) => id + ' - '+ namealias}\r\n getOptionValue={({ id }) => id}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport function SubDeviceMultiSelection (props) {\r\n // console.log(\"===this\", props);\r\n return (\r\n name}\r\n getOptionLabel={({ deviceid, name, devicenamealias }) => deviceid + ' - '+ devicenamealias}\r\n getOptionValue={({ deviceid }) => deviceid}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n\r\nexport function ClassMultiSelection(props) {\r\n return (\r\n name}\r\n getOptionLabel={({ name }) => name}\r\n getOptionValue={({ id }) => id}\r\n {...props}\r\n />\r\n )\r\n}\r\nexport function SimMultiSelection(props) {\r\n return (\r\n name}\r\n components={animatedComponents}\r\n getOptionLabel={({ itemName, identifierValue }) => itemName + ' - '+ identifierValue}\r\n getOptionValue={({ identifierValue }) => identifierValue}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport function DeviceAttrGroupSelection(props) {\r\n return (\r\n name}\r\n getOptionValue={({id}) => id}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n// export function DeleteConfirmation({ showModal, hideModal, confirmModal, id, type, message }) {\r\n// return (\r\n// \r\n// \r\n// Delete Confirmation \r\n// \r\n// \r\n// \r\n// \r\n// \r\n// \r\n// )\r\n// }\r\n// Single Selection Components\r\n\r\nexport function SingleSelection({ forIdName, onChange, value, options, getOptionLabel, getOptionValue, err, ...props }) {\r\n if (!getOptionLabel) getOptionLabel = ({ label }) => label\r\n if (!getOptionValue) getOptionValue = ({ value }) => value\r\n return (\r\n \r\n {!value && }\r\n {options && options.map(o => ({ ...o, label: getOptionLabel(o), value: getOptionValue(o) }))\r\n .map(({ value, label }) => {\r\n // console.log(value)\r\n if (value)\r\n return ()\r\n return\r\n })}\r\n \r\n )\r\n}","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\n\r\nimport { Col, Row, Label, Input, Button, FormGroup } from 'reactstrap';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { DeviceMultiSelection, ClassMultiSelection } from './SelectionComponents';\r\nimport Select from 'react-select';\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\n\r\n// TODO: Add icon selection\r\nclass ClassCreateModal extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = this.initialState;\r\n this.userObj = getCurrentUser();\r\n }\r\n initialState = {\r\n validationErrors: {\r\n nameErr: false,\r\n },\r\n fields: {\r\n name: '',\r\n description: '',\r\n selectedDeviceTypes: [],\r\n },\r\n }\r\n\r\n toggleModalVisible = () => {\r\n return;\r\n // Reset modal if closing\r\n if (this.state.modalVisible) { this.setState(this.initialState) }\r\n this.setState({ modalVisible: !this.state.modalVisible })\r\n }\r\n\r\n validate = () => {\r\n let errors = {\r\n nameErr: false,\r\n }\r\n let valid = true\r\n if (this.state.fields.name === '') {\r\n errors.nameErr = true\r\n valid = false\r\n }\r\n\r\n if (!valid)\r\n this.setState({ validationErrors: errors })\r\n return valid\r\n }\r\n onSaveClick = () => {\r\n if (this.validate()) {\r\n let defaultData = {\r\n id: 0,\r\n name: '',\r\n description: '',\r\n iconid: 1,\r\n allowedDeviceTypes: [],\r\n // assets: [],\r\n // attributes: [],\r\n parentclass: null,\r\n }\r\n let data = {\r\n name: this.state.fields.name,\r\n description: this.state.fields.description,\r\n allowedDeviceTypes: this.state.fields.selectedDeviceTypes,\r\n parentclass: this.state.fields.parentclass,\r\n }\r\n\r\n if (this.state.fields.companycode && this.state.fields.companyname) {\r\n data.companycode = this.state.fields.companycode;\r\n data.companyname = this.state.fields.companyname;\r\n }\r\n this.props.addClassToStore({ ...defaultData, ...data })\r\n this.toggleModalVisible()\r\n }\r\n }\r\n\r\n handleChange = (event) => {\r\n const { id, value } = event.currentTarget\r\n if (id == 'name') {\r\n let errs = this.state.validationErrors\r\n this.setState({ validationErrors: { ...errs, nameErr: false } })\r\n }\r\n this.setState({\r\n fields: { ...this.state.fields, [id]: value }\r\n })\r\n }\r\n handleDeviceTypeSelectionChange = (selectedOptions) => {\r\n this.setState({\r\n fields: { ...this.state.fields, selectedDeviceTypes: selectedOptions }\r\n })\r\n }\r\n\r\n handleParentChange = (val) => {\r\n let value = null;\r\n if (val) {\r\n value = Number(val.id);\r\n }\r\n\r\n this.setState({\r\n fields: { ...this.state.fields, parentclass: value }\r\n })\r\n }\r\n\r\n\r\n handleCompanyChange = (val) => {\r\n let name = this.props.userObj ? this.props.userObj.company.companyName : '';\r\n let code = this.props.userObj ? this.props.userObj.companyCode : '';\r\n if (val) {\r\n name = val.companyName;\r\n code = val.companyCode\r\n }\r\n this.setState({\r\n fields: { ...this.state.fields, companycode: code, companyname: name }\r\n })\r\n }\r\n\r\n\r\n render() {\r\n // let deviceTypeDefaultValue = this.props.deviceTypes[0]\r\n return (\r\n <>\r\n {/*hide temply*/}\r\n {/*, visibility:'hidden'*/}\r\n {/*
\r\n { details.assets && details.assets.length > 0 &&\r\n */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n \r\n {/* */}\r\n \r\n {alert('click')}}\r\n onClick={this.mapSearchBarToggle}\r\n >\r\n
\r\n \r\n \r\n {/* {this.props.mapData && this.props.mapData.map((m,i)=>{\r\n return(\r\n \r\n \r\n );})} */}\r\n {/* \r\n */}\r\n \r\n \r\n );\r\n })\r\n )\r\n )} */}\r\n\r\n {/* {pathArr && pathArr.length > 0 && pathArr.map((item, index) =>(\r\n \r\n \r\n {/* {this.state.markers.map((m,i)=>{\r\n \r\n \r\n return(\r\n \r\n \r\n \r\n \r\n );})} */}\r\n {/* \r\n */}\r\n\r\n {/* \r\n \r\n \r\n */}\r\n \r\n\r\n {this.props.loading &&\r\n
\r\n \r\n {/* */}\r\n {/*
\r\n \r\n
*/}\r\n {/* \r\n {/*
\r\n */}\r\n {/*
*/}\r\n {/*\r\n */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {this.props.values.selectedPlace.name}
\r\n*/}\r\n {/*
| attr | \r\n{this.props.values.selectedPlace.name} | \r\n
| {key} | \r\n{this.props.values.selectedPlace.attr[key]} | \r\n
\r\n
\r\n {m.info}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n
\r\n }\r\n \r\n {this.handleDeviceOnClick(e, g)}} \r\n href=\"#\" className={`${styles['nav-link-effort']}`}>\r\n {g.assetname}\r\n \r\n
\r\n \r\n {/*
\r\n )\r\n }\r\n //--------------------------------------------------------------------\r\n\r\n handleMapMarkerClick = (props, marker, e) => {\r\n // \r\n this.setState(prevState => {\r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n // showingInfoWindow: !prevState.mapProps.showingInfoWindow,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n });\r\n }\r\n\r\n handleMapInfoWinShow = (props, marker, e) => {\r\n\r\n this.setState(prevState => {\r\n if ((props.position.lat != prevState.mapProps.lat || props.position.lng != prevState.mapProps.lng)) { //!prevState.mapProps.showingInfoWindow && \r\n return ({\r\n mapProps: {\r\n showingInfoWindow: true,\r\n // showingInfoWindow: !prevState.mapProps.showingInfoWindow,\r\n activeMarker: marker,\r\n selectedPlace: props,\r\n lat: props.position.lat,\r\n lng: props.position.lng,\r\n },\r\n });\r\n }\r\n });\r\n }\r\n\r\n handleMapInfoWinClose = (props) => {\r\n this.setState((prevState) => ({\r\n mapProps: {\r\n ...prevState.mapProps,\r\n showingInfoWindow: false,\r\n // activeMarker: null\r\n }\r\n }));\r\n }\r\n\r\n tabToggle = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n mapShow: (tab == '2')\r\n }, () => {\r\n if (this.state.activeTab == '2') {\r\n this.onMapShow();\r\n }\r\n });\r\n }\r\n }\r\n\r\n onMapShow = () => { }\r\n\r\n render() {\r\n\r\n let processedMapdata = [];\r\n let statusData = [];\r\n let mapData = [];\r\n\r\n if (this.props.assetData) {\r\n this.props.assetData.forEach((asset, index) => {\r\n let assetObj = {\r\n ...asset,\r\n color: 'gray',\r\n alarm: '0',\r\n };\r\n\r\n if (asset.attributes) {\r\n asset.attributes.forEach((attribute, index) => {\r\n if ('CurrentDigitalInputState' === attribute.attributename) {\r\n let slicedValue = splitStatusValue(attribute.value);\r\n // switch(weatherSeverity(attribute.value)){\r\n switch (mapWeatherSeverity(slicedValue.alarm)) {\r\n case 1:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'yellow',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 2:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'orange',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 3:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'red',\r\n // alarm: weatherSeverity(attribute.value),\r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n case 4:\r\n assetObj = {\r\n ...asset,\r\n status: slicedValue.status,\r\n color: 'green',\r\n // alarm: weatherSeverity(attribute.value), \r\n alarm: mapWeatherSeverity(slicedValue.alarm),\r\n };\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n mapData.push(assetObj);\r\n });\r\n }\r\n\r\n return (\r\n */}\r\n \r\n
\r\n {/*
*/}\r\n | \r\n \r\n {/* {item.label} */}\r\n | \r\n ))}\r\n
| \r\n {item.label}\r\n | \r\n ))}\r\n
\r\n
\r\n }\r\n \r\n {this.renderSpinner()}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(WeatherPage);\r\n\r\n","/* eslint-disable */\r\nimport React, { PureComponent } from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { bindActionCreators, compose } from 'redux';\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect, withRouter } from 'react-router-dom';\r\nimport EyeIcon from 'mdi-react/EyeIcon';\r\nimport KeyVariantIcon from 'mdi-react/KeyVariantIcon';\r\nimport AccountOutlineIcon from 'mdi-react/AccountOutlineIcon';\r\nimport { Link } from 'react-router-dom';\r\nimport { Alert, Col, Row } from \"reactstrap\";\r\nimport PropTypes from 'prop-types';\r\nimport renderCheckBoxField from '../../../shared/components/form/CheckBox';\r\nimport { forgotPassword } from '../../../redux/actions/userAction';\r\nimport { FORGOT_PASSWORD_ROOT } from '../../../constants/appConstants';\r\nimport ConfirmDeleteDialog from '../../../shared/components/Dialog/ConfirmationDialog';\r\nimport { changeThemeToCustom } from '../../../redux/actions/themeActions';\r\nimport { WEB_SERVICE_ROOT } from '../../../constants/appConstants';\r\nimport ThemeSwitcher from 'react-css-vars';\r\nimport './forgotpassword.scss';\r\n \r\nclass ForgotPasswordForm extends PureComponent {\r\n \r\n constructor() {\r\n super();\r\n this.state = {\r\n showPassword: false,\r\n showErrors: false,\r\n isLoading: false,\r\n // forgetSuccess: '',\r\n username: '',\r\n password: '',\r\n errors: {},\r\n forgetPasswordMessage: '',\r\n custom: false,\r\n loginTheme: {}\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.initTheme();\r\n }\r\n \r\n componentWillUnmount() {\r\n this.setState({\r\n showPassword: false,\r\n showErrors: false,\r\n isLoading: false,\r\n username: '',\r\n password: '',\r\n errors: {},\r\n loggedIn: 'false',\r\n forgetPasswordMessage: ''\r\n });\r\n \r\n }\r\n \r\n showPassword = (e) => {\r\n e.preventDefault();\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n showErrors: false,\r\n });\r\n };\r\n \r\n onInputChange = (event) => {\r\n event.preventDefault();\r\n const { name, value } = event.target;\r\n switch (name) {\r\n case 'username':\r\n this.setState({\r\n username: value,\r\n showErrors: false\r\n });\r\n sessionStorage.setItem('username', event.target.value);\r\n break;\r\n case 'password':\r\n this.setState({\r\n password: value,\r\n showErrors: false\r\n });\r\n break;\r\n default:\r\n return this.state;\r\n }\r\n };\r\n \r\n handleTouch = (e) => {\r\n e.preventDefault();\r\n this.setState({ showErrors: false })\r\n }\r\n \r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.setState(\r\n { isLoading: true, showErrors: true }\r\n );\r\n this.props.forgotPassword(this.state.username);\r\n this.initTheme();\r\n }\r\n \r\n renderError = () => {\r\n if (!this.props.isAuthenticated && this.props.error === 1) {\r\n return (\r\n Parking Availability
\r\n \r\n\r\n \r\n {this.props.message}\r\n \r\n )\r\n } else {\r\n return null;\r\n }\r\n };\r\n\r\n validatePassConfirm = () => {\r\n return (this.state.passwordConfirm && this.state.passwordConfirm.length > 0 && this.state.password === this.state.passwordConfirm);\r\n }\r\n\r\n validateForm = () => {\r\n return this.validatePassConfirm() ;\r\n }\r\n \r\n render() {\r\n if ( sessionStorage.getItem('isAuthenticated') && 'true' == sessionStorage.getItem('isAuthenticated')){\r\n return \r\n // \r\n // \r\n //
\r\n // \r\n // {`${Object.keys(\r\n // selectedGroup[i].groupvalue\r\n // )} ==== ${Object.values(selectedGroup[i].groupvalue)}`}\r\n //
\r\n // \r\n // \r\n // \r\n // );\r\n // }\r\n\r\n // i++;\r\n // }\r\n // }\r\n // return result;\r\n // };\r\n\r\n attrGroupNew = (group) => {\r\n var keyList = [];\r\n if (group.groupvalue !== null && group.groupvalue !== {}) {\r\n keyList = Object.keys(group.groupvalue);\r\n if (keyList.length != 0) {\r\n return (\r\n \r\n
\r\n {keyList.map((key) => (\r\n \r\n {key} : {group.groupvalue[key]}\r\n
\r\n ))}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n };\r\n render() {\r\n if (this.props.selectedGroups && this.props.defaultGroups) {\r\n this.state = this.props.data;\r\n return (\r\n \r\n {this.props.selectedGroups.length != 0 && this.props.defaultGroups\r\n ? this.props.selectedGroups.map((group) => this.attrGroupNew(group))\r\n : this.props.defaultGroups.map((group) => this.attrGroupNew(group))}\r\n
\r\n );\r\n } else\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default GroupAttributeBoard;\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment} from \"react\";\r\nimport { Line } from \"react-chartjs-2\";\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\n\r\nclass PowerChart extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n datasets: [],\r\n };\r\n }\r\n\r\n renderKey = 0;\r\n\r\n renderMixChart = () => {\r\n let datasets = [];\r\n let labelRight = \"\";\r\n let labelLeft = \"\";\r\n\r\n if (this.props.chartData && this.props.attributea) {\r\n let attrDataSet = setChartData(\r\n this.props.chartData,\r\n this.props.attributea,\r\n \"left-y-axis\"\r\n );\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n labelLeft = this.props.attributea;\r\n }\r\n\r\n if (this.props.chartData && this.props.attributeb) {\r\n let attrDataSet = setChartData(\r\n this.props.chartData,\r\n this.props.attributeb,\r\n \"right-y-axis\"\r\n );\r\n datasets = [...datasets, ...attrDataSet.dataSet];\r\n labelRight = this.props.attributeb;\r\n }\r\n datasets = datasets.filter((val) => {\r\n return (\r\n val !== undefined &&\r\n val !== null &&\r\n typeof val === \"object\" &&\r\n val.hasOwnProperty(\"data\")\r\n );\r\n });\r\n this.state.datasets = datasets;\r\n var data = {\r\n datasets: datasets ? datasets : [],\r\n };\r\n\r\n const options = {\r\n aspectRatio: 3,\r\n responsive: true,\r\n maintainAspecRatio: true,\r\n scales: {\r\n bounds: \"data\",\r\n xAxes: [\r\n {\r\n type: \"time\",\r\n afterBuildTicks: function(axis, ticks) {\r\n const toElements = 30;\r\n if (ticks) {\r\n if (ticks.length <= toElements) {\r\n return ticks;\r\n }\r\n\r\n const density = Math.trunc(ticks.length / toElements);\r\n if (isNaN(density)) {\r\n console.warn(\"Nan in ticks\");\r\n return ticks;\r\n }\r\n return ticks.filter((t, index) => {\r\n if (index === 0 || index === ticks.length - 1) {\r\n return t;\r\n } else if (index % density === 0) {\r\n return t;\r\n }\r\n });\r\n }\r\n },\r\n\r\n distribution: \"series\",\r\n offset: false,\r\n bounds: \"ticks\",\r\n source: \"auto\",\r\n time: {\r\n unit: \"hour\",\r\n\r\n displayFormats: {\r\n hour: \"MMM-DD hA\",\r\n },\r\n },\r\n ticks: {\r\n autoSkip: true,\r\n autoSkipPadding: 5,\r\n bounds: \"data\",\r\n source: \"auto\",\r\n includeBounds: true,\r\n },\r\n },\r\n ],\r\n\r\n yAxes: [\r\n {\r\n id: \"left-y-axis\",\r\n position: \"left\",\r\n distribution: \"series\",\r\n // display: this.props.attributea == \"\" ? false : true,\r\n display: true,\r\n ticks: {\r\n display: true,\r\n },\r\n scaleLabel: {\r\n display: true,\r\n labelString: labelLeft,\r\n },\r\n },\r\n {\r\n id: \"right-y-axis\",\r\n position: \"right\",\r\n distribution: \"series\",\r\n display: this.props.attributeb == \"\" ? false : true,\r\n ticks: {\r\n display: true,\r\n },\r\n scaleLabel: {\r\n display: true,\r\n labelString: labelRight,\r\n },\r\n grid: {\r\n drawOnChartArea: false,\r\n },\r\n },\r\n ],\r\n },\r\n legend: {\r\n display: true,\r\n position: \"bottom\",\r\n labels: {\r\n boxWidth: 10,\r\n fontSize: 12,\r\n fontColor: \"rgb(255,99,132)\",\r\n },\r\n },\r\n };\r\n\r\n return (\r\n {this.renderMixChart()} ;\r\n }\r\n}\r\n\r\nfunction setChartData(chartData, attribute, y_axis_id) {\r\n let dataSet = [];\r\n if (attribute) {\r\n\r\n let linedDataSet1 = null;\r\n let assetAttribute1 = chartData.find(\r\n (item) => item.attributename == attribute\r\n );\r\n\r\n if (assetAttribute1) {\r\n linedDataSet1 = assetAttribute1.data;\r\n if (linedDataSet1) {\r\n const dataObj = {\r\n label: attribute,\r\n backgroundColor: \"white\",\r\n borderColor: assetAttribute1.backgroundcolor,\r\n pointRaduis: 1,\r\n pointHoverBackgroundColor: \"rgba(255,99,132,0.4)\",\r\n pointHoverBorderColor: \"rgba(255,99,132,1)\",\r\n yAxisID: y_axis_id,\r\n fill: false,\r\n data: assetAttribute1.data,\r\n };\r\n\r\n dataSet.push(dataObj);\r\n }\r\n }\r\n }\r\n return { dataSet };\r\n}\r\n\r\nexport default PowerChart;\r\n","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport { FaBatteryFull } from \"react-icons/fa\";\r\nimport { DeviceAttrGroupSelection } from \"../../Asset/components/SelectionComponents\";\r\nimport { POWER_ATTRIBUTE_ORDER } from \"../../../constants/dataConstants\";\r\nimport Select from \"react-select\";\r\nimport GroupAttributeBoard from \"./GroupAttributeBoard\";\r\nimport PowerChart from \"./PowerChart\";\r\n// import PowerChartMainBoard from \"./PowerChartMainBoard\";\r\n\r\nconst customStyles = {\r\n control: (base) => ({\r\n ...base,\r\n height: 35,\r\n minHeight: 35,\r\n }),\r\n indicatorsContainer: (base) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n};\r\nclass PowerMgntDeviceInfo extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n attrGroupsDetail: null,\r\n attrGroupsList: null,\r\n msgDecodeGroupList: null,\r\n defaultSelectedGroups: null,\r\n selectedGroups: [],\r\n selectedGroupName: null,\r\n selectedGroupId: null,\r\n deviceDetail: null,\r\n statusData: null,\r\n dataList: null,\r\n showGroup: false,\r\n attributea: \"\",\r\n attributeb: \"\",\r\n attributeData: null,\r\n optionsOne: [],\r\n optionsTwo: [],\r\n historyDataObj: null,\r\n };\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n componentWillReceiveProps(nextPorps) {\r\n if (nextPorps.deviceInfo) {\r\n if (\r\n JSON.stringify(nextPorps.deviceInfo) !==\r\n JSON.stringify(this.props.deviceInfo)\r\n ) {\r\n this.setState({\r\n selectedGroups: null,\r\n selectedGroupName: null,\r\n selectedGroupId: null,\r\n attributea: \"\",\r\n attributeb: \"\",\r\n });\r\n }\r\n }\r\n }\r\n createGroupAttr = (deviceDetail, msgDecodeGroupList, attrGroupsList) => {\r\n let groupMapping = {};\r\n if (deviceDetail != null && Object.keys(deviceDetail).length == 1) {\r\n let firstKey = Object.keys(deviceDetail)[0];\r\n for (let group of msgDecodeGroupList) {\r\n groupMapping[group.name] = {};\r\n if (attrGroupsList[group.groupId]) {\r\n for (let attr of attrGroupsList[group.groupId]) {\r\n if (deviceDetail[firstKey][attr.name] != null) {\r\n groupMapping[group.name][attr.name] =\r\n deviceDetail[firstKey][attr.name];\r\n }\r\n }\r\n }\r\n }\r\n }\r\n this.state.dataList = groupMapping;\r\n\r\n return groupMapping;\r\n };\r\n\r\n mapMsgDecodeGroupList = (props) => {\r\n let list = [];\r\n let i = 0;\r\n while (i != props.length) {\r\n list.push(props[i++]);\r\n }\r\n\r\n this.state.msgDecodeGroupList = list;\r\n };\r\n\r\n deviceFormat = (statusData) => {\r\n if (statusData) {\r\n for (let value of Object.keys(statusData)) {\r\n if (value == \"attributes\") {\r\n var map1 = new Map();\r\n var set1 = new Set();\r\n for (let key of Object.keys(statusData[value])) {\r\n for (let obj of Object.keys(statusData[value][key])) {\r\n map1.set(\r\n statusData[value][key][obj].deviceid + \":\" + key,\r\n statusData[value][key][obj].value\r\n );\r\n set1.add(statusData[value][key][obj].deviceid);\r\n }\r\n }\r\n }\r\n }\r\n let deviceDetail = [];\r\n for (const device of set1) {\r\n this.device = {};\r\n for (const [key, value] of map1) {\r\n if (key.startsWith(device)) {\r\n var loca = key.split(\":\")[1];\r\n this.device[loca] = value;\r\n }\r\n }\r\n var pushObj = {};\r\n pushObj[device] = this.device;\r\n deviceDetail.push(pushObj);\r\n }\r\n\r\n for (let i = 0; i != deviceDetail.length; i++) {\r\n if (\r\n Object.keys(deviceDetail[i]) ==\r\n this.props.deviceInfo.deviceid.toString()\r\n ) {\r\n this.state.deviceDetail = deviceDetail[i];\r\n }\r\n }\r\n }\r\n };\r\n mapCalculateRuleList = (props) => {\r\n let list = [];\r\n let i = 0;\r\n while (i != props.length) {\r\n list.push(props[i++]);\r\n }\r\n return list;\r\n };\r\n optionsMaker = (array, object, data) => {\r\n let options = [];\r\n let i = 0;\r\n while (i != array.length) {\r\n if (this.state.msgDecodeGroupList[i].name == Object.keys(data)[i]) {\r\n options.push({\r\n groupid: parseInt(Object.keys(object)[i]),\r\n groupname: Object.keys(data)[i],\r\n groupvalue: Object.values(data)[i],\r\n });\r\n }\r\n i++;\r\n }\r\n return options;\r\n };\r\n\r\n selectGroup = (selected, action) => {\r\n this.setState({\r\n selectedGroups: selected,\r\n });\r\n if (selected) {\r\n this.state.selectedGroupName = selected.map((a) => a.groupname);\r\n this.state.selectedGroupId = selected.map((a) => a.groupid);\r\n }\r\n var updatedNameList = this.state.selectedGroupName;\r\n var updatedIdList = this.state.selectedGroupId;\r\n var updatedGroupList = this.state.selectedGroups;\r\n\r\n if (action.action == \"remove-value\") {\r\n let i = 0;\r\n while (i != updatedNameList.length) {\r\n if (updatedNameList[i] === action.removedValue.groupname)\r\n updatedNameList[i] = null;\r\n\r\n if (updatedIdList[i] === action.removedValue.groupid)\r\n updatedIdList[i] = null;\r\n\r\n if (updatedGroupList[i] == action.removedValue.groupvalue)\r\n updatedGroupList[i] = null;\r\n\r\n i++;\r\n }\r\n\r\n this.state.selectedGroups = updatedGroupList;\r\n }\r\n };\r\n\r\n groupBy = (array, key) => {\r\n if (array) {\r\n if (array.length == 0) return [];\r\n else {\r\n return array.reduce((result, currentValue) => {\r\n (result[currentValue[key]] = result[currentValue[key]] || []).push(\r\n currentValue\r\n );\r\n this.state.attrGroupsDetail = result;\r\n return result;\r\n }, {});\r\n }\r\n }\r\n };\r\n\r\n setAttrGroupsName = (array, key) => {\r\n if (array) {\r\n if (array.length == 0) return [];\r\n else {\r\n return array.reduce((result, currentValue) => {\r\n (result[currentValue[key]] = result[currentValue[key]] || []).push({\r\n attributeid: currentValue.attributeId,\r\n name: currentValue.name,\r\n messageDecodeGroupId: currentValue.messageDecodeGroupId,\r\n });\r\n this.state.attrGroupsList = result;\r\n return result;\r\n }, {});\r\n }\r\n }\r\n };\r\n\r\n disabledOption = (data) => {\r\n const filteredOptions = data.map((obj) => {\r\n if (\r\n obj.attributename == this.state.attributea ||\r\n obj.attributename == this.state.attributeb\r\n ) {\r\n return { ...obj, isdisabled: true };\r\n }\r\n return obj;\r\n });\r\n\r\n const options = filteredOptions.map((obj) => {\r\n if (obj.value == null) {\r\n return {\r\n ...obj,\r\n label: `No data available - ${obj.label}`,\r\n isdisabled: true,\r\n };\r\n }\r\n return obj;\r\n });\r\n return options;\r\n };\r\n handleValueSelectOne = (data, action) => {\r\n if (data) {\r\n this.setState({\r\n attributea: data.attributename,\r\n });\r\n } else {\r\n this.setState({\r\n attributea: \"\",\r\n });\r\n }\r\n };\r\n\r\n handleValueSelectTwo = (data) => {\r\n if (data) {\r\n this.setState({\r\n attributeb: data.attributename,\r\n });\r\n } else {\r\n this.setState({\r\n attributeb: \"\",\r\n });\r\n }\r\n };\r\n singleValueOptionsOne = (attrData) => {\r\n // let placeHolder = (attr) => {\r\n // return attr == \"Battery\" ? \"Battery\" : \"-Select a statistic-\";\r\n // };\r\n // let defaultValue = placeHolder(this.state.attributea);\r\n var dataArray = [\r\n { value: 0, label: \"-Select a statistic-\", isdisabled: true },\r\n ];\r\n\r\n var noDataArray = [\r\n {value:0, label: \"No data available\", isdisabled: true}\r\n ]\r\n\r\n if (attrData !=null && attrData != undefined) {\r\n let i = 0;\r\n while (i != attrData.length) {\r\n dataArray.push({\r\n value: attrData[i].value,\r\n label: attrData[i].displayname,\r\n attributename: attrData[i].attributename,\r\n color: attrData[i].backgroundcolor,\r\n isdisabled: false,\r\n });\r\n i++;\r\n }\r\n\r\n var optionsOne = this.disabledOption(dataArray);\r\n this.state.optionsOne = optionsOne;\r\n } else var optionsOne = noDataArray;\r\n return (\r\n options.isdisabled}\r\n onChange={this.handleValueSelectOne}\r\n placeholder={\"-Select a statistic-\"}\r\n value={\r\n this.state.attributea == \"\"\r\n ? dataArray[0]\r\n : dataArray.find(\r\n (attr) => attr.attributename == this.state.attributea\r\n )\r\n }\r\n autoFocus={false}\r\n />\r\n );\r\n };\r\n\r\n singleValueOptionsTwo = (attrData) => {\r\n // let placeHolder = (attr) => {\r\n // return attr == \"Alm\" ? \"Alm\" : \"-Select a statistic-\";\r\n // };\r\n // let defaultValue = placeHolder(this.state.attributeb);\r\n // console.log(\"===defaultValueTwo\", defaultValue);\r\n var dataArray = [\r\n { value: 0, label: \"-Select a statistic-\", isdisabled: true },\r\n ];\r\n\r\n var noDataArray = [\r\n {value:0, label: \"No data available\", isdisabled: true}\r\n ];\r\n if (attrData != null && attrData != undefined) {\r\n let i = 0;\r\n while (i != attrData.length) {\r\n dataArray.push({\r\n value: attrData[i].value,\r\n label: attrData[i].displayname,\r\n attributename: attrData[i].attributename,\r\n color: attrData[i].backgroundcolor,\r\n isdisabled: false,\r\n });\r\n i++;\r\n }\r\n var optionsTwo = this.disabledOption(dataArray);\r\n this.state.optionsTwo = optionsTwo;\r\n } else optionsTwo = noDataArray;\r\n\r\n return (\r\n options.isdisabled}\r\n onChange={this.handleValueSelectTwo}\r\n placeholder={\"-Select a statistic-\"}\r\n value={\r\n this.state.attributeb == \"\"\r\n ? dataArray[0]\r\n : dataArray.find(\r\n (attr) => attr.attributename == this.state.attributeb\r\n )\r\n }\r\n autoFocus={false}\r\n />\r\n );\r\n };\r\n\r\n render() {\r\n const { selectedGroups, defaultSelectedGroups } = this.state;\r\n\r\n if (this.props.assetData) {\r\n this.state.attributeData = setCurrentAttribute(\r\n this.props.assetData,\r\n this.props.deviceInfo\r\n );\r\n }\r\n if (this.props.statusData && this.props.deviceInfo) {\r\n this.deviceFormat(this.props.statusData);\r\n this.state.statusData = this.props.statusData;\r\n }\r\n\r\n if (\r\n this.props.messageDecodeCalculateRuleList.length != 0 &&\r\n this.props.messageDecodeGroup\r\n ) {\r\n this.mapMsgDecodeGroupList(this.props.messageDecodeGroup);\r\n\r\n const calculateRules = this.mapCalculateRuleList(\r\n this.props.messageDecodeCalculateRuleList\r\n );\r\n\r\n this.setAttrGroupsName(\r\n calculateRules[0].messageDecodeCalculateRule,\r\n \"messageDecodeGroupId\"\r\n );\r\n\r\n const groupedRules = this.groupBy(\r\n calculateRules[0].messageDecodeCalculateRule,\r\n \"messageDecodeGroupId\"\r\n );\r\n\r\n const calculateGroups = Object.values(groupedRules);\r\n\r\n let dataList = this.createGroupAttr(\r\n this.state.deviceDetail,\r\n this.state.msgDecodeGroupList,\r\n this.state.attrGroupsList\r\n );\r\n\r\n var calculateGroupsOptions = this.optionsMaker(\r\n calculateGroups,\r\n groupedRules,\r\n dataList\r\n );\r\n\r\n this.state.defaultSelectedGroups = calculateGroupsOptions;\r\n }\r\n // console.log(\"===this.state.powerMgntDeviceInfo\", this.state.selectedGroups.length);\r\n var length = 0;\r\n if (this.state.selectedGroups) {\r\n length = this.state.selectedGroups.length * 3;\r\n } else length = 0;\r\n\r\n var defaultSM = 0;\r\n if(this.state.defaultSelectedGroups.length) {\r\n defaultSM = this.state.defaultSelectedGroups.length\r\n }\r\n\r\n var colLength = 0;\r\n if (this.state.selectedGroups) {\r\n colLength = this.state.selectedGroups.length * 3;\r\n } else colLength = 0;\r\n // console.log(\"===this.state\", this.state);\r\n return (\r\n
\r\n\r\n \r\n \r\n groupname}\r\n getOptionValue={({ groupid }) => groupid}\r\n placeholder={\"- Filter Groups -\"}\r\n onChange={this.selectGroup}\r\n autoFocus={false}\r\n />\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PowerMgntDeviceInfo;\r\n\r\nfunction setCurrentAttribute(assetData, deviceInfo) {\r\n let reData = [];\r\n if (!assetData) {\r\n return reData;\r\n } else if (assetData && assetData.attributes) {\r\n for (let attr of POWER_ATTRIBUTE_ORDER) {\r\n if (!attr.selected) {\r\n continue;\r\n }\r\n if (deviceInfo) {\r\n var attrObj = assetData.attributes.find(\r\n (item) =>\r\n attr.attributename == item.attributename &&\r\n item.deviceid == deviceInfo.deviceid\r\n );\r\n }\r\n if (attrObj) {\r\n let currentValue = attrObj.value;\r\n let timestamp = assetData.timestamp;\r\n let attrDataObj = {\r\n ...attr,\r\n value: currentValue,\r\n timestamp: timestamp,\r\n };\r\n reData.push(attrDataObj);\r\n }\r\n }\r\n return reData;\r\n }\r\n}\r\n{\r\n /*
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/\r\n}\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2,\r\n // AdjustableDiv \r\n} from '../../../shared/components/Table/tableElements';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport { ATTRIBUTE_TYPE, ATTRIBUTE_NAME, TIME_ZONE } from '../../../constants/dataConstants';\r\n\r\nclass StatusTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n renderAttrTable = () => {\r\n let cols = [\r\n {\r\n field: 'assetid',\r\n displayName: 'Asset ID',\r\n isKey: true,\r\n hidden: true\r\n },\r\n {\r\n field: 'assetname',\r\n displayName: 'Sensor',\r\n dataSort: false,\r\n hidden: true,\r\n },\r\n {\r\n field: 'attritime',\r\n displayName: 'Timestamp',\r\n dataFormat: this.timestampFormat,\r\n dataSort: true,\r\n },\r\n ];\r\n\r\n let colsFields = cols.map((item) => (item.field));\r\n let data = this.props.tableData ?\r\n this.props.tableData.filter((item, index) => (\r\n item.type !== ATTRIBUTE_TYPE.META &&\r\n item.display !== false &&\r\n // item.assetname !=='Alarm' \r\n item.displayname !== 'CO2'\r\n // item.timestamp !== item.attritime\r\n )) : [];\r\n\r\n let dataMap = groupBy(data, item => item.attritime);\r\n\r\n let tableData = [];\r\n for ([key, value] of dataMap) {\r\n const { assetid, assetname, attritime } = value[0];\r\n let assetObj = { assetid, assetname, attritime };\r\n for (let item of value) {\r\n if (!Object.keys(assetObj).includes(item.attributename)) {\r\n assetObj[item.attributename] = item.value;\r\n }\r\n if (!colsFields.includes(item.attributename)) {\r\n cols.push({\r\n field: item.attributename,\r\n displayName: item.displayname,\r\n dataSort: true,\r\n });\r\n // colsFields = cols.map((item)=>(item.field));\r\n colsFields.push(item.attributename);\r\n }\r\n }\r\n assetObj.attritime = new Date(assetObj.attritime).toLocaleString(\r\n \"en-US\",\r\n { timeZone: TIME_ZONE }\r\n )\r\n tableData.push(assetObj);\r\n }\r\n // \r\n // \r\n //\r\n\r\n let maxHeight = 400;\r\n let options = {\r\n defaultSortName: 'attritime', // default sort column name\r\n defaultSortOrder: 'desc', // default sort order\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n };\r\n return (\r\n\r\n {/* \r\n */}\r\n \r\n {cols && cols.map((col, cindex) => (\r\n \r\n {col.displayName}\r\n \r\n ))}\r\n\r\n \r\n {/* \r\n */}\r\n \r\n )\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default StatusTable;\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n Card,\r\n TabContent,\r\n TabPane,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n CardBody,\r\n} from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport PowerMgntDeviceInfo from \"./PowerMgntDeviceInfo\";\r\nimport StatusTable from \"./StatusTable\";\r\n\r\nclass PowerMgntDeviceBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activeTab: \"1\",\r\n };\r\n }\r\n\r\n toggleTab = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({\r\n activeTab: tab,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n let filtedHistoryData = this.props.powerAttrList;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n companyCode == \"METRO\")}\r\n messageDecodeCalculateRuleList={this.props.deviceInfo ? this.props.messageDecodeList.filter(\r\n ({ deviceTypeId }) => deviceTypeId == this.props.deviceInfo.devicetype\r\n ).map(m => ({ messageDecodeCalculateRule: m.calculateRules })) : []}\r\n messageDecodeGroup={this.props.messageDecodeGroup}\r\n currentAssetData={this.props.currentAssetData}\r\n powerAttrList={this.props.powerAttrList}\r\n historyDataObj={this.props.historyDataObj}\r\n toggle={this.props.toggle}\r\n />\r\n \r\n \r\n {/** This is for data table */}\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default PowerMgntDeviceBoard;\r\n","/* eslint-disable */\r\nimport axios from \"axios\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_POWER_GET_TIME_POINT_DATA,\r\n WEB_SERVICE_POWER_GROUP_DATA,\r\n} from \"../../constants/appConstants\";\r\nimport {\r\n POWER_GET_ASSET_DATA_START,\r\n POWER_GET_ASSET_DATA_SUCCEED,\r\n POWER_GET_ASSET_DATA_FAILED,\r\n POWER_SET_STORE_ASSET_DATA,\r\n POWER_GET_ASSET_HISTORY_START,\r\n POWER_GET_ASSET_HISTORY_SUCCEED,\r\n POWER_GET_ASSET_HISTORY_FAILED,\r\n} from \"../../constants/actionTypes\";\r\nimport {\r\n axiosGet,\r\n axiosPost,\r\n processAssetData,\r\n expandAssetAttributes,\r\n} from \"../../factories/utils\";\r\nimport moment from \"moment\";\r\n\r\nfunction setStoreAssetModifiedData(data) {\r\n let modifiedData = processAssetData(data);\r\n let expandedData = expandAssetAttributes(modifiedData);\r\n\r\n return {\r\n type: POWER_SET_STORE_ASSET_DATA,\r\n payloada: data,\r\n payloadb: modifiedData,\r\n payloadc: expandedData,\r\n };\r\n}\r\n\r\nfunction getPowerAssetHistoryDataFunc(\r\n criteria,\r\n startType,\r\n successType,\r\n failedType,\r\n successCallback\r\n) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_POWER_GROUP_DATA}`,\r\n criteria: criteria,\r\n logText: \"Get power asset data url \",\r\n startType: startType,\r\n sccessType: successType,\r\n failedType: failedType,\r\n errorMessage: \"Failed to get power asset data.\",\r\n successCallback: successCallback,\r\n passedParameters: criteria,\r\n };\r\n\r\n return axiosPost(paramObj);\r\n}\r\n\r\nexport function getPowerAssetData(criteria) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_POWER_GET_TIME_POINT_DATA}`,\r\n criteria: criteria,\r\n logText: \"Get power asset data url.\",\r\n startType: POWER_GET_ASSET_DATA_START,\r\n sccessType: POWER_GET_ASSET_DATA_SUCCEED,\r\n failedType: POWER_GET_ASSET_DATA_FAILED,\r\n errorMessage: \"Failed to get power asset data.\",\r\n successCallback: setStoreAssetModifiedData,\r\n };\r\n\r\n return axiosPost(paramObj);\r\n}\r\n\r\nexport function getPowerAssetHistoryData(historyCriteria) {\r\n let criteria = {\r\n ...historyCriteria,\r\n entitygroup: [],\r\n latest: \"0\",\r\n themeid: \"\",\r\n };\r\n\r\n return getPowerAssetHistoryDataFunc(\r\n criteria,\r\n POWER_GET_ASSET_HISTORY_START,\r\n POWER_GET_ASSET_HISTORY_SUCCEED,\r\n POWER_GET_ASSET_HISTORY_FAILED,\r\n null\r\n );\r\n}\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport {\r\n Card,\r\n Col,\r\n Row,\r\n} from \"reactstrap\";\r\nimport Spinner from \"react-bootstrap/Spinner\";\r\nimport { SingleSelection } from \"../../Asset/components/SelectionComponents\";\r\nimport { AttributeInfo } from \"../../Asset/components/ClassDisplayDetail\";\r\nimport Select from \"react-select\";\r\nimport PowerMgntDeviceBoard from \"./PowerMgntDeviceBoard\";\r\nimport {\r\n getPowerAssetHistoryData,\r\n getPowerAssetData,\r\n} from \"../../../redux/actions/powerAction\";\r\nimport { getDeviceAttributes } from \"../../../redux/actions/mapActions\";\r\nimport { getWeatherAssetHistoryData, clearPowerAssetHistoryData } from \"../../../redux/actions/weatherAction\";\r\nimport { LIGHT_GREY_COLOR } from \"../../../constants/dataConstants\";\r\nimport moment from \"moment\";\r\nimport { HttpsIcon } from \"mdi-react\";\r\n\r\nclass PowerManagementBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n assetSelector: false,\r\n assetClick: {},\r\n assetName: [],\r\n assetList: [],\r\n deviceList: [],\r\n historyDataObj: null,\r\n selectedAssetId: null,\r\n selectedAssetInfo: null,\r\n selectedDeviceId: \"\",\r\n selectedDeviceInfo: null,\r\n subDeviceList: null,\r\n showDeviceList: false,\r\n statusData: null,\r\n attributea: null,\r\n attributeb: null,\r\n };\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n handelAssetChange = () => {\r\n this.setState({\r\n selectedAssetId: options,\r\n });\r\n };\r\n\r\n loadAssetData = (assetclassId) => {\r\n // for(let i = 0; i != assetclassId.length; i++) {\r\n // assetclassList.push(assetclassId[i]);\r\n // }\r\n let params = {\r\n entitygroup: [assetclassId],\r\n entity: \"\",\r\n starttime: \"\",\r\n endtime: \"\",\r\n latest: \"1\",\r\n themeid: \"\",\r\n };\r\n getPowerAssetData(params);\r\n };\r\n\r\n getHistoryData = (assetId) => {\r\n const assetCriteria = {\r\n entity: assetId,\r\n };\r\n let endTime = moment();\r\n let startTime = moment(endTime).subtract(30, \"days\");\r\n let startTimestamp = startTime.utc().valueOf();\r\n let endTimestamp = moment()\r\n .utc()\r\n .valueOf();\r\n const historyCriteria = {\r\n ...assetCriteria,\r\n // starttime: 1658142000,\r\n // endtime: 1658199600,\r\n starttime: startTimestamp,\r\n endtime: endTimestamp,\r\n };\r\n // getPowerAssetHistoryData(historyCriteria);\r\n // getWeatherAssetHistoryData(historyCriteria);\r\n this.props.updateAttributeHistoryData(historyCriteria);\r\n };\r\n selectAsset = (asset) => {\r\n const assetInfo = this.props.assetList.find(\r\n ({ assetid }) => assetid == parseInt(asset.target.value)\r\n );\r\n\r\n const statusData = this.props.statusData.find(\r\n ({ assetid }) => assetid == parseInt(asset.target.value)\r\n );\r\n\r\n if (asset.target.value != \"firstOpt\") {\r\n const assetClassInfo = this.props.assetClassList.find(\r\n ({ id }) => id == assetInfo.assetclassid\r\n );\r\n this.setState({\r\n selectedAssetClassInfo: assetClassInfo,\r\n selectedAssetClassId: assetClassInfo.id,\r\n selectedAssetId: parseInt(asset.target.value),\r\n selectedAssetInfo: assetInfo,\r\n selectedDeviceId: \"\",\r\n selectedDeviceInfo: null,\r\n deviceList: null,\r\n subDeviceList: null,\r\n showDeviceList: true,\r\n statusData,\r\n });\r\n\r\n this.getHistoryData(parseInt(asset.target.value));\r\n this.loadAssetData(assetClassInfo.id);\r\n // this.state.historyDataObj = this.props.historyData(parseInt(asset.target.value))\r\n } else {\r\n this.setState({\r\n selectedAssetClassInfo: null,\r\n selectedAssetClassId: null,\r\n selectedAssetId: null,\r\n selectedAssetInfo: null,\r\n selectedDeviceId: null,\r\n selectedDeviceInfo: null,\r\n deviceList: null,\r\n subDeviceList: [],\r\n showDeviceList: false,\r\n });\r\n }\r\n\r\n // let startTimestamp = startDateMoment ? startDateMoment.utc().valueOf() : 0;\r\n // let endTimestamp = endDateMoment ? endDateMoment.utc().valueOf() : moment().utc().valueOf();\r\n };\r\n\r\n selectDevice = (device) => {\r\n const deviceInfo = this.props.deviceList.find(\r\n ({ deviceid }) => deviceid == device.target.value\r\n );\r\n\r\n if (device.target.value == \"firstOpt\") {\r\n this.setState({\r\n selectedDeviceId: device.target.value,\r\n selectedDeviceInfo: null,\r\n });\r\n } else {\r\n this.setState({\r\n selectedDeviceId: device.target.value,\r\n selectedDeviceInfo: deviceInfo,\r\n });\r\n \r\n clearPowerAssetHistoryData();\r\n getDeviceAttributes(device.target.value);\r\n this.loadAssetData(this.state.selectedAssetClassId);\r\n this.props.setDeviceid(device.target.value);\r\n }\r\n\r\n let subDevice = this.props.deviceList.filter(\r\n (d) => d.parentdeviceid == this.state.selectedDeviceId\r\n );\r\n\r\n let subDeviceList = subDevice.map((d) => ({\r\n deviceid: d.deviceid,\r\n devicename: d.devicename,\r\n }));\r\n this.setState({\r\n subDeviceList: subDeviceList,\r\n });\r\n };\r\n\r\n renderSpinner = () => {\r\n return (\r\n \r\n {this.props.assetDataLoading && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n };\r\n\r\n render() {\r\n // if(this.props.historyData){\r\n // console.log(\"===this.props.historyData\", this.props.historyData);\r\n // }\r\n if (this.props.assetList) {\r\n const assetList = this.props.assetList.map((a) => ({\r\n id: a.assetid,\r\n name: a.assetname,\r\n }));\r\n const firstOption = { id: \"firstOpt\", name: \"- select an asset-\" };\r\n assetList.unshift(firstOption);\r\n this.state.assetList = assetList;\r\n }\r\n\r\n if (this.state.selectedAssetInfo) {\r\n const selectedAsset = this.props.assetList.find(\r\n ({ assetid }) => assetid == this.state.selectedAssetId\r\n );\r\n if (selectedAsset) {\r\n const deviceList = selectedAsset.devices.map((d) => ({\r\n id: d.deviceid,\r\n name: d.devicenamealias,\r\n }));\r\n const firstOption = { id: \"firstOpt\", name: \"- select a device -\" };\r\n deviceList.unshift(firstOption);\r\n this.state.deviceList = deviceList;\r\n }\r\n }\r\n\r\n this.state.subDeviceList = this.props.deviceList.filter(\r\n (d) => d.parentdeviceid == this.state.selectedDeviceId\r\n );\r\n\r\n if (this.state.selectedDeviceInfo) {\r\n let deviceAttr = this.state.selectedDeviceInfo.attributes.map((info) => ({\r\n attmetaid: info.attmetaid,\r\n value: info.value,\r\n }));\r\n\r\n var deviceAttributes = deviceAttr.map((att) => ({\r\n deviceid: this.state.selectedDeviceId,\r\n attmetaid: att.attmetaid.attributemetaid,\r\n attmetaname: att.attmetaid.name,\r\n type: att.attmetaid.type,\r\n value: att.value,\r\n }));\r\n }\r\n\r\n\r\n var filteredPowerAttrList = this.props.powerAttrList.filter(attr => attr.deviceid === this.state.selectedDeviceId);\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n \r\n \r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({ forgotPassword, changeThemeToCustom }, dispatch);\r\n};\r\n \r\nconst enhance = compose(\r\n connect(mapStateToProps, mapDispatchToProps),\r\n withRouter\r\n);\r\n \r\nexport default enhance(ForgotPasswordForm);\r\n \r\n// \r\n {/*
\r\n */}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Forgot Password?\r\n {/* */}\r\n \r\n
\r\n Enter your username to reset password\r\n{this.state.forgetPasswordMessage}
\r\n\r\n//
","/* eslint-disable */\r\nimport React, { PureComponent } from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport {bindActionCreators, compose} from 'redux';\r\nimport {connect} from \"react-redux\";\r\nimport {Redirect, withRouter} from 'react-router-dom';\r\nimport EyeIcon from 'mdi-react/EyeIcon';\r\nimport KeyVariantIcon from 'mdi-react/KeyVariantIcon';\r\nimport AccountOutlineIcon from 'mdi-react/AccountOutlineIcon';\r\nimport { Link } from 'react-router-dom';\r\nimport {Alert, Col, Row} from \"reactstrap\";\r\nimport PropTypes from 'prop-types';\r\nimport renderCheckBoxField from '../../../shared/components/form/CheckBox';\r\nimport { resetPassword } from '../../../redux/actions/userAction';\r\nimport { FORGOT_PASSWORD_ROOT } from '../../../constants/appConstants';\r\n\r\nclass ResetPasswordForm extends PureComponent {\r\n\r\n constructor() {\r\n super();\r\n this.state = {\r\n showPassword: false,\r\n showErrors: false,\r\n isLoading: false,\r\n forgetSuccess: false,\r\n username: '',\r\n password: '',\r\n passwordConfirm: '',\r\n errors: {},\r\n };\r\n }\r\n \r\n componentWillUnmount() {\r\n this.setState({\r\n showPassword: false,\r\n showErrors: false,\r\n isLoading: false,\r\n username: '',\r\n password: '',\r\n errors: {}, \r\n loggedIn: 'false',\r\n \r\n });\r\n }\r\n \r\n showPassword = (e) => {\r\n e.preventDefault();\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n showErrors: false,\r\n });\r\n };\r\n \r\n onInputChange = (event) => {\r\n event.preventDefault();\r\n const{name, value} = event.target;\r\n // let errors = this.state.errors;\r\n switch (name) {\r\n case 'username':\r\n this.setState({\r\n username: value,\r\n showErrors: false\r\n });\r\n sessionStorage.setItem('username', event.target.value);\r\n break;\r\n case 'password':\r\n this.setState({\r\n password: value,\r\n showErrors: false\r\n });\r\n break;\r\n case 'passwordConfirm':\r\n this.setState({\r\n passwordConfirm: value,\r\n showErrors: false\r\n });\r\n default:\r\n return this.state;\r\n }\r\n };\r\n \r\n handleTouch = (e) =>{\r\n e.preventDefault();\r\n this.setState({showErrors: false})\r\n }\r\n \r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.setState(\r\n {isLoading: true, showErrors: true}\r\n );\r\n let query = new URLSearchParams(this.props.location.search);\r\n let token = query.get('token');\r\n this.props.resetPassword(this.state.password, token);\r\n }\r\n \r\n renderError = () => {\r\n if (! this.props.isAuthenticated && this.props.error === 1) {\r\n return (\r\n {this.props.forgetPasswordMessage}
\r\n//\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return state.user;\r\n };\r\n const mapDispatchToProps = (dispatch) => {\r\n return bindActionCreators({resetPassword}, dispatch);\r\n };\r\n\r\n const enhance = compose(\r\n connect(mapStateToProps,mapDispatchToProps),\r\n withRouter\r\n );\r\n \r\n export default enhance(ResetPasswordForm);","/* eslint-disable */\r\nimport { result } from \"lodash\";\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { Card, CardBody, Row, Col } from \"reactstrap\";\r\n\r\nclass GroupAttributeBoard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n // createColumn = (selectedGroup) => {\r\n // if (selectedGroup) {\r\n // return `${Object.keys(selectedGroup.groupvalue)} ==== ${Object.values(\r\n // selectedGroup.groupvalue\r\n // )}`;\r\n // }\r\n // };\r\n // attrData = (selectedGroup) => {\r\n // if (selectedGroup) {\r\n // let i = 0;\r\n // while (i != selectedGroup.length) {\r\n // // console.log(\"===group[i].groupid\", selectedGroup[i]);\r\n // // console.log(\r\n // // \"===this.state.selectedGroupId\",\r\n // // this.state.selectedGroupId\r\n // // );\r\n // if (this.state.selectedGroupId.includes(selectedGroup[i].groupid)) {\r\n // return (\r\n // \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n\r\n Reset\r\n Password\r\n Form\r\n \r\n
\r\n{this.props.resetPasswordMessage}
\r\n{selectedGroup[i].groupname}
\r\n //{group.groupname}
\r\n{group.groupname}
\r\nNo Data available.
\r\nNo data available.
\r\n\r\n
\r\n {this.props.deviceInfo\r\n ? this.props.deviceInfo.devicenamealias\r\n : null}\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
*/\r\n}\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { Container, Card, CardBody, Row, Col, Button, Table, Input, Label } from 'reactstrap';\r\nimport { BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2,\r\n // AdjustableDiv \r\n} from '../../../shared/components/Table/tableElements';\r\nimport { groupBy } from '../../../factories/utils';\r\nimport { ATTRIBUTE_TYPE, ATTRIBUTE_NAME, TIME_ZONE } from '../../../constants/dataConstants';\r\n\r\nclass StatusTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n }\r\n }\r\n\r\n renderAttrTable = () => {\r\n let cols = [\r\n {\r\n field: 'assetid',\r\n displayName: 'Asset ID',\r\n isKey: true,\r\n hidden: true\r\n },\r\n {\r\n field: 'assetname',\r\n displayName: 'Sensor',\r\n dataSort: false,\r\n hidden: true,\r\n },\r\n {\r\n field: 'attritime',\r\n displayName: 'Timestamp',\r\n dataFormat: this.timestampFormat,\r\n dataSort: true,\r\n },\r\n ];\r\n\r\n let colsFields = cols.map((item) => (item.field));\r\n let data = this.props.tableData ?\r\n this.props.tableData.filter((item, index) => (\r\n item.type !== ATTRIBUTE_TYPE.META &&\r\n item.display !== false &&\r\n // item.assetname !=='Alarm' \r\n item.displayname !== 'CO2'\r\n // item.timestamp !== item.attritime\r\n )) : [];\r\n\r\n let dataMap = groupBy(data, item => item.attritime);\r\n\r\n let tableData = [];\r\n for ([key, value] of dataMap) {\r\n const { assetid, assetname, attritime } = value[0];\r\n let assetObj = { assetid, assetname, attritime };\r\n for (let item of value) {\r\n if (!Object.keys(assetObj).includes(item.attributename)) {\r\n assetObj[item.attributename] = item.value;\r\n }\r\n if (!colsFields.includes(item.attributename)) {\r\n cols.push({\r\n field: item.attributename,\r\n displayName: item.displayname,\r\n dataSort: true,\r\n });\r\n // colsFields = cols.map((item)=>(item.field));\r\n colsFields.push(item.attributename);\r\n }\r\n }\r\n assetObj.attritime = new Date(assetObj.attritime).toLocaleString(\r\n \"en-US\",\r\n { timeZone: TIME_ZONE }\r\n )\r\n tableData.push(assetObj);\r\n }\r\n // \r\n // \r\n //\r\n\r\n let maxHeight = 400;\r\n let options = {\r\n defaultSortName: 'attritime', // default sort column name\r\n defaultSortOrder: 'desc', // default sort order\r\n exportCSVBtn: this.createCustomExportCSVButton\r\n };\r\n return (\r\n
\r\n
\r\n {this.renderAttrTable()}\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default withRouter(PowerManagementPage);\r\n","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Container, Row, Col, Button, Form, FormGroup, Label, Input } from 'reactstrap';\r\nimport Select from 'react-select';\r\nimport {SingleSelection, MultiSelectionComponent} from '../../Asset/components/SelectionComponents';\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport moment from 'moment';\r\nimport 'react-dates/initialize';\r\nimport {getCurrentUser} from \"../../../factories/auth\";\r\n\r\nclass AssetFilter extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n\r\n }\r\n this.userObj = getCurrentUser();\r\n if( this.userObj.detail==null){\r\n return;\r\n }\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': {backgroundColor: this.userObj.detail.appButtonColorHover},\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover: \"white\",\r\n }),\r\n control: (base,selectState) => ({\r\n ...base,\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover: base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': {borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover: base.borderColor}\r\n }),\r\n indicatorsContainer: (base,selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n\r\n }\r\n\r\n componentDidMount(){}\r\n componentWillReceiveProps(nextProps){\r\n if (nextProps.assetClass){\r\n }\r\n }\r\n componentWillUnmount(){\r\n }\r\n\r\n changeLocation = curLocation => {\r\n this.setState(prevState => {\r\n return ({\r\n selectedLocation: curLocation,\r\n })\r\n }, this.onRefreshClick);\r\n };\r\n\r\n changeStatus = curStatus => {\r\n this.setState({\r\n selectedStatus: curStatus,\r\n }, this.onRefreshClick);\r\n }\r\n\r\n changeSub = curSub => {\r\n this.setState({\r\n selectedSub: curSub,\r\n }, this.onRefreshClick);\r\n }\r\n\r\n\r\n onRefreshClick = () => {\r\n // return;\r\n // let filter = {\r\n // location: this.state.selectedLocation?.value,\r\n // status: this.state.selectedStatus?.value\r\n // }\r\n this.props.handleFilterRefresh(this.state.selectedLocation?.value);\r\n }\r\n\r\n render(){\r\n let locationOpt=[];\r\n // { value:'Kitchen', label:'Kitchen' },\r\n // { value:'Storage', label:'Storage' },\r\n let statusOpt = [];\r\n // { value:'online', label:'online' },\r\n // { value:'offline', label:'offline' },\r\n let subOpt=[];\r\n // { value:'Trenton North', label:'Trenton North' },\r\n // { value:'Trenton South', label:'Trenton South' },\r\n // this.props.devmaLocation?.forEach(item=>{\r\n // locationOpt.push({ value:item, label:item });\r\n // });\r\n let devmaStatus = [];\r\n if (this.props.devmaStatus) {\r\n // deep copy\r\n devmaStatus = JSON.parse(JSON.stringify(this.props.devmaStatus));\r\n }\r\n if (devmaStatus.length === 0) {\r\n devmaStatus = ['online', 'offline'];\r\n } else if (devmaStatus.length === 1) {\r\n let devmaStatusStr = JSON.stringify(devmaStatus);\r\n if (devmaStatusStr.indexOf('online')) {\r\n devmaStatus.push('offline');\r\n } else if (devmaStatusStr.indexOf('offline')) {\r\n devmaStatus.unshift('online');\r\n }\r\n }\r\n devmaStatus?.forEach(item=>{\r\n statusOpt.push({ value:item, label:item.charAt(0).toUpperCase()+item.slice(1) });\r\n });\r\n this.props.devmaNvr?.forEach(item=>{\r\n locationOpt.push({ value:item, label:item });\r\n });\r\n\r\n return (\r\n Power Management
\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AssetFilter","\r\n/* eslint-disable */\r\nimport { proxy } from 'jquery';\r\nimport React, { Component, useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, FormText, FormFeedback } from 'reactstrap';\r\nimport { addNVR, loadNVRs } from '../../../redux/actions/surveilenceActions';\r\nimport { add } from 'lodash';\r\n\r\nfunction AddDeviceModal({type, modalVisible, toggleModal, addNVR}) {\r\n const [Title, setTitle] = useState(null);\r\n const [Password, setPassword] = useState('');\r\n const [ConfirmPasswordValid, setConfirmPasswordValid] = useState(false);\r\n const [internalIpValid, setinternalIpValid] = useState(null);\r\n const [publicIpValid, setpublicIpValid] = useState(null);\r\n const [NVRObject, setNVRObject] = useState({\r\n nvrName: '',\r\n nvrType: 'plaza',\r\n direction: 'NA',\r\n center: '',\r\n nvrIp: '',\r\n nvrIpPublic: '',\r\n httpPort: '',\r\n httpPortPublic: '',\r\n proxyPort: '',\r\n adminPass: ''\r\n });\r\n\r\n useEffect(() => {\r\n if(type==='nvr'){\r\n setTitle('Add New NVR');\r\n } \r\n }, [type]);\r\n\r\n useEffect(() => {\r\n if(NVRObject.nvrIp !== ''){\r\n setinternalIpValid(validateIP(NVRObject.nvrIp));\r\n }\r\n if(NVRObject.nvrIpPublic !== ''){\r\n setpublicIpValid(validateIP(NVRObject.nvrIpPublic));\r\n } \r\n }, [NVRObject]);\r\n\r\n \r\n const handleAddDeviceSubmit = (e) => {\r\n e.preventDefault();\r\n if(Password && ConfirmPasswordValid){\r\n let nvrObjectWithPassword = {...NVRObject, adminPass: Password};\r\n setNVRObject(nvrObjectWithPassword);\r\n addNVR(nvrObjectWithPassword);\r\n toggleModal();\r\n loadNVRs();\r\n }\r\n }\r\n\r\n\r\n //validate IP addess function\r\n const validateIP = (ip) => {\r\n // console.log('IP', ip);\r\n let ipPattern = new RegExp('^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$');\r\n let ipArray = ip.split('.');\r\n if(ipArray.length === 4){\r\n for(let i=0; i\r\n \r\n
\r\n )\r\n\r\n useEffect(() => {\r\n let columns\r\n if (type == \"camera\") {\r\n columns = [\r\n { dataField: 'nvr', text: 'Location', caretRender: sortCaret },\r\n { dataField: 'assetId', text: 'Camera Id', hidden: true, searchable: false, caretRender: sortCaret },\r\n // { dataField: 'assetName', text: 'Asset Name', caretRender: sortCaret },\r\n { dataField: 'cameraName', text: 'Camera Name', caretRender: sortCaret },\r\n /*{ dataField: 'location', text: 'Location', caretRender: sortCaret },*/\r\n {\r\n dataField: 'channel', text: 'NVR',\r\n },\r\n {\r\n dataField: 'status',\r\n text: 'Status',\r\n formatter: statusFormatter\r\n },\r\n { dataField: 'updateDate', text: 'Last Upated On', caretRender: sortCaret },\r\n // { dataField: 'model', text: 'Model', caretRender: sortCaret },\r\n\r\n ]\r\n } else if (type == \"sensor\") {\r\n columns = [\r\n // { dataField: 'location', text: 'Location', caretRender: sortCaret },\r\n { dataField: 'assetId', text: 'Camera Id', hidden: true, searchable: false, caretRender: sortCaret },\r\n { dataField: 'assetName', text: 'Asset Name', caretRender: sortCaret },\r\n { dataField: 'location', text: 'Location', caretRender: sortCaret },\r\n { dataField: 'sensorId', text: 'Sensor ID', caretRender: sortCaret },\r\n // {\r\n // dataField: 'channel', text: 'Channel',\r\n // },\r\n {\r\n dataField: 'status',\r\n text: 'Status',\r\n formatter: statusFormatter\r\n },\r\n // { dataField: 'nvr', text: 'NVR', caretRender: sortCaret },\r\n { dataField: 'creationDate', text: 'Creation Date', caretRender: sortCaret },\r\n { dataField: 'lastMessageTime', text: 'Last Message Time', caretRender: sortCaret },\r\n // { dataField: 'model', text: 'Model', caretRender: sortCaret },\r\n ]\r\n }else{ //nvr\r\n columns = [\r\n { dataField: 'nvrName', text: 'Name', headerStyle:{width: '200px'}, caretRender: sortCaret },\r\n { dataField: 'nvrCode', text: 'Code', caretRender: sortCaret, headerStyle:{width: '75px'} },\r\n { dataField: 'nvrType', text: 'Type', caretRender: sortCaret, headerStyle:{width: '100px'}},\r\n { \r\n dataField: 'status', \r\n text: 'Status',\r\n formatter: statusFormatter, \r\n caretRender: sortCaret,\r\n headerStyle:{width: '60px'}\r\n },\r\n { dataField: 'nvrIp', text: 'IP', caretRender: sortCaret , headerStyle:{width: '110px'}},\r\n { dataField: 'httpPort', text: 'Port', caretRender: sortCaret, headerStyle:{width: '50px'} },\r\n // { dataField: 'sdkPort', text: 'SDK Port', caretRender: sortCaret },\r\n { dataField: 'nvrIpPublic', text: 'Public IP', caretRender: sortCaret, headerStyle:{width: '110px'} },\r\n { dataField: 'httpPortPublic', text: 'Public Port', caretRender: sortCaret, headerStyle:{width: '75px'} },\r\n { dataField: 'rtspPort', text: 'RTSP Port', caretRender: sortCaret, headerStyle:{width: '75px'} },\r\n { dataField: 'createdDate', text: 'Created At', caretRender: sortCaret },\r\n { dataField: 'updatedDate', text: 'Last Upated', caretRender: sortCaret },\r\n // { dataField: 'drEnabled', text: 'DR', caretRender: sortCaret },\r\n ]\r\n } \r\n for (let i = 0; i < columns.length; i++) {\r\n columns[i].headerClasses = 'header_white'\r\n columns[i].sort = true\r\n }\r\n //retrieve the list of locations from the device list\r\n let locationOpt = []\r\n if (type === \"camera\") {\r\n deviceList.forEach(c => {\r\n if (c.nvr && !locationOpt.find(a=>a.value === c.nvr)) {\r\n locationOpt.push({ value: c.nvr, label: c.nvr })\r\n }\r\n })\r\n //sensor\r\n }else if(type === \"sensor\"){\r\n deviceList.forEach(c => {\r\n if (c.location && !locationOpt.find(a=>a.value === c.location)) {\r\n locationOpt.push({ value: c.location, label: c.location })\r\n }\r\n })\r\n //nvr\r\n }else{ \r\n deviceList.forEach(c => {\r\n if (c.center && !locationOpt.find(a=>a.value === c.center)) {\r\n locationOpt.push({ value: c.center, label: c.center})\r\n }\r\n })\r\n }\r\n\r\n //set the online and offline devices count\r\n const {onlineCount, offlineCount} = getStatusCount(deviceList);\r\n setonlineDevicesCount(onlineCount);\r\n setofflineDevicesCount(offlineCount);\r\n setTableData(deviceList)\r\n setlocationOpt(locationOpt)\r\n setColumns(columns)\r\n\r\n }, [type, deviceList])\r\n\r\n \r\n useEffect(() => {\r\n //filter TableData based on onlineFilter and offlineFilter and selectedLocation\r\n if(deviceList){\r\n let filteredData = [...deviceList];\r\n if(onlineFilter){\r\n filteredData = filter(filteredData, {status: 'online'})\r\n }\r\n if(offlineFilter){\r\n filteredData = filter(filteredData, {status: 'offline'})\r\n }\r\n if(selectedLocation){\r\n if(type === \"camera\"){\r\n filteredData = filter(filteredData, {nvr: selectedLocation.value})\r\n }else if(type === \"sensor\"){\r\n filteredData = filter(filteredData, {location: selectedLocation.value})\r\n }else{\r\n filteredData = filter(filteredData, {center: selectedLocation.value})\r\n }\r\n }\r\n setTableData(filteredData)\r\n }\r\n\r\n }, [onlineFilter, offlineFilter, selectedLocation, deviceList])\r\n\r\n\r\n\r\n\r\n const hanldeLocationChange = (filter) => {\r\n setSelectedLocation(filter)\r\n }\r\n\r\n\r\n const renderSpinner = () => {\r\n return (\r\n \r\n
\r\n {/* } */}\r\n \r\n \r\n
\r\n \r\n
\r\n onRowClick(row.id) }}\r\n caretRender={sortCaret}\r\n pagination={deviceList.length > 0 ? paginationFactory() : null}\r\n sort={{ sortCaret }}\r\n bordered={false}\r\n striped\r\n noDataIndication={'There is no data to display'}\r\n rowClasses={smartBuildingDeviceRowClass}\r\n />\r\n
\r\n )}\r\n \r\n }\r\n\r\n \r\n )\r\n}\r\n\r\n\r\n\r\n\r\nexport default withRouter(RenderDeviceList);\r\n","/* eslint-disable */\r\nimport React from 'react'\r\nimport makeAnimated from 'react-select/animated';\r\nimport Select from 'react-select'\r\nimport { Input } from 'reactstrap'\r\nimport { Modal, Button } from \"react-bootstrap\";\r\n\r\n// Multiselect Components\r\nconst animatedComponents = makeAnimated();\r\n\r\nexport default function MultiSelectionComponent({ err, styles, controlStyles, ...props }) {\r\n const customStyles = {\r\n control: (provided, state) => ({ // Mimic reactstrap input styles\r\n ...provided,\r\n borderColor: err ? 'red' : state.isFocused && !state.isDisabled ? '#80bdff' : 'lightgray',\r\n /* boxShadow: state.isFocused && !state.isDisabled ? '0 0 0 0.2rem rgba(0, 123, 255, 0.25)' : 'none',\r\n '&:hover': { borderColor: state.isFocused && '#80bdff' },*/\r\n ...controlStyles,\r\n }),\r\n ...styles,\r\n }\r\n let isMulti = true;\r\n if (props.isMulti) {\r\n isMulti = props.isMulti;\r\n }\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport function AssetMultiSelection(props) {\r\n return (\r\n {onlineFilter ? deviceCountElementByStatus(onlineDevicesCount, \"online\") : 'Show Online Devices'}
\r\n \r\n {offlineFilter ? deviceCountElementByStatus(offlineDevicesCount, \"offline\") : 'Show Offline Devices'}
\r\n \r\n {message}
\r\n
Custom Attributes
\r\n\r\n
\r\n
Calculate Attributes
\r\n\r\n
{name}
\r\n {children}\r\n \r\n{name + (type ? (': ' + type) : '')}
\r\n\r\n \r\n \r\n
\r\n \r\n {disableEdit &&\r\n { setEditable(true) }}\r\n style={!defaultValue ? { color: '#ccc', ...textStyles } : textStyles}>{defaultValue || \"Enter here...\"}
\r\n )\r\n}\r\n\r\nexport function EditableAttribute({ name, custom, toggleModal, deleteAttribute, md = 4, ...props }) {\r\n return (\r\n{name}
\r\n {custom &&{name}
\r\n {custom &&{name}
\r\n {custom &&\r\n
\r\n \r\n \r\n \r\n
\r\n {this.props.disableEdit &&\r\n \r\n \r\n
\r\n {this.props.disableEdit &&\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n\r\n {\r\n\r\n props.updateAssetOnStore({ assetid: props.assetInfo.assetid, data: { assetname: newVal } })\r\n }}\r\n />\r\n props.updateAssetOnStore({ assetid: props.assetInfo.assetid, data: { description: newVal } })}\r\n />\r\n \r\n \r\n 0}\r\n forIdName=\"assetClass\"\r\n onChange={(e) => props.updateAssetOnStore({ assetid: props.assetInfo.assetid, data: { assetclassid: e.currentTarget.value } })}\r\n options={props.assetClassList}\r\n defaultValue={props.assetInfo.assetclassid}\r\n getOptionLabel={({ name }) => name}\r\n getOptionValue={({ id }) => id}\r\n />\r\n \r\n \r\n \r\n assetClassInfo.allowedDeviceTypes.some(dT => dT.id == dt.id))\r\n )}\r\n value={selectedDevices}\r\n onChange={options => setDevices(options || [])}\r\n defaultValue={deviceDefaultValue}\r\n />\r\n \r\n \r\n assetname}\r\n getOptionValue={({ assetid }) => assetid}\r\n defaultValue={parentDefaultValues}\r\n onChange={(val) => { setParentAsset(val) }}\r\n onBlur={updateParentAssetOnBlur}\r\n // isDisabled= {details.assets && details.assets.length > 0}\r\n isClearable\r\n />\r\n \r\n\r\n \r\n
\r\n
\r\n\r\n {/*
\r\n
\r\n aCL.id == props.assetInfo.assetclassid).attributeMetas}\r\n addAssetAttribute={props.addAssetAttribute}\r\n updateAssetAttribute={props.updateAssetAttribute}\r\n updateImageAttribute={props.updateImageAttribute}\r\n deleteAssetAttribute={props.deleteAssetAttribute}\r\n />\r\n {/*\r\n \r\n
\r\n */}\r\n
\r\n {\r\n\r\n }\r\n\r\n\r\n resetCalculateAttribute(props.assetInfo.assetid)}\r\n msg={'This action will reset the Level wise and total parking counts, please confirm if you wish to proceed.'}\r\n style={{ marginBottom: 0 }}\r\n size='m'\r\n />\r\n :\r\n null }\r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n )\r\n}\r\nclass CalculationAttributeNode extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n attribute: {\r\n assetclassid: 0,\r\n assetid: 0,\r\n createdby: \"\",\r\n createdtime: \"\",\r\n displayname: \"\",\r\n expression: \"\",\r\n id: 0,\r\n name: \"\",\r\n status: 1,\r\n vars: \"\"\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n attribute: this.props.calculatedAttribute\r\n })\r\n }\r\n componentWillReceiveProps(nextProps, nextContent) {\r\n this.setState({\r\n attribute: nextProps.calculatedAttribute\r\n })\r\n }\r\n onInputChange = (event) => {\r\n if (event.target.name === \"displayname\") {\r\n this.state.attribute[\"name\"] = event.target.value;\r\n\r\n }\r\n this.state.attribute[event.target.name] = event.target.value;\r\n this.props.onAttributeChange(this.state.attribute, this.state.position);\r\n\r\n };\r\n render() {\r\n return (\r\n Edit Asset
\r\n\r\n
\r\n
\r\n
\r\n {\r\n\r\n }\r\n\r\n
\r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\nclass CalculationAttributes extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n calculationAttributes: [],\r\n assetId: 0,\r\n assetClassId: 0,\r\n }\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n calculationAttributes: this.props.calculationAttributes,\r\n assetId: this.props.assetId,\r\n assetClassId: this.props.assetClassId\r\n })\r\n }\r\n deleteAttribute = (index) => {\r\n var calAttributesTemp = [...this.state.calculationAttributes]\r\n if (calAttributesTemp[index].id > 0) {\r\n calAttributesTemp[index].status = 0;\r\n } else {\r\n calAttributesTemp.splice(index, 1);\r\n }\r\n this.setState({ calculationAttributes: calAttributesTemp });\r\n }\r\n addAttribute = () => {\r\n var calAttributesTemp = [...this.state.calculationAttributes]\r\n calAttributesTemp.push({\r\n assetclassid: this.state.assetClassId,\r\n assetid: this.state.assetId,\r\n createdby: \"\",\r\n createdtime: \"\",\r\n displayname: \"\",\r\n expression: \"\",\r\n id: 0,\r\n name: \"\",\r\n status: 1,\r\n vars: \"\"\r\n })\r\n this.setState({ calculationAttributes: calAttributesTemp });\r\n }\r\n onAttributeChange = (attribute, position) => {\r\n var calAttributesTemp = [...this.state.calculationAttributes]\r\n calAttributesTemp[position] = attribute\r\n this.setState({ calculationAttributes: calAttributesTemp });\r\n\r\n }\r\n onAttributeSave = () => {\r\n var obj = {\r\n list: this.state.calculationAttributes\r\n }\r\n this.props.updateBatchCalculateAttribute(obj).then(()=> {\r\n this.props.getCalculateAttribute({ \"assetid\": this.state.assetId })\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n {\r\n this.state.calculationAttributes.map((ca, index) => {\r\n if (ca.status > 0) {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass CustomAttributes extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Cameras\r\n
\r\n\r\n Sensors\r\n
\r\n \r\n\r\n NVRs\r\n
\r\n \r\nDevices
\r\n \r\n\r\n
\r\n You have been idle for a while. Please confirm to continue the session or you will be logged out in {remaining} {seconds}\r\n
\r\n\r\n
\r\n
\r\n \r\n (\r\n user.isAuthenticated\r\n ?
\r\n \r\n
\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default DeviceDetailInfo;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport { Col, Container, Row, Card, CardBody, Label, Input, Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup } from 'reactstrap';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport {loadDevice, loadDeviceInfo, loadDivceMapData, clearDivceMapData} from '../../../redux/actions/mapActions'\r\nimport DeviceDetailInfo from './DeviceDetailInfo'\r\nimport moment from 'moment';\r\n// import AssetList from './AssetList'\r\n\r\nclass DeviceDetailBoard extends Component{\r\n constructor(props){\r\n super(props);\r\n var today = new Date();\r\n var dd = String(today.getDate()).padStart(2, '0');\r\n var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!\r\n var yyyy = today.getFullYear();\r\n var endHour = \"23:59:59\";\r\n today = yyyy + '-' + mm + '-' + dd +\"T\"+ endHour ;\r\n \r\n var yesterday = new Date();\r\n yesterday.setDate(yesterday.getDate() -1);\r\n var mm1 = String(yesterday.getMonth() + 1).padStart(2, '0'); //January is 0!\r\n var dd1 = String(yesterday.getDate()).padStart(2, '0');\r\n var yyyy1 = yesterday.getFullYear();\r\n var startHour = \"00:00:00\";\r\n\r\n yesterday = yyyy1 + '-' + mm1 + '-' + dd1 +\"T\"+ startHour ;\r\n this.state={\r\n currentFromTime: moment(yesterday),\r\n currentToTime: moment(today),\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n this.loadData();\r\n // this.props.loadDevice();\r\n // this.props.loadDeviceInfo();\r\n \r\n \r\n }\r\n\r\n componentWillUnmount(){\r\n \r\n if (this.interval){\r\n clearInterval(this.interval);\r\n }\r\n }\r\n\r\n // -------------------------------------------------------------\r\n\r\n onFromChange = (e) => {\r\n // let currentDate = new Date(e.target.value).toISOString().split('.')[0];\r\n let currentDate = e.target.value;\r\n this.setState({currentFromTime: currentDate});\r\n }\r\n onToChange = (e) => {\r\n // let currentDate = new Date(e.target.value).toISOString().split('.')[0];\r\n let currentDate = e.target.value;\r\n this.setState({currentToTime: currentDate});\r\n }\r\n onRefreshClick = (e) => {\r\n this.loadData();\r\n }\r\n\r\n loadData = () =>{\r\n let params = {deviceid:this.props.deviceId};\r\n // alert(this.props.currentFromTime);\r\n let latest = true;\r\n if (this.state.currentFromTime || this.state.currentFromTime.length > 0 ){\r\n let date = new Date(this.state.currentFromTime)\r\n let stringDate = date.toISOString().split('.')[0];\r\n params = Object.assign(params, {starttime: stringDate});\r\n latest = false;\r\n }\r\n if (this.state.currentToTime || this.state.currentToTime.length > 0 ){\r\n let date = new Date(this.state.currentToTime);\r\n let stringDate = date.toISOString().split('.')[0];\r\n params = Object.assign(params, {endtime: stringDate});\r\n latest = false;\r\n }\r\n // if(latest){\r\n // params = Object.assign(params, {latest: 1});\r\n // }\r\n \r\n \r\n this.props.loadDivceMapData(params);\r\n if (this.interval){\r\n clearInterval(this.interval);\r\n }\r\n // this.interval = setInterval(() => { \r\n // this.props.bindFilterAttribute('');\r\n }\r\n\r\n renderSearchCard(){\r\n return(\r\n \r\n {/* {this.renderSearchCard()} */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// export default AssetBoard;\r\n\r\nfunction mapStateToProps(state) {\r\n \r\n \r\n const types = state.mapboard.types;\r\n const groups = state.mapboard.groups;\r\n const status =state.mapboard.status;\r\n const attr = state.mapboard.attr;\r\n const mapData = state.mapboard.mapData;\r\n const error= state.mapboard.error;\r\n const message= state.mapboard.message;\r\n const loading= state.mapboard.loading;\r\n \r\n const props = {types, groups, mapData, attr, status, message, error, loading}\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({loadDevice, loadDeviceInfo, loadDivceMapData, clearDivceMapData}, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeviceDetailBoard);\r\n\r\n","/* eslint-disable */\r\nimport React, { useState, useEffect, useRef } from 'react';\r\nimport axios from 'axios';\r\nimport { toast } from \"react-toastify\";\r\nimport log from 'loglevel';\r\nimport { USER_GET_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED,\r\n CONTACT_US_EMAIL_SEND_SUCCEED,\r\n CONTACT_US_EMAIL_SEND_FAILED\r\n} from '../constants/actionTypes';\r\nimport { ATTRIBUTE_TYPE, ATTRIBUTE_NAME } from '../constants/dataConstants';\r\nconst token = getJwttoken();\r\naxios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\nimport * as FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\nimport {ExcelRenderer} from 'react-excel-renderer';\r\nimport { ABCIcon } from 'mdi-react';\r\nimport { MAILGUN_ROOT, MESSAGER_ROOT, SUPPORT_EMAIL } from '../constants/appConstants';\r\n\r\n\r\nexport const getSelectStyles = ()=>{\r\n const user = getCurrentUser();\r\n if(user){\r\n return {\r\n menu: (provided, state) => ({\r\n ...provided,\r\n width: \"100%\",\r\n cursor:\"pointer\",\r\n zIndex: 9999\r\n }),\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n width: \"100%\",\r\n cursor:\"pointer\",\r\n '&:active': { backgroundColor: user.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? user.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n width:\"100%\",\r\n height: 35,\r\n minHeight: 35,\r\n cursor:\"pointer\",\r\n borderColor: selectState.isFocused ? user.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? user.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n return null\r\n}\r\n\r\nexport const groupByArray = (objectArray, property)=>{\r\n return objectArray.reduce((acc, obj) => {\r\n const key = obj[property];\r\n if (!acc[key]) {\r\n acc[key] = [];\r\n }\r\n // Add object to list for given key's value\r\n acc[key].push(obj);\r\n return acc;\r\n }, {});\r\n}\r\n\r\nexport const groupByArrayObject = (objectArray, property, objproperty)=>{\r\n return objectArray.reduce((acc, obj) => {\r\n const key = obj[property][objproperty];\r\n if (!acc[key]) {\r\n acc[key] = [];\r\n }\r\n //Add object to list for given key's value\r\n acc[key].push(obj);\r\n return acc;\r\n }, {});\r\n}\r\n\r\n// const grouped = groupBy(pets, pet => pet.type);\r\nexport function groupBy(list, keyGetter) {\r\n const map = new Map();\r\n list.forEach((item) => {\r\n const key = keyGetter(item);\r\n const collection = map.get(key);\r\n if (!collection) {\r\n map.set(key, [item]);\r\n } else {\r\n collection.push(item);\r\n }\r\n });\r\n return map;\r\n}\r\n// ------------------------------------------------\r\nexport function getMaxItem (list, keyGetter) {\r\n if (list && Array.isArray(list)){\r\n let maxItem = list.reduce((accumulator, currentValue, currentIndex, array)=>{\r\n if (accumulator == null){\r\n return currentValue;\r\n }else{\r\n const currentTime = keyGetter(currentValue);\r\n const accumulTime = keyGetter(accumulator);\r\n if (accumulTime >= currentTime) {\r\n return accumulator;\r\n }else{\r\n return currentValue\r\n ;\r\n }\r\n }\r\n }, null);\r\n return maxItem;\r\n }else{\r\n return null;\r\n }\r\n}\r\n// ------------------------------------------------\r\nexport function chunk(array, size) {\r\n const chunked_arr = [];\r\n let index = 0;\r\n while (index < array.length) {\r\n chunked_arr.push(array.slice(index, size + index));\r\n index += size;\r\n }\r\n return chunked_arr;\r\n }\r\n// ------------------------------------------------\r\nexport function isStringEmpty(inputStr) {\r\n return (inputStr == undefined) || (inputStr == null) || (inputStr.length === 0);\r\n}\r\n// ------------------------------------------------\r\n\r\nexport function itemFinder(list, key, value) {\r\n let selectedItem = null; \r\n selectedItem = list.find((item) => {\r\n return (\r\n item[key] === value\r\n );\r\n });\r\n return selectedItem;\r\n}\r\n\r\nexport function dropdownOnChangeHandler(e) {\r\n let id = e.target.value;\r\n let index = e.target.selectedIndex;\r\n let name = e.target.options[index].text;\r\n return ({\r\n id: id,\r\n name: name\r\n });\r\n}\r\n\r\nexport function generateSelectOptions(list, labelKey, valueKey) {\r\n let options = [];\r\n if (list && Array.isArray(list)){\r\n list.forEach((item)=>{\r\n const label = item[labelKey];\r\n const value = item[valueKey];\r\n options.push({\r\n label: label, \r\n value: value,\r\n });\r\n });\r\n }\r\n return options;\r\n}\r\n\r\n//React polling every \"delay\" seconds\r\nexport const useInterval = (callback, delay) => {\r\n\r\n const savedCallback = useRef();\r\n \r\n useEffect(() => {\r\n savedCallback.current = callback;\r\n }, [callback]);\r\n \r\n \r\n useEffect(() => {\r\n function tick() {\r\n savedCallback.current();\r\n }\r\n if (delay !== null) {\r\n const id = setInterval(tick, delay);\r\n return () => clearInterval(id);\r\n }\r\n }, [delay]);\r\n }\r\n// -------------------------------------------------------------------\r\nexport function base64Encode (str) {\r\n // const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\r\n // let encoded = btoa(str);\r\n // let encodedArr = encoded.split('');\r\n // let startArr = encodedArr.splice(0,4);\r\n // let reversedArr = startArr.reverse();\r\n // let processedArr = [...reversedArr, ...encodedArr];\r\n // let randomChar = characters.charAt(Math.floor(Math.random() * characters.length));\r\n // processedArr.splice(9,0,randomChar);\r\n // let returnVal = processedArr.join(''); \r\n // return (returnVal);\r\n return ('')\r\n\r\n // let token = sessionStorage.getItem('token');\r\n // \r\n // \r\n // return (token);\r\n \r\n}\r\n\r\nexport function getJwttoken(){\r\n let token = sessionStorage.getItem('jToken');\r\n // \r\n // \r\n return (token);\r\n}\r\n// -------------------------------------------------------------------\r\nexport function getCurrentUser(){\r\n try{\r\n if (sessionStorage.getItem('currentUserObj')){\r\n let currentUser = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n return currentUser;\r\n }else{\r\n throw new Error(\"Failed to get current user, Please re-login\");\r\n }\r\n }\r\n catch(err) {\r\n console.error(err.message);\r\n return null;\r\n }\r\n}\r\n\r\nexport function setBrandingDetail(detail){\r\n try{\r\n if (sessionStorage.getItem('currentUserObj')){\r\n var currentUser = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n currentUser.detail = detail\r\n sessionStorage.setItem('currentUserObj', JSON.stringify(currentUser));\r\n return currentUser;\r\n }else{\r\n throw new Error(\"Failed to get current user, Please re-login\");\r\n }\r\n }\r\n catch(err) {\r\n console.error(err.message);\r\n return null;\r\n }\r\n}\r\n\r\n// -------------------------------------------------------------------\r\n// export function axiosGet(paramObj){\r\n\r\n// const urlRoot = paramObj.url;\r\n// const criteria = paramObj.criteria;\r\n// const logText = paramObj.logText;\r\n// const sccessType = paramObj.sccessType;\r\n// const failedType = paramObj.failedType;\r\n// const errorMessage = paramObj.errorMessage;\r\n\r\n// let userObj = getCurrentUser();\r\n// // let token = getJwttoken();\r\n// if (userObj === null || userObj.userName.length === 0){\r\n// // \r\n// \r\n// return dispatch => {\r\n// dispatch({\r\n// type: USER_GET_FAILED,\r\n// error: \"Failed to get current user, Please re-login\",\r\n// message: \"Failed to get current user, Please re-login\",\r\n// });\r\n// }\r\n// }\r\n// let {userName, companyCode, role} = userObj;\r\n// let userTokenObj = {userName, companyCode, role};\r\n\r\n// let queryString = '';\r\n// if (criteria){\r\n// queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n// queryString = \"?\" + queryString;\r\n// } \r\n// const urlStr = `${urlRoot}${queryString}`;\r\n// \r\n\r\n// const request = axios({\r\n// url: urlStr,\r\n// method: 'get',\r\n// headers: {\r\n// 'Content-Type': 'application/json',\r\n// // 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n// // 'Authorization': \"Bearer \" + token,\r\n// // 'Authorization': \"Bearer \" + sessionStorage.getItem('token'),\r\n// },\r\n// });\r\n\r\n// return (\r\n// (despatch) => {\r\n// request.then( (response) => {\r\n// if (response.status == 200) {\r\n// despatch({\r\n// type:sccessType,\r\n// payload: response.data\r\n// });\r\n// if (paramObj.callback) {\r\n// despatch(paramObj.callback(response.data));\r\n// }\r\n// }else{\r\n// despatch({\r\n// type: failedType,\r\n// error: errorMessage,\r\n// });\r\n// if (paramObj.errorCallback) {\r\n// despatch(paramObj.errorCallback(errorMessage));\r\n// }\r\n// }\r\n// }).catch( (error) => {\r\n// despatch({\r\n// type: failedType,\r\n// error: error.message,\r\n// });\r\n// if (paramObj.errorCallback) {\r\n// despatch(paramObj.errorCallback(error.message));\r\n// }\r\n// })\r\n// }\r\n// );\r\n// }\r\n\r\n// --------------------------------------------------------\r\n\r\nexport function axiosAsyncCall(paramObj){\r\n const urlRoot = paramObj.url;\r\n const method = paramObj.method;\r\n const queryData = paramObj.queryData;\r\n const bodyData = paramObj.bodyData;\r\n const responseKeyGetter = paramObj.responseKeyGetter;\r\n const successContent = paramObj.successContent;\r\n const timeout = paramObj.timeout\r\n\r\n let queryString = '';\r\n if (queryData){\r\n queryString = Object.keys(queryData).map(key => key + '=' + queryData[key]).join('&');\r\n queryString = \"?\" + queryString;\r\n } \r\n const urlStr = `${urlRoot}${queryString}`;\r\n const axiosParam = {\r\n url: urlStr,\r\n method: method,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n timeout: timeout\r\n }\r\n if (bodyData){\r\n axiosParam.data = bodyData;\r\n }\r\n\r\n return axios(axiosParam).then( response => {\r\n let successCheck = true;\r\n if (responseKeyGetter){\r\n successCheck = (successContent === responseKeyGetter(response))\r\n }\r\n if ((response.status == 200 || response.status == 201 || response.status == 302) && successCheck){\r\n return Promise.resolve(response.data)\r\n }else{\r\n log.error(response);\r\n return Promise.reject(response);\r\n }\r\n }).catch( err => {\r\n log.error(err);\r\n return Promise.reject(err.response);\r\n });\r\n \r\n}\r\n\r\nexport function axiosGet(paramObj){\r\n\r\n const urlRoot = paramObj.url;\r\n const criteria = paramObj.criteria;\r\n const logText = paramObj.logText;\r\n const startType = paramObj.startType;\r\n const sccessType = paramObj.sccessType;\r\n const failedType = paramObj.failedType;\r\n const errorMessage = paramObj.errorMessage;\r\n const timeout = paramObj.timeout\r\n\r\n let userObj = getCurrentUser();\r\n // let token = getJwttoken();\r\n if (userObj === null || userObj.userName.length === 0){\r\n // \r\n \r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n let {userName, companyCode, role} = userObj;\r\n let userTokenObj = {userName, companyCode, role};\r\n\r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n queryString = \"?\" + queryString;\r\n } \r\n const urlStr = `${urlRoot}${queryString}`;\r\n \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n // timeout: 1000000000,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n // 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n //'Authorization': \"Bearer \" + token,\r\n // 'Authorization': \"Bearer \" + sessionStorage.getItem('token'),\r\n },\r\n timeout: timeout\r\n });\r\n\r\n return (\r\n (despatch) => {\r\n if (startType) {\r\n despatch({\r\n type:startType,\r\n });\r\n }\r\n return request.then( (response) => {\r\n // \r\n if (response.status == 200) {\r\n if (sccessType) {\r\n despatch({\r\n type:sccessType,\r\n payload: response.data,\r\n parameters: criteria\r\n });\r\n }\r\n if (paramObj.callback) {\r\n \r\n despatch(paramObj.callback(response.data));\r\n }\r\n }else{\r\n if (failedType) {\r\n despatch({\r\n type: failedType,\r\n error: errorMessage,\r\n });\r\n }\r\n if (paramObj.errorCallback) {\r\n despatch(paramObj.errorCallback(errorMessage));\r\n }\r\n console.error('post error: ', errorMessage);\r\n }\r\n return response;\r\n }).catch( (error) => {\r\n if (failedType) {\r\n despatch({\r\n type: failedType,\r\n error: error.message,\r\n });\r\n }\r\n if (paramObj.errorCallback) {\r\n despatch(paramObj.errorCallback(error.message));\r\n }\r\n console.error('post error: ', error);\r\n })\r\n }\r\n );\r\n}\r\n\r\n// ----------------------------------------------------------------------------\r\nexport function axiosPost(paramObj){\r\n\r\n\r\n const url = paramObj.url;\r\n const criteria = paramObj.criteria;\r\n const logText = paramObj.logText;\r\n const startType = paramObj.startType;\r\n const sccessType = paramObj.sccessType;\r\n const failedType = paramObj.failedType;\r\n const successMessage = paramObj.successMessage;\r\n const errorMessage = paramObj.errorMessage;\r\n const responseKeyGetter = paramObj.responseKeyGetter;\r\n const successContent = paramObj.successContent;\r\n const successCallback = paramObj.successCallback;\r\n const errorCallback = paramObj.errorCallback;\r\n const responseMsgGetter = paramObj.responseMsgGetter;\r\n const plantErrorCallback = paramObj.plantErrorCallback;\r\n const plantSuccessCallback = paramObj.plantSuccessCallback;\r\n\r\n let userObj = getCurrentUser();\r\n // let token = getJwttoken();\r\n if (userObj === null || userObj.userName.length === 0){\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n // let {userName, companyCode, role} = userObj;\r\n\r\n const urlStr = `${url}`;\r\n // \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: criteria,\r\n });\r\n\r\n return (\r\n (despatch) => {\r\n if (startType) {\r\n despatch({\r\n type:startType,\r\n });\r\n }\r\n // dispatch(loadingDataStart());\r\n return(\r\n request.then( (response) => {\r\n let successCheck = true;\r\n if (responseKeyGetter){\r\n successCheck = (successContent === responseKeyGetter(response))\r\n }\r\n if ((response.status == 200 || response.status == 201) && successCheck) {\r\n if(sccessType){\r\n despatch({\r\n type:sccessType,\r\n payload: response.data\r\n });\r\n }\r\n if (successCallback) {\r\n despatch(successCallback(response.data));\r\n }\r\n if (plantSuccessCallback) {\r\n plantSuccessCallback(response.data);\r\n }\r\n\r\n /* Show toasts */\r\n switch (sccessType) {\r\n case COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS:\r\n case CONTACT_US_EMAIL_SEND_SUCCEED:\r\n toast.success(successMessage);\r\n break;\r\n default:\r\n ;\r\n }\r\n\r\n }else{\r\n let errorMsg = ''\r\n if ((response.status == 200 || response.status == 201) && responseMsgGetter) {\r\n errorMsg = responseMsgGetter(response)\r\n }\r\n errorMsg = errorMessage? errorMessage: errorMsg;\r\n\r\n if(failedType){\r\n despatch({\r\n type: failedType,\r\n // error: errorMessage,\r\n error: errorMsg,\r\n });\r\n } \r\n if (errorCallback) {\r\n // despatch(errorCallback(errorMessage));\r\n despatch(errorCallback(errorMsg));\r\n }\r\n if (plantErrorCallback) {\r\n plantErrorCallback(errorMsg);\r\n }\r\n // console.error('post error: ', errorMessage);\r\n\r\n switch (failedType) {\r\n case COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED:\r\n case CONTACT_US_EMAIL_SEND_FAILED:\r\n toast.error(errorMessage);\r\n break;\r\n default:\r\n ;\r\n }\r\n\r\n }\r\n return response;\r\n }).catch( (error) => {\r\n if(failedType){\r\n despatch({\r\n type: failedType,\r\n error: error.message,\r\n });\r\n } \r\n if (errorCallback) {\r\n despatch(errorCallback(error.message));\r\n }\r\n if (plantErrorCallback) {\r\n plantErrorCallback(error.message);\r\n }\r\n\r\n switch (failedType) {\r\n case COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED:\r\n toast.error(error.message);\r\n break;\r\n default:\r\n ;\r\n }\r\n\r\n return error.response;\r\n })\r\n )\r\n }\r\n );\r\n}\r\n\r\n// ----------------------------------------------------------------------------\r\nexport function axiosPut(paramObj){\r\n\r\n const url = paramObj.url;\r\n const criteria = paramObj.criteria;\r\n const logText = paramObj.logText;\r\n const startType = paramObj.startType;\r\n const sccessType = paramObj.sccessType;\r\n const failedType = paramObj.failedType;\r\n const successMessage = paramObj.successMessage;\r\n const errorMessage = paramObj.errorMessage;\r\n const responseKeyGetter = paramObj.responseKeyGetter;\r\n const successContent = paramObj.successContent;\r\n const successCallback = paramObj.successCallback;\r\n const errorCallback = paramObj.errorCallback;\r\n const responseMsgGetter = paramObj.responseMsgGetter;\r\n const plantErrorCallback = paramObj.plantErrorCallback;\r\n const plantSuccessCallback = paramObj.plantSuccessCallback;\r\n\r\n let userObj = getCurrentUser();\r\n // let token = getJwttoken();\r\n if (userObj === null || userObj.userName.length === 0){\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n // let {userName, companyCode, role} = userObj;\r\n\r\n const urlStr = `${url}`;\r\n // \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'put',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: criteria,\r\n });\r\n\r\n return (\r\n (despatch) => {\r\n if (startType) {\r\n despatch({\r\n type:startType,\r\n });\r\n }\r\n // dispatch(loadingDataStart());\r\n return(\r\n request.then( (response) => {\r\n let successCheck = true;\r\n if (responseKeyGetter){\r\n successCheck = (successContent === responseKeyGetter(response))\r\n }\r\n if ((response.status == 200 || response.status == 201) && successCheck) {\r\n if(sccessType){\r\n despatch({\r\n type:sccessType,\r\n payload: response.data\r\n });\r\n }\r\n if (successCallback) {\r\n despatch(successCallback(response.data));\r\n }\r\n if (plantSuccessCallback) {\r\n plantSuccessCallback(response.data);\r\n }\r\n\r\n switch (sccessType) {\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS:\r\n case COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS:\r\n toast.success(successMessage);\r\n break;\r\n default:\r\n ;\r\n }\r\n\r\n }else{\r\n let errorMsg = ''\r\n if ((response.status == 200 || response.status == 201) && responseMsgGetter) {\r\n errorMsg = responseMsgGetter(response)\r\n }\r\n errorMsg = errorMessage? errorMessage: errorMsg;\r\n\r\n if(failedType){\r\n despatch({\r\n type: failedType,\r\n // error: errorMessage,\r\n error: errorMsg,\r\n });\r\n } \r\n if (errorCallback) {\r\n // despatch(errorCallback(errorMessage));\r\n despatch(errorCallback(errorMsg));\r\n }\r\n if (plantErrorCallback) {\r\n plantErrorCallback(errorMsg);\r\n }\r\n // console.error('post error: ', errorMessage);\r\n console.error('put error: ', errorMsg);\r\n\r\n switch (failedType) {\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED:\r\n toast.error(errorMessage);\r\n break;\r\n default:\r\n ;\r\n }\r\n }\r\n return response;\r\n }).catch( (error) => {\r\n if(failedType){\r\n despatch({\r\n type: failedType,\r\n error: error.message,\r\n });\r\n } \r\n if (errorCallback) {\r\n despatch(errorCallback(error.message));\r\n }\r\n if (plantErrorCallback) {\r\n plantErrorCallback(error.message);\r\n }\r\n console.error('put error: ', error)\r\n\r\n switch (failedType) {\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED:\r\n case COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED:\r\n toast.error(error.message);\r\n break;\r\n default:\r\n ;\r\n }\r\n\r\n return error.response;\r\n })\r\n )\r\n }\r\n );\r\n}\r\n\r\n// ----------------------------------------------------------------------------\r\nexport function axiosGetWithBody(paramObj){\r\n\r\n const url = paramObj.url;\r\n const criteria = paramObj.criteria;\r\n const logText = paramObj.logText;\r\n const startType = paramObj.startType;\r\n const sccessType = paramObj.sccessType;\r\n const failedType = paramObj.failedType;\r\n const errorMessage = paramObj.errorMessage;\r\n const responseKeyGetter = paramObj.responseKeyGetter;\r\n const successContent = paramObj.successContent;\r\n const successCallback = paramObj.successCallback;\r\n const errorCallback = paramObj.errorCallback;\r\n const responseMsgGetter = paramObj.responseMsgGetter;\r\n const plantErrorCallback = paramObj.plantErrorCallback;\r\n const plantSuccessCallback = paramObj.plantSuccessCallback;\r\n\r\n let userObj = getCurrentUser();\r\n // let token = getJwttoken();\r\n if (userObj === null || userObj.userName.length === 0){\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n // let {userName, companyCode, role} = userObj;\r\n\r\n const urlStr = `${url}`;\r\n // \r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: criteria,\r\n });\r\n\r\n return (\r\n (despatch) => {\r\n if (startType) {\r\n despatch({\r\n type:startType,\r\n });\r\n }\r\n // dispatch(loadingDataStart());\r\n return(\r\n request.then( (response) => {\r\n let successCheck = true;\r\n if (responseKeyGetter){\r\n successCheck = (successContent === responseKeyGetter(response))\r\n }\r\n if ((response.status == 200 || response.status == 201) && successCheck) {\r\n if(sccessType){\r\n despatch({\r\n type:sccessType,\r\n payload: response.data\r\n });\r\n }\r\n if (successCallback) {\r\n despatch(successCallback(response.data));\r\n }\r\n if (plantSuccessCallback) {\r\n plantSuccessCallback(response.data);\r\n }\r\n }else{\r\n let errorMsg = ''\r\n if ((response.status == 200 || response.status == 201) && responseMsgGetter) {\r\n errorMsg = responseMsgGetter(response)\r\n }\r\n errorMsg = errorMessage? errorMessage: errorMsg;\r\n\r\n if(failedType){\r\n despatch({\r\n type: failedType,\r\n // error: errorMessage,\r\n error: errorMsg,\r\n });\r\n } \r\n if (errorCallback) {\r\n // despatch(errorCallback(errorMessage));\r\n despatch(errorCallback(errorMsg));\r\n }\r\n if (plantErrorCallback) {\r\n plantErrorCallback(errorMsg);\r\n }\r\n // console.error('post error: ', errorMessage);\r\n console.error('post error: ', errorMsg);\r\n }\r\n return response;\r\n }).catch( (error) => {\r\n if(failedType){\r\n despatch({\r\n type: failedType,\r\n error: error.message,\r\n });\r\n } \r\n if (errorCallback) {\r\n despatch(errorCallback(error.message));\r\n }\r\n if (plantErrorCallback) {\r\n plantErrorCallback(error.message);\r\n }\r\n console.error('post error: ', error)\r\n return error.response;\r\n })\r\n )\r\n }\r\n );\r\n}\r\n\r\n// ----------------------------------------------------------------------------\r\n\r\nexport function axiosDelete(paramObj){\r\n let message = '';\r\n \r\n const urlRoot = paramObj.url;\r\n const dataObject = paramObj.dataObject;\r\n const criteria = paramObj.criteria;\r\n const logText = paramObj.logText;\r\n const startType = paramObj.startType;\r\n const sccessType = paramObj.sccessType;\r\n const failedType = paramObj.failedType;\r\n const successMessage = paramObj.successMessage;\r\n const errorMessage = paramObj.errorMessage;\r\n const responseKeyGetter = paramObj.responseKeyGetter;\r\n const successContent = paramObj.successContent;\r\n\r\n let queryString = '';\r\n if (criteria){\r\n queryString = Object.keys(criteria).map(key => key + '=' + criteria[key]).join('&');\r\n queryString = \"?\" + queryString;\r\n } \r\n const urlStr = `${urlRoot}${queryString}`;\r\n \r\n\r\n const request = axios({\r\n url : urlStr,\r\n method: 'delete',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: dataObject,\r\n }); \r\n // const request = axios.delete( \r\n // urlStr, \r\n // { \r\n // headers: {'Accept': 'application/json'},\r\n // }\r\n // );\r\n // \r\n return(\r\n (dispatch) => {\r\n if (startType) {\r\n dispatch({\r\n type:startType,\r\n });\r\n }\r\n return(\r\n request.then((response)=>{\r\n // alert('yes');\r\n // \r\n let successCheck = true;\r\n if (responseKeyGetter){\r\n successCheck = (successContent === responseKeyGetter(response))\r\n }\r\n // if (response.status == 200 && response.data === true){\r\n if (response.status == 200 && successCheck){\r\n // \r\n if (sccessType) {\r\n dispatch({\r\n type:sccessType,\r\n payload: response.data\r\n });\r\n }\r\n if (paramObj.callback) {\r\n // \r\n dispatch(paramObj.callback(response.data));\r\n }\r\n if (paramObj.plantSuccessCallback) {\r\n paramObj.plantSuccessCallback(response.data);\r\n }\r\n toast.success(successMessage);\r\n }else{\r\n // \r\n if (failedType) {\r\n dispatch({\r\n type: failedType,\r\n error: errorMessage,\r\n });\r\n }\r\n\r\n if (paramObj.errorCallback) {\r\n dispatch(paramObj.errorCallback(errorMessage));\r\n }\r\n\r\n if (paramObj.plantErrorCallback) {\r\n paramObj.plantErrorCallback(errorMessage);\r\n }\r\n\r\n console.error('Delete error(s) : ' + errorMessage);\r\n toast.error(errorMessage);\r\n }\r\n \r\n }).catch((error)=>{\r\n // \r\n if (failedType) {\r\n dispatch({\r\n type: failedType,\r\n error: error.message,\r\n });\r\n }\r\n if (paramObj.errorCallback) {\r\n dispatch(paramObj.errorCallback(error.message));\r\n }\r\n if (paramObj.plantErrorCallback) {\r\n paramObj.plantErrorCallback(error.message);\r\n }\r\n console.error('Delete error(s) : ' + error.message);\r\n toast.error(error.message);\r\n })\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function processAssetData(AssetData){\r\n // \r\n // \r\n let reData = null;\r\n AssetData && AssetData.forEach((assetClass, asIndex) => {\r\n // choose asset class propterties\r\n if (asIndex === 0) {\r\n reData = [];\r\n }\r\n let {asssetClassId: classid, className: classname, assetIcon: asseticon} = assetClass;\r\n assetClass.asset && assetClass.asset.forEach((asset, aIndex) => {\r\n // if (aIndex === 0) {\r\n // reData = [];\r\n // }\r\n \r\n // choose asset propterties\r\n let {assetid,assetname,locationlat,locationlng,grouping,description: assetdescription} = asset\r\n // create new asset object\r\n let assetObj = {classid, classname, asseticon, assetid, assetname, locationlat, locationlng, grouping, assetdescription}; \r\n assetObj.attributes = null;\r\n assetObj.devices = null;\r\n assetObj.grouping = \"weather\";\r\n // put asset meta attribute into new asset attributes array. \r\n if (asset.assetattributes){\r\n assetObj.attributes = asset.assetattributes.map((attr, attrindex)=>{\r\n if (attr.attmetaname === ATTRIBUTE_NAME.LAT && attr.value !== undefined && attr.value !== null && attr.value != '0'){\r\n assetObj.locationlat = attr.value;\r\n }\r\n if (attr.attmetaname === ATTRIBUTE_NAME.LNG && attr.value !== undefined && attr.value !== null && attr.value != '0' ){\r\n assetObj.locationlng = attr.value;\r\n }\r\n if (attr.attmetaname === ATTRIBUTE_NAME.GRP && attr.value !== undefined && attr.value !== null && attr.value != '0' ){\r\n assetObj.grouping = attr.value;\r\n }\r\n //console.log(assetObj.grouping)\r\n return (\r\n {\r\n attributeid: attr.attmetaid,\r\n attributename: attr.attmetaname,\r\n displayname: attr.attmetaname,\r\n value: attr.value,\r\n display: true,\r\n theme: null,\r\n type: ATTRIBUTE_TYPE.META,\r\n deviceid: null,\r\n msg: null,\r\n attritime:null,\r\n datatype: null,\r\n }\r\n );\r\n });\r\n }\r\n if (asset.device && asset.device.length > 0){\r\n // create and set device array for the new asset object\r\n let deviceArr = [];\r\n asset.device.forEach((device, dIndex) => {\r\n let deviceObj = Object.entries(device)\r\n .filter(([key, value]) => (typeof value !== 'object'))\r\n .reduce((obj, [key, value])=> {\r\n obj[key]=device[key];\r\n return obj;\r\n },{})\r\n deviceArr.push(deviceObj);\r\n });\r\n // \r\n // \r\n assetObj.devices = deviceArr;\r\n\r\n // pick up the devices that have msgs\r\n let assetDevices = asset.device.filter((device)=>( device.msgs && device.msgs.length > 0));\r\n // check msgs for each device and re-orgnize the msgs to convert msg to the new asset object attribute list.\r\n if (assetDevices && assetDevices.length > 0){\r\n // get msgs array of the first device\r\n let devide1st = assetDevices[0];\r\n // loop msgs array\r\n devide1st.msgs.forEach((msg, mIndex)=> {\r\n let newAssetObj = JSON.parse(JSON.stringify(assetObj));\r\n // loog device list\r\n // let timestamp;\r\n // let dmsg = msg;\r\n let timestamp = msg.timestamp;\r\n assetDevices.forEach((device, di)=>{\r\n if (di > 0) {\r\n // get the same index msg of the current loop device\r\n let nmsg = device.msgs[mIndex];\r\n let timedate1 = new Date(timestamp);\r\n let timedate2 = new Date(nmsg.timestamp);\r\n if (timedate2 > timedate1) {\r\n timestamp = nmsg.timestamp;\r\n }\r\n }\r\n });\r\n let dmsg = msg;\r\n assetDevices.forEach((device, di)=>{\r\n // let dmsg = msg;\r\n \r\n if (di > 0) {\r\n // get the same index msg of the current loop device\r\n dmsg = device.msgs[mIndex];\r\n }\r\n // \r\n // add msg to the asset object attribute list.\r\n if (dmsg.msg) {\r\n // \r\n let newAttrs = Object.entries(dmsg.msg)\r\n .reduce((array,[key, value])=>{\r\n if (device.trackable) {\r\n if (value.attributename === ATTRIBUTE_NAME.LAT){\r\n newAssetObj.locationlat = value.value;\r\n }\r\n if (value.attributename === ATTRIBUTE_NAME.LNG){\r\n newAssetObj.locationlng = value.value;\r\n }\r\n }\r\n let atrr = {\r\n attributeid: value.id,\r\n attributename: value.attributename,\r\n displayname: value.displayname,\r\n value: value.value,\r\n display: value.display,\r\n theme: null,\r\n type: ATTRIBUTE_TYPE.DEVICE,\r\n deviceid: device.deviceid,\r\n msg: {msgid:dmsg.msgid, msgtimestamp: dmsg.timestamp},\r\n // attritime: dmsg.timestamp,\r\n // msg: {msgid:dmsg.msgid, msgtimestamp: timestamp},\r\n attritime: timestamp,\r\n datatype: value.type,\r\n }\r\n array.push(atrr);\r\n return array;\r\n },[]);\r\n // \r\n // newAssetObj.timestamp = dmsg.timestamp;\r\n newAssetObj.timestamp = timestamp;\r\n newAssetObj.attributes = [...newAssetObj.attributes, ...newAttrs];\r\n }\r\n \r\n });\r\n reData.push(newAssetObj);\r\n });\r\n }else{\r\n reData.push(assetObj);\r\n }\r\n }\r\n else{\r\n reData.push(assetObj);\r\n }\r\n \r\n });\r\n });\r\n // \r\n // \r\n return reData;\r\n}\r\n// ----------------------------------------------------------------------------\r\n// timeData = [{x: value, y: value}, ...]\r\nexport function filtXDataset(inputRawData, inputCount){\r\n if(!inputRawData || inputCount <= 0 || inputRawData.length <= inputCount){\r\n return inputRawData;\r\n }\r\n let inputData = inputRawData.map(item => ({x: new Date(item.x).getTime(), y: Number(item.y)}));\r\n \r\n let startX = inputData[0].x;\r\n let endX = inputData[inputData.length-1].x;\r\n let interval = 0;\r\n if (endX > startX){\r\n interval = (endX - startX)/inputCount;\r\n }else{\r\n return inputRawData\r\n }\r\n \r\n let xSeries = [];\r\n for (let xItem = startX; xItem < (endX + interval); xItem += interval){\r\n xSeries.push(xItem)\r\n }\r\n if (xSeries.length < 2){\r\n return inputRawData\r\n }\r\n console.log('xSeries', xSeries)\r\n let checkStartIndex = 0;\r\n let checkEndIndex = 1;\r\n let processData = [];\r\n let subX= 0;\r\n let subY = 0;\r\n let subCount= 0;\r\n for (const [i, data] of inputData.entries()){\r\n if ( data.x >= xSeries[checkStartIndex] && data.x < xSeries[checkEndIndex]){\r\n subY += data.y;\r\n subX += data.x;\r\n subCount++;\r\n }else{\r\n if (subCount > 0 ){\r\n processData.push({x: new Date(Math.round(subX/subCount)), y: Math.round(10 * subY/subCount)/10});\r\n }\r\n subX= 0;\r\n subY = 0;\r\n subCount= 0;\r\n checkEndIndex++;\r\n let notFound = true;\r\n for (let i = checkEndIndex; i < xSeries.length; i++) {\r\n if ( data.x >= xSeries[i-1] && data.x < xSeries[i]){\r\n subY += data.y;\r\n subX += data.x;\r\n subCount++;\r\n checkStartIndex = i-1;\r\n checkEndIndex = i;\r\n notFound = false;\r\n break;\r\n }\r\n } \r\n if(notFound){\r\n break;\r\n } \r\n }\r\n if (i === inputData.length - 1) {\r\n if (subCount > 0 ){\r\n processData.push({x: new Date(Math.round(subX/subCount)), y: Math.round(10 * subY/subCount)/10});\r\n }\r\n }\r\n }\r\n \r\n return processData\r\n \r\n}\r\n// ----------------------------------------------------------------------------\r\n\r\nconst SELECTED_COMPANY_KEY = 'selectedCompanyCode';\r\nexport function setSelectedCompantToSesstion(companyCode){\r\n sessionStorage.setItem(SELECTED_COMPANY_KEY, companyCode);\r\n}\r\n\r\nexport function getSelectedCompantToSesstion(){\r\n return sessionStorage.getItem(SELECTED_COMPANY_KEY);\r\n}\r\n\r\nexport function clearSelectedCompantToSesstion(){\r\n sessionStorage.removeItem(SELECTED_COMPANY_KEY);\r\n}\r\n\r\n//------------------------Weather App--------------------------------\r\nexport function mapWeatherSeverity(input){\r\n \r\n let reSeverity = 0 ;\r\n const inputBit = hex2bin(input);\r\n if (inputBit) {\r\n if (inputBit.charAt(3) === '0'){\r\n reSeverity = 4;\r\n }else if (inputBit.charAt(0) === '0') {\r\n reSeverity = 3;\r\n }else if (inputBit.charAt(1) === '0') {\r\n reSeverity = 2;\r\n }else if (inputBit.charAt(2) === '0') {\r\n reSeverity = 1;\r\n }\r\n\r\n }\r\n \r\n return reSeverity;\r\n} \r\nexport function splitStatusValue(input){\r\n let inputStr = String(input).trim();\r\n if (inputStr.length > 2){\r\n return {status: 1 , alarm: inputStr.slice(inputStr.length-2)}\r\n }else{\r\n return {status: 0 , alarm: inputStr}\r\n }\r\n}\r\nexport function hex2bin(decimal){\r\n \r\n // const parsed = parseInt(hex, 16);\r\n // if(isNaN(parsed)){return null}\r\n const parsed = parseInt(decimal, 10);\r\n if(isNaN(parsed)){return null} \r\n return parsed.toString(2).padStart(4,'0').slice(-4);\r\n}\r\nexport function expandAssetAttributes(data){\r\n let result = data.reduce(\r\n (re, asset)=>{\r\n // console.log(\"RE RE\", re, asset)\r\n let { assetid, assetname,timestamp, attributes } = asset;\r\n let accumulate = attributes.reduce(( ata , attribute)=>{\r\n let assetObj = {assetid, assetname,timestamp, ...attribute};\r\n ata.push(assetObj);\r\n return ata;\r\n },\r\n re\r\n );\r\n return accumulate\r\n },\r\n []\r\n );\r\n \r\n return result;\r\n}\r\nexport function ExportCSV (dFile) {\r\n // if(this.state.downlaodFlag==true){\r\n // this.state.downlaodFlag=false;\r\n // }else{\r\n // return;\r\n // }\r\n if(dFile.datasheetList!=null && dFile.datasheetList!=undefined){\r\n var csvData=dFile.datasheetList;\r\n }else {\r\n toast.error(dFile.message)\r\n return;\r\n }\r\n \r\n var fileName='OutputFile';\r\n const fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const fileExtension = '.xlsx';\r\n // var csvData2 = [\r\n // [\"firstname\", \"lastname\", \"email\"],\r\n // [\"Ahmed\", \"Tomi\", \"ah@smthing.co.com\"],\r\n // [\"Raed\", \"Labes\", \"rl@smthing.co.com\"],\r\n // [\"Yezzi\", \"Min l3b\", \"ymin@cocococo.com\"]\r\n // ];\r\n var csvData1=[];\r\n var csvData2=[];\r\n var csvData3=[];\r\n csvData1=Object.values(csvData[0])\r\n csvData2=Object.values(csvData[1])\r\n csvData3=Object.values(csvData[2])\r\n\r\n //var csvData1=[csvData[1],csvData[2],csvData[3],csvData[4]];\r\n const ws1 = XLSX.utils.json_to_sheet(csvData1);\r\n const ws2 = XLSX.utils.json_to_sheet(csvData2);\r\n const ws3 = XLSX.utils.json_to_sheet(csvData3);\r\n \r\n /////////////////////////////code to delete row//////////////////////\r\n function ec(r, c){\r\n return XLSX.utils.encode_cell({r:r,c:c});\r\n }\r\n function delete_row(ws, row_index){\r\n var variable = XLSX.utils.decode_range(ws[\"!ref\"])\r\n for(var R = row_index; R < variable.e.r; ++R){\r\n for(var C = variable.s.c; C <= variable.e.c; ++C){\r\n ws[ec(R,C)] = ws[ec(R+1,C)];\r\n }\r\n }\r\n variable.e.r--\r\n ws['!ref'] = XLSX.utils.encode_range(variable.s, variable.e);\r\n }\r\n ///////////////////////////////////////////////////////////\r\n delete_row(ws1,0)\r\n delete_row(ws2,0)\r\n delete_row(ws3,0)\r\n const wb = { Sheets: { 'Headers': ws1,'Details': ws2,'SpecialLines': ws3 }, SheetNames: ['Headers','Details','SpecialLines'] };\r\n const wb1 = { Sheets: { 'Headers': ws1}, SheetNames: ['Headers']};\r\n const wb2 = { Sheets: { 'Details': ws2}, SheetNames: ['Details']};\r\n const wb3 = { Sheets: { 'SpecialLines': ws3}, SheetNames: ['SpecialLines']};\r\n const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n const excelBuffer1 = XLSX.write(wb1, { bookType: 'xlsx', type: 'array' });\r\n const excelBuffer2 = XLSX.write(wb2, { bookType: 'xlsx', type: 'array' });\r\n const excelBuffer3 = XLSX.write(wb3, { bookType: 'xlsx', type: 'array' });\r\n const data = new Blob([excelBuffer], {type: fileType});\r\n const data1 = new Blob([excelBuffer1], {type: fileType});\r\n const data2 = new Blob([excelBuffer2], {type: fileType});\r\n const data3 = new Blob([excelBuffer3], {type: fileType});\r\n //FileSaver.saveAs(data, fileName + fileExtension);\r\n return [data1,data2,data3,data]; \r\n}\r\nexport function fileHandler(file) {\r\n //console.log(file)\r\n let fileObj = file;\r\n var cols,rows;\r\n //just pass the fileObj as parameter\r\n var catchReturn=ExcelRenderer(fileObj, (err, resp) => {\r\n if(err){\r\n console.log(err) \r\n }\r\n else{\r\n \r\n cols=resp.cols\r\n rows=resp.rows\r\n }\r\n }); \r\n \r\n return [rows,cols]; \r\n \r\n}\r\n\r\nexport function sendSMS(phones, content){\r\n if(phones && phones.length > 0){\r\n phones.map(async(phone)=>{\r\n try{\r\n console.log('SENDING MESSAGE TO', phone);\r\n let request = await axios.post(`${MESSAGER_ROOT}`,{\r\n notificationId: \"123459\",\r\n accountId: \"123458\",\r\n customerId: \"123458\",\r\n applicationId: \"VP\",\r\n status: \"C\",\r\n sendMethod: \"02\",\r\n receiveAddr: phone,\r\n noticContent: content\r\n })\r\n const data = request.data;\r\n console.log(data);\r\n }catch(err){\r\n console.log(err);\r\n // debugger;\r\n }\r\n })\r\n }\r\n}\r\nexport function sendEmail(emails, content, subject){\r\n if(emails && emails.length > 0){\r\n emails.map(async(email)=>{\r\n try{\r\n console.log('SENDING EMAIL TO', email);\r\n let request = await axios.post(`${MESSAGER_ROOT}`,{\r\n notificationId: \"123459\",\r\n accountId: \"123458\",\r\n customerId: \"123458\",\r\n applicationId: \"VP\",\r\n status: \"C\",\r\n sendMethod: \"01\",\r\n receiveAddr: email,\r\n noticContent: content,\r\n msgfrom: `${SUPPORT_EMAIL}`,\r\n subject: subject\r\n })\r\n const data = request.data;\r\n console.log(data);\r\n }catch(err){\r\n console.log(err);\r\n // debugger;\r\n }\r\n })\r\n }\r\n}\r\n\r\n\r\n","/* eslint-disable */\r\nimport axios from \"axios\";\r\nimport { WEB_SERVICE_ROOT } from \"../../constants/appConstants\";\r\nexport const CHANGE_THEME_TO_DARK = 'CHANGE_THEME_TO_DARK';\r\nexport const CHANGE_THEME_TO_LIGHT = 'CHANGE_THEME_TO_LIGHT';\r\nexport const CHANGE_THEME_TO_CUSTOM = 'CHANGE_THEME_TO_CUSTOM';\r\nexport const CHANGE_THEME_TO_DEFAULT = 'CHANGE_THEME_TO_DEFAULT';\r\nexport const LOAD_LOGIN_THEME = 'LOAD_LOGIN_THEME';\r\nexport const LOAD_LOGIN_THEME_FAILED = 'LOAD_LOGIN_THEME_FAILED';\r\n\r\nexport function changeThemeToDark() {\r\n return {\r\n type: CHANGE_THEME_TO_DARK,\r\n };\r\n}\r\n\r\nexport function changeThemeToLight() {\r\n return {\r\n type: CHANGE_THEME_TO_LIGHT,\r\n };\r\n}\r\nexport function changeThemeToCustom() {\r\n return {\r\n type: CHANGE_THEME_TO_CUSTOM,\r\n };\r\n}\r\nexport function changeThemeToDefault() {\r\n return {\r\n type: CHANGE_THEME_TO_DEFAULT,\r\n };\r\n}\r\n\r\nexport function loadLoginThemes() {\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_ROOT}loginThemes`,\r\n method: 'get'\r\n }).then(res=>{\r\n console.log(res.data);\r\n // debugger;\r\n dispatch({\r\n type: LOAD_LOGIN_THEME,\r\n payload: res.data\r\n })\r\n }).catch(err=>{\r\n dispatch({\r\n type: LOAD_LOGIN_THEME_FAILED,\r\n payload: err.message\r\n })\r\n })\r\n}\r\n","/* eslint-disable */\r\nexport const Countries = {\r\n 'CA': {\r\n 'name': 'Canada',\r\n 'provinces': [\r\n {'abbrev':'AB', 'name':'Alberta'},\r\n {'abbrev':'BC', 'name':'British Columbia'},\r\n {'abbrev':'MB', 'name':'Manitoba'},\r\n {'abbrev':'NB', 'name':'New Brunswick'},\r\n {'abbrev':'NL', 'name':'Newfoundland and Labrador'},\r\n {'abbrev':'NS', 'name':'Nova Scotia'},\r\n {'abbrev':'ON', 'name':'Ontario'},\r\n {'abbrev':'PE', 'name':'Prince Edward Island'},\r\n {'abbrev':'QC', 'name':'Quebec'},\r\n {'abbrev':'SK', 'name':'Saskatchewan'},\r\n {'abbrev':'NT', 'name':'Northwest Territories'},\r\n {'abbrev':'YT', 'name':'Yukon'},\r\n {'abbrev':'NU', 'name':'Nunavut'},\r\n ],\r\n },\r\n 'USA': {\r\n 'name': 'USA',\r\n 'provinces': [\r\n {'abbrev':'AL','name':'Alabama'},\r\n {'abbrev':'AK','name':'Alaska'},\r\n {'abbrev':'AS','name':'American Samoa'},\r\n {'abbrev':'AZ','name':'Arizona'},\r\n {'abbrev':'AR','name':'Arkansas'},\r\n {'abbrev':'CA','name':'California'},\r\n {'abbrev':'CO','name':'Colorado'},\r\n {'abbrev':'CT','name':'Connecticut'},\r\n {'abbrev':'DE','name':'Delaware'},\r\n {'abbrev':'DC','name':'District of Columbia'},\r\n {'abbrev':'FM','name':'Federated States of Micronesia'},\r\n {'abbrev':'FL','name':'Florida'},\r\n {'abbrev':'GA','name':'Georgia'},\r\n {'abbrev':'GU','name':'Guam'},\r\n {'abbrev':'HI','name':'Hawaii'},\r\n {'abbrev':'ID','name':'Idaho'},\r\n {'abbrev':'IL','name':'Illinois'},\r\n {'abbrev':'IN','name':'Indiana'},\r\n {'abbrev':'IA','name':'Iowa'},\r\n {'abbrev':'KS','name':'Kansas'},\r\n {'abbrev':'KY','name':'Kentucky'},\r\n {'abbrev':'LA','name':'Louisiana'},\r\n {'abbrev':'ME','name':'Maine'},\r\n {'abbrev':'MH','name':'Marshall Islands'},\r\n {'abbrev':'MD','name':'Maryland'},\r\n {'abbrev':'MA','name':'Massachusetts'},\r\n {'abbrev':'MI','name':'Michigan'},\r\n {'abbrev':'MN','name':'Minnesota'},\r\n {'abbrev':'MS','name':'Mississippi'},\r\n {'abbrev':'MO','name':'Missouri'},\r\n {'abbrev':'MT','name':'Montana'},\r\n {'abbrev':'NE','name':'Nebraska'},\r\n {'abbrev':'NV','name':'Nevada'},\r\n {'abbrev':'NH','name':'New Hampshire'},\r\n {'abbrev':'NJ','name':'New Jersey'},\r\n {'abbrev':'NM','name':'New Mexico'},\r\n {'abbrev':'NY','name':'New York'},\r\n {'abbrev':'NC','name':'North Carolina'},\r\n {'abbrev':'ND','name':'North Dakota'},\r\n {'abbrev':'MP','name':'Northern Mariana Islands'},\r\n {'abbrev':'OH','name':'Ohio'},\r\n {'abbrev':'OK','name':'Oklahoma'},\r\n {'abbrev':'OR','name':'Oregon'},\r\n {'abbrev':'PW','name':'Palau'},\r\n {'abbrev':'PA','name':'Pennsylvania'},\r\n {'abbrev':'PR','name':'Puerto Rico'},\r\n {'abbrev':'RI','name':'Rhode Island'},\r\n {'abbrev':'SC','name':'South Carolina'},\r\n {'abbrev':'SD','name':'South Dakota'},\r\n {'abbrev':'TN','name':'Tennessee'},\r\n {'abbrev':'TX','name':'Texas'},\r\n {'abbrev':'UT','name':'Utah'},\r\n {'abbrev':'VT','name':'Vermont'},\r\n {'abbrev':'VI','name':'Virgin Islands'},\r\n {'abbrev':'VA','name':'Virginia'},\r\n {'abbrev':'WA','name':'Washington'},\r\n {'abbrev':'WV','name':'West Virginia'},\r\n {'abbrev':'WI','name':'Wisconsin'},\r\n {'abbrev':'WY','name':'Wyoming'},\r\n {'abbrev':'AE','name':'Armed Forces Africa'},\r\n {'abbrev':'AA','name':'Armed Forces Americas (except Canada)'},\r\n {'abbrev':'AE','name':'Armed Forces Canada'},\r\n {'abbrev':'AE','name':'Armed Forces Europe'},\r\n {'abbrev':'AE','name':'Armed Forces MiddleEast'},\r\n {'abbrev':'AP','name':'Armed Forces Pacific'},\r\n ],\r\n },\r\n 'Paraguay': {\r\n 'name':'Paraguay',\r\n 'provinces':[\r\n {'abbrev':'Areguá','name':'Areguá'},\r\n {'abbrev':'Asunción','name':'Asunción'},\r\n {'abbrev':'Ayolas','name':'Ayolas'},\r\n {'abbrev':'Caacupé','name':'Caacupé'},\r\n {'abbrev':'Caaguazú','name':'Caaguazú'},\r\n {'abbrev':'Capiatá','name':'Capiatá'},\r\n {'abbrev':'Ciudad del Este','name':'Ciudad del Este'},\r\n {'abbrev':'Concepción','name':'Concepción'},\r\n {'abbrev':'Coronel Oviedo','name':'Coronel Oviedo'},\r\n {'abbrev':'Encarnación','name':'Encarnación'},\r\n {'abbrev':'Fernando de la Mora','name':'Fernando de la Mora'},\r\n {'abbrev':'Hernandarias','name':'Hernandarias'},\r\n {'abbrev':'Itá','name':'Itá'},\r\n {'abbrev':'Itauguá','name':'Itauguá'},\r\n {'abbrev':'Lambaré','name':'Lambaré'},\r\n {'abbrev':'Limpio','name':'Limpio'},\r\n {'abbrev':'Luque','name':'Luque'},\r\n {'abbrev':'Mariano Roque Alonso','name':'Mariano Roque Alonso'},\r\n {'abbrev':'Mariscal Estigarribia','name':'Mariscal Estigarribia'},\r\n {'abbrev':'Minga Guazú','name':'Minga Guazú'},\r\n {'abbrev':'Ñemby','name':'Ñemby'},\r\n {'abbrev':'Pedro Juan Caballero','name':'Pedro Juan Caballero'},\r\n {'abbrev':'Pilar','name':'Pilar'},\r\n {'abbrev':'Presidente Franco','name':'Presidente Franco'},\r\n {'abbrev':'San Antonio','name':'San Antonio'},\r\n {'abbrev':'San Estanislao','name':'San Estanislao'},\r\n {'abbrev':'San Ignacio','name':'San Ignacio'},\r\n {'abbrev':'San Lorenzo','name':'San Lorenzo'},\r\n {'abbrev':'Villa Elisa','name':'Villa Elisa'},\r\n {'abbrev':'Villa Hayes','name':'Villa Hayes'},\r\n {'abbrev':'Villarrica','name':'Villarrica'},\r\n {'abbrev':'Villeta','name':'Villeta'},\r\n ]\r\n }\r\n /*'Paraguay': {\r\n 'name':'Paraguay',\r\n 'provinces':[\r\n {'abbrev':'Asunción','name':'Asunción'},\r\n {'abbrev':'Ciudad del Este','name':'Ciudad del Este'},\r\n {'abbrev':'San Lorenzo','name':'San Lorenzo'},\r\n {'abbrev':'Luque','name':'Luque'},\r\n {'abbrev':'Capiatá','name':'Capiatá'},\r\n {'abbrev':'Lambaré','name':'Lambaré'},\r\n {'abbrev':'Fernando de la Mora','name':'Fernando de la Mora'},\r\n {'abbrev':'Limpio','name':'Limpio'},\r\n {'abbrev':'Ñemby','name':'Ñemby'},\r\n {'abbrev':'Encarnación','name':'Encarnación'},\r\n {'abbrev':'Mariano Roque Alonso','name':'Mariano Roque Alonso'},\r\n {'abbrev':'Pedro Juan Caballero','name':'Pedro Juan Caballero'},\r\n {'abbrev':'Villa Elisa','name':'Villa Elisa'},\r\n {'abbrev':'Caaguazú','name':'Caaguazú'},\r\n {'abbrev':'Coronel Oviedo','name':'Coronel Oviedo'},\r\n {'abbrev':'Hernandarias','name':'Hernandarias'},\r\n {'abbrev':'Presidente Franco','name':'Presidente Franco'},\r\n {'abbrev':'Itauguá','name':'Itauguá'},\r\n {'abbrev':'Concepción','name':'Concepción'},\r\n {'abbrev':'Villarrica','name':'Villarrica'},\r\n {'abbrev':'San Antonio','name':'San Antonio'},\r\n {'abbrev':'Pilar','name':'Pilar'},\r\n {'abbrev':'Caacupé','name':'Caacupé'},\r\n {'abbrev':'Itá','name':'Itá'},\r\n {'abbrev':'Mariscal Estigarribia','name':'Mariscal Estigarribia'},\r\n {'abbrev':'Villa Hayes','name':'Villa Hayes'},\r\n {'abbrev':'Minga Guazú','name':'Minga Guazú'},\r\n {'abbrev':'San Ignacio','name':'San Ignacio'},\r\n {'abbrev':'San Estanislao','name':'San Estanislao'},\r\n {'abbrev':'Ayolas','name':'Ayolas'},\r\n {'abbrev':'Villeta','name':'Villeta'},\r\n {'abbrev':'Areguá','name':'Areguá'},\r\n ]\r\n }*/\r\n}\r\n\r\nexport const USAGE_PRICE = 'Usage Based';\r\n\r\nexport const languages = [\r\n{ value: 'en', label: 'English' },\r\n{ value: 'fr', label: 'French' }];\r\n\r\n////////// Weather APP\r\n\r\n\r\nexport const ATTRIBUTE_NAME = {\r\n LAT: 'latitude',\r\n LNG: 'longitude',\r\n GRP: 'grouping'\r\n}\r\n\r\nexport const ALARM_META_ATTRI_OBJ = {\r\n attributename: 'Lightning',\r\n displayname: 'Lightning',\r\n display: true,\r\n selected: true,\r\n backgroundcolor: '#186df5',\r\n timestamp: '',\r\n value: 'Alarm',\r\n units: ''\r\n}\r\nexport const ATTRIBUTE_LABEL = [\r\n {\r\n labelname:'Station',\r\n displayname:'Station',\r\n },\r\n {\r\n labelname:'Last_Massage',\r\n displayname:'Last Message'\r\n }\r\n];\r\nexport const ATTRIBUTE_NAME_ORDER = ['Temperature_max', 'Temperature','Temperature_min','Rain','Humidity','Irradiation','Wind_ave10','Wind_max10','Pressure'];\r\nexport const ATTRIBUTE_NAME_ORDER_PARKING = ['LevelTotal', 'Level1', 'Level2', 'Level3'];\r\n// export const ATTRIBUTE_NAME_ORDER_PARKING = ['TotalVehicle', 'Level1', 'Level2', 'Level3'];\r\nexport const ATTRIBUTE_ORDER = [\r\n {\r\n attributename: 'hexAlarm',\r\n displayname: 'Lightning',\r\n display: true,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: '#186df5',\r\n units: ''\r\n },\r\n {\r\n attributename: 'rotorFault',\r\n displayname: 'Lightning',\r\n display: false,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: '#186df5',\r\n units: ''\r\n },\r\n {\r\n attributename: 'Temperature',\r\n displayname: 'Temperature',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#C18500',\r\n units: '\\u00b0C',\r\n group: [\r\n {\r\n attributename: 'Temperature_min',\r\n units: '\\u00b0C',\r\n },\r\n {\r\n attributename: 'Temperature',\r\n units: '\\u00b0C',\r\n },\r\n {\r\n attributename: 'Temperature_max',\r\n units: '\\u00b0C',\r\n },\r\n // {\r\n // attributename: 'T_min',\r\n // units: '\\u00b0C',\r\n // },\r\n // {\r\n // attributename: 'Temperature',\r\n // units: '\\u00b0C',\r\n // },\r\n // {\r\n // attributename: 'T_max',\r\n // units: '\\u00b0C',\r\n // },\r\n ],\r\n },\r\n {\r\n attributename: 'Rain',\r\n displayname: 'Rain',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: 'black',\r\n units: 'mm'\r\n },\r\n {\r\n attributename: 'Humidity',\r\n displayname: 'Humidity',\r\n display: false,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#009E73',\r\n units: '%'\r\n },\r\n {\r\n attributename: 'Irradiation',\r\n displayname: 'Irradiation',\r\n display: false,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#AF1F70',\r\n units: 'W/m2'\r\n },\r\n {\r\n attributename: 'Pressure',\r\n displayname: 'Pressure',\r\n display: false,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#56B4E9',\r\n units: 'hPa'\r\n },\r\n {\r\n attributename: 'Temperature_max',\r\n displayname: 'Temp Max',\r\n display: false,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#926500',\r\n units: '\\u00b0C'\r\n },\r\n {\r\n attributename: 'Temperature_min',\r\n displayname: 'Temp Min',\r\n display: false,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#FFBF00',\r\n units: '\\u00b0C'\r\n },\r\n // {\r\n // attributename: 'Temperature',\r\n // backgroundcolor: 'red',\r\n // },\r\n /*\r\n {\r\n attributename: 'CO2',\r\n displayname: 'CO2',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#FF50B1',\r\n units: 'PPM'\r\n },*/\r\n {\r\n attributename:'Wind_ave10',\r\n displayname: 'Wind Avg',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#0072B2',\r\n units: 'km/h'\r\n // units: 'm/s'\r\n },\r\n {\r\n attributename:'Dir_ave10_txt',\r\n displayname: 'Dir Avg',\r\n display: true,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: '#blue',\r\n units: ''\r\n },\r\n {\r\n attributename:'Wind_max10',\r\n displayname: 'Wind Max',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#F24599',\r\n units: 'km/h'\r\n // units: 'm/s'\r\n },\r\n {\r\n attributename:'Dir_max10_txt',\r\n displayname: 'Dir Max',\r\n display: false, // Hided display on WeatherApp page.\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: 'blue',\r\n units: ''\r\n },\r\n {\r\n attributename: 'Battery',\r\n displayname: 'Weather',\r\n display: true,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: 'green',\r\n units: 'V'\r\n },\r\n {\r\n attributename: 'Battery',\r\n displayname: 'Wind',\r\n display: true,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: 'green',\r\n units: 'V'\r\n },\r\n\r\n];\r\nexport const ATTRIBUTE_TYPE = {\r\n META:'meta',\r\n DEVICE: 'device',\r\n}\r\nexport const ATTRIBUTE_WIND_ORDER = [\r\n {\r\n attributename:'Dir_ave10_txt',\r\n displayname: 'Dir Avg',\r\n display: true,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: '#blue',\r\n units: ''\r\n },\r\n {\r\n attributename:'Wind_ave10',\r\n displayname: 'Wind Avg',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#0072B2',\r\n units: 'km/h'\r\n // units: 'm/s'\r\n },\r\n {\r\n attributename:'Wind_max10',\r\n displayname: 'Wind Max',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#F24599',\r\n units: 'km/h'\r\n // units: 'm/s'\r\n },\r\n // {\r\n // attributename:'Dir_max10_txt',\r\n // displayname: 'Dir Max',\r\n // display: true,\r\n // selected: false,\r\n // hasrule: true,\r\n // backgroundcolor: 'blue',\r\n // units: ''\r\n // },\r\n {\r\n attributename: 'Battery',\r\n displayname: 'Battery',\r\n display: true,\r\n selected: false,\r\n hasrule: true,\r\n backgroundcolor: 'green',\r\n units: 'V'\r\n }\r\n\r\n];\r\nexport const POWER_MANAGEMENT_DEVICETYPE_ID = '62b065d5a1a7dd5f0f03f7af';\r\nexport const POWER_ATTRIBUTE_ORDER = [\r\n {\r\n attributename:'Sensor01',\r\n displayname: 'Sensor01',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#blue',\r\n units: ''\r\n },\r\n {\r\n attributename:'Battery',\r\n displayname: 'Battery',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#0072B2',\r\n units: 'volts'\r\n },\r\n {\r\n attributename:'In1',\r\n displayname: 'Input1',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#56B4E9',\r\n units: ''\r\n },\r\n {\r\n attributename:'In2',\r\n displayname: 'Input2',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#0072B2',\r\n units: ''\r\n // units: 'm/s'\r\n },\r\n {\r\n attributename:'In3',\r\n displayname: 'Input3',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#F24599',\r\n units: ''\r\n // units: 'm/s'\r\n },\r\n {\r\n attributename:'PS',\r\n displayname: 'PowerSave',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#C18500',\r\n units: ''\r\n // units: 'm/s'\r\n },\r\n {\r\n attributename:'Alm',\r\n displayname: 'Alarm',\r\n display: true,\r\n selected: true,\r\n hasrule: true,\r\n backgroundcolor: '#AF1F70',\r\n units: ''\r\n // units: 'm/s'\r\n },\r\n];\r\n\r\nexport const WHITE_COLOR = '#ffffff';\r\nexport const GREEN_COLOR = '#00cc00';\r\nexport const RED_COLOR = '#ff0000';\r\nexport const ORENGE_COLOR = '#ffa500';\r\nexport const YELLOW_COLOR = '#ffff00';\r\nexport const GREY_COLOR = 'grey';\r\nexport const FAULT_COLOR = '#808080';\r\nexport const LIGHT_GREY_COLOR = '#F8F8F8';\r\nexport const LEGEND_LIST = [\r\n /* {value: 'OFF', color: GREY_COLOR, label: 'No Activity'},\r\n {value: 'RED', color: RED_COLOR, label: 'Lightning near (<5km)'},\r\n {value: 'ORANGE', color: ORENGE_COLOR, label: 'Lightning approaching (5km to 15km)'},\r\n {value: 'YELLOW', color: YELLOW_COLOR, label: 'Lightning Detected (+15km)'},\r\n {value: 'GREEN', color: GREEN_COLOR, label: 'All Clear'}, */\r\n\r\n // Client Sam.Kennedy asked for new logic of Lightning label below:\r\n {fault: false, value: 'RED', color: RED_COLOR, label: 'Lightning Danger Close (<5 km)'},\r\n {fault: false, value: 'ORANGE', color: ORENGE_COLOR, label: 'Lightning Near (5 to 10 km)'},\r\n {fault: false, value: 'YELLOW', color: YELLOW_COLOR, label: 'Lightning Detected (10 to 32 km)'},\r\n {fault: false, value: 'OFF', color: GREY_COLOR, label: 'Missed Message'},\r\n {fault: false, value: 'GREEN', color: GREEN_COLOR, label: 'All Clear'},\r\n // To keep recent alarm and display rotor fault if next alarm is fault. (label: recent Alarm + \"!!\");\r\n // If recent alarm is fault, display Rotor Fault.\r\n // {fault: true, value: 'RED', color: RED_COLOR, label: 'Lightning Danger Close (<5 km)'},\r\n // {fault: true, value: 'ORANGE', color: ORENGE_COLOR, label: 'Lightning Near (5 to 10 km)'},\r\n // {fault: true, value: 'YELLOW', color: YELLOW_COLOR, label: 'Lightning Detected (10 to 32 km)'},\r\n // {fault: true, value: 'OFF', color: GREY_COLOR, label: 'Missed Message'},\r\n // {fault: true, value: 'GREEN', color: GREEN_COLOR, label: 'All Clear'},\r\n // {fault: true, value: 'FAULT', color: FAULT_COLOR, label: 'Rotor Fault'},\r\n // {value: 'FAULT', color: FAULT_COLOR, label: 'Rotor Fault'},\r\n];\r\n\r\nexport const LIGHTNING_ROTOR_FAULT = [\r\n {fault: true, value: 'FAULT', color: FAULT_COLOR, label: 'Rotor Fault'},\r\n {fault: false, value: 'FAULT', color: GREEN_COLOR, label: 'Rotor Normal'},\r\n {fault: false, value: 'OFF', color: GREY_COLOR, label: 'Rotor OFF'},\r\n]\r\n \r\nexport const LIGHTING_KEYS = {\r\n battery: 'BatteryVoltage',\r\n internalTemp: 'InternalTemperature',\r\n alarmStatus: 'CurrentDigitalInputState',\r\n levelColor: 'Alarm'\r\n};\r\nexport const HOUR_OF_DAY = 24;\r\nexport const TIME_OPTION = [\r\n {label: '00:00', value:'00', index: 0},\r\n {label: '01:00', value:'01', index: 1},\r\n {label: '02:00', value:'02', index: 2},\r\n {label: '03:00', value:'03', index: 3},\r\n {label: '04:00', value:'04', index: 4},\r\n {label: '05:00', value:'05', index: 5},\r\n {label: '06:00', value:'06', index: 6},\r\n {label: '07:00', value:'07', index: 7},\r\n {label: '08:00', value:'08', index: 8},\r\n {label: '09:00', value:'09', index: 9},\r\n {label: '10:00', value:'10', index: 10},\r\n {label: '11:00', value:'11', index: 11},\r\n {label: '12:00', value:'12', index: 12},\r\n {label: '13:00', value:'13', index: 13},\r\n {label: '14:00', value:'14', index: 14},\r\n {label: '15:00', value:'15', index: 15},\r\n {label: '16:00', value:'16', index: 16},\r\n {label: '17:00', value:'17', index: 17},\r\n {label: '18:00', value:'18', index: 18},\r\n {label: '19:00', value:'19', index: 19},\r\n {label: '20:00', value:'20', index: 20},\r\n {label: '21:00', value:'21', index: 21},\r\n {label: '22:00', value:'22', index: 22},\r\n {label: '23:00', value:'23', index: 23},\r\n {label: '24:00', value:'24', index: 24},\r\n];\r\nexport const TIME_RANGE_OPTION = [\r\n {label: '1hr', value: 1},\r\n {label: '2hr', value: 2},\r\n {label: '3hr', value: 3},\r\n {label: '4hr', value: 4},\r\n {label: '5hr', value: 5},\r\n {label: '6hr', value: 6},\r\n];\r\n// export const TIME_ZONE = 'EST';\r\nexport const TIME_ZONE = 'America/New_York';\r\nexport const labelTextStyle = {\r\n fontSize: '13.1px',\r\n lineHeight: '13.1px',\r\n}\r\nexport const normalTextStyle = {\r\n fontSize: '1.7vh',\r\n lineHeight: '1.7vh',\r\n}\r\nexport const xSmallTextStyle = {\r\n fontSize: '1.2vh',\r\n lineHeight: '1.3vh',\r\n}\r\nexport const smallTextStyle = {\r\n fontSize: '1.5vh',\r\n lineHeight: '1.5vh',\r\n}\r\n\r\nexport const OCCUPANCY_KEYS = {\r\n battery: 'BatteryVoltage',\r\n levelColor: 'Alarm',\r\n lastOccupancy:'LastOccupancy',\r\n lstMsgTime:'LastMessageTime',\r\n averageData:'AverageData'\r\n};\r\n\r\nexport const PARKING_KEYS = {\r\n battery: 'BatteryVoltage',\r\n levelColor: 'Alarm',\r\n lstMsgTime:'LastMessageTime',\r\n level1:'Level1',\r\n level2:'Level2',\r\n level3:'Level3',\r\n levelTotal:'LevelTotal'\r\n}\r\nexport const SNOW_KEYS = {\r\n battery: 'BatteryVoltage',\r\n levelColor: 'Alarm',\r\n lastOccupancy:'LastOccupancy',\r\n lstMsgTime:'LastMessageTime',\r\n averageData:'AverageData',\r\n averageTemperature: 'AverageTemperature',\r\n averageLODLast: 'AverageLODLast',\r\n temperature:'Temperature',\r\n current: 'Current',\r\n vibration: 'Vibration'\r\n};\r\n\r\nexport const OPG_KEYS = {\r\n messageId: 'MessageId',\r\n battery: 'Battery',\r\n moveDetect: 'MoveDetect',\r\n beaconVisible: 'BeaconVisible',\r\n gpsLock: 'GPSLock',\r\n gpsUsed: 'GPSUsed',\r\n hdop: 'HDOP',\r\n cnOk: 'C/N0_OK',\r\n beaconId: 'BeaconId',\r\n latitude: 'Latitude',\r\n longitude: 'Longitude',\r\n zoneId: 'ZoneId',\r\n};\r\n\r\nexport const ATTRIBUTE_STATUSDATA=['Alarm','CO2','Dir_ave10','Dir_ave10','Dir_hi10','Dir_lo10','Dir_max10','Dir_max10_txt','Dir_ave10_txt','hexAlarm','Humidity','Irr_max','Irradiation','Pressure','Rain','Rain-Raw','T_max','T_min','Temperature','Temperature_max','Temperature_min','Type','Wind_ave10','Wind_max10','Wind_min10']\r\nexport const PARKING_SPOTS_TOTAL_LEVEL1_LEVEL2_LEVEL3=[255,73,83,99]","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACzklEQVRYhb3XT4hWVRgG8J+DDCIyDBIfQ4hggYi4iBZSKegoWNSQ2bKNFrQSF7nQ/AsuXAziSsE/CIa6VMLURYXRojZKEQ24CURlQIjASadAHR0X77nNmct37/ddP+2Fy8fz3vOd57nnPO97z6V9XMLaDC/F9Qz3YwxDWW479lbMVxl9FflleDXDr+CNDM/HCgxmuSV4vamAOel3C77AQMKLMIHJhOeJp72VCV+McUyl3MKU/yvhSZzA0U4i3sE0HuNeup7gnww/SGPuZdc0/s7ww3TleBojnQR8mQZuyXJ/4JOSyMcZXpD+syzLHcHpDI+kMaN15HPN+OB+lt+FnzL8Oz7P8GTCN7PcaWHOIor5qnz2n4B2cb6EJ/FVKXeqhH+tI6qKWnUvIG7gMFr4GXex8v8SMI71eIqrwkdD+DYXUbUFAzhr9p52iq9xMsOFPz4TPaOIwSTiXVyrEvAvLtQIbBdlD7REZWzDTrOroRCxpopgCmcakJejhe/Fky8XW6GNiBHYLer14x4Iy+TX8R4uprnHUn5HwtO4jUVVK9CHDZp54Iao/SvYh7fxYbq3QhixWImtGMZ4nQn3NRTwA9Zl5PtL93MRx5PYSpNNYFUD8pbZT14mL2JAtPE/i8SL6APdkt8Ry563754F9ERO9RbMFW/HTh74tBfyOgHzRaequt/Cm9jUC3kRTftAXucHzNR1+bqN13TY5qYeaIlSuqC7J+8Xh9XKaNLr4ZCo54OqxRfkj8Qr+FzdhE1WoB/v47cuyG+K5R+qGPdcAtaKo9mw9qefrgzXi4BN4p0/IdppLuK5yJsI6MNH2ChKdEqc+Z/2Qk73JnxL7OeQeLUO4kdsxjdmn6hfioAPxNJfFiX4nTg19Ry5gLq2OyqazqMGc8/rVkBhpmPY02bMhDDfEqzW/aoVJfhL3aDi43SvODw2OYB0iinxMbNTmLVtPAON1q8cnpS+sgAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/Video_camera_icon.bf36904b.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADSklEQVRYhc2XPUscURSGnx32goiFBH+AhQQjLAjRIh/FOGCyJCCIFhIipLFMbNKIiIgsgZBG25AqIVgYAkKC0XCdwsRCC0GIS7DIDxCxkGVhliXFPZO5s+7sjskqeatzP+Y95957viZDSnh+0AmMAENAP7CmXTUvawuytg9sydppGt5sCsW9wCwwDrRZS18tuV2M6geeAGXPD1aBgnZVsRG/00Bxh+cHS8AB8LhGeTO0yTcHnh8seX7QcSED5NS7wDOiW6oC68AUcAOYsT6Zkbkp2VOV+axw7ArnOWTqKB8AvgDXrOn3wLx21VHSSWo4eoAF4JE1fQLc167aSzRArPxmKT8GJrWr1tMormNIHngLdFlG3LH9ImNt7sBce3hVv4DhtKduYEQPsAl0y1QRGNSuOoO4DxQs5cetUA4gHMPCiegohOsZsbIX4+2hwz3UrvrcjNzzgz5R8iPF3gfAJxlWgJx2VTG8gVlL+UpK5Z4YfSByQwjnigyzohNHMty4LFSBuWZkggHMEzoip8EcUYiOe37Q6WBSaJhkNlrx7kkQ7g0ZtgEjDia3h/hwWcoTdAw5mPwdYvsKDPhuyf1ZYI2osNS9fnGy2ne2b27I84Paz/a0q3Qdup/AK5FL51JxHeV9GG9PLFwJqGJCrWGIXpS05chIM9Eu4xntqkrtpgZPkBd5HdOI2Kj7BJ4fZIEXMixlMWEYOuIbTK6OQYhiZPLmoQFb2lUva79LwHXgucj7DqaNCnE3Jcm/4LYl7zvEr27sCgywdWw5mDAsy8Q9KZ+XAuG+J8MysOZI97oqkw6wmJJvDxNqVZHTYJEo8la1q07DQQFTIgEmpHQ2hDhmDhPr9RJODMI5IcOK6Ix1REuYBhJM83CrVYVJrn6HqDVb1q6ahngimiUKwS5gsxX+YLVkofIiVkf9xwDp0UYxjSOYHm5HGsu/VZ7HnLxbpk6AUe2qUrjn/2rLLYJe4CNRkwrG2zcw9XwbOArTtqTXHkwiG8OEmv28RczJz2XZusVINg4Cy0TR4WBS72vgkCifI/KhrOUt3opw3Ez6R0yshtpVZ+KpOeAdUbJKg7J8k9OumrbfvBZN/47F8knPD54S/z23SUuYmnLh3/PfXF4y9hMGWloAAAAASUVORK5CYII=\"","/* eslint-disable */\r\nimport React from 'react'\r\n\r\nimport { Row, Col, Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap'\r\n\r\nexport default function ConfirmDeleteDialog({ modalVisible, toggleOff, onConfirm, msg }) {\r\n return (\r\n \r\n
\r\n {msg}\r\n
\r\n\r\n
\r\n \r\n \r\n Add a Receiver\r\n \r\n \r\n Add a New Receiver \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ContactModal;\r\n","/* eslint-disable */\r\nexport function getCurrentUser(){\r\n try{\r\n if (sessionStorage.getItem('currentUserObj')){\r\n let currentUser = JSON.parse(sessionStorage.getItem('currentUserObj'));\r\n // sort user roles.\r\n let sortRoles = [];\r\n let {role} = currentUser;\r\n if (role.includes('SUPERADMIN')) {\r\n sortRoles.push('SUPERADMIN');\r\n }else if (role.includes('ADMIN')) {\r\n sortRoles.push('ADMIN');\r\n }else if (role.includes('USER')) {\r\n sortRoles.push('USER');\r\n }else if (role.includes('CLIENTADMIN')) {\r\n sortRoles.push('CLIENTADMIN');\r\n }else if (role.includes('CLIENTUSER')) {\r\n sortRoles.push('CLIENTUSER');\r\n }\r\n currentUser = {...currentUser, role: sortRoles};\r\n return currentUser;\r\n }else{\r\n throw new Error(\"Failed to get current user, Please re-login\");\r\n }\r\n }\r\n catch(err) {\r\n console.error(err.message);\r\n return null;\r\n }\r\n}\r\n\r\n// export const isAllowed = (user, rights) => rights.some(right => user.rights.includes(right));\r\n\r\nexport const hasRole = (userObj, roles) => userObj && userObj.role && roles.some(role => userObj.role.includes(role));","// extracted by mini-css-extract-plugin\nmodule.exports = {\"simpurchaseth\":\"SelectQuantity_simpurchaseth__lRh1B\"};","/* eslint-disable */\r\nimport axios from 'axios';\r\nimport https from 'https';\r\nimport { toast } from \"react-toastify\";\r\nimport {\r\n USER_LOGIN_SUCESS,\r\n USER_LOGIN_FAILED,\r\n USER_LOGOUT,\r\n USER_ADD_SUCCESS,\r\n USER_ADD_FAILED,\r\n USER_UPDATE_SUCCESS,\r\n USER_UPDATE_FAILED,\r\n MODIFY_NVR_PASSWORD_SUCCESS,\r\n MODIFY_NVR_PASSWORD_FAIL,\r\n USER_REMOVE_SUCCESS,\r\n USER_REMOVE_FAILED,\r\n MULTI_USER_ADD_SUCCESS,\r\n MULTI_USER_ADD_FAILED,\r\n USER_GET_SUCCESS,\r\n USER_GET_FAILED,\r\n USER_ADD_ASSETCLASS_LIST_SUCCESS,\r\n USER_ADD_ASSETCLASS_LIST_FAILED,\r\n USER_CHECK_ASSETCLASS_LIST_SUCCESS,\r\n USER_CHECK_ASSETCLASS_LIST_FAILED,\r\n USER_ADD_DEVICETYPE_LIST_SUCCESS,\r\n USER_ADD_DEVICETYPE_LIST_FAILED,\r\n USER_CHECK_DEVICETYPE_LIST_SUCCESS,\r\n USER_CHECK_DEVICETYPE_LIST_FAILED,\r\n USER_GET_COMPANY_LIST_SUCCESS,\r\n USER_GET_COMPANT_LIST_FAILED,\r\n USER_GET_ROLES_SUCCESS,\r\n USER_GET_ROLES_FAILED,\r\n USER_GET_COMPANY_DEVICE_TYPES_SUCCESS,\r\n USER_GET_COMPANY_DEVICE_TYPES_FAILED,\r\n USER_GET_PAGE_CONTENT_SUCCESS,\r\n USER_GET_PAGE_CONTENT_FAILED,\r\n USER_GET_COMPANY_ASSET_CLASS_SUCCESS,\r\n USER_GET_COMPANY_ASSET_CLASS_FAILED,\r\n USER_GET_COMPANY_OBJ_SUCCESS,\r\n USER_GET_COMPANY_OBJ_FAILED,\r\n USER_UPDATE_RESELLER_OBJ_SUCCESS,\r\n USER_UPDATE_RESELLER_OBJ_FAILED,\r\n USER_DISABLE_RESELLER_OBJ_SUCCESS,\r\n USER_DISABLE_RESELLER_OBJ_FAILED,\r\n USER_UPDATE_COMPANY_OBJ_SUCCESS,\r\n USER_UPDATE_COMPANY_OBJ_FAILED,\r\n USER_DELETE_COMPANY_OBJ_SUCCESS,\r\n USER_DELETE_COMPANY_OBJ_FAILED,\r\n USER_GET_ALL_COMPANIES_SUCCESS,\r\n USER_GET_ALL_COMPANIES_FAILED,\r\n USER_GET_COUNTRY_LIST_SUCCESS,\r\n USER_GET_PROVINCE_LIST_SUCCESS,\r\n USER_GET_ACCOUNT_LIST_SUCCESS,\r\n USER_GET_ACCOUNT_LIST_FAILED,\r\n COMPANY_GET_BRANDING_SUCCESS,\r\n COMPANY_GET_BRANDING_FAILED,\r\n USER_GET_PLAN_ITEMS_SUCCESS,\r\n USER_GET_PLAN_ITEMS_FAILED,\r\n STORE_RESET,\r\n CARD_ADD_FAILED,\r\n CARD_ADD_SUCCESS,\r\n ACCOUNT_ADD_ACCOUNT,\r\n ACCOUNT_DELETE_ACCOUNT,\r\n GET_ACCOUNT_CARDS_SUCCESS,\r\n GET_ACCOUNT_CARDS_FAILED,\r\n COMPANY_GET_PAYMENT_ITEM_SUCCESS,\r\n COMPANY_GET_PAYMENT_ITEM_FAILED,\r\n COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n COMPANY_PAYMENT_HISTORY_SUCCESS,\r\n COMPANY_PAYMENT_HISTORY_FAILED,\r\n COMPANY_TRANSACTION_HISTORY_SUCCESS,\r\n COMPANY_TRANSACTION_HISTORY_FAILED,\r\n COMPANY_TRANSACTION_REFUND_SUCCESS,\r\n COMPANY_TRANSACTION_REFUND_FAILED,\r\n COMPANY_PAYMENT_INVOICE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_CLEAR,\r\n COMPANY_PAYMENT_INVOICE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_DETAILS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_DETAILS_FAILED,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_FAILED,\r\n\r\n COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n\r\n COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED,\r\n\r\n COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED,\r\n\r\n COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED,\r\n COMPANY_PAYMENT_USAGE_REPORT_SUCCESS,\r\n COMPANY_PAYMENT_USAGE_REPORT_FAILED,\r\n COMPANY_PAYMENT_ADJUST_INVOICE_SUCCESS,\r\n COMPANY_PAYMENT_ADJUST_INVOICE_FAILED,\r\n COMPANY_MONERIS_ACCOUNT_SUCCESS,\r\n COMPANY_MONERIS_ACCOUNT_FAILED,\r\n COMPANY_SET_CURRENT_COMPANY_CODE,\r\n COMPANY_MONERIS_ACCOUNT_START,\r\n CUSTOMER_COMPANY_GET_SUCCESS,\r\n CUSTOMER_COMPANY_GET_FAILED,\r\n CUSTOMER_GET_ORDERS_SUCCESS,\r\n CUSTOMER_GET_ORDERS_FAILED,\r\n CUSTOMER_UPDATE_ORDERS_SUCCESS,\r\n CUSTOMER_UPDATE_ORDERS_FAILED,\r\n ORDER_ADJUSTMENT_GET_SUCCESS,\r\n ORDER_ADJUSTMENT_GET_FAILED,\r\n ORDER_ADJUSTMENT_CLEAR,\r\n GET_ACTIVATED_SIM_DASHBOARD_SUCCESS,\r\n GET_ACTIVATED_SIM_DASHBOARD_FAILED,\r\n GET_SIM_USAGE_SUCCESS,\r\n GET_SIM_USAGE_FAILED,\r\n GET_CARRIER_LIST_SUCCESS,\r\n GET_CARRIER_LIST_FAILED,\r\n USER_GET_ALL_RESELLER_SUCCESS,\r\n USER_GET_ALL_RESELLER_FAILED,\r\n CONSUMER_ADD_SUCCESS,\r\n CONSUMER_ADD_FAILED,\r\n CONSUMER_GET_SUCCESS,\r\n CONSUMER_GET_FAILED,\r\n CONSUMER_GET_PLAN_USAGE_SUCCESS,\r\n CONSUMER_GET_PLAN_USAGE_FAILED,\r\n CONSUMER_UPDATE_SUCCESS,\r\n CONSUMER_UPDATE_FAILED,\r\n USER_GET_SIM_SERVICE_PLAN_SUCCESS,\r\n USER_GET_SIM_SERVICE_PLAN_FAILED,\r\n WEB_SERVICE_GET_SPECIAL_LINE_SUCCESS,\r\n WEB_SERVICE_GET_SPECIAL_LINE_FAILED,\r\n RESELLER_SET_SPECIAL_LINE_SUCCEED,\r\n RESELLER_SET_SPECIAL_LINE_FAILED,\r\n GET_PROMOTE_SUCCESS,\r\n GET_PROMOTE_FAILED,\r\n SET_PROMOTE_SUCCESS,\r\n SET_PROMOTE_FAILED,\r\n USER_GET_CARRIER_LIST_SUCCESS,\r\n USER_GET_CARRIER_LIST_FAILED,\r\n USER_GET_RESELLER_LIST_SUCCESS,\r\n USER_GET_RESELLER_LIST_FAILED,\r\n CLIENT_GET_FAILED,\r\n CLIENT_GET_SUCCESS,\r\n RESELLER_SET_ITEM_SUCCEED,\r\n RESELLER_SET_ITEM_FAILED,\r\n CLIENT_PAYMENT_CHECKOUT_SUCCESS,\r\n CLIENT_PAYMENT_CHECKOUT_FAILED,\r\n PAYMENT_ORDER_GET_ADDRESS_SUCCESS,\r\n PAYMENT_ORDER_GET_ADDRESS_FAILED,\r\n PAYMENT_ORDER_SET_ADDRESS_SUCCESS,\r\n PAYMENT_ORDER_SET_ADDRESS_FAILED,\r\n GET_PLAN_USAGE_DATA_SUCCESS,\r\n GET_PLAN_USAGE_DATA_FAILED,\r\n GET_IDENTIFIER_USAGE_DATA_FAILED,\r\n GET_IDENTIFIER_USAGE_DATA_SUCCESS,\r\n USER_GET_PAYMENT_ACCOUNT_LIST_SUCCESS,\r\n USER_GET_PAYMENT_ACCOUNT_LIST_FAILED,\r\n USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS,\r\n USER_UPDATE_PAYMENT_ACCOUNT_FAILED,\r\n PAYMENT_ORDER_SET_DEFAULT_PAYMENT_SUCCESS,\r\n PAYMENT_ORDER_SET_DEFAULT_PAYMENT_FAILED,\r\n USER_FORGET_PASSWORD_SUCCESS,\r\n USER_FORGET_PASSWORD_NOT_FOUND,\r\n USER_FORGET_PASSWORD_FAILED,\r\n USER_FORGET_PASSWORD_NOT_ALLOWED,\r\n USER_RESET_PASSWORD_SUCCESS,\r\n USER_RESET_PASSWORD_FAILED,\r\n CLIENT_GET_BUSINESS_UNITS_SUCCESS,\r\n CLIENT_GET_BUSINESS_UNITS_FAILED,\r\n CLIENT_GET_BUSINESS_UNIT_RELATION_SUCCESS,\r\n CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED,\r\n CLEAR_CLIENT_DATA,\r\n GET_ACTIVATED_SIM_DASHBOARD_START,\r\n GET_TOTAL_USAGE_START,\r\n GET_TOTAL_USAGE_SUCCESS,\r\n GET_TOTAL_USAGE_FAILE, GET_PLAN_USAGE_DATA_START, GET_IDENTIFIER_USAGE_DATA_START,\r\n GENERATE_PURCHASE_ORDER_SUCCESS,\r\n GENERATE_PURCHASE_ORDER_FAILED,\r\n EMAIL_PURCHASE_ORDER_SUCCESS,\r\n EMAIL_PURCHASE_ORDER_FAILED,\r\n GET_USER_ACTIVITY_TRACKING_SUCCEED,\r\n GET_USER_ACTIVITY_TRACKING_FAILED,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED\r\n\r\n} from '../../constants/actionTypes';\r\n\r\nimport {\r\n WEB_SERVICE_GET_BRANDING,\r\n WEB_SERVICE_SET_BRANDING,\r\n WEB_SERVICE_ROOT,\r\n WEB_SERVICE_GET_COMPANY_DEVICETYPE,\r\n WEB_SERVICE_GET_COMPANY_ASSETCLASS,\r\n WEB_SERVICE_GET_COMPANY,\r\n WEB_SERVICE_GET_RESELLER,\r\n WEB_SERVICE_DISABLE_RESELLER,\r\n WEB_SERVICE_GET_COUNTRY,\r\n WEB_SERVICE_GET_ROLES,\r\n WEB_SERVICE_USER_ROOT,\r\n WEB_SERVICE_USER_CHECK,\r\n WEB_SERVICE_USER_ADD,\r\n WEB_SERVICE_MULTI_USER_ADD,\r\n WEB_SERVICE_USER_GET_CONTENT,\r\n WEB_SERVICE_USER_UPDATE,\r\n WEB_SERVICE_MODIFY_NVR_PASSWORD,\r\n WEB_SERVICE_USER_REMOVE,\r\n WEB_SERVICE_USER_GET,\r\n WEB_SERVICE_USER_ADD_ASSETCLASS_LIST,\r\n WEB_SERVICE_USER_ADD_ASSETCLASS_USER,\r\n WEB_SERVICE_USER_CHECK_ASSETCLASS_LIST,\r\n WEB_SERVICE_USER_CHECK_DEVICETYPE_USER_LIST,\r\n WEB_SERVICE_USER_CHECK_DEVICETYPE_LIST,\r\n WEB_SERVICE_USER_ADD_DEVICETYPE_LIST,\r\n WEB_SERVICE_USER_SUCCESS_CODE,\r\n WEB_SERVICE_CHANGE_COMPANY_DEVICETYPE,\r\n WEB_SERVICE_CHANGE_COMPANY_ASSETCLASS,\r\n WEB_SERVICE_PAYMENT_ITEM,\r\n WEB_SERVICE_PAYMENT_CHECKOUT,\r\n WEB_SERVICE_PAYMENT_PAY,\r\n WEB_SERVICE_PAYMENT_HISTORY,\r\n WEB_SERVICE_TRANSACTION_HISTORY,\r\n WEB_SERVICE_REFUND_INVOICE,\r\n WEB_SERVICE_PAYMENT_INVOICE,\r\n WEB_SERVICE_PAYMENT_CARD_MGMT,\r\n WEB_SERVICE_PAYMENT_INVOICE_DETAILS,\r\n WEB_SERVICE_PAYMENT_INVOICE_ADJUSTMENT,\r\n WEB_SERVICE_PAYMENT_PAY_INVOICE,\r\n WEB_SERVICE_CUSTOMER_BY_COMPANY,\r\n WEB_SERVICE_GET_ORDERS,\r\n WEB_SERVICE_ORDER,\r\n WEB_SERVICE_UPDATE_ORDER,\r\n WEB_SERVICE_PAYMENT_DEVICE,\r\n WEB_SERVICE_PAYMENT_SERVICE,\r\n WEB_SERVICE_PAYMENT_UPC_DEVICE,\r\n WEB_SERVICE_PAYMENT_CHECHOUT_DEVICE,\r\n WEB_SERVICE_PAYMENT_PAY_DEVICE,\r\n WEB_SERVICE_PAYMENT_RELEASE_DEVICE,\r\n WEB_SERVICE_ORDER_ADJUSTMENT,\r\n WEB_SERVICE_TELELCOM_BACKEND_ROOT,\r\n WEB_SERVICE_SIFOX_GET_ACTIVATED_SIM,\r\n WEB_SERVICE_SIFOX_GET_SIM_USAGE,\r\n WEB_SERVICE_SIFOX_GET_USAGE_FOR_RESELLER,\r\n WEB_SERVICE_GET_PLAN_USAGE,\r\n WEB_SERVICE_GET_IDENTIFIER_USAGE,\r\n WEB_SERVICE_SIFOX_GET_CLIENT_USAGE_STATS,\r\n WEB_SERVICE_SIFOX_GET_CURRENT_TOTAL_USAGE,\r\n WEB_SERVICE_GET_CARRIER,\r\n WEB_SERVICE_CONSUMER_ADD,\r\n WEB_SERVICE_CONSUMER_GET,\r\n WEB_SERVICE_UPDATE_CONSUMER,\r\n WEB_SERVICE_CONSUMER_GET_PLAN_USAGE,\r\n WEB_SERVICE_GET_OPERATIONCOUNTRY,\r\n WEB_SERVICE_GET_LOBS,\r\n WEB_SERVICE_GET_DIVISIONS,\r\n WEB_SERVICE_GET_SIM_SERVICE_PLAN,\r\n WEB_SERVICE_GET_SPECIAL_LINE,\r\n WEB_SERVICE_POST_SPECIAL_LINE,\r\n WEB_SERVICE_DELETE_SPECIAL_LINE,\r\n WEB_SERVICE_PROMOTE,\r\n WEB_SERVICE_GET_CARRIER_LIST,\r\n WEB_SERVICE_CLIENT_GET,\r\n WEB_SERVICE_SET_SERVICE_PLAN,\r\n WEB_SERVICE_DELETE_SERVICE_PLAN,\r\n WEB_SERVICE_SIFOX_ORDER_CLIENT_CHECKOUT,\r\n WEB_SERVICE_PAYMENT_INVOICE_GENERATE,\r\n WEB_SERVICE_PAYMENT_ORDER_ROOT,\r\n WEB_SERVICE_SIFOX_ORDER_CLIENT_GET_ACCOUNT_BY_ENTITY,\r\n WEB_SERVICE_PAYMENT_ORDER_GET_ADDRESS,\r\n WEB_SERVICE_PAYMENT_ORDER_SET_ADDRESS,\r\n WEB_SERVICE_PAYMENT_INVOICE_LIST,\r\n WEB_SERVICE_PAYMENTNEW_DEFAULT_PAYMENT,\r\n WEB_SERVICE_PAYMENTNEW_UPDATE_ACCOUNT,\r\n WEB_SERVICE_PAYMENTNEW_PAYMENT_ACCOUNTS,\r\n WEB_SERVICE_FORGET_PASSWORD,\r\n WEB_SERVICE_RESET_PASSWORD,\r\n WEB_SERVICE_PAYMENT_USAGE_REPORT,\r\n WEB_SERVICE_GET_BUSINESS_UNIT,\r\n WEB_SERVICE_UPDATE_BUSINESS_UNIT,\r\n WEB_SERVICE_UPDATE_BUSINESS_UNIT_RELATION,\r\n WEB_SERVICE_PAYMENT_GET_GL_CODES_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_ADD_GL_CODE_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_MODIFY_GL_CODE_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_GET_GL_CODE_REASONS_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_ADD_GL_CODE_REASON_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_MODIFY_GL_CODE_REASON_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY,\r\n WEB_SERVICE_PAYMENT_INVOICE_WITH_APPROVAL_DETAILS,\r\n WEB_SERVICE_PAYMENT_INVOICE_CONFIRM_APPROVAL,\r\n WEB_SERVICE_GET_RESELLER_TREE,\r\n WEB_SERVICE_SIFOX_GET_ACTIVATED_SIM_FOR_DOWNLOAD,\r\n WEB_SERVICE_SIFOX_GET_ACTIVATED_SIM_FOR_DOWNLOAD_BY_CVS,\r\n WEB_SERVICE_GENERATE_PURCHASE_ORDER,\r\n WEB_SERVICE_EMAIL_PURCHASE_ORDER,\r\n WEB_SERVICE_GET_USER_ACTIVITY_TRACKING\r\n\r\n} from '../../constants/appConstants';\r\nimport { Countries } from '../../constants/dataConstants';\r\nimport {\r\n axiosGet, getCurrentUser, base64Encode,\r\n getJwttoken, axiosPost, axiosDelete, axiosPut, axiosGetWithBody\r\n} from '../../factories/utils';\r\nimport log from 'loglevel';\r\n\r\n// const token = getJwttoken();\r\n// axios.defaults.headers.common = {'Authorization': `Bearer ${token}`}\r\naxios.interceptors.request.use(function (config) {\r\n const token = getJwttoken();\r\n config.headers.Authorization = `Bearer ${token}`;\r\n return config;\r\n});\r\n\r\n// const ACCOUNT_ROOT = 'http://192.168.161.9:8080/mk/';\r\n//const ACCOUNT_ROOT = 'https://waiviot.itsp-inc.com:8443/mk/';\r\n// const ACCOUNT_ROOT = 'http://192.168.2.84:8080/';\r\nconst ACCOUNT_ROOT = WEB_SERVICE_PAYMENT_ORDER_ROOT\r\n\r\nexport function handleSubmit(values) {\r\n\r\n\r\n // alert(values);\r\n userLogin(values.name, values.password);\r\n}\r\n\r\nexport function forgotPassword(username) {\r\n\r\n let usernameInfo = {\r\n userName: username\r\n };\r\n\r\n let urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_FORGET_PASSWORD}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n data: usernameInfo,\r\n })\r\n\r\n return ((dispatch) => {\r\n dispatch({\r\n type: STORE_RESET,\r\n })\r\n request.then((response) => {\r\n if (response.data === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_FORGET_PASSWORD_SUCCESS,\r\n payload: response.data\r\n\r\n }\r\n )\r\n } else if (response.data.includes(\"User Not Found\")) {\r\n dispatch(\r\n {\r\n type: USER_FORGET_PASSWORD_NOT_FOUND,\r\n payload: response.data,\r\n message: response.data,\r\n\r\n }\r\n )\r\n } else if (response.data.includes(\"Not Allowed\")) {\r\n dispatch({\r\n type: USER_FORGET_PASSWORD_NOT_ALLOWED,\r\n payload: response.data,\r\n message: response.data\r\n })\r\n } else {\r\n dispatch({\r\n type: USER_FORGET_PASSWORD_FAILED,\r\n payload: response.data,\r\n message: response.data\r\n })\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_FORGET_PASSWORD_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function resetPassword(password, token) {\r\n\r\n let passwordInfo = {\r\n password: password,\r\n resetPasswordToken: token\r\n };\r\n\r\n let urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_RESET_PASSWORD}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n data: passwordInfo\r\n })\r\n\r\n return ((dispatch) => {\r\n dispatch({\r\n type: STORE_RESET,\r\n })\r\n request.then((response) => {\r\n if (response.data === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_RESET_PASSWORD_SUCCESS,\r\n payload: response.data.userDetails,\r\n token: response.data.jwttoken,\r\n\r\n }\r\n )\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_RESET_PASSWORD_FAILED,\r\n message: 'Log In Failed',\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_RESET_PASSWORD_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function userLogin(userid, password) {\r\n // alert('log in');\r\n if ((!userid || userid.length === 0) || (!password || password.length === 0)) {\r\n // alert('yes');\r\n return dispatch => {\r\n // alert('okay');\r\n dispatch({\r\n // type: USER_LOGIN_SUCESS,\r\n type: USER_LOGIN_FAILED,\r\n message: 'user name or password is empty'\r\n })\r\n }\r\n }\r\n\r\n let loginInfo = {\r\n userName: userid,\r\n password: password\r\n };\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_CHECK}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: loginInfo,\r\n });\r\n\r\n return ((dispatch) => {\r\n // dispatch({\r\n // type: STORE_RESET,\r\n // })\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n // sessionStorage.setItem('currentUser', response.data.userDetails);\r\n sessionStorage.setItem('userid', userid)\r\n sessionStorage.setItem('password', password)\r\n sessionStorage.setItem('user_current_password', password);\r\n dispatch(\r\n {\r\n type: USER_LOGIN_SUCESS,\r\n payload: response.data.userDetails,\r\n token: response.data.jwttoken,\r\n \r\n }\r\n )\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_LOGIN_FAILED,\r\n // message: response.data.error,\r\n message: 'Log In Failed',\r\n\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_LOGIN_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function userLogout() {\r\n return (dispatch => {\r\n dispatch(\r\n {\r\n type: USER_LOGOUT,\r\n }\r\n )\r\n })\r\n}\r\n\r\nexport function getUsers(requestObj) {\r\n\r\n let companyCode = \"\";\r\n let department = \"\";\r\n let businessUnit = \"\";\r\n let resellerCode = \"\";\r\n\r\n if (sessionStorage.getItem('companyCode')) {\r\n companyCode = sessionStorage.getItem('companyCode') === \"null\" ? null : sessionStorage.getItem('companyCode');\r\n }\r\n if (sessionStorage.getItem('resellerCode')) {\r\n resellerCode = sessionStorage.getItem('resellerCode') === \"null\" ? null : sessionStorage.getItem('resellerCode');\r\n }\r\n\r\n if (sessionStorage.getItem('department')) {\r\n // department = sessionStorage.getItem('department');\r\n }\r\n\r\n if (sessionStorage.getItem('businessUnit')) {\r\n // businessUnit = sessionStorage.getItem('businessUnit');\r\n }\r\n\r\n let obj = {\r\n companyCode: companyCode,\r\n department: department,\r\n businessUnit: businessUnit,\r\n resellerCode: resellerCode\r\n };\r\n if (requestObj) {\r\n obj = requestObj;\r\n }\r\n\r\n let urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_GET}`;\r\n\r\n\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n // params: {\r\n // token: sessionStorage.getItem('authToken'),\r\n // userName: criteria.userName || undefined\r\n // },\r\n data: obj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_GET_SUCCESS,\r\n payload: response.data.userDetails,\r\n\r\n }\r\n );\r\n } else {\r\n let message = 'Getting Users Failed';\r\n console.error(message);\r\n dispatch(\r\n {\r\n type: USER_GET_FAILED,\r\n message: message,\r\n\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n console.error(error.message);\r\n dispatch(\r\n {\r\n type: USER_GET_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n\r\n\r\n}\r\n\r\n/// for adding CSV file as userlist\r\nexport function addMultiUser(formdata) {\r\n let message = \"\";\r\n if (!formdata || formdata === null) {\r\n return dispatch => {\r\n message = \"user input is not valid\";\r\n dispatch({\r\n type: USER_ADD_FAILED,\r\n message: message\r\n });\r\n console.error(message);\r\n toast.error(message);\r\n }\r\n }\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_MULTI_USER_ADD}`;\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n data: formdata,\r\n });\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n message = \"Multiple users added successfully\";\r\n dispatch(\r\n {\r\n type: MULTI_USER_ADD_SUCCESS,\r\n payload: response.data.userDetails,\r\n }\r\n );\r\n toast.success(message);\r\n dispatch(getUsers());\r\n } else {\r\n message = \"Failed to add multiple users, please check content format or file format.\"\r\n dispatch(\r\n {\r\n type: MULTI_USER_ADD_FAILED,\r\n message: message,\r\n payload: response.data.userDetails,\r\n\r\n }\r\n );\r\n console.error(message);\r\n toast.error(message);\r\n }\r\n }\r\n ).catch((error) => {\r\n message = 'Invalid content format or file format.';\r\n dispatch(\r\n {\r\n type: MULTI_USER_ADD_FAILED,\r\n message: error.message,\r\n\r\n }\r\n );\r\n console.error(\"Add multiple users error(s): \" + error.message);\r\n toast.error(message);\r\n\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function addUser(userObj, reLoad = false) {\r\n if (!userObj || userObj === null) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_ADD_FAILED,\r\n message: 'user input is not valid'\r\n })\r\n }\r\n }\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_ADD}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: userObj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_ADD_SUCCESS,\r\n payload: response.data.userDetails,\r\n\r\n }\r\n );\r\n let userObje = response.data.userDetails;\r\n if (userObje.role.includes('ADMIN')) {\r\n\r\n dispatch(setUserCompanyDevceType(userObj));\r\n }\r\n if (reLoad) {\r\n dispatch(getUsers());\r\n }\r\n toast.success(\"Successfully Added User \" + userObj.userName);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_ADD_FAILED,\r\n message: 'Adding User Failed',\r\n\r\n }\r\n )\r\n console.error(response.data.error);\r\n toast.error(\"Failed To Add User \" + userObj.userName + \": \" + response.data.errorInfo);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_ADD_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n console.error(error.message);\r\n toast.error(\"Error occurred when Adding User \" + userObj.userName + \": \" + error.message);\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function setUserCompanyDevceType(userObj) {\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY_DEVICETYPE}`,\r\n method: 'get',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n }).then(res => {\r\n if (res.status === 200) {\r\n if (res.data && Array.isArray(res.data)) {\r\n\r\n let devicetypeidList = res.data.map((item, index) => (item.devicetypeid));\r\n\r\n let devicetypeMapObj = {\r\n userId: userName,\r\n devicetypeid: devicetypeidList,\r\n };\r\n dispatch(upsertUserDevicetypeList(devicetypeMapObj));\r\n }\r\n } else {\r\n toast.error(res.data);\r\n }\r\n\r\n }).catch(err => {\r\n console.log(err)\r\n toast.error(err.message);\r\n })\r\n}\r\n\r\nexport function getUserCompanyDeviceTypes() {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY_DEVICETYPE}`,\r\n criteria: null,\r\n logText: 'Get user company device type url ',\r\n sccessType: USER_GET_COMPANY_DEVICE_TYPES_SUCCESS,\r\n failedType: USER_GET_COMPANY_DEVICE_TYPES_FAILED,\r\n errorMessage: 'Failed to get company device.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getUserCompanyAssetClass() {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY_ASSETCLASS}`,\r\n criteria: null,\r\n logText: 'Get user asset class type url ',\r\n sccessType: USER_GET_COMPANY_ASSET_CLASS_SUCCESS,\r\n failedType: USER_GET_COMPANY_ASSET_CLASS_FAILED,\r\n errorMessage: 'Failed to get asset class.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getPageContent(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_GET_CONTENT}`,\r\n criteria: obj,\r\n logText: 'Getting page content',\r\n sccessType: USER_GET_PAGE_CONTENT_SUCCESS,\r\n failedType: USER_GET_PAGE_CONTENT_FAILED,\r\n errorMessage: 'Failed to get page content.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function modifyNvrPassword(nvrSyncPwObj, callBack = null) {\r\n if (!nvrSyncPwObj || nvrSyncPwObj === null) {\r\n return dispatch => {\r\n dispatch({\r\n type: MODIFY_NVR_PASSWORD_FAIL,\r\n message: 'Missing input parameters'\r\n })\r\n }\r\n }\r\n nvrSyncPwObj.currentPass = sessionStorage.getItem(\"user_current_password\");\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_MODIFY_NVR_PASSWORD}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n data: nvrSyncPwObj\r\n // data: nvrSyncPwObj,\r\n });\r\n\r\n // const request = axios.post(urlStr,)\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.success) {\r\n sessionStorage.setItem('password', nvrSyncPwObj.newPass)\r\n sessionStorage.setItem('user_current_password', nvrSyncPwObj.newPass)\r\n } else {\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n dispatch({\r\n type: MODIFY_NVR_PASSWORD_FAIL,\r\n message: error.message,\r\n })\r\n })\r\n\r\n })\r\n}\r\n\r\nexport function updateUser(userObj, reLoad = false, isCurrent = false, callBack = null) {\r\n if (!userObj || userObj === null) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_UPDATE_FAILED,\r\n message: 'user input is not valid'\r\n })\r\n }\r\n }\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_UPDATE}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: userObj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n // dispatch(\r\n // {\r\n // type: USER_UPDATE_SUCCESS,\r\n // payload: response.data.userDetails,\r\n // }\r\n // );\r\n if (response.status == 200 && isCurrent) {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_SUCCESS,\r\n payload: response.data.userDetails,\r\n }\r\n );\r\n }\r\n if (response.status == 200 && reLoad) {\r\n dispatch(getUsers());\r\n }\r\n if (response.status == 200 && isCurrent && callBack) {\r\n callBack(response.data.userDetails);\r\n }\r\n toast.success(\"Successfully Updated User \" + userObj.userName);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_FAILED,\r\n message: 'Updating User Failed',\r\n }\r\n )\r\n console.error(response.data.error);\r\n toast.error(\"Failed To Update User \" + userObj.userName);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n console.error(error.message);\r\n toast.error(\"Error occurred when Updating User \" + userObj.userName);\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function removeUser(userid, reLoad = false) {\r\n if (!userid || userid.length === 0) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_REMOVE_FAILED,\r\n message: 'user id is empty'\r\n })\r\n }\r\n }\r\n\r\n // const params = `?userid=${uerid}`;\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_REMOVE}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'text/plain'\r\n },\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n // data: userObj,\r\n data: userid\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_REMOVE_SUCCESS,\r\n payload: response.data.userDetails,\r\n }\r\n );\r\n if (response.status == 200 && reLoad) {\r\n dispatch(getUsers());\r\n }\r\n toast.success(\"Successfully Removed User \" + userid);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_REMOVE_FAILED,\r\n message: 'Removing User Failed',\r\n }\r\n )\r\n console.error(response.data.error);\r\n toast.error(\"Failed to remove User \" + userid);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_REMOVE_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n console.error(error.message);\r\n toast.error(\"Error occurred when removing User \" + userid);\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function getUserAssetclassList(userid) {\r\n if (!userid || userid.length === 0) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_CHECK_ASSETCLASS_LIST_FAILED,\r\n message: 'user id is empty'\r\n })\r\n }\r\n }\r\n\r\n // const params = `?userID =${userid}`;\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_CHECK_ASSETCLASS_LIST}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'text/plain'\r\n },\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: userid,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_CHECK_ASSETCLASS_LIST_SUCCESS,\r\n payload: response.data.classMap,\r\n }\r\n );\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_CHECK_ASSETCLASS_LIST_FAILED,\r\n message: 'Fetching User Assetclass List Failed',\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_CHECK_ASSETCLASS_LIST_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function upsertUserAssetclassList(assetMapObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_ADD_ASSETCLASS_LIST}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: assetMapObj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_ADD_ASSETCLASS_LIST_SUCCESS,\r\n payload: response.data.classMap,\r\n }\r\n );\r\n dispatch(getUserAssetclassList(assetMapObj.userId));\r\n toast.success(\"Successfully Updated the asset classes access for the user \" + assetMapObj.userId);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_ADD_ASSETCLASS_LIST_FAILED,\r\n message: 'Updating User Asset classes access setting Failed',\r\n }\r\n );\r\n toast.error(\"Failed to Update the asset classes access for the user \" + assetMapObj.userId);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_ADD_ASSETCLASS_LIST_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n toast.error(\"Error occurred when updating the asset classes access for the user \" + assetMapObj.userId);\r\n }\r\n )\r\n }\r\n );\r\n\r\n}\r\n\r\n// ------------------------------------------------------------------------------------------------------------------------\r\nexport function getUserDevicetypeList(userid) {\r\n if (!userid || userid.length === 0) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_CHECK_DEVICETYPE_LIST_FAILED,\r\n message: 'user id is empty'\r\n })\r\n }\r\n }\r\n\r\n // const params = `?userID =${userid}`;\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_CHECK_DEVICETYPE_LIST}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'text/plain'\r\n },\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: userid,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_CHECK_DEVICETYPE_LIST_SUCCESS,\r\n payload: response.data.devicetypesMap,\r\n }\r\n );\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_CHECK_DEVICETYPE_LIST_FAILED,\r\n message: 'Fetching User Devictype List Failed',\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_CHECK_DEVICETYPE_LIST_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\n// --------------------------------------------\r\nexport function upsertUserDevicetypeList(devicetypeMapObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_USER_ADD_DEVICETYPE_LIST}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: devicetypeMapObj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_ADD_DEVICETYPE_LIST_SUCCESS,\r\n payload: response.data.devicetypesMap,\r\n }\r\n );\r\n dispatch(getUserDevicetypeList(devicetypeMapObj.userId));\r\n toast.success(\"Successfully Updated the Device Type access for the user \" + devicetypeMapObj.userId);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_ADD_DEVICETYPE_LIST_FAILED,\r\n message: 'Adding/Updating User Device Types access Failed',\r\n }\r\n );\r\n toast.error(\"Failed to Update the Device Type access for the user \" + devicetypeMapObj.userId);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_ADD_DEVICETYPE_LIST_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n toast.error(\"Error occurred when updating the assetclas list assigned to the user \" + devicetypeMapObj.userId);\r\n }\r\n )\r\n }\r\n );\r\n\r\n}\r\n\r\nexport function getCompanyList() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY}`;\r\n // const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}`;\r\n\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.status === 200) {\r\n dispatch(\r\n {\r\n type: USER_GET_COMPANY_LIST_SUCCESS,\r\n payload: response.data,\r\n }\r\n );\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_GET_COMPANT_LIST_FAILED,\r\n message: 'Getting compang list Failed',\r\n }\r\n );\r\n console.error('Getting company list Failed');\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_GET_COMPANT_LIST_FAILED,\r\n message: error.message,\r\n }\r\n );\r\n console.error(error.message);\r\n }\r\n )\r\n }\r\n );\r\n\r\n}\r\nexport function getAllResellers(requestObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_RESELLER}`;\r\n let paramObj = {\r\n url: urlStr,\r\n criteria: requestObj,\r\n logText: 'Get all reseller Url ',\r\n sccessType: USER_GET_ALL_RESELLER_SUCCESS,\r\n failedType: USER_GET_ALL_RESELLER_FAILED,\r\n errorMessage: 'Failed to get all reseller.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\n//todo test !!!!!!!!!!!!!!!\r\nexport function getResellersTree(requestObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_RESELLER_TREE}`;\r\n let paramObj = {\r\n url: urlStr,\r\n criteria: requestObj,\r\n logText: 'Get all reseller Url ',\r\n\r\n errorMessage: 'Failed to get all reseller.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getDiscountList(filterObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_PROMOTE}`;\r\n let paramObj = {\r\n url: urlStr,\r\n criteria: filterObj,\r\n logText: 'Get all Discount Url ',\r\n sccessType: GET_PROMOTE_SUCCESS,\r\n failedType: GET_PROMOTE_FAILED,\r\n errorMessage: 'Failed to get all Discount.'\r\n };\r\n return (axiosGet(paramObj));\r\n}\r\nexport function setDiscount(filterObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_PROMOTE}`;\r\n let paramObj = {\r\n url: urlStr,\r\n criteria: filterObj,\r\n logText: 'Set Discount Url ',\r\n sccessType: SET_PROMOTE_SUCCESS,\r\n failedType: SET_PROMOTE_FAILED,\r\n errorMessage: 'Failed to set Discount.',\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function getAllCompanies() {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}`;\r\n let paramObj = {\r\n url: urlStr,\r\n criteria: null,\r\n logText: 'Get all company Url ',\r\n sccessType: USER_GET_ALL_COMPANIES_SUCCESS,\r\n failedType: USER_GET_ALL_COMPANIES_FAILED,\r\n errorMessage: 'Failed to get all company.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\nexport function getSpecialLine(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_SPECIAL_LINE}`;\r\n let paramObj = {\r\n url: url,\r\n criteria: filterObj,\r\n logText: 'Get all Special Lines Url ',\r\n sccessType: WEB_SERVICE_GET_SPECIAL_LINE_SUCCESS,\r\n failedType: WEB_SERVICE_GET_SPECIAL_LINE_FAILED,\r\n errorMessage: 'Failed to get special lines.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function SetSpecialLine(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_POST_SPECIAL_LINE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n toast.success(response.data);\r\n dispatch({\r\n type: RESELLER_SET_SPECIAL_LINE_SUCCEED,\r\n payload: response.data\r\n });\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_SPECIAL_LINE_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n\r\n this.getSpecialLine({ \"companyCode\": filterObj.companyCode, \"resellerCode\": filterObj.resellerCode })\r\n\r\n\r\n return response;\r\n })\r\n })\r\n}\r\nexport function DeleteSpecialLine(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_DELETE_SPECIAL_LINE}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n toast.success(response.data);\r\n dispatch({\r\n type: RESELLER_SET_SPECIAL_LINE_SUCCEED,\r\n payload: response.data\r\n });\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_SPECIAL_LINE_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n\r\n this.getSpecialLine({ \"companyCode\": filterObj.companyCode, \"resellerCode\": filterObj.resellerCode })\r\n\r\n\r\n return response;\r\n })\r\n })\r\n}\r\nexport function getServicePlanItem(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_SIM_SERVICE_PLAN}`;\r\n let paramObj = {\r\n url: url,\r\n criteria: filterObj,\r\n logText: 'Get all SIM service plan items Url ',\r\n sccessType: USER_GET_SIM_SERVICE_PLAN_SUCCESS,\r\n failedType: USER_GET_SIM_SERVICE_PLAN_FAILED,\r\n errorMessage: 'Failed to get all SIM service plan item.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function SetServicePlan(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SET_SERVICE_PLAN}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n toast.success(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_SUCCEED,\r\n payload: response.data\r\n });\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n return response;\r\n })\r\n )\r\n })\r\n}\r\n\r\nexport function DeleteServicePlan(filterObj) {\r\n const url = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_DELETE_SERVICE_PLAN}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: filterObj,\r\n });\r\n return (\r\n (dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n toast.success(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_SUCCEED,\r\n payload: response.data\r\n });\r\n\r\n }\r\n else {\r\n toast.error(response.data);\r\n dispatch({\r\n type: RESELLER_SET_ITEM_FAILED,\r\n payload: response.data\r\n });\r\n }\r\n\r\n return response;\r\n })\r\n )\r\n })\r\n}\r\n\r\nexport function getAllPlanItems() {\r\n const urlStr = `${ACCOUNT_ROOT}item?type=1`;\r\n let paramObj = {\r\n url: urlStr,\r\n criteria: null,\r\n logText: 'Get all plan items Url ',\r\n sccessType: USER_GET_PLAN_ITEMS_SUCCESS,\r\n failedType: USER_GET_PLAN_ITEMS_FAILED,\r\n errorMessage: 'Failed to get all plan item.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getOneCompanyByCode(code) {\r\n const criteria = { code: code }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}`,\r\n criteria: criteria,\r\n logText: 'Get One company Url ',\r\n sccessType: USER_GET_COMPANY_OBJ_SUCCESS,\r\n failedType: USER_GET_COMPANY_OBJ_FAILED,\r\n errorMessage: 'Failed to get One company.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\nexport function createReseller(resellerObj) {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_RESELLER}`;\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: resellerObj\r\n });\r\n return ((dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.status === 200) {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_RESELLER_OBJ_SUCCESS,\r\n message: response.data.message,\r\n }\r\n );\r\n\r\n if (response.data.message === \"success\") {\r\n\r\n toast.success(response.data.message);\r\n }\r\n else {\r\n toast.error(response.data.message);\r\n }\r\n\r\n dispatch(getAllResellers({ resellerCode: resellerObj.resellerCode }));\r\n\r\n\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_RESELLER_OBJ_FAILED,\r\n message: response.data.message,\r\n }\r\n );\r\n toast.error(response.data);\r\n }\r\n return response.data;\r\n }\r\n ))\r\n }\r\n );\r\n}\r\nexport function disableReseller(resellerObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_DISABLE_RESELLER}`,\r\n criteria: resellerObj,\r\n logText: 'disable Client ',\r\n errorMessage: 'Failed to disable Client .',\r\n successMessage: 'Successfully disable Client .',\r\n sccessType: USER_DISABLE_RESELLER_OBJ_SUCCESS,\r\n failedType: USER_DISABLE_RESELLER_OBJ_FAILED,\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function updateReseller(resellerObj) {\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_RESELLER}`;\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: resellerObj,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n}\r\n\r\n\r\nexport function updateCompany(companyObj) {\r\n companyObj = { ...companyObj, industryId: 1 }\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: companyObj,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_COMPANY_OBJ_SUCCESS,\r\n payload: response.data.company,\r\n }\r\n );\r\n // dispatch(getCompanyList());\r\n dispatch(getAllCompanies());\r\n toast.success(`Successfully ${companyObj.isnew ? 'added' : 'updated'} the company ${companyObj.companyName}`);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_COMPANY_OBJ_FAILED,\r\n message: response.data.errorInfo,\r\n }\r\n );\r\n // console.error(\"Add/Update Company :\" + response.data.errorInfo);\r\n toast.error(`Failed to ${companyObj.isnew ? 'Add' : 'Update'} the company ${companyObj.companyName} - ${response.data.errorInfo}`);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_UPDATE_COMPANY_OBJ_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n console.error(\"Add/Update Company :\" + error.message);\r\n toast.error(\"Error occurred when updating the the company \" + companyObj.companyName);\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function deleteCompany(companyObj) {\r\n\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n let queryStr = `?code=${companyObj.companyCode}`\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}${queryStr}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'delete',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n // data: companyObj,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: USER_DELETE_COMPANY_OBJ_SUCCESS,\r\n // payload: response.data.company,\r\n }\r\n );\r\n // dispatch(getCompanyList());\r\n // dispatch(updateCompanyDeviceList(companyObj.companyCode,[]));\r\n // dispatch(deleteCompanyAssociatedItems(companyObj));\r\n dispatch(getAllCompanies());\r\n toast.success(\"Successfully Delete the company \" + companyObj.companyName);\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_DELETE_COMPANY_OBJ_FAILED,\r\n message: 'Deleting User Company Failed',\r\n }\r\n );\r\n toast.error(\"Failed to Delete the company \" + companyObj.companyName);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_DELETE_COMPANY_OBJ_FAILED,\r\n message: error.message,\r\n }\r\n )\r\n console.error(error.message)\r\n toast.error(\"Error occurred when deleting the the company \" + companyObj.companyName);\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function getCountries() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n return (dispatch) => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n };\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COUNTRY}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: \"get\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n uTk: base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return (dispatch) => {\r\n request\r\n .then((response) => {\r\n let Countries = response.data;\r\n let reContryList = [];\r\n var reProvMap = new Map();\r\n if (response.data) {\r\n Object.entries(Countries).forEach(([key, value], index) => {\r\n reContryList.push({\r\n label: value.name,\r\n value: key,\r\n });\r\n reProvMap.set(key, value.provinces);\r\n });\r\n }\r\n\r\n dispatch({\r\n type: USER_GET_COUNTRY_LIST_SUCCESS,\r\n payload: reContryList,\r\n provinces: reProvMap\r\n });\r\n })\r\n .catch((error) => {\r\n console.log(error)\r\n dispatch({\r\n type: USER_GET_COUNTRY_LIST_SUCCESS,\r\n payload: [],\r\n provinces: new Map()\r\n });\r\n });\r\n };\r\n}\r\n\r\nexport function getProvinces(countyKey) {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n return (dispatch) => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n };\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COUNTRY}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: \"get\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n uTk: base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return (dispatch) => {\r\n return (\r\n request\r\n .then((response) => {\r\n let Countries = response.data;\r\n let reProvList = [];\r\n if (Countries) {\r\n let selectedCountry = Countries[countyKey];\r\n if (selectedCountry && selectedCountry.provinces) {\r\n selectedCountry.provinces.forEach((element, index) => {\r\n reProvList.push({\r\n label: element.name,\r\n value: element.abbrev,\r\n });\r\n });\r\n }\r\n }\r\n\r\n dispatch({\r\n type: USER_GET_PROVINCE_LIST_SUCCESS,\r\n payload: reProvList,\r\n });\r\n })\r\n .catch((error) => {\r\n dispatch({\r\n type: USER_GET_COUNTRY_LIST_SUCCESS,\r\n payload: [],\r\n });\r\n })\r\n )\r\n\r\n };\r\n}\r\n\r\n\r\nexport function getRoles() {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_ROLES}`,\r\n criteria: null,\r\n logText: 'Get Roles Url ',\r\n sccessType: USER_GET_ROLES_SUCCESS,\r\n failedType: USER_GET_ROLES_FAILED,\r\n errorMessage: 'Failed to get User Roles.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getAccounts(companyCode) {\r\n\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n url: `${ACCOUNT_ROOT}accountbycompany?id=${companyCode}`,\r\n criteria: null,\r\n logText: 'Get Accounts Url ',\r\n sccessType: USER_GET_ACCOUNT_LIST_SUCCESS,\r\n failedType: USER_GET_ACCOUNT_LIST_FAILED,\r\n errorMessage: 'Failed to get Accounts.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getCards(id) {\r\n\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n url: `${ACCOUNT_ROOT}card?id=` + id,\r\n criteria: null,\r\n logText: 'Get cards Url ',\r\n sccessType: GET_ACCOUNT_CARDS_SUCCESS,\r\n failedType: GET_ACCOUNT_CARDS_FAILED,\r\n errorMessage: 'Failed to get cards.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function createCard(cardObj, companyCode) {\r\n console.log(\"debug createCard cardObj \" + cardObj.accId)\r\n console.log(\"debug createCard companyCode \", companyCode)\r\n return dispatch => axios({\r\n url: `${ACCOUNT_ROOT}card`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'post',\r\n data: cardObj\r\n }).then(res => {\r\n if (res.status === 200) {\r\n dispatch(getCards(cardObj.accId));\r\n dispatch(getAccounts(companyCode));\r\n }\r\n\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n\r\n // const urlStr = 'http://192.168.2.58:8080/card';\r\n //\r\n //\r\n\r\n // const request = axios({\r\n // url: urlStr,\r\n // method: 'post',\r\n // // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n // data: cardObj,\r\n // });\r\n\r\n // return ( (dispatch) => {\r\n // request.then( (response) => {\r\n // if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE){\r\n // dispatch(\r\n // {\r\n // type: CARD_ADD_SUCCESS,\r\n // payload: response.data,\r\n\r\n // }\r\n // );\r\n // let cardObje = response.data;\r\n // if (reLoad) {\r\n // dispatch(getAccounts());\r\n // }\r\n\r\n // toast.success(\"Successfully Added credit card \" + cardObje.pan);\r\n // }else{\r\n // dispatch(\r\n // {\r\n // type: CARD_ADD_FAILED,\r\n // message: 'Adding Card Failed',\r\n\r\n // }\r\n // )\r\n\r\n\r\n // }\r\n\r\n // }\r\n // ).catch( (error) => {\r\n // dispatch(\r\n // {\r\n // type: CARD_ADD_FAILED,\r\n // message: error.message,\r\n\r\n // }\r\n // )\r\n // console.error(\"debug add card error: \" + error.message);\r\n // // toast.error(\"Error occurred when Adding card \" + userObj.pan + \": \" + error.message);\r\n // }\r\n // )\r\n // }\r\n // );\r\n}\r\n\r\nexport const addToAccounts = (payload) => dispatch => dispatch({ type: ACCOUNT_ADD_ACCOUNT, payload })\r\n\r\nexport function postAccount(data) {\r\n console.log(data)\r\n return dispatch => axios({\r\n url: `${ACCOUNT_ROOT}account`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n if (res.status === 200 && res.data && res.data.account) {\r\n dispatch(getAccounts(res.data.account.companyCode));\r\n }\r\n\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n}\r\n\r\nexport function deleteAccount(data) {\r\n\r\n return dispatch => axios({\r\n url: ACCOUNT_ROOT + 'account?id=' + data.id,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n // \"Access-Control-Allow-Origin\": \"*\",\r\n // 'Access-Control-Allow-Methods': 'OPTIONS,GET,PUT,POST,DELETE',\r\n // \"Access-Control-Allow-Headers\": \"X-Requested-With, Content-Type\",\r\n },\r\n method: 'DELETE',\r\n }).then(res => {\r\n if (res.status === 200) {\r\n dispatch(getAccounts(data.companyCode));\r\n\r\n toast.success('Successfully delete the account');\r\n } else {\r\n console.error('debug delete account error');\r\n toast.error('error occurred when delete the payment');\r\n }\r\n return res;\r\n }).catch(err => {\r\n console.error(err);\r\n toast.error('error occurred when delete the payment');\r\n return err.response;\r\n })\r\n}\r\n\r\nexport function postOrder(data) {\r\n console.log(\"debug postOrder \" + data)\r\n return dispatch => axios({\r\n // url: ACCOUNT_ROOT + 'order',\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_SERVICE}`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n if (res.status === 200) {\r\n // dispatch(getAccounts());\r\n }\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n}\r\n\r\n\r\n// WEB_SERVICE_CHANGE_COMPANY_DEVICETYPE,\r\n// WEB_SERVICE_CHANGE_COMPANY_ASSETCLASS,\r\nexport function updateCompanyDeviceList(companycode, companyDeviceListArr) {\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_CHANGE_COMPANY_DEVICETYPE}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: companyDeviceListArr,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'companycode': companycode,\r\n },\r\n\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n // dispatch(\r\n // {\r\n // type: USER_UPDATE_COMPANY_OBJ_SUCCESS,\r\n // payload: response.data.company,\r\n // }\r\n // );\r\n dispatch(getUserCompanyDeviceTypes());\r\n toast.success(\"Successfully Updated the company device list \");\r\n } else {\r\n // dispatch(\r\n // {\r\n // type: USER_UPDATE_COMPANY_OBJ_FAILED,\r\n // message: response.data.errorInfo,\r\n // }\r\n // );\r\n console.error(\"Add/Update Company : error \");\r\n toast.error(\"Failed to Update the company device list \");\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n // dispatch(\r\n // {\r\n // type: USER_UPDATE_COMPANY_OBJ_FAILED,\r\n // message: error.message,\r\n // }\r\n // )\r\n console.error(\"Add/Update Company :\" + error.message);\r\n toast.error(\"Error occurred when updating the the company device list \");\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function updateCompanyAssetClass(companycode, companyAssetClassArr) {\r\n\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_CHANGE_COMPANY_ASSETCLASS}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n data: companyAssetClassArr,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'companycode': companycode,\r\n },\r\n\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(getUserCompanyAssetClass());\r\n toast.success(\"Successfully Updated the company asset class \");\r\n } else {\r\n console.error(\"Add/Update Company asset class: error\");\r\n toast.error(\"Failed to Update the company asset class \");\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n console.error(\"Add/Update Company asset class:\" + error.message);\r\n toast.error(\"Error occurred when updating the the company asset class \");\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function deleteCompanyAssociatedItems(companyObj) {\r\n\r\n let queryStr = `?companycode=${companyObj.companyCode}`\r\n const urlStr = `${WEB_SERVICE_ROOT}${WEB_SERVICE_GET_COMPANY}${queryStr}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'delete',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n // data: companyObj,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n // 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(getUserCompanyDeviceTypes());\r\n toast.success(\"Successfully Delete the company associated items \" + companyObj.companyName);\r\n } else {\r\n toast.error(\"Failed to Delete the company \" + companyObj.companyName);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n console.error(error.message)\r\n toast.error(\"Error occurred when deleting the the company \" + companyObj.companyName);\r\n }\r\n )\r\n }\r\n );\r\n}\r\n\r\nexport function getCustomerPurchaseDevices(upcObj) {\r\n // const startType = paramObj.startType;\r\n\r\n // const {email, phone, subject, message} = val;\r\n // let title = 'IOT support-' + phone + ' - ' + subject;\r\n\r\n // const data = {\r\n // \"to\": SUPPORT_EMAIL,\r\n // \"content\": message,\r\n // \"subject\":title,\r\n // \"msgfrom\":email\r\n // }\r\n\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_ITEM}`,\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_DEVICE}${WEB_SERVICE_PAYMENT_UPC_DEVICE}`,\r\n //dataObject: templateObj,\r\n criteria: upcObj,\r\n logText: 'Get customer purchase devices ',\r\n errorMessage: 'Failed to get customer purchase devices.',\r\n successMessage: 'Successfully get customer purchase devices.',\r\n sccessType: COMPANY_GET_PAYMENT_ITEM_SUCCESS,\r\n failedType: COMPANY_GET_PAYMENT_ITEM_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n responseKeyGetter: (response) => (response.data.error),\r\n successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function generatePurchaseOrder(orderObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_GENERATE_PURCHASE_ORDER}`,\r\n criteria: orderObj,\r\n logText: 'Generate purchase order',\r\n errorMessage: 'Failed to generate purchase order',\r\n successMessage: 'Successfully generate purchase order',\r\n sccessType: GENERATE_PURCHASE_ORDER_SUCCESS,\r\n failedType: GENERATE_PURCHASE_ORDER_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())}, \r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n console.log\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function customerCheckout(orderObj, successCallback = null) {\r\n\r\n\r\n\r\n\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_CHECKOUT}`,\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_DEVICE}${WEB_SERVICE_PAYMENT_CHECHOUT_DEVICE}`,\r\n //dataObject: templateObj,\r\n criteria: orderObj,\r\n logText: 'Customer purchase checkout ',\r\n errorMessage: 'Failed to checkout.',\r\n successMessage: 'Successfully checkout.',\r\n sccessType: COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n failedType: COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n successCallback: successCallback,\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n responseKeyGetter: (response) => (response.data.error),\r\n successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function customerPayOrder(payObj) {\r\n\r\n log.debug('payObj', payObj);\r\n\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_PAY}`,\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_DEVICE}${WEB_SERVICE_PAYMENT_PAY_DEVICE}${payObj.id}`,\r\n //dataObject: templateObj,\r\n // criteria: payObj,\r\n logText: 'Customer pay order ',\r\n errorMessage: 'Failed to pay order.',\r\n successMessage: 'Successfully pay order.',\r\n // sccessType: COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n // failedType: COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // return (axiosGet(paramObj));\r\n}\r\n\r\nexport function customerReleaseOrder(payObj) {\r\n\r\n log.debug('payObj', payObj);\r\n\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_PAY}`,\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_DEVICE}${WEB_SERVICE_PAYMENT_RELEASE_DEVICE}${payObj.id}`,\r\n //dataObject: templateObj,\r\n // criteria: payObj,\r\n logText: 'Customer pay order ',\r\n errorMessage: 'Failed to pay order.',\r\n successMessage: 'Successfully pay order.',\r\n // sccessType: COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n // failedType: COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // return (axiosGet(paramObj));\r\n}\r\nexport function refundTransaction(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_REFUND_INVOICE}`,\r\n criteria: obj,\r\n logText: 'refund transaction ',\r\n errorMessage: 'Failed to refund transaction.',\r\n successMessage: 'Successfully refund transaction.',\r\n sccessType: COMPANY_TRANSACTION_REFUND_SUCCESS,\r\n failedType: COMPANY_TRANSACTION_REFUND_FAILED,\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\nexport function loadTransactionHistory(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_TRANSACTION_HISTORY}`,\r\n criteria: obj,\r\n logText: 'Get transaction history ',\r\n errorMessage: 'Failed to get transaction history.',\r\n successMessage: 'Successfully get transaction history.',\r\n sccessType: COMPANY_TRANSACTION_HISTORY_SUCCESS,\r\n failedType: COMPANY_TRANSACTION_HISTORY_FAILED,\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getCustomerPaymentHistory(accObj) {\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_HISTORY}`,\r\n // url: `http://192.168.161.9:8080/paymentNew/${WEB_SERVICE_PAYMENT_HISTORY}`,\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_HISTORY}`,\r\n //dataObject: templateObj,\r\n criteria: accObj,\r\n logText: 'Customer get payment history ',\r\n errorMessage: 'Failed to get payment history.',\r\n successMessage: 'Successfully get payment history.',\r\n sccessType: COMPANY_PAYMENT_HISTORY_SUCCESS,\r\n failedType: COMPANY_PAYMENT_HISTORY_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getCustomerInvoiceHistory(accObj) {\r\n\r\n\r\n let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_PAYMENT_ITEM}`,\r\n // url: `http://192.168.161.9:8080/paymentNew/${WEB_SERVICE_PAYMENT_INVOICE}`,\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_INVOICE_LIST}`, //dataObject: templateObj,\r\n criteria: accObj,\r\n logText: 'Customer get invoice history ',\r\n errorMessage: 'Failed to get invoice history.',\r\n successMessage: 'Successfully get invoice history.',\r\n sccessType: COMPANY_PAYMENT_INVOICE_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function clearCustomerInvoiceHistory() {\r\n return (dispatch => {\r\n dispatch({\r\n type: COMPANY_PAYMENT_INVOICE_CLEAR,\r\n })\r\n })\r\n}\r\n\r\nexport function getUsageReport(filterObj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_USAGE_REPORT}`,\r\n criteria: filterObj,\r\n errorMessage: 'Failed to grab usage report details.',\r\n successMessage: 'Successfully grabbed usage report details.',\r\n sccessType: COMPANY_PAYMENT_USAGE_REPORT_SUCCESS,\r\n failedType: COMPANY_PAYMENT_USAGE_REPORT_FAILED,\r\n }\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getCustomerInvoiceDetails(invId) {\r\n\r\n\r\n let paramObj = {\r\n // url: `http://192.168.161.9:8080/paymentNew/${WEB_SERVICE_PAYMENT_INVOICE_DETAILS}`,\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_INVOICE_DETAILS}`,\r\n //dataObject: templateObj,\r\n // criteria: {invId: invId},\r\n criteria: { objId: invId },\r\n logText: 'Customer get invoice details ',\r\n errorMessage: 'Failed to get invoice details.',\r\n successMessage: 'Successfully get invoice details.',\r\n sccessType: COMPANY_PAYMENT_INVOICE_DETAILS_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_DETAILS_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '100',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getGeneralLedgerCodesByCompanyCode(companyCode) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_GET_GL_CODES_BY_COMPANY}`,\r\n criteria: { companyCode },\r\n logText: `Fetching general ledger codes by company code ${companyCode}.`,\r\n errorMessage: `Failed to fetch general ledger codes.`,\r\n successMessage: `Successfully fetched general ledger codes.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODES_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function addGeneralLedgerCodeByCompanyCode(generalLedgerCodePayload) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_ADD_GL_CODE_BY_COMPANY}`,\r\n criteria: generalLedgerCodePayload,\r\n logText: `Adding general ledger code \"${generalLedgerCodePayload.code}\" for the ${generalLedgerCodePayload.companyCode} company.`,\r\n errorMessage: `Failed to add general ledger code.`,\r\n successMessage: `Successfully added general ledger code.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function modifyGeneralLedgerCodeByCompanyCode(generalLedgerCodePayload) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_MODIFY_GL_CODE_BY_COMPANY}`,\r\n criteria: generalLedgerCodePayload,\r\n logText: `Updating general ledger code with id \"${generalLedgerCodePayload.id}\" to \"${generalLedgerCodePayload.code}\" for the ${generalLedgerCodePayload.companyCode} company.`,\r\n errorMessage: `Failed to update general ledger code.`,\r\n successMessage: `Successfully updated general ledger code.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPut(paramObj));\r\n}\r\n\r\nexport function getGeneralLedgerCodesReasonsByCompanyCode(companyCode) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_GET_GL_CODE_REASONS_BY_COMPANY}`,\r\n criteria: { companyCode },\r\n logText: `Fetching general ledger code reasons by company code ${companyCode}.`,\r\n errorMessage: `Failed to fetch general ledger code reasons.`,\r\n successMessage: `Successfully fetched general ledger code reasons.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_GET_GENERAL_LEDGER_CODE_REASONS_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function addGeneralLedgerCodeReasonByCompanyCode(generalLedgerCodeReasonPayload) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_ADD_GL_CODE_REASON_BY_COMPANY}`,\r\n criteria: generalLedgerCodeReasonPayload,\r\n logText: `Adding general ledger code reason \"${generalLedgerCodeReasonPayload.reason}\" for the ${generalLedgerCodeReasonPayload.companyCode} company.`,\r\n errorMessage: `Failed to add general ledger code reason.`,\r\n successMessage: `Successfully added general ledger code reason.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_ADD_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function modifyGeneralLedgerCodeReasonByCompanyCode(generalLedgerCodeReasonPayload) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_MODIFY_GL_CODE_REASON_BY_COMPANY}`,\r\n criteria: generalLedgerCodeReasonPayload,\r\n logText: `Updating general ledger code reason \"${generalLedgerCodeReasonPayload.reasonCode}\" for the ${generalLedgerCodeReasonPayload.companyCode} company.`,\r\n errorMessage: `Failed to update general ledger code reason.`,\r\n successMessage: `Successfully updated general ledger code reason.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_MODIFY_GENERAL_LEDGER_CODE_REASON_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPut(paramObj));\r\n}\r\n\r\nexport function getAdjustmentsByInvoiceByCompanyCode(invoiceAdjustmentPayload) {\r\n\r\n const { invoiceId, companyCode } = invoiceAdjustmentPayload\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY}`,\r\n criteria: { invoiceId, companyCode },\r\n logText: `Saving adjustments for invoice \"${invoiceAdjustmentPayload.invoiceId}\" for the ${invoiceAdjustmentPayload.companyCode} company.`,\r\n errorMessage: `Failed to fetch adjustments for invoice.`,\r\n successMessage: `Successfully fetched adjustments for invoice.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_GET_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function updateCustomerInvoiceMiscellaneousDetailsJournal(invoiceMiscellaneousItemPayload) {\r\n\r\n let updateOp = invoiceMiscellaneousItemPayload.miscellaneous.id === 0 ? 'created' : 'updated'\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY}`,\r\n criteria: invoiceMiscellaneousItemPayload,\r\n logText: `Adding general ledger adjustment item with reason id \"${invoiceMiscellaneousItemPayload.miscellaneous.reasonId}\" for invoice with Id \"${invoiceMiscellaneousItemPayload.invoiceId}\".`,\r\n errorMessage: `Failed to update general ledger adjustment item.`,\r\n successMessage: `Successfully ${updateOp} general ledger adjustment item.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_ADD_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\n\r\nexport function cancelInvoiceMiscellaneousDetail(invoiceMiscellaneousItemPayload) {\r\n\r\n const { invoiceId, companyCode, miscellaneousInvoiceItemSelected } = invoiceMiscellaneousItemPayload\r\n const { id: miscellaneousInvoiceItemId } = miscellaneousInvoiceItemSelected\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY}`,\r\n criteria: { invoiceId, companyCode, miscellaneousInvoiceItemId },\r\n logText: `Canceling general ledger adjustment item with id \"${miscellaneousInvoiceItemId}\" for invoice with Id \"${invoiceId}\".`,\r\n errorMessage: `Failed to cancel general ledger adjustment item.`,\r\n successMessage: `Successfully canceled general ledger adjustment item.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_CANCEL_ADJUSTMENTS_BY_INVOICE_BY_COMPANY_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosDelete(paramObj));\r\n}\r\n\r\nexport function updateCustomerInvoiceWithAdjustments(invId) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_INVOICE_ADJUSTMENT}`,\r\n criteria: { objId: invId },\r\n logText: `Applying invoice adjustments for invoice with id \"${invId}\".`,\r\n errorMessage: `Failed to apply adjustments for invoice.`,\r\n successMessage: `Successfully applied adjustments for invoice.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_MAKE_ADJUSTMENT_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getCustomerInvoiceApprovalDetails(invId) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_INVOICE_WITH_APPROVAL_DETAILS}`,\r\n criteria: { objId: invId },\r\n logText: `Fetching details for invoice with id \"${invId}\".`,\r\n errorMessage: `Failed to fetch details for invoice.`,\r\n successMessage: `Successfully fetched details for invoice.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_APPROVAL_DETAILS_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function confirmCustomerInvoiceApproval(invId) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_INVOICE_CONFIRM_APPROVAL}`,\r\n criteria: { objId: invId },\r\n logText: `Confirming approval for invoice with id \"${invId}\".`,\r\n errorMessage: `Failed to confirm approval for invoice.`,\r\n successMessage: `Successfully confirmed approval for invoice.`,\r\n sccessType: COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_SUCCESS,\r\n failedType: COMPANY_PAYMENT_INVOICE_CONFIRM_APPROVAL_FAILED,\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: '200',\r\n };\r\n\r\n return (axiosPut(paramObj));\r\n}\r\n\r\nexport function payInvoice(param) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_PAY_INVOICE}`,\r\n\r\n criteria: param,\r\n logText: 'adjust invoice details ',\r\n errorMessage: 'Failed to adjust invoice details.',\r\n successMessage: 'Successfully adjust invoice details.',\r\n sccessType: COMPANY_PAYMENT_ADJUST_INVOICE_SUCCESS,\r\n failedType: COMPANY_PAYMENT_ADJUST_INVOICE_FAILED,\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function createCustomerAccount(monerisStr) {\r\n //\r\n let paramObj = {\r\n // url: `${WEB_SERVICE_ROOT}${WEB_SERVICE_PAYMENT_ITEM}`,\r\n // url: `http://192.168.161.9:8080/paymentNew/${WEB_SERVICE_PAYMENT_INVOICE}`,\r\n url: `https://waiviot.itsp-inc.com:8443/paymentNew/${WEB_SERVICE_PAYMENT_CARD_MGMT}`,\r\n //dataObject: templateObj,\r\n criteria: monerisStr,\r\n logText: 'Moneris Card Account Call back',\r\n errorMessage: 'Failed to create an account from moneris.',\r\n successMessage: 'Successfully created an account from moneris.',\r\n startType: COMPANY_MONERIS_ACCOUNT_START,\r\n sccessType: COMPANY_MONERIS_ACCOUNT_SUCCESS,\r\n failedType: COMPANY_MONERIS_ACCOUNT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n responseKeyGetter: (response) => (response.data.statusCode),\r\n successContent: 0,\r\n responseMsgGetter: (response) => (response.data.message),\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function setCurrentCompanycode(code) {\r\n\r\n return (dispatch => {\r\n dispatch({\r\n type: COMPANY_SET_CURRENT_COMPANY_CODE,\r\n payload: code\r\n });\r\n });\r\n}\r\n\r\nexport function getCustomerByCompanycode(companycode, callback = null) {\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_CUSTOMER_BY_COMPANY}`,\r\n criteria: { code: companycode },\r\n logText: 'Get Customer by company code Url ',\r\n sccessType: CUSTOMER_COMPANY_GET_SUCCESS,\r\n failedType: CUSTOMER_COMPANY_GET_FAILED,\r\n errorMessage: 'Failed to get Customer from company code.',\r\n callback: callback,\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getorderbycustomer(cusid, status = 'active', type = '1') {\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_GET_ORDERS}`,\r\n // criteria: {code: cusid, status: status, type: type},\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}`,\r\n criteria: { companycode: cusid, status: '1', type: type },\r\n logText: 'Get orders by customer Url ',\r\n sccessType: CUSTOMER_GET_ORDERS_SUCCESS,\r\n failedType: CUSTOMER_GET_ORDERS_FAILED,\r\n errorMessage: 'Failed to get orders from customer.',\r\n // callback: callback,\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function updateOrder(orderObj, successcallback = null, errorcallback = null) {\r\n // WEB_SERVICE_UPDATE_ORDER\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_UPDATE_ORDER}`,\r\n criteria: orderObj,\r\n logText: 'Update orders Url ',\r\n sccessType: CUSTOMER_UPDATE_ORDERS_SUCCESS,\r\n failedType: CUSTOMER_UPDATE_ORDERS_FAILED,\r\n errorMessage: 'Failed to update orders.',\r\n plantSuccessCallback: successcallback,\r\n plantErrorCallback: errorcallback,\r\n responseKeyGetter: (response) => (response.data.error),\r\n successContent: \"SUCCESS\",\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function updateService(orderId, orderObj, successcallback = null, errorcallback = null) {\r\n let paramObj = {\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_SERVICE}${orderId}`,\r\n criteria: orderObj,\r\n logText: 'Update orders Url ',\r\n sccessType: CUSTOMER_UPDATE_ORDERS_SUCCESS,\r\n failedType: CUSTOMER_UPDATE_ORDERS_FAILED,\r\n errorMessage: 'Failed to update orders.',\r\n plantSuccessCallback: successcallback,\r\n plantErrorCallback: errorcallback,\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n }\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function deleteService(orderId, successcallback = null, errorcallback = null) {\r\n let paramObj = {\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_SERVICE}${orderId}`,\r\n // criteria: orderObj,\r\n logText: 'Delete order Url ',\r\n // sccessType: CUSTOMER_UPDATE_ORDERS_SUCCESS,\r\n // failedType: CUSTOMER_UPDATE_ORDERS_FAILED,\r\n errorMessage: 'Failed to delete the order.',\r\n plantSuccessCallback: successcallback,\r\n plantErrorCallback: errorcallback,\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n }\r\n return (axiosDelete(paramObj));\r\n}\r\n\r\nexport function getAdjustmentByCompanycode(companycode, callback = null) {\r\n let paramObj = {\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER_ADJUSTMENT}`,\r\n criteria: { companycode: companycode },\r\n logText: 'Get Adjustment by company code Url ',\r\n sccessType: ORDER_ADJUSTMENT_GET_SUCCESS,\r\n failedType: ORDER_ADJUSTMENT_GET_FAILED,\r\n errorMessage: 'Failed to get Adjustment by company code.',\r\n callback: callback,\r\n }\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function clearAdjustment() {\r\n return ((dispatch) => {\r\n dispatch({\r\n type: ORDER_ADJUSTMENT_CLEAR,\r\n })\r\n })\r\n}\r\n\r\nexport function releaseOrder(orderid) {\r\n\r\n log.debug('payObj', orderid);\r\n\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_PAY}`,\r\n url: `${ACCOUNT_ROOT}${WEB_SERVICE_ORDER}${WEB_SERVICE_PAYMENT_DEVICE}${WEB_SERVICE_PAYMENT_RELEASE_DEVICE}${orderid}`,\r\n //dataObject: templateObj,\r\n // criteria: payObj,\r\n logText: 'Customer release order ',\r\n errorMessage: 'Failed to release order.',\r\n successMessage: 'Successfully release order.',\r\n // sccessType: COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n // failedType: COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getExportActivatedSimDashboardData(requestObj, callback = null) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_ACTIVATED_SIM_FOR_DOWNLOAD_BY_CVS}`,\r\n criteria: requestObj,\r\n logText: 'Get activated sim list ',\r\n\r\n errorMessage: 'Failed to get reseller extension from reseller id.',\r\n callback: callback,\r\n };\r\n\r\n return axiosPost(paramObj);\r\n}\r\n\r\nexport function getActivatedSimDashboard(requestObj, callback = null) {\r\n if (requestObj['page'] !== undefined && requestObj['page'] >= 0) {\r\n requestObj['page'] = requestObj['page'] - 1 < 0 ? 0 : requestObj['page'] - 1;\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_ACTIVATED_SIM}`,\r\n criteria: requestObj,\r\n logText: 'Get activated sim list ',\r\n startType: GET_ACTIVATED_SIM_DASHBOARD_START,\r\n sccessType: GET_ACTIVATED_SIM_DASHBOARD_SUCCESS,\r\n failedType: GET_ACTIVATED_SIM_DASHBOARD_FAILED,\r\n errorMessage: 'Failed to get reseller extension from reseller id.',\r\n callback: callback,\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\n/* export function getSimUsage(requestObj, callback = null){\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_SIM_USAGE}`,\r\n criteria: {resellerId: resellerId},\r\n logText: 'Get sim usage ',\r\n sccessType: GET_SIM_USAGE_SUCCESS,\r\n failedType: GET_SIM_USAGE_FAILED,\r\n errorMessage: 'Failed to get reseller extension from reseller id.',\r\n callback: callback,\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n */\r\nexport function getSimUsage(data) {\r\n console.log(\"debug postOrder \" + data)\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_SIM_USAGE}`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n\r\n if (res.status === 200) {\r\n // dispatch(getAccounts());\r\n }\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n}\r\nexport function getPlanUsage(data) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_PLAN_USAGE}`,\r\n criteria: data,\r\n logText: 'Get usage ',\r\n startType: GET_PLAN_USAGE_DATA_START,\r\n sccessType: GET_PLAN_USAGE_DATA_SUCCESS,\r\n failedType: GET_PLAN_USAGE_DATA_FAILED,\r\n errorMessage: 'Failed to get Usage',\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getIdentifierUsage(data) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_IDENTIFIER_USAGE}`,\r\n criteria: data,\r\n logText: 'Get identifier usage ',\r\n startType: GET_IDENTIFIER_USAGE_DATA_START,\r\n sccessType: GET_IDENTIFIER_USAGE_DATA_SUCCESS,\r\n failedType: GET_IDENTIFIER_USAGE_DATA_FAILED,\r\n errorMessage: 'Failed to get identifier Usage',\r\n\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\n//get total current month usage\r\nexport function getCurrentTotalUsage(data) {\r\n console.log(\"debug postOrder \" + data)\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_CURRENT_TOTAL_USAGE}`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n\r\n if (res.status === 200) {\r\n // dispatch(getAccounts());\r\n }\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n}\r\n\r\n//get usages for client\r\nexport function getClientUsage(data) {\r\n console.log(\"debug postOrder \" + data)\r\n return dispatch => axios({\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_CLIENT_USAGE_STATS}`,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n method: 'post',\r\n data: data\r\n }).then(res => {\r\n if (res.status === 200) {\r\n // dispatch(getAccounts());\r\n }\r\n return res;\r\n }).catch(err => {\r\n console.error(err)\r\n return err.response;\r\n })\r\n}\r\n\r\nexport function getUsageForReseller(requestObj, callback = null) {\r\n let paramObj = {\r\n // url: 'http://192.168.2.58:8080/account?id=1',\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_SIFOX_GET_USAGE_FOR_RESELLER}`,\r\n criteria: { resellerId: resellerId },\r\n logText: 'Get usage for reseller ',\r\n sccessType: GET_USAGE_FOR_RESELLER_SUCCESS,\r\n failedType: GET_USAGE_FOR_RESELLER_FAILED,\r\n errorMessage: 'Failed to get reseller extension from reseller id.',\r\n callback: callback,\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getClients(requestObj) {\r\n\r\n let companyCode = \"\";\r\n let resellerCode = \"\";\r\n let department = \"\";\r\n let businessUnit = \"\";\r\n\r\n if (sessionStorage.getItem('companyCode')) {\r\n companyCode = sessionStorage.getItem('companyCode') === \"null\" ? null : sessionStorage.getItem('companyCode');\r\n }\r\n if (sessionStorage.getItem('resellerCode')) {\r\n resellerCode = sessionStorage.getItem('resellerCode') == null ? \"\" : sessionStorage.getItem('resellerCode');\r\n }\r\n\r\n let obj = {\r\n companyCode: companyCode,\r\n resellerCode: resellerCode,\r\n department: department,\r\n businessUnit: businessUnit,\r\n };\r\n\r\n\r\n console.log('requestObj')\r\n\r\n if (requestObj) {\r\n obj = requestObj;\r\n }\r\n\r\n let urlStr = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_CLIENT_GET}`;\r\n\r\n\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n // params: {\r\n // token: sessionStorage.getItem('authToken'),\r\n // userName: criteria.userName || undefined\r\n // },\r\n data: obj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_CLIENT_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: CLIENT_GET_SUCCESS,\r\n payload: response.data.userDetails,\r\n\r\n }\r\n );\r\n } else {\r\n let message = 'Getting Clients Failed';\r\n console.error(message);\r\n dispatch(\r\n {\r\n type: CLIENT_GET_FAILED,\r\n message: message,\r\n\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n console.error(error.message);\r\n dispatch(\r\n {\r\n type: CLIENT_GET_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n }\r\n )\r\n }\r\n );\r\n\r\n\r\n}\r\n\r\nexport function getCarrierList(requestObj, callback = null) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_CARRIER}`,\r\n criteria: requestObj,\r\n logText: 'Get carrier',\r\n sccessType: GET_CARRIER_LIST_SUCCESS,\r\n failedType: GET_CARRIER_LIST_FAILED,\r\n errorMessage: 'Failed to get carrier.',\r\n callback: callback\r\n }\r\n return (axiosGet(paramObj));\r\n}\r\nexport function getResellerCode(companyCode) {\r\n let queryStr = \"\";\r\n if (companyCode != undefined && companyCode != null && companyCode != \"\") {\r\n queryStr = `?companyCode=${companyCode}`;\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_RESELLER_CODE}${queryStr}`,\r\n criteria: null,\r\n logText: 'Get Roles Url ',\r\n sccessType: GET_RESELLER_CODE_SUCCESS,\r\n failedType: GET_RESELLER_CODE_FAILED,\r\n errorMessage: 'Failed to get User Roles.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\n\r\nexport function getLobs(countryId) {\r\n let queryStr = \"\";\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_LOBS}${queryStr}`,\r\n criteria: { countryId: countryId },\r\n logText: 'Get Roles Url ',\r\n sccessType: \"GET_RESELLER_CODE_SUCCESS\",\r\n failedType: \"GET_RESELLER_CODE_FAILED\",\r\n errorMessage: 'Failed to get User Roles.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\n\r\nexport function getOperationCountries() {\r\n let queryStr = \"\";\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_OPERATIONCOUNTRY}${queryStr}`,\r\n criteria: null,\r\n logText: 'Get Roles Url ',\r\n sccessType: \"GET_RESELLER_CODE_SUCCESS\",\r\n failedType: \"GET_RESELLER_CODE_FAILED\",\r\n errorMessage: 'Failed to get User Roles.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getDepartments(countryId, lobId) {\r\n let queryStr = \"\";\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_DIVISIONS}${queryStr}`,\r\n criteria: { countryId: countryId, lobId: lobId },\r\n logText: 'Get Roles Url ',\r\n sccessType: \"GET_RESELLER_CODE_SUCCESS\",\r\n failedType: \"GET_RESELLER_CODE_FAILED\",\r\n errorMessage: 'Failed to get User Roles.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function updateConsumer(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_UPDATE_CONSUMER}`,\r\n criteria: obj,\r\n logText: 'Update Consumer entity ',\r\n sccessType: CONSUMER_UPDATE_SUCCESS,\r\n failedType: CONSUMER_UPDATE_FAILED,\r\n errorMessage: 'Failed to update consumer.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getConsumerPlanUsage(requestObj) {\r\n\r\n let urlStr = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_CONSUMER_GET_PLAN_USAGE}`;\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n\r\n data: requestObj,\r\n });\r\n\r\n return ((dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.status == 200) {\r\n dispatch(\r\n {\r\n type: CONSUMER_GET_PLAN_USAGE_SUCCESS,\r\n payload: response.data,\r\n\r\n }\r\n );\r\n } else {\r\n dispatch(\r\n {\r\n type: CONSUMER_GET_PLAN_USAGE_FAILED,\r\n payload: response.data\r\n\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n console.error(error.message);\r\n dispatch(\r\n {\r\n type: CONSUMER_GET_PLAN_USAGE_FAILED,\r\n payload: []\r\n }\r\n )\r\n }\r\n ))\r\n }\r\n );\r\n}\r\nexport function getConsumers(requestObj) {\r\n\r\n let companyCode = \"\";\r\n let resellerCode = \"\";\r\n let department = \"\";\r\n let businessUnit = \"\";\r\n\r\n if (sessionStorage.getItem('companyCode')) {\r\n companyCode = sessionStorage.getItem('companyCode') === \"null\" ? null : sessionStorage.getItem('companyCode');\r\n }\r\n if (sessionStorage.getItem('resellerCode')) {\r\n resellerCode = sessionStorage.getItem('resellerCode') == null ? \"\" : sessionStorage.getItem('resellerCode');\r\n }\r\n\r\n let obj = {\r\n companyCode: companyCode,\r\n resellerCode: resellerCode,\r\n department: department,\r\n businessUnit: businessUnit,\r\n };\r\n\r\n if (requestObj) {\r\n obj = requestObj;\r\n }\r\n\r\n let urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_CONSUMER_GET}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n },\r\n\r\n data: obj,\r\n });\r\n\r\n return ((dispatch) => {\r\n return (\r\n request.then((response) => {\r\n if (response.data.error === 'Success') {\r\n dispatch(\r\n {\r\n type: CONSUMER_GET_SUCCESS,\r\n payload: response.data.userDetails,\r\n\r\n }\r\n );\r\n } else {\r\n let message = 'Getting Clients Failed';\r\n console.error(message);\r\n dispatch(\r\n {\r\n type: CONSUMER_GET_FAILED,\r\n message: message,\r\n\r\n }\r\n )\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n console.error(error.message);\r\n dispatch(\r\n {\r\n type: CONSUMER_GET_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n }\r\n ))\r\n }\r\n );\r\n}\r\n\r\nexport function addConsumer(userObj, reLoad = false, reLoadType) {\r\n if (!userObj || userObj === null) {\r\n return dispatch => {\r\n dispatch({\r\n type: CONSUMER_ADD_FAILED,\r\n message: 'user input is not valid'\r\n })\r\n }\r\n }\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_CONSUMER_ADD}`;\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'post',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n data: userObj,\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.data.error === WEB_SERVICE_USER_SUCCESS_CODE) {\r\n dispatch(\r\n {\r\n type: CONSUMER_ADD_SUCCESS,\r\n payload: response.data.userDetails,\r\n\r\n }\r\n );\r\n let userObje = response.data.userDetails;\r\n if (userObje.role.includes('ADMIN')) {\r\n\r\n dispatch(setUserCompanyDevceType(userObj));\r\n }\r\n if (reLoad) {\r\n if (reLoadType == \"consumer\") {\r\n dispatch(getConsumers(\r\n {\r\n companyCode: userObj.companyCode,\r\n resellerCode: userObj.resellerCode,\r\n currentUser: userObj.currentUser,\r\n Roles: userObj.role\r\n }\r\n ));\r\n }\r\n else if (reLoadType == \"nonclient\") {\r\n dispatch(getNonClients());\r\n }\r\n else {\r\n\r\n dispatch(getUsers());\r\n }\r\n\r\n }\r\n toast.success(\"Successfully Added User \" + userObj.userName);\r\n } else {\r\n dispatch(\r\n {\r\n type: CONSUMER_ADD_FAILED,\r\n message: 'Adding User Failed',\r\n\r\n }\r\n )\r\n console.error(response.data.error);\r\n toast.error(\"Failed To Add User \" + userObj.userName + \": \" + response.data.errorInfo);\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: CONSUMER_ADD_FAILED,\r\n message: error.message,\r\n\r\n }\r\n )\r\n console.error(error.message);\r\n toast.error(\"Error occurred when Adding User \" + userObj.userName + \": \" + error.message);\r\n }\r\n )\r\n }\r\n );\r\n}\r\nexport function getCarriers() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n const urlStr = `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}${WEB_SERVICE_GET_CARRIER_LIST}?companyCode=${companyCode}`;\r\n // const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}`;\r\n\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.status === 200) {\r\n dispatch(\r\n {\r\n type: USER_GET_CARRIER_LIST_SUCCESS,\r\n payload: response.data.carriers,\r\n }\r\n );\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_GET_CARRIER_LIST_FAILED,\r\n message: 'Getting carrier list Failed',\r\n }\r\n );\r\n console.error('Getting carrier list Failed');\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_GET_CARRIER_LIST_FAILED,\r\n message: error.message,\r\n }\r\n );\r\n console.error(error.message);\r\n }\r\n )\r\n }\r\n );\r\n\r\n}\r\n\r\n//get all resellers\r\nexport function getResellerList() {\r\n let userObj = getCurrentUser();\r\n if (userObj === null || userObj.userName.length === 0) {\r\n\r\n\r\n return dispatch => {\r\n dispatch({\r\n type: USER_GET_FAILED,\r\n error: \"Failed to get current user, Please re-login\",\r\n message: \"Failed to get current user, Please re-login\",\r\n });\r\n }\r\n }\r\n\r\n let { userName, companyCode, role } = userObj;\r\n let userTokenObj = { userName, companyCode, role };\r\n\r\n const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_RESELLER}`;\r\n // const urlStr = `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_COMPANY}`;\r\n\r\n\r\n\r\n const request = axios({\r\n url: urlStr,\r\n method: 'get',\r\n // httpsAgent: new https.Agent({ rejectUnauthorized: false }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'uTk': base64Encode(JSON.stringify(userTokenObj)),\r\n },\r\n });\r\n\r\n return ((dispatch) => {\r\n request.then((response) => {\r\n if (response.status === 200) {\r\n dispatch(\r\n {\r\n type: USER_GET_RESELLER_LIST_SUCCESS,\r\n payload: response.data,\r\n }\r\n );\r\n } else {\r\n dispatch(\r\n {\r\n type: USER_GET_RESELLER_LIST_FAILED,\r\n message: 'Getting company list Failed',\r\n }\r\n );\r\n console.error('Getting company list Failed');\r\n }\r\n\r\n }\r\n ).catch((error) => {\r\n dispatch(\r\n {\r\n type: USER_GET_RESELLER_LIST_FAILED,\r\n message: error.message,\r\n }\r\n );\r\n console.error(error.message);\r\n }\r\n )\r\n }\r\n );\r\n\r\n}\r\n\r\nexport function getBrandingDetails(companyCode) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_BRANDING}`,\r\n criteria: { companyCode: companyCode },\r\n logText: 'Get Branding Url ',\r\n sccessType: COMPANY_GET_BRANDING_SUCCESS,\r\n failedType: COMPANY_GET_BRANDING_FAILED,\r\n errorMessage: 'Failed to get Branding.'\r\n };\r\n return (axiosGet(paramObj));\r\n}\r\nexport function setBrandingDetails(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_SET_BRANDING}`,\r\n criteria: obj,\r\n logText: 'Get Branding Url ',\r\n sccessType: COMPANY_GET_BRANDING_SUCCESS,\r\n failedType: COMPANY_GET_BRANDING_FAILED,\r\n errorMessage: 'Failed to get Branding.'\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getAccountsByEntity(companyCode, resellerId, customerId) {\r\n let queryStr = \"\";\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_SIFOX_ORDER_CLIENT_GET_ACCOUNT_BY_ENTITY}`,\r\n criteria: { companyCode: companyCode, resellerId: resellerId, customerId: customerId },\r\n logText: 'Get accounts Url ',\r\n sccessType: USER_GET_ACCOUNT_LIST_SUCCESS,\r\n failedType: USER_GET_ACCOUNT_LIST_FAILED,\r\n errorMessage: 'Failed to get Accounts.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function clientCheckout(orderObj, successCallback = null) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_SIFOX_ORDER_CLIENT_CHECKOUT}`,\r\n criteria: orderObj,\r\n logText: 'client purchase checkout ',\r\n errorMessage: 'Failed to checkout.',\r\n successMessage: 'Successfully checkout.',\r\n sccessType: CLIENT_PAYMENT_CHECKOUT_SUCCESS,\r\n failedType: CLIENT_PAYMENT_CHECKOUT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n successCallback: successCallback,\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n responseKeyGetter: (response) => (response.data.error),\r\n successContent: \"SUCCESS\",\r\n };\r\n return (axiosPost(paramObj));\r\n}\r\n\r\n\r\n\r\nexport function clientPurchaseOrder(payObj) {\r\n\r\n let paramObj = {\r\n // url: `${ACCOUNT_ROOT}${WEB_SERVICE_PAYMENT_PAY}`,\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENT_INVOICE_GENERATE}`,\r\n //dataObject: templateObj,\r\n criteria: payObj,\r\n logText: 'Client purchase order ',\r\n errorMessage: 'Failed to purchase order.',\r\n successMessage: 'Successfully purchase order.',\r\n // sccessType: COMPANY_PAYMENT_CHECKOUT_SUCCESS,\r\n // failedType: COMPANY_PAYMENT_CHECKOUT_FAILED,\r\n // successCallback: () => { return(getNotificationTemplate())},\r\n // errorCallback: (msg) => {toast.error(msg)}\r\n // responseKeyGetter: (response) => (response.data.error),\r\n // successContent: \"SUCCESS\",\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n // return (axiosGet(paramObj));\r\n}\r\n\r\nexport function getAddress(obj) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_PAYMENT_ORDER_GET_ADDRESS}`,\r\n criteria: obj,\r\n logText: 'Get addresses Url ',\r\n sccessType: PAYMENT_ORDER_GET_ADDRESS_SUCCESS,\r\n failedType: PAYMENT_ORDER_GET_ADDRESS_FAILED,\r\n errorMessage: 'Failed to Get Address list.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function setAddress(obj) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_PAYMENT_ORDER_SET_ADDRESS}`,\r\n criteria: obj,\r\n logText: 'Set addresses Url ',\r\n sccessType: PAYMENT_ORDER_SET_ADDRESS_SUCCESS,\r\n failedType: PAYMENT_ORDER_SET_ADDRESS_FAILED,\r\n errorMessage: 'Failed to set address.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getPaymentAccounts(resellerId) {\r\n let queryStr = \"\";\r\n if (resellerId != undefined && resellerId != null && resellerId != \"\") {\r\n queryStr = `?clientId=${resellerId}`;\r\n }\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENTNEW_PAYMENT_ACCOUNTS}${queryStr}`,\r\n criteria: null,\r\n logText: 'Get Payment Accounts ',\r\n sccessType: USER_GET_PAYMENT_ACCOUNT_LIST_SUCCESS,\r\n failedType: USER_GET_PAYMENT_ACCOUNT_LIST_FAILED,\r\n errorMessage: 'Failed to get Payment Accounts.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function updatePaymentMethod(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENTNEW_UPDATE_ACCOUNT}`,\r\n criteria: obj,\r\n logText: 'Updating Payment Accounts ',\r\n sccessType: USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS,\r\n failedType: USER_UPDATE_PAYMENT_ACCOUNT_FAILED,\r\n errorMessage: 'Failed to update Payment Accounts.'\r\n }\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function setDefaultPaymentMethod(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_PAYMENTNEW_DEFAULT_PAYMENT}`,\r\n criteria: obj,\r\n logText: 'Set Payment Account ',\r\n sccessType: USER_UPDATE_PAYMENT_ACCOUNT_SUCCESS,\r\n failedType: USER_UPDATE_PAYMENT_ACCOUNT_FAILED,\r\n errorMessage: 'Failed to set default payment method.'\r\n }\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getBusinessUnits(method, obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_BUSINESS_UNIT}${method}`,\r\n criteria: obj,\r\n logText: 'Get Client Business Units',\r\n sccessType: CLIENT_GET_BUSINESS_UNITS_SUCCESS,\r\n failedType: CLIENT_GET_BUSINESS_UNITS_FAILED,\r\n errorMessage: 'Failed to get Business Units.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function updateBusinessUnits(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_UPDATE_BUSINESS_UNIT}`,\r\n criteria: obj,\r\n logText: 'Update Client Business Units',\r\n sccessType: CLIENT_GET_BUSINESS_UNITS_SUCCESS,\r\n failedType: CLIENT_GET_BUSINESS_UNITS_FAILED,\r\n errorMessage: 'Failed to update Business Units.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\nexport function UpdateBusinessUnitRelations(obj) {\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_UPDATE_BUSINESS_UNIT_RELATION}`,\r\n criteria: obj,\r\n logText: 'Update Client Business Unit Relation',\r\n sccessType: CLIENT_GET_BUSINESS_UNIT_RELATION_SUCCESS,\r\n failedType: CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED,\r\n errorMessage: 'Failed to update Business Unit Relation.'\r\n };\r\n\r\n return (axiosPost(paramObj));\r\n}\r\n\r\nexport function getTotalUsage(companyCode, resellerId, startDate, endDate) {\r\n\r\n let paramObj = {\r\n url: `${WEB_SERVICE_TELELCOM_BACKEND_ROOT}usage/${companyCode}` + (resellerId != null && resellerId != '' ? `/resellerCode/${resellerId}` : '') + `?startDate=${startDate}&endDate=${endDate}`,\r\n criteria: null,\r\n logText: 'getTotalUsage ',\r\n startType: GET_TOTAL_USAGE_START,\r\n sccessType: GET_TOTAL_USAGE_SUCCESS,\r\n failedType: GET_TOTAL_USAGE_FAILE,\r\n errorMessage: 'Failed to getTotalUsage.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}\r\n\r\nexport function ClearBusinessUnitRelations() {\r\n return ((dispatch) =>\r\n dispatch(\r\n {\r\n type: CLIENT_GET_BUSINESS_UNIT_RELATION_FAILED,\r\n }\r\n ))\r\n}\r\n\r\nexport function ClearClientUserInformation() {\r\n return ((dispatch) =>\r\n dispatch(\r\n {\r\n type: CLEAR_CLIENT_DATA,\r\n }\r\n ))\r\n}\r\n\r\nexport function EmailPurchaseOrder(orderObj) {\r\n const url = `${WEB_SERVICE_PAYMENT_ORDER_ROOT}${WEB_SERVICE_EMAIL_PURCHASE_ORDER}`;\r\n const request = axios({\r\n url: url,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n data: orderObj,\r\n });\r\n\r\n\r\n return (\r\n (dispatch) => {\r\n request.then((response) => {\r\n if (response.status == 200 && response.data) {\r\n if (response.data.statusDetail.includes(\"Succeed\")) {\r\n dispatch({\r\n type: EMAIL_PURCHASE_ORDER_SUCCESS,\r\n payload: response.data.statusDetail\r\n });\r\n toast.success(\"Your order has been sent\");\r\n }\r\n else {\r\n toast.error(\"Failed to send order\");\r\n }\r\n\r\n }\r\n else {\r\n toast.error(response.data.statusDetail);\r\n dispatch({\r\n type: EMAIL_PURCHASE_ORDER_FAILED,\r\n payload: response.data.statusDetail\r\n });\r\n }\r\n return response;\r\n })\r\n })\r\n}\r\n\r\nexport function GetUserActivityTracking(orderObj){\r\n let paramObj = {\r\n url: `${WEB_SERVICE_USER_ROOT}${WEB_SERVICE_GET_USER_ACTIVITY_TRACKING}`,\r\n criteria: orderObj,\r\n sccessType: GET_USER_ACTIVITY_TRACKING_SUCCEED,\r\n failedType: GET_USER_ACTIVITY_TRACKING_FAILED,\r\n errorMessage: 'Failed to tracking.'\r\n };\r\n\r\n return (axiosGet(paramObj));\r\n}","/* eslint-disable */\r\nimport React, { Component, Fragment, useState, useEffect } from 'react';\r\nimport { CustomInput, Input, Form, FormGroup, Label, Row, Col, Card, CardBody } from 'reactstrap';\r\n\r\nconst TimerSlider = ({propConfig, updateConfig, appname, ...res}) => {\r\n let [config, setConfig] = useState(propConfig);\r\n useEffect(()=>{setConfig(propConfig);},[propConfig]);\r\n // let [config, setConfig] = useState({});\r\n // setConfig(propConfig);\r\n // \r\n // \r\n const defaultLabel = 'Timer';\r\n const defaultValue = '0';\r\n // console.log(\"===OBJ===\", config);\r\n // console.log(\"===OBJ===\", config.itemname);\r\n // let id = config.id;\r\n // if(id == 12) {\r\n // config.unit = 'km/h';\r\n // config.displayname = 'wind high threshold(km/h)';\r\n // }\r\n \r\n let unit = 1; \r\n let unitLabel = 'second(s)';\r\n switch(config.unit){\r\n case 'h':\r\n unit = 3600;\r\n unitLabel = 'hour(s)';\r\n break;\r\n case 'm':\r\n unit = 60;\r\n unitLabel = 'minute(s)';\r\n break;\r\n case 'q':\r\n unit = 60 * 15;\r\n unitLabel = 'x 15 minutes';\r\n break;\r\n case 'd':\r\n unit = 60 * 10;\r\n unitLabel = 'x 10 minutes';\r\n break;\r\n case 'm/s':\r\n unit = 1;\r\n unitLabel = 'km/h';\r\n break;\r\n // case 's':\r\n // unit = 1;\r\n // unitLabel = 'seconds(s)';\r\n default:\r\n unit = 1;\r\n unitLabel = config.unit;\r\n // break;\r\n \r\n }\r\n const battery_box = [\r\n {alarm: 'LOW', color: 'red'},\r\n {alarm: 'MEDIUM', color: 'orange'},\r\n {alarm: 'HIGH', color: 'green'},\r\n ];\r\n\r\n const alarm_box = [ \r\n {alarm: 'RED', color: 'red'},\r\n {alarm: 'ORANGE', color: 'orange'},\r\n {alarm: 'YELLOW', color: 'yellow'},\r\n ];\r\n const renderRangeValue = (value, unitLabel) => {\r\n // let id = config.id; \r\n // if(id) {\r\n // if(id == 12) {\r\n // value = Math.round(value * 3.6);\r\n // }\r\n // }\r\n if (unitLabel === 'rgb') {\r\n const alarmList = alarm_box.slice(0, alarm_box.length-value);\r\n // return RED\r\n return \r\n {this.renderContact()}\r\n {/* {this.renderTimePeriod()} */}\r\n {this.renderEmailNotification()}\r\n
\r\n
\r\n \r\n Save\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \r\n {\r\n this.handleRowEditClick(row);\r\n }}\r\n />{\" \"}\r\n {/* {this.handleRowDeleteClick(row);}}\r\n msg={`Do you want to delete the select Contact ${row.name} ?`}\r\n /> */}\r\n \r\n
\r\n );\r\n };\r\n\r\n // handleAddNewButtonClick = (onClick) => {\r\n // let templateObj = {\r\n // \"id\": 0,\r\n // \"contactid\": '',\r\n // \"destination\": '', //String\r\n // \"title\": '',//String\r\n // \"content\": '',//String\r\n\r\n // \"weekday\": '', //String not use\r\n // \"starttime\": '00:00:00',//Time not use\r\n // \"endtime\": '00:00:00',//Time not use\r\n\r\n // \"owner\": '',//not changeable\r\n // \"companycode\": '',//not changeable\r\n // \"createdtime\": '' //not changeable\r\n // }\r\n // this.setState({templateObj}, () => {this.toggle();})\r\n // }\r\n\r\n // addNewUserButton = (onClick) => {\r\n // const check = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN']);\r\n // return (\r\n\r\n // \r\n {this.renderRule()}\r\n
\r\n {this.renderContact()}\r\n {/* {this.renderTimePeriod()} */}\r\n {this.renderEmailNotification()}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n { this.handleRowEditClick(row); }}/>{' '}\r\n {/* {this.handleRowDeleteClick(row);}}\r\n msg={`Do you want to delete the select Contact ${row.name} ?`}\r\n /> */}\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n // handleAddNewButtonClick = (onClick) => {\r\n // let templateObj = {\r\n // \"id\": 0, \r\n // \"contactid\": '',\r\n // \"destination\": '', //String \r\n // \"title\": '',//String\r\n // \"content\": '',//String\r\n \r\n // \"weekday\": '', //String not use\r\n // \"starttime\": '00:00:00',//Time not use\r\n // \"endtime\": '00:00:00',//Time not use\r\n \r\n // \"owner\": '',//not changeable\r\n // \"companycode\": '',//not changeable\r\n // \"createdtime\": '' //not changeable\r\n // }\r\n // this.setState({templateObj}, () => {this.toggle();}) \r\n // }\r\n\r\n // addNewUserButton = (onClick) => {\r\n // const check = this.props.userObj && hasRole(this.props.userObj, ['SUPERADMIN']);\r\n // return (\r\n \r\n // \r\n // \r\n // \r\n // \r\n // {this.renderTimmerSetting()}\r\n // \r\n // \r\n // {this.renderTemplateSetting()}\r\n // \r\n // \r\n //
\r\n // );\r\n // }\r\n // render(){\r\n // return(\r\n // \r\n // \r\n // \r\n // {this.renderTab()}\r\n // \r\n //
\r\n // );\r\n // }\r\n render(){\r\n let dataList = groupSetting(this.props.allConfig, this.props.notificationTemplateList);\r\n // return(\r\n // \r\n //
\r\n //\r\n // {this.renderTimmerSetting()}\r\n //
\r\n //
\r\n //\r\n // {this.renderTemplateSetting()}\r\n //
\r\n // {/*
\r\n //\r\n // {this.renderStationSetting()}\r\n //
*/}\r\n //
\r\n // );\r\n\r\n return(\r\n Parameters
\r\n //\r\n //
Lighting Message Template
\r\n //\r\n //
Station Alarm Set
\r\n //\r\n //
\r\n {dataList && dataList.map(item => (\r\n \r\n {/*
*/}\r\n {this.renderSettingGroup(item.groupKey, item.data.config, item.data.notification)}\r\n
\r\n ))}\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nfunction groupSetting(allConfigList, notificationList) {\r\n const reObj = []\r\n if (allConfigList && notificationList){\r\n \r\n \r\n let groupedConfigList = null\r\n let groupedNotificationList = null\r\n if (allConfigList) {\r\n groupedConfigList = groupBy(allConfigList, config => config.settinggroup);\r\n\r\n \r\n }\r\n if (notificationList) {\r\n groupedNotificationList = groupBy(notificationList, notification => notification.settinggroup);\r\n \r\n }\r\n\r\n if (groupedConfigList) {\r\n for (let [key, value] of groupedConfigList.entries()) {\r\n // \r\n let setObj = {\r\n groupKey: key,\r\n data: {\r\n notification: groupedNotificationList.get(key) ? groupedNotificationList.get(key) : [], \r\n config: value, //groupedConfigList.get(key),\r\n }\r\n };\r\n reObj.push(setObj);\r\n }\r\n let restNotification = notificationList.filter((notification) => (![...groupedConfigList.keys()].includes(notification.settinggroup)));\r\n // if (restNotification && restNotification.length > 0) {\r\n // let restObj = {\r\n // groupKey: 'Parameter',\r\n // data: {\r\n // notification: restNotification, \r\n // config: []\r\n // }\r\n // };\r\n // reObj.push(restObj);\r\n // }\r\n \r\n }else{\r\n // let setObj = {\r\n // groupKey: 'Parameter',\r\n // data: {\r\n // notification: notificationList, \r\n // config: []\r\n // }\r\n // };\r\n // reObj.push(setObj);\r\n }\r\n }\r\n \r\n return reObj;\r\n\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n let { allConfig } = state.weather;\r\n let { contactList, notificationTemplateList, actionList, actionRules } = state.job;\r\n return { allConfig, contactList, notificationTemplateList, actionList, actionRules };\r\n // return state.weather;\r\n}\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n getAllConfig,\r\n getConfigByAppName,\r\n updateConfig,\r\n getNotificationTemplate,\r\n upsertNotificationTemplate,\r\n upsertNotificationTemplateByAppname,\r\n getNotificationTemplateByAppname,\r\n // deleteNotificationTemplate,\r\n getContact, \r\n upsertContact, \r\n deleteContact,\r\n // getActions,\r\n // getActionRule,\r\n upsertActionRule\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SettingMainBoard);","/* eslint-disable */\r\nimport React from 'react';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\nimport SettingMainBoard from './components/SettingMainBoard';\r\nimport { getCurrentUser } from '../../factories/auth';\r\nimport {UserContext} from '../../constants/myContexts';\r\n\r\nconst SettingPage = (props) => {\r\n // let userObj = getCurrentUser();\r\n let {userObj} = React.useContext(UserContext);\r\n if (!userObj) {\r\n toast.error('Can not fetch login user information, Please re-login.');\r\n props.history.push('/log_out');\r\n } else {\r\n \r\n }\r\n \r\n\r\n return (\r\n {item.groupKey}
\r\n*/}\r\n {this.renderSettingGroup(item.groupKey, item.data.config, item.data.notification)}\r\n
Setting
\r\n */}\r\n\r\n
\r\n
\r\n );\r\n };\r\n \r\n export default EditContactModal;","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\nimport { SortIcon, SortAscendingIcon, SortDescendingIcon } from 'mdi-react';\r\n// import ReactResizeDetector from 'react-resize-detector';\r\nimport { Resizable, ResizableBox } from 'react-resizable';\r\nimport 'react-resizable/css/styles.css';\r\n\r\nexport const sortCaret = (direction, fieldName) => {\r\n if (direction === 'asc') {\r\n return (\r\n \r\n// Width:{width}, Height:{height}\r\n// {/*
\r\n// );\r\n \r\n// }","/* eslint-disable */\r\nimport React, { Component, Fragment } from \"react\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { toast } from \"react-toastify\";\r\nimport { BootstrapTable, TableHeaderColumn } from \"react-bootstrap-table\";\r\nimport \"react-bootstrap-table/dist/react-bootstrap-table.min.css\";\r\nimport {\r\n Col,\r\n Container,\r\n Row,\r\n Card,\r\n CardBody,\r\n Label,\r\n Input,\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Form,\r\n FormGroup,\r\n Collapse,\r\n} from \"reactstrap\";\r\nimport Switch from \"@material-ui/core/Switch\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n// import { SortIcon, SortAscendingIcon, SortDescendingIcon } from 'mdi-react';\r\n// import { Link } from 'react-router';\r\nimport FileInputModal from \"./FileInputModal\";\r\nimport ConfirmDeleteDialog from \"../../../shared/components/Dialog/ConfirmationDialog\";\r\nimport { itemFinder, dropdownOnChangeHandler } from \"../../../factories/utils\";\r\nimport { loadDevice, loadDeviceInfo } from \"../../../redux/actions/mapActions\";\r\nimport {\r\n deviceNameChangeAjax,\r\n deviceActiveAjax,\r\n} from \"../../../redux/actions/assetActions\";\r\nimport {\r\n sortCaret,\r\n AdjustableTableHeaderColumn,\r\n AdjustableTableHeaderColumn2,\r\n // AdjustableDiv\r\n} from \"../../../shared/components/Table/tableElements\";\r\nimport { Resizable, ResizableBox } from \"react-resizable\";\r\nimport \"react-resizable/css/styles.css\";\r\nimport Select from \"react-select\";\r\nimport EditDevicePanel from \"./EditDevicePanel\";\r\nimport EditDevicePanelx from \"./EditDevicePanelx\";\r\nimport { PencilIcon, EditIcon } from \"mdi-react\";\r\n// import $ from 'jquery';\r\n// import 'http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css';\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\n\r\nimport { getCurrentUser, hasRole } from '../../../factories/auth';\r\n\r\nclass AssetList extends Component {\r\n constructor(props) {\r\n super(props);\r\n // this.state = this.initialState\r\n this.userObj = getCurrentUser();\r\n this.state = {\r\n modalVisible: false,\r\n currentDeviceTypeId: \"\", //'5ca26a380499f5276444fc51',\r\n width: 200,\r\n isSort: {},\r\n modalName: false,\r\n currentName: null,\r\n currentDeviceObj: null,\r\n assetToEdit: null,\r\n deviceToEdit: null,\r\n // currentDeviceTypeName : '',\r\n // height: 200\r\n // isSort: true,\r\n customStyles: {},\r\n currentDeviceType: null\r\n };\r\n this.state.customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n color: \"black\",\r\n '&:active': { backgroundColor: this.userObj.detail.appButtonColorHover },\r\n backgroundColor: state.isFocused ? this.userObj.detail.appButtonColorHover : \"white\",\r\n }),\r\n control: (base, selectState) => ({\r\n ...base,\r\n // height: 35,\r\n // minHeight: 35\r\n height: 35,\r\n minHeight: 35,\r\n borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor,\r\n // This line disable the blue border\r\n boxShadow: selectState.isFocused ? 0 : 0,\r\n '&:hover': { borderColor: selectState.isFocused ? this.userObj.detail.appButtonColorHover : base.borderColor }\r\n }),\r\n indicatorsContainer: (base, selectState) => ({\r\n ...base,\r\n padding: \"0\",\r\n }),\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n deviceIdLinkFormatter = (cell, row) => {\r\n // console.log('===current', this.state.currentDeviceObj);\r\n let path = `/pages/device/${cell}`;\r\n return (\r\n // {\r\n // // alert(cell); alert(row['devicename']);\r\n // }}>{cell}\r\n {cell}\r\n );\r\n };\r\n\r\n deviceStatusFormatter = (cell, row) => {\r\n if (cell) {\r\n return \"Active\";\r\n } else {\r\n return \"Inactive\";\r\n }\r\n };\r\n\r\n deviceStatusActionFormatter = (cell, row) => {\r\n let checked;\r\n switch (cell) {\r\n case \"unassign\":\r\n return (\r\n \r\n Device Unused\r\n
\r\n );\r\n }\r\n };\r\n\r\n closePanel = async () => {\r\n await this.props.reloadData(\"device\").then(() => this.setState({ deviceToEdit: null }));\r\n };\r\n\r\n TimeFormat = (cell, row) => {\r\n let UTCTime = new Date(cell).toLocaleString(\"en-US\", { timeZone: \"UTC\" });\r\n return {UTCTime};\r\n };\r\n\r\n // renderCaret = (direction, fieldName) => {\r\n // if (direction === 'asc') {\r\n // return (\r\n // \r\n {\"Raw use of element. 200x200, all Resize Handles.\"} \r\n
\r\n \r\n {/* */}\r\n \r\n \r\n Device ID\r\n \r\n \r\n Device Name{\" \"}\r\n \r\n {/* Device Name */}\r\n \r\n Device Type{\" \"}\r\n \r\n {/* {this.onResize(e,data,'deviceid')}} \r\n width={this.state['deviceid']} \r\n row='0' rowSpan='1' dataField='deviceid' isKey={true} dataFormat={this.deviceIdLinkFormatter} dataAlign='center' \r\n // width='7%'\r\n >\r\n Device ID\r\n \r\n {this.onResizeStart(e,data,'devicename')}}\r\n onResizeStop = {(e,data) =>{this.onResizeStop(e,data,'devicename')}}\r\n onResize = {(e,data) =>{this.onResize(e,data,'devicename')}} \r\n width={this.state['devicename']} \r\n row='0' rowSpan='1' dataField='devicename' dataAlign='center' dataSort={this.state.isSort['devicename'] != undefined ?this.state.isSort['devicename']:true} caretRender={ sortCaret } \r\n >\r\n Device Name\r\n \r\n {this.onResizeStart(e,data,'devicetypename')}}\r\n onResizeStop = {(e,data) =>{this.onResizeStop(e,data,'devicetypename')}}\r\n onResize = {(e,data) =>{this.onResize(e,data,'devicetypename')}} \r\n width={this.state['devicetypename']} \r\n row='0' rowSpan='1' dataField='devicetypename' dataAlign='center' dataSort={this.state.isSort['devicetypename'] != undefined ? this.state.isSort['devicetypename']:true} caretRender={ sortCaret }\r\n >\r\n Device Type \r\n */}\r\n\r\n {/* {this.onResize(e, data, 'testid')}}\r\n // resizeHandles={['sw', 'se', 'nw', 'ne', 'w', 'e', 'n', 's']}\r\n resizeHandles={['e']}\r\n >\r\n Device Type \r\n */}\r\n\r\n {/*Position111 */}\r\n {/*Latitude111 */}\r\n {/*Longitude111 */}\r\n\r\n \r\n Activation Time\r\n \r\n \r\n Last Message Time\r\n \r\n \r\n Battery Expire Date\r\n \r\n \r\n Status\r\n \r\n \r\n Is Used\r\n \r\n \r\n Edit\r\n \r\n\r\n {/* {this.onResizeStart(e,data,'activationtime')}}\r\n onResizeStop = {(e,data) =>{this.onResizeStop(e,data,'activationtime')}}\r\n onResize = {(e,data) =>{this.onResize(e,data,'activationtime')}} \r\n width={this.state['activationtime']} \r\n row='0' rowSpan='1' dataField='activationtime' dataAlign='center' dataFormat={this.TimeFormat} dataSort={this.state.isSort['activationtime'] != undefined ? this.state.isSort['activationtime']:true} caretRender={ sortCaret }\r\n >\r\n Activation Time \r\n \r\n\r\n {this.onResizeStart(e,data,'lastmessagetime')}}\r\n onResizeStop = {(e,data) =>{this.onResizeStop(e,data,'lastmessagetime')}}\r\n onResize = {(e,data) =>{this.onResize(e,data,'lastmessagetime')}} \r\n width={this.state['lastmessagetime']} \r\n row='0' rowSpan='1' dataField='lastmessagetime' dataAlign='center' dataFormat={this.TimeFormat} dataSort={this.state.isSort['lastmessagetime'] != undefined ? this.state.isSort['lastmessagetime']:true} caretRender={ sortCaret }\r\n >\r\n Last Message Time \r\n \r\n {this.onResize(e,data,'batteryexpiredate')}} \r\n width={this.state['batteryexpiredate']} \r\n row='0' rowSpan='1' dataField='batteryexpiredate' dataFormat={this.TimeFormat} dataAlign='center'\r\n >\r\n Battery Expire Date\r\n \r\n\r\n {this.onResize(e,data,'activable')}} \r\n width={this.state['activable']} \r\n row='0' rowSpan='1' dataField='activable' dataFormat={this.deviceStatusFormatter} dataAlign='center' \r\n >\r\n Status\r\n */}\r\n\r\n {/* {this.onResizeStart(e,data,'assetid')}}\r\n onResizeStop = {(e,data) =>{this.onResizeStop(e,data,'assetid')}}\r\n onResize = {(e,data) =>{this.onResize(e,data,'assetid')}} \r\n width={this.state['assetid']} \r\n row='0' rowSpan='1' dataField='assetid' dataFormat={this.inUseFormat} dataAlign='center' dataSort={this.state.isSort['assetid'] != undefined ? this.state.isSort['assetid']:true} caretRender={ sortCaret }\r\n >\r\n Is Used \r\n */}\r\n {/* Is Used */}\r\n \r\n
\r\n \r\n
\r\n
{msg}
\r\n\r\n
\r\n
\r\n {this.userObj.companyCode !== 'ONRT' && this.userObj.userName !== 'ONrouteLegal' && \r\n {/*
}\r\n \r\n {/* {this.props.mapData && this.props.mapData.slice(0,10).map((m,i)=>{\r\n return(\r\n \r\n \r\n );})} */}\r\n {\r\n\r\n this.state.renderMarkers.map((m, i) => {\r\n return m;\r\n })\r\n }\r\n {/* \r\n */}\r\n \r\n \r\n {/* {this.state.markers.map((m,i)=>{\r\n \r\n \r\n return(\r\n \r\n \r\n \r\n \r\n );})} */}\r\n {/* \r\n */}\r\n\r\n {/* \r\n \r\n \r\n */}\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n// export default GoogleApiWrapper({\r\n// apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n// libraries: ['drawing','places'],\r\n// })(DashboardMap);\r\n\r\nfunction mapStateToProps(state) {\r\n const allfences = state.fence.fenceData;\r\n const fenceObj = state.fence.fenceObj;\r\n const fenceStatus = state.fence.type;\r\n const assetList = state.asset.assetList;\r\n const props = { allfences, fenceObj, fenceStatus, assetList };\r\n return props;\r\n};\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({ loadAllGeoFences, }, dispatch);\r\n};\r\n// export default connect(mapStateToProps, mapDispatchToProps)(StepCondition);\r\n\r\nconst enhance = compose(\r\n GoogleApiWrapper({\r\n // apiKey: 'AIzaSyBU3vMoNMizLEX6tkmbSG8rMMZTJUMxmcM',\r\n // apiKey: 'AIzaSyDXBuKv70EhwKMyHzrj6wc7_qPQFwmdyB4',\r\n apiKey: process.env.REACT_APP_GOOGLE_API_KEY,\r\n libraries: ['drawing', 'places'],\r\n }),\r\n connect(mapStateToProps, mapDispatchToProps)\r\n);\r\n\r\nexport default withRouter(enhance(DashboardMap));","/* eslint-disable */\r\nimport React, { Component, useEffect, useState } from 'react';\r\nimport { DeleteCircleIcon, CloseIcon, CloseCircleIcon, PlusCircleIcon, EditIcon, DeleteIcon, TrashCanOutlineIcon, PlusIcon, ChevronLeftIcon, ChevronRightIcon, CogIcon, PowerIcon, CartPlusIcon, PlayIcon, PauseIcon, StopIcon } from 'mdi-react';\r\n\r\nexport function IconTextButton({ onClick, icon, color, label, disabled, className }) {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport function RemoveSectionButton({ onClick }) {\r\n return (\r\n \r\n {\r\n this.state.positions.map((p, i) => {\r\n return (\r\n \r\n */}\r\n {/* Originally commented */}\r\n {/*
*/}\r\n
\r\n {p ? p.assetname : null}
\r\n )\r\n })\r\n }\r\n {/* {this.state.selectedPlace ? this.state.selectedPlace.assetname : null}
*/}\r\n {/* {this.state.infowindowAddress}
*/}\r\n {/* | attr | \r\n{this.props.infowindow.selectedPlace.name} | \r\n
| {key} | \r\n{this.props.infowindow.selectedPlace.attr[key]} | \r\n
| \r\n Address:\r\n | \r\n\r\n {this.state.infowindowAddress}\r\n | \r\n
| \r\n lat:\r\n | \r\n\r\n {this.state.infowindowLat}\r\n | \r\n
| \r\n lng:\r\n | \r\n\r\n {this.state.infowindowLng}\r\n | \r\n
\r\n
\r\n {m.info}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n
\r\n {this.state.selectedPlace.name}
\r\n\r\n (
\r\n )\r\n}\r\n\r\nexport function RemoveCircleIconButton({ onClick, label }) {\r\n return (\r\n \r\n (
\r\n )\r\n}\r\n\r\nexport function PlusCircleIconButton({ onClick, label }) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default AssetFilter","/* eslint-disable */\r\nimport React, {Component, Fragment } from 'react';\r\nimport {Container, Row, Col, Button, Table} from 'reactstrap';\r\nimport {BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport MinusIcon from 'mdi-react/MinusIcon';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {chunk} from '../../../factories/utils';\r\nimport DeviceDetailBoard from '../../DeviceDetail/components/DeviceDetailBoard';\r\nimport {ChevronLeftIcon} from 'mdi-react';\r\n// import {\r\n// MAP_DEVICE_DATA,\r\n// MAP_ASSET_DATA ,\r\n// } from '../../../constants/actionTypes'; \r\n\r\nclass AssetTable extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n showDetails: false,\r\n curretnDeviceId: '',\r\n }\r\n }\r\n\r\n// ----------------------------------------------------------------\r\n\r\n deviceColumnFormat = (cell, row) => {\r\n let colspan = 2;\r\n // \r\n const handleDeviceOnClick = (e, deviceId) => {\r\n e.preventDefault();\r\n\r\n let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n \r\n this.setState({\r\n showDetails: true,\r\n curretnDeviceId: deviceId,\r\n currentDeviceData: deviceData,\r\n });\r\n }\r\n \r\n if (cell){\r\n // let chunkedDevices = chunk(cell, colspan); \r\n // return (\r\n // | \r\n // {/* {}}>{device.deviceid} */}\r\n // {handleDeviceOnClick(e, device.deviceid);}}>{device.deviceid}\r\n // | \r\n // ))}\r\n //
\r\n {\r\n this.props.assetData && this.props.assetData.map((assetclass, acindex)=>( \r\n \r\n {this.renderAssetsTb2(assetclass)}\r\n {/* {this.renderAssetsWithMsg(assetclass)} */}\r\n
\r\n \r\n ))\r\n }\r\n
\r\n );\r\n \r\n }\r\n// ----------------------------------------------------------------\r\ndeviceidFormat = (cell, row) => {\r\n const handleDeviceOnClick = (e, deviceId) => {\r\n e.preventDefault();\r\n\r\n let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n\r\n // let deviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n \r\n this.setState({\r\n showDetails: true,\r\n curretnDeviceId: deviceId,\r\n currentDeviceData: deviceData,\r\n });\r\n }\r\n return(\r\n {handleDeviceOnClick(e, cell);}}>{cell}\r\n )\r\n}\r\n// ----------------------------------------------------------------\r\nrenderAssetsWithMsg = (assetclass) => {\r\n let data = [];\r\n let keys = [];\r\n let labals = {};\r\n if (assetclass && assetclass.asset) {\r\n let assetclassObj = Object.keys(assetclass).reduce((r, key)=>{\r\n if (Array.isArray(assetclass[key]) || key === 'description') {\r\n return r;\r\n }\r\n else{\r\n return(\r\n {...r, [key]: assetclass[key]}\r\n )\r\n }\r\n }, {});\r\n assetclass.asset.forEach((asset, aindex) => {\r\n let assetObj = Object.keys(asset).reduce((r, key)=>{\r\n if (Array.isArray(asset[key]) || key === 'description') {\r\n return r;\r\n }\r\n else{\r\n return(\r\n {...r, [key]: asset[key]}\r\n )\r\n }\r\n }, {});\r\n if (asset.assetattributes) {\r\n asset.assetattributes.forEach((attri, atrindex)=>{\r\n if (attri.attmetaname) {\r\n if (!keys.includes(attri.attmetaname)){\r\n keys.push(attri.attmetaname);\r\n labals[attri.attmetaname] = attri.displayname ? attri.displayname : attri.attmetaname;\r\n } \r\n assetObj[attri.attmetaname] = attri.value;\r\n } \r\n });\r\n }\r\n if (asset.device) { \r\n asset.device.forEach((device, dindex) => {\r\n let deviceObj = (({deviceid}) => ({deviceid}))(device);\r\n if (device.msgs) {\r\n device.msgs.forEach((msg, mindex) => {\r\n let msgObj = (({msgid, timestamp}) => ({msgid, timestamp}))(msg);\r\n msg.msg && Object.entries(msg.msg).forEach(([key, value], index) => {\r\n let entryObj = {\r\n ...assetclassObj,\r\n ...assetObj,\r\n ...deviceObj,\r\n ...msgObj,\r\n attribute: value.displayname,\r\n value: value.value,\r\n }\r\n data.push(entryObj);\r\n });\r\n });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n \r\n return (\r\n \r\n
\r\n */}\r\n {this.renderMessageTb(deviceId)}\r\n
\r\n )\r\n }\r\n\r\n renderMessageTb = (deviceId) => {\r\n // let currentDeviceData = cell.find((item, index) => (item.deviceid === deviceId));\r\n // let deviceData = chooseDevice(this.props.assetData, deviceId);\r\n // if (deviceData){\r\n if (this.state.currentDeviceData){\r\n // if (currentDeviceData){\r\n let currentDeviceData = this.state.currentDeviceData;\r\n // let deviceData = this.state.currentDeviceData;\r\n let data = [];\r\n let deviceObj = {};\r\n let keys = [];\r\n let labels = {};\r\n // keys = ['msgid', 'devicename', 'devicetypename', 'timestamp'];\r\n // labels = {msgid : 'Message Id', devicename : 'Device Name', devicetypename : 'Device Type', timestamp : 'Message Time'}\r\n\r\n // for(let i=0; i < deviceData.length; i++){\r\n // let currentDeviceData = deviceData[i];\r\n \r\n Object.entries(currentDeviceData).forEach(([key, value], index) => {\r\n if (! Array.isArray(value)){\r\n deviceObj[key] = value;\r\n // keys.push(key);\r\n }\r\n });\r\n\r\n // keys = ['msgid', 'devicename', 'devicetypename', 'lastmessagetime'];\r\n // labels = {msgid : 'Message Id', devicename : 'Device Name', devicetypename : 'Device Type', lastmessagetime : 'Last Message Time'}\r\n\r\n keys = ['msgid', 'devicename', 'devicetypename', 'timestamp'];\r\n labels = {msgid : 'Message Id', devicename : 'Device Name', devicetypename : 'Device Type', timestamp : 'Message Time'}\r\n\r\n if (currentDeviceData.msgs) {\r\n currentDeviceData.msgs.forEach((msg, index) => {\r\n let msgObj = {...deviceObj,...msg};\r\n \r\n // msgObj.lastmessagetime = new Date( msgObj.lastmessagetime).toLocaleString('en-US', { timeZone: 'America/New_York' });\r\n // msgObj.timestamp = new Date( msgObj.timestamp).toLocaleString('en-US', { timeZone: 'America/New_York' });\r\n msgObj.timestamp = new Date( msgObj.timestamp).toLocaleString('en-US', { timeZone: 'UTC' });\r\n delete msgObj[msg];\r\n // keys = [...keys, ...Object.keys(msgObj)];\r\n\r\n if (msg.msg){\r\n \r\n \r\n Object.entries(msg.msg).forEach(([attr, attrObj],mindex)=>{\r\n // if (attr !== 'Lng' && attr !== 'Lat' && attrObj.display !== false ){\r\n \r\n if (attrObj.display !== false ){\r\n msgObj[attr] = attrObj.value; \r\n if (! keys.includes(attr) ){\r\n keys.push(attr);\r\n labels[attr] = attrObj.displayname ? attrObj.displayname : attr;\r\n }\r\n }\r\n });\r\n }\r\n data.push(msgObj);\r\n });\r\n }\r\n // }\r\n \r\n \r\n\r\n if (keys.includes('Lng') && keys.includes('Lat')) {\r\n keys = keys.filter((val, idx, arr) => ( val !== 'Lng' && val !=='Lat')); \r\n keys.push('Lat');\r\n keys.push('Lng');\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n {/* \r\n \r\n Map \r\n \r\n \r\n \r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex,\r\n sit amet blandit leo lobortis eget.\r\n \r\n \r\n \r\n\r\n \r\n Data \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n toggle = tagname => () => {\r\n this.setState(prevState => ({\r\n [tagname]: !prevState[tagname]\r\n }));\r\n }\r\n\r\n renderCollapsCard=()=>{ \r\n // let processedMapdata = processAssetDataMsg(this.props.assetGroupData);\r\n //{reMapData, multiAssets}\r\n let {reMapData: processedMapdata, multiAssets} = processAssetDataMsg(this.props.assetGroupData);\r\n \r\n return (\r\n \r\n Map\r\n
\r\n \r\n Data\r\n
\r\n \r\n
\r\n \r\n {/* {this.renderExpandPanel()}\r\n
*/}\r\n {this.renderCollapsCard()}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DeviceFilter;","/* eslint-disable */\r\nimport React, {Component, Fragment } from 'react';\r\nimport {Container, Row, Col, Button, Table} from 'reactstrap';\r\nimport {BootstrapTable, TableHeaderColumn, ExportCSVButton } from 'react-bootstrap-table';\r\nimport MinusIcon from 'mdi-react/MinusIcon';\r\nimport PlusIcon from 'mdi-react/PlusIcon';\r\nimport {chunk} from '../../../factories/utils';\r\nimport DeviceDetailBoard from '../../DeviceDetail/components/DeviceDetailBoard';\r\nimport {ChevronLeftIcon} from 'mdi-react';\r\nimport {groupBy} from '../../../factories/utils';\r\n\r\nclass DeviceTable extends Component{\r\n constructor(props){\r\n super(props);\r\n }\r\n// -------------------------------------------------------\r\n createCustomExportCSVButton = (onClick) => {\r\n return (\r\n \r\n
\r\n Map\r\n
\r\n \r\n
\r\n \r\n Data\r\n
\r\n \r\n
\r\n \r\n {/* {this.renderExpandPanel()}\r\n
*/}\r\n {this.renderCollapsCard()}\r\n
\r\n \r\n \r\n\r\n {/* \r\n \r\n {/* Panal 1 */}\r\n \r\n \r\n Panal 2\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n\r\n toggleTab = (tab) => {\r\n if (this.state.activeTab !== tab) {\r\n this.setState({ activeTab: tab })\r\n }\r\n }\r\n\r\n renderReactstrapTab = () => {\r\n return (\r\n \r\n
);\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n return state.weather;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OutlookCalendar);\r\n\r\n/*\r\nDisplay name\r\n:\r\ntest app\r\nApplication (client) ID:b5b04774-9a9a-45dd-806c-dc8e86bfa007\r\nObject ID:47d13930-4d97-4b09-ad80-f57575ed4c59\r\nDirectory (tenant) ID:d5189ead-72d5-4d23-b57e-1a91ca41a8f6\r\nSupported account types:All Microsoft account users\r\n\r\n\r\nhttps://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationMenuBlade/Authentication/quickStartType//sourceType/Microsoft_AAD_IAM/appId/b5b04774-9a9a-45dd-806c-dc8e86bfa007/objectId/47d13930-4d97-4b09-ad80-f57575ed4c59/isMSAApp//defaultBlade/Overview/appSignInAudience/AzureADandPersonalMicrosoftAccount/servicePrincipalCreated/true\r\nDOCUMENTATION:https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationMenuBlade/Authentication/quickStartType//sourceType/Microsoft_AAD_IAM/appId/b5b04774-9a9a-45dd-806c-dc8e86bfa007/objectId/47d13930-4d97-4b09-ad80-f57575ed4c59/isMSAApp//defaultBlade/Overview/appSignInAudience/AzureADandPersonalMicrosoftAccount/servicePrincipalCreated/true\r\n*/","/* eslint-disable */\r\nimport React, {Component, Fragment} from 'react';\r\nimport {\r\n // compose,\r\n bindActionCreators\r\n} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport {WEB_SERVICE_ROOT} from \"../../../constants/appConstants\";\r\nimport {toast} from \"react-toastify\";\r\nimport BootstrapTableNext from \"react-bootstrap-table-next\";\r\nimport {sortCaret} from \"../../../shared/components/Table/tableElements\";\r\n\r\n\r\n\r\nclass OutlookCalendarDisplay extends Component{\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n userInfo:null,\r\n calendarInfo:[]\r\n };\r\n\r\n }\r\n\r\n async componentDidMount(){\r\n\r\n }\r\n //------------------------------------------------------------------------------\r\n\r\n\r\n async clickShowMe() {\r\n let res = await axios.get(`${WEB_SERVICE_ROOT}opg/showme`, {});\r\n this.setState({\r\n userInfo: res.data\r\n })\r\n }\r\n\r\n\r\n\r\n async clickGetCalander() {\r\n let data={start: document.getElementById(\"c_start_1\").value,end:document.getElementById(\"c_end_1\").value}\r\n let res = await axios.post(`${WEB_SERVICE_ROOT}opg/getCalendar`, data);\r\n\r\n if(!(res&&res.data&&res.data.value)){\r\n return;\r\n }\r\n let listData=res.data.value[0].scheduleItems;\r\n let calendarInfo=[];\r\n for (let i = 0; i < listData.length; i++) {\r\n let item=listData[i];\r\n calendarInfo.push({\r\n date:item.start.dateTime.split(\"T\")[0],\r\n startTime:item.start.dateTime.split(\"T\")[1].replace(\".0000000\",\"\"),\r\n endTime:item.end.dateTime.split(\"T\")[1].replace(\".0000000\",\"\"),\r\n subject:item.subject,\r\n })\r\n }\r\n this.setState({\r\n calendarInfo: calendarInfo\r\n\r\n })\r\n }\r\n\r\n\r\n render(){\r\n let col = [\r\n { dataField: 'date', text: 'Date' },\r\n { dataField: 'startTime', text: 'Start Time' },\r\n { dataField: 'endTime', text: 'End Time' },\r\n { dataField: 'subject', text: 'Subject' }\r\n ]\r\n\r\n\r\n return (Microsoft Outlook
\r\n\r\n \r\n click to auth\r\n \r\n
\r\n {/*\r\n \r\n
*/}\r\n\r\n \r\n
\r\n {this.state.userInfo!=null?(\r\n mail:{this.state.userInfo.mail}\r\n
):null}\r\n\r\n \r\n start:\r\n end:\r\n \r\n
\r\n {this.state.calendarInfo!=null?(\r\n {\r\n this.state.calendarInfo.map((item,index)=>{\r\n return (
):null}\r\n\r\n start:{item.start.dateTime}-end:{item.end.dateTime}-type:{item.subject}
)\r\n })\r\n }\r\n\r\n start:\r\n end:\r\n \r\n
\r\n {this.state.calendarInfo2!=null?(\r\n {\r\n this.state.calendarInfo2.value.map((item,index)=>{\r\n let days=0;\r\n if(item.recurrence&&item.recurrence.pattern&&item.recurrence.pattern.daysOfWeek){\r\n return item.recurrence.pattern.daysOfWeek.map((dayOfWeek,index)=>{\r\n let date = new Date(item.recurrence.range.startDate);\r\n let addDays=0;\r\n //\r\n switch(dayOfWeek){\r\n case \"monday\":\r\n addDays=addDays+1;\r\n break;\r\n case \"tuesday\":\r\n addDays=addDays+2;\r\n break;\r\n case \"wednesday\":\r\n addDays=addDays+3;\r\n break;\r\n case \"thursday\":\r\n addDays=addDays+4;\r\n break;\r\n case \"friday\":\r\n addDays=addDays+5;\r\n break;\r\n }\r\n\r\n date.setDate(date.getDate()+addDays)\r\n let startTimes = item.start.dateTime.split(\"T\")[1];\r\n let endTimes = item.end.dateTime.split(\"T\")[1];\r\n let startDate=date.getFullYear()+\"-\"+(date.getMonth()+1<10?\"0\"+(date.getMonth()+1):date.getMonth()+1)+\"-\"+(date.getDate()<10?(\"0\"+date.getDate()):date.getDate())+\"T\"+startTimes;\r\n let endDate=date.getFullYear()+\"-\"+(date.getMonth()+1<10?\"0\"+(date.getMonth()+1):date.getMonth()+1)+\"-\"+(date.getDate()<10?(\"0\"+date.getDate()):date.getDate())+\"T\"+endTimes;\r\n return (
):null}\r\n start:{startDate}-end:{endDate}-type:{item.type}
)\r\n }).reverse()\r\n\r\n\r\n /* let daysOfWeek=item.recurrence.pattern.daysOfWeek;\r\n for (let i = 0; i < daysOfWeek.length; i++) {\r\n let date = new Date(item.recurrence.range.startDate);\r\n let dayOfWeek=daysOfWeek[i];\r\n //[\"monday\", \"tuesday\", \"wednesday\", \"thursday\", \"friday\"]\r\n switch(dayOfWeek){\r\n case \"monday\":\r\n date.setDate(date.getDate()+1)\r\n break;\r\n case \"tuesday\":\r\n date.setDate(date.getDate()+2)\r\n break;\r\n case \"wednesday\":\r\n date.setDate(date.getDate()+3)\r\n break;\r\n case \"thursday\":\r\n date.setDate(date.getDate()+4)\r\n break;\r\n case \"friday\":\r\n date.setDate(date.getDate()+5)\r\n break;\r\n }\r\n let startTimes = item.start.dateTime.split(\"T\")[1];\r\n let endTimes = item.end.dateTime.split(\"T\")[1];\r\n let startDate=date.getFullYear()+\"-\"+(date.getMonth()+1<10?\"0\"+(date.getMonth()+1):date.getMonth()+1)+\"-\"+(date.getDate()<10?(\"0\"+date.getDate()):date.getDate())+\"T\"+startTimes;\r\n let endDate=date.getFullYear()+\"-\"+(date.getMonth()+1<10?\"0\"+(date.getMonth()+1):date.getMonth()+1)+\"-\"+(date.getDate()<10?(\"0\"+date.getDate()):date.getDate())+\"T\"+endTimes;\r\n return (start:{startDate}-end:{endDate}-type:{item.type}
)\r\n }*/\r\n }else{\r\n return (start:{item.start.dateTime}-end:{item.end.dateTime}-type:{item.type}
)\r\n }\r\n\r\n })\r\n }\r\n\r\n
\r\n
\r\n
);\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\r\n return state.weather;\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return bindActionCreators({\r\n\r\n }, dispatch);\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OutlookCalendarDisplay);\r\n\r\n/*\r\nDisplay name\r\n:\r\ntest app\r\nApplication (client) ID:b5b04774-9a9a-45dd-806c-dc8e86bfa007\r\nObject ID:47d13930-4d97-4b09-ad80-f57575ed4c59\r\nDirectory (tenant) ID:d5189ead-72d5-4d23-b57e-1a91ca41a8f6\r\nSupported account types:All Microsoft account users\r\n\r\n\r\nhttps://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationMenuBlade/Authentication/quickStartType//sourceType/Microsoft_AAD_IAM/appId/b5b04774-9a9a-45dd-806c-dc8e86bfa007/objectId/47d13930-4d97-4b09-ad80-f57575ed4c59/isMSAApp//defaultBlade/Overview/appSignInAudience/AzureADandPersonalMicrosoftAccount/servicePrincipalCreated/true\r\nDOCUMENTATION:https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationMenuBlade/Authentication/quickStartType//sourceType/Microsoft_AAD_IAM/appId/b5b04774-9a9a-45dd-806c-dc8e86bfa007/objectId/47d13930-4d97-4b09-ad80-f57575ed4c59/isMSAApp//defaultBlade/Overview/appSignInAudience/AzureADandPersonalMicrosoftAccount/servicePrincipalCreated/true\r\n*/","/* eslint-disable */\r\nimport React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { InfoWindow } from \"google-maps-react\";\r\n\r\nexport default class InfoWindowEx extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.infoWindowRef = React.createRef();\r\n this.contentElement = document.createElement(`div`);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if(this.props.children !== prevProps.children) {\r\n ReactDOM.render(\r\n React.Children.only(this.props.children),\r\n this.contentElement\r\n );\r\n this.infoWindowRef.current.infowindow.setContent(this.contentElement);\r\n }\r\n }\r\n\r\n render() {\r\n return Microsoft Outlook
\r\n\r\n \r\n Click to auth\r\n \r\n
\r\n {/*\r\n \r\n
*/}\r\n\r\n \r\n
\r\n {this.state.userInfo!=null?(\r\n Mail:{this.state.userInfo.mail}\r\n
):null}\r\n\r\n \r\n {/*Start Time: */}\r\n Start Time: \r\n
\r\n
\r\n {/*End Time: */}\r\n End Time: \r\n
\r\n
\r\n \r\n
\r\n {\r\n this.state.calendarInfo.map((item,index)=>{\r\n return (
):null}*/}\r\n\r\n start:{item.start.dateTime}-end:{item.end.dateTime}-type:{item.subject}
)\r\n })\r\n }\r\n\r\n
\r\n
\r\n Message ID:\r\n
\r\n {cell.messageId}\r\n
\r\n \r\n \r\n )\r\n } else {\r\n return (\r\n No Message Received
\r\n )\r\n }\r\n }\r\n \r\n const beaconVisibleFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n\r\n Beacon Visible:\r\n
\r\n {cell.beaconVisible}\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const beaconIdFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Beacon ID:\r\n
\r\n {cell.beaconId}\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const cn0OkFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n CN0_OK:\r\n
\r\n {cell.cn0_ok}\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const gpsLockFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n GPS Lock:\r\n
\r\n {cell.gpsLock}\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const batteryFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Battery:\r\n
\r\n {cell.battery}%\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n const hdopFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n HDOP:\r\n
\r\n {cell.hdop}\r\n
\r\n )\r\n } else {\r\n return null;\r\n }\r\n }\r\n \r\n const moveDetectFormat = (cell) => {\r\n if(cell) {\r\n return (\r\n \r\n Move Detect:\r\n
\r\n {cell.moveDetect}\r\n
\r\n )\r\n } else {\r\n return null\r\n }\r\n }\r\n \r\n if(data){\r\n return (\r\n \r\n \r\n
\r\n \r\n {messageIdFormat(data)}\r\n {/* {timestampFormat(asset.attributes.LastOccupancy[0].value)} */}\r\n
\r\n {\r\n {data.messageId == \"Beacon Visible\" ? null : beaconVisibleFormat(data)}\r\n
}\r\n \r\n {data.messageId == \"Beacon Visible\" ? beaconIdFormat(data) : null}\r\n
\r\n \r\n {data.messageId == \"Beacon Visible\" ? null : cn0OkFormat(data)}\r\n
\r\n \r\n {gpsLockFormat(data)}\r\n
\r\n \r\n {data.messageId == \"Beacon Visible\" ? null :hdopFormat(data)}\r\n
\r\n \r\n {moveDetectFormat(data)}\r\n
\r\n \r\n {batteryFormat(data)}\r\n
\r\n {/*
\r\n )\r\n }\r\n else{\r\n return null\r\n }\r\n\r\n\r\n}\r\n\r\nexport default AttributeListWidget;\r\n","/* eslint-disable */\r\nimport React, { Component, useEffect, useState } from 'react';\r\nimport {Container, Row, Col, Button, Label, } from 'reactstrap';\r\nimport AttributeListWidget from './AttributeListWidget';\r\nimport {TIME_ZONE} from '../../../constants/dataConstants';\r\n\r\nconst TortoiseMapInfo = ({ props, toggle, alarmSetObj, statusDataProp }) => {\r\n let activeTab = \"3\";\r\n const asset = props && props.asset ? props.asset : {};\r\n useEffect(() => {\r\n if(props){\r\n console.log(\"PROPS INFO WINDOW\", props)\r\n }\r\n }, [props])\r\n return (\r\n {data.assetName}
\r\n\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default TortoiseMapInfo\r\n","/* eslint-disable */\r\nimport React, { Component, Fragment } from 'react';\r\nimport { compose, bindActionCreators } from 'redux'\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport ReactDOM from 'react-dom';\r\nimport { Map as MapAlias, GoogleApiWrapper, Marker, InfoWindow, Polyline } from 'google-maps-react';\r\nimport InfoWindowEx from './InfoWindowEx';\r\nimport { Container, Row, Col, Button, Table, Input, Label, Collapse } from 'reactstrap';\r\nimport Spinner from 'react-bootstrap/Spinner';\r\nimport Select from 'react-select';\r\nimport { loadAllGeoFences } from '../../../redux/actions/fenceAction';\r\nimport MarkerClusterer from \"@google/markerclusterer\";\r\nimport { MagnifyIcon, CloseIcon, CircleOutlineIcon } from 'mdi-react';\r\n// import TortoiseMapInfo form './TortoiseMapInfoWin';\r\nimport { setDonut } from '../../../factories/weather';\r\nimport { debounce } from 'lodash';\r\nimport { curveNatural, dispatch } from 'd3';\r\nimport ClusterWrapper from './ClusterWrapper';\r\nimport TortoiseMapInfo from './TortoiseMapInfo';\r\n// import TortoiseHistoryInfo from './TortoiseHistoryInfo';\r\nimport { LIGHT_GREY_COLOR } from '../../../constants/dataConstants';\r\nimport { DateRangePicker } from 'react-dates';\r\nimport moment from 'moment';\r\nimport { getSelectStyles } from '../../../factories/utils';\r\n\r\n\r\nexport class TortoiseMap extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.initMap = this.initMap.bind(this);\r\n this.myMap = React.createRef();\r\n this.state = {\r\n msg: '',\r\n collapse: true,\r\n assetSelector: false,\r\n mapData: [],\r\n assetName: [],\r\n assetList: [],\r\n startDate: null,\r\n endDate: null,\r\n historyArray: [],\r\n renderMarkers: [],\r\n showingInfoWindow: false,\r\n activeMarker: null,\r\n selectedPlace: null,\r\n activeMarkerLat: null,\r\n activeMarkerLng: null\r\n };\r\n\r\n this.lineSymbol = {\r\n path: 'M-2,4 0,0 M2,4 0,0',\r\n strokeOpacity: 1,\r\n scale: 2,\r\n };\r\n\r\n this.generateIcon = this.generateIcon.bind(this)\r\n this.handleAssetChange = this.handleAssetChange.bind(this)\r\n this.formatMapData = this.formatMapData.bind(this)\r\n this.handleDateRangeChange = this.handleDateRangeChange.bind(this)\r\n this.getRenderMarkers = this.getRenderMarkers.bind(this)\r\n this.handleMapMarkerMouseOver = this.handleMapMarkerMouseOver.bind(this)\r\n this.handleHistoryMarkerMouseOver = this.handleHistoryMarkerMouseOver.bind(this)\r\n this.handleHistoryMarkerMouseOut = this.handleHistoryMarkerMouseOut.bind(this)\r\n this.groupedByDateHistory = this.groupedByDateHistory.bind(this)\r\n this.generateHistoryPathAndMarkers = this.generateHistoryPathAndMarkers.bind(this);\r\n }\r\n\r\n componentDidMount () {\r\n // console.log(\"MAP DATA\", this.props.mapData)\r\n // console.log(\"ASSET DATA\", this.props.assetData, this.props.statusData)\r\n // console.log(this.formatMapData(this.props.statusData))\r\n if(this.props.statusData){\r\n let {formattedData,filterData} = this.formatMapData(this.props.statusData, this.state.selectedValue);\r\n // filterData.push({\r\n // value: \"-1\",\r\n // label: this.state.mapData.length < 2 ? \"Reset Selection\" : \"--- Select a station ---\",\r\n // });\r\n this.setState({\r\n ...this.state,\r\n assetName: filterData,\r\n mapData: formattedData,\r\n renderMarkers: this.getRenderMarkers(formattedData)\r\n })\r\n \r\n // console.log(\"==SELECT OPTIONS===\", assetNames)\r\n }\r\n if(this.props.assetHistoryData){\r\n // console.log(\"HISTORY\", this.props.assetHistoryData)\r\n }\r\n }\r\n componentDidUpdate (prevProps, prevState) {\r\n // console.log(\"PREV PROPS\", prevProps.statusData);\r\n if(this.props.statusData && this.props.statusData.length > 0 && this.props.statusData.length !== prevProps.statusData.length){\r\n //console.log(\"ASSET DATA\", this.props.assetData, this.props.statusData)\r\n let {formattedData, filterData} = this.formatMapData(this.props.statusData, this.state.selectedValue);\r\n //console.log('SELECT MAP DATA', formattedData)\r\n\r\n // assetNames.push({\r\n // value: \"-1\",\r\n // label: this.state.mapData.length < 2 ? \"Reset Selection\" : \"--- Select a station ---\",\r\n // });\r\n this.setState({\r\n ...this.state,\r\n assetName: filterData,\r\n mapData: formattedData,\r\n renderMarkers: this.getRenderMarkers(formattedData)\r\n })\r\n\r\n }\r\n if(this.state.selectedValue != prevState.selectedValue) {\r\n // console.log(\"==STATUS DATA, \",this.props.statusData);\r\n // console.log(\"==ASSET SELECTOR, \",this.state.assetSelector);\r\n // this.state.mapData = this.props.statusData;\r\n let {formattedData, filterData} = this.formatMapData(this.props.statusData, this.state.selectedValue)\r\n //console.log('SELECT MAP DATA', formattedData)\r\n // let assetNames = []\r\n // if(selectMapData){\r\n // selectMapData.map(asset => {\r\n // var obj = {\r\n // value: asset,\r\n // label: asset.assetName,\r\n // locationlat: asset.locationlat,\r\n // locationlng: asset.locationlng\r\n // }\r\n \r\n // assetNames.push(obj);\r\n // });\r\n // }\r\n this.setState({\r\n ...this.state,\r\n assetName: filterData,\r\n mapData: formattedData,\r\n renderMarkers: this.getRenderMarkers(formattedData),\r\n historyMarkers: this.state.historyMarkers ? this.state.historyMarkers.filter(item=> { item.props.attributes.asset == this.state.selectedValue}) : null\r\n })\r\n\r\n }\r\n if(this.props.assetHistoryData && JSON.stringify(this.props.assetHistoryData) !== JSON.stringify(prevProps.assetHistoryData) || ((this.state.selectedValue !== prevState.selectedValue) && this.state.endDate)){\r\n // console.log(\"CHANGE POLYLINE\")\r\n let historyLocations = this.props.assetHistoryData.filter(item=>(item.attributename.includes(\"Latitude\") || item.attributename.includes(\"Longitude\")))\r\n if(this.state.selectedValue){\r\n historyLocations = historyLocations.filter(item=>item.assetname == this.state.selectedValue)\r\n // console.log('HISTORY RAW DATA', historyLocations)\r\n let latData = historyLocations.filter(item=>item.attributename.includes(\"Latitude\"));\r\n let lngData = historyLocations.filter(item=>item.attributename.includes(\"Longitude\"));\r\n // console.log(latData.length, lngData.length);\r\n // let nullVals = historyLocations.filter(x=>isNaN(parseFloat(x.value)))\r\n // console.log(\"NULL VALUES, \", nullVals)\r\n }\r\n let groupedByDateHistory = this.groupedByDateHistory(historyLocations);\r\n let {polylinePaths, historyMarkers} = this.generateHistoryPathAndMarkers(groupedByDateHistory);\r\n\r\n //console.log(\"GROUPED BY TIME\", groupedByDateHistory, polylinePaths)\r\n //console.log('History Markers', historyMarkers)\r\n this.setState({\r\n ...this.sate,\r\n historyArray: polylinePaths,\r\n historyMarkers: historyMarkers\r\n }, ()=>{\r\n //console.log('POLY path', polylinePaths)\r\n })\r\n }\r\n\r\n }\r\n\r\n groupedByDateHistory = (historyLocations)=>{\r\n let groupedByDateHistory\r\n if(historyLocations.length > 0){\r\n let nullLocations = historyLocations.filter(x=>x.value== null);\r\n\r\n // console.log(\" HISTORY LOCATIONS, \", nullLocations, historyLocations)\r\n groupedByDateHistory = historyLocations.reduce((agg,curr)=>{\r\n // console.log(\"AGG\", agg)\r\n let found = agg.find(x=>x.timestamp ===curr.timestamp);\r\n if(found){\r\n // console.log(\"FOUND\",found)\r\n if(curr.attributename == \"Latitude\"){\r\n found.coords.lat = curr.value\r\n }else{\r\n found.coords.lng = curr.value\r\n }\r\n }else{\r\n agg.push({\r\n timestamp: curr.timestamp,\r\n asset: curr.assetname,\r\n coords: {lat: curr.attributename == \"Latitude\" ? curr.value: null, lng: curr.attributename == \"Longitude\" ? curr.value : null }\r\n })\r\n }\r\n return agg;\r\n }, [])\r\n }\r\n //console.log(\"GROUPED BY DATE HISTORY\", groupedByDateHistory)\r\n return groupedByDateHistory\r\n }\r\n\r\n generateHistoryPathAndMarkers = (groupedByDateHistory) => {\r\n let polylinePaths = [];\r\n let historyMarkers = []; \r\n if(groupedByDateHistory){\r\n groupedByDateHistory.forEach(item=>{\r\n let position = ({lat: parseFloat(item.coords.lat), lng: parseFloat(item.coords.lng)})\r\n polylinePaths.push(position)\r\n historyMarkers.push(\r\n \r\n
\r\n \r\n \r\n \r\n {this.state.renderMarkers && this.state.renderMarkers.map((m,index)=>{\r\n return m\r\n })}\r\n\r\n {this.state.historyMarkers && this.state.historyMarkers.map((m, index)=>{\r\n return m\r\n })}\r\n {/* \r\n \r\n \r\n \r\n false}\r\n startDate={this.state.startDate} // momentPropTypes.momentObj or null,\r\n startDateId=\"your_unique_start_date_id\" // PropTypes.string.isRequired,\r\n endDate={this.state.endDate} // momentPropTypes.momentObj or null,\r\n endDateId=\"your_unique_end_date_id\" // PropTypes.string.isRequired,\r\n onDatesChange={this.handleDateRangeChange}//{({ startDateMoment, endDateMoment }) => this.setState({ startDateMoment, endDateMoment })} // PropTypes.func.isRequired,\r\n focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null,\r\n onFocusChange={focusedInput => this.setState({ focusedInput })} // PropTypes.func.isRequired,\r\n showClearDates = {true}\r\n small = {true}\r\n block = {true}\r\n disabled = {!this.state.mapData || this.state.mapData.length == 0}\r\n openDirection=\"up\"\r\n maxDate={new Date()}\r\n onClose={this.resetDateRange}\r\n \r\n />\r\n \r\n \r\n
\r\n \r\n {this.props.loading &&\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {/*
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n //
);\r\n\r\n renderSpinner = () => {\r\n return (\r\n Microsoft Outlook
\r\n //\r\n // \r\n // click to auth\r\n // \r\n //
\r\n // {/*\r\n // \r\n //
*/}\r\n //\r\n // \r\n //
\r\n // {this.state.userInfo!=null?(\r\n // mail:{this.state.userInfo.mail}\r\n //
):null}\r\n\r\n // \r\n // \r\n //
\r\n // {this.state.calendarInfo!=null?(\r\n // {/*
):null}\r\n\r\n // Meeting Name:
\r\n //Date:
\r\n //Start Time:
\r\n //End Time:
\r\n //Repeat:
\r\n //People:
*/}\r\n // calendarInfo:{JSON.stringify(this.state.calendarInfo)}\r\n //\r\n // start:\r\n // end:\r\n // \r\n //
\r\n // {this.state.calendarInfo2!=null?(\r\n // {/*
):null}\r\n // Meeting Name:
\r\n //Date:
\r\n //Start Time:
\r\n //End Time:
\r\n //Repeat:
\r\n //People:
*/}\r\n // {/*calendarInfo2:{JSON.stringify(this.state.calendarInfo2)}*/}\r\n // {\r\n // this.state.calendarInfo2.value.map((item,index)=>{\r\n // return ({item.start.dateTime}-{item.end.dateTime}
)\r\n // })\r\n // }\r\n //{this.renderSpinner()}
\r\n \r\n
\r\n {msg}\r\n
\r\n\r\n
{details.name}
*/}\r\n\r\n {/* {svgFormatter(details.iconsvg)} */}\r\n
\r\n \r\n \r\n
\r\n
Custom Attributes
\r\n\r\n
\r\n
Calculate Attributes
\r\n\r\n
{name}
\r\n {children}\r\n \r\n{name + (type ? (': ' + type) : '')}
\r\n\r\n \r\n \r\n
\r\n \r\n {disableEdit &&\r\n { setEditable(true) }}\r\n style={!defaultValue ? { color: '#ccc', ...textStyles } : textStyles}>{defaultValue || \"Enter here...\"}
\r\n )\r\n}\r\n\r\nexport function EditableAttribute({ name, custom, toggleModal, deleteAttribute, md = 4, ...props }) {\r\n return (\r\n{name}
\r\n {custom &&{name}
\r\n {custom &&{name}
\r\n {custom &&{ handleClick() }}\r\n style={!defaultValue ? { color: '#ccc', ...textStyles } : textStyles}\r\n >\r\n {defaultValue || \"Empty...\"}\r\n
*/}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {this.props.disableEdit &&\r\n \r\n \r\n
\r\n {this.props.disableEdit &&\r\n \r\n {this.renderSvgIcon()}\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default DragVideoModalIncon;","/* eslint-disable */\r\nimport React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Col, Container, Row } from 'reactstrap';\r\nimport { VIDEO_WS_ROOT } from '../../../constants/appConstants';\r\n\r\n// const WS_ROOT = 'wss://wssdemo.itsp-inc.com';\r\nconst WS_ROOT = 'ws://192.168.161.9';\r\n\r\nclass VideoMpegPlayer extends Component {\r\n constructor(props){\r\n super(props);\r\n this.myPlayer = React.createRef();\r\n this.handleLoad = this.handleLoad.bind(this);\r\n this.state = {\r\n videoSrc: \"\"\r\n }\r\n }\r\n componentDidMount(){\r\n // this.ws = new WebSocket('ws://192.168.2.63:8081/webSocketService');\r\n // // this.ws = new WebSocket(this.props.url);\r\n // this.ws.onopen = (e) => {\r\n // console.log('web socket connection established!')\r\n // }\r\n // this.ws.onmessage = (e) => {\r\n // var data = JSON.parse(e.data);\r\n // if (data.code === 0) {\r\n // console.log(e.data)\r\n // } else if (data.code === 201) {\r\n // // $(\"#show_video\").attr(\"src\", \"data:image/*;base64,\" + data.data)\r\n // this.setState({\r\n // videoSrc: \"data:image/*;base64,\" + data.data\r\n // });\r\n // }\r\n // }\r\n\r\n // const canvas = this.myPlayer.current;\r\n // const ctx = canvas.getContext(\"2d\");\r\n // ctx.scale(1, 1);\r\n\r\n // this.player = new JSMpeg.Player('ws://localhost:9999', {\r\n // // canvas: document.getElementById('canvas') // Canvas should be a canvas DOM element\r\n // // canvas: ReactDOM.findDOMNode(this.refs.player)\r\n // canvas: this.myPlayer.current \r\n // // canvas: this.MyCanvas \r\n // });\r\n\r\n // this.player = new JSMpeg.Player('wss://wssdemo.itsp-inc.com:8088', {\r\n // // canvas: document.getElementById('canvas') // Canvas should be a canvas DOM element\r\n // // canvas: ReactDOM.findDOMNode(this.refs.player)\r\n // canvas: this.myPlayer.current \r\n // // canvas: this.MyCanvas \r\n // });\r\n\r\n // this.player = new JSMpeg.Player('ws://192.168.161.9:8098', {\r\n // // canvas: document.getElementById('canvas') // Canvas should be a canvas DOM element\r\n // // canvas: ReactDOM.findDOMNode(this.refs.player)\r\n // canvas: this.myPlayer.current \r\n // // canvas: this.MyCanvas \r\n // });\r\n\r\n // let wsUrl = `${WS_ROOT}:${this.props.port}`;\r\n // console.log('chid - video player',this.props.chid)\r\n let ch = this.props.ch ? this.props.ch : 'nvr';\r\n // let wsUrl = `ws://localhost:8099/socketSecure/ch/${this.props.chid}`;\r\n let wsUrl = `${VIDEO_WS_ROOT}/socketSecure/${ch}/${this.props.chid}`;\r\n // console.log(\"===============VIDEO LINK ==============\", wsUrl)\r\n this.player = new JSMpeg.Player(wsUrl, {\r\n // canvas: document.getElementById('canvas') // Canvas should be a canvas DOM element\r\n // canvas: ReactDOM.findDOMNode(this.refs.player)\r\n canvas: this.myPlayer.current \r\n // canvas: this.MyCanvas \r\n });\r\n\r\n\r\n // window.addEventListener('load', this.handleLoad);\r\n\r\n // var c = this.refs.player;\r\n // var ctx = c.getContext(\"2d\");\r\n // ctx.scale(0.5, 0.5);\r\n // const canvas = this.myPlayer.current\r\n // // const canvas = this.MyCanvas\r\n // console.log(\"get canvas\", canvas)\r\n\r\n // to scale the