\r\n {item.communication}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.communication}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Communication \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(Communication);\r\n","import React, { Component } from \"react\";\r\nimport _ from \"lodash\";\r\nimport { connect } from \"react-redux\";\r\nimport actionFilter from \"../../../store/advancedfilter/action\";\r\nimport { Row, Col } from \"reactstrap\";\r\n\r\nexport class Address extends Component {\r\n // standardCheckBox = ({ input, label, labelFor, type }) => {\r\n // return (\r\n // \r\n // \r\n // {label}\r\n // \r\n // \r\n // );\r\n // };\r\n\r\n // renderInput = ({\r\n // input,\r\n // label,\r\n // classForm,\r\n // type,\r\n // meta,\r\n // name,\r\n // placeholder\r\n // }) => {\r\n // //console.log(meta)\r\n // console.log(label);\r\n // return (\r\n // \r\n // {label !== \"\" && !this.props.isMobile ? (\r\n //
{label} \r\n // ) : placeholder == \"Miles\" ? (\r\n // \"\"\r\n // ) : (\r\n //
\r\n // )}\r\n //
\r\n //
{this.renderError(meta)}
\r\n //
{error} ;\r\n // }\r\n // }\r\n\r\n // errorMessage() {\r\n // if (this.props.errorMessage) {\r\n // return (\r\n // \r\n // {/* {this.props.errorMessage} */}\r\n // {/* {this.props.errorMessage.map(home =>
{home.name}
)} */}\r\n // {/* {console.log(this.props.errorMessage)}; */}\r\n //
\r\n \r\n this.onChangeWithoutZip(item)}\r\n />\r\n\r\n \r\n {item.zipcodeWithout4}\r\n {`(${item.total})`} \r\n \r\n \r\n
\r\n );\r\n }\r\n chechboxesVA(item, index) {\r\n return (\r\n \r\n \r\n this.onChangeVerified(item)}\r\n />\r\n\r\n \r\n {item.verifiedAddress}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n chechboxesHP(item, index) {\r\n return (\r\n \r\n \r\n this.onChangeHasPrimary(item)}\r\n />\r\n\r\n \r\n {item.hasPrimaryAddress}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n onChange(item) {\r\n var addressTypeIndex = _.findIndex(\r\n this.props.filterState.filterData.address.addressTypes,\r\n (o) => {\r\n return o.id === item.id;\r\n }\r\n );\r\n item.checked = !this.props.filterState.filterData.address.addressTypes[\r\n addressTypeIndex\r\n ].checked;\r\n this.props.filterState.filterData.address.addressTypes[\r\n addressTypeIndex\r\n ] = item;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n }\r\n onChangeWithoutZip(item) {\r\n item.checked = !this.props.filterState.filterData.address.zipWithout4\r\n .checked;\r\n this.props.filterState.filterData.address.zipWithout4 = item;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n }\r\n onChangeHasPrimary(item) {\r\n var hasPrimaryIndex = _.findIndex(\r\n this.props.filterState.filterData.address.nullPrimaryAddress,\r\n (o) => {\r\n return o.hasPrimaryAddress === item.hasPrimaryAddress;\r\n }\r\n );\r\n item.checked = !this.props.filterState.filterData.address\r\n .nullPrimaryAddress[hasPrimaryIndex].checked;\r\n this.props.filterState.filterData.address.nullPrimaryAddress[\r\n hasPrimaryIndex\r\n ] = item;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n }\r\n onChangeVerified(item) {\r\n var verifiedAddressIndex = _.findIndex(\r\n this.props.filterState.filterData.address.verifiedAddress,\r\n (o) => {\r\n return o.verifiedAddress === item.verifiedAddress;\r\n }\r\n );\r\n item.checked = !this.props.filterState.filterData.address.verifiedAddress[\r\n verifiedAddressIndex\r\n ].checked;\r\n this.props.filterState.filterData.address.verifiedAddress[\r\n verifiedAddressIndex\r\n ] = item;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n }\r\n chechboxes(item) {\r\n return (\r\n \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.code}\r\n \r\n \r\n \r\n );\r\n }\r\n onChange2(item) {\r\n var stateIndex = _.findIndex(\r\n this.props.filterState.filterData.address.states,\r\n (o) => {\r\n return o.stateName === item.stateName;\r\n }\r\n );\r\n item.checked = !this.props.filterState.filterData.address.states[stateIndex]\r\n .checked;\r\n this.props.filterState.filterData.address.states[stateIndex] = item;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n }\r\n chechboxes2(item) {\r\n return (\r\n \r\n \r\n this.onChange2(item)}\r\n />\r\n\r\n \r\n {item.stateName}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n changeValue(value, type) {\r\n switch (type) {\r\n case \"country\":\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n address: {\r\n ...this.props.filterState.filterData.address,\r\n country: value,\r\n },\r\n });\r\n break;\r\n case \"city\":\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n address: {\r\n ...this.props.filterState.filterData.address,\r\n city: value,\r\n },\r\n });\r\n break;\r\n case \"zip\":\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n address: {\r\n ...this.props.filterState.filterData.address,\r\n zip: value,\r\n },\r\n });\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n render() {\r\n // debugger\r\n let verifiedAddress =\r\n this.props.filterState.filterData &&\r\n this.props.filterState.filterData.address &&\r\n this.props.filterState.filterData.address.verifiedAddress\r\n ? this.props.filterState.filterData.address.verifiedAddress\r\n : null;\r\n let nullPrimaryAddress =\r\n this.props.filterState.filterData &&\r\n this.props.filterState.filterData.address &&\r\n this.props.filterState.filterData.address.nullPrimaryAddress\r\n ? this.props.filterState.filterData.address.nullPrimaryAddress\r\n : null;\r\n let ZipWithout4 =\r\n this.props.filterState.filterData &&\r\n this.props.filterState.filterData.address &&\r\n this.props.filterState.filterData.address.zipWithout4\r\n ? this.props.filterState.filterData.address.zipWithout4\r\n : null;\r\n //console.log(\"ZipWithout4\", ZipWithout4);\r\n let noData = <>No filters available;\r\n return (\r\n <>\r\n {this.props.isMobile !== true && (\r\n <>\r\n Address \r\n \r\n \r\n
\r\n \r\n Has Primary Address\r\n \r\n {this.props.filterState.filterData &&\r\n nullPrimaryAddress &&\r\n nullPrimaryAddress.map((item, index) =>\r\n this.chechboxesHP(item, index)\r\n )}\r\n \r\n
\r\n
\r\n \r\n Verified Addresss\r\n \r\n {this.props.filterState.filterData &&\r\n verifiedAddress &&\r\n verifiedAddress.map((item, index) =>\r\n this.chechboxesVA(item, index)\r\n )}\r\n \r\n
\r\n
\r\n \r\n Address Type\r\n \r\n {!_.isEmpty(this.props.filterState.filterData) &&\r\n this.props.filterState.filterData.address &&\r\n this.props.filterState.filterData.addressTypes &&\r\n this.props.filterState.filterData.address.addressTypes\r\n .length === 0\r\n ? noData\r\n : !_.isEmpty(this.props.filterState.filterData) &&\r\n this.props.filterState.filterData.address.addressTypes.map(\r\n (item) => {\r\n if (item.id !== 4) {\r\n return this.chechboxes(item);\r\n }\r\n }\r\n )}\r\n \r\n
\r\n
\r\n \r\n {this.props.isMobile !== true && Country }\r\n \r\n this.changeValue(event.target.value, \"country\")\r\n }\r\n placeholder={this.props.isMobile == true && \"Country\"}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.props.isMobile !== true && City }\r\n \r\n this.changeValue(event.target.value, \"city\")\r\n }\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.props.isMobile !== true && Zip Code }\r\n \r\n this.changeValue(event.target.value, \"zip\")\r\n }\r\n />\r\n
\r\n \r\n
\r\n {ZipWithout4 && (\r\n
\r\n \r\n {this.chechboxesWZ(ZipWithout4)}\r\n
\r\n \r\n
\r\n )}\r\n
\r\n
\r\n \r\n State\r\n \r\n {!_.isEmpty(this.props.filterState.filterData) &&\r\n this.props.filterState.filterData.address.states.map((item) =>\r\n this.chechboxes2(item)\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n // render() {\r\n // const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n // return (\r\n // <>\r\n // {this.props.isMobile !== true ? (\r\n // <>\r\n // Address \r\n // \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.veteran}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Veteran \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(Veteran);\r\n","import React, { Component } from \"react\";\r\nimport _ from \"lodash\";\r\nimport { connect } from \"react-redux\";\r\n// import actionFilter from \"../../store/advancedfilter/action\";\r\nimport actionFilter from \"../../../store/advancedfilter/action\";\r\n\r\nclass RetiredMilitary extends Component {\r\n onChange(item) {\r\n var retiredMilitaryIndex = _.findIndex(\r\n this.props.filterState.filterData.retiredMilitary,\r\n (o) => {\r\n return o.retiredMilitary === item.retiredMilitary;\r\n }\r\n );\r\n item.checked = !this.props.filterState.filterData.retiredMilitary[\r\n retiredMilitaryIndex\r\n ].checked;\r\n this.props.filterState.filterData.retiredMilitary[\r\n retiredMilitaryIndex\r\n ] = item;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n }\r\n chechboxes(item, index) {\r\n return (\r\n \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.retiredMilitary}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Retired Military \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(RetiredMilitary);\r\n","import React, { Component } from \"react\";\r\nimport InputRange from \"react-input-range\";\r\nimport _ from \"lodash\";\r\nimport { Field, reduxForm } from \"redux-form\";\r\nimport { connect } from \"react-redux\";\r\nimport { Row, Col, Form } from \"reactstrap\";\r\nexport class HourlySalary extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n value: { min: 2, max: 10 },\r\n };\r\n }\r\n\r\n renderInput = ({ input, label, classForm, type, meta, placeholder }) => {\r\n //console.log(meta)\r\n\r\n return (\r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
\r\n Min \r\n Max \r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n `$${value}`}\r\n maxValue={1200}\r\n minValue={0}\r\n value={input.value}\r\n onChange={input.onChange}\r\n />\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Hourly Salary \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
\r\n Min \r\n Max \r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n `$${value}`}\r\n maxValue={300000}\r\n minValue={0}\r\n value={input.value}\r\n onChange={input.onChange}\r\n />\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n // validateNumber = value =>\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Annual Salary \r\n \r\n \r\n {data.hasPrimaryEmail}\r\n {this.props.filterState.filterData && (\r\n ({data.total}) \r\n )}\r\n \r\n
\r\n );\r\n };\r\n renderInput = ({ input, label, classForm, type, meta, placeholder }) => {\r\n return (\r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n let nullPrimaryEmail =\r\n this.props.filterState.filterData &&\r\n this.props.filterState.filterData.nullPrimaryEmail\r\n ? this.props.filterState.filterData.nullPrimaryEmail\r\n : null;\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Email Address \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n {/*
*/}\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n normalizeDob = (value, prevVal) => {\r\n if (!value) {\r\n return value;\r\n }\r\n const onlyNums = value.replace(/[^\\d]/g, \"\");\r\n if (onlyNums.length === 2) {\r\n return onlyNums;\r\n }\r\n if (onlyNums.length == 4) {\r\n return `${onlyNums.slice(0, 2)}/${onlyNums.slice(2)}`;\r\n }\r\n return `${onlyNums.slice(0, 2)}/${onlyNums.slice(2, 4)}/${onlyNums.slice(\r\n 4,\r\n 8\r\n )}`;\r\n // if (isNaN(parseInt(val[val.length - 1], 10))) {\r\n // return val.slice(0, -1);\r\n // }\r\n // if (prevVal && prevVal.length >= val.length) {\r\n // return val;\r\n // }\r\n // if (val.length === 2 || val.length === 5) {\r\n // val += \"/\";\r\n // }\r\n // if (val.length >= 10) {\r\n // return val.slice(0, 10);\r\n // }\r\n // return val;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Planned Retirement \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n {/*
*/}\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n normalizeDob = (value, prevVal) => {\r\n if (!value) {\r\n return value;\r\n }\r\n const onlyNums = value.replace(/[^\\d]/g, \"\");\r\n if (onlyNums.length === 2) {\r\n return onlyNums;\r\n }\r\n if (onlyNums.length == 4) {\r\n return `${onlyNums.slice(0, 2)}/${onlyNums.slice(2)}`;\r\n }\r\n return `${onlyNums.slice(0, 2)}/${onlyNums.slice(2, 4)}/${onlyNums.slice(\r\n 4,\r\n 8\r\n )}`;\r\n // if (isNaN(parseInt(val[val.length - 1], 10))) {\r\n // return val.slice(0, -1);\r\n // }\r\n // if (prevVal && prevVal.length >= val.length) {\r\n // return val;\r\n // }\r\n // if (val.length === 2 || val.length === 5) {\r\n // val += \"/\";\r\n // }\r\n // if (val.length >= 10) {\r\n // return val.slice(0, 10);\r\n // }\r\n // return val;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Retirement \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n SCD \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n EOD Date \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n NATCA BU Date \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n BU Date \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Union Start Date \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Union Join Date \r\n \r\n {label !== \"\" && !this.props.isMobile == true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Team Position \r\n \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n \r\n {item.options}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n // debugger\r\n let noData = <>No filters available;\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Employer \r\n \r\n
\r\n {!_.isEmpty(this.props.filterState.filterData) &&\r\n this.props.filterState.filterData.employer == undefined &&\r\n (this.props.filterState.filterData.employer === null ||\r\n this.props.filterState.filterData.employer.length === 0)\r\n ? noData\r\n : !_.isEmpty(this.props.filterState.filterData) &&\r\n this.props.filterState.filterData.employer.map((item) =>\r\n this.chechboxes(item)\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(Employer);\r\n","const FE_Tabs = Object.freeze({\r\n Inventory: 1,\r\n MyRequests: 2,\r\n ReviewRequests: 3,\r\n});\r\nexport default FE_Tabs;\r\n","const InventoryRequestStatus = Object.freeze({\r\n Requested: 1,\r\n PendingEVP: 2,\r\n Approved: 3,\r\n Denied: 4,\r\n Closed: 5,\r\n Draft:6\r\n});\r\nexport default InventoryRequestStatus;\r\n","//These are used in Advance filter of FE Screens\r\n\r\nconst FE_AF_Nav_Items = Object.freeze({\r\n Status: 1,\r\n Budget: 2,\r\n BookValueRequest: 3,\r\n Type: 4,\r\n Description: 5,\r\n Year: 6,\r\n ActualCost: 7,\r\n PurchaseDate: 8,\r\n StickerNo: 9,\r\n BookValueInventory: 10,\r\n\r\n FacilityInventory: 11,\r\n RegionInventory: 12,\r\n TeamInventory: 13,\r\n UserInventory: 14,\r\n\r\n FacilityRequest: 15,\r\n RegionRequest: 16,\r\n TeamRequest: 17,\r\n UserRequest: 18,\r\n NAOffice: 19,\r\n});\r\nexport default FE_AF_Nav_Items;\r\n","const InventoryStatus = Object.freeze({\r\n InAccReview: 1,\r\n Active: 2,\r\n Disposed: 3,\r\n NonAccReview: 4,\r\n Pending: 5,\r\n});\r\nexport default InventoryStatus;\r\n","const FERequestsType = Object.freeze({\r\n MyRequests: 0,\r\n ApprovedReviewRequests: 1,\r\n SubmittedReviewRequests: 2,\r\n PendingEVPReviewRequests: 3,\r\n});\r\nexport default FERequestsType;\r\n","const FE_AF_SearchType = Object.freeze({\r\n Inventory: 1,\r\n Request: 2,\r\n});\r\nexport default FE_AF_SearchType;\r\n","const FE_API_Actions = Object.freeze({\r\n AdvanceSearch: \"AdvanceSearchBtnClick\",\r\n TableChange: \"TableChangeEvents\",\r\n});\r\nexport default FE_API_Actions;\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { toast } from \"react-toastify\";\r\nimport FE_Tabs_Type from \"../../modules/F&E/FE_Tabs\";\r\nimport _ from \"lodash\";\r\nimport InventoryRequestStatus from \"../../modules/F&E/InventoryRequestStatus\";\r\nimport FE_AF_Nav_Items from \"../../modules/F&E/AdvanceFilter/FE_AF_Nav_Items\";\r\nimport FE_Tabs from \"../../modules/F&E/FE_Tabs\";\r\nimport InventoryStatus from \"../../modules/F&E/InventoryStatus\";\r\nimport FERequestsType from \"../../modules/F&E/FERequestsType\";\r\nimport FE_AF_SearchType from \"../../modules/F&E/FE_AF_SEARCH_TYPE\";\r\nimport { reset } from \"redux-form\";\r\nimport FE_API_Actions from \"../../modules/F&E/FE_API_Actions\";\r\n\r\nconst actions = {\r\n // SET_LOADING: \"SET_LOADING\",\r\n SET_LOADING_FE: \"SET_LOADING_FE\",\r\n SET_LOADING_REQ: \"SET_LOADING_REQ\",\r\n SET_LIST_SCREEN_DATA_REQ: \"SET_LIST_SCREEN_DATA_REQ\",\r\n SET_TOTAL_DATA_COUNT_REQ: \"SET_TOTAL_DATA_COUNT_REQ\",\r\n SET_LIST_SCREEN_DATA: \"SET_LIST_SCREEN_DATA\",\r\n SET_PAGINATION_INFO_REQ: \"SET_PAGINATION_INFO_REQ\",\r\n SET_PAGINATION_INFO_INV: \"SET_PAGINATION_INFO_INV\",\r\n OPEN_EQUIPMENT_MODAL: \"OPEN_EQUIPMENT_MODAL\",\r\n CLOSE_EQUIPMENT_MODAL: \"CLOSE_EQUIPMENT_MODAL\",\r\n RESET_EQUIPMENT_ROW: \"RESET_EQUIPMENT_ROW\",\r\n OPEN_FILES_MODAL: \"OPEN_FILES_MODAL\",\r\n OPEN_MYREQUEST_MODAL: \"OPEN_MYREQUEST_MODAL\",\r\n OPEN_REVIEW_REQUEST_MODAL: \"OPEN_REVIEW_REQUEST_MODAL\",\r\n SET_REVIEW_REQUEST_OPEN: \"SET_REVIEW_REQUEST_OPEN\",\r\n CLOSE_MYREQUEST_MODAL: \"CLOSE_MYREQUEST_MODAL\",\r\n CLOSE_REVIEW_REQUEST_MODAL: \"CLOSE_REVIEW_REQUEST_MODAL\",\r\n RESET_MYREQUEST_ROW: \"RESET_MYREQUEST_ROW\",\r\n RESET_REVIEW_REQUEST_ROW: \"RESET_REVIEW_REQUEST_ROW\",\r\n RESET_EQUIPMENT_ROW: \"RESET_EQUIPMENT_ROW\",\r\n CLOSE_FILES_MODAL: \"CLOSE_FILES_MODAL\",\r\n DELETE_EQUIPMENT_FILE: \"DELETE_EQUIPMENT_FILE\",\r\n SLICE_ATTACHMENTS_FILES: \"SLICE_ATTACHMENTS_FILES\",\r\n OPEN_DISPOSE_MODAL: \"OPEN_DISPOSE_MODAL\",\r\n CLOSE_DISPOSE_MODAL: \"CLOSE_DISPOSE_MODAL\",\r\n CLOSE_EQUIP_DEL_MODAL: \"CLOSE_EQUIP_DEL_MODAL\",\r\n OPEN_EQUIP_DEL_MODAL: \"OPEN_EQUIP_DEL_MODAL\",\r\n SET_FE_HEADER_ACTIVE_TAB: \"SET_FE_HEADER_ACTIVE_TAB\",\r\n TOGGLE_EQUIP_LOG_CARD: \"TOGGLE_EQUIP_LOG_CARD\",\r\n\r\n //Advance Filter\r\n OPEN_FE_ADVANCE_FILTER: \"OPEN_FE_ADVANCE_FILTER\",\r\n\r\n SET_FE_FILTER_DATA: \"SET_FE_FILTER_DATA\",\r\n SET_FE_AF_ACTIVE_TAB: \"SET_FE_AF_ACTIVE_TAB\",\r\n SET_FE_COLLAPSE_TAB: \"SET_FE_COLLAPSE_TAB\",\r\n SET_FE_OPEN_TAB: \"SET_FE_OPEN_TAB\",\r\n SHOW_FE_WEB_SIDE_BAR: \"SHOW_FE_WEB_SIDE_BAR\",\r\n SHOW_FE_MOBILE_SIDE_BAR: \"SHOW_FE_MOBILE_SIDE_BAR\",\r\n SET_FE_FILTER_RESULT: \"SET_FE_FILTER_RESULT\",\r\n SET_FE_ADVANCED_FILTER: \"SET_FE_ADVANCED_FILTER\",\r\n SET_FE_TEMP_FILTER_DATA: \"SET_FE_TEMP_FILTER_DATA\",\r\n SET_FE_RETURN_RESULTSNO: \"SET_FE_RETURN_RESULTSNO\",\r\n SET_FE_BASIC_SEARCH_KEYWORD: \"SET_FE_BASIC_SEARCH_KEYWORD\",\r\n SET_FE_FILTER_RESULT_PAGE_NO: \"SET_FE_FILTER_RESULT_PAGE_NO\",\r\n SET_FE_FILTER_RESULT_PAGE_SIZE: \"SET_FE_FILTER_RESULT_PAGE_SIZE\",\r\n SET_FE_FILTER_RESULT_TOTAL_COUNT: \"SET_FE_FILTER_RESULT_TOTAL_COUNT\",\r\n SET_FE_ADVANCE_FILTER_LOADNG: \"SET_FE_ADVANCE_FILTER_LOADNG\",\r\n SET_FE_NEW_FILTERED_DATA: \"SET_FE_NEW_FILTERED_DATA\",\r\n SET_FE_SIDEBAR_STATE: \"SET_FE_SIDEBAR_STATE\",\r\n SET_FE_RESET_ADVANCE_FILTER: \"SET_FE_RESET_ADVANCE_FILTER\",\r\n SET_FE_FACILITY_CHILD_ACCORDION: \"SET_FE_FACILITY_CHILD_ACCORDION\",\r\n SET_FE_LOCAL_PAGING: \"SET_FE_LOCAL_PAGING\",\r\n FE_RESET_LOCAL_PAGING: \"FE_RESET_LOCAL_PAGING\",\r\n SET_FE_ACCORDIAN_TYPE: \"SET_FE_ACCORDIAN_TYPE\",\r\n SET_FE_RESET_ALL: \"SET_FE_RESET_ALL\",\r\n SET_FE_AF_FLAG: \"SET_FE_AF_FLAG\",\r\n SET_FE_MY_REQ_SHOW_HIS: \"SET_FE_MY_REQ_SHOW_HIS\",\r\n RESET_FE_SEARCH_APPLIED: \"RESET_FE_SEARCH_APPLIED\",\r\n IS_BUG_APPROVER_PERSON: \"IS_BUG_APPROVER_PERSON\",\r\n SET_IS_ACC_PERSON: \"SET_IS_ACC_PERSON\",\r\n CHECKING_APPROVER_PERSON: \"CHECKING_APPROVER_PERSON\",\r\n SET_FILTER_STATUS_ACTIVE: \"SET_FILTER_STATUS_ACTIVE\",\r\n SET_YEARS_FILTER_DATA: \"SET_YEARS_FILTER_DATA\",\r\n // BudgetLine\r\n TOGGLE_BUDGET_LINE_MODAL: \"TOGGLE_BUDGET_LINE_MODAL\",\r\n SET_FE_SEARCH_APPLIED: \"SET_FE_SEARCH_APPLIED\",\r\n\r\n SET_DATA_SIZE_ACTIVE_EQUIP: \"SET_DATA_SIZE_ACTIVE_EQUIP\",\r\n SET_DATA_SIZE_INACC_EQUIP: \"SET_DATA_SIZE_INACC_EQUIP\",\r\n RESET_PAGINATION: \"RESET_PAGINATION\",\r\n toggleBudgetLineModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_BUDGET_LINE_MODAL,\r\n });\r\n },\r\n setHeaderActiveTab: (tab) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_HEADER_ACTIVE_TAB,\r\n payload: tab,\r\n });\r\n },\r\n\r\n sliceImageFromAttachment: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.SLICE_ATTACHMENTS_FILES,\r\n payload: id,\r\n });\r\n },\r\n closeFilesModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_FILES_MODAL,\r\n });\r\n },\r\n openFilesModal: (row) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_FILES_MODAL,\r\n payload: row,\r\n });\r\n },\r\n\r\n //Equipments\r\n openEquipmentModal: (row) => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_EQUIPMENT_ROW,\r\n });\r\n dispatch({\r\n type: actions.OPEN_EQUIPMENT_MODAL,\r\n payload: row,\r\n });\r\n },\r\n closeEquipmentModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_EQUIPMENT_MODAL,\r\n payload: false,\r\n });\r\n },\r\n\r\n resetEquipmentRow: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_EQUIPMENT_ROW,\r\n payload: false,\r\n });\r\n },\r\n\r\n openEquipmentDisposeModal: (row) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_DISPOSE_MODAL,\r\n payload: row.id,\r\n });\r\n },\r\n closeEquipmentDisposeModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_DISPOSE_MODAL,\r\n payload: false,\r\n });\r\n },\r\n closeEquipmentDeleteModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_EQUIP_DEL_MODAL,\r\n payload: false,\r\n });\r\n },\r\n openEquipmentDeleteModal: (row) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_EQUIP_DEL_MODAL,\r\n payload: row.id,\r\n });\r\n },\r\n //My Requests, event for opening Request from list of My-requests\r\n\r\n ///http:baseURL/FETracker/myRequests Page\r\n openMyRequestModal: (row) => (dispatch) => {\r\n if (\r\n row &&\r\n (row.status == InventoryRequestStatus.Approved ||\r\n row.status == InventoryRequestStatus.Closed)\r\n ) {\r\n // Open Inventory/Equipment view Modal\r\n dispatch({\r\n type: actions.RESET_EQUIPMENT_ROW,\r\n });\r\n dispatch({\r\n type: actions.OPEN_EQUIPMENT_MODAL,\r\n payload: row,\r\n });\r\n } else {\r\n // Open My Request Modal showing request view Modal\r\n dispatch({\r\n type: actions.RESET_MYREQUEST_ROW,\r\n });\r\n dispatch({\r\n type: actions.OPEN_MYREQUEST_MODAL,\r\n payload: row,\r\n });\r\n }\r\n },\r\n openEquipmentRelatedRequest: (row) => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_MYREQUEST_ROW,\r\n });\r\n dispatch({\r\n type: actions.OPEN_MYREQUEST_MODAL,\r\n payload: row,\r\n });\r\n },\r\n closeMyRequestModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_MYREQUEST_MODAL,\r\n payload: false,\r\n });\r\n dispatch({\r\n type: actions.RESET_MYREQUEST_ROW,\r\n });\r\n },\r\n //Review Requests\r\n openReviewRequestModal: (row) => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_MYREQUEST_ROW,\r\n });\r\n dispatch({\r\n type: actions.OPEN_MYREQUEST_MODAL,\r\n payload: row,\r\n });\r\n\r\n dispatch({\r\n type: actions.SET_REVIEW_REQUEST_OPEN,\r\n payload: true,\r\n });\r\n },\r\n closeReviewRequestModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_MYREQUEST_MODAL,\r\n payload: false,\r\n });\r\n dispatch({\r\n type: actions.RESET_MYREQUEST_ROW,\r\n });\r\n dispatch({\r\n type: actions.SET_REVIEW_REQUEST_OPEN,\r\n payload: false,\r\n });\r\n },\r\n\r\n deleteFile: (mySelf, filePath, fileId) => (dispatch) => {\r\n //debugger\r\n dispatch({\r\n type: actions.DELETE_EQUIPMENT_FILE,\r\n payload: true,\r\n });\r\n //mySelf.props.facilityId\r\n axios\r\n .post(`/api/Equipment/RemoveFile?filePath=${filePath}&fileId=${fileId}`)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n mySelf.setState({ currentImage: -1 });\r\n mySelf.setState({ NonImageFile: \"/\" });\r\n mySelf.toggleConfirmModal();\r\n\r\n const allrefs = mySelf.refs;\r\n const lightBox = allrefs.GallaryLightBox;\r\n\r\n lightBox.closeLightbox();\r\n\r\n var action = actions.sliceImageFromAttachment(filePath);\r\n dispatch(action);\r\n\r\n toast.success(\" Deleted Successfuly.\");\r\n } else {\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n searchFeInventoryRecords: (formData) => (dispatch) => {\r\n formData.recordsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_FE,\r\n payload: { val: true, type: element },\r\n });\r\n });\r\n\r\n axios\r\n .post(\"/api/Equipment/GetFEInventoryList/\", formData)\r\n .then(({ data }) => {\r\n if (data && data.status.toLowerCase() == \"success\") {\r\n data.data.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LIST_SCREEN_DATA,\r\n payload: { data: element, type: element.recordType },\r\n });\r\n });\r\n\r\n formData.recordsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_FE,\r\n payload: { val: false, type: element },\r\n });\r\n });\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: {\r\n val: formData.EventType == FE_API_Actions.AdvanceSearch,\r\n type: FE_AF_SearchType.Inventory,\r\n },\r\n });\r\n } else {\r\n //Something went wrong\r\n console.log(data.status);\r\n formData.recordsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_FE,\r\n payload: { val: false, type: element },\r\n });\r\n });\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: { val: false, type: FE_AF_SearchType.Inventory },\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n formData.recordsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_FE,\r\n payload: { val: false, type: element },\r\n });\r\n });\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: { val: false, type: FE_AF_SearchType.Inventory },\r\n });\r\n });\r\n },\r\n searchFeRequestsRecords: (formData) => (dispatch) => {\r\n formData.feRequestsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_REQ,\r\n payload: { val: true, type: element },\r\n });\r\n });\r\n axios\r\n .post(\"/api/Equipment/GetFeRequests/\", formData)\r\n .then(({ data }) => {\r\n if (data && data.status.toLowerCase() == \"success\") {\r\n data.data.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LIST_SCREEN_DATA_REQ,\r\n payload: { data: element, type: element.recordType },\r\n });\r\n });\r\n } else {\r\n console.log(data.status);\r\n }\r\n\r\n data.data.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_REQ,\r\n payload: { val: false, type: element.recordType },\r\n });\r\n });\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: { val: false, type: FE_AF_SearchType.Request },\r\n });\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n formData.feRequestsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_REQ,\r\n payload: { val: false, type: element },\r\n });\r\n });\r\n });\r\n },\r\n setInventoryTablePaginationInfo: (pageNo, sizePerPage, tableType) => (\r\n dispatch\r\n ) => {\r\n var payLoadData = {\r\n pageNo,\r\n sizePerPage,\r\n tableType,\r\n };\r\n dispatch({\r\n type: actions.SET_PAGINATION_INFO_INV,\r\n payload: payLoadData,\r\n });\r\n },\r\n toggleEquipmentLogAccordion: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_EQUIP_LOG_CARD,\r\n payload: val,\r\n });\r\n },\r\n setRequestsTablePaginationInfo: (pageNo, sizePerPage, tableType) => (\r\n dispatch\r\n ) => {\r\n var payLoadData = {\r\n pageNo,\r\n sizePerPage,\r\n tableType,\r\n };\r\n dispatch({\r\n type: actions.SET_PAGINATION_INFO_REQ,\r\n payload: payLoadData,\r\n });\r\n },\r\n\r\n //////////////////////////AdvanceFilter Starting Here/////////////////////////////////////////////\r\n activeFacilityChildAccordion: (Id) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_FACILITY_CHILD_ACCORDION,\r\n payload: Id,\r\n });\r\n },\r\n\r\n setFilterData: (FilterData) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_FE_FILTER_DATA,\r\n payload: FilterData,\r\n });\r\n },\r\n setFilterResult: (Result) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_FILTER_RESULT,\r\n payload: Result,\r\n });\r\n },\r\n setTempFilterData: (Result) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_TEMP_FILTER_DATA,\r\n payload: Result,\r\n });\r\n },\r\n setReturnResultNo: (Result, type) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_RETURN_RESULTSNO,\r\n payload: { Result, type },\r\n });\r\n },\r\n\r\n setCollapseTab: (name) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_COLLAPSE_TAB,\r\n payload: name,\r\n });\r\n },\r\n\r\n setOpenCard: (name) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_OPEN_TAB,\r\n payload: name,\r\n });\r\n },\r\n\r\n showWebSideBar: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SHOW_FE_WEB_SIDE_BAR,\r\n payload: val,\r\n });\r\n },\r\n\r\n showMobileSideBar: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SHOW_FE_MOBILE_SIDE_BAR,\r\n payload: val,\r\n });\r\n },\r\n\r\n setResetAdvanceFilter: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_RESET_ADVANCE_FILTER,\r\n payload: val,\r\n });\r\n },\r\n\r\n setAdvancedSearch: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_ADVANCED_FILTER,\r\n payload: val,\r\n });\r\n },\r\n\r\n // Triggers on Apply Filter Btn click\r\n getMemberTotalCount: (body) => (dispatch, getState) => {\r\n let { activeSubHeader } = getState().fetracker;\r\n var formData = {\r\n ...body,\r\n activeTab: activeSubHeader,\r\n isAdvanceSearch: true,\r\n isTotalCount: true,\r\n };\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: true,\r\n });\r\n if (activeSubHeader == FE_Tabs_Type.Inventory) {\r\n axios\r\n .post(\"/api/Equipment/GetFEInventoryList/\", formData)\r\n .then(({ data }) => {\r\n if (data && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FE_RETURN_RESULTSNO,\r\n payload: {\r\n Result: data.totalCount,\r\n type: FE_AF_SearchType.Inventory,\r\n },\r\n });\r\n } else {\r\n console.log(data.status);\r\n }\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n }) ///END of then\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n });\r\n } else {\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: true,\r\n });\r\n if (activeSubHeader == FE_Tabs_Type.MyRequests) {\r\n formData = { isMyRequests: true, ...formData };\r\n }\r\n axios\r\n .post(\"/api/Equipment/GetFeRequests\", formData)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FE_RETURN_RESULTSNO,\r\n payload: {\r\n Result: data.totalCount,\r\n type: FE_AF_SearchType.Request,\r\n },\r\n });\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n }\r\n }) ///END of then\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n });\r\n }\r\n },\r\n getResultRowsForAdvanceFilter: (body) => (dispatch, getState) => {\r\n let {\r\n activeSubHeader,\r\n isEVPApprover,\r\n isBudgetlineApprover,\r\n } = getState().fetracker;\r\n var formData = {\r\n ...body,\r\n activeTab: activeSubHeader,\r\n isAdvanceSearch: true,\r\n isTotalCount: false,\r\n };\r\n \r\n if (activeSubHeader == FE_Tabs_Type.Inventory) {\r\n var activeSections = [];\r\n if (body.EventType == FE_API_Actions.TableChange) {\r\n activeSections = body.recordsTypeList;\r\n } else if (body.EventType == FE_API_Actions.AdvanceSearch) {\r\n activeSections.push(InventoryStatus.NonAccReview);\r\n activeSections.push(InventoryStatus.InAccReview);\r\n }\r\n\r\n formData.recordsTypeList = activeSections;\r\n formData.recordsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_FE,\r\n payload: { val: true, type: element },\r\n });\r\n });\r\n\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: true,\r\n });\r\n axios\r\n .post(\"/api/Equipment/GetFEInventoryList/\", formData)\r\n .then(({ data }) => {\r\n if (data && data.status.toLowerCase() == \"success\") {\r\n data.data.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LIST_SCREEN_DATA,\r\n payload: { data: element, type: element.recordType },\r\n });\r\n });\r\n\r\n formData.recordsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_FE,\r\n payload: { val: false, type: element },\r\n });\r\n });\r\n dispatch({\r\n type: actions.OPEN_FE_ADVANCE_FILTER,\r\n payload: false,\r\n });\r\n $(\"html\").removeClass(\"removeYScroll\");\r\n if (formData.refreshCR) {\r\n let totalSumRecords = data.data.reduce(\r\n (pv, cv) => pv + (cv.totalCount || 0),\r\n 0\r\n );\r\n dispatch({\r\n type: actions.SET_FE_RETURN_RESULTSNO,\r\n payload: {\r\n Result: totalSumRecords,\r\n type: FE_AF_SearchType.Inventory,\r\n },\r\n });\r\n }\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: { val: true, type: FE_Tabs.Inventory },\r\n });\r\n dispatch({\r\n type: actions.SET_FE_SEARCH_APPLIED,\r\n });\r\n } else {\r\n console.log(data.status);\r\n }\r\n //Inside then\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n }) ////END of then\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n });\r\n } else {\r\n /// Advance Filter for Requests\r\n var activeSections = [];\r\n if (body.EventType == FE_API_Actions.TableChange) {\r\n activeSections = body.feRequestsTypeList;\r\n } else if (body.EventType == FE_API_Actions.AdvanceSearch) {\r\n if (isEVPApprover && !isBudgetlineApprover) {\r\n // only evp approver\r\n activeSections.push(FERequestsType.PendingEVPReviewRequests);\r\n } else if (!isEVPApprover && isBudgetlineApprover) {\r\n //Only budget approver\r\n activeSections.push(FERequestsType.SubmittedReviewRequests);\r\n activeSections.push(FERequestsType.ApprovedReviewRequests);\r\n activeSections.push(FERequestsType.MyRequests);\r\n activeSections.push(FERequestsType.PendingEVPReviewRequests);\r\n } else {\r\n // Both EVP and Budget Approver\r\n activeSections.push(FERequestsType.SubmittedReviewRequests);\r\n activeSections.push(FERequestsType.ApprovedReviewRequests);\r\n activeSections.push(FERequestsType.MyRequests);\r\n activeSections.push(FERequestsType.PendingEVPReviewRequests);\r\n }\r\n }\r\n ///Advance filter will search all Requests related Accordions\r\n\r\n formData.feRequestsTypeList = activeSections;\r\n\r\n if (activeSubHeader == FE_Tabs_Type.MyRequests) {\r\n formData = { isMyRequests: true, ...formData };\r\n }\r\n\r\n formData.feRequestsTypeList.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_REQ,\r\n payload: { val: true, type: element },\r\n });\r\n });\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: true,\r\n });\r\n axios\r\n .post(\"/api/Equipment/GetFeRequests\", formData)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n data.data.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LIST_SCREEN_DATA_REQ,\r\n payload: { data: element, type: element.recordType },\r\n });\r\n });\r\n\r\n // if (formData.refreshCR) {\r\n // let totalSumRecords = data.data.reduce(\r\n // (pv, cv) => pv + (cv.totalCount || 0),\r\n // 0\r\n // );\r\n // dispatch({\r\n // type: actions.SET_FE_RETURN_RESULTSNO,\r\n // payload: {\r\n // Result: totalSumRecords,\r\n // type: FE_AF_SearchType.Request,\r\n // },\r\n // });\r\n // }\r\n dispatch({\r\n type: actions.OPEN_FE_ADVANCE_FILTER,\r\n payload: false,\r\n });\r\n $(\"html\").removeClass(\"removeYScroll\");\r\n data.data.forEach((element) => {\r\n dispatch({\r\n type: actions.SET_LOADING_REQ,\r\n payload: { val: false, type: element.recordType },\r\n });\r\n });\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: { val: true, type: FE_AF_SearchType.Request },\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n }) ///END of then\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n });\r\n }\r\n },\r\n\r\n toggleFEAdvanceFilter: (param) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_FE_ADVANCE_FILTER,\r\n payload: param,\r\n });\r\n },\r\n setFilterResultPageNo: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_FILTER_RESULT_PAGE_NO,\r\n payload: val,\r\n });\r\n },\r\n setCurrentAFActiveTab: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_AF_ACTIVE_TAB,\r\n payload: val,\r\n });\r\n },\r\n getNewFilteredData: (body, isRefresh) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: true,\r\n });\r\n window.innerWidth <= 897 && $(\".loading\").show();\r\n axios\r\n .post(\r\n `/api/Member/AdvancedFilteredData?getRefreshData=${isRefresh}`,\r\n body\r\n )\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n window.innerWidth <= 897 && $(\".loading\").hide();\r\n\r\n dispatch({\r\n type: actions.SET_FE_NEW_FILTERED_DATA,\r\n payload: data,\r\n });\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n window.innerWidth <= 897 && $(\".loading\").hide();\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: false,\r\n });\r\n }); ///END of then\r\n },\r\n\r\n setAdvanceFilterLoader: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_ADVANCE_FILTER_LOADNG,\r\n payload: val,\r\n });\r\n },\r\n\r\n setSidebarState: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_SIDEBAR_STATE,\r\n payload: val,\r\n });\r\n },\r\n\r\n ResetlocalPaging: () => (dispatch) => {\r\n dispatch({\r\n type: actions.FE_RESET_LOCAL_PAGING,\r\n payload: false,\r\n });\r\n },\r\n setMemberAccordianType: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_ACCORDIAN_TYPE,\r\n payload: val,\r\n });\r\n },\r\n setFilterResultPageSize: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_FILTER_RESULT_PAGE_SIZE,\r\n payload: val,\r\n });\r\n },\r\n setFilterResultTotalCount: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_FILTER_RESULT_TOTAL_COUNT,\r\n payload: val,\r\n });\r\n },\r\n setResetAll: () => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_RESET_ALL,\r\n });\r\n },\r\n toggleFEAdvanceSearchFlag: (param) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: param,\r\n });\r\n },\r\n handleTagsVisibility: () => (dispatch, getState) => {\r\n let { filterData, activeSubHeader } = getState().fetracker;\r\n\r\n if (activeSubHeader == FE_Tabs_Type.Inventory) {\r\n if (\r\n $(\".setFETagsPadding\").is(\":visible\") &&\r\n _.isEmpty(filterData.searchApplied.inventories)\r\n ) {\r\n $(\".setFETagsPadding\").css(\"display\", \"none\");\r\n } else if (\r\n !$(\".setFETagsPadding\").is(\":visible\") &&\r\n !_.isEmpty(filterData.searchApplied.inventories)\r\n ) {\r\n $(\".setFETagsPadding\").show();\r\n }\r\n ////For Moblie\r\n if (\r\n $(\".bottomBorderMobile\").is(\":visible\") &&\r\n _.isEmpty(filterData.searchApplied.inventories)\r\n ) {\r\n $(\".bottomBorderMobile\").css(\"display\", \"none\");\r\n } else if (\r\n !$(\".bottomBorderMobile\").is(\":visible\") &&\r\n !_.isEmpty(filterData.searchApplied.inventories)\r\n ) {\r\n $(\".bottomBorderMobile\").show();\r\n }\r\n } else if (activeSubHeader > FE_Tabs_Type.Inventory) {\r\n if (\r\n $(\".setFETagsPadding\").is(\":visible\") &&\r\n _.isEmpty(filterData.searchApplied.requests)\r\n ) {\r\n $(\".setFETagsPadding\").css(\"display\", \"none\");\r\n } else if (\r\n !$(\".setFETagsPadding\").is(\":visible\") &&\r\n !_.isEmpty(filterData.searchApplied.requests)\r\n ) {\r\n $(\".setFETagsPadding\").show();\r\n }\r\n ////For Moblie\r\n if (\r\n $(\".bottomBorderMobile\").is(\":visible\") &&\r\n _.isEmpty(filterData.searchApplied.requests)\r\n ) {\r\n $(\".bottomBorderMobile\").css(\"display\", \"none\");\r\n } else if (\r\n !$(\".bottomBorderMobile\").is(\":visible\") &&\r\n !_.isEmpty(filterData.searchApplied.requests)\r\n ) {\r\n $(\".bottomBorderMobile\").show();\r\n }\r\n }\r\n },\r\n getSearchAppliedList: () => (dispatch, getState) => {\r\n let { filterData, activeSubHeader } = getState().fetracker;\r\n\r\n if (activeSubHeader == FE_Tabs_Type.Inventory) {\r\n return filterData.searchApplied[\"inventories\"];\r\n } else if (activeSubHeader > FE_Tabs_Type.Inventory) {\r\n return filterData.searchApplied[\"requests\"];\r\n }\r\n },\r\n setSearchAppliedList: (param) => (dispatch, getState) => {\r\n let { filterData, activeSubHeader } = getState().fetracker;\r\n\r\n if (activeSubHeader == FE_Tabs_Type.Inventory) {\r\n return (filterData.searchApplied[\"inventories\"] = param);\r\n } else if (activeSubHeader > FE_Tabs_Type.Inventory) {\r\n return (filterData.searchApplied[\"requests\"] = param);\r\n }\r\n },\r\n resetSearchAppliedList: (param) => (dispatch, getState) => {\r\n dispatch({\r\n type: actions.RESET_FE_SEARCH_APPLIED,\r\n payload: param,\r\n });\r\n },\r\n resetAdvanceFilterTabStateById: (id, optionText) => async (\r\n dispatch,\r\n getState\r\n ) => {\r\n let { filterData, activeSubHeader } = getState().fetracker;\r\n let formValues = getState().form;\r\n let currentFilters = [];\r\n switch (+id) {\r\n case FE_AF_Nav_Items.Description:\r\n filterData.description = null;\r\n dispatch(reset(\"fe_req_descriptionForm\"));\r\n break;\r\n case FE_AF_Nav_Items.Status:\r\n if (activeSubHeader > FE_Tabs.Inventory) {\r\n filterData.fe_request_statuses = filterData.fe_request_statuses.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n if (item.status != \"Active\") {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n checked: true,\r\n };\r\n }\r\n } else {\r\n if (item.status === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n }\r\n\r\n if (activeSubHeader === FE_Tabs.Inventory) {\r\n filterData.fe_equipment_statuses = filterData.fe_equipment_statuses.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n if (item.status != \"Active\") {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n checked: true,\r\n };\r\n }\r\n } else {\r\n if (item.status === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n }\r\n break;\r\n case FE_AF_Nav_Items.Type:\r\n filterData.fetypes = filterData.fetypes.map((item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.type === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n });\r\n\r\n break;\r\n case FE_AF_Nav_Items.Budget:\r\n if (activeSubHeader > FE_Tabs.Inventory) {\r\n // Requests Tabs\r\n filterData.fe_request_budgetlines = filterData.fe_request_budgetlines.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.budgetline === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n } else if (activeSubHeader === FE_Tabs.Inventory) {\r\n // Equipments Tab\r\n filterData.fe_equipments_budgetlines = filterData.fe_equipments_budgetlines.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.budgetline === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n }\r\n\r\n break;\r\n\r\n case FE_AF_Nav_Items.BookValueRequest: //BookValue Requests\r\n filterData.ferequests_bookValues = {\r\n FromValue: formValues.fe_Inv_bookValsForm.values.BookValue.min,\r\n ToValue: formValues.fe_Inv_bookValsForm.values.BookValue.max,\r\n };\r\n dispatch(reset(\"fe_req_bookValsForm\"));\r\n break;\r\n case FE_AF_Nav_Items.BookValueInventory: //BookValue Equipments\r\n filterData.feinv_bookValues = {\r\n FromValue: formValues.fe_Inv_bookValsForm.values.BookValue.min,\r\n ToValue: formValues.fe_Inv_bookValsForm.values.BookValue.max,\r\n };\r\n dispatch(reset(\"fe_Inv_bookValsForm\"));\r\n break;\r\n case FE_AF_Nav_Items.ActualCost: //Actual Costs\r\n filterData.actualCosts = null;\r\n dispatch(reset(\"fe_actualValsForm\"));\r\n break;\r\n case FE_AF_Nav_Items.Year: //Years\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n filterData.years = [new Date().getFullYear().toString()];\r\n dispatch(reset(\"FE_INV_YearsForm\"));\r\n } else {\r\n filterData.years = filterData.years.filter((yr) => yr != optionText);\r\n let { FE_INV_YearsForm } = formValues;\r\n let rightOptions = FE_INV_YearsForm.values.inventoryYear.filter(\r\n (f) => f !== optionText\r\n );\r\n formValues.FE_INV_YearsForm.values.inventoryYear = rightOptions;\r\n // dispatch(change(\"FE_INV_YearsForm\",\"\"));\r\n }\r\n\r\n break;\r\n case FE_AF_Nav_Items.PurchaseDate: //Years\r\n filterData.purchaseDates = null;\r\n dispatch(reset(\"purchaseDateForm\"));\r\n break;\r\n case FE_AF_Nav_Items.StickerNo: //Sticker No\r\n filterData.stickerNo = null;\r\n dispatch(reset(\"FE_INV_StickerNoForm\"));\r\n break;\r\n //##################REQ-1 Tabs Inventory##############################\r\n // case FE_AF_Nav_Items.FacilityInventory:\r\n // filterData.fe_equipment_facilities = filterData.fe_equipment_facilities.map(\r\n // (item) => {\r\n // if (_.isEmpty(optionText)) {\r\n // //means reset btn click\r\n // return { ...item, checked: false };\r\n // } else {\r\n // if (item.code === optionText) {\r\n // return { ...item, checked: false };\r\n // } else {\r\n // return { ...item };\r\n // }\r\n // }\r\n // }\r\n // );\r\n // break;\r\n case FE_AF_Nav_Items.RegionInventory:\r\n filterData.fe_equipment_regions = filterData.fe_equipment_regions.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.code === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n break;\r\n case FE_AF_Nav_Items.TeamInventory:\r\n filterData.fe_equipment_teams = filterData.fe_equipment_teams.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.teamName === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n\r\n break;\r\n case FE_AF_Nav_Items.NAOffice:\r\n filterData.fe_equipment_naoffices = filterData.fe_equipment_naoffices.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.name === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n\r\n break;\r\n //############################REQ-1 Tabs Requests#####################\r\n // case FE_AF_Nav_Items.FacilityRequest:\r\n // filterData.fe_request_facilities = filterData.fe_request_facilities.map(\r\n // (item) => {\r\n // if (_.isEmpty(optionText)) {\r\n // //means reset btn click\r\n // return {\r\n // ...item,\r\n // checked: false,\r\n // };\r\n // } else {\r\n // if (item.code === optionText) {\r\n // return {\r\n // ...item,\r\n // checked: false,\r\n // };\r\n // } else {\r\n // return {\r\n // ...item,\r\n // };\r\n // }\r\n // }\r\n // }\r\n // );\r\n // break;\r\n case FE_AF_Nav_Items.RegionRequest:\r\n filterData.fe_request_regions = filterData.fe_request_regions.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.code === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n break;\r\n case FE_AF_Nav_Items.TeamRequest:\r\n filterData.fe_request_teams = filterData.fe_request_teams.map(\r\n (item) => {\r\n if (_.isEmpty(optionText)) {\r\n //means reset btn click\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n if (item.teamName === optionText) {\r\n return {\r\n ...item,\r\n checked: false,\r\n };\r\n } else {\r\n return {\r\n ...item,\r\n };\r\n }\r\n }\r\n }\r\n );\r\n\r\n break;\r\n case FE_AF_Nav_Items.UserInventory: //Name search for Inventory\r\n filterData.InventoryUserName = null;\r\n dispatch(reset(\"fe_Inv_bookValsForm\"));\r\n break;\r\n case FE_AF_Nav_Items.UserRequest: //Name search for Request\r\n filterData.RequestUserName = null;\r\n dispatch(reset(\"fe_req_NameForm\"));\r\n break;\r\n default:\r\n break;\r\n }\r\n ///////For Removing Related Selected ***(Tags)***///////////////\r\n // Don't reset the Status Filter Tag, Other than Active in case Reset button is clicked, optionText would be empty...\r\n if (id !== 1 && _.isEmpty(optionText)) {\r\n // Tag is other Than ((Status Tag))\r\n // Reset Tag => function name=> resetAdvanceFilterTabStateById\r\n if (activeSubHeader > FE_Tabs.Inventory) {\r\n currentFilters = filterData.searchApplied.requests.filter((el) => {\r\n return el.searchType !== id;\r\n });\r\n filterData = {\r\n ...filterData,\r\n searchApplied: {\r\n ...filterData.searchApplied,\r\n requests: currentFilters,\r\n },\r\n };\r\n } else {\r\n //Remove all Tags of the Selected Search Filter\r\n currentFilters = filterData.searchApplied.inventories.filter((el) => {\r\n return el.searchType !== id;\r\n });\r\n filterData = {\r\n ...filterData,\r\n searchApplied: {\r\n ...filterData.searchApplied,\r\n inventories: currentFilters,\r\n },\r\n };\r\n }\r\n await dispatch({\r\n type: actions.RESET_FE_SEARCH_APPLIED,\r\n payload: currentFilters,\r\n });\r\n } //Handle Status Filter Tags Removal if id ==1(Status Filter Tag) && optionText !=='Active'\r\n else if (\r\n id == 1 &&\r\n activeSubHeader == FE_Tabs.Inventory &&\r\n _.isEmpty(optionText)\r\n ) {\r\n let statusIndex = filterData.searchApplied.inventories.findIndex((el) => {\r\n return el.searchType == id;\r\n });\r\n // That means \"Reset Button Mini Clicked\r\n if (statusIndex !== -1) {\r\n filterData.searchApplied.inventories[statusIndex].selectedItems = [\r\n \"Active\",\r\n ];\r\n currentFilters = filterData.searchApplied.inventories;\r\n filterData = {\r\n ...filterData,\r\n searchApplied: {\r\n ...filterData.searchApplied,\r\n inventories: currentFilters,\r\n },\r\n };\r\n\r\n dispatch({\r\n type: actions.RESET_FE_SEARCH_APPLIED,\r\n payload: currentFilters,\r\n });\r\n }\r\n }\r\n /////////////////////Getting Updated Count////////////////\r\n //Non Empty means \"Cross Tag\" Clicked\r\n if (!_.isEmpty(optionText)) {\r\n var action = actions.getMemberTotalCount(filterData);\r\n dispatch(action);\r\n }\r\n\r\n /////////////////////////////////////////////////////////////\r\n },\r\n setFEShowHistory: (flag, type) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_MY_REQ_SHOW_HIS,\r\n payload: { val: flag, type },\r\n });\r\n },\r\n setFilterStatusActive: () => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_FILTER_STATUS_ACTIVE,\r\n });\r\n },\r\n //Used for Redux forms in Advance Filter\r\n setAFTabFormsById: (id) => (dispatch, getState) => {\r\n let { filterData } = getState().fetracker;\r\n let formValues = getState().form;\r\n switch (id) {\r\n case FE_AF_Nav_Items.Description: //description\r\n filterData.description =\r\n formValues.fe_req_descriptionForm.values.Description;\r\n break;\r\n case FE_AF_Nav_Items.BookValueRequest: //BookValue Requests\r\n filterData.ferequests_bookValues = {\r\n FromValue: formValues.fe_req_bookValsForm.values.BookValue.min,\r\n ToValue: formValues.fe_req_bookValsForm.values.BookValue.max,\r\n };\r\n\r\n break;\r\n case FE_AF_Nav_Items.BookValueInventory: //BookValue Equipments\r\n filterData.feinv_bookValues = {\r\n FromValue: formValues.fe_Inv_bookValsForm.values.BookValue.min,\r\n ToValue: formValues.fe_Inv_bookValsForm.values.BookValue.max,\r\n };\r\n break;\r\n case FE_AF_Nav_Items.ActualCost: //Actual Costs\r\n filterData.actualCosts = {\r\n FromValue: formValues.fe_actualValsForm.values.ActualCost.min,\r\n ToValue: formValues.fe_actualValsForm.values.ActualCost.max,\r\n };\r\n break;\r\n case FE_AF_Nav_Items.Year: //Years\r\n filterData.years = formValues.FE_INV_YearsForm.values.inventoryYear;\r\n break;\r\n case FE_AF_Nav_Items.PurchaseDate: //Purchase\r\n filterData.purchaseDates = formValues.purchaseDateForm.values;\r\n break;\r\n case FE_AF_Nav_Items.StickerNo: //Sticker No\r\n filterData.stickerNo = formValues.FE_INV_StickerNoForm.values.StickerNo;\r\n break;\r\n case FE_AF_Nav_Items.UserInventory: //Name search for Inventory\r\n filterData.InventoryUserName = formValues.fe_inv_NameForm.values;\r\n break;\r\n case FE_AF_Nav_Items.UserRequest: //Name search for Request\r\n filterData.RequestUserName = formValues.fe_req_NameForm.values;\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n },\r\n //InFE module Work\r\n resetALLFilters: () => async (dispatch, getState) => {\r\n let { filterData, activeSubHeader } = getState().fetracker;\r\n\r\n if (activeSubHeader == FE_AF_SearchType.Inventory) {\r\n filterData = {\r\n ...filterData,\r\n searchApplied: {\r\n inventories: [\r\n {\r\n searchType: 1,\r\n isApplied: true,\r\n isSearched: false,\r\n selectedItems: [\"Active\"],\r\n },\r\n ],\r\n requests: filterData.searchApplied.requests,\r\n },\r\n years: [new Date().getFullYear().toString()],\r\n };\r\n } else if (activeSubHeader > FE_AF_SearchType.Inventory) {\r\n filterData = {\r\n ...filterData,\r\n searchApplied: {\r\n requests: [\r\n //{\r\n // searchType: 1,\r\n // isApplied: true,\r\n // isSearched: false,\r\n // selectedItems: [\"Active\"],\r\n //},\r\n ],\r\n inventories: filterData.searchApplied.inventories,\r\n },\r\n };\r\n }\r\n //#####################For Requests realted Tabs####################//////////\r\n if (\r\n activeSubHeader === FE_Tabs.MyRequests ||\r\n activeSubHeader === FE_Tabs.ReviewRequests\r\n ) {\r\n filterData.fetypes = filterData.fetypes.map((item) => {\r\n item.checked = false;\r\n return item;\r\n });\r\n filterData.fe_request_statuses = filterData.fe_request_statuses.map(\r\n (item) => {\r\n //if (item.status == \"Active\") {\r\n // item.checked = true;\r\n //} else {\r\n item.checked = false;\r\n //}\r\n return item;\r\n }\r\n );\r\n filterData.fe_request_budgetlines = filterData.fe_request_budgetlines.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n //######REQ-1 Tabs Requests#########\r\n // filterData.fe_request_facilities = filterData.fe_request_facilities.map(\r\n // (item) => {\r\n // item.checked = false;\r\n // return item;\r\n // }\r\n // );\r\n filterData.fe_request_regions = filterData.fe_request_regions.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n filterData.fe_request_teams = filterData.fe_request_teams.map((item) => {\r\n item.checked = false;\r\n return item;\r\n });\r\n //#########REQ-1 Tabs Requests##########\r\n\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: { val: false, type: FE_AF_SearchType.Request },\r\n });\r\n filterData.description = null;\r\n dispatch(reset(\"fe_req_bookValsForm\"));\r\n dispatch(reset(\"fe_req_descriptionForm\"));\r\n dispatch(reset(\"fe_req_NameForm\"));\r\n }\r\n\r\n ///////////#####################For Equipments realted Tabs##################################//////////\r\n else if (activeSubHeader === FE_Tabs.Inventory) {\r\n filterData.fe_equipment_statuses = filterData.fe_equipment_statuses.map(\r\n (item) => {\r\n if (item.status == \"Active\") {\r\n item.checked = true;\r\n } else {\r\n item.checked = false;\r\n }\r\n return item;\r\n }\r\n );\r\n filterData.fe_equipments_budgetlines = filterData.fe_equipments_budgetlines.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n\r\n //########REQ-1 Tabs Inventory##########\r\n // filterData.fe_equipment_facilities = filterData.fe_equipment_facilities.map(\r\n // (item) => {\r\n // item.checked = false;\r\n // return item;\r\n // }\r\n // );\r\n filterData.fe_equipment_regions = filterData.fe_equipment_regions.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n filterData.fe_equipment_teams = filterData.fe_equipment_teams.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n filterData.fe_equipment_naoffices = filterData.fe_equipment_naoffices.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n //#########REQ-1 Tabs Inventory END#############\r\n dispatch({\r\n type: actions.SET_FE_AF_FLAG,\r\n payload: {\r\n val: false,\r\n type: FE_AF_SearchType.Inventory,\r\n },\r\n });\r\n dispatch(reset(\"fe_Inv_bookValsForm\"));\r\n dispatch(reset(\"fe_actualValsForm\"));\r\n dispatch(reset(\"FE_INV_YearsForm\")); ///Years Filter\r\n dispatch(reset(\"purchaseDateForm\"));\r\n dispatch(reset(\"FE_INV_StickerNoForm\"));\r\n dispatch(reset(\"fe_inv_NameForm\"));\r\n filterData.actualCosts = null;\r\n filterData.years = [new Date().getFullYear().toString()];\r\n filterData.purchaseDates = null;\r\n filterData.stickerNo = null;\r\n }\r\n await dispatch({\r\n type: actions.SET_FE_FILTER_DATA,\r\n payload: { ...filterData },\r\n });\r\n\r\n // var setData = actions.setFilterData(filterData);\r\n\r\n var action = actions.getMemberTotalCount(filterData);\r\n dispatch(action);\r\n // if (isAdvancedFilterSelected) {\r\n // var data = { totalCount: 0, page: 1, sizePerPage: 25 };\r\n // dispatch({\r\n // type: actions.REST_TABLE,\r\n // payload: data,\r\n // });\r\n // }\r\n // this.onReturnNo();\r\n // this.props.handleTagsVisibility();\r\n },\r\n\r\n checkIsBudgetApprover: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CHECKING_APPROVER_PERSON,\r\n payload: true,\r\n });\r\n return axios.get(`/api/Equipment/IsBudgetApprover`).then(({ data }) => {\r\n if (data.status) {\r\n if (data.result && data.result.showReviewRequest) {\r\n dispatch({\r\n type: actions.IS_BUG_APPROVER_PERSON,\r\n payload: data.result,\r\n });\r\n } else {\r\n dispatch({\r\n type: actions.IS_BUG_APPROVER_PERSON,\r\n payload: false,\r\n });\r\n }\r\n dispatch({\r\n type: actions.SET_IS_ACC_PERSON,\r\n payload: data.result.is_accounting_person,\r\n });\r\n dispatch({\r\n type: actions.CHECKING_APPROVER_PERSON,\r\n payload: false,\r\n });\r\n } else {\r\n dispatch({\r\n type: actions.CHECKING_APPROVER_PERSON,\r\n payload: false,\r\n });\r\n\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n setFEAFSearchApplied: () => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FE_SEARCH_APPLIED,\r\n });\r\n },\r\n\r\n setInAccEquipSize: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_DATA_SIZE_ACTIVE_EQUIP,\r\n payload: val,\r\n });\r\n },\r\n setActiveEquipSize: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_DATA_SIZE_INACC_EQUIP,\r\n payload: val,\r\n });\r\n },\r\n resetPagination: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_PAGINATION,\r\n payload: val,\r\n });\r\n },\r\n setYearsFilterData: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_YEARS_FILTER_DATA,\r\n payload: val,\r\n });\r\n },\r\n};\r\n\r\nexport default actions;\r\n","import React, { Component } from \"react\";\r\nimport _ from \"lodash\";\r\nimport { connect } from \"react-redux\";\r\nimport advanceFilterActions from \"../../../../store/advancedfilter/action\";\r\nimport fetrackerActions from \"../../../../store/feTracker/action\";\r\nimport { bindActionCreators } from \"redux\";\r\n\r\nclass FE_Budgets extends Component {\r\n onChange(item) {\r\n const actions = this.props.isMemberAF\r\n ? this.props.advanceFilterActions\r\n : this.props.fetrackerActions;\r\n\r\n const reduxState = this.props.isMemberAF\r\n ? this.props.filterState\r\n : this.props.festate;\r\n\r\n if (this.props.isMemberAF && this.props.isInventoryTab) {\r\n var budgetlines = reduxState.filterData.fe_inventory_budgetlines; // this is for members advance filter\r\n } else if (!this.props.isMemberAF && this.props.isInventoryTab) {\r\n // FE Module's Equipment's Tab\r\n var budgetlines = reduxState.filterData.fe_equipments_budgetlines;\r\n } else {\r\n // FE Module's Request's Tab\r\n var budgetlines = reduxState.filterData.fe_request_budgetlines;\r\n }\r\n if (reduxState) {\r\n var index = _.findIndex(budgetlines, (o) => {\r\n return o.budgetline === item.budgetline;\r\n });\r\n item.checked = !budgetlines[index].checked;\r\n budgetlines[index] = item;\r\n actions.setFilterData({\r\n ...reduxState.filterData,\r\n });\r\n }\r\n }\r\n chechboxesV2(item, mySelf) {\r\n return (\r\n \r\n
\r\n this.onChange(item)}\r\n aria-label=\"...\"\r\n />\r\n \r\n {item.budgetline}\r\n\r\n {mySelf.props.isMemberAF && (\r\n {`(${item.total})`} \r\n )}\r\n \r\n
\r\n
\r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.budgetline}\r\n\r\n {mySelf.props.isMemberAF && (\r\n {`(${item.total})`} \r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n const reduxState = this.props.isMemberAF\r\n ? this.props.filterState\r\n : this.props.festate;\r\n\r\n if (this.props.isMemberAF && this.props.isInventoryTab) {\r\n var budgetlines = reduxState.filterData.fe_inventory_budgetlines;\r\n } else if (!this.props.isMemberAF && this.props.isInventoryTab) {\r\n // FE Module's Equipment's fe_equipments_budgetlines\r\n var budgetlines = reduxState.filterData.fe_equipments_budgetlines;\r\n } else {\r\n // FE Module's Request's Tab\r\n var budgetlines = reduxState.filterData.fe_request_budgetlines;\r\n }\r\n const scrollClass = this.props.isMobile\r\n ? \"fe-filter--scroll-mobile\"\r\n : \"fe-filter--scroll\";\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Budget Lines \r\n \r\n {budgetlines &&\r\n !_.isEmpty(reduxState) &&\r\n budgetlines.map((item) => this.chechboxesV2(item, this))}\r\n {_.isEmpty(budgetlines) && \"No filters available\"}\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n return {\r\n festate: state.fetracker,\r\n filterState: state.advancedFilter,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n fetrackerActions: bindActionCreators(fetrackerActions, dispatch),\r\n advanceFilterActions: bindActionCreators(advanceFilterActions, dispatch),\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(FE_Budgets);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col, Form } from \"reactstrap\";\r\nimport { Field, reduxForm, change } from \"redux-form\";\r\nimport { connect } from \"react-redux\";\r\nimport _ from \"lodash\";\r\n\r\nexport class FE_Description extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n componentDidMount() {\r\n // Initialize the form with your initial values here\r\n const { savedSearchCriteria } = this.props.savedSearchState;\r\n\r\n if (\r\n this.props.formId == \"fe_mem_descriptionForm\" &&\r\n savedSearchCriteria &&\r\n savedSearchCriteria.savedSearchCriteriaDetail &&\r\n !_.isEmpty(savedSearchCriteria.savedSearchCriteriaDetail.searchCriteria)\r\n ) {\r\n const { fe_inventory_desc = null } =\r\n savedSearchCriteria.savedSearchCriteriaDetail.searchCriteria || {};\r\n if (fe_inventory_desc != null) {\r\n this.props.dispatch(\r\n change(\"fe_mem_descriptionForm\", \"Description\", fe_inventory_desc)\r\n );\r\n } else {\r\n this.props.dispatch(\r\n change(\"fe_mem_descriptionForm\", \"Description\", null)\r\n );\r\n }\r\n }\r\n }\r\n renderInput = ({ input, label, classForm, type, meta, placeholder }) => {\r\n //console.log(meta)\r\n\r\n return (\r\n \r\n {label !== \"\" && !this.props.isMobile == true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Description \r\n \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.status}\r\n {/* {mySelf.props.isMemberAF &&\r\n item.checked &&\r\n checkedOptions.length > 1 && (\r\n {`(${dynamicCount})`} \r\n )}\r\n {mySelf.props.isMemberAF &&\r\n (checkedOptions.length == 1 || !item.checked) && (\r\n {`(${item.total})`} \r\n )} */}\r\n {mySelf.props.isMemberAF && (\r\n {`(${item.total})`} \r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n const reduxState = this.props.isMemberAF\r\n ? this.props.filterState\r\n : this.props.festate;\r\n\r\n if (this.props.isMemberAF && this.props.isInventoryTab) {\r\n var statuses = reduxState.filterData.fe_request_statuses;\r\n ///Inventory Tab => Equipment Module\r\n } else if (!this.props.isMemberAF && this.props.isInventoryTab) {\r\n var statuses = reduxState.filterData.fe_equipment_statuses;\r\n } else if (!this.props.isMemberAF && !this.props.isInventoryTab) {\r\n var statuses = reduxState.filterData.fe_request_statuses;\r\n }\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Status \r\n \r\n
\r\n {statuses &&\r\n !_.isEmpty(reduxState) &&\r\n statuses.map((item) => this.chechboxes(item, statuses, this))}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n return {\r\n festate: state.fetracker,\r\n filterState: state.advancedFilter,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n fetrackerActions: bindActionCreators(fetrackerActions, dispatch),\r\n advanceFilterActions: bindActionCreators(advanceFilterActions, dispatch),\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(FE_Statuses);\r\n","import React, { Component } from \"react\";\r\nimport _ from \"lodash\";\r\nimport advanceFilterActions from \"../../../../store/advancedfilter/action\";\r\nimport fetrackerActions from \"../../../../store/feTracker/action\";\r\nimport { bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass FE_Types extends Component {\r\n onChange(item) {\r\n const actions = this.props.isMemberAF\r\n ? this.props.advanceFilterActions\r\n : this.props.fetrackerActions;\r\n\r\n const reduxState = this.props.isMemberAF\r\n ? this.props.filterState\r\n : this.props.festate;\r\n\r\n if (this.props.isMemberAF && this.props.isInventoryTab) {\r\n var fetypes = reduxState.filterData.fe_inventory_types;\r\n } else if (!this.props.isMemberAF && !this.props.isInventoryTab) {\r\n var fetypes = reduxState.filterData.fetypes;\r\n }\r\n var index = _.findIndex(fetypes, (o) => {\r\n return o.type === item.type;\r\n });\r\n item.checked = !fetypes[index].checked;\r\n fetypes[index] = item;\r\n actions.setFilterData({\r\n ...reduxState.filterData,\r\n });\r\n }\r\n chechboxes(item, mySelf) {\r\n // const reduxState = this.props.isMemberAF\r\n // ? this.props.filterState\r\n // : this.props.festate;\r\n\r\n // if (this.props.isMemberAF && this.props.isInventoryTab) {\r\n // var fetypes = reduxState.filterData.fetypes;\r\n // } else if (!this.props.isMemberAF && !this.props.isInventoryTab) {\r\n // var fetypes = reduxState.filterData.fetypes;\r\n // }\r\n return (\r\n \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.type}\r\n {mySelf.props.isMemberAF && (\r\n {`(${item.total})`} \r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n const reduxState = this.props.isMemberAF\r\n ? this.props.filterState\r\n : this.props.festate;\r\n\r\n if (this.props.isMemberAF && this.props.isInventoryTab) {\r\n var fetypes = reduxState.filterData.fe_inventory_types;\r\n } else if (!this.props.isMemberAF && !this.props.isInventoryTab) {\r\n var fetypes = reduxState.filterData.fetypes;\r\n }\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Type \r\n \r\n
\r\n {fetypes &&\r\n !_.isEmpty(reduxState) &&\r\n fetypes.map((item) => this.chechboxes(item, this))}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state, ownProps) {\r\n return {\r\n festate: state.fetracker,\r\n filterState: state.advancedFilter,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n fetrackerActions: bindActionCreators(fetrackerActions, dispatch),\r\n advanceFilterActions: bindActionCreators(advanceFilterActions, dispatch),\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FE_Types);\r\n","import React, { Component } from \"react\";\r\nimport InputRange from \"react-input-range\";\r\nimport { Field, reduxForm, change } from \"redux-form\";\r\nimport { connect } from \"react-redux\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport { store } from \"../../../../../src/index\";\r\nimport _ from \"lodash\";\r\nconst onFromToInputChange = (event, newValue, previousValue, name, props) => {\r\n let formName = \"\";\r\n if (props.isMemberAF) {\r\n formName = \"fe_mem_bookValsForm\";\r\n } else if (props.isFERequests) {\r\n formName = \"fe_req_bookValsForm\";\r\n } else if (props.isFEInventoryTab) {\r\n formName = \"fe_Inv_bookValsForm\";\r\n }\r\n if (name === \"FromVal\") {\r\n store.dispatch(change(formName, \"BookValue[min]\", Number(newValue)));\r\n } else if (name === \"ToVal\") {\r\n store.dispatch(change(formName, \"BookValue[max]\", Number(newValue)));\r\n }\r\n};\r\n\r\nconst onSliderInputChange = (event, newValue, previousValue, name, props) => {\r\n const { min, max } = newValue;\r\n let formName = \"\";\r\n if (props.isMemberAF) {\r\n formName = \"fe_mem_bookValsForm\";\r\n } else if (props.isFERequests) {\r\n formName = \"fe_req_bookValsForm\";\r\n } else if (props.isFEInventoryTab) {\r\n formName = \"fe_Inv_bookValsForm\";\r\n }\r\n store.dispatch(change(formName, \"FromVal\", min));\r\n store.dispatch(change(formName, \"ToVal\", max));\r\n};\r\nexport class FE_BookVals extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n value: { min: 1, max: 50000 },\r\n };\r\n }\r\n componentDidMount() {\r\n // Initialize the form with your initial values here\r\n const { savedSearchCriteria } = this.props.savedSearchState;\r\n\r\n if (\r\n this.props.formId == \"fe_mem_bookValsForm\" &&\r\n savedSearchCriteria &&\r\n savedSearchCriteria.savedSearchCriteriaDetail &&\r\n !_.isEmpty(savedSearchCriteria.savedSearchCriteriaDetail.searchCriteria)\r\n ) {\r\n const { FromBookValue = null, ToBookValue = null } =\r\n savedSearchCriteria.savedSearchCriteriaDetail.searchCriteria\r\n .fe_inv_book_vals || {};\r\n if (FromBookValue != null) {\r\n this.props.dispatch(\r\n change(\"fe_mem_bookValsForm\", \"FromBookValue\", FromBookValue)\r\n );\r\n } else {\r\n this.props.dispatch(\r\n change(\"fe_mem_bookValsForm\", \"FromBookValue\", null)\r\n );\r\n }\r\n if (ToBookValue != null) {\r\n this.props.dispatch(\r\n change(\"fe_mem_bookValsForm\", \"ToBookValue\", ToBookValue)\r\n );\r\n } else {\r\n this.props.dispatch(change(\"fe_mem_bookValsForm\", \"ToBookValue\", null));\r\n }\r\n }\r\n }\r\n renderInputText = ({\r\n input,\r\n label,\r\n classForm,\r\n type,\r\n meta,\r\n name,\r\n placeholder,\r\n }) => {\r\n //console.log(meta)\r\n // console.log(label);\r\n return (\r\n \r\n {label !== \"\" && !this.props.isMobile ? (\r\n
{label} \r\n ) : placeholder == \"Value\" ? (\r\n \"\"\r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
\r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
\r\n Min \r\n Max \r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n `$${value}`}\r\n maxValue={50000}\r\n minValue={1}\r\n value={input.value}\r\n onChange={input.onChange}\r\n />\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n // console.log(formValues);\r\n };\r\n validateNumber = (value) => {\r\n if (value && isNaN(Number(value))) {\r\n return \"Please enter numeric characters only.\";\r\n } else {\r\n return undefined;\r\n }\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Book Value \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n {/*
*/}\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n normalizeDob = (value, prevVal) => {\r\n if (!value) {\r\n return value;\r\n }\r\n const onlyNums = value.replace(/[^\\d]/g, \"\");\r\n if (onlyNums.length === 2) {\r\n return onlyNums;\r\n }\r\n if (onlyNums.length == 4) {\r\n return `${onlyNums.slice(0, 2)}/${onlyNums.slice(2)}`;\r\n }\r\n return `${onlyNums.slice(0, 2)}/${onlyNums.slice(2, 4)}/${onlyNums.slice(\r\n 4,\r\n 8\r\n )}`;\r\n // if (isNaN(parseInt(val[val.length - 1], 10))) {\r\n // return val.slice(0, -1);\r\n // }\r\n // if (prevVal && prevVal.length >= val.length) {\r\n // return val;\r\n // }\r\n // if (val.length === 2 || val.length === 5) {\r\n // val += \"/\";\r\n // }\r\n // if (val.length >= 10) {\r\n // return val.slice(0, 10);\r\n // }\r\n // return val;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Mandatory Retirement \r\n \r\n \r\n {data.hasPrimaryPhone}\r\n {this.props.filterState.filterData && (\r\n ({data.total}) \r\n )}\r\n \r\n
\r\n );\r\n renderInput = ({ input, label, type, meta, placeholder }) => {\r\n return (\r\n /*\r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
\r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n handleChangePhone() {\r\n //this.setState({ number: e.target.value });\r\n //let PhoneReg = /^\\([0-9]{3}\\) [0-9]{3}-[0-9]{4}$/;\r\n //if (e.target.value === \"(___) ___-____\" || e.target.value === \"\") {\r\n //} else if (PhoneReg.test(e.target.value)) {\r\n // this.setState({ phone_err: \"\" });\r\n // this.setState({ isValid: true });\r\n //} else {\r\n // this.setState({ phone_err: \"Enter valid phone\" });\r\n // this.setState({ isValid: false });\r\n //}\r\n }\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n let nullPrimaryPhone =\r\n this.props.filterState.filterData &&\r\n this.props.filterState.filterData.nullPrimaryPhone\r\n ? this.props.filterState.filterData.nullPrimaryPhone\r\n : null;\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Phone Number \r\n \r\n {label !== \"\" && this.props.isMobile !== true ? (\r\n
{label} \r\n ) : (\r\n
\r\n )}\r\n
\r\n
{this.renderError(meta)}
\r\n
{error} ;\r\n }\r\n }\r\n\r\n onSubmit = (formValues) => {\r\n console.log(formValues);\r\n };\r\n\r\n validateNumber = (value) => {\r\n // value && isNaN(Number(value))\r\n // ? \"Please enter numeric characters only.\"\r\n // : undefined;\r\n };\r\n\r\n render() {\r\n const { handleSubmit, pristine, reset, submitting } = this.props;\r\n\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Facebook \r\n \r\n \r\n this.onChange(item)}\r\n />\r\n\r\n \r\n {item.status}\r\n {`(${item.total})`} \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.isMobile !== true ? (\r\n <>\r\n Wall Calendar \r\n \r\n
\r\n {this.props.filterState.filterData.wallCalendar &&\r\n !_.isEmpty(this.props.filterState.filterData) &&\r\n this.props.filterState.filterData.wallCalendar.map(\r\n (item, index) => this.chechboxes(item, index)\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(WallCalendar);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport _ from \"lodash\";\r\nimport { Spinner } from \"reactstrap\";\r\n\r\nimport actionFilter from \"../../../../store/advancedfilter/action\";\r\nimport Status from \"../../../AdvanceSearch/MemberDetails/Status\";\r\nimport ActiveDatePosition from \"../../../AdvanceSearch/MemberDetails/ActiveDatePosition\";\r\nimport PositionTypes from \"../../../AdvanceSearch/MemberDetails/PositionTypes\";\r\nimport Teams from \"../../../AdvanceSearch/MemberDetails/Teams\";\r\nimport Name from \"../../../AdvanceSearch/MemberDetails/Name\";\r\nimport Type from \"../../../AdvanceSearch/MemberDetails/Type\";\r\nimport Region from \"../../../AdvanceSearch/MemberDetails/Region\";\r\nimport CongressionalDistrict from \"../../../AdvanceSearch/MemberDetails/CongresstionalDistrict\";\r\nimport FinanceDues from \"../../../AdvanceSearch/MemberDetails/Finance\";\r\nimport Number from \"../../../AdvanceSearch/MemberDetails/Number\";\r\nimport ECI from \"../../../AdvanceSearch/MemberDetails/ECI\";\r\nimport Facility from \"../../../AdvanceSearch/MemberDetails/Facility\";\r\nimport Gender from \"../../../AdvanceSearch/MemberDetails/Gender\";\r\nimport DOB from \"../../../AdvanceSearch/MemberDetails/DOB\";\r\nimport ShirtSize from \"../../../AdvanceSearch/MemberDetails/ShirtSize\";\r\nimport PAC from \"../../../AdvanceSearch/MemberDetails/PAC\";\r\nimport DRF from \"../../../AdvanceSearch/MemberDetails/DRF\";\r\nimport FacilityRoutingSymbol from \"../../../AdvanceSearch/MemberDetails/FacilityRoutingSymbol\";\r\nimport OrgCode from \"../../../AdvanceSearch/MemberDetails/OrgCode\";\r\nimport DutyStation from \"../../../AdvanceSearch/MemberDetails/DutyStation\";\r\nimport Unit from \"../../../AdvanceSearch/MemberDetails/Unit\";\r\nimport OccupationSeries from \"../../../AdvanceSearch/MemberDetails/OccupationSeries\";\r\nimport CareerLevel from \"../../../AdvanceSearch/MemberDetails/CareerLevel\";\r\nimport PayGrade from \"../../../AdvanceSearch/MemberDetails/PayGrade\";\r\nimport FLSACategory from \"../../../AdvanceSearch/MemberDetails/FLSACategory\";\r\nimport Communication from \"../../../AdvanceSearch/MemberDetails/Communication\";\r\nimport Address from \"../../../AdvanceSearch/MemberDetails/Address\";\r\nimport Veteran from \"../../../AdvanceSearch/MemberDetails/Veteran\";\r\nimport RetiredMilitary from \"../../../AdvanceSearch/MemberDetails/RetiredMilitary\";\r\nimport HourlySalary from \"../../../AdvanceSearch/MemberDetails/HourlySalary\";\r\nimport AnnualSalary from \"../../../AdvanceSearch/MemberDetails/AnnualSalary\";\r\nimport Email from \"../../../AdvanceSearch/MemberDetails/Email\";\r\nimport PlannedRetirement from \"../../../AdvanceSearch/MemberDetails/PlannedRetirement\";\r\nimport Retirement from \"../../../AdvanceSearch/MemberDetails/Retirement\";\r\nimport SCD from \"../../../AdvanceSearch/MemberDetails/SCD\";\r\nimport EODDate from \"../../../AdvanceSearch/MemberDetails/EODDate\";\r\nimport NATCABUDate from \"../../../AdvanceSearch/MemberDetails/NATCABUDate\";\r\nimport BUDate from \"../../../AdvanceSearch/MemberDetails/BUDate\";\r\nimport UnionStartDate from \"../../../AdvanceSearch/MemberDetails/UnionStartDate\";\r\nimport UnionJoinDate from \"../../../AdvanceSearch/MemberDetails/UnionJoinDate\";\r\nimport TeamPosition from \"../../../AdvanceSearch/MemberDetails/TeamPosition\";\r\nimport Employer from \"../../../AdvanceSearch/MemberDetails/Employer\";\r\nimport \"react-input-range/lib/css/index.css\";\r\nimport Tags from \"../Tags\";\r\nimport TagsActionButtons from \"../TagsButtons\";\r\nimport { TabContent, TabPane, Row, Col } from \"reactstrap\";\r\nimport SelectedFilter from \"../SelectedFilter\";\r\nimport FE_Budgets from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Budgets\";\r\nimport FE_Description from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Description\";\r\nimport FE_Statuses from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Statuses\";\r\nimport FE_Types from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Types\";\r\nimport FE_AdvanceFilter_NewTabs from \"../../../F&E/AdvanceFilter/FE_AdvanceFilter_NewTabs\";\r\nimport FE_BookVals from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_BookVals\";\r\nimport MandatoryRetirement from \"../../MemberDetails/MandatoryRetirement\";\r\nimport Phone from \"../../MemberDetails/Phone\";\r\nimport FacebookId from \"../../../AdvanceSearch/MemberDetails/FacebookId\";\r\nimport WallCalendar from \"../../../AdvanceSearch/MemberDetails/WallCalendar\";\r\n\r\nexport class DeskTopTabContents extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"8\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"9\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"10\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"11\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"15\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"19\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"20\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"21\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"43\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"22\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"23\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"24\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"16\" ? (\r\n \r\n \r\n {!_.isEmpty(this.props.filterState.filterData) && (\r\n \r\n \r\n {!_.isEmpty(this.props.filterState.filterData) && (\r\n \r\n\r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"53\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"25\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"26\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"27\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"28\" ? (\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 {/* ########Member Advance Filter Tabs for Equipment Accordion######### */}\r\n {/* #######################Equipment Module Tabs in Members AF###########################*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*################### Equipment Module Tabs END################################## */}\r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"44\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"54\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"55\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"56\" ? (\r\n \r\n \r\n {this.props.filterState.loadingAdvanceFilter &&\r\n this.props.filterState.currentActiveTab !== \"57\" ? (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n |
\r\n \r\n
\r\n \r\n {/* Tags for advance filter */}\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state) => ({ filterState: state.advancedFilter, formValues: state.form }),\r\n {\r\n ...actionFilter,\r\n }\r\n)(DeskTopTabContents);\r\n","import Teams from \"../../../AdvanceSearch/MemberDetails/Teams\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport actionFilter from \"../../../../store/advancedfilter/action\";\r\nimport Status from \"../../../AdvanceSearch/MemberDetails/Status\";\r\nimport Name from \"../../../AdvanceSearch/MemberDetails/Name\";\r\nimport Type from \"../../../AdvanceSearch/MemberDetails/Type\";\r\nimport Region from \"../../../AdvanceSearch/MemberDetails/Region\";\r\nimport CongressionalDistrict from \"../../../AdvanceSearch/MemberDetails/CongresstionalDistrict\";\r\nimport Number from \"../../../AdvanceSearch/MemberDetails/Number\";\r\nimport ECI from \"../../../AdvanceSearch/MemberDetails/ECI\";\r\nimport Facility from \"../../../AdvanceSearch/MemberDetails/Facility\";\r\nimport Gender from \"../../../AdvanceSearch/MemberDetails/Gender\";\r\nimport Facebook from \"../../../AdvanceSearch/MemberDetails/FacebookId\";\r\nimport DOB from \"../../../AdvanceSearch/MemberDetails/DOB\";\r\nimport PAC from \"../../../AdvanceSearch/MemberDetails/PAC\";\r\nimport DRF from \"../../../AdvanceSearch/MemberDetails/DRF\";\r\nimport FinanceDues from \"../../../AdvanceSearch/MemberDetails/Finance\";\r\nimport ShirtSize from \"../../../AdvanceSearch/MemberDetails/ShirtSize\";\r\nimport FacilityRoutingSymbol from \"../../../AdvanceSearch/MemberDetails/FacilityRoutingSymbol\";\r\nimport OrgCode from \"../../../AdvanceSearch/MemberDetails/OrgCode\";\r\nimport DutyStation from \"../../../AdvanceSearch/MemberDetails/DutyStation\";\r\nimport Unit from \"../../../AdvanceSearch/MemberDetails/Unit\";\r\nimport OccupationSeries from \"../../../AdvanceSearch/MemberDetails/OccupationSeries\";\r\nimport CareerLevel from \"../../../AdvanceSearch/MemberDetails/CareerLevel\";\r\nimport PayGrade from \"../../../AdvanceSearch/MemberDetails/PayGrade\";\r\nimport FLSACategory from \"../../../AdvanceSearch/MemberDetails/FLSACategory\";\r\nimport Communication from \"../../../AdvanceSearch/MemberDetails/Communication\";\r\nimport Address from \"../../../AdvanceSearch/MemberDetails/Address\";\r\nimport Veteran from \"../../../AdvanceSearch/MemberDetails/Veteran\";\r\nimport RetiredMilitary from \"../../../AdvanceSearch/MemberDetails/RetiredMilitary\";\r\nimport HourlySalary from \"../../../AdvanceSearch/MemberDetails/HourlySalary\";\r\nimport AnnualSalary from \"../../../AdvanceSearch/MemberDetails/AnnualSalary\";\r\nimport Email from \"../../../AdvanceSearch/MemberDetails/Email\";\r\nimport Phone from \"../../MemberDetails/Phone\";\r\nimport PlannedRetirement from \"../../../AdvanceSearch/MemberDetails/PlannedRetirement\";\r\nimport Retirement from \"../../../AdvanceSearch/MemberDetails/Retirement\";\r\nimport SCD from \"../../../AdvanceSearch/MemberDetails/SCD\";\r\nimport EODDate from \"../../../AdvanceSearch/MemberDetails/EODDate\";\r\nimport NATCABUDate from \"../../../AdvanceSearch/MemberDetails/NATCABUDate\";\r\nimport BUDate from \"../../../AdvanceSearch/MemberDetails/BUDate\";\r\nimport UnionStartDate from \"../../../AdvanceSearch/MemberDetails/UnionStartDate\";\r\nimport UnionJoinDate from \"../../../AdvanceSearch/MemberDetails/UnionJoinDate\";\r\nimport TeamPosition from \"../../../AdvanceSearch/MemberDetails/TeamPosition\";\r\nimport AuthService from \"../../../../modules/Auth/AuthService\";\r\nimport PermissionFeature from \"../../../../modules/Permissions/PermissionFeature\";\r\nimport PositionTypes from \"../../../AdvanceSearch/MemberDetails/PositionTypes\";\r\nimport ActiveDatePosition from \"../../../AdvanceSearch/MemberDetails/ActiveDatePosition\";\r\nimport \"react-input-range/lib/css/index.css\";\r\nimport { Collapse, CardBody } from \"reactstrap\";\r\nimport _ from \"lodash\";\r\nimport Employer from \"../../MemberDetails/Employer\";\r\nimport FE_AdvanceFilter_NewTabs from \"../../../F&E/AdvanceFilter/FE_AdvanceFilter_NewTabs\";\r\n\r\nimport FE_BookVals from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_BookVals\";\r\nimport FE_Budgets from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Budgets\";\r\nimport FE_Description from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Description\";\r\nimport FE_Statuses from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Statuses\";\r\nimport FE_Types from \"../../../F&E/AdvanceFilter/NavItemsContent/FE_Types\";\r\nimport MandatoryRetirement from \"../../MemberDetails/MandatoryRetirement\";\r\nimport WallCalendar from \"../../../AdvanceSearch/MemberDetails/WallCalendar\";\r\n\r\nexport class MobileSideBar extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.DEBUG = process.env.NODE_ENV === \"development\";\r\n if (this.DEBUG) {\r\n // console.log(\"log permissons\" + JSON.stringify(this.permissions))\r\n }\r\n }\r\n\r\n render() {\r\n const checkWidth = window.innerWidth <= 897;\r\n const isMobile = checkWidth; //this.props.filterState.showMobileSideBar;\r\n return (\r\n \r\n this.props.onParentAccordionClick(\"1\")}\r\n >\r\n ACCOUNT {\" \"}\r\n \r\n \r\n\r\n \r\n \r\n {AuthService.canView(PermissionFeature.MembershipMemberStatus) ? (\r\n \r\n
this.props.onAccordionClick(\"9\")}\r\n >\r\n MEMBER STATUS \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n this.props.onParentAccordionClick(\"2\")}\r\n >\r\n CONTACT {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.ContactEmailAddresses) ? (\r\n \r\n
this.props.onAccordionClick(\"33\")}\r\n >\r\n EMAIL \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.ContactPhones) ? (\r\n \r\n
this.props.onAccordionClick(\"51\")}\r\n >\r\n PHONE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.ContactAddresses) ? (\r\n \r\n
this.props.onAccordionClick(\"26\")}\r\n >\r\n ADDRESS \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.CommunicationAllowFacebook\r\n ) ? (\r\n \r\n
this.props.onAccordionClick(\"52\")}\r\n >\r\n FACEBOOK \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {(AuthService.canView(PermissionFeature.CommunicationAllowEmails) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowPhoneCall\r\n ) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowPostalMail\r\n ) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowTextMessages\r\n ) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowFacebook\r\n )) && (\r\n \r\n
this.props.onAccordionClick(\"25\")}\r\n >\r\n SUBSCRIPTIONS \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n this.props.onParentAccordionClick(\"3\")}\r\n >\r\n DATES {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(PermissionFeature.DatesEntryOnDutyDate) ? (\r\n \r\n
this.props.onAccordionClick(\"36\")}\r\n >\r\n EOD DATE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {(AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(\r\n PermissionFeature.DatesServiceComputationDate\r\n )) && (\r\n \r\n
this.props.onAccordionClick(\"35\")}\r\n >\r\n SCD \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(PermissionFeature.DatesBargainingUnitDate) ? (\r\n \r\n
this.props.onAccordionClick(\"38\")}\r\n >\r\n BU DATE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(\r\n PermissionFeature.DatesNatcaBargainingUnitDate\r\n ) ? (\r\n \r\n
this.props.onAccordionClick(\"37\")}\r\n >\r\n NATCA BU DATE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.DatesJoinedUnionDate) ? (\r\n \r\n
this.props.onAccordionClick(\"39\")}\r\n >\r\n UNION START DATE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.DatesJoinedUnionDate) ? (\r\n \r\n
this.props.onAccordionClick(\"40\")}\r\n >\r\n UNION JOIN DATE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.DatesRetirementDate) ? (\r\n \r\n
this.props.onAccordionClick(\"41\")}\r\n >\r\n RETIREMENT \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.DatesPlannedRetirementDate\r\n ) ? (\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.DatesMandatoryRetirementDate\r\n ) ? (\r\n \r\n\r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n this.props.onParentAccordionClick(\"4\")}\r\n >\r\n FINANCIAL {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.FinancialHourlySalary) ? (\r\n \r\n
this.props.onAccordionClick(\"31\")}\r\n >\r\n HOURLY SALARY \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialYearlySalary) ? (\r\n \r\n
this.props.onAccordionClick(\"32\")}\r\n >\r\n ANNUAL SALARY \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialPacDonation) && (\r\n \r\n
this.props.onAccordionClick(\"17\")}\r\n >\r\n PAC \r\n\r\n \r\n \r\n {!_.isEmpty(this.props.filterState.filterData) && (\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FinancialDrfDonation) && (\r\n \r\n
this.props.onAccordionClick(\"18\")}\r\n >\r\n DRF \r\n\r\n \r\n \r\n {!_.isEmpty(this.props.filterState.filterData) && (\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.Finance) && (\r\n \r\n
this.props.onAccordionClick(\"53\")}\r\n >\r\n Finance Dues \r\n\r\n \r\n \r\n {!_.isEmpty(this.props.filterState.filterData) && (\r\n \r\n \r\n )}\r\n \r\n \r\n this.props.onParentAccordionClick(\"5\")}\r\n >\r\n JOBS {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.Facility) ? (\r\n \r\n
this.props.onAccordionClick(\"8\")}\r\n >\r\n FACILITY \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.FinancialPayGrade) ? (\r\n \r\n
this.props.onAccordionClick(\"23\")}\r\n >\r\n PAY GRADE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialEmployer) ? (\r\n \r\n
this.props.onAccordionClick(\"43\")}\r\n >\r\n EMPLOYER \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialCareerLevel) ? (\r\n \r\n
this.props.onAccordionClick(\"22\")}\r\n >\r\n CAREER LEVEL \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialUnit) ? (\r\n \r\n
this.props.onAccordionClick(\"20\")}\r\n >\r\n UNIT \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.FinancialFacilityAddressRoutingSymbol\r\n ) ? (\r\n \r\n\r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.PersonalInfoFlsaCategory) ? (\r\n \r\n
this.props.onAccordionClick(\"24\")}\r\n >\r\n FLSA CATEGORY \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.FinancialOccupationSeries\r\n ) ? (\r\n \r\n\r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(\r\n PermissionFeature.FinancialOrganizationalCode\r\n ) ? (\r\n \r\n
this.props.onAccordionClick(\"30\")}\r\n >\r\n ORG. CODE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(\r\n PermissionFeature.FinancialDutyStationDescription\r\n ) ? (\r\n \r\n
this.props.onAccordionClick(\"19\")}\r\n >\r\n DUTY STATION \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n this.props.onParentAccordionClick(\"6\")}\r\n >\r\n MEMBERSHIP {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.PersonalInfoMemberNumber) ? (\r\n \r\n
this.props.onAccordionClick(\"12\")}\r\n >\r\n MEMBER NUMBER \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.MembershipMemberType) ? (\r\n \r\n
this.props.onAccordionClick(\"10\")}\r\n >\r\n MEMBER TYPE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n this.props.onParentAccordionClick(\"7\")}\r\n >\r\n PERSONAL INFO {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(\r\n PermissionFeature.PersonalInfoEmployeeCommonId\r\n ) ? (\r\n \r\n\r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoFirstName) ||\r\n AuthService.canView(PermissionFeature.PersonalInfoLastName) ||\r\n AuthService.canView(\r\n PermissionFeature.PersonalInfoPreviousLastName\r\n ) ? (\r\n \r\n
this.props.onAccordionClick(\"14\")}\r\n >\r\n NAME \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.PersonalInfoGender) ? (\r\n \r\n
this.props.onAccordionClick(\"16\")}\r\n >\r\n GENDER \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoShirtSize) ? (\r\n \r\n
this.props.onAccordionClick(\"15\")}\r\n >\r\n SHIRT SIZE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoDateOfBirth) ? (\r\n \r\n
this.props.onAccordionClick(\"4\")}\r\n >\r\n AGE \r\n\r\n \r\n \r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.PersonalInfoRetiredMilitaryController\r\n ) && (\r\n \r\n\r\n \r\n \r\n \r\n )}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoVetStatus) && (\r\n \r\n
this.props.onAccordionClick(\"27\")}\r\n >\r\n VETERAN \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n this.props.onParentAccordionClick(\"8\")}\r\n >\r\n POSITIONS {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.Teams) && (\r\n \r\n
this.props.onAccordionClick(\"54\")}\r\n >\r\n TEAMS \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.MembersPositions) && (\r\n \r\n
this.props.onAccordionClick(\"42\")}\r\n >\r\n POSITION NAME \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.MembersPositions) && (\r\n \r\n
this.props.onAccordionClick(\"55\")}\r\n >\r\n ACTIVE DATES \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.MembersPositions) && (\r\n \r\n
this.props.onAccordionClick(\"44\")}\r\n >\r\n POSITION TYPE \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n {/* Starting FE Module Changes */}\r\n this.props.onParentAccordionClick(\"9\")}\r\n >\r\n EQUIPMENT {\" \"}\r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.FEAccountingStatus) && (\r\n \r\n
\r\n this.props.onAccordionClick(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_STATUS\r\n )\r\n }\r\n >\r\n STATUS \r\n\r\n \r\n \r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FEAccountingBudgetID) && (\r\n \r\n
\r\n this.props.onAccordionClick(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_BUDGETLINES\r\n )\r\n }\r\n >\r\n BUDGET LINE \r\n\r\n \r\n \r\n \r\n
\r\n this.props.onAccordionClick(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_BOOKVAL\r\n )\r\n }\r\n >\r\n BOOK VALUE \r\n\r\n \r\n \r\n \r\n
\r\n this.props.onAccordionClick(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_TYPE\r\n )\r\n }\r\n >\r\n TYPE \r\n\r\n \r\n \r\n \r\n
\r\n this.props.onAccordionClick(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_DESC\r\n )\r\n }\r\n >\r\n DESCRIPTION \r\n\r\n \r\n \r\n this.props.onParentAccordionClick(\"10\")}\r\n >\r\n CONGRESSIONAL {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n
this.props.onAccordionClick(\"56\")}\r\n >\r\n DISTRICT \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n this.props.onParentAccordionClick(\"11\")}\r\n >\r\n WALL CALENDAR {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n
this.props.onAccordionClick(\"57\")}\r\n >\r\n WALL CALENDAR \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((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(MobileSideBar);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport classnames from \"classnames\";\r\nimport actionFilter from \"../../../../store/advancedfilter/action\";\r\nimport AuthService from \"../../../../modules/Auth/AuthService\";\r\nimport PermissionFeature from \"../../../../modules/Permissions/PermissionFeature\";\r\n\r\nimport { Nav, NavItem, NavLink, Col, Collapse, CardBody } from \"reactstrap\";\r\nimport FE_AdvanceFilter_NewTabs from \"../../../F&E/AdvanceFilter/FE_AdvanceFilter_NewTabs\";\r\n\r\nexport class DeskTopSideBar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.DEBUG = process.env.NODE_ENV === \"development\";\r\n }\r\n\r\n memberDetailsSection() {\r\n return (\r\n <>\r\n this.props.onAccordionClick(\"1\")}\r\n >\r\n ACCOUNT \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.MembershipMemberStatus) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"9\");\r\n }}\r\n >\r\n MEMBER STATUS\r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n this.props.onAccordionClick(\"2\")}\r\n >\r\n CONTACT \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.ContactEmailAddresses) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"33\");\r\n }}\r\n >\r\n EMAIL\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.ContactEmailAddresses) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"51\");\r\n }}\r\n >\r\n PHONE\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.ContactAddresses) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"26\");\r\n }}\r\n >\r\n ADDRESS\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.CommunicationAllowFacebook\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"52\");\r\n }}\r\n >\r\n FACEBOOK\r\n \r\n \r\n ) : null}\r\n\r\n {(AuthService.canView(PermissionFeature.CommunicationAllowEmails) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowPhoneCall\r\n ) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowPostalMail\r\n ) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowTextMessages\r\n ) ||\r\n AuthService.canView(\r\n PermissionFeature.CommunicationAllowFacebook\r\n )) && (\r\n \r\n {\r\n this.props.setActiveTab(\"25\");\r\n }}\r\n >\r\n SUBSCRIPTIONS\r\n \r\n \r\n )}\r\n \r\n \r\n this.props.onAccordionClick(\"3\")}\r\n >\r\n DATES \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(PermissionFeature.DatesEntryOnDutyDate) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"36\");\r\n }}\r\n >\r\n EOD DATE\r\n \r\n \r\n ) : null}\r\n {(AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(\r\n PermissionFeature.DatesServiceComputationDate\r\n )) && (\r\n \r\n {\r\n this.props.setActiveTab(\"35\");\r\n }}\r\n >\r\n SCD\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(PermissionFeature.DatesBargainingUnitDate) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"38\");\r\n }}\r\n >\r\n BU DATE\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FacilityMemberSeniority) ||\r\n AuthService.canView(\r\n PermissionFeature.DatesNatcaBargainingUnitDate\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"37\");\r\n }}\r\n >\r\n NATCA BU DATE\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.DatesJoinedUnionDate) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"39\");\r\n }}\r\n >\r\n UNION START DATE\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.DatesJoinedUnionDate) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"40\");\r\n }}\r\n >\r\n UNION JOIN DATE\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.DatesPlannedRetirementDate\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"34\");\r\n }}\r\n >\r\n PLANNED RETIREMENT\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.DatesMandatoryRetirementDate\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"50\");\r\n }}\r\n >\r\n MANDATORY RETIREMENT\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.DatesRetirementDate) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"41\");\r\n }}\r\n >\r\n RETIREMENT\r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n this.props.onAccordionClick(\"4\")}\r\n >\r\n FINANCIAL \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.FinancialHourlySalary) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"31\");\r\n }}\r\n >\r\n HOURLY SALARY\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.FinancialYearlySalary) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"32\");\r\n }}\r\n >\r\n ANNUAL SALARY\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialPacDonation) && (\r\n \r\n {\r\n this.props.setActiveTab(\"17\");\r\n }}\r\n >\r\n PAC\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FinancialDrfDonation) && (\r\n \r\n {\r\n this.props.setActiveTab(\"18\");\r\n }}\r\n >\r\n DRF\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.Finance) && (\r\n \r\n {\r\n this.props.setActiveTab(\"53\");\r\n }}\r\n >\r\n DUES\r\n \r\n \r\n )}\r\n \r\n \r\n this.props.onAccordionClick(\"5\")}\r\n >\r\n JOBS \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.Region) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"11\");\r\n }}\r\n >\r\n REGION\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.Facility) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"8\");\r\n }}\r\n >\r\n FACILITY\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialPayGrade) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"23\");\r\n }}\r\n >\r\n PAY GRADE\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.FinancialEmployer) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"43\");\r\n }}\r\n >\r\n EMPLOYER\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FinancialCareerLevel) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"22\");\r\n }}\r\n >\r\n CAREER LEVEL\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.FinancialUnit) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"20\");\r\n }}\r\n >\r\n UNIT\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(\r\n PermissionFeature.FinancialFacilityAddressRoutingSymbol\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"29\");\r\n }}\r\n >\r\n FACILITY ROUTING SYMBOL\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.PersonalInfoFlsaCategory) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"24\");\r\n }}\r\n >\r\n FLSA CATEGORY\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(\r\n PermissionFeature.FinancialOccupationSeries\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"21\");\r\n }}\r\n >\r\n OCCUPATION SERIES\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(\r\n PermissionFeature.FinancialOrganizationalCode\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"30\");\r\n }}\r\n >\r\n ORG. CODE\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(\r\n PermissionFeature.FinancialDutyStationDescription\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"19\");\r\n }}\r\n >\r\n DUTY STATION\r\n \r\n \r\n ) : null}\r\n \r\n \r\n\r\n this.props.onAccordionClick(\"6\")}\r\n >\r\n MEMBERSHIP \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.PersonalInfoMemberNumber) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"12\");\r\n }}\r\n >\r\n MEMBER NUMBER\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.MembershipMemberType) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"10\");\r\n }}\r\n >\r\n MEMBER TYPE\r\n \r\n \r\n ) : null}\r\n \r\n \r\n this.props.onAccordionClick(\"7\")}\r\n >\r\n PERSONAL INFO \r\n \r\n \r\n \r\n \r\n {AuthService.canView(\r\n PermissionFeature.PersonalInfoEmployeeCommonId\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"7\");\r\n }}\r\n >\r\n EMPLOYEE COMMON ID\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoFirstName) ||\r\n AuthService.canView(PermissionFeature.PersonalInfoLastName) ||\r\n AuthService.canView(\r\n PermissionFeature.PersonalInfoPreviousLastName\r\n ) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"14\");\r\n }}\r\n >\r\n NAME\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoGender) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"16\");\r\n }}\r\n >\r\n GENDER\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoShirtSize) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"15\");\r\n }}\r\n >\r\n SHIRT SIZE\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoDateOfBirth) ? (\r\n \r\n {\r\n this.props.setActiveTab(\"4\");\r\n }}\r\n >\r\n AGE\r\n \r\n \r\n ) : null}\r\n\r\n {AuthService.canView(PermissionFeature.PersonalInfoVetStatus) && (\r\n \r\n {\r\n this.props.setActiveTab(\"27\");\r\n }}\r\n >\r\n VETERAN\r\n \r\n \r\n )}\r\n {AuthService.canView(\r\n PermissionFeature.PersonalInfoRetiredMilitaryController\r\n ) && (\r\n \r\n {\r\n this.props.setActiveTab(\"28\");\r\n }}\r\n >\r\n RETIRED MILLITARY\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n render() {\r\n const { isEditFilterModal } = this.props;\r\n return (\r\n \r\n {AuthService.canView(PermissionFeature.Directory) &&\r\n AuthService.canView(PermissionFeature.Member)\r\n ? this.memberDetailsSection()\r\n : null}\r\n this.props.onAccordionClick(\"8\")}\r\n >\r\n POSITIONS \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.Teams) && (\r\n \r\n {\r\n this.props.setActiveTab(\"54\");\r\n }}\r\n >\r\n TEAMS\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.MembersPositions) && (\r\n \r\n {\r\n this.props.setActiveTab(\"42\");\r\n }}\r\n >\r\n POSITION NAME\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.MembersPositions) && (\r\n \r\n {\r\n this.props.setActiveTab(\"55\");\r\n }}\r\n >\r\n ACTIVE DATES\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.MembersPositions) && (\r\n \r\n {\r\n this.props.setActiveTab(\"44\");\r\n }}\r\n >\r\n POSITION TYPE\r\n \r\n \r\n )}\r\n \r\n \r\n {/* FE Module Work Started Here */}\r\n {AuthService.canView(PermissionFeature.FEAdmin) && (\r\n <>\r\n this.props.onAccordionClick(\"9\")}\r\n >\r\n EQUIPMENT \r\n \r\n \r\n \r\n \r\n {AuthService.canView(PermissionFeature.FEAccountingStatus) && (\r\n \r\n {\r\n this.props.setActiveTab(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_STATUS\r\n );\r\n }}\r\n >\r\n STATUS\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FEAccountingBudgetID) ? (\r\n \r\n {\r\n this.props.setActiveTab(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_BUDGETLINES\r\n );\r\n }}\r\n >\r\n BUDGET LINE\r\n \r\n \r\n ) : null}\r\n {AuthService.canView(PermissionFeature.FEAccountingCost) && (\r\n \r\n {\r\n this.props.setActiveTab(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_BOOKVAL\r\n );\r\n }}\r\n >\r\n BOOK VALUE\r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.FEAccountingType) && (\r\n \r\n {\r\n this.props.setActiveTab(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_TYPE\r\n );\r\n }}\r\n >\r\n TYPE\r\n \r\n \r\n )}\r\n {AuthService.canView(\r\n PermissionFeature.FEAccountingDescription\r\n ) && (\r\n \r\n {\r\n this.props.setActiveTab(\r\n FE_AdvanceFilter_NewTabs.MEM_AF_INV_DESC\r\n );\r\n }}\r\n >\r\n DESCRIPTION\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n this.props.onAccordionClick(\"10\")}\r\n >\r\n CONGRESSIONAL \r\n \r\n \r\n\r\n \r\n \r\n \r\n {\r\n this.props.setActiveTab(\"56\");\r\n }}\r\n >\r\n DISTRICT\r\n \r\n \r\n \r\n \r\n {\r\n this.props.setActiveTab(\"57\");\r\n }}\r\n >\r\n \r\n WALL CALENDAR\r\n \r\n \r\n {/* this.props.onAccordionClick(\"3\")}\r\n >\r\n TRAINING \r\n \r\n \r\n \r\n \r\n \r\n ADDRESS \r\n \r\n \r\n CAREER LEVEL \r\n \r\n \r\n \r\n this.props.onAccordionClick(\"4\")}\r\n >\r\n FINANCES {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n ADDRESS \r\n \r\n \r\n CAREER LEVEL \r\n \r\n \r\n */}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ filterState: state.advancedFilter }), {\r\n ...actionFilter,\r\n})(DeskTopSideBar);\r\n","const FilterEmailConfigTabs = Object.freeze({\r\n Members: \"member\",\r\n Filter: \"filter\",\r\n EmailList: \"emailList\",\r\n Settings: \"settings\",\r\n});\r\nexport default FilterEmailConfigTabs;\r\n","const RemoveActionType = Object.freeze({\r\n Delete: 1,\r\n UnSubscribe: 2,\r\n ReSubscribe: 3,\r\n Block: 4,\r\n UnBlock: 5,\r\n});\r\nexport default RemoveActionType;\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport $ from \"jquery\";\r\nimport AuthService from \"../../modules/Auth/AuthService\";\r\nimport PermissionFeature from \"../../modules/Permissions/PermissionFeature\";\r\nimport _ from \"lodash\";\r\nimport RemoveActionType from \"../../modules/Email/Enums/RemoveActionType\";\r\n\r\nexport default {\r\n /// API for Getting Scope based Email lists for **Email-Dashboard's** All Email List screen\r\n GetEmailList: async () => {\r\n let url = `/api/Email/EmailList`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n /// API for Getting All (without Scope based) Email lists for **Email-Dashboard's** All Email List screen\r\n GetAdminEmailList: async () => {\r\n let url = `/api/Email/GetAdminEmailList`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n\r\n // Fetches all the logged in user Emails for**Email-Dashboard's** My List screen\r\n GetMyAllEmailList: async (id) => {\r\n let url = `/api/Email/GetMyAllEmailList`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n LoadTeams: async () => {\r\n let url = `/api/Email/AuthorizedSenderTeams`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n //Used for Both Default and Additional Members\r\n RemoveAddlRecipient: async (requestBody) => {\r\n $(\".loading\").show();\r\n let url = `/api/MailGun/DeleteAdditionalRecipient`;\r\n var { data } = await axios\r\n .delete(url, { data: requestBody })\r\n .catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.statusCode == 200 && data.status.toLowerCase() == \"success\") {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(\"Something went Wrong!\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n ResubscribeUnBlockRecipient: async (\r\n removeActionType,\r\n memberEmailAddress,\r\n listAddress,\r\n messageBody\r\n ) => {\r\n $(\".loading\").show();\r\n // const { resubscribeEmail, removeActionType } = self.state;\r\n let url = \"\";\r\n if (removeActionType == RemoveActionType.UnBlock) {\r\n url = `/api/MailGun/UnBlockMember?mailAddress=${listAddress}&email=${memberEmailAddress}`;\r\n } else {\r\n url = `/api/MailGun/ResubscribeMember?mailAddress=${listAddress}&email=${memberEmailAddress}`;\r\n }\r\n var { data } = await axios.put(url, messageBody).catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.status.toLowerCase() == \"success\") {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(\"Something went Wrong!\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n ResubscribeUnBlockTeamRecipient: async (apiParams) => {\r\n $(\".loading\").show();\r\n let url = \"\";\r\n if (apiParams.removeActionType == RemoveActionType.UnBlock) {\r\n url = `/api/MailGun/UnBlockTeam`;\r\n } else if (apiParams.removeActionType == RemoveActionType.ReSubscribe) {\r\n url = `/api/MailGun/ResubscribeTeam`;\r\n }\r\n var { data } = await axios.put(url, apiParams).catch((ex) => {\r\n toast.error(\"Something went wrong!\");\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.status.toLowerCase() == \"success\") {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(\"Something went Wrong!\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n DeleteSharedSearch: async (params) => {\r\n $(\".loading\").show();\r\n let { data } = await axios\r\n .post(`/api/SavedSearch/DeleteSharedSearch/`, params)\r\n .catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.status === \"success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n SaveSharedSearchMembers: async (params) => {\r\n const body = params.membersList;\r\n let { data } = await axios\r\n .post(\r\n `/api/SavedSearch/SaveSharedSearch?searchId=${params.searchId}`,\r\n body\r\n )\r\n .catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.status === \"success\") {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n },\r\n MapColumnsWithSearch: async (params) => {\r\n let { data } = await axios\r\n .post(\r\n `/api/SavedSearch/MapcolumnsWithSearch?savedSearchId=${params.searchId}&memberId=${params.memberId}&searchName=${params.search_name}`,\r\n params.selectedColumns\r\n )\r\n .catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.status === \"success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetSearchColumns: async (searchId, memberId, searchType) => {\r\n const url = `/api/SavedSearch/GetColumns/`;\r\n const body = {\r\n SearchId: searchId,\r\n MemberId: memberId,\r\n SearchType: searchType,\r\n };\r\n try {\r\n const response = await axios.post(url, body);\r\n const { status, data = {} } = response;\r\n\r\n ///debugger;\r\n if (data.status === \"success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n if (error) {\r\n if (error.status === 400) {\r\n // Handle the 400 Bad Request error here\r\n console.error(\"400 Bad Request:\", error.data);\r\n toast.error(error.data);\r\n return null;\r\n } else {\r\n // Handle other response errors here\r\n console.error(\"Response Error:\", error.status, error.data);\r\n toast.error(error.data);\r\n return null;\r\n }\r\n } else {\r\n console.error(\"Network Error or Other Error:\", error.message);\r\n return null;\r\n }\r\n }\r\n },\r\n\r\n RemoveAuthSender: async (id, emailListType) => {\r\n $(\".loading\").show();\r\n let url = `/api/Email/DeleteAuthorizedSender/${id}?emailListType=${emailListType}`;\r\n var { data } = await axios.delete(url).catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(\"Something went Wrong!\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n updateSubscriberList: async (params) => {\r\n let url = `/api/MailGun/GetListMembersPage`;\r\n if (!_.isEmpty(params.mgListAddress)) {\r\n return await axios\r\n .post(url, {\r\n listAddress: params.mgListAddress,\r\n subscriberType: params.subscribersTablesTypes,\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n });\r\n } else {\r\n console.log(\"params.mgListAddress is empty\");\r\n return Promise.resolve({\r\n data: {\r\n message: \"params.mgListAddress is empty\",\r\n success: false,\r\n },\r\n });\r\n }\r\n },\r\n getAdditionalSubsribersEmailAddresses: async (params) => {\r\n let url = `/api/MailGun/GetAdditionalSubsribersEmailAddresses`;\r\n\r\n return await axios\r\n .post(url, {\r\n listAddress: params.mgListAddress,\r\n subscriberType: params.subscribersTablesTypes,\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n });\r\n },\r\n updateUnsubscriberList: (params) => {\r\n let url = `/api/MailGun/GetListMembersPage`;\r\n return axios\r\n .post(url, {\r\n listAddress: params.mgListAddress,\r\n subscriberType: params.unSubscribersTablesTypes,\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n });\r\n },\r\n DeleteFRTEmailList: async (id) => {\r\n $(\".loading\").show();\r\n let url = `/api/FacilityRegionEmail/DeleteEmailList?emailListId=${id}`;\r\n return await axios.delete(url).catch((ex) => {\r\n console.log(ex);\r\n toast.error(\"Something went wrong!\");\r\n $(\".loading\").hide();\r\n });\r\n },\r\n //Deletes the MyNatca List from the System for Saved Searches.\r\n DeleteSSEmailList: async (id, deleteFilter = false) => {\r\n $(\".loading\").show();\r\n let url = `/api/SavedSearchEmailList/DeleteEmailList?emailListId=${id}&deleteFilter=${deleteFilter}`;\r\n return await axios.delete(url).catch((ex) => {\r\n console.log(ex);\r\n toast.error(\"Something went wrong!\");\r\n $(\".loading\").hide();\r\n });\r\n },\r\n GetEmailPriviliges: async () => {\r\n let url = `/api/SavedSearchEmailList/GetEmailPriviliges`;\r\n return await axios.get(url);\r\n },\r\n GetDomainName: async () => {\r\n let url = `/api/SavedSearchEmailList/GetDomainName`;\r\n return await axios.get(url);\r\n },\r\n GetSavedSearchDetail: async (id) => {\r\n let url = `/api/SavedSearchEmailList/GetSavedSearchDetail?savedSearchId=${id}`;\r\n return await axios.get(url);\r\n },\r\n GetMailingListMemberCount: async (address) => {\r\n let url = `/api/MailGun/GetMailingListTotalCount?mailListAddress=${address}`;\r\n return await axios.get(url);\r\n },\r\n GetRegistrantsEmailList: async (id) => {\r\n let url = `/api/SavedSearchEmailList/GetRegistrantsEmailList?registrationId=${id}`;\r\n return await axios.get(url);\r\n },\r\n canView: () => {\r\n return (\r\n AuthService.canView(PermissionFeature.EmailListsLists) ||\r\n AuthService.canView(PermissionFeature.EmailListAdmin)\r\n );\r\n },\r\n canAdd: () => {\r\n return (\r\n AuthService.canAdd(PermissionFeature.EmailListsLists) ||\r\n AuthService.canAdd(PermissionFeature.EmailListAdmin)\r\n );\r\n },\r\n canUpdate: () => {\r\n return (\r\n AuthService.canUpdate(PermissionFeature.EmailListsLists) ||\r\n AuthService.canUpdate(PermissionFeature.EmailListAdmin)\r\n );\r\n },\r\n canDeleteEmailList: () => {\r\n return (\r\n AuthService.canDelete(PermissionFeature.EmailListsLists) ||\r\n AuthService.canDelete(PermissionFeature.EmailListAdmin)\r\n );\r\n },\r\n isEmailListAdmin: () => {\r\n return AuthService.canView(PermissionFeature.EmailListAdmin);\r\n },\r\n shouldHideActionIcons: () => {\r\n let view =\r\n AuthService.canView(PermissionFeature.EmailListsLists) ||\r\n AuthService.canView(PermissionFeature.EmailListAdmin);\r\n let update =\r\n AuthService.canUpdate(PermissionFeature.EmailListsLists) ||\r\n AuthService.canUpdate(PermissionFeature.EmailListAdmin);\r\n let result = false;\r\n\r\n //console.log(\"update\", update);\r\n //console.log(\"view\", view);\r\n if (view && !update) {\r\n // Just View Permission,has not update permission.\r\n result = false; // Hide the Action Icons for prohibiting the user to trigger any save changes.\r\n } else {\r\n result = true;\r\n }\r\n //console.log(\"hide icon\", result);\r\n return result;\r\n },\r\n sendSupportEmailListRequest: (params) => {\r\n let url = `/api/MailGun/SendSupportEmailListRequest`;\r\n return axios\r\n .post(url, null, {\r\n params: {\r\n filterName: params.filterName,\r\n },\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n });\r\n },\r\n createFacilityEmail: async (params) => {\r\n let {\r\n facilityId,\r\n emailAlias,\r\n entityType,\r\n replyPreference,\r\n selectedPrivilige,\r\n mailingListName,\r\n emailAuthorizedSenders = [],\r\n } = params;\r\n if (facilityId > 0) {\r\n $(\".loading\").show();\r\n let url = `/api/FacilityRegionEmail/CreateEntityEmail?emailAlias=${emailAlias}&entityId=${facilityId}&entityType=${entityType}&replyPref=${replyPreference}&mailingListName=${mailingListName}&selectedPrivilige=${selectedPrivilige}`;\r\n var { data } = await axios\r\n .post(url, emailAuthorizedSenders)\r\n .catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n ///debugger;\r\n if (data && data.status.toLowerCase() === \"success\") {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n return null;\r\n }\r\n }\r\n },\r\n // deleteFilter: (searchId, searchType, memberId, _this) => {\r\n // let deleteUrl =\r\n // \"/api/SavedSearch/DeleteSearch?savedSearchId=\" +\r\n // searchId +\r\n // \"&searchType=\" +\r\n // searchType +\r\n // \"&memberId=\" +\r\n // memberId;\r\n // $(\".loading\").show();\r\n // axios.delete(deleteUrl).then(({ data }) => {\r\n // if (data.status) {\r\n // if (data.status.toLowerCase() === \"success\") {\r\n // toast.success(data.message);\r\n // _this.refreshState();\r\n // _this.props.resetSavedSearch();\r\n // } else {\r\n // toast.error(data.message);\r\n // }\r\n // } else {\r\n // toast.error(\"Search cannot be deleted.\");\r\n // }\r\n // });\r\n // $(\".loading\").hide();\r\n // },\r\n //******************Removes both Filter and Email List(If Exists)*********************//\r\n // deleteFilterAPI: (searchId, searchType, memberId) => {\r\n // let deleteUrl =\r\n // \"/api/SavedSearch/DeleteSearch?savedSearchId=\" +\r\n // searchId +\r\n // \"&searchType=\" +\r\n // searchType +\r\n // \"&memberId=\" +\r\n // memberId;\r\n // $(\".loading\").show();\r\n // return axios.delete(deleteUrl).then(({ data }) => {\r\n // if (data.status) {\r\n // if (data.status.toLowerCase() === \"success\") {\r\n // ///toast.success(data.message);\r\n // $(\".loading\").hide();\r\n // return { data: data };\r\n // } else {\r\n // toast.error(data.message);\r\n // $(\".loading\").hide();\r\n // return null;\r\n // }\r\n // } else {\r\n // toast.error(\"Search cannot be deleted.\");\r\n // $(\".loading\").hide();\r\n // return null;\r\n // }\r\n // });\r\n // },\r\n getFRTEmailDetails: async (entityId, mailGunEmailType) => {\r\n if (entityId > 0) {\r\n let url = `/api/FacilityRegionEmail/EntityEmailExists?entityId=${entityId}&entityType=${mailGunEmailType}`;\r\n var response = await axios.get(url).catch((ex) => {\r\n console.log(ex);\r\n });\r\n\r\n if (response.data.status.toLowerCase() == \"success\") {\r\n return response.data;\r\n } else {\r\n toast.warn(response.data.message || \"Error\");\r\n return null;\r\n }\r\n }\r\n },\r\n\r\n ///Thinking about using it in redux actions\r\n // SaveAuthSenders: () => {\r\n // this.showSpinner();\r\n // let id =\r\n // this.props.isTeam == true ? this.props.TeamId : this.props.FacilityId;\r\n\r\n // let authSenders = [\r\n // ...this.props.melstate.authorizedSendersMembers,\r\n // ...this.props.melstate.authorizedSendersTeams,\r\n // ];\r\n\r\n // let emailListAdditionalRecpts = [\r\n // ...this.props.melstate.additionalRecipientsMembers,\r\n // ...this.props.melstate.additionalRecipientsTeams,\r\n // ];\r\n\r\n // let emailConfigData = {\r\n // authSenders,\r\n // emailListAdditionalRecpts,\r\n // };\r\n\r\n // if (this.state.emailAlias === this.state.emailAliasOld) {\r\n // let url = `/api/FacilityRegionEmail/UpdateEmailPrivilege?id=${id}&accessLevel=${this.state.selectedPrivilige}&reply_preference=${this.state.reply_preference}&name=${this.state.name}`;\r\n // axios.post(url, emailConfigData).then(({ data }) => {\r\n // if (data.status && data.status.toLowerCase() == \"success\") {\r\n // this.hideSpinner();\r\n // toast.success(data.message);\r\n // } else {\r\n // this.hideSpinner();\r\n // toast.error(data.message);\r\n // }\r\n // });\r\n // } else {\r\n // let url = `/api/FacilityRegionEmail/RecreateEmail?id=${id}&emailAlias=${this.state.emailAlias}&accessLevel=${this.state.selectedPrivilige}&reply_preference=${this.state.reply_preference}`;\r\n // axios.post(url).then(({ data }) => {\r\n // if (data.status && data.status.toLowerCase() == \"success\") {\r\n // this.hideSpinner();\r\n // toast.success(data.message);\r\n // this.setState({ emailAliasOld: this.state.emailAlias });\r\n // } else {\r\n // this.hideSpinner();\r\n // toast.error(data.message);\r\n // }\r\n // });\r\n // }\r\n // },\r\n};\r\n","const ConfigDataType = Object.freeze({\r\n Member: 1, ///Additional Member\r\n Team: 2,\r\n All: 3,\r\n NonNatca: 4,\r\n DefaultMember: 5,\r\n});\r\nexport default ConfigDataType;\r\n","const MailingListMembersTables = Object.freeze({\r\n DefaultSubscribers: 1,\r\n DefaultUnSubscribers: 2,\r\n AdditionalMemberRecipients: 3,\r\n AdditionalTeamRecipients: 4,\r\n AdditionalNonNatcaRecipients: 5,\r\n NonNatcaUnSubscribers: 6,\r\n AdditionalTeamUnSubscribers: 7,\r\n});\r\nexport default MailingListMembersTables;\r\n// public enum SubscribersTabTables\r\n// {\r\n// DefaultSubscribers = 1,\r\n// DefaultUnSubscribers,\r\n// AdditionalMemberRecipients,\r\n// AdditionalTeamRecipients,\r\n// AdditionalNonNatcaRecipients,\r\n// NonNatcaUnSubscribers,\r\n// AdditionalTeamUnSubscribers\r\n// }\r\n","const AddRecptType = Object.freeze({\r\n Member: 1,\r\n Team: 2,\r\n NonNatca: 3,\r\n All: 4,\r\n DefaultMember: 5,\r\n});\r\nexport default AddRecptType;\r\n","const EmailConfigTabs = Object.freeze({\r\n Subscribers: \"subscribers\",\r\n Unsubscribed: \"unsubscribed\",\r\n Settings: \"settings\",\r\n});\r\nexport default EmailConfigTabs;\r\n","const MailGunEmailTypes = Object.freeze({\r\n Area: 1,\r\n Facility: 2,\r\n Region: 3,\r\n Team: 4,\r\n Member: 5, // Save Search\r\n Registrants: 6, //For Registrations Module Registration\r\n FilterUpdateSubscribers: 7, //Used for Filter Updates Subscribers in SP Response\r\n});\r\nexport default MailGunEmailTypes;\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport $ from \"jquery\";\r\nimport EmailListService from \"../../modules/Email/EmailListService\";\r\nimport ConfigDataType from \"../../modules/Email/Enums/ConfigDataType\";\r\nimport MailingListMembersTables from \"../../modules/Email/Enums/MailingListMembersTables\";\r\nimport AddRecptType from \"../../modules/Email/Enums/AddRecptType\";\r\nimport EmailConfigTabs from \"../../modules/Email/Enums/EmailConfigTabs\";\r\nimport MailGunEmailTypes from \"../../modules/Email/Enums/MailGunEmailTypes\";\r\nconst actions = {\r\n //ActionNameConsts\r\n SET_AUTH_SEND_LOADING: \"SET_AUTH_SEND_LOADING\",\r\n RESET_AUTHORIZED_SENDERS_DATA: \"RESET_AUTHORIZED_SENDERS_DATA\",\r\n SET_AUTHORIZED_SENDERS_DATA: \"SET_AUTHORIZED_SENDERS_DATA\",\r\n SET_AUTH_SEND_TOTAL_DATA_COUNT: \"SET_AUTH_SEND_TOTAL_DATA_COUNT\",\r\n SET_AUTH_SEND_PAGINATION_INFO: \"SET_AUTH_SEND_PAGINATION_INFO\",\r\n\r\n SET_SELECTED_AUTH_SENDER: \"SET_SELECTED_AUTH_SENDER\",\r\n REMOVE_SELECTED_ENTITY: \"REMOVE_SELECTED_ENTITY\",\r\n TOGGLE_SELECT_AUTH_SENDERS_MODAL: \"TOGGLE_SELECT_AUTH_SENDERS_MODAL\",\r\n SET_MG_LIST_FULL_ADDRESS: \"SET_MG_LIST_FULL_ADDRESS\",\r\n SET_MG_LIST_ALIAS: \"SET_MG_LIST_ALIAS\",\r\n SET_MG_LIST_DOMAIN: \"SET_MG_LIST_DOMAIN\",\r\n //SET_MG_POST_LIST_DOMAIN: \"SET_MG_POST_LIST_DOMAIN\",\r\n SET_MG_LIST_DETAILS: \"SET_MG_LIST_DETAILS\",\r\n RESET_MG_LIST_DETAILS: \"RESET_MG_LIST_DETAILS\",\r\n SET_PRIVILEGE: \"SET_PRIVILEGE\",\r\n SET_COPY_TO_SENDER: \"SET_COPY_TO_SENDER\",\r\n SET_REPLY_PREF: \"SET_REPLY_PREF\",\r\n SET_LIST_NAME: \"SET_LIST_NAME\",\r\n ADD_MULTIPLE_AUTH_SENDERS: \"ADD_MULTIPLE_AUTH_SENDERS\",\r\n SELECT_AUTH_SENDER_MEMBER: \"SELECT_AUTH_SENDER_MEMBER\",\r\n DESELECT_SELECTED_POPUP_ENTITY: \"DESELECT_SELECTED_POPUP_ENTITY\",\r\n SELECT_POPUP_TEAM: \"SELECT_POPUP_TEAM\",\r\n DESELECT_POPUP_TEAM: \"DESELECT_POPUP_TEAM\",\r\n REMOVE_STAND_BY_AUTH_SENDERS: \"REMOVE_STAND_BY_AUTH_SENDERS\",\r\n SET_EMAIL_LIST_NAME: \"SET_EMAIL_LIST_NAME\",\r\n SET_ADD_RECPT_DATA: \"SET_ADD_RECPT_DATA\",\r\n RESET_EMAIL_CONFIG_DETAILS: \"RESET_EMAIL_CONFIG_DETAILS\",\r\n //##Additional Recipients Work##//\r\n\r\n TOGGLE_SELECT_ADD_RECPT_MODAL: \"TOGGLE_SELECT_ADD_RECPT_MODAL\",\r\n SET_EMAIL_CONFIG_TAB: \"SET_EMAIL_CONFIG_TAB\",\r\n SET_FILTER_CONFIG_TAB: \"SET_FILTER_CONFIG_TAB\",\r\n ADD_NON_NATCA: \"ADD_NON_NATCA\",\r\n SET_ADDTL_SUBS_LOADING: \"SET_ADDTL_SUBS_LOADING\",\r\n REMOVE_ADDL_SUBS: \"REMOVE_ADDL_SUBS\",\r\n SET_SAVED_SEARCH_DDL_OBJ: \"SET_SAVED_SEARCH_DDL_OBJ\",\r\n ////#Non Natca Work//////////////////\r\n SET_NON_NATCA: \"SET_NON_NATCA\",\r\n RESET_NON_NATCA_UI: \"RESET_NON_NATCA_UI\",\r\n REMOVE_NON_NATCA: \"REMOVE_NON_NATCA\",\r\n SET_ADDTL_MEM_EMAILS: \"SET_ADDTL_MEM_EMAILS\",\r\n\r\n // Default Members Work\r\n SET_DEFAULT_RECPT_DATA: \"SET_DEFAULT_RECPT_DATA\",\r\n SET_ALL_DEFAULT_RECPT_DATA: \"SET_ALL_DEFAULT_RECPT_DATA\",\r\n\r\n SET_IS_EMAIL_LIST_EXISTS: \"SET_IS_EMAIL_LIST_EXISTS\",\r\n UPDATE_SUB_BLOCK_FLG: \"UPDATE_SUB_BLOCK_FLG\",\r\n SET_DEF_SUBS_LOADING: \"SET_DEF_SUBS_LOADING\",\r\n REMOVE_DEFAULT_RECIPIENT: \"REMOVE_DEFAULT_RECIPIENT\",\r\n /////////////////////////////////////\r\n //ActionNameConsts END\r\n RESET_AUTH_MEMBERS: \"RESET_AUTH_MEMBERS\",\r\n RESET_ADDL_MEMBERS: \"RESET_ADDL_MEMBERS\",\r\n ///Action Methods\r\n setAddlSubscribers: (data, type) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_ADD_RECPT_DATA,\r\n payload: { data, type },\r\n });\r\n },\r\n setDefaultSubscribers: (data) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_DEFAULT_RECPT_DATA,\r\n payload: data,\r\n });\r\n },\r\n setAllDefaultSubscribers: (data) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_ALL_DEFAULT_RECPT_DATA,\r\n payload: data,\r\n });\r\n },\r\n setCurrentEmailConfigTab: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_EMAIL_CONFIG_TAB,\r\n payload: val,\r\n });\r\n },\r\n setCurrentFilterConfigTab: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_FILTER_CONFIG_TAB,\r\n payload: val,\r\n });\r\n },\r\n setEmailListName: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_EMAIL_LIST_NAME,\r\n payload: val,\r\n });\r\n },\r\n\r\n // resetAuthSenders: () => (dispatch) => {\r\n // dispatch({\r\n // type: actions.RESET_MG_LIST_DETAILS,\r\n // });\r\n // },\r\n resetEmailConfigDetails: () => async (dispatch) => {\r\n await dispatch({\r\n type: actions.RESET_EMAIL_CONFIG_DETAILS,\r\n });\r\n },\r\n toggleSelectAuthSendersModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_SELECT_AUTH_SENDERS_MODAL,\r\n payload: { val: true },\r\n });\r\n },\r\n toggleSelectAddRecptModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_SELECT_ADD_RECPT_MODAL,\r\n payload: { val: true },\r\n });\r\n },\r\n setReplyPref: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_REPLY_PREF,\r\n payload: val,\r\n });\r\n },\r\n setPrivilege: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_PRIVILEGE,\r\n payload: val,\r\n });\r\n },\r\n setCopyToSender: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_COPY_TO_SENDER,\r\n payload: val,\r\n });\r\n },\r\n getAuthSenders: (formData) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_AUTH_SEND_LOADING,\r\n payload: { val: true },\r\n });\r\n // $(\".loading\").show();\r\n axios\r\n .post(\"/api/MailGun/GetEmailAuthSenders/\", null, {\r\n params: {\r\n emailEntityType: formData.emailEntityType,\r\n emailListId: formData.emailListId,\r\n },\r\n })\r\n .then(({ data }) => {\r\n if (data && data.message.toLowerCase() == \"success\") {\r\n let allAuthSenders = data.result.authSenders;\r\n let memberAuthSenders = allAuthSenders.filter(\r\n (val) => val.memberId !== null && val.memberId !== undefined\r\n );\r\n let teamAuthSenders = allAuthSenders.filter(\r\n (val) => val.teamId !== null && val.teamId !== undefined\r\n );\r\n dispatch({\r\n type: actions.SET_AUTHORIZED_SENDERS_DATA,\r\n payload: { data: memberAuthSenders, type: ConfigDataType.Member },\r\n });\r\n dispatch({\r\n type: actions.SET_AUTHORIZED_SENDERS_DATA,\r\n payload: { data: teamAuthSenders, type: ConfigDataType.Team },\r\n });\r\n dispatch({\r\n type: actions.SET_AUTHORIZED_SENDERS_DATA,\r\n payload: { data: allAuthSenders, type: ConfigDataType.All },\r\n });\r\n dispatch({\r\n type: actions.SET_AUTH_SEND_LOADING,\r\n payload: { val: false },\r\n });\r\n } else {\r\n console.log(data.status);\r\n dispatch({\r\n type: actions.SET_AUTH_SEND_LOADING,\r\n payload: { val: false },\r\n });\r\n }\r\n //$(\".loading\").hide();\r\n }) ///END of then\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n\r\n dispatch({\r\n type: actions.SET_AUTH_SEND_LOADING,\r\n payload: { val: false },\r\n });\r\n //$(\".loading\").hide();\r\n });\r\n },\r\n selectAuthSender: (authSender, authSenderType) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_SELECTED_AUTH_SENDER,\r\n payload: { authSender, type: authSenderType },\r\n });\r\n },\r\n selectMultipleAuthSender: (authSenderType) => (dispatch) => {\r\n dispatch({\r\n type: actions.ADD_MULTIPLE_AUTH_SENDERS,\r\n payload: { type: authSenderType },\r\n });\r\n },\r\n removeSelectedEntity: (id, type) => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_SELECTED_ENTITY,\r\n payload: { id, type },\r\n });\r\n },\r\n setMgListFullAddress: (address) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_MG_LIST_FULL_ADDRESS,\r\n payload: address,\r\n });\r\n },\r\n setMgListAlias: (alias) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_MG_LIST_ALIAS,\r\n payload: alias,\r\n });\r\n },\r\n setMgListDomain: (domain) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_MG_LIST_DOMAIN,\r\n payload: domain,\r\n });\r\n },\r\n setEmailListDetails: (emailListDetails) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_MG_LIST_DETAILS,\r\n payload: emailListDetails,\r\n });\r\n },\r\n resetEmailListDetails: () => async (dispatch) => {\r\n await dispatch({\r\n type: actions.RESET_MG_LIST_DETAILS,\r\n payload: null,\r\n });\r\n },\r\n saveEmailConfigData: () => async (dispatch, getState) => {\r\n let {\r\n isAliasChanged,\r\n emailEntityType,\r\n mgListAddressAlias,\r\n mgListDomain,\r\n selectedPrivilige,\r\n mailingListName,\r\n replyPreference,\r\n emailListId,\r\n authorizedSendersMembers,\r\n authorizedSendersTeams,\r\n entityKey,\r\n additionalRecipientsMembers,\r\n additionalRecipientsTeams,\r\n additionalRecipientsNonNatca,\r\n currentEmailConfigTab,\r\n mgListAddress,\r\n sendCopyToSender = false,\r\n } = getState().mailGunEmail;\r\n\r\n let emailAuthorizedSenders = [\r\n ...authorizedSendersMembers,\r\n ...authorizedSendersTeams,\r\n ];\r\n\r\n let emailListAdditionalRecpts = [\r\n ...additionalRecipientsMembers,\r\n ...additionalRecipientsTeams,\r\n ...additionalRecipientsNonNatca,\r\n ];\r\n\r\n let emailConfigData = {\r\n emailAuthorizedSenders,\r\n emailListAdditionalRecpts,\r\n additionalRecipientsTeams, // Work for maintaing all Additional Team Recipients\r\n };\r\n ///Email List which are not saved search\r\n if (emailEntityType < MailGunEmailTypes.Member) {\r\n $(\".loading\").show();\r\n let url = \"\";\r\n let newEmailAddress;\r\n //Email types other than Saved search\r\n if (!isAliasChanged) {\r\n url = `/api/FacilityRegionEmail/UpdateEmailPrivilege?id=${entityKey}&accessLevel=${selectedPrivilige}&reply_preference=${replyPreference}&name=${mailingListName}&entityType=${emailEntityType}©ToSender=${sendCopyToSender}`;\r\n } else {\r\n let newEmailAlias = mgListAddressAlias;\r\n newEmailAddress = `${newEmailAlias}@${mgListDomain}`;\r\n url = `/api/FacilityRegionEmail/UpdateEmailPrivilege?id=${entityKey}&accessLevel=${selectedPrivilige}&reply_preference=${replyPreference}&name=${mailingListName}&newEmailAliasAddress=${newEmailAddress}&newEmailAlias=${newEmailAlias}&entityType=${emailEntityType}©ToSender=${sendCopyToSender}`;\r\n }\r\n await axios\r\n .post(url, emailConfigData)\r\n .then(async ({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n //this.hideSpinner();\r\n toast.success(data.message);\r\n if (isAliasChanged) {\r\n await dispatch(actions.setMgListFullAddress(newEmailAddress));\r\n }\r\n //Means we are on Manage Subscribers Modal\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n setTimeout(async () => {\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: true,\r\n });\r\n await dispatch(actions.reloadAdditionalSubsribersTables());\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: false,\r\n });\r\n }, 7000);\r\n }\r\n // Means we are on New \"Email List\" tab\r\n else if (currentEmailConfigTab == EmailConfigTabs.Settings) {\r\n ///If edit filter modal closes then whats the point of reloading\r\n if (selectedPrivilige == \"readonly\") {\r\n ///Reload Auth Senders Records\r\n var reloadAuthSenders = actions.getAuthSenders({\r\n emailEntityType,\r\n emailListId,\r\n });\r\n dispatch(reloadAuthSenders);\r\n }\r\n }\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n return null;\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n $(\".loading\").hide();\r\n });\r\n }\r\n ///##########################Save For Email Lists Related to Saved Searches###############################\r\n else {\r\n //let { returnResultNo } = getState().advancedFilter;\r\n\r\n let emailListbody = {\r\n domain_id: 1,\r\n //email_address: emailAddress + Constants.DEFAULT_DOMAIN,\r\n // email_address: emailAddress + this.state.domain,\r\n saved_search_id: entityKey, ///this.props.savedSearchId,\r\n search_email_privilege_id:\r\n selectedPrivilige === \"readonly\"\r\n ? 1\r\n : selectedPrivilige === \"members\"\r\n ? 2\r\n : 3,\r\n email_address: isAliasChanged\r\n ? `${mgListAddressAlias}@${mgListDomain}`\r\n : mgListAddress,\r\n\r\n //email_list_title: emailListTitle,\r\n //reply_preference: this.state.reply_preference,\r\n\r\n email_list_title: mailingListName,\r\n reply_preference: replyPreference,\r\n\r\n email_alias: mgListAddressAlias,\r\n copy_to_sender: sendCopyToSender,\r\n selectedPrivilige: selectedPrivilige,\r\n isAliasChanged,\r\n emailAuthorizedSenders: emailAuthorizedSenders || [],\r\n additionalRecipientsTeams: additionalRecipientsTeams || [], // Work for maintaing all Additional Team Recipients\r\n };\r\n $(\".loading\").show();\r\n //*************************Same API with both Add and Update for Filters***************************\r\n await axios\r\n .post(\"/api/SavedSearch/SaveEmailListDetails\", emailListbody)\r\n .then(async ({ data: res }) => {\r\n if (res.status.toLowerCase() === \"success\") {\r\n //// Creating and Adding Members to MailGun\r\n const emailListId = res.emailListId;\r\n const entityKey = res.saved_search_id;\r\n const responseMessage = res.message;\r\n const url = \"/api/MailGun/AddMembersToList\";\r\n // const _data = this.state.savedSearchId;\r\n const body = {\r\n searchId: res.saved_search_id, //this.props.savedSearchId\r\n J_membersaddress: 0,\r\n address: isAliasChanged\r\n ? `${mgListAddressAlias}@${mgListDomain}`\r\n : mgListAddress,\r\n memberName: 0,\r\n Description: \"\",\r\n name: mailingListName,\r\n //###(request.AddParameter(\"list\", model.ListName, ParameterType.UrlSegment)####\r\n ListName: isAliasChanged\r\n ? `${mgListAddressAlias}@${mgListDomain}`\r\n : mgListAddress,\r\n access_level: selectedPrivilige,\r\n totalrecords: 0,\r\n\r\n emailListId: emailListId, //this.props.emailListId,\r\n reply_preference: replyPreference,\r\n emailListAdditionalRecpts: emailListAdditionalRecpts || [],\r\n };\r\n await axios.post(url, body).then(async ({ data: res }) => {\r\n if (res.status.toLowerCase() === \"success\") {\r\n $(\".loading\").hide();\r\n\r\n if (responseMessage == \"Email list saved successfully.\") {\r\n toast.success(\r\n \"Mailing list being created, please check back in a few minutes.\"\r\n );\r\n } else {\r\n toast.success(res.message);\r\n }\r\n ///this.props.onSave(emailListId, entityKey);\r\n $(\".loading\").hide();\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n //Don't reload instanly it will take some time to additonal team members of the list in the Edit Filter Modal\r\n //dispatch({\r\n // type: actions.SET_ADDTL_SUBS_LOADING,\r\n // payload: true,\r\n //});\r\n //await dispatch(actions.reloadAdditionalSubsribersTables());\r\n //dispatch({\r\n // type: actions.SET_ADDTL_SUBS_LOADING,\r\n // payload: false,\r\n //});\r\n } else if (currentEmailConfigTab == EmailConfigTabs.Settings) {\r\n if (selectedPrivilige == \"readonly\") {\r\n ///Reload Auth Senders Records\r\n var reloadAuthSenders = actions.getAuthSenders({\r\n emailEntityType,\r\n emailListId,\r\n });\r\n dispatch(reloadAuthSenders);\r\n }\r\n }\r\n return res;\r\n // this.onModalExited();\r\n } else {\r\n toast.error(res.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n });\r\n } else {\r\n toast.error(res.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n });\r\n }\r\n },\r\n deleteAllAuthorizedListClick: (\r\n emailListId,\r\n type,\r\n currentAccessLevel,\r\n isAdminAccessLevelChanged,\r\n emailAuthorizedSenders,\r\n refreshLogs\r\n ) => (dispatch) => {\r\n let body = { emailAuthorizedSenders };\r\n let url = `/api/Email/DeleteAuthorizedSenderList?emailListId=${emailListId}&type=${type}¤tAccessLevel=${currentAccessLevel}&isAdminAccessLevelChanged=${isAdminAccessLevelChanged}`;\r\n $(\".loading\").show();\r\n axios\r\n .post(url, body, {\r\n params: {\r\n type: type,\r\n emailListId: emailListId,\r\n },\r\n })\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n //this.hideSpinner();\r\n toast.success(data.message);\r\n var action = actions.getAuthSenders({\r\n emailEntityType: type,\r\n emailListId: emailListId,\r\n });\r\n dispatch(action);\r\n refreshLogs();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n $(\".loading\").hide();\r\n });\r\n },\r\n deleteAllAddlListClick: (\r\n emailListId,\r\n type,\r\n emailListAdditionalRecpts,\r\n refreshLogs\r\n ) => (dispatch) => {\r\n let url = `/api/MailGun/DeleteAdditionalRecipientsList?emailListId=${emailListId}&type=${type}`;\r\n $(\".loading\").show();\r\n let body = emailListAdditionalRecpts;\r\n axios\r\n .post(url, body, {\r\n // params: {\r\n // type: type,\r\n // emailListId: emailListId,\r\n // },\r\n })\r\n .then(async ({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n //this.hideSpinner();\r\n toast.success(data.message);\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: true,\r\n });\r\n await dispatch(actions.reloadAdditionalSubsribersTables());\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: false,\r\n });\r\n refreshLogs();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n $(\".loading\").hide();\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: false,\r\n });\r\n });\r\n },\r\n deleteAllAddlTeamListClick: (emailListId, type) => (dispatch) => {\r\n let url = `/api/MailGun/DeleteAdditionalTeamRecipientsList?emailListId=${emailListId}&type=${type}`;\r\n $(\".loading\").show();\r\n axios\r\n .post(url, null, {\r\n params: {\r\n type: type,\r\n emailListId: emailListId,\r\n },\r\n })\r\n .then(async ({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n //this.hideSpinner();\r\n toast.success(data.message);\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: true,\r\n });\r\n await dispatch(actions.reloadAdditionalSubsribersTables());\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: false,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n })\r\n .catch((error) => {\r\n console.log(\"error block\", error);\r\n $(\".loading\").hide();\r\n dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: false,\r\n });\r\n });\r\n },\r\n selectMember: (item) => (dispatch) => {\r\n dispatch({\r\n type: actions.SELECT_AUTH_SENDER_MEMBER,\r\n payload: { ...item },\r\n });\r\n },\r\n deSelectMember: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.DESELECT_SELECTED_POPUP_ENTITY,\r\n payload: id,\r\n });\r\n },\r\n selectTeam: (item) => (dispatch) => {\r\n dispatch({\r\n type: actions.SELECT_POPUP_TEAM,\r\n payload: { ...item },\r\n });\r\n },\r\n deSelectTeam: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.DESELECT_POPUP_TEAM,\r\n payload: id,\r\n });\r\n },\r\n removeStandByAuthSender: () => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_STAND_BY_AUTH_SENDERS,\r\n });\r\n },\r\n\r\n ///not using\r\n removeAddlSubscriber: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_ADDL_SUBS,\r\n });\r\n EmailListService.RemoveAuthSender(id);\r\n },\r\n\r\n reloadAdditionalSubsribersTables: () => async (dispatch, getState) => {\r\n // let subSearchText = \"\";\r\n let subscribersTablesTypes = [\r\n /// MailingListMembersTables.DefaultSubscribers,\r\n MailingListMembersTables.AdditionalMemberRecipients,\r\n MailingListMembersTables.AdditionalTeamRecipients,\r\n MailingListMembersTables.AdditionalNonNatcaRecipients,\r\n ];\r\n let { mgListAddress } = getState().mailGunEmail;\r\n let params = {\r\n ///...pagingDetail,\r\n //subSearchText,\r\n subscribersTablesTypes,\r\n mgListAddress: mgListAddress,\r\n };\r\n\r\n await EmailListService.updateSubscriberList(params).then(\r\n ({ data: resp }) => {\r\n // $(\".loading\").hide();\r\n if (resp.success) {\r\n dispatch(actions.setAddlSubsTablesData(resp.data));\r\n //We want to fill the additionalRecipientsRows object also\r\n dispatch(actions.setAddlSubscribers(null, AddRecptType.All));\r\n } else {\r\n toast.error(\"Something went wrong\", resp.message);\r\n }\r\n }\r\n );\r\n },\r\n reloadDefaultSubsribersTable: () => async (dispatch, getState) => {\r\n let subscribersTablesTypes = [MailingListMembersTables.DefaultSubscribers];\r\n let {\r\n mgListAddress,\r\n isAliasChanged,\r\n mgListAddressAlias,\r\n mgListDomain,\r\n } = getState().mailGunEmail;\r\n let fullAddress = \"\";\r\n if (isAliasChanged) {\r\n fullAddress = `${mgListAddressAlias}@${mgListDomain}`;\r\n } else {\r\n fullAddress = mgListAddress;\r\n }\r\n let params = {\r\n subscribersTablesTypes,\r\n mgListAddress: fullAddress,\r\n };\r\n await dispatch(actions.setDefaultSubscribers([]));\r\n await dispatch(actions.setDefaultSubsLoading(true));\r\n await EmailListService.updateSubscriberList(params).then(\r\n ({ data: resp }) => {\r\n // $(\".loading\").hide();\r\n if (resp.success) {\r\n const { memberResultSet } = resp.data[0].data;\r\n dispatch(actions.setDefaultSubscribers(memberResultSet));\r\n dispatch(actions.setAllDefaultSubscribers(memberResultSet));\r\n dispatch(actions.setDefaultSubsLoading(false));\r\n } else {\r\n toast.error(\"Something went wrong.\");\r\n dispatch(actions.setDefaultSubsLoading(false));\r\n }\r\n }\r\n );\r\n },\r\n deleteDefaultRecipientMember: (address) => async (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_DEFAULT_RECIPIENT,\r\n payload: {\r\n email: address,\r\n },\r\n });\r\n },\r\n updateRecipientSubBlockFlag: (\r\n key,\r\n type,\r\n newSubscribedValue,\r\n newBlockValue,\r\n isBlockUnBlock\r\n ) => async (dispatch) => {\r\n dispatch({\r\n type: actions.UPDATE_SUB_BLOCK_FLG,\r\n payload: {\r\n key,\r\n type,\r\n newSubscribedValue,\r\n newBlockValue,\r\n isBlockUnBlock,\r\n },\r\n });\r\n },\r\n reloadAdditionalSubsriberTeams: () => async (dispatch, getState) => {\r\n let subscribersTablesTypes = [\r\n MailingListMembersTables.AdditionalTeamRecipients,\r\n ];\r\n let { mgListAddress } = getState().mailGunEmail;\r\n let params = {\r\n subscribersTablesTypes,\r\n mgListAddress: mgListAddress,\r\n };\r\n await EmailListService.updateSubscriberList(params).then(\r\n ({ data: resp }) => {\r\n if (resp.success) {\r\n dispatch(actions.setAddlSubsTablesData(resp.data));\r\n } else {\r\n toast.error(\"Something went wrong.\");\r\n }\r\n }\r\n );\r\n },\r\n getAdditionalSubsribersEmailAddresses: (mgListAddress) => async (\r\n dispatch\r\n ) => {\r\n let subscribersTablesTypes = [\r\n MailingListMembersTables.AdditionalMemberRecipients,\r\n MailingListMembersTables.AdditionalTeamRecipients,\r\n MailingListMembersTables.AdditionalNonNatcaRecipients,\r\n ];\r\n\r\n let params = {\r\n subscribersTablesTypes,\r\n mgListAddress: mgListAddress,\r\n };\r\n $(\".loading\").show();\r\n await EmailListService.getAdditionalSubsribersEmailAddresses(params).then(\r\n async ({ data: resp }) => {\r\n if (resp.success) {\r\n await dispatch({\r\n type: actions.SET_ADDTL_MEM_EMAILS,\r\n payload: resp.data,\r\n });\r\n } else {\r\n toast.error(\"Something went wrong.\");\r\n }\r\n $(\".loading\").hide();\r\n }\r\n );\r\n },\r\n setAddlSubsTablesData: (stateData) => (dispatch) => {\r\n stateData.forEach((element) => {\r\n if (element.type == MailingListMembersTables.AdditionalMemberRecipients) {\r\n let reloadMembers = actions.setAddlSubscribers(\r\n element.data.memberResultSet || [],\r\n AddRecptType.Member\r\n );\r\n dispatch(reloadMembers);\r\n } else if (\r\n element.type == MailingListMembersTables.AdditionalTeamRecipients\r\n ) {\r\n let reloadTeams = actions.setAddlSubscribers(\r\n element.data.teamResultSet || [],\r\n AddRecptType.Team\r\n );\r\n dispatch(reloadTeams);\r\n } else if (\r\n element.type == MailingListMembersTables.AdditionalNonNatcaRecipients\r\n ) {\r\n let reloadNonNatcas = actions.setAddlSubscribers(\r\n element.data.memberResultSet || [],\r\n AddRecptType.NonNatca\r\n );\r\n dispatch(reloadNonNatcas);\r\n }\r\n });\r\n },\r\n ////###Non Natca Work ###////\r\n addSelectedNonNatcaMembers: (values) => (dispatch) => {\r\n dispatch({\r\n type: actions.ADD_NON_NATCA,\r\n payload: values,\r\n });\r\n },\r\n handleNonNatcaChange: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_NON_NATCA,\r\n payload: val,\r\n });\r\n },\r\n resetNonNatcaUI: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_NON_NATCA_UI,\r\n });\r\n },\r\n removeSelectedNonNatcaMember: (address) => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_NON_NATCA,\r\n payload: address,\r\n });\r\n },\r\n setAddtlSubsLoading: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_ADDTL_SUBS_LOADING,\r\n payload: val,\r\n });\r\n },\r\n setDefaultSubsLoading: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_DEF_SUBS_LOADING,\r\n payload: val,\r\n });\r\n },\r\n resetAuthSenderMembers: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_AUTH_MEMBERS,\r\n });\r\n },\r\n resetAddlMembers: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_ADDL_MEMBERS,\r\n });\r\n },\r\n setSavedSearchDDLObject: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_SAVED_SEARCH_DDL_OBJ,\r\n payload: val,\r\n });\r\n },\r\n sendSupportEmailListRequest: (params) => async (dispatch) => {\r\n $(\".loading\").show();\r\n EmailListService.sendSupportEmailListRequest(params).then(\r\n async ({ data: resp }) => {\r\n if (resp.status == \"success\") {\r\n toast.success(resp.message);\r\n } else {\r\n toast.error(\"Something went wrong.\");\r\n }\r\n $(\".loading\").hide();\r\n }\r\n );\r\n },\r\n isEmailListExists: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_IS_EMAIL_LIST_EXISTS,\r\n payload: val,\r\n });\r\n },\r\n};\r\n\r\nexport default actions;\r\n","import AUX from \"../../hoc/Aux_\";\r\nimport React, { Component, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport actionFilter from \"../../store/advancedfilter/action\";\r\nimport _ from \"lodash\";\r\nimport $ from \"jquery\";\r\nimport TagsActionButtons from \"../AdvanceSearch/AdvanceFilterTabs/TagsButtons\";\r\nimport { store } from \"../../index\";\r\nimport Tags from \"../AdvanceSearch/AdvanceFilterTabs/Tags\";\r\nimport SelectedFilter from \"../AdvanceSearch/AdvanceFilterTabs/SelectedFilter\";\r\n\r\nimport \"../../components/Layout/AdvanceFilterSideBar.css\";\r\nimport { reset, isInvalid, getFormValues } from \"redux-form\";\r\n\r\nimport \"../../components/Layout/advancedFilter.css\";\r\n\r\nimport axios from \"../Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport DesktopTabContents from \"../AdvanceSearch/AdvanceFilterTabs/DeskTop/DeskTopTabContents\";\r\nimport MobileSideBar from \"../AdvanceSearch/AdvanceFilterTabs/Mobile/MobileSideBar\";\r\nimport DesktopSideBar from \"../AdvanceSearch/AdvanceFilterTabs/DeskTop/DesktopSideBar\";\r\n// import {\r\n// fe_request_statuses,\r\n// feequipmentstatuses,\r\n// fe_inventory_types,\r\n// } from \"../F&E/AdvanceFilter/FE_AdvanceSearch_Modal\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport FE_AdvanceFilter_NewTabs from \"../F&E/AdvanceFilter/FE_AdvanceFilter_NewTabs\";\r\nimport savedSearchAction from \"../../store/saveSearch/action\";\r\nimport FilterEmailConfigTabs from \"../Email/Enums/FilterEmailConfigTabs\";\r\nimport mailGunEmailActions from \"../../store/mailgunEmails/action\";\r\n\r\nclass AdvanceFilter extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.DEBUG = process.env.NODE_ENV === \"development\";\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.resize.bind(this));\r\n window.addEventListener(\r\n \"orientationchange\",\r\n this.orientationchange.bind(this)\r\n );\r\n this.resize();\r\n $(\"#clickAdvancedFilter\").on(\"click\", this.onModalClick);\r\n //const { showOnlyBody } = this.props;\r\n // if (showOnlyBody) {\r\n // this.preloadAdvancedFilterData();\r\n // }\r\n if (this.props.advancedFilterOpenedInTab) {\r\n this.resetALLFormFilters();\r\n console.log(\"advancedFilterOpenedInTab\");\r\n }\r\n }\r\n orientationchange = () => {\r\n this.resize();\r\n };\r\n\r\n onModalClick = (e) => {\r\n //console.log(\"/api/Member/AdvancedFilteredData called!!\");\r\n console.log(this.props.filterState.filterData);\r\n if (_.isEmpty(this.props.filterState.filterData)) {\r\n $(\".loading\").show();\r\n axios\r\n .post(\"/api/Member/AdvancedFilteredData?getRefreshData=true\", {})\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n $(\"#modalOpenButton\").click();\r\n $(\"body\").removeClass(\"modal-open\");\r\n $(\"html\").addClass(\"removeYScroll\");\r\n this.resize();\r\n this.stopBodyScrolling(true);\r\n this.props.setFilterData(data.data);\r\n this.props.setTempFilterData(data.data);\r\n $(\".loading\").hide();\r\n this.onReturnNo();\r\n this.props.setAdvanceFilterLoader(false);\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n this.props.setAdvanceFilterLoader(false);\r\n }\r\n });\r\n } else {\r\n // console.log('else block of onModalClick')\r\n $(\".loading\").hide();\r\n console.log(this.props.filterState.filterData.searchApplied);\r\n\r\n $(\"#modalOpenButton\").click();\r\n $(\"body\").removeClass(\"modal-open\");\r\n $(\"html\").addClass(\"removeYScroll\");\r\n this.resize();\r\n this.stopBodyScrolling(true);\r\n }\r\n };\r\n preloadAdvancedFilterData = () => {\r\n console.log(this.props.filterState.filterData);\r\n if (_.isEmpty(this.props.filterState.filterData)) {\r\n $(\".loading\").show();\r\n axios\r\n .post(\"/api/Member/AdvancedFilteredData?getRefreshData=true\", {})\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.props.setFilterData(data.data);\r\n this.props.setTempFilterData(data.data);\r\n $(\".loading\").hide();\r\n this.onReturnNo();\r\n this.props.setAdvanceFilterLoader(false);\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n this.props.setAdvanceFilterLoader(false);\r\n }\r\n });\r\n } else {\r\n $(\".loading\").hide();\r\n }\r\n };\r\n getFilterPreStateData = () => {};\r\n\r\n resize() {\r\n let currentHideNav = window.innerWidth >= 897; /// isDesktop\r\n\r\n if (currentHideNav !== this.props.filterState.showWebSideBar) {\r\n this.props.showWebSideBar(currentHideNav);\r\n this.props.showMobileSideBar(false);\r\n } else if (window.innerWidth <= 897) {\r\n this.props.showMobileSideBar(true);\r\n this.props.showWebSideBar(false);\r\n }\r\n let vh = 0;\r\n let tagsScroll = 0;\r\n if (window.innerHeight > window.innerWidth) {\r\n ///Potrait Mode\r\n document.documentElement.style.setProperty(\r\n \"--vh\",\r\n `${window.innerHeight * 0.018}px`\r\n );\r\n document.documentElement.style.setProperty(\r\n \"--tagsScroll\",\r\n `${window.innerHeight * 0.01 - 2}px`\r\n );\r\n } else if (window.innerHeight < window.innerWidth) {\r\n ///Landscape Mode\r\n document.documentElement.style.setProperty(\r\n \"--vh\",\r\n `${window.innerHeight * 0.01}px`\r\n );\r\n\r\n document.documentElement.style.setProperty(\r\n \"--tagsScroll\",\r\n `${window.innerHeight * 0.01}px`\r\n );\r\n }\r\n\r\n let bodyHeight = $(\".modal-body\").height() * 0.01;\r\n\r\n document.documentElement.style.setProperty(\r\n \"--bodyHeight\",\r\n `${bodyHeight}px`\r\n );\r\n\r\n if (this.DEBUG) {\r\n // console.log(\"resized called\");\r\n //console.log(`set vh ${vh}px`);\r\n // console.log(`set body ${bodyHeight}px`);\r\n //console.log(window.innerWidth);\r\n }\r\n }\r\n resetALLFormFilters() {\r\n store.dispatch(reset(\"drfForm\"));\r\n store.dispatch(reset(\"pacForm\"));\r\n store.dispatch(reset(\"ageForm\"));\r\n store.dispatch(reset(\"nameForm\"));\r\n store.dispatch(reset(\"phoneForm\"));\r\n store.dispatch(reset(\"memberECIForm\"));\r\n store.dispatch(reset(\"memberNoForm\"));\r\n store.dispatch(reset(\"facilityRoutingSymbolForm\"));\r\n store.dispatch(reset(\"orgCodeForm\"));\r\n store.dispatch(reset(\"hourlySalaryForm\"));\r\n store.dispatch(reset(\"annualSalaryForm\"));\r\n store.dispatch(reset(\"emailForm\"));\r\n store.dispatch(reset(\"plannedRetirementForm\"));\r\n store.dispatch(reset(\"retirementForm\"));\r\n store.dispatch(reset(\"sCDForm\"));\r\n store.dispatch(reset(\"eODDateForm\"));\r\n store.dispatch(reset(\"nATCABUDateForm\"));\r\n store.dispatch(reset(\"bUDateForm\"));\r\n store.dispatch(reset(\"unionStartDateForm\"));\r\n store.dispatch(reset(\"unionJoinDateForm\"));\r\n store.dispatch(reset(\"teamPositionForm\"));\r\n store.dispatch(reset(\"activeDatePositionForm\"));\r\n store.dispatch(reset(\"mandatoryRetirementForm\"));\r\n store.dispatch(reset(\"facebookForm\"));\r\n }\r\n resetALLFilters() {\r\n store.dispatch(reset(\"drfForm\"));\r\n store.dispatch(reset(\"pacForm\"));\r\n store.dispatch(reset(\"ageForm\"));\r\n store.dispatch(reset(\"nameForm\"));\r\n store.dispatch(reset(\"phoneForm\"));\r\n store.dispatch(reset(\"memberECIForm\"));\r\n store.dispatch(reset(\"memberNoForm\"));\r\n store.dispatch(reset(\"facilityRoutingSymbolForm\"));\r\n store.dispatch(reset(\"orgCodeForm\"));\r\n store.dispatch(reset(\"hourlySalaryForm\"));\r\n store.dispatch(reset(\"annualSalaryForm\"));\r\n store.dispatch(reset(\"emailForm\"));\r\n store.dispatch(reset(\"plannedRetirementForm\"));\r\n store.dispatch(reset(\"retirementForm\"));\r\n store.dispatch(reset(\"sCDForm\"));\r\n store.dispatch(reset(\"eODDateForm\"));\r\n store.dispatch(reset(\"nATCABUDateForm\"));\r\n store.dispatch(reset(\"bUDateForm\"));\r\n store.dispatch(reset(\"unionStartDateForm\"));\r\n store.dispatch(reset(\"unionJoinDateForm\"));\r\n store.dispatch(reset(\"teamPositionForm\"));\r\n store.dispatch(reset(\"activeDatePositionForm\"));\r\n store.dispatch(reset(\"mandatoryRetirementForm\"));\r\n store.dispatch(reset(\"facebookForm\"));\r\n\r\n this.props.filterState.filterData.searchApplied = [];\r\n\r\n this.props.filterState.filterData.facility = this.props.filterState.filterData.facility.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.memberStatus = this.props.filterState.filterData.memberStatus.map(\r\n (item) => {\r\n if (item.memberStatus === \"Active\") {\r\n item.checked = true;\r\n } else {\r\n item.checked = false;\r\n }\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.memberType = this.props.filterState.filterData.memberType.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.region = this.props.filterState.filterData.region.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n\r\n this.props.filterState.filterData.shirtSize = this.props.filterState.filterData.shirtSize.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.gender = this.props.filterState.filterData.gender.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n\r\n this.props.filterState.filterData.name = null;\r\n this.props.filterState.filterData.age = null;\r\n this.props.filterState.filterData.pac = null;\r\n this.props.filterState.filterData.drf = null;\r\n this.props.filterState.filterData.memberECI = null;\r\n this.props.filterState.filterData.memberNumber = null;\r\n\r\n this.props.filterState.filterData.dutyStation = this.props.filterState.filterData.dutyStation.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.unit = this.props.filterState.filterData.unit.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n\r\n this.props.filterState.filterData.congressionalDistrict = this.props.filterState.filterData.congressionalDistrict.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.occupationSeries = this.props.filterState.filterData.occupationSeries.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.employer = this.props.filterState.filterData.employer.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.careerLevel = this.props.filterState.filterData.careerLevel.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.payGrade = this.props.filterState.filterData.payGrade.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.flsaCategory = this.props.filterState.filterData.flsaCategory.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.communication = this.props.filterState.filterData.communication.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.addressTypes = this.props.filterState.filterData.address.addressTypes.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.states = this.props.filterState.filterData.address.states.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.verifiedAddress.checked = false;\r\n this.props.filterState.filterData.address.city = \"\";\r\n this.props.filterState.filterData.address.country = \"\";\r\n this.props.filterState.filterData.address.zip = \"\";\r\n this.props.filterState.filterData.address.nullPrimary = null;\r\n this.props.filterState.filterData.address.nullPrimaryAddress = this.props.filterState.filterData.address.nullPrimaryAddress.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.nullPrimaryPhone = this.props.filterState.filterData.nullPrimaryPhone.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.nullPrimaryEmail = this.props.filterState.filterData.nullPrimaryEmail.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.veteran = this.props.filterState.filterData.veteran.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n\r\n this.props.filterState.filterData.retiredMilitary = this.props.filterState.filterData.retiredMilitary.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.facilityRoutingSymbol = null;\r\n this.props.filterState.filterData.orgCode = null;\r\n this.props.filterState.filterData.hourlySalary = null;\r\n this.props.filterState.filterData.annualSalary = null;\r\n this.props.filterState.filterData.email = null;\r\n this.props.filterState.filterData.plannedRetirement = null;\r\n this.props.filterState.filterData.retirement = null;\r\n this.props.filterState.filterData.scd = null;\r\n this.props.filterState.filterData.eodDate = null;\r\n this.props.filterState.filterData.natcabuDate = null;\r\n this.props.filterState.filterData.buDate = null;\r\n this.props.filterState.filterData.unionStartDate = null;\r\n this.props.filterState.filterData.unionJoinDate = null;\r\n this.props.filterState.filterData.finance.fromDuesAmount = null;\r\n this.props.filterState.filterData.finance.toDuesAmount = null;\r\n this.props.filterState.filterData.finance.duesBalance.checked = false;\r\n\r\n var apply = {\r\n searchType: 9,\r\n isApplied: true,\r\n isSearched: false,\r\n selectedItems: [\"Active\"],\r\n };\r\n this.props.filterState.filterData.searchApplied.push(apply);\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n\r\n if (this.props.filterState.isAdvancedFilterSelected) {\r\n this.props.onResetTable();\r\n }\r\n\r\n //this.getNewFilteredData();\r\n this.props.setAdvanceFilterLoader(true);\r\n this.props.getNewFilteredData(this.props.filterState.filterData, true);\r\n this.onReturnNo();\r\n }\r\n onCancel() {\r\n //console.log(\"Cancel called\");\r\n $(\"html\").removeClass(\"removeYScroll\");\r\n this.stopBodyScrolling(false);\r\n if (!_.isEmpty(this.props.filterState.filterData.searchApplied)) {\r\n this.props.filterState.filterData.searchApplied = this.props.filterState.filterData.searchApplied.map(\r\n (item) => {\r\n if (item.isSearched) {\r\n item.isApplied = true;\r\n } else if (item.searchType === 9) {\r\n item.isApplied = true;\r\n } else {\r\n item.isApplied = false;\r\n switch (item.searchType) {\r\n case 4:\r\n //filteredText = \"Age\";\r\n store.dispatch(reset(\"ageForm\"));\r\n this.props.filterState.filterData.age = null;\r\n break;\r\n case 7:\r\n //filteredText = \"Employee Common ID\";\r\n store.dispatch(reset(\"memberECIForm\"));\r\n this.props.filterState.filterData.memberECI = [];\r\n break;\r\n case 8:\r\n //filteredText = \"Facility\";\r\n if (this.props.filterState.filterData.facility) {\r\n this.props.filterState.filterData.facility = this.props.filterState.filterData.facility.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n break;\r\n case 9:\r\n if (this.props.filterState.filterData.memberStatus) {\r\n this.props.filterState.filterData.memberStatus = this.props.filterState.filterData.memberStatus.map(\r\n (item) => {\r\n item.memberStatus === \"Active\"\r\n ? (item.checked = true)\r\n : (item.checked = false);\r\n\r\n return item;\r\n }\r\n );\r\n } else {\r\n //console.log(\"member status else\");\r\n }\r\n\r\n break;\r\n case 10:\r\n //filteredText = \"Member Type\";\r\n if (this.props.filterState.filterData.memberType) {\r\n this.props.filterState.filterData.memberType = this.props.filterState.filterData.memberType.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n break;\r\n case 11:\r\n //filteredText = \"Region\";\r\n if (this.props.filterState.filterData.region) {\r\n this.props.filterState.filterData.region = this.props.filterState.filterData.region.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n break;\r\n case 12:\r\n //filteredText = \"Member Number\";\r\n store.dispatch(reset(\"memberNoForm\"));\r\n this.props.filterState.filterData.memberNumber = null;\r\n break;\r\n case 14:\r\n //filteredText = \"Name\";\r\n store.dispatch(reset(\"nameForm\"));\r\n this.props.filterState.filterData.name = null;\r\n break;\r\n case 15:\r\n //filteredText = \"Shirt Size\";\r\n if (this.props.filterState.filterData.shirtSize) {\r\n this.props.filterState.filterData.shirtSize = this.props.filterState.filterData.shirtSize.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n break;\r\n case 16:\r\n //filteredText = \"Gender\";\r\n if (this.props.filterState.filterData.gender) {\r\n this.props.filterState.filterData.gender = this.props.filterState.filterData.gender.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n break;\r\n case 17:\r\n //filteredText = \"PAC\";\r\n store.dispatch(reset(\"pacForm\"));\r\n this.props.filterState.filterData.pac = null;\r\n break;\r\n case 18:\r\n //filteredText = \"DRF\";\r\n store.dispatch(reset(\"drfForm\"));\r\n this.props.filterState.filterData.drf = null;\r\n break;\r\n case 19:\r\n this.props.filterState.filterData.dutyStation = this.props.filterState.filterData.dutyStation.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 20:\r\n this.props.filterState.filterData.unit = this.props.filterState.filterData.unit.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 21:\r\n this.props.filterState.filterData.occupationSeries = this.props.filterState.filterData.occupationSeries.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 22:\r\n this.props.filterState.filterData.careerLevel = this.props.filterState.filterData.careerLevel.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 23:\r\n this.props.filterState.filterData.payGrade = this.props.filterState.filterData.payGrade.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 24:\r\n this.props.filterState.filterData.flsaCategory = this.props.filterState.filterData.flsaCategory.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 25:\r\n this.props.filterState.filterData.communication = this.props.filterState.filterData.communication.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 26:\r\n this.props.filterState.filterData.address.addressTypes = this.props.filterState.filterData.address.addressTypes.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.states = this.props.filterState.filterData.address.states.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.city = \"\";\r\n this.props.filterState.filterData.address.country = \"\";\r\n this.props.filterState.filterData.address.zip = \"\";\r\n break;\r\n case 27:\r\n this.props.filterState.filterData.veteran = this.props.filterState.filterData.veteran.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 28:\r\n this.props.filterState.filterData.retiredMilitary = this.props.filterState.filterData.retiredMilitary.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 29:\r\n store.dispatch(reset(\"facilityRoutingSymbolForm\"));\r\n this.props.filterState.filterData.facilityRoutingSymbol = null;\r\n break;\r\n case 30:\r\n store.dispatch(reset(\"orgCodeForm\"));\r\n this.props.filterState.filterData.orgCode = null;\r\n break;\r\n case 31:\r\n store.dispatch(reset(\"hourlySalaryForm\"));\r\n this.props.filterState.filterData.hourlySalary = null;\r\n break;\r\n case 32:\r\n store.dispatch(reset(\"annualSalaryForm\"));\r\n this.props.filterState.filterData.annualSalary = null;\r\n break;\r\n case 33:\r\n store.dispatch(reset(\"emailForm\"));\r\n this.props.filterState.filterData.email = null;\r\n break;\r\n case 34:\r\n store.dispatch(reset(\"plannedRetirementForm\"));\r\n this.props.filterState.filterData.plannedRetirement = null;\r\n break;\r\n case 50:\r\n store.dispatch(reset(\"mandatoryRetirement\"));\r\n this.props.filterState.filterData.plannedRetirement = null;\r\n break;\r\n case 35:\r\n store.dispatch(reset(\"sCDForm\"));\r\n this.props.filterState.filterData.scd = null;\r\n break;\r\n case 36:\r\n store.dispatch(reset(\"eODDateForm\"));\r\n this.props.filterState.filterData.eodDate = null;\r\n break;\r\n case 37:\r\n store.dispatch(reset(\"nATCABUDateForm\"));\r\n this.props.filterState.filterData.natcabuDate = null;\r\n break;\r\n case 38:\r\n store.dispatch(reset(\"bUDateForm\"));\r\n this.props.filterState.filterData.buDate = null;\r\n break;\r\n case 39:\r\n store.dispatch(reset(\"unionStartDateForm\"));\r\n this.props.filterState.filterData.unionStartDate = null;\r\n break;\r\n case 40:\r\n store.dispatch(reset(\"unionJoinDateForm\"));\r\n this.props.filterState.filterData.unionJoinDate = null;\r\n break;\r\n case 41:\r\n store.dispatch(reset(\"retirementForm\"));\r\n this.props.filterState.filterData.retirement = null;\r\n break;\r\n case 42:\r\n store.dispatch(reset(\"teamPositionForm\"));\r\n this.props.filterState.filterData.teamPosition = null;\r\n break;\r\n case 55:\r\n store.dispatch(reset(\"activeDatePositionForm\"));\r\n this.props.filterState.filterData.activeTeamPositionDate = null;\r\n break;\r\n case 43:\r\n this.props.filterState.filterData.employer = this.props.filterState.filterData.employer.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n case 56:\r\n this.props.filterState.filterData.congressionalDistrict = this.props.filterState.filterData.congressionalDistrict.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n break;\r\n }\r\n }\r\n\r\n return item;\r\n }\r\n );\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n\r\n this.props.setAdvanceFilterLoader(true);\r\n // console.log(\r\n // \"Before cancel request:\" +\r\n // JSON.stringify(this.props.filterState.filterData.searchApplied)\r\n // );\r\n this.props.getNewFilteredData(this.props.filterState.filterData, false);\r\n this.onReturnNo();\r\n }\r\n const { routeFromSaveSearchDDL, savedSearchState } = this.props;\r\n if (routeFromSaveSearchDDL || savedSearchState.filtersDDLClicked) {\r\n $(\".loading\").show();\r\n setTimeout(() => {\r\n this.props.history.push(\"/directory/myfilters\", {\r\n routeFromAdFilterOnCancel: true,\r\n });\r\n $(\".loading\").hide();\r\n }, 6000);\r\n }\r\n }\r\n onReturnNo() {\r\n /// API\r\n if (!_.isEmpty(this.props.filterState.filterData.searchApplied)) {\r\n this.props.getMemberTotalCount(this.props.filterState.filterData);\r\n } else {\r\n this.props.setReturnResultNo(0);\r\n }\r\n }\r\n isAnyFormInvalid(formName) {\r\n if (isInvalid(formName)(this.props.currentState)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n onSearch(e) {\r\n this.props.ResetlocalPaging();\r\n /// API\r\n const Forms = {\r\n Age: \"ageForm\",\r\n ECI: \"memberECIForm\",\r\n MemberNo: \"memberNoForm\",\r\n PAC: \"pacForm\",\r\n DRF: \"drfForm\",\r\n NAME: \"nameForm\",\r\n FacilityRoutingSymbolForm: \"facilityRoutingSymbolForm\",\r\n OrgCode: \"orgCodeForm\",\r\n HourlySalaryForm: \"hourlySalaryForm\",\r\n AnnualSalaryForm: \"annualSalaryForm\",\r\n EmailForm: \"emailForm\",\r\n PlannedRetirementForm: \"plannedRetirementForm\",\r\n RetirementForm: \"retirementForm\",\r\n SCDForm: \"sCDForm\",\r\n EODDateForm: \"eODDateForm\",\r\n NATCABUDateForm: \"nATCABUDateForm\",\r\n BUDateForm: \"bUDateForm\",\r\n UnionStartDateForm: \"unionStartDateForm\",\r\n UnionJoinDateForm: \"unionJoinDateForm\",\r\n TeamPositionForm: \"teamPositionForm\",\r\n ActiveDatePositionForm: \"activeDatePositionForm\",\r\n };\r\n\r\n let result = false;\r\n _.forEach(Forms, (value) => {\r\n if (this.isAnyFormInvalid(value)) {\r\n result = true;\r\n }\r\n });\r\n\r\n if (result) {\r\n toast.warn(\"Please correct the invalid Filter Types fields.\");\r\n return false;\r\n }\r\n\r\n if (\r\n // !_.isEmpty(this.props.filterState.filterData.searchApplied) &&\r\n this.props.filterState.returnResultNo !== 0\r\n ) {\r\n _.forEach(this.props.filterState.filterData.searchApplied, (value) => {\r\n this.setAppliedFormValues(value.searchType);\r\n });\r\n this.props.setFilterResultPageNo(1);\r\n this.props.setFilterResultPageSize(25);\r\n $(\".loading\").show();\r\n axios\r\n .post(\r\n \"/api/Member/AdvancedFilter?pageOffset=0&pageFetch=25&sortName=firstnameasc\",\r\n this.props.filterState.filterData\r\n )\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n //Sets the Al-Mashooor Users.Js Table for Members\r\n ///New Work FilterTab\r\n\r\n this.props.onChangeTable(data);\r\n this.props.setAllowFilterUpdateMembersTab(true);\r\n this.props.setFilterResult(data);\r\n if (this.props.advancedFilterOpenedInTab) {\r\n this.props.setIsAdvancedFilterOpenedInTab(true);\r\n this.props.setCurrentFilterConfigTab(\r\n FilterEmailConfigTabs.Members\r\n ); // Set Member Filter Tab to display Searched Members\r\n }\r\n this.props.setAdvancedSearch(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n\r\n $(\".cancelBtn\").click();\r\n $(\"html\").removeClass(\"removeYScroll\");\r\n this.props.filterState.filterData.searchApplied = !_.isEmpty(\r\n this.props.filterState.filterData.searchApplied\r\n )\r\n ? this.props.filterState.filterData.searchApplied.map((item) => {\r\n if (item.isApplied) {\r\n item.isSearched = true;\r\n } else {\r\n item.isSearched = false;\r\n }\r\n return item;\r\n })\r\n : null;\r\n\r\n //console.log(\"here after\" + JSON.stringify(this.props.filterState.filterData));\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n } else {\r\n // console.log(data);\r\n toast.error(data.message);\r\n }\r\n // console.log(\"After search\" + JSON.stringify(this.props.filterState.filterData.searchApplied))\r\n $(\".loading\").hide();\r\n });\r\n } else {\r\n toast.warn(\"There are no records against this filter criteria.\");\r\n }\r\n }\r\n\r\n setAppliedFormValues(id) {\r\n id = id.toString();\r\n switch (id) {\r\n case \"14\": //Name\r\n this.props.filterState.filterData.name = this.props.formValues.nameForm.values;\r\n\r\n break;\r\n case \"4\": //Age\r\n this.props.filterState.filterData.age = {\r\n FromAge: this.props.formValues.ageForm.values.Age.min,\r\n ToAge: this.props.formValues.ageForm.values.Age.max,\r\n };\r\n break;\r\n case \"17\": //PAC\r\n this.props.filterState.filterData.pac = {\r\n FromPAC: this.props.formValues.pacForm.values.PAC.min,\r\n ToPAC: this.props.formValues.pacForm.values.PAC.max,\r\n };\r\n break;\r\n\r\n case \"18\":\r\n this.props.filterState.filterData.drf = {\r\n FromDRF: this.props.formValues.drfForm.values.DRF.min,\r\n ToDRF: this.props.formValues.drfForm.values.DRF.max,\r\n };\r\n break;\r\n case \"7\": //ECI\r\n this.props.filterState.filterData.memberECI = this.props.formValues.memberECIForm.values.memberECI;\r\n\r\n break;\r\n case \"12\": // Member No\r\n this.props.filterState.filterData.memberNumber = this.props.formValues.memberNoForm.values.memberNumbers;\r\n break;\r\n case \"29\":\r\n this.props.filterState.filterData.facilityRoutingSymbol = this.props.formValues.facilityRoutingSymbolForm.values.FacilityRoutingSymbol;\r\n break;\r\n case \"30\":\r\n this.props.filterState.filterData.orgCode = this.props.formValues.orgCodeForm.values.OrgCode;\r\n break;\r\n case \"31\":\r\n this.props.filterState.filterData.hourlySalary = {\r\n FromHourlySalary: this.props.formValues.hourlySalaryForm.values\r\n .HourlySalary.min,\r\n ToHourlySalary: this.props.formValues.hourlySalaryForm.values\r\n .HourlySalary.max,\r\n };\r\n break;\r\n case \"32\":\r\n this.props.filterState.filterData.annualSalary = {\r\n FromAnnualSalary: this.props.formValues.annualSalaryForm.values\r\n .AnnualSalary.min,\r\n ToAnnualSalary: this.props.formValues.annualSalaryForm.values\r\n .AnnualSalary.max,\r\n };\r\n break;\r\n case \"33\":\r\n this.props.filterState.filterData.email = this.props.formValues.emailForm.values.Email;\r\n break;\r\n case \"34\":\r\n this.props.filterState.filterData.plannedRetirement = this.props.formValues.plannedRetirementForm.values;\r\n break;\r\n case \"50\":\r\n this.props.filterState.filterData.mandatoryRetirement = this.props.formValues.mandatoryRetirementForm.values;\r\n break;\r\n\r\n case \"35\":\r\n this.props.filterState.filterData.scd = this.props.formValues.sCDForm.values;\r\n break;\r\n\r\n case \"36\":\r\n this.props.filterState.filterData.eodDate = this.props.formValues.eODDateForm.values;\r\n break;\r\n\r\n case \"37\":\r\n this.props.filterState.filterData.natcabuDate = this.props.formValues.nATCABUDateForm.values;\r\n break;\r\n\r\n case \"38\":\r\n this.props.filterState.filterData.buDate = this.props.formValues.bUDateForm.values;\r\n break;\r\n\r\n case \"39\":\r\n this.props.filterState.filterData.unionStartDate = this.props.formValues.unionStartDateForm.values;\r\n break;\r\n\r\n case \"40\":\r\n this.props.filterState.filterData.unionJoinDate = this.props.formValues.unionJoinDateForm.values;\r\n break;\r\n case \"41\":\r\n this.props.filterState.filterData.retirement = this.props.formValues.retirementForm.values;\r\n case \"42\":\r\n this.props.filterState.filterData.teamPosition = this.props.formValues.teamPositionForm.values;\r\n break;\r\n case \"55\":\r\n this.props.filterState.filterData.activeTeamPositionDate = this.props.formValues.activeDatePositionForm.values;\r\n break;\r\n ////FE Equipment Advance Filter Tabs Apply Filter Work\r\n case FE_AdvanceFilter_NewTabs.MEM_AF_INV_DESC: //description\r\n this.props.filterState.filterData.fe_inventory_desc = this.props.formValues.fe_mem_descriptionForm.values.Description;\r\n\r\n break;\r\n case FE_AdvanceFilter_NewTabs.MEM_AF_INV_BOOKVAL: //BookValue\r\n this.props.filterState.filterData.fe_inv_book_vals = {\r\n FromBookValue: this.props.formValues.fe_mem_bookValsForm.values\r\n .BookValue.min,\r\n ToBookValue: this.props.formValues.fe_mem_bookValsForm.values\r\n .BookValue.max,\r\n };\r\n default:\r\n break;\r\n }\r\n }\r\n mobileHeaderBtns() {\r\n return (\r\n \r\n \r\n \r\n ADVANCED FILTER\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n webModalHeader() {\r\n return (\r\n \r\n
\r\n
ADVANCED FILTER \r\n \r\n \r\n
\r\n \r\n {this.onlyModalBodyHTML(false)}\r\n \r\n \r\n );\r\n };\r\n /////// *******************Used for Edit Saved Filter Tab*************************/////////\r\n onlyModalBodyHTML = (isEditFilterModal) => {\r\n return (\r\n \r\n 897 && \"modal-dialog-centered modal-dialog\"} ${window.innerWidth <=\r\n 897 && \"mobile-modal-dialog\"} `}\r\n >\r\n \r\n {window.innerWidth <= 897\r\n ? this.mobileHeaderBtns()\r\n : this.webModalHeader()}\r\n\r\n
\r\n
\r\n \r\n {this.props.filterState.showWebSideBar ? (\r\n
\r\n\r\n {/* Mobile tags works start */}\r\n\r\n {/* Tags for advance filter */}\r\n {window.innerWidth <= 897 && (\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 897 &&\r\n \"w-md waves-effectwaves-light\"} m-1 m-sm-1 ${smallBtns}`}\r\n data-dismiss=\"modal\"\r\n aria-hidden=\"true\"\r\n onClick={() => this.onCancel()}\r\n >\r\n Cancel {/* Mobile Cancel Button */}\r\n \r\n )}\r\n\r\n this.resetALLFilters()}\r\n className={`btn btn-primary btn-success ${window.innerWidth >=\r\n 897 &&\r\n \"w-md waves-effect waves-light\"} m-1 m-sm-1 ${smallBtns}`}\r\n type=\"button\"\r\n >\r\n Reset All\r\n \r\n\r\n {!this.props.filterState.loadingAdvanceFilter &&\r\n window.innerWidth > 897 && (\r\n this.onSearch()}\r\n className={`btn btn-success ${window.innerWidth >=\r\n 897 &&\r\n \"w-md waves-effect waves-light\"} m-1 m-sm-1 ${smallBtns}`}\r\n type=\"button\"\r\n >\r\n Search\r\n \r\n )}\r\n\r\n {window.innerWidth <= 897 && (\r\n this.onSearch()}\r\n className={`btn btn-success ${window.innerWidth >=\r\n 897 &&\r\n \"w-md waves-effect waves-light\"} m-1 m-sm-1 ${smallBtns}`}\r\n type=\"button\"\r\n >\r\n Search\r\n \r\n )}\r\n {this.props.filterState.loadingAdvanceFilter &&\r\n window.innerWidth > 897 &&\r\n loadingBtn}\r\n \r\n \r\n \r\n {this.props.filterState.returnResultNo +\r\n \"Members will be returned\"}\r\n \r\n
\r\n
\r\n \r\n \r\n {window.innerWidth >= 760 && (\r\n \r\n {this.props.filterState.returnResultNo +\r\n \" Members will be returned\"}\r\n \r\n )}\r\n\r\n this.onCancel()}\r\n >\r\n Cancel\r\n \r\n )}\r\n\r\n this.resetALLFilters()}\r\n className={`btn btn-primary btn-success w-md waves-effect waves-light m-1 m-sm-1 ${smallBtns}`}\r\n disabled={this.props.dontAllowEditFilter}\r\n type=\"button\"\r\n >\r\n Reset All\r\n \r\n\r\n {!this.props.filterState.loadingAdvanceFilter && (\r\n this.onSearch()}\r\n className={`btn btn-success w-md waves-effect waves-light m-1 m-sm-1 ${smallBtns}`}\r\n type=\"button\"\r\n disabled={this.props.dontAllowEditFilter}\r\n >\r\n Search\r\n \r\n )}\r\n {this.props.filterState.loadingAdvanceFilter && loadingBtn}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n );\r\n };\r\n render() {\r\n const { showOnlyBody } = this.props;\r\n return showOnlyBody ? this.onlyModalBodyHTML(true) : this.fullModalHTML();\r\n }\r\n}\r\nconst smallBtns = window.innerWidth <= 897 ? \"btn-filter-sm\" : \"\";\r\nconst loadingBtn = (\r\n \r\n \r\n);\r\nexport default connect(\r\n (state) => ({\r\n filterState: state.advancedFilter,\r\n formValues: state.form,\r\n currentState: state,\r\n savedSearchState: state.saveSearch,\r\n }),\r\n { ...actionFilter, ...savedSearchAction, ...mailGunEmailActions }\r\n)(AdvanceFilter);\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst actions = {\r\n SET_FACILITY_ACTIVE_TAB: \"SET_FACILITY_ACTIVE_TAB\",\r\n SET_FACILITY_FILE_TAB: \"SET_FACILITY_FILE_TAB\",\r\n\r\n SET_FACILITY_CARDS_VISIBILITY: \"SET_FACILITY_CARDS_VISIBILITY\",\r\n SET_FACILITY_MEMBERS_LOADING: \"SET_FACILITY_MEMBERS_LOADING\",\r\n ADD_FACILITY_PHY_ADDRESS: \"ADD_FACILITY_PHY_ADDRESS\",\r\n REMOVE_FACILITY_PHY_ADDRESS: \"REMOVE_FACILITY_PHY_ADDRESS\",\r\n ADD_FACILITY_MAIL_ADDRESS: \"ADD_FACILITY_MAIL_ADDRESS\",\r\n REMOVE_FACILITY_MAIL_ADDRESS: \"REMOVE_FACILITY_MAIL_ADDRESS\",\r\n ADD_FACILITY_PHONE_NO: \"ADD_FACILITY_PHONE_NO\",\r\n REMOVE_FACILITY_PHONE_NO: \"REMOVE_FACILITY_PHONE_NO\",\r\n SET_FACILTY_PHY_ADDRESS: \"SET_FACILTY_PHY_ADDRESS\",\r\n SET_FACILTY_MAILING_ADDRESS: \"SET_FACILTY_MAILING_ADDRESS\",\r\n\r\n SAVE_FACILTY_PHY_ADDRESS: \"SAVE_FACILTY_PHY_ADDRESS\",\r\n SAVED_SUCCESSFULLY: \"SAVED_SUCCESSFULLY\",\r\n DELETED_SUCCESSFULLY: \"DELETED_SUCCESSFULLY\",\r\n\r\n SET_FACILITY_INFO_CARD: \"SET_FACILITY_INFO_CARD\",\r\n SET_FACILITY_PHONE_NUMBERS: \"SET_FACILITY_PHONE_NUMBERS\",\r\n\r\n RESET_FACILITY_PHONE_NUMBERS: \"RESET_FACILITY_PHONE_NUMBERS\",\r\n RESET_FACILTY_PHY_ADDRESS: \"RESET_FACILTY_PHY_ADDRESS\",\r\n RESET_FACILTY_MAILING_ADDRESS: \"RESET_FACILTY_MAILING_ADDRESS\",\r\n\r\n SET_FACILITY_TYPE_OPTIONS: \"SET_FACILITY_TYPE_OPTIONS\",\r\n SET_FACILITY_REGIONS_OPTIONS: \"SET_FACILITY_REGIONS_OPTIONS\",\r\n\r\n SET_FACILITY_OPTIONS: \"SET_FACILITY_OPTIONS\",\r\n SET_FACILITY_FILES_LOADING: \"SET_FACILITY_FILES_LOADING\",\r\n SET_FACILITY_FILES_TREE_DATA: \"SET_FACILITY_FILES_TREE_DATA\",\r\n\r\n SET_VFR_MAP_KEY: \"SET_VFR_MAP_KEY\",\r\n SET_FACILITY_FILE_UPLOADING: \"SET_FACILITY_FILE_UPLOADING\",\r\n SET_STARTUP_FACILITY_ACTIVE: \"SET_STARTUP_FACILITY_ACTIVE\",\r\n\r\n DELETE_OSHA_FILE: \"DELETE_OSHA_FILE\",\r\n\r\n SET_OSHA_ATTACHMENTS_LOADING: \"SET_OSHA_ATTACHMENTS_LOADING\",\r\n\r\n SET_OSHA_ATTACHMENTS_FILES: \"SET_OSHA_ATTACHMENTS_FILES\",\r\n\r\n SLICE_OSHA_ATTACHMENTS_FILES: \"SLICE_OSHA_ATTACHMENTS_FILES\",\r\n\r\n SET_FACILITY_SELECTED_MAPS: \"SET_FACILITY_SELECTED_MAPS\",\r\n\r\n ADD_SELECTED_MAPS: \"ADD_SELECTED_MAPS\",\r\n REMOVE_SELECTED_MAPS: \"REMOVE_SELECTED_MAPS\",\r\n\r\n IS_ACCORDION_LOADING: \"IS_ACCORDION_LOADING\",\r\n SHOW_OFFICER_MODAL: \"SHOW_OFFICER_MODAL\",\r\n SHOW_PENDING_REQUEST_ALERT: \"SHOW_PENDING_REQUEST_ALERT\",\r\n\r\n setFacilityActiveTab: (name) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_FACILITY_ACTIVE_TAB,\r\n payload: name,\r\n });\r\n },\r\n showOfficerModal: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SHOW_OFFICER_MODAL,\r\n payload: val,\r\n });\r\n },\r\n showPendingRequestAlert: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SHOW_PENDING_REQUEST_ALERT,\r\n payload: val,\r\n });\r\n },\r\n\r\n setFacilityActiveFileTab: (name) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_FILE_TAB,\r\n payload: name,\r\n });\r\n },\r\n\r\n setFacilityCardsVisibility: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_CARDS_VISIBILITY,\r\n payload: val,\r\n });\r\n },\r\n setStartupFacilityActive: () => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_STARTUP_FACILITY_ACTIVE,\r\n });\r\n },\r\n setFacilityMembersLoading: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_MEMBERS_LOADING,\r\n payload: val,\r\n });\r\n },\r\n addFacilityPhyAddress: () => (dispatch) => {\r\n dispatch({\r\n type: actions.ADD_FACILITY_PHY_ADDRESS,\r\n });\r\n },\r\n removeFacilityPhyAddress: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_FACILITY_PHY_ADDRESS,\r\n payload: id,\r\n });\r\n },\r\n addFacilityMailAddress: () => (dispatch) => {\r\n dispatch({\r\n type: actions.ADD_FACILITY_MAIL_ADDRESS,\r\n });\r\n },\r\n removeFacilityMailAddress: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_FACILITY_MAIL_ADDRESS,\r\n payload: id,\r\n });\r\n },\r\n addFacilityPhoneNo: () => (dispatch) => {\r\n dispatch({\r\n type: actions.ADD_FACILITY_PHONE_NO,\r\n });\r\n },\r\n removeFacilityPhoneNo: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_FACILITY_PHONE_NO,\r\n payload: id,\r\n });\r\n },\r\n setFacilityPhyAddress: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILTY_PHY_ADDRESS,\r\n payload: val,\r\n });\r\n },\r\n\r\n setFacilityMailingAddress: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILTY_MAILING_ADDRESS,\r\n payload: val,\r\n });\r\n },\r\n saveFacilityAddress: (body) => (dispatch) => {\r\n //debugger\r\n $(\".loading\").show();\r\n axios.post(\"/api/Facilities/AddAddresses\", body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n toast.success(\" Updated Successfuly.\");\r\n dispatch({\r\n type: actions.SAVED_SUCCESSFULLY,\r\n });\r\n\r\n let isPhysical = data.result.filter((el) => {\r\n return el.addresstypeid == 4;\r\n });\r\n\r\n if (isPhysical.length > 0) {\r\n dispatch({\r\n type: actions.SET_FACILTY_PHY_ADDRESS,\r\n payload: data.result,\r\n });\r\n } else {\r\n dispatch({\r\n type: actions.SET_FACILTY_MAILING_ADDRESS,\r\n payload: data.result,\r\n });\r\n }\r\n\r\n $(\".loading\").hide();\r\n } else {\r\n // console.log(data);\r\n $(\".loading\").hide();\r\n }\r\n });\r\n },\r\n deleteFacilityFile: (formData) => (dispatch) => {\r\n //debugger\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_LOADING,\r\n payload: true,\r\n });\r\n axios\r\n .post(\"/api/FacilityFiles/RemoveFacilityFile\", formData)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_TREE_DATA,\r\n payload: data.treeResult.value,\r\n });\r\n\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_LOADING,\r\n payload: false,\r\n });\r\n toast.success(\" Deleted Successfuly.\");\r\n } else {\r\n toast.error(data.message);\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_LOADING,\r\n payload: false,\r\n });\r\n }\r\n });\r\n },\r\n setFacilityPhoneNumbers: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_PHONE_NUMBERS,\r\n payload: val,\r\n });\r\n },\r\n\r\n saveFacilityPhone: (body) => (dispatch) => {\r\n // debugger\r\n $(\".loading\").show();\r\n axios.post(\"/api/Facilities/AddPhoneNumners\", body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n toast.success(\" Updated Successfuly.\");\r\n dispatch({\r\n type: actions.SAVED_SUCCESSFULLY,\r\n });\r\n\r\n dispatch({\r\n type: actions.SET_FACILITY_PHONE_NUMBERS,\r\n payload: data.result,\r\n });\r\n\r\n $(\".loading\").hide();\r\n } else {\r\n // console.log(data);\r\n $(\".loading\").hide();\r\n }\r\n });\r\n },\r\n\r\n resetPhoneNumbers: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_FACILITY_PHONE_NUMBERS,\r\n });\r\n },\r\n resetPhysicalAddresses: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_FACILTY_PHY_ADDRESS,\r\n });\r\n },\r\n resetMailingAddresses: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_FACILTY_MAILING_ADDRESS,\r\n });\r\n },\r\n\r\n setVFRMapKey: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_VFR_MAP_KEY,\r\n payload: val,\r\n });\r\n },\r\n\r\n getFacilityTypeOptions: () => (dispatch) => {\r\n $(\".loading\").show();\r\n axios.get(\"/api/Systemdata/FacilityType\").then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_TYPE_OPTIONS,\r\n payload: data.data,\r\n });\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n getFacilityRegionsOptions: () => (dispatch) => {\r\n $(\".loading\").show();\r\n\r\n axios.get(\"/api/Region/FetchRegionsDropDownList\").then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_REGIONS_OPTIONS,\r\n payload: data.data,\r\n });\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n getFacilityOptions: () => (dispatch) => {\r\n axios.get(\"/api/Facilities?isTable=true\").then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_OPTIONS,\r\n payload: data.data,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n getFacilityFiles: (facilityid) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_LOADING,\r\n payload: true,\r\n });\r\n\r\n axios\r\n .get(`/api/FacilityFiles/FetchFilesTree?facilityid=${facilityid}`)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n // debugger\r\n\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_TREE_DATA,\r\n payload: data,\r\n });\r\n // console.log('receive the data for facility files');\r\n } else {\r\n dispatch({\r\n type: actions.SET_FACILITY_FILES_LOADING,\r\n payload: false,\r\n });\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n\r\n uploadfacilityfile: (formdata) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_FILE_UPLOADING,\r\n payload: true,\r\n });\r\n $(\".loading\").show();\r\n\r\n axios\r\n .post(\"/api/FacilityFiles/UploadFacilityFile\", formdata, {\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n })\r\n .then(({ data }) => {\r\n dispatch({\r\n type: actions.SET_FACILITY_FILE_UPLOADING,\r\n payload: false,\r\n });\r\n // debugger\r\n let facilityid = JSON.parse(formdata.get(\"data\")).facilityid;\r\n var action = actions.getFacilityFiles(facilityid);\r\n dispatch(action);\r\n $(\".loading\").hide();\r\n })\r\n .catch(function(error) {\r\n $(\".loading\").hide();\r\n console.log(error);\r\n });\r\n },\r\n\r\n getOSHAAttachments: (self, folderId) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_OSHA_ATTACHMENTS_LOADING,\r\n payload: true,\r\n });\r\n\r\n axios\r\n .get(`/api/OSHA/FetchOSHAAttachments/${folderId}`, {})\r\n .then(({ data }) => {\r\n debugger;\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_OSHA_ATTACHMENTS_LOADING,\r\n payload: false,\r\n });\r\n\r\n dispatch({\r\n type: actions.SET_OSHA_ATTACHMENTS_FILES,\r\n payload: data,\r\n });\r\n\r\n self.toggleModal();\r\n } else {\r\n dispatch({\r\n type: actions.SET_OSHA_ATTACHMENTS_LOADING,\r\n payload: false,\r\n });\r\n dispatch({\r\n type: actions.SET_OSHA_ATTACHMENTS_FILES,\r\n payload: data,\r\n });\r\n self.toggleModal();\r\n toast.error(data.message);\r\n }\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n },\r\n\r\n sliceImageFromAttachment: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.SLICE_OSHA_ATTACHMENTS_FILES,\r\n payload: id,\r\n });\r\n },\r\n\r\n deleteOSHAFile: (mySelf, filepath) => (dispatch) => {\r\n //debugger\r\n dispatch({\r\n type: actions.DELETE_OSHA_FILE,\r\n payload: true,\r\n });\r\n let currentFacility = mySelf.props.facilityId;\r\n axios\r\n .post(\r\n `/api/OSHA/RemoveFileFromDirectory?filePath=${filepath}&facilityId=${currentFacility}`\r\n )\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n mySelf.setState({ currentImage: -1 });\r\n mySelf.setState({ NonImageFile: \"/\" });\r\n mySelf.toggleConfirmModal();\r\n\r\n const allrefs = mySelf.refs;\r\n const lightBox = allrefs.GallaryLightBox;\r\n\r\n lightBox.closeLightbox();\r\n\r\n var action = actions.sliceImageFromAttachment(filepath);\r\n dispatch(action);\r\n\r\n toast.success(\" Deleted Successfuly.\");\r\n } else {\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n\r\n forcelyCloseModal: (modalId) => (dispatch) => {\r\n $(\"body\").removeClass(\"modal-open\");\r\n $(\".modal-backdrop\").remove();\r\n $(`${modalId}`).click();\r\n },\r\n\r\n getSelectedMapsForFacility: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: true,\r\n });\r\n\r\n axios.get(`/api/Facilities/GetSelectedMapIds/${id}`).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_SELECTED_MAPS,\r\n payload: data.result,\r\n });\r\n\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: false,\r\n });\r\n } else {\r\n dispatch({\r\n type: actions.SET_FACILITY_SELECTED_MAPS,\r\n payload: [],\r\n });\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: false,\r\n });\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n\r\n saveSelectedMapsForFacility: (ids, facilityId) => (dispatch) => {\r\n let body = {\r\n selectedIds: ids,\r\n facilityId,\r\n };\r\n\r\n axios.post(`/api/Facilities/SaveSelectedMapIds`, body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_SELECTED_MAPS,\r\n payload: data.result,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n\r\n addSelectedMapfacilities: (values) => (dispatch) => {\r\n dispatch({\r\n type: actions.ADD_SELECTED_MAPS,\r\n payload: values,\r\n });\r\n },\r\n\r\n removeSelectedMapfacilities: (idx, mapid, facilityid) => (dispatch) => {\r\n //debugger;\r\n dispatch({\r\n type: actions.REMOVE_SELECTED_MAPS,\r\n payload: idx,\r\n });\r\n\r\n axios\r\n .get(`/api/Facilities/RemoveFacilityMapRow/${mapid}/${facilityid}`)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n } else {\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n\r\n setAccordionLoading: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: val,\r\n });\r\n },\r\n removeFacilityAddress: (body) => (dispatch) => {\r\n //debugger\r\n $(\".loading\").show();\r\n axios.post(\"/api/Facilities/RemoveAddresses\", body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n toast.success(\" Deleted Successfuly.\");\r\n $(\".cancelModal\").trigger(\"click\");\r\n\r\n dispatch({\r\n type: actions.DELETED_SUCCESSFULLY,\r\n });\r\n $(\".loading\").hide();\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n }\r\n });\r\n },\r\n\r\n deleteFacilityPhoneNo: (body) => (dispatch) => {\r\n // debugger\r\n $(\".loading\").show();\r\n axios.post(\"/api/Facilities/RemovePhoneNumners\", body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n toast.success(\" Deleted Successfuly.\");\r\n $(\".cancelModal\").trigger(\"click\");\r\n\r\n dispatch({\r\n type: actions.DELETED_SUCCESSFULLY,\r\n });\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n },\r\n};\r\n\r\nexport default actions;\r\n","import React, { Component } from \"react\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport facilityActions from \"../../../store/facility/action\";\r\nfunction OfficerButton(props) {\r\n return (\r\n <>\r\n {props.location.pathname.indexOf(\"/directory/facility/view\") > -1 &&\r\n AuthService.canSPView(\r\n PermissionFeature.OfficerUpdate,\r\n undefined,\r\n props.match.params.id\r\n ) && (\r\n \r\n {\r\n props.showOfficerModal(true);\r\n e.stopPropagation();\r\n }}\r\n //data-toggle=\"modal\"\r\n //data-target=\".AdvanceFilterModal\"\r\n //data-backdrop=\"static\"\r\n //data-keyboard=\"false\"\r\n >\r\n Local Update{\" \"}\r\n {props.facilityDashboardState.showPendingRequestAlert &&\r\n AuthService.canSPUpdate(\r\n PermissionFeature.OfficerUpdate,\r\n undefined,\r\n props.match.params.id\r\n ) && (\r\n
\r\n )}{\" \"}\r\n \r\n );\r\n}\r\nexport default withRouter(\r\n connect(\r\n (state) => ({\r\n facilityDashboardState: state.facilityDashboard,\r\n }),\r\n {\r\n ...facilityActions,\r\n }\r\n )(OfficerButton)\r\n);\r\n","export const Saved_Search = 110;\r\nexport const Share_Search = 111;\r\nexport const Customize_Fields = 112;\r\nexport const Export_Results = 113;\r\nexport const Buckets = 114;\r\n\r\nexport const Personal_Info = 45;\r\nexport const Account = 75;\r\nexport const Contacts = 64;\r\nexport const Membership = 72;\r\nexport const Dates = 81;\r\nexport const Financial = 87;\r\nexport const Jobs = 95;\r\nexport const Positions = 107;\r\nexport const Filter = 109;\r\nexport const Communication = 115;\r\n\r\nexport const Email = 71;\r\nexport const Text = 70;\r\n\r\nexport const Email_Lists = 119;\r\n\r\nexport const Email_Access = 189;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport $ from \"jquery\";\r\n\r\nclass ConfirmLoadBucketSearchModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentWillReceiveProps(nextprops) {}\r\n render() {\r\n let confirmId = \"CLBSModal\";\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n
Confirm Load Saved Bucket \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Loading this saved bucket will clear the current bucket. Any\r\n unsaved changes will be lost. Do you want to proceed?\r\n
\r\n
\r\n\r\n
\r\n {\r\n window.$(\"#\" + confirmId).modal(\"hide\");\r\n this.props.confirm();\r\n }}\r\n >\r\n Yes\r\n \r\n {\r\n window.$(\"#\" + confirmId).modal(\"hide\");\r\n }}\r\n >\r\n No\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ConfirmLoadBucketSearchModal;\r\n","import axios from \"../../../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport $ from \"jquery\";\r\n// import AuthService from \"../../../../modules/Auth/AuthService\";\r\n// import PermissionFeature from \"../../../../modules/Permissions/PermissionFeature\";\r\n// import RemoveActionType from \"../../../../modules/Email/Enums/RemoveActionType\";\r\n\r\nexport default {\r\n //******************Removes both Filter and Email List(If Exists)*********************//\r\n deleteFilterAPI: (searchId, searchType, memberId) => {\r\n let deleteUrl =\r\n \"/api/SavedSearch/DeleteSearch?savedSearchId=\" +\r\n searchId +\r\n \"&searchType=\" +\r\n searchType +\r\n \"&memberId=\" +\r\n memberId;\r\n $(\".loading\").show();\r\n return axios.delete(deleteUrl).then(({ data }) => {\r\n if (data.status) {\r\n if (data.status.toLowerCase() === \"success\") {\r\n ///toast.success(data.message);\r\n $(\".loading\").hide();\r\n return { data: data };\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n } else {\r\n toast.error(\"Search cannot be deleted.\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n });\r\n },\r\n getAllSystemFilters: async () => {\r\n let { data } = await axios\r\n .get(`/api/SavedSearch/GetAllSavedSearches`)\r\n .catch((error) => {\r\n // Handle error\r\n console.error(error);\r\n });\r\n if (data.status.toLowerCase() == \"success\") {\r\n return data.data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n getMemberSearches: async (memberId) => {\r\n let { data } = await axios\r\n .get(`/api/SavedSearch/getMemberSearchesV2/${memberId}`)\r\n .catch((error) => {\r\n // Handle error\r\n console.error(error);\r\n });\r\n if (data.status.toLowerCase() == \"success\") {\r\n return data.data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n updateSaveSearchName: async (model) => {\r\n let { data } = await axios\r\n .post(`/api/SavedSearch/UpdateSavedSearchName`, model)\r\n .catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.status === \"success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetSavedSearchFilter: async (body) => {\r\n try {\r\n const response = await axios.post(\r\n \"/api/SavedSearch/GetSavedSearchFilter\",\r\n body\r\n );\r\n const { status, data = {} } = response;\r\n\r\n ///debugger;\r\n if (data.status === \"success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n if (error) {\r\n if (error.status === 400) {\r\n // Handle the 400 Bad Request error here\r\n console.error(\"400 Bad Request:\", error.data);\r\n toast.error(error.data);\r\n return null;\r\n } else {\r\n // Handle other response errors here\r\n console.error(\"Response Error:\", error.status, error.data);\r\n toast.error(error.data);\r\n return null;\r\n }\r\n } else {\r\n console.error(\"Network Error or Other Error:\", error.message);\r\n return null;\r\n }\r\n }\r\n },\r\n togglePin: async (searchId, searchTypeId, memberId) => {\r\n let patchUrl =\r\n \"/api/SavedSearch/ToggleSearchPin?savedSearchId=\" +\r\n searchId +\r\n \"&searchType=\" +\r\n searchTypeId +\r\n \"&memberId=\" +\r\n memberId;\r\n\r\n const response = await axios.patch(patchUrl);\r\n const { data } = response;\r\n if (data.status.toLowerCase() === \"success\") {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n },\r\n};\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport actionFilter from \"../../../store/advancedfilter/action\";\r\nimport { Accordion, Card, Button, Dropdown } from \"react-bootstrap\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport ReactDOM from \"react-dom\";\r\nimport savedSearchAction from \"../../../store/saveSearch/action\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport mailGunEmailActions from \"../../../store/mailgunEmails/action\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport facilityActions from \"../../../store/facility/action\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport OfficerButton from \"../../Dashboard/FacilityDashboard/OfficerButton\";\r\nimport \"../../../assets/css/scroller.css\";\r\nimport { toast } from \"react-toastify\";\r\nimport $ from \"jquery\";\r\n\r\nimport _ from \"lodash\";\r\nimport * as Permissions from \"../../Permissions/PermissionValues\";\r\n\r\nimport ConfirmLoadBucketSearchModal from \"../../Shared/ConfirmLoadBucketSearchModal\";\r\nimport FiltersService from \"./Listing/FiltersService\";\r\nimport * as SavedSearchTypes from \"../../AdvanceSearch/SavedSearches/SavedSearchTypes\";\r\n\r\nconst OWNERSHIP_ITEM = 1;\r\nconst BUCKET_ITEM = 2;\r\nconst SHARED_ITEM = 3;\r\n\r\nclass AdvancedSavedSearch extends Component {\r\n constructor(props) {\r\n super(props);\r\n this._handleClick = this._handleClick.bind(this);\r\n this.state = {\r\n refreshState: false,\r\n memberId: AuthService.getProfile().memberData.id,\r\n ownershipItems: [],\r\n bucketSearchItems: [],\r\n sharedSearchItems: [],\r\n showMenu: false,\r\n advanced_search_title: \"\",\r\n isRefreshingSharedSearch: false,\r\n searchResultData: [],\r\n showDropdown: false,\r\n savedSearchId: null,\r\n savedSearchTypeId: null,\r\n isAdvancedFilterSelected: false,\r\n showEditSearchDialog: false,\r\n sharedSearchLoader: false,\r\n confirmBucketSearch: null,\r\n allFilters: [],\r\n };\r\n this.renderItemType.bind(this);\r\n this.refreshState.bind(this);\r\n this.fetchSearchCriteria.bind(this);\r\n\r\n this.editSearchDialog = React.createRef();\r\n }\r\n\r\n onChange(e) {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n handleKeyUp = (e) => {\r\n this.setState({ [e.target.name]: e.target.value });\r\n };\r\n _handleClick = (e) => {\r\n // e.stopPropagation(); // <------ Here is the magic\r\n // e.preventDefault();\r\n const { history } = this.props;\r\n this.props.setfilterActionClick(true);\r\n\r\n //Assuming it for Directory Tabs\r\n if (history && history.location.pathname == \"/directory/members\") {\r\n $(\"#clickAdvancedFilter\").trigger(\"click\");\r\n } else {\r\n //Assuming it for Directory Tabs\r\n this.props.history.push(\"/directory/members\", {\r\n routeFromProfile: false,\r\n routeFromDDLFiler: true,\r\n });\r\n this.props.history.location.link = \"/directoryTabs\";\r\n }\r\n };\r\n // Saved Filters List Link click\r\n _handleClickFilterList = (e) => {\r\n //const { history } = this.props;\r\n this.props.redirectToFiltersList();\r\n };\r\n handleClose = () => {\r\n this.setState({ showEditSearchDialog: false });\r\n };\r\n\r\n componentDidMount() {\r\n const { isFiltersLoaded } = this.props.savedSearchState;\r\n if (!isFiltersLoaded) {\r\n this.refreshState();\r\n }\r\n //console.log(\"kehna ghalat ghalat\");\r\n // if (this.props && this.props.location) {\r\n // let savedSearchId = this.props.savedSearchState.SaveSearchId; //this.props.location;\r\n // if (\r\n // this.props.filterState.isAdvancedFilterSelected === true &&\r\n // savedSearchId &&\r\n // savedSearchId > 0\r\n // ) {\r\n // this.fetchSearchCriteria(this.props.savedSearchState.SavedSearchDetail);\r\n // }\r\n // }\r\n }\r\n\r\n // componentWillMount = () => {};\r\n componentDidUpdate = async (prevProps) => {\r\n if (this.props.savedSearchState.IconTriggerEvent != \"\") {\r\n this.triggerIconEvents(this.props.savedSearchState.IconTriggerEvent);\r\n }\r\n if (this.props.savedSearchState.ResetSavedSearchComp) {\r\n this.resetSavedSearch();\r\n }\r\n const { RefreshSelectId } = this.props.savedSearchState;\r\n if (this.props.savedSearchState.RefreshState) {\r\n await this.props.updateAndSelect(0, false);\r\n this.refreshState(true, RefreshSelectId);\r\n }\r\n };\r\n resetSavedSearch() {\r\n this.setState({\r\n savedSearchId: null,\r\n savedSearchTypeId: null,\r\n activeSearchId: null,\r\n });\r\n this.props.setSavedSearchCriteria(null);\r\n //this.props.setSavedSearchDetail(null);\r\n this.props.stopResetSavedSearchComp();\r\n }\r\n // refreshSharedSearch = () => {\r\n // this.state.sharedSearchLoader = true;\r\n // axios\r\n // .get(\"/api/SavedSearch/getMemberSearches/\" + this.state.memberId)\r\n // .then(({ data }) => {\r\n // this.state.sharedSearchLoader = false;\r\n // this.setState({ sharedSearchItems: data.sharedSearchItems });\r\n // });\r\n // this.setState({ sharedSearchLoader: this.state.sharedSearchLoader });\r\n // };\r\n // refreshState = async () => {\r\n // this.showSpinner();\r\n // var data = await FiltersService.getMemberSearches(this.state.memberId); // ??? Which member is this\r\n // if (\r\n // _.isArray(data.ownershipItems) &&\r\n // this.props.savedSearchState.SavedSearchDetail != null &&\r\n // this.props.savedSearchState.SavedSearchDetail.search_type_id ==\r\n // SavedSearchTypes.OWNERSHIP_ITEM\r\n // ) {\r\n // let currentObj = data.ownershipItems.filter(\r\n // (x) => x.id == this.props.savedSearchState.SavedSearchDetail.id\r\n // );\r\n // if (currentObj.length == 1) {\r\n // //delete currentObj[0].search_criteria;\r\n // this.props.setSavedSearchDetail(currentObj[0]);\r\n // }\r\n // } else if (\r\n // _.isArray(data.bucketSearchItems) &&\r\n // this.props.savedSearchState.SavedSearchDetail != null &&\r\n // this.props.savedSearchState.SavedSearchDetail.search_type_id ==\r\n // BUCKET_ITEM\r\n // ) {\r\n // let currentObj = data.bucketSearchItems.filter(\r\n // (x) => x.id == this.props.savedSearchState.SavedSearchDetail.id\r\n // );\r\n // if (currentObj.length == 1) {\r\n // //delete currentObj[0].search_criteria;\r\n // this.props.setSavedSearchDetail(currentObj[0]);\r\n // }\r\n // } else if (\r\n // _.isArray(data.sharedSearchItems) &&\r\n // this.props.savedSearchState.SavedSearchDetail != null &&\r\n // this.props.savedSearchState.SavedSearchDetail.search_type_id ==\r\n // SHARED_ITEM\r\n // ) {\r\n // let currentObj = data.sharedSearchItems.filter(\r\n // (x) => x.id == this.props.savedSearchState.SavedSearchDetail.id\r\n // );\r\n // if (currentObj.length == 1) {\r\n // //delete currentObj[0].search_criteria;\r\n // this.props.setSavedSearchDetail(currentObj[0]);\r\n // }\r\n // }\r\n // if (this.props.savedSearchState.RefreshState) {\r\n // let selectId = this.props.savedSearchState.RefreshSelectId;\r\n // await this.props.updateAndSelect(0, false);\r\n // var data2 = data.ownershipItems.filter((x) => x.id == selectId);\r\n // if (data2.length == 1) {\r\n // this.fetchSearchCriteria(data2[0]);\r\n // } else {\r\n // data2 = data.bucketSearchItems.filter((x) => x.id == selectId);\r\n // if (data2.length == 1) {\r\n // this.fetchSearchCriteria(data2[0]);\r\n // } else {\r\n // data2 = data.sharedSearchItems.filter((x) => x.id == selectId);\r\n // if (data2.length == 1) {\r\n // this.fetchSearchCriteria(data2[0]);\r\n // }\r\n // }\r\n // }\r\n // }\r\n // // this.setState({ ownershipItems: data.ownershipItems });\r\n // // this.setState({ bucketSearchItems: data.bucketSearchItems });\r\n // // this.setState({ sharedSearchItems: data.sharedSearchItems });\r\n // this.setState({\r\n // ownershipItems: data.ownershipItems,\r\n // bucketSearchItems: data.bucketSearchItems,\r\n // sharedSearchItems: data.sharedSearchItems,\r\n // });\r\n // let allFilters = [\r\n // ...data.ownershipItems,\r\n // ...data.bucketSearchItems,\r\n // ...data.sharedSearchItems,\r\n // ];\r\n // let truncatedList = allFilters.map((obj) => {\r\n // // Create a copy of the object without the \"search_criteria\" property\r\n // const { search_criteria, ...rest } = obj;\r\n // return rest;\r\n // });\r\n // this.props.setMemberFilters(truncatedList);\r\n // //let pinnedOnly = allFilters.filter((item) => item.is_pinned === 1);\r\n // // this.setState({\r\n // // allFilters: pinnedOnly,\r\n // // });\r\n\r\n // this.hideSpinner();\r\n\r\n // console.log(\"refreshState is called!!!\");\r\n // this.props.setIsFiltersLoaded(true);\r\n // };\r\n refreshState = async (refreshStateFlag = false, selectId = 0) => {\r\n this.showSpinner();\r\n let data = await FiltersService.getMemberSearches(this.state.memberId);\r\n this.hideSpinner();\r\n if (data != null) {\r\n const { ownershipItems, bucketSearchItems, sharedSearchItems } = data;\r\n const { SavedSearchDetail } = this.props.savedSearchState;\r\n const searchType = SavedSearchDetail\r\n ? SavedSearchDetail.search_type_id\r\n : null;\r\n\r\n // const findSearchCriteria = (searchItems) => {\r\n // const currentObj = searchItems.find((x) => x.id === selectId);\r\n // if (currentObj) {\r\n // this.fetchSearchCriteria(currentObj);\r\n // }\r\n // };\r\n\r\n let selectedSearchItem = null;\r\n\r\n if (Array.isArray(ownershipItems) && searchType === OWNERSHIP_ITEM) {\r\n selectedSearchItem = ownershipItems.find(\r\n (x) => x.id === SavedSearchDetail.id\r\n );\r\n } else if (\r\n Array.isArray(bucketSearchItems) &&\r\n searchType === BUCKET_ITEM\r\n ) {\r\n selectedSearchItem = bucketSearchItems.find(\r\n (x) => x.id === SavedSearchDetail.id\r\n );\r\n } else if (\r\n Array.isArray(sharedSearchItems) &&\r\n searchType === SHARED_ITEM\r\n ) {\r\n selectedSearchItem = sharedSearchItems.find(\r\n (x) => x.id === SavedSearchDetail.id\r\n );\r\n }\r\n\r\n if (selectedSearchItem) {\r\n //delete selectedSearchItem.search_criteria;\r\n this.props.setSavedSearchDetail(selectedSearchItem);\r\n }\r\n\r\n if (refreshStateFlag) {\r\n // let filter = ownershipItems.find((x) => x.id === selectId);\r\n // if (!filter) {\r\n // filter = bucketSearchItems.find((x) => x.id === selectId);\r\n // }\r\n // if (!filter) {\r\n // filter = sharedSearchItems.find((x) => x.id === selectId);\r\n // }\r\n // if (filter) {\r\n // this.fetchSearchCriteria(filter);\r\n // }\r\n const {\r\n location: { pathname },\r\n } = this.props.history;\r\n const {\r\n allSystemFilters,\r\n loggedInUserFilters,\r\n } = this.props.savedSearchState;\r\n let isExistsInAllFilters = allSystemFilters.some(\r\n (f) =>\r\n f.id == selectId ||\r\n (searchType == SHARED_ITEM && f.saved_search_id == selectId)\r\n );\r\n let isExistsInMyFilters = loggedInUserFilters.some(\r\n (f) =>\r\n f.id == selectId ||\r\n (searchType == SHARED_ITEM && f.saved_search_id == selectId)\r\n );\r\n let filter = 0;\r\n if (isExistsInMyFilters) {\r\n filter = loggedInUserFilters.find(\r\n (f) =>\r\n f.id == selectId ||\r\n (searchType == SHARED_ITEM && f.saved_search_id == selectId)\r\n );\r\n } else if (isExistsInAllFilters) {\r\n filter = allSystemFilters.find(\r\n (f) =>\r\n f.id == selectId ||\r\n (searchType == SHARED_ITEM && f.saved_search_id == selectId)\r\n );\r\n }\r\n if (filter) {\r\n this.fetchSearchCriteria(filter);\r\n } else {\r\n console.log(\"filter not found!\");\r\n }\r\n }\r\n\r\n this.setState({\r\n ownershipItems,\r\n bucketSearchItems,\r\n sharedSearchItems,\r\n //allFilters: pinnedOnly,\r\n });\r\n\r\n const allFilters = [\r\n ...ownershipItems,\r\n ...bucketSearchItems,\r\n ...sharedSearchItems,\r\n ];\r\n let truncatedList = allFilters.map((obj) => {\r\n // Create a copy of the object without the \"search_criteria\" property\r\n const { search_criteria, ...rest } = obj;\r\n return rest;\r\n });\r\n this.props.setMemberFilters(truncatedList);\r\n\r\n //const pinnedOnly = allFilters.filter((item) => item.is_pinned === 1);\r\n this.props.setIsFiltersLoaded(true); // Linked with componentDidMount\r\n }\r\n };\r\n triggerIconEvents(Event) {\r\n this.props.unSetIconEvent();\r\n let Events = this.props.savedSearchState.IconEvents;\r\n let currentSearch = this.props.savedSearchState.SavedSearchDetail;\r\n if (currentSearch != null) {\r\n switch (Event) {\r\n case Events.STAR_ICON:\r\n this.togglePin(currentSearch.id, currentSearch.search_type_id);\r\n break;\r\n case Events.EDIT_ICON:\r\n this.editSearchItem(currentSearch);\r\n break;\r\n case Events.DELETE_EVENT:\r\n this.deleteSearch(\r\n currentSearch.search_name,\r\n currentSearch.id,\r\n currentSearch.search_type_id\r\n );\r\n break;\r\n default:\r\n }\r\n }\r\n }\r\n\r\n hasPermissionToSave() {\r\n // Logic to get permission to save search.\r\n return AuthService.canAdd(Permissions.Saved_Search);\r\n }\r\n\r\n hasPermissionToDelete = () => {\r\n return AuthService.canDelete(Permissions.Saved_Search);\r\n };\r\n\r\n togglePin = async (searchId, searchTypeId) => {\r\n const { memberId } = this.state;\r\n this.showSpinner();\r\n const data = await FiltersService.togglePin(\r\n searchId,\r\n searchTypeId,\r\n memberId\r\n );\r\n if (data.status) {\r\n if (data.status.toLowerCase() === \"success\") {\r\n toast.success(data.message);\r\n this.refreshState();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n } else {\r\n toast.error(\"Search cannot be updated.\");\r\n }\r\n this.hideSpinner();\r\n // let patchUrl =\r\n // \"/api/SavedSearch/ToggleSearchPin?savedSearchId=\" +\r\n // searchId +\r\n // \"&searchType=\" +\r\n // searchTypeId +\r\n // \"&memberId=\" +\r\n // this.state.memberId;\r\n // this.showSpinner();\r\n // axios.patch(patchUrl).then(({ data }) => {\r\n // this.hideSpinner();\r\n // if (data.status) {\r\n // if (data.status.toLowerCase() === \"success\") {\r\n // toast.success(data.message);\r\n // this.refreshState();\r\n // } else {\r\n // toast.error(data.message);\r\n // }\r\n // } else {\r\n // toast.error(\"Search cannot be updated.\");\r\n // }\r\n // });\r\n };\r\n\r\n editSearchItem = (item) => {\r\n if (item) {\r\n this.editSearchDialog.current.editSearchItem(\r\n item.id,\r\n item.search_type_id,\r\n item.search_name\r\n );\r\n this.setState({ showEditSearchDialog: true });\r\n }\r\n };\r\n\r\n renderPinnedIcon = (item) => {\r\n if (item.is_pinned === 1) {\r\n return (\r\n {\r\n this.togglePin(item.id, item.search_type_id);\r\n $(\"body\").trigger(\"click\");\r\n }}\r\n >\r\n );\r\n } else {\r\n return (\r\n {\r\n this.togglePin(item.id, item.search_type_id);\r\n }}\r\n >\r\n );\r\n }\r\n };\r\n renderEditIcon = (item) => {\r\n if (item.member_id === this.state.memberId) {\r\n return (\r\n {\r\n this.editSearchItem(item);\r\n $(\"body\").trigger(\"click\");\r\n }}\r\n >\r\n );\r\n }\r\n };\r\n renderBucketIcon = (item) => {\r\n if (item.search_type_id === BUCKET_ITEM) {\r\n return {\r\n this.deleteSearch(item.search_name, item.id, item.search_type_id);\r\n $(\"body\").trigger(\"click\");\r\n }}\r\n >\r\n );\r\n }\r\n };\r\n\r\n deleteSearch(searchName, searchId, searchType) {\r\n if (\r\n window.confirm(\r\n `This will delete the saved search ${searchName} permanently.\\r\\nIf this search is shared with other users they will lose access.\\r\\nAre you sure?`\r\n )\r\n ) {\r\n let deleteUrl =\r\n \"/api/SavedSearch/DeleteSearch?savedSearchId=\" +\r\n searchId +\r\n \"&searchType=\" +\r\n searchType +\r\n \"&memberId=\" +\r\n this.state.memberId;\r\n this.showSpinner();\r\n axios.delete(deleteUrl).then(({ data }) => {\r\n this.hideSpinner();\r\n if (data.status) {\r\n if (data.status.toLowerCase() === \"success\") {\r\n toast.success(data.message);\r\n this.refreshState();\r\n this.props.resetSavedSearch();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n } else {\r\n toast.error(\"Search cannot be deleted.\");\r\n }\r\n });\r\n }\r\n }\r\n\r\n showSpinner = () => {\r\n $(\".loading\").show();\r\n };\r\n\r\n hideSpinner = () => {\r\n $(\".loading\").hide();\r\n };\r\n\r\n refreshResults(searchCriteria, columnHeaders) {\r\n if (searchCriteria) {\r\n const body = searchCriteria;\r\n var url =\r\n \"/api/Member/AdvancedFilter?pageOffset=0&pageFetch=10&sortName=seniorityasc\";\r\n this.showSpinner();\r\n axios.post(url, body).then(({ data: response }) => {\r\n /// console.clear();\r\n console.log(\"Response GetSavedSearchFilter : \");\r\n console.log(response);\r\n this.setState({ searchResultData: response.data });\r\n //this.props.savedFilterSelected(searchCriteria, response, columnHeaders);\r\n //this.props.setSavedSearchCriteria(searchCriteria);\r\n this.hideSpinner();\r\n });\r\n }\r\n }\r\n handleDropdownItemClick = (item) => {\r\n const {\r\n location: { pathname },\r\n } = this.props.history;\r\n const {\r\n allSystemFilters,\r\n loggedInUserFilters,\r\n } = this.props.savedSearchState;\r\n let isExistsInAllFilters = allSystemFilters.some((f) => f.id == item.id);\r\n let isExistsInMyFilters = loggedInUserFilters.some((f) => f.id == item.id);\r\n let filterId = 0;\r\n //Whenever their is real_search_type_id property present it indicates shared saved-search\r\n if (item.real_search_type_id) {\r\n filterId = item.saved_search_id;\r\n } else {\r\n filterId = item.id;\r\n }\r\n //If click action happened from \"All Email-Lists\" then route to \"All Filters\"\r\n if (isExistsInMyFilters) {\r\n this.props.redirectToFiltersList(item);\r\n } else if (isExistsInAllFilters) {\r\n if (isExistsInMyFilters) {\r\n this.props.redirectToFiltersList(item);\r\n } else {\r\n this.props.redirectToAllFiltersList(item);\r\n }\r\n }\r\n };\r\n fetchSearchCriteria = async (item, isDDLClick = false) => {\r\n // const {\r\n // location: { pathname },\r\n // } = this.props.history;\r\n if (isDDLClick) {\r\n this.handleDropdownItemClick(item); //dont' want to re-route it to \"directory/members\",from New Search Filters screen.\r\n } else {\r\n //debugger;\r\n //console.log(\"fetchSearchCriteria called from savedSearch.component.js\");\r\n let searchId = item.id,\r\n ///item.search_type_id == SHARED_ITEM ? item.saved_search_id : item.id,\r\n //searchTitle = item.search_name,\r\n owner_member = item.owner_id || item.member_id, // member_id in \"myfilter\" and \"owner_id\" in allfilters listing\r\n searchTypeId = item.search_type_id;\r\n const { isOpenFilterModal = false } = this.props.savedSearchState;\r\n\r\n if (searchId && searchTypeId) {\r\n this.props.ResetlocalPaging();\r\n this.props.isSavedSearchSelected(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n this.props.setAdvancedSearch(false);\r\n if (!isOpenFilterModal) {\r\n this.props.redirectToMembers(); //dont' want to re-route it to \"directory/members\",from New Search Filters screen.\r\n }\r\n this.props.setSavedSearchCriteria(null);\r\n this.props.setSavedSearchDetail(null);\r\n this.setState({\r\n savedSearchId: searchId,\r\n savedSearchTypeId: searchTypeId,\r\n activeSearchId: searchId,\r\n });\r\n this.setState({ showDropdown: false });\r\n const body = {\r\n SearchId: searchId, /// Must be primary key of \"SharedSearch\" table in case of \"Shared Search\"\r\n /// else if primary key of Saved Searches\r\n MemberId: owner_member, // Useless in case if Shared Search item\r\n SearchType: searchTypeId,\r\n };\r\n let shared_type_id = 0;\r\n let shared_search_id = 0;\r\n if (\r\n item.search_type_id == SHARED_ITEM &&\r\n item.real_search_type_id == BUCKET_ITEM\r\n ) {\r\n shared_type_id = item.real_search_type_id;\r\n shared_search_id = item.saved_search_id;\r\n }\r\n this.props.setSavedSearchDDLObject({\r\n ...body,\r\n savedSearchPerformed: true,\r\n });\r\n this.showSpinner();\r\n // var _this = this;\r\n // axios\r\n // .post(\"/api/SavedSearch/GetSavedSearchFilter\", body)\r\n // .then(({ data: response }) => {\r\n // this.hideSpinner();\r\n // if (response.status) {\r\n // if (response.status.toLowerCase() === \"success\") {\r\n // this.props.setSavedSearchCriteria({\r\n // savedSearchCriteriaDetail: response,\r\n // searchTypeId,\r\n // searchId,\r\n // sharedSaveSearchTypeId: shared_type_id,\r\n // sharedBucketSearchId: shared_search_id,\r\n // });\r\n // //delete item.search_criteria;\r\n // this.props.setSavedSearchDetail(item);\r\n\r\n // if (searchTypeId == BUCKET_ITEM) {\r\n // this.props.isSavedBucket(true);\r\n // this.props.setSavedBucketId(searchId);\r\n // } else {\r\n // this.props.isSavedBucket(false);\r\n // this.props.setSavedBucketId(0);\r\n // }\r\n\r\n // $(\"body\").trigger(\"click\");\r\n // } else {\r\n // toast.error(response.message);\r\n // }\r\n // } else {\r\n // toast.error(\"Could not retrieve saved search detail.\");\r\n // }\r\n // });\r\n let response = await FiltersService.GetSavedSearchFilter(body);\r\n if (response) {\r\n this.props.setSavedSearchCriteria({\r\n savedSearchCriteriaDetail: response,\r\n searchTypeId,\r\n searchId,\r\n sharedSaveSearchTypeId: shared_type_id,\r\n sharedBucketSearchId: shared_search_id,\r\n });\r\n //delete item.search_criteria;\r\n this.props.setSavedSearchDetail(item);\r\n if (searchTypeId == BUCKET_ITEM) {\r\n this.props.isSavedBucket(true);\r\n this.props.setSavedBucketId(searchId);\r\n } else {\r\n this.props.isSavedBucket(false);\r\n this.props.setSavedBucketId(0);\r\n }\r\n $(\"body\").trigger(\"click\");\r\n }\r\n } //END IF BLOCK\r\n }\r\n }; //END MAIN FUNC\r\n fetchBucketSearchCriteria(item, isDDLClick) {\r\n var items = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n if (items !== null && items.length > 0) {\r\n this.setState({ confirmBucketSearch: item });\r\n window.$(\"#CLBSModal\").modal(\"show\");\r\n } else {\r\n this.fetchSearchCriteria(item, isDDLClick);\r\n }\r\n }\r\n renderItemType(itemsToRender, emptyMessage) {\r\n if (itemsToRender && itemsToRender.length) {\r\n return (\r\n \r\n {itemsToRender.map((item) => (\r\n \r\n \r\n
\r\n
{\r\n if (\r\n item.search_type_id == BUCKET_ITEM ||\r\n (item.search_type_id == SHARED_ITEM &&\r\n item.real_search_type_id == BUCKET_ITEM)\r\n ) {\r\n this.fetchBucketSearchCriteria(item, true);\r\n // this.fetchSearchCriteria(item);\r\n } else {\r\n this.fetchSearchCriteria(item, true);\r\n }\r\n $(\"body\").trigger(\"click\");\r\n }}\r\n >\r\n {item.search_name}\r\n \r\n \r\n
\r\n
\r\n {this.renderPinnedIcon(item)}\r\n {/* {this.renderEditIcon(item)}\r\n {this.renderDeleteIcon(item)} */}\r\n {this.renderBucketIcon(item)}\r\n
\r\n
\r\n
\r\n ))}\r\n \r\n );\r\n } else {\r\n return (\r\n {\r\n if (div) {\r\n div.style.setProperty(\"font-style\", \"italic\", \"important\");\r\n }\r\n }}\r\n >\r\n {emptyMessage}\r\n \r\n );\r\n }\r\n }\r\n\r\n canViewBucketResult = () => {\r\n return AuthService.canView(Permissions.Buckets);\r\n };\r\n canViewSharedResult = () => {\r\n return AuthService.canView(Permissions.Share_Search);\r\n };\r\n createConfirmModal() {\r\n const app = (\r\n {\r\n this.fetchSearchCriteria(this.state.confirmBucketSearch);\r\n }}\r\n >\r\n );\r\n let existItem = document.getElementById(\"confirmBSwrapper\");\r\n if (existItem) {\r\n ReactDOM.render(app, existItem);\r\n } else {\r\n let g = document.createElement(\"div\");\r\n g.setAttribute(\"id\", \"confirmBSwrapper\");\r\n ReactDOM.render(app, document.body.appendChild(g));\r\n }\r\n }\r\n render() {\r\n let {\r\n allFilters = [],\r\n loggedInUserFilters = [],\r\n } = this.props.savedSearchState;\r\n const { match, location, history } = this.props;\r\n const currentRouteUrl = location.pathname;\r\n let pinned_filters = [];\r\n if (currentRouteUrl.includes(\"all\")) {\r\n pinned_filters = allFilters.filter((item) => item.is_pinned === 1);\r\n } else {\r\n pinned_filters = loggedInUserFilters.filter(\r\n (item) => item.is_pinned === 1\r\n );\r\n }\r\n\r\n this.createConfirmModal();\r\n return (\r\n \r\n
\r\n {/* Text input for search name */}\r\n\r\n {/* Button to save advanced search ends here*/}\r\n {/*(this.props.location.pathname.indexOf(\"/directory/facility/view\") >\r\n -1 && AuthService.canSPView(PermissionFeature.OfficerUpdate, undefined, this.props.match.params.id)) && (\r\n
\r\n {\r\n this.props.showOfficerModal(true);\r\n }}\r\n //data-toggle=\"modal\"\r\n //data-target=\".AdvanceFilterModal\"\r\n //data-backdrop=\"static\"\r\n //data-keyboard=\"false\"\r\n >\r\n Officer Update {(this.props.facilityDashboardState.showPendingRequestAlert && AuthService.canSPUpdate(PermissionFeature.OfficerUpdate, undefined, this.props.match.params.id)) && (
\r\n )*/}\r\n\r\n {/*
*/}\r\n
\r\n -1 &&\r\n AuthService.canSPView(\r\n PermissionFeature.OfficerUpdate,\r\n undefined,\r\n this.props.match.params.id\r\n )\r\n ? \"col-xl-7\"\r\n : \"col-12\"\r\n }`}\r\n >\r\n {/* List of saved advanced searches */}\r\n this.setState({ showDropdown: false })}\r\n onToggle={(isOpen, event) => {\r\n this.setState({ showDropdown: isOpen });\r\n }}\r\n >\r\n \r\n Saved Filters\r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.renderItemType(\r\n this.state.ownershipItems,\r\n \"No saved search item\"\r\n )}\r\n \r\n \r\n \r\n {this.canViewBucketResult() === true && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.renderItemType(\r\n this.state.bucketSearchItems,\r\n \"No bucket search item\"\r\n )}\r\n \r\n \r\n \r\n )}\r\n {this.canViewSharedResult() === true && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {!this.state.isRefreshingSharedSearch && (\r\n \r\n )}\r\n {this.state.isRefreshingSharedSearch && (\r\n
\r\n
\r\n
\r\n {this.state.sharedSearchLoader ? (\r\n
\r\n
\r\n ) : (\r\n this.renderItemType(\r\n this.state.sharedSearchItems,\r\n \"No shared search item\"\r\n )\r\n )}\r\n
\r\n \r\n \r\n \r\n )}\r\n */}\r\n
\r\n \r\n \r\n \r\n {this.renderItemType(\r\n pinned_filters,\r\n \"No Stared Filters Found\"\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Saved Filters List\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {/* List of saved advanced searches ends here*/}\r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n (state) => ({\r\n filterState: state.advancedFilter,\r\n savedSearchState: state.saveSearch,\r\n melstate: state.mailGunEmail,\r\n facilityDashboardState: state.facilityDashboard,\r\n }),\r\n {\r\n ...actionFilter,\r\n ...savedSearchAction,\r\n ...facilityActions,\r\n ...mailGunEmailActions,\r\n }\r\n )(AdvancedSavedSearch)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { render } from \"react-dom\";\r\nimport { SortableContainer, SortableElement } from \"react-sortable-hoc\";\r\nimport arrayMove from \"array-move\";\r\nimport $ from \"jquery\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\n\r\nconst SortableItem = SortableElement(\r\n ({ value, dataKey, showDeleteIcon, onItemDelete }) => (\r\n \r\n \r\n {value} \r\n {showDeleteIcon === true && (\r\n {\r\n onItemDelete(dataKey);\r\n }}\r\n >\r\n )}\r\n
\r\n \r\n )\r\n);\r\n\r\nconst SortableList = SortableContainer(\r\n ({ items, textField, dataKeyField, showDeleteIcon, onItemDelete }) => {\r\n return (\r\n \r\n {items.map((obj, index) => {\r\n let value = obj;\r\n if (textField) {\r\n value = obj[textField];\r\n }\r\n let dataKey = -1;\r\n if (dataKeyField) {\r\n dataKey = obj[dataKeyField];\r\n }\r\n if (\r\n obj.permission_feature_id &&\r\n obj.permission_feature_id > 0 &&\r\n AuthService.canView(obj.permission_feature_id\r\n )\r\n ) {\r\n if (obj.permission_feature_id == PermissionFeature.ContactAddresses || obj.permission_feature_id == PermissionFeature.ContactEmailAddresses || obj.permission_feature_id == PermissionFeature.ContactPhones) {\r\n if (!AuthService.canView(PermissionFeature.MembersContact)) {\r\n return null;\r\n }\r\n }\r\n return (\r\n \r\n );\r\n }\r\n);\r\n\r\nclass SortableComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n items: [...this.props.items],\r\n dataKeyField: this.props.dataKeyField,\r\n textField: this.props.textField,\r\n };\r\n }\r\n\r\n onSortEnd = ({ oldIndex, newIndex }) => {\r\n $(\".sortable-item-list\")\r\n .find(\"li.active-sort-item\")\r\n .removeClass(\"active-sort-item\");\r\n $(\".sortable-item-list\").removeClass(\"sorting\");\r\n this.setState(({ items }) => ({\r\n items: arrayMove(items, oldIndex, newIndex),\r\n }));\r\n this.props.onSortEnd(oldIndex, newIndex);\r\n };\r\n\r\n onSortStart = ({ node, index, collection, isKeySorting }, event) => {\r\n //console.log(node);\r\n $(\".sortable-item-list\").addClass(\"sorting\");\r\n $(node).addClass(\"active-sort-item\");\r\n };\r\n\r\n onSortOver = ({ index, oldIndex, newIndex, collection, isKeySorting }, e) => {\r\n //debugger;\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n {availableFields.map((header, idx) => {\r\n if (this.hasAccessToFields(header.id)) {\r\n return (\r\n \r\n \r\n \r\n {header.category_name}\r\n \r\n \r\n \r\n \r\n \r\n {header.savedSearchColumns.map((fld, index) => {\r\n if (AuthService.canView(fld.permission_feature_id)) {\r\n return (\r\n \r\n {fld.column_name}\r\n {\r\n this.moveToSelected(fld.id);\r\n }}\r\n key={index + 1}\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 selectedFieldSorted = (oldIndex, newIndex) => {\r\n let sortedFields = arrayMove(\r\n [...this.state.selectedFields],\r\n oldIndex,\r\n newIndex\r\n );\r\n let items = arrayMove([...this.state.items], oldIndex, newIndex);\r\n //sortedFields = arrayMove([...sortedFields], oldIndex, newIndex);\r\n this.setState({\r\n selectedFields: sortedFields,\r\n items: items,\r\n });\r\n };\r\n\r\n removeSelectedField = (fieldId) => {\r\n let selectedFields = [...this.state.selectedFields];\r\n let filteredItem = selectedFields.filter((fld) => {\r\n return fld.id === fieldId;\r\n });\r\n let fieldToRemove = filteredItem[0];\r\n const index = selectedFields.indexOf(fieldToRemove);\r\n if (index > -1) {\r\n selectedFields.splice(index, 1);\r\n if (this.props.FacilityMembers === true) {\r\n var items = JSON.parse(\r\n localStorage.getItem(\"FMembers_\" + this.state.memberId)\r\n );\r\n if (items !== null) {\r\n items.splice(index, 1);\r\n localStorage.setItem(\r\n \"FMembers_\" + this.state.memberId,\r\n JSON.stringify(items)\r\n );\r\n }\r\n } else if (this.props.PACMembers === true) {\r\n var items = JSON.parse(\r\n localStorage.getItem(\"PAC_\" + this.state.memberId)\r\n );\r\n if (items !== null) {\r\n items.splice(index, 1);\r\n localStorage.setItem(\r\n \"PAC_\" + this.state.memberId,\r\n JSON.stringify(items)\r\n );\r\n }\r\n } else {\r\n var items = JSON.parse(\r\n localStorage.getItem(\"Members_\" + this.state.memberId)\r\n );\r\n if (items !== null) {\r\n items.splice(index, 1);\r\n localStorage.setItem(\r\n \"Members_\" + this.state.memberId,\r\n JSON.stringify(items)\r\n );\r\n }\r\n }\r\n }\r\n this.setState({\r\n selectedFields: selectedFields,\r\n selectedFieldsCount: selectedFields.length,\r\n });\r\n };\r\n\r\n canBeSubmitted = () => {\r\n return this.state.selectedFieldsCount > 0;\r\n };\r\n\r\n mapFieldsWithSearch = async () => {\r\n if (!this.state.savedSearchId || this.state.savedSearchId <= 0) {\r\n this.setState({\r\n requiresResultRefresh: true,\r\n });\r\n if (this.props.PACMembers === true) {\r\n localStorage.setItem(\r\n \"PAC_\" + this.state.memberId,\r\n JSON.stringify(this.state.selectedFields)\r\n );\r\n } else if (this.props.FacilityMembers === true) {\r\n localStorage.setItem(\r\n \"FMembers_\" + this.state.memberId,\r\n JSON.stringify(this.state.selectedFields)\r\n );\r\n } else {\r\n localStorage.setItem(\r\n \"Members_\" + this.state.memberId,\r\n JSON.stringify(this.state.selectedFields)\r\n );\r\n }\r\n\r\n this.state.requiresResultRefresh = true;\r\n this.props.customizeSearchDialogClosed(\r\n this.state.requiresResultRefresh,\r\n this.state.selectedFields\r\n );\r\n\r\n this.handleClose();\r\n return;\r\n }\r\n this.showSpinner();\r\n ///const body = this.state.selectedFields;\r\n let { selectedFields } = this.state;\r\n //selectedFields = JSON.parse(JSON.stringify(body));\r\n let {\r\n editFilterRow: {\r\n id = 0,\r\n search_type_id = 0,\r\n saved_search_id = 0,\r\n real_search_type_id = 0,\r\n },\r\n } = this.props.savedSearchState;\r\n let filterId = 0;\r\n if (search_type_id == SavedSearchTypes.SHARED_ITEM) {\r\n filterId = saved_search_id;\r\n } else {\r\n filterId = id;\r\n }\r\n let APIParams = {\r\n searchId: filterId,\r\n memberId: this.state.memberId, // This member id will be used to fetch Member info\r\n search_name: \"\",\r\n selectedColumns: selectedFields,\r\n membersList: this.state._dataArray,\r\n };\r\n ///const body = this.state.selectedFields;\r\n let response = await EmailListService.MapColumnsWithSearch(APIParams);\r\n if (response && response.status === \"success\") {\r\n toast.success(\"Field(s) successfully mapped with search.\");\r\n this.setState({\r\n requiresResultRefresh: true,\r\n });\r\n this.handleClose();\r\n }\r\n this.hideSpinner();\r\n\r\n // axios\r\n // .post(\r\n // `/api/SavedSearch/MapcolumnsWithSearch?savedSearchId=${this.state.savedSearchId}&memberId=${this.state.memberId}`,\r\n // body\r\n // )\r\n // .then(({ data: response }) => {\r\n // if (response.status === \"success\") {\r\n // toast.success(\"Field(s) successfully mapped with search.\");\r\n // this.setState({\r\n // requiresResultRefresh: true,\r\n // });\r\n // this.handleClose();\r\n // } else {\r\n // toast.error(response.message);\r\n // }\r\n // this.hideSpinner();\r\n // });\r\n };\r\n\r\n render() {\r\n var props = {\r\n items: [...this.state.selectedFields],\r\n dataKeyField: \"id\",\r\n textField: \"column_name\",\r\n showDeleteIcon: true,\r\n onItemDelete: this.removeSelectedField,\r\n };\r\n const isEnabled = this.canBeSubmitted();\r\n return (\r\n \r\n \r\n \r\n \r\n CUSTOMIZE RESULTS \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Available Fields(s)\r\n \r\n \r\n {this.renderAvailableFields(this.state.availableFields)}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Selected Fields(s)\r\n \r\n \r\n {/* {this.renderSelectedFields(this.state.items)} */}\r\n \r\n this.selectedFieldSorted(oldIndex, newIndex)\r\n }\r\n >\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Save changes\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n//export default CustomizeSearchResults;\r\n\r\nexport default connect((state) => ({\r\n savedSearchState: state.saveSearch,\r\n}))(CustomizeSearchResults);\r\n","import React, { Component } from \"react\";\r\nimport CustomizeSearchResults from \"./CustomizeSearchResults\";\r\nimport { connect } from \"react-redux\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport {\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n} from \"reactstrap\";\r\nimport * as Permissions from \"../../Permissions/PermissionValues\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\n\r\nclass SavedSearchCustomizer extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n savedSearchId: this.props.savedSearchId,\r\n searchTitle: this.props.searchTitle,\r\n searchType: this.props.searchType,\r\n showModal: false,\r\n };\r\n }\r\n canCustomizeResults = () => {\r\n return AuthService.canView(Permissions.Customize_Fields);\r\n };\r\n showModal = () => {\r\n return this.canCustomizeResults() === true && this.state.savedSearchId > 0;\r\n };\r\n customizeSearchDialogClosed = (requiresRefresh, selectedFields) => {\r\n this.setState({\r\n showModal: false,\r\n });\r\n this.props.forceSearchRefresh(requiresRefresh, selectedFields);\r\n };\r\n\r\n render() {\r\n const { isOpenFilterModal = false } = this.props.savedSearchState;\r\n\r\n if (\r\n // this.props.savedSearchId &&\r\n // this.props.savedSearchId > 0 &&\r\n // this.props.searchType != SavedSearchTypes.SHARED_ITEM &&\r\n this.canCustomizeResults() === true\r\n ) {\r\n return (\r\n \r\n {!isOpenFilterModal ? (\r\n \r\n {this.props.FacilityDashboard ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n this.setState({\r\n showModal: true,\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n ) : (\r\n {\r\n this.setState({\r\n showModal: true,\r\n });\r\n }}\r\n >\r\n )}\r\n\r\n \r\n
\r\n ) : this.props.showConfigColsBtn ? (\r\n <>\r\n {/* //For Edit Filter Modal// */}\r\n \r\n {\r\n this.setState({\r\n showModal: true,\r\n });\r\n }}\r\n className={`btn btn-primary mt-2 float-left`}\r\n >\r\n Configure Columns\r\n \r\n
\r\n\r\n \r\n \r\n ) : null}\r\n \r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n}\r\nexport default connect((state) => ({\r\n melstate: state.mailGunEmail,\r\n filterState: state.advancedFilter,\r\n savedSearchState: state.saveSearch,\r\n}))(SavedSearchCustomizer);\r\n","import React, { Component } from \"react\";\r\nimport { Row, Col } from \"react-bootstrap\";\r\n\r\nexport default class FacilityPAC extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n
this.props.handleSearchClick(e)}\r\n >\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {this.props.pacMemberSearchTxt_err}\r\n \r\n
\r\n
\r\n \r\n Amount Per Pay Period \r\n
\r\n \r\n {`$${this.props.AmountPerPayPeriod.toLocaleString(\r\n navigator.language,\r\n { minimumFractionDigits: 2, maximumFractionDigits: 2 }\r\n )}`}\r\n
\r\n \r\n \r\n Amount Per Cycle \r\n
\r\n \r\n {`$${this.props.AmountPerPayPeriod &&\r\n Math.round(this.props.AmountPerPayPeriod * 52).toLocaleString(\r\n navigator.language,\r\n {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n }\r\n )}`}\r\n
\r\n \r\n \r\n PAC % \r\n
\r\n \r\n {`${this.props.CountTotalMembers &&\r\n (\r\n (this.props.PACCount / this.props.CountTotalMembers) *\r\n 100\r\n ).toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}%`}\r\n
\r\n \r\n \r\n PAC Avg. \r\n
\r\n \r\n {`$${this.props.CountTotalMembers &&\r\n (\r\n this.props.AmountPerPayPeriod / this.props.CountTotalMembers\r\n ).toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}/pp`}\r\n
\r\n \r\n
\r\n
\r\n Confirm Send \r\n \r\n \r\n
Do you want to send the message without any subject? \r\n \r\n \r\n \r\n {\r\n props.confirm().confirmed();\r\n }}\r\n >\r\n Send\r\n {\" \"}\r\n \r\n Cancel\r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { Component, Fragment } from \"react\";\r\nimport CKEditor from \"@ckeditor/ckeditor5-react\";\r\nimport ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\n\r\nclass CKEditorTextEditor extends Component {\r\n render() {\r\n const { onChangeInput } = this.props;\r\n const custom_config_settings = {\r\n extraPlugins: [MyCustomUploadAdapterPlugin],\r\n toolbar: {\r\n items: [\r\n \"heading\",\r\n \"|\",\r\n \"bold\",\r\n \"italic\",\r\n \"link\",\r\n \"bulletedList\",\r\n \"numberedList\",\r\n \"|\",\r\n \"blockQuote\",\r\n \"insertTable\",\r\n \"|\",\r\n \"imageUpload\",\r\n \"undo\",\r\n \"redo\",\r\n ],\r\n },\r\n table: {\r\n contentToolbar: [\"tableColumn\", \"tableRow\", \"mergeTableCells\"],\r\n },\r\n };\r\n return (\r\n {\r\n const data = editor.getData();\r\n onChangeInput(data);\r\n }}\r\n onInit={(editor) => {\r\n // You can store the \"editor\" and use when it is needed.\r\n console.log(\"Editor is ready to use!\", editor);\r\n // You can store the \"editor\" and use when it is needed.\r\n // console.log(\"Editor is ready to use!\", editor);\r\n\r\n //editor.plugins = [CKFinder, ...editor.plugins];\r\n editor.editing.view.change((writer) => {\r\n writer.setStyle(\r\n \"height\",\r\n \"225px\",\r\n editor.editing.view.document.getRoot()\r\n );\r\n });\r\n }}\r\n />\r\n );\r\n }\r\n}\r\n\r\nfunction MyCustomUploadAdapterPlugin(editor) {\r\n // debugger;\r\n editor.plugins.get(\"FileRepository\").createUploadAdapter = (loader) => {\r\n return new MyUploadAdapter(loader);\r\n };\r\n}\r\n\r\nclass MyUploadAdapter {\r\n constructor(props) {\r\n // CKEditor 5's FileLoader instance.\r\n this.loader = props;\r\n // URL where to send files.\r\n this.url = `${process.env.REACT_APP_API_BASE_URL}/api/SavedSearch/StoreMgCompositionModalAttachments`;\r\n }\r\n\r\n // Starts the upload process.\r\n upload() {\r\n return new Promise((resolve, reject) => {\r\n this._initRequest();\r\n this._initListeners(resolve, reject);\r\n this._sendRequest();\r\n });\r\n }\r\n\r\n // Aborts the upload process.\r\n abort() {\r\n if (this.xhr) {\r\n this.xhr.abort();\r\n }\r\n }\r\n\r\n // Example implementation using XMLHttpRequest.\r\n _initRequest() {\r\n const xhr = (this.xhr = new XMLHttpRequest());\r\n xhr.open(\"POST\", this.url, true);\r\n xhr.responseType = \"json\";\r\n xhr.setRequestHeader(\"Access-Control-Allow-Origin\", \"*\");\r\n xhr.setRequestHeader(\r\n \"Authorization\",\r\n `Bearer ${localStorage.getItem(\"token\")}`\r\n );\r\n //xhr.send(params);\r\n }\r\n\r\n // Initializes XMLHttpRequest listeners.\r\n _initListeners(resolve, reject) {\r\n const xhr = this.xhr;\r\n const loader = this.loader;\r\n const genericErrorText = \"Couldn't upload file:\" + ` ${loader.file.name}.`;\r\n\r\n xhr.addEventListener(\"error\", () => reject(genericErrorText));\r\n xhr.addEventListener(\"abort\", () => reject());\r\n xhr.addEventListener(\"load\", () => {\r\n const response = xhr.response;\r\n if (!response || response.error) {\r\n return reject(\r\n response && response.error ? response.error.message : genericErrorText\r\n );\r\n }\r\n\r\n // If the upload is successful, resolve the upload promise with an object containing\r\n // at least the \"default\" URL, pointing to the image on the server.\r\n resolve({\r\n default: response.s3Url,\r\n });\r\n });\r\n\r\n if (xhr.upload) {\r\n xhr.upload.addEventListener(\"progress\", (evt) => {\r\n if (evt.lengthComputable) {\r\n loader.uploadTotal = evt.total;\r\n loader.uploaded = evt.loaded;\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Prepares the data and sends the request.\r\n _sendRequest() {\r\n const data = new FormData();\r\n const params = {\r\n emailListId: 2,\r\n savedSearchId: 34,\r\n };\r\n\r\n this.loader.file.then((result) => {\r\n data.append(\"file\", result);\r\n this.xhr.send(data);\r\n });\r\n }\r\n}\r\n\r\nexport default CKEditorTextEditor;\r\n","export const QuestionTypes = Object.freeze({\r\n Text: 1,\r\n DropDown: 2,\r\n Switch: 3,\r\n Checkboxes: 4,\r\n Radiobuttons: 5,\r\n Email: 6,\r\n});\r\n\r\nexport const RegistrationTableTypes = Object.freeze({\r\n MyRegistrations: 1,\r\n OpenRegistrations: 2,\r\n AdminRegistrations: 3, // Chid Templates\r\n MemberProfileRegistrations: 4,\r\n ReviewRequests: 5,\r\n});\r\n\r\nexport const RegistrationStatuses = Object.freeze({\r\n ///Pre Start\r\n InProgress: 1,\r\n PendingApproval: 2,\r\n NotAccepted: 3,\r\n Registered: 4,\r\n Cancelled: 5,\r\n ///Post Start Date\r\n Attended: 6,\r\n NoShow: 7,\r\n Deleted: 8,\r\n //PaymentFailed: 9,\r\n PendingRegistration: 10,\r\n});\r\nexport const ReviewRequestActions = Object.freeze({\r\n Approve: 1,\r\n Deny: 2,\r\n ApproveAll: 3,\r\n DenyAll: 4,\r\n ApproveAndDenyOthers: 5,\r\n DenyAndApproveOthers: 6,\r\n});\r\nexport const CompositionModalMode = Object.freeze({\r\n Email: 1,\r\n SMS: 2,\r\n});\r\nexport const PaymentStatuses = Object.freeze({\r\n Success: 1,\r\n UnPaid: 2,\r\n Processing: 4,\r\n RequiresPaymentMethod: 5,\r\n Failed: 5,\r\n RequiresAction: 6, //Customer did not complete the checkout\r\n NotApplicable: 7, // Means registrations with non required fee questions has been submitted by not answering fee questions.\r\n});\r\nexport const RegisWizardCloseActions = Object.freeze({\r\n CancelRegis: 1,\r\n SaveAndClose: 2,\r\n JustClose: 3,\r\n JustSaveAnswers: 4,\r\n Submit: 5,\r\n});\r\nexport const RegisWizardSteps = Object.freeze({\r\n FirstStep: \"firstStep\",\r\n SecondStep: \"secondStep\",\r\n ThirdStep: \"thirdStep\",\r\n FourthStep: \"fourthStep\",\r\n});\r\nexport const AcademyClassRoles = Object.freeze({\r\n LeadInstructor: 1,\r\n Instructor: 2,\r\n Guest: 3,\r\n Student: 4,\r\n EventAdmin: 5,\r\n});\r\n\r\n///DropDown Lists used in Review-Request screen\r\nexport const RegistrationStatusesOptions = [\r\n { status: \"Pending Approval\", id: 2, checked: false },\r\n { status: \"Not Accepted\", id: 3, checked: false },\r\n { status: \"Registered\", id: 4, checked: false },\r\n { status: \"Attended\", id: 6, checked: false },\r\n { status: \"No Show\", id: 7, checked: false },\r\n];\r\nexport const RegisTableType = Object.freeze({\r\n ReviewRequest: 1,\r\n MarkAttendance: 2,\r\n AdditionalRegistrants: 3,\r\n});\r\nexport const SessionPaymentStatus = Object.freeze({\r\n no_payment_required: 1,\r\n paid: 2,\r\n unpaid: 3,\r\n});\r\nexport const SessionStaus = Object.freeze({\r\n open: 1,\r\n complete: 2,\r\n expired: 3,\r\n});\r\nexport const ChildTemplateStatuses = Object.freeze({\r\n Active: 1,\r\n Completed: 2,\r\n Cancelled: 3,\r\n InProgress: 4,\r\n});\r\n\r\nexport const DiscountTypes = Object.freeze({\r\n 1: 'Percentage',\r\n 2: 'Fixed',\r\n});\r\n","import AUX from \"../../../hoc/Aux_\";\r\nimport React, { Component } from \"react\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport { Modal } from \"react-bootstrap\";\r\n// import CKEditor from \"@ckeditor/ckeditor5-react\";\r\n// import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\n// import CKFinder from \"@ckeditor/ckeditor5-ckfinder/src/ckfinder\";\r\n// import ClassicEditor from \"@ckeditor/ckeditor5-build-classic/build/ckeditor\";\r\nimport EmailListService from \"../../Email/EmailListService\";\r\nimport SendWithoutSubject from \"../../Email/ModalPopups/SendWithoutSubject\";\r\nimport MailGunEmailTypes from \"../../Email/Enums/MailGunEmailTypes\";\r\nimport CKEditorTextEditor from \"./CKEditorTextEditor\";\r\nimport { CompositionModalMode } from \"../../Registrations/Helpers/LookUpValues\";\r\n\r\nclass CompositionModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showModal: this.props.showModal,\r\n keyword: \"\",\r\n recepientText: \"\",\r\n recepientText_err: \"\",\r\n subjectText: \"\",\r\n valid: false,\r\n redirectToNewPage: false,\r\n\r\n membersMethods: this.props.membersMethods,\r\n memberName: this.props.memberName,\r\n isLookup: this.props.isLookup || false,\r\n page: 1,\r\n facility: this.props.facility ? this.props.facility : \"\",\r\n data: [],\r\n sizePerPage: 25,\r\n totalCount: 0,\r\n keyword: \"\",\r\n SortOrder: \"seniorityasc\",\r\n isAdvanceSearch: false,\r\n delId: 0,\r\n filters: [],\r\n showActive: true,\r\n memberId: AuthService.getProfile().memberData.id,\r\n ckeditorText: \"\",\r\n smsText: \"\",\r\n chars_Count: 0,\r\n chars_exceed: false,\r\n emailAddress: \"\",\r\n numbers: \"\",\r\n mgListAddress: \"\",\r\n selectedPrivilege: \"\",\r\n emailListId: 0,\r\n replyPreference: \"\",\r\n showSendWtSubModal: false,\r\n sendEmailUrl: \"\",\r\n sendEmailBody: {},\r\n postListAddress: \"\",\r\n };\r\n this.confirmSendSendWtSubModal = () => {\r\n this.confirmed = () => {\r\n this.callSendEmailApi(\r\n this.state.sendEmailUrl,\r\n this.state.sendEmailBody\r\n );\r\n this.toggleShowSendWtSubModal();\r\n };\r\n return this;\r\n };\r\n }\r\n toggleShowSendWtSubModal = () => {\r\n this.setState({ showSendWtSubModal: !this.state.showSendWtSubModal });\r\n };\r\n resetState = () => {\r\n this.setState({ recepientText: \"\", ckeditorText: \"\", subjectText: \"\" });\r\n };\r\n\r\n smsTextChangeHandler = (event) => {\r\n this.setState({ [event.target.name]: event.target.value });\r\n this.setState({\r\n chars_Count: event.target.value.length,\r\n chars_exceed: event.target.value.length > 160 ? true : false,\r\n });\r\n };\r\n\r\n RecepientChangeHandler = (event) => {\r\n console.log({ [event.target.name]: event.target.value });\r\n\r\n this.setState({ [event.target.name]: event.target.value });\r\n\r\n var inputValue = event.target.value.trim();\r\n if (inputValue !== \"\") {\r\n if (\r\n inputValue.indexOf(\" \") > 0 &&\r\n !(\r\n /^[a-zA-Z]*$/.test(inputValue.split(\" \")[0]) &&\r\n /^[a-zA-Z]*$/.test(inputValue.split(\" \")[1])\r\n )\r\n ) {\r\n $(\".MemberSearchField\").addClass(\"inputBorderRed\");\r\n this.setState({\r\n [event.target.name + \"_err\"]: \"Name should contain alphabets only.\",\r\n });\r\n this.setState({ valid: false });\r\n } else if (\r\n !(/^[a-zA-Z ]*$/.test(inputValue) || /^[0-9]*$/.test(inputValue))\r\n ) {\r\n /// alphanumeric or special characers with one word\r\n $(\".MemberSearchField\").addClass(\"inputBorderRed\");\r\n this.setState({\r\n [event.target.name + \"_err\"]: \"Alphanumeric is not allowed.\",\r\n });\r\n this.setState({ valid: false });\r\n } else {\r\n $(\".MemberSearchField\").removeClass(\"inputBorderRed\");\r\n this.setState({ [event.target.name + \"_err\"]: \"\" });\r\n this.setState({ valid: true });\r\n }\r\n } else {\r\n this.setState({ valid: false });\r\n this.setState({ [event.target.name + \"_err\"]: \"\" });\r\n $(\".MemberSearchField\").removeClass(\"inputBorderRed\");\r\n }\r\n };\r\n\r\n SubjectChangeHandler = (event) => {\r\n this.setState({ [event.target.name]: event.target.value });\r\n };\r\n\r\n SendEmail = () => {\r\n let {\r\n mgListAddress,\r\n selectedPrivilege,\r\n replyPreference,\r\n subjectText,\r\n ckeditorText,\r\n emailListId,\r\n postListAddress, /// Post List Address would have zero subscribers\r\n } = this.state;\r\n var memberData = JSON.parse(localStorage.getItem(\"memberData\")) || {\r\n id: \"0\",\r\n };\r\n\r\n let url = \"\";\r\n let body = {};\r\n let { listType, entityId = 0 } = this.props;\r\n\r\n if (\r\n (listType == MailGunEmailTypes.Member &&\r\n !_.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\")))) ||\r\n entityId == 0 ///For Basic Search\r\n ) {\r\n url = \"/api/Mailgun/SendEmailToBucketMembers\";\r\n body = {\r\n UserID: memberData.id,\r\n recepient: document.getElementById(\"Email\").value,\r\n subject: subjectText,\r\n text: ckeditorText,\r\n isBucketHasMembers: localStorage.getItem(\"BucketSearch\") != null,\r\n emailListId: emailListId,\r\n };\r\n } else {\r\n url = \"/api/Mailgun/SendSimpleEmailToMailingList\";\r\n body = {\r\n UserID: memberData.id,\r\n recepient: mgListAddress, // List Addrese would have all the subscribers\r\n subject: subjectText,\r\n text: ckeditorText,\r\n listType: this.props.listType,\r\n entityId: this.props.entityId,\r\n emailListId: emailListId,\r\n access_level: selectedPrivilege,\r\n natcaRecipientMembers: document.getElementById(\"Email\").value,\r\n reply_preference: replyPreference,\r\n isBucketHasMembers: localStorage.getItem(\"BucketSearch\") != null,\r\n };\r\n }\r\n this.setState({ sendEmailUrl: url });\r\n this.setState({ sendEmailBody: body });\r\n if (!_.isEmpty(body.recepient)) {\r\n if (_.isEmpty(body.subject)) {\r\n this.setState({ showSendWtSubModal: true });\r\n } else {\r\n this.callSendEmailApi(url, body);\r\n }\r\n } else {\r\n toast.warn(\r\n \"Email List not Found, or Bucket Member doesn't have any Emails!\"\r\n );\r\n }\r\n };\r\n callSendEmailApi = (url, body) => {\r\n this.showSpinner();\r\n axios.post(url, body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.hideSpinner();\r\n toast.success(data.message);\r\n this.resetState();\r\n this.handleClose();\r\n } else {\r\n this.hideSpinner();\r\n toast.error(data.message);\r\n }\r\n });\r\n };\r\n SendSMS = () => {\r\n const url = \"/api/Nexcom/SendSMS\";\r\n var memberData = JSON.parse(localStorage.getItem(\"memberData\"));\r\n let body = {\r\n recepient: document.getElementById(\"Email\").value,\r\n message: this.state.smsText,\r\n };\r\n\r\n axios.post(url, body).then(({ data }) => {\r\n this.showSpinner();\r\n\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.hideSpinner();\r\n toast.success(data.message);\r\n this.handleClose();\r\n localStorage.removeItem(\"BucketSearch\");\r\n } else {\r\n this.hideSpinner();\r\n toast.error(data.message);\r\n this.handleClose();\r\n }\r\n });\r\n };\r\n\r\n showSpinner = () => {\r\n $(\".loading\").show();\r\n };\r\n\r\n hideSpinner = () => {\r\n $(\".loading\").hide();\r\n };\r\n\r\n handleClose = () => {\r\n this.props.onClose();\r\n this.setState({\r\n showModal: false,\r\n });\r\n };\r\n\r\n canCreateOrUpdatEmailList = () => {\r\n return true;\r\n };\r\n onShow = async () => {\r\n //console.log(\"CS onShow Called\");\r\n if (this.props.check == CompositionModalMode.Email) {\r\n let { entityId, listType } = this.props;\r\n\r\n //It could be Facility,Team or Registration Email List\r\n if (\r\n entityId > 0 &&\r\n (listType == MailGunEmailTypes.Facility ||\r\n listType == MailGunEmailTypes.Team ||\r\n listType == MailGunEmailTypes.Area ||\r\n listType == MailGunEmailTypes.Region ||\r\n listType == MailGunEmailTypes.Registrants)\r\n ) {\r\n let url = `/api/FacilityRegionEmail/EntityEmailExists?entityId=${entityId}&entityType=${listType}`;\r\n\r\n await axios.get(url).then(async ({ data }) => {\r\n if (data.exists != undefined) {\r\n this.setState({\r\n emailListExists: data.exists,\r\n mgListAddress: data.mgListAddress,\r\n emailListId: data.emailListId,\r\n selectedPrivilege: data.selectedPrivilege,\r\n replyPreference: data.reply_preference,\r\n postListAddress: data.postListAddress,\r\n });\r\n // Mailing list exists & Bucket is Empty So Fetch Additional Mailing Lists Members Also.\r\n data.exists && this.setState({ mg_Mailing_List_Found: true });\r\n if (\r\n (data.exists &&\r\n listType == MailGunEmailTypes.Facility &&\r\n _.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\")))) ||\r\n (data.exists && listType == MailGunEmailTypes.Team) ||\r\n (data.exists && listType == MailGunEmailTypes.Region) ||\r\n (data.exists && listType == MailGunEmailTypes.Area) //||\r\n //(data.exists && listType == MailGunEmailTypes.Registrants)\r\n ) {\r\n await this.props.getAdditionalSubsribersEmailAddresses(\r\n data.mgListAddress\r\n );\r\n } else if (\r\n _.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\"))) &&\r\n !data.exists &&\r\n listType == MailGunEmailTypes.Facility\r\n ) {\r\n toast.warn(\"Email List/Bucket not Exist.\");\r\n } else if (\r\n !data.exists &&\r\n listType !== MailGunEmailTypes.Facility\r\n ) {\r\n toast.warn(\"Email List not Exist.\");\r\n }\r\n }\r\n });\r\n } // Saved Search Mailing List\r\n else if (entityId > 0 && listType == MailGunEmailTypes.Member) {\r\n await EmailListService.GetSavedSearchDetail(entityId)\r\n .then(async ({ data: response }) => {\r\n //Saved Search Mailing List Found\r\n if (response.status === \"success\") {\r\n this.setState({\r\n mgListAddress: response.searchDetail.email_address,\r\n emailListId: response.searchDetail.id,\r\n selectedPrivilege: response.selectedPrivilege,\r\n replyPreference: response.searchDetail.reply_preference,\r\n postListAddress: response.postListAddress,\r\n });\r\n // Bucket Empty && Mailing List Exists\r\n let isBucketEmpty = _.isEmpty(\r\n JSON.parse(localStorage.getItem(\"BucketSearch\"))\r\n );\r\n if (isBucketEmpty) {\r\n /// There should be other cases where we should avoid this\r\n await this.props.getAdditionalSubsribersEmailAddresses(\r\n response.searchDetail.email_address\r\n );\r\n } else {\r\n //Bucket is not empty\r\n console.log(\"bucket not empty\");\r\n }\r\n\r\n this.setState({\r\n mg_Mailing_List_Found: true,\r\n });\r\n }\r\n //Saved Search Mailing List NOT Found\r\n else {\r\n if (_.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\")))) {\r\n toast.warn(\r\n \"Saved search Email List not Found and Bucket is also Empty.\"\r\n );\r\n }\r\n var recipientsEmails =\r\n this.props.addresses &&\r\n this.props.addresses\r\n .filter((ele) => ele != \"\" && ele != undefined && ele != null)\r\n .join(\";\");\r\n if (\r\n _.isEmpty(recipientsEmails) &&\r\n !_.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\")))\r\n ) {\r\n toast.warn(\"Bucket Members doesn't have any Emails.\");\r\n }\r\n }\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n toast.error(\"Something went wrong!\");\r\n });\r\n }\r\n }\r\n // const { refreshAddresses } = this.props;\r\n // if (refreshAddresses) {\r\n // refreshAddresses();\r\n // }\r\n //console.log(\"CS onShow End\");\r\n };\r\n onChangeEmailBody = (data) => {\r\n this.setState({ ckeditorText: data });\r\n };\r\n render() {\r\n const { listType } = this.props;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Composition Modal\r\n {this.props.check === CompositionModalMode.Email &&\r\n !this.props.isBucketFilled &&\r\n (this.props.isFRTCS || // Bcz only FRT or Saved Search colud have Mailing lists, for Other like Basic or Advance Search there will no Email List\r\n this.props.listType == MailGunEmailTypes.Member) &&\r\n this.state.mg_Mailing_List_Found &&\r\n this.state.mgListAddress && (\r\n \r\n (for Mailing List Address{\" \"}\r\n {`\"${this.state.mgListAddress}\"`})\r\n \r\n )}\r\n {this.props.check === CompositionModalMode.Email &&\r\n this.props.isSaveSearchFacilityCS &&\r\n this.props.isBucketFilled && (\r\n (for Bucket Members) \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n ele != \"\" && ele != undefined && ele != null\r\n )\r\n .join(\";\")\r\n : this.props.addresses.length > 1\r\n ? this.props.addresses\r\n .filter(\r\n (ele) =>\r\n ele != \"\" && ele != undefined && ele != null\r\n )\r\n .join(\";\")\r\n : this.props.addresses\r\n }\r\n >\r\n \r\n {this.state.recepientText_err}\r\n
\r\n \r\n \r\n {this.props.check === CompositionModalMode.Email && (\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n {this.props.check === CompositionModalMode.Email && (\r\n
this.onChangeEmailBody(data)}\r\n />\r\n // {\r\n // // You can store the \"editor\" and use when it is needed.\r\n // console.log(\"Editor is ready to use!\", editor);\r\n // // You can store the \"editor\" and use when it is needed.\r\n // // console.log(\"Editor is ready to use!\", editor);\r\n\r\n // //editor.plugins = [CKFinder, ...editor.plugins];\r\n // editor.editing.view.change((writer) => {\r\n // writer.setStyle(\r\n // \"height\",\r\n // \"125px\",\r\n // editor.editing.view.document.getRoot()\r\n // );\r\n // });\r\n\r\n // //editor.on(\"fileUploadRequest\", function(evt) {\r\n // // var xhr = evt.data.fileLoader.xhr;\r\n // // console.log(this.file);\r\n // // alert(\"fileUploadRequest\");\r\n // // // xhr.setRequestHeader(\"Cache-Control\", \"no-cache\");\r\n // // // xhr.setRequestHeader(\"X-File-Name\", this.fileName);\r\n // // // xhr.setRequestHeader(\"X-File-Size\", this.total);\r\n // // // xhr.send(this.file);\r\n\r\n // // // Prevented the default behavior.\r\n // // //evt.stop();\r\n // //});\r\n // //editor.on(\"dialogDefinition\", function(ev) {\r\n // // var dialogName = ev.data.name;\r\n // // var dialogDefinition = ev.data.definition;\r\n // // alert(\"dialogDefinition\");\r\n // // if (dialogName == \"image\") {\r\n // // dialogDefinition.removeContents(\"Upload\");\r\n // // dialogDefinition.addContents({\r\n // // title: \"Upload\",\r\n // // id: \"upload\",\r\n // // label: \"Upload\",\r\n // // elements: [\r\n // // {\r\n // // type: \"html\",\r\n // // html:\r\n // // '',\r\n // // },\r\n // // ],\r\n // // });\r\n // // }\r\n // //});\r\n // }}\r\n // onChange={(event, editor) => {\r\n // const data = editor.getData();\r\n // this.setState({ ckeditorText: data });\r\n // }}\r\n // onBlur={(event, editor) => {\r\n // console.log(\"Blur.\", editor);\r\n // }}\r\n // onFocus={(event, editor) => {\r\n // console.log(\"Focus.\", editor);\r\n // }}\r\n // AutoParagraph={false}\r\n // //config={{\r\n // // ckfinder: {\r\n // // // Upload the images to the server using the CKFinder QuickUpload command\r\n // // // You have to change this address to your server that has the ckfinder php connector\r\n // // uploadUrl:\r\n // // \"https://example.com/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images&responseType=json\",\r\n // // },\r\n // //}}\r\n // />\r\n )}\r\n {this.props.check === CompositionModalMode.SMS && (\r\n <>\r\n \r\n \r\n {this.state.chars_Count}/160\r\n \r\n
\r\n \r\n )}\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n this.props.check === CompositionModalMode.Email\r\n ? this.SendEmail()\r\n : this.SendSMS()\r\n }\r\n >\r\n Send\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default CompositionModal;\r\n","import AUX from \"../../../hoc/Aux_\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport savedSearchAction from \"../../../store/saveSearch/action\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass SaveBucketSearch extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n SaveBucketName: \"\",\r\n showSaveBucketModal: this.props.showModal,\r\n };\r\n }\r\n\r\n handleClose = () => {\r\n this.props.onClose();\r\n this.setState({\r\n showSaveBucketModal: false,\r\n });\r\n };\r\n\r\n showSpinner = () => {\r\n $(\".loading\").show();\r\n };\r\n\r\n hideSpinner = () => {\r\n $(\".loading\").hide();\r\n };\r\n\r\n redirectToFiltersList = () => {\r\n const currentLocation = window.location.pathname;\r\n if (!currentLocation.includes(\"filters\")) {\r\n this.props.history.push(\"/directory/myfilters\", {\r\n reloadMyFilters: true,\r\n });\r\n this.props.history.location.lastPlace = currentLocation;\r\n }\r\n };\r\n onSaveBucketSearch = () => {\r\n if (this.state.SaveBucketName === \"\") {\r\n toast.error(\"Enter Bucket Name before saving.\");\r\n return;\r\n }\r\n\r\n var items = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n const member_ids = [];\r\n for (let i = 0; i < items.length; i++) {\r\n member_ids.push(items[i].id);\r\n }\r\n\r\n let postBucketSearch = \"/api/SavedSearch/SaveBucketResult\";\r\n const body = {\r\n SearchName: this.state.SaveBucketName,\r\n SearchType: 2,\r\n MemberId: this.props.memberId,\r\n member_ids: member_ids,\r\n SearchId: this.props.SavedSearch.BucketSearchId,\r\n search_criteria: this.props.search_criteria,\r\n };\r\n\r\n this.showSpinner();\r\n axios.post(postBucketSearch, body).then(({ data }) => {\r\n if (data.status) {\r\n if (data.status.toLowerCase() === \"success\") {\r\n this.hideSpinner();\r\n this.state.SaveBucketName = \"\";\r\n toast.success(data.message);\r\n\r\n localStorage.removeItem(\"BucketSearch\");\r\n this.handleClose();\r\n this.props.ParentClose();\r\n\r\n //this.forceSearchRefresh(true, data.searchId);\r\n this.props.setSavedSearchCriteria(null);\r\n this.props.updateAndSelect(data.searchId, true);\r\n // this.props.setSavedSearchCriteria(\r\n // data,\r\n // body.SearchType,\r\n // body.SearchId\r\n // );\r\n this.redirectToFiltersList(); //Redirect to My Filters Listing after creating Bucket Search\r\n } else {\r\n this.hideSpinner();\r\n toast.error(data.message);\r\n }\r\n } else {\r\n this.hideSpinner();\r\n toast.error(\"Search cannot be saved.\");\r\n }\r\n });\r\n };\r\n\r\n forceSearchRefresh = (forceRefresh, SearchId) => {\r\n if (forceRefresh === true) {\r\n const body = {\r\n SearchId: SearchId,\r\n MemberId: AuthService.getProfile().memberData.id,\r\n SearchType: 2,\r\n };\r\n console.log(body);\r\n this.showSpinner();\r\n axios\r\n .post(\"/api/SavedSearch/GetSavedSearchFilter\", body)\r\n .then(({ data: response }) => {\r\n this.hideSpinner();\r\n if (response.status) {\r\n if (response.status.toLowerCase() === \"success\") {\r\n //this.props.resetSavedSearch();\r\n // this.props.setSavedSearchCriteria(response, body.SearchType,\r\n // body.SearchId);\r\n } else {\r\n toast.error(response.message);\r\n }\r\n } else {\r\n toast.error(\"Could not retrieve saved search detail.\");\r\n }\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n SAVE MEMBER BUCKET \r\n \r\n \r\n \r\n \r\n\r\n \r\n this.onSaveBucketSearch()}\r\n >\r\n Save\r\n \r\n\r\n \r\n Close\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(\r\n connect(\r\n (state) => ({\r\n SavedSearch: state.saveSearch,\r\n }),\r\n {\r\n ...savedSearchAction,\r\n }\r\n )(SaveBucketSearch)\r\n);\r\n","import React, { Component, Fragment } from \"react\";\r\nconst customTotal = (from, to, size) => (\r\n \r\n {from}\r\n {\" - \"}\r\n {to} of {size} {\" \"}\r\n Show: \r\n \r\n);\r\nexport default customTotal;","import AUX from \"../../../hoc/Aux_\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport arrayMove from \"array-move\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport jsPDF from \"jspdf\";\r\nimport { CSVLink } from \"react-csv\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SaveBucketSearch from \"./SaveBucketSearch\";\r\nimport TableCustomTotal from \"../../Shared/TableCustomTotal\";\r\nimport savedSearchAction from \"../../../store/saveSearch/action\";\r\nconst array = [];\r\nclass MemberBucket extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n keyword: \"\",\r\n memberSearchText: \"\",\r\n memberSearchText_err: \"\",\r\n valid: false,\r\n redirectToNewPage: false,\r\n addMember: {\r\n MemberType: \"\",\r\n AssignmentTypeId: 1,\r\n MemberId: 0,\r\n PositionId: 0,\r\n },\r\n memberMethods: this.props.memberMethods,\r\n\r\n membersMethods: this.props.membersMethods,\r\n memberName: this.props.memberName,\r\n isLookup: this.props.isLookup || false,\r\n page: 1,\r\n facility: this.props.facility ? this.props.facility : \"\",\r\n data: [],\r\n sizePerPage: 25,\r\n totalCount: 0,\r\n keyword: \"\",\r\n SortOrder: \"seniorityasc\",\r\n isAdvanceSearch: false,\r\n delId: 0,\r\n filters: [],\r\n showActive: true,\r\n //memberId: AuthService.getProfile().memberData.id,\r\n memberId: AuthService.getProfile().memberData.id,\r\n items: [],\r\n resultData: [],\r\n initialItems: [],\r\n itemIndexes: [],\r\n itemColumnIds: [],\r\n replacingMemberId: 0,\r\n replacingMemberName: \"\",\r\n searchId: this.props.searchid,\r\n searchTypeId: 0,\r\n showModal: false,\r\n dataArray: [],\r\n isOpen: false,\r\n SearchName: \"\",\r\n searchMember: \"\",\r\n delId: \"\",\r\n showSaveBucketModal: false,\r\n listPaging: {\r\n currentPage: 1,\r\n pageSize: 25,\r\n orderBy: \"name\",\r\n sortOrder: \"asc\",\r\n },\r\n paginationSettings: {\r\n showTotal: true,\r\n },\r\n memberList: [],\r\n memberList2: [],\r\n };\r\n\r\n this.handleEvent = this.handleEvent.bind(this);\r\n this.exportToPDF = this.exportToPDF.bind(this);\r\n this.exportToCSV = this.exportToCSV.bind(this);\r\n this.membersMethods = () => {\r\n this.setMember = (args) => {\r\n if (array.find((x) => x.id != args.id) || array.length === 0) {\r\n array.push(args);\r\n this.setState({\r\n dataArray: this.state.dataArray.concat(array),\r\n showModal: false,\r\n });\r\n }\r\n };\r\n return this;\r\n };\r\n\r\n this.columns = [\r\n {\r\n text: \"First Name\",\r\n dataField: \"firstName\",\r\n sort: true,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"40%\", textAlign: \"left\" };\r\n },\r\n },\r\n {\r\n text: \"Last Name\",\r\n dataField: \"lastName\",\r\n sort: true,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"35%\", textAlign: \"left\" };\r\n },\r\n },\r\n\r\n {\r\n text: \"Facility\",\r\n dataField: \"facility\",\r\n sort: true,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"25%\", textAlign: \"left\" };\r\n },\r\n formatter: (cellContent, row) => {\r\n return (\r\n \r\n
{cellContent}
\r\n
\r\n {\r\n this.removeSelected(row.id);\r\n }}\r\n />\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n MEMBER BUCKET \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n {!_.isEmpty(memberList) && this.exportToCSV()}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n let { listPaging } = this.state;\r\n let paging = { listPaging };\r\n paging = {\r\n currentPage: newState.page,\r\n pageSize: newState.sizePerPage,\r\n orderBy: newState.sortField,\r\n sortOrder: newState.sortOrder\r\n ? newState.sortOrder\r\n : \"name\",\r\n };\r\n listPaging = paging;\r\n\r\n this.setState({\r\n listPaging: listPaging,\r\n });\r\n this.updateMemberList(paging);\r\n }}\r\n pagination={paginationFactory({\r\n sizePerPage: this.state.listPaging.pageSize,\r\n totalSize: this.props.displayMembers.length,\r\n paginationTotalRenderer: TableCustomTotal,\r\n ...this.state.paginationSettings,\r\n })}\r\n //rowEvents={this.rowEvents}\r\n />\r\n
\r\n\r\n {/*this.renderMemberList(\r\n this.props.displayMembers,\r\n this.props.displayMembers.length\r\n )*/}\r\n
\r\n {/*
\r\n {this.RemotePagination(\r\n data,\r\n page,\r\n sizePerPage,\r\n this.handleTableChange,\r\n totalCount,\r\n showTotal,\r\n this.rowEvents\r\n )}\r\n
*/}\r\n\r\n
\r\n\r\n
\r\n this.ViewAll()}\r\n >\r\n View List\r\n \r\n\r\n {\r\n this.showSaveBucketModal()}\r\n >\r\n {this.props.SavedSearch.BucketSearchId > 0\r\n ? \"Update\"\r\n : \"Save\"}\r\n \r\n }\r\n this.EmptyBucket()}\r\n >\r\n Empty Bucket\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state) => ({\r\n SavedSearch: state.saveSearch,\r\n }),\r\n {\r\n ...savedSearchAction,\r\n }\r\n)(MemberBucket);\r\n","import TableCSVExporter from \"./ConverterCSV\";\r\nimport React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport { Link } from \"react-router-dom\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { toast } from \"react-toastify\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport Services from \"./EditUser/EditUserService\";\r\nimport AreasService from \"../../Directory/Areas/AreasService\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport overlayFactory from \"react-bootstrap-table2-overlay\";\r\n\r\nimport { store } from \"../../../../src/index\";\r\nimport { reset } from \"redux-form\";\r\nimport { connect } from \"react-redux\";\r\nimport AdvanceFilterModal from \"../../Shared/AdvanceFilterModal\";\r\nimport _ from \"lodash\";\r\nimport actionFilter from \"../../../store/advancedfilter/action\";\r\nimport Tags from \"../../AdvanceSearch/AdvanceFilterTabs/Tags\";\r\nimport savedSearchAction from \"../../../store/saveSearch/action\";\r\nimport actions from \"../../../store/facility/action\";\r\nimport AdvancedSavedSearch from \"../../AdvanceSearch/SavedSearches/savedSearch.component\";\r\nimport SavedSearchCustomizer from \"../../AdvanceSearch/SavedSearches/SavedSearchCustomizer\";\r\nimport moment from \"moment\";\r\nimport html2canvas from \"html2canvas\";\r\nimport jsPDF from \"jspdf\";\r\nimport FacilityPAC from \"../../Dashboard/FacilityDashboard/FacilityPAC\";\r\nimport CompositionModal from \"../../AdvanceSearch/SavedSearches/CompositionModal\";\r\nimport MemberBucket from \"../../AdvanceSearch/SavedSearches/MemberBucket\";\r\nimport * as Permissions from \"../../Permissions/PermissionValues\";\r\nimport * as SavedSearchTypes from \"../../AdvanceSearch/SavedSearches/SavedSearchTypes\";\r\nimport * as Constants from \"../../AdvanceSearch/SavedSearches/Constants\";\r\n\r\nimport Tabs from \"react-bootstrap/Tabs\";\r\nimport Tab from \"react-bootstrap/Tab\";\r\n\r\n//import { saveAs } from \"file-saver\";\r\nimport \"jspdf-autotable\";\r\nimport MailGunEmailTypes from \"../../Email/Enums/MailGunEmailTypes\";\r\nimport mailGunEmailActions from \"../../../store/mailgunEmails/action\";\r\nimport { CompositionModalMode } from \"../../Registrations/Helpers/LookUpValues\";\r\nimport Region from \"../../AdvanceSearch/MemberDetails/Region\";\r\nimport {\r\n OverlayTrigger, Popover, Button\r\n} from \"react-bootstrap\";\r\n\r\nconst OWNERSHIP_ITEM = 1;\r\nconst BUCKET_ITEM = 2;\r\nconst SHARED_ITEM = 3;\r\nclass Users extends Component {\r\n constructor(props) {\r\n super(props);\r\n //console.log(this.props.match.params);\r\n this.state = {\r\n membersMethods: this.props.membersMethods,\r\n isLookup: this.props.isLookup || false,\r\n page: 1,\r\n facility: this.props.facility ? this.props.facility : \"\",\r\n region: this.props.region ? this.props.region : \"\",\r\n data: [],\r\n sizePerPage: this.props.filterState.currentFilterResultPageSize,\r\n totalCount: 0,\r\n inactiveTotalCount: 0,\r\n activeTotalCount: this.props.filterState.currentFilterResultTotalCount,\r\n keyword: \"\",\r\n SortOrder: \"firstnameasc\",\r\n isAdvanceSearch: false,\r\n delId: 0,\r\n filters: [],\r\n showActive: true,\r\n pacSumDonation: 0,\r\n pacCoutNonZero: 0,\r\n downloadData: [],\r\n downloadDataActive: [],\r\n downloadDataInActive: [],\r\n searchCriteria: \"\",\r\n check: \"\",\r\n showModal: false,\r\n showBucketModal: false,\r\n emails: [],\r\n displayMembers: [],\r\n memberId: AuthService.getProfile().memberData.id,\r\n BCounter: 0,\r\n keyword: \"\",\r\n pacMemberSearchTxt: \"\",\r\n pacMemberSearchTxt_err: \"\",\r\n valid: false,\r\n lastPlace: \"\",\r\n searchTitle: \"search\",\r\n selectedFields: [],\r\n columnsToView: [],\r\n // PAC Work\r\n advanced_search_title: \"\",\r\n ApiHit: \"\",\r\n ApiCriteria: \"\",\r\n ApiUrl: \"\",\r\n MemberTotalCount: 0,\r\n customizeColumns: [],\r\n selectedRows: [],\r\n local: false,\r\n savedSearchDetail: null,\r\n accoridanLoad: false,\r\n memberGridLoad: null,\r\n sharedSaveSearchTypeId: 0,\r\n sharedBucketSearchId: 0,\r\n disableIcon: \"\",\r\n waitingMessage:\r\n \"Processing the file download request. File will automatically download momentarily.\",\r\n activeTabKey: \"\",\r\n areasCount: 0,\r\n areasList: {},\r\n };\r\n this.ViewAllLink = this.ViewAllLink.bind(this);\r\n this.handleTableChange = this.handleTableChange.bind(this);\r\n this.doPreventDefault = this.doPreventDefault.bind(this);\r\n this.createAreaTeam = this.createAreaTeam.bind(this);\r\n this.getAreas = this.getAreas.bind(this);\r\n this.resetALLFilters = this.resetALLFilters.bind(this);\r\n this.onReturnNo = this.onReturnNo.bind(this);\r\n this.onResetTable = this.onResetTable.bind(this);\r\n this.onSelectAll = this.onSelectAll.bind(this);\r\n this.loadSavedBucketMember = this.loadSavedBucketMember.bind(this);\r\n this.setSavedBucketToBucket = this.setSavedBucketToBucket.bind(this);\r\n this.rowMove = this.rowMove.bind(this);\r\n this.TieBreakerGroupArrows = this.TieBreakerGroupArrows.bind(this);\r\n this.LoadPacColumn = this.LoadPacColumn.bind(this);\r\n this.propMethods = () => {\r\n this.updateTable = ({ page, data, totalCount, keyword }) => {\r\n this.setState({\r\n data,\r\n totalCount,\r\n page,\r\n keyword,\r\n });\r\n };\r\n\r\n this.handleMS = (name, selectedOption) => {\r\n let obj = this.state.advSearch;\r\n obj[name] = selectedOption.map((el) => el.value).join(\",\");\r\n obj[`${name}Selected`] = selectedOption;\r\n this.setState(obj);\r\n this.updateAdvanceSearch();\r\n };\r\n\r\n this.updateColumns = (fields) => {\r\n let newCols = fields\r\n .map((f) => {\r\n if (f.type.name == \"address\") {\r\n return {\r\n text: f.type.label,\r\n dataField: \"addresses\",\r\n sort: true,\r\n formatter: (cellContent, row) => {\r\n return (\r\n \r\n {row.street} {row.city} {row.state} {row.zipCode}\r\n \r\n );\r\n },\r\n };\r\n } else {\r\n return {\r\n text: f.type.label,\r\n dataField: f.type.name,\r\n sort: true,\r\n };\r\n }\r\n })\r\n .filter((f) => {\r\n if (\r\n f.dataField == \"names\" ||\r\n f.dataField == \"Facility\" ||\r\n f.dataField == \"Status\" ||\r\n f.dataField == \"Region\" ||\r\n f.dataField == \"Unit\"\r\n ) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n });\r\n this.setDefaultColumns();\r\n // let cols = Array.from(this.columnsDef);\r\n // Array.prototype.push.apply(cols, newCols);\r\n // cols.push(this.actionCol);\r\n // this.columns = cols;\r\n };\r\n\r\n this.updateFilters = (filters) => {\r\n this.setState({ filters });\r\n this.updateAdvanceSearch();\r\n };\r\n return this;\r\n };\r\n\r\n this.updateAdvanceSearch = () => {\r\n if (!this.state.isAdvanceSearch) this.setState({ isAdvanceSearch: true });\r\n };\r\n\r\n this.updateAdvSearch = ({ advSearch }) => {\r\n this.setState({ advSearch });\r\n };\r\n\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n console.log(e);\r\n if (\r\n e.target.className.indexOf(\"telephone\") >= 0 ||\r\n e.target.className.indexOf(\"email-to\") >= 0 ||\r\n e.target.className.indexOf(\"view-map\") >= 0\r\n ) {\r\n return;\r\n }\r\n if (this.state.isLookup) {\r\n this.state.membersMethods().setMember(row);\r\n } else if (e.target.className.indexOf(\"del\") < 0) {\r\n if (true)\r\n if (this.props.facility) {\r\n this.props.his.push({\r\n pathname: \"/directory/userAction/\" + row.id,\r\n type: \"edit\",\r\n uid: row.id,\r\n\r\n keyword: $(\"#keyword\").val(),\r\n showActive: this.state.showActive,\r\n page: this.state.page,\r\n backRef: {\r\n uid: this.props.his.location.uid,\r\n backRef: {\r\n uid: this.props.his.location.backRef\r\n ? this.props.his.location.backRef.uid\r\n : undefined,\r\n },\r\n },\r\n });\r\n } else {\r\n // console.log(\"row click member\");\r\n if (!_.isEmpty($(\"#keyword\").val())) {\r\n this.props.setBasicSearchKeyWord($(\"#keyword\").val());\r\n } else {\r\n $(\"#keyword\").val(this.props.filterState.basicSearchKeyWord);\r\n // console.log(\"keyword is undefined\");\r\n }\r\n //To Retain the Sort Order in case a user navigate back from Profile to Filters table Again\r\n localStorage.setItem(\"SortType\", this.state.SortOrder);\r\n //Before viewing the Edit Member Page\r\n localStorage.setItem(\"isMemberEditRowClick\", true);\r\n this.props.history.push({\r\n pathname: \"/directory/userAction/\" + row.id,\r\n type: \"edit\",\r\n uid: row.id,\r\n\r\n keyword: $(\"#keyword\").val(),\r\n showActive: this.state.showActive,\r\n });\r\n }\r\n }\r\n },\r\n };\r\n this.rowClasses = (row, rowIndex) => {\r\n let { upArrow, downArrow } = this.TieBreakerGroupArrows(row, rowIndex);\r\n if (upArrow || downArrow) {\r\n return \"bg-light-grey\";\r\n }\r\n };\r\n this.pacColumn = {\r\n text: \"PAC Donation\",\r\n dataField: \"pacDonation\",\r\n hidden: !AuthService.canView(PermissionFeature.FinancialPacDonation),\r\n sort: true,\r\n formatter: (cell, row) => {\r\n let hasPermission = AuthService.canSPView(\r\n PermissionFeature.FinancialPacDonation,\r\n row.regionId,\r\n row.facilityId,\r\n row.id\r\n );\r\n if (!hasPermission) return \"\";\r\n const formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2,\r\n });\r\n return moment(cell).isValid() ? formatter.format(cell) : \" \";\r\n },\r\n };\r\n this.orderColumn = {\r\n text: \"\",\r\n dataField: \"\",\r\n hidden: !AuthService.canView(PermissionFeature.FacilityMemberTieBreaker),\r\n sort: false,\r\n formatter: (cell, row, rowIndex) => {\r\n let { upArrow, downArrow } = this.TieBreakerGroupArrows(row, rowIndex);\r\n\r\n return (\r\n \r\n {upArrow ? (\r\n {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n this.rowMove(row, rowIndex, \"Up\");\r\n }}\r\n >\r\n ) : (\r\n {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n this.rowMove(row, rowIndex, \"Down\");\r\n }}\r\n >\r\n ) : (\r\n
\r\n );\r\n },\r\n };\r\n this.columns = [\r\n this.orderColumn,\r\n {\r\n text: \"First Name\",\r\n dataField: \"firstName\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.PersonalInfoFirstName),\r\n formatter: (cell, row) => {\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.PersonalInfoFirstName,\r\n row.regionId,\r\n row.facilityId\r\n )\r\n )\r\n return cell;\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"Last Name\",\r\n dataField: \"lastName\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.PersonalInfoLastName),\r\n formatter: (cell, row) => {\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.PersonalInfoFirstName,\r\n row.regionId,\r\n row.facilityId\r\n )\r\n )\r\n return cell;\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"Region\",\r\n dataField: \"region\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.Region),\r\n formatter: (cell, row) => {\r\n if (AuthService.canSPView(PermissionFeature.Region, row.regionId))\r\n return cell;\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"PAC\",\r\n dataField: \"pacdonation\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.FinancialPacDonation),\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.FinancialPacDonation)) {\r\n if (!!cell) {\r\n return `$${cell.toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}`;\r\n } else {\r\n return \"\";\r\n }\r\n } else return \"\";\r\n },\r\n },\r\n {\r\n text: \"Facility\",\r\n dataField: \"facility\",\r\n formatExtraData: JSON.stringify(this.state.data),\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.Facility),\r\n formatter: (cell, row) => {\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.Facility,\r\n undefined,\r\n row.facilityId\r\n )\r\n )\r\n return cell;\r\n else return \"\";\r\n },\r\n },\r\n //{\r\n // text: \"Member Number\",\r\n // dataField: \"memberNumber\",\r\n // sort: true,\r\n // hidden: !AuthService.canView(PermissionFeature.PersonalInfoMemberNumber),\r\n // formatter: (cell, row) => {\r\n // if (AuthService.canView(PermissionFeature.PersonalInfoMemberNumber)) return cell;\r\n // else return \"\";\r\n // },\r\n //},\r\n {\r\n text: \"Member Type\",\r\n dataField: \"memberType\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.MembershipMemberType),\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.MembershipMemberType))\r\n return cell;\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"Primary Email\",\r\n dataField: \"emailAddress\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.ContactEmailAddresses),\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.ContactEmailAddresses)) {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n } else return \"\";\r\n },\r\n },\r\n {\r\n text: \"Primary Phone\",\r\n dataField: \"phoneNumber\",\r\n sort: false,\r\n hidden: !AuthService.canView(PermissionFeature.ContactPhones),\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.ContactPhones)) {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n } else return \"\";\r\n },\r\n },\r\n ];\r\n\r\n this.actionCol = {\r\n isDummyField: true,\r\n text: \"\",\r\n headerAttrs: {\r\n width: 80,\r\n },\r\n headerClasses: \"actionCol\",\r\n formatter: (cellContent, row) => {\r\n return (\r\n \r\n {AuthService.canUpdate(PermissionFeature.Member) && (\r\n \r\n {\r\n this.setState({ delId: row.id });\r\n }}\r\n to=\"#\"\r\n data-target=\".delete-modal\"\r\n data-toggle=\"modal\"\r\n size=\"sm\"\r\n >\r\n
\r\n );\r\n },\r\n };\r\n\r\n if (this.state.isLookup) {\r\n this.columns.pop();\r\n }\r\n this.RemotePagination = (\r\n data,\r\n page,\r\n sizePerPage,\r\n onTableChange,\r\n totalSize,\r\n showTotal,\r\n rowEvents,\r\n selectedFields,\r\n selectRowProp\r\n ) => {\r\n const { columnsToView } = this.state;\r\n const customTotal = (from, to, size) => (\r\n \r\n {from}\r\n {\" - \"}\r\n {to} of {size} {\" \"}\r\n Show: \r\n \r\n );\r\n const isBasicSearched =\r\n !this.state.savedSearchId &&\r\n this.props.filterState.isAdvancedFilterSelected === false &&\r\n !this.props.facility &&\r\n this.props.filterState.basicSearchKeyWord &&\r\n this.props.filterState.basicSearchKeyWord !== \"\";\r\n const sizePerPageList = [\r\n {\r\n text: \"10\",\r\n value: 10,\r\n },\r\n {\r\n text: \"25\",\r\n value: 25,\r\n },\r\n {\r\n text: \"30\",\r\n value: 30,\r\n },\r\n {\r\n text: \"50\",\r\n value: 50,\r\n },\r\n {\r\n text: \"All\",\r\n value:\r\n this.props.filterState.resultsAccordianType === 1\r\n ? totalSize\r\n : this.state.inactiveTotalCount,\r\n },\r\n ];\r\n const defaultPaginationConfigs = paginationFactory({\r\n paginationTotalRenderer: customTotal,\r\n page,\r\n sizePerPage,\r\n totalSize,\r\n showTotal,\r\n sizePerPageList,\r\n });\r\n return (\r\n \r\n
\r\n {isBasicSearched && (\r\n
\r\n
this.selectAccordian(1)}\r\n >\r\n Active Employees {\" \"}\r\n \r\n ({this.state.activeTotalCount} results)\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n\r\n {isBasicSearched === true ? (\r\n this.props.filterState.resultsAccordianType === 1 && (\r\n
\r\n {this.state.accoridanLoad !== true ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n Loading... \r\n
\r\n
\r\n )}\r\n
\r\n )\r\n ) : (\r\n //Table Advnaced Search+Facility Dashboard+ Saved Searches\r\n
\r\n {!_.isEmpty(columnsToView) ? (\r\n
\r\n )}\r\n
\r\n {isBasicSearched && (\r\n
\r\n
\r\n
this.selectAccordian(2)}\r\n >\r\n Inactive Employees {\" \"}\r\n \r\n ({this.state.inactiveTotalCount} results)\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.filterState.resultsAccordianType === 2 && (\r\n
\r\n {this.state.accoridanLoad !== true ? (\r\n !_.isEmpty(this.state.data) ? (\r\n
\r\n ) : (\r\n
Members not found. \r\n )\r\n ) : (\r\n
\r\n
\r\n Loading... \r\n
\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n )}\r\n
\r\n {cell} \r\n \r\n );\r\n } else {\r\n if (phoneColumns.indexOf(col.backend_column_name) != -1) {\r\n return cell == null ? (\r\n \"\"\r\n ) : cell.trim().length == 0 ? (\r\n \"\"\r\n ) : (\r\n \r\n {cell} \r\n \r\n );\r\n } else {\r\n if (addressColumns.indexOf(col.backend_column_name) != -1) {\r\n if (!cell || cell == null || cell.trim().length <= 0) {\r\n return \"\";\r\n } else {\r\n let addlat = cell.split(\"|\");\r\n let arr = addlat[0].split(\",\");\r\n let lat = null,\r\n long = null;\r\n if (addlat[1] && addlat[1].trim().length > 0) {\r\n let arr2 = addlat[1].split(\",\");\r\n lat = arr2[0];\r\n long = arr2[1];\r\n }\r\n let filtered = arr.filter((item) => {\r\n return item != null && item.trim().length > 0;\r\n });\r\n console.log(filtered);\r\n if (filtered && filtered.length > 0) {\r\n let address = filtered.join(\", \");\r\n console.log(address);\r\n let is_latlong =\r\n lat &&\r\n long &&\r\n AuthService.canSPView(\r\n PermissionFeature.AddressLatLong,\r\n row.regionId,\r\n row.facilityId,\r\n row.id\r\n );\r\n return (\r\n <>\r\n \r\n {address} \r\n \r\n {is_latlong && (\r\n <>\r\n {\" \"}\r\n \r\n {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n }}\r\n href={\r\n \"https://www.google.com/maps?q=\" +\r\n lat +\r\n \",\" +\r\n long\r\n }\r\n >\r\n \r\n {lat}/{long}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n }\r\n }\r\n } else if (col.backend_column_name == \"facebookid\") {\r\n if (\r\n cell &&\r\n cell != null &&\r\n cell != null &&\r\n cell != undefined\r\n ) {\r\n return (\r\n \r\n {cell} \r\n \r\n );\r\n }\r\n return cell;\r\n } else if (col.backend_column_name == \"positions\") {\r\n\r\n\r\n if (\r\n cell &&\r\n cell != null &&\r\n cell != null &&\r\n cell != undefined\r\n ) {\r\n const positionList = cell.split(\"|\").map((pos, index) => (\r\n {pos.trim()} \r\n ));\r\n const popoverHoverFocus = (\r\n \r\n Positions \r\n \r\n \r\n \r\n \r\n );\r\n return (\r\n \r\n { e.preventDefault(); e.nativeEvent.stopImmediatePropagation(); e.stopPropagation(); }} className=\"text-truncate\" style={{ maxWidth: \"150px\", whiteSpace: \"nowrap\", overflow: \"hidden\", textOverflow: \"ellipsis\" }}>\r\n {cell.length > 30 ? cell.substring(0, 30) + \"...\" : cell} \r\n
\r\n );\r\n }\r\n return cell;\r\n }\r\n\r\n \r\n else if (\r\n currencyColumns.indexOf(col.backend_column_name) != -1\r\n ) {\r\n const formatter = new Intl.NumberFormat(\"en-US\", {\r\n style: \"currency\",\r\n currency: \"USD\",\r\n minimumFractionDigits: 2,\r\n });\r\n return moment(cell).isValid()\r\n ? formatter.format(cell)\r\n : \" \";\r\n } else {\r\n return cell;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n },\r\n };\r\n if (\r\n AuthService.canView(col.permission_feature_id) &&\r\n checkContactColumn()\r\n ) {\r\n searchCols.push(colDef);\r\n }\r\n });\r\n if (this.props.facility) {\r\n this.columns = [this.orderColumn, ...searchCols];\r\n } else {\r\n this.columns = searchCols;\r\n }\r\n\r\n this.setState({\r\n columnsToView: this.columns,\r\n });\r\n // this.setState({\r\n // selectedFields: this.columns,\r\n // });\r\n }\r\n };\r\n\r\n onReturnNo() {\r\n /// API\r\n if (!_.isEmpty(this.props.filterState.filterData.searchApplied)) {\r\n this.props.getMemberTotalCount(this.props.filterState.filterData);\r\n } else {\r\n this.props.setReturnResultNo(0);\r\n }\r\n }\r\n\r\n canSelect = () => {\r\n return false;\r\n };\r\n LoadPacColumn() {\r\n if (\r\n !_.isEmpty(this.state.columnsToView) &&\r\n this.state.columnsToView.findIndex((x) => x.dataField == \"pacDonation\") ==\r\n -1 &&\r\n this.props.isPAC &&\r\n AuthService.canView(PermissionFeature.FinancialPacDonation) &&\r\n !this.props.facilityDashboardState.IsMemberAccordianLoading\r\n ) {\r\n this.columns.push(this.pacColumn);\r\n }\r\n }\r\n doPreventDefault = (e) => {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n };\r\n handleTableChange = (\r\n type,\r\n { sortField, sortOrder, data, page, sizePerPage }\r\n ) => {\r\n //console.log(\"In handleTableChange\");\r\n debugger;\r\n if (!this.props.filterState.localPaging) {\r\n let url = `/api/member/SearchMembers`;\r\n this.props.setFilterResultPageNo(page);\r\n this.props.setFilterResultPageSize(sizePerPage);\r\n this.setState({\r\n page: page,\r\n sizePerPage: sizePerPage,\r\n });\r\n if (type === \"sort\") {\r\n this.state.SortOrder = sortField + sortOrder;\r\n this.setState({ SortOrder: this.state.SortOrder });\r\n localStorage.setItem(\"SortType\", sortField + sortOrder);\r\n if (localStorage.getItem(\"SortType\") !== null) {\r\n this.setState({ SortOrder: localStorage.getItem(\"SortType\") });\r\n }\r\n }\r\n let formData = {};\r\n if (this.props.facility || this.props.region) {\r\n formData = {\r\n Keyword: \"\",\r\n PageNo: page,\r\n Facility: this.state.facility,\r\n AreaId:\r\n this.state.areasCount > 0 ? parseInt(this.state.activeTabKey) : -1,\r\n Region: this.state.region,\r\n PageSize: sizePerPage,\r\n //SortOrder: this.state.SortOrder,\r\n ShowOnlyActive: this.state.showActive,\r\n IsFacilityCall: this.props.FacilityDashboard,\r\n IsRegionCall: this.props.isRegionCall,\r\n IsPACSearch: this.props.isPAC,\r\n SortBy: sortField,\r\n SortingOrder: sortOrder,\r\n };\r\n } else if (\r\n this.props.filterState.isAdvancedFilterSelected === false &&\r\n this.props.SavedSearch.isSavedSearchSelected === false &&\r\n !this.props.facility &&\r\n this.props.filterState.basicSearchKeyWord &&\r\n this.props.filterState.basicSearchKeyWord !== \"\"\r\n ) {\r\n formData = {\r\n Keyword: this.props.filterState.basicSearchKeyWord,\r\n PageNo: page,\r\n Facility: \"\",\r\n AreaId:\r\n this.state.areasCount > 0 ? parseInt(this.state.activeTabKey) : -1,\r\n Region: \"\",\r\n PageSize: sizePerPage,\r\n //SortOrder: this.state.SortOrder,\r\n ShowOnlyActive:\r\n this.props.filterState.resultsAccordianType === 1 ? true : false, //this.state.showActive,\r\n IsFacilityCall: this.props.FacilityDashboard,\r\n IsRegionCall: this.props.isRegionCall,\r\n SortBy: sortField,\r\n SortingOrder: sortOrder,\r\n };\r\n }\r\n $(\".loading\").show();\r\n if (\r\n !this.props.filterState.isAdvancedFilterSelected &&\r\n this.props.SavedSearch.isSavedSearchSelected === false\r\n ) {\r\n // this.setState({\r\n // savedSearchId: 0,\r\n // });\r\n this.setDefaultColumns();\r\n if (_.isEmpty(formData)) {\r\n if (!_.isEmpty(this.state.savedSearchCriteria)) {\r\n if (sizePerPage <= 0) {\r\n sizePerPage = this.state.sizePerPage;\r\n }\r\n var offset = (page - 1) * sizePerPage;\r\n url =\r\n \"/api/Member/AdvancedFilter?pageOffset=\" +\r\n offset +\r\n \"&pageFetch=\" +\r\n sizePerPage +\r\n \"&sortName=\" +\r\n this.state.SortOrder;\r\n // formData = {\r\n // Keyword: \"\",\r\n // PageNo: page,\r\n // Facility: \"\",\r\n // PageSize: sizePerPage,\r\n // SortOrder: this.state.sortOrder,\r\n // ShowOnlyActive: this.state.showActive\r\n // };\r\n formData = this.state.savedSearchCriteria;\r\n }\r\n }\r\n axios.post(url, formData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n page,\r\n sizePerPage,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n });\r\n } else {\r\n if (\r\n this.state.savedSearchId &&\r\n this.state.savedSearchId > 0 &&\r\n this.props.SavedSearch.isSavedSearchSelected === true\r\n ) {\r\n let offset = (page - 1) * sizePerPage;\r\n this.loadSavedSearchData(\r\n this.state.searchCriteria,\r\n this.state.customizedColumns,\r\n this.state.savedSearchId,\r\n this.state.savedSearchTypeId,\r\n page,\r\n sizePerPage,\r\n this.state.sharedSaveSearchTypeId,\r\n this.state.sharedBucketSearchId\r\n );\r\n } else {\r\n if (!_.isEmpty(this.props.filterState.filterData)) {\r\n var offset = (page - 1) * sizePerPage;\r\n\r\n url =\r\n \"/api/Member/AdvancedFilter?pageOffset=\" +\r\n offset +\r\n \"&pageFetch=\" +\r\n sizePerPage +\r\n \"&sortName=\" +\r\n this.state.SortOrder;\r\n\r\n axios\r\n .post(url, this.props.filterState.filterData)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n page,\r\n sizePerPage,\r\n });\r\n\r\n this.props.setFilterResult(data);\r\n this.props.setAdvancedSearch(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n } else {\r\n console.log(data);\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n });\r\n }\r\n }\r\n }\r\n } else {\r\n this.iterator(page, data, sizePerPage);\r\n }\r\n };\r\n\r\n getPACMembers(key, facility) {\r\n if (_.isEmpty(facility)) {\r\n $(\".loading\").show();\r\n } else {\r\n this.props && this.props.setFacilityMembersLoading(true);\r\n }\r\n console.log(\"getPACMembers 11128\");\r\n const url = `/api/member/SearchMembers`;\r\n const formData = {\r\n Keyword: key,\r\n Facility: facility,\r\n Region: \"\",\r\n PageNo: 1,\r\n PageSize: this.state.sizePerPage,\r\n ShowOnlyActive: this.state.showActive,\r\n IsPACSearch: this.props.isPAC,\r\n IsFacilityCall: this.props.FacilityDashboard,\r\n IsRegionCall: this.props.isRegionCall,\r\n ShowBoth: false,\r\n };\r\n this.setState({\r\n ApiCriteria: formData,\r\n ApiHit: Constants.OTHERS,\r\n ApiUrl: url,\r\n });\r\n axios.post(url, formData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n pacSumDonation: data.pacSum,\r\n pacCoutNonZero: data.pacCount,\r\n });\r\n if (!_.isEmpty(key)) {\r\n $(\"#keyword\").val(key);\r\n }\r\n\r\n $(\".loading\").hide();\r\n this.props.setFacilityMembersLoading(false);\r\n } else {\r\n $(\".loading\").hide();\r\n this.props.setFacilityMembersLoading(false);\r\n toast.warn(data.message);\r\n }\r\n });\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n var routeChanged = nextProps.location !== this.props.location;\r\n }\r\n\r\n getMembers(key, facility, region) {\r\n if (_.isEmpty(facility)) {\r\n // $(\".loading\").show();\r\n this.setState({ memberGridLoad: true });\r\n } else {\r\n this.props && this.props.setFacilityMembersLoading(true);\r\n }\r\n\r\n const url = `/api/member/SearchMembers`;\r\n let pageNo = this.props.filterState.currentFilterResultPage;\r\n\r\n // if (key && key.trim().length > 0) {\r\n // pageNo = 1;\r\n // }\r\n\r\n const formData = {\r\n Keyword: key,\r\n Facility: facility,\r\n AreaId:\r\n this.state.areasCount > 0 ? parseInt(this.state.activeTabKey) : -1,\r\n Region: region,\r\n PageNo: pageNo,\r\n PageSize: this.state.sizePerPage,\r\n ShowOnlyActive:\r\n this.props.filterState.resultsAccordianType === 1 ? true : false,\r\n IsPACSearch: this.props.isPAC,\r\n IsFacilityCall: this.props.FacilityDashboard,\r\n IsRegionCall: this.props.isRegionCall,\r\n ShowBoth: false,\r\n };\r\n\r\n // if (this.props.filterState.isAdvancedFilterSelected) {\r\n // this.props.resetSavedSearch();\r\n // }\r\n // this.resetALLFilters();\r\n this.setState({\r\n ApiCriteria: formData,\r\n ApiHit: Constants.OTHERS,\r\n ApiUrl: url,\r\n });\r\n\r\n //this.props.setSavedSearchDetail(null);\r\n axios.post(url, formData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: _.isEmpty(data.data) ? [] : data.data,\r\n totalCount:\r\n this.props.filterState.resultsAccordianType === 1\r\n ? data.totalCount\r\n : this.props.filterState.currentFilterResultTotalCount,\r\n inactiveTotalCount: data.inActiveCount,\r\n activeTotalCount:\r\n this.props.filterState.resultsAccordianType === 1\r\n ? data.totalCount\r\n : this.props.filterState.currentFilterResultTotalCount,\r\n pacSumDonation: data.pacSum,\r\n pacCoutNonZero: data.pacCount,\r\n memberGridLoad: false,\r\n });\r\n\r\n if (this.props.filterState.resultsAccordianType === 1) {\r\n this.props.setFilterResultTotalCount(data.totalCount);\r\n }\r\n if (!_.isEmpty(key)) {\r\n $(\"#keyword\").val(key);\r\n }\r\n\r\n // $(\".loading\").hide();\r\n this.props.setFacilityMembersLoading(false);\r\n } else {\r\n //$(\".loading\").hide();\r\n this.setState({ memberGridLoad: false });\r\n this.props.setFacilityMembersLoading(false);\r\n console.log(\"error in getMembers() api\" + data.message);\r\n }\r\n });\r\n }\r\n async getAreas() {\r\n if (this.props.facility) {\r\n let result = await AreasService.GetAreasByFacilityCode(\r\n this.props.facility\r\n );\r\n if (result != null) {\r\n if (result.totalCount > 0) {\r\n await this.setState({\r\n activeTabKey: result.data[0].id,\r\n areasCount: result.totalCount,\r\n areasList: result.data,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n async componentWillMount() {\r\n if (this.props.facility) {\r\n this.props.resetSavedSearch();\r\n await this.getAreas();\r\n this.getMembers(\"\", this.props.facility, \"\");\r\n this.setState({ facility: this.props.facility });\r\n }\r\n else if (this.props.region) {\r\n debugger;\r\n this.props.resetSavedSearch();\r\n this.getMembers(\"\", \"\", this.props.region);\r\n this.setState({ region: this.props.region });\r\n }\r\n }\r\n\r\n resetALLFilters() {\r\n if (!_.isEmpty(this.props.filterState.filterData)) {\r\n store.dispatch(reset(\"drfForm\"));\r\n store.dispatch(reset(\"pacForm\"));\r\n store.dispatch(reset(\"ageForm\"));\r\n store.dispatch(reset(\"nameForm\"));\r\n store.dispatch(reset(\"memberECIForm\"));\r\n store.dispatch(reset(\"memberNoForm\"));\r\n store.dispatch(reset(\"facilityRoutingSymbolForm\"));\r\n store.dispatch(reset(\"orgCodeForm\"));\r\n store.dispatch(reset(\"hourlySalaryForm\"));\r\n store.dispatch(reset(\"annualSalaryForm\"));\r\n store.dispatch(reset(\"emailForm\"));\r\n store.dispatch(reset(\"plannedRetirementForm\"));\r\n store.dispatch(reset(\"retirementForm\"));\r\n store.dispatch(reset(\"sCDForm\"));\r\n store.dispatch(reset(\"eODDateForm\"));\r\n store.dispatch(reset(\"nATCABUDateForm\"));\r\n store.dispatch(reset(\"bUDateForm\"));\r\n store.dispatch(reset(\"unionStartDateForm\"));\r\n store.dispatch(reset(\"unionJoinDateForm\"));\r\n store.dispatch(reset(\"teamPositionForm\"));\r\n store.dispatch(reset(\"activeDatePositionForm\"));\r\n\r\n this.props.setAdvancedSearch(false);\r\n this.props.filterState.filterData.searchApplied = [];\r\n\r\n if (this.props.filterState.filterData.facility) {\r\n this.props.filterState.filterData.facility = this.props.filterState.filterData.facility.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n } else {\r\n this.props.filterState.filterData.facility = [];\r\n }\r\n\r\n if (this.props.filterState.filterData.memberStatus) {\r\n this.props.filterState.filterData.memberStatus = this.props.filterState.filterData.memberStatus.map(\r\n (item) => {\r\n if (item.memberStatus === \"Active\") {\r\n item.checked = true;\r\n } else {\r\n item.checked = false;\r\n }\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n if (this.props.filterState.filterData.memberType) {\r\n this.props.filterState.filterData.memberType = this.props.filterState.filterData.memberType.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n if (this.props.filterState.filterData.region) {\r\n this.props.filterState.filterData.region = this.props.filterState.filterData.region.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n if (this.props.filterState.filterData.shirtSize) {\r\n this.props.filterState.filterData.shirtSize = this.props.filterState.filterData.shirtSize.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n if (this.props.filterState.filterData.gender) {\r\n this.props.filterState.filterData.gender = this.props.filterState.filterData.gender.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n }\r\n\r\n this.props.filterState.filterData.name = null;\r\n this.props.filterState.filterData.age = null;\r\n this.props.filterState.filterData.pac = null;\r\n this.props.filterState.filterData.drf = null;\r\n this.props.filterState.filterData.memberECI = null;\r\n this.props.filterState.filterData.memberNumber = null;\r\n\r\n this.props.filterState.filterData.dutyStation = this.props.filterState.filterData.dutyStation.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.unit = this.props.filterState.filterData.unit.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.occupationSeries = this.props.filterState.filterData.occupationSeries.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.employer = this.props.filterState.filterData.employer.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.careerLevel = this.props.filterState.filterData.careerLevel.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.payGrade = this.props.filterState.filterData.payGrade.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.flsaCategory = this.props.filterState.filterData.flsaCategory.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.communication = this.props.filterState.filterData.communication.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.addressTypes = this.props.filterState.filterData.address.addressTypes.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.states = this.props.filterState.filterData.address.states.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.address.city = \"\";\r\n this.props.filterState.filterData.address.country = \"\";\r\n this.props.filterState.filterData.address.zip = \"\";\r\n this.props.filterState.filterData.veteran = this.props.filterState.filterData.veteran.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n\r\n this.props.filterState.filterData.retiredMilitary = this.props.filterState.filterData.retiredMilitary.map(\r\n (item) => {\r\n item.checked = false;\r\n return item;\r\n }\r\n );\r\n this.props.filterState.filterData.facilityRoutingSymbol = null;\r\n this.props.filterState.filterData.orgCode = null;\r\n this.props.filterState.filterData.hourlySalary = null;\r\n this.props.filterState.filterData.annualSalary = null;\r\n this.props.filterState.filterData.email = null;\r\n this.props.filterState.filterData.plannedRetirement = null;\r\n this.props.filterState.filterData.retirement = null;\r\n this.props.filterState.filterData.scd = null;\r\n this.props.filterState.filterData.eodDate = null;\r\n this.props.filterState.filterData.natcabuDate = null;\r\n this.props.filterState.filterData.buDate = null;\r\n this.props.filterState.filterData.unionStartDate = null;\r\n this.props.filterState.filterData.unionJoinDate = null;\r\n\r\n var apply = {\r\n searchType: 9,\r\n isApplied: true,\r\n isSearched: false,\r\n selectedItems: [\"Active\"],\r\n };\r\n this.props.filterState.filterData.searchApplied.push(apply);\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n\r\n if (this.props.filterState.isAdvancedFilterSelected) {\r\n this.onResetTable();\r\n }\r\n this.props.setAdvanceFilterLoader(true);\r\n this.props.getNewFilteredData(this.props.filterState.filterData, true);\r\n this.onReturnNo();\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.SelectRowsOnload();\r\n var items = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n // this.orderColumn.hidden = !AuthService.canView(PermissionFeature.FacilityMemberTieBreaker);\r\n if (items !== null) {\r\n if (items.length > 0) {\r\n this.setState({ BCounter: items.length });\r\n }\r\n }\r\n\r\n if (this.props.location && this.props.location.lastPlace) {\r\n this.setState({ lastPlace: this.props.location.lastPlace });\r\n }\r\n\r\n // NewCheckes After advncefilter\r\n\r\n ///console.clear();\r\n\r\n if (\r\n this.props.filterState.isAdvancedFilterSelected &&\r\n !this.props.facility &&\r\n !this.props.filterState.resetAdvanceFilter // && this.props.location.name === \"Members\"\r\n ) {\r\n if (\r\n !_.isEmpty(this.props.filterState.filterData.searchApplied) &&\r\n this.props.filterState.returnResultNo > 0\r\n ) {\r\n $(\".loading\").show();\r\n let SortOrder = \"\";\r\n if (localStorage.getItem(\"SortType\") !== null) {\r\n this.setState({ SortOrder: localStorage.getItem(\"SortType\") });\r\n SortOrder = localStorage.getItem(\"SortType\");\r\n } else {\r\n SortOrder = this.state.SortOrder;\r\n }\r\n\r\n axios\r\n .post(\r\n `/api/Member/AdvancedFilter?pageOffset=${(this.props.filterState\r\n .currentFilterResultPage -\r\n 1) *\r\n 25}&pageFetch=25&sortName=${SortOrder}`,\r\n this.props.filterState.filterData\r\n )\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.onAdvancedChangeTable(data);\r\n\r\n this.props.setFilterResult(data);\r\n this.props.setAdvancedSearch(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n\r\n //$(\".cancelBtn\").click();\r\n this.props.filterState.filterData.searchApplied = this.props.filterState.filterData.searchApplied.map(\r\n (item) => {\r\n if (item.isApplied) {\r\n item.isSearched = true;\r\n } else {\r\n item.isSearched = false;\r\n }\r\n return item;\r\n }\r\n );\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n } else {\r\n console.log(data);\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n });\r\n }\r\n } else if (\r\n this.props.filterState.resetAdvanceFilter &&\r\n !_.isEmpty(this.props.filterState.filterData)\r\n ) {\r\n const { filterMembersTab } = this.props;\r\n if (!filterMembersTab) {\r\n //dont reset if Filter tab is opened\r\n this.resetALLFilters();\r\n this.props.setResetAdvanceFilter(false);\r\n }\r\n } else if (!_.isEmpty(this.props.filterState.filterData)) {\r\n //this.resetALLFilters();\r\n }\r\n\r\n if (\r\n this.props.filterState.isAdvancedFilterSelected === false &&\r\n this.props.SavedSearch.isSavedSearchSelected === false &&\r\n !this.props.facility &&\r\n this.props.filterState.basicSearchKeyWord &&\r\n this.props.filterState.basicSearchKeyWord !== \"\" &&\r\n this.state.totalCount === 0\r\n ) {\r\n if (this.props.SavedSearch.BucketSearchId == 0) {\r\n this.props.resetSavedSearch();\r\n }\r\n\r\n this.getMembers(this.props.filterState.basicSearchKeyWord, \"\", \"\");\r\n\r\n // this.setState({ keyword: this.props.filterState.basicSearchKeyWord });\r\n }\r\n this.setDefaultColumns();\r\n\r\n if (\r\n !_.isEmpty(this.props.location) &&\r\n _.isEmpty(this.props.filterState.filterData)\r\n ) {\r\n const params = new URLSearchParams(window.location.search);\r\n const facilityCode = params.get(\"facilityCode\");\r\n const regionCode = params.get(\"regionCode\");\r\n if (!_.isEmpty(facilityCode)) {\r\n this.facilityNavigation(facilityCode);\r\n }\r\n if (!_.isEmpty(regionCode)) {\r\n this.regionNavigation(regionCode);\r\n }\r\n }\r\n\r\n if (\r\n this.props.location &&\r\n this.props.location.state &&\r\n (this.props.location.state.routeFromProfile ||\r\n this.props.location.state.routeFromDDLFiler) &&\r\n localStorage.getItem(\"isMemberEditRowClick\") == \"false\"\r\n ) {\r\n //debugger\r\n //console.log(\"triggered AF click\");\r\n $(\"#clickAdvancedFilter\").trigger(\"click\");\r\n }\r\n }\r\n\r\n async facilityNavigation(facilityCode) {\r\n $(\".loading\").hide();\r\n this.setState({ memberGridLoad: true });\r\n axios\r\n .post(\"/api/Member/AdvancedFilteredData?getRefreshData=true\", {})\r\n .then(async ({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n await this.props.setFilterData(data.data);\r\n await this.props.setTempFilterData(data.data);\r\n var facilityIndex = _.findIndex(\r\n this.props.filterState.filterData.facility,\r\n (o) => {\r\n return o.code === facilityCode;\r\n }\r\n );\r\n if (facilityIndex > -1) {\r\n this.props.filterState.filterData.facility[\r\n facilityIndex\r\n ].checked = true;\r\n await this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n await this.props.setActiveTab(\"8\");\r\n await this.props.setCollapseTab(\"5\");\r\n const currentTab = this.props.filterState.activeTab;\r\n\r\n var apply = {\r\n searchType: currentTab,\r\n isApplied: true,\r\n isSearched: true,\r\n selectedItems: [facilityCode],\r\n };\r\n\r\n this.props.filterState.filterData.searchApplied.push(apply);\r\n await this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n await this.props.setCurrentActiveTab(currentTab);\r\n await this.props.getNewFilteredData(\r\n this.props.filterState.filterData,\r\n false\r\n );\r\n\r\n $(\".loading\").hide();\r\n await this.props.getMemberTotalCount(\r\n this.props.filterState.filterData\r\n );\r\n this.facilityNavigationCall();\r\n }\r\n } else {\r\n this.setState({ memberGridLoad: null });\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n async facilityNavigationCall() {\r\n await this.props.setFilterResultPageNo(1);\r\n await this.props.setFilterResultPageSize(25);\r\n axios\r\n .post(\r\n \"/api/Member/AdvancedFilter?pageOffset=0&pageFetch=25&sortName=seniorityasc\",\r\n this.props.filterState.filterData\r\n )\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.onAdvancedChangeTable(data);\r\n this.props.setFilterResult(data);\r\n this.props.setAdvancedSearch(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n this.props.filterState.filterData.searchApplied = !_.isEmpty(\r\n this.props.filterState.filterData.searchApplied\r\n )\r\n ? this.props.filterState.filterData.searchApplied.map((item) => {\r\n if (item.isApplied) {\r\n item.isSearched = true;\r\n } else {\r\n item.isSearched = false;\r\n }\r\n return item;\r\n })\r\n : null;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n this.setState({ memberGridLoad: null });\r\n } else {\r\n toast.error(data.message);\r\n this.setState({ memberGridLoad: false });\r\n }\r\n });\r\n }\r\n\r\n async regionNavigation(regionCode) {\r\n $(\".loading\").hide();\r\n this.setState({ memberGridLoad: true });\r\n axios\r\n .post(\"/api/Member/AdvancedFilteredData?getRefreshData=true\", {})\r\n .then(async ({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n await this.props.setFilterData(data.data);\r\n await this.props.setTempFilterData(data.data);\r\n\r\n var regionIndex = _.findIndex(\r\n this.props.filterState.filterData.region,\r\n (o) => {\r\n return o.code === regionCode;\r\n }\r\n );\r\n if (regionIndex > -1) {\r\n this.props.filterState.filterData.region[\r\n regionIndex\r\n ].checked = true;\r\n await this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n await this.props.setActiveTab(\"11\");\r\n await this.props.setCollapseTab(\"5\");\r\n const currentTab = this.props.filterState.activeTab;\r\n\r\n var apply = {\r\n searchType: currentTab,\r\n isApplied: true,\r\n isSearched: true,\r\n selectedItems: [regionCode],\r\n };\r\n\r\n this.props.filterState.filterData.searchApplied.push(apply);\r\n await this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n await this.props.setCurrentActiveTab(currentTab);\r\n await this.props.getNewFilteredData(\r\n this.props.filterState.filterData,\r\n false\r\n );\r\n\r\n $(\".loading\").hide();\r\n await this.props.getMemberTotalCount(\r\n this.props.filterState.filterData\r\n );\r\n this.regionNavigationCall();\r\n }\r\n\r\n } else {\r\n this.setState({ memberGridLoad: null });\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n async regionNavigationCall() {\r\n await this.props.setFilterResultPageNo(1);\r\n await this.props.setFilterResultPageSize(25);\r\n axios\r\n .post(\r\n \"/api/Member/AdvancedFilter?pageOffset=0&pageFetch=25&sortName=seniorityasc\",\r\n this.props.filterState.filterData\r\n )\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.onAdvancedChangeTable(data);\r\n this.props.setFilterResult(data);\r\n this.props.setAdvancedSearch(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n this.props.filterState.filterData.searchApplied = !_.isEmpty(\r\n this.props.filterState.filterData.searchApplied\r\n )\r\n ? this.props.filterState.filterData.searchApplied.map((item) => {\r\n if (item.isApplied) {\r\n item.isSearched = true;\r\n } else {\r\n item.isSearched = false;\r\n }\r\n return item;\r\n })\r\n : null;\r\n this.props.setFilterData({\r\n ...this.props.filterState.filterData,\r\n });\r\n this.setState({ memberGridLoad: null });\r\n } else {\r\n toast.error(data.message);\r\n this.setState({ memberGridLoad: false });\r\n }\r\n });\r\n }\r\n componentWillUnmount() {\r\n if (\r\n this.props.history &&\r\n this.props.history.location &&\r\n this.props.history.location.pathname &&\r\n this.props.history.location.pathname.indexOf(\"/userAction/\") < 0 &&\r\n this.props.history.location.pathname !== \"/directory/members\"\r\n ) {\r\n this.props.setResetAdvanceFilter(true);\r\n }\r\n try {\r\n const isAFExists = $(\"#AdvanceFilterModal\");\r\n if (!_.isEmpty(isAFExists) && isAFExists.length > 0) {\r\n isAFExists.hide();\r\n const modalDiv = $(\".modal-backdrop\");\r\n if (!_.isEmpty(modalDiv) && modalDiv.length > 0) {\r\n modalDiv.remove();\r\n }\r\n }\r\n } catch (err) {\r\n console.error(\"An error occurred: while handling unmount\", err);\r\n }\r\n }\r\n\r\n setDefaultColumns = () => {\r\n const { columnsToView } = this.state;\r\n if (columnsToView && columnsToView.length > 0) {\r\n return;\r\n }\r\n var isFacilityDashboard =\r\n window.location.href.indexOf(\"facility\") > -1 ? true : false;\r\n let url =\r\n \"api/SavedSearch/GetDefaultColumns?isFacilityDashboard=\" +\r\n isFacilityDashboard;\r\n axios.get(url).then(({ data: defaultColumns }) => {\r\n if (this.props.FacilityMembers === true) {\r\n var items = JSON.parse(\r\n localStorage.getItem(\"FMembers_\" + this.state.memberId)\r\n );\r\n if (items !== null) {\r\n var filteredItems = items.filter(\r\n (x) => !defaultColumns.some((d) => d.id === x.id)\r\n );\r\n Array.prototype.push.apply(defaultColumns, filteredItems);\r\n }\r\n } else if (this.props.PACMembers === true) {\r\n var items = JSON.parse(\r\n localStorage.getItem(\"PAC_\" + this.state.memberId)\r\n );\r\n if (items !== null) {\r\n var filteredItems = items.filter(\r\n (x) => !defaultColumns.some((d) => d.id === x.id)\r\n );\r\n Array.prototype.push.apply(defaultColumns, filteredItems);\r\n }\r\n } else {\r\n var items = JSON.parse(\r\n localStorage.getItem(\"Members_\" + this.state.memberId)\r\n );\r\n if (items !== null) {\r\n var filteredItems = items.filter(\r\n (x) => !defaultColumns.some((d) => d.id === x.id)\r\n );\r\n let SeniorityColumns = [\r\n \"entryOnDutyDate\",\r\n \"serviceComputationDate\",\r\n \"bargainingUnitDate\",\r\n \"natcaBargainingUnitDate\",\r\n ];\r\n filteredItems = filteredItems.filter((x) => {\r\n if (\r\n SeniorityColumns.findIndex((el) => el == x.backend_column_name) >\r\n -1\r\n ) {\r\n return false;\r\n }\r\n return true;\r\n });\r\n Array.prototype.push.apply(defaultColumns, filteredItems);\r\n }\r\n }\r\n this.setState({ customizeColumns: defaultColumns });\r\n this.setColumnsHeaders(defaultColumns);\r\n });\r\n return;\r\n };\r\n onAdvancedChangeTable(data) {\r\n if (\r\n this.state.savedSearchId > 0 &&\r\n (this.state.savedSearchTypeId == SavedSearchTypes.BUCKET_ITEM ||\r\n (this.state.savedSearchTypeId === SavedSearchTypes.SHARED_ITEM &&\r\n this.state.sharedSaveSearchTypeId === SavedSearchTypes.BUCKET_ITEM))\r\n ) {\r\n this.setState({\r\n savedSearchDetail: null,\r\n });\r\n\r\n this.props.setSavedSearchDetail(null);\r\n }\r\n //console.log(\"onAdvancedChangeTable\" + data);\r\n const { isAdvancedFilterOpenedInTab } = this.props.SavedSearch;\r\n\r\n if (isAdvancedFilterOpenedInTab) {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n page: this.props.filterState.currentFilterResultPage,\r\n sizePerPage: 25,\r\n\r\n savedSearchCriteria: null,\r\n savedSearchId: 0,\r\n savedSearchTypeId: 0,\r\n });\r\n } else {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n // page: 1,\r\n page: this.props.filterState.currentFilterResultPage,\r\n sizePerPage: 25,\r\n\r\n savedSearchCriteria: null,\r\n savedSearchId: 0,\r\n savedSearchTypeId: 0,\r\n });\r\n }\r\n\r\n this.setDefaultColumns();\r\n }\r\n onResetTable() {\r\n this.setState({\r\n data: [],\r\n totalCount: 0,\r\n page: 1,\r\n sizePerPage: 25,\r\n });\r\n }\r\n ViewAllLink = (event) => {\r\n event.preventDefault();\r\n\r\n $(\".loading\").show();\r\n if (this.props.facility) {\r\n let formData = {\r\n Keyword: \"\",\r\n PageNo: 1,\r\n Facility: this.state.facility,\r\n AreaId:\r\n this.state.areasCount > 0 ? parseInt(this.state.activeTabKey) : -1,\r\n Region: this.state.region,\r\n PageSize: this.state.totalCount,\r\n SortOrder: this.state.SortOrder,\r\n ShowOnlyActive: this.state.showActive,\r\n };\r\n\r\n console.log(\"ViewAllLink 1676\");\r\n const url = `/api/member/SearchMembers`;\r\n axios.post(url, formData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n page: 1,\r\n sizePerPage: this.state.totalCount,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n });\r\n } else if (\r\n this.props.filterState.isAdvancedFilterSelected === false &&\r\n !this.props.facility &&\r\n this.props.filterState.basicSearchKeyWord &&\r\n this.props.filterState.basicSearchKeyWord !== \"\"\r\n ) {\r\n let formData = {\r\n Keyword: this.props.filterState.basicSearchKeyWord,\r\n PageNo: 1,\r\n Facility: \"\",\r\n AreaId:\r\n this.state.areasCount > 0 ? parseInt(this.state.activeTabKey) : -1,\r\n PageSize: this.state.totalCount,\r\n SortOrder: this.state.SortOrder,\r\n ShowOnlyActive: this.state.showActive,\r\n };\r\n console.log(\"ViewAllLink 1705\");\r\n const url = `/api/member/SearchMembers`;\r\n axios.post(url, formData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n page: 1,\r\n sizePerPage: this.state.totalCount,\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n });\r\n } else if (this.props.filterState.isAdvancedFilterSelected) {\r\n if (!_.isEmpty(this.props.filterState.filterData)) {\r\n var offset = (1 - 1) * this.state.totalCount;\r\n $(\".loading\").show();\r\n const url =\r\n \"/api/Member/AdvancedFilter?pageOffset=\" +\r\n offset +\r\n \"&pageFetch=\" +\r\n this.state.totalCount +\r\n \"&sortName=\" +\r\n this.state.SortOrder;\r\n this.setState({ ApiHit: Constants.ADVANCE_SEARCH });\r\n axios.post(url, this.props.filterState.filterData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n data: data.data,\r\n totalCount: data.totalCount,\r\n page: 1,\r\n sizePerPage: data.totalCount,\r\n });\r\n\r\n this.props.setFilterResult(data);\r\n this.props.setAdvancedSearch(true);\r\n this.props.setIsBasicSearchSelected(false);\r\n } else {\r\n console.log(data);\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n });\r\n }\r\n }\r\n\r\n return this.state.totalCount;\r\n };\r\n\r\n //FOR CSV\r\n onCSVClick = async () => {\r\n this.setState({\r\n disableIcon: \"disableDownloadIcons\",\r\n });\r\n toast.success(this.state.waitingMessage);\r\n const isBasicSearched =\r\n !this.state.savedSearchId &&\r\n this.props.filterState.isAdvancedFilterSelected === false &&\r\n !this.props.facility &&\r\n this.props.filterState.basicSearchKeyWord &&\r\n this.props.filterState.basicSearchKeyWord !== \"\";\r\n const isBucketSearch =\r\n this.state.savedSearchId > 0 &&\r\n (this.state.savedSearchTypeId == SavedSearchTypes.BUCKET_ITEM ||\r\n (this.state.savedSearchTypeId === SavedSearchTypes.SHARED_ITEM &&\r\n this.state.sharedSaveSearchTypeId === SavedSearchTypes.BUCKET_ITEM));\r\n if (isBucketSearch) {\r\n let data = this.state.displayMembers;\r\n await this.setState({\r\n downloadData: this.state.displayMembers,\r\n });\r\n //onCSVClick\r\n this.RemotePagination(\r\n this.state.downloadData,\r\n false,\r\n false,\r\n this.handleTableChange,\r\n false,\r\n false\r\n );\r\n\r\n const dataTable = document.getElementById(\"pdfdiv\");\r\n //const btnExportToCsv = document.getElementById(\"btnExportToCsv\");\r\n const exporter = new TableCSVExporter(dataTable);\r\n const csvOutput = exporter.convertToCSV();\r\n const csvBlob = new Blob([csvOutput], {\r\n type: \"text/csv\",\r\n });\r\n const blobUrl = URL.createObjectURL(csvBlob);\r\n const anchorElement = document.createElement(\"a\");\r\n\r\n anchorElement.href = blobUrl;\r\n anchorElement.download = \"Exported-Result.csv\";\r\n anchorElement.click();\r\n this.hideSpinner();\r\n this.setState({\r\n disableIcon: \"\",\r\n });\r\n } else {\r\n this.showSpinner();\r\n let url = \"\";\r\n let body = \"\";\r\n // const url = `/api/SavedSearch/AdvancedFilterForPDF?totalrecords=${this.state.totalCount}`;\r\n // const body = { ...this.props.filterState.filterData };\r\n if (this.state.ApiHit === Constants.OTHERS) {\r\n url = this.state.ApiUrl;\r\n body = this.state.ApiCriteria;\r\n body.PageSize =\r\n this.state.activeTotalCount + this.state.inactiveTotalCount;\r\n body.ShowBoth = true;\r\n } else {\r\n url = `/api/SavedSearch/AdvancedFilterForPDF?totalrecords=${this.state.totalCount}`;\r\n body = { ...this.props.filterState.filterData };\r\n }\r\n var flag = false;\r\n await axios.post(url, body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n downloadData: data.data,\r\n });\r\n //onCSVClick\r\n this.RemotePagination(\r\n this.state.downloadData,\r\n false,\r\n false,\r\n this.handleTableChange,\r\n false,\r\n false\r\n );\r\n\r\n const dataTable = document.getElementById(\"pdfdiv\");\r\n //const btnExportToCsv = document.getElementById(\"btnExportToCsv\");\r\n const exporter = new TableCSVExporter(dataTable);\r\n const csvOutput = exporter.convertToCSV();\r\n const csvBlob = new Blob([csvOutput], {\r\n type: \"text/csv\",\r\n });\r\n const blobUrl = URL.createObjectURL(csvBlob);\r\n const anchorElement = document.createElement(\"a\");\r\n\r\n anchorElement.href = blobUrl;\r\n anchorElement.download = \"Exported-Result.csv\";\r\n anchorElement.click();\r\n\r\n // setTimeout(() => {\r\n // URL.revokeObjectURL(blobUrl);\r\n // }, 500);\r\n } else {\r\n toast.error(data.message);\r\n }\r\n\r\n this.hideSpinner();\r\n this.setState({\r\n disableIcon: \"\",\r\n });\r\n });\r\n }\r\n };\r\n\r\n onPDFClick = async () => {\r\n this.showSpinner();\r\n this.setState({\r\n disableIcon: \"disableDownloadIcons\",\r\n });\r\n toast.success(this.state.waitingMessage);\r\n const isBasicSearched =\r\n !this.state.savedSearchId &&\r\n this.props.filterState.isAdvancedFilterSelected === false &&\r\n !this.props.facility &&\r\n this.props.filterState.basicSearchKeyWord &&\r\n this.props.filterState.basicSearchKeyWord !== \"\";\r\n\r\n const isBucketSearch =\r\n this.state.savedSearchId > 0 &&\r\n (this.state.savedSearchTypeId == SavedSearchTypes.BUCKET_ITEM ||\r\n (this.state.savedSearchTypeId === SavedSearchTypes.SHARED_ITEM &&\r\n this.state.sharedSaveSearchTypeId === SavedSearchTypes.BUCKET_ITEM));\r\n if (isBasicSearched) {\r\n const { recordsPerpage, SortOrder, searchCriteria } = this.state;\r\n let url = \"\";\r\n let body = \"\";\r\n // const url = `/api/SavedSearch/AdvancedFilterForPDF?totalrecords=${this.state.totalCount}`;\r\n // const body = { ...this.props.filterState.filterData };\r\n if (this.state.ApiHit === Constants.OTHERS) {\r\n url = this.state.ApiUrl;\r\n body = this.state.ApiCriteria;\r\n body.PageSize =\r\n this.state.activeTotalCount + this.state.inactiveTotalCount;\r\n body.ShowBoth = true;\r\n } else {\r\n url = `/api/SavedSearch/AdvancedFilterForPDF?totalrecords=${this.state.totalCount}`;\r\n body = { ...this.props.filterState.filterData };\r\n }\r\n await axios.post(url, body).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n var activedata = data.data.filter((m) => {\r\n if (\r\n m.status.toLowerCase() === \"active\" ||\r\n m.status.toLowerCase() === \"retired\"\r\n )\r\n return m;\r\n });\r\n var inactivedata = data.data.filter((m) => {\r\n if (\r\n m.status.toLowerCase() !== \"active\" &&\r\n m.status.toLowerCase() !== \"retired\"\r\n )\r\n return m;\r\n });\r\n this.setState({\r\n downloadDataActive: activedata,\r\n downloadDataInActive: inactivedata,\r\n });\r\n\r\n // this.RemotePagination(\r\n // this.state.downloadData,\r\n // false,\r\n // false,\r\n // this.handleTableChange,\r\n // false,\r\n // false\r\n // );\r\n\r\n this._html2canvasbasicsearch();\r\n\r\n {\r\n /* setTimeout(() => {\r\n this._html2canvas();\r\n }, 10000);*/\r\n }\r\n\r\n this.hideSpinner();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n });\r\n } else {\r\n if (this.state.data) {\r\n await this.setState({\r\n downloadData: this.state.data,\r\n });\r\n\r\n //onPDFClick\r\n this.RemotePagination(\r\n this.state.downloadData,\r\n false,\r\n false,\r\n this.handleTableChange,\r\n false,\r\n false\r\n );\r\n\r\n setTimeout(() => {\r\n this._html2canvas();\r\n this.hideSpinner();\r\n }, 3000);\r\n }\r\n }\r\n };\r\n\r\n onBucketSearch = () => {\r\n var items = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n this.setState({ displayMembers: items, showBucketModal: true });\r\n };\r\n\r\n onEmail = () => {\r\n this.setState({ showModal: true, check: CompositionModalMode.Email });\r\n\r\n console.log(this.state.data);\r\n const rowsToAdd = [];\r\n let bucketcheck = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n if (_.isEmpty(bucketcheck)) {\r\n for (let i = 0; i < this.state.data.length; i++) {\r\n if (this.state.data[i].emailAddress != \"\") {\r\n if (this.state.data[i].allowEmails === true)\r\n rowsToAdd.push(this.state.data[i].emailAddress);\r\n }\r\n }\r\n } else if (!_.isEmpty(bucketcheck)) {\r\n var bucket = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n for (let i = 0; i < bucket.length; i++) {\r\n if (bucket[i].emailAddress != \"\") {\r\n if (bucket[i].allowEmails === true) {\r\n rowsToAdd.push(bucket[i].emailAddress);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (rowsToAdd.length > 0) {\r\n let selectedEmails = [...new Set(rowsToAdd)];\r\n this.setState({ emails: selectedEmails });\r\n } else {\r\n toast.warn(\"Selected members are not allowed to have email alerts.\");\r\n this.setState({ showModal: false });\r\n }\r\n };\r\n\r\n onSMS = () => {\r\n const rowsToAdd = [];\r\n this.setState({ showModal: true, check: CompositionModalMode.SMS });\r\n let bucketcheck = localStorage.getItem(\"BucketSearch\");\r\n if (bucketcheck === null) {\r\n for (let i = 0; i < this.state.data.length; i++) {\r\n if (this.state.data[i].verifiedNumber != \"\") {\r\n if (this.state.data[i].allowTextMessages === true) {\r\n rowsToAdd.push(this.state.data[i].verifiedNumber);\r\n }\r\n }\r\n }\r\n } else if (localStorage.getItem(\"BucketSearch\") !== null) {\r\n var bucket = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n for (let i = 0; i < bucket.length; i++) {\r\n if (bucket[i].verifiedNumber != \"\") {\r\n if (bucket[i].allowTextMessages != \"\") {\r\n rowsToAdd.push(bucket[i].verifiedNumber);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (rowsToAdd.length > 0) {\r\n let selectedNumbers = [...new Set(rowsToAdd)];\r\n this.setState({ emails: selectedNumbers });\r\n } else {\r\n toast.warn(\"Selected members are not allowed to have text alerts.\");\r\n this.setState({ showModal: false });\r\n }\r\n this.setState({ emails: rowsToAdd });\r\n };\r\n\r\n hideModal = () => {\r\n this.setState({ showModal: false });\r\n };\r\n\r\n hideBucketModal = () => {\r\n this.setState({ showBucketModal: false });\r\n };\r\n\r\n _html2canvas = () => {\r\n $(\"#pdfdiv\")\r\n .find(\".react-bootstrap-table-pagination\")\r\n .css(\"display\", \"none\");\r\n\r\n const input = document.getElementById(\"pdfdiv\");\r\n var w = document.getElementById(\"pdfdiv\").offsetWidth;\r\n var h = document.getElementById(\"pdfdiv\").offsetHeight;\r\n $(\"#pdfdiv\").css(\"display\", \"\");\r\n html2canvas(input).then((canvas) => {\r\n this.showSpinner();\r\n var imgData = canvas.toDataURL(\"image/png\");\r\n var imgWidth = 210;\r\n var pageHeight = 295;\r\n var imgHeight = (canvas.height * imgWidth) / canvas.width;\r\n var heightLeft = imgHeight;\r\n var doc = new jsPDF(\"p\", \"mm\");\r\n var position = 0;\r\n\r\n doc.addImage(imgData, \"PNG\", 0, position, imgWidth, imgHeight);\r\n heightLeft -= pageHeight;\r\n\r\n while (heightLeft >= 0) {\r\n position = heightLeft - imgHeight;\r\n doc.addPage();\r\n doc.addImage(imgData, \"PNG\", 0, position, imgWidth, imgHeight);\r\n heightLeft -= pageHeight;\r\n }\r\n $(\"#pdfdiv\").css(\"display\", \"none\");\r\n doc.save(\"file.pdf\");\r\n this.hideSpinner();\r\n this.setState({\r\n disableIcon: \"\",\r\n });\r\n // var img = canvas.toDataURL(\"image/png\");\r\n // var imgWidth = 210;\r\n // var pageHeight = 295;\r\n // var imgHeight = (canvas.height * imgWidth) / canvas.width;\r\n // var heightLeft = imgHeight;\r\n // var doc = new jsPDF(\"p\", \"mm\");\r\n // var position = 0;\r\n\r\n // doc.addImage(img, \"PNG\", 0, position, w, h);\r\n // heightLeft -= pageHeight;\r\n\r\n // while (heightLeft >= 0) {\r\n // position = heightLeft - imgHeight;\r\n // doc.addPage();\r\n // doc.addImage(img, \"PNG\", 0, position, w, h);\r\n // heightLeft -= pageHeight;\r\n // }\r\n // doc.save(\"Exported-Result.pdf\");\r\n });\r\n };\r\n\r\n _html2canvasbasicsearch = () => {\r\n $(\"#basicsearchpdfdiv\")\r\n .find(\".react-bootstrap-table-pagination\")\r\n .css(\"display\", \"none\");\r\n\r\n const input = document.getElementById(\"basicsearchpdfdiv\");\r\n var w = document.getElementById(\"basicsearchpdfdiv\").offsetWidth;\r\n var h = document.getElementById(\"basicsearchpdfdiv\").offsetHeight;\r\n $(\"#basicsearchpdfdiv\").css(\"display\", \"\");\r\n html2canvas(input).then((canvas) => {\r\n this.showSpinner();\r\n var imgData = canvas.toDataURL(\"image/png\");\r\n var imgWidth = 210;\r\n var pageHeight = 295;\r\n var imgHeight = (canvas.height * imgWidth) / canvas.width;\r\n var heightLeft = imgHeight;\r\n var doc = new jsPDF(\"p\", \"mm\");\r\n var position = 0;\r\n\r\n doc.addImage(imgData, \"PNG\", 0, position, imgWidth, imgHeight);\r\n heightLeft -= pageHeight;\r\n\r\n while (heightLeft >= 0) {\r\n position = heightLeft - imgHeight;\r\n doc.addPage();\r\n doc.addImage(imgData, \"PNG\", 0, position, imgWidth, imgHeight);\r\n heightLeft -= pageHeight;\r\n }\r\n $(\"#basicsearchpdfdiv\").css(\"display\", \"none\");\r\n doc.save(\"file.pdf\");\r\n this.hideSpinner();\r\n this.setState({\r\n disableIcon: \"\",\r\n });\r\n });\r\n };\r\n\r\n triggerFirstRowClick = (row) => {\r\n if (this.props.facility) {\r\n this.props.his.replace({\r\n pathname: \"/directory/userAction/\" + row.id,\r\n type: \"edit\",\r\n uid: row.id,\r\n keyword: $(\"#keyword\").val(),\r\n showActive: this.state.showActive,\r\n page: this.state.page,\r\n backRef: {\r\n uid: this.props.his.location.uid,\r\n backRef: {\r\n uid: this.props.his.location.backRef\r\n ? this.props.his.location.backRef.uid\r\n : undefined,\r\n },\r\n },\r\n });\r\n } else {\r\n // console.log(\"row click member\");\r\n if (!_.isEmpty($(\"#keyword\").val())) {\r\n this.props.setBasicSearchKeyWord($(\"#keyword\").val());\r\n } else {\r\n $(\"#keyword\").val(this.props.filterState.basicSearchKeyWord);\r\n // console.log(\"keyword is undefined\");\r\n }\r\n\r\n this.props.history.push({\r\n pathname: \"/directory/userAction/\" + row.id,\r\n type: \"edit\",\r\n uid: row.id,\r\n\r\n keyword: $(\"#keyword\").val(),\r\n showActive: this.state.showActive,\r\n });\r\n }\r\n };\r\n canSendEmail = () => {\r\n return AuthService.canView(Permissions.Email);\r\n };\r\n\r\n canSendSMS = () => {\r\n return AuthService.canView(Permissions.Text);\r\n };\r\n\r\n removeSelected = (id) => {\r\n this.setState((prevState) => ({\r\n displayMembers: prevState.displayMembers.filter((el) => el.id != id),\r\n }));\r\n\r\n var index = this.state.selectedRows.indexOf(id);\r\n if (index !== -1) {\r\n this.state.selectedRows.splice(index, 1);\r\n this.setState({ selectedRows: this.state.selectedRows });\r\n }\r\n\r\n this.setState((prevState) => {\r\n return { BCounter: prevState.BCounter - 1 };\r\n });\r\n\r\n var items = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n var filteredItems = items.filter((x) => x.id != id);\r\n localStorage.setItem(\"BucketSearch\", JSON.stringify(filteredItems));\r\n\r\n axios\r\n .delete(`/api/SavedSearch/DeleteBucketResult?memberId=${id}`)\r\n .then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n } else {\r\n }\r\n });\r\n };\r\n\r\n EmptyBucket = () => {\r\n localStorage.removeItem(\"BucketSearch\");\r\n this.setState({ BCounter: 0, displayMembers: [], selectedRows: [] });\r\n // this.setState((state) => ({ selected: [] }));\r\n };\r\n\r\n filterMembers = (Name) => {\r\n console.log(this.state.displayMembers);\r\n if (Name != \"\") {\r\n this.setState((prevState) => ({\r\n displayMembers: prevState.displayMembers.filter(\r\n (el) => el.firstName.includes(Name) || el.lastName.includes(Name)\r\n ),\r\n }));\r\n } else {\r\n this.setState({\r\n displayMembers: this.state.displayMembers,\r\n });\r\n }\r\n };\r\n\r\n canViewSavedSearch = () => {\r\n console.log(this.props.location);\r\n let isMemberPath = false;\r\n if (this.props.location && this.props.location.pathname) {\r\n isMemberPath =\r\n this.props.location.pathname.indexOf(\"/directory/members\") != -1;\r\n }\r\n\r\n return AuthService.canView(Permissions.Saved_Search) && isMemberPath;\r\n };\r\n\r\n canViewSavedSearchCustomizer = () => {\r\n return AuthService.canView(Permissions.Customize_Fields);\r\n };\r\n\r\n canViewBucketResult = () => {\r\n return AuthService.canView(Permissions.Buckets);\r\n };\r\n\r\n canViewExportResults = () => {\r\n return AuthService.canView(Permissions.Export_Results);\r\n };\r\n\r\n iterator = (currentPage, list, paging) => {\r\n list = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n var current = currentPage,\r\n l = list.length;\r\n var end = paging;\r\n\r\n let skip = (currentPage - 1) * paging;\r\n if (skip < 0) {\r\n skip = 0;\r\n }\r\n let take = skip + paging;\r\n let temp = [...list];\r\n\r\n temp = temp.slice(skip, take);\r\n\r\n var part = temp;\r\n currentPage = end < l ? end : 0;\r\n this.setState({\r\n data: part,\r\n page: current,\r\n sizePerPage: paging,\r\n totalCount: list.length,\r\n });\r\n this.props.setFilterResultPageNo(current);\r\n //this.props.setFilterResultPageSize(paging);\r\n // return part;\r\n };\r\n onChange(e) {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n viewAllbucket = () => {\r\n this.props.setBasicSearchKeyWord(\"\");\r\n // this.onResetTable();\r\n this.props.SetlocalPaging();\r\n //alert(this.props.filterState.localPaging);\r\n var _data = JSON.parse(localStorage.getItem(\"BucketSearch\"));\r\n this.setState({ data: [] });\r\n this.setState({\r\n local: true,\r\n data: JSON.parse(localStorage.getItem(\"BucketSearch\")),\r\n page: 1,\r\n sizePerPage: 25,\r\n totalCount: _data.length,\r\n });\r\n\r\n const { data, sizePerPage, page } = this.state;\r\n //viewAllbucket\r\n this.RemotePagination(\r\n data,\r\n page,\r\n sizePerPage,\r\n this.iterator(page, data, sizePerPage),\r\n data.length,\r\n this.rowEvents,\r\n this.state.selectedFields\r\n );\r\n };\r\n\r\n canBeSubmitted() {\r\n return this.state.advanced_search_title.length > 0;\r\n }\r\n redirectToFiltersList = () => {\r\n const currentLocation = window.location.pathname;\r\n this.props.history.push(\"/directory/myfilters\", { reloadMyFilters: true });\r\n this.props.history.location.lastPlace = currentLocation;\r\n };\r\n saveSearch = (e) => {\r\n let postUrl = \"/api/SavedSearch/SaveSearch\";\r\n\r\n const body = {\r\n SearchName: this.state.advanced_search_title,\r\n SearchType: 1,\r\n MemberId: this.state.memberId,\r\n SearchCriteria: this.props.filterState.filterData,\r\n };\r\n this.showSpinner();\r\n axios.post(postUrl, body).then(({ data }) => {\r\n this.hideSpinner();\r\n if (data.status) {\r\n if (data.status.toLowerCase() === \"success\") {\r\n this.props.updateAndSelect(data.newSearchId, true);\r\n this.state.advanced_search_title = \"\";\r\n toast.success(data.message);\r\n this.redirectToFiltersList(); //Redirect to My Filters Listing after creating new Filter\r\n } else {\r\n toast.error(data.message);\r\n }\r\n } else {\r\n toast.error(\"Search cannot be saved.\");\r\n }\r\n });\r\n };\r\n\r\n UpdateSaveSearch = (e) => {\r\n let postUrl = \"/api/SavedSearch/UpdateSavedSearch\";\r\n const { SavedSearchDetail } = this.props.SavedSearch;\r\n let filterId = 0;\r\n if (SavedSearchDetail.real_search_type_id) {\r\n //Shared SS\r\n filterId = SavedSearchDetail.saved_search_id;\r\n } else {\r\n filterId = SavedSearchDetail.id;\r\n }\r\n const body = {\r\n SearchName: SavedSearchDetail.search_name,\r\n SearchType: SavedSearchDetail.search_type_id,\r\n MemberId: this.state.memberId,\r\n SearchCriteria: this.props.filterState.filterData,\r\n id: filterId,\r\n totalrecords: this.state.totalCount,\r\n };\r\n\r\n this.showSpinner();\r\n axios.post(postUrl, body).then(({ data }) => {\r\n this.hideSpinner();\r\n if (data.status) {\r\n if (data.status.toLowerCase() === \"success\") {\r\n this.props.setAdvancedSearch(false); /// Exclude Advanced Filer flow\r\n this.props.setSavedSearchCriteria(null);\r\n\r\n //Dont want to refesh the Members tab because there are plenty of API call\r\n toast.success(data.message);\r\n const { filterResult } = this.props.filterState;\r\n if (filterResult && filterResult.totalCount > 250) {\r\n this.props.toggleEditFilterModal({}, false); //Just close the filter modal\r\n //and Reopen by clicking eye icon from Filters listing\r\n } else {\r\n this.props.updateAndSelect(filterId, true); //(id,refreh)\r\n }\r\n } else {\r\n toast.error(data.message);\r\n }\r\n } else {\r\n toast.error(\"Search cannot be updated.\");\r\n }\r\n });\r\n };\r\n async createAreaTeam(e, id) {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n let data = await AreasService.CreateAreaTeam(id);\r\n if (data) {\r\n await this.getAreas();\r\n }\r\n }\r\n getRecipientFieldValue = () => {\r\n // this.props.FacilityMembers\r\n // ? MailGunEmailTypes.Facility\r\n // : this.props.SavedSearch.isSavedSearchSelected &&\r\n // this.props.melstate.savedSearchDllObject.savedSearchPerformed\r\n // ? MailGunEmailTypes.Member\r\n // : 0;\r\n\r\n ///CompositionModalMode.Email => ([{Bucket}(Raw Emails CSV && No Additional Mem)] || [{Facility || Region+Registrations || Team || }(Lists CSV+Plus additional Members)])\r\n const {\r\n isAdvancedFilterSelected,\r\n isBasicSearchSelected,\r\n } = this.props.filterState;\r\n //const { isSavedSearchSelected } = this.props.SavedSearch;\r\n\r\n let result = [];\r\n let isBucket = !_.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\")));\r\n if (isBucket) {\r\n // Bucket is not Empty\r\n let arrBucketListEmails =\r\n JSON.parse(localStorage.getItem(\"BucketSearch\")) != null\r\n ? JSON.parse(localStorage.getItem(\"BucketSearch\")).map(\r\n (m) => m.emailAddress\r\n )\r\n : [];\r\n result =\r\n this.state.check == CompositionModalMode.Email\r\n ? arrBucketListEmails\r\n : this.state.emails;\r\n } else {\r\n //Bucket is Empty => Could be BS Results or Advanced Search Results OR Mailing list for FRT+SS\r\n\r\n if (this.state.check == CompositionModalMode.Email) {\r\n if (isAdvancedFilterSelected || isBasicSearchSelected) {\r\n result = [...this.state.emails];\r\n } else {\r\n result = [\r\n ...this.state.emails,\r\n ...this.props.melstate.addtlMemEmails,\r\n ];\r\n }\r\n } else if (this.state.check == CompositionModalMode.SMS) {\r\n result = [...this.state.emails];\r\n }\r\n }\r\n\r\n return result;\r\n };\r\n render() {\r\n //console.log(\r\n // !_.isEmpty(this.state.searchCriteria) &&\r\n // !_.isEmpty(this.props.filterState.filterData) &&\r\n // JSON.stringify(this.props.filterState.filterData.searchApplied) !=\r\n // JSON.stringify(this.state.searchCriteria.searchApplied),\r\n // \"CC\"\r\n //);\r\n //console.log(!_.isEmpty(this.state.searchCriteria), \"SSC\");\r\n //console.log(!_.isEmpty(this.props.filterState.filterData), \"AF\");\r\n ////console.log((JSON.stringify(this.props.filterState.filterData.searchApplied) != JSON.stringify(this.state.savedSearchCriteria.searchApplied)),'AF SSC');\r\n\r\n let { IconEvents } = this.props.SavedSearch;\r\n var selectRowProp = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n selected: this.state.selectedRows,\r\n onSelectAll: this.onSelectAll,\r\n onSelect: this.onSelectSingle,\r\n hideSelectAll: this.canViewBucketResult() === true ? false : true,\r\n hideSelectColumn: this.canViewBucketResult() === true ? false : true,\r\n };\r\n const {\r\n data,\r\n sizePerPage,\r\n page,\r\n totalCount,\r\n pacSumDonation,\r\n pacCoutNonZero,\r\n savedSearchDetail,\r\n } = this.state;\r\n let selectedFields = this.state.selectedFields;\r\n if (this.state.savedSearchId && this.state.savedSearchId > 0) {\r\n selectedFields = [];\r\n }\r\n this.LoadPacColumn();\r\n const showTotal = true;\r\n const isEnabled = this.canBeSubmitted();\r\n const isSearchCriteriaEmpty = _.isEmpty(this.state.searchCriteria);\r\n const isFilterDataEmpty = _.isEmpty(this.props.filterState.filterData);\r\n const shouldRenderSaveChangesButton =\r\n savedSearchDetail &&\r\n !isSearchCriteriaEmpty &&\r\n !isFilterDataEmpty &&\r\n savedSearchDetail.search_type_id !== BUCKET_ITEM &&\r\n !(\r\n savedSearchDetail.search_type_id === SavedSearchTypes.SHARED_ITEM &&\r\n this.state.sharedSaveSearchTypeId === SavedSearchTypes.BUCKET_ITEM\r\n ) &&\r\n JSON.stringify(this.props.filterState.filterData.searchApplied) !==\r\n JSON.stringify(this.state.searchCriteria.searchApplied);\r\n const shouldShowTags =\r\n (this.props.filterState.isAdvancedFilterSelected ||\r\n this.state.savedSearchId > 0) &&\r\n this.state.savedSearchTypeId != SavedSearchTypes.BUCKET_ITEM &&\r\n !(\r\n this.state.savedSearchTypeId === SavedSearchTypes.SHARED_ITEM &&\r\n this.state.sharedSaveSearchTypeId === SavedSearchTypes.BUCKET_ITEM\r\n );\r\n const disableTags =\r\n this.props.filterMembersTab &&\r\n !AuthService.canUpdate(Permissions.Saved_Search);\r\n return (\r\n \r\n \r\n {AuthService.canView(PermissionFeature.PacSummary) &&\r\n totalCount > 0 &&\r\n this.props.isPAC &&\r\n !this.props.facilityDashboardState.IsMemberAccordianLoading && (\r\n
this.handlePACSearch(e)}\r\n pacMemberSearchTxt={this.state.pacMemberSearchTxt}\r\n pacMemberSearchTxt_err={this.state.pacMemberSearchTxt_err}\r\n searchTextChangeHandler={this.searchTextChangeHandler}\r\n searchTextKeyupHandler={this.searchTextKeyupHandler}\r\n AmountPerPayPeriod={pacSumDonation}\r\n CountTotalMembers={totalCount}\r\n PACCount={pacCoutNonZero}\r\n />\r\n )}\r\n {shouldShowTags && (\r\n \r\n \r\n \r\n {this.props.filterState.basicSearchKeyWord === \"\" && (\r\n <>\r\n {savedSearchDetail && (\r\n <>\r\n {/*
\r\n {savedSearchDetail.search_name}\r\n \r\n {savedSearchDetail.is_pinned === 1 ? (\r\n {\r\n this.props.setIconEvent(IconEvents.STAR_ICON);\r\n }}\r\n >\r\n ) : (\r\n {\r\n this.props.setIconEvent(IconEvents.STAR_ICON);\r\n }}\r\n >\r\n )} */}\r\n {/* {savedSearchDetail.member_id === this.state.memberId && (\r\n {\r\n this.props.setIconEvent(IconEvents.EDIT_ICON);\r\n }}\r\n >\r\n )} */}\r\n {/* {(savedSearchDetail.member_id === this.state.memberId ||\r\n savedSearchDetail.search_type_id == SHARED_ITEM) &&\r\n AuthService.canDelete(Permissions.Saved_Search) && (\r\n {\r\n this.props.setIconEvent(IconEvents.DELETE_EVENT);\r\n }}\r\n >\r\n )} */}\r\n {/* {\r\n this.props.resetSavedSearch();\r\n }}\r\n > */}\r\n {!_.isEmpty(this.state.searchCriteria) &&\r\n !_.isEmpty(this.props.filterState.filterData) &&\r\n savedSearchDetail.search_type_id != BUCKET_ITEM &&\r\n !(\r\n savedSearchDetail.search_type_id ===\r\n SavedSearchTypes.SHARED_ITEM &&\r\n this.state.sharedSaveSearchTypeId ===\r\n SavedSearchTypes.BUCKET_ITEM\r\n ) &&\r\n JSON.stringify(\r\n this.props.filterState.filterData.searchApplied\r\n ) !=\r\n JSON.stringify(\r\n this.state.searchCriteria.searchApplied\r\n ) && (\r\n \r\n Update Filter\r\n \r\n )}\r\n \r\n )}\r\n {AuthService.canAdd(Permissions.Saved_Search) &&\r\n this.props.filterState.isAdvancedFilterSelected &&\r\n this.state.savedSearchDetail == null && (\r\n <>\r\n \r\n\r\n \r\n Save Filter\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n\r\n {/* Member Listing Accordion Toolbar Starts */}\r\n \r\n {this.canSendEmail() === true &&\r\n this.state.data != null &&\r\n this.state.data.length > 0 && (\r\n \r\n )}\r\n {this.canSendSMS() === true &&\r\n this.state.data != null &&\r\n this.state.data.length > 0 && (\r\n \r\n )}\r\n {this.canViewExportResults() === true &&\r\n this.state.data != null &&\r\n this.state.data.length > 0 && (\r\n \r\n this.onPDFClick()}\r\n >\r\n\r\n this.onCSVClick()}\r\n >\r\n \r\n )}\r\n {this.canViewBucketResult() === true &&\r\n this.state.data != null &&\r\n this.state.data.length > 0 && (\r\n 0 ? \" text-info\" : \"\")\r\n }\r\n onClick={() => this.onBucketSearch()}\r\n >\r\n {this.state.BCounter} \r\n \r\n )}\r\n {this.state.data &&\r\n this.props.facility &&\r\n this.state.data.length > 0 && (\r\n {\r\n window.open(\r\n \"/directory/members?facilityCode=\" +\r\n this.state.facility,\r\n \"_blank\"\r\n );\r\n }}\r\n >\r\n )}\r\n {this.state.data != null &&\r\n this.props.region &&\r\n this.state.data.length > 0 && (\r\n {\r\n window.open(\r\n \"/directory/members?regionCode=\" +\r\n this.state.region,\r\n \"_blank\"\r\n );\r\n }}\r\n >\r\n )}\r\n {this.canViewSavedSearchCustomizer() === true &&\r\n (this.state.savedSearchId > 0 ||\r\n this.state.data.length > 0) && (\r\n {\r\n if (\r\n !this.state.savedSearchId ||\r\n this.state.savedSearchId <= 0\r\n ) {\r\n this.setColumnsHeaders(selectedFields);\r\n const {\r\n data,\r\n sizePerPage,\r\n page,\r\n totalCount,\r\n pacSumDonation,\r\n pacCoutNonZero,\r\n } = this.state;\r\n // canViewSavedSearchCustomizer\r\n this.RemotePagination(\r\n data,\r\n 1,\r\n 25,\r\n false,\r\n false,\r\n this.rowEvents\r\n );\r\n return;\r\n }\r\n this.props.setSavedSearchCriteria(null);\r\n this.props.updateAndSelect(\r\n this.props.SavedSearch.SavedSearchDetail.id,\r\n true\r\n );\r\n }}\r\n selectedFields={selectedFields}\r\n PACMembers={\r\n this.props.PACMembers ? this.props.PACMembers : false\r\n }\r\n FacilityMembers={\r\n this.props.FacilityMembers\r\n ? this.props.FacilityMembers\r\n : false\r\n }\r\n >\r\n )}\r\n
\r\n {/* Member Listing Accordion Toolbar Ends */}\r\n\r\n\r\n \r\n\r\n {this.props.FacilityMembers ? (\r\n this.state.areasCount > 0 ? (\r\n this.setActiveTab(k)}\r\n >\r\n {this.state.areasList.map((item, index) => (\r\n \r\n \r\n {\" \"}\r\n {item.code}{\" \"}\r\n {AuthService.canView(PermissionFeature.TeamsTeams) &&\r\n item.id > 0 && (\r\n <>\r\n {item.teamid != null && item.teamid != -1 ? (\r\n {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n }}\r\n href={\r\n \"/permissions/teams/teamDetail/\" +\r\n item.teamid\r\n }\r\n >\r\n {\r\n this.createAreaTeam(e, item.id);\r\n }}\r\n className=\"text-primary fas fa-sm fa-plus-circle\"\r\n > \r\n )\r\n )}\r\n \r\n )}\r\n \r\n \r\n }\r\n >\r\n \r\n
\r\n {totalCount == 0 && !this.props.facility && (\r\n \r\n
\r\n In the search field enter one of the following:\r\n
\r\n
\r\n First Name \r\n Last Name \r\n Member Number \r\n \r\n
\r\n {/* //When advance filter and save search both selected */}\r\n {this.RemotePagination(\r\n data,\r\n this.props.filterState.currentFilterResultPage,\r\n sizePerPage,\r\n this.handleTableChange,\r\n totalCount,\r\n showTotal,\r\n this.rowEvents,\r\n selectedFields,\r\n selectRowProp\r\n )}\r\n \r\n )}\r\n\r\n {_.isEmpty(this.state.data) &&\r\n this.state.memberGridLoad === false &&\r\n this.props.filterState.resultsAccordianType === 1 && (\r\n \r\n
\r\n
No Members Found! \r\n \r\n
\r\n
\r\n Loading... \r\n
\r\n
\r\n {\r\n let c = _.cloneDeep(this.columns);\r\n if (\r\n c[0].dataField == \"\" &&\r\n this.props.facility\r\n ) {\r\n c.splice(0, 1);\r\n console.log(\"columns2\", this.columns);\r\n\r\n return c;\r\n }\r\n return this.columns;\r\n })()}\r\n false\r\n false\r\n false\r\n id=\"membersListingPdf\"\r\n />\r\n
\r\n }\r\n {/* for PDF AND CSV Downloading purpose only. Its Hidden by default. */}\r\n {\r\n \r\n \r\n
Active Employees {\" \"}\r\n
\r\n ({this.state.activeTotalCount} results)\r\n
\r\n
\r\n
\r\n \r\n
Inactive Employees {\" \"}\r\n
\r\n ({this.state.inactiveTotalCount} results)\r\n
\r\n
\r\n
\r\n \r\n
\r\n {totalCount == 0 && !this.props.facility && (\r\n
\r\n
In the search field enter one of the following:
\r\n
\r\n First Name \r\n Last Name \r\n Member Number \r\n \r\n
\r\n )}\r\n\r\n {totalCount > 0 &&\r\n (!this.props.facilityDashboardState\r\n .IsMemberAccordianLoading ||\r\n this.props.filterState.isAdvancedFilterSelected ||\r\n this.state.savedSearchId > 0) && (\r\n
\r\n {/* //When advance filter and save search both selected */}\r\n {this.RemotePagination(\r\n data,\r\n this.props.filterState.currentFilterResultPage,\r\n sizePerPage,\r\n this.handleTableChange,\r\n totalCount,\r\n showTotal,\r\n this.rowEvents,\r\n selectedFields,\r\n selectRowProp\r\n )}\r\n \r\n )}\r\n\r\n {_.isEmpty(this.state.data) &&\r\n this.state.memberGridLoad === false &&\r\n this.props.filterState.resultsAccordianType === 1 && (\r\n
\r\n
\r\n
No Members Found! \r\n \r\n
\r\n )}\r\n {this.state.memberGridLoad === true && (\r\n
\r\n
\r\n Loading... \r\n
\r\n
\r\n )}\r\n {/* for PDF AND CSV Downloading purpose only. Its Hidden by default. */}\r\n {\r\n
\r\n {\r\n let c = _.cloneDeep(this.columns);\r\n if (c[0].dataField == \"\" && this.props.facility) {\r\n c.splice(0, 1);\r\n console.log(\"columns2\", this.columns);\r\n\r\n return c;\r\n }\r\n return this.columns;\r\n })()}\r\n false\r\n false\r\n false\r\n id=\"membersListingPdf\"\r\n />\r\n
\r\n }\r\n {/* for PDF AND CSV Downloading purpose only. Its Hidden by default. */}\r\n {\r\n
\r\n
\r\n
Active Employees {\" \"}\r\n
\r\n ({this.state.activeTotalCount} results)\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Inactive Employees {\" \"}\r\n
\r\n ({this.state.inactiveTotalCount} results)\r\n
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n
\r\n
\r\n
\r\n {totalCount == 0 &&\r\n !this.props.facility &&\r\n !this.props.SavedSearch.isOpenFilterModal && (\r\n \r\n
In the search field enter one of the following:
\r\n
\r\n First Name \r\n Last Name \r\n Member Number \r\n \r\n
\r\n {/* //When advance filter and save search both selected */}\r\n {this.RemotePagination(\r\n data,\r\n this.props.filterState.currentFilterResultPage,\r\n sizePerPage,\r\n this.handleTableChange,\r\n totalCount,\r\n showTotal,\r\n this.rowEvents,\r\n selectedFields,\r\n selectRowProp\r\n )}\r\n \r\n )}\r\n\r\n {_.isEmpty(this.state.data) &&\r\n this.state.memberGridLoad === false &&\r\n this.props.filterState.resultsAccordianType === 1 && (\r\n \r\n
\r\n
No Members Found! \r\n \r\n
\r\n
\r\n Loading... \r\n
\r\n
\r\n {\r\n let c = _.cloneDeep(this.columns);\r\n if (c[0].dataField == \"\" && this.props.facility) {\r\n c.splice(0, 1);\r\n //console.log(\"columns2\", this.columns);\r\n\r\n return c;\r\n }\r\n return this.columns;\r\n })()}\r\n false\r\n false\r\n false\r\n id=\"membersListingPdf\"\r\n />\r\n
\r\n }\r\n {/* for PDF AND CSV Downloading purpose only. Its Hidden by default. */}\r\n {\r\n \r\n
\r\n
Active Employees {\" \"}\r\n
\r\n ({this.state.activeTotalCount} results)\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Inactive Employees {\" \"}\r\n
\r\n ({this.state.inactiveTotalCount} results)\r\n
\r\n
\r\n
\r\n
\r\n
Facility Id\r\n entityId={\r\n this.props.FacilityMembers\r\n ? this.props.facilityId\r\n : this.props.SavedSearch.isSavedSearchSelected &&\r\n this.props.melstate.savedSearchDllObject &&\r\n this.props.melstate.savedSearchDllObject\r\n .savedSearchPerformed\r\n ? this.props.melstate.savedSearchDllObject.SearchId\r\n : 0\r\n }\r\n getAdditionalSubsribersEmailAddresses={\r\n this.props.getAdditionalSubsribersEmailAddresses\r\n }\r\n isSaveSearchFacilityCS={true}\r\n isBucketFilled={\r\n !_.isEmpty(JSON.parse(localStorage.getItem(\"BucketSearch\")))\r\n }\r\n isFRTCS={false}\r\n />\r\n }\r\n\r\n {this.state.displayMembers && (\r\n \r\n );\r\n }\r\n}\r\n\r\n// export default Users;\r\nexport default connect(\r\n (state) => ({\r\n filterState: state.advancedFilter,\r\n facilityDashboardState: state.facilityDashboard,\r\n formValues: state.form,\r\n currentState: state,\r\n SavedSearch: state.saveSearch,\r\n melstate: state.mailGunEmail,\r\n }),\r\n {\r\n ...actionFilter,\r\n ...actions,\r\n ...savedSearchAction,\r\n ...mailGunEmailActions,\r\n }\r\n)(Users);\r\n","import React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport Users from \"../../modules/Admin/Users/Users\";\r\nimport actionFilter from \"../../../src/store/advancedfilter/action\";\r\nimport actionSaveSearch from \"../../../src/store/saveSearch/action\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport InfiniteScroll from \"react-infinite-scroll-component\";\r\nimport axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport _ from \"lodash\";\r\nimport { debounce } from \"throttle-debounce\";\r\nimport PermissionFeature from \"../../modules/Permissions/PermissionFeature\";\r\nimport AuthService from \"../../modules/Auth/AuthService\";\r\nexport class TopSearchBar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n keyword: \"\",\r\n memberSearchText: \"\",\r\n memberSearchText_err: \"\",\r\n valid: false,\r\n redirectToNewPage: false,\r\n members: [],\r\n offset: 0,\r\n fetch: 20,\r\n total: 0,\r\n searchType: 1,\r\n isShowSearch: false,\r\n user: {},\r\n };\r\n this.scroll = React.createRef();\r\n this.autocompleteSearchDebounced = debounce(500, this.autocompleteSearch);\r\n }\r\n UNSAFE_componentWillMount() {\r\n document.addEventListener(\"mousedown\", this.handleClick, false);\r\n }\r\n componentWillUnmount() {\r\n document.removeEventListener(\"mousedown\", this.handleClick, false);\r\n }\r\n componentDidMount() {\r\n this.setState({ user: AuthService.getProfile().memberData });\r\n }\r\n handleClick = (e) => {\r\n if (this.searchNode !== undefined && this.searchNode !== null) {\r\n if (this.searchNode.contains(e.target)) {\r\n return;\r\n }\r\n this.setState({ isShowSearch: false });\r\n }\r\n };\r\n searchTextKeyupHandler = (event) => {\r\n if (event.keyCode == 13) {\r\n this.handleSearchClick(event);\r\n }\r\n };\r\n\r\n autocompleteSearch = () => {\r\n this._fetch();\r\n };\r\n\r\n _fetch = async () => {\r\n var data = await this.SearchMembers(\r\n this.state.memberSearchText,\r\n this.state.searchType,\r\n this.state.offset,\r\n this.state.fetch\r\n );\r\n if (data !== null) {\r\n this.setState({\r\n total: data.result.total,\r\n members: data.result.members,\r\n isShowSearch: true,\r\n });\r\n }\r\n };\r\n searchTextChangeHandler = async (event) => {\r\n if (\r\n !_.isEmpty(this.state.members) &&\r\n this.scroll !== null &&\r\n this.scroll.current !== null\r\n ) {\r\n this.scroll.current.scrollTo(0, 0);\r\n }\r\n var searchType = 1;\r\n var searchTerms = event.target.value.trimStart();\r\n\r\n // Check if input contains only numbers and phone-related characters\r\n var isPhonePattern = /^\\(?\\d{3}\\)?[\\s-]?\\d{3}[\\s-]?\\d{4}$/.test(searchTerms);\r\n var isNumeric = /^\\d+$/.test(searchTerms);\r\n\r\n if (isPhonePattern) {\r\n searchType = 4; // Search explicitly in the Phone field\r\n } else if (isNumeric) {\r\n searchType = 2; // Search in both MemberNumber and Phone\r\n } else {\r\n if (this.validateEmail(searchTerms)) {\r\n searchType = 3; // Search by Email\r\n } else {\r\n searchType = 1; // Default: Name search\r\n }\r\n }\r\n if (!_.isEmpty(searchTerms)) {\r\n this.setState(\r\n {\r\n offset: 0,\r\n memberSearchText: searchTerms,\r\n searchType: searchType,\r\n },\r\n () => {\r\n this.autocompleteSearchDebounced();\r\n }\r\n );\r\n } else {\r\n this.setState({\r\n memberSearchText: searchTerms,\r\n total: 0,\r\n members: [],\r\n isShowSearch: false,\r\n });\r\n }\r\n };\r\n\r\n handleSearchClick = (e) => {\r\n e.preventDefault();\r\n console.log(\"this.props ad\", this.props);\r\n console.log(\"this ad\", this);\r\n this.props.setAdvancedSearch(false);\r\n\r\n this.props.isSavedSearchSelected(false);\r\n this.props.setIsBasicSearchSelected(true);\r\n this.props.setBasicSearchKeyWord(this.state.memberSearchText);\r\n this.props.setFilterResultPageNo(1);\r\n this.props.setFilterResultPageSize(25);\r\n this.props.setMemberAccordianType(1);\r\n // this.props.setFilterData({});\r\n this.setState({ redirectToNewPage: true, isShowSearch: false });\r\n if (\r\n window.location.href.includes(\"directory\") &&\r\n this.state.redirectToNewPage\r\n ) {\r\n $(\".d-tabs\").removeClass(\"directory-brand-active\");\r\n this.props.history.push({\r\n pathname: \"/directory/members\",\r\n keyword: this.state.memberSearchText,\r\n tab: Users,\r\n name: \"Members\",\r\n showActive: true,\r\n });\r\n } else if (\r\n this.state.redirectToNewPage &&\r\n !window.location.href.includes(\"directory\")\r\n ) {\r\n if (this.state.memberSearchText === this.props.basicSearchKeyWord) {\r\n this.setState({ redirectToNewPage: false });\r\n }\r\n }\r\n };\r\n validateEmail = (email) => {\r\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n };\r\n fatchMoreResult = async () => {\r\n this.setState({ offset: this.state.offset + 20 });\r\n var data = await this.SearchMembers(\r\n this.state.memberSearchText,\r\n this.state.searchType,\r\n this.state.offset,\r\n this.state.fetch\r\n );\r\n if (data !== null && !_.isEmpty(data.result.members)) {\r\n this.setState({\r\n members: [...this.state.members, ...data.result.members],\r\n });\r\n }\r\n };\r\n SearchMembers = async (searchTerms, type, offset, fetch) => {\r\n let url =\r\n `api/Member/Members?searchTerms=` +\r\n searchTerms +\r\n `&type=` +\r\n type +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode !== 500) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n };\r\n handleLoadMemberPage = (id) => {\r\n this.setState({ isShowSearch: false });\r\n this.props.history.push({\r\n pathname: \"/directory/userAction/\" + id,\r\n type: \"edit\",\r\n uid: id,\r\n keyword: this.state.memberSearchText,\r\n showActive: true,\r\n });\r\n };\r\n canSPView(memberId, regionId, facilityId) {\r\n var isRegion = false;\r\n var isFacility = false;\r\n var isMemberNumber = false;\r\n var isFirstName = false;\r\n var isLastName = false;\r\n var isEmail = false;\r\n var isPhone = false;\r\n var isMemberType = false;\r\n //const scopepermissions = JSON.parse(\r\n // localStorage.getItem(\"scopepermissions\")\r\n //);\r\n //if (!_.isEmpty(scopepermissions.scopePermission)) {\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.Region,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isRegion = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.Facility,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isFacility = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.PersonalInfoMemberNumber,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isMemberNumber = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.PersonalInfoFirstName,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isFirstName = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.PersonalInfoLastName,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isLastName = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.ContactPhones,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isPhone = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.ContactEmailAddresses,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isEmail = true;\r\n }\r\n if (\r\n AuthService.canSPView(\r\n PermissionFeature.MembershipMemberType,\r\n regionId,\r\n facilityId,\r\n memberId\r\n )\r\n ) {\r\n isMemberType = true;\r\n }\r\n //}\r\n return {\r\n isRegion,\r\n isFacility,\r\n isMemberNumber,\r\n isFirstName,\r\n isLastName,\r\n isEmail,\r\n isPhone,\r\n isMemberType,\r\n };\r\n }\r\n renderSearchArea = () => {\r\n if (\r\n this.state.isShowSearch === true &&\r\n !_.isEmpty(this.state.memberSearchText)\r\n ) {\r\n return (\r\n (this.searchNode = searchNode)}\r\n >\r\n \r\n \r\n {!_.isEmpty(this.state.members) &&\r\n this.state.members.map((item, i) => {\r\n const {\r\n isFirstName,\r\n isLastName,\r\n isMemberType,\r\n isMemberNumber,\r\n isEmail,\r\n isPhone,\r\n isFacility,\r\n isRegion,\r\n } = this.canSPView(item.id, item.regionID, item.facilityID);\r\n return (\r\n \r\n
this.handleLoadMemberPage(item.id)}\r\n >\r\n \r\n
\r\n
\r\n \r\n {isMemberType && item.memberType + \" \"}\r\n {isMemberNumber && item.memberNumber}\r\n \r\n \r\n \r\n
\r\n {isEmail && !_.isEmpty(item.email) && (\r\n
\r\n \r\n\r\n {item.email}\r\n \r\n )}\r\n {isPhone && !_.isEmpty(item.phone) && (\r\n \r\n \r\n\r\n {item.phone}\r\n \r\n )}\r\n \r\n
\r\n {(isFacility || isRegion) && (\r\n
\r\n {isRegion &&\r\n (item.region != null ? item.region : \"--\")}{\" \"}\r\n |{\" \"}\r\n {isFacility &&\r\n (item.facility != null ? item.facility : \"--\")}\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
Search criteria not found \r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n } else {\r\n return \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {this.state.memberSearchText_err}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Search \r\n \r\n
\r\n
\r\n {this.state.memberSearchText_err}\r\n \r\n
\r\n
{\r\n //markAsRead(data);\r\n showDetailPage(detailpage, setHeaderActiveTab, navigateToDetailPage);\r\n }}\r\n className=\"card-link-noti\"\r\n >\r\n \r\n {/* {renderImage && (\r\n \r\n
\r\n
\r\n
\r\n {/* {notibody} */}\r\n \r\n {/* {createDate} */}\r\n {moment(\r\n new Date(\r\n createDate.indexOf(\"Z\") < 0 ? createDate + \"Z\" : createDate\r\n )\r\n ).format(\"MM/DD/YY hh:mm:ss\")}\r\n
\r\n )}\r\n \r\n {cardOption && (\r\n
cardOption(data)}>\r\n …\r\n
\r\n )}\r\n {/* {!isread && (\r\n
markAsRead(data)}\r\n >\r\n
}\r\n \r\n
this.setState({ show: !show })}\r\n >\r\n = 100 ? { fontSize: \"8px\" } : null}\r\n >\r\n {dataCount < 100 ? dataCount : \"99+\"}\r\n \r\n \r\n {title}
\r\n\r\n {/* {dataLength > 0 && (\r\n \r\n {option.text}\r\n
\r\n )} */}\r\n \r\n\r\n \r\n {dataLength > 0 ? (\r\n \r\n {cardList}\r\n {loading && (\r\n \r\n
\r\n )}\r\n \r\n ) : (\r\n \r\n
No Notifications
\r\n
\r\n
{historyLabel} \r\n {/*
*/}\r\n
\r\n Lorem S had shared a feedback {\" \"}\r\n with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n {\r\n id: 3,\r\n message: (\r\n \r\n ipsum S had shared a feedback {\" \"}\r\n with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n {\r\n id: 4,\r\n message: (\r\n \r\n dolor S had shared a feedback {\" \"}\r\n with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n {\r\n id: 5,\r\n message: (\r\n \r\n sit S had shared a feedback {\" \"}\r\n with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n {\r\n id: 6,\r\n message: (\r\n \r\n amet S had shared a feedback {\" \"}\r\n with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n {\r\n id: 7,\r\n message: (\r\n \r\n dolor sit had shared a{\" \"}\r\n feedback with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n {\r\n id: 8,\r\n message: (\r\n \r\n Lorem ipsum S had shared a{\" \"}\r\n feedback with you.\r\n
\r\n ),\r\n detailPage: \"/events\",\r\n receivedTime: \"12h ago\",\r\n },\r\n];\r\nclass topbar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.toggle = this.toggle.bind(this);\r\n this.toggle1 = this.toggle1.bind(this);\r\n this.toggleprofile = this.toggleprofile.bind(this);\r\n this.togglebadge = this.togglebadge.bind(this);\r\n this.handlesignOut = this.handlesignOut.bind(this);\r\n this.toggleSidebar = this.toggleSidebar.bind(this);\r\n this.state = {\r\n dropdownOpen: false,\r\n dropdownOpen1: false,\r\n dropdownOpenprofile: false,\r\n dropdownOpenbadge: false,\r\n dropDownLable: \"\",\r\n };\r\n this.Auth = AuthService;\r\n this.user = AuthService.getProfile().memberData;\r\n }\r\n\r\n toggleSidebar() {\r\n this.props.toggleSidebarCallback();\r\n // document.body.classList.toggle('enlarged');\r\n }\r\n handlesignOut() {\r\n this.disconnectSignalR();\r\n this.Auth.logoutAuthO();\r\n\r\n //this.props.history.push(\"/login\");\r\n }\r\n\r\n disconnectSignalR = async () => {\r\n console.log(\"disconnecting.........\");\r\n //debugger;\r\n await this.props.wsDisconnect(\r\n `${process.env.REACT_APP_API_BASE_URL}/updateProgress`\r\n );\r\n console.log(\"disconnected.........\");\r\n };\r\n\r\n toggle() {\r\n this.setState((prevState) => ({\r\n dropdownOpen: !prevState.dropdownOpen,\r\n }));\r\n }\r\n toggle1() {\r\n this.setState((prevState) => ({\r\n dropdownOpen1: !prevState.dropdownOpen1,\r\n }));\r\n }\r\n toggleprofile() {\r\n this.setState((prevState) => ({\r\n dropdownOpenprofile: !prevState.dropdownOpenprofile,\r\n }));\r\n }\r\n togglebadge() {\r\n this.setState((prevState) => ({\r\n dropdownOpenbadge: !prevState.dropdownOpenbadge,\r\n }));\r\n }\r\n\r\n togglescreen(e) {\r\n if (\r\n !document.fullscreenElement &&\r\n !document.mozFullScreenElement &&\r\n !document.webkitFullscreenElement\r\n ) {\r\n // current working methods\r\n if (document.documentElement.requestFullscreen) {\r\n document.documentElement.requestFullscreen();\r\n } else if (document.documentElement.mozRequestFullScreen) {\r\n document.documentElement.mozRequestFullScreen();\r\n } else if (document.documentElement.webkitRequestFullscreen) {\r\n document.documentElement.webkitRequestFullscreen(\r\n Element.ALLOW_KEYBOARD_INPUT\r\n );\r\n }\r\n } else {\r\n if (document.cancelFullScreen) {\r\n document.cancelFullScreen();\r\n } else if (document.mozCancelFullScreen) {\r\n document.mozCancelFullScreen();\r\n } else if (document.webkitCancelFullScreen) {\r\n document.webkitCancelFullScreen();\r\n }\r\n }\r\n }\r\n componentWillMount() {\r\n if (this.Auth.loggedIn()) {\r\n this.state.user = this.Auth.getToken().memberData;\r\n }\r\n }\r\n componentDidMount() {\r\n console.log(\"componentDidMount topbar\");\r\n if (this.Auth.loggedIn()) {\r\n this.props.GetUserNotifications(this.state.user.id);\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n
\r\n \r\n {AuthService.canMTView() && (\r\n \r\n \r\n \r\n Member's Home \r\n \r\n \r\n \r\n )}\r\n {AuthService.canView(PermissionFeature.NotificationIcon) && (\r\n \r\n {\r\n // data.isread = !data.isread;\r\n // console.log(data.isread);\r\n }}\r\n />\r\n \r\n )}\r\n \r\n {this.user !== null && (\r\n \r\n \r\n {/* {this.user.nickname === null\r\n ? this.user.firstname === null\r\n ? \"\"\r\n : this.user.firstname\r\n : this.user.nickname}{\" \"} */}\r\n {!_.isEmpty(this.user) &&\r\n !_.isEmpty(this.user.nickname) &&\r\n this.user.nickname}\r\n {!_.isEmpty(this.user) &&\r\n _.isEmpty(this.user.nickname) &&\r\n !_.isEmpty(this.user.firstname) &&\r\n this.user.firstname}{\" \"}\r\n \r\n \r\n Hi,{\" \"}\r\n {this.user.firstname === null ? \"\" : this.user.firstname}!\r\n \r\n \r\n {\" \"}\r\n Member Number:{\" \"}\r\n {this.user.membernumber === null\r\n ? \"\"\r\n : this.user.membernumber}\r\n
\r\n {/* Profile */}\r\n {/* \r\n {\" \"}\r\n Change Password{\" \"}\r\n */}\r\n \r\n {\" \"}\r\n Logout{\" \"}\r\n \r\n \r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {AuthService.canView(PermissionFeature.Member) && (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {new Date().getFullYear()} © NATCA. v 2.2.8\r\n
\r\n
\r\n
\r\n);\r\n\r\nexport default footer;\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nexport default {\r\n TeamScopes: async (teamId) => {\r\n let url =\r\n teamId === null\r\n ? \"/api/Permission/Scopes\"\r\n : `/api/Permission/Scopes?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n Team: async (teamId) => {\r\n let url =\r\n teamId === null\r\n ? \"/api/Permission/Team\"\r\n : `/api/Permission/Team?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n TeamPosition: async (teamId) => {\r\n let url = `/api/Permission/TeamPosition?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n TeamPositions: async (teamId) => {\r\n let url =\r\n teamId === null\r\n ? \"/api/Permission/Positions\"\r\n : `/api/Permission/Positions?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n TeamPositionTypes: async () => {\r\n let url = \"/api/Permission/TeamPositionTypes\";\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n\r\n DeleteChild: async (deleteParentChildId) => {\r\n let url = `api/Permission/DeleteChild?parentChildID=${deleteParentChildId}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n DeletePosition: async (teamPositionID, isHistory) => {\r\n let url = `api/Permission/DeletePosition?teamPositionID=${teamPositionID}&isHistory=${isHistory}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n DeleteLinkedPosition: async (teamLinkedPositionID) => {\r\n let url = `api/Permission/DeleteLinkedPosition?teamLinkedPositionID=${teamLinkedPositionID}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n DeleteMemberPosition: async (teamPositionMemberID) => {\r\n let url = `api/Permission/DeleteMemberPosition?teamPositionMemberID=${teamPositionMemberID}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n MyTeam: async () => {\r\n let url = `api/Permission/MyTeams`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n ViewTeam: async (MemberId, TeamPositionId) => {\r\n let url = `api/Permission/ViewTeams?memberId=${MemberId}&teamPositionId=${TeamPositionId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n FacilityMembers: async (FacilityId) => {\r\n let url = `api/Permission/FacilityMembers?facilityId=${FacilityId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n MyPositions: async (MemberID) => {\r\n let url = `api/Permission/MyPositions?memberId=${MemberID}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n TeamsByTeam: async (teamId) => {\r\n let url = `api/Permission/TeamsByTeam?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n DeleteTeams: async (teamAssignChild) => {\r\n let url = `/api/Permission/DeleteTeams`;\r\n var { data } = await axios.post(url, teamAssignChild);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n AssignTeam: async (assignChildTeam) => {\r\n let url = `api/Permission/AssignTeam`;\r\n var { data } = await axios.post(url, assignChildTeam);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n SwapPositionOrderId: async (SourcePosition, TargetPosition) => {\r\n let url = `api/Permission/SwapPositionOrderId`;\r\n var { data } = await axios.post(url, [SourcePosition, TargetPosition]);\r\n if (data.statusCode && data.statusCode == 200) {\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n TeamMemberExist: async () => {\r\n let url = `api/Permission/TeamMemberExist`;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LinkedPositionTeams: async (teampositionId) => {\r\n let url = `/api/Permission/LinkedPositions?teampositionId=${teampositionId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n LinkedTeams: async (teamId) => {\r\n let url =\r\n teamId === null\r\n ? \"/api/Permission/LinkedTeams\"\r\n : `/api/Permission/LinkedTeams?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n ChildTeams: async (teamId) => {\r\n let url =\r\n teamId === null\r\n ? \"/api/Permission/TeamChildren\"\r\n : `/api/Permission/TeamChildren?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n TeamPermissions: async (teamId) => {\r\n let url =\r\n teamId === null\r\n ? \"/api/Permission/TeamPermission\"\r\n : `/api/Permission/TeamPermission?teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n DefaultPermissions: async () => {\r\n let url = \"/api/Permission/DefaultPermissions\";\r\n\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n UserOwnPermissions: async () => {\r\n let url = \"/api/Permission/UserOwnPermissions\";\r\n\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n ReviewPermissions: async (MemberId) => {\r\n let url = `/api/Permission/ReviewPermission?memberId=${MemberId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n ReviewPermissionsDetail: async (MemberId, PermissionFeatureId, PermType) => {\r\n let url = `/api/Permission/ReviewPermissionDetail?memberId=${MemberId}&permissionFeatureId=${PermissionFeatureId}&permType=${PermType}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n PositionPermissions: async (teamPositionId, teamId) => {\r\n let url = `/api/Permission/PositionPermission?teamPositionId=${teamPositionId}&teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n PositionScope: async (teamPositionId, teamId) => {\r\n let url = `/api/Permission/PositionScope?teamPositionId=${teamPositionId}&teamId=${teamId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadMembers: async (searchTerms, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/Permission/GetMembers?searchTerms=` +\r\n searchTerms +\r\n `&offset=0&fetch=10`\r\n : `api/Permission/GetMembers?searchTerms=` +\r\n searchTerms +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadOfficerMembers: async (searchTerms, offset, fetch /*, facilityid*/) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/Permission/OfficerMembers?searchTerms=` +\r\n searchTerms +\r\n `&offset=0&fetch=10`\r\n : `api/Permission/OfficerMembers?searchTerms=` +\r\n searchTerms +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n //+\r\n // `&facilityid=` +\r\n // facilityid;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadMembersByScope: async (searchTerms, offset, fetch, facilityId) => {\r\n debugger;\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/Permission/GetMembersByScope?searchTerms=` +\r\n searchTerms +\r\n `&offset=0&fetch=10&facilityId=` +\r\n (typeof facilityId !== \"undefined\" ? facilityId : 0)\r\n : `api/Permission/GetMembersByScope?searchTerms=` +\r\n searchTerms +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch +\r\n `&facilityId=` +\r\n (typeof facilityId !== \"undefined\" ? facilityId : 0);\r\n\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadMoreLogs: async (moduletype, id, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/ActivityLogging?moduletype=${moduletype}&id=${id}&offset=0&fetch=10`\r\n : `api/ActivityLogging?moduletype=${moduletype}&id=${id}&offset=${offset}&fetch=${fetch}`;\r\n var { data } = await axios.get(url);\r\n return data;\r\n },\r\n LoadLinkedTeams: async (teamScope) => {\r\n let url = `/api/Permission/LinkedPositionTeams`;\r\n var { data } = await axios.post(url, teamScope);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadScopeTeams: async (teamScope) => {\r\n let url = `/api/Permission/ScopeTeams`;\r\n var { data } = await axios.post(url, teamScope);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n SaveLinkedPosition: async (teamLinkedPosition) => {\r\n let url = `/api/Permission/LinkedPosition`;\r\n var { data } = await axios.post(url, teamLinkedPosition);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n SaveTeam: async (team) => {\r\n let url = `/api/Permission/Team`;\r\n var { data } = await axios.post(url, team);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditTeam: async (editTeam) => {\r\n let url = `/api/Permission/EditTeam`;\r\n var { data } = await axios.post(url, editTeam);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditTeamPermission: async (editTeamPermissionModel) => {\r\n let url = `/api/Permission/EditTeamPermission`;\r\n var { data } = await axios.post(url, editTeamPermissionModel);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditSpecialTeamPermission: async (editSpecialTeamPermissionsModel) => {\r\n let url = `/api/Permission/EditSpecialTeamPermission`;\r\n var { data } = await axios.post(url, editSpecialTeamPermissionsModel);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditDefaultPermission: async (editDefaultPermissionModel) => {\r\n let url = `/api/Permission/EditDefaultPermission`;\r\n var { data } = await axios.post(url, editDefaultPermissionModel);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditUserOwnPermission: async (EditUserOwnPermissionModel) => {\r\n let url = `/api/Permission/EditUserOwnPermission`;\r\n var { data } = await axios.post(url, EditUserOwnPermissionModel);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditPosition: async (editPositionModel) => {\r\n let url = `/api/Permission/EditPosition`;\r\n var { data } = await axios.post(url, editPositionModel);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EditPositionMember: async (editPositionModel) => {\r\n let url = `/api/Permission/EditPositionMember`;\r\n var { data } = await axios.post(url, editPositionModel);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n EditTeamPositionMemberDates: async (editTeamPositionMemberModel) => {\r\n let url = `/api/Permission/EditTeamPositionMemberDates`;\r\n var { data } = await axios.post(url, editTeamPositionMemberModel);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n EditPositionPermissionScope: async (editPositionModel) => {\r\n let url = `/api/Permission/EditPositionPermissionScope`;\r\n var { data } = await axios.post(url, editPositionModel);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetTeams: async () => {\r\n let url = \"/api/Permission/Teams\";\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetTeamPermissionChangeStatus: async (teamid) => {\r\n if (teamid == null) {\r\n return null;\r\n }\r\n let url = `/api/Permission/TeamPermissionChangeStatus?TeamId=${teamid}`;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n },\r\n SetTeamPermissionChangeStatusSeen: async (id) => {\r\n if (id == null) {\r\n return null;\r\n }\r\n let url = `/api/Permission/TeamPermissionChangeStatusSeen?Id=${id}`;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n },\r\n GetArchivedTeams: async () => {\r\n let url = \"/api/Permission/ArchivedTeams\";\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n};\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport FETrackerAction from \"../../../src/store/feTracker/action\";\r\nimport { connect } from \"react-redux\";\r\nimport $ from \"jquery\";\r\nimport \"./Leftsidebar.css\";\r\nimport AuthService from \"../../modules/Auth/AuthService\";\r\nimport PermissionServices from \"../../modules/Permissions/PermissionService\";\r\nimport PermissionFeature from \"../../modules/Permissions/PermissionFeature\";\r\nimport _ from \"lodash\";\r\n\r\nclass SideNav extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Tab: \"/\",\r\n SubTab: \"\",\r\n MoreTab: \"\",\r\n directory: true,\r\n admin: true,\r\n emailList_menu: false,\r\n account: true,\r\n permission: true,\r\n myTeams: false,\r\n home: true,\r\n };\r\n this.user = AuthService.getProfile().memberData;\r\n\r\n this.directory = this.directory.bind(this);\r\n this.requestMyTeams = this.requestMyTeams.bind(this);\r\n }\r\n requestMyTeams = async () => {\r\n let data = await PermissionServices.TeamMemberExist();\r\n if (!_.isEmpty(data)) {\r\n this.state.myTeams = data.result;\r\n this.setState({ myTeams: this.state.myTeams });\r\n }\r\n };\r\n\r\n setActiveTab = (tab, subtab, moretab, e) => {\r\n console.log(\"active tab \" + tab);\r\n this.setState({\r\n Tab: tab,\r\n SubTab: subtab,\r\n MoreTab: moretab,\r\n home: tab == \"/\",\r\n });\r\n\r\n window.refresh = Math.random();\r\n\r\n if ($(window).width() < 1025) {\r\n this.props.toggleSidebarCallback();\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n $(\"#sidebar-menu a,#sidebar-menu li\").removeClass(\"active\");\r\n let page = window.location.pathname.split(\"/\")[1];\r\n let subPage = window.location.pathname.split(\"/\")[2];\r\n ///This is throwing exception on javascript while login process\r\n let loggeduser = AuthService.getProfile();\r\n if (loggeduser.memberData != null && AuthService.isAuthenticated()) {\r\n this.requestMyTeams();\r\n }\r\n\r\n if (page == \"/\" || page == \"\") {\r\n this.setState({ Tab: \"/\", SubTab: \"\", home: true });\r\n } else if (page == \"myTeams\") {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n } else if (page === \"PACTracker\") {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n } else if (page === \"FETracker\") {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n } else if (page === \"Grievances\") {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n } else if (page === \"Registrations\") {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n } else {\r\n if (\r\n subPage == \"userAction\" ||\r\n subPage == \"region\" ||\r\n subPage == \"facility\" ||\r\n subPage == \"members\"\r\n ) {\r\n this.setState({\r\n Tab: \"directory\",\r\n SubTab: \"\",\r\n home: false,\r\n });\r\n } else if (subPage == \"edit-team\") {\r\n this.setState({\r\n Tab: \"admin\",\r\n SubTab: \"teams\",\r\n home: false,\r\n });\r\n } else if (subPage == \"registrations\") {\r\n this.setState({\r\n Tab: \"admin\",\r\n SubTab: \"registrations\",\r\n home: false,\r\n });\r\n } else if (\r\n page == \"permissions\" &&\r\n (subPage == \"teams\" || subPage == \"positions\")\r\n ) {\r\n this.setState({\r\n Tab: \"permissions\",\r\n SubTab: \"teams\",\r\n home: false,\r\n permissions_menu: true,\r\n });\r\n } else {\r\n this.setState({\r\n Tab: page,\r\n SubTab: subPage,\r\n home: false,\r\n [`${page}_menu`]: !this.state.admin_menu,\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentWillUpdate(e) {\r\n $(\"#sidebar-menu a,#sidebar-menu li\").removeClass(\"active\");\r\n const loggeduser = AuthService.getProfile();\r\n if (loggeduser.memberData == null) {\r\n //e.history.push(\"/login\");\r\n e.history.push(\"/startSession\");\r\n }\r\n\r\n let page = window.location.pathname.split(\"/\")[1];\r\n if ((page == \"/\" || page == \"\") && !this.state.home) {\r\n this.setState({ Tab: \"/\", SubTab: \"\", home: true });\r\n }\r\n if (page == \"/\" || (page == \"\" && this.user)) {\r\n e.history.push(`/dashboard/myProfile/${this.user && this.user.id}`);\r\n }\r\n }\r\n\r\n directory(match, location) {\r\n $(\"#sidebar-menu a,#sidebar-menu li\").removeClass(\"active\");\r\n let page = window.location.pathname.split(\"/\")[1];\r\n let subPage = window.location.pathname.split(\"/\")[2];\r\n\r\n if (page == \"/\" || page == \"\") {\r\n page = \"dashboard\";\r\n }\r\n $(\"#sidebar-menu a#\" + page).addClass(\"active\");\r\n if (this.state.SubTab) {\r\n $(\"#sidebar-menu .submenu li#\" + subPage).addClass(\"active\");\r\n }\r\n if (page === \"PACTracker\") {\r\n if (this.state.Tab !== page) {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n }\r\n $(\"#sidebar-menu .submenu li#\" + subPage).addClass(\"active\");\r\n }\r\n if (page === \"FETracker\") {\r\n if (this.state.Tab !== page) {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n }\r\n $(\"#FETracker\").addClass(\"active\");\r\n }\r\n if (page === \"Grievances\") {\r\n if (this.state.Tab !== page) {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n }\r\n $(\"#sidebar-menu .submenu li#\" + subPage).addClass(\"active\");\r\n }\r\n if (page === \"Registrations\" || page === \"MyRegistrations\") {\r\n if (this.state.Tab !== page) {\r\n this.setState({ Tab: page, SubTab: \"\", home: false });\r\n }\r\n $(\"#Registrations\").addClass(\"active\");\r\n }\r\n if (\r\n page === \"admin\" &&\r\n (subPage === \"registrations\" ||\r\n subPage === \"templates\" ||\r\n subPage === \"requests\" ||\r\n subPage === \"attendance\" ||\r\n subPage === \"questions\" ||\r\n subPage === \"discounts\")\r\n ) {\r\n if (this.state.Tab !== page) {\r\n this.setState({ Tab: page, SubTab: subPage, home: false });\r\n }\r\n $(\"#admin_registrations\").addClass(\"active\");\r\n }\r\n if (page == \"emailLists\" && (subPage == \"all\" || subPage == \"my\")) {\r\n if (subPage != this.state.SubTab) {\r\n this.setState({ Tab: page, SubTab: subPage, home: false });\r\n }\r\n $(\"#emailList\").addClass(\"active\");\r\n }\r\n if (page == \"Uploads\" && subPage == \"PayFileOneReview\") {\r\n $(\"#admin\").addClass(\"active\");\r\n $(\"#sidebar-menu .submenu li#\" + \"payfiles\").addClass(\"active\");\r\n }\r\n }\r\n hanldeFETrackerNavifation = () => {\r\n if (AuthService.canView(PermissionFeature.FEAdmin)) {\r\n this.setActiveTab.bind(this, \"FETracker\", \"\", \"\");\r\n //this.props.history.push(\"/FETracker/inventory\");\r\n }\r\n };\r\n\r\n render() {\r\n let equipmentPageUrl = \"\";\r\n if (this.props.festate.isEVPApprover) {\r\n equipmentPageUrl = \"/FETracker/reviewRequest\";\r\n } else if (this.props.festate.isAccountingPerson) {\r\n equipmentPageUrl = \"/FETracker/inventory\";\r\n } else {\r\n equipmentPageUrl = \"/FETracker/myRequests\";\r\n }\r\n\r\n return (\r\n \r\n \r\n {/*
\r\n
\r\n
{this.user && this.user.nickname !== null ? this.user.nickname : (this.user && this.user.firstname !== null ? this.user.firstname : \"\")}
\r\n
Member Number: {this.user && this.user.membernumber}
\r\n
\r\n
\r\n
*/}\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n//export default withRouter(SideNav);\r\n\r\nexport default withRouter(\r\n connect(\r\n (state) => ({\r\n festate: state.fetracker,\r\n }),\r\n {\r\n ...FETrackerAction,\r\n }\r\n )(SideNav)\r\n);\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport _ from \"lodash\";\r\nexport default {\r\n UploadFile: async (data) => {\r\n if (data) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadPayfileIndicators: async () => {\r\n try {\r\n const { data } = await axios.get(\r\n \"api/PayfileIndicator/PayfileIndicators\"\r\n ); // Replace with your actual API endpoint\r\n\r\n if (data && data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\"Error loading table data:\", error);\r\n throw error;\r\n }\r\n },\r\n LastStatusUpdateDate: async () => {\r\n try {\r\n const { data } = await axios.get(\r\n \"api/PayfileIndicator/LastStatusChangeDate\"\r\n ); // Replace with your actual API endpoint\r\n\r\n if (data && data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\"Error loading Last Change Date:\", error);\r\n throw error;\r\n }\r\n },\r\n\r\n SaveStatusChange: async (rowData) => {\r\n try {\r\n const { data } = await axios.put(\r\n `api/PayfileIndicator/PayfileIndicatorStatus`,\r\n rowData\r\n ); // Replace with your actual API endpoint\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message);\r\n return true;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\"Error saving status change:\", error);\r\n throw error;\r\n }\r\n },\r\n\r\n LoadStatusOptions: async () => {\r\n try {\r\n const { data } = await axios.get(\r\n \"api/PayfileIndicator/PayfileIndicatorStatus\"\r\n ); // Replace with your actual API endpoint\r\n if (data && data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\"Error loading status options:\", error);\r\n throw error;\r\n }\r\n },\r\n\r\n DeletePayfileIndicatorStatus: async (rowId) => {\r\n try {\r\n const { data } = await axios.delete(\r\n `api/PayfileIndicator/PayfileIndicator/${rowId}`\r\n ); // Replace with your actual API endpoint\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message);\r\n return true;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\"Error deleting row:\", error);\r\n throw error;\r\n }\r\n },\r\n PayFileUpdate: async (payfile) => {\r\n let url = `/api/Payfile/PayFileTwoManual`;\r\n var { data } = await axios.post(url, payfile);\r\n if (data && data.statusCode == 200) {\r\n toast.success(\"Jobs Updated SuccessFully!\");\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n FinanceUpdate: async (Obj) => {\r\n let url = `/api/FinanceFile/FinanceFileManual`;\r\n var { data } = await axios.post(url, Obj);\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n DeleteEmployeeJobs: async (ECI, fileId, status) => {\r\n if (ECI == null || fileId == null) {\r\n return null;\r\n }\r\n let url = `api/Payfile/DeletePayFileTwo?ECI=${ECI}&FileId=${fileId}&Status=${status}`;\r\n var { data } = await axios.delete(url);\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n DeleteFinanceFileEntry: async (Id) => {\r\n if (Id == null) {\r\n return null;\r\n }\r\n let url = `api/FinanceFile/FinanceFileEntry?ID=${Id}`;\r\n var { data } = await axios.delete(url);\r\n if (data && data.statusCode == 200) {\r\n toast.success(\"Finance deleted successfully!\");\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n IgnoreEmployeeJobs: async (ECI, fileId) => {\r\n if (ECI == null || fileId == null) {\r\n return null;\r\n }\r\n let url = `api/Payfile/IgnorePayFileTwo?ECI=${ECI}&FileId=${fileId}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n toast.success(\"Imported entries ignored successfully!\");\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n IgnoreFinance: async (Id, fileId) => {\r\n if (Id == null) {\r\n return null;\r\n }\r\n let url = `api/financefile/IgnoreFinance?id=${Id}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n DeleteJob: async (PayFileId) => {\r\n let url = `api/Permission/DeletePosition?teamPositionID=${PayFileId}`;\r\n var { data } = await axios.delete(url);\r\n if (data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n return null;\r\n }\r\n },\r\n LoadMembers: async (searchTerms, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/Payfile/Members?searchTerms=` + searchTerms + `&offset=0&fetch=5`\r\n : `api/Payfile/Members?searchTerms=` +\r\n searchTerms +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadFinanceMembers: async (searchTerms, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/FinanceFile/Members?searchTerms=` +\r\n searchTerms +\r\n `&offset=0&fetch=5`\r\n : `api/FinanceFile/Members?searchTerms=` +\r\n searchTerms +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadFinanceData: async (searchTerms, id, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/FinanceFile/List?searchTerms=` +\r\n searchTerms +\r\n `&fileID=` +\r\n id +\r\n `&offset=0&fetch=20`\r\n : `api/FinanceFile/List?searchTerms=` +\r\n searchTerms +\r\n `&fileID=` +\r\n id +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadPayFileTwoDetail: async (id) => {\r\n let url = `api/Payfile/PayfileDetail?fileID=` + id;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadFinanceDetail: async (searchTerms, id) => {\r\n let url =\r\n `api/FinanceFile/Detail?searchTerms=` + searchTerms + `&fileID=` + id;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadPayFileTwoData: async (searchTerms, id, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/Payfile/PayfileTwoList?searchTerms=` +\r\n searchTerms +\r\n `&fileID=` +\r\n id +\r\n `&offset=0&fetch=20`\r\n : `api/Payfile/PayfileTwoList?searchTerms=` +\r\n searchTerms +\r\n `&fileID=` +\r\n id +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadFinanceData: async (searchTerms, id, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/FinanceFile/List?searchTerms=` +\r\n searchTerms +\r\n `&fileID=` +\r\n id +\r\n `&offset=0&fetch=20`\r\n : `api/FinanceFile/List?searchTerms=` +\r\n searchTerms +\r\n `&fileID=` +\r\n id +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadPayFileTwoPGData: async (searchTerms, id, status, offset, fetch) => {\r\n if (id == null || status == null) {\r\n return null;\r\n }\r\n offset = offset == null ? 0 : offset;\r\n fetch = fetch == null ? 20 : fetch;\r\n let url =\r\n `api/Payfile/PayfileTwoPagination?searchTerms=` +\r\n searchTerms +\r\n `&status=` +\r\n status +\r\n `&fileID=` +\r\n id +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadFinancePGData: async (searchTerms, id, status, offset, fetch) => {\r\n if (id == null || status == null) {\r\n return null;\r\n }\r\n offset = offset == null ? 0 : offset;\r\n fetch = fetch == null ? 20 : fetch;\r\n let url =\r\n `api/FinanceFile/PaginationData?searchTerms=` +\r\n searchTerms +\r\n `&status=` +\r\n status +\r\n `&fileID=` +\r\n id +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n PayFileTwoExport: async (searchTerms, id, status, mode) => {\r\n if (id == null || status == null || mode == null) {\r\n return null;\r\n }\r\n let url =\r\n `api/Payfile/` +\r\n (mode == \"excel\" ? \"PayfileTwoExcel\" : \"PayfileTwoPDF\") +\r\n `?searchTerms=` +\r\n searchTerms +\r\n `&status=` +\r\n status +\r\n `&fileID=` +\r\n id;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadUpdateJob: async (fileId, memberId, payfileTwoId) => {\r\n if (fileId == null || memberId == null) {\r\n return null;\r\n }\r\n let url =\r\n `api/Payfile/PayfileTwoUpdatedJobs?payfiletwoID=` +\r\n payfileTwoId +\r\n `&memberID=` +\r\n memberId +\r\n `&fileID=` +\r\n fileId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadBargainingUnit: async () => {\r\n let url = `api/Payfile/NatcaBargainingUnits`;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GenerateFinanceFilePDF: async (searchTerms, status, fileId) => {\r\n let uniqueID = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\r\n (\r\n c ^\r\n (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\r\n ).toString(16)\r\n );\r\n\r\n let url = `/api/FinanceFile/PDF?searchTerms=${searchTerms}&status=${status}&fileID=${fileId}&uniqueID=${uniqueID}`;\r\n\r\n //var { data } = await axios.post(url, checkedIds, { params: { uniqueID } });\r\n var { data } = await axios.get(url);\r\n if (data.statusCode && data.statusCode == 500) {\r\n toast.error(data.message);\r\n return null;\r\n } else {\r\n if (data) {\r\n //const url = window.URL.createObjectURL(new Blob([data]));\r\n const link = document.createElement(\"a\");\r\n link.href = axios.defaults.baseURL + url;\r\n // link.target = \"_blank\";\r\n\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n },\r\n GenerateFinanceFileExcel: async (searchTerms, status, fileId) => {\r\n let uniqueID = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\r\n (\r\n c ^\r\n (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\r\n ).toString(16)\r\n );\r\n\r\n let url = `/api/FinanceFile/Excel?searchTerms=${searchTerms}&status=${status}&fileID=${fileId}&uniqueID=${uniqueID}`;\r\n\r\n //var { data } = await axios.post(url, checkedIds, { params: { uniqueID } });\r\n var { data } = await axios.get(url);\r\n if (data.statusCode && data.statusCode == 500) {\r\n toast.error(data.message);\r\n return null;\r\n } else {\r\n if (data) {\r\n //const url = window.URL.createObjectURL(new Blob([data]));\r\n const link = document.createElement(\"a\");\r\n link.href = axios.defaults.baseURL + url;\r\n // link.target = \"_blank\";\r\n\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n },\r\n GenerateExcel: async (\r\n searchTerms,\r\n facilityId = \"\",\r\n employerId = \"\",\r\n payperiod = \"\",\r\n duesPostedType = \"\",\r\n errorfilter = \"\",\r\n year = \"\",\r\n memberId = \"\",\r\n quarter = \"\",\r\n mode = \"\",\r\n sort = \"\"\r\n ) => {\r\n let uniqueID = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\r\n (\r\n c ^\r\n (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\r\n ).toString(16)\r\n );\r\n\r\n let url =\r\n `/api/Finance/Excel?searchTerms=` +\r\n searchTerms +\r\n `&facilityId=` +\r\n facilityId +\r\n `&employerId=` +\r\n employerId +\r\n `&payperiod=` +\r\n payperiod +\r\n `&duesPostedType=` +\r\n duesPostedType +\r\n `&errorfilter=` +\r\n errorfilter +\r\n `&year=` +\r\n year +\r\n `&memberId=` +\r\n memberId +\r\n `&quarter=` +\r\n quarter +\r\n `&mode=` +\r\n mode +\r\n `&sort=` +\r\n sort +\r\n \"&uniqueID=\" +\r\n uniqueID;\r\n //var { data } = await axios.post(url, checkedIds, { params: { uniqueID } });\r\n var { data } = await axios.get(url);\r\n if (data.statusCode && data.statusCode == 500) {\r\n toast.error(data.message);\r\n return null;\r\n } else {\r\n if (data) {\r\n console.log(data);\r\n //const url = window.URL.createObjectURL(new Blob([data]));\r\n const link = document.createElement(\"a\");\r\n link.href = axios.defaults.baseURL + url;\r\n // link.target = \"_blank\";\r\n\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n }\r\n },\r\n LoadUpdateField: async (fileId, memberId) => {\r\n if (fileId == null || memberId == null) {\r\n return null;\r\n }\r\n let url =\r\n `api/Payfile/PayfileTwoFields?memberID=` + memberId + `&fileID=` + fileId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadUpdateFinanceField: async (FinanceFileEntryId) => {\r\n if (FinanceFileEntryId == null) {\r\n return null;\r\n }\r\n let url =\r\n `api/FinanceFile/UpdatedFields?financefileentryID=` + FinanceFileEntryId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n LoadUpdateFinance: async (FinanceFileEntryId) => {\r\n if (FinanceFileEntryId == null) {\r\n return null;\r\n }\r\n let url =\r\n `api/FinanceFile/UpdatedFinance?financefileentryID=` + FinanceFileEntryId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n FinanceMemberInfo: async (memberId) => {\r\n if (memberId == null) {\r\n return null;\r\n }\r\n let url = `api/Payfile/PayfileTwoMemberInfo?memberId=` + memberId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n PayfileTwoMemberInfo: async (memberId) => {\r\n if (memberId == null) {\r\n return null;\r\n }\r\n let url = `api/Payfile/PayfileTwoMemberInfo?memberId=` + memberId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n PayfileTwoUpdates: async (ECI) => {\r\n if (ECI == null) {\r\n return null;\r\n }\r\n let url = `api/Payfile/PayfileTwoUpdates?eci=` + ECI;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n FinanceFileEntry: async (FFI) => {\r\n if (FFI == null) {\r\n return null;\r\n }\r\n let url = `api/FinanceFile/SingleObject?ID=` + FFI;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n MemberJobHistory: async (memberId) => {\r\n if (memberId == null) {\r\n return null;\r\n }\r\n let url = `api/Payfile/PayfileTwoMemberJobHistory?memberId=` + memberId;\r\n\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n if (!_.isEmpty(data.result)) {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n};\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport SideNav from \"./SideNav\";\r\nimport Scrollbars from \"react-custom-scrollbars\";\r\nimport $ from \"jquery\";\r\nimport \"./Leftsidebar.css\";\r\nimport PayfileServices from \"../../modules/Payfile/PayfileService\";\r\nimport AuthService from \"../../modules/Auth/AuthService\";\r\nimport PropTypes from \"prop-types\";\r\nimport PayfileAction from \"../../../src/store/payfile/action\";\r\nimport { isMobile } from \"../../modules/Shared/Helpers\";\r\nimport { ID } from \"webpack/lib/ModuleFilenameHelpers\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\nclass sidebar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n payfileIndicatorData: null,\r\n payfileStatusDate: null,\r\n };\r\n this.setWrapperRef = this.setWrapperRef.bind(this);\r\n this.handleClickOutside = this.handleClickOutside.bind(this);\r\n this.state = {};\r\n this.toggleSidebar = this.toggleSidebar.bind(this);\r\n this.resize = this.resize.bind(this);\r\n this.loadPayfileLastUpdateDate = this.loadPayfileLastUpdateDate.bind(this);\r\n }\r\n\r\n resize = () => {\r\n if (window.innerWidth <= 1024) {\r\n this.props.removeSidebarOpenedCallback();\r\n } else if (window.innerWidth > 1025) {\r\n this.props.addSidebarOpenedCallback();\r\n }\r\n this.props.SetSideBarHeight();\r\n };\r\n\r\n toggleSidebar = () => {\r\n this.props.toggleSidebarCallback();\r\n };\r\n componentDidUpdate() {\r\n if (this.props.payfile.reloadLastUpdate) {\r\n this.props.finishedReloadPayfileIndidator();\r\n this.loadPayfileLastUpdateDate();\r\n }\r\n this.props.SetSideBarHeight();\r\n }\r\n\r\n /**\r\n * Set the wrapper ref\r\n */\r\n setWrapperRef(node) {\r\n this.wrapperRef = node;\r\n }\r\n loadPayfileLastUpdateDate = async () => {\r\n let data = await PayfileServices.LastStatusUpdateDate();\r\n if (data != null) {\r\n try {\r\n this.state.payfileStatusDate = moment(data.updateDate).format(\r\n \"MM/DD/YYYY\"\r\n );\r\n await this.setState({\r\n payfileStatusDate: this.state.payfileStatusDate,\r\n payfileIndicatorData: data,\r\n });\r\n this.props.finishedReloadPayfileIndidator();\r\n } catch (e) {\r\n console.error(\"Error parsing Last Change Date:\", e);\r\n }\r\n }\r\n };\r\n /**\r\n * Alert if clicked on outside of element\r\n */\r\n componentWillReceiveProps(nextProps) {\r\n console.log(\r\n \"NewProps PreviousProps\",\r\n nextProps.isEnlarged + \" \" + this.props.isEnlarged\r\n );\r\n }\r\n handleClickOutside(event) {\r\n if (window.innerWidth <= 1024) {\r\n try {\r\n if (\r\n event.target.className.indexOf(\"button-menu-mobile\") < 0 &&\r\n event.target.className.indexOf(\"mdi-menu\") < 0\r\n ) {\r\n if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\r\n this.props.closeSidebarCallback();\r\n }\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n window.addEventListener(\"mousedown\", this.handleClickOutside);\r\n window.addEventListener(\"resize\", this.resize);\r\n this.loadPayfileLastUpdateDate();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"mousedown\", this.handleClickOutside);\r\n window.removeEventListener(\"resize\", this.resize);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\nsidebar.propTypes = {\r\n children: PropTypes.element.isRequired,\r\n};\r\nexport default withRouter(\r\n connect(\r\n (state) => ({\r\n payfile: state.payfile,\r\n }),\r\n {\r\n ...PayfileAction,\r\n }\r\n )(sidebar)\r\n);\r\n","import React from \"react\";\r\n\r\nconst AuthContext = React.createContext();\r\n\r\nclass AuthProvider extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isAuth: false };\r\n }\r\n setAuthIn = () => {\r\n this.setState({ isAuth: true });\r\n };\r\n setAuthOut = () => {\r\n this.setState({ isAuth: false });\r\n };\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst AuthConsumer = AuthContext.Consumer;\r\n\r\nexport { AuthProvider, AuthConsumer, AuthContext };\r\n","import Aux from \"../../hoc/Aux_\";\r\nimport TopBar from \"./TopBar\";\r\nimport Footer from \"./Footer\";\r\nimport SideBar from \"./SideBar\";\r\nimport React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { AuthConsumer } from \"../../Auth/Auth\";\r\nimport { isMobile } from \"../../modules/Shared/Helpers\";\r\nimport { TopSearchBar } from \"../../components/Layout/TopSearchBar\";\r\nimport { connect } from \"react-redux\";\r\nimport actionFilter from \"../../store/advancedfilter/action\";\r\nimport actionSaveSearch from \"../../store/saveSearch/action\";\r\nimport AuthService from \"../../modules/Auth/AuthService\";\r\nimport PermissionFeature from \"../../modules/Permissions/PermissionFeature\";\r\nclass layout extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isRightbar: false,\r\n };\r\n this.toggleSidebarCallback = this.toggleSidebarCallback.bind(this);\r\n this.closeSidebarCallback = this.closeSidebarCallback.bind(this);\r\n this.removeSidebarOpenedCallback = this.removeSidebarOpenedCallback.bind(\r\n this\r\n );\r\n this.addSidebarOpenedCallback = this.addSidebarOpenedCallback.bind(this);\r\n }\r\n\r\n toggleSidebarCallback = () => {\r\n this.setState({ isRightbar: !this.state.isRightbar });\r\n document.body.classList.toggle(\"enlarged\");\r\n if (this.props.filterState.setSidebarState) {\r\n this.props.setSidebarState(false);\r\n } else {\r\n this.props.setSidebarState(true);\r\n }\r\n };\r\n\r\n removeSidebarOpenedCallback = () => {\r\n if (document.body.classList.contains(\"sidebarOpened\")) {\r\n document.body.classList.toggle(\"sidebarOpened\");\r\n this.toggleSidebarCallback();\r\n }\r\n };\r\n\r\n addSidebarOpenedCallback = () => {\r\n if (!document.body.classList.contains(\"sidebarOpened\")) {\r\n document.body.classList.toggle(\"sidebarOpened\");\r\n this.toggleSidebarCallback();\r\n }\r\n };\r\n\r\n closeSidebarCallback = () => {\r\n if (this.props.filterState.setSidebarState) {\r\n this.toggleSidebarCallback();\r\n }\r\n };\r\n SetSideBarHeight = () => {\r\n const element = document.getElementById(\"sidebar-menu\");\r\n const element1 = document.getElementById(\"sideNav-scroll\");\r\n var isSidebar = element.clientWidth > 80 ? true : false;\r\n if (isSidebar) {\r\n const element2 = document.getElementById(\"PayfileIndicatorStatus\");\r\n const element3 = document.getElementById(\"sidemenu-container\");\r\n element2.style.display = \"flex\";\r\n\r\n // Get the heights of the elements\r\n const height1 = element3.clientHeight;\r\n const height2 = element2.clientHeight;\r\n\r\n // Calculate the height difference\r\n const heightDifference = height1 - height2 - 20;\r\n\r\n if (element1) {\r\n // Set the max height of the first element\r\n element1.style.maxHeight = heightDifference + \"px\";\r\n element.style.overflowY = \"unset\";\r\n } else {\r\n if (element) {\r\n // Set the max height of the first element\r\n element.style.maxHeight = heightDifference + \"px\";\r\n element.style.overflowY = \"scroll\";\r\n }\r\n }\r\n } else {\r\n const element2 = document.getElementById(\"PayfileIndicatorStatus\");\r\n element2.style.display = \"none\";\r\n\r\n if (element) {\r\n // Set the max height of the first element\r\n element.style.maxHeight = \"none\";\r\n element.style.overflowY = \"scroll\";\r\n }\r\n if (element1) {\r\n // Set the max height of the first element\r\n element1.style.maxHeight = \"none\";\r\n element.style.overflowY = \"hidden\";\r\n }\r\n }\r\n };\r\n componentDidMount() {\r\n if (window.innerWidth < 1025) {\r\n this.props.setSidebarState(false);\r\n } else {\r\n this.props.setSidebarState(true);\r\n }\r\n let loggeduser = AuthService.getProfile();\r\n // document.body.classList.toggle('enlarged');\r\n }\r\n render() {\r\n return (\r\n \r\n Loading…
\r\n {!this.props.loginpage ? (\r\n \r\n \r\n {this.props.topbar ? (\r\n
\r\n ) : null}\r\n
\r\n {AuthService.canView(PermissionFeature.Member) && (\r\n \r\n {this.props.sidebar ? (\r\n
\r\n ) : null}\r\n
\r\n
{this.props.children}
\r\n {this.props.footer ?
: null}\r\n
\r\n
\r\n ) : (\r\n this.props.children\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\n// export default withRouter(layout);\r\n\r\nexport default withRouter(\r\n connect(\r\n (state) => ({\r\n filterState: state.advancedFilter,\r\n SavedSearch: state.saveSearch,\r\n formValues: state.form,\r\n currentState: state,\r\n }),\r\n { ...actionFilter, ...actionSaveSearch }\r\n )(layout)\r\n);\r\n\r\n// export default connect(\r\n// state => ({ filterState: state.advancedFilter, formValues: state.form, currentState: state }),\r\n// { ...actionFilter }\r\n// )(layout);\r\n","export const TOPBAR = \"topbar\";\r\nexport const SIDEBAR = \"sidebar\";\r\nexport const FOOTER = \"footer\";\r\nexport const LOGINPAGE = \"loginpage\";\r\nexport const LOGIN_SUCCESS = \"LOGIN_SUCCESS\";\r\nexport const WS_CONNECT = \"WS_CONNECT\";\r\nexport const YAAR = \"yaar\";\r\n","import React, { Component } from \"react\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport AuthService from \"../Auth/AuthService\";\r\nimport { connect } from \"react-redux\";\r\nimport * as actionTypes from \"../../store/action\";\r\nimport $ from \"jquery\";\r\n\r\nclass Dashboard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n user: AuthService.getProfile,\r\n upLoadStatus: 0,\r\n progress: false,\r\n img: \"\",\r\n validSize: true,\r\n };\r\n this.user = AuthService.getProfile().memberData;\r\n if (this.user) {\r\n this.address = this.user.addresses.find((ad) => ad.isprimary);\r\n this.facAddress = this.user.facility.address;\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n if (this.props.loginpage === true) {\r\n this.props.UpdateLoginAgain();\r\n }\r\n }\r\n renderFacility() {\r\n if (this.facAddress) {\r\n return (\r\n \r\n
\r\n {this.user.facility.description}\r\n \r\n
\r\n
\r\n
Mailing Address \r\n\r\n
\r\n {this.facAddress.address1}\r\n {this.facAddress.address2 && (\r\n \r\n \r\n )}\r\n
\r\n\r\n
Phone \r\n
{this.user.facility.phonenumber}
\r\n
\r\n
\r\n
Level \r\n
{this.user.facility.level}
\r\n
\r\n
\r\n
\r\n
\r\n
Miscellaneous \r\n
{this.user.facility.miscellaneous}
\r\n
\r\n
\r\n
\r\n
--- \r\n
\r\n
\r\n
Mailing Address \r\n
---
\r\n
Phone \r\n
---
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Miscellaneous \r\n
---
\r\n
\r\n
\r\n
\r\n
\r\n {/* {this.user.nickname} */}\r\n {/* {this.user.firstname + \" \" + this.user.middlename + \" \" + this.user.lastname} */}\r\n\r\n {this.user &&\r\n ` ${this.user.firstname !== null ? this.user.firstname : \"\"} ${\r\n this.user.nickname !== null\r\n ? \"''\" + this.user.nickname + \"''\"\r\n : \"\"\r\n } ${this.user.middlename !== null ? this.user.middlename : \"\"} ${\r\n this.user.lastname\r\n }`}\r\n \r\n
{this.user.positiontitleopm}
\r\n
{email}
\r\n
\r\n
\r\n
\r\n
Member Number \r\n
{this.user.membernumber}
\r\n
Mailing Address \r\n
\r\n {this.address && (\r\n \r\n {this.address.address1}\r\n {this.address.address2 && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n
Phone \r\n
\r\n {this.user.phones.map(function(ph, i) {\r\n return (\r\n \r\n {\" \"}\r\n {ph.number}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Facility \r\n
{this.user.facility.code}
\r\n
\r\n
\r\n
\r\n
Unit \r\n
{this.user.unit}
\r\n
\r\n
\r\n
\r\n
\r\n
Senators \r\n
\r\n Bill Nelson - D
\r\n
\r\n Representative\r\n \r\n
Ted Yoho - R
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n {this.redenProfile()}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {this.renderFacility()}\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst mapStatetoProps = (state) => {\r\n return {\r\n loginpage: state.ui_red.loginpage,\r\n };\r\n};\r\n\r\nconst mapDispatchtoProps = (dispatch) => {\r\n return {\r\n UpdateLogin: () => dispatch({ type: actionTypes.LOGINPAGE, value: true }),\r\n UpdateLoginAgain: () =>\r\n dispatch({ type: actionTypes.LOGINPAGE, value: false }),\r\n };\r\n};\r\nexport default connect(mapStatetoProps, mapDispatchtoProps)(Dashboard);\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nexport default {\r\n \r\n CreateRegionTeam: async (regionId) => {\r\n if (regionId == null) {\r\n return null;\r\n }\r\n let url = `/api/Region/CreateRegionTeam?regionId=${regionId}`;\r\n var { data } = await axios.post(url);\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message)\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n CreateFacilityTeam: async (facilityId) => {\r\n if (facilityId == null) {\r\n return null;\r\n }\r\n let url = `/api/Facilities/CreateFacilityTeam?facilityId=${facilityId}`;\r\n var { data } = await axios.post(url);\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message)\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n CreateBulkTeams: async () => {\r\n \r\n let url = `/api/Permission/CreateBulkTeams`; //`/api/Region/CreateBulkTeams`;\r\n var { data } = await axios.post(url);\r\n if (data && data.statusCode == 200) {\r\n toast.success(data.message)\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetTeamsCreateStatus: async (byUser) => {\r\n \r\n let url = `/api/Permission/TeamCreateStatus`;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n return data;\r\n } else {\r\n if (byUser) {\r\n toast.error(data.message);\r\n }\r\n \r\n return null;\r\n }\r\n }, \r\n};\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nexport default {\r\n FacilityTypes: async () => {\r\n let url = `/api/Facilities/GetFacilityTypes`;\r\n var { data } = await axios.get(url);\r\n if (data && data.status == \"Success\") {\r\n return data.data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n EmployerList: async () => {\r\n let url = `/api/Member/GetEmployerList`;\r\n var { data } = await axios.get(url);\r\n if (data && data.statusCode == 200) {\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n};\r\n","import React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport axios from \"../Shared/auth-header\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport $ from \"jquery\";\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\nimport TableCustomTotal from '../Shared/TableCustomTotal';\r\nconst { SearchBar } = Search;\r\nconst columns = [\r\n {\r\n text: \"Type Name\",\r\n dataField: \"description\",\r\n sort: true\r\n },\r\n {\r\n text: \"Code\",\r\n dataField: \"code\",\r\n sort: true\r\n }\r\n];\r\n\r\nclass TypesLookup extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n rows: [],\r\n typeMethods: this.props.typeMethods\r\n };\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n this.state.typeMethods(row);\r\n }\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n $(\".loading\").show();\r\n axios.get(\"/api/Systemdata/\" + this.props.type).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({ rows: data.data });\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
{this.props.label} \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {props => (\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 TypesLookup;\r\n","import TypesLookup from \"./TypeLookup\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport React, { Component } from \"react\";\r\n\r\nclass TypeModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n typeMethods: this.props.typeMethods\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Select Type \r\n \r\n ×\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n Save\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TypeModal;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport axios from \"../Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { toast } from \"react-toastify\";\r\nimport TableCustomTotal from '../Shared/TableCustomTotal';\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\n\r\nconst { SearchBar } = Search;\r\nconst columns = [\r\n {\r\n text: \"Region Name\",\r\n dataField: \"description\",\r\n sort: true\r\n },\r\n {\r\n text: \"Region ID\",\r\n dataField: \"code\",\r\n sort: true\r\n }\r\n];\r\n\r\nclass RegionsLookup extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n rows: [],\r\n totalCount: \"\",\r\n regionMethods: this.props.regionMethods\r\n };\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n this.state.regionMethods().updateRegion(row);\r\n }\r\n };\r\n }\r\n componentWillMount() {\r\n\r\n $(\".loading\").show();\r\n axios.get(\"/api/Region\").then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({ rows: data.data, totalCount: data.totalCount });\r\n $(\"#rpop\").trigger('click'); // for edit facility page\r\n $(\".loading\").hide();\r\n\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Regions \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {props => (\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 RegionsLookup;\r\n","import RegionsLookup from \"./RegionsLookup\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport React, { Component } from \"react\";\r\n\r\nclass RegionModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n regionMethods: this.props.regionMethods\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Select Regions \r\n \r\n ×\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n Save\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RegionModal;\r\n","import React from \"react\";\r\n\r\nexport const countries = [\r\n { key: \"af\", value: \"af\", flag: \"af\", text: \"Afghanistan\" },\r\n { key: \"ax\", value: \"ax\", flag: \"ax\", text: \"Aland Islands\" },\r\n];\r\n\r\nexport const oshaTierOptions = [\r\n { key: \"1\", value: \"1\", text: \"1\" },\r\n { key: \"2\", value: \"2\", text: \"2\" },\r\n { key: \"3\", value: \"3\", text: \"3\" },\r\n];\r\n\r\nexport const facilityLevelOptions = [\r\n { key: \"FPL-4 (D)\", value: \"FPL-4 (D)\", text: \"FPL-4 (D)\" },\r\n { key: \"FPL-5 (E)\", value: \"FPL-5 (E)\", text: \"FPL-5 (E)\" },\r\n { key: \"FPL-6 (F)\", value: \"FPL-6 (F)\", text: \"FPL-6 (F)\" },\r\n { key: \"FPL-7 (G)\", value: \"FPL-7 (G)\", text: \"FPL-7 (G)\" },\r\n { key: \"FPL-8 (H)\", value: \"FPL-8 (H)\", text: \"FPL-8 (H)\" },\r\n { key: \"FPL-9 (I)\", value: \"FPL-9 (I)\", text: \"FPL-9 (I)\" },\r\n { key: \"FPL-10 (J)\", value: \"FPL-10 (J)\", text: \"FPL-10 (J)\" },\r\n { key: \"FPL-11 (K)\", value: \"FPL-11 (K)\", text: \"FPL-11 (K)\" },\r\n { key: \"FPL-12 (L)\", value: \"FPL-12 (L)\", text: \"FPL-12 (L)\" },\r\n];\r\n\r\nexport const facilityStatusOptions = [\r\n { key: \"Represented\", value: \"Represented\", text: \"Represented\" },\r\n { key: \"Non-represented\", value: \"Non-represented\", text: \"Non-represented\" },\r\n { key: \"Organizing\", value: \"Organizing\", text: \"Organizing\" },\r\n { key: \"Closed\", value: \"Closed\", text: \"Closed\" },\r\n { key: \"Consolidated\", value: \"Consolidated\", text: \"Consolidated\" },\r\n];\r\nexport const facilityTypeOptions = [\r\n { key: \"Tower–No Radar\", value: 1, text: \"Tower–No Radar\" },\r\n { key: \"Tower–Radar\", value: 2, text: \"Tower–Radar\" },\r\n { key: \"TRACON\", value: 3, text: \"TRACON\" },\r\n { key: \"Combined TRACON\", value: 4, text: \"Combined TRACON\" },\r\n { key: \"Combined Tower/TRACON\", value: 5, text: \"Combined Tower/TRACON\" },\r\n\r\n {\r\n key: \"Non-Radar Tower/Approach\",\r\n value: 6,\r\n text: \"Non-Radar Tower/Approach\",\r\n },\r\n {\r\n key: \"Combined Control Facility\",\r\n value: 7,\r\n text: \"Combined Control Facility\",\r\n },\r\n { key: \"ARTCC\", value: 8, text: \"ARTCC\" },\r\n { key: \"Region X\", value: 9, text: \"Region X\" },\r\n { key: \"Flight Service\", value: 10, text: \"Flight Service\" },\r\n { key: \"Command Center\", value: 11, text: \"Command Center\" },\r\n { key: \"National Office\", value: 12, text: \"National Office\" },\r\n];\r\n\r\nexport const facilityRegionsOptions = [\r\n { key: \"Master\", value: 1, text: \"Master\" },\r\n { key: \"NSO\", value: 2, text: \"NSO\" },\r\n { key: \"NGL\", value: 3, text: \"NGL\" },\r\n { key: \"NEA\", value: 4, text: \"NEA\" },\r\n { key: \"NCE\", value: 5, text: \"NCE\" },\r\n\r\n { key: \"NNM\", value: 6, text: \"NNM\" },\r\n { key: \"NWP\", value: 7, text: \"NWP\" },\r\n { key: \"NSW\", value: 8, text: \"NSW\" },\r\n { key: \"NNE\", value: 9, text: \"NNE\" },\r\n { key: \"NRX\", value: 10, text: \"NRX\" },\r\n { key: \"NAL\", value: 11, text: \"NAL\" },\r\n { key: \"NAT\", value: 12, text: \"NAT\" },\r\n { key: \"test1\", value: 13, text: \"test1\" },\r\n];\r\n\r\nexport const oshaOwnerOptions = [\r\n {\r\n key: \"Federal Aviation Administration\",\r\n value: \"Federal Aviation Administration\",\r\n text: \"Federal Aviation Administration\",\r\n },\r\n {\r\n key: \"Department of Defense\",\r\n value: \"Department of Defense\",\r\n text: \"Department of Defense\",\r\n },\r\n {\r\n key: \"Federal Contract Tower\",\r\n value: \"Federal Contract Tower\",\r\n flag: \"Federal Contract Tower\",\r\n text: \"Federal Contract Tower\",\r\n },\r\n {\r\n key: \"Midwest ATC Service\",\r\n value: \"Midwest ATC Service\",\r\n text: \"Midwest ATC Service\",\r\n },\r\n { key: \"Serco Inc\", value: \"Serco Inc\", text: \"Serco Inc\" },\r\n];\r\n\r\nexport const SRF12Numbers = [\r\n { key: \"Full\", value: \"Full\", text: \"Full\" },\r\n { key: \"Half\", value: \"Half\", text: \"Half\" },\r\n { key: \"None\", value: \"None\", text: \"None\" },\r\n];\r\n","import React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport html2canvas from \"html2canvas\";\r\nimport jsPDF from \"jspdf\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory, {\r\n PaginationProvider,\r\n} from \"react-bootstrap-table2-paginator\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\nimport {\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n} from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport authAxios from \"../../Shared/auth-header\";\r\nimport { Button } from \"reactstrap\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport AuthService from \"../../Auth/AuthService.js\";\r\nimport Services from \"../RFTeamsService\";\r\nimport RFService from \"../RFService\";\r\nimport TypeModal from \"../../Shared/TypeModal\";\r\nimport * as $AB from \"jquery\";\r\nimport RegionModal from \"../../Shared/RegionModal\";\r\nimport { Row, Col } from \"react-bootstrap\";\r\nimport actions from \"../../../store/facility/action\";\r\nimport TableCustomTotal from \"../../Shared/TableCustomTotal\";\r\nimport \"./addfacility.css\";\r\nimport {\r\n oshaTierOptions,\r\n oshaOwnerOptions,\r\n facilityLevelOptions,\r\n facilityRegionsOptions,\r\n facilityTypeOptions,\r\n SRF12Numbers,\r\n facilityStatusOptions,\r\n} from \"./facilitySelectOptions\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { ValidatorForm, TextValidator } from \"react-material-ui-form-validator\";\r\nimport { connect } from \"react-redux\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nconst { SearchBar } = Search;\r\n\r\nclass Facilities extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n page: 1,\r\n sizePerPage: 20,\r\n totalCount: 0,\r\n employerList: [],\r\n showLevel: true,\r\n Keyword: \"\",\r\n filter: \"\",\r\n typefilter: 0,\r\n rows: [],\r\n facilityTypes: [],\r\n totalCount: \"\",\r\n showdata: [],\r\n region: this.props.region ? this.props.region : \"\",\r\n keyword: this.props.location ? this.props.location.keyword : \"\",\r\n dropdownOpen: false,\r\n delId: 0,\r\n hiddenRowKeys: [23, 25],\r\n code: \"\",\r\n description: \"\",\r\n afdfilename: \"\",\r\n regionC: \"\",\r\n id: 0,\r\n regionid: 0,\r\n facilitytype: \"\",\r\n facilitytypeid: 0,\r\n facilitystatus: \"Represented\",\r\n lm4No: \"\",\r\n errorText: \"\",\r\n email: \"\",\r\n bulkProgress: true,\r\n isDropDownsValid: false,\r\n SortOrder: \"CodeAsc\",\r\n };\r\n this.toggle = this.toggle.bind(this);\r\n this.handleChangeSearch = this.handleChangeSearch.bind(this);\r\n this.ViewAllLink = this.ViewAllLink.bind(this);\r\n this.createFacilityTeam = this.createFacilityTeam.bind(this);\r\n this.preventDefaultCustom = this.preventDefaultCustom.bind(this);\r\n this.sizePerPageChange = this.sizePerPageChange.bind(this);\r\n this.getFacilityTypes = this.getFacilityTypes.bind(this);\r\n this.loadEmployerList = this.loadEmployerList.bind(this);\r\n\r\n this.updateFacilityType = (args) => {\r\n this.setState({\r\n facilitytype: args.code,\r\n facilitytypeid: args.id,\r\n });\r\n $AB(\".cancelModal\").trigger(\"click\");\r\n };\r\n this.regionMethods = () => {\r\n this.updateRegion = (args) => {\r\n this.setState({ regionC: args.code, regionid: args.id });\r\n $AB(\".cancelModal\").trigger(\"click\");\r\n };\r\n\r\n return this;\r\n };\r\n this.showNested = this.props.region ? \"d-none\" : \"\";\r\n this.onCSVClick = this.onCSVClick.bind(this);\r\n this.onPDFClick = this.onPDFClick.bind(this);\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n if (e.target.className.indexOf(\"del\") < 0) {\r\n if (AuthService.canView(PermissionFeature.Facility)) {\r\n if (this.props.region) {\r\n this.props.his.push({\r\n pathname: `/directory/facility/view/${row.id}`,\r\n type: \"edit\",\r\n uid: row.id,\r\n backRef: { uid: row.id },\r\n keyword: $(\"#Keyword\").val(),\r\n page: this.state.page,\r\n });\r\n } else {\r\n this.props.history.push({\r\n pathname: `/directory/facility/view/${row.id}`,\r\n type: \"edit\",\r\n uid: row.id,\r\n keyword: $(\"#Keyword\").val(),\r\n page: this.state.page,\r\n // backRef: {\r\n // keyword: $(\"#Keyword\").val(),\r\n // page: this.state.page\r\n // }\r\n });\r\n }\r\n }\r\n }\r\n },\r\n };\r\n this.columns = this.columns.bind(this);\r\n this.RemotePagination = this.RemotePagination.bind(this);\r\n this.hiddenRows = [1];\r\n //const customTotal = (from, to, size) => (\r\n // \r\n // {from}\r\n // {\" - \"}\r\n // {to} of {size} {\" \"}\r\n // Show: \r\n // \r\n //);\r\n }\r\n preventDefaultCustom = (e) => {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n };\r\n async loadEmployerList() {\r\n let result = await RFService.EmployerList();\r\n if (result != null) {\r\n this.setState({ employerList: result });\r\n }\r\n }\r\n sizePerPageChange = (sizePerPage) => {\r\n this.setState({ sizePerPage: sizePerPage });\r\n };\r\n RemotePagination = (data, page, sizePerPage, showTotal, rowEvents) => {\r\n const sizePerPageList = [\r\n {\r\n text: \"10\",\r\n value: 10,\r\n },\r\n {\r\n text: \"25\",\r\n value: 25,\r\n },\r\n {\r\n text: \"30\",\r\n value: 30,\r\n },\r\n {\r\n text: \"50\",\r\n value: 50,\r\n },\r\n {\r\n text: \"All\",\r\n value: data && data.length,\r\n },\r\n ];\r\n let paginationOptions = {\r\n totalSize: data ? data.length : 0,\r\n showTotal,\r\n\r\n // hidePageListOnlyOnePage: true,\r\n onSizePerPageChange: this.sizePerPageChange,\r\n paginationTotalRenderer: TableCustomTotal,\r\n sizePerPage,\r\n sizePerPageList,\r\n page,\r\n //hidePageListOnlyOnePage: true\r\n };\r\n\r\n return (\r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n \r\n
\r\n )}\r\n \r\n );\r\n };\r\n handleChange = (evt) => {\r\n this.setState({ [evt.target.name]: evt.target.value });\r\n };\r\n toggle() {\r\n this.setState({\r\n dropdownOpen: !this.state.dropdownOpen,\r\n });\r\n }\r\n handleChangeSearch = (evt) => {\r\n this.preventDefaultCustom(evt);\r\n this.setState({ Keyword: evt.target.value });\r\n };\r\n columns = () => {\r\n return [\r\n {\r\n text: \"Facility ID\",\r\n dataField: \"code\",\r\n sort: true,\r\n filterValue: (cell, row, ro) => {\r\n return false;\r\n },\r\n formatExtraData: this.state.bulkProgress,\r\n hidden: !AuthService.canView(PermissionFeature.FacilityCode),\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.FacilityCode)) {\r\n return (\r\n <>\r\n {cell}{\" \"}\r\n {AuthService.canView(PermissionFeature.TeamsTeams) &&\r\n row.teamid != null &&\r\n row.teamid != -1 ? (\r\n {\r\n this.preventDefaultCustom(e);\r\n }}\r\n href={\"/permissions/teams/teamDetail/\" + row.teamid}\r\n >\r\n {\r\n this.createFacilityTeam(e, row.id);\r\n }}\r\n className=\"text-primary fas fa-sm fa-plus-circle\"\r\n >\r\n )\r\n )}\r\n \r\n );\r\n }\r\n return \"\";\r\n },\r\n },\r\n {\r\n text: \"Facility Name\",\r\n dataField: \"description\",\r\n sort: true,\r\n searchable: false,\r\n //style: { width: 400 },\r\n hidden: !AuthService.canView(PermissionFeature.FacilityDescription),\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.FacilityDescription))\r\n return cell;\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"FacRep Name\",\r\n dataField: \"facRPName\",\r\n\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.FacilityRepresentatives),\r\n\r\n hidden: !AuthService.canView(PermissionFeature.FacilityRepresentatives),\r\n formatter: (cell, row) => {\r\n if (\r\n AuthService.canView(PermissionFeature.FacilityRepresentatives) &&\r\n row.facRPName != null\r\n )\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"FacRep Email\",\r\n dataField: \"facRPEmail\",\r\n sort: true,\r\n hidden: !AuthService.canView(\r\n PermissionFeature.FacilityRepresentativesEmail\r\n ),\r\n formatter: (cell, row) => {\r\n if (\r\n AuthService.canView(PermissionFeature.FacilityRepresentativesEmail)\r\n ) {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n },\r\n {\r\n text: \"FacRep Phone\",\r\n dataField: \"facRPPhone\",\r\n sort: true,\r\n hidden: !AuthService.canView(\r\n PermissionFeature.FacilityRepresentativesPhone\r\n ),\r\n formatter: (cell, row) => {\r\n if (\r\n AuthService.canView(PermissionFeature.FacilityRepresentativesPhone)\r\n ) {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n },\r\n ];\r\n };\r\n\r\n async createFacilityTeam(e, id) {\r\n this.preventDefaultCustom(e);\r\n let data = await Services.CreateFacilityTeam(id);\r\n if (data) {\r\n this.getFacilitites();\r\n }\r\n }\r\n // hideFacilities(data) {\r\n // let indexArray = [];\r\n // data.filter((el, i) => {\r\n // if (!el.permissions.canView) {\r\n // indexArray.push(i);\r\n // }\r\n // });\r\n // }\r\n getFacilitites() {\r\n let keyword = this.state.keyword;\r\n let page = this.state.page;\r\n if (this.props.his) {\r\n keyword = this.props.his.location.keyword\r\n ? this.props.his.location.keyword\r\n : keyword;\r\n page = this.props.his.location.page ? this.props.his.location.page : page;\r\n } else if (this.props.location) {\r\n keyword = this.props.location.keyword\r\n ? this.props.location.keyword\r\n : keyword;\r\n page = this.props.location.page ? this.props.location.page : page;\r\n }\r\n $(\".loading\").show();\r\n let data = {\r\n RegionCode: this.state.region || \"\",\r\n Keyword: keyword,\r\n PageNo: page,\r\n PageSize: this.state.sizePerPage,\r\n OperatorType: \"AND\",\r\n SortOrder: \"CodeAsc\",\r\n };\r\n authAxios.post(\"/api/Facilities/GetFacilities\", data).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n rows: data.data,\r\n totalCount: data.totalCount,\r\n });\r\n if (!this.props.region) {\r\n $(\"Keyword,.add-fac,.edit,.del\").removeClass(\"d-none\");\r\n }\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n async getFacilityTypes() {\r\n let result = await RFService.FacilityTypes();\r\n if (result != null) {\r\n await this.setState({ facilityTypes: result });\r\n }\r\n }\r\n\r\n refreshAddFacilityModal() {\r\n $(\"#editFacilityCloseBtn\").click();\r\n this.setState({\r\n code: \"\",\r\n description: \"\",\r\n regionC: \"\",\r\n id: 0,\r\n regionid: 0,\r\n facilitytype: \"\",\r\n facilitytypeid: 0,\r\n });\r\n }\r\n\r\n handleSubmit = (evt) => {\r\n evt.preventDefault();\r\n evt.target.className += \" was-validated\";\r\n\r\n const allrefs = this.refs;\r\n //allrefs.MateritalUIform.resetValidations();\r\n const isSubmit = allrefs.MateritalUIform.submit();\r\n\r\n if (evt.target.checkValidity() === false) {\r\n return false;\r\n }\r\n\r\n //debugger\r\n const selectedRegion =\r\n this.state.fac_regionid &&\r\n this.props.facilityDashboardState.facilityRegionOptions.find((el) => {\r\n return el.description === this.state.fac_regionid;\r\n }).id;\r\n const selectedFacilityType =\r\n this.state.fac_typeid &&\r\n this.props.facilityDashboardState.facilityTypeOptions.find((el) => {\r\n return el.description === this.state.fac_typeid;\r\n }).id;\r\n\r\n allrefs.MateritalUIform.isFormValid()\r\n .then((isTrue) => {\r\n //console.log(isTrue);\r\n if (!isTrue) {\r\n return false;\r\n } else {\r\n if (this.state.latitude < -90 || this.state.latitude > 90) {\r\n toast.error(\r\n \"Latitude must be between -90 and 90 degrees inclusive.\"\r\n );\r\n return false;\r\n } else if (\r\n this.state.longitude < -180 ||\r\n this.state.longitude > 180\r\n ) {\r\n toast.error(\r\n \"Longitude must be between -180 and 180 degrees inclusive.\"\r\n );\r\n return false;\r\n }\r\n\r\n const data = {\r\n Id: this.state.id,\r\n code: this.state.code,\r\n description: this.state.description,\r\n region: this.state.regionC,\r\n regionid: this.state.regionid,\r\n facilitytype: this.state.facilitytype,\r\n facilitytypeid: this.state.facilitytypeid,\r\n afdfilename: this.state.afdfilename,\r\n lmivnumber: this.state.lm4No,\r\n level: this.state.level,\r\n srfrxiistatus: this.state.srfrxiistatus,\r\n owner: this.state.oshamaintainer,\r\n status: this.state.facilitystatus,\r\n oshatier: this.state.oshatier,\r\n regionid: selectedRegion,\r\n facilitytypeid: selectedFacilityType,\r\n latitude: this.state.latitude,\r\n longitude: this.state.longitude,\r\n };\r\n axios\r\n .post(\"/api/Facilities/SaveFacility\", data)\r\n .then(({ data }) => {\r\n if (data.status && data.status == \"Success\") {\r\n toast.success(data.message);\r\n //this.props.history.push({ pathname: \"/directory/facility\", tab: Facilities, name: \"Facilities\" });\r\n this.getFacilitites();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\"#addFacilityForm\").removeClass(\"was-validated\");\r\n this.refreshAddFacilityModal();\r\n //$('.modal-backdrop').hide();\r\n this.props.forcelyCloseModal(\"AddFacilityModal\");\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n $(\"#addFacilityForm\").removeClass(\"was-validated\");\r\n this.refreshAddFacilityModal();\r\n // $('.modal-backdrop').hide();\r\n this.props.forcelyCloseModal(\"AddFacilityModal\");\r\n });\r\n }\r\n })\r\n .catch((message) => {\r\n console.log(message);\r\n });\r\n };\r\n\r\n componentWillMount() {\r\n this.setState({ bulkProgress: this.props.bulkProgress });\r\n this.getFacilitites();\r\n }\r\n async componentDidUpdate(prevProps) {\r\n if (this.props.refreshRF) {\r\n this.getFacilitites();\r\n this.props.setFalseRefreshRF();\r\n }\r\n if (this.props.bulkProgress != prevProps.bulkProgress) {\r\n await this.setState({ bulkProgress: this.props.bulkProgress });\r\n this.getFacilitites();\r\n }\r\n }\r\n componentDidMount() {\r\n let keyword = this.state.keyword;\r\n let page = this.state.page;\r\n if (this.props.his) {\r\n keyword = this.props.his.location.keyword\r\n ? this.props.his.location.keyword\r\n : keyword;\r\n page = this.props.his.location.page ? this.props.his.location.page : page;\r\n } else if (this.props.location) {\r\n keyword = this.props.location.keyword\r\n ? this.props.location.keyword\r\n : keyword;\r\n page = this.props.location.page ? this.props.location.page : page;\r\n }\r\n this.getFacilityTypes();\r\n this.setState({\r\n Keyword: keyword,\r\n page: page,\r\n });\r\n this.loadEmployerList();\r\n $(\"#Keyword\").val(keyword);\r\n // this.props.location.uid = this.props.his.location.uid;\r\n // this.setState({\r\n // id: this.props.his.location.uid\r\n // });\r\n }\r\n componentWillUnmount() {\r\n if (this.props.his && this.props.his.action === \"POP\") {\r\n if (\r\n this.props.his.location.pathname.includes(\"/directory/facility/view\")\r\n ) {\r\n this.props.his.push({\r\n pathname: `/directory/facility/view/${this.props.his.location.pathname.replace(\r\n /[^\\d.]/g,\r\n \"\"\r\n )}`,\r\n type: \"edit\",\r\n backRef: {\r\n uid: this.props.his.location.pathname.replace(/[^\\d.]/g, \"\"),\r\n },\r\n keyword: $(\"#Keyword\").val(),\r\n page: this.state.page,\r\n });\r\n }\r\n } else if (this.props.history && this.props.history.action === \"POP\") {\r\n if (\r\n this.props.history.location.pathname.includes(\r\n \"/directory/facility/view\"\r\n )\r\n ) {\r\n this.props.history.push({\r\n pathname: `/directory/facility/view/${this.props.history.location.pathname.replace(\r\n /[^\\d.]/g,\r\n \"\"\r\n )}`,\r\n type: \"edit\",\r\n backRef: {\r\n uid: this.props.history.location.pathname.replace(/[^\\d.]/g, \"\"),\r\n },\r\n keyword: $(\"#Keyword\").val(),\r\n page: this.state.page,\r\n });\r\n }\r\n }\r\n }\r\n\r\n ViewAllLink = (event) => {\r\n event.preventDefault();\r\n const url = `/api/Facilities/GetFacilities`;\r\n\r\n const formData = {\r\n RegionCode: this.state.region || \"\",\r\n PageNo: 1,\r\n PageSize: this.state.totalCount,\r\n Keyword: this.state.Keyword,\r\n OperatorType: \"AND\",\r\n SortOrder: this.state.SortOrder,\r\n };\r\n\r\n $(\".loading\").show();\r\n\r\n authAxios.post(url, formData).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n rows: data.data,\r\n totalCount: data.totalCount,\r\n page: 1,\r\n sizePerPage: data.totalCount,\r\n });\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n };\r\n onClickHandler = (event) => {\r\n const value = event.target.innerHTML;\r\n this.setState({ facilityStatus: value });\r\n };\r\n changeValue(e, type) {\r\n //const value = e.target.value;\r\n\r\n const value = e.target.innerText;\r\n if (type == \"fac_typeid\") {\r\n if (\r\n value != undefined &&\r\n (value == \"Federal Contract Tower (FCT)\" || value == \"DoD Facility\")\r\n ) {\r\n this.setState({ showLevel: false, level: \"\" });\r\n } else {\r\n this.setState({ showLevel: true });\r\n }\r\n }\r\n if (value != undefined) {\r\n const nextState = {};\r\n nextState[type] = value;\r\n\r\n this.setState(nextState);\r\n } else {\r\n const emptyState = {};\r\n emptyState[type] = \"\";\r\n this.setState(emptyState);\r\n }\r\n }\r\n\r\n handleMaterialSubmit = () => {\r\n // your submit logic\r\n // evt.preventDefault();\r\n // evt.target.className += \" was-validated\";\r\n // if (evt.target.checkValidity() === false) {\r\n // return false;\r\n // }\r\n };\r\n facilityFilters(rows) {\r\n var firstsearch = \"\",\r\n lastsearch = \"\";\r\n if (this.state.Keyword != null && this.state.Keyword != \"\") {\r\n lastsearch = this.state.Keyword;\r\n if (this.state.Keyword.indexOf(\" \") > 0) {\r\n //spliting search term for first and last name\r\n let name = this.state.Keyword.split(\" \");\r\n firstsearch = name[0];\r\n lastsearch = name[1];\r\n }\r\n }\r\n let filter = rows.filter((itemQ) => {\r\n let lastname = \"\",\r\n firstname = \"\";\r\n if (itemQ.facRPName) {\r\n lastname = itemQ.facRPName;\r\n if (itemQ.facRPName.indexOf(\" \") > 0) {\r\n let name = itemQ.facRPName.split(\" \");\r\n firstname = name[0];\r\n lastname = name[1];\r\n }\r\n }\r\n return (\r\n (this.state.filter && this.state.filter != \"\"\r\n ? _.trim(_.toLower(this.state.filter)) ==\r\n _.trim(_.toLower(itemQ.status))\r\n : true) &&\r\n (this.state.typefilter && this.state.typefilter != 0\r\n ? this.state.typefilter == itemQ.facilityTypeId\r\n : true) &&\r\n (_.toLower(itemQ.code).includes(_.toLower(this.state.Keyword || \"\")) ||\r\n _.toLower(itemQ.description).includes(\r\n _.toLower(this.state.Keyword || \"\")\r\n ) ||\r\n _.toLower(itemQ.region).includes(\r\n _.toLower(this.state.Keyword || \"\")\r\n ) ||\r\n _.toLower(itemQ.facRPEmail).includes(\r\n _.toLower(this.state.Keyword || \"\")\r\n ) ||\r\n _.toLower(itemQ.facRPPhone).includes(\r\n _.toLower(this.state.Keyword || \"\")\r\n ) ||\r\n (firstsearch\r\n ? _.toLower(lastname).startsWith(_.toLower(lastsearch || \"\")) &&\r\n _.toLower(firstname).startsWith(_.toLower(firstsearch))\r\n : _.toLower(lastname).startsWith(_.toLower(lastsearch || \"\"))))\r\n );\r\n });\r\n if (JSON.stringify(filter) != JSON.stringify(this.state.showdata)) {\r\n this.setState({ showdata: filter });\r\n }\r\n }\r\n ConvertToCSV(objArray) {\r\n var array = typeof objArray != \"object\" ? JSON.parse(objArray) : objArray;\r\n var str =\r\n \"Facility ID,Region ID,Facility Name,FacRep Name,FacRep Email,FacRep Phone\\r\\n\";\r\n\r\n for (var i = 0; i < array.length; i++) {\r\n var line = \"\";\r\n\r\n line += (array[i].code == null ? \"\" : array[i].code) + \",\";\r\n line += (array[i].region == null ? \"\" : array[i].region) + \",\";\r\n line += (array[i].description == null ? \"\" : array[i].description) + \",\";\r\n line += (array[i].facRPName == null ? \"\" : array[i].facRPName) + \",\";\r\n line += (array[i].facRPEmail == null ? \"\" : array[i].facRPEmail) + \"\\t,\";\r\n line += array[i].facRPPhone == null ? \"\" : array[i].facRPPhone;\r\n\r\n str += line + \"\\r\\n\";\r\n }\r\n\r\n return str;\r\n }\r\n onCSVClick = async () => {\r\n $(\".loading\").show();\r\n const dataTable = document.getElementById(\"pdfdiv\");\r\n //const btnExportToCsv = document.getElementById(\"btnExportToCsv\");\r\n //const exporter = new TableCSVExporter(dataTable);\r\n const csvOutput = this.ConvertToCSV(this.state.showdata);\r\n const csvBlob = new Blob([csvOutput], {\r\n type: \"text/csv\",\r\n });\r\n const blobUrl = URL.createObjectURL(csvBlob);\r\n const anchorElement = document.createElement(\"a\");\r\n\r\n anchorElement.href = blobUrl;\r\n anchorElement.download = \"Facilities.csv\";\r\n anchorElement.click();\r\n $(\".loading\").hide();\r\n };\r\n\r\n onPDFClick = async () => {\r\n //debugger;\r\n\r\n $(\".loading\").show();\r\n this._html2canvas(this.state.showdata);\r\n $(\".loading\").hide();\r\n };\r\n\r\n _html2canvas = (data) => {\r\n var tableBody = data.map((val) => {\r\n var listRow = [];\r\n // {\"id\":170,\"code\":\"FLL\",\"description\":\"Fort Lauderdale Tower\",\"region\":\"NSO\",\"status\":\"Represented\",\"isActive\":true,\"teamid\":455,\"facRPId\":35786,\"facRPName\":\"Kyle Kirchheiner\",\"facRPEmail\":\"kkirchheiner@gmail.com\",\"facRPPhone\":\"(954) 410-9975\",\"permissions\":null}\r\n listRow.push(val.code);\r\n listRow.push(val.region);\r\n listRow.push(val.description);\r\n listRow.push(val.facRPName);\r\n listRow.push(val.facRPEmail);\r\n listRow.push(val.facRPPhone);\r\n\r\n // listRow.push(val.org_title);\r\n // listRow.push(val.scd_date);\r\n // listRow.push(val.grade);\r\n // listRow.push(val.hourly_salary);\r\n // listRow.push(val.yearly_salary);\r\n return listRow;\r\n });\r\n const doc = new jsPDF();\r\n //autoTable(doc, { html: $(`#${tblCurrent} .react-bootstrap-table`).get(0) });\r\n doc.autoTable({\r\n head: [\r\n [\r\n \"FACILITY\",\r\n \"REGION\",\r\n \"FACILITY NAME\",\r\n \"FACREP NAME\",\r\n \"FACREP EMAIL\",\r\n \"FACREP PHONE\",\r\n\r\n //\"SCD\",\r\n //\"GRADE\",\r\n //\"HOURLY SALARY\",\r\n //\"YEARLY SALARY\",\r\n ],\r\n ],\r\n body: tableBody,\r\n tableWidth: \"auto\",\r\n styles: { cellPadding: 0.7, fontSize: 8 },\r\n columnStyles: {\r\n 5: { cellWidth: 25 },\r\n\r\n // etc\r\n },\r\n //styles: { overflow: \"ellipsize\", cellWidth: \"auto\" },\r\n // Override the default above for the text column\r\n //columnStyles: { text: { cellWidth: \"wrap\" }, columnWidth: \"20\" },\r\n // margin: { right: 5 },\r\n });\r\n doc.save(\"Facilities.pdf\");\r\n };\r\n\r\n render() {\r\n const { rows, sizePerPage, page, totalCount } = this.state;\r\n const showTotal = true;\r\n let ViewAll = null; //View All Links ;\r\n this.facilityFilters(rows);\r\n const sizePerPageList = [\r\n {\r\n text: \"10\",\r\n value: 10,\r\n },\r\n {\r\n text: \"25\",\r\n value: 25,\r\n },\r\n {\r\n text: \"30\",\r\n value: 30,\r\n },\r\n {\r\n text: \"50\",\r\n value: 50,\r\n },\r\n {\r\n text: \"All\",\r\n value: totalCount,\r\n },\r\n ];\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Facilities \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {this.state.showdata != null && this.state.showdata.length > 0 && (\r\n \r\n this.onPDFClick()}\r\n >\r\n\r\n this.onCSVClick()}\r\n >\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Status \r\n \r\n \r\n {\r\n this.setState({ filter: \"\" });\r\n this.toggle();\r\n }}\r\n >\r\n None\r\n \r\n {facilityStatusOptions.map((x) => (\r\n {\r\n await this.setState({ filter: x.value });\r\n this.toggle();\r\n }}\r\n >\r\n {x.value}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Type \r\n \r\n \r\n {\r\n this.setState({ typefilter: 0 });\r\n this.toggle();\r\n }}\r\n >\r\n None\r\n \r\n {this.state.facilityTypes.map((x) => (\r\n {\r\n await this.setState({ typefilter: x.id });\r\n this.toggle();\r\n }}\r\n >\r\n {x.value}\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 {!_.isEmpty(rows) &&\r\n this.RemotePagination(\r\n this.state.showdata,\r\n page,\r\n sizePerPage,\r\n showTotal,\r\n this.rowEvents\r\n )}\r\n\r\n {/*ViewAll*/}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {\" \"}\r\n Add Facility{\" \"}\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 {AuthService.canView(\r\n PermissionFeature.FacilityCode\r\n ) && (\r\n
\r\n
\r\n
\r\n \r\n Code is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n {AuthService.canView(\r\n PermissionFeature.FacilityDescription\r\n ) && (\r\n
\r\n
\r\n
\r\n \r\n Description is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n {AuthService.canView(\r\n PermissionFeature.FacilityFAAAFDFilename\r\n ) && (\r\n
\r\n
\r\n
\r\n \r\n File Name is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n
\r\n {AuthService.canView(\r\n PermissionFeature.FacilityLmNumber\r\n ) && (\r\n \r\n
\r\n \r\n LM-4 File No is required.\r\n
\r\n \r\n \r\n \r\n Latitude is required.\r\n
\r\n \r\n \r\n )}\r\n {AuthService.canView(\r\n PermissionFeature.FacilityLongitude\r\n ) && (\r\n \r\n \r\n Longitude No is required.\r\n
\r\n \r\n \r\n )}\r\n
\r\n {\r\n if (errors.length > 0) {\r\n this.setState({ isDropDownsValid: false });\r\n console.log(errors);\r\n } else {\r\n this.setState({ isDropDownsValid: true });\r\n }\r\n }}\r\n >\r\n \r\n {AuthService.canView(\r\n PermissionFeature.FacilityRegion\r\n ) && (\r\n \r\n \r\n option.description\r\n }\r\n onChange={(e) =>\r\n this.changeValue(e, \"fac_regionid\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.options}\r\n onChange={(e) =>\r\n this.changeValue(e, \"oshamaintainer\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.text}\r\n onChange={(e) =>\r\n this.changeValue(e, \"facilitystatus\")\r\n }\r\n value={\r\n this.state.facilitystatus &&\r\n this.state.facilitystatus !== \"\" &&\r\n this.state.facilitystatus !== null\r\n ? facilityStatusOptions.find((el) => {\r\n return (\r\n el.value ===\r\n this.state.facilitystatus\r\n );\r\n })\r\n : null\r\n }\r\n renderInput={(params) => (\r\n
\r\n \r\n {AuthService.canView(\r\n PermissionFeature.FacilityType\r\n ) && (\r\n \r\n \r\n option.description\r\n }\r\n onChange={(e) =>\r\n this.changeValue(e, \"fac_typeid\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.text}\r\n onChange={(e) =>\r\n this.changeValue(e, \"level\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.text}\r\n onChange={(e) =>\r\n this.changeValue(e, \"oshatier\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.text}\r\n onChange={(e) =>\r\n this.changeValue(e, \"srfrxiistatus\")\r\n }\r\n renderInput={(params) => (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n Close\r\n \r\n \r\n Save Changes\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state) => ({\r\n facilityDashboardState: state.facilityDashboard,\r\n }),\r\n {\r\n ...actions,\r\n }\r\n)(Facilities);\r\n","import React, { Component } from \"react\";\r\nimport AUX from \"../../hoc/Aux_\";\r\n\r\nexport default function ConfirmDeleteModal(props) {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Confirm Delete \r\n \r\n ×\r\n \r\n \r\n
\r\n
\r\n
Are you sure you want to delete? \r\n \r\n
\r\n \r\n Cancel\r\n \r\n {\r\n props.confirm().confirmed();\r\n }}>\r\n Delete\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}","import React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ConfirmDeleteModal from \"../../Shared/Modals\";\r\nimport { toast } from \"react-toastify\";\r\nimport TableCustomTotal from '../../Shared/TableCustomTotal';\r\nconst { SearchBar } = Search;\r\n\r\nclass Areas extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n rows: [],\r\n totalCount: \"\",\r\n delId: 0,\r\n facility: props.facility\r\n };\r\n this.confirm = () => {\r\n this.confirmed = () => {\r\n if (this.state.delId == 0) {\r\n return false;\r\n }\r\n\r\n axios\r\n .delete(\"/api/Areas/\" + this.state.delId)\r\n .then(({ data }) => {\r\n if (data.status && data.status == \"Success\") {\r\n toast.success(\"Area Deleted Successfuly.\");\r\n this.setState({ delId: 0 });\r\n $(\".cancelModal\").trigger(\"click\");\r\n this.getAreas();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n };\r\n return this;\r\n };\r\n this.columns = [\r\n {\r\n text: \"Area Name\",\r\n dataField: \"description\",\r\n sort: true\r\n },\r\n {\r\n text: \"Area ID\",\r\n dataField: \"code\",\r\n sort: true\r\n },\r\n {\r\n text: \"Facility\",\r\n dataField: \"facility\",\r\n sort: true\r\n },\r\n {\r\n isDummyField: true,\r\n text: \"\",\r\n headerAttrs: {\r\n width: \"80px\"\r\n },\r\n formatter: (cellContent, row) => {\r\n return (\r\n \r\n {true && (\r\n \r\n {\r\n this.setState({ delId: row.id });\r\n }}\r\n to=\"#\"\r\n data-target=\".delete-modal\"\r\n data-toggle=\"modal\"\r\n size=\"sm\">\r\n
\r\n );\r\n }\r\n }\r\n ];\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n if (e.target.className.indexOf(\"del\") < 0) {\r\n if (true) {\r\n if (this.props.facility) {\r\n this.props.his.push({ pathname: \"/area/edit\", type: \"add\", uid: row.id });\r\n } else {\r\n this.props.history.push({ pathname: \"/area/edit\", type: \"add\", uid: row.id });\r\n }\r\n }\r\n }\r\n }\r\n };\r\n }\r\n getAreas() {\r\n $(\".loading\").show();\r\n axios.get(\"/api/Areas\").then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({ rows: data.data, totalCount: data.totalCount });\r\n //$(\"#search-bar-0\").val(this.props.facility).blur();\r\n // $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n componentDidMount() {\r\n this.getAreas();\r\n $(\"#search-bar-0\").hide();\r\n }\r\n render() {\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Areas \r\n \r\n
\r\n {true && (\r\n \r\n Add Area\r\n \r\n )}\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {props => (\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 Areas;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport $ from \"jquery\";\r\nimport ToolkitProvider, { Search } from \"react-bootstrap-table2-toolkit\";\r\nimport Region from \"./Region\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport { toast } from \"react-toastify\";\r\nimport authAxios from \"../../Shared/auth-header\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport { Button } from \"reactstrap\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport Services from \"../RFTeamsService\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport TableCustomTotal from \"../../Shared/TableCustomTotal\";\r\n\r\nconst { SearchBar } = Search;\r\n\r\nclass Regions extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n uid: 0,\r\n code: \"\",\r\n region: \"\",\r\n description: \"\",\r\n valid: true,\r\n bulkProgress: true,\r\n rows: [],\r\n totalCount: \"\",\r\n delId: 0,\r\n };\r\n this.createRegionTeam = this.createRegionTeam.bind(this);\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n if (e.target.className.indexOf(\"del\") < 0) {\r\n if (AuthService.canView(PermissionFeature.Region)) {\r\n this.props.history.push({\r\n pathname: `/directory/region/view/${row.id}`,\r\n type: \"edit\",\r\n uid: row.id,\r\n });\r\n }\r\n }\r\n },\r\n };\r\n\r\n this.columns = this.columns.bind(this);\r\n }\r\n preventDefaultCustom = (e) => {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n };\r\n async createRegionTeam(e, id) {\r\n $(\".loading\").show();\r\n this.preventDefaultCustom(e);\r\n let data = await Services.CreateRegionTeam(id);\r\n if (data) {\r\n this.getRegions();\r\n }\r\n $(\".loading\").hide();\r\n }\r\n handleChange = (evt) => {\r\n this.setState({\r\n [evt.target.name]:\r\n [evt.target.name] == \"description\"\r\n ? evt.target.value\r\n : evt.target.value.trim(),\r\n });\r\n };\r\n\r\n handleSubmit = (evt) => {\r\n this.preventDefaultCustom(evt);\r\n if (!this.state.valid) {\r\n return false;\r\n }\r\n evt.target.className += \" was-validated\";\r\n if (evt.target.checkValidity() === false) {\r\n return false;\r\n }\r\n\r\n const data = {\r\n Id: this.state.uid,\r\n code: this.state.code,\r\n description: this.state.description.trim(),\r\n };\r\n $(\".loading\").show();\r\n axios\r\n .post(\"/api/Region/SaveRegion\", data)\r\n .then(({ data }) => {\r\n if (data.status && data.status == \"Success\") {\r\n toast.success(data.message);\r\n this.getRegions();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".loading\").hide();\r\n window.$(\"#AddRegionModal\").modal(\"hide\");\r\n })\r\n .catch(function(error) {\r\n window.$(\"#AddRegionModal\").modal(\"hide\");\r\n $(\".loading\").hide();\r\n console.log(error);\r\n });\r\n };\r\n columns = () => {\r\n return [\r\n {\r\n text: \"Region ID\",\r\n dataField: \"code\",\r\n sort: true,\r\n formatExtraData: this.state.bulkProgress,\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.RegionCode)) {\r\n return (\r\n <>\r\n {cell}{\" \"}\r\n {AuthService.canView(PermissionFeature.TeamsTeams) &&\r\n row.teamId != null &&\r\n row.teamId != -1 ? (\r\n {\r\n this.preventDefaultCustom(e);\r\n }}\r\n href={\"/permissions/teams/teamDetail/\" + row.teamId}\r\n \r\n >\r\n {\r\n this.createRegionTeam(e, row.id);\r\n }}\r\n className=\"text-primary fas fa-sm fa-plus-circle\"\r\n >\r\n )\r\n )}\r\n \r\n );\r\n } else return \"\";\r\n },\r\n },\r\n {\r\n text: \"Region Name\",\r\n dataField: \"description\",\r\n sort: true,\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.RegionName)) return cell;\r\n else return \"\";\r\n },\r\n },\r\n {\r\n text: \"RVP Email\",\r\n dataField: \"rvpEmail\",\r\n sort: true,\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.RegionRVPEmail)) {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n },\r\n {\r\n text: \"RVP Phone\",\r\n dataField: \"rvpPhone\",\r\n sort: true,\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.RegionRVPEmail)) {\r\n return (\r\n \r\n {cell}\r\n \r\n );\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n },\r\n ];\r\n };\r\n getRegions() {\r\n $(\".loading\").show();\r\n\r\n authAxios.get(\"/api/Region\").then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n rows: data.data,\r\n totalCount: data.totalCount,\r\n });\r\n\r\n $(\".loading\").hide();\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n }\r\n async componentDidUpdate(prevProps) {\r\n if (this.props.refreshRF) {\r\n this.getRegions();\r\n this.props.setFalseRefreshRF();\r\n }\r\n if (this.props.bulkProgress != prevProps.bulkProgress) {\r\n await this.setState({ bulkProgress: this.props.bulkProgress });\r\n this.getRegions();\r\n }\r\n }\r\n componentWillMount() {\r\n this.setState({ bulkProgress: this.props.bulkProgress });\r\n this.getRegions();\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Regions \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {\" \"}\r\n Add Region{\" \"}\r\n \r\n \r\n × \r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {AuthService.canView(PermissionFeature.RegionCode) && (\r\n
\r\n
\r\n
\r\n \r\n Code is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n {AuthService.canView(PermissionFeature.RegionName) && (\r\n
\r\n
\r\n
\r\n \r\n Name is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Close\r\n \r\n \r\n Save Changes\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Regions;\r\n","const FE_Equipment_Card_Types = Object.freeze({\r\n Member: 1,\r\n Team: 2,\r\n Facility: 3,\r\n Region: 4,\r\n});\r\nexport default FE_Equipment_Card_Types;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport Services from \"./EditUserService\";\r\nimport AuthService from \"../../../Auth/AuthService\";\r\nimport PermissionFeature from \"../../../Permissions/PermissionFeature\";\r\nimport TableCustomTotal from \"../../../Shared/TableCustomTotal\";\r\nimport _ from \"lodash\";\r\nimport $ from \"jquery\";\r\nimport jsPDF from \"jspdf\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Collapse, Card } from \"reactstrap\";\r\nimport FE_Equipment_Card_Types from \"../../../F&E/FE_Equipment_Card_Types\";\r\nconst NoDataIndication = () => (\r\n \r\n
\r\n
No Equipment Found! \r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst MyExportPDF = (props) => {\r\n const handleClick = () => {\r\n _html2canvas(props);\r\n };\r\n return (\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n );\r\n};\r\nconst _html2canvas = async (allprops) => {\r\n let filename = getExportFileName(allprops.TableType, \"pdf\");\r\n // /////Server side Export/////\r\n const formData = {\r\n recordId: allprops.recordId,\r\n recordtype: allprops.TableType,\r\n searchCriteria: {\r\n Keyword: allprops.keyword,\r\n PageNo: 1,\r\n PageSize: 10,\r\n SortOrder: \"id\",\r\n },\r\n };\r\n showSpinner();\r\n let data = await Services.MemberEquipments(formData);\r\n if (!_.isEmpty(data)) {\r\n var tableBody = data.map((row) => {\r\n var listRow = [];\r\n let userName = `${row.userFirstName}-${row.userLastName}`;\r\n listRow.push(userName);\r\n listRow.push(row.description);\r\n listRow.push(row.typeName);\r\n listRow.push(row.category);\r\n listRow.push(row.budget);\r\n listRow.push(row.cost);\r\n listRow.push(row.adVal);\r\n listRow.push(row.bookVal);\r\n return listRow;\r\n // let team = row.teamName;\r\n // let facility = row.facilityCode;\r\n // let region = row.regionCode;\r\n // let cellcontent = \"\";\r\n // if (!_.isEmpty(team)) {\r\n // cellcontent = cellcontent.concat(team);\r\n // }\r\n // if (!_.isEmpty(facility)) {\r\n // cellcontent = cellcontent.concat(\r\n // `${!_.isEmpty(team) ? +\"-\" + facility : facility}`\r\n // );\r\n // }\r\n // if (!_.isEmpty(region)) {\r\n // cellcontent = cellcontent.concat(\r\n // `${!_.isEmpty(facility) ? +\"-\" + region : region}`\r\n // );\r\n // }\r\n });\r\n const doc = new jsPDF();\r\n\r\n doc.autoTable({\r\n head: [\r\n [\r\n \"User\",\r\n \"Description\",\r\n \"Type\",\r\n \"Category\",\r\n \"BudgetLine\",\r\n \"Cost\",\r\n \"A/D\",\r\n \"Book Value\",\r\n ],\r\n ],\r\n body: tableBody,\r\n tableWidth: \"auto\",\r\n styles: { cellPadding: 0.7, fontSize: 8 },\r\n columnStyles: {\r\n 0: { cellWidth: 25 },\r\n 1: { cellWidth: 25 },\r\n },\r\n });\r\n doc.save(filename);\r\n }\r\n\r\n hideSpinner();\r\n\r\n ///////////////////////////////\r\n};\r\nconst showSpinner = () => {\r\n $(\".loading\").show();\r\n};\r\nconst currencyFormatter = (cell, row) => {\r\n return (\r\n \r\n {cell\r\n ? `$${cell &&\r\n cell.toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}`\r\n : \"$0\"}\r\n \r\n );\r\n};\r\nconst hideSpinner = () => {\r\n $(\".loading\").hide();\r\n};\r\nconst getExportFileName = (tblType, filetype) => {\r\n if (tblType === FE_Equipment_Card_Types.Member) {\r\n return `${Date.now()}_MemberEquipments.${filetype}`;\r\n }\r\n if (tblType === FE_Equipment_Card_Types.Team) {\r\n return `${Date.now()}_TeamEquipments.${filetype}`;\r\n }\r\n if (tblType === FE_Equipment_Card_Types.Facility) {\r\n return `${Date.now()}_FacilityEquipments.${filetype}`;\r\n }\r\n if (tblType === FE_Equipment_Card_Types.Region) {\r\n return `${Date.now()}_RegionEquipments.${filetype}`;\r\n }\r\n};\r\n\r\nclass EquipmentsCardList extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n Equipments: [],\r\n sizePerPageEquipments: 10,\r\n\r\n ///Equpment Search Box\r\n eqMemberSearchTxt: \"\",\r\n eqMemberSearchTxt_err: \"\",\r\n valid: true,\r\n isEquipmentListOpen: true,\r\n };\r\n\r\n this.EquipmentsSizePerPageChange = this.EquipmentsSizePerPageChange.bind(\r\n this\r\n );\r\n\r\n this.getEquipments = this.getEquipments.bind(this);\r\n this.RemotePagination = this.RemotePagination.bind(this);\r\n }\r\n\r\n EquipmentsSizePerPageChange = (sizePerPage) => {\r\n this.setState({ sizePerPageEquipments: sizePerPage });\r\n };\r\n EquipmentsColumns = (tableType) => [\r\n {\r\n text: \"User\",\r\n dataField: \"userFirstName\",\r\n sort: true,\r\n classes: \"c-pointer text-nowrap\",\r\n headerClasses: \"text-nowrap\",\r\n csvExport: true,\r\n hidden: !(\r\n AuthService.canView(PermissionFeature.FEAccountingUser) &&\r\n tableType != FE_Equipment_Card_Types.Member\r\n ),\r\n\r\n //should hide on Member Details Page, and show on other Pages\r\n formatter: (cell, row) => {\r\n if (AuthService.canView(PermissionFeature.FEAccountingUser)) {\r\n return (\r\n \r\n \r\n {`${cell}-${\r\n _.isEmpty(row.userLastName) ? \"\" : row.userLastName\r\n }`}\r\n \r\n
\r\n );\r\n } else {\r\n return \"\";\r\n }\r\n },\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"15%\" };\r\n },\r\n },\r\n {\r\n text: \"Description\",\r\n dataField: \"description\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.FEAccountingDescription),\r\n classes: \"c-pointer\",\r\n // headerClasses: \"text-nowrap\",\r\n // headerAttrs: {\r\n // width: 200,\r\n // },\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"17%\" };\r\n },\r\n searchable: false,\r\n },\r\n {\r\n text: \"Type\",\r\n dataField: \"typeName\",\r\n hidden: !AuthService.canView(PermissionFeature.FEAccountingType),\r\n sort: true,\r\n classes: \"c-pointer\",\r\n // headerClasses: \"text-nowrap\",\r\n // headerAttrs: {\r\n // width: 200,\r\n // },\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"9%\" };\r\n },\r\n searchable: false,\r\n },\r\n\r\n {\r\n text: \"Region\",\r\n dataField: \"regionCode\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.RegionCode),\r\n classes: \"c-pointer\",\r\n headerClasses: \"text-nowrap\",\r\n hidden: true,\r\n csvExport: false,\r\n searchable: false,\r\n },\r\n {\r\n text: \"Facility\",\r\n dataField: \"facilityCode\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.FacilityCode),\r\n classes: \"c-pointer\",\r\n headerClasses: \"text-nowrap\",\r\n hidden: true,\r\n csvExport: false,\r\n searchable: false,\r\n },\r\n {\r\n text: \"Team\",\r\n dataField: \"teamName\",\r\n sort: true,\r\n hidden: !AuthService.canView(PermissionFeature.TeamsTeams),\r\n classes: \"c-pointer text-nowrap\",\r\n headerClasses: \"text-nowrap\",\r\n hidden: true,\r\n csvExport: false,\r\n searchable: false,\r\n },\r\n {\r\n text: \"Category\",\r\n dataField: \"category\",\r\n sort: true,\r\n classes: \"c-pointer\",\r\n // headerClasses: \"text-nowrap\",\r\n csvExport: true,\r\n searchable: false,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"15%\" };\r\n },\r\n },\r\n {\r\n text: \"Budget\",\r\n dataField: \"budget\",\r\n sort: true,\r\n classes: \"c-pointer\",\r\n // headerClasses: \"text-nowrap\",\r\n csvExport: true,\r\n searchable: false,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"15%\" };\r\n },\r\n },\r\n {\r\n text: \"Cost\",\r\n dataField: \"cost\",\r\n sort: true,\r\n classes: \"c-pointer text-nowrap\",\r\n headerClasses: \"text-nowrap\",\r\n csvExport: true,\r\n formatter: currencyFormatter,\r\n searchable: false,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"8%\" };\r\n },\r\n },\r\n {\r\n text: \"A/D\",\r\n dataField: \"adVal\",\r\n sort: true,\r\n classes: \"c-pointer\",\r\n // headerClasses: \"text-nowrap\",\r\n csvExport: true,\r\n formatter: currencyFormatter,\r\n searchable: false,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"8%\" };\r\n },\r\n },\r\n {\r\n text: \"Book\",\r\n dataField: \"bookVal\",\r\n sort: true,\r\n classes: \"c-pointer\",\r\n // headerClasses: \"text-nowrap\",\r\n csvExport: true,\r\n formatter: currencyFormatter,\r\n searchable: false,\r\n headerStyle: (colum, colIndex) => {\r\n return { width: \"8%\" };\r\n },\r\n },\r\n\r\n // {\r\n // text: \"Category\",\r\n // dataField: \"equipmentCat\",\r\n // sort: true,\r\n // hidden: !AuthService.canView(PermissionFeature.TeamsTeams),\r\n // csvExport: false,\r\n // classes: \"c-pointer text-nowrap\",\r\n // headerClasses: \"text-nowrap\",\r\n // headerAttrs: {\r\n // width: 175,\r\n // },\r\n // formatter: (cell, row) => {\r\n // let team = row.teamName;\r\n // let facility = row.facilityCode;\r\n // let region = row.regionCode;\r\n // let cellcontent = \"\";\r\n // if (!_.isEmpty(team)) {\r\n // cellcontent = cellcontent.concat(team);\r\n // }\r\n // if (!_.isEmpty(facility)) {\r\n // cellcontent = cellcontent.concat(\r\n // `${!_.isEmpty(team) ? +\"-\" + facility : facility}`\r\n // );\r\n // }\r\n // if (!_.isEmpty(region)) {\r\n // cellcontent = cellcontent.concat(\r\n // `${!_.isEmpty(facility) ? +\"-\" + region : region}`\r\n // );\r\n // }\r\n // return cellcontent;\r\n // },\r\n // },\r\n ];\r\n\r\n RemotePagination(\r\n columns,\r\n keyFields,\r\n data,\r\n SizePerPageChange,\r\n sizePerPage,\r\n TableType,\r\n recordId,\r\n keyword\r\n ) {\r\n let paginationOptions = {\r\n totalSize: data && data.length,\r\n paginationTotalRenderer: TableCustomTotal,\r\n showTotal: true,\r\n onSizePerPageChange: SizePerPageChange,\r\n sizePerPage,\r\n };\r\n return (\r\n \r\n
\r\n {(props) => (\r\n \r\n \r\n \r\n
\r\n sizePerPage\r\n ? paginationFactory({ ...paginationOptions })\r\n : null\r\n }\r\n {...props.baseProps}\r\n />\r\n
\r\n
\r\n \r\n <>\r\n {/* Equipments Cards Header */}\r\n {(this.props.tableType === FE_Equipment_Card_Types.Member ||\r\n this.props.tableType === FE_Equipment_Card_Types.Team ||\r\n this.props.tableType === FE_Equipment_Card_Types.Region) && (\r\n <>\r\n
{\r\n this.setState(\r\n {\r\n isEquipmentListOpen: !this.state.isEquipmentListOpen,\r\n },\r\n () => {}\r\n );\r\n }}\r\n >\r\n \r\n \r\n \r\n )}\r\n \r\n {/* Search Box Start*/}\r\n {tableType !== FE_Equipment_Card_Types.Member && anyEquipments && (\r\n \r\n
\r\n
this.handleSearchClick(e)}\r\n >\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {this.state.eqMemberSearchTxt_err}\r\n \r\n
\r\n
\r\n
\r\n {anyEquipments && (\r\n
\r\n
\r\n
\r\n \r\n Equipment Cost:\r\n \r\n {`$${cost.toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}`}\r\n
\r\n\r\n
\r\n \r\n {new Date().getFullYear()} Accumulated Depreciation:\r\n \r\n {`$${adVal.toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}`}\r\n
\r\n
\r\n
\r\n
\r\n Book Value: \r\n {`$${bookVal.toLocaleString(navigator.language, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2,\r\n })}`}\r\n
\r\n
\r\n # Equipment: \r\n {totalEqs}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {this.RemotePagination(\r\n this.EquipmentsColumns(tableType),\r\n \"id\",\r\n this.state.Equipments,\r\n this.EquipmentsSizePerPageChange,\r\n this.state.sizePerPageEquipments,\r\n tableType,\r\n recordId,\r\n keyword\r\n )}\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default EquipmentsCardList;\r\n","import React, { Component } from \"react\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport { Button } from \"reactstrap\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport { Route } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport authAxios from \"../../Shared/auth-header\";\r\nimport Region from \"./Region\";\r\nimport ConfirmDeleteModal from \"../../Shared/Modals\";\r\nimport RegionModal from \"../../Shared/RegionModal\";\r\nimport { toast } from \"react-toastify\";\r\nimport Facilities from \"../Facility/Facilities\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport Directory from \"../Directory\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport _ from \"lodash\";\r\nimport EquipmentsCardList from \"../../Admin/Users/EditUser/EquipmentsCardList\";\r\nimport FE_Equipment_Card_Types from \"../../F&E/FE_Equipment_Card_Types\";\r\nimport { Collapse, Spinner, Col } from \"reactstrap\";\r\nimport Users from \"../../Admin/Users/Users\";\r\nimport { connect } from \"react-redux\";\r\nimport actionFilter from \"../../../store/facility/action\";\r\n\r\nconst ButtonToNavigate = ({ title, history, color, classes }) => (\r\n \r\n history.push({\r\n pathname: \"/directory/region\",\r\n tab: Region,\r\n name: \"Regions\",\r\n })\r\n }\r\n color={color}\r\n className={classes}\r\n >\r\n {title}\r\n \r\n);\r\n\r\nclass EditRegion extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n type: this.props.location.type,\r\n uid: this.props.location.uid,\r\n code: \"\",\r\n region: \"\",\r\n description: \"\",\r\n valid: true,\r\n headerLabel: \"\",\r\n hasAnyEquipment: false,\r\n hasAnyMember: false,\r\n isMembersListOpen: false,\r\n };\r\n\r\n this.regionMethods = () => {\r\n this.updateRegion = (args) => {\r\n this.setState({ region: args.code, regionid: args.id });\r\n $(\".cancelModal\").trigger(\"click\");\r\n };\r\n return this;\r\n };\r\n this.confirm = () => {\r\n this.confirmed = () => {\r\n if (this.state.uid === 0) {\r\n return false;\r\n }\r\n\r\n authAxios\r\n .delete(\"/api/Region/\" + this.state.uid)\r\n .then(({ data }) => {\r\n if (data.status && data.status == \"Success\") {\r\n toast.success(\"Region Deleted Successfuly.\");\r\n //this.setState({ delId: 0 });\r\n // $(\".cancelModal\").trigger(\"click\");\r\n this.props.history.push({\r\n pathname: \"/directory\",\r\n tab: Region,\r\n name: \"Regions\",\r\n });\r\n //this.getRegions();\r\n } else {\r\n toast.error(data.message);\r\n }\r\n $(\".cancelModal\").trigger(\"click\");\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n $(\".cancelModal\").trigger(\"click\");\r\n });\r\n };\r\n return this;\r\n };\r\n }\r\n handleChange = (evt) => {\r\n this.setState({\r\n [evt.target.name]:\r\n [evt.target.name] == \"description\"\r\n ? evt.target.value\r\n : evt.target.value.trim(),\r\n });\r\n };\r\n\r\n handleSubmit = (evt) => {\r\n evt.stopPropagation();\r\n evt.nativeEvent.stopImmediatePropagation();\r\n if (!this.state.valid) {\r\n return false;\r\n }\r\n evt.target.className += \" was-validated\";\r\n if (evt.target.checkValidity() === false) {\r\n return false;\r\n }\r\n\r\n const data = {\r\n Id: this.state.id,\r\n code: this.state.code,\r\n description: this.state.description.trim(),\r\n };\r\n $(\".loading\").show();\r\n axios\r\n .post(\"/api/Region/SaveRegion\", data)\r\n .then(({ data }) => {\r\n $(\".loading\").hide();\r\n\r\n if (data.status && data.status == \"Success\") {\r\n toast.success(data.message);\r\n let history_var = this.props.history;\r\n window.$(\"#EditRegionModal\").on(\"hidden.bs.modal\", function (e) {\r\n history_var.push({\r\n pathname: \"/directory\",\r\n tab: Region,\r\n name: \"Regions\",\r\n });\r\n });\r\n } else {\r\n toast.error(data.message);\r\n }\r\n window.$(\"#EditRegionModal\").modal(\"hide\");\r\n })\r\n .catch(function (error) {\r\n $(\".loading\").hide();\r\n window.$(\"#EditRegionModal\").modal(\"hide\");\r\n console.log(error);\r\n });\r\n };\r\n componentDidMount() {\r\n $(\".loading\").show();\r\n if (\r\n this.props.location.uid == null &&\r\n this.props.location.uid == undefined &&\r\n _.isEmpty(this.props.match.params.id)\r\n ) {\r\n this.props.history.push(\"/directory/region\");\r\n }\r\n let url = \"\";\r\n url = `/api/Region/${this.props.match.params.id}`;\r\n\r\n axios.get(url).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n this.setState({\r\n id: data.data.id,\r\n code: data.data.code,\r\n description: data.data.description,\r\n region: data.data.code,\r\n hasAnyEquipment: data.hasAnyEquipment,\r\n hasAnyMember: data.hasAnyMember,\r\n headerLabel:\r\n data.data.description + \" Region - \" + data.data.code + \" \",\r\n });\r\n } else {\r\n $(\".loading\").hide();\r\n toast.error(data.message);\r\n }\r\n });\r\n if (this.state.region == \"\") $(\".loading\").hide();\r\n }\r\n componentWillUnmount() {\r\n if (this.props.history.action === \"POP\") {\r\n this.props.history.location.keyword = this.props.location.keyword;\r\n this.props.history.location.tab = Region;\r\n this.props.history.location.name = \"Regions\";\r\n }\r\n $(\".modal-backdrop\").length && $(\".modal-backdrop\").remove();\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
{this.state.headerLabel} \r\n \r\n
\r\n\r\n {AuthService.canView(PermissionFeature.Facility) && (\r\n
\r\n {this.state.region && (\r\n
\r\n )}\r\n
\r\n
\r\n {!_.isEmpty(this.props.match.params.id) &&\r\n this.state.hasAnyEquipment && (\r\n <>\r\n {AuthService.canView(\r\n PermissionFeature.FERegionEquipment\r\n ) && (\r\n
\r\n
\r\n
\r\n
\r\n {!_.isEmpty(this.props.match.params.id) &&\r\n this.state.hasAnyMember && (\r\n <>\r\n {/* {AuthService.canFacilityView(PermissionFeature.FacilityMembers) ? ( */}\r\n
\r\n
{\r\n this.setState(\r\n {\r\n isMembersListOpen: !this.state.isMembersListOpen,\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 {/* ) : null} */}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {\" \"}\r\n Edit Region{\" \"}\r\n \r\n \r\n × \r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {AuthService.canView(PermissionFeature.RegionCode) && (\r\n
\r\n
\r\n
\r\n \r\n Code is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n {AuthService.canView(PermissionFeature.RegionName) && (\r\n
\r\n
\r\n
\r\n \r\n Name is required.\r\n
\r\n \r\n \r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Close\r\n \r\n {AuthService.canAdd(PermissionFeature.Region) && (\r\n \r\n Save Changes\r\n \r\n )}\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state) => ({ facilityDashboardState: state.facilityDashboard }),\r\n {\r\n ...actionFilter,\r\n }\r\n)(EditRegion);\r\n","const actions = {\r\n SET_PERMISSION_ACTIVE_TAB: \"SET_PERMISSION_ACTIVE_TAB\",\r\n OPEN_DEFAULT_PERMISSION_MODAL: \"OPEN_DEFAULT_PERMISSION_MODAL\",\r\n CLOSE_DEFAULT_PERMISSION_MODAL: \"CLOSE_DEFAULT_PERMISSION_MODAL\",\r\n OPEN_SPECIAL_TEAM_PERMISSION_MODAL: \"OPEN_SPECIAL_TEAM_PERMISSION_MODAL\",\r\n CLOSE_SPECIAL_TEAM_PERMISSION_MODAL: \"CLOSE_SPECIAL_TEAM_PERMISSION_MODAL\",\r\n SHOW_DEFAULT_PERMISSION_MODAL: \"SHOW_DEFAULT_PERMISSION_MODAL\",\r\n COMPLETE_LOAD_DATA_DEFAULT_PERMISSION:\r\n \"COMPLETE_LOAD_DATA_DEFAULT_PERMISSION\",\r\n COMPLETE_LOAD_DATA_OWN_PERMISSION: \"COMPLETE_LOAD_DATA_OWN_PERMISSION\",\r\n OPEN_ASSIGN_MEMBER_MODAL: \"OPEN_ASSIGN_MEMBER_MODAL\",\r\n CLOSE_ASSIGN_MEMBER_MODAL: \"CLOSE_ASSIGN_MEMBER_MODAL\",\r\n OPEN_ASSIGN_MULTI_MEMBER_MODAL: \"OPEN_ASSIGN_MULTI_MEMBER_MODAL\",\r\n CLOSE_ASSIGN_MULTI_MEMBER_MODAL: \"CLOSE_ASSIGN_MULTI_MEMBER_MODAL\",\r\n OPEN_POSITION_MEMBERS_MODAL: \"OPEN_POSITION_MEMBERS_MODAL\",\r\n CLOSE_POSITION_MEMBERS_MODAL: \"CLOSE_POSITION_MEMBERS_MODAL\",\r\n OPEN_POSITION_PERMISSION_SCOPE_MODAL: \"OPEN_POSITION_PERMISSION_SCOPE_MODAL\",\r\n CLOSE_POSITION_PERMISSION_SCOPE_MODAL:\r\n \"CLOSE_POSITION_PERMISSION_SCOPE_MODAL\",\r\n OPEN_EDIT_POSITION_MODAL: \"OPEN_EDIT_POSITION_MODAL\",\r\n CLOSE_EDIT_POSITION_MODAL: \"CLOSE_EDIT_POSITION_MODAL\",\r\n HIDE_DEFAULT_PERMISSION_MODAL: \"HIDE_DEFAULT_PERMISSION_MODAL\",\r\n SET_DEFAULT_PERMISSION_DATA: \"SET_DEFAULT_PERMISSION_DATA\",\r\n SET_USER_OWN_RECORD_DATA: \"SET_USER_OWN_RECORD_DATA\",\r\n setPermissionActiveTab: (tab) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_PERMISSION_ACTIVE_TAB,\r\n payload: tab,\r\n });\r\n },\r\n openAssignMemberModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_ASSIGN_MEMBER_MODAL,\r\n });\r\n },\r\n closeAssignMemberModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_ASSIGN_MEMBER_MODAL,\r\n });\r\n },\r\n openAssignMultiMemberModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_ASSIGN_MULTI_MEMBER_MODAL,\r\n });\r\n },\r\n closeAssignMultiMemberModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_ASSIGN_MULTI_MEMBER_MODAL,\r\n });\r\n },\r\n\r\n openSpecialTeamPermissionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_SPECIAL_TEAM_PERMISSION_MODAL,\r\n });\r\n },\r\n closeSpecialTeamPermissionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_SPECIAL_TEAM_PERMISSION_MODAL,\r\n });\r\n },\r\n openPositionMembersModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_POSITION_MEMBERS_MODAL,\r\n });\r\n },\r\n closePositionMembersModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_POSITION_MEMBERS_MODAL,\r\n });\r\n },\r\n openPositionPSModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_POSITION_PERMISSION_SCOPE_MODAL,\r\n });\r\n },\r\n closePositionPSModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_POSITION_PERMISSION_SCOPE_MODAL,\r\n });\r\n },\r\n openEditPositionModal: (editPositionNew) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_EDIT_POSITION_MODAL,\r\n payload: editPositionNew,\r\n });\r\n },\r\n closeEditPositionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_EDIT_POSITION_MODAL,\r\n });\r\n },\r\n\r\n openDefaultPermissionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_DEFAULT_PERMISSION_MODAL,\r\n });\r\n },\r\n completeLoadDataDefaultPermissiion: () => (dispatch) => {\r\n dispatch({\r\n type: actions.COMPLETE_LOAD_DATA_DEFAULT_PERMISSION,\r\n });\r\n },\r\n completeLoadDataOwnPermissiion: () => (dispatch) => {\r\n dispatch({\r\n type: actions.COMPLETE_LOAD_DATA_OWN_PERMISSION,\r\n });\r\n },\r\n closeDefaultPermissionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_DEFAULT_PERMISSION_MODAL,\r\n });\r\n },\r\n showDefaultPermissionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.SHOW_DEFAULT_PERMISSION_MODAL,\r\n });\r\n },\r\n hideDefaultPermissionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.HIDE_DEFAULT_PERMISSION_MODAL,\r\n });\r\n },\r\n setDefaultPermissionData: (data) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_DEFAULT_PERMISSION_DATA,\r\n payload: data,\r\n });\r\n },\r\n setUserOwnRecordData: (data) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_USER_OWN_RECORD_DATA,\r\n payload: data,\r\n });\r\n },\r\n};\r\n\r\nexport default actions;\r\n","import React, { Fragment, Component } from \"react\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { toast } from \"react-toastify\";\r\nimport _ from \"lodash\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nconst selectRow = {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n // onSelect: this.handleOnSelect,\r\n // onSelectAll: this.handleOnSelectAll\r\n};\r\nclass Scope extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n perms: \"\",\r\n page: 1,\r\n sizePerPage: 10,\r\n //For Send Scopes to API\r\n Scope: {},\r\n totalCount: \"\",\r\n expanded: [0, 1],\r\n national: this.props.national,\r\n delId: 0,\r\n searchTerm: \"\",\r\n };\r\n this.handleFormSearch = this.handleFormSearch.bind(this);\r\n this.handleBtnClick = this.handleBtnClick.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleChangeNational = this.handleChangeNational.bind(this);\r\n this.handleOnExpand = this.handleOnExpand.bind(this);\r\n\r\n this.columns = [\r\n {\r\n dataField: \"regionCode\",\r\n //headerClasses: 'bg-dark text-white px-3 py-2',\r\n classes: \"px-3 py-2\",\r\n sort: false,\r\n },\r\n //{\r\n // text: \"Scope\",\r\n // dataField: \"scopeType\",\r\n // sort: true\r\n //},\r\n ];\r\n this.rowEvents = {\r\n onClick: (e, row, rowIndex) => {\r\n if (e.target.className.indexOf(\"del\") < 0) {\r\n if (this.state.perms.canEdit) {\r\n //this.props.history.push({\r\n // pathname: \"/admin/positions/edit-position\",\r\n // type: \"edit\",\r\n // uid: row.id,\r\n // keyword: $(\"#keyword\").val()\r\n //});\r\n }\r\n }\r\n },\r\n };\r\n\r\n this.listScope = this.listScope.bind(this);\r\n }\r\n handleChangeNational(e) {\r\n // e.preventDefault();\r\n this.state.national = e.target.checked;\r\n this.setState({ national: this.state.national });\r\n }\r\n handleChange(e) {\r\n //e.preventDefault();\r\n let obj = e.target.dataset.obj;\r\n let index = -1;\r\n switch (obj) {\r\n case \"National\":\r\n this.state.national = e.target.checked;\r\n for (var i = 0; i < this.state.scopes.length; i++) {\r\n this.state.scopes[i].isChecked = e.target.checked;\r\n if (this.state.scopes[i].facility) {\r\n for (var f = 0; f < this.state.scopes[i].facility.length; f++) {\r\n this.state.scopes[i].facility[f].isChecked = e.target.checked;\r\n }\r\n }\r\n }\r\n\r\n break;\r\n\r\n case \"Region\":\r\n index = e.target.dataset.index;\r\n this.state.scopes[index].isChecked = e.target.checked;\r\n if (this.state.scopes[index].facility) {\r\n for (var i = 0; i < this.state.scopes[index].facility.length; i++) {\r\n this.state.scopes[index].facility[i].isChecked = e.target.checked;\r\n }\r\n }\r\n this.state.Scope = this.state.scopes.find(\r\n (el) => el.isChecked === true\r\n );\r\n break;\r\n\r\n case \"Facility\":\r\n index = e.target.dataset.index;\r\n alert(index);\r\n break;\r\n\r\n default:\r\n }\r\n this.setState({ data: this.state.scopes, national: this.state.national });\r\n }\r\n\r\n nationalLi(handleChangeScope) {\r\n return (\r\n \r\n \r\n \r\n National\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n regionInput(item, index, handleChangeScope) {\r\n return (\r\n \r\n \r\n {item.code}\r\n \r\n this.performSlideS(item.id)}\r\n data-slide-expand={false}\r\n data-slide-Id={\"slideS\" + item.id}\r\n className=\" scope-colaps\"\r\n >\r\n \r\n );\r\n }\r\n performSlideS(parentid) {\r\n $(\"#slideS\" + parentid).slideToggle();\r\n // debugger;\r\n // let element = $(\r\n // \".slide-collapsers[data-slide-Id='slideS\" + parentid + \"']\"\r\n // );\r\n // let expand = element.attr(\"data-slide-expand\");\r\n // if (expand == \"true\") {\r\n // $(\r\n // \".slide-collapsers[data-slide-parentId='slideS\" + parentid + \"']\"\r\n // ).addClass(\"perm-row-hide\");\r\n // element.attr(\"data-slide-expand\", false);\r\n // } else {\r\n // $(\r\n // \".slide-collapsers[data-slide-parentId='slideS\" + parentid + \"']\"\r\n // ).removeClass(\"perm-row-hide\");\r\n // element.attr(\"data-slide-expand\", true);\r\n // }\r\n }\r\n listScope = (handleChangeScope) => {\r\n return (\r\n \r\n
\r\n {AuthService.canNational() &&\r\n _.isEmpty(this.state.searchTerm) &&\r\n (!this.props.hasParent\r\n ? this.nationalLi(handleChangeScope)\r\n : this.props.isTeamNational &&\r\n this.nationalLi(handleChangeScope))}\r\n\r\n {!_.isEmpty(this.props.scopes) &&\r\n this.props.scopes\r\n .filter(\r\n (itemQ) =>\r\n _.toLower(itemQ.code).includes(\r\n _.toLower(this.state.searchTerm || \"\")\r\n ) ||\r\n itemQ.facility.find(\r\n (itemF) =>\r\n _.toLower(itemF.code).includes(\r\n _.toLower(this.state.searchTerm || \"\")\r\n ) ||\r\n _.toLower(itemF.description).includes(\r\n _.toLower(this.state.searchTerm || \"\")\r\n )\r\n )\r\n )\r\n .map((item, index) => {\r\n return (\r\n \r\n \r\n {!this.props.hasParent ? (\r\n this.regionInput(item, index, handleChangeScope)\r\n ) : this.props.originalScopes[index].isChecked ? (\r\n this.regionInput(item, index, handleChangeScope)\r\n ) : (\r\n \r\n \r\n {item.code}\r\n \r\n \r\n )}\r\n
\r\n {item.facility.length > 0 && (\r\n \r\n )}\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n
{this.listScope(handleChangeScope)}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Scope;\r\n","import $ from \"jquery\";\r\nimport _ from \"lodash\";\r\nexport default {\r\n changeChild: (permissions, e) => {\r\n let Index = -1;\r\n Index = e.target.dataset.index;\r\n let disable = e.target.dataset.disabled;\r\n let ListId = $(e.target)\r\n .parents(\".permissionsList\")\r\n .attr(\"id\");\r\n let checked = false;\r\n if (disable == \"false\") {\r\n checked = e.target.checked;\r\n permissions[Index][e.target.dataset.permission] = checked;\r\n $(e.target).attr(\"data-checked\", checked);\r\n }\r\n if (\r\n ((navigator.platform.toUpperCase().indexOf(\"MAC\") >= 0 &&\r\n e.nativeEvent.metaKey) ||\r\n (navigator.platform.toUpperCase().indexOf(\"MAC\") == -1 &&\r\n e.nativeEvent.ctrlKey)) &&\r\n !_.isEmpty(ListId)\r\n ) {\r\n if (disable == \"true\") {\r\n checked = $(e.target).attr(\"data-checked\") == \"false\";\r\n $(e.target).attr(\"data-checked\", checked);\r\n }\r\n ListId = \"#\" + ListId;\r\n const toggleChild = (parentid) => {\r\n $(\r\n ListId +\r\n \" [data-parent='\" +\r\n parentid +\r\n \"'][data-permission='\" +\r\n e.target.dataset.permission +\r\n \"']\"\r\n ).each(function(i) {\r\n let parentid2 = $(this).attr(\"data-index\");\r\n let disableChild = $(this).attr(\"data-disabled\");\r\n permissions[parentid2][e.target.dataset.permission] =\r\n disableChild == \"false\" ? checked : false;\r\n $(this).attr(\"data-checked\", checked);\r\n if (\r\n $(\r\n ListId +\r\n \" [data-parent='\" +\r\n parentid2 +\r\n \"'][data-permission='\" +\r\n e.target.dataset.permission +\r\n \"']\"\r\n ).length > 0\r\n ) {\r\n toggleChild(parentid2);\r\n }\r\n });\r\n };\r\n toggleChild(Index);\r\n }\r\n return permissions;\r\n },\r\n // Special Team permissions\r\n changeChildST: (permissions, e) => {\r\n let Index = -1;\r\n Index = e.target.dataset.index;\r\n let disable = e.target.dataset.disabled;\r\n let ListId = $(e.target)\r\n .parents(\".permissionsList\")\r\n .attr(\"id\");\r\n let value = -1;\r\n value = parseInt(e.target.dataset.value, 10);\r\n switch (value) {\r\n case 1:\r\n value = 0;\r\n break;\r\n case 0:\r\n value = -1;\r\n break;\r\n case -1:\r\n value = 1;\r\n break;\r\n case -2:\r\n value = 1;\r\n break;\r\n default:\r\n value = value;\r\n break;\r\n }\r\n\r\n $(e.target).attr(\"data-value\", value);\r\n if (disable == \"false\") {\r\n permissions[Index][e.target.dataset.permission] = value;\r\n }\r\n if (\r\n ((navigator.platform.toUpperCase().indexOf(\"MAC\") >= 0 &&\r\n e.nativeEvent.metaKey) ||\r\n (navigator.platform.toUpperCase().indexOf(\"MAC\") == -1 &&\r\n e.nativeEvent.ctrlKey)) &&\r\n !_.isEmpty(ListId)\r\n ) {\r\n ListId = \"#\" + ListId;\r\n const toggleChild = (parentid) => {\r\n $(\r\n ListId +\r\n \" [data-parent='\" +\r\n parentid +\r\n \"'][data-permission='\" +\r\n e.target.dataset.permission +\r\n \"']\"\r\n ).each(function(i) {\r\n let parentid2 = $(this).attr(\"data-index\");\r\n let disableChild = $(this).attr(\"data-disabled\");\r\n permissions[parentid2][e.target.dataset.permission] =\r\n disableChild == \"false\" ? value : -2;\r\n $(this).attr(\"data-value\", value);\r\n if (\r\n $(\r\n ListId +\r\n \" [data-parent='\" +\r\n parentid2 +\r\n \"'][data-permission='\" +\r\n e.target.dataset.permission +\r\n \"']\"\r\n ).length > 0\r\n ) {\r\n toggleChild(parentid2);\r\n }\r\n });\r\n };\r\n toggleChild(Index);\r\n }\r\n return permissions;\r\n },\r\n changeSpecialPermissionsToByte: (Permissions) => {\r\n if (Permissions) {\r\n const byteModified = Permissions.map((item) => {\r\n item.isView = item.isView ? -1 : -2;\r\n item.isAdd = item.isAdd ? -1 : -2;\r\n item.isUpdate = item.isUpdate ? -1 : -2;\r\n item.isDelete = item.isDelete ? -1 : -2;\r\n return item;\r\n }); //Array.isArray(item) ? clone(item) : item);\r\n return byteModified;\r\n }\r\n return [];\r\n },\r\n cloneDefaultPermission: (originalPermissions) =>\r\n originalPermissions.map((item) =>\r\n (({ isView, isAdd, isUpdate, isDelete, id }) => {\r\n return {\r\n id: item.defaultPermissionID,\r\n permissionFeatureId: item.id,\r\n isView,\r\n isAdd,\r\n isUpdate,\r\n isDelete,\r\n };\r\n })(item)\r\n ),\r\n //FromEditTeam\r\n ConvertPermissionToNewScheme: (permissions) => {\r\n let originalPermissions = [];\r\n const createPermissions = (permissions) => {\r\n permissions.map((item) => {\r\n originalPermissions.push(Object.assign({}, item));\r\n if (item.childs) {\r\n createPermissions(item.childs);\r\n }\r\n });\r\n };\r\n createPermissions(permissions);\r\n return originalPermissions;\r\n },\r\n cloneTeamPermission: (originalPermissions) =>\r\n originalPermissions.map((item) =>\r\n (({ isView, isAdd, isUpdate, isDelete, id }) => {\r\n return {\r\n permissionFeatureId: item.id,\r\n isView,\r\n isAdd,\r\n isUpdate,\r\n isDelete,\r\n };\r\n })(item)\r\n ),\r\n createPositionPermissions: (teamPermissions) => {\r\n if (teamPermissions) {\r\n const clone = (originalPermissions) =>\r\n originalPermissions.map((item) =>\r\n (({ isView, isAdd, isUpdate, isDelete }) => ({\r\n permissionFeatureId: item.permissionFeatureId,\r\n isView,\r\n isAdd,\r\n isUpdate,\r\n isDelete,\r\n }))(item)\r\n ); //Array.isArray(item) ? clone(item) : item);\r\n return clone(teamPermissions);\r\n }\r\n return [];\r\n },\r\n changeToFalse(data) {\r\n return data.map((item) => {\r\n item.isChecked = false;\r\n if (item.facility) {\r\n this.changeToFalse(item.facility);\r\n }\r\n return item;\r\n });\r\n },\r\n createSubmissionScopeObject(scopeData) {\r\n let filterScopes = this.filterAllCheckedScope(scopeData);\r\n let scopesArray = [];\r\n filterScopes.map((item) => {\r\n if (item.isChecked) {\r\n scopesArray.push({ RegionId: item.id, FacilityId: null });\r\n } else {\r\n item.facility.map((itemf) => {\r\n if (itemf.isChecked) {\r\n scopesArray.push({\r\n RegionId: itemf.regionId,\r\n FacilityId: itemf.id,\r\n });\r\n }\r\n });\r\n }\r\n });\r\n return scopesArray;\r\n },\r\n filterAllCheckedScope(scopeData) {\r\n var result = _.filter(_.cloneDeep(scopeData), {\r\n facility: [{ isChecked: true }],\r\n });\r\n result = _.map(result, (item) => {\r\n item.facility = item.facility.filter((x) => x.isChecked === true);\r\n return item;\r\n });\r\n return result;\r\n },\r\n\r\n cloneEditPositionPermission(originalPermissions) {\r\n return originalPermissions.map((item) =>\r\n (({ isView, isAdd, isUpdate, isDelete, id }) => {\r\n return {\r\n id: item.teamPositionPermissionID,\r\n permissionFeatureId: item.id,\r\n isView,\r\n isAdd,\r\n isUpdate,\r\n isDelete,\r\n };\r\n })(item)\r\n );\r\n },\r\n textValidation(text) {\r\n let textReg = /^[a-zA-z0-9\\- ]*$/;\r\n const text_States = [\r\n {\r\n state: \"Valid\",\r\n error: \"\",\r\n },\r\n\r\n {\r\n state: \"Not_Match_To_Regex\",\r\n error: \"Please provide only text.\",\r\n },\r\n ];\r\n if (textReg.test(text)) {\r\n return text_States.find(({ state }) => state == \"Valid\").error;\r\n } else {\r\n return text_States.find(({ state }) => state == \"Not_Match_To_Regex\")\r\n .error;\r\n }\r\n },\r\n notNullValidation(text) {\r\n if (text == null || text == \"\") {\r\n return \"Please provide the above value\";\r\n }\r\n return null;\r\n },\r\n handleChangeScopes(e, gameChanger, Data) {\r\n let obj = e.target.dataset.obj;\r\n const checkAll = (scopeData, value) => {\r\n return scopeData.map((item) => {\r\n item.isChecked = value;\r\n if (Array.isArray(item.facility)) {\r\n checkAll(item.facility, value);\r\n }\r\n return item;\r\n });\r\n };\r\n\r\n let index = -1;\r\n switch (obj) {\r\n case \"National\":\r\n gameChanger.isNational = e.target.checked;\r\n gameChanger.Scopes = e.target.checked && [];\r\n if (Data) {\r\n Data = checkAll(Data, e.target.checked);\r\n }\r\n break;\r\n\r\n case \"Region\":\r\n index = Data.findIndex((el) => el.id == e.target.dataset.id);\r\n Data[index].isChecked = e.target.checked;\r\n gameChanger.isNational = false;\r\n if (Array.isArray(Data[index].facility)) {\r\n Data[index].facility = checkAll(\r\n Data[index].facility,\r\n e.target.checked\r\n );\r\n }\r\n gameChanger.Scopes = [];\r\n gameChanger.Scopes = this.createSubmissionScopeObject(Data);\r\n\r\n break;\r\n\r\n case \"Facility\":\r\n gameChanger.isNational = false;\r\n let regionIndex = Data.findIndex((el) => el.id == e.target.dataset.rid);\r\n let f = Data[regionIndex].facility;\r\n index = Data[regionIndex].facility.findIndex(\r\n (el) => el.id == e.target.dataset.id\r\n );\r\n Data[regionIndex].isChecked = !e.target.checked && false;\r\n Data[regionIndex].facility[index].isChecked = e.target.checked;\r\n\r\n gameChanger.Scopes = [];\r\n gameChanger.Scopes = this.createSubmissionScopeObject(Data);\r\n break;\r\n\r\n default:\r\n }\r\n return { gameChanger: gameChanger, Data: Data };\r\n },\r\n};\r\n","import actions from \"./action\";\r\n\r\nconst initialState = {\r\n permissionActiveTab: 1,\r\n openDefaultPermissionModal: false,\r\n showDefaultPermissionModal: false,\r\n openSpecialTeamPermissionModal: false,\r\n loadDataDefaultPermission: false,\r\n loadDataOwnPermission: false,\r\n openAssignMemberModal: false,\r\n openPositionMembersModal: false,\r\n openAssignMultiMemberModal: false,\r\n openEditPositionModal: false,\r\n EditPositionNew: false,\r\n openPositionPSModal: false,\r\n userOwnRecordData: [],\r\n defaultPermissionData: [],\r\n};\r\n\r\nexport default function permission(state = initialState, action) {\r\n switch (action.type) {\r\n case actions.SET_PERMISSION_ACTIVE_TAB:\r\n return {\r\n ...state,\r\n permissionActiveTab: action.payload,\r\n };\r\n case actions.SET_DEFAULT_PERMISSION_DATA:\r\n return {\r\n ...state,\r\n defaultPermissionData: action.payload,\r\n };\r\n case actions.SET_USER_OWN_RECORD_DATA:\r\n return {\r\n ...state,\r\n userOwnRecordData: action.payload,\r\n };\r\n\r\n case actions.OPEN_SPECIAL_TEAM_PERMISSION_MODAL:\r\n return {\r\n ...state,\r\n openSpecialTeamPermissionModal: true,\r\n };\r\n case actions.CLOSE_SPECIAL_TEAM_PERMISSION_MODAL:\r\n return {\r\n ...state,\r\n openSpecialTeamPermissionModal: false,\r\n };\r\n case actions.SET_PERMISSION_ACTIVE_TAB:\r\n return {\r\n ...state,\r\n permissionActiveTab: action.payload,\r\n };\r\n case actions.OPEN_ASSIGN_MEMBER_MODAL:\r\n return {\r\n ...state,\r\n openAssignMemberModal: true,\r\n };\r\n case actions.CLOSE_ASSIGN_MEMBER_MODAL:\r\n return {\r\n ...state,\r\n openAssignMemberModal: false,\r\n };\r\n case actions.OPEN_ASSIGN_MULTI_MEMBER_MODAL:\r\n return {\r\n ...state,\r\n openAssignMultiMemberModal: true,\r\n };\r\n case actions.CLOSE_ASSIGN_MULTI_MEMBER_MODAL:\r\n return {\r\n ...state,\r\n openAssignMultiMemberModal: false,\r\n };\r\n case actions.OPEN_POSITION_MEMBERS_MODAL:\r\n return {\r\n ...state,\r\n openPositionMembersModal: true,\r\n };\r\n case actions.CLOSE_POSITION_MEMBERS_MODAL:\r\n return {\r\n ...state,\r\n openPositionMembersModal: false,\r\n };\r\n case actions.OPEN_EDIT_POSITION_MODAL:\r\n return {\r\n ...state,\r\n openEditPositionModal: true,\r\n editPositionNew: action.payload,\r\n };\r\n case actions.CLOSE_EDIT_POSITION_MODAL:\r\n return {\r\n ...state,\r\n openEditPositionModal: false,\r\n };\r\n case actions.OPEN_POSITION_PERMISSION_SCOPE_MODAL:\r\n return {\r\n ...state,\r\n openPositionPSModal: true,\r\n };\r\n case actions.CLOSE_POSITION_PERMISSION_SCOPE_MODAL:\r\n return {\r\n ...state,\r\n openPositionPSModal: false,\r\n };\r\n case actions.OPEN_DEFAULT_PERMISSION_MODAL:\r\n return {\r\n ...state,\r\n openDefaultPermissionModal: true,\r\n loadDataOwnPermission: true,\r\n\r\n loadDataDefaultPermission: true,\r\n };\r\n case actions.CLOSE_DEFAULT_PERMISSION_MODAL:\r\n return {\r\n ...state,\r\n openDefaultPermissionModal: false,\r\n };\r\n case actions.COMPLETE_LOAD_DATA_DEFAULT_PERMISSION:\r\n return {\r\n ...state,\r\n loadDataDefaultPermission: false,\r\n };\r\n case actions.COMPLETE_LOAD_DATA_OWN_PERMISSION:\r\n return {\r\n ...state,\r\n loadDataOwnPermission: false,\r\n };\r\n case actions.SHOW_DEFAULT_PERMISSION_MODAL:\r\n return {\r\n ...state,\r\n showDefaultPermissionModal: true,\r\n };\r\n case actions.HIDE_DEFAULT_PERMISSION_MODAL:\r\n return {\r\n ...state,\r\n showDefaultPermissionModal: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import React, { Component, Fragment } from \"react\";\r\nimport _ from \"lodash\";\r\nimport \"../../../assets/css/TeamStyle.css\";\r\nimport PermissionAlgo from \"../General/PermissionAlgo\";\r\nimport Services from \"../PermissionService\";\r\nimport $ from \"jquery\";\r\nimport { Button } from \"reactstrap\";\r\nimport permission from \"../../../store/permission/reducer\";\r\n\r\nclass PermissionsST extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n prefix: \"\",\r\n collapse: false,\r\n permissions: [],\r\n applyChild: false,\r\n defaultPermissions: [],\r\n userPermissions: [],\r\n };\r\n this.handleChangeApplyTeam = this.handleChangeApplyTeam.bind(this);\r\n this.handleChangeTeamPermission = this.handleChangeTeamPermission.bind(\r\n this\r\n );\r\n this.handleConfigureDefaultPermission = this.handleConfigureDefaultPermission.bind(\r\n this\r\n );\r\n }\r\n handleChangeApplyTeam(e) {\r\n var checked = e.target.checked;\r\n this.setState({ applyChild: checked });\r\n this.props.handleChangeApplyChild(checked);\r\n }\r\n componentDidMount() {\r\n if (this.props.prefix) {\r\n this.state.prefix = this.props.prefix;\r\n }\r\n if (!_.isEmpty(this.props.permissions)) {\r\n let permissions = PermissionAlgo.changeSpecialPermissionsToByte(\r\n _.cloneDeep(this.props.permissions)\r\n );\r\n this.state.permissions = permissions;\r\n\r\n this.state.userPermissions = _.cloneDeep(this.props.permissions);\r\n }\r\n\r\n this.setState({\r\n prefix: this.state.prefix,\r\n permissions: this.state.permissions,\r\n userPermissions: this.state.userPermissions,\r\n });\r\n this.handleConfigureDefaultPermission();\r\n }\r\n\r\n handleChangeTeamPermission(e) {\r\n e.stopPropagation();\r\n e.nativeEvent.stopImmediatePropagation();\r\n var permissions = this.state.permissions;\r\n this.state.permissions = PermissionAlgo.changeChildST(permissions, e);\r\n this.setState({\r\n permissions: this.state.permissions,\r\n });\r\n this.props.handleChangePermission(this.state.permissions);\r\n }\r\n async handleConfigureDefaultPermission() {\r\n $(\".loading\").show();\r\n let data = await Services.DefaultPermissions();\r\n\r\n if (!_.isEmpty(data)) {\r\n let defaultPermissions = PermissionAlgo.ConvertPermissionToNewScheme(\r\n data.result\r\n );\r\n this.state.defaultPermissions = PermissionAlgo.cloneDefaultPermission(\r\n defaultPermissions\r\n );\r\n await this.setState({\r\n defaultPermissions: this.state.defaultPermissions,\r\n });\r\n }\r\n\r\n $(\".loading\").hide();\r\n }\r\n performSlide(parentid) {\r\n let prefix = this.state.prefix;\r\n let element = $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-Id='\" +\r\n prefix +\r\n \"slide\" +\r\n parentid +\r\n \"']\"\r\n );\r\n let expand = element.attr(\"data-slide-expand\");\r\n\r\n const collapseChild = (parentid, expand) => {\r\n let element = $(\r\n \".\" + prefix + \"slide-collapsers[data-slide-Id='\" + parentid + \"']\"\r\n );\r\n\r\n if (expand) {\r\n $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentId='\" +\r\n parentid +\r\n \"']\"\r\n ).addClass(\"perm-row-hide\");\r\n } else {\r\n let expandChild = element.attr(\"data-slide-expand\");\r\n\r\n if (expandChild == \"true\") {\r\n $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentId='\" +\r\n parentid +\r\n \"']\"\r\n ).removeClass(\"perm-row-hide\");\r\n //this.setState({collapse: false});\r\n }\r\n //in case false\r\n else {\r\n expand = true;\r\n }\r\n }\r\n $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentId='\" +\r\n parentid +\r\n \"']\"\r\n ).each(function(i) {\r\n let parentid2 = $(this).attr(\"data-slide-Id\");\r\n if (\r\n $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentId='\" +\r\n parentid2 +\r\n \"']\"\r\n ).length > 0\r\n ) {\r\n collapseChild(parentid2, expand);\r\n }\r\n });\r\n };\r\n\r\n if (expand == \"true\") {\r\n $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentId='\" +\r\n prefix +\r\n \"slide\" +\r\n parentid +\r\n \"']\"\r\n ).addClass(\"perm-row-hide\");\r\n element.attr(\"data-slide-expand\", false);\r\n $(\"#\" + prefix + \"slide\" + parentid).addClass(\"fa-level-down-alt\");\r\n $(\"#\" + prefix + \"slide\" + parentid).removeClass(\"fa-level-up-alt\");\r\n } else {\r\n $(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentId='\" +\r\n prefix +\r\n \"slide\" +\r\n parentid +\r\n \"']\"\r\n ).removeClass(\"perm-row-hide\");\r\n $(\"#\" + prefix + \"slide\" + parentid).removeClass(\"fa-level-down-alt\");\r\n $(\"#\" + prefix + \"slide\" + parentid).addClass(\"fa-level-up-alt\");\r\n element.attr(\"data-slide-expand\", true);\r\n }\r\n collapseChild(prefix + \"slide\" + parentid, expand == \"true\" ? true : false);\r\n }\r\n\r\n checkChildNode(parentid) {\r\n let { prefix } = this.state;\r\n var getChildNode = document.querySelectorAll(\r\n \".\" +\r\n prefix +\r\n \"slide-collapsers[data-slide-parentid ='\" +\r\n prefix +\r\n \"slide\" +\r\n parentid +\r\n \"']\"\r\n );\r\n if (getChildNode.length > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n render() {\r\n const { listId } = this.props;\r\n const {\r\n prefix,\r\n permissions,\r\n userPermissions,\r\n defaultPermissions,\r\n } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n
VIEW
\r\n
ADD
\r\n
UPDATE
\r\n
DELETE
\r\n
\r\n\r\n
\r\n {permissions.map((item, idx) => {\r\n if (item) {\r\n let rowClasses = \"\";\r\n switch (item.featureType) {\r\n case 1:\r\n rowClasses = \" bg-dark text-white\";\r\n break;\r\n case 2:\r\n rowClasses = \" bg-perm-info text-white perm-row-hide\";\r\n break;\r\n case 3:\r\n rowClasses = \" bg-primary text-white perm-row-hide\";\r\n break;\r\n case 4:\r\n rowClasses = \" perm-row-hide\";\r\n break;\r\n default:\r\n }\r\n let pId2 = $(this).attr(\"data-slide-Id\");\r\n let tempData = _.cloneDeep(permissions)\r\n .splice(0, idx)\r\n .reverse();\r\n let lessIndex = tempData.findIndex(\r\n (x) => x.featureType < permissions[idx].featureType\r\n );\r\n let currentParent =\r\n lessIndex != -1 ? idx - lessIndex - 1 : -1;\r\n let viewCond = userPermissions[idx].isView;\r\n let addCond = userPermissions[idx].isAdd;\r\n let updCond = userPermissions[idx].isUpdate;\r\n let delCond = userPermissions[idx].isDelete;\r\n let viewChildCheck = false;\r\n let addChildCheck = false;\r\n let updChildCheck = false;\r\n let delChildCheck = false;\r\n let lastIndex = userPermissions.length - 1;\r\n if (idx != lastIndex) {\r\n //creating Default permission verifier\r\n let viewDFChildCheckIndex = -1;\r\n let addDFChildCheckIndex = -1;\r\n let updDFChildCheckIndex = -1;\r\n let delDFChildCheckIndex = -1;\r\n //Splicing the permissions\r\n let tempData2 = _.cloneDeep(userPermissions).splice(\r\n idx + 1,\r\n lastIndex\r\n );\r\n //filtering the childrens of the current permission\r\n let lessIndex2 = tempData2.findIndex(\r\n (x) => x.featureType <= userPermissions[idx].featureType\r\n );\r\n //if there is all are child no next item with greater them then\r\n if (lessIndex2 == -1) {\r\n //since ther is no greater item then we will save the lover items length for splice\r\n lessIndex2 = tempData2.filter(\r\n (x) => x.featureType > userPermissions[idx].featureType\r\n ).length;\r\n }\r\n //first we check we have default permission or not\r\n if (!_.isEmpty(defaultPermissions)) {\r\n //splice for get all children\r\n let tempDFData2 = _.cloneDeep(defaultPermissions).splice(\r\n idx + 1,\r\n lessIndex2\r\n );\r\n viewDFChildCheckIndex = tempDFData2.findIndex(\r\n (x) => x.isView == true\r\n );\r\n addDFChildCheckIndex = tempDFData2.findIndex(\r\n (x) => x.isAdd == true\r\n );\r\n updDFChildCheckIndex = tempDFData2.findIndex(\r\n (x) => x.isUpdate == true\r\n );\r\n delDFChildCheckIndex = tempDFData2.findIndex(\r\n (x) => x.isDelete == true\r\n );\r\n }\r\n\r\n //splice for get all children\r\n tempData2 = _.cloneDeep(permissions).splice(\r\n idx + 1,\r\n lessIndex2\r\n );\r\n viewChildCheck =\r\n viewDFChildCheckIndex != -1 &&\r\n !_.isEmpty(tempData2) &&\r\n tempData2[viewDFChildCheckIndex].isView == 0\r\n ? true\r\n : tempData2.findIndex((x) => x.isView == 1) != -1;\r\n addChildCheck =\r\n addDFChildCheckIndex != -1 &&\r\n !_.isEmpty(tempData2) &&\r\n tempData2[addDFChildCheckIndex].isAdd == 0\r\n ? true\r\n : tempData2.findIndex((x) => x.isAdd == 1) != -1;\r\n updChildCheck =\r\n updDFChildCheckIndex != -1 &&\r\n !_.isEmpty(tempData2) &&\r\n tempData2[updDFChildCheckIndex].isUpdate == 0\r\n ? true\r\n : tempData2.findIndex((x) => x.isUpdate == 1) != -1;\r\n delChildCheck =\r\n delDFChildCheckIndex != -1 &&\r\n !_.isEmpty(tempData2) &&\r\n tempData2[delDFChildCheckIndex].isDelete == 0\r\n ? true\r\n : tempData2.findIndex((x) => x.isDelete == 1) != -1;\r\n }\r\n let viewDFCond = false;\r\n let addDFCond = false;\r\n let updDFCond = false;\r\n let delDFCond = false;\r\n\r\n if (!_.isEmpty(defaultPermissions)) {\r\n try {\r\n viewDFCond = defaultPermissions[idx].isView;\r\n addDFCond = defaultPermissions[idx].isAdd;\r\n updDFCond = defaultPermissions[idx].isUpdate;\r\n delDFCond = defaultPermissions[idx].isDelete;\r\n } catch (e) {}\r\n }\r\n\r\n return (\r\n
\r\n {\r\n this.performSlide(idx);\r\n }}\r\n data-slide-expand={false}\r\n data-slide-Id={prefix + \"slide\" + idx}\r\n data-slide-parentId={\r\n currentParent != -1 &&\r\n prefix + \"slide\" + currentParent\r\n }\r\n featureTypeId={permissions[idx].featureType}\r\n >\r\n \r\n {permissions[idx].featureName}\r\n {permissions[idx].featureType != 4 &&\r\n this.checkChildNode(idx) == true && (\r\n \r\n )}\r\n
\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n );\r\n }\r\n })}\r\n
\r\n
\r\n {!_.isEmpty(this.state.userPermissions) && (\r\n
\r\n \r\n Apply to Child Teams\r\n \r\n
\r\n )}\r\n
\r\n {!_.isEmpty(positionTypes) && (\r\n <>\r\n Position Types: \r\n {positionTypes.map((item) => (\r\n \r\n \r\n {item.positiontype}\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n {!_.isEmpty(this.state.teams) && (\r\n <>\r\n Teams: \r\n \r\n );\r\n };\r\n handleChangeTeams(e, submissionObject, Data) {\r\n let obj = e.target.dataset.obj;\r\n const checkAll = (teamData, value) => {\r\n return teamData.map((item) => {\r\n item.isChecked = value;\r\n if (Array.isArray(item.facility)) {\r\n checkAll(item.facility, value);\r\n }\r\n return item;\r\n });\r\n };\r\n\r\n let index = -1;\r\n switch (obj) {\r\n case \"National\":\r\n submissionObject.isNational = e.target.checked;\r\n submissionObject.teams = e.target.checked && [];\r\n if (Data) {\r\n Data = checkAll(Data, e.target.checked);\r\n }\r\n break;\r\n\r\n case \"Region\":\r\n index = Data.findIndex((el) => el.id == e.target.dataset.id);\r\n Data[index].isChecked = e.target.checked;\r\n submissionObject.isNational = false;\r\n if (Array.isArray(Data[index].facility)) {\r\n Data[index].facility = checkAll(\r\n Data[index].facility,\r\n e.target.checked\r\n );\r\n }\r\n submissionObject.teams = [];\r\n submissionObject.teams = this.createSubmissionTeamObject(Data);\r\n\r\n break;\r\n\r\n case \"Facility\":\r\n submissionObject.isNational = false;\r\n let regionIndex = Data.findIndex((el) => el.id == e.target.dataset.rid);\r\n let f = Data[regionIndex].facility;\r\n index = Data[regionIndex].facility.findIndex(\r\n (el) => el.id == e.target.dataset.id\r\n );\r\n Data[regionIndex].isChecked = !e.target.checked && false;\r\n Data[regionIndex].facility[index].isChecked = e.target.checked;\r\n\r\n submissionObject.teams = [];\r\n submissionObject.teams = this.createSubmissionTeamObject(Data);\r\n break;\r\n\r\n default:\r\n }\r\n return { gameChanger: submissionObject, Data: Data };\r\n }\r\n handleChangeTeam(e) {\r\n let Result = this.handleChangeTeams(\r\n e,\r\n this.state.submissionObject,\r\n this.state.teams\r\n );\r\n this.state.teamData = Result.Data;\r\n this.state.submissionObject = Result.gameChanger;\r\n this.setState({\r\n submissionObject: this.state.submissionObject,\r\n teams: this.state.teams,\r\n }); //************************\r\n }\r\n sectionLoader = () => {\r\n this.setHeading();\r\n switch (this.state.step) {\r\n case 1:\r\n default:\r\n return this.teamsPositionType();\r\n break;\r\n case 2:\r\n return this.teamPermissions();\r\n break;\r\n }\r\n };\r\n async getTeamsAndPositionTypes() {\r\n $(\".loading\").show();\r\n let data = await Services.TeamPositionTypes();\r\n\r\n if (data != null) {\r\n await this.setState({ positionTypes: data.result });\r\n }\r\n data = await Services.TeamScopes(null);\r\n !_.isEmpty(data) && (await this.setState({ teams: data.result }));\r\n\r\n $(\".loading\").hide();\r\n }\r\n\r\n handleChangeTeamPermission(permissions) {\r\n this.state.submissionObject.permissions = _.cloneDeep(permissions).filter(\r\n (item) =>\r\n item.isView > -1 ||\r\n item.isAdd > -1 ||\r\n item.isUpdate > -1 ||\r\n item.isDelete > -1\r\n );\r\n this.setState({\r\n submissionObject: this.state.submissionObject,\r\n });\r\n }\r\n handleChangeApplyChild(applyChild) {\r\n this.state.submissionObject.applyChild = applyChild;\r\n this.setState({\r\n submissionObject: this.state.submissionObject,\r\n });\r\n }\r\n\r\n performSlide(parentid) {\r\n let element = $(\".slide-collapsers[data-slide-Id='slide\" + parentid + \"']\");\r\n let expand = element.attr(\"data-slide-expand\");\r\n\r\n const collapseChild = (parentid, expand) => {\r\n let element = $(\".slide-collapsers[data-slide-Id='\" + parentid + \"']\");\r\n\r\n if (expand) {\r\n $(\".slide-collapsers[data-slide-parentId='\" + parentid + \"']\").addClass(\r\n \"perm-row-hide\"\r\n );\r\n } else {\r\n let expandChild = element.attr(\"data-slide-expand\");\r\n\r\n if (expandChild == \"true\") {\r\n $(\r\n \".slide-collapsers[data-slide-parentId='\" + parentid + \"']\"\r\n ).removeClass(\"perm-row-hide\");\r\n }\r\n //in case false\r\n else {\r\n expand = true;\r\n }\r\n }\r\n $(\".slide-collapsers[data-slide-parentId='\" + parentid + \"']\").each(\r\n function(i) {\r\n let parentid2 = $(this).attr(\"data-slide-Id\");\r\n if (\r\n $(\".slide-collapsers[data-slide-parentId='\" + parentid2 + \"']\")\r\n .length > 0\r\n ) {\r\n collapseChild(parentid2, expand);\r\n }\r\n }\r\n );\r\n };\r\n\r\n if (expand == \"true\") {\r\n $(\r\n \".slide-collapsers[data-slide-parentId='slide\" + parentid + \"']\"\r\n ).addClass(\"perm-row-hide\");\r\n element.attr(\"data-slide-expand\", false);\r\n } else {\r\n $(\r\n \".slide-collapsers[data-slide-parentId='slide\" + parentid + \"']\"\r\n ).removeClass(\"perm-row-hide\");\r\n element.attr(\"data-slide-expand\", true);\r\n }\r\n collapseChild(\"slide\" + parentid, expand == \"true\" ? true : false);\r\n }\r\n\r\n handleSaveTeamPermission = async (e) => {\r\n $(\".loading\").show();\r\n if (this.validateTeamPermissions()) {\r\n let data = await Services.EditSpecialTeamPermission(\r\n this.state.submissionObject\r\n );\r\n if (!_.isEmpty(data)) {\r\n if (data.statusCode == 200) {\r\n toast.success(data.message);\r\n //this.props.BulkProcessStart();\r\n this.cancelModal();\r\n }\r\n }\r\n }\r\n\r\n $(\".loading\").hide();\r\n };\r\n verifyPositionTypeTeam = (e) => {\r\n /*Verify Team Detail Code*/\r\n /*End Of Verify Team Detail Code*/\r\n if (this.validatePositionTypeTeam()) {\r\n // this.state.submissionObject.Permissions = [];\r\n this.setState({\r\n step: 2,\r\n /* teamPermissions: [],*/ submissionObject: this.state.submissionObject,\r\n });\r\n }\r\n };\r\n verifyData = (e) => {\r\n e.preventDefault();\r\n switch (this.state.step) {\r\n case 1:\r\n this.verifyPositionTypeTeam();\r\n break;\r\n case 2:\r\n this.verifyPermissions();\r\n break;\r\n default:\r\n this.setState({ step: 1 });\r\n break;\r\n }\r\n };\r\n backwardSection = (e) => {\r\n e.preventDefault();\r\n switch (this.state.step) {\r\n case 2:\r\n default:\r\n // this.handleResetTeamPermission();\r\n this.setState({ step: 1 });\r\n break;\r\n }\r\n };\r\n backButton = () => {\r\n return (\r\n this.state.step > 1 && (\r\n \r\n Back\r\n \r\n )\r\n );\r\n };\r\n nextButton = () => {\r\n return (\r\n \r\n \r\n
{this.backButton()}
\r\n
\r\n
\r\n {this.cancelButtonBottom()}\r\n \r\n Next\r\n \r\n
\r\n
\r\n
\r\n );\r\n };\r\n validatePositionTypeTeam() {\r\n if (this.state.submissionObject.positionTypeIds.length > 0) {\r\n if (\r\n this.state.submissionObject.teams.length > 0 ||\r\n this.state.submissionObject.isNational\r\n ) {\r\n return true;\r\n } else {\r\n toast.error(\"Please Select Team.\");\r\n return false;\r\n }\r\n } else {\r\n toast.error(\"Please provide Select Position Type.\");\r\n return false;\r\n }\r\n }\r\n\r\n cancelModal = (e) => {\r\n this.setState({\r\n openModal: false,\r\n step: 1,\r\n teams: [],\r\n positionTypes: [],\r\n userPermissions: [],\r\n submissionObject: {\r\n isNational: false,\r\n positionTypeIds: [],\r\n teams: [],\r\n applyChild: false,\r\n permissions: [],\r\n },\r\n });\r\n };\r\n\r\n buttonLoader = () => {\r\n switch (this.state.step) {\r\n case 1:\r\n default:\r\n return this.nextButton();\r\n break;\r\n case 2:\r\n return this.savePermissionButton();\r\n break;\r\n }\r\n };\r\n\r\n cancelButtonLoader = () => {\r\n return (\r\n \r\n × \r\n \r\n );\r\n };\r\n\r\n teamPermissions = () => {\r\n return (\r\n <>\r\n \r\n \r\n All the permissions that change to Turn OFF will also Turn OFF for\r\n the positions, child teams and child teams positions. However, If\r\n you change the permissions to Turn ON will not Turn ON for the child\r\n teams and child teams positions until and unless{\" \"}\r\n Apply to Child Teams checkbox is\r\n not checked\r\n \r\n \r\n The permissions toggles are designed as three-way switches, with\r\n colors representing specific meanings:\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {AuthService.canSPAdd}\r\n \r\n Cancel\r\n \r\n );\r\n };\r\n\r\n savePermissionButton = () => {\r\n return (\r\n \r\n \r\n
{this.backButton()}
\r\n
\r\n
\r\n {this.cancelButtonBottom()}\r\n \r\n Save\r\n \r\n
\r\n
\r\n
\r\n );\r\n };\r\n\r\n validateTeamPermissions() {\r\n let teamPermissions = this.state.submissionObject.permissions;\r\n let ValidData = teamPermissions.length;\r\n\r\n if (ValidData > 0) {\r\n return true;\r\n } else {\r\n toast.error(\"Please set appropriate permission.\");\r\n return false;\r\n }\r\n }\r\n\r\n savePermissionData = (e) => {\r\n this.handleSaveTeamPermission();\r\n };\r\n\r\n async componentDidUpdate(prevprops) {\r\n if (this.props.permissionState.openSpecialTeamPermissionModal) {\r\n this.getTeamsAndPositionTypes();\r\n this.handleConfigurePermissionSection();\r\n\r\n this.openModal();\r\n }\r\n }\r\n\r\n openModal() {\r\n this.setState({\r\n openModal: true,\r\n });\r\n this.props.closeSpecialTeamPermissionModal();\r\n }\r\n\r\n componentDidMount() {\r\n // this.GetPermissions();\r\n\r\n window.onunload = function() {\r\n $('[data-toggle=\"tooltipApplyChild\"]').tooltip();\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {this.state.modalheading}\r\n \r\n {this.sectionLoader()} \r\n {this.buttonLoader()} \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({ permissionState: state.permission }), {\r\n ...PermissionAction,\r\n})(SpecialTeamPermission);\r\n","import { toast } from \"react-toastify\";\r\nimport axios from \"../../modules/Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\n\r\nexport default {\r\n AddUpdateQuestions: async (formdata) => {\r\n let url = \"/api/Registrations/AddUpdateQuestions\";\r\n var { data } = await axios.post(url, formdata);\r\n\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n AddUpdateQuestionAnswers: async (formdata) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/AddUpdateQuestionAnswers\";\r\n var { data } = await axios.post(url, formdata);\r\n $(\".loading\").hide();\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetOpenedEventDetails: async (occasionId) => {\r\n let url = `/api/Registrations/GetOpenedEventDetails?occasionId=${occasionId}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data &&\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n var res = data.result || {};\r\n if (data.result == null) {\r\n res.regisExists = false;\r\n } else {\r\n res.regisExists = true;\r\n }\r\n return res;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n SubmitOpenedRegistration: async (formdata) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/SubmitOpenedRegistration\";\r\n var { data } = await axios.post(url, formdata);\r\n $(\".loading\").hide();\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetSystemQuestions: async () => {\r\n let url = \"/api/Registrations/GetSystemQuestions\";\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetOccasionRegistrationQuestions: async (occasionId) => {\r\n let url =\r\n \"/api/Registrations/GetOccasionRegistrationQuestions?occasionId=\" +\r\n occasionId;\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetOpenedRegistrations: async (showClosed, isSuperAdmin, isBasicAdmin) => {\r\n let url = `/api/Registrations/GetOpenedRegistrations?showClosed=${showClosed}&isSuperAdmin=${isSuperAdmin}&isBasicAdmin=${isBasicAdmin}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetMyRegistrations: async () => {\r\n let url = \"/api/Registrations/GetMyRegistrations\";\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetAdminChildTemplates: async () => {\r\n let url = \"/api/Registrations/GetAdminChildTemplates\";\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetAdminTemplates: async () => {\r\n let url = \"/api/Registrations/GetAdminTemplates\";\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetTemplateAttachments: async (templateId) => {\r\n let url = `/api/Registrations/GetTemplateAttachments/${templateId}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n DeleteTemplateFile: async (filePath) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/DeleteFile?filePath=${filePath}`;\r\n var { data } = await axios.post(url);\r\n\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n $(\".loading\").hide();\r\n toast.success(\"File delete successfully.\");\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n GetDiscountCodes: async () => {\r\n let url = \"/api/Registrations/GetDiscountCodes\";\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n DeleteDiscountCode: async (id) => {\r\n let url = `/api/Registrations/DeleteDiscountCode?discountId=${id}`;\r\n $(\".loading\").show();\r\n var { data } = await axios.get(url);\r\n $(\".loading\").hide();\r\n\r\n if (data.message == \"Success\") {\r\n toast.success(\"Record deleted successfully\");\r\n $(\".loading\").hide();\r\n return data;\r\n }\r\n\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n },\r\n\r\n deleteTemplateService: async (id) => {\r\n let url = `/api/Registrations/DeleteTemplate?templateId=${id}`;\r\n $(\".loading\").show();\r\n var { data } = await axios.get(url);\r\n $(\".loading\").hide();\r\n\r\n if (data.message == \"Success\") {\r\n toast.success(\"Record deleted successfully\");\r\n $(\".loading\").hide();\r\n return data;\r\n }\r\n\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n },\r\n\r\n GetRegistrationsByMemberId: async (memberId) => {\r\n let url = `/api/Registrations/GetRegistrationsByMemberId/${memberId}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n GetChildTemplateById: async (templateId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetChildTemplateByIdAsync/${templateId}`;\r\n var { data } = await axios.get(url);\r\n $(\".loading\").hide();\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n //toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n GetMasterTemplateById: async (templateId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetMasterTemplateByIdAsync/${templateId}`;\r\n var { data } = await axios.get(url);\r\n $(\".loading\").hide();\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n //toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n DeleteQuestion: async (id) => {\r\n let url = \"/api/Registrations/DeleteQuestion/\";\r\n $(\".loading\").show();\r\n var { data } = await axios.post(url, null, {\r\n params: { id: id },\r\n });\r\n $(\".loading\").hide();\r\n\r\n if (data.status == \"Success\") {\r\n return data;\r\n } else {\r\n return null;\r\n }\r\n },\r\n RemoveRegistration: async (id) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/RemoveRegistrationById/${id}`;\r\n var { data } = await axios.delete(url).catch((ex) => {\r\n console.log(ex);\r\n $(\".loading\").hide();\r\n });\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n\r\n CancelRegistration: async (id) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/CancelRegistration\";\r\n var { data } = await axios.post(url, null, {\r\n params: {\r\n registrationId: id == null ? 0 : id,\r\n },\r\n });\r\n\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n toast.error(\"Registration Cancelled.\");\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n CancelOccasion: async (id) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/CancelChildTemplate\";\r\n var { data } = await axios.post(url, null, {\r\n params: {\r\n occasionId: id == null ? 0 : id,\r\n },\r\n });\r\n\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n toast.success(\"Registration Cancelled.\");\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n PauseRegistrationSteps: async (id) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/PauseRegistrationSteps\";\r\n var { data } = await axios.post(url, null, {\r\n params: {\r\n occasionId: id == null ? 0 : id,\r\n },\r\n });\r\n\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(\"Invalid Request\");\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n\r\n GetPendingApprovalRegistrations: async () => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/GetPendingApprovalRegistrations\";\r\n var { data } = await axios.get(url);\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n GetAdminRegisRecords: async () => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/GetAdminRegisRecords\";\r\n var { data } = await axios.get(url);\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n GetOccasionRegQuestionsWithAnswers: async (occasionId, registrationId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetOccasionRegQuestionsWithAnswers?occasionId=${occasionId}®istrationId=${registrationId}`;\r\n var { data } = await axios.get(url);\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n\r\n GetAttendanceChildTemplateRegistrants: async (occasionId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetAttendanceChildTemplateRegistrants?childTemplateId=${occasionId}`;\r\n var { data } = await axios.get(url);\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n GetChildTemplateRegistrants: async (occasionId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetChildTemplateRegistrants?childTemplateId=${occasionId}`;\r\n var { data } = await axios.get(url);\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n GetChildTemplateInstructors: async (occasionId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetChildTemplateInstructors?childTemplateId=${occasionId}`;\r\n var { data } = await axios.get(url);\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n ReviewRequest: async (formdata) => {\r\n let url = \"/api/Registrations/ReviewRequest\";\r\n var { data } = await axios.post(url, formdata);\r\n\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n AddAdditionalStudent: async (formdata) => {\r\n let url = \"/api/Registrations/AddAdditionalStudents\";\r\n $(\".loading\").show();\r\n var { data } = await axios.post(url, formdata);\r\n\r\n if (data.status && data.status == \"Success\") {\r\n $(\".loading\").hide();\r\n toast.success(\"Created Additional Registrant(s).\");\r\n return data.response;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n GetAdditionalStudents: async (childTemplateId) => {\r\n let url = `/api/Registrations/GetAdditionalStudents?childTemplateId=${childTemplateId}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (data.status && data.status == \"Success\") {\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n MarkAttendance: async (formdata) => {\r\n let url = \"/api/Registrations/MarkAttendance\";\r\n var { data } = await axios.post(url, formdata);\r\n\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetPreRequisites: async () => {\r\n let url = \"/api/Registrations/GetPreRequisites\";\r\n var { data } = await axios.get(url);\r\n\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data.result;\r\n } else {\r\n //toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n GetLastTemplateRecord: async (templateType) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetLastTemplateRecord?templateType=${templateType}`;\r\n var { data } = await axios.get(url);\r\n $(\".loading\").hide();\r\n if (\r\n data.statusCode &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n return data;\r\n } else {\r\n //toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n SaveMasterTemplate: async (formdata) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/SaveMasterTemplate\";\r\n var { data } = await axios.post(url, formdata, {\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n });\r\n $(\".loading\").hide();\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n SaveChildTemplate: async (formdata) => {\r\n $(\".loading\").show();\r\n let url = \"/api/Registrations/SaveChildTemplate\";\r\n var { data } = await axios.post(url, formdata, {\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n });\r\n $(\".loading\").hide();\r\n if (data.status && data.status == \"Success\") {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n\r\n SaveDiscountCode: async (formdata) => {\r\n let url = \"/api/Registrations/SaveDiscountCode\";\r\n $(\".loading\").show();\r\n var { data } = await axios.post(url, formdata);\r\n\r\n if (data.message && data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n toast.success(\"Record saved successfully.\");\r\n return data;\r\n }\r\n\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n },\r\n\r\n GetDiscountCodeById: async (discountId) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/GetDiscountCodeById?discountId=${discountId}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (data.message == \"Success\") {\r\n $(\".loading\").hide();\r\n return data.result;\r\n }\r\n\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n },\r\n\r\n LoadMembers: async (searchTerms, offset, fetch) => {\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/Permission/Members?searchTerms=` +\r\n searchTerms +\r\n `&offset=0&fetch=10`\r\n : `api/Permission/Members?searchTerms=` +\r\n searchTerms +\r\n `&offset=` +\r\n offset +\r\n `&fetch=` +\r\n fetch;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode) {\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n },\r\n GetEmailDetails: async (entityId, mailGunEmailType) => {\r\n if (entityId > 0) {\r\n let url = `/api/FacilityRegionEmail/EntityEmailExists?entityId=${entityId}&entityType=${mailGunEmailType}`;\r\n var { data } = await axios.get(url);\r\n if (data.status == \"success\") {\r\n return data;\r\n } else {\r\n toast.error(\"Something went wrong.\");\r\n return null;\r\n }\r\n } else {\r\n toast.error(\"Invalid Parameter.\");\r\n }\r\n },\r\n\r\n CreateFRTEmail: async (\r\n emailAlias,\r\n entityId,\r\n mailGunEmailType,\r\n mailingListName,\r\n privilege,\r\n replyPref,\r\n emailAuthorizedSenders //FormBody\r\n ) => {\r\n if (entityId > 0) {\r\n $(\".loading\").show();\r\n let url = `/api/FacilityRegionEmail/CreateEntityEmail?emailAlias=${emailAlias}&entityId=${entityId}&entityType=${mailGunEmailType}&mailingListName=${mailingListName}&selectedPrivilige=${privilege}&replyPref=${replyPref}`;\r\n let response = await axios.post(url, emailAuthorizedSenders); \r\n let { data } = response;\r\n $(\".loading\").hide();\r\n ///debugger\r\n if (\r\n response &&\r\n data.status != undefined &&\r\n data.status.trim().toLowerCase() === \"success\"\r\n ) {\r\n toast.success(data.message);\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n return null;\r\n }\r\n \r\n }\r\n },\r\n GetMailingListSubsribersEmailAddresses: async (mailingListAddress) => {\r\n $(\".loading\").show();\r\n let url = `/api/MailGun/GetMailingListSubsribersEmailAddresses?listAlias=${mailingListAddress}`;\r\n var { data } = await axios.post(url);\r\n if (data.success) {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n DiscountFeeCalculation: async (fromBody) => {\r\n $(\".loading\").show();\r\n let url = `/api/Payments/DiscountFeeCalculation`;\r\n var { data } = await axios.post(url, fromBody);\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n ApplyDiscount: async (fromBody) => {\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/ApplyDiscount`;\r\n var { data } = await axios.post(url, fromBody);\r\n if (\r\n data.statusCode == 200 &&\r\n data.message &&\r\n data.message.toLowerCase() == \"success\"\r\n ) {\r\n $(\".loading\").hide();\r\n return data;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n RemoveDiscountCode: async (formBody) => {\r\n let { discountId = 0, occasionId = 0 } = formBody;\r\n if (!discountId) {\r\n toast.warn(\"Invalid discount id.\");\r\n return;\r\n }\r\n if (!occasionId) {\r\n toast.warn(\"Invalid occasion id.\");\r\n return;\r\n }\r\n $(\".loading\").show();\r\n let url = `/api/Registrations/RemoveDiscount?discountId=${discountId}&childTemplateId=${occasionId}`;\r\n var { data } = await axios.get(url);\r\n if (data.statusCode == 200) {\r\n $(\".loading\").hide();\r\n toast.success(data.message);\r\n return data.result;\r\n } else {\r\n toast.error(data.message);\r\n $(\".loading\").hide();\r\n return null;\r\n }\r\n },\r\n CheckEmailAliasValidity: async (alias) => {\r\n let url = `/api/Email/CheckIsValidEmailAlias?emailAlias=${alias}`;\r\n var { data } = await axios.get(url);\r\n\r\n if (data.statusCode == 200) {\r\n return data;\r\n }\r\n\r\n toast.error(data.message);\r\n return null;\r\n },\r\n};\r\n","import _ from \"lodash\";\r\nimport { toast } from \"react-toastify\";\r\nimport RegistrationsService from \"../../modules/Registrations/RegistrationsService\";\r\nconst actions = {\r\n SET_USER_HEADER_ACTIVE_TAB: \"SET_USER_HEADER_ACTIVE_TAB\",\r\n SET_ADMIN_HEADER_ACTIVE_TAB: \"SET_ADMIN_HEADER_ACTIVE_TAB\",\r\n OPEN_ADD_TEMPLATE_MODAL: \"OPEN_ADD_TEMPLATE_MODAL\",\r\n CLOSE_ADD_TEMPLATE_MODAL: \"CLOSE_ADD_TEMPLATE_MODAL\",\r\n OPEN_ADD_DISCOUNT_MODAL: \"OPEN_ADD_DISCOUNT_MODAL\",\r\n CLOSE_ADD_DISCOUNT_MODAL: \"CLOSE_ADD_DISCOUNT_MODAL\",\r\n TOGGLE_ADD_QUESTION_MODAL: \"TOGGLE_ADD_QUESTION_MODAL\",\r\n SET_OPEN_REG_ROW: \"SET_OPEN_REG_ROW\",\r\n SET_REG_QUESTIONS: \"SET_REG_QUESTIONS\",\r\n GET_MEMBER_PROFILE_REGISTRATIONS: \"GET_MEMBER_PROFILE_REGISTRATIONS\",\r\n SET_PROFILE_REGIS_LOADING: \"SET_PROFILE_REGIS_LOADING\",\r\n TOGGLE_MEM_REG_ACCORDION: \"TOGGLE_MEM_REG_ACCORDION\",\r\n SET_OPEN_REGISTRATIONS: \"SET_OPEN_REGISTRATIONS\",\r\n SET_ADMIN_CHILD_TEMPLATES: \"SET_ADMIN_CHILD_TEMPLATES\",\r\n SET_PAYMENT_STATUS: \"SET_PAYMENT_STATUS\",\r\n SET_PENDING_APVL_REGIS_LIST: \"SET_PENDING_APVL_REGIS_LIST\",\r\n SET_ADMIN_REGIS_LIST: \"SET_ADMIN_REGIS_LIST\",\r\n SET_ADMIN_REGIS_INSTR_LIST: \"SET_ADMIN_REGIS_INSTR_LIST\",\r\n\r\n SET_PENDING_APVL_LST_LOADER: \"SET_PENDING_APVL_LST_LOADER\",\r\n SET_ADMIN_REGIS_LST_LOADER: \"SET_ADMIN_REGIS_LST_LOADER\",\r\n SELECT_ADDTL_REGISTRANT_MEMBER: \"SELECT_ADDTL_REGISTRANT_MEMBER\",\r\n DE_SELECT_ADDTL_REGISTRANT_MEMBER: \"DE_SELECT_ADDTL_REGISTRANT_MEMBER\",\r\n ADD_MULTIPLE_REGISTRANT_MEMBERS: \"ADD_MULTIPLE_REGISTRANT_MEMBERS\",\r\n REMOVE_STAND_BY_ADDTL_REGIS_MEMS: \"REMOVE_STAND_BY_ADDTL_REGIS_MEMS\",\r\n SET_TEMPLATE_ATTACHMENTS_LOADING: \"SET_TEMPLATE_ATTACHMENTS_LOADING\",\r\n SET_TEMPLATE_ATTACHMENTS_FILES: \"SET_TEMPLATE_ATTACHMENTS_FILES\",\r\n SLICE_TEMPLATE_ATTACHMENTS_FILES: \"SLICE_TEMPLATE_ATTACHMENTS_FILES\",\r\n DELETE_TEMPLATE_FILE: \"DELETE_TEMPLATE_FILE\",\r\n\r\n SET_ADDTL_STD: \"SET_ADDTL_STD\",\r\n // ************************Action Methods*************************/\r\n setUserHeaderActiveTab: (tab) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_USER_HEADER_ACTIVE_TAB,\r\n payload: tab,\r\n });\r\n },\r\n\r\n setAdminHeaderActiveTab: (tab) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_ADMIN_HEADER_ACTIVE_TAB,\r\n payload: tab,\r\n });\r\n },\r\n\r\n openAddTemplateModal: (detail) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_ADD_TEMPLATE_MODAL,\r\n payload: detail,\r\n });\r\n },\r\n\r\n closeAddTemplateModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_ADD_TEMPLATE_MODAL,\r\n });\r\n },\r\n\r\n openAddDiscountModal: (detail) => (dispatch) => {\r\n dispatch({\r\n type: actions.OPEN_ADD_DISCOUNT_MODAL,\r\n payload: detail,\r\n });\r\n },\r\n\r\n closeAddDiscountModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.CLOSE_ADD_DISCOUNT_MODAL,\r\n });\r\n },\r\n\r\n toggleAddQuestionModal: () => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_ADD_QUESTION_MODAL,\r\n });\r\n },\r\n\r\n setSelectedOpenRegRow: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_OPEN_REG_ROW,\r\n payload: val,\r\n });\r\n },\r\n setRegistrationQuestions: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.SET_REG_QUESTIONS,\r\n payload: val,\r\n });\r\n },\r\n\r\n toggleMemberRegistrationsAccordion: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_MEM_REG_ACCORDION,\r\n payload: val,\r\n });\r\n },\r\n getMemberProfileRegistrations: (memberId) => async (dispatch) => {\r\n dispatch({\r\n type: actions.SET_PROFILE_REGIS_LOADING,\r\n payload: true,\r\n });\r\n let data = await RegistrationsService.GetRegistrationsByMemberId(memberId);\r\n if (!_.isEmpty(data)) {\r\n if (data.statusCode == 200) {\r\n dispatch({\r\n type: actions.GET_MEMBER_PROFILE_REGISTRATIONS,\r\n payload: data.result != null ? data.result : [],\r\n });\r\n }\r\n }\r\n dispatch({\r\n type: actions.SET_PROFILE_REGIS_LOADING,\r\n payload: false,\r\n });\r\n },\r\n reloadOpenRegistrations: (\r\n includeClosed,\r\n isSuperAdmin,\r\n isBasicAdmin\r\n ) => async (dispatch) => {\r\n let data = await RegistrationsService.GetOpenedRegistrations(\r\n includeClosed,\r\n isSuperAdmin,\r\n isBasicAdmin\r\n );\r\n if (!_.isEmpty(data)) {\r\n if (data.statusCode == 200) {\r\n var response = data.result != null ? data.result : [];\r\n if (isSuperAdmin || isBasicAdmin) {\r\n dispatch({\r\n type: actions.SET_ADMIN_CHILD_TEMPLATES,\r\n payload: response,\r\n });\r\n } else {\r\n dispatch({\r\n type: actions.SET_OPEN_REGISTRATIONS,\r\n payload: response,\r\n });\r\n }\r\n }\r\n } else {\r\n dispatch({\r\n type: actions.SET_OPEN_REGISTRATIONS,\r\n payload: [],\r\n });\r\n dispatch({\r\n type: actions.SET_ADMIN_CHILD_TEMPLATES,\r\n payload: [],\r\n });\r\n }\r\n },\r\n setRegPaymentStatus: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_PAYMENT_STATUS,\r\n payload: val,\r\n });\r\n },\r\n setRegisChildTemplateInstructors: (val) => async (dispatch) => {\r\n await dispatch({\r\n type: actions.SET_ADMIN_REGIS_INSTR_LIST,\r\n payload: val,\r\n });\r\n },\r\n getPendingApprovalRegistrations: () => async (dispatch) => {\r\n dispatch({\r\n type: actions.SET_PENDING_APVL_LST_LOADER,\r\n payload: true,\r\n });\r\n let data = await RegistrationsService.GetPendingApprovalRegistrations();\r\n if (!_.isEmpty(data)) {\r\n if (data.statusCode == 200) {\r\n let registrations = data.result != null ? data.result : [];\r\n\r\n dispatch({\r\n type: actions.SET_PENDING_APVL_LST_LOADER,\r\n payload: false,\r\n });\r\n await dispatch({\r\n type: actions.SET_PENDING_APVL_REGIS_LIST,\r\n payload: registrations,\r\n });\r\n }\r\n } else {\r\n await dispatch({\r\n type: actions.SET_PENDING_APVL_REGIS_LIST,\r\n payload: [],\r\n });\r\n }\r\n },\r\n selectMember: (item) => (dispatch) => {\r\n dispatch({\r\n type: actions.SELECT_ADDTL_REGISTRANT_MEMBER,\r\n payload: { ...item },\r\n });\r\n },\r\n deSelectMember: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.DE_SELECT_ADDTL_REGISTRANT_MEMBER,\r\n payload: id,\r\n });\r\n },\r\n removeStandByAddtlMembers: () => (dispatch) => {\r\n dispatch({\r\n type: actions.REMOVE_STAND_BY_ADDTL_REGIS_MEMS,\r\n });\r\n },\r\n getAdditionalStudents: (childTemplateId) => async (dispatch) => {\r\n if (childTemplateId && typeof childTemplateId == \"number\") {\r\n let response =\r\n (await RegistrationsService.GetAdditionalStudents(childTemplateId)) ||\r\n [];\r\n\r\n await dispatch({\r\n type: actions.SET_ADDTL_STD,\r\n payload: response,\r\n });\r\n } else {\r\n toast.error(\"Invalid api Parameters.\");\r\n }\r\n },\r\n selectMultipleRegistrantMembers: (childTemplateId) => async (\r\n dispatch,\r\n getstate\r\n ) => {\r\n if (!childTemplateId) {\r\n toast.error(\"Invalid Model.\");\r\n return;\r\n }\r\n\r\n let { selectedAddtlRegistrantMembers } = getstate().registrations;\r\n let newMembers = selectedAddtlRegistrantMembers\r\n .filter((f) => f.id == 0)\r\n .map((m) => m.memberId);\r\n if (newMembers.length > 0) {\r\n let formdata = {\r\n members: newMembers,\r\n childTemplateId,\r\n };\r\n let response = await RegistrationsService.AddAdditionalStudent(formdata);\r\n if (!_.isEmpty(response)) {\r\n await dispatch({\r\n type: actions.ADD_MULTIPLE_REGISTRANT_MEMBERS,\r\n payload: response, //Data with DB generated ids..\r\n });\r\n }\r\n } else {\r\n toast.warn(\"Please select Members!\");\r\n }\r\n },\r\n getAdminRegisRecords: () => async (dispatch) => {\r\n dispatch({\r\n type: actions.SET_ADMIN_REGIS_LST_LOADER,\r\n payload: true,\r\n });\r\n let data = await RegistrationsService.GetAdminRegisRecords();\r\n if (!_.isEmpty(data)) {\r\n if (data.statusCode == 200) {\r\n let registrations = data.result != null ? data.result : [];\r\n\r\n dispatch({\r\n type: actions.SET_ADMIN_REGIS_LST_LOADER,\r\n payload: false,\r\n });\r\n await dispatch({\r\n type: actions.SET_ADMIN_REGIS_LIST,\r\n payload: registrations,\r\n });\r\n }\r\n } else {\r\n await dispatch({\r\n type: actions.SET_ADMIN_REGIS_LIST,\r\n payload: [],\r\n });\r\n }\r\n },\r\n\r\n getTemplateAttachments: (self, templateId) => async (dispatch) => {\r\n dispatch({\r\n type: actions.SET_TEMPLATE_ATTACHMENTS_LOADING,\r\n payload: true,\r\n });\r\n\r\n let data = await RegistrationsService.GetTemplateAttachments(templateId);\r\n\r\n if (!_.isEmpty(data)) {\r\n dispatch({\r\n type: actions.SET_TEMPLATE_ATTACHMENTS_LOADING,\r\n payload: false,\r\n });\r\n\r\n dispatch({\r\n type: actions.SET_TEMPLATE_ATTACHMENTS_FILES,\r\n payload: data,\r\n });\r\n\r\n } else {\r\n dispatch({\r\n type: actions.SET_TEMPLATE_ATTACHMENTS_LOADING,\r\n payload: false,\r\n });\r\n dispatch({\r\n type: actions.SET_TEMPLATE_ATTACHMENTS_FILES,\r\n payload: [],\r\n });\r\n }\r\n \r\n self.toggleModal();\r\n },\r\n\r\n sliceImageFromAttachment: (id) => (dispatch) => {\r\n dispatch({\r\n type: actions.SLICE_TEMPLATE_ATTACHMENTS_FILES,\r\n payload: id,\r\n });\r\n },\r\n\r\n deleteTemplateFile: (mySelf, filepath) => async (dispatch) => {\r\n dispatch({\r\n type: actions.DELETE_TEMPLATE_FILE,\r\n payload: true,\r\n });\r\n\r\n let data = await RegistrationsService.DeleteTemplateFile(filepath);\r\n if (!_.isEmpty(data)) {\r\n mySelf.setState({ currentImage: -1 });\r\n mySelf.setState({ NonImageFile: \"/\" });\r\n mySelf.toggleConfirmModal();\r\n\r\n const allrefs = mySelf.refs;\r\n const lightBox = allrefs.GallaryLightBox;\r\n\r\n lightBox.closeLightbox();\r\n\r\n var action = actions.sliceImageFromAttachment(filepath);\r\n dispatch(action);\r\n\r\n } else {\r\n }\r\n },\r\n\r\n};\r\n\r\nexport default actions;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\nimport { connect } from \"react-redux\";\r\nimport { debounce } from \"throttle-debounce\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport InfiniteScroll from \"react-infinite-scroll-component\";\r\nimport { Collapse, Card } from \"reactstrap\";\r\n\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport Services from \"../../../modules/Permissions/PermissionService\";\r\nimport mailGunEmailActions from \"../../../store/mailgunEmails/action\";\r\nimport ConfigDataType from \"../../../modules/Email/Enums/ConfigDataType\";\r\nimport AUX from \"../../../hoc/Aux_\";\r\nimport MailGunEmailTypes from \"../Enums/MailGunEmailTypes\";\r\n\r\nimport EmailService from \"../EmailListService\";\r\nimport EmailConfigTabs from \"../Enums/EmailConfigTabs\";\r\nimport FilterEmailConfigTabs from \"../Enums/FilterEmailConfigTabs\";\r\n\r\nclass AuthorizedSendersModal extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //selectedMembers: [],\r\n isMemberCardOpen: true,\r\n isTeamCardOpen: false,\r\n searchTermMember: \"\",\r\n searchTermTeam: \"\",\r\n MemberObj: {\r\n SearchTerms: \"\",\r\n Offset: 0,\r\n Fetch: 10,\r\n Data: [],\r\n IsMore: true,\r\n FetchedFirst: true,\r\n },\r\n memberId: AuthService.getProfile().memberData.id,\r\n\r\n // For Teams List\r\n TeamObj: {\r\n AllData: [],\r\n SearchTerms: \"\",\r\n Offset: 0,\r\n Fetch: 10,\r\n Data: [],\r\n IsMore: true,\r\n FetchedFirst: true,\r\n },\r\n };\r\n\r\n this.searchMember = this.searchMember.bind(this);\r\n this.searchDebounceMember = debounce(500, this.searchMember);\r\n\r\n this.searchTeam = this.searchTeam.bind(this);\r\n this.searchDebounceTeam = debounce(500, this.searchTeam);\r\n }\r\n\r\n handleClose = () => {\r\n if (\r\n this.props.melstate.currentEmailConfigTab == EmailConfigTabs.Subscribers\r\n ) {\r\n this.props.toggleSelectAddRecptModal();\r\n } else {\r\n this.props.toggleSelectAuthSendersModal();\r\n }\r\n\r\n this.setState({\r\n showAssignMemberModal: false,\r\n });\r\n };\r\n searchMember = () => {\r\n let MemberDataObj = this.state.MemberObj;\r\n MemberDataObj.Offset = 0;\r\n MemberDataObj.Fetch = 10;\r\n MemberDataObj.SearchTerms = this.state.searchTermMember;\r\n MemberDataObj.IsMore = true;\r\n MemberDataObj.FetchedFirst = true;\r\n this.setState({ MemberObj: MemberDataObj });\r\n };\r\n searchTeam = () => {\r\n let searchTerm = this.state.searchTermTeam;\r\n var TeamObj = { ...this.state.TeamObj };\r\n let filteredData = TeamObj.AllData.filter(\r\n (x) =>\r\n _.toLower(x.teamName).includes(\r\n _.toLower(searchTerm.toLowerCase() || \"\")\r\n ) ||\r\n _.toLower(x.ownerName).includes(\r\n _.toLower(searchTerm.toLowerCase() || \"\")\r\n )\r\n );\r\n\r\n TeamObj.Data = filteredData;\r\n TeamObj.Offset = 0;\r\n TeamObj.Fetch = 10;\r\n if (filteredData.length > 10) {\r\n TeamObj.IsMore = true;\r\n } else {\r\n TeamObj.IsMore = false;\r\n }\r\n\r\n this.setState({ TeamObj });\r\n };\r\n showSpinner = () => {\r\n $(\".loading\").show();\r\n };\r\n\r\n hideSpinner = () => {\r\n $(\".loading\").hide();\r\n };\r\n\r\n handleSelectMember = (e) => {\r\n let index = e.target.dataset.index;\r\n index = !index ? e.target.parentElement.dataset.index : index;\r\n let memberId = this.state.MemberObj.Data[index].id;\r\n let firstName = this.state.MemberObj.Data[index].firstName;\r\n let lastName = this.state.MemberObj.Data[index].lastName;\r\n let facility = this.state.MemberObj.Data[index].facility;\r\n let region = this.state.MemberObj.Data[index].region;\r\n let address = this.state.MemberObj.Data[index].email;\r\n let facilityRegion = `${region}/${facility}`;\r\n let selectedObj;\r\n let currentMainObj;\r\n let duplicateMessage = \"\";\r\n let { openAssignAdditionalRecipientsModal } = this.props.melstate;\r\n if (openAssignAdditionalRecipientsModal) {\r\n selectedObj = this.props.melstate.selectedAddRecptMembers;\r\n const {\r\n additionalRecipientsMembers,\r\n allDefaultSubscribers,\r\n } = this.props.melstate;\r\n currentMainObj = [\r\n ...additionalRecipientsMembers,\r\n ...allDefaultSubscribers,\r\n ];\r\n duplicateMessage = \"Member already exists as Subscriber.\";\r\n } else {\r\n selectedObj = this.props.melstate.selectedMembers;\r\n currentMainObj = this.props.melstate.authorizedSendersMembers;\r\n duplicateMessage =\r\n \"Member already exists in authorized senders against list.\";\r\n }\r\n\r\n let isAlreadySelected = selectedObj.some(\r\n (s) => s.memberId == memberId && s.id == 0\r\n );\r\n if (isAlreadySelected) {\r\n this.props.deSelectMember(memberId);\r\n return;\r\n }\r\n let id = 0;\r\n let isDuplicate = currentMainObj.some((s) => s.memberId == memberId);\r\n let isNonDbItem = currentMainObj.some(\r\n (x) => x.memberId == memberId && x.id !== 0\r\n );\r\n\r\n let emailEntityType =\r\n this.props.melstate.emailEntityType || this.props.emailEntityType;\r\n let emailListId =\r\n this.props.melstate.emailListId || this.props.emailListId || 0;\r\n let save_search_email_list_id = null;\r\n let afrt_email_list_id = null;\r\n let authSenderType = ConfigDataType.Member;\r\n if (emailEntityType == MailGunEmailTypes.Member) {\r\n save_search_email_list_id = emailListId;\r\n } else {\r\n afrt_email_list_id = emailListId;\r\n }\r\n if (isDuplicate && isNonDbItem) {\r\n toast.warn(duplicateMessage);\r\n } else {\r\n this.props.selectMember(\r\n {\r\n memberId,\r\n firstName,\r\n lastName,\r\n facilityRegion,\r\n address,\r\n id, ///primary key\r\n save_search_email_list_id,\r\n afrt_email_list_id,\r\n isactive: true,\r\n subscribed: true, ///For Additional Subscriber Member\r\n },\r\n authSenderType\r\n );\r\n }\r\n };\r\n handleSelectTeam = (e) => {\r\n let index = e.target.dataset.index;\r\n index = !index ? e.target.parentElement.dataset.index : index;\r\n let teamId = this.state.TeamObj.Data[index].id;\r\n let teamName = this.state.TeamObj.Data[index].teamName;\r\n let isSpecial = this.state.TeamObj.Data[index].special;\r\n let ownerName = this.state.TeamObj.Data[index].ownerName;\r\n\r\n let selectedObj;\r\n let currentMainObj;\r\n\r\n let { openAssignAdditionalRecipientsModal } = this.props.melstate;\r\n if (openAssignAdditionalRecipientsModal) {\r\n selectedObj = this.props.melstate.selectedAddRecptTeams;\r\n currentMainObj = this.props.melstate.additionalRecipientsTeams;\r\n } else {\r\n selectedObj = this.props.melstate.selectedTeams;\r\n currentMainObj = this.props.melstate.authorizedSendersTeams;\r\n }\r\n\r\n let isAlreadySelected = selectedObj.some((s) => s.teamId == teamId);\r\n if (isAlreadySelected) {\r\n this.props.deSelectTeam(teamId);\r\n return;\r\n }\r\n let id = 0;\r\n let isDuplicate = currentMainObj.some((s) => s.teamId == teamId);\r\n let isNonDbItem = currentMainObj.some(\r\n (x) => x.teamId == teamId && x.id !== 0\r\n );\r\n\r\n let emailEntityType =\r\n this.props.melstate.emailEntityType || this.props.emailEntityType;\r\n let emailListId = this.props.melstate.emailListId || this.props.emailListId;\r\n let save_search_email_list_id = null;\r\n let afrt_email_list_id = null;\r\n let authSenderType = ConfigDataType.Team;\r\n if (emailEntityType == MailGunEmailTypes.Member) {\r\n save_search_email_list_id = emailListId;\r\n } else {\r\n afrt_email_list_id = emailListId;\r\n }\r\n if (isDuplicate && isNonDbItem) {\r\n if (openAssignAdditionalRecipientsModal) {\r\n toast.warn(\r\n \"Team already exists in additional recipients against list.\"\r\n );\r\n } else {\r\n toast.warn(\"Team already exists in authorized senders against list.\");\r\n }\r\n } else {\r\n this.props.selectTeam(\r\n {\r\n id,\r\n teamId,\r\n teamName,\r\n isSpecial,\r\n ownerName,\r\n save_search_email_list_id,\r\n afrt_email_list_id,\r\n isactive: true,\r\n subscribed: true, ///For Additional Subscriber Member/Team\r\n },\r\n authSenderType\r\n );\r\n }\r\n };\r\n //Can be used to add additional subscribers and authorized senders\r\n addAuthSenders = () => {\r\n this.props.selectMultipleAuthSender(ConfigDataType.Member);\r\n this.props.selectMultipleAuthSender(ConfigDataType.Team);\r\n this.handleClose();\r\n };\r\n showActiveMemberItem = (item) => {\r\n let currentObj;\r\n if (\r\n this.props.melstate.currentEmailConfigTab == EmailConfigTabs.Subscribers\r\n ) {\r\n currentObj = this.props.melstate.selectedAddRecptMembers;\r\n } else {\r\n currentObj = this.props.melstate.selectedMembers;\r\n }\r\n var result =\r\n !_.isEmpty(currentObj) &&\r\n currentObj.findIndex(\r\n (x) => x.memberId == item.id && x.id == 0 // just on the client side\r\n ) != -1;\r\n return result;\r\n };\r\n showDisabledMemberItem = (item) => {\r\n let currentObj;\r\n if (\r\n this.props.melstate.currentEmailConfigTab == EmailConfigTabs.Subscribers\r\n ) {\r\n const { additionalRecipientsMembers } = this.props.melstate;\r\n const { allDefaultSubscribers } = this.props.melstate;\r\n currentObj = [...additionalRecipientsMembers, ...allDefaultSubscribers];\r\n } else {\r\n currentObj = this.props.melstate.authorizedSendersMembers;\r\n }\r\n var result =\r\n !_.isEmpty(currentObj) &&\r\n currentObj.findIndex((x) => x.memberId == item.id && x.id !== 0) != -1;\r\n\r\n return result;\r\n };\r\n loadMember = () => {\r\n debugger;\r\n // let positionIndex = this.state.positionConfIndex;\r\n if (this.state.MemberObj.FetchedFirst) {\r\n this.state.MemberObj.FetchedFirst = false;\r\n this.loadMemberData();\r\n }\r\n const { MemberObj } = this.state;\r\n const MemberData = MemberObj ? MemberObj.Data || [] : [];\r\n const IsMore = MemberObj ? MemberObj.IsMore : false;\r\n\r\n return (\r\n \r\n \r\n Hint: Name [Email] Region/Facility \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n );\r\n };\r\n showActiveTeamItem = (item) => {\r\n let currentObj;\r\n if (\r\n this.props.melstate.currentEmailConfigTab == EmailConfigTabs.Subscribers\r\n ) {\r\n currentObj = this.props.melstate.selectedAddRecptTeams;\r\n } else {\r\n currentObj = this.props.melstate.selectedTeams;\r\n }\r\n return (\r\n !_.isEmpty(currentObj) &&\r\n currentObj.findIndex((x) => x.teamId == item.id && x.id == 0) != -1\r\n );\r\n };\r\n showDisabledTeamItem = (item) => {\r\n let currentObj;\r\n if (\r\n this.props.melstate.currentEmailConfigTab == EmailConfigTabs.Subscribers\r\n ) {\r\n currentObj = this.props.melstate.additionalRecipientsTeams;\r\n } else {\r\n currentObj = this.props.melstate.authorizedSendersTeams;\r\n }\r\n return (\r\n !_.isEmpty(currentObj) &&\r\n currentObj.findIndex((x) => x.teamId == item.id && x.id !== 0) != -1\r\n );\r\n };\r\n loadTeam = () => {\r\n if (this.state.TeamObj.FetchedFirst) {\r\n this.state.TeamObj.FetchedFirst = false;\r\n this.loadTeamData();\r\n }\r\n const TeamData = this.state.TeamObj.Data;\r\n\r\n return (\r\n \r\n \r\n Hint: Name \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n );\r\n };\r\n loadMemberData = async () => {\r\n let MemberObj = this.state.MemberObj;\r\n let data = await Services.LoadMembersByScope(\r\n MemberObj.SearchTerms,\r\n MemberObj.Offset,\r\n MemberObj.Fetch\r\n );\r\n if (!_.isEmpty(data)) {\r\n if (data.statusCode == 200) {\r\n // console.log(data.result.length, \"result length:\");\r\n // console.log(this.state.MemberObj.Data.length + 10, \"data length\");\r\n if (!_.isEmpty(data.result) && data.result.length > 0) {\r\n //apiResponse = data.result; ///Removed Non-Members to display in Modal\r\n this.state.MemberObj.IsMore =\r\n data.result.length == this.state.MemberObj.Fetch;\r\n this.state.MemberObj.Data = data.result;\r\n\r\n this.state.MemberObj.Fetch =\r\n data.result.length == this.state.MemberObj.Fetch\r\n ? MemberObj.Fetch + 10\r\n : MemberObj.Fetch;\r\n\r\n await this.setState({ MemberObj: this.state.MemberObj });\r\n } else {\r\n var mainObj = { ...this.state.MemberObj };\r\n mainObj.IsMore = false;\r\n mainObj.Data = data.result;\r\n mainObj.Fetch = 10;\r\n await this.setState({ MemberObj: mainObj });\r\n }\r\n }\r\n }\r\n };\r\n loadTeamData = async () => {\r\n let data = await EmailService.LoadTeams();\r\n if (!_.isEmpty(data)) {\r\n let TeamObj = { ...this.state.TeamObj };\r\n TeamObj.AllData = data;\r\n TeamObj.Data = data.slice(0, TeamObj.Fetch);\r\n TeamObj.IsMore = TeamObj.Data.length == TeamObj.Fetch;\r\n\r\n //console.log(data.length, \"team result length:\");\r\n ///console.log(TeamObj.Data.length == TeamObj.Fetch, \"isMoreTeam\");\r\n TeamObj.Fetch =\r\n TeamObj.Data.length == TeamObj.Fetch\r\n ? TeamObj.Fetch + 10\r\n : TeamObj.Fetch;\r\n\r\n await this.setState({ TeamObj });\r\n }\r\n };\r\n fetchMoreTeamData = () => {\r\n /// console.log(\"fetchMoreTeamData called\");\r\n\r\n var TeamObj = { ...this.state.TeamObj };\r\n TeamObj.Data = TeamObj.AllData.slice(0, TeamObj.Fetch);\r\n TeamObj.IsMore = TeamObj.Data.length == TeamObj.Fetch;\r\n TeamObj.Fetch =\r\n TeamObj.Data.length == TeamObj.Fetch ? TeamObj.Fetch + 10 : TeamObj.Fetch;\r\n\r\n setTimeout(() => {\r\n this.setState({ TeamObj });\r\n }, 500);\r\n };\r\n assignMember = () => {\r\n return (\r\n \r\n \r\n {\r\n this.setState(\r\n {\r\n isMemberCardOpen: !this.state.isMemberCardOpen,\r\n },\r\n () => {\r\n if (this.state.isTeamCardOpen) {\r\n this.setState({\r\n isTeamCardOpen: 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 {this.loadMember()}\r\n
\r\n
\r\n \r\n \r\n );\r\n };\r\n assignTeam = () => {\r\n return (\r\n \r\n \r\n {\r\n this.setState(\r\n {\r\n isTeamCardOpen: !this.state.isTeamCardOpen,\r\n },\r\n () => {\r\n if (this.state.isMemberCardOpen) {\r\n this.setState({\r\n isMemberCardOpen: 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 {this.loadTeam()}\r\n
\r\n
\r\n \r\n \r\n );\r\n };\r\n buttons = () => {\r\n let btnText = \"\";\r\n let { currentEmailConfigTab } = this.props.melstate;\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n btnText = \"Done Adding Additional Subscriber\";\r\n } else if (currentEmailConfigTab == EmailConfigTabs.Settings) {\r\n btnText = \"Done Adding Authorized Senders\";\r\n }\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n {btnText}\r\n \r\n
\r\n
\r\n
\r\n );\r\n };\r\n searchTeams = () => {\r\n let searchTerm = this.state.searchTermTeam;\r\n var TeamObj = { ...this.state.TeamObj };\r\n let filteredData = TeamObj.AllData.filter(\r\n (x) =>\r\n _.toLower(x.teamName).includes(\r\n _.toLower(searchTerm.toLowerCase() || \"\")\r\n ) ||\r\n _.toLower(x.ownerName).includes(\r\n _.toLower(searchTerm.toLowerCase() || \"\")\r\n )\r\n );\r\n\r\n TeamObj.Data = filteredData;\r\n TeamObj.Offset = 0;\r\n TeamObj.Fetch = 10;\r\n if (filteredData.length > 10) {\r\n TeamObj.IsMore = true;\r\n } else {\r\n TeamObj.IsMore = false;\r\n }\r\n\r\n this.setState({ TeamObj });\r\n };\r\n onShow = () => {\r\n this.props.removeStandByAuthSender();\r\n };\r\n render() {\r\n let { currentEmailConfigTab } = this.props.melstate;\r\n let modalHeader = \"\";\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n modalHeader = \"Select Additional Subscribers\";\r\n } else if (currentEmailConfigTab == EmailConfigTabs.Settings) {\r\n modalHeader = \"Select Authorized Senders\";\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n ASSIGN TEAM/MEMBER{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {modalHeader}\r\n \r\n \r\n {this.assignMember()}\r\n\r\n {this.assignTeam()}\r\n {this.buttons()}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n// export default AuthorizedSendersModal;\r\n\r\nexport default connect(\r\n (state) => ({\r\n melstate: state.mailGunEmail,\r\n savedSearchState: state.saveSearch,\r\n }),\r\n {\r\n ...mailGunEmailActions,\r\n }\r\n)(AuthorizedSendersModal);\r\n","const EmailConfigTables = Object.freeze({\r\n AuthorizedSendersTeam: 1,\r\n AdditionalRecipientsTeam: 2,\r\n AuthorizedSendersMember: 3,\r\n AdditionalRecipientsMember: 4,\r\n NonNatcaMembers: 5,\r\n DefaultMembers: 6,\r\n});\r\nexport default EmailConfigTables;\r\n","import React from \"react\";\r\nimport RemoveActionType from \"../Enums/RemoveActionType\";\r\nimport EmailConfigTables from \"../Enums/EmailConfigTables\";\r\nimport _ from \"lodash\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nexport default function MG_ConfirmationModal(props) {\r\n const {\r\n modal,\r\n toggle,\r\n userFirstName,\r\n userLastName,\r\n teamName,\r\n memberModalOpended,\r\n teamModalOpended,\r\n removeActionType,\r\n confirmModelType,\r\n fullName,\r\n } = props;\r\n let isUnsubscribeAction = false;\r\n let confirmText = \"\";\r\n let messageLastPart = \"\";\r\n if (removeActionType == RemoveActionType.UnSubscribe) {\r\n confirmText = \"UnSubscribe\";\r\n isUnsubscribeAction = true;\r\n } else if (removeActionType == RemoveActionType.Delete) {\r\n confirmText = \"Delete\";\r\n } else if (removeActionType == RemoveActionType.Block) {\r\n confirmText = \"Block\";\r\n }\r\n if (\r\n confirmModelType == EmailConfigTables.AuthorizedSendersTeam ||\r\n confirmModelType == EmailConfigTables.AuthorizedSendersMember\r\n ) {\r\n messageLastPart =\r\n \" will no longer be able to send email to mailing list. Are you sure?\";\r\n } else if (\r\n confirmModelType == EmailConfigTables.AdditionalRecipientsTeam ||\r\n confirmModelType == EmailConfigTables.AdditionalRecipientsMember ||\r\n confirmModelType == EmailConfigTables.NonNatcaMembers ||\r\n confirmModelType == EmailConfigTables.DefaultMembers\r\n ) {\r\n messageLastPart =\r\n \" will no longer be able to receive email from mailing list. Are you sure?\";\r\n }\r\n let unsubscribeMemberMessage = () => {\r\n let name = \"\";\r\n if (_.isEmpty(userFirstName) || _.isEmpty(userLastName)) {\r\n name = \"'\" + fullName + \"'\";\r\n } else {\r\n name =\r\n !_.isEmpty(userFirstName) && !_.isEmpty(userLastName)\r\n ? \"'\" + userFirstName + \"-\" + userLastName + \"'\"\r\n : \"\";\r\n }\r\n\r\n return `${name} will no longer receive emails from mailing list. Are you sure you want to Unsubscribe?`;\r\n };\r\n\r\n let unsubscribeTeamMessage = `${\r\n !_.isEmpty(teamName)\r\n ? \"'\" +\r\n \"'\" +\r\n teamName +\r\n \"'\" +\r\n \" will no longer receive emails from mailing list. Are you sure you want to Unsubscribe?\"\r\n : \"\"\r\n } `;\r\n\r\n let blockMemberMessage = () => {\r\n let name = \"\";\r\n if (_.isEmpty(userFirstName) || _.isEmpty(userLastName)) {\r\n name = \" for Member \" + \"'\" + fullName + \"'\";\r\n } else {\r\n name =\r\n !_.isEmpty(userFirstName) &&\r\n !_.isEmpty(userLastName) &&\r\n \" for Member \" + \"'\" + userFirstName + \"-\" + userLastName + \"'\";\r\n }\r\n return name;\r\n };\r\n\r\n return (\r\n \r\n Confirm {confirmText} \r\n \r\n \r\n
\r\n {isUnsubscribeAction ? (\r\n <>\r\n {memberModalOpended\r\n ? unsubscribeMemberMessage()\r\n : unsubscribeTeamMessage}\r\n \r\n ) : (\r\n <>\r\n This will revoke access\r\n {memberModalOpended && blockMemberMessage()}\r\n {teamModalOpended && \" for Team \" + \"'\" + teamName + \"'\"},\r\n {messageLastPart}\r\n \r\n )}\r\n \r\n {\" \"}\r\n \r\n \r\n {\r\n props.confirm().confirmed();\r\n }}\r\n >\r\n {confirmText}\r\n {\" \"}\r\n \r\n Cancel\r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nimport { Button } from \"reactstrap\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport { toast } from \"react-toastify\";\r\nimport _ from \"lodash\";\r\n\r\nexport default class MG_EditEmailAliasModal extends Component {\r\n state = {\r\n myAlias: this.props.emailAlias,\r\n };\r\n\r\n ///Called on Save Button Click\r\n closeModal = () => {\r\n let { emailAlias } = this.props;\r\n if (_.isEmpty(emailAlias)) {\r\n toast.error(\"Email Alias is Empty.\");\r\n return;\r\n }\r\n this.props.handleClose();\r\n };\r\n //Called on Cross button click\r\n onHide = () => {\r\n const { myAlias } = this.state;\r\n let { emailAlias } = this.props;\r\n\r\n this.props.setMgListAlias(myAlias);\r\n // if (_.isEmpty(emailAlias)) {\r\n // toast.error(\"Email Alias is Empty.\");\r\n // return;\r\n // }\r\n this.props.handleClose();\r\n };\r\n //Called on Cancel Button\r\n onCancel = () => {\r\n const { myAlias } = this.state;\r\n let { emailAlias } = this.props;\r\n\r\n this.props.setMgListAlias(myAlias);\r\n // if (_.isEmpty(emailAlias)) {\r\n // toast.error(\"Email Alias is Empty.\");\r\n // return;\r\n // }\r\n this.props.handleClose();\r\n };\r\n onShowModal = () => {\r\n const { emailAlias } = this.props;\r\n this.setState({ myAlias: emailAlias });\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n Edit Email List Alias \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {this.props.domain}\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Save\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","const EmailListMemType = Object.freeze({\r\n Subscribers: 1,\r\n UnSubscribers: 2,\r\n NonNatcaUnSubscribers: 3,\r\n AdditionalTeamUnSubscribers: 4,\r\n});\r\nexport default EmailListMemType;\r\n","import React from \"react\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nimport RemoveActionType from \"../Enums/RemoveActionType\";\r\nimport EmailConfigTables from \"../Enums/EmailConfigTables\";\r\nexport default function MG_ReSubscriberModal(props) {\r\n const {\r\n modal,\r\n toggle,\r\n confirm,\r\n email,\r\n teamName,\r\n removeActionType,\r\n confirmModelType,\r\n } = props;\r\n let unSubTeam = \"'\" + teamName + \"'\";\r\n let confirmText = \"\";\r\n let messageLastPart = \"\";\r\n\r\n if (removeActionType == RemoveActionType.ReSubscribe) {\r\n confirmText = \"Resubscribe\";\r\n } else if (removeActionType == RemoveActionType.UnBlock) {\r\n confirmText = \"UnBlock\";\r\n }\r\n if (confirmModelType == EmailConfigTables.AdditionalRecipientsMember) {\r\n messageLastPart = \"Member with Email \" + email;\r\n } else if (confirmModelType == EmailConfigTables.AdditionalRecipientsTeam) {\r\n messageLastPart = unSubTeam + \" Team.\";\r\n } else {\r\n messageLastPart = email;\r\n }\r\n return (\r\n \r\n Confirm {confirmText} \r\n \r\n \r\n
\r\n Are you sure you want to {confirmText} {messageLastPart}\r\n \r\n \r\n \r\n \r\n {\r\n confirm().confirmed();\r\n }}\r\n >\r\n Confirm\r\n {\" \"}\r\n \r\n Cancel\r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport _ from \"lodash\";\r\nimport AUX from \"../../hoc/Aux_\";\r\nimport $ from \"jquery\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport axios from \"../Shared/auth-header\";\r\nimport paginationFactory from \"react-bootstrap-table2-paginator\";\r\nimport { Accordion, Card, Button, Dropdown } from \"react-bootstrap\";\r\nimport TableCustomTotal from \"../Shared/TableCustomTotal\";\r\nimport EmailListMemType from \"../Email/Enums/EmailListMemType\";\r\nimport { Spinner } from \"reactstrap\";\r\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\r\nimport mailGunEmailActions from \"../../store/mailgunEmails/action\";\r\nimport { connect } from \"react-redux\";\r\nimport MG_ReSubscriberModal from \"../Email/ModalPopups/MG_ReSubscriberModal\";\r\nimport { toast } from \"react-toastify\";\r\nimport RemoveActionType from \"../Email/Enums/RemoveActionType\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"bootstrap4-toggle\";\r\nimport \"bootstrap4-toggle/css/bootstrap4-toggle.min.css\";\r\nimport MailGunEmailTypes from \"../Email/Enums/MailGunEmailTypes\";\r\nconst NoDataIndication = () => (\r\n \r\n
\r\n
No Data Found! \r\n \r\n
\r\n
\r\n {row && row.subscribed && (\r\n
{\r\n confirmDeleteMember(\r\n row.id,\r\n row.memberId,\r\n keyIdfr, // Default Members\r\n RemoveActionType.UnSubscribe\r\n );\r\n setCurrentSenderInfo(\r\n row.firstName,\r\n row.lastName,\r\n row.memberId,\r\n RemoveActionType.UnSubscribe,\r\n row.name\r\n );\r\n }}\r\n >\r\n Unsubscribe\r\n \r\n \r\n )}\r\n {row && !row.subscribed && (\r\n {\r\n showReSubscribeModal(\r\n row,\r\n keyIdfr,\r\n RemoveActionType.ReSubscribe\r\n );\r\n }}\r\n >\r\n Resubscribe\r\n \r\n \r\n )}\r\n\r\n {row && !row.blocked && (\r\n {\r\n confirmDeleteMember(\r\n row.id,\r\n row.memberId,\r\n keyIdfr, // Default Members\r\n RemoveActionType.Block\r\n );\r\n setCurrentSenderInfo(\r\n row.firstName,\r\n row.lastName,\r\n row.memberId,\r\n RemoveActionType.Block,\r\n row.name\r\n );\r\n }}\r\n >\r\n Block\r\n \r\n \r\n )}\r\n {row && row.blocked && (\r\n {\r\n showReSubscribeModal(\r\n row,\r\n keyIdfr,\r\n RemoveActionType.UnBlock\r\n );\r\n }}\r\n >\r\n UnBlock\r\n \r\n \r\n )}\r\n\r\n \r\n {/* Trash-Bin Icon */}\r\n \r\n \r\n \r\n {/* {\r\n this.props.confirmDeleteMember(\r\n row.id,\r\n row.address,\r\n EmailConfigTables.NonNatcaMembers,\r\n RemoveActionType.Delete\r\n );\r\n this.props.setCurrentSenderInfo(row.firstName, row.lastName, row.memberId, RemoveActionType.Delete);\r\n }}\r\n > */}\r\n
\r\n \r\n
\r\n {from}\r\n {\" - \"}\r\n {to} of {size} {\" \"}\r\n Show: \r\n \r\n );\r\n let paginationOptions = {\r\n paginationTotalRenderer: TableCustomTotal,\r\n sizePerPageList: [\r\n {\r\n text: \"10\",\r\n value: 10,\r\n },\r\n {\r\n text: \"25\",\r\n value: 25,\r\n },\r\n {\r\n text: \"30\",\r\n value: 30,\r\n },\r\n {\r\n text: \"50\",\r\n value: 50,\r\n },\r\n {\r\n text: \"All\",\r\n value: subscriberList && subscriberList.length,\r\n },\r\n ],\r\n showTotal: true,\r\n };\r\n const defaultSorted = [\r\n {\r\n dataField: \"address\",\r\n order: \"asc\",\r\n },\r\n ];\r\n return (\r\n {\r\n if (node) {\r\n node.style.setProperty(\"min-height\", \"auto\", \"important\");\r\n }\r\n }}\r\n key={this.props.emailListMemType}\r\n >\r\n \r\n {(props) => (\r\n <>\r\n {\r\n return loading === false ? (\r\n \r\n
\r\n );\r\n }}\r\n keyField=\"address\"\r\n caption={DEFAULT MEMBERS }\r\n pagination={\r\n subscriberList.length > sizePerPage\r\n ? paginationFactory(paginationOptions)\r\n : null\r\n }\r\n defaultSorted={defaultSorted}\r\n {...props.baseProps}\r\n />\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n };\r\n\r\n // reSubscribe(row) {\r\n // if (row.address) {\r\n // this.setState({ resubscribeEmail: row.address });\r\n // this.setState({ showReSubscribeModal: true });\r\n // } else if (this.props.isTeamsTable) {\r\n // this.setState({ unSubTeam: row.teamName });\r\n // this.setState({ unSubTeamId: row.teamId });\r\n // this.setState({ teamMembers: row.members });\r\n // this.setState({ showReSubscribeModal: true });\r\n // this.setState({ teamMapId: row.id });\r\n // }\r\n // }\r\n showDuplicateIcon = () => {\r\n return (\r\n \r\n );\r\n };\r\n\r\n handleTextChange = (e) => {\r\n this.setState({\r\n [e.target.name]: e.target.value,\r\n });\r\n let subSearchText = e.target.value;\r\n this.handleSearch(subSearchText);\r\n };\r\n\r\n handleSearch = (val) => {\r\n this.searchMembersList(val);\r\n };\r\n toggleUnSubscribers = (showUnsubVal) => {\r\n let { allDefaultSubscribers } = this.props.melstate;\r\n if (showUnsubVal) {\r\n let filteredData =\r\n allDefaultSubscribers.filter((x) => !x.subscribed || x.subscribed) ||\r\n [];\r\n this.props.setDefaultSubscribers(filteredData);\r\n } else {\r\n let filteredData =\r\n allDefaultSubscribers.filter((x) => x.subscribed) || [];\r\n this.props.setDefaultSubscribers(filteredData);\r\n }\r\n const { toggleBtnId } = this.state;\r\n $(\"#\" + toggleBtnId)\r\n .prop(\"checked\", showUnsubVal)\r\n .change();\r\n };\r\n searchMembersList = (val) => {\r\n // New Implementation, Search as per basic search conditions\r\n val = val.trimLeft();\r\n let { allDefaultSubscribers } = this.props.melstate;\r\n\r\n if (_.isEmpty(val)) {\r\n // If val is empty, show all members\r\n this.props.setDefaultSubscribers(allDefaultSubscribers);\r\n }\r\n else {\r\n if (!_.isEmpty(allDefaultSubscribers)) {\r\n ////////////////// Commented code is responsible to search as per member number, if required later\r\n ///////////////// Currenly not required, and also the member number is not available in mailgun's members list\r\n\r\n // var firstChar = val.charAt(0);\r\n\r\n // if (firstChar <= \"9\" && firstChar >= \"0\") {\r\n // // If the first character is a number, use the value to search as a member number\r\n // val = val\r\n // .replace(/[A-Za-z]*$/gi, \"\")\r\n // .replace(/[^\\w\\s]/gi, \"\");\r\n\r\n // let filteredData = allDefaultSubscribers.filter(\r\n // (x) =>\r\n // _.toLower(x.memberNumber).startsWith(\r\n // _.toLower(val.trim())\r\n // )\r\n // );\r\n // this.props.setDefaultSubscribers(filteredData);\r\n // }\r\n // else \r\n\r\n ///////////////// ends here\r\n\r\n if (this.validateEmail(val)) {\r\n // If the value is a valid email address, search as per primary email\r\n let filteredData = allDefaultSubscribers.filter(\r\n (x) =>\r\n _.toLower(x.address).startsWith(\r\n _.toLower(val.trim())\r\n )\r\n );\r\n this.props.setDefaultSubscribers(filteredData);\r\n }\r\n else {\r\n // If the value contains space, consider it as first name and last name\r\n // If space is not present, consider it as last name\r\n if (val.indexOf(\" \") > -1) {\r\n let name = val.split(\" \");\r\n if (name.length > 1) {\r\n // If the value has 2 names, search as per first name and last name\r\n let filteredData = allDefaultSubscribers.filter(\r\n (x) =>\r\n _.toLower(x.firstName).startsWith(\r\n _.toLower(name[0])\r\n ) &&\r\n _.toLower(x.lastName).startsWith(\r\n _.toLower(name[1])\r\n )\r\n );\r\n this.props.setDefaultSubscribers(filteredData);\r\n }\r\n else {\r\n // If the value has only one name but contains a space after, search as per first name\r\n let filteredData = allDefaultSubscribers.filter(\r\n (x) =>\r\n _.toLower(x.firstName).startsWith(\r\n _.toLower(name[0])\r\n )\r\n );\r\n this.props.setDefaultSubscribers(filteredData);\r\n }\r\n }\r\n else {\r\n // If the value does not contain a space, search as per last name\r\n let filteredData = allDefaultSubscribers.filter(\r\n (x) =>\r\n _.toLower(x.lastName).startsWith(\r\n _.toLower(val)\r\n )\r\n );\r\n this.props.setDefaultSubscribers(filteredData);\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n validateEmail = (email) => {\r\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(String(email).toLowerCase());\r\n };\r\n\r\n toggleUnSubscriber = () => {\r\n if (this.state.toggleUNSUB === true) {\r\n this.setState({ toggleUNSUB: false });\r\n } else {\r\n this.setState({ toggleUNSUB: true });\r\n }\r\n };\r\n\r\n toggleSubscriber = () => {\r\n if (this.state.toggleSUB === true) {\r\n this.setState({ toggleSUB: false });\r\n } else {\r\n this.setState({ toggleSUB: true });\r\n }\r\n };\r\n\r\n getToggleBtnId = () => {\r\n const { isModalPopUpOpended } = this.props;\r\n if (isModalPopUpOpended) {\r\n this.setState({ toggleBtnId: \"xyz-toggle-subUnsub\" }, () => {\r\n this.initToggles();\r\n });\r\n } else {\r\n this.setState({ toggleBtnId: \"toggle-subUnsub\" }, () => {\r\n this.initToggles();\r\n });\r\n }\r\n };\r\n // Main Entry Point\r\n render() {\r\n // let {\r\n // subscribers,\r\n // totalSubscribers,\r\n // nonNatcaUnSubscribers,\r\n // additionalTeamUnSubscribers,\r\n // unsubscribers,\r\n // //totalUnsubscribers,\r\n // } = this.state;\r\n let {\r\n shrinkActionCol,\r\n hideActionColumn,\r\n showReSubscribeModal,\r\n listData = [],\r\n isModalPopUpOpended,\r\n emailEntityType,\r\n } = this.props;\r\n const { isLoadingDefaultSubscriber } = this.props.melstate;\r\n const { toggleBtnId } = this.state;\r\n ////console.log(toggleBtnId);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
{\r\n // if (e.keyCode === 13) {\r\n // this.handleSearch(\r\n // e.target.value,\r\n // true,\r\n // this.props.emailListMemType\r\n // );\r\n // }\r\n // }}\r\n className=\"form-control DefaultMemberSearchField\"\r\n placeholder=\"Search Subscriber by Name/Email\"\r\n />\r\n {/* \r\n {\r\n let { subSearchText } = this.state;\r\n this.handleSearch(\r\n subSearchText,\r\n true,\r\n this.props.emailListMemType\r\n );\r\n }}\r\n >\r\n
*/}\r\n {/* \r\n {this.state.memberSearchText_err}\r\n */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* ///The first Lists Showed for Default Subscribers/// */}\r\n
\r\n {this.renderSubscribed(\r\n listData,\r\n 1,\r\n 10,\r\n isLoadingDefaultSubscriber,\r\n showReSubscribeModal,\r\n shrinkActionCol,\r\n isModalPopUpOpended,\r\n emailEntityType\r\n )}\r\n\r\n {/* {totalSubscribers == 0 && !this.state.loadingSubs && (\r\n
\r\n
\r\n
No Data Found! \r\n \r\n
\r\n )}\r\n\r\n {this.state.loadingSubs && (\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///export default MailGunMembersList;\r\n\r\nexport default connect(\r\n (state) => ({\r\n melstate: state.mailGunEmail,\r\n }),\r\n {\r\n ...mailGunEmailActions,\r\n },\r\n null,\r\n { forwardRef: true }\r\n)(MailGunMembersList);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport BootstrapTable from \"react-bootstrap-table-next\";\r\nimport ToolkitProvider from \"react-bootstrap-table2-toolkit\";\r\nimport _ from \"lodash\";\r\nimport { Link } from \"react-router-dom\";\r\nimport RemoveActionType from \"../Enums/RemoveActionType\";\r\nimport overlayFactory from \"react-bootstrap-table2-overlay\";\r\nimport { Spinner } from \"reactstrap\";\r\nimport EmailConfigTables from \"../Enums/EmailConfigTables\";\r\nimport { Table } from \"react-bootstrap\";\r\n\r\nconst NoDataIndication = () => (\r\n \r\n
\r\n
No Data Found! \r\n \r\n
;\r\nconst CaptionElement = (props) => (\r\n {props.header} \r\n);\r\n\r\nconst actions = (\r\n cell,\r\n row,\r\n setCurrentTeamInfo,\r\n confirmDeleteTeam,\r\n keyIdfr,\r\n hideActionColumn,\r\n showReSubscribeModal\r\n) => {\r\n return (\r\n \r\n
\r\n {hideActionColumn &&\r\n keyIdfr !== EmailConfigTables.AuthorizedSendersTeam &&\r\n keyIdfr !== EmailConfigTables.AuthorizedSendersMember &&\r\n row.id != 0 &&\r\n row.isactive ? (\r\n {\r\n confirmDeleteTeam(\r\n row.id,\r\n row.teamId,\r\n keyIdfr,\r\n RemoveActionType.UnSubscribe\r\n );\r\n setCurrentTeamInfo(\r\n row.teamName,\r\n row.id,\r\n RemoveActionType.UnSubscribe\r\n );\r\n }}\r\n >\r\n UnSubscribe\r\n {\r\n showReSubscribeModal(row, keyIdfr, RemoveActionType.ReSubscribe);\r\n }}\r\n >\r\n ReSubscribe\r\n {\r\n confirmDeleteTeam(\r\n row.id,\r\n row.teamId,\r\n keyIdfr,\r\n RemoveActionType.Block\r\n );\r\n setCurrentTeamInfo(row.teamName, row.id, RemoveActionType.Block);\r\n }}\r\n >\r\n Block\r\n {\r\n showReSubscribeModal(row, keyIdfr, RemoveActionType.UnBlock);\r\n }}\r\n >\r\n UnBlock\r\n \r\n {\r\n confirmDeleteTeam(\r\n row.id,\r\n row.teamId,\r\n keyIdfr,\r\n RemoveActionType.Delete\r\n );\r\n setCurrentTeamInfo(row.teamName, row.id);\r\n }}\r\n />\r\n )}\r\n
\r\n
\r\n {row && !_.isEmpty(row.members) && (\r\n <>\r\n
\r\n
Team Members \r\n \r\n Total Members {row.members && row.members.length}\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Name \r\n Email \r\n \r\n \r\n \r\n {row.members.map((member) => (\r\n \r\n {member.name} \r\n \r\n {member.address}{\" \"}\r\n {member.isDuplicate == true\r\n ? showDuplicateIcon()\r\n : \"\"}\r\n \r\n \r\n ))}\r\n \r\n
\r\n
\r\n \r\n )}\r\n\r\n {row && _.isEmpty(row.members) && (\r\n
\r\n
\r\n No Data to display! \r\n
\r\n
\r\n )}\r\n
\r\n \r\n {(props) => (\r\n <>\r\n ({\r\n ...base,\r\n background: \"rgba(40, 45, 42, 0.19)\",\r\n }),\r\n },\r\n })}\r\n noDataIndication={() => {\r\n return loading === false ? (\r\n \r\n
\r\n );\r\n }}\r\n expandRow={\r\n keyIdfr == EmailConfigTables.AuthorizedSendersTeam\r\n ? {}\r\n : expandRow\r\n }\r\n caption={\r\n
\r\n {/* ///Authorized Senders are not registered on MailGun/// */}\r\n {hideActionColumn &&\r\n keyIdfr !== EmailConfigTables.AuthorizedSendersTeam &&\r\n keyIdfr !== EmailConfigTables.AuthorizedSendersMember &&\r\n row.id != 0 &&\r\n row.subscribed ? (\r\n //Show for only Additional Subscribers Tables\r\n
{\r\n if (keyIdfr == EmailConfigTables.NonNatcaMembers) {\r\n confirmDeleteMember(\r\n row.id,\r\n row.address,\r\n keyIdfr,\r\n RemoveActionType.UnSubscribe\r\n );\r\n } else {\r\n confirmDeleteMember(\r\n row.id,\r\n row.memberId,\r\n keyIdfr,\r\n RemoveActionType.UnSubscribe\r\n );\r\n }\r\n setCurrentSenderInfo(\r\n row.firstName,\r\n row.lastName,\r\n row.memberId,\r\n RemoveActionType.UnSubscribe\r\n );\r\n }}\r\n >\r\n UnSubscribe\r\n \r\n \r\n ) : (\r\n hideActionColumn &&\r\n keyIdfr !== EmailConfigTables.AuthorizedSendersTeam &&\r\n keyIdfr !== EmailConfigTables.AuthorizedSendersMember &&\r\n row.id != 0 &&\r\n !row.subscribed && (\r\n {\r\n showReSubscribeModal(\r\n row,\r\n keyIdfr,\r\n RemoveActionType.ReSubscribe\r\n );\r\n }}\r\n >\r\n ReSubscribe\r\n {\r\n if (keyIdfr == EmailConfigTables.NonNatcaMembers) {\r\n confirmDeleteMember(\r\n row.id,\r\n row.address,\r\n keyIdfr,\r\n RemoveActionType.Block\r\n );\r\n } else {\r\n confirmDeleteMember(\r\n row.id,\r\n row.memberId,\r\n keyIdfr,\r\n RemoveActionType.Block\r\n );\r\n }\r\n setCurrentSenderInfo(\r\n row.firstName,\r\n row.lastName,\r\n row.memberId,\r\n RemoveActionType.Block\r\n );\r\n }}\r\n >\r\n Block\r\n {\r\n showReSubscribeModal(row, keyIdfr, RemoveActionType.UnBlock);\r\n }}\r\n >\r\n UnBlock\r\n \r\n \r\n )\r\n )}\r\n {/* \r\n
*/}\r\n {keyIdfr != EmailConfigTables.NonNatcaMembers ? (\r\n \r\n \r\n \r\n ) : (\r\n ///Incase it Non Natca Table Record, NO EYE ICON\r\n \"\"\r\n )}\r\n {/*
\r\n
{\r\n if (keyIdfr == EmailConfigTables.NonNatcaMembers) {\r\n confirmDeleteMember(\r\n row.id,\r\n row.address,\r\n keyIdfr,\r\n RemoveActionType.Delete\r\n );\r\n } else {\r\n confirmDeleteMember(\r\n row.id,\r\n row.memberId,\r\n keyIdfr,\r\n RemoveActionType.Delete\r\n );\r\n }\r\n setCurrentSenderInfo(\r\n row.firstName,\r\n row.lastName,\r\n row.memberId,\r\n RemoveActionType.Delete\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\nconst MyExportPDF = (props) => {\r\n const handleClick = () => {\r\n _html2canvas(props);\r\n };\r\n return (\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n );\r\n};\r\nconst NoDataIndication = () => (\r\n \r\n
\r\n
No Data Found! \r\n \r\n
{props.header} \r\n);\r\n// const Empty = () =>
;\r\nconst columns = (\r\n setCurrentSenderInfo,\r\n toggleConfirm,\r\n confirmDeleteMember,\r\n keyIdfr,\r\n hideActionColumn,\r\n showReSubscribeModal,\r\n shrinkActionCol,\r\n emailEntityType\r\n) => [\r\n {\r\n text: \"FIRST NAME\",\r\n dataField: \"firstName\",\r\n sort: true,\r\n //headerClasses: \"bg-dark text-white px-sm-3 px-2 py-2\",\r\n },\r\n {\r\n text: \"LAST NAME\",\r\n dataField: \"lastName\",\r\n sort: true,\r\n //headerClasses: \"bg-dark text-white px-sm-3 px-2 py-2\",\r\n },\r\n {\r\n text: \"FACILITY\",\r\n dataField: \"facilityRegion\",\r\n sort: true,\r\n hidden: keyIdfr && keyIdfr == EmailConfigTables.NonNatcaMembers,\r\n //headerClasses: \"bg-dark text-white px-sm-3 px-2 py-2\",\r\n },\r\n\r\n {\r\n dataField: \"id\",\r\n sort: true,\r\n hidden: true,\r\n csvExport: false,\r\n },\r\n {\r\n text: \"Email\",\r\n dataField: \"address\",\r\n sort: true,\r\n hidden:\r\n keyIdfr &&\r\n (keyIdfr == EmailConfigTables.AuthorizedSendersMember ||\r\n keyIdfr == EmailConfigTables.AuthorizedSendersTeam),\r\n csvExport: false,\r\n //headerClasses: \"bg-dark text-white px-sm-3 px-2 py-2\",\r\n },\r\n {\r\n text: \"\",\r\n dataField: \"memberId\",\r\n isDummyField: true,\r\n //headerClasses: \"text-nowrap px-sm-3 px-2 py-2\",\r\n classes: \"pl-3 pr-2 py-2\",\r\n headerAttrs: {\r\n //width: shrinkActionCol ? \"25%\" : \"35%\",\r\n width: (() => {\r\n if (window.innerWidth < 1460) {\r\n if (emailEntityType == MailGunEmailTypes.Facility) {\r\n if (shrinkActionCol) {\r\n // Facility Dashboard\r\n return \"26%\";\r\n } else {\r\n return \"29%\"; // On Edit Email Config Modal\r\n }\r\n } else if (emailEntityType == MailGunEmailTypes.Team) {\r\n return \"24%\";\r\n } else if (emailEntityType == MailGunEmailTypes.Member) {\r\n // Saved Seach\r\n return \"34%\";\r\n }\r\n return \"36%\";\r\n }\r\n if (window.innerWidth < 1560) {\r\n if (emailEntityType == MailGunEmailTypes.Facility) {\r\n if (shrinkActionCol) {\r\n return \"23%\"; // On Facility Dashboard\r\n } else {\r\n return \"26%\"; // On Edit Email Config Modal\r\n }\r\n } else if (emailEntityType == MailGunEmailTypes.Team) {\r\n return \"25%\";\r\n } else if (emailEntityType == MailGunEmailTypes.Member) {\r\n // Saved Seach\r\n return \"29%\";\r\n }\r\n return \"35%\";\r\n } else if (window.innerWidth > 1860) {\r\n if (emailEntityType == MailGunEmailTypes.Facility) {\r\n if (shrinkActionCol) {\r\n return \"17%\"; // On Facility Dashboard\r\n } else {\r\n return \"25%\"; // On Edit Email Config Modal\r\n }\r\n } else if (emailEntityType == MailGunEmailTypes.Team) {\r\n return \"24%\";\r\n } else if (emailEntityType == MailGunEmailTypes.Member) {\r\n // Saved Seach\r\n return \"28%\";\r\n }\r\n return \"35%\";\r\n }\r\n })(),\r\n },\r\n // headerStyle: (colum, colIndex) => {\r\n // return { width: \"%\" };\r\n // },\r\n //headerClasses: \"bg-dark text-white px-sm-3 px-2 py-2\",\r\n formatter: (cell, row) => {\r\n return actions(\r\n cell,\r\n row,\r\n setCurrentSenderInfo,\r\n toggleConfirm,\r\n confirmDeleteMember,\r\n keyIdfr,\r\n hideActionColumn,\r\n showReSubscribeModal\r\n );\r\n },\r\n csvExport: false,\r\n },\r\n];\r\n\r\nconst getExportFileName = (tblType, filetype) => {\r\n // if (tblType === FERequestsType.MyRequests) {\r\n // return `${Date.now()}_MyRequestsList.${filetype}`;\r\n // } else if (tblType == FERequestsType.ApprovedReviewRequests) {\r\n // return `${Date.now()}_ApprovedReviewRequests.${filetype}`;\r\n // } else if (tblType == FERequestsType.SubmittedReviewRequests) {\r\n // return `${Date.now()}_SubmittedReviewRequests.${filetype}`;\r\n // } else if (tblType == FERequestsType.PendingEVPReviewRequests) {\r\n // return `${Date.now()}_PendingReviewRequests.${filetype}`;\r\n // }\r\n};\r\nconst _html2canvas = async (allprops) => {\r\n let filename = getExportFileName(allprops.requestType, \"pdf\");\r\n const formData = {\r\n recordtype: allprops.requestType, // Active/InAccountReview || My/Review Requests\r\n isExportTable: true,\r\n PageNo: 1,\r\n PageSize: 10,\r\n SortOrder: \"id\",\r\n activeTab: allprops.activeSubHeader, // Inventory Or Requests\r\n isAdvanceSearchApplied: allprops.isAdvanceSearchApplied,\r\n searchCriteria: allprops.isAdvanceSearchApplied\r\n ? allprops.searchCriteria\r\n : {},\r\n showClosed: allprops.showClosed,\r\n };\r\n // var response = await FEService.getDataForFEExport(formData);\r\n // if (!_.isEmpty(response)) {\r\n // var tableBody = response.data.map((val) => {\r\n // var listRow = [];\r\n // listRow.push(val.userName);\r\n // listRow.push(val.description);\r\n // listRow.push(val.requesterName);\r\n // listRow.push(val.budgetLineName);\r\n // listRow.push(val.categoryName);\r\n // listRow.push(val.typeName);\r\n // listRow.push(val.statusName);\r\n // return listRow;\r\n // });\r\n // const doc = new jsPDF();\r\n // doc.autoTable({\r\n // head: [\r\n // [\r\n // \"USER\",\r\n // \"DESCRIPTION\",\r\n // \"REQUESTER\",\r\n // \"BUDGET\",\r\n // \"CATEGORY\",\r\n // \"TYPE\",\r\n // \"STAUS\",\r\n // ],\r\n // ],\r\n // body: tableBody,\r\n // tableWidth: \"auto\",\r\n // styles: { cellPadding: 0.7, fontSize: 8 },\r\n // columnStyles: {\r\n // 0: { cellWidth: 25 },\r\n // 1: { cellWidth: 25 },\r\n\r\n // // etc\r\n // },\r\n // });\r\n // doc.save(filename);\r\n //}\r\n};\r\n\r\nconst RemotePagination = (\r\n data,\r\n setCurrentSenderInfo,\r\n toggleConfirm,\r\n loading,\r\n confirmDeleteMember,\r\n keyIdfr,\r\n caption,\r\n hideActionColumn,\r\n showReSubscribeModal,\r\n shrinkActionCol,\r\n emailEntityType\r\n) => (\r\n \r\n \r\n {(props) => (\r\n <>\r\n ({\r\n ...base,\r\n background: \"rgba(40, 45, 42, 0.19)\",\r\n }),\r\n },\r\n })}\r\n noDataIndication={() => {\r\n return loading === false ? (\r\n \r\n
\r\n );\r\n }}\r\n caption={\r\n Confirm Remove \r\n \r\n \r\n
{message} \r\n \r\n \r\n \r\n {\r\n confirm().confirmed();\r\n }}\r\n >\r\n Confirm\r\n {\" \"}\r\n \r\n Cancel\r\n \r\n \r\n \r\n );\r\n}\r\n","import AUX from \"../../../hoc/Aux_\";\r\nimport React, { Component } from \"react\";\r\nimport $ from \"jquery\";\r\nimport _ from \"lodash\";\r\n// import axios from \"./auth-header\";\r\nimport { toast } from \"react-toastify\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { MDBInput } from \"mdbreact\";\r\nimport AuthService from \"../../../modules/Auth/AuthService\";\r\n\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport { connect } from \"react-redux\";\r\nimport mailGunEmailActions from \"../../../store/mailgunEmails/action\";\r\n\r\nclass MG_Add_NonNatca extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n handleClose = () => {\r\n this.props.handleClose();\r\n // this.setState({\r\n // showEmailModal: false,\r\n // });\r\n };\r\n\r\n showSpinner = () => {\r\n $(\".loading\").show();\r\n };\r\n\r\n hideSpinner = () => {\r\n $(\".loading\").hide();\r\n };\r\n\r\n onShow = () => {\r\n this.props.resetNonNatcaUI();\r\n };\r\n\r\n handleSelectChange = (e) => {\r\n this.setState({ [e.target.name]: e.target.value });\r\n };\r\n\r\n handleFormSubmit = (e) => {\r\n e.preventDefault();\r\n e.target.className += \" was-validated\";\r\n if (e.target.checkValidity() === false) {\r\n return false;\r\n }\r\n this.handleClose();\r\n\r\n let allSelected = this.props.melstate.selectedAddtlRecipientsNonNatca;\r\n allSelected.forEach((element) => {\r\n element.name = `${element.firstName} ${element.lastName}`;\r\n element.id = 0;\r\n element.isNonNatca = true;\r\n element.subscribed = true;\r\n });\r\n\r\n this.props.addSelectedNonNatcaMembers(allSelected);\r\n };\r\n changeHandler = (e, idx) => {\r\n const { name, value } = e.target;\r\n\r\n const list = [...this.props.melstate.selectedAddtlRecipientsNonNatca];\r\n list[idx][name] = value;\r\n\r\n this.props.handleNonNatcaChange(list);\r\n };\r\n addRowClick = () => {\r\n const list = [...this.props.melstate.selectedAddtlRecipientsNonNatca];\r\n list.push({ name: \"\", address: \"\" });\r\n\r\n this.props.handleNonNatcaChange(list);\r\n };\r\n removeNonNatca = (idx) => {\r\n const list = [...this.props.melstate.selectedAddtlRecipientsNonNatca];\r\n list.splice(idx, 1);\r\n this.props.handleNonNatcaChange(list);\r\n };\r\n render() {\r\n const { selectedAddtlRecipientsNonNatca } = this.props.melstate;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Add New Non Natca Member\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {selectedAddtlRecipientsNonNatca &&\r\n selectedAddtlRecipientsNonNatca.map((item, idx) => (\r\n \r\n
\r\n
this.changeHandler(e, idx)}\r\n placeHolder=\"Enter First Name\"\r\n required\r\n type=\"text\"\r\n >\r\n \r\n Enter First Name\r\n
\r\n \r\n \r\n
\r\n
this.changeHandler(e, idx)}\r\n placeHolder=\"Enter Last Name\"\r\n required\r\n type=\"text\"\r\n >\r\n \r\n Enter Last Name\r\n
\r\n \r\n \r\n {selectedAddtlRecipientsNonNatca.length - 1 === idx && (\r\n
\r\n this.addRowClick()}\r\n className=\"btn btn-success btn-sm\"\r\n >\r\n
\r\n )}\r\n\r\n {selectedAddtlRecipientsNonNatca.length !== 1 && (\r\n
\r\n this.removeNonNatca(idx)}\r\n className=\"btn btn-danger btn-sm\"\r\n >\r\n
\r\n )}\r\n\r\n
\r\n
this.changeHandler(e, idx)}\r\n placeHolder=\"Enter Email\"\r\n required\r\n type=\"email\"\r\n >\r\n \r\n Enter valid Email\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n//export default MG_Add_NonNatca;\r\nexport default connect(\r\n (state) => ({\r\n melstate: state.mailGunEmail,\r\n }),\r\n {\r\n ...mailGunEmailActions,\r\n }\r\n)(MG_Add_NonNatca);\r\n","import React from \"react\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nexport default function MG_DeleteEmailList(props) {\r\n const { modal, toggle, confirm, emailListExists, isFilterModal } = props;\r\n let message = \"Are you sure you want to Delete the Email List.\";\r\n if (isFilterModal) {\r\n if (emailListExists) {\r\n message = \"Are you sure you want to Delete the Email List and Filter.\";\r\n } else {\r\n message = \"Are you sure you want to Delete Filter.\";\r\n }\r\n }\r\n\r\n return (\r\n \r\n Confirm Delete \r\n \r\n \r\n
{message} \r\n \r\n \r\n \r\n {\r\n confirm().confirmed();\r\n }}\r\n >\r\n Confirm\r\n {\" \"}\r\n \r\n Cancel\r\n \r\n \r\n \r\n );\r\n}\r\n","import axios from \"../../modules/Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport { toast } from \"react-toastify\";\r\nconst actions = {\r\n //ActionNameConsts\r\n SET_FACILITY_ACTIVITY_DATA: \"SET_FACILITY_ACTIVITY_DATA\",\r\n SET_MEMBER_ACTIVITY_DATA: \"SET_MEMBER_ACTIVITY_DATA\",\r\n IS_ACCORDION_LOADING: \"IS_ACCORDION_LOADING\",\r\n SET_REQUEST_FETCH: \"SET_REQUEST_FETCH\",\r\n SET_LOG_MODULE_TYPE: \"SET_LOG_MODULE_TYPE\",\r\n TOGGLE_MEMBER_LOG_CARD: \"TOGGLE_MEMBER_LOG_CARD\",\r\n SHOW_ACTIVITYLOG_CHANGE: \"SHOW_ACTIVITYLOG_CHANGE\",\r\n RESET_LOGS: \"RESET_LOGS\",\r\n TOGGLE_TEAM_LOG_CARD: \"TOGGLE_TEAM_LOG_CARD\",\r\n TOGGLE_EMAIL_LOG_CARD: \"TOGGLE_EMAIL_LOG_CARD\",\r\n\r\n //ActionNameConsts END\r\n\r\n ///Action Methods\r\n\r\n resetLogs: () => (dispatch) => {\r\n dispatch({\r\n type: actions.RESET_LOGS,\r\n });\r\n },\r\n\r\n showActivityLogChange: (id, self) => (dispatch) => {\r\n dispatch({\r\n type: actions.SHOW_ACTIVITYLOG_CHANGE,\r\n payload: id,\r\n });\r\n self.toggleModal();\r\n },\r\n\r\n setAccordionLoading: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: val,\r\n });\r\n },\r\n\r\n toggleMemberLogAccordion: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_MEMBER_LOG_CARD,\r\n payload: val,\r\n });\r\n },\r\n\r\n toggleTeamLogAccordion: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_TEAM_LOG_CARD,\r\n payload: val,\r\n });\r\n },\r\n toggleEmailListLogAccordion: (val) => (dispatch) => {\r\n dispatch({\r\n type: actions.TOGGLE_EMAIL_LOG_CARD,\r\n payload: val,\r\n });\r\n },\r\n getActicityLoggingByModuleId: (moduletype, id, offset, fetch, table) => (\r\n dispatch\r\n ) => {\r\n dispatch({\r\n type: actions.SET_LOG_MODULE_TYPE,\r\n payload: moduletype,\r\n });\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: true,\r\n });\r\n let url =\r\n offset === null || fetch === null\r\n ? `api/ActivityLogging?moduletype=${moduletype}&id=${id}&offset=0&fetch=10&table=${table}`\r\n : `api/ActivityLogging?moduletype=${moduletype}&id=${id}&offset=${offset}&fetch=${fetch}&table=${table}`;\r\n //$(\".loading\").show();\r\n axios.get(url).then(({ data }) => {\r\n if (data.status && data.status.toLowerCase() == \"success\") {\r\n dispatch({\r\n type: actions.SET_FACILITY_ACTIVITY_DATA,\r\n payload: data.responseData,\r\n });\r\n dispatch({\r\n type: actions.IS_ACCORDION_LOADING,\r\n payload: false,\r\n });\r\n dispatch({\r\n type: actions.SET_REQUEST_FETCH,\r\n payload: fetch,\r\n });\r\n //$(\".loading\").hide();\r\n } else {\r\n toast.error(data.message);\r\n ///$(\".loading\").hide();\r\n }\r\n });\r\n },\r\n};\r\n\r\nexport default actions;\r\n","import React, { useState } from \"react\";\r\nimport Moment from \"react-moment\";\r\nimport { Tooltip } from \"reactstrap\";\r\nimport moment from \"moment\";\r\nimport _ from \"lodash\";\r\nconst getUTCDate = () => {\r\n var dtnow = new Date();\r\n var utcDate = new Date(\r\n dtnow.getUTCFullYear(),\r\n dtnow.getUTCMonth(),\r\n dtnow.getUTCDate(),\r\n dtnow.getUTCHours(),\r\n dtnow.getUTCMinutes(),\r\n dtnow.getUTCSeconds()\r\n );\r\n return utcDate;\r\n};\r\nconst getMomentLogUTCDate = (dateToFormat) => {\r\n return {dateToFormat} ;\r\n};\r\nconst getLogUTCDate = (date) => {\r\n var dtnow = new Date(date);\r\n var utcDate = new Date(\r\n dtnow.getUTCFullYear(),\r\n dtnow.getUTCMonth(),\r\n dtnow.getUTCDate(),\r\n dtnow.getUTCHours(),\r\n dtnow.getUTCMinutes(),\r\n dtnow.getUTCSeconds()\r\n );\r\n return utcDate;\r\n};\r\nconst timeDifference = (current, previous) => {\r\n var msPerMinute = 60 * 1000;\r\n var msPerHour = msPerMinute * 60;\r\n var msPerDay = msPerHour * 24;\r\n var msPerMonth = msPerDay * 30;\r\n var msPerYear = msPerDay * 365;\r\n var elapsed = current - previous;\r\n\r\n if (elapsed < msPerMinute) {\r\n return Math.round(elapsed / 1000) + \" seconds ago\";\r\n } else if (elapsed < msPerHour) {\r\n return Math.round(elapsed / msPerMinute) + \" minutes ago\";\r\n } else if (elapsed < msPerDay) {\r\n return Math.round(elapsed / msPerHour) + \" hours ago\";\r\n } else if (elapsed < msPerMonth) {\r\n return \"approximately \" + Math.round(elapsed / msPerDay) + \" days ago\";\r\n } else if (elapsed < msPerYear) {\r\n return \"approximately \" + Math.round(elapsed / msPerMonth) + \" months ago\";\r\n } else {\r\n return \"approximately \" + Math.round(elapsed / msPerYear) + \" years ago\";\r\n }\r\n};\r\nconst ActivityLogsList = (props) => {\r\n // debugger;\r\n const [tooltipOpen, setTooltipOpen] = useState(false);\r\n\r\n const toggle = () => setTooltipOpen(!tooltipOpen);\r\n const { onToggleModal, isApiResponded } = props;\r\n\r\n const logs =\r\n props &&\r\n props.logsData &&\r\n props.logsData.map((item, idx) => {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n {item.actionType == \"Modification\" && !_.isEmpty(item.changes) && (\r\n <>\r\n
onToggleModal(item.id)}\r\n class={`fa fa-info-circle pl-2 text-dark cursorPointer`}\r\n >\r\n\r\n \r\n Click to view Details\r\n \r\n \r\n )}\r\n {/* \r\n {moment(new Date(item.createDate + \"Z\")).format(\r\n \"MM/DD/YY hh:mm:ss\"\r\n )}\r\n
\r\n \r\n \r\n
\r\n
\r\n {logs}\r\n {logs === undefined ||\r\n (logs.length === 0 && !isApiResponded && (\r\n
\r\n
\r\n
No Logs Found! \r\n \r\n
\r\n ))}\r\n
\r\n \r\n Modified Fields\r\n \r\n \r\n \r\n
\r\n \r\n \r\n # \r\n Field Name \r\n Value Before \r\n Value After \r\n \r\n \r\n \r\n {changeLogData &&\r\n changeLogData.map((item, idx) => {\r\n return (\r\n \r\n {idx + 1} \r\n {item.FieldName} \r\n \r\n {item.ValueBefore.includes(\"12:00:00 AM\")\r\n ? item.ValueBefore.split(\" \")[0]\r\n : item.ValueBefore}\r\n \r\n \r\n {item.ValueAfter.includes(\"12:00:00 AM\")\r\n ? item.ValueAfter.split(\" \")[0]\r\n : item.ValueAfter}\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n
\r\n \r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport actionActivity from \"../../store/activitylogging/action\";\r\nimport ActivityLoggingList from \"./ActivityLoggingList.js\";\r\nimport InfiniteScroll from \"react-infinite-scroll-component\";\r\nimport { Spinner } from \"reactstrap\";\r\nimport $ from \"jquery\";\r\nimport AuditChangeModal from \"./AuditChangeModal\";\r\nclass ActivityLogging extends Component {\r\n state = {\r\n isOpen: false,\r\n };\r\n componentDidUpdate() {}\r\n onToggle = (id) => {\r\n //debugger\r\n var myself = this;\r\n this.props.showActivityLogChange(id, myself);\r\n };\r\n toggleModal = () => {\r\n this.setState({ isOpen: !this.state.isOpen });\r\n };\r\n render() {\r\n //debugger;\r\n const logsResponse = this.props.activityLoggingState.activityLoggingRecords;\r\n const { targetDiv = \"LogslistScroll\" } = this.props;\r\n //const targetDiv = \"LogslistScroll\";\r\n const listItems = (\r\n \r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n this.props.getActicityLoggingByModuleId(\r\n this.props.activityLoggingState.moduletypeid,\r\n this.props.recordId,\r\n 0,\r\n this.props.activityLoggingState.fetch\r\n )\r\n }\r\n hasMore={this.props.activityLoggingState.hasMore}\r\n loader={
\r\n\r\n \r\n {/* Card Header */}\r\n {/* {!IsLoading && (\r\n <>\r\n \r\n \r\n \r\n \r\n )} */}\r\n\r\n {/* */}\r\n \r\n
\r\n {IsLoading && (\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 {/* ActivityLogging Work */}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default EmailActivityLogging;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport AuthorizedSendersModal from \"../ModalPopups/AuthorizedSendersModal\";\r\nimport MG_ConfirmationModal from \"../ModalPopups/MG_ConfirmationModal\";\r\nimport MG_EditEmailAliasModal from \"../ModalPopups/MG_EditEmailAliasModal\";\r\nimport Tabs from \"react-bootstrap/Tabs\";\r\nimport Tab from \"react-bootstrap/Tab\";\r\nimport EmailListMemType from \"../Enums/EmailListMemType\";\r\nimport MailGunMembersList from \"../../Shared/MailGunMembersList\";\r\nimport mailGunEmailActions from \"../../../store/mailgunEmails/action\";\r\nimport savedSearchAction from \"../../../store/saveSearch/action\";\r\n\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { Card as BootStrapCard } from \"react-bootstrap\";\r\nimport { Card, CardBody, Collapse } from \"reactstrap\";\r\n\r\nimport _ from \"lodash\";\r\n\r\nimport { Form } from \"react-bootstrap\";\r\nimport axios from \"../../Shared/auth-header\";\r\nimport $ from \"jquery\";\r\nimport EmailConfigTeamsTable from \"../TableData/EmailConfigTeamsTable\";\r\nimport EmailConfigMemberTable from \"../TableData/EmailConfigMemberTable\";\r\nimport ConfigDataType from \"../Enums/ConfigDataType\";\r\n\r\nimport EmailService from \"../EmailListService\";\r\nimport MG_DeleteAllAuthSenders from \"../ModalPopups/MG_DeleteAllAuthSenders\";\r\nimport EmailConfigTables from \"../Enums/EmailConfigTables\";\r\nimport EmailConfigTabs from \"../Enums/EmailConfigTabs\";\r\nimport AddRecptType from \"../Enums/AddRecptType\";\r\nimport MG_Add_NonNatca from \"../ModalPopups/MG_Add_NonNatca\";\r\nimport MailGunEmailTypes from \"../Enums/MailGunEmailTypes\";\r\nimport MG_DeleteEmailList from \"../ModalPopups/MG_DeleteEmailList\";\r\nimport PermissionFeature from \"../../Permissions/PermissionFeature\";\r\nimport AuthService from \"../../Auth/AuthService\";\r\nimport RemoveActionType from \"../Enums/RemoveActionType\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport chistory from \"../../Shared/auth-header\";\r\nimport EmailActivityLogging from \"../EmailActivityLogging\";\r\nimport actionActivity from \"../../../store/activitylogging/action\";\r\nimport AuditModuleTypes from \"../../Shared/AuditModuleTypes\";\r\nimport MG_ReSubscriberModal from \"../ModalPopups/MG_ReSubscriberModal\";\r\nimport ManageSubscribersModal from \"../../AdvanceSearch/SavedSearches/Listing/ManageSubscribersModal\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { Spinner } from \"reactstrap\";\r\nimport FilterEmailConfigTabs from \"../Enums/FilterEmailConfigTabs\";\r\n\r\nexport class MailGunConfigurationTabs extends Component {\r\n constructor(props) {\r\n super(props);\r\n //this.unsubscribersListRef = React.createRef();\r\n this.nonNatcaUnsubscribersListRef = React.createRef();\r\n this.additionalTeamUnsubscribersListRef = React.createRef();\r\n this.subscribersListRef = React.createRef();\r\n this.state = {\r\n isOpenAddNonNatcaModal: false,\r\n key:\r\n this.props.showTwoTabs && this.props.emailListExists\r\n ? EmailConfigTabs.Subscribers\r\n : EmailConfigTabs.Settings,\r\n showEmailAliasModal: false,\r\n showEmailDeleteAllModal: false,\r\n showDeleteEmailListModal: false,\r\n userFirstName: \"\",\r\n userLastName: \"\",\r\n fullName: \"\",\r\n isConfirmModalOpen: false,\r\n\r\n emailPriviliges: [],\r\n selectedPrivilige: \"readonly\",\r\n reply_preference: \"list\",\r\n deleteEmailConfigRecordId: 0,\r\n\r\n teamModalOpended: false,\r\n memberModalOpended: false,\r\n deleteAuthSenderMemberId: 0,\r\n deleteAuthSenderTeamId: 0,\r\n removeActionType: 0,\r\n confirmModelType: 0,\r\n totalSyncMembers: 0,\r\n totalDupSyncMembers: 0,\r\n showAddtlMembers: true,\r\n\r\n //Resubscribe Work\r\n resubscribeEmail: \"\",\r\n showReSubscribeModal: false,\r\n unSubTeam: \"\",\r\n unSubTeamId: 0,\r\n teamMembers: [],\r\n teamMapId: 0,\r\n currentPage: 1,\r\n cctosender: false,\r\n emailPriviligesCalled: false, //Used for Add mode\r\n nestedTabKey: \"emailDetails\",\r\n isAdminAccessLevelChanged: false,\r\n };\r\n this.props.setCurrentEmailConfigTab(\r\n this.props.showTwoTabs && this.props.emailListExists\r\n ? EmailConfigTabs.Subscribers\r\n : EmailConfigTabs.Settings\r\n );\r\n // For Unsubscribe or Remove Member\r\n this.confirmDeleteMember = () => {\r\n this.confirmed = async () => {\r\n ///Primary key of table is not 0\r\n let response = null;\r\n const { deleteEmailConfigType, deleteEmailConfigRecordId } = this.state;\r\n const { currentEmailConfigTab } = this.props.melstate;\r\n if (deleteEmailConfigRecordId !== 0) {\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n // Means here we are dealing with *************Additional********** Subscribers => Members + Non Nacta\r\n if (deleteEmailConfigType == ConfigDataType.NonNatca) {\r\n let { removeActionType } = this.state;\r\n let {\r\n mgListAddress,\r\n additionalRecipientsNonNatca,\r\n emailEntityType,\r\n } = this.props.melstate;\r\n let currentNonNatcaMember = additionalRecipientsNonNatca.find(\r\n (f) => f.address == this.state.nonNatcaMemberAddress\r\n );\r\n let apiRequestBody = {\r\n recipientType: AddRecptType.NonNatca,\r\n memberEmailAddress: currentNonNatcaMember.address,\r\n entityId: null,\r\n mailingListFullAddress: mgListAddress,\r\n teamMembers: null,\r\n removeActionType,\r\n emailEntityType,\r\n memberName: currentNonNatcaMember.name,\r\n };\r\n response = await EmailService.RemoveAddlRecipient(apiRequestBody);\r\n if (\r\n removeActionType == RemoveActionType.UnSubscribe &&\r\n response != null\r\n ) {\r\n // const nonNatcaUnsubscribersList = this\r\n // .nonNatcaUnsubscribersListRef.current;\r\n // nonNatcaUnsubscribersList.resetData();\r\n // nonNatcaUnsubscribersList.reload();\r\n this.props.updateRecipientSubBlockFlag(\r\n currentNonNatcaMember.address,\r\n EmailConfigTables.NonNatcaMembers,\r\n false,\r\n null, //Block\r\n false //IsBlockUnBlock\r\n );\r\n } else if (\r\n removeActionType == RemoveActionType.Block &&\r\n response != null\r\n ) {\r\n this.props.updateRecipientSubBlockFlag(\r\n currentNonNatcaMember.address,\r\n EmailConfigTables.NonNatcaMembers,\r\n null,\r\n true, //Block\r\n true //IsBlockUnBlock\r\n );\r\n } else if (\r\n removeActionType == RemoveActionType.Delete &&\r\n response != null\r\n ) {\r\n this.props.removeSelectedNonNatcaMember(\r\n currentNonNatcaMember.address\r\n );\r\n }\r\n }\r\n //NewChanges *********************Default Members***********************\r\n else if (deleteEmailConfigType == ConfigDataType.DefaultMember) {\r\n let {\r\n mgListAddress,\r\n defaultRecipientMembers,\r\n additionalRecipientsMembers,\r\n emailEntityType,\r\n } = this.props.melstate;\r\n let { removeActionType } = this.state;\r\n\r\n let currentMember = defaultRecipientMembers.find(\r\n (f) => f.memberId == deleteEmailConfigRecordId\r\n );\r\n let apiRequestBody = {\r\n recipientType: AddRecptType.DefaultMember,\r\n //isDefaultMember: true, should do this after branch 949 Merging\r\n memberEmailAddress: currentMember.address, /// member email address\r\n entityId: deleteEmailConfigRecordId, /// Member id to be deleted\r\n mailingListFullAddress: mgListAddress,\r\n teamMembers: null,\r\n removeActionType,\r\n emailEntityType,\r\n memberName: currentMember.name,\r\n };\r\n response = await EmailService.RemoveAddlRecipient(apiRequestBody);\r\n if (\r\n (removeActionType == RemoveActionType.UnSubscribe ||\r\n removeActionType == RemoveActionType.Delete ||\r\n removeActionType == RemoveActionType.Block) &&\r\n response != null\r\n ) {\r\n // const unsubscribersList = this.unsubscribersListRef.current;\r\n // unsubscribersList.resetData();\r\n // unsubscribersList.reload();\r\n // const subscribersList = this.subscribersListRef.current;\r\n // subscribersList.resetData();\r\n // subscribersList.reload();\r\n if (removeActionType == RemoveActionType.Delete) {\r\n this.props.deleteDefaultRecipientMember(\r\n currentMember.address\r\n );\r\n } else {\r\n this.props.updateRecipientSubBlockFlag(\r\n currentMember.address,\r\n EmailConfigTables.DefaultMembers,\r\n false,\r\n true, //Block\r\n removeActionType == RemoveActionType.Block //IsBlockUnBlock Call\r\n );\r\n }\r\n }\r\n //NewChanges END*********************Default Members***********************\r\n } else {\r\n // Means Additional Members + Non Natca\r\n let {\r\n mgListAddress,\r\n additionalRecipientsMembers,\r\n } = this.props.melstate;\r\n let { removeActionType } = this.state;\r\n\r\n let currentMember = additionalRecipientsMembers.find(\r\n (f) => f.memberId == this.state.deleteEmailConfigRecordId\r\n );\r\n let { emailEntityType } = this.props.melstate;\r\n let apiRequestBody = {\r\n recipientType: AddRecptType.Member,\r\n memberEmailAddress: currentMember.address, /// member email address\r\n entityId: this.state.deleteEmailConfigRecordId, /// Member id to be deleted\r\n mailingListFullAddress: mgListAddress,\r\n memberName: currentMember.name, //Memner Name\r\n teamMembers: null,\r\n removeActionType,\r\n emailEntityType,\r\n };\r\n response = await EmailService.RemoveAddlRecipient(apiRequestBody);\r\n // Not null means success\r\n if (response != null) {\r\n // const unsubscribersList = this.unsubscribersListRef.current;\r\n // unsubscribersList.resetData();\r\n // unsubscribersList.reload();\r\n const { confirmModelType } = this.state;\r\n if (\r\n confirmModelType ==\r\n EmailConfigTables.AdditionalRecipientsMember\r\n ) {\r\n if (removeActionType == RemoveActionType.UnSubscribe) {\r\n this.props.updateRecipientSubBlockFlag(\r\n currentMember.address,\r\n EmailConfigTables.AdditionalRecipientsMember,\r\n false,\r\n null, //Block\r\n false //IsBlockUnBlock\r\n );\r\n }\r\n if (removeActionType == RemoveActionType.Block) {\r\n this.props.updateRecipientSubBlockFlag(\r\n currentMember.address,\r\n EmailConfigTables.AdditionalRecipientsMember,\r\n false,\r\n true, //Block\r\n true //IsBlockUnBlock\r\n );\r\n }\r\n if (removeActionType == RemoveActionType.Delete) {\r\n this.props.removeSelectedEntity(\r\n apiRequestBody.entityId,\r\n ConfigDataType.Member ///Additional Member\r\n );\r\n this.deSelectMember(apiRequestBody.entityId);\r\n }\r\n }\r\n }\r\n }\r\n if (response != null) {\r\n this.fetchLogsCardClick();\r\n }\r\n }\r\n //*******************************Subscribers Tab Ends**************************//\r\n else if (\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Unsubscribed\r\n ) {\r\n // if (this.state.deleteEmailConfigType == ConfigDataType.NonNatca) {\r\n // const nonNatcaUnsubscribersListRef = this\r\n // .nonNatcaUnsubscribersListRef.current;\r\n // let { removeActionType, nonNatcaMemberAddress } = this.state;\r\n // let currentNonNatcaMember = nonNatcaUnsubscribersListRef.state.nonNatcaUnSubscribers.find(\r\n // (f) => f.address == nonNatcaMemberAddress\r\n // );\r\n // let apiRequestBody = {\r\n // recipientType: AddRecptType.NonNatca,\r\n // memberEmailAddress: currentNonNatcaMember.address,\r\n // entityId: null,\r\n // mailingListFullAddress: this.props.melstate.mgListAddress,\r\n // teamMembers: null,\r\n // removeActionType,\r\n // };\r\n // response = await EmailService.RemoveAddlRecipient(apiRequestBody);\r\n // if (\r\n // removeActionType == RemoveActionType.UnSubscribe &&\r\n // response != null\r\n // ) {\r\n // nonNatcaUnsubscribersListRef.resetData();\r\n // nonNatcaUnsubscribersListRef.reload();\r\n // }\r\n // }\r\n } else if (\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Settings\r\n //Incase of Edit Filter modal the TAB will be \"Email-List\" but Redux state's Email config modal will have Settings value\r\n ) {\r\n let { emailEntityType } = this.props.melstate;\r\n response = await EmailService.RemoveAuthSender(\r\n this.state.deleteEmailConfigRecordId,\r\n emailEntityType\r\n );\r\n if (response != null) {\r\n this.props.removeSelectedEntity(\r\n this.state.deleteAuthSenderMemberId,\r\n ConfigDataType.Member\r\n );\r\n this.fetchLogsCardClick();\r\n }\r\n }\r\n }\r\n\r\n /////////########END of Logic for DB Generated Removal Record###########/////////\r\n if (response != null) {\r\n // if (\r\n // this.props.melstate.currentEmailConfigTab ==\r\n // EmailConfigTabs.Subscribers &&\r\n // this.state.deleteEmailConfigType == ConfigDataType.NonNatca\r\n // ) {\r\n // this.props.removeSelectedNonNatcaMember(\r\n // this.state.nonNatcaMemberAddress\r\n // );\r\n // } else if (\r\n // this.props.melstate.currentEmailConfigTab ==\r\n // EmailConfigTabs.Unsubscribed &&\r\n // this.state.deleteEmailConfigType == ConfigDataType.NonNatca\r\n // ) {\r\n // let { nonNatcaMemberAddress } = this.state;\r\n // const nonNatcaUnsubscribersListRef = this\r\n // .nonNatcaUnsubscribersListRef.current;\r\n // let afterRemoval = nonNatcaUnsubscribersListRef.state.nonNatcaUnSubscribers.filter(\r\n // (f) => f.address != nonNatcaMemberAddress\r\n // );\r\n // nonNatcaUnsubscribersListRef.setState({\r\n // nonNatcaUnSubscribers: afterRemoval,\r\n // });\r\n } else {\r\n //For Removng Additional Members in Subscribers Tab\r\n // this.deSelectMember(this.state.deleteAuthSenderMemberId); /// entity key id\r\n // this.props.removeSelectedEntity(\r\n // this.state.deleteAuthSenderMemberId,\r\n // ConfigDataType.Member\r\n // );\r\n }\r\n //}\r\n ///########################Removed Record from UI(Client State)#############\r\n this.toggleConfirmDeleteModal();\r\n };\r\n return this;\r\n };\r\n\r\n this.confirmDeleteTeam = () => {\r\n this.confirmed = async () => {\r\n const { deleteEmailConfigRecordId } = this.state;\r\n let response = null;\r\n if (deleteEmailConfigRecordId !== 0) {\r\n if (\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Subscribers\r\n ) {\r\n //Remove Additional *Team* Subscriber from Mailing List\r\n let {\r\n mgListAddress,\r\n additionalRecipientsTeams,\r\n } = this.props.melstate;\r\n let { removeActionType } = this.state;\r\n let currentTeam = additionalRecipientsTeams.find(\r\n (f) => f.id == deleteEmailConfigRecordId\r\n );\r\n let { emailEntityType } = this.props.melstate;\r\n let apiRequestBody = {\r\n recipientType: AddRecptType.Team,\r\n memberEmailAddress: null,\r\n entityId: deleteEmailConfigRecordId, /// Can be Team id, now 'mail_gun_addtl_subs_teams's PrimaryKey.\r\n mailingListFullAddress: mgListAddress,\r\n teamMembers: currentTeam.members,\r\n removeActionType,\r\n emailEntityType,\r\n teamName: currentTeam.teamName || \"\",\r\n };\r\n response = await EmailService.RemoveAddlRecipient(apiRequestBody);\r\n if (\r\n removeActionType == RemoveActionType.UnSubscribe &&\r\n response != null\r\n ) {\r\n // const additionalTeamUnsubscribersListRef = this\r\n // .additionalTeamUnsubscribersListRef.current;\r\n // additionalTeamUnsubscribersListRef.resetData();\r\n // additionalTeamUnsubscribersListRef.reload();\r\n const { confirmModelType } = this.state;\r\n if (\r\n confirmModelType == EmailConfigTables.AdditionalRecipientsTeam\r\n ) {\r\n this.props.reloadAdditionalSubsriberTeams();\r\n }\r\n }\r\n }\r\n //################# END of Delete Work for (Team Additional **Subscribers***) Tab data ###################\r\n else if (\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Settings\r\n ) {\r\n let { emailEntityType } = this.props.melstate;\r\n response = await EmailService.RemoveAuthSender(\r\n deleteEmailConfigRecordId,\r\n emailEntityType\r\n );\r\n }\r\n\r\n //Removing Additional Unsubscribed Team Members\r\n else if (\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Unsubscribed\r\n ) {\r\n // const additionalTeamUnsubscribersListRef = this\r\n // .additionalTeamUnsubscribersListRef.current;\r\n // let { removeActionType } = this.state;\r\n // let currentTeam = additionalTeamUnsubscribersListRef.state.additionalTeamUnSubscribers.find(\r\n // (f) => f.id == deleteEmailConfigRecordId\r\n // );\r\n // let { emailEntityType } = this.props.melstate;\r\n // let apiRequestBody = {\r\n // recipientType: AddRecptType.Team,\r\n // memberEmailAddress: null,\r\n // entityId: deleteEmailConfigRecordId, /// Can be Team id, now 'mail_gun_addtl_subs_teams's PrimaryKey.\r\n // /// Member id to be deleted\r\n // mailingListFullAddress: this.props.melstate.mgListAddress,\r\n // teamMembers: currentTeam.members,\r\n // removeActionType,\r\n // emailEntityType,\r\n // };\r\n // response = await EmailService.RemoveAddlRecipient(apiRequestBody);\r\n // if (response != null) {\r\n // additionalTeamUnsubscribersListRef.resetData();\r\n // additionalTeamUnsubscribersListRef.reload();\r\n // }\r\n }\r\n } // Means new Team, delete it from client side??????\r\n if (\r\n response != null &&\r\n (this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Settings ||\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Subscribers)\r\n ) {\r\n //Could be Subscriber's Tab Team or Settings's Tab Authorized Team\r\n this.deSelectTeam(this.state.deleteAuthSenderTeamId);\r\n this.props.removeSelectedEntity(\r\n this.state.deleteAuthSenderTeamId,\r\n ConfigDataType.Team\r\n );\r\n }\r\n if (\r\n response != null &&\r\n this.props.melstate.currentEmailConfigTab ==\r\n EmailConfigTabs.Subscribers\r\n ) {\r\n //Subscribers Tab Team\r\n this.props.reloadAdditionalSubsriberTeams();\r\n }\r\n if (response != null) {\r\n this.fetchLogsCardClick();\r\n }\r\n ///########################Removed Record from UI(Client State)#############\r\n\r\n this.toggleConfirmDeleteModal();\r\n };\r\n return this;\r\n };\r\n this.confirmDeleteAll = () => {\r\n this.confirmed = () => {\r\n const { currentEmailConfigTab } = this.props.melstate;\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n let {\r\n additionalRecipientsMembers,\r\n additionalRecipientsTeams,\r\n additionalRecipientsNonNatca,\r\n emailListId,\r\n emailEntityType,\r\n } = this.props.melstate;\r\n let emailListAdditionalRecpts = [\r\n ...additionalRecipientsMembers,\r\n ...additionalRecipientsTeams,\r\n ...additionalRecipientsNonNatca,\r\n ];\r\n this.props.deleteAllAddlListClick(\r\n emailListId,\r\n emailEntityType,\r\n emailListAdditionalRecpts,\r\n this.fetchLogsCardClick\r\n );\r\n } else if (currentEmailConfigTab == EmailConfigTabs.Settings) {\r\n const { isAdminAccessLevelChanged, selectedPrivilige } = this.state;\r\n let {\r\n authorizedSendersMembers,\r\n authorizedSendersTeams,\r\n emailListId,\r\n emailEntityType,\r\n } = this.props.melstate;\r\n let emailAuthorizedSenders = [\r\n ...authorizedSendersMembers,\r\n ...authorizedSendersTeams,\r\n ];\r\n let privilege = selectedPrivilige == \"members\" ? \"Members\" : \"Anyone\";\r\n this.props.deleteAllAuthorizedListClick(\r\n emailListId,\r\n emailEntityType,\r\n privilege,\r\n isAdminAccessLevelChanged,\r\n emailAuthorizedSenders,\r\n this.fetchLogsCardClick\r\n );\r\n }\r\n this.toggleDeleteAllModal();\r\n };\r\n\r\n return this;\r\n };\r\n this.confirmEmailList = () => {\r\n this.confirmed = async () => {\r\n let { emailListId, emailEntityType } = this.props.melstate;\r\n let deleteResponse = null;\r\n if (emailEntityType == MailGunEmailTypes.Member) {\r\n await EmailService.DeleteSSEmailList(emailListId).then(\r\n ({ data: response }) => {\r\n $(\".loading\").hide();\r\n if (response.status === \"success\") {\r\n toast.success(\"Email list removed successfully!\");\r\n deleteResponse = 1;\r\n $(\".loading\").hide();\r\n } else {\r\n toast.error(response.message);\r\n deleteResponse = 0;\r\n $(\".loading\").hide();\r\n }\r\n }\r\n );\r\n } else if (emailEntityType !== MailGunEmailTypes.Member) {\r\n await EmailService.DeleteFRTEmailList(emailListId).then(\r\n ({ data: response }) => {\r\n $(\".loading\").hide();\r\n if (response.status === \"success\") {\r\n toast.success(\"Email list removed successfully!\");\r\n deleteResponse = 1;\r\n $(\".loading\").hide();\r\n } else {\r\n toast.error(response.message);\r\n deleteResponse = 0;\r\n $(\".loading\").hide();\r\n }\r\n }\r\n );\r\n }\r\n this.toggleDeleteEmailListModal();\r\n if (deleteResponse == 1) {\r\n chistory.push(\"/admin/email-list\");\r\n }\r\n };\r\n\r\n return this;\r\n };\r\n ///Resubscribe+UnBlock Work for Teams(Only Additional)\r\n this.confirmResubscribersModalForTeams = () => {\r\n this.confirmed = async () => {\r\n this.showSpinner();\r\n const {\r\n removeActionType,\r\n confirmModelType,\r\n unSubTeam,\r\n unSubTeamId,\r\n teamMapId,\r\n teamMembers,\r\n } = this.state;\r\n let apiParams = {\r\n mailingListAddress: this.props.mgListAddress,\r\n TeamId: unSubTeamId,\r\n teamMembers,\r\n teamMapId,\r\n removeActionType,\r\n };\r\n /// Additional Change for Activity Logs////\r\n\r\n const { deleteEmailConfigRecordId } = this.state;\r\n let { mgListAddress, emailEntityType } = this.props.melstate;\r\n if (deleteEmailConfigRecordId !== 0) {\r\n apiParams[\"DeleteData\"] = {\r\n recipientType: AddRecptType.Team,\r\n mailingListFullAddress: mgListAddress,\r\n teamName: unSubTeam,\r\n removeActionType,\r\n emailEntityType,\r\n };\r\n }\r\n let response;\r\n try {\r\n response = await EmailService.ResubscribeUnBlockTeamRecipient(\r\n apiParams\r\n );\r\n } catch (ex) {\r\n console.log(ex);\r\n }\r\n\r\n /////// Activity Logs Worked///////\r\n if (response != null && response.status.toLowerCase() == \"success\") {\r\n // if (confirmModelType == EmailConfigTables.AdditionalRecipientsTeam) {\r\n // this.props.reloadAdditionalSubsriberTeams();\r\n // }\r\n if (confirmModelType == EmailConfigTables.AdditionalRecipientsTeam) {\r\n if (removeActionType == RemoveActionType.ReSubscribe) {\r\n this.props.updateRecipientSubBlockFlag(\r\n unSubTeamId,\r\n EmailConfigTables.AdditionalRecipientsTeam,\r\n true, // <== ReSubscribe\r\n null, // Block\r\n false\r\n );\r\n } else if (removeActionType == RemoveActionType.UnBlock) {\r\n this.props.updateRecipientSubBlockFlag(\r\n unSubTeamId,\r\n EmailConfigTables.AdditionalRecipientsTeam,\r\n false,\r\n false, //UnBlock\r\n true //IsBlockUnBlock Call\r\n );\r\n }\r\n }\r\n this.toggleResubscribersModal();\r\n this.fetchLogsCardClick();\r\n }\r\n };\r\n\r\n return this;\r\n };\r\n\r\n ///The method used for **Members** UnBlock+Resubscribe\r\n this.confirmResubscribersModal = () => {\r\n this.confirmed = async () => {\r\n /// Additional Change for Activity Logs////\r\n let apiRequestBody = {};\r\n const {\r\n confirmModelType,\r\n deleteEmailConfigRecordId,\r\n removeActionType,\r\n resubscribeEmail,\r\n } = this.state;\r\n let {\r\n currentEmailConfigTab,\r\n defaultRecipientMembers,\r\n mgListAddress,\r\n additionalRecipientsNonNatca,\r\n emailEntityType,\r\n } = this.props.melstate;\r\n if (deleteEmailConfigRecordId !== 0) {\r\n if (currentEmailConfigTab == EmailConfigTabs.Subscribers) {\r\n // Means here we are dealing with *************Additional********** Subscribers => Non Nacta +Default+ Additional\r\n if (confirmModelType == EmailConfigTables.NonNatcaMembers) {\r\n let currentNonNatcaMember = additionalRecipientsNonNatca.find(\r\n (f) => f.address == this.state.nonNatcaMemberAddress\r\n );\r\n apiRequestBody = {\r\n recipientType: AddRecptType.NonNatca,\r\n memberEmailAddress: currentNonNatcaMember.address,\r\n mailingListFullAddress: mgListAddress,\r\n removeActionType,\r\n emailEntityType,\r\n entityId: null,\r\n memberName: currentNonNatcaMember.name,\r\n };\r\n }\r\n //NewChanges *********************Default Members***********************\r\n else if (confirmModelType == EmailConfigTables.DefaultMembers) {\r\n let currentMember = defaultRecipientMembers.find(\r\n (f) => f.memberId == deleteEmailConfigRecordId\r\n );\r\n apiRequestBody = {\r\n recipientType: AddRecptType.DefaultMember,\r\n //isDefaultMember: true, should do this after branch 949 Merging\r\n memberEmailAddress: currentMember.address, /// member email address\r\n mailingListFullAddress: mgListAddress,\r\n teamMembers: null,\r\n entityId: deleteEmailConfigRecordId,\r\n removeActionType,\r\n emailEntityType,\r\n memberName: currentMember.name,\r\n };\r\n } else {\r\n // Means Additional Members\r\n let {\r\n mgListAddress,\r\n additionalRecipientsMembers,\r\n } = this.props.melstate;\r\n\r\n let currentMember = additionalRecipientsMembers.find(\r\n (f) => f.memberId == this.state.deleteEmailConfigRecordId\r\n );\r\n let { emailEntityType } = this.props.melstate;\r\n apiRequestBody = {\r\n recipientType: AddRecptType.Member,\r\n memberEmailAddress: currentMember.address, /// member email address\r\n entityId: this.state.deleteEmailConfigRecordId, /// Member id to be deleted\r\n mailingListFullAddress: mgListAddress,\r\n teamMembers: null,\r\n memberName: currentMember.name,\r\n removeActionType,\r\n emailEntityType,\r\n };\r\n }\r\n }\r\n //*******************************Subscribers Tab Ends**************************//\r\n }\r\n /////// Activity Logs Worked///////\r\n\r\n const response = await EmailService.ResubscribeUnBlockRecipient(\r\n removeActionType,\r\n resubscribeEmail,\r\n mgListAddress,\r\n apiRequestBody\r\n );\r\n if (response && response.status.toLowerCase() == \"success\") {\r\n const { resubscribeEmail, removeActionType } = this.state;\r\n const { confirmModelType } = this.state;\r\n if (confirmModelType == EmailConfigTables.DefaultMembers) {\r\n if (removeActionType == RemoveActionType.ReSubscribe) {\r\n this.props.updateRecipientSubBlockFlag(\r\n resubscribeEmail,\r\n EmailConfigTables.DefaultMembers,\r\n true, // <== ReSubscribe\r\n null, //UnBlock\r\n false //IsBlockUnBlock Call\r\n );\r\n }\r\n if (removeActionType == RemoveActionType.UnBlock) {\r\n this.props.updateRecipientSubBlockFlag(\r\n resubscribeEmail,\r\n EmailConfigTables.DefaultMembers,\r\n false,\r\n false, //UnBlock\r\n true //IsBlockUnBlock Call\r\n );\r\n }\r\n }\r\n if (\r\n confirmModelType == EmailConfigTables.AdditionalRecipientsMember\r\n ) {\r\n if (removeActionType == RemoveActionType.ReSubscribe) {\r\n this.props.updateRecipientSubBlockFlag(\r\n resubscribeEmail,\r\n EmailConfigTables.AdditionalRecipientsMember,\r\n true, // <== ReSubscribe\r\n null, // Block\r\n false\r\n );\r\n } else if (removeActionType == RemoveActionType.UnBlock) {\r\n this.props.updateRecipientSubBlockFlag(\r\n resubscribeEmail,\r\n EmailConfigTables.AdditionalRecipientsMember,\r\n false,\r\n false, //UnBlock\r\n true //IsBlockUnBlock Call\r\n );\r\n }\r\n }\r\n\r\n if (confirmModelType == EmailConfigTables.NonNatcaMembers) {\r\n if (removeActionType == RemoveActionType.UnBlock) {\r\n this.props.updateRecipientSubBlockFlag(\r\n resubscribeEmail,\r\n EmailConfigTables.NonNatcaMembers,\r\n false,\r\n false, //UnBlock\r\n true //IsBlockUnBlock Call\r\n );\r\n }\r\n if (removeActionType == RemoveActionType.ReSubscribe) {\r\n this.props.updateRecipientSubBlockFlag(\r\n resubscribeEmail,\r\n EmailConfigTables.NonNatcaMembers,\r\n true, // <== ReSubscribe\r\n null,\r\n false\r\n );\r\n }\r\n } ////***************Actions for NonNatca Members End Here*****************\r\n this.toggleResubscribersModal();\r\n this.fetchLogsCardClick();\r\n } //end of success response block\r\n };\r\n\r\n return this;\r\n };\r\n }\r\n componentDidUpdate = (prevProps) => {\r\n const {\r\n emailListExists,\r\n emailListId,\r\n showTwoTabs,\r\n savedSearchId,\r\n } = this.props;\r\n const { emailPriviliges, emailPriviligesCalled } = this.state;\r\n const { currentFilterConfigTab } = this.props.melstate;\r\n const canAddListPermission =\r\n AuthService.canAdd(PermissionFeature.EmailListsLists) ||\r\n AuthService.canView(PermissionFeature.EmailListAdmin);\r\n const editCondition =\r\n emailListId !== 0 &&\r\n (emailListId !== prevProps.emailListId || _.isEmpty(emailPriviliges)) &&\r\n (currentFilterConfigTab == FilterEmailConfigTabs.EmailList ||\r\n showTwoTabs) &&\r\n emailListExists &&\r\n !emailPriviligesCalled;\r\n const addCondition =\r\n emailListId == 0 &&\r\n canAddListPermission &&\r\n !prevProps.emailListId &&\r\n (currentFilterConfigTab == FilterEmailConfigTabs.EmailList ||\r\n showTwoTabs) &&\r\n !emailPriviligesCalled &&\r\n _.isEmpty(emailPriviliges) &&\r\n this.props.isCalledAPI != null;\r\n if (editCondition || addCondition) {\r\n //if (addCondition) {\r\n this.setState({ emailPriviligesCalled: true });\r\n //}\r\n\r\n (async () => {\r\n await EmailService.GetEmailPriviliges()\r\n .then(async ({ data: response }) => {\r\n this.setState(\r\n {\r\n emailPriviliges: response,\r\n },\r\n () => {\r\n //debugger;\r\n //console.log(emailListExists, \"check VVVV\");\r\n emailListExists\r\n ? this.getSavedAccessLevel()\r\n : this.props.setPrivilege(\"members\");\r\n }\r\n );\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n toast.error(\"Something went wrong!\");\r\n });\r\n })();\r\n\r\n var address = this.props.mgListAddress;\r\n if (address && emailListExists) {\r\n EmailService.GetMailingListMemberCount(address)\r\n .then(({ data: response }) => {\r\n if (response.status === \"success\") {\r\n this.setState({\r\n totalSyncMembers: response.data.totalCount,\r\n totalDupSyncMembers: response.data.dupCount,\r\n });\r\n }\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n toast.error(\"Something went wrong!\");\r\n });\r\n }\r\n }\r\n //if (emailListExists) {\r\n // console.log(\"HGGG\");\r\n //}\r\n };\r\n componentDidMount = async () => {\r\n const { emailListExists, isCalledAPI } = this.props;\r\n // if (\r\n // (emailListExists ||\r\n // AuthService.canAdd(PermissionFeature.EmailListsLists)) &&\r\n // isCalledAPI\r\n // ) {\r\n // await EmailService.GetEmailPriviliges()\r\n // .then(async ({ data: response }) => {\r\n // this.setState({\r\n // emailPriviliges: response,\r\n // });\r\n // })\r\n // .catch((ex) => {\r\n // console.log(ex);\r\n // toast.error(\"Something went wrong!\");\r\n // });\r\n // }\r\n // let activeTabKey = !this.props.ssUpdateEmailListMode\r\n // ? \"settings\"\r\n // : \"subscribers\";\r\n // this.setState({\r\n // key:\r\n // this.props.showTwoTabs && emailListExists ? \"subscribers\" : \"settings\",\r\n // });\r\n // var address = this.props.mgListAddress;\r\n // if (address && emailListExists) {\r\n // EmailService.GetMailingListMemberCount(address)\r\n // .then(({ data: response }) => {\r\n // if (response.status === \"success\") {\r\n // this.setState({\r\n // totalSyncMembers: response.data.totalCount,\r\n // totalDupSyncMembers: response.data.dupCount,\r\n // });\r\n // }\r\n // })\r\n // .catch((ex) => {\r\n // console.log(ex);\r\n // toast.error(\"Something went wrong!\");\r\n // });\r\n // }\r\n };\r\n getSavedAccessLevel = async () => {\r\n //entity key passed from ConfigureMG_Email\r\n //debugger;\r\n let { emailEntityType, entityKey } = this.props;\r\n //debugger;\r\n if (entityKey)\r\n if (emailEntityType !== MailGunEmailTypes.Member) {\r\n if (emailEntityType) {\r\n let url = `/api/FacilityRegionEmail/GetEmailPrivilege?entityKey=${entityKey}&entityType=${emailEntityType}`;\r\n await axios.get(url).then(({ data: response }) => {\r\n if (response.status === \"success\") {\r\n this.setState({\r\n selectedPrivilige: response.access_Level,\r\n reply_preference: response.reply_preference,\r\n email_alias: response.email_alias, //`facility_region_email_list`.`email_alias`\r\n name: response.name, //`facility_region_email_list`.`email_list_title`\r\n });\r\n this.props.setReplyPref(response.reply_preference);\r\n this.props.setCopyToSender(response.copyToSender);\r\n this.props.setPrivilege(response.access_Level);\r\n this.props.setEmailListName(response.name);\r\n }\r\n });\r\n }\r\n } else if (emailEntityType == MailGunEmailTypes.Member) {\r\n /// Saved Search Email List\r\n await EmailService.GetSavedSearchDetail(entityKey)\r\n .then(({ data: response }) => {\r\n if (response.status === \"success\") {\r\n this.setState({\r\n entityKey: response.searchDetail.saved_search_id,\r\n mailingListAddress: response.searchDetail.email_address,\r\n email_list_title: response.searchDetail.email_list_title,\r\n emailListId: response.searchDetail.id,\r\n emailEntityType: MailGunEmailTypes.Member,\r\n reply_preference: response.searchDetail.reply_preference,\r\n selectedPrivilige: response.selectedPrivilege,\r\n });\r\n this.props.setReplyPref(response.searchDetail.reply_preference);\r\n this.props.setCopyToSender(response.searchDetail.copy_to_sender);\r\n this.props.setPrivilege(response.selectedPrivilege);\r\n this.props.setEmailListName(\r\n response.searchDetail.email_list_title\r\n );\r\n /// console.log(this.state.mailingListAddress);\r\n }\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n toast.error(\"Something went wrong!\");\r\n });\r\n }\r\n };\r\n // fetchPrivileges = () => {\r\n // axios\r\n // .get(\"/api/SavedSearchEmailList/GetEmailPriviliges\")\r\n // .then(({ data: res }) => {\r\n // this.hideSpinner();\r\n // this.setState({\r\n // emailPriviliges: res,\r\n // });\r\n // });\r\n // };\r\n\r\n onPrivilegeChange = (e) => {\r\n let { selectedPrivilige } = this.props.melstate;\r\n let currentValue = e.currentTarget.value;\r\n this.setState({\r\n selectedPrivilige: currentValue,\r\n });\r\n this.props.setPrivilege(currentValue);\r\n this.setState({ isAdminAccessLevelChanged: false });\r\n let alreadyAuthSender =\r\n this.props.melstate.authorizedSendersRows &&\r\n this.props.melstate.authorizedSendersRows.length > 0;\r\n if (alreadyAuthSender && selectedPrivilige == \"readonly\") {\r\n this.setState({ isAdminAccessLevelChanged: true });\r\n this.toggleDeleteAllModal();\r\n }\r\n };\r\n handleChange = (evt) => {\r\n this.setState({\r\n [evt.target.id]: evt.target.value,\r\n });\r\n if (evt.target.id == \"reply_preference\") {\r\n this.props.setReplyPref(evt.target.value);\r\n }\r\n if (evt.target.id == \"cctosender\") {\r\n this.setState({\r\n [evt.target.id]: evt.target.checked,\r\n });\r\n this.props.setCopyToSender(evt.target.checked);\r\n }\r\n if (evt.target.id == \"emailAlias\") {\r\n let val = evt.target.value.replace(/[^\\w\\s-]/gi, \"\");\r\n this.props.setMgListAlias(val);\r\n }\r\n };\r\n showSpinner = () => {\r\n $(\".loading\").show();\r\n };\r\n\r\n hideSpinner = () => {\r\n $(\".loading\").hide();\r\n };\r\n setKey = async (k) => {\r\n this.setState({ key: k });\r\n await this.props.setCurrentEmailConfigTab(k);\r\n };\r\n renderEmailPriviliges = (isDisabled) => {\r\n const { emailPriviliges } = this.state;\r\n if (!emailPriviliges) return;\r\n return (\r\n \r\n {emailPriviliges.map((privilege, idx) => {\r\n return (\r\n
\r\n
\r\n );\r\n })}\r\n
\r\n {title}\r\n \r\n \r\n );\r\n };\r\n emailConfigTeamHeader = (title, entityKey) => {\r\n return (\r\n <>\r\n ![\"logo\"](\"assets/images/logo.png\"){kind=logo}
\r\n \r\n ![\"logo\"](\"assets/images/natca-logo.png\"){kind=logo}
\r\n \r\n