Redirecting...
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n user: state.oidc.user\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(CallbackPage);","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nclass Pagination extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.handlePaginate = this.handlePaginate.bind(this);\r\n }\r\n \r\n handlePaginate(event) {\r\n const id = parseInt(event.target.id, 10);\r\n this.props.paginateFunc(id);\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n render(){\r\n let goToFirst;\r\n let goToLast;\r\n let prevPage;\r\n let nextPage;\r\n const currentPage = this.props.currentPage;\r\n const pageCount = this.props.pageCount;\r\n\r\n if (currentPage === pageCount && pageCount > 1) {\r\n goToFirst = \r\n ;\r\n prevPage = \r\n {currentPage - 1}
;\r\n nextPage = '';\r\n goToLast = '';\r\n\r\n } else if (currentPage === pageCount) {\r\n goToFirst = '';\r\n prevPage = '';\r\n nextPage = '';\r\n goToLast = '';\r\n \r\n } else if(currentPage === 1){\r\n goToFirst = '';\r\n prevPage = '';\r\n nextPage = \r\n {currentPage + 1}
;\r\n goToLast = \r\n ;\r\n\r\n } else {\r\n goToFirst = \r\n ;\r\n prevPage = \r\n {currentPage - 1}
;\r\n nextPage = \r\n {currentPage + 1}
;\r\n goToLast = \r\n ;\r\n }\r\n \r\n return(\r\n \r\n
);\r\n }\r\n}\r\n\r\nPagination.propTypes = {\r\n paginateFunc: PropTypes.func.isRequired,\r\n currentPage: PropTypes.number.isRequired,\r\n pageCount: PropTypes.number.isRequired\r\n};\r\n\r\n// const mapStateToProps = function(state) {\r\n// return {\r\n// currentPage: state.workorders.page,\r\n// pageCount: state.workorders.pageCount\r\n// }\r\n// };\r\n\r\nexport default Pagination;","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from 'prop-types';\r\nimport {bindActionCreators} from \"redux\";\r\nimport {actionCreators} from \"../store/Breadcrumbs\";\r\n\r\nclass BreadcrumbMenu extends Component{\r\n constructor(props) {\r\n super(props);\r\n \r\n this.popHistory = this.popHistory.bind(this);\r\n this.handleBack = this.handleBack.bind(this);\r\n }\r\n \r\n popHistory(event) {\r\n const key = event.target.parentNode.id;\r\n this.props.popHistory(key);\r\n }\r\n\r\n handleBack(){\r\n const breadcrumbs = this.props.breadcrumbs;\r\n this.props.popHistory(breadcrumbs.length - 2);\r\n }\r\n \r\n render(){\r\n return(\r\n \r\n {goToFirst}\r\n {prevPage}\r\n
\r\n \r\n
\r\n {nextPage}\r\n {goToLast}\r\n \r\n {currentPage}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nBreadcrumbMenu.propTypes = {\r\n breadcrumbs: PropTypes.array.isRequired,\r\n router: PropTypes.object.isRequired,\r\n popHistory: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapStateToProps = function(state) {\r\n return {\r\n breadcrumbs: state.breadcrumbs.breadcrumbs,\r\n router: state.router \r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, \r\n dispatch => bindActionCreators(actionCreators, dispatch))(BreadcrumbMenu);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nclass Search extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleClear = this.handleClear.bind(this);\r\n }\r\n\r\n handleChange(event) {\r\n this.props.setSearch(event.target.value);\r\n }\r\n \r\n handleClear(event) {\r\n this.props.clearState();\r\n this.props.requestRecords();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.breadcrumbs.map((breadcrumb, i) => {\r\n return (\r\n
\r\n \r\n {breadcrumb.label}\r\n {i !== this.props.breadcrumbs.length - 1 ? : '' }\r\n
\r\n )\r\n })}\r\n \r\n
\r\n Back
\r\n\r\n \r\n {this.props.search !== '' ?\r\n
\r\n )\r\n }\r\n}\r\n\r\nSearch.propTypes = {\r\n search: PropTypes.string,\r\n setSearch: PropTypes.func.isRequired,\r\n clearState: PropTypes.func.isRequired,\r\n requestRecords: PropTypes.func.isRequired\r\n};\r\n\r\nexport default Search;\r\n","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators} from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { actionCreators } from '../../store/WorkOrder';\r\nimport Pagination from '../Pagination';\r\nimport Breadcrumb from '../BreadcrumbMenu';\r\nimport Search from \"../Search\";\r\n\r\nclass WorkOrderList extends Component{\r\n \r\n constructor(props) {\r\n super(props);\r\n \r\n this.handleClick = this.handleClick.bind(this);\r\n this.searchLoadAll = this.searchLoadAll.bind(this);\r\n }\r\n \r\n componentDidMount(){\r\n if (this.props.workorders.display.length === 0){\r\n this.props.requestWorkOrders();\r\n }\r\n }\r\n \r\n componentWillUnmount() {\r\n if (this.props.workorders.query.workOrderType){\r\n this.props.clearState();\r\n } \r\n }\r\n \r\n\r\n handleClick(event){\r\n let id = event.currentTarget.getAttribute(\"id\");\r\n this.props.history.push(\"/services/\" + id);\r\n }\r\n \r\n searchLoadAll(event){\r\n this.props.clearStatePreserveSearch();\r\n this.props.requestWorkOrders();\r\n }\r\n \r\n render() {\r\n return(\r\n Clear
\r\n : ''\r\n }\r\n\r\n \r\n : ''\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nWorkOrderList.propTypes = {\r\n workorders: PropTypes.object.isRequired,\r\n currentPage: PropTypes.number.isRequired,\r\n pageCount: PropTypes.number.isRequired,\r\n requestWorkOrders: PropTypes.func.isRequired,\r\n search: PropTypes.string,\r\n setSearch: PropTypes.func.isRequired,\r\n clearState: PropTypes.func.isRequired,\r\n clearStatePreserveSearch: PropTypes.func.isRequired,\r\n paginate: PropTypes.bool.isRequired\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n currentPage: state.workorders.page,\r\n pageCount: state.workorders.pageCount,\r\n workorders: state.workorders,\r\n search: state.workorders.search,\r\n paginate: state.workorders.paginate\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, \r\n dispatch => bindActionCreators(actionCreators, dispatch))(WorkOrderList);","import React from 'react';\r\n\r\nfunction GPSTable(props){\r\n if(!props.gpsActions || props.gpsActions.length === 0){\r\n return null;\r\n }\r\n else{\r\n return(\r\n \r\n
\r\n \r\n \r\n
\r\n Services
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.search !== '' && !this.props.paginate ?\r\n \r\n \r\n \r\n
\r\n
\r\n | PO # | \r\nService # | \r\nType | \r\nService | \r\nStatus | \r\nLocation | \r\nCity/State | \r\nSched. Date | \r\nGPS | \r\n
|---|---|---|---|---|---|---|---|---|
| {wo.customerPO} | \r\n{wo.workOrderNumber} | \r\n{wo.workOrderType} | \r\n{wo.serviceType} | \r\n{wo.status} | \r\n{wo.storeName} | \r\n{wo.city}, {wo.state} | \r\n{wo.scheduled} | \r\n\r\n {wo.isGPS? : }\r\n | \r\n
\r\n \r\n
\r\n : ''\r\n }\r\n \r\n {this.props.paginate ?\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default GPSTable;","import React, { Component } from 'react';\r\nimport { Map, GoogleApiWrapper, Marker } from 'google-maps-react';\r\nimport icon from '../../../src/assets/location_on_24px.svg';\r\n\r\n\r\nexport class MapContainer extends Component{\r\n\r\n constructor(props){\r\n super(props);\r\n \r\n }\r\n \r\n render(){\r\n // If there is no GPS data just show a map with the location marker\r\n if (!this.props.gpsActions || this.props.gpsActions.length === 0) {\r\n return (\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 GoogleApiWrapper({\r\n apiKey: 'AIzaSyDjDO8PpZj3IHeQtGpVmwjJPKASgrutPiY'\r\n})(MapContainer)","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {withRouter} from \"react-router-dom\";\r\nimport loading from '../assets/loading.gif';\r\n\r\nclass Document extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n document: null,\r\n height: null,\r\n width: null\r\n };\r\n this.returnImg = this.returnImg.bind(this);\r\n this.updateWindowSize = this.updateWindowSize.bind(this);\r\n\r\n this.controller = new AbortController();\r\n this.signal = this.controller.signal;\r\n }\r\n\r\n componentDidMount() {\r\n this.returnImg();\r\n \r\n if (this.props.height && this.props.width) {\r\n this.setState({height: this.props.height, width: this.props.width});\r\n }\r\n \r\n if (!this.props.link) {\r\n this.updateWindowSize();\r\n window.addEventListener('resize', this.updateWindowSize);\r\n }\r\n }\r\n \r\n componentWillUnmount() {\r\n if (!this.props.link) {\r\n window.removeEventListener('resize', this.updateWindowSize);\r\n }\r\n this.controller.abort();\r\n }\r\n \r\n updateWindowSize() {\r\n this.setState({height: window.innerHeight, width: window.innerWidth});\r\n }\r\n \r\n returnImg() {\r\n let link = this.props.link;\r\n \r\n if (!link && this.props.location.pathname.split('/')[1] === 'document') {\r\n link = '/' + this.props.location.pathname.split('/').slice(2).join('/');\r\n }\r\n \r\n link = process.env.PUBLIC_URL + link;\r\n \r\n const width = this.props.width ? this.props.width : 0;\r\n const height = this.props.height ? this.props.height: 0;\r\n\r\n return fetch(`${link}?width=${width}&height=${height}`, {\r\n method: 'GET',\r\n headers: new Headers({\r\n 'Authorization': 'Bearer ' + this.props.user.access_token,\r\n }),\r\n signal: this.signal\r\n })\r\n .then((response) => response.blob())\r\n .then((file) => getBase64(file)\r\n .then((file) => this.setState({document: file}))\r\n ).catch(e => {\r\n if (e.name === 'AbortError')\r\n console.log('API call aborted');\r\n else\r\n console.error(e)\r\n })\r\n }\r\n \r\n render() {\r\n if (!this.state.document) \r\n return (\r\n | Tech Cnt | \r\nStatus | \r\nDate | \r\nTime | \r\n
|---|---|---|---|
| {techCount} | \r\n{row.transactionType.replace('Check', 'Check-')} | \r\n{datetime.getMonth() + 1}/{datetime.getDate()}/{datetime.getFullYear()} | \r\n{time} | \r\n
\r\n
\r\n );\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = function (state) {\r\n return {\r\n user: state.oidc.user,\r\n current: state.workorders.current,\r\n }\r\n};\r\n\r\nexport default withRouter(connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(WorkOrderDetail));","import React from 'react';\r\n\r\nconst Page404 = props => (\r\n \r\n
\r\n\r\n {/*WO Detail container*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.current.locStatus ?\r\n {this.props.current.storeName}
\r\n\r\n
\r\n : \"\"\r\n }\r\n {this.props.current.isFlagShipStore ?\r\n \r\n {this.props.current.locStatus}\r\n
\r\n \r\n
\r\n : \"\"\r\n }\r\n \r\n Fl\r\n
\r\n \r\n
\r\n {this.props.current.street}
{this.props.current.city}, {this.props.current.state}
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.props.current.storeContact || '---'}
\r\n\r\n \r\n
\r\n \r\n
\r\n {this.props.current.phone || '---'}
\r\n\r\n \r\n
\r\n \r\n
\r\n {this.props.current.fax || '---'}
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.current.email || '---'}
\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n {this.props.current.invoiceNumber ?\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.current.workOrderNumber}
\r\n\r\n
\r\n \r\n {this.props.current.status}\r\n
\r\n \r\n
\r\n\r\n {this.props.current.serviceType} {this.props.current.workOrderType}
\r\n\r\n
\r\n\r\n \r\n
\r\n PO #
\r\n{this.props.current.customerPO || 'N/A'}
\r\n\r\n
\r\n Confirmation #
\r\n039840480
\r\n\r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n Start Date
\r\n{this.props.current.start || 'N/A'}
\r\n\r\n
\r\n Scheduled Date
\r\n{this.props.current.scheduled || 'N/A'}
\r\n\r\n
\r\n Completed Date
\r\n{this.props.current.completed || 'N/A'}
\r\n\r\n
\r\n Due Date
\r\n{this.props.current.due || 'N/A'}
\r\n\r\n\r\n {this.props.current.invoiceNumber ?\r\n
\r\n {this.props.current.invoiceImage ?\r\n
\r\n : \"\"}\r\n {this.props.current.invoiceNumber ? \r\n \r\n
\r\n : ''\r\n }\r\n Invoice
\r\n\r\n
\r\n Invoice #
\r\n{this.props.current.invoiceNumber}
\r\n\r\n
\r\n Invoice Amount
\r\n${this.props.current.invoiceAmount}
\r\n\r\n
\r\n Invoice Date
\r\n{this.props.current.invoiceDate}
\r\n: \"\"}\r\n\r\n\r\n {/*
*/}\r\n {/*
*/}\r\n\r\n {/**/}\r\n {/*
*/}\r\n {/*Description
*/}\r\n {/**/}\r\n {/*
*/}\r\n\r\n
\r\n
\r\n\r\n {this.props.current.images.length > 0 ?\r\n \r\n
\r\n
\r\n :\r\n ''\r\n }\r\n\r\n \r\n
\r\n {this.props.current.images.map((image) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n })}\r\n {image.name}
\r\n\r\n
\r\n
\r\n);\r\n\r\nexport default Page404;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport dashdemo from '../assets/commercial-fire.svg';\r\n\r\nconst Home = props => (\r\n\r\n 404 - Page not found
\r\n\r\n
Route not found for {props.location.pathname}
\r\n 
\r\n
\r\n);\r\n\r\nexport default connect()(Home);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { actionCreators } from \"../../store/Invoice\";\r\nimport Pagination from '../Pagination';\r\nimport Breadcrumb from '../BreadcrumbMenu';\r\nimport Search from \"../Search\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass InvoiceList extends Component{\r\n\r\n constructor(props) {\r\n super(props);\r\n \r\n this.handleClick = this.handleClick.bind(this);\r\n this.searchLoadAll = this.searchLoadAll.bind(this);\r\n }\r\n \r\n componentDidMount(){\r\n if (this.props.display.length === 0){\r\n this.props.requestInvoices();\r\n } \r\n }\r\n\r\n handleClick(event){\r\n let id = event.currentTarget.getAttribute(\"id\");\r\n this.props.history.push(\"/services/\" + id);\r\n }\r\n\r\n searchLoadAll(event){\r\n this.props.clearStatePreserveSearch();\r\n this.props.requestInvoices();\r\n }\r\n\r\n render(){\r\n return(\r\n Welcome to Commercial Fire's work order\r\n management tool.
\r\nWhere you can manage all of your services with\r\n Commercial Fire.
\r\n\r\n \r\n : ''\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nInvoiceList.propTypes = {\r\n display: PropTypes.array.isRequired,\r\n currentPage: PropTypes.number.isRequired,\r\n pageCount: PropTypes.number.isRequired,\r\n requestInvoices: PropTypes.func.isRequired,\r\n search: PropTypes.string,\r\n setSearch: PropTypes.func.isRequired,\r\n clearState: PropTypes.func.isRequired,\r\n clearStatePreserveSearch: PropTypes.func.isRequired,\r\n paginate: PropTypes.bool.isRequired\r\n};\r\n\r\nfunction mapStateToProps(state){\r\n return {\r\n oidc: state.oidc,\r\n display: state.invoices.display,\r\n currentPage: state.invoices.page,\r\n pageCount: state.invoices.pageCount,\r\n search: state.invoices.search,\r\n paginate: state.invoices.paginate\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch))(InvoiceList);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { actionCreators } from \"../../store/Location\";\r\nimport Pagination from '../Pagination';\r\nimport Breadcrumb from '../BreadcrumbMenu';\r\nimport Search from \"../Search\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass LocationList extends Component{\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleClick = this.handleClick.bind(this);\r\n this.searchLoadAll = this.searchLoadAll.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n if (this.props.display.length === 0){\r\n this.props.requestLocations();\r\n }\r\n }\r\n\r\n handleClick(event){\r\n let id = event.currentTarget.getAttribute(\"id\");\r\n this.props.history.push(\"/locations/\" + id);\r\n }\r\n\r\n searchLoadAll(event){\r\n this.props.clearStatePreserveSearch();\r\n this.props.requestLocations();\r\n }\r\n \r\n render(){\r\n return(\r\n \r\n
\r\n\r\n \r\n
\r\n Invoices
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.search !== '' && !this.props.paginate ?\r\n \r\n \r\n \r\n
\r\n
\r\n | # | \r\nService | \r\nLocation | \r\nInvoiced Date | \r\nTotal Due | \r\nBalance Due | \r\nImage | \r\nService # | \r\n
|---|---|---|---|---|---|---|---|
| {inv.invoiceNo} | \r\n{inv.type} | \r\n{inv.locationName} | \r\n{inv.invoicedDate} | \r\n${inv.customerTotal} | \r\n${inv.custBalanceDue} | \r\n\r\n {inv.imageUrl ?\r\n \r\n \r\n \r\n : ''\r\n }\r\n | \r\n{inv.workOrderNo} | \r\n
\r\n \r\n
\r\n : ''\r\n }\r\n\r\n {this.props.paginate ?\r\n \r\n \r\n : ''\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nLocationList.propTypes = {\r\n display: PropTypes.array.isRequired,\r\n currentPage: PropTypes.number.isRequired,\r\n pageCount: PropTypes.number.isRequired,\r\n requestLocations: PropTypes.func.isRequired,\r\n search: PropTypes.string,\r\n setSearch: PropTypes.func.isRequired,\r\n clearState: PropTypes.func.isRequired,\r\n clearStatePreserveSearch: PropTypes.func.isRequired,\r\n paginate: PropTypes.bool.isRequired\r\n};\r\n\r\nfunction mapStateToProps(state){\r\n return {\r\n oidc: state.oidc,\r\n display: state.locations.display,\r\n currentPage: state.locations.page,\r\n pageCount: state.locations.pageCount,\r\n search: state.locations.search,\r\n paginate: state.locations.paginate\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch))(LocationList);","import React, { Component } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport connect from \"react-redux/es/connect/connect\";\r\nimport {bindActionCreators} from \"redux\";\r\nimport {actionCreators} from \"../../../store/LocationDetail\";\r\n\r\nclass QuotesTable extends Component{\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n \r\n };\r\n \r\n this.handleClick = this.handleClick.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n if (this.props.quotes.length === 0){\r\n this.props.setQuotes();\r\n }\r\n }\r\n \r\n handleClick(event){\r\n let id = event.currentTarget.getAttribute(\"id\");\r\n this.props.history.push(\"/services/\" + id);\r\n }\r\n \r\n render(){\r\n return(\r\n \r\n
\r\n\r\n \r\n
\r\n Locations
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.search !== '' && !this.props.paginate ?\r\n \r\n \r\n \r\n
\r\n
\r\n | Status | \r\nStore # | \r\nName | \r\nStreet | \r\nCity | \r\nState | \r\nZip | \r\nRegion | \r\n
|---|---|---|---|---|---|---|---|
| {loc.status} | \r\n{loc.storeNumber} | \r\n{loc.name} | \r\n{loc.address} | \r\n{loc.city} | \r\n{loc.state} | \r\n{loc.zip} | \r\n\r\n |
\r\n \r\n
\r\n : ''\r\n }\r\n\r\n {this.props.paginate ?\r\n | # | \r\nService | \r\nStatus | \r\nSubmitted Date | \r\nTotal | \r\nImage | \r\nService # | \r\n
|---|---|---|---|---|---|---|
| {row.quoteNo} | \r\n{row.serviceType} | \r\n{row.status} | \r\n{row.submittedDate} | \r\n${row.total} | \r\n\r\n {row.image ?\r\n \r\n \r\n \r\n : ''\r\n }\r\n | \r\n{row.workOrderNo} | \r\n
| Completed | \r\nService # | \r\nStart | \r\nDue | \r\nStatus | \r\nService Type | \r\n\r\n |
|---|---|---|---|---|---|---|
| {row.completed} | \r\n{row.workOrderNumber} | \r\n{row.start} | \r\n{row.due} | \r\n{row.status} | \r\n{row.serviceType} | \r\n\r\n |
| # | \r\nService | \r\nInvoiced Date | \r\nTotal Due | \r\nBalance Due | \r\nImage | \r\nService # | \r\n
|---|---|---|---|---|---|---|
| {row.invoiceNo} | \r\n{row.type} | \r\n{row.invoicedDate} | \r\n${row.customerTotal} | \r\n${row.custBalanceDue} | \r\n\r\n {row.image ?\r\n \r\n \r\n \r\n : ''\r\n }\r\n | \r\n{row.workOrderNo} | \r\n
;\r\n \r\n for (let j=0; j < systemCopy.length ; j++ ){\r\n \r\n if (systemCopy[j] !== undefined){\r\n\r\n if (systemCopy[j].inspectionMonth === i){\r\n \r\n displayArray[i] = \r\n \r\n \r\n \r\n )\r\n \r\n }\r\n}\r\nexport default PieChart2;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { actionCreators } from \"../../store/KPI\";\r\nimport {bindActionCreators} from \"redux\";\r\n\r\nclass KPISettingsMenu extends Component{\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {};\r\n \r\n this.handleSet = this.handleSet.bind(this);\r\n this.handleRemove = this.handleRemove.bind(this);\r\n }\r\n\r\n handleSet(event){\r\n const kpi_id = event.currentTarget.getAttribute(\"id\");\r\n this.props.setUserKPI(kpi_id);\r\n }\r\n \r\n handleRemove(event){\r\n const kpi_id = event.currentTarget.getAttribute(\"id\");\r\n this.props.removeUserKPI(kpi_id);\r\n }\r\n\r\n render(){\r\n return(\r\n 
\r\n }\r\n }\r\n}\r\n\r\nexport const mapStateToProps = function (state) {\r\n return {\r\n user: state.oidc.user,\r\n kpi: state.kpi,\r\n //options: state.kpi.options\r\n data: state.kpi.data\r\n }\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(DisplayUserKPI);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { actionCreators } from \"../../store/KPI\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport DisplayUserKPI from \"./DisplayUserKPI\";\r\nimport KPISettings from \"./KPISettingsMenu\";\r\n\r\nclass BaseLayout extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n settingsMenu: false\r\n };\r\n\r\n this.onToggle = this.onToggle.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.kpi.options.length === 0) {\r\n this.props.getOptions();\r\n }\r\n }\r\n\r\n onToggle(event) {\r\n if (this.state.settingsMenu === true) {\r\n this.setState({ settingsMenu: false });\r\n } else {\r\n this.setState({ settingsMenu: true });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n );\r\n }\r\n // check if user is signed in\r\n userManager.getUser().then(user => {\r\n if ((!user || user.expired) && !this.props.isLoggingOut) {\r\n console.log(\"redirecting...\");\r\n // if no user found, or token has expired, auto redirect to identity server signin page\r\n // pass the current path to redirect to the correct page after successfull login\r\n userManager.signinRedirect({data: {path: window.location.pathname}});\r\n return null;\r\n }\r\n });\r\n \r\n // wait for userManager to load the user\r\n if (!this.props.user)\r\n return null;\r\n\r\n if (this.props.location.pathname.split('/')[1] === 'document') {\r\n console.log('document');\r\n return \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 {this.props.user.profile.cf_cdb_admin === 'true' ? : ''}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps){\r\n return {\r\n user: state.oidc.user,\r\n isLoadingUser: state.oidc.isLoadingUser,\r\n isLoggingOut: state.boolLogout.isLoggingOut,\r\n path: ownProps.path,\r\n component: ownProps.component\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch){\r\n return {\r\n dispatch\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CustomRouter);","module.exports = __webpack_public_path__ + \"static/media/location_on_24px.a61dde69.svg\";","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","// This adds backwards browser compatibility \r\nimport 'abortcontroller-polyfill/dist/polyfill-patch-fetch';\r\n\r\nimport './css/styles.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport {OidcProvider, processSilentRenew} from 'redux-oidc';\r\nimport { ConnectedRouter } from 'connected-react-router';\r\nimport { loadUser } from 'redux-oidc';\r\nimport { createBrowserHistory } from 'history';\r\nimport configureStore from './store/configureStore';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport userManager from './userManager';\r\n\r\n\r\n// Create browser history to use in the Redux store\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst history = createBrowserHistory({ basename: baseUrl });\r\n\r\n// Get the application-wide store instance, prepopulating with state from the server where available.\r\nconst initialState = window.initialReduxState;\r\nconst store = configureStore(history, initialState);\r\nloadUser(store, userManager);\r\n\r\nconst rootElement = document.getElementById('root');\r\nif (window.location.pathname === '/silent-renew' || window.location.pathname === `${process.env.PUBLIC_URL}/silent-renew`) {\r\n processSilentRenew();\r\n} else {\r\n ReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n}\r\n//registerServiceWorker();\r\n","import { applyMiddleware, combineReducers, compose, createStore } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport { routerMiddleware } from 'connected-react-router';\r\nimport { connectRouter } from \"connected-react-router\";\r\nimport {reducer as oidcReducer} from \"redux-oidc\";\r\nimport * as WorkOrders from \"./WorkOrder\";\r\nimport * as Invoices from \"./Invoice\";\r\nimport * as KPI from \"./KPI\";\r\nimport * as Locations from \"./Location\";\r\nimport * as LocationDetail from \"./LocationDetail\";\r\nimport * as Quotes from \"./Quote\";\r\nimport * as Breadcrumbs from \"./Breadcrumbs\";\r\nimport * as Logout from \"./Logout\";\r\nimport * as Admin from \"./Admin\";\r\n\r\nexport default function configureStore(history, initialState) {\r\n const reducers = {\r\n oidc: oidcReducer,\r\n admin: Admin.reducer,\r\n kpi: KPI.reducer,\r\n workorders: WorkOrders.reducer,\r\n locations: Locations.reducer,\r\n locationDetail: LocationDetail.reducer,\r\n invoices: Invoices.reducer,\r\n quotes: Quotes.reducer,\r\n breadcrumbs: Breadcrumbs.reducer,\r\n router: connectRouter(history),\r\n boolLogout: Logout.reducer\r\n };\r\n\r\n const middleware = [\r\n thunk,\r\n routerMiddleware(history)\r\n ];\r\n\r\n // In development, use the browser's Redux dev tools extension if installed\r\n const enhancers = [];\r\n const isDevelopment = process.env.NODE_ENV === 'development';\r\n if (isDevelopment && typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__) {\r\n enhancers.push(window.__REDUX_DEVTOOLS_EXTENSION__());\r\n }\r\n\r\n const rootReducer = combineReducers({\r\n ...reducers,\r\n });\r\n\r\n return createStore(\r\n rootReducer,\r\n initialState,\r\n compose(applyMiddleware(...middleware), ...enhancers)\r\n );\r\n}\r\n"],"sourceRoot":""}
\r\n
\r\n ;\r\n systemCopy.shift();\r\n } \r\n }\r\n }\r\n }\r\n return displayArray;\r\n }\r\n\r\n render(){\r\n let zones = this.props.zones;\r\n return(\r\n \r\n \r\n
\r\n \r\n {systemCopy[j].serviceType}
\r\n Last Inspection Date: {systemCopy[j].lastInspectionDate ? systemCopy[j].lastInspectionDate : 'n/a'}\r\n
\r\n \r\n Last Inspection Date: {systemCopy[j].lastInspectionDate ? systemCopy[j].lastInspectionDate : 'n/a'}\r\n
\r\n
\r\n\r\n );\r\n };\r\n\r\n}\r\n\r\nconst mapStateToProps = function(state) {\r\n return {\r\n user: state.oidc.user,\r\n zones: state.locationDetail.scheduled,\r\n }\r\n};\r\n\r\nexport default withRouter(connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(TicklerTable));","import React, { Component } from 'react';\r\nimport {connect} from \"react-redux\";\r\nimport QuotesTable from \"./QuotesTable\";\r\nimport WorkOrdersTable from \"./WorkOrdersTable\";\r\nimport InvoicesTable from \"./InvoicesTable\";\r\nimport TicklerTable from \"./TicklerTable\";\r\nimport {withRouter} from \"react-router-dom\";\r\nimport {bindActionCreators} from \"redux\";\r\nimport {actionCreators} from \"../../../store/LocationDetail\";\r\n\r\nconst scheduled = \"scheduled\";\r\nconst pastWOs = \"pastWOs\";\r\nconst quotes = \"quotes\";\r\nconst invoices = \"invoices\";\r\n\r\n\r\nclass TabMenu extends Component{\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n active: scheduled\r\n };\r\n \r\n this.handleSelect = this.handleSelect.bind(this);\r\n this.renderTable = this.renderTable.bind(this);\r\n }\r\n \r\n componentDidMount(){\r\n // if(this.props.locationDetail.scheduled.length === 0){\r\n //\r\n // this.props.setLocation(this.props.locid);\r\n //\r\n // }\r\n //\r\n if (this.props.locationDetail.currentLocationId !== this.props.match.params.id ){\r\n \r\n this.props.setLocation(this.props.locid);\r\n \r\n }\r\n \r\n this.setState({\r\n active: this.props.locationDetail.activeTab\r\n })\r\n }\r\n \r\n componentWillUnmount(){\r\n //console.log(\"TabMenu unmounted\");\r\n };\r\n \r\n handleSelect(event){\r\n let id = event.currentTarget.getAttribute(\"id\");\r\n this.setState({active: id});\r\n }\r\n \r\n renderTable(){\r\n let id = this.state.active;\r\n switch (id) {\r\n case scheduled:\r\n return (\r\n \r\n
\r\n {Object.keys(zones).map( (key, 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 Jan
\r\n Feb
\r\n Mar
\r\n Apr
\r\n May
\r\n Jun
\r\n Jul
\r\n Aug
\r\n Sep
\r\n Oct
\r\n Nov
\r\n Dec
\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n {key}\r\n
\r\n \r\n {\r\n Object.keys(zones[key]).map((sysKey, 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 {sysKey.substr(0, 28)}{sysKey.length > 30 ? '...' : ''}\r\n
\r\n \r\n \r\n {sysKey}\r\n
\r\n \r\n {Object.keys(zones[key][sysKey]).map((servKey, j) => {\r\n if (typeof zones[key][sysKey][servKey] === 'object')\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n {zones[key][sysKey][servKey]['desc']}\r\n
\r\n \r\n {zones[key][sysKey][servKey]['tooltip']}\r\n
\r\n \r\n {this.sortedTicklers(zones[key][sysKey][servKey]['ticklers'])}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = function(state) {\r\n return {\r\n user: state.oidc.user,\r\n current: state.locations.current,\r\n locationDetail: state.locationDetail\r\n }\r\n};\r\n\r\nexport default withRouter(connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(TabMenu));\r\n","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { bindActionCreators} from 'redux';\r\nimport { actionCreators } from '../../store/Location';\r\nimport {withRouter} from \"react-router-dom\";\r\nimport Breadcrumb from \"../BreadcrumbMenu\";\r\nimport TabMenu from \"./TabMenu/TabMenu\";\r\n\r\nclass LocationDetail extends Component{\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n \r\n };\r\n\r\n this.handleBack = this.handleBack.bind(this);\r\n }\r\n\r\n componentDidMount(){\r\n if (this.props.match) {\r\n const id = this.props.match.params.id;\r\n this.props.selectLocation(id);\r\n }\r\n }\r\n \r\n componentWillUnmount(){\r\n };\r\n \r\n handleBack(){\r\n this.props.history.goBack();\r\n }\r\n\r\n render(){\r\n if (!this.props.current){\r\n return (null);\r\n } else {\r\n return(\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Scheduled Services\r\n
\r\n \r\n Services\r\n
\r\n \r\n Quotes\r\n
\r\n \r\n Invoices\r\n
\r\n \r\n {this.renderTable()}\r\n
\r\n \r\n \r\n \r\n {/*Location Detail Container*/}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = function(state) {\r\n return {\r\n user: state.oidc.user,\r\n current: state.locations.current,\r\n }\r\n};\r\n\r\nexport default withRouter(connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(LocationDetail));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { actionCreators } from \"../../store/Quote\";\r\nimport Pagination from '../Pagination';\r\nimport Breadcrumb from '../BreadcrumbMenu';\r\nimport Search from \"../Search\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass QuoteList extends Component{\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleClick = this.handleClick.bind(this);\r\n this.searchLoadAll = this.searchLoadAll.bind(this);\r\n //set search if kpiSearch was set in dashboard\r\n try {\r\n if (typeof this.props.history.location.state.kpiSearch != 'undefined') {\r\n this.props.setSearch(this.props.history.location.state.kpiSearch)\r\n this.searchLoadAll()\r\n }\r\n \r\n } catch { }\r\n \r\n }\r\n\r\n componentDidMount(){\r\n if (this.props.display.length === 0){\r\n this.props.requestQuotes();\r\n }\r\n }\r\n\r\n handleClick(event){\r\n let id = event.currentTarget.getAttribute(\"id\");\r\n this.props.history.push(\"/services/\" + id);\r\n }\r\n\r\n searchLoadAll(event){\r\n this.props.clearStatePreserveSearch();\r\n this.props.requestQuotes();\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 {this.props.current.status ?\r\n {this.props.current.name}
\r\n\r\n
\r\n :\"\"\r\n }\r\n {this.props.current.flagShip ?\r\n \r\n {this.props.current.status}\r\n
\r\n \r\n
\r\n :\"\"\r\n }\r\n \r\n Fl\r\n
\r\n \r\n
\r\n {this.props.current.address}
{this.props.current.city}, {this.props.current.state}
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.props.current.storeContact || '---'}
\r\n\r\n \r\n
\r\n \r\n
\r\n {this.props.current.phoneNumber || '---'}
\r\n\r\n \r\n
\r\n \r\n
\r\n {this.props.current.faxNumber || '---'}
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.current.emailAddress || '---'}
\r\n\r\n \r\n : ''\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nQuoteList.propTypes = {\r\n display: PropTypes.array.isRequired,\r\n currentPage: PropTypes.number.isRequired,\r\n pageCount: PropTypes.number.isRequired,\r\n requestQuotes: PropTypes.func.isRequired,\r\n search: PropTypes.string,\r\n setSearch: PropTypes.func.isRequired,\r\n clearState: PropTypes.func.isRequired,\r\n clearStatePreserveSearch: PropTypes.func.isRequired,\r\n paginate: PropTypes.bool.isRequired\r\n};\r\n\r\nfunction mapStateToProps(state){\r\n return {\r\n display: state.quotes.display,\r\n currentPage: state.quotes.page,\r\n pageCount: state.quotes.pageCount,\r\n search: state.quotes.search,\r\n paginate: state.quotes.paginate\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch))(QuoteList);","import React, { Component } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { actionCreators } from \"../store/Logout\";\r\n\r\nclass Logout extends Component {\r\n\r\n componentDidMount() {\r\n this.props.startLogout();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n Quotes
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {this.props.search !== '' && !this.props.paginate ?\r\n \r\n \r\n \r\n
\r\n
\r\n | # | \r\nStatus | \r\nType | \r\nLocation | \r\nSubmitted Date | \r\nTotal Due | \r\nImage | \r\nService # | \r\n
|---|---|---|---|---|---|---|---|
| {quote.quoteNo} | \r\n{quote.status} | \r\n{quote.serviceType} | \r\n{quote.locationName} | \r\n{quote.submittedDate} | \r\n${quote.total} | \r\n\r\n {quote.imageUrl ?\r\n \r\n \r\n \r\n : ''\r\n }\r\n | \r\n{quote.workOrderNo} | \r\n
\r\n \r\n
\r\n : ''\r\n }\r\n\r\n {this.props.paginate ?\r\n \r\n Redirecting...\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => state,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(Logout);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {withRouter} from \"react-router-dom\";\r\nimport userManager from \"../../userManager\";\r\n\r\nclass RegisterNewUser extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n lastName : '',\r\n firstName : '',\r\n customerId : '',\r\n email: '',\r\n message: '',\r\n cdbUser: false,\r\n cdbAdmin: false,\r\n cfAdmin: false,\r\n itAdmin: false\r\n };\r\n \r\n this.registerNewUser = this.registerNewUser.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n handleChange(event){\r\n if (event.target.name === 'first_name')\r\n this.setState({firstName: event.target.value});\r\n if (event.target.name === 'last_name')\r\n this.setState({lastName: event.target.value});\r\n if (event.target.name === 'email')\r\n this.setState({email: event.target.value});\r\n if (event.target.name === 'cust_id')\r\n this.setState({ customerId: event.target.value });\r\n if (event.target.name === 'userCheckbox')\r\n this.setState({ cdbUser: event.target.checked });\r\n if (event.target.name === 'adminCheckbox')\r\n this.setState({ cdbAdmin: event.target.checked });\r\n if (event.target.name === 'cfAdminCheckbox')\r\n this.setState({ cfAdmin: event.target.checked } );\r\n if (event.target.name === 'itAdminCheckbox')\r\n this.setState({ itAdmin: event.target.checked });\r\n }\r\n \r\n registerNewUser(){\r\n let body = {\r\n lastName : this.state.lastName,\r\n firstName : this.state.firstName,\r\n customerId : this.state.customerId,\r\n email: this.state.email,\r\n cdbUser: this.state.cdbUser,\r\n cdbAdmin: this.state.cdbAdmin,\r\n cfAdmin: this.state.cfAdmin,\r\n itAdmin: this.state.itAdmin\r\n };\r\n \r\n if (body.customerId === ''){\r\n this.setState({message: 'Customer ID cannot be empty'});\r\n } else if (body.lastName === ''){\r\n this.setState({message: 'Last name cannot be empty'});\r\n } else if (body.firstName === ''){\r\n this.setState({message: 'First name cannot be empty'});\r\n } else if (body.email === ''){\r\n this.setState({message: 'E-mail cannot be empty'});\r\n } else {\r\n apiPutPost(this.props, body).then((response) => {\r\n this.setState({message: response});\r\n });\r\n }\r\n }\r\n \r\n render() {\r\n \r\n if (this.props.user.profile.it_admin === 'true'){\r\n return (\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\nasync function apiPutPost(props, body){\r\n const url = `api/cfadmin/registeruser/`;\r\n const path = window.location.pathname;\r\n let message;\r\n \r\n await fetch(url, {\r\n method: 'POST',\r\n headers: new Headers({\r\n 'Authorization': 'Bearer ' + props.user.access_token,\r\n 'Content-Type': 'application/json',\r\n 'Accept': 'application/json'\r\n }),\r\n body: JSON.stringify(body)\r\n }).then((response) => {\r\n console.log(\"response is \")\r\n console.log(response)\r\n console.log(body)\r\n if (response.status === 200) {\r\n message = \"User has been created and sent a confirmation e-mail.\";\r\n } else if (response.status === 404) {\r\n message = \"Invalid customer ID used.\";\r\n } else if (response.status === 403) {\r\n message = \"Email did not send. Please contact a developer for assistance.\";\r\n } else if ( response.status === 400 ){\r\n message = \"User already exists.\"\r\n } else {\r\n message = \"Server was unable to create the user at this time. Tell IT.\";\r\n }\r\n }).catch((error) =>{\r\n message = \"Unable to access the server at this time.\";\r\n throw error;\r\n });\r\n\r\n return message;\r\n}\r\n\r\nconst mapStateToProps = function(state) {\r\n return {\r\n user: state.oidc.user\r\n }\r\n};\r\n\r\n//export default NavMenu;\r\nexport default withRouter(connect(mapStateToProps)(RegisterNewUser));","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {withRouter} from \"react-router-dom\";\r\nimport RegisterUser from \"./RegisterNewUser\";\r\nimport ChangeCustId from \"./ChangeCustId\";\r\n\r\nclass Admin extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n }\r\n\r\n render(){\r\n return (\r\n \r\n {this.state.message}\r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = function(state) {\r\n return {\r\n user: state.oidc.user\r\n }\r\n};\r\n\r\n//export default NavMenu;\r\nexport default withRouter(connect(mapStateToProps)(Admin));","import React, { Component } from 'react';\r\nimport * as d3 from 'd3';\r\n\r\nclass PieChart2 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [],\r\n arc: null,\r\n pie: null,\r\n hoveredName: ''\r\n };\r\n \r\n \r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n data: this.props.data,\r\n arc: this.createArc(),\r\n pie: this.createPie(),\r\n colors: this.createColors()\r\n });\r\n }\r\n \r\n createArc() {\r\n const height = this.props.height;\r\n const width = this.props.width;\r\n const radius = Math.min(width, height) / 2;\r\n return d3\r\n .arc()\r\n .innerRadius(radius * 0.67)\r\n .outerRadius(radius - 1)\r\n .cornerRadius(4);\r\n }\r\n \r\n createPie() {\r\n return d3\r\n .pie()\r\n .sort(null)\r\n .value(d => d.count);\r\n }\r\n \r\n createColors() {\r\n return d3\r\n .scaleOrdinal()\r\n .domain(this.state.data.map(d => d.name))\r\n .range(this.props.colorRange);\r\n }\r\n\r\n handleMouseEnter(){\r\n // todo show tooltip\r\n }\r\n \r\n handleMouseLeave(){\r\n // todo hide tooltip\r\n }\r\n \r\n render() {\r\n const { width, height } = this.props;\r\n const { colors, arc, pie, data } = this.state;\r\n\r\n if (!arc || !pie || !colors ) {\r\n return \r\n
\r\n \r\n
\r\n \r\n
Loading...
;\r\n }\r\n \r\n return (\r\n \r\n
\r\n \r\n {this.state.hoveredName}\r\n
\r\n \r\n\r\n
\r\n );\r\n };\r\n\r\n}\r\n\r\nexport const mapStateToProps = function(state) {\r\n return {\r\n user: state.oidc.user,\r\n kpi: state.kpi,\r\n options: state.kpi.options,\r\n userKPI: state.kpi.data\r\n }\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(KPISettingsMenu);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { actionCreators } from \"../../store/WorkOrder\";\r\nimport {bindActionCreators} from \"redux\";\r\nimport * as d3 from 'd3';\r\nimport {mapStateToProps} from \"./KPISettingsMenu\";\r\n\r\nclass KPILegend extends Component{\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n data: []\r\n };\r\n \r\n this.onClick = this.onClick.bind(this);\r\n }\r\n \r\n componentDidMount() {\r\n this.setState({\r\n data: this.props.data,\r\n colors: this.createColors()\r\n })\r\n }\r\n\r\n createColors() {\r\n return d3\r\n .scaleOrdinal()\r\n .domain(this.state.data.map(d => d.name))\r\n .range(this.props.colorRange);\r\n }\r\n\r\nonClick(event) {\r\n if (event.currentTarget.getAttribute(\"toquote\") == 'true') {\r\n if (event.currentTarget.getAttribute(\"name\") == \"Rejected\") {\r\n this.props.history.push('/quotes', { kpiSearch: 'rejected'})\r\n }\r\n if (event.currentTarget.getAttribute(\"name\") == \"Pending Approval\") {\r\n this.props.history.push('/quotes', { kpiSearch: 'open' })\r\n }\r\n }\r\n else {\r\n const query = event.currentTarget.getAttribute(\"id\");\r\n this.props.setQuery(query);\r\n this.props.history.push(\"/services\");\r\n }\r\n \r\n }\r\n \r\n render() {\r\n const { data, colors} = this.state;\r\n \r\n if (!data || !colors) {\r\n return \r\n
\r\n \r\n \r\n
\r\n Your KPI
\r\n\r\n
\r\n \r\n {this.props.userKPI.map( (type) => {\r\n return(\r\n
\r\n \r\n {type.value.map( (kpi) =>{\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 Add KPI
\r\n\r\n {this.props.options.map( (type) => {\r\n return(\r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n {type.key}
\r\n\r\n {type.value.map( (kpi) => {\r\n return(\r\n \r\n )\r\n })}\r\n
\r\n Loading...
; \r\n } \r\n \r\n return(\r\n \r\n {data.map((kpi) => {\r\n var temp;\r\n kpi.toQuote ? temp = 'true' : temp = 'false' \r\n return (\r\n
\r\n )\r\n \r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(KPILegend);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { actionCreators } from \"../../store/KPI\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport loading from \"../../assets/loading.gif\";\r\nimport PieChart2 from \"./PieChart2\";\r\nimport KPILegend from \"./KPILegend\";\r\nimport * as d3 from \"d3\";\r\n\r\nconst colorRange = [\"#0288D1\", \"#F5A623\", \"#E12E2E\", \"#474747\", \"#008a93\", \"#1A3280\"];\r\n\r\nclass DisplayUserKPI extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.kpi.data.length === 0) {\r\n this.props.getUserKPI();\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.kpi.data) {\r\n return (\r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n {kpi.name}
\r\n\r\n
\r\n {kpi.count}
\r\n\r\n {this.props.data.map((type) => {\r\n return (\r\n
\r\n );\r\n } else {\r\n return \r\n
\r\n )\r\n })}\r\n \r\n
\r\n {type.key}
\r\n\r\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 const mapStateToProps = function (state) {\r\n return {\r\n user: state.oidc.user,\r\n kpi: state.kpi,\r\n options: state.kpi.options\r\n }\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n dispatch => bindActionCreators(actionCreators, dispatch)\r\n)(BaseLayout);","import React, { Component } from 'react';\r\nimport {Route, Switch} from \"react-router-dom\";\r\nimport userManager from './userManager';\r\nimport Layout from \"./components/Layout\";\r\nimport Callback from \"./components/Callback\";\r\nimport WorkOrderList from \"./components/WorkOrder/WorkOrderList\";\r\nimport WorkOrderDetail from \"./components/WorkOrder/WorkOrderDetail\";\r\nimport Page404 from \"./components/404\";\r\nimport {connect} from \"react-redux\";\r\nimport HomePage from \"./components/Home\";\r\nimport InvoiceList from \"./components/Invoice/InvoiceList\";\r\nimport LocationList from \"./components/Location/LocationList\";\r\nimport LocationDetail from \"./components/Location/LocationDetail\";\r\nimport QuoteList from \"./components/Quote/QuoteList\";\r\nimport Document from \"./components/Document\";\r\nimport Logout from \"./components/Logout\";\r\nimport Admin from \"./components/Admin/Admin\";\r\nimport KPI from \"./components/KPI/BaseLayout\";\r\n\r\n\r\nclass CustomRouter extends Component {\r\n \r\n render(){\r\n\r\n // wait for user to be loaded, and location is known\r\n if (this.props.isLoadingUser || !this.props.location) {\r\n return null;\r\n }\r\n\r\n // if location is callback page, return only CallbackPage route to allow signin process\r\n if (this.props.location.pathname === '/callback') {\r\n return \r\n
\r\n {this.state.settingsMenu ? \r\n \r\n
\r\n