\r\n ;\r\n })\r\n }\r\n
| {content.accountMessage} | \r\n|
| {content.beginningBalance.description} | \r\n{content.beginningBalance.value} | \r\n
| {content.purchaseMessage} | \r\n\r\n |
| {indent}{content.purchase.description} | \r\n{content.purchase.value} | \r\n
| {content.endingBalance.description} | \r\n{content.endingBalance.value} | \r\n
| {content.endingBalance.description} | \r\n{content.endingBalance.value} | \r\n
| {feeSchedule.beginningBalance.description} | \r\n{feeSchedule.beginningBalance.value} | \r\n
| {feeSchedule.purchaseMessage} | \r\n\r\n |
| Download charges | \r\n{feeSchedule.singleItemPurchase.item.value} | \r\n
| Download charges | \r\n\r\n |
| {item.description} | \r\n{item.value} | \r\n
| {feeSchedule.multipleItemPurchase.total.description} | \r\n{feeSchedule.multipleItemPurchase.total.value} | \r\n
| {feeSchedule.endingBalance.description} | \r\n{feeSchedule.endingBalance.value} | \r\n
| {feeSchedule.endingBalance.description} | \r\n{feeSchedule.endingBalance.value} | \r\n
| {feeSchedule.alreadyPurchasedMessage} | \r\n|
| {feeSchedule.insufficientBalanceMessage} | \r\n|
| {feeSchedule.noPurchasingOptionsAvailableMessage} | \r\n
| {eo.accountMessage} | \r\n|
| {eo.beginningBalance.description} | \r\n{eo.beginningBalance.value} | \r\n
| {eo.lowBalanceMessage} | \r\n\r\n |
| {eo.depositAmountMessage} | \r\n\r\n | \r\n
| {eo.surchargeMessage} | \r\n\r\n |
| {eo.endingBalance.description} | \r\n{eo.endingBalance.value} | \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 class DateField extends Component {\r\n\r\n state = {\r\n datePickerDate: this.props.formGroup.value,\r\n textInputDate: this.props.formGroup.value\r\n }\r\n\r\n static getDerivedStateFromProps(props, current_state) {\r\n if (props.formGroup.value !== current_state.textInputDate) {\r\n return {\r\n textInputDate: props.formGroup.value\r\n }\r\n } \r\n return null;\r\n }\r\n\r\n handleDatePickerChange = (date) => {\r\n this.setState({textInputDate:moment(date).format('L')});\r\n this.setState({datePickerDate:date});\r\n\r\n this.props.formGroup.handleDatePickerChange(date);\r\n\r\n }\r\n\r\n handleDateInputChange = (event) => {\r\n this.handleChange(event);\r\n this.props.onChange(event);\r\n }\r\n\r\n handleChange = (event) => {\r\n this.setState({\r\n textInputDate: event.target.value\r\n })\r\n \r\n let momentDate = moment(event.target.value, momentDateFormat, true);\r\n\r\n if(momentDate.isValid()){\r\n this.setState({\r\n datePickerDate: event.target.value\r\n })\r\n }\r\n }\r\n \r\n render() {\r\n let selected = '';\r\n if (this.state.datePickerDate) {\r\n selected = moment(this.state.datePickerDate).toDate();\r\n }\r\n \r\n const inputProps = { }\r\n \r\n let fontWeight = 'normal';\r\n if (this.props.formGroup.primaryCriteria) {\r\n fontWeight = 'bold';\r\n }\r\n\r\n let disabled = false;\r\n if (this.props.formGroup.disabled) {\r\n disabled = true;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { Form } from 'react-bootstrap'\r\nimport { connect } from \"react-redux\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n allPlatList: state.platsReducer.codeDescriptionResultList,\r\n allPlatNameList: state.platNamesReducer.codeDescriptionResultList,\r\n allPlatNumberList: state.platNumbersReducer.codeDescriptionResultList\r\n };\r\n}\r\n\r\nclass PlatField extends React.Component {\r\n render() {\r\n let fontWeight = 'normal';\r\n if (this.props.formGroup.primaryCriteria) {\r\n fontWeight = 'bold';\r\n }\r\n\r\n let placeholder = this.props.formGroup.placeholder;\r\n if (!placeholder) {\r\n placeholder = '(Optional)'\r\n }\r\n\r\n let style = this.props.formGroup.style;\r\n let textField = \r\n
\r\n \r\n this.handleDatePickerChange(date)} customInput={
\r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(PlatField);","import React from 'react';\r\nimport { Form } from 'react-bootstrap'\r\n\r\nexport default class TextField extends React.Component {\r\n \r\n render() {\r\n let placeholder = this.props.formGroup.placeholder;\r\n if (!placeholder) {\r\n placeholder = '(Optional)'\r\n }\r\n\r\n let style = this.props.formGroup.style;\r\n if (this.props.formGroup.fieldType === 'number') {\r\n style = {...style, textAlign: 'right'};\r\n } \r\n if (this.props.formGroup.fieldType === 'minute') {\r\n style = {...style, textAlign: 'right', width: '48px'};\r\n } \r\n\r\n let numberType = this.props.formGroup.numberType;\r\n let step = 1;\r\n if (numberType === 'decimal') {\r\n step = 0.01;\r\n } \r\n\r\n let maxLength = this.props.formGroup.maxLength;\r\n if (!maxLength) {\r\n maxLength = 999; // arbitrary max length\r\n }\r\n\r\n let minLength = this.props.formGroup.minLength;\r\n if (!minLength) {\r\n minLength = 0; \r\n }\r\n\r\n let maxValue = this.props.formGroup.maxValue;\r\n if (!maxLength) {\r\n maxLength = undefined;\r\n }\r\n\r\n let minValue = this.props.formGroup.minValue;\r\n if (!minValue) {\r\n minValue = 0;\r\n }\r\n\r\n let formControl = {label}
\r\n {textField}\r\n {\r\n this.props.formGroup.hideSelect !== true &&\r\n selectField\r\n }\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { Form } from 'react-bootstrap'\r\nimport '../../../landshark.css';\r\n\r\n// Select element. \r\n// Its options are defaulted to Yes and No if options are not provided. \r\nexport default class SelectField extends React.Component {\r\n\r\n render() {\r\n\r\n let clazzName = 'form-inline-block';\r\n if (this.props.formGroup.layout === 'horizontal') {\r\n clazzName = 'form-inline search-results-sort-dropdown ';\r\n }\r\n\r\n // if options are not provided, assume it's a Yes or No dropdown.\r\n let options = this.props.formGroup.options;\r\n if (!options) {\r\n options = [{code : true, description: \"Yes\"}, { code: false, description: \"No\"}]\r\n }\r\n\r\n let size = this.props.formGroup.size ? this.props.formGroup.size : \"md\";\r\n\r\n let formControl = \r\n {label}
\r\n {leadingCharacter} {formControl}
\r\n \r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { Form } from 'react-bootstrap'\r\nimport '../../../landshark.css';\r\n\r\n// Radio Buttons element. \r\n// Its options are defaulted to Yes and No if options are not provided. \r\nexport default class RadioGroup extends React.Component {\r\n\r\n render() {\r\n\r\n // if options are not provided, assume it's a Yes or No dropdown.\r\n let options = this.props.formGroup.options;\r\n if (!options) {\r\n options = [{code : true, description: \"Yes\"}, { code: false, description: \"No\"}]\r\n }\r\n\r\n let radioButtons = \r\n <>\r\n {\r\n options.map((option) => {\r\n return {label}
\r\n {formControl}\r\n {buttonControl}\r\n \r\n
\r\n )\r\n }\r\n}","import React, {Component} from 'react';\r\nimport { Form, Button, Col, FormFile } from 'react-bootstrap'\r\n\r\nimport DateField from \"./DateField\";\r\nimport PlatField from \"./PlatField\";\r\nimport TextField from \"./TextField\";\r\nimport SelectField from \"./SelectField\";\r\nimport RadioGroup from \"./RadioGroup\";\r\n\r\nimport { searchIcon, listIcon } from \"../../../img/font_awesome/font_awesome\"\r\n\r\n// A FieldRow may have one or more fields.\r\nexport default class FieldRow extends Component {\r\n generateRow = (formGroupRow) => {\r\n return (\r\n formGroupRow.formGroups.map((formGroup, index) => { // looping thru the formGroups within the row.\r\n let lgSize = formGroup.lgSize ? formGroup.lgSize : 'auto';\r\n let mdSize = formGroup.mdSize ? formGroup.mdSize : 'auto';\r\n let smSize = formGroup.smSize ? formGroup.smSize : 'auto';\r\n let xsSize = formGroup.xsSize ? formGroup.xsSize : 'auto';\r\n return (\r\n {this.props.formGroup.label}:
\r\n {radioButtons}\r\n {formGroup.error}
\r\n \r\n }\r\n { /* Plat Field */\r\n (formGroup.fieldType === 'plat') && formGroup.hideField !== true &&\r\n <>\r\n {formGroup.error}
\r\n \r\n }\r\n { /* Date Field */\r\n formGroup.fieldType === 'date' && formGroup.hideField !== true &&\r\n <>\r\n {formGroup.error}
\r\n \r\n }\r\n { /* Dropdown */\r\n formGroup.fieldType === 'select' && formGroup.hideField !== true &&\r\n <>\r\n {formGroup.error}
\r\n \r\n }\r\n { /* Button */\r\n formGroup.fieldType === 'lookup' && formGroup.hideField !== true &&\r\n <>\r\n \r\n
\r\n }\r\n { /* Label */\r\n formGroup.fieldType === 'label' && formGroup.hideField !== true &&\r\n {formGroup.value}\r\n }\r\n { /* Label */\r\n formGroup.fieldType === 'textlike' && formGroup.hideField !== true &&\r\n <>\r\n {formGroup.label}:
\r\n {formGroup.error}
\r\n {formGroup.value}
\r\n \r\n \r\n \r\n }\r\n { /* Radio */ \r\n formGroup.fieldType === 'radio' && formGroup.hideField !== true &&\r\n <>\r\n {formGroup.error}
\r\n \r\n }\r\n\r\n { /* Checkbox */ \r\n formGroup.fieldType === 'checkbox' && formGroup.hideField !== true && formGroup.checked === true &&\r\n <>\r\n {formGroup.error}
\r\n }\r\n \r\n }\r\n { /* Checkbox */ \r\n formGroup.fieldType === 'checkbox' && formGroup.hideField !== true && formGroup.checked === false &&\r\n <>\r\n {formGroup.error}
\r\n }\r\n \r\n }\r\n { /* Checkbox */ \r\n formGroup.fieldType === 'blankrow' && formGroup.hideField !== true &&\r\n <> \r\n }\r\n\r\n\r\n\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t {warningSmallIcon} {this.props.countyConfigUserLockout.messageHeadline}\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t| \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t{translations[this.props.language].hello}, {this.props.currentUserName} \r\n\t\t\t\t\t\t\t\t\t\t\t\t{ \r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.role !== 'GUEST' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t||||
| \r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.currentUserUsageBalance}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.role == 'ACCOUNT' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.role !== 'TRIMIN' && this.props.role !== 'COUNTY' && this.props.role !== 'GUEST' && this.props.accountType === 'A_LA_CARTE' && this.props.paymentMethod === 'ESCROW' &&\r\n\t\t\t\t\t\t\t\t\t\t\t!this.props.countyConfigEscrow.reloadByCreditCard &&\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.currentUserUsageBalance}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.role !== 'TRIMIN' && this.props.role !== 'COUNTY' && this.props.role !== 'GUEST' && this.props.accountType === 'A_LA_CARTE' && this.props.paymentMethod === 'INVOICE' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.currentUserUsageBalance} \r\n\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.role !== 'TRIMIN' && this.props.role !== 'COUNTY' && this.props.role !== 'GUEST' && this.props.accountType === 'FLAT_FEE' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.currentUserUsageBalance}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.role == 'ACCOUNT' && this.props.countyConfigEscrow.reloadByCreditCard &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.role == 'ACCOUNT' && this.props.countyConfigFlatFeeOverrideUISettings.accountAdminReload &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tthis.props.role !== 'TRIMIN' && this.props.role !== 'COUNTY' && this.props.role !== 'GUEST' && this.props.accountType === 'A_LA_CARTE' && this.props.paymentMethod === 'CREDIT_CARD' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.props.currentUserUsageBalance} \r\n\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n )\r\n }\r\n}","import React, {Component} from 'react';\r\nimport { Card } from 'react-bootstrap'\r\nimport { mobileIcon } from '../../img/font_awesome/font_awesome';\r\nimport translations from \"../../config/translation/home_translations.json\"\r\nimport { connect } from \"react-redux\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n language: state.currentUserReducer.language ? state.currentUserReducer.language : 'ENGLISH',\r\n };\r\n}\r\n\r\nclass ContactUs extends Component {\r\n render() {\r\n return (\r\n - \r\n
- Email: {this.props.contactEmail} \r\n
- Phone: {this.props.contactPhone} \r\n
- By proceeding to use this website, each visitor agrees to the terms in the Disclaimer.
- {translations[this.props.language].click} {translations[this.props.language].here}
- \r\n
- \r\n {\r\n this.props.newsItems.map((newsItem, index) => {\r\n return
- {newsItem.heading} {newsItem.paragraphContent} \r\n })\r\n }\r\n
- \r\n {\r\n this.props.links.map((link, index) => {\r\n return
- {externalLinkIcon} {link.heading} \r\n })\r\n }\r\n
| {heading} | \r\n })\r\n\r\n }\r\n
|---|
| {value} | })\r\n }\r\n
| {heading} | \r\n })\r\n\r\n }\r\n
|---|
| {value} | })\r\n }\r\n
\r\n
\r\n {expandIcon}
\r\n \r\n \r\n { \r\n this.state.loginSlidesCard &&\r\n \r\n
\r\n {this.props.image}
;\r\n \tif (this.props.sideNavigationOpen) {\r\n \t\tlabel = {this.props.image} {this.props.name} {this.props.badge}
;\r\n \t}\r\n return (label)\r\n }\r\n }\r\n\r\n export default connect(mapStateToProps)(SideNavigationLabel);","import React from 'react';\r\n\r\nimport { chevronLeftIcon, chevronRightIcon } from '../../img/font_awesome/font_awesome'\r\nimport { Button} from 'react-bootstrap'\r\nimport { connect } from \"react-redux\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n toggle: () => { dispatch ({type: 'TOGGLE_SIDE_NAVIGATION'})}\r\n }\r\n}\r\n\r\nclass SideNavigationToggle extends React.Component {\r\n\t\r\n state = {\r\n isToggleOn: true\r\n }\r\n \r\n handleClick = () => {\r\n this.setState({isToggleOn: !this.state.isToggleOn}, this.props.toggle());\r\n }\r\n\r\n render() {\r\n let buttonLeftPadding = 14;\r\n let buttonIcon = chevronRightIcon;\r\n if (this.state.isToggleOn) {\r\n buttonLeftPadding = 226;\r\n buttonIcon = chevronLeftIcon;\r\n }\r\n\r\n return (\r\n \r\n )\r\n \r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SideNavigationToggle);","import React, {Component} from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport {NavLink} from 'react-router-dom'\r\n\r\nimport SideNavigationLabel from \"./SideNavigationLabel\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n sideNavigationOpen: state.sideNavigationReducer\r\n };\r\n}\r\n\r\nclass SideNavigationNavLink extends Component {\r\n\r\n render(){\r\n let minWidth = 0\r\n if (this.props.sideNavigationOpen) {\r\n minWidth = 250\r\n }\r\n let className = \"side-navlink\";\r\n if (this.props.selected) {\r\n className += \" side-navlink-selected\"\r\n }\r\n return(\r\n {this.props.number}
\r\n\t\tif (this.props.sideNavigationOpen) {\r\n \t\t\tlabel = {this.props.number} {this.props.name} {this.props.badge}
\r\n \t\t}\r\n \t\treturn (label) \r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(SideNavigationNumberedLabel);","import React from 'react';\r\nimport {Link} from 'react-router-dom'\r\nimport SideNavigationNumberedLabel from \"./SideNavigationNumberedLabel\";\r\n\r\nexport default class SideNavigationNumberedNavLink extends React.Component {\r\n render(){\r\n let currentSearchIndicator = '';\r\n if (this.props.index === 1) {\r\n \t\tcurrentSearchIndicator = 'Current';\r\n }\r\n\r\n let minWidth = 0\r\n if (this.props.sideNavigationOpen) {\r\n minWidth = 250\r\n }\r\n\r\n let className = \"side-numbered-navlink\";\r\n if (this.props.index === 5) {\r\n className += \" side-numbered-navlink-last\"\r\n }\r\n\r\n let historyLink = '/search/searchHistory/' + this.props.type + '/' + this.props.index;\r\n return(\r\n - { criteria.description}
- {criteriaValue}
\r\n {this.props.pageHeading}\r\n {textFilterComponent}\r\n {selectFilterComponent}\r\n {finderFilterComponent}\r\n {criteriaList}\r\n {buttonList}\r\n
\r\n )\r\n }\r\n\r\n}","import React, {Component} from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nconst mapStateToProps = state => {\r\n return { \r\n countyConfig: {...state.countyConfigSearchReducer, ...state.countyConfigReportsReducer, ...state.countyConfigEfileReducer}\r\n }\r\n }\r\n\r\nclass CountyNotes extends Component {\r\n \r\n render() {\r\n let key = this.props.componentName + 'CountyNote';\r\n let countyNotes = this.props.countyConfig[key];\r\n if (countyNotes)\r\n return{countyNotes}
\r\n else \r\n return \r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(CountyNotes);","import React from 'react';\r\n\r\nimport { Button } from 'react-bootstrap'\r\n\r\nexport default class PrimaryButton extends React.Component {\r\n render() {\r\n if (this.props.buttonLabel !== undefined) {\r\n return \r\n }\r\n return (\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\nimport { Button } from 'react-bootstrap'\r\n\r\nexport default class ClearButton extends React.Component {\r\n render() {\r\n if (this.props.buttonLabel !== undefined) {\r\n return \r\n }\r\n return (\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\nimport { Button } from 'react-bootstrap'\r\n\r\nexport default class CancelButton extends React.Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}","import React from 'react';\r\n\r\nimport { Button } from 'react-bootstrap'\r\n\r\nexport default class SecondaryButton extends React.Component {\r\n render() {\r\n if (this.props.buttonLabel !== undefined) { \r\n if (this.props.buttonBlue === true) {\r\n return \r\n }\r\n \r\n return \r\n }\r\n return (\r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Modal, Container, Row, Col, Button } from 'react-bootstrap';\r\nimport { parse } from 'query-string';\r\nimport axios from \"axios\";\r\nimport AjaxResult from \"../../../utils/AjaxResult\";\r\n\r\nimport configData from \"../../../config/config.json\";\r\n\r\nconst PREFIX = 'CreditCardSearchAuthWindow: ';\r\n\r\nclass CreditCardSearchAuthWindow extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n console.log(PREFIX + \"constructed with props\", props);\r\n this.authFormRef = React.createRef();\r\n this.setState( {show: props.show} );\r\n }\r\n\r\n componentDidMount() {\r\n const script = document.createElement('script');\r\n script.src = configData.AUTHORIZE_ACCEPTJS_URL;\r\n this.setState( {show: this.props.show} );\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n // If we're now showing the window and we haven't created the AuthorizeNetIFrame, do so now\r\n if (this.state.show && !window.AuthorizeNetIFrame) {\r\n this.submitAuthorizeDotNetForm();\r\n window.AuthorizeNetIFrame = {\r\n onReceiveCommunication: queryStr => {\r\n const message = parse(queryStr);\r\n console.log(PREFIX + 'processing message from Authorize.net.');\r\n if (typeof message === 'object' && message !== null) {\r\n switch (message.action) {\r\n case 'transactResponse':\r\n const json = JSON.parse(message.response);\r\n this.creditCardAuthWindowCallbackPayClicked(json);\r\n break;\r\n\r\n case 'resizeWindow':\r\n break;\r\n\r\n case 'cancel':\r\n this.handleAuthorizeDotNetCancelClicked();\r\n break;\r\n default:\r\n this.handleAuthorizeDotNetCancelClicked();\r\n };\r\n }\r\n },\r\n };\r\n } else if (!this.state.show) {\r\n // If weren't now showing the window and the AuthorizeNetIFrame is still here, we\r\n // delete it so it doesn't intercept any iframecommunicator calls.\r\n if (window.AuthorizeNetIFrame) {\r\n delete window.AuthorizeNetIFrame;\r\n }\r\n }\r\n }\r\n\r\n handleAuthorizeDotNetCancelClicked() {\r\n this.props.handleCloseClicked();\r\n }\r\n\r\n creditCardAuthWindowCallbackPayClicked = (authTrans) => {\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"creditcard/authorizationResponse\", authTrans, { withCredentials: true })\r\n .then((response) => {\r\n\r\n let result = new AjaxResult(response);\r\n\r\n if (!result.isOk()) {\r\n result.handleError();\r\n } else {\r\n if (result.content().authorizationOkay) {\r\n this.props.handleAuthorizedSubmit();\r\n } else {\r\n alert('Failed to process credit card authorization from Authorize.net. Note, you will not be charged. Please contact the county or TriMin support for assitance');\r\n }\r\n }\r\n }, (error) => {\r\n alert('Failed to process credit card authorization from Authorize.net. Note, you will not be charged. Please contact the county or TriMin support for assitance');\r\n })\r\n }\r\n\r\n componentWillUnmount() {\r\n if (window.AuthorizeNetIFrame) {\r\n delete window.AuthorizeNetIFrame;\r\n }\r\n }\r\n\r\n submitAuthorizeDotNetForm() {\r\n if (this.authFormRef.current) {\r\n this.authFormRef.current.submit();\r\n }\r\n }\r\n\r\n render() {\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\r\nexport default connect(mapStateToProps)(FormTemplate);","export const handleError = (error, history) => {\r\n var response = error.response;\r\n if (response && response.status === 403) {\r\n if (response.data.message && response.data.message != '') {\r\n alert(response.data.message);\r\n }\r\n history.push('/login');\r\n } \r\n};\r\n\r\nexport const handleBlobError = (error, history, callback) => {\r\n var response = error.response;\r\n if (response && response.status === 403) {\r\n history.push('/login');\r\n } else {\r\n var blob = new Blob([response.data], { type: 'application/json' });\r\n var fileReader = new FileReader();\r\n fileReader.onload = function() {\r\n let data = JSON.parse(this.result);\r\n if (response.status === 403 && data.status === 'LOGIN') {\r\n history.push('/login');\r\n } else if (response.status === 500) {\r\n callback(data.message, data.status);\r\n }\r\n };\r\n fileReader.readAsText(blob);\r\n }\r\n};\r\n\r\nexport const handleCallBack = (callback, foundRecords, content) => {\r\n if (!callback) {\r\n return;\r\n }\r\n\r\n let message = '';\r\n if (foundRecords === false) {\r\n message = 'No Records Found.'\r\n }\r\n callback(message, \"OK\", content);\r\n};\r\n\r\n","export const AccountsControlPanelKey = \"AccountsControlPanelKey\";\r\nexport const ALaCarteRatesControlPanelKey = \"ALaCarteRatesControlPanelKey\";\r\nexport const ALaCarteRatesSpecialControlPanelKey = \"ALaCarteRatesSpecialControlPanelKey\";\r\nexport const CreditCardAlternateRatesControlPanelKey = \"CreditCardAlternateRatesControlPanelKey\";\r\nexport const CreditCardExtraControlPanelKey = \"CreditCardExtraControlPanelKey\";\r\nexport const EscrowControlPanelKey = \"EscrowControlPanelKey\";\r\nexport const FlatFeeControlPanelKey = \"FlatFeeControlPanelKey\";\r\nexport const FlatFeeOverrideControlPanelKey = \"FlatFeeOverrideControlPanelKey\";\r\nexport const BillingScheduleControlPanelKey = \"BillingScheduleControlPanelKey\";\r\n\r\nexport const CommonControlPanelKey = \"CommonControlPanelKey\";\r\nexport const HomeSelectionsControlPanelKey = \"HomeSelectionsControlPanelKey\";\r\nexport const HomeLatestNewsControlPanelKey = \"HomeLatestNewsControlPanelKey\";\r\nexport const HomeExternalLinksControlPanelKey = \"HomeExternalLinksControlPanelKey\";\r\nexport const HomeNotableDatesControlPanelKey = \"HomeNotableDatesControlPanelKey\";\r\nexport const LoginPageLinksControlPanelKey = \"LoginPageLinksControlPanelKey\";\r\nexport const LoginPageLatestNewsControlPanelKey = \"LoginPageLatestNewsControlPanelKey\";\r\nexport const LoginPageSlidesControlPanelKey = \"LoginPageSlidesControlPanelKey\";\r\nexport const LoginPageRegistrationControlPanelKey = \"LoginPageRegistrationControlPanelKey\";\r\nexport const ReportsControlPanelKey = \"ReportsControlPanelKey\";\r\nexport const SearchControlPanelKey = \"SearchControlPanelKey\";\r\nexport const Search2ControlPanelKey = \"Search2ControlPanelKey\";\r\nexport const EfileControlPanelKey = \"EfileControlPanelKey\";\r\nexport const LanguagesControlPanelKey = \"LanguagesControlPanelKey\";\r\nexport const LandSharkOneAccountsUsersControlPanelKey = \"LandSharkOneAccountsUsersControlPanelKey\";\r\nexport const LandSharkOneAuditLogControlPanelKey = \"LandSharkOneAuditLogControlPanelKey\";\r\n\r\nexport const UserLockoutControlPanelKey = \"UserLockoutControlPanelKey\";\r\nexport const UserLockout2ControlPanelKey = \"UserLockout2ControlPanelKey\";\r\nexport const UserPurgeNowControlPanelKey = \"UserPurgeNowControlPanelKey\";\r\nexport const UserPurgeScheduleControlPanelKey = \"UserPurgeScheduleControlPanelKey\";\r\nexport const UserAccessControlPanelKey = \"UserAccessControlPanelKey\";\r\n\r\nexport const AuditLogPurgeScheduleControlPanelKey = \"AuditLogPurgeScheduleControlPanelKey\";\r\n\r\nexport const PerformanceMonitoringControlPanelKey = \"PerformanceMonitoringControlPanelKey\";\r\nexport const ReloadConfigurationControlPanelKey = \"ReloadConfigurationControlPanelKey\";\r\n\r\nexport const setSelectedControlPanelType = (selectedControlPanelType) => {\r\n return {\r\n type: 'SET_SELECTED_CONTROL_PANEL_TYPE',\r\n selectedControlPanelType\r\n }\r\n}\r\n \r\nexport const updateAccountListFilters = (filters) => {\r\n return {\r\n type: 'SET_ACCOUNT_LIST_FILTERS',\r\n filters\r\n }\r\n}","import axios from \"axios\";\r\nimport { saveAs } from 'file-saver';\r\nimport moment from 'moment';\r\nimport configData from \"../../config/config.json\";\r\nimport { handleError, handleCallBack } from \"./commonStuff\";\r\nimport { AuditLogPurgeScheduleControlPanelKey } from \"./controlPanelActions\";\r\n\r\nexport const SearchByAddressKey = \"searchByAddress\";\r\nexport const SearchByBookAndPageKey = \"searchByBookAndPage\";\r\nexport const SearchByDateKey = \"searchByDate\";\r\nexport const SearchByDocumentNumberKey = \"searchByDocumentNumber\";\r\nexport const SearchByLegalDescriptionKey = \"searchByLegalDescription\";\r\nexport const SearchByNameKey = \"searchByName\";\r\nexport const SearchByParcelIdKey = \"searchByParcelId\";\r\nexport const SearchByTorrensCertificateKey = \"searchByTorrensCertificate\";\r\nexport const SearchByTorrensTextKey = \"searchByTorrensText\";\r\nexport const SpecialSearchGrantorGranteeBookKey = \"searchByGrantorGranteeBook\";\r\nexport const SpecialSearchTractBookIdKey = \"searchByTractBookId\";\r\nexport const SpecialSearchTractBookLegalKey = \"searchByTractBookLegal\";\r\nexport const SpecialSearchPlatKey = \"searchByPlat\";\r\nexport const SpecialSearchTaxLienKey = \"searchByTaxLien\";\r\nexport const SearchByTractIndexNMIKey = \"searchByTractIndexNMI\";\r\n\r\nexport const SearchByAddressUrl = \"search/\" + SearchByAddressKey;\r\nexport const SearchByBookAndPageUrl = \"search/\" + SearchByBookAndPageKey;\r\nexport const SearchByDateUrl = \"search/\" + SearchByDateKey;\r\nexport const SearchByDocumentNumberUrl = \"search/\" + SearchByDocumentNumberKey;\r\nexport const SearchByLegalDescriptionUrl = \"search/\" + SearchByLegalDescriptionKey;\r\nexport const SearchByNameUrl = \"search/\" + SearchByNameKey;\r\nexport const SearchByParcelIdUrl = \"search/\" + SearchByParcelIdKey;\r\nexport const SearchByTorrensCertificateUrl = \"search/\" + SearchByTorrensCertificateKey;\r\nexport const SearchByTorrensTextUrl = \"search/\" + SearchByTorrensTextKey;\r\nexport const SpecialSearchGrantorGranteeBookUrl = \"search/\" + SpecialSearchGrantorGranteeBookKey;\r\nexport const SpecialSearchTractBookIdUrl = \"search/\" + SpecialSearchTractBookIdKey;\r\nexport const SpecialSearchTractBookLegalUrl = \"search/\" + SpecialSearchTractBookLegalKey;\r\nexport const SpecialSearchPlatUrl = \"search/\" + SpecialSearchPlatKey;\r\nexport const SpecialSearchTaxLienUrl = \"search/\" + SpecialSearchTaxLienKey;\r\nexport const SearchByTractIndexNMIUrl = \"search/\" + SearchByTractIndexNMIKey;\r\n\r\nconst LoadByBatchUrls = [SearchByAddressUrl, SearchByBookAndPageUrl, SearchByDateUrl, SearchByDocumentNumberUrl, SearchByLegalDescriptionUrl, SearchByNameUrl, SearchByParcelIdUrl, SpecialSearchPlatUrl, SpecialSearchTaxLienUrl];\r\n\r\nexport const SEARCH_RESULTS_PAGE_SIZE = 100; // 100 records max per page\r\nexport const SEARCH_RESULTS_BATCH_SIZE = 25; // 25 records max per batch.\r\n \r\nexport const displayTractBookDetails = (id, sourcedDocKey, callback) => async dispatch => {\r\n const searchDetails = {\r\n docId: id,\r\n sourcedDocKey: sourcedDocKey\r\n }\r\n\r\n dispatch({ type: 'VISITED', id });\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/tractBookDetails\", searchDetails, { withCredentials: true })\r\n .then((response) => {\r\n handleTractBookDetails(dispatch, id, callback, response.data.content);\r\n }, (error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nconst handleTractBookDetails = (dispatch, id, callback, content) => {\r\n if (content.paymentNeededAgain === true || content.paymentNeeded === true) {\r\n dispatch({ type: 'DISPLAY_TRACT_BOOK_SEARCH_DETAILS', id : 0 }, handleCallBack(callback, true, content)); \r\n } else {\r\n dispatch({ type: 'DISPLAY_TRACT_BOOK_SEARCH_DETAILS', id }, handleCallBack(callback, true, content)); \r\n }\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nexport const displayTorrensCertificateDetails = (id, sourcedDocKey, callback) => async dispatch => {\r\n const searchDetails = {\r\n docId: id,\r\n sourcedDocKey: sourcedDocKey\r\n }\r\n\r\n dispatch({ type: 'VISITED', id });\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/torrensCertificateDetails\", searchDetails, { withCredentials: true })\r\n .then((response) => {\r\n handleTorrensCertificateDetails(dispatch, id, callback, response.data.content);\r\n }, (error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nconst handleTorrensCertificateDetails = (dispatch, id, callback, content) => {\r\n if (content.paymentNeededAgain === true || content.paymentNeeded === true) {\r\n dispatch({ type: 'DISPLAY_TORRENS_CERTIFICATE_SEARCH_DETAILS', id : 0 }, handleCallBack(callback, true, content)); \r\n } else {\r\n dispatch({ type: 'DISPLAY_TORRENS_CERTIFICATE_SEARCH_DETAILS', id }, handleCallBack(callback, true, content)); \r\n }\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nexport const displayGrantorGranteeBookDetails = (id, sourcedDocKey, callback) => async dispatch => {\r\n const searchDetails = {\r\n docId: id,\r\n sourcedDocKey: sourcedDocKey\r\n }\r\n\r\n dispatch({ type: 'VISITED', id });\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/grantorGranteeBookDetails\", searchDetails, { withCredentials: true })\r\n .then((response) => {\r\n handleGrantorGranteeBookDetails(dispatch, id, callback, response.data.content);\r\n }, (error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nconst handleGrantorGranteeBookDetails = (dispatch, id, callback, content) => {\r\n if (content.paymentNeededAgain === true || content.paymentNeeded === true) {\r\n dispatch({ type: 'DISPLAY_GRANTOR_GRANTEE_BOOK_SEARCH_DETAILS', id : 0 }, handleCallBack(callback, true, content)); \r\n } else {\r\n dispatch({ type: 'DISPLAY_GRANTOR_GRANTEE_BOOK_SEARCH_DETAILS', id }, handleCallBack(callback, true, content)); \r\n }\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nexport const displayTaxLienDetails = (id, sourcedDocKey, callback) => async dispatch => {\r\n const searchDetails = {\r\n docId: id,\r\n sourcedDocKey: sourcedDocKey\r\n }\r\n\r\n dispatch({ type: 'VISITED', id });\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/taxLienDetails\", searchDetails, { withCredentials: true })\r\n .then((response) => {\r\n handleTaxLienSearchDetails(dispatch, id, callback, response.data.content);\r\n }, (error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nconst handleTaxLienSearchDetails = (dispatch, id, callback, content) => {\r\n if (content.paymentNeededAgain === true || content.paymentNeeded === true) {\r\n dispatch({ type: 'DISPLAY_TAX_LIEN_SEARCH_DETAILS', id : 0 }, handleCallBack(callback, true, content)); \r\n } else {\r\n dispatch({ type: 'DISPLAY_TAX_LIEN_SEARCH_DETAILS', id }, handleCallBack(callback, true, content)); \r\n }\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nexport const displayDetails = (id, sourcedDocKey, callback) => async dispatch => {\r\n const searchDetails = {\r\n docId: id,\r\n sourcedDocKey: sourcedDocKey\r\n }\r\n\r\n dispatch({ type: 'VISITED', id });\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/documentDetails\", searchDetails, { withCredentials: true })\r\n .then((response) => {\r\n handleSearchDetails(dispatch, id, callback, response.data.content);\r\n }, (error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const selectSearchSequenceRow = (id) => async dispatch => {\r\n dispatch({ type: 'SELECT_TABLE_ROW', id : id })\r\n};\r\n\r\nconst handleSearchDetails = (dispatch, id, callback, content) => {\r\n if (content.paymentNeededAgain === true || content.paymentNeeded === true) {\r\n dispatch({ type: 'DISPLAY_DETAILS', id : 0 }, handleCallBack(callback, true, content)); \r\n } else {\r\n dispatch({ type: 'DISPLAY_DETAILS', id }, handleCallBack(callback, true, content)); \r\n }\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nexport const setSelectedSearchType = (selectedSearchType) => {\r\n return {\r\n type: 'SET_SELECTED_SEARCH_TYPE',\r\n selectedSearchType\r\n }\r\n}\r\n\r\nconst handleLockout = (dispatch, lockout) => {\r\n dispatch({ type: 'SET_LOCKOUT_IN_PLACE', lockout }); \r\n};\r\n\r\nconst handleSearchResults = (dispatch, content, resetPage = true, pageNumber = 1, sortKey = 'docNumber', sortDirection = 'ASC') => {\r\n dispatch({ type: 'UPDATE_SEARCH_RESULTS', searchResults: content.searchResults }); // This is the search results table\r\n if (resetPage) {\r\n dispatch({ type: 'SET_SELECTED_SEARCH_RESULTS_PAGE', pageNumber }); // New search results, reset the search results table to page 1.\r\n dispatch({ type: 'SET_SELECTED_SEARCH_RESULTS_SORT', sort: { sortKey, sortDirection } }); // New search results, reset the search results table to page 1.\r\n updateSearchHistory(dispatch, content);\r\n }\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nconst updateSearchHistory = (dispatch, content) => {\r\n dispatch({ type: 'UPDATE_SEARCH_HISTORY', historyResults: content.historyResults }); // This is the search history in the lower left.\r\n dispatch({ type: 'UPDATE_SEARCH_CRITERIA', newHistory: content.historyResults.searchHistoryList[0] }); // This is the search criteria that populates the Search forms.\r\n dispatch({ type: 'UPDATE_CURRENT_USER_USAGE_BALANCE', usageBalance: content.usageBalance });\r\n};\r\n\r\nconst handleDocumentSearchResponse = (response, history, callback, pushHistory, dispatch, pageNumber, sortKey, sortDirection) => {\r\n handleSearchResponse(response, history, callback, pushHistory, dispatch, '/search/SearchResults', pageNumber, sortKey, sortDirection);\r\n}\r\n\r\nconst handleTorrensSearchResponse = (response, history, callback, pushHistory, dispatch, pageNumber, sortKey, sortDirection) => {\r\n handleSearchResponse(response, history, callback, pushHistory, dispatch, '/search/TorrensSearchResults', pageNumber, sortKey, sortDirection);\r\n}\r\n\r\nconst handleSearchResponse = (response, history, callback, pushHistory, dispatch, pushDestination, pageNumber, sortKey, sortDirection) => {\r\n handleLockout(dispatch, response.data.lockout);\r\n\r\n let content = response.data.content;\r\n let foundRecords = false;\r\n if (content.paymentNeeded !== true && content.paymentNeededAgain !== true) {\r\n if (content.searchResults.totalRecordCount > 0) {\r\n if (pushHistory) {\r\n history.push(pushDestination);\r\n } \r\n handleSearchResults(dispatch, content, pushHistory === true, pageNumber, sortKey, sortDirection); \r\n foundRecords = true;\r\n } else {\r\n updateSearchHistory(dispatch, content);\r\n }\r\n }\r\n handleCallBack(callback, foundRecords, content);\r\n}\r\n\r\nconst handleTableBatchResponse = (response, dispatch) => {\r\n let content = response.data.content;\r\n if (content.searchResults.totalRecordCount > 0) {\r\n \r\n dispatch({ type: 'UPDATE_TABLE_BATCH_RESULTS', searchResults: content.searchResults }); // This is the search results table \r\n }\r\n}\r\n\r\nexport const printResults = (searchCriteria, callback, url) => async dispatch => {\r\n \r\n await axios.post(configData.LANDSHARK_SERVER_URL + url + 'Print', searchCriteria, { responseType: 'blob', withCredentials: true })\r\n .then((response) => {\r\n let blob = new Blob([response.data], { type: 'application/pdf' });\r\n saveAs(blob, 'SearchResultsReport.pdf');\r\n handleCallBack(callback, true);\r\n }, (error) => {\r\n \r\n });\r\n\r\n \r\n};\r\n\r\nexport const loadDocuments = (searchCriteria, history, callback, url, pushHistory = true) => async dispatch => {\r\n let totalRecordCount = 0;\r\n dispatch({ type: 'SET_TABLE_LOADING', tableLoading: false });\r\n searchCriteria.timestamp = moment().valueOf();\r\n await axios.post(configData.LANDSHARK_SERVER_URL + url, searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleDocumentSearchResponse(response, history, callback, pushHistory, dispatch, searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n totalRecordCount = response.data.content.searchResults.totalRecordCount;\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n\r\n if (totalRecordCount > SEARCH_RESULTS_BATCH_SIZE) {\r\n dispatch(loadTableBatches(searchCriteria, url));\r\n }\r\n};\r\n\r\nexport const loadTableBatches = (searchCriteria, url) => async (dispatch, getState) => {\r\n const numberOfBatches = SEARCH_RESULTS_PAGE_SIZE / SEARCH_RESULTS_BATCH_SIZE;\r\n\r\n if (LoadByBatchUrls.indexOf(url) >= 0) {\r\n for (let index = 2; index <= numberOfBatches; index++) { // Batch 1 has already been fetched, so start with batch 2.\r\n let recordsFetched = 0;\r\n dispatch({ type: 'SET_TABLE_LOADING', tableLoading: true });\r\n searchCriteria.batch = index;\r\n searchCriteria.updateHistory = false;\r\n await axios.post(configData.LANDSHARK_SERVER_URL + url, searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleTableBatchResponse(response, dispatch);\r\n recordsFetched = response.data.content.searchResults.totalRecordCount;\r\n }, (error) => {\r\n });\r\n dispatch({ type: 'SET_TABLE_LOADING', tableLoading: false });\r\n\r\n\r\n const currentSearchTimestamp = getState().searchResultsReducer.timestamp;\r\n\r\n // if fetches less than batch size, it means there's no more to fetch.\r\n if (recordsFetched < SEARCH_RESULTS_BATCH_SIZE || currentSearchTimestamp !== searchCriteria.timestamp) {\r\n break;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// GRANTOR GRANTEE BOOK\r\nexport const searchByGrantorGranteeBook = (searchCriteria, history, callback, pushHistory = true) => async dispatch => {\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByGrantorGranteeBook\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleSearchResponse(response, history, callback, pushHistory, dispatch, '/search/GrantorGranteeBookSearchResults', searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n};\r\n\r\n// GRANTOR GRANTEE BOOK Print\r\nexport const searchByGrantorGranteeBookPrint = (searchCriteria, callback) => async dispatch => {\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByGrantorGranteeBookPrint\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n \r\n }, (error) => {\r\n \r\n });\r\n};\r\n\r\n// TAX LIEN\r\nexport const searchByTaxLien = (searchCriteria, history, callback, pushHistory = true) => async dispatch => {\r\n\r\n let totalRecordCount = 0;\r\n dispatch({ type: 'SET_TABLE_LOADING', tableLoading: false });\r\n searchCriteria.timestamp = moment().valueOf();\r\n await axios.post(configData.LANDSHARK_SERVER_URL + SpecialSearchTaxLienUrl, searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleSearchResponse(response, history, callback, pushHistory, dispatch, '/search/TaxLienSearchResults', searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n totalRecordCount = response.data.content.searchResults.totalRecordCount;\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n if (totalRecordCount > SEARCH_RESULTS_BATCH_SIZE) {\r\n dispatch(loadTableBatches(searchCriteria, SpecialSearchTaxLienUrl));\r\n }\r\n};\r\n\r\n// TAX LIEN Print\r\nexport const searchByTaxLienPrint = (searchCriteria, callback) => async dispatch => {\r\n\r\n searchCriteria.pageNumber = -1;\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + SpecialSearchTaxLienUrl, searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n \r\n \r\n }, (error) => {\r\n \r\n });\r\n};\r\n\r\n// TORRENS CERTIFICATE\r\nexport const searchByTorrensCertificate = (searchCriteria, history, callback, pushHistory = true) => async dispatch => {\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByTorrensCertificate\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleTorrensSearchResponse(response, history, callback, pushHistory, dispatch, searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n};\r\n\r\n// TORRENS CERTIFICATE Print\r\nexport const searchByTorrensCertificatePrint = (searchCriteria, callback) => async dispatch => {\r\n searchCriteria.pageNumber = -1;\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByTorrensCertificatePrint\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n\r\n }, (error) => {\r\n \r\n });\r\n};\r\n\r\n// TORRENS TEXT\r\nexport const searchByTorrensText = (searchCriteria, history, callback, pushHistory = true) => async dispatch => {\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByTorrensText\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleTorrensSearchResponse(response, history, callback, pushHistory, dispatch, searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n};\r\n\r\n// TORRENS TEXT Print\r\nexport const searchByTorrensTextPrint = (searchCriteria, callback) => async dispatch => {\r\n searchCriteria.pageNumber = -1;\r\n\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByTorrensTextPrint\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n \r\n }, (error) => {\r\n \r\n });\r\n};\r\n\r\n// TRACT BOOK Legal\r\nexport const searchByTractBookLegal = (searchCriteria, history, callback, pushHistory = true) => async dispatch => {\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByTractBookLegal\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleSearchResponse(response, history, callback, pushHistory, dispatch, '/search/TractBookSearchResults', searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n};\r\n\r\n// TRACT BOOK Id\r\nexport const searchByTractBookId = (searchCriteria, history, callback, pushHistory = true) => async dispatch => {\r\n await axios.post(configData.LANDSHARK_SERVER_URL + \"search/searchByTractBookId\", searchCriteria, { withCredentials: true })\r\n .then((response) => {\r\n handleSearchResponse(response, history, callback, pushHistory, dispatch, '/search/TractBookSearchResults', searchCriteria.pageNumber, searchCriteria.sortKey, searchCriteria.sortDirection);\r\n }, (error) => {\r\n handleError(error, history);\r\n });\r\n};\r\n\r\n// SORT\r\nexport const searchResultsSort = (sort, currentSearch, history, callback) => async dispatch => {\r\n\r\n let displayCriteria = currentSearch.displayCriteria;\r\n\r\n let searchCriteria = {};\r\n displayCriteria.forEach((criteria) => {\r\n searchCriteria[criteria.key] = criteria.value; \r\n })\r\n\r\n searchCriteria.sortKey = sort.searchResultsSort;\r\n searchCriteria.sortDirection = sort.searchResultsSortDirection;\r\n searchCriteria.pageNumber = sort.pageNumber;\r\n\r\n dispatch({ type: 'SET_SELECTED_SEARCH_RESULTS_SORT', sort: {sortKey: searchCriteria.sortKey, sortDirection: searchCriteria.sortDirection }});\r\n dispatch({ type: 'SET_SELECTED_SEARCH_RESULTS_PAGE', pageNumber: sort.pageNumber }); \r\n\r\n switch (currentSearch.type) {\r\n case SearchByAddressKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByAddressUrl, false));\r\n break;\r\n\r\n case SearchByBookAndPageKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByBookAndPageUrl, false));\r\n break;\r\n\r\n case SearchByDateKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByDateUrl, false));\r\n break;\r\n\r\n case SearchByDocumentNumberKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByDocumentNumberUrl, false));\r\n break;\r\n\r\n case SpecialSearchGrantorGranteeBookKey:\r\n dispatch(searchByGrantorGranteeBook(searchCriteria, history, callback, false));\r\n break;\r\n\r\n case SpecialSearchTractBookIdKey:\r\n dispatch(searchByTractBookId(searchCriteria, history, callback, false));\r\n break;\r\n\r\n case SpecialSearchTractBookLegalKey:\r\n dispatch(searchByTractBookLegal(searchCriteria, history, callback, false));\r\n break;\r\n\r\n case SearchByLegalDescriptionKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByLegalDescriptionUrl, false));\r\n break;\r\n\r\n case SearchByNameKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByNameUrl, false));\r\n break;\r\n\r\n case SearchByParcelIdKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SearchByParcelIdUrl, false));\r\n break;\r\n\r\n case SpecialSearchPlatKey:\r\n dispatch(loadDocuments(searchCriteria, history, callback, SpecialSearchPlatUrl, false));\r\n break;\r\n\r\n case SpecialSearchTaxLienKey:\r\n dispatch(searchByTaxLien(searchCriteria, history, callback, false));\r\n break;\r\n\r\n case SearchByTorrensCertificateKey:\r\n dispatch(searchByTorrensCertificate(searchCriteria, history, callback, false));\r\n break;\r\n \r\n case SearchByTorrensTextKey:\r\n dispatch(searchByTorrensText(searchCriteria, history, callback, false));\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n}\r\n\r\nexport const searchResultsPrint = (sort, currentSearch, history, callback) => async dispatch => {\r\n\r\n let displayCriteria = currentSearch.displayCriteria;\r\n\r\n let searchCriteria = {};\r\n displayCriteria.forEach((criteria) => {\r\n searchCriteria[criteria.key] = criteria.value; \r\n })\r\n\r\n searchCriteria.sortKey = sort.searchResultsSort;\r\n searchCriteria.sortDirection = sort.searchResultsSortDirection;\r\n searchCriteria.pageNumber = sort.pageNumber;\r\n\r\n switch (currentSearch.type) {\r\n case SearchByAddressKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByAddressUrl));\r\n break;\r\n\r\n case SearchByBookAndPageKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByBookAndPageUrl));\r\n break;\r\n\r\n case SearchByDateKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByDateUrl));\r\n break;\r\n\r\n case SearchByDocumentNumberKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByDocumentNumberUrl));\r\n break;\r\n\r\n case SpecialSearchGrantorGranteeBookKey:\r\n dispatch(searchByGrantorGranteeBookPrint(searchCriteria, callback));\r\n break;\r\n\r\n case SearchByLegalDescriptionKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByLegalDescriptionUrl));\r\n break;\r\n\r\n case SearchByNameKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByNameUrl));\r\n break;\r\n\r\n case SearchByParcelIdKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByParcelIdUrl));\r\n break;\r\n\r\n case SpecialSearchPlatKey:\r\n dispatch(printResults(searchCriteria, callback, SpecialSearchPlatUrl));\r\n break;\r\n\r\n case SpecialSearchTaxLienKey:\r\n dispatch(printResults(searchCriteria, callback, SpecialSearchTaxLienUrl));\r\n break;\r\n\r\n case SearchByTorrensCertificateKey:\r\n dispatch(searchByTorrensCertificatePrint(searchCriteria, callback));\r\n break;\r\n \r\n case SearchByTorrensTextKey:\r\n dispatch(printResults(searchCriteria, callback, SearchByTorrensTextUrl));\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n}\r\n\r\n// arg2: \r\n// - a string property name on the search result\r\n// - a function taking a searchResult and returning the expected ID field value\r\n// - not specified which will use the 'docId' property on the search result\r\nexport const getSearchResultById = (me, id, arg2) => {\r\n let searchResult;\r\n\r\n if (!me.props.searchResults || (id === 0)) {\r\n searchResult = null;\r\n } else if (typeof arg2 === 'function') {\r\n searchResult = me.props.searchResults.searchResultList.find((searchResult) => {\r\n return id == arg2(searchResult);\r\n });\r\n } else {\r\n if (typeof arg2 === 'undefined') arg2 = 'docId';\r\n\r\n searchResult = me.props.searchResults.searchResultList.find((searchResult) => {\r\n return id == searchResult[arg2];\r\n });\r\n }\r\n\r\n if ((typeof searchResult === 'undefined') || (searchResult == null)) {\r\n // Not found default value.\r\n searchResult = { sourcedDocKey: {} };\r\n }\r\n\r\n return searchResult;\r\n}","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport FormTemplate from \"../../common/form/FormTemplate\";\r\nimport { loadDocuments, setSelectedSearchType, SearchByAddressKey, SearchByAddressUrl } from \"../../../redux/actions/searchActions\";\r\nimport { validateDates } from \"../../../utils/DateValidation\";\r\nimport { LOADING_STATUES } from \"../../constants/constants\";\r\n\r\nimport moment from 'moment';\r\n\r\nimport axios from \"axios\";\r\nimport configData from \"../../../config/config.json\";\r\nimport { handleError } from \"../../../redux/actions/commonStuff\";\r\n\r\nimport AjaxResult from \"../../../utils/AjaxResult\";\r\nimport NotableDates from '../../home/NotableDates';\r\n\r\nimport { formatDate } from \"../../common/function/formattingUtils.js\";\r\n\r\nconst componentName = SearchByAddressKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return {\r\n setSelectedSearchType: () => dispatch(setSelectedSearchType(componentName)),\r\n searchByAddress: (searchCriteria, history, callback) => dispatch(loadDocuments(searchCriteria, history, callback, SearchByAddressUrl)),\r\n resetSearchCriteria: () => dispatch({ type: 'RESET_SEARCH_CRITERIA', componentName }),\r\n resetSearchSequence: () => dispatch({ type: 'RESET_SEARCH_SEQUENCE'}),\r\n resetSearchSequenceDocumentNumber: () => dispatch({ type: 'SEARACH_SEARCH_SEQUENCE_DOCUMENT'}),\r\n resetSearchDetail: () => dispatch({ type: 'RESET_SEARCH_DETAILS'})\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n let previousSearchKeyValue = {};\r\n if (ownProps.match.params.searchHistoryNumber) {\r\n let searchHistoryIndex = ownProps.match.params.searchHistoryNumber - 1;\r\n if (searchHistoryIndex >= 0) {\r\n let searchHistory = state.searchHistoryReducer.searchHistoryList[searchHistoryIndex];\r\n if (searchHistory) {\r\n searchHistory.displayCriteria.forEach((criteria) => {\r\n previousSearchKeyValue[criteria.key] = criteria.value;\r\n })\r\n }\r\n }\r\n } else {\r\n let searchCriteria = state.searchCriteriaReducer[componentName];\r\n if (searchCriteria) {\r\n searchCriteria.forEach((criteria) => {\r\n previousSearchKeyValue[criteria.key] = criteria.value;\r\n })\r\n }\r\n }\r\n\r\n return {\r\n notableDates: state.notableDatesReducer,\r\n creditCardUser: state.currentUserReducer.paymentMethod === 'CREDIT_CARD' ? true : false,\r\n instrumentGroups: state.instrumentGroupsReducer.codeDescriptionResultList,\r\n fromRecordedDate: previousSearchKeyValue.fromRecordedDate ? previousSearchKeyValue.fromRecordedDate : moment('01/01/1900').format('L'),\r\n toRecordedDate: previousSearchKeyValue.toRecordedDate ? previousSearchKeyValue.toRecordedDate : moment().format('L'),\r\n instrumentGroup: previousSearchKeyValue.instrumentGroup ? previousSearchKeyValue.instrumentGroup : 'ALL',\r\n streetNumber: previousSearchKeyValue.streetNumber ? previousSearchKeyValue.streetNumber : null,\r\n streetName: previousSearchKeyValue.streetName ? previousSearchKeyValue.streetName : null,\r\n city: previousSearchKeyValue.city ? previousSearchKeyValue.city : null\r\n };\r\n}\r\n\r\nclass SearchByAddress extends Component {\r\n\r\n state = {\r\n fromRecordedDate: this.props.fromRecordedDate,\r\n toRecordedDate: this.props.toRecordedDate,\r\n instrumentGroup: this.props.instrumentGroup,\r\n streetNumber: this.props.streetNumber,\r\n streetName: this.props.streetName,\r\n city: this.props.city,\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n\r\n token: '',\r\n creditCardPriceListWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false,\r\n\r\n errors: {}\r\n }\r\n\r\n // Same code used in all searches - BEGIN\r\n\r\n componentDidMount() {\r\n this.props.setSelectedSearchType();\r\n if (this.props.creditCardUser) {\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"creditcard/authorize\", {}, { withCredentials: true })\r\n .then((response) => {\r\n\r\n let result = new AjaxResult(response);\r\n\r\n if (!result.isOk()) {\r\n result.handleError();\r\n } else {\r\n this.setState({ token: result.content().token });\r\n }\r\n }, (error) => {\r\n handleError(error, this.props.history);\r\n })\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n // fix Warning: Can't perform a React state update on an unmounted component\r\n this.setState = (state, callback) => {\r\n return;\r\n };\r\n }\r\n\r\n handleChange = (event) => {\r\n let value = event.target.value;\r\n \r\n if (event.target.id === 'fromRecordedDate') {\r\n value = formatDate(value, this.state.fromRecordedDate);\r\n } else if(event.target.id === 'toRecordedDate') {\r\n value = formatDate(value, this.state.toRecordedDate);\r\n }\r\n\r\n this.setState({\r\n [event.target.id]: value,\r\n submitMessage: \"\",\r\n errors: {}\r\n })\r\n }\r\n\r\n showLoading = () => {\r\n if (this.state.loadingStatus === \"\") {\r\n this.setState({\r\n loadingStatus: LOADING_STATUES.LOADING\r\n })\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n hideLoading = (message, status, content) => {\r\n if (content.paymentNeededAgain === true) {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListReAuthWindowShow: true\r\n })\r\n } else if (content.paymentNeeded === true) {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListWindowShow: true\r\n })\r\n } else if (status === 'ERROR') {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false\r\n })\r\n } else {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: message,\r\n creditCardPriceListWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false\r\n })\r\n }\r\n }\r\n\r\n handleCreditCardAuthorizeDotNetWindowClose = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: false\r\n });\r\n }\r\n\r\n handleCreditCardPriceListClose = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListWindowShow: false\r\n });\r\n }\r\n\r\n handleCreditCardPriceListContinue = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: true\r\n });\r\n }\r\n\r\n handleCreditCardPriceListReAuth = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: true\r\n });\r\n }\r\n\r\n handleCreditCardPriceListReAuthWindowClose = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListReAuthWindowShow: false\r\n });\r\n }\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.handleValidation()) {\r\n if (this.showLoading() === true) {\r\n this.handleAuthorizedSubmit();\r\n }\r\n }\r\n }\r\n\r\n // Same code used in all searches - END\r\n\r\n handleAuthorizedSubmit = () => {\r\n this.props.resetSearchSequence();\r\n this.props.resetSearchSequenceDocumentNumber();\r\n this.props.resetSearchDetail();\r\n const { loadingStatus, submitMessage, errors, token, creditCardPriceListWindowShow, creditCardAuthorizeDotNetWindowShow, creditCardPriceListReAuthWindowShow, ...request } = this.state; // remove UI only fields before submitting\r\n this.props.searchByAddress(request, this.props.history, this.hideLoading);\r\n }\r\n\r\n handleValidation() {\r\n let errors = {};\r\n\r\n if (!this.state.streetNumber) {\r\n errors[\"streetNumber\"] = \"Required.\";\r\n this.setState({ errors: errors });\r\n return false;\r\n }\r\n\r\n if (!this.state.streetName) {\r\n errors[\"streetName\"] = \"Required.\";\r\n this.setState({ errors: errors });\r\n return false;\r\n }\r\n\r\n if (this.state.streetName.length < 3) {\r\n errors[\"streetName\"] = \"Three characters minimum.\";\r\n this.setState({ errors: errors });\r\n return false;\r\n }\r\n\r\n if (this.state.city && this.state.city.length < 3) {\r\n errors[\"city\"] = \"Three characters minimum, or leave blank.\";\r\n this.setState({ errors: errors });\r\n return false;\r\n }\r\n\r\n let formIsValid = validateDates(errors, this.state.fromRecordedDate, 'fromRecordedDate', this.state.toRecordedDate, 'toRecordedDate');\r\n if (!formIsValid) {\r\n this.setState({ errors: errors });\r\n return false;\r\n }\r\n\r\n this.setState({ errors: errors });\r\n return true;\r\n }\r\n\r\n handleClear = (event) => {\r\n event.preventDefault();\r\n this.props.resetSearchCriteria();\r\n this.setState({\r\n streetNumber: '',\r\n streetName: '',\r\n city: '',\r\n instrumentGroup: 'ALL',\r\n fromRecordedDate: moment('01/01/1900').format('L'),\r\n toRecordedDate: moment().format('L'),\r\n submitMessage: '',\r\n errors: {}\r\n })\r\n }\r\n\r\n handleDatePickerChangeFromRecordedDate = (date) => {\r\n this.setState({\r\n fromRecordedDate: moment(date).format('L')\r\n })\r\n }\r\n\r\n handleDatePickerChangeToRecordedDate = (date) => {\r\n this.setState({\r\n toRecordedDate: moment(date).format('L')\r\n })\r\n }\r\n\r\n render() {\r\n const formProps = {\r\n componentName: componentName,\r\n pageHeading: \"Search by Address\",\r\n onChange: this.handleChange,\r\n onClear: this.handleClear,\r\n onSubmit: this.handleSubmit,\r\n successIndicator: this.state.loadingStatus === LOADING_STATUES.SUCCESS,\r\n loadingIndicator: this.state.loadingStatus === LOADING_STATUES.LOADING,\r\n submitMessage: this.state.submitMessage,\r\n formRightArea: | Username | \r\n \r\n
|---|
| {record.code} | \r\n \r\n
| Name | \r\n
|---|
| {record.description} | \r\n
{this.props.bookLabel}/Page{bookTypeLabel}
| \r\n | Instrument Document # | \r\n {bookPageBoookTypeHeader}\r\n Grantors Grantees | \r\n References Legals | \r\n ||
|---|---|---|---|---|---|
| {searchResult.instrumentDescription} {searchResult.displayDocNumber ? searchResult.displayDocNumber : 'Loading'} | \r\n {searchResult.recordedDate} {searchResult.displayBookAndPage} | \r\n {grantorOneDisplayName} {grantorsBadge} {granteeOneDisplayName} {granteesBadge} | \r\n {referenceDocumentOne} {referenceDocumentsBadge} {legalDescriptionOne} {legalDescriptionsBadge} | \r\n
\r\n
\r\n {chevronCircleLeftIcon} Click on a record to view details and images
\r\n \r\n {instrumentDescription} \r\n {verifiedStatus}\r\n \r\n {\r\n this.props.showMapButton === true &&\r\n <>\r\n \r\n \r\n \r\n }\r\n {\r\n this.props.showTaxButton === true &&\r\n <>\r\n \r\n \r\n \r\n }\r\n {\r\n this.props.currentUser.accountDocTypes[imageKeyType].imageRetrieval && imageAllowed &&\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 // Showing the Additional Info section only if there's any additional info\r\n additionalInfoSearchResults.length > 0 &&\r\n \r\n
\r\n }\r\n \r\n {\r\n displayOnlySearchResults.map((displayOnlySearchResult) => {\r\n return
\r\n Document #: {displayDocNumber}
\r\n Recorded Date and Time: {recordedDateTime}
\r\n Instrument Date: {instrumentDate}
\r\n {this.props.bookLabel}/Page{bookTypeLabel}: {displayBookAndPage}
\r\n {salePriceMortgageAmountLabel}: {salePriceMortgageAmount}
\r\n {\r\n docType === 'T' &&\r\n <>\r\n | Certificates | Status |
|---|---|
| \r\n {\r\n this.props.tableLoading === true &&\r\n {certificate.certificateNumber}\r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {certificate.certificateNumber}\r\n }\r\n | \r\n\r\n {certificate.status}\r\n | \r\n
| Grantors | Grantees |
|---|---|
| \r\n {\r\n this.props.tableLoading === true &&\r\n {grantorGrantee[0] ? grantorGrantee[0].displayName : ''} \r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {grantorGrantee[0] ? grantorGrantee[0].displayName : ''} \r\n }\r\n | \r\n\r\n {\r\n this.props.tableLoading === true &&\r\n {grantorGrantee[1] ? grantorGrantee[1].displayName : ''} \r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {grantorGrantee[1] ? grantorGrantee[1].displayName : ''} \r\n }\r\n | \r\n
| Legal Description | Comment |
|---|---|
| \r\n {legalDescription.description}\r\n | \r\n\r\n {legalDescription.comment}\r\n | \r\n
| Reference Document | Doc # | Bk/Pg | Rec Date |
|---|---|---|---|
| \r\n {reference.instrumentDescription}\r\n | \r\n\r\n {\r\n this.props.tableLoading === true &&\r\n {reference.displayDocNumber} \r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {reference.displayDocNumber}\r\n }\r\n | \r\n\r\n {reference.displayBookAndPage} \r\n | \r\n\r\n {reference.recordedDate} {reference.recordedTime}{reference.recordedAmPm}\r\n | \r\n
| Additional Info |
|---|
| {additionalInfo} |
{displayOnlySearchResult.label}: {displayOnlySearchResult.value}
\r\n })\r\n }\r\n\r\n \r\n {instrumentDescription} \r\n {lienType}\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 Document #: \r\n {displayDocNumber}\r\n
\r\n Recorded Date: {recordedDateTime}
\r\n Lien Date: {lienDate}
\r\n Lien #: {lienNumber}
\r\n Instrument Date: {instrumentDate}
\r\n Total Amount: {totalAmount}
\r\n {this.props.bookLabel}/Page{bookTypeLabel}: {displayBookAndPage}
\r\n\r\n | Taxpayer | \r\nAddress | \r\n
|---|---|
| \r\n {\r\n this.props.tableLoading === true &&\r\n {taxpayer.name}\r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {taxpayer.name}\r\n }\r\n | \r\n \r\n\r\n {taxpayer.displayAddress}\r\n | \r\n\r\n
| Revision | \r\nDocument | \r\n
|---|---|
| \r\n {amendment.flag}\r\n | \r\n\r\n {\r\n this.props.tableLoading === true &&\r\n {amendment.displayDocNumber}\r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {amendment.displayDocNumber}\r\n }\r\n | \r\n
| Release | \r\nReleased By | \r\nDate | \r\nRevoked By | \r\nDate | \r\n
|---|---|---|---|---|
| \r\n {release.partialFullFlag}\r\n | \r\n\r\n {\r\n this.props.tableLoading === true &&\r\n {release.releaseDisplayDocNumber}\r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {release.releaseDisplayDocNumber}\r\n }\r\n | \r\n\r\n {release.releaseDate}\r\n | \r\n\r\n {\r\n this.props.tableLoading === true &&\r\n {release.revokeDisplayDocNumber}\r\n }\r\n {\r\n this.props.tableLoading !== true &&\r\n {release.revokeDisplayDocNumber}\r\n }\r\n | \r\n\r\n {release.revokeDate}\r\n | \r\n
| Name | \r\nNumber | \r\n
|---|---|
| {record.description} | \r\n{record.code} | \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 default connect(mapStateToProps, matchDispatchToProps)(SearchResults);","import React, { Component } from \"react\"\r\nimport { Container, Col, Row, Table, Button } from 'react-bootstrap'\r\nimport { connect } from \"react-redux\";\r\nimport SearchResultsDetailsNoResults from './SearchResultsDetailsNoResults'\r\nimport Paginator from '../../common/page/Paginator'\r\nimport { getPaginatorHelper } from '../../common/page/PaginatorHelper'\r\nimport Loading from '../../common/modal/Loading';\r\nimport LegalDetails from './LegalDetails';\r\nimport moment from 'moment';\r\nimport Thumbnails from \"../../image/Thumbnails\";\r\n\r\nexport const SearchResultsDetailsLegalDescriptionsComponetName = 'SearchResultsDetailsLegalDescriptions';\r\n\r\nconst mapStateToProps = state => {\r\n\r\n let searchHistory = state.searchHistoryReducer.searchHistoryList[0];\r\n\r\n let fromRecordedDate;\r\n let toRecordedDate;\r\n if (searchHistory && searchHistory.displayCriteria) {\r\n const fromRecordedDateCriteria = searchHistory.displayCriteria.filter(criteria => {\r\n return criteria.key === 'fromRecordedDate'\r\n })\r\n\r\n if (Array.isArray(fromRecordedDateCriteria) && fromRecordedDateCriteria.length > 0) {\r\n fromRecordedDate = fromRecordedDateCriteria[0].value;\r\n }\r\n\r\n const toRecordedDateCriteria = searchHistory.displayCriteria.filter(criteria => {\r\n return criteria.key === 'toRecordedDate'\r\n })\r\n if (Array.isArray(toRecordedDateCriteria) && toRecordedDateCriteria.length > 0) {\r\n toRecordedDate = toRecordedDateCriteria[0].value;\r\n }\r\n }\r\n\r\n return { \r\n searchResults: state.searchResultsReducer,\r\n searchResultsDetails: state.searchDetailsTractBookReducer,\r\n \r\n paginationPageLegalDescriptions: state.searchDetailsLegalDescriptionsPaginationReducer,\r\n // If the recorded dates from the original search are available, use them in the Grantor/Grantee link searches.\r\n fromRecordedDate: fromRecordedDate ? fromRecordedDate : moment('01/01/1900').format('L'),\r\n toRecordedDate: toRecordedDate ? toRecordedDate : moment().format('L'),\r\n currentUser: state.currentUserReducer\r\n };\r\n}\r\n\r\nclass TractBookSearchResultsDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n imagingWindows: this.createImagingWindowsWindowState('', false),\r\n loadingStatus: \"\",\r\n showLegalDetails: false\r\n };\r\n }\r\n\r\n hideLoading = (message, status) => {\r\n if (status === 'ERROR') {\r\n alert(message);\r\n }\r\n \r\n this.setState({\r\n loadingStatus: \"\"\r\n })\r\n }\r\n \r\n showLegalDetails = (event) => {\r\n event.preventDefault();\r\n this.setState({\r\n showLegalDetails: true\r\n })\r\n }\r\n\r\n hideLegalDetails = () => {\r\n this.setState({\r\n showLegalDetails: false\r\n })\r\n }\r\n\r\n // May return null if not found.\r\n getSelectedSearchResult = () => {\r\n if (!this.props.searchResults || (this.props.searchResultsDetails === 0)) {\r\n return null;\r\n }\r\n\r\n let searchResult = this.props.searchResults.searchResultList.find((searchResult) => {\r\n return this.props.searchResultsDetails == searchResult.docId;\r\n });\r\n\r\n return searchResult;\r\n }\r\n\r\n // Can return null.\r\n getSelectedSearchResultInfo = () => {\r\n let searchResult = this.getSelectedSearchResult();\r\n\r\n if (!searchResult) {\r\n return null;\r\n }\r\n\r\n\t\tlet info = { \r\n sourcedDocKey: searchResult.sourcedDocKey,\r\n instrumentCode: '' // there is none for this doc type\r\n };\r\n\r\n return info;\r\n }\r\n\r\n handleImageClick = (event) => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n \r\n let info = this.getSelectedSearchResultInfo();\r\n\r\n if (!info) {\r\n alert(\"Select a document.\");\r\n return; \r\n }\r\n\r\n this.setState( {\r\n imagingWindows: this.createImagingWindowsWindowState(info, true)\r\n } );\r\n }\r\n\r\n handleImageComplete = () => {\r\n this.setState( {\r\n imagingWindows: this.createImagingWindowsWindowState(null, false)\r\n } );\r\n }\r\n\r\n createImagingWindowsWindowState = (searchResult, show) => {\r\n return {\r\n sourcedDocKey: searchResult ? searchResult.sourcedDocKey : {},\r\n instCode: searchResult ? searchResult.instrumentCode : '',\r\n show: show\r\n }\r\n }\r\n\r\n render() {\r\n const numberOfVisibleRecords = 10;\r\n\r\n let selectedSearchResult = this.getSelectedSearchResult();\r\n\r\n if (!selectedSearchResult) {\r\n return (\r\n { filter } \r\n {read} \r\n {\r\n this.props.showDownloadResultsButton &&\r\n \r\n }\r\n \r\n
\r\n \r\n {instrumentDescription} \r\n \r\n {\r\n this.props.currentUser.accountDocTypes[imageKeyType].imageRetrieval &&\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 ID: {docNumber}
\r\n Recorded Date and Time: {recordedDateTime}
\r\n \r\n | Legal Description |
|---|
| \r\n {legalDescription.description}\r\n | \r\n
| \r\n | Tract Book ID Recorded Date | \r\n Legal | \r\n |
|---|---|---|---|
| {searchResult.sourcedDocKey.docKeyNumber} {searchResult.recordedDate} | \r\n {legalDescriptionOne} {legalDescriptionsBadge} | \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 connect(mapStateToProps, matchDispatchToProps)(TractBookSearchResults);","import React, { Component } from \"react\"\r\nimport { Container, Col, Row, Table, FormCheck } from 'react-bootstrap'\r\n\r\nimport { connect } from \"react-redux\";\r\nimport Loading from '../../common/modal/Loading';\r\nimport { displayTaxLienDetails, getSearchResultById } from '../../../redux/actions/searchActions'\r\nimport SearchPaginator from '../../common/page/SearchPaginator'\r\nimport {getPaginatorHelper} from '../../common/page/PaginatorHelper'\r\nimport { LOADING_STATUES } from \"../../constants/constants\";\r\n\r\nimport CreditCardSearchAuthWindow from \"../../../components/common/form/CreditCardSearchAuthWindow\";\r\nimport CreditCardPriceListWindow from \"../../../components/common/form/CreditCardPriceListWindow\";\r\nimport CreditCardPriceListReAuthWindow from \"../../../components/common/form/CreditCardPriceListReAuthWindow\"\r\n\r\nimport axios from \"axios\";\r\nimport configData from \"../../../config/config.json\";\r\nimport { handleError } from \"../../../redux/actions/commonStuff\";\r\nimport AjaxResult from \"../../../utils/AjaxResult\";\r\n\r\nexport const SearchResultsTableComponetName = 'TaxLienSearchResultsTable';\r\n\r\nconst mapStateToProps = state => {\r\n\r\n return {\r\n creditCardUser: state.currentUserReducer.paymentMethod === 'CREDIT_CARD' ? true : false,\r\n bookLabel: state.countyConfigCommonReducer.bookLabel,\r\n searchResults: state.searchResultsReducer,\r\n paginationPage: state.searchResultsPaginationReducer,\r\n tableLoading: state.searchResultsTableLoadingReducer,\r\n selectedRow: state.searchResultsTableSelectedRowReducer,\r\n rewind: state.searchSequenceRewindReducer,\r\n searchResultsSort: state.searchResultsSortReducer, \r\n filterApplied: state.searchResultsFilterAppliedFilter,\r\n searchResultsFilter: state.searchResultsFilterTaxLiensReducer,\r\n searchResultsVisited: state.searchResultsVisitedReducer\r\n };\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n select: (id, sourcedDocKey, callback) => {\r\n if (id) {\r\n dispatch(displayTaxLienDetails(id, sourcedDocKey, callback))\r\n }\r\n }, // For some reason, id can be null sometimes, so checking to see if id has a value.\r\n filterResults: (document, sortKey, sortDirection, callback) => dispatch({ type: 'FILTER_TAX_LIEN_ID', document, sortKey, sortDirection }, callback()),\r\n resetRewindSearch: () => dispatch({ type: 'RESET_REWIND_SEARCH_SEQUENCE'})\r\n }\r\n}\r\n\r\nclass TaxLienSearchResultsTable extends Component {\r\n state = {\r\n selectedDocumentId: null,\r\n selectedDocumentName: '',\r\n loadingStatus: '',\r\n\r\n token: null,\r\n\r\n creditCardPriceListWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false\r\n }\r\n\r\n handleCreditCardPriceListClose = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListWindowShow: false\r\n });\r\n }\r\n\r\n handleCreditCardPriceListContinue = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: true\r\n });\r\n }\r\n\r\n handleCreditCardAuthorizeDotNetWindowClose = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: false\r\n });\r\n }\r\n \r\n showLoading = () => {\r\n if (this.state.loadingStatus === '') {\r\n this.setState({\r\n loadingStatus: LOADING_STATUES.LOADING\r\n })\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n hideLoading = (message, status, content) => {\r\n if (content.paymentNeededAgain === true) {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListReAuthWindowShow: true\r\n })\r\n } else if (content.paymentNeeded === true) {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListWindowShow: true\r\n })\r\n } else if (status === 'ERROR') {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\"\r\n })\r\n } else {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: message,\r\n creditCardPriceListWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false\r\n })\r\n }\r\n }\r\n\r\n handleAuthorizedSubmit = () => {\r\n let searchResult = getSearchResultById(this, this.state.selectedDocumentId);\r\n\r\n this.props.select(this.state.selectedDocumentId, searchResult.sourcedDocKey, this.hideLoading);\r\n }\r\n\r\n handleCreditCardPriceListReAuth = () => {\r\n this.setState({creditCardAuthorizeDotNetWindowShow:true});\r\n }\r\n \r\n handleCreditCardPriceListReAuthWindowClose = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListReAuthWindowShow: false\r\n });\r\n }\r\n\r\n handleRowClick = (event) => {\r\n const clickedId = event.target.closest(\"tr\").id; // find the closest parent tr\r\n this.props.resetRewindSearch();\r\n if (this.showLoading() === true) {\r\n const selectedDocumentName = event.target.closest(\"tr\").getAttribute(\"name\");\r\n this.setState({ selectedDocumentId: clickedId, selectedDocumentName });\r\n\r\n let searchResult = getSearchResultById(this, clickedId);\r\n\r\n this.props.select(clickedId, searchResult.sourcedDocKey, this.hideLoading);\r\n }\r\n }\r\n\r\n handleCheckFilterLimit = () => {\r\n if (this.props.searchResultsFilter.totalRecordCount >= 100) {\r\n this.setState(\r\n {\r\n showAlert: true,\r\n alertMessage: 'You have reached the limit of selecting up to 100 records.'\r\n });\r\n }\r\n }\r\n\r\n handleCheckClick = (event) => {\r\n const clickedId = event.target.closest(\"tr\").id; // find the closest parent tr\r\n this.props.searchResults.searchResultList.map((searchResult) => {\r\n if (searchResult.docId == clickedId) {\r\n this.props.filterResults(searchResult, this.props.searchResultsSort.sortKey, this.props.searchResultsSort.sortDirection, this.handleCheckFilterLimit);\r\n }\r\n });\r\n }\r\n\r\n checkSelected = (docId) => {\r\n \r\n for (const element of this.props.searchResultsFilter.searchResultList) {\r\n if (element.docId === docId) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.creditCardUser) {\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"creditcard/authorize\", {}, { withCredentials: true })\r\n .then((response) => {\r\n\r\n let result = new AjaxResult(response);\r\n\r\n if (!result.isOk()) {\r\n result.handleError();\r\n } else {\r\n this.setState({ token: result.content().token });\r\n }\r\n }, (error) => {\r\n handleError(error, this.props.history);\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n let loadingLabel = this.props.tableLoading === true ? 'Loading' : \"Displaying\";\r\n // apply any inactive filter and text filter\r\n\t\t// let filteredList = this.props.accounts.filter(accountResult => \r\n // \t(this.state.includeInactive || accountResult.active) && ( !this.state.filterText || accountResult.name.includes(this.state.filterText)))\r\n let filteredList = this.props.searchResults.searchResultList;\r\n const numberOfVisibleRecords = 100;\r\n let numberOfPages = Math.ceil ( filteredList.length / numberOfVisibleRecords );\r\n\t\tlet paginationHelper = getPaginatorHelper(this.props.paginationPage, filteredList, numberOfVisibleRecords);\r\n\r\n let displayResults = paginationHelper.currentPageStartingRecordNumber === paginationHelper.currentPageEndingRecordNumber ? \r\n paginationHelper.currentPageStartingRecordNumber :\r\n paginationHelper.currentPageStartingRecordNumber + \"-\" + paginationHelper.currentPageEndingRecordNumber;\r\n\r\n let truncatedResultWarning = <>;\r\n if (filteredList.length >= 1000) {\r\n truncatedResultWarning = Results truncated. If needed, narrow criteria and search again.\r\n }\r\n\r\n // The authorize.net window in CreditCardSearchAuthWindow needs to re-render every time apparently. I tried to use the authorize.net token as the component key, but apparently, \r\n // the token either is too big or has characteers that didn't work out. Therefore, I'm using a random number to force it re-render each time.\r\n const creditCardAuthorizeDotNetWindowKey = Math.ceil(Math.random() * 1000000000) + \"\";\r\n\r\n let selectedDocumentId = 0;\r\n if (this.props.rewind === true) {\r\n selectedDocumentId = this.props.selectedRow;\r\n } else {\r\n selectedDocumentId = this.state.selectedDocumentId;\r\n }\r\n\r\n return (\r\n <>\r\n | \r\n | Instrument Document # | \r\n Recorded Date Lien Date | \r\n Lien # Taxpayers | \r\n Revisions Releases/Revokes | \r\n |
|---|---|---|---|---|---|
| {searchResult.instrumentDescription} {searchResult.displayDocNumber ? searchResult.displayDocNumber : 'Loading'} | \r\n {searchResult.recordedDate} {searchResult.lienDate} | \r\n {searchResult.lienNumber} {taxpayerDisplayName} {taxpayersBadge} | \r\n {revisionOne} {revisionsBadge} {releaseReovokeOne} {releasesBadge} | \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 default connect(mapStateToProps, matchDispatchToProps)(TaxLienSearchResults);","import React, { Component } from \"react\"\r\nimport { Container, Col, Table, Button } from 'react-bootstrap'\r\nimport { connect } from \"react-redux\";\r\nimport SearchResultsDetailsNoResults from './SearchResultsDetailsNoResults'\r\nimport { searchByTorrensCertificate, selectSearchSequenceRow } from \"../../../redux/actions/searchActions\";\r\nimport Loading from '../../common/modal/Loading'\r\nimport { LOADING_STATUES, SEARCH_RESULTS_SOURCE } from \"../../constants/constants\";\r\nimport Thumbnails from \"../../image/Thumbnails\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n isTorrensUseFileNumbers : state.landlinkConfigReducer.torrensUseFileNumber,\r\n searchResults: state.searchResultsReducer,\r\n searchResultsDetails: state.searchDetailsTorrensCertificateReducer,\r\n currentUser: state.currentUserReducer,\r\n currentSearch: state.searchHistoryReducer.searchHistoryList[0],\r\n currentSort: state.searchResultsSortReducer,\r\n currentPageNumber: state.searchResultsPaginationReducer,\r\n searchSequence: state.searchSequenceStartedReducer,\r\n searchSequenceSelectedDocumentId: state.searchResultsTableSelectedRowReducer \r\n };\r\n}\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return {\r\n searchByTorrensCertificate: (searchCriteria, history, callback) => dispatch(searchByTorrensCertificate(searchCriteria, history, callback)),\r\n startSearchSequence: (currentSearch) => dispatch({ type: 'START_SEARCH_SEQUENCE', search: currentSearch}),\r\n selectSearchSequenceRow: (id) => dispatch(selectSearchSequenceRow(id))\r\n }\r\n}\r\n\r\nclass TorrensSearchResultsDetails extends Component {\r\n \r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n imagingWindows: this.createImagingWindowsWindowState('', false),\r\n loadingStatus: \"\"\r\n };\r\n }\r\n\r\n showLoading = () => {\r\n if (this.state.loadingStatus === \"\") {\r\n this.setState({\r\n loadingStatus: LOADING_STATUES.LOADING\r\n })\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n hideLoading = (message, status) => {\r\n if (status === 'ERROR') {\r\n alert(message);\r\n }\r\n this.setState({\r\n loadingStatus: \"\"\r\n })\r\n }\r\n\r\n handleClick = (event) => {\r\n event.preventDefault();\r\n \r\n this.setState({\r\n loadingStatus: LOADING_STATUES.LOADING\r\n })\r\n \r\n if (!this.props.searchSequence) {\r\n let currentSearchCriteria = this.props.currentSearch;\r\n currentSearchCriteria.pageNumber = this.props.currentPageNumber;\r\n currentSearchCriteria.sortKey = this.props.currentSort.sortKey;\r\n currentSearchCriteria.sortDirection = this.props.currentSort.sortDirection;\r\n this.props.startSearchSequence(currentSearchCriteria); \r\n this.props.selectSearchSequenceRow(this.props.searchResultsDetails);\r\n }\r\n\r\n let searchCriteria = {\r\n certificateNumber: event.target.getAttribute(\"data-certificatenumber\")\r\n }\r\n\r\n this.props.searchByTorrensCertificate(searchCriteria, this.props.history, this.hideLoading);\r\n } \r\n\r\n // May return null if not found.\r\n getSelectedSearchResult = () => {\r\n if (!this.props.searchResults || (this.props.searchResultsDetails === 0)) {\r\n return null;\r\n }\r\n \r\n let searchResult = this.props.searchResults.searchResultList.find((searchResult) => {\r\n return this.props.searchResultsDetails == searchResult.id;\r\n });\r\n \r\n return searchResult;\r\n }\r\n \r\n // Can return null.\r\n getSelectedSearchResultInfo = () => {\r\n let searchResult = this.getSelectedSearchResult();\r\n \r\n if (!searchResult) {\r\n return null;\r\n }\r\n \r\n let info = { \r\n sourcedDocKey: searchResult.sourcedDocKey,\r\n instrumentCode: '' // there is none for this doc type\r\n }; \r\n\r\n return info;\r\n }\r\n \r\n handleImageClick = (event) => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n \r\n let info = this.getSelectedSearchResultInfo();\r\n \r\n if (!info) {\r\n alert(\"Select a certificate.\");\r\n return; \r\n }\r\n \r\n this.setState( {\r\n imagingWindows: this.createImagingWindowsWindowState(info, true)\r\n } );\r\n }\r\n \r\n handleImageComplete = () => {\r\n this.setState( {\r\n imagingWindows: this.createImagingWindowsWindowState(null, false)\r\n } );\r\n }\r\n \r\n createImagingWindowsWindowState = (searchResult, show) => {\r\n return {\r\n sourcedDocKey: searchResult ? searchResult.sourcedDocKey : {},\r\n instCode: searchResult ? searchResult.instrumentCode : '',\r\n show: show\r\n }\r\n }\r\n \r\n \r\n render() {\r\n let selectedSearchResult = this.getSelectedSearchResult();\r\n\r\n if (!selectedSearchResult) {\r\n return (\r\n \r\n Torrens \r\n {shortStatus}\r\n {\r\n this.props.currentUser.accountDocTypes[imageKeyType].imageRetrieval && \r\n
\r\n
\r\n \r\n Torrens \r\n {shortStatus}\r\n {\r\n this.props.currentUser.accountDocTypes[imageKeyType].imageRetrieval && \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 Certificate #: {certificateNumber}
\r\n { \r\n this.props.isTorrensUseFileNumbers === true &&\r\n File #: {fileNumber}
\r\n }\r\n Certified Date: {certifiedDate}
\r\n Book/Page: {displayBookAndPage}
\r\n \r\n {\r\n shortStatus === 'Cancelled' &&\r\n | Cancelled By |
|---|
| {cancelledBySearchResult.cancelledByCertificateNumber} |
File #
| \r\n {certificateNumberFileNumberHeader}\r\n | Certified Date {this.props.bookLabel}/Page | \r\n Status | \r\n ||
|---|---|---|---|---|
| {searchResult.sourcedDocKey.docKeyNumber} {searchResult.shortStatus} {searchResult.fileNumber} | \r\n {searchResult.certifiedDate} {searchResult.displayBookAndPage} | \r\n {searchResult.status} {statusBadge} | \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 default connect(mapStateToProps, matchDispatchToProps)(TorrensSearchResults);","import React, { Component } from \"react\"\r\nimport { Container, Col, Button } from 'react-bootstrap'\r\nimport { connect } from \"react-redux\";\r\nimport SearchResultsDetailsNoResults from './SearchResultsDetailsNoResults'\r\nimport { LOADING_STATUES } from \"../../constants/constants\";\r\nimport Loading from '../../common/modal/Loading';\r\nimport Thumbnails from \"../../image/Thumbnails\";\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n searchResults: state.searchResultsReducer,\r\n searchResultsDetails: state.searchDetailsGrantorGranteeBookReducer,\r\n currentUser: state.currentUserReducer\r\n };\r\n}\r\n\r\nclass GrantorGranteeBookSearchResultsDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n imagingWindows: this.createImagingWindowsWindowState('', false),\r\n loadingStatus: \"\"\r\n };\r\n }\r\n\r\n showLoading = () => {\r\n if (this.state.loadingStatus === \"\") {\r\n this.setState({\r\n loadingStatus: LOADING_STATUES.LOADING\r\n })\r\n return true;\r\n } \r\n return false;\r\n }\r\n\r\n hideLoading = (message, status) => {\r\n this.setState({\r\n loadingStatus: \"\"\r\n })\r\n }\r\n\r\n // May return null if not found.\r\n getSelectedSearchResult = () => {\r\n if (!this.props.searchResults || (this.props.searchResultsDetails === 0)) {\r\n return null;\r\n }\r\n\r\n let searchResult = this.props.searchResults.searchResultList.find((searchResult) => {\r\n return this.props.searchResultsDetails == searchResult.sourcedDocKey.docKeyNumber;\r\n });\r\n\r\n return searchResult;\r\n }\r\n\r\n // Can return null.\r\n getSelectedSearchResultInfo = () => {\r\n let searchResult = this.getSelectedSearchResult();\r\n\r\n if (!searchResult) {\r\n return null;\r\n }\r\n\r\n\t\tlet info = { \r\n sourcedDocKey: searchResult.sourcedDocKey,\r\n instrumentCode: '' // there is none for this doc type\r\n };\r\n\r\n return info;\r\n }\r\n\r\n handleImageClick = (event) => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n \r\n let info = this.getSelectedSearchResultInfo();\r\n\r\n if (!info) {\r\n alert(\"Select a document.\");\r\n return; \r\n }\r\n\r\n this.setState( {\r\n imagingWindows: this.createImagingWindowsWindowState(info, true)\r\n } );\r\n }\r\n\r\n handleImageComplete = () => {\r\n this.setState( {\r\n imagingWindows: this.createImagingWindowsWindowState(null, false)\r\n } );\r\n }\r\n\r\n createImagingWindowsWindowState = (searchResult, show) => {\r\n return {\r\n sourcedDocKey: searchResult ? searchResult.sourcedDocKey : {},\r\n instCode: searchResult ? searchResult.instrumentCode : '',\r\n show: show\r\n }\r\n }\r\n \r\n render() {\r\n let selectedSearchResult = this.getSelectedSearchResult();\r\n\r\n if (!selectedSearchResult) {\r\n return (\r\n { filter } \r\n {read} \r\n {\r\n this.props.showDownloadResultsButton && this.props.currentSearch.type === 'searchByTorrensText' &&\r\n \r\n } \r\n {\r\n this.props.currentSearch && this.props.currentSearch.type === 'searchByTorrensText' &&\r\n
\r\n \r\n
\r\n \r\n {type}\r\n \r\n {\r\n this.props.currentUser.accountDocTypes[imageKeyType].imageRetrieval &&\r\n \r\n }\r\n \r\n
\r\n\r\n
\r\n
\r\n Book Reference #: {selectedSearchResult.sourcedDocKey.docKeyNumber}
\r\n Name: {fromName} - {toName}
\r\n Date: {fromDate} - {toDate}
\r\n | \r\n | Book Reference ID Type | \r\n From Name To Name | \r\n From Date To Date | \r\n |
|---|---|---|---|---|
| {searchResult.sourcedDocKey.docKeyNumber} {searchResult.type} | \r\n {searchResult.fromName} {searchResult.toName} | \r\n {searchResult.fromDate} {searchResult.toDate} | \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 connect(mapStateToProps, matchDispatchToProps)(GrantorGranteeBookSearchResults);","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport FormTemplate from \"../../common/form/FormTemplate\";\r\nimport { searchByTractBookId, setSelectedSearchType, SpecialSearchTractBookIdKey, SpecialSearchTractBookIdUrl } from \"../../../redux/actions/searchActions\";\r\nimport { LOADING_STATUES } from \"../../constants/constants\";\r\nimport translations from \"../../../config/translation/search_by_document_number_translations.json\";\r\n\r\nimport axios from \"axios\";\r\nimport configData from \"../../../config/config.json\";\r\nimport { handleError } from \"../../../redux/actions/commonStuff\";\r\nimport AjaxResult from \"../../../utils/AjaxResult\";\r\n\r\nconst componentName = SpecialSearchTractBookIdKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return {\r\n setSelectedSearchType: () => dispatch(setSelectedSearchType(componentName)),\r\n searchByTractBookId: (searchCriteria, history, callback) => dispatch(searchByTractBookId(searchCriteria, history, callback)),\r\n resetSearchCriteria: () => dispatch({ type: 'RESET_SEARCH_CRITERIA', componentName }),\r\n resetSearchSequence: () => dispatch({ type: 'RESET_SEARCH_SEQUENCE'}),\r\n resetSearchSequenceDocumentNumber: () => dispatch({ type: 'SEARACH_SEARCH_SEQUENCE_DOCUMENT'}),\r\n resetSearchDetail: () => dispatch({ type: 'RESET_SEARCH_DETAILS'})\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\r\n let previousSearchKeyValue = {};\r\n if (ownProps.match.params.searchHistoryNumber) {\r\n let searchHistoryIndex = ownProps.match.params.searchHistoryNumber - 1;\r\n if (searchHistoryIndex >= 0) {\r\n let searchHistory = state.searchHistoryReducer.searchHistoryList[searchHistoryIndex];\r\n if (searchHistory) {\r\n searchHistory.displayCriteria.forEach((criteria) => {\r\n previousSearchKeyValue[criteria.key] = criteria.value;\r\n })\r\n }\r\n }\r\n } else {\r\n let searchCriteria = state.searchCriteriaReducer[componentName];\r\n if (searchCriteria) {\r\n searchCriteria.forEach((criteria) => {\r\n previousSearchKeyValue[criteria.key] = criteria.value;\r\n })\r\n }\r\n }\r\n\r\n return {\r\n creditCardUser: state.currentUserReducer.paymentMethod === 'CREDIT_CARD' ? true : false,\r\n tractBookId: previousSearchKeyValue.tractBookId ? previousSearchKeyValue.tractBookId : null\r\n };\r\n}\r\n\r\nclass SpecialSearchTractBookId extends Component {\r\n\r\n state = {\r\n tractBookId: this.props.tractBookId,\r\n loadingStatus: \"\",\r\n submitMessage: '',\r\n\r\n token: '',\r\n creditCardPriceListWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false,\r\n\r\n errors: {}\r\n }\r\n\r\n // Same code used in all searches - BEGIN\r\n\r\n componentDidMount() {\r\n this.props.setSelectedSearchType();\r\n if (this.props.creditCardUser) {\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"creditcard/authorize\", {}, { withCredentials: true })\r\n .then((response) => {\r\n\r\n let result = new AjaxResult(response);\r\n\r\n if (!result.isOk()) {\r\n result.handleError();\r\n } else {\r\n this.setState({ token: result.content().token });\r\n }\r\n }, (error) => {\r\n handleError(error, this.props.history);\r\n })\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n // fix Warning: Can't perform a React state update on an unmounted component\r\n this.setState = (state, callback) => {\r\n return;\r\n };\r\n }\r\n\r\n handleChange = (event) => {\r\n this.setState({\r\n [event.target.id]: event.target.value,\r\n submitMessage: '',\r\n errors: {}\r\n })\r\n }\r\n\r\n showLoading = () => {\r\n if (this.state.loadingStatus === \"\") {\r\n this.setState({\r\n loadingStatus: LOADING_STATUES.LOADING\r\n })\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n hideLoading = (message, status, content) => {\r\n if (content.paymentNeededAgain === true) {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListReAuthWindowShow: true\r\n })\r\n } else if (content.paymentNeeded === true) {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListWindowShow: true\r\n })\r\n } else if (status === 'ERROR') {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: \"\",\r\n creditCardPriceListWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false\r\n })\r\n } else {\r\n this.setState({\r\n loadingStatus: \"\",\r\n submitMessage: message,\r\n creditCardPriceListWindowShow: false,\r\n creditCardPriceListReAuthWindowShow: false,\r\n creditCardAuthorizeDotNetWindowShow: false\r\n })\r\n }\r\n }\r\n\r\n handleCreditCardAuthorizeDotNetWindowClose = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: false\r\n });\r\n }\r\n\r\n handleCreditCardPriceListClose = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListWindowShow: false\r\n });\r\n }\r\n\r\n handleCreditCardPriceListContinue = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: true\r\n });\r\n }\r\n\r\n handleCreditCardPriceListReAuth = () => {\r\n this.setState(\r\n {\r\n creditCardAuthorizeDotNetWindowShow: true\r\n });\r\n }\r\n\r\n handleCreditCardPriceListReAuthWindowClose = () => {\r\n this.setState(\r\n {\r\n creditCardPriceListReAuthWindowShow: false\r\n });\r\n }\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.handleValidation()) {\r\n if (this.showLoading() === true) {\r\n this.handleAuthorizedSubmit();\r\n }\r\n }\r\n }\r\n\r\n // Same code used in all searches - END\r\n\r\n handleAuthorizedSubmit = () => {\r\n this.props.resetSearchSequence();\r\n this.props.resetSearchSequenceDocumentNumber();\r\n this.props.resetSearchDetail();\r\n const { loadingStatus, submitMessage, errors, token, creditCardPriceListWindowShow, creditCardAuthorizeDotNetWindowShow, creditCardPriceListReAuthWindowShow, ...request } = this.state; // remove UI only fields before submitting\r\n this.props.searchByTractBookId(request, this.props.history, this.hideLoading);\r\n }\r\n\r\n handleValidation() {\r\n let errors = {};\r\n\r\n if (!this.state.tractBookId) {\r\n errors[\"tractBookId\"] = translations[this.props.language].required;\r\n this.setState({ errors: errors });\r\n return false;\r\n }\r\n\r\n this.setState({ errors: errors });\r\n return true;\r\n }\r\n\r\n handleClear = (event) => {\r\n event.preventDefault();\r\n this.props.resetSearchCriteria();\r\n this.setState({\r\n submitMessage: '',\r\n tractBookId: ''\r\n })\r\n }\r\n\r\n render() {\r\n\r\n let formGroupRows = []\r\n\r\n formGroupRows.push({\r\n formGroups: [{ id: 'tractBookId', label: \"Tract Book ID\", primaryCriteria: true, value: this.state.tractBookId, required: true, fieldType: 'text', error: this.state.errors['tractBookId'] }]\r\n });\r\n\r\n const formProps = {\r\n componentName: componentName,\r\n pageHeading: \"Tract Book Search by ID\",\r\n onChange: this.handleChange,\r\n onSubmit: this.handleSubmit,\r\n onClear: this.handleClear,\r\n successIndicator: this.state.loadingStatus === LOADING_STATUES.SUCCESS,\r\n loadingIndicator: this.state.loadingStatus === LOADING_STATUES.LOADING,\r\n submitMessage: this.state.submitMessage,\r\n formGroupRows: formGroupRows,\r\n\r\n handleAuthorizedSubmit: this.handleAuthorizedSubmit,\r\n\r\n // price list window\r\n creditCardPriceListWindowShow: this.state.creditCardPriceListWindowShow,\r\n handleCreditCardPriceListClose: this.handleCreditCardPriceListClose,\r\n handleCreditCardPriceListContinue: this.handleCreditCardPriceListContinue,\r\n\r\n // authoriz.net iframe window\r\n creditCardAuthorizeDotNetWindowShow: this.state.creditCardAuthorizeDotNetWindowShow,\r\n handleCreditCardAuthorizeDotNetWindowClose: this.handleCreditCardAuthorizeDotNetWindowClose,\r\n authorizeDotNetToken: this.state.token,\r\n\r\n // re-preauth price list window\r\n creditCardPriceListReAuthWindowShow: this.state.creditCardPriceListReAuthWindowShow,\r\n handleCreditCardPriceListReAuth: this.handleCreditCardPriceListReAuth,\r\n handleCreditCardPriceListReAuthWindowClose: this.handleCreditCardPriceListReAuthWindowClose\r\n }\r\n\r\n return (\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps)(Search);\r\n","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { loadDocuments, setSelectedSearchType, SearchByParcelIdKey, SearchByParcelIdUrl } from '../../../redux/actions/searchActions';\r\nimport { LOADING_STATUES } from \"../../constants/constants\";\r\nimport Alert from '../../common/modal/Alert';\r\nimport Loading from '../../common/modal/Loading';\r\nimport moment from 'moment';\r\n\r\nconst componentName = SearchByParcelIdKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsetSelectedSearchType: () => dispatch(setSelectedSearchType(componentName)),\r\n\t\tsearchByParcelId: (searchCriteria, history, callback) => dispatch(loadDocuments(searchCriteria, history, callback, SearchByParcelIdUrl)),\r\n\t\tresetSearchCriteria: () => dispatch({ type: 'RESET_SEARCH_CRITERIA', componentName })\r\n\t}\r\n}\r\n\r\nclass SearchByParcelIdExternal extends Component {\r\n\tstate = {\r\n\t showAlert: false,\r\n\t\talertMessage: 'Could not find requested Parcel ID',\r\n\t\tloadingStatus: LOADING_STATUES.LOADING\r\n\t}\r\n\r\n\tsearchCallback = (message, okay, content) => {\r\n\t\tif (message === 'No Records Found.') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowAlert: true,\r\n\t\t\t\tloadingStatus: LOADING_STATUES.SUCCESS\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tloadingStatus: LOADING_STATUES.SUCCESS\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\thideAlert = () => {\r\n\t\tthis.props.history.push('/search');\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.setSelectedSearchType();\r\n let parcelIdParam = this.props.match.params.id;\r\n\r\n\t\tlet request = {\t\t\t\r\n\t\t\t fromRecordedDate: moment('01/01/1900').format('L'),\r\n\t\t toRecordedDate: moment().format('L'),\r\n\t\t parcelId: parcelIdParam\r\n\t\t}\r\n\t\tthis.props.searchByParcelId(request, this.props.history, this.searchCallback);\r\n }\r\n\r\n render() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/* Search Resultes routes */}\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n \r\n\t\t\t\t
\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps)(Reports);","import React from 'react';\r\n\r\nimport { Modal, Button } from 'react-bootstrap'\r\nimport { questionIcon } from '../../../img/font_awesome/font_awesome'\r\n\r\n\r\nexport default class Confirmation extends React.Component {\r\n handleYesClick = (event) => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n this.props.cancelConfirmation();\r\n this.props.proceedConfirmation();\r\n }\r\n\r\n handleNoClick = (event) => {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n this.props.cancelConfirmation();\r\n }\r\n\r\n render() {\r\n let title = \"\"\r\n\r\n if (this.props.title) {\r\n title = this.props.title;\r\n }\r\n\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tthis.props.countyConfigReports.accountTypeReport && \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t{ \t\r\n\t\t\t\t\t\t(this.props.role === 'TRIMIN' || this.props.role === 'COUNTY') &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t| Username | \r\n\t\t\t\t\t\t\t\t\t\t\tName | \r\n\t\t\t\t\t\t\t\t\t\t\tAccount | \r\n\t\t\t\t\t\t\t\t\t\t\tUser Type | \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t |
|---|---|---|---|---|
| {userResult.username}{inactiveBadge} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{userResult.firstName} {userResult.lastName} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{userResult.accountName} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{userResult.role} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuserResult.status === 'A' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuserResult.status !== 'A' &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\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 connect(mapStateToProps, mapDispatchToProps)(Accounts);","import React from 'react';\r\nimport axios from \"axios\";\r\nimport configData from \"../../config/config.json\";\r\nimport { connect } from \"react-redux\";\r\nimport FormTemplate from \"../common/form/FormTemplate.js\";\r\nimport { Form, Button, Container, Row, Col } from 'react-bootstrap'\r\nimport PageBanner from \"../common/page/PageBanner\";\r\nimport PrimaryButton from \"../common/form/PrimaryButton\";\r\nimport Alert from '../common/modal/Alert.js';\r\nimport { checkIconGreen, spinnerIconGray } from \"../../img/font_awesome/font_awesome\"\r\nimport { setSelectedControlPanelType, AccountsControlPanelKey } from \"../../redux/actions/controlPanelActions.js\";\r\nimport { saveAccount } from \"../../redux/actions/accountActions.js\";\r\nimport Loading from '../common/modal/Loading.js';\r\nimport { LOADING_STATUES, ALERT_TYPES } from \"../constants/constants\";\r\nimport { idText } from 'typescript';\r\n\r\nconst componentName = AccountsControlPanelKey;\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\taccountTypes: state.accountTypesReducer.codeDescriptionResultList,\r\n\t\taccountListFilters: state.accountListFiltersReducer,\r\n\t\tcountyConfigFlatFee: state.countyConfigFlatFeeReducer,\r\n\t\trole: state.currentUserReducer.role,\r\n\t\tcountyConfigBillingSchedule: state.countyConfigBillingScheduleReducer,\r\n\t\tavailableDocumentTypes: state.documentTypesWithBlankReducer.codeDescriptionResultList\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsetSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName))\r\n\t}\r\n}\r\n\r\nconst DEFAULT_IMAGE_CHARGE_METHOD = 'PAGE';\r\n\r\nconst NO_ID = 0;\r\n\r\nclass AccountDocTypes extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\taccountId: NO_ID,\r\n\t\t\terrors: {},\r\n\t\t\tshowAlert: false,\r\n\t\t\talertMessage: \"\",\r\n\t\t\tredirect: false,\r\n\t\t\tstatus: ''\r\n\t\t};\r\n\r\n\t\tthis.state = { ...this.state, ...this.getStateFromContent(null) };\r\n\t}\r\n\r\n\thandleChange = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tlet value = event.target.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\t[event.target.id]: value ? value : (event.target.type === 'number' ? 0 : value),\r\n\t\t\terrors: {},\r\n\t\t\tstatus: ''\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tgetContainer = () => {\r\n\t\treturn {\r\n\t\t\taccountId: this.state.accountId,\r\n\t\t\taccountDocTypes: this.state.docTypes\r\n\t\t}\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tif (this.state.status === \"\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: LOADING_STATUES.LOADING\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\taxios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/accountDocTypes\", this.getContainer(), { withCredentials: true })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst content = response.data.content;\r\n\t\t\t\tlet newState = {\r\n\t\t\t\t\t...this.getStateFromContent(content),\r\n\t\t\t\t\tstatus: \"SUCCESS\",\r\n\t\t\t\t\tredirect: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.setState(newState);\r\n\t\t\t}, (error) => {\r\n\t\t\t\tthis.setState({ status: \"\", redirect: false }, this.showAlert(error.message));\r\n\t\t\t});\r\n\t}\r\n\r\n\thandleCancel = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tthis.props.history.push('/controlPanel/accounts');\r\n\t}\r\n\r\n\tshowLoading = () => {\r\n\t\tif ((this.state.status === \"\") || (this.state.status === \"SUCCESS\")) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: LOADING_STATUES.LOADING\r\n\t\t\t})\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\thideLoading = (loadingStatus) => {\r\n\t\tif (loadingStatus === 'ERROR') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\"\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\"\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tcreateDefaultRow = () => {\r\n\t\treturn {\r\n\t\t\taccountId: this.state.accountId,\r\n\t\t\tdocumentType: '',\r\n\t\t\tid: NO_ID,\r\n\t\t\timageChargeMethod: DEFAULT_IMAGE_CHARGE_METHOD,\r\n\t\t\timageRetrieval: true,\r\n\t\t\tpreviewRetrieval: true\r\n\t\t};\r\n\t}\r\n\r\n\thandleMoreRows = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tlet newRows = [];\r\n\r\n\t\tfor (let i = 0; i < 5; ++i) {\r\n\t\t\tnewRows = newRows.concat([this.createDefaultRow()]);\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\tstatus: '',\r\n\t\t\tdocTypes: [...this.state.docTypes, ...newRows]\r\n\t\t});\r\n\t}\r\n\r\n\thandleChange = (event) => {\r\n\t\tconst targetId = event.target.id;\r\n\t\tconsole.log(targetId);\r\n\t\tlet docTypes = [...this.state.docTypes];\r\n\r\n\t\tif (targetId.includes(\"documentType\")) {\r\n\t\t\tconst index = targetId.replace(\"documentType\", \"\");\r\n\t\t\tlet docType = { ...docTypes[index] };\r\n\t\t\tdocType.documentType = event.target.value;\r\n\t\t\tdocTypes[index] = docType;\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\",\r\n\t\t\t\tdocTypes\r\n\t\t\t});\r\n\t\t} else if (targetId.includes(\"imageChargeMethod\")) {\r\n\t\t\tconst index = targetId.replace(\"imageChargeMethod\", \"\");\r\n\t\t\tlet docType = { ...docTypes[index] };\r\n\t\t\tdocType.imageChargeMethod = event.target.value;\r\n\t\t\tdocTypes[index] = docType;\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\",\r\n\t\t\t\tdocTypes\r\n\t\t\t});\r\n\t\t} else if (targetId.includes(\"imageRetrieval\")) {\r\n\t\t\tconst index = targetId.replace(\"imageRetrieval\", \"\");\r\n\t\t\tlet docType = { ...docTypes[index] };\r\n\t\t\tdocType.imageRetrieval = event.target.value;\r\n\t\t\tdocTypes[index] = docType;\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\",\r\n\t\t\t\tdocTypes\r\n\t\t\t});\r\n\t\t} else if (targetId.includes(\"previewRetrieval\")) {\r\n\t\t\tconst index = targetId.replace(\"previewRetrieval\", \"\");\r\n\t\t\tlet docType = { ...docTypes[index] };\r\n\t\t\tdocType.previewRetrieval = event.target.value;\r\n\t\t\tdocTypes[index] = docType;\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\",\r\n\t\t\t\tdocTypes\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: \"\",\r\n\t\t\t\t[event.target.id]: event.target.value ? event.target.value : 0\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\thandleReorganizeRows = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tif (this.state.status === \"\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tstatus: LOADING_STATUES.LOADING\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\taxios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/accountDocTypes/organize\", this.getContainer(), { withCredentials: true })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconst content = response.data.content;\r\n\t\t\t\tlet newState = {\r\n\t\t\t\t\t...this.getStateFromContent(content),\r\n\t\t\t\t\tstatus: \"\",\r\n\t\t\t\t\tredirect: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tthis.setState(newState);\r\n\t\t\t}, (error) => {\r\n\t\t\t\tthis.setState({ status: \"\", redirect: false }, this.showAlert(error.message));\r\n\t\t\t});\r\n\t}\r\n\r\n\thandleRemoveRow = (event) => {\r\n\t\tlet indexToRemove = event.target.id.replace(\"remove\", \"\");\r\n\t\tindexToRemove = parseInt(indexToRemove);\r\n\t\tlet docTypes = this.state.docTypes;\r\n\t\tdocTypes.splice(indexToRemove, 1);\r\n\t\tthis.setState({\r\n\t\t\tstatus: \"\",\r\n\t\t\tdocTypes: docTypes\r\n\t\t})\r\n\t}\r\n\r\n\tshowAlert = (alertMessage) => {\r\n\t\tthis.setState({\r\n\t\t\tshowAlert: true,\r\n\t\t\talertMessage\r\n\t\t})\r\n\t}\r\n\r\n\thideAlert = () => {\r\n\t\tthis.setState({\r\n\t\t\tshowAlert: false,\r\n\t\t\talertMessage: '',\r\n\t\t\talertType: ''\r\n\t\t})\r\n\r\n\t\tif (this.state.redirect) {\r\n\t\t\tthis.props.history.push('/controlPanel/accounts');\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\taxios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/accountDocTypes/\" + this.props.match.params.id, { withCredentials: true })\r\n\t\t\t.then(\r\n\t\t\t\t(response) => {\r\n\t\t\t\t\tconst content = response.data.content;\r\n\t\t\t\t\tlet newState = this.getStateFromContent(content);\r\n\r\n\t\t\t\t\tthis.setState(newState);\r\n\t\t\t\t},\r\n\t\t\t\t(error) => {\r\n\t\t\t\t\tconsole.log(error);\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t}\r\n\r\n\tgetStateFromContent = (content) => {\r\n\t\tif (content === null) {\r\n\t\t\treturn {\r\n\t\t\t\taccountId: NO_ID,\r\n\t\t\t\tdocTypes: [this.createDefaultRow()]\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tlet container = content.accountDocTypesContainer;\r\n\r\n\t\t\treturn {\r\n\t\t\t\tdocTypes: container.accountDocTypes,\r\n\t\t\t\taccountId: container.accountId\r\n\t\t\t};\r\n\t\t}\r\n\t}\r\n\r\n\ttrueFalseOptions = (isTrue) => {\r\n\t\tif (isTrue) {\r\n\t\t\treturn <>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t;\r\n\t\t} else {\r\n\t\t\treturn <>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t;\r\n\t\t}\r\n\t}\r\n\r\n\tchargeMethodOptions = (method) => {\r\n\t\tif (method === 'PAGE') {\r\n\t\t\treturn <>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t;\r\n\t\t} else {\r\n\t\t\treturn <>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet formTemplateMarginLeft;\r\n\t\tlet formTemplateMarginRight;\r\n\r\n\t\tconsole.log('bxp: sideNavigationOpen: ' + this.props.sideNavigationOpen);\r\n\r\n\t\tif (this.props.formOnly) {\r\n\t\t\tformTemplateMarginLeft = 0\r\n\t\t\tformTemplateMarginRight = 0\r\n\t\t} else {\r\n\t\t\tformTemplateMarginLeft = 270\r\n\t\t\tformTemplateMarginRight = 20\r\n\t\t}\r\n\r\n\t\tlet pageButtons = [{ label: 'Add', onClickAction: this.handleMoreRows, className: 'btn btn-secondary btn-sm' }, { label: 'Organize', onClickAction: this.handleReorganizeRows, className: 'btn btn-secondary btn-sm' }]\r\n\r\n\t\tlet docTypesTable =\r\n\t\t\t| Account | \r\nType | \r\nPayment Method | \r\nMonthly Fee ($) | \r\n\r\n |
|---|---|---|---|---|
| {accountResult.name}{inactiveBadge} | \r\n{accountResult.accountTypeDescription} | \r\n{accountResult.paymentMethodDescription} | \r\n{accountResult.monthlyFeeDescription} | \r\n \r\n\r\n <>\r\n \r\n | \r\n
\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.state.docTypes.map((docType, index) => (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t))\r\n\t\t\t\t}\r\n\t\t\t
\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.availableDocumentTypes &&\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.availableDocumentTypes.map((option) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (docType.documentType === option.code)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn ()\r\n\t\t\t\t\t\t\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn ()\r\n\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.chargeMethodOptions(this.state.docTypes[index].imageChargeMethod)}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.trueFalseOptions(this.state.docTypes[index].previewRetrieval)}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.trueFalseOptions(this.state.docTypes[index].imageRetrieval)}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AccountDocTypes);\r\n","export const trimAccountFields = (account) => {\r\n let trimmedAccount = {};\r\n\r\n // Account Name\r\n if (account.name) {\r\n let name = account.name.trim();\r\n name = {name};\r\n trimmedAccount = {...trimmedAccount, ...name};\r\n }\r\n\r\n // LandLink Account\r\n if (account.landLinkAccount) {\r\n let landLinkAccount = account.landLinkAccount.trim();\r\n landLinkAccount = {landLinkAccount};\r\n trimmedAccount = {...trimmedAccount, ...landLinkAccount};\r\n }\r\n\r\n // Company\r\n if (account.company) {\r\n let company = account.company.trim();\r\n company = {company};\r\n trimmedAccount = {...trimmedAccount, ...company};\r\n }\r\n\r\n // Address\r\n if (account.address) {\r\n let address = account.address.trim();\r\n address = {address};\r\n trimmedAccount = {...trimmedAccount, ...address};\r\n }\r\n\r\n // City\r\n if (account.city) {\r\n let city = account.city.trim();\r\n city = {city};\r\n trimmedAccount = {...trimmedAccount, ...city};\r\n }\r\n\r\n // Email\r\n if (account.email) {\r\n let email = account.email.trim();\r\n email = {email};\r\n trimmedAccount = {...trimmedAccount, ...email};\r\n }\r\n return trimmedAccount;\r\n}\r\n\r\n// This function is used by different user forms in the app.\r\n// Different forms may or may not contain a certain field. \r\n// For example, you can't change the username on an existing user, so its form doesn't have username.\r\n// Hence, the checks for undefined to make sure the field is in the user object.\r\nexport const validateAccount = (account, validateAccountName = true) => {\r\n let errors = {};\r\n\r\n // First Name\r\n if (validateAccountName && account.name !== undefined) {\r\n if (!account.name) {\r\n errors[\"name\"] = \"Required.\";\r\n return errors;\r\n }\r\n\r\n if (account.name && account.name.length > 60) {\r\n errors[\"name\"] = \"60 characters max.\";\r\n return errors;\r\n }\r\n }\r\n\r\n const landLinkAccount = account.landLinkAccount;\r\n\r\n if(/\\D/.test(landLinkAccount)) {\r\n errors[\"landLinkAccount\"] = \"Numeric Account Number\";\r\n return errors;\r\n }\r\n\r\n // Address\r\n if (account.address !== undefined) {\r\n if (account.address && account.address.length > 50) {\r\n errors[\"address\"] = \"50 characters max.\";\r\n return errors;\r\n }\r\n }\r\n\r\n // City\r\n if (account.city !== undefined) {\r\n if (account.city && account.city.length > 50) {\r\n errors[\"city\"] = \"50 characters max.\";\r\n return errors;\r\n }\r\n }\r\n\r\n // Zip\r\n if (account.zip && account.zip.length > 0 && account.zip.length < 5) {\r\n errors[\"zip\"] = \"5-digit zip.\";\r\n return errors;\r\n }\r\n\r\n if (account.zip && account.zip.search(/^[0-9]+$/) === -1) {\r\n errors[\"zip\"] = \"Numbers only.\";\r\n return errors;\r\n }\r\n\r\n // Email\r\n if (account.email !== undefined) {\r\n if (account.email && account.email.length > 50) {\r\n errors[\"email\"] = \"50 characters max.\";\r\n return errors;\r\n }\r\n }\r\n\r\n // Phone \r\n if (account.phone && account.phone.length < 14) {\r\n errors[\"phone\"] = \"(XXX) XXX-XXXX\";\r\n return errors;\r\n }\r\n \r\n return errors;\r\n}","import React from 'react';\r\nimport axios from \"axios\";\r\nimport configData from \"../../config/config.json\";\r\nimport usStates from \"../../config/us_states.json\";\r\nimport { connect } from \"react-redux\";\r\nimport FormTemplate from \"../common/form/FormTemplate\";\r\nimport Alert from '../common/modal/Alert';\r\nimport { setSelectedControlPanelType, AccountsControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\nimport { saveAccount } from \"../../redux/actions/accountActions\";\r\nimport Loading from '../common/modal/Loading';\r\nimport Confirmation from '../common/modal/Confirmation';\r\nimport { formatPhone, formatZip } from \"../common/function/formattingUtils.js\";\r\nimport { LOADING_STATUES } from \"../../components/constants/constants\";\r\nimport { validateAccount, trimAccountFields } from \"../common/function/accountValidation\";\r\n\r\nconst componentName = AccountsControlPanelKey;\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\taccountTypes: state.accountTypesReducer.codeDescriptionResultList,\r\n\t\tpaymentMethodTypesAll: state.paymentMethodTypesAllReducer.codeDescriptionResultList,\r\n\t\tpaymentMethodTypesNonALaCarte: state.paymentMethodTypesNonALaCarteReducer.codeDescriptionResultList,\r\n\t\taccountListFilters: state.accountListFiltersReducer,\r\n\t\tisTorrens : state.landlinkConfigReducer.torrens,\r\n\t\tcountyConfigFlatFee: state.countyConfigFlatFeeReducer,\r\n\t\trole: state.currentUserReducer.role,\r\n\t\tcountyConfigBillingSchedule: state.countyConfigBillingScheduleReducer\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsetSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName)),\r\n\t\tsaveAccount: (account, callback) => dispatch(saveAccount(account, callback))\r\n\t}\r\n}\r\n\r\nclass AccountEntry extends React.Component {\r\n\tstate = {\r\n\t\tid: 0,\r\n\t\tname: '',\r\n\t\tflatFeeRateLevel: 0,\r\n\t\tmonthlyFee: 0,\r\n\t\taccountType: 'A_LA_CARTE',\r\n\t\tpaymentMethod: 'ESCROW',\r\n\t\taddress: '',\r\n\t\tcity: '',\r\n\t\tstate: '',\r\n\t\tzip: '',\r\n\t\tphone: '',\r\n\t\temail: '',\t\r\n\t\tstatus: 'A',\r\n\t\tlandLinkAccount: '',\r\n\t\tlastTasks: '',\r\n\t\tpostToLandLink: false,\r\n\t\tcountyConfigFlatFee: {},\r\n\t\tshowDeleteConfirmationDialog: false,\r\n\t\tloadingStatus: '', // Account has another field called status, so I need to call this field loadingStatus.\r\n\t\terrors: {},\r\n\t\tshowAlert: false,\r\n\t\talertMessage: \"\",\r\n\t\tredirect: false,\r\n\t\tuserReload: false\r\n\t }\r\n\r\n\thandleChange = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tlet value = event.target.value;\r\n\t\tif (event.target.id === 'phone') {\r\n\t\t value = formatPhone(value, this.state.phone);\r\n\t\t} else if (event.target.id === 'zip') {\r\n\t\t\tvalue = formatZip(value);\r\n\t\t}\r\n\t\t \r\n\t\tthis.setState({\r\n\t\t\t[event.target.id]: value ? value : (event.target.type === 'number' ? 0 : value),\r\n\t\t\terrors: {}\r\n\t\t})\r\n\r\n\t\tif (this.state.paymentMethod !== 'CREDIT_CARD') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tpostToLandLink: true\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\t\r\n\tshowLoading = () => {\r\n\t\tif (this.state.loadingStatus === \"\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tloadingStatus: LOADING_STATUES.LOADING\r\n\t\t\t})\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n\thideLoading = (loadingStatus) => {\r\n\t\tif (loadingStatus === 'ERROR') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tloadingStatus: \"\"\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tloadingStatus: \"\"\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\thandleCancel = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tthis.props.history.push('/controlPanel/accounts');\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tconst trimmedAccountFields = trimAccountFields(this.state);\t\t\t\r\n\t\tthis.setState({...trimmedAccountFields},\r\n\t\t\tfunction() { \r\n\t\t\t\tthis.validateAndSubmit();\r\n\t\t\t}\r\n\t\t)\r\n\t}\r\n\r\n\thandleSaveResult = (redirect, errorFound, message) => {\r\n\t\tlet alertType = errorFound ? 'WARNING': '';\r\n\t\tthis.setState({loadingStatus: \"\", redirect, alertType}, this.showAlert(message))\r\n\t}\r\n\r\n\tvalidateAndSubmit = () => {\r\n\t\tlet errors = validateAccount(this.state, this.state.id === 0);\r\n\t\tif (errors && Object.keys(errors).length > 0) {\r\n\t\t\tthis.setState({ errors });\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (this.showLoading() === true) {\r\n\t\t\tthis.props.saveAccount(this.state, this.handleSaveResult);\r\n\t\t}\r\n\t}\r\n\r\n\t// Delete methods\r\n\thandleDeleteAccount = () => {\r\n\t\tif (this.showLoading() === true) {\r\n\t\t\tlet request = { \r\n\t\t\t\taccountId: this.state.id, \r\n\t\t\t\tfilterText: this.props.accountListFilters.filterText, \r\n\t\t\t\tincludeInactive: \r\n\t\t\t\tthis.props.accountListFilters.includeInactive \r\n\t\t\t};\r\n\r\n\t\t\taxios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/accountDelete\", request, { withCredentials: true })\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tthis.setState({ loadingStatus: \"\", redirect: true }, this.showAlert(response.data.message));\r\n\t\t\t\t}, (error) => {\r\n\t\t\t\t\t\r\n\t\t\t\t\tthis.setState({ loadingStatus: \"\", redirect: false }, this.showAlert(error.message));\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tshowDeleteConfirmation = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tthis.setState({\r\n\t\t\tshowDeleteConfirmationDialog: true\r\n\t\t})\r\n\t}\r\n\r\n\thideDeleteConfirmation = () => {\r\n\t\tthis.setState({\r\n\t\t\tshowDeleteConfirmationDialog: false\r\n\t\t})\r\n\t}\r\n\r\n\t// Delete methods - End\r\n\thandleChangeAccountStatus = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tif (this.showLoading() === true) {\r\n\t\t\taxios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/accountChangeStatusSingle\", { accountId: this.state.id, filterText: this.props.accountListFilters.filterText, includeInactive: this.props.accountListFilters.includeInactive }, { withCredentials: true })\r\n\t\t\t\t.then((response) => {\r\n\t\t\t\t\tthis.setState({ loadingStatus: \"\", status: response.data.content.status }, this.showAlert(response.data.message));\r\n\t\t\t\t}, (error) => {\r\n\t\t\t\t\tthis.setState({ loadingStatus: \"\" }, this.showAlert(error.message));\r\n\t\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.setSelectedControlPanelType();\r\n\t\r\n\t\t// new account\r\n\t\tif (this.props.match.params.id === '0') {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\taxios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/account/\" + this.props.match.params.id, { withCredentials: true })\r\n\t\t.then(\r\n\t\t\t(response) => {\r\n\t\t\t\tconst content = response.data.content;\r\n\t\t\t\tlet newState = this.getStateFromContent(content);\r\n\r\n\t\t\t\tthis.setState(newState);\r\n\t\t\t},\r\n\t\t\t(error) => {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tgetStateFromContent = (content) => {\r\n\t\treturn {\r\n\t\t\tid: content.id,\r\n\t\t\tname: content.name,\r\n\t\t\taccountType: content.accountType,\r\n\t\t\tpaymentMethod: content.paymentMethod,\r\n\t\t\tmonthlyFee: content.monthlyFee,\r\n\t\t\taddress: content.address,\r\n\t\t\tcity: content.city,\r\n\t\t\tstate: content.state,\r\n\t\t\tzip: content.zip,\r\n\t\t\tphone: content.phone,\r\n\t\t\temail: content.email,\r\n\t\t\tstatus: content.status,\r\n\t\t\tlandLinkAccount: content.landLinkAccount,\r\n\t\t\tlastTasks: content.lastTasks,\r\n\t\t\tpostToLandLink: content.postToLandLink,\r\n\t\t\tflatFeeRateLevel: content.flatFeeRateLevel,\r\n\t\t\tcountyConfigFlatFee: content.countyConfigFlatFee,\r\n\t\t\tuserReload: content.userReload,\r\n\t\t\talertType: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcreateRateOption = (index, rate) => {\r\n\t\tlet item = 'image';\r\n\r\n\t\tif (rate.unlimitedNumberOfPages) {\r\n\t\t\treturn {code: index, disabled: !rate.option, description: 'Unlimited ' + item + 's for $' + rate.cost};\r\n\t\t} else {\r\n\t\t\tlet itemDescription = (rate.numberOfPages == 1) ? item : item + 's';\r\n\t\t\treturn {code: index, disabled: !rate.option, description: rate.numberOfPages + ' ' + itemDescription + \r\n\t\t\t\t' for $' + rate.cost};\r\n\t\t}\r\n\t}\r\n\r\n\tcreateRateOptions = () => {\r\n\t\tlet flatFeeRates = [{code: 0, description: \"Free\"}];\r\n\r\n\t\tconst countyConfigFlatFee = this.state.countyConfigFlatFee && Object.keys(this.state.countyConfigFlatFee).length > 0 ? this.state.countyConfigFlatFee : this.props.countyConfigFlatFee;\r\n\t\r\n\t\t// County doesn't charge for images, so the only available flat fee option is Free\r\n\t\tif (countyConfigFlatFee.chargingImages === false) {\r\n\t\t\treturn flatFeeRates;\r\n\t\t}\r\n\r\n\t\tif (countyConfigFlatFee.rates) {\r\n\t\t\tfor (let i = 0; i < 5; ++i) {\r\n\t\t\t\tflatFeeRates.push(this.createRateOption(i+1, countyConfigFlatFee.rates[i]));\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\treturn flatFeeRates;\r\n\t}\r\n\r\n\tshowAlert = (alertMessage) => {\r\n\t\tthis.setState({\r\n\t\t showAlert: true,\r\n\t\t alertMessage\r\n\t\t})\r\n\t }\r\n\t\r\n\thideAlert = () => {\r\n\t\tthis.setState({\r\n\t\t\tshowAlert: false,\r\n\t\t\talertMessage: '',\r\n\t\t\talertType: ''\r\n\t\t})\r\n\t\r\n\t\tif (this.state.redirect) {\r\n\t\t\tthis.props.history.push('/controlPanel/accounts');\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tlet paymentMethodOptions = this.props.paymentMethodTypesAll;\r\n\t\tif (this.state.accountType !== 'A_LA_CARTE') {\r\n\t\t\tpaymentMethodOptions = this.props.paymentMethodTypesNonALaCarte;\r\n\t\t} \r\n\r\n\t\tlet disabledFlag = this.state.status !== 'A' && this.state.id !== 0;\r\n\r\n\t\t// Not disabled, show a dropdown. Otherwise, show a text field.\r\n\t\tlet accountTypeField = { id: 'accountType', label: 'Account Type', fieldType: 'select', value: this.state.accountType, options: this.props.accountTypes, style: { minWidth: 220 } }\r\n\t\tlet paymentMethodField = { id: 'paymentMethod', label: 'Payment Method', fieldType: 'select', value: this.state.paymentMethod, options: paymentMethodOptions }\r\n\t\tlet userReloadField = { id: 'userReload', label: 'Reload by Account Admin', fieldType: 'select', hideField: (this.state.accountType !== 'FLAT_FEE' || this.state.flatFeeRateLevel === 0 || this.state.flatFeeRateLevel == \"0\" ), value: this.state.userReload }\r\n\t\tlet postToLandLinkField = { id: 'postToLandLink', label: 'Post to LandLink', fieldType: 'select', hideField: this.state.paymentMethod !== 'CREDIT_CARD', value: this.state.postToLandLink}\r\n\t\t\r\n\t\tif (disabledFlag) {\r\n\t\t\taccountTypeField = { id: 'accountType', label: 'Account Type', fieldType: 'text', value: this.state.accountType, disabled:true }\r\n\t\t\tpaymentMethodField = { id: 'paymentMethod', label: 'Payment Method', fieldType: 'text', value: this.state.paymentMethod, disabled:true }\r\n\t\t\tuserReloadField = { id: 'userReload', label: 'Reload by Account Admin', fieldType: 'text', hideField: (this.state.accountType !== 'FLAT_FEE' || this.state.flatFeeRateLevel === 0 || this.state.flatFeeRateLevel == \"0\"), value: this.state.userReload === true ? \"Yes\" : \"No\", disabled:true }\r\n\t\t\tpostToLandLinkField = { id: 'postToLandLink', label: 'Post to LandLink', fieldType: 'text', hideField: this.state.paymentMethod !== 'CREDIT_CARD', value: this.state.postToLandLink === true ? \"Yes\" : \"No\", disabled:true }\r\n\t\t}\r\n\r\n\t\tlet flatFeeRateOptions = this.createRateOptions();\r\n\t\t\r\n\t\tlet landlinkAccountRequired = (this.state.accountType === 'A_LA_CARTE' && this.state.paymentMethod !== 'CREDIT_CARD') \r\n\t\t\t\t\t\t\t|| (this.state.accountType === 'FLAT_FEE' && this.state.flatFeeRateLevel !== \"0\" && this.state.flatFeeRateLevel !== 0) \r\n\t\t\t\t\t\t\t|| (this.state.paymentMethod === 'CREDIT_CARD' && (this.state.postToLandLink === true || this.state.postToLandLink === 'true')) \r\n\t\t\t\t\t\t\t\r\n\t\tlet formGroupRows = [\r\n\t\t\t{\r\n\t\t\t\tformGroups: [accountTypeField,\r\n\t\t\t\t\tpaymentMethodField,\r\n\t\t\t\t\t{ id: 'flatFeeRateLevel', label: 'Monthly Rate', fieldType: 'select', hideField: this.state.accountType !== 'FLAT_FEE', options: flatFeeRateOptions, value: this.state.flatFeeRateLevel },\r\n\t\t\t\t\t{ id: 'monthlyFee', label: 'Monthly Fee', fieldType: 'number', numberType: 'decimal', hideField: this.state.accountType === 'FLAT_FEE', value: this.state.monthlyFee, disabled: disabledFlag },\r\n\t\t\t\t\tuserReloadField]\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tformGroups: [{ id: 'landLinkAccount', label: 'LandLink Account #', fieldType: 'text', maxLength: 10, value: this.state.landLinkAccount, required: landlinkAccountRequired, disabled: disabledFlag, error: this.state.errors['landLinkAccount'] },\r\n\t\t\t\t\tpostToLandLinkField]\r\n\t\t\t}]\r\n\r\n\t\tformGroupRows.push(\r\n\r\n\t\t\t{\r\n\t\t\t\tformGroups: [{ id: 'address', label: 'Address', fieldType: 'text', value: this.state.address, required: false, disabled: disabledFlag, error: this.state.errors['address'] }]\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tformGroups: [{ id: 'city', label: 'City', fieldType: 'text', value: this.state.city, required: false, disabled: disabledFlag, error: this.state.errors['city'] },\r\n\t\t\t\t{ id: 'state', label: 'State', fieldType: 'select', value: this.state.state, options: usStates, required: false, disabled: disabledFlag },\r\n\t\t\t\t{ id: 'zip', label: 'Zip (ex. 55111)', fieldType: 'zip', value: this.state.zip, required: false, disabled: disabledFlag, error: this.state.errors['zip'] }]\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tformGroups: [{ id: 'phone', label: 'Phone (ex. (612) 555-1234)', fieldType: 'tel', value: this.state.phone, required: false, disabled: disabledFlag, error: this.state.errors['phone'] },\r\n\t\t\t\t{ id: 'email', label: 'Email', fieldType: 'email', value: this.state.email, required: false, disabled: disabledFlag, error: this.state.errors['email'] }]\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tformGroups: [\r\n\t\t\t\t\t{ id: 'lastTasks', label: 'Last Tasks', fieldType: 'datetime', value: this.state.lastTasks, required: true, error: this.state.errors['lastTasks'] }\r\n\t\t\t\t]\r\n\t\t\t}\r\n\r\n\t\t)\r\n\r\n\t\t// If new account, show the Account Name in the entry form.\r\n\t\tif (this.state.id === 0) {\r\n\t\t\tformGroupRows.splice(0, 0,\t{formGroups: [{ id: 'name', label: 'Account Name', fieldType: 'text', required: true }]} );\r\n\t\t}\r\n\t\t\r\n\t\tlet changeStatusLabel = 'Activate';\r\n\t\tif (this.state.status === 'A') {\r\n\t\t\tchangeStatusLabel = 'Deactivate';\r\n\t\t}\r\n\r\n\t\tlet pageButtons = [];\r\n\r\n\t\tpageButtons.push( {label:changeStatusLabel, onClickAction: this.handleChangeAccountStatus, className: 'btn btn-secondary btn-sm'} );\r\n\t\tpageButtons.push( {label:'Delete', onClickAction: this.showDeleteConfirmation, className: 'btn btn-danger btn-sm'} );\r\n\r\n\t\tconst formProps = {\r\n\t\t\tcomponentName: \"AccountEntry\",\r\n\t\t\tpageHeading: \"Account (\" + (this.state.id ? this.state.name + \")\" : 'new*)'), \r\n\t\t\tonChange: this.handleChange,\r\n\t\t\tonSubmit: this.handleSubmit,\r\n\t\t\tonCancel: this.handleCancel,\r\n\t\t\tformGroupRows: formGroupRows,\r\n\t\t\tloadingIndicator: this.state.loadingStatus === LOADING_STATUES.LOADING,\r\n\t\t\tpageButtons: (this.state.id ? pageButtons : null) // Existing account, show page buttons. New account, don't.\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\tSpecial Rates
None\r\n\r\n // if (this.state.rates && this.state.rates.length > 0 && this.state.applySpecialRates !== true) {\r\n // afterRowsContent = <>Special Rates
Not Applied\r\n // } else \r\n \r\n if (this.state.rates && this.state.rates.length > 0) {\r\n let rateTable =\r\n\r\n {\r\n this.state.rates.map((rate, index) => (\r\n (index > 0) &&\r\n \r\n \r\n \r\n ))\r\n }\r\n
\r\n\r\n afterRowsContent =\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.state.applyAlternateRates !== false &&\r\n
\r\n \r\n {\r\n this.state.applyAlternateRates !== false &&\r\n
\r\n \r\n {\r\n this.state.applyAlternateRates !== false &&\r\n
\r\n Special Rates
\r\n\r\n
\r\n Document Type:
\r\n \r\n
\r\n Instrument Code:
\r\n \r\n
\r\n Document ($):
\r\n {\r\n this.state.applyAlternateRates !== false &&\r\n \r\n
\r\n 1st Page ($):
\r\n {\r\n this.state.applyAlternateRates !== false &&\r\n \r\n
\r\n Additional Pages ($):
\r\n {\r\n this.state.applyAlternateRates !== false &&\r\n \r\n {\r\n this.state.rates.map((rate, index) => (\r\n (index > 0) &&\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 this.state.applySpecialRates !== false && \r\n \r\n {\r\n this.props.availableDocumentTypes &&\r\n this.props.availableDocumentTypes.map((option) => {\r\n if (rate.documentType === option.code)\r\n return ()\r\n else\r\n return ()\r\n })\r\n }\r\n \r\n }\r\n { \r\n this.state.applySpecialRates === false && \r\n \r\n {\r\n this.props.availableDocumentTypes &&\r\n this.props.availableDocumentTypes.map((option) => {\r\n if (rate.documentType === option.code)\r\n return ()\r\n else\r\n return ()\r\n })\r\n }\r\n \r\n }\r\n
\r\n \r\n {\r\n this.state.applySpecialRates !== false && \r\n \r\n {\r\n this.props.availableInstrumentCodes &&\r\n this.props.availableInstrumentCodes.map((option) => {\r\n if (rate.instrumentCode === option.code)\r\n return ()\r\n else\r\n return ()\r\n })\r\n }\r\n \r\n }\r\n { \r\n this.state.applySpecialRates === false &&\r\n \r\n {\r\n this.props.availableInstrumentCodes &&\r\n this.props.availableInstrumentCodes.map((option) => {\r\n if (rate.instrumentCode === option.code)\r\n return ()\r\n else\r\n return ()\r\n })\r\n }\r\n \r\n }\r\n
\r\n \r\n {\r\n this.state.applySpecialRates !== false &&\r\n
\r\n \r\n {\r\n this.state.applySpecialRates !== false &&\r\n
\r\n \r\n {\r\n this.state.applySpecialRates !== 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\nexport default connect(mapStateToProps, matchDispatchToProps)(ALaCarteRatesSpecial);","import React, {Component} from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport FormTemplate from \"../common/form/FormTemplate\";\r\nimport { setSelectedControlPanelType, CommonControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\nimport configData from \"../../config/config.json\";\r\nimport { handleError } from '../../redux/actions/commonStuff';\r\nimport { LOADING_STATUES } from \"../../components/constants/constants\";\r\nimport { formatPhone } from \"../common/function/formattingUtils.js\";\r\n\r\nconst componentName = CommonControlPanelKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return { \r\n setSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName)),\r\n }\r\n}\r\n\r\nclass Common extends Component {\r\n\r\n state = {\r\n appTitle: \"\",\r\n countyName: \"\",\r\n\r\n contactName: \"\",\r\n contactTitle: \"\",\r\n contactPhone: \"\",\r\n contactEmail: \"\",\r\n\r\n bookLabel: \"\",\r\n torrensLabel: \"\"\r\n }\r\n\r\n handleSubmit = (event) => {\r\n\r\n event.preventDefault();\r\n if (this.state.status === \"\") {\r\n this.setState({\r\n status: LOADING_STATUES.LOADING\r\n })\r\n } else {\r\n return;\r\n }\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/common\", this.state, { withCredentials: true })\r\n .then(\r\n (response) => {\r\n this.setState({ \r\n status: LOADING_STATUES.SUCCESS\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n handleChange = (event) => {\r\n let value = event.target.value;\r\n\r\n if (event.target.id === 'contactPhone') {\r\n value = formatPhone(value, this.state.contactPhone);\r\n } else {\r\n value = value === \"true\" || value === \"false\" ? JSON.parse(event.target.value) : value;\r\n }\r\n this.setState({\r\n status: \"\",\r\n [event.target.id]: value ? value : (event.target.type === 'number' ? 0 : value)\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setSelectedControlPanelType();\r\n\r\n axios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/common\", { withCredentials: true })\r\n .then(\r\n (response) => {\r\n const content = response.data.content;\r\n this.setState( {\r\n appTitle: content.appTitle,\r\n countyName: content.countyName,\r\n contactName: content.contactName,\r\n contactTitle: content.contactTitle,\r\n contactPhone: content.contactPhone,\r\n contactEmail: content.contactEmail,\r\n bookLabel: content.bookLabel,\r\n torrensLabel: content.torrensLabel,\r\n status : \"\"\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n const formProps = {\r\n componentName: componentName,\r\n pageHeading: \"Common\",\r\n onChange: this.handleChange,\r\n onSubmit: this.handleSubmit,\r\n successIndicator: this.state.status === LOADING_STATUES.SUCCESS,\r\n loadingIndicator: this.state.status === LOADING_STATUES.LOADING,\r\n formGroupRows: [\r\n {\r\n formGroups: [ { id: 'countyName', label: 'County Name', fieldType: 'text', required: true, value: this.state.countyName },\r\n { id: 'appTitle', label: 'App Title', fieldType: 'text', required: true, value: this.state.appTitle } ]\r\n },\r\n {\r\n formGroups: [ { id: 'contactName', label: 'Contact Name', fieldType: 'text', required: false, value: this.state.contactName },\r\n { id: 'contactTitle', label: 'Title ', fieldType: 'text', required: false, value: this.state.contactTitle },\r\n { id: 'contactPhone', label: 'Phone (ex. (612) 555-1234)', fieldType: 'tel', required: false, value: this.state.contactPhone },\r\n { id: 'contactEmail', label: 'Email ', fieldType: 'email', required: false, value: this.state.contactEmail } ]\r\n },\r\n {\r\n formGroups: [ { id: 'bookLabel', label: 'Book Label', fieldType: 'text', required: true, value: this.state.bookLabel },\r\n { id: 'torrensLabel', label: 'Torrens Label', fieldType: 'text', required: true, value: this.state.torrensLabel }]\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}\r\n\r\nexport default connect(mapStateToProps, matchDispatchToProps)(HomeLatestNews);","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Container, Row, Col, Button } from 'react-bootstrap'\r\nimport axios from \"axios\";\r\nimport { setSelectedControlPanelType, HomeExternalLinksControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\nimport configData from \"../../config/config.json\";\r\nimport { handleError } from '../../redux/actions/commonStuff';\r\nimport PageBanner from \"../common/page/PageBanner\";\r\nimport PrimaryButton from \"../common/form/PrimaryButton\";\r\nimport { checkIconGreen, spinnerIconGray } from \"../../img/font_awesome/font_awesome\";\r\nimport { LOADING_STATUES } from \"../../components/constants/constants\";\r\n\r\nconst componentName = HomeExternalLinksControlPanelKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return {\r\n setSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName))\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\r\n return {\r\n sideNavigationOpen: state.sideNavigationReducer\r\n };\r\n}\r\n\r\nclass HomeExternalLinks extends Component {\r\n\r\n state = {\r\n paragraphs: [\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n }\r\n ],\r\n status: \"\",\r\n message: \"\"\r\n }\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.state.status === \"\") {\r\n this.setState({\r\n status: LOADING_STATUES.LOADING\r\n })\r\n } else {\r\n return;\r\n }\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/externalLinks\", this.state, { withCredentials: true })\r\n .then(\r\n (response) => {\r\n this.setState({\r\n status: LOADING_STATUES.SUCCESS\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n // Add five blank entries\r\n handleMoreRows = (event) => {\r\n event.preventDefault();\r\n\r\n const currentLength = this.state.paragraphs.length;\r\n if (currentLength < 50) { // 50 is the abitrary max length\r\n let blankArray = [\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n }\r\n ]; // Five blanks\r\n // If adding the blankArray exceeds 100 in length, shorten the blankArray so that it won't exceed 100.\r\n if ((currentLength + blankArray.length) > 50) {\r\n blankArray.length = 50 - currentLength;\r\n }\r\n\r\n this.setState({\r\n paragraphs: [...this.state.paragraphs, ...blankArray]\r\n })\r\n } else {\r\n alert(\"There's a limit of 50 links.\");\r\n }\r\n }\r\n\r\n handleChange = (event) => {\r\n const targetId = event.target.id;\r\n if (targetId.includes(\"heading\")) {\r\n const index = targetId.replace(\"heading\", \"\");\r\n let paragraphs = [...this.state.paragraphs];\r\n let rate = { ...paragraphs[index] };\r\n rate.heading = event.target.value;\r\n paragraphs[index] = rate;\r\n this.setState({\r\n status: \"\",\r\n paragraphs\r\n });\r\n } else if (targetId.includes(\"paragraphContent\")) {\r\n const index = targetId.replace(\"paragraphContent\", \"\");\r\n let paragraphs = [...this.state.paragraphs];\r\n let rate = { ...paragraphs[index] };\r\n rate.paragraphContent = event.target.value;\r\n paragraphs[index] = rate;\r\n this.setState({\r\n status: \"\",\r\n paragraphs\r\n });\r\n } else {\r\n this.setState({\r\n status: \"\",\r\n [event.target.id]: event.target.value ? event.target.value : 0\r\n })\r\n }\r\n }\r\n\r\n handleRemoveRow = (event) => {\r\n let indexToRemove = event.target.id.replace(\"remove\", \"\");\r\n indexToRemove = parseInt(indexToRemove);\r\n let paragraphs = this.state.paragraphs;\r\n paragraphs.splice(indexToRemove, 1);\r\n this.setState({\r\n paragraphs: paragraphs\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setSelectedControlPanelType();\r\n\r\n axios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/externalLinks\", { withCredentials: true })\r\n .then(\r\n (response) => {\r\n const content = response.data.content;\r\n let paragraphs = content.paragraphs;\r\n if (!paragraphs || paragraphs.length === 0) {\r\n paragraphs = [ {\r\n heading: '',\r\n paragraphContent: ''\r\n }]\r\n }\r\n\r\n this.setState({\r\n status: \"\",\r\n paragraphs\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n let formTemplateMarginLeft = 60\r\n let formTemplateMarginRight = 20\r\n if (this.props.formOnly) {\r\n formTemplateMarginLeft = 0\r\n formTemplateMarginRight = 0\r\n } else if (this.props.sideNavigationOpen) {\r\n formTemplateMarginLeft = 270\r\n }\r\n\r\n let pageButtons = [{ label: 'Add', onClickAction: this.handleMoreRows, className: 'btn btn-secondary btn-sm' }]\r\n\r\n let paragraphTable =\r\n <>\r\n {\r\n this.state.paragraphs.map((rate, index) => (\r\n (index > 0) &&\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 connect(mapStateToProps, matchDispatchToProps)(HomeExternalLinks);","import React, {Component} from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport FormTemplate from \"../common/form/FormTemplate\";\r\nimport { setSelectedControlPanelType, HomeNotableDatesControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\nimport configData from \"../../config/config.json\";\r\nimport { handleError } from '../../redux/actions/commonStuff';\r\nimport { LOADING_STATUES } from \"../../components/constants/constants\";\r\n\r\nconst componentName = HomeNotableDatesControlPanelKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return { \r\n setSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName))\r\n }\r\n}\r\n\r\nclass HomeNotableDates extends Component {\r\n\r\n state = {\r\n showNotableDates: false,\r\n showSeparateIndexes: false,\r\n useVerificationDate: false,\r\n abstractVerified: false,\r\n abstractLegalVerified: false,\r\n abstractPosted: false,\r\n abstractLegalPosted: false,\r\n abstractIndexBegin: false,\r\n abstractImageBegin: false,\r\n abstractImageThru: false,\r\n torrensVerified: false,\r\n torrensLegalVerified: false,\r\n torrensPosted: false,\r\n torrensLegalPosted: false,\r\n torrensIndexBegin: false,\r\n torrensImageBegin: false,\r\n torrensImageThru: false,\r\n torrensCertificateThru: false,\r\n lienVerified: false,\r\n lienPosted: false,\r\n lienIndexBegin: false,\r\n lienImageBegin: false,\r\n lienImageThru: false,\r\n status: \"\",\r\n message: \"\"\r\n }\r\n\r\n handleSubmit = (event) => {\r\n\r\n event.preventDefault();\r\n if (this.state.status === \"\") {\r\n this.setState({\r\n status: LOADING_STATUES.LOADING\r\n })\r\n } else {\r\n return;\r\n }\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/notableDates\", this.state, { withCredentials: true })\r\n .then(\r\n (response) => {\r\n this.setState({ \r\n status: LOADING_STATUES.SUCCESS\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n handleChange = (event) => {\r\n let value = event.target.value;\r\n value = value === \"true\" || value === \"false\" ? JSON.parse(event.target.value) : value;\r\n this.setState({\r\n status: \"\",\r\n [event.target.id]: value ? value : (event.target.type === 'number' ? 0 : value)\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setSelectedControlPanelType();\r\n\r\n axios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/notableDates\", { withCredentials: true })\r\n .then(\r\n (response) => {\r\n const content = response.data.content;\r\n this.setState( {\r\n showNotableDates: content.showNotableDates,\r\n showSeparateIndexes: content.showSeparateIndexes,\r\n useVerificationDate: content.useVerificationDate,\r\n abstractVerified: content.abstractVerified,\r\n abstractLegalVerified: content.abstractLegalVerified,\r\n abstractPosted: content.abstractPosted,\r\n abstractLegalPosted: content.abstractLegalPosted,\r\n abstractIndexBegin: content.abstractIndexBegin,\r\n abstractImageBegin: content.abstractImageBegin,\r\n abstractImageThru: content.abstractImageThru,\r\n torrensVerified: content.torrensVerified,\r\n torrensLegalVerified: content.torrensLegalVerified,\r\n torrensPosted: content.torrensPosted,\r\n torrensLegalPosted: content.torrensLegalPosted,\r\n torrensIndexBegin: content.torrensIndexBegin,\r\n torrensImageBegin: content.torrensImageBegin,\r\n torrensImageThru: content.torrensImageThru,\r\n torrensCertificateThru: content.torrensCertificateThru,\r\n lienVerified: content.lienVerified,\r\n lienPosted: content.lienPosted,\r\n lienIndexBegin: content.lienIndexBegin,\r\n lienImageBegin: content.lienImageBegin,\r\n lienImageThru: content.lienImageThru,\r\n status : \"\"\r\n });\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n\r\n let disableLegal = this.state.showSeparateIndexes === false || this.state.showSeparateIndexes === 'false';\r\n\r\n const formProps = {\r\n componentName: componentName,\r\n pageHeading: \"Home - Notable Dates\",\r\n onChange: this.handleChange,\r\n onSubmit: this.handleSubmit,\r\n successIndicator: this.state.status === LOADING_STATUES.SUCCESS,\r\n loadingIndicator: this.state.status === LOADING_STATUES.LOADING,\r\n formGroupRows: [\r\n {\r\n formGroups: [{ id: 'showNotableDates', label: 'Use Notable Dates', fieldType: 'select', primaryCriteria: true, value: this.state.showNotableDates, style: {minWidth: '11rem'} }]\r\n },\r\n {\r\n formGroups: [{ id: 'showSeparateIndexes', label: 'Show Separate Indexes', fieldType: 'select', value: this.state.showSeparateIndexes, style: {minWidth: '11rem'} }]\r\n },\r\n {\r\n formGroups: [{ id: 'useVerificationDate', label: 'Verified Date as Thru Date', fieldType: 'select', value: this.state.useVerificationDate, style: {minWidth: '11rem'} }]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractIndexBegin', label: 'Abstract Index Begin', fieldType: 'select', primaryCriteria: true, value: this.state.abstractIndexBegin, style: {minWidth: '11rem'} },\r\n { id: 'torrensIndexBegin', label: 'Torrens Index Begin', fieldType: 'select', primaryCriteria: true, value: this.state.torrensIndexBegin, style: {minWidth: '11rem'} },\r\n { id: 'lienIndexBegin', label: 'Lien Index Begin', fieldType: 'select', primaryCriteria: true, value: this.state.lienIndexBegin, style: {minWidth: '11rem'} }]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractPosted', label: 'Indexed', fieldType: 'select', value: this.state.abstractPosted, style: { minWidth: '11rem' } },\r\n { id: 'torrensPosted', label: 'Indexed', fieldType: 'select', value: this.state.torrensPosted, style: { minWidth: '11rem' } },\r\n { id: 'lienPosted', label: 'Indexed', fieldType: 'select', value: this.state.lienPosted, style: { minWidth: '11rem' } }]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractLegalPosted', label: 'Legal Indexed', fieldType: 'select', disableField: disableLegal, value: this.state.abstractLegalPosted, style: { minWidth: '11rem' } },\r\n { id: 'torrensLegalPosted', label: 'Legal Indexed', fieldType: 'select', disableField: disableLegal, value: this.state.torrensLegalPosted, style: { minWidth: '11rem' } },\r\n { id: 'bogus1', label: '', fieldType: 'select', value: '', disableField: true, style: {minWidth: '11rem'} } ]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractVerified', label: 'Verified', fieldType: 'select', value: this.state.abstractVerified, style: {minWidth: '11rem'} }, \r\n { id: 'torrensVerified', label: 'Verified', fieldType: 'select', value: this.state.torrensVerified, style: {minWidth: '11rem'} }, \r\n { id: 'lienVerified', label: 'Verified', fieldType: 'select', value: this.state.lienVerified, style: {minWidth: '11rem'} }]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractLegalVerified', label: 'Legal Verified', fieldType: 'select', disableField: disableLegal, value: this.state.abstractLegalVerified, style: {minWidth: '11rem'} }, \r\n { id: 'torrensLegalVerified', label: 'Legal Verified', fieldType: 'select', disableField: disableLegal, value: this.state.torrensLegalVerified, style: {minWidth: '11rem'} },\r\n { id: 'bogus2', label: '', fieldType: 'select', value: '', disableField: true, style: {minWidth: '11rem'} } ]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractImageBegin', label: 'Image Begin', fieldType: 'select', value: this.state.abstractImageBegin, style: {minWidth: '11rem'} },\r\n { id: 'torrensImageBegin', label: 'Image Begin', fieldType: 'select', value: this.state.torrensImageBegin, style: {minWidth: '11rem'} },\r\n { id: 'lienImageBegin', label: 'Image Begin', fieldType: 'select', value: this.state.lienImageBegin, style: {minWidth: '11rem'} }]\r\n },\r\n {\r\n formGroups: [{ id: 'abstractImageThru', label: 'Image Thru', fieldType: 'select', value: this.state.abstractImageThru, style: {minWidth: '11rem'} },\r\n { id: 'torrensImageThru', label: 'Image Thru', fieldType: 'select', value: this.state.torrensImageThru, style: {minWidth: '11rem'} },\r\n { id: 'lienImageThru', label: 'Image Thru', fieldType: 'select', value: this.state.lienImageThru, style: {minWidth: '11rem'} } ]\r\n }, \r\n {\r\n formGroups: [{ id: 'bogus3', label: '', fieldType: 'select', value: '', disableField: true, style: {minWidth: '11rem'} },\r\n { id: 'torrensCertificateThru', label: 'Certficate Thru', fieldType: 'select', value: this.state.torrensCertificateThru, style: {minWidth: '11rem'} },\r\n { id: 'bogus4', label: '', fieldType: 'select', value: '', disableField: true, style: {minWidth: '11rem'} } ]\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}\r\n\r\nexport default connect(mapStateToProps, matchDispatchToProps)(LoginPageLinks);","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Container, Row, Col, Button } from 'react-bootstrap'\r\nimport axios from \"axios\";\r\nimport { setSelectedControlPanelType, LoginPageLatestNewsControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\nimport configData from \"../../config/config.json\";\r\nimport { handleError } from '../../redux/actions/commonStuff';\r\nimport PageBanner from \"../common/page/PageBanner\";\r\nimport PrimaryButton from \"../common/form/PrimaryButton\";\r\nimport { checkIconGreen, spinnerIconGray } from \"../../img/font_awesome/font_awesome\";\r\nimport { LOADING_STATUES } from \"../constants/constants\";\r\n\r\nconst componentName = LoginPageLatestNewsControlPanelKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return {\r\n setSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName))\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n\r\n return {\r\n sideNavigationOpen: state.sideNavigationReducer\r\n };\r\n}\r\n\r\nclass LoginPageLatestNews extends Component {\r\n\r\n state = {\r\n paragraphs: [\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n }\r\n ],\r\n status: \"\",\r\n message: \"\"\r\n }\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.state.status === \"\") {\r\n this.setState({\r\n status: LOADING_STATUES.LOADING\r\n })\r\n } else {\r\n return;\r\n }\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/loginPageLatestNews\", this.state, { withCredentials: true })\r\n .then(\r\n (response) => {\r\n this.setState({\r\n status: LOADING_STATUES.SUCCESS\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n // Add five blank entries\r\n handleMoreRows = (event) => {\r\n event.preventDefault();\r\n\r\n const currentLength = this.state.paragraphs.length;\r\n if (currentLength < 50) { // 50 is the abitrary max length\r\n let blankArray = [\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n },\r\n {\r\n heading: '',\r\n paragraphContent: ''\r\n }\r\n ]; // Five blanks\r\n // If adding the blankArray exceeds 100 in length, shorten the blankArray so that it won't exceed 100.\r\n if ((currentLength + blankArray.length) > 50) {\r\n blankArray.length = 50 - currentLength;\r\n }\r\n\r\n this.setState({\r\n paragraphs: [...this.state.paragraphs, ...blankArray]\r\n })\r\n } else {\r\n alert(\"There's a limit of 50 paragraphs.\");\r\n }\r\n }\r\n\r\n handleChange = (event) => {\r\n const targetId = event.target.id;\r\n if (targetId.includes(\"heading\")) {\r\n const index = targetId.replace(\"heading\", \"\");\r\n let paragraphs = [...this.state.paragraphs];\r\n let rate = { ...paragraphs[index] };\r\n rate.heading = event.target.value;\r\n paragraphs[index] = rate;\r\n this.setState({\r\n status: \"\",\r\n paragraphs\r\n });\r\n } else if (targetId.includes(\"paragraphContent\")) {\r\n const index = targetId.replace(\"paragraphContent\", \"\");\r\n let paragraphs = [...this.state.paragraphs];\r\n let rate = { ...paragraphs[index] };\r\n rate.paragraphContent = event.target.value;\r\n paragraphs[index] = rate;\r\n this.setState({\r\n status: \"\",\r\n paragraphs\r\n });\r\n } else {\r\n this.setState({\r\n status: \"\",\r\n [event.target.id]: event.target.value ? event.target.value : 0\r\n })\r\n }\r\n }\r\n\r\n handleRemoveRow = (event) => {\r\n let indexToRemove = event.target.id.replace(\"remove\", \"\");\r\n indexToRemove = parseInt(indexToRemove);\r\n let paragraphs = this.state.paragraphs;\r\n paragraphs.splice(indexToRemove, 1);\r\n this.setState({\r\n paragraphs: paragraphs\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setSelectedControlPanelType();\r\n\r\n axios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/loginPageLatestNews\", { withCredentials: true })\r\n .then(\r\n (response) => {\r\n const content = response.data.content;\r\n let paragraphs = content.paragraphs;\r\n if (!paragraphs || paragraphs.length === 0) {\r\n paragraphs = [ {\r\n heading: '',\r\n paragraphContent: ''\r\n }]\r\n }\r\n\r\n this.setState({\r\n status: \"\",\r\n paragraphs\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n let formTemplateMarginLeft = 60\r\n let formTemplateMarginRight = 20\r\n if (this.props.formOnly) {\r\n formTemplateMarginLeft = 0\r\n formTemplateMarginRight = 0\r\n } else if (this.props.sideNavigationOpen) {\r\n formTemplateMarginLeft = 270\r\n }\r\n\r\n let pageButtons = [{ label: 'Add', onClickAction: this.handleMoreRows, className: 'btn btn-secondary btn-sm' }]\r\n\r\n let paragraphTable =\r\n <>\r\n {\r\n this.state.paragraphs.map((rate, index) => (\r\n (index > 0) &&\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 connect(mapStateToProps, matchDispatchToProps)(LoginPageLatestNews);","import React, {Component} from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport FormTemplate from \"../common/form/FormTemplate\";\r\nimport { setSelectedControlPanelType, LoginPageSlidesControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\nimport configData from \"../../config/config.json\";\r\nimport { handleError } from '../../redux/actions/commonStuff';\r\nimport { LOADING_STATUES } from \"../../components/constants/constants\";\r\n\r\nconst componentName = LoginPageSlidesControlPanelKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return { \r\n setSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName))\r\n }\r\n}\r\n\r\nclass LoginPageSlides extends Component {\r\n\r\n state = {\r\n numberOfSlides: 0,\r\n status: \"\",\r\n message: \"\"\r\n }\r\n\r\n handleSubmit = (event) => {\r\n\r\n event.preventDefault();\r\n if (this.state.status === \"\") {\r\n this.setState({\r\n status: LOADING_STATUES.LOADING\r\n })\r\n } else {\r\n return;\r\n }\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/loginPageSlides\", this.state, { withCredentials: true })\r\n .then(\r\n (response) => {\r\n const content = response.data.content;\r\n this.setState({ \r\n numberOfSlides: content.numberOfSlides,\r\n status: LOADING_STATUES.SUCCESS\r\n });\r\n },\r\n (error) => {\r\n handleError(error, this.props.history);\r\n }\r\n );\r\n }\r\n\r\n handleChange = (event) => {\r\n let value = event.target.value;\r\n value = value === \"true\" || value === \"false\" ? JSON.parse(event.target.value) : value;\r\n this.setState({\r\n status: \"\",\r\n [event.target.id]: value ? value : (event.target.type === 'number' ? 0 : value)\r\n })\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setSelectedControlPanelType();\r\n\r\n axios.get(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/loginPageSlides\", { withCredentials: true })\r\n .then(\r\n (response) => {\r\n const content = response.data.content;\r\n this.setState( {\r\n numberOfSlides: content.numberOfSlides,\r\n status : \"\"\r\n });\r\n },\r\n (error) => {\r\n console.log(error);\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n const formProps = {\r\n componentName: componentName,\r\n pageHeading: \"Login Page - Slides\",\r\n onChange: this.handleChange,\r\n onSubmit: this.handleSubmit,\r\n successIndicator: this.state.status === LOADING_STATUES.SUCCESS,\r\n loadingIndicator: this.state.status === LOADING_STATUES.LOADING,\r\n formGroupRows: [\r\n {\r\n formGroups: [{ id: 'numberOfSlides', label: 'Number Of Slides', fieldType: 'select', options: [{ code: 1, description: \"1\"}, {code : 2, description: \"2\"}, {code : 3, description: \"3\"}, {code : 4, description: \"4\"}, {code : 5, description: \"5\"}, {code : 6, description: \"6\"},], value: this.state.numberOfSlides, style: {minWidth: 200} }]\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 )\r\n }\r\n\r\n\r\n}\r\n\r\nexport default connect(mapStateToProps, matchDispatchToProps)(PerformanceMonitoring);","import React, {Component} from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport axios from \"axios\";\r\nimport FormTemplate from \"../common/form/FormTemplate\";\r\nimport { setSelectedControlPanelType, ReloadConfigurationControlPanelKey } from \"../../redux/actions/controlPanelActions\";\r\n\r\nimport moment from 'moment';\r\n\r\nimport configData from \"../../config/config.json\";\r\nimport { LOADING_STATUES } from \"../constants/constants\";\r\nimport Loading from '../common/modal/Loading';\r\nimport Alert from '../common/modal/Alert';\r\nimport AjaxResult from \"../../utils/AjaxResult\";\r\nimport AjaxResponseHandler from \"../../utils/AjaxResponseHandler\"\r\n\r\nconst componentName = ReloadConfigurationControlPanelKey;\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n return { \r\n setSelectedControlPanelType: () => dispatch(setSelectedControlPanelType(componentName))\r\n }\r\n}\r\n\r\nclass ReloadConfiguration extends Component {\r\n\r\n state = {\r\n message:\"\",\r\n showAlert: false,\r\n alertMessage: \"\",\r\n loadingStatus: \"\"\r\n }\r\n\r\n\tshowLoading = () => {\r\n\t\tif (this.state.loadingStatus === \"\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\tloadingStatus: LOADING_STATUES.LOADING\r\n\t\t\t})\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n\r\n if (this.showLoading() === true) {\r\n let request = {};\r\n let newState = { loadingStatus: ''};\r\n\r\n axios.post(configData.LANDSHARK_SERVER_URL + \"controlPanel/countyConfig/reloadConfiguration\", request, { withCredentials: true })\r\n .then(\r\n (response) => {\r\n let result = new AjaxResult(response);\r\n\r\n if (!result.isOk()) {\r\n result.handleError();\r\n this.setState(newState);\r\n } else {\r\n this.setState(newState, this.showAlert(response.data.message));\r\n }\r\n },\r\n (error) => {\r\n AjaxResponseHandler.handleError(error, this.showAlert, null);\r\n this.setState(newState);\r\n }\r\n );\r\n\t\t}\r\n\t}\r\n\r\n showAlert = (alertMessage) => {\r\n\t\tthis.setState({\r\n\t\t showAlert: true,\r\n\t\t alertMessage\r\n\t\t})\r\n\t}\r\n\t\r\n\thideAlert = () => {\r\n\t\tthis.setState({\r\n\t\t\tshowAlert: false,\r\n\t\t\talertMessage: \"\"\r\n\t\t})\r\n\t}\r\n\r\n componentDidMount() {\r\n this.props.setSelectedControlPanelType();\r\n }\r\n\r\n render() {\r\n \r\n const formProps = {\r\n componentName: componentName,\r\n pageHeading: \"Reload Configuration\",\r\n onSubmit: this.handleSubmit,\r\n loadingIndicator: this.state.loadingStatus === LOADING_STATUES.LOADING,\r\n message: this.state.message,\r\n formGroupRows: [\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\t\t\t\t
\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps)(ControlPanel);","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nimport landshark_logo from '../../img/trimin_landshark_verysmall.png';\r\n\r\nconst mapStateToProps = state => {\r\n\treturn {\r\n\t\tcountyName: state.countyConfigCommonReducer.countyName,\r\n\t\tappTitle: state.countyConfigCommonReducer.appTitle\r\n\t};\r\n}\r\n\r\nclass LoginTop extends React.Component {\r\n\r\n\thandleTriminClick = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\twindow.open(\"https://www.trimingov.com/\");\r\n\t};\r\n\r\n\trender() {\r\n\r\n\t\t// let rightHandSide = '';\r\n\t\t// if (this.props.pathname && this.props.pathname === '/login') {\r\n\t\t// \trightHandSide = New User?\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t
| \r\n\t\t\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t{rightHandSide}\r\n\t\t\t\t\t\t\t | */}\r\n\t\t\t\t\t\t
\r\n \r\n \r\n {paperPlaneIcon} {translations[this.props.language].latest_news} - {date}\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 connect(mapStateToProps)(LoginPageLatestNews);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { copyrightIcon } from \"../../img/font_awesome/font_awesome\"\r\nimport landshark_logo from '../../img/trimin_landshark_verysmall.png';\r\nimport packageJson from '../../../package.json';\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n serverProductVersions: state.serverProductVersionsReducer.combinedVersion\r\n };\r\n}\r\n\r\nclass Footer extends React.Component {\r\n\r\n handleTriminClick = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\twindow.open(\"https://www.trimingov.com/\");\r\n\t};\r\n\r\n\trender() {\r\n\t\tlet newDate = new Date()\r\n\t\tlet year = newDate.getFullYear();\r\n\r\n\t\tif (year > 2022) { // If the current year is 2021, show only 2021. Otherwise, show a range of 2021-currrent year.\r\n\t\t\tyear = '2022-' + year;\r\n\t\t}\r\n\r\n return (\r\n \r\n )\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps)(Footer);\r\n","import React, { Component } from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { Form, Row, Col, Container } from 'react-bootstrap'\r\nimport TextField from \"../common/form/TextField\";\r\nimport PrimaryButton from '../common/form/PrimaryButton';\r\nimport LoginTop from \"../../components/top/LoginTop\";\r\nimport { login } from \"../../redux/actions/loginActions\";\r\nimport LoginPageLinks from './LoginPageLinks';\r\nimport LoginPageSlides from './LoginPageSlides';\r\nimport LoginPageLatestNews from './LoginPageLatestNews';\r\nimport { NavLink } from \"react-router-dom\";\r\nimport SelectField from '../common/form/SelectField';\r\nimport Footer from '../bottom/Footer'\r\n\r\nconst mapStateToProps = state => {\r\n\treturn {\r\n\t\tdefaultSearch: state.countyConfigSearchReducer.defaultSearch,\r\n\t\tloginRegistration: state.countyConfigLoginRegistrationReducer,\r\n\t\tlanguages: state.countyConfigLanguagesReducer\r\n\t};\r\n}\r\n\r\nconst matchDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tlogin: (credential, defaultSearch, history, callback) => dispatch(login(credential, defaultSearch, history, callback))\r\n\t}\r\n}\r\n\r\nclass Login extends Component {\r\n\tstate = {\r\n\t\tusername: \"\",\r\n\t\tpassword: \"\",\r\n\t\tlanguage: \"ENGLISH\",\r\n\t\terror: \"\",\r\n\t\tloading: false\r\n\t}\r\n\r\n\thandleChange = (event) => {\r\n\t\tthis.setState({\r\n\t\t\terror: \"\",\r\n\t\t\t[event.target.id]: event.target.value\r\n\t\t})\r\n\t}\r\n\r\n\thandleCallback = (status) => {\r\n\t\tthis.setState({\r\n\t\t\terror: \"\",\r\n\t\t\tloading: false\r\n\t\t})\r\n\t\tif (status.error) {\r\n\t\t\tthis.setState({\r\n\t\t\t\terror: status.message,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tthis.setState({\r\n\t\t\tloading: true\r\n\t\t})\r\n\t\tthis.props.login(this.state, this.props.defaultSearch, this.props.history, this.handleCallback);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst languageOptions = [{ code: \"BENGALI\", description: \"Bengali\" }, \r\n\t\t\t\t\t\t\t\t { code: \"CAROLINIAN\", description: \"Carolinian\" }, \r\n\t\t\t\t\t\t\t { code: \"CHAMORRO\", description: \"Chamorro\" },\r\n\t\t\t\t\t\t\t\t { code: \"CHINESE\", description: \"中文\" }, \r\n\t\t\t\t\t\t\t\t { code: \"CHUUKESE\", description: \"Chuukese\" }, \r\n\t\t\t\t\t\t\t\t { code: \"ENGLISH\", description: \"English\" }, \r\n\t\t\t\t\t\t\t\t { code: \"JAPANESE\", description: \"日本語\" }, \r\n\t\t\t\t\t\t\t\t { code: \"KOREAN\", description: \" 한국어\" },\r\n\t\t\t\t\t\t\t\t { code: \"PALAUAN\", description: \"Palauan\" },\r\n\t\t\t\t\t\t\t\t { code: \"POHNPEIAN\", description: \"Pohnpeian\" },\r\n\t\t\t\t\t\t\t\t { code: \"RUSSIAN\", description: \"Русский\" },\r\n\t\t\t\t\t\t\t\t { code: \"TAGALOG\", description: \"Tagalog\" },\r\n\t\t\t\t\t\t\t\t { code: \"THAI\", description: \"ไทย\" },\r\n\t\t\t\t\t\t\t\t { code: \"TURKISH\", description: \"Türkçe\" }];\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t- \r\n {newsItems}\r\n
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\tLOADING
;\r\n } else {\r\n return ( LOADING
\r\n ) : (\r\n \n
\n \n \n {\n let url =configData.LANDSHARK_SERVER_URL + \n props.location.pathname.substring(1);\n console.log('redirecting to: ' + url);\n window.location.href = url;\n return null;\n }} />\n \n
\n