\r\n\r\n {event.customer && (\r\n
\r\n Customer: {event.customer.name}
\r\n \r\n )}\r\n {event.datasheet && (\r\n
\r\n Datasheet: {event.datasheet.name}
\r\n \r\n )}\r\n\r\n {event.startTime &&(\r\n
\r\n Event Time: {event.startTime} - {event.endTime}
\r\n \r\n )\r\n \r\n }\r\n\r\n\r\n {event.datasheet && event.datasheet.customer &&(\r\n
\r\n Customer: {event.datasheet.customer.name}
\r\n \r\n )}\r\n\r\n{event.datasheet && event.datasheet.status && (\r\n
\r\n Status:{event.datasheet.status}
\r\n \r\n )}\r\n\r\n{event.customer && event.customer.status && (\r\n
\r\n Status:{event.customer.status}
\r\n \r\n )}\r\n\r\n{event.datasheet && event.datasheet.assignedToResource && (\r\n
\r\n Salesperson:{event.datasheet.assignedToResource.firstName} {event.datasheet.assignedToResource.lastName}
\r\n \r\n )}\r\n\r\n{event.customer && event.customer.assignedTo && (\r\n
\r\n Salesperson:{event.customer.assignedTo.firstName} {event.customer.assignedTo.lastName}
\r\n \r\n )}\r\n{event.description &&(\r\n
\r\n {event.description}
\r\n \r\n )}\r\n {event.datasheet && event.datasheet.customer &&(\r\n
\r\n Phone: {event.datasheet.customer.phonenumber}
\r\n \r\n )}\r\n\r\n{event.customer &&(\r\n
\r\n Phone: {event.customer.phonenumber}
\r\n \r\n )}\r\n\r\n \r\n{event.appttype &&(\r\n
\r\n Appointment Type: {event.appttype}
\r\n \r\n )}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n
\r\n ondbClick()}> \r\n
\r\n {event.name} \r\n \r\n\r\n\r\n {detailEnabled &&
} \r\n \r\n {locationEnabled && event.datasheet && event.datasheet.address &&
}\r\n {locationEnabled && event.customer && event.customer.address &&
}\r\n {showEmployees && event.crew.resources.map( e =>\r\n \r\n { \r\n if(e.resource !== null)\r\n {\r\n //console.log(e);\r\n return(\r\n
)\r\n \r\n }\r\n \r\n } ) } \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Event;\r\n","import { connect } from 'react-redux';\r\nimport { createSelector } from 'reselect';\r\n\r\nimport Event from './Event';\r\nimport { fieldsSelector } from '../../../redux/settings';\r\nexport * from './Event';\r\n\r\nconst getEventOffice = event => {\r\n if (event.purchaseOrder) {\r\n return event.purchaseOrder.office;\r\n } else if (event.job) {\r\n return event.job.office;\r\n } else if (event.bid) {\r\n return event.bid.office;\r\n } else {\r\n return null;\r\n }\r\n};\r\n\r\nconst makeGetEventType = () => (state, { eventId }) => {\r\n const event = state.events.events.find((e) => e.id === eventId);\r\n \r\n if (event.purchaseOrder) {\r\n return 'purchaseOrder';\r\n } else if (event.job) {\r\n return 'job';\r\n } else if (event.bid) {\r\n return 'bid';\r\n } \r\n if(event.customer || event.datasheet || event.appttype || event.evttype =='appointments')\r\n {\r\n return 'appointment';\r\n }\r\n else {\r\n return 'none';\r\n }\r\n};\r\n\r\nconst makeGetEvent = () => createSelector(\r\n (state, { eventId }) => state.events.events.find(e => e.id === eventId),\r\n event => ({\r\n ...event,\r\n office: getEventOffice(event)\r\n })\r\n);\r\n\r\nconst makeMapStateToProps = () => {\r\n const getEvent = makeGetEvent();\r\n const getEventType = makeGetEventType();\r\n return (state, props) => ({\r\n event: getEvent(state, props),\r\n eventType: getEventType(state, props),\r\n fields: fieldsSelector(state)\r\n });\r\n};\r\n\r\nconst mapDispatchToProps = {};\r\n\r\nexport default connect(makeMapStateToProps, mapDispatchToProps)(Event);\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, ButtonToolbar } from 'react-bootstrap';\r\nimport { useDrop } from 'react-dnd';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport CrewCapacities from '../shared/CrewCapacities';\r\nimport CrewName from '../shared/CrewName';\r\nimport Event from '../shared/Event';\r\nimport styles from './DayView.less';\r\nimport { isNumber } from 'lodash';\r\n\r\nconst Crew = ({\r\n active,\r\n crew,\r\n date,\r\n events,\r\n onCrewSelect,\r\n onEditCrewClick,\r\n onPrintWorkOrder,\r\n onReschedule,\r\n onScheduleBid,\r\n onScheduleDelivery,\r\n onScheduleJob,\r\n}) => {\r\n const [{ canDrop, isDragging, isOver }, drop] = useDrop({\r\n accept: ['bid', 'event', 'job', 'purchaseOrder'],\r\n canDrop: (item) => {\r\n switch(item.type) {\r\n case 'bid':\r\n // Bids cannot be scheduled to a crew\r\n return !crew;\r\n case 'event':\r\n const { event } = item;\r\n if (event.bid) {\r\n // Bids cannot be scheduled to a crew\r\n return !crew;\r\n } else {\r\n return !crew || !event.office || crew.offices.some(o => o.id === event.office.id);\r\n }\r\n case 'job':\r\n // Job office must match crew's office\r\n const { job } = item;\r\n return !crew || !job.office || crew.offices.some(o => o.id === job.office.id);\r\n case 'purchaseOrder':\r\n // Purchase order office must match crew's office\r\n const { purchaseOrder } = item;\r\n return !crew || !purchaseOrder.office || crew.offices.some(o => o.id === purchaseOrder.office.id);\r\n default:\r\n break;\r\n }\r\n return true;\r\n },\r\n collect: monitor => ({\r\n canDrop: !!monitor.canDrop(),\r\n isDragging: !!monitor.getItem(),\r\n isOver: !!monitor.isOver(),\r\n }),\r\n drop(item) {\r\n switch(item.type) {\r\n case 'bid':\r\n const { bidId } = item;\r\n onScheduleBid && onScheduleBid(bidId, date.format('YYYY-MM-DD'));\r\n break;\r\n case 'event':\r\n const { eventId } = item;\r\n onReschedule && onReschedule(eventId, date.format('YYYY-MM-DD'), crew);\r\n break;\r\n case 'job':\r\n const { jobId } = item;\r\n onScheduleJob && onScheduleJob(jobId, crew, date.format('YYYY-MM-DD'));\r\n break;\r\n case 'purchaseOrder':\r\n const { purchaseOrderId } = item;\r\n onScheduleDelivery && onScheduleDelivery(purchaseOrderId, date.format('YYYY-MM-DD'), crew);\r\n break;\r\n default:\r\n break;\r\n }\r\n },\r\n });\r\n\r\n return (\r\n \r\n onCrewSelect(crew)}>\r\n
\r\n \r\n
\r\n
\r\n {onEditCrewClick && (\r\n \r\n \r\n )}\r\n {onPrintWorkOrder && (\r\n e.job) || events.some(e=> e.job && !isNumber(e.id)) }\r\n onClick={() => onPrintWorkOrder({eventId: events.filter(e => e.job).map(e => e.id), date: date.format('YYYY-MM-DD')})}\r\n >\r\n \r\n
\r\n {events.length\r\n ? events.map((e) =>
)\r\n : (\r\n
\r\n No jobs are scheduled for this crew\r\n \r\n )\r\n }\r\n
\r\n
\r\n {`${jobType.name} `}\r\n {events.filter((e) => e.job).length} \r\n \r\n {!!laborCapacity && (\r\n
\r\n )}\r\n {!!materialCapacity && (\r\n
\r\n
Material Load \r\n
\r\n
\r\n )}\r\n {!!durationCapacity && (\r\n
\r\n
Estimated Duration \r\n
\r\n
\r\n )}\r\n
\r\n \r\n Job Types \r\n \r\n \r\n \r\n {Object.keys(eventsByJobType).length\r\n ? (\r\n \r\n {Object.keys(eventsByJobType)\r\n .map((jobType) => (\r\n
\r\n )\r\n : (\r\n No jobs are scheduled today \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default JobTypeCapacities;\r\n","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { Button, ButtonToolbar } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Crew from './Crew';\r\nimport JobTypeCapacities from './JobTypeCapacities';\r\n\r\nconst DayView = ({\r\n className,\r\n date,\r\n entity,\r\n events,\r\n settings,\r\n eventsByCrew,\r\n jobTypes,\r\n onEditCrewClick,\r\n onLoadReportClick,\r\n onPrintWorkOrder,\r\n ...props\r\n}) =>\r\n{\r\n \r\n events = events.filter(function(e){\r\n return e.evttype === settings.entity\r\n });\r\nswitch(settings.sortoption)\r\n{\r\n case \"Date\": \r\n events.sort(function(a, b){ \r\n \r\n if (a.startTime === null) {\r\n return 1;\r\n }\r\n if (b.startTime === null) {\r\n return -1;\r\n }\r\n if (a.startTime < b.startTime)\r\n return -1\r\nif (a.startTime > b.startTime)\r\n return 1\r\nelse\r\n return 0\r\n });\r\n break;\r\n case \"Customer\":\r\n \r\n \r\n events.sort(function(a, b){ \r\n \r\n if(a.customer && b.customer)\r\n {\r\n return a.customer.name.localeCompare(b.customer.name);\r\n }\r\n else if (a.datasheet && b.datasheet)\r\n {\r\n if(a.datasheet.customer && b.datasheet.customer)\r\n {\r\n return a.datasheet.customer.name.localeCompare(b.datasheet.customer.name);\r\n }\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n }\r\n else if (a.job && b.job)\r\n {\r\n if(a.job.customer && b.job.customer)\r\n {\r\n return a.job.customer.name.localeCompare(b.job.customer.name);\r\n }\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n }\r\n else if (a.bid && b.bid)\r\n {\r\n if(a.bid.customer && b.bid.customer)\r\n {\r\n return a.bid.customer.name.localeCompare(b.bid.customer.name);\r\n }\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n }\r\n\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n });\r\n \r\n break;\r\n case \"Address\":\r\n events.sort(\r\n function(a,b){\r\n\r\n if(a.datasheet && b.datasheet)\r\n {\r\n if(a.datasheet.customer && b.datasheet.customer && a.datasheet.customer.address && b.datasheet.customer.address)\r\n { \r\n const compareState = a.datasheet.customer.address.state.localeCompare(b.datasheet.customer.address.state);\r\n const compareCity = a.datasheet.customer.address.city.localeCompare(b.datasheet.customer.address.city);\r\n const compareLine1 = a.datasheet.customer.address.line1.localeCompare(b.datasheet.customer.address.line1);\r\n const compareLine2 = a.datasheet.customer.address.line2.localeCompare(b.datasheet.customer.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n }\r\n else if(a.customer && b.customer)\r\n {\r\n if(a.customer && b.customer && a.customer.address && b.customer.address)\r\n {\r\n const compareState = a.customer.address.state.localeCompare(b.customer.address.state);\r\n const compareCity = a.customer.address.city.localeCompare(b.customer.address.city);\r\n const compareLine1 = a.customer.address.line1.localeCompare(b.customer.address.line1);\r\n const compareLine2 = a.customer.address.line2.localeCompare(b.customer.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n }\r\n else if (a.job && b.job)\r\n {\r\n const compareState = a.job.address.state.localeCompare(b.job.address.state);\r\n const compareCity = a.job.address.city.localeCompare(b.job.address.city);\r\n const compareLine1 = a.job.address.line1.localeCompare(b.job.address.line1);\r\n const compareLine2 = a.job.address.line2.localeCompare(b.job.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n\r\n else if (a.bid && b.bid)\r\n {\r\n const compareState = a.bid.address.state.localeCompare(b.bid.address.state);\r\n const compareCity = a.bid.address.city.localeCompare(b.bid.address.city);\r\n const compareLine1 = a.bid.address.line1.localeCompare(b.bid.address.line1);\r\n const compareLine2 = a.bid.address.line2.localeCompare(b.bid.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n\r\n else\r\n {\r\n return b.id - a.id\r\n }\r\n \r\n }\r\n\r\n )\r\n break;\r\n}\r\n\r\nreturn (\r\n \r\n \r\n {entity === 'purchaseOrders' && (\r\n \r\n \r\n )}\r\n {entity === 'jobs' && (\r\n e.job)}\r\n onClick={() =>\r\n onPrintWorkOrder({eventId: events.filter(e => e.job).map(e => e.id), date: date.format('YYYY-MM-DD')})\r\n }\r\n >\r\n \r\n
onEditCrewClick(crew, events) : null\r\n }\r\n onPrintWorkOrder={onPrintWorkOrder}\r\n />\r\n ))}\r\n \r\n)};\r\n\r\nDayView.propTypes = {\r\n entity: PropTypes.oneOf(['bids', 'jobs', 'purchaseOrders','appointments']),\r\n eventsByCrew: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n active: PropTypes.bool.isRequired,\r\n crew: PropTypes.object,\r\n events: PropTypes.arrayOf(PropTypes.object).isRequired\r\n })\r\n ).isRequired,\r\n onEditCrewClick: PropTypes.func,\r\n onLoadReportClick: PropTypes.func,\r\n onPrintWorkOrder: PropTypes.func\r\n};\r\n\r\nexport default DayView;\r\n","import moment from 'moment';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { rescheduleEventExplicit, setActiveCrew, scheduleBid, scheduleJobExplicit, schedulePurchaseOrderExplicit } from '../../redux/calendar';\r\nimport { toggleCrewModal, toggleLoadReportModal } from '../../redux/modals';\r\nimport { open as togglePrintWorkOrderModal } from '../../redux/modals/printWorkOrderModal';\r\nimport makeEventsByCrew from '../../selectors/eventsByCrew';\r\nimport DayView from './DayView';\r\n\r\nconst eventsByCrew = makeEventsByCrew(true);\r\n\r\nconst mapStateToProps = (state) => ({\r\n date: moment(state.calendar.date),\r\n hasCalendarEventUpdate: state.tokenInfo.scope.indexOf('calendarEvents:update') > -1,\r\n entity: state.settings.entity,\r\n events: state.events.events,\r\n eventsByCrew: eventsByCrew(state),\r\n jobTypes: state.dropdowns.jobTypes,\r\n settings:state.settings\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onCrewSelect: setActiveCrew,\r\n onEditCrewClick: toggleCrewModal,\r\n onLoadReportClick: toggleLoadReportModal,\r\n onReschedule: rescheduleEventExplicit,\r\n onPrintWorkOrder: togglePrintWorkOrderModal,\r\n onScheduleBid: scheduleBid,\r\n onScheduleDelivery: schedulePurchaseOrderExplicit,\r\n onScheduleJob: scheduleJobExplicit\r\n};\r\n\r\nconst mergeProps = ({ hasCalendarEventUpdate, ...stateProps }, { onEditCrewClick, ...dispatchProps }, ownProps) => ({\r\n ...ownProps,\r\n ...stateProps,\r\n ...dispatchProps,\r\n onEditCrewClick: hasCalendarEventUpdate ? onEditCrewClick : null\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(DayView);\r\n","import JobProApi from '../../dependencies/JobProApi';\r\nimport { ofType } from 'redux-observable';\r\nimport { map, switchMap } from 'rxjs/operators';\r\nimport { getNextCalendarDisplayOrder, getNextPurchaseOrderDeliveryOrder, reloadCalendar } from '../calendar';\r\n\r\nconst DISPATCH_EVENT = 'DISPATCH_EVENT';\r\nconst PREVIEW_EVENT = 'PREVIEW_EVENT';\r\n\r\nconst DEFAULT_STATE = {\r\n previewEvent: null\r\n};\r\n\r\n// Reducer\r\nexport default function (state = DEFAULT_STATE, { payload, type }) {\r\n switch (type) {\r\n case PREVIEW_EVENT:\r\n return {\r\n ...state,\r\n previewEvent: payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n// Action creators\r\nexport const dispatchEvent = (eventId) => ({\r\n type: DISPATCH_EVENT,\r\n payload: { eventId }\r\n});\r\n\r\nexport const previewEvent = (event) => ({\r\n type: PREVIEW_EVENT,\r\n payload: event\r\n});\r\n\r\n// Epics\r\nexport const dispatchEventEpic = (action$, state$) => action$.pipe(\r\n ofType(DISPATCH_EVENT),\r\n switchMap(({ payload }) => {\r\n const { calendar, events } = state$;\r\n const { activeCrew } = calendar;\r\n const { eventId } = payload;\r\n\r\n const event = events.events.find(e => e.id === eventId);\r\n if (event.purchaseOrder) {\r\n const deliveryOrder = getNextPurchaseOrderDeliveryOrder(events.events, activeCrew);\r\n return JobProApi.purchaseOrders.update(event.purchaseOrder.id, {\r\n crew: activeCrew ? {\r\n equipment: activeCrew.equipment ? { id: activeCrew.equipment.id } : null,\r\n resources: activeCrew.resources.filter(r => !!r.resource).map(r => ({\r\n resource: { id: r.resource.id }\r\n }))\r\n } : null,\r\n deliveryOrder\r\n }, {\r\n fields: 'id'\r\n });\r\n } else {\r\n const displayOrder = getNextCalendarDisplayOrder(events.events, activeCrew);\r\n return JobProApi.calendar.update(eventId, {\r\n crew: activeCrew ? {\r\n equipment: activeCrew.equipment ? { id: activeCrew.equipment.id } : null,\r\n resources: activeCrew.resources.filter(r => !!r.resource).map(r => ({\r\n resource: { id: r.resource.id },\r\n resourcePercentage: r.resourcePercentage\r\n }))\r\n } : null,\r\n displayOrder\r\n }, {\r\n fields: 'id'\r\n });\r\n }\r\n }),\r\n map(() => reloadCalendar()),\r\n);\r\n","import React from 'react';\r\n\r\nimport CrewCapacities from '../shared/CrewCapacities';\r\nimport CrewName from '../shared/CrewName';\r\nimport Event from '../shared/Event';\r\n\r\nconst Crew = ({ active, crew, events, onCrewSelect }) => (\r\n \r\n
onCrewSelect(crew)}>\r\n
\r\n
\r\n
\r\n {events.length\r\n ? events.map((e) =>
)\r\n : (\r\n
\r\n No jobs are scheduled for this crew\r\n \r\n )\r\n }\r\n
\r\n
\r\n \r\n {events.map(e => (\r\n onEventClick(e)}\r\n onMouseOver={() => onPreviewEvent(e)}\r\n onMouseOut={() => onPreviewEvent(null)}\r\n >\r\n {e.purchaseOrder && `${e.purchaseOrder.poNumber} - ${e.purchaseOrder.name}`}\r\n {e.job && `${e.job.jobNumber} - ${e.job.name}`}\r\n \r\n ))}\r\n
\r\n \r\n);\r\n\r\nexport default EventListInfoWindow;\r\n","export default {\r\n path: 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z',\r\n fillOpacity: 1,\r\n // labelOrigin: new google.maps.Point(0, -30),\r\n scale: 0.5,\r\n strokeWeight: 1\r\n};","/* global google */\r\nimport React from 'react';\r\nimport { Marker } from 'react-google-maps';\r\n\r\nimport markerSvg from './markerSvg';\r\n\r\nconst EventMarker = ({ event, ...props }) => (\r\n \r\n \r\n {events.map((e) => (\r\n onEventClick(e)}\r\n onMouseOver={() => onPreviewEvent(e)}\r\n onMouseOut={() => onPreviewEvent(null)}\r\n />\r\n ))}\r\n \r\n {showInfoWindow && (\r\n e.geoPoint.latitude === infoWindowPosition.lat && e.geoPoint.longitude === infoWindowPosition.lng)}\r\n position={infoWindowPosition}\r\n onCloseClick={this.handleInfoWindowClose}\r\n onEventClick={onEventClick}\r\n onPreviewEvent={onPreviewEvent}\r\n />\r\n )}\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default withScriptjs(withGoogleMap(DispatchMap));\r\n","import React from 'react';\r\nimport { Panel } from 'react-bootstrap';\r\n\r\nimport Event from '../shared/Event';\r\n\r\nconst EventPreview = ({ event }) => (\r\n \r\n \r\n {event && \r\n Mouse over a job to see details here\r\n \r\n )}\r\n \r\n \r\n);\r\n\r\nexport default EventPreview;\r\n","import config from 'config.json';\r\nimport React from 'react';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport Crew from './Crew';\r\nimport DispatchMap from './DispatchMap';\r\nimport EventsPreview from './EventPreview';\r\n\r\nimport styles from './Dispatcher.css';\r\n\r\nconst Dispatcher = ({\r\n activeCrew,\r\n defaultCenter,\r\n eventsByCrew,\r\n mapEvents,\r\n onCrewSelect,\r\n onDispatch,\r\n onPreviewEvent,\r\n previewEvent,\r\n unassignedEvents\r\n}) => (\r\n \r\n
\r\n
}\r\n mapElement={
}\r\n onPreviewEvent={onPreviewEvent}\r\n onEventClick={(event) => onDispatch(event.id)}\r\n loadingElement={\r\n
\r\n
\r\n }\r\n />\r\n
\r\n
\r\n
\r\n
\r\n {eventsByCrew.map(({ active, crew, events }) => (\r\n
\r\n
\r\n
\r\n c.active).crew : null}\r\n events={activeCrew ? eventsByCrew.find(c => c.active).events : []}\r\n onCrewSelect={onCrewSelect}\r\n />\r\n )}\r\n
\r\n
\r\n \r\n);\r\n\r\nconst filterOption = (option, filterString) =>\r\n option.name.toLocaleLowerCase().indexOf(filterString.toLocaleLowerCase()) >= 0;\r\n\r\nconst EquipmentEdit = ({ crew, equipment, onChange }) => (\r\n \r\n \r\n \r\n \r\n Equipment \r\n \r\n \r\n);\r\n\r\nexport default EquipmentEdit;\r\n","import React from 'react';\r\nimport { Col, FormControl, InputGroup, Media, Row } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Select from 'react-select';\r\n\r\nconst getResourceFullName = (r) => `${r.firstName || ''} ${r.lastName || ''}`;\r\n\r\nconst filterOption = (option, filterString) =>\r\n getResourceFullName(option).toLocaleLowerCase().indexOf(filterString.toLocaleLowerCase()) >= 0;\r\n\r\nconst ResourceEdit = ({ crewResource, onChange, onDelete, resources,showpercentage }) => (\r\n \r\n \r\n \r\n \r\n Resource \r\n \r\n onChange({ resource: e, resourcePercentage: crewResource ? crewResource.resourcePercentage : null })}\r\n optionRenderer={getResourceFullName}\r\n options={resources}\r\n value={crewResource ? crewResource.resource.id : ''}\r\n valueKey=\"id\"\r\n valueRenderer={getResourceFullName}\r\n />\r\n \r\n { showpercentage && \r\n onChange({ resource: crewResource ? crewResource.resource : null, resourcePercentage: Number(e.target.value) })}\r\n value={crewResource ? crewResource.resourcePercentage || '' : ''}\r\n />\r\n \r\n \r\n \r\n }\r\n
\r\n \r\n \r\n);\r\n\r\nexport default ResourceEdit;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport styles from './EditCrew.css';\r\nimport EquipmentEdit from './EquipmentEdit';\r\nimport ResourceEdit from './ResourceEdit';\r\n\r\nconst defaultCrew = {\r\n equipment: null,\r\n resources: []\r\n};\r\n\r\n/**\r\n * Component for modifying a crew's composition.\r\n */\r\nconst EditCrew = ({ crew, equipment, onChange, resources, showpercentage }) => (\r\n \r\n onChange({ ...defaultCrew, ...crew, equipment })} />\r\n {crew && crew.resources && crew.resources.filter(r => !!r.resource).map((r, i) => (\r\n onChange({ ...defaultCrew, ...crew, resources: crew.resources.filter(r => !!r.resource).map((cr) => cr === r ? crewResource : cr ) })}\r\n onDelete={() => onChange({ ...defaultCrew, ...crew, resources: crew.resources.filter((cr) => cr !== r) })}\r\n resources={resources.filter((r2) => r2.id === r.resource.id || !crew.resources.filter(r => !!r.resource).some((cr) => r2.id === cr.resource.id))}\r\n />\r\n ))}\r\n onChange({ ...defaultCrew, ...crew, resources: [...(crew ? crew.resources : []), crewResource] })}\r\n onDelete={null}\r\n showpercentage={showpercentage}\r\n resources={resources.filter((r2) => !crew.resources.filter(r => !!r.resource).some((cr) => r2.id === cr.resource.id))}\r\n />\r\n
\r\n);\r\n\r\nEditCrew.propTypes = {\r\n crew: PropTypes.object,\r\n equipment: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n resources: PropTypes.arrayOf(PropTypes.object).isRequired\r\n}\r\n\r\nexport default EditCrew;\r\n","import React from 'react';\r\nimport { Button, Modal } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport EditCrew from '../../shared/EditCrew';\r\n\r\nconst CrewModal = ({ crew, equipment, onChange, onConfirm, onHide, resources, show }) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cancel \r\n Save \r\n \r\n \r\n);\r\n\r\nexport default CrewModal;\r\n","import { connect } from 'react-redux';\r\n\r\nimport { editCrewModalConfirm, editCrewModalUpdate, toggleCrewModal } from '../../../redux/modals';\r\nimport CrewModal from './CrewModal';\r\n\r\nconst mapStateToProps = (state) => state.modals.crewModal;\r\n\r\nconst mapDispatchToProps = {\r\n onChange: editCrewModalUpdate,\r\n onConfirm: editCrewModalConfirm,\r\n onHide: () => toggleCrewModal()\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CrewModal);\r\n","import React from 'react';\r\nimport { Button, Modal } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nconst DeleteEventModal = ({ onConfirm, onHide, show }) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Are you sure you want to delete this calendar event?\r\n This action cannot be undone.\r\n \r\n \r\n Close \r\n Delete \r\n \r\n \r\n);\r\n\r\nexport default DeleteEventModal;\r\n","import { connect } from 'react-redux';\r\n\r\nimport { deleteEvent } from '../../../redux/calendar';\r\nimport { toggleDeleteModal } from '../../../redux/modals';\r\nimport DeleteEventModal from './DeleteEventModal';\r\n\r\nconst mapStateToProps = (state) => state.modals.deleteModal;\r\n\r\nconst mapDispatchToProps = {\r\n onConfirm: () => deleteEvent(),\r\n onHide: () => toggleDeleteModal()\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteEventModal);\r\n","import moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, ControlLabel, FormGroup, InputGroup } from 'react-bootstrap';\r\nimport Datetime from 'react-datetime';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Select from 'react-select-plus';\r\n\r\nimport { formatCrewName } from '../../../utils';\r\nimport CrewName from '../CrewName';\r\nimport EditCrew from '../EditCrew';\r\n\r\nconst transformCrewToOption = (crew) => ({\r\n crew,\r\n disabled: crew.disabled,\r\n label: formatCrewName(crew),\r\n value: crew.id\r\n});\r\n\r\nconst unassignedCrewOption = {\r\n crew: null,\r\n label: 'Unassigned',\r\n value: ''\r\n};\r\n\r\nconst getCrewOptions = (purchaseOrderCrew, standardCrews) => [\r\n unassignedCrewOption,\r\n purchaseOrderCrew ? transformCrewToOption(purchaseOrderCrew) : null,\r\n { label: 'Standard Crews', options: standardCrews.map(transformCrewToOption) }\r\n].filter((e) => !!e);\r\n\r\nclass EditDelivery extends React.Component {\r\n\r\n static get propTypes() {\r\n return {\r\n\r\n };\r\n }\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n this.state = {\r\n editCrew: false\r\n };\r\n\r\n this.handleEditCrewClick = this.handleEditCrewClick.bind(this);\r\n }\r\n\r\n handleEditCrewClick() {\r\n this.setState({\r\n editCrew: true\r\n });\r\n }\r\n\r\n render() {\r\n const { equipment, onChange, purchaseOrder, resources, standardCrews } = this.props;\r\n const { editCrew } = this.state;\r\n\r\n return (\r\n \r\n \r\n Delivery Date \r\n onChange({ ...purchaseOrder, dateDelivered: e.format('YYYY-MM-DD') })}\r\n value={purchaseOrder.dateDelivered ? moment(purchaseOrder.dateDelivered) : ''}\r\n />\r\n \r\n
onChange({ ...purchaseOrder, crew })}\r\n equipment={equipment}\r\n resources={resources}\r\n />\r\n ) : (\r\n \r\n Crew \r\n \r\n \r\n \r\n \r\n \r\n onChange({ ...purchaseOrder, crew: crew || null })}\r\n optionRenderer={(o) => o.crew ? \r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n};\r\n\r\nexport default EditDelivery;\r\n","import React from 'react';\r\nimport { Button, Modal } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport EditDelivery from '../../shared/EditDelivery';\r\n\r\nconst DeliveryModal = ({ form, onConfirm, onHide, show, ...props }) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Close \r\n Save \r\n \r\n \r\n);\r\n\r\nexport default DeliveryModal;\r\n","import { connect } from 'react-redux';\r\nimport { createSelector } from 'reselect';\r\n\r\n// import { deleteEvent, fetchCalendar, updateEvent } from '../redux/calendar';\r\nimport { deliveryModalConfirm, deliveryModalUpdate, toggleDeliveryModal } from '../../../redux/modals';\r\nimport DeliveryModal from './DeliveryModal';\r\n\r\nconst standardCrewsSelector = createSelector(\r\n state => state.standardCrews.crews,\r\n state => state.modals.deliveryModal.purchaseOrder,\r\n (standardCrews, purchaseOrder) => {\r\n const office = purchaseOrder ? purchaseOrder.office : null;\r\n return standardCrews\r\n .filter(c => c.deliveryCrew)\r\n .map(c => ({\r\n ...c,\r\n disabled: !!office && !!c.office && c.office.id !== office.id\r\n }));\r\n }\r\n);\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.modals.deliveryModal,\r\n standardCrews: standardCrewsSelector(state)\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onChange: deliveryModalUpdate,\r\n onConfirm: deliveryModalConfirm,\r\n onHide: () => toggleDeliveryModal()\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeliveryModal);\r\n","import React from 'react';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Select from 'react-select-plus';\r\n\r\nconst jobStatusOption = (jobStatus) => (\r\n \r\n \r\n);\r\n\r\nconst JobStatusDropdown = ({ jobStatuses, ...props }) => (\r\n \r\n \r\n \r\n Start Date/Time \r\n \r\n event.endDate ? !value.isAfter(event.endDate) : true\r\n }\r\n timeFormat={false}\r\n onChange={(e) => onChange({ startDate: e.format('YYYY-MM-DD') })}\r\n value={event.startDate ? moment(event.startDate) : ''}\r\n />\r\n {this.state.displayTimepicker ?\r\n \r\n {\r\n this.toggleTimekeeper(false)\r\n }}\r\n config={{\r\n TIMEPICKER_BACKGROUND: 'white',\r\n DONE_BUTTON_COLOR: '#64c9f1',\r\n DONE_BUTTON_BORDER_COLOR: '#ededed'\r\n }} \r\n onChange={(e) => this._startTimeChecker(e)}\r\n />\r\n \r\n : false}\r\n this.toggleTimekeeper(true)}>\r\n {event.startTime ? moment(event.startTime, 'HH:mm:ss').format('hh:mma') : ''}\r\n \r\n this._resetTime('start')}>\r\n reset\r\n \r\n \r\n \r\n \r\n End Date/Time \r\n \r\n event.startDate ? !value.isBefore(event.startDate) : true\r\n }\r\n onChange={(e) => onChange({ endDate: e.format('YYYY-MM-DD') })}\r\n timeFormat={false}\r\n value={event.endDate ? moment(event.endDate) : moment(Date())}\r\n />\r\n {this.state.displayTimepicker ?\r\n \r\n {\r\n this.toggleTimekeeper(false)\r\n }}\r\n config={{\r\n TIMEPICKER_BACKGROUND: 'white',\r\n DONE_BUTTON_COLOR: '#64c9f1',\r\n DONE_BUTTON_BORDER_COLOR: '#ededed'\r\n }} \r\n onChange={(e) => this._endTimeChecker(e)}\r\n />\r\n \r\n : false}\r\n this.toggleTimekeeper(true)}>\r\n {event.endTime ? moment(event.endTime, 'HH:mm:ss').format('hh:mma') : ''}\r\n \r\n this._resetTime('end')}>\r\n reset\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Description \r\n onChange({ description: e.target.value })}\r\n rows={3}\r\n value={event.description || ''}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n Job Status \r\n onChange({ jobStatus: js || null })}\r\n value={event.jobStatus}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n Job Priority Notes \r\n onChange({ jobPriorityNotes: e.target.value })}\r\n rows={3}\r\n value={event.jobPriorityNotes || ''}\r\n />\r\n \r\n \r\n
\r\n
onChange({ crew })}\r\n equipment={equipment}\r\n resources={resources}\r\n showpercentage={true}\r\n />\r\n ) : (\r\n \r\n Crew \r\n \r\n \r\n onToggleEditCrew()}>\r\n \r\n \r\n onChange({ crew: crew || null })}\r\n optionRenderer={(o) =>\r\n o.crew ? \r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n};\r\nexport default EditEvent;\r\n","import React from \"react\";\r\n\r\nimport styles from './LoadingSpinner.css';\r\n\r\nconst LoadingSpinner = () => (\r\n \r\n);\r\n\r\nexport default LoadingSpinner;\r\n","import React from 'react';\r\nimport { Button, Modal } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport EditEvent from '../../shared/EditEvent';\r\nimport LoadingSpinner from '../../shared/LoadingSpinner';\r\n\r\nconst EditEventModal = ({ form, loading, onConfirm, onHide, show, ...props }) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {loading && \r\n \r\n Close \r\n Save \r\n \r\n \r\n);\r\n\r\nexport default EditEventModal;\r\n","import { connect } from 'react-redux';\r\nimport {\r\n editEventModalUpdate,\r\n editModalConfirm,\r\n editModalSelector,\r\n toggleEditCrew,\r\n toggleEditModal\r\n} from '../../../redux/modals';\r\nimport EditEventModal from './EditEventModal';\r\n\r\nconst mapStateToProps = editModalSelector;\r\n\r\nconst mapDispatchToProps = {\r\n onChange: editEventModalUpdate,\r\n onConfirm: editModalConfirm,\r\n onHide: () => toggleEditModal(),\r\n onToggleEditCrew: toggleEditCrew\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditEventModal);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction ordinal(i) {\r\n const j = i % 10, k = i % 100;\r\n if (j === 1 && k !== 11) {\r\n return `${i}st`;\r\n }\r\n if (j === 2 && k !== 12) {\r\n return `${i}nd`;\r\n }\r\n if (j === 3 && k !== 13) {\r\n return `${i}rd`;\r\n }\r\n return `${i}th`;\r\n}\r\n\r\nconst Ordinal = ({ value }) => {ordinal(value)} ;\r\n\r\nOrdinal.propTypes = {\r\n value: PropTypes.number.isRequired\r\n};\r\n\r\nexport default Ordinal;\r\n","import React from 'react';\r\nimport pluralize from 'pluralize';\r\nimport { Badge, Button, Col, Media, Panel, PanelGroup, Row } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Ordinal from '../../shared/Ordinal';\r\n\r\nconst LoadReport = ({ loadReport, onSkipItem, showConsolidatedLoad }) => {\r\n if (!loadReport.length) {\r\n return No deliveries are scheduled today ;\r\n }\r\n\r\n return (\r\n \r\n
\r\n The load report lists deliveries grouped by equipment.\r\n Material is grouped by delivery in reverse order.\r\n Clicking the equipment name will collapse the equipment for easier viewing.\r\n \r\n
\r\n {loadReport.map(e => (\r\n \r\n \r\n {e.equipment.name}\r\n \r\n \r\n \r\n \r\n Original Load \r\n {e.purchaseOrders.map((p, i, a) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n {showConsolidatedLoad && (\r\n Conslidated Load \r\n {e.consolidatedLoad.map((p, i, a) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Close \r\n \r\n \r\n);\r\n\r\nexport default LoadReportModal;\r\n","import { connect } from 'react-redux';\r\n\r\nimport { loadReportModalSelector, skipItem, toggleLoadReportModal } from '../../../redux/modals';\r\nimport LoadReportModal from './LoadReportModal';\r\n\r\nconst mapStateToProps = loadReportModalSelector;\r\n\r\nconst mapDispatchToProps = {\r\n onHide: toggleLoadReportModal,\r\n onSkipItem: skipItem\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LoadReportModal);\r\n","import { connect } from 'react-redux';\r\nimport PrintWorkOrderModal from './PrintWorkOrderModal';\r\nimport { changeWorkOrderTemplate, close, confirm } from '../../../redux/modals/printWorkOrderModal'\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.modals.printWorkOrderModal,\r\n templates: state.workOrders.workOrderTemplates\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onConfirm: confirm,\r\n onHide: close,\r\n onWorkOrderTemplateChange: changeWorkOrderTemplate\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PrintWorkOrderModal);\r\n","import React from 'react';\r\nimport { Button, ControlLabel, FormControl, FormGroup, Modal } from 'react-bootstrap';\r\n\r\nexport default ({\r\n jobs,\r\n onConfirm,\r\n onHide,\r\n onWorkOrderTemplateChange,\r\n show,\r\n templates,\r\n workOrderTemplateId\r\n}) => (\r\n \r\n \r\n Print Work Order \r\n \r\n \r\n {templates.length > 1 && (\r\n \r\n Work Order Template \r\n onWorkOrderTemplateChange((e.target.value))}\r\n value={workOrderTemplateId || ''}\r\n >\r\n {templates.map(t => {t.name} )}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Cancel\r\n \r\n onConfirm()}>\r\n Print\r\n \r\n \r\n \r\n);\r\n","import classNames from 'classnames';\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst colorOptions = [\r\n 'primary',\r\n 'info',\r\n 'success',\r\n 'warning',\r\n 'danger',\r\n 'default'\r\n];\r\n\r\nclass Switch extends React.Component {\r\n\r\n static get defaultProps() {\r\n return {\r\n animate: true,\r\n disabled: false,\r\n indeterminate: false,\r\n labelText: ' ',\r\n offColor: 'default',\r\n offText: 'OFF',\r\n onColor: 'primary',\r\n onText: 'ON',\r\n readonly: false,\r\n size: 'normal'\r\n };\r\n }\r\n\r\n static get propTypes() {\r\n return {\r\n animate: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n indeterminate: PropTypes.bool,\r\n labelText: PropTypes.string,\r\n offColor: PropTypes.oneOf(colorOptions),\r\n offText: PropTypes.string,\r\n onChange: PropTypes.func,\r\n onColor: PropTypes.oneOf(colorOptions),\r\n onText: PropTypes.string,\r\n readonly: PropTypes.bool,\r\n size: PropTypes.oneOf(['mini', 'small', 'normal', 'large']),\r\n value: PropTypes.bool.isRequired\r\n };\r\n }\r\n\r\n constructor(props, context) {\r\n super(props, context);\r\n\r\n this._handleToggle = this.handleToggle.bind(this);\r\n }\r\n\r\n handleToggle() {\r\n !this.props.disabled && !this.props.readonly && this.props.onChange && this.props.onChange(!this.props.value);\r\n }\r\n\r\n render() {\r\n const {\r\n animate,\r\n disabled,\r\n indeterminate,\r\n labelText,\r\n offColor,\r\n offText,\r\n onColor,\r\n onText,\r\n readonly,\r\n size,\r\n value\r\n } = this.props;\r\n\r\n const className = classNames('bootstrap-switch', 'bootstrap-switch-wrapper', {\r\n 'bootstrap-switch-animate': animate\r\n }, {\r\n 'bootstrap-switch-disabled': disabled\r\n }, {\r\n 'bootstrap-switch-indeterminate': indeterminate\r\n }, {\r\n 'bootstrap-switch-off': !value\r\n }, {\r\n 'bootstrap-switch-on': value\r\n }, {\r\n 'bootstrap-switch-readonly': readonly\r\n }, {\r\n [`bootstrap-switch-${size}`]: size\r\n });\r\n\r\n const containerMarginLeft = value\r\n ? '0px'\r\n : '-53px';\r\n\r\n return (\r\n \r\n
\r\n \r\n {onText}\r\n \r\n {labelText || ' '} \r\n \r\n {offText}\r\n \r\n
\r\n
\r\n \r\n \r\n {label} \r\n
\r\n);\r\n\r\nexport default ({\r\n fields,\r\n onHide,\r\n onUpdateField,\r\n show\r\n}) => (\r\n \r\n \r\n Settings \r\n \r\n \r\n {Object.keys(fields).map(k => (\r\n \r\n {fields[k].label} \r\n \r\n {Object.keys(fields[k].fields).map(k2 => (\r\n onUpdateField(`${k}.fields.${k2}`, { visible })}\r\n />\r\n ))}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n Ok\r\n \r\n \r\n \r\n);\r\n","import { connect } from 'react-redux';\r\nimport { fieldsSelector, updateField } from '../../../redux/settings';\r\nimport { close } from '../../../redux/modals/settingsModal';\r\nimport SettingsModal from './SettingsModal';\r\n\r\nconst mapStateToProps = state => ({\r\n fields: fieldsSelector(state) || {},\r\n show: state.modals.settingsModal.show\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onHide: close,\r\n onUpdateField: updateField\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SettingsModal);\r\n","import React from 'react';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Select from 'react-select-plus';\r\n\r\nconst appointmentTypesOption = (appointmentType) => (\r\n \r\n \r\n);\r\n\r\nconst AppointmentTypesDropdown = ({ appointmentTypes, ...props }) => (\r\n \r\n \r\n);\r\n\r\nconst EmployeesDropdown = ({employees, ...props }) => (\r\n onFormUpdate({ employees: e })}\r\n />\r\n);\r\n\r\nexport default EmployeesDropdown;\r\n","import moment from 'moment';\r\nimport React from 'react';\r\nimport {\r\n Button,\r\n Col,\r\n ControlLabel,\r\n FormControl,\r\n FormGroup,\r\n InputGroup,\r\n Row\r\n} from 'react-bootstrap';\r\nimport Datetime from 'react-datetime';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Select from 'react-select-plus';\r\nimport { Async } from 'react-select-plus';\r\nimport { formatCrewName } from '../../../utils';\r\nimport CrewName from '../CrewName';\r\nimport EditCrew from '../EditCrew';\r\nimport AppointmentTypesDropDown from '../AppointmentTypesDropDown';\r\nimport CustomersDropdown from '../DropDowns/CustomersDropDown';\r\nimport DatasheetsDropdown from '../DropDowns/DatasheetsDropDown';\r\nimport styled from 'styled-components';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Timekeeper from 'react-timekeeper';\r\nimport EmployeesDropdown from '../DropDowns/EmployeeDropDown';\r\nimport { searchDatasheets } from '../../../redux/searchAppointments';\r\nimport { searchCustomers } from '../../../redux/searchAppointments';\r\nimport Crew from '../../DayView/Crew';\r\n\r\nconst TimeContainer = styled.div`\r\n position: absolute;\r\n display: block;\r\n z-index: 2;\r\n`;\r\n\r\nconst TimeDisplayContainer = styled.div`\r\n text-align: center;\r\n font-weight: bold;\r\n cursor: pointer;\r\n border-radius: 2px;\r\n -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .15);\r\n height: 50px;\r\n line-height: 50px;\r\n width: 260px;\r\n`;\r\n\r\nconst TimeResetContainer = styled.div`\r\n text-align: center;\r\n font-weight: bold;\r\n color: #EE0303;\r\n font-size: 9px;\r\n height: 20px;\r\n line-height: 20px;\r\n width: 260px;\r\n cursor: pointer;\r\n`;\r\n\r\nconst Span = styled.span`\r\npadding: 6px;\r\nmargin-top: 5px;\r\nborder: 1px solid;\r\nborder-color: #c7bebe;\r\nposition: absolute;\r\ntop: -5px;\r\nwidth: 530px;\r\nborder-radius: 0px 5px 5px 0px;\r\n`\r\n\r\nconst defaultCrew = {\r\n equipment: null,\r\n resources: []\r\n};\r\n\r\nconst transformCrewToOption = (crew) => ({\r\n crew,\r\n disabled: crew.disabled,\r\n label: formatCrewName(crew),\r\n value: crew.id\r\n});\r\n\r\nconst unassignedCrewOption = {\r\n crew: null,\r\n label: 'Unassigned',\r\n value: ''\r\n};\r\n\r\nconst getCrewOptions = (eventCrews, standardCrews) => [\r\n unassignedCrewOption,\r\n { label: 'Event Crews', options: eventCrews !=null ? eventCrews.map(transformCrewToOption):\"\" },\r\n { label: 'Standard Crews', options: standardCrews.size >0 ? standardCrews.map(transformCrewToOption):\"\" }\r\n];\r\n\r\nclass AppointmentCalendar extends React.Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n displayTimepicker: false,\r\n startTime: props.event.startTime ? moment(props.event.startTime, 'HH:mm:ss').format('hh:mma') : '',\r\n endTime: props.event.endTime ? moment(props.event.endTime, 'HH:mm:ss').format('hh:mma') : ''\r\n };\r\n\r\n this._startTimeChecker = this.startTimeChecker.bind(this);\r\n this._endTimeChecker = this.endTimeChecker.bind(this);\r\n this._resetTime = this.resetTime.bind(this);\r\n } \r\n\r\n /*static get propTypes() {\r\n return {\r\n event: PropTypes.object.isRequired\r\n };\r\n }*/\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.event !== this.props.event) {\r\n this.setState({\r\n startTime: nextProps.event.startTime ? moment(nextProps.event.startTime, 'HH:mm:ss').format('hh:mma') : '',\r\n endTime : nextProps.event.endTime ? moment(nextProps.event.endTime, 'HH:mm:ss').format('hh:mma') : ''\r\n });\r\n }\r\n }\r\n\r\n toggleTimekeeper(val){\r\n this.setState({displayTimepicker: val})\r\n }\r\n\r\n resetTime(w){\r\n const {onChange, event } = this.props;\r\n if(w === 'start'){\r\n onChange({ event, startTime: null });\r\n this.setState({startTime: '' });\r\n }\r\n else{\r\n onChange({ event, endTime: null });\r\n this.setState({endTime: '' }); \r\n }\r\n }\r\n\r\n startTimeChecker(e){\r\n const { onChange, event } = this.props;\r\n\r\n var newStartTime = moment(e.hour + ':' + e.minute + e.meridiem, 'h:mma');\r\n\r\n if(newStartTime.isAfter(moment(this.state.endTime, 'hh:mma'))){\r\n onChange({ event, endTime: moment(e.hour + ':' + e.minute + e.meridiem, 'h:mma').format('HH:mm:ss') });\r\n this.setState({endTime: newStartTime.format('hh:mma')});\r\n }\r\n onChange({ event, startTime: moment(e.hour + ':' + e.minute + e.meridiem, 'h:mma').format('HH:mm:ss') });\r\n this.setState({startTime: newStartTime.format('hh:mma')});\r\n }\r\n\r\n endTimeChecker(e){\r\n const { onChange, event } = this.props;\r\n\r\n var newEndTime = moment(e.hour + ':' + e.minute + e.meridiem, 'h:mma');\r\n\r\n if(newEndTime.isBefore(moment(this.state.startTime, 'hh:mma'))){\r\n onChange({ event, startTime: moment(e.hour + ':' + e.minute + e.meridiem, 'h:mma').format('HH:mm:ss') });\r\n this.setState({endTime: newEndTime.format('hh:mma')});\r\n }\r\n onChange({ event, endTime: moment(e.hour + ':' + e.minute + e.meridiem, 'h:mma').format('HH:mm:ss') });\r\n this.setState({endTime: newEndTime.format('hh:mma')});\r\n }\r\n\r\n render() {\r\n\r\n const { \r\n equipment, \r\n event,\r\n isApptEditCrewEnabled,\r\n customers, \r\n datasheets, \r\n onChange,\r\n onToggleEditCrew,\r\n appointmentTypes,\r\n resources,\r\n eventCrews,\r\n standardCrews, \r\n onSearchCustomers,\r\n onSearchDatasheets,\r\n\r\n \r\n } = this.props \r\n \r\n \r\n var selected_option = appointmentTypes.filter(option => \r\n option.name === event.apptType); \r\n\r\n if(!event.appointmentType)\r\n {\r\n event.appointmentType = selected_option[0];\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n Start Date/Time \r\n \r\n event.endDate ? !value.isAfter(event.endDate) : true\r\n }\r\n timeFormat={false}\r\n onChange={(e) => onChange({ startDate: e.format('YYYY-MM-DD') })}\r\n value={event.startDate ? moment(event.startDate) : moment(Date())}\r\n />\r\n {this.state.displayTimepicker ?\r\n \r\n {\r\n this.toggleTimekeeper(false)\r\n }}\r\n config={{\r\n TIMEPICKER_BACKGROUND: 'white',\r\n DONE_BUTTON_COLOR: '#64c9f1',\r\n DONE_BUTTON_BORDER_COLOR: '#ededed'\r\n }} \r\n onChange={(e) => this._startTimeChecker(e)}\r\n />\r\n \r\n : false}\r\n \r\n this.toggleTimekeeper(true)}>\r\n {event.startTime ? moment(event.startTime, 'HH:mm:ss').format('hh:mma') : ''}\r\n \r\n this._resetTime('start')}>\r\n reset\r\n \r\n \r\n \r\n \r\n End Date/Time \r\n \r\n event.startDate ? !value.isBefore(event.startDate) : true\r\n }\r\n onChange={(e) => onChange({ endDate: e.format('YYYY-MM-DD') })}\r\n timeFormat={false}\r\n value={event.endDate ? moment(event.endDate) : moment(Date())}\r\n />\r\n {this.state.displayTimepicker ?\r\n \r\n {\r\n this.toggleTimekeeper(false)\r\n }}\r\n config={{\r\n TIMEPICKER_BACKGROUND: 'white',\r\n DONE_BUTTON_COLOR: '#64c9f1',\r\n DONE_BUTTON_BORDER_COLOR: '#ededed'\r\n }} \r\n onChange={(e) => this._endTimeChecker(e)}\r\n />\r\n \r\n : false}\r\n this.toggleTimekeeper(true)}>\r\n {event.endTime ? moment(event.endTime, 'HH:mm:ss').format('hh:mma') : ''}\r\n \r\n this._resetTime('end')}>\r\n reset\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n Description \r\n onChange({ description: e.target.value })}\r\n rows={3}\r\n value={event.description || ''}\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n Appointment Types \r\n onChange({ appointmentType: ap || null })}\r\n value={event.appointmentType?event.appointmentType.id:''}\r\n valueKey=\"id\"\r\n /> \r\n \r\n \r\n Customer \r\n onChange({ customer: c || null })} \r\n \r\n onInputChange={onSearchCustomers}\r\n onOpen={onSearchCustomers}\r\n loadOptions={()=>searchCustomers(event.customer?event.customer.name:\"\")}\r\n defaultOptions\r\n value={event.customer?event.customer:''}\r\n valueKey=\"id\"\r\n /> \r\n \r\n\r\n \r\n Datasheet \r\n onChange({ datasheet: c || null })} \r\n onInputChange={onSearchDatasheets}\r\n loadOptions={()=>searchDatasheets(event.datasheet?event.datasheet.name:\"\")}\r\n defaultOptions\r\n onOpen={onSearchDatasheets} \r\n \r\n value = {event.datasheet?event.datasheet:'' } \r\n valueKey=\"id\"\r\n /> \r\n \r\n \r\n
\r\n \r\n
\r\n {isApptEditCrewEnabled ? (\r\n
onChange({ crew })}\r\n showpercentage = {false}\r\n equipment={equipment !=null ?equipment:[]}\r\n resources={resources!=null ? resources:[]}\r\n />\r\n ) : (\r\n \r\n Crew \r\n \r\n \r\n onToggleEditCrew()}>\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {loading && \r\n \r\n Close \r\n Save \r\n \r\n \r\n)};\r\n\r\nexport default AppointmentCalendarModal;\r\n","import { connect } from 'react-redux';\r\nimport {\r\n editAppointmentModalUpdate,\r\n editAppointmentModalConfirm, \r\n toggleApptEditCrew,\r\n editAppointmentModalUpdateConfirm,\r\n toggleAppointmentModal, \r\n \r\n} from '../../../redux/modals';\r\nimport AppointmentCalendarModal from './AppointmentCalendarModal';\r\nimport { searchCustomers,searchDatasheets } from '../../../redux/searchAppointments';\r\n\r\nimport { toggleAppointmentCrew } from '../../../redux/modals/appintmentCalendarModal';\r\n\r\n\r\nconst mapStateToProps = (state) => ({\r\n ...state,\r\n show: state.modals.appintmentCalendarModal.show, \r\n loading:state.modals.appintmentCalendarModal.loading, \r\n appointmentTypes:state.dropdowns.appointmentTypes,\r\n customers:state.searchAppointments.customers, \r\n equipment:state.modals.appintmentCalendarModal.equipment,\r\n resources:state.modals.appintmentCalendarModal.resources,\r\n datasheets:state.searchAppointments.datasheets,\r\n employees:state.searchEmployees.employees,\r\n isApptEditCrewEnabled:state.modals.appintmentCalendarModal.isApptEditCrewEnabled,\r\n form:state.modals.appintmentCalendarModal.form,\r\n \r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onChange: editAppointmentModalUpdate,\r\n //onConfirm: (evt)=> Object.keys(evt).length===0? editAppointmentModalConfirm:editAppointmentModalUpdateConfirm,\r\n onConfirm:editAppointmentModalConfirm,\r\n onEditConfirm:editAppointmentModalUpdateConfirm,\r\n onHide: () => toggleAppointmentModal({show:false}),\r\n onToggleEditCrew: toggleAppointmentCrew,\r\n onSearchCustomers: searchCustomers,\r\n onSearchDatasheets:searchDatasheets,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AppointmentCalendarModal);\r\n","import moment from 'moment';\r\nimport React from 'react';\r\n\r\nimport styles from './MonthView.css';\r\n\r\nconst Cell = ({ date, events, inactive, ...props }) => (\r\n \r\n
{moment(date).format('D')} \r\n {events.filter((e) => e.job).length} Jobs {events.filter((e) => e.purchaseOrder).length} Deliveries {events.filter((e) => e.bid).length} Bids \r\n \r\n);\r\n\r\nexport default Cell;\r\n","import moment from 'moment';\r\nimport React from 'react';\r\nimport Cell from './Cell';\r\nimport styles from './MonthView.css';\r\n\r\nconst MonthView = ({ className = '', date, events, onNavigate }) => {\r\n const startMonth = moment(date).startOf('month');\r\n const endMonth = moment(date).endOf('month');\r\n const currentWeek = startMonth.clone().startOf('week');\r\n\r\n const weeks = [];\r\n while (currentWeek.isBefore(endMonth)) {\r\n const days = [];\r\n const startWeek = currentWeek.clone().startOf('week');\r\n const endWeek = currentWeek.clone().endOf('week');\r\n const currentDay = startWeek.clone();\r\n while (currentDay.isBefore(endWeek)) {\r\n days.push({\r\n date: currentDay.format(),\r\n events: events.filter(\r\n (e) =>\r\n !currentDay.isBefore(e.startDate) && !currentDay.isAfter(e.endDate)\r\n ),\r\n inactive:\r\n currentDay.isBefore(startMonth) || currentDay.isAfter(endMonth)\r\n });\r\n currentDay.add(1, 'day');\r\n }\r\n weeks.push(days);\r\n currentWeek.add(1, 'week');\r\n }\r\n\r\n return (\r\n \r\n
\r\n
Sunday
\r\n
Monday
\r\n
Tuesday
\r\n
Wednesday
\r\n
Thursday
\r\n
Friday
\r\n
Saturday
\r\n
\r\n {weeks.map((days, i) => (\r\n
\r\n {days.map(({ date, events, inactive }) => (\r\n onNavigate(date, 'day')}\r\n />\r\n ))}\r\n
\r\n ))}\r\n
Financial detail is not available for deliveries. ;\r\n default:\r\n return (\r\n \r\n );\r\n }\r\n};\r\n\r\nexport default FinancialTotals;","import React from \"react\";\r\nimport { Button, OverlayTrigger, Popover } from 'react-bootstrap';\r\nimport FinancialTotalsContent from \"./FinancialTotalsContent\";\r\n\r\nconst FinancialTotals = ({ financialEnabled, onToggleFinancial, ...props }) => {\r\n return (\r\n \r\n Financial \r\n \r\n )\r\n};\r\n\r\nexport default FinancialTotals;","import { connect } from 'react-redux';\r\nimport { createSelector } from 'reselect';\r\n\r\nimport { toggleFinancial } from '../../redux/settings';\r\nimport FinancialTotals from './FinancialTotals';\r\n\r\nconst totals = createSelector(\r\n state => state.events.events,\r\n events => {\r\n const uniqueJobs = events\r\n .filter(e => e.job && !e.tentative)\r\n .map(e => e.job)\r\n .reduce((unique, job) => ({ ...unique, [job.id]: job }), {});\r\n\r\n return Object.values(uniqueJobs)\r\n .reduce(({ actualProfit, estimatedLabor, proposedProfit, revenue }, job) => ({\r\n actualProfit: actualProfit + (job.profit && job.profit.actualProfit || 0),\r\n estimatedLabor: estimatedLabor + (job.capacities && job.capacities.laborAmount || 0),\r\n proposedProfit: proposedProfit + (job.profit && job.profit.proposedProfit || 0),\r\n revenue: revenue + job.jobTotal\r\n }), {\r\n actualProfit: 0,\r\n estimatedLabor: 0,\r\n proposedProfit: 0,\r\n revenue: 0\r\n });\r\n }\r\n);\r\n\r\nconst mapStateToProps = state => ({\r\n ...totals(state),\r\n entity: state.settings.entity,\r\n financialEnabled: state.settings.financialEnabled,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onToggleFinancial: toggleFinancial,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FinancialTotals);\r\n","import React from 'react';\r\nimport { Col, ControlLabel, FormControl, FormGroup, HelpBlock } from 'react-bootstrap';\r\n\r\nexport default ({ entity, material }) => (\r\n \r\n {material.map(m => (\r\n \r\n \r\n {Math.round(m.quantity * 1000) / 1000}\r\n \r\n \r\n \r\n ))}\r\n \r\n {`Only scheduled ${entity === 'purchaseOrders' ? 'deliveries' : 'jobs'} are included in material totals.`}\r\n \r\n
\r\n);\r\n","import React from \"react\";\r\nimport { Button, OverlayTrigger, Popover } from 'react-bootstrap';\r\nimport MaterialTotalsContent from \"./MaterialTotalsContent\";\r\n\r\nconst MaterialTotals = ({ materialEnabled, onToggleMaterial, ...props }) => {\r\n return (\r\n \r\n Material \r\n \r\n );\r\n};\r\n\r\nexport default MaterialTotals;","import { connect } from 'react-redux';\r\nimport { createSelector } from 'reselect';\r\n\r\nimport { toggleMaterial } from '../../redux/settings';\r\nimport MaterialTotals from './MaterialTotals';\r\n\r\nconst material = createSelector(\r\n state => state.events.events,\r\n state => state.settings.entity,\r\n (events, entity) => {\r\n switch (entity) {\r\n case 'purchaseOrders': {\r\n // Purchase orders are already unique because they can only be scheduled once\r\n const totals = events\r\n .filter(e => e.purchaseOrder)\r\n .map(e => e.purchaseOrder)\r\n .reduce((items, p) => [...items, ...p.items], [])\r\n .filter(i => i.quantity && i.item && i.item.itemType)\r\n .reduce((totals, i) => {\r\n let group = totals[i.item.itemType.id] || {\r\n id: i.item.itemType.id,\r\n name: i.item.itemType.name,\r\n quantity: 0\r\n };\r\n group.quantity += i.quantity;\r\n totals[i.item.itemType.id] = group;\r\n return totals;\r\n }, {});\r\n\r\n return Object.values(totals);\r\n }\r\n default: {\r\n const uniqueJobs = events\r\n .filter(e => e.job && !e.tentative)\r\n .map(e => e.job)\r\n .reduce((unique, job) => ({ ...unique, [job.id]: job }), {});\r\n\r\n const totals = Object.values(uniqueJobs)\r\n .reduce((items, j) => [...items, ...j.items], [])\r\n .filter(i => i.proposedQuantity && i.item && i.item.itemType)\r\n .reduce((totals, i) => {\r\n let group = totals[i.item.itemType.id] || {\r\n id: i.item.itemType.id,\r\n name: i.item.itemType.name,\r\n quantity: 0\r\n };\r\n group.quantity += i.proposedQuantity;\r\n totals[i.item.itemType.id] = group;\r\n return totals;\r\n }, {});\r\n\r\n return Object.values(totals);\r\n }\r\n }\r\n }\r\n);\r\n\r\nconst mapStateToProps = state => ({\r\n entity: state.settings.entity,\r\n material: material(state),\r\n materialEnabled: state.settings.materialEnabled,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onToggleMaterial: toggleMaterial,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MaterialTotals);\r\n","import moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, OverlayTrigger, Popover } from 'react-bootstrap';\r\nimport Datetime from 'react-datetime';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport styles from './SchedulerNavbar.css';\r\n\r\nconst getDateDisplay = (date, mode) => {\r\n switch (mode) {\r\n case 'week':\r\n return `${moment(date).startOf('week').format('MMM DD')} to ${moment(date).endOf('week').format('MMM DD')}`;\r\n case 'month':\r\n return moment(date).format('MMM YYYY');\r\n default:\r\n return moment(date).format('dddd MMM DD, YYYY');\r\n }\r\n};\r\n\r\nconst getMomentUnitFromMode = (mode) => {\r\n switch (mode) {\r\n case 'dispatch':\r\n return 'day';\r\n default:\r\n return mode;\r\n }\r\n};\r\n\r\nconst DateNavigator = ({ date, mode, onNavigate }) => (\r\n \r\n onNavigate(moment(date).subtract(1, getMomentUnitFromMode(mode)), mode)} />\r\n {' '}\r\n \r\n onNavigate(d, mode)}\r\n timeFormat={false}\r\n value={moment(date)}\r\n />\r\n \r\n onNavigate(moment(), getMomentUnitFromMode(mode))}>\r\n \r\n
\r\n \r\n )}\r\n placement=\"bottom\"\r\n rootClose\r\n trigger=\"click\"\r\n >\r\n {getDateDisplay(date, mode)} \r\n \r\n {' '}\r\n onNavigate(moment(date).add(1, getMomentUnitFromMode(mode)), mode)} />\r\n \r\n);\r\n\r\nexport default DateNavigator;\r\n","import React from 'react';\r\nimport { ControlLabel, FormGroup } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport Select from 'react-select-plus';\r\n\r\nconst colorOptions = [{\r\n label: 'Job Status',\r\n value: 'jobStatus'\r\n}, {\r\n label: 'Job Type',\r\n value: 'jobType'\r\n}, {\r\n label: 'Office',\r\n value: 'office'\r\n}, {\r\n label: 'Salesperson',\r\n value: 'salesperson'\r\n}];\r\n\r\nconst apptcolorOptions = [{\r\n label: 'Office',\r\n value: 'office'\r\n}, {\r\n label: 'Salesperson',\r\n value: 'salesperson'\r\n}];\r\n\r\n\r\nconst style = {\r\n minWidth: '200px'\r\n};\r\n\r\nconst bidTypeOption = (bidType) => (\r\n \r\n \r\n);\r\n\r\nconst jobStatusOption = (jobStatus) => (\r\n \r\n \r\n);\r\n\r\nconst jobTypeOption = (jobType) => (\r\n \r\n \r\n);\r\n\r\nconst salespersonOption = ({ calendarColor, firstName, lastName }) => (\r\n \r\n \r\n);\r\n\r\nconst Filters = ({ bidTypes, filters, jobStatuses, jobTypes, offices, onFilterUpdate, salespeople,settings }) => {\r\n \r\n \r\n //console.log(salespeople);\r\n \r\n\r\n if(settings.entity===\"appointments\")\r\n {\r\n return (\r\n \r\n \r\n Office \r\n onFilterUpdate({ offices: e })}\r\n />\r\n \r\n \r\n Salesperson \r\n onFilterUpdate({ salespeople: e })}\r\n />\r\n \r\n\r\n \r\n \r\n Color \r\n onFilterUpdate({ color: e.value })}\r\n />\r\n \r\n \r\n Sort \r\n onFilterUpdate({ sortoption: e.value })}\r\n />\r\n \r\n
)\r\n\r\n }\r\n else\r\n {\r\n return (\r\n \r\n \r\n Job Status \r\n onFilterUpdate({ jobStatuses: e })}\r\n />\r\n \r\n \r\n Job Type \r\n onFilterUpdate({ jobTypes: e })}\r\n />\r\n \r\n \r\n Bid Type \r\n onFilterUpdate({ bidTypes: e })}\r\n />\r\n \r\n \r\n Office \r\n onFilterUpdate({ offices: e })}\r\n />\r\n \r\n \r\n Salesperson \r\n onFilterUpdate({ salespeople: e })}\r\n />\r\n \r\n \r\n Color \r\n onFilterUpdate({ color: e.value })}\r\n />\r\n \r\n \r\n Sort \r\n onFilterUpdate({ sortoption: e.value })}\r\n />\r\n \r\n
\r\n)}\r\n\r\n\r\n};\r\n\r\nexport default Filters;\r\n","import React from 'react';\r\nimport { Button, ButtonGroup, ButtonToolbar, Navbar, OverlayTrigger, Popover } from 'react-bootstrap';\r\nimport FontAwesome from 'react-fontawesome';\r\nimport FinancialTotals from '../FinancialTotals';\r\nimport MaterialTotals from '../MaterialTotals';\r\nimport DateNavigator from './DateNavigator';\r\nimport Filters from './Filters';\r\n\r\nconst SchedulerNavbar = ({\r\n bidTypes,\r\n date,\r\n detailEnabled,\r\n jobStatuses,\r\n appointmentTypes,\r\n jobTypes,\r\n loading,\r\n locationEnabled,\r\n mode,\r\n offices,\r\n onNavigate,\r\n onOpenSettingsModal,\r\n onSettingsChange,\r\n onToggleDetail,\r\n onToggleLocation,\r\n salespeople,\r\n settings,\r\n showFinancials,\r\n schedulerView,\r\n onSchedularViewButtonClick,\r\n selectJobsTab,\r\n onAppointmentCalenderClick\r\n}) => \r\n{\r\n const onButtonClick = ()=> { \r\n \r\n if(schedulerView === 'equipment')\r\n {\r\n onSchedularViewButtonClick('crew');\r\n }\r\n else\r\n {\r\n onSchedularViewButtonClick('equipment');\r\n selectJobsTab();\r\n }\r\n }\r\nreturn (\r\n \r\n \r\n \r\n \r\n onAppointmentCalenderClick(true)} style={{marginLeft:'10px'}}>{\"Add Appointment\"} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n onButtonClick()}>{schedulerView==='crew'?'Show Equipment View':'Show Crew View'} \r\n Detail \r\n Location \r\n {showFinancials && onOpenSettingsModal()}>\r\n \r\n \r\n \r\n \r\n onNavigate(date, mode)}>\r\n \r\n \r\n onNavigate(date, 'month')}>Month \r\n onNavigate(date, 'week')}>Week \r\n onNavigate(date, 'day')}>Day \r\n onNavigate(date, 'dispatch')}>Dispatch \r\n \r\n \r\n \r\n \r\n)};\r\n\r\nexport default SchedulerNavbar;\r\n","import { connect } from 'react-redux';\r\n\r\nimport { fetchCalendar } from '../../redux/calendar';\r\nimport { toggleDetail, toggleLocation, updateSettings } from '../../redux/settings';\r\nimport { open as onOpenSettingsModal } from '../../redux/modals/settingsModal';\r\nimport {toggleAppointmentModal as onOpenAppointmentCalendarModal} from '../../redux/modals/appintmentCalendarModal';\r\nimport SchedulerNavbar from './SchedulerNavbar';\r\n\r\nconst mapStateToProps = (state) => ({\r\n ...state.settings,\r\n ...state.dropdowns,\r\n date: state.calendar.date,\r\n loading: state.events.loading,\r\n mode: state.calendar.mode,\r\n settings: state.settings,\r\n showFinancials: state.tokenInfo.scope.indexOf('scheduler:hideFinancials') < 0,\r\n schedulerView:state.settings.schedulerView,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n onOpenSettingsModal,\r\n onAppointmentCalenderClick:(show)=> onOpenAppointmentCalendarModal({show:show}),\r\n onNavigate: fetchCalendar,\r\n onSettingsChange: updateSettings,\r\n onToggleDetail: toggleDetail,\r\n onToggleLocation: toggleLocation,\r\n onSchedularViewButtonClick:(view)=> updateSettings({ schedulerView: view,entity: 'jobs' }),\r\n selectJobsTab: () => updateSettings({ entity: 'jobs' }),\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SchedulerNavbar);\r\n","import React from 'react';\r\nimport FontAwesome from 'react-fontawesome';\r\n\r\nimport styles from './WeekView.less';\r\n\r\nconst CrewTag = ({ active, crew, onCrewSelect }) => crew\r\n ? (\r\n \r\n {r.resource.firstName} {r.resource.lastName} \r\n ))}\r\n
\r\n )\r\n : (\r\n Unassigned
\r\n );\r\n\r\nexport default CrewTag;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { ContextMenuTrigger } from 'react-contextmenu';\r\nimport { useDrop } from 'react-dnd';\r\nimport tinycolor from 'tinycolor2';\r\n\r\nimport Event, { DraggableType } from '../shared/Event';\r\n\r\nimport styles from './WeekView.less';\r\n\r\nconst contextMenuCollect = (props) => ({\r\n eventId: props.eventId,\r\n jobId: props.jobId ? props.jobId : 0,\r\n date: props.date\r\n});\r\n\r\nconst getContextMenuIdForEvent = (e) => {\r\n if (e.bid) {\r\n return 'BID_MENU';\r\n } else if (e.purchaseOrder) {\r\n return 'DELIVERY_MENU';\r\n } else if (e.job) {\r\n return 'JOB_MENU';\r\n } else {\r\n return 'NONE';\r\n }\r\n};\r\n\r\nconst makeEventStyle = ({ color }) => {\r\n return !color ? null : {\r\n backgroundColor: color,\r\n borderColor: tinycolor(color).darken(40),\r\n color: tinycolor(color).getBrightness() < 150 ? '#fff' : '#000'\r\n };\r\n};\r\n\r\nconst Day = ({ active, crew, date, settings, events, onReschedule, onScheduleBid, onScheduleDelivery, onScheduleJob }) => {\r\n const [{ canDrop, isDragging, isOver }, drop] = useDrop({\r\n accept: [DraggableType, 'bid', 'job', 'purchaseOrder'],\r\n canDrop: (item) => {\r\n switch(item.type) {\r\n case 'bid':\r\n // Bids cannot be scheduled to a crew\r\n return !crew;\r\n case 'event':\r\n const { event } = item;\r\n if (event.bid) {\r\n // Bids cannot be scheduled to a crew\r\n return !crew;\r\n } else {\r\n return !crew || !event.office || crew.offices.some(o => o.id === event.office.id);\r\n }\r\n case 'job':\r\n // Job office must match crew's office\r\n const { job } = item;\r\n return !crew || !job.office || crew.offices.some(o => o.id === job.office.id);\r\n case 'purchaseOrder':\r\n // Purchase order office must match crew's office\r\n const { purchaseOrder } = item;\r\n return !crew || !purchaseOrder.office || crew.offices.some(o => o.id === purchaseOrder.office.id);\r\n default:\r\n break;\r\n }\r\n return true;\r\n },\r\n collect: (monitor) => ({\r\n canDrop: !!monitor.canDrop(),\r\n isDragging: !!monitor.getItem(),\r\n isOver: !!monitor.isOver(),\r\n }),\r\n drop: (item) => {\r\n switch(item.type) {\r\n case 'bid':\r\n const { bidId } = item;\r\n onScheduleBid && onScheduleBid(bidId, date.format('YYYY-MM-DD'));\r\n break;\r\n case 'event':\r\n const { eventId } = item;\r\n onReschedule && onReschedule(eventId, date.format('YYYY-MM-DD'), crew);\r\n break;\r\n case 'job':\r\n const { jobId } = item;\r\n onScheduleJob && onScheduleJob(jobId, crew, date.format('YYYY-MM-DD'));\r\n break;\r\n case 'purchaseOrder':\r\n const { purchaseOrderId } = item;\r\n onScheduleDelivery && onScheduleDelivery(purchaseOrderId, date.format('YYYY-MM-DD'), crew);\r\n break;\r\n case 'appointment':\r\n \r\n break; \r\n default:\r\n break;\r\n }\r\n }\r\n });\r\n\r\n // console.log(events);\r\n events = events.filter(function(e){\r\n return e.evttype === settings.entity\r\n });\r\n switch(settings.sortoption)\r\n{\r\n case \"Date\": \r\n events.sort(function(a, b){ \r\n \r\n // nulls sort after anything else\r\n if (a.startTime === null) {\r\n return 1;\r\n }\r\n if (b.startTime === null) {\r\n return -1;\r\n }\r\n\r\n if (a.startTime < b.startTime)\r\n return -1\r\nif (a.startTime > b.startTime)\r\n return 1\r\nelse\r\n return 0\r\n });\r\n break;\r\n case \"Customer\":\r\n \r\n \r\n events.sort(function(a, b){ \r\n \r\n if(a.customer && b.customer)\r\n {\r\n return a.customer.name.localeCompare(b.customer.name);\r\n }\r\n else if (a.datasheet && b.datasheet)\r\n {\r\n if(a.datasheet.customer && b.datasheet.customer)\r\n {\r\n return a.datasheet.customer.name.localeCompare(b.datasheet.customer.name);\r\n }\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n }\r\n else if (a.job && b.job)\r\n {\r\n if(a.job.customer && b.job.customer)\r\n {\r\n return a.job.customer.name.localeCompare(b.job.customer.name);\r\n }\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n }\r\n else if (a.bid && b.bid)\r\n {\r\n if(a.bid.customer && b.bid.customer)\r\n {\r\n return a.bid.customer.name.localeCompare(b.bid.customer.name);\r\n }\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n }\r\n\r\n\r\n else\r\n {\r\n return b.id- a.id;\r\n }\r\n });\r\n \r\n break;\r\n case \"Address\":\r\n events.sort(\r\n function(a,b){\r\n\r\n if(a.datasheet && b.datasheet)\r\n {\r\n if(a.datasheet.customer && b.datasheet.customer && a.datasheet.customer.address && b.datasheet.customer.address)\r\n { \r\n const compareState = a.datasheet.customer.address.state.localeCompare(b.datasheet.customer.address.state);\r\n const compareCity = a.datasheet.customer.address.city.localeCompare(b.datasheet.customer.address.city);\r\n const compareLine1 = a.datasheet.customer.address.line1.localeCompare(b.datasheet.customer.address.line1);\r\n const compareLine2 = a.datasheet.customer.address.line2.localeCompare(b.datasheet.customer.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n }\r\n else if(a.customer && b.customer)\r\n {\r\n if(a.customer && b.customer && a.customer.address && b.customer.address)\r\n {\r\n const compareState = a.customer.address.state.localeCompare(b.customer.address.state);\r\n const compareCity = a.customer.address.city.localeCompare(b.customer.address.city);\r\n const compareLine1 = a.customer.address.line1.localeCompare(b.customer.address.line1);\r\n const compareLine2 = a.customer.address.line2.localeCompare(b.customer.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n }\r\n else if (a.job && b.job)\r\n {\r\n const compareState = a.job.address.state.localeCompare(b.job.address.state);\r\n const compareCity = a.job.address.city.localeCompare(b.job.address.city);\r\n const compareLine1 = a.job.address.line1.localeCompare(b.job.address.line1);\r\n const compareLine2 = a.job.address.line2.localeCompare(b.job.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n\r\n else if (a.bid && b.bid)\r\n {\r\n const compareState = a.bid.address.state.localeCompare(b.bid.address.state);\r\n const compareCity = a.bid.address.city.localeCompare(b.bid.address.city);\r\n const compareLine1 = a.bid.address.line1.localeCompare(b.bid.address.line1);\r\n const compareLine2 = a.bid.address.line2.localeCompare(b.bid.address.line2);\r\n return compareState || compareCity || compareLine1 || compareLine2;\r\n }\r\n\r\n else\r\n {\r\n return b.id - a.id\r\n }\r\n \r\n }\r\n\r\n )\r\n break;\r\n}\r\n\r\n\r\n return (\r\n \r\n {events.map((e) => (\r\n