(\r\n \r\n \r\n )} />\r\n )\r\n};\r\n\r\nexport default StoreLayout;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\n// import { addProducttoCart } from '../../../../../Redux/Actions/EndUser/StoreActions';\r\nimport { auth } from '../../../../../services';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { store } from '../../../../../services/store.service';\r\nimport { getCartItems, addtoCart } from '../../../../../Redux/Actions/EndUser/StoreActions';\r\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\r\n\r\nclass StoreProduct extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Quantity: 1,\r\n SizeId: this.props.product.sizes && this.props.product.hasSize ? (this.props.product.sizes.length != 0? this.props.product.sizes[0].sizeOptionId : null) : null,\r\n ColorId: this.props.product.colors && this.props.product.hasColor ? (this.props.product.colors.length != 0? this.props.product.colors[0].colorOptionId : null) : null,\r\n UserId: null,\r\n ProductId: this.props.product.productId,\r\n ProductName: this.props.product.title,\r\n Cost: this.props.product.price,\r\n Discount: this.props.product.discount,\r\n Color: this.props.product.colors && this.props.product.hasColor ? (this.props.product.colors.length != 0 ? this.props.product.colors[0].description : \"\") : \"\",\r\n Size: this.props.product.sizes && this.props.product.hasSize ? (this.props.product.sizes.length != 0? this.props.product.sizes[0].description : \"\") : \"\",\r\n Image: \"\",\r\n isModalOpen: false,\r\n ImageUrl: this.props.product.image && this.props.product.image.url ? this.props.product.image.url : \"\"\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var userId = auth.getAuthUserId();\r\n this.setState({\r\n UserId: userId,\r\n });\r\n this.props.getCartItems();\r\n }\r\n\r\n colorChange = (event) => {\r\n let target = event.target;\r\n const value = target.value;\r\n this.setState({\r\n ColorId: value.colorOptionId,\r\n Color: value.description\r\n });\r\n }\r\n\r\n priceChange = (event) => {\r\n let target = event.target;\r\n const value = target.value;\r\n this.setState({\r\n SizeId: value.sizeOptionId,\r\n Size: value.description\r\n });\r\n }\r\n\r\n handleChange = ({ target }) => {\r\n\r\n if (target.type == 'number') {\r\n \r\n if (target.name == \"Quantity\") {\r\n\r\n if (target.valueAsNumber < 1) {\r\n target.valueAsNumber = 1;\r\n } else if (target.valueAsNumber > 99) {\r\n target.valueAsNumber = 99\r\n }\r\n }\r\n }\r\n\r\n this.setState({ [target.name]: target.valueAsNumber });\r\n };\r\n\r\n addtoCart =(base64, product) => {\r\n console.log(this.state, \"state\")\r\n this.setState({\r\n Image:base64\r\n },()=>{\r\n this.props.addtoCart(this.state, this.props.cartItems)\r\n })\r\n this.toggleModal();\r\n }\r\n\r\n toggleModal = () => {\r\n let isOpen = this.state.isModalOpen ? false : true;\r\n this.setState({\r\n isModalOpen: isOpen\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n {\r\n this.props.product.image != null && this.props.product.image.url ?\r\n
:\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
{this.props.product.title} \r\n {this.props.product.discount !=null?\r\n
\r\n ${this.props.product.price} ${this.props.product.discount} \r\n
\r\n :\r\n
\r\n
\r\n ${this.props.product.price}\r\n
\r\n
\r\n }\r\n
{this.props.product.productDescription}
\r\n
\r\n
\r\n {(this.props.product.hasColor && this.props.product.colors.length != 0)?\r\n
\r\n {/*
Color
*/}\r\n
\r\n \r\n
\r\n :\"\"\r\n }\r\n {(this.props.product.hasSize && this.props.product.sizes.length != 0)?\r\n
\r\n {/*
Size
*/}\r\n
\r\n \r\n
\r\n :\"\"\r\n }\r\n
\r\n Quantity \r\n
\r\n
\r\n
\r\n this.addtoCart(this.props.product.image.base64, this.props.product)}>Add To Cart \r\n
\r\n
\r\n Product added \r\n \r\n {this.state.ProductName} was successfully added to cart
\r\n \r\n \r\n
\r\n
\r\n )\r\n } else if (!product.isMemberOnly && product.isPublished) {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
{this.state.categoryName ? this.state.categoryName : null} \r\n
\r\n {this.state.storeProducts ? this.state.storeProducts.map((product, index) => {\r\n return this.displayProduct(product, index)\r\n }) : \"\"}\r\n
\r\n
\r\n
\r\n\t\t\t\t{this.props.history.location.pathname === '/admin/users' || this.props.history.location.pathname === '/admin/users/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tADMINISTRATION STAFF \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/membership' || this.props.history.location.pathname === '/admin/membership/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tMEMBERSHIPS MEMBERSHIP \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/membershipusers' || this.props.history.location.pathname === '/admin/membershipusers/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tMEMBERSHIP MEMBERSHIPS USERS \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/memberdiscounts' || this.props.history.location.pathname === '/admin/memberdiscounts/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tMEMBERSHIP MEMBER DISCOUNTS \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/membershiprequests' || this.props.history.location.pathname === '/admin/membershiprequests/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tMEMBERSHIP MEMBERSHIP REQUESTS \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/organization' || this.props.history.location.pathname === '/admin/organization/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tORGANIZATIONS ORGANIZATION \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/districts' || this.props.history.location.pathname === '/admin/districts/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tADMINISTRATION DISTRICTS \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/regions' || this.props.history.location.pathname === '/admin/regions/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tADMINISTRATION REGIONS \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/committees' || this.props.history.location.pathname === '/admin/committees/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tADMINISTRATION COMMITTEES \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/positions' || this.props.history.location.pathname === '/admin/positions/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tADMINISTRATION POSITIONS \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/groups' || this.props.history.location.pathname === '/admin/groups/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tADMINISTRATION POSITION GROUPS \r\n\t\t\t\t\t
\r\n\t\t\t\t) : this.props.history.location.pathname === '/admin/events' || this.props.history.location.pathname === '/admin/events/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tEVENT MANAGEMENT EVENTS \r\n\t\t\t\t\t
\r\n\t\t\t\t)\r\n\t\t\t\t: this.props.history.location.pathname === '/admin/colors' || this.props.history.location.pathname === '/admin/colors/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tPRODUCTS COLORS \r\n\t\t\t\t\t
\r\n\t\t\t\t): this.props.history.location.pathname === '/admin/sizes' || this.props.history.location.pathname === '/admin/sizes/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tPRODUCTS SIZES \r\n\t\t\t\t\t
\r\n\t\t\t\t): this.props.history.location.pathname === '/admin/archive' || this.props.history.location.pathname === '/admin/archive/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tMAGAZINE ARCHIVE \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/productTypes' || this.props.history.location.pathname === '/admin/productTypes/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tPRODUCTS PRODUCT CATEGORIES \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/products' || this.props.history.location.pathname === '/admin/products/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tPRODUCTS PRODUCTS \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/subscription' || this.props.history.location.pathname == '/admin/subscription/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tMAGAZINE SUBSCRIPTIONS \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/orderManagement' || this.props.history.location.pathname === '/admin/orderManagement/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tPRODUCTS ORDER MANAGEMENT \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/invoices' || this.props.history.location.pathname === '/admin/invoices/' ? (\r\n\t\t\t\t\t
\r\n ACCOUNTING INVOICES \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/purchaseandrenewals' || this.props.history.location.pathname === '/admin/purchaseandrenewals/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tACCOUNTING PURCHASE AND RENEWALS \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/batches' || this.props.history.location.pathname === '/admin/batches/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tACCOUNTING BATCHES \r\n\t\t\t\t\t
\r\n\t\t\t\t):\r\n\t\t\t\tthis.props.history.location.pathname === '/admin/donations' || this.props.history.location.pathname === '/admin/donations/' ? (\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tREPORTING DONATIONS \r\n\t\t\t\t\t
\r\n\t\t\t\t):(\r\n\t\t\t\t\t
Default Header \r\n\t\t\t\t)}\r\n
Version: {global.appVersion}
\r\n\t\t\t
\r\n {this.state.message} \r\n \r\n );\r\n }\r\n}","import axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../api-config';\r\nimport { loader, toastr } from '../CommonActions';\r\nimport { auth } from '../../../services/auth.service';\r\n\r\nexport const GET_DISTRICTS = 'GET_DISTRICTS';\r\nexport const ADD_DISTRICT = 'ADD_DISTRICT';\r\nexport const GET_COUNTIES = 'GET_COUNTIES';\r\nexport const GET_COUNTIES_ON_EDIT = 'GET_COUNTIES_ON_EDIT';\r\nexport const DELETE_DISTRICT = 'DELETE_DISTRICT';\r\nexport const UPDATE_DISTRICT = 'UPDATE_DISTRICT';\r\n\r\nconst successColor = 'success';\r\nconst errorColor = 'danger';\r\nconst warningColor = 'warning';\r\n\r\nexport function fetchDistricts() {\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.get(`${ROOT_API_URL}/ManageDistrict/GetDistricts`, { headers: auth.authHeader() })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: GET_DISTRICTS,\r\n\t\t\t\t\tpayload: response.data\r\n\t\t\t\t});\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tvar err = 'Network Connection Error';\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function getCounties(stateId) {\r\n return function (dispatch) {\r\n\t\taxios.get(`${ROOT_API_URL}/ManageDistrict/GetCounties?stateId=${stateId}`, { headers: auth.authHeader() })\r\n\t\t\t.then((response) =>{\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: GET_COUNTIES,\r\n\t\t\t\t\tpayload: response.data\r\n\t\t\t\t})})\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tconsole.log(response);\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function getAvailableCounties(stateId) {\r\n return function (dispatch) {\r\n\t\taxios.get(`${ROOT_API_URL}/ManageDistrict/GetCounties?stateId=${stateId}`, { headers: auth.authHeader() })\r\n\t\t\t.then((response) =>{\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: GET_COUNTIES,\r\n\t\t\t\t\tpayload: response.data\r\n\t\t\t\t})})\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tconsole.log(response);\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\n\r\nexport function setCounties(counties) {\r\n return function (dispatch) {\t\t\r\n\t\tdispatch({\r\n\t\t\ttype: GET_COUNTIES,\r\n\t\t\tpayload: counties\r\n\t\t})\r\n\t};\r\n}\r\n\r\nexport function getCountiesOnEdit(model) {\r\n return function (dispatch) {\r\n axios\r\n\t\t\t.get(`${ROOT_API_URL}/ManageDistrict/GetCountiesOnEdit`, model, { headers: auth.authHeader() })\r\n .then((response) =>\r\n dispatch({\r\n type: GET_COUNTIES_ON_EDIT,\r\n payload: response.data\r\n })\r\n )\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n };\r\n}\r\n\r\nexport function addDistrict(model) {\r\n\tconsole.log('too see what action creator received: ', model, { headers: auth.authHeader() });\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.post(`${ROOT_API_URL}/ManageDistrict/CreateDistrict`, model, { headers: auth.authHeader() })\r\n .then(function (response) {\r\n\t\t\t\tconsole.log('to see the response from back end: ', response);\r\n\t\t\t\tif (response && response.data && response.data.issuccess) {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: ADD_DISTRICT,\r\n\t\t\t\t\t\tpayload: response.data.districts\r\n\t\t\t\t\t});\r\n\t\t\t\t\tvar success = response && response.data ? response.data.message : 'District Created Successfully';\r\n\t\t\t\t\tdispatch(toastr(true, success, successColor));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvar err = response && response.data ? response.data.message : 'District Already Exists';\r\n\t\t\t\t\tdispatch(toastr(true, err, warningColor));\r\n\t\t\t\t}\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n .catch((response) => {\r\n\t\t\t\tvar err = response && response.data ? response.data.message : 'Network Connection Error';\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function deleteDistrict(model) {\r\n\treturn function(dispatch) {\r\n\t\taxios\r\n\t\t\t.post(`${ROOT_API_URL}/ManageDistrict/DeleteDistrict`, model, { headers: auth.authHeader() })\r\n\t\t\t.then((response) =>\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: DELETE_DISTRICT,\r\n\t\t\t\t\tpayload: response.data\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tconsole.log(response);\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function updateDistrict(model) {\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.post(`${ROOT_API_URL}/ManageDistrict/UpdateDistrict`, model, { headers: auth.authHeader() })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tconsole.log('update response', response);\r\n\t\t\t\tif (response && response.data && response.data.issuccess) {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: UPDATE_DISTRICT,\r\n\t\t\t\t\t\tpayload: response.data.districts\r\n\t\t\t\t\t});\r\n\t\t\t\t\tvar success = response && response.data ? response.data.message : 'District Updated Successfully';\r\n\t\t\t\t\tdispatch(toastr(true, success, successColor));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvar err = response && response.data ? response.data.message : 'Error Occured';\r\n\t\t\t\t\tdispatch(toastr(true, err, warningColor));\r\n\t\t\t\t}\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tdispatch(loader(false));\r\n\r\n\t\t\t\tvar err = response && response.data ? response.data.message : 'Network Connection Error';\r\n\t\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { Switch } from 'react-router-dom';\r\nimport './scss/index.scss';\r\nimport '@progress/kendo-theme-default/dist/all.css';\r\n\r\n//public view pages:\r\nimport RouteLayout from './Components/PublicView/Layout';\r\nimport StoreLayout from './Components/PublicView/StoreLayout';\r\nimport Home from './Components/PublicView/Pages/Home/Home';\r\nimport RegisterConfirmation from './Components/PublicView/Pages/EndUser/Signup/Membership/RegisterConfirmation';\r\nimport RegisterError from './Components/PublicView/Pages/EndUser/Signup/Membership/RegisterError';\r\nimport ResetPassword from './Components/PublicView/Pages/EndUser/PasswordManagement/ResetPassword';\r\nimport ChangePassword from './Components/PublicView/Pages/EndUser/PasswordManagement/ChangePassword';\r\nimport SignupWizardLayout from './Components/PublicView/SignupWizard/SignupWizardLayout';\r\nimport SignupLayout from './Components/PublicView/SignupLayout';\r\nimport BlogHome from './Components/PublicView/Pages/EndUser/Blog/BlogHome';\r\nimport BlogDetails from './Components/PublicView/Pages/EndUser/Blog/BlogDetails';\r\nimport EventsHome from './Components/PublicView/Pages/EndUser/Events/EventsHome';\r\nimport EventDetails from './Components/PublicView/Pages/EndUser/Events/EventDetails';\r\nimport ShoppingCart from './Components/PublicView/Pages/EndUser/Store/ShoppingCart/ShoppingCart';\r\nimport StoreHome from './Components/PublicView/Pages/EndUser/Store/StoreHome';\r\nimport AccountCreate from './Components/PublicView/Pages/AccountCreate/AccountCreate';\r\nimport Login from './Components/PublicView/Pages/Login/Login';\r\nimport UserPurchasesPage from './Components/PublicView/Pages/Dashboard/UserPurchasesPage';\r\nimport UserDashboardPage from './Components/PublicView/Pages/Dashboard/UserDashboardPage/UserDashboardPage';\r\nimport UserAccountPage from './Components/PublicView/Pages/MyAccount/UserAccountPage/UserAccountPage';\r\nimport MembershipsPage from './Components/PublicView/Pages/MyMemberships/MembershipsPage/MembershipsPage';\r\nimport OrganizationsPage from './Components/PublicView/Pages/MyOrganizations/OrganizationsPage';\r\nimport BillingInformation from './Components/PublicView/Pages/EndUser/Signup/Billing/BillingInformation/BillingInformation';\r\nimport Oops from './Components/PublicView/Pages/Oops';\r\nimport Payment from './Components/PublicView/Pages/Payment';\r\nimport CommitteesPage from './Components/PublicView/Pages/MyCommittees/CommitteesPage/CommitteesPage';\r\nimport EndUserArchive from './Components/PublicView/Pages/EndUser/Archive/EndUserArchive';\r\nimport MemberDiscounts from './Components/PublicView/Pages/EndUser/MemberDiscounts/MemberDiscounts';\r\nimport ExistingMember from './Components/PublicView/Pages/EndUser/ExisitingMember/ExsistingMember';\r\nimport ExistingMemberConfirmation from './Components/PublicView/Pages/EndUser/Signup/Membership/ExistingMemberConfirmation';\r\n// Admin Pages\r\nimport AdminLayout from './Components/AdminView/AdminLayout';\r\nimport ManageMembership from './Components/AdminView/Pages/Administration/ManageMembership/ManageMemberships';\r\nimport ManageOrganization from './Components/AdminView/Pages/Administration/ManageOrganization/ManageOrganizations';\r\nimport ManageArchive from './Components/AdminView/Pages/Administration/ManageArchive/ManageArchive';\r\nimport ManageUsers from './Components/AdminView/Pages/Administration/ManageUsers/ManageUsers';\r\nimport ManageSubscriptions from './Components/AdminView/Pages/Administration/ManageSubscriptions/ManageSubscriptions';\r\nimport SetupPassword from './Components/AdminView/Pages/Administration/SetupPassword';\r\nimport Districts from './Components/AdminView/Pages/Administration/ManageDistricts/ManageDistricts';\r\nimport Regions from './Components/AdminView/Pages/Administration/ManageRegions/ManageRegions';\r\nimport Committees from './Components/AdminView/Pages/Administration/ManageCommittees/ManageCommittees';\r\nimport PositionGroups from './Components/AdminView/Pages/Administration/ManagePositionGroups/ManagePositionGroups';\r\nimport ManagePositions from './Components/AdminView/Pages/Administration/ManagePositions/ManagePositions';\r\nimport ManageEvents from './Components/AdminView/Pages/Administration/ManageEvents/ManageEvents';\r\nimport ManageColors from './Components/AdminView/Pages/Administration/ManageColors/ManageColors';\r\nimport ManageSizes from './Components/AdminView/Pages/Administration/ManageSizes/ManageSizes';\r\nimport ManageProducts from './Components/AdminView/Pages/Administration/ManageProducts/ManageProducts';\r\nimport ManageProductTypes from './Components/AdminView/Pages/Administration/ManageProductTypes/ManageProductTypes';\r\nimport ManageInvoices from './Components/AdminView/Pages/Administration/ManageInvoices/ManageInvoices';\r\nimport ManagePurchaseAndRenewals from './Components/AdminView/Pages/Administration/ManagePurchaseAndRenewals/ManagePurchaseAndRenewals';\r\nimport ManageOrderManagement from './Components/AdminView/Pages/Administration/ManageOrders/ManageOrders';\r\nimport ManageMembershipUsers from './Components/AdminView/Pages/Administration/ManageMembershpUsers/ManageMembershipUsers';\r\nimport ManageMemberDiscounts from './Components/AdminView/Pages/Administration/ManageMemberDiscounts/ManageMemberDiscounts';\r\nimport ManageMembershipRequests from './Components/AdminView/Pages/Administration/ManageMembershipRequests/ManageMembershipRequests';\r\nimport Donations from './Components/AdminView/Pages/Administration/Reports/Donations';\r\nimport ManageBatches from './Components/AdminView/Pages/Administration/ManageBatches/ManageBatches';\r\n\r\n// Test Page\r\nimport ParentPage from './Components/PublicView/Pages/AddressValidationTest/ParentPage';\r\nimport { ROOT_API_URL } from './api-config';\r\n\r\nconst packageJson = require('../package.json');\r\nglobal.appVersion = packageJson.version;\r\nconsole.log(global.appVersion);\r\n\r\nconst semverGreaterThan = (versionA, versionB) => {\r\n const versionsA = versionA.split(/\\./g);\r\n\r\n const versionsB = versionB.split(/\\./g);\r\n while (versionsA.length || versionsB.length) {\r\n const a = Number(versionsA.shift());\r\n\r\n const b = Number(versionsB.shift());\r\n // eslint-disable-next-line no-continue\r\n if (a === b) continue;\r\n // eslint-disable-next-line no-restricted-globals\r\n return a > b || isNaN(b);\r\n }\r\n return false;\r\n};\r\n\r\nfetch(`${ROOT_API_URL}/launch`, { cache: \"no-store\" })\r\n .then((response) => response.json())\r\n .then((launch) => {\r\n const latestVersion = launch.appVersion;\r\n const currentVersion = global.appVersion;\r\n\r\n const shouldForceRefresh = semverGreaterThan(latestVersion, currentVersion);\r\n if (shouldForceRefresh) {\r\n console.log(`We have a new version - ${latestVersion}. Should force refresh`);\r\n if (caches) {\r\n // Service worker cache should be cleared with caches.delete()\r\n caches.keys().then(function (names) {\r\n for (let name of names) caches.delete(name);\r\n });\r\n }\r\n // delete browser cache and hard reload\r\n window.location.reload(true);\r\n } else {\r\n // console.log(`You already have the latest version - ${latestVersion}. No cache refresh needed.`); \r\n }\r\n })\r\n;\r\n\r\nvar IdealTimeOut = 7; // 7 * 5minutes\r\nvar idleSecondsTimer = null;\r\nvar idleSecondsCounter = 0;\r\ndocument.onclick = function () { idleSecondsCounter = 0; };\r\ndocument.onmousemove = function () { idleSecondsCounter = 0; };\r\ndocument.onkeypress = function () { idleSecondsCounter = 0; };\r\nidleSecondsTimer = window.setInterval(CheckIdleTime, 300000);\r\n\r\nfunction CheckIdleTime() {\r\n\r\n if (!localStorage.authUser || !localStorage.length) {\r\n idleSecondsCounter = 0;\r\n return;\r\n }\r\n\r\n idleSecondsCounter++;\r\n\r\n // logout if user idle for at lease 30 minutes.\r\n // ( if user clicked, typed, or moved cursor right before the function called, then it will log out after idle for at most 35 minutes).\r\n\r\n if (idleSecondsCounter >= IdealTimeOut) {\r\n window.clearInterval(idleSecondsTimer);\r\n alert(\"Your Session has expired. Please login again.\");\r\n localStorage.removeItem('authUser');\r\n localStorage.removeItem('auth-user-details');\r\n window.location = window.location.origin + '/login';\r\n }\r\n}\r\n\r\nexport default () => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n Check Your Email\r\n \r\n
We have sent a special link to your email. Please check your email and click the link to continue creating your account.
\r\n
If you do not see the email after a few minutes, please check your spam or junk folder. If you still do not see the email, please contact us and we will be happy to assist you in completing the process.
\r\n
\r\n
\r\n
\r\n
\r\n Registration Error\r\n \r\n
{this.state.errorMessage} If the problem persists please contact your system administrator.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Reset Your Password\r\n \r\n \r\n
\r\n {!this.props.common.emailSent ? `Please enter the email address associated \r\n with the account that needs the password reset. An email \r\n will be sent to that account with a link that will take you to\r\n a page where you can set a new password.` : `Password reset email has been sent to ` + this.state.email + `.`}\r\n
\r\n
\r\n {!this.props.common.emailSent ? \r\n
: null }\r\n {this.props.common.error ?\r\n
\r\n
\r\n {this.props.common.error ? `We encountered an error sending the password reset email. Please try again.` : null }\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 Change your password\r\n \r\n
\r\n {(this.state.success === false) ?
Choose and confirm the new password for {this.state.email} .
: null}\r\n
\r\n
\r\n {(this.state.success === false) ?\r\n
: null }\r\n
\r\n
{(this.state.success === true) ? `Password successfully changed. An email has been sent to the associated account.` : null }
\r\n
{(this.state.success === false && this.state.sent === true) ? (this.state.msg ? this.state.msg : `Password change unsuccessful. Please try again.`) : null }
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Blog Post \r\n {this.state.blogData ?\r\n
\r\n
{this.state.blogData.title} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
:\r\n null\r\n }\r\n
\r\n
{console.log(event, \"event obj\")}\r\n
{/*we had to add a nested div because carousel was overwriting inline styling of the first outermost div*/}\r\n
{event.title} \r\n
{event.location}
\r\n
{event.city} {event.stateName} {event.zip}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.state.events ? this.state.featuredEvents.map((event, index) => {\r\n return this.displayEvent(event, index)\r\n }) : \"\"}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
TSCRA Events \r\n {\r\n this.state.events.length !== 0 ?\r\n
\r\n {this.state.events.map((event, index) => {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{event.title} \r\n
{event.description != null && event.description.length > 150 ? event.description.substring(0, 150) + '...' : event.description }
\r\n
\r\n \r\n
\r\n {\r\n event.imageURL ? (
) : \"\"\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{event.city ? event.city + ', ' : ''}{event.stateName}
\r\n
\r\n
\r\n
Start - {this.formatDate(new Date(event.startDate))}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {/* RSVP was added as button text below..not sure we want to keep it static or make it dynamic? */}\r\n {event.externalURL ?
{event.externalURLLabel} : \"\"}\r\n
Event Info \r\n
\r\n
\r\n
\r\n
\r\n )\r\n })}\r\n
:
No Events Available, Check Back Later.
\r\n }\r\n \r\n
\r\n
\r\n
{text}
;\r\n\r\nclass EventDetails extends Component {\r\n static defaultProps = {\r\n center: {\r\n lat: 32.7505974,\r\n lng: -97.3403577\r\n },\r\n zoom: 14\r\n }\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n lat: 0,\r\n lng: 0,\r\n event: {\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n description: \"\",\r\n district: null,\r\n districtId: null,\r\n endDate: \"\",\r\n eventCategory: null,\r\n eventCategoryID: 1,\r\n eventCategoryName: \"\",\r\n eventID: 1,\r\n eventRSVPId: 0,\r\n externalURL: \"\",\r\n externalURLLabel: \"\",\r\n image: null,\r\n imageFile: null,\r\n imageURL: \"\",\r\n isActive: true,\r\n location: \"\",\r\n region: null,\r\n regionId: 1,\r\n rsvpCount: 0,\r\n rsvpResponse: false,\r\n startDate: \"\",\r\n state: null,\r\n stateId: 44,\r\n stateName: \"\",\r\n title: \"\",\r\n zip: \"\"\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n const eventId = this.props.location.pathname.replace(\"/eventdetails/\", \"\");\r\n var userId = auth.getAuthUserId();\r\n axios.get(`${ROOT_API_URL}/events/GetEventById?eventId=${eventId}&userId=${userId}`)\r\n .then(res => {\r\n Geocode.setApiKey(\"AIzaSyBCpGvyQOGZNBK4yWDO7jp5GjyJmD6ZKjU\");\r\n Geocode.fromAddress(`${res.data.address1} + \" \" + ${res.data.address2} + \" \" + ${res.data.city} + \" \" + ${res.data.stateName} + \" \" + ${res.data.zip}`).then(\r\n response => {\r\n const { lat, lng } = response.results[0].geometry.location;\r\n console.log(lat, lng);\r\n this.setState({\r\n lat: lat,\r\n lng: lng,\r\n event: res.data\r\n })\r\n },\r\n error => {\r\n console.error(error);\r\n }\r\n );\r\n });\r\n }\r\n\r\n formatDate = (date) => {\r\n let month = date.getMonth() + 1;\r\n month = month.toString().length != 2 ? '0' + month.toString() : month;\r\n let day = date.getDate();\r\n day = day.toString().length != 2 ? '0' + day.toString() : day;\r\n let year = 1900 + date.getYear();\r\n let minutes = date.getMinutes();\r\n minutes = minutes.toString().length != 2 ? '0' + minutes.toString() : minutes;\r\n let hour = \"\";\r\n let suffix = \"AM\"\r\n if (date.getHours() >= 12) {\r\n hour = date.getHours() - 12;\r\n suffix = \"PM\";\r\n if (hour.toString().length != 2) {\r\n hour = '0' + hour;\r\n }\r\n }\r\n else if (date.getHours() == 0) {\r\n hour = 12;\r\n }\r\n else {\r\n hour = date.getHours();\r\n if (hour.toString().length != 2) {\r\n hour = '0' + hour;\r\n }\r\n }\r\n\r\n return month + \"/\" + day + \"/\" + year + \" \" + hour + \":\" + minutes + \" \" + suffix;\r\n }\r\n\r\n render() { \r\n return (\r\n \r\n
\r\n
Back to Events\r\n \r\n
\r\n
{this.state.event.title} \r\n
\r\n
\r\n
\r\n
Event Info
\r\n
{this.state.event.description}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Date(s): \r\n \r\n {this.state.event.startDate? \r\n 'Start Date: '+ this.formatDate(new Date(this.state.event.startDate)): \"\"} \r\n {this.state.event.startDate? '-' : \"\"} \r\n \r\n \r\n Location: \r\n {this.state.event.location} \r\n \r\n \r\n Event Link: \r\n {this.state.event.externalURLLabel} \r\n \r\n
\r\n
\r\n
\r\n {this.state.lat !== 0 && this.state.lng !== 0 ?\r\n
\r\n }\r\n />\r\n \r\n : \"\"} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.error? (\r\n
\r\n {this.props.error}\r\n \r\n ) : null}\r\n \r\n
\r\n
Sign up for New Membership \r\n
To create your account, please enter your email address and a password.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.error? (\r\n
\r\n {this.props.error}\r\n \r\n ) : null}\r\n \r\n
\r\n
Please Log in to Continue \r\n
Please log in using the email address and password you provided when you created your account.
\r\n
true}/>\r\n \r\n
\r\n
\r\n\t\t\t\t{/*
\r\n\t\t\t\t\t{this.props.organization.alertMessage}\r\n\t\t\t\t*/}\r\n\t\t\t\t{this.props.common.visible ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.common.message}\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\t\t\t\t{this.state.isNewOrganization ? 'New Organization' : 'Organization Details'} \r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{/*
{this.state.isNewOrganization ? 'New Organization' : 'Organization Details'} */}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{!this.state.userCanManageOrganization && !this.state.isNewOrganization ?\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.leaving\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? Leave \r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t: null\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{this.state.userCanManageOrganization ?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{/*
Users */}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t: null\r\n\t\t\t\t\t}\r\n\t\t\t\t
\r\n
\r\n
\r\n
\r\n Oops, please log in to access admin pages!\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
Purchase Processed Successfully \r\n
Thank you for your purchase, your receipt is shown below.
\r\n {(auth.isAuthenticated())?
Continue to Member Center :\"\"}\r\n \r\n {this.props.store.transactionId ?\r\n
\r\n : \"\"}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n archive.image ?\r\n
:\r\n
\r\n }\r\n
\r\n
\r\n
\r\n\r\n
{archive.title} \r\n
{archive.monthDescription} {archive.year} \r\n
\r\n
{archive.features}
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n {\r\n archive.image ?\r\n
:\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
{archive.title} \r\n
{archive.monthDescription} {archive.year} \r\n
\r\n
{archive.features}
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Magazines
\r\n
\r\n
\r\n
Year:
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n this.setState({\r\n filteredArchives: [],\r\n selectedYear:{ description: 'All' }\r\n })}>Reset Filters \r\n
\r\n
\r\n
\r\n {this.renderArchiveList()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n discount.logoImage ?\r\n
:\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
{discount.companyName} \r\n {discount.description} \r\n \r\n
\r\n
\r\n
\r\n
Member Discounts
\r\n {\r\n (this.state.loading) ? \"Loading..\" :\r\n this.state.listOfMemberDiscounts.length != 0 ? this.renderDiscountList() : \"There are currently no Member Discounts\"\r\n }\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Existing Membership Request Submitted\r\n \r\n
We have received your request to create an account with an existing membership. Please give us a few business days to process your request.
\r\n
If you do not hear from us, feel free to give us a call. As always, feel free to contact us with any questions.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Setup Your Password\r\n \r\n \r\n {(this.state.success === false) ?
Choose and confirm the new password.
:
Password successfully setup. Please SIGN IN to your account.
}\r\n \r\n
\r\n {(this.state.success === false) ?\r\n
: null }\r\n
\r\n \r\n
{(this.state.success === false && this.state.sent === true) ? `Password setup unsuccessful. Please try again.` : null }
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n Membership Lookup: \r\n
\r\n
\r\n
\r\n Please Select Member \r\n
\r\n
\r\n {\r\n this.props.purchaseAndRenewals.purchaseLoading ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n Address 1 \r\n
\r\n
\r\n Address 2 \r\n
\r\n
\r\n
\r\n City \r\n
\r\n
\r\n State \r\n
\r\n {\r\n this.props.district.counties.length > 0 ?\r\n
\r\n County \r\n
\r\n : \"\"\r\n }\r\n
\r\n Zip \r\n
\r\n
\r\n
\r\n Phone \r\n
\r\n
\r\n Email \r\n
\r\n
Start \r\n \r\n )}\r\n \r\n )\r\n }\r\n}\r\n\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n purchaseAndRenewals: state.purchaseAndRenewals,\r\n common: state.common,\r\n district: state.district,\r\n membership: state.membership\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n setUserInfo,\r\n checkEmailCall,\r\n changeView,\r\n fetchStates,\r\n getCounties,\r\n setCounties,\r\n fetchMembershipPackages,\r\n setAlert\r\n})(CheckUser);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport {\r\n changeView\r\n} from '../../../../../../../Redux/Actions/Admin/ManagePurchaseAndRenewalsActions';\r\n\r\nclass AddItems extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n this.props.changeView({ view: \"Membership\" })}>Add Membership \r\n
\r\n
\r\n this.props.changeView({ view: \"RenewMembership\" })}>Renew Membership \r\n
\r\n
\r\n this.props.changeView({view: \"Subscription\"})}>Add Subscription \r\n
\r\n
\r\n
\r\n
\r\n this.props.changeView({ view: \"Renew Subscription\" })}>Renew Subscription \r\n
\r\n
\r\n this.props.changeView({view: \"ProductOrder\"})}>Add Product Order \r\n
\r\n
\r\n this.props.changeView({ view: \"Donation\" })}>Add Donation \r\n
\r\n
\r\n
\r\n
\r\n this.props.changeView({ view: \"AdditionalDues\" })}>Additional Dues \r\n
\r\n
\r\n Upgrade Membership \r\n
\r\n
\r\n Add Sponsorship \r\n
\r\n \r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t {this.props.purchaseAndRenewals.message}\r\n\t\t\t\t \r\n \r\n
\r\n Membership Lookup: \r\n
\r\n
\r\n
\r\n Please Select Member \r\n
\r\n
\r\n
\r\n {(this.props.purchaseAndRenewals.editingPurchase.membershipType && this.props.purchaseAndRenewals.editingPurchase.view === \"RenewMembership\") || this.state.selectedMember ?\r\n \r\n SAVE \r\n \r\n : \"\"}\r\n this.props.changeView({ view: \"AddItems\" })}>\r\n CANCEL \r\n \r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.props.purchaseAndRenewals.message}\r\n\t\t\t\t\r\n \r\n
\r\n Subscription Lookup: \r\n
\r\n
\r\n
\r\n Please Select User \r\n
\r\n
\r\n {\r\n this.state.isLoading ? (\r\n
\r\n ) : (\r\n
\r\n )\r\n }\r\n
\r\n
\r\n
\r\n
{this.props.product.title} \r\n {\r\n this.props.product.image.base64 ? \r\n
: \r\n
\r\n } \r\n
\r\n
\r\n
\r\n {this.props.product.colors.length > 0 ?\r\n
\r\n Select Color \r\n \r\n \r\n
\r\n : \"\"}\r\n
\r\n
\r\n {this.props.product.sizes.length > 0 ?\r\n
\r\n Select Size \r\n \r\n \r\n
\r\n : \"\"}\r\n
\r\n
\r\n
\r\n Quantity \r\n \r\n
\r\n
\r\n
\r\n
\r\n
Price \r\n {\r\n this.props.product.discount ?\r\n
${(this.props.product.discount * this.state.Quantity).toFixed(2)}
:\r\n
${(this.props.product.price * this.state.Quantity).toFixed(2)}
\r\n }\r\n
\r\n
\r\n
\r\n this.handleSubmit(event)} className=\"admin-k-button\">\r\n ADD \r\n \r\n
\r\n
\r\n
\r\n {this.props.purchaseAndRenewals.message}\r\n \r\n Checkout \r\n \r\n
\r\n Item Name\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.props.purchaseAndRenewals.purchaseList.map((item, index) => {\r\n item.id = index;\r\n if (item.view === \"ProductOrder\") {\r\n return (\r\n \r\n {item.view} - {item.Name} \r\n {item.productLineItems.map((product, key) => {\r\n return (\r\n \r\n \r\n
\r\n Product - {product.ProductName}\r\n
\r\n
\r\n
{Number(product.SuggestedCost).toFixed(2)}
\r\n
\r\n
\r\n $ \r\n this.actualCostProductChange(event, index, key)}\r\n name=\"ActualCost\"\r\n />\r\n
\r\n
{\r\n this.handleRemovePurchaseItem(event, index);\r\n }\r\n }>\r\n \r\n \r\n
\r\n {item.view} - {item.Name}\r\n
\r\n
\r\n
{this.formatAsDollar(item.SuggestedCost)}
\r\n
\r\n
\r\n $ \r\n this.actualCostChange(event, index)}\r\n name=\"ActualCost\"\r\n />\r\n
\r\n
{\r\n this.handleRemovePurchaseItem(event, index);\r\n }\r\n }>\r\n \r\n )\r\n }\r\n })\r\n }\r\n : \"\"\r\n }\r\n \r\n
\r\n
Tax \r\n \r\n
\r\n
{this.formatAsDollar(this.state.Tax)} \r\n \r\n
\r\n
\r\n
Shipping \r\n \r\n
\r\n \r\n {/*
{this.formatAsDollar(this.state.Shipping)} */}\r\n $ \r\n {\r\n const regex = new RegExp('^[0-9]*\\\\.?[0-9]{0,2}$');\r\n\r\n if (regex.test(event.target.value)) {\r\n this.setState(\r\n { Shipping: event.target.value },\r\n () => {\r\n this.tax();\r\n }\r\n );\r\n }\r\n }}\r\n name=\"shipping\"\r\n />\r\n \r\n
\r\n
\r\n
Total \r\n \r\n
\r\n
{this.formatAsDollar(this.state.GrandTotal)} \r\n \r\n
\r\n
Successful \r\n Close \r\n \r\n )\r\n }\r\n}\r\n\r\n\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n purchaseAndRenewals: state.purchaseAndRenewals\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n addToPurchase,\r\n updatePurchase,\r\n removePurchaseItem\r\n})(Success);","import React, { Component } from 'react';\r\nimport swal from 'sweetalert';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { MultiSelect } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport { selectMembershipType, selectMembershipPackage, fetchMembershipTypes, fetchMembershipPackages } from '../../../../../../../Redux/Actions/EndUser/MembershipAction';\r\nimport { fetchAllMemberships, updateAdminMembership, addAdminMembership } from '../../../../../../../Redux/Actions/Admin/ManageMembershipActions';\r\nimport { fetchStates } from '../../../../../../../Redux/Actions/CommonActions';\r\nimport '../../../ManageMembership/ManageMembership.scss';\r\n\r\nimport {\r\n addToPurchase,\r\n updatePurchase,\r\n changeView,\r\n setAlert\r\n} from '../../../../../../../Redux/Actions/Admin/ManagePurchaseAndRenewalsActions';\r\n\r\nimport IsLoading from '../../../../../../Shared/Loading/IsLoading';\r\nimport { Alert } from 'reactstrap';\r\n\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../../../api-config';\r\nimport _ from 'lodash';\r\nimport { auth } from '../../../../../../../services';\r\n\r\n\r\nconst initialState = {\r\n firstRender: false,\r\n membershipInEdit: {},\r\n value: [],\r\n membershipLookup: false,\r\n membershipLookupEmail: \"\",\r\n membershipData: [],\r\n selectedMember: null,\r\n view: \"AdditionalDues\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n total: 0,\r\n id: 0,\r\n UserId: \"\",\r\n Name: \"\",\r\n ActualCost: 0,\r\n SuggestedCost: 0,\r\n email: \"\",\r\n dueAmount: 0\r\n}\r\n\r\nclass AdditionalDues extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = initialState;\r\n\r\n this.delayedCallback = _.debounce(this.checkEmailCall, 2000);\r\n this.onEmailChange = this.onEmailChange.bind(this);\r\n }\r\n componentDidMount() {\r\n this.props.fetchAllMemberships();\r\n this.props.fetchStates();\r\n if (this.props.purchaseAndRenewals.editingPurchase) {\r\n this.setState({\r\n ...this.props.purchaseAndRenewals.editingPurchase\r\n })\r\n }\r\n\r\n if (this.props.purchaseAndRenewals.userInfo) {\r\n this.setState(\r\n {\r\n firstRender: true,\r\n membershipLookupEmail: (10000000 + this.props.purchaseAndRenewals.userInfo.membershipId).toString()\r\n }, () => {\r\n this.checkEmailCall();\r\n }\r\n );\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.purchaseAndRenewals.editingPurchase !== this.props.purchaseAndRenewals.editingPurchase) {\r\n this.setState({\r\n ...this.props.purchaseAndRenewals.editingPurchase\r\n })\r\n }\r\n }\r\n\r\n checkEmailCall() {\r\n this.setState({ isLoading: true })\r\n const options = { params: { searchTerm: this.state.membershipLookupEmail }, method: 'GET', headers: auth.authHeader() };\r\n axios.get(`${ROOT_API_URL}/ManageTransaction/SearchMembership`, options)\r\n .then((response) => {\r\n if (response.data.length > 0) {\r\n this.setState({\r\n membershipData: response.data,\r\n isLoading: false\r\n },\r\n () => this.props.setAlert(true, \"Users Found\", 'success')\r\n );\r\n\r\n if (this.state.firstRender) {\r\n let shouldBreak = false;\r\n\r\n response.data.map(membership => {\r\n if (!shouldBreak && (membership.membershipId == this.props.purchaseAndRenewals.userInfo.membershipId)) {\r\n shouldBreak = true;\r\n this.props.fetchMembershipPackages(membership.membershipType.membershipTypeID);\r\n this.setState({\r\n IsRenewal: true,\r\n selectedMember: membership,\r\n membershipId: membership.membershipId,\r\n email: membership.email\r\n });\r\n }\r\n });\r\n\r\n this.setState({\r\n firstRender: false\r\n });\r\n }\r\n\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000)\r\n } else if (response.data.length === 0) {\r\n this.setState({\r\n ...initialState,\r\n membershipLookupEmail: this.state.membershipLookupEmail,\r\n isLoading: false,\r\n },\r\n () => this.props.setAlert(true, \"No Users Found\", 'danger')\r\n );\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000)\r\n } else {\r\n this.setState({\r\n ...initialState,\r\n isLoading: false,\r\n membershipLookupEmail: this.state.membershipLookupEmail\r\n },\r\n () => this.props.setAlert(true, response.data.message, 'danger')\r\n );\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000)\r\n }\r\n })\r\n .catch((response) => {\r\n this.setState({\r\n isLoading: false\r\n },\r\n () => this.props.setAlert(true, response.message, 'danger')\r\n )\r\n });\r\n }\r\n\r\n onEmailChange = (event) => {\r\n var userId = '';\r\n if (auth.isAuthenticated()) {\r\n userId = auth.getAuthUserId()\r\n }\r\n this.setState(\r\n {\r\n membershipLookupEmail: event.target.value,\r\n userID: userId\r\n\r\n },\r\n () => {\r\n this.delayedCallback();\r\n }\r\n\r\n );\r\n };\r\n\r\n handleBlur = (field) => (evt) => {\r\n this.setState({\r\n touched: { ...this.state.touched, [field]: true },\r\n });\r\n }\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n const newState = Object.assign({}, this.state);\r\n console.log(newState.selectedMember.memberNumber,\"submit newstate\")\r\n newState.ActualCost = Number(newState.dueAmount);\r\n newState.SuggestedCost = Number(newState.dueAmount);\r\n newState.Name = \"MemberNumber \" + newState.selectedMember.memberNumber;\r\n this.setState(newState);\r\n if (this.props.purchaseAndRenewals.editingPurchase.Name) {\r\n this.props.updatePurchase(newState);\r\n } else {\r\n this.props.addToPurchase(newState);\r\n }\r\n this.props.changeView({ view: \"AddItems\" })\r\n };\r\n\r\n isCustom(item) {\r\n return item.id === undefined;\r\n };\r\n\r\n addKey(item) {\r\n item.id = new Date().getTime();\r\n };\r\n\r\n onDialogInputChange = (event) => {\r\n let target = event.currentTarget;\r\n let value = target.type === 'checkbox' ? target.checked : target.value;\r\n const name = target.props ? target.props.name : target.name;\r\n\r\n const edited = this.state;\r\n if (name == \"dueAmount\") {\r\n\r\n value = target.valueAsNumber;\r\n\r\n if (value < 0) {\r\n value = 0;\r\n target.valueAsNumber = 0;\r\n }\r\n }\r\n edited[name] = value;\r\n edited.isActive = true;\r\n this.setState({\r\n ...edited\r\n });\r\n };\r\n\r\n handleMultiSelectChange = (event) => {\r\n var currentState = { ...this.state };\r\n currentState.permissions = [...event.target.value];\r\n this.setState({\r\n ...currentState\r\n });\r\n };\r\n\r\n handleChange = (event) => {\r\n this.selectedMembershipType(event.target.value);\r\n };\r\n\r\n selectedMembershipType = (value) => {\r\n this.props.selectMembershipType(value);\r\n if (value !== null) {\r\n const newState = Object.assign({}, this.state);\r\n newState.membershipType = value;\r\n this.setState(newState);\r\n this.props.fetchMembershipPackages(value.membershipTypeID);\r\n }\r\n };\r\n\r\n handlePackageChange = (event) => {\r\n const newState = Object.assign({}, this.state);\r\n newState.membershipPackage = event.target.value;\r\n this.setState(newState);\r\n this.props.selectMembershipPackage(event.target.value);\r\n };\r\n\r\n handleState = (event) => {\r\n const value = event.target.value;\r\n if (value !== null) {\r\n this.setState({ state: value });\r\n }\r\n };\r\n\r\n handleMembershipSelectChange = (event) => {\r\n if (event.target.value !== null) {\r\n this.props.fetchMembershipPackages(event.target.value.membershipType.membershipTypeID);\r\n this.setState({\r\n IsRenewal: true,\r\n selectedMember: event.target.value,\r\n membershipId: event.target.value.membershipId,\r\n email: event.target.value.email\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.props.purchaseAndRenewals.message}\r\n \r\n \r\n
\r\n Membership Lookup: \r\n
\r\n
\r\n
\r\n Please Select Member \r\n
\r\n
\r\n
\r\n
ADD PURCHASE / RENEWAL TRANSACTION \r\n
\r\n
\r\n {this.props.purchaseAndRenewals.view === \"CheckUser\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"AddItems\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"Membership\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"RenewMembership\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"Subscription\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"RenewSubscription\" || this.props.purchaseAndRenewals.view === \"Renew Subscription\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"ProductOrder\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"Donation\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"AdditionalDues\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"Checkout\" ?
: \"\"}\r\n {this.props.purchaseAndRenewals.view === \"Success\" ? this.hideSidebar()}/> : \"\"} \r\n \r\n
\r\n {this.props.purchaseAndRenewals.purchaseList.length > 0 && this.state.showSidebar ?\r\n
\r\n {\r\n this.props.purchaseAndRenewals.purchaseList.map((item, index) => {\r\n item.id = index;\r\n return (\r\n {\r\n this.props.changeView(item)\r\n }}\r\n >\r\n \r\n
\r\n
\r\n
\r\n
${Number(item.SuggestedCost).toFixed(2)}
\r\n
{\r\n event.stopPropagation()\r\n this.props.removePurchaseItem(index);\r\n }\r\n }>\r\n \r\n
\r\n )\r\n })\r\n }\r\n : \"\"\r\n }\r\n {this.props.purchaseAndRenewals.view === \"CheckUser\" || !this.state.showSidebar ? \"\" :
this.props.changeView({ view: 'AddItems' })}>Add Item }\r\n {this.props.purchaseAndRenewals.view === \"CheckUser\" || !this.state.showSidebar ? \"\" :\r\n
\r\n
Suggested Total: ${this.state.total} \r\n {this.props.purchaseAndRenewals.purchaseList.length > 0 ?\r\n this.props.changeView({ view: 'Checkout' })}>Checkout \r\n : \"\"}\r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n Transaction Details \r\n\t\t\t\t\r\n\t\t\t \r\n\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Transaction Audit \r\n \r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter);\r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n >\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n {this.state.data ?\r\n
\r\n this.changeVeiw(\"details\")} className={this.state.view === \"edit\" ? \"active\" : \"\"}>Edit Transaction \r\n this.changeVeiw(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n : \"\"}\r\n
\r\n
\r\n {this.state.view === \"details\" ?\r\n
\r\n
\r\n
{\r\n (value === null) ? '' : \"$\" + this.props.dataItem[this.props.field].toFixed(2).toString()}\r\n \r\n );\r\n }\r\n}\r\n\r\nclass ManagePurchaseAndRenewals extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isLoading: true,\r\n isSubmitted: false,\r\n transactionInEdit: {},\r\n isPopupVisible: false,\r\n isEditPopupVisible: false,\r\n transactions: { data: [], total: 0 },\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n filter: {\r\n logic: \"and\",\r\n filters: []\r\n },\r\n sort: [{ field: \"TransactionId\", dir: \"desc\" }]\r\n },\r\n modalOpen: false,\r\n alertVisible: false,\r\n alertColor: \"danger\",\r\n alertMessage: \"\"\r\n };\r\n }\r\n\r\n dataStateChange = (e) => {\r\n\r\n if (e.data && e.data.filter && e.data.filter.filters) {\r\n var filters = e.data.filter.filters;\r\n\r\n for (var i = 0; i < filters.length; i++) {\r\n if (filters[i].field && filters[i].field == \"CreateDate\") {\r\n var operator = filters[i].operator;\r\n\r\n if ((operator == \"gt\" || operator == \"gte\") && !filters[i].value) {\r\n\r\n filters[i].value = new Date('January 01, 1900');\r\n\r\n } else if ((operator == \"lt\" || operator == \"lte\") && !filters[i].value) {\r\n\r\n var currentDatetime = new Date();\r\n\r\n filters[i].value = new Date(Date.UTC(currentDatetime.getFullYear(), currentDatetime.getMonth(), currentDatetime.getDate()));\r\n\r\n }\r\n } else if (filters[i].field && (filters[i].field == \"TransactionId\" || filters[i].field == \"Amount\")) {\r\n var operator = filters[i].operator;\r\n\r\n if (!filters[i].value && (operator == \"lt\" || operator == \"lte\" || operator == \"gt\" || operator == \"gte\")) {\r\n\r\n filters[i].value = 0;\r\n\r\n }\r\n\r\n } else if (filters[i].value == null) {\r\n filters[i].value = \"\";\r\n }\r\n }\r\n }\r\n\r\n this.setState({\r\n ...this.state,\r\n dataState: e.data\r\n });\r\n }\r\n\r\n dataRecieved = (transactionsFetched) => {\r\n this.setState({\r\n ...this.state,\r\n transactions: transactionsFetched,\r\n isLoading: false\r\n });\r\n\r\n if (transactionsFetched.total == 0 && document.getElementsByClassName(\"k-grid-header-wrap\").length != 0) {\r\n let t = document.getElementsByClassName(\"k-grid-header-wrap\")[0].className = \"horizontal-scroll\";\r\n }\r\n else if (transactionsFetched.total != 0 && document.getElementsByClassName(\"horizontal-scroll\").length != 0) {\r\n document.getElementsByClassName(\"horizontal-scroll\")[0].className = \"k-grid-header-wrap\";\r\n }\r\n }\r\n\r\n edit = (dataItem) => {\r\n this.setState({\r\n transactionInEdit: Object.assign({}, dataItem),\r\n isPopupVisible: true\r\n });\r\n };\r\n\r\n editBatch = (dataItem) => {\r\n this.setState({\r\n transactionInEdit: Object.assign({}, dataItem),\r\n isEditPopupVisible: true\r\n });\r\n };\r\n\r\n cancel = () => {\r\n this.setState({ isPopupVisible: false })\r\n };\r\n\r\n cancelEditPopup = () => {\r\n this.setState({ isEditPopupVisible: false })\r\n };\r\n\r\n stringifyObj = (arr) => {\r\n let t = [...arr];\r\n if (!t) {\r\n return null;\r\n }\r\n else {\r\n for (var i = 0; i < t.length; i++) {\r\n var element = { ...t[i] };\r\n if (element[\"field\"] == \"OrderDate\") {\r\n let date = element.value;\r\n if (!date) {\r\n date = \"0001/01/01\";\r\n }\r\n else {\r\n date = (date + '').split(\" \");\r\n let day = date[2] + '';\r\n let year = date[3] + '';\r\n let month = \"01\";\r\n switch (date[1]) {\r\n case \"Jan\":\r\n month = \"01\";\r\n break;\r\n case \"Feb\":\r\n month = \"02\";\r\n break;\r\n case \"Mar\":\r\n month = \"03\";\r\n break;\r\n case \"Apr\":\r\n month = \"04\";\r\n break;\r\n case \"May\":\r\n month = \"05\";\r\n break;\r\n case \"Jun\":\r\n month = \"06\";\r\n break;\r\n case \"Jul\":\r\n month = \"07\";\r\n break;\r\n case \"Aug\":\r\n month = \"08\";\r\n break;\r\n case \"Sep\":\r\n month = \"09\";\r\n break;\r\n case \"Oct\":\r\n month = \"10\";\r\n break;\r\n case \"Nov\":\r\n month = \"11\";\r\n break;\r\n case \"Dec\":\r\n month = \"12\";\r\n break;\r\n }\r\n date = year + \"/\" + month + \"/\" + day;\r\n element[\"value\"] = date;\r\n }\r\n }\r\n else {\r\n for (var key in t[i]) {\r\n element[key] = element[key] + '';\r\n }\r\n }\r\n t[i] = element;\r\n }\r\n return t;\r\n }\r\n }\r\n\r\n exportToExcel = () => {\r\n var Filters = this.state.dataState.filter ? this.stringifyObj([...this.state.dataState.filter.filters]) : null;\r\n var Sorts = this.state.dataState.sort ? this.stringifyObj([...this.state.dataState.sort]) : null;\r\n var KendoGridQuery = {\r\n Filters: Filters ? Filters.slice() : [],\r\n Sorts: Sorts ? Sorts.slice() : []\r\n }\r\n\r\n axios.get(ROOT_API_URL + \"/ManageTransaction/ExportToExcel?queryArguments=\" + JSON.stringify(KendoGridQuery), { headers: auth.authHeader() })\r\n .then((response) => {\r\n FileDownload(response.data, 'Purchases and renewals.csv');\r\n }).catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to export to excel.';\r\n\r\n this.setState({\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n });\r\n }\r\n\r\n modalToggle = () => {\r\n this.props.resetView()\r\n this.setState({\r\n modalOpen: !this.state.modalOpen\r\n });\r\n }\r\n\r\n save = (model) => {\r\n this.setState({\r\n isSubmitted: true,\r\n isLoading: true,\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n filter: {\r\n logic: \"and\",\r\n filters: []\r\n },\r\n sort: [{ field: \"TransactionId\", dir: \"asc\" }]\r\n },\r\n });\r\n axios\r\n .post(`${ROOT_API_URL}/ManageTransaction/SaveTransaction`, model, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n isSubmitted: false\r\n })\r\n })\r\n .catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to save the transaction.';\r\n\r\n this.setState({\r\n isSubmitted: false,\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n });\r\n }\r\n\r\n deleteTransaction = (model) => {\r\n if (model.Status != \"InProgress\" && model.Status != \"Failed\") {\r\n if(!model.IsBatchOpen) {\r\n this.setState({\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: 'Only in progress transactions can be deleted OR cash transactions with open batches.'\r\n });\r\n\r\n return;\r\n } \r\n }\r\n\r\n this.setState({\r\n isSubmitted: true,\r\n isLoading: true,\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n filter: {\r\n logic: \"and\",\r\n filters: []\r\n },\r\n sort: [{ field: \"TransactionId\", dir: \"desc\" }]\r\n },\r\n });\r\n\r\n if (!model.TransactionId) {\r\n this.setState({\r\n isSubmitted: false,\r\n isLoading: false,\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: \"Unable to get the transaction's ID\"\r\n });\r\n return;\r\n }\r\n\r\n axios\r\n .post(`${ROOT_API_URL}/ManageTransaction/DeleteTransaction`, model, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n isSubmitted: false,\r\n isLoading: false\r\n })\r\n })\r\n .catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to delete the transaction.';\r\n\r\n this.setState({\r\n isSubmitted: false,\r\n isLoading: false,\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n });\r\n }\r\n\r\n pageChange = (event) => {\r\n this.setState({\r\n skip: event.page.skip,\r\n take: event.page.take\r\n });\r\n }\r\n\r\n refreshGird = () => {\r\n this.setState({\r\n isSubmitted: true,\r\n isLoading: true,\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n filter: {\r\n logic: \"and\",\r\n filters: []\r\n },\r\n sort: [{ field: \"TransactionId\", dir: \"desc\" }]\r\n },\r\n });\r\n\r\n this.setState({\r\n isSubmitted: false\r\n })\r\n }\r\n\r\n\r\n PriceCell = (props) => \r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n this.modalToggle()} className=\"admin-k-button\">\r\n ADD \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {\r\n editBatch(this.props.dataItem);\r\n }}\r\n disabled={!(this.props.dataItem.IsBatchOpen && (this.props.dataItem.Description == \"Cash\" || this.props.dataItem.Description == \"Check\"))} \r\n >\r\n {\r\n edit(this.props.dataItem);\r\n }}\r\n >\r\n {\r\n swal({\r\n title: 'Are you sure?',\r\n text: `Delete transaction id: ${this.props.dataItem.TransactionId}`,\r\n icon: 'warning',\r\n buttons: {\r\n cancel: 'CANCEL',\r\n confirm: 'OK'\r\n },\r\n dangerMode: true\r\n }).then((value) => (value ? deleteTransaction(this.props.dataItem) : null));\r\n }}\r\n disabled={!(this.props.dataItem.IsBatchOpen && (this.props.dataItem.Description == \"Cash\" || this.props.dataItem.Description == \"Check\"))} \r\n >\r\n {\r\n swal({\r\n title: 'Are you sure?',\r\n text: `Deleting, ${this.props.dataItem.name} Size will result in in-correct product `,\r\n icon: 'warning',\r\n buttons: {\r\n cancel: 'CANCEL',\r\n confirm: 'OK'\r\n },\r\n dangerMode: true\r\n }).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n }}\r\n >\r\n {\r\n swal(\r\n `Are you sure you want to re-activate ${this.props.dataItem.name} ?`\r\n ).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n }}\r\n >\r\n \r\n );\r\n }\r\n };\r\n}\r\n","import React, { Component } from 'react';\r\nimport swal from 'sweetalert';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { MultiSelect } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport { selectMembershipType, selectMembershipPackage } from '../../../../../Redux/Actions/EndUser/MembershipAction';\r\nimport { fetchAllMemberships, updateAdminMembership, addAdminMembership } from '../../../../../Redux/Actions/Admin/ManageMembershipActions';\r\nimport { fetchMembershipTypes, fetchMembershipPackages } from '../../../../../Redux/Actions/EndUser/MembershipAction';\r\nimport { fetchStates } from '../../../../../Redux/Actions/CommonActions';\r\nimport { getCounties } from '../../../../../Redux/Actions/Admin/ManageDistrictActions';\r\nimport './ManageMembership.scss';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport _ from 'lodash';\r\nimport DateTimePicker from 'react-datetime-picker';\r\n\r\nimport PlacesAutocomplete, {\r\n geocodeByAddress,\r\n geocodeByPlaceId,\r\n getLatLng,\r\n} from 'react-places-autocomplete';\r\n\r\nclass MembershipForm extends Component {\r\n\tconstructor(props) {\r\n super(props);\r\n\t\tthis.state = {\r\n membershipInEdit: this.props.dataItem || null,\r\n countyList: [],\r\n value: []\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n this.props.fetchMembershipTypes();\r\n if (this.state.membershipInEdit && this.state.membershipInEdit.membershipType && this.state.membershipInEdit.membershipType.membershipTypeID) {\r\n this.props.fetchMembershipPackages(this.state.membershipInEdit.membershipType.membershipTypeID);\r\n }\r\n this.props.fetchStates();\r\n \r\n\r\n if (this.state.membershipInEdit.state.id != 0) {\r\n this.props.getCounties(this.state.membershipInEdit.state.id);\r\n }\r\n\t}\r\n handleBlur = (field) => (evt) => {\r\n this.setState({\r\n touched: { ...this.state.touched, [field]: true },\r\n });\r\n }\r\n\r\n handleJoinDate = (date) => {\r\n const edited = this.state.membershipInEdit;\r\n edited.joinDate = date;\r\n this.setState({\r\n membershipInEdit: edited\r\n });\r\n };\r\n\r\n handleMembershipExpirationDate = (date) => {\r\n const edited = this.state.membershipInEdit;\r\n edited.membershipExpirationDate = date;\r\n this.setState({\r\n membershipInEdit: edited\r\n });\r\n };\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.state.membershipInEdit.membershipId) {\r\n this.props.save(this.state.membershipInEdit);\r\n\t\t\tthis.props.cancel();\r\n }\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.membershipInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n\t\t\tmembershipInEdit: edited\r\n\t\t});\r\n };\r\n\thandleMultiSelectChange = (event) => {\r\n\t\tvar currentState = { ...this.state.membershipInEdit };\r\n\t\tcurrentState.permissions = [ ...event.target.value ];\r\n\t\tthis.setState({\r\n\t\t\tmembershipInEdit: currentState\r\n\t\t});\r\n\t};\r\n\r\n handleChange = (event) => {\r\n this.selectedMembershipType(event.target.value);\r\n }\r\n\r\n selectedMembershipType = (value) => {\r\n this.props.selectMembershipType(value);\r\n if (value !== null) {\r\n this.setState({ membershipInEdit: { ...this.state.membershipInEdit, membershipType: value, membershipPackage: {}, membershipPackageId: null} });\r\n this.props.fetchMembershipPackages(value.membershipTypeID);\r\n }\r\n }\r\n\r\n handlePackageChange = (event) => {\r\n this.setState({ membershipInEdit: { ...this.state.membershipInEdit, membershipPackage: event.target.value, membershipPackageId: event.target.value.membershipPackageID} });\r\n this.props.selectMembershipPackage(event.target.value);\r\n\t}\r\n handleState = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n this.props.getCounties(target.value.id);\r\n\t\t\r\n const edited = this.state.membershipInEdit;\r\n\r\n edited.state = value;\r\n\t\tif(name === \"state\")\r\n\t\t{\r\n edited.mailingStateId = value.id;\r\n\t\t}\r\n\t\telse if(name === \"billingState\")\r\n\t\t{\r\n\t\t\tedited.billingStateId = value.id;\r\n }\r\n\t\tthis.setState({\r\n membershipInEdit: edited,\r\n\t\t});\r\n };\r\n\r\n handleStateChange = (event) => {\r\n const value = event.target.value;\r\n let newRecord = this.state.membershipInEdit;\r\n newRecord.state.id = value.id;\r\n newRecord.state.name = value.name;\r\n newRecord.mailingStateId = value.id;\r\n if (value !== null) {\r\n this.setState({ membershipInEdit: newRecord });\r\n }\r\n };\r\n\r\n handleCountyChange = (event) => {\r\n const value = event.target.value;\r\n let newRecord = this.state.membershipInEdit;\r\n newRecord.county.countyId = value.countyId;\r\n newRecord.county.countyName = value.countyName;\r\n\r\n if (value !== null) {\r\n this.setState({ membershipInEdit: newRecord });\r\n }\r\n };\r\n\r\n handleAutoAddressChange = address => {\r\n this.setState({ address });\r\n };\r\n\r\n handleAutoSelect = (address) => {\r\n //this.props.getCounties(this.state.state.id);\r\n //this.setState({ address });\r\n //this.setAutofillFields(address, this.props.district.counties);\r\n\r\n\r\n axios.get(`${ROOT_API_URL}/ManageDistrict/GetCounties?stateId=${this.state.membershipInEdit.state.id}`)\r\n .then((response) => {\r\n //this.props.setCounties(response.data);\r\n\r\n this.setState({\r\n address,\r\n countyList: response.data\r\n });\r\n this.setAutofillFields(address, response.data);\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n };\r\n\r\n fetchCountiesByStateId = async (id) => {\r\n return await axios.get(`${ROOT_API_URL}/ManageDistrict/GetCounties?stateId=${id}`).then((response) => {\r\n this.setState({\r\n countyList: response.data\r\n });\r\n });\r\n }\r\n\r\n setCountyAsync = async (stateId, county) => {\r\n await this.fetchCountiesByStateId(stateId);\r\n\r\n var countyLst = this.state.countyList;\r\n var cpMembershipInEdit = this.state.membershipInEdit;\r\n\r\n countyLst.forEach(countyObj => {\r\n if (county.includes(countyObj.countyName)) {\r\n cpMembershipInEdit.county = countyObj;\r\n this.setState({\r\n membershipInEdit: cpMembershipInEdit\r\n })\r\n }\r\n });\r\n }\r\n\r\n SetTopSuggestion = suggestions => {\r\n\r\n if (!_.isEqual(this.state.TopSuggestion, suggestions[0])) {\r\n this.setState({ TopSuggestion: suggestions[0] })\r\n this.setAutofillFields(suggestions[0].description);\r\n }\r\n }\r\n\r\n setAutofillFields = (address, countiesList) => {\r\n\r\n geocodeByAddress(address)\r\n .then(results => {\r\n\r\n results.map((addressResults) => {\r\n var mailingInformation = {\r\n ...this.state.membershipInEdit,\r\n mailingAddress1: \"\",\r\n mailingCity: \"\",\r\n state: {\r\n id: 0,\r\n name: ''\r\n },\r\n county: { countyId: 0, countyName: \"\" },\r\n mailingZip: \"\"\r\n }\r\n addressResults.address_components.map((result) => {\r\n if (result.types.includes(\"street_number\")) {\r\n mailingInformation.mailingAddress1 = result[\"short_name\"];\r\n }\r\n if (result.types.includes(\"route\")) {\r\n mailingInformation.mailingAddress1 = mailingInformation.mailingAddress1 + \" \" + result[\"short_name\"];\r\n }\r\n if (result.types.includes(\"locality\")) {\r\n mailingInformation.mailingCity = result[\"short_name\"];\r\n }\r\n if (result.types.includes(\"administrative_area_level_1\")) {\r\n //mailingInformation.state = result[\"short_name\"];\r\n var stateObj = this.props.common.states.find((stateObj) => {\r\n if (stateObj.name === result[\"short_name\"].toString()) {\r\n return stateObj\r\n }\r\n });\r\n\r\n if (stateObj) {\r\n\r\n mailingInformation.state = stateObj;\r\n\r\n }\r\n\r\n }\r\n if (result.types.includes(\"administrative_area_level_2\")) {\r\n mailingInformation.county = result[\"long_name\"];\r\n }\r\n if (result.types.includes(\"postal_code\")) {\r\n mailingInformation.mailingZip = result[\"short_name\"];\r\n }\r\n });\r\n\r\n //this.props.getCounties(mailingInformation.StateObject.id);\r\n this.setState({ membershipInEdit: mailingInformation });\r\n\r\n })\r\n\r\n }).then(() => {\r\n //this.selectCounty(this.state.County);\r\n this.setCountyAsync(this.state.membershipInEdit.state.id, this.state.membershipInEdit.county);\r\n });\r\n }\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!this.state.membershipInEdit.membershipId ?
Add New Membership :
Edit Membership }\r\n\t\t\t\t
\r\n
\r\n Address 1 \r\n
\r\n
\r\n Address 2 \r\n
\r\n
\r\n
\r\n City \r\n
\r\n
\r\n State \r\n
\r\n
\r\n County \r\n 0 && this.state.membershipInEdit.county.countyId > 0)}\r\n />\r\n
\r\n
\r\n Zip \r\n
\r\n
\r\n Phone \r\n
\r\n
\r\n
\r\n \r\n CANCEL \r\n \r\n {!this.state.membershipInEdit.membershipID ? (\r\n \r\n SAVE \r\n \r\n ) : (\r\n \r\n UPDATE \r\n \r\n )}\r\n
\r\n
\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t\tvar membershipscount = this.state.membershipInEdit.additionalMemberships - (this.props.membershipUsers.length-1);\r\n\t\t\tconsole.log(membershipscount, \"membershipscount in admin\")\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{this.props.common.visible ? (\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.common.message}\r\n\t\t\t\t\r\n\t\t\t) : null}\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t{!this.state.membershipUserInEdit ?\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t!this.state.hideAuthBtns ?\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\t
Add Authorized Users \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tYou have {membershipscount > 0 ? membershipscount : 0} of {this.state.membershipInEdit.additionalMemberships} additional memberships available\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t: ''\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t!this.state.hideAuthBtns ?\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\t\t''\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
Authorized Users \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t# \r\n\t\t\t\t\t\t\t\t\t\t\t\tMember # \r\n\t\t\t\t\t\t\t\t\t\t\t\tFirst Name \r\n\t\t\t\t\t\t\t\t\t\t\t\tLast Name \r\n\t\t\t\t\t\t\t\t\t\t\t\tEmail \r\n\t\t\t\t\t\t\t\t\t\t\t\tAddress \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.props.membershipUsers.length > 0 ? this.props.membershipUsers.map((item, i) =>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.isPendingInvitation ? \"Pending\" : [i + 1]} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.memberNumber} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.firstName} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.lastName} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.userName} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.address1} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t!this.state.hideAuthBtns ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.userId == null && this.state.membershipInEdit.isMembershipOwner ? this.editUser(item.memberNumber,)} style={{ color: \"blue\", cursor: \"pointer\" }}>Click to Invite : \"\"} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ''\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{(!this.state.hideAuthBtns && this.state.membershipInEdit.isMembershipOwner) ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(item.isActive) ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.Delete(item)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tREMOVE\r\n\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.membershipCountMessage}
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t) : \"\"}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t:
user.isMembershipOwner === true)}\r\n\t\t\t\t\t\t\t\t/>}\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tmembershipUsers: state.memberInvitation.membershipUsers,\r\n\t\tcommon: state.common\r\n\t};\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {\r\n\tinviteMember, inviteMemberOnEdit,getMembershipUsers,toastr,DeleteMembershipUser,InviteManualUser,RemoveEmailMessage\r\n})(AdditionalMembershipsForm));\r\n","import React from 'react';\r\nimport {\r\n getMembershipHistory,\r\n} from '../../../../../Redux/Actions/Admin/ManageMembershipActions';\r\nimport { auth } from '../../../../../services';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport IsLoading from '../../../../Shared/Loading/IsLoading';\r\nimport {\r\n\tTable\r\n} from 'reactstrap';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\nimport '../../../../PublicView/Pages/MyMemberships/AuthorizedMembers/AuthorizedMembers.scss';\r\n\r\nclass MembershipHistoryForm extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tmembershipId:this.props.dataItem.membershipId || 0,\r\n\t\t};\r\n\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tconsole.log(\"MemberHistory\", this.props.memberHistory);\r\n\t\tthis.props.getMembershipHistory(this.state.membershipId);\r\n\t}\r\n\trender() {\r\n return (\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Membership Transactions \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
Organization Name
\r\n
\r\n
\r\n
Membership Number
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.memberHistory.length > 0 ? this.props.memberHistory.map((item, i) =>\r\n
\r\n
\r\n
{item.transactionId}
\r\n
\r\n
\r\n
{item.organizationName}
\r\n
\r\n
\r\n
{item.memberNumber}
\r\n
\r\n
\r\n
{provideIntlService(this).formatDate(new Date(item.renewDate), 'MM/d/y')}
\r\n
\r\n
\r\n
\r\n {provideIntlService(this).formatDate(new Date(item.membershipExpirationDate), 'MM/d/y')}
\r\n
\r\n
\r\n ) : \"\"}\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tcommon: state.common,\r\n\t\tmemberHistory:state.adminMembership.membershipHistory\r\n\t};\r\n}\r\n\r\nexport default withRouter(\r\n\tconnect(mapStateToProps, {\r\n\t\tgetMembershipHistory,\r\n\t})(MembershipHistoryForm)\r\n);\r\n","import React from 'react';\r\nimport {Table} from 'reactstrap';\r\nimport { getMembershipNotes,SaveMembershipNotes} from '../../../../../Redux/Actions/Admin/ManageMembershipActions';\r\nimport { auth } from '../../../../../services';\r\nimport { connect } from 'react-redux';\r\nimport IsLoading from '../../../../Shared/Loading/IsLoading';\r\nimport { toastr,RemoveEmailMessage } from '../../../../../Redux/Actions/CommonActions';\r\nimport { Alert } from 'reactstrap';\r\nimport { withRouter } from 'react-router';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\n\r\nimport '../../../../PublicView/Pages/MyMemberships/AuthorizedMembers/AuthorizedMembers.scss';\r\n\r\nclass MembershipNotesForm extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tmembershipId:this.props.dataItem.membershipId || 0,\r\n membershipNotesId: 0,\r\n notes: \"\",\r\n AspNetUserId:\"\"\r\n\t\t};\r\n\t}\r\n\r\n\r\n\tcomponentDidMount() {\r\n console.log(this.state, \"state in members Notes\")\r\n this.setState({\r\n\t\t\tApplicationUserId:auth.getAuthUserId()\r\n\t\t})\r\n this.props.getMembershipNotes(this.state.membershipId);\r\n\t}\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n if (prevProps.membershipNotes !== this.props.membershipNotes) {\r\n this.setState({\r\n ...this.props.membershipNotes\r\n })\r\n }\r\n }\r\n \r\n handleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n console.log(this.state, \"state in member Notes Submit\")\r\n this.props.SaveMembershipNotes(this.state);\r\n };\r\n \r\n onDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tthis.setState({\r\n\t\t\tnotes: target.value\r\n\t\t});\r\n };\r\n\t\r\n\trender() {\r\n\t\tif (this.props.getting)\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{this.props.common.visible ? (\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.common.message}\r\n\t\t\t\t\r\n ) : null}\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
Previous Notes \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tNotes \r\n\t\t\t\t\t\t\t\t\t\tCreated By \r\n\t\t\t\t\t\t\t\t\t\tCreated Date \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.props.membershipNotes.length >0?this.props.membershipNotes.map((item,i) => \r\n\t\t\t\t\t\t\t\t\t\r\n {item.notes} \r\n {item.applicationUser.userName} \r\n {provideIntlService(this).formatDate(new Date(item.createDate), 'MM/d/y')} \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t):\"\"}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n CANCEL \r\n \r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tmembershipNotes: state.adminMembership.membershipNotes,\r\n\t\tcommon: state.common\r\n\t};\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {\r\n\tgetMembershipNotes,SaveMembershipNotes\r\n})(MembershipNotesForm));\r\n","import React, { Component } from 'react';\r\nimport { Table } from 'reactstrap';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../../api-config';\r\nimport { auth } from '../../../../../../services/auth.service';\r\nimport { Grid, GridColumn as Column, GridToolbar } from '@progress/kendo-react-grid';\r\nimport IsLoading from '../../../../../Shared/Loading/IsLoading';\r\nimport GridDateTimeFormatter from '../../../../GridDateTimeFormatter';\r\nimport { filterBy, orderBy } from '@progress/kendo-data-query';\r\n\r\nclass MembershipAudit extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n toggled: true,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n displayedAudits: [],\r\n filteredAudits: [],\r\n allAudits: [],\r\n skip: 0,\r\n take: 10,\r\n visible: false,\r\n sort: [{ field: 'createDateTime', dir: 'desc' }],\r\n membershipInEdit: this.props.dataItem,\r\n isLoading: true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let membershipId = this.state.membershipInEdit.membershipId;\r\n\r\n axios.get(ROOT_API_URL + \"/ManageMembership/GetMembershipAudit?membershipId=\" + membershipId, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n ...this.state,\r\n allAudits: response.data,\r\n isLoading: false\r\n });\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n this.state.sort\r\n )\r\n , this.state.filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n });\r\n }\r\n\r\n formatDate = (date) => {\r\n let d = date.split('-');\r\n return d[1] + \"-\" + d[2].substring(0, 2) + \"-\" + d[0];\r\n }\r\n\r\n dataStateChange = (e) => {\r\n this.setState({\r\n ...this.state,\r\n dataState: e.data\r\n });\r\n }\r\n\r\n pageChange = (event) => {\r\n this.setState({\r\n skip: event.page.skip,\r\n take: event.page.take\r\n });\r\n\r\n let t = this.state.filteredAudits.slice(event.page.skip, event.page.take + event.page.skip);\r\n\r\n this.setState({\r\n displayedAudits: t\r\n })\r\n }\r\n\r\n filterAndSortData = () => {\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n this.state.sort\r\n )\r\n , this.state.filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n }\r\n\r\n sort = (sort) => {\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n sort\r\n )\r\n , this.state.filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n }\r\n\r\n filter = (filter) => {\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n this.state.sort\r\n )\r\n , filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
Membership Audit \r\n \r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter);\r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={true}\r\n >\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n this.changeView(\"details\")} className={this.state.view === \"details\" ? \"active\" : \"\", \"stylingli\"} >Member Details \r\n this.changeView(\"additionalMembers\")} className={this.state.view === \"additionalMembers\" ? \"active\" : \"\",\"stylingli\"} >Members \r\n this.changeView(\"history\")} className={this.state.view === \"history\" ? \"history\" : \"\", \"stylingli\"} >Membership Transactions \r\n this.changeView(\"notes\")} className={this.state.view === \"notes\" ? \"notes\" : \"\", \"stylingli\"} >Notes \r\n this.changeView(\"audit\")} className={this.state.view === \"audit\" ? \"audit\" : \"\", \"stylingli\"} >Audit History \r\n \r\n
\r\n
\r\n {this.state.view === \"details\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"additionalMembers\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"history\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"notes\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"audit\" ?\r\n
\r\n : \"\"}\r\n
\r\n
\r\n
\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.props.dataItem[this.props.field] != null ?\r\n\t\t\t\t\t\tthis.formatDate(this.props.dataItem[this.props.field])\r\n\t\t\t\t\t\t: ''\r\n\t\t\t\t}\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\nexport default withRouter(connect(\r\n)(GridDateLocaleDateFormatter));","import React, { Component } from 'react';\r\nimport {provideIntlService } from '@progress/kendo-react-intl';\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\n\r\nclass GridNumberFormatter extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\r\n\t\t}\r\n\t}\r\n\tformatNumber = (number_string) => {\r\n console.log(number_string);\r\n\t\treturn (number_string + '').replace(',', '');\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tthis.props.dataItem[this.props.field] != null ?\r\n\t\t\t\t\tthis.formatNumber(this.props.dataItem[this.props.field])\r\n\t\t\t\t :''\r\n\t\t\t\t}\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\nexport default withRouter(connect(\r\n)(GridNumberFormatter));\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\nimport { convertDateFilter } from '../../../../../helpers/convertDateFilter';\r\n\r\nexport class MembershipsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Memberships?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: { } };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n var actualODataString = convertDateFilter(toODataString(this.props.dataState), ['membershipExpirationDate'], this.props.dataState);\r\n\r\n if (this.pending || actualODataString === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = actualODataString;\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n\r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (actualODataString === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\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 {!this.state.isSubmitted ?\r\n
\r\n
\r\n \r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n swal({\r\n title: 'Are you sure?',\r\n text: `Deactivating, ${this.props.dataItem.organizationName} will no longer be available `,\r\n icon: 'warning',\r\n buttons: {\r\n cancel: 'CANCEL',\r\n confirm: 'OK'\r\n },\r\n dangerMode: true\r\n }).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n }}\r\n >\r\n {\r\n swal(\r\n `Are you sure you want to re-activate ${this.props.dataItem.name} ?`\r\n ).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n }}\r\n >\r\n \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\nimport { convertDateFilter } from '../../../../../helpers/convertDateFilter';\r\n\r\nexport class BatchesLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Batches?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n var actualODataString = convertDateFilter(toODataString(this.props.dataState), ['BatchDate', 'BatchStart', 'BatchEnd'], this.props.dataState);\r\n if (this.pending || actualODataString === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = actualODataString;\r\n const t = auth.authHeader();\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (actualODataString === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n\t\t\t\t{this.state.batchInEdit.BatchJobId ?\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\ttext: this.state.batchStatus == \"Open\" ? `Warning: Are you sure you want to close this batch?` :\r\n\t\t\t\t\t\t\t\t\tthis.state.batchStatus == \"Closed\" ? `Warning: Are you sure you want to re-open this batch?` :\r\n\t\t\t\t\t\t\t\t\t\t`Warning: Are you sure you want to re-open this batch? It has already been processed. Closing this batch again will cause it to be re-processed with any corrections.`\r\n\t\t\t\t\t\t\t\t,\r\n\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t}).then((value) => (value ? this.completeToggle() : null));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.state.batchStatus == \"Open\" ? \"CLOSE BATCH\" : \"RE-OPEN\"}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t:\"\"}\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n\r\nexport default ToggleStatus;","import React from 'react';\r\nimport swal from 'sweetalert';\r\nimport { GridCell } from '@progress/kendo-react-grid';\r\nimport { Component } from 'react';\r\n\r\nclass BatchDelete extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tbatchInEdit: this.props.dataItem || null,\r\n\t\t\tbatchStatus: this.props.dataItem.BatchJobId ? this.props.dataItem.BatchStatus.name : null,\r\n\t\t\tbatchStatuses: this.props.batchStatuses\r\n\t\t};\r\n\t}\r\n\r\n\tcancel = () => {\r\n\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{console.log(this.state.batchStatus)}\r\n\t\t\t\t{this.state.batchInEdit.BatchJobId && this.state.batchStatus == \"Open\" ? \r\n\t\t\t\t\tthis.state.batchInEdit.IsAssignedToAtLeastOneTransaction != true ?\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\ttext: `Warning: Are you sure you want to delete this batch? This batch will not be recoverable.`\r\n\t\t\t\t\t\t\t\t,\r\n\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t}).then((value) => (value ? this.props.deleteBatch(this.props.dataItem) : null));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tDELETE\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Warning: Cannot delete a batch that has one or more transactions assigned to it. Please remove all transactions from this batch, in order to delete it.`\r\n\t\t\t\t\t\t\t\t\t,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then(() => this.cancel);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tDELETE\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t:\"\"}\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n}\r\n\r\nexport default BatchDelete;","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { DatePicker } from '@progress/kendo-react-dateinputs';\r\nimport { connect } from 'react-redux';\r\nimport { fetchParentCommittees } from '../../../../../../Redux/Actions/Admin/ManageCommitteeAction';\r\nimport axios from 'axios'\r\nimport '../ManageBatches.scss';\r\nimport swal from 'sweetalert';\r\nimport ToggleStatus from './ToggleStatus';\r\nimport BatchDelete from './BatchDelete';\r\n\r\nclass BatchDetails extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tlet d = {...this.props.dataItem}\r\n\t\tif (this.props.dataItem.BatchJobId) {\r\n\t\t\td.BatchStatus = { id: d.BatchStatusId, name: d.BatchStatus };\r\n\t\t\td.BatchType = { id: d.BatchTypeId, name: d.BatchType };\r\n\t\t\td.BatchDate = new Date(this.props.dataItem.BatchDate);\r\n\t\t}\r\n\t\telse {\r\n\t\t\td.BatchDate = new Date();\r\n\t\t\td.BatchName = '';\r\n\t\t}\r\n\t\tthis.state = {\r\n batchInEdit: d,\r\n\t\t\tbatchStatuses: this.props.batchStatuses || [],\r\n\t\t\tbatchTypes: this.props.batchTypes || []\r\n\t\t};\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.batchStatuses !== this.props.batchStatuses) {\r\n if (this.state.batchInEdit.BatchJobId) {\r\n this.setState({\r\n batchStatuses: this.props.batchStatuses\r\n })\r\n } else {\r\n var edit = this.state.batchInEdit;\r\n edit.BatchStatus = this.props.batchStatuses.filter((item) => {\r\n if (item.name === \"Open\") {\r\n return item;\r\n }\r\n })[0];\r\n this.setState({\r\n batchStatuses: this.props.batchStatuses,\r\n batchInEdit: edit\r\n })\r\n }\r\n\t\t}\r\n\r\n\t\tif (prevProps.batchTypes !== this.props.batchTypes) {\r\n\t\t\tvar edit = this.state.batchInEdit;\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tbatchTypes: this.props.batchTypes,\r\n\t\t\t\tbatchInEdit: edit\r\n\t\t\t})\r\n\t\t}\r\n }\r\n\r\n\thandleStatusChange = (event) => {\r\n\t\tlet b = { ...this.state.batchInEdit }\r\n\t\tlet v = event.target.value;\r\n\t\tb.BatchStatus = { id: v.id, name: v.name };\r\n\t\tthis.setState({\r\n\t\t\tbatchInEdit: b\r\n\t\t});\r\n\t}\r\n\r\n\thandleBatchTypeChange = (event) => {\r\n\t\tlet b = { ...this.state.batchInEdit }\r\n\t\tlet v = event.target.value;\r\n\t\tb.BatchType = { id: v.id, name: v.name };\r\n\t\tthis.setState({\r\n\t\t\tbatchInEdit: b\r\n\t\t});\r\n\t}\r\n\r\n\thandleDateChange = (date) => {\r\n\t\tlet b = { ...this.state.batchInEdit }\r\n\t\tb.BatchDate = date.value;\r\n\t\tthis.setState({\r\n\t\t\tbatchInEdit: b\r\n\t\t});\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tthis.props.save(this.state.batchInEdit);\r\n\t}\r\n\r\n\tonDialogInputChange = (event) => {\r\n\t\tlet b = { ...this.state.batchInEdit };\r\n\t\tb[event.target.name] = event.target.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\tbatchInEdit: b\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!this.state.batchInEdit.BatchJobId ?\r\n\t\t\t\t\t
Add New Batch :\r\n\t\t\t\t\t
Edit Batch }\r\n
\r\n\t\t\t
\r\n\t\t\t\t
Download Batch \r\n\t\t\t\t
\r\n\t\t\t\t{console.log(this.state.batchInEdit,\"this.state.batchInEdit\")}\r\n\t\t\t\t{this.state.batchInEdit.BatchStatus !== \"Processed\" ?\r\n\t\t\t\t
Batch has not been processed yet. Download is not available. :\r\n\t\t\t\t
Batch has been processed. Download is available. \r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t CANCEL \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t this.DownloadBatchReport(this.state.batchInEdit.BatchJobId)}\r\n\t\t\t\t\t\t\tdisabled={this.state.batchInEdit.BatchStatus !== \"Processed\" ?true:false}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t DOWNLOAD \r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.state.showMessage ?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
{this.state.Message}
\r\n\t\t\t\t\t\t\t\t
ok \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Transactions List \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.state.isLoading ?\r\n\t\t\t\t\t\t(
\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t) :\r\n\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\t{!this.state.isSubmitted ?\r\n\t\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Batch Audit \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{this.state.isLoading ?\r\n\t\t\t\t\t(
\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t) :\r\n\t\t\t\t\t(\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter); \r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={true}\r\n >\r\n \r\n
\r\n \r\n )}\r\n\t\t\t
\r\n
\r\n
\r\n {this.state.data?\r\n
\r\n this.changeVeiw(\"details\")} className={this.state.view === \"edit\" ? \"active\" : \"\"}>Batch Details \r\n this.changeVeiw(\"transactions\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Transactions \r\n this.changeVeiw(\"download\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Download Batch \r\n this.changeVeiw(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n :\"\"}\r\n
\r\n
\r\n {this.state.view === \"details\" ?\r\n !this.state.data || this.state.data.IsAssignedToAtLeastOneTransaction != null ?\r\n
\r\n :(
\r\n
\r\n\r\n ) :\"\"}\r\n {this.state.view === \"transactions\" ?\r\n
\r\n : \"\"} \r\n {this.state.view === \"download\" ?\r\n
\r\n : \"\"} \r\n {this.state.view === \"audit\" ?\r\n
\r\n : \"\"} \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (\r\n
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n //style={{ position: 'fixed', width: '100%', height: '50px', zIndex: '1', top: '2px', left: '0' }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n \r\n
\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {this.state.showMessage ?\r\n
\r\n
\r\n
{this.state.Message}
\r\n
ok \r\n
\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tDownloadBatchReport(this.props.dataItem.BatchJobId);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport { fetchParentCommittees } from '../../../../../Redux/Actions/Admin/ManageCommitteeAction';\r\nimport axios from 'axios'\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass CommitteeForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n committeeInEdit: this.props.dataItem || null,\r\n originalCommitteeName: this.props.dataItem.Name || '',\r\n originalAcronym: this.props.dataItem.Acronym || '',\r\n value: [],\r\n nameMessage: '',\r\n acronymMessage: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchParentCommittees();\r\n\t}\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n axios\r\n\t\t\t.get(`${ROOT_API_URL}/ManageCommittee/CheckDuplicateCommittee?committeeName=${this.state.committeeInEdit.Name}`, { headers: auth.authHeader() })\r\n .then((response1) => {\r\n axios\r\n\t\t\t\t\t.get(`${ROOT_API_URL}/ManageCommittee/CheckDuplicateAcronym?acronym=${this.state.committeeInEdit.Acronym}`, { headers: auth.authHeader() })\r\n\t\t\t\t\t.then((response2) => {\r\n\t\t\t\t\t\tlet t1 = this.state.originalAcronym;\r\n\t\t\t\t\t\tlet t2 = this.state.committeeInEdit.Acronym;\r\n if (this.state.originalAcronym != this.state.committeeInEdit.Acronym) {\r\n this.setState({\r\n acronymMessage: response2.data.message\r\n });\r\n }\r\n if (this.state.originalCommitteeName != this.state.committeeInEdit.Name) {\r\n this.setState({\r\n nameMessage: response1.data.message\r\n });\r\n }\r\n\r\n\t\t\t\t\t\tif (this.state.nameMessage == \"\" && this.state.acronymMessage == \"\") {\r\n if (this.state.committeeInEdit.CommitteeId != undefined) {\r\n this.props.updateCommittee(this.state.committeeInEdit);\r\n\r\n } else {\r\n this.props.addCommittee(this.state.committeeInEdit);\r\n }\r\n }\r\n })\r\n .catch((response2) => {\r\n console.log(response2);\r\n });\r\n })\r\n .catch((response1) => {\r\n console.log(response1);\r\n }); \r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n }\r\n\r\n\tonDialogInputChange = (event) => {\r\n let target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n let name = target.props ? target.props.name : target.name;\r\n\t\tname = name.charAt(0).toUpperCase() + name.slice(1);\r\n\t\tlet edited = JSON.parse(JSON.stringify(this.state.committeeInEdit));\r\n edited[name] = value;\r\n edited.isActive = true;\r\n\r\n if (name == \"name\") {\r\n this.setState({\r\n committeeInEdit: edited,\r\n nameMessage: ''\r\n });\r\n }\r\n else {\r\n this.setState({\r\n committeeInEdit: edited,\r\n acronymMessage: ''\r\n });\r\n }\r\n \r\n };\r\n \r\n\tonCommitteeTypeChange = (event) => {\r\n\t\tconst value = event.target.value;\r\n const edited = JSON.parse(JSON.stringify(this.state.committeeInEdit));\r\n\t\tedited.CommitteeTypeId = value.committeeTypeId;\r\n\t\tedited.CommitteeType = { description: value.description, committeeTypeId: value.committeeTypeId }\r\n\t\tedited.PositionGroup = null;\r\n\t\tthis.setState({\r\n\t\t\tcommitteeInEdit: edited\r\n\t\t});\r\n\t}\r\n\thandleParentCommitteeChange = (event) => {\r\n\t\tlet value = event.target.value;\r\n\t\tconst edited = JSON.parse(JSON.stringify(this.state.committeeInEdit));\r\n\t\tedited.ParentCommitteeId = value.parentCommitteeId;\r\n\t\tedited.ParentCommittee = { name: value.name, id: value.id }\r\n\t\tthis.setState({\r\n\t\t\tcommitteeInEdit: edited\r\n\t\t});\r\n\t}\r\n \r\n\thandlePostionGroupChange = (event) => {\r\n let value = event.target.value;\r\n const edited = JSON.parse(JSON.stringify(this.state.committeeInEdit));\r\n\t\tedited.PositionGroupId = value.positionGroupId;\r\n\t\tedited.PositionGroup = { description: value.description, positionGroupId: value.positionGroupId}\r\n\t\tthis.setState({\r\n\t\t\tcommitteeInEdit: edited\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n {!this.state.committeeInEdit.CommitteeId ?\r\n
Add New Committee :\r\n
Edit Committee }\r\n\t\t\t\t
\r\n
\r\n \r\n \r\n
MEMBERS LIST \r\n
{\r\n this._export = exporter;\r\n }}\r\n >\r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter); \r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredData.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={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\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n console.log(state)\r\n\treturn {\r\n common: state.common,\r\n committeeMembers : state.committeeMember\r\n\t};\r\n}\r\n\r\nexport default connect(mapStateToProps, {fetchCommitteesMembers,deleteCommitteeMember})(CommitteeMembers);","import React from 'react';\r\nimport swal from 'sweetalert';\r\nimport { GridCell } from '@progress/kendo-react-grid';\r\n\r\nexport default function CellWithEditing(toggleActive) {\r\n\treturn class extends GridCell {\r\n\t\trender() {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t{/* {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Member will be deactivated, from the ${this.props.dataItem.positionName} Position`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal(\r\n\t\t\t\t\t\t\t\t\t`Are you sure you want to re-activate ${this.props.dataItem.firstName}${this.props.dataItem.lastName} ?`\r\n\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n addCommitteeMember,\r\n fetchCommitteesMembers,\r\n deleteCommitteeMember,\r\n fetchPositionsByPositionGroup\r\n} from '../../../../../../Redux/Actions/Admin/ManageCommitteeMemberAction'\r\nimport { fetchMembershipPackages } from '../../../../../../Redux/Actions/EndUser/MembershipAction';\r\nimport { toastr } from '../../../../../../Redux/Actions/CommonActions';\r\nimport { Switch } from '@progress/kendo-react-inputs';\r\nimport { Alert } from 'reactstrap';\r\nimport IsLoading from '../../../../../Shared/Loading/IsLoading';\r\nimport CommitteeMembers from '../CommitteeMembers/CommitteeMembers';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { DatePicker } from '@progress/kendo-react-dateinputs';\r\nimport { auth } from '../../../../../../services';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../../api-config';\r\nimport _ from 'lodash';\r\nimport './AddMemberForm.scss';\r\n\r\nclass AddMemberForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n toggled: true,\r\n membershipData: [],\r\n alert: { visible: false},\r\n memberDetails: this.props.dataItem || null,\r\n isLookupEnabled: false,\r\n emailMessage: '',\r\n positionMessage: '',\r\n memberInEdit: {\r\n committeeMemberId: 0,\r\n email: '',\r\n firstName: '',\r\n lastName: '',\r\n committeeName: '',\r\n positionName: '',\r\n positionGroupName: '',\r\n positionRanking: 0,\r\n positionId: 0,\r\n aspNetUserId: '',\r\n isActive: false,\r\n CommitteeId: this.props.dataItem.CommitteeId || null,\r\n begDate: null,\r\n endDate: null\r\n },\r\n };\r\n\r\n this.delayedCallback = _.debounce(this.checkEmailCall, 1000);\r\n this.onEmailChange = this.onEmailChange.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.props.fetchPositionsByPositionGroup(this.state.memberDetails.PositionGroupId);\r\n this.props.fetchCommitteesMembers(this.state.memberDetails.CommitteeId);\r\n }\r\n\r\n _export;\r\n export = () => {\r\n this._export.save();\r\n };\r\n\r\n toggleActive = (dataItem) => {\r\n dataItem.isActive = !dataItem.isActive;\r\n this.props.deleteCommitteeMember(dataItem);\r\n };\r\n\r\n handleChange = () => {\r\n this.setState({ toggled: !this.state.toggled });\r\n this.setState({\r\n filter: {\r\n logic: 'and',\r\n filters: [{ field: 'isActive', operator: 'eq', value: !this.state.toggled, ignoreCase: true }]\r\n }\r\n });\r\n }\r\n\r\n handleAddCommitteeMemberFunc = async (response, addCommitteeMember) => {\r\n if (response.data.message != \"OK\") {\r\n this.setState({\r\n emailMessage: response.data.message\r\n });\r\n }\r\n else {\r\n await this.props.addCommitteeMember(addCommitteeMember);\r\n }\r\n }\r\n\r\n handleAddSubmit = async (event) => {\r\n event.preventDefault();\r\n let t = this.state.memberInEdit;\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n \r\n var response = await axios.post(`${ROOT_API_URL}/ManageCommitteeMember/IsDuplicateMemberInCommittee`, this.state.memberInEdit, options);\r\n\r\n await this.handleAddCommitteeMemberFunc(response, this.state.memberInEdit);\r\n\r\n this.props.fetchCommitteesMembers(this.state.memberInEdit.CommitteeId);\r\n }\r\n\r\n onDialogInputChange = (event) => {\r\n let target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n const name = target.props ? target.props.name : target.name;\r\n\r\n const edited = this.state.memberInEdit;\r\n edited[name] = value;\r\n this.setState({\r\n memberInEdit: edited\r\n });\r\n\r\n if (name == 'email') {\r\n this.setState({\r\n emailMessage: ''\r\n });\r\n }\r\n else if (name == 'position') {\r\n this.setState({\r\n positionMessage: ''\r\n });\r\n }\r\n };\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n this.props.cancel();\r\n }\r\n\r\n handlePositionChange = (event) => {\r\n let target = event.target;\r\n const value = target.value;\r\n const edited = this.state.memberInEdit;\r\n edited.positionId = value.positionId;\r\n edited.positionName = value.name;\r\n this.setState({\r\n memberInEdit: edited,\r\n positionMessage: ''\r\n });\r\n }\r\n handleBegDate = (event) => {\r\n const edited = this.state.memberInEdit;\r\n edited.begDate = event.target.value;\r\n this.setState({\r\n memberInEdit: edited\r\n });\r\n };\r\n handleEndDate = (event) => {\r\n const edited = this.state.memberInEdit;\r\n edited.endDate = event.target.value;\r\n this.setState({\r\n memberInEdit: edited\r\n });\r\n };\r\n\r\n checkboxChange = (event) => {\r\n let a = this.state;\r\n this.setState({\r\n isLookupEnabled: event.target.checked\r\n });\r\n\r\n let t = this.state;\r\n this.setState({\r\n toggled: true,\r\n membershipData: [],\r\n memberDetails: this.props.dataItem || null,\r\n membershipLookupTerm: '',\r\n alert: { visible: false },\r\n emailMessage: '',\r\n positionMessage: t.positionMessage ? t.positionMessage : '',\r\n memberInEdit: {\r\n committeeMemberId: 0,\r\n email: '',\r\n firstName: '',\r\n lastName: '',\r\n committeeName: '',\r\n positionName: t.memberInEdit.positionName ? t.memberInEdit.positionName : '',\r\n positionGroupName: t.memberInEdit.positionGroupName ? t.memberInEdit.positionGroupName : '',\r\n positionRanking: t.memberInEdit.positionRanking ? t.memberInEdit.positionRanking : 0,\r\n positionId: t.memberInEdit.positionId ? t.memberInEdit.positionId : 0,\r\n aspNetUserId: '',\r\n isActive: false,\r\n CommitteeId: this.props.dataItem.CommitteeId || null,\r\n begDate: new Date(),\r\n endDate: new Date((new Date()).getFullYear() + 1, (new Date()).getMonth(), (new Date()).getDate()),\r\n },\r\n })\r\n \r\n }\r\n\r\n onLookupChange = (event) => {\r\n var userId = '';\r\n if (auth.isAuthenticated()) {\r\n userId = auth.getAuthUserId()\r\n }\r\n this.setState(\r\n {\r\n membershipLookupTerm: event.target.value\r\n },\r\n () => {\r\n this.delayedCallback();\r\n }\r\n\r\n );\r\n };\r\n\r\n onEmailChange = (event) => {\r\n var userId = '';\r\n if (auth.isAuthenticated()) {\r\n userId = auth.getAuthUserId()\r\n }\r\n this.setState(\r\n {\r\n membershipLookupTerm: event.target.value,\r\n emailMessage: ''\r\n },\r\n () => {\r\n this.delayedCallback();\r\n }\r\n\r\n );\r\n };\r\n\r\n checkEmailCall() {\r\n this.setState({ isLoading: true })\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n axios.get(`${ROOT_API_URL}/ManageTransaction/SearchMembership?searchTerm=${this.state.membershipLookupTerm}`, options)\r\n .then((response) => {\r\n if (response.data.length > 0) {\r\n this.setState({\r\n membershipData: response.data, isLoading: false\r\n },\r\n () => this.setAlert(true, \"Users Found\", 'success')\r\n );\r\n setTimeout(() => {\r\n this.setAlert(false, \"\");\r\n }, 5000)\r\n } else if (response.data.length === 0) {\r\n this.setState({\r\n membershipLookupTerm: this.state.membershipLookupTerm,\r\n membershipData: response.data,\r\n isLoading: false\r\n },\r\n () => this.setAlert(true, \"No Users Found\", 'danger')\r\n );\r\n setTimeout(() => {\r\n this.setAlert(false, \"\");\r\n }, 5000)\r\n } else {\r\n this.setState({\r\n membershipLookupTerm: this.state.membershipLookupTerm,\r\n isLoading: false\r\n },\r\n () => this.setAlert(true, response.data.message, 'danger')\r\n );\r\n setTimeout(() => {\r\n this.setAlert(false, \"\");\r\n }, 5000)\r\n }\r\n })\r\n .catch((response) => {\r\n this.setState({ isLoading: false }, () => this.setAlert(true, response.message, 'danger'))\r\n });\r\n }\r\n\r\n setAlert = (visible, message, color) => {\r\n let alert = {\r\n color: color,\r\n visible: visible,\r\n message: message\r\n }\r\n this.setState({\r\n alert: alert\r\n })\r\n }\r\n\r\n handleMembershipSelectChange = (event) => {\r\n if (event.target.value !== null) {\r\n this.props.fetchMembershipPackages(event.target.value.membershipType.membershipTypeID);\r\n let memberInEdit = { ...this.state.memberInEdit }\r\n memberInEdit.firstName= event.target.value.firstName;\r\n memberInEdit.lastName= event.target.value.lastName;\r\n memberInEdit.email= event.target.value.email;\r\n this.setState({\r\n memberInEdit: memberInEdit\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.state.alert.message}\r\n \r\n \r\n
\r\n {this.props.common.visible ? (\r\n
\r\n {this.props.common.message}\r\n \r\n ) : null}\r\n Members \r\n \r\n \r\n Committee:\r\n {\" \"}{this.state.memberDetails.Name} ({this.state.memberDetails.Acronym}) \r\n
\r\n \r\n \r\n Committee Type: {this.state.memberDetails.CommitteeType.description}Parent Committee: {this.state.memberDetails.ParentCommitteeId ? this.state.memberDetails.ParentCommitteeName : \"N/a\"}Position Group: {this.state.memberDetails.PositionGroupId ? this.state.memberDetails.PositionGroup.description : \"N/a\"} \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n CANCEL \r\n \r\n
\r\n
\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{this.props.common.visible ? (\r\n\t\t\t\t\r\n\t\t\t\t\t{this.props.common.message}\r\n\t\t\t\t\r\n ) : null}\r\n \r\n\t\t \r\n {/* \r\n
Existing Documents \r\n
\r\n \r\n \r\n Document Name \r\n Created Date \r\n \r\n \r\n \r\n {this.props.committeeDocuments.length >0?this.props.committeeDocuments.map((item,i) => \r\n \r\n {item.documentName} \r\n {provideIntlService(this).formatDate(new Date(item.createDate), 'MM/d/y')} \r\n View Document this.DeleteDocument(item)}>\r\n DELETE \r\n \r\n \r\n ):\"\"}\r\n \r\n
\r\n
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Committee Documents \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tDocument Name \r\n\t\t\t\t\t\t\t\t\t\tCreated Date \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{this.props.committeeDocuments.length >0?this.props.committeeDocuments.map((item,i) => \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{item.documentName} \r\n \t{provideIntlService(this).formatDate(new Date(item.createDate), 'MM/d/y')} \r\n \tDownload this.DeleteDocument(item)}>\r\n DELETE \r\n \r\n \r\n\t\t\t\t\t\t\t\t):\"\"}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCANCEL \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tcommitteeDocuments: state.committee.committeeDocuments,\r\n\t\tcommon: state.common\r\n\t};\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {\r\n getCommitteeDocuments, saveCommitteeDocument, deleteCommitteeDocument, checkResponse, dispatchLoader, dispatchError\r\n})(AddDocumentForm));\r\n","import React, { Component } from 'react';\r\nimport { Table } from 'reactstrap';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../../api-config';\r\nimport { auth } from '../../../../../../services/auth.service';\r\nimport { Grid, GridColumn as Column, GridToolbar } from '@progress/kendo-react-grid';\r\nimport IsLoading from '../../../../../Shared/Loading/IsLoading';\r\nimport GridDateTimeFormatter from '../../../../GridDateTimeFormatter';\r\nimport { filterBy, orderBy } from '@progress/kendo-data-query';\r\n\r\nclass CommitteeAudit extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n toggled: true,\r\n filter: {\r\n logic: 'and',\r\n filters: []\r\n },\r\n displayedAudits: [],\r\n filteredAudits: [],\r\n allAudits: [],\r\n skip: 0,\r\n take: 10,\r\n visible: false,\r\n sort: [{ field: 'createDateTime', dir: 'desc' }],\r\n committeeInEdit: this.props.dataItem,\r\n isLoading: true\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let committeeId = this.state.committeeInEdit.CommitteeId;\r\n\r\n axios.get(ROOT_API_URL + \"/ManageCommittee/GetCommitteeAudit?committeeId=\" +committeeId, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n ...this.state,\r\n allAudits: response.data,\r\n isLoading: false\r\n });\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n this.state.sort\r\n )\r\n , this.state.filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n });\r\n }\r\n\r\n formatDate = (date) => {\r\n let d = date.split('-');\r\n return d[1] + \"-\" + d[2].substring(0, 2) + \"-\" + d[0];\r\n }\r\n\r\n dataStateChange = (e) => {\r\n this.setState({\r\n ...this.state,\r\n dataState: e.data\r\n });\r\n }\r\n\r\n pageChange = (event) => {\r\n this.setState({\r\n skip: event.page.skip,\r\n take: event.page.take\r\n });\r\n\r\n let t = this.state.filteredAudits.slice(event.page.skip, event.page.take + event.page.skip);\r\n\r\n this.setState({\r\n displayedAudits: t\r\n })\r\n }\r\n\r\n filterAndSortData = () => {\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n this.state.sort\r\n )\r\n , this.state.filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n }\r\n\r\n sort = (sort) => {\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n sort\r\n )\r\n , this.state.filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n }\r\n\r\n filter = (filter) => {\r\n let t = filterBy(orderBy(\r\n this.state.allAudits,\r\n this.state.sort\r\n )\r\n , filter)\r\n\r\n this.setState({\r\n filteredAudits: t,\r\n displayedAudits: t.slice(this.state.skip, this.state.take + this.state.skip)\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
Committee Audit \r\n \r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter);\r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={true}\r\n >\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n {this.state.data != null ?\r\n
\r\n this.changeVeiw(\"edit\")} className={this.state.view === \"edit\" ? \"active\" : \"\"}>Edit \r\n this.changeVeiw(\"add\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Add Member \r\n this.changeVeiw(\"documents\")} className={this.state.view === \"documents\" ? \"active\" : \"\"}>Documents \r\n this.changeVeiw(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n : \"\"} \r\n
\r\n
\r\n {this.state.view === \"edit\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"add\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"documents\" ?\r\n
\r\n : \"\"}\r\n {this.state.view === \"audit\" ?\r\n
\r\n : \"\"} \r\n
\r\n
\r\n
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n \r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Deactivating, ${this.props.dataItem.Name} Committee will Deactivate any sub-committees `,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Name} ?`,\r\n\t\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport swal from 'sweetalert';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport { Switch } from '@progress/kendo-react-inputs';\r\nimport { fetchStates } from '../../../../../Redux/Actions/CommonActions';\r\nimport {\r\n\tfetchMembershipUsersByUser,\r\n} from '../../../../../Redux/Actions/Admin/ManageMembershipUserActions';\r\nimport {\r\n\tgetUserCommittees,\r\n} from '../../../../../Redux/Actions/EndUser/AccountDetailsActions';\r\n\r\nclass MembershipUserForm extends Component {\r\n\tconstructor(props) {\r\n super(props);\r\n\t\tthis.state = {\r\n\t\t\tmembershipUsersDetails: [],\r\n\t\t};\r\n\t}\r\n\r\n componentDidMount() {\r\n\t\tthis.props.fetchMembershipUsersByUser(this.props.userId, this.props.membershipAssignmentId);\r\n\t\tthis.props.getUserCommittees(this.props.userId);\r\n\t\tthis.props.fetchStates();\r\n\t}\r\n\r\n componentWillUpdate(nextProps, nextState) {\r\n\t\tif(this.props.membershipUsersDetails !== nextProps.membershipUsersDetails){\r\n\t\t\tthis.setState({membershipUsersDetails: nextProps.membershipUsersDetails})\r\n\t\t}\r\n\t}\r\n\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.membershipUserInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n\t\t\tmembershipUserInEdit: edited\r\n\t\t});\r\n\t};\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tthis.props.cancel();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconsole.log(\"render userCommittees\", this.props.membershipUsersDetails);\r\n\t\tconst membershipUser = this.props.membershipUsersDetails.length !== 0 ? this.props.membershipUsersDetails[0]:[];\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\tMembership User Information {\r\n\t\t\t\t}\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\tconsole.log(state)\r\n\treturn {\r\n\t\tcommon: state.common,\r\n\t\tmembershipUsersDetails: state.membershipUser.membershipUsersDetails,\r\n\t\tuserCommittees: state.accountDetails.userCommittees,\r\n\t};\r\n}\r\n\r\nexport default connect(mapStateToProps, { fetchStates, fetchMembershipUsersByUser,getUserCommittees })(MembershipUserForm);","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport default class MembershipUserLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/MembershipsUsers?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n //debugger;\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n //debugger;\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n // debugger;\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n {
Edit User Details }\r\n
\r\n
\r\n Address 1 \r\n
\r\n
\r\n Address 2 \r\n
\r\n
\r\n City \r\n
\r\n
\r\n State \r\n
\r\n
\r\n Zip \r\n
\r\n
\r\n Phone \r\n
\r\n
\r\n
Locked \r\n
\r\n \r\n Yes \r\n \r\n \r\n No \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n CANCEL \r\n \r\n \r\n UPDATE \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
User Groups/Positions \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Organization Name
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.userCommittees.map((userCommittee) =>\r\n
\r\n
\r\n
{userCommittee.committeeName}
\r\n
\r\n
\r\n
{userCommittee.positionName}
\r\n
\r\n
\r\n
{provideIntlService(this).formatDate(new Date(userCommittee.begDate), 'MM/d/y')}
\r\n
\r\n
\r\n
\r\n {provideIntlService(this).formatDate(new Date(userCommittee.endDate), 'MM/d/y')}
\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
The User does not have any groups and positions
\r\n
\r\n
\r\n \r\n CANCEL \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n userCommittees: state.accountDetails.userCommittees\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, { getUserCommittees })(CommitteesForm);\r\n\r\n","import React from 'react';\r\nimport '../../../../PublicView/Pages/MyMemberships/AuthorizedMembers/AuthorizedMembers.scss';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\nimport {\r\n fetchMembershipUsersByUser,\r\n} from '../../../../../Redux/Actions/Admin/ManageMembershipUserActions';\r\nimport { connect } from 'react-redux';\r\n\r\n\r\nclass MembershipsForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n membershipId: this.props.dataItem.membershipId || 0,\r\n membershipUsersDetails: []\r\n };\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
Memberships \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.props.membershipUsersDetails.map((membershipUser) =>\r\n
\r\n
\r\n
{membershipUser.pending ? \"Pending\" : membershipUser.invitationType}
\r\n
\r\n
\r\n
{membershipUser.membershipId}
\r\n
\r\n
\r\n
{membershipUser.renewalDate.substring(0, 10).replace('/-/g', '/')}
\r\n
\r\n
\r\n
{membershipUser.membershipType.description}
\r\n
\r\n
\r\n
{membershipUser.membershipPackage.description}
\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n
The User does not have any memberships
\r\n
\r\n
\r\n \r\n CANCEL \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n membershipUsersDetails: state.membershipUser.membershipUsersDetails,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, {fetchMembershipUsersByUser })(MembershipsForm);","import React, { Component } from 'react'\r\n//import './InvoiceOverview.scss';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nimport { getInvoices } from '../../../../../Redux/Actions/EndUser/AccountDetailsActions';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\nimport Modal from 'react-modal';\r\nimport ReceiptPDF from '../../../../Shared/ReceiptPDF';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nexport class UserPurchaseHistory extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isPopupVisible: false,\r\n selectedTransactionId: 0,\r\n transactions: []\r\n }\r\n }\r\n componentDidMount() {\r\n var url = `${ROOT_API_URL}/stripepayment/GetInvoicesByUser?userId=${this.props.dataItem.PortalUserID}`;\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n axios.get(url, options).then((res) => {\r\n this.setState({\r\n transactions: res.data\r\n })\r\n });\r\n }\r\n\r\n cancel = () => {\r\n this.setState({ isPopupVisible: false })\r\n };\r\n\r\n render() {\r\n\r\n const organizationsDisplay = this.state.transactions.length > 0 ? (this.state.transactions.map((item, i) => {\r\n return (\r\n \r\n {/* Transaction ID: {item.transactionId}
*/}\r\n \r\n
\r\n
Transaction Name: {item.name}
\r\n
\r\n
\r\n
Amount Paid: ${item.grandTotal.toFixed(2)}
\r\n
\r\n
\r\n
Date: {provideIntlService(this).formatDate(new Date(item.createDate), 'MM/d/y')}
\r\n
\r\n
\r\n this.setState({\r\n isPopupVisible: true,\r\n selectedTransactionId: item.transactionId\r\n })} className=\"btnLink btn btn-sm btnPrimary\">VIEW RECEIPT \r\n
\r\n
\r\n );\r\n })) : (There is no purchase history for this User.
);\r\n \r\n\r\n return (\r\n \r\n
Purchase History \r\n
\r\n {this.props.loadingInvoices ?\r\n
\r\n\r\n :\r\n
\r\n }\r\n
\r\n\r\n
\r\n \r\n
\r\n\t\t\t
\r\n
\r\n
\r\n
\r\n
Membership User Audit \r\n \r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n \r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter);\r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={true}\r\n >\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n this.changeView(\"details\")} className={this.state.view === \"details\" ? \"active\" : \"\", \"stylingli\"} >Edit User Details \r\n this.changeView(\"committees\")} className={this.state.view === \"committees\" ? \"active\" : \"\", \"stylingli\"} >Groups/Positions \r\n this.changeView(\"memberships\")} className={this.state.view === \"memberships\" ? \"history\" : \"\", \"stylingli\"} >Memberships \r\n this.changeView(\"purchases\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Purchase History \r\n this.changeView(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n
\r\n
\r\n {this.state.view === \"details\" ?\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n {
\r\n \r\n
}\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tread(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Account for membership user, ${this.props.dataItem.FirstName} ${this.props.dataItem.LastName}, will be de-activated.`,\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.FirstName} ${this.props.dataItem.LastName} ?`,\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { auth } from '../../../../../services';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\nimport { PDFExport } from '@progress/kendo-react-pdf';\r\nimport './DownloadMembership.scss';\r\nimport domtoimage from 'dom-to-image';\r\nimport html2canvas from 'html2canvas';\r\n\r\nclass DownloadMembership extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n this.state = {\r\n selectedMembership: this.props.accountDetails.selectedMember\r\n };\r\n };\r\n\r\n //createImage = () => {\r\n \r\n // var node = document.getElementById('membershipCard');\r\n // var img = new Image();\r\n // console.log(\"node: \" + node.innerHTML);\r\n // domtoimage.toJpeg(node).then(dataUrl => {\r\n // img.src = dataUrl;\r\n // document.getElementById('membershipCardImage').replaceWith(img);\r\n // }).catch(function (error) {\r\n // console.error('oops, something went wrong!', error);\r\n // });\r\n //}\r\n\r\n createImage = () => {\r\n var node = document.getElementById('membershipCard');\r\n html2canvas(document.querySelector(\"#membershipCard\"), {\r\n backgroundColor: null\r\n }).then(canvas => {\r\n document.getElementById('membershipCardImage').appendChild(canvas);\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n setTimeout(() => {\r\n this.createImage();\r\n }, 1000);\r\n }\r\n\r\n\r\n pdfExportComponent;\r\n\r\n render() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
Download Membership \r\n \r\n
\r\n
\r\n {\r\n this.pdfExportComponent.save();\r\n }}\r\n >\r\n Download Membership Card\r\n \r\n
\r\n
\r\n
this.pdfExportComponent = component}\r\n paperSize=\"A4\"\r\n margin=\"0\"\r\n scale={.6}\r\n landscape={true}\r\n >\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Member Number: {this.state.selectedMembership.memberNumber}\r\n
\r\n
\r\n Full Name: {this.state.selectedMembership.fullName}\r\n
\r\n
\r\n
\r\n
\r\n Join Date: {provideIntlService(this).formatDate(new Date(this.state.selectedMembership.joinDate), 'MM/d/y')}\r\n
\r\n
\r\n Renew Date: {provideIntlService(this).formatDate(new Date(this.state.selectedMembership.nextRenewDate), 'MM/d/y')}\r\n
\r\n
\r\n {this.state.selectedMembership.organizationName != \"\" ?\r\n
\r\n
\r\n Organization Name: {this.state.selectedMembership.organizationName}\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\t\t\t\t
\r\n\t\t\t
\r\n
Card Information \r\n
\r\n
\r\n
\r\n Full Name on Card: \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Card Number: \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n Exp Month: \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Exp Year: \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n CVC Code: \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}>{this.state.alertMessage ?? \"\"} \r\n\r\n {!this.state.alertVisible ?\r\n \r\n : null\r\n }\r\n \r\n this.close()} disabled={this.props.updating}>Close \r\n
\r\n \r\n \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Membership Details \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tMembership Number: \r\n\t\t\t\t\t\t\t\t\t{this.props.accountDetails.selectedMember.memberNumber} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tOrganization Name: \r\n\t\t\t\t\t\t\t\t\t\t{this.props.accountDetails.selectedMember.organizationName} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tMembership Type: \r\n\t\t\t\t\t\t\t\t\t\t{this.props.accountDetails.selectedMember.membershipType} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tMembership Package: \r\n\t\t\t\t\t\t\t\t\t\t{this.props.accountDetails.selectedMember.membershipPackage} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tLast Renew Date: \r\n\t\t\t\t\t\t\t\t\t\t{provideIntlService(this).formatDate(new Date(this.props.accountDetails.selectedMember.lastRenewDate), 'MM/d/y')} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tNext Renew Date: \r\n\t\t\t\t\t\t\t\t\t\t{provideIntlService(this).formatDate(new Date(this.props.accountDetails.selectedMember.nextRenewDate), 'MM/d/y')} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tAssigned To User: \r\n\t\t\t\t\t\t\t\t\t\t{this.props.accountDetails.selectedMember.fullName ? this.props.accountDetails.selectedMember.fullName : 'Unassigned'} \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{ this.state.isOwner ?
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Payment Info \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tthis.state.paymentDetailsLoading\r\n\t\t\t\t\t\t\t\t\t\t? this.setState({ isPopupVisible: true })}\r\n\t\t\t\t\t\t\t\t\t\t>PAY DUES / UPDATE MEMBERSHIP PACKAGE\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
: null }\r\n\r\n\t\t\t\t\t{/*\r\n\t\t\t\t\t\tthis.state.isOwner ?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
Subscription Details \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{this.props.accountDetails.selectedMember &&\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t*/}\r\n\t\t\t
\r\n
\r\n );\r\n return (\r\n \r\n {this.props.common.visible ? (\r\n \r\n {this.props.common.message}\r\n \r\n ) : null}\r\n \r\n
\r\n
\r\n
\r\n\r\n
Authorized Members \r\n\r\n
\r\n\r\n {this.state.foundUser ?\r\n
\r\n \r\n You have {this.state.membershipscount > 0 ? this.state.membershipscount : 0} of {this.state.foundUser.additionalMemberships} additional memberships available\r\n \r\n\r\n = 0 ? \"btnPrimary authorizemember\" : \"\"}\r\n onClick={this.toggleModal}\r\n >\r\n ADD AUTHORIZED MEMBER\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 # \r\n First Name \r\n Last Name \r\n Email \r\n Address 1 \r\n Address 2 \r\n City \r\n State \r\n Zip \r\n \r\n {this.props.membershipUsers.length > 0 ? this.props.membershipUsers.map((item, i) => {\r\n counter = item.isMembershipOwner ? counter : counter + 1;\r\n return (\r\n \r\n {item.isPendingInvitation ? \"Pending\" : [i + 1]} \r\n {item.isMembershipOwner ? item.memberNumber : item.memberNumber + \"-\" + counter} \r\n {item.firstName} \r\n {item.lastName} \r\n {item.userName != null ? item.userName : this.editUser(item.memberNumber)} style={{ color: \"blue\", cursor: \"pointer\" }}>Click to Invite } \r\n {item.address1} \r\n {item.address2} \r\n {item.city} \r\n {item.state.description} \r\n {item.zip} \r\n {(this.state.foundUser.isMembershipOwner) ?\r\n (!item.isMembershipOwner) && (item.isActive) && (Number(item.membershipId) === Number(this.state.membershipId)) ?\r\n \r\n this.Delete(item)}\r\n >REMOVE \r\n : \"\"\r\n : \"\"}\r\n {(item.isMembershipOwner) && (!item.isActive) && (Number(item.membershipId) === Number(this.state.membershipId)) ?\r\n \r\n this.Activate(item)}\r\n >ACTIVATE\r\n {this.state.membershipCountMessage}
\r\n : \"\"}\r\n \r\n );\r\n\r\n }) : \"\"\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.state.membershipUserInEdit == null ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n details: state.accountDetails.details,\r\n getting: state.accountDetails.getting,\r\n membershipUsers: state.memberInvitation.membershipUsers,\r\n common: state.common,\r\n authentication: state.authentication,\r\n accountDetails: state.accountDetails\r\n };\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {\r\n getAccountDetails, inviteMember, getMembershipUsers, toastr, DeleteMembershipUser, InviteManualUser, RemoveEmailMessage\r\n})(AuthorizedMembers));\r\n","import React from 'react';\r\nimport { Row, Col, Button } from 'reactstrap';\r\nimport {\r\n\tgetAccountDetails,\r\n\tgetMyMemberships,\r\n} from '../../../../../Redux/Actions/EndUser/AccountDetailsActions';\r\nimport {\r\n\tGetRegionAndDistrictSupervisor\r\n} from '../../../../../Redux/Actions/CommonActions'\r\nimport SubscriptionDetails from '../SubscriptionDetails/SubscriptionDetails';\r\nimport { auth } from '../../../../../services';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport IsLoading from '../../../../Shared/Loading/IsLoading';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\n//import { Button } from 'react-bootstrap/Button'\r\n\r\nclass SpecialRanger extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t};\r\n\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tvar userId = auth.getAuthUserId();\r\n\t\tthis.props.getMyMemberships(userId);\r\n\t\tconsole.log(this.props, 'these my props on load')\r\n\t\tthis.props.GetRegionAndDistrictSupervisor(this.props.accountDetails.selectedMember.membershipId);\r\n\t}\r\n\r\n\tfindYourRanger() {\r\n\t\twindow.open(\"https://tscra.org/what-we-do/theft-and-law/find-your-ranger/\", \"_blank\");\r\n\t}\r\n\r\n\trender() {\r\n\t\t\r\n\t\tif (this.props.getting)\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Region Supervisor \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tthis.props.supervisors ? \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Region:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.regionName } \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Supervisor Name:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.supervisorFirstName + \" \" + this.props.supervisors.supervisorLastName } \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Address:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.supervisorAddress + \", \" +this.props.supervisors.supervisorCity+ \", \" + this.props.supervisors.supervisorState + \", \" + this.props.supervisors.supervisorZip} \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Phone Number:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.supervisorPhone} \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t:
There is no Supervisor for this Region
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
District Special Ranger \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tthis.props.supervisors ? \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
District:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.districtName } \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Special Ranger Name:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.specialRangerFirstName + \" \" + this.props.supervisors.specialRangerLastName } \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Address:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.specialRangerAddress + \", \" +this.props.supervisors.specialRangerCity+ \", \" + this.props.supervisors.specialRangerState + \", \" + this.props.supervisors.specialRangerZip} \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t
Phone Number:
\r\n\t\t\t\t\t\t\t\t\t\t\t
{this.props.supervisors.specialRangerPhone} \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t:
There is no Special Ranger for this District
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tFind Your Ranger\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{/*
{this.state.activeTab } */}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tthis.state.tabs.map((tab, index) => {\r\n\t\t\t\t\t\t\t\t\tconst cls = '';\r\n\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{tab.label} \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
{this.props.accountDetails.selectedMember.membershipId ? this.tabsContent() : history.push('/dashboard')}
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n Membership Number: {\r\n this.props.selectedMember(item);\r\n history.push('/my-membership');\r\n }}>{item.membershipNumber}
\r\n Organization Name: {item.organizationName} \r\n Renew Date: {provideIntlService(this).formatDate((new Date(item.nextRenewDate)), 'MM/d/y')} \r\n Assigned To:\r\n {item.fullName ? {item.fullName} \r\n : Unassigned \r\n }\r\n \r\n \r\n );\r\n }) : \"\";\r\n\r\n return (\r\n\r\n\r\n \r\n
My Memberships \r\n
Add Membership \r\n
Click Membership Number to view Membership details
\r\n {this.props.loading ?
\r\n Loading... \r\n
:\r\n
\r\n }\r\n
\r\n {/* Transaction ID: {item.transactionId}
*/}\r\n \r\n
\r\n
Transaction Name: {item.name}
\r\n
\r\n
\r\n
Amount Paid: ${item.grandTotal.toFixed(2)}
\r\n
\r\n
\r\n
Date: {provideIntlService(this).formatDate(new Date(item.createDate), 'MM/d/y')}
\r\n
\r\n
\r\n this.setState({\r\n isPopupVisible: true,\r\n selectedTransactionId: item.transactionId\r\n })} className=\"btnLink btn btn-sm btnPrimary\">VIEW RECEIPT \r\n
\r\n
\r\n\t\t\t);\r\n });\r\n \r\n\r\n return (\r\n \r\n
Payment History \r\n
\r\n {this.props.loadingInvoices ?\r\n
\r\n\r\n :\r\n
\r\n }\r\n
\r\n\r\n
\r\n \r\n
\r\n\t\t\t
\r\n \r\n
\r\n
Committee Name:
\r\n
\r\n
\r\n {/*
Position: {item.positionName}
*/}\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }) : null;\r\n\r\n if (this.state.isBoardMember) {\r\n return (\r\n \r\n {/*
My Groups/Positions */}\r\n
\r\n
\r\n {\r\n this.state.listOfArchives.length > 0 && this.state.latestArchive.image ?\r\n
\r\n View your latest Magazine edition of {this.state.latestArchive.title} here \r\n \r\n :\r\n ''\r\n }\r\n {\r\n this.state.listOfArchives.length > 0 ?\r\n (\r\n this.state.latestArchive.image ?\r\n
\r\n \r\n :\r\n
\r\n )\r\n :\r\n ''\r\n }\r\n
View prior Magazine editions here \r\n\t\t\t
\r\n\t\t\t\t
Account Overview \r\n\t\t\t\t
Edit Account Details \r\n\r\n\r\n
\r\n {this.props.loading ?
\r\n Loading... \r\n
:\r\n
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tUser Name: \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.user.firstName !== null && this.props.user.lastName !== null ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t`${this.props.user.firstName} ${this.props.user.lastName}`\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ''\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tMember Since: \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{this.props.user.memberSince}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{/*
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tMember Email: \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.props.user.userName}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
*/}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t \r\n\t\t\t\t} \r\n\r\n\t\t\t\t
\r\n\t\t\t
\r\n \r\n\t\t\t\t\t\t
{item.organizationName} \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\t\ttext: `Do you want to Accept the Membership invitation from ${item.organizationName}`,\r\n\t\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t\t}).then((value) => (value ? this.AcceptInvitation(item.membershipAssignmentId, item.membershipId) : null));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t> \r\n\t\t\t\t\t\t\tAccept\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\t\ttext: `Do you want to reject the invitation from ${item.organizationName}`,\r\n\t\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t\t}).then((value) => (value ? this.RejectInvitation(item.membershipAssignmentId, item.membershipId) : null));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t> \r\n\t\t\t\t\t\t\tReject\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n
\r\n\t\t\t);\r\n\t\t}):\"\";\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
Membership Invitations \r\n
\r\n You have been invited to be part of these Organizations. Please Accept/Reject the Invitation\r\n
\r\n
\r\n\t\t\t
\r\n
\r\n
Dashboard \r\n
\r\n
\r\n
\r\n {this.props.userInvitations ? (this.props.userInvitations.length > 0 ?\r\n
\r\n
\r\n : \"\") : \"\"}\r\n
\r\n
\r\n\r\n
\r\n
\r\n {/*
\r\n\t\t\t\t\t\t\t\t
*/}\r\n
\r\n
\r\n {/*
\r\n\t\t\t\t\t\t\t\t
*/}\r\n {this.props.userCommittees ? (this.props.userCommittees.length > 0 ?\r\n
\r\n
\r\n : \"\") : \"\"}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {!this.state.userInEdit.userID ?\r\n
Add New User :\r\n
Edit User }\r\n\t\t\t\t
\r\n
\r\n {\r\n this.props.dataItem.phone != null ?\r\n this.formatNumber(this.props.dataItem.phone)\r\n : ''\r\n }\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\nexport default withRouter(connect(\r\n)(GridPhoneFormatter));","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class UsersLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Staff?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Staff Member Audit \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{this.state.isLoading ?\r\n\t\t\t\t\t(
\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t) :\r\n\t\t\t\t\t(\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter); \r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n >\r\n \r\n
\r\n \r\n )}\r\n\t\t\t
\r\n
\r\n
\r\n {this.state.data?\r\n
\r\n this.changeVeiw(\"edit\")} className={this.state.view === \"edit\" ? \"active\" : \"\"}>Edit \r\n this.changeVeiw(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n :\"\"}\r\n
\r\n
\r\n {this.state.view === \"edit\" ?\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \u0013\r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n \r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Once deactivated, ${this.props.dataItem.firstName} ${this.props.dataItem\r\n\t\t\t\t\t\t\t\t\t\t.lastName} will no longer be able to login.`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.firstName} ${this.props.dataItem.lastName} ?`,\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { fetchStates } from '../../../../../Redux/Actions/CommonActions';\r\n\r\nclass OrganizationForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tdisabled: false,\r\n\t\t\torganizationInEdit: this.props.dataItem || null,\r\n\t\t\toriginalOrganization: this.props.dataItem || {},\r\n\t\t\tvalue: [],\r\n\t\t\torganizationMessage: '',\r\n\t\t\tisActive: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchStates();\r\n\t\tthis.normalizeState();\r\n\t}\r\n\r\n\tnormalizeState() {\r\n\t\tconst state = {\r\n\t\t\tname: this.props.dataItem.State || '',\r\n\t\t\tid: this.props.dataItem.StateId || 0\r\n\t\t};\r\n\t\tconst edited = this.state.organizationInEdit;\r\n\t\tedited.state = state;\r\n\t\tthis.setState({\r\n\t\t\torganizationInEdit: edited\r\n\t\t});\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tif (this.state.disabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.setState({ disabled: true });\r\n\r\n\t\tthis.props.save({\r\n\t\t\t...this.state.organizationInEdit\r\n\t\t});\r\n\t};\r\n\r\n\tonDialogInputChange = (event) => {\r\n\t\tconst edited = this.state.organizationInEdit;\r\n\t\tedited[event.target.name] = event.target.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\torganizationInEdit: edited,\r\n\t\t\torganizationMessage: '',\r\n\t\t\tisActive: true\r\n\t\t});\r\n\t};\r\n\r\n\thandleState = (event) => {\r\n\t\tlet target = event.target;\r\n\t\t\r\n\t\tconst edited = this.state.organizationInEdit;\r\n\t\t// Update front-end state Object for DropDownList\r\n\t\tedited.state.name = target.value.name;\r\n\t\tedited.state.id = target.value.id;\r\n\t\t// Update State & StateId for Post SaveOrganization\r\n\t\tedited.State = target.value.name;\r\n\t\tedited.StateId = target.value.id;\r\n\t\t\r\n\t\tthis.setState({\r\n\t\t\torganizationInEdit: edited,\r\n\t\t\tisActive: true\r\n\t\t});\r\n\t};\r\n\r\n\thandleZipChange = (event) => {\r\n\t\tvar originalValue = this.state.organizationInEdit.Zip;\r\n\t\tconst edited = this.state.organizationInEdit;\r\n\t\tvar value = event.target.value.replace(/\\D/g, '');;\r\n\t\tif ((value.match(/^[0-99999]|^$/) || value == \"\") && value.length <= 5) {\r\n\t\t\tedited.Zip = value;\r\n\t\t\tthis.setState({\r\n\t\t\t\torganizationInEdit: edited,\r\n\t\t\t\tisActive: true\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tedited.Zip = originalValue;\r\n\t\t\tthis.setState({\r\n\t\t\t\torganizationInEdit: edited,\r\n\t\t\t\tisActive: true\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\tEdit Organization \r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tcommon: state.common\r\n\t};\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {fetchStates})(OrganizationForm));\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { fetchStates } from '../../../../../Redux/Actions/CommonActions';\r\nimport PortalUserForm from '../../../../PublicView/Pages/MyMemberships/AuthorizedMembers/ModalForms/PortalUserForm';\r\nimport OrganizationInviteUser from '../../../../PublicView/Pages/MyOrganizations/OrganizationInviteUser';\r\n\r\nclass CreateOrganizationForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n canInvite: false,\r\n emailMatches: false,\r\n message: '',\r\n userModel: null,\r\n removeUserId: 0,\r\n resetForm: false,\r\n touched: {\r\n firstName: false,\r\n lastName: false,\r\n\t\t\t\tmailingAddress1: false,\r\n\t\t\t\tmailingAddress2: false,\r\n\t\t\t\tmailingCity: false,\r\n\t\t\t\tstate: false,\r\n mailingZip: false,\r\n phone: false,\r\n email: false\r\n },\r\n\r\n\t\t\tdisabled: false,\r\n\t\t\torganizationInEdit: this.props.dataItem || null,\r\n\t\t\tvalue: [],\r\n\t\t\torganizationMessage: '',\r\n\t\t\tisActive: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n this.props.common.emailMessage = '';\r\n\r\n\t\tthis.props.fetchStates();\r\n\t\t// this.normalizeState();\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.state.emailMatches === false && this.props.common.emailMessage === 'This email matches an email associated with a user in the portal. This invitation will be sent to that user.') {\r\n this.setCanInvite();\r\n }\r\n }\r\n \r\n setCanInvite() {\r\n this.setState({\r\n canInvite: true,\r\n emailMatches: true\r\n })\r\n }\r\n\r\n portalUserStateChange = (userModel) => {\r\n this.props.common.emailMessage = '';\r\n this.setState({\r\n userModel: userModel,\r\n canInvite: false,\r\n emailMatches: false,\r\n touched: {\r\n firstName: false,\r\n lastName: false,\r\n\t\t\t\tmailingAddress1: false,\r\n\t\t\t\tmailingAddress2: false,\r\n\t\t\t\tmailingCity: false,\r\n\t\t\t\tstate: false,\r\n mailingZip: false,\r\n phone: false,\r\n email: false\r\n }\r\n })\r\n }\r\n\r\n initUser = (userModel) => {\r\n this.setState({\r\n userModel: userModel\r\n })\r\n }\r\n\r\n inviteUserStateChange = (userModel) => {\r\n\t\tthis.setState({\r\n userModel: userModel,\r\n canInvite: true\r\n })\r\n }\r\n\r\n handleBlur = (field) => {\r\n\t\tthis.setState({\r\n\t\t\ttouched: { ...this.state.touched, [field]: true },\r\n\t\t});\r\n }\r\n\r\n isModelValid() {\r\n if (!this.state.userModel || !this.state.userModel.firstName) {\r\n return false;\r\n } else {\r\n return this.state.userModel.firstName !== \"\" &&\r\n this.state.userModel.lastName !== \"\" &&\r\n this.state.userModel.mailingAddress1 !== \"\" &&\r\n this.state.userModel.mailingCity !== \"\" &&\r\n this.state.userModel.state.id !== 0 &&\r\n this.state.userModel.state.name !== \"\" &&\r\n this.state.userModel.Email !== \"\" &&\r\n this.state.userModel.mailingZip !== \"\";\r\n }\r\n }\r\n\r\n setAllTouchedTrue() {\r\n\t\tthis.setState({\r\n\t\t\ttouched: {\r\n firstName: true,\r\n lastName: true,\r\n\t\t\t\tmailingAddress1: true,\r\n\t\t\t\tmailingAddress2: true,\r\n\t\t\t\tmailingCity: true,\r\n\t\t\t\tstate: true,\r\n mailingZip: true,\r\n phone: true,\r\n email: true\r\n\t\t\t},\r\n\t\t})\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n event.preventDefault();\r\n\r\n if (this.canInvite === false || this.state.disabled) {\r\n return;\r\n }\r\n\r\n if (this.props.common.emailExists || this.isModelValid()) {\r\n\r\n this.setState({ disabled: true });\r\n\r\n this.props.create({\r\n ...this.state.userModel,\r\n ...this.state.organizationInEdit\r\n });\r\n } else {\r\n this.setAllTouchedTrue();\r\n }\r\n\t};\r\n\r\n\tonDialogInputChange = (event) => {\r\n\t\tconst edited = this.state.organizationInEdit;\r\n\t\tedited[event.target.name] = event.target.value;\r\n\r\n\t\tthis.setState({\r\n\t\t\torganizationInEdit: edited,\r\n\t\t\torganizationMessage: '',\r\n\t\t\tisActive: true\r\n\t\t});\r\n\t};\r\n\r\n\thandleState = (event) => {\r\n\t\tlet target = event.target;\r\n\t\t\r\n\t\tconst edited = this.state.organizationInEdit;\r\n // Update front-end state Object for DropDownList\r\n edited.state = {};\r\n\t\tedited.state.name = target.value.name;\r\n\t\tedited.state.id = target.value.id;\r\n\t\t// Update State & StateId for Post SaveOrganization\r\n\t\tedited.State = target.value.name;\r\n\t\tedited.StateId = target.value.id;\r\n\t\t\r\n\t\tthis.setState({\r\n\t\t\torganizationInEdit: edited,\r\n\t\t\tisActive: true\r\n\t\t});\r\n\t};\r\n\r\n\thandleZipChange = (event) => {\r\n\t\tvar originalValue = this.state.organizationInEdit.Zip;\r\n\t\tconst edited = this.state.organizationInEdit;\r\n\t\tvar value = event.target.value.replace(/\\D/g, '');;\r\n\t\tif ((value.match(/^[0-99999]|^$/) || value == \"\") && value.length <= 5) {\r\n\t\t\tedited.Zip = value;\r\n\t\t\tthis.setState({\r\n\t\t\t\torganizationInEdit: edited,\r\n\t\t\t\tisActive: true\r\n\t\t\t});\r\n\t\t}\r\n\t\telse {\r\n\t\t\tedited.Zip = originalValue;\r\n\t\t\tthis.setState({\r\n\t\t\t\torganizationInEdit: edited,\r\n\t\t\t\tisActive: true\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n \r\n Add New Organization \r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n\treturn {\r\n\t\tcommon: state.common\r\n\t};\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, {fetchStates})(CreateOrganizationForm));\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class OrganizationsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/UserOrganizations?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: { } };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n console.log(json);\r\n\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n Manage Users \r\n\r\n {this.state.selectedOrganization.organizationId &&\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
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ManageUsersForm;\r\n","import React, { Component } from 'react';\r\nimport { Grid, GridColumn as Column, GridToolbar } from '@progress/kendo-react-grid';\r\nimport Modal from 'react-modal';\r\nimport '@progress/kendo-theme-default/dist/all.css';\r\nimport { filterBy, orderBy } from '@progress/kendo-data-query';\r\nimport { ExcelExport, ExcelExportColumn } from '@progress/kendo-react-excel-export';\r\nimport { connect } from 'react-redux';\r\nimport { toastr } from '../../../../../Redux/Actions/CommonActions';\r\nimport { Switch } from '@progress/kendo-react-inputs';\r\nimport { Alert } from 'reactstrap';\r\n//import DialogContainer from './Dialogs/DialogContainer';\r\nimport AdminHeader from '../../../AdminHeader/AdminHeader';\r\nimport cellWithEditing from './CellWithEditing';\r\nimport OrganizationForm from './OrganizationForm.js';\r\nimport CreateOrganizationForm from './CreateOrganizationForm.js';\r\nimport Search from '../../../Search';\r\nimport IsLoading from '../../../../Shared/Loading/IsLoading';\r\nimport '../ManageUsers/ManageUser.scss';\r\nimport GridDateFormatter from '../../../GridDateFormatter';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { OrganizationsLoader } from './OrganizationsLoader';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport ManageUsersForm from './ManageUsersForm.js';\r\n\r\nconst FileDownload = require('js-file-download');\r\n\r\nexport class ManageOrganizations extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isLoading: true,\r\n isSubmitted: false,\r\n organizationInEdit: {},\r\n isPopupVisible: false,\r\n isManageUsersVisible: false,\r\n isNewOrganization: false,\r\n organizations: { data: [], total: 0 },\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n filter: {\r\n logic: \"and\",\r\n filters: []\r\n },\r\n sort: [{ field: \"organizationId\", dir: \"desc\" }]\r\n },\r\n alertVisible: false,\r\n alertColor: \"danger\",\r\n alertMessage: \"\"\r\n };\r\n }\r\n\r\n dataStateChange = (e) => {\r\n this.setState({\r\n ...this.state,\r\n dataState: e.data\r\n });\r\n }\r\n\r\n dataRecieved = (organizationsFetched) => {\r\n // console.log(organizationsFetched);\r\n this.setState({\r\n ...this.state,\r\n organizations: organizationsFetched,\r\n isLoading: false\r\n });\r\n\r\n if (organizationsFetched.total == 0 && document.getElementsByClassName(\"k-grid-header-wrap\").length != 0) {\r\n let t = document.getElementsByClassName(\"k-grid-header-wrap\")[0].className = \"horizontal-scroll\";\r\n }\r\n else if (organizationsFetched.total != 0 && document.getElementsByClassName(\"horizontal-scroll\").length != 0) {\r\n document.getElementsByClassName(\"horizontal-scroll\")[0].className = \"k-grid-header-wrap\";\r\n }\r\n }\r\n\r\n edit = (dataItem) => {\r\n this.setState({\r\n organizationInEdit: this.cloneOrganization(dataItem),\r\n isPopupVisible: true,\r\n isNewOrganization: false\r\n });\r\n };\r\n\r\n manageUsers = (dataItem) => {\r\n console.log('manage users', dataItem);\r\n this.setState({\r\n organizationInEdit: this.cloneOrganization(dataItem),\r\n isPopupVisible: false,\r\n isManageUsersVisible: true\r\n });\r\n };\r\n\r\n cloneOrganization(event) {\r\n console.log('cloneOrganization');\r\n var t = Object.assign({}, event);\r\n \r\n return t;\r\n }\r\n\r\n cancel = () => {\r\n this.setState({\r\n isPopupVisible: false,\r\n isManageUsersVisible: false\r\n })\r\n };\r\n\r\n stringifyObj = (arr) => {\r\n let t = [...arr];\r\n if (!t) {\r\n return null;\r\n }\r\n else {\r\n for (var i = 0; i < t.length; i++) {\r\n var element = { ...t[i] };\r\n\r\n for (var key in t[i]) {\r\n element[key] = element[key] + '';\r\n }\r\n t[i] = element;\r\n }\r\n return t;\r\n }\r\n }\r\n\r\n exportToExcel = () => {\r\n var Filters = this.state.dataState.filter ? this.stringifyObj([...this.state.dataState.filter.filters]) : null;\r\n var Sorts = this.state.dataState.sort ? this.stringifyObj([...this.state.dataState.sort]) : null;\r\n var KendoGridQuery = {\r\n Filters: Filters ? Filters.slice() : [],\r\n Sorts: Sorts ? Sorts.slice() : []\r\n }\r\n\r\n axios.get(ROOT_API_URL + \"/ManageOrganization/ExportToExcel?queryArguments=\" + JSON.stringify(KendoGridQuery), { headers: auth.authHeader() })\r\n .then((response) => {\r\n FileDownload(response.data, 'Organizations.csv');\r\n }).catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to export to excel.';\r\n\r\n this.setState({\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n }); \r\n }\r\n\r\n addNew = () => {\r\n this.setState({\r\n isPopupVisible: true,\r\n organizationInEdit: {},\r\n isNewOrganization: true\r\n });\r\n }\r\n\r\n create = (model) => {\r\n console.log('create', model)\r\n // Remove front-end state Object for DropDownList\r\n delete model.state;\r\n\r\n this.setState({\r\n isSubmitted: true,\r\n isLoading: true,\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n sort: [{ field: \"organizationId\", dir: \"desc\" }]\r\n },\r\n });\r\n\r\n var url = `${ROOT_API_URL}/ManageOrganization/CreateOrganization`;\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n\r\n axios\r\n .post(url, model, options)\r\n .then((response) => {\r\n console.log('response', response)\r\n this.setState({\r\n isSubmitted: false\r\n });\r\n this.cancel();\r\n })\r\n .catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to craete the organization.';\r\n\r\n this.setState({\r\n isSubmitted: false,\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n }); \r\n }\r\n\r\n save = (model) => {\r\n console.log(model)\r\n // Remove front-end state Object for DropDownList\r\n delete model.state;\r\n\r\n this.setState({\r\n isSubmitted: true,\r\n isLoading: true,\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n sort: [{ field: \"organizationId\", dir: \"desc\" }]\r\n },\r\n });\r\n\r\n var url = `${ROOT_API_URL}/ManageOrganization/SaveOrganization`;\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n\r\n axios\r\n .post(url, model, options)\r\n .then((response) => {\r\n console.log('response', response)\r\n this.setState({\r\n isSubmitted: false\r\n });\r\n this.cancel();\r\n })\r\n .catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to save the organization.';\r\n\r\n this.setState({\r\n isSubmitted: false,\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n }); \r\n }\r\n\r\n toggleActive = (dataItem) => {\r\n this.setState({\r\n isSubmitted: true,\r\n isLoading: true,\r\n dataState: {\r\n take: 10,\r\n skip: 0,\r\n sort: [{ field: \"organizationId\", dir: \"desc\" }]\r\n },\r\n });\r\n axios\r\n .post(`${ROOT_API_URL}/ManageOrganization/DeleteOrganization`, dataItem, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n isSubmitted: false\r\n })\r\n })\r\n .catch((error) => {\r\n var err = error && error.data ? error.data.message : 'Unable to delete the organization.';\r\n\r\n this.setState({\r\n isSubmitted: false,\r\n alertVisible: true,\r\n alertColor: \"danger\",\r\n alertMessage: err\r\n });\r\n }); \r\n }\r\n\r\n pageChange = (event) => {\r\n this.setState({\r\n skip: event.page.skip,\r\n take: event.page.take\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted?\r\n
\r\n
\r\n\r\n {\r\n this.state.isPopupVisible && !this.state.isManageUsersVisible && !this.state.isNewOrganization ? (\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n swal({\r\n title: 'Are you sure?',\r\n text: `Deactivating, ${this.props.dataItem.organizationName} will no longer be available `,\r\n icon: 'warning',\r\n buttons: {\r\n cancel: 'CANCEL',\r\n confirm: 'OK'\r\n },\r\n dangerMode: true\r\n }).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n }}\r\n >\r\n {\r\n swal(\r\n `Are you sure you want to re-activate ${this.props.dataItem.name} ?`\r\n ).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n }}\r\n >\r\n {\r\n\t\t\t\t\t\t\tmanage(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tMANAGE USERS\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport NavFooter from './NavComponents/NavFooter/NavFooter';\r\nimport NavMenu from './NavComponents/NavMenu/NavMenu';\r\n\r\nconst Layout = ({ children, ...rest }) => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst RouteLayout = ({ component: Component, ...rest }) => {\r\n //todo: logic for validate user \r\n\r\n return (\r\n (\r\n \r\n \r\n )} />\r\n )\r\n};\r\n\r\nexport default RouteLayout;","import React, {Component, Fragment} from 'react';\r\nimport { Dialog, DialogActionsBar} from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport { fetchSubscriptionTypes, selectSubscriptionType } from '../../../../../Redux/Actions/Admin/ManageSubscriptionTypeActions';\r\nimport { fetchSubscriptionStatuses, fetchSubscriptionPackages, selectSubscriptionStatus } from '../../../../../Redux/Actions/Admin/ManageSubscriptionStatusActions';\r\nimport { fetchStates } from '../../../../../Redux/Actions/CommonActions'\r\nimport './ManageSubscriptions.scss'\r\n\r\nclass SubscriptionForm extends Component {\r\n\tconstructor(props) {\r\n\t\tvar data = {};\r\n\t\tif (!props.dataItem.MagazineSubscriptionId) {\r\n\t\t\tdata.MagazineSubscriptionId = null;\r\n\t\t}\r\n\t\telse {\r\n\t\t\tlet SubscriptionType = {\r\n\t\t\t\tid: props.dataItem.MagazineSubscriptionTypeId,\r\n\t\t\t\tdescription: props.dataItem.SubscriptionType\r\n\t\t\t}\r\n\t\t\tlet SubscriptionStatus = {\r\n\t\t\t\tid: props.dataItem.MagazineSubscriptionStatusId,\r\n\t\t\t\tdescription: props.dataItem.SubscriptionStatus\r\n\t\t\t}\r\n\t\t\tlet SubscriptionPackage = {\r\n\t\t\t\tid: props.dataItem.MagazineSubscriptionPackageId,\r\n\t\t\t\tdescription: props.dataItem.MagazineSubscriptionPackage\r\n\t\t\t}\r\n\t\t\tlet State = {\r\n\t\t\t\tid: props.dataItem.StateId,\r\n\t\t\t\tname: props.dataItem.State,\r\n\t\t\t\tisActive: false\r\n\t\t\t}\r\n\t\t\tdata.MagazineSubscriptionId = props.dataItem.MagazineSubscriptionId;\r\n\t\t\tdata.magazineSubscriptionType = SubscriptionType;\r\n\t\t\tdata.magazineSubscriptionStatus= SubscriptionStatus;\r\n\t\t\tdata.subscriptionStartDate = props.dataItem.StartDate.substring(0, 10);\r\n\t\t\tdata.subscriptionExpiresDate = props.dataItem.ExpirationDate.substring(0, 10);\r\n\t\t\tdata.magazineSubscriptionPackage= SubscriptionPackage;\r\n\t\t\tdata.firstName= props.dataItem.FirstName;\r\n\t\t\tdata.lastName= props.dataItem.LastName;\r\n\t\t\tdata.companyName= props.dataItem.CompanyName;\r\n\t\t\tdata.preferredMailingName= props.dataItem.PreferredMailingName;\r\n\t\t\tdata.mailingAddress1= props.dataItem.MailingAddress1;\r\n\t\t\tdata.mailingAddress2= props.dataItem.MailingAddress2;\r\n\t\t\tdata.mailingCity= props.dataItem.MailingCity;\r\n\t\t\tdata.state= State;\r\n\t\t\tdata.mailingZip= props.dataItem.MailingZip;\r\n\t\t\tdata.email= props.dataItem.Email;\r\n\t\t\tdata.phone= props.dataItem.Phone;\r\n\t\t}\r\n\r\n\r\n\r\n\r\n super(props);\r\n\t\tthis.state = {\r\n\t\t\tsubscriptionInEdit: data,\r\n\t\t\tvalue: [],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchSubscriptionTypes();\r\n this.props.fetchSubscriptionStatuses();\r\n this.props.fetchSubscriptionPackages();\r\n\t\tthis.props.fetchStates();\r\n\t}\r\n\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\r\n\t\tif (this.state.subscriptionInEdit.MagazineSubscriptionId) {\r\n\t\t\tthis.props.save(this.state.subscriptionInEdit);\r\n\t\t} else {\r\n\t\t\tthis.props.new(this.state.subscriptionInEdit);\r\n\t\t}\r\n\t\tthis.props.cancel();\r\n\t};\r\n\t/*\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}*/\r\n\tonWindowInputChange = (event) => {\r\n let target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.subscriptionInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n\t\t\tsubscriptionInEdit: edited\r\n\t\t});\r\n };\r\n\r\n handleSubscriptionTypeChange = (event) => {\r\n this.selectedSubscriptionType(event.target.value);\r\n }\r\n\r\n\thandleSubscriptionStatusChange = (event) => {\r\n this.selectedSubscriptionStatus(event.target.value);\r\n }\r\n\r\n handleSubscriptionPackageChange = (event) => {\r\n let value = event.target.value;\r\n let temp = this.state.subscriptionInEdit;\r\n temp.magazineSubscriptionPackage = value;\r\n this.setState({\r\n subscriptionInEdit: temp\r\n });\r\n }\r\n\r\n\thandleState = (event) => {\r\n\t\tconst value = event.target.value;\r\n\t\tif (value !== null) {\r\n this.setState({ subscriptionInEdit: { ...this.state.subscriptionInEdit, state: value } });\r\n }\r\n\t};\r\n\r\n selectedSubscriptionStatus = (value) => {\r\n this.props.selectSubscriptionStatus(value);\r\n if (value !== null) {\r\n this.setState({ subscriptionInEdit: { ...this.state.subscriptionInEdit, magazineSubscriptionStatus: value } });\r\n }\r\n\t}\r\n\r\n\tselectedSubscriptionType = (value) => {\r\n this.props.selectSubscriptionType(value);\r\n if (value !== null) {\r\n this.setState({ subscriptionInEdit: { ...this.state.subscriptionInEdit, magazineSubscriptionType: value } });\r\n }\r\n\t}\r\n\r\n\trenderDropdowns = () => {\r\n \treturn (\r\n \t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tType \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tStatus \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tStart Date \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tExpiration Date \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tPackage \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{!this.state.subscriptionInEdit.MagazineSubscriptionId ?\r\n\t\t\t\t\t\t
Add New Subscription :\r\n\t\t\t\t\t\t
Edit Subscription }\r\n\r\n\t\t\t\t
\r\n\t\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Subscription Audit \r\n \r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter);\r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n >\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n this.changeView(\"details\")} className={this.state.view === \"details\" ? \"active\" : \"\"} >Subscription Details \r\n this.changeView(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n
\r\n
\r\n {this.state.view === \"details\" ?\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n (\r\n \r\n {props.dataItem.StartDate.substring(0, 10)}\r\n \r\n\r\n )} />\r\n (\r\n \r\n {props.dataItem.ExpirationDate.substring(0, 10)}\r\n \r\n\r\n )} />\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n ) : \"\"\r\n }\r\n {
\r\n \r\n
}\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Deactivating, ${this.props.dataItem.name} Subscription will no longer be available `,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal(\r\n\t\t\t\t\t\t\t\t\t`Are you sure you want to re-activate ${this.props.dataItem.name} ?`\r\n\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\nimport { convertDateFilter } from '../../../../../helpers/convertDateFilter';\r\n\r\nexport class OrdersLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Orders?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n var actualODataString = convertDateFilter(toODataString(this.props.dataState), ['OrderDate'], this.props.dataState);\r\n\r\n if (this.pending || actualODataString === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = actualODataString;\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (actualODataString === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
{item.size ? item.size : \"N/A\"}
\r\n
\r\n
{item.color ? item.color : \"N/A\"}
\r\n
\r\n this.onDialogInputChange(event, i)}\r\n onLabel={'Shipped'}\r\n offLabel={'Pending'}\r\n checked={item.isFulfilled}\r\n value={item.isFulfilled || ''}\r\n name=\"isFulfilled\"\r\n id=\"isFulfilled\"\r\n />\r\n
\r\n \r\n\t\t\t);\r\n\t\t}):\"\";\r\n\t\treturn (\r\n\t\t\r\n
\r\n\t\t\t\t{
Order Details } \r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n
\r\n
\r\n
\r\n
Order Audit \r\n \r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter);\r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={true}\r\n >\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n {this.state.data ?\r\n
\r\n this.changeVeiw(\"details\")} className={this.state.view === \"edit\" ? \"active\" : \"\"}>Order Details \r\n this.changeVeiw(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n : \"\"}\r\n
\r\n
\r\n {this.state.view === \"details\" ?\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n \r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input, Switch} from '@progress/kendo-react-inputs';\r\nimport {DropDownList } from '@progress/kendo-react-dropdowns';\r\n//import DateTimePicker from 'react-datetime-picker';\r\nimport { connect } from 'react-redux';\r\nimport { getRegions, getDistricts, fetchStates, geteventCategories } from '../../../../../Redux/Actions/CommonActions';\r\nimport { Alert } from 'reactstrap';\r\nimport './Events.scss';\r\nimport ReactFileReader from 'react-file-reader';\r\nimport DateTimePicker from 'react-datetime-picker';\r\n\r\nimport PlacesAutocomplete , {\r\n geocodeByAddress,\r\n geocodeByPlaceId,\r\n getLatLng, columnMenu\r\n} from 'react-places-autocomplete';\r\nimport '@progress/kendo-react-common'\r\nimport '@progress/kendo-date-math'\r\n\r\nclass EventForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n let e = { ...this.props.dataItem }\r\n if (!e.eventId) {\r\n e.startDate = new Date();\r\n e.endDate = new Date();\r\n }\r\n else {\r\n e.startDate = new Date(e.startDate);\r\n e.endDate = new Date(e.endDate);\r\n }\r\n this.state = {\r\n alert: { visible: false },\r\n eventInEdit: e || null,\r\n value: [],\r\n selectedRegion: e.region || null,\r\n selectedDistrict: e.district || null,\r\n //selectedState: e.state || null,\r\n districts: [],\r\n file: null,\r\n selectedCategory: e.eventCategory || null,\r\n Banner: false,\r\n address: '',\r\n SecondaryAddress: '',\r\n displayAddress: e.address1 || '',\r\n startMessage: '',\r\n endMessage: '',\r\n categoryMessage: '',\r\n stateMessage: '',\r\n regionMessage: '',\r\n districtMessage: '',\r\n Address1: e.address1 || \"\",\r\n Address2: e.address2 || \"\",\r\n City: e.city || \"\",\r\n StateId: e.stateId || 0,\r\n State: e.state || { id: 0, name: \"\" },\r\n Zip: e.zip || '',\r\n events: this.props.allEvents ? this.props.allEvents.data : []\r\n };\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({\r\n Banner:this.props.dataItem.Banner\r\n })\r\n this.props.getRegions();\r\n this.props.fetchStates();\r\n this.props.geteventCategories();\r\n }\r\n\r\n handleAddressChange = address => {\r\n this.setState({\r\n displayAddress: address,\r\n Address1: address,\r\n Address2: \"\",\r\n City: \"\",\r\n StateId: 0,\r\n State: { id: 0, name: \"\" },\r\n Zip: \"\",\r\n stateMessage: ''\r\n\r\n });\r\n };\r\n\r\n handleSelect = address => {\r\n geocodeByAddress(address)\r\n .then(results => {\r\n results.map((addressResults) => {\r\n var mailingInformation = {\r\n Address1: \"\",\r\n Address2: \"\",\r\n City: \"\",\r\n StateId: 0,\r\n State: { id: 0, name: \"\" },\r\n Zip: \"\"\r\n }\r\n addressResults.address_components.map((result) => {\r\n if (result.types.includes(\"street_number\")) {\r\n mailingInformation.Address1 = result[\"short_name\"];\r\n this.state.displayAddress = result[\"short_name\"];\r\n }\r\n if (result.types.includes(\"route\")) {\r\n mailingInformation.Address1 = mailingInformation.Address1 + \" \" + result[\"short_name\"];\r\n this.state.displayAddress = this.state.displayAddress + \" \" + result[\"short_name\"];\r\n }\r\n if (result.types.includes(\"locality\")) {\r\n mailingInformation.City = result[\"short_name\"];\r\n this.state.displayAddress = this.state.displayAddress + \" \" + result[\"short_name\"];\r\n }\r\n if (result.types.includes(\"administrative_area_level_1\")) {\r\n mailingInformation.State= result[\"short_name\"];\r\n this.state.displayAddress = this.state.displayAddress + \" \" + result[\"short_name\"];\r\n var stateObj = this.props.common.states.find((stateObj) => {\r\n\r\n if (stateObj.name === result[\"short_name\"].toString()) {\r\n return stateObj\r\n }\r\n })\r\n mailingInformation.StateId = stateObj.id;\r\n mailingInformation.State = stateObj;\r\n }\r\n if (result.types.includes(\"postal_code\")) {\r\n mailingInformation.Zip = result[\"short_name\"];\r\n this.state.displayAddress = this.state.displayAddress + \" \" + result[\"short_name\"];\r\n }\r\n });\r\n this.setState(mailingInformation);\r\n })\r\n\r\n }).catch ((error) => {\r\n this.setAlert(true, (error && error.message ? error.message : 'Unable to select the location.'), 'danger')\r\n });\r\n };\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n let isValid = true;\r\n const edited = this.state.eventInEdit;\r\n let startTime = new Date(edited.startDate);\r\n let endTime = new Date(edited.endDate);\r\n let currentTime = (new Date());\r\n\r\n let selectedCategory = this.state.selectedCategory;\r\n let selectedRegion = this.state.selectedRegion;\r\n let selectedDistrict = this.state.selectedDistrict;\r\n let selectedLocation = this.state.displayAddress;\r\n\r\n // REMOVING THIS REQUIREMENT SO WE CAN EDIT OLD EVENTS\r\n //if (startTime < currentTime) {\r\n // isValid = false;\r\n // if (startTime.getFullYear() < currentTime.getFullYear() || startTime.getMonth() < currentTime.getMonth() || startTime.getDate() < currentTime.getDate()) {\r\n // this.setState({\r\n // startMessage: \"Start date cannot be before current date\"\r\n // })\r\n // }\r\n // else {\r\n // this.setState({\r\n // startMessage: 'Start time cannot be before current time'\r\n // })\r\n // } \r\n //}\r\n\r\n if (startTime > endTime) {\r\n isValid = false;\r\n //if (startTime.getFullYear() > endTime.getFullYear() || startTime.getMonth() > endTime.getMonth() || startTime.getDate() > endTime.getDate()) {\r\n // this.setState({\r\n // endMessage: 'End date must be after start date'\r\n // })\r\n //}\r\n //else {\r\n // this.setState({\r\n // endMessage: 'End time must be after start time'\r\n // })\r\n //}\r\n this.setState({\r\n endMessage: 'End time must be after start time'\r\n })\r\n }\r\n\r\n if (!selectedCategory) {\r\n\r\n isValid = false;\r\n\r\n this.setState({\r\n categoryMessage: 'Category is required'\r\n })\r\n\r\n }\r\n\r\n //if (!selectedDistrict) {\r\n\r\n // isValid = false;\r\n\r\n // this.setState({\r\n // districtMessage: 'District is required'\r\n // })\r\n\r\n //}\r\n\r\n //if (!selectedRegion) {\r\n\r\n // isValid = false;\r\n\r\n // this.setState({\r\n // regionMessage: 'Region is required'\r\n // })\r\n\r\n //}\r\n\r\n if (selectedLocation) {\r\n\r\n //isValid = false;\r\n\r\n //this.setState({\r\n // stateMessage: 'Location Address is required (Type to get the list and select one)'\r\n //})\r\n\r\n if (!this.state.State || !this.state.StateId) {\r\n\r\n isValid = false;\r\n\r\n this.setState({\r\n stateMessage: 'Location Address is required (Type to get the list and select one)'\r\n })\r\n }\r\n } \r\n\r\n if (isValid) {\r\n console.log(\"this.state.file\", this.state.file);\r\n edited.ImageFile = this.state.file ? {\r\n name: this.state.file.fileList[0].name,\r\n source: this.state.file.base64,\r\n extension: this.state.file.fileList[0].type\r\n } : null;\r\n edited.Address1 = this.state.Address1;\r\n edited.Address2 = this.state.Address2;\r\n edited.City = this.state.City;\r\n edited.StateId = this.state.StateId;\r\n edited.State = this.state.State;\r\n edited.Zip = this.state.Zip;\r\n edited.Banner = this.state.Banner;\r\n this.props.save({\r\n ...this.state.eventInEdit\r\n });\r\n this.props.cancel();\r\n }\r\n }\r\n\r\n onDialogInputChange = (event) => {\r\n let target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n const name = target.props ? target.props.name : target.name;\r\n\r\n const edited = this.state.eventInEdit;\r\n edited[name] = value;\r\n edited.isActive = true;\r\n this.setState({\r\n eventInEdit: edited\r\n });\r\n };\r\n\r\n checkboxChange = () => {\r\n this.setState({\r\n Banner: !this.state.Banner\r\n })\r\n }\r\n\r\n urlValidation = (event) => {\r\n let value = event.target.value;\r\n\r\n };\r\n\r\n handleRegionChange = (event) => {\r\n var selectedRegion = event.target.value;\r\n const edited = this.state.eventInEdit;\r\n edited.regionId = selectedRegion.id;\r\n edited.region = selectedRegion;\r\n this.state.eventInEdit.district = null;\r\n \r\n\t\tthis.setState({\r\n selectedRegion: selectedRegion,\r\n selectedDistrict: null,\r\n eventInEdit: edited,\r\n regionMessage: ''\r\n\t\t})\r\n this.props.getDistricts(selectedRegion.id)\r\n \r\n };\r\n\r\n\thandleDistrict =(event) => {\r\n const edited = this.state.eventInEdit;\r\n edited.districtId = event.target.value.id;\r\n edited.district = event.target.value;\r\n\t\tthis.setState({\r\n selectedDistrict:event.target.value,\r\n eventInEdit: edited,\r\n districtMessage: ''\r\n\t\t})\r\n };\r\n\r\n // handleStateChange =(event) => {\r\n // const edited = this.state.eventInEdit;\r\n // edited.stateId = event.target.value.id;\r\n // edited.state = event.target.value;\r\n\r\n\t\t//this.setState({\r\n // selectedState:event.target.value,\r\n // eventInEdit: edited\r\n\t\t//})\r\n // };\r\n\r\n handleCategoryChange=(event) => {\r\n const edited = this.state.eventInEdit;\r\n edited.eventCategoryID = event.target.value.id;\r\n edited.eventCategory = event.target.value;\r\n\r\n\t\tthis.setState({\r\n selectedCategory:event.target.value,\r\n eventInEdit: edited,\r\n categoryMessage: ''\r\n\t\t})\r\n };\r\n\r\n handleStartDate = (date) => {\r\n const edited = this.state.eventInEdit;\r\n edited.startDate = date;\r\n this.setState({\r\n eventInEdit: edited,\r\n startMessage:''\r\n });\r\n };\r\n\r\n handleEndDate = (date) => {\r\n const edited = this.state.eventInEdit;\r\n edited.endDate = date;\r\n\t\tthis.setState({\r\n eventInEdit: edited,\r\n endMessage:''\r\n\t\t});\r\n };\r\n\r\n handleFiles = (files) => {\r\n\t\tconsole.log(\"files\", files.fileList[0].name);\r\n this.setState({\r\n file: files\r\n\t\t})\r\n }\r\n\r\n setAlert = (visible, message, color) => {\r\n let alert = {\r\n color: color,\r\n visible: visible,\r\n message: message\r\n }\r\n this.setState({\r\n alert: alert\r\n })\r\n\r\n }\r\n\r\n handleAutocompleteErr = (status, clearSuggestions) => {\r\n this.setAlert(true, 'Google Maps API returned error with status: ' + status, 'danger');\r\n setTimeout(() => {\r\n this.setAlert(false, \"\");\r\n }, 5000)\r\n clearSuggestions()\r\n }\r\n\r\n handleCloneEvent = (event) => {\r\n\r\n var cloneItem = Object.assign({}, event.target.value);\r\n cloneItem.startDate = new Date();\r\n cloneItem.endDate = new Date();\r\n delete cloneItem.eventId;\r\n\r\n let eventCategory = {\r\n id: cloneItem.eventCategoryID,\r\n name: cloneItem.eventCategory\r\n };\r\n let region = {\r\n id: cloneItem.regionId,\r\n name: cloneItem.region,\r\n };\r\n let district = {\r\n id: cloneItem.districtId,\r\n name: cloneItem.district\r\n };\r\n let state = {\r\n id: cloneItem.stateId,\r\n name: cloneItem.state\r\n };\r\n\r\n cloneItem.eventCategory = eventCategory;\r\n cloneItem.region = region;\r\n cloneItem.district = district;\r\n cloneItem.state = state;\r\n\r\n\t\tthis.setState({\r\n selectedCategory: cloneItem.eventCategory,\r\n selectedDistrict: cloneItem.district,\r\n selectedRegion: cloneItem.region,\r\n displayAddress: cloneItem.address1,\r\n eventInEdit: cloneItem,\r\n Banner: cloneItem.Banner,\r\n startMessage: '',\r\n endMessage: '',\r\n categoryMessage: '',\r\n stateMessage: '',\r\n regionMessage: '',\r\n districtMessage: '',\r\n Address1: cloneItem.address1 || \"\",\r\n Address2: cloneItem.address2 || \"\",\r\n City: cloneItem.city || \"\",\r\n StateId: cloneItem.stateId || 0,\r\n State: cloneItem.state || { id: 0, name: \"\" },\r\n Zip: cloneItem.zip || '',\r\n\t\t})\r\n };\r\n\trender() {\r\n return (\r\n \r\n
\r\n \r\n {this.state.alert.message}\r\n \r\n {!this.state.eventInEdit.eventId ?\r\n \r\n
Create an Event \r\n
\r\n Clone Event \r\n
\r\n
Edit Event }\r\n */}\r\n
\r\n \r\n
\r\n \r\n CANCEL \r\n \r\n {!this.state.eventInEdit.eventId ? (\r\n \r\n SAVE \r\n \r\n ) : (\r\n \r\n UPDATE \r\n \r\n )}\r\n
\r\n
\r\n {/*
\r\n\t\t\t\t{/*console.log(this.props)*/}\r\n\t\t\t\t{/*provideIntlService(this).formatDate(new Date(this.props.dataItem[this.props.field]), 'MM/d/y h:mm aa')*/}\r\n\t\t\t\t{this.formatDate(this.props.dataItem[this.props.field])}\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\nexport default withRouter(connect(\r\n)(GridDateLocaleTimeFormatter));","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\nimport { convertDateFilter } from '../../../../../helpers/convertDateFilter';\r\n\r\nexport class EventsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/AllEvents?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n var actualODataString = convertDateFilter(toODataString(this.props.dataState), ['startDate', 'endDate'], this.props.dataState);\r\n\r\n if (this.pending || actualODataString === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = actualODataString;\r\n const t = auth.authHeader();\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n\r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (actualODataString === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n //style={{ position: 'fixed', width: '100%', height: '50px', zIndex: '1', top: '2px', left: '0' }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\r\n {/*console.log(this.props.dataItem)*/}\r\n {this.props.dataItem.externalURL?\r\n {\r\n window.open(this.props.dataItem.externalURL);\r\n }}\r\n >\r\n URL\r\n\t\t\t\t\t\r\n : {\r\n window.open(this.props.dataItem.externalURL);\r\n }}\r\n disabled\r\n >\r\n URL\r\n\t\t\t\t\t}\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Once deactivated, ${this.props.dataItem.title} will no longer be available.`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n swal({\r\n title: 'Are you sure?',\r\n text: `Are you sure you want to re-activate ${this.props.dataItem.title}?`,\r\n icon: 'warning',\r\n buttons: {\r\n cancel: 'CANCEL',\r\n confirm: 'YES'\r\n },\r\n dangerMode: true\r\n }).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\nimport { convertDateFilter } from '../../../../../helpers/convertDateFilter';\r\n\r\nexport class DonationsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Donations?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: { } };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n var actualODataString = convertDateFilter(toODataString(this.props.dataState), ['createDate'], this.props.dataState);\r\n\r\n if (this.pending || actualODataString === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = actualODataString;\r\n const t = auth.authHeader();\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n\r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (actualODataString === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
Donation Audit \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{this.state.isLoading ?\r\n\t\t\t\t\t(
\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t) :\r\n\t\t\t\t\t(\r\n
\r\n \r\n {\r\n this.setState({\r\n sort: e.sort\r\n });\r\n this.sort(e.sort);\r\n }}\r\n filterable={false}\r\n filter={this.state.filter}\r\n onFilterChange={(e) => {\r\n this.setState({\r\n filter: e.filter\r\n });\r\n\r\n this.filter(e.filter); \r\n }}\r\n skip={this.state.skip}\r\n take={this.state.take}\r\n total={this.state.filteredAudits.length}\r\n pageable={true}\r\n onPageChange={this.pageChange}\r\n resizable\r\n reorderable={true}\r\n >\r\n \r\n
\r\n \r\n )}\r\n\t\t\t
\r\n
\r\n
\r\n {this.state.data ?\r\n
\r\n this.changeVeiw(\"audit\")} className={this.state.view === \"add\" ? \"active\" : \"\"}>Audit History \r\n \r\n : \"\"}\r\n
\r\n
\r\n {this.state.view === \"audit\" ?\r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\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 {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n \r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","\r\nimport React from 'react';\r\nimport { FormGroup, Label, Input } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\n//import Slider from \"react-slick\";\r\n//import axios from 'axios'\r\n//import { auth } from '../../../../../../services';\r\n//import { ROOT_API_URL } from \"../../../../../../api-config\";\r\nimport { updateCard } from '../../../../../Redux/Actions/EndUser/StoreActions';\r\n\r\nclass StoreCardInfo extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var creditCard = props.store && props.store.creditCard ? props.store.creditCard : null;\r\n\r\n this.state = {\r\n NameOnCard: creditCard && creditCard.NameOnCard ? creditCard.NameOnCard : \"\",\r\n CardNumber: creditCard && creditCard.CardNumber ? creditCard.CardNumber : \"\",\r\n CardExpYear: creditCard && creditCard.CardExpYear ? creditCard.CardExpYear : \"\",\r\n CardExpMonth: creditCard && creditCard.CardExpMonth ? creditCard.CardExpMonth : \"\",\r\n CardCVC: creditCard && creditCard.CardCVC ? creditCard.CardCVC : \"\"\r\n };\r\n }\r\n\r\n handleChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n }, function () {\r\n this.props.updateCard(this.state);\r\n });\r\n }\r\n\r\n cc_format(value) {\r\n var v = value.replace(/\\s+/g, '').replace(/[^0-9]/gi, '');\r\n var matches = v.match(/\\d{4,16}/g);\r\n var match = matches && matches[0] || '';\r\n var parts = [];\r\n\r\n for (var i = 0; i < match.length; i += 4) {\r\n parts.push(match.substring(i, i + 4))\r\n }\r\n\r\n if (parts.length) {\r\n return parts.join(' ');\r\n } else {\r\n return value;\r\n }\r\n }\r\n\r\n handleCreditNumChange = (event) => {\r\n const value = event.target.value.replace(/\\s/g, '').replace(/\\D/g, '');\r\n\r\n if ((value.match(/^[0-9999999999999999]|^$/) || value == \"\") && value.length <= 16) {\r\n var formattedNum = this.cc_format(value);\r\n this.setState({\r\n CardNumber: formattedNum\r\n }, function () {\r\n this.props.updateCard(this.state);\r\n });\r\n }\r\n }\r\n\r\n handleExpYearChange = (event) => {\r\n var originalValue = this.state.CardExpYear;\r\n const value = event.target.value.replace(/\\s/g, '');\r\n\r\n if ((value.match(/^(0)$|^([0-9][0-9]*)$|^$/) || value == \"\") && value.length <= 2) {\r\n \r\n this.setState({\r\n CardExpYear: value\r\n }, function () {\r\n this.props.updateCard(this.state);\r\n });\r\n }\r\n }\r\n\r\n expirationMonthChange = (event) => {\r\n if (event.target.value.match(/(^[0]$)|(^0?[1-9]$)|(^1[0-2]$)|(^$)/)) {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n }, function () {\r\n this.props.updateCard(this.state);\r\n });\r\n }\r\n }\r\n\r\n handleCVCChange = (event) => {\r\n const value = event.target.value.replace(/\\D/g, '');\r\n\r\n if ((value.match(/^[0-9999]|$/) || value == \"\") && value.length <= 4) {\r\n this.setState({\r\n CardCVC: value\r\n }, function () {\r\n this.props.updateCard(this.state);\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n \r\n Full Name on Card \r\n \r\n
\r\n {/*
\r\n
*/}\r\n
\r\n \r\n Card Number \r\n \r\n
\r\n {/*
\r\n
*/}\r\n
\r\n \r\n Exp Month \r\n \r\n
\r\n
\r\n \r\n Exp Year \r\n \r\n
\r\n
\r\n \r\n CVC Code \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Use my mailing information for billing information. \r\n \r\n
\r\n
\r\n
\r\n
*/}\r\n
\r\n \r\n City \r\n \r\n
\r\n
\r\n \r\n State \r\n \r\n
\r\n
\r\n \r\n Zip Code \r\n \r\n
\r\n
\r\n
\r\n\t\t\t\t{this.props.common.loading ? (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t) : (\r\n
\r\n
\r\n
\r\n
Shopping Cart \r\n
{this.props.store.cartTotal} Items
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.store.cartItems ? this.props.store.cartItems.map((product, index) => {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n {\r\n product.ImageUrl ?\r\n
:\r\n
\r\n }\r\n
\r\n \r\n
\r\n
{product.ProductName}
\r\n {product.Color ?\r\n
\r\n Color \r\n {product.Color} \r\n
\r\n : \"\"}\r\n
\r\n
\r\n
\r\n
\r\n
Size \r\n
{product.Size}
\r\n
\r\n
\r\n Quantity \r\n this.handleQuantityChange(e, product)}\r\n step={1}\r\n min={1}\r\n />\r\n this.removeFromCart(product)}>Remove \r\n
\r\n
\r\n
Price \r\n {product.Discount ?\r\n
\r\n
${(product.Cost).toFixed(2)}
\r\n
${(product.Discount).toFixed(2)}
\r\n
\r\n :
${(product.Cost).toFixed(2)}
\r\n }\r\n
\r\n
\r\n
Total \r\n {product.Discount ?\r\n
${(product.Discount * product.Quantity).toFixed(2)}
\r\n :\r\n
${(product.Cost * product.Quantity).toFixed(2)}
\r\n }\r\n
\r\n
\r\n )\r\n }) : \"\"}\r\n \r\n
\r\n {this.props.store.cartItems.length > 0 ?\r\n (
\r\n
\r\n
\r\n
Subtotal
\r\n
Tax
\r\n
Shipping
\r\n
\r\n
\r\n
${this.state.orderDetails ? this.state.orderDetails.subTotal: \"\"}
\r\n
${this.state.orderDetails ? this.state.orderDetails.tax : \"\"}
\r\n
${this.state.orderDetails ? this.state.orderDetails.shipping : \"\"}
\r\n
\r\n
\r\n
\r\n
Total Cost
\r\n
${this.state.orderDetails ? this.state.orderDetails.totalCost : \"\"}
\r\n
\r\n
\r\n
Continue Shopping\r\n \r\n
)\r\n :\r\n (
\r\n
\r\n
\r\n
\r\n
\r\n
Continue Shopping\r\n \r\n
)\r\n }\r\n \r\n
\r\n {this.props.store.cartItems.length >0 ? (\r\n
\r\n
\r\n
\r\n
Order Summary \r\n \r\n {this.props.common.visible ? (\r\n
{\r\n this.props.toggleToastr(false)\r\n }}\r\n style={{ width: '100%' }}>\r\n {this.props.common.message}\r\n \r\n ) : null}\r\n \r\n
\r\n
Shipping Information \r\n \r\n
\r\n
Billing Information \r\n \r\n
\r\n
Payment Information \r\n \r\n
Checkout \r\n \r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n
Order Summary \r\n \r\n
\r\n
\r\n
Empy Cart \r\n \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 \r\n {\r\n this.props.updating\r\n ? UPDATE \r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n )\r\n return (\r\n \r\n \r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n
\r\n
Account Details \r\n
\r\n \r\n EDIT INFO BELOW\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n \r\n
Are you sure you want to change your email to: {this.state.details.userName} from: {this.state.pristine.userName}?
\r\n
By clicking yes you will be logged out and need to confirm your new email-{this.state.details.userName}
\r\n
Yes \r\n
No \r\n
\r\n
\r\n
\r\n
Account Preferences \r\n Newsletter Subscription \r\n \r\n
\r\n {/*
*/}\r\n
\r\n
\r\n \r\n
\r\n \r\n {\r\n this.props.updating\r\n ? UPDATE \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
Change Password \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{/*
\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tthis.state.tabs.map((tab, index) => {\r\n\t\t\t\t\t\t\t\t\t\tconst cls = 'list-group-itemXX list-group-item-actionXX';\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t{tab.label}\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t */}\r\n\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{this.state.tabs.map((tab, index) => {\r\n\t\t\t\t\t\t\t\t\tconst cls = 'list-group-itemXX list-group-item-actionXX';\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{tab.label} \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{this.tabsContent()}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n
\r\n \r\n \r\n {/* Custom Option */}\r\n \r\n `${from}-${to} ${textLabels.displayRows} ${count}`}\r\n backIconButtonProps={{\r\n 'aria-label': textLabels.previous,\r\n }}\r\n nextIconButtonProps={{\r\n 'aria-label': textLabels.next,\r\n }}\r\n rowsPerPageOptions={[10,20,100]}\r\n onChangePage={this.handlePageChange}\r\n onChangeRowsPerPage={this.handleRowChange}\r\n />\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n}\r\n\r\nexport default withStyles(defaultFooterStyles, { name: \"CustomFooter\" })(CustomFooter);","import React from 'react';\r\nimport Grow from '@material-ui/core/Grow';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport { Clear, Search } from '@material-ui/icons';\r\nimport { withStyles } from '@material-ui/core/styles';\r\n\r\nconst defaultSearchStyles = theme => ({\r\n main: {\r\n display: 'flex',\r\n flex: '1 0 auto',\r\n },\r\n searchText: {\r\n flex: '0.8 0',\r\n },\r\n clearIcon: {\r\n '&:hover': {\r\n color: theme.palette.error.main,\r\n },\r\n },\r\n searchIcon: {\r\n '&:hover': {\r\n color: theme.palette.info.main,\r\n },\r\n }\r\n});\r\n\r\nclass CustomSearchRender extends React.Component {\r\n handleTextChange = event => {\r\n this.props.onSearch(event.target.value);\r\n };\r\n\r\n componentDidMount() {\r\n document.addEventListener('keydown', this.onKeyDown, false);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('keydown', this.onKeyDown, false);\r\n }\r\n\r\n onKeyDown = event => {\r\n if (event.keyCode === 27) {\r\n this.props.onHide();\r\n } else if (event.keyCode === 13) {\r\n this.props.onSearchClick();\r\n }\r\n };\r\n\r\n render() {\r\n const { classes, options, onHide, searchText, onSearchClick } = this.props;\r\n\r\n return (\r\n \r\n (this.rootRef = el)}>\r\n\r\n (this.searchField = el)}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(defaultSearchStyles, { name: 'CustomSearchRender' })(CustomSearchRender);","import React from 'react';\r\nimport {\r\n fetchCommitteesMembers, fetchCommitteesMembersByCommitteeMemberId\r\n} from '../../../../../Redux/Actions/Admin/ManageCommitteeMemberAction';\r\nimport { fetchAllMembershipsForBoard, fetchMembershipsForBoardCount, fetchMembershipsForBoardByPage } from '../../../../../Redux/Actions/EndUser/MembershipsForBoardAction';\r\nimport { auth } from '../../../../../services';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport IsLoading from '../../../../Shared/Loading/IsLoading';\r\nimport {\r\n Row,\r\n Col,\r\n Button,\r\n Table,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Input,\r\n Label,\r\n FormGroup,\r\n Form\r\n} from 'reactstrap';\r\nimport '../../MyMemberships/AuthorizedMembers/AuthorizedMembers.scss';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport CommitteeMemberListGridFooter from './CommitteeMemberListGridFooter';\r\n\r\nimport CustomSearchRender from './CustomSearchRender';\r\nimport { CSVLink } from \"react-csv\";\r\nimport Moment from 'react-moment';\r\n\r\n\r\nlet timer = null;\r\nclass CommitteeMemberList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n committeeMemberId: 0,\r\n allMemberships: [],\r\n csvDownloadString: '',\r\n membershipsForBoards: [],\r\n membershipsForBoardsCount: 0,\r\n currentPage: 0,\r\n rowsPerPage: 10,\r\n isLoading: true,\r\n searchQuery: '',\r\n columns: [\r\n // {\r\n // name: \"memberNumber\",\r\n // label: \"Member #\",\r\n // options: {\r\n // filter: true,\r\n // sort: true,\r\n // }\r\n // },\r\n {\r\n name: \"fullName\",\r\n label: \"Name\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n {\r\n name: \"organizationName\",\r\n label: \"Organization\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n // {\r\n // name: \"phone\",\r\n // label: \"Phone\",\r\n // options: {\r\n // filter: false,\r\n // sort: true,\r\n // searchable: false\r\n // }\r\n // },\r\n // {\r\n // name: \"email\",\r\n // label: \"Email\",\r\n // options: {\r\n // filter: true,\r\n // sort: true,\r\n // searchable: true,\r\n // }\r\n // },\r\n {\r\n name: \"membershipType\",\r\n label: \"Type\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n {\r\n name: \"membershipStatus\",\r\n label: \"Status\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n {\r\n name: \"membershipExpirationDate\",\r\n label: \"Expiration Date\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n customBodyRender: (value, tableMeta, updateValue) => {\r\n\r\n let dateArr = '';\r\n let parsedDate = '';\r\n if (value) {\r\n dateArr = value.split('T');\r\n if (dateArr && dateArr[0]) {\r\n parsedDate = dateArr[0];\r\n }\r\n }\r\n\r\n return (\r\n \r\n {parsedDate || ''}\r\n \r\n );\r\n }\r\n }\r\n },\r\n // {\r\n // name: \"address1\",\r\n // label: \"Address 1\",\r\n // options: {\r\n // filter: false,\r\n // sort: true,\r\n // searchable: false,\r\n // }\r\n // },\r\n // {\r\n // name: \"mailingAddress2\",\r\n // label: \"Address 2\",\r\n // options: {\r\n // filter: false,\r\n // sort: true,\r\n // searchable: false,\r\n // }\r\n // },\r\n {\r\n name: \"mailingCity\",\r\n label: \"City\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n {\r\n name: \"state\",\r\n label: \"State\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n {\r\n name: \"mailingZip\",\r\n label: \"Zip\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n },\r\n {\r\n name: \"county\",\r\n label: \"County\",\r\n options: {\r\n filter: false,\r\n sort: true,\r\n searchable: false,\r\n }\r\n }\r\n ],\r\n };\r\n\r\n }\r\n componentDidMount() {\r\n\r\n this.getMembershipsForDownload();\r\n this.fetchMembershipsByPage();\r\n this.fetchMembershipsForBoardCount();\r\n\r\n\r\n const committeeMemberId = this.props.location.pathname.replace(\"/mycommittee/\", \"\");\r\n // console.log(\"SelectedCommittee\", committeeMemberId);\r\n\r\n this.setState({\r\n committeeMemberId: committeeMemberId\r\n })\r\n // this.props.fetchCommitteesMembersByCommitteeMemberId(committeeMemberId);\r\n // console.log(this.state.membershipsForBoards);\r\n }\r\n\r\n fetchMembershipsByPage() {\r\n\r\n this.props.fetchMembershipsForBoardByPage({\r\n page: this.state.currentPage,\r\n itemForPage: this.state.rowsPerPage,\r\n searchQuery: this.state.searchQuery\r\n }).then(() => {\r\n // console.log({fetchMembershipsForBoardByPage: this.props.membershipsForBoards?.membershipsForBoards});\r\n\r\n const currentMembershipsForBoards = this.state.membershipsForBoards;\r\n\r\n this.setState({\r\n // membershipsForBoards: [...currentMembershipsForBoards, ...(this.props.membershipsForBoards?.membershipsForBoards || [])]\r\n membershipsForBoards: this.props.membershipsForBoards?.membershipsForBoards || []\r\n });\r\n });\r\n }\r\n\r\n fetchMembershipsForBoardCount() {\r\n this.props.fetchMembershipsForBoardCount(this.state.searchQuery).then(() => {\r\n // console.log('Count: ' + this.props.membershipsForBoards?.membershipsForBoardsCount);\r\n this.setState({\r\n membershipsForBoardsCount: this.props.membershipsForBoards?.membershipsForBoardsCount || 0\r\n });\r\n });\r\n }\r\n\r\n onChangePage(pageNum) {\r\n // console.log('Page now: ' + pageNum);\r\n this.setState({\r\n currentPage: pageNum || 0\r\n }, () => this.fetchMembershipsByPage());\r\n };\r\n\r\n onChangeRowsPerPage(rowsPerPage) {\r\n // console.log('rowsPerPage now: ' + rowsPerPage);\r\n this.setState({\r\n rowsPerPage: rowsPerPage || 10\r\n }, () => this.fetchMembershipsByPage());\r\n\r\n }\r\n\r\n handleSearchClick() {\r\n if (this.state.searchQuery) {\r\n this.fetchMembershipsByPage();\r\n this.fetchMembershipsForBoardCount();\r\n this.getMembershipsForDownload();\r\n }\r\n }\r\n\r\n handleSearchHide() {\r\n\r\n if (this.state.searchQuery) {\r\n this.setState({\r\n currentPage: 0,\r\n searchQuery: \"\"\r\n }, () => {\r\n this.fetchMembershipsByPage();\r\n this.fetchMembershipsForBoardCount();\r\n this.getMembershipsForDownload();\r\n });\r\n }\r\n\r\n }\r\n componentWillUnmount() {\r\n clearTimeout(this.timer);\r\n }\r\n\r\n getMembershipsForDownload() {\r\n this.setState({\r\n downloadDisable: true\r\n });\r\n this.props.fetchAllMembershipsForBoard(this.state.searchQuery).then(() => {\r\n let allMemberships = [];\r\n\r\n (this.props.membershipsForBoards.allMemberships).map((membership, idx) => {\r\n\r\n const rowData = {\r\n index: idx,\r\n data: [],\r\n };\r\n\r\n this.state.columns.map((column) => {\r\n const colName = column.name;\r\n rowData.data.push(membership[colName] ?? '');\r\n })\r\n\r\n return allMemberships.push(rowData);\r\n });\r\n\r\n this.setState({\r\n allMemberships: allMemberships,\r\n downloadDisable: false\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n\r\n const options = {\r\n filterType: 'textField',\r\n selectableRows: 'none',\r\n filter: false,\r\n search: true,\r\n sort: false,\r\n viewColumns: false,\r\n print: false,\r\n download: false, //this.state.downloadDisable ? 'disabled' : true,\r\n count: this.state.membershipsForBoardsCount,\r\n page: 0,//this.state.currentPage,\r\n serverSide: true,\r\n onChangePage: (currPage) => { this.onChangePage(currPage) },\r\n onChangeRowsPerPage: (currentRowsPerPage) => { this.onChangeRowsPerPage(currentRowsPerPage) },\r\n rowsPerPage: this.state.currentRowsPerPage,\r\n customFooter: (count, page, rowsPerPage, changeRowsPerPage, changePage, textLabels) => {\r\n return (\r\n { this.handleSearchHide(); hideSearch(); }}\r\n options={options}\r\n onSearchClick={() => { this.handleSearchClick() }}\r\n />\r\n );\r\n }\r\n };\r\n return (\r\n \r\n \r\n
\r\n
\r\n
Memberships \r\n \r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n committeeMembers: state.committeeMember,\r\n common: state.common,\r\n selectedCommittee: state.accountDetails.selectedUserCommittee,\r\n membershipsForBoards: state.membershipsForBoard,\r\n };\r\n}\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, {\r\n fetchCommitteesMembers,\r\n fetchCommitteesMembersByCommitteeMemberId,\r\n fetchAllMembershipsForBoard,\r\n fetchMembershipsForBoardCount,\r\n fetchMembershipsForBoardByPage\r\n })(CommitteeMemberList)\r\n);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { userService, auth } from '../../../../../services';\r\nimport '../../MyMemberships/MembershipsPage/MembershipsPage.scss';\r\n//import CommitteeDetails from '../CommitteeDetails/CommitteeDetails';\r\nimport CommitteeMemberList from '../CommitteeMembers/CommitteeMemberList';\r\n//import CommitteeDocuments from '../CommitteeDocuments/CommitteeDocuments';\r\n\r\nclass CommitteesPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n user: {},\r\n tabs: [\r\n //{\r\n //\tid: 'Committee Details',\r\n //\tlabel: 'Group Details'\r\n //},\r\n {\r\n id: 'Memberships',\r\n label: 'Memberships'\r\n },\r\n // {\r\n // id: 'Documents',\r\n // label: 'Documents'\r\n // },\r\n {\r\n id: 'goBack',\r\n label: 'Back to Dashboard'\r\n }\r\n ],\r\n activeTab: 'Memberships',\r\n loading: true\r\n };\r\n\r\n if (!auth.isAuthenticated()) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n getUserProfile() {\r\n console.log(\"committeeId in committeesPage\", this.props.match.params.committeeId)\r\n var userName = auth.getAuthUserEmail();\r\n if (userName) {\r\n userService.getUserProfile(userName).then(({ data }) => {\r\n this.setState({ user: data, loading: false });\r\n });\r\n }\r\n }\r\n\r\n profileUpdated = (profile) => {\r\n this.setState({ user: profile });\r\n };\r\n\r\n selectTab = (event) => {\r\n const target = event.target;\r\n this.setState({ activeTab: target.id });\r\n };\r\n\r\n tabsContent = () => {\r\n switch (this.state.activeTab) {\r\n //case 'Committee Details':\r\n //\treturn ;\r\n case 'Memberships':\r\n return \r\n
\r\n {/*
{this.state.activeTab } */}\r\n
\r\n
\r\n
\r\n {this.state.tabs.map((tab, index) => {\r\n const cls = '';\r\n return (\r\n \r\n {tab.label} \r\n \r\n );\r\n })}\r\n \r\n
\r\n
{this.tabsContent()}
\r\n
\r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.state.archiveInEdit.ArchiveId ?\r\n\t\t\t\t\t\tEdit Archive Item :\r\n\t\t\t\t\t\tAdd New Archive Item }\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n //style={{ position: 'fixed', width: '100%', height: '50px', zIndex: '1', top: '2px', left: '0' }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n ) : \"\"\r\n }\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to deactivate ${this.props.dataItem.Title}`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n }).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Title}?`,\r\n\t\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input} from '@progress/kendo-react-inputs';\r\nimport { DropDownList, ComboBox, MultiSelect } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios'\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport _ from 'lodash';\r\nimport './ManageDisctrics.scss';\r\nimport { auth } from '../../../../../services/auth.service';\r\n \r\nclass DistrictForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n districtInEdit: this.props.dataItem || null,\r\n //If on edit, need to store original name of the district\r\n originalName: this.props.dataItem.description || \"\",\r\n value: [],\r\n counties: [],\r\n selectedStateId: this.props.dataItem.districtId ? { id: this.props.dataItem.stateId, name: this.props.dataItem.stateName }: { id: 44, name: 'TX', isActive: false },\r\n selectedCounty: null,\r\n countyList: this.props.dataItem.countyList || [],\r\n emailMessage: Object.keys(this.props.dataItem).length == 0 ?\"\":\"User Exists\",\r\n countyErrorMessage: Object.keys(this.props.dataItem).length == 0?\"At least one county must be selected\":\"\",\r\n districtMessage: \"\",\r\n countiesMessage: \"\",\r\n };\r\n this.delayedCallback = _.debounce(this.checkEmailCall, 500);\r\n this.onEmailChange = this.onEmailChange.bind(this);\r\n };\r\n\r\n componentDidMount() {\r\n if (Object.keys(this.props.dataItem).length == 0) {//If its on new\r\n axios\r\n .get(`${ROOT_API_URL}/ManageDistrict/GetCounties?stateId=${this.state.selectedStateId.id}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n counties: response.data\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {//If its on edit\r\n let model = {districtId: this.state.districtInEdit.districtId, selectedStateId: this.state.selectedStateId.id}\r\n axios\r\n .post(`${ROOT_API_URL}/ManageDistrict/GetCountiesOnEdit`, model, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n counties: response.data\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n }\r\n\r\n checkEmailCall() {\r\n axios\r\n // .get(`${ROOT_API_URL}/ManageDistrict/CheckAdminUserByEmail?email=${this.state.districtInEdit.assignedLoginId}`, { headers: auth.authHeader() })\r\n\r\n .post(`${ROOT_API_URL}/ManageDistrict/CheckUserByEmail`,\r\n {\r\n email: this.state.districtInEdit.assignedLoginId\r\n },\r\n {\r\n headers: auth.authHeader()\r\n }\r\n )\r\n .then((response) => {\r\n this.setState({\r\n emailMessage: response.data.message\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n\r\n onEmailChange(event) {\r\n let target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n const name = target.props ? target.props.name : target.name;\r\n\r\n const edited = this.state.districtInEdit;\r\n edited[name] = value;\r\n edited.isActive = true;\r\n this.setState({\r\n districtInEdit: edited,\r\n emailMessage: \"\"\r\n });\r\n\r\n this.delayedCallback();\r\n }\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.state.countyList.length > 0) {\r\n var m = {\r\n counties: this.state.countyList,\r\n districtId: this.state.districtInEdit.districtId || 0\r\n };\r\n\r\n m = m.districtId == 0 ? m.counties : m;\r\n\r\n let path = \"/ManageDistrict/AreCountiesAvailableOnSubmit\";\r\n if (this.state.originalName != \"\") {//If on edit\r\n path = \"/ManageDistrict/AreCountiesAvailableOnSubmitOnEdit\";\r\n }\r\n axios\r\n .post(`${ROOT_API_URL + path}`, m, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n countyErrorMessage: response.data.message\r\n })\r\n if (this.state.countyErrorMessage == \"\"\r\n && this.state.districtMessage == \"\"\r\n && this.state.emailMessage != \"User does not exist. Please create the user.\" && this.state.emailMessage != \"\") {\r\n this.props.save({\r\n ...this.state.districtInEdit,\r\n countyList: this.state.countyList,\r\n stateName: this.state.selectedStateId.name,\r\n stateId: this.state.selectedStateId.id,\r\n description: this.state.districtInEdit.description\r\n });\r\n this.props.cancel();\r\n }\r\n });\r\n } else {\r\n\r\n }\r\n\t}\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n onDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.districtInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n districtInEdit: edited\r\n\t\t});\r\n };\r\n\r\n onDistrictChange = (event) => {\r\n let d = this.state.districtInEdit;\r\n d.description = event.value;\r\n this.setState({ \r\n districtInEdit: d\r\n });\r\n\r\n if (!parseInt(event.value)) {\r\n this.setState({\r\n districtMessage: \"Only accept numbers.\"\r\n });\r\n } else if (this.state.originalName == \"\" || (event.value != this.state.originalName)) {\r\n axios\r\n .get(`${ROOT_API_URL}/ManageDistrict/CheckDistrictByName?districtName=${event.value}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n districtMessage: response.data.message\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else if ((event.value == this.state.originalName)) {\r\n this.setState({\r\n districtMessage: \"\"\r\n })\r\n }\r\n }\r\n\r\n handleMultiSelectChange = (event) => {\r\n\t\tthis.setState({\r\n selectedCounty: event.target.value,\r\n countyList: event.target.value.sort((a, b) => (a.countyName > b.countyName) ? 1 : ((b.countyName > a.countyName) ? -1 : 0)),\r\n countyErrorMessage: event.target.value.length == 0 ? \"At least one county must be selected\": \"\"\r\n\t\t})\r\n\t};\r\n\r\n handleStateChange = (event) => {\r\n var selectedState = event.target.value;\r\n console.log(selectedState);\r\n\t\tthis.setState({\r\n selectedStateId: selectedState,\r\n selectedCounty: null,\r\n countyList: [],\r\n countyErrorMessage: \"At least one county must be selected\"\r\n\t\t})\r\n if (this.state.originalName == \"\") {\r\n axios\r\n .get(`${ROOT_API_URL}/ManageDistrict/GetCounties?stateId=${selectedState.id}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n counties: response.data\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {\r\n let model = {\r\n SelectedStateId: selectedState.id,\r\n districtId: this.state.districtInEdit.districtId\r\n }\r\n axios\r\n .post(`${ROOT_API_URL}/ManageDistrict/GetCountiesOnEdit`, model, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n counties: response.data\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n\t\t\t\r\n\t};\r\n handleCounty = (event) => {\r\n\t\tthis.setState({\r\n selectedCounty: event.target.value,\r\n countyList: [...this.state.countyList, event.target.value]\r\n\t\t})\r\n\t};\r\n\r\n // handleAddCounty = (event) => {\r\n\t//\tevent.preventDefault();\r\n // this.setState({\r\n // countyList: [...this.state.countyList, this.state.selectedCounty],\r\n // //counties: \r\n\t//\t\tselectedCounty: null\r\n\t//\t})\r\n\t//};\r\n // handleRemoveCounty = (data) => {\r\n\t//\tthis.setState({countyList: this.state.countyList.filter(function(county) { \r\n // return county.countyId !== data\r\n\t//\t\t})\r\n\t//\t});\r\n // }\r\n\r\n\r\n\trender() {\r\n\t\treturn (\r\n \r\n {!this.state.districtInEdit.districtId ?\r\n Add New District : Edit District \r\n }\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default DistrictForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class DistrictLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Districts?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { MultiSelect } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport _ from 'lodash';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass RegionForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n districts: [],\r\n\t\t\tregionInEdit: this.props.dataItem || null,\r\n\t\t\tvalue: [], \r\n originalRegionName: this.props.dataItem.description || '',\r\n originalRangerEmail: this.props.dataItem.assignedLoginId || '',\r\n originalDistricts: this.props.dataItem.districtLst || [],\r\n emailMessage: Object.keys(this.props.dataItem).length == 0 ? '' : this.props.dataItem.firstName + \" \" + this.props.dataItem.lastName,\r\n regionMessage: '',\r\n districtMessage: Object.keys(this.props.dataItem).length == 0 ? \"At least one district must be selected\" : \"\"\r\n\t\t};\r\n\t\tthis.delayedCallback = _.debounce(this.checkEmailCall, 500);\r\n this.onEmailChange = this.onEmailChange.bind(this);\r\n\t}\r\n\r\n componentDidMount() {\r\n if (!this.state.regionInEdit.regionId) {//If its on new\r\n axios\r\n .get(`${ROOT_API_URL}/ManageRegions/GetAvaliableDistricts?`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n districts: response.data.sort((a, b) => (a.districtName > b.districtName) ? 1 : ((b.districtName > a.districtName) ? -1 : 0))\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {//If its on edit\r\n let model = { regionId: this.state.regionInEdit.regionId }\r\n\r\n axios\r\n .post(`${ROOT_API_URL}/ManageRegions/GetAvaliableDistrictsOnEdit`, model, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n districts: response.data.sort((a, b) => (a.districtName > b.districtName) ? 1 : ((b.districtName > a.districtName) ? -1 : 0))\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n }\r\n checkEmailCall() {\r\n axios\r\n // .get(`${ROOT_API_URL}/ManageDistrict/CheckAdminUserByEmail?email=${this.state.regionInEdit.assignedLoginId}`, { headers: auth.authHeader() })\r\n .post(`${ROOT_API_URL}/ManageDistrict/CheckAdminUserByEmail`,\r\n {\r\n email: this.state.regionInEdit.assignedLoginId\r\n },\r\n {\r\n headers: auth.authHeader()\r\n }\r\n )\r\n .then((response) => {\r\n this.setState({\r\n emailMessage: response.data.message\r\n })\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n\r\n\tonEmailChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.regionInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tregionInEdit: edited,\r\n\t\t\t\temailMessage: ''\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.delayedCallback();\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\r\n\thandleSubmit = (event) => {\r\n event.preventDefault();\r\n\r\n axios\r\n .post(`${ROOT_API_URL}/ManageRegions/IsRegionAlreadyExist`, this.state.regionInEdit, { headers: auth.authHeader() })\r\n .then((response1) => {\r\n axios\r\n .post(`${ROOT_API_URL}/ManageRegions/IsRangerAlreadyHasARegion`, this.state.regionInEdit, { headers: auth.authHeader() })\r\n .then((response2) => {\r\n let url = `${ROOT_API_URL}/ManageRegions/AreDistrictsAvailable`;\r\n if (this.state.regionInEdit.regionId) {\r\n url = `${ROOT_API_URL}/ManageRegions/AreDistrictsAvailableOnEdit`;\r\n }\r\n\r\n axios\r\n .post(url, this.state.regionInEdit, { headers: auth.authHeader() })\r\n .then((response3) => {\r\n if (this.state.originalRegionName != this.state.regionInEdit.description) {\r\n this.setState({\r\n regionMessage: response1.data.message\r\n });\r\n }\r\n if (this.state.originalRangerEmail != this.state.regionInEdit.assignedLoginId) {\r\n let msg = response2.data.message == \"\" ? this.state.emailMessage : response2.data.message\r\n this.setState({\r\n emailMessage: msg\r\n });\r\n }\r\n this.setState({\r\n districtMessage: response3.data.message\r\n });\r\n //If form is valid\r\n if (this.state.districtMessage == \"\"\r\n && (this.state.emailMessage != \"\" && this.state.emailMessage != \"User does not exist. Please create the user.\")\r\n && this.state.regionMessage == \"\") {\r\n\r\n this.props.save(this.state.regionInEdit);\r\n this.props.cancel();\r\n }\r\n })\r\n .catch((response3) => {\r\n console.log(response3);\r\n });\r\n })\r\n .catch((response2) => {\r\n console.log(response2);\r\n });\r\n })\r\n .catch((response1) => {\r\n console.log(response1);\r\n });\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.regionInEdit;\r\n\t\tedited[name] = value;\r\n\t\t//edited.isActive = true;\r\n\t\tthis.setState({\r\n regionInEdit: edited,\r\n regionMessage: ''\r\n\t\t});\r\n\t};\r\n\r\n handleDistrictSelect = (event) => {\r\n\t\tconsole.log(event.target.value);\r\n\t\tvar currentState = { ...this.state.regionInEdit };\r\n currentState.districtLst = [...event.target.value.sort((a, b) => (a.districtName > b.districtName) ? 1 : ((b.districtName > a.districtName) ? -1 : 0))];\r\n\r\n\r\n\t\tthis.setState({\r\n regionInEdit: currentState,\r\n districtMessage: event.target.value.length == 0 ? 'At least one district must be selected':''\r\n\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n {!this.state.regionInEdit.regionId ?\r\n Add New Region :\r\n Edit Region \r\n }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default RegionForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class RegionsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Regions?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass GroupForm extends Component {\r\n constructor(props) {\r\n\t\tsuper(props);\r\n\t\tvar data = this.props.dataItem;\r\n\t\tconsole.log(this.props.dataItem.PositionGroupType);\r\n\t\tif (this.props.dataItem.PositionGroupId) {\r\n\t\t\tvar positionGroupType = {\r\n\t\t\t\tpositionGroupTypeId: this.props.dataItem.PositionGroupTypeId,\r\n\t\t\t\tdescription: this.props.dataItem.PositionGroupType,\r\n\t\t\t\tisActive: this.props.dataItem.IsActive\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tdata.positionGroupType = positionGroupType;\r\n\t\t\tdelete data.PositionGroupType;\r\n\t\t}\r\n\t\t\r\n\t\tthis.state = {\r\n\t\t\tgroupInEdit: data || null,\r\n\t\t\tvalue: [], \r\n\t\t\toriginalGroupName: this.props.dataItem.Description || '',\r\n\t\t\t//For comparing original name on edit\r\n groupNameMassage: '',\r\n typeMessage: Object.keys(this.props.dataItem).length == 0? 'Position group type is required':''\r\n\t\t};\r\n\t}\r\n\r\n\t// delayedCallback = debounce(() => {\r\n\t// \taxios\r\n\t// \t\t.get(`${ROOT_API_URL}/ManageDistrict/CheckUserByEmail?stateId=${this.state.groupInEdit.assignedLoginId}`)\r\n\t// \t\t.then((response) => {\r\n\t// \t\t\tconsole.log(response);\r\n\t// \t\t\tthis.setState({\r\n\t// \t\t\t\temailMessage: response.data.message\r\n\t// \t\t\t});\r\n\t// \t\t});\r\n\t// }, 2000);\r\n\r\n\t// onEmailChange = (event) => {\r\n\t// \tlet target = event.target;\r\n\t// \tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t// \tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t// \tconst edited = this.state.groupInEdit;\r\n\t// \tedited[name] = value;\r\n\t// \tedited.isActive = true;\r\n\t// \tthis.setState(\r\n\t// \t\t{\r\n\t// \t\t\tgroupInEdit: edited,\r\n\t// \t\t\temailMessage: ''\r\n\t// \t\t},\r\n\t// \t\t() => {\r\n\t// \t\t\tthis.delayedCallback();\r\n\t// \t\t}\r\n\t// \t);\r\n\t// };\r\n \r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.state.originalGroupName != this.state.groupInEdit.Description) {\r\n axios\r\n\t\t\t\t.get(`${ROOT_API_URL}/ManagePositionGroup/CheckGroupName?groupName=${this.state.groupInEdit.Description}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n groupNameMassage: response.data.message\r\n })\r\n\t\t\t\t\tvar t = this.state;\r\n if (this.state.typeMessage == '') {\r\n if (this.state.groupNameMassage == '') {//if valid\r\n if (this.state.groupInEdit.PositionGroupId) {//on edit\r\n this.props.save(this.state.groupInEdit);\r\n this.props.cancel();\r\n }\r\n else {\r\n this.props.save(this.state.groupInEdit);\r\n this.props.cancel();\r\n }\r\n }\r\n } \r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {\r\n\t\t\tthis.props.save(this.state.groupInEdit);\r\n this.props.cancel();\r\n }\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n onDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.groupInEdit;\r\n\t\tedited[name] = value;\r\n\t\tthis.setState({\r\n groupInEdit: edited,\r\n groupNameMassage: ''\r\n\t\t});\r\n\t};\r\n\r\n\thandleGroupTypeSelect = (event) => {\r\n const edited = this.state.groupInEdit;\r\n edited.positionGroupType = event.target.value;\r\n\t\tthis.setState({\r\n groupInEdit: edited,\r\n typeMessage:''\r\n\t\t});\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n {!this.state.groupInEdit.PositionGroupId ?\r\n Add New Position Group :\r\n Edit Position Group }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default GroupForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class PositionGroupsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/PositionGroups?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n console.log(json);\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\t\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Once deactivated, ${this.props.dataItem\r\n\t\t\t\t\t\t\t\t\t\t.Description} will no longer be in use.`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Description}?`,\r\n\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null)\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t);\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios'\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass PositionForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n var positionGroup = {\r\n positionGroupId: this.props.dataItem.PositionGroupId ? this.props.dataItem.PositionGroupId: 0,\r\n description: this.props.dataItem.PositionGroup ? this.props.dataItem.PositionGroup : \"\",\r\n }\r\n var data = {\r\n positionId: this.props.dataItem.PositionId || 0,\r\n ranking: Number(this.props.dataItem.Ranking) || 0,\r\n name: this.props.dataItem.Description || \"\",\r\n positionGroupId: this.props.dataItem.PositionGroupId || \"\",\r\n isActive: this.props.dataItem.isActive || false,\r\n positionGroup: positionGroup\r\n };\r\n\t\tthis.state = {\r\n\t\t\tpositionInEdit: data || null,\r\n value: [],\r\n originalName: data.name || \"\",\r\n originalRank: data.ranking || \"\",\r\n originalGroupId: data.positionGroupId,\r\n PositionMessage: \"\",\r\n RankingMessage: \"\",\r\n groupMessage: Object.keys(this.props.dataItem).length == 0 ? \"Position group required\":\"\"\r\n\t\t};\r\n\t}\r\n\r\n handleSubmit = (event) => {\r\n event.preventDefault();\r\n\r\n axios\r\n .post(`${ROOT_API_URL}/ManagePosition/IsPoisitionAlreadyInGroup`, this.state.positionInEdit, { headers: auth.authHeader() })\r\n .then((response1) => { \r\n axios\r\n .post(`${ROOT_API_URL}/ManagePosition/IsRankAlreadyInGroup`, this.state.positionInEdit, { headers: auth.authHeader() })\r\n .then((response2) => {\r\n let msg1 = \"\";\r\n let msg2 = \"\";\r\n if (this.state.originalGroupId != this.state.positionInEdit.positionGroupId) {\r\n msg1 = response1.data.message;\r\n msg2 = response2.data.message;\r\n }\r\n else {\r\n if (this.state.originalName != this.state.positionInEdit.name) {\r\n msg1 = response1.data.message;\r\n }\r\n if (this.state.originalRank != this.state.positionInEdit.ranking) {\r\n msg2 = response2.data.message;\r\n }\r\n }\r\n this.setState({\r\n PositionMessage: msg1,\r\n RankingMessage: msg2\r\n });\r\n if (this.state.PositionMessage == \"\"\r\n && this.state.RankingMessage == \"\"\r\n && this.state.groupMessage == \"\") {\r\n\r\n this.props.save(this.state.positionInEdit);\r\n this.props.cancel();\r\n }\r\n })\r\n .catch((response2) => {\r\n console.log(response2);\r\n });\r\n })\r\n .catch((response1) => {\r\n console.log(response1);\r\n });\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n let target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.positionInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n positionInEdit: edited,\r\n PositionMessage: ''\r\n\t\t});\r\n };\r\n\r\n onRankingChange = (event) => {\r\n let target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n const name = target.props ? target.props.name : target.name;\r\n\r\n const edited = this.state.positionInEdit;\r\n edited[name] = Number(value);\r\n edited.isActive = true;\r\n this.setState({\r\n positionInEdit: edited,\r\n RankingMessage: ''\r\n });\r\n }\r\n \r\n handlePostionGroupChange = (event) => {\r\n let target = event.target;\r\n const value = target.value;\r\n const edited = JSON.parse(JSON.stringify(this.state.positionInEdit));\r\n\t\tedited.positionGroupId = value.positionGroupId;\r\n\t\tedited.positionGroup = value;\r\n\t\tthis.setState({\r\n positionInEdit: edited,\r\n groupMessage: \"\"\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n {!this.state.positionInEdit.positionId ?\r\n Add New Position :\r\n Edit Position }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default PositionForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class PositionsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Positions?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n console.log(json);\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n ) : \"\"\r\n }\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Deactivating ${this.props.dataItem.Description } Position will result in it no longer being available`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Description} ?`,\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\t\t\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass ColorForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n this.state = {\r\n disabled: false,\r\n colorInEdit: this.props.dataItem || null,\r\n originalColor: this.props.dataItem.Description || '',\r\n value: [],\r\n colorMessage: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n event.preventDefault();\r\n\r\n if (this.state.disabled) {\r\n return;\r\n }\r\n this.setState({ disabled: true });\r\n if (this.state.originalColor != this.state.colorInEdit.Description) {\r\n axios\r\n\t\t\t\t.get(`${ROOT_API_URL}/ManageColors/IsColorExist?colorName=${this.state.colorInEdit.Description}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n\t\t\t\t\t\tcolorMessage: response.data.message,\r\n\t\t\t\t\t\tdisabled: false \r\n });\r\n\r\n if (this.state.colorMessage == '') {\r\n this.props.save({\r\n ...this.state.colorInEdit\r\n });\r\n \r\n this.props.cancel();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {\r\n this.props.save({\r\n ...this.state.colorInEdit\r\n });\r\n this.setState({ disabled: false });\r\n this.props.cancel();\r\n }\t\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n\t\tconst edited = this.state.colorInEdit;\r\n\t\tedited[event.target.name] = event.target.value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n colorInEdit: edited,\r\n colorMessage: ''\r\n\t\t});\r\n };\r\n \r\n \r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{console.log(this.state,\"color state\")}\r\n {!this.state.colorInEdit.ColorOptionId ?\r\n Add New Color :\r\n Edit Color }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default ColorForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class ColorsLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Colors?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: { } };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n\r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n //style={{ position: 'fixed', width: '100%', height: '50px', zIndex: '1', top: '2px', left: '0' }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Deactivating ${this.props.dataItem.Description} Color will result in in-correct product `,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n }).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Description} color?`,\r\n\t\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { connect } from 'react-redux';\r\nimport axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass SizeForm extends Component {\r\n\tconstructor(props) {\r\n super(props);\r\n this.state = {\r\n disabled: false,\r\n sizeInEdit: this.props.dataItem || null,\r\n originalSize: this.props.dataItem.Description || '',\r\n value: [],\r\n sizeMessage: ''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n event.preventDefault();\r\n if (this.state.disabled) {\r\n return;\r\n }\r\n this.setState({ disabled: true });\r\n\r\n\t\tif (this.state.originalSize != this.state.sizeInEdit.Description) {\r\n axios\r\n\t\t\t\t.get(`${ROOT_API_URL}/ManageSizes/IsSizeExist?sizeName=${this.state.sizeInEdit.Description}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n\t\t\t\t\t\tsizeMessage: response.data.message,\r\n\t\t\t\t\t\tdisabled: false \r\n });\r\n\r\n if (this.state.sizeMessage == '') {\r\n this.props.save({\r\n ...this.state.sizeInEdit\r\n });\r\n \r\n this.props.cancel();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {\r\n this.props.save({\r\n ...this.state.sizeInEdit\r\n });\r\n this.setState({ disabled: false });\r\n this.props.cancel();\r\n }\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n let target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.sizeInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n sizeInEdit: edited,\r\n sizeMessage: ''\r\n\t\t});\r\n };\r\n \r\n \r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{console.log(this.state,\"size state\")}\r\n\t\t\t\t{!this.state.sizeInEdit.SizeOptionID ?\r\n Add New Size :\r\n Edit Size }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default connect(null, { })(SizeForm);\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class SizesLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Sizes?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t{this.state.isLoading ?\r\n\t\t\t\t\t(
\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t) :\r\n\t\t\t\t\t(\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
{\r\n\t\t\t\t\t\t\t\t\tthis.setState({ alertVisible: false, alertMessage: \"\" })\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{this.state.alertMessage}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{/*\r\n
*/}\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\tADD NEW \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)\r\n\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\t{!this.state.isSubmitted ?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tthis.state.isPopupVisible ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n text: `Deactivating \"${this.props.dataItem.Description}\" size could result in possible product errors. (Please make sure you remove this size from all products before deleting.)`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Description} ?`,\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input} from '@progress/kendo-react-inputs';\r\nimport {DropDownList, MultiSelect} from '@progress/kendo-react-dropdowns';\r\nimport {DateTimePicker} from'@progress/kendo-react-dateinputs'\r\nimport { connect } from 'react-redux';\r\nimport { getColors, getSizes, getProductTypes} from '../../../../../Redux/Actions/CommonActions';\r\nimport './../ManageEvents/Events.scss';\r\nimport ReactFileReader from 'react-file-reader';\r\nimport { Switch } from '@progress/kendo-react-inputs';\r\nimport '@progress/kendo-react-common'\r\nimport '@progress/kendo-date-math'\r\nimport './ManageProducts.scss';\r\nimport axios from 'axios'\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass ProductForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tproductInEdit: this.props.dataItem || null,\t\t\t\r\n value: [],\r\n selectedProductType: null,\r\n colorList: this.props.dataItem.colors || [],\r\n\t\t\tsizeList: this.props.dataItem.sizes || [],\r\n imageList:this.props.dataItem.image || [],\r\n file: this.props.dataItem.ImageURL || null,\r\n originalTitle: this.props.dataItem.Title || '',\r\n\t\t\ttitleMessage: '',\r\n\t\t\tdiscountMessage: '',\r\n };\r\n console.log(this.props, \"State Colors\");\r\n };\r\n\r\n\tcomponentDidMount() {\t\t\r\n\t\t\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n\t\tconst edited = this.state.productInEdit;\r\n console.log(\"this.state.file\", this.state.file);\r\n if (edited.ProductId > 0) {\r\n var colors = [];\r\n var sizes = [];\r\n for (var i = 0; i < this.state.productInEdit.colors.length; i++) {\r\n var c = {\r\n ProductColorOptionId: this.state.productInEdit.colors[i].colorOptionId,\r\n Description: this.state.productInEdit.colors[i].description\r\n }\r\n colors.push(c);\r\n }\r\n\r\n for (var i = 0; i < this.state.productInEdit.sizes.length; i++) {\r\n var s = {\r\n ProductSizeOptionId: this.state.productInEdit.sizes[i].sizeOptionId,\r\n Description: this.state.productInEdit.sizes[i].description\r\n }\r\n sizes.push(s);\r\n }\r\n var model = {\r\n ProductId: Number(this.state.productInEdit.ProductId),\r\n Title: this.state.productInEdit.Title,\r\n ProductDescription: this.state.productInEdit.Description,\r\n ProductTypeId: Number(this.state.productInEdit.ProductTypeId),\r\n Price: Number(this.state.productInEdit.PriceDollars),\r\n\t\t\t\tDiscount: this.state.productInEdit.DiscountDollars ? Number(this.state.productInEdit.DiscountDollars) : null,\r\n MemberDiscount: Number(this.state.productInEdit.MemberDiscountDollars),\r\n IsMemberOnly: this.state.productInEdit.IsMemberOnly,\r\n IsPublished: this.state.productInEdit.IsPublished,\r\n IsActive: this.state.productInEdit.IsActive,\r\n IsAddOn: this.state.productInEdit.IsAddOn,\r\n Colors: colors,\r\n Sizes: sizes,\r\n Image: this.state.productInEdit.Image\r\n\t\t\t};\r\n\t\t\tconsole.log(model);\r\n\r\n\t\t\tif (Number(this.state.productInEdit.DiscountDollars) >= Number(this.state.productInEdit.PriceDollars)) {\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tdiscountMessage: 'Discounted price must be less than the original price.'\r\n\t\t\t\t});\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\tthis.props.save({\r\n\t\t\t\t\t...model\r\n\t\t\t\t});\r\n\t\t\t\tthis.props.cancel();\r\n }\r\n } else {\r\n\t\t\taxios.get(`${ROOT_API_URL}/ManageProducts/IsDuplicateTitle?title=${this.state.productInEdit.Title}`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n var colors = [];\r\n\t\t\t\t\tvar sizes = [];\r\n\t\t\t\t\tif(this.state.productInEdit.colors) {\r\n\t\t\t\t\t\tfor (var i = 0; i < this.state.productInEdit.colors.length; i++) {\r\n\t\t\t\t\t\t\tvar c = {\r\n\t\t\t\t\t\t\t\tProductColorOptionId: this.state.productInEdit.colors[i].colorOptionId,\r\n\t\t\t\t\t\t\t\tDescription: this.state.productInEdit.colors[i].description\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tcolors.push(c);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(this.state.productInEdit.sizes) {\r\n\t\t\t\t\t\tfor (var i = 0; i < this.state.productInEdit.sizes.length; i++) {\r\n\t\t\t\t\t\t\tvar s = {\r\n\t\t\t\t\t\t\t\tProductSizeOptionId: this.state.productInEdit.sizes[i].sizeOptionId,\r\n\t\t\t\t\t\t\t\tDescription: this.state.productInEdit.sizes[i].description\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tsizes.push(s);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n var model = {\r\n ProductId: Number(0),\r\n Title: this.state.productInEdit.Title,\r\n ProductDescription: this.state.productInEdit.Description,\r\n ProductTypeId: Number(this.state.selectedProductType.id),\r\n Price: Number(this.state.productInEdit.PriceDollars),\r\n\t\t\t\t\t\tDiscount: this.state.productInEdit.DiscountDollars ? Number(this.state.productInEdit.DiscountDollars) : null,\r\n MemberDiscount: Number(this.state.productInEdit.MemberDiscountDollars),\r\n IsMemberOnly: this.state.productInEdit.IsMemberOnly,\r\n IsPublished: this.state.productInEdit.IsPublished,\r\n IsActive: this.state.productInEdit.IsActive,\r\n IsAddOn: this.state.productInEdit.IsAddOn,\r\n Colors: colors,\r\n Sizes: sizes,\r\n Image: this.state.productInEdit.Image\r\n\t\t\t\t\t};\r\n\t\t\t\t\tif (this.state.originalTitle !== this.state.productInEdit.Title) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\ttitleMessage: response.data.message\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (Number(this.state.productInEdit.DiscountDollars) >= Number(this.state.productInEdit.PriceDollars)) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tdiscountMessage: 'Discounted price must be less than the original price.'\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (!this.state.titleMessage && !this.state.discountMessage) {\r\n\t\t\t\t\t\tthis.props.save({\r\n\t\t\t\t\t\t\t...model\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tthis.props.cancel();\r\n\t\t\t\t\t}\r\n })\r\n .catch((response) => {\r\n\t\t\t\t console.log(response);\r\n });\r\n }\t\r\n\t}\r\n\r\n\tonDialogInputChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.productInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n productInEdit: edited\r\n });\r\n\r\n\t\tif (name == \"title\") {\r\n\t\t\tthis.setState({\r\n\t\t\t\ttitleMessage: ''\r\n\t\t\t});\r\n\t\t} else if (name == 'DiscountDollars') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tdiscountMessage: ''\r\n\t\t\t});\r\n }\r\n\t};\r\n \r\n\thandleColor = (event) => {\r\n if (event.target.value.length > 0) {\r\n let temp = Object.assign({}, this.state);\r\n temp.productInEdit.colors = event.target.value.sort((a, b) => (a.description > b.description) ? 1 : ((b.description > a.description) ? -1 : 0));\r\n temp.colorList = event.target.value.sort((a, b) => (a.description > b.description) ? 1 : ((b.description > a.description) ? -1 : 0));\r\n this.setState({\r\n ...temp\r\n })\r\n } else {\r\n let temp = Object.assign({}, this.state);\r\n temp.productInEdit.colors = [];\r\n temp.colorList = [];\r\n this.setState({\r\n ...temp\r\n })\r\n\r\n }\r\n\t};\r\n\r\n\thandleSize = (event) => {\r\n if (event.target.value.length > 0) {\r\n let temp = Object.assign({}, this.state);\r\n temp.productInEdit.sizes = event.target.value.sort((a, b) => (a.description > b.description) ? 1 : ((b.description > a.description) ? -1 : 0));\r\n temp.sizeList = event.target.value.sort((a, b) => (a.description > b.description) ? 1 : ((b.description > a.description) ? -1 : 0));\r\n this.setState({\r\n ...temp\r\n })\r\n } else {\r\n let temp = Object.assign({}, this.state);\r\n temp.productInEdit.sizes =[];\r\n temp.sizeList = [];\r\n this.setState({\r\n ...temp\r\n })\r\n }\r\n\t};\r\n\r\n\thandleProductTypeChange = (event) => {\r\n const edited = this.state.productInEdit;\r\n edited.productTypeId = event.target.value.id;\r\n\t\tedited.ProductType = event.target.value;\r\n\r\n\t\tthis.setState({\r\n selectedProductType:event.target.value,\r\n productInEdit:edited\r\n\t\t})\r\n };\r\n handleFiles = (event) => {\r\n const edited = this.state.productInEdit;\r\n edited.ImageURL = event.base64;\r\n\t\tedited.Image = event?{\r\n\t\t\tname: event.fileList[0].name,\r\n\t\t\tsource: event.base64,\r\n\t\t\textension: event.fileList[0].type\r\n } : null;\r\n this.setState({\r\n productInEdit: edited\r\n });\r\n\t}\r\n\r\n\thandleNumericChange = (event) => {\r\n\t\tlet target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.productInEdit;\r\n\t\tedited[name] = value;\r\n\t\tthis.setState({\r\n\t\t\tproductInEdit: edited\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\r\n
\r\n {!this.state.productInEdit.ProductId ?\r\n Add New Product :\r\n Edit Product } \r\n\t\t\t\t\r\n\t\t\t \r\n\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n ) : \"\"\r\n }\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Once deactivated, ${this.props.dataItem.Title} can no longer be viewed by users.`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Title}?`,\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\t\t\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport axios from 'axios'\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nclass ProductTypeForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tproductTypeInEdit: this.props.dataItem || null,\r\n value: [],\r\n originalDescription: this.props.dataItem.Description || '',\r\n descriptionMsg:''\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t}\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n if (this.state.originalDescription != this.state.productTypeInEdit.Description) {\r\n axios\r\n\t\t\t\t.post(`${ROOT_API_URL}/ManageProductType/IsProductTypeExist`, this.state.productTypeInEdit, { headers: auth.authHeader() })\r\n .then((response) => {\r\n this.setState({\r\n descriptionMsg: response.data.message\r\n })\r\n\r\n if (this.state.descriptionMsg == \"\") {\r\n this.props.save({\r\n ...this.state.productTypeInEdit\r\n });\r\n this.props.cancel();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n });\r\n }\r\n else {\r\n this.props.save({\r\n ...this.state.productTypeInEdit\r\n });\r\n this.props.cancel();\r\n }\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n let target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.productTypeInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n productTypeInEdit: edited,\r\n descriptionMsg: \"\"\r\n\t\t});\r\n };\r\n \r\n \r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t{console.log(this.state,\"productType state\")}\r\n\t\t\t\t{!this.state.productTypeInEdit.ProductTypeId ?\r\n Add New Product Type :\r\n Edit Product Type }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default ProductTypeForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class ProductTypesLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/ProductTypes?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: {} };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n \r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n
\r\n ADD NEW \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n ) : \"\"\r\n }\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n text: `Deactivating ${this.props.dataItem.Description} Product Type will result in deletion of all products that are of this type `,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.Description}?`,\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport { Input } from '@progress/kendo-react-inputs';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { fetchInvoices} from '../../../../../Redux/Actions/Admin/ManageInvoiceActions'; \r\n\r\nclass InvoiceForm extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tinvoiceInEdit: this.props.dataItem || null,\r\n\t\t\tvalue: []\r\n\t\t};\r\n\t}\r\n\t/*\r\n\tcomponentDidMount() {\r\n\t\tthis.props.fetchInvoices();\r\n\t}*/\r\n\t\r\n\r\n\thandleSubmit = (event) => {\r\n\t\tevent.preventDefault();\r\n if (this.state.invoiceInEdit.invoiceId) {\r\n this.props.updateInvoice(this.state.invoiceInEdit);\r\n this.props.cancel(); \r\n }\r\n\t\r\n\t};\r\n\tisCustom(item) {\r\n\t\treturn item.id === undefined;\r\n\t}\r\n\taddKey(item) {\r\n\t\titem.id = new Date().getTime();\r\n\t}\r\n\tonDialogInputChange = (event) => {\r\n let target = event.target;\r\n\t\tconst value = target.type === 'checkbox' ? target.checked : target.value;\r\n\t\tconst name = target.props ? target.props.name : target.name;\r\n\r\n\t\tconst edited = this.state.invoiceInEdit;\r\n\t\tedited[name] = value;\r\n\t\tedited.isActive = true;\r\n\t\tthis.setState({\r\n\t\t\tinvoiceInEdit: edited\r\n\t\t});\r\n };\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{Edit Invoice }\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default InvoiceForm;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { toODataString } from '@progress/kendo-data-query';\r\nimport { ROOT_API_URL, ODATA_API_URL } from '../../../../../api-config';\r\nimport axios from 'axios';\r\nimport { auth } from '../../../../../services/auth.service';\r\nimport { history } from '../../../../../helpers/history';\r\n\r\nexport class InvoicesLoader extends React.Component {\r\n baseUrl = `${ODATA_API_URL}/Invoices?$count=true&`;\r\n init = { method: 'GET', accept: 'application/json', headers: { } };\r\n\r\n lastSuccess = '';\r\n pending = '';\r\n\r\n requestDataIfNeeded = () => {\r\n if (this.pending || toODataString(this.props.dataState) === this.lastSuccess) {\r\n return;\r\n }\r\n this.pending = toODataString(this.props.dataState);\r\n const t = auth.authHeader();\r\n\r\n this.init.headers = t;\r\n this.init.headers['Access-Control-Allow-Origin'] = '*';\r\n this.init.headers['Content-Type'] = 'application/json;charset=UTF-8';\r\n\r\n fetch(this.baseUrl + this.pending, this.init)\r\n .then(response => response.json())\r\n .then(json => {\r\n let as = this.props.dataState;\r\n this.lastSuccess = this.pending;\r\n this.pending = '';\r\n if (toODataString(this.props.dataState) === this.lastSuccess) {\r\n this.props.onDataRecieved.call(undefined, {\r\n data: json.value,\r\n total: json['@odata.count']\r\n });\r\n } else {\r\n this.requestDataIfNeeded();\r\n }\r\n })\r\n .catch((response) => {\r\n console.log(response);\r\n history.push('/oops')\r\n });\r\n }\r\n\r\n render() {\r\n this.requestDataIfNeeded();\r\n return this.pending && \r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\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 ${props.dataItem.AmountDue}\r\n \r\n )}\r\n />\r\n (\r\n \r\n {props.dataItem.CreateDate.substring(0, 10)}\r\n \r\n\r\n )}\r\n />\r\n (\r\n \r\n this.showPDF(props.dataItem)}>Download \r\n \r\n )}\r\n />\r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t\t{this.state.memberDiscountInEdit.MembershipDiscountId ?\r\n\t\t\t\t\t\tEdit Member Discount :\r\n\t\t\t\t\t\tAdd New Member Discount }\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n \r\n \r\n ADD NEW \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\ttitle: 'Are you sure?',\r\n\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to deactivate ${this.props.dataItem.CompanyName}`,\r\n\t\t\t\t\t\t\t\t\ticon: 'warning',\r\n\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\tcancel: 'CANCEL',\r\n\t\t\t\t\t\t\t\t\t\tconfirm: 'OK'\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdangerMode: true\r\n\t\t\t\t\t\t\t\t}).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tswal({\r\n\t\t\t\t\t\t\t\t\t\ttext: `Are you sure you want to re-activate ${this.props.dataItem.CompanyName}?`,\r\n\t\t\t\t\t\t\t\t\t\tbuttons: {\r\n\t\t\t\t\t\t\t\t\t\t\tcancel: 'NO',\r\n\t\t\t\t\t\t\t\t\t\t\tconfirm: 'YES'\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t).then((value) => (value ? toggleActive(this.props.dataItem) : null));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\nimport axios from 'axios'\r\nimport { ROOT_API_URL } from '../../../../../api-config';\r\nimport { auth } from '../../../../../services/auth.service';\r\n\r\nimport { Input, FormGroup, Label } from 'reactstrap';\r\nimport { DropDownList } from '@progress/kendo-react-dropdowns';\r\nimport { provideIntlService } from '@progress/kendo-react-intl';\r\n\r\nimport {\r\n setUserInfo,\r\n checkEmailCall,\r\n changeView,\r\n setAlert\r\n} from '../../../../../Redux/Actions/Admin/ManagePurchaseAndRenewalsActions';\r\n\r\nimport { getCounties, setCounties } from '../../../../../Redux/Actions/Admin/ManageDistrictActions';\r\nimport { fetchMembershipPackages } from '../../../../../Redux/Actions/EndUser/MembershipAction';\r\n\r\nimport { fetchStates } from '../../../../../Redux/Actions/CommonActions';\r\n\r\nimport IsLoading from '../../../../Shared/Loading/IsLoading';\r\nimport _ from 'lodash';\r\nimport { Alert } from 'reactstrap';\r\n\r\nconst initialState = {\r\n view: \"CheckUser\",\r\n membershipLookupEmail: \"\",\r\n membershipData: [],\r\n address1: \"\",\r\n address2: \"\",\r\n applicationUser: {},\r\n city: \"\",\r\n email: \"\",\r\n firstName: \"\",\r\n lastName: \"\",\r\n phone: \"\",\r\n state: {\r\n stateId: 0\r\n },\r\n countyObj: { countyId: 0, countyName: \"\" },\r\n county: \"\",\r\n zip: \"\",\r\n isLoading: false,\r\n touched: {\r\n firstName: false,\r\n lastName: false,\r\n address1: false,\r\n address2: false,\r\n city: false,\r\n state: false,\r\n county: false,\r\n zip: false,\r\n phone: false,\r\n email: false,\r\n },\r\n};\r\n\r\nclass MembershipRequestForm extends Component {\r\n\tmonths = [\r\n\t\t{ name: \"January\", id: 1 },\r\n\t\t{ name: \"February\", id: 2 },\r\n\t\t{ name: \"March\", id: 3 },\r\n\t\t{ name: \"April\", id: 4 },\r\n\t\t{ name: \"May\", id: 5 },\r\n\t\t{ name: \"June\", id: 6 },\r\n\t\t{ name: \"July\", id: 7 },\r\n\t\t{ name: \"August\", id: 8 },\r\n\t\t{ name: \"September\", id: 9 },\r\n\t\t{ name: \"October\", id: 10 },\r\n\t\t{ name: \"November\", id: 11 },\r\n\t\t{ name: \"December\", id: 12 },\r\n\t];\r\n\r\n\tyears = [];\r\n\tshowErrorMessage = false;\r\n\r\n\tgetYears = () => {\r\n\t\tvar years = [];\r\n\t\tfor (var i = (new Date()).getFullYear() + 10; i >= 1900; i--) {\r\n\t\t\tyears.push({ id: i, name: i + '' });\r\n\t\t}\r\n\r\n\t\treturn years;\r\n\t}\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.years = this.getYears();\r\n\t\tthis.state = {\r\n\t\t\trequestInEdit: this.props.dataItem || null,\r\n createDate: this.props.dataItem ? this.props.dataItem.CreateDate : '',\r\n memberRequestEmail: this.props.dataItem ? this.props.dataItem.Email : '',\r\n memberRequestFirstName: this.props.dataItem ? this.props.dataItem.FirstName : '',\r\n memberRequestLastName: this.props.dataItem ? this.props.dataItem.LastName : '',\r\n memberRequestMemberNumber: this.props.dataItem ? this.props.dataItem.MemberNumber : '',\r\n membershipRequestId: this.props.dataItem ? this.props.dataItem.MembershipRequestId : '',\r\n memberRequestPhoneNumber: this.props.dataItem ? this.props.dataItem.PhoneNumber : '',\r\n status: this.props.dataItem ? this.props.dataItem.Status : '',\r\n ...initialState\r\n };\r\n\r\n this.delayedCallback = _.debounce(this.checkEmailCall, 2000);\r\n this.onEmailChange = this.onEmailChange.bind(this);\r\n\t};\r\n\r\n\tcomponentDidMount() {\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.props.fetchStates();\r\n }\r\n\r\n checkEmailCall = () => {\r\n this.setState({ isLoading: true })\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n axios.get(`${ROOT_API_URL}/ManageTransaction/SearchMembership?searchTerm=${this.state.membershipLookupEmail}`, options)\r\n .then((response) => {\r\n if (response.data.length > 0) {\r\n //console.log(response.data);\r\n this.setState({\r\n membershipData: response.data,\r\n isLoading: false\r\n },\r\n () => {\r\n this.props.setAlert(true, \"Users Found\", 'success')\r\n }\r\n );\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000)\r\n } else if (response.data.length === 0) {\r\n this.setState({\r\n ...initialState,\r\n membershipLookupEmail: this.state.membershipLookupEmail,\r\n membershipData: response.data,\r\n isLoading: false\r\n },\r\n () => this.props.setAlert(true, \"No Users Found\", 'danger')\r\n );\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000)\r\n } else {\r\n this.setState({\r\n ...initialState,\r\n membershipLookupEmail: this.state.membershipLookupEmail,\r\n isLoading: false\r\n },\r\n () => this.props.setAlert(true, response.data.message, 'danger')\r\n );\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000)\r\n }\r\n })\r\n .catch((response) => {\r\n this.setState({ isLoading: false }, () => this.props.setAlert(true, response.message, 'danger'))\r\n });\r\n }\r\n\r\n onEmailChange = (event) => {\r\n var userId = '';\r\n if (auth.isAuthenticated()) {\r\n userId = auth.getAuthUserId()\r\n }\r\n this.setState(\r\n {\r\n membershipLookupEmail: event.target.value\r\n\r\n },\r\n () => {\r\n this.delayedCallback();\r\n }\r\n\r\n );\r\n };\r\n\r\n handleChange = ({ target }) => {\r\n this.setState({ [target.name]: target.value });\r\n };\r\n\r\n handleState = (event) => {\r\n this.props.getCounties(event.target.value.id);\r\n const value = event.target.value;\r\n if (value !== null) {\r\n this.setState({ state: value });\r\n }\r\n };\r\n\r\n selectCountyInDD = (event) => {\r\n this.setState({\r\n countyObj: event.target.value\r\n })\r\n }\r\n\r\n formatPhone = (val) => {\r\n if (!val) return val;\r\n var x = val.replace(/\\D/g, '').match(/(\\d{0,3})(\\d{0,3})(\\d{0,4})/);\r\n return !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');\r\n }\r\n\r\n setAllTouchedTrue() {\r\n this.setState({\r\n touched: {\r\n firstName: true,\r\n lastName: true,\r\n address1: true,\r\n address2: true,\r\n city: true,\r\n state: true,\r\n zip: true,\r\n phone: true,\r\n email: true,\r\n county: true,\r\n }\r\n })\r\n }\r\n\r\n handleBlur = (field) => (evt) => {\r\n this.setState({\r\n touched: { ...this.state.touched, [field]: true },\r\n });\r\n }\r\n\r\n isModelValid() {\r\n return this.state.address1 !== \"\" &&\r\n this.state.city !== \"\" &&\r\n this.state.zip !== \"\" &&\r\n this.state.phone !== \"\" &&\r\n this.state.firstName !== \"\" &&\r\n this.state.lastName !== \"\" &&\r\n this.state.email !== \"\" &&\r\n this.state.countyObj.countyName !== \"\";\r\n }\r\n\r\n handleSubmit = async (event) => {\r\n event.preventDefault();\r\n if (this.isModelValid()) {\r\n this.setState({ isLoading: true });\r\n\r\n this.props.toggleIsSubmitted(true);\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n await axios.post(\r\n `${ROOT_API_URL}/MemberInvitation/UpdateMembershipUserInvite`,\r\n {\r\n MailingAddress1: this.state.address1,\r\n MailingAddress2: this.state.address2,\r\n MailingCity: this.state.city,\r\n MailingZip: this.state.zip,\r\n Phone: this.state.phone,\r\n MailingStateId: this.state.mailingStateId,\r\n State: this.state.state,\r\n FirstName: this.state.firstName,\r\n LastName: this.state.lastName,\r\n UserID: this.state.userId,\r\n Email: this.state.email,\r\n County: this.state.countyObj,\r\n MembershipAssignmentId: this.state.membershipAssignmentId,\r\n MembershipId: this.state.membershipId,\r\n IsMembershipOwner: true\r\n },\r\n options\r\n ).then(async (response) => {\r\n\r\n this.props.setAlert(true, response.data.message, 'success');\r\n //this.props.cancel();\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000);\r\n\r\n await this.reject(null, \"resolve\");\r\n \r\n }).catch((response) => {\r\n this.setState({ isLoading: false }, () => this.props.setAlert(true, response.message, 'danger'))\r\n });\r\n\r\n } else {\r\n this.setAllTouchedTrue();\r\n }\r\n }\r\n\r\n resendEmail = async (event) => {\r\n\r\n event.preventDefault();\r\n\r\n if (this.isModelValid()) {\r\n this.setState({ isLoading: true });\r\n\r\n this.props.toggleIsSubmitted(true);\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n await axios.post(\r\n `${ROOT_API_URL}/MemberInvitation/ResendEmail`,\r\n {\r\n MailingAddress1: this.state.address1,\r\n MailingAddress2: this.state.address2,\r\n MailingCity: this.state.city,\r\n MailingZip: this.state.zip,\r\n Phone: this.state.phone,\r\n MailingStateId: this.state.mailingStateId,\r\n State: this.state.state,\r\n FirstName: this.state.firstName,\r\n LastName: this.state.lastName,\r\n UserID: this.state.userId,\r\n Email: this.state.email,\r\n County: this.state.countyObj,\r\n MembershipAssignmentId: this.state.membershipAssignmentId,\r\n MembershipId: this.state.membershipId,\r\n IsMembershipOwner: true\r\n },\r\n options\r\n ).then(async (response) => {\r\n\r\n if (response && response.data && !response.data.isSuccess) {\r\n\r\n this.props.setAlert(true, response.data.message, 'danger');\r\n } else {\r\n this.props.setAlert(true, response.data.message, 'success');\r\n\r\n }\r\n\r\n //this.props.cancel();\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000);\r\n\r\n this.setState({ isLoading: false });\r\n this.props.toggleIsSubmitted(false);\r\n this.props.cancel();\r\n\r\n }).catch((response) => {\r\n this.setState({ isLoading: false }, () => this.props.setAlert(true, response.message, 'danger'))\r\n });\r\n\r\n } else {\r\n this.setAllTouchedTrue();\r\n }\r\n }\r\n\r\n handlePhoneChange = (event) => {\r\n event.target.value = this.formatPhone(event.target.value);\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n\r\n handleMembershipSelectChange = (event) => {\r\n if (event.target.value !== null) {\r\n this.props.fetchMembershipPackages(event.target.value.membershipType.membershipTypeID);\r\n this.setState({\r\n firstName: event.target.value.firstName,\r\n lastName: event.target.value.lastName,\r\n email: event.target.value.email,\r\n address1: event.target.value.mailingAddress1,\r\n address2: event.target.value.mailingAddress2,\r\n city: event.target.value.mailingCity,\r\n zip: event.target.value.mailingZip,\r\n mailingStateId: event.target.value.state.id,\r\n state: event.target.value.state,\r\n countyObj: event.target.value.countyObj || { countyId: 0, countyName: \"\" },\r\n county: event.target.value.countyObj ? event.target.value.countyObj.countyId : '',\r\n phone: event.target.value.phone,\r\n membershipId: event.target.value.membershipId,\r\n userId: event.target.value.userID,\r\n membershipAssignmentId: event.target.value.membershipAssignmentId\r\n });\r\n\r\n this.props.getCounties(event.target.value.state.id);\r\n }\r\n }\r\n\r\n reject = async (event, rejectType) => {\r\n // prevent the event default action.\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n\r\n const options = { method: 'POST', headers: auth.authHeader() };\r\n\r\n this.props.toggleIsSubmitted(true);\r\n\r\n await axios.post(`${ROOT_API_URL}/ManageMembershipRequest/UpdateMemberRequest`, {\r\n RequestId: this.state.membershipRequestId,\r\n Type: rejectType\r\n }, options)\r\n .then((response) => {\r\n this.props.setAlert(true, response.data.message, 'success');\r\n setTimeout(() => {\r\n this.props.setAlert(false, \"\");\r\n }, 5000);\r\n\r\n this.setState({ isLoading: false });\r\n\r\n this.props.toggleIsSubmitted(false);\r\n this.props.cancel();\r\n })\r\n .catch((response) => {\r\n this.setState({ isLoading: false }, () => this.props.setAlert(true, response.message, 'danger'))\r\n });\r\n\r\n }\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n
Loading \r\n
\r\n
\r\n
\r\n
\r\n {this.state.isLoading ?\r\n (
\r\n
\r\n\r\n ) :\r\n (\r\n
\r\n
{\r\n this.setState({ alertVisible: false, alertMessage: \"\" })\r\n }}\r\n >\r\n {this.state.alertMessage}\r\n \r\n \r\n \r\n {/*\r\n
*/}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n { \r\n )\r\n }\r\n
\r\n {!this.state.isSubmitted ?\r\n
\r\n
\r\n {\r\n this.state.isPopupVisible ? (\r\n
\r\n
\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tedit(this.props.dataItem);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport default class Blogs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n item: this.props.item\r\n };\r\n }\r\n\r\n createMarkup = (html) => {\r\n if (html.search(\"…\") !== -1) {\r\n html = html.slice(0, html.search(\"…\") + 6);\r\n }\r\n return { __html: html };\r\n }\r\n\r\n replacestring = (title) => {\r\n title = title.replace(\"http://157.230.224.112/\", \"\")\r\n title.substring(0, title.length - 1);\r\n\r\n return title;\r\n }\r\n\r\n render() {\r\n var divStyle = {\r\n backgroundImage: 'url(' + this.props.item.image + ')',\r\n // backgroundSize: 'cover'\r\n };\r\n\r\n return (\r\n \r\n
\r\n
{this.props.item.title} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here. This is much more lengthy of a post, Lets see what all I can get in here.
\\n\",\r\n// \"categories\": [\r\n// \"Uncategorized\"\r\n// ]\r\n// },\r\n// {\r\n// \"title\": \"This is the first Test POst\",\r\n// \"link\": \"https://member.tscra.org/this-is-the-first-test-post/\",\r\n// \"id\": \"https://member.tscra.org/?p=626\",\r\n// \"description\": \"Here is some test text\",\r\n// \"story\": \"Here is some test text
\\n\",\r\n// \"categories\": [\r\n// \"Digital Archive\",\r\n// \"Uncategorized\"\r\n// ]\r\n// }\r\n//]\r\n\r\nclass BlogHome extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n events: null,\r\n categories: null\r\n };\r\n this.toggle = this.toggle.bind(this);\r\n }\r\n\r\n toggle() {\r\n this.setState({ isOpen: !this.state.isOpen });\r\n }\r\n\r\n\r\n componentDidMount() {\r\n this.getFeed();\r\n }\r\n\r\n getFeed = () => {\r\n axios.get(`${ROOT_API_URL}/Posts/Feed`)\r\n .then(res => {\r\n var uniqueArray = [];\r\n res.data.forEach(function (element) {\r\n element.categories.forEach(function (category) {\r\n if (uniqueArray.indexOf(category) === -1) {\r\n uniqueArray.push(category);\r\n }\r\n })\r\n });\r\n\r\n console.log(res.data)\r\n this.setState({\r\n events: res.data,\r\n categories: uniqueArray\r\n });\r\n\r\n });\r\n }\r\n\r\n getFeedByCategory = (category) => {\r\n category = category.replace(/ /g, \"-\");\r\n axios.get(`${ROOT_API_URL}/Posts/CategoryFeed`, {\r\n params: {\r\n categoryName: category\r\n }\r\n })\r\n .then(res => {\r\n this.setState({ events: res.data });\r\n });\r\n\r\n }\r\n\r\n GetNav() {\r\n var settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n };\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n { this.getFeed() }} >\r\n \r\n All\r\n \r\n \r\n {this.state.categories ?\r\n this.state.categories.map((category, index) => {\r\n return (\r\n // this.getFeedByCategory(category)} key={index} >\r\n // {category}\r\n // \r\n { this.getFeedByCategory(category) }} key={index} >\r\n \r\n {category}\r\n\t\t\t\t\t\t\t\t\t \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
Resources \r\n
Resources for TSCRA members.
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
{this.GetNav()}
\r\n
\r\n
\r\n
\r\n Resources \r\n \r\n \r\n \r\n {\r\n this.state.events ?\r\n
\r\n {\r\n this.state.events.map((item, index) =>\r\n
\r\n :\r\n
\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Thank you for taking the time to link your account. Please call TSCRA at 1-800-242-7820 to finish the process.\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.props.error ? (\r\n
\r\n {this.props.error}\r\n \r\n ) : null}\r\n {\r\n this.state.success ?\r\n \r\n
\r\n
Sign Up with Existing Membership \r\n
Please use this form to send us an existing membership sign-up request. We will review this information and if it matches a membership in our records, we will send you an account invitation.
\r\n
A representative may contact you at the provided phone number or email address for more information.
\r\n
\r\n
\r\n
\r\n
\r\n {this.props.common.visible ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.props.common.message}\r\n\t\t\t\t\t\r\n\t\t\t\t ) : null}\r\n Address Validation Testing \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state){\r\n return{\r\n subscription: state.adminSubscription.subscriptions[0],\r\n\t\tcommon: state.common,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, {\r\n fetchStates,\r\n fetchSubscriptions,\r\n updateSubscription,\r\n checkAddressCall,\r\n}) (AddressValidationTest);\r\n","import React, { Component } from 'react'\r\nimport AddressValidationTest from './AddressValidationTest'\r\n\r\nexport class ParentPage extends Component {\r\n state = {\r\n boop: undefined\r\n }\r\n\r\n cancel = () => {\r\n\t\tthis.setState({ boop: undefined });\r\n };\r\n \r\n changeBoop = () => {\r\n this.setState({ boop: \"beep\"});\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n OPEN FORM \r\n \r\n {this.state.boop && (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n
\r\n\t\t\t\t
\r\n
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t{this.state.displayName} \r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tLOGOUT \r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n
\r\n {this.state.isAccounting ? (\r\n
\r\n
this.toggleActive(e)}\r\n className={this.state.toggler4 ? 'active-item' : null}\r\n >\r\n ACCOUNTING{' '}\r\n \r\n \r\n \r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t{\r\n \r\n PURCHASE AND RENEWALS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n }\r\n \r\n \r\n BATCHES\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tDONATIONS\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMerchandise Orders\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMagazine SUBSCRIPTIONS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n
\r\n )}\r\n {this.state.isMembership || this.isField ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler5 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tUser Management{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMEMBERSHIPS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tUSERS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMEMBER REQUESTS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t{/*\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tORGANIZATIONS (remove)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t */}\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n {/*this.state.isOrganization ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler8 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tORGANIZATIONS{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tORGANIZATION\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)*/}\r\n {this.state.isSubscription? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler6 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tContent Management{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tDISCOUNTS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMagazine ARCHIVE\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tEVENTS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n {this.state.isInventory ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler2 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tMerchandise{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPRODUCTS\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPRODUCT CATEGORIES\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCOLORS\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tSIZES\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n )}\r\n {/*this.state.isDonation ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler7 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tDONATIONS \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n ) : (\r\n\t\t\t\t\t\t\t
\r\n )*/}\r\n {/*this.state.isEvent ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler3 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tEVENTS{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)*/}\r\n {this.state.isAdmin ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
this.toggleActive(e)}\r\n\t\t\t\t\t\t\t\t\tclassName={this.state.toggler1 ? 'active-item' : null}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tRoles & Responsibilities{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tSTAFF\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tDISTRICTS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tREGIONS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPOSITION GROUPS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPOSITIONS\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCOMMITTEES\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t ) : (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n {children} \r\n
\r\n );\r\n};\r\n\r\nclass AdminLayout extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n\r\n };\r\n }\r\n render() {\r\n return (\r\n (\r\n \r\n \r\n )}\r\n />\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return { authentication: state.authentication }\r\n}\r\n\r\nexport default withRouter(connect(mapStateToProps, null)(AdminLayout));\r\n\r\n\r\n","import React, { Component } from 'react';\r\nimport {provideIntlService } from '@progress/kendo-react-intl';\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\n\r\nclass GridDateTimeFormatter extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\r\n\t\t}\r\n\t}\r\n\tformatDate = (date_string) => {\r\n\t\tvar utc = (new Date(Date.parse(date_string))).toLocaleString('en-US', { timeZone: 'Etc/UTC' });\r\n\t\treturn (new Date(utc).getMonth() + 1) + \"/\" + new Date(utc).getDate() + \"/\" + new Date(utc).getFullYear() + \" \" + (\"0\" + new Date(utc).getHours()).slice(-2) + \":\" + (\"0\" + new Date(utc).getMinutes()).slice(-2) + \":\" + (\"0\" + new Date(utc).getSeconds()).slice(-2);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{/*console.log(this.props)*/}\r\n\t\t\t\t{/*provideIntlService(this).formatDate(new Date(this.props.dataItem[this.props.field]), 'MM/d/y h:mm aa')*/}\r\n\t\t\t\t{this.formatDate(this.props.dataItem[this.props.field])}\r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\nexport default withRouter(connect(\r\n)(GridDateTimeFormatter));","import axios from 'axios';\r\nimport { ROOT_API_URL } from '../../../api-config';\r\nimport { loader, toastr } from '../CommonActions'\r\nimport { auth } from '../../../services/auth.service';\r\n\r\nexport const GET_SUBSCRIPTIONS = 'GET_SUBSCRIPTIONS';\r\nexport const ADD_SUBSCRIPTION = 'ADD_SUBSCRIPTION';\r\nexport const CREATE_SUBSCRIPTION = 'CREATE_SUBSCRIPTION';\r\nexport const UPDATE_SUBSCRIPTION = 'UPDATE_SUBSCRIPTION';\r\nexport const GET_SUBSCRIPTION_PACKAGES = 'GET_SUBSCRIPTION_PACKAGES';\r\n\r\nconst successColor = \"success\";\r\nconst errorColor = \"danger\";\r\nconst warningColor = \"warning\";\r\n\r\nexport function fetchSubscriptions() {\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.get(`${ROOT_API_URL}/ManageMagazineSubscriptions/GetMagazineSubscriptions`, { headers: auth.authHeader() })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: GET_SUBSCRIPTIONS,\r\n\t\t\t\t\tpayload: response.data\r\n\t\t\t\t});\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tvar err = \"Network Connection Error\";\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t\tdispatch(toastr(true,err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function fetchSubscriptionsForAdminGrid() {\r\n return function (dispatch) {\r\n dispatch(loader(true));\r\n axios\r\n\t\t\t.get(`${ROOT_API_URL}/ManageMagazineSubscriptions/GetMagazineSubscriptionsForAdminGrid`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n dispatch({\r\n type: GET_SUBSCRIPTIONS,\r\n payload: response.data\r\n });\r\n dispatch(loader(false));\r\n })\r\n .catch((error) => {\r\n var err = \"Network Connection Error\";\r\n dispatch(loader(false));\r\n dispatch(toastr(true, err, errorColor));\r\n });\r\n };\r\n}\r\n\r\nexport function fetchSubscriptionPackages() {\r\n return function (dispatch) {\r\n dispatch(loader(true));\r\n axios\r\n\t\t\t.get(`${ROOT_API_URL}/ManageMagazineSubscriptions/GetMagazineSubscriptionPackages`, { headers: auth.authHeader() })\r\n .then((response) => {\r\n dispatch({\r\n type: GET_SUBSCRIPTION_PACKAGES,\r\n payload: response.data\r\n });\r\n dispatch(loader(false));\r\n })\r\n .catch((error) => {\r\n var err = \"Network Connection Error\";\r\n dispatch(loader(false));\r\n dispatch(toastr(true, err, errorColor));\r\n });\r\n };\r\n}\r\n\r\nexport function addSubscription(model) {\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.post(`${ROOT_API_URL}/ManageMagazineSubscriptions/AddMagazineSubscription`, model, { headers: auth.authHeader() })\r\n\t\t\t.then(function(response) {\r\n\t\t\t\tif (response && response.data && response.data.issuccess) {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: ADD_SUBSCRIPTION,\r\n\t\t\t\t\t\tpayload: response.data.magazineSubscriptions\r\n\t\t\t\t\t});\r\n\t\t\t\t\tvar success = response && response.data ? response.data.message : 'Subscription Created Successfully';\r\n\t\t\t\t\tdispatch(toastr(true, success, successColor));\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tvar err = response && \"Error Creating Subscription\";\r\n\t\t\t\t\tdispatch(toastr(true,err, warningColor));\r\n\t\t\t\t}\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tvar err = response && response.data ? response.data.message : 'Network Connection Error';\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function createSubscription(model) {\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.post(`${ROOT_API_URL}/ManageMagazineSubscriptions/CreateMagazineSubscription`, model, { headers: auth.authHeader() })\r\n\t\t\t.then(function(response) {\r\n\t\t\t\tif (response && response.data && response.data.issuccess) {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: CREATE_SUBSCRIPTION,\r\n\t\t\t\t\t\tpayload: response.data.magazineSubscriptions\r\n\t\t\t\t\t});\r\n\t\t\t\t\tvar success = response && response.data ? response.data.message : 'Subscription Created Successfully';\r\n\t\t\t\t\tdispatch(toastr(true, success, successColor));\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tvar err = response && \"Error Creating Subscription\";\r\n\t\t\t\t\tdispatch(toastr(true,err, warningColor));\r\n\t\t\t\t}\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tvar err = response && response.data ? response.data.message : 'Network Connection Error';\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n\r\nexport function updateSubscription(model) {\r\n\treturn function(dispatch) {\r\n\t\tdispatch(loader(true));\r\n\t\taxios\r\n\t\t\t.post(`${ROOT_API_URL}/ManageMagazineSubscriptions/UpdateMagazineSubscription`, model, { headers: auth.authHeader() })\r\n\t\t\t.then((response) => {\r\n\t\t\t\tif (response && response.data && response.data.issuccess)\r\n\t\t\t\t{\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: UPDATE_SUBSCRIPTION,\r\n\t\t\t\t\t\tpayload: response.data.magazineSubscriptions\r\n\t\t\t\t\t});\r\n\t\t\t\t\tvar success = response && response.data ? response.data.message : \"Subscription Updated Successfully\";\r\n\t\t\t\t\tdispatch(toastr(true,success, successColor));\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tvar err = response && \"Error Updating Subscription\";\r\n\t\t\t\t\tdispatch(toastr(true,err, warningColor));\r\n\t\t\t\t}\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t})\r\n\t\t\t.catch((response) => {\r\n\t\t\t\tvar err = response && response.data ? response.data.message : 'Network Connection Error';\r\n\t\t\t\tdispatch(loader(false));\r\n\t\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t\t});\r\n\t};\r\n}\r\n","export const store = {\r\n getSelectedProducts,\r\n setSelectedProduct,\r\n deleteSelectedProducts,\r\n calculateCheckoutTotal,\r\n deleteSelectedProduct,\r\n getCartQty\r\n};\r\n\r\nfunction getSelectedProducts() {\r\n try{\r\n const str = sessionStorage.getItem('selectedProducts');\r\n var products = JSON.parse(str);\r\n if(products){\r\n return products\r\n } else {\r\n return []\r\n }\r\n }\r\n catch{\r\n return [];\r\n }\r\n}\r\n\r\nfunction setSelectedProduct(products) {\r\n sessionStorage.setItem('selectedProducts', JSON.stringify(products));\r\n}\r\n\r\nfunction deleteSelectedProduct(product) {\r\n sessionStorage.removeItem('selectedProducts', JSON.stringify(product));\r\n}\r\n\r\nfunction deleteSelectedProducts() {\r\n var existingProducts = getSelectedProducts();\r\n sessionStorage.removeItem('selectedProducts', JSON.stringify(existingProducts));\r\n }\r\nfunction calculateCheckoutTotal()\r\n{\r\n var existingProducts = [];\r\n existingProducts = this.getSelectedProducts();\r\n var orderObject = { subTotal: 0.0, tax: 0.0, shipping: 8.25, totalCost: 0.0 }\r\n\r\n\r\n var subTotal = 0;\r\n var tax = 0;\r\n tax += Number(orderObject.shipping * 0.0825).toFixed(2);\r\n\r\n for(var i=0;i {\r\n\treturn (dispatch) => {\r\n\t\tvar url = `${ROOT_API_URL}/MemberInvitation/GetMembershipUsers?membershipId=${id}`;\r\n\t\tconst options = { method: 'GET', headers: auth.authHeader() };\r\n\t\taxios\r\n\t\t\t.get(url, options)\r\n\t\t\t.then((response) => {\r\n\t\t\tdispatch({\r\n\t\t\t\t\ttype: GET_MEMBERSHIPS_USERS_SUCCESS,\r\n\t\t\t\t\tpayload: response.data\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((err) => console.log(err));\r\n\t};\r\n};\r\n\r\n\r\n\r\nexport const inviteMember = (model) => {\r\n\tconsole.log('inviteMember')\r\n\treturn (dispatch) => {\r\n\t\tdispatch({\r\n\t\t\ttype: INVITE_MEMBER,\r\n\t\t\tpayload: model\r\n\t\t});\r\n\t\tvar url = `${ROOT_API_URL}/MemberInvitation/InviteMember`;\r\n\t\tconst options = { method: 'POST', headers: auth.authHeader() };\r\n\t\taxios.post(url, model, options).then(function(response) {\r\n if (response && response.data && response.data.isSuccess) {\r\n dispatch({\r\n type: INVITE_MEMBER,\r\n payload: response.data.userList\r\n\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\tuserService.getUserProfile(auth.getAuthUserEmail()).then(({ data }) => {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: \"GET_ACCOUNT_INFO_SUCCESS\",\r\n\t\t\t\t\t\tpayload: data\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n var success = response && response.data ? response.data.message : 'User Invitation Sent Successfully';\r\n dispatch(toastr(true, success, successColor));\r\n } \r\n else{\r\n var warning = response && response.data ? response.data.message : 'User has already been invited and pending approval';\r\n dispatch(toastr(true, warning, successColor));\r\n }\r\n dispatch(loader(false));\r\n })\r\n .catch((response) => {\r\n var err = response && response.data ? response.data.message : 'Network Connection Error';\r\n dispatch(loader(false));\r\n dispatch(toastr(true, err, errorColor));\r\n });\r\n };\r\n}\r\n\r\nexport const inviteMemberOnEdit = (model) => {\r\n\treturn (dispatch) => {\r\n\t\tdispatch({\r\n\t\t\ttype: INVITE_MEMBER,\r\n\t\t\tpayload: model\r\n\t\t});\r\n\t\tvar url = `${ROOT_API_URL}/MemberInvitation/InviteMember`;\r\n\t\tconst options = { method: 'POST', headers: auth.authHeader() };\r\n\t\taxios.post(url, model, options).then(function (response) {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: INVITE_MEMBER,\r\n\t\t\t\tpayload: response.data.userList\r\n\t\t\t});\r\n\r\n\t\t\tuserService.getUserProfile(auth.getAuthUserEmail()).then(({ data }) => {\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: \"GET_ACCOUNT_INFO_SUCCESS\",\r\n\t\t\t\t\tpayload: data\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\tvar success = response && response.data ? response.data.message : 'User Invitation Sent Successfully';\r\n\t\t\tdispatch(toastr(true, success, successColor));\r\n\r\n\t\t\tdispatch(loader(false));\r\n\t\t})\r\n\t\t.catch((response) => {\r\n\t\t\tvar err = response && response.data ? response.data.message : 'Network Connection Error';\r\n\t\t\tdispatch(loader(false));\r\n\t\t\tdispatch(toastr(true, err, errorColor));\r\n\t\t});\r\n\t};\r\n}\r\n\r\nexport const updateMemberInvitation = (model) => {\r\n\tconsole.log('updateMembershipInvitation')\r\n\treturn (dispatch) => {\r\n\t\tdispatch({\r\n\t\t\ttype: UPDATE_MEMBERINVITATION,\r\n\t\t\tpayload: model\r\n\t\t});\r\n\t\tvar url = `${ROOT_API_URL}/MemberInvitation/UpdateInvitation`;\r\n\t\tconst options = { method: 'POST', headers: auth.authHeader() };\r\n\t\taxios.post(url, model, options).then(function(response) {\r\n if (response && response.data && response.data.isSuccess) {\r\n dispatch({\r\n type: \"GET_MY_MEMBERSHIPS_SUCCESS\",\r\n payload: response.data.memberships\r\n\t\t\t\t});\r\n\t\t\t\tdispatch({\r\n type: \"GET_USERS_INVITATIONS\",\r\n payload: response.data.userInvitations\r\n });\r\n var success = response && response.data ? response.data.message : 'User Invitation Sent Successfully';\r\n dispatch(toastr(true, success, successColor));\r\n } \r\n dispatch(loader(false));\r\n })\r\n .catch((response) => {\r\n var err = response && response.data ? response.data.message : 'Network Connection Error';\r\n dispatch(loader(false));\r\n dispatch(toastr(true, err, errorColor));\r\n });\r\n };\r\n}\r\nexport const DeleteMembershipUser = (details) => {\r\n\treturn (dispatch) => {\r\n\t\r\n\t\tvar url = `${ROOT_API_URL}/MemberInvitation/DeleteMembershipUser`;\r\n\t\tconst options = { method: 'POST', headers: auth.authHeader() };\r\n\t\taxios.post(url, details, options).then((res) => {\r\n\t\t\tif (res && res.data && res.data.isSuccess) {\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: DELETE_USER_SUCCESS,\r\n\t\t\t\t\tpayload: res.data.userList,\r\n\r\n\t\t\t\t});\r\n\t\t\t\tuserService.getUserProfile(auth.getAuthUserEmail()).then(({ data }) => {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: \"GET_ACCOUNT_INFO_SUCCESS\",\r\n\t\t\t\t\t\tpayload: data\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tdispatch({\r\n\t\t\t\t\ttype: DELETE_USER_ERROR,\r\n\t\t\t\t\tpayload: res.data.message\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n};\r\n\r\nexport const InviteManualUser = (model) => {\r\n\treturn (dispatch) => {\r\n\t\tdispatch({\r\n\t\t\ttype: INVITE_MEMBER,\r\n\t\t\tpayload: model\r\n\t\t});\r\n\t\tvar url = `${ROOT_API_URL}/MemberInvitation/InviteManualUser`;\r\n\t\tconst options = { method: 'POST', headers: auth.authHeader() };\r\n\t\taxios.post(url, model, options).then(function(response) {\r\n if (response && response.data && response.data.isSuccess) {\r\n dispatch({\r\n type: INVITE_MEMBER,\r\n payload: response.data.userList\r\n });\r\n\t\t\t\tuserService.getUserProfile(auth.getAuthUserEmail()).then(({ data }) => {\r\n\t\t\t\t\tdispatch({\r\n\t\t\t\t\t\ttype: \"GET_ACCOUNT_INFO_SUCCESS\",\r\n\t\t\t\t\t\tpayload: data\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n var success = response && response.data ? response.data.message : 'User Invitation Sent Successfully';\r\n dispatch(toastr(true, success, successColor));\r\n } \r\n else{\r\n var warning = response && response.data ? response.data.message : 'User has already been invited and pending approval';\r\n dispatch(toastr(true, warning, successColor));\r\n }\r\n dispatch(loader(false));\r\n })\r\n .catch((response) => {\r\n var err = response && response.data ? response.data.message : 'Network Connection Error';\r\n dispatch(loader(false));\r\n dispatch(toastr(true, err, errorColor));\r\n });\r\n };\r\n}\r\n","import React from 'react';\r\n\r\nconst Search = (props) => {\r\n\treturn (\r\n\t\t\r\n\t\t\t props.customFunc(e.target.value.toLowerCase())}\r\n\t\t\t/>\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Search;\r\n","import { toODataString } from '@progress/kendo-data-query';\r\n\r\nexport function convertDateFilter(originalODataString, fields = [], dataState = {}) {\r\n // console.log('dataState', dataState);\r\n // console.log('originalODataString', toODataString(dataState));\r\n var dataStateClone = JSON.parse(JSON.stringify(dataState));\r\n // console.log('render check', toODataString(dataStateClone));\r\n if (dataStateClone && dataStateClone.filter && dataStateClone.filter.filters) {\r\n var filters = dataStateClone.filter.filters;\r\n fields.forEach(function (field, i) {\r\n var new_filters = [];\r\n filters.forEach(function (filter) {\r\n\r\n var timestamp, start_date, end_date;\r\n\r\n if (filter.field == field && filter.value != null) {\r\n timestamp = Date.parse(filter.value);\r\n start_date = dateToString(timestamp - 86400000);\r\n end_date = dateToString(timestamp);\r\n } else {\r\n new_filters.push(filter);\r\n return;\r\n }\r\n\r\n if (filter.operator == 'eq') {\r\n\r\n new_filters.push({\r\n logic: \"and\",\r\n filters: [\r\n { field: field, operator: 'gt', value: start_date },\r\n { field: field, operator: 'lt', value: end_date }\r\n ]\r\n });\r\n } else if (filter.operator == 'neq') {\r\n\r\n new_filters.push({\r\n logic: \"or\",\r\n filters: [\r\n { field: field, operator: 'isnull', value: null},\r\n { field: field, operator: 'lte', value: start_date },\r\n { field: field, operator: 'gt', value: end_date }\r\n ]\r\n });\r\n\r\n } else if (filter.operator == 'lte' || filter.operator == 'lt') {\r\n\r\n new_filters.push({filters: [{ field: field, operator: 'lte', value: filter.operator == 'lte' ? end_date : start_date }]});\r\n\r\n } else if (filter.operator == 'gte' || filter.operator == 'gt') {\r\n\r\n new_filters.push({filters: [{ field: field, operator: 'gt', value: filter.operator == 'gte' ? start_date : end_date }]});\r\n\r\n } else if (filter.operator == 'isnull' || filter.operator == 'isnotnull') {\r\n\r\n new_filters.push({ filters: [filter] });\r\n\r\n } else {\r\n // console.log('WARNING: Unable to capture the Filter operator.');\r\n if (filter.value != null) {\r\n filter.value = new Date(filter.value);\r\n new_filters.push({ filters: [filter] });\r\n }\r\n }\r\n });\r\n filters = new_filters;\r\n });\r\n }\r\n if (dataStateClone.filter) {\r\n dataStateClone.filter.filters = filters;\r\n }\r\n // console.log('dataStateClone', dataStateClone);\r\n // console.log('revisedODataString', toODataString(dataStateClone));\r\n return toODataString(dataStateClone);\r\n};\r\n\r\nfunction isUnrelated(subsection, filters) {\r\n // console.log('checking for related actions=' + subsection);\r\n var stringNotFound = true;\r\n filters.forEach(function (filter) {\r\n if (subsection.indexOf(filter) != -1) {\r\n stringNotFound = false;\r\n // console.log('RELATED!=' + filter);\r\n }\r\n });\r\n return !stringNotFound;\r\n}\r\n\r\nfunction isEmpty(obj) {\r\n for(var prop in obj) {\r\n if(obj.hasOwnProperty(prop)) {\r\n return false;\r\n }\r\n }\r\n\r\n return JSON.stringify(obj) === JSON.stringify({});\r\n}\r\n\r\nfunction dateToString(timestamp) {\r\n var date = new Date(timestamp);\r\n var year = date.getFullYear();\r\n var month = date.getMonth() + 1;\r\n var day = date.getDate();\r\n return new Date(Date.parse(`${year}-${month}-${day} 23:59:59.999 GMT-0500`));\r\n}\r\n"],"sourceRoot":""} ![](\"/images/TSCRA-Logo.png\")
\r\n ![\"TSCRA](\"/images/tscra-logo-round.webp\"){kind=logo}
\r\n\t\t\t\t\t\t![\"Cancel](\"/images/cancel-white.png\")
\r\n ![\"Cancel](\"/images/cancel.png\")
\r\n ![\"checked\"](\"/images/wizardCheckmark.png\")
\r\n // ![\"Not](\"/images/wizardCircle.png\")
}\r\n // ![\"Cows](\"/images/membershipBackground.jpg\")
\r\n ![](\"/images/TSCRABackgroundLOGO.png\")
)\r\n }\r\n \r\n ![\"facebook](\"/images/fb.png\")
![\"twitter](\"/images/tw.png\")
:\r\n ![\"back](\"/images/back-to-events-arrow.png\"){kind=icon}
Back to Events\r\n \r\n ![\"map](\"/images/map-icon.png\"){kind=icon}
{this.state.event.title}
: \r\n ![](\"/images/Member-Card-2019-1.png\")
![](\"/images/Member-Card-Back.png\")
\r\n ![\"Store](\"/images/storeLogo.png\")
\r\n