\r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport './CaseList.css';\r\nimport CaseSelect from './CaseSelect';\r\nimport IncompleteCasePopup from './IncompleteCasePopup';\r\nimport logFetchError from './Functions/LogFetchError'\r\nimport fetchSubmitLogs from './Functions/FetchSubmitLogs'\r\nimport MDSpinner from 'react-md-spinner';\r\n\r\nclass CaseList extends React.Component {\r\n\t\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tlet selectedCase = 1;\r\n\t\tif (this.props.selectedCase) {\r\n\t\t\tselectedCase = this.props.selectedCase;\r\n\t\t}\r\n\t\t\r\n\t\tthis.state = {\r\n\t\t\tselectedCase: selectedCase,\t\t\t// default selected case\r\n\t\t\tyield: false,\t\t\t\t// show high yield count column, hard coded toggle\r\n\t\t\tdisplayIncompleteCases: false,\r\n\t\t\tincompleteCaseList: [],\r\n\t\t\tselectedIncompleteCase: 0,\r\n\t\t\tstartNewCaseFunction: null,\r\n\t\t\tfilteredCaseList: [],\r\n\t\t\tscrollIntoViewCallback: () => null\r\n\t\t}\r\n\r\n\t\tthis.viewCaseGradesClick = this.viewCaseGradesClick.bind(this);\r\n\t\tthis.caseSelectClick = this.caseSelectClick.bind(this);\r\n\t\tthis.selectRandomClick = this.selectRandomClick.bind(this);\r\n\t\tthis.selectRandomIncompleteClick = this.selectRandomIncompleteClick.bind(this);\r\n\t\tthis.runCaseClick = this.runCaseClick.bind(this);\r\n\t\tthis.reviewLaterToggle = this.reviewLaterToggle.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.unfilteredCaseList.length !== 0) {\r\n\t\t\tthis.sortTableClick(this.props.caseListSort, true)\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.unfilteredCaseList !== prevProps.unfilteredCaseList) {\r\n\t\t\tthis.sortTableClick(this.props.caseListSort, true)\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tlet table = document.querySelector('#caseListTable')\r\n\t\tthis.props.setCurrentScrollPosition(table.scrollTop)\r\n\t}\r\n\r\n\tviewCaseGradesClick() {\r\n\t\t// Get case index from unfilteredCaseList by comparing the ID with this.props.selectedCase\r\n\t\tlet selectedCaseIndex = 0;\r\n\t\tfor (let i = 0; i < this.props.unfilteredCaseList.length; i++) {\r\n\t\t\tif (this.props.unfilteredCaseList[i].ID === this.props.selectedCase) {\r\n\t\t\t\tselectedCaseIndex = i;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!this.props.unfilteredCaseList[selectedCaseIndex].COMPLETED) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tlet reviewLater = this.props.unfilteredCaseList[selectedCaseIndex].ReviewLaterFlag;\r\n\r\n\t\tthis.props.viewCaseGrades(this.props.selectedCase, reviewLater)\r\n\t}\r\n\r\n\t/*\r\n\ttoggle the Review Later column checkbox\r\n\tsearches through array by id to toggle review later\r\n\t*/\r\n\treviewLaterToggle(id) {\r\n\t\tlet tempJson = this.props.unfilteredCaseList;\r\n\t\tfor (let i = 0; i < tempJson.length; i++) {\r\n\t\t\tif (tempJson[i].ID === id) {\r\n\t\t\t\ttempJson[i].ReviewLaterFlag = !tempJson[i].ReviewLaterFlag;\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({filteredCaseList: tempJson});\r\n\t}\r\n\t\r\n\t/*\r\n\trandomly generate a case id to select\r\n\t*/\r\n\tselectRandomClick() {\r\n\t\t// get a random case from the unfiltered case list\r\n\t\tlet randomCase = this.props.unfilteredCaseList[Math.floor(Math.random()*this.props.unfilteredCaseList.length)];\r\n\t\tthis.props.setSelectedCase(randomCase.ID, () => {\r\n\t\t\t// Scroll case into view\r\n\t\t\tlet selectedCase = document.getElementById(`case-${this.props.selectedCase}`);\r\n\t\t\tif (selectedCase) {\r\n\t\t\t\t// smooth scroll case into center of view\r\n\t\t\t\tselectedCase.scrollIntoView({behavior: 'smooth', block: 'center'});\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\t\r\n\t/*\r\n\trandomly select a case from the incomplete cases array\r\n\t*/\r\n\tselectRandomIncompleteClick() {\r\n\t\t// get a random case from the unfiltered case list and check if it is incomplete\r\n\t\tlet randomCase\r\n\t\tdo {\r\n\t\t\trandomCase = this.props.unfilteredCaseList[Math.floor(Math.random()*this.props.unfilteredCaseList.length)];\r\n\t\t} while (randomCase.COMPLETED)\r\n\r\n\t\tthis.props.setSelectedCase(randomCase.ID, () => {\r\n\t\t\t// Scroll case into view\r\n\t\t\tlet selectedCase = document.getElementById(`case-${this.props.selectedCase}`);\r\n\t\t\tif (selectedCase) {\r\n\t\t\t\t// smooth scroll case into center of view\r\n\t\t\t\tselectedCase.scrollIntoView({behavior: 'smooth', block: 'center'});\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\t\r\n\t/*\r\n\trun the case simulation\r\n\tpasses the caseData Json up to App\r\n\t*/\r\n\trunCaseClick() {\r\n\t\tif (this.props.selectedCase) {\r\n\t\t\tfor (let i = 0; i < this.props.unfilteredCaseList.length; i++) {\r\n\t\t\t\tif (this.props.unfilteredCaseList[i].ID === this.props.selectedCase) {\r\n\t\t\t\t\tlet table = document.querySelector('#caseListTable')\r\n\t\t\t\t\tthis.props.fetchStartCase(this.props.unfilteredCaseList[i], this.incompleteStartDisplayHandler);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tincompleteStartDisplayHandler = (ialist, callBack) => {\r\n\t\tthis.setState({displayIncompleteCases: true, startNewCaseFunction: callBack, incompleteCaseList: ialist})\r\n\t}\r\n\r\n\t/*\r\n\tchanges the selected case\r\n\tthis is the case that is highlighted and will be run when run case is clicked\r\n\t*/\r\n\tcaseSelectClick(id) {\r\n\t\tthis.setState({\r\n\t\t\tselectedCase: id,\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\tsort cases in table by column\r\n\tevery column uses the same sorting algorithm except for review\r\n\t*/\r\n\tsortTableClick = (sortBy, mounting = false) => {\r\n\t\tlet tempArray = [...this.props.unfilteredCaseList]\r\n\t\tlet reverse = false\r\n\r\n\t\tif (sortBy.includes(' - reverse')) {\r\n\t\t\tsortBy = sortBy.replace(' - reverse', '')\r\n\t\t\treverse = true\r\n\t\t}\r\n\r\n\t\tswitch(sortBy) {\r\n\t\t\t// case 'id':\r\n\t\t\t// \ttempArray.sort((a, b) => a.ID - b.ID)\r\n\t\t\t// \tbreak;\r\n\t\t\tcase 'review':\r\n\t\t\t\ttempArray.sort((a, b) => b.ReviewLaterFlag - a.ReviewLaterFlag)\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'title':\r\n\t\t\t\ttempArray.sort((a, b) => {\r\n\t\t\t\t\tif(a.TITLE < b.TITLE) { return -1; }\r\n\t\t\t\t\tif(a.TITLE > b.TITLE) { return 1; }\r\n\t\t\t\t\treturn 0;\r\n\t\t\t\t})\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'category':\r\n\t\t\t\ttempArray.sort((a, b) => {\r\n\t\t\t\t\tif(a.CASECATEGORYDESC < b.CASECATEGORYDESC) { return -1; }\r\n\t\t\t\t\tif(a.CASECATEGORYDESC > b.CASECATEGORYDESC) { return 1; }\r\n\t\t\t\t\treturn 0;\r\n\t\t\t\t})\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'diagnosis':\r\n\t\t\t\ttempArray.sort((a, b) => {\r\n\t\t\t\t\tif(a.DIAGNOSIS < b.DIAGNOSIS) { return -1; }\r\n\t\t\t\t\tif(a.DIAGNOSIS > b.DIAGNOSIS) { return 1; }\r\n\t\t\t\t\treturn 0;\r\n\t\t\t\t})\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'time':\r\n\t\t\t\ttempArray.sort((a, b) => {\r\n\t\t\t\t\tif(a.TIMEMODEDESC < b.TIMEMODEDESC) { return -1; }\r\n\t\t\t\t\tif(a.TIMEMODEDESC > b.TIMEMODEDESC) { return 1; }\r\n\t\t\t\t\treturn 0;\r\n\t\t\t\t})\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'completed':\r\n\t\t\t\ttempArray.sort((a, b) => new Date(b.LastCompletionDate) - new Date(a.LastCompletionDate))\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'yield':\r\n\t\t\t\ttempArray.sort((a, b) => b.HIGHYIELDCOUNT - a.HIGHYIELDCOUNT)\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'grade':\r\n\t\t\t\ttempArray.sort((a, b) => b.AvgGradeForCase - a.AvgGradeForCase)\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif ((sortBy === this.props.caseListSort && !mounting) || reverse) {\r\n\t\t\ttempArray.reverse()\r\n\t\t\tsortBy = `${sortBy} - reverse`\r\n\t\t}\r\n\r\n\t\tthis.props.changeCaseListSort(sortBy)\r\n\t\tthis.setState({filteredCaseList: tempArray}, () => {\r\n\t\t\tif (mounting) {\r\n\t\t\t\tlet table = document.querySelector('#caseListTable')\r\n\t\t\t\ttable.scrollTop = this.props.scrollPosition\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tisSelectedCaseCompleted = () => {\r\n\t\tif (this.props.selectedCase < 0)\r\n\t\t\treturn false\r\n\r\n\t\tfor (let i = 0; i < this.props.unfilteredCaseList.length; i++) {\r\n\t\t\tif (this.props.unfilteredCaseList[i].ID === this.props.selectedCase) {\r\n\t\t\t\treturn this.props.unfilteredCaseList[i].COMPLETED\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn false\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tlet yieldColumn;\r\n\t\tlet titleColumn;\r\n\t\tlet diagnosisColumn;\r\n\r\n\t\tif (!this.props.userProfile.hideHighYield) {\r\n\t\t\tyieldColumn = \r\n
\r\n \r\n
\r\n Continue Previous Attempt?
\r\n \r\n\r\n {formatPreviousAttemptTimes().map((value, index) => (\r\n
\r\n props.changeSelectedCase(index)}>\r\n
\r\n ))}\r\n Date: {getFormattedDateHandler(value.TimeAttempted)}
\r\nTime: {getFormattedTimeHandler(value.TimeAttempted)}
\r\n\r\n \r\n \r\n
\r\n this.sortTableClick('yield')}>High Yield
\r\n\t\t}\r\n\r\n\t\tif (this.props.showCaseTitle) {\r\n\t\t\ttitleColumn = this.sortTableClick('title')}>Title
;\r\n\t\t}\r\n\r\n\t\tif (this.props.showCaseDiagnosis) {\r\n\t\t\tdiagnosisColumn = this.sortTableClick('diagnosis')}>Diagnosis
;\r\n\t\t}\r\n\r\n\t\tlet caseList;\r\n\t\tif (this.state.filteredCaseList !== undefined) {\r\n\t\t\tcaseList = this.state.filteredCaseList.map((json) =>\r\n\t\t\t\tjson.TITLE ?\r\n\t\t\t\t\t\r\n\t\t\t\t{this.state.displayIncompleteCases &&\r\n\t\t\t\t\t this.setState({displayIncompleteCases: false})}\r\n\t\t\t\t\t\tincompleteCaseList={this.state.incompleteCaseList}\r\n\t\t\t\t\t\tchangeSelectedCase={(newIndex) => this.setState({selectedIncompleteCase: newIndex})}\r\n\t\t\t\t\t\tconfirmIncompleteCaseStart={this.props.confirmIncompleteCaseStart}\r\n\t\t\t\t\t/>\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default CaseList;\r\n","import React from 'react';\r\n\r\nclass PhysicalOptions extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.okClick = this.okClick.bind(this);\r\n\t}\r\n\r\n\tokClick() {\r\n\t\tif (this.props.physicalCheckboxes.interval || \r\n\t\t\tthis.props.physicalCheckboxes.appearance || \r\n\t\t\tthis.props.physicalCheckboxes.skin || \r\n\t\t\tthis.props.physicalCheckboxes.breasts || \r\n\t\t\tthis.props.physicalCheckboxes.lymph || \r\n\t\t\tthis.props.physicalCheckboxes.neck || \r\n\t\t\tthis.props.physicalCheckboxes.chest || \r\n\t\t\tthis.props.physicalCheckboxes.heart || \r\n\t\t\tthis.props.physicalCheckboxes.abdomen || \r\n\t\t\tthis.props.physicalCheckboxes.genitalia || \r\n\t\t\tthis.props.physicalCheckboxes.rectal || \r\n\t\t\tthis.props.physicalCheckboxes.spine || \r\n\t\t\tthis.props.physicalCheckboxes.neuro) {\r\n\r\n\t\t\tthis.props.setPopup('confirmPhysical');\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.showSubscriptionEndWarning ?\r\n\t\t\t\t\tStep 3 CCS Case Selection
\r\n\t\t\t\t\t{this.props.caseListHeaderError}
\r\n\t\t\t\t\t\r\n\t\t\t\tYour subscription ends in {this.props.subscriptionDaysRemaining} {this.props.subscriptionDaysRemaining === 1 ? 'Day' : 'Days'}.
\r\n\t\t\t\t:\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t this.sortTableClick('id')}>Id
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{titleColumn}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t this.sortTableClick('category')}>Category
\r\n\t\t\t\t\t\t\t{diagnosisColumn}\r\n\t\t\t\t\t\t\t this.sortTableClick('time')}>Time Limit
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t this.sortTableClick('completed')}>Completed
\r\n\t\t\t\t\t\t\t{yieldColumn}\r\n\t\t\t\t\t\t\t this.sortTableClick('review')}>Review Later
\r\n\t\t\t\t\t\t\t this.sortTableClick('grade')}>Average Grade
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{/* {false ? */}\r\n\t\t\t\t\t\t{this.props.unfilteredCaseList.length > 0 ?\r\n\t\t\t\t\t\t\tcaseList\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\tLoading Case List
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCustom Time Limit: \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tSimulate Network Lag: \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default PhysicalOptions\r\n","import React from 'react';\r\n\r\nclass SimulationTime extends React.Component {\r\n\r\n\trender() {\r\n\r\n\t\tlet time;\r\n\t\t// display completely different date format\r\n\t\tif (this.props.startTime) {\r\n\t\t\t//calculate elapsed time from simulationTime and startTime\r\n\t\t\tlet days;\r\n\t\t\tlet hours;\r\n\t\t\tif (this.props.simulationTime.hours >= this.props.startTime.hours) {\r\n\t\t\t\thours = this.props.simulationTime.hours - this.props.startTime.hours;\r\n\t\t\t\tdays = this.props.simulationTime.days - this.props.startTime.days;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\thours = this.props.simulationTime.hours + (24 - this.props.startTime.hours);\r\n\t\t\t\tdays = this.props.simulationTime.days - this.props.startTime.days - 1;\r\n\t\t\t}\r\n\t\t\tlet minutes = this.props.simulationTime.minutes;\r\n\t\t\t\r\n\t\t\tif (hours.toString().length === 1) {\r\n\t\t\t\thours = '0' + hours;\r\n\t\t\t}\r\n\t\t\tif (minutes.toString().length === 1) {\r\n\t\t\t\tminutes = '0' + minutes;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\ttime = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tHistory
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\tPhysical Examination
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{'Elapsed SIMULATED Case Time = ' + days + ' Days ' + hours + ' Hrs ' + minutes + ' Mins'}\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.props.cancelled) {\r\n\t\t\ttime = (\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.cancelled}\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.props.simulationTime) {\r\n\t\t\tlet dayWeek;\r\n\t\t\tif (this.props.dayWeek) {\r\n\t\t\t\t// calculate the day of the week based on the day this will be a mod 7 then a line up of int and day\r\n\t\t\t\tlet dayNum = this.props.simulationTime.days % 7;\r\n\t\t\t\tlet days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\r\n\t\t\t\tdayWeek = {' (' + days[dayNum] + ')'}
\r\n\t\t\t}\r\n\r\n\t\t\tlet hours = this.props.simulationTime.hours;\r\n\t\t\tif (hours?.toString().length === 1) {\r\n\t\t\t\thours = '0' + hours;\r\n\t\t\t}\r\n\r\n\t\t\tlet minutes = this.props.simulationTime.minutes;\r\n\t\t\tif (minutes?.toString().length === 1) {\r\n\t\t\t\tminutes = '0' + minutes;\r\n\t\t\t}\r\n\r\n\t\t\ttime = (\r\n\t\t\t\t\r\n\t\t\t\t\t{'Day ' + this.props.simulationTime.days + ' @ ' + Math.floor(hours) + ':' + minutes}\r\n\t\t\t\t\t{dayWeek}\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{time}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default SimulationTime;\r\n","import React from 'react';\r\nimport SimulationTime from './SimulationTime';\r\n\r\nclass PhysicalResults extends React.Component {\r\n\r\n\trender() {\r\n\r\n\t\tlet results = {};\r\n\t\tlet time = this.props.simulationTime;\r\n\t\tif (this.props.reviewPhysical || this.props.reviewPhysical === 0) {\r\n\t\t\ttime = this.props.completedPhysicals[this.props.reviewPhysical].timeReported;\r\n\t\t}\r\n\r\n\t\tif (this.props.physicalResults.CurrentPatientUpdate) {\r\n\t\t\tresults.update = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.GENERALAPPREARANCE) {\r\n\t\t\tresults.appearance = (\r\n\t\t\t\tPatient Update
\r\n\t\t\t\t\t{this.props.physicalResults.CurrentPatientUpdate}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.SKIN) {\r\n\t\t\tresults.skin = (\r\n\t\t\t\tGeneral appearance
\r\n\t\t\t\t\t{this.props.physicalResults.GENERALAPPREARANCE}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.BREAST) {\r\n\t\t\tresults.breast = (\r\n\t\t\t\tSkin examination
\r\n\t\t\t\t\t{this.props.physicalResults.SKIN}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.LYMPHNODE) {\r\n\t\t\tresults.lymph = (\r\n\t\t\t\tBreast examination
\r\n\t\t\t\t\t{this.props.physicalResults.BREAST}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.HEENTNECK) {\r\n\t\t\tresults.neck = (\r\n\t\t\t\tLymph node examination
\r\n\t\t\t\t\t{this.props.physicalResults.LYMPHNODE}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.CHESTLUNG) {\r\n\t\t\tresults.chest = (\r\n\t\t\t\tHEENT/Neck examination
\r\n\t\t\t\t\t{this.props.physicalResults.HEENTNECK}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.CARDIOVASCULAR) {\r\n\t\t\tresults.heart = (\r\n\t\t\t\tChest/Lung examination
\r\n\t\t\t\t\t{this.props.physicalResults.CHESTLUNG}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.ABDOMINAL) {\r\n\t\t\tresults.abdominal = (\r\n\t\t\t\tHeart/Cardiovascular examination
\r\n\t\t\t\t\t{this.props.physicalResults.CARDIOVASCULAR}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.GENITAL) {\r\n\t\t\tresults.genital = (\r\n\t\t\t\tAbdominal examination
\r\n\t\t\t\t\t{this.props.physicalResults.ABDOMINAL}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.RECTAL) {\r\n\t\t\tresults.rectal = (\r\n\t\t\t\tGenital examination
\r\n\t\t\t\t\t{this.props.physicalResults.GENITAL}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.EXTREMITIESSPINE) {\r\n\t\t\tresults.spine = (\r\n\t\t\t\tRectal examination
\r\n\t\t\t\t\t{this.props.physicalResults.RECTAL}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tif (this.props.physicalResults.NEUROLOGICPSYCHOLOGIC) {\r\n\t\t\tresults.neuro = (\r\n\t\t\t\tExtremities/Spine examination
\r\n\t\t\t\t\t{this.props.physicalResults.EXTREMITIESSPINE}
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tNeurologic/Psychologic examination
\r\n\t\t\t\t\t{this.props.physicalResults.NEUROLOGICPSYCHOLOGIC}
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default PhysicalResults;\r\n","import React from 'react';\r\nimport MDSpinner from 'react-md-spinner';\r\nimport SimulationTime from './SimulationTime';\r\n\r\nclass ReviewOrders extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tselectedTable: 'orderSheet',\r\n\t\t\tcaseEndLoading: false,\r\n\t\t}\r\n\r\n\t\tthis.changeTable = this.changeTable.bind(this);\r\n\t}\r\n\r\n\tchangeTable(table) {\r\n\t\tthis.setState({selectedTable: table});\r\n\t}\r\n\r\n\tfetchGrading = async () => {\r\n\t\tthis.setState({caseEndLoading: true})\r\n\t\tawait this.props.fetchGrading(this.props.caseData.ReviewLaterFlag, this.props.caseData.ID)\r\n\t\tthis.setState({caseEndLoading: false})\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tlet table;\r\n\t\tif (this.state.selectedTable === 'orderSheet') {\r\n\t\t\tlet orders = this.props.orderSheet.map((order, index) =>\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{'History and Physical'}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{results.update}\r\n\t\t\t\t\t\t{results.appearance}\r\n\t\t\t\t\t\t{results.skin}\r\n\t\t\t\t\t\t{results.breast}\r\n\t\t\t\t\t\t{results.lymph}\r\n\t\t\t\t\t\t{results.neck}\r\n\t\t\t\t\t\t{results.chest}\r\n\t\t\t\t\t\t{results.heart}\r\n\t\t\t\t\t\t{results.abdominal}\r\n\t\t\t\t\t\t{results.genital}\r\n\t\t\t\t\t\t{results.rectal}\r\n\t\t\t\t\t\t{results.spine}\r\n\t\t\t\t\t\t{results.neuro}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t{order.ROUTE}
\r\n\t\t\t\t\t{order.FREQUENCY}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.selectedTable === 'progressNotes') {\r\n\t\t\t// create order list\r\n\t\t\tlet orders = this.props.progressNotes.map((order) => \r\n\t\t\t\tOrder Sheet
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tOrder
\r\n\t\t\t\t\t\tRoute
\r\n\t\t\t\t\t\tFrequency
\r\n\t\t\t\t\t\tOrder Time
\r\n\t\t\t\t\t\tReport Time
\r\n\t\t\t\t\t this.props.reviewOrderPopup(order)}>\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\t// list patient updates\r\n\t\t\tlet patientUpdates = this.props.patientUpdates.map((update) =>\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\t// list all completed physicals\r\n\t\t\tlet physicals = this.props.completedPhysicals.map((physical, index) =>\r\n\t\t\t\tPatient Update
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\tHistory and Physical
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.selectedTable === 'vitalSigns') {\r\n\t\t\t// create order list\r\n\t\t\tlet orders = this.props.vitalSigns.map((order) => \r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tOrder
\r\n\t\t\t\t\t\tTime Ordered
\r\n\t\t\t\t\t\tTime Reported
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tCase Introduction
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{physicals}\r\n\t\t\t\t\t{patientUpdates}\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tInitial History
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t this.props.reviewOrderPopup(order)}>\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{order.CANCELLED && \r\n\t\t\t\t\t
\r\n\t\t\t\tCANCELLED
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.selectedTable === 'labReports') {\r\n\r\n\t\t\tlet orders = this.props.labReports.map((order) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tOrder
\r\n\t\t\t\t\t\tTime Ordered
\r\n\t\t\t\t\t\tTime Reported
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tInitial Vital Signs
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t this.props.reviewOrderPopup(order)}>\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{order.CANCELLED && \r\n\t\t\t\t\t
\r\n\t\t\t\tCANCELLED
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.selectedTable === 'imaging') {\r\n\r\n\t\t\tlet orders = this.props.imaging.map((order) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tOrder
\r\n\t\t\t\t\t\tTime Ordered
\r\n\t\t\t\t\t\tTime Reported
\r\n\t\t\t\t\t this.props.reviewOrderPopup(order)}>\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{order.CANCELLED && \r\n\t\t\t\t\t
\r\n\t\t\t\tCANCELLED
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.selectedTable === 'otherTests') {\r\n\r\n\t\t\tlet orders = this.props.otherTests.map((order) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tOrder
\r\n\t\t\t\t\t\tTime Ordered
\r\n\t\t\t\t\t\tTime Reported
\r\n\t\t\t\t\t this.props.reviewOrderPopup(order)}>\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{order.CANCELLED && \r\n\t\t\t\t\t
\r\n\t\t\t\tCANCELLED
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.selectedTable === 'treatmentRecord') {\r\n\r\n\t\t\tlet orders = this.props.treatmentRecord.map((order) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tOrder
\r\n\t\t\t\t\t\tTime Ordered
\r\n\t\t\t\t\t\tTime Reported
\r\n\t\t\t\t\t this.props.reviewOrderPopup(order)}>\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\ttable = (\r\n\t\t\t\t{order.NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{order.CANCELLED && \r\n\t\t\t\t\t
\r\n\t\t\t\tCANCELLED
}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\tlet orderButtonStyle;\r\n\t\tif (this.state.selectedTable !== 'orderSheet') {\r\n\t\t\torderButtonStyle = 'fade';\r\n\t\t}\r\n\r\n\t\tlet buttons = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{orders}\r\n\t\t\t\tOrder
\r\n\t\t\t\t\t\tTime Ordered
\r\n\t\t\t\t\t\tTime Reported
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\r\n\t\tif (this.props.endCase && this.state.caseEndLoading) {\r\n\t\t\tbuttons = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t} else if (this.props.endCase) {\r\n\t\t\tbuttons = (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default ReviewOrders;\r\n","import React from 'react';\r\nimport MDSpinner from 'react-md-spinner';\r\n\r\nclass Reevaluate extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tminimumTime: { // this stores the minimum time allowed to be selected base on mode\r\n\t\t\t\tdays: this.props.simulationTime.days,\r\n\t\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\t\tminutes: this.props.simulationTime.minutes,\r\n\t\t\t},\r\n\t\t\tselectedTime: { // this should store the amount time has been changed from the minimum\r\n\t\t\t\tdays: this.props.simulationTime.days,\r\n\t\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\t\tminutes: this.props.simulationTime.minutes,\r\n\t\t\t},\r\n\t\t\treevaluateMode: 'on', // what checkbox is selected, on, in, with, call\r\n\t\t\tselectedCalendarDay: this.props.simulationTime.days,\r\n\t\t\treevaluateError: false,\r\n\t\t\tfetchingAdvance: false\r\n\t\t}\r\n\t\tthis.reevaluateModeClick = this.reevaluateModeClick.bind(this);\r\n\t\tthis.calendarDayClick = this.calendarDayClick.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tvar Days = document.getElementById('Days');\r\n\t\tvar Hours = document.getElementById('Hours');\r\n\t\tvar Minutes = document.getElementById('Minutes');\r\n\r\n\t\tDays.onkeydown = function(e) {\r\n\t\t\tif (e.key === '-' || e.key === '+') {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\t\tHours.onkeydown = function(e) {\r\n\t\t\tif (e.key === '-' || e.key === '+') {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\t\tMinutes.onkeydown = function(e) {\r\n\t\t\tif (e.key === '-' || e.key === '+') {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\tthis is used to update the minimum hours and minutes\r\n\t*/\r\n\tcomponentDidUpdate() {\r\n\r\n\t\t// when days is greater than minimum, hours minimum should be 0 same with minutes\r\n\t\tif (this.state.reevaluateMode === 'on') {\r\n\r\n\t\t\tlet days = this.props.simulationTime.days;\r\n\t\t\tlet hours = this.props.simulationTime.hours;\r\n\t\t\tlet minutes = this.props.simulationTime.minutes;\r\n\t\t\tif (this.state.selectedTime.days > 0) {\r\n\t\t\t\thours = 0;\r\n\t\t\t}\r\n\t\t\tif (this.state.selectedTime.hours > 0) {\r\n\t\t\t\tminutes = 0;\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.minimumTime.hours !== hours || this.state.minimumTime.minutes !== minutes) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tminimumTime: {\r\n\t\t\t\t\t\tdays: days,\r\n\t\t\t\t\t\thours: hours,\r\n\t\t\t\t\t\tminutes: minutes,\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\tsets the selectedTime to the amount changed from minimum\r\n\t*/\r\n\ttimeSelectChange = (type, event) => {\r\n\r\n\t\tlet maxDays = 999\r\n\r\n\t\t// Need to check that we're not going beyond day 999 for 'in' mode\r\n\t\tif (this.state.reevaluateMode === 'in')\r\n\t\t\tmaxDays = 999 - this.props.simulationTime.days\r\n\r\n\t\tif (event.target.value.includes('.'))\r\n\t\t\tevent.target.value = event.target.value.replace('.', '');\r\n\r\n\t\tlet selectedTime = this.state.selectedTime\r\n\t\tif (type === 'days') {\r\n\t\t\t// Check if the user has entered a value greater than 999\r\n\t\t\tif (event.target.value > maxDays)\r\n\t\t\t\tevent.target.value = maxDays\r\n\t\t\tselectedTime.days = event.target.value\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedCalendarDay: this.props.simulationTime.days + (event.target.value - this.state.minimumTime.days),\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (type === 'hours') {\r\n\t\t\tif (event.target.value > 23)\r\n\t\t\t\tevent.target.value = 23;\r\n\t\t\tselectedTime.hours = event.target.value\r\n\t\t}\r\n\t\telse if (type === 'minutes') {\r\n\t\t\tif (event.target.value > 59) {\r\n\t\t\t\tevent.target.value = 59;\r\n\t\t\t}\r\n\t\t\tselectedTime.minutes = event.target.value\r\n\t\t}\r\n\t\tthis.setState({selectedTime})\r\n\t}\r\n\r\n\t/*\r\n\tbase on mode and selected time calculates the number of minutes to advance the time\r\n\t*/\r\n\treevaluateCase = async () => {\r\n\t\tif (this.state.reevaluateMode === 'in') {\r\n\t\t\tlet selectedTime = this.state.selectedTime\r\n\t\t\tselectedTime = {\r\n\t\t\t\tdays: Number(selectedTime.days),\r\n\t\t\t\thours: Number(selectedTime.hours),\r\n\t\t\t\tminutes: Number(selectedTime.minutes)\r\n\t\t\t}\r\n\t\t\tif (selectedTime.days < 0 || selectedTime.hours < 0 || selectedTime.minutes < 0) {\r\n\t\t\t\treturn this.setState({reevaluateError: true})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({reevaluateError: false})\r\n\t\t\t}\r\n\t\t\tlet time = this.state.selectedTime.days * 1440 + this.state.selectedTime.hours * 60 + this.state.selectedTime.minutes;\r\n\t\t\tif (this.props.endCase) {\r\n\t\t\t\tlet selectedTime = {\r\n\t\t\t\t\tdays: Number(this.state.selectedTime.days) + Number(this.props.simulationTime.days),\r\n\t\t\t\t\thours: Number(this.state.selectedTime.hours) + Number(this.props.simulationTime.hours),\r\n\t\t\t\t\tminutes: Number(this.state.selectedTime.minutes) + Number(this.props.simulationTime.minutes)\r\n\t\t\t\t}\r\n\t\t\t\tlet minimumTime = {\r\n\t\t\t\t\tdays: this.props.simulationTime.days,\r\n\t\t\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\t\t\tminutes: this.props.simulationTime.minutes,\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({fetchingAdvance: true})\r\n\t\t\t\tawait this.props.fetchAdvance(selectedTime, minimumTime);\r\n\t\t\t\tthis.setState({fetchingAdvance: false})\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.setState({fetchingAdvance: true})\r\n\t\t\t\tawait this.props.fetchAdvance(time);\r\n\t\t\t\tthis.setState({fetchingAdvance: false})\r\n\t\t\t\t// This code is believed to be causing the first result popup to close prematurely\r\n\t\t\t\t// if (!this.props.scheduleAppointment) {\r\n\t\t\t\t\t// this.props.closePopup();\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (this.state.reevaluateMode === 'on') {\r\n\t\t\tlet selectedTime = this.state.selectedTime\r\n\t\t\tselectedTime = {\r\n\t\t\t\tdays: Number(selectedTime.days),\r\n\t\t\t\thours: Number(selectedTime.hours),\r\n\t\t\t\tminutes: Number(selectedTime.minutes)\r\n\t\t\t}\r\n\t\t\tlet minimumTime = this.props.simulationTime\r\n\r\n\t\t\t//This just checks to make sure times are at least their minimum if they are on the day where it applies\r\n\t\t\tif (selectedTime.days < minimumTime.days ||\r\n\t\t\t\t(selectedTime.hours < minimumTime.hours && selectedTime.days <= minimumTime.days) ||\r\n\t\t\t\t(selectedTime.hours <= minimumTime.hours && selectedTime.days <= minimumTime.days && selectedTime.minutes < minimumTime.minutes)\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn this.setState({reevaluateError: true})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({reevaluateError: false})\r\n\t\t\t}\r\n\r\n\t\t\tlet time = 0;\r\n\t\t\ttime += (selectedTime.days - minimumTime.days) * 1440;\r\n\t\t\ttime += (selectedTime.hours - minimumTime.hours) * 60;\r\n\t\t\ttime += selectedTime.minutes - minimumTime.minutes\r\n\r\n\t\t\tif (this.props.endCase) {\r\n\t\t\t\t// pass the time displayed\r\n\t\t\t\tthis.setState({fetchingAdvance: true})\r\n\t\t\t\tawait this.props.fetchAdvance(selectedTime, this.state.minimumTime);\r\n\t\t\t\tthis.setState({fetchingAdvance: false})\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.setState({fetchingAdvance: true})\r\n\t\t\t\tawait this.props.fetchAdvance(time);\r\n\t\t\t\tthis.setState({fetchingAdvance: false})\r\n\t\t\t\t// if (!this.props.scheduleAppointment) {\r\n\t\t\t\t// \tthis.props.closePopup();\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (this.state.reevaluateMode === 'with') {\r\n\t\t\t// advance only to the next patient or order update\r\n\t\t\tif (this.props.advanceUpdate) {\r\n\t\t\t\tthis.props.advanceUpdate();\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t//this.props.closePopup();\r\n\t\t\t\tthis.setState({fetchingAdvance: true})\r\n\t\t\t\tawait this.props.fetchAdvance(999 * 1440);\r\n\t\t\t\tthis.setState({fetchingAdvance: false})\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (this.state.reevaluateMode === 'call') {\r\n\t\t\t// advance indefinitely\r\n\t\t\t//this.props.closePopup();\r\n\t\t\tthis.setState({fetchingAdvance: true})\r\n\t\t\tawait this.props.fetchAdvance(999 * 1440);\r\n\t\t\tthis.setState({fetchingAdvance: false})\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\tchanges the selected checkbox so that only one can be selected at a time\r\n\t*/\r\n\treevaluateModeClick(mode) {\r\n\t\tif (mode === 'on') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tminimumTime: {\r\n\t\t\t\t\tdays: this.props.simulationTime.days,\r\n\t\t\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\t\t\tminutes:this.props.simulationTime.minutes,\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\telse if (mode === 'in') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tminimumTime: {\r\n\t\t\t\t\tdays: 0,\r\n\t\t\t\t\thours: 0,\r\n\t\t\t\t\tminutes: 0\r\n\t\t\t\t},\r\n\t\t\t\tselectedTime: {\r\n\t\t\t\t\tdays: 0,\r\n\t\t\t\t\thours: 0,\r\n\t\t\t\t\tminutes: 0\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\treevaluateMode: mode,\r\n\t\t\tselectedCalendarDay: this.props.simulationTime.days,\r\n\t\t});\r\n\t\tif (mode !== \"in\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedTime: {\r\n\t\t\t\t\tdays: this.props.simulationTime.days,\r\n\t\t\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\t\t\tminutes: this.props.simulationTime.minutes,\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\tcalled when a day on the calendar is clicked\r\n\tchanges the state which will rerender the calendar and highlight the newly selected day\r\n\t*/\r\n\tcalendarDayClick(day) {\r\n\t\tif (day >= this.props.simulationTime.days) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedCalendarDay: day,\r\n\t\t\t\tselectedTime: {\r\n\t\t\t\t\tdays: this.state.reevaluateMode === 'on' ? day : day - this.props.simulationTime.days,\r\n\t\t\t\t\thours: this.state.selectedTime.hours,\r\n\t\t\t\t\tminutes: this.state.selectedTime.minutes,\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet calendarRowsArray = [];// array that will contain an array for each row of the calendar\r\n\t\tfor (let i = 0; i < 999; i+=7) {\r\n\t\t\tlet tempDaysArray = [];// array that represents a row in the calendar each index is a day\r\n\t\t\tfor (let j = 1; j < 8; j++) {\r\n\t\t\t\tlet day = i+j-1;// move all the days forward by 1 spot so that calendar starts on monday not sunday\r\n\t\t\t\tif (day <= 999) {\r\n\t\t\t\t\tif (day === 0) {\r\n\t\t\t\t\t\tday = '';\r\n\t\t\t\t\t}\r\n\t\t\t\t\ttempDaysArray.push(day);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tcalendarRowsArray.push(tempDaysArray);\r\n\t\t}\r\n\r\n\t\t// dynamically create calendar jsx from 2d array\r\n\t\tlet calendarRows = [];// stores element for each week of calendar\r\n\t\tfor (let i = 0; i < calendarRowsArray.length; i++) {\r\n\t\t\tlet tempRow = calendarRowsArray[i].map((day) =>\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tOrder Sheet
\r\n\t\t\t\t\t\t\tProgress Notes
\r\n\t\t\t\t\t\t\tVital Signs
\r\n\t\t\t\t\t\t\tLab Reports
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tImaging
\r\n\t\t\t\t\t\t\tOther Tests
\r\n\t\t\t\t\t\t\tTreatment Record
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{table}\r\n\t\t\t\t\t\t{buttons}\r\n\t\t\t\t\t
\r\n\t\t\t\t{day}
\r\n\t\t\t);\r\n\t\t\tcalendarRows.push(tempRow);\r\n\t\t}\r\n\t\tlet calendar = calendarRows.map((week) =>\r\n\t\t\t\r\n\t\t\t\t{week}\r\n\t\t\t
\r\n\t\t);\r\n\r\n\t\t// set the displayed selected time to selectedTime + minimumTime\r\n\t\tlet days = this.state.selectedTime.days;\r\n\t\tlet hours = this.state.selectedTime.hours;\r\n\t\tlet minutes = this.state.selectedTime.minutes;\r\n\r\n\t\t// dynamically display the day of the week\r\n\t\tlet dayNum = this.state.selectedCalendarDay % 7;\r\n\t\tlet daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\r\n\t\tlet dayWeek = daysOfWeek[dayNum];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Reevaluate;\r\n","import React from 'react';\r\n\r\nclass OrderSelect extends React.Component {\r\n\r\n\trender() {\r\n\r\n\t\tlet style = 'table-row';\r\n\t\tif (this.props.selectedOrder) {\r\n\t\t\tstyle += ' selected';\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tReevaluate
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tCalendar
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\tSun
\r\n\t\t\t\t\t\t\t\t\t\tMon
\r\n\t\t\t\t\t\t\t\t\t\tTue
\r\n\t\t\t\t\t\t\t\t\t\tWed
\r\n\t\t\t\t\t\t\t\t\t\tThu
\r\n\t\t\t\t\t\t\t\t\t\tFri
\r\n\t\t\t\t\t\t\t\t\t\tSat
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{calendar}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tReevaluate Case
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{!(this.props.scheduleAppointment || this.props.endCase) && \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\t\t{!(this.props.scheduleAppointment || this.props.endCase) && \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\t\t{ (this.state.reevaluateMode === \"on\" || this.state.reevaluateMode === \"in\") &&\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\tDay(s):
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{/* this.timeSelectChange('days', event)}/> */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.timeSelectChange('days', event)}/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\tHour(s):
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{/* this.timeSelectChange('hours', event)}/> */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.timeSelectChange('hours', event)}/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\tMinute(s):
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{/* this.timeSelectChange('minutes', event)}/> */}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.timeSelectChange('minutes', event)}/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{dayWeek}
\r\n\t\t\t\t\t\t\t\t\t\t{this.state.reevaluateError ? 'Error: invalid time entry' : ''}
\r\n\t\t\t\t\t\t{(this.state.fetchingAdvance || this.props.fetchingSchedule) ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default OrderSelect;\r\n","import React from 'react';\r\nimport OrderSelect from './OrderSelect';\r\nimport Reevaluate from './Reevaluate';\r\nimport SimulationTime from './SimulationTime';\r\nimport logFetchError from './Functions/LogFetchError'\r\nimport fetchSubmitLogs from './Functions/FetchSubmitLogs'\r\nimport MDSpinner from 'react-md-spinner';\r\n\r\nclass OrderPopup extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\torderInput: '',\r\n\t\t\torderPopup: 'writeOrder',// track which order popup is displayed\r\n\t\t\tfrequencyNumber: 0,\r\n\t\t\tfrequencyUnit: 'hours',\r\n\t\t\tselectedStart: 'now',\r\n\t\t\torderVerification: {},\r\n\t\t\tselectedRoute: '',\r\n\t\t\tvalidateOrderErrorText: '',\r\n\t\t\tvalidateOrderErrorFunction: null,\r\n\t\t\tprereqInfo: {},\r\n\t\t\tprereqSelected: 0,\r\n\t\t\tselectedOrders: [],\r\n\t\t\tfocusedOrder: {},\r\n\t\t\tinputArray: [],\r\n\t\t\torderVerificationError: '',\r\n\t\t\tordersPopupLoading: false,\r\n\t\t\tvalidateLoading: false,\r\n\t\t\tfetchPrerequisiteOrderOutstanding: false,\r\n\t\t}\r\n\r\n\t\tthis.validateClick = this.validateClick.bind(this);\r\n\t\tthis.closePopup = this.closePopup.bind(this);\r\n\t\tthis.setOrderTime = this.setOrderTime.bind(this);\r\n\t\tthis.closeOrderTime = this.closeOrderTime.bind(this);\r\n\t\tthis.selectStart = this.selectStart.bind(this);\r\n\t\tthis.frequencyUnitChange = this.frequencyUnitChange.bind(this);\r\n\t\tthis.frequencyNumberChange = this.frequencyNumberChange.bind(this);\r\n\t\tthis.selectQualifier = this.selectQualifier.bind(this);\r\n\t\tthis.displayOrderQualifiers = this.displayOrderQualifiers.bind(this);\r\n\t\tthis.broadenSearch = this.broadenSearch.bind(this);\r\n\t\tthis.orderSelectClick = this.orderSelectClick.bind(this);\r\n\t\tthis.handleOrderInput = this.handleOrderInput.bind(this);\r\n\t\tthis.fetchOrders = this.fetchOrders.bind(this);\r\n\r\n\t\tthis.textArea = React.createRef();\r\n\t}\r\n\r\n\tvalidateClick() {\r\n\t\tlet routes = this.state.focusedOrder.ROUTE.split('~');\r\n\t\tlet foundFlag = routes.length === 0 ? true : false\r\n\t\tfor (let i = 0; i < routes.length; ++i) {\r\n\t\t\tif (routes[i] === this.state.selectedRoute) {\r\n\t\t\t\tfoundFlag = true\r\n\t\t\t\tbreak\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (foundFlag) {\r\n\t\t\tthis.setState({selectRouteError: false})\r\n\t\t\tconst nextPopupFunction = () => {\r\n\t\t\t\tif (this.state.inputArray && this.state.inputArray.length > 0) {\r\n\t\t\t\t\tlet temp = this.state.inputArray;\r\n\t\t\t\t\tlet order = temp.shift();\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tinputArray: temp,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tthis.fetchOrders(order);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tthis.props.closePopup();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tthis.setState({validateLoading: true})\r\n\t\t\tthis.props.fetchValidate(this.state.focusedOrder.ID, this.state.selectedFrequency, this.state.selectedRoute, this.state.orderTime, (nextPopup, error) => {\r\n\t\t\t\tthis.setState({validateLoading: false})\r\n\t\t\t\tif (nextPopup === 'prereqsRequired') {\r\n\t\t\t\t\tlet output = error.output\r\n\t\t\t\t\toutput = output.replace('{', '')\r\n\t\t\t\t\toutput = output.replace('}', '')\r\n\t\t\t\t\tlet prereqInfo = {\r\n\t\t\t\t\t\toutput: output,\r\n\t\t\t\t\t\toptions: error.PrerequisiteOut\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.setState({orderPopup: 'prereqsRequired', prereqInfo, prereqOrder: error})\r\n\t\t\t\t} else if (nextPopup === 'orderError') {\r\n\t\t\t\t\tthis.setState({orderPopup: 'validateOrderError', validateOrderErrorText: error, validateOrderErrorFunction: nextPopupFunction})\r\n\t\t\t\t} else if (nextPopup === 'consultation') {\r\n\t\t\t\t\tthis.setState({orderPopup: 'consultation'})\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnextPopupFunction()\r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t}, () => this.setState({validateLoading: false}));\r\n\t\t} else {\r\n\t\t\tthis.setState({selectRouteError: true})\r\n\t\t}\r\n\t}\r\n\r\n\tclosePopup() {\r\n\t\tif (!this.state.inputArray || this.state.inputArray.length === 0) {\r\n\t\t\tthis.props.closePopup();\r\n\t\t}\r\n\t\telse {\r\n\t\t\tlet temp = this.state.inputArray;\r\n\t\t\tlet order = temp.shift();\r\n\t\t\tthis.fetchOrders(order);\r\n\t\t\tthis.setState({\r\n\t\t\t\tinputArray: temp,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.textArea.current.focus();\r\n\t}\r\n\r\n\tsetOrderTime(selectedTime, minimumTime) {\r\n\t\t// order time is set to seconds plus the current time\r\n\t\tthis.setState({\r\n\t\t\torderTime: {\r\n\t\t\t\tdays: selectedTime.days,\r\n\t\t\t\thours: selectedTime.hours,\r\n\t\t\t\tminutes: selectedTime.minutes,\r\n\t\t\t},\r\n\t\t\torderPopup: 'orderQualifiers',\r\n\t\t});\r\n\t}\r\n\r\n\tcloseOrderTime() {\r\n\t\tthis.setState({\r\n\t\t\torderPopup: 'orderQualifiers',\r\n\t\t\tselectedStart: 'now',\r\n\t\t});\r\n\t}\r\n\r\n\tselectStart(option) {\r\n\t\tif (option === 'later') {\r\n\t\t\t// set the orderPopup to reevaluate\r\n\t\t\tthis.setState({orderPopup: 'orderTime'});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tthis.setState({orderTime: 0});\r\n\t\t}\r\n\t\tthis.setState({selectedStart: option});\r\n\t}\r\n\r\n\tfrequencyUnitChange(event) {\r\n\t\tthis.setState({frequencyUnit: event.target.value});\r\n\t}\r\n\r\n\tfrequencyNumberChange(event) {\r\n\t\tlet frequency = event.target.value\r\n\r\n\t\tthis.setState({frequencyNumber: frequency});\r\n\r\n\t\tif (this.state.frequencyUnit === 'hours') {\r\n\t\t\tfrequency = frequency * 60;\r\n\t\t}\r\n\t\telse if (this.state.frequencyUnit === 'days') {\r\n\t\t\tfrequency = frequency * 1440;\r\n\t\t}\r\n\t\tthis.setState({selectedFrequency: frequency});\r\n\t}\r\n\r\n\tselectQualifier(mode, option) {\r\n\t\tif (mode === 'frequency') {\r\n\t\t\tthis.setState({selectedFrequency: option});\r\n\t\t}\r\n\t\telse if (mode === 'route') {\r\n\t\t\tthis.setState({selectedRoute: option});\r\n\t\t}\r\n\t}\r\n\r\n\tdisplayOrderQualifiers() {\r\n\t\tif (this.state.selectedOrders.length > 0) {\r\n\t\t\tlet focusedOrder = this.state.selectedOrders[0]\r\n\t\t\tlet inputArray = this.state.inputArray ? [...this.state.inputArray] : []\r\n\t\t\tif (this.state.selectedOrders.length > 1) {\r\n\t\t\t\tfor (let i = 1; i < this.state.selectedOrders.length; ++i) {\r\n\t\t\t\t\tinputArray.unshift(this.state.selectedOrders[i].original)\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({inputArray})\r\n\t\t\t}\r\n\t\t\tthis.setState({focusedOrder, selectedOrders: [], orderVerificationError: ''})\r\n\t\t\tlet routes = focusedOrder.ROUTE.split('~');\r\n\t\t\tif (routes.length === 1) {\r\n\t\t\t\tthis.setState({selectedRoute: routes[0]})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({selectedRoute: ''})\r\n\t\t\t}\r\n\t\t\tthis.setState({orderPopup: 'orderQualifiers'});\r\n\t\t\t// TODO check to see if order is already in order sheet, if so error popup\r\n\t\t\tfor (let i = 0; i < this.props.orderSheet.length; i++) {\r\n\t\t\t\tif (focusedOrder.ID === this.props.orderSheet[i].orderId) {\r\n\t\t\t\t\t// there is a repeat order display popup\r\n\t\t\t\t\tthis.setState({orderPopup: 'repeatOrder'});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.setState({orderVerificationError: 'Select at least 1 order'})\r\n\t\t}\r\n\t}\r\n\r\n\tbroadenSearch() {\r\n\t\tlet search = this.state.orderInput.substring(0, 3);\r\n\t\tif (this.state.uniqueOrders) {\r\n\t\t\tlet uniqueOrders = [...this.state.uniqueOrders]\r\n\t\t\tuniqueOrders.push(search)\r\n\t\t\tthis.setState({orderInput: search, uniqueOrders}, () => {\r\n\t\t\t\tthis.fetchOrders(search);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({orderInput: search}, () => {\r\n\t\t\t\tthis.fetchOrders(search);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\torderSelectClick(id) {\r\n\t\tlet selectedOrders = this.state.selectedOrders.length > 0 ? [...this.state.selectedOrders] : []\r\n\t\tlet selectedOrderIndex = -1\r\n\r\n\t\t//Check if there are currently any selected orders\r\n\t\tif (selectedOrders.length > 0) {\r\n\t\t\t//Check to see if any orders match the order that is being selected. If an order matches, we set the\r\n\t\t\t//selectedOrderIndex to that order's index and the .some method returns true.\r\n\t\t\tif (selectedOrders.some((selectedOrder, index) => {\r\n\t\t\t\tif (selectedOrder === id) {\r\n\t\t\t\t\tselectedOrderIndex = index\r\n\t\t\t\t}\r\n\t\t\t\treturn selectedOrder === id\r\n\t\t\t})) {\r\n\t\t\t\t//Remove the selected order\r\n\t\t\t\tselectedOrders = selectedOrders.slice(0, selectedOrderIndex).concat(selectedOrders.slice(selectedOrderIndex + 1, selectedOrders.length))\r\n\t\t\t} else {\r\n\t\t\t\t//Verify that the order does not already exist in selectedOrders\r\n\t\t\t\tif (selectedOrders.every((selectedOrder) => selectedOrder.original !== id.original)) {\r\n\t\t\t\t\tselectedOrders.push(id)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tselectedOrders.push(id)\r\n\t\t}\r\n\t\tthis.setState({selectedOrders});\r\n\t}\r\n\r\n\thandleOrderInput(event) {\r\n\t\tthis.setState({orderInput: event.target.value});\r\n\t}\r\n\r\n\tgetFirstOrderInInput = () => {\r\n\t\tlet input = this.state.orderInput;\r\n\t\tlet tempInputList = input.split('\\n');\r\n\t\tlet inputArray = []\r\n\t\ttempInputList.forEach((inputValue) => {\r\n\t\t\tif (inputValue.trim() !== '') {\r\n\t\t\t\tinputArray.push(inputValue)\r\n\t\t\t}\r\n\t\t})\r\n\t\tlet orderInput = ''\r\n\t\tlet firstOrder = inputArray.shift()\r\n\t\tthis.setState({inputArray, orderInput})\r\n\t\treturn firstOrder\r\n\t}\r\n\r\n\tfetchOrders(input) {\r\n\t\tif (!this.props.fetchOutstanding) {\r\n\t\t\tlet order = typeof input === 'string' ? input : this.getFirstOrderInInput()\r\n\t\r\n\t\t\torder = order.trim();\r\n\t\t\tif (this.props.orderList) {\r\n\t\t\t\tif (this.props.orderList.some((orderListValue) => orderListValue.NAME === order)) {\r\n\t\t\t\t\treturn this.setState({orderPopup: 'repeatOrder', focusedOrder: this.state.selectedOrders[0]});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\r\n\t\r\n\t\t\tif (order !== '') {\r\n\t\t\t\tthis.setState({ordersPopupLoading: true})\r\n\t\t\t\tfetch(`${this.props.route}/orders.webapi`, {\r\n\t\t\t\t\tmethod: 'POST',\r\n\t\t\t\t\theaders: {\r\n\t\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\t\t\torderString: order\r\n\t\t\t\t\t})\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\t//Attempt sending logs\r\n\t\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\t\r\n\t\t\t\t\tif (response.status === 401) {\r\n\t\t\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn response.text()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tlet result = response\r\n\t\t\t\t\tthis.props.simulateNetworkLag();\r\n\t\t\t\t\tif (result === '{Error: Not recognized by clerk. Enter using different wording}') {\r\n\t\t\t\t\t\treturn this.setState({orderPopup: 'orderError', orderInput: order, ordersPopupLoading: false})\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlet parsedResults = JSON.parse(result)\r\n\t\t\t\t\tlet selectedOrders = []\r\n\t\t\t\t\tif (parsedResults.OrderResult.length === 1) {\r\n\t\t\t\t\t\tselectedOrders = [parsedResults.OrderResult[0]]\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tselectedFrequency: null,\r\n\t\t\t\t\t\torderVerification: parsedResults,\r\n\t\t\t\t\t\tselectedOrders,\r\n\t\t\t\t\t\torderPopup: 'orderVerification',\r\n\t\t\t\t\t\torderInput: order,\r\n\t\t\t\t\t\tfrequencyNumber: 0,\r\n\t\t\t\t\t\tordersPopupLoading: false\r\n\t\t\t\t\t});\r\n\t\t\t\t})\r\n\t\t\t\t.catch(error => {\r\n\t\t\t\t\tconsole.log('error', error);\r\n\t\t\r\n\t\t\t\t\t// when there is a bad input display the error popup\r\n\t\t\t\t\tthis.setState({orderPopup: 'orderError', ordersPopupLoading: false});\r\n\t\r\n\t\t\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchOrders')\r\n\t\t\r\n\t\t\t\t\t// if ((error.toString().includes(('SyntaxError: Unexpected token U in JSON at position 1')) || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) && !orderError) {\r\n\t\t\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t\t\t// }\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({orderPopup: 'orderError'});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tfetchPrerequisiteOrder = async (order) => {\r\n\t\tthis.setState({fetchPrerequisiteOrderOutstanding: true})\r\n\t\tawait this.props.fetchPrerequisiteOrder(this.state.prereqInfo.options[this.state.prereqSelected].ID, this.state.prereqOrder.ID, this.closePopup)\r\n\t\tthis.setState({fetchPrerequisiteOrderOutstanding: false})\r\n\t}\r\n\r\n\r\n\trender () {\r\n\r\n\t\tlet orderPopup;\r\n\t\tif (this.state.orderPopup === 'writeOrder') {\r\n\r\n\t\t\tlet error;\r\n\t\t\tif (this.state.orderInputError) {\r\n\t\t\t\terror = {this.props.data.original}
\r\n\t\t\t{' Invalid input'}
\r\n\t\t\t}\r\n\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.orderPopup === 'orderVerification') {\r\n\t\t\tif (!this.state.selectedOrders) {\r\n\t\t\t\tthis.setState({selectedOrders: []});\r\n\t\t\t}\r\n\t\t\tlet orderList = this.state.orderVerification.OrderResult.map((order, index) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tOrder Input {error}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.ordersPopupLoading ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.orderPopup === 'orderQualifiers') {\r\n\t\t\t// the order is a medication\r\n\r\n\t\t\tlet now;\r\n\t\t\tlet later;\r\n\t\t\tif (this.state.selectedStart === 'now') {\r\n\t\t\t\tnow = \r\n\t\t\t\t\t\t
\r\n\t\t\t\tOrder Verification {this.state.orderVerificationError !== '' &&
\r\n\t\t\t\t\t\t{this.state.orderVerificationError}
}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.orderInput}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{orderList}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tlet qualifiers;\r\n\t\t\tif (this.state.focusedOrder?.FREQUENCY && this.state.focusedOrder?.ROUTE) {\r\n\r\n\t\t\t\tlet frequencyArray = this.state.focusedOrder.FREQUENCY.split('~');\r\n\t\t\t\tif (!this.state.selectedFrequency) {\r\n\t\t\t\t\tthis.setState({selectedFrequency: frequencyArray[0]});\r\n\t\t\t\t}\r\n\t\t\t\tlet frequency = frequencyArray.map((option) =>\r\n\t\t\t\t\t{'Start'}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tlet routeArray = this.state.focusedOrder.ROUTE.split('~');\r\n\r\n\t\t\t\tlet route = routeArray.map((option) =>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tqualifiers = (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tqualifiers = (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{start}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tFrequency
\r\n\t\t\t\t\t\t\t\t{frequency}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tRoute of Administration
\r\n\t\t\t\t\t\t\t\t{route}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\r\n\t\t\tlet selectedOrder = this.state.focusedOrder\r\n\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{start}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{'Frequency - (optional)'}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{'Every: '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.orderPopup === 'orderTime') {\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t{'Order Qualifiers - ' + selectedOrder?.original} {this.state.selectRouteError &&
\r\n\t\t\t\t\t\t{qualifiers}\r\n\t\t\t\t\t\t{this.state.validateLoading ?\r\n\t\t\t\t\t\t\tYou need to select a Route of Administration
}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.orderPopup === 'repeatOrder') {\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tUnrecognized Entry
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.state.orderInput.length < 3 && {`${this.state.orderInput} not recognized by clerk.`}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t{'Hint (hints will not be given on test day): '}
\r\n\t\t\t\t\t\t\t\t{'Orders need to have at least 3 characters to search.'}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t} else if (this.state.orderPopup === 'validateOrderError') {\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tOrder Selection Error
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{`You may not order ${this.state.focusedOrder.original} more than once.`}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t} else if (this.state.orderPopup === 'consultation') {\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tOrder Error
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.validateOrderErrorText}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t} else if (this.state.orderPopup === 'prereqsRequired') {\r\n\t\t\torderPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tReason for Consultation
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t{'Please enter your reason for consultation in 10 words or less.'}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tPrerequisite Order
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.fetchPrerequisiteOrderOutstanding ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.state.prereqInfo.output}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.state.prereqInfo.options.map((prereq, prereqIndex) => (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t this.setState({prereqSelected: prereqIndex})}>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t{prereq.NAME}
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.fetchPrerequisiteOrder()}/>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t{orderPopup}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default OrderPopup;\r\n","import React from 'react';\r\nimport MDSpinner from 'react-md-spinner';\r\nimport SimulationTime from './SimulationTime';\r\n\r\nclass ConfirmPhysicalPopup extends React.Component {\r\n\r\n\tconstructor() {\r\n\t\tsuper()\r\n\t\tthis.state = {\r\n\t\t\tadvancingPhysical: false,\r\n\t\t}\r\n\t}\r\n\r\n\tadvancePhysical = async (time) => {\r\n\t\tthis.setState({advancingPhysical: true})\r\n\t\tawait this.props.advancePhysical(time)\r\n\t\tthis.setState({advancingPhysical: false})\r\n\t}\r\n\r\n\trender() {\r\n\t\t// creates list of physical examinations with times\r\n\t\t// add times together and calculate time advance\r\n\t\tlet time = 0;\r\n\r\n\t\tlet interval;\r\n\t\tif (this.props.physicalCheckboxes.interval) {\r\n\t\t\ttime += 2;\r\n\t\t\tinterval = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet appearance;\r\n\t\tif (this.props.physicalCheckboxes.appearance) {\r\n\t\t\ttime += 1;\r\n\t\t\tappearance = (\r\n\t\t\t\tInterval / Follow up
\r\n\t\t\t\t\t2 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet skin;\r\n\t\tif (this.props.physicalCheckboxes.skin) {\r\n\t\t\ttime += 1;\r\n\t\t\tskin = (\r\n\t\t\t\tGeneral Appearance
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet breasts;\r\n\t\tif (this.props.physicalCheckboxes.breasts) {\r\n\t\t\ttime += 1;\r\n\t\t\tbreasts = (\r\n\t\t\t\tSkin
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet lymph;\r\n\t\tif (this.props.physicalCheckboxes.lymph) {\r\n\t\t\ttime += 1;\r\n\t\t\tlymph = (\r\n\t\t\t\tBreasts
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet neck;\r\n\t\tif (this.props.physicalCheckboxes.neck) {\r\n\t\t\ttime += 2;\r\n\t\t\tneck = (\r\n\t\t\t\tLymph Nodes
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet chest;\r\n\t\tif (this.props.physicalCheckboxes.chest) {\r\n\t\t\ttime += 1;\r\n\t\t\tchest = (\r\n\t\t\t\tHEENT / Neck
\r\n\t\t\t\t\t2 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet heart;\r\n\t\tif (this.props.physicalCheckboxes.heart) {\r\n\t\t\ttime += 1;\r\n\t\t\theart = (\r\n\t\t\t\tChest / Lungs
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet abdomen;\r\n\t\tif (this.props.physicalCheckboxes.abdomen) {\r\n\t\t\ttime += 1;\r\n\t\t\tabdomen = (\r\n\t\t\t\tHeart / Cardiovascular
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet genitalia;\r\n\t\tif (this.props.physicalCheckboxes.genitalia) {\r\n\t\t\ttime += 2;\r\n\t\t\tgenitalia = (\r\n\t\t\t\tAbdomen
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet rectal;\r\n\t\tif (this.props.physicalCheckboxes.rectal) {\r\n\t\t\ttime += 2;\r\n\t\t\trectal = (\r\n\t\t\t\tGenitalia
\r\n\t\t\t\t\t2 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet spine;\r\n\t\tif (this.props.physicalCheckboxes.spine) {\r\n\t\t\ttime += 1;\r\n\t\t\tspine = (\r\n\t\t\t\tRectal
\r\n\t\t\t\t\t2 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\tlet neuro;\r\n\t\tif (this.props.physicalCheckboxes.neuro) {\r\n\t\t\ttime += 1;\r\n\t\t\tneuro = (\r\n\t\t\t\tExtremities / Spine
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\t//if minutes overflow increase hours\r\n\t\tlet simulationTime = {\r\n\t\t\tminutes: this.props.simulationTime.minutes,\r\n\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\tdays: this.props.simulationTime.days,\r\n\t\t}\r\n\t\tsimulationTime.minutes += time;\r\n\t\tif (simulationTime.minutes > 59) {\r\n\t\t\tsimulationTime.minutes -= 60;\r\n\t\t\tsimulationTime.hours++;\r\n\t\t\tif (simulationTime.hours > 23) {\r\n\t\t\t\tsimulationTime.hours -= 24;\r\n\t\t\t\tsimulationTime.days++;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tNeuro / Psych
\r\n\t\t\t\t\t1 min
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default ConfirmPhysicalPopup;\r\n","\r\n\r\nconst getDaysFromDate = (currentDateString) => {\r\n let start = new Date('Thurs Jan 1 1970 00:00:00 GMT')\r\n let currentTime = new Date(`${currentDateString}`)\r\n let difference = currentTime.getTime() - start.getTime()\r\n return Math.floor(difference / 1000 / 60 / 60 / 24) + 1\r\n}\r\n\r\nexport default getDaysFromDate","import React from 'react';\r\nimport SimulationTime from './SimulationTime';\r\nimport Reevaluate from './Reevaluate';\r\n\r\nimport ambulance from './images/ambulance.png';\r\nimport care from './images/care.png';\r\nimport unit from './images/unit.png';\r\nimport office from './images/office.png';\r\nimport home from './images/home.png';\r\nimport logFetchError from './Functions/LogFetchError'\r\nimport fetchSubmitLogs from './Functions/FetchSubmitLogs'\r\nimport getDaysFromDate from './Functions/GetDaysFromDate';\r\nimport MDSpinner from 'react-md-spinner';\r\n\r\nclass LocationPopup extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tlocationPopup: 'locationChange',\r\n\t\t\tappointment: false,\r\n\t\t\tlocationPopupLoading: false,\r\n\t\t\tconfirmLocationLoading: false,\r\n\t\t\tfetchingSchedule: false,\r\n\t\t}\r\n\r\n\t\tthis.confirmSchedule = this.confirmSchedule.bind(this);\r\n\t\tthis.closeSchedule = this.closeSchedule.bind(this);\r\n\t\tthis.fetchSchedule = this.fetchSchedule.bind(this);\r\n\t\tthis.scheduleAppointmentClick = this.scheduleAppointmentClick.bind(this);\r\n\t\tthis.locationClick = this.locationClick.bind(this);\r\n\t\tthis.fetchConfirmLocation = this.fetchConfirmLocation.bind(this);\r\n\t\tthis.fetchLocation = this.fetchLocation.bind(this);\r\n\t}\r\n\r\n\tconfirmSchedule(confirmed) {\r\n\t\tif (!confirmed) {\r\n\t\t\tthis.setState({appointment: false});\r\n\t\t}\r\n\t\tthis.setState({locationPopup: 'orderReview'});\r\n\t}\r\n\r\n\tcloseSchedule() {\r\n\t\tthis.setState({locationPopup: 'orderReview'});\r\n\t}\r\n\r\n\tfetchSchedule(mins) {\r\n\t\tthis.setState({fetchingSchedule: true})\r\n\t\tfetch(`${this.props.route}/schedule.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\tTimeInMin: mins,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tlet result = response\r\n\t\t\tthis.props.simulateNetworkLag();\r\n\t\t\tthis.setState({\r\n\t\t\t\tappointment: JSON.parse(result),\r\n\t\t\t\tlocationPopup: 'confirmSchedule',\r\n\t\t\t\tfetchingSchedule: false\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({fetchingSchedule: false})\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchSchedule')\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\tdisplay the reevaluate popup when Schedule Appointment is clicked\r\n\twhen the scheduler is closed reopen orderReview popup\r\n\t*/\r\n\tscheduleAppointmentClick() {\r\n\t\tthis.setState({locationPopup: 'scheduleAppointment'});\r\n\t}\r\n\r\n\tlocationClick(value) {\r\n\t\tthis.setState({selectedLocation: value});\r\n\t}\r\n\r\n\tfetchConfirmLocation() {\r\n\r\n\t\tif (this.state.appointment === false && (this.state.selectedLocation === 2 || this.state.selectedLocation === 4)) {\r\n\t\t\treturn this.setState({locationPopup: 'scheduleError'})\r\n\t\t}\r\n\r\n\t\tif (((this.state.selectedLocation === 2 || this.state.selectedLocation === 4) && this.state.appointment) ||\r\n\t\t\t(this.state.selectedLocation === 1 || this.state.selectedLocation === 3 || this.state.selectedLocation === 5)) {\r\n\t\t\tthis.setState({confirmLocationLoading: true})\r\n\t\t\tfetch(`${this.props.route}/confirmlocation.webapi`, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\t\tlocationToChange: this.state.selectedLocation,\r\n\t\t\t\t\t'confirm': true,\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n\t\t\t\t//Attempt sending logs\r\n\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\t\tif (response.status === 401) {\r\n\t\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn response.text()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.then(async response => {\r\n\t\t\t\tthis.props.simulateNetworkLag();\r\n\t\t\t\tthis.props.closePopup();\r\n\t\t\t\t// console.log(this.state)\r\n\t\t\t\tif (this.state.appointment) {\r\n\t\t\t\t\tif (this.state.selectedLocation === 4 || this.state.selectedLocation === 2) {\r\n\t\t\t\t\t\tthis.props.updateLocation(4)\r\n\t\t\t\t\t}\r\n\t\t\t\t\tthis.props.appendLocationOrders(this.state.locationData.dboList);\r\n\t\t\t\t\tthis.props.trackAppointmentData(this.state.locationData, this.state.selectedLocation);\r\n\t\t\t\t\t// console.log('calling fetch waiting for appointment from fetchConfirmLocation')\r\n\t\t\t\t\tawait this.props.fetchWaitingForAppointment(this.state.appointment.TimeInMin);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\t// add new orders to orderSheet, update location data\r\n\t\t\t\t\tthis.props.updateLocation(this.state.selectedLocation);\r\n\t\t\t\t\t\r\n\t\t\t\t\t// display vital signs\r\n\t\t\t\t\tif (!this.state.locationData.EROfficeVitals) {\r\n\t\t\t\t\t\tfor (let i = 0; i < this.state.locationData.dboList.length; i++) {\r\n\t\t\t\t\t\t\tif (this.state.locationData.dboList[i].ID === 1636) {\r\n\t\t\t\t\t\t\t\tlet order = {...this.state.locationData.dboList[i]};\r\n\t\t\t\t\t\t\t\torder.ReportTime = this.formatDateHandler(order.ReportTime)\r\n\t\t\t\t\t\t\t\tif (order.CANCELLED !== 'will be DELETED') {\r\n\t\t\t\t\t\t\t\t\tthis.props.reviewPopup('orderUpdate', order);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\t// location is er or office need to display vitals in a different way\r\n\t\t\t\t\t\t// need to add this vitals to vital signs list\r\n\t\t\t\t\t\tlet order = {\r\n\t\t\t\t\t\t\tNAME: 'Vital Signs',\r\n\t\t\t\t\t\t\tRESULTNORMAL: this.state.locationData.EROfficeVitals,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\torder.ReportTime = Object.assign({}, this.props.simulationTime);\r\n\t\t\t\t\t\torder.CurrentVirtualTime = order.ReportTime;\r\n\t\t\t\t\t\tthis.props.reviewPopup('orderUpdate', order);\r\n\t\t\t\t\t\tthis.props.appendVitals(order);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t// remove orders from order sheet\r\n\t\t\t\t\tthis.props.appendLocationOrders(this.state.locationData.dboList);\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({confirmLocationLoading: false})\r\n\t\t\t})\r\n\t\t\t.catch(error => {\r\n\t\t\t\tthis.setState({confirmLocationLoading: false})\r\n\t\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t\t// }\r\n\t\t\t\tconsole.log('error', error)\r\n\t\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchConfirmLocation')\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t// findOrderInOrderSheet = (order) => {\r\n\t// \tconsole.log(order, this.state.locationData)\r\n\t// \tlet foundFlag = false\r\n\t// \tif (this.props.orderSheet) {\r\n\t// \t\tthis.props.orderSheet.forEach((orderValue) => {\r\n\t// \t\t\tconsole.log(order.CANCELLED)\r\n\t// \t\t\tif (orderValue.ID === order.ID && order.CANCELLED === null) {\r\n\t// \t\t\t\tfoundFlag = true\r\n\t// \t\t\t}\r\n\t// \t\t})\r\n\t// \t}\r\n\t// \treturn foundFlag\r\n\t// }\r\n\r\n\tfetchLocation() {\r\n\t\tif (this.state.selectedLocation) {\r\n\t\t\tthis.setState({locationPopupLoading: true})\r\n\t\t\tfetch(`${this.props.route}/location.webapi`, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\t\tlocationToChange: this.state.selectedLocation,\r\n\t\t\t\t\tappointmentMin: 0\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n\t\t\t\t//Attempt sending logs\r\n\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\t\tif (response.status === 401) {\r\n\t\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn response.text()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n\t\t\t\tlet result = response\r\n\t\t\t\tthis.props.simulateNetworkLag();\r\n\t\t\t\tif (result.includes('You cannot transfer the patient to the ED from this location')) {\r\n\t\t\t\t\treturn this.setState({errorMessage: ' You cannot transfer the patient to that location from this location.', locationPopupLoading: false});\r\n\t\t\t\t}\r\n\t\t\t\tlet data = JSON.parse(result);\r\n\r\n\r\n\t\t\t\t// if first order is empty remove it\r\n\t\t\t\tif (data?.dboList[0]?.ID === 0) {\r\n\t\t\t\t\tdata.dboList.shift();\r\n\t\t\t\t}\r\n\t\t\t\t// loop through dboList and format everything correctly\r\n\t\t\t\tfor (let i = 0; i < data.dboList.length; i++) {\r\n\t\t\t\t\tdata.dboList[i].LocationOrder = true\r\n\t\t\t\t\t// // if a new order format it correctly\r\n\r\n\t\t\t\t\t// if (!this.findOrderInOrderSheet(data.dboList[i])) {\r\n\t\t\t\t\tdata.dboList[i].TimeOrdered = {\r\n\t\t\t\t\t\tdays: this.props.simulationTime.days,\r\n\t\t\t\t\t\thours: this.props.simulationTime.hours,\r\n\t\t\t\t\t\tminutes: this.props.simulationTime.minutes,\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdata.dboList[i].CurrentVirtualTime = data.dboList[i].TimeOrdered;\r\n\r\n\t\t\t\t\tif (data.dboList[i].URGENCY === null) {\r\n\t\t\t\t\t\tdata.dboList[i].URGENCY = 'routine';\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (data.dboList[i].ROUTE === null) {\r\n\t\t\t\t\t\tdata.dboList[i].ROUTE = '';\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet hours = Number(data.dboList[i].FREQUENCY) / 60\t\t\t\t\t\r\n\t\t\t\t\tif (data.dboList[i].FREQUENCY && !isNaN(hours)) {\r\n\t\t\t\t\t\tdata.dboList[i].FREQUENCY = 'q' + (hours) + 'h';\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (isNaN(hours)) {\r\n\t\t\t\t\t\thours = 0\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (data.dboList[i].ReportTime !== \"0001-01-01T00:00:00\") {\r\n\t\t\t\t\t\tlet reportTime = new Date(`${data.dboList[i].ReportTime}Z`)\r\n\t\t\t\t\t\tdata.dboList[i].ReportTime = {\r\n\t\t\t\t\t\t\tdays: getDaysFromDate(reportTime),\r\n\t\t\t\t\t\t\thours: reportTime.getUTCHours(),\r\n\t\t\t\t\t\t\tminutes: reportTime.getUTCMinutes()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tlocationData: data,\r\n\t\t\t\t\tlocationPopup: 'orderReview',\r\n\t\t\t\t\tlocationPopupLoading: false\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch(error => {\r\n\t\t\t\tthis.setState({locationPopupLoading: false})\r\n\t\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t\t// }\r\n\t\t\t\tconsole.log('error', error)\r\n\t\t\t\t// error popup\r\n\t\t\t\tthis.setState({errorMessage: ' You cannot transfer the patient to that location from this location.'});\r\n\t\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchLocation')\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tformatDateHandler = (date) => {\r\n\t\tif (typeof date === 'string') {\r\n\t\t\tlet newDate = new Date(`${date}Z`)\r\n\t\t\treturn {\r\n\t\t\t\tdays: getDaysFromDate(newDate),\r\n\t\t\t\thours: newDate.getUTCHours(),\r\n\t\t\t\tminutes: newDate.getUTCMinutes()\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\treturn date\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\r\n\t\tlet locationPopup;\r\n\t\tif (this.state.locationPopup === 'locationChange') {\r\n\r\n\t\t\tlet error;\r\n\t\t\tif (this.state.errorMessage) {\r\n\t\t\t\terror = \r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tConfirm H&P Choices
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{interval}\r\n\t\t\t\t\t\t\t{appearance}\r\n\t\t\t\t\t\t\t{skin}\r\n\t\t\t\t\t\t\t{breasts}\r\n\t\t\t\t\t\t\t{lymph}\r\n\t\t\t\t\t\t\t{neck}\r\n\t\t\t\t\t\t\t{chest}\r\n\t\t\t\t\t\t\t{heart}\r\n\t\t\t\t\t\t\t{abdomen}\r\n\t\t\t\t\t\t\t{genitalia}\r\n\t\t\t\t\t\t\t{rectal}\r\n\t\t\t\t\t\t\t{spine}\r\n\t\t\t\t\t\t\t{neuro}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.advancingPhysical ?\r\n\t\t\t\t\t\t\t{'Total Minutes: ' + time}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'This will advance clock to: '}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.advancePhysical(time)}/>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t{this.state.errorMessage}
\r\n\t\t\t}\r\n\r\n\t\t\tlet locationStyles = [null, 'location-button', 'location-button', 'location-button', 'location-button', 'location-button'];\r\n\t\t\tlocationStyles[this.props.simulationData.CaseLocationId] += ' current-location';\r\n\t\t\tif (this.state.selectedLocation !== this.props.simulationData.CaseLocationId) {\r\n\t\t\t\tlocationStyles[this.state.selectedLocation] += ' selected';\r\n\t\t\t}\r\n\r\n\t\t\tlocationPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.locationPopup === 'orderReview') {\r\n\r\n\t\t\t// schedule appointment, dont allow confirm move until schedule\r\n\t\t\tlet schedule;\r\n\t\t\tif (this.state.selectedLocation === 2 || this.state.selectedLocation === 4) {\r\n\r\n\t\t\t\t// display the scheduled appointment or Not Scheduled\r\n\t\t\t\tlet appointment = 'Not Scheduled';\r\n\t\t\t\tif (this.state.appointment) {\r\n\t\t\t\t\t// parse out the time of appointment from the confirmation string\r\n\t\t\t\t\tlet time = new Date(`${this.state.appointment.AppointmentDate}Z`);\r\n\t\t\t\t\ttime = {\r\n\t\t\t\t\t\tdays: getDaysFromDate(time),\r\n\t\t\t\t\t\thours: time.getUTCHours(),\r\n\t\t\t\t\t\tminutes: time.getUTCMinutes(),\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tappointment = (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tLocation Change {error}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.locationPopupLoading ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tInpatient Locations
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tEmergency Department
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tIntensive Care Unit
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tInpatient Unit
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tOutpatient Locations
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tOffice
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tHome
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\tlet tableContent = this.state.locationData.dboList.map((data) =>\r\n\t\t\t\tSchedule An Appointment
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{'Current Time: '}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{'Appointment: '}\r\n\t\t\t\t\t\t\t{appointment}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\r\n\t\t\tlocationPopup = (\r\n\t\t\t\t{data.NAME}
\r\n\t\t\t\t\t{data.ROUTE}
\r\n\t\t\t\t\t{data.FREQUENCY}
\r\n\t\t\t\t\t{data.ReportTime !== \"0001-01-01T00:00:00\" && }
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.locationPopup === 'scheduleAppointment') {\r\n\t\t\tlocationPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tOrder Review
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{schedule}\r\n\t\t\t\t\t\t{this.state.confirmLocationLoading ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{tableContent}\r\n\t\t\t\t\t\tOrder Name
\r\n\t\t\t\t\t\t\t\tRoute
\r\n\t\t\t\t\t\t\t\tFrequency
\r\n\t\t\t\t\t\t\t\tOrder Time
\r\n\t\t\t\t\t\t\t\tReport Time
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.locationPopup === 'scheduleError') {\r\n\r\n\t\t\tlocationPopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tConfirmation
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tSchedule appointment for {days[time.days % 7]}, Day {time.days} at {time.hours}:{time.minutes < 10 ? `0${time.minutes}` : time.minutes}?
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tScheduling Error
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tYou must select a valid appointment time.
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.setState({locationPopup: 'orderReview'})}/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{locationPopup}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default LocationPopup;\r\n","import React from 'react';\r\nimport './Simulation.css';\r\nimport PhysicalOptions from './PhysicalOptions';\r\nimport PhysicalResults from './PhysicalResults';\r\nimport ReviewOrders from './ReviewOrders';\r\nimport SimulationTime from './SimulationTime';\r\nimport Reevaluate from './Reevaluate';\r\nimport OrderPopup from './OrderPopup';\r\nimport ConfirmPhysicalPopup from './ConfirmPhysicalPopup';\r\nimport LocationPopup from './LocationPopup';\r\n\r\nimport hx from './images/hx.png';\r\nimport order from './images/order.png';\r\nimport watch from './images/watch.png';\r\nimport ambulance from './images/ambulance.png';\r\nimport office from './images/office.png';\r\nimport unit from './images/unit.png';\r\nimport care from './images/care.png';\r\nimport home from './images/home.png';\r\nimport lag from './images/loading.gif';\r\nimport logFetchError from './Functions/LogFetchError'\r\nimport fetchSubmitLogs from './Functions/FetchSubmitLogs'\r\nimport getDaysFromDate from './Functions/GetDaysFromDate'\r\nimport MDSpinner from 'react-md-spinner';\r\n\r\nclass Simulation extends React.Component {\r\n\t\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tpopupQueue: this.props.startCaseData.popupQueue,// keeps track of popup component\r\n\t\t\tsimulationTime: {// tracks the current simulation time \r\n\t\t\t\tdays: this.props.startCaseData.elapsedSimulatedCaseTime.days,\r\n\t\t\t\thours: this.props.startCaseData.elapsedSimulatedCaseTime.hours,\r\n\t\t\t\tminutes: this.props.startCaseData.elapsedSimulatedCaseTime.minutes,\r\n\t\t\t},\r\n\t\t\telapsedRealTime: this.props.startCaseData.currentActualTime,\r\n\t\t\tcenterContent: this.props.startCaseData.centerContent,// determines what component is displayed in the center of screen not as a popup\r\n\t\t\tphysicalCheckboxes: {\r\n\t\t\t\tinterval: false,\r\n\t\t\t\tappearance: false,\r\n\t\t\t\tskin: false,\r\n\t\t\t\tbreasts: false,\r\n\t\t\t\tlymph: false,\r\n\t\t\t\tneck: false,\r\n\t\t\t\tchest: false,\r\n\t\t\t\theart: false,\r\n\t\t\t\tabdomen: false,\r\n\t\t\t\tgenitalia: false,\r\n\t\t\t\trectal: false,\r\n\t\t\t\tspine: false,\r\n\t\t\t\tneuro: false,\r\n\t\t\t},\r\n\t\t\tendCase: false,\r\n\t\t\torderSheet: [...this.props.startCaseData.currentOrders],// array of validated orders\r\n\t\t\tprogressNotes: [],\r\n\t\t\tvitalSigns: [...this.props.startCaseData.vitalsResults],\r\n\t\t\tlabReports: [],\r\n\t\t\timaging: [],\r\n\t\t\totherTests: [],\r\n\t\t\ttreatmentRecord: [],\r\n\t\t\tpatientUpdates: [...this.props.startCaseData.patientUpdates],\r\n\t\t\tcompletedPhysicals: [...this.props.startCaseData.physicalResults],// completed physicals go to progress notes\r\n\t\t\tphysicalResults: this.props.startCaseData.physicalResults[0],\r\n\t\t\tadvanceTimeResults: {},\r\n\t\t\torderPopup: [],// for multiple order updates at same time\r\n\t\t\tsimulateNetworkLag: false,\r\n\t\t\tsimulationOptionSelected: this.props.startCaseData.simulationOptionSelected,\r\n\t\t\tfontSize: 1,\r\n\t\t\tdarkMode: false,\r\n\t\t\tvalidateOrderError: '',\r\n\t\t\torderIndexToDelete: 0,\r\n\t\t\tprereqOptions: [],\r\n\t\t\ttimeRemainingInSeconds: 0,\r\n\t\t\ttimeLimitInMinutes: 0,\r\n\t\t\tfetchAdvanceLoading: false\r\n\t\t}\r\n\r\n\t\tthis.simulateNetworkLag = this.simulateNetworkLag.bind(this);\r\n\t\tthis.decrementTimerBySecond = this.decrementTimerBySecond.bind(this);\r\n\t\tthis.arrivedToAppointment = this.arrivedToAppointment.bind(this);\r\n\t\tthis.trackAppointmentData = this.trackAppointmentData.bind(this);\r\n\t\tthis.fetchWaitingForAppointment = this.fetchWaitingForAppointment.bind(this);\r\n\t\tthis.updateOrders = this.updateOrders.bind(this);\r\n\t\tthis.appendVitals = this.appendVitals.bind(this);\r\n\t\tthis.appendLocationOrders = this.appendLocationOrders.bind(this);\r\n\t\tthis.advanceUpdate = this.advanceUpdate.bind(this);\r\n\t\tthis.fetchCancel = this.fetchCancel.bind(this);\r\n\t\tthis.handleCancelOrder = this.handleCancelOrder.bind(this);\r\n\t\tthis.fetchVitals = this.fetchVitals.bind(this);\r\n\t\tthis.reviewPopup = this.reviewPopup.bind(this);\r\n\t\tthis.closePopup = this.closePopup.bind(this);\r\n\t\tthis.addRealTimeMinute = this.addRealTimeMinute.bind(this);\r\n\t\tthis.physicalCheckboxToggle = this.physicalCheckboxToggle.bind(this);\r\n\t\tthis.physicalCheckboxesClear = this.physicalCheckboxesClear.bind(this);\r\n\t\tthis.fetchValidate = this.fetchValidate.bind(this);\r\n\t\tthis.setPopup = this.setPopup.bind(this);\r\n\t}\r\n\r\n\tsecondsTimer = null\r\n\tminutesTimer = null\r\n\t\r\n\tsimulateNetworkLag() {\r\n\t\tif (this.props.networkLag !== 'none') {\r\n\t\t\tthis.setState({simulateNetworkLag: true});\r\n\r\n\t\t\t// calculate milliseconds\r\n\t\t\tlet time;\r\n\t\t\tif (this.props.networkLag === 'random') {\r\n\t\t\t\ttime = (Math.floor(Math.random() * 6) + 1) * 1000;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\ttime = this.props.networkLag * 1000;\r\n\t\t\t}\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.setState({simulateNetworkLag: false});\r\n\t\t\t}, time);\r\n\t\t}\r\n\r\n\t\t// clearTimeout(this.loginTimeout);\r\n\t\t// this.loginTimeout = setTimeout(\r\n\t\t// \t() => window.location.reload(),\r\n\t\t// \t3600000\r\n\t\t// );\r\n\r\n\t\t// clearTimeout(this.timeoutWarning);\r\n\t\t// this.timeoutWarning = setTimeout(\r\n\t\t// \t() => this.setPopup('timeoutWarning'),\r\n\t\t// \t3300000\r\n\t\t// );\r\n\t}\r\n\r\n\t/*\r\n\tuse appointmentData to set orders display vitals change location remove orders\r\n\t*/\r\n\tarrivedToAppointment() {\r\n\t\t// add new orders to orderSheet, update location data\r\n\t\tthis.appendLocationOrders(this.state.appointmentData.locationData.dboList);\r\n\t\tthis.props.updateLocation(2);\r\n\r\n\t\t// display vital signs\r\n\t\tif (!this.state.appointmentData.locationData.EROfficeVitals) {\r\n\t\t\tfor (let i = 0; i < this.state.appointmentData.locationData.dboList.length; i++) {\r\n\t\t\t\tif (this.state.appointmentData.locationData.dboList[i].ID === 1636) {\r\n\t\t\t\t\tlet order = Object.assign({}, this.state.appointmentData.locationData.dboList[i]);\r\n\t\t\t\t\tif (order.CANCELLED === null) {\r\n\t\t\t\t\t\tthis.reviewPopup('orderUpdate', order);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// location is er or office need to display vitals in a different way\r\n\t\t\t// need to add this vitals to vital signs list\r\n\t\t\tlet order = {\r\n\t\t\t\tNAME: 'Vital Signs',\r\n\t\t\t\tRESULTNORMAL: this.state.appointmentData.locationData.EROfficeVitals,\r\n\t\t\t};\r\n\t\t\torder.ReportTime = Object.assign({}, this.state.simulationTime);\r\n\t\t\torder.CurrentVirtualTime = order.ReportTime;\r\n\t\t\tthis.reviewPopup('orderUpdate', order);\r\n\t\t\tthis.appendVitals(order);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/*\r\n\tused to save the data from change location so that when appointment is made updates after arrival\r\n\t*/\r\n\ttrackAppointmentData(locationData, selectedLocation) {\r\n\t\tthis.setState({appointmentData: {\r\n\t\t\tlocationData: locationData,\r\n\t\t\tselectedLocation: selectedLocation,\r\n\t\t}});\r\n\t}\r\n\r\n\t/*\r\n\thad to move from LocationPopup because this works like advance and may need to be called multiple times to finish\r\n\t*/\r\n\tasync fetchWaitingForAppointment(mins) {\r\n\t\tawait fetch(`${this.props.route}/waitingforappt.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\tApptTimeInMin: mins,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\t\t\t// console.log('fetched waiting for appointment')\r\n\r\n\t\t\tlet data = response\r\n\t\t\tthis.simulateNetworkLag();\r\n\t\t\tdata = JSON.parse(data);\r\n\t\t\tlet result = JSON.parse(data.results);\r\n\t\t\tresult.CurrentVirtualTime = new Date(`${result.CurrentVirtualTime}Z`);\r\n\t\t\tresult.CurrentVirtualTime = {\r\n\t\t\t\tdays: getDaysFromDate(result.CurrentVirtualTime),\r\n\t\t\t\thours: result.CurrentVirtualTime.getUTCHours(),\r\n\t\t\t\tminutes: result.CurrentVirtualTime.getUTCMinutes(),\r\n\t\t\t};\r\n\r\n\t\t\t// update the current simulation time\r\n\t\t\tlet simulationTime = {\r\n\t\t\t\tdays: result.CurrentVirtualTime.days,\r\n\t\t\t\thours: result.CurrentVirtualTime.hours,\r\n\t\t\t\tminutes: result.CurrentVirtualTime.minutes,\r\n\t\t\t}\r\n\t\t\tlet dontClosePatientUpdate = true\r\n\r\n\t\t\tif (result.PatientUpdate === null && this.state.advanceTimeResults.PatientUpdate !== null) {\r\n\t\t\t\tresult.PatientUpdate = this.state.advanceTimeResults.PatientUpdate\r\n\t\t\t\tdontClosePatientUpdate = false\r\n\t\t\t}\r\n\t\t\tif (this.state.popupQueue?.every((value) => value !== 'endCaseInstructions')) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tsimulationTime,\r\n\t\t\t\t\tadvanceTimeResults: result,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (result.ReturnResult.length !== 0) {\r\n\t\t\t\tthis.updateOrders(result);\r\n\t\t\t}\r\n\r\n\t\t\tif (result.PatientUpdate) {\r\n\t\t\t\t// add result to an array of patient updates that will be listed under Progress Notes\r\n\t\t\t\tlet patientUpdates = this.state.patientUpdates;\r\n\t\t\t\tpatientUpdates.push(result);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tpatientUpdates: patientUpdates,\r\n\t\t\t\t});\r\n\t\t\t\tthis.setPopup('patientUpdate', false, dontClosePatientUpdate);\r\n\t\t\t}\r\n\r\n\t\t\tif (data.ArrivedToAppointment) {\r\n\t\t\t\tdata.ArrivedToAppointment = data.ArrivedToAppointment.replace('{', '');\r\n\t\t\t\tdata.ArrivedToAppointment = data.ArrivedToAppointment.replace('}', '');\r\n\t\t\t\tthis.arrivedToAppointment();\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\twaitingForAppointment: false,\r\n\t\t\t\t\tappointmentUpdate: data,\r\n\t\t\t\t});\r\n\t\t\t\tthis.setPopup('appointmentUpdate', false, true);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.setState({waitingForAppointment: data});\r\n\t\t\t}\r\n\r\n\t\t\tif (result.CaseEnds) {\r\n\t\t\t\tthis.setPopup('endCaseInstructions', false, true);\r\n\t\t\t\tthis.setState({waitingForAppointment: false});\r\n\t\t\t}\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchWaitingForAppointment')\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\tmoved from inside fetchAdvance becuase this needs to be used for waiting for appointment aswell\r\n\t*/\r\n\tupdateOrders(result) {\r\n\t\tfor (let i = 0; i < result.ReturnResult.length; i++) {\r\n\t\t\tif (result.ReturnResult[i].ID === 0 || !result.ReturnResult[i].ID) continue\r\n\r\n\t\t\tlet orderSheet = this.state.orderSheet;\r\n\t\t\tlet appointmentData = this.state.appointmentData\r\n\t\t\tlet order;\r\n\t\t\tlet reportTime;\r\n\r\n\t\t\t// remove the order from orderSheet\r\n\t\t\t// dont remove if TABPLACEMENT === null or if frequency\r\n\t\t\tfor (let j = 0; j < this.state.orderSheet.length; j++) {\r\n\t\t\t\tif (result.ReturnResult[i].ID === this.state.orderSheet[j].orderId) {\r\n\t\t\t\t\tif (this.state.orderSheet[j].TABPLACEMENT !== null && (this.state.orderSheet[j].FREQUENCY === 'One Time/Bolus' || (!this.state.orderSheet[j].FREQUENCY || this.state.orderSheet[j].FREQUENCY === ''))) {\r\n\t\t\t\t\t\treportTime = Object.assign({}, orderSheet[j].ReportTime);\r\n\t\t\t\t\t\tif (appointmentData?.locationData?.dboList) {\r\n\t\t\t\t\t\t\tappointmentData.locationData.dboList.splice(j, 1)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\torder = orderSheet.splice(j, 1)[0];\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\torder = orderSheet[j];\r\n\t\t\t\t\t\treportTime = Object.assign({}, orderSheet[j].ReportTime);\r\n\t\t\t\t\t\t// update ReportTime\r\n\t\t\t\t\t\tif (result.ReturnResult[i].TIMESTATINMINS >= 1440) {\r\n\t\t\t\t\t\t\torderSheet[j].ReportTime.days += result.ReturnResult[i].TIMESTATINMINS/1440;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (result.ReturnResult[i].TIMESTATINMINS < 1440) {\r\n\t\t\t\t\t\t\torderSheet[j].ReportTime.hours += result.ReturnResult[i].TIMESTATINMINS/60;\r\n\t\t\t\t\t\t\tif (orderSheet[j].ReportTime.hours > 23) {\r\n\t\t\t\t\t\t\t\torderSheet[j].ReportTime.days++;\r\n\t\t\t\t\t\t\t\torderSheet[j].ReportTime.hours -= 24;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// set correct dates\r\n\t\t\tif (order) {\r\n\t\t\t\tresult.ReturnResult[i].CurrentVirtualTime = order.CurrentVirtualTime;// this is really time ordered\r\n\t\t\t\tresult.ReturnResult[i].ReportTime = reportTime;\r\n\t\t\t}\r\n\r\n\t\t\tlet orderPopup = this.state.orderPopup ? [...this.state.orderPopup] : [];\r\n\t\t\tif (orderPopup.length > 0) {\r\n\t\t\t\tif (orderPopup[0].CANCELLED) {\r\n\t\t\t\t\torderPopup.shift()\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\torderPopup.push(result.ReturnResult[i])\r\n\t\t\tthis.setState({ orderPopup })\r\n\t\t\t\r\n\t\t\t// multiple updates - check to see if there are multiple updates if so call setPopup with multiple parameters\r\n\t\t\tif (i !== result.ReturnResult.length - 1) {\r\n\t\t\t\tthis.setPopup('orderUpdate', true, true);\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tif (result.PatientUpdate) {\r\n\t\t\t\t\tthis.setPopup('orderUpdate', true, false);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (result.ReturnResult[i].CANCELLED !== true) {\r\n\t\t\t\t\t\tthis.setPopup('orderUpdate', (!result.TimeLeftFromInput || result.TimeLeftFromInput === 0) ? true : false, this.state.popupQueue[0] === 'reevaluate' || this.state.popupQueue[0] === 'primum' ? false : true)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// move order from orderSheet to TABPLACEMENT array\r\n\t\t\tif (result.ReturnResult[i].TABPLACEMENT === 'Progress') {\r\n\t\t\t\tlet progressNotes = this.state.progressNotes;\r\n\t\t\t\tprogressNotes.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({progressNotes: progressNotes});\r\n\t\t\t}\r\n\t\t\telse if (result.ReturnResult[i].TABPLACEMENT === 'Vitals') {\r\n\t\t\t\tlet vitalSigns = [...this.state.vitalSigns];\r\n\t\t\t\tvitalSigns.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({vitalSigns: vitalSigns});\r\n\t\t\t}\r\n\t\t\telse if (result.ReturnResult[i].TABPLACEMENT === 'Lab') {\r\n\t\t\t\tlet labReports = this.state.labReports;\r\n\t\t\t\tlabReports.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({labReports: labReports});\r\n\t\t\t}\r\n\t\t\telse if (result.ReturnResult[i].TABPLACEMENT === 'Imaging') {\r\n\t\t\t\tlet imaging = this.state.imaging;\r\n\t\t\t\timaging.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({imaging: imaging});\r\n\t\t\t}\r\n\t\t\telse if (result.ReturnResult[i].TABPLACEMENT === 'Other') {\r\n\t\t\t\tlet otherTests = this.state.otherTests;\r\n\t\t\t\totherTests.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({otherTests: otherTests});\r\n\t\t\t}\r\n\t\t\telse if (result.ReturnResult[i].TABPLACEMENT === '') {\r\n\t\t\t\tlet treatmentRecord = this.state.treatmentRecord;\r\n\t\t\t\ttreatmentRecord.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({treatmentRecord: treatmentRecord});\r\n\t\t\t}\r\n\t\t\telse if (result.ReturnResult[i].TABPLACEMENT === null) {\r\n\t\t\t\t// the order is a location order \r\n\t\t\t\t// this is assuming that only location orders will have a TABPLACEMENT of null\r\n\t\t\t\tlet vitalSigns = [...this.state.vitalSigns];\r\n\t\t\t\tvitalSigns.push(result.ReturnResult[i]);\r\n\t\t\t\tthis.setState({vitalSigns: vitalSigns});\r\n\t\t\t}\r\n\t\t\tthis.setState({orderSheet: orderSheet, appointmentData});\r\n\t\t\t\r\n\t\t}\r\n\t\tif (result.TimeLeftFromInput === 0 && this.state.popupQueue[0] === 'primum') {\r\n\t\t\tthis.setState({advanceUpdate: false}, () => this.closePopup())\r\n\t\t}\r\n\t}\r\n\r\n\tappendVitals(order) {\r\n\t\tlet vitalSigns = [...this.state.vitalSigns];\r\n\t\tvitalSigns.push(order);\r\n\t\tthis.setState({vitalSigns: vitalSigns});\r\n\t}\r\n\r\n\tappendLocationOrders(orders) {\r\n\t\tlet temp = [];\r\n\t\tlet vitalSigns = [...this.state.vitalSigns];\r\n\t\tfor (let i = 0; i < orders.length; i++) {\r\n\t\t\tlet newOrder = orders[i].CANCELLED === null ? true : false;\r\n\r\n\t\t\tif (newOrder) {\r\n\t\t\t\tlet order = Object.assign({}, orders[i]);\r\n\t\t\t\torder.orderId = order.ID;\r\n\t\t\t\tif (typeof order.ReportTime === 'string') {\r\n\t\t\t\t\tlet reportTime = new Date(`${order.ReportTime}Z`)\r\n\t\t\t\t\tif (order.ReportTime === \"0001-01-01T00:00:00\") {\r\n\t\t\t\t\t\torder.ReportTime = null\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\torder.ReportTime = {\r\n\t\t\t\t\t\t\tdays: getDaysFromDate(reportTime),\r\n\t\t\t\t\t\t\thours: reportTime.getUTCHours(),\r\n\t\t\t\t\t\t\tminutes: reportTime.getUTCMinutes()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif (typeof order.TimeOrdered === 'string') {\r\n\t\t\t\t\tlet timeOrdered = new Date(`${order.TimeOrdered}Z`)\r\n\t\t\t\t\torder.TimeOrdered = {\r\n\t\t\t\t\t\tdays: getDaysFromDate(timeOrdered),\r\n\t\t\t\t\t\thours: timeOrdered.getUTCHours(),\r\n\t\t\t\t\t\tminutes: timeOrdered.getUTCMinutes()\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif (typeof order.CurrentVirtualTime === 'string') {\r\n\t\t\t\t\tlet currentVirtualTime = new Date(`${order.CurrentVirtualTime}Z`)\r\n\t\t\t\t\tlet timeOrdered = new Date(`${order.TimeOrdered}Z`)\r\n\t\t\t\t\tif (currentVirtualTime.getTime() === -62135579038000) {\r\n\t\t\t\t\t\torder.CurrentVirtualTime = {\r\n\t\t\t\t\t\t\tdays: getDaysFromDate(timeOrdered),\r\n\t\t\t\t\t\t\thours: timeOrdered.getUTCHours(),\r\n\t\t\t\t\t\t\tminutes: timeOrdered.getUTCMinutes()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\torder.CurrentVirtualTime = {\r\n\t\t\t\t\t\t\tdays: getDaysFromDate(timeOrdered),\r\n\t\t\t\t\t\t\thours: currentVirtualTime.getUTCHours(),\r\n\t\t\t\t\t\t\tminutes: currentVirtualTime.getUTCMinutes()\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (orders[i].CANCELLED === null) {\r\n\t\t\t\t\ttemp.push(order);\r\n\t\t\t\t}\r\n\t\t\t\t// add the on location change vitals to review chart\r\n\t\t\t\tif (order.ID === 1636) {\r\n\t\t\t\t\tlet vitalOrder = JSON.parse(JSON.stringify(order))\r\n\t\t\t\t\tvitalOrder.ReportTime = vitalOrder.TimeOrdered\r\n\t\t\t\t\tvitalSigns.push(vitalOrder);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({orderSheet: temp, vitalSigns})\r\n\t}\r\n\r\n\t/*\r\n\tadvance to only the next update whether that be a patient update or an order update\r\n\t*/\r\n\tadvanceUpdate() {\r\n\t\tthis.setState({advanceUpdate: true});// state mark to not continue advancing after update\r\n\t\tthis.fetchAdvance(999*1440);\r\n\t}\r\n\r\n\tasync fetchCancel(id) {\r\n\t\tthis.setState({cancelOrderOutstanding: true})\r\n\t\tawait fetch(`${this.props.route}/cancel.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\torderToCancel: id,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.simulateNetworkLag();\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\t\t\tthis.setState({cancelOrderOutstanding: false})\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tthis.setState({cancelOrderOutstanding: false})\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchCancel')\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\tfirst open a confirmation popup\r\n\tremove order from incompleteOrders\r\n\tcall cancel.webapi\r\n\t*/\r\n\tasync handleCancelOrder() {\r\n\t\tlet orders = this.state.orderSheet;\r\n\t\torders[this.state.orderIndexToDelete].CANCELLED = true\r\n\t\tif (orders[this.state.orderIndexToDelete].orderId) {\r\n\t\t\torders[this.state.orderIndexToDelete].ID = orders[this.state.orderIndexToDelete].orderId\r\n\t\t} else if (orders[this.state.orderIndexToDelete].ID) {\r\n\t\t\torders[this.state.orderIndexToDelete].orderId = orders[this.state.orderIndexToDelete].ID\r\n\t\t}\r\n\t\torders[this.state.orderIndexToDelete].FREQUENCY = null\r\n\t\torders[this.state.orderIndexToDelete].ReportTime = this.state.simulationTime\r\n\t\torders[this.state.orderIndexToDelete].RESULTNORMAL = 'Order Canceled.'\r\n\t\tlet result = {\r\n\t\t\tReturnResult: [orders[this.state.orderIndexToDelete]]\r\n\t\t}\r\n\t\tawait this.fetchCancel(orders[this.state.orderIndexToDelete].orderId)\r\n\t\tthis.updateOrders(result)\r\n\t\t// call cancel.webapi\r\n\r\n\t\tthis.setState({\r\n\t\t\tcancelOrder: false,\r\n\t\t\torderSheet: orders,\r\n\t\t});\r\n\t\tthis.closePopup();\r\n\t}\r\n\r\n\t/*\r\n\tset the state that advance is for physical\r\n\tcall advance\r\n\t*/\r\n\thandleAdvancePhysical = async (time) => {\r\n\t\t// track physical time ordered\r\n\t\tlet array = this.state.completedPhysicals;\r\n\t\tarray.push({\r\n\t\t\ttimeOrdered: {\r\n\t\t\t\tdays: this.state.simulationTime.days,\r\n\t\t\t\thours: this.state.simulationTime.hours,\r\n\t\t\t\tminutes: this.state.simulationTime.minutes,\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\tcompletedPhysicals: array,\r\n\t\t\tadvancePhysical: true,// used to track when to fetch Physical and when to auto advance vs prompt advance\r\n\t\t});\r\n\r\n\t\tawait this.fetchAdvance(time);\r\n\t\tthis.closePopup();// closes the confirm physical popup this is just so that the time doesnt update before closing\r\n\t}\r\n\r\n\tasync fetchVitals() {\r\n\t\tfetch(`${this.props.route}/vitals.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tlet result = response\r\n\t\t\tthis.simulateNetworkLag();\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tthis.setState({initialVitals: JSON.parse(result)});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchVitals')\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\tcalled when progress notes or vital sign is clicked\r\n\treopen the popup that is specified\r\n\t*/\r\n\treviewPopup(popup, index, orderIndex) {\r\n\t\tif (popup === 'caseIntroduction') {\r\n\t\t\tthis.setPopup('introduction');\r\n\t\t}\r\n\t\telse if (popup === 'initialHistory') {\r\n\t\t\tthis.setPopup('history');\r\n\t\t}\r\n\t\telse if (popup === 'physicalResults') {\r\n\t\t\tthis.setPopup('physicalResults');\r\n\t\t\tthis.setState({reviewPhysical: index, physicalResults: this.state.completedPhysicals[index]});\r\n\t\t}\r\n\t\telse if (popup === 'initialVitals') {\r\n\t\t\tthis.setPopup('vitals');\r\n\t\t}\r\n\t\telse if (popup === 'cancelOrder') {\r\n\t\t\tthis.setPopup('cancelOrder');\r\n\t\t\tthis.setState({cancelOrder: index, orderIndexToDelete: orderIndex});// store the order id that may be canceled, set to false on prompt close\r\n\t\t}\r\n\t\telse if (popup === 'orderUpdate') {\r\n\t\t\t//order in review chart is clicked, popup resultnormal\r\n\t\t\t// orderPopup is now an array to allow for multiple updates at the same time\r\n\t\t\tlet orderPopup = [...this.state.orderPopup];\r\n\t\t\torderPopup.push(index);\r\n\t\t\tthis.setState({orderPopup: orderPopup}, () => {\r\n\t\t\t\tthis.setPopup('orderUpdate', true);\r\n\t\t\t});\r\n\t\t\t\r\n\t\t}\r\n\t\telse if (popup === 'patientUpdate') {\r\n\t\t\tthis.setPopup('patientUpdate', true);\r\n\t\t\tthis.setState({advanceTimeResults: index});\r\n\t\t}\r\n\t}\r\n\r\n\treviewOrderPopup = (order) => {\r\n\t\tlet orderPopup = [...this.state.orderPopup];\r\n\t\torderPopup.shift()\r\n\t\torderPopup.push(order);\r\n\t\tlet popupQueue = [...this.state.popupQueue];\r\n\t\tpopupQueue.push('orderUpdate')\r\n\t\tthis.setState({orderPopup: orderPopup, popupQueue});\r\n\t}\r\n\r\n\t/*\r\n\tadd popup to the popupQueue\r\n\t*/\r\n\tsetPopup(popup, update, dontClose) {\r\n\t\tlet popupQueue = this.state.popupQueue;\r\n\t\tlet closed;\r\n\t\tif (!dontClose) {// this is so that appointmentUpdate doesnt close popups prematurely\r\n\t\t\tclosed = popupQueue.shift();\r\n\t\t}\r\n\t\tpopupQueue.push(popup);\r\n\r\n\t\tif (update){\r\n\t\t\t// this is simply to avoid primum with Patient update click from Progress Notes\r\n\t\t}\r\n\t\t/*else if (this.state.waitingForAppointment) {\r\n\t\t\tthis.fetchWaitingForAppointment(this.state.waitingForAppointment.ApptTimeLeftInMin);\r\n\t\t}*/\r\n\t\telse if ((popup === 'patientUpdate' || popup === 'orderUpdate') && this.state.advanceUpdate) {\r\n\t\t\t// dont continue advancing this is when with next available result is checked when advancing\r\n\t\t\tthis.setState({advanceUpdate: false});\r\n\t\t}\r\n\t\telse if ((popup === 'patientUpdate' || popup === 'orderUpdate') && this.state.advanceTimeResults.TimeLeftFromInput && !this.state.advancePhysical && popupQueue.every(value => value !== 'primum')) {\r\n\t\t\tpopupQueue.push('primum');\r\n\t\t}\r\n\t\telse if ((closed === 'patientUpdate' || closed === 'orderUpdate') && this.state.advancePhysical) {\r\n\t\t\tif (this.state.popupQueue.includes('endCaseInstructions')) {\r\n\t\t\t\tthis.fetchPhysical();\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.fetchAdvance(this.state.advanceTimeResults.TimeLeftFromInput);\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({popupQueue: popupQueue});\r\n\t}\r\n\r\n\t/*\r\n\tcloses any popup that might be on screen\r\n\t*/\r\n\tasync closePopup() {\r\n\t\tlet queue = this.state.popupQueue;\r\n\t\tlet popup = queue.shift();\r\n\r\n\t\tif (queue[0] === 'endCaseInstructions') {\r\n\t\t\tthis.setCenterContent('reviewOrders');\r\n\t\t\tif (this.props.timedExam) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tendCase: true,\r\n\t\t\t\t\ttimeRemainingInSeconds: 120,\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tclearInterval(this.secondsTimer)\r\n\t\t\t\t\tthis.secondsTimer = null\r\n\t\t\t\t\tthis.secondsTimer = setInterval(\r\n\t\t\t\t\t\t() => this.decrementTimerBySecond(),\r\n\t\t\t\t\t\t1000\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tendCase: true\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t\t// multiple updates\r\n\t\tif (popup === 'orderUpdate') {\r\n\t\t\t// remove from orderPopup\r\n\t\t\tlet orderPopup = this.state.orderPopup;\r\n\t\t\torderPopup.shift();\r\n\t\t\tthis.setState({orderPopup});\r\n\t\t}\r\n\r\n\t\tif ((popup === 'patientUpdate' || popup === 'orderUpdate') && this.state.advancePhysical) {\r\n\t\t\tif (this.state.popupQueue.includes('endCaseInstructions')) {\r\n\t\t\t\tthis.fetchPhysical();\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.fetchAdvance(this.state.advanceTimeResults.TimeLeftFromInput);\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (this.state.waitingForAppointment && this.state.advanceTimeResults.TimeLeftFromInput === 0 && !this.state.advanceTimeResults.CaseEnds) {\r\n\t\t\t// console.log('Calling fetch waiting for appointment from close popup')\r\n\t\t\tawait this.fetchWaitingForAppointment(0);\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tpopupQueue: queue,\r\n\t\t\treviewPhysical: false,\r\n\t\t\tcancelOrder: false,\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\trun this function automatically when the component is created\r\n\tstarts the real-time timer to tick every 60 seconds\r\n\t*/\r\n\tasync componentDidMount() {\r\n\t\t// Check for completed orders. If this is not an incomplete case start, there will be no completed orders\r\n\t\tif (this.props.startCaseData.completedOrders.length !== 0) {\r\n\t\t\tlet completedOrders = {\r\n\t\t\t\tReturnResult: [...this.props.startCaseData.completedOrders],\r\n\t\t\t\tCustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tPatientUpdate: null,\r\n\t\t\t\tTimeLeftFromInput: 0,\r\n\t\t\t\tTimeToNextUpdate: 0,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tCurrentVirtualTime: this.state.simulationTime\r\n\t\t\t}\r\n\t\t\tsetTimeout(() => this.updateOrders(completedOrders), 100)\r\n\t\t}\r\n\r\n\t\t// Add a confirmation popup that will display to the user if they try to close the page or press the back button\r\n\t\twindow.onbeforeunload = () => {\r\n\t\t\treturn false\r\n\t\t}\r\n\r\n\t\t// Check if the case is supposed to end. This will occur in an incomplete case start where the user\r\n\t\t// has reached the end of case screen but exited before reaching the grading page\r\n\t\tif (this.props.startCaseData.caseEnds) {\r\n\t\t\tif (this.props.timedExam) {\r\n\t\t\t\tthis.setState({endCase: true, timeRemainingInSeconds: 120}, async () => {\r\n\t\t\t\t\tthis.setPopup('endCaseInstructions', false, true);\r\n\t\t\t\t\tawait this.fetchPhysical();\r\n\t\t\t\t\tclearInterval(this.secondsTimer)\r\n\t\t\t\t\tthis.secondsTimer = null\r\n\t\t\t\t\tthis.secondsTimer = setInterval(\r\n\t\t\t\t\t\t() => this.decrementTimerBySecond(),\r\n\t\t\t\t\t\t1000\r\n\t\t\t\t\t);\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({endCase: true}, () => {\r\n\t\t\t\t\tthis.setPopup('endCaseInstructions', false, true);\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet timeLimitInMinutes;\r\n\t\tif (this.props.timedExam) {\r\n\t\t\tif (this.props.customTimeLimit === 'none') {\r\n\t\t\t\ttimeLimitInMinutes = parseInt(this.props.caseData.TIMEMODEDESC) - 2;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\ttimeLimitInMinutes = this.props.customTimeLimit - 2;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\ttimeLimitInMinutes = -1;\r\n\t\t}\r\n\r\n\t\tawait this.fetchVitals();\r\n\r\n\t\tthis.setState({\r\n\t\t\ttimeLimitInMinutes: timeLimitInMinutes,\r\n\t\t});\r\n\r\n\t\tthis.minutesTimer = setInterval(\r\n\t\t\t() => this.addRealTimeMinute(),\r\n\t\t\t60000\r\n\t\t);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\t// Clear any running timers\r\n\t\tclearInterval(this.secondsTimer)\r\n\t\tthis.secondsTimer = null\r\n\t\tclearInterval(this.minutesTimer)\r\n\t\tthis.minutesTimer = null\r\n\r\n\t\t// Remove page leave warning popup\r\n\t\twindow.onbeforeunload = () => {\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\ttick the real-time timer up one minute\r\n\tonce the time limit is reached\r\n\tonly time out if timed exam was checked\r\n\t*/\r\n\taddRealTimeMinute() {\r\n\t\tif (this.state.elapsedRealTime + 1 === this.state.timeLimitInMinutes && this.props.timedExam && !this.state.endCase) {\r\n\t\t\tif (this.state.popupQueue.length === 0) {\r\n\t\t\t\tthis.setCenterContent('reviewOrders');\r\n\t\t\t}\r\n\r\n\t\t\tif (this.props.timedExam) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tendCase: true,\r\n\t\t\t\t\ttimeRemainingInSeconds: 120,\r\n\t\t\t\t}, () => {\r\n\t\t\t\t\tclearInterval(this.secondsTimer)\r\n\t\t\t\t\tthis.secondsTimer = null\r\n\t\t\t\t\tthis.secondsTimer = setInterval(\r\n\t\t\t\t\t\t() => this.decrementTimerBySecond(),\r\n\t\t\t\t\t\t1000\r\n\t\t\t\t\t)\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({ endCase: true })\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.popupQueue.length > 0) {\r\n\t\t\t\tlet popupQueue = JSON.parse(JSON.stringify(this.state.popupQueue))\r\n\t\t\t\tthis.setState({popupQueue: popupQueue.slice(-1)}, () => {\r\n\t\t\t\t\tthis.setPopup('endCaseInstructions', false, true);\r\n\t\t\t\t\tthis.closePopup()\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setPopup('endCaseInstructions', false, true);\r\n\t\t\t}\r\n\t\t\tthis.setState({waitingForAppointment: false});\r\n\t\t}\r\n\t\tthis.setState({elapsedRealTime: this.state.elapsedRealTime + 1});\r\n\t}\r\n\r\n\t/*\r\n\tcalled every minute once at case end screen to end the case after 2 minutes\r\n\t*/\r\n\tdecrementTimerBySecond() {\r\n\t\tif (this.state.timeRemainingInSeconds - 1 === 0) {\r\n\t\t\t//TODO display popup on close fetch grading\r\n\t\t\tthis.props.fetchGrading(this.props.caseData.ReviewLaterFlag);\r\n\t\t}\r\n\t\tthis.setState({timeRemainingInSeconds: this.state.timeRemainingInSeconds - 1});\r\n\t}\r\n\r\n\t/*\r\n\tchange the contend displayed in the center of the screen, not a popup\r\n\tpossible values of content: physicalOptions, reviewOrders\r\n\t*/\r\n\tsetCenterContent(content) {\r\n\t\tif (!this.state.popup) {\r\n\t\t\tthis.setState({centerContent: content});\r\n\t\t}\r\n\t}\r\n\r\n\t/*\r\n\tinstead of seperate state variable for each checkbox create dictionary\r\n\tcheckbox is just a string to specify location in dictionary\r\n\t*/\r\n\tphysicalCheckboxToggle(checkbox) {\r\n\t\tlet temp = this.state.physicalCheckboxes;\r\n\t\ttemp[checkbox] = !temp[checkbox];\r\n\t\tthis.setState({physicalCheckboxes: temp});\r\n\t}\r\n\r\n\t/*\r\n\tsets all of the physical checkboxes to false\r\n\t*/\r\n\tphysicalCheckboxesClear() {\r\n\t\tthis.setState({\r\n\t\t\tphysicalCheckboxes: {\r\n\t\t\t\tinterval: false,\r\n\t\t\t\tappearance: false,\r\n\t\t\t\tskin: false,\r\n\t\t\t\tbreasts: false,\r\n\t\t\t\tlymph: false,\r\n\t\t\t\tneck: false,\r\n\t\t\t\tchest: false,\r\n\t\t\t\theart: false,\r\n\t\t\t\tabdomen: false,\r\n\t\t\t\tgenitalia: false,\r\n\t\t\t\trectal: false,\r\n\t\t\t\tspine: false,\r\n\t\t\t\tneuro: false,\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\t/*\r\n\tadvance the time based on the reevaluate case selection\r\n\tthis is called on physicals, aswell as manual advancement\r\n\t*/\r\n\tfetchAdvance = async (minutes) => {\r\n\t\tthis.setState({fetchAdvanceLoading: true})\r\n\t\tawait fetch(`${this.props.route}/advance.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tadvanceTimeMin: minutes\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({fetchAdvanceLoading: false})\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(async response => {\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tlet result = response\r\n\t\t\tthis.simulateNetworkLag();\r\n\t\t\tresult = JSON.parse(result)\r\n\t\t\tresult.CurrentVirtualTime = new Date(`${result.CurrentVirtualTime}Z`);\r\n\r\n\t\t\tresult.CurrentVirtualTime = {\r\n\t\t\t\tdays: getDaysFromDate(result.CurrentVirtualTime),\r\n\t\t\t\thours: result.CurrentVirtualTime.getUTCHours(),\r\n\t\t\t\tminutes: result.CurrentVirtualTime.getUTCMinutes(),\r\n\t\t\t}\r\n\r\n\t\t\tif (result.CaseEnds) {\r\n\t\t\t\tresult.TimeLeftFromInput = 0;\r\n\t\t\t}\r\n\t\t\tif (!result.TimeLeftFromInput) {\r\n\t\t\t\tresult.TimeLeftFromInput = 0\r\n\t\t\t}\r\n\t\t\t// console.log(result)\r\n\t\t\t// update the current simulation time\r\n\t\t\tthis.setState({\r\n\t\t\t\tsimulationTime: {\r\n\t\t\t\t\tdays: result.CurrentVirtualTime.days,\r\n\t\t\t\t\thours: result.CurrentVirtualTime.hours,\r\n\t\t\t\t\tminutes: result.CurrentVirtualTime.minutes,\r\n\t\t\t\t},\r\n\t\t\t\tadvanceTimeResults: result\r\n\t\t\t});\r\n\r\n\t\t\tlet orderUpdate = false;// used to not fetch physical when physical and order take same amount of time\r\n\t\t\tthis.updateOrders(result);\r\n\r\n\t\t\t// display order update\r\n\t\t\tif (result.ReturnResult.length !== 0) {\r\n\t\t\t\torderUpdate = true;\r\n\t\t\t}\r\n\r\n\t\t\t// check to see if there are any orders in ordersheet that need to be move automatically on advance\r\n\t\t\tfor (let i = 0; i < this.state.orderSheet.length; i++) {\r\n\t\t\t\tif (this.state.orderSheet[i].ReportTime === null && this.state.orderSheet[i].FREQUENCY === 'One Time/Bolus') {\r\n\t\t\t\t\t// the order is completed immediately when the time is advanced\r\n\t\t\t\t\tlet orderSheet = this.state.orderSheet;\r\n\t\t\t\t\tlet treatmentRecord = this.state.treatmentRecord;\r\n\t\t\t\t\ttreatmentRecord.push(orderSheet.splice(i, 1)[0]);\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\ttreatmentRecord: treatmentRecord,\r\n\t\t\t\t\t\torderSheet: orderSheet,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (result.PatientUpdate) {\r\n\t\t\t\t// add result to an array of patient updates that will be listed under Progress Notes\r\n\t\t\t\tlet patientUpdates = this.state.patientUpdates;\r\n\t\t\t\tpatientUpdates.push(result);\r\n\t\t\t\tthis.setState({patientUpdates: patientUpdates});\r\n\t\t\t\tif (result.ReturnResult.length === 0) {\r\n\t\t\t\t\tthis.setPopup('patientUpdate', this.state.advanceUpdate ? true : false, false);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.setPopup('patientUpdate', false, true);\r\n\t\t\t\t}\r\n\t\t\t\torderUpdate = true;\r\n\t\t\t}\r\n\r\n\t\t\t// end case also need to end case once real time limit is reached\r\n\t\t\tif (result.CaseEnds) {\r\n\t\t\t\tthis.setState({popupQueue: [this.state.popupQueue[this.state.popupQueue.length - 1]]}, () => {\r\n\t\t\t\t\tthis.setPopup('endCaseInstructions', false, true);\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\t\t\tif (this.state.advancePhysical && !result.TimeLeftFromInput && !orderUpdate) {\r\n\t\t\t\tawait this.fetchPhysical();\r\n\t\t\t} else if (result.ReturnResult.length === 0 && !result.PatientUpdate && !result.CaseEnds && !this.state.waitingForAppointment) {\r\n\t\t\t\t// console.log('calling new closePopup change')\r\n\t\t\t\tthis.closePopup()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({fetchAdvanceLoading: false})\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchAdvance')\r\n\t\t\tconsole.log('error', error)\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\tfetch physical and set the popup to physicalResults\r\n\t*/\r\n\tfetchPhysical = async () => {\r\n\t\tawait fetch(`${this.props.route}/physical.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\tgeneralapprearance: +this.state.physicalCheckboxes.appearance,\r\n\t\t\t\tskin: +this.state.physicalCheckboxes.skin,\r\n\t\t\t\tbreast: +this.state.physicalCheckboxes.breasts,\r\n\t\t\t\tlymphnode: +this.state.physicalCheckboxes.lymph,\r\n\t\t\t\theentneck: +this.state.physicalCheckboxes.neck,\r\n\t\t\t\tchestlung: +this.state.physicalCheckboxes.chest,\r\n\t\t\t\tcardiovascular: +this.state.physicalCheckboxes.heart,\r\n\t\t\t\tabdominal: +this.state.physicalCheckboxes.abdomen,\r\n\t\t\t\tgenital: +this.state.physicalCheckboxes.genitalia,\r\n\t\t\t\trectal: +this.state.physicalCheckboxes.rectal,\r\n\t\t\t\textremitiesspine: +this.state.physicalCheckboxes.spine,\r\n\t\t\t\tneurologicpsychologic: +this.state.physicalCheckboxes.neuro,\r\n\t\t\t\tpatientUpdate: +this.state.physicalCheckboxes.interval\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\t\t\t\r\n\t\t\tlet result = response\r\n\t\t\tthis.simulateNetworkLag();\r\n\t\t\tresult = JSON.parse(result);\r\n\t\t\t// track time reported and create a physical array\r\n\t\t\tlet array = this.state.completedPhysicals;\r\n\t\t\tif (array[array.length-1].timeReported) {\r\n\t\t\t\tarray[array.length-1].timeReported = {\r\n\t\t\t\t\tdays: this.state.simulationTime.days,\r\n\t\t\t\t\thours: this.state.simulationTime.hours,\r\n\t\t\t\t\tminutes: this.state.simulationTime.minutes,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlet reportTime = new Date(`${result.ReportTime}Z`)\r\n\t\t\tresult.timeReported = {\r\n\t\t\t\tdays: getDaysFromDate(reportTime),\r\n\t\t\t\thours: reportTime.getUTCHours(),\r\n\t\t\t\tminutes: reportTime.getUTCMinutes()\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tarray[array.length-1].index = array.length-1;\r\n\r\n\t\t\t// add the results to the array object that already contains the times\r\n\t\t\tObject.assign(array[array.length-1], result);\r\n\r\n\t\t\tlet physicalCheckboxes = {\r\n\t\t\t\tinterval: false,\r\n\t\t\t\tappearance: false,\r\n\t\t\t\tskin: false,\r\n\t\t\t\tbreasts: false,\r\n\t\t\t\tlymph: false,\r\n\t\t\t\tneck: false,\r\n\t\t\t\tchest: false,\r\n\t\t\t\theart: false,\r\n\t\t\t\tabdomen: false,\r\n\t\t\t\tgenitalia: false,\r\n\t\t\t\trectal: false,\r\n\t\t\t\tspine: false,\r\n\t\t\t\tneuro: false,\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\tadvancePhysical: false,\r\n\t\t\t\tcompletedPhysicals: array,\r\n\t\t\t\tphysicalAdvance: false,\r\n\t\t\t\tphysicalResults: result,\r\n\t\t\t\tphysicalCheckboxes\r\n\t\t\t});\r\n\t\t\tthis.setPopup('physicalResults', false, true);\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchPhysical')\r\n\t\t});\r\n\t}\r\n\r\n\t/*\r\n\torderTime is just for the end case screen where the user can select a later time for order\r\n\t*/\r\n\tasync fetchValidate(orderId, frequency, route, orderTime, orderPopupCallback, stopSpinnerCallback) {\r\n\t\tlet result\r\n\t\tif (!this.props.fetchOutstanding) {\r\n\t\t\t//frequency can be either a string or minutes int\r\n\t\t\tif (!route) {\r\n\t\t\t\troute = null;\r\n\t\t\t}\r\n\t\t\tawait fetch(`${this.props.route}/validate.webapi`, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\t\torderId: orderId,\r\n\t\t\t\t\troute: route,\r\n\t\t\t\t\tfrequency: frequency\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n\t\t\t\tif (response.status === 401) {\r\n\t\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn response.text()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.then(response => {\r\n\t\t\t\tresult = response\r\n\t\t\t\tthis.simulateNetworkLag();\r\n\t\t\t\tif (result.includes('EXCEPTION_ERROR:')) {\r\n\t\t\t\t\tresult = result.replace('{EXCEPTION_ERROR: ', '');\r\n\t\t\t\t\tresult = result.replace('}', '');\r\n\t\t\t\t\treturn orderPopupCallback('orderError', result)\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\t//Attempt sending logs\r\n\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\t\r\n\t\t\t\tlet order = JSON.parse(result)\r\n\t\r\n\t\t\t\tif (order.PrerequisiteOut) {\r\n\t\t\t\t\torder.ID = orderId\r\n\t\t\t\t\treturn this.prereqHandler(order, orderPopupCallback)\r\n\t\t\t\t}\r\n\t\t\t\tlet orderDate = new Date(`${order.CurrentVirtualTime}Z`);\r\n\t\t\t\torder.CurrentVirtualTime = {\r\n\t\t\t\t\tdays: getDaysFromDate(orderDate),\r\n\t\t\t\t\thours: orderDate.getUTCHours(),\r\n\t\t\t\t\tminutes: orderDate.getUTCMinutes(),\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\tlet date = new Date(`${order.ReportTime}Z`);\r\n\t\t\t\tif (orderTime) {\r\n\t\t\t\t\tif (order.ReportTime) {\r\n\t\t\t\t\t\t// set the report time to orderTime + difference between current and report time\r\n\t\t\t\t\t\torder.ReportTime = {\r\n\t\t\t\t\t\t\tdays: orderTime.days + (getDaysFromDate(date) - getDaysFromDate(orderDate)),\r\n\t\t\t\t\t\t\thours: orderTime.hours + (date.getUTCHours() - orderDate.getUTCHours()),\r\n\t\t\t\t\t\t\tminutes: orderTime.minutes + (date.getUTCMinutes() - orderDate.getUTCMinutes()),\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (order.ReportTime.minutes > 59) {\r\n\t\t\t\t\t\t\torder.ReportTime.minutes -= 60\r\n\t\t\t\t\t\t\torder.ReportTime.hours += 1\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (order.ReportTime.hours > 23) {\r\n\t\t\t\t\t\t\torder.ReportTime.hours -= 24\r\n\t\t\t\t\t\t\torder.ReportTime.days += 1\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tif (order.ReportTime) {\r\n\t\t\t\t\t\torder.ReportTime = {\r\n\t\t\t\t\t\t\tdays: getDaysFromDate(date),\r\n\t\t\t\t\t\t\thours: date.getUTCHours(),\r\n\t\t\t\t\t\t\tminutes: date.getUTCMinutes(),\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (order.CurrentVirtualTime.days === order.ReportTime.days && order.CurrentVirtualTime.hours === order.ReportTime.hours && order.CurrentVirtualTime.minutes === order.ReportTime.minutes) {\r\n\t\t\t\t\t\t\torder.ReportTime = null;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\tif (order.FREQUENCY && !isNaN(Number(order.FREQUENCY))) {\r\n\t\t\t\t\torder.FREQUENCY = 'q' + Number(order.FREQUENCY)/60 + 'h';\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\t// Consulation Popup\r\n\t\t\t\tif (order.CONSULTDIALOG) {\r\n\t\t\t\t\t// let popupQueue = [...this.state.popupQueue];\r\n\t\t\t\t\t// popupQueue.push('consultationReason')\r\n\t\t\t\t\t// this.setState({popupQueue: popupQueue});\r\n\t\t\t\t\torderPopupCallback('consultation')\r\n\t\t\t\t} else {\r\n\t\t\t\t\torderPopupCallback('')\r\n\t\t\t\t}\r\n\t\t\t\tlet temp = this.state.orderSheet;\r\n\t\t\t\ttemp.push(order);\r\n\t\t\t\tthis.setState({orderSheet: temp});\r\n\t\t\t\t//this.closePopup();\r\n\t\t\t})\r\n\t\t\t.catch(error => {\r\n\t\t\t\tstopSpinnerCallback()\r\n\t\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t\t// }\r\n\t\t\t\tconsole.log('error', error)\r\n\t\t\t\tlogFetchError(error + ', Initial Response: ' + result, this.props.userProfile, this.props.userData, 'fetchValidate')\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tfetchPrerequisiteOrder = async (prereqOrderId, initialOrderId, callbackFunction) => {\r\n\t\tawait fetch(`${this.props.route}/prerequisite.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseguid: this.props.simulationData.caseguid,\r\n\t\t\t\tcaseId: this.props.caseData.ID,\r\n\t\t\t\torders: `${initialOrderId}, ${prereqOrderId}`\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then((res) => {\r\n\t\t\tif (res.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\tconst decoder = new TextDecoder('utf-8')\r\n\t\t\t\tlet result = ''\r\n\t\t\t\tlet reader = res.body.getReader()\r\n\t\t\t\treader\r\n\t\t\t\t\t.read()\r\n\t\t\t\t\t.then(function processText({ done, value }) {\r\n\t\t\t\t\t\tif (done) {\r\n\t\t\t\t\t\t\treturn JSON.parse(result)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tresult += decoder.decode(value);\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t// Read some more, and call this function again\r\n\t\t\t\t\t\treturn reader.read().then(processText);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.then((res) => {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t//Attempt sending logs\r\n\t\t\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\t\t\t\tlet temp = JSON.parse(JSON.stringify(res))\r\n\t\t\t\t\t\tlet orderSheet = this.state.orderSheet ? [...this.state.orderSheet] : []\r\n\t\t\t\t\t\tres.forEach((order, orderIndex) => {\r\n\t\t\t\t\t\t\tlet orderTime = new Date(`${order.CurrentVirtualTime}Z`)\r\n\t\t\t\t\t\t\tlet reportTime = new Date(`${order.ReportTime}Z`)\r\n\t\r\n\t\t\t\t\t\t\ttemp[orderIndex].CurrentVirtualTime = {\r\n\t\t\t\t\t\t\t\tdays: getDaysFromDate(orderTime),\r\n\t\t\t\t\t\t\t\thours: orderTime.getUTCHours(),\r\n\t\t\t\t\t\t\t\tminutes: orderTime.getUTCMinutes()\r\n\t\t\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\t\t\ttemp[orderIndex].ReportTime = {\r\n\t\t\t\t\t\t\t\tdays: getDaysFromDate(reportTime),\r\n\t\t\t\t\t\t\t\thours: reportTime.getUTCHours(),\r\n\t\t\t\t\t\t\t\tminutes: reportTime.getUTCMinutes()\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\torderSheet.push(temp[orderIndex])\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tthis.setState({orderSheet}, () => callbackFunction())\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\tconsole.log(error)\r\n\t\t\t\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchPrerequisiteOrder')\r\n\t\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tprereqHandler = (order, orderPopupCallback) => {\r\n\t\tthis.setState({prereqOptions: order.PrerequisiteOut})\r\n\t\torderPopupCallback('prereqsRequired', order)\r\n\t}\r\n\r\n\tchangeFontHandler = () => {\r\n\t\tdocument.documentElement.style.setProperty('--primary-font-size', `${16 + this.state.fontSize * 2}px`)\r\n\t\tdocument.documentElement.style.setProperty('--secondary-font-size', `${14 + this.state.fontSize * 2}px`)\r\n\t\tif (this.state.fontSize === 2) {\r\n\t\t\tthis.setState({fontSize: 0})\r\n\t\t} else {\r\n\t\t\tthis.setState({fontSize: this.state.fontSize + 1})\r\n\t\t}\r\n\t}\r\n\r\n\treverseColorHandler = () => {\r\n\t\tif (this.state.darkMode) {\r\n\t\t\tdocument.documentElement.style.setProperty('--primary-color', '#FCFCFC')\r\n\t\t\tdocument.documentElement.style.setProperty('--accent-color', '#e6e6e6')\r\n\t\t\tdocument.documentElement.style.setProperty('--button-background-color', 'white')\r\n\t\t\tdocument.documentElement.style.setProperty('--off-color', '#c8c8c8')\r\n\t\t\tdocument.documentElement.style.setProperty('--secondary-color', '#CAD6DF')\r\n\t\t\tdocument.documentElement.style.setProperty('--hover-color', '#9ebac0')\r\n\t\t\tdocument.documentElement.style.setProperty('--selected-button-color', '#B7C3CC')\r\n\t\t\tdocument.documentElement.style.setProperty('--header-font-color', '#0B335D')\r\n\t\t\tdocument.documentElement.style.setProperty('--primary-font-color', 'black')\r\n\t\t\tdocument.documentElement.style.setProperty('--border-color', 'black')\r\n\t\t\tdocument.documentElement.style.setProperty('--gradient', 'linear-gradient(to bottom, #eee 0%, #ccc 100%)')\r\n\t\t\tdocument.documentElement.style.setProperty('--reverse-gradient', 'linear-gradient(to top, #eee 0%, #ccc 100%)')\r\n\t\t} else {\r\n\t\t\tdocument.documentElement.style.setProperty('--primary-color', '#000000')\r\n\t\t\tdocument.documentElement.style.setProperty('--accent-color', '#141414')\r\n\t\t\tdocument.documentElement.style.setProperty('--button-background-color', '#575757')\r\n\t\t\tdocument.documentElement.style.setProperty('--off-color', '#505050')\r\n\t\t\tdocument.documentElement.style.setProperty('--secondary-color', '#292B2D')\r\n\t\t\tdocument.documentElement.style.setProperty('--hover-color', '#266070')\r\n\t\t\tdocument.documentElement.style.setProperty('--selected-button-color', '#266070')\r\n\t\t\tdocument.documentElement.style.setProperty('--header-font-color', 'white')\r\n\t\t\tdocument.documentElement.style.setProperty('--primary-font-color', 'white')\r\n\t\t\tdocument.documentElement.style.setProperty('--border-color', 'white')\r\n\t\t\tdocument.documentElement.style.setProperty('--gradient', 'linear-gradient(to bottom, rgb(46, 46, 46) 0%, rgb(68, 68, 68) 100%)')\r\n\t\t\tdocument.documentElement.style.setProperty('--reverse-gradient', 'linear-gradient(to top, rgb(46, 46, 46) 0%, rgb(68, 68, 68) 100%)')\r\n\t\t}\r\n\t\tthis.setState({darkMode: !this.state.darkMode})\r\n\t}\r\n\r\n\trender() {\r\n\t\t\r\n\t\tlet locationImage;\r\n\t\tif (this.props.simulationData.CaseLocationDesc === 'Emergency Department') {\r\n\t\t\tlocationImage = ambulance;\r\n\t\t}\r\n\t\telse if (this.props.simulationData.CaseLocationDesc === 'Office') {\r\n\t\t\tlocationImage = office;\r\n\t\t}\r\n\t\telse if (this.props.simulationData.CaseLocationDesc === 'Intensive Care Unit') {\r\n\t\t\tlocationImage = care;\r\n\t\t}\r\n\t\telse if (this.props.simulationData.CaseLocationDesc === 'Inpatient Unit') {\r\n\t\t\tlocationImage = unit;\r\n\t\t}\r\n\t\telse if (this.props.simulationData.CaseLocationDesc === 'Home') {\r\n\t\t\tlocationImage = home;\r\n\t\t}\r\n\r\n\t\tlet popup;\r\n\t\tif (this.state.popupQueue[0] === 'introduction') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'vitals') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tCase Introduction
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.props.simulationData.CaseLocationDesc}
\r\n\t\t\t\t\t\t\t{this.props.simulationData.INTRODUCTION}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'history') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tInitial Vital Signs
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{\tthis.state.initialVitals &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Temperature: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.TEMPERATURE}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Pulse: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.PULSE}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Respiratory rate: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.RESPIRATORYRATE}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Blood pressure, systolic: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.BPSYSTOLIC}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Blood pressure, diastolic: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.BPDIASTOLIC}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Height: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.HEIGHT}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{'Weight: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.WEIGHT}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{'Body Mass Index: '}
\r\n\t\t\t\t\t\t\t\t\t{this.state.initialVitals.BMINDEX}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'confirmPhysical') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tInitial History
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{'Reason(s) for visit: ' + this.props.simulationData.InitialReason}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tHistory of present Illness:
\r\n\t\t\t\t\t\t\t{this.props.simulationData.HISTORY}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{filteredUpdate}
\r\n\t\t\t}\r\n\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'primum') {\r\n\t\t\t// popup prompt to continue advanceing or stop\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tPatient Update
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\tPATIENT UPDATE
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'orders') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tPrimum CCS
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{/* {true ? */}\r\n\t\t\t\t\t{this.state.fetchAdvanceLoading ?\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{'Current time is: '}
\r\n\t\t\t\t\t\t\t{'Continue clock advance?'}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t:\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {this.setState({advanceUpdate: false}, () => this.closePopup())}}/>\r\n\t\t\t\t\t\t\t this.fetchAdvance(this.state.advanceTimeResults.TimeLeftFromInput)}/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'cancelOrder') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.state.orderPopup[0].NAME}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.orderPopup[0].RESULTNORMAL}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'appointmentUpdate') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tWarning
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.cancelOrderOutstanding ?\r\n\t\t\t\t\t\t{'Cancel ' + this.state.cancelOrder.NAME + '?'}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t:\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'endCaseInstructions') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tPatient Update
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.appointmentUpdate.ArrivedToAppointment}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'confirmExitCase') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tCase-end Instructions
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{this.props.timedExam ? 'This case will end in 2 minutes of \"real time\".' : 'The case is ending.'}
\r\n\t\t\t\t\t\t{'On the next screens, finalize care of the patient\\'s \"current\" condition by:'}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t
- {'deleting orders you want canceled now.'} \r\n\t\t\t\t\t\t\t\t
- {'adding orders to be done now.'} \r\n\t\t\t\t\t\t\t\t
- {'adding orders relevant to the patient\\'s \"current\" condition to be done in the future.'} \r\n\t\t\t\t\t\t\t
{'Then confirm orders'}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\t\telse if (this.state.popupQueue[0] === 'timeoutWarning') {\r\n\t\t\tpopup = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tConfirm Exit
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t{'Are you sure you would like to exit this case? Please note that using \"Exit case\" will prematurely close the case, and the case will not be graded. Your progress will be saved so that the case can be completed at a later time. If you would like to complete the case, you will need to advance the clock until the case ends.'}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\tlet centerContent;\r\n\t\tif (this.state.centerContent === 'physicalOptions') {\r\n\t\t\tcenterContent = (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tWarning
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{'You will be logged out in 5 minutes if you remain inactive.'}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet timeLimitDisplay\r\n\t\tif (this.props.timedExam) {\r\n\t\t\ttimeLimitDisplay = this.state.timeLimitInMinutes + ' minutes';\r\n\t\t} else {\r\n\t\t\ttimeLimitDisplay = 'No Limit'\r\n\t\t}\r\n\r\n\t\tlet countDownUIElement = \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t {this.setState({simulationOptionSelected: 0}); this.setCenterContent('physicalOptions')}}>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tInterval Hx or PE\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t {this.setState({simulationOptionSelected: 1}); this.setCenterContent('reviewOrders')}}>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tWrite Orders or Review Chart\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t this.setPopup('reevaluate')}>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tObtain Results or See Patient Later
\r\n\t\t\t\t\t\t\t\t this.setPopup('location')}>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tChange Location
\r\n\t\t\t\t\t\t\t\t{this.props.simulationData.CaseLocationDesc}
\r\n\t\t\t\t\t\t\t{'Elapsed REAL time = ' + this.state.elapsedRealTime + ' Mins'}
;\r\n\t\tif (this.state.endCase) {\r\n\t\t\tlet mins = (this.state.timeRemainingInSeconds / 60) | 0;\r\n\t\t\tlet secs = this.state.timeRemainingInSeconds - mins * 60;\r\n\t\t\tif (this.props.timedExam) {\r\n\t\t\t\tcountDownUIElement ={'Remaining REAL time = ' + mins + ' Mins ' + secs + ' Secs'}
;\r\n\t\t\t} else {\r\n\t\t\t\tcountDownUIElement = ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlet networkLag;\r\n\t\tif (this.state.simulateNetworkLag) {\r\n\t\t\tnetworkLag = (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{networkLag}\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Simulation;\r\n","import React from 'react'\r\nimport './HighYieldInformationPopup.css'\r\n\r\nexport default function HighYieldInformationPopup(props) {\r\n return (\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\t{simulationOptions}\r\n\t\t\t\t{this.props.timedExam ? 'Maximum allotted real time: ' + timeLimitDisplay + ' + 2 minutes for case-end orders' : 'Maximum allotted real time: Untimed Exam'}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{centerContent}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{popup}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{countDownUIElement}\r\n\t\t\t\t\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport './Grading.css';\r\nimport HighYieldInformationPopup from './HighYieldInformationPopup'\r\nimport FaqQuestionsArray from './FAQ_Json.json'\r\nimport logFetchError from './Functions/LogFetchError'\r\nimport fetchSubmitLogs from './Functions/FetchSubmitLogs'\r\nimport getDaysFromDate from './Functions/GetDaysFromDate';\r\nimport MDSpinner from 'react-md-spinner';\r\n\r\nclass Grading extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tgradingView: 'feedback',\r\n\t\t\tgrading: this.props.grading,\r\n\t\t\treviewLater: this.props.reviewLater,\r\n\t\t\thighYield: false,\r\n\t\t\tenableHighYieldSelect: true,\r\n\t\t\tdisplayHighYieldInformation: false,\r\n\t\t\tfaqQuestions: [],\r\n\t\t\treviewLaterOutstanding: false,\r\n\t\t\tretrieveCaseGradeOutstanding: false,\r\n\t\t\tpeekCaseGradeOutstanding: false,\r\n\t\t\tviewCaseGradeOutstanding: false,\r\n\t\t\thighYieldOutstanding: false,\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.props.gradingMode === 'peek') {\r\n\t\t\tthis.fetchPeekCaseGrade()\r\n\t\t} else {\r\n\t\t\tthis.fetchViewCaseGrade()\r\n\t\t}\r\n\t\tthis.updateFaqQuestionsHandler()\r\n\t}\r\n\r\n\tupdateFaqQuestionsHandler = () => {\r\n\t\tlet questions = []\r\n\t\tlet answers = []\r\n\t\tFaqQuestionsArray.forEach((value, index) => {\r\n\t\t\tlet beginning = value.slice(0, 10)\r\n\t\t\tif (beginning.includes('question:')) {\r\n\t\t\t\tlet question = value.slice(-value.length + 10)\r\n\t\t\t\tquestions.push(question)\r\n\t\t\t} else if (beginning.includes('answer:')) {\r\n\t\t\t\tlet answer = value.slice(-value.length + 8)\r\n\t\t\t\tanswers.push(answer)\r\n\t\t\t}\r\n\t\t})\r\n\t\tlet FAQ = []\r\n\t\tquestions.forEach((value, index) => {\r\n\t\t\tFAQ.push({\r\n\t\t\t\tquestion: value,\r\n\t\t\t\tanswer: answers[index]\r\n\t\t\t})\r\n\t\t})\r\n\t\tthis.setState({faqQuestions: FAQ})\r\n\t}\r\n\r\n\t/*\r\n\tthis function has been coppied from CaseSelect for ease of programming\r\n\t*/\r\n\tfetchReviewLater = (e) => {\r\n\t\te.stopPropagation()\r\n\t\tlet caseId;\r\n\t\tif (this.props.caseGrades) {\r\n\t\t\tcaseId = this.props.caseGrades;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcaseId = this.props.selectedCase;\r\n\t\t}\r\n\t\tthis.setState({reviewLaterOutstanding: true})\r\n\t\tfetch(`${this.props.route}/reviewlater.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: caseId,\r\n\t\t\t\tmarked: !this.state.reviewLater,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({reviewLaterOutstanding: false})\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.reviewLaterToggle();\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({reviewLaterOutstanding: false})\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchReviewLater')\r\n\t\t});\r\n\t}\r\n\r\n\treviewLaterToggle = () => {\r\n\t\tthis.props.updateReviewLater()\r\n\t\tthis.setState({reviewLater: !this.state.reviewLater})\r\n\t}\r\n\r\n\tfetchRetrieveCaseGrade = (id) => {\r\n\t\tthis.setState({retrieveCaseGradeOutstanding: true, gradingView: 'feedback'})\r\n\t\tfetch(`${this.props.route}/retreivecasegrade.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tCustomerGradeId: id,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({retrieveCaseGradeOutstanding: false})\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(data => {\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tdata = JSON.parse(data)\r\n\t\t\tconsole.log(data)\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedCase: id,\r\n\t\t\t\tgrading: data.GradeFeedback,\r\n\t\t\t\thighYield: data.HighYieldFlag\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({retrieveCaseGradeOutstanding: false})\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchRetrieveCaseGrade')\r\n\t\t});\r\n\t}\r\n\r\n\tfetchPeekCaseGrade = async () => {\r\n\t\tlet caseId = this.props.selectedCase\r\n\t\tthis.setState({peekCaseGradeOutstanding: true})\r\n\t\tawait fetch(`${this.props.route}/peekatgrading.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: caseId,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({peekCaseGradeOutstanding: false})\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(data => {\r\n\t\t\tconsole.log(data)\r\n\t\t\tif (data.includes('The customer has already done this case. The customer should use View Grades instead.')) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t\tdata = JSON.parse(data)\r\n\t\t\tconsole.log(data)\r\n\t\t\tthis.setState({\r\n\t\t\t\tselectedCase: caseId,\r\n\t\t\t\tgrading: data,\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({peekCaseGradeOutstanding: false})\r\n\t\t\tconsole.log('error', error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchPeekCaseGrade')\r\n\t\t})\r\n\t}\r\n\r\n\tfetchViewCaseGrade = () => {\r\n\t\tlet caseId;\r\n\t\tif (this.props.caseGrades) {\r\n\t\t\tcaseId = this.props.caseGrades;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tcaseId = this.props.selectedCase;\r\n\t\t}\r\n\t\tthis.setState({viewCaseGradeOutstanding: true})\r\n\t\tfetch(`${this.props.route}/viewcasegrade.webapi`, {\r\n\t\t\tmethod: 'POST',\r\n\t\t\theaders: {\r\n\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\tcustomerId: this.props.userData.CustomerId,\r\n\t\t\t\tcaseId: caseId,\r\n\t\t\t})\r\n\t\t})\r\n\t\t.then(response => {\r\n\t\t\tthis.setState({viewCaseGradeOutstanding: false})\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n\t\t})\r\n\t\t.then(response => {\r\n\r\n\t\t\t//Attempt sending logs\r\n\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\tlet data = response\r\n\t\t\t// reverse order of array\r\n\t\t\tlet array = JSON.parse(data).vcgo;\r\n\t\t\tarray.reverse();\r\n\t\t\tlet months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\r\n\r\n\t\t\tlet caseArray = [];// only display the cases that are of the case selected\r\n\t\t\t// format dates\r\n\t\t\tfor (let i = 0; i < array.length; i++) {\r\n\t\t\t\tlet date = new Date(`${array[i].CaseCompletionDate}Z`);\r\n\r\n\t\t\t\tlet minutes = date.getUTCMinutes();\r\n\t\t\t\tif (minutes.toString().length === 1) {\r\n\t\t\t\t\tminutes = '0' + minutes;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tarray[i].CaseCompletionDate = months[date.getUTCMonth()] + ' ' + date.getUTCDate() + ', ' + date.getUTCFullYear() + ', ' + date.getUTCHours() + ':' + minutes;\r\n\r\n\t\t\t\tif (array[i].CaseId === caseId && array[i].CaseCompletionDate !== 'January 1, 1, 0:00') {\r\n\t\t\t\t\tcaseArray.push(array[i]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// if !this.props.grading fetch data for most recent case\r\n\t\t\tif (!this.props.grading) {\r\n\t\t\t\tthis.fetchRetrieveCaseGrade(caseArray[0].CustomerGradeId);\r\n\t\t\t}\r\n\t\t\tlet newCaseArray = []\r\n\t\t\tif (this.props.userProfile.selectedTimeZone !== \"-7\") {\r\n\t\t\t\tconst MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\r\n\t\t\t\tlet hoursAdjustment = Number(this.props.userProfile.selectedTimeZone) + 7\r\n\t\t\t\tcaseArray.forEach((value, index) => {\r\n\t\t\t\t\tlet date = new Date(value.CaseCompletionDate)\r\n\t\t\t\t\tdate.setTime(date.getTime() + (hoursAdjustment*60*60*1000))\r\n\t\t\t\t\tlet newCaseArrayValue = value\r\n\t\t\t\t\tlet dateString = `${MONTHS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}, ${date.getHours()}:${date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()}`\r\n\t\t\t\t\tnewCaseArrayValue.CaseCompletionDate = dateString\r\n\t\t\t\t\tnewCaseArray.push(newCaseArrayValue)\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tnewCaseArray = [...caseArray]\r\n\t\t\t}\r\n\t\t\tthis.setState({\r\n\t\t\t\tcaseList: newCaseArray,\r\n\t\t\t\tselectedCase: caseArray[0].CustomerGradeId,\r\n\t\t\t});\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tthis.setState({viewCaseGradeOutstanding: false})\r\n\t\t\t// if (error.toString().includes('SyntaxError: Unexpected token U in JSON at position 1') || error.toString().includes('SyntaxError: JSON Parse error: Expected \\'}\\'')) {\r\n\t\t\t// \tthis.props.setAuthenticationError()\r\n\t\t\t// }\r\n\t\t\tconsole.log(error)\r\n\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'fetchViewCaseGrade')\r\n\t\t});\r\n\t}\r\n\r\n\tsetGradingView = (view) => {\r\n\t\tthis.setState({gradingView: view});\r\n\t}\r\n\r\n\tmarkHighYieldHandler = (e) => {\r\n\t\te.stopPropagation()\r\n\t\tif (this.state.enableHighYieldSelect) {\r\n\t\t\tlet caseId;\r\n\t\t\tif (this.props.caseGrades) {\r\n\t\t\t\tcaseId = this.props.caseGrades;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tcaseId = this.props.selectedCase;\r\n\t\t\t}\r\n\t\t\tthis.setState({highYield: !this.state.highYield, enableHighYieldSelect: false}, async () => {\r\n\t\t\t\tthis.setState({highYieldOutstanding: true})\r\n\t\t\t\tawait fetch(`${this.props.route}/highyield.webapi`, {\r\n\t\t\t\t\tmethod: 'POST',\r\n\t\t\t\t\theaders: {\r\n\t\t\t\t\t\t'Token': this.props.userData.Token,\r\n\t\t\t\t\t\t'Content-Type': 'text/plain',\r\n\t\t\t\t\t},\r\n\t\t\t\t\tbody: JSON.stringify({\r\n\t\t\t\t\t\tcustomerid: this.props.userData.CustomerId,\r\n\t\t\t\t\t\tcaseid: caseId,\r\n\t\t\t\t\t\tmarkhighyield: this.state.highYield,\r\n\t\t\t\t\t\tunmarkhighyield: !this.state.highYield\r\n\t\t\t\t\t})\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tthis.setState({highYieldOutstanding: false})\r\n\t\t\t\t\t//Attempt sending logs\r\n\t\t\t\t\tfetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n\t\t\t\t\tif (response.status === 401) {\r\n\t\t\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn response.text()\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tthis.setState({enableHighYieldSelect: true})\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) => {\r\n\t\t\t\t\tthis.setState({highYield: !this.state.highYield, enableHighYieldSelect: true, highYieldOutstanding: false})\r\n\t\t\t\t\tlogFetchError(error, this.props.userProfile, this.props.userData, 'markHighYieldHandler')\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tlet gradingView;\r\n\t\tif (this.state.grading) {\r\n\t\t\tif (this.state.gradingView === 'feedback') {\r\n\r\n\t\t\t\t// split GradeOut into arrays for each GradeCategory\r\n\t\t\t\tlet diagnosisOrders = [];\r\n\t\t\t\tlet treatmentOrders = [];\r\n\t\t\t\tlet preventativeOrders = [];\r\n\t\t\t\tlet timing = [];\r\n\t\t\t\tlet appropriateOrders = [];\r\n\t\t\t\tlet appropriateSequence = [];\r\n\t\t\t\tfor (let i = 0; i < this.state.grading.GradeOut.length; i++) {\r\n\r\n\t\t\t\t\tif (!this.props.EnableFeedback) {\r\n\t\t\t\t\t\tthis.state.grading.GradeOut[i].Status = 'optional';\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeColor.includes('Incorrect')) {\r\n\t\t\t\t\t\tthis.state.grading.GradeOut[i].Status = 'incorrect';\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeColor.includes('Optional')) {\r\n\t\t\t\t\t\tthis.state.grading.GradeOut[i].Status = 'optional';\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeColor.includes('Correct')) {\r\n\t\t\t\t\t\tthis.state.grading.GradeOut[i].Status = 'correct';\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (this.state.grading.GradeOut[i].GradeCategory === 'Diagnosis') {\r\n\r\n\t\t\t\t\t\tif (this.state.grading.GradeOut[i].OrderNamesList.length > 0) {\r\n\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = '';\r\n\t\t\t\t\t\t\tfor (let j = 0; j < this.state.grading.GradeOut[i].OrderNamesList.length; j++) {\r\n\t\t\t\t\t\t\t\tif (this.state.grading.GradeOut[i].OrderNames !== '') {\r\n\t\t\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = this.state.grading.GradeOut[i].OrderNames + ' / ';\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = this.state.grading.GradeOut[i].OrderNames + this.state.grading.GradeOut[i].OrderNamesList[j];\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tdiagnosisOrders.push(Object.assign({}, this.state.grading.GradeOut[i]));\r\n\r\n\t\t\t\t\t\tif (!this.props.EnableFeedback) {\r\n\t\t\t\t\t\t\tdiagnosisOrders[diagnosisOrders.length-1].EventName = 'Suggested: order';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeCategory === 'Treatment') {\r\n\r\n\t\t\t\t\t\tif (this.state.grading.GradeOut[i].OrderNamesList.length > 0) {\r\n\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = '';\r\n\t\t\t\t\t\t\tfor (let j = 0; j < this.state.grading.GradeOut[i].OrderNamesList.length; j++) {\r\n\t\t\t\t\t\t\t\tif (this.state.grading.GradeOut[i].OrderNames !== '') {\r\n\t\t\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = this.state.grading.GradeOut[i].OrderNames + ' / ';\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = this.state.grading.GradeOut[i].OrderNames + this.state.grading.GradeOut[i].OrderNamesList[j];\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ttreatmentOrders.push(Object.assign({}, this.state.grading.GradeOut[i]));\r\n\r\n\t\t\t\t\t\tif (!this.props.EnableFeedback) {\r\n\t\t\t\t\t\t\ttreatmentOrders[treatmentOrders.length-1].EventName = 'Suggested: order';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeCategory === 'Timing') {\r\n\t\t\t\t\t\ttiming.push(this.state.grading.GradeOut[i]);\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeCategory === 'Appropriate Location' || this.state.grading.GradeOut[i].GradeCategory === 'Appropriate Sequence') {\r\n\t\t\t\t\t\tappropriateSequence.push(this.state.grading.GradeOut[i]);\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeCategory === 'Appropriate Orders') {\r\n\t\t\t\t\t\tappropriateOrders.push(this.state.grading.GradeOut[i]);\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.state.grading.GradeOut[i].GradeCategory === 'Preventive care') {\r\n\r\n\t\t\t\t\t\tif (this.state.grading.GradeOut[i].OrderNamesList.length > 0) {\r\n\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = '';\r\n\t\t\t\t\t\t\tfor (let j = 0; j < this.state.grading.GradeOut[i].OrderNamesList.length; j++) {\r\n\t\t\t\t\t\t\t\tif (this.state.grading.GradeOut[i].OrderNames !== '') {\r\n\t\t\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = this.state.grading.GradeOut[i].OrderNames + ' / ';\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tthis.state.grading.GradeOut[i].OrderNames = this.state.grading.GradeOut[i].OrderNames + this.state.grading.GradeOut[i].OrderNamesList[j];\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tpreventativeOrders.push(Object.assign({}, this.state.grading.GradeOut[i]));\r\n\r\n\t\t\t\t\t\tif (!this.props.EnableFeedback) {\r\n\t\t\t\t\t\t\tpreventativeOrders[preventativeOrders.length-1].EventName = 'Suggested: order';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// formatting for enable feedback grading checkbox\r\n\t\t\t\tlet overallScore;\r\n\t\t\t\tlet diagnosisGrade;\r\n\t\t\t\tlet treatmentGrade;\r\n\t\t\t\tlet preventativeGrade;\r\n\t\t\t\tlet timingGrade;\r\n\t\t\t\tlet appropriateGrade;\r\n\t\t\t\tlet sequenceGrade;\r\n\t\t\t\tif (this.props.EnableFeedback) {\r\n\t\t\t\t\toverallScore = \r\n
\r\n High Yield Cases
\r\n \r\n
\r\n Mark High Yield if you think that this case has a high chance of being on the real USMLE Step 3 test. This will be added to a talley of all users who vote so that users can study cases that others feel are likely to be on the real test.
\r\n\r\n \r\n
\r\n {'Overall Score: ' + this.state.grading.TotalGrade + '%'}
;\r\n\t\t\t\t\tdiagnosisGrade = (this.state.grading.FinalDiagnoisGrade ? this.state.grading.FinalDiagnoisGrade : 0) + '% (weight given for total score: ' + (this.state.grading.WEIGHTDIAGNOSIS ? this.state.grading.WEIGHTDIAGNOSIS : 0) + '%)';\r\n\t\t\t\t\ttreatmentGrade = (this.state.grading.FinalTreatmentGrade ? this.state.grading.FinalTreatmentGrade : 0) + '% (weight given for total score: ' + (this.state.grading.WEIGHTTREATMENT ? this.state.grading.WEIGHTTREATMENT : 0) + '%)';\r\n\t\t\t\t\tpreventativeGrade = (this.state.grading.FinalPreventiveCareGrade ? this.state.grading.FinalPreventiveCareGrade : 0) + '% (weight given for total score: ' + (this.state.grading.WEIGHTPREVENTATIVE ? this.state.grading.WEIGHTPREVENTATIVE : 0) + '%)';\r\n\t\t\t\t\ttimingGrade = (this.state.grading.FinalTimingGrade ? this.state.grading.FinalTimingGrade : 0) + '% (weight given for total score: ' + (this.state.grading.WEIGHTTIMING ? this.state.grading.WEIGHTTIMING : 0) + '%)';\r\n\t\t\t\t\tappropriateGrade = (this.state.grading.FinalAppropriateGrade ? this.state.grading.FinalAppropriateGrade : 0) + '% (weight given for total score: ' + (this.state.grading.WEIGHTAPPROPRIATE ? this.state.grading.WEIGHTAPPROPRIATE : 0) + '%)';\r\n\t\t\t\t\tsequenceGrade = (this.state.grading.FinalSequenceGrade ? this.state.grading.FinalSequenceGrade : 0) + '% (weight give for total score: ' + (this.state.grading.WEIGHTSEQUENCING ? this.state.grading.WEIGHTSEQUENCING : 0) + '%)';\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// map each array to an element\r\n\t\t\t\tdiagnosisOrders = diagnosisOrders.map((data, index) =>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\ttreatmentOrders = treatmentOrders.map((data, index) =>\r\n\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t
- {data.OrderNames} \r\n\t\t\t\t\t\t
{'Reason: '}{data.GradeExplanation}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (preventativeOrders.length === 0) {\r\n\t\t\t\t\tpreventativeOrders = (\r\n\t\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t
- {data.OrderNames} \r\n\t\t\t\t\t\t
{'Reason: '}{data.GradeExplanation}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tpreventativeOrders = preventativeOrders.map((data, index) =>\r\n\t\t\t\t\t\t{'None Required'}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\ttiming = timing.map((data, index) =>\r\n\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t
- {data.OrderNames} \r\n\t\t\t\t\t\t\t
{'Reason: '}{data.GradeExplanation}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tappropriateOrders = appropriateOrders.map((data, index) =>\r\n\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\t{'Reason: '}{data.GradeExplanation}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tappropriateSequence = appropriateSequence.map((data, index) =>\r\n\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tgradingView = (\r\n\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\t{data.GradeExplanation}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t\telse if (this.state.gradingView === 'log') {\r\n\t\t\t\tlet ActionLogList = [...this.state.grading.ActionLogList]\r\n\t\t\t\tlet realStart = new Date(ActionLogList[0].CurrentActualTime);\r\n\t\t\t\tlet simulationStart = new Date(ActionLogList[0].CurrentVirtualTime);\r\n\t\t\t\t// format times\r\n\t\t\t\tfor (let i = 0; i < ActionLogList.length; i++) {\r\n\r\n\t\t\t\t\tlet realTime = new Date(ActionLogList[i].CurrentActualTime);\r\n\t\t\t\t\tlet simulationTime = new Date(ActionLogList[i].CurrentVirtualTime);\r\n\r\n\t\t\t\t\tlet hoursAdjustment = 0\r\n\t\t\t\t\tif (realTime.getHours() > realStart.getHours()) {\r\n\t\t\t\t\t\thoursAdjustment += realTime.getHours() - realStart.getHours()\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlet realMins = (realTime.getMinutes() + hoursAdjustment * 60) - realStart.getMinutes();\r\n\t\t\t\t\tlet realSecs = realTime.getSeconds() - realStart.getSeconds();\r\n\r\n\t\t\t\t\tif (realMins > 0 || hoursAdjustment > 0) {\r\n\t\t\t\t\t\trealSecs = realTime.getSeconds();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (realMins.toString().length === 1) {\r\n\t\t\t\t\t\trealMins = '0' + realMins;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (realSecs.toString().length === 1) {\r\n\t\t\t\t\t\trealSecs = '0' + realSecs;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tActionLogList[i].RealTime = realMins + ' min : ' + realSecs + ' sec';\r\n\r\n\t\t\t\t\tlet simulationDays = getDaysFromDate(simulationTime) - getDaysFromDate(simulationStart);\r\n\t\t\t\t\tlet simulationHrs = simulationTime.getHours() - simulationStart.getHours();\r\n\t\t\t\t\tif (simulationHrs.toString().length === 1) {\r\n\t\t\t\t\t\tsimulationHrs = '0' + simulationHrs;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlet simulationMins = simulationTime.getMinutes() - simulationStart.getMinutes();\r\n\t\t\t\t\tif (simulationMins.toString().length === 1) {\r\n\t\t\t\t\t\tsimulationMins = '0' + simulationMins;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (Number(simulationHrs) < 0) {\r\n\t\t\t\t\t\tsimulationDays -= 1\r\n\t\t\t\t\t\tsimulationHrs = 24 + simulationHrs\r\n\t\t\t\t\t}\r\n\t\t\t\t\tActionLogList[i].SimulationTime = simulationDays + ' days - ' + simulationHrs + ' hr : ' + simulationMins + ' min';\r\n\r\n\t\t\t\t\tif (ActionLogList[i].EventName.includes('State Changed to:')) {\r\n\t\t\t\t\t\tActionLogList.splice(i, 1);\r\n\t\t\t\t\t\ti--;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// dynamically create log list\r\n\t\t\t\tlet logTable = ActionLogList.map((data) =>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{overallScore}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{'Final Diagnosis for this case: ' + this.state.grading.FinalDiagnosis}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Diagnosis Orders '}\r\n\t\t\t\t\t\t\t\t{diagnosisGrade}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{diagnosisOrders}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Treatment Orders '}\r\n\t\t\t\t\t\t\t\t{treatmentGrade}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{treatmentOrders}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Preventative Orders '}\r\n\t\t\t\t\t\t\t\t{preventativeGrade}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{preventativeOrders}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Timing '}\r\n\t\t\t\t\t\t\t\t{timingGrade}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{timing}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Appropriate Orders '}\r\n\t\t\t\t\t\t\t\t{appropriateGrade}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{appropriateOrders}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Appropriate Sequence / Appropriate Location '}\r\n\t\t\t\t\t\t\t\t{sequenceGrade}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{appropriateSequence}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{'Summary Notes'}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{this.state.grading.SUMMARY}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\r\n\t\t\t\tgradingView = (\r\n\t\t\t\t\t{data.RealTime}
\r\n\t\t\t\t\t\t{data.SimulationTime}
\r\n\t\t\t\t\t\t{data.EventName}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t);\r\n\t\t\t} else if (this.state.gradingView === 'Faq') {\r\n\t\t\t\tgradingView = (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{'Real Time'}
\r\n\t\t\t\t\t\t\t{'Elapsed Simulation Time'}
\r\n\t\t\t\t\t\t\t{'Event'}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{logTable}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// fill the list of completed cases\r\n\t\tlet caseList;\r\n\t\tif (this.state.caseList) {\r\n\t\t\tcaseList = this.state.caseList.map((data, index) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.faqQuestions.map((value, index) => (\r\n\t\t\t\t\t\t\tFrequently Asked Questions
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t{value.question}
\r\n\t\t\t\t\t\t\t\t{value.answer}
\r\n\t\t\t\t\t\t\t this.fetchRetrieveCaseGrade(data.CustomerGradeId)}>{data.CaseCompletionDate}
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{this.state.displayHighYieldInformation && this.setState({displayHighYieldInformation: false})}/>}\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Grading;\r\n","import React, { Component } from 'react'\r\nimport './UnauthenticatedHandler.css'\r\n\r\nexport class UnauthenticatedHandler extends Component {\r\n render() {\r\n return (\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\t{'Case Completion Date'}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{caseList}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{(this.state.retrieveCaseGradeOutstanding || this.state.viewCaseGradeOutstanding || this.state.peekCaseGradeOutstanding) ? \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.grading.NUMFIRSTATTEMPT >= 100 && this.setGradingView('feedback')}>{'Feedback'}
\r\n\t\t\t\t\t\t\t{this.state.grading?.ActionLogList?.length > 0 && this.setGradingView('log')}>{'Log'}
}\r\n\t\t\t\t\t\t\t this.setGradingView('Faq')}>{'FAQ'}
\r\n\t\t\t\t\t\tAverage first attempt score: {this.state.grading.AverageFirstAttempt.toFixed(2)}%
}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t:\r\n\t\t\t\t\t\tgradingView\r\n\t\t\t\t\t}\r\n\t\t\t\t\tLoading Grades
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t this.setState({displayHighYieldInformation: true})}>\r\n\t\t\t\t\t\t\t{this.state.highYieldOutstanding ?\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.reviewLaterOutstanding ?\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n \r\n
\r\n )\r\n }\r\n}","import getDaysFromDate from '../GetDaysFromDate'\r\n\r\n//formatCompletedOrders accepts the array of completedOrders as an argument\r\n//We first check for an empty object at array index 0, this indicates that there are no completedOrders\r\n\r\n//If the check fails, we loop through completedOrders, formatting their order time and ID accordingly before returning the array\r\nconst formatCompletedOrders = (completedOrders) => {\r\n if (completedOrders.length > 0) {\r\n if (Object.keys(completedOrders[0]).length === 0 && completedOrders[0].constructor === Object) {\r\n completedOrders = []\r\n } else {\r\n for (let i = 0; i < completedOrders.length; ++i) {\r\n let reportTime = new Date(`${completedOrders[i].ReportTime}Z`)\r\n completedOrders[i].ReportTime = {\r\n days: getDaysFromDate(reportTime),\r\n hours: reportTime.getUTCHours(),\r\n minutes: reportTime.getUTCMinutes()\r\n }\r\n\r\n let currentVirtualTime = new Date(`${completedOrders[i].CurrentVirtualTime}Z`)\r\n completedOrders[i].CurrentVirtualTime = {\r\n days: getDaysFromDate(currentVirtualTime),\r\n hours: currentVirtualTime.getUTCHours(),\r\n minutes: currentVirtualTime.getUTCMinutes()\r\n }\r\n\r\n completedOrders[i].orderId = completedOrders[i].ID\r\n }\r\n }\r\n }\r\n return completedOrders\r\n}\r\n\r\nexport default formatCompletedOrders","import getDaysFromDate from '../GetDaysFromDate'\r\n\r\n//formatCurrentOrders accepts the currentOrders array as an argument and loops through it\r\n//We first check if the ID is undefined or zero and the length of currentOrders is 1. This indicates there are no current orders\r\n\r\n//If the check fails, we loop through currentOrders to format their orderTime and ID and return the array\r\nconst formatCurrentOrders = (currentOrders) => {\r\n if (currentOrders) {\r\n if (currentOrders.length > 0) {\r\n if ((currentOrders[0].ID === undefined || currentOrders[0].ID === 0) && currentOrders.length === 1) {\r\n currentOrders = []\r\n } else {\r\n if (currentOrders[0].ID === undefined || currentOrders[0].ID === 0) {\r\n currentOrders = currentOrders.slice(1, currentOrders.length)\r\n }\r\n for (let i = 0; i < currentOrders.length; ++i) {\r\n let reportTime = new Date(`${currentOrders[i].ReportTime}Z`)\r\n if (currentOrders[i].ReportTime === \"0001-01-01T00:00:00\") {\r\n currentOrders[i].ReportTime = null\r\n } else {\r\n currentOrders[i].ReportTime = {\r\n days: getDaysFromDate(reportTime),\r\n hours: reportTime.getUTCHours(),\r\n minutes: reportTime.getUTCMinutes()\r\n }\r\n }\r\n let currentVirtualTime = new Date(`${currentOrders[i].CurrentVirtualTime}Z`)\r\n currentOrders[i].CurrentVirtualTime = {\r\n days: getDaysFromDate(currentVirtualTime),\r\n hours: currentVirtualTime.getUTCHours(),\r\n minutes: currentVirtualTime.getUTCMinutes()\r\n }\r\n currentOrders[i].orderId = currentOrders[i].ID\r\n if (currentOrders[i].ReportTime) {\r\n if (currentOrders[i].CurrentVirtualTime.days === currentOrders[i].ReportTime.days && currentOrders[i].CurrentVirtualTime.hours === currentOrders[i].ReportTime.hours && currentOrders[i].CurrentVirtualTime.minutes === currentOrders[i].ReportTime.minutes) {\r\n currentOrders[i].ReportTime = null;\r\n }\r\n }\r\n }\r\n }\r\n return currentOrders\r\n } else {\r\n return []\r\n }\r\n } else {\r\n return []\r\n }\r\n\r\n}\r\n\r\nexport default formatCurrentOrders","//getActionLogData takes the action log and loops through it, determining the last action log event time by checking each action's\r\n//time and only considering it if it is within 20 minutes of the start time\r\n\r\nimport getDaysFromDate from \"../GetDaysFromDate\"\r\n\r\n//We then check for patient updates and, if they exist, format them accordingly\r\n\r\n//Then we check for physical results and push them to the array of results\r\n\r\n//Then we check for vitals information and push it to the vitals array\r\n\r\n//Finally we subtract actionLogStart from actionLogEnd to determine the CurrentActualTime and return the patientUpdates array,\r\n//currentActualTime and physicalResults array\r\nconst getActionLogData = (actionLog) => {\r\n let actionLogStart\r\n let actionLogEnd\r\n let currentActualTime\r\n let patientUpdates = []\r\n let physicalResults = []\r\n let vitalsResults = []\r\n if (Object.keys(actionLog[0]).length === 0 && actionLog[0].constructor === Object) {\r\n return { patientUpdates: [], currentActualTime: null, physicalResults: [], vitalsResults: [] }\r\n }\r\n if (actionLog.length > 0) {\r\n actionLogStart = new Date(actionLog[0].CurrentActualTime)\r\n actionLog.forEach((actionValue, actionIndex) => {\r\n\r\n // Determine if date is in required timeframe\r\n let actionDate = new Date(actionValue.CurrentActualTime)\r\n let dateDifference = new Date(actionDate - actionLogStart)\r\n if (dateDifference.getMinutes() <= 20) {\r\n actionLogEnd = actionDate\r\n }\r\n\r\n //Check for patient updates\r\n if (actionValue.PatientUpdate) {\r\n let reportTime = new Date(`${actionValue.CurrentVirtualTime}Z`)\r\n\r\n let newActionValue = {...actionValue}\r\n\r\n newActionValue.CurrentVirtualTime = {\r\n days: getDaysFromDate(reportTime),\r\n hours: reportTime.getUTCHours(),\r\n minutes: reportTime.getUTCMinutes()\r\n }\r\n\r\n patientUpdates.push(newActionValue)\r\n }\r\n // if (actionValue.EventName.includes('Returned vitals that was set to a frequency') || actionValue.EventName.includes('Ordered: Vital signs')) {\r\n if (actionValue.EventName.includes('Returned vitals that was set to a frequency')) {\r\n let logOrders = {...actionValue.LogOrders}\r\n let reportTime = new Date(`${logOrders.ReportTime}Z`)\r\n let timeOrdered = new Date(`${logOrders.TimeOrdered}Z`)\r\n logOrders.ReportTime = {\r\n days: getDaysFromDate(reportTime),\r\n hours: reportTime.getUTCHours(),\r\n minutes: reportTime.getUTCMinutes()\r\n }\r\n logOrders.TimeOrdered = {\r\n days: getDaysFromDate(timeOrdered),\r\n hours: timeOrdered.getUTCHours(),\r\n minutes: timeOrdered.getUTCMinutes()\r\n }\r\n vitalsResults.push(logOrders)\r\n }\r\n\r\n //Check for physical results\r\n if (actionValue.EventName.includes('Ordered the following Physical Exams and/or patient updates:')) {\r\n let physicalResult = actionValue.peo\r\n let reportTime = new Date(`${physicalResult.ReportTime}Z`)\r\n let currentVirtualTime = new Date(`${physicalResult.CurrentVirtualTime}Z`)\r\n physicalResult.timeOrdered = {\r\n days: getDaysFromDate(currentVirtualTime),\r\n hours: currentVirtualTime.getUTCHours(),\r\n minutes: currentVirtualTime.getUTCMinutes()\r\n }\r\n physicalResult.timeReported = {\r\n days: getDaysFromDate(reportTime),\r\n hours: reportTime.getUTCHours(),\r\n minutes: reportTime.getUTCMinutes()\r\n }\r\n physicalResults.push(physicalResult)\r\n }\r\n })\r\n\r\n currentActualTime = new Date(actionLogEnd - actionLogStart)\r\n }\r\n \r\n return { patientUpdates, currentActualTime, physicalResults, vitalsResults }\r\n}\r\n\r\nexport default getActionLogData","import React from 'react'\r\nimport './BarGraphElement.css'\r\n\r\nexport default function BarGraphElement(props) {\r\n return (\r\n \r\n
\r\n You have been logged out
\r\n \r\n
\r\n You are no longer logged into this session and will have to refresh and re-login.
\r\nCommon causes of this are being timed out due to no response and/or someone else has logged into your account (this is not allowed if this was given voluntarily). If this was not given voluntarily, you will need to change your password.
\r\n\r\n window.location.reload()}/>\r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport './BarGraphModule.css'\r\nimport BarGraphElement from './BarGraphElement/BarGraphElement'\r\n\r\nexport default class BarGraphModule extends Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n personalAverage: 0,\r\n allUserAverage: 0,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n //Initialize toggled section values to display all\r\n this.props.jsonreport.forEach((section, sectionIndex) => {\r\n this.setState({[section.visibilityToggle]: true}, () => {\r\n //Wait until state is updated and we've set all variables, then calculate selected category averages\r\n if (sectionIndex === this.props.jsonreport.length - 1) {\r\n this.getSelectedCategoryAverages()\r\n }\r\n })\r\n })\r\n }\r\n\r\n getSelectedCategoryAverages = () => {\r\n if (this.props.showAverages) {\r\n let totalCaseArray = []\r\n let personalAverage = 0\r\n let allUserAverage = 0\r\n \r\n //Loop through jsonreport and push active sections to totalCaseArray\r\n this.props.jsonreport.forEach((section, sectionIndex) => {\r\n if (this.state[section.visibilityToggle]) {\r\n totalCaseArray.push(...this.props.jsonreport[sectionIndex].scores)\r\n }\r\n })\r\n \r\n //Loop through total case array and add each value to personal and all user averages\r\n totalCaseArray.forEach((value, index) => {\r\n personalAverage += Number(value.FirstCaseAttemptGrade)\r\n allUserAverage += Number(value.AverageGeneralUserFirstCaseAttempt)\r\n })\r\n \r\n //If the selected sections contain completed cases, calculate the average\r\n if (totalCaseArray.length > 0) {\r\n personalAverage = personalAverage / totalCaseArray.length\r\n allUserAverage = allUserAverage / totalCaseArray.length\r\n }\r\n \r\n this.setState({personalAverage, allUserAverage})\r\n }\r\n }\r\n\r\n toggleCategory = (toggleCategory) => {\r\n //Update the toggled category and then recalculate the averages of selected categories\r\n this.setState({[toggleCategory]: !this.state[toggleCategory]}, this.getSelectedCategoryAverages)\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {props.primary}%
\r\n \r\n\r\n
\r\n {props.secondary}%
\r\n \r\n{props.caseId}
\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react'\r\nimport './TopTenCasesModule.css'\r\n\r\nexport default function TopTenCases(props) {\r\n\r\n const convertCategoryIdToTitle = (categoryId) => {\r\n switch(categoryId) {\r\n case '1':\r\n return 'Pediatrics';\r\n case '2':\r\n return 'Internal Medicine';\r\n case '3':\r\n return 'OB/GYN';\r\n case '4':\r\n return 'Neurology';\r\n case '5':\r\n return 'Emergency Medicine';\r\n case '6':\r\n return 'Psychiatry';\r\n default:\r\n return 'Invalid Category';\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n {this.props.title}
\r\n\r\n
\r\n \r\n {/* Map the categories in json report into togglable checkboxes */}\r\n {this.props.jsonreport.map((section, sectionIndex) => (\r\n section.scores.length > 0 &&\r\n
\r\n this.toggleCategory(section.visibilityToggle)}>\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n {this.props.showAverages &&\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.legendPrimary}
\r\n\r\n \r\n
\r\n {this.props.legendSecondary}
\r\n\r\n {this.props.jsonreport.map((section, sectionIndex) => (\r\n section.scores.length > 0 && \r\n
\r\n \r\n
\r\n ))}\r\n {section.title}
\r\n\r\n {section.scores.map((caseData, caseIndex) => (\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n Overall Average For Selected Categories
\r\n{this.state.personalAverage.toFixed(1)}%
\r\n\r\n
\r\n All Users’ Average For Selected Categories
\r\n{this.state.allUserAverage.toFixed(1)}%
\r\n\r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport MDSpinner from 'react-md-spinner'\r\nimport './TestPrepCalculator.css'\r\n\r\nexport default class TestPrepCalculator extends Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n newExamDate: '',\r\n displayDateError: false,\r\n dateErrorMessage: ''\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getCurrentExamDate()\r\n }\r\n\r\n getCurrentExamDate = () => {\r\n //Get current date and set it to the number of days equal to DaysUntilExam in the future\r\n let currentDate = new Date()\r\n currentDate.setDate(currentDate.getDate() + Number(this.props.DaysUntilExam))\r\n\r\n //Format the current date into the appropriate string for a date input\r\n let year = currentDate.getFullYear()\r\n let month = currentDate.getMonth() + 1\r\n let day = currentDate.getDate()\r\n\r\n //Verify that month and day are both two digit values to conform to date input requirements\r\n if (month < 10) {\r\n month = `0${month}`\r\n }\r\n if (day < 10) {\r\n day = `0${day}`\r\n }\r\n\r\n //Format the final date string and save it to the state (YYYY-MM-DD)\r\n let formattedDateString = `${year}-${month}-${day}`\r\n this.setState({newExamDate: formattedDateString})\r\n }\r\n\r\n updateExamDate = () => {\r\n //Get the current date and selected date\r\n let selectedDate = new Date(this.state.newExamDate)\r\n let today = new Date()\r\n\r\n //Verify that the selected date occurs after the current date\r\n if (selectedDate < today) {\r\n return this.setState({displayDateError: true, dateErrorMessage: 'Selected date must occur after today'})\r\n }\r\n \r\n //Verify that the selected date is valid\r\n if (this.state.newExamDate.length <= 0) {\r\n return this.setState({displayDateError: true, dateErrorMessage: 'Please select a valid date'})\r\n }\r\n\r\n //newExamDate comes through as (YYYY-MM-DD), we need to reformat to conform to API standards\r\n let dateArray\r\n if (this.state.newExamDate.includes('-')) {\r\n dateArray = this.state.newExamDate.split('-')\r\n } else {\r\n dateArray = this.state.newExamDate.split('/')\r\n }\r\n let year = dateArray[0]\r\n let month = dateArray[1]\r\n let day = dateArray[2]\r\n\r\n //Format selected date to conform to API standards (MM-DD-YYYY)\r\n let formattedDateString = `${month}-${day}-${year}`\r\n\r\n //Fetch the update and store the result as updatedSuccessfully boolean\r\n let updatedSuccessfully = this.props.fetchChangeExamDate(formattedDateString)\r\n\r\n if (updatedSuccessfully) {\r\n this.setState({displayDateError: false})\r\n }\r\n }\r\n\r\n setNewExamDate = (e) => {\r\n this.setState({newExamDate: e.target.value})\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {props.title}
\r\n\r\n
\r\n {props.userData.map((caseData, caseIndex) => (\r\n Diagnosis
\r\nCase Number
\r\nCategory
\r\nYour Best Score
\r\n\r\n
\r\n ))}\r\n {caseData.DiagnosisTitle}
\r\n{caseData.CaseId}
\r\n{convertCategoryIdToTitle(caseData.CategoryId)}
\r\n{caseData.BestGrade}%
\r\n\r\n
\r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport \"./LineGraph.css\";\r\n\r\nimport { Line } from \"react-chartjs-2\";\r\n\r\nexport default function LineGraph(props) {\r\n const data = {\r\n labels: props.data,\r\n datasets: [\r\n {\r\n data: props.data.map((value) => Math.round(Number(value.AverageDayGrade))),\r\n fill: true,\r\n backgroundColor: \"rgba(67, 184, 206, 0.15)\",\r\n borderColor: \"rgba(24, 112, 128, 1)\"\r\n }\r\n ]\r\n };\r\n\r\n return (\r\n \r\n
\r\n Test Preparation Calculator
\r\n\r\n \r\n \r\n {this.props.loadingChangeExamDate ?\r\n
\r\n \r\n
\r\n :\r\n \r\n }\r\n {this.state.dateErrorMessage}
\r\n\r\n
\r\n Days Until Exam
\r\n{this.props.DaysUntilExam} Days
\r\n\r\n
\r\n Recommended Minimum Daily Cases
\r\n{this.props.RecMinDailyCases} Cases
\r\n\r\n
\r\n Recommended Minimum Daily Cases Including Repeats
\r\n{this.props.RecMinDailyCasesRepeats} Cases
\r\n\r\n
\r\n );\r\n}\r\n","import React, { Component } from 'react'\r\nimport './PerformanceOverTimeModule.css'\r\nimport LineGraph from './LineGraph/LineGraph'\r\n\r\nexport default class PerformanceOverTimeModule extends Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n averageImprovementPerAttempt: 0.6,\r\n averageImprovementPerDay: 1.5\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getAverageImprovementPerAttempt()\r\n this.getAverageImprovementPerDay()\r\n }\r\n\r\n getAverageImprovementPerAttempt = () => {\r\n let startScore = Number(this.props.reportCardData.da[0].AverageDayGrade)\r\n let lastScore = Number(this.props.reportCardData.da[this.props.reportCardData.da.length - 1].AverageDayGrade)\r\n let scoreDifference = lastScore - startScore\r\n\r\n let totalCaseAttempts = Number(this.props.reportCardData.TotalNumberOfCasesAttempted)\r\n\r\n this.setState({averageImprovementPerAttempt: scoreDifference / totalCaseAttempts})\r\n }\r\n\r\n getAverageImprovementPerDay = () => {\r\n let startDay = Math.abs(this.props.reportCardData.da[0].DaysFromToday)\r\n let lastDay = Math.abs(this.props.reportCardData.da[this.props.reportCardData.da.length - 1].DaysFromToday)\r\n let dayTotal = startDay - lastDay\r\n\r\n let startScore = Number(this.props.reportCardData.da[0].AverageDayGrade)\r\n let lastScore = Number(this.props.reportCardData.da[this.props.reportCardData.da.length - 1].AverageDayGrade)\r\n let scoreDifference = lastScore - startScore\r\n\r\n this.setState({averageImprovementPerDay: scoreDifference / dayTotal})\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react'\r\nimport './AverageAttemptByCategory.css'\r\n\r\nexport default function AverageAttemptByCategory(props) {\r\n \r\n const getCategoryValue = (category, dataElement) => {\r\n let categoryValue\r\n\r\n props.data[dataElement].forEach((value, index) => {\r\n if (value.CaseCategory === category) {\r\n categoryValue = value.AverageGrade\r\n }\r\n })\r\n\r\n if (isNaN(categoryValue)) {\r\n return 0\r\n }\r\n\r\n return Number(categoryValue).toFixed(2)\r\n }\r\n\r\n return (\r\n \r\n
\r\n Performance Over Time
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Average Improvement Per Attempt
\r\n{this.state.averageImprovementPerAttempt.toFixed(2)}%
\r\n\r\n
\r\n Average Improvement Per Day
\r\n{this.state.averageImprovementPerDay.toFixed(2)}%
\r\n\r\n
\r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport './ReportCard.css'\r\nimport fetchSubmitLogs from '../Functions/FetchSubmitLogs'\r\nimport logFetchError from '../Functions/LogFetchError'\r\nimport BarGraphModule from './BarGraphModule/BarGraphModule'\r\nimport TopTenCases from './TopTenCasesModule/TopTenCasesModule'\r\nimport TestPrepCalculator from './TestPrepCalculator/TestPrepCalculator'\r\nimport PerformanceOverTimeModule from './PerformanceOverTimeModule/PerformanceOverTimeModule'\r\nimport AverageAttemptByCategory from './AverageAttemptByCategory/AverageAttemptByCategory'\r\nimport MDSpinner from 'react-md-spinner'\r\n\r\nexport default class ReportCard extends Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n reportCardData: null,\r\n jsonreport: null,\r\n firstAttemptData: null,\r\n bestAttemptData: null,\r\n worstPerformingCases: [],\r\n bestPerformingCases: [],\r\n reportCardError: null,\r\n loadingReportCard: false,\r\n loadingChangeExamDate: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.fetchReportCard()\r\n }\r\n\r\n fetchReportCard = () => {\r\n this.setState({loadingReportCard: true})\r\n\r\n fetch(`${this.props.route}/reportcard.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n 'Content-Type': 'text/plain',\r\n },\r\n body: JSON.stringify({\r\n customerId: this.props.userData.CustomerId\r\n })\r\n })\r\n .then((response) => {\r\n this.setState({loadingReportCard: false})\r\n\t\t\tif (response.status === 401) {\r\n\t\t\t\tthis.props.setAuthenticationError()\r\n\t\t\t\tthrow new Error('Authentication Error')\r\n\t\t\t} else {\r\n\t\t\t\treturn response.text()\r\n\t\t\t}\r\n })\r\n .then(result => {\r\n //Attempt sending logs\r\n fetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n\r\n if (result.includes('Error:')) {\r\n return this.setState({reportCardError: result.substring(7)})\r\n }\r\n\r\n const reportCardData = JSON.parse(result)\r\n\r\n reportCardData.da = reportCardData.da.reverse()\r\n\r\n // Create the json report for bar graph modules\r\n let jsonreport = this.formatJsonReport(reportCardData.jsonreport)\r\n\r\n this.setState({reportCardData, jsonreport})\r\n\r\n })\r\n .catch(error => {\r\n this.setState({loadingReportCard: false})\r\n console.log('error', error);\r\n this.setState({reportCardError: \"Failed to get report card\"})\r\n logFetchError(error, this.props.userProfile, this.props.userData, 'fetchLoginToken')\r\n });\r\n }\r\n\r\n formatJsonReport = (jsonreport) => {\r\n // Initialize format for final report. New categories can be added here and they\r\n // will populate in the respective bar graph modules.\r\n let finalReport = [\r\n {\r\n title: 'Pediatrics',\r\n visibilityToggle: 'showPediatrics',\r\n scores: []\r\n },\r\n {\r\n title: 'Internal Medicine',\r\n visibilityToggle: 'showInternalMedicine',\r\n scores: []\r\n },\r\n {\r\n title: 'OB/GYN',\r\n visibilityToggle: 'showOBGYN',\r\n scores: []\r\n },\r\n {\r\n title: 'Neurology',\r\n visibilityToggle: 'showNeurology',\r\n scores: []\r\n },\r\n {\r\n title: 'Emergency Medicine',\r\n visibilityToggle: 'showEmergencyMedicine',\r\n scores: []\r\n },\r\n {\r\n title: 'Psychiatry',\r\n visibilityToggle: 'showPsychiatry',\r\n scores: []\r\n },\r\n ]\r\n\r\n jsonreport.forEach((value, index) => {\r\n finalReport[value.CaseCategory - 1].scores.push(value)\r\n })\r\n\r\n return(finalReport)\r\n }\r\n\r\n fetchChangeExamDate = async (newDate) => {\r\n\r\n this.setState({loadingChangeExamDate: true})\r\n\r\n // updatedSuccessfully is keeping track of whether or not the input field should\r\n // clear itself after fetchChangeExamDate is finished executing\r\n let updatedSuccessfully = false\r\n await fetch(`${this.props.route}/updateexamdate.webapi`, {\r\n method: 'POST',\r\n headers: {\r\n 'Token': this.props.userData.Token,\r\n 'Content-Type': 'text/plain',\r\n },\r\n body: JSON.stringify({\r\n customerId: this.props.userData.CustomerId,\r\n ExamDate: newDate\r\n })\r\n })\r\n .then(response => response.text())\r\n .then(result => {\r\n this.setState({loadingChangeExamDate: false})\r\n //Attempt sending logs\r\n fetchSubmitLogs(this.props.userProfile, this.props.userData)\r\n this.fetchReportCard()\r\n updatedSuccessfully = false\r\n })\r\n .catch(error => {\r\n this.setState({loadingChangeExamDate: false})\r\n console.log('error', error);\r\n logFetchError(error, this.props.userProfile, this.props.userData, 'fetchChangeExamDate')\r\n });\r\n\r\n return updatedSuccessfully\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n Average Attempt By Category
\r\n\r\n
\r\n \r\n
\r\n {props.data.OverallAverageGradeAttempt.map((value, index) => (\r\n Category
\r\nYour Avg First Attempt
\r\nAll Users' Avg First Attempt
\r\nYour Avg Best Attempt
\r\nYour Avg All Attempts
\r\n\r\n
\r\n ))}\r\n {value.CaseCategory}
\r\n{getCategoryValue(value.CaseCategory, \"OverallFirstGradeAttempt\")}%
\r\n{getCategoryValue(value.CaseCategory, \"OverallGeneralUserGradeAttempt\")}%
\r\n{getCategoryValue(value.CaseCategory, \"OverallBestGradeAttempt\")}%
\r\n{Number(value.AverageGrade).toFixed(2)}%
\r\n\r\n
\r\n )\r\n }\r\n}\r\n","\r\n\r\nconst ConvertMountainTimeToLocal = (dateToConvert, userTimezone) => {\r\n if (userTimezone === \"\" || userTimezone === \"-7\")\r\n return dateToConvert\r\n\r\n let timezoneOffset = -7 - parseInt(userTimezone)\r\n timezoneOffset *= -1\r\n let convertedDate = new Date(new Date(dateToConvert).getTime() + timezoneOffset * 3600000)\r\n return convertedDate\r\n}\r\n\r\nexport default ConvertMountainTimeToLocal","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport React, { Component } from 'react'\r\nimport './IncompleteCasePopup.css'\r\nimport { motion } from 'framer-motion/dist/framer-motion'\r\nimport MDSpinner from 'react-md-spinner'\r\nimport ConvertMountainTimeToLocal from '../../Functions/ConvertMountainTimeToLocal'\r\n\r\nexport default class IncompleteCasePopup extends Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n optionSelected: -1,\r\n incompleteAttempts: [\r\n \"May 5th, 2022, 10:22 AM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\",\r\n \"May 8th, 2022, 3:56 PM\"\r\n ]\r\n }\r\n }\r\n\r\n formatTime = (rawTime) => {\r\n let date = new Date(ConvertMountainTimeToLocal(rawTime, this.props.TimeZone))\r\n const MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']\r\n\r\n let month = MONTHS[date.getMonth()]\r\n let day = date.getDate()\r\n let year = date.getFullYear()\r\n let hours = date.getHours()\r\n let minutes = date.getMinutes()\r\n let dayPeriod = 'AM'\r\n\r\n if (hours > 12) {\r\n hours -= 12\r\n dayPeriod = 'PM'\r\n } else if (hours === 12) {\r\n dayPeriod = 'PM'\r\n } else if (hours === 0) {\r\n hours = 12\r\n }\r\n\r\n let suffix = \"\"\r\n\r\n if (day % 10 === 1 && day !== 11)\r\n suffix = 'st'\r\n else if (day % 10 === 2 && day !== 12)\r\n suffix = 'nd'\r\n else if (day % 10 === 3 && day !== 13)\r\n suffix = 'rd'\r\n else\r\n suffix = 'th'\r\n \r\n return `${month} ${day}${suffix}, ${year}, ${hours}:${minutes < 10 ? `0${minutes}` : minutes} ${dayPeriod}`\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.state.loadingReportCard &&\r\n Step 3 CCS Cases - Report Card
\r\n \r\n\r\n
\r\n }\r\n {this.state.reportCardData &&\r\n Loading Report Card...
\r\n\r\n
\r\n }\r\n {this.state.jsonreport &&\r\n \r\n
\r\n Total Cases Attempted
\r\n{this.state.reportCardData.TotalNumberOfCasesAttempted}
\r\n\r\n
\r\n Total Cases Completed
\r\n{this.state.reportCardData.TotalCasesCompleted}
\r\n\r\n
\r\n Total Cases Remaining
\r\n{this.state.reportCardData.TotalNumberOfCasesLeftToDo}
\r\n\r\n
\r\n Average Attempts Per Case
\r\n{Number(this.state.reportCardData.AverageAttemptsPerCase).toFixed(2)}
\r\n\r\n
\r\n }\r\n {this.state.reportCardData &&\r\n \r\n
\r\n }\r\n {this.state.jsonreport &&\r\n \r\n
\r\n Worst Category By Average Score
\r\n{this.state.reportCardData.LowestCategoryForAverages.CategoryName} ({this.state.reportCardData.LowestCategoryForAverages.categoryAverage}%)
\r\n\r\n
\r\n Worst Category By First Score
\r\n{this.state.reportCardData.LowestCategoryForFirstAttempts.CategoryName} ({this.state.reportCardData.LowestCategoryForFirstAttempts.categoryAverage}%)
\r\n\r\n
\r\n Worst Category By Best Score
\r\n{this.state.reportCardData.LowestCategoryForBestAttempts.CategoryName} ({this.state.reportCardData.LowestCategoryForBestAttempts.categoryAverage}%)
\r\n\r\n
\r\n }\r\n {this.state.reportCardData &&\r\n \r\n
\r\n }\r\n \r\n {this.state.reportCardError}\r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import { motion } from 'framer-motion/dist/framer-motion'\r\nimport React, { Component } from 'react'\r\nimport './TagsPopup.css'\r\n\r\nexport default class TagsPopup extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n displayedTags: props.tags,\r\n searchString: \"\",\r\n showAllTags: false\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.tags !== this.props.tags) {\r\n this.updateTags()\r\n }\r\n }\r\n\r\n updateTags = () => {\r\n let tags = [...this.props.tags]\r\n let displayedTags = []\r\n tags.forEach((tag, index) => {\r\n if (tag.tag.toLowerCase().includes(this.state.searchString.toLowerCase()))\r\n displayedTags.push(tag)\r\n })\r\n this.setState({displayedTags})\r\n }\r\n\r\n updateSearch = (e) => {\r\n let tags = [...this.props.tags]\r\n let displayedTags = []\r\n tags.forEach((tag, index) => {\r\n if (tag.tag.toLowerCase().includes(e.target.value.toLowerCase()))\r\n displayedTags.push(tag)\r\n })\r\n this.setState({searchString: e.target.value, displayedTags})\r\n }\r\n\r\n selectTag = (tagId) => {\r\n this.props.selectTag(tagId)\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n this.selectTag(tag.tagId)}\r\n >\r\n {tag.selected && }\r\n
\r\n ))}\r\n {this.state.displayedTags.length > 25 && !this.state.showAllTags &&\r\n Add Tags
\r\nBegin typing a word and select from our list of tags. Selected tags will show up in your filter panel for you to toggle on and off.
\r\n this.updateSearch(e)} placeholder=\"Ex: Fever, Headache, Cough, etc…\" />\r\n\r\n {this.state.displayedTags.map((tag, index) => (\r\n tag.selected &&\r\n this.selectTag(tag.tagId)}\r\n >\r\n {tag.selected && }\r\n
\r\n ))}\r\n {this.state.displayedTags.map((tag, index) => (\r\n (index <= 25 || this.state.showAllTags) && !tag.selected &&\r\n {tag.tag}
\r\n{tag.tag}
\r\n this.setState({showAllTags: true})}>\r\n
\r\n }\r\n {this.state.displayedTags.length === 0 &&\r\n {this.state.displayedTags.length - 25} More Tags...
\r\n\r\n
\r\n }\r\n No Tags Match Your Search
\r\n