{{facilityName}}
\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"{{facilityCity}}, {{facilityState}} {{facilityZip}}
\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"{{parkerName}},
\\n\" +\n\"\\n\" +\n\"Thank you for your parking reservation for the {{eventName}} event in {{eventCity}}, {{eventState}}. Below you will find your parking reservation information.
\\n\" +\n\"Reservation Number: {{reservationNumber}}
\\n\" +\n\"Reservation Information: {{reservationBlocks}}
\\n\" +\n\"Parking spot quantity reserved: {{reservationSpots}}
\\n\" +\n\"Total charged: {{reservationTotal}}
\\n\" +\n\"To update or cancel this reservation, please contact the garage manager. Parking requests can be modified up to {{reservationModificationDate}}. If you have questions, please visit our FAQ page.
\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"What to do upon arrival:
\\n\" +\n\"{{eventDirections}}
\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"Walking directions from the facility to the event:
\\n\" +\n\"{{walkingDirections}}
\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"{{staffFirstName}} {{staffLastName}}
\\n\" +\n\"{{staffTitle}}
\\n\" +\n\"{{facilityName}}
\\n\" +\n\"E. {{staffEmail}}
\\n\" +\n\"P. {{staffPhone}}
\";\n\nclass CreateEvent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: null,\n distanceFilter: .1,\n emailTemplate: defaultEmailTemplate,\n }\n this.onGarageSelected = this.onGarageSelected.bind(this);\n this.onChange = this.onChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.onAddBlock = this.onAddBlock.bind(this);\n this.onBlockChange = this.onBlockChange.bind(this);\n this.onDistanceChange = this.onDistanceChange.bind(this);\n this.filter = this.filter.bind(this);\n this.onEditorChange = this.onEditorChange.bind(this);\n }\n \n onChange(e, {name, value}){\n const {event, actions} = this.props;\n let newProps = {[name]:value};\n if (name === 'name') {\n newProps = {...newProps, 'slug': value.replace(/ /g, '').toLowerCase()};\n }\n actions.updateNewEvent({...event, ...newProps});\n }\n\n onDistanceChange(e, {name, value}){\n console.log(value);\n this.setState({distanceFilter: value});\n }\n\n onAddBlock(e) {\n const {actions, event} = this.props;\n e.preventDefault();\n actions.addNewBlock(event);\n }\n\n onBlockChange(e, block) {\n const {actions, event} = this.props;\n actions.updateNewBlock(event, block);\n }\n\n async onSubmit(e) {\n const {event, actions} = this.props;\n const {emailTemplate} = this.state;\n try {\n const {blocks} = event;\n const newBlocks = [...blocks.map(b => {\n const newB = {...b};\n if (newB.id.length !== 36) {\n delete newB.id \n }\n return newB;\n })]\n var result = await actions.createEvent({...event, blocks: newBlocks, reservationEmailTemplate: emailTemplate});\n actions.replace(`/admin/event/${result.response.id}/inventory`);\n } catch (error) {\n this.setState({error: error.message});\n }\n }\n\n onGarageSelected(id){\n let {event, actions} = this.props;\n if (event.participatingFacilities.findIndex(x => x.facilityId === id)!==-1) {\n event.participatingFacilities = event.participatingFacilities.filter(x => x.facilityId !== id);\n } else {\n event.participatingFacilities = [...event.participatingFacilities, {facilityId: id}];\n }\n actions.updateNewEvent({...event});\n }\n\n filter(facility) {\n const {distanceFilter} = this.state;\n const {event, venues} = this.props;\n if (event) {\n const venue = venues[event.venueId];\n if (venue) {\n const distance = geo.distance(parseFloat(venue.lat), parseFloat(venue.lng), parseFloat(facility.lat), parseFloat(facility.lng));\n console.log(distance);\n return distance < distanceFilter;\n }\n }\n return true;\n }\n\n onEditorChange(html) {\n this.setState({emailTemplate: html});\n }\n\n render() {\n const {error, emailTemplate} = this.state;\n const {facilities, event, venues} = this.props;\n console.log(emailTemplate);\n return (\n\n
\n );\n }\n}\n\nCreateEvent.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n facilities: Facility.selector(state).facilities,\n event: Events.selector(state).newEvent,\n venues: Venue.selector(state).venue\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Facility.actionCreators, dispatch),\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(CreateEvent));","import React from 'react'\n\nimport { compose, withProps } from 'recompose'\nimport { withGoogleMap, GoogleMap, withScriptjs } from 'react-google-maps'\n\nconst MapComponent = (props) => {\n return (\n \n
\n ),\n },\n {\n key: 'orange',\n value: 'orange',\n text: 'Orange',\n content: (\n \n
\n ),\n },\n {\n key: 'yellow',\n value: 'yellow',\n text: 'Yellow',\n content: (\n \n
\n ),\n },\n {\n key: 'green',\n value: 'green',\n text: 'Green',\n content: (\n \n
\n ),\n },\n {\n key: 'blue',\n value: 'blue',\n text: 'Blue',\n content: (\n \n
\n ),\n },\n {\n key: 'purple',\n value: 'purple',\n text: 'Purple',\n content: (\n \n
\n ),\n },\n {\n key: 'brown',\n value: 'brown',\n text: 'Brown',\n content: (\n \n
\n ),\n },\n {\n key: 'grey',\n value: 'grey',\n text: 'Grey',\n content: (\n \n
\n ),\n },\n ]\n const f = this.getFacility()\n const { staff } = this.props\n const { error, showDeleteConfirmation } = this.state\n const {\n lat,\n lng,\n name,\n address,\n city,\n state,\n zip,\n clearanceFeet,\n clearanceInches,\n editorState,\n owner,\n alternateManagerName,\n alternateManagerEmail,\n alternateManagerPhone,\n managerId,\n tagColor,\n workdayCode,\n } = f\n const location = { lat, lng }\n console.log(f)\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n {!this.isCreate() ? : null}\n \n \n \n \n \n \n \n
\n )\n }\n}\n\nFacility.propTypes = {\n facilityId: PropTypes.string,\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n facilityId: ownProps.match.params.facilityId,\n facility: FacilityStore.selector(state),\n staff: Staff.selector(state).staff,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(FacilityStore.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(Facility)\n)\n","import React, { Component } from 'react';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {Header, Form, Button, Message} from 'semantic-ui-react'\nimport * as Staff from '../../store/Staff';\n\nclass CreateStaff extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: null\n }\n this.onChange = this.onChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n }\n \n onChange(e, {name, value}){\n const {staff, actions} = this.props;\n actions.updateNewStaff({...staff, [name]:value});\n }\n\n componentDidMount(){\n const {actions} = this.props;\n actions.resetStaff();\n }\n\n async onSubmit(e) {\n const {staff, actions} = this.props;\n try {\n await actions.createStaff(staff);\n actions.replace('/admin');\n } catch (error) {\n this.setState({error: error.message});\n }\n \n }\n render() {\n const {staff} = this.props;\n const {error} = this.state;\n return (\n \n
\n );\n }\n}\n\nCreateStaff.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n staff: Staff.selector(state).newStaff,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Staff.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(CreateStaff));","import React, { Component } from 'react';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {Header, Form, Button, Message} from 'semantic-ui-react'\nimport * as Staff from '../../store/Staff';\n\nclass EditStaff extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: null\n }\n this.onChange = this.onChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n }\n \n onChange(e, {name, value}){\n const {staff, actions} = this.props;\n actions.updateEditStaff({...staff, [name]:value});\n }\n\n async onSubmit(e) {\n const {staff, actions} = this.props;\n try {\n await actions.updateStaff(staff);\n actions.replace('/admin');\n } catch (error) {\n this.setState({error: error.message});\n }\n }\n render() {\n const {staff} = this.props;\n const {error} = this.state;\n return (\n \n
\n );\n }\n}\n\nEditStaff.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n staff: Staff.selector(state).staff[ownProps.match.params.staffId],\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Staff.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EditStaff));","import React, { Component } from 'react';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {Header, Form, Button, Message} from 'semantic-ui-react'\nimport * as Venue from '../../store/Venue';\n\nfunction toGeocode(address, city, state, zip) {\n return [\n address,\n city,\n state,\n zip\n ].join(', ').replace(/ /g, '+');\n}\nclass CreateVenue extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: null\n }\n this.onChange = this.onChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.onAddressChange = this.onAddressChange.bind(this);\n }\n \n onChange(e, {name, value}){\n const {venue, actions} = this.props;\n actions.updateNewVenue({...venue, [name]:value});\n }\n\n async onAddressChange(e) {\n const {actions, venue} = this.props;\n const {address, city, state, zip} = venue;\n const urlAddress = `/api/geo?address=${toGeocode(address, city, state, zip)}`;\n const response = await fetch(urlAddress);\n const geoResult = await response.json();\n if (geoResult.status === 'OK'){\n console.log(geoResult);\n const {geometry} = geoResult.results[0];\n actions.updateNewVenue({...venue, ...geometry.location});\n // this.setState({...geometry.location});\n }\n }\n\n componentDidMount(){\n const {actions} = this.props;\n actions.resetVenue();\n }\n\n async onSubmit(e) {\n const {venue, actions} = this.props;\n try {\n await actions.createVenue(venue);\n actions.replace('/admin');\n } catch (error) {\n this.setState({error: error.message});\n }\n \n }\n render() {\n const {venue} = this.props;\n const {error} = this.state;\n console.log(venue);\n return (\n \n
\n );\n }\n}\n\nCreateVenue.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n venue: Venue.selector(state).newVenue,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Venue.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(CreateVenue));","import React, { Component } from 'react';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {Header, Form, Button, Message, Confirm} from 'semantic-ui-react'\nimport * as Venue from '../../store/Venue';\nfunction toGeocode(address, city, state, zip) {\n return [\n address,\n city,\n state,\n zip\n ].join(', ').replace(/ /g, '+');\n}\nclass EditVenue extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: null,\n showDeleteConfirmation: false\n }\n this.onChange = this.onChange.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.onAddressChange = this.onAddressChange.bind(this);\n this.onDelete = this.onDelete.bind(this);\n this.onCancelDelete = this.onCancelDelete.bind(this);\n this.onConfirmDelete = this.onConfirmDelete.bind(this);\n }\n \n onChange(e, {name, value}){\n const {venue, actions} = this.props;\n actions.updateEditVenue({...venue, [name]:value});\n }\n\n async onAddressChange(e) {\n const {actions, venue} = this.props;\n const {address, city, state, zip} = venue;\n const urlAddress = `/api/geo?address=${toGeocode(address, city, state, zip)}`;\n const response = await fetch(urlAddress);\n const geoResult = await response.json();\n if (geoResult.status === 'OK'){\n console.log(geoResult);\n const {geometry} = geoResult.results[0];\n actions.updateEditVenue({...venue, ...geometry.location});\n // this.setState({...geometry.location});\n }\n }\n\n async onSubmit(e) {\n const {venue, actions} = this.props;\n try {\n await actions.updateVenue(venue);\n actions.replace('/admin');\n } catch (error) {\n this.setState({error: error.message});\n }\n }\n\n async onDelete(e){\n e.preventDefault();\n const {venue, actions} = this.props;\n try {\n await actions.deleteVenue(venue);\n actions.replace('/admin');\n this.setState({showDeleteConfirmation: false});\n } catch (error) {\n this.setState({error: error.message, showDeleteConfirmation: false});\n window.scrollTo(0, 0);\n }\n }\n\n onConfirmDelete(e){\n e.preventDefault();\n this.setState({showDeleteConfirmation: true});\n }\n\n onCancelDelete(e){\n e.preventDefault();\n this.setState({showDeleteConfirmation: false});\n }\n\n render() {\n const {venue} = this.props;\n const {error, showDeleteConfirmation} = this.state;\n return (\n \n
\n );\n }\n}\n\nEditVenue.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n venue: Venue.selector(state).venue[ownProps.match.params.venueId],\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Venue.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EditVenue));","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Segment, Header, Divider, Form, TextArea, Table, Input } from 'semantic-ui-react';\nimport moment from 'moment';\nimport numeral from 'numeral';\n\nclass FacilityInventory extends Component {\n constructor(props) {\n super(props);\n this.onChange = this.onChange.bind(this);\n this.onDayChange = this.onDayChange.bind(this);\n this.onRateChange = this.onRateChange.bind(this);\n this.onSpotsBlur = this.onSpotsBlur.bind(this);\n }\n\n onChange(e, { name, value }) {\n const { onChange, inventory } = this.props;\n const i = { ...inventory, [name]: value };\n onChange(e, i);\n }\n\n onRateChange(e, { id, name, value }) {\n console.log(id, name, value);\n const { onChange, inventory } = this.props;\n const blocks = [...inventory.blocks];\n const idx = blocks.findIndex((d) => d.id === name);\n blocks[idx] = { ...blocks[idx], [id]: numeral(Math.abs(value)).format('0,0.00') };\n const i = { ...inventory, blocks };\n console.log(i);\n onChange(e, i);\n }\n\n onDayChange(e, { id, name, value }) {\n console.log(id, name, value);\n const { onChange, inventory } = this.props;\n const blocks = [...inventory.blocks];\n const idx = blocks.findIndex((d) => d.id === name);\n blocks[idx] = { ...blocks[idx], [id]: value };\n const i = { ...inventory, blocks };\n console.log(i);\n onChange(e, i);\n }\n\n onSpotsBlur(e, { id, name, value }) {\n console.log(id, name, value);\n const { onChange, inventory } = this.props;\n const blocks = [...inventory.blocks];\n const idx = blocks.findIndex((d) => d.id === name);\n if (value >= blocks[idx].reservedSpots) {\n blocks[idx] = { ...blocks[idx], [id]: Math.abs(value) };\n } else {\n blocks[idx] = { ...blocks[idx], [id]: blocks[idx].reservedSpots };\n }\n const i = { ...inventory, blocks };\n console.log(i);\n onChange(e, i);\n }\n\n render() {\n const { inventory } = this.props;\n const { facility, venue, blocks, directions } = inventory;\n const sortBlocks = (a, b) => moment.utc(a.startDate) - moment.utc(b.startDate) || moment.utc(b.endDate) - moment.utc(a.endDate);\n return (\n \n
\n );\n }\n}\n\nEventInventory.propTypes = {\n\n};\n\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n facilities: Facility.selector(state).facilities,\n event: Events.selector(state).events[ownProps.match.params.eventId],\n venues: Venue.selector(state).venue\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Facility.actionCreators, dispatch),\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EventInventory));","import React, { Component } from 'react';\nimport {Table, Header, Form, Button} from 'semantic-ui-react';\nimport * as Events from '../../store/Events';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nconst dataTypeOptions = [\n {value: 'text', text: 'Text Input'},\n // {value: 'date', text: 'Date Selection'}\n];\nclass EventCustomFields extends Component {\n constructor(props) {\n super(props);\n const {event} = props;\n const additionalFields = event && event.additionalFields ? JSON.parse(event.additionalFields) : {};\n this.state = {\n name: '',\n dataType: 'text',\n label: '',\n additionalFields\n }\n this.onChange = this.onChange.bind(this);\n this.onAdd = this.onAdd.bind(this);\n this.onDelete = this.onDelete.bind(this);\n }\n\n onChange(e, {name, value}) {\n if (name === 'name') {\n var fixed = value.replace(/[^a-z0-9]/gi,'');\n this.setState({[name]: fixed});\n } else {\n this.setState({[name]: value});\n }\n }\n\n async onAdd(e) {\n const {event, actions} = this.props;\n const {name, label, dataType, additionalFields} = this.state;\n\n const newFields = {...additionalFields, [name]: {name, label, dataType}};\n\n this.setState({additionalFields: newFields});\n\n try {\n await actions.updateEvent({...event, additionalFields: JSON.stringify(newFields)});\n // actions.replace(`/admin/event/${result.response.id}/inventory`);\n } catch (error) {\n this.setState({error: error.message});\n }\n }\n\n async onDelete(e, {name}) {\n const {event, actions} = this.props;\n const {additionalFields} = this.state;\n\n delete additionalFields[name];\n\n this.setState({additionalFields});\n\n try {\n await actions.updateEvent({...event, additionalFields: JSON.stringify(additionalFields)});\n // actions.replace(`/admin/event/${result.response.id}/inventory`);\n } catch (error) {\n this.setState({error: error.message});\n }\n }\n \n render() {\n const {event} = this.props;\n const {additionalFields, name, label, dataType} = this.state;\n console.log(additionalFields);\n return (\n \n
\n );\n }\n}\n\nEventCustomFields.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n event: Events.selector(state).events[ownProps.match.params.eventId],\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(EventCustomFields));","import React, { Component } from 'react'\nimport { routerActions } from 'connected-react-router'\nimport { Switch, Route } from 'react-router-dom'\nimport { withRouter } from 'react-router-dom'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { Header, Form, Grid, Button, Table, Message, TextArea, Segment, Confirm, Checkbox } from 'semantic-ui-react'\nimport moment from 'moment'\nimport DatePicker from '../../components/DatePicker'\nimport * as Facility from '../../store/Facility'\nimport * as Events from '../../store/Events'\nimport * as Venue from '../../store/Venue'\nimport * as geo from '../../helpers/geo'\nimport EventInventory from './EventInventory'\nimport EventCustomFields from './EventCustomFields'\nimport InventoryBlock from '../../components/InventoryBlock'\nimport Editor from '../../components/WysiwygEditor'\n\nconst distanceOptions = [\n { text: '< .1 mi.', value: 0.1 },\n { text: '< .25 mi.', value: 0.25 },\n { text: '< .5 mi.', value: 0.5 },\n { text: '< 1 mi.', value: 1 },\n { text: '< 5 mi.', value: 5 },\n]\n\nconst emailFields = [\n 'parkerName',\n 'facilityName',\n 'facilityAddress',\n 'facilityCity',\n 'facilityState',\n 'facilityZip',\n 'eventName',\n 'eventAddress',\n 'eventCity',\n 'eventState',\n 'eventSlug',\n 'reservationNumber',\n 'reservationBlocks',\n 'reservationSpots',\n 'reservationTotal',\n 'reservationModificationDate',\n 'eventDirections',\n 'walkingDirections',\n 'staffFirstName',\n 'staffLastName',\n 'staffTitle',\n 'staffEmail',\n 'staffPhone',\n]\n\nconst defaultEmailTemplate =\n '{{facilityName}}
\\n' +\n '\\n' +\n \"\\n\" +\n \"{{facilityCity}}, {{facilityState}} {{facilityZip}}
\\n\" +\n '\\n' +\n '\\n' +\n '{{parkerName}},
\\n' +\n '\\n' +\n 'Thank you for your parking reservation for the {{eventName}} event in {{eventCity}}, {{eventState}}. Below you will find your parking reservation information.
\\n' +\n \"Reservation Number: {{reservationNumber}}
\\n\" +\n \"Reservation Information: {{reservationBlocks}}
\\n\" +\n \"Parking spot quantity reserved: {{reservationSpots}}
\\n\" +\n \"Total charged: {{reservationTotal}}
\\n\" +\n \"To update or cancel this reservation, please contact the garage manager. Parking requests can be modified up to {{reservationModificationDate}}. If you have questions, please visit our FAQ page.
\\n\" +\n '\\n' +\n '\\n' +\n 'What to do upon arrival:
\\n' +\n '{{eventDirections}}
\\n' +\n '\\n' +\n '\\n' +\n 'Walking directions from the facility to the event:
\\n' +\n '{{walkingDirections}}
\\n' +\n '\\n' +\n '\\n' +\n '{{staffFirstName}} {{staffLastName}}
\\n' +\n '{{staffTitle}}
\\n' +\n '{{facilityName}}
\\n' +\n 'E. {{staffEmail}}
\\n' +\n 'P. {{staffPhone}}
'\nclass EditEvent extends Component {\n constructor(props) {\n super(props)\n this.state = {\n error: null,\n distanceFilter: 0.1,\n emailTemplate: null,\n showDeleteConfirmation: false,\n }\n this.onGarageSelected = this.onGarageSelected.bind(this)\n this.onChange = this.onChange.bind(this)\n this.onChangeCheckbox = this.onChangeCheckbox.bind(this)\n this.onSubmit = this.onSubmit.bind(this)\n this.onAddBlock = this.onAddBlock.bind(this)\n this.onBlockChange = this.onBlockChange.bind(this)\n this.onDistanceChange = this.onDistanceChange.bind(this)\n this.filter = this.filter.bind(this)\n this.onEditorChange = this.onEditorChange.bind(this)\n this.onDelete = this.onDelete.bind(this)\n this.onCancelDelete = this.onCancelDelete.bind(this)\n this.onConfirmDelete = this.onConfirmDelete.bind(this)\n this.onPublish = this.onPublish.bind(this)\n console.log(this.props.event)\n }\n\n onChange(e, { name, value }) {\n const { event, actions } = this.props\n let newProps = { [name]: value }\n if (name === 'name') {\n newProps = { ...newProps, slug: value.replace(/ /g, '').toLowerCase() }\n }\n actions.updateEditEvent({ ...event, ...newProps })\n }\n\n onChangeCheckbox(e, { name, checked }) {\n const { event, actions } = this.props\n let newProps = { [name]: checked }\n actions.updateEditEvent({ ...event, ...newProps })\n }\n\n onDistanceChange(e, { name, value }) {\n console.log(value)\n this.setState({ distanceFilter: value })\n }\n\n onAddBlock(e) {\n const { actions, event } = this.props\n e.preventDefault()\n actions.addEditBlock(event)\n }\n\n onBlockChange(e, block) {\n const { actions, event } = this.props\n actions.updateEditBlock(event, block)\n }\n\n async onPublish(e) {\n const { event, actions } = this.props\n await actions.publishEvent({ ...event })\n }\n\n async onSubmit(e) {\n const { event, actions } = this.props\n const { emailTemplate } = this.state\n try {\n const { blocks } = event\n const newBlocks = [\n ...blocks.map((b) => {\n const newB = { ...b }\n if (newB.id.length !== 36) {\n delete newB.id\n }\n return newB\n }),\n ]\n const template = emailTemplate || event.reservationEmailTemplate || defaultEmailTemplate\n var result = await actions.updateEvent({ ...event, blocks: newBlocks, reservationEmailTemplate: template })\n actions.replace(`/admin/event/${result.response.id}/inventory`)\n } catch (error) {\n this.setState({ error: error.message })\n }\n }\n\n onGarageSelected(id) {\n // const id = e.target.dataset.facility;\n let { event, actions } = this.props\n if (event.participatingFacilities.findIndex((x) => x.facilityId === id) !== -1) {\n event.participatingFacilities = event.participatingFacilities.filter((x) => x.facilityId !== id)\n } else {\n event.participatingFacilities = [...event.participatingFacilities, { facilityId: id }]\n }\n actions.updateEditEvent({ ...event })\n }\n\n onEditorChange(html) {\n this.setState({ emailTemplate: html })\n }\n\n async onDelete(e) {\n e.preventDefault()\n const { event, actions } = this.props\n try {\n await actions.deleteEvent(event)\n actions.replace('/admin')\n this.setState({ showDeleteConfirmation: false })\n } catch (error) {\n this.setState({ error: error.message, showDeleteConfirmation: false })\n window.scrollTo(0, 0)\n }\n }\n\n onConfirmDelete(e) {\n e.preventDefault()\n this.setState({ showDeleteConfirmation: true })\n }\n\n onCancelDelete(e) {\n e.preventDefault()\n this.setState({ showDeleteConfirmation: false })\n }\n\n filter(facility) {\n const { distanceFilter } = this.state\n const { event, venues } = this.props\n if (event) {\n const venue = venues[event.venueId]\n if (venue) {\n const distance = geo.distance(parseFloat(venue.lat), parseFloat(venue.lng), parseFloat(facility.lat), parseFloat(facility.lng))\n console.log(distance)\n return distance < distanceFilter\n }\n }\n return true\n }\n\n render() {\n const { error, emailTemplate, showDeleteConfirmation } = this.state\n const { facilities, event, venues } = this.props\n\n const sortBlocks = (a, b) => moment.utc(a.startDate) - moment.utc(b.startDate) || moment.utc(b.endDate) - moment.utc(a.endDate)\n\n return (\n\n \n \n \n \n \n \n\n \n
\n ) : null}\n {`${moment(c.transactionDate).format('L')} - ${numeral(c.balance).format('$ 0,0.00')}`}
\n ))}\n \n {blocks.map((block) => (\n
\n \n
\n ))}\n {`${block.inventoryBlock.name} - ${spots} ${spots > 1 ? 'spots' : 'spot'} @ ${numeral(block.inventoryBlock.rate).format(\n '$0,0.00'\n )} each`}
\n \n Total charged: {`${numeral(blocks.reduce((acc, block) => acc + spots * block.inventoryBlock.rate, 0)).format('$0,0.00')}`}\n
\n \n
\n \n {facility.name} {facility.address}\n
\n Type: {facility.isLot ? 'Lot' : `Garage - ${facility.clearanceFeet}'${facility.clearanceInches}''`}
\n \n \n
\n
\n );\n }\n}\n\nReservationList.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n reservations: Object.values(Reservation.selector(state).reservations),\n events: Object.values(Events.selector(state).events).map(evt => ({value: evt.id, text: evt.name})),\n facilities: Object.values(Facilities.selector(state).facilities).map(f => ({value: f.id, text: f.name})),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(routerActions, dispatch),\n ...bindActionCreators(Reservation.actionCreators, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(ReservationList));","import React, { Component } from 'react';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport {Table, Dropdown, Checkbox, Form} from 'semantic-ui-react';\nimport DatePicker from '../../components/DatePicker';\nimport RefreshButton from '../../components/RefreshButton';\nimport * as Reservation from '../../store/Reservations';\nimport * as Events from '../../store/Events';\nimport * as Facilities from '../../store/Facility';\nimport moment from 'moment';\nclass InventoryList extends Component {\n constructor(props) {\n super(props);\n this.state = {\n facilityId: '',\n eventId: 'all',\n filterDate: 'all',\n filterDt: moment()\n }\n this.onFilter = this.onFilter.bind(this);\n this.onEdit = this.onEdit.bind(this);\n }\n\n async onFilter(e, {name, value}) {\n const {actions} = this.props;\n const {filterDt} = this.state;\n this.setState({[name]: value});\n console.log(name);\n if (name === 'filterDate' || name === 'filterDt')\n {\n if (name === 'filterDate' && value === 'all'){\n return await actions.getInventoryList();\n }\n\n await actions.getInventoryList((name === 'filterDt' ? value : filterDt).toISOString());\n }\n }\n onEdit(e) {\n e.preventDefault();\n const {actions} = this.props;\n actions.push(e.target.pathname);\n }\n \n render() {\n const {inventory, events, actions} = this.props;\n const {eventId, filterDate, filterDt} = this.state;\n\n console.log(inventory);\n\n return (\n \n \n
\n
\n );\n }\n}\n\nInventoryList.propTypes = {\n\n};\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n inventory: Object.values(Reservation.selector(state).inventory),\n events: Object.values(Events.selector(state).events).map(evt => ({value: evt.id, text: evt.name})),\n facilities: Object.values(Facilities.selector(state).facilities).map(f => ({value: f.id, text: f.name})),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(routerActions, dispatch),\n ...bindActionCreators(Reservation.actionCreators, dispatch),\n }\n})\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(InventoryList));","import PropTypes from 'prop-types'\nimport React, { Component } from 'react'\n\nimport * as PaymentLinks from '../../store/PaymentLinks'\nimport { routerActions } from 'connected-react-router'\nimport { withRouter } from 'react-router-dom'\nimport { connect } from 'react-redux'\nimport { bindActionCreators } from 'redux'\nimport RefreshButton from '../../components/RefreshButton'\nimport { Table, Button } from 'semantic-ui-react'\n\nclass PaymentLinkList extends Component {\n constructor(props) {\n super(props)\n\n this.onAddClick = this.onAddClick.bind(this)\n }\n\n componentDidMount() {\n const { actions } = this.props\n console.log('PaymentLinkList', actions)\n actions.getProducts()\n }\n\n onAddClick(e) {\n const { actions } = this.props\n actions.push('/admin/paymentLink/add')\n }\n\n render() {\n const { paymentLink, actions } = this.props\n\n return (\n \n \n
\n
\n )\n }\n}\n\nPaymentLinkList.propTypes = {\n paymentLink: PropTypes.object,\n actions: PropTypes.object,\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n paymentLink: PaymentLinks.selector(state),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(PaymentLinks.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(PaymentLinkList)\n)\n","import React, { Component } from 'react'\nimport { routerActions } from 'connected-react-router'\nimport { withRouter } from 'react-router-dom'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { Header, Form, Message, Table } from 'semantic-ui-react'\n\nimport * as PaymentLinks from '../../store/PaymentLinks'\n\nclass CreatePaymentLink extends Component {\n constructor(props) {\n super(props)\n this.state = {\n error: null,\n name: '',\n value: '',\n product: '',\n metadata: {},\n }\n\n this.onChange = this.onChange.bind(this)\n this.onSubmit = this.onSubmit.bind(this)\n }\n\n onChange(e, { name, value }) {\n this.setState({ [name]: value })\n }\n\n async onSubmit(e) {\n const { actions } = this.props\n try {\n if (!this.state.product) {\n throw new Error('Product is required')\n }\n const product = this.props.products.find((p) => p.id === this.state.product)\n const paymentLink = {\n lineItems: [{ price: { id: product.defaultPrice.id }, quantity: 1 }],\n metadata: this.state.metadata,\n }\n await actions.createPaymentLink(paymentLink)\n actions.replace('/admin')\n this.setState({ error: null, name: '', value: '', product: '', metadata: {} })\n } catch (error) {\n this.setState({ error: error.message })\n }\n }\n\n render() {\n const { error } = this.state\n console.log('CreatePaymentLink', this.props)\n\n return (\n \n
\n )\n }\n}\n\nCreatePaymentLink.proTypes = {}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n products: PaymentLinks.selector(state).products,\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(PaymentLinks.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(CreatePaymentLink)\n)\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { routerActions } from 'connected-react-router';\nimport { withRouter } from 'react-router-dom';\nimport { bindActionCreators } from 'redux';\nimport { Header, Dropdown, Button } from 'semantic-ui-react';\n\nimport * as Events from '../../store/Events';\n\nfunction base64ToArrayBuffer(base64) {\n var binaryString = window.atob(base64);\n var binaryLen = binaryString.length;\n var bytes = new Uint8Array(binaryLen);\n for (var i = 0; i < binaryLen; i++) {\n var ascii = binaryString.charCodeAt(i);\n bytes[i] = ascii;\n }\n return bytes;\n}\nfunction saveByteArray(reportName, byte) {\n var blob = new Blob([byte], { type: 'application/csv' });\n var link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n var fileName = reportName;\n link.download = fileName;\n link.click();\n}\n\nclass Reports extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n eventId: null,\n eventName: null,\n };\n\n this.onDropdownChange = this.onDropdownChange.bind(this);\n this.onDownloadClick = this.onDownloadClick.bind(this);\n this.onDownloadSummaryClick = this.onDownloadSummaryClick.bind(this);\n }\n\n onDropdownChange(e, data) {\n const idx = data.options.findIndex((o) => o.value === data.value);\n const text = data.options[idx].text;\n this.setState({ eventId: data.value, eventName: text });\n }\n\n async onDownloadClick(e) {\n const { actions } = this.props;\n try {\n const result = await actions.downloadEventReport(this.state.eventId);\n const file = base64ToArrayBuffer(result.response.report);\n saveByteArray(`${this.state.eventName}.csv`, file);\n } catch (error) {\n console.log(error);\n }\n }\n async onDownloadSummaryClick(e) {\n const { actions } = this.props;\n try {\n const result = await actions.downloadEventReport(this.state.eventId, true);\n const file = base64ToArrayBuffer(result.response.report);\n saveByteArray(`${this.state.eventName}-summary.csv`, file);\n } catch (error) {\n console.log(error);\n }\n }\n\n render() {\n const { event } = this.props;\n const eventOptions = Object.values(event.events).map((f, index) => ({ text: f.name, value: f.id }));\n return (\n \n
\n );\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n event: Events.selector(state),\n };\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n});\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(Reports),\n);\n","import React, { Component } from 'react'\nimport { Switch, Route } from 'react-router-dom'\nimport { routerActions } from 'connected-react-router'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { Container, Menu, Grid, Header, Loader, Dimmer } from 'semantic-ui-react'\nimport AppHeader from '../components/AppHeader'\nimport FacilityList from './admin/FacilityList'\nimport EventList from './admin/EventList'\nimport StaffList from './admin/StaffList'\nimport VenueList from './admin/VenueList'\nimport CreateEvent from './admin/CreateEvent'\nimport Facility from './admin/Facility'\nimport CreateStaff from './admin/CreateStaff'\nimport { withAdalLoginApi, authContext } from '../adalConfig'\nimport EditStaff from './admin/EditStaff'\nimport CreateVenue from './admin/CreateVenue'\nimport EditVenue from './admin/EditVenue'\nimport EditEvent from './admin/EditEvent'\nimport EditReservation from './admin/EditReservation'\nimport ReservationList from './admin/ReservationList'\nimport InventoryList from './admin/InventoryList'\nimport PaymentLinkList from './admin/PaymentLinkList'\nimport CreatePaymentLink from './admin/CreatePaymentLink'\n\nimport * as Venue from '../store/Venue'\nimport * as FacilityStore from '../store/Facility'\nimport * as Staff from '../store/Staff'\nimport * as Events from '../store/Events'\nimport * as Reservation from '../store/Reservations'\nimport * as PaymentLink from '../store/PaymentLinks'\n\nimport Reports from './admin/Reports'\n\nconst signOut = (e) => {\n e.preventDefault()\n authContext.logOut()\n}\n\nclass AdminPage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n activeItem: 'events',\n loading: false,\n }\n this.onMenuClick = this.onMenuClick.bind(this)\n }\n\n componentDidMount() {\n const { actions } = this.props\n actions.getReservations()\n actions.getEvents()\n actions.getFacilities()\n actions.getStaff()\n actions.getVenue()\n actions.getInventoryList()\n actions.getPaymentLinks()\n }\n\n async onMenuClick(e, { name }) {\n const { actions } = this.props\n this.setState({ activeItem: name, loading: true })\n switch (name) {\n case 'events':\n await actions.getEvents()\n this.setState({ loading: false })\n break\n case 'inventory':\n await actions.getInventoryList()\n this.setState({ loading: false })\n break\n case 'reservations':\n await actions.getReservations()\n this.setState({ loading: false })\n break\n case 'facilities':\n await actions.getFacilities()\n this.setState({ loading: false })\n break\n case 'venues':\n await actions.getVenue()\n this.setState({ loading: false })\n break\n case 'staff':\n await actions.getStaff()\n this.setState({ loading: false })\n break\n case 'reporting':\n this.setState({ loading: false })\n break\n case 'paymentLinks':\n await actions.getPaymentLinks()\n this.setState({ loading: false })\n break\n default:\n break\n }\n if (name === 'logout') {\n signOut(e)\n } else {\n if (window.location.pathname !== '/admin') {\n actions.replace('/admin')\n }\n }\n }\n\n render() {\n const { activeItem, loading } = this.state\n return (\n \n \n \n \n \n \n \n \n (\n \n \n \n \n
\n )\n }\n}\n\nAdminPage.propTypes = {}\n\nconst mapStateToProps = (state, ownProps) => {\n return {}\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(FacilityStore.actionCreators, dispatch),\n ...bindActionCreators(Staff.actionCreators, dispatch),\n ...bindActionCreators(Venue.actionCreators, dispatch),\n ...bindActionCreators(Reservation.actionCreators, dispatch),\n ...bindActionCreators(PaymentLink.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default withAdalLoginApi(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(AdminPage),\n () => \n \n \n {activeItem === 'events' ?
\n )}\n />\n Loading
,\n () => error
\n)\n","import React, { Component } from 'react'\nimport { routerActions } from 'connected-react-router'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { Container, Header } from 'semantic-ui-react'\nimport AppHeader from '../components/AppHeader'\n// import { Map, Marker } from '../components/Map';\nimport * as Events from '../store/Events'\nimport moment from 'moment'\n\nclass HomePage extends Component {\n componentWillMount() {\n const { actions } = this.props\n actions.getEvents()\n }\n render() {\n const { events } = this.props\n const uniqueCities = new Set(\n events\n .filter((e) => e.isPublished && e.isPublic)\n .filter((e) => moment().startOf('day') <= moment(e.start).endOf('day'))\n .map((e) => `${e.venue.city}`)\n )\n const cities = [...uniqueCities].map((city) => {\n return {\n id: city,\n events: events\n .filter((e) => e.isPublished && e.isPublic)\n .filter((e) => moment().startOf('day') <= moment(e.start).endOf('day'))\n .filter((e) => e.venue.city === city),\n }\n })\n return (\n \n \n \n Upcoming Events\n \n {!cities.length ? \n Contact Us\n \n \n
\n )\n }\n}\n\nHomePage.propTypes = {}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n events: Object.values(Events.selector(state).events),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(HomePage)\n","import React, { Component } from 'react';\n\nclass OptionList extends Component {\n render() {\n const {className, children} = this.props;\n return (\n No Upcoming events
: null}\n {cities.map((i, idx) => (\n\n {i.id} \n {i.events.map((e, idx) => (\n \n ))}\n
\n ))}\n\n Denison Parking
\n \n P. 317.633.4003\n
\n \n E. indianapolis@denisonparking.com\n
\n \n \n {children}\n
\n );\n }\n}\n\nOptionList.propTypes = {\n\n};\n\nexport default OptionList;","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nclass DateOption extends Component {\n constructor(props) {\n super(props);\n this.onClick = this.onClick.bind(this);\n }\n onClick(e){\n const {onClick} = this.props;\n onClick(e, {...this.props});\n }\n render() {\n const {block} = this.props;\n const startDt = moment(block.startDate);\n const endDt = moment(block.endDate);\n const diff = endDt.diff(startDt, 'days');\n return (\n \n
\n );\n }\n}\n\nDateOption.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport default DateOption;","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport numeral from 'numeral';\n\nclass FacilityOption extends Component {\n constructor(props) {\n super(props);\n this.onClick = this.onClick.bind(this);\n }\n onClick(e){\n const {onClick} = this.props;\n onClick(e, {...this.props});\n }\n render() {\n const {facility, rate} = this.props;\n \n return (\n {block.name}
\n {diff === 0 ? {`${startDt.format('L')}`}
:{`${startDt.format('L')} - ${endDt.format('L')}`}
}\n \n \n
\n );\n }\n}\n\nFacilityOption.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\n\nexport default FacilityOption;","import React, { Component } from 'react';\nimport { Container, Header, Grid, Input, Button } from 'semantic-ui-react';\nimport { Map, Marker } from '../components/Map';\nimport { OptionList, DateOption, FacilityOption } from '../components/Reservation';\n\nclass FacilitySelection extends Component {\n render() {\n const { event, blocks, onDateSelect, spots, onChange, inventory, selectedFacility, onFacilitySelect, venue, onCreateReservation } = this.props;\n return (\n {facility.name}
\n {facility.address}
\n {`Total: ${numeral(rate).format('$0,0')}`}
\n \n
\n \n \n 
= Event Venue\n
\n = Event Venue\n \n 
= Parking Facility\n
\n = Parking Facility\n \n 
= Selected Parking Facility\n
\n = Selected Parking Facility\n \n
\n ) : (\n selectedFacility\n )}\n Type: {selectedFacility.isLot ? 'Lot' : 'Garage'}
\n {!selectedFacility.isLot ? (\n \n Clearance: {selectedFacility.clearanceFeet}'{selectedFacility.clearanceInches}''\n
\n ) : null}\n \n
\n ))}\n \n
\n ) : null\n ) : null}\n Type: {selectedFacility.isLot ? 'Lot' : 'Garage'}
\n {!selectedFacility.isLot ? (\n \n Clearance: {selectedFacility.clearanceFeet}'{selectedFacility.clearanceInches}''\n
\n ) : null}\n \n {blocks.map((block) => (\n
\n \n
\n ))}\n {`${block.name} - ${spots} ${spots > 1 ? 'spots' : 'spot'} @ ${numeral(\n inventory.blocks.find((ib) => ib.eventBlockId === block.id).rate\n ).format('$0,0.00')} each`}
\n \n Total to be charged:{' '}\n {`${numeral(blocks.reduce((acc, cur) => acc + spots * inventory.blocks.find((ib) => ib.eventBlockId === cur.id).rate, 0)).format('$0,0.00')}`}\n
\n \n
\n \n {selectedFacility.name} {selectedFacility.address}\n
\n Type: {selectedFacility.isLot ? 'Lot' : `Garage - ${selectedFacility.clearanceFeet}'${selectedFacility.clearanceInches}''`}
\n \n \n
\n \n {blocks.map((block) => (\n
\n \n
\n ))}\n {`${block.name} - ${spots} ${spots > 1 ? 'spots' : 'spot'} @ ${numeral(\n inventory.blocks.find((ib) => ib.eventBlockId === block.id).rate\n ).format('$0,0.00')} each`}
\n \n Total to be charged:{' '}\n {`${numeral(blocks.reduce((acc, cur) => acc + spots * inventory.blocks.find((ib) => ib.eventBlockId === cur.id).rate, 0)).format('$0,0.00')}`}\n
\n \n
\n \n {selectedFacility.name} {selectedFacility.address}\n
\n Type: {selectedFacility.isLot ? 'Lot' : `Garage - ${selectedFacility.clearanceFeet}'${selectedFacility.clearanceInches}''`}
\n \n
\n {Object.keys(additionalFields).length > 0 ? {parker.name}
\n {`${parker.address},${parker.address2 ? ' ' + parker.address2 + ',' : ''} ${parker.city}, ${parker.state} ${parker.zip}`}
\n {parker.mobile}
\n {parker.email}
\n \n {Object.keys(additionalFields).map((f) => (\n
\n ) : null}\n {/* {additionalInfo[additionalFields[f].name]}
\n ))}\n \n
*/}\n {`${token.card.brand} - ${token.card.last4}`}
\n {`Expires ${token.card.exp_month} / ${token.card.exp_year}`}
\n \n \n \n \n \n
\n )\n }\n\n const { confirmationNumber, onSubmit } = this.props\n const { inventory, spots, name, address, address2, city, state, zip, email, status, mobile, additionalInformation } = reservation //, cardLast4, cardExpire, cardBrand\n const { facility, event, rate } = inventory\n // const token = {\n // card: {\n // last4: cardLast4,\n // brand: cardBrand,\n // exp_month: cardExpire.split('/')[0],\n // exp_year: cardExpire.split('/')[1]\n // }\n // }\n const parker = { name, address, address2, city, state, zip, email, mobile } //, token};\n console.log(reservation)\n const blocks = inventory.blocks\n blocks.forEach((block) => {\n block.id = block.eventBlockId\n })\n console.log('status', status)\n return (\n \n moment.utc(d.day))}\n parker={parker}\n spots={spots}\n additionalInfo={JSON.parse(additionalInformation)}\n passedInventory={inventory}\n onSubmit={onSubmit}\n />\n
\n )\n }\n}\n\nReservationPage.propTypes = {}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n confirmationNumber: ownProps.match.params.confirmationNumber.toLowerCase(),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Reservation.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(ReservationPage)\n)\n","import React, { Component } from 'react'\nimport { routerActions } from 'connected-react-router'\nimport { withRouter, Switch, Route } from 'react-router-dom'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { Container, Dimmer, Loader } from 'semantic-ui-react'\nimport AppHeader from '../components/AppHeader'\nimport * as Events from '../store/Events'\nimport * as Config from '../store/Config'\nimport FacilitySelection from '../components/FacilitySelection'\nimport ReservationInfo from '../components/ReservationInfo'\nimport ReservationReview from '../components/ReservationReview'\nimport ReservationPage from './ReservationPage'\nimport moment from 'moment'\n\nclass EventPage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n stateBlocks: [],\n selectedFacility: null,\n spots: 1,\n parker: {},\n additionalInfo: {},\n confirmation: '',\n loading: false,\n }\n this.onDateSelect = this.onDateSelect.bind(this)\n this.onFacilitySelect = this.onFacilitySelect.bind(this)\n this.onChange = this.onChange.bind(this)\n this.inventory = this.inventory.bind(this)\n this.onCreateReservation = this.onCreateReservation.bind(this)\n this.onParkerChange = this.onParkerChange.bind(this)\n this.onAdditionalInfoChange = this.onAdditionalInfoChange.bind(this)\n this.onSubmitReservation = this.onSubmitReservation.bind(this)\n this.onReview = this.onReview.bind(this)\n }\n\n async componentDidMount() {\n const { actions, slug } = this.props\n const { stateBlocks } = this.state\n try {\n await actions.getConfig()\n var result = await actions.getEvent(slug)\n if (moment(result.finish) < moment()) {\n window.location = '/'\n }\n const { blocks } = result.response\n\n if (!stateBlocks.length) {\n this.setState({ stateBlocks: [...blocks] })\n }\n } catch (error) {\n window.location = '/'\n }\n }\n\n onDateSelect(e, { block }) {\n const { stateBlocks } = this.state\n block.selected = !block.selected\n this.setState({ stateBlocks: [...stateBlocks.filter((d) => d.id !== block.id), block] })\n }\n onFacilitySelect(e, { rate, facility }) {\n this.setState({ selectedFacility: { ...facility, rate } })\n }\n onChange(e, { name, value }) {\n this.setState({ [name]: value })\n }\n onCreateReservation(e) {\n const { actions, slug } = this.props\n this.setState({ error: null })\n actions.push(`/${slug}/information`)\n }\n onParkerChange(e, { name, value }) {\n const { parker } = this.state\n this.setState({ parker: { ...parker, [name]: value } })\n }\n onAdditionalInfoChange(e, { name, value }) {\n const { additionalInfo } = this.state\n this.setState({ additionalInfo: { ...additionalInfo, [name]: value } })\n }\n onReview(e) {\n const { actions, slug } = this.props\n actions.push(`/${slug}/review`)\n }\n async onSubmitReservation(e) {\n this.setState({ loading: true })\n console.log('onSubmitReservation')\n const { actions, event } = this.props\n const { parker, selectedFacility, additionalInfo, spots, stateBlocks } = this.state\n const { inventoryId } = selectedFacility\n const inventory = event.inventory.find((i) => i.id === inventoryId)\n const selected = stateBlocks.filter((d) => d.selected)\n const selectedBlocks = inventory.blocks.filter((b) => selected.find((sb) => sb.id === b.eventBlockId)).map((ib) => ({ inventoryBlockId: ib.id }))\n const reservation = { inventoryId, ...parker, spots, additionalInformation: JSON.stringify(additionalInfo), blocks: selectedBlocks } //token: parker.token.id\n console.log('reservation', reservation)\n try {\n var result = await actions.createReservation(reservation)\n console.log('result', result)\n window.location = result.response.checkoutSessionUrl\n // this.setState({ confirmation: result.response.number })\n // this.setState({ loading: false })\n } catch (error) {\n console.log('error', error)\n this.setState({ error: error.message, loading: false })\n }\n }\n inventory() {\n const { event } = this.props\n const { stateBlocks, spots } = this.state\n const { inventory } = event\n const selected = stateBlocks.filter((d) => d.selected)\n if (spots < 1) return []\n return inventory\n .filter((i) => {\n if (!selected.length) return false\n // const idays = i.days.map(d => ({spots: d.spots, day: moment.utc(d.day)})).filter(d => selected.find(sd => sd.isSame(d.day)));\n const iblocks = i.blocks.filter((b) => selected.find((sb) => sb.id === b.eventBlockId))\n let isMatch = true\n iblocks.forEach((block) => {\n isMatch = isMatch && spots <= block.spots\n })\n return isMatch\n })\n .map((i) => {\n const iblocks = i.blocks.filter((b) => selected.find((sb) => sb.id === b.eventBlockId))\n const rate = iblocks.reduce((a, b) => ({ rate: a.rate + b.rate }))\n return { ...i, rate: rate.rate }\n })\n }\n render() {\n const { event, config } = this.props\n const { spots, stateBlocks, selectedFacility, parker, additionalInfo, confirmation, error, loading } = this.state\n if (!event) {\n return (\n \n \n \n \n \n
\n )\n }\n\n if (moment(event.finish) < moment()) {\n window.location = '/'\n }\n\n const { venue } = event\n\n const sortBlocks = (a, b) => moment.utc(a.startDate) - moment.utc(b.startDate) || moment.utc(b.endDate) - moment.utc(a.endDate)\n\n return (\n \n \n (\n d.selected).map(d => d.dt)}\n blocks={stateBlocks.sort(sortBlocks).filter((b) => b.selected)}\n selectedFacility={selectedFacility}\n parker={parker}\n onChange={this.onParkerChange}\n additionalInfo={additionalInfo}\n onAdditionalInfoChange={this.onAdditionalInfoChange}\n onSubmitReservation={this.onReview}\n publishKey={config.stripePublishKey}\n />\n )}\n />\n (\n b.selected)}\n // days={days.filter(d => d.selected).map(d => d.dt)}\n selectedFacility={selectedFacility}\n parker={parker}\n additionalInfo={additionalInfo}\n onSubmit={this.onSubmitReservation}\n onEdit={this.onCreateReservation}\n loading={loading}\n error={error}\n />\n )}\n />\n (\n \n
\n )\n }\n}\n\nEventPage.propTypes = {}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n config: Config.selector(state),\n event: Object.values(Events.selector(state).events).find((e) => e.slug === ownProps.match.params.event.toLowerCase()),\n slug: ownProps.match.params.event.toLowerCase(),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Config.actionCreators, dispatch),\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(EventPage)\n)\n","import React, { Component } from 'react'\nimport { routerActions } from 'connected-react-router'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport AppHeader from '../components/AppHeader'\nimport * as Reservation from '../store/Reservations'\nimport * as Events from '../store/Events'\nimport moment from 'moment'\nimport { Button, Container, Header } from 'semantic-ui-react'\nimport { withAdalLoginApi } from '../adalConfig'\n\nclass CheckInPage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n reservation: null,\n event: null,\n }\n }\n async componentDidMount() {\n const { actions, confirmation } = this.props\n const { response: reservation } = await actions.getReservation(confirmation)\n const { response: event } = await actions.getEvent(reservation.inventory.eventId)\n\n this.setState({ reservation, event })\n }\n render() {\n const { actions, confirmation } = this.props\n const { reservation, event } = this.state\n if (!reservation) {\n return (\n \n )\n }\n\n const checkIn = (e, { data }) => checkInCheckOut({ confirmationNumber: confirmation, reservationBlockId: data.id, action: 1 })\n const checkOut = (e, { data }) => checkInCheckOut({ confirmationNumber: confirmation, reservationBlockId: data.id, action: -1 })\n\n const checkInCheckOut = async (checkin) => {\n try {\n await actions.checkInReservation(checkin)\n const { response: reservation } = await actions.getReservation(confirmation)\n this.setState({ reservation })\n } catch (error) {\n console.log(error)\n }\n }\n\n const { spots } = reservation\n\n const blocks = reservation.blocks.map((b) => ({\n ...b,\n eventBlock: event.blocks.find((eb) => eb.id === b.inventoryBlock.eventBlockId),\n available: b.checkins.filter((c) => c.reservationBlockId === b.id).reduce((pv, cv) => pv + cv.action, 0),\n }))\n\n console.log(blocks)\n return (\n \n \n F.A.Q.\n \n
\n \n \n
\n \n \n
\n {reservation.name}
\n {`${reservation.address},${reservation.address2 ? ' ' + reservation.address2 + ',' : ''} ${reservation.city}, ${reservation.state} ${\n reservation.zip\n }`}
\n {reservation.mobile}
\n {reservation.email}
\n \n {blocks.map((block) => (\n \n
\n ))}\n \n
\n \n \n \n
\n \n \n F.A.Q.\n \n
\n \n )\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n confirmation: ownProps.match.params.confirmation.toLowerCase(),\n }\n}\n\nconst mapDispatchToProps = (dispatch) => ({\n actions: {\n ...bindActionCreators(Reservation.actionCreators, dispatch),\n ...bindActionCreators(Events.actionCreators, dispatch),\n ...bindActionCreators(routerActions, dispatch),\n },\n})\nexport default withAdalLoginApi(\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(CheckInPage)\n)\n\nfunction colourNameToHex(colour, alpha) {\n var colours = {\n aliceblue: '#f0f8ff',\n antiquewhite: '#faebd7',\n aqua: '#00ffff',\n aquamarine: '#7fffd4',\n azure: '#f0ffff',\n beige: '#f5f5dc',\n bisque: '#ffe4c4',\n black: '#000000',\n blanchedalmond: '#ffebcd',\n blue: '#0000ff',\n blueviolet: '#8a2be2',\n brown: '#a52a2a',\n burlywood: '#deb887',\n cadetblue: '#5f9ea0',\n chartreuse: '#7fff00',\n chocolate: '#d2691e',\n coral: '#ff7f50',\n cornflowerblue: '#6495ed',\n cornsilk: '#fff8dc',\n crimson: '#dc143c',\n cyan: '#00ffff',\n darkblue: '#00008b',\n darkcyan: '#008b8b',\n darkgoldenrod: '#b8860b',\n darkgray: '#a9a9a9',\n darkgreen: '#006400',\n darkkhaki: '#bdb76b',\n darkmagenta: '#8b008b',\n darkolivegreen: '#556b2f',\n darkorange: '#ff8c00',\n darkorchid: '#9932cc',\n darkred: '#8b0000',\n darksalmon: '#e9967a',\n darkseagreen: '#8fbc8f',\n darkslateblue: '#483d8b',\n darkslategray: '#2f4f4f',\n darkturquoise: '#00ced1',\n darkviolet: '#9400d3',\n deeppink: '#ff1493',\n deepskyblue: '#00bfff',\n dimgray: '#696969',\n dodgerblue: '#1e90ff',\n firebrick: '#b22222',\n floralwhite: '#fffaf0',\n forestgreen: '#228b22',\n fuchsia: '#ff00ff',\n gainsboro: '#dcdcdc',\n ghostwhite: '#f8f8ff',\n gold: '#ffd700',\n goldenrod: '#daa520',\n gray: '#808080',\n green: '#008000',\n greenyellow: '#adff2f',\n honeydew: '#f0fff0',\n hotpink: '#ff69b4',\n 'indianred ': '#cd5c5c',\n indigo: '#4b0082',\n ivory: '#fffff0',\n khaki: '#f0e68c',\n lavender: '#e6e6fa',\n lavenderblush: '#fff0f5',\n lawngreen: '#7cfc00',\n lemonchiffon: '#fffacd',\n lightblue: '#add8e6',\n lightcoral: '#f08080',\n lightcyan: '#e0ffff',\n lightgoldenrodyellow: '#fafad2',\n lightgrey: '#d3d3d3',\n lightgreen: '#90ee90',\n lightpink: '#ffb6c1',\n lightsalmon: '#ffa07a',\n lightseagreen: '#20b2aa',\n lightskyblue: '#87cefa',\n lightslategray: '#778899',\n lightsteelblue: '#b0c4de',\n lightyellow: '#ffffe0',\n lime: '#00ff00',\n limegreen: '#32cd32',\n linen: '#faf0e6',\n magenta: '#ff00ff',\n maroon: '#800000',\n mediumaquamarine: '#66cdaa',\n mediumblue: '#0000cd',\n mediumorchid: '#ba55d3',\n mediumpurple: '#9370d8',\n mediumseagreen: '#3cb371',\n mediumslateblue: '#7b68ee',\n mediumspringgreen: '#00fa9a',\n mediumturquoise: '#48d1cc',\n mediumvioletred: '#c71585',\n midnightblue: '#191970',\n mintcream: '#f5fffa',\n mistyrose: '#ffe4e1',\n moccasin: '#ffe4b5',\n navajowhite: '#ffdead',\n navy: '#000080',\n oldlace: '#fdf5e6',\n olive: '#808000',\n olivedrab: '#6b8e23',\n orange: '#ffa500',\n orangered: '#ff4500',\n orchid: '#da70d6',\n palegoldenrod: '#eee8aa',\n palegreen: '#98fb98',\n paleturquoise: '#afeeee',\n palevioletred: '#d87093',\n papayawhip: '#ffefd5',\n peachpuff: '#ffdab9',\n peru: '#cd853f',\n pink: '#ffc0cb',\n plum: '#dda0dd',\n powderblue: '#b0e0e6',\n purple: '#800080',\n rebeccapurple: '#663399',\n red: '#ff0000',\n rosybrown: '#bc8f8f',\n royalblue: '#4169e1',\n saddlebrown: '#8b4513',\n salmon: '#fa8072',\n sandybrown: '#f4a460',\n seagreen: '#2e8b57',\n seashell: '#fff5ee',\n sienna: '#a0522d',\n silver: '#c0c0c0',\n skyblue: '#87ceeb',\n slateblue: '#6a5acd',\n slategray: '#708090',\n snow: '#fffafa',\n springgreen: '#00ff7f',\n steelblue: '#4682b4',\n tan: '#d2b48c',\n teal: '#008080',\n thistle: '#d8bfd8',\n tomato: '#ff6347',\n turquoise: '#40e0d0',\n violet: '#ee82ee',\n wheat: '#f5deb3',\n white: '#ffffff',\n whitesmoke: '#f5f5f5',\n yellow: '#ffff00',\n yellowgreen: '#9acd32',\n }\n\n if (typeof colours[colour.toLowerCase()] != 'undefined') {\n return alpha ? colours[colour.toLowerCase()] + toHex(alpha) : colours[colour.toLowerCase()]\n }\n\n return false\n}\n\nconst toHex = (d) => {\n const hex = d.toString(16)\n if (hex.length < 2) {\n return '0' + hex\n }\n return hex\n}\n","import '@babel/polyfill'\nimport 'ie-array-find-polyfill'\nimport React, { Component } from 'react'\nimport { Switch, Route } from 'react-router-dom'\n\nimport AdminPage from './containers/AdminPage'\nimport HomePage from './containers/HomePage'\nimport EventPage from './containers/EventPage'\nimport CheckInPage from './containers/CheckInPage'\n\nclass App extends Component {\n render() {\n return (\n