toUser(x.id)}>{x.firstName + ' ' + x.lastName}
\r\n toUser(x.id)}>{x.email}
\r\n handleCall(x.cellPhone.replace(/\\D+/g, ''))}>{x.cellPhone.replace(/\\D+/g, '').replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}
\r\n toUser(x.id)}>{x.moveDate ? new Date(x.moveDate).toLocaleDateString() : 'None'}
\r\n toUser(x.id)}>{new Date(x.creationDate).toLocaleDateString()}
\r\n toUser(x.id)}>{x.subState ? x.subState : 'None'}
\r\n \r\n )\r\n })\r\n }\r\n \r\n {page > 1 && handlePageClick('prev')} style={{ marginRight: '5px' }}><}\r\n {\r\n [...Array(numPages)].map((e, i) => {\r\n return handlePageClick('goto', i + 1)} style={{ color: (page === i + 1) ? 'royalblue' : '#333', margin: '0 5px' }}>{i + 1}\r\n })\r\n }\r\n {page < numPages && handlePageClick('next')} style={{ marginLeft: '5px' }}>>}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Dashboard","import React, { useState, useEffect } from 'react'\r\nimport { useParams, useHistory } from 'react-router-dom'\r\n\r\nimport DatePicker from 'react-datepicker'\r\nimport 'react-datepicker/dist/react-datepicker.css'\r\n\r\nconst User = () => {\r\n const [user, setUser] = useState()\r\n const [userFetched, setUserFetched] = useState(false)\r\n\r\n const [notes, setNotes] = useState([])\r\n const [note, setNote] = useState('')\r\n const [savingNote, setSavingNote] = useState(false)\r\n\r\n const [callDate, setCallDate] = useState()\r\n const [startDate, setStartDate] = useState()\r\n const [moveDate, setMoveDate] = useState()\r\n const [createdDate, setCreatedDate] = useState()\r\n const [modifiedDate, setModifiedDate] = useState()\r\n\r\n const { id } = useParams()\r\n const history = useHistory()\r\n\r\n useEffect(() => {\r\n const validLogin = Boolean(sessionStorage.getItem('loggedIn'))\r\n\r\n if (!validLogin)\r\n history.push('/login')\r\n else {\r\n if (!userFetched) {\r\n fetch('../api/Users/' + id)\r\n .then((res) => {\r\n if (res.ok) return res.json()\r\n alert('Error fetching user.')\r\n })\r\n .then((user) => {\r\n setUser(user)\r\n setUserFetched(true)\r\n\r\n setCallDate(user.nextCall ? new Date(user.nextCall) : undefined)\r\n setStartDate(user.startDate ? new Date(user.startDate) : undefined)\r\n setMoveDate(user.moveDate ? new Date(user.moveDate) : undefined)\r\n setCreatedDate(user.creationDate ? new Date(user.creationDate) : undefined)\r\n setModifiedDate(user.modifiedDate ? new Date(user.modifiedDate) : undefined)\r\n setStatus(user.state)\r\n setSubStatus(user.subState)\r\n\r\n refreshNotes(id)\r\n })\r\n }\r\n }\r\n })\r\n\r\n const handleCallDate = (date) => {\r\n setCallDate(date)\r\n updateUserProperty('nextCall', date)\r\n }\r\n\r\n const handleModifiedDate = (date) => {\r\n setModifiedDate(date)\r\n updateUserProperty('modifiedDate', date)\r\n }\r\n\r\n const handleMoveDate = (date) => {\r\n setMoveDate(date)\r\n updateUserProperty('moveDate', date)\r\n }\r\n\r\n const handleStartDate = (date) => {\r\n setStartDate(date)\r\n updateUserProperty('startDate', date)\r\n }\r\n\r\n const handleCreatedDate = (date) => {\r\n setCreatedDate(date)\r\n updateUserProperty('createdDate', date)\r\n }\r\n\r\n const [status, setStatus] = useState('')\r\n const handleStatus = (status) => {\r\n setStatus(status)\r\n updateUserProperty('state', status)\r\n }\r\n\r\n const [editingListingLink, setEditingListingLink] = useState(false);\r\n const handleListingLink = (value) => {\r\n setEditingListingLink(!editingListingLink);\r\n }\r\n\r\n const handleClickListingLink = () => {\r\n window.open(user.listingLink, '_blank');\r\n }\r\n\r\n const [subStatus, setSubStatus] = useState('')\r\n const handleSubStatus = (subStatus) => {\r\n setSubStatus(subStatus)\r\n setUser({ ...user, subState: subStatus })\r\n\r\n const data = {\r\n userId: id,\r\n text: 'Status updated to: ' + subStatus\r\n }\r\n\r\n fetch('../api/Users/notes', {\r\n method: 'POST',\r\n body: JSON.stringify(data),\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n }\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n refreshNotes(id)\r\n }\r\n })\r\n .catch(error => alert(error))\r\n }\r\n\r\n const updateUserProperty = (propertyName, value) => {\r\n const result = {}\r\n result[propertyName] = (propertyName === 'moveDate' || propertyName === 'startDate' || propertyName === 'referenceDate' || propertyName === 'nextCall' || propertyName === 'createdDate') ? (new Date(value)).toJSON() : value\r\n setUser({\r\n ...user,\r\n ...result\r\n })\r\n\r\n updateAnon(propertyName, value)\r\n }\r\n\r\n const updateUtility = (utilityName) => {\r\n const result = {}\r\n result[utilityName] = !user.utilities[utilityName]\r\n setUser({\r\n ...user,\r\n utilities: { ...user.utilities, ...result }\r\n })\r\n\r\n updateAnon(utilityName, !user.utilities[utilityName], true)\r\n }\r\n\r\n const saveNote = () => {\r\n if (savingNote)\r\n return\r\n\r\n if (!note || note.length === 0)\r\n return\r\n\r\n setSavingNote(true)\r\n\r\n const data = {\r\n userId: id,\r\n text: note\r\n }\r\n\r\n fetch('../api/Users/notes', {\r\n method: 'POST',\r\n body: JSON.stringify(data),\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n }\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n document.getElementById('note-box').value = null\r\n refreshNotes(id)\r\n setSavingNote(false)\r\n setNote('')\r\n }\r\n })\r\n .catch(error => alert(error))\r\n }\r\n\r\n const deleteNote = (id) => {\r\n if (window.confirm('Delete this note?')) {\r\n fetch('../api/Users/notes/' + id, {\r\n method: 'DELETE'\r\n })\r\n .then((res) => {\r\n if (res.ok)\r\n refreshNotes(user.id)\r\n })\r\n .catch(error => alert(error))\r\n }\r\n }\r\n\r\n const refreshNotes = (id) => {\r\n fetch('../api/Users/' + id + '/notes')\r\n .then((res) => {\r\n if (res.ok) return res.json()\r\n alert('Error getting notes')\r\n })\r\n .then((notes) => {\r\n setNotes(notes)\r\n })\r\n }\r\n\r\n const sendEmail = (id) => {\r\n fetch('../api/Users/' + id + '/email')\r\n .then((res) => {\r\n if (res.ok) console.log(res.body)\r\n else console.log(\"Error sending email.\")\r\n })\r\n }\r\n\r\n const toDashboard = () => {\r\n history.push('/affiliate/' + user.affiliate.id)\r\n }\r\n\r\n const updateAnon = (field, value, isUtility = false) => {\r\n const data = {\r\n user: user,\r\n options: user.utilities\r\n }\r\n\r\n if (isUtility)\r\n data.user.utilities[field] = value\r\n else\r\n data.user[field] = value\r\n\r\n fetch('../api/Users/update', {\r\n method: 'POST',\r\n body: JSON.stringify(data),\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n }\r\n })\r\n .then((res) => {\r\n if (res.ok)\r\n console.log('Saved')\r\n })\r\n .catch(error => console.log(error))\r\n }\r\n\r\n const submitChanges = () => {\r\n if (note || note.length > 0)\r\n saveNote()\r\n\r\n const data = {\r\n user: user,\r\n options: user.utilities\r\n }\r\n\r\n fetch('../api/Users/update', {\r\n method: 'POST',\r\n body: JSON.stringify(data),\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n }\r\n })\r\n .then((res) => {\r\n if (res.ok)\r\n alert(\"Changes saved.\")\r\n })\r\n .catch(error => alert(error))\r\n }\r\n\r\n const fieldStyles = {\r\n width: '100%',\r\n height: '25px',\r\n lineHeight: '25px',\r\n marginBottom: '5px',\r\n border: 'solid 1px #ccc',\r\n padding: '4px',\r\n borderRadius: '5px'\r\n }\r\n\r\n const handleCall = (number) => {\r\n window.location.href = 'tel:' + number;\r\n }\r\n\r\n const handleEmail = (email) => {\r\n window.location = \"mailto:\" + email;\r\n }\r\n\r\n /*\r\n \r\n Accounting ↗\r\n
*/\r\n\r\n //< div style = {{ textAlign: 'right' }}> \r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n X
\r\n {user.firstName + ' ' + user.lastName}
\r\n\r\n \r\n
\r\n Personal Information
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n First Name:
\r\n updateUserProperty('firstName', e.target.value)} />\r\n \r\n
\r\n Spouse First Name:
\r\n updateUserProperty('spouseFirstName', e.target.value)} />\r\n \r\n
\r\n \r\n
\r\n Last Name:
\r\n updateUserProperty('lastName', e.target.value)} />\r\n \r\n
\r\n Spouse Last Name:
\r\n updateUserProperty('spouseLastName', e.target.value)} />\r\n \r\n
\r\n \r\n
\r\n Email Address:
\r\n updateUserProperty('email', e.target.value)} />\r\n \r\n
\r\n Spouse Email Address:
\r\n updateUserProperty('spouseEmail', e.target.value)} />\r\n \r\n
\r\n \r\n
\r\n \r\n ![]()
handleCall(user.cellPhone)} src=\"https://cdn2.iconfinder.com/data/icons/font-awesome/1792/phone-512.png\" width=\"25\" height=\"25\" />\r\n
\r\n updateUserProperty('cellPhone', e.target.value)} />\r\n Cell Phone:
\r\n \r\n
\r\n \r\n ![]()
handleCall(user.homePhone)} src=\"https://cdn2.iconfinder.com/data/icons/font-awesome/1792/phone-512.png\" width=\"25\" height=\"25\" />\r\n
\r\n updateUserProperty('homePhone', e.target.value)} />\r\n Spouse Phone:
\r\n \r\n
\r\n Status:
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Company:
\r\n \r\n \r\n
\r\n Employee ID:
\r\n updateUserProperty('authID', e.target.value)} />\r\n \r\n
\r\n \r\n handleStartDate(date)} selected={startDate} />\r\n
\r\n Start Date:
\r\n \r\n handleMoveDate(date)} selected={moveDate} />\r\n
\r\n Move Date:
\r\n \r\n
\r\n \r\n handleCreatedDate(date)} selected={createdDate} />\r\n
\r\n Created:
\r\n \r\n handleModifiedDate(date)} selected={modifiedDate} />\r\n
\r\n Modified:
\r\n \r\n
\r\n \r\n handleEmail(user.email)}\r\n src=\"https://cdn4.iconfinder.com/data/icons/basic-user-interface-elements/700/mail-letter-offer-512.png\" width=\"25\" height=\"25\" style={{ cursor: 'pointer' }} />\r\n
\r\n updateUserProperty('consultantEmail', e.target.value)} />\r\n Consultant Email:
\r\n \r\n handleCallDate(date)}\r\n selected={callDate}\r\n dateFormat=\"MM/dd/yyyy h:mm aa\"\r\n />\r\n
\r\n Next Call:
\r\n \r\n
\r\n Listing Link: {editingListingLink ? 'Save' : 'Edit' }
\r\n {editingListingLink && (\r\n updateUserProperty('listingLink', e.target.value)} />\r\n )}\r\n {!editingListingLink && (user.listingLink && {user.listingLink} || 'None')}\r\n \r\n Comcast ↗\r\n
\r\n \r\n
\r\n Address Information
\r\n \r\n
\r\n \r\n
\r\n \r\n To Address:\r\n \r\n \r\n \r\n
\r\n updateUserProperty('newAddress', e.target.value)} />\r\n \r\n updateUserProperty('newCity', e.target.value)} />\r\n updateUserProperty('newState', e.target.value)} maxLength=\"2\" />\r\n updateUserProperty('newZip', e.target.value)} maxLength=\"5\" />\r\n
\r\n \r\n
\r\n \r\n From Address:\r\n \r\n \r\n \r\n
\r\n updateUserProperty('oldAddress', e.target.value)} />\r\n \r\n updateUserProperty('oldCity', e.target.value)} />\r\n updateUserProperty('oldState', e.target.value)} maxLength=\"2\" />\r\n updateUserProperty('oldZip', e.target.value)} maxLength=\"5\" />\r\n
\r\n \r\n
\r\n Services
\r\n\r\n \r\n updateUtility('changeAddress')} value={user.utilities.changeAddress} name={'Change of Address'} />\r\n updateUtility('electricity')} value={user.utilities.electricity} name={'Electricity'} />\r\n updateUtility('gas')} value={user.utilities.gas} name={'Gas'} />\r\n updateUtility('water')} value={user.utilities.water} name={'Water'} />\r\n updateUtility('trash')} value={user.utilities.trash} name={'Trash / Recycling'} />\r\n updateUtility('internet')} value={user.utilities.internet} name={'Broadband / TV'} />\r\n updateUtility('phone')} value={user.utilities.phone} name={'Phone / Mobile'} />\r\n updateUtility('warranty')} value={user.utilities.warranty} name={'Home Warranty'} />\r\n updateUtility('security')} value={user.utilities.security} name={'Home Security'} />\r\n updateUtility('insurance')} value={user.utilities.insurance} name={'Insurance'} />\r\n updateUtility('dmv')} value={user.utilities.dmv} name={'DMV'} />\r\n updateUtility('moving')} value={user.utilities.moving} name={'Moving'} />\r\n updateUtility('supplies')} value={user.utilities.supplies} name={'Moving Supplies'} />\r\n updateUtility('housing')} value={user.utilities.housing} name={'Housing'} />\r\n
\r\n \r\n
\r\n Notes
\r\n\r\n \r\n \r\n\r\n {notes && notes.length > 0 && (\r\n \r\n {notes.map((note) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n deleteNote(note.id)} className=\"fas fa-trash-alt\" style={{ cursor: 'pointer', marginLeft: '10px' }}> {(new Date(note.timeStamp)).toLocaleString()}:
\r\n {note.text}
\r\n \r\n \r\n \r\n
\r\n \r\n e.preventDefault()}\r\n style={{ marginTop: '5px' }}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default User","import React, { useState, useEffect } from 'react'\r\nimport { useHistory } from 'react-router-dom'\r\n\r\nimport DatePicker from 'react-datepicker'\r\nimport 'react-datepicker/dist/react-datepicker.css'\r\n\r\nconst AddUser = () => {\r\n const [user, setUser] = useState({\r\n authID: '',\r\n firstName: '',\r\n lastName: '',\r\n email: '',\r\n password: '',\r\n cellPhone: '',\r\n homePhone: '',\r\n startDate: null,\r\n moveDate: null,\r\n nextCall: null,\r\n newAddress: '',\r\n newCity: '',\r\n newState: '',\r\n newZip: '',\r\n oldAddress: '',\r\n oldCity: '',\r\n oldState: '',\r\n oldZip: '',\r\n comments: '',\r\n status: 'pending',\r\n consultantEmail: '',\r\n utilities: {\r\n changeAddress: false,\r\n internet: false,\r\n phone: false,\r\n warranty: false,\r\n gas: false,\r\n water: false,\r\n electricity: false,\r\n security: false,\r\n moving: false,\r\n supplies: false,\r\n insurance: false,\r\n dmv: false,\r\n trash: false\r\n }\r\n })\r\n\r\n const [callDate, setCallDate] = useState()\r\n const [startDate, setStartDate] = useState()\r\n const [moveDate, setMoveDate] = useState()\r\n\r\n const [affiliates, setAffiliates] = useState([])\r\n const [affiliatesLoaded, setAffiliatesLoaded] = useState(false)\r\n const [chosenAffiliate, setChosenAffiliate] = useState()\r\n\r\n const history = useHistory()\r\n\r\n useEffect(() => {\r\n const validLogin = Boolean(sessionStorage.getItem('loggedIn'))\r\n\r\n if (!validLogin)\r\n history.push('/login')\r\n else {\r\n if (!affiliatesLoaded) {\r\n setAffiliatesLoaded(true)\r\n fetch('../api/Affiliates')\r\n .then((res) => res.json())\r\n .then((affiliates) => setAffiliates(affiliates))\r\n }\r\n }\r\n })\r\n\r\n const handleCallDate = (date) => {\r\n setCallDate(date)\r\n setUser({ ...user, nextCall: date.toJSON() })\r\n }\r\n\r\n const handleMoveDate = (date) => {\r\n setMoveDate(date)\r\n setUser({ ...user, moveDate: date.toJSON() })\r\n }\r\n\r\n const handleStartDate = (date) => {\r\n setStartDate(date)\r\n setUser({ ...user, startDate: date.toJSON() })\r\n }\r\n\r\n const updateUserProperty = (propertyName, value) => {\r\n const result = {}\r\n result[propertyName] = (propertyName === 'moveDate' || propertyName === 'startDate' || propertyName === 'referenceDate' || propertyName === 'nextCall') ? (new Date(value)).toJSON() : value\r\n setUser({\r\n ...user,\r\n ...result\r\n })\r\n }\r\n\r\n const updateUtility = (utilityName) => {\r\n const result = {}\r\n result[utilityName] = !user.utilities[utilityName]\r\n setUser({\r\n ...user,\r\n utilities: { ...user.utilities, ...result }\r\n })\r\n }\r\n\r\n const toDashboard = () => {\r\n history.push('/affiliate/' + chosenAffiliate)\r\n }\r\n\r\n const submitChanges = () => {\r\n const data = {\r\n user: user,\r\n options: user.utilities,\r\n affId: Number(chosenAffiliate)\r\n }\r\n\r\n fetch('../api/Users', {\r\n method: 'POST',\r\n body: JSON.stringify(data),\r\n headers: {\r\n 'Content-Type': 'application/json;charset=UTF-8'\r\n }\r\n })\r\n .then((res) => {\r\n if (res.ok) {\r\n alert(\"User has been added.\")\r\n toDashboard()\r\n }\r\n })\r\n .catch(error => alert(error))\r\n }\r\n\r\n const fieldStyles = {\r\n width: '100%',\r\n height: '25px',\r\n lineHeight: '25px',\r\n marginBottom: '5px',\r\n border: 'solid 1px #ccc',\r\n padding: '4px',\r\n borderRadius: '5px'\r\n }\r\n\r\n //< div style = {{ textAlign: 'right' }}> \r\n\r\n return (\r\n {name}
\r\n \r\n
\r\n )}\r\n \r\n
\r\n X
\r\n Add New User
\r\n\r\n \r\n
\r\n Personal Information
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n First Name:
\r\n updateUserProperty('firstName', e.target.value)} />\r\n \r\n
\r\n Spouse First Name:
\r\n updateUserProperty('spouseFirstName', e.target.value)} />\r\n \r\n
\r\n \r\n
\r\n Last Name:
\r\n updateUserProperty('lastName', e.target.value)} />\r\n \r\n
\r\n Spouse Last Name:
\r\n updateUserProperty('spouseLastName', e.target.value)} />\r\n \r\n
\r\n \r\n
\r\n Email Address:
\r\n updateUserProperty('email', e.target.value)} />\r\n \r\n
\r\n Spouse Email Address:
\r\n updateUserProperty('spouseEmail', e.target.value)} />\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"https://cdn2.iconfinder.com/data/icons/font-awesome/1792/phone-512.png\")
\r\n
\r\n updateUserProperty('cellPhone', e.target.value)} />\r\n Cell Phone:
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n updateUserProperty('homePhone', e.target.value)} />\r\n Spouse Phone:
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Company:
\r\n \r\n \r\n
\r\n Employee ID:
\r\n updateUserProperty('authID', e.target.value)} />\r\n \r\n handleStartDate(date)} selected={startDate} />\r\n
\r\n Start Date:
\r\n \r\n
\r\n Employee ID:
\r\n updateUserProperty('authID', e.target.value)} />\r\n \r\n handleMoveDate(date)} selected={moveDate} />\r\n
\r\n Move Date:
\r\n \r\n
\r\n Consultant Email:
\r\n updateUserProperty('consultantEmail', e.target.value)} />\r\n \r\n handleCallDate(date)} selected={callDate} dateFormat=\"MM/dd/yyyy h:mm aa\" />\r\n
\r\n Next Call:
\r\n \r\n
\r\n Address Information
\r\n \r\n
\r\n \r\n
\r\n To Address:
\r\n updateUserProperty('newAddress', e.target.value)} />\r\n \r\n updateUserProperty('newCity', e.target.value)} />\r\n updateUserProperty('newState', e.target.value)} maxLength=\"2\" />\r\n updateUserProperty('newZip', e.target.value)} maxLength=\"5\" />\r\n
\r\n \r\n
\r\n From Address:
\r\n updateUserProperty('oldAddress', e.target.value)} />\r\n \r\n updateUserProperty('oldCity', e.target.value)} />\r\n updateUserProperty('oldState', e.target.value)} maxLength=\"2\" />\r\n updateUserProperty('oldZip', e.target.value)} maxLength=\"5\" />\r\n
\r\n \r\n \r\n \r\n
\r\n toUser(user.id)}>\r\n
\r\n );\r\n }).slice(0, 3);\r\n\r\n return (\r\n {user.firstName + ' ' + user.lastName}
\r\n {user.email}
\r\n {user.cellPhone}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Affiliates","import React, { useEffect, useState } from 'react'\r\nimport { useHistory, useParams } from 'react-router-dom'\r\n\r\nconst Affiliate = () => {\r\n const history = useHistory()\r\n const [users, setUsers] = useState([])\r\n const [usersFetched, setUsersFetched] = useState(false)\r\n const [filter, setFilter] = useState({\r\n search: '',\r\n sortParam: 'modifiedDate',\r\n sortDescending: true,\r\n type: 'all'\r\n })\r\n const [page, setPage] = useState(1)\r\n\r\n const { id } = useParams()\r\n\r\n const [affiliateName, setAffiliateName] = useState()\r\n const [affiliateNameFetched, setAffiliateNameFetched] = useState(false)\r\n\r\n useEffect(() => {\r\n (async () => {\r\n const validLogin = Boolean(sessionStorage.getItem('loggedIn'))\r\n\r\n if (!validLogin)\r\n history.push('/login')\r\n else {\r\n if (!usersFetched) {\r\n const users = await fetch('../api/Users/byaffiliate/' + id).json();\r\n for (const user of users) {\r\n const notes = await fetch('../api/Users/' + id + '/notes').json();\r\n user.notes = notes;\r\n }\r\n setUsers(users)\r\n setUsersFetched(true)\r\n }\r\n\r\n if (!affiliateNameFetched) {\r\n fetch('../api/Affiliates/' + id)\r\n .then((res) => {\r\n if (res.ok) return res.json()\r\n alert('Error fetching affiliate.')\r\n })\r\n .then((affiliate) => {\r\n setAffiliateName(affiliate.name)\r\n setAffiliateNameFetched(true)\r\n })\r\n }\r\n }\r\n })();\r\n\r\n return () => {}\r\n })\r\n\r\n const toUpload = () => {\r\n history.push('/upload')\r\n }\r\n\r\n const toUser = (id) => {\r\n history.push('/user/' + id)\r\n }\r\n\r\n const toAddUser = () => {\r\n history.push('/user/add')\r\n }\r\n\r\n const toAffiliates = () => {\r\n history.push('/affiliates')\r\n }\r\n\r\n const sendTestEmail = () => {\r\n fetch('api/Users/testemail')\r\n .then((res) => {\r\n if (res.ok) console.log(res.json())\r\n else alert('Issue sending email')\r\n })\r\n }\r\n\r\n const setTab = (type) => {\r\n setFilter({ ...filter, type: type })\r\n setPage(1)\r\n }\r\n\r\n const handleSearchChange = (value) => {\r\n setFilter({ ...filter, search: value, type: 'all' })\r\n setPage(1)\r\n }\r\n\r\n const handleHeaderClick = (param) => {\r\n if (filter.sortParam === param)\r\n setFilter({ ...filter, sortDescending: !filter.sortDescending })\r\n else\r\n setFilter({ ...filter, sortParam: param, sortDescending: false })\r\n }\r\n\r\n const handlePageClick = (type, gotoPage) => {\r\n if (type === 'goto') {\r\n setPage(gotoPage)\r\n } else if (type === 'next') {\r\n setPage(page + 1)\r\n } else if (type === 'prev') {\r\n setPage(page - 1)\r\n }\r\n }\r\n\r\n let filtered = (filter.search && filter.search.length > 0) ?\r\n users.filter(x => x.firstName.toLowerCase().includes(filter.search)\r\n || x.lastName.toLowerCase().includes(filter.search)\r\n || x.email.toLowerCase().includes(filter.search)\r\n || x.cellPhone.replace(/\\D/g, '').includes(filter.search)\r\n || (x.subState && x.subState.toLowerCase().includes(filter.search))\r\n || filter.search.toLowerCase().includes(x.oldCity.toLowerCase())\r\n || filter.search.toLowerCase().includes(x.newCity.toLowerCase())\r\n || filter.search.toLowerCase().includes(x.oldState.toLowerCase())\r\n || filter.search.toLowerCase().includes(x.newState.toLowerCase())\r\n || x.notes.filter(note => note.text.toLowerCase().includes(filter.search.toLowerCase())))\r\n : users\r\n\r\n filtered = filtered.sort((a, b) => {\r\n const aIsString = isNaN(new Date(a[filter.sortParam]).getTime())\r\n const bIsString = isNaN(new Date(b[filter.sortParam]).getTime())\r\n\r\n if (aIsString) {\r\n if (bIsString) {\r\n if (a[filter.sortParam] > b[filter.sortParam])\r\n return (filter.sortDescending) ? -1 : 1\r\n else if (a[filter.sortParam] < b[filter.sortParam])\r\n return (filter.sortDescending) ? 1 : -1\r\n else\r\n return 0\r\n } else {\r\n return -1\r\n }\r\n\r\n } else {\r\n if (bIsString) {\r\n return 1\r\n } else {\r\n const aDate = new Date(a[filter.sortParam])\r\n const bDate = new Date(b[filter.sortParam])\r\n\r\n if (aDate > bDate)\r\n return (filter.sortDescending) ? -1 : 1\r\n else if (aDate < bDate)\r\n return (filter.sortDescending) ? 1 : -1\r\n else\r\n return 0\r\n }\r\n }\r\n })\r\n\r\n const active = filtered.filter(x => x.state === 'active')\r\n const pending = filtered.filter(x => x.state === 'pending')\r\n const completed = filtered.filter(x => x.state === 'completed')\r\n const closed = filtered.filter(x => x.state === 'closed')\r\n\r\n const arrow = (filter.sortDescending) ? ↓ : ↑\r\n\r\n const noElements = (filtered && filtered.length === 0)\r\n || (filter.type === 'active' && active.length === 0)\r\n || (filter.type === 'pending' && pending.length === 0)\r\n || (filter.type === 'completed' && completed.length === 0)\r\n || (filter.type === 'closed' && closed.length === 0)\r\n\r\n\r\n const tabStyle = {\r\n height: '24px',\r\n lineHeight: '24px',\r\n cursor: 'pointer',\r\n fontSize: '16px',\r\n border: '1px solid #ccc',\r\n borderRadius: '5px',\r\n margin: '5px'\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n handleSearchChange(e.target.value.toLowerCase())} />\r\n {filter.search.length > 0 && (\r\n
\r\n \r\n {filteredUsers}\r\n
\r\n )}\r\n Select A Corporate Affiliate or Affinity Partner
\r\n \r\n {affiliateItems}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst UserList = ({ list, toUser, handleHeaderClick, arrow, sortParam, page, handlePageClick }) => {\r\n\r\n const numPages = Math.ceil(list.length / 25)\r\n\r\n list = list.slice((page - 1) * 25, Math.min(page * 25, list.length))\r\n\r\n const handleCall = (number) => {\r\n window.location.href = 'tel:' + number;\r\n }\r\n\r\n return (\r\n \r\n
\r\n {noElements && (\r\n
\r\n X
\r\n {affiliateName}
\r\n \r\n handleSearchChange(e.target.value.toLowerCase())} />\r\n toUpload()}\r\n style={{ float: 'right', backgroundColor: 'white', cursor: 'pointer', border: '1px solid #aaa' }}\r\n >\r\n Upload Sheet\r\n \r\n toAddUser()}\r\n style={{ float: 'right', backgroundColor: 'white', cursor: 'pointer', border: '1px solid #aaa' }}\r\n >\r\n Add New User\r\n \r\n
\r\n \r\n setTab('all')}\r\n style={{ ...tabStyle, backgroundColor: (filter.type === 'all') ? 'lightblue' : 'white' }}\r\n >\r\n All Users ({filtered.length})\r\n \r\n setTab('active')}\r\n style={{ ...tabStyle, backgroundColor: (filter.type === 'active') ? 'lightblue' : 'white' }}\r\n >\r\n Active Users ({active.length})\r\n \r\n setTab('pending')}\r\n style={{ ...tabStyle, backgroundColor: (filter.type === 'pending') ? 'lightblue' : 'white' }}\r\n >\r\n Pending Users ({pending.length})\r\n \r\n setTab('completed')}\r\n style={{ ...tabStyle, backgroundColor: (filter.type === 'completed') ? 'lightblue' : 'white' }}\r\n >\r\n Completed Users ({completed.length})\r\n \r\n setTab('closed')}\r\n style={{ ...tabStyle, backgroundColor: (filter.type === 'closed') ? 'lightblue' : 'white' }}\r\n >\r\n Closed Users ({closed.length})\r\n \r\n
\r\n \r\n {noElements && (\r\n
There are no users to display.
\r\n )}\r\n {filter.type === 'all' && !noElements && \r\n handleHeaderClick('email')}\r\n >\r\n Email {sortParam === 'email' && arrow}\r\n
\r\n \r\n handleHeaderClick('lastName')}\r\n >\r\n Name {sortParam === 'lastName' && arrow}\r\n
\r\n toUser(x.id)}>{x.firstName + ' ' + x.lastName}
\r\n toUser(x.id)}>{x.email}
\r\n handleCall(x.cellPhone.replace(/\\D+/g, ''))}>{x.cellPhone.replace(/\\D+/g, '').replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}
\r\n toUser(x.id)}>{x.moveDate ? new Date(x.moveDate).toLocaleDateString() : 'None'}
\r\n toUser(x.id)}>{new Date(x.modifiedDate).toLocaleDateString()}
\r\n toUser(x.id)}>{x.subState ? x.subState : 'None'}
\r\n \r\n )\r\n })\r\n }\r\n \r\n {page > 1 && handlePageClick('prev')} style={{ marginRight: '5px' }}><}\r\n {\r\n [...Array(numPages)].map((e, i) => {\r\n return handlePageClick('goto', i + 1)} style={{ color: (page === i + 1) ? 'royalblue' : '#333', margin: '0 5px' }}>{i + 1}\r\n })\r\n }\r\n {page < numPages && handlePageClick('next')} style={{ marginLeft: '5px' }}>>}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Affiliate","import React, { useState, useEffect } from 'react'\r\nimport {\r\n useLocation,\r\n useHistory\r\n} from 'react-router-dom'\r\n\r\nconst useQuery = () => {\r\n return new URLSearchParams(useLocation().search);\r\n}\r\n\r\nconst Apartments = () => {\r\n let query = useQuery();\r\n\r\n let location = query.get(\"location\");\r\n\r\n const [locationInput, setLocationInput] = useState(location);\r\n\r\n const handleLocationInputChange = (location) => {\r\n setLocationInput(location);\r\n }\r\n\r\n const history = useHistory();\r\n\r\n const [searching, setSearching] = useState(false);\r\n const handleSearch = () => {\r\n history.push('apartments?location=' + locationInput);\r\n location = query.get('location');\r\n searchApartments();\r\n }\r\n\r\n const searchApartments = () => {\r\n setSearching(true);\r\n fetch('../api/Apartments/getbylocation/' + locationInput)\r\n .then((res) => {\r\n if (res.ok) return res.json();\r\n alert(\"Could not find apartments for this location.\");\r\n setSearching(false);\r\n })\r\n .then((json) => {\r\n console.log(json);\r\n setApartments(json);\r\n setSearching(false);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n if (!searchedApartments) {\r\n setSearchedApartments(true);\r\n searchApartments();\r\n }\r\n });\r\n\r\n const [apartments, setApartments] = useState([]);\r\n const [searchedApartments, setSearchedApartments] = useState(false);\r\n\r\n const numPages = (apartments && apartments.length) ? Math.ceil(apartments.length / 25) : 0;\r\n const [page, setPage] = useState(1);\r\n\r\n const prevPage = () => {\r\n if (page > 1)\r\n setPage(page - 1);\r\n }\r\n\r\n const nextPage = () => {\r\n if (page < numPages)\r\n setPage(page + 1);\r\n }\r\n\r\n const toDetail = (id) => { }\r\n\r\n const call = (number) => {\r\n window.location.href = 'tel:' + number;\r\n }\r\n\r\n const updateFilter = (filter, value) => {\r\n const result = {};\r\n result[filter] = value;\r\n setFilters({ ...filters, ...result });\r\n }\r\n\r\n const [filters, setFilters] = useState({ maxPrice: 5000, minPrice: 0, beds: 0, baths: 0, dogs: false, cats: false });\r\n\r\n var filteredApartments = (apartments && apartments.length) ? apartments.filter((apartment) => {\r\n return apartment.minimumRent <= filters.maxPrice\r\n && apartment.maximumRent >= filters.minPrice\r\n && (filters.baths == undefined || apartment.maximumBathrooms >= filters.baths)\r\n && (filters.beds == undefined || apartment.maximumBedrooms >= filters.beds)\r\n && (!filters.dogs || apartment.maximumDogs > 0)\r\n && (!filters.cats || apartment.maximumCats > 0);\r\n }) : [];\r\n\r\n const displayApartments = (filteredApartments && filteredApartments.length) ? filteredApartments.slice((page - 1) * 24, Math.min(page * 24, filteredApartments.length)) : [];\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Apartments;\r\n\r\n/*\r\n
\r\n Apartments
\r\n \r\n \r\n handleLocationInputChange(e.target.value)} type=\"text\" id=\"location-input\" />\r\n\r\n \r\n Search\r\n \r\n
\r\n {(!displayApartments || !displayApartments.length) && (\r\n \r\n
\r\n \r\n
\r\n Price
\r\n \r\n $ updateFilter('minPrice', e.target.value)} type=\"text\" style={{ width: '40%' }} />\r\n - \r\n $ updateFilter('maxPrice', e.target.value)} type=\"text\" style={{ width: '40%' }} />\r\n
\r\n \r\n
\r\n Beds
\r\n \r\n updateFilter('beds', e.target.value)} type=\"text\" style={{ width: '50%' }} /> and up\r\n
\r\n \r\n
\r\n Baths
\r\n \r\n updateFilter('beds', e.target.value)} type=\"text\" style={{ width: '50%' }} /> and up\r\n
\r\n \r\n
\r\n Pets
\r\n \r\n updateFilter('dogs', !filters.dogs)}\r\n style={{ background: (filters.dogs) ? '#efefef' : 'white', borderRadius: '5px', border: '1px solid #ccc', width: '60px', height: '30px', cursor: 'pointer', display: 'inline-block', fontSize: '12px', lineHeight: '30px' }}\r\n >\r\n Dogs\r\n \r\n updateFilter('cats', !filters.cats)}\r\n style={{ marginLeft: '10px', background: (filters.cats) ? '#efefef' : 'white', borderRadius: '5px', border: '1px solid #ccc', width: '60px', height: '30px', cursor: 'pointer', display: 'inline-block', fontSize: '12px', lineHeight: '30px' }}\r\n >\r\n Cats\r\n \r\n
\r\n No results to display.
\r\n )}\r\n {displayApartments && displayApartments.length && (\r\n <>\r\n \r\n
\r\n { page == 1 ? '' : 'Prev Page' }
\r\n {page == numPages ? '' : 'Next Page'}
\r\n \r\n Page\r\n {page} of {numPages}\r\n ({displayApartments && displayApartments.length ? displayApartments.length : 0} results)\r\n
\r\n \r\n {displayApartments.map((x) => {\r\n return (\r\n
\r\n )\r\n })}\r\n \r\n
\r\n toDetail(x.propertyID)} style={{ textAlign: 'center' }}>
\r\n \r\n
\r\n \r\n
\r\n {x.rent}
\r\n {x.propertyName}
\r\n {x.city}
\r\n \r\n
\r\n {x.beds} Beds
\r\n {x.baths} Baths
\r\n \r\n call(x.propertyPhoneNumber.replace(/\\D+/g, ''))}>{x.propertyPhoneNumber.replace(/\\D+/g, '').replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}
\r\n \r\n
\r\n \r\n )}\r\n {page == 1 ? '' : 'Prev Page'}
\r\n {page == numPages ? '' : 'Next Page'}
\r\n \r\n Page\r\n {page} of {numPages}\r\n ({displayApartments && displayApartments.length ? displayApartments.length : 0} results)\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\n//"],"sourceRoot":""}X
\r\n Upload File
\r\n \r\n {file &&
\r\n \r\n {file.name}
}\r\n {!file && Drop your file here!
}\r\n