\n \n
\n Page Not Found
\nThe page you are trying to access does not exist.
\nNot Authorized
\nYou are not authorized to view this page.
\n\n
\n \n Bin Bank
\n\n value.isAfter(moment()) || value.isBefore(moment('2019-01-01'))}\n onChange={onDateChange}\n value={date}\n />\n
\n \n Date
\n\n
\n \n Live
\n\n
\n \n Refresh
\n{timerRemaining}
\n\n \n \n
\n \n
\n
\n );\n};\n\nexport default ChartPage;\n","import React from 'react';\nimport ErrorAlert from './ErrorAlert';\n\nconst ErrorPage = ({ error, children }) => {\n if (!error) {\n return children;\n }\n\n return | \n \n Scheduled Downtime \n {offset}\n \n | \n |
| <>Start | \n<>End | \n
\n onImageClick(locationId, cameraId)}\n />\n
\n {/* \n {camera}\n
\n\n \n
\n
\n );\n};\n\nexport default CameraCard;\n","import NProgress from 'nprogress';\nimport React from 'react';\n\nclass ProgressBar extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n display: false,\n };\n }\n\n componentDidMount() {\n NProgress.configure({\n parent: this.props.parent,\n });\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n if (this.state.display && nextProps.display === false) {\n this.setState({\n display: false,\n });\n NProgress.done();\n }\n\n if (!this.state.display && nextProps.display) {\n this.setState({\n display: true,\n });\n NProgress.start();\n }\n\n return false;\n }\n\n render() {\n return null;\n }\n}\n\nexport default ProgressBar;\n","import { Col, Row, Modal } from 'antd';\nimport React from 'react';\n\nimport CameraCard from './CameraCard';\nimport ProgressBar from '../Common/ProgressBar';\n\nconst CameraPage = ({\n locations,\n onCloseClick,\n onEditNotesClick,\n onImageClick,\n onSelectedImageClick,\n selectedImage,\n onStatusChange,\n canSetStatus,\n loading,\n mobile,\n}) => {\n const cards = locations.map((location, index) => (\n {locationName}
\n\n {statusContent}\n
\n\n
\n {displaySchedule(location.effectiveSchedule, offset)}\n
\n \n {canSetStatus && (\n \n Status:\n Changing this to to Auto will enable the weekly/default schedule. Are you sure you want to enable schedules? Changing this to On will override the weekly/default schedule until it is set back to Auto. Are you sure you want to override schedules? Changing this to Off will override the weekly/default schedule until it is set back to Auto. Are you sure you want to override schedules?
\n \n
\n \n )}\n \n {notes.length > 0 && !mobile &&\n\n
\n }\n {cameraCards}\n {notes}
\n\n \n 
\n \n )}\n \n {cards}\n
\n
\n );\n};\n\nexport default CameraPage;\n","import {\n Alert, Button, Modal, Input, Popconfirm,\n} from 'antd';\nimport React, { Component } from 'react';\n// import {\n// setLocationStatus, getCompanyLocations, getCameraUrls, getLights,\n// } from '../api';\n// import CamerasPage from './CamerasPage';\n// import ErrorPage from '../Common/ErrorPage';\n\nconst maxLength = 250;\n\nclass LocationNotesModal extends Component {\n constructor(props) {\n super(props);\n console.log('THESE ARE ZEE PROPS', props);\n this.state = {\n originalText: props.notes,\n text: `${props.notes}`,\n textLength: props.notes.length,\n textLengthAlertType: 'info',\n loading: false,\n error: null,\n canSave: false,\n dirty: false,\n };\n\n this.onClearClick = this.onClearClick.bind(this);\n this.onSaveClick = this.onSaveClick.bind(this);\n this.onTextChange = this.onTextChange.bind(this);\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.notes !== this.props.notes) {\n this.setState({\n originalText: this.props.notes,\n text: `${this.props.notes}`,\n textLength: this.props.notes.length,\n textLengthAlertType: 'info',\n loading: false,\n error: null,\n canSave: false,\n dirty: false,\n })\n }\n }\n\n onSaveClick() {\n this.props.setNotes(this.state.text);\n }\n\n onClearClick() {\n this.onTextChange('');\n }\n\n onTextChange(text) {\n const textLength = text.length;\n\n if (textLength <= maxLength) {\n const dirty = JSON.stringify(text) !== JSON.stringify(this.state.originalText);\n\n this.setState({\n text,\n textLength,\n textLengthAlertType: 'info',\n dirty,\n canSave: dirty,\n });\n } else {\n this.setState({\n textLengthAlertType: 'error',\n canSave: false,\n });\n }\n }\n\n render() {\n const {\n canSave,\n dirty,\n error,\n text,\n textLength,\n textLengthAlertType,\n } = this.state;\n\n let exitButton;\n\n if (dirty) {\n exitButton = (\n \n {`${Math.round(record.productPercentM3 * 100)}%`}\n \n ) : '';\n const className = almostFull ? 'blink_me' : null;\n return {\n props: {\n rowSpan: record.productRowSpan,\n },\n children:
\n {product}\n {almostFullDisplay}\n
, // eslint-disable-line\n };\n },\n },\n {\n title: 'Bin Bank',\n dataIndex: 'binBankDescription',\n width: '15%',\n render(binBankDescription, record) {\n return {\n props: {\n style: { background: record.color || 'white' },\n rowSpan: record.binBankRowSpan,\n },\n children: {binBankDescription}
,\n };\n },\n },\n {\n title: 'Est. Full',\n dataIndex: 'estimatedTimeFullUtc',\n width: 100,\n className: 'align-center-column',\n render(estimatedTimeFullUtc, record) {\n let data;\n\n const tz = (timezoneType === 'Local') ? localTimezone : timezone;\n\n if (!estimatedTimeFullUtc) {\n data = '-';\n } else {\n const mom = moment(estimatedTimeFullUtc).tz(tz);\n\n const durr = moment.duration(mom.diff(moment()));\n const h = durr.hours() > 0 ? `${durr.hours()}h ` : '';\n const m = `${durr.minutes()}m`;\n // const s = `${durr.seconds()}s`;\n\n const ttr = `${h}${m}`;\n\n data = (\n <>\n {mom.format('hh:mm A z')}\n {/* \n {mom.format('z')} */}\n
\n \n (\n {ttr}\n )\n \n \n );\n }\n\n return {\n props: {\n style: { background: record.color || 'white' },\n rowSpan: record.binBankRowSpan,\n },\n children: {data},\n };\n },\n },\n {\n title: 'Bin',\n dataIndex: 'bin',\n width: '25%',\n render(bin, record) {\n const age = moment().diff(moment(record.binDate), 'minutes');\n console.log('BinDate', record.binDate, age);\n const old = age >= 15 ?\n
\n {bin}\n {old}\n
,\n };\n },\n },\n\n {\n title: 'Full',\n dataIndex: 'full',\n width: '25%',\n // width: 125,\n render: (full) => {\n let strokeColor;\n const percent = Math.round(full);\n if (percent < 40) {\n strokeColor = '#1CAF83';\n } else if (percent < 80) {\n strokeColor = '#FFCF29';\n } else {\n strokeColor = '#E95100';\n }\n\n return {\n children: ,\n };\n },\n },\n\n {\n title: 'Trend (4hr)',\n dataIndex: 'fullTrend',\n width: '30%',\n render(fullTrend, record) {\n return {\n children: (\n \n \n
\n
\n );\n }\n}\n\nexport default ProductSegment;\n","import React from 'react';\nimport {\n Card, Row, Col, Tag, Progress, Icon,\n} from 'antd';\nimport ProductSegment from './ProductSegment';\n\nconst DispatchCard = (props) => {\n const {\n siteId, onRowClick, sawmill, planer, site,\n } = props;\n const productSegments = (\n \n {/*
\n Mill\n */}\n {/* */}\n {/*Online : Offline }\n {/* {sawmill.running ? \n onAccessCheck(companyId, row.locationId, e.target.checked)}\n />\n ),\n width: '15%',\n },\n ];\n\n return (\n < div className=\"preferences-table-wrapper\" >\n
\n );\n};\n\nexport default CompanyLocationTable;\n","import React from 'react';\nimport { SizeMe } from 'react-sizeme';\nimport { Select, Tabs, Card } from 'antd';\nimport { AimOutlined, InboxOutlined } from '@ant-design/icons';\nimport CompanyBinBankTable from './CompanyBinBankTable';\nimport CompanyLocationTable from './CompanyLocationTable';\n\nconst { Option } = Select;\nconst { TabPane } = Tabs;\n\nconst CompanyPage = (props) => {\n const {\n loading,\n companyId,\n companies,\n onCompanyChange,\n tabKey,\n onTabChange,\n binBankAccess,\n locationAccess,\n onLocationAccessCheck,\n onBinBankAccessCheck,\n } = props;\n\n const companyOptions = companies.map((loc) => );\n\n const header = (\n <>\n Company:\n \n Mill\n */}\n {/* */}\n {/*
\n \n
\n {/* Uptime
\n */}\n
\n \n \n \n \n
\n {sawmill.species}\n {/* */}\n Target
\n \n {/* */}\n {/*
\n Mill\n */}\n {/* */}\n {/*Online : Offline }\n {/* {planer.running ?
\n \n {productSegments}\n
\n \n );\n};\n\nexport default DispatchCard;\n","import {\n Col, Row, Card, Alert, Radio,\n} from 'antd';\nimport moment from 'moment-timezone';\nimport React from 'react';\nimport { ReloadOutlined } from '@ant-design/icons';\nimport ErrorAlert from '../Common/ErrorAlert';\nimport ProgressBar from '../Common/ProgressBar';\nimport DispatchCard from './DispatchCard';\n\nconst RadioGroup = Radio.Group;\n\nconst DispatchPage = ({\n error,\n lastRefresh,\n loaded,\n loading,\n localTimezone,\n sites,\n timerFormatted,\n timezoneType,\n\n onRefreshClick,\n onRowClick,\n onTimeZoneTypeChange,\n}) => {\n let content = null;\n\n if (loaded && sites.length === 0) {\n content = (\n \n \n \n \n Local Time (\n {tz}\n )\n \n Site Time \n \n \n \n \n \n
\n \n \n
\n \n {cards}\n
\n \n );\n }\n\n return (\n \n \n );\n }\n}\n\nexport default withRouter(DispatchController);\n","import _ from 'lodash';\nimport React, { Component } from 'react';\nimport { Button } from 'antd';\nimport ButtonGroup from 'antd/lib/button/button-group';\n\nclass RadioButtonGroup extends Component {\n constructor(props) {\n super(props);\n\n // this.onChange = props.onChange;\n this.onClick = this.onClick.bind(this);\n }\n\n onClick(e) {\n const { selectedOptions, onChange } = this.props;\n\n const clickedOption = e.target.value;\n let newSelectedOptions;\n\n if (!_.isArray(selectedOptions)) {\n newSelectedOptions = [clickedOption];\n } else {\n // Determine if the clicked option is currently filtered or not.\n const alreadySelected = _.includes(selectedOptions, clickedOption);\n if (alreadySelected) {\n const filterIndex = selectedOptions.indexOf(clickedOption);\n\n // Remove the clicked product\n newSelectedOptions = [\n ...selectedOptions.slice(0, filterIndex),\n ...selectedOptions.slice(filterIndex + 1),\n ];\n\n // By default the button will be left focused, which causes an outline around the button.\n // This makes it look like it is still the selected button. So, if we are \"unclicking\" the\n // button then remove the focus to remove the outline.\n e.target.blur();\n } else {\n newSelectedOptions = [clickedOption];\n }\n }\n\n onChange(newSelectedOptions);\n }\n\n render() {\n const { options, selectedOptions, style } = this.props;\n const buttons = _.map(options, (o) => );\n return (\n \n {buttons}\n \n );\n }\n}\n\nexport default RadioButtonGroup;\n","import React from 'react';\nimport { Button, Tooltip } from 'antd';\nimport ButtonGroup from 'antd/lib/button/button-group';\nimport { FilterOutlined, FilterTwoTone, ReloadOutlined } from '@ant-design/icons';\nimport RadioButtonGroup from '../Common/RadioButtonGroup';\n\nconst BinBankPreferencesFilters = ({\n canClearFilters,\n products,\n filters,\n selectedRowKeys,\n\n onClearFilterClick,\n onMultipleEditClick,\n onProductChange,\n onRefreshClick,\n}) => (\n \n \n \n \n );\n }\n}\n\nexport default ColourPopover;\n","import { Table, Checkbox } from 'antd';\nimport _ from 'lodash';\nimport React from 'react';\nimport { LoadingOutlined } from '@ant-design/icons';\n\nimport ColorPopover from '../Common/ColorPopover';\n\nconst BinBankPreferencesTable = (props) => {\n const {\n filters,\n loading,\n savingPreferences,\n selectedRowKeys,\n rows,\n size,\n\n onColorChange,\n onRowSelectChange,\n onTableChange,\n onVisibleCheck,\n } = props;\n\n const columns = [\n {\n title: 'Site',\n dataIndex: 'siteName',\n filteredValue: filters.siteName || null,\n filters: _.sortBy(_.uniqBy(rows, 'siteName').map((x) => ({ text: x.siteName, value: x.siteName })), (x) => x.text),\n onFilter: (filterValue, record) => record.siteName.indexOf(filterValue) === 0,\n width: 160,\n },\n {\n title: 'MC Group',\n dataIndex: 'mcGroupDescription',\n // className: 'align-center-column',\n filteredValue: filters.mcGroupDescription || null,\n filters: _.sortBy(_.uniqBy(rows, 'mcGroupDescription').map((x) => ({ text: x.mcGroupDescription, value: x.mcGroupDescription })), (x) => x.text),\n onFilter: (filterValue, record) => record.mcGroupDescription.indexOf(filterValue) === 0,\n width: 110,\n },\n {\n title: 'Bin Bank',\n dataIndex: 'binBankDescription',\n filteredValue: filters.binBankDescription || null,\n filters: _.sortBy(_.uniqBy(rows, 'binBankDescription').map((x) => ({ text: x.binBankDescription, value: x.binBankDescription })), (x) => x.text),\n onFilter: (filterValue, record) => record.binBankDescription.indexOf(filterValue) === 0,\n\n },\n // {\n // title: 'Bin Description',\n // dataIndex: 'bin',\n // filteredValue: filters.bin || null,\n // filters: _.sortBy(_.uniqBy(rows, 'bin').map(x => ({ text: x.bin, value: x.bin })), x => x.text),\n // onFilter: (filterValue, record) => record.bin.indexOf(filterValue) === 0,\n // },\n {\n title: 'Product',\n dataIndex: 'product',\n // className: 'align-center-column',\n filteredValue: filters.product || null,\n filters: _.sortBy(_.uniqBy(rows, 'product').map((x) => ({ text: x.product, value: x.product })), (x) => x.text),\n onFilter: (filterValue, record) => record.product.indexOf(filterValue) === 0,\n width: 100,\n },\n {\n title: 'Visible',\n dataIndex: 'visible',\n className: 'align-center-column',\n render: (visible, row) => {\n if (_.includes(savingPreferences, row.binBankId)) {\n return onVisibleCheck(row.binBankId, e.target.checked)}\n />\n );\n },\n filteredValue: filters.visible || null,\n filters: [{ text: 'Hidden', value: 'Hidden' }, { text: 'Visible', value: 'Visible' }],\n onFilter: (filterValue, record) => record.visible === (filterValue === 'Visible'),\n width: 100,\n },\n {\n title: 'Colour',\n dataIndex: 'color',\n className: 'align-center-column',\n style: { margin: 'auto' },\n render: (color, row) => {\n if (_.includes(savingPreferences, row.binBankId)) {\n return onColorChange(row.binBankId, newColor)}\n />\n );\n },\n width: 100,\n },\n ];\n\n const rowSelectionOptions = {\n selectedRowKeys,\n onChange: onRowSelectChange,\n };\n\n return (\n \n \n
\n \n
\n \n);\n\nexport default BinBankPreferencesModal;\n","import _ from 'lodash';\nimport React, { Component } from 'react';\n\nimport { getBinBankPreferences, setBinBankPreferences } from '../api';\nimport BinBankPreferencesPage from './BinBankPreferencesPage';\nimport BinBankPreferencesModal from './BinBankPreferencesModal';\nimport ErrorPage from '../Common/ErrorPage';\n\nconst initialFilters = {\n binBankDescription: [],\n mcGroupDescription: [],\n product: [],\n site: [],\n visible: [],\n};\n\nconst initialState = {\n // True if the products or preferences are currently loading.\n loading: false,\n // An array of binBank/preferences data to be displayed as rows in a table.\n rows: [],\n // String containing\n error: null,\n selectedRowKeys: [],\n filters: { ...initialFilters },\n canClearFilters: false,\n products: [],\n // An array of binBankIds for the rows that are currently being saved.\n savingPreferences: [],\n\n multiEditOpen: false,\n multiEditColor: null,\n multiEditVisible: false,\n};\n\nclass BinBankPreferencesController extends Component {\n constructor(props) {\n super(props);\n\n this.state = { ...initialState };\n\n this.onColorChange = this.onColorChange.bind(this);\n this.onClearFilterClick = this.onClearFilterClick.bind(this);\n this.onMultipleEditClick = this.onMultipleEditClick.bind(this);\n this.onMultiEditSaveClick = this.onMultiEditSaveClick.bind(this);\n this.onMultiEditCancelClick = this.onMultiEditCancelClick.bind(this);\n this.onMultipleEditClick = this.onMultipleEditClick.bind(this);\n this.onMultipleEditColorChange = this.onMultipleEditColorChange.bind(this);\n this.onMultipleEditVisibleClick = this.onMultipleEditVisibleClick.bind(this);\n this.onRefreshClick = this.onRefreshClick.bind(this);\n this.onRowSelectChange = this.onRowSelectChange.bind(this);\n this.onTableChange = this.onTableChange.bind(this);\n this.onProductChange = this.onProductChange.bind(this);\n this.onVisibleCheck = this.onVisibleCheck.bind(this);\n }\n\n componentDidMount() {\n this.loadPreferences();\n }\n\n componentDidUpdate(prevProps) {\n // Typical usage (don't forget to compare props):\n if (this.props.selectedCompany.name !== prevProps.selectedCompany.name) {\n this.setState({ ...({ ...initialState }) }, () => {\n this.loadPreferences();\n });\n }\n }\n\n onClearFilterClick() {\n this.setState({\n filters: { ...initialFilters },\n canClearFilters: false,\n selectedRowKeys: [],\n });\n }\n\n onColorChange(binBankId, color) {\n const { rows } = this.state;\n const { visible } = rows.find((r) => r.binBankId === binBankId);\n\n this.setPreferences([binBankId], { color: color.hex, visible });\n }\n\n onMultipleEditClick() {\n const { selectedRowKeys, rows } = this.state;\n\n const firstBinBankId = selectedRowKeys[0];\n const firstBinBank = rows.find((x) => x.binBankId === firstBinBankId);\n\n this.setState({\n multiEditOpen: true,\n multiEditColor: firstBinBank.color,\n multiEditVisible: firstBinBank.visible,\n });\n }\n\n onMultipleEditVisibleClick(e) {\n this.setState({\n multiEditVisible: e.target.checked,\n });\n }\n\n onMultiEditSaveClick() {\n const { selectedRowKeys, multiEditColor, multiEditVisible } = this.state;\n this.setState({\n multiEditOpen: false,\n }, () => {\n this.setPreferences(selectedRowKeys, {\n color: multiEditColor,\n visible: multiEditVisible,\n });\n });\n }\n\n onMultiEditCancelClick() {\n this.setState({\n multiEditOpen: false,\n });\n }\n\n onMultipleEditColorChange(color) {\n this.setState({\n multiEditColor: color.hex,\n });\n }\n\n onProductChange(product) {\n const { filters } = this.state;\n const newFilters = { ...filters, product };\n\n this.setState({\n filters: newFilters,\n canClearFilters: !_.isEqual(newFilters, initialFilters),\n selectedRowKeys: [],\n });\n }\n\n onRefreshClick() {\n this.loadPreferences();\n }\n\n onRowSelectChange(selectedRowKeys) {\n this.setState({ selectedRowKeys });\n }\n\n onTableChange(_pagination, filters) {\n this.setState({\n filters,\n canClearFilters: !_.isEqual(filters, initialFilters),\n selectedRowKeys: [],\n });\n }\n\n onVisibleCheck(binBankId, checked) {\n const { rows } = this.state;\n const { color } = rows.find((r) => r.binBankId === binBankId);\n this.setPreferences([binBankId], { visible: checked, color });\n }\n\n setPreferences(binBankIds, body) {\n this.setState({\n savingPreferences: binBankIds,\n error: null,\n }, () => {\n const body2 = { color: body.color || '#ffffff', visible: body.visible || false };\n\n // Default to white if not specified\n setBinBankPreferences(this.props.selectedCompany.name, binBankIds, body2)\n .then(() => {\n const { rows } = this.state;\n const clonedRows = rows.slice(0); // Clone the array\n\n binBankIds.forEach((updateBinBankId) => {\n const binBankIndex = clonedRows.findIndex((r) => r.binBankId === updateBinBankId);\n const updatedBinBank = clonedRows[binBankIndex];\n updatedBinBank.visible = body.visible;\n updatedBinBank.color = body.color;\n // rows[binIndex] = bin;\n });\n\n this.setState({\n rows: clonedRows,\n savingPreferences: [],\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n savingPreferences: [],\n });\n });\n });\n }\n\n loadPreferences() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n getBinBankPreferences(this.props.selectedCompany.name)\n .then((rows) => {\n const products = _.sortBy(_.uniq(_.map(rows, 'product')));\n\n this.setState({\n loading: false,\n rows,\n products,\n });\n }).catch((error) => {\n this.setState({\n loading: false,\n rows: [],\n error: error.body,\n });\n });\n });\n }\n\n render() {\n const {\n multiEditColor, multiEditOpen, multiEditVisible, selectedRowKeys,\n } = this.state;\n\n return (\n <>\n \n \n \n );\n }\n}\n\nexport default BinBankPreferencesController;\n","import React from 'react';\nimport { Button, Tooltip } from 'antd';\nimport ButtonGroup from 'antd/lib/button/button-group';\nimport { FilterOutlined, FilterTwoTone, ReloadOutlined } from '@ant-design/icons';\n\nconst LocationPreferencesFilters = ({\n canClearFilters,\n dirty,\n loading,\n saving,\n\n onClearFilterClick,\n onRefreshClick,\n onSaveClick,\n}) => (\n onVisibleCheck(row.locationId, e.target.checked)}\n />\n ),\n filteredValue: filters.visible || null,\n filters: [{ text: 'Hidden', value: 'Hidden' }, { text: 'Visible', value: 'Visible' }],\n onFilter: (filterValue, record) => (!!record.visible) === (filterValue === 'Visible'),\n width: '15%',\n },\n {\n title: 'Sort',\n dataIndex: 'sort',\n className: 'align-center-column',\n style: { margin: 'auto' },\n render: (sort, row) => (\n onSortChange(row.locationId, value)}\n />\n ),\n width: '15%',\n },\n ];\n\n return (\n \n \n \n );\n }\n}\n\nexport default LocationPreferencesController;\n","import React from 'react';\nimport { AimOutlined, InboxOutlined } from '@ant-design/icons';\n\nimport { Tabs } from 'antd';\nimport BinBankPreferencesController from '../BinBankPreferences/BinBankPreferencesController';\nimport LocationPreferencesController from '../LocationPreferences/LocationPreferencesController';\n\nconst { TabPane } = Tabs;\n\nconst PreferencesPage = (props) => (\n \n // \n // \n // \n // \n // hello\n // \n // \n //
\n );\n};\n\nexport default AccountPage;\n","import _ from 'lodash';\nimport React, { Component } from 'react';\nimport { Auth } from 'aws-amplify';\n\nimport AccountPage from './AccountPage';\nimport { resetPassword, getTruckerUsers } from '../api';\n\nclass AccountController extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n savingDispatch: false,\n savedDispatch: false,\n loading: false,\n error: null,\n accounts: [],\n };\n\n this.onResetDispatchClick = this.onResetDispatchClick.bind(this);\n }\n\n componentDidMount() {\n this.loadUsers();\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.selectedCompany.name !== prevProps.selectedCompany.name) {\n this.loadUsers();\n }\n }\n\n onResetDispatchClick(username) {\n this.setState({\n savedDispatch: false,\n loading: true,\n error: null,\n }, () => {\n resetPassword(this.props.selectedCompany.name, username)\n .then(() => {\n this.setState({\n error: null,\n savedDispatch: true,\n loading: false,\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n loading: false,\n });\n });\n });\n }\n\n loadUsers() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n const user = await Auth.currentAuthenticatedUser({ bypassCache: true });\n\n getTruckerUsers(this.props.selectedCompany.name)\n .then((accounts) => {\n // Filter out the current account.\n accounts = accounts.filter((x) => x.username !== user.username);\n accounts = accounts.map((a) => ({ ...a, canReset: a.status === 'CONFIRMED' || a.status === 'CURRENT USER' }));\n accounts = _.orderBy(accounts, ['username']);\n this.setState({\n error: null,\n loading: false,\n accounts,\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n loading: false,\n });\n });\n });\n }\n\n render() {\n return (\n onEditSchedule(scheduleType, record.scheduleId, event, 'startTime')} />\n // onEditSchedule(scheduleType, record.scheduleId, event, 'startTime')} />\n ),\n },\n {\n title: 'End Day',\n dataIndex: 'endDay',\n width: '23%',\n render: (endDay, record) => (\n \n ),\n },\n {\n title: 'End Time',\n dataIndex: 'endTime',\n width: '23%',\n render: (endTime, record) => (\n onEditSchedule(scheduleType, record.scheduleId, event, 'endTime')} />\n // onEditSchedule(scheduleType, record.scheduleId, event, 'endTime')} />\n\n // onEditSchedule(scheduleType, record.scheduleId, event, 'endTime')} />\n ),\n },\n {\n title: '',\n dataIndex: 'operation',\n width: '8%',\n render: (text, record) => (\n onDeleteSchedule(scheduleType, record.scheduleId)}>\n } />\n \n\n // } onClick={() => onDeleteSchedule(scheduleType, record.scheduleId)} />\n // onDeleteSchedule(scheduleType, record.scheduleId)}>\n // Delete\n // \n ),\n },\n ];\n\n return (\n \n {errorMessage && 'editable-row'}\n bordered\n dataSource={dataSource}\n columns={columns}\n pagination={false}\n />\n } onClick={() => onSaveSchedule(scheduleType)}>Save\n } onClick={() => onRevert()}>Revert\n \n );\n};\n\nexport default ScheduleTable;\n","import React from 'react';\nimport {\n Row, Col, Card, Radio, DatePicker, Button, Typography, Popconfirm, Alert,\n} from 'antd';\nimport { CopyOutlined, PlusOutlined } from '@ant-design/icons';\nimport ScheduleTable from './ScheduleTable';\nimport WeeklyScheduleSection from './WeeklyScheduleSection';\n\nconst LocationSchedulePage = (props) => {\n const {\n location,\n onStatusChange,\n onWeeklyScheduleChange,\n weeklyScheduleDate,\n onAddSchedule,\n onCopySchedule,\n onRevertSchedule,\n defaultSchedules,\n defaultSchedulesDirty,\n locationId,\n } = props;\n\n let locationForm;\n\n if (location) {\n const { status } = location;\n const weeklyEmptyText = `No specific scheduled downtime for week of ${weeklyScheduleDate.format('YYYY-MM-DD')}. Default schedule will be used.`;\n return (\n onDeleteCamera(record.cameraId)}>\n } />\n \n ),\n },\n ];\n\n // handleDelete = cameraId => {\n // const dataSource = [...this.state.dataSource];\n // this.setState({\n // dataSource: dataSource.filter(item => item.cameraId !== cameraId),\n // });\n // };\n\n // handleSave = row => {\n // const newData = [...this.state.dataSource];\n // const index = newData.findIndex(item => row.key === item.key);\n // const item = newData[index];\n // newData.splice(index, 1, { ...item, ...row });\n // this.setState({\n // dataSource: newData,\n // });\n // };\n\n // const { dataSource } = this.state;\n // const components = {\n // body: {\n // row: EditableRow,\n // cell: EditableCell,\n // },\n // };\n // const columns = this.columns.map(col => {\n // if (!col.editable) {\n // return col;\n // }\n\n // return {\n // ...col,\n // onCell: record => ({\n // record,\n // editable: col.editable,\n // dataIndex: col.dataIndex,\n // title: col.title,\n // handleSave: this.handleSave,\n // }),\n // };\n // });\n return (\n onDeleteDependency(record.dependencyId)}>\n } />\n \n ),\n },\n ];\n\n // handleDelete = cameraId => {\n // const dataSource = [...this.state.dataSource];\n // this.setState({\n // dataSource: dataSource.filter(item => item.cameraId !== cameraId),\n // });\n // };\n\n // handleSave = row => {\n // const newData = [...this.state.dataSource];\n // const index = newData.findIndex(item => row.key === item.key);\n // const item = newData[index];\n // newData.splice(index, 1, { ...item, ...row });\n // this.setState({\n // dataSource: newData,\n // });\n // };\n\n // const { dataSource } = this.state;\n // const components = {\n // body: {\n // row: EditableRow,\n // cell: EditableCell,\n // },\n // };\n // const columns = this.columns.map(col => {\n // if (!col.editable) {\n // return col;\n // }\n\n // return {\n // ...col,\n // onCell: record => ({\n // record,\n // editable: col.editable,\n // dataIndex: col.dataIndex,\n // title: col.title,\n // handleSave: this.handleSave,\n // }),\n // };\n // });\n return (\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\n notFoundContent=\"No locations have been created.\"\n loading={loading}\n value={locationId}\n style={{ width: 240 }}\n onChange={onLocationChange}\n >\n { locationOptions }\n \n \n );\n\n return (\n <>\n Create Location}>\n {location\n && (\n \n \n \n \n \n \n )}\n \n\n \n );\n};\n\nexport default LocationPage;\n","import _ from 'lodash';\nimport React, { Component } from 'react';\nimport moment from 'moment';\n\nimport {\n getLocationSchedule, updateWeeklySchedule, updateDefaultSchedule, insertLocation, deleteLocation, updateLocation, listLocationTypes, listTimezones, getLocations, getLocation, setLocationStatus,\n} from '../api';\nimport LocationPage from './LocationPage';\n// import LocationPreferencesModal from './LocationPreferencesModal';\nimport ErrorPage from '../Common/ErrorPage';\nimport CameraTable from './CameraTable';\n\nconst initialState = {\n // True if the products or preferences are currently loading.\n loading: false,\n // An array of location/preferences data to be displayed as rows in a table.\n locations: [],\n timezones: [],\n // The location that has been selected\n locationId: null,\n error: null,\n tabKey: 'setup',\n weeklyScheduleDate: moment().startOf('week'),\n cameraErrorMessage: null,\n locationErrorMessage: null,\n defaultSchedulesErrorMessage: null,\n weeklySchedulesErrorMessage: null,\n weeklySchedules: [],\n defaultSchedules: [],\n};\n\nconst hasDuplicates = (array) => (new Set(array)).size !== array.length;\n\nconst checkScheduledDowntimeArray = (array) => {\n if (array.length === 0) {\n return;\n }\n\n const ranges = array.map((a) => {\n if (!moment(a.startTime, 'HH:mm', true).isValid() || !moment(a.endTime, 'HH:mm', true).isValid()) {\n throw new Error('Incomplete Start/End times');\n }\n\n const start = moment(`${moment().startOf('week').add(a.startDay, 'days').format('YYYY-MM-DD')} ${a.startTime}`);\n const end = moment(`${moment().startOf('week').add(a.endDay, 'days').format('YYYY-MM-DD')} ${a.endTime}`);\n\n return {\n start,\n end,\n };\n });\n\n for (let i = 0; i < ranges.length; i += 1) {\n const { start, end } = ranges[i];\n\n if (start.isSameOrAfter(end)) {\n throw new Error('Start Day/Time must be before End Day/Time.');\n }\n\n for (let j = 0; j < array.length; j += 1) {\n if (i !== j) {\n const { start: start2, end: end2 } = ranges[j];\n\n if (start.isBetween(start2, end2) || end.isBetween(start2, end2)) {\n throw new Error('Scheduled downtime cannot overlap');\n }\n }\n }\n }\n};\n\nclass LocationController extends Component {\n constructor(props) {\n super(props);\n\n this.state = { ...initialState };\n\n this.onLocationChange = this.onLocationChange.bind(this);\n this.onTabChange = this.onTabChange.bind(this);\n this.onSetupSave = this.onSetupSave.bind(this);\n this.onSetupDelete = this.onSetupDelete.bind(this);\n\n this.onCreateLocation = this.onCreateLocation.bind(this);\n this.onEditLocation = this.onEditLocation.bind(this);\n this.checkLocation = this.checkLocation.bind(this);\n\n this.onStatusChange = this.onStatusChange.bind(this);\n this.setStatus = this.setStatus.bind(this);\n\n this.onAddCamera = this.onAddCamera.bind(this);\n this.onEditCamera = this.onEditCamera.bind(this);\n this.onDeleteCamera = this.onDeleteCamera.bind(this);\n this.checkCamera = this.checkCamera.bind(this);\n\n this.onAddDependency = this.onAddDependency.bind(this);\n this.onEditDependency = this.onEditDependency.bind(this);\n this.onDeleteDependency = this.onDeleteDependency.bind(this);\n\n this.onAddSchedule = this.onAddSchedule.bind(this);\n this.onEditSchedule = this.onEditSchedule.bind(this);\n this.onDeleteSchedule = this.onDeleteSchedule.bind(this);\n this.onSaveSchedule = this.onSaveSchedule.bind(this);\n this.onWeeklyScheduleChange = this.onWeeklyScheduleChange.bind(this);\n this.onCopySchedule = this.onCopySchedule.bind(this);\n this.checkScheduledDowntime = this.checkScheduledDowntime.bind(this);\n this.onRevertSchedule = this.onRevertSchedule.bind(this);\n }\n\n async componentDidMount() {\n await this.loadLocations();\n await this.loadLocationTypes();\n }\n\n componentDidUpdate(prevProps) {\n // Typical usage (don't forget to compare props):\n if (this.props.selectedCompany.name !== prevProps.selectedCompany.name) {\n this.setState({ ...({ ...initialState }) }, () => {\n this.loadLocations();\n });\n }\n }\n\n onTabChange(tabKey) {\n this.setState({ tabKey });\n }\n\n onCopySchedule() {\n this.setState({\n weeklySchedules: [...this.state.defaultSchedules].map((s, index) => ({ ...s, scheduleId: `new_${index}` })),\n }, () => this.checkScheduledDowntime('weeklySchedules'));\n }\n\n async onRevertSchedule(scheduleType) {\n if (scheduleType === 'weeklySchedules') {\n await this.loadLocationWeeklySchedule(this.state.locationId);\n } else {\n await this.loadLocationDefaultSchedule(this.state.locationId);\n }\n }\n\n onLocationChange(locationId) {\n this.loadLocation(locationId);\n }\n\n onStatusChange(_locationId, status) {\n console.log('Trying to set status to this', status);\n this.setStatus(status);\n }\n\n checkLocation() {\n const { locationId, locationName } = this.state.location;\n let locationErrorMessage = '';\n\n const duplicationLocation = this.state.locations.find((l) => locationName === l.locationName && locationId !== l.locationId);\n\n if (duplicationLocation) {\n locationErrorMessage = 'Location names must be unique.';\n }\n\n this.setState({ locationErrorMessage });\n }\n\n onEditLocation(value, field) {\n if (field === 'locationTypeId' && this.state.locationTypes.find((lt) => lt.locationTypeId === value).name !== 'Dumper') {\n this.setState({\n location: { ...this.state.location, [field]: value, dependencies: [] },\n }, () => this.checkLocation());\n } else {\n this.setState({\n location: { ...this.state.location, [field]: value },\n }, () => this.checkLocation());\n }\n }\n\n onWeeklyScheduleChange(value) {\n this.setState({\n weeklyScheduleDate: value.startOf('week'),\n }, () => {\n this.loadLocationWeeklySchedule(this.state.locationId);\n });\n }\n\n onAddSchedule(scheduleType) {\n const schedules = this.state[scheduleType];\n\n this.setState({\n [scheduleType]: [...schedules, {\n scheduleId: `new_${schedules.length + 1}`,\n startDay: null,\n startTime: null,\n endDay: null,\n endTime: null,\n }],\n }, () => this.checkScheduledDowntime(scheduleType));\n }\n\n onDeleteSchedule(scheduleType, scheduleId) {\n const schedules = this.state[scheduleType];\n\n this.setState({\n [scheduleType]: [...schedules].filter((c) => c.scheduleId !== scheduleId),\n }, () => this.checkScheduledDowntime(scheduleType));\n }\n\n onEditSchedule(scheduleType, scheduleId, event, field) {\n const value = event.target ? event.target.value : event;\n\n const newSchedule = [...this.state[scheduleType]];\n const index = newSchedule.findIndex((item) => scheduleId === item.scheduleId);\n const item = newSchedule[index];\n const newItem = { ...item, [field]: value };\n newSchedule.splice(index, 1, { ...item, ...newItem });\n\n this.setState({\n [scheduleType]: newSchedule,\n }, () => this.checkScheduledDowntime(scheduleType));\n }\n\n checkCamera() {\n let cameraErrorMessage = '';\n\n if (hasDuplicates(this.state.location.cameras.map((c) => c.camera)) || hasDuplicates(this.state.location.cameras.map((c) => c.filename))) {\n cameraErrorMessage = 'Camera names and filenames must be unique.';\n }\n\n this.setState({\n cameraErrorMessage,\n });\n }\n\n onAddCamera() {\n const { location } = this.state;\n const newCameras = [...location.cameras, {\n cameraId: `new_${location.cameras.length + 1}`,\n camera: '',\n filename: '',\n }];\n const newLocation = { ...location, cameras: newCameras };\n\n this.setState({ location: newLocation }, () => {\n });\n }\n\n onDeleteCamera(cameraId) {\n const cameras = [...this.state.location.cameras].filter((c) => c.cameraId !== cameraId);\n const newLocation = { ...this.state.location, cameras };\n\n this.setState({\n location: newLocation,\n }, () => {\n this.checkCamera();\n });\n }\n\n onEditCamera(cameraId, event, field) {\n const { value } = event.target;\n\n const newCameras = [...this.state.location.cameras];\n const index = newCameras.findIndex((item) => cameraId === item.cameraId);\n const item = newCameras[index];\n const newItem = { ...item, [field]: value };\n\n newCameras.splice(index, 1, { ...item, ...newItem });\n this.setState({\n location: { ...this.state.location, cameras: newCameras },\n }, () => {\n this.checkCamera();\n });\n }\n\n onAddDependency() {\n const { location } = this.state;\n const newDependencies = [...location.dependencies, {\n dependencyId: `new_${location.dependencies.length + 1}`,\n locationId: null,\n }];\n const newLocation = { ...location, dependencies: newDependencies };\n\n this.setState({ location: newLocation });\n }\n\n onDeleteDependency(dependencyId) {\n const dependencies = [...this.state.location.dependencies].filter((c) => c.dependencyId !== dependencyId);\n const newLocation = { ...this.state.location, dependencies };\n\n this.setState({\n location: newLocation,\n });\n }\n\n onEditDependency(dependencyId, event, field) {\n const value = event;\n\n const newDependencies = [...this.state.location.dependencies];\n const index = newDependencies.findIndex((item) => dependencyId === item.dependencyId);\n const item = newDependencies[index];\n const newItem = { ...item, [field]: value };\n newDependencies.splice(index, 1, { ...item, ...newItem });\n this.setState({\n location: { ...this.state.location, dependencies: newDependencies },\n });\n }\n\n onCreateLocation() {\n this.setState({\n tabKey: 'setup',\n locationId: null,\n location: {\n locationName: '',\n locationTypeId: null,\n cameras: [],\n dependencies: [],\n },\n });\n }\n\n onSetupSave(values) {\n this.setState({\n saving: true,\n error: null,\n }, () => {\n const saveLocation = { ...this.state.location };\n saveLocation.cameras = saveLocation.cameras.map((c) => {\n if (typeof c.cameraId === 'string') {\n c.cameraId = null;\n }\n return c;\n });\n saveLocation.dependencies = saveLocation.dependencies.map((c) => {\n if (typeof c.dependencyId === 'string') {\n c.dependencyId = null;\n }\n return c;\n });\n\n if (this.state.locationId) {\n // Default to white if not specified\n\n updateLocation(this.state.locationId, saveLocation)\n .then(() => {\n this.setState({\n saving: false,\n }, () => {\n this.loadLocation(this.state.locationId);\n this.loadLocations();\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n saving: false,\n });\n });\n } else {\n insertLocation(saveLocation)\n .then((res) => {\n this.setState({\n saving: false,\n locationId: res.locationId,\n }, () => {\n this.loadLocation(this.state.locationId);\n this.loadLocations();\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n saving: false,\n });\n });\n }\n });\n }\n\n checkScheduledDowntime(scheduleType) {\n let errorMessage = null;\n\n try {\n checkScheduledDowntimeArray(this.state[scheduleType]);\n } catch (err) {\n errorMessage = err.message;\n }\n\n const dirty = JSON.stringify(this.state[scheduleType]) !== JSON.stringify(this.state[`${scheduleType}Clean`]);\n\n this.setState({\n [`${scheduleType}ErrorMessage`]: errorMessage,\n [`${scheduleType}Dirty`]: dirty,\n });\n }\n\n onSaveSchedule(scheduleType) {\n try {\n this.checkScheduledDowntime(this.state[scheduleType]);\n } catch (err) {\n this.setState({ error: err });\n return;\n }\n\n this.setState({\n error: null,\n }, () => {\n const schedules = [...this.state[scheduleType]].map((s) => {\n const newSchedule = { ...s };\n if (typeof s.scheduleId === 'string') {\n newSchedule.scheduleId = null;\n }\n return newSchedule;\n });\n\n if (scheduleType === 'defaultSchedules') {\n updateDefaultSchedule(this.state.locationId, { schedules })\n .then(() => {\n // this.setState({ saving: false });\n this.setState({\n // saving: false,\n }, () => {\n this.loadLocationDefaultSchedule(this.state.locationId);\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n // saving: false,\n });\n });\n } else {\n updateWeeklySchedule(this.state.locationId, this.state.weeklyScheduleDate.format('YYYY-MM-DD'), { schedules })\n .then(() => {\n this.setState({\n // saving: false,\n }, () => {\n this.loadLocationWeeklySchedule(this.state.locationId);\n // this.loadLocation(this.state.locationId);\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n // saving: false,\n });\n });\n }\n });\n }\n\n onSetupDelete() {\n this.setState({\n saving: true,\n error: null,\n }, () => {\n deleteLocation(this.state.locationId)\n .then(() => {\n this.setState({\n saving: false,\n locationId: null,\n location: null,\n }, () => {\n this.loadLocations();\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n saving: false,\n });\n });\n });\n }\n\n setStatus(status) {\n this.setState({\n savingOverride: true,\n error: null,\n }, () => {\n // Default to white if not specified\n setLocationStatus(this.state.locationId, { status })\n .then(() => {\n this.setState({\n savingOverride: false,\n }, () => {\n this.loadLocation(this.state.locationId);\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n savingOverride: false,\n });\n });\n });\n }\n\n loadLocations() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n getLocations()\n .then((locations) => {\n this.setState({\n loading: false,\n locations,\n });\n }).catch((error) => {\n this.setState({\n loading: false,\n locations: [],\n error: error.body,\n });\n });\n });\n }\n\n loadLocationTypes() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n try {\n const locationTypes = await listLocationTypes();\n const timezones = await listTimezones();\n\n this.setState({\n loading: false,\n locationTypes,\n timezones,\n error: null,\n });\n } catch (error) {\n this.setState({\n loading: false,\n locationTypes: [],\n timezones: [],\n error: error.body,\n });\n }\n });\n }\n\n loadLocationDefaultSchedule(locationId) {\n this.setState({\n defaultSchedulesLoading: true,\n error: null,\n defaultSchedulesErrorMessage: null,\n }, async () => {\n getLocationSchedule(locationId, 'default')\n .then((schedule) => {\n const s = schedule.map((s) => ({ ...s }));\n this.setState({\n defaultSchedulesLoading: false,\n defaultSchedules: schedule.map((s) => ({ ...s })),\n defaultSchedulesClean: schedule.map((s) => ({ ...s })),\n defaultSchedulesDirty: false,\n });\n }).catch((error) => {\n this.setState({\n defaultSchedulesLoading: false,\n defaultSchedules: [],\n defaultSchedulesClean: [],\n defaultSchedulesDirty: false,\n error: error.body,\n });\n });\n });\n }\n\n loadLocationWeeklySchedule(locationId) {\n if (!this.state.weeklyScheduleDate) {\n this.setState({ weeklySchedules: [] });\n return;\n }\n\n this.setState({\n weeklySchedulesLoading: true,\n error: null,\n weeklySchedulesErrorMessage: null,\n }, async () => {\n getLocationSchedule(locationId, this.state.weeklyScheduleDate.format('YYYY-MM-DD'))\n .then((schedule) => {\n this.setState({\n weeklySchedulesLoading: false,\n weeklySchedulesClean: schedule.map((s) => ({ ...s })),\n weeklySchedules: schedule.map((s) => ({ ...s })),\n weeklySchedulesDirty: false,\n });\n }).catch((error) => {\n this.setState({\n weeklySchedulesLoading: false,\n weeklySchedules: [],\n weeklySchedulesClean: [],\n weeklySchedulesDirty: false,\n error: error.body,\n });\n });\n });\n }\n\n loadLocation(locationId) {\n this.setState({\n locationId,\n loading: true,\n error: null,\n }, async () => {\n getLocation(locationId)\n .then((location) => {\n this.setState({\n loading: false,\n location,\n });\n }).catch((error) => {\n this.setState({\n loading: false,\n location: null,\n error: error.body,\n });\n });\n\n this.loadLocationDefaultSchedule(locationId);\n this.loadLocationWeeklySchedule(locationId);\n });\n }\n\n render() {\n return (\n <>\n \n lt.locationTypeId === this.state.location.locationTypeId && lt.locationTypeName === 'Dumper')}\n />\n \n \n );\n }\n}\n\nexport default LocationController;\n","import { Table, Checkbox } from 'antd';\nimport React from 'react';\n\nconst CompanyBinBankTable = (props) => {\n const {\n companyId,\n loading,\n rows,\n size,\n onAccessCheck,\n } = props;\n\n const columns = [\n {\n title: 'Site',\n dataIndex: 'siteName',\n width: 160,\n },\n {\n title: 'Bin Bank',\n dataIndex: 'binBankDescription',\n },\n {\n title: 'Has Access',\n dataIndex: 'access',\n className: 'align-center-column',\n render: (access, row) => (\n onAccessCheck(companyId, row.binBankId, e.target.checked)}\n />\n ),\n width: '15%',\n },\n ];\n\n return (\n < div className=\"preferences-table-wrapper\" >\n
\n );\n};\n\nexport default CompanyBinBankTable;\n","import { Table, Checkbox } from 'antd';\nimport React from 'react';\n\nconst CompanyLocationTable = (props) => {\n const {\n companyId,\n loading,\n rows,\n size,\n onAccessCheck,\n } = props;\n\n const columns = [\n {\n title: 'Location',\n dataIndex: 'locationName',\n },\n {\n title: 'Has Access',\n dataIndex: 'access',\n className: 'align-center-column',\n render: (access, row) => (\n \n Mill\n */}\n {/* */}\n {/*
\n \n
\n {/* Uptime
\n */}\n
\n {planer.product}\n \n\n
\n \n \n \n \n
\n\n \n {sawmill.species}\n Target
\n \n {planer.product}\n \n\n
\n
\n );\n};\n\nexport default DispatchPage;\n","import moment from 'moment-timezone';\nimport React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\n\nimport { getDispatch } from '../api';\nimport DispatchPage from './DispatchPage';\nimport ErrorPage from '../Common/ErrorPage';\n\nconst initialState = {\n error: null,\n lastRefresh: null,\n loaded: false,\n loading: false,\n localTimezone: moment.tz.guess(),\n sites: [],\n timerSeconds: 0,\n timerFormatted: '-',\n timezoneType: 'Local',\n};\n\nconst REFRESH_SECONDS = 15;\n\nconst formatSeconds = (seconds) => {\n const duration = moment.duration(seconds, 'seconds');\n const min = duration.minutes();\n const sec = duration.seconds();\n\n return min > 0 ? `${min}m ${sec}s` : `${sec}s`;\n};\n\nclass DispatchController extends Component {\n constructor(props) {\n super(props);\n\n this.state = { ...initialState };\n\n this.onRefreshClick = this.onRefreshClick.bind(this);\n this.onRowClick = this.onRowClick.bind(this);\n this.onTimeZoneTypeChange = this.onTimeZoneTypeChange.bind(this);\n }\n\n componentDidMount() {\n this.loadDispatch();\n\n const refreshInterval = window.setInterval(() => {\n const newSeconds = this.state.timerSeconds - 1;\n\n this.setState({\n timerSeconds: newSeconds,\n timerFormatted: formatSeconds(newSeconds),\n }, () => {\n if (this.state.timerSeconds <= 0) {\n this.setState({\n timerSeconds: REFRESH_SECONDS,\n timerFormatted: formatSeconds(REFRESH_SECONDS),\n }, () => {\n this.loadDispatch();\n });\n }\n });\n }, 1 * 1000);\n\n this.setState({\n refreshInterval,\n timerSeconds: REFRESH_SECONDS,\n timerFormatted: `${REFRESH_SECONDS} s`,\n });\n }\n\n componentDidUpdate(prevProps) {\n // Only update parent changes if the user changed the selected company.\n if (this.props.selectedCompany && prevProps.selectedCompany && this.props.selectedCompany.name !== prevProps.selectedCompany.name) {\n this.setState({ ...({ ...initialState }) }, () => {\n this.loadDispatch();\n });\n }\n }\n\n componentWillUnmount() {\n const { refreshInterval } = this.state;\n\n if (refreshInterval) {\n clearInterval(refreshInterval);\n }\n }\n\n onRefreshClick() {\n this.loadDispatch();\n }\n\n onRowClick(record) {\n const { history } = this.props;\n history.push(`/chart/${record.binBank}`);\n }\n\n onTimeZoneTypeChange(e) {\n this.setState({\n timezoneType: e.target.value,\n });\n }\n\n loadDispatch() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n try {\n const { selectedCompany: { name } } = this.props;\n const sites = await getDispatch(name, false);\n\n this.setState({\n lastRefresh: new Date().toISOString(),\n loaded: true,\n loading: false,\n sites,\n });\n } catch (error) {\n this.setState({\n error,\n lastRefresh: null,\n loaded: true,\n loading: false,\n sites: [],\n });\n }\n });\n }\n\n render() {\n return (\n \n
\n);\n\nexport default BinBankPreferencesFilters;\n","import { Popover } from 'antd';\nimport React, { Component } from 'react';\nimport { GithubPicker } from 'react-color';\n\nconst COLORS = ['#B80000', '#DB3E00', '#FCCB00', '#008B02', '#006B76', '#1273DE', '#004DCF', '#FFFFFF', '#EB9694', '#FAD0C3', '#FEF3BD', '#C1E1C5', '#BEDADC', '#C4DEF6', '#BED3F3', '#D4C4FB'];\n\nclass ColourPopover extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n visible: false,\n };\n\n this.onColorChange = this.onColorChange.bind(this);\n this.onVisibleChange = this.onVisibleChange.bind(this);\n }\n\n onColorChange(color) {\n const { onColorChange } = this.props;\n\n this.setState({\n visible: false,\n }, () => {\n onColorChange(color);\n });\n }\n\n onVisibleChange(visible) {\n this.setState({ visible });\n }\n\n render() {\n const { color } = this.props;\n const { visible } = this.state;\n const content = \n \n \n \n \n \n \n \n \n
\n \n \n {selectedRowKeys.length > 0 ? `Selected ${selectedRowKeys.length} Bin Banks` : ''}\n \n \n\n
\n \n \n
\n );\n};\n\nexport default BinBankPreferencesTable;\n","import React from 'react';\nimport { SizeMe } from 'react-sizeme';\n\nimport BinBankPreferencesFilters from './BinBankPreferencesFilters';\nimport BinBankPreferencesTable from './BinBankPreferencesTable';\n\nconst BinBankPreferencesPage = (props) => (\n \n {/* {props.error &&
\n);\n\nexport default BinBankPreferencesPage;\n","import {\n Modal, Checkbox, Col, Row,\n} from 'antd';\nimport React from 'react';\n\nimport ColorPopover from '../Common/ColorPopover';\n\nconst BinBankPreferencesModal = ({\n color,\n modalVisible,\n preferencesCount,\n visible,\n\n onCancelClick,\n onColorChange,\n onSaveClick,\n onVisibleChange,\n}) => (\n \n \n {({ size }) => \n
\n \n
\n);\n\nexport default LocationPreferencesFilters;\n","import { InputNumber, Table, Checkbox } from 'antd';\nimport React from 'react';\n\nconst LocationPreferencesTable = (props) => {\n const {\n filters,\n loading,\n rows,\n size,\n\n onSortChange,\n onTableChange,\n onVisibleCheck,\n } = props;\n\n const columns = [\n {\n title: 'Location',\n dataIndex: 'locationName',\n },\n {\n title: 'Visible',\n dataIndex: 'visible',\n className: 'align-center-column',\n render: (visible, row) => (\n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n
\n );\n};\n\nexport default LocationPreferencesTable;\n","import React from 'react';\nimport { SizeMe } from 'react-sizeme';\n\nimport LocationPreferencesFilters from './LocationPreferencesFilters';\nimport LocationPreferencesTable from './LocationPreferencesTable';\n\nconst LocationPreferencesPage = (props) => (\n \n
\n);\n\nexport default LocationPreferencesPage;\n","import _ from 'lodash';\nimport React, { Component } from 'react';\n\nimport { getLocationPreferences, setLocationPreferences } from '../api';\nimport LocationPreferencesPage from './LocationPreferencesPage';\nimport ErrorPage from '../Common/ErrorPage';\n\nconst initialFilters = {\n visible: null,\n};\n\nconst initialState = {\n canClearFilters: false,\n dirty: false,\n error: null,\n filters: { ...initialFilters },\n loading: false,\n saving: false,\n clearRows: [],\n rows: [],\n};\n\nclass LocationPreferencesController extends Component {\n constructor(props) {\n super(props);\n\n this.state = { ...initialState };\n\n this.onClearFilterClick = this.onClearFilterClick.bind(this);\n this.onSortChange = this.onSortChange.bind(this);\n this.onRefreshClick = this.onRefreshClick.bind(this);\n this.onTableChange = this.onTableChange.bind(this);\n this.onVisibleCheck = this.onVisibleCheck.bind(this);\n this.onSaveClick = this.onSaveClick.bind(this);\n }\n\n componentDidMount() {\n this.loadPreferences();\n }\n\n componentDidUpdate(prevProps) {\n // Typical usage (don't forget to compare props):\n if (this.props.selectedCompany.name !== prevProps.selectedCompany.name) {\n this.setState({ ...({ ...initialState }) }, () => {\n this.loadPreferences();\n });\n }\n }\n\n onClearFilterClick() {\n this.setState({\n filters: { ...initialFilters },\n canClearFilters: false,\n selectedRowKeys: [],\n });\n }\n\n onSortChange(locationId, sort) {\n const { rows } = this.state;\n const { visible } = rows.find((r) => r.locationId === locationId);\n\n this.setPreferences(locationId, { sort, visible });\n }\n\n onRefreshClick() {\n this.loadPreferences();\n }\n\n onTableChange(_pagination, filters) {\n this.setState({\n filters,\n canClearFilters: !_.isEqual(filters, initialFilters),\n });\n }\n\n onVisibleCheck(locationId, checked) {\n const { rows } = this.state;\n const { sort } = rows.find((r) => r.locationId === locationId);\n const newSort = checked ? sort : null; // If unchecking, then remove sort value\n this.setPreferences(locationId, { visible: checked, sort: newSort });\n }\n\n setPreferences(locationId, body) {\n const rows = this.state.rows.map((r) => {\n if (r.locationId !== locationId) {\n return r;\n }\n return { ...r, ...body };\n });\n\n this.setState({\n rows,\n dirty: !_.isEqual(rows, this.state.cleanRows),\n });\n }\n\n onSaveClick() {\n this.setState({\n error: null,\n saving: true,\n }, () => {\n const body = this.state.rows.map((r) => ({\n locationId: r.locationId,\n sort: r.sort || null,\n visible: r.visible || false,\n }));\n setLocationPreferences(this.props.selectedCompany.name, body)\n .then(() => {\n this.setState({ saving: false }, () => {\n this.loadPreferences();\n });\n })\n .catch((error) => {\n this.setState({\n error: error.body,\n saving: false,\n });\n });\n });\n }\n\n loadPreferences() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n getLocationPreferences(this.props.selectedCompany.name)\n .then((rows) => {\n this.setState({\n loading: false,\n rows,\n cleanRows: [...rows],\n dirty: false,\n });\n }).catch((error) => {\n this.setState({\n loading: false,\n rows: [],\n cleanRows: [],\n dirty: false,\n error: error.body,\n });\n });\n });\n }\n\n render() {\n const {\n multiEditColor, multiEditOpen, multiEditVisible, selectedRowKeys,\n } = this.state;\n\n return (\n <>\n \n \n {({ size }) => \n
\n \n \n \n \n \n
\n);\n\nexport default PreferencesPage;\n","import React from 'react';\nimport {\n Row, Card, Col, Button, Alert, Table,\n} from 'antd';\n\nconst AccountPage = ({ accounts, loading, onResetDispatchClick }) => {\n const columns = [\n {\n title: 'Username',\n dataIndex: 'username',\n key: 'username',\n },\n {\n title: 'Email',\n dataIndex: 'email',\n key: 'email',\n },\n {\n title: 'Status',\n dataIndex: 'status',\n key: 'status',\n },\n {\n title: 'Last',\n dataIndex: 'lastResetDate',\n key: 'lastResetDate',\n },\n {\n title: '',\n dataIndex: 'Username',\n key: 'Username',\n render: (username, user) => ,\n }];\n\n return (\n \n
\n // \n
*/}\n
\n \n // Reset the password associated with this Dispatch account.\n //
\n // \n //\n \n \n \n \n \n Auto \n \n \n On \n \n \n Off \n \n \n\n \n
\n \n \n
\n \n onRevertSchedule('weeklySchedules')}\n extra={(\n <>\n } onClick={() => onAddSchedule('weeklySchedules')}> Add Row \n } onClick={() => onCopySchedule()}> Copy from Default \n \n)}\n title={(\n onRevertSchedule('defaultSchedules')}\n extra={} onClick={() => onAddSchedule('defaultSchedules')}> Add Row }\n title=\"Default Schedule\"\n scheduleType=\"defaultSchedules\"\n dirty={props.defaultSchedulesDirty}\n dataSource={props.defaultSchedules}\n {...props}\n emptyText=\"No default scheduled downtime\"\n tableLoading={props.defaultSchedulesLoading}\n />\n \n
\n {/* \n } onClick={() => onAddSchedule('weeklySchedules')}> Add Row } onClick={() => onCopySchedule()}> Copy from Default } title={
*/}\n
\n );\n }\n\n return (\n Changing this to to Auto will enable the weekly/default schedule.
\nAre you sure you want to enable schedules?
\n \n )}\n onConfirm={() => onStatusChange(locationId, 'Auto')}\n >\nChanging this to On will override the weekly/default schedule until it is set back to Auto.
\nAre you sure you want to override schedules?
\n \n )}\n onConfirm={() => onStatusChange(locationId, 'On')}\n >\nChanging this to Off will override the weekly/default schedule until it is set back to Auto.
\nAre you sure you want to override schedules?
\n \n )}\n onConfirm={() => onStatusChange(locationId, 'Off')}\n >\n\n Status is currently set to {status}. Schedules are in effect.\n
\n )) ||\n Status is currently set to {status}. Schedules are ignored.\n
}\n \n\n Weekly Schedule:\n
\n)}\n scheduleType=\"weeklySchedules\"\n dirty={props.weeklySchedulesDirty}\n dataSource={props.weeklySchedules}\n {...props}\n emptyText={weeklyEmptyText}\n tableLoading={props.weeklySchedulesLoading}\n />\n \n Weekly Schedule:
} scheduleType=\"weeklySchedules\" dataSource={props.weeklySchedules} {...props} emptyText={weeklyEmptyText} />\n \n \n {locationForm}\n {/* {props.error &&
\n );\n};\n\nexport default LocationSchedulePage;\n","import React from 'react';\nimport {\n Input, Table, Button, Popconfirm, Alert,\n} from 'antd';\nimport { DeleteOutlined } from '@ant-design/icons';\n\nconst CameraTable = (props) => {\n const {\n location, onAddCamera, onEditCamera, onDeleteCamera, cameraErrorMessage,\n } = props;\n\n const columns = [\n {\n title: 'Name',\n dataIndex: 'camera',\n width: '30%',\n render: (cameraName, record) => onEditCamera(record.cameraId, event, 'camera')} />,\n },\n {\n title: 'Filename',\n dataIndex: 'filename',\n width: '30%',\n render: (filename, record) => onEditCamera(record.cameraId, event, 'filename')} />,\n },\n {\n title: '',\n dataIndex: 'operation',\n render: (text, record) => (\n \n \n {({ size }) => \n
*/}\n \n \n Add Camera\n \n\n 'editable-row'}\n bordered\n dataSource={location.cameras}\n columns={columns}\n pagination={false}\n />\n
\n );\n};\n\nexport default CameraTable;\n","import React from 'react';\nimport {\n Select, Table, Button, Popconfirm,\n} from 'antd';\nimport { DeleteOutlined } from '@ant-design/icons';\n\nconst { Option } = Select;\n\nconst DependencyTable = (props) => {\n const {\n disabled, location, locations, onAddDependency, onEditDependency, onDeleteDependency,\n } = props;\n\n const takenLocations = location.dependencies.map((d) => d.locationId);\n\n const columns = [\n {\n title: 'Scale',\n dataIndex: 'locationId',\n width: '30%',\n render: (locationId, record) => (\n \n ),\n },\n {\n title: '',\n dataIndex: 'operation',\n render: (text, record) => (\n \n \n Add Dependency\n \n 'editable-row'}\n bordered\n dataSource={location.dependencies}\n columns={columns}\n pagination={false}\n />\n
\n );\n};\n\nexport default DependencyTable;\n","import React from 'react';\nimport {\n Form, Row, Col, Button, Card, Input, Select, Popconfirm, Alert,\n} from 'antd';\nimport { DeleteOutlined, SaveOutlined } from '@ant-design/icons';\nimport CameraTable from './CameraTable';\nimport DependencyTable from './DependencyTable';\n\nconst { Option } = Select;\n\nconst LocationSetupPage = (props) => {\n const {\n cameraErrorMessage,\n locationErrorMessage,\n location,\n locationTypes,\n onEditLocation,\n onSetupSave,\n onSetupDelete,\n isDumper,\n locationId,\n timezones,\n } = props;\n\n if (!location) {\n return 'No Location Selected/Loaded';\n }\n\n const timezoneOptions = timezones.map((tz) => );\n const locationTypeOptions = locationTypes.map((lt) => );\n\n return (\n \n \n\n \n \n {locationErrorMessage && \n onEditLocation(event.target.value, 'locationName')} />\n \n \n \n \n \n \n \n \n \n
\n\n \n \n {cameraErrorMessage && \n \n \n \n \n
\n \n \n
\n \n
\n );\n};\n\nexport default LocationSetupPage;\n","import React from 'react';\nimport {\n Col, Row, Button, Select, Tabs, Card,\n} from 'antd';\n\nimport { CalendarOutlined, SettingOutlined } from '@ant-design/icons';\nimport LocationSchedulePage from './LocationSchedulePage';\nimport LocationSetupPage from './LocationSetupPage';\n\nconst { Option } = Select;\nconst { TabPane } = Tabs;\n\nconst LocationPage = (props) => {\n const {\n loading,\n locationId,\n location,\n locations,\n onLocationChange,\n onCreateLocation,\n tabKey,\n onTabChange,\n } = props;\n\n const locationOptions = locations.map((loc) => );\n\n const header = (\n <>\n Location:\n Deleting a location will delete all of its associated cameras, dependencies and schedules.
\nAre you sure you want to delete?
\n \n)}\n onConfirm={onSetupDelete}\n >\n }>Delete Location\n \n\n \n\n
\n
\n );\n};\n\nexport default BinBankCard;\n","import React from 'react';\nimport { Row, Col } from 'antd';\nimport BinBankCard from './BinBankCard';\n\nconst SiteCard = ({ product, localTimezone }) => {\n const binBanks = product.binBanks.map((bb) => \n {binBank.binBankDescription}\n {estFull}\n\n
\n \n \n
\n { selectedProduct && (\n
\n );\n};\n\nexport default DispatchPage;\n","import React, { Component } from 'react';\nimport NProgress from 'nprogress';\nimport moment from 'moment-timezone';\n\nimport { getDispatch } from '../api';\nimport MobileDispatchPage from './MobileDispatchPage';\n\nconst initialState = {\n loading: false,\n loadCompleted: false,\n error: null,\n sites: [],\n lastRefresh: null,\n autoRefresh: true,\n timezoneType: 'Local',\n localTimezone: moment.tz.guess(),\n\n menuCollapsed: true,\n selectedSiteKey: '2',\n};\n\nclass MobileDispatchController extends Component {\n constructor(props) {\n super(props);\n\n this.state = { ...initialState };\n\n this.onRefreshClick = this.onRefreshClick.bind(this);\n this.onSiteSelected = this.onSiteSelected.bind(this);\n }\n\n componentDidMount() {\n this.loadDispatch();\n\n window.setInterval(() => {\n this.loadDispatch();\n }, 5 * 60 * 1000); // Every 5 minutes\n }\n\n onRefreshClick() {\n this.loadDispatch();\n }\n\n onSiteSelected(x) {\n const value = x[1];\n const [siteId, productKey] = value.split('.');\n const site = this.state.sites.find((s) => s.siteId == siteId);\n const product = site.products.find((p) => p.product == productKey);\n\n this.setState({\n selectedSiteKey: value,\n selectedSite: site,\n selectedProduct: product,\n });\n }\n\n loadDispatch() {\n this.setState({\n loading: true,\n error: null,\n }, async () => {\n try {\n NProgress.start();\n const sites = await getDispatch(this.props.selectedCompany.name, true);\n\n this.setState({\n lastRefresh: new Date().toISOString(),\n sites,\n loading: false,\n loadCompleted: true,\n });\n NProgress.done();\n } catch (e) {\n this.setState({\n lastRefresh: null,\n sites: [],\n loading: false,\n error: e.body,\n loadCompleted: true,\n });\n NProgress.done();\n }\n });\n }\n\n render() {\n return (\n \n
\n )}\n \n Your user account (\n {this.state.username}\n ) has not been added to any groups.\n
\nPlease contact your Canfor Contract Supervisor.
\n \n)}\n type=\"error\"\n showIcon\n />\n );\n }\n\n if (!this.state.selectedCompany.isDispatcher) {\n return (