\n \n Duplicate login Error!\n \n \n An error occurred and we were unable to create the site! It appears that a site with that site name already exists. Please try again with a unique site name.
\n \n \n );\n};\n\nexport default DuplicateSiteNameModal;","import React from 'react';\nimport { Modal, Button, Icon } from 'semantic-ui-react';\nimport { UserForm } from '../Forms/UserForm';\nimport { SiteForm } from '../Forms/SiteForm';\nimport axios from 'axios';\nimport { Form, Header, Dropdown } from 'semantic-ui-react';\nimport btoa from 'btoa';\nimport { key, url, getCookie, validateEmail, validatePhone } from '../../Util';\nimport { NotificationForm } from '../Forms/NotificationForm';\nimport { ProviderForm } from '../Forms/ProviderForm';\nimport DuplicateUsernameModal from '../Admin/DuplicateUsernameModal';\nimport PasswordInstructionsError from '../Login/PasswordInstructionsError';\nimport RequiredFieldsError from '../Login/RequiredFieldsError';\nimport ProviderError from './ProviderError';\nimport SiteError from './SiteError';\nimport DuplicateSiteNameModal from '../Admin/DuplicateSiteNameModal';\n\nexport class AdminModals extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n site: {},\n user: {},\n notification: {},\n newUser: { id: 0 },\n newSite: { id: 0 },\n newNotification: { id: '', content: '', notificationStatus: 12 },\n resetSuccess: {},\n provider: { providerTypes: [] },\n duplicateUsernameModal: false,\n passwordInstructionsErrorOpen: false,\n userRequiredFieldsErrorOpen: false,\n newUserRequiredFieldsErrorOpen: false,\n providerErrorOpen: false,\n duplicateSiteNameModal: false,\n siteErrorOpen: false,\n newSiteErrorOpen: false\n // resetPassNotificationModal: false\n };\n }\n\n componentDidMount() {\n let token = getCookie('token');\n this.setState({ token });\n }\n\n\n handleModal = () => {\n const {userID, siteID, notificationID, providerID} = this.props;\n siteID !== undefined ? this.setSite(siteID) :\n userID !== undefined ? this.getUser(userID) :\n notificationID !== undefined ? this.getNotification(notificationID) :\n providerID !== undefined ? this.getProvider(providerID) :\n this.setState({open: true});\n }\n\n handleClose = () => {\n this.setState({ newUser: {}, newSite: {}, provider: { providerTypes: [] }, open: false, resetSuccess: {}});\n }\n\n handleSubmit = async () => {\n switch (this.props.buttonText) {\n case 'New User':\n let newUser = this.state.newUser;\n if ( newUser && newUser.firstName && newUser.lastName && newUser.userName && validateEmail( newUser.email ) && validatePhone( newUser.phone ) && newUser.role && newUser.password && newUser.site ) {\n if ( /(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[`~!#$%^&*()_=+[\\]{}\\\\|;:’“,<.>/?-])(?:.){8,}$/.test( this.state.newUser.password ) ) {\n newUser.id = 0;\n const newUserPosted = await this.submitUser(newUser);\n if ( newUserPosted ) {\n this.setState({ newUser: {}, open: false });\n this.props.getUsers();\n }\n } else {\n this.setState({ passwordInstructionsErrorOpen: true });\n }\n } else {\n this.setState({ newUserRequiredFieldsErrorOpen: true });\n }\n break;\n case 'Select User':\n let { user } = this.state;\n if ( user && user.firstName && user.lastName && user.userName && validateEmail( user.email ) && validatePhone( user.phone ) && user.role && user.site ) {\n const userPosted = await this.submitUser(user);\n if ( userPosted ) {\n this.setState({ open: false, resetSuccess: {} });\n this.props.getUsers();\n }\n } else {\n this.setState({ userRequiredFieldsErrorOpen: true });\n }\n break;\n case 'Select Site':\n let { site } = this.state;\n let siteIsValid = site.name;\n if ( siteIsValid ) {\n const sitePosted = await this.submitSite( this.state.site );\n if ( sitePosted ) {\n this.setState({ open: false });\n }\n } else {\n this.setState({ siteErrorOpen: true });\n }\n break;\n case 'New Site':\n let { newSite } = this.state;\n let newSiteIsValid = newSite.name;\n if ( newSiteIsValid ) {\n const newSitePosted = await this.submitSite(this.state.newSite);\n if ( newSitePosted ) {\n this.setState({ newSite: {}, open: false });\n }\n }\n break;\n case 'New Notification':\n this.submitNotification(this.state.newNotification);\n this.setState({\n open: false,\n newNotification: { id: '', content: '', notificationStatus: 12 },\n });\n break;\n case 'Select Notification':\n this.submitNotification(this.state.notification);\n this.setState({ open: false });\n\n break;\n case 'New Provider':\n let newProvider = this.state.provider;\n let newProviderIsValid = newProvider.name\n && newProvider.description\n && newProvider.contactName\n && validateEmail( newProvider.contactEmail )\n && validatePhone( newProvider.contactPhone )\n && newProvider.login\n && newProvider.providerTypes.length;\n if ( newProviderIsValid ) {\n const newProviderPosted = await this.props.postProvider(this.state.provider, true);\n if ( newProviderPosted ) {\n this.setState({ provider: { providerTypes: [] }, open: false });\n }\n } else {\n this.setState({ providerErrorOpen: true });\n }\n break;\n case 'Select Provider':\n let { provider } = this.state;\n let providerIsValid = provider.name\n && provider.description\n && provider.contactName\n && validateEmail( provider.contactEmail )\n && validatePhone( provider.contactPhone )\n && provider.login\n && provider.providerTypes.length;\n if ( providerIsValid ) {\n const providerPosted = await this.props.postProvider(this.state.provider);\n if ( providerPosted ) {\n this.setState({ open: false });\n }\n } else {\n this.setState({ providerErrorOpen: true });\n }\n break;\n default:\n this.setState({ open: false, resetSuccess: {} });\n }\n }\n\n handleUserChange = (event, { name, value }) => {\n let user = { ...this.state.user, [name]: value };\n this.setState({ user });\n }\n\n handleUserPhoneChange = value => {\n let phone = value;\n let user = { ...this.state.user, phone };\n this.setState({ user });\n }\n\n handleSiteChange = (event, { name, value }) => {\n if (name === undefined || value === undefined) {\n const site = { ...this.state.site, contactPhone: event };\n this.setState({ site });\n } else {\n let site = { ...this.state.site, [name]: value };\n this.setState({ site });\n }\n }\n\n handleNewSite = (event, { name, value }) => {\n if (name === undefined || value === undefined) {\n const site = { ...this.state.newSite, contactPhone: event };\n this.setState({ newSite: site });\n } else {\n let newSite = { ...this.state.newSite, [name]: value };\n this.setState({ newSite });\n }\n }\n\n handleNewUser = (event, { name, value }) => {\n let newUser = { ...this.state.newUser, [name]: value };\n this.setState({ newUser });\n }\n\n handleNewUserPhone = value => {\n let phone = value;\n if (phone.length >= 14) {\n let newUser = { ...this.state.newUser, phone: phone };\n this.setState({ newUser });\n }\n }\n\n handleNewNotification = (event, { name, value }) => {\n let notification = { ...this.state.newNotification, [name]: value };\n this.setState({ newNotification: notification });\n }\n\n handleNotificationChange = (event, { name, value }) => {\n if (name == 'notificationStatus' && value == 20) {\n value = 12;\n let notification = { ...this.state.notification, [name]: value };\n this.setState({ notification });\n } else if (name == 'notificationStatus' && value != 20) {\n value = 20;\n let notification = { ...this.state.notification, [name]: value };\n this.setState({ notification });\n } else {\n let notification = { ...this.state.notification, [name]: value };\n this.setState({ notification });\n }\n }\n\n getProvider = id => {\n if (id !== undefined) {\n axios({\n method: 'get',\n url: url + 'provider/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.setState({ provider: res.data, open: true });\n });\n } else {\n this.setState({ provider: { providerTypes: [] }, open: true });\n }\n }\n\n handleProviderChange = (event, { name, value }) => {\n const provider = { ...this.state.provider, [name]: value };\n this.setState({ provider });\n }\n\n handleProviderTypeChange = (e, {value}) => {\n const providerTypes = value.map( providerType => ({ id: providerType }) );\n const provider = { ...this.state.provider, providerTypes };\n this.setState({ provider });\n }\n\n deleteUser = () => {\n const id = this.state.user.id;\n axios({\n method: 'delete',\n url: url + 'user/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n\n this.setState({ open: false });\n this.props.getUsers();\n });\n }\n\n deleteSite = () => {\n const id = this.state.site.id;\n axios({\n method: 'delete',\n url: url + 'site/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.setState({ open: false });\n this.props.getSites();\n });\n }\n\n setSite = id => {\n if (id !== undefined) {\n axios({\n method: 'get',\n url: url + 'site/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.setState({ site: res.data, open: true});\n });\n }\n }\n\n getUser = id => {\n if (id !== undefined) {\n axios({\n method: 'get',\n url: url + 'user/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n let user = res.data;\n this.setState({ user, open: true });\n\n\n });\n }\n }\n\n submitUser = async user => {\n if ( user.password ) {\n const password = btoa( user.password );\n try {\n await axios({\n method: 'post',\n url: url + 'user?Password=' + password,\n data: user,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n });\n this.props.getUsers();\n\n return true;\n } catch ( e ) {\n console.log( e.response );\n if ( e.response.status === 409 ) {\n this.setState({ duplicateUsernameModal: true });\n }\n return false;\n };\n\n } else {\n try {\n const res = await axios({\n method: 'post',\n url: url + 'user',\n data: user,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n });\n if ( res ) {\n this.props.getUsers();\n\n return true;\n }\n } catch ( e ) {\n if ( e.response.status === 409 ) {\n this.setState({ duplicateUsernameModal: true });\n }\n return false;\n };\n }\n }\n\n submitSite = async site => {\n try {\n const res = await axios({\n method: 'post',\n url: url + 'site',\n data: site,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n });\n if ( res ) {\n this.props.getSites();\n return true;\n };\n } catch ( e ) {\n if ( e.response.status === 409 ) {\n this.setState({ duplicateSiteNameModal: true });\n }\n return false;\n }\n }\n\n getNotification = id => {\n if (id !== undefined) {\n axios({\n method: 'get',\n url: url + 'Notification/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.setState({ notification: res.data, open: true });\n });\n }\n }\n\n submitNotification = notification => {\n axios({\n method: 'post',\n url: url + 'Notification',\n data: notification,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.props.getNotifications();\n this.handleSubmit();\n });\n }\n\n resetUserPassword = () => {\n let email = this.state.user.email;\n\n if (email !== undefined) {\n axios({\n method: 'put',\n url: url + 'user/forgotpass?Email=' + email,\n headers: {\n api_key: key,\n },\n }).then(res => {\n this.setState({resetSuccess: res.data });\n // this.setState({resetSuccess: res.data, resetPassNotificationModal: true })\n // this.handleClose()\n });\n }\n\n }\n\n render() {\n const {open} = this.state;\n\n return (\n \n \n {this.props.buttonText}\n \n }\n open={open}\n onClose={this.handleClose}\n size=\"tiny\"\n closeOnDocumentClick={false}\n closeOnDimmerClick={false}\n >\n \n {this.props.buttonText === 'New User' ? (\n (\n \n )}\n siteOptions={this.props.siteOptions}\n handleNewUser={this.handleNewUser}\n handleNewUserPhone={this.handleNewUserPhone}\n user={this.state.newUser}\n userRoleOptions={this.props.userRoleOptions}\n />\n ) : this.props.buttonText === 'New Site' ? (\n (\n \n )}\n handleNewSite={this.handleNewSite}\n site={this.state.newSite}\n getSites={this.props.getSites}\n />\n ) : this.props.buttonText === 'New Notification' ? (\n (\n \n )}\n notification={this.state.newNotification}\n handleNewNotification={this.handleNewNotification}\n />\n ) : this.props.siteRow ? (\n (\n \n )}\n site={this.state.site}\n handleSiteChange={this.handleSiteChange}\n deleteSite={this.deleteSite}\n getSites={this.props.getSites}\n />\n ) : this.props.userRow ? (\n (\n \n )}\n user={this.state.user}\n siteOptions={this.props.siteOptions}\n handleUserChange={this.handleUserChange}\n handleUserPhoneChange={this.handleUserPhoneChange}\n deleteUser={this.deleteUser}\n userRoleOptions={this.props.userRoleOptions}\n resetUserPassword={this.resetUserPassword}\n resetSuccess={this.state.resetSuccess}\n />\n ) : this.props.notificationRow ? (\n (\n \n )}\n notification={this.state.notification}\n handleNotificationChange={this.handleNotificationChange}\n />\n ) : this.props.buttonText === 'New Provider' ? (\n (\n \n )}\n provider={this.state.provider}\n handleProviderChange={this.handleProviderChange}\n handleProviderTypeChange={this.handleProviderTypeChange}\n handleClose={this.handleClose}\n getProvider={this.getProvider}\n getProviders={this.props.getProviders}\n />\n ) : this.props.providerRow ? (\n (\n \n )}\n provider={this.state.provider}\n handleProviderChange={this.handleProviderChange}\n handleProviderTypeChange={this.handleProviderTypeChange}\n handleClose={this.handleClose}\n getProvider={this.getProvider}\n providerRow={this.props.providerRow}\n getProviders={this.props.getProviders}\n showPinInput\n />\n ) : null}\n \n \n \n \n \n \n \n this.setState({ duplicateUsernameModal: false }) }\n />\n this.setState({ passwordInstructionsErrorOpen: false })}\n password={ this.state.newUser.password || '' }\n />\n this.setState({ userRequiredFieldsErrorOpen: false })}\n user={ this.state.user }\n />\n this.setState({ newUserRequiredFieldsErrorOpen: false })}\n user={ this.state.newUser }\n checkPass\n />\n this.setState({ providerErrorOpen: false })}\n provider={ this.state.provider }\n />\n this.setState({ duplicateSiteNameModal: false }) }\n />\n this.setState({ newSiteErrorOpen: false })}\n site={ this.state.newSite }\n />\n this.setState({ siteErrorOpen: false })}\n site={ this.state.site }\n />\n \n {/* this.setState({ resetPassNotificationModal: false }) }\n size=\"mini\"\n >\n \n An email containing a with a reset password link has been sent to the user's email address.\n \n */}\n \n );\n }\n}\n","import React from 'react';\nimport { TabHeader } from '../TabHeader/TabHeader';\nimport { Segment, Header, Loader, Dimmer } from 'semantic-ui-react';\nimport axios from 'axios';\nimport { getCookie, key, url } from '../../Util';\nimport _ from 'lodash';\n\n// let LineChart = require('react-chartjs').Line;\nlet DoughnutChart = require('react-chartjs').Doughnut;\nlet BarChart = require('react-chartjs').Bar;\n\nexport class Dashboard extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n chart1:false,\n chart2:false,\n chart3:false,\n };\n }\n\n componentDidMount() {\n\n let date = new Date();\n let mm = date.getMonth();\n let dd = date.getDate();\n let yyyy = date.getFullYear();\n mm = mm + 1;\n\n let yearPrevious = yyyy - 1;\n let start = `${mm}/${dd}/${yearPrevious}`;\n let today = `${mm}/${dd}/${yyyy}`;\n this.setState({ start, today });\n\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n\n if (this.props.profile !== undefined) {\n let site = this.props.profile.site;\n this.setState({ site });\n }\n }\n\n componentDidUpdate(prevState, prevProps) {\n console.log( this.state);\n if (this.props.profile !== undefined & this.state.site === undefined) {\n let site = this.props.profile.site;\n this.setState({ site });\n }\n\n if (this.state.today !== undefined && this.state.site !== undefined) {\n if (this.state.chart1 === false)\n this.getGenderChart();\n\n if (this.state.chart2 === false)\n this.getSubstancesChart();\n\n if (this.state.chart3 === false)\n this.getReferralChart();\n }\n }\n\n fetchReportType = (reportType, param, dateStart, dateEnd) => {\n axios({\n method: 'get',\n url:\n url +\n `vizreport/${reportType}?parm=${param}&dateStart=${dateStart}&dateEnd=${dateEnd}`,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n })\n .then(res => {\n this.setState({ [reportType]: res.data });\n\n // console.log(\"This is dashboard state\", this.state);\n\n })\n .catch(error => console.log(error));\n }\n\n getGenderChart = () => {\n let start = this.state.start;\n let today = this.state.today;\n let siteId = this.state.site.id;\n\n this.setState({ chart1: true });\n\n if (start !== undefined && today !== undefined ) {\n this.fetchReportType(1, siteId, start, today);\n }\n }\n\n getReferralChart = () => {\n let start = this.state.start;\n let today = this.state.today;\n let siteId = this.state.site.id;\n\n this.setState({ chart2: true });\n\n if (start !== undefined && today !== undefined) {\n this.fetchReportType(2, siteId, start, today);\n }\n }\n\n getSubstancesChart = () => {\n let start = this.state.start;\n let today = this.state.today;\n let siteId = this.state.site.id;\n\n this.setState({ chart3: true });\n\n if (start !== undefined && today !== undefined) {\n this.fetchReportType(3, siteId, start, today);\n }\n }\n\n render() {\n const content = 'SSP Dashboard View';\n const genderPie = \n
\n );\n }\n}\n\nfunction getRandomColor() {\n //Selecting color based on color range to maintain look/feel coordination.\n var shades = [\n '#f0e6ff',\n '#e0ccff',\n '#d1b3ff',\n '#c299ff',\n '#b380ff',\n '#a366ff',\n '#944dff',\n '#8533ff',\n '#751aff',\n '#6600ff',\n '#5c00e6',\n '#5200cc',\n '#4700b3',\n '#3d0099',\n '#330080',\n '#290066',\n '#1f004d',\n '#140033',\n '#0a001a',\n '#000000',\n '#690df2',\n '#6a13ec',\n '#6b19e6',\n '#6c20df',\n '#6e26d9',\n '#6f2dd2',\n '#7033cc',\n '#7139c6',\n '#7340bf',\n '#7446b9',\n '#754db3',\n '#7753ac',\n '#7859a6',\n '#79609f',\n '#7a6699',\n '#7c6c93',\n '#7d738c',\n '#7e7986',\n '#808080',\n ];\n var used = [];\n\n var color = '';\n\n if (shades.length === used.length) {\n //Get random color out of range\n color = getAllRandomColor();\n } else {\n while (!color) {\n var selIndex = Math.floor(Math.random() * shades.length);\n color = shades[selIndex];\n }\n\n used.push(shades[selIndex]);\n shades[selIndex] = '';\n }\n\n return color;\n}\n\nfunction getAllRandomColor() {\n var letters = '0123456789ABCDEF';\n var color = '#';\n for (var i = 0; i < 6; i++) {\n color += letters[Math.floor(Math.random() * 16)];\n }\n\n return color;\n}\n\n// const lineData = {\n// labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n// datasets: [\n// {\n// label: 'My First dataset',\n// fillColor: 'rgba(220,220,220,0.2)',\n// strokeColor: 'rgba(220,220,220,1)',\n// pointColor: 'rgba(220,220,220,1)',\n// pointStrokeColor: '#fff',\n// pointHighlightFill: '#fff',\n// pointHighlightStroke: 'rgba(220,220,220,1)',\n// data: [65, 59, 80, 81, 56, 55, 40],\n// },\n// {\n// label: 'My Second dataset',\n// fillColor: 'rgba(195, 198, 235,0.2)',\n// strokeColor: 'rgba(195, 198, 235,1)',\n// pointColor: 'rgba(195, 198, 235,1)',\n// pointStrokeColor: '#fff',\n// pointHighlightFill: '#fff',\n// pointHighlightStroke: 'rgba(195, 198, 235,1)',\n// data: [28, 48, 40, 19, 86, 27, 90],\n// },\n// ],\n// };\n\n// class FirstChart extends React.Component {\n// render() {\n// return (\n// \n// \n// \n// );\n// }\n// }\n\nconst PieChart = props => {\n let reportType = props.reportType;\n let report = props.data[reportType];\n let data = [];\n let name;\n let description;\n\n if (report !== undefined) {\n report.results.forEach(result => {\n result.values.forEach(value => {\n let dataSegment = {\n value: value.yVal,\n color: getRandomColor(),\n label: value.xVal,\n };\n data.push(dataSegment);\n });\n });\n name = report.name;\n description = report.description;\n }\n\n return (\n \n {!data ? (\n \n \n \n \n ) : (\n \n {name !== undefined ? name : null} \n \n {description !== undefined ? description : null}\n \n \n )}\n \n );\n};\n\nconst DynamicBarChart = props => {\n let reportType = props.reportType;\n let report = props.data[reportType];\n let barData;\n let name;\n let description;\n\n if (report !== undefined) {\n let labels = [];\n // let dataSetValues = [];\n let dataSets = [];\n\n for (let i = 0; i < report.results.length; i++) {\n let dataSetValues = [];\n\n report.results[i].values.forEach(value => {\n let includes = _.includes(labels, value.xVal);\n if (!includes) {\n labels.push(value.xVal);\n }\n });\n\n report.results[i].values.forEach(value => {\n dataSetValues.push(value.yVal);\n });\n\n let newDataSet = {\n label: report.results[i].label,\n fillColor: getRandomColor(),\n data: dataSetValues,\n };\n\n dataSets.push(newDataSet);\n }\n\n barData = {\n labels: labels,\n datasets: dataSets,\n };\n\n name = report.name;\n description = report.description;\n }\n\n let chartOptions = {\n scaleBeginAtZero: false,\n scaleShowHorizontalLines: true,\n barValueSpacing: 5,\n };\n\n return (\n \n {!barData ? (\n \n \n \n \n ) : (\n \n {name !== undefined ? name : null} \n \n {description !== undefined ? description : null}\n \n \n )}\n \n );\n};\n","import React from \"react\";\nimport { key, url, setCookie } from '../Util';\nimport { Modal } from 'semantic-ui-react';\n\nexport default function(AppLogout) {\n return class LogoutTimeout extends React.Component {\n constructor (props) {\n super(props)\n this.state = {\n warningTime: 1000 * 60 * 10,\n signoutTime: 1000 * 60 * 15,\n warningModal: false\n };\n }\n\n componentDidMount() {\n this.events = [\n 'load',\n 'mousemove',\n 'mousedown',\n 'click',\n 'scroll',\n 'keypress'\n ];\n\n for( let i in this.events ) {\n window.addEventListener( this.events[i], this.resetTimer );\n }\n\n this.setTimer();\n }\n\n clearTimer = () => {\n if( this.warnTimer ) clearTimeout( this.warnTimer );\n if( this.logoutTimer ) clearTimeout( this.logoutTimer );\n }\n\n setTimer = () => {\n this.warnTimer = setTimeout( this.warn, this.state.warningTime );\n this.logoutTimer = setTimeout( this.logout, this.state.signoutTime );\n };\n\n resetTimer = () => {\n if ( this.state.warningModal ) this.setState({ warningModal: false });\n this.clearTimer();\n this.setTimer();\n }\n\n destroyTimer = () => {\n const events = [\n 'load',\n 'mousemove',\n 'mousedown',\n 'click',\n 'scroll',\n 'keypress'\n ];\n for ( let i in events ) {\n window.removeEventListener( events[i], this.resetTimer );\n }\n }\n\n warn = () => {\n this.setState({ warningModal: true });\n };\n\n logout = () => {\n this.setState({ warningModal: false });\n this.destroyTimer();\n setCookie( 'token', this.props.token, -1 );\n window.location.reload();\n };\n\n render() {\n return (\n \n \n \n No activity has been detected for 10 minutes.\n \n \n \n );\n }\n }\n}\n","import React from 'react';\n\nconst PointsContext = React.createContext();\n\nexport class PointsContextProvider extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n points: 0,\n totalPoints: 0,\n changedPoints: 0\n };\n }\n\n componentDidMount() {\n if (this.props.values !== undefined) {\n let values = this.props.values;\n this.setState({\n points: values.points,\n totalPoints: values.totalPoints,\n changedPoints: values.changedPoints\n });\n }\n }\n\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.values !== this.props.values) {\n let values = this.props.values;\n let points = prevProps.values.points += values.changedPoints;\n this.setState({points, totalPoints: values.totalPoints, changedPoints: values.changedPoints });\n }\n }\n\n render() {\n const { children } = this.props;\n return (\n \n {console.log(this.props.values)}\n {children}\n \n );\n }\n}\n\nexport const PointsContextConsumer = PointsContext.Consumer;\n","import React from 'react';\nimport axios from 'axios';\nimport { key, url, getCookie } from '../Util';\nimport _ from 'lodash';\n\nconst AIContext = React.createContext();\n\nexport class AIContextProvider extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { baseObject: {}, aiTaskResponse: {} };\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n\n if (this.props.values !== undefined && this.props.values.elements !== undefined) {\n this.setState({ elements: this.props.values.elements });\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { values } = this.props;\n\n if (\n prevProps.values !== undefined &&\n prevProps.values.activeIndex !== values.activeIndex\n ) {\n this.runAITask();\n }\n\n if (\n prevProps.values !== undefined &&\n prevProps.values.baseObject !== values.baseObject\n ) {\n let baseID = values.baseObject.id;\n let baseObject = values.baseObject;\n\n this.setState({ baseID, baseObject });\n }\n }\n\n runAITask = () => {\n // console.log(this.props.values.aiTasks, this.state.baseObject, this.state.elements);\n let aiTasks = this.props.values.aiTasks;\n this.state.elements.map(element => {\n let includes = _.includes(aiTasks, element.id);\n let baseObject = this.state.baseObject;\n if (includes == true) {\n let id = element.id;\n axios({\n method: 'post',\n url: url + 'AI/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: baseObject,\n }).then(res => {\n let aiTaskResponse = res.data;\n this.setState({ aiTaskResponse });\n });\n }\n });\n }\n\n render() {\n const { children } = this.props;\n return (\n \n {children}\n \n );\n }\n}\n\nexport const AIContextConsumer = AIContext.Consumer;\n","import React from 'react';\nimport axios from 'axios';\nimport { key, url, getCookie } from '../Util';\nimport { PointsContextProvider } from './PointsContext';\nimport { AIContextProvider } from './AIContext';\nimport AppLogout from '../Containers/LogoutTimeout';\nimport moment from 'moment';\nimport _ from 'lodash';\n\nexport const BaseObjectContext = React.createContext();\n\n/*\n invalidFields state object holds fields as Objects as {id: INT, invalid: Boolean}\n\n validateField(fieldid, fieldvalue, fieldReqs)\n -takes in elementID, value, and requirments, then checks if value\n meets validation requirments\n -if valid, pushed to baseObject\n -if invalid:\n -not added to baseObject\n -pushed to [invalidFields] in state\n -error prop on field will be set to true\n*/\n\nexport class BaseObjectProvider extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { points: 0, aiTasks: [], invalidFields: [] };\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n\n if (this.props.baseObject !== undefined) {\n let baseObject = this.props.values.baseObject;\n\n this.setState({ baseObject, instanceID: \"\", points: 0 });\n }\n }\n\n validateField = (elementID, value, requirements) => {\n let invalidFields = this.state.invalidFields;\n let find = _.find(invalidFields, { id: elementID });\n if (requirements !== undefined) {\n let validation = requirements.map(req => req.regEx);\n if (validation.length > 0) {\n validation.map(v => {\n let expression = new RegExp(v);\n let valid = expression.test(value);\n let invalidField = { id: elementID, valid: valid };\n if (find == undefined) {\n if (valid == false) {\n invalidFields.push(invalidField);\n this.setState({ invalidFields });\n }\n }\n\n if (find !== undefined) {\n if (valid !== false) {\n let index = _.findIndex(invalidFields, elementID);\n invalidFields.splice(index, 1);\n this.setState({ invalidFields });\n }\n }\n });\n }\n }\n }\n\n\n\n componentDidUpdate = (prevProps, prevState) => {\n if (\n this.state.baseObject !== undefined &&\n this.state.inputData == undefined\n ) {\n let baseInputData = this.state.baseObject.inputData;\n let instanceID = this.state.instanceID;\n let records = this.state.baseObject.records;\n let record = _.find(records, { id: instanceID });\n let recordInput = record !== undefined ? record.inputData : [];\n let inputData = _.concat(baseInputData, recordInput);\n this.setState({ inputData, records, record, recordInput });\n }\n\n if (\n prevProps.values !== undefined &&\n prevProps.values.baseObject !== this.props.values.baseObject\n ) {\n this.setState({ baseObject: this.props.values.baseObject });\n }\n\n\n if (prevState.baseObject !== this.state.baseObject) {\n let baseInputData = this.state.baseObject.inputData;\n let instanceID = this.state.instanceID;\n let records = this.state.baseObject.records;\n let record = _.find(records, { id: instanceID });\n let recordInput = record !== undefined ? record.inputData : [];\n let inputData = _.concat(this.state.baseObject.inputData, this.state.baseObject.records.inputData);\n let baseObject = this.state.baseObject;\n this.setState({ inputData, records, record, recordInput, baseObject });\n }\n\n if (\n prevState.baseObject !== undefined &&\n this.state.baseObject.records !== undefined &&\n prevState.baseObject.records.length < this.state.baseObject.records.length\n ) {\n this.setState({isLoading: true})\n // this.getRecords();\n }\n\n if(prevProps.values !== undefined &&prevProps.values.activeComponent !== this.props.values.activeComponent) {\n if(this.props.values.activeComponent == 'base' ) {\n // this.setState({baseObject: {}, instanceID: \"\" })\n }\n }\n\n if (prevProps.baseObject !== this.props.baseObject) {\n this.setState({ baseObject: this.state.baseObject });\n }\n\n if (\n this.state.baseObject !== undefined &&\n prevState.baseObject !== undefined &&\n _.isEmpty(this.state.baseObject) == false &&\n prevState.baseObject.records !== undefined &&\n this.state.baseObject.records[0] !== prevState.baseObject.records[0]\n ) {\n if(this.state.baseObject.records.length > 0) {\n let inputData = _.concat(this.state.baseObject.inputData, this.state.baseObject.records[0].inputData);\n this.setState({ baseObject: this.state.baseObject , inputData});\n }\n }\n }\n\n\n\n postNewParticipant = async(sid, type) => {\n if (sid !== undefined && sid.length >= 11 && type == 'Participant') {\n this.props.updateCounter(1, 0);\n let smartID = sid.toString();\n let newParticipant = {\n id: 0,\n type: 18,\n scramblerID: null,\n smartID: smartID,\n historyID: '',\n dateRecorded: new Date(),\n status: {},\n inputData: [],\n records: [],\n notes: [],\n };\n\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: newParticipant,\n }).then( res => {\n let baseObject = res.data;\n this.setState({ baseObject: res.data });\n this.props.updateCounter(0, 1);\n this.startNewEventRecord(baseObject);\n });\n }\n\n if (sid !== undefined && sid.length >= 7 && type == 'Community') {\n\n this.props.updateCounter(1, 0);\n let communityID = sid.toString();\n\n let newCommunity = {\n id: 0,\n type: 19,\n scramblerID: null,\n smartID: communityID,\n historyID: '',\n dateRecorded: new Date(),\n status: {},\n inputData: [],\n records: [],\n notes: [],\n };\n\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: newCommunity,\n }).then( res => {\n let baseObject = res.data;\n this.setState({ baseObject: res.data });\n this.props.updateCounter(0, 1);\n this.startNewEventRecord(baseObject);\n });\n }\n }\n\n startNewEventRecord = (baseObject) => {\n if (baseObject !== undefined) {\n this.props.updateCounter(1, 0);\n\n let newRecordInstance = {\n id: 0,\n inputData: [],\n dateRecorded: new Date(),\n status: {\n id: 0,\n description: null,\n },\n userRecorded: '',\n };\n\n // this.setState(state => {\n // const baseObject = state.baseObject;\n // baseObject.records = [...state.baseObject.records, newRecordInstance];\n // return {baseObject}\n // })\n\n const baseObject = this.state.baseObject;\n baseObject.records = [...baseObject.records, newRecordInstance];\n\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: baseObject,\n }).then(async res => {\n await this.setState({\n baseObject: res.data,\n instanceID: res.data.records[res.data.records.length - 1].id,\n });\n this.props.updateCounter(0, 1);\n this.getRecordInput(res.data.records[res.data.records.length - 1].id);\n });\n }\n }\n\n postEventRecord = () => {\n this.props.updateCounter(1, 0);\n let baseObject = this.state.baseObject;\n baseObject.records[0].dateRecorded = new Date();\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: baseObject,\n }).then(async res => {\n await this.setState({ baseObject: res.data, dateValue: {}, instanceID: null });\n this.props.updateCounter(0, 1);\n this.getRecords();\n });\n }\n\n getRecords = async (recordID = this.state.baseObject.id) => {\n this.setState({isLoading: true});\n // this.props.updateCounter(1, 0);\n const res = await axios({\n method: 'get',\n url: url + 'Record/' + recordID,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n })\n this.setState({ baseObject: res.data, records: res.data.records, points: 0, isLoading: false});\n }\n\n getRecordInput = id => {\n this.props.updateCounter(1, 0);\n this.setState({isLoading: true})\n axios({\n method: 'get',\n url: url + 'Record/Instance/' + id,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n }).then(async res => {\n let baseInput = res.data.inputData;\n let recordInputs = res.data.records[0].inputData;\n let inputData = _.concat(baseInput, recordInputs);\n\n await this.setState({\n instanceID: id,\n baseObject: res.data,\n record: res.data.records[0],\n records: res.data.records,\n inputData,\n points: 0,\n });\n this.props.updateCounter(0, 1);\n this.setState({isLoading: false});\n this.props.values.setActiveComponent('interface');\n });\n }\n\n onDateChange = (value, id, seq) => {\n let baseObject = this.state.baseObject;\n let record = this.state.record;\n let findRecord = _.find(record.inputData, { elementID: id });\n let findInstance = _.find(baseObject.records, { id: this.state.instanceID });\n const date = value._d.toUTCString();\n if (findRecord !== undefined) {\n } else {\n let newDate = {\n elementID: id,\n optionID: 0,\n value: date,\n seq: 0,\n };\n record.inputData = _.concat(record.inputData, newDate);\n findInstance = record;\n this.setState({ record, baseObject, dateValue: value });\n }\n }\n\n handleCollectionSubmission = (\n modalType,\n collectionValues,\n activeComponent,\n row,\n index\n ) => {\n let baseObject = this.state.baseObject;\n let instanceID = this.state.instanceID;\n let inputData = this.state.inputData;\n let record = _.find(baseObject.records, { id: instanceID });\n\n if (modalType == 'add') {\n row.map((value, index) => {\n let newInputData = {\n elementID: value.elementID,\n seq: value.seq,\n optionID: value.optionID,\n value: value.value\n }\n\n this.setState(state => {\n const inputData = [...state.inputData, newInputData];\n baseObject.records[0].inputData = [\n ...state.baseObject.records[0].inputData,\n newInputData,\n ];\n return { inputData, baseObject };\n });\n });\n }\n\n if (modalType == 'edit') {\n row.map(value => {\n let findFilter = _.filter(inputData, { elementID: value.elementID });\n let foundFilter = _.filter(baseObject.records[0].inputData, {\n elementID: value.elementID,\n });\n\n if (findFilter !== undefined) {\n let find = _.find(findFilter, {seq: value.seq});\n find.optionID = value.optionID;\n find.value = value.value;\n this.setState(state => {\n const inputData = state.inputData.map(val => {\n\n if(val.elementID == find.elementID && val.seq == find.seq) {\n find = val;\n }\n return val;\n });\n return { inputData };\n });\n\n if(foundFilter !== undefined) {\n let found = _.find(foundFilter, {seq: value.seq});\n found.optionID = value.optionID;\n found.value = value.value;\n console.log(found)\n this.setState(state => {\n const baseObject = state.baseObject;\n baseObject.records[0].inputData = baseObject.records[0].inputData.map(\n val => {\n if(val.elementID == found.elementID && val.seq == found.seq) {\n val = found;\n }\n return val;\n }\n );\n return { baseObject };\n });\n }\n }\n\n\n });\n }\n }\n\n onChange = (name, type, value, points, elementid, validation) => {\n let inputData = this.state.inputData;\n let baseObject = this.state.baseObject;\n let foundValue = _.find(baseObject.records[0].inputData, { elementID: elementid });\n let findBase = _.find(this.state.baseObject.inputData, {\n elementID: elementid,\n });\n\n this.validateField(elementid, value, validation);\n\n // if (\n // points !== undefined &&\n // foundValue == undefined &&\n // findBase == undefined\n // ) {\n // let statePoints = this.state.points;\n // let pointValue = type == 5 && value == 0 ? statePoints : (statePoints += points);\n // this.setState({ points: pointValue });\n // }\n\n let newElement = {\n elementID: elementid,\n optionID: _.isInteger(value) ? value : 0,\n seq: 0,\n value: !_.isInteger(value) ? value : \"\"\n }\n\n if(elementid <= 8 || elementid == 38) {\n if(findBase == undefined) {\n /* this sets the baseObject input data it is not in the array set */\n this.setState(state => {\n const baseObject = state.baseObject;\n baseObject.inputData = _.concat(state.baseObject.inputData, newElement);\n return {baseObject};\n });\n } else {\n if(findBase !== undefined) {\n /* this sets the baseObject input data it IS in the array set */\n this.setState(state => {\n const baseObject = state.baseObject;\n baseObject.inputData = baseObject.inputData.map((data, index) => {\n if(data == findBase) {\n data = newElement;\n return data\n } else {\n return data\n }\n });\n return {baseObject}\n });\n }\n }\n }\n if(elementid >= 9 && elementid !== 38 ) {\n /* this sets the baseObject.records[0].inputData if the value is not in the record already */\n if(foundValue == undefined) {\n this.setState(state => {\n const baseObject = state.baseObject;\n baseObject.records[0].inputData = _.concat(state.baseObject.records[0].inputData, newElement);\n return {baseObject}\n });\n } else {\n if(foundValue !== undefined) {\n /* this sets the baseObject.records[0].inputData if the value IS in the record already */\n this.setState(state => {\n const baseObject = state.baseObject;\n baseObject.records[0].inputData = baseObject.records[0].inputData.map(data => {\n if(data == foundValue) {\n data = newElement;\n return data;\n } else {\n return data;\n }\n });\n return {baseObject}\n });\n }\n }\n }\n/* end of function */\n\n }\n\n\n removeCollectionElements = (row, confirmDelete) => {\n let baseObject = this.state.baseObject;\n if (confirmDelete === true) {\n\n\n for(let [key, value] of Object.entries(row)) {\n\n this.setState(state => {\n const baseObject = state.baseObject;\n let inputData = state.inputData;\n let sequenceToCompair = value.seq;\n let filter = baseObject.records[0].inputData.filter(item => item.seq == value.seq);\n\n if(_.isEmpty(value.value) == true && filter == undefined || _.isEmpty(filter) == true) {\n filter = baseObject.records[0].inputData.filter(item => item.optionID == value.optionID);\n } else if (filter == undefined) {\n filter = baseObject.records[0].inputData.filter(item => item.value == value.value);\n }\n let foundValue = _.find(filter, {elementID: value.elementID});\n\n let difference = _.without(baseObject.records[0].inputData, foundValue);\n\n difference.filter(item => {\n if(item.seq !== value.seq && item.elementID == value.elementID) {\n if(item.seq > sequenceToCompair) {\n item.seq = item.seq -1;\n return item;\n }\n }\n });\n\n baseObject.records[0].inputData = difference;\n inputData = _.concat(baseObject.inputData, baseObject.records[0].inputData)\n return {baseObject, inputData}\n });\n }\n }\n }\n\n addUpdateBaseNotes = (functionType, contentType) => {\n this.props.updateCounter(1, 0);\n let addNote = newNote => {\n let baseObject = this.state.baseObject;\n\n let notes = baseObject.notes;\n\n let noteToAdd = {\n dateRecorded: new moment().format('MM/DD/YYYY'),\n content: newNote,\n notificationStatus: 12,\n };\n\n this.setState(state => {\n const baseObject = state.baseObject;\n baseObject.notes = _.concat(baseObject.notes, noteToAdd);\n return {baseObject}\n });\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: this.state.baseObject,\n }).then(async res => {\n this.props.updateCounter(0, 1);\n await this.setState({ baseObject: res.data });\n });\n };\n\n let changeNoteStatus = updatedNote => {\n let baseObject = this.state.baseObject;\n let baseNote = _.find(baseObject.notes, { id: updatedNote.id });\n\n if (baseNote.notificationStatus == 12) {\n this.props.updateCounter(1, 0);\n baseNote.notificationStatus = 13;\n this.setState({ baseObject });\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: this.state.baseObject,\n }).then(res => this.props.updateCounter(0, 1));\n } else if (baseNote.notificationStatus == 13) {\n this.props.updateCounter(1, 0);\n baseNote.notificationStatus = 12;\n this.setState({ baseObject });\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: this.state.baseObject,\n }).then(res => this.props.updateCounter(0, 1));\n }\n };\n\n if (functionType == 'add') {\n addNote(contentType);\n } else if (functionType == 'changeStatus') {\n changeNoteStatus(contentType);\n } else {\n console.log('problem in BaseObjectContext addUpdateFunction');\n }\n }\n\n updateSmartID = updatedSmartID => {\n\n let baseObject = this.state.baseObject;\n baseObject.smartID = updatedSmartID;\n this.props.updateCounter(1, 0);\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: baseObject,\n }).then(res => {\n this.props.updateCounter(1, 1);\n axios({\n method: 'get',\n url: url + 'Record/' + baseObject.id,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n }).then(res => {\n let baseObj = res.data;\n this.setState({ baseObject: baseObj, records: baseObj.records });\n this.props.updateCounter(0, 1);\n });\n });\n\n this.setState({ baseObject });\n }\n\n deleteRecord = async id => {\n this.props.updateCounter(1, 0);\n const { data } = await axios({\n method: 'delete',\n url: url + 'Record/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n });\n this.props.updateCounter(0, 1);\n return data;\n }\n\n deleteRecordInstance = id => {\n this.props.updateCounter(1, 0);\n axios({\n method: 'delete',\n url: url + 'Record/Instance/' + id,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.getRecords();\n this.props.updateCounter(0, 1);\n });\n }\n\n render() {\n const { children } = this.props;\n return (\n \n \n \n { console.log( this.state )}\n {children}\n \n \n \n );\n }\n}\n\nexport const BaseObjectConsumer = AppLogout( BaseObjectContext.Consumer );\n","import React from 'react';\nimport { Tab } from 'semantic-ui-react';\nimport { Dashboard } from '../Dashboard/Dashboard';\nimport { BaseObjectProvider, BaseObjectConsumer } from '../../Context/BaseObjectContext';\n\nexport class EventsSidebar extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n componentDidMount = () => {\n if(this.props.panes !== undefined) {\n this.setState({panes: this.props.panes});\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if(prevState.activeIndex !== this.state.activeIndex) {\n this.setState({panes: this.props.panes})\n }\n }\n\n\n handleChange = (event, data) => {\n this.props.setActiveIndex(data.activeIndex);\n this.setState({activeIndex: data.activeIndex});\n }\n\n render() {\n return (\n \n {({baseObject, inputData}) =>\n 992 ? 13 : 13, tabWidth: this.props.width > 992 ? 2 : 3 }}\n panes={this.props.panes}\n renderActiveOnly={true}\n activeComponent={this.props.activeComponent}\n setActiveComponent={this.props.setActiveComponent}\n interfaces={this.props.interfaces}\n onTabChange={this.handleChange}\n inputData={inputData}\n baseObject={baseObject}\n style={this.props.width < 992 ? {marginTop: '-4em'} : null}\n profile={this.props.profile}\n />\n }\n \n );\n }\n}\n","export const integerKeyDown = e => {\n if (\n e.key !== \"Backspace\"\n && e.key !== \"Tab\"\n && e.key !== \"0\"\n && e.key !== \"1\"\n && e.key !== \"2\"\n && e.key !== \"3\"\n && e.key !== \"4\"\n && e.key !== \"5\"\n && e.key !== \"6\"\n && e.key !== \"7\"\n && e.key !== \"8\"\n && e.key !== \"9\"\n ) {\n e.preventDefault();\n e.stopPropagation();\n }\n} // backspace, tab, 0-9, numpad 0-9\n\nexport const floatKeyDown = e => {\n if (\n e.key !== \"Backspace\"\n && e.key !== \"Tab\"\n && e.key !== \"0\"\n && e.key !== \"1\"\n && e.key !== \"2\"\n && e.key !== \"3\"\n && e.key !== \"4\"\n && e.key !== \"5\"\n && e.key !== \"6\"\n && e.key !== \"7\"\n && e.key !== \"8\"\n && e.key !== \"9\"\n && e.key !== \".\"\n ) {\n e.preventDefault();\n e.stopPropagation();\n }\n} // backspace, tab, 0-9, numpad 0-9, period, numpad period(s)\n","import React, { useState, useLayoutEffect, useEffect, useRef } from 'react';\nimport {\n Form,\n Radio,\n Checkbox,\n Input,\n Dropdown,\n TextArea,\n Label,\n Segment,\n Loader,\n Dimmer,\n Popup,\n} from 'semantic-ui-react';\nimport _ from 'lodash';\nimport DatePicker from 'react-datepicker';\nimport MaskedInput from 'react-text-mask';\nimport moment from 'moment';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\nimport { integerKeyDown } from '../../Services/functions';\n\nexport function NotCollection(props) {\n let inputData = props.inputData;\n let element = props.element;\n let isReadOnly = props.isReadOnly;\n let baseObject = props.baseObject;\n let record = baseObject.records[0];\n let invalidFields = props.invalidFields;\n\n const [form, setValues] = useState({\n element: element,\n loading: true,\n valid: true,\n });\n\n const prevValueRef = useRef(form.element.value);\n const prevValue = prevValueRef.current;\n\n useEffect(() => {\n props.getPoints();\n }, [ props.record.inputData, props.baseObject.inputData ]);\n\n useEffect(() => {\n let inputCheck = _.concat(baseObject.inputData, record.inputData);\n inputCheck = _.flatMap(inputCheck);\n\n\n /* Check to see if the element is the date field and then formats it as a moment date object */\n let found = _.find(inputCheck, { elementID: 41 });\n if (found !== undefined && form.element.id == 41) {\n let element = form.element;\n let value = new Date(found.value);\n element.value = value;\n } else if (found == undefined && form.element.id == 41) {\n let element = form.element;\n let value = new Date();\n element.value = value;\n }\n\n /* Check to see if the element is find in existing record data */\n let find = _.find(inputCheck, { elementID: form.element.id });\n\n if (find !== undefined) {\n /*\n Checks to see if the element is found in the invalid fields array and sets the element to valid or invalid\n Triggers popup when field is invalid\n */\n\n prevValueRef.current = find.value;\n let findInvalid = _.find(invalidFields, { id: form.element.id });\n if (findInvalid !== undefined && form.valid == true) {\n setValues({ ...form, element, valid: false });\n props.showPopup(form.element.validation.map(v => v.message), form.valid);\n }\n\n if (findInvalid == undefined && form.valid == false) {\n setValues({ ...form, element, valid: true });\n props.showPopup(form.element.validation.map(v => v.message), form.valid);\n }\n\n /* Checks optionID and sets the field value to an existing value if present */\n let optionID = find.optionID;\n if (optionID !== undefined && form.element.optionID !== find.optionID) {\n let element = form.element;\n element.optionID = optionID;\n }\n\n let value = find.value;\n\n if (value !== undefined || prevValueRef.current !== undefined) {\n let element = form.element;\n element.value = prevValueRef.current !== undefined ? prevValueRef.current : find.value;\n\n /* Sets the value of the ref to match the value stored in state */\n if (form.element.value !== find.value) {\n element.value = find.value;\n prevValueRef.current = element.value;\n }\n }\n }\n\n /* Sets the values into the state any time the form is in a loading state */\n if (element !== undefined && form.loading == true) {\n if (form.element.value !== null && form.element.value !== undefined && form.element.value.length > 0) {\n prevValueRef.current = form.element.value\n }\n setValues({ ...form, element, loading: false });\n }\n });\n\n const updateDropdownField = (e, { value }) => {\n\n let element = form.element;\n element.optionID = value;\n setValues({\n ...form,\n element,\n set: true,\n blurred: false,\n });\n props.onChange(\n form.element.label,\n form.element.type,\n value,\n form.element.points,\n form.element.id,\n form.element.validation\n );\n };\n\n const updateDate = value => {\n let date = value;\n console.log( value )\n let element = form.element;\n element.value = date;\n props.onChange(\n form.element.label,\n form.element.type,\n date,\n form.element.points,\n form.element.id\n );\n setValues({ ...form, element });\n };\n\n const updateField = e => {\n let element = form.element;\n\n prevValueRef.current = e.target.value;\n\n element.value = prevValueRef.current;\n\n function handleBlur(e) {\n setValues({ ...form, element });\n\n props.onChange(\n form.element.label,\n form.element.type,\n prevValueRef.current,\n form.element.points,\n form.element.id,\n form.element.validation\n );\n }\n\n document\n .getElementById(form.element.id)\n .addEventListener('blur', handleBlur);\n\n };\n\n const showPopup = valid => {\n\n if (valid !== undefined && valid == true) {\n return false;\n }\n\n if (valid !== undefined && valid == false) {\n return true;\n }\n };\n\n const createQuestionsWithProps = () => {\n // const conditionElement = elements.options.map(cE => cE.conditionElement);\n // const conditionValues = elements.options.map(cV => cV.conditionValues);\n let elements = form.element;\n let type = form.element.type;\n\n switch (type) {\n case 4:\n return (\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n \n \n \n );\n case 14:\n return (\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n \n \n {({ dateValue, onDateChange }) => (\n \n isReadOnly == false ? updateDate(value) : null\n }\n isClearable\n selected={\n form.element.value && form.element.value !== undefined\n ? new Date( form.element.value )\n : null\n }\n customInput={\n \n \n \n );\n case 15:\n return (\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n \n v.message)}\n open={showPopup(form.valid)}\n trigger={createQuestionsWithProps()}\n position=\"top center\"\n verticalOffset={-35}\n />\n \n );\n}\n","import React from 'react';\nimport {\n Form,\n Radio,\n Input,\n Segment,\n Dropdown,\n Loader,\n Dimmer,\n TextArea,\n Label,\n Button,\n Table,\n Modal,\n} from 'semantic-ui-react';\nimport _ from 'lodash';\nimport DatePicker from 'react-datepicker';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\nimport { checkCookie } from '../../Util';\n\n\nconst numberInputRef = React.createRef();\nexport class IsCollection extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: true,\n modalOpen: false,\n editOpen: false,\n collectionElements: [],\n newRow: [],\n tableState: [],\n initiateDelete: false,\n confirmDelete: false,\n blurred: false,\n previousValues: [],\n isChecked: false,\n newestRow: [],\n collectionErrorOpen: false\n };\n }\n\n componentDidMount() {\n if (\n this.props.inputData !== undefined &&\n this.props.elements !== undefined\n ) {\n this.createCollectionElements();\n numberInputRef.current = 0;\n }\n\n if (this.props.isReadOnly !== undefined) {\n let isReadOnly = this.props.isReadOnly;\n this.setState({ isReadOnly });\n }\n\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.state.collectionElements !== prevState.collectionElements) {\n this.createTableData();\n this.createCollectionElements();\n }\n if (prevProps !== this.props) {\n } else if (prevProps.baseObject !== this.props.baseObject) {\n this.createCollectionElements();\n }\n\n if (\n prevProps.inputData !== this.props.inputData ||\n prevState.inputData !== this.state.inputData\n ) {\n this.createCollectionElements();\n this.setState({ inputData: this.props.inputData });\n }\n\n if(prevState.tableState !== this.state.tableState) {\n\n this.setState(state => {\n const tableState = state.tableState;\n return {tableState}\n })\n\n\n }\n }\n\n initiateDelete = (removeCollectionElements, row, index) => {\n if (this.state.initiateDelete === false) {\n this.setState({ initiateDelete: index });\n } else {\n let index = this.state.index;\n let tableState = this.state.tableState;\n let tableStateEntry = tableState[index];\n let confirmDelete = this.state.confirmDelete;\n confirmDelete = true;\n\n this.setState({initiateDelete: false, confirmDelete: index },\n removeCollectionElements(row, true)\n );\n if (confirmDelete === true) {\n tableState.splice(this.state.index, 1);\n confirmDelete = false;\n this.setState({\n tableState,\n initiateDelete: false,\n row: [],\n newRow: [],\n confirmDelete,\n numberRef: null,\n });\n // this.createCollectionElements()\n // this.createCollectionWithPropsTable()\n }\n }\n }\n\n createCollectionElements = () => {\n let inputData = this.props.inputData;\n let elements = this.props.elements;\n let tableState = this.state.tableState;\n let collectionElements = this.state.collectionElements;\n\n if (\n inputData !== undefined\n && collectionElements.length < elements.length\n ) {\n let newElements = _.clone(elements);\n this.setState({ collectionElements: newElements });\n }\n\n if (\n _.isEmpty(inputData) == false &&\n inputData.length > 1 &&\n this.props.collection == true\n ) {\n let tableData = [];\n let newInput;\n for (let i = 0; i < inputData.length; i++) {\n for (let j = 0; j < elements.length; j++) {\n if (inputData[i].elementID == elements[j].id) {\n newInput = Object.assign({}, elements[j]);\n newInput = Object.assign(newInput, inputData[i]);\n\n let elementValue;\n if (newInput.options.length > 0) {\n let findElementValue = _.find(newInput.options, {\n id: newInput.optionID,\n });\n if (findElementValue !== undefined) {\n elementValue = findElementValue.label;\n }\n } else {\n elementValue = newInput.value;\n }\n newInput.elementValue = elementValue;\n }\n\n let includes = _.includes(tableData, newInput);\n if (includes == false && newInput !== undefined) {\n tableData.push(newInput);\n }\n }\n }\n // let sorted = _.sortBy(tableData, 'seq');\n let sorted = _.sortBy(tableData, ['seq']);\n let grouped = _.groupBy(sorted, s => s.seq);\n let newTableState = Object.values(grouped);\n\n this.setState({ tableState: newTableState, loading: false });\n }\n }\n\n createTableData = () => {\n if (\n this.props.elements !== undefined &&\n this.state.collectionElements !== undefined\n ) {\n if (this.state.collectionElements.length > 0) {\n let elements = this.props.elements;\n let collectionElements = this.state.collectionElements;\n\n let labels;\n labels = [];\n elements.map(el => {\n let includes = _.includes(labels, el.label);\n if (includes === false && el.label !== undefined) {\n labels.push(el.label);\n }\n });\n labels = labels;\n let length = labels.length;\n if (this.state.labels == undefined || this.state.columns == 0) {\n this.setState({ labels, columns: length });\n }\n }\n }\n }\n\n handleChange = (event, {id, value}) => {\n let numberRef = this.state.numberRef;\n let row = this.state.row;\n let newRow = this.state.newRow;\n if(this.state.editOpen == true) {\n numberRef = event.target.value;\n let find = _.find(row, {elementID: id});\n if(find !== undefined) {\n find.value = value;\n find.elementValue = value;\n }\n }\n\n if(this.state.modalOpen == true) {\n numberRef = event.target.value;\n let find = _.find(newRow, {elementID: id});\n if(find !== undefined) {\n find.value = value;\n find.elementValue = value;\n }\n }\n\n }\n\n handleBlur = event => {\n event.preventDefault();\n let elId = event.target.id.toString();\n let element = document.getElementById(elId);\n\n element.addEventListener('blur', e => {\n numberInputRef.current = e.target.value;\n this.setState({ numberRef: e.target.value });\n\n this.handleInputRef(\n e,\n element.name,\n e.target.value,\n 0,\n Number(e.target.id),\n 0,\n element.type\n );\n });\n }\n\n handleInputRef = (event, name, value, points, id, seq, type) => {\n\n if (this.state.modalOpen == true) {\n let newElement;\n let newRow = this.state.newRow;\n let tableState = this.state.tableState;\n let foundElement = _.find(newRow, { id: id });\n\n if (foundElement !== undefined) {\n let foundProperties = _.find(this.state.collectionElements, { id: id });\n\n newElement = Object.assign(foundElement, foundProperties);\n let elementValue;\n if (foundProperties.options.length < 1) {\n elementValue = value;\n }\n let newSeq = this.state.tableState.length + 1;\n\n newElement.elementID = id;\n newElement.value = value;\n newElement.elementValue = value;\n newElement.seq = newSeq;\n let newestRow = this.state.newestRow;\n for(let i=0; i {\n /* this is where the changes from the edit modal happen */\n\n if (this.state.row !== undefined && this.state.modalOpen == false) {\n let row = this.state.row;\n let foundValue = _.find(row, { elementID: id });\n if (foundValue !== undefined && foundValue.options.length > 0) {\n let elementValue = _.find(foundValue.options, { id: value });\n\n foundValue.optionID = value;\n if ( foundValue.elementValue !== undefined ) {\n foundValue.elementValue = elementValue.label;\n }\n this.setState({ row });\n } else if (\n foundValue !== undefined &&\n foundValue.optionID === 0 &&\n this.state.modalOpen == false\n ) {\n foundValue.value = value;\n foundValue.elementValue = value;\n\n this.setState({ row });\n } else if (\n foundValue === undefined &&\n this.state.modalOpen == false\n ) {\n let findValue = _.find(this.state.row, function(r) {\n if (r !== undefined) {\n return r;\n }\n });\n\n let newValue = Object.assign({}, findValue);\n let newElement;\n let elements = _.clone(this.props.elements)\n let element = _.find(elements, { id: id });\n newElement = Object.assign({}, element);\n let elementValue = _.find(newElement.options, { id: value });\n let newerValue = Object.assign(newValue, element);\n\n newValue.elementID = id;\n newValue.id = id;\n newValue.optionID = _.isInteger(value) === true ? value : 0;\n newValue.value = _.isString(value) === true ? value : '';\n newValue.elementValue =\n elementValue !== undefined ? elementValue.label : value;\n newValue.label = '';\n\n row = _.concat(row, newValue);\n this.setState({ row });\n } else {\n console.log('Something is unaccounted for');\n }\n }\n\n if (this.state.editOpen === false) {\n /* This is where the changes from the Add Modal Happen */\n let newElement;\n let newRow = this.state.newRow;\n let tableState = this.state.tableState;\n let foundElement = _.find(newRow, { id: id });\n\n if (foundElement !== undefined) {\n let foundProperties = _.find(this.state.collectionElements, { id: id });\n newElement = Object.assign(foundElement, foundProperties);\n\n let elementValue;\n if (\n foundProperties !== undefined &&\n foundProperties.options.length > 0\n ) {\n elementValue = _.find(foundProperties.options, { id: value });\n elementValue = elementValue !== undefined ? elementValue.label : '';\n } else {\n if (foundProperties !== undefined) {\n elementValue = _.find(foundProperties.options, { id: value });\n elementValue = elementValue !== undefined ? elementValue.label : '';\n } else {\n elementValue = value;\n }\n }\n\n let newSeq = this.state.tableState.length + 1;\n newElement.elementID = id;\n newElement.optionID = _.isInteger(value) === true ? value : 0;\n newElement.value = _.isString(value) === true ? value : '';\n newElement.elementValue = elementValue;\n newElement.seq = newSeq;\n\n // let newestRow = this.state.newRow;\n // /// PROBLEM!!!!!!!\n // // for(let i=0; i {\n if (row.elementValue) {\n return [ ...acc, row ];\n }\n return acc;\n }, []);\n\n if ( newestRow.length == this.state.labels.length ) {\n this.setState({ isComplete: true })\n }\n this.setState({ newRow, newestRow });\n }\n\n if (foundElement !== undefined) {\n let elementValue;\n\n if (foundElement.options.length > 0 && foundElement.type !== 7 ) {\n elementValue = _.find(foundElement.options, { id: value });\n if ( elementValue !== undefined ) {\n elementValue = elementValue.label;\n }\n } else {\n elementValue = value;\n }\n foundElement.optionID = _.isInteger(value) === true ? value : 0;\n foundElement.value = _.isString(value) === true ? value : '';\n foundElement.elementValue = elementValue;\n this.setState({ newRow });\n }\n }\n }\n\n handleModalOpen = () => {\n\n this.numberInputRef = null;\n\n let newRowElements = _.clone(this.props.elements);\n let filter = newRowElements.filter(element => element.type == 7);\n if(filter !== undefined && !_.isEmpty(filter)) {\n this.setState({isChecked: false});\n let findNegative = _.find(filter[0].options, {label: 'No'});\n\n if(findNegative !== undefined) {\n let findNewRowElement = _.find(newRowElements, {id: filter[0].id});\n findNewRowElement.optionID = findNegative.id;\n findNewRowElement.elementID = filter[0].id;\n findNewRowElement.elementValue = findNegative.label;\n findNewRowElement.seq = this.state.tableState.length + 1;\n }\n }\n\n let resetFilter = newRowElements.filter(element => element.type !== 7);\n if(resetFilter !== undefined) {\n resetFilter.forEach(element => {\n element.optionID = 0;\n element.value = '';\n element.elementValue = '';\n element.seq = this.state.tableState.length + 1;\n });\n }\n\n this.setState({ modalOpen: true, isComplete: false, newRow: newRowElements, numberRef: null});\n }\n\n handleModalClose = (argument, modalType, handleCollectionSubmission) => {\n\n if (argument === 'cancel') {\n let tableState = this.state.tableState;\n // if (this.state.newRow.length === this.state.labels.length) {\n // tableState.pop();\n // }\n this.setState({\n modalOpen: false,\n newRow: [],\n row: [],\n tableState,\n numberRef: null,\n isChecked: false,\n newestRow: []\n });\n this.numberInputRef = null;\n }\n\n if (argument === 'save') {\n let tableState = this.state.tableState;\n\n handleCollectionSubmission(\n modalType,\n this.state.tableState,\n this.props.activeComponent,\n this.state.newRow\n );\n\n this.setState({\n modalOpen: false,\n newRow: [],\n row: [],\n blurred: false,\n numberRef: null,\n isChecked: false,\n newestRow: []\n });\n this.numberInputRef = null;\n }\n }\n\n findValue = (response, element, id, row, index) => {\n\n\n if (\n this.state.row !== undefined &&\n _.isArray(this.state.row) === true &&\n index !== undefined\n ) {\n let returnValue;\n this.state.row.map(r => {\n if (r.options.length > 0 && r.id === id) {\n returnValue = r.optionID;\n } else if (r.options.length == 0 && r.id === id) {\n returnValue = r.value;\n }\n });\n return returnValue;\n } else if (\n this.state.newRow !== undefined &&\n this.state.modalOpen === true\n ) {\n let returnValue;\n this.state.newRow.map(r => {\n if (r.optionID > 0 && r.id === id) {\n returnValue = r.optionID;\n } else if (r.optionID == 0 && r.id === id) {\n returnValue = r.value;\n }\n });\n return returnValue;\n }\n }\n\n handleEditClose = (argument, modalType, handleCollectionSubmission) => {\n if (argument == 'cancel') {\n this.setState({ editOpen: false});\n this.setState({\n previousValues: [],\n newValues: [],\n row: [],\n numberRef: null,\n newRow: [],\n newRowState: [],\n isChecked: false,\n newestRow: []\n });\n this.numberInputRef = null;\n }\n\n if (argument == 'save') {\n let row = this.state.row;\n let numberRef = this.state.numberRef;\n let tableState = this.state.tableState;\n let index = this.state.index;\n // tableState[index] = row;\n tableState = tableState;\n handleCollectionSubmission(\n modalType,\n tableState,\n this.props.activeComponent,\n row,\n index\n );\n this.setState({\n editOpen: false,\n tableState,\n row: [],\n numberRef: null,\n newRow: [],\n newRowState: [],\n isChecked: false,\n newestRow: []\n });\n this.numberInputRef = null;\n }\n }\n handleEditOpen = row => {\n if (this.state.initiateDelete === false) {\n let findNumberRef;\n let numberRef = this.state.numberRef;\n row.map(r => {\n if (r.options.length == 0) {\n findNumberRef = r;\n findNumberRef.value = findNumberRef.elementValue;\n }\n\n });\n if (findNumberRef !== undefined) {\n numberInputRef.current = findNumberRef.elementValue;\n numberRef = numberInputRef.current;\n }\n let previousValues = _.clone(row);\n let findCheckedState = _.find(row, {type: 7});\n if(findCheckedState !== undefined) {\n let findCheckedOption = _.find(findCheckedState.options, {label: 'No'});\n let findCheckedOptionID = findCheckedOption.id;\n if(findCheckedOptionID !== findCheckedState.optionID) {\n // console.log('true', findCheckedOptionID, findCheckedState.optionID)\n this.setState({isChecked: true, editOpen: true, isDisabled: false, row: row, numberRef, previousValues});\n } else {\n // console.log('false', findCheckedOptionID, findCheckedState.optionID)\n this.setState({isChecked: false, editOpen: true, isDisabled: false, row: row, numberRef, previousValues});\n }\n } else {\n this.setState({editOpen: true, row: row, numberRef, previousValues, isDisabled: false})\n }\n } else {\n this.setState({ initiateDelete: false });\n }\n }\n\n createCollectionWithPropsTable = (collection, elements, responses) => {\n const tableState = collection;\n\n return (\n \n {({\n handleCollectionSubmission,\n inputData,\n recordInput,\n removeCollectionElements,\n }) => (\n \n { console.log( this.state )}\n {\n if (this.state.isReadOnly == false) {\n this.handleModalOpen()\n }\n }}\n >\n Add\n \n }\n /* Modal props can go here */\n open={this.state.modalOpen}\n >\n \n \n \n \n this.handleModalClose('cancel')}\n >\n Cancel\n \n {\n const checkElementValues = () => {\n if ( this.state.newRow.length === this.state.collectionElements.length ) {\n let returnValue = true;\n for (let row of this.state.newRow) {\n if (row.elementValue) {\n continue;\n } else {\n returnValue = false;\n break;\n }\n }\n return returnValue;\n } else {\n return false;\n }\n }\n if ( checkElementValues() ) {\n this.handleModalClose(\n 'save',\n 'add',\n handleCollectionSubmission\n )\n } else {\n this.setState({ collectionErrorOpen: true });\n }\n }}\n >\n Save\n \n \n \n this.setState({ collectionErrorOpen: false }) }\n size=\"tiny\"\n >\n \n Unable to save collection!\n \n \n All fields are required in order to save a new collection!\n \n \n \n \n \n Modify \n \n {this.state.labels !== undefined\n ? this.state.labels.map(label => (\n \n {label} \n \n ))\n : null}\n \n \n \n \n \n {tableState !== undefined\n ? tableState.map((row, index) => (\n \n \n \n this.changeTableState(\n tableState,\n this.state.collectionElements,\n row,\n index\n )\n }\n >\n {this.state.isReadOnly == false ? (\n \n { console.log( row ) }\n this.handleEditOpen(row)}\n >\n {this.state.initiateDelete !== index\n ? 'Edit'\n : 'Cancel'}\n \n \n this.initiateDelete(\n removeCollectionElements,\n row,\n index\n )\n }\n style={{\n width: '20%',\n marginRight: '0.5em',\n }}\n >\n {this.state.initiateDelete !== index\n ? 'Delete'\n : this.state.confirmDelete !== index\n ? 'Confirm?'\n : null}\n \n \n ) : (\n \n `You are not permitted to modify this\n record`\n
\n )}\n \n }\n row={row}\n index={index}\n open={this.state.editOpen}\n >\n \n \n \n \n this.handleEditClose('cancel')}\n >\n Cancel\n \n {\n const checkElementValues = () => {\n if ( this.state.row.length === this.state.collectionElements.length ) {\n let returnValue = true;\n for (let row of this.state.row) {\n if (row.elementValue) {\n continue;\n } else {\n returnValue = false;\n break;\n }\n }\n return returnValue;\n } else {\n return false;\n }\n }\n if ( checkElementValues() ) {\n this.handleEditClose(\n 'save',\n 'edit',\n handleCollectionSubmission,\n row\n )\n }\n }}\n >\n Save\n \n \n \n {row.map(cell => (\n \n \n {cell.elementValue}\n \n \n ))}\n \n \n ))\n : console.log('loading')}\n \n \n \n \n )}\n \n );\n }\n\n changeTableState = (tableData, properties, row, index) => {\n this.setState({ index: index, row: row });\n }\n\n createQuestionsWithProps = (\n type,\n elements,\n inputData,\n row,\n modalChange,\n index\n ) => {\n // const conditionElement = elements.options.map(cE => cE.conditionElement);\n // const conditionValues = elements.options.map(cV => cV.conditionValues);\n const { date } = this.state;\n\n switch (type) {\n case 4:\n return (\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n this.setState({isChecked: !this.state.isChecked})}\n checked={this.state.isChecked}\n onChange={this.onChange}\n // indeterminate={this.state.isNeutral}\n // conditionElement={conditionElement}\n // conditionValues={conditionValues}\n />\n \n );\n case 8:\n return (\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n \n \n this.onDateChange(value, elements.id, elements.seq)\n }\n selected={date}\n />\n \n \n );\n case 15:\n return (\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n 0 ? 'score-control' : null}\n style={{ display: elements.display, width: `${elements.width}%` }}\n >\n \n \n \n \n ) : tableState !== undefined ||\n this.props.inputData !== undefined ? (\n \n {({ baseObject, inputData, records, record, recordInput }) => (\n \n )}\n \n ) : (\n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport {\n Segment,\n Button,\n Icon,\n Loader,\n Dimmer,\n} from 'semantic-ui-react';\nimport _ from 'lodash';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\nimport { NotCollection } from '../Interface/NotCollection';\nimport { IsCollection } from '../Interface/IsCollection';\nimport { getCookie } from '../../Util';\nimport { AIContextProvider } from '../../Context/AIContext';\n\nexport class DynamicForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n points: 0,\n isCollection: false,\n isDisabled: false,\n modalOpen: false,\n baseObject: {},\n isReadOnly: false,\n showPopup: false,\n message: '',\n };\n }\n\n async componentDidMount () {\n\n if (this.state.token === undefined) {\n let token = getCookie('token');\n await this.setState({ token });\n }\n\n if (this.props.collection !== undefined) {\n this.setState({ collection: this.props.collection });\n }\n\n if (\n this.props.elements !== undefined &&\n this.props.baseObject !== undefined\n ) {\n this.setState({ elements: this.props.elements });\n }\n\n if (this.props.profile !== undefined) {\n let profile = this.props.profile;\n if (profile.role.id == 4) {\n this.setState({ isReadOnly: true });\n }\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n\n if (this.props.collection !== this.state.collection) {\n this.setState({\n collection: this.props.collection,\n elements: this.state.elements,\n });\n }\n\n if (this.props.collection !== prevProps.collection) {\n let inputData = this.props.inputData;\n let baseObject = this.props.baseObject;\n this.setState({\n baseObject,\n inputData,\n collection: this.props.collection,\n });\n }\n if (\n prevProps.baseObject !== this.props.baseObject ||\n prevProps.inputData !== this.props.inputData\n ) {\n let inputData = this.props.inputData;\n let baseObject = this.props.baseObject;\n this.setState({ baseObject, inputData });\n }\n if (this.props.activeIndex !== prevProps.activeIndex) {\n let inputData = _.concat(this.props.baseObject.inputData, this.props.baseObject.records[0].inputData);\n let baseObject = this.props.baseObject;\n this.setState({ baseObject, inputData });\n }\n\n if (\n prevProps.baseObject.records[0].id !== this.props.baseObject.records[0].id\n ) {\n let inputData = _.concat(this.props.baseObject.inputData, this.props.baseObject.records[0].inputData);\n let baseObject = this.props.baseObject;\n\n this.setState({ baseObject, inputData, elements: this.props.elements });\n }\n\n if (\n prevProps.elements !== this.props.elements &&\n prevProps.collection === this.props.collection\n ) {\n this.forceRerender();\n }\n\n if (prevProps.elements !== this.props.elements) {\n let inputData = _.concat(this.props.baseObject.inputData, this.props.baseObject.records[0].inputData);\n\n let checkedElements = new Set();\n if (\n (inputData !== undefined && inputData.length > 0)\n ) {;\n for (let i = 0; i < inputData.length; i++) {\n this.props.elements.map(el => {\n if (el.id == inputData[i].elementID) {\n checkedElements.add(el);\n } else {\n checkedElements.add(el);\n }\n });\n }\n const iterator = checkedElements.values();\n let elements = [];\n for (let entry of iterator) {\n elements.push(entry);\n }\n this.setState({ elements });\n } else {\n let elements = this.props.elements;\n this.setState({ elements });\n }\n }\n }\n\n async forceRerender() {\n await this.setState({\n collection: !this.state.collection,\n elements: this.props.elements,\n });\n\n this.setState({ collection: !this.state.collection });\n }\n\n renderDynamicButtonText() {\n const { paneLength, activeIndex } = this.props;\n if (paneLength && activeIndex !== undefined) {\n if (activeIndex < paneLength - 1) {\n return 'Next ';\n } else {\n return 'Save ';\n }\n }\n }\n\n saveDynamicForm(baseObject) {\n const buttonAction = this.renderDynamicButtonText();\n if (buttonAction !== 'Save ') {\n this.props.setActiveIndex('next');\n } else {\n this.props.postEventRecord();\n this.props.setBaseActiveIndex('base', 1);\n this.setState({ elements: [], inputData: [] });\n }\n }\n showPopup = (message, valid) => {\n console.log(message, valid);\n if (valid !== undefined) {\n this.setState({ showPopup: valid, message: message });\n }\n }\n\n render() {\n return this.state.elements === undefined ||\n this.state.collection === undefined ? (\n \n \n \n \n ) : this.props.baseObject === undefined ? (\n \n \n \n \n ) : this.props.baseObject !== undefined ? (\n \n {({\n baseObject,\n inputData,\n records,\n record,\n recordInput,\n onChange,\n invalidFields,\n handleCollectionSubmission\n }) => (\n \n \n {this.state.collection == false ? (\n \n \n {this.state.elements.map(el => (\n \n \n ) : this.state.collection === true ? (\n \n \n this.props.setActiveIndex('back')}\n >\n \n \n \n\n this.saveDynamicForm(baseObject)}\n >\n \n {this.renderDynamicButtonText()} \n \n \n \n
\n \n \n )}\n \n ) : null;\n }\n}\n","import React from 'react';\nimport { Progress } from 'semantic-ui-react';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\nimport { PointsContextConsumer } from '../../Context/PointsContext';\n\nexport class ProgressBar extends React.Component {\n\n\n render() {\n\n return (\n \n {({points, totalPoints}) =>\n \n\n );\n }\n}\n","import React from 'react';\nimport { Form, Header, Dropdown, Button, Icon } from 'semantic-ui-react';\nimport * as _ from 'lodash';\n\nconst genderOptions = [\n { key: 0, value: 1, text: 'Male' },\n { key: 1, value: 2, text: 'Female' },\n { key: 2, value: 3, text: 'Transgender/Other/Unknown' },\n];\n\nconst dateOptions = [\n { key: 0, value: '01', text: '01 - January' },\n { key: 1, value: '02', text: '02 - February' },\n { key: 2, value: '03', text: '03 - March' },\n { key: 3, value: '04', text: '04 - April' },\n { key: 4, value: '05', text: '05 - May' },\n { key: 5, value: '06', text: '06 - June' },\n { key: 6, value: '07', text: '07 - July' },\n { key: 7, value: '08', text: '08 - August' },\n { key: 8, value: '09', text: '09 - September' },\n { key: 9, value: '10', text: '10 - October' },\n { key: 10, value: '11', text: '11 - November' },\n { key: 11, value: '12', text: '12 - December' },\n];\n\nfunction createYearOptions() {\n let yearStart;\n let yearEnd;\n\n let date = new Date();\n let year = date.getFullYear();\n\n yearStart = year;\n yearEnd = year - 90;\n\n let numberOfYears = yearStart - yearEnd + 1;\n let yearOptions = [];\n for ( let i = 0; i < numberOfYears; i++ ) {\n if (yearEnd++ <= yearStart) {\n yearOptions.push({\n key: i,\n value: yearStart - i,\n text: (yearStart - i).toString(),\n });\n }\n }\n return yearOptions;\n}\n\nexport class NewSID extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n sid: {\n FIFN: '',\n FILN: '',\n MMFN: '',\n MMLN: '',\n MONTH: '',\n YEAR: '',\n GCODE: '',\n },\n smartID: '',\n formHeader: 'New Smart ID',\n yearOptions: []\n };\n }\n\n componentDidMount() {\n if (this.props.smartID !== undefined) {\n this.setState({\n smartID: this.props.smartID,\n formHeader: 'Update Smart ID',\n });\n } else if (this.props.smartID === null) {\n this.setState({\n smartID: 'Error: Smart ID Not Set',\n formHeader: 'Update Smart ID',\n });\n }\n let yearOptions = createYearOptions();\n this.setState({ yearOptions });\n }\n\n createSID = (event, { name, value }) => {\n const sid = { ...this.state.sid, [name]: value };\n this.setState({ sid });\n let concatSID = '';\n for (var key in sid) {\n concatSID = concatSID.concat(sid[key]).toUpperCase();\n if (concatSID.length >= 11) {\n this.props.toggleConfirmPost(true, concatSID);\n }\n }\n this.setState({ concatSID });\n }\n\n render() {\n const { smartID, concatSID, formHeader, yearOptions } = this.state;\n return (\n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport { Form, Header, Dropdown, Button, Icon } from 'semantic-ui-react';\nimport * as _ from 'lodash';\n\n\nexport class NewCommunitySID extends React.Component {\n constructor (props) {\n super(props)\n\n this.state = {\n sid: {\n countyCode: '',\n typeCode: '',\n specifyingCode: '',\n },\n smartID: '',\n formHeader: 'New Community ID',\n };\n }\n\n componentDidMount() {\n if(this.props.smartID !== undefined && this.props.lookup == false) {\n this.setState({\n smartID: this.props.smartID,\n formHeader: 'Update Community ID',\n });\n } else if (this.props.smartID == null && this.props.lookup == false) {\n this.setState({\n smartID: '',\n formHeader: 'New Community ID',\n })\n }\n }\n\n createSID = (event, { name, value }) => {\n const sid = { ...this.state.sid, [name]: value };\n this.setState({ sid });\n let concatSID = '';\n for (var key in sid) {\n concatSID = concatSID.concat(sid[key]).toUpperCase();\n if (concatSID.length >= 7 && this.props.lookup !== true) {\n this.props.toggleConfirmPost(true, concatSID);\n }\n if(concatSID.length >=7 && this.props.lookup !== false) {\n this.props.toggleConfirmPost(false, concatSID);\n }\n }\n this.setState({ concatSID });\n }\n\n render() {\n const {smartID, concatSID, formHeader, sid} = this.state;\n return(\n \n {this.props.lookup == false ? (\n \n ) : null}\n \n \n )\n }\n\n}\n","import React from 'react';\nimport {\n Form,\n Header,\n Button,\n Icon,\n} from 'semantic-ui-react';\nimport DatePicker from 'react-datepicker';\nimport MaskedInput from 'react-text-mask';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport { NewCommunitySID } from './NewCommunitySID';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\n\nconst genderOptions = [\n { key: 0, value: 1, text: 'Male' },\n { key: 1, value: 2, text: 'Female' },\n { key: 2, value: 3, text: 'Transgender/Other/Unknown' },\n];\n\nconst dateOptions = [\n { key: 0, value: '01', text: '01 - January' },\n { key: 1, value: '02', text: '02 - February' },\n { key: 2, value: '03', text: '03 - March' },\n { key: 3, value: '04', text: '04 - April' },\n { key: 4, value: '05', text: '05 - May' },\n { key: 5, value: '06', text: '06 - June' },\n { key: 6, value: '07', text: '07 - July' },\n { key: 7, value: '08', text: '08 - August' },\n { key: 8, value: '09', text: '09 - September' },\n { key: 9, value: '10', text: '10 - October' },\n { key: 10, value: '11', text: '11 - November' },\n { key: 11, value: '12', text: '12 - December' },\n];\n\nexport class SearchForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n static contextType = BaseObjectConsumer;\n\n\n render() {\n const {\n dateFrom,\n dateTo,\n sid,\n smartID,\n scramblerID,\n findSmartIDstate,\n yearOptions,\n } = this.props;\n return findSmartIDstate === false ? (\n \n ) : (\n \n );\n }\n}\n","import React from 'react';\nimport { Modal, Button, Icon, List, Header, Segment } from 'semantic-ui-react';\nimport { url, key, getCookie } from '../../Util';\nimport moment from 'moment';\nimport Moment from 'react-moment';\n\nexport class EditNotesModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { open: false, buttonColor: '' };\n }\n\n\n handleModal = () => {\n this.setState({ open: !this.state.open });\n }\n\n renderNoteStatusButton = () => {\n if (this.props.note !== undefined) {\n if (this.props.note.notificationStatus === 12) {\n return 'Dismiss Note';\n } else if (this.props.note.notificationStatus === 13) {\n return 'Undismiss Notification';\n }\n }\n }\n\n render() {\n const { note } = this.props;\n return (\n \n \n \n \n \n ID: {note.id}\n \n Date Recorded:{' '}\n {note.dateRecorded} \n \n \n \n this.props.addUpdateBaseNotes('changeStatus', note)}\n >\n {this.renderNoteStatusButton()}\n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport { Button, Icon, List, TextArea, Loader } from 'semantic-ui-react';\nimport Moment from 'react-moment';\nimport { EditNotesModal } from '../Modals/NotesModal';\n\nvar moment = require('moment');\n\nexport class Notes extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n componentDidMount() {\n const notes = this.props.notes;\n // this.setState({ notes });\n }\n\n componentDidUpdate(prevState, prevProps) {\n if (\n prevProps.notes !== undefined &&\n this.props.notes.length > prevProps.notes.length\n ) {\n this.setState({ newNote: '' });\n }\n }\n\n toggleNotes = notesDisplay => {\n if (notesDisplay === 'hide') {\n this.setState({ display: 'none' });\n } else if (notesDisplay === 'show') {\n this.setState({ display: 'initial' });\n }\n }\n\n render() {\n const { notes } = this.props;\n const styles = {\n listItemDismissed: {\n textDecoration: 'line-through',\n display: this.state.display,\n },\n listItemActive: {\n textDecoration: 'none',\n },\n };\n return (\n \n {notes !== undefined ? (\n \n {this.props.notes.map(note => (\n \n \n {note.dateRecorded} \n \n \n {note.content !== null && note.content !== undefined\n ? note.content.split('.', 1)\n : 'No Content'}{' '}\n ...\n
\n \n }\n />\n ))}\n
\n ) : (\n this.setState({ newNote: value })}\n />\n \n this.props.addUpdateBaseNotes('add', this.state.newNote)\n }\n />\n \n );\n }\n}\n","import React, { useEffect, useState } from 'react';\nimport axios from 'axios';\nimport { Header, Segment } from 'semantic-ui-react';\nimport { getCookie, key, url } from '../../Util';\nlet LineChart = require('react-chartjs').Line;\n\nconst SyringesChart = ({ participantID }) => {\n\tconst [ data, setData ] = useState( null );\n\tconst [ lineData, setLineData ] = useState( [] );\n\n\tuseEffect( () => {\n\t\tconst start = `01/01/${ new Date().getFullYear() }`;\n\t\tconst end = `12/31/${ new Date().getFullYear() }`;\n\t\tconst getReport = async ( parm = participantID, dateStart = start, dateEnd = end ) => {\n\t\t\ttry {\n\t\t\t\tconst res = await axios({\n\t\t\t\t\tmethod: 'get',\n\t\t\t\t\tbaseURL: url,\n\t\t\t\t\turl: `vizreport/4`,\n\t\t\t\t\tparams: {\n\t\t\t\t\t\tparm,\n\t\t\t\t\t\tdateStart,\n\t\t\t\t\t\tdateEnd\n\t\t\t\t\t},\n\t\t\t\t\theaders: {\n\t\t\t\t\t\tapi_key: key,\n\t\t\t\t\t\tAccessToken: getCookie('token'),\n\t\t\t\t\t},\n\t\t\t\t});\n\t\n\t\t\t\tsetData( res.data );\n\t\t\t} catch ( error ) { console.log(error); };\n\t\t};\n\t\tgetReport();\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( data ) {\n\t\t\tlet labels = data.results[0].values.map( ({ xVal }) => xVal );\n\t\t\tlet datasets = [];\n\t\t\tlet x = 0;\n\t\t\tfor ( let result of data.results ) {\n\n\n\t\t\t\tif (x == 0)\n\t\t\t\t{\n\t\t\t\tdatasets.push({\n\t\t\t\t\tlabel: result.label,\n\t\t\t\t\tfillColor: 'rgba(220,220,220,0.2)',\n\t\t\t\t\tstrokeColor: 'rgba(61, 30, 114,1)',\n\t\t\t\t\tpointColor: 'rgba(61, 30, 114,1)',\n\t\t\t\t\tpointStrokeColor: '#fff',\n\t\t\t\t\tpointHighlightFill: '#fff',\n\t\t\t\t\tpointHighlightStroke: 'rgba(220,220,220,1)',\n\t\t\t\t\tdata: result.values.map( ({ yVal }) => yVal ),\n\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse \n\t\t\t\t{\n\t\t\t\t\tdatasets.push({\n\t\t\t\t\tlabel: result.label,\n\t\t\t\t\tfillColor: 'rgba(220,220,220,0.2)',\n\t\t\t\t\tstrokeColor: 'rgba(220,170,0,1)',\n\t\t\t\t\tpointColor: 'rgba(220,170,0,1)',\n\t\t\t\t\tpointStrokeColor: '#fff',\n\t\t\t\t\tpointHighlightFill: '#fff',\n\t\t\t\t\tpointHighlightStroke: 'rgba(220,220,220,1)',\n\t\t\t\t\tdata: result.values.map( ({ yVal }) => yVal ),\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tx++;\n\t\t\t}\n\t\t\tsetLineData({ labels, datasets });\n\t\t}\n\t}, [ data ]);\n\t\n\treturn (\n\t\t\n\t\t\t{ console.log( lineData )}\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default SyringesChart;\n","import React from 'react';\nimport { Modal, Button, Icon, List } from 'semantic-ui-react';\nimport axios from 'axios';\nimport { url, key, getCookie } from '../../Util';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nimport { NewSID } from '../Forms/NewSID';\n\nimport { SearchForm } from '../Forms/SearchForm';\nimport { Notes } from '../Forms/Notes';\nimport { NewCommunitySID } from '../Forms/NewCommunitySID';\nimport SyringesChart from './SyringesChart';\n\nfunction createYearOptions() {\n let yearStart;\n let yearEnd;\n\n let date = new Date();\n let year = date.getFullYear();\n\n yearEnd = year - 12;\n yearStart = year - 90;\n\n let numberOfYears = yearEnd - yearStart + 1;\n let yearOptions = [];\n for (let i = 0; i < numberOfYears; i++) {\n if (yearStart++ <= yearEnd) {\n yearOptions.push({\n key: i,\n value: yearStart + 1,\n text: (yearStart + 1).toString(),\n });\n }\n }\n return yearOptions;\n}\n\nexport class EventsModals extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n sid: {\n FIFN: '',\n FILN: '',\n MMFN: '',\n MMLN: '',\n MONTH: '',\n YEAR: '',\n GCODE: '',\n },\n smartID: '',\n findSmartIDstate: false,\n scramblerID: '',\n dateFrom: '',\n dateTo: '',\n confirmPost: false,\n searchError: false\n };\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n\n let dateTo = JSON.parse( window.localStorage.getItem('DateTo') );\n let dateFrom = JSON.parse( window.localStorage.getItem('DateFrom') );\n if(dateTo && dateFrom) {\n dateTo = new Date(dateTo);\n dateFrom = new Date(dateFrom);\n this.setState({dateTo, dateFrom});\n }\n }\n\n let yearOptions = createYearOptions();\n this.setState({ yearOptions });\n }\n\n handleModal = () => {\n this.setState({ open: true });\n }\n\n handleClose = () => {\n this.setState({\n open: false,\n sid: {\n FIFN: '',\n FILN: '',\n MMFN: '',\n MMLN: '',\n MONTH: '',\n YEAR: '',\n GCODE: '',\n },\n findSmartIDstate: false,\n smartID: '',\n confirmPost: false\n });\n }\n\n toggleConfirmPost = (value, smartID) => {\n this.setState({ confirmPost: value, smartID });\n }\n\n handleSubmit = sid => {\n if (\n this.props.buttonText === 'New Participant' &&\n this.state.confirmPost == true &&\n this.state.smartID.length >= 11\n ) {\n this.props.postNewParticipant(this.state.smartID, 'Participant');\n this.handleClose();\n }\n\n if (this.props.buttonText == 'New Community' && this.state.confirmPost == true && this.state.smartID.length >= 7) {\n this.props.postNewParticipant(this.state.smartID, 'Community');\n this.handleClose();\n }\n\n if (this.props.buttonText === 'Reminders') {\n this.handleClose();\n }\n\n if (this.props.buttonText === 'Search') {\n const dateFrom = moment(this.state.dateFrom);\n const dateTo = moment(this.state.dateTo);\n if ( this.state.dateTo && this.state.dateFrom && ( this.state.dateTo > this.state.dateFrom ) ) {\n this.props.handleSearch(\n this.state.scramblerID,\n this.state.smartID,\n dateFrom,\n dateTo\n );\n this.handleClose();\n } else {\n this.setState({ searchError: true });\n }\n }\n if (\n this.props.smartID !== this.state.smartID &&\n this.state.smartID.length >= 11 &&\n this.state.confirmPost !== false && this.props.buttonText !== 'New Participant' && this.props.buttonText !== 'New Community') {\n this.props.updateSmartID(this.state.smartID);\n this.handleClose();\n }\n\n if(this.props.smartID !== this.state.smartID && this.state.smartID.length >= 7 && this.state.smartID.length < 11 && this.state.confirmPost !== false && this.props.buttonText !== 'New Participant' && this.props.buttonText !== 'New Community') {\n this.props.updateSmartID(this.state.smartID);\n this.handleClose();\n }\n }\n\n updateSIDValue = (event, { name, value }) => {\n const sid = { ...this.state.sid, [name]: value};\n this.setState({ sid });\n }\n\n createSID = () => {\n let concatSID = '';\n let { sid } = this.state;\n for (var key in sid) {\n concatSID = concatSID.concat(sid[key]).toUpperCase();\n }\n this.setState({\n smartID: concatSID,\n findSmartIDstate: !this.state.findSmartIDstate,\n sid: {\n FIFN: '',\n FILN: '',\n MMFN: '',\n MMLN: '',\n MONTH: '',\n YEAR: '',\n GCODE: '',\n }\n });\n }\n\n onChange = (event, { name, value }) => {\n this.setState({ [name]: value});\n }\n\n findSmartID = () => {\n this.setState({ findSmartIDstate: !this.state.findSmartIDstate });\n }\n\n cancelFindSmartID = () => {\n this.setState({\n findSmartIDstate: false,\n sid: {\n FIFN: '',\n FILN: '',\n MMFN: '',\n MMLN: '',\n MONTH: '',\n YEAR: '',\n GCODE: '',\n }\n })\n }\n\n onFromChange = value => {\n const dateFrom = value;\n const DateFrom = moment(dateFrom).format('MM/DD/YYYY');\n window.localStorage.setItem('DateFrom', dateFrom);\n // let dateTo;\n // let DateTo;\n // let storedDateTo = window.localStorage.getItem('DateTo');\n // if(storedDateTo !== null && this.state.DateTo == undefined) {\n // dateTo = moment(storedDateTo);\n // DateTo = dateTo;\n // this.setState({ dateTo, DateTo });\n // }\n this.setState({ DateFrom, dateFrom});\n }\n\n onToChange = value => {\n const dateTo = value;\n const DateTo = moment(dateTo).format('MM/DD/YYYY');\n window.localStorage.setItem('DateTo', dateTo);\n // let dateFrom;\n // let DateFrom;\n // let storedDateFrom = window.localStorage.getItem('DateFrom');\n // if(storedDateFrom !== null && this.state.DateFrom == undefined) {\n // dateFrom = moment(storedDateFrom);\n // DateFrom = dateFrom;\n // this.setState({DateFrom, dateFrom});\n // }\n this.setState({ DateTo, dateTo });\n }\n\n\n render() {\n return (\n \n {this.props.buttonText === 'New Participant' ? (\n \n { !this.props.hideActions\n ? \n \n \n \n \n \n : null\n }\n this.setState({ searchError: false })}\n >\n \n Invalid Dates! Please select a Start Date and End Date to search. End Date must be at least one day greater than Start Date.\n \n \n this.setState({ searchError: false })}\n >\n close\n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport { List, Modal, Button, Icon } from 'semantic-ui-react';\nimport { EventsModals } from '../Modals/EventsModals';\nimport { formatDate } from '../../Util';\nimport {BaseObjectConsumer} from '../../Context/BaseObjectContext';\nimport Moment from 'react-moment';\n\nexport class ParticipantHeader extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n backModal: false\n };\n }\n\n componentDidMount() {\n }\n\n navigateToBase = () => {\n if (this.props.activeComponent === 'baseRecord') {\n this.props.setBaseActiveIndex('base', 1);\n } else {\n this.props.setBaseActiveIndex('baseRecord', 1);\n }\n }\n\n openBackModal = () => {\n this.setState({ backModal: true });\n }\n\n closeBackModal = () => {\n this.setState({ backModal: false });\n }\n\n\n render() {\n const { participantID, notes, smartID, scramblerID, dateRecorded, description } = this.props;\n return (\n \n {({baseObject, addUpdateBaseNotes, updateSmartID}) =>\n \n \n \n Are You Sure?\n \n \n Any unsaved changes will be lost.\n \n \n \n Confirm\n \n \n Cancel\n \n \n \n \n \n \n \n Smart ID: \n \n \n Scrambler ID: {scramblerID}\n \n \n Event Date: \n {dateRecorded} \n \n \n Status: {description}\n \n \n { this.props.showGraph\n ? \n \n
\n }\n \n );\n }\n}\n","import React from 'react';\nimport {\n Tab,\n Button,\n Responsive,\n Dimmer,\n Loader\n} from 'semantic-ui-react';\nimport { EventsSidebar } from '../Sidebar/EventsSidebar';\nimport { DynamicForm } from '../Forms/DynamicForm';\nimport { ProgressBar } from './ProgressBar';\nimport { ParticipantHeader } from '../ParticipantHeader/ParticipantHeader';\nimport * as _ from 'lodash';\nimport {\n BaseObjectConsumer\n} from '../../Context/BaseObjectContext';\nimport {\n PointsContextProvider\n} from '../../Context/PointsContext';\nexport class Interface extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n panesLength: 0,\n activeIndex: 0,\n points: 0,\n eventNote: { value: '' },\n panes: [],\n showPopup: false,\n message: '',\n };\n }\n\n componentDidMount = () => {\n this.setState({ activeIndex: 0, points: 0 });\n if (this.props.activeComponent === 'interface') {\n this.getPoints(this.props.interfaces);\n this.props.getInterfaces(this.props.interfaceID);\n this.renderAnsweredDynamicSidebar();\n }\n }\n\n componentDidUpdate = (prevProps, prevState) => {\n if (this.state.activeIndex === 0 && this.state.totalPoints === undefined) {\n // this.getPoints(this.props.interfaces);\n }\n\n if (prevState.activeIndex !== this.state.activeIndex) {\n this.renderAnsweredDynamicSidebar();\n }\n\n if (prevProps.record !== this.props.record) {\n this.getPoints(this.props.interfaces);\n this.renderAnsweredDynamicSidebar();\n }\n\n if (prevState.points !== this.state.points) {\n this.setState({ points: this.state.points });\n }\n }\n\n saveTextArea = eventNote => {\n this.setState({ ...this.state.eventNote, eventNote });\n }\n\n getPoints = ( pointSource = this.props.interfaces ) => {\n if (pointSource !== undefined) {\n // edited by Jonathan 10/02/2019\n let pointsArrays = pointSource.map(uiSet => {//interFace =>\n // interFace.uiSets.map(uiSet =>\n return uiSet.elements.map(element => element.points);\n // )\n });\n // edited by Jonathan 10/02/2019\n let pointElements = pointSource.map(uiSet => {//interFace =>\n // interFace.uiSets.map(uiSet =>\n return uiSet.elements.reduce((acc,element) => element.points > 0 ? [...acc, element ] : acc, [] );\n // )\n });\n pointElements = _.flatMapDeep(pointElements);\n\n let values = _.flatMapDeep(pointsArrays);\n let filteredValues = _.filter(values, function(o) {\n return o > 0;\n });\n\n let totalPoints = 0;\n for (let i = 0; i < filteredValues.length; i++) {\n totalPoints += filteredValues[i];\n }\n\n if (totalPoints > 0) {\n // totalPoints = totalPoints / 2; why would I divide this by 2???\n this.setState({ totalPoints, points: 0 });\n }\n\n if (\n this.props.activeComponent !== 'newEvent' &&\n this.props.baseObject !== undefined &&\n this.props.inputData !== undefined &&\n this.props.record !== undefined\n ) {\n const inputData = this.props.baseObject.inputData;\n const record = this.props.record.inputData;\n\n const combined = _.concat(inputData, record);\n\n let currentPoints = combined.reduce( (acc, value) => {\n if (\n pointElements.some( element => {\n if ( !(element.type == 5 && value.optionID == 0) && !(element.type == 8 && !value.value) ) { // make sure it is not a dropdown with select option selected\n return element.id == value.elementID;\n }\n return false;\n })\n ) {\n return ++acc;\n }\n return acc;\n }, 0);\n\n this.setState({ points: currentPoints });\n\n // if (pointSource !== undefined) {\n // let flat = _.flatMapDeep(pointSource[0]);\n // let truthy = [];\n // for (let [key, value] of Object.entries(flat)) {\n // if (_.isObject(value)) {\n // let flatElements = _.flatMap(value.elements);\n // let matches = combined.map(c => c.elementID);\n // for (let i = 0; i < matches.length; i++) {\n // _.filter(flatElements, function(o) {\n // if (matches[i] === o.id && o.points > 0) {\n // let includes = _.includes(truthy, o);\n // if (includes == false) {\n // truthy.push(o);\n // }\n // }\n // });\n // }\n // }\n // }\n //\n // let filteredPoints = _.filter(truthy, function(o) {\n // return o.points > 0;\n // });\n //\n // if (filteredPoints.length > 0) {\n // let answeredStatePoints = this.state.points;\n // filteredPoints = filteredPoints.map(p => p.points);\n // for (let x = 0; x < filteredPoints.length; x++) {\n // answeredStatePoints += filteredPoints[x];\n // }\n //\n // this.setState({ points: answeredStatePoints });\n // }\n // }\n }\n }\n }\n\n setActiveIndex = navigation => {\n switch (navigation) {\n case 'next':\n this.setState({ activeIndex: this.state.activeIndex + 1 });\n break;\n case 'back':\n if (this.state.activeIndex > 0) {\n this.setState({ activeIndex: this.state.activeIndex - 1 });\n }\n break;\n default:\n this.setState({ activeIndex: navigation });\n break;\n }\n }\n\n\n\n renderAnsweredDynamicSidebar() {\n // edited by Jonathan 10/02/2019\n // let uiSets = this.props.interfaces.map(i => i.uiSets);\n let uiSets = [ this.props.interfaces ];\n const iterator = uiSets.values();\n let paneLength = uiSets.map(s => s.length);\n if (this.state.panesLength === 0) {\n paneLength = paneLength[0];\n if (paneLength !== undefined) {\n this.setState({ panesLength: paneLength });\n }\n }\n for (const value of iterator) {\n let panes = value.map(i => ({\n menuItem: {\n key: `${i.id}`,\n content: `${i.label}`,\n style: { color: 'white' },\n },\n render: () => (\n \n \n {({\n baseObject,\n inputData,\n points,\n postEventRecord,\n invalidFields,\n }) =>\n baseObject !== undefined ? (\n \n \n \n\n
\n \n \n ) : null\n }\n \n \n ),\n }));\n if (this.state.panes !== panes) {\n this.setState({ panes });\n }\n return panes;\n }\n }\n\n render() {\n return this.props.activeComponent === 'interface' ||\n this.props.activeComponent === 'newEvent' ? (\n \n {this.props.baseObject === undefined ||\n this.props.baseObject === null ? (\n \n \n \n \n ) : (\n \n {({ baseObject, inputData }) => (\n \n \n \n \n )}\n \n )}\n \n ) : null;\n }\n}\n\nexport const NavigationBar = props =>\n props.profile !== undefined ? (\n \n props.setBaseActiveIndex('base', 0)}\n />\n props.setBaseActiveIndex('base', 1)}\n />\n props.setBaseActiveIndex('base', 2)}\n />\n \n ) : null;\n","import React from 'react';\nimport axios from 'axios';\nimport { key, url, getCookie } from '../Util';\n\nconst APIContext = React.createContext();\n\nexport class APIContextProvider extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {apiProgressCounter: 0, inProgress: 0, finished: 0};\n\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n\n if (this.props.values !== undefined && this.props.values !== undefined) {\n this.setState({ apiProgressCounter: 0, inProgress: this.props.values.inProgress, finished: this.props.values.finished});\n }\n }\n\n\n updateCounter = (inProgress, finished) => {\n if(inProgress > 0 && inProgress !== undefined) {\n this.setState({inProgress: this.state.inProgress + inProgress, apiProgressCounter: this.state.inProgress - this.state.finished});\n }\n\n if(finished > 0) {\n this.setState({finished: this.state.finished + finished, apiProgressCounter: this.state.inProgress - this.state.finished});\n }\n }\n\n\n\n componentDidUpdate(prevProps, prevState) {\n const {inProgress, finished} = this.props.values;\n if(prevProps.values.inProgress !== inProgress) {\n\n this.setState({inProgress});\n }\n\n if(prevProps.values.finished !== finished) {\n let {finished} = this.props.values;\n this.setState({finished});\n }\n\n if(prevState.finished !== this.state.finished || prevState.inProgress !== this.state.inProgress) {\n this.setState({apiProgressCounter: this.state.inProgress - this.state.finished});\n }\n\n }\n\n\n\n render() {\n\n const { children } = this.props;\n return (\n \n {children}\n \n );\n }\n}\n\nexport const APIContextConsumer = APIContext.Consumer;\n","import React from 'react';\nimport { TabHeader } from '../TabHeader/TabHeader';\nimport PlaceholderTable from '../Tables/PlaceholderTable';\nimport { AdminModals } from '../Modals/AdminModals';\nimport { NavigationBar } from '../Interface/Interface';\nimport axios from 'axios';\nimport { url, key, getCookie } from '../../Util';\nimport { Loader, Dimmer } from 'semantic-ui-react';\nimport { APIContextConsumer } from '../../Context/APIProgressContext';\nexport class UserAdmin extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n users: [],\n sites: [],\n siteOptions: [],\n isLoading: false,\n userRoleOptions: [],\n };\n }\n\n componentDidMount() {\n this.setState({ isLoading: true });\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n this.getUsers();\n this.getSites();\n this.makeRoleOptions();\n }\n\n getUsers = () => {\n this.setState({isLoading: true});\n this.props.updateCounter(1,0);\n axios({\n method: 'get',\n url: url + 'users',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.props.updateCounter(0,1);\n this.setState({ users: res.data, data: res.data, isLoading: false });\n });\n }\n\n getSites = () => {\n this.setState({isLoading: true});\n this.props.updateCounter(1,0);\n axios({\n method: 'get',\n url: url + 'sites',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.props.updateCounter(0,1);\n this.setState({ sites: res.data, isLoading: false });\n });\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.state.sites !== prevState.sites) {\n this.makeOptions();\n }\n if (this.state.users.length !== prevState.users.length) {\n this.getUsers();\n }\n }\n\n makeOptions = () => {\n let siteOptions = this.state.sites.map(site => ({\n key: site.id,\n text: site.name,\n value: { id: site.id, name: site.name },\n }));\n\n\n this.setState({ siteOptions });\n }\n\n makeRoleOptions = () => {\n if(this.props.profile !== undefined) {\n let userRoleOptions;\n\n if (parseInt(this.props.profile.role.id) === 1) {\n userRoleOptions = [\n { key: 1, text: 'State Admin', value: { id: 1, name: 'Admin' } },\n { key: 2, text: 'Site Admin', value: { id: 2, name: 'Site Admin' } },\n { key: 3, text: 'User', value: { id: 3, name: 'User' } },\n {\n key: 4,\n text: 'User Read Only',\n value: { id: 4, name: 'User Read Only' },\n },\n ];\n this.setState({ userRoleOptions });\n } else {\n userRoleOptions = [\n { key: 3, text: 'User', value: { id: 3, name: 'User' } },\n {\n key: 4,\n text: 'User Read Only',\n value: { id: 4, name: 'User Read Only' },\n },\n ];\n this.setState({ userRoleOptions });\n };\n }\n }\n\n render() {\n const {data} = this.state;\n const columns = [\n { Header: 'Site', accessor: 'site.name' },\n { Header: 'First Name', accessor: 'firstName' },\n { Header: 'Last Name', accessor: 'lastName' },\n { Header: 'Date Created', accessor: 'createdOn', Cell: row => { new Date( row.original.createdOn.replace( 'Z', '' ) ).toLocaleDateString() } },\n {\n Header: 'Modify User',\n accessor: 'id',\n filterable: false,\n Cell: row => (\n \n {({ updateCounter }) => (\n \n ),\n },\n ];\n\n const Modal = (\n \n {({ updateCounter }) => (\n \n );\n const content = (\n \n \n \n {\n this.handleModal();\n }}\n >\n \n \n \n {notification.content}
\n this.props.changeNotificationStatus(notification)}\n >\n {this.renderNotificationStatusButton()}\n \n \n \n \n );\n }\n}\n","import React, { Component } from 'react';\nimport {\n Button,\n Checkbox,\n Header,\n Icon,\n Image,\n Menu,\n Segment,\n Sidebar,\n List,\n} from 'semantic-ui-react';\nimport { Main } from '../../Containers/Main';\nimport { Notifications } from '../Header/Header';\nimport axios from 'axios';\nimport { url, key, getCookie } from '../../Util';\nimport { EditNotificationsModal } from '../Modals/NotificationModal';\n\nexport class NotificationsList extends Component {\n constructor(props) {\n super(props);\n\n this.state = { showDismissed: false };\n }\n\n componentDidMount = () => {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n }\n\n changeNotificationStatus = notification => {\n let status = notification.notificationStatus;\n if (status === 12) {\n axios({\n method: 'post',\n url: url + 'Notification/User',\n data: {\n ...notification,\n notificationStatus: 13,\n },\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => this.updateNotifications());\n } else {\n if (status === 13) {\n axios({\n method: 'post',\n url: url + 'Notification/User',\n data: {\n ...notification,\n notificationStatus: 12,\n },\n headers: {\n api_key: key,\n AccessToken: getCookie('token')\n },\n }).then(res => this.updateNotifications());\n }\n }\n }\n\n updateNotifications = () => {\n axios({\n method: 'get',\n url: url + 'Notifications/User',\n headers: {\n api_key: key,\n AccessToken: getCookie('token')\n },\n }).then(res => {\n this.props.listNotifications(res.data);\n });\n }\n\n toggleNotifications = notificationDisplay => {\n this.setState( prevState => { return { showDismissed: !prevState.showDismissed }; } );\n }\n\n render() {\n const { visible, notificationsList } = this.props;\n\n return (\n \n { notificationsList !== undefined ? (\n notificationsList.length > 0 ? (\n \n \n \n { `NOTIFICATIONS (${ this.props.notificationCount })` }\n \n { this.props.closePopup\n ? \n \n : null\n }\n \n \n { notificationsList.some( item => item.notificationStatus === 13 )\n ? \n { notificationsList.map(item => (\n \n \n \n { item.content.split('.', 1) } ...\n \n \n \n ))}\n
\n \n { this.props.viewMore\n ? view more
\n ) : (\n \n \n \n There are currently no notifications...\n \n \n \n )\n ) : null }\n \n );\n }\n}\n","import React from 'react';\nimport {\n Modal\n} from 'semantic-ui-react';\nimport { NotificationsList } from '../Sidebar/NotificationsList';\n\nconst NotificationsListModal = ({ open, handleModal, notificationsList, listNotifications, handleButtonClick }) => {\n\treturn (\n\t\t\n \n\t\t\t\t \n \n\t);\n};\n\nexport default NotificationsListModal;","import React from 'react';\nimport { Popup, Dropdown, Icon, Button, Card, Label } from 'semantic-ui-react';\nimport { UserAdmin } from '../Admin/UserAdmin';\nimport axios from 'axios';\nimport { url, key, getCookie } from '../../Util';\nimport { NotificationsList } from '../Sidebar/NotificationsList';\nimport NotificationsListModal from '../Modals/NotificationsListModal';\nconst value = 'ISDH | SSP Application';\n\nexport const Title = props => {\n return (\n props.setActiveComponent('base')}\n style={{ background: 'none' }}\n >\n {props.title} \n \n );\n};\n\nexport class Profile extends React.Component {\n constructor(props) {\n super(props);\n this.state = { profile: {} };\n }\n\n render() {\n const { profile } = this.props;\n return (\n \n {this.props.render({ profile })} \n \n }\n on={'click'}\n position=\"bottom center\"\n hideOnScroll\n />\n );\n }\n}\n\nexport class Notifications extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n showNotificationsListModal: false\n };\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n axios({\n method: 'get',\n url: url + 'Notifications/User',\n headers: {\n api_key: key,\n AccessToken: token,\n },\n }).then(res => this.props.listNotifications(res.data));\n }\n }\n\n componentDidUpdate( prevProps, prevState ) {\n if ( prevProps.notificationsList !== this.props.notificationsList ) {\n this.props.checkNotifications();\n }\n }\n\n handleOpen = () => {\n this.setState({ isOpen: true });\n }\n\n handleClose = () => {\n this.setState({ isOpen: false });\n }\n\n toggleNotificationsListModal = () => {\n this.setState( prevState => ({ showNotificationsListModal: !prevState.showNotificationsListModal }) );\n }\n\n render() {\n return (\n \n \n 5\n ? () => {\n this.handleClose();\n this.toggleNotificationsListModal();\n }\n : null\n : null\n }\n />\n }\n on={ 'click' }\n position=\"bottom center\"\n />\n \n );\n }\n}\n\nexport class Settings extends React.Component {\n render() {\n return (\n \n\n this.props.setActiveComponent('userAdmin')}\n >\n User Admin\n \n {this.props.profile !== undefined && this.props.profile.role.id == 1 ?\n \n this.props.setActiveComponent('siteAdmin')}\n >\n Site Admin\n \n this.props.setActiveComponent('notificationAdmin')}\n >\n Notification Admin\n \n this.props.setActiveComponent('providerAdmin')}>\n Provider Admin\n \n \n : null\n }\n \n \n );\n }\n}\n\nexport class Header extends React.Component {\n render() {\n return this.props.render({ title: value });\n }\n}\n","import React from 'react';\nimport PlaceholderTable from '../Tables/PlaceholderTable';\nimport { EventsModals } from '../Modals/EventsModals';\nimport { Button, Loader, Dimmer, Segment, Modal } from 'semantic-ui-react';\nimport axios from 'axios';\nimport { key, url, getCookie } from '../../Util';\nimport Moment from 'react-moment';\nimport moment from 'moment';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\n\nclass Base extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n data: [],\n isLoading: false,\n openConfirmDelete: false,\n idToDelete: '',\n deleteErrorModal: false\n };\n }\n\n componentDidMount() {\n if (this.props.recordType !== undefined) {\n this.getRecordType(this.props.recordType);\n }\n\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n }\n\n componentDidUpdate = (prevProps, prevState) => {\n if (\n prevProps.recordType !== this.props.recordType ||\n prevProps.activeComponent !== this.props.activeComponent\n ) {\n this.getRecordType(this.props.recordType);\n }\n if (prevProps.recordType !== this.props.recordType) {\n this.getRecordType(this.props.recordType);\n }\n\n if(this.state.token == undefined && this.state.token !== prevState.token) {\n let token = getCookie('token');\n this.setState({token});\n }\n }\n\n getRecordType = recordType => {\n if (recordType == 'Community') {\n this.getRecords(19);\n } else if (recordType == 'Participant') {\n this.getRecords(18);\n } else {\n // this.getRecords();\n }\n }\n\n deleteRecord = async id => {\n if (this.state.openConfirmDelete == false) {\n this.setState({ openConfirmDelete: true, idToDelete: id });\n }\n if (this.state.openConfirmDelete == true) {\n const res = await this.props.deleteRecord(id);\n if ( res ) {\n this.setState({ openConfirmDelete: false, idToDelete: '' });\n const recordTypeID = this.props.recordType === 'Participant' ? 18 : this.props.recordType === 'Community' ? 19 : null;\n this.getRecords( recordTypeID );\n } else {\n this.setState({ openConfirmDelete: false, idToDelete: '' });\n this.setState({ deleteErrorModal: true });\n }\n }\n }\n\n handleSearch = (scramblerID, smartID, dateFrom, dateTo) => {\n this.setState({ isLoading: true });\n dateFrom = moment(dateFrom).format('MM/DD/YYYY');\n if(dateTo !== 'Invalid Date') {\n dateTo = moment(dateTo).format('MM/DD/YYYY');\n } else {\n dateTo = moment( JSON.parse(window.localStorage.getItem('DateTo')) ).format('MM/DD/YYYY');\n }\n\n if(dateFrom !== 'Invalid Date') {\n dateFrom = moment(dateFrom).format('MM/DD/YYYY');\n } else {\n dateFrom = moment( JSON.parse(window.localStorage.getItem('DateFrom')) ).format('MM/DD/YYYY');\n }\n\n window.localStorage.setItem('DateFrom', JSON.stringify( moment(dateFrom).format('MM/DD/YYYY') ));\n window.localStorage.setItem('DateTo', JSON.stringify( moment(dateTo).format('MM/DD/YYYY') ));\n window.localStorage.setItem('scramblerID', scramblerID);\n window.localStorage.setItem('smartID', smartID);\n let recordType = this.props.recordType == 'Community' ? 19 : 18;\n axios({\n method: 'get',\n url:\n url +\n 'Records?DateFrom=' +\n dateFrom +\n '&DateTo=' +\n dateTo +\n '&SmartID=' +\n smartID +\n '&ScramblerID=' +\n scramblerID +\n '&Type=' +\n recordType,\n headers: {\n api_key: key,\n accept: 'application/json',\n AccessToken: getCookie('token'),\n },\n })\n .then(res => {\n let data = res.data;\n let length = res.data.length;\n\n this.setState({ data, length, isLoading: false });\n })\n .catch(error => {\n let data = [];\n let length = 0;\n this.setState({ data, length, isLoading: false });\n });\n }\n\n getRecords = eventType => {\n let storedDateFrom = JSON.parse( window.localStorage.getItem('DateFrom') );\n let storedDateTo = JSON.parse( window.localStorage.getItem('DateTo') );\n\n let storedScramblerID = window.localStorage.getItem('scramblerID');\n let storedSmartID = window.localStorage.getItem('smartID');\n let token = getCookie('token');\n\n if (storedSmartID !== null || storedScramblerID !== null) {\n this.handleSearch(\n storedScramblerID,\n storedSmartID,\n storedDateFrom,\n storedDateTo\n );\n } else if (storedDateFrom !== null) {\n this.setState({ isLoading: true });\n let today = moment(storedDateTo).format('MM/DD/YYYY');\n let end = moment(storedDateFrom).format('MM/DD/YYYY');\n\n axios({\n method: 'get',\n url:\n url +\n 'Records?DateFrom=' +\n end +\n '&DateTo=' +\n today +\n '&SmartID=' +\n '' +\n '&ScramblerID=' +\n '' +\n '&Type=' +\n eventType,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n })\n .then(res => {\n let data = res.data;\n let length = res.data.length;\n this.setState({ data, length, isLoading: false });\n })\n .catch(error => {\n let data = [];\n let length = 0;\n this.setState({ data, length, isLoading: false });\n });\n } else {\n this.setState({ isLoading: true });\n let today = new Date();\n let dd = today.getDate();\n let mm = today.getMonth();\n let yyyy = today.getFullYear();\n\n if (dd < 10 && dd.length <= 2) {\n dd = '0' + dd;\n }\n if (mm < 10 && mm.length <= 2) {\n mm = '0' + mm;\n }\n\n if (dd < 29) {\n today =\n (mm + 1).toString() +\n '/' +\n (dd + 2).toString() +\n '/' +\n yyyy.toString();\n } else {\n today =\n (mm + 2).toString() + '/' + dd.toString() + '/' + yyyy.toString();\n }\n let end;\n if (mm <= 1) {\n end = '12' + '/' + dd.toString() + '/' + (yyyy - 1).toString();\n } else {\n end = (mm - 1).toString() + '/' + dd.toString() + '/' + yyyy.toString();\n }\n\n axios({\n method: 'get',\n url:\n url +\n 'Records?DateFrom=' +\n end +\n '&DateTo=' +\n today +\n '&SmartID=' +\n '' +\n '&ScramblerID=' +\n '' +\n '&Type=' +\n eventType,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n })\n .then(res => {\n let data = res.data;\n let length = res.data.length;\n window.localStorage.setItem('DateFrom', JSON.stringify( moment(end).format('MM/DD/YYYY') ));\n window.localStorage.setItem('DateTo', JSON.stringify( moment(today).format('MM/DD/YYYY') ));\n window.localStorage.setItem('eventType', eventType.toString());\n this.setState({ data, length, isLoading: false });\n })\n .catch(error => {\n let data = [];\n let length = 0;\n this.setState({ data, length, isLoading: false });\n });\n }\n }\n\n render() {\n let columns = [];\n let { data, length } = this.state;\n if (data) {\n data.map(col => {\n let arr = Object.keys(col);\n columns = arr.map(a => ({ Header: a, accessor: a }));\n\n let button = {\n Header: 'Select',\n accessor: 'id',\n filterable: false,\n Cell: row => (\n {this.state.idToDelete !== row.original.id ? (\n {\n await this.props.getRecords( row.original.id );\n this.props.setActiveComponent('baseRecord', row.original);\n }}\n >\n Select Participant\n \n ) : (\n this.setState({ openConfirmDelete: false, idToDelete: '' })}\n >\n Cancel\n \n )}\n { this.props.profile.role.id === 1 || this.props.profile.role.id === 2 ? (\n {\n this.deleteRecord(row.original.id);\n }}\n style={\n row.original.id == this.state.idToDelete ? {backgroundColor: 'green', color: 'white'} : {backgroundColor: 'red', color: 'white'}\n }\n content={\n this.state.openConfirmDelete == true ? 'Confirm' : 'Delete'\n }\n />\n ) : null\n }\n \n ),\n };\n\n let filterVal;\n\n let dateRecorded = {\n Header: 'Date Recorded',\n accessor: 'dateRecorded',\n filterable: false,\n Cell: row => (\n {row.original.dateRecorded} \n ),\n };\n\n let visitCount = {\n Header: 'Number of Events',\n accessor: 'recordCount',\n filterable: false\n };\n let mostRecentVisit = {\n Header: 'Most Recent Visit',\n accessor: 'recentRecordDate',\n filterable: false,\n Cell: row => (\n moment( row.original.recentRecordDate ).format('L') === '01/01/1900'\n ? '--'\n : {row.original.recentRecordDate} \n ),\n };\n let firstVisit = {\n Header: 'First Visit',\n accessor: 'firstRecordDate',\n filterable: false,\n Cell: row => (\n moment( row.original.firstRecordDate ).format('L') === '01/01/1900'\n ? '--'\n : {row.original.firstRecordDate} \n ),\n };\n let historyID = {\n Header: 'History ID',\n accessor: 'historyID',\n Cell: row => row.original.historyID ? { row.original.historyID } : { \"\" } \n };\n let smartID = {\n Header: this.props.recordType === 'Participant' ? 'Smart ID' : this.props.recordType === 'Community' ? 'Community ID' : null,\n accessor: 'smartID',\n };\n let scramblerID = {\n Header: 'Scrambler ID',\n accessor: 'scramblerID',\n };\n\n columns = columns.filter(column => column.Header !== 'inputData');\n columns = columns.filter(column => column.Header !== 'records');\n columns = columns.filter(column => column.Header !== 'notes');\n columns = columns.filter(column => column.Header !== 'id');\n columns = columns.filter(column => column.Header !== 'status');\n columns = columns.filter(column => column.Header !== 'dateRecorded');\n columns = columns.filter(column => column.Header !== 'historyID');\n columns = columns.filter(column => column.Header !== 'smartID');\n columns = columns.filter(column => column.Header !== 'scramblerID');\n columns = columns.filter(column => column.Header !== 'type');\n columns = columns.filter(column => column.Header !== 'firstRecordDate');\n columns = columns.filter(column => column.Header !== 'recentRecordDate');\n columns = columns.filter(column => column.Header !== 'recordCount');\n columns.push(scramblerID, smartID, historyID, firstVisit, mostRecentVisit, visitCount, button);\n })\n }\n \n\n const ModalElement = (\n \n {({ postNewParticipant, isLoading }) => (\n \n );\n\n const search = (\n \n \n { ({ isLoading }) => (\n this.state.isLoading == true ? (\n \n \n \n \n ) : (\n \n this.setState({ deleteErrorModal: false }) }\n size=\"mini\"\n >\n \n Unable to delete this record.\n \n \n \n )\n )}\n \n \n );\n }\n}\n\nexport default Base;\n","import React from 'react';\nimport { Button, Segment, Dimmer, Loader, Icon, Modal } from 'semantic-ui-react';\nimport PlaceholderTable from '../Tables/PlaceholderTable';\nimport { EventsModals } from '../Modals/EventsModals';\nimport axios from 'axios';\nimport { key, url, getCookie } from '../../Util';\nimport { ParticipantHeader } from '../ParticipantHeader/ParticipantHeader';\nimport Moment from 'react-moment';\nimport { ToastContainer, toast } from 'react-toastify';\nimport {\n BaseObjectProvider,\n BaseObjectContext,\n BaseObjectConsumer,\n} from '../../Context/BaseObjectContext';\nimport moment from 'moment';\nimport _ from 'lodash';\n\nexport class BaseRecords extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n openConfirmDelete: false,\n idToDelete: ''\n };\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token, isLoading: true});\n }\n\n if (this.props.baseObject !== undefined) {\n this.getRecords();\n }\n this.notify();\n }\n\n componentDidUpdate(prevProps, prevState) {\n\n if(this.context.isLoading !== this.state.isLoading) {\n this.setState({isLoading: this.context.isLoading});\n }\n // if ( !_.isEqual(prevProps.baseObject.notes, this.props.baseObject.notes) ) {\n // this.notify()\n // }\n }\n\n notify = () => {\n let toastId = this.props.recordID || null;\n // let customToastId = 'xxx-yyy';\n if (this.props.baseObject !== undefined) {\n let notes = this.props.baseObject.notes;\n\n let notDismissedNotes = notes.filter(\n note => note.notificationStatus !== 13\n );\n\n\n if (notDismissedNotes.length > 0) {\n // let filter = notDismissedNotes.filter(\n // note => Date.parse(note.dateRecorded) > Date.parse(lastLogin)\n // );\n\n // if (filter !== undefined && filter.length > 0 && !toast.isActive(toastId)) {\n\n toast.info('You have participant notes', {\n position: toast.POSITION.BOTTOM_RIGHT,\n });\n\n }\n }\n }\n\n getRecords() {\n this.setState({isLoading: true});\n this.props.getRecords();\n }\n\n updateBaseNotes = notes => {\n const baseObject = this.state.baseObject;\n baseObject.notes = notes;\n this.setState({ baseObject });\n\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: baseObject,\n }).then(res => {\n let baseObject = res.data;\n let notes = res.data.notes;\n this.setState({ baseObject, notes });\n });\n }\n\n getRecord = id => {\n this.setState({isLoading: true});\n this.props.getRecordInput(id);\n this.setState({isLoading: false});\n // this.props.setActiveComponent('interface');\n }\n\n deleteRecordInstance = id => {\n if (this.state.openConfirmDelete == false) {\n this.setState({ openConfirmDelete: true, idToDelete: id });\n }\n if (this.state.openConfirmDelete == true) {\n this.props.deleteRecordInstance(id);\n this.setState({ openConfirmDelete: false, idToDelete: '' });\n }\n }\n\n checkProperty = field => {\n let fieldOrDescription;\n if (field !== 'status') {\n fieldOrDescription = field;\n } else if (field === 'status') {\n fieldOrDescription = `${field}.description`;\n }\n return fieldOrDescription;\n }\n\n render() {\n let columns = [];\n let { baseObject, notes } = this.state;\n\n if (this.props.baseObject !== undefined) {\n this.props.baseObject.records.map(col => {\n let arr = Object.keys(col);\n columns = arr.map(d => ({ Header: d, accessor: d }));\n let button = {\n Header: 'Select',\n accessor: 'id',\n filterable: false,\n Cell: row => (\n \n { this.state.idToDelete !== row.original.id ? (\n this.getRecord(row.original.id)}\n >\n Select Event\n \n ) : (\n this.setState({openConfirmDelete: false, idToDelete: ''})}\n >\n Cancel\n \n )}\n { this.props.profile.role.id === 1 || this.props.profile.role.id === 2 ? (\n this.deleteRecordInstance( row.original.id )}\n style={\n row.original.id == this.state.idToDelete ? {backgroundColor: 'green', color: 'white'} : {backgroundColor: 'red', color: 'white'}\n }\n content={\n this.state.openConfirmDelete == true ? 'Confirm' : 'Delete'\n }\n />\n ) : null}\n \n ),\n };\n\n let eventDate = {\n Header: 'Event Date',\n accessor: 'dateRecorded',\n filterable: false,\n Cell: row => (\n {row.original.dateRecorded} \n\n ),\n\n };\n\n let userRecorded = {\n Header: 'User Recorded',\n accessor: 'userRecorded',\n };\n\n columns = columns.filter(column => column.Header !== 'status');\n columns = columns.filter(column => column.Header !== 'inputData');\n columns = columns.filter(column => column.Header !== 'dateRecorded');\n columns = columns.filter(column => column.Header !== 'userRecorded');\n columns.push(eventDate, userRecorded, button);\n })\n }\n\n\n const Modal = (\n \n {({\n startNewEventRecord\n }) => (\n \n );\n\n\n\n return (\n \n {({ baseObject, updateSmartID, isLoading }) => (\n \n {baseObject === undefined || baseObject.records === undefined || isLoading == true || this.state.isLoading == true ? (\n \n \n \n \n ) : (\n \n \n )}\n \n )}\n \n );\n }\n}\n\nBaseRecords.contextType = BaseObjectContext;\n","import React from 'react';\nimport { TabHeader } from '../TabHeader/TabHeader';\nimport Base from './Base';\nimport { BaseRecords } from './BaseRecords';\nimport { Button } from 'semantic-ui-react';\nimport { Interface } from '../Interface/Interface';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\n\nexport class Events extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n componentDidMount() {\n if(this.props.baseObject !== undefined) {\n this.props.getRecords();\n }\n }\n\n\n renderRightHeader = () => {\n if (this.props.profile !== null && this.props.profile !== undefined) {\n return (\n \n {this.props.profile.site.name}\n \n );\n } else {\n return (\n \n No Site Assigned\n \n );\n }\n };\n\n renderLeftTitle = () => {\n if (this.props.activeComponent === 'base' && this.props.recordType !== undefined) {\n return `${this.props.recordType} Events`;\n } else {\n return \"SSP Events\";\n }\n }\n\n\n render() {\n const { profile } = this.props;\n\n const rightHeader = this.renderRightHeader();\n const titleLeft = this.renderLeftTitle();\n const activeComponent = this.props.activeComponent;\n\n const baseRecord = (\n \n {({ baseObject, postNewParticipant, getRecordInput, deleteRecord, getRecords }) =>\n \n );\n const baseRecords = (\n \n {({ baseObject, startNewEventRecord, getRecordInput, getRecords, deleteRecordInstance, records }) =>\n \n );\n\n return (\n \n
\n );\n }\n}\n","import React from 'react';\nimport { TabHeader } from '../TabHeader/TabHeader';\nimport ReactTable from 'react-table';\nimport {\n Segment,\n Modal,\n Button,\n Header,\n Form,\n Label,\n Divider,\n Icon,\n} from 'semantic-ui-react';\nimport axios from 'axios';\nimport { url, key, getCookie } from '../../Util';\nimport DatePicker from 'react-datepicker';\nimport MaskedInput from 'react-text-mask';\nimport moment from 'moment';\nimport _ from 'lodash';\n\nexport class Reports extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n open: false,\n stop: false,\n columns: [],\n data: [],\n loading: false,\n error: false,\n errorResponse: '',\n substance: '',\n substanceOptions: [],\n };\n }\n\n componentDidMount() {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n\n axios({\n method: 'get',\n url: url + 'Reports',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n let data = res.data;\n let length = res.data.length;\n this.createColumns(res.data);\n this.setState({ data, length });\n });\n\n axios({\n method: 'get',\n url: url + 'Sites',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n let sites = res.data;\n this.setState({ sites });\n });\n let substanceLookupId = 9;\n axios({\n method: 'get',\n url: url + `Interface/dataElement/${substanceLookupId}`,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n let substanceOptions = res.data.options;\n this.setState({ substanceOptions });\n });\n\n if (this.props.profile !== undefined) {\n if( this.props.profile.role.id == 2 || this.props.profile.role.id == 3 || this.props.profile.role.id == 4 ) {\n let site = this.props.profile.site;\n this.setState({ site });\n }\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevState.open == true && this.state.open == false) {\n this.setState({\n url: null,\n dateFrom: '',\n dateTo: '',\n errorResponse: '',\n substance: '',\n });\n\n this.createColumns(this.state.data);\n }\n\n if (this.state.sites !== prevState.sites && this.props.profile !== undefined) {\n if ( this.props.profile.role.id == 1 ) {\n }\n else if ( this.props.profile.role.id == 2 || this.props.profile.role.id == 3 || this.props.profile.role.id == 4 ) {\n let site = this.props.profile.site;\n this.setState({ site });\n }\n }\n }\n\n createColumns = data => {\n let keys = data.map(d => Object.keys(d));\n let keyLength = keys[0].length;\n let columns = [];\n let button = {\n Header: '',\n accessor: 'id',\n Cell: row => (\n this.reportModal(row)}>\n Run Report\n \n ),\n };\n for (let i = 0; i < keyLength; i++) {\n if (keys[0][i] !== 'id') {\n if (keys[0][i] != 'filter')\n columns.push({ Header: keys[0][i], accessor: keys[0][i] });\n }\n }\n\n columns.push(button);\n this.setState({ columns });\n }\n\n reportModal = details => {\n let options = this.state.sites.map(site => ({\n key: site.id,\n text: site.name,\n value: site.id,\n }));\n\n let substanceOptions = this.state.substanceOptions.map(substance => ({\n key: substance.id,\n text: substance.label,\n value: substance.id,\n }));\n\n let modalDetails = {\n id: details.original.id,\n name: details.original.name,\n description: details.original.description,\n options,\n substanceOptions,\n filter: _.parseInt(details.original.filter),\n };\n\n this.setState({ open: true, modalDetails });\n }\n\n onToChange = value => {\n const dateTo = value;\n this.setState({ dateTo, error: false, errorResponse: '' });\n }\n\n onFromChange = value => {\n const dateFrom = value;\n this.setState({ dateFrom, error: false, errorResponse: '' });\n }\n\n onSiteChange = (event, { name, value }) => {\n const site = value;\n this.setState({ site, error: false, errorResponse: '' });\n }\n\n onFilterChange = (event, { name, value }) => {\n const substance = value;\n this.setState({ substance });\n }\n\n runReport = () => {\n this.setState({ loading: !this.state.loading });\n let site;\n if (_.isObject(this.state.site) == true) {\n site = this.state.site.id;\n } else {\n site = this.state.site;\n }\n const reportID = this.state.modalDetails.id;\n\n if (_.isInteger(this.state.substance) == true) {\n axios({\n method: 'post',\n url: url + 'report/execute?ReportID=' + reportID + '&ReportType=pdf',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: {\n values: [\n {\n name: 'SiteID',\n value: site,\n type: 'integer',\n },\n {\n name: 'DateFrom',\n value: moment(this.state.dateFrom).format('MM/DD/YYYY'),\n type: 'date',\n },\n {\n name: 'DateTo',\n value: moment(this.state.dateTo).format('MM/DD/YYYY'),\n type: 'date',\n },\n {\n name: 'Parm1',\n value: this.state.substance,\n type: 'integer',\n },\n ],\n },\n })\n .then(res => {\n this.setState({\n loading: false,\n url: res.data.url,\n dateFrom: undefined,\n dateTo: undefined,\n // site: undefined,\n substance: '',\n });\n })\n .catch(error => {\n console.log(error);\n this.setState({\n loading: false,\n error: true,\n errorResponse: error.response,\n dateFrom: undefined,\n dateTo: undefined,\n // site: undefined,\n substance: '',\n });\n });\n } else {\n\n let site;\n if (_.isObject(this.state.site) == true) {\n console.log(this.state.site);\n site = this.state.site.id;\n } else {\n site = this.state.site;\n }\n\n axios({\n method: 'post',\n url: url + 'report/execute?ReportID=' + reportID + '&ReportType=pdf',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n data: {\n values: [\n {\n name: 'SiteID',\n value: site,\n type: 'integer',\n },\n {\n name: 'DateFrom',\n value: moment(this.state.dateFrom).format('MM/DD/YYYY'),\n type: 'date',\n },\n {\n name: 'DateTo',\n value: moment(this.state.dateTo).format('MM/DD/YYYY'),\n type: 'date',\n },\n ],\n },\n })\n .then(res => {\n this.setState({\n loading: false,\n url: res.data.url,\n dateFrom: undefined,\n dateTo: undefined,\n // site: undefined,\n substance: '',\n });\n })\n .catch(error =>\n this.setState({\n loading: false,\n error: true,\n url: null,\n errorResponse: error.response,\n dateFrom: undefined,\n dateTo: undefined,\n // site: undefined,\n substance: '',\n })\n );\n }\n }\n\n openReport = () => {\n window.open(this.state.url);\n this.setState({ open: false, url: null });\n }\n\n onClose = () => {\n this.setState({\n url: null,\n dateFrom: undefined,\n dateTo: undefined,\n errorResponse: '',\n open: false,\n error: false,\n // site: undefined,\n });\n }\n\n render() {\n const content = 'Reports';\n const {\n columns,\n data,\n modalDetails,\n dateFrom,\n dateTo,\n site,\n loading,\n substance,\n substanceOptions,\n errorResponse,\n } = this.state;\n const { profile } = this.props;\n\n const modal = (\n \n this.setState({ open: false, error: false, errorResponse: '' })\n }\n style={{ float: 'right', marginTop: '-1em', marginRight: '-20px' }}\n />\n }\n onClose={this.handleClose}\n centered\n closeOnDocumentClick\n >\n Run Reports \n \n \n \n {modalDetails !== undefined ? modalDetails.name : ''}\n \n {modalDetails !== undefined ? modalDetails.description : ''}
\n \n \n \n \n );\n\n return (\n \n \n \n
\n );\n }\n}\n","import React, { useEffect, useState } from 'react';\nimport axios from 'axios';\nimport { key, url, getCookie } from '../../Util';\n\nconst BiReporting = () => {\n\tconst [ iframeUrl, setIframeUrl ] = useState( '' );\n\n\tuseEffect( () => {\n\t\t( async () => {\n\t\t\tconst AccessToken = getCookie( 'token' );\n\n\t\t\ttry {\n\t\t\t\tconst { data } = await axios( {\n\t\t\t\t\tbaseURL: url,\n\t\t\t\t\turl: '/user/authenticate/adhoc',\n\t\t\t\t\theaders: {\n\t\t\t\t\t\tapi_key: key,\n\t\t\t\t\t\tAccessToken\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\n\t\t\t\tsetIframeUrl( `https://isdhbi.kineticiq.com?t=${ data.token }` );\n\t\n\t\t\t} catch ( err ) {\n\t\t\t\tconsole.error( err );\n\t\t\t}\n\t\t} )();\n\t} , [] );\n\n\treturn (\n\t\t\n\t\t\t{ iframeUrl\n\t\t\t\t\t? \n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t:\t\n\t\t\t\t\t\tloading...\n\t\t\t\t\t
\n\t\t\t}\n\t\t \n\t);\n};\n\nexport default BiReporting;","import React from 'react';\nimport { Tab, Segment, Button, Modal } from 'semantic-ui-react';\nimport { Dashboard } from '../Dashboard/Dashboard';\nimport { Events } from '../Events/Events';\nimport { Reports } from '../Reports/Reports';\nimport { BaseObjectConsumer } from '../../Context/BaseObjectContext';\nimport BiReporting from '../BiReporting';\n\nconst dashboardPane = {\n menuItem: {\n key: 'dashboard',\n icon: 'grid layout',\n content: 'Dashboard',\n style: { color: 'white' },\n },\n render: (props) => (\n props.panes !== undefined && props.profile !== undefined ? (\n props.panes.forEach( (pane) => {\n\n pane.menuItem.className = `menu${pane.menuItem.content}${props.profile.role.name}`;\n })\n ) : null,\n \n (\n \n {/*
{content}
*/}\n
\n {gender}\n {substance}\n \n
\n
{referral} \n
\n \n {({getRecords}) =>\n (\n \n {props.activeComponent === 'base'\n ? baseRecord\n : props.activeComponent === 'baseRecord'\n ? baseRecords\n : props.activeComponent === 'community'\n ? baseRecord\n : props.activeComponent === 'eventTypeCheck' ?\n
\n \n \n Would you like to load the Community or Participant interface?\n \n \n Please select Community interface for any non-participant related events.\n \n \n props.setBaseActiveIndex('base', undefined, 'Community')}>Community \n props.setBaseActiveIndex('base', undefined, 'Participant')}>Participant \n \n \n \n : null}\n
{leftFooter}
\n
{modal} \n
\n \n ),\n};\n\nconst reportsPane = {\n menuItem: {\n key: 'reports',\n icon: 'chart line',\n content: 'Reports',\n style: { color: 'white' },\n },\n render: (props) => (\n props.panes !== undefined && props.profile !== undefined ? (\n props.panes.forEach( (pane) => {\n\n pane.menuItem.className = `menu${pane.menuItem.content}${props.profile.role.name}`;\n })\n ) : null,\n\n \n (\n \n {content}\n
{rightHeader}
\n
\n \n \n {({getRecords}) =>\n (\n \n {props.activeComponent === 'base'\n ? baseRecord\n : props.activeComponent === 'baseRecord'\n ? baseRecords\n : props.activeComponent === 'community'\n ? baseRecord\n : props.activeComponent === 'eventTypeCheck' ?\n
\n \n \n Would you like to load the Community or Participant interface?\n \n \n Please select Community interface for any non-participant related events.\n \n \n props.setBaseActiveIndex('base', undefined, 'Community')}>Community \n props.setBaseActiveIndex('base', undefined, 'Participant')}>Participant \n \n \n \n : null}\n
{leftFooter}
\n
{modal} \n
\n \n ),\n};\n\nexport const tabletSidebarPanes = (props) => {\n if ( props.profile !== undefined ) {\n switch (props.profile.role.id) {\n case 1:\n case 2:\n case 3:\n return [\n tabletEventsPane\n ];\n case 4:\n return [];\n default:\n return [];\n }\n }\n return [];\n};\n","import React from 'react';\nimport { Tab, Responsive } from 'semantic-ui-react';\nimport { SidebarPanes, tabletSidebarPanes } from './SidebarPanes';\n\nexport class Sidebar extends React.Component {\n handleChange = (event, data) => {\n this.props.setBaseActiveIndex('eventTypeCheck', data.activeIndex);\n }\n\n componentDidMount() {\n if (this.props.width !== undefined) {\n if (this.props.width < 992) {\n this.props.setBaseActiveIndex('eventTypeCheck', 0);\n }\n }\n }\n\n render() {\n const { profile } = this.props;\n return (\n \n { profile !== undefined\n ? \n \n : null\n }\n \n );\n }\n}\n","import React from 'react';\nimport { TabHeader } from '../TabHeader/TabHeader';\nimport PlaceholderTable from '../Tables/PlaceholderTable';\nimport { AdminModals } from '../Modals/AdminModals';\nimport axios from 'axios';\nimport { NavigationBar } from '../Interface/Interface';\nimport { url, key, getCookie } from '../../Util';\nimport { Dimmer, Loader } from 'semantic-ui-react';\nimport PhoneInput from 'react-phone-input-auto-format';\nimport { APIContextConsumer } from '../../Context/APIProgressContext';\n\nexport class SiteAdmin extends React.Component {\n constructor(props) {\n super(props);\n this.state = { sites: [], isLoading: false };\n }\n\n componentDidMount() {\n this.setState({ isLoading: true });\n this.getSites();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n if (this.state.sites.length !== prevState.sites.length) {\n this.setState({ isLoading: true });\n this.getSites();\n }\n\n if (this.state.sites !== prevState.sites && this.state.sites.length !== prevState.sites.length) {\n this.getSites();\n }\n }\n\n getSites = () => {\n this.props.updateCounter(1,0);\n axios({\n method: 'get',\n url: url + 'sites',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.setState({ sites: res.data, isLoading: false });\n this.props.updateCounter(0,1);\n });\n }\n\n render() {\n const columns = [\n { Header: 'Site', accessor: 'name' },\n { Header: 'Description', accessor: 'description' },\n { Header: 'Contact Name', accessor: 'contactName' },\n { Header: 'Contact Email', accessor: 'contactEmail' },\n {\n Header: 'Contact Phone',\n accessor: 'contactPhone',\n Cell: row => (\n \n {({ updateCounter }) => (\n \n ),\n },\n ];\n const data = this.state.sites;\n const Modal = (\n \n {({ updateCounter }) => (\n \n );\n const content = (\n \n \n \n this.toggleDeleteError(row.original.id)}\n />\n ),\n },\n ];\n\n const data = this.state.notifications;\n const Modal = (\n \n \n \n \n Are You Sure You Want To Delete This Notification? \n this.deleteNotification(this.state.delete)}\n />\n this.setState({ confirm: false })}\n />\n \n ) : null}\n {this.props.render({ content })}\n \n );\n }\n}\n","import React from 'react';\nimport { Modal } from 'semantic-ui-react';\n\nconst DuplicateProviderLoginModal = ({ open, close }) => {\n return (\n \n \n Duplicate login Error!\n \n \n An error occurred and we were unable to create the provider! It appears that a provider with that login already exists. Please try again with a unique login.
\n \n \n );\n};\n\nexport default DuplicateProviderLoginModal;","import React from 'react';\nimport { TabHeader } from '../TabHeader/TabHeader';\nimport PlaceholderTable from '../Tables/PlaceholderTable';\nimport { AdminModals } from '../Modals/AdminModals';\nimport { NavigationBar } from '../Interface/Interface';\nimport axios from 'axios';\nimport { url, key, getCookie } from '../../Util';\nimport { Loader, Dimmer } from 'semantic-ui-react';\nimport DuplicateProviderLoginModal from './DuplicateProviderLoginModal';\n\nexport class ProviderAdmin extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n providers: [],\n isLoading: false,\n duplicateProviderLoginModal: false\n };\n }\n\n componentDidMount() {\n this.setState({ isLoading: true });\n if (this.state.token === undefined) {\n let token = getCookie('token');\n this.setState({ token });\n }\n this.getProviders();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.state.providers !== prevState.providers && this.state.providers.length !== prevState.providers.length) {\n this.getProviders();\n }\n }\n\n getProviders = () => {\n this.props.updateCounter(1, 0);\n axios({\n method: 'get',\n url: url + 'Providers',\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n }).then(res => {\n this.props.updateCounter(0, 1);\n this.setState({ providers: res.data, isLoading: false });\n });\n }\n\n postProvider = async ( provider, genPin = false ) => {\n this.props.updateCounter(1, 0);\n let data = {\n ...provider\n };\n try {\n const res = await axios({\n method: 'post',\n url: url + 'Provider',\n data,\n headers: {\n api_key: key,\n AccessToken: getCookie('token'),\n },\n params: {\n genPin\n }\n });\n if ( res ) {\n this.props.updateCounter(0, 1);\n this.getProviders();\n return true;\n }\n } catch ( e ) {\n this.props.updateCounter(0, 1);\n if ( e.response.status === 409 ) {\n this.setState({ duplicateProviderLoginModal: true });\n }\n return false;\n };\n }\n\n render() {\n const columns = [\n { Header: 'Provider', accessor: 'name' },\n { Header: 'Contact Name', accessor: 'contactName' },\n { Header: 'Contact Email', accessor: 'contactEmail' },\n { Header: 'Contact Phone', accessor: 'contactPhone' },\n {\n Header: 'Modify Provider',\n accessor: 'id',\n filterable: false,\n Cell: row => (\n \n \n \n this.setState({ duplicateProviderLoginModal: false }) }\n />\n \n );\n }\n}\n","import React from 'react';\nimport _ from 'lodash';\nimport {\n Header,\n Title,\n Profile,\n Notifications,\n Settings,\n} from '../Components/Header/Header';\nimport axios from 'axios';\nimport { Sidebar } from '../Components/Sidebar/Sidebar';\nimport {\n Menu,\n Tab,\n Card,\n Button,\n Responsive,\n Loader,\n Dimmer,\n Icon,\n} from 'semantic-ui-react';\nimport { SidebarPanes } from '../Components/Sidebar/SidebarPanes';\nimport { Interface } from '../Components/Interface/Interface';\nimport { url, key, setCookie } from '../Util';\nimport { UserAdmin } from '../Components/Admin/UserAdmin';\nimport { SiteAdmin } from '../Components/Admin/SiteAdmin';\nimport NotificationAdmin from '../Components/Admin/NotificationAdmin';\nimport PhoneInput from 'react-phone-input-auto-format';\nimport { ProviderAdmin } from '../Components/Admin/ProviderAdmin';\nimport {\n BaseObjectConsumer,\n BaseObjectProvider,\n BaseObjectContext\n} from '../Context/BaseObjectContext';\nimport {\n APIContextProvider,\n APIContextConsumer,\n} from '../Context/APIProgressContext';\n\n\nexport class Main extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n activeComponent: 'base',\n interfaces: [],\n visible: false,\n interfaceID: '',\n showBadge: false,\n inProgress: 0,\n finished: 0,\n };\n\n }\n\n setActiveComponent = (component, data) => {\n if (data !== undefined) {\n\n if (this.state.activeComponent === 'base') {\n this.setState({ activeComponent: component, recordID: data.id });\n }\n\n if (component === 'baseRecord') {\n this.setState({ activeComponent: component, recordID: data.id });\n }\n } else {\n this.setState({ activeComponent: component });\n }\n }\n\n setBaseActiveIndex = (component, index, recordType) => {\n if (recordType === 'Community') {\n window.localStorage.removeItem('smartID');\n window.localStorage.removeItem('scramblerID');\n this.setState({\n activeComponent: 'community',\n recordType,\n interfaceID: 3,\n });\n } else if (recordType === 'Participant') {\n window.localStorage.removeItem('smartID');\n window.localStorage.removeItem('scramblerID');\n this.setState({ activeComponent: component, recordType, interfaceID: 2 });\n } else {\n this.setState({ activeComponent: component, activeBaseIndex: index });\n }\n }\n\n getInterfaces = id => {\n this.setState({ inProgress: this.state.inProgress + 1 });\n axios({\n method: 'get',\n url: url + 'Interface/' + id,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n }).then(res => {\n let finished = this.state.finished;\n finished = finished + 1;\n // added by Jonathan 10/02/2019\n const newInterfacesArray = res.data.interfaces.reduce(( acc, item ) => {return [ ...acc, ...item.uiSets ];}, []);\n this.setState({ interfaces: newInterfacesArray, finished });\n });\n }\n\n handleButtonClick = () => {\n this.setState({ visible: !this.state.visible });\n }\n\n getPanes = () => {\n if (this.state.interfaces.length >= 1) {\n const data = this.state.interfaces;\n const panes = data.map(d => ({\n menuItem: d.label,\n render: () => {d.label} ,\n }));\n if (this.state.panes === undefined) {\n this.setState({ panes });\n }\n }\n }\n\n listNotifications = notifications => {\n this.setState({ notifications });\n }\n\n checkNotifications = () => {\n if (\n this.state.notifications !== undefined &&\n this.state.profile !== undefined\n ) {\n let notifications = this.state.notifications;\n let profile = this.state.profile;\n let foundNotifications = _.filter(notifications, {\n notificationStatus: 12,\n });\n\n foundNotifications.forEach(notification => {\n if (\n notification.date.split('T')[0] >= profile.lastLogin.split('T')[0]\n ) {\n this.setState({ showBadge: true });\n } else {\n this.setState({ showBadge: false });\n }\n });\n }\n }\n\n getRecordInput = id => {\n axios({\n method: 'get',\n url: url + 'Record/Instance/' + id,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n }).then(res => {\n const baseObject = res.data;\n this.setState({ baseObject, instanceID: id });\n });\n }\n\n\n getRecords = () => {\n\n if (this.state.recordID > 0)\n {\n axios({\n method: 'get',\n url: url + 'Record/' + this.state.recordID,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n }).then(res => {\n let baseObj = res.data;\n let notes = res.data.notes;\n let finished = this.state.finished;\n finished = finished + 1;\n this.setState({ baseObject: baseObj, notes: notes, finished });\n });\n }\n }\n\n setBaseObjectState = newBaseObject => {\n const baseObject = newBaseObject;\n this.setState({ baseObject });\n }\n\n updateBaseObject = updatedObject => {\n const { baseObject, instanceID } = this.state;\n\n let inputData = [];\n let recordData = [];\n for (const [key, value] of Object.entries(updatedObject)) {\n for (const [k, v] of Object.entries(value)) {\n if (\n key < 9 ||\n key === 38 ||\n value.elementID < 9 ||\n value.elementID === 38\n ) {\n inputData.push(value);\n baseObject.inputData = inputData;\n } else {\n recordData.push(value);\n\n baseObject.records.forEach(record => {\n if (record.id === instanceID) {\n baseObject.records[0].inputData = recordData;\n }\n });\n }\n }\n }\n this.setState({ baseObject });\n\n this.submitDynamicForm(baseObject);\n if (this.state.activeComponent === 'newEvent') {\n this.pushRecord(recordData);\n } else return;\n }\n\n pushRecord = recordData => {\n\n const { baseObject } = this.state;\n let records = baseObject.records;\n let newRecordInstance = { id: 0, inputData: recordData };\n records.push(newRecordInstance);\n return records;\n }\n\n getProfile = () => {\n this.setState({ inProgress: this.state.inProgress + 1 });\n if (this.props.userID !== undefined) {\n const userID = this.props.userID;\n axios({\n method: 'get',\n url: url + 'user/' + userID,\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n }).then(res => {\n let profile = res.data;\n let finished = this.state.finished;\n finished = finished + 1;\n this.setState({ profile: profile, finished });\n });\n }\n }\n\n componentDidMount() {\n this.getProfile();\n window.localStorage.removeItem('smartID');\n window.localStorage.removeItem('scramblerID');\n window.localStorage.removeItem('DateFrom');\n window.localStorage.removeItem('DateTo');\n window.localStorage.removeItem('eventType');\n // window.localStorage.clear();\n }\n\n componentDidUpdate = (prevProps, prevState) => {\n\n if (prevState.interfaceID !== this.state.interfaceID) {\n this.getInterfaces(this.state.interfaceID);\n }\n\n if (this.state.profile !== prevState.profile) {\n this.checkNotifications();\n }\n if(this.state.activeComponent === 'base') {\n let interfaceID = this.state.interfaceID;\n if(_.isString(interfaceID)) {\n this.setState({activeComponent: 'eventTypeCheck'});\n }\n }\n }\n\n postNewRecord = () => {\n // this.submitDynamicForm();\n this.setActiveComponent('base', 1);\n }\n\n updateSmartID = smartID => {\n if (this.state.baseObject !== undefined) {\n const baseObject = this.state.baseObject;\n baseObject.smartID = smartID;\n this.setState({ baseObject });\n if (smartID.length === 11) {\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n data: baseObject,\n }).then(res => {\n let baseObject = res.data;\n let notes = res.data.notes;\n this.setState({ baseObject, notes });\n });\n }\n } else {\n if (smartID.length === 11) {\n axios({\n method: 'post',\n url: url + 'Record',\n headers: {\n api_key: key,\n AccessToken: this.props.token,\n },\n data: { smartID: smartID },\n }).then(res => {\n const recordID = res.data.id;\n this.setState({ recordID });\n if (this.state.recordID !== undefined) {\n this.getRecords();\n this.setActiveComponent('baseRecord');\n }\n });\n }\n }\n }\n\n handleLogout = () => {\n setCookie('token', this.props.token, -1);\n window.location.reload(true);\n }\n\n handleOnUpdate = (e, { width }) => this.setState({ width })\n\n render() {\n const {\n notifications,\n profile,\n baseObject,\n activeComponent,\n width,\n } = this.state;\n\n let setActiveComponent = this.setActiveComponent;\n return (\n \n \n \n {/* This is the header that appears across the whole app */}\n {typeof this.props.userID !== 'number' ? (\n this.props.history.push('/login')\n ) : (\n \n
(\n \n \n \n \n \n {({ apiProgressCounter }) => (\n apiProgressCounter > 0 ? (\n \n \n ) : null\n )}\n \n \n \n (\n \n \n User Profile\n \n \n {profile.firstName} {profile.lastName}\n \n \n {profile.organization}\n \n \n Email: {profile.email}\n \n \n {/* Edit Profile */}\n this.handleLogout()}\n >\n Logout\n \n \n \n )}\n profile={profile}\n />\n ) : (\n
\n )}\n {this.state.profile !== undefined &&\n this.state.profile.role.id < 3 ? (\n
\n )}\n \n \n )}\n />\n \n \n ) : (\n \n {({updateCounter}) => (\n \n \n {({\n baseObject,\n getRecordInput,\n points,\n getPointsAndElements,\n inputData,\n record,\n }) => (\n \n
\n {/*
*/}\n {this.state.activeComponent === 'base' ||\n this.state.activeComponent === 'community' ? (\n \n \n ) : this.state.activeComponent === 'baseRecord' ? (\n \n \n {this.state.interfaces.length === 0\n ? this.getInterfaces(this.state.interfaceID)\n : null}\n
\n\n \n ) : this.state.activeComponent === 'userAdmin' ? (\n \n {({updateCounter}) => (\n {content}
}\n updateCounter={updateCounter}\n />\n )}\n \n ) : this.state.activeComponent === 'siteAdmin' ? (\n \n {({updateCounter}) => (\n {content}
}\n updateCounter={updateCounter}\n />\n )}\n \n ) : this.state.activeComponent === 'notificationAdmin' ? (\n \n {({updateCounter}) => (\n {content}
}\n updateCounter={updateCounter}\n listNotifications={ this.listNotifications }\n />\n )}\n \n ) : this.state.activeComponent === 'providerAdmin' ? (\n \n {({updateCounter}) => (\n {content}
}\n updateCounter={updateCounter}\n />\n )}\n \n ) : this.state.activeComponent === 'eventTypeCheck' ? (\n \n
\n \n )}\n \n )}\n {/* The Body Ends Here */}\n\n
\n \n \n \n );\n }\n}\n\nMain.contextType = BaseObjectContext;\n","import React from 'react';\nimport { Icon, List, Popup } from 'semantic-ui-react';\n\nconst PasswordConfirm = ({ open, context, password, confirm }) => {\n return (\n \n \n \n \n \n \n \n
\n \n \n );\n}\n\nexport default PasswordConfirm;\n","import React from 'react';\nimport { Icon, List, Modal } from 'semantic-ui-react';\n\nconst PasswordConfirmError = ({ open, close }) => {\n return (\n \n \n Passwords must match!\n \n \n Please make sure the new password and confirm new password fields are matching.\n \n \n );\n}\n\nexport default PasswordConfirmError;\n","import React from 'react';\nimport { Ref, Input, Button, Header, List, Popup } from 'semantic-ui-react';\nimport btoa from 'btoa';\nimport PasswordInstructions from './PasswordInstructions';\nimport PasswordConfirm from './PasswordConfirm';\nimport PasswordInstructionsError from './PasswordInstructionsError';\nimport PasswordConfirmError from './PasswordConfirmError';\n\nexport class LoginForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n username: '',\n password: '',\n confirmPassword: '',\n penCode: '',\n passwordInstructionsOpen: false,\n passwordConfirmOpen: false,\n passwordInstructionsErrorOpen: false,\n passwordConfirmErrorOpen: false\n };\n this.contextRef = React.createRef();\n this.confirmContextRef = React.createRef();\n }\n\n handleChange = (event, { name, value }) => {\n this.setState({ [name]: value });\n }\n\n handleSubmit = () => {\n if (this.props.match.path === '/reset' ) {\n let penCode = this.props.location.pathname.split('/');\n console.log( penCode[2] )\n let password = this.state.password;\n let confirmPassword = this.state.confirmPassword;\n if ( /(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[`~!#$%^&*()_=+[\\]{}\\\\|;:’“,<.>/?-])(?:.){8,}$/.test( password ) ) {\n if ( password === confirmPassword ) {\n this.props.resetError()\n this.props.changePassword( penCode[2], btoa(password) )\n this.props.history.push('/login')\n } else {\n this.setState({ passwordConfirmErrorOpen: true });\n }\n } else {\n this.setState({ passwordInstructionsErrorOpen: true });\n }\n } else {\n\n if (this.props.loggedIn === false && this.props.forgotPass == false && this.props.changePass == false) {\n const username = this.state.username;\n const password = this.state.password;\n this.props.auth(username, password);\n }\n\n if (this.props.loggedIn === false && this.props.forgotPass == true) {\n if (this.state.username.length > 1) {\n this.props.resetPass(this.state.username);\n this.setState({ username: '', password: '' });\n }\n }\n }\n }\n\n render() {\n return (\n \n {this.props.match.path !== '/reset' ? (\n \n [ this.contextRef = ref }>\n ] this.setState({ passwordInstructionsOpen: true }) }\n onBlur={ () => this.setState({ passwordInstructionsOpen: false }) }\n />\n \n [ this.confirmContextRef = ref }>\n ] this.setState({ passwordConfirmOpen: true }) }\n onBlur={ () => this.setState({ passwordConfirmOpen: false }) }\n />\n \n \n ) : null}\n {this.props.match.path !== '/reset' && this.props.forgotPass == false ? (\n \n \n ) : null}\n {this.props.match.path !== '/reset' ? (\n \n {this.props.forgotPass !== true && this.props.match.path !== '/reset'\n ? 'Authorize Access'\n : 'Reset Password'}\n \n ) : (\n \n Reset Password\n \n )}\n\n {this.props.forgotPass == false &&\n this.props.passwordReset == false &&\n this.props.match.path !== '/reset' ? (\n \n this.props.setChangeForgotPass('forgot')}\n >\n Forgot Password\n \n\n \n ) : (\n this.props.forgotPass == true ? (\n this.props.setChangeForgotPass('home')}\n >\n Cancel\n \n ) : null\n )}\n {this.props.match.path === '/reset' ? (\n this.props.history.push('/login')}\n >\n Cancel\n \n ) : null}\n \n Due to HIPAA regulations, never save your password to your browser's\n password manager\n \n this.setState({ passwordInstructionsErrorOpen: false })}\n password={ this.state.password }\n />\n this.setState({ passwordConfirmErrorOpen: false })}\n />\n \n );\n }\n}\n","import React from 'react';\nimport { Input, Button, Header, List, Icon } from 'semantic-ui-react';\nimport { url, key } from '../../Util';\nimport axios from 'axios';\n\nexport class TwoFactor extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n code: '',\n newCodeSent: false\n };\n }\n\n handleChange = (event, { name, value }) => {\n this.setState({ code: value });\n }\n\n handleSubmit = () => {\n if (this.props.valid === false) {\n const code = this.state.code;\n this.props.twoFactor(code);\n }\n }\n\n handleNewCode = async () => {\n await axios({\n method: 'get',\n url: `${ url }/user/${ this.props.userID }/resend2auth`,\n headers: {\n api_key: key\n }\n });\n this.setState({ newCodeSent: true });\n }\n\n render() {\n return (\n \n \n \n \n A message with a verification code has been sent to your email\n \n Enter the code to continue \n \n Cancel and go back to Login \n \n \n Authorize Access\n \n \n { this.state.newCodeSent? 'New Code Sent!' : 'Send New Code' }\n \n \n );\n }\n}\n","import React from 'react';\nimport { Input, Button, Header, List, Icon } from 'semantic-ui-react';\n\nexport function ReferralConfirm(props) {\n return (\n \n \n \n Thank you for submitting referral code # {props.refCode}\n \n \n );\n}\n","import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { Input, Button, Header, Label } from 'semantic-ui-react';\nimport { ReferralConfirm } from './ReferralConfirm';\n\nexport function ReferralCapture(props) {\n\n const [form, setValues] = useState({\n email: '',\n passkey: '',\n refCode: props.location.pathname.split('/')[2],\n });\n\n const handleChange = e => {\n e.preventDefault();\n setValues({\n ...form,\n [e.target.name]: e.target.value,\n });\n };\n\n const handleSubmit = e => {\n e.preventDefault();\n props.submitReferral(form.email, form.passkey, form.refCode);\n };\n\n return props.referralSuccess == false || props.referralSuccess == null? (\n \n REFERRAL CODE: {form.refCode == undefined ? \"Invalid Referral Code\" : form.refCode} \n \n \n Invalid Account/Pin\n \n
\n \n Complete Referral\n \n \n ) : (\n setOpen( false )}\n size=\"mini\"\n >\n \n Quality Assurance\n \n \n You are currently accessing a testing and quality assurance version of the ISDH SSP Application. All data on this QA site should be considered test data and may become unavailable, outdated, and incorrect.
\n If you are trying to update the live system please visit https://ssd.isdh.in.gov/login.
\n \n \n setOpen( false )}\n >\n Continue\n \n \n \n );\n};\n\nexport default QaWarningModal;\n","import React from 'react';\nimport { LoginForm } from '../Components/Login/LoginForm';\nimport { TwoFactor } from '../Components/Login/TwoFactor';\nimport { Main } from './Main';\nimport {\n Grid,\n Form,\n Segment,\n Header,\n Icon,\n Loader,\n Dimmer,\n} from 'semantic-ui-react';\nimport { url, key } from '../Util';\nimport { ReferralCapture } from '../Components/ReferralCapture/ReferralCapture';\nimport axios from 'axios';\nimport { Settings } from '../Global/config';\nimport QaWarningModal from '../Components/Modals/QaWarningModal';\n\nexport class Login extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n loggedIn: false,\n valid: false,\n forgotPass: false,\n passwordReset: false,\n changePass: false,\n appVersion: ''\n };\n }\n\n componentDidMount() {\n const version = localStorage.getItem( 'appVersion' );\n this.setState({ appVersion: JSON.parse( version ) });\n }\n\n setChangeForgotPass = (option) => {\n // push the user to /reset\n if(option == 'forgot') {\n this.setState({ forgotPass: true, changePass: false });\n this.props.resetError()\n }\n\n if(option == 'change') {\n this.setState({changePass: true, forgotPass: false});\n this.props.resetError()\n }\n\n if(option == 'home') {\n this.setState({changePass: false, forgotPass: false, passwordReset: false});\n this.props.resetError()\n }\n }\n\n resetPass = username => {\n if (username !== undefined) {\n axios({\n method: 'put',\n url: url + 'user/forgotpass?Email=' + username,\n headers: {\n api_key: key,\n },\n }).then(res => {\n if(res.data == true) {\n this.setState({ forgotPass: false, passwordReset: true });\n }\n\n if(res.data == false) {\n this.props.setError();\n }\n\n });\n }\n }\n\n changePassword = (penCode, password) => {\n axios({\n method: 'put',\n url:\n url +\n 'user/confirmpass?PenCode=' +\n penCode +\n '&Password=' +\n password,\n headers: {\n api_key: key,\n },\n })\n .then(res => {\n\n if(res.data == false) {\n this.props.setError();\n this.setState({passChangeSuccess: res.data})\n }\n\n if(res.data == true) {\n this.setState({\n passChangeSuccess: res.data,\n });\n this.props.resetError();\n }\n }).catch(error => {console.log(error)});\n }\n\n render() {\n return (\n \n
\n \n
\n \n \n \n \n
\n
\n \n \n \n Indiana State Department of Health\n \n \n Syringe Service Program\n \n The app is currently down for maintenance!
\n \n \n { !this.state.appLoading\n ? \n { isAcceptedBrowser\n ? \n (\n (\n \n (\n \n \n )}\n />\n (\n \n
\n : \n \n
You are using an unsupported browser! \n
\n
\n
The following browsers are supported:
\n
\n Chrome - version 74 and up \n Firefox - version 66 and up \n Safari - version 11 and up \n Edge - version 18 and up \n Internet Explorer - version 11 and up \n \n
\n : \n \n }\n \n );\n }\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n// import './Scss/index.scss';\nimport 'semantic-ui-css/semantic.css';\nimport 'react-table/react-table.css';\nimport App from './App';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport \"react-toastify/dist/ReactToastify.css\";\n\nReactDOM.render(\n \n ,\n document.getElementById('root')\n);\n"],"sourceRoot":""}