\r\n {renderInput({\r\n fullWidth: true,\r\n classes,\r\n InputProps: getInputProps({\r\n startAdornment: selectedItem,\r\n onChange: this.props.handleDownshiftInputChange,\r\n onKeyDown: this.props.DownshiftHandleKeyDown,\r\n placeholder: this.props.placeholder,\r\n }),\r\n label: this.props.label,\r\n })}\r\n {isOpen ? (\r\n \r\n {this.getSuggestions(inputValue2).map((suggestion, index) =>\r\n renderSuggestion({\r\n suggestion,\r\n index,\r\n itemProps: getItemProps({ item: suggestion.label }),\r\n highlightedIndex,\r\n selectedItem: selectedItem2,\r\n })\r\n )}\r\n \r\n ) : null}\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\n// DownshiftSearch.propTypes = {\r\n// classes: PropTypes.object.isRequired,\r\n// //options: PropTypes.array.isRequired,\r\n// };\r\n\r\nexport default withStyles(styles)(DownshiftSearch);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\nimport Select from \"react-select\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\nimport CancelIcon from \"@material-ui/icons/Cancel\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport axios from \"axios\";\r\nimport ReactGA from \"react-ga\";\r\nimport { FixedSizeList as List } from \"react-window\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport {\r\n filters,\r\n months,\r\n quarters,\r\n years,\r\n searches,\r\n} from \"./searchData/searchOptions\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\nimport DownshiftSearch from \"./componentUtils/DownshiftSearch\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 4,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n select: {\r\n zIndex: 4,\r\n // position:'absolute'\r\n },\r\n downShiftWrapper: {\r\n marginLeft: \"5px\",\r\n paddingTop: \"15px\",\r\n width: \"100%\",\r\n },\r\n zipWrapper: {\r\n marginLeft: \"5px\",\r\n //paddingTop: '-50px',\r\n width: \"100%\",\r\n },\r\n});\r\n\r\n// Method that returns no option message\r\nfunction NoOptionsMessage(props) {\r\n return (\r\n \r\n {props.children}\r\n
\r\n );\r\n}\r\n\r\nfunction MultiValue(props) {\r\n return (\r\n \r\n Please Enter a city, county or zip code to view results\r\n
\r\n );\r\n }\r\n\r\n if (this.state.redirect === true) {\r\n window.location.replace(\"/logout\");\r\n }\r\n const { classes } = this.props;\r\n const selectStyles = {\r\n input: base => ({\r\n ...base,\r\n \"& input\": {\r\n font: \"inherit\",\r\n },\r\n }),\r\n };\r\n\r\n const { selectedOption } = this.state;\r\n const { selectedOption1 } = this.state;\r\n\r\n let searchTerm;\r\n\r\n if (this.state.searchTerm === 1) {\r\n // console.log(this.state.cities);\r\n\r\n // setting the compoenent to var searchTerm\r\n\r\n searchTerm = (\r\n\r\n \r\n This is our legacy search. Complete the fields below to search.\r\n \r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n Speed Search\r\n {\" \"}\r\n \r\n BETA\r\n
\r\n \r\n \r\n \r\n \r\n We can possibly put additional info?\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(\r\n withStyles(styles, { withTheme: true })(SingleSearch)\r\n);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport SearchBox from \"./SearchBox\";\r\nimport RecentlyViewed from \"./RecentlyViewed\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport SingleSearch from \"./SingleSearch\";\r\n\r\nconst styles = theme => ({\r\n root: {\r\n ...theme.mixins.gutters(),\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2),\r\n },\r\n});\r\nclass Search extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n querySearchBox: \"\",\r\n // querySearchBox1: \"\",\r\n viewTable: false,\r\n viewMBTTable: false,\r\n latestTime: \"\",\r\n };\r\n //console.log(\"Search props\");\r\n //console.log(this.props);\r\n }\r\n\r\n componentDidMount() {\r\n document.title = \"Search - Search Texas Tax\";\r\n }\r\n\r\n // GETTABLE AXIOS URL -- GETMBTTABLE.Js\r\n // `https://appnode.searchtexastax.com/rest${this.props.queryFromSearch1}`\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n {rowData.location_name}\r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n {\r\n title: \"TaxPayer Number\",\r\n field: \"taxpayer_number\",\r\n hidden: true,\r\n },\r\n { title: \"TaxPayer Name\", field: \"taxpayer_name\", hidden: true },\r\n { title: \"Address\", field: \"location_address\" },\r\n {\r\n title: \"City\",\r\n render: rowData => {\r\n return (\r\n window.scrollTo(0, 0)}\r\n >\r\n {rowData.location_city}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"County\",\r\n render: rowData => {\r\n return (\r\n window.scrollTo(0, 0)}\r\n >\r\n {rowData.verified_county}\r\n \r\n );\r\n },\r\n },\r\n { title: \"Zip\", field: \"location_zip\" },\r\n { title: \"Year\", field: \"year\", type: \"numeric\", hidden: true },\r\n {\r\n title: \"Total Revenue\",\r\n field: \"room_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withStyles(styles)(GetDataTable));\r\n","import React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n height: 350,\r\n paddingTop: 100,\r\n },\r\n});\r\n\r\nclass GetMBTTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n //console.log(\"this is props gtom mbt table\");\r\n //console.log(props);\r\n this.state = {\r\n posts: [],\r\n token: \"\",\r\n postscity: \"\",\r\n isLoading: true,\r\n displayMessage: \"SEARCHING...\",\r\n //query: this.props.queryFromSearch1\r\n };\r\n }\r\n\r\n // ${apiUrl}/rest/monthly/2/2015/city/harlingen\r\n componentDidMount() {\r\n axios\r\n .get(\r\n `${apiUrl}/rest/${this.props.match.params.type}/${this.props.match.params.month}/${this.props.match.params.year}/${this.props.match.params.item}/${this.props.match.params.itemvalue}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n }\r\n )\r\n .then(res => {\r\n try {\r\n const posts = res.data;\r\n if (posts.length === 0 || posts) {\r\n this.setState({ displayMessage: \"No Records Found.\" });\r\n }\r\n this.setState({\r\n postscity: posts[0].location_city,\r\n posts,\r\n isLoading: false,\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n this.setState({ isLoading: false });\r\n handleError(e, pathname);\r\n // window.location.replace('/login');\r\n });\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n {rowData.location_name}\r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n { title: \"Address\", field: \"location_address\" },\r\n {\r\n title: \"City\",\r\n render: rowData => {\r\n return (\r\n \r\n {rowData.location_city}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"County\",\r\n render: rowData => {\r\n return (\r\n \r\n {rowData.verified_county}\r\n \r\n );\r\n },\r\n },\r\n { title: \"Zip\", field: \"location_zip\", hidden: true },\r\n { title: \"Year\", field: \"year\", type: \"numeric\", hidden: true },\r\n { title: \"Wine Receipts\", field: \"wine_receipts\", type: \"numeric\" },\r\n {\r\n title: \"Liquor Receipts\",\r\n field: \"liquor_receipts\",\r\n type: \"numeric\",\r\n },\r\n { title: \"Beer Receipts\", field: \"beer_receipts\", type: \"numeric\" },\r\n {\r\n title: \"Total Revenue\",\r\n field: \"total_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n );\r\n }\r\n}\r\nexport default withRouter(withStyles(styles)(GetMBTTable));\r\n","import React, { Component } from 'react';\r\nimport RecentlyViewed from './RecentlyViewed';\r\nimport GetDataTable from './GetDataTable';\r\nimport GetMBTTable from './GetMBTTable';\r\nimport ReactGA from 'react-ga';\r\n\r\n\r\nclass SearchResults extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //querySearchBox: props.location.state.query,\r\n // querySearchBox1: \"\",\r\n // viewTable : false,\r\n // viewMBTTable: false,\r\n // hideSearches: true\r\n };\r\n };\r\n\r\n componentDidMount() {\r\n //let searchItem = this.props.match.params.item;\r\n let searchValue = this.props.match.params.itemvalue;\r\n document.title = `Search Results ${searchValue.toUpperCase()}, TX - Search Texas Tax`;\r\n ReactGA.initialize('UA-80211377-3');\r\n ReactGA.pageview(window.location.pathname);\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n {rowData.name}\r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n {\r\n title: \"TaxPayer Number\",\r\n field: \"taxpayer_number\",\r\n hidden: true,\r\n },\r\n // { title: 'TaxPayer Name', field: 'taxpayer_name', hidden: true },\r\n { title: \"Address\", field: \"address\" },\r\n {\r\n title: \"City\",\r\n render: rowData => {\r\n return (\r\n window.scrollTo(0, 0)}\r\n >\r\n {rowData.city}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"County\",\r\n render: rowData => {\r\n return (\r\n window.scrollTo(0, 0)}\r\n >\r\n {rowData.county}\r\n \r\n );\r\n },\r\n },\r\n { title: \"Zip\", field: \"zip\" },\r\n ]}\r\n data={this.state.posts}\r\n title=\"Hotel Search Results\"\r\n options={{\r\n //sorting: true,\r\n columnsButton: true,\r\n pageSizeOptions: [10, 50, 100],\r\n pageSize: 10,\r\n search: true,\r\n showEmptyDataSourceMessage: true,\r\n actionsColumnIndex: 10,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n //isLoading={this.state.isLoading}\r\n />\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withStyles(styles)(GetUniDataTable));\r\n","import React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n height: 350,\r\n paddingTop: 100,\r\n },\r\n});\r\n\r\nclass GetUniMBTTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n //console.log(\"this is props gtom mbt table\");\r\n //console.log(props);\r\n this.state = {\r\n posts: [],\r\n token: \"\",\r\n postscity: \"\",\r\n isLoading: true,\r\n displayMessage: \"SEARCHING...\",\r\n //query: this.props.queryFromSearch1\r\n };\r\n\r\n //console.log(\"this is the query from search\");\r\n //console.log(this.props.queryFromSearch1);\r\n }\r\n\r\n // ${apiUrl}/rest/monthly/2/2015/city/harlingen\r\n // ${apiUrl}/rest/\r\n componentDidMount() {\r\n //console.log(`${this.props.match.params.month}/${this.props.match.params.year}/${this.props.match.params.item}/${this.props.match.params.itemvalue}`);\r\n axios\r\n .get(\r\n `${apiUrl}/rest/search/${this.props.match.params.type}/${this.props.match.params.item}/${this.props.match.params.itemvalue}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n }\r\n )\r\n .then(res => {\r\n try {\r\n const posts = res.data;\r\n if (posts.length === 0 || posts) {\r\n this.setState({ displayMessage: \"No Records Found.\" });\r\n }\r\n this.setState({\r\n postscity: posts[0].location_city,\r\n posts,\r\n isLoading: false,\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n this.setState({ isLoading: false });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n\r\n // make an url listener method and then pass to the did update???\r\n\r\n componentDidUpdate(nextProps, newUrl) {\r\n // console.log(\"this is next props\");\r\n // console.log(nextProps);\r\n // console.log(\"this is next props location\");\r\n // console.log(nextProps.location)\r\n //console.log(\"nextprops\" +nextProps.queryFromSearch);\r\n // if (nextProps.queryFromSearch1 !== this.props.queryFromSearch1) {\r\n // axios.get(this.props.queryFromSearch1,\r\n // {\r\n // headers: {\r\n // authorization: 'Bearer ' + localStorage.getItem('token') //the token is a variable which holds the token\r\n // }\r\n // }).then(res => {\r\n // //console.log(res);\r\n // const posts = res.data;\r\n // this.setState({ posts: posts });\r\n // }).catch(e => {\r\n // console.log(e);\r\n // });\r\n // }\r\n }\r\n\r\n // handleClick(taxpayer_number, location_number, name, city, county) {\r\n // ////console.log(taxpayer_number);\r\n // axios({\r\n // method: 'post',\r\n // headers: { authorization: 'Bearer ' + localStorage.getItem('token') },\r\n // url: '${apiUrl}/rest/history',\r\n // data: { taxpayer_number: taxpayer_number, location_number: location_number, location_name: name, location_city: city, location_county: county, type: 1 }\r\n // })\r\n // .then((res) => {\r\n // //console.log(res);\r\n // }).catch(e => {\r\n // console.log(e);\r\n // axios({\r\n // method: 'post',\r\n // headers: { authorization: 'Bearer ' + localStorage.getItem('token') },\r\n // url: '${apiUrl}/rest/errorlog',\r\n // data: { error: e, url: window.location.href }\r\n // }).then((res) => {\r\n // console.log(res);\r\n // })\r\n // });\r\n // }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n\r\n return (\r\n // \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n {rowData.name}\r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n {\r\n title: \"TaxPayer Number\",\r\n field: \"taxpayer_number\",\r\n hidden: true,\r\n },\r\n { title: \"Address\", field: \"address\" },\r\n {\r\n title: \"City\",\r\n render: rowData => {\r\n return (\r\n \r\n {rowData.city}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"County\",\r\n render: rowData => {\r\n return (\r\n \r\n {rowData.county}\r\n \r\n );\r\n },\r\n },\r\n { title: \"Zip\", field: \"zip\", hidden: false },\r\n ]}\r\n data={this.state.posts}\r\n title=\"MBT Search Results\"\r\n options={{\r\n columnsButton: true,\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 50, 100],\r\n search: true,\r\n showEmptyDataSourceMessage: true,\r\n actionsColumnIndex: 10,\r\n loadingType: \"linear\",\r\n //maxBodyHeight: 800\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n {/* {this.state.isLoading ?\r\n null :\r\n \r\n Searching timing\r\n \r\n } */}\r\n \r\n );\r\n }\r\n}\r\nexport default withRouter(withStyles(styles)(GetUniMBTTable));\r\n","import React, { Component } from 'react';\r\nimport RecentlyViewed from './RecentlyViewed';\r\nimport GetUniDataTable from './GetUniDataTable';\r\nimport GetUniMBTTable from './GetUniMBTTable';\r\nimport ReactGA from 'react-ga';\r\n\r\n\r\nclass SearchResults extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n };\r\n\r\n };\r\n\r\n componentDidMount() {\r\n //let searchItem = this.props.match.params.item;\r\n let searchValue = this.props.match.params.itemvalue;\r\n document.title = `Search Results ${searchValue.toUpperCase()}, TX - Search Texas Tax`;\r\n ReactGA.initialize('UA-80211377-3');\r\n ReactGA.pageview(window.location.pathname);\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {props.children}\r\n \r\n );\r\n}\r\n\r\nTabContainer.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n Red: {\r\n color: \"red\",\r\n top: \"5px\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n fontWeight: \"1000!important\",\r\n },\r\n Green: {\r\n color: \"green\",\r\n top: \"5px\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n fontWeight: \"1000!important\",\r\n },\r\n formControl: {\r\n margin: theme.spacing(1),\r\n minWidth: 120,\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2),\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n progress: {\r\n margin: theme.spacing(2),\r\n },\r\n newOwner: {\r\n fontSize: \"18px!important\",\r\n },\r\n propertyChange: {\r\n width: \"220px\",\r\n fontSize: \".8rem\",\r\n textAlign: \"left\",\r\n padding: \"12px\",\r\n margin: \"0px\",\r\n color: \"#fff\",\r\n },\r\n popoverCell: {\r\n minWidth: \"100px!important\",\r\n maxWidth: \"210px!important\",\r\n },\r\n});\r\n\r\nconst durations = [\r\n {\r\n value: \"2016\",\r\n label: \"1 year\",\r\n },\r\n {\r\n value: \"2015\",\r\n label: \"3 years\",\r\n },\r\n {\r\n value: \"2013\",\r\n label: \"5 years\",\r\n },\r\n {\r\n value: \"2008\",\r\n label: \"10 years\",\r\n },\r\n {\r\n value: \"2000\",\r\n label: \"All\",\r\n },\r\n];\r\n\r\nclass MBTCity extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n posts: [],\r\n rawposts: [],\r\n newposts: [],\r\n yearposts: [],\r\n token: \"\",\r\n dataLoadingStatus: \"loading\",\r\n chartData: [],\r\n value: 0,\r\n duration: \"2016\",\r\n labelWidth: 0,\r\n age: \"\",\r\n anchorEl: null,\r\n openedPopoverId: \"\",\r\n };\r\n }\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n };\r\n handleChange1 = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n ////////console.log(event.target.value);\r\n axios\r\n .get(`${apiUrl}/rest/mbt/city/${this.props.match.params.city}`, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n try {\r\n const columns = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Total Revenue\" },\r\n ];\r\n let rows = [];\r\n var d = new Date();\r\n var n = d.getFullYear();\r\n for (let row of res.data) {\r\n let { date } = row;\r\n if (row.year > event.target.value && row.year <= n) {\r\n date = new Date(row.year + \"-\" + row.month);\r\n //////console.log(date);\r\n date = new Date(row.year, row.month - 1, 1);\r\n rows.push([date, row.Total_Receipts]);\r\n //////console.log(rows);\r\n }\r\n }\r\n this.setState({\r\n chartData: [columns, ...rows],\r\n dataLoadingStatus: \"ready\",\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n };\r\n componentDidMount() {\r\n document.title = this.props.match.params.city + \",TX - Search Texas Tax\";\r\n ReactGA.initialize(\"UA-80211377-3\");\r\n ReactGA.pageview(window.location.pathname);\r\n\r\n axios\r\n .get(`${apiUrl}/rest/mbt/city/${this.props.match.params.city}`, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n const columns = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Total Revenue\" },\r\n ];\r\n let rows = [];\r\n var d = new Date();\r\n var n = d.getFullYear();\r\n\r\n try {\r\n for (let row of res.data) {\r\n let { date } = row;\r\n if (row.year > 2016 && row.year <= n) {\r\n date = new Date(row.year + \"-\" + row.month);\r\n //////console.log(date);\r\n date = new Date(row.year, row.month - 1, 1);\r\n rows.push([date, row.Total_Receipts]);\r\n }\r\n }\r\n this.setState({\r\n chartData: [columns, ...rows],\r\n dataLoadingStatus: \"ready\",\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n\r\n const rawposts = res.data;\r\n this.setState({ rawposts: rawposts });\r\n\r\n const posts = res.data;\r\n this.setState({ posts: posts });\r\n\r\n var i = 0;\r\n var j = 0;\r\n var a = 0;\r\n\r\n var newposts = [];\r\n try {\r\n for (i = 0; i < posts.length; i++) {\r\n if (a === 0) {\r\n newposts.push(new Object());\r\n newposts[newposts.length - 1].year = posts[i].year;\r\n if (posts[i].month === 1) {\r\n newposts[newposts.length - 1].january = posts[i].Total_Receipts;\r\n //////////console.log(temp['January']);\r\n }\r\n if (posts[i].month === 2) {\r\n newposts[newposts.length - 1].february =\r\n posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 3) {\r\n newposts[newposts.length - 1].march = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 4) {\r\n newposts[newposts.length - 1].april = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 5) {\r\n newposts[newposts.length - 1].may = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 6) {\r\n newposts[newposts.length - 1].june = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 7) {\r\n newposts[newposts.length - 1].july = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 8) {\r\n newposts[newposts.length - 1].august = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 9) {\r\n newposts[newposts.length - 1].september =\r\n posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 10) {\r\n newposts[newposts.length - 1].october = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 11) {\r\n newposts[newposts.length - 1].november =\r\n posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 12) {\r\n newposts[newposts.length - 1].december =\r\n posts[i].Total_Receipts;\r\n }\r\n // ////////console.log(\"Inside a\");\r\n //newposts.push(temp);\r\n a = 1;\r\n continue;\r\n }\r\n\r\n for (j = 0; j < newposts.length; j++) {\r\n if (newposts[j].year === posts[i].year) {\r\n if (posts[i].month === 1) {\r\n newposts[j].january = posts[i].Total_Receipts;\r\n //////////console.log(temp['January']);\r\n }\r\n if (posts[i].month === 2) {\r\n newposts[j].february = posts[i].Total_Receipts;\r\n //////////console.log(newposts[j]);\r\n }\r\n if (posts[i].month === 3) {\r\n newposts[j].march = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 4) {\r\n newposts[j].april = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 5) {\r\n newposts[j].may = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 6) {\r\n newposts[j].june = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 7) {\r\n newposts[j].july = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 8) {\r\n newposts[j].august = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 9) {\r\n newposts[j].september = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 10) {\r\n newposts[j].october = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 11) {\r\n newposts[j].november = posts[i].Total_Receipts;\r\n }\r\n if (posts[i].month === 12) {\r\n newposts[j].december = posts[i].Total_Receipts;\r\n a = 0;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n\r\n var yearposts = [];\r\n\r\n try {\r\n for (var k = 0; k < newposts.length; k++) {\r\n yearposts.push(new Object());\r\n\r\n yearposts[k].year = newposts[k].year;\r\n yearposts[k].total_revenue =\r\n newposts[k].january +\r\n newposts[k].february +\r\n newposts[k].march +\r\n newposts[k].april +\r\n newposts[k].may +\r\n newposts[k].june +\r\n newposts[k].july +\r\n newposts[k].august +\r\n newposts[k].september +\r\n newposts[k].october +\r\n newposts[k].november +\r\n newposts[k].december;\r\n }\r\n\r\n for (var l = 0; l < yearposts.length; l++) {\r\n if (l === 0) {\r\n yearposts[l].totalRevChange = \"0\";\r\n // yearposts[l].RevPARChange = '0';\r\n } else {\r\n yearposts[l].totalRevChange =\r\n \"$ \" +\r\n (yearposts[l].total_revenue - yearposts[l - 1].total_revenue)\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") +\r\n \" (\" +\r\n (\r\n (yearposts[l].total_revenue /\r\n yearposts[l - 1].total_revenue) *\r\n 100 -\r\n 100\r\n ).toFixed(2) +\r\n \"%)\";\r\n // yearposts[l].RevPARChange = '$ '+(yearposts[l].RevPar-yearposts[l-1].RevPar).toFixed(2)+ ' (' + ((((yearposts[l].RevPar/yearposts[l-1].RevPar)*100)-100).toFixed(2))+\"%)\";\r\n }\r\n }\r\n this.setState({\r\n yearposts,\r\n newposts,\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n window.location.replace(\"/logout\");\r\n });\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n let chartdisplay;\r\n if (this.state.dataLoadingStatus === \"ready\") {\r\n chartdisplay = (\r\n
\r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {renderInput({\r\n fullWidth: true,\r\n variant: \"outlined\",\r\n error: this.state.errormsg2 || this.state.errormsg1,\r\n classes,\r\n InputProps: getInputProps({\r\n // value: this.state.selectedItem,\r\n onChange: this.onInputChange,\r\n onKeyDown: event => {\r\n if (event.key === \"Enter\") {\r\n if (this.state.inputValue.trim() === \"\") {\r\n this.setState({ errormsg2: true });\r\n } else if (this.state.inputValue.trim().length < 3) {\r\n this.setState({ errormsg1: true });\r\n }\r\n }\r\n },\r\n }),\r\n label: \"Start typing a name, ZIP, city, or county\",\r\n })}\r\n {isOpen ? (\r\n \r\n \r\n {this.state.isSearching === true ? (\r\n \r\n ) : (\r\n options.slice(0, 10).map((item, index) => (\r\n \r\n \r\n \r\n {item.zipcodes ? (\r\n \r\n Search all properties in '\r\n \r\n {item.zipcodes}\r\n \r\n ' ?\r\n \r\n ) : null}\r\n {item.cities ? (\r\n \r\n Search all properties in City of{\" \"}\r\n \r\n '\r\n \r\n {item.cities}\r\n \r\n '?\r\n \r\n \r\n \r\n ) : null}\r\n {item.location_name ? (\r\n \r\n Search all properties in County of{\" \"}\r\n \r\n '\r\n \r\n {item.counties}\r\n \r\n '?\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n ))\r\n )}\r\n {this.state.noResults === true &&\r\n options.length === 0 ? (\r\n \r\n ) : null}\r\n \r\n \r\n ) : null}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n \r\n {item.address},\r\n \r\n {item.city},\r\n {item.state}\r\n \r\n {\" \"}\r\n {item.zip} -{\" \"}\r\n {item.status === \"1\" ? (\r\n \r\n \r\n {\" \"}\r\n Current{\" \"}\r\n \r\n \r\n ) : (\r\n \r\n \r\n {\" \"}\r\n Permit Ended{\" \"}\r\n \r\n \r\n \r\n {\" \"}\r\n (\r\n {\r\n item.responsibility_end_date\r\n }\r\n )\r\n \r\n {\" \"}\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n ) : null}\r\n {item.counties ? (\r\n {errormsg2}
\r\n{errormsg1}
\r\n{errormsg3}
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSearch.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles)(Search);\r\n","/* eslint-disable no-new-object */\r\nimport React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n height: 350,\r\n paddingTop: 100,\r\n },\r\n});\r\n\r\nclass GetDataTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n posts: [],\r\n token: \"\",\r\n getposts: [],\r\n isLoading: true,\r\n noOptions: false,\r\n displayMessage: \"SEARCHING...\",\r\n };\r\n //console.log(\"this is the getdata table props\");\r\n //console.log(this.props);\r\n }\r\n\r\n // on component initialization, get results and save to state as array of objects -- posts & getPosts\r\n componentDidMount() {\r\n axios\r\n .get(\r\n `${apiUrl}/rest/${this.props.match.params.type}/${this.props.match.params.month}/${this.props.match.params.year}/${this.props.match.params.item}/${this.props.match.params.itemvalue}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n }\r\n )\r\n .then(res => {\r\n const posts = res.data;\r\n //console.log(\"this is the data that the table is receiveing from query\")\r\n //console.log(posts);\r\n var getposts = [];\r\n for (var i = 0; i < posts.length; i++) {\r\n getposts.push(new Object());\r\n getposts[i].date = posts[i].date;\r\n getposts[i].filer_type = posts[i].filer_type;\r\n getposts[i].taxpayer_name = posts[i].taxpayer_name;\r\n getposts[i].taxpayer_address = posts[i].taxpayer_address;\r\n getposts[i].taxpayer_number = posts[i].taxpayer_number;\r\n getposts[i].taxpayer_city = posts[i].taxpayer_city;\r\n getposts[i].taxpayer_phone = posts[i].taxpayer_phone;\r\n getposts[i].obligation_end_date = posts[i].obligation_end_date;\r\n getposts[i].responsibility_begin_date =\r\n posts[i].responsibility_begin_date;\r\n getposts[i].responsibility_end_date =\r\n posts[i].responsibility_end_date;\r\n getposts[i].location_name = posts[i].location_name;\r\n getposts[i].location_phone = posts[i].location_phone;\r\n getposts[i].location_address = posts[i].location_address;\r\n getposts[i].location_city = posts[i].location_city;\r\n getposts[i].location_county = posts[i].verified_county;\r\n getposts[i].location_zip = posts[i].location_zip;\r\n getposts[i].room_receipts = posts[i].room_receipts;\r\n getposts[i].taxable_receipts = posts[i].taxable_receipts;\r\n getposts[i].RevPAR = posts[i].RevPAR;\r\n getposts[i].room_capacity = posts[i].room_capacity;\r\n getposts[i].month = posts[i].month;\r\n getposts[i].year = posts[i].year;\r\n }\r\n // console.log(getposts);\r\n // the the state to array of objects\r\n if (getposts.length === 0 || getposts) {\r\n this.setState({ displayMessage: \"No Records Found.\" });\r\n }\r\n this.setState({ getposts: getposts });\r\n this.setState({ posts: posts });\r\n this.setState({ isLoading: false });\r\n })\r\n .catch(e => {\r\n this.setState({ isLoading: false });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n\r\n componentDidUpdate(nextProps) {\r\n if (nextProps.queryFromSearch !== this.props.queryFromSearch) {\r\n axios\r\n .get(this.props.queryFromSearch, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n const posts = res.data;\r\n var getposts = [];\r\n try {\r\n for (var i = 0; i < posts.length; i++) {\r\n getposts.push(new Object());\r\n getposts[i].date = posts[i].date;\r\n getposts[i].filer_type = posts[i].filer_type;\r\n getposts[i].taxpayer_name = posts[i].taxpayer_name;\r\n getposts[i].taxpayer_address = posts[i].taxpayer_address;\r\n getposts[i].taxpayer_number = posts[i].taxpayer_number;\r\n getposts[i].taxpayer_city = posts[i].taxpayer_city;\r\n getposts[i].taxpayer_phone = posts[i].taxpayer_phone;\r\n getposts[i].obligation_end_date = posts[i].obligation_end_date;\r\n getposts[i].responsibility_begin_date =\r\n posts[i].responsibility_begin_date;\r\n getposts[i].responsibility_end_date =\r\n posts[i].responsibility_end_date;\r\n getposts[i].location_name = posts[i].location_name;\r\n getposts[i].location_phone = posts[i].location_phone;\r\n getposts[i].location_address = posts[i].location_address;\r\n getposts[i].location_city = posts[i].location_city;\r\n getposts[i].location_county = posts[i].verified_county;\r\n getposts[i].location_zip = posts[i].location_zip;\r\n getposts[i].room_receipts = posts[i].room_receipts;\r\n getposts[i].taxable_receipts = posts[i].taxable_receipts;\r\n getposts[i].RevPAR = posts[i].RevPAR;\r\n getposts[i].room_capacity = posts[i].room_capacity;\r\n getposts[i].month = posts[i].month;\r\n getposts[i].year = posts[i].year;\r\n }\r\n this.setState({\r\n getposts,\r\n posts,\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n //const columns = [\"Name\", \"Location City\", \"Total Revenue\", \"Taxable Revenue\"];\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.room_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Taxable Revenue\",\r\n field: \"taxable_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.taxable_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"RevPAR\",\r\n field: \"RevPAR\",\r\n type: \"html\",\r\n render: rowData => {\r\n return $ {rowData.RevPAR}
;\r\n },\r\n },\r\n {\r\n title: \"Total Number of Rooms\",\r\n field: \"room_capacity\",\r\n type: \"numeric\",\r\n },\r\n ]}\r\n data={this.state.posts}\r\n title=\"Hotel Search Results\"\r\n options={{\r\n columnsButton: true,\r\n pageSizeOptions: [10, 20, 50, 100],\r\n pageSize: 10,\r\n search: true,\r\n showEmptyDataSourceMessage: true,\r\n actionsColumnIndex: 10,\r\n loadingType: \"linear\",\r\n //maxBodyHeight: 800\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n //isLoading={this.state.isLoading}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.posts}\r\n title=\"MBT Search Results\"\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n pageSize: 10,\r\n search: true,\r\n showEmptyDataSourceMessage: true,\r\n actionsColumnIndex: 10,\r\n loadingType: \"linear\",\r\n //maxBodyHeight: 800\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n {this.props.match.params.type === \"mbt\" ?\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default SearchResults;\r\n","/* eslint-disable no-new-object */\r\nimport React, { useContext } from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n height: 350,\r\n paddingTop: 100,\r\n },\r\n});\r\n\r\nclass GetUniDataTable extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n posts: [],\r\n token: \"\",\r\n getposts: [],\r\n isLoading: true,\r\n noOptions: false,\r\n displayMessage: \"SEARCHING...\",\r\n };\r\n }\r\n\r\n // on component initialization, get results and save to state as array of objects -- posts & getPosts\r\n componentDidMount() {\r\n axios\r\n .get(\r\n `${apiUrl}/rest/search/${this.props.match.params.type}/${this.props.match.params.item}/${this.props.match.params.itemvalue}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n }\r\n )\r\n .then(res => {\r\n try {\r\n const posts = res.data;\r\n var getposts = [];\r\n for (var i = 0; i < posts.length; i++) {\r\n getposts.push(new Object());\r\n getposts[i].date = posts[i].date;\r\n getposts[i].filer_type = posts[i].filer_type;\r\n getposts[i].taxpayer_name = posts[i].taxpayer_name;\r\n getposts[i].taxpayer_address = posts[i].taxpayer_address;\r\n getposts[i].taxpayer_number = posts[i].taxpayer_number;\r\n getposts[i].taxpayer_city = posts[i].taxpayer_city;\r\n getposts[i].taxpayer_phone = posts[i].taxpayer_phone;\r\n getposts[i].obligation_end_date = posts[i].obligation_end_date;\r\n getposts[i].responsibility_begin_date =\r\n posts[i].responsibility_begin_date;\r\n getposts[i].responsibility_end_date =\r\n posts[i].responsibility_end_date;\r\n getposts[i].location_name = posts[i].location_name;\r\n getposts[i].location_phone = posts[i].location_phone;\r\n getposts[i].location_address = posts[i].location_address;\r\n getposts[i].location_city = posts[i].location_city;\r\n getposts[i].location_county = posts[i].verified_county;\r\n getposts[i].location_zip = posts[i].location_zip;\r\n getposts[i].room_receipts = posts[i].room_receipts;\r\n getposts[i].taxable_receipts = posts[i].taxable_receipts;\r\n getposts[i].RevPAR = posts[i].RevPAR;\r\n getposts[i].room_capacity = posts[i].room_capacity;\r\n getposts[i].month = posts[i].month;\r\n getposts[i].year = posts[i].year;\r\n }\r\n // console.log(getposts);\r\n // the the state to array of objects\r\n if (getposts.length === 0 || getposts) {\r\n this.setState({ displayMessage: \"No Records Found.\" });\r\n }\r\n this.setState({\r\n getposts,\r\n posts,\r\n isLoading: false,\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n this.setState({ isLoading: false });\r\n handleError(e, pathname);\r\n // window.location.replace('/login');\r\n });\r\n }\r\n\r\n componentDidUpdate(nextProps) {\r\n if (nextProps.queryFromSearch !== this.props.queryFromSearch) {\r\n axios\r\n .get(this.props.queryFromSearch, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n ////console.log(res);\r\n try {\r\n const posts = res.data;\r\n\r\n var getposts = [];\r\n for (var i = 0; i < posts.length; i++) {\r\n getposts.push(new Object());\r\n getposts[i].date = posts[i].date;\r\n getposts[i].filer_type = posts[i].filer_type;\r\n getposts[i].taxpayer_name = posts[i].taxpayer_name;\r\n getposts[i].taxpayer_address = posts[i].taxpayer_address;\r\n getposts[i].taxpayer_number = posts[i].taxpayer_number;\r\n getposts[i].taxpayer_city = posts[i].taxpayer_city;\r\n getposts[i].taxpayer_phone = posts[i].taxpayer_phone;\r\n getposts[i].obligation_end_date = posts[i].obligation_end_date;\r\n getposts[i].responsibility_begin_date =\r\n posts[i].responsibility_begin_date;\r\n getposts[i].responsibility_end_date =\r\n posts[i].responsibility_end_date;\r\n getposts[i].location_name = posts[i].location_name;\r\n getposts[i].location_phone = posts[i].location_phone;\r\n getposts[i].location_address = posts[i].location_address;\r\n getposts[i].location_city = posts[i].location_city;\r\n getposts[i].location_county = posts[i].verified_county;\r\n getposts[i].location_zip = posts[i].location_zip;\r\n getposts[i].room_receipts = posts[i].room_receipts;\r\n getposts[i].taxable_receipts = posts[i].taxable_receipts;\r\n getposts[i].RevPAR = posts[i].RevPAR;\r\n getposts[i].room_capacity = posts[i].room_capacity;\r\n getposts[i].month = posts[i].month;\r\n getposts[i].year = posts[i].year;\r\n }\r\n //console.log(getposts);\r\n this.setState({\r\n getposts,\r\n posts,\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n //const columns = [\"Name\", \"Location City\", \"Total Revenue\", \"Taxable Revenue\"];\r\n return (\r\n \r\n
\r\n // \r\n //
\r\n\r\n \r\n {this.props.match.params.type === \"mbt\" ?\r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default SearchResults;","import React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Menu from \"@material-ui/core/Menu\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport ReactGA from \"react-ga\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport DeleteIcon from \"@material-ui/icons/Delete\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\nimport Fab from \"@material-ui/core/Fab\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n flexGrow: 1,\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n fab: {\r\n margin: theme.spacing(2),\r\n },\r\n avatar: {\r\n margin: 0,\r\n },\r\n pinkAvatar: {\r\n margin: 0,\r\n color: \"#fff\",\r\n backgroundColor: \"#d50000\",\r\n width: 50,\r\n height: 30,\r\n borderRadius: 5,\r\n fontSize: 13,\r\n },\r\n greenAvatar: {\r\n margin: 0,\r\n color: \"#fff\",\r\n backgroundColor: \"#0d47a1\",\r\n width: 50,\r\n height: 30,\r\n borderRadius: 5,\r\n fontSize: 12,\r\n },\r\n absolute: {\r\n backgroundColor: \"#d50000\",\r\n float: \"right\",\r\n \"&:hover\": {\r\n backgroundColor: \"#f44336\",\r\n },\r\n },\r\n});\r\nconst portfoliotypes = [\r\n {\r\n value: \"0\",\r\n label: \"Hotel\",\r\n },\r\n {\r\n value: \"1\",\r\n label: \"MBT\",\r\n },\r\n];\r\nclass Portfolio extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n posts: [],\r\n token: \"\",\r\n dataLoadingStatus: \"loading\",\r\n chartData: [],\r\n value: 0,\r\n type: \"0\",\r\n portfolio: \"\",\r\n errormsg: false,\r\n id: \"\",\r\n portfoliotypes: 0,\r\n open: false,\r\n pid: \"\",\r\n title: \"Create New Portfolio\",\r\n confirmDelete: false,\r\n nameValidation: false,\r\n label: \"Portfolio Name\",\r\n selectedItem: \"\",\r\n loading: true,\r\n displayMessage: \"SEARCHING...\",\r\n };\r\n\r\n this.toggleDeleteConfirm = this.toggleDeleteConfirm.bind(this);\r\n }\r\n\r\n handleChange = name => event => {\r\n try {\r\n let filterPercent = /%/;\r\n let test1 = filterPercent.test(event.target.value);\r\n if (test1) {\r\n this.setState({ nameValidation: true });\r\n } else {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n this.setState({ nameValidation: false });\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n };\r\n\r\n handleClick() {\r\n if (this.state.portfolio === \"\") {\r\n this.setState({ errormsg: true });\r\n return;\r\n }\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/portfolio/`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n data: { portfolio: this.state.portfolio, type: this.state.type },\r\n })\r\n .then(res => {\r\n try {\r\n if (res.data) {\r\n this.setState({ anchorEl: null });\r\n axios({\r\n method: \"get\",\r\n url: `${apiUrl}/rest/portfolio`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n const posts = res.data;\r\n this.setState({\r\n posts: posts,\r\n //loading: false\r\n });\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n });\r\n this.setState({ portfolio: null });\r\n this.setState({ type: 0 });\r\n this.setState({ title: \"Portfolio Created\" });\r\n setTimeout(\r\n function() {\r\n this.setState({ title: \"Create New Portfolio\" });\r\n }.bind(this),\r\n 5000\r\n );\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n }\r\n\r\n handleClickOpen = id => {\r\n this.setState({ open: true });\r\n };\r\n\r\n handleClickDelete() {\r\n this.setState({ confirmDelete: true });\r\n }\r\n\r\n toggleDeleteConfirm(id) {\r\n try {\r\n this.setState({ confirmDelete: !this.state.confirmDelete });\r\n let { posts } = this.state;\r\n posts.map(post => {\r\n if (post.id === id) {\r\n this.setState({ selectedItem: post });\r\n }\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n handleConfirmedDelete(id) {\r\n try {\r\n this.setState({ confirmDelete: false });\r\n axios({\r\n method: \"delete\",\r\n url: `${apiUrl}/rest/portfolio`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n data: { id: id },\r\n })\r\n .then(res => {\r\n this.setState({ open: false });\r\n axios({\r\n method: \"get\",\r\n url: `${apiUrl}/rest/portfolio`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n const posts = res.data;\r\n this.setState({ posts: posts });\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n handleMenu = event => {\r\n this.setState({ anchorEl: event.currentTarget });\r\n };\r\n\r\n handleClose = () => {\r\n this.setState({ anchorEl: null });\r\n this.setState({ errormsg: false });\r\n this.setState({ portfolio: \"\" });\r\n this.setState({ type: \"0\" });\r\n this.setState({ open: false });\r\n };\r\n\r\n componentDidMount() {\r\n document.title = \"Portfolio - Search Texas Tax\";\r\n ReactGA.initialize(\"UA-80211377-3\");\r\n ReactGA.pageview(window.location.pathname);\r\n\r\n axios({\r\n method: \"get\",\r\n url: `${apiUrl}/rest/portfolio`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n if (res.data.length === 0) {\r\n this.setState({\r\n displayMessage: \"No Records Found.\",\r\n loading: false,\r\n });\r\n } else {\r\n const posts = res.data;\r\n this.setState({ posts: posts, loading: false });\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n const { anchorEl } = this.state;\r\n const open = Boolean(anchorEl);\r\n //const { value } = this.state;\r\n let errormsg;\r\n if (this.state.errormsg === true) {\r\n errormsg = (\r\n \r\n
Please Enter a portfolio name to create one.
\r\n );\r\n }\r\n\r\n return (\r\n //\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n {rowData.portfolio}\r\n \r\n );\r\n },\r\n },\r\n {\r\n title: \"Type\",\r\n render: rowData => {\r\n if (rowData.type === 0) {\r\n return (\r\n Hotel \r\n );\r\n } else {\r\n return MBT ;\r\n }\r\n },\r\n },\r\n {\r\n title: \"Options\",\r\n render: rowData => {\r\n return (\r\n this.toggleDeleteConfirm(rowData.id)}\r\n >\r\n \r\n\r\n \r\n {`Delete \"${this.state.selectedItem.portfolio}\" ?`} \r\n \r\n \r\n Once deleted the action cannot be undone. Still delete?\r\n \r\n \r\n \r\n \r\n \r\n this.handleConfirmedDelete(this.state.selectedItem.id)\r\n }\r\n color=\"primary\"\r\n autoFocus\r\n >\r\n Yes, Delete\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nPortfolio.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(Portfolio);\r\n","/* eslint-disable no-new-wrappers */\r\nexport const dollar = (number) => {\r\n\r\n\r\n\r\n var decimalplaces = 2;\r\n var decimalcharacter = \".\";\r\n var thousandseparater = \",\";\r\n number = parseFloat(number);\r\n\r\n var formatted = new String(number.toFixed(decimalplaces));\r\n if (decimalcharacter.length && decimalcharacter !== \".\") { formatted = formatted.replace(/\\./, decimalcharacter); }\r\n var integer = \"\";\r\n var fraction = \"\";\r\n var strnumber = new String(formatted);\r\n var dotpos = decimalcharacter.length ? strnumber.indexOf(decimalcharacter) : -1;\r\n if (dotpos > -1) {\r\n if (dotpos) { integer = strnumber.substr(0, dotpos); }\r\n fraction = strnumber.substr(dotpos + 1);\r\n }\r\n else { integer = strnumber; }\r\n if (integer) { integer = String(Math.abs(integer)); }\r\n while (fraction.length < decimalplaces) { fraction += \"0\"; }\r\n var temparray = [];\r\n while (integer.length > 3) {\r\n temparray.unshift(integer.substr(-3));\r\n integer = integer.substr(0, integer.length - 3);\r\n }\r\n temparray.unshift(integer);\r\n integer = temparray.join(thousandseparater);\r\n var result = '$' + integer + decimalcharacter + fraction;\r\n return result;\r\n}\r\n\r\n\r\n// function to add all values in object\r\nexport const sum = (obj) => {\r\n var sum = 0;\r\n for (var el in obj) {\r\n if (obj.hasOwnProperty(el) && el !== \"year\") {\r\n sum += obj[el];\r\n }\r\n }\r\n return sum;\r\n}\r\n\r\n","/* eslint-disable no-new-object */\r\nimport React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Chart } from \"react-google-charts\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport ReactGA from \"react-ga\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport { sum } from \"./helper\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nimport moment from \"moment\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n \r\n {props.children}\r\n \r\n );\r\n}\r\n\r\nTabContainer.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n Red: {\r\n color: \"red\",\r\n top: \"5px\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n fontWeight: \"1000!important\",\r\n },\r\n Green: {\r\n color: \"green\",\r\n top: \"5px\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n fontWeight: \"1000!important\",\r\n },\r\n Grey: {\r\n color: \"gray\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n marginBottom: \"5px\",\r\n },\r\n formControl: {\r\n margin: theme.spacing(1),\r\n minWidth: 120,\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2),\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n progress: {\r\n margin: theme.spacing(2),\r\n },\r\n});\r\n\r\nconst durations = [\r\n {\r\n value: \"1\",\r\n label: \"1 year\",\r\n },\r\n {\r\n value: \"3\",\r\n label: \"3 years\",\r\n },\r\n {\r\n value: \"5\",\r\n label: \"5 years\",\r\n },\r\n {\r\n value: \"10\",\r\n label: \"10 years\",\r\n },\r\n {\r\n value: \"99\",\r\n label: \"All\",\r\n },\r\n];\r\n\r\nclass City extends React.Component {\r\n state = {\r\n posts: [],\r\n rawposts: [],\r\n newposts: [],\r\n yearposts: [],\r\n token: \"\",\r\n dataLoadingStatus: \"loading\",\r\n chartData: [],\r\n value: 0,\r\n duration: \"1\",\r\n labelWidth: 0,\r\n age: \"\",\r\n //tableLoading\r\n monthlyLoading: true,\r\n yearlyLoading: true,\r\n completeLoading: true,\r\n displayMessage: \"SEARCHING...\",\r\n };\r\n\r\n getRowsFromDataFromYearsAgo = (data, yearsAgo) => {\r\n const currentDate = moment().startOf(\"month\");\r\n const fromDate = moment().startOf(\"month\").subtract(yearsAgo, \"years\");\r\n const rows = data\r\n .filter(({ year, month }) => {\r\n const thisElementDate = moment().set({\r\n year,\r\n month: month - 1,\r\n date: 1,\r\n });\r\n return thisElementDate >= fromDate && thisElementDate <= currentDate;\r\n })\r\n .map(({ year, month, Total_Revenue, RevPar }) => {\r\n const date = moment()\r\n .set({ year, month: month - 1, date: 1 })\r\n .toDate();\r\n return [date, Total_Revenue, RevPar];\r\n });\r\n return rows;\r\n };\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n };\r\n handleChange1 = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n\r\n axios\r\n .get(`${apiUrl}/rest/basic/city/${this.props.match.params.city}`, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n const columns = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Total Revenue\" },\r\n { type: \"number\", label: \"RevPar\" },\r\n ];\r\n\r\n const rows = this.getRowsFromDataFromYearsAgo(\r\n res.data,\r\n event.target.value\r\n );\r\n\r\n this.setState({\r\n chartData: [columns, ...rows],\r\n dataLoadingStatus: \"ready\",\r\n });\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n });\r\n };\r\n componentDidMount() {\r\n document.title = this.props.match.params.city + \",TX - Search Texas Tax\";\r\n ReactGA.initialize(\"UA-80211377-3\");\r\n ReactGA.pageview(window.location.pathname);\r\n\r\n axios\r\n .get(`${apiUrl}/rest/basic/city/${this.props.match.params.city}`, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n const columns = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Total Revenue\" },\r\n { type: \"number\", label: \"RevPar\" },\r\n ];\r\n\r\n const rows = this.getRowsFromDataFromYearsAgo(res.data, 1);\r\n\r\n this.setState({\r\n chartData: [columns, ...rows],\r\n dataLoadingStatus: \"ready\",\r\n });\r\n\r\n const rawposts = res.data;\r\n this.setState({ rawposts: rawposts, completeLoading: false });\r\n\r\n const posts = res.data;\r\n this.setState({ posts: posts });\r\n\r\n var i = 0;\r\n var j = 0;\r\n var a = 0;\r\n var newposts = [];\r\n //var newmonth = 0;\r\n //console.log(posts);\r\n try {\r\n for (i = 0; i < posts.length; i++) {\r\n if (a === 0) {\r\n newposts.push(new Object());\r\n //console.log(newposts.length)\r\n newposts[newposts.length - 1].year = posts[i].year;\r\n //console.log(newposts[newposts.length - 1].year);\r\n if (posts[i].month === 1) {\r\n newposts[newposts.length - 1].january = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 2) {\r\n newposts[newposts.length - 1].february = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 3) {\r\n newposts[newposts.length - 1].march = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 4) {\r\n newposts[newposts.length - 1].april = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 5) {\r\n newposts[newposts.length - 1].may = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 6) {\r\n newposts[newposts.length - 1].june = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 7) {\r\n newposts[newposts.length - 1].july = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 8) {\r\n newposts[newposts.length - 1].august = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 9) {\r\n newposts[newposts.length - 1].september =\r\n posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 10) {\r\n newposts[newposts.length - 1].october = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 11) {\r\n newposts[newposts.length - 1].november = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 12) {\r\n newposts[newposts.length - 1].december = posts[i].Total_Revenue;\r\n }\r\n a = 1;\r\n continue;\r\n }\r\n\r\n for (j = 0; j < newposts.length; j++) {\r\n if (newposts[j].year === posts[i].year) {\r\n if (posts[i].month === 1) {\r\n newposts[j].january = posts[i].Total_Revenue;\r\n ////////////console.log(temp['January']);\r\n }\r\n if (posts[i].month === 2) {\r\n newposts[j].february = posts[i].Total_Revenue;\r\n ////////////console.log(newposts[j]);\r\n }\r\n if (posts[i].month === 3) {\r\n newposts[j].march = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 4) {\r\n newposts[j].april = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 5) {\r\n newposts[j].may = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 6) {\r\n newposts[j].june = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 7) {\r\n newposts[j].july = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 8) {\r\n newposts[j].august = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 9) {\r\n newposts[j].september = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 10) {\r\n newposts[j].october = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 11) {\r\n newposts[j].november = posts[i].Total_Revenue;\r\n }\r\n if (posts[i].month === 12) {\r\n newposts[j].december = posts[i].Total_Revenue;\r\n a = 0;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n var yearposts = [];\r\n var currentd = new Date();\r\n var current = currentd.getFullYear();\r\n for (var k = 0; k < newposts.length; k++) {\r\n yearposts.push(new Object());\r\n ////console.log(newposts[1]);\r\n //console.log(yearposts);\r\n yearposts[k].year = newposts[k].year;\r\n\r\n // if current year only add what's available in current year\r\n if (newposts[k].year === current) {\r\n yearposts[k].total_revenue = sum(newposts[k]);\r\n } else {\r\n // yearposts[k].total_revenue = newposts[k].january+newposts[k].february+newposts[k].march+newposts[k].april+newposts[k].may+newposts[k].june+\r\n // newposts[k].july+newposts[k].august+newposts[k].september+newposts[k].october+newposts[k].november+newposts[k].december;\r\n yearposts[k].total_revenue = sum(newposts[k]);\r\n }\r\n }\r\n for (var l = 0; l < yearposts.length; l++) {\r\n if (l === 0 || yearposts[l].year === current) {\r\n yearposts[l].totalRevChange = \"$0 (0%)\";\r\n } else {\r\n yearposts[l].totalRevChange =\r\n \"$ \" +\r\n (yearposts[l].total_revenue - yearposts[l - 1].total_revenue)\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") +\r\n \" (\" +\r\n (\r\n (yearposts[l].total_revenue /\r\n yearposts[l - 1].total_revenue) *\r\n 100 -\r\n 100\r\n ).toFixed(2) +\r\n \"%)\";\r\n // yearposts[l].RevPARChange = '$ '+(yearposts[l].RevPar-yearposts[l-1].RevPar).toFixed(2)+ ' (' + ((((yearposts[l].RevPar/yearposts[l-1].RevPar)*100)-100).toFixed(2))+\"%)\";\r\n }\r\n }\r\n this.setState({ yearposts: yearposts, yearlyLoading: false });\r\n this.setState({ newposts: newposts, monthlyLoading: false });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n });\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n let chartdisplay;\r\n if (this.state.dataLoadingStatus === \"ready\") {\r\n chartdisplay = (\r\n
\r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n \r\n {errormsg}\r\n \r\n {portfoliotypes.map(option => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Portfolio
\r\n {/* Test */}\r\n\r\n \r\n Select a Portfolio that you would like to view below, or\r\n create a new portfolio by clicking on the Add icon.\r\n \r\n
\r\n \r\n {\r\n this.handleClick();\r\n }}\r\n >\r\n Create\r\n \r\n
\r\n \r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n 1: { axis: \"Number_Of_Rooms_Available\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (rowData.january === undefined) {\r\n rowData.january = 0;\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.totalRevChange !== \"$0 (0%)\") {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_upward \r\n \r\n \r\n );\r\n } else\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.yearposts}\r\n title={`Yearly Data: ${this.props.match.params.city}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nCity.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(City);\r\n","/* eslint-disable no-new-object */\r\nimport React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Chart } from \"react-google-charts\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport PropTypes from \"prop-types\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport ReactGA from \"react-ga\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.match.params.city}
\r\n\r\n \r\n Hotel Occupancy Tax Receipts\r\n \r\n
\r\n \r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: ${this.props.match.params.city}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.Total_Revenue.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: ${this.props.match.params.city}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Receipts\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n if (rowData.january === undefined) {\r\n rowData.january = 0;\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nMBTCity.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(MBTCity);\r\n","/* eslint-disable no-new-object */\r\nimport React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Chart } from \"react-google-charts\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n//import { dollar } from './helper';\r\nimport ReactGA from \"react-ga\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { sum } from \"./helper\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nimport moment from \"moment\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.match.params.city}
\r\n\r\n \r\n Hotel Occupancy Tax Receipts\r\n \r\n
\r\n \r\n ${\" \"}\r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: ${this.props.match.params.city}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n exportButton: true,\r\n ordering: \"desc\",\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n \r\n {rowData.totalRevChange}\r\n arrow_downward \r\n
\r\n );\r\n } else if (rowData.totalRevChange !== \"0\") {\r\n return (\r\n \r\n {rowData.totalRevChange}\r\n arrow_upward \r\n
\r\n );\r\n } else return {rowData.totalRevChange}
;\r\n },\r\n type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearposts}\r\n title={`Yearly Data: ${this.props.match.params.city}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.Total_Receipts.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: ${this.props.match.params.city}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n //End of first Graph\r\n\r\n //City Graph:\r\n let chartdisplaycity;\r\n if (this.state.dataLoadingStatusCity === \"ready\") {\r\n chartdisplaycity = (\r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDataCity}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"100%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplaycity = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n //End of City Graph\r\n\r\n const { classes } = this.props;\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n {value === 1 && {chartdisplaycity} }\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (rowData.january === undefined) {\r\n rowData.january = 0;\r\n }\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.totalRevChange !== \"$0 (0%)\") {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_upward \r\n \r\n \r\n );\r\n } else\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearposts}\r\n title={`Yearly Data: ${this.props.match.params.county}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nCounty.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(County);\r\n","/* eslint-disable no-new-object */\r\nimport React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Chart } from \"react-google-charts\";\r\nimport PropTypes from \"prop-types\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n//import { dollar } from './helper';\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport ReactGA from \"react-ga\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.match.params.county}
\r\n\r\n \r\n County Data\r\n \r\n
\r\n \r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: ${this.props.match.params.county}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n $ \r\n {rowData.Total_Revenue.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n { title: \"Total Rooms\", field: \"Total_Number_of_Rooms\" },\r\n {\r\n title: \"RevPar\",\r\n field: \"RevPar\",\r\n type: \"html\",\r\n render: rowData => {\r\n return $ {rowData.RevPar}
;\r\n },\r\n },\r\n ]}\r\n data={this.state.cityposts}\r\n title={`By City: ${this.props.match.params.county}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n $ \r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n \r\n $ \r\n {rowData.Total_Revenue.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: ${this.props.match.params.county}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n exportButton: true,\r\n ordering: \"desc\",\r\n }}\r\n />\r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n\r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Monthly Revenue - County\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Receipts\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n const { classes } = this.props;\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n if (rowData.january === undefined) {\r\n rowData.january = 0;\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nMBTCounty.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(MBTCounty);\r\n","\r\n// How many years user can select at a time\r\nexport const durations = [\r\n {\r\n value: \"1\",\r\n label: \"1 year\"\r\n },\r\n {\r\n value: \"3\",\r\n label: \"3 years\"\r\n },\r\n {\r\n value: \"5\",\r\n label: \"5 years\"\r\n },\r\n {\r\n value: \"10\",\r\n label: \"10 years\"\r\n },\r\n {\r\n value: \"100\",\r\n label: \"All\"\r\n }\r\n]\r\n\r\n\r\n// How many years user can select at a time\r\nexport const durations1 = [\r\n {\r\n value: \"1\",\r\n label: \"1 year\"\r\n },\r\n {\r\n value: \"3\",\r\n label: \"3 years\"\r\n },\r\n {\r\n value: \"5\",\r\n label: \"5 years\"\r\n },\r\n {\r\n value: \"10\",\r\n label: \"10 years\"\r\n },\r\n {\r\n value: \"100\",\r\n label: \"All\"\r\n }\r\n ];\r\n\r\nexport const durationsttm = [\r\n {\r\n value: \"1\",\r\n label: \"1 year\"\r\n },\r\n {\r\n value: \"3\",\r\n label: \"3 years\"\r\n },\r\n {\r\n value: \"5\",\r\n label: \"5 years\"\r\n },\r\n {\r\n value: \"10\",\r\n label: \"10 years\"\r\n },\r\n {\r\n value: \"100\",\r\n label: \"All\"\r\n }\r\n ];\r\n\r\nexport const durationsttmrevpar = [\r\n {\r\n value: \"1\",\r\n label: \"1 year\"\r\n },\r\n {\r\n value: \"3\",\r\n label: \"3 years\"\r\n },\r\n {\r\n value: \"5\",\r\n label: \"5 years\"\r\n },\r\n {\r\n value: \"10\",\r\n label: \"10 years\"\r\n },\r\n {\r\n value: \"100\",\r\n label: \"All\"\r\n }\r\n ];\r\n ","import React from 'react';\r\nimport \"./infoWindow.css\";\r\n\r\nfunction InfoWindow(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.match.params.county}
\r\n\r\n \r\n County Data\r\n \r\n
\r\n \r\n ${\" \"}\r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: ${this.props.match.params.county}`}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.Total_Receipts.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.cityposts}\r\n title={`By City: ${this.props.match.params.county}`}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n \r\n {rowData.totalRevChange}\r\n arrow_downward \r\n
\r\n );\r\n } else if (rowData.totalRevChange !== \"0\") {\r\n return (\r\n \r\n {rowData.totalRevChange}\r\n arrow_upward \r\n
\r\n );\r\n } else return {rowData.totalRevChange}
;\r\n },\r\n type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearposts}\r\n title={`Yearly Data: ${this.props.match.params.county}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.Total_Receipts.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: ${this.props.match.params.county}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n exportButton: true,\r\n }}\r\n />\r\n \r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\nexport default InfoWindow;","import React, { Component } from 'react';\r\nimport InfoWindow from './InfoWindow';\r\nimport './Marker.css';\r\n\r\nconst checkDiv = (content, mouseOver, mouseOut) => {\r\n return \r\n {checkDiv(props.children, props.mouseOver, props.mouseOut)}\r\n
\r\n )\r\n}\r\n\r\nexport default GoogleMapMarker;","import axios from \"axios\";\r\nimport { apiUrl } from \"../helpers\";\r\n\r\n// const apiUrl = `https://api.searchtexastax.com/rest/basic`;\r\n\r\n// const data = {\r\n// data: {\r\n// taxpayer_number: taxPayerNumber,\r\n// location_number: locationNum\r\n// },\r\n// }\r\n\r\nexport default {\r\n getOneHotelLatLong: (taxPayerNum, locationNum) => {\r\n return axios.get(`${apiUrl}/rest/basic/map/${taxPayerNum}/${locationNum}`, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n });\r\n },\r\n\r\n getHotelInfo: () =>\r\n axios.get(``, {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n }),\r\n\r\n getHotelFinanceRecordMonthly: (hotelName, taxPayerNum, locationNum, cancel) =>\r\n axios.get(\r\n `${apiUrl}/rest/basic/${hotelName\r\n .replace(\"/\", \"(slash)\")\r\n .replace(\"#\", \"(hash)\")\r\n .trim()}/${taxPayerNum}/${locationNum}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n },\r\n `cancelToken: ${cancel}`\r\n ),\r\n\r\n getHotelFinanceRecordYearly: (\r\n hotelName,\r\n taxPayerNum,\r\n locationNum,\r\n filerType,\r\n cancel\r\n ) =>\r\n axios.get(\r\n `${apiUrl}/rest/basic/testyearlyvalues/${hotelName}/${taxPayerNum}/${locationNum}/${filerType}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n },\r\n `cancelToken:${cancel}`\r\n ),\r\n\r\n getHotelFinanceRecordYearlyMBT: (taxPayerNum, locationNum) =>\r\n axios.get(\r\n `${apiUrl}/rest/mbt/testyearlyvalues/${taxPayerNum}/${locationNum}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n }\r\n ),\r\n\r\n getHotelFinanceRecordLastTwelveMonth: (\r\n yearlyPosts,\r\n hotelName,\r\n taxPayerNum,\r\n locationNum,\r\n filerType\r\n ) =>\r\n axios.get(\r\n `${apiUrl}/rest/basic/testlastyearlyvalues/${yearlyPosts}/${hotelName}/${taxPayerNum}/${locationNum}/${filerType}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n }\r\n ),\r\n\r\n // not implemented line ~969\r\n // getHotelFinanceRecordLastTwelveMonth: function(yearlyPosts, hotelName, taxPayerNum, locationNum, filerType, cancel) {\r\n // return axios.get(`${apiUrl}/rest/basic/testlastyearlyvalues/${yearlyPosts}/${hotelName}/${taxPayerNum}/${locationNum}/${filerType}`,\r\n // {\r\n // headers: {\r\n // authorization: 'Bearer ' + localStorage.getItem('token'),\r\n // },\r\n // cancelToken: cancel\r\n // })\r\n // },\r\n\r\n postHotelHistory: function(taxPayerNumber, locationNum, cancel) {\r\n return axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/basic/hotelhistory`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n },\r\n data: {\r\n taxpayer_number: taxPayerNumber,\r\n location_number: locationNum,\r\n },\r\n cancelToken: cancel,\r\n //data: {\r\n // location_address: this.state.postsaddress,\r\n // location_number: this.props.match.params.locationnumber,\r\n // location_city: this.state.postscity\r\n // }\r\n });\r\n },\r\n\r\n // postHotelHistory: (taxPayerNumber, locationNum, cancel) =>\r\n // axios.post(`${apiUrl}/hotelhistory`,\r\n // headers, data,\r\n // `cancelToken: ${cancel}`\r\n\r\n // )\r\n};\r\n","import React, { Component } from 'react'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport { withRouter } from 'react-router-dom'\r\n// import { withGoogleMap, GoogleMap, InfoWindow, withScriptjs } from 'react-google-maps'\r\nimport GoogleMapReact from 'google-map-react'\r\nimport GoogleMapMarkers from './GoogleMapMarker'\r\nimport API from '../utils/API'\r\n\r\nconst styles = theme => ({\r\n googleMapRender: {\r\n [theme.breakpoints.down('xs')]: {\r\n height: '300px',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n height: '300px',\r\n },\r\n [theme.breakpoints.up('md')]: {\r\n height: '200px',\r\n },\r\n },\r\n})\r\n\r\nclass GoogleMap extends React.Component {\r\n state = {\r\n showInfoWindow: false,\r\n index: '',\r\n address: this.props.address,\r\n }\r\n\r\n static defaultProps = {\r\n zoom: 15,\r\n }\r\n\r\n handleMouseOver = index => {\r\n return () => {\r\n this.setState({ showInfoWindow: true, index: index })\r\n }\r\n }\r\n\r\n handleMouseExit = (index, props) => {\r\n this.setState({ showInfoWindow: false })\r\n }\r\n\r\n renderInfoWindow = props => {}\r\n\r\n render() {\r\n const { classes, theme } = this.props\r\n\r\n return (\r\n // \r\n \r\n {props.children}\r\n \r\n );\r\n}\r\nfunction Transition(props) {\r\n return
\r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n \r\n \r\n {/* {(this.state.showInfoWindow === true) ? (\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(withStyles(styles)(GoogleMap))\r\n","import React, { Component } from \"react\";\r\n// import { withRouter } from \"react-router-dom\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport ReactGA from \"react-ga\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport axios from \"axios\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// Components\r\nimport ListTaxPayerProp from \"./ListTaxPayerProp\";\r\n// import ListHotels from './ListHotels';\r\n\r\n// material-ui components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardHeader from \"@material-ui/core/CardHeader\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\n\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\n\r\nimport MaterialTable from \"material-table\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { Chart } from \"react-google-charts\";\r\n\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport ExpansionPanel from \"@material-ui/core/ExpansionPanel\";\r\nimport ExpansionPanelSummary from \"@material-ui/core/ExpansionPanelSummary\";\r\nimport ExpansionPanelDetails from \"@material-ui/core/ExpansionPanelDetails\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Popover from \"@material-ui/core/Popover\";\r\nimport shortid from \"shortid\";\r\nimport uuid from \"uuid\";\r\nimport moment from \"moment\";\r\nimport grey from \"@material-ui/core/colors/grey\";\r\nimport {\r\n durations,\r\n durations1,\r\n durationsttm,\r\n durationsttmrevpar,\r\n} from \"../utils/googleChartHelper\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\nimport GoogleMapReact from \"./GoogleMap\";\r\n// import GoogleMapReact from './GoogleMap';\r\nimport Fab from \"@material-ui/core/Fab\";\r\nimport API from \"../utils/API\";\r\nimport { CardContent } from \"@material-ui/core\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\n// blue, scarlette, golden, green, purpple, aqua, lightorange, booger-green, indigo, blossom-pink, dark-aqua, dark-pink\r\nlet chartColors = [\r\n \"#4285f4\",\r\n \"#db4437\",\r\n \"#f4b400\",\r\n \"#0f9d58\",\r\n \"#ab47bc\",\r\n \"#00acc1\",\r\n \"#ff7043\",\r\n \"#9e9d24\",\r\n \"#5c6bc0\",\r\n \"#f06292\",\r\n \"#00796b\",\r\n \"#c2185b\",\r\n];\r\nchartColors = [...chartColors];\r\n\r\nconst sideBarColor = grey[300];\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n This is the window {`${this.state.address}`}
) : false\r\n } */}\r\n {/* {this.renderInfoWindow()} */}\r\n \r\n \r\n \"TEST\"
) };\r\nTabContainer.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\nconst styles = theme => ({\r\n card: {\r\n minHeight: \"300px\",\r\n [theme.breakpoints.down(\"xs\")]: {\r\n minHeight: \"300px\",\r\n overflow: \"auto\",\r\n maxHeight: \"300px\",\r\n },\r\n [theme.breakpoints.up(\"sm\")]: {\r\n // minHeight: '300px',\r\n maxHeight: \"300px\",\r\n overflow: \"auto !important\",\r\n },\r\n },\r\n typography: {\r\n margin: 0,\r\n padding: 0,\r\n },\r\n typography3: {\r\n marginTop: 0,\r\n padding: 0,\r\n fontSize: \"100%\",\r\n [theme.breakpoints.down(\"xs\")]: {\r\n fontSize: \".5rem\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: \"1rem\",\r\n },\r\n },\r\n listItem: {\r\n paddingTop: \"4px\",\r\n paddingBottom: \"4px\",\r\n marginTop: \"0px\",\r\n marginBottom: \"0px\",\r\n },\r\n map: {\r\n [theme.breakpoints.down(\"md\")]: {\r\n height: \"200px\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n height: \"25vh\",\r\n },\r\n },\r\n popover: {\r\n pointerEvents: \"none\",\r\n //padding: '15px!important',\r\n //margin: '15px!important',\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n textAlign: \"center\",\r\n color: theme.palette.text.secondary,\r\n },\r\n\r\n fab: {\r\n margin: theme.spacing(2),\r\n },\r\n absolute: {\r\n position: \"fixed\",\r\n bottom: theme.spacing(2),\r\n right: theme.spacing(3),\r\n backgroundColor: \"#d50000\",\r\n zIndex: \"2000\",\r\n \"&:hover\": {\r\n backgroundColor: \"#f44336\",\r\n },\r\n },\r\n button: {\r\n textTransform: \"Capitalize\",\r\n color: \"rgba(0, 0, 0, 0.54)\",\r\n },\r\n legend: {\r\n position: \"none\",\r\n },\r\n Red: {\r\n color: \"red\",\r\n top: \"5px\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n fontWeight: \"1000!important\",\r\n },\r\n Green: {\r\n color: \"green\",\r\n top: \"5px\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n fontWeight: \"1000!important\",\r\n },\r\n Grey: {\r\n color: \"gray\",\r\n position: \"relative\",\r\n fontSize: \"21px!important\",\r\n marginBottom: \"5px\",\r\n },\r\n avatar: {\r\n margin: 0,\r\n },\r\n pinkAvatar: {\r\n margin: 0,\r\n color: \"#fff\",\r\n backgroundColor: \"#d50000\",\r\n width: 120,\r\n height: 30,\r\n borderRadius: 5,\r\n fontSize: 15,\r\n textTransform: \"Capitalize\",\r\n },\r\n subtext: {\r\n textTransform: \"Capitalize\",\r\n },\r\n subtext2: {\r\n height: 25,\r\n fontSize: \".9rem\",\r\n paddingTop: 3,\r\n paddingLeft: 5,\r\n },\r\n link: {\r\n color: \"white\",\r\n fontWeight: \"bold\",\r\n \"&:hover\": {\r\n textDecoration: \"none\",\r\n color: \"#2196f3\",\r\n },\r\n },\r\n propertyLink: {\r\n color: \"black\",\r\n \"&:hover\": {\r\n textDecoration: \"none\",\r\n color: \"#1e88e5\",\r\n },\r\n paddingTop: \"4px\",\r\n paddingBottom: \"4px\",\r\n },\r\n divider: {\r\n marginTop: 10,\r\n zIndex: 3,\r\n },\r\n mbt: {\r\n margin: 0,\r\n color: \"#fff\",\r\n backgroundColor: \"#0d47a1\",\r\n borderRadius: 5,\r\n fontSize: \".8rem\",\r\n padding: \".5px 2px\",\r\n },\r\n mbtDot: {\r\n height: 10,\r\n width: 10,\r\n paddingRight: 5,\r\n backgroundColor: \"#0d47a1\",\r\n borderRadius: \"50%\",\r\n display: \"inline-block\",\r\n },\r\n hotelDot: {\r\n height: 10,\r\n width: 10,\r\n paddingRight: 5,\r\n backgroundColor: \"#d50000\",\r\n borderRadius: \"50%\",\r\n display: \"inline-block\",\r\n },\r\n hotel: {\r\n margin: 0,\r\n color: \"#fff\",\r\n backgroundColor: \"#d50000\",\r\n borderRadius: 5,\r\n fontSize: \".8rem\",\r\n padding: \"1px 2px\",\r\n },\r\n description: {\r\n fontSize: \".8rem\",\r\n textAlign: \"center\",\r\n margin: 0,\r\n paddingTop: 10,\r\n backgroundColor: \"#fafafa\",\r\n },\r\n propertyName: {\r\n fontSize: \".8rem\",\r\n },\r\n propertyAddress: {\r\n fontSize: \".8rem\",\r\n margin: 0,\r\n padding: 0,\r\n },\r\n dotContainer: {\r\n margin: 0,\r\n //paddingLeft: 10\r\n },\r\n taxInfo: {\r\n fontSize: \"1rem\",\r\n textAlign: \"center\",\r\n paddingBottom: 10,\r\n },\r\n taxHeading: {\r\n fontSize: \"1rem\",\r\n paddingBottom: 20,\r\n },\r\n taxTitle: {\r\n fontSize: \"1rem\",\r\n padding: 0,\r\n marging: 0,\r\n display: \"inline\",\r\n },\r\n taxAddress: {\r\n textAlign: \"left\",\r\n fontSize: \".8rem\",\r\n },\r\n expansionDetails: {\r\n backgroundColor: \"#fafafa\",\r\n marging: 0,\r\n padding: 0,\r\n height: \"auto\",\r\n },\r\n expansionDetails2: {\r\n backgroundColor: \"#fafafa\",\r\n margin: 0,\r\n },\r\n noPortfolioMsg: {\r\n color: \"red\",\r\n },\r\n linkMsg: {\r\n textDecoration: \"underline\",\r\n },\r\n portfolioLink: {\r\n marginLeft: \"10px\",\r\n color: \"#448aff\",\r\n textDecoration: \"underline\",\r\n fontSize: \"1rem\",\r\n },\r\n colMinWidth: {\r\n maxWidth: \"160px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: \"150px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minWidth: \"150px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n [theme.breakpoints.down(\"xs\")]: {\r\n minWidth: \"190px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n },\r\n RevParMinWidth: {\r\n maxWidth: \"140px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: \"130px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minWidth: \"120px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n [theme.breakpoints.down(\"xs\")]: {\r\n minWidth: \"120px!important\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n },\r\n taxInfoWrapper: {\r\n padding: 12,\r\n paddingLeft: \"10%\",\r\n maxWidth: \"300px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n textAlign: \"center\",\r\n padding: 0,\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n },\r\n [theme.breakpoints.down(\"md\")]: {\r\n textAlign: \"center\",\r\n padding: 0,\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n },\r\n },\r\n newOwner: {\r\n fontSize: \"18px!important\",\r\n },\r\n propertyChange: {\r\n width: \"220px\",\r\n fontSize: \".8rem\",\r\n textAlign: \"left\",\r\n padding: \"12px\",\r\n margin: \"0px\",\r\n color: \"#fff\",\r\n },\r\n popoverCell: {\r\n minWidth: \"100px!important\",\r\n maxWidth: \"210px!important\",\r\n },\r\n overflow: {\r\n width: \"100%\",\r\n overflow: \"auto\",\r\n },\r\n});\r\n\r\nconst longText = `\r\n This is the history of the names under which this property has filed its Texas State hotel occupancy tax. The dates reflect when the name was changed on state tax filings.\r\n `;\r\nclass HotelInfo extends React.Component {\r\n // using to cancel axios requests before component unmounts\r\n signal = axios.CancelToken.source();\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n posts: [],\r\n rawposts: [],\r\n postscity: \"\",\r\n postsaddress: \"\",\r\n postscounty: \"\",\r\n postsfiler: \"\",\r\n postszip: \"\",\r\n newposts: [],\r\n getposts: [],\r\n ttmposts: [],\r\n ttmpostsrevpar: [],\r\n token: \"\",\r\n errormsg: \"\",\r\n portfoliotypes: [],\r\n portfolioSelected: {},\r\n poststimeline: [],\r\n noPortfoliosMsg: false,\r\n value: 0,\r\n yearlyfiler: 50,\r\n duration: \"1\",\r\n duration1: \"1\",\r\n durationttm: \"1\",\r\n durationttmrevpar: \"1\",\r\n type: \"\",\r\n title: \"Add this Hotel to Portfolio\",\r\n open: false,\r\n opensnack: false,\r\n showyear: false,\r\n vertical: \"top\",\r\n horizontal: \"center\",\r\n taxname: \"\",\r\n taxnum: \"\",\r\n taxaddress: \"\",\r\n taxcity: \"\",\r\n taxstate: \"\",\r\n taxzip: \"\",\r\n filtertable: true,\r\n otherTaxProperties: [],\r\n matchedAdresses: [],\r\n hotelName: this.props.match.params.hotelname\r\n .replace(\"(slash)\", \"/\")\r\n .replace(\"(hash)\", \"#\"),\r\n expanded: null,\r\n postsHotelName: \"\",\r\n postsLocationNum: \"\",\r\n dataLoadingStatustimeline: false,\r\n anchorEl: null,\r\n openedPopoverId: \"\",\r\n selectedRow: null,\r\n descendingPosts: \"\",\r\n //timeline state\r\n timelineDate: [],\r\n chartColorsIndex: 0,\r\n //tableLoading\r\n monthlyLoading: true,\r\n yearlyLoading: true,\r\n completeLoading: true,\r\n displayMessage: \"SEARCHING...\",\r\n latitude: \"\",\r\n longitude: \"\",\r\n };\r\n }\r\n\r\n // save to user history\r\n onSave() {\r\n let {\r\n taxnum,\r\n postsLocationNum,\r\n postsHotelName,\r\n postscity,\r\n postscounty,\r\n } = this.state;\r\n try {\r\n if (\r\n taxnum !== \"\" &&\r\n postsLocationNum !== \"\" &&\r\n postsHotelName !== \"\" &&\r\n postscity !== \"\" &&\r\n postscounty !== \"\"\r\n ) {\r\n axios({\r\n method: \"post\",\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n url: `${apiUrl}/rest/history`,\r\n data: {\r\n taxpayer_number: taxnum,\r\n location_number: postsLocationNum,\r\n location_name: postsHotelName,\r\n location_city: postscity,\r\n location_county: postscounty,\r\n type: 0,\r\n },\r\n }).catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n handleChangePanel = panel => (event, expanded) => {\r\n this.setState({\r\n expanded: expanded ? panel : false,\r\n });\r\n };\r\n\r\n handleChange = name => event => {\r\n this.state.portfoliotypes.map(item => {\r\n if (item.id === event.target.value) {\r\n this.setState({ portfolioSelected: item });\r\n }\r\n });\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n };\r\n\r\n handleChangetab = (event, value) => {\r\n this.setState({ value });\r\n };\r\n\r\n handleClick() {\r\n if (this.state.type === \"\") {\r\n this.setState({ errormsg: 1 });\r\n return;\r\n } else {\r\n this.setState({ errormsg: 0 });\r\n }\r\n\r\n // post to portfolio\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/portfolio/hotel/`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n data: {\r\n taxpayer_number: this.props.match.params.taxpayernumber,\r\n id: this.state.type,\r\n location_name: this.props.match.params.hotelname\r\n .replace(\"(slash)\", \"/\")\r\n .replace(\"(hash)\", \"#\"),\r\n location_number: this.props.match.params.locationnumber,\r\n },\r\n })\r\n .then(res => {\r\n try {\r\n if (res.data) {\r\n this.setState({ open: false });\r\n this.setState({ opensnack: true });\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n\r\n handleClickOpen = () => {\r\n this.setState({ open: true });\r\n if (this.state.portfolio === \"\") {\r\n this.setState({ errormsg: true });\r\n return;\r\n }\r\n // call to GET portfolio\r\n axios({\r\n method: \"get\",\r\n url: `${apiUrl}/rest/portfolio/`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n try {\r\n const rawposts1 = res.data;\r\n const updatedposts = [];\r\n if (res.data.length !== 0) {\r\n for (var i = 0; i < rawposts1.length; i++) {\r\n if (rawposts1[i].type === 0) {\r\n updatedposts[i] = rawposts1[i];\r\n }\r\n }\r\n this.setState({ portfoliotypes: updatedposts });\r\n } else {\r\n this.setState({ noPortfoliosMsg: true });\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n })\r\n .catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n };\r\n\r\n handleClose = () => {\r\n this.setState({ open: false });\r\n this.setState({ errormsg: 0 });\r\n };\r\n\r\n handleCloseSnack = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n this.setState({ opensnack: false });\r\n };\r\n\r\n // ===== Monthly =======\r\n handleChange1 = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n\r\n try {\r\n let { descendingPosts } = this.state;\r\n const [metadata, data] = descendingPosts;\r\n const columns = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Total Revenue\" },\r\n ];\r\n\r\n let rows = [];\r\n var d = new Date();\r\n var n = d.getFullYear();\r\n for (let row of descendingPosts) {\r\n let { date, room_receipts } = row;\r\n // check if the row year is greather or equal to the outcome of years selected && less then or equal to that year.\r\n if (\r\n row.year >=\r\n descendingPosts[descendingPosts.length - 1].year -\r\n event.target.value &&\r\n row.year <= descendingPosts[descendingPosts.length - 1].year\r\n ) {\r\n date = new Date(row.year + \"-\" + row.month);\r\n date = new Date(row.year, row.month - 1, 1);\r\n rows.push([date, room_receipts]);\r\n }\r\n }\r\n this.setState({\r\n chartData: [columns, ...rows],\r\n dataLoadingStatus: \"ready\",\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n };\r\n\r\n // ==== REVPAR ========\r\n handleChangetaxable = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n\r\n try {\r\n let { descendingPosts } = this.state;\r\n const [metadata, data] = descendingPosts;\r\n const columns1 = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"RevPAR\" },\r\n ];\r\n\r\n let rows1 = [];\r\n var d = new Date();\r\n var n = d.getFullYear();\r\n for (let row1 of descendingPosts) {\r\n let { date, revpar } = row1;\r\n if (\r\n row1.year >=\r\n descendingPosts[descendingPosts.length - 1].year -\r\n event.target.value &&\r\n row1.year <= descendingPosts[descendingPosts.length - 1].year\r\n ) {\r\n date = new Date(row1.year + \"-\" + row1.month);\r\n date = new Date(row1.year, row1.month - 1, 1);\r\n rows1.push([date, revpar]);\r\n }\r\n }\r\n this.setState({\r\n chartData1: [columns1, ...rows1],\r\n dataLoadingStatus1: \"ready\",\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n };\r\n\r\n // ===== TTM =======\r\n handleChangettm = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n\r\n try {\r\n let { descendingPosts } = this.state;\r\n const [metadata, data] = descendingPosts;\r\n\r\n var p = 0;\r\n var q = 0;\r\n let ttmposts = [];\r\n const columnsttm = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"TTM Revenue\" },\r\n ];\r\n var currentd = new Date();\r\n var current = currentd.getFullYear();\r\n for (p = 0; p < descendingPosts.length; p++) {\r\n var ttm = 0;\r\n var count = 0;\r\n if (\r\n descendingPosts[p].year >=\r\n descendingPosts[descendingPosts.length - 1].year -\r\n event.target.value &&\r\n descendingPosts[p].year <=\r\n descendingPosts[descendingPosts.length - 1].year\r\n ) {\r\n let date = new Date(\r\n descendingPosts[p].year,\r\n descendingPosts[p].month - 1,\r\n 1\r\n );\r\n for (q = p; q >= 0; q--) {\r\n ttm = ttm + descendingPosts[q].room_receipts;\r\n count++;\r\n if (count === 12) {\r\n count = 0;\r\n break;\r\n }\r\n }\r\n ttmposts.push([date, ttm]);\r\n }\r\n }\r\n this.setState({\r\n chartDatattm: [columnsttm, ...ttmposts],\r\n dataLoadingStatusttm: \"ready\",\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n };\r\n\r\n // === TTM REVPAR ====\r\n handleChangettmrevpar = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n\r\n try {\r\n let { descendingPosts } = this.state;\r\n const [metadata, data] = descendingPosts;\r\n\r\n var p = 0;\r\n var q = 0;\r\n let ttmpostsrevpar = [];\r\n\r\n const columnsttmrevpar = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"TTM RevPAR\" },\r\n ];\r\n var currentd = new Date();\r\n var current = currentd.getFullYear();\r\n for (p = 0; p < descendingPosts.length; p++) {\r\n var ttmrevpar = 0;\r\n var count = 0;\r\n if (\r\n descendingPosts[p].year >=\r\n descendingPosts[descendingPosts.length - 1].year -\r\n event.target.value &&\r\n descendingPosts[p].year <=\r\n descendingPosts[descendingPosts.length - 1].year\r\n ) {\r\n let date = new Date(\r\n descendingPosts[p].year,\r\n descendingPosts[p].month - 1,\r\n 1\r\n );\r\n for (q = p; q >= 0; q--) {\r\n var days = new Date(\r\n descendingPosts[q].year,\r\n descendingPosts[q].month - 1,\r\n 0\r\n ).getDate();\r\n ttmrevpar =\r\n ttmrevpar +\r\n descendingPosts[q].room_receipts /\r\n (descendingPosts[q].room_capacity * days);\r\n count++;\r\n if (count === 12) {\r\n count = 0;\r\n break;\r\n }\r\n }\r\n ttmpostsrevpar.push([date, Math.ceil(ttmrevpar / 12)]);\r\n }\r\n }\r\n this.setState({\r\n chartDatattmrevpar: [columnsttmrevpar, ...ttmpostsrevpar],\r\n dataLoadingStatusttmrevpar: \"ready\",\r\n });\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n // variable to cancel axios request\r\n this.axiosCancelSource = axios.CancelToken.source();\r\n\r\n window.scrollTo(0, 0);\r\n\r\n const columnstimeline = [\r\n { type: \"string\", id: \"Role\" },\r\n { type: \"string\", id: \"Name\" },\r\n { type: \"date\", id: \"Start\" },\r\n { type: \"date\", id: \"End\" },\r\n ];\r\n\r\n const rowstimeline = [];\r\n\r\n API.getOneHotelLatLong(\r\n this.props.match.params.taxpayernumber,\r\n this.props.match.params.locationnumber\r\n )\r\n .then(res => {\r\n console.log(`getOneHotelLatLong function called`);\r\n console.log(res.data);\r\n this.setState({\r\n latitude: res.data[0].latitude,\r\n longitude: res.data[0].longitude,\r\n });\r\n })\r\n .catch(err => console.log(err));\r\n\r\n API.postHotelHistory(\r\n this.props.match.params.taxpayernumber,\r\n this.props.match.params.locationnumber,\r\n this.axiosCancelSource.token\r\n )\r\n .then(res => {\r\n let unsortedPoststimeline = res.data;\r\n let { chartColorsIndex, timelineDate } = this.state;\r\n try {\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n // Was getting google chart error for the property not sorted by date\r\n const poststimeline = unsortedPoststimeline.sort(\r\n (a, b) =>\r\n new moment(a.responsibility_begin_date).format(\"YYYYMMDD\") -\r\n new moment(b.responsibility_begin_date).format(\"YYYYMMDD\")\r\n );\r\n let postsHotelName;\r\n let postsaddress;\r\n this.setState({ poststimeline });\r\n\r\n // if there are more then one location name\r\n if (poststimeline.length > 1) {\r\n let latest = poststimeline.length - 1;\r\n\r\n postsHotelName = poststimeline[latest].location_name;\r\n postsaddress = poststimeline[latest].location_address;\r\n poststimeline.forEach(element => {\r\n element.color = chartColors[chartColorsIndex++];\r\n //console.log(this.state.chartColorsIndex);\r\n timelineDate[\r\n moment(element.responsibility_begin_date, \"YYYYMMDD\")\r\n .format(\"YYYY-MMMM\")\r\n .toLowerCase()\r\n ] = element;\r\n });\r\n //console.log('timelineDate', timelineDate)\r\n\r\n let count = 1;\r\n for (var i = 0; i < poststimeline.length; i++) {\r\n //if last....\r\n if (\r\n i + 1 === poststimeline.length &&\r\n poststimeline[i].taxpayer_name !== poststimeline[i - 1]\r\n ) {\r\n rowstimeline.push([\r\n \"Hotel Timeline\",\r\n poststimeline[i].location_name + \" \",\r\n moment(poststimeline[i].responsibility_begin_date, \"YYYYMMDD\"),\r\n moment(\r\n poststimeline[i].responsibility_end_date || moment(),\r\n \"YYYYMMDD\"\r\n ),\r\n ]);\r\n // rowstimeline.push([\"Hotel Timeline\", poststimeline[i].location_name + \" Property under \" + poststimeline[i].taxpayer_name,\r\n // moment(poststimeline[i].responsibility_begin_date, 'YYYYMMDD'),\r\n // moment()]);\r\n } else if (\r\n i !== 0 &&\r\n poststimeline[i].taxpayer_name !==\r\n poststimeline[i - 1].taxpayer_name\r\n ) {\r\n rowstimeline.push([\r\n \"Hotel Timeline\",\r\n poststimeline[i].location_name + addSpace(count),\r\n moment(poststimeline[i].responsibility_begin_date, \"YYYYMMDD\"),\r\n moment(\r\n poststimeline[i + 1].responsibility_begin_date,\r\n \"YYYYMMDD\"\r\n ),\r\n ]);\r\n // rowstimeline.push([\"Hotel Timeline\" +\" Property under \" + poststimeline[i].taxpayer_name, poststimeline[i].location_name,\r\n // moment(poststimeline[i].responsibility_begin_date, 'YYYYMMDD'),\r\n // moment(poststimeline[i + 1].responsibility_begin_date, 'YYYYMMDD')])\r\n } else {\r\n rowstimeline.push([\r\n \"Hotel Timeline\",\r\n poststimeline[i].location_name,\r\n moment(poststimeline[i].responsibility_begin_date, \"YYYYMMDD\"),\r\n moment(\r\n poststimeline[i + 1].responsibility_begin_date,\r\n \"YYYYMMDD\"\r\n ),\r\n ]);\r\n }\r\n }\r\n //console.log('rowstimeline', rowstimeline)\r\n this.setState({\r\n postsHotelName,\r\n postsaddress,\r\n dataLoadingStatustimeline: true,\r\n chartDatatimeline: [columnstimeline, ...rowstimeline],\r\n });\r\n } else {\r\n // put the only one property\r\n postsHotelName = poststimeline[0].location_name;\r\n postsaddress = poststimeline[0].location_address;\r\n\r\n poststimeline.forEach(element => {\r\n element.color = chartColors[chartColorsIndex++];\r\n timelineDate[\r\n moment(element.responsibility_begin_date, \"YYYYMMDD\")\r\n .format(\"YYYY-MMMM\")\r\n .toLowerCase()\r\n ] = element;\r\n });\r\n //console.log('timelineDate', timelineDate)\r\n\r\n for (var i = 0; i < poststimeline.length; i++) {\r\n //if last....\r\n if (i + 1 === poststimeline.length) {\r\n rowstimeline.push([\r\n \"Hotel Timeline\",\r\n poststimeline[i].location_name,\r\n moment(poststimeline[i].responsibility_begin_date, \"YYYYMMDD\"),\r\n moment(),\r\n ]);\r\n } else {\r\n rowstimeline.push([\r\n \"Hotel Timeline\",\r\n poststimeline[i].location_name,\r\n moment(poststimeline[i].responsibility_begin_date, \"YYYYMMDD\"),\r\n //moment(poststimeline[i + 1].responsibility_begin_date, 'YYYYMMDD').add(-1, 'month')])\r\n moment(\r\n poststimeline[i + 1].responsibility_end_date,\r\n \"YYYYMMDD\"\r\n ).add(-1, \"month\"),\r\n ]);\r\n }\r\n }\r\n //console.log('rowstimeline', rowstimeline)\r\n this.setState({\r\n postsHotelName,\r\n postsaddress,\r\n dataLoadingStatustimeline: true,\r\n chartDatatimeline: [columnstimeline, ...rowstimeline],\r\n });\r\n }\r\n\r\n API.getHotelFinanceRecordMonthly(\r\n this.props.match.params.hotelname,\r\n this.props.match.params.taxpayernumber,\r\n this.props.match.params.locationnumber,\r\n this.axiosCancelSource.token\r\n )\r\n .then(res => {\r\n console.log(\"this is the getHotelFinanceRecordMonthly res query\");\r\n console.log(res);\r\n // raw -- from oldest to latest (ascending)\r\n const unsortedPosts = res.data;\r\n // from latest to oldest (descending)\r\n let posts = unsortedPosts.sort(function(a, b) {\r\n return new Date(a.date) - new Date(b.date);\r\n });\r\n this.setState({\r\n posts: posts,\r\n descendingPosts: unsortedPosts,\r\n });\r\n //console.log(\"this is the hotel posts\", posts);\r\n // ====== NEED ANOTEHR WAY OF CHECKING FOR FILER TYPE =======\r\n //this.setState({ yearlyfiler: this.state.posts[posts.length - 1].filer_type });\r\n // console.log(this.state.posts[posts.length-1].filer_type);\r\n const postszip = posts[posts.length - 1].location_zip;\r\n const postscounty = posts[posts.length - 1].verified_county;\r\n const taxname = posts[posts.length - 1].taxpayer_name;\r\n const taxaddress = posts[posts.length - 1].taxpayer_address;\r\n const taxnum = posts[posts.length - 1].taxpayer_number;\r\n //const latestTaxnum = posts[posts.length - 1].taxpayer_number;\r\n const taxcity = posts[posts.length - 1].taxpayer_city;\r\n const taxstate = posts[posts.length - 1].taxpayer_state;\r\n const taxzip = posts[posts.length - 1].taxpayer_zip;\r\n const postsLocationNum = posts[posts.length - 1].location_number;\r\n const postscity = posts[posts.length - 1].location_city;\r\n const latestFiler_type = posts[posts.length - 1].filer_type;\r\n //console.log(\"latest filer\", latestFiler_type);\r\n this.setState({\r\n postszip,\r\n postscounty,\r\n taxname,\r\n taxaddress,\r\n taxnum,\r\n taxcity,\r\n taxstate,\r\n taxzip,\r\n postsLocationNum,\r\n postscity,\r\n latestFiler_type,\r\n });\r\n\r\n if (latestFiler_type === 50) {\r\n this.setState({ postsfiler: \"Monthly\" });\r\n } else if (latestFiler_type === 60) {\r\n this.setState({ postsfiler: \"Quarterly\" });\r\n }\r\n\r\n API.getHotelFinanceRecordYearly(\r\n this.props.match.params.hotelname,\r\n this.props.match.params.taxpayernumber,\r\n this.props.match.params.locationnumber,\r\n this.state.latestFiler_type,\r\n this.axiosCancelSource.token\r\n )\r\n .then(res => {\r\n console.log(\"getHotelFinanceRecordYearly\");\r\n console.log(res);\r\n var yearlyposts = res.data;\r\n //console.log(\"yearlyvalues\", yearlyposts);\r\n for (var l = 0; l < yearlyposts.length; l++) {\r\n // checking for the first year and setting RevChange and RevParChange to 0, since there is no comparision yet\r\n if (l === 0) {\r\n yearlyposts[l].totalRevChange = \"$0.00 (0%)\";\r\n yearlyposts[l].RevPARChange = \"$0.00 (0%)\";\r\n } else {\r\n yearlyposts[l].totalRevChange =\r\n \"$ \" +\r\n (\r\n yearlyposts[l].total_revenue -\r\n yearlyposts[l - 1].total_revenue\r\n ).toFixed(2) +\r\n \" (\" +\r\n (\r\n (yearlyposts[l].total_revenue /\r\n yearlyposts[l - 1].total_revenue) *\r\n 100 -\r\n 100\r\n ).toFixed(2) +\r\n \"%)\";\r\n yearlyposts[l].RevPARChange =\r\n \"$ \" +\r\n (\r\n yearlyposts[l].RevPar - yearlyposts[l - 1].RevPar\r\n ).toFixed(2) +\r\n \" (\" +\r\n (\r\n (yearlyposts[l].RevPar / yearlyposts[l - 1].RevPar) *\r\n 100 -\r\n 100\r\n ).toFixed(2) +\r\n \"%)\";\r\n }\r\n }\r\n\r\n if (res.data !== undefined) {\r\n axios\r\n .get(\r\n `${apiUrl}/rest/basic/testlastyearlyvalues/${\r\n yearlyposts[yearlyposts.length - 1].year\r\n }/${this.props.match.params.hotelname}/${\r\n this.props.match.params.taxpayernumber\r\n }/${\r\n this.props.match.params.locationnumber\r\n }/${latestFiler_type}`,\r\n {\r\n headers: {\r\n authorization:\r\n \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n cancelToken: this.axiosCancelSource.token,\r\n }\r\n )\r\n .then(res1 => {\r\n //console.log(\"lastyear value\", res1);\r\n // gets last year's totals and substracts to yearlyposts same year & caclulates percentage\r\n if (res1.data[0]) {\r\n yearlyposts[yearlyposts.length - 1].totalRevChange =\r\n \"$ \" +\r\n (\r\n yearlyposts[yearlyposts.length - 1].total_revenue -\r\n res1.data[0].total_revenue\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") +\r\n \" (\" +\r\n (\r\n (yearlyposts[yearlyposts.length - 1].total_revenue /\r\n res1.data[0].total_revenue) *\r\n 100 -\r\n 100\r\n ).toFixed(2) +\r\n \"%)\";\r\n yearlyposts[yearlyposts.length - 1].RevPARChange =\r\n \"$ \" +\r\n (\r\n yearlyposts[yearlyposts.length - 1].RevPar -\r\n res1.data[0].RevPar\r\n ).toFixed(2) +\r\n \" (\" +\r\n (\r\n (yearlyposts[yearlyposts.length - 1].RevPar /\r\n res1.data[0].RevPar) *\r\n 100 -\r\n 100\r\n ).toFixed(2) +\r\n \"%)\";\r\n\r\n this.setState({\r\n yearlyposts: yearlyposts,\r\n yearlyLoading: false,\r\n });\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n });\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n });\r\n\r\n // Then set the document Title\r\n document.title =\r\n this.state.postsHotelName +\r\n \", \" +\r\n this.state.postscity +\r\n \",TX - Search Texas Tax\";\r\n ReactGA.initialize(\"UA-80211377-3\");\r\n ReactGA.pageview(window.location.pathname);\r\n\r\n // ==== Start of google charts =====\r\n // ====== TTM Revpar ========\r\n var p = 0;\r\n var q = 0;\r\n let ttmposts = [];\r\n let ttmpostsrevpar = [];\r\n const columnsttm = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"TTM Revenue\" },\r\n ];\r\n const columnsttmrevpar = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"TTM RevPAR\" },\r\n ];\r\n var currentd = new Date();\r\n var current = currentd.getFullYear();\r\n\r\n for (p = 0; p < posts.length; p++) {\r\n var ttm = 0;\r\n var ttmrevpar = 0;\r\n var count = 0;\r\n\r\n if (\r\n posts[p].year >= posts[posts.length - 1].year - 1 &&\r\n posts[p].year <= posts[posts.length - 1].year\r\n ) {\r\n let date = new Date(posts[p].year, posts[p].month - 1, 1);\r\n\r\n for (q = p; q >= 0; q--) {\r\n ttm = ttm + posts[q].room_receipts;\r\n var days = new Date(\r\n posts[q].year,\r\n posts[q].month - 1,\r\n 0\r\n ).getDate();\r\n\r\n ttmrevpar =\r\n ttmrevpar +\r\n posts[q].room_receipts / (posts[q].room_capacity * days);\r\n count++;\r\n if (count === 12) {\r\n count = 0;\r\n break;\r\n }\r\n }\r\n ttmposts.push([date, ttm]);\r\n ttmpostsrevpar.push([date, Math.ceil(ttmrevpar / 12)]);\r\n }\r\n }\r\n let ttmpostsSorted = ttmposts.sort(function(a, b) {\r\n return a[0] - b[0];\r\n });\r\n let ttmpostsrevparSorted = ttmpostsrevpar.sort(function(a, b) {\r\n return a[0] - b[0];\r\n });\r\n\r\n // console.log(\"ttmpostsSorted\", ttmpostsSorted )\r\n // console.log(\"ttmpostsrevparSorted \", ttmpostsrevparSorted )\r\n\r\n this.setState({\r\n ttmpostsrevpar: ttmpostsrevpar,\r\n chartDatattm: [columnsttm, ...ttmpostsSorted],\r\n dataLoadingStatusttm: \"ready\",\r\n chartDatattmrevpar: [columnsttmrevpar, ...ttmpostsrevparSorted],\r\n dataLoadingStatusttmrevpar: \"ready\",\r\n });\r\n\r\n // ===== Monthy =====\r\n const [metadata, data] = res.data;\r\n const columns = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Total Revenue\" },\r\n ];\r\n const columns1 = [\r\n { type: \"date\", label: \"Month\" },\r\n { type: \"number\", label: \"Taxable Revenue\" },\r\n ];\r\n let rows = [];\r\n let rows1 = [];\r\n var d = new Date();\r\n var n = d.getFullYear();\r\n for (let row of unsortedPosts) {\r\n let { date, room_receipts } = row;\r\n if (\r\n row.year >= unsortedPosts[unsortedPosts.length - 1].year - 1 &&\r\n row.year <= unsortedPosts[unsortedPosts.length - 1].year\r\n ) {\r\n date = new Date(row.year + \"-\" + row.month);\r\n date = new Date(row.year, row.month - 1, 1);\r\n rows.push([date, room_receipts]);\r\n }\r\n }\r\n this.setState({\r\n chartData: [columns, ...rows],\r\n dataLoadingStatus: \"ready\",\r\n });\r\n\r\n // ===== RevPar =====\r\n for (let row1 of unsortedPosts) {\r\n let { date, revpar } = row1;\r\n if (\r\n row1.year >= unsortedPosts[unsortedPosts.length - 1].year - 1 &&\r\n row1.year <= unsortedPosts[unsortedPosts.length - 1].year\r\n ) {\r\n //date = new Date(row1.year+\"-\"+row1.month);\r\n date = new Date(row1.year, row1.month - 1, 1);\r\n rows1.push([date, revpar]);\r\n }\r\n }\r\n this.setState({\r\n chartData1: [columns1, ...rows1],\r\n dataLoadingStatus1: \"ready\",\r\n });\r\n const rawposts = res.data;\r\n this.setState({\r\n rawposts: rawposts,\r\n completeLoading: false,\r\n });\r\n\r\n var i = 0;\r\n var j = 0;\r\n var a = 0;\r\n var b = 0;\r\n var newposts = [];\r\n for (i = 0; i < posts.length; i++) {\r\n if (a === 0) {\r\n newposts.push(new Object());\r\n newposts[newposts.length - 1].year = posts[i].year;\r\n\r\n newposts[newposts.length - 1].taxPayerNum =\r\n posts[i].taxpayer_number;\r\n newposts[newposts.length - 1].locationName =\r\n posts[i].location_name;\r\n\r\n if (posts[i].month === 1) {\r\n newposts[newposts.length - 1].january =\r\n posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 2) {\r\n newposts[newposts.length - 1].february =\r\n posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 3) {\r\n newposts[newposts.length - 1].march = posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 4) {\r\n newposts[newposts.length - 1].april = posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 5) {\r\n newposts[newposts.length - 1].may = posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 6) {\r\n newposts[newposts.length - 1].june = posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 7) {\r\n newposts[newposts.length - 1].july = posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 8) {\r\n newposts[newposts.length - 1].august = posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 9) {\r\n newposts[newposts.length - 1].september =\r\n posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 10) {\r\n newposts[newposts.length - 1].october =\r\n posts[i].room_receipts;\r\n }\r\n if (posts[i].month === 11) {\r\n newposts[newposts.length - 1].november =\r\n posts[i].room_receipts;\r\n }\r\n a = 1;\r\n if (posts[i].month === 12) {\r\n newposts[newposts.length - 1].december =\r\n posts[i].room_receipts;\r\n a = 0;\r\n }\r\n continue;\r\n }\r\n\r\n for (j = 0; j < newposts.length; j++) {\r\n if (newposts[j].year === posts[i].year) {\r\n if (posts[i].month === 1) {\r\n newposts[j].january = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 2) {\r\n newposts[j].february = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 3) {\r\n newposts[j].march = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 4) {\r\n newposts[j].april = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 5) {\r\n newposts[j].may = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 6) {\r\n newposts[j].june = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 7) {\r\n newposts[j].july = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 8) {\r\n newposts[j].august = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 9) {\r\n newposts[j].september = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 10) {\r\n newposts[j].october = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 11) {\r\n newposts[j].november = posts[i].room_receipts;\r\n if (i < posts.length - 1) {\r\n if (posts[i + 1].year !== posts[i].year) {\r\n a = 0;\r\n }\r\n }\r\n }\r\n if (posts[i].month === 12) {\r\n newposts[j].december = posts[i].room_receipts;\r\n a = 0;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n console.log(\"newposts\", newposts);\r\n let newpostsReversed = newposts.reverse();\r\n this.setState({\r\n newposts: newpostsReversed,\r\n monthlyLoading: false,\r\n });\r\n\r\n var getposts = [];\r\n for (let i = 0; i < newposts.length; i++) {\r\n getposts.push(new Object());\r\n getposts[i].Year = newposts[i].year;\r\n getposts[i].January = newposts[i].january || 0;\r\n getposts[i].February = newposts[i].february || 0;\r\n getposts[i].March = newposts[i].march || 0;\r\n getposts[i].Q1 =\r\n (newposts[i].january || 0) +\r\n (newposts[i].february || 0) +\r\n (newposts[i].march || 0);\r\n getposts[i].April = newposts[i].april || 0;\r\n getposts[i].May = newposts[i].may || 0;\r\n getposts[i].June = newposts[i].june || 0;\r\n getposts[i].Q2 =\r\n (newposts[i].april || 0) +\r\n (newposts[i].may || 0) +\r\n (newposts[i].june || 0);\r\n getposts[i].July = newposts[i].july || 0;\r\n getposts[i].August = newposts[i].august || 0;\r\n getposts[i].September = newposts[i].september || 0;\r\n getposts[i].Q3 =\r\n (newposts[i].july || 0) +\r\n (newposts[i].august || 0) +\r\n (newposts[i].september || 0);\r\n getposts[i].October = newposts[i].october || 0;\r\n getposts[i].November = newposts[i].november || 0;\r\n getposts[i].December = newposts[i].december || 0;\r\n getposts[i].Q4 =\r\n (newposts[i].october || 0) +\r\n (newposts[i].november || 0) +\r\n (newposts[i].december || 0);\r\n }\r\n this.setState({ getposts: getposts, monthlyLoading: false });\r\n\r\n // ====== Other Calls ========\r\n // ===== Checking for Other Properties under same Tax Payer number =====\r\n axios\r\n .get(\r\n `${apiUrl}/rest/search/taxpayerproperties/${this.props.match.params.taxpayernumber}`,\r\n {\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n cancelToken: this.axiosCancelSource.token,\r\n }\r\n )\r\n .then(res => {\r\n if (res.data.length > 1) {\r\n let otherProperties = res.data;\r\n let taxProperties = [];\r\n // check if other property has the same name and type to remove from propertieslist\r\n for (let i = 0; i < otherProperties.length; i++) {\r\n if (\r\n otherProperties[i].location_name ===\r\n this.state.hotelName &&\r\n otherProperties[i].location_address ===\r\n this.state.postsaddress &&\r\n otherProperties[i].type === \"hotel\"\r\n ) {\r\n continue;\r\n }\r\n taxProperties.push(otherProperties[i]);\r\n }\r\n this.setState({ otherTaxProperties: taxProperties });\r\n }\r\n })\r\n .catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/search/addressmatch/`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n data: {\r\n address: this.state.postsaddress,\r\n zip: this.state.postszip,\r\n },\r\n cancelToken: this.axiosCancelSource.token,\r\n })\r\n .then(res => {\r\n if (res.data.length > 1) {\r\n let otherProperties = res.data;\r\n let matchLocation = [];\r\n for (let i = 0; i < otherProperties.length; i++) {\r\n if (\r\n otherProperties[i].location_name ===\r\n this.state.hotelName &&\r\n otherProperties[i].type === \"hotel\"\r\n ) {\r\n continue;\r\n }\r\n if (otherProperties[i].type === \"hotel\") {\r\n continue;\r\n }\r\n matchLocation.push(otherProperties[i]);\r\n }\r\n console.log(matchLocation);\r\n this.setState({ matchedAdresses: matchLocation });\r\n }\r\n })\r\n .catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n })\r\n .catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n })\r\n .catch(e => {\r\n ReactGA.exception({\r\n description: \"An error occurred\",\r\n });\r\n handleError(e, pathname);\r\n //window.location.replace('/login');\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n this.onSave();\r\n this.axiosCancelSource.cancel(\"Component unmounted.\");\r\n }\r\n\r\n render() {\r\n //const { vertical, horizontal, opensnack } = this.state;\r\n let errormsg;\r\n if (this.state.errormsg === 1) {\r\n errormsg = (\r\n \r\n Please Select a Portfolio to Add this Hotel to it.\r\n
\r\n );\r\n }\r\n\r\n const { classes } = this.props;\r\n const { anchorEl } = this.state;\r\n const open = Boolean(anchorEl);\r\n\r\n let chartdisplaytime;\r\n if (this.state.dataLoadingStatustimeline) {\r\n chartdisplaytime = (\r\n\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM. yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n let chartdisplay1;\r\n if (this.state.dataLoadingStatus1 === \"ready\") {\r\n chartdisplay1 = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData1}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM. yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay1 = Fetching Data from API
;\r\n }\r\n\r\n let chartdisplayttm;\r\n if (this.state.dataLoadingStatusttm === \"ready\") {\r\n chartdisplayttm = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDatattm}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"TTM_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM. yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplayttm = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n let chartdisplayttmrevpar;\r\n if (this.state.dataLoadingStatusttmrevpar === \"ready\") {\r\n chartdisplayttmrevpar = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDatattmrevpar}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"TTM_RevPAR\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM. yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplayttmrevpar = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n const {\r\n value,\r\n otherTaxProperties,\r\n matchedAdresses,\r\n timelineDate,\r\n } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.latitude && this.state.longitude && (\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n {item.location_address},{item.location_state},\r\n {item.location_zip}\r\n \r\n \r\n \r\n \r\n ))\r\n ) : (\r\n \r\n There are no other properties. \r\n \r\n )}\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n {this.state.taxname}\r\n \r\n \r\n {this.state.taxaddress}\r\n \r\n \r\n {this.state.taxcity}, {this.state.taxstate},{\" \"}\r\n {this.state.taxzip}\r\n \r\n \r\n \r\n \r\n Taxpayer Number: {\" \"}\r\n {this.state.taxnum}\r\n \r\n \r\n Filer Type: \r\n {this.state.postsfiler}\r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n {value === 1 && {chartdisplay1} }\r\n {value === 2 && {chartdisplayttm} }\r\n {value === 3 && (\r\n {chartdisplayttmrevpar} \r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n if (\r\n typeof timelineDate[`${rowData.year}-january`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.january ? (\r\n \r\n\r\n \r\n {this.state.yearlyposts ? (\r\n \r\n \r\n \r\n ) : null}\r\n {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.totalRevChange !== \"$0.00 (0%)\") {\r\n let checkedData;\r\n if (rowData.totalRevChange.includes(\"(Infinity%)\")) {\r\n checkedData = rowData.totalRevChange.replace(\r\n \"(Infinity%)\",\r\n \" \"\r\n );\r\n return (\r\n \r\n \r\n {checkedData}\r\n \r\n ( ∞ %)\r\n \r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n } else {\r\n checkedData = rowData.totalRevChange;\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n }\r\n } else {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n );\r\n }\r\n },\r\n // type: \"html\",\r\n },\r\n {\r\n title: \"RevPar\",\r\n field: \"RevPar\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return \r\n \r\n {rowData.RevPARChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.RevPARChange !== \"$0.00 (0%)\") {\r\n let checkedData;\r\n if (rowData.RevPARChange.includes(\"(Infinity%)\")) {\r\n checkedData = rowData.RevPARChange.replace(\r\n \"(Infinity%)\",\r\n \" \"\r\n );\r\n return (\r\n \r\n \r\n {checkedData}\r\n \r\n ( ∞ %)\r\n \r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n } else {\r\n checkedData = rowData.RevPARChange;\r\n return (\r\n \r\n \r\n {rowData.RevPARChange}\r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n }\r\n } else\r\n return (\r\n \r\n \r\n {rowData.RevPARChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n );\r\n },\r\n // type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearlyposts}\r\n title={`Yearly Revenue: ${this.state.postsHotelName}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n // components={{\r\n // OverlayLoading: props => (\r\n // \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {\"Select a Portfolio from the dropdown to add this hotel to it\"}\r\n \r\n \r\n {errormsg}\r\n \r\n {this.state.portfoliotypes.map(option => (\r\n \r\n ))}\r\n \r\n {this.state.noPortfoliosMsg ? (\r\n \r\n \r\n {\r\n this.handleClick();\r\n }}\r\n >\r\n Add to Portfolio\r\n \r\n\r\n \r\n \r\n \r\n \r\n Hotel Added to\r\n \r\n {this.state.portfolioSelected.portfolio}\r\n \r\n \r\n }\r\n action={[]}\r\n />\r\n
\r\n );\r\n }\r\n}\r\nHotelInfo.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withRouter(withStyles(styles)(HotelInfo));\r\n\r\n// ======= POPOVER CLASS ========\r\nclass PopoverComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n //color = timelineDate[`${props.rowData.year}-${props.month}`].color;\r\n //console.log(\"popover Props\", props);\r\n this.state = {\r\n openedPopoverId: \"\",\r\n anchorEl: \"\",\r\n month: \"\",\r\n classes: \"\",\r\n rowData: \"\",\r\n color: \"\",\r\n popOpen: false,\r\n timelineData: \"\",\r\n };\r\n this.handlePopoverOpen = this.handlePopoverOpen.bind(this);\r\n this.handlePopoverClose = this.handlePopoverClose.bind(this);\r\n }\r\n\r\n handlePopoverOpen(event, popoverId) {\r\n this.setState({\r\n openedPopoverId: popoverId,\r\n anchorEl: event.target,\r\n });\r\n }\r\n handlePopoverClose = () => {\r\n this.setState({\r\n openedPopoverId: null,\r\n anchorEl: null,\r\n });\r\n };\r\n\r\n componentWillMount() {\r\n let {\r\n month,\r\n classes,\r\n openedPopoverId,\r\n anchorEl,\r\n rowData,\r\n color,\r\n timelineDate,\r\n } = this.props;\r\n let colorBackground =\r\n timelineDate[`${this.props.rowData.year}-${this.props.month}`].color;\r\n this.setState({\r\n month,\r\n classes,\r\n openedPopoverId,\r\n anchorEl,\r\n rowData,\r\n timelineDate,\r\n color: colorBackground,\r\n });\r\n }\r\n\r\n render() {\r\n let {\r\n month,\r\n classes,\r\n openedPopoverId,\r\n anchorEl,\r\n rowData,\r\n color,\r\n timelineDate,\r\n } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.postsHotelName}\r\n
\r\n\r\n \r\n {this.state.postsaddress},{\" \"}\r\n \r\n {this.state.postscity}\r\n \r\n , TX {this.state.postszip} ●{\" \"}\r\n \r\n {\" \"}\r\n {this.state.postsCountyName}\r\n {\" \"}\r\n County\r\n \r\n contact_support \r\n \r\n \r\n
\r\n {/* \r\n \r\n contact_support \r\n \r\n
*/}\r\n \r\n {chartdisplaytime}
\r\n - \r\n {otherTaxProperties.length > 0 ? (\r\n otherTaxProperties.map((item, index) => (\r\n
\r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.january ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-february`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.february ? (\r\n \r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.february ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-march`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.march ? (\r\n \r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.march ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 1\",\r\n field: \"march\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.january || 0) +\r\n (rowData.february || 0) +\r\n (rowData.march || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n //backgroundColor: '#fafafa',\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-april`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.april ? (\r\n \r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.april ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-may`] === \"undefined\"\r\n ) {\r\n return rowData.may ? (\r\n \r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.may ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-june`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.june ? (\r\n \r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.june ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: `Quarter 2`,\r\n field: \"june\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.april || 0) +\r\n (rowData.may || 0) +\r\n (rowData.june || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-july`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.july ? (\r\n \r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.july ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-august`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.august ? (\r\n \r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.august ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-september`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.september ? (\r\n \r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.september ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 3\",\r\n field: \"september\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.july || 0) +\r\n (rowData.august || 0) +\r\n (rowData.september || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-october`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.october ? (\r\n \r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.october ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-november`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.november ? (\r\n \r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.november ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n // type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-december`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.december ? (\r\n \r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.december ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 4\",\r\n field: \"december\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.october || 0) +\r\n (rowData.november || 0) +\r\n (rowData.december || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={\r\n this.state.postsHotelName\r\n ? `Monthly & Quarterly Performance: ${this.state.postsHotelName} `\r\n : null\r\n }\r\n onRowClick={(evt, selectedRow) => this.setState({ selectedRow })}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n //pageSize: 10,\r\n columnsButton: true,\r\n rowStyle: rowData => ({\r\n backgroundColor:\r\n this.state.selectedRow &&\r\n this.state.selectedRow.tableData.id === rowData.tableData.id\r\n ? \"#f5f5f5\"\r\n : \"#FFF\",\r\n }),\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n $ \r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n $ {rowData.RevPar.toFixed(2)}
;\r\n },\r\n },\r\n {\r\n title: \"Change in RevPar\",\r\n field: \"RevPARChange\",\r\n render: rowData => {\r\n if (rowData.RevPARChange.includes(\"-\")) {\r\n return (\r\n \r\n //
\r\n // )\r\n // }}\r\n />\r\n TEST
\r\n //\r\n ${\" \"}\r\n {rowData.room_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Taxable Revenue\",\r\n field: \"taxable_receipts\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.taxable_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"RevPar\",\r\n field: \"revpar\",\r\n // type: \"html\",\r\n render: rowData => {\r\n return $ {rowData.revpar.toFixed(2)}
;\r\n },\r\n },\r\n {\r\n title: \"Taxpayer Name\",\r\n field: \"taxpayer_name\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Taxpayer Number\",\r\n field: \"taxpayer_number\",\r\n type: \"numeric\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Taxpayer City\",\r\n field: \"taxpayer_city\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Taxpayer County\",\r\n field: \"taxpayer_county\",\r\n hidden: true,\r\n },\r\n\r\n {\r\n title: \"Taxpayer State\",\r\n field: \"taxpayer_state\",\r\n hidden: true,\r\n },\r\n { title: \"Taxpayer Zip\", field: \"taxpayer_zip\", hidden: true },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: ${this.state.postsHotelName}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n
You do not have any portfolios of this type created.
\r\n \r\n {\" \"}\r\n Create one here.\r\n \r\n \r\n ) : null}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {moment(\r\n timelineDate[\r\n `${rowData.year}-${month}`\r\n ].responsibility_begin_date.toString()\r\n ).format(\"YYYY[-]MM[-]DD\")}\r\n \r\n
\r\n\r\n Property started reporting with the name{\" \"}\r\n \r\n {timelineDate[`${rowData.year}-${month}`].location_name}\r\n \r\n , under{\" \"}\r\n \r\n {timelineDate[`${rowData.year}-${month}`].taxpayer_name}\r\n \r\n
\r\nPlease Enter a portfolio name to create one.
\r\n );\r\n }\r\n return (\r\n\r\n
\r\n \r\n
\r\n Brands
\r\n\r\n \r\n Please select a brand or parent company below to see details.\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n return (\r\n \r\n Please Select a Portfolio to Add this Hotel to it.\r\n
\r\n );\r\n }\r\n const { classes, theme } = this.props;\r\n const { auth, anchorEl } = this.state;\r\n const open = Boolean(anchorEl);\r\n\r\n let chartdisplaytime;\r\n if (this.state.dataLoadingStatustimeline) {\r\n chartdisplaytime = (\r\n\r\n \r\n
\r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n const {\r\n value,\r\n otherTaxProperties,\r\n matchedAdresses,\r\n timelineDate,\r\n } = this.state;\r\n return (\r\n \r\n \r\n {/* {this.state.latitude && this.state.longitude === [] ? */}\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {/* :\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Coordinates not found \r\n \r\n \r\n \r\n */}\r\n\r\n {/* \r\n \r\n Lodging Data \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n matchedAdresses.length > 0 ?\r\n matchedAdresses\r\n .slice(0, 10)\r\n .map((item, index) => (\r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n
\r\n \r\n\r\n ))\r\n :\r\n \r\n \r\n There are no other properties. \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n Taxpayer's Information \r\n \r\n \r\n \r\n \r\n OWNER INFORMATION \r\n \r\n \r\n {this.state.taxname} \r\n \r\n \r\n \r\n \r\n Taxpayer Number: \r\n {this.state.taxnum}\r\n \r\n \r\n \r\n \r\n \r\n Taxpayer's Other Properties \r\n \r\n \r\n \r\n \r\n \r\n \r\n {otherTaxProperties.length > 0 ?\r\n otherTaxProperties\r\n .slice(0, 10)\r\n .map((item, index) => (\r\n item.type === \"hotel\" ?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n \r\n ))\r\n :\r\n \r\n \r\n There are no other properties. \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n {item.location_address},{item.location_state},\r\n {item.location_zip}\r\n \r\n \r\n \r\n \r\n ))\r\n ) : (\r\n \r\n There are no other properties. \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.taxname}\r\n \r\n \r\n {this.state.taxaddress}\r\n \r\n \r\n {this.state.taxcity}, {this.state.taxstate},{\" \"}\r\n {this.state.taxzip}\r\n \r\n \r\n \r\n \r\n Taxpayer Number: {\" \"}\r\n {this.state.taxnum}\r\n \r\n {this.state.postsfiler ? (\r\n \r\n Filer Type: \r\n {this.state.postsfiler}\r\n \r\n ) : (\r\n false\r\n )}\r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {\r\n if (\r\n typeof timelineDate[`${rowData.year}-january`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.january ? (\r\n \r\n \r\n \r\n \r\n this.setState({ selectedRow })\r\n }\r\n isLoading={this.state.yearlyLoading ? false : true}\r\n data={this.state.hotelMBTFinanceData}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n columns={[\r\n {\r\n title: \"Year\",\r\n field: \"year\",\r\n type: \"numeric\",\r\n defaultSort: \"desc\",\r\n },\r\n {\r\n title: \"Total Revenue\",\r\n field: \"total_revenue\",\r\n type: \"html\",\r\n defaultSort: \"desc\",\r\n render: rowData => {\r\n return (\r\n \r\n \r\n $ {rowData.changeInTotalRev}.00 (\r\n {rowData.changeInTotalRevPercent}%)\r\n {rowData.changeInTotalRev.includes(\"-\") ? (\r\n \r\n arrow_downward\r\n \r\n ) : (\r\n \r\n arrow_upward\r\n \r\n )}\r\n \r\n \r\n );\r\n },\r\n },\r\n ]}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.postsHotelName}\r\n
\r\n\r\n \r\n {this.state.postsaddress},{\" \"}\r\n \r\n {this.state.postscity}\r\n \r\n , TX {this.state.postszip} ●{\" \"}\r\n \r\n {\" \"}\r\n {this.state.postsCountyName}\r\n {\" \"}\r\n County\r\n \r\n contact_support \r\n \r\n \r\n
\r\n \r\n {chartdisplaytime}\r\n \r\n
\r\n \r\n
\r\n {this.state.postsHotelName}
\r\n\r\n \r\n {this.state.postsaddress}, {this.state.postscity}, TX\r\n {\" \"}{this.state.postszip} ● {this.state.postsCountyName} County\r\n \r\n contact_support \r\n \r\n \r\n
\r\n \r\n {chartdisplaytime}\r\n \r\n Lodging properties with the same address. \r\n
\r\n Address: {item.location_address}, {item.location_city}, {item.location_state}, {item.location_zip}
\r\n \r\n\r\n
{this.state.taxaddress}.
\r\n {this.state.taxcity}, {this.state.taxstate}, {this.state.taxzip}
\r\n \r\n Other properties owned by Tax Payer. \r\n Hotel MBT \r\n
\r\n Address: {item.location_address}, {item.location_city}, {item.location_state}, {item.location_zip}
\r\n \r\nAddress: {item.location_address}, {item.location_city}, {item.location_state}, {item.location_zip}
\r\n \r\n- \r\n {otherTaxProperties.length > 0 ? (\r\n otherTaxProperties.map((item, index) => (\r\n
\r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.january ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-february`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.february ? (\r\n \r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.february ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-march`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.march ? (\r\n \r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.march ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 1\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.january || 0) +\r\n (rowData.february || 0) +\r\n (rowData.march || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n //backgroundColor: '#f5f5f5',\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-april`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.april ? (\r\n \r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.april ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-may`] === \"undefined\"\r\n ) {\r\n return rowData.may ? (\r\n \r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.may ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-june`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.june ? (\r\n \r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.june ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 2\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.april || 0) +\r\n (rowData.may || 0) +\r\n (rowData.june || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n //color: '#FFF'\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-july`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.july ? (\r\n \r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.july ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-august`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.august ? (\r\n \r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.august ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-september`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.september ? (\r\n \r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.september ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 3\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.july || 0) +\r\n (rowData.august || 0) +\r\n (rowData.september || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n //color: '#FFF'\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-october`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.october ? (\r\n \r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.october ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-november`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.november ? (\r\n \r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.november ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-december`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.december ? (\r\n \r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.december ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter 4\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.october || 0) +\r\n (rowData.november || 0) +\r\n (rowData.december || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly & Quarterly Performance: ${this.state.postsHotelName}`}\r\n onRowClick={(evt, selectedRow) => this.setState({ selectedRow })}\r\n options={{\r\n //pageSize: 10,\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n rowStyle: rowData => ({\r\n backgroundColor:\r\n this.state.selectedRow &&\r\n this.state.selectedRow.tableData.id === rowData.tableData.id\r\n ? \"#f5f5f5\"\r\n : \"#FFF\",\r\n }),\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n $ {rowData.total_revenue.toLocaleString()}.00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"changeInTotalRev\",\r\n type: \"html\",\r\n defaultSort: \"desc\",\r\n render: rowData => {\r\n return (\r\n $ {rowData.total_revenue.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}.00
) }\r\n },\r\n {\r\n title: 'Change in Revenue', field: 'totalRevChange',\r\n\r\n render: rowData => {\r\n\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n $ {rowData.RevPar}
) }\r\n },\r\n {\r\n title: 'Change in RevPar', field: 'RevPARChange',\r\n render: rowData => {\r\n if (rowData.RevPARChange.includes(\"-\")) {\r\n return (\r\n \r\n \r\n contact_support \r\n \r\n
\r\n \r\n \r\n $ \r\n {rowData.wine_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Liquor Revenue\",\r\n field: \"liquor_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {rowData.liquor_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Beer Revenue\",\r\n field: \"beer_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {rowData.beer_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Total Revenue\",\r\n field: \"total_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {rowData.total_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: ${this.state.postsHotelName}`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n
You do not have any portfolios of this type created.
\r\n \r\n {\" \"}\r\n Create one here.\r\n \r\n \r\n ) : null}\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {moment(\r\n timelineDate[\r\n `${rowData.year}-${month}`\r\n ].responsibility_begin_date.toString()\r\n ).format(\"YYYY[-]MM[-]DD\")}\r\n \r\n
\r\n\r\n Property started reporting with the name{\" \"}\r\n \r\n {timelineDate[`${rowData.year}-${month}`].location_name}\r\n \r\n , under{\" \"}\r\n \r\n {timelineDate[`${rowData.year}-${month}`].taxpayer_name}\r\n \r\n
\r\n\r\n {this.props.checkoutForm ?\r\n\r\n // ======== Checkout Form =======\r\n \r\n \r\n \r\n \r\n Billing Details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Payment Details \r\n \r\n \r\n {this.state.cardErrorMsg !== null ? {this.state.cardErrorMsg} : null}\r\n this.stripeError(e)} />\r\n \r\n \r\n {this.state.expiryErrorMsg !== null ? {this.state.expiryErrorMsg} : null}\r\n this.stripeError(e)} />\r\n \r\n \r\n {this.state.cvcErrorMsg !== null ? {this.state.cvcErrorMsg} : null}\r\n this.stripeError(e)} />\r\n \r\n {this.props.monthlyPlan ?\r\n \r\n \r\n \r\n By checking this box you are agreeing to SearchTexasTax's Terms & Conditions, and you acknowledge that your credit card will be billed monthly starting today, {moment().format('L')}.\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n By checking this box you are agreeing to SearchTexasTax's Terms & Conditions, and you acknowledge that your credit card will be billed annually starting today, {moment().format('L')}.\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n :\r\n // ====== Update Card Form ======\r\n \r\n \r\n \r\n New Card Details\r\n \r\n Enter your billing address and payment details \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.cardErrorMsg !== null ? {this.state.cardErrorMsg} : null}\r\n this.stripeError(e)} />\r\n \r\n \r\n {this.state.expiryErrorMsg !== null ? {this.state.expiryErrorMsg} : null}\r\n this.stripeError(e)} />\r\n \r\n \r\n {this.state.cvcErrorMsg !== null ? {this.state.cvcErrorMsg} : null}\r\n this.stripeError(e)} />\r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(injectStripe(BillingForm));\r\n","\r\nimport React, { Component } from 'react';\r\n//import {CardElement, injectStripe} from 'react-stripe-elements';\r\nimport { injectStripe } from 'react-stripe-elements';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport PropTypes from 'prop-types';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { Redirect } from 'react-router-dom';\r\nimport axios from 'axios'\r\nimport BillingForm from './test/BillingForm';\r\nimport { apiUrl, GM_KEY } from '../helpers';\r\nimport { handleError } from '../utils/errorHandling/errorHelper';\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n GridMargin: {\r\n marginBottom: '0px',\r\n marginTop: '0px'\r\n },\r\n checkoutButton: {\r\n color: \"#fff\",\r\n backgroundColor: '#d50000',\r\n \"&:hover\": {\r\n backgroundColor: '#ef5350'\r\n }\r\n },\r\n formWrapper: {\r\n padding: '25px',\r\n margin: '0 auto'\r\n },\r\n confirmWrapper: {\r\n [theme.breakpoints.down('xs')]: {\r\n textAlign: 'center'\r\n },\r\n },\r\n paymentDetailsWrapper: {\r\n padding: '10px 15px 10px 10px',\r\n marginTop: '-10px',\r\n [theme.breakpoints.down('xs')]: {\r\n marginTop: '0px',\r\n },\r\n },\r\n billingDetailsWrapper: {\r\n padding: '10px 10px 10px 15px',\r\n\r\n },\r\n checkWrapper: {\r\n marginTop: '15px'\r\n }\r\n});\r\n\r\n// OM FRIGGEN GGGGGG\r\nconst google = window.google = window.google ? window.google : {}\r\n\r\nlet autocomplete, zipAutocomplete;\r\n// object that has properties sepecfic to google map\r\nlet componentForm = {\r\n locality: 'long_name',\r\n administrative_area_level_1: 'short_name',\r\n country: 'long_name',\r\n postal_code: 'short_name'\r\n};\r\n\r\n\r\n\r\nclass CheckoutForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n complete: false,\r\n name: '',\r\n country_code: '',\r\n\r\n fullstreet_address: '',\r\n address_line2: '',\r\n locality: '',\r\n administrative_area_level_1: '',\r\n postal_code: '',\r\n country: '',\r\n\r\n paymentprocessing: false,\r\n updateProcessing: false,\r\n errormsg: 0,\r\n clicked: false,\r\n monthlyPlan: false,\r\n checkedMonthly: false,\r\n checkedYearly: false,\r\n disabled: true,\r\n termsOpen: false,\r\n autocomplete: '',\r\n errorInput: false,\r\n zipErrorMsg: null,\r\n //elementType: null\r\n\r\n };\r\n this.submitPayment = this.submitPayment.bind(this);\r\n this.fillInAddress = this.fillInAddress.bind(this);\r\n this.fillInAddress2 = this.fillInAddress2.bind(this);\r\n this.initAutocomplete = this.initAutocomplete.bind(this);\r\n this.handleCheck = this.handleCheck.bind(this);\r\n }\r\n\r\n\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n //errorInput: false\r\n });\r\n };\r\n\r\n\r\n\r\n\r\n fillInAddress() {\r\n\r\n try {\r\n\r\n // Get the place details from the autocomplete object.\r\n var place = autocomplete.getPlace();\r\n //console.log(place);\r\n for (var component in componentForm) {\r\n document.getElementById(component).value = '';\r\n document.getElementById(component).disabled = false;\r\n }\r\n\r\n let fullstreet_address;\r\n\r\n if (place !== undefined) {\r\n // make switch statement to check what search term was used first\r\n // to determine what the autocomplete feild should have in it\r\n switch (place !== undefined) {\r\n case place.address_components[0].types[0] === \"locality\":\r\n this.setState({ fullstreet_address: \" \" })\r\n break;\r\n case place.address_components[0].types[0] === \"postal_code\":\r\n this.setState({ fullstreet_address: \" \" })\r\n break;\r\n case place.address_components[0].types[0] === \"street_number\":\r\n fullstreet_address = place.address_components[0].short_name + \" \" + place.address_components[1].short_name;\r\n this.setState({ fullstreet_address })\r\n default:\r\n }\r\n // Get each component of the address from the place details,\r\n // and then fill-in the corresponding field on the form.\r\n for (var i = 0; i < place.address_components.length; i++) {\r\n var addressType = place.address_components[i].types[0];\r\n\r\n if (componentForm[addressType]) {\r\n var val = place.address_components[i][componentForm[addressType]];\r\n document.getElementById(addressType).value = val;\r\n this.setState({\r\n [addressType]: val\r\n });\r\n }\r\n }\r\n }\r\n\r\n } catch (err){\r\n handleError(err, pathname)\r\n }\r\n\r\n\r\n }\r\n\r\n fillInAddress2() {\r\n\r\n try {\r\n\r\n let place2 = zipAutocomplete.getPlace();\r\n\r\n for (var component in componentForm) {\r\n document.getElementById(component).value = '';\r\n document.getElementById(component).disabled = false;\r\n }\r\n let fullstreet_address;\r\n \r\n if (place2 !== undefined) {\r\n switch (place2 !== undefined) {\r\n case place2.address_components[0].types[0] === \"locality\":\r\n this.setState({ fullstreet_address: \" \" })\r\n break;\r\n case place2.address_components[0].types[0] === \"street_number\":\r\n fullstreet_address = place2.address_components[0].short_name + \" \" + place2.address_components[1].short_name;\r\n this.setState({ fullstreet_address })\r\n default:\r\n \r\n }\r\n // Get each component of the address from the place details,\r\n // and then fill-in the corresponding field on the form.\r\n for (var i = 0; i < place2.address_components.length; i++) {\r\n var addressType = place2.address_components[i].types[0];\r\n \r\n if (componentForm[addressType]) {\r\n var val = place2.address_components[i][componentForm[addressType]];\r\n // console.log(val);\r\n // console.log(addressType);\r\n document.getElementById(addressType).value = val;\r\n this.setState({\r\n [addressType]: val\r\n });\r\n }\r\n }\r\n }\r\n\r\n } catch(err){\r\n handleError(err, pathname)\r\n }\r\n\r\n \r\n }\r\n\r\n\r\n initAutocomplete() {\r\n try {\r\n // Create the autocomplete object, restricting the search predictions to\r\n // geographical location types.\r\n autocomplete = new google.maps.places.Autocomplete(document.getElementById('autocomplete'));\r\n zipAutocomplete = new google.maps.places.Autocomplete(document.getElementById('postal_code'));\r\n // Avoid paying for data that you don't need by restricting the set of\r\n // place fields that are returned to just the address components.\r\n autocomplete.setFields(['address_component']);\r\n zipAutocomplete.setFields(['address_component']);\r\n // When the user selects an address from the drop-down, populate the\r\n // address fields in the form.\r\n autocomplete.addListener('place_changed', this.fillInAddress);\r\n zipAutocomplete.addListener('place_changed', this.fillInAddress2);\r\n\r\n } catch(err){\r\n handleError(err, pathname)\r\n }\r\n }\r\n\r\n handleCheck = name => event => {\r\n this.setState({\r\n [name]: event.target.checked,\r\n disabled: !this.state.disabled\r\n });\r\n };\r\n\r\n async submitPayment(ev) {\r\n\r\n try {\r\n\r\n if (this.state.name === '' || this.state.fullstreet_address === '' || this.state.locality === '' || this.state.country === '' || this.state.administrative_area_level_1 === ''\r\n ) {\r\n this.setState({\r\n errormsg: 1,\r\n //errorInput: true\r\n });\r\n\r\n window.scrollTo(0, 0);\r\n return;\r\n }\r\n else {\r\n this.setState({ errormsg: 0 });\r\n }\r\n this.setState({ paymentprocessing: true });\r\n\r\n let { token } = await this.props.stripe.createToken({\r\n name: this.state.name,\r\n address_line1: this.state.fullstreet_address + \", \" + this.state.address_line2,\r\n address_city: this.state.locality,\r\n address_country: this.state.country,\r\n address_state: this.state.administrative_area_level_1,\r\n address_zip: this.state.postal_code,\r\n country_code: this.state.country_code,\r\n\r\n });\r\n //console.log(token);\r\n if (token !== undefined) {\r\n axios({\r\n method: 'post',\r\n url: `${apiUrl}/rest/stripe/stripePayment`,\r\n headers: {\r\n authorization: 'Bearer ' + localStorage.getItem('token'), //the token is a variable which holds the token\r\n 'Accept': 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n data: {\r\n // ===== NEED TO TEST THIS =========\r\n token: token.id,\r\n subscriptionPlan: this.props.subscriptionPlan,\r\n name: token.card.name,\r\n address_city: token.card.address_city,\r\n address_country: token.card.address_country,\r\n address_line1: token.card.address_line1,\r\n address_state: token.card.address_state,\r\n address_zip: token.card.address_zip,\r\n country_code: token.card.country,\r\n }\r\n })\r\n .then((response) => {\r\n //console.log(response);\r\n localStorage.setItem('stripeStatus', \"true\");\r\n if (response.data.token)\r\n localStorage.setItem('token', response.data.token);\r\n this.setState({ complete: true });\r\n\r\n }).catch(e => {\r\n handleError(e, pathname);\r\n this.setState({ errormsg: 2 });\r\n this.setState({ paymentprocessing: false });\r\n });\r\n\r\n }\r\n else {\r\n this.setState({ errormsg: 2 });\r\n this.setState({ paymentprocessing: false });\r\n }\r\n } catch(err){\r\n handleError(err, pathname)\r\n }\r\n\r\n };\r\n\r\n\r\n\r\n\r\n componentDidMount() {\r\n\r\n //could run lodaScript Here\r\n if (this.props.subscriptionPlan === \"2\") {\r\n this.setState({ monthlyPlan: true })\r\n } else {\r\n this.setState({ monthlyPlan: false })\r\n }\r\n\r\n }\r\n\r\n\r\n render() {\r\n const { classes } = this.props;\r\n let errormsg;\r\n if (this.state.errormsg === 1) {\r\n errormsg = (\r\n STT Member Agreement
\r\n\r\n
STT Member Agreement
\r\n\r\n
Please Fill the details before making a payment.
\r\n )\r\n }\r\n else if (this.state.errormsg === 2) {\r\n errormsg = (\r\nBummer!! Something went wrong. Please contact our Support Team for assistance.
\r\n\r\n )\r\n }\r\n let complete;\r\n if (this.state.complete) {\r\n complete = (\r\n\r\n
\r\n )\r\n }\r\n\r\n return (\r\n Purchase complete
\r\nRedirecting to Search Page
\r\n\r\n {(this.state.paymentprocessing) ?\r\n (\r\n Payment Processing... Please do not refresh the page.\r\n ) : ''\r\n }\r\n \r\n \r\n {complete}\r\n {errormsg}\r\n \r\n {this.props.subscriptionPlan === \"2\" ?\r\n Monthly Plan Payment :\r\n Annual Plan Payment \r\n }\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nCheckoutForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\n\r\n\r\nexport default withStyles(styles)(injectStripe(CheckoutForm));","import React from 'react';\r\n\r\n\r\nexport const STT_SVG = ({\r\n style = {},\r\n\r\n //fill = '#fff',\r\n width = '100%',\r\n className = 'surveyLogo',\r\n height = '100%',\r\n viewBox = '0 0 491 490.98',\r\n}) =>\r\n \r\n
{moment(rowData.date).format(\"MMMM Do YYYY\")}
\r\n );\r\n },\r\n },\r\n\r\n {\r\n title: \"Status\",\r\n render: rowData => {\r\n return (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n let pagedisplaybutton;\r\n if (this.state.pagerender === \"ready\" && this.state.free === 0) {\r\n if (this.state.unsubscribed) {\r\n pagedisplaybutton = (\r\n \r\n );\r\n } else {\r\n pagedisplaybutton = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n let pagedisplayupgrade;\r\n if (this.state.pagerender === \"ready\") {\r\n // also check if unsubscribed is true\r\n if (\r\n (this.state.subscription ||\r\n this.state.free ||\r\n this.state.unsubscribed) &&\r\n (this.state.subscriptionType !== 1 || this.state.subscriptionType !== 3)\r\n ) {\r\n pagedisplayupgrade = ;\r\n } else if (\r\n this.state.subscription === false &&\r\n (this.state.subscriptionType === 0 || this.state.subscriptionType === 2)\r\n ) {\r\n pagedisplayupgrade = (\r\n \r\n Successfully unsubscribed, hope to see you soon!\r\n
\r\n ) : null}\r\n {this.state.unsubError ? (\r\n\r\n Sorry, something went wrong. For assistance in unsubscribing\r\n please contact us via{\" \"}\r\n \r\n \r\n
\r\n
\r\n \r\n Member Status : {memberStatus}\r\n \r\n
\r\n \r\n \r\n Name : {this.state.fname} {this.state.lname}\r\n \r\n
\r\n\r\n \r\n Password Reset Failed, please contact us via{\" \"}\r\n
\r\n
\r\n
- \r\n {pagedisplaybutton}\r\n {this.state.free === 1 ? (\r\n \r\n Free Account\r\n \r\n ) : null}\r\n
\r\n {pagedisplaypayment}\r\n
\r\n
\r\n \r\n \r\n
\r\n Before You Go...
\r\n\r\n \r\n We're the Best!\r\n \r\n \r\n We provide you the most current Texas hotel AND mixed\r\n beverage revenue data for a single price much lower than our\r\n competitors. Our site's also much faster than the others.\r\n \r\n \r\n We'll Make it Right!\r\n \r\n \r\n We understand issues with our site pop up from time to time,\r\n but if you let us know, we're pretty quick about fixing\r\n them!\r\n \r\n \r\n Anywho, we'd appreciate another chance and we're glad you\r\n gave us a swing but if you've gotta go, we understand.\r\n \r\n \r\n No Hard Feeings\r\n \r\n \r\n If you cancel today, you can continue using our site until\r\n the current plan is completed. Hey, you can also change your\r\n mind and resubscribe later!\r\n \r\n\r\n {this.state.legacyMember ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n PLEASE READ:\r\n
\r\n\r\n \r\n Prices have changed from the time you registerd!\r\n \r\n
\r\n \r\n Unsubscribing now from your original plan you will\r\n lose your current pricing as a SearchTexasTax Legacy\r\n Member. Whenever you choose to re-subscribe, you will\r\n start a new subscription with our{\" \"}\r\n new pricing.{\" \"}\r\n \r\n \r\n\r\n
\r\n We Appreciate your feedback!
\r\n ) : null}\r\n {this.state.processing ? Processing... : null}\r\n\r\n \r\n We Value Your Feedback!\r\n \r\n
\r\n \r\n
\r\n \r\n Please let us know why you're leaving.\r\n
\r\n\r\n We strive to make our services as affordable as possible\r\n and much lower than our current competitors.\r\n
\r\n ) : null}\r\n\r\n please specify before submitting.\r\n
\r\n ) : null}\r\n \r\n\r\n \r\n I've changed my mind.\r\n \r\n
\r\n \r\n \r\n **If you first signed up with our monthly plan and are\r\n upgrading the same month you will only be\r\n charged the difference.\r\n \r\n
\r\n {this.state.upgraded ? (\r\n\r\n Upgrading Subscription...\r\n
\r\n ) : null}\r\n \r\n You will receive an email to {this.state.email}{\" \"}\r\n for password reset.\r\n
\r\n \r\n If you do not receive an email, please check your spam folder.{\" \"}\r\n
\r\n\r\n \r\n Still haven't received an email? Shoot us a message so we\r\n can assist you via\r\n \r\n \r\n {\" \"}\r\n
Please Fill all the details
\r\n )\r\n }\r\n else if (this.state.errormsg === 2) {\r\n errormsg = (\r\nBummer!! Something went wrong. Please contact our Support Team for assistance.
\r\n\r\n )\r\n }\r\n\r\n return (\r\n\r\n \r\n {(this.state.paymentprocessing) ?\r\n (\r\n Card Updating... Please do not refresh the page.\r\n ) : ''\r\n\r\n }\r\n {errormsg}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\nUpdateCard.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles)(injectStripe(UpdateCard));","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n//import ReactGA from 'react-ga';\r\nimport { Elements, StripeProvider } from \"react-stripe-elements\";\r\nimport UpdateCard from \"./UpdateCard\";\r\n//import {CardNumberElement,CardExpiryElement,CardCVCElement, PostalCodeElement, injectStripe} from 'react-stripe-elements';\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport green from \"@material-ui/core/colors/green\";\r\nimport Slide from \"@material-ui/core/Slide\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { TEST_STRIPE_KEY, STRIPE_KEY } from \"../helpers\";\r\nfunction Transition(props) {\r\n return Card Details updated successfully!
\r\n Redirecting back to your account...\r\n {this.state.redirectTimout ? \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n)\r\n\r\nexport default Footerhome\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport axios from \"axios\";\r\nimport decode from \"jwt-decode\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { ReCaptcha } from \"react-recaptcha-google\";\r\nimport { RECAPTCHA_SITE_KEY } from \"../helpers\";\r\nimport Footerhome from \"./Footerhome\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\nimport moment from \"moment\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginLeft: -12,\r\n marginRight: 20,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n});\r\n\r\nclass Login extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n stripeStatus: false,\r\n email: \"\",\r\n password: \"\",\r\n redirect: 0,\r\n errormsg: false,\r\n invalidmsg: false,\r\n loginclick: false,\r\n recaptchastatus: false,\r\n returningUser: false,\r\n recaptchaFail: false,\r\n recaptchaTriggerd: false,\r\n };\r\n //this.returningUserLogin = this.returningUserLogin.bind(this);\r\n this.onLoadRecaptcha = this.onLoadRecaptcha.bind(this);\r\n this.verifyCallback = this.verifyCallback.bind(this);\r\n }\r\n\r\n onLoadRecaptcha() {\r\n try {\r\n if (this.captcha) {\r\n this.captcha.reset();\r\n this.captcha.execute();\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n verifyCallback(recaptchaToken) {\r\n // Here you will get the final recaptchaToken!!!\r\n //console.log(recaptchaToken, \"<= your recaptcha token\")\r\n try {\r\n if (\r\n recaptchaToken &&\r\n (recaptchaToken !== undefined || recaptchaToken !== null)\r\n ) {\r\n this.setState({ reCaptchaToken: recaptchaToken });\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n document.title = \"Sign In - Search Texas Tax\";\r\n\r\n //this.verifyReturningUser();\r\n\r\n try {\r\n // execute invisible reCaptcha\r\n if (this.captcha) {\r\n this.captcha.reset();\r\n this.captcha.execute();\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n };\r\n\r\n handleClick() {\r\n if (this.state.email === \"\" || this.state.password === \"\") {\r\n this.setState({ errormsg: true });\r\n this.setState({ invalidmsg: false });\r\n return;\r\n }\r\n\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/basic/userlogin`,\r\n data: {\r\n email: this.state.email,\r\n password: this.state.password,\r\n // \"g-recaptcha-response\": this.state.reCaptchaToken,\r\n },\r\n })\r\n .then(res => {\r\n if (res.data === \"Invalid email/password\") {\r\n this.setState({ invalidmsg: true });\r\n this.setState({ errormsg: false });\r\n return;\r\n }\r\n // if post req successful\r\n if (res.data.result) {\r\n // set token and user name to session storage\r\n localStorage.setItem(\"token\", res.data.token);\r\n localStorage.setItem(\"name\", res.data.result.fname);\r\n\r\n if (res.data.result[0].free === 1) {\r\n localStorage.setItem(\"stripeStatus\", true);\r\n this.setState({ stripeStatus: true });\r\n // console.log(localStorage.getItem('stripeStatus'));\r\n\r\n // setting the first redirect\r\n this.setState({ redirect: 1 });\r\n return;\r\n } else {\r\n axios({\r\n method: \"get\",\r\n url: `${apiUrl}/rest/stripe/stripePayment`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n if (res.data === \"true\") {\r\n localStorage.setItem(\"stripeStatus\", res.data);\r\n this.setState({ stripeStatus: true });\r\n } else {\r\n if (res.data.token) {\r\n localStorage.setItem(\"token\", res.data.token);\r\n }\r\n }\r\n // console.log(localStorage.getItem('stripeStatus'));\r\n this.setState({ redirect: 1 });\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n return;\r\n }\r\n } else if (res.data === \"Fail\") {\r\n // alert user of recaptch fail\r\n this.setState({ recaptchaFail: true });\r\n //window.location.reload();\r\n } else {\r\n // if post req not successful\r\n localStorage.removeItem(\"token\");\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n }\r\n\r\n // What does this\r\n handleClickRegister() {\r\n this.setState({ loginclick: true });\r\n }\r\n\r\n componentDidUpdate(prevState) {\r\n if (\r\n this.state.recaptchaFail === true &&\r\n this.state.recaptchaTriggerd === false\r\n ) {\r\n //console.log(\"recaptcha faild, reset recaptcha\");\r\n if (this.captcha) {\r\n //console.log(\"recaptcha from CDM\", this.captcha)\r\n this.captcha.reset();\r\n this.captcha.execute();\r\n this.setState({ recaptchaTriggerd: true });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { loginclick } = this.state;\r\n if (loginclick) {\r\n return \r\n © {moment().format('YYYY')} Search Texas Tax • Abilene v1.19.10
\r\n Privacy •{' '}\r\n Terms\r\n
\r\n Please Enter a registered Email ID and password to login.\r\n
\r\n );\r\n }\r\n\r\n let invalidmsg;\r\n if (this.state.invalidmsg === true) {\r\n invalidmsg =Invalid Email/ Password
;\r\n }\r\n\r\n // checking it outside?? instead of redirecting within the call.\r\n if (\r\n this.state.redirect === 1 ||\r\n this.state.redirect === 2 ||\r\n this.state.returningUser === true\r\n ) {\r\n return\r\n \r\n \r\n \r\n \r\n \r\n {\r\n this.handleClickRegister();\r\n }}\r\n >\r\n Sign Up\r\n \r\n \r\n \r\n \r\n {errormsg}\r\n {invalidmsg}\r\n {this.state.recaptchaFail ? (\r\n \r\n \r\n \r\n \r\n {\r\n this.captcha = el;\r\n }}\r\n size=\"invisible\"\r\n render=\"explicit\"\r\n sitekey={RECAPTCHA_SITE_KEY}\r\n onloadCallback={this.onLoadRecaptcha}\r\n verifyCallback={this.verifyCallback}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nLogin.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withRouter(withStyles(styles, { withTheme: true })(Login));\r\n","import React, { Component } from 'react'\r\nimport { Link } from 'react-router-dom';\r\n//import Footer from '../components/Footer';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\n\r\n\r\nconst styles = {\r\n root: {\r\n width: '100%',\r\n height: '100vh',\r\n paddingTop: 125,\r\n\r\n //marginTop: 50,\r\n },\r\n\r\n typography: {\r\n padding: 12,\r\n fontWeight: 'bold'\r\n },\r\n link: {\r\n fontSize: 22\r\n\r\n },\r\n\r\n};\r\n\r\n\r\nclass NotFound extends Component {\r\n\r\n render() {\r\n const { classes } = this.props;\r\n return (\r\n \r\n \r\n Login and start searching\r\n \r\n
\r\n \r\n Hold your horses! You clicked a little too fast. Try logging in\r\n again.\r\n
\r\n ) : null}\r\n\r\n {\r\n this.handleClick();\r\n }}\r\n >\r\n Login\r\n \r\n
\r\n \r\n Forgot Password?\r\n
\r\n \r\n \r\n New User? Click to Sign Up!\r\n
\r\n \r\n Secure Login with reCAPTCHA subject to Google{\" \"}\r\n
\r\n {\" \"}\r\n
\r\n );\r\n }\r\n let seconddonut;\r\n if (this.state.dataLoadingStatus === \"ready\") {\r\n seconddonut = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n let chartdisplay1;\r\n if (this.state.dataLoadingStatusrev === \"ready\") {\r\n chartdisplay1 = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDatarev}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"decimal\",\r\n },\r\n title: \"Taxable Revenue\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"decimal\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay1 = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n let rev;\r\n if (this.props.match.params.type === \"0\") {\r\n rev = \r\n \r\n {\r\n const type = this.props.match.params.type;\r\n if (type === \"0\") {\r\n return (\r\n \r\n {rowData.location_name\r\n .replace(\"(slash)\", \"/\")\r\n .replace(\"(hash)\", \"#\")}\r\n \r\n );\r\n } else if (type === \"1\") {\r\n return (\r\n \r\n {rowData.location_name}\r\n \r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Option\",\r\n render: rowData => {\r\n return (\r\n {\r\n this.handleClickDelete(\r\n rowData.id,\r\n rowData.taxpayer_number,\r\n rowData.location_number,\r\n rowData.location_name\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n {value === 1 && {chartdisplay1} }\r\n \r\n
\r\n );\r\n }\r\n\r\n const { portfolioName } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n {portfolioName ? portfolioName : null}
\r\n\r\n Hotel Portfolio \r\n {noPostsMsg ? (\r\n
\r\n \r\n No properties yet saved.{\" \"}\r\n Start Searching{\" \"}\r\n \r\n here!\r\n \r\n
\r\n ) : null}\r\n\r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"sum_room_receipts\" },\r\n 1: { axis: \"Number_Of_Rooms_Available\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n sum_room_receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.match.params.name}
\r\n\r\n \r\n Hotel Occupancy Tax Receipts\r\n \r\n
\r\n \r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: ${this.props.match.params.name}`}\r\n options={{\r\n columnsButton: true,\r\n exportButton: true,\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.sum_room_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.posts}\r\n title={`Complete Data Set: ${this.props.match.params.name}`}\r\n options={{\r\n columnsButton: true,\r\n }}\r\n />\r\n {rowData.responsibility_begin_date}
;\r\n }\r\n },\r\n },\r\n {\r\n title: \"End Date\",\r\n field: \"responsibility_end_date\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.responsibility_end_date === 0) {\r\n return {rowData.responsibility_end_date}
;\r\n }\r\n },\r\n },\r\n ]}\r\n data={this.state.brandposts}\r\n title={`All ${this.props.match.params.name} Properties`}\r\n options={{\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"sum_room_receipts\" },\r\n 1: { axis: \"Number_Of_Rooms_Available\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n sum_room_receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.props.match.params.parent}
\r\n\r\n \r\n Hotel Occupancy Tax Receipts\r\n \r\n
\r\n \r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: ${this.props.match.params.parent}`}\r\n options={{\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.sum_room_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.posts}\r\n title={`Complete Data Set: ${this.props.match.params.parent}`}\r\n options={{\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.room_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Taxable Revenue\",\r\n field: \"taxable_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.taxable_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n { title: \"Taxpayer Name\", field: \"taxpayer_name\" },\r\n { title: \"Taxpayer Number\", field: \"taxpayer_number\" },\r\n { title: \"Taxpayer Address\", field: \"taxpayer_address\" },\r\n { title: \"Taxpayer State\", field: \"taxpayer_state\" },\r\n ]}\r\n data={this.state.brandposts}\r\n title={`Brand Insights: ${this.props.match.params.parent}`}\r\n options={{\r\n columnsButton: true,\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n);\r\n\r\nexport const otherMailFolderListItems = (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n);","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport List from \"@material-ui/core/List\";\r\nimport axios from \"axios\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Footer from \"../components/Footer\";\r\nimport MainRoute from \"../components/MainRoute\";\r\nimport { mailFolderListItems, otherMailFolderListItems } from \"./tileData\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Link } from \"react-router-dom\";\r\nimport FreshdeskWidget from \"@personare/react-freshdesk-widget\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { apiUrl } from \"../helpers\";\r\n\r\nconst drawerWidth = 240;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n },\r\n drawer: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n },\r\n },\r\n appBar: {\r\n marginLeft: drawerWidth,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n },\r\n },\r\n menuButton: {\r\n marginRight: 20,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n toolbar: theme.mixins.toolbar,\r\n drawerPaper: {\r\n width: drawerWidth,\r\n },\r\n content: {\r\n flexGrow: 1,\r\n width: \"100%\",\r\n minHeight: \"100vh\",\r\n height: \"auto\",\r\n },\r\n link: {\r\n color: \"white\",\r\n \":hover\": {\r\n textDecoration: \"none\",\r\n },\r\n },\r\n});\r\n\r\nclass ResponsiveDrawer extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n mobileOpen: false,\r\n fname: \"\",\r\n isMobile: false,\r\n loadingAccount: true,\r\n };\r\n this.handleDrawerClose = this.handleDrawerClose.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n //console.log(\"in mount\");\r\n // first check if weare in mobile view\r\n this.setState({ isMobile: true });\r\n axios({\r\n method: \"get\",\r\n url: `${apiUrl}/rest/history/users`,\r\n headers: {\r\n authorization: \"Bearer \" + localStorage.getItem(\"token\"), //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n //console.log(res.data);\r\n if (res.data) {\r\n this.setState({ fname: \"Howdy, \" + res.data[0].fname + \"!\" });\r\n this.setState({ loadingAccount: false });\r\n }\r\n })\r\n .catch(e => {\r\n // console.log(e);\r\n axios({\r\n method: \"post\",\r\n headers: { authorization: \"Bearer \" + localStorage.getItem(\"token\") },\r\n url: `${apiUrl}/rest/errorlog`,\r\n data: { error: JSON.stringify(e), url: window.location.href },\r\n }).then(res => {\r\n // console.log(res);\r\n });\r\n window.location.replace(\"/logout\");\r\n });\r\n }\r\n handleDrawerToggle = () => {\r\n if (this.state.isMobile) {\r\n this.setState(state => ({ mobileOpen: !state.mobileOpen }));\r\n }\r\n };\r\n\r\n handleDrawerClose() {\r\n if (this.state.isMobile) {\r\n this.setState({ mobileOpen: false });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.setState({ isMobile: false });\r\n }\r\n\r\n render() {\r\n const { classes, theme } = this.props;\r\n const { loadingAccount } = this.state;\r\n\r\n const drawer = (\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n - \r\n
- {mailFolderListItems}
- {otherMailFolderListItems}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nResponsiveDrawer.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n // Injected by the documentation to work in an iframe.\r\n // You won't need it on your project.\r\n container: PropTypes.object,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(ResponsiveDrawer);\r\n","/* eslint-disable no-new-object */\r\nimport React, { Component } from \"react\";\r\nimport axios from \"axios\";\r\nimport PropTypes from \"prop-types\";\r\nimport MaterialTable from \"material-table\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport { Chart } from \"react-google-charts\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport ExpansionPanel from \"@material-ui/core/ExpansionPanel\";\r\nimport ExpansionPanelSummary from \"@material-ui/core/ExpansionPanelSummary\";\r\nimport ExpansionPanelDetails from \"@material-ui/core/ExpansionPanelDetails\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Popover from \"@material-ui/core/Popover\";\r\nimport ReactGA from \"react-ga\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport CardHeader from \"@material-ui/core/CardHeader\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport Chip from \"@material-ui/core/Chip\";\r\nimport GoogleMapReact from \"./GoogleMap\";\r\nimport moment from \"moment\";\r\nimport grey from \"@material-ui/core/colors/grey\";\r\nimport shortid from \"shortid\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\nimport {\r\n durations,\r\n durations1,\r\n durationsttm,\r\n durationsttmrevpar,\r\n} from \"../utils/googleChartHelper\";\r\nimport API from \"../utils/API\";\r\n\r\nconst sideBarColor = grey[300];\r\n\r\nlet pathname = window.location.pathname;\r\n\r\n// blue, scarlette, golden, green, purpple, aqua, lightorange, booger-green, indigo, blossom-pink, dark-aqua, dark-pink\r\nlet chartColors = [\r\n \"#4285f4\",\r\n \"#db4437\",\r\n \"#f4b400\",\r\n \"#0f9d58\",\r\n \"#ab47bc\",\r\n \"#00acc1\",\r\n \"#ff7043\",\r\n \"#9e9d24\",\r\n \"#5c6bc0\",\r\n \"#f06292\",\r\n \"#00796b\",\r\n \"#c2185b\",\r\n];\r\nchartColors = [...chartColors];\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n \r\n Please Select a Portfolio to Add this Hotel to it.\r\n
\r\n );\r\n }\r\n const { classes } = this.props;\r\n //const { anchorEl } = this.state;\r\n //const open = Boolean(anchorEl);\r\n\r\n let chartdisplaytime;\r\n if (this.state.dataLoadingStatustimeline) {\r\n chartdisplaytime = (\r\n\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n let chartdisplay1;\r\n if (this.state.dataLoadingStatus1 === \"ready\") {\r\n chartdisplay1 = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData1}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay1 = Fetching Data from API
;\r\n }\r\n\r\n let chartdisplayttm;\r\n if (this.state.dataLoadingStatusttm === \"ready\") {\r\n chartdisplayttm = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDatattm}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"TTM_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplayttm = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n let chartdisplayttmrevpar;\r\n if (this.state.dataLoadingStatusttmrevpar === \"ready\") {\r\n chartdisplayttmrevpar = (\r\n \r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDatattmrevpar}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"TTM_RevPAR\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Revenue: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n legend: { position: \"none\" },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplayttmrevpar = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n const { value } = this.state;\r\n const { loginclick } = this.state;\r\n if (loginclick) {\r\n return \r\n \r\n \r\n \r\n \r\n \r\n {this.state.latitude && this.state.longitude && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n {item.location_address},{item.location_state},\r\n {item.location_zip}\r\n \r\n \r\n \r\n \r\n ))\r\n ) : (\r\n \r\n There are no other properties. \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.taxname}\r\n \r\n \r\n {this.state.taxaddress}\r\n \r\n \r\n {this.state.taxcity}, {this.state.taxstate},{\" \"}\r\n {this.state.taxzip}\r\n \r\n \r\n \r\n \r\n Taxpayer Number: {\" \"}\r\n {this.state.taxnum}\r\n \r\n \r\n Filer Type: \r\n {this.state.postsfiler}\r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n Mixed Beverage Records\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {matchedAdresses.length > 0 ? (\r\n matchedAdresses.slice(0, 10).map((item, index) => (\r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n
\r\n \r\n ))\r\n ) : (\r\n \r\n \r\n \r\n There are no other properties.\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Taxpayer's Information\r\n \r\n \r\n \r\n \r\n \r\n \r\n OWNER INFORMATION\r\n \r\n \r\n \r\n \r\n {this.state.taxname}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Taxpayer Number: \r\n \r\n {this.state.taxnum}\r\n \r\n \r\n \r\n Filer Type: \r\n \r\n {this.state.postsfiler}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Taxpayer's Other Properties\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {otherTaxProperties.length > 0 ? (\r\n otherTaxProperties.slice(0, 10).map((item, index) =>\r\n item.type === \"hotel\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.location_name}\r\n \r\n \r\n \r\n \r\n )\r\n )\r\n ) : (\r\n \r\n \r\n \r\n There are no other properties.\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n {value === 1 && {chartdisplay1} }\r\n {value === 2 && {chartdisplayttm} }\r\n {value === 3 && (\r\n {chartdisplayttmrevpar} \r\n )}\r\n \r\n \r\n\r\n \r\n {this.state.getposts ? (\r\n \r\n \r\n \r\n ) : null}\r\n {\r\n if (\r\n typeof timelineDate[`${rowData.year}-january`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.january ? (\r\n \r\n\r\n \r\n {this.state.yearlyposts ? (\r\n \r\n \r\n \r\n ) : null}\r\n\r\n {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.totalRevChange !== \"$0 (0%)\") {\r\n let checkedData;\r\n if (rowData.totalRevChange.includes(\"(Infinity%)\")) {\r\n checkedData = rowData.totalRevChange.replace(\r\n \"(Infinity%)\",\r\n \" \"\r\n );\r\n return (\r\n \r\n \r\n {checkedData}\r\n \r\n ( ∞ %)\r\n \r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n } else {\r\n checkedData = rowData.totalRevChange;\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n }\r\n } else\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n //\r\n \r\n {rowData.RevPARChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.RevPARChange !== \"$0 (0%)\") {\r\n let checkedData;\r\n if (rowData.RevPARChange.includes(\"(Infinity%)\")) {\r\n checkedData = rowData.RevPARChange.replace(\r\n \"(Infinity%)\",\r\n \" \"\r\n );\r\n return (\r\n \r\n \r\n {checkedData}\r\n \r\n ( ∞ %)\r\n \r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n } else {\r\n checkedData = rowData.RevPARChange;\r\n return (\r\n \r\n \r\n {rowData.RevPARChange}\r\n \r\n \r\n \r\n arrow_upward\r\n \r\n \r\n \r\n );\r\n }\r\n } else\r\n return (\r\n \r\n \r\n {rowData.RevPARChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearlyposts}\r\n title={`Yearly Revenue: El Cosmico`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n\r\n \r\n {this.state.rawposts ? (\r\n \r\n \r\n \r\n ) : null}\r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nTrial.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(Trial);\r\n\r\n// ======= POPOVER CLASS ========\r\nclass PopoverComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n //color = timelineDate[`${props.rowData.year}-${props.month}`].color;\r\n //console.log(\"popover Props\", props);\r\n this.state = {\r\n openedPopoverId: \"\",\r\n anchorEl: \"\",\r\n month: \"\",\r\n classes: \"\",\r\n rowData: \"\",\r\n color: \"\",\r\n popOpen: false,\r\n timelineData: \"\",\r\n };\r\n this.handlePopoverOpen = this.handlePopoverOpen.bind(this);\r\n this.handlePopoverClose = this.handlePopoverClose.bind(this);\r\n }\r\n\r\n handlePopoverOpen(event, popoverId) {\r\n this.setState({\r\n openedPopoverId: popoverId,\r\n anchorEl: event.target,\r\n });\r\n }\r\n handlePopoverClose = () => {\r\n this.setState({\r\n openedPopoverId: null,\r\n anchorEl: null,\r\n });\r\n };\r\n\r\n componentWillMount() {\r\n let {\r\n month,\r\n classes,\r\n openedPopoverId,\r\n anchorEl,\r\n rowData,\r\n color,\r\n timelineDate,\r\n } = this.props;\r\n let colorBackground =\r\n timelineDate[`${this.props.rowData.year}-${this.props.month}`].color;\r\n\r\n this.setState({\r\n month,\r\n classes,\r\n openedPopoverId,\r\n anchorEl,\r\n rowData,\r\n timelineDate,\r\n color: colorBackground,\r\n });\r\n }\r\n\r\n render() {\r\n let {\r\n month,\r\n classes,\r\n openedPopoverId,\r\n anchorEl,\r\n rowData,\r\n color,\r\n timelineDate,\r\n } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n El Cosmico
\r\n\r\n \r\n {this.state.postsaddress.toLowerCase()},{\" \"}\r\n \r\n {this.state.postscity.toLowerCase()}\r\n {\" \"}\r\n {this.state.postszip} ●{\" \"}\r\n \r\n {this.state.postscounty.toLowerCase()}\r\n {\" \"}\r\n County\r\n \r\n contact_support \r\n \r\n \r\n
\r\n {/* \r\n \r\n contact_support \r\n \r\n
*/}\r\n \r\n {chartdisplaytime}
\r\n - \r\n {otherTaxProperties.length > 0 ? (\r\n otherTaxProperties.map((item, index) => (\r\n
\r\n \r\n MBT properties located at the same address.\r\n \r\n
\r\n \r\n Address: {item.location_address},{\" \"}\r\n {item.location_city}, {item.location_state},{\" \"}\r\n {item.location_zip}\r\n
\r\n \r\n\r\n
\r\n {this.state.taxaddress}.\r\n
\r\n \r\n {this.state.taxcity}, {this.state.taxstate},{\" \"}\r\n {this.state.taxzip}\r\n
\r\n \r\n \r\n Other properties owned by Tax Payer.\r\n \r\n \r\n Hotel{\" \"}\r\n MBT{\" \"}\r\n \r\n
\r\n \r\n Address: {item.location_address},{\" \"}\r\n {item.location_city}, {item.location_state},{\" \"}\r\n {item.location_zip}\r\n
\r\n \r\n\r\n Address: {item.location_address},{\" \"}\r\n {item.location_city}, {item.location_state},{\" \"}\r\n {item.location_zip}\r\n
\r\n \r\n\r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.january ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-february`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.february ? (\r\n \r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.february ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-march`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.march ? (\r\n \r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.march ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter_1\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.january || 0) +\r\n (rowData.february || 0) +\r\n (rowData.march || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n //backgroundColor: '#fafafa',\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-april`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.april ? (\r\n \r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.april ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-may`] === \"undefined\"\r\n ) {\r\n return rowData.may ? (\r\n \r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.may ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-june`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.june ? (\r\n \r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.june ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter_2\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.april || 0) +\r\n (rowData.may || 0) +\r\n (rowData.june || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-july`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.july ? (\r\n \r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.july ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-august`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.august ? (\r\n \r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.august ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-september`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.september ? (\r\n \r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.september ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter_3\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.july || 0) +\r\n (rowData.august || 0) +\r\n (rowData.september || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-october`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.october ? (\r\n \r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.october ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-november`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.november ? (\r\n \r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.november ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (\r\n typeof timelineDate[`${rowData.year}-december`] ===\r\n \"undefined\"\r\n ) {\r\n return rowData.december ? (\r\n \r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n ) : (\r\n $ 0.00
\r\n );\r\n } else {\r\n return (\r\n \r\n {rowData.december ? (\r\n \r\n {\" \"}\r\n $ \r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00{\" \"}\r\n \r\n ) : (\r\n $ 0.00\r\n )}\r\n
\r\n );\r\n }\r\n },\r\n },\r\n {\r\n title: \"Quarter_4\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n $ \r\n {(\r\n (rowData.october || 0) +\r\n (rowData.november || 0) +\r\n (rowData.december || 0)\r\n )\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n cellStyle: {\r\n backgroundColor: \"#f5f5f5\",\r\n },\r\n headerStyle: {\r\n fontWeight: \"800\",\r\n maxWidth: \"125px\",\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={\r\n this.state.postsHotelName\r\n ? `Monthly & Quarterly Performance: ${this.state.postsHotelName} `\r\n : null\r\n }\r\n onRowClick={(evt, selectedRow) => this.setState({ selectedRow })}\r\n options={{\r\n //pageSize: 10,\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n rowStyle: rowData => ({\r\n backgroundColor:\r\n this.state.selectedRow &&\r\n this.state.selectedRow.tableData.id === rowData.tableData.id\r\n ? \"#f5f5f5\"\r\n : \"#FFF\",\r\n }),\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n {rowData.totalRevChange} --
\r\n );\r\n },\r\n type: \"html\",\r\n },\r\n {\r\n title: \"RevPar\",\r\n field: \"RevPar\",\r\n type: \"html\",\r\n render: rowData => {\r\n return $ {rowData.RevPar}
;\r\n },\r\n },\r\n {\r\n title: \"Change in RevPar\",\r\n field: \"RevPARChange\",\r\n\r\n render: rowData => {\r\n if (rowData.RevPARChange.includes(\"-\")) {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.room_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Taxable Revenue\",\r\n field: \"taxable_receipts\",\r\n type: \"html\",\r\n render: rowData => {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.taxable_receipts\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"RevPar\",\r\n field: \"revpar\",\r\n type: \"html\",\r\n render: rowData => {\r\n return $ {rowData.revpar}
;\r\n },\r\n },\r\n {\r\n title: \"Taxpayer Name\",\r\n field: \"taxpayer_name\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Taxpayer Number\",\r\n field: \"taxpayer_number\",\r\n type: \"numeric\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Taxpayer City\",\r\n field: \"taxpayer_city\",\r\n hidden: true,\r\n },\r\n {\r\n title: \"Taxpayer County\",\r\n field: \"taxpayer_county\",\r\n hidden: true,\r\n },\r\n\r\n {\r\n title: \"Taxpayer State\",\r\n field: \"taxpayer_state\",\r\n hidden: true,\r\n },\r\n { title: \"Taxpayer Zip\", field: \"taxpayer_zip\", hidden: true },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: El Cosmico`}\r\n options={{\r\n columnsButton: true,\r\n pageSizeOptions: [10, 20, 50, 100],\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {moment(\r\n timelineDate[\r\n `${rowData.year}-${month}`\r\n ].responsibility_begin_date.toString()\r\n ).format(\"YYYY[-]MM[-]DD\")}\r\n \r\n
\r\n\r\n Property started reporting with the name{\" \"}\r\n \r\n {timelineDate[`${rowData.year}-${month}`].location_name}\r\n \r\n , under{\" \"}\r\n \r\n {timelineDate[`${rowData.year}-${month}`].taxpayer_name}\r\n \r\n
\r\n\r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n 1: { axis: \"Number_Of_Rooms_Available\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n \r\n \r\n {/* ===== Monthly Performance Table ========= */}\r\n \r\n \r\n \r\n \r\n {\r\n if (rowData.january === undefined) {\r\n rowData.january = 0;\r\n }\r\n return (\r\n \r\n {/* ===== Yearly Data Table ========= */}\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.totalRevChange !== \"$0 (0%)\") {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_upward \r\n \r\n \r\n //\r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n // \r\n {/* ===== Complete Data Table ========= */}\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nCity.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(City);\r\n","/* eslint-disable no-new-object */\r\nimport React from \"react\";\r\nimport axios from \"axios\";\r\nimport MaterialTable from \"material-table\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Chart } from \"react-google-charts\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\n//import { dollar } from './helper';\r\nimport ReactGA from \"react-ga\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { sum } from \"./helper\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nfunction TabContainer(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n Marfa, TX
\r\n\r\n \r\n Hotel Occupancy Tax Receipts\r\n \r\n
\r\n \r\n ${\" \"}\r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: Marfa`}\r\n options={{ columnsButton: true, \r\n \r\n pageSizeOptions: [10, 20, 50, 100],\r\n loadingType: \"linear\" }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n {rowData.totalRevChange}arrow_upward
\r\n );\r\n } else\r\n return (\r\n {rowData.totalRevChange} --
\r\n );\r\n },\r\n type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearposts}\r\n title={`Yearly Data: Marfa`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.Total_Revenue.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set:Marfa`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n \r\n {durations.map(option => (\r\n \r\n ))}\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartData}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"90%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n title: \"Debt incurred over time.\",\r\n series: {\r\n // Gives each series an axis name that matches the Y-axis below.\r\n 0: { axis: \"Total_Revenue\" },\r\n },\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplay = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n //End of first Graph\r\n\r\n //City Graph:\r\n let chartdisplaycity;\r\n if (this.state.dataLoadingStatusCity === \"ready\") {\r\n chartdisplaycity = (\r\n \r\n \r\n {durationscity.map(option => (\r\n \r\n ))}\r\n \r\n Loading Chart
}\r\n width={\"100%\"}\r\n height={\"400px\"}\r\n data={this.state.chartDataCity}\r\n options={{\r\n chartArea: { height: \"100%\", width: \"100%\" },\r\n hAxis: {\r\n format: \"yyyy\",\r\n },\r\n vAxis: {\r\n format: \"short\",\r\n },\r\n\r\n axes: {\r\n // Adds labels to each axis; they don't have to match the axis names.\r\n y: {\r\n Total_Receipts: { label: \"Monthly Revenue\" },\r\n all: {\r\n format: {\r\n pattern: \"currency\",\r\n },\r\n },\r\n },\r\n x: {\r\n all: {\r\n format: {\r\n pattern: \"MMM dd, yyyy\",\r\n },\r\n },\r\n },\r\n },\r\n }}\r\n rootProps={{ \"data-testid\": \"2\" }}\r\n />\r\n \r\n );\r\n } else {\r\n chartdisplaycity = (\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n //End of City Graph\r\n\r\n const { classes } = this.props;\r\n const { value } = this.state;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {value === 0 && {chartdisplay} }\r\n {value === 1 && {chartdisplaycity} }\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n if (rowData.january === undefined) {\r\n rowData.january = 0;\r\n }\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_downward \r\n \r\n \r\n );\r\n } else if (rowData.totalRevChange !== \"$0 (0%)\") {\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n arrow_upward \r\n \r\n \r\n );\r\n } else\r\n return (\r\n \r\n \r\n {rowData.totalRevChange}\r\n \r\n \r\n minimize \r\n \r\n \r\n );\r\n },\r\n type: \"html\",\r\n },\r\n ]}\r\n data={this.state.yearposts}\r\n title={`Yearly Data: Presidio`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n \r\n {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nCounty.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default withStyles(styles)(County);\r\n","import React from 'react'\r\nimport {\r\n Route,\r\n Switch\r\n} from \"react-router-dom\";\r\nimport Trial from './Trial'\r\nimport TrialCity from './TrialCity'\r\nimport TrialCounty from './TrialCounty'\r\n\r\n// The Main component renders one of the three provided\r\n// Routes (provided that one matches). Both the /roster\r\n// and /schedule routes will match any pathname that starts\r\n// with /roster or /schedule. The / route will only match\r\n// when the pathname is exactly the string \"/\"\r\nconst MainRoute = () => (\r\n \r\n
\r\n \r\n
\r\n Presidio
\r\n\r\n \r\n County Data\r\n \r\n
\r\n \r\n ${\" \"}\r\n {rowData.january\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"February\",\r\n field: \"february\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.february === undefined) {\r\n rowData.february = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.february\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"March\",\r\n field: \"march\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.march === undefined) {\r\n rowData.march = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.march\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"April\",\r\n field: \"april\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.april === undefined) {\r\n rowData.april = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.april\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"May\",\r\n field: \"may\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.may === undefined) {\r\n rowData.may = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.may\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"June\",\r\n field: \"june\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.june === undefined) {\r\n rowData.june = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.june\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"July\",\r\n field: \"july\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.july === undefined) {\r\n rowData.july = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.july\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"August\",\r\n field: \"august\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.august === undefined) {\r\n rowData.august = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.august\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"September\",\r\n field: \"september\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.september === undefined) {\r\n rowData.september = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.september\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"October\",\r\n field: \"october\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.october === undefined) {\r\n rowData.october = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.october\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"November\",\r\n field: \"november\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.november === undefined) {\r\n rowData.november = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.november\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"December\",\r\n field: \"december\",\r\n type: \"html\",\r\n render: rowData => {\r\n if (rowData.december === undefined) {\r\n rowData.december = 0;\r\n }\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.december\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.newposts}\r\n title={`Monthly Performance: Presidio`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.Total_Revenue.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n { title: \"Total Rooms\", field: \"Total_Number_of_Rooms\" },\r\n {\r\n title: \"RevPar\",\r\n field: \"RevPar\",\r\n type: \"html\",\r\n render: rowData => {\r\n return $ {rowData.RevPar}
;\r\n },\r\n },\r\n ]}\r\n data={this.state.cityposts}\r\n title={`By City: Presidio`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n ${\" \"}\r\n {rowData.total_revenue\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n {\r\n title: \"Change in Revenue\",\r\n field: \"totalRevChange\",\r\n\r\n render: rowData => {\r\n if (rowData.totalRevChange.includes(\"-\")) {\r\n return (\r\n \r\n ${\" \"}\r\n {rowData.Total_Revenue.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n .00\r\n
\r\n );\r\n },\r\n },\r\n ]}\r\n data={this.state.rawposts}\r\n title={`Complete Data Set: Presidio`}\r\n options={{\r\n pageSizeOptions: [10, 20, 50, 100],\r\n columnsButton: true,\r\n exportButton: true,\r\n ordering: \"desc\",\r\n loadingType: \"linear\",\r\n }}\r\n localization={{\r\n body: {\r\n emptyDataSourceMessage: this.state.displayMessage,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n);\r\n\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport List from \"@material-ui/core/List\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport MenuIcon from \"@material-ui/icons/Menu\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Footer from \"../components/Footer\";\r\nimport TrialRoute from \"../components/TrialRoute\";\r\nimport { mailFolderListItemsTrial } from \"./TrialTileData\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst drawerWidth = 240;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n },\r\n drawer: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n },\r\n },\r\n appBar: {\r\n marginLeft: drawerWidth,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n },\r\n },\r\n menuButton: {\r\n marginRight: 20,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n toolbar: theme.mixins.toolbar,\r\n drawerPaper: {\r\n width: drawerWidth,\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing(3),\r\n width: \"100%\",\r\n minHeight: \"100vh\",\r\n height: \"auto\",\r\n },\r\n});\r\n\r\nclass ResponsiveDrawer extends React.Component {\r\n state = {\r\n mobileOpen: false,\r\n fname: \"\",\r\n };\r\n componentDidMount() {}\r\n handleDrawerToggle = () => {\r\n this.setState(state => ({ mobileOpen: !state.mobileOpen }));\r\n };\r\n handleClicklogin() {\r\n this.setState({ loginclick: true });\r\n }\r\n handleClickregister() {\r\n this.setState({ registerclick: true });\r\n }\r\n\r\n render() {\r\n const { classes, theme } = this.props;\r\n\r\n const drawer = (\r\n \r\n \r\n
\r\n );\r\n const { loginclick } = this.state;\r\n if (loginclick) {\r\n return - \r\n
- {mailFolderListItemsTrial}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nResponsiveDrawer.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n // Injected by the documentation to work in an iframe.\r\n // You won't need it on your project.\r\n container: PropTypes.object,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(ResponsiveDrawer);\r\n","import React from 'react'\r\nimport { Redirect, Route } from 'react-router-dom'\r\nimport axios from 'axios'\r\nimport { apiUrl } from '../helpers';\r\nimport { handleError } from '../utils/errorHandling/errorHelper';\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nclass PrivateRoute extends React.Component {\r\n _isMounted = false;\r\n state = {\r\n stripeStatus: '',\r\n free: ''\r\n }\r\n componentDidMount() {\r\n this._isMounted = true;\r\n axios({\r\n method: 'get',\r\n url: `${apiUrl}/rest/history/users`,\r\n headers: {\r\n authorization: 'Bearer ' + localStorage.getItem('token'), //the token is a variable which holds the token\r\n }\r\n })\r\n .then((res) => {\r\n\r\n this.setState({ stripeStatus: res.data[0].stripeActive });\r\n this.setState({ free: res.data[0].free });\r\n\r\n }).catch((e) => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n \r\n }\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n render() {\r\n const { component: Component, ...rest } = this.props;\r\n return (\r\n \r\n {\r\n this.handleClickregister();\r\n }}\r\n >\r\n Sign Up\r\n \r\n {\r\n this.handleClicklogin();\r\n }}\r\n >\r\n Login\r\n \r\n
\r\n \r\n This email already exists. Please enter a new one\r\n
\r\n );\r\n }\r\n let errormsg;\r\n if (this.state.errormsg === 1) {\r\n errormsg = (\r\nPlease Enter details to create an account.
\r\n );\r\n } else if (this.state.errormsg === 2) {\r\n errormsg =Email Addresses do not match.
;\r\n } else if (this.state.errormsg === 3) {\r\n errormsg =Please enter a valid Email.
;\r\n } else if (this.state.errormsg === 4) {\r\n errormsg =Email address already exists.
;\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n ![\"logo\"](\"/stt-logo.svg\")
\r\n Search Texas Tax\r\n \r\n \r\n {\r\n this.handleClicklogin();\r\n }}\r\n >\r\n Login\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* { this.captcha = el; }}\r\n size=\"invisible\"\r\n render=\"explicit\"\r\n sitekey={RECAPTCHA_SITE_KEY}\r\n onloadCallback={this.onLoadRecaptcha}\r\n verifyCallback={this.verifyCallback}\r\n /> */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nRegister.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\n\r\n// let us access context --- now we are able to use 'this.context' to access context value\r\n//Register.contextType = AlertContext;\r\nexport default withStyles(styles)(Register);\r\n","import React, { Component } from \"react\";\r\nimport { Elements, StripeProvider } from \"react-stripe-elements\";\r\nimport CheckoutForm from \"./CheckoutForm\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport PropTypes from \"prop-types\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport Footer from \"./Footer\";\r\nimport { TEST_STRIPE_KEY, STRIPE_KEY } from \"../helpers\";\r\n\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginLeft: -12,\r\n marginRight: 20,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n});\r\n\r\nclass PaymentForm extends Component {\r\n state = {\r\n logoutclick: false,\r\n };\r\n\r\n handleClicklogout() {\r\n this.setState({ logoutclick: true });\r\n }\r\n render() {\r\n const { logoutclick } = this.state;\r\n if (logoutclick) {\r\n return \r\n Search Texas Tax\r\n \r\n \r\n \r\n Create Your Account\r\n \r\n
\r\n \r\n Secure Login with reCAPTCHA subject to Google{\" \"}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Search Texas Tax\r\n \r\n \r\n {\r\n this.handleClicklogout();\r\n }}\r\n >\r\n Logout\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPaymentForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(PaymentForm);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport axios from \"axios\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginLeft: -12,\r\n marginRight: 20,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n});\r\n\r\nclass Login extends React.Component {\r\n state = {\r\n email: \"\",\r\n password: \"\",\r\n redirect: 0,\r\n errormsg: false,\r\n invalidmsg: false,\r\n loginclick: false,\r\n msg: false,\r\n passwordReset: 0,\r\n disabled: false,\r\n };\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n };\r\n handleClicklogin() {\r\n this.setState({ loginclick: true });\r\n }\r\n\r\n handleClick() {\r\n try {\r\n if (this.state.email === \"\") {\r\n this.setState({ errormsg: true });\r\n return;\r\n }\r\n let counter = this.state.passwordReset + 1;\r\n this.setState({ passwordReset: counter });\r\n if (this.state.passwordReset === 0) {\r\n this.setState({ disabled: true });\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/passwordreset`,\r\n data: { email: this.state.email },\r\n })\r\n .then(res => {\r\n this.setState({ msg: true });\r\n ////console.log(res);\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n }\r\n } catch (err) {\r\n handleError(err, pathname);\r\n }\r\n }\r\n\r\n render() {\r\n let errormsg;\r\n if (this.state.errormsg === true) {\r\n errormsg = (\r\n \r\n Search Texas Tax\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Please Enter an Email to get Password reset link\r\n
\r\n );\r\n }\r\n const { loginclick } = this.state;\r\n if (loginclick) {\r\n returnPassword Reset Link has been forwarded your email
;\r\n } else {\r\n msg =Please Enter your registered Email
;\r\n }\r\n let invalidmsg;\r\n if (this.state.invalidmsg === true) {\r\n invalidmsg =Invalid Email/ Password
;\r\n }\r\n\r\n const { classes } = this.props;\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n \r\n Search Texas Tax\r\n \r\n \r\n {\r\n this.handleClicklogin();\r\n }}\r\n >\r\n Login\r\n \r\n \r\n \r\n \r\n {errormsg}\r\n\r\n {invalidmsg}\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nLogin.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(Login);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport axios from \"axios\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nlet pathname = window.location.pathname;\r\n\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginLeft: -12,\r\n marginRight: 20,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n success: {\r\n color: \"#43a047\",\r\n },\r\n});\r\n\r\nclass Login extends React.Component {\r\n state = {\r\n email: \"\",\r\n password: \"\",\r\n redirect: 0,\r\n msg: false,\r\n passwordchanged: false,\r\n invalidmsg: false,\r\n loginclick: false,\r\n showfield: true,\r\n errormsg: 0,\r\n disabled: false,\r\n };\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n ////console.log(event.target.value);\r\n };\r\n componentDidMount() {\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/passwordreset/check`,\r\n headers: {\r\n authorization: \"Bearer \" + this.props.match.params.token, //the token is a variable which holds the token\r\n },\r\n })\r\n .then(res => {\r\n ////console.log(res.data);\r\n if (res.data === false) {\r\n this.setState({ msg: true });\r\n }\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n //window.location.replace('/logout');\r\n });\r\n }\r\n\r\n handleClick() {\r\n if (this.state.password === \"\" || this.state.vpassword === \"\") {\r\n this.setState({ errormsg: 2 });\r\n return;\r\n }\r\n\r\n if (this.state.password !== this.state.vpassword) {\r\n this.setState({ errormsg: 1 });\r\n return;\r\n } else {\r\n this.setState({ errormsg: 0 });\r\n }\r\n\r\n this.setState({ disabled: true });\r\n axios({\r\n method: \"post\",\r\n url: `${apiUrl}/rest/passwordreset/update`,\r\n headers: {\r\n authorization: \"Bearer \" + this.props.match.params.token, //the token is a variable which holds the token\r\n },\r\n data: { password: this.state.password },\r\n })\r\n .then(res => {\r\n ////console.log(res.data);\r\n\r\n this.setState({ passwordchanged: true });\r\n })\r\n .catch(e => {\r\n handleError(e, pathname);\r\n });\r\n }\r\n\r\n render() {\r\n const { loginclick } = this.state;\r\n if (loginclick) {\r\n return \r\n Search Texas Tax\r\n \r\n \r\n \r\n {msg}\r\n \r\n
\r\n Passwords do not match.
;\r\n } else if (this.state.errormsg === 2) {\r\n errormsg = (\r\nPlease enter new password to submit.
\r\n );\r\n }\r\n let showbox;\r\n if (this.state.msg === true) {\r\n showbox = (\r\n\r\n Your token has expired. Please click{\" \"}\r\n here to request a new password\r\n reset link..\r\n
\r\n );\r\n } else {\r\n showbox = (\r\n \r\n );\r\n }\r\n\r\n let passwordchanged;\r\n if (this.state.passwordchanged === true) {\r\n passwordchanged = (\r\n\r\n Password has been changed successfully. Please{\" \"}\r\n click here to login\r\n
\r\n );\r\n }\r\n\r\n let invalidmsg;\r\n if (this.state.invalidmsg === true) {\r\n invalidmsg =Invalid Email/ Password
;\r\n }\r\n const { redirect } = this.state;\r\n\r\n if (redirect === 1) {\r\n return\r\n \r\n \r\n \r\n Search Texas Tax\r\n \r\n {\r\n this.handleClicklogin();\r\n }}\r\n >\r\n Register\r\n \r\n \r\n \r\n \r\n {passwordchanged}\r\n {errormsg}\r\n {showbox}\r\n {invalidmsg}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nLogin.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(Login);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport { emphasize } from \"@material-ui/core/styles/colorManipulator\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardActions from \"@material-ui/core/CardActions\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\nimport Footerhome from \"./Footerhome\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\n\r\nconst styles = theme => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing(1),\r\n marginRight: theme.spacing(1),\r\n },\r\n dense: {\r\n marginTop: 16,\r\n },\r\n menu: {\r\n width: 200,\r\n },\r\n root: {\r\n flexGrow: 1,\r\n height: 250,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n menuButton: {\r\n marginLeft: -12,\r\n marginRight: 20,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n chip: {\r\n margin: `${theme.spacing(1 / 2)}px ${theme.spacing(1 / 4)}px`,\r\n },\r\n chipFocused: {\r\n backgroundColor: emphasize(\r\n theme.palette.type === \"light\"\r\n ? theme.palette.grey[300]\r\n : theme.palette.grey[700],\r\n 0.08\r\n ),\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n left: 2,\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n button: {\r\n margin: theme.spacing(1),\r\n },\r\n headerText: {\r\n textAlign: \"center\",\r\n marginTop: \"32px\",\r\n marginBottom: \"38px\",\r\n },\r\n cardWrapper: {\r\n maxWidth: \"300px!important\",\r\n //border: '1px solid red'\r\n },\r\n card: {\r\n padding: \"12px\",\r\n maxWidth: \"240px!important\",\r\n minHeight: \"275px!important\",\r\n marginLeft: \"10%\",\r\n marginRight: \"0px!important\",\r\n textAlign: \"center\",\r\n [theme.breakpoints.down(\"xs\")]: {\r\n marginTop: \"25px\",\r\n },\r\n },\r\n priceBody: {\r\n minHeight: \"160px\",\r\n },\r\n});\r\n\r\nclass Login extends React.Component {\r\n state = {\r\n subscriptionPlan: \"\",\r\n redirect: false,\r\n logoutclick: false,\r\n };\r\n\r\n handleChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n ////console.log(event.target.value);\r\n };\r\n\r\n // handleClick() {\r\n // if (this.state.email === '' || this.state.password === '') {\r\n // this.setState({ errormsg: true })\r\n // this.setState({ invalidmsg: false })\r\n // return;\r\n // }\r\n\r\n // }\r\n\r\n handleClicklogout() {\r\n this.setState({ logoutclick: true });\r\n }\r\n\r\n render() {\r\n const { logoutclick } = this.state;\r\n if (logoutclick) {\r\n ////console.log(logoutclick);\r\n return \r\n \r\n Reset Password\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Search Texas Tax\r\n \r\n \r\n\r\n {\r\n this.handleClicklogout();\r\n }}\r\n >\r\n Logout\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nLogin.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(Login);\r\n","import React, { Component } from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormLabel from \"@material-ui/core/FormLabel\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Send from \"@material-ui/icons/Send\";\r\nimport { Link } from \"react-router-dom\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport green from \"@material-ui/core/colors/green\";\r\nimport { STT_SVG } from \"../utils/logo/SttLogoExport\";\r\n//import classNames from 'classnames';\r\n\r\nimport { Redirect } from \"react-router-dom\";\r\nimport decode from \"jwt-decode\";\r\nimport { apiUrl } from \"../helpers\";\r\nimport { handleError } from \"../utils/errorHandling/errorHelper\";\r\n\r\nconst drawerWidth = 240;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"flex\",\r\n backgroundColor: \"#1565c0\",\r\n height: \"100vh\",\r\n },\r\n rightIcon: {\r\n marginLeft: theme.spacing(1),\r\n //marginTop: '10px'\r\n },\r\n formControl: {\r\n margin: theme.spacing(3),\r\n textAlign: \"left\",\r\n maxWidth: \"300px\",\r\n marginLeft: \"145px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginLeft: \"80px\",\r\n },\r\n },\r\n appBar: {\r\n marginLeft: drawerWidth,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n },\r\n },\r\n group: {\r\n margin: `${theme.spacing(1)}px 0`,\r\n textAlign: \"left\",\r\n //paddingLeft: '125px',\r\n marginTop: \"20px\",\r\n },\r\n surveyWrapper: {\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n marginTop: \"100px\",\r\n padding: \"25px\",\r\n minHeight: \"600px\",\r\n maxHeight: \"750px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n minHeight: \"100vh\",\r\n maxHeight: \"100vh\",\r\n },\r\n },\r\n formContainer: {\r\n textAlign: \"center\",\r\n maxWidth: \"480px\",\r\n },\r\n textField: {\r\n maxWidth: \"220px\",\r\n },\r\n sendButton: {\r\n backgroundColor: \"#f44336!important\",\r\n color: \"#fff\",\r\n minWidth: \"200px\",\r\n maxWidth: \"200px\",\r\n marginTop: \"20px\",\r\n },\r\n buttonSuccess: {\r\n backgroundColor: green[500],\r\n \"&:hover\": {\r\n backgroundColor: green[700],\r\n },\r\n },\r\n buttonProgress: {\r\n color: green[500],\r\n position: \"absolute\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n marginTop: -12,\r\n marginLeft: -12,\r\n },\r\n logoWrapper: {\r\n width: \"60px\",\r\n height: \"60px\",\r\n borderRadius: \"200px\",\r\n borderWidth: \"3px\",\r\n borderColor: \"#cfd8dc\",\r\n borderStyle: \"solid\",\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n },\r\n});\r\n\r\nclass UserFeedback extends Component {\r\n state = {\r\n value: \"\",\r\n text: \"\",\r\n userEmail: \"\",\r\n showText: false,\r\n loading: false,\r\n success: false,\r\n redirect: false,\r\n redirectMsg: false,\r\n };\r\n\r\n handleChange = event => {\r\n this.setState({ value: event.target.value });\r\n\r\n if (event.target.value === \"option5 - other\") {\r\n this.setState({ showText: !this.state.showText });\r\n } else {\r\n this.setState({ showText: false });\r\n }\r\n };\r\n\r\n handleTextChange = name => event => {\r\n this.setState({\r\n [name]: event.target.value,\r\n });\r\n };\r\n\r\n handleSubmit = () => {\r\n let { text, value, userEmail } = this.state;\r\n if (!this.state.loading) {\r\n this.setState(\r\n {\r\n success: false,\r\n loading: true,\r\n },\r\n () => {\r\n // make axios call here and send data\r\n // console.log(text);\r\n // console.log(value);\r\n this.timer = setTimeout(() => {\r\n this.setState({\r\n loading: false,\r\n success: true,\r\n });\r\n window.scrollTo(0, 0);\r\n // repeat with the interval of 2 seconds\r\n /// this.redirectToLogin();\r\n }, 2000);\r\n }\r\n );\r\n }\r\n };\r\n\r\n redirectToLogin() {\r\n let { success } = this.state;\r\n if (success) {\r\n this.setState(\r\n {\r\n redirectMsg: true,\r\n },\r\n () => {\r\n setTimeout(() => {\r\n this.setState({\r\n redirect: true,\r\n });\r\n }, 2000);\r\n }\r\n );\r\n }\r\n }\r\n\r\n setUserEmail(token) {\r\n try {\r\n const decoded = decode(token);\r\n //console.log(decoded.a.email);\r\n this.setState({ userEmail: decoded.a.email });\r\n localStorage.removeItem(\"token\");\r\n } catch (err) {\r\n handleError(\r\n \"could not decode token on UserFeedback.js line 172\",\r\n window.location.pathname\r\n );\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setUserEmail(localStorage.getItem(\"token\"));\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.timer);\r\n clearTimeout(this.redirectTimer);\r\n }\r\n\r\n render() {\r\n const { loading, success } = this.state;\r\n const { classes } = this.props;\r\n // how does this work\r\n // const buttonClassname = classNames({\r\n // [classes.buttonSuccess]: success,\r\n // });\r\n\r\n //console.log(buttonClassname);\r\n\r\n return (\r\n \r\n Search Texas Tax\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n Select a Payment Plan\r\n \r\n \r\n \r\n \r\n \r\n \r\n Monthly\r\n \r\n \r\n $15.00\r\n \r\n \r\n Per Month, Billed Monthly\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Yearly\r\n \r\n \r\n $12.50\r\n \r\n \r\n Per Month, $150 Billed Once Yearly\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Sign Up\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Sign Up\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.success ? (\r\n \r\n \r\n \r\n \r\n Please select a reason.\r\n \r\n \r\n \r\n Send \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(UserFeedback);\r\n","import React from 'react';\r\nimport {STT_SVG} from '../../utils/logo/SttLogoExport';\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport moment from 'moment';\r\nimport Script from 'react-load-script';\r\n\r\n\r\nexport default function Maitenance() {\r\n return (\r\n \r\n
\r\n We Appreciate your feedback!
\r\n ) : null}\r\n {this.state.redirectMsg ? Redirecting... : null}\r\n {this.state.redirect ?\r\n We value Your Feedback! \r\n
\r\n \r\n
\r\n Please select a reason for ubsubscribing.
\r\n\r\n {/*
\r\n\r\n \r\n )\r\n}\r\n","import React, { Component } from 'react'\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Footer from './Footer';\r\n\r\n\r\n\r\nconst styles = {\r\n root: {\r\n width: '100%',\r\n height: '100vh',\r\n paddingTop: 125,\r\n\r\n },\r\n typography: {\r\n padding: 12,\r\n fontWeight: 'bold'\r\n },\r\n link: {\r\n fontSize: 22\r\n\r\n },\r\n url: {\r\n fontWeight: 'bold',\r\n color: '#1c54b2'\r\n }\r\n};\r\n\r\n\r\nclass NotFound extends Component {\r\n\r\n render() {\r\n const { classes } = this.props;\r\n return (\r\n Sorry !
*/}\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {idle ? (\r\n window.location.replace(\"/logout\")\r\n ) : (\r\n // \r\n // \r\n // \r\n {maitenanceMode ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n // \r\n // \r\n )}\r\n
\r\n )}\r\n />\r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","import React from 'react'\r\nimport { render } from 'react-dom'\r\nimport { Router } from 'react-router-dom'\r\nimport history from './components/history/history';\r\nimport App from './components/App';\r\nimport 'babel-polyfill';\r\n//import { NotFoundProvider } from './components/globalState/404Message';\r\n//import { SnackbarProvider } from 'notistack';\r\n\r\nrender((\r\n\r\n \r\n
\r\n