\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tInvalid username or password.\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\tForgot Password?\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport { Paper } from \"@material-ui/core\";\r\n\r\nexport class TabStrip extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n selectedTab: this.props.selected || 0,\r\n };\r\n // this.selectTab = this.selectTab.bind(this);\r\n }\r\n\r\n selectTab(event, index) {\r\n this.setState({ selectedTab: index });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n this.props.selected !== prevProps.selected &&\r\n typeof this.props.selected !== \"undefined\" &&\r\n this.props.selected != null\r\n ) {\r\n this.setState({ selectedTab: this.props.selected });\r\n }\r\n }\r\n\r\n render() {\r\n var tabs = this.props.tabs || [];\r\n var style = {};\r\n if (this.props.suppressBoxShadow) {\r\n style = { boxShadow: \"none\" };\r\n }\r\n return (\r\n \r\n\t\t\t\t\t\t![\"Dynamic](\"../img/logo.png\")
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tthis.setField(\"Email\", event.currentTarget.value);\r\n\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tthis.setField(\"Password\", event.currentTarget.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonKeyPress={(event) => {\r\n\t\t\t\t\t\t\t\tif (event.which === 13) {\r\n\t\t\t\t\t\t\t\t\tthis.login();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\ttype=\"password\">\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.loginFailed && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{\"Qualified & Certified\"}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tWe have an established team of mechanical experts that have been working in various fields of elevator technology since 1987. Our team seeks out solutions to problems without discarding the safety and quality of your equipment. Our workers are qualified and certified engineers and technicians in the United States with a history well-nourished in experience and dedication. Our number one priority is the future success of our clients; no amount of experience is enough to predict every possible issue that could arise, so we constantly focus on technical and safety\r\n\t\t\t\t\t\t\timprovement, creating new ideas with new products that can be part of your life.\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tWe're Your Neighbors\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tWe are an important elevator company in South Florida for you. We not only want you to purchase our equipment, but also want to be your solution. We give you the most for your money with high quality parts and enhanced service available 24 hours. We understand the need to help you have an elevator running smoothly at an affordable price. We pride ourselves on providing excellent customer service that involves listening to customers’ concerns and offering various solutions in a quick and timely manner. With our many years of experience, this gives us the opportunity\r\n\t\t\t\t\t\t\tto introduce our various solutions to your elevators made just for you.\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tNo-Cost Investigation\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\tWe can visit your building at no cost and we will help you not only to find the solution to your problem, but also identify the cause so that the issue can be prevented in the future. As our first priority, you can consult with our technicians at our local store so that we can ensure a sound investment. \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tSatisfaction Guaranteed\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\tWe guarantee that you will feel confident with our service and we want to learn from you because you are the ones that give us the experience. As to reach this goal, we build our own fixtures. This gives you and us the peace of mind of knowing the product will work and it will work efficiently. \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withStyles(styles, { withTheme: true })(MainSiteHome);\r\n","import React, { Component } from \"react\";\r\nimport { Tabs, Tab } from \"@material-ui/core\";\r\nimport { withStyles } from \"@material-ui/styles\";\r\nimport { TabStrip } from \"../TabStrip\";\r\nimport MainSiteHome from \"./MainSiteHome\";\r\n\r\nexport var styles = function styles(theme) {\r\n\treturn {\r\n\t\tmenuRoot: {\r\n\t\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\t\tcolor: theme.palette.primary.contrastText,\r\n\t\t\theight: \"100%\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t},\r\n\t\tcontainer: {\r\n\t\t\tflex: \"0 0 100%\",\r\n\t\t\tbackgroundColor: \"white\",\r\n\t\t\tpadding: \"0px\",\r\n\t\t},\r\n\t\tmenuItem: {\r\n\t\t\ttextAlign: \"center\",\r\n\t\t\tcursor: \"pointer\",\r\n\t\t\t\"&:hover, & div:hover\": {\r\n\t\t\t\tbackgroundColor: theme.palette.primary.dark,\r\n\t\t\t\ttransition: \"0.3s\",\r\n\t\t\t},\r\n\t\t},\r\n\t\tmenuItemSelected: {\r\n\t\t\tbackgroundColor: theme.palette.primary.dark,\r\n\t\t},\r\n\t\tlogo: {\r\n\t\t\theight: \"150px\",\r\n\t\t\twidth: \"auto\",\r\n\t\t},\r\n\t\tmainWrapper: {\r\n\t\t\theight: \"100%\",\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t\talignItems: \"center\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\tbackgroundColor: \"#f2f2f2\",\r\n\t\t},\r\n\t\tlogoWrapper: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t},\r\n\t\tcontentWrapper: {\r\n\t\t\twidth: \"80%\",\r\n\t\t\tflex: \"1\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\theight: \"100%\",\r\n\t\t},\r\n\t\tnavMenu: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tjustifyContent: \"center\",\r\n\t\t\tborder: \"1px solid #ccc\",\r\n\t\t\tborderLeftWidth: \"0px\",\r\n\t\t\tborderRightWidth: \"0px\",\r\n\t\t\tmarginBottom: \"4px\",\r\n\t\t\t// backgroundColor: theme.palette.primary.main,\r\n\t\t\tcolor: theme.palette.primary.contrastText,\r\n\t\t},\r\n\t\tmainContent: {\r\n\t\t\tflex: \"1\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t\theight: \"calc(100% - 198px)\",\r\n\t\t\toverflowY: \"auto\",\r\n\t\t},\r\n\t\t\"MuiTabs-indicator\": {\r\n\t\t\tbackgroundColor: theme.palette.primary.contrastText,\r\n\t\t},\r\n\t};\r\n};\r\n\r\nclass MainSite extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tselectedTab: 0,\r\n\t\t};\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar tabs = [\r\n\t\t\t{ display: \"Home\", component: \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAdvice from Mechanical Experts\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\tWe have an established team of mechanical experts that have been working in various fields of elevator technology since 1987. Our team seeks out solutions to problems without discarding the safety and quality of your equipment. Our number one priority is the future success of our clients; no amount of experience is enough to predict every possible issue that could arise, so we constantly focus on technical and safety improvement, creating new ideas with new products that can be part of your life. \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tMaintenance\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t{\"Routine, necessary maintenance handled with care & professionalism.\"} \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tRepair\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\tAny form of repairs, internal or external, to keep your business running smoothly. \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tModernization\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\tUpdating, renovating, and upgrading to stay modern. \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tdocument.location.href = \"/login\";\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tclassName={[this.props.classes.card, this.props.classes.hoverCard].join(\" \")}\r\n\t\t\t\t\t\t\t\tvariant=\"elevation\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tClient Portal\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t24/7 visibility into recent work done, recommendations for future work, and any outstanding issues. \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tTest
},\r\n\t\t\t{ display: \"Contact\", component: Test
},\r\n\t\t\t{ display: \"Services\", component: Test
},\r\n\t\t];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withStyles(styles, { withTheme: true })(MainSite);\r\n","import React from \"react\";\r\nimport { TextField, Button, Typography } from \"@material-ui/core\";\r\nimport \"../Login.css\";\r\nimport { getQueryStringVariable, isNullOrEmpty } from \"../Util\";\r\n\r\nexport function ResetLogin(props) {\r\n\tconst [password, setPassword] = React.useState(\"\");\r\n\tconst [confirmPassword, setConfirmPassword] = React.useState(\"\");\r\n\tconst [hasError, setHasError] = React.useState(false);\r\n\tconst [msg, setMsg] = React.useState(\"\");\r\n\r\n\tconst changePassword = () => {\r\n\t\tsetHasError(false);\r\n\t\tif (password !== confirmPassword) {\r\n\t\t\tsetHasError(true);\r\n\t\t\tsetMsg(\"Passwords do not match\");\r\n\t\t\treturn;\r\n\t\t} else if (isNullOrEmpty(password)) {\r\n\t\t\tsetHasError(true);\r\n\t\t\tsetMsg(\"Password cannot be empty\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tfetch(\"User/SetNewPassword\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\treset: getQueryStringVariable(\"id\"),\r\n\t\t\t\tpassword: password,\r\n\t\t\t}),\r\n\t\t}).then((x) => {\r\n\t\t\tdocument.location.href = \"/login\";\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t![](\"/img/logo.png\")
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t this.setState({ selectedTab: idx })}>\r\n\t\t\t\t\t\t\t\t{tabs.map((item, idx) => {\r\n\t\t\t\t\t\t\t\t\treturn \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{tabs.map((tab, idx) => {\r\n\t\t\t\t\t\t\tvar hdn = idx !== this.state.selectedTab;\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{tab.component}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t{msg}\r\n\t\t\t\t\t \r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Container } from \"reactstrap\";\r\nimport NavMenu from \"./NavMenu\";\r\nimport { Login } from \"./screens/Login\";\r\nimport MainSite from \"./screens/MainSite\";\r\nimport { ResetLogin } from \"./screens/PasswordResetScreen\";\r\nimport { getQueryStringVariable, isNullOrEmpty } from \"./Util\";\r\n\r\nexport class Layout extends Component {\r\n\tstatic displayName = Layout.name;\r\n\r\n\trender() {\r\n\t\tvar isLoginScreen = document.location.pathname.includes(\"login\");\r\n\t\tvar isLogoutScreen = document.location.pathname.includes(\"logout\");\r\n\t\tvar isResetScreen = document.location.pathname.includes(\"passwordchange\") && !isNullOrEmpty(getQueryStringVariable(\"id\"));\r\n\t\tvar auth = document.cookie.includes(\"dynamicAuth\");\r\n\t\tif (isLogoutScreen && auth) {\r\n\t\t\tdocument.cookie = \"dynamicAuth=;expires=Thu, 01 Jan 1970 00:00:01 GMT\";\r\n\t\t\tdocument.location.href = \"login\";\r\n\t\t}\r\n\r\n\t\treturn !isLoginScreen && !isLogoutScreen && !isResetScreen && auth ? (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPassword(event.currentTarget.value);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttype=\"password\">\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetConfirmPassword(event.currentTarget.value);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tonKeyPress={(event) => {\r\n\t\t\t\t\t\t\tif (event.which === 13) {\r\n\t\t\t\t\t\t\t\tchangePassword();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttype=\"password\">\r\n\t\t\t\t
\r\n\t\t\t\t{hasError && (\r\n\t\t\t\t\t\r\n\t\t\t\t{this.props.children} \r\n\t\t\t
\r\n\t\t) : isLoginScreen ? (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t) : isResetScreen ? (\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t
\r\n\t);\r\n}\r\n\r\nDynamicGrid.propTypes = {\r\n\tDataSet: PropTypes.array.isRequired,\r\n\tConfiguration: PropTypes.array.isRequired,\r\n\tSettings: PropTypes.object,\r\n};\r\n\r\nexport default DynamicGrid;\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField, Typography } from \"@material-ui/core\";\r\nimport \"./TicketDialog.css\";\r\nimport { Formatter, isNullOrUndefined } from \"./Util\";\r\n\r\nexport class TicketDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.getData();\r\n\t\tthis.state = {\r\n\t\t\tTicketData: [],\r\n\t\t\topen: false,\r\n\t\t\tprinting: false,\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.print = this.print.bind(this);\r\n\t\tthis.delete = this.delete.bind(this);\r\n\t\tthis.openImage = this.openImage.bind(this);\r\n\t}\r\n\r\n\tprint() {\r\n\t\tvar callPrint = !this.state.printing;\r\n\t\tthis.setState({ printing: callPrint });\r\n\t\tif (callPrint) {\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t\twindow.print();\r\n\t\t\t}, 1000);\r\n\t\t\tsetTimeout(this.print, 1200);\r\n\t\t}\r\n\t}\r\n\r\n\tasync delete() {\r\n\t\tif (!window.confirm(\"Are you sure you want to delete?\")) return;\r\n\t\tconst data = await fetch(\"Ticket/DeleteTicket\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({ ticketsId: this.props.TicketsID }),\r\n\t\t});\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.TicketsID !== prevProps.TicketsID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\tasync getData() {\r\n\t\tvar res = [];\r\n\t\tif (this.props.TicketsID) {\r\n\t\t\tconst data = await fetch(\"Ticket/GetTicketData\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ ticketsId: this.props.TicketsID }),\r\n\t\t\t});\r\n\t\t\tres = await data.json();\r\n\t\t\tconsole.log(res);\r\n\t\t\tthis.setState({ TicketData: res, open: true });\r\n\t\t}\r\n\t}\r\n\r\n\tonClose() {\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\topenImage(x) {\r\n\t\tvar newTab = window.open();\r\n\t\tnewTab.document.body.innerHTML = '\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nOutOfService.propTypes = {\r\n\tBuildingID: PropTypes.string,\r\n};\r\n\r\nexport default OutOfService;\r\n","import React, { Component } from \"react\";\r\nimport ScreenHeader from \"../labels/ScreenHeader\";\r\nimport { TabStrip } from \"../TabStrip\";\r\nimport TicketListing from \"./TicketListing\";\r\nimport OutOfService from \"./OutOfService\";\r\n\r\nconst tabs = [\r\n\t{ display: \"All Tickets\", component: \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"./BuildingRow.css\";\r\nimport { withStyles } from \"@material-ui/core\";\r\n\r\nexport var styles = function styles(theme) {\r\n\treturn {\r\n\t\tmenuRoot: {\r\n\t\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\t\tcolor: theme.palette.primary.contrastText,\r\n\t\t\theight: \"100%\",\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\tflexDirection: \"column\",\r\n\t\t},\r\n\t\tcontainer: { flex: \"0 0 180px\", backgroundColor: \"white\", marginRight: \"4px\", padding: \"0px\" },\r\n\t\tmenuItem: {\r\n\t\t\ttextAlign: \"center\",\r\n\t\t\tcursor: \"pointer\",\r\n\t\t\t\"&:hover, & div:hover\": {\r\n\t\t\t\tbackgroundColor: theme.palette.primary.dark,\r\n\t\t\t\ttransition: \"0.3s\",\r\n\t\t\t},\r\n\t\t},\r\n\t\tmenuItemSelected: {\r\n\t\t\tbackgroundColor: theme.palette.primary.dark,\r\n\t\t},\r\n\t\tlogo: {\r\n\t\t\tfontWeight: 700,\r\n\t\t\twhiteSpace: \"pre-wrap\",\r\n\t\t\tfontSize: \"18px\",\r\n\t\t},\r\n\t};\r\n};\r\n\r\nclass BuildingRow extends Component {\r\n\trender() {\r\n\t\tvar buildingData = this.props.buildingData;\r\n\t\tvar nameClass = \"building-name\";\r\n\t\tnameClass += \" client-portal-building-name\";\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t this.props.onClick(buildingData)}>\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withStyles(styles, { withTheme: true })(BuildingRow);\r\n","import React, { Component } from \"react\";\r\nimport BuildingRow from \"../BuildingRow\";\r\nimport { isNullOrEmpty } from \"../Util\";\r\n\r\nexport class BuildingList extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tBuildings: [],\r\n\t\t};\r\n\r\n\t\tthis.buildingSelected = this.buildingSelected.bind(this);\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.Inactive !== prevProps.Inactive) this.getData();\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tvar result = null;\r\n\t\tif (!this.props.IsClientPortal) {\r\n\t\t\tresult = await (!this.props.Inactive ? fetch(\"Building\") : fetch(\"Building/GetBuildingsInactive\"));\r\n\t\t} else {\r\n\t\t\tresult = await fetch(\"Building/GetClientPortalBuildings\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ usersId: this.props.UsersID }),\r\n\t\t\t});\r\n\t\t}\r\n\t\tvar data = await result.json();\r\n\r\n\t\tdata.sort((a, b) => {\r\n\t\t\treturn a.building_name.localeCompare(b.building_name);\r\n\t\t});\r\n\t\tthis.setState({\r\n\t\t\tBuildings: data,\r\n\t\t});\r\n\r\n\t\tif (this.state.Buildings.length > 0 && this.props.onSelectRow && isNullOrEmpty(this.props.building)) {\r\n\t\t\tthis.props.onSelectRow(this.state.Buildings[0]);\r\n\t\t\tthis.buildingSelected(this.state.Buildings[0].buildings_id);\r\n\t\t} else if (!isNullOrEmpty(this.props.building)) {\r\n\t\t\tthis.buildingSelected(this.props.building);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (prevProps.Filter !== this.props.Filter) {\r\n\t\t\tthis.render();\r\n\t\t} else if (prevProps.updatedDate !== this.props.updatedDate) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tbuildingSelected(bldgId) {\r\n\t\tthis.setState({ selected: bldgId });\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar bldgs = this.state.Buildings;\r\n\r\n\t\tif (this.props.Filter) {\r\n\t\t\tbldgs = bldgs.filter((item) => {\r\n\t\t\t\treturn item.building_name.toLowerCase().indexOf(this.props.Filter.toLowerCase()) > -1;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{/* {buildingData.track_last_maint && buildingData.last_maint > 10 && 30 ? \"last-maint-red\" : \"last-maint-orange\")}>Last maint. was {buildingData.last_maint} days ago} */}\r\n\t\t\t\t\t{!this.props.Condensed && }\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{bldgs.map((bldg) => {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tthis.props.onSelectRow(row);\r\n\t\t\t\t\t\t\t\tthis.buildingSelected(row.buildings_id);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField, Typography, FormControl, MenuItem, InputLabel, Select } from \"@material-ui/core\";\r\nimport \"./ElevatorDialog.css\";\r\nimport { Formatter } from \"./Util\";\r\n\r\nexport class ElevatorDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.getData();\r\n\t\tthis.state = {\r\n\t\t\tElevatorData: {},\r\n\t\t\topen: false,\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.saveData = this.saveData.bind(this);\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif ((this.props.ElevatorsID !== prevProps.ElevatorsID || this.props.visible !== prevProps.visible) && this.props.visible) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\tasync getData() {\r\n\t\tvar res = {};\r\n\t\tif (this.props.ElevatorsID) {\r\n\t\t\tconst data = await fetch(\"Building/GetElevatorData\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\tbody: JSON.stringify({ elevatorsId: this.props.ElevatorsID }),\r\n\t\t\t});\r\n\t\t\tres = await data.json();\r\n\t\t\tres = res[0];\r\n\t\t}\r\n\t\tthis.setState({ ElevatorData: res, open: true });\r\n\t}\r\n\r\n\tasync saveData() {\r\n\t\tvar toSave = this.state.ElevatorData;\r\n\t\ttoSave.buildings_id = this.props.BuildingsID;\r\n\t\tawait fetch(\"Building/SaveElevatorData\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify({ elevatorData: toSave }),\r\n\t\t});\r\n\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\tdynamicOnChange = (event) => {\r\n\t\tvar columnName = null;\r\n\t\tif (event.target.nodeName === \"INPUT\") {\r\n\t\t\tcolumnName = event.target.attributes.columnname.value;\r\n\t\t} else if (event.currentTarget.nodeName === \"LI\") {\r\n\t\t\tcolumnName = event.currentTarget.dataset.columnname;\r\n\t\t}\r\n\r\n\t\tvar elevatorData = this.state.ElevatorData;\r\n\t\televatorData[columnName] = event.target.value;\r\n\t\tif (event.target.type === \"checkbox\") {\r\n\t\t\televatorData[columnName] = event.target.checked;\r\n\t\t}\r\n\r\n\t\tthis.setState({ ElevatorData: elevatorData });\r\n\t};\r\n\r\n\tonClose() {\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar baseData = this.state.ElevatorData;\r\n\t\tvar inputProps = { readOnly: false };\r\n\t\tvar labelProps = { shrink: true };\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport DynamicGrid from \"../DynamicGrid\";\r\nimport { ElevatorDialog } from \"../ElevatorDialog\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"serial_number\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: true,\r\n\tNewButtonText: \"Add Elevator\",\r\n};\r\n\r\nclass ElevatorListing extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tElevators: [],\r\n\t\t\tModalVisible: false,\r\n\t\t\tSelectedElevator: null,\r\n\t\t};\r\n\t\tthis.getData();\r\n\r\n\t\tthis.CloseElevator = this.CloseElevator.bind(this);\r\n\t\tthis.AddElevator = this.AddElevator.bind(this);\r\n\t\tSettings.NewButtonAction = this.AddElevator;\r\n\t}\r\n\r\n\tAddElevator() {\r\n\t\tthis.setState({ SelectedElevator: null, ModalVisible: true });\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingID !== prevProps.BuildingID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tCloseElevator() {\r\n\t\tthis.setState({ ModalVisible: false, SelectedElevator: null });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tShowElevator(item) {\r\n\t\tthis.setState({ SelectedElevator: item.elevators_id, ModalVisible: true });\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.BuildingID) {\r\n\t\t\tconst data = await fetch(\"Building/GetElevators\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.BuildingID }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ Elevators: res });\r\n\t\t}\r\n\t}\r\n\trender() {\r\n\t\tconst config = [\r\n\t\t\t{ header: \"Serial #\", columnName: \"serial_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Description\", columnName: \"description\", visible: this.state.Elevators.some((item) => item.description), typeCode: \"S\" },\r\n\t\t\t{ header: \"Days Since Last Maint.\", columnName: \"days_since_last_maint\", visible: true, typeCode: \"N\" },\r\n\t\t\t{ header: \"Type\", columnName: \"type\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Street Address\", columnName: \"address1\", visible: true, typeCode: \"S\" },\r\n\t\t\t// { header: \"Street Address 2\", columnName: \"address2\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"City\", columnName: \"city\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"State\", columnName: \"state\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Zip\", columnName: \"zip\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Track Maint.?\", columnName: \"track_maintenance\", visible: true, typeCode: \"L\" },\r\n\t\t\t{ header: \"Out of Service?\", columnName: \"out_of_service\", visible: true, typeCode: \"S\" },\r\n\t\t];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t this.ShowElevator(row)} />\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nElevatorListing.propTypes = {\r\n\tBuildingID: PropTypes.string,\r\n};\r\n\r\nexport default ElevatorListing;\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField } from \"@material-ui/core\";\r\nimport \"./NotesDialog.css\";\r\nimport { isNullOrEmpty } from \"./Util\";\r\n\r\nexport class NotesDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tNoteData: {},\r\n\t\t\topen: false,\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.saveData = this.saveData.bind(this);\r\n\t\tthis.delete = this.delete.bind(this);\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif ((this.props.Note.notes_id !== prevProps.Note.notes_id && this.props.visible) || (this.props.visible !== prevProps.visible && this.props.visible)) {\r\n\t\t\tthis.setState({ NoteData: this.props.Note, open: true });\r\n\t\t}\r\n\t}\r\n\r\n\tasync saveData() {\r\n\t\tvar toSave = this.state.NoteData;\r\n\t\ttoSave.buildings_id = this.props.BuildingsID;\r\n\t\tawait fetch(\"Building/SaveNote\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({ noteData: toSave }),\r\n\t\t});\r\n\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\tasync delete() {\r\n\t\tif (!window.confirm(\"Are you sure you want to delete this note?\")) return;\r\n\r\n\t\tvar dt = await fetch(\"Building/DeleteNote\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(this.props.Note.notes_id),\r\n\t\t});\r\n\r\n\t\tdt = await dt.text();\r\n\r\n\t\tif (!isNullOrEmpty(dt)) {\r\n\t\t\talert(dt);\r\n\t\t}\r\n\t\tthis.onClose();\r\n\t}\r\n\tdynamicOnChange = (event) => {\r\n\t\tvar columnName = null;\r\n\t\tif (event.target.nodeName === \"INPUT\" || event.target.nodeName === \"TEXTAREA\") {\r\n\t\t\tcolumnName = event.target.attributes.columnname.value;\r\n\t\t} else if (event.currentTarget.nodeName === \"LI\") {\r\n\t\t\tcolumnName = event.currentTarget.dataset.columnname;\r\n\t\t}\r\n\r\n\t\tvar data = this.state.NoteData;\r\n\t\tdata[columnName] = event.target.value;\r\n\t\tif (event.target.type === \"checkbox\") {\r\n\t\t\tdata[columnName] = event.target.checked;\r\n\t\t}\r\n\r\n\t\tthis.setState({ NoteData: data });\r\n\t};\r\n\r\n\tonClose() {\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar baseData = this.state.NoteData;\r\n\t\tvar inputProps = { readOnly: false };\r\n\t\tvar labelProps = { shrink: true };\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport DynamicGrid from \"../DynamicGrid\";\r\nimport { NotesDialog } from \"../NotesDialog\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"created_date\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: true,\r\n\tNewButtonText: \"Add Note\",\r\n\tShowGlobalFilter: true,\r\n};\r\n\r\nclass NotesListing extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tNotes: [],\r\n\t\t\tModalVisible: false,\r\n\t\t\tSelectedNote: {},\r\n\t\t};\r\n\t\tthis.getData();\r\n\r\n\t\tthis.CloseModal = this.CloseModal.bind(this);\r\n\t\tthis.AddNote = this.AddNote.bind(this);\r\n\t\tSettings.NewButtonAction = this.AddNote;\r\n\t}\r\n\r\n\tAddNote() {\r\n\t\tthis.setState({ SelectedNote: {}, ModalVisible: true });\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingID !== prevProps.BuildingID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tCloseModal() {\r\n\t\tthis.setState({ ModalVisible: false, SelectedNote: {} });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tShowNote(item) {\r\n\t\tthis.setState({ SelectedNote: item, ModalVisible: true });\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.BuildingID) {\r\n\t\t\tconst data = await fetch(\"Building/GetNotes\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.BuildingID }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ Notes: res });\r\n\t\t}\r\n\t}\r\n\trender() {\r\n\t\tconst config = [\r\n\t\t\t{ header: \"Title\", columnName: \"title\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Description\", columnName: \"description\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Created By\", columnName: \"created_by\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Date Created\", columnName: \"created_date\", visible: true, typeCode: \"D\" },\r\n\t\t];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t this.ShowNote(row)} />\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nNotesListing.propTypes = {\r\n\tBuildingID: PropTypes.string,\r\n};\r\n\r\nexport default NotesListing;\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField, FormControl, InputLabel, Select, MenuItem, Checkbox, FormControlLabel } from \"@material-ui/core\";\r\nimport \"./ContactDialog.css\";\r\n\r\nexport class ContactDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tContactData: {},\r\n\t\t\topen: false,\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.saveData = this.saveData.bind(this);\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif ((this.props.Contact.contacts_id !== prevProps.Contact.contacts_id && this.props.visible) || (this.props.visible !== prevProps.visible && this.props.visible)) {\r\n\t\t\tthis.setState({ ContactData: this.props.Contact, open: true });\r\n\t\t}\r\n\t}\r\n\r\n\tasync saveData() {\r\n\t\tvar toSave = this.state.ContactData;\r\n\t\ttoSave.buildings_id = this.props.BuildingsID;\r\n\t\tawait fetch(\"Building/SaveContact\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify({ contactData: toSave }),\r\n\t\t});\r\n\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\tdynamicOnChange = (event) => {\r\n\t\tvar columnName = null;\r\n\t\tif (event.target.nodeName === \"INPUT\" || event.target.nodeName === \"TEXTAREA\") {\r\n\t\t\tcolumnName = event.target.attributes.columnname.value;\r\n\t\t} else if (event.currentTarget.nodeName === \"LI\") {\r\n\t\t\tcolumnName = event.currentTarget.dataset.columnname;\r\n\t\t}\r\n\r\n\t\tconsole.log(columnName);\r\n\r\n\t\tvar data = this.state.ContactData;\r\n\t\tdata[columnName] = event.target.value;\r\n\t\tif (event.target.type === \"checkbox\") {\r\n\t\t\tdata[columnName] = event.target.checked;\r\n\t\t}\r\n\r\n\t\tthis.setState({ ContactData: data });\r\n\t};\r\n\r\n\tonClose() {\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar baseData = this.state.ContactData;\r\n\t\tvar inputProps = { readOnly: false };\r\n\t\tvar labelProps = { shrink: true };\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport DynamicGrid from \"../DynamicGrid\";\r\nimport { ContactDialog } from \"../ContactDialog\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"is_primary\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: true,\r\n\tNewButtonText: \"Add Contact\",\r\n};\r\n\r\nclass ContactsListing extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tContacts: [],\r\n\t\t\tModalVisible: false,\r\n\t\t\tSelectedContact: {},\r\n\t\t};\r\n\t\tthis.getData();\r\n\r\n\t\tthis.CloseModal = this.CloseModal.bind(this);\r\n\t\tthis.AddContact = this.AddContact.bind(this);\r\n\t\tSettings.NewButtonAction = this.AddContact;\r\n\t}\r\n\r\n\tAddContact() {\r\n\t\tthis.setState({ SelectedContact: {}, ModalVisible: true });\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingID !== prevProps.BuildingID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tCloseModal() {\r\n\t\tthis.setState({ ModalVisible: false, SelectedContact: {} });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tShowNote(item) {\r\n\t\tthis.setState({ SelectedContact: item, ModalVisible: true });\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.BuildingID) {\r\n\t\t\tconst data = await fetch(\"Building/GetContacts\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.BuildingID }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ Contacts: res });\r\n\t\t}\r\n\t}\r\n\trender() {\r\n\t\tconst config = [\r\n\t\t\t{ header: \"First Name\", columnName: \"first_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Last Name\", columnName: \"last_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Phone Number\", columnName: \"phone_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Email\", columnName: \"email\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Primary?\", columnName: \"is_primary\", typeCode: \"L\", visible: true },\r\n\t\t];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t this.ShowNote(row)} />\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nContactsListing.propTypes = {\r\n\tBuildingID: PropTypes.string,\r\n};\r\n\r\nexport default ContactsListing;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport DynamicGrid from \"../DynamicGrid\";\r\nimport { isNullOrEmpty } from \"../Util\";\r\nimport BlockUi from \"react-block-ui\";\r\nimport \"react-block-ui/style.css\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"invoice_number\",\r\n\tUseTicketTypeFilter: false,\r\n};\r\n\r\nclass InvoiceListing extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tInvoices: [],\r\n\t\t\tModalVisible: false,\r\n\t\t\tSelectedElevator: null,\r\n\t\t\tblocking: false,\r\n\t\t};\r\n\r\n\t\tthis.openPdf = this.openPdf.bind(this);\r\n\t\tthis.getData();\r\n\r\n\t\tvar pathName = document.location.pathname.split(\"/\");\r\n\t\tif (pathName.length === 5 && this.props.IsInvoices) {\r\n\t\t\tvar invoice = pathName[4];\r\n\t\t\tif (!isNullOrEmpty(invoice) && !isNaN(invoice)) {\r\n\t\t\t\tthis.openPdf({ invoice_number: invoice });\r\n\t\t\t\tconsole.log(\"invoice passed\");\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingID !== prevProps.BuildingID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.BuildingID) {\r\n\t\t\tvar url = this.props.IsInvoices ? \"Invoice/GetInvoices\" : \"Proposal/GetProposals\";\r\n\t\t\tconst data = await fetch(url, {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.BuildingID }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ Invoices: res });\r\n\t\t\t// this.setState({ Elevators: res });\r\n\t\t}\r\n\t}\r\n\r\n\tasync openPdf(row) {\r\n\t\tvar dt = null;\r\n\t\tif (this.props.IsInvoices) {\r\n\t\t\tdt = row.invoice_number;\r\n\t\t} else {\r\n\t\t\tdt = {\r\n\t\t\t\testimateNum: row.invoice_number,\r\n\t\t\t\tisPackingList: false,\r\n\t\t\t\tinvoiceHeaderId: row.invoice_header_id,\r\n\t\t\t};\r\n\t\t}\r\n\t\tthis.setState({ blocking: true });\r\n\t\tconst data = await fetch((this.props.IsInvoices ? \"Invoice\" : \"Proposal\") + \"/GetPdf\", {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(dt),\r\n\t\t});\r\n\r\n\t\tif (data.ok) {\r\n\t\t\tvar blob = await data.text();\r\n\r\n\t\t\tvar tab = window.open();\r\n\t\t\ttab.location.href = document.location.origin + \"/pdfs/\" + blob;\r\n\t\t} else {\r\n\t\t\talert(\"An error has occurred getting invoice, please contact Dynamic Elevator Control.\");\r\n\t\t}\r\n\t\tthis.setState({ blocking: false });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tasync approveEstimate(row) {\r\n\t\tif (!row.is_viewed) {\r\n\t\t\talert(\"Estimates must be viewed before they can be approved.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tawait fetch(\"Proposal/ApproveClientProposal\", {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({ invoiceId: row.invoice_header_id }),\r\n\t\t});\r\n\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar config = [];\r\n\t\tif (this.props.IsInvoices) {\r\n\t\t\tconfig = [\r\n\t\t\t\t{ header: \"Invoice Number\", columnName: \"invoice_number\", visible: true, typeCode: \"N\" },\r\n\t\t\t\t{ header: \"Due Date\", columnName: \"due_date\", visible: true, typeCode: \"D\" },\r\n\t\t\t\t{ header: \"Total Amount\", columnName: \"amount\", visible: true, typeCode: \"$\" },\r\n\t\t\t\t{ header: \"Remaining Balance\", columnName: \"balance\", visible: true, typeCode: \"$\" },\r\n\t\t\t];\r\n\t\t} else {\r\n\t\t\tconfig = [\r\n\t\t\t\t{ header: \"Estimate Date\", columnName: \"invoice_date\", visible: true, typeCode: \"D\" },\r\n\t\t\t\t{ header: \"Estimate #\", columnName: \"invoice_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t\t{ header: \"Total Amount\", columnName: \"amount\", visible: true, typeCode: \"$\" },\r\n\t\t\t\t{ header: \"Approved By\", columnName: \"signed_by\", visible: true, typeCode: \"S\" },\r\n\t\t\t\t{\r\n\t\t\t\t\theader: \"Approve Estimate\",\r\n\t\t\t\t\tcolumnName: \"approve_est\",\r\n\t\t\t\t\tvisible: true,\r\n\t\t\t\t\tCondition: function (row) {\r\n\t\t\t\t\t\treturn !row.is_approved;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tOnClick: (row) => this.approveEstimate(row),\r\n\t\t\t\t\ttypeCode: \"ACTION\",\r\n\t\t\t\t\tstyle: { minWidth: \"147px\" },\r\n\t\t\t\t},\r\n\t\t\t];\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t this.openPdf(row)} />\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nInvoiceListing.propTypes = {\r\n\tBuildingID: PropTypes.string,\r\n};\r\n\r\nexport default InvoiceListing;\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField, Typography, FormControl, MenuItem, InputLabel, Select, Checkbox, FormLabel } from \"@material-ui/core\";\r\nimport \"./BuildingDialog.css\";\r\nimport { Formatter, isNullOrEmpty } from \"./Util\";\r\n\r\nexport class BuildingDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.getData();\r\n\t\tthis.state = {\r\n\t\t\tBuildingData: {},\r\n\t\t\topen: false,\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.saveData = this.saveData.bind(this);\r\n\t\tthis.toggleCheckbox = this.toggleCheckbox.bind(this);\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingsID !== prevProps.BuildingsID || (this.props.visible !== prevProps.visible && this.props.visible)) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\tasync getData() {\r\n\t\tvar res = {};\r\n\t\tif (this.props.BuildingsID) {\r\n\t\t\tconst data = await fetch(\"Building/GetBuildingData\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.BuildingsID }),\r\n\t\t\t});\r\n\t\t\tres = await data.json();\r\n\t\t}\r\n\t\tthis.setState({ BuildingData: res, open: true });\r\n\t}\r\n\r\n\tasync saveData() {\r\n\t\tvar toSave = this.state.BuildingData;\r\n\r\n\t\tif (isNullOrEmpty(toSave.building_name)) {\r\n\t\t\talert(\"A building name is required.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttoSave.buildings_id = this.props.BuildingsID;\r\n\t\tawait fetch(\"Building/SaveBuildingData\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify(toSave),\r\n\t\t});\r\n\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\tdynamicOnChange = (event) => {\r\n\t\tvar columnName = null;\r\n\t\tif (event.target.nodeName === \"INPUT\") {\r\n\t\t\tcolumnName = event.target.attributes.columnname.value;\r\n\t\t} else if (event.currentTarget.nodeName === \"LI\") {\r\n\t\t\tcolumnName = event.currentTarget.dataset.columnname;\r\n\t\t}\r\n\r\n\t\tvar bldg = this.state.BuildingData;\r\n\t\tbldg[columnName] = event.target.value;\r\n\t\tif (event.target.type === \"checkbox\") {\r\n\t\t\tbldg[columnName] = event.target.checked;\r\n\t\t}\r\n\r\n\t\tthis.setState({ BuildingData: bldg });\r\n\t};\r\n\r\n\ttoggleCheckbox = (event) => {\r\n\t\tvar dt = this.state.BuildingData;\r\n\t\tdt.is_active = event.target.checked;\r\n\t\tthis.setState({ BuildingData: dt });\r\n\t};\r\n\r\n\tonClose() {\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar baseData = this.state.BuildingData;\r\n\t\tvar inputProps = { readOnly: false };\r\n\t\tvar labelProps = { shrink: true };\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField } from \"@material-ui/core\";\r\nimport \"./InspectionDialog.css\";\r\nimport { Formatter, isNullOrEmpty } from \"./Util\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport { MuiPickersUtilsProvider, KeyboardDatePicker } from \"@material-ui/pickers\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\n\r\nexport class InpsectionDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.getData();\r\n\t\tthis.state = {\r\n\t\t\tElevators: [],\r\n\t\t\tSelectedElevator: { serial_number: \"\" },\r\n\t\t\tInspectionDate: new Date(),\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.saveData = this.saveData.bind(this);\r\n\t\tthis.selectFile = this.selectFile.bind(this);\r\n\t\tthis.delete = this.delete.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.ModalVisible !== prevProps.ModalVisible && this.props.ModalVisible) {\r\n\t\t\tthis.getData();\r\n\t\t\tvar data = this.props.ModalData;\r\n\t\t\tthis.setState({ InspectionsID: data.inspection_reports_id, Description: data.description, InspectionDate: data.date_entered || new Date(), SelectedElevator: data.elevators_id });\r\n\t\t}\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.BuildingID) {\r\n\t\t\tconst data = await fetch(\"Building/GetElevators\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.BuildingID }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tvar el = this.state.SelectedElevator;\r\n\t\t\tif (typeof el === \"string\") {\r\n\t\t\t\tel = res.filter((ev) => ev.elevators_id.toLowerCase() === el.toLowerCase())[0];\r\n\t\t\t}\r\n\t\t\tthis.setState({ Elevators: res, SelectedElevator: el });\r\n\t\t}\r\n\t}\r\n\r\n\tselectFile() {\r\n\t\tthis.refs.reportUpload.click();\r\n\t}\r\n\r\n\tupdateElevator(val) {\r\n\t\tthis.setState({ SelectedElevator: val });\r\n\t}\r\n\r\n\tasync saveData() {\r\n\t\tvar files = this.refs.reportUpload.files;\r\n\t\tif (files && files.length > 0) {\r\n\t\t\tfor (var i = 0; i < files.length; i++) {\r\n\t\t\t\tvar file = files[i];\r\n\t\t\t\tvar fd = new FormData();\r\n\t\t\t\tfd.append(\"file\", file);\r\n\t\t\t\tfd.append(\"bldg\", this.props.BuildingID);\r\n\t\t\t\tif (this.state.SelectedElevator) {\r\n\t\t\t\t\tfd.append(\"elevator\", this.state.SelectedElevator.elevators_id);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfd.append(\"inspectionDate\", isNullOrEmpty(this.state.InspectionDate) ? null : Formatter(this.state.InspectionDate, \"D\"));\r\n\r\n\t\t\t\tif (!isNullOrEmpty(this.state.Description)) {\r\n\t\t\t\t\tfd.append(\"description\", this.state.Description);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!isNullOrEmpty(this.state.InspectionsID)) {\r\n\t\t\t\t\tfd.append(\"inspectionsId\", this.state.InspectionsID);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tawait fetch(\"Inspection/SaveInspection\", {\r\n\t\t\t\t\tmethod: \"POST\",\r\n\t\t\t\t\tbody: fd,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar fd2 = new FormData();\r\n\t\t\tfd2.append(\"bldg\", this.props.BuildingID);\r\n\t\t\tfd2.append(\"elevator\", this.state.SelectedElevator.elevators_id);\r\n\t\t\tfd2.append(\"inspectionDate\", isNullOrEmpty(this.state.InspectionDate) ? null : Formatter(this.state.InspectionDate, \"D\"));\r\n\t\t\tfd2.append(\"description\", this.state.Description || null);\r\n\t\t\tfd2.append(\"inspectionsId\", this.state.InspectionsID || null);\r\n\t\t\tawait fetch(\"Inspection/SaveInspection\", {\r\n\t\t\t\tmethod: \"POST\",\r\n\t\t\t\tbody: fd2,\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\tonClose() {\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\tasync delete() {\r\n\t\tif (!window.confirm(\"Are you sure you want to delete this inspection report?\")) return;\r\n\r\n\t\tvar dt = await fetch(\"Inspection/Delete\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(this.state.InspectionsID),\r\n\t\t});\r\n\r\n\t\tdt = await dt.text();\r\n\r\n\t\tif (!isNullOrEmpty(dt)) {\r\n\t\t\talert(dt);\r\n\t\t}\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar elev = this.state.SelectedElevator;\r\n\t\tif (typeof elev === \"string\" && this.state.Elevators.length > 0) {\r\n\t\t\telev = this.state.Elevators.filter((ev) => ev.elevators_id.toLowerCase() === elev.toLowerCase())[0];\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport DynamicGrid from \"../DynamicGrid\";\r\nimport { InpsectionDialog } from \"../InspectionDialog\";\r\nvar Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"is_primary\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: true,\r\n\tNewButtonText: \"Upload Report\",\r\n};\r\n\r\nclass InspectionReports extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tContacts: [],\r\n\t\t\tModalVisible: false,\r\n\t\t\tSelectedContact: {},\r\n\t\t\tModalData: null,\r\n\t\t};\r\n\t\tthis.getData();\r\n\t\tthis.FilePrompt = this.FilePrompt.bind(this);\r\n\t\tthis.OpenFile = this.OpenFile.bind(this);\r\n\t\tthis.closeModal = this.closeModal.bind(this);\r\n\t\tSettings.NewButtonAction = this.FilePrompt;\r\n\t\tSettings.ShowNewButton = !this.props.IsClientPortal;\r\n\t}\r\n\r\n\tcloseModal() {\r\n\t\tthis.setState({ ModalVisible: false });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingID !== prevProps.BuildingID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tOpenFile(row) {\r\n\t\tvar url = document.location.origin + \"/Inspection/\" + row.inspection_reports_id;\r\n\t\twindow.open(url, \"_blank\");\r\n\t}\r\n\r\n\tFilePrompt(row) {\r\n\t\tthis.setState({ ModalVisible: true, ModalData: row });\r\n\t\t// this.refs.reportUpload.click();\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.BuildingID) {\r\n\t\t\tconst data = await fetch(\"Inspection/GetInspections\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tbody: JSON.stringify(this.props.BuildingID),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ Contacts: res });\r\n\t\t}\r\n\t}\r\n\trender() {\r\n\t\tvar config = [\r\n\t\t\t{\r\n\t\t\t\theader: \"Inspection\",\r\n\t\t\t\tcolumnName: \"description\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\ttypeCode: \"S\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\theader: \"Inspection Date\",\r\n\t\t\t\tcolumnName: \"date_entered\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\ttypeCode: \"D\",\r\n\t\t\t},\r\n\t\t\t{ header: \"Elevator\", columnName: \"elevator\", visible: true, typeCode: \"S\" },\r\n\t\t];\r\n\t\tif (!this.props.IsClientPortal) {\r\n\t\t\tconfig.push({\r\n\t\t\t\theader: \"Edit\",\r\n\t\t\t\tcolumnName: \"edit\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\tCondition: function (row) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t},\r\n\t\t\t\tOnClick: (row) => this.FilePrompt(row),\r\n\t\t\t\ttypeCode: \"ACTION\",\r\n\t\t\t\tstyle: { minWidth: \"80px\" },\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n \r\n {buildingData.building_name}\r\n \r\n \r\n this.openDialog(this.props.building)\r\n }\r\n variant=\"contained\"\r\n size=\"small\"\r\n style={{\r\n marginTop: \"4px\",\r\n marginLeft: \"14px\",\r\n float: \"left\",\r\n }}\r\n color=\"primary\"\r\n >\r\n Edit Building\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {buildingData.address1}\r\n \r\n {buildingData.address2 ? (\r\n \r\n {buildingData.address2}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {buildingData.city +\r\n \", \" +\r\n buildingData.state +\r\n \" \" +\r\n buildingData.zip}\r\n \r\n
\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport DynamicGrid from \"./DynamicGrid\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"invoice_number\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: false,\r\n\tShowGlobalFilter: true,\r\n};\r\nexport class ProposalAdmin extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tProposals: [],\r\n\t\t};\r\n\t\tthis.getData();\r\n\t}\r\n\tasync getData() {\r\n\t\tconst data = await fetch(\"Proposal/GetProposals\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({}),\r\n\t\t});\r\n\t\tvar res = await data.json();\r\n\t\tthis.setState({ Proposals: res });\r\n\t}\r\n\r\n\tasync approveProposal(row) {\r\n\t\tawait fetch(\"Proposal/ApproveProposal\", {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({ invoiceId: row[\"invoice_header_id\"] }),\r\n\t\t});\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar config = [\r\n\t\t\t{ header: \"Estimate #\", columnName: \"invoice_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Building\", columnName: \"building_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Approved?\", columnName: \"is_approved\", visible: true, typeCode: \"L\" },\r\n\t\t\t{ header: \"Signature\", columnName: \"signature\", visible: true, typeCode: \"IMG\" },\r\n\t\t\t{ header: \"Date Signed\", columnName: \"signed_date\", visible: true, typeCode: \"D\" },\r\n\t\t\t{ header: \"Approve\", columnName: \"\", visible: true, typeCode: \"ACTION\", OnClick: (row) => this.approveProposal(row) },\r\n\t\t];\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t this.setState({ BuildingNameFilter: event.target.value })} />\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t this.setState({ IncludeInactive: event.target.checked })}> Include inactive? \r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.IncludeInactive ? \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport DynamicGrid from \"./DynamicGrid\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"invoice_number\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: false,\r\n\tShowGlobalFilter: true,\r\n};\r\nexport class ApprovedPackingList extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tPackingLists: [],\r\n\t\t};\r\n\t\tthis.getData();\r\n\t}\r\n\tasync getData() {\r\n\t\tconst data = await fetch(\"PackingList/GetPackingLists\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify({ approved: true }),\r\n\t\t});\r\n\t\tvar res = await data.json();\r\n\t\tthis.setState({ PackingLists: res });\r\n\t}\r\n\r\n\tasync openPdf(row) {\r\n\t\tconst data = await fetch(\"Proposal/GetPdf\", {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify(row.invoice_number),\r\n\t\t});\r\n\r\n\t\tvar blob = await data.text();\r\n\r\n\t\tvar tab = window.open();\r\n\t\ttab.location.href = document.location.origin + \"/pdfs/\" + blob;\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar config = [\r\n\t\t\t{ header: \"Building Name\", columnName: \"building_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Estimate #\", columnName: \"invoice_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Serial #\", columnName: \"serial_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Mechanic\", columnName: \"mechanic_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Open PDF\", columnName: \"open_pdf\", visible: true, OnClick: (row) => this.openPdf(row), typeCode: \"ACTION\", style: { minWidth: \"147px\" } },\r\n\t\t];\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t {}} />\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport DynamicGrid from \"./DynamicGrid\";\r\nimport SignatureCanvas from \"react-signature-canvas\";\r\nimport { Dialog, DialogTitle, DialogContent, DialogActions, Button } from \"@material-ui/core\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"invoice_number\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: false,\r\n\tShowGlobalFilter: true,\r\n};\r\nexport class UnapprovedPackingList extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tPackingLists: [],\r\n\t\t};\r\n\t\tthis.getData();\r\n\r\n\t\tthis.captureSignature = this.captureSignature.bind(this);\r\n\t\tthis.saveSignature = this.saveSignature.bind(this);\r\n\t}\r\n\tasync getData() {\r\n\t\tconst data = await fetch(\"PackingList/GetPackingLists\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({ approved: false }),\r\n\t\t});\r\n\t\tvar res = await data.json();\r\n\t\tthis.setState({ PackingLists: res });\r\n\t}\r\n\r\n\tcaptureSignature(row, mechanic) {\r\n\t\tthis.setState({ signModal: true, Mechanic: mechanic, Estimate: row[\"invoice_number\"], PackingList: row[\"packing_list_id\"] });\r\n\t}\r\n\r\n\tasync saveSignature() {\r\n\t\tif (this.sigCanvas.isEmpty()) {\r\n\t\t\talert(\"A signature is required.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar dt = {\r\n\t\t\tbase64Image: this.sigCanvas.toDataURL(),\r\n\t\t\tpackingListId: this.state.PackingList,\r\n\t\t\testimateNumber: this.state.Estimate,\r\n\t\t\tmechanicId: this.state.Mechanic,\r\n\t\t};\r\n\r\n\t\tawait fetch(\"PackingList/SavePackingList\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(dt),\r\n\t\t});\r\n\t\tthis.setState({ signModal: false });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tasync openPdf(row) {\r\n\t\tconst data = await fetch(\"Proposal/GetPdf\", {\r\n\t\t\tmethod: \"POST\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({\r\n\t\t\t\testimateNumber: row.invoice_number,\r\n\t\t\t\tisPackingList: true,\r\n\t\t\t}),\r\n\t\t});\r\n\r\n\t\tvar blob = await data.text();\r\n\r\n\t\tvar tab = window.open();\r\n\t\ttab.location.href = document.location.origin + \"/pdfs/\" + blob;\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar config = [\r\n\t\t\t{ header: \"Building Name\", columnName: \"building_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Estimate #\", columnName: \"invoice_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Serial #\", columnName: \"serial_number\", visible: true, typeCode: \"S\" },\r\n\t\t\t{ header: \"Mechanic\", columnName: \"mechanic_name\", visible: true, typeCode: \"MECHANIC\", OnChange: this.captureSignature },\r\n\t\t\t{ header: \"Open PDF\", columnName: \"open_pdf\", visible: true, OnClick: (row) => this.openPdf(row), typeCode: \"ACTION\", style: { minWidth: \"147px\" } },\r\n\t\t];\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t {}} />\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { BuildingList } from \"./BuildingList\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Building } from \"../Building\";\r\nimport { isNullOrEmpty, isGuid } from \"../Util\";\r\n\r\nexport class ClientPortal extends Component {\r\n\tstate = {\r\n\t\tBuildingNameFilter: \"\",\r\n\t\tCurrentBuilding: null,\r\n\t};\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.selectBuilding = this.selectBuilding.bind(this);\r\n\r\n\t\tvar path = document.location.pathname.split(\"/\");\r\n\t\tif (path.length > 2) {\r\n\t\t\tvar bldg = path[2];\r\n\t\t\tif (!isNullOrEmpty(bldg) && isGuid(bldg)) {\r\n\t\t\t\tthis.state.CurrentBuilding = bldg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tselectBuilding(bldg) {\r\n\t\tthis.setState({ CurrentBuilding: bldg.buildings_id });\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t {}} />\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, Button, DialogActions, DialogContent, TextField, Checkbox, FormControlLabel, FormControl, InputLabel, Select, MenuItem } from \"@material-ui/core\";\r\nimport \"./UserDialog.css\";\r\nimport { validateField, isNullOrEmpty } from \"./Util\";\r\n\r\nexport class UserDialog extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tUserData: {},\r\n\t\t\topen: false,\r\n\t\t\tBuildings: [],\r\n\t\t\tfilter: \"\",\r\n\t\t};\r\n\r\n\t\tthis.onClose = this.onClose.bind(this);\r\n\t\tthis.saveData = this.saveData.bind(this);\r\n\t\tthis.deleteUser = this.deleteUser.bind(this);\r\n\t\tthis.getBuildings();\r\n\t\tthis.resendEmail = this.resendEmail.bind(this);\r\n\t}\r\n\r\n\tasync getBuildings() {\r\n\t\tif (this.state.Buildings.length === 0) {\r\n\t\t\tvar dt = await fetch(\"Building\");\r\n\t\t\tdt = await dt.json();\r\n\t\t\tdt = dt.sort((a, b) => {\r\n\t\t\t\treturn a.building_name.localeCompare(b.building_name);\r\n\t\t\t});\r\n\t\t\tthis.setState({ Buildings: dt });\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif ((this.props.UsersID !== prevProps.UsersID && this.props.visible) || (this.props.visible !== prevProps.visible && this.props.visible)) {\r\n\t\t\tif (this.props.UsersID) this.getData();\r\n\t\t\telse this.setState({ open: true, UserData: {} });\r\n\t\t}\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tvar data = await fetch(\"User/GetUserInfo\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({ usersId: this.props.UsersID }),\r\n\t\t});\r\n\t\tdata = await data.json();\r\n\t\tthis.setState({ open: true, UserData: data });\r\n\t}\r\n\tdynamicOnChange = (event) => {\r\n\t\tvar columnName = null;\r\n\t\tif (event.target.nodeName === \"INPUT\" || event.target.nodeName === \"TEXTAREA\") {\r\n\t\t\tcolumnName = event.target.attributes.columnname.value;\r\n\t\t} else if (event.currentTarget.nodeName === \"LI\") {\r\n\t\t\tcolumnName = event.currentTarget.dataset.columnname;\r\n\t\t}\r\n\r\n\t\tvar data = this.state.UserData;\r\n\t\tdata[columnName] = event.target.value;\r\n\t\tif (event.target.type === \"checkbox\") {\r\n\t\t\tdata[columnName] = event.target.checked;\r\n\t\t}\r\n\r\n\t\tthis.setState({ UserData: data });\r\n\t};\r\n\r\n\tasync resendEmail() {\r\n\t\tif (!window.confirm(\"Are you sure you want to resend?\")) return;\r\n\t\tawait fetch(\"User/SendPasswordReset\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(this.state.UserData.email_address),\r\n\t\t});\r\n\t}\r\n\tonClose() {\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose && this.props.OnClose();\r\n\t}\r\n\r\n\tupdateBuildings = (event) => {\r\n\t\tvar buildingsId = event.currentTarget.value;\r\n\t\tvar included = event.currentTarget.checked;\r\n\t\tvar currentBuildings = this.getBuildingsArray();\r\n\r\n\t\tif (included) {\r\n\t\t\tcurrentBuildings.push(buildingsId);\r\n\t\t} else if (currentBuildings.indexOf(buildingsId) > -1) {\r\n\t\t\tcurrentBuildings.splice(currentBuildings.indexOf(buildingsId), 1);\r\n\t\t}\r\n\r\n\t\tvar userData = this.state.UserData;\r\n\t\tuserData.buildings = currentBuildings.join(\", \");\r\n\t\tthis.setState({ UserData: userData });\r\n\t};\r\n\r\n\tgetBuildingsArray() {\r\n\t\treturn this.state.UserData.buildings ? this.state.UserData.buildings.split(\",\").map((item) => item.toString().toLowerCase().trim()) : [];\r\n\t}\r\n\r\n\tasync saveData() {\r\n\t\tvar data = this.state.UserData;\r\n\t\tdata.title = data.title || \"\";\r\n\r\n\t\tif (!validateField(data, \"email_address\", \"Email Address\") || !validateField(data, \"first_name\", \"First Name\") || !validateField(data, \"last_name\", \"Last Name\")) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar dt = await fetch(\"User/SaveUserInfo\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(JSON.stringify(data)),\r\n\t\t});\r\n\t\tif (!dt.ok) {\r\n\t\t\talert(\"An error occurred while saving.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar res = await dt.text();\r\n\t\tif (!isNullOrEmpty(res)) {\r\n\t\t\talert(res);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.setState({ open: false });\r\n\t\tthis.props.OnClose();\r\n\t}\r\n\r\n\tasync deleteUser() {\r\n\t\tif (!window.confirm(\"Are you sure you want to delete this user?\")) return;\r\n\t\tvar dt = await fetch(\"User/DeleteUser\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify(this.props.UsersID),\r\n\t\t});\r\n\r\n\t\tdt = await dt.text();\r\n\r\n\t\tif (!isNullOrEmpty(dt)) {\r\n\t\t\talert(dt);\r\n\t\t}\r\n\t\tthis.onClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar baseData = this.state.UserData;\r\n\t\tvar inputProps = { readOnly: false };\r\n\t\tvar labelProps = { shrink: true };\r\n\t\tvar userBuildings = this.getBuildingsArray();\r\n\t\treturn (\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport DynamicGrid from \"../DynamicGrid\";\r\nimport { UserDialog } from \"../UserDialog\";\r\n\r\nconst Settings = {\r\n\tShowDateFilter: false,\r\n\tSortColumn: \"full_name\",\r\n\tUseTicketTypeFilter: false,\r\n\tShowNewButton: true,\r\n\tNewButtonText: \"Add User\",\r\n\tShowGlobalFilter: true,\r\n};\r\n\r\nclass UserSetup extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tUsers: [],\r\n\t\t\tModalVisible: false,\r\n\t\t\tUsersID: null,\r\n\t\t};\r\n\t\tthis.getData();\r\n\r\n\t\tthis.CloseModal = this.CloseModal.bind(this);\r\n\t\tthis.OpenDialog = this.OpenDialog.bind(this);\r\n\t\tSettings.NewButtonAction = this.OpenDialog;\r\n\t}\r\n\r\n\tOpenDialog() {\r\n\t\tthis.setState({ UsersID: null, ModalVisible: true });\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.BuildingID !== prevProps.BuildingID) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t}\r\n\r\n\tCloseModal() {\r\n\t\tthis.setState({ ModalVisible: false, SelectedContact: {} });\r\n\t\tthis.getData();\r\n\t}\r\n\r\n\tSelectUser(item) {\r\n\t\tthis.setState({ UsersID: item, ModalVisible: true });\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tconst data = await fetch(\"User/GetUserSetup\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tbody: JSON.stringify({}),\r\n\t\t});\r\n\t\tvar res = await data.json();\r\n\t\tthis.setState({ Users: res });\r\n\t}\r\n\trender() {\r\n\t\tconst config = [\r\n\t\t\t{ header: \"Name\", columnName: \"full_name\", visible: true, typeCode: \"S\" },\r\n\t\t\t{\r\n\t\t\t\theader: \"Email\",\r\n\t\t\t\tcolumnName: \"email_address\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\ttypeCode: \"S\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\theader: \"Title\",\r\n\t\t\t\tcolumnName: \"title\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\ttypeCode: \"S\",\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\theader: \"Buildings\",\r\n\t\t\t\tcolumnName: \"buildings\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\ttypeCode: \"S\",\r\n\t\t\t},\r\n\t\t];\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t this.setState({ BuildingNameFilter: event.target.value })} />\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport DynamicGrid from \"./DynamicGrid\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nexport class OutstandingInvoicesDashboard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tRecords: [],\r\n\t\t};\r\n\t\tthis.getData();\r\n\t}\r\n\tasync getData() {\r\n\t\tconst data = await fetch(\"Dashboard/GetOutstandingInvoices\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t});\r\n\t\tvar res = await data.json();\r\n\t\tthis.setState({ Records: res });\r\n\t}\r\n\tnavClientBuilding(item) {\r\n\t\tthis.setState({ ClientPortalRoute: \"/clientportal/\" + item.buildings_id });\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {}\r\n\r\n\trender() {\r\n\t\tconst Settings = {\r\n\t\t\tShowDateFilter: false,\r\n\t\t\tSortColumn: \"building_name\",\r\n\t\t\tCondensed: true,\r\n\t\t\tShowBuildingsFilter: true,\r\n\t\t};\r\n\r\n\t\tconst config = [\r\n\t\t\t{\r\n\t\t\t\theader: \"Building Name\",\r\n\t\t\t\tcolumnName: \"building_name\",\r\n\t\t\t\tvisible: true,\r\n\t\t\t\ttypeCode: \"LINK\",\r\n\t\t\t\tOnClick: (row) => {\r\n\t\t\t\t\tthis.navClientBuilding(row);\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\t{ header: \"Outstanding Balance\", columnName: \"amount\", visible: true, typeCode: \"$\" },\r\n\t\t];\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport { OverdueInvoiceDashboard } from \"./OverdueInvoiceDashboard\";\r\nimport { OutstandingInvoicesDashboard } from \"./OutstandingInvoicesDashboard\";\r\n\r\nexport class Dashboard extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tBuildingData: null,\r\n\t\t\tCurrentBuilding: null,\r\n\t\t};\r\n\t}\r\n\tasync getData() {\r\n\t\tif (this.props.building) {\r\n\t\t\tconst data = await fetch(\"Building/GetBuildingData\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.building }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ BuildingData: res });\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withStyles, Button, TextField, Typography } from \"@material-ui/core\";\r\nimport \"./UserDialog.css\";\r\n\r\nexport var styles = function styles(theme) {\r\n\treturn {\r\n\t\ttwoPanes: {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\theight: \"100%\",\r\n\t\t\tpaddingTop: \"4px\",\r\n\t\t},\r\n\t\tcontentPane: {\r\n\t\t\tpadding: \"4px\",\r\n\t\t\tflex: \"1 1 100% !important\",\r\n\t\t},\r\n\t};\r\n};\r\nclass SupportBuildings extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tBuildingRequest: \"\",\r\n\t\t};\r\n\r\n\t\tthis.changeValue = this.changeValue.bind(this);\r\n\t\tthis.sendBuildingRequest = this.sendBuildingRequest.bind(this);\r\n\t\tthis.sendRemoveRequest = this.sendRemoveRequest.bind(this);\r\n\t}\r\n\r\n\tasync sendBuildingRequest() {\r\n\t\tawait fetch(\"Building/RequestBuilding\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify({ building: this.state.BuildingRequest }),\r\n\t\t});\r\n\t\talert(\"Your request has been submitted.\");\r\n\t\tthis.setState({ BuildingRequest: \"\" });\r\n\t}\r\n\r\n\tasync sendRemoveRequest() {\r\n\t\tawait fetch(\"Building/RemoveBuilding\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify({ building: this.state.RemoveBuilding }),\r\n\t\t});\r\n\r\n\t\talert(\"Your request has been submitted.\");\r\n\t\tthis.setState({ RemoveBuilding: \"\" });\r\n\t}\r\n\r\n\tchangeValue(val, stateVal) {\r\n\t\tvar obj = {};\r\n\t\tobj[stateVal] = val;\r\n\t\tthis.setState(obj);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default withStyles(styles, { withTheme: true })(SupportBuildings);\r\n","import React, { Component } from \"react\";\r\nimport \"./Main.css\";\r\nimport { TabStrip } from \"./TabStrip\";\r\nimport { isNullOrEmpty } from \"./Util\";\r\nimport SupportBuildings from \"./SupportBuildings\";\r\n\r\nexport class Support extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tBuildingData: null,\r\n\t\t\tCurrentBuilding: null,\r\n\t\t\tselectedTab: 0,\r\n\t\t\tDialogBuilding: null,\r\n\t\t\tDialogVisible: false,\r\n\t\t};\r\n\r\n\t\tif (!isNullOrEmpty(this.props.building)) this.getData();\r\n\t\tthis.openDialog = this.openDialog.bind(this);\r\n\t\tthis.getData = this.getData.bind(this);\r\n\t}\r\n\topenDialog(bldg) {\r\n\t\tthis.setState({ DialogBuilding: bldg, DialogVisible: true });\r\n\t}\r\n\r\n\tasync getData() {\r\n\t\tif (this.props.building) {\r\n\t\t\tconst data = await fetch(\"Building/GetBuildingData\", {\r\n\t\t\t\tmethod: \"Post\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t\t},\r\n\t\t\t\tcache: \"no-cache\",\r\n\t\t\t\tbody: JSON.stringify({ buildingsId: this.props.building }),\r\n\t\t\t});\r\n\t\t\tvar res = await data.json();\r\n\t\t\tthis.setState({ BuildingData: res, DialogVisible: false });\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (prevProps.building !== this.props.building) {\r\n\t\t\tthis.getData();\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\trender() {\r\n\t\tvar tabs = [\r\n\t\t\t{\r\n\t\t\t\tdisplay: \"Manage Buildings\",\r\n\t\t\t\tcomponent: \r\n\t\t\t\t\tRequest a Building \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tRequest a building to be added to your portal. This will give access to all invoices, estimates, and tickets.\r\n\t\t\t\t\t \r\n\t\t\t\t\t this.changeValue(val.currentTarget.value, \"BuildingRequest\")} style={{ marginTop: \"8px\", marginLeft: \"8px\", width: \"400px\" }}> \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\tRemove a Building \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tRequest a building to be removed from your portal.\r\n\t\t\t\t\t \r\n\t\t\t\t\t this.changeValue(val.currentTarget.value, \"RemoveBuilding\")} style={{ marginTop: \"8px\", marginLeft: \"8px\", width: \"400px\" }}> \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","export interface Elevator {\r\n\tSerialNumber: string;\r\n\tBuildingsID: string;\r\n\tElevatorsID: string;\r\n}\r\n\r\nexport interface Building {\r\n\tBuildingsID: string;\r\n\tBuildingName: string;\r\n}\r\n\r\nexport interface Mechanic {\r\n\tName: string;\r\n\tMechanicID: string;\r\n}\r\n\r\ninterface IntStaticVars {\r\n\tElevators: Array\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t
\r\n\t);\r\n}\r\n","import { Button, Paper, TextField, Typography } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport \"../Main.css\";\r\nimport { isNullOrEmpty, parseDate } from \"../Util\";\r\nimport { InspectionGrid } from \"./InspectionGrid\";\r\nimport { GetBuildings, GetElevators, GetMechanics } from \"../StaticVariables\";\r\n\r\nexport interface Inspection {\r\n\tBuildingName: string;\r\n\tElevatorsID: string;\r\n\tSerialNumber: string;\r\n\tPassed: boolean;\r\n\tFirstDate?: Date;\r\n\tSecondDate?: Date;\r\n\tThirdDate?: Date;\r\n\tExpirationDate?: Date;\r\n\tModified: boolean;\r\n\tInspectionsID: string;\r\n\tSecondPassed: boolean;\r\n\tThirdPassed: boolean;\r\n\tID: string;\r\n\tMechanicID: string;\r\n\tCompany: string;\r\n}\r\n\r\nexport function Inspections() {\r\n\tconst [inspections, setInspections] = React.useState([] as Array\r\n\t\t\t
\r\n\t);\r\n}\r\n","import DateFnsUtils from \"@date-io/date-fns\";\r\nimport { Checkbox, TableCell, TableRow, TextField } from \"@material-ui/core\";\r\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\r\nimport React from \"react\";\r\nimport { Alteration } from \"./Alterations\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport { Building, Elevator, Mechanic, StaticVariables } from \"../StaticVariables\";\r\n\r\ninterface RowProps {\r\n\tData: Alteration;\r\n}\r\n\r\nexport function AlterationRow(props: RowProps) {\r\n\tconst insp = props.Data;\r\n\tconst [building, setBuilding] = React.useState(insp.BuildingID);\r\n\tconst [elevator, setElevator] = React.useState(insp.ElevatorsID);\r\n\tconst [mechanic, setMechanic] = React.useState(insp.MechanicID);\r\n\tconst [company, setCompany] = React.useState(insp.Company);\r\n\tconst [passed, setPassed] = React.useState(insp.Passed);\r\n\tconst [secondPassed, setSecondPassed] = React.useState(insp.SecondPassed);\r\n\tconst [thirdPassed, setThirdPassed] = React.useState(insp.ThirdPassed);\r\n\tconst [firstDate, setFirstDate] = React.useState(insp.FirstDate);\r\n\tconst [secondDate, setSecondDate] = React.useState(insp.SecondDate);\r\n\tconst [thirdDate, setThirdDate] = React.useState(insp.ThirdDate);\r\n\r\n\tconst isPassed = passed || secondPassed || thirdPassed;\r\n\r\n\tconst b = StaticVariables.Buildings.find((x) => x.BuildingsID === building);\r\n\tconst e = StaticVariables.Elevators.find((x) => x.ElevatorsID === elevator);\r\n\tconst elevators = StaticVariables.Elevators.filter((x) => building && x.BuildingsID.toLocaleLowerCase() === building.toLocaleLowerCase());\r\n\tconst m = StaticVariables.Mechanics.find((x) => x.MechanicID === mechanic);\r\n\tif (elevators.length === 1 && elevators[0].ElevatorsID !== elevator) setElevator(elevators[0].ElevatorsID);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tInspections{\" \"}\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t setSerial(x.target.value)} style={{ float: \"right\" }}> \r\n\t\t\t\t\t\t setBuilding(x.target.value)} style={{ float: \"right\", marginRight: \"8px\" }}> \r\n\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t
\r\n\t);\r\n}\r\n","import { Button, Paper, TextField, Typography } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport \"../Main.css\";\r\nimport { isNullOrEmpty, parseDate } from \"../Util\";\r\nimport { AlterationGrid } from \"./AlterationsGrid\";\r\nimport { GetBuildings, GetElevators, GetMechanics, StaticVariables } from \"../StaticVariables\";\r\n\r\nexport interface Alteration {\r\n\tBuildingID: string;\r\n\tElevatorsID: string;\r\n\tPassed: boolean;\r\n\tFirstDate?: Date;\r\n\tSecondDate?: Date;\r\n\tThirdDate?: Date;\r\n\tExpirationDate?: Date;\r\n\tModified: boolean;\r\n\tAlterationsID: string;\r\n\tSecondPassed: boolean;\r\n\tThirdPassed: boolean;\r\n\tID: string;\r\n\tMechanicID: string;\r\n\tCompany: string;\r\n}\r\n\r\nexport interface BuildingDropdownItem {\r\n\tBuildingName: string;\r\n\tBuildingID: string;\r\n}\r\n\r\nexport function Alterations() {\r\n\tconst [alterations, setAlterations] = React.useState([] as Array\r\n\t\t\t
\r\n\t);\r\n}\r\n","import DateFnsUtils from \"@date-io/date-fns\";\r\nimport { Paper, Table, TableBody, TableCell, TableHead, TableRow, Typography } from \"@material-ui/core\";\r\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\r\nimport React from \"react\";\r\nimport { isNullOrEmpty } from \"../Util\";\r\n\r\nexport default function BrokenElevators() {\r\n\tconst [fromDate, setFromDate] = React.useState(new Date(new Date().setDate(new Date().getDate() - 90)));\r\n\tconst [toDate, setToDate] = React.useState(new Date());\r\n\r\n\tconst [dataset, setDataset] = React.useState([] as Array\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAlterations{\" \"}\r\n\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t setSerial(x.target.value)} style={{ float: \"right\" }}> \r\n\t\t\t\t\t\t setBuilding(x.target.value)} style={{ float: \"right\", marginRight: \"8px\" }}> \r\n\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n","import { IconButton, Table, TableBody, TableCell, TableFooter, TableHead, TablePagination, TableRow, Typography } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport KeyboardArrowLeft from \"@material-ui/icons/KeyboardArrowLeft\";\r\nimport KeyboardArrowRight from \"@material-ui/icons/KeyboardArrowRight\";\r\nimport { FollowUp } from \"./FollowUps\";\r\nimport { Formatter } from \"../Util\";\r\ninterface GridProps {\r\n\tData: Array\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tBroken Elevators\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tif (date.toString().includes(\"Invalid\")) return;\r\n\t\t\t\t\t\t\t\t\tif (isNullOrEmpty(date)) return;\r\n\t\t\t\t\t\t\t\t\tsetFromDate(date);\r\n\t\t\t\t\t\t\t\t\tgetData(date, toDate);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t-\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tif (date.toString().includes(\"Invalid\")) return;\r\n\t\t\t\t\t\t\t\t\tif (isNullOrEmpty(date)) return;\r\n\t\t\t\t\t\t\t\t\tsetToDate(date);\r\n\t\t\t\t\t\t\t\t\tgetData(fromDate, date);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t
\r\n\t);\r\n}\r\n","import DateFnsUtils from \"@date-io/date-fns\";\r\nimport { Button, Checkbox, Dialog, DialogActions, DialogContent, DialogTitle, FormControl, FormControlLabel, Grid, TextField, Typography } from \"@material-ui/core\";\r\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\r\nimport React from \"react\";\r\nimport { FollowUp } from \"./FollowUps\";\r\n\r\ninterface FollowUpModalProps {\r\n\tonClose: Function;\r\n\trecord?: FollowUp;\r\n}\r\n\r\nexport default function FollowUpModal(props: FollowUpModalProps) {\r\n\tconst m = props.record;\r\n\tconst [name, setName] = React.useState(m?.BuildingName ?? \"\");\r\n\tconst [addr, setAddr] = React.useState(m?.Address ?? \"\");\r\n\tconst [c1Name, setC1Name] = React.useState(m?.Contact1Name ?? \"\");\r\n\tconst [c1Phone, setC1Phone] = React.useState(m?.Contact1Phone ?? \"\");\r\n\tconst [c1Email, setC1Email] = React.useState(m?.Contact1Email ?? \"\");\r\n\tconst [c2Name, setC2Name] = React.useState(m?.Contact2Name ?? \"\");\r\n\tconst [c2Phone, setC2Phone] = React.useState(m?.Contact2Phone ?? \"\");\r\n\tconst [c2Email, setC2Email] = React.useState(m?.Contact2Email ?? \"\");\r\n\tconst [c3Name, setC3Name] = React.useState(m?.Contact3Name ?? \"\");\r\n\tconst [c3Phone, setC3Phone] = React.useState(m?.Contact3Phone ?? \"\");\r\n\tconst [c3Email, setC3Email] = React.useState(m?.Contact3Email ?? \"\");\r\n\tconst [numLand, setNumLand] = React.useState(m?.Landings ?? \"\");\r\n\tconst [attend, setAttend] = React.useState(m?.DateAssessed ?? (null as Date));\r\n\tconst [contract, setContract] = React.useState(m?.DateContract ?? (null as Date));\r\n\tconst [maint, setMaint] = React.useState(m?.Maintenance ?? false);\r\n\tconst [modern, setModern] = React.useState(m?.Modern ?? false);\r\n\tconst [repair, setRepair] = React.useState(m?.Repair ?? false);\r\n\tconst [lost, setLost] = React.useState(m?.Lost ?? false);\r\n\tconst [notes, setNotes] = React.useState(m?.Notes ?? \"\");\r\n\tconst [fup, setFup] = React.useState(m?.FollowUps ?? \"\");\r\n\r\n\tconst save = () => {\r\n\t\tconst f = {\r\n\t\t\tFollowUpID: m?.FollowUpID ?? (null as string),\r\n\t\t\tBuildingName: name,\r\n\t\t\tAddress: addr,\r\n\t\t\tContact1Name: c1Name,\r\n\t\t\tContact1Phone: c1Phone,\r\n\t\t\tContact1Email: c1Email,\r\n\t\t\tContact2Name: c2Name,\r\n\t\t\tContact2Phone: c2Phone,\r\n\t\t\tContact2Email: c2Email,\r\n\t\t\tContact3Name: c3Name,\r\n\t\t\tContact3Phone: c3Phone,\r\n\t\t\tContact3Email: c3Email,\r\n\t\t\tDateAssessed: attend,\r\n\t\t\tDateContract: contract,\r\n\t\t\tLandings: numLand,\r\n\t\t\tModernization: modern,\r\n\t\t\tMaintenance: maint,\r\n\t\t\tRepair: repair,\r\n\t\t\tFollowUps: fup,\r\n\t\t\tLost: lost,\r\n\t\t\tNotes: notes,\r\n\t\t};\r\n\t\tfetch(\"Inspection/SaveFollowUp\", {\r\n\t\t\tmethod: \"Post\",\r\n\t\t\theaders: {\r\n\t\t\t\t\"Content-Type\": \"application/json\",\r\n\t\t\t},\r\n\t\t\tcache: \"no-cache\",\r\n\t\t\tbody: JSON.stringify(f),\r\n\t\t}).then((x) => x.ok && props.onClose());\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n}\r\n","import { Button, Checkbox, FormControlLabel, Paper, TextField, Typography } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport \"../Main.css\";\r\nimport { isNullOrEmpty, parseDate } from \"../Util\";\r\nimport { FollowUpsGrid } from \"./FollowUpsGrid\";\r\nimport FollowUpModal from \"./FollowUpModal\";\r\n\r\nexport interface FollowUp {\r\n\tBuildingName: string;\r\n\tFollowUpID: string;\r\n\tAddress: string;\r\n\tContact1Name: string;\r\n\tContact1Email: string;\r\n\tContact1Phone: string;\r\n\tContact2Name: string;\r\n\tContact2Email: string;\r\n\tContact2Phone: string;\r\n\tContact3Name: string;\r\n\tContact3Email: string;\r\n\tContact3Phone: string;\r\n\tDateAssessed?: Date;\r\n\tDateContract?: Date;\r\n\tDateLastUpdated: Date;\r\n\tFollowUps: string;\r\n\tLandings: string;\r\n\tLost: boolean;\r\n\tMaintenance: boolean;\r\n\tModern: boolean;\r\n\tRepair: boolean;\r\n\tNotes: string;\r\n\tLastNote: string;\r\n}\r\n\r\nexport function FollowUps() {\r\n\tconst [fups, setFups] = React.useState([] as Array\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Route } from \"react-router\";\r\nimport { Layout } from \"./components/Layout\";\r\n\r\nimport \"./custom.css\";\r\nimport { TicketingPortal } from \"./components/screens/TicketingPortal\";\r\nimport { BuildingsPortal } from \"./components/screens/BuildingsPortal\";\r\nimport { ProposalAdmin } from \"./components/ProposalAdmin\";\r\nimport { ApprovedPackingList } from \"./components/ApprovedPackingList\";\r\nimport { UnapprovedPackingList } from \"./components/UnapprovedPackingList\";\r\nimport { ClientPortal } from \"./components/screens/ClientPortal\";\r\nimport { Login } from \"./components/screens/Login\";\r\nimport UserSetup from \"./components/screens/UserSetup\";\r\nimport { Dashboard } from \"./components/Dashboard\";\r\nimport { getCookie } from \"./components/Util\";\r\nimport { Support } from \"./components/Support\";\r\nimport { CheckedInMechanics } from \"./components/screens/CheckedInMechanics\";\r\nimport { Inspections } from \"./components/InpsectionsItems/Inspections\";\r\nimport { Alterations } from \"./components/InpsectionsItems/Alterations\";\r\nimport BrokenElevators from \"./components/screens/BrokenElevators\";\r\nimport { FollowUps } from \"./components/FollowUps/FollowUps\";\r\n\r\nexport default class App extends Component {\r\n\tstatic displayName = App.name;\r\n\r\n\trender() {\r\n\t\tconst role = getCookie(\"role\");\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tFollow Ups{\" \"}\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tsetModalOpen(true);\r\n\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\tAdd New\r\n\t\t\t\t\t\t\t{\" \"}\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tsetIncludeLost(event.target.checked);\r\n\t\t\t\t\t\t\t\t\t\t\tgetData(event.target.checked);\r\n\t\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t