);\r\n return (\r\n
\r\n 
\r\n \r\n \r\n \r\n {breakedText} \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n is_LoggedIn: state.userReducer.is_LoggedIn\r\n };\r\n};\r\nconst mapDispatchToProps = dispatch => ({\r\n dispatchLogin: () => dispatch(updateLoginStatus()),\r\n dispatchRunView: () => dispatch(updateRunViewStatus()),\r\n})\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Login)\r\n","export const tabInfos = [\r\n {\"tabname\":\"Top\", \"tabvalue\":\"TOP\",\"path\":\"/\"},\r\n {\"tabname\":'Reservation', \"tabvalue\":\"予約一覧\",\"path\":'/reservations'},\r\n {\"tabname\":'Schedule', \"tabvalue\":\"スケジュール\",\"path\":'/schedules'},\r\n {\"tabname\":'Setting', \"tabvalue\":\"設定\",\"path\":'/settings'},\r\n]\r\n\r\nexport function getTabIndex(tabname){\r\n var index = 0\r\n for(var i= 0;i\r\n \r\n \r\n props.handleListItemClick(event,props.pointId)}>\r\n
\r\n )\r\n \r\n}\r\n\r\nclass PointSelectDialog extends React.Component{\r\n\r\n constructor(props){\r\n super(props)\r\n this.handleCancel.bind(this)\r\n this.handleListItemClick.bind(this)\r\n }\r\n\r\n handleCancel = ()=>{\r\n this.props.onClose()\r\n }\r\n\r\n handleListItemClick = (event, point_id) => {\r\n this.props.onClose(point_id)\r\n }\r\n\r\n render(){\r\n if(!this.props.open){\r\n return \"\"\r\n }else{\r\n const listItems = this.props.pointList.map((point) =>{\r\n if(point[\"point_id\"]==this.props.point_id){\r\n return \"\"\r\n }else{\r\n return \r\n
\r\n \r\n
\r\n {children}
\r\n \r\n
\r\n )\r\n }\r\n \r\n }\r\n}\r\n\r\nexport default PointSelectDialog","import './BasicIcon.css';\r\n\r\nfunction BasicIcon(props) {\r\n const {className, src, onClick, alt} = props\r\n return(\r\n e.stopPropagation()}>\r\n
\r\n 使用場所を選んでください
\r\n {listItems}\r\n \r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default BasicIcon","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport './ConfirmDialog.css'\n\nconst ConfirmDialog = (props) => {\n const { title, children, open, setOpen, onConfirm } = props;\n return (\n \n );\n};\nexport default ConfirmDialog;","import React, { useEffect } from 'react';\r\nimport {tabInfos, getTabIndex} from '../conf/urlInfo'\r\nimport {setTabIndex, setPointId, setPointList} from '../actions/systemAction';\r\nimport {updateLoginStatus} from '../actions/userAction';\r\nimport { connect } from 'react-redux';\r\nimport PointSelectDialog from './PointSelectDialog';\r\nimport RequestClient from '../common/requestClient';\r\nimport './Navigation.css'\r\nimport BasicIcon from './icons/BasicIcon';\r\nimport ConfirmDialog from './ConfirmDialog';\r\nimport AlertDialog from './AlertDialog';\r\nimport {logout} from \"../common/AuthUtil\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n tabIndex:state.systemReducer.tabIndex,\r\n pointList:state.systemReducer.pointList,\r\n pointId:state.systemReducer.pointId,\r\n isLoading:state.systemReducer.isLoading\r\n };\r\n };\r\n const mapDispatchToProps = dispatch=>({\r\n dispatchUpdateLoginStatus: () => dispatch(updateLoginStatus()),\r\n dispatchSetTabId:tabIndex=>dispatch(setTabIndex(tabIndex)),\r\n dispatchSetPointId:pointId=>dispatch(setPointId(pointId)),\r\n dispatchSetPointList:pointList=>dispatch(setPointList(pointList))\r\n })\r\n\r\nfunction NavItem(props){\r\n const {fg, tabName, tabValue, selectedIndex, handleClick} = props\r\n const tabindex = getTabIndex(tabName)\r\n const selected = tabindex==selectedIndex\r\n var flexGrow=null\r\n if(fg){\r\n flexGrow = \r\n }\r\n return(\r\n <>\r\n {flexGrow}\r\n handleClick(tabindex)}>\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nfunction getPointName(pointList,pointId){\r\n var pointName = \"\"\r\n for(var i=0;i{tabValue}
\r\n \r\n
\r\n dialogOpen(true)}>\r\n \r\n \r\n
\r\n \r\n {name}\r\n
\r\n \r\n ![](\"/menu_icon.svg\"/)
\r\n
\r\n )\r\n}\r\n\r\nclass Navigation extends React.Component{\r\n constructor(props){\r\n super(props)\r\n this.handleClick = this.handleClick.bind(this)\r\n this.dialogOpen = this.dialogOpen.bind(this)\r\n this.setLogoutOpen = this.setLogoutOpen.bind(this)\r\n this.onLogout = this.onLogout.bind(this)\r\n this.setAlertOpen = this.setAlertOpen.bind(this)\r\n this.state = {\r\n open:false,\r\n logoutOpen:false,\r\n alertOpen:false,\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n // ローカルストレージの値と同期させる。\r\n this.props.dispatchSetPointId(localStorage.getItem(\"point_id\"))\r\n this.getPointList()\r\n if(this.props.pointId < 0 ){\r\n this.setState({open:true})\r\n }\r\n }\r\n\r\n getPointList(){\r\n RequestClient.get(`/api/places`)\r\n .then(response => {\r\n if (response.status === 200) {\r\n return response.json()\r\n } else if(response.status >= 400){\r\n this.props.history.push({ pathname: \"/error\", state: {status: response.status} })\r\n }\r\n })\r\n .then(data => {\r\n if (data) {\r\n this.props.dispatchSetPointList(data.results)\r\n var open = true \r\n for(var i=0;i\r\n \r\n
\r\n )\r\n }\r\n render(){\r\n const isMobile = window.innerWidth < 1024\r\n if(isMobile){\r\n return this.mbNavigation()\r\n }\r\n return (\r\n <>\r\n \r\n \r\n ログアウトしますか？ \r\n 使用場所を選択してください。 \r\n
\r\n \r\n
\r\n \r\n {tabInfos.map((tabInfo, index)=>{\r\n if (index>0){\r\n return
\r\n \r\n ログアウトしますか？ \r\n 使用場所を選択してください。 \r\n
\r\n \r\n )\r\n }\r\n}\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Navigation)","import BasicIcon from './BasicIcon';\r\n\r\nfunction ArrowIconForListItem(props) {\r\n const prefix = window.innerWidth < 1024 ? \"_mb\" : \"\"\r\n return(\r\n \r\n
\r\n \r\n \r\n {tabInfos.map((tabInfo)=>\r\n
\r\n \r\n ログアウト\r\n
\r\n \r\n
\r\n )\r\n}\r\nfunction ReservationList(props) {\r\n \r\n return(\r\n \r\n
\r\n No.
\r\n 呼び出す場所
\r\n 行き先
\r\n \r\n {props.reservationList.map((row, index) => {\r\n const active = row[\"pickup_point_id\"] == props.startPoint\r\n return props.handleCancel(event, row)}\r\n cancelEnabled={active}\r\n />\r\n })}\r\n
\r\n\r\n )\r\n \r\n}\r\nfunction ReservationListMb(props) {\r\n return(\r\n \r\n {props.reservationList.map((row, index) => {\r\n const active = row[\"pickup_point_id\"] == props.startPoint\r\n if(active){\r\n return props.handleCancel(event, row)}\r\n cancelEnabled={active}\r\n />\r\n }else{\r\n return props.handleCancel(event, row)}\r\n cancelEnabled={active}\r\n />\r\n }\r\n })}\r\n
\r\n )\r\n\r\n}\r\nfunction ReservationItemCancelEnabled(props) {\r\n const pointLength = props.callPoint.length>=props.destinationPoint.length ? props.callPoint.length : props.destinationPoint.length\r\n if(pointLength > 10){\r\n return(\r\n \r\n
\r\n )\r\n }\r\n return(\r\n \r\n
\r\n {props.index + 1}
\r\n \r\n
\r\n {props.callPoint}
\r\n \r\n
\r\n \r\n \r\n
\r\n {props.destinationPoint}
\r\n \r\n
\r\n キャンセル
\r\n \r\n
\r\n )\r\n}\r\nfunction ReservationItemCancelDisabled(props) {\r\n const pointLength = props.callPoint.length>=props.destinationPoint.length ? props.callPoint.length : props.destinationPoint.length\r\n if(pointLength > 10){\r\n console.debug(pointLength)\r\n return(\r\n
\r\n {props.index + 1}
\r\n \r\n
\r\n {props.callPoint}
\r\n \r\n \r\n
\r\n {props.destinationPoint}
\r\n \r\n
\r\n キャンセル
\r\n \r\n
\r\n )\r\n }\r\n \r\n return(\r\n \r\n
\r\n {props.index + 1}
\r\n \r\n
\r\n {props.callPoint}
\r\n \r\n
\r\n \r\n \r\n
\r\n {props.destinationPoint}
\r\n \r\n
\r\n )\r\n}\r\nfunction ReservationListItem(props) {\r\n const cancelButton = props.cancelEnabled ? \r\n \r\n
\r\n {props.index + 1}
\r\n \r\n
\r\n \r\n {props.callPoint}
\r\n \r\n \r\n
\r\n\r\n {props.destinationPoint}
\r\n キャンセル
: キャンセル
\r\n\r\n return(\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction getPointName(pointList, pointId) {\r\n var pointName = \"\"\r\n for (var i = 0; i < pointList.length; i++) {\r\n if (pointList[i][\"point_id\"] == pointId) {\r\n pointName = pointList[i][\"name\"]\r\n }\r\n }\r\n return pointName\r\n}\r\n\r\nclass ReservationListPage extends React.Component{\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n reservationList: []\r\n }\r\n this.handleCancel = this.handleCancel.bind(this)\r\n }\r\n componentDidMount() {\r\n this.getReservations()\r\n }\r\n handleCancel(event, reservation) {\r\n this.props.handleCancel(reservation)\r\n }\r\n getReservations() {\r\n const url = \"/api/reservations\"\r\n RequestClient.get(url)\r\n .then(response => {\r\n if (response.status === 200) {\r\n return response.json()\r\n } else if(response.status >= 400){\r\n this.props.history.push({ pathname: \"/error\", state: {status: response.status} })\r\n } \r\n })\r\n .then(data => {\r\n if (data) {\r\n this.setState({ reservationList: data.results })\r\n }\r\n }\r\n )\r\n }\r\n mbRender(){\r\n return(\r\n \r\n
\r\n \r\n
\r\n {props.index + 1}
\r\n \r\n
\r\n {props.callPoint}
\r\n \r\n \r\n
\r\n \r\n
\r\n {props.destinationPoint}
\r\n \r\n {cancelButton}\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n render(){\r\n const isMobile = window.innerWidth < 1024\r\n if(isMobile){\r\n return this.mbRender()\r\n }\r\n return(\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\nconst mapStateToProps = state => {\r\n return {\r\n pointId: state.systemReducer.pointId,\r\n pointList: state.systemReducer.pointList,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(withRouter(ReservationListPage))","import './BackButton.css';\r\nimport BasicIcon from './icons/BasicIcon';\r\n\r\nfunction BackButton(props) {\r\n \r\n const buttonName = props.buttonName ? props.buttonName : \"戻る\"\r\n return(\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction IconSmallArrowLeft(props) {\r\n return (\r\n {buttonName}
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default BackButton","import BasicIcon from './BasicIcon';\r\n\r\nfunction VehicleIcon(props) {\r\n return(\r\n \n
\n )\n}\n\nexport default TargetPoint","import TargetPoint from \"./TargetPoint\";\n\nfunction EnableTargetPoint(props) {\n return \n
\n \n {props.targetLabel}\n
\n \n {props.children}\n
\n キャンセルしますか？ : <>以下の予約をキャンセルしますか？\r\n return(\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n pointList:state.systemReducer.pointList,\r\n pointId:state.systemReducer.pointId,\r\n };\r\n };\r\nexport default connect(mapStateToProps,null)(withRouter(ReservationCancelConfirmPage));\r\n","import React from 'react';\r\nimport './Loading.css';\r\nimport VehicleIcon from './icons/VehicleIcon';\r\nfunction Loading(props){\r\n const {children} = props\r\n return(\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n \r\n \r\n \r\n {this.getPointName(this.props.pointList,this.props.pointId)} \r\n \r\n {this.getPointName(this.props.pointList,this.props.reservation.dropoff_point_id)} \r\n
\r\n \r\n {children ? children :<>車を手配しています...
画面が切り替わるまでお待ちください...}\r\n
\r\n \r\n )\r\n}\r\nexport default Loading","import BasicIcon from './BasicIcon';\r\n\r\nfunction SuccessIcon(props) {\r\n return(\r\n 画面が切り替わるまでお待ちください...}\r\n
\r\n \r\n
\r\n {props.message}
\r\n <>{props.children}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nfunction CautionMsg(props){\r\n return(\r\n <>\r\n \r\n \r\n
\r\n {props.message}
\r\n <>{props.children}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport {SuccessMsg, CautionMsg}","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './ReservationCancelCompletePage.css';\r\nimport { withRouter } from 'react-router';\r\nimport { setIsLoading } from '../../actions/systemAction';\r\nimport RequestClient from '../../common/requestClient';\r\nimport Loading from '../../components/Loading';\r\nimport GreenButton from '../../components/buttons/GreenButton';\r\nimport {SuccessMsg,CautionMsg} from '../../components/SimpleMsges';\r\n\r\nconst STATUS_API_CALLING = 0\r\nconst STATUS_CANCEL = 1\r\nconst STATUS_REGIST_SCHEDULE = 2\r\nconst STATUS_CANCELED = 3\r\n\r\nfunction CancelComplete(props) {\r\n return(\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction RegistedSchedule(props){\r\n return(\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nclass ReservationCancelCompletePage extends React.Component{\r\n \r\n constructor(props) {\r\n super(props)\r\n this.state = { status: STATUS_API_CALLING }\r\n this.handleSchedules = this.handleSchedules.bind(this)\r\n this.handleTop = this.handleTop.bind(this)\r\n }\r\n \r\n componentDidMount() {\r\n if (typeof this.props.location.state === 'undefined' || this.props.location.state.ref !== '/reservations/cancel/confirm' || this.props.apiExecFlg) {\r\n this.props.history.replace('/');\r\n } else {\r\n this.cancelReservation()\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.dispatchSetIsLoading(false)\r\n }\r\n\r\n handleSchedules() {\r\n this.props.history.push('/schedules')\r\n }\r\n handleTop(){\r\n this.props.history.push('/')\r\n }\r\n\r\n cancelReservation() {\r\n this.props.handleSetApiExecFlg(true)\r\n this.props.dispatchSetIsLoading(true)\r\n const url = \"/api/reservations\"\r\n const data = {\r\n reservation_id: this.props.reservation.reservation_id,\r\n is_active:0\r\n\r\n };\r\n RequestClient.patch(url, data)\r\n .then(response => {\r\n if (response.status === 200) {\r\n return response.json()\r\n } else if(response.status >= 400){\r\n this.props.history.push({ pathname: \"/error\", state: {status: response.status} })\r\n } \r\n })\r\n .then(data => {\r\n if (data) {\r\n if (data.result.update_status == 1) {\r\n this.setState({ status: STATUS_CANCEL })\r\n } else if (data.result.update_status == 2) {\r\n this.setState({ status: STATUS_CANCELED })\r\n } else if (data.result.update_status == 3) {\r\n this.setState({ status: STATUS_REGIST_SCHEDULE })\r\n }\r\n }\r\n }).finally(() => { this.props.dispatchSetIsLoading(false) })\r\n }\r\n\r\n render(){\r\n var component = \"\"\r\n if (this.state.status == STATUS_API_CALLING) {\r\n component= 画面が切り替わるまでお待ちください...
\r\n
\r\n )\r\n}\r\nfunction ScheduleList(props){\r\n return(\r\n \r\n
\r\n \r\n
\r\n No.
\r\n \r\n
\r\n 車両名
\r\n \r\n
\r\n 呼び出す場所
\r\n \r\n
\r\n 行き先
\r\n \r\n
\r\n ステータス
\r\n \r\n
\r\n 登録日時
\r\n \r\n {props.scheduleList.map((row, index) => {\r\n return (props.handleRunView(row.vehicle_id, row.vehicle_name, row.pickup_point_id)}/>)\r\n })}\r\n \r\n \r\n
\r\n )\r\n}\r\nfunction ScheduleListMb(props) {\r\n return(\r\n \r\n {props.scheduleList.map((row, index) => {\r\n return(props.handleRunView(row.vehicle_id, row.vehicle_name, row.pickup_point_id)}/>)\r\n })}\r\n
\r\n )\r\n}\r\n\r\nfunction Schedule(props) {\r\n const {no, vehicleName, callPointName, destinationPointName, status, registerDate, enableRunView, handleRunView} = props\r\n const date = new Date(registerDate)\r\n const yyyymmdd = date.getFullYear() + \"/\" + (date.getMonth() + 1) + \"/\" + date.getDate();\r\n const hhmm = date.getHours() + \":\" + toDoubleDigits(date.getMinutes());\r\n return(\r\n \r\n
\r\n )\r\n}\r\nfunction ScheduleItemMb(props) {\r\n const {no, vehicleName, callPointName, destinationPointName, status, registerDate, enableRunView, handleRunView} = props\r\n const date = new Date(registerDate)\r\n const yyyymmdd = date.getFullYear() + \"/\" + (date.getMonth() + 1) + \"/\" + date.getDate();\r\n const hhmm = date.getHours() + \":\" + toDoubleDigits(date.getMinutes());\r\n const pointLength = callPointName.length>=destinationPointName.length ? callPointName.length : destinationPointName.length\r\n const pointComponent = getMbPointComponent(pointLength > 12 ,callPointName,destinationPointName)\r\n return(\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {no}\r\n
\r\n \r\n
\r\n \r\n {vehicleName}\r\n
\r\n \r\n
\r\n \r\n {callPointName}\r\n
\r\n \r\n
\r\n \r\n {destinationPointName}\r\n
\r\n \r\n {getStatusComponent(status , enableRunView, handleRunView)}\r\n
\r\n \r\n
\r\n \r\n {yyyymmdd}\r\n
\r\n {hhmm}
\r\n \r\n
\r\n )\r\n}\r\nfunction getMbPointComponent(isLongName, callPointName, destinationPointName){\r\n if(isLongName){\r\n return(\r\n \r\n
\r\n {pointComponent} \r\n {getStatusComponentMb(status, enableRunView, handleRunView)}\r\n \r\n {no}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {vehicleName}\r\n
\r\n \r\n \r\n
\r\n \r\n {yyyymmdd} {hhmm}\r\n
\r\n \r\n
\r\n ) \r\n }\r\n return(\r\n \r\n {callPointName}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {destinationPointName}\r\n
\r\n \r\n
\r\n )\r\n}\r\nfunction getPointName(pointList, pointId) {\r\n var pointName = \"\"\r\n for (var i = 0; i < pointList.length; i++) {\r\n if (pointList[i][\"point_id\"] == pointId) {\r\n pointName = pointList[i][\"name\"]\r\n }\r\n }\r\n return pointName\r\n}\r\nfunction toDoubleDigits(num) {\r\n num += \"\";\r\n if (num.length === 1) {\r\n num = \"0\" + num;\r\n }\r\n return num; \r\n}\r\nfunction getStatus(status, enableRunView){\r\n var value=\"\"\r\n if(status == 1 && enableRunView){\r\n value = \"発進手続きへ\"\r\n }\r\n else if(status == 1){\r\n value = \"発車待ち\"\r\n }else if(status == 2){\r\n value = \"呼び出し中\"\r\n }else if(status == 3){\r\n value = \"荷役待ち\"\r\n }else{\r\n value = \"エラー\"\r\n }\r\n return value\r\n}\r\nfunction getStatusComponent(status,enableRunView,handleClick) {\r\n if(status == 1 && enableRunView){\r\n return (\r\n \r\n {callPointName}\r\n
\r\n \r\n \r\n
\r\n \r\n {destinationPointName}\r\n
\r\n \r\n
\r\n )\r\n }\r\n return(\r\n \r\n {getStatus(status,enableRunView)}\r\n
\r\n \r\n {getStatus(status,enableRunView)}\r\n
\r\n )\r\n}\r\nfunction getStatusComponentMb(status,enableRunView,handleClick) {\r\n if(status == 1 && enableRunView){\r\n return (\r\n \r\n
\r\n )\r\n }\r\n return(\r\n \r\n {getStatus(status,enableRunView)}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nclass SchedulesPage extends React.Component{\r\n \r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n scheduleList: [],\r\n updateTime: \"\",\r\n intervalId: -1\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getSchedules()\r\n this.updateSchedules()\r\n }\r\n componentWillUnmount() {\r\n this.stopInterval()\r\n }\r\n updateSchedules() {\r\n const intervalId = setInterval(() => this.getSchedules(), 60000)\r\n this.setState({ intervalId: intervalId })\r\n }\r\n \r\n toDoubleDigits(num) {\r\n num += \"\";\r\n if (num.length === 1) {\r\n num = \"0\" + num;\r\n }\r\n return num; \r\n };\r\n\r\n stopInterval() {\r\n if (this.state.intervalId > -1) {\r\n clearInterval(this.state.intervalId)\r\n }\r\n }\r\n\r\n getSchedules() {\r\n const url = \"/api/schedules?point_id=\" + this.props.pointId\r\n RequestClient.get(url)\r\n .then(response =>{\r\n if (response.status===200){\r\n return response.json()\r\n } else if(response.status >= 400){\r\n this.props.history.push({ pathname: \"/error\", state: {status: response.status} })\r\n } \r\n })\r\n .then(data => {\r\n if (data) {\r\n const nowDt = new Date();\r\n const yyyymmdd = nowDt.getFullYear() + \"/\" + this.toDoubleDigits(nowDt.getMonth() + 1) + \"/\" + this.toDoubleDigits(nowDt.getDate());\r\n const hhmmss = this.toDoubleDigits(nowDt.getHours()) + \":\" + this.toDoubleDigits(nowDt.getMinutes()) + \":\" + this.toDoubleDigits(nowDt.getSeconds());\r\n const time = yyyymmdd + \" \" + hhmmss;\r\n this.setState({ scheduleList: data.results, updateTime: time })\r\n } \r\n }\r\n )\r\n }\r\n \r\n mbRender(){\r\n return(\r\n \r\n {getStatus(status,enableRunView)}\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n render(){\r\n const isMobile = window.innerWidth < 1024\r\n if(isMobile){\r\n return this.mbRender()\r\n }\r\n return(\r\n \r\n \r\n
\r\n )\r\n }\r\n \r\n \r\n\r\n}\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n pointId: state.systemReducer.pointId,\r\n pointList: state.systemReducer.pointList,\r\n enableRunView:state.userReducer.enableRunView,\r\n };\r\n };\r\n \r\n export default connect(mapStateToProps, null)(withRouter(SchedulesPage));","import BasicIcon from './BasicIcon';\r\n\r\nfunction CautionIconColorRed(props) {\r\n return(\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction SlideButton(props){\r\n \r\n const backgroundSize = props.isMobile? \"35px 35px\":\"48px 48px\" \r\n\r\n var posX = 0\r\n var isMove = false\r\n var isMax = false\r\n function handleMouseDown(e) {\r\n posX = e.clientX\r\n isMove = true\r\n }\r\n function handleTouchStart(e) {\r\n posX = e.changedTouches[0].clientX\r\n isMove = true\r\n }\r\n function handleMouseUp(e) {\r\n if(isMax){\r\n isMax = false\r\n props.handleNext()\r\n }\r\n \r\n isMove = false\r\n e.target.style.left = 0 + \"px\"\r\n }\r\n function handleMouseMove(e) {\r\n if(!isMove){\r\n return\r\n }\r\n const maxWidth = e.target.parentElement.offsetWidth - e.target.offsetWidth;\r\n var newPosX = (e.clientX - posX)\r\n if (newPosX >= maxWidth){\r\n newPosX = maxWidth\r\n isMax = true;\r\n }else if (newPosX <0){\r\n newPosX = 0\r\n }\r\n e.target.style.left = newPosX + \"px\"\r\n }\r\n function handleTouchMove(e) {\r\n if(!isMove){\r\n return\r\n }\r\n const maxWidth = e.target.parentElement.offsetWidth - e.target.offsetWidth;\r\n var newPosX = (e.changedTouches[0].clientX - posX)\r\n if (newPosX >= maxWidth){\r\n newPosX = maxWidth\r\n isMax = true;\r\n }else if (newPosX <0){\r\n newPosX = 0\r\n }\r\n e.target.style.left = newPosX + \"px\"\r\n }\r\n function handleMouseOut(e){\r\n isMove = false\r\n e.target.style.left = 0 + \"px\"\r\n }\r\n function touchButton() {\r\n return 車が動きます。
周囲の安全を確認してください。
\r\n 周囲の安全を確認してください。
handleTouchStart(e)} \r\n onTouchMove={(e)=>handleTouchMove(e)} onTouchEnd={(e)=>handleMouseUp(e)} onMouseOut={(e)=>{handleMouseOut(e)}}>\r\n
\r\n }\r\n function mouseButton() {\r\n return handleMouseDown(e)} \r\n onMouseMove={(e)=>handleMouseMove(e)} onMouseUp={(e)=>handleMouseUp(e)} onMouseOut={(e)=>{handleMouseOut(e)}}>\r\n
\r\n }\r\n const button = 'ontouchstart' in window ? touchButton() :mouseButton()\r\n return(\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nclass VehicleRunConfirmPage extends React.Component{\r\n constructor(props){\r\n super(props)\r\n }\r\n componentDidMount() {\r\n if (typeof this.props.location.state === 'undefined'\r\n || (this.props.location.state.ref !== '/send/complete' && this.props.location.state.ref !== '/returnhome/complete' && this.props.location.state.ref !== '/schedules')\r\n || this.props.destinationPointId < 0 ||typeof this.props.vehicle.vehicle_id === 'undefined') {\r\n this.props.history.replace('/');\r\n } \r\n }\r\n getPointName(pointList, pointId){\r\n var pointName = \"\"\r\n for(var i=0;i\r\n {button}\r\n
\r\n スライドして発進する
\r\n \r\n
\r\n ) \r\n }\r\n}\r\nconst mapStateToProps = state => {\r\n return {\r\n pointList: state.systemReducer.pointList,\r\n pointId:state.systemReducer.pointId,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(withRouter(VehicleRunConfirmPage));","import React from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\nimport { setIsLoading } from '../../actions/systemAction';\r\nimport RequestClient from '../../common/requestClient';\r\nimport Loading from '../../components/Loading';\r\nimport {CautionMsg,SuccessMsg} from '../../components/SimpleMsges';\r\n\r\nconst STATUS_API_CALLING = 0\r\nconst STATUS_API_SUCCEEDED = 1\r\nconst STATUS_API_FAILED = 2\r\nconst STATUS_API_PRECONDITION_FAILED = 3\r\n\r\nfunction SucceededComponent(props){\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.vehicle.vehicle_name}\r\n を本当に発進しますか？\r\n
\r\n \r\n \r\n \r\n {this.getPointName(this.props.pointList,this.props.destinationPointId)} \r\n
\r\n \r\n {component}\r\n
\r\n )\r\n }\r\n}\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\nconst mapDispatchToProps = dispatch => ({\r\n dispatchSetIsLoading: isLoading => dispatch(setIsLoading(isLoading))\r\n})\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(VehicleRunCompletePage));","import React from 'react';\r\nimport {setTabIndex} from '../../actions/systemAction';\r\nimport { connect } from 'react-redux';\r\nimport {getTabIndex} from '../../conf/urlInfo'\r\nimport { Route, Switch} from 'react-router-dom'\r\nimport SchedulesPage from './SchedulesPage';\r\nimport VehicleRunConfirmPage from '../vehicle_run/VehicleRunConfirmPage';\r\nimport VehicleRunCompletePage from '../vehicle_run/VehicleRunCompletePage';\r\n\r\nclass SchedulePage extends React.Component{\r\n constructor(props){\r\n super(props)\r\n this.state = {\r\n vehicle:{},\r\n destinationPointId:-1,\r\n apiExecFlg:true\r\n }\r\n this.handleSetApiExecFlg = this.handleSetApiExecFlg.bind(this)\r\n this.handleRunView = this.handleRunView.bind(this)\r\n this.handleRunViewComplete = this.handleRunViewComplete.bind(this)\r\n this.handleRunViewBack = this.handleRunViewBack.bind(this)\r\n }\r\n componentDidMount() {\r\n const index = getTabIndex(\"Schedule\")\r\n this.props.dispatchSetTabId(index)\r\n }\r\n \r\n handleSetApiExecFlg(execFlg){\r\n this.setState({apiExecFlg:execFlg})\r\n }\r\n handleRunView(vehicleId,vehicleName,destinationPointId){\r\n this.setState({\r\n vehicle:{\r\n vehicle_name:vehicleName,\r\n vehicle_id:vehicleId\r\n },\r\n destinationPointId:destinationPointId\r\n })\r\n this.props.history.push({ pathname: \"/schedules/vehicle_run/confirm\", state: { ref: \"/schedules\" } })\r\n }\r\n handleRunViewComplete(){\r\n this.handleSetApiExecFlg(false)\r\n this.props.history.push({ pathname: \"/schedules/vehicle_run/complete\", state: { ref: \"/vehicle_run/confirm\" } })\r\n }\r\n handleRunViewBack(){\r\n this.props.history.push('/schedules')\r\n }\r\n \r\n render(){\r\n return(\r\n \r\n
\r\n )\r\n }\r\n return(\r\n \r\n \r\n
\r\n {props.children}
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nclass TopPage extends React.Component{\r\n componentDidMount() {\r\n window.history.pushState(null,null,window.location.href);\r\n window.addEventListener('popstate', (e) => {\r\n if(window.location.pathname === '/'){\r\n this.props.history.push('/');\r\n }\r\n });\r\n }\r\n render(){\r\n const isMobile = window.innerWidth < 1024\r\n return(\r\n {props.children}
\r\n \r\n
\r\n )\r\n }\r\n}\r\nexport default TopPage","import React from 'react';\r\nimport './VehicleSelectDialog.css';\r\n\r\nfunction VehiclePulldownList(props) {\r\n const {selectedVehicle, vehicleList, handleSelected, handleCancel} = props\r\n const VehicleComponents = vehicleList.map((vehicle)=>{\r\n if(vehicle[\"vehicle_id\"]==selectedVehicle[\"vehicle_id\"]){\r\n return \r\n 車を呼ぶ \r\n 車を送る \r\n ホームに戻す \r\n
\r\n \r\n
\r\n )\r\n \r\n}\r\n\r\nfunction PullDownSelectedItem(props) {\r\n const {vehicle, onClick} = props\r\n\r\n return (\r\n e.stopPropagation()}>\r\n {VehicleComponents}\r\n
\r\n \r\n
\r\n )\r\n}\r\nfunction PullDownItem(props) {\r\n const {vehicle, onClick} = props\r\n return (\r\n \r\n ![](\"/check_icon.svg\"/)
\r\n
\r\n\r\n \r\n {vehicle[\"vehicle_name\"]}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default VehiclePulldownList","import React from 'react';\r\nimport './QuestionMsgDialog.css';\r\n\r\nfunction QuestionMsgDialog(props) {\r\n const {children,handleCancel} = props\r\n const isMobile = window.innerWidth < 1024\r\n const iconPrefix = isMobile ? \"_mb\" : \"\"\r\n return(\r\n \r\n {vehicle[\"vehicle_name\"]}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default QuestionMsgDialog","import BasicIcon from './BasicIcon';\r\n\r\nfunction PullDownIcon(props) {\r\n return(\r\n \r\n
\r\n e.stopPropagation()}>\r\n
\r\n \r\n {children}\r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nfunction VehiclePulldownMb(props) {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport {VehiclePulldown, VehiclePulldownMb}","import BasicIcon from './BasicIcon';\r\n\r\nfunction QuestionIcon(props) {\r\n return(\r\n {vehicleName}
\r\n \r\n \r\n \r\n
\r\n )\r\n\r\n}\r\n\r\nexport default Question","/**\n * エリアマップバージョンに関する関数\n */\nimport RequestClient from \"./requestClient\";\nimport {getAreaMap} from \"./AreaMap\";\nimport {logout} from \"./AuthUtil\";\n\n/**\n * フロントで保持しているエリアマップバージョンIDが最新か否かをチェックする。\n * @param changed_cb エリアマップバージョンIDが変わっていた際のコールバック関数（Reactコンポーネントからは画面遷移処理などを行う）\n * @param error_cb 処理に失敗した際のコールバック関数（Reactコンポーネントからは画面遷移処理などを行う）\n */\nconst checkAreaMapVersionId = (changed_cb, error_cb) => {\n const current_version = getAreaMap().getVersionId();\n RequestClient.get(\"/api/map/version\")\n .then(response => {\n if (response.status === 200) {\n return response.json();\n } else {\n error_cb(response);\n }\n })\n .then(data => {\n if (data) {\n if (current_version !== data[\"area_map_version_id\"]) {\n changed_cb();\n }\n }\n })\n}\n\n/**\n * フロントで保持しているエリアマップバージョンIDが最新でない場合の処理\n */\nconst areaMapVersionIdChanged = () => {\n localStorage.setItem(\"point_id\", \"-1\");\n logout();\n}\n\nexport {checkAreaMapVersionId, areaMapVersionIdChanged}\n","import React from 'react';\r\nimport './ReturnSelectVehiclePage.css';\r\nimport { withRouter } from 'react-router';\r\nimport RequestClient from '../../common/requestClient';\r\nimport VehiclePulldownList from '../../components/VehicleSelectDialog';\r\nimport QuestionMsgDialog from '../../components/QuestionMsgDialog';\r\nimport { connect } from 'react-redux';\r\nimport GreenButton from '../../components/buttons/GreenButton';\r\nimport BackButton from '../../components/BackButton';\r\nimport { VehiclePulldown, VehiclePulldownMb} from '../../components/VehiclePulldown';\r\nimport Question from '../../components/Question';\r\nimport ConfirmDialog from '../../components/ConfirmDialog';\r\nimport AlertDialog from '../../components/AlertDialog';\r\nimport {areaMapVersionIdChanged} from \"../../common/AreaMapUtil\";\r\nimport {getAreaMap} from \"../../common/AreaMap\";\r\n\r\nclass ReturnSelectVehiclePage extends React.Component{\r\n constructor(props){\r\n super(props)\r\n this.state={\r\n openQuestion:false,\r\n openVehicleList:false,\r\n vehicle: {},\r\n vehicleList: [],\r\n confirmOpen:false,\r\n alertOpen:false,\r\n }\r\n this.handleQuestion=this.handleQuestion.bind(this)\r\n this.handleVehicleListOpen=this.handleVehicleListOpen.bind(this)\r\n this.handleVehicleListClose=this.handleVehicleListClose.bind(this)\r\n this.handleBack = this.handleBack.bind(this)\r\n this.handleNext = this.handleNext.bind(this)\r\n this.handleCancel = this.handleCancel.bind(this)\r\n this.handleOnChange = this.handleOnChange.bind(this)\r\n this.setConfirmOpen = this.setConfirmOpen.bind(this)\r\n this.onConfirm = this.onNext.bind(this)\r\n this.setAlertOpen = this.setAlertOpen.bind(this)\r\n }\r\n \r\n componentDidMount() {\r\n this.getVehicles(true)\r\n }\r\n\r\n getVehicles(isFirst) {\r\n const pointExist = (pointId)=>{\r\n for(var i=0;i{props.children}
\r\n \r\n 車両の占有LEDは消灯していますか？
車両にホームが設定されていますか？
車両の走行環境変更は行いましたか？ )}\r\n 車が表示されない場合 \r\n \r\n \r\n 使用場所と車両に設定されているホーム地点が同一です。
既に車両がホーム地点にある場合、この操作はエラーとなりますがよろしいですか？\r\n \r\n 車両が選択されていません。 \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n pointId:state.systemReducer.pointId,\r\n pointList:state.systemReducer.pointList,\r\n };\r\n };\r\n\r\nexport default connect(mapStateToProps,null)(withRouter(ReturnSelectVehiclePage));","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './ReturnConfirmPage.css';\r\nimport { withRouter } from 'react-router';\r\nimport GreenButton from '../../components/buttons/GreenButton';\r\nimport BackButton from '../../components/BackButton';\r\nimport EnableArrowIcon from '../../components/icons/EnableArrowIcon';\r\nimport EnableTargetPoint from '../../components/TargetPoints/EnableTargetPoint';\r\n\r\nclass ReturnConfirmPage extends React.Component{\r\n\r\n constructor(props) {\r\n super(props)\r\n this.handleBack = this.handleBack.bind(this)\r\n this.handleNext = this.handleNext.bind(this)\r\n }\r\n \r\n componentDidMount(){\r\n if(!Object.keys(this.props.vehicle).length){\r\n this.props.history.push(\"/return\")\r\n }else if(this.props.destinationPointId < 0){\r\n this.props.history.push(\"/return/destination\")\r\n }\r\n \r\n }\r\n\r\n handleBack() {\r\n this.props.history.push({ pathname: \"/returnhome\", state: { ref: \"/returnhome/confirm\" } })\r\n }\r\n handleNext() {\r\n this.props.handleSetApiExecFlg(false)\r\n this.props.history.push({ pathname: \"/returnhome/complete\", state: { ref: \"/returnhome/confirm\" } })\r\n }\r\n getPointName(pointList, pointId){\r\n var pointName = \"\"\r\n for(var i=0;i\r\n \r\n
\r\n {pullDownComponent}\r\n {this.state.openQuestion && (\r\n
\r\n ホームに戻す車両を選んでください
\r\n 車両にホームが設定されていますか？
車両の走行環境変更は行いましたか？
既に車両がホーム地点にある場合、この操作はエラーとなりますがよろしいですか？\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.vehicle[\"vehicle_name\"]}\r\n \r\n をホームに戻しますか？\r\n
\r\n \r\n {this.getPointName(this.props.pointList,this.props.pointId)} \r\n \r\n {this.getPointName(this.props.pointList,this.props.vehicle.home_position_id)} \r\n
\r\n \r\n \r\n {runViewComponent}\r\n \r\n
\r\n )\r\n}\r\nfunction RunViewComponent(props) {\r\n return (\r\n <>\r\n もしくは
\r\n \r\n
\r\n )\r\n}\r\nfunction getListItem(targetPointId, pointId, name,handleNext){\r\n if (pointId == targetPointId){\r\n return null;\r\n }\r\n return( \r\n \r\n
\r\n \r\n {itemName}\r\n
\r\n\r\n - handleNext(event,pointId)}/>\r\n );\r\n}\r\n\r\nfunction PointList(props){\r\n const {pointList, targetPointId, handleNext} = props\r\n var columnCount = targetPointId ? Math.floor((pointList.length - 1)/4):Math.floor((pointList.length)/4)\r\n if (targetPointId && (pointList.length-1) %4 !=0){\r\n columnCount = columnCount + 1\r\n }else if (!targetPointId && (pointList.length) %4 !=0){\r\n columnCount = columnCount + 1\r\n }\r\n columnCount = columnCount <3 ? columnCount : 3\r\n return(\r\n
\r\n {pointList.map((point)=>getListItem(targetPointId, point[\"point_id\"], point[\"name\"], handleNext))}\r\n
\r\n )\r\n}\r\n\r\nexport default PointList","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './CallSelectDestinationPage.css';\r\nimport RequestClient from '../../common/requestClient';\r\nimport { withRouter } from 'react-router';\r\nimport PointList from '../../components/DestinationList';\r\nimport BackButton from '../../components/BackButton';\r\nimport {areaMapVersionIdChanged, checkAreaMapVersionId} from \"../../common/AreaMapUtil\";\r\n\r\n\r\n\r\nfunction getPointName(pointList,pointId){\r\n var pointName = \"\"\r\n for(var i=0;i\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n pointList:state.systemReducer.pointList,\r\n pointId:state.systemReducer.pointId,\r\n };\r\n };\r\nexport default connect(mapStateToProps,null)(withRouter(CallSelectDestinationPage));\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './CallConfirmPage.css';\r\nimport { withRouter } from 'react-router';\r\nimport GreenButton from '../../components/buttons/GreenButton';\r\nimport BackButton from '../../components/BackButton';\r\nimport VehicleIcon from '../../components/icons/VehicleIcon';\r\nimport EnableArrowIcon from '../../components/icons/EnableArrowIcon';\r\nimport DisableArrowIcon from '../../components/icons/DisableArrowIcon';\r\nimport EnableTargetPoint from '../../components/TargetPoints/EnableTargetPoint';\r\nimport DisableTargetPoint from '../../components/TargetPoints/DisableTargetPoint';\r\n\r\nclass CallConfirmPage extends React.Component{\r\n\r\n constructor(props){\r\n super(props)\r\n this.handleBack = this.handleBack.bind(this)\r\n this.handleNext = this.handleNext.bind(this)\r\n }\r\n \r\n componentDidMount(){\r\n if(this.props.destinationPointId < 0 || this.props.pointId < 0){\r\n this.props.history.push(\"/call\")\r\n }\r\n }\r\n\r\n handleBack(){\r\n this.props.history.push(\"/call\")\r\n }\r\n\r\n handleNext(){\r\n this.props.handleSetApiExecFlg(false)\r\n this.props.history.push({pathname:\"/call/complete\",state:{ref:\"/call/confirm\"}})\r\n }\r\n \r\n getPointName(pointList, pointId){\r\n var pointName = \"\"\r\n for(var i=0;i\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {getPointName(this.props.pointList, this.props.pointId)} \r\n に呼び出す車の行き先を選んでください\r\n
\r\n 予約件数：{this.state.reserveCount}件
\r\n 呼び出しますか？: <>この経路で空き車両を呼び出しますか？ \r\n \r\n return(\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n pointList:state.systemReducer.pointList,\r\n pointId:state.systemReducer.pointId,\r\n };\r\n };\r\nexport default connect(mapStateToProps,null)(withRouter(CallConfirmPage));","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './CallCompletePage.css';\r\nimport { withRouter } from 'react-router';\r\nimport { setIsLoading } from '../../actions/systemAction';\r\nimport RequestClient from '../../common/requestClient';\r\nimport Loading from '../../components/Loading';\r\nimport GreenButton from '../../components/buttons/GreenButton';\r\nimport {SuccessMsg,CautionMsg} from '../../components/SimpleMsges';\r\nimport {getAreaMap} from \"../../common/AreaMap\";\r\nimport {areaMapVersionIdChanged} from \"../../common/AreaMapUtil\";\r\n\r\n\r\nconst STATUS_API_CALLING = 0\r\nconst STATUS_REGIST_RESERVE = 1\r\nconst STATUS_REGIST_SCHEDULE = 2\r\n\r\nfunction Reservation(props) {\r\n return(\r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n \r\n \r\n \r\n {this.getPointName(this.props.pointList,this.props.pointId)} \r\n \r\n {this.getPointName(this.props.pointList,this.props.destinationPointId)} \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nfunction toDoubleDigits(num) {\r\n num += \"\";\r\n if (num.length === 1) {\r\n num = \"0\" + num;\r\n }\r\n return num; \r\n };\r\n\r\nfunction Schedule(props) {\r\n var date = new Date(props.schedule.plan_start_time)\r\n date.setMinutes(date.getMinutes() + 3)\r\n date.setHours(date.getHours() + 9)\r\n const time = toDoubleDigits(date.getHours()) + \":\" + toDoubleDigits(date.getMinutes());\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\nclass CallCompletePage extends React.Component{\r\n\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n status: STATUS_API_CALLING,\r\n intervalId: -1,\r\n reservation: {},\r\n schedule: {}\r\n }\r\n this.handleTop = this.handleTop.bind(this)\r\n this.handleReservation = this.handleReservation.bind(this)\r\n this.handleSchedule = this.handleSchedule.bind(this)\r\n }\r\n \r\n componentDidMount() {\r\n if (typeof this.props.location.state === 'undefined' || this.props.location.state.ref !== '/call/confirm' || this.props.apiExecFlg) {\r\n this.props.history.replace('/');\r\n } else {\r\n this.registReservation()\r\n }\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n this.stopInterval()\r\n this.props.dispatchSetIsLoading(false)\r\n }\r\n\r\n registReservation() {\r\n\r\n this.props.handleSetApiExecFlg(true)\r\n this.props.dispatchSetIsLoading(true)\r\n\r\n const url = \"/api/reservations\"\r\n const data = {\r\n pickup_point_id: this.props.pointId,\r\n dropoff_point_id: this.props.destinationPointId,\r\n area_map_version_id: getAreaMap().getVersionId()\r\n };\r\n RequestClient.post(url, data)\r\n .then(response => {\r\n if (response.status === 200) {\r\n return response.json()\r\n }\r\n if (response.status === 409) {\r\n areaMapVersionIdChanged();\r\n }\r\n if(response.status >= 400) {\r\n this.props.dispatchSetIsLoading(false)\r\n this.props.history.push({ pathname: \"/error\", state: {status: response.status} })\r\n } \r\n })\r\n .then(data => {\r\n if (data) {\r\n if (data.result.reserve_exist_flg == 1) {\r\n this.setState({ status: STATUS_REGIST_RESERVE })\r\n this.props.dispatchSetIsLoading(false)\r\n } else {\r\n if (data.result.is_regist_check == 1) {\r\n if (data.result.is_active == 0) {\r\n this.setState({ schedule: data.result, status: STATUS_REGIST_SCHEDULE })\r\n } else {\r\n this.setState({ status: STATUS_REGIST_RESERVE })\r\n }\r\n this.props.dispatchSetIsLoading(false)\r\n } else {\r\n const intervalId = setInterval(() => this.checkScedule(), 5000)\r\n this.setState({ intervalId: intervalId, reservation: data.result })\r\n }\r\n }\r\n }\r\n })\r\n }\r\n\r\n checkScedule() {\r\n if (this.state.status == 0) {\r\n const url = \"/api/reservation/\" + this.state.reservation.reservation_id\r\n RequestClient.get(url)\r\n .then(response => {\r\n if (response.status === 200) {\r\n return response.json()\r\n } else if(response.status >= 400){\r\n this.props.dispatchSetIsLoading(false)\r\n this.props.history.push({ pathname: \"/error\", state: {status: response.status} })\r\n } \r\n })\r\n .then(data => {\r\n if (data) {\r\n if (data.result.is_regist_check == 1) {\r\n if (data.result.is_active == 0) {\r\n this.setState({ schedule: data.result, status: STATUS_REGIST_SCHEDULE })\r\n } else {\r\n this.setState({ status: STATUS_REGIST_RESERVE })\r\n }\r\n this.stopInterval()\r\n this.props.dispatchSetIsLoading(false)\r\n }\r\n }\r\n }\r\n )\r\n }\r\n }\r\n\r\n stopInterval() {\r\n if (this.state.intervalId > -1) {\r\n clearInterval(this.state.intervalId)\r\n }\r\n }\r\n handleTop() {\r\n this.props.history.push('/')\r\n }\r\n handleReservation() {\r\n this.props.history.push('/reservations')\r\n }\r\n handleSchedule() {\r\n this.props.history.push('/schedules')\r\n }\r\n\r\n render(){\r\n var component = \"\"\r\n if (this.state.status == 0) {\r\n component =\r\n
\r\n \r\n 到着目安\r\n
\r\n {time}
\r\n \r\n 車両の占有LEDは点灯していますか？
車両の走行環境変更は行いましたか？ )}\r\n 車が表示されない場合 \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(SendSelectVehiclePage);","import React from 'react';\r\nimport './SendSelectDestinationPage.css';\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\nimport PointList from '../../components/DestinationList';\r\nimport BackButton from '../../components/BackButton';\r\n\r\nclass SendSelectDestinationPage extends React.Component{\r\n constructor(props){\r\n super(props)\r\n this.handleBack = this.handleBack.bind(this)\r\n this.handleNext = this.handleNext.bind(this)\r\n }\r\n\r\n componentDidMount(){\r\n if (typeof this.props.location.state === 'undefined' || !(this.props.location.state.ref == '/send'|| this.props.location.state.ref == '/send/confirm')) {\r\n this.props.history.replace('/');\r\n }\r\n if(!Object.keys(this.props.selectedVehicle).length){\r\n this.props.history.push(\"/send\")\r\n }\r\n }\r\n \r\n handleBack(){\r\n this.props.history.push(\"/send\")\r\n }\r\n \r\n handleNext(event,pointId){\r\n this.props.onItemClick(pointId)\r\n this.props.history.push(\"/send/confirm\")\r\n \r\n }\r\n render(){\r\n return(\r\n \r\n \r\n
\r\n {pullDownComponent}\r\n {this.state.openQuestion && (\r\n
\r\n 配送する車両を選んでください
\r\n 車両の走行環境変更は行いましたか？
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n pointList:state.systemReducer.pointList,\r\n pointId:state.systemReducer.pointId,\r\n };\r\n };\r\nexport default connect(mapStateToProps,null)(withRouter(SendSelectDestinationPage));","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './SendConfirmPage.css';\r\nimport { withRouter } from 'react-router';\r\nimport Button from '../../components/buttons/GreenButton';\r\nimport BackButton from '../../components/BackButton';\r\nimport EnableArrowIcon from '../../components/icons/EnableArrowIcon';\r\nimport EnableTargetPoint from '../../components/TargetPoints/EnableTargetPoint';\r\n\r\nclass SendConfirmPage extends React.Component{\r\n\r\n constructor(props) {\r\n super(props)\r\n this.handleBack = this.handleBack.bind(this)\r\n this.handleNext = this.handleNext.bind(this)\r\n }\r\n \r\n componentDidMount(){\r\n if(!Object.keys(this.props.vehicle).length){\r\n this.props.history.push(\"/send\")\r\n }else if(this.props.destinationPointId < 0){\r\n this.props.history.push(\"/send/destination\")\r\n }\r\n \r\n }\r\n\r\n handleBack() {\r\n this.props.history.push({ pathname: \"/send/destination\", state: { ref: \"/send/confirm\" } })\r\n }\r\n handleNext() {\r\n this.props.handleSetApiExecFlg(false)\r\n this.props.history.push({ pathname: \"/send/complete\", state: { ref: \"/send/confirm\" } })\r\n }\r\n getPointName(pointList, pointId){\r\n var pointName = \"\"\r\n for(var i=0;i\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.selectedVehicle[\"vehicle_name\"]}\r\n の行き先を選んでください\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.vehicle[\"vehicle_name\"]}\r\n \r\n をこの経路で送りますか？\r\n
\r\n \r\n {this.getPointName(this.props.pointList,this.props.pointId)} \r\n \r\n {this.getPointName(this.props.pointList,this.props.destinationPointId)} \r\n
\r\n