{parse(this.state.event.register)}
\n {this.props.isAutenticated && this.state.event?.price > 0 ? (\n \n
\n ) : null}\n \n \n 
\n
\n )}\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n cart: state.auth.cart,\n isAutenticated: state.auth.token !== null,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onAddCartItem: (cart, newCartItem) =>\n dispatch(actions.addCartItem(cart, newCartItem)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(withToastManager(EventDetail)));\n","import { Button } from \"@material-ui/core\";\nimport React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport CustomImage from \"../CustomImage/CustomImage\";\nimport TextFormat from \"../TextFormat/TextFormat\";\nimport classes from \"./Card.module.css\";\nconst Card = (props) => {\n let history = useHistory();\n\n // Card Title\n const cardTite = props.title ? (\n \n
\n {eventContent != null ? (\n eventContent\n ) : (\n Event Detail
\n{props.date}
\n ) : null;\n\n const onCardClickHandler = () => {\n history.push({\n pathname: props.link,\n });\n };\n\n return (\n\n
\n );\n })\n : null;\n }\n\n return (\n \n
\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n events: state.event.events,\n loading: state.event.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchEvents: (category, queryCriteria) =>\n dispatch(actions.fetchEvents(category, queryCriteria)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withErrorHandler(withRouter(EventsSection), axios));\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withToastManager } from \"react-toast-notifications\";\nimport Loader from \"../../assets/images/loader.gif\";\nimport * as actions from \"../../store/actions/index\";\nimport * as errorMessages from \"../../utils/errorMessages\";\nimport classes from \"./Events.module.css\";\nimport EventSection from \"./EventSection/EventSection\";\n\nclass Events extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n this.props.onFetchCategories();\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps.categories !== this.props.categories;\n }\n\n showError() {\n this.props.toastManager.add(errorMessages.event.EVENTS_NOT_LOADED, {\n appearance: \"warning\",\n autoDismiss: true,\n });\n }\n\n render() {\n let eventSections = (\n \n
\n {this.props.category}
\n{events}
\n \n
Events will be added soon.
s\n \n );\n }\n\n return (\n\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n error: state.event.error,\n categories: state.event.categories,\n loading: state.event.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchCategories: () => dispatch(actions.fetchEventCategories()),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withToastManager(Events));\n","import React from \"react\";\nimport classes from \"./Highlights.module.css\";\n\n// import commingSoonImage from \"../../assets/images/comming-soon.jpg\";\n\nconst Highlights = (props) => {\n return (\n \n
\n Events
\n\n {eventSections != null ? (\n eventSections\n ) : (\n \n {/* */}\n
\n )}\n Events will be added soon.
s\n\n {/*
\n \n );\n};\nexport default Highlights;\n","import { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport clsx from \"clsx\";\nimport React, { Component } from \"react\";\n// import Swiper core and required modules\nimport SwiperCore, {\n A11y,\n Autoplay,\n Navigation,\n Pagination,\n Scrollbar\n} from \"swiper\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\n// Import Swiper styles\nimport \"swiper/swiper-bundle.min.css\";\nimport \"swiper/swiper.min.css\";\nimport DefaultImage from \"../../assets/images/common/default.png\";\nimport CustomImage from \"../UI/CustomImage/CustomImage\";\nimport \"./Slider.css\";\n\n// install Swiper modules\nSwiperCore.use([Navigation, Pagination, Scrollbar, A11y, Autoplay]);\n\nclass Slider extends Component {\n state = {\n params: {\n spaceBetween: 10,\n // navigation: this.props.navigation ? true : false,\n navigation: {\n nextEl: \".arrow-right\",\n prevEl: \".arrow-left\",\n },\n pagination: this.props.pagination ? { clickable: true } : false,\n loop: true,\n autoplay: { delay: 5000 },\n // Responsive breakpoints\n breakpoints: {\n 100: {\n slidesPerView:\n this.props.params.slidesPerView < 1\n ? this.props.params.slidesPerView\n : 1,\n\n centerInsufficientSlides: true,\n },\n 400: {\n slidesPerView:\n this.props.params.slidesPerView < 2\n ? this.props.params.slidesPerView\n : 1,\n\n centerInsufficientSlides: true,\n },\n 768: {\n slidesPerView:\n this.props.params.slidesPerView < 3\n ? this.props.params.slidesPerView\n : 3,\n centeredSlides: true,\n },\n // when window width is >= 1000px\n 1000: {\n slidesPerView: this.props.params.slidesPerView,\n spaceBetween: 20,\n },\n },\n ...this.props.params,\n },\n };\n\n updateSlidesPerView() {}\n\n componentDidMount() {\n document.addEventListener(\"resize\", this.updateSlidesPerView);\n }\n\n render() {\n let swiperSlides = null;\n if (this.props.images) {\n swiperSlides =\n this.props.images.length > 0 ? (\n this.props.images.map((image, i) => {\n return (\n \n
*/}\n Highlights
\n\n {/* 
*/}\n \n
\n Highlights will be added soon.
\n\n
\n \n
\n \n );\n }\n}\nexport default Slider;\n","import React from \"react\";\r\nimport Marquee from \"react-fast-marquee\";\r\nimport \"./SponsorSlider.css\";\r\n\r\nconst SponsorSlider = (props) => {\r\n let images = props.images ? props.images : [];\r\n return(\r\n \r\n );\r\n}\r\nexport default SponsorSlider;","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport classes from \"./Button.module.css\";\n\nconst Button = (props) => {\n let buttonClasses = [classes.Button];\n for (let param in props.params) {\n buttonClasses.push(classes[props.params[param]]);\n }\n return (\n \n \n \n \n \n \n \n \n \n View All \n \n \n View All \n \n View All \n \n View All this.strategizerHandler()}\n >\n
*/}\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n isAutenticated: state.auth.token !== null,\n cart: state.auth.cart,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onAddCartItem: (cart, newCartItem) =>\n dispatch(actions.addCartItem(cart, newCartItem)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(withToastManager(Home)));\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport axios from \"../../../axios-iim\";\nimport Card from \"../../../components/UI/Card/Card\";\nimport withErrorHandler from \"../../../hoc/withErrorHandler/withErrorHandler\";\nimport * as actions from \"../../../store/actions/index\";\nimport Loader from \"../../../assets/images/loader.gif\";\nimport classes from \"./InformalEventSection.module.css\";\n\nclass InformalEventSection extends Component {\n state = {\n informalEvents: [],\n };\n\n componentDidMount() {\n this.props.onFetchInformalEvent(\n this.props.category,\n JSON.stringify({\n filters: [\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\n { field_name: \"e.visible\", value: 1, op: \"=\" },\n ],\n filter_op: \"AND\",\n sort: [{ field_name: \"e.view_order\", op: \"ASC\" }],\n })\n );\n }\n\n render() {\n let informalEvents = (\n \n
\n About The Red Brick Summit
\n {/*\n It is that time of the year again- a rare blossom in the months of\n autumn. The time to take a stroll down the red-bricked walls,\n witnessing the best-in-business luminaries. The time to amalgamate\n learnings and layout the path of a visionary. The time to outwit,\n outplay, and outlast. After its first virtual success in 2020, the\n Red Brick Summit (TRBS), the Mecca of Management fests in India,\n is back for its 5th edition this year, from 9th October to 10th\n October 2021.\n
\n\n The winds of IIM Ahmedabad have always carried with them the\n spirits of adrenaline and enthusiasm. We invite you to this iconic\n edifice that has served as an emblem of academic excellence for\n over 50 years.\n
\nWatch out for this space to know more!
*/}\n {parse(\n this.state.homePageContent\n ? this.state.homePageContent?.about\n : \"Loading...
\"\n )}\n\n {/* \n \n
\n \n \n Close\n \n
\n \n \n 
\n
\n \n {this.state.homePageContent\n ? this.state.homePageContent.event_count + \"+\"\n : \"Loading...\"}\n
\nBusiness Events
\n\n 
\n
\n \n {\" \"}\n {this.state.homePageContent\n ? this.state.homePageContent.speaker_count + \"+\"\n : \"Loading...\"}\n
\nSpeakers
\n\n 
\n
\n \n {\" \"}\n {this.state.homePageContent\n ? this.state.homePageContent.workshop_count + \"+\"\n : \"Loading...\"}\n
\nWorkshops
\n\n 
\n
\n \n {\" \"}\n {this.state.homePageContent\n ? this.state.homePageContent.panel_disc_count + \"+\"\n : \"Loading...\"}\n
\nPanel Discussions
\n\n 
\n
\n \n {this.state.homePageContent\n ? this.state.homePageContent.mng_symp_count\n : \"Loading...\"}\n
\nManagement Symposium
\nSponsors
\n\n {topSponserImages ? (\n
\n \n Events
\n\n {topEventsContent ? (\n \n ) : null}\n
\n Workshops
\n\n {topWorkshopsContent ? (\n \n ) : null}\n
\n \n
*/}\n \n \n Click
Speakers
\n\n {topSpeakersContent ? (\n \n ) : null}\n
\n Connexions
\n\n {topConnexionContent ? (\n \n ) : null}\n
\n Strategizer
\n\n
\n );\n }\n )\n : null;\n }\n\n return (\n \n
\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n informalEvents: state.informalEvent.informalEvents,\n loading: state.informalEvent.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchInformalEvent: (category, queryCriteria) =>\n dispatch(actions.fetchInformalEvents(category, queryCriteria)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withErrorHandler(withRouter(InformalEventSection), axios));\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withToastManager } from \"react-toast-notifications\";\nimport * as actions from \"../../store/actions/index\";\nimport * as errorMessages from \"../../utils/errorMessages\";\nimport classes from \"./InformalEvents.module.css\";\nimport InformalEventSection from \"./InformalEventSection/InformalEventSection\";\n\nclass InformalEvents extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n this.props.onFetchCategories();\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps.categories !== this.props.categories;\n }\n\n showError() {\n this.props.toastManager.add(\n errorMessages.informalEvent.INFORMAL_EVENTS_NOT_LOADED,\n {\n appearance: \"warning\",\n autoDismiss: true,\n }\n );\n }\n\n render() {\n let informalEventSections = null;\n if (!this.props.loading) {\n if (this.props.error) {\n this.showError();\n }\n\n informalEventSections = this.props.categories.map((category, i) => {\n return \n
\n {this.props.category}
\n{informalEvents}
\n \n
\n Informal Events will be added soon.\n
\n \n );\n }\n\n return (\n\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n error: state.informalEvent.error,\n categories: state.informalEvent.categories,\n loading: state.informalEvent.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchCategories: () => dispatch(actions.fetchInformalEventCategories()),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withToastManager(InformalEvents));\n","import { Button } from \"@material-ui/core\";\nimport moment from \"moment\";\nimport React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { withToastManager } from \"react-toast-notifications\";\nimport CustomImage from \"../../components/UI/CustomImage/CustomImage\";\nimport * as actions from \"../../store/actions/index\";\nimport classes from \"./Speakers.module.css\";\nimport Loader from \"../../assets/images/loader.gif\";\nimport TextFormat from \"../../components/UI/TextFormat/TextFormat\";\n\nclass Speakers extends Component {\n getCharsAllowed = (factor) => {\n return window.innerWidth / factor;\n };\n\n componentDidMount() {\n window.scrollTo(0, 1);\n this.props.onFetchSpeakers(\n \"all_speakers\",\n JSON.stringify({\n filters: [{ field_name: \"e.visible\", value: 1, op: \"=\" }],\n filter_op: \"\",\n sort: [{ field_name: \"e.view_order\", op: \"ASC\" }],\n })\n );\n }\n onCardClickHandler(slug) {\n this.props.history.push({\n pathname: this.props.match.url + \"/\" + slug,\n });\n }\n render() {\n return (\n \n
\n Informal Event
\n\n {informalEventSections != null &&\n informalEventSections.length !== 0 ? (\n informalEventSections\n ) : (\n \n
\n )}\n \n Informal Events will be added soon.\n
\n\n \n \n
\n )}\n \n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n error: state.speaker.error,\n speakers: state.speaker.speakers,\n loading: state.speaker.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchSpeakers: (category, queryCriteria) =>\n dispatch(actions.fetchSpeakers(category, queryCriteria)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(withToastManager(Speakers)));\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { withToastManager } from \"react-toast-notifications\";\nimport Loader from \"../../assets/images/loader.gif\";\nimport CustomImage from \"../../components/UI/CustomImage/CustomImage\";\nimport * as actions from \"../../store/actions/index\";\nimport classes from \"./Sponsers.module.css\";\n\nclass Sponsers extends Component {\n componentDidMount() {\n window.scrollTo(0, 1);\n this.props.onFetchCategories(\n JSON.stringify({\n filters: [\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\n ],\n filter_op: \"\",\n sort: [],\n })\n );\n this.props.onFetchSponsers(\n \"all_sponsers\",\n JSON.stringify({\n filters: [{ field_name: \"e.visible\", value: 1, op: \"=\" }],\n filter_op: \"\",\n sort: [{ field_name: \"e.view_order\", op: \"ASC\" }],\n })\n );\n }\n\n onCardClickHandler(slug) {\n this.props.history.push({\n pathname: this.props.match.url + \"/\" + slug,\n });\n }\n sponserClickHandler(item) {\n window.open(item.link, \"_blank\");\n }\n render() {\n let sponsers =\n this.props.categories && this.props.sponsers\n ? this.props.categories.map((category, index) => {\n return {\n category: category,\n data: this.props.sponsers[\"all_sponsers\"].filter(\n (sponser) => sponser.type === category\n ),\n };\n })\n : [];\n return (\n \n
\n Speakers
\n\n {this.props.speakers ? (\n this.props.speakers[\"all_speakers\"].map((speaker, index) => {\n return (\n \n \n View Details\n \n
\n );\n })\n ) : (\n \n
\n \n \n
\n
\n \n \n {speaker.name}\n \n
\n \n
\n {speaker.date +\n \" \" +\n moment(speaker.time).format(\"HH:mm A\")}\n
\n\n
\n
\n );\n })}\n \n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n error: state.sponser.error,\n sponsers: state.sponser.sponsers,\n categories: state.sponser.categories,\n loading: state.sponser.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchCategories: () => dispatch(actions.fetchSponserCategories()),\n onFetchSponsers: (category, queryCriteria) =>\n dispatch(actions.fetchSponsers(category, queryCriteria)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(withToastManager(Sponsers)));\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport Loader from \"../../../assets/images/loader.gif\";\nimport axios from \"../../../axios-iim\";\nimport Card from \"../../../components/UI/Card/Card\";\nimport withErrorHandler from \"../../../hoc/withErrorHandler/withErrorHandler\";\nimport * as actions from \"../../../store/actions/index\";\nimport classes from \"./WorkshopSection.module.css\";\n\nclass WorkshopSection extends Component {\n state = {\n workshops: [],\n };\n\n componentDidMount() {\n this.props.onFetchWorkshop(\n this.props.category,\n JSON.stringify({\n filters: [\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\n { field_name: \"e.visible\", value: 1, op: \"=\" },\n ],\n filter_op: \"AND\",\n sort: [{ field_name: \"e.view_order\", op: \"ASC\" }],\n })\n );\n }\n\n render() {\n let workshops = (\n \n
\n Sponsors
\n\n {sponsers.map((sponser, index) => {\n return (\n
\n \n \n
\n )}\n {sponser.category}
\n\n {sponser.data ? (\n sponser.data.map((item, index) => (\n \n
\n ))\n ) : (\n \n
\n \n
\n {item.title}
\n\n
\n
\n );\n })\n : null;\n }\n\n return (\n \n
\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n workshops: state.workshop.workshops,\n loading: state.workshop.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchWorkshop: (category, queryCriteria) =>\n dispatch(actions.fetchWorkshops(category, queryCriteria)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withErrorHandler(withRouter(WorkshopSection), axios));\n","import React, { Component } from \"react\";\nimport classes from \"./Workshops.module.css\";\nimport { connect } from \"react-redux\";\nimport * as actions from \"../../store/actions/index\";\nimport * as errorMessages from \"../../utils/errorMessages\";\n\nimport { withToastManager } from \"react-toast-notifications\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nimport WorkshopSection from \"./WorkshopSection/WorkshopSection\";\n\nclass Workshops extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n this.props.onFetchCategories();\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return nextProps.categories !== this.props.categories;\n }\n\n showError() {\n this.props.toastManager.add(errorMessages.workshop.WORKSHOPS_NOT_LOADED, {\n appearance: \"warning\",\n autoDismiss: true,\n });\n }\n\n render() {\n let workshopSections = \n
\n {this.props.category}
\n{workshops}
\n \n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n error: state.workshop.error,\n categories: state.workshop.categories,\n loading: state.workshop.loading,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onFetchCategories: () => dispatch(actions.fetchWorkshopCategories()),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withToastManager(Workshops));\n","export default __webpack_public_path__ + \"static/media/iim-logo.a0a99168.png\";","import React, { Component } from \"react\";\nimport classes from \"./Footer.module.css\";\n// import Role from \"./Role/Role\";\nimport mapboxgl from \"!mapbox-gl\"; // eslint-disable-line import/no-webpack-loader-syntax\nimport axios from \"../../axios-iim\";\n\nimport FooterLogo from \"../../assets/images/footer/iim-logo.png\";\nimport { NavLink } from \"react-router-dom\";\n\nmapboxgl.accessToken =\n \"pk.eyJ1Ijoicm9oYW45NzIiLCJhIjoiY2twcGhnY2ZqMDEyczJwcXF4eTdnbjRmcSJ9.qZ5TCOsCovpFGsad5ZDc8g\";\n\nclass Footer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n lng: 72.53255572328,\n lat: 23.033954396625898,\n zoom: 14,\n roles: [],\n };\n this.mapContainer = React.createRef();\n }\n\n componentDidMount() {\n const { lng, lat, zoom } = this.state;\n new mapboxgl.Map({\n container: this.mapContainer.current,\n style: \"mapbox://styles/mapbox/streets-v11\",\n center: [lng, lat],\n zoom: zoom,\n });\n\n // Hide the mapbox attribution\n this.mapContainer.current.getElementsByClassName(\n \"mapboxgl-control-container\"\n )[0].style.display = \"none\";\n\n axios\n .post(\n \"/contact-role/read.php\",\n JSON.stringify({\n filters: [],\n filter_op: \"\",\n sort: [],\n })\n )\n .then((res) => {\n const fetchedRoles = [];\n for (let key in res.data) {\n fetchedRoles.push({\n roleDesc: res.data[key].designation,\n contact_role_id: res.data[key].contact_role_id,\n inCharge: res.data[key].contact_people.map((cp) => {\n return {\n name: cp.poc,\n email: cp.email,\n };\n }),\n });\n }\n this.setState({\n roles: [...this.state.roles, ...fetchedRoles],\n });\n });\n }\n\n mapClicked() {\n const coordinates = this.state.lat + \",\" + this.state.lng;\n const location =\n \"https://www.google.com.sa/maps/search/\" + coordinates + \"?hl=en\";\n window.open(location);\n }\n\n render() {\n // let roles = this.state.roles.map((role, i) => {\n // return (\n // \n
\n Workshop
\n\n {workshopSections != null ? (\n workshopSections\n ) : (\n \n {/* */}\n
\n )}\n Events will be added soon.
s\n{roles}
*/}\n \n
\n \n \n );\n }\n}\nexport default Footer;\n","import React, { useEffect } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport * as actions from \"../../store/actions\";\r\nconst Messenger = (props) => {\r\n let { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n if (props.newMessage) {\r\n addToast(props.message, {\r\n appearance: props.messageType,\r\n autoDismiss: true,\r\n onDismiss: props.onNotificationDismiss,\r\n });\r\n }\r\n }, [props, addToast]);\r\n\r\n return <>;\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n message: state.messenger.message,\r\n messageType: state.messenger.messageType,\r\n newMessage: state.messenger.newMessage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onNotificationDismiss: () => dispatch(actions.removeMessage()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Messenger);\r\n","export default __webpack_public_path__ + \"static/media/logo.7d098ed5.png\";","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport LogoImage from \"../../assets/images/logo.png\";\n\nimport classes from \"./Logo.module.css\";\n\nconst Logo = (props) => {\n const history = useHistory();\n\n const logoClicked = () => {\n history.push(\"/\");\n };\n\n return (\n \n Home \n Meet the team \n Contact Us \n
\n \n 
\n
\n Getting There
\n\n Address: Vastrapur, Ahmedabad, Gujarat 380015\n
\n\n 
\n
\n );\n};\nexport default Logo;\n","import React, { useState } from \"react\";\r\nimport * as classes from \"./Dropdown.module.css\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport ExpandLessIcon from \"@material-ui/icons/ExpandLess\";\r\nconst Dropdown = (props) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n return (\r\n \r\n setIsOpen(!isOpen)}\r\n >\r\n {props.children}\r\n
\r\n \r\n );\r\n};\r\nexport default Dropdown;\r\n","import React from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport * as classes from \"./DropdownItem.module.css\";\r\nconst DropdownItem = (props) => {\r\n return (\r\n <>\r\n setIsOpen(!isOpen)}>\r\n {props.headText}\r\n {isOpen ?
\n \n {dropdown.title}\n \n
\n );\n })\n : null;\n\n return (\n \n \n {props.children}\n \n {dropdownItems}\n
\n );\n};\n\nexport default NavigationItem;\n","import { faUser, faUserPlus } from \"@fortawesome/free-solid-svg-icons\";\nimport ShoppingCartIcon from \"@material-ui/icons/ShoppingCart\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n Accordion,\n AccordionDetails,\n AccordionSummary,\n} from \"@material-ui/core\";\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport { NavLink } from \"react-router-dom\";\nimport Dropdown from \"../../UI/Dropdown/Dropdown\";\nimport DropdownItem from \"../../UI/Dropdown/DropdownItem/DropdownItem\";\nimport NavigationItem from \"./NavigationItem/NavigationItem\";\nimport classes from \"./NavigationItems.module.css\";\n\nconst NavigationItems = (props) => {\n let navItemsClasses = [classes.NavigationItems];\n const [expanded, setExpanded] = React.useState(false);\n\n const handleChange = (panel) => (event, isExpanded) => {\n setExpanded(isExpanded ? panel : false);\n };\n\n if (props.isNavOpen) navItemsClasses.push(classes.Open);\n else navItemsClasses.push(classes.Close);\n return (\n \n \n About US\n \n \n Events\n \n \n Informal Events\n \n \n Workshops\n \n \n Speakers\n \n \n Highlights\n \n \n Connexions\n \n \n Sponsors\n \n \n Strategizer\n \n \n Contact Us\n \n {props.isAutenticated ? (\n <>\n \n \n \n Profile\n \n {props.user?.role === \"admin\" ? (\n \n Dashboard\n \n ) : null}\n\n \n Cart\n \n \n Logout\n \n \n \n \n ) : (\n
\n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n isAutenticated: state.auth.token !== null,\n user: state.auth.user,\n cart: state.auth.cart,\n };\n};\n\nexport default connect(mapStateToProps)(NavigationItems);\n","import React from \"react\";\nimport classes from \"./HamburgerMenu.module.css\";\n\nconst HamburgerMenu = (props) => {\n let menuClasses = [classes.Hamburger];\n if (props.isNavOpen) menuClasses.push(classes.Open);\n return (\n \n \n Profile \n {props.user?.role === \"admin\" ? (\n Dashboard \n ) : null}\n Logout \n \n \n \n
\n \n
\n \n \n \n \n \n
\n )}\n Login
\nRegister
\n\n \n \n \n
\n );\n};\nexport default HamburgerMenu;\n","import React, { Component } from \"react\";\nimport Logo from \"../../Logo/Logo\";\nimport NavigationItems from \"../NavigationItems/NavigationItems\";\nimport HamburgerMenu from \"../HamburgerMenu/HamburgerMenu\";\n\nimport classes from \"./Header.module.css\";\n\nclass Header extends Component {\n state = {\n navOpen: false,\n };\n\n componentDidMount() {\n this.toggleNavbarOnPageResize();\n window.addEventListener(\"resize\", this.toggleNavbarOnPageResize.bind(this));\n }\n\n toggleNavbarOnPageResize() {\n if (window.innerWidth >= this.props.mobileViewportWidth) {\n this.setState({ navOpen: true });\n this.props.toggleContent(true);\n } else {\n this.setState({ navOpen: false });\n }\n }\n\n toggleNavbar = () => {\n let updatedState = { navOpen: !this.state.navOpen };\n this.setState(updatedState);\n this.props.toggleContent(this.state.navOpen);\n };\n\n closeNavbar = () => {\n if (window.innerWidth <= this.props.mobileViewportWidth) {\n this.setState({ navOpen: false });\n this.props.toggleContent(true);\n }\n };\n render() {\n return (\n {this.props.messageType}
\n \n 
\n
\n );\n};\nexport default PageNotFound;\n","import CircularProgress from '@material-ui/core/CircularProgress';\r\nimport jwt_decode from \"jwt-decode\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport axios from \"../../../axios-iim\";\r\nimport * as actions from \"../../../store/actions/auth\";\r\nimport classes from \"./GoogleSignin.module.css\";\r\n\r\nfunction GoogleSignin(props) {\r\n let { addToast } = useToasts();\r\n let [loading, setLoading] = useState(false);\r\n\r\n function handleCallBackResponse(response) {\r\n let userObject = jwt_decode(response.credential);\r\n\r\n let requestBody = {\r\n first_name: userObject?.given_name,\r\n last_name: userObject?.family_name,\r\n email_id: userObject?.email,\r\n login_id: userObject?.email,\r\n profile_image_url: userObject?.picture,\r\n aud: userObject?.aud,\r\n state_id: 0,\r\n is_active: 1\r\n };\r\n\r\n setLoading(true);\r\n axios\r\n .post(\"/users/google_auth_signin.php\", JSON.stringify(requestBody))\r\n .then((res) => {\r\n props.onLoginHandler(res?.data?.token, () => {\r\n setLoading(false);\r\n });\r\n })\r\n .catch((error) => {\r\n let serverMessage = error.response?.data?.message;\r\n addToast(serverMessage ? serverMessage : error.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 10000,\r\n });\r\n setLoading(false);\r\n })\r\n }\r\n \r\n useEffect(() => {\r\n /* global google */\r\n google.accounts.id.initialize({\r\n client_id: \"494817464515-7a2h9o2f3mnjp256koehr077nlg4mlrm.apps.googleusercontent.com\",\r\n callback: handleCallBackResponse,\r\n });\r\n\r\n google.accounts.id.renderButton(\r\n document.getElementById(`signInDiv${props.formName}`),\r\n {theme: \"filled_blue\", size: \"large\"}\r\n )\r\n\r\n google.accounts.id.prompt();\r\n }, []);\r\n\r\n return (\r\n \r\n {loading ?
\r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLoginHandler: (token, cb) => dispatch(actions.loginHandlerWithCB(token, cb)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(GoogleSignin);","import React from \"react\";\r\nimport { Form, Formik } from \"formik\";\r\nimport clsx from \"clsx\";\r\nimport classes from \"./LoginForm.module.css\";\r\nimport * as Yup from \"yup\";\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\nimport {\r\n FormControl,\r\n IconButton,\r\n InputAdornment,\r\n InputLabel,\r\n OutlinedInput,\r\n} from \"@material-ui/core\";\r\nimport { AccountCircle, Visibility, VisibilityOff } from \"@material-ui/icons\";\r\nimport * as actions from \"../../../store/actions/auth\";\r\nimport { connect } from \"react-redux\";\r\nimport { NavLink, Redirect } from \"react-router-dom\";\r\nimport GoogleSignin from \"../GoogleSignin/GoogleSignin\";\r\n\r\nconst LoginForm = (props) => {\r\n const [values, setValues] = React.useState({\r\n showPassword: false,\r\n });\r\n\r\n const initialValues = {\r\n login_id: \"\",\r\n password: \"\",\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n login_id: Yup.string().required(\"Required\").email(\"Not a valid email.\"),\r\n password: Yup.string().required(\"Required\"),\r\n });\r\n\r\n const onSubmit = (values, form) => {\r\n form.setSubmitting(true);\r\n props.onLogin(values.login_id, values.password, props.onLoginHandler);\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !values.showPassword });\r\n };\r\n\r\n const handleMouseDownPassword = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n return props.isAuthenticated ? (\r\n \r\n \r\n {(formik) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isAuthenticated: state.auth.token !== null,\r\n hasError: state.auth.error !== null,\r\n loading: state.auth.loading,\r\n authRedirectPath: state.auth.authRedirectPath,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onLogin: (loginId, password, cb) =>\r\n dispatch(actions.login(loginId, password, cb)),\r\n onLoginHandler: (token) => dispatch(actions.loginHandler(token)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LoginForm);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { Form, Formik } from \"formik\";\r\nimport clsx from \"clsx\";\r\nimport classes from \"./RegisterForm.module.css\";\r\nimport * as Yup from \"yup\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport axios from \"../../../axios-iim\";\r\n\r\nimport {\r\n FormControl,\r\n FormHelperText,\r\n Grid,\r\n IconButton,\r\n InputAdornment,\r\n InputLabel,\r\n makeStyles,\r\n OutlinedInput,\r\n Select,\r\n} from \"@material-ui/core\";\r\nimport {\r\n AccountCircle,\r\n Call,\r\n Drafts,\r\n Home,\r\n School,\r\n Send,\r\n Visibility,\r\n VisibilityOff,\r\n} from \"@material-ui/icons\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport GoogleSignin from \"../GoogleSignin/GoogleSignin\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n input: {\r\n margin: theme.spacing(2),\r\n },\r\n fieldError: {\r\n color: \"red\",\r\n },\r\n}));\r\n\r\nconst RegisterForm = (props) => {\r\n const theme = useStyles();\r\n let { addToast } = useToasts();\r\n\r\n const [values, setValues] = React.useState({\r\n showPassword: false,\r\n });\r\n\r\n const [registrationStatus, setRegistrationStatus] = React.useState(false);\r\n\r\n const [touchMap, setTouchMap] = React.useState({\r\n first_name: false,\r\n last_name: false,\r\n email_id: false,\r\n mobile_no: false,\r\n password: false,\r\n address: false,\r\n year: false,\r\n });\r\n\r\n const initialValues = {\r\n first_name: \"\",\r\n last_name: \"\",\r\n email_id: \"\",\r\n mobile_no: \"\",\r\n password: \"\",\r\n college_id: 0,\r\n college_name: null,\r\n year: 0,\r\n address: \"\",\r\n state_id: 0,\r\n profile_image_id: -1,\r\n role: \"user\",\r\n login_id: \"\",\r\n is_active: 1,\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n first_name: Yup.string().required(\"Required\")\r\n .matches(/^([a-zA-Z.]{2,30})$/, \"Invalid value\"),\r\n last_name: Yup.string().required(\"Required\")\r\n .matches(/^([a-zA-Z.]{2,30})$/, \"Invalid value\"),\r\n email_id: Yup.string().required(\"Required\").email(\"Not a valid email\"),\r\n mobile_no: Yup.string()\r\n .required(\"Required\")\r\n .matches(/^[6-9][0-9]{9}$/, \"Not a valid phone number.\"),\r\n year: Yup.number().min(2018, \"Minimum allowed Year is 2018\").max(2030, \"Maximum allowed Year is 2030\"),\r\n password: Yup.string().required(\"Required\"),\r\n });\r\n\r\n let submitContent = useRef();\r\n\r\n const onSubmit = (values, form) => {\r\n values.login_id = values.email_id;\r\n form.setSubmitting(true);\r\n submitContent.current.textContent = \"submitting...\";\r\n axios\r\n .post(\"/users/create.php\", JSON.stringify(values))\r\n .then((res) => {\r\n form.resetForm();\r\n addToast(\"User added successfully\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n setRegistrationStatus(true);\r\n })\r\n .catch((error) => {\r\n let serverMessage = error.response?.data?.message;\r\n addToast(serverMessage ? serverMessage : error.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 10000,\r\n });\r\n submitContent.current.textContent = \"Submit\";\r\n })\r\n .finally(() => {\r\n form.setSubmitting(false);\r\n });\r\n };\r\n\r\n const onSubmitClick = (formik) => {\r\n if (JSON.stringify(formik.errors) === \"{}\") {\r\n return;\r\n }\r\n let newTouchMap = {};\r\n for (let key in formik.values) {\r\n newTouchMap[key] = true;\r\n }\r\n setTouchMap({ ...newTouchMap });\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !values.showPassword });\r\n };\r\n\r\n const handleMouseDownPassword = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n const [statesDropdown, setStatesDropdown] = useState([\r\n { key: \"Select an option\", value: null },\r\n ]);\r\n\r\n const [collegesDropdown, setCollegesDropdown] = useState([\r\n { key: \"Select an option\", value: null },\r\n { key: \"Other\", value: \"-99\" },\r\n ]);\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n axios\r\n .post(\r\n \"/colleges/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedColleges = [];\r\n for (let key in res.data) {\r\n fetchedColleges.push({\r\n value: res.data[key].college_id,\r\n key: res.data[key].name,\r\n });\r\n }\r\n setCollegesDropdown((prevState) => [...prevState, ...fetchedColleges]);\r\n });\r\n\r\n axios\r\n .post(\r\n \"/states/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedStates = [];\r\n for (let key in res.data) {\r\n fetchedStates.push({\r\n value: res.data[key].state_id,\r\n key: res.data[key].name,\r\n });\r\n }\r\n setStatesDropdown((prevState) => [...prevState, ...fetchedStates]);\r\n });\r\n }, []);\r\n\r\n return props.isAuthenticated ? (\r\n Sign In
\r\n\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n You are almost there ! Just verify your Email.
\r\n\r\n You acccount has been successfully created. To activate it, click the\r\n verification link that has been sent to your email id.\r\n
\r\n\r\n \r\n {(formik) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isAuthenticated: state.auth.token !== null,\r\n authRedirectPath: state.auth.authRedirectPath,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(RegisterForm);\r\n","export const extractQueryParams = (queryString) => {\r\n let params = {};\r\n for (let param of queryString.split(\"&\")) {\r\n let key = param.split(\"=\")[0];\r\n let value = param.split(\"=\")[1];\r\n params[key] = value;\r\n }\r\n return params;\r\n};\r\n","import { CircularProgress } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport * as classes from \"./UserActivation.module.css\";\r\nimport * as actions from \"../../../store/actions/index\";\r\nimport { extractQueryParams } from \"../../../utils/queryUtil\";\r\nimport { Component } from \"react\";\r\n\r\nclass UserActivation extends Component {\r\n sanitizeToken = (token) => {\r\n let sanitizedToken = token\r\n .replaceAll(\"=%3Cbr%20/%3E\", \"\")\r\n .replaceAll(\"=Register
\r\n\r\n
\r\n {content}
;\r\n }\r\n}\r\n\r\nconst mapStateToprops = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n isAuthenticated: state.auth.token !== null,\r\n authRedirectPath: state.auth.authRedirectPath,\r\n };\r\n};\r\n\r\nconst mapDispatchToprops = (dispatch) => {\r\n return {\r\n onActivateAccount: (token, cb) =>\r\n dispatch(actions.activateAccount(token, cb)),\r\n onLoginHandler: (token) => dispatch(actions.loginHandler(token)),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToprops, mapDispatchToprops)(UserActivation)\r\n);\r\n","import axios from \"../axios-iim\";\r\nimport { sendMessage } from \"../store/actions\";\r\n\r\nexport const uploadNewImage = (formData, cb) => {\r\n if (formData.has(\"image_upload\")) {\r\n axios\r\n .post(\"/images/create.php\", formData)\r\n .then((data) => {\r\n sendMessage(\"upload success\", \"success\");\r\n cb();\r\n })\r\n .catch((error) => {\r\n // console.log(error);\r\n });\r\n } else {\r\n cb();\r\n }\r\n};\r\n\r\nexport const updateImage = (formData, cb) => {\r\n axios\r\n .post(\"/images/update.php\", formData)\r\n .then((data) => {\r\n sendMessage(\"upload success\", \"success\");\r\n cb();\r\n })\r\n .catch((error) => {\r\n // console.log(error);\r\n });\r\n};\r\n","import React from \"react\";\r\nimport { DataGrid } from \"@material-ui/data-grid\";\r\nimport { Component } from \"react\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Chip,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n Tooltip,\r\n} from \"@material-ui/core\";\r\nimport { Done, ErrorOutline, HourglassEmpty } from \"@material-ui/icons\";\r\nimport * as classes from \"./EventBookings.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n {\r\n field: \"productImage\",\r\n headerName: \" \",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n No Image
\r\n ),\r\n },\r\n {\r\n field: \"productName\",\r\n headerName: \"Title\",\r\n width: 200,\r\n renderCell: (params) => {\r\n let html ={params.value}
;\r\n if (params.value?.split(\"\").length > 25) {\r\n html = (\r\n {params.value}
\r\n pending
;\r\n if (status === \"SUCCESS\") {\r\n html = (\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default EventBookings;\r\n","import React from \"react\";\r\nimport { DataGrid } from \"@material-ui/data-grid\";\r\nimport { Component } from \"react\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Chip,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n Tooltip,\r\n} from \"@material-ui/core\";\r\nimport { Done, ErrorOutline, HourglassEmpty } from \"@material-ui/icons\";\r\nimport * as classes from \"./WorkshopBookings.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n {\r\n field: \"productImage\",\r\n headerName: \" \",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n {/*
\r\n Custom Filter(s)
*/}\r\n\r\n \r\n Status \r\n this.handleChange(e, \"status\")}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n No Image
\r\n ),\r\n },\r\n {\r\n field: \"productName\",\r\n headerName: \"Title\",\r\n width: 200,\r\n renderCell: (params) => {\r\n let html ={params.value}
;\r\n if (params.value?.split(\"\").length > 25) {\r\n html = (\r\n {params.value}
\r\n pending
;\r\n if (status === \"SUCCESS\") {\r\n html = (\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default WorkshopBookings;\r\n","import React from \"react\";\r\nimport { DataGrid } from \"@material-ui/data-grid\";\r\nimport { Component } from \"react\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Chip,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n Tooltip,\r\n} from \"@material-ui/core\";\r\nimport { Done, ErrorOutline, HourglassEmpty } from \"@material-ui/icons\";\r\nimport * as classes from \"./SpeakerBookings.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n {\r\n field: \"productImage\",\r\n headerName: \" \",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n {/*
\r\n Custom Filter(s)
*/}\r\n\r\n \r\n Status \r\n this.handleChange(e, \"status\")}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n No Image
\r\n ),\r\n },\r\n {\r\n field: \"productName\",\r\n headerName: \"Title\",\r\n width: 200,\r\n renderCell: (params) => {\r\n let html ={params.value}
;\r\n if (params.value?.split(\"\").length > 25) {\r\n html = (\r\n {params.value}
\r\n pending
;\r\n if (status === \"SUCCESS\") {\r\n html = (\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default SpeakerBookings;\r\n","import React from \"react\";\r\nimport { DataGrid } from \"@material-ui/data-grid\";\r\nimport { Component } from \"react\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport {\r\n Button,\r\n Chip,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n Tooltip,\r\n} from \"@material-ui/core\";\r\nimport { Done, ErrorOutline, HourglassEmpty } from \"@material-ui/icons\";\r\nimport * as classes from \"./InformalEventBookings.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n {\r\n field: \"productImage\",\r\n headerName: \" \",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n {/*
\r\n Custom Filter(s)
*/}\r\n\r\n \r\n Status \r\n this.handleChange(e, \"status\")}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n No Image
\r\n ),\r\n },\r\n {\r\n field: \"productName\",\r\n headerName: \"Title\",\r\n width: 200,\r\n renderCell: (params) => {\r\n let html ={params.value}
;\r\n if (params.value?.split(\"\").length > 25) {\r\n html = (\r\n {params.value}
\r\n pending
;\r\n if (status === \"SUCCESS\") {\r\n html = (\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default InformalEventBookings;\r\n","import React, { Component } from \"react\";\r\nimport * as classes from \"./Registration.module.css\";\r\nimport axios from \"../../../../axios-iim\";\r\nimport { connect } from \"react-redux\";\r\nimport EventBookings from \"./EventBookings/EventBookings\";\r\nimport WorkshopBookings from \"./WorkshopBookings/WorkshopBookings\";\r\nimport SpeakerBookings from \"./Speakerbookings/SpeakerBookings\";\r\nimport InformalEventBookings from \"./InformalEventBookings/InformalEventBookings\";\r\nclass Registrations extends Component {\r\n state = {\r\n bookings: [],\r\n activeHeadeTab: \"Events\",\r\n tabs: [\"Events\", \"Workshops\", \"Connexions\", \"Informal Events\"],\r\n };\r\n\r\n componentDidMount() {\r\n axios\r\n .post(\r\n \"/users/booking/read.php\",\r\n JSON.stringify({\r\n filters: [\r\n {\r\n field_name: \"user_id\",\r\n value: this.props.user.app_user_id,\r\n op: \"=\",\r\n }, {\r\n field_name: \"status\",\r\n value: \"initiated\",\r\n op: \"<>\",\r\n }\r\n ],\r\n filter_op: \"AND\",\r\n sort: [\r\n {\r\n field_name: \"product_type\",\r\n op: \"ASC\",\r\n },\r\n ],\r\n })\r\n )\r\n .then((bookings) => {\r\n let updatedState = this.state;\r\n updatedState.bookings = bookings.data;\r\n this.setState({ updatedState });\r\n });\r\n }\r\n\r\n handleBasicHeaderTabClick(tab) {\r\n let updatedState = this.state;\r\n updatedState.activeHeadeTab = tab;\r\n this.setState({ updatedState });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {/*
\r\n Custom Filter(s)
*/}\r\n\r\n \r\n Status \r\n this.handleChange(e, \"status\")}\r\n >\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.tabs.map((tab, i) => {\r\n return (\r\n this.handleBasicHeaderTabClick(tab)}\r\n >\r\n {tab}\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n printCertificate()\r\n } > \r\n < FontAwesomeIcon icon = {faPrint}\r\n style = {{marginRight: \"1rem\"}}\r\n /> Print Certificate : null\r\n }\r\n
\r\n};\r\nexport default Certificate;","import { Backdrop, Button, Fade, Modal } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport axios from \"../../../../axios-iim\";\r\nimport Certificate from \"../../../../components/Certificate/Certificate\";\r\nimport * as config from \"../../../../config.json\";\r\nimport * as actions from \"../../../../store/actions/index\";\r\nimport * as classes from \"./UserCertificateSummary.module.css\";\r\n\r\nclass UserCertificateSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n noOfSelectedRows: 0,\r\n certificates: [],\r\n showCertificatePreview: false,\r\n selectedCertificate: null\r\n };\r\n\r\n columns = [\r\n {\r\n field: \"sl\",\r\n headerName: \"Index\",\r\n width: 100\r\n },\r\n {\r\n field: \"name\",\r\n headerName: \"Name\",\r\n width: 600\r\n },{\r\n field: \"id\",\r\n headerName: \"Show Preview\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n props.imageUrl ? \r\n 
\r\n : \r\n }\r\n
\r\n {props.showPrintBtn ? \r\n \r\n {parse(props.contentText)}\r\n
\r\n \r\n this.closePreview()}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n user: state.auth.user\r\n };\r\n};\r\n\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UserCertificateSummary);\r\n","import {\r\n faCalendar,\r\n faLocationArrow,\r\n faMailBulk,\r\n faMobile,\r\n faSchool,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport DefaultImage from \"../../../assets/images/common/default.png\";\r\nimport CustomImage from \"../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../store/actions/index\";\r\nimport { updateImage, uploadNewImage } from \"../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./Profile.module.css\";\r\nimport Registrations from \"./Registrations/Registration\";\r\nimport UserCertificateSummary from \"./UserCerificateSummary/UserCertificateSummary\";\r\n\r\nclass Profile extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n imageInputRef: React.createRef(),\r\n activeHeadeTab: \"Registrations\",\r\n tabs: [\"Registrations\", \"Certificates\"],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.onFetchUser(this.props.token);\r\n }\r\n\r\n handleBasicHeaderTabClick(tab) {\r\n let updatedState = this.state;\r\n updatedState.activeHeadeTab = tab;\r\n this.setState({ updatedState });\r\n }\r\n\r\n changePictureHandler() {\r\n this.state.imageInputRef.current.click();\r\n }\r\n\r\n onImageFileChange(event) {\r\n let selectedFile = event.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", \"user\");\r\n formData.append(\"entity_type\", \"user\");\r\n formData.append(\"entity_id\", this.props.user.app_user_id);\r\n if (this.props.user.profile_image) {\r\n formData.append(\"path\", this.props.user.profile_image);\r\n updateImage(formData, () => this.props.onFetchUser(this.props.token));\r\n } else {\r\n uploadNewImage(formData, () => this.props.onFetchUser(this.props.token));\r\n }\r\n }\r\n\r\n render() {\r\n console.log(this.props.user)\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.selectedCertificate ? (
\r\n \r\n \r\n Accomodations\r\n
*/}\r\n \r\n
\r\n \r\n \r\n Change Picture\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.user.first_name} {this.props.user.last_name}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.user.address}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.user.email_id}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.user.mobile_no}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.user.college}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.user.year}
\r\n\r\n
\r\n \r\n {this.state.tabs.map((tab, i) => {\r\n return (\r\n this.handleBasicHeaderTabClick(tab)}\r\n >\r\n {tab}\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MatBackdrop;\r\n","import {\r\n Button,\r\n Paper,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport MatBackdrop from \"../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../store/actions/index\";\r\nimport * as classes from \"./Cart.module.css\";\r\nimport { withRouter } from \"react-router\";\r\n\r\nclass Cart extends Component {\r\n state = {\r\n loading: false,\r\n };\r\n constructor(props) {\r\n super(props);\r\n this.couponCodeRef = React.createRef();\r\n }\r\n componentDidMount() {\r\n this.props.onCartLoad(this.props.cart.cart_id, this.loadBill);\r\n }\r\n\r\n loadBill() {\r\n let updatedState = {\r\n ...this.state,\r\n total: this.props.cart.total,\r\n discount: this.props.cart.coupon.coupon_id\r\n ? this.props.cart.coupon.discount\r\n : 0.0,\r\n };\r\n this.setState(updatedState);\r\n }\r\n\r\n handleCheckout() {\r\n if (!this.props.user?.mobile_no || !this.props.user?.email_id) {\r\n this.props.onSendMessage(\"Please complete your profile information to proceed to Checkout.\", \"error\");\r\n this.props.history.push(\"/profile/edit\");\r\n } else {\r\n this.props.onAddOrder(\r\n this.props.token,\r\n this.props.user,\r\n this.props.cart,\r\n this.props.onGetPaymentLink\r\n );\r\n }\r\n }\r\n\r\n isCartValid() {\r\n let isCartEmpty = this.props.cart.cart_items.length > 0 ? false : true;\r\n let isTotalValid = this.props.cart.total < 0 ? false : true;\r\n return !isCartEmpty && isTotalValid;\r\n }\r\n\r\n removeCouponHandler() {\r\n if (this.props.loading) {\r\n return;\r\n }\r\n this.couponCodeRef.current\r\n .querySelector(\"input\")\r\n .setAttribute(\"value\", null);\r\n this.props.onCouponRemove(\r\n this.props.cart,\r\n this.updateButtonState.bind(this)\r\n );\r\n }\r\n\r\n removeCartItemHandler(cart_item_id, cart_item_price) {\r\n this.setState({ loading: true });\r\n if (this.props.loading) {\r\n return;\r\n }\r\n this.props.onCartItemRemove(\r\n this.props.cart,\r\n cart_item_id,\r\n cart_item_price,\r\n this.updateButtonState.bind(this)\r\n );\r\n }\r\n\r\n updateButtonState() {\r\n this.setState({ loading: false });\r\n }\r\n\r\n applyCouponHandler() {\r\n this.setState({ loading: true });\r\n let couponCode = this.couponCodeRef.current.querySelector(\"input\").value;\r\n\r\n this.props.onCouponApply(\r\n this.props.cart,\r\n couponCode,\r\n this.updateButtonState.bind(this)\r\n );\r\n }\r\n\r\n clearCartHandler() {\r\n this.setState({ loading: true });\r\n if (this.props.loading) {\r\n return;\r\n }\r\n this.props.onClearCart(this.props.cart, this.updateButtonState.bind(this));\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n cart: state.auth.cart,\r\n user: state.auth.user,\r\n token: state.auth.token,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n onCartLoad: (cart_id) => dispatch(actions.fetchCartById(cart_id)),\r\n onCartItemRemove: (cart, cart_item_id, cart_item_price, cb) =>\r\n dispatch(actions.removeCartItem(cart, cart_item_id, cart_item_price, cb)),\r\n onCouponRemove: (cart, cb) => dispatch(actions.removeCoupon(cart, cb)),\r\n onCouponApply: (cart, coupon_code, cb) =>\r\n dispatch(actions.onCouponApply(cart, coupon_code, cb)),\r\n onAddOrder: (token, cart, userId, cb) =>\r\n dispatch(actions.addOrder(token, cart, userId, cb)),\r\n onGetPaymentLink: (token, user, cart, orderId) =>\r\n dispatch(actions.getPaymentLink(token, user, cart, orderId)),\r\n onClearCart: (cart, cb) => dispatch(actions.clearCart(cart, cb)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(Cart));\r\n","import moment from \"moment\";\r\nimport axios from \"../../axios-iim\";\r\nimport { updateCart } from \"./cart\";\r\n\r\nimport { startLoading, stopLoading } from \"./common\";\r\nimport { sendMessage } from \"./messenger\";\r\n\r\nexport const addOrder = (token, user, cartData, cb) => {\r\n return (dispatch) => {\r\n let bookingsTotal = 0;\r\n let bookings = cartData.cart_items.map((cartItem) => {\r\n bookingsTotal += +cartItem.price;\r\n return {\r\n price: cartItem.price,\r\n quantity: cartItem.quantity,\r\n product_id: cartItem.product_id,\r\n product_type: cartItem.product_type,\r\n product_name: cartItem.product_name,\r\n product_image: cartItem.product_image,\r\n venue: cartItem.venue,\r\n time: cartItem.event_date\r\n ? moment(cartItem.event_date).format(\"YYYY-MM-DD HH:mm:ss\")\r\n : null,\r\n user_id: user.app_userid,\r\n status: \"initiated\",\r\n };\r\n });\r\n let order = {\r\n total: +cartData.total,\r\n taxes: 0,\r\n discount: +cartData.coupon.discount,\r\n user_id: user.app_user_id,\r\n coupon_id: cartData.coupon.coupon_id,\r\n bookings: bookings,\r\n status: \"pending\",\r\n };\r\n\r\n if (cartData.cart_items.length > 0 && order.total <= 0) {\r\n if (order.discount) {\r\n if (order.discount < bookingsTotal) {\r\n alert(\"Something went wrong. Please clear the cart and try again.\");\r\n return;\r\n }\r\n } else {\r\n return;\r\n }\r\n }\r\n\r\n dispatch(startLoading(cartData, () => {}));\r\n axios\r\n .post(\"/users/order/create.php\", JSON.stringify(order))\r\n .then((response) => {\r\n let cartItems = cartData.cart_items?.map((cartItem) => {\r\n return {\r\n state: -1,\r\n cart_id: cartData.cart_id,\r\n cart_item_id: cartItem.cart_item_id,\r\n price: cartItem.price,\r\n quantity: cartItem.quantity,\r\n product_slug: cartItem.product_slug,\r\n product_id: cartItem.product_id,\r\n product_type: cartItem.product_type,\r\n product_name: cartItem.product_name,\r\n product_image: cartItem.product_image,\r\n venue: cartItem.venue,\r\n event_date: cartItem.event_date,\r\n };\r\n });\r\n\r\n let updatedCartData = {\r\n ...cartData,\r\n sub_total: 0.0,\r\n total: 0.0,\r\n coupon_id: null,\r\n discount: 0.0,\r\n cart_items: cartItems,\r\n };\r\n\r\n if (+cartData.total > 0) {\r\n dispatch(updateCart(updatedCartData, () => {}));\r\n cb(token, user, cartData, response.data.order_id);\r\n } else {\r\n dispatch(\r\n updateCart(updatedCartData, () => {\r\n window.location.href = \"/profile\";\r\n })\r\n );\r\n }\r\n })\r\n .catch((error) => {\r\n dispatch(stopLoading());\r\n dispatch(sendMessage(\"Something went wrong.\", \"error\"));\r\n });\r\n };\r\n};\r\n","import { CircularProgress } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport * as actions from \"../../../store/actions/index\";\r\nclass PaymentHandler extends Component {\r\n componentDidMount() {\r\n let rawQueryParam = this.props.location.search;\r\n try {\r\n if (rawQueryParam) {\r\n let startingIndex = +rawQueryParam.indexOf(\"?\");\r\n if (startingIndex >= 0) {\r\n let queryParams = this.props.location.search.substring(\r\n +startingIndex + 1\r\n );\r\n let arrOfParams = queryParams.split(\"&\");\r\n let params = {};\r\n for (let paramGrp of arrOfParams) {\r\n let param = paramGrp.split(\"=\")[0];\r\n let value = paramGrp.split(\"=\")[1];\r\n params[param] = value;\r\n }\r\n\r\n let description = params[\"description\"];\r\n\r\n let orderDetailList = description.split(\",\");\r\n for (let orderDetail of orderDetailList) {\r\n let param = orderDetail.split(\":\")[0];\r\n let value = orderDetail.split(\":\")[1];\r\n params[param] = value;\r\n }\r\n\r\n let transaction = {\r\n txn_id: params.txn_id,\r\n mode: \"online\",\r\n user_id: params.user_id,\r\n status: params.status === \"success\" ? 1 : 0,\r\n description: params.description,\r\n order_id: params.order_id,\r\n };\r\n this.props.onAddPaymentDetails(\r\n transaction,\r\n this.redirectPage.bind(this)\r\n );\r\n }\r\n }\r\n } catch (error) {\r\n // console.log(\"someting went wrong\");\r\n }\r\n }\r\n\r\n redirectPage() {\r\n this.props.history.push(\"/profile\");\r\n }\r\n\r\n render() {\r\n return Cart
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Clear Cart\r\n \r\n
\r\n \r\n
\r\n \r\n SUBTOTAL : ₹ {this.props.cart.sub_total}\r\n
\r\n\r\n \r\n REMOVE COUPON\r\n \r\n ) : (\r\n \r\n APPLY COUPON\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n DISCOUNT : ₹\r\n {this.props.cart.coupon.coupon_id\r\n ? this.props.cart.coupon.discount\r\n : 0.0}\r\n
\r\n\r\n CART TOTAL : ₹ {this.props.cart.total}\r\n
\r\n\r\n this.handleCheckout()}\r\n >\r\n Checkout\r\n \r\n
\r\n \r\n this.onCheckStatusClose()}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500,\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n token: state.auth.token,\r\n user: state.auth.user,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, type) =>\r\n dispatch(actions.sendMessage(message, type)),\r\n onCheckPaymentStatus: (txnId, orderId, userId, emailId) =>\r\n dispatch(actions.checkPaymentStatus(txnId, orderId, userId, emailId)),\r\n };\r\n};\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withStyles(styles, { withTheme: true })(OrderDetail));\r\n","import {\r\n Paper,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TableRow,\r\n withStyles,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Loader from \"../../assets/images/loader.gif\";\r\nimport axios from \"../../axios-iim\";\r\nimport * as actions from \"../../store/actions/index\";\r\nimport * as cssClasses from \"./Strategizer.module.css\";\r\n\r\nconst styles = (theme) => ({\r\n table: {\r\n minWidth: 650,\r\n },\r\n});\r\n\r\nclass Strategizer extends Component {\r\n state = {\r\n data: null,\r\n dataLoading: true,\r\n };\r\n\r\n componentDidMount() {\r\n axios\r\n .post(\r\n \"/strategizer/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filterOp: \"\",\r\n sort: [\r\n {\r\n field_name: \"score\",\r\n op: \"DESC\",\r\n },\r\n ],\r\n })\r\n )\r\n .then((response) => {\r\n this.setState({ data: response.data, dataLoading: false });\r\n })\r\n .catch((error) => {\r\n this.setState({ dataLoading: false });\r\n this.props.onSendMessage(\"Could not fetch strategizer data. \", \"error\");\r\n });\r\n }\r\n\r\n render() {\r\n const { classes } = this.props;\r\n return (\r\n Transaction Details
\r\n {this.state.data ? (\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n ) : this.state.showLoader ? (\r\n \r\n
\r\n \r\n
\r\n Transaction ID:
\r\n{this.state.data.payment.transaction_id}
\r\n\r\n
\r\n Payment Status:
\r\n {this.state.data.status.toUpperCase() === \"SUCCESS\" ? (\r\n\r\n
\r\n \r\n Transaction Date:{\" \"}\r\n {new Date(this.state.data.created_at).toDateString()}\r\n
\r\n {this.state.data.status.toUpperCase() !== \"SUCCESS\" &&\r\n this.state.data.status.toUpperCase() !== \"FAILED\" ? (\r\n \r\n this.onCheckStatusModalHandler()}\r\n >\r\n Check Status\r\n \r\n
\r\n ) : null}\r\n Have Made Payment ?
\r\nNo data
\r\n )}\r\n\r\n this.onCheckStatusHandler()}\r\n >\r\n Submit\r\n \r\n
\r\n Enter Transaction ID
\r\n\r\n \r\n \r\n
\r\n ) : (\r\n \r\n Campus Strategizer Leaderboard\r\n
\r\n {this.state.data ? (\r\n\r\n
\r\n ) : this.state.dataLoading ? (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Weekly Leaderboard
\r\n\r\n {\" \"}\r\n \r\n \r\n
\r\n \r\n
\r\n Overall Leaderboard
\r\nNo data
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, type) =>\r\n dispatch(actions.sendMessage(message, type)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n null,\r\n mapDispatchToProps\r\n)(withStyles(styles, { withTheme: true })(Strategizer));\r\n","import { ListItem } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport * as classes from \"./ListLink.module.css\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport clsx from \"clsx\";\r\nconst ListLink = (props) => {\r\n return (\r\n\r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"video_link\", aboutPage)()\r\n }\r\n helperText={this.state.initialValues.video_link.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n onChange={(aboutPage, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"about\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(aboutPage, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"event_desc\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(aboutPage, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"speaker_desc\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(aboutPage, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"workshop_desc\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onEditAboutPage: (aboutPageData, cb) =>\r\n dispatch(actions.editAboutPage(aboutPageData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditAboutPage)\r\n);\r\n","import { Chip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport { Done, ErrorOutline, HourglassEmpty } from \"@material-ui/icons\";\r\nimport React, { Component } from \"react\";\r\nimport axios from \"../../../../axios-iim\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Booking ID\", width: 200 },\r\n {\r\n field: \"status\",\r\n headerName: \"Status\",\r\n width: 250,\r\n renderCell: (params) => {\r\n let status = params.value.toUpperCase();\r\n let html = \r\n
\r\n Edit Home Page
\r\nAbout
\r\nEvent Description
\r\nSpeaker Description
\r\nWorkshop Description
\r\npending
;\r\n if (status === \"SUCCESS\") {\r\n html = (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nexport default BookingsReport;\r\n","export const initalValues = {\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Radio,\r\n RadioGroup,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./AddCollege.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nclass AddCollege extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n isFormValid: true,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(college) {\r\n college.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let collegeData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n collegeData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.addCollge(collegeData);\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n addCollge(collegeData) {\r\n axios\r\n .post(\"/colleges/create.php\", JSON.stringify(collegeData))\r\n .then((response) => {\r\n this.successHandler();\r\n })\r\n .catch((error) => {\r\n this.failureHandler();\r\n });\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"College Added Successfully\", \"success\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/collegesSummary\";\r\n }\r\n\r\n failureHandler() {\r\n this.props.onSendMessage(\"College was not added.\", \"error\");\r\n }\r\n\r\n fieldChangHandler(key, college) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = college.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n if (this.state.collegeImageUploadSuccess) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", college)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"is_active\", college)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddCollege);\r\n","import { Button } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./CollegeSummary.module.css\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nconst columns = [\r\n { field: \"college_id\", headerName: \"ID\", width: 100 },\r\n { field: \"name\", headerName: \"College Name\", width: 600 },\r\n { field: \"created_at\", headerName: \"Created At\", width: 200 },\r\n { field: \"updated_at\", headerName: \"Updated At\", width: 200 },\r\n];\r\n\r\nclass CollegeSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n selectionModel: [],\r\n };\r\n\r\n componentDidMount() {\r\n axios\r\n .post(\r\n \"/colleges/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedColleges = [];\r\n for (let key in res.data) {\r\n fetchedColleges.push({\r\n college_id: res.data[key].college_id,\r\n name: res.data[key].name,\r\n is_active: res.data[key].is_active,\r\n created_at: res.data[key].created_at,\r\n updated_at: res.data[key].updated_at,\r\n });\r\n }\r\n this.setState({\r\n rows: [...this.state.rows, ...fetchedColleges],\r\n });\r\n });\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n axios\r\n .post(\"/colleges/delete.php\", JSON.stringify({ id: id }))\r\n .then((response) => {\r\n this.props.onSendMessage(\"College Deleted\", \"success\");\r\n setTimeout(() => {\r\n window.location.href = \"/dashboard/collegesSummary\";\r\n }, 1000);\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong\", \"error\");\r\n });\r\n });\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editCollege?collegeId=\" + this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let colleges = this.state.rows\r\n ? this.state.rows.map((college, index) => {\r\n return {\r\n id: college.college_id,\r\n college_id: college.college_id,\r\n name: college.name,\r\n is_active: college.is_active,\r\n created_at: college.created_at,\r\n updated_at: college.updated_at,\r\n };\r\n })\r\n : [];\r\n let content = this.state.doEdit ? (\r\n \r\n
\r\n Add College
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CollegeSummary);\r\n","export const initalValues = {\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n college_id: {\r\n value: -1,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Radio,\r\n RadioGroup,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditCollege.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditCollege extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n collegeTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n rolesDropdown: [{ key: \"Select an option\", value: null }],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n this.props.stopLoading();\r\n axios\r\n .get(\"/colleges/read_single.php?id=\" + queryParams.collegeId)\r\n .then((response) => {\r\n let collegeData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = collegeData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n // window.location.href = \"/dashboard/collegeSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(college) {\r\n college.preventDefault();\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let collegeData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n collegeData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.ediCollege(collegeData, this.successHandler.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n ediCollege(college, cb) {\r\n let collegeData = {\r\n college_id: +college.college_id,\r\n name: college.name,\r\n is_active: +college.is_active,\r\n };\r\n axios\r\n .post(\"/colleges/update.php\", JSON.stringify(collegeData))\r\n .then((response) => {\r\n console.log(response);\r\n cb();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong\", \"error\");\r\n });\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"College Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/collegesSummary\";\r\n }\r\n\r\n fieldChangHandler(key, college) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = college.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.collegeImageUploadSuccess &&\r\n this.state.collegeTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete College\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit College\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete College\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditCollege)\r\n);\r\n","import moment from \"moment\";\r\nexport const connexionTypes = [\"\"];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: connexionTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n introduction: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n topic: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n biography: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n registration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddConnexion.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddConnexion extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n connexionTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n connexionImage: null,\r\n connexionTimelineImage: null,\r\n connexionImageFormData: new FormData(),\r\n connexionTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n connexionImageUploadSuccess: false,\r\n connexionTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n s;\r\n componentDidMount() {\r\n this.props.onFetchCategories(\r\n JSON.stringify({\r\n filters: [\r\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\r\n ],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(connexion) {\r\n connexion.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let connexionData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n connexionData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddConnexion(connexionData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(connexionId) {\r\n if (this.state.connexionImage !== null) {\r\n let connexionImageformData = this.state.connexionImageFormData;\r\n connexionImageformData.append(\"entity_id\", connexionId);\r\n uploadNewImage(connexionImageformData, () =>\r\n this.setState({ ...this.state, connexionImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, connexionImageUploadSuccess: true });\r\n }\r\n if (this.state.connexionTimelineImage !== null) {\r\n let timelineConnexionImageformData =\r\n this.state.connexionTimelineImageFormData;\r\n timelineConnexionImageformData.append(\"entity_id\", connexionId);\r\n uploadNewImage(timelineConnexionImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n connexionTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n connexionTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Connexion Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/connexionSummary\";\r\n }\r\n\r\n fieldChangHandler(key, connexion) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = connexion.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onConnexionImageChange(connexion, uploadType) {\r\n let selectedFile = connexion.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"connexion\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"connexion-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n connexionTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n connexionImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"connexion-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"connexion-timeline\") {\r\n this.setState({ connexionTimelineImage: src });\r\n } else {\r\n this.setState({ connexionImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.connexionImageUploadSuccess &&\r\n this.state.connexionTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n \r\n Edit College
\r\n\r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", connexion)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", connexion)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Connexion Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", event)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ,\r\n this.props.categories.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(this, \"date\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(this, \"time\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"topic\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"designation\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"duration\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"introduction\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"biography\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"registration\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n connexion\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", connexion)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.connexion.error,\r\n categories: state.connexion.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCategories: () => dispatch(actions.fetchConnexionCategories()),\r\n onAddConnexion: (connexionData, cb) =>\r\n dispatch(actions.addConnexion(connexionData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddConnexion);\r\n","import { Button, Tooltip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport parse from \"html-react-parser\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./ConnexionSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Connexion ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Add Connexion
\r\n\r\n \r\n this.onConnexionImageChange.bind(this, connexion, \"connexion\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Introduction
\r\nBiography
\r\nRegistration
\r\nNo Image
\r\n ),\r\n },\r\n { field: \"name\", headerName: \"Name\", width: 200 },\r\n { field: \"topic\", headerName: \"topic\", width: 200 },\r\n { field: \"type\", headerName: \"type\", width: 200 },\r\n { field: \"slug\", headerName: \"Slug\", width: 200 },\r\n {\r\n field: \"introduction\",\r\n headerName: \"Introduction\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n{params.value}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connexions: state.connexion.connexions,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchConnexions: (category, queryCriteria) =>\r\n dispatch(actions.fetchConnexions(category, queryCriteria)),\r\n onDeleteConnexion: (connexionId) =>\r\n dispatch(actions.deleteConnexion(connexionId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ConnexionSummary);\r\n","import moment from \"moment\";\r\nexport const connexionTypes = [\"\"];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n introduction: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n type: {\r\n value: connexionTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n topic: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n biography: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n registration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n connexion_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditConnexion.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditConnexion extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n connexionTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n connexionImage: null,\r\n connexionTimelineImage: null,\r\n connexionImageFormData: new FormData(),\r\n connexionTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n connexionImageUploadSuccess: false,\r\n connexionTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n this.props.onFetchCategories(\r\n JSON.stringify({\r\n filters: [\r\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\r\n ],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/connexions/read-single.php?id=\" + queryParams.connexionId)\r\n .then((response) => {\r\n let connexionData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = connexionData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/connexionSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(connexion) {\r\n connexion.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let connexionData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n connexionData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditConnexion(connexionData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.connexionImage !== null) {\r\n let connexionImageformData = this.state.connexionImageFormData;\r\n connexionImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.connexion_id.value\r\n );\r\n if (connexionImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(connexionImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n connexionImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(connexionImageformData, () =>\r\n this.setState({ ...this.state, connexionImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, connexionImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.connexionTimelineImage !== null) {\r\n let timelineConnexionImageformData =\r\n this.state.connexionTimelineImageFormData;\r\n timelineConnexionImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.connexion_id.value\r\n );\r\n if (timelineConnexionImageformData.get(\"path\") === \"null\") {\r\n // image was not present connexion when added, now being added first time\r\n uploadNewImage(timelineConnexionImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n connexionTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineConnexionImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n connexionTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n connexionTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Connexion Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/connexionSummary\";\r\n }\r\n\r\n fieldChangHandler(key, connexion) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = connexion.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onConnexionImageChange(connexion, uploadType) {\r\n let selectedFile = connexion.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"connexion\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"connexion-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"connexion\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"connexion-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n connexionTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n connexionImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"connexion-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"connexion-timeline\") {\r\n this.setState({ connexionTimelineImage: src });\r\n } else {\r\n this.setState({ connexionImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.connexionImageUploadSuccess &&\r\n this.state.connexionTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Connexion\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Connexion\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Connexion\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", connexion)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", connexion)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Connexion Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", connexion)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ,\r\n this.props.categories.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(this, \"date\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(this, \"time\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"topic\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"designation\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"duration\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n data={this.state.initialValues.introduction.value}\r\n onChange={(connexion, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"introduction\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(connexion, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"biography\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.registration.value}\r\n onChange={(connexion, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"registration\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", connexion)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n connexion\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", connexion)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.connexion.error,\r\n categories: state.connexion.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCategories: () => dispatch(actions.fetchConnexionCategories()),\r\n onFetchConnexions: () => dispatch(actions.fetchConnexions()),\r\n onEditConnexion: (connexionData, cb) =>\r\n dispatch(actions.editConnexion(connexionData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditConnexion)\r\n);\r\n","export const initalValues = {\r\n poc: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n email: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n contact_role_id: {\r\n value: -1,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./AddContactPerson.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nclass AddContactPerson extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n contactPersonTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n rolesDropdown: [{ key: \"Select an option\", value: null }],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n axios\r\n .post(\r\n \"/contact-role/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedRoles = [];\r\n for (let key in res.data) {\r\n fetchedRoles.push({\r\n value: res.data[key].contact_role_id,\r\n key: res.data[key].designation,\r\n });\r\n }\r\n this.setState({\r\n rolesDropdown: [...this.state.rolesDropdown, ...fetchedRoles],\r\n });\r\n });\r\n }\r\n\r\n onFormSubmit(contactPerson) {\r\n contactPerson.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let contactPersonData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n contactPersonData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddContactPerson(\r\n contactPersonData,\r\n this.successHandler.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"ContactPerson Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/contactPersonSummary\";\r\n }\r\n\r\n fieldChangHandler(key, contactPerson) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = contactPerson.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n Edit Connexion
\r\n\r\n \r\n this.onConnexionImageChange.bind(this, connexion, \"connexion\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Introduction
\r\nBiography
\r\nRegistration
\r\n\r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"poc\", contactPerson)()\r\n }\r\n helperText={this.state.initialValues.poc.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"email\", contactPerson)()\r\n }\r\n helperText={this.state.initialValues.email.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Role \r\n \r\n this.fieldChangHandler.bind(this, \"contact_role_id\", event)()\r\n }\r\n fullWidth\r\n >\r\n {[\r\n this.state.rolesDropdown\r\n ? this.state.rolesDropdown.map((role, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : null,\r\n ]}\r\n \r\n \r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", contactPerson)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.contactPerson.error,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddContactPerson: (contactPersonData, cb) =>\r\n dispatch(actions.addContactPerson(contactPersonData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddContactPerson);\r\n","import { Button } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./ContactPersonSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n { field: \"poc\", headerName: \"POC\", width: 200 },\r\n { field: \"email\", headerName: \"Email\", width: 200 },\r\n { field: \"designation\", headerName: \"Role\", width: 500 },\r\n];\r\n\r\nclass ContactPersonSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onFetchContactPersons(\r\n \"all_contact_persons\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n selectionModel: [],\r\n })\r\n );\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n this.props.onDeleteContactPerson(id);\r\n });\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editContactPerson?contactPersonId=\" +\r\n this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let contactPersons =\r\n this.props.contactPersons &&\r\n this.props.contactPersons[\"all_contact_persons\"]\r\n ? this.props.contactPersons[\"all_contact_persons\"].map(\r\n (contactPerson, index) => {\r\n return {\r\n id: contactPerson.contact_person_id,\r\n contact_person_id: contactPerson.contact_person_id,\r\n poc: contactPerson.poc,\r\n email: contactPerson.email,\r\n contact_role_id: contactPerson.contact_role_id,\r\n designation: contactPerson.designation,\r\n priority: contactPerson.priority,\r\n };\r\n }\r\n )\r\n : [];\r\n let content = this.state.doEdit ? (\r\n \r\n
\r\n Add Contact Person
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n contactPersons: state.contactPerson.contactPersons,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchContactPersons: (category, queryCriteria) =>\r\n dispatch(actions.fetchContactPersons(category, queryCriteria)),\r\n onDeleteContactPerson: (contactPersonId) =>\r\n dispatch(actions.deleteContactPerson(contactPersonId)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(ContactPersonSummary);\r\n","export const initalValues = {\r\n poc: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n email: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n contact_role_id: {\r\n value: -1,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact_person_id: {\r\n value: -1,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditContactPerson.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditContactPerson extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n contactPersonTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n rolesDropdown: [{ key: \"Select an option\", value: null }],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n this.props.stopLoading();\r\n axios\r\n .post(\r\n \"/contact-role/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedRoles = [];\r\n for (let key in res.data) {\r\n fetchedRoles.push({\r\n value: res.data[key].contact_role_id,\r\n key: res.data[key].designation,\r\n });\r\n }\r\n this.setState({\r\n rolesDropdown: [...this.state.rolesDropdown, ...fetchedRoles],\r\n });\r\n });\r\n axios\r\n .get(\"/contact-person/read_single.php?id=\" + queryParams.contactPersonId)\r\n .then((response) => {\r\n let contactPersonData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = contactPersonData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n // window.location.href = \"/dashboard/contactPersonSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(contactPerson) {\r\n contactPerson.preventDefault();\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let contactPersonData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n contactPersonData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditContactPerson(\r\n contactPersonData,\r\n this.successHandler.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"ContactPerson Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/contactPersonSummary\";\r\n }\r\n\r\n fieldChangHandler(key, contactPerson) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = contactPerson.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.contactPersonImageUploadSuccess &&\r\n this.state.contactPersonTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Person\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Person\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Person\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.contactPerson.error,\r\n categories: state.contactPerson.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchContactPersons: () => dispatch(actions.fetchContactPersons()),\r\n onEditContactPerson: (contactPersonData, cb) =>\r\n dispatch(actions.editContactPerson(contactPersonData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditContactPerson)\r\n);\r\n","export const initalValues = {\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n priority: {\r\n value: 1,\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n};\r\n","import { Button, TextField } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./AddContactRole.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddContactRole extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n contactRoleTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n rolesDropdown: [{ key: \"Select an option\", value: null }],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(contactRole) {\r\n contactRole.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let contactRoleData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n contactRoleData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddContactRole(\r\n contactRoleData,\r\n this.successHandler.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"ContactRole Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/contactRoleSummary\";\r\n }\r\n\r\n fieldChangHandler(key, contactRole) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = contactRole.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n Edit Contact Person
\r\n\r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"designation\", contactRole)()\r\n }\r\n helperText={this.state.initialValues.designation.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.contactPerson.error,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddContactRole: (contactRoleData, cb) =>\r\n dispatch(actions.addContactRole(contactRoleData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddContactRole);\r\n","import { Button } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./ContactRoleSummary.module.css\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n { field: \"contact_people_count\", headerName: \"POC Count\", width: 200 },\r\n { field: \"designation\", headerName: \"Role\", width: 500 },\r\n];\r\n\r\nclass ContactRoleSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n selectionModel: [],\r\n };\r\n\r\n componentDidMount() {\r\n axios\r\n .post(\r\n \"/contact-role/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedRoles = [];\r\n for (let key in res.data) {\r\n fetchedRoles.push({\r\n contact_role_id: res.data[key].contact_role_id,\r\n designation: res.data[key].designation,\r\n priority: res.data[key].priority,\r\n contact_people_count: res.data[key].contact_people.length,\r\n });\r\n }\r\n this.setState({\r\n rows: [...this.state.rows, ...fetchedRoles],\r\n });\r\n });\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n this.props.onDeleteContactRole(id);\r\n });\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editContactRole?contactRoleId=\" + this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let contactRoles = this.state.rows\r\n ? this.state.rows.map((contactRole, index) => {\r\n return {\r\n id: contactRole.contact_role_id,\r\n contact_people_count: contactRole.contact_people_count,\r\n contact_role_id: contactRole.contact_role_id,\r\n designation: contactRole.designation,\r\n priority: contactRole.priority,\r\n };\r\n })\r\n : [];\r\n let content = this.state.doEdit ? (\r\n \r\n
\r\n Add Contact Role
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onDeleteContactRole: (contactRoleId) =>\r\n dispatch(actions.deleteContactRole(contactRoleId)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(ContactRoleSummary);\r\n","export const initalValues = {\r\n discount: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n volume: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n};\r\n","import { Button, TextField } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./AddCoupon.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nclass AddCoupon extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n isFormValid: true,\r\n generatedCoupons: null,\r\n volume: 0,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(coupon) {\r\n coupon.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let couponData = {};\r\n if (this.state.initialValues) {\r\n Object.keys(this.state.initialValues).forEach((key) => {\r\n couponData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.setState({ volume: +this.state.initialValues.volume.value });\r\n console.log(this.state.volume, \"before\");\r\n this.props.onAddCoupon(couponData, this.successHandler.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.formRef.current.reset();\r\n this.props.onSendMessage(\"Coupon Generated Successfully\", \"success\");\r\n axios\r\n .post(\r\n \"/admin/coupons/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [{\r\n field_name: \"created_at\",\r\n op: \"DESC\"\r\n }],\r\n })\r\n )\r\n .then((response) => {\r\n const fetchedCoupons = [];\r\n for (let key in response.data) {\r\n fetchedCoupons.push({\r\n ...response.data[key],\r\n id: key,\r\n });\r\n }\r\n this.setState({\r\n generatedCoupons: fetchedCoupons.slice(\r\n 0,\r\n fetchedCoupons.length < 4\r\n ? fetchedCoupons.length\r\n : this.state.volume\r\n ),\r\n });\r\n })\r\n .catch((error) => {});\r\n }\r\n\r\n fieldChangHandler(key, coupon) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = coupon.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Role\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Role\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Role\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"discount\", coupon)()\r\n }\r\n helperText={this.state.initialValues.discount.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"volume\", coupon)()\r\n }\r\n helperText={this.state.initialValues.volume.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Submit\r\n \r\n \r\n {this.state.generatedCoupons ? (\r\n this.state.generatedCoupons.length > 0 ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddCoupon: (couponData, cb) =>\r\n dispatch(actions.addCoupon(couponData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(AddCoupon);\r\n","import { sendMessage } from \".\";\r\nimport axios from \"../../axios-iim\";\r\nimport * as actionTypes from \"./actionTypes\";\r\nimport { startLoading, stopLoading } from \"./common\";\r\n\r\nexport const addCouponSuccess = (coupons) => {\r\n return {\r\n type: actionTypes.ADD_COUPON_SUCCESS,\r\n coupons: coupons,\r\n };\r\n};\r\n\r\nexport const addCouponFail = (error) => {\r\n return {\r\n type: actionTypes.ADD_COUPON_FAIL,\r\n error: error,\r\n };\r\n};\r\n\r\nexport const addCouponStart = () => {\r\n return {\r\n type: actionTypes.ADD_COUPON_START,\r\n };\r\n};\r\n\r\nexport const addCoupon = (coupon, cb) => {\r\n return (dispatch) => {\r\n dispatch(addCouponStart());\r\n\r\n let couponData = {\r\n discount: +coupon.discount,\r\n volume: +coupon.volume,\r\n status: 0,\r\n };\r\n dispatch(startLoading());\r\n axios\r\n .post(\"/admin/coupons/create.php\", JSON.stringify(couponData))\r\n .then((response) => {\r\n cb(response.data.id);\r\n })\r\n .catch((error) => {\r\n dispatch(stopLoading());\r\n });\r\n };\r\n};\r\n\r\nexport const deleteCoupon = (couponId) => {\r\n return (dispatch) => {\r\n axios\r\n .post(\"/coupon/delete.php\", JSON.stringify({ id: couponId }))\r\n .then((response) => {\r\n dispatch(sendMessage(\"Couponr Deleted\", \"success\"));\r\n setTimeout(() => {\r\n window.location.href = \"/dashboard/couponsSummary\";\r\n }, 1000);\r\n })\r\n .catch((error) => {\r\n dispatch(sendMessage(\"Something went wrong\", \"error\"));\r\n });\r\n };\r\n};\r\n","import { Button, Chip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport { Done, ErrorOutline } from \"@material-ui/icons\";\r\nimport React, { Component } from \"react\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport * as classes from \"./CouponSummary.module.css\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n { field: \"coupon_id\", headerName: \"Coupon ID\", width: 200 },\r\n { field: \"coupon_code\", headerName: \"Coupon Code\", width: 200 },\r\n {\r\n field: \"status\",\r\n headerName: \"Status\",\r\n width: 200,\r\n renderCell: (params) => {\r\n let status = params.value.toUpperCase();\r\n let html = \r\n
\r\n Add Coupon
\r\n\r\n
\r\n ) : (\r\n Coupon Codes Generated:
\r\n- \r\n {this.state.generatedCoupons.map((coupon, index) => {\r\n return
- {coupon.coupon_code} ;\r\n })}\r\n
No Coupon was generated
\r\n )\r\n ) : null}\r\n pending
;\r\n if (status === \"0\") {\r\n html = (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(CouponSummary);\r\n","import moment from \"moment\";\r\n\r\nexport const eventTypes = [\"Flagship\", \"International\", \"Conclave\", \"On-Site\"];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"Event Title 5\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: eventTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n short_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n full_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n remark_one: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n remark_two: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n rules: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n prizes: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_format: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n register: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n organising_club: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n team_size: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_timeline: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddEvent.module.css\";\r\nimport { eventTypes, initalValues } from \"./InitialData\";\r\n\r\nclass AddEvent extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n eventTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n eventImage: null,\r\n eventTimelineImage: null,\r\n eventImageFormData: new FormData(),\r\n eventTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n eventImageUploadSuccess: false,\r\n eventTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.onFetchCategories(\r\n JSON.stringify({\r\n filters: [\r\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\r\n ],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(event) {\r\n event.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let eventData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n eventData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddEvent(eventData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(eventId) {\r\n if (this.state.eventImage !== null) {\r\n let eventImageformData = this.state.eventImageFormData;\r\n eventImageformData.append(\"entity_id\", eventId);\r\n uploadNewImage(eventImageformData, () =>\r\n this.setState({ ...this.state, eventImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, eventImageUploadSuccess: true });\r\n }\r\n if (this.state.eventTimelineImage !== null) {\r\n let timelineEventImageformData = this.state.eventTimelineImageFormData;\r\n timelineEventImageformData.append(\"entity_id\", eventId);\r\n uploadNewImage(timelineEventImageformData, () =>\r\n this.setState({ ...this.state, eventTimelineImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, eventTimelineImageUploadSuccess: true });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Event Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/eventSummary\";\r\n }\r\n\r\n fieldChangHandler(key, event) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = event.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onEventImageChange(event, uploadType) {\r\n let selectedFile = event.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"event\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"event-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n eventTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n eventImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"event-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"event-timeline\") {\r\n this.setState({ eventTimelineImage: src });\r\n } else {\r\n this.setState({ eventImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.eventImageUploadSuccess &&\r\n this.state.eventTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n \r\n this.invalidatePreviousYearCoupons.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Invalidate Previous Year Coupons\r\n \r\n
\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", event)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", event)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Event Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", event)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ...eventTypes.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"organising_club\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"contact\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"short_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"full_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"rules\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"event_format\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"event_timeline\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"prizes\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"remark_one\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"remark_two\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"register\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(this, \"show_in_home_page\", event)()\r\n }\r\n >\r\n \r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", event)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.event.error,\r\n categories: state.event.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCategories: () => dispatch(actions.fetchEventCategories()),\r\n onAddEvent: (eventData, cb) => dispatch(actions.addEvent(eventData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddEvent);\r\n","import moment from \"moment\";\r\n\r\nexport const eventTypes = [\"Flagship\", \"International\", \"Conclave\", \"On-Site\"];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: eventTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n short_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n full_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n remark_one: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n remark_two: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n rules: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n prizes: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_format: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n register: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n organising_club: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n team_size: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_timeline: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditEvent.module.css\";\r\nimport { eventTypes, initalValues } from \"./InitialData\";\r\n\r\nclass EditEvent extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n eventTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n eventImage: null,\r\n eventTimelineImage: null,\r\n eventImageFormData: new FormData(),\r\n eventTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n eventImageUploadSuccess: false,\r\n eventTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/events/read-single.php?id=\" + queryParams.eventId)\r\n .then((response) => {\r\n let eventData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = eventData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/eventSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(event) {\r\n event.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let eventData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n eventData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditEvent(eventData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.eventImage !== null) {\r\n let eventImageformData = this.state.eventImageFormData;\r\n eventImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.event_id.value\r\n );\r\n if (eventImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(eventImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n eventImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(eventImageformData, () =>\r\n this.setState({ ...this.state, eventImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, eventImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.eventTimelineImage !== null) {\r\n let timelineEventImageformData = this.state.eventTimelineImageFormData;\r\n timelineEventImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.event_id.value\r\n );\r\n if (timelineEventImageformData.get(\"path\") === \"null\") {\r\n // image was not present event when added, now being added first time\r\n uploadNewImage(timelineEventImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n eventTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineEventImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n eventTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, eventTimelineImageUploadSuccess: true });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Event Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/eventSummary\";\r\n }\r\n\r\n fieldChangHandler(key, event) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = event.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onEventImageChange(event, uploadType) {\r\n let selectedFile = event.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"event\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"event-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"event\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"event-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n eventTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n eventImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"event-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"event-timeline\") {\r\n this.setState({ eventTimelineImage: src });\r\n } else {\r\n this.setState({ eventImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.eventImageUploadSuccess &&\r\n this.state.eventTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Event
\r\n\r\n \r\n this.onEventImageChange.bind(this, event, \"event\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Event Contact Details
\r\nShort Description
\r\nFull Description
\r\nRules
\r\nEvent Format
\r\nEvent Timeline
\r\nPrizes
\r\nRemark One
\r\n\r\n Remark Two ( will be added inside Date & Time)\r\n
\r\n\r\n Registration Info ( will be shown in Register tab){\" \"}\r\n
\r\n\r\n \r\n this.onEventImageChange.bind(this, event, \"event-timeline\")()\r\n }\r\n hidden\r\n ref={this.timelineImageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n Timeline Image
\r\n\r\n
\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", event)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", event)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Event Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", event)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ...eventTypes.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"organising_club\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n data={this.state.initialValues.contact.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"contact\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"short_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.full_description.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"full_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"rules\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"event_format\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.event_timeline.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"event_timeline\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.prizes.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"prizes\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.remark_one.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"remark_one\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.remark_two.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"remark_two\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.register.value}\r\n onChange={(event, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"register\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(this, \"show_in_home_page\", event)()\r\n }\r\n >\r\n \r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", event)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.event.error,\r\n categories: state.event.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchEvents: () => dispatch(actions.fetchEvents()),\r\n onEditEvent: (eventData, cb) => dispatch(actions.editEvent(eventData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditEvent)\r\n);\r\n","import { Button, Tooltip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport parse from \"html-react-parser\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./EventSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Event ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Edit Event
\r\n\r\n \r\n this.onEventImageChange.bind(this, event, \"event\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Event Contact Details
\r\nShort Description
\r\nFull Description
\r\nRules
\r\nEvent Format
\r\nEvent Timeline
\r\nPrizes
\r\nRemark One
\r\n\r\n Remark Two ( will be added inside Date & Time)\r\n
\r\n\r\n Registration Info ( will be shown in Register tab){\" \"}\r\n
\r\n\r\n \r\n this.onEventImageChange.bind(this, event, \"event-timeline\")()\r\n }\r\n hidden\r\n ref={this.timelineImageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n Timeline Image
\r\n\r\n
\r\n No Image
\r\n ),\r\n },\r\n { field: \"type\", headerName: \"Event Type\", width: 200 },\r\n { field: \"slug\", headerName: \"Slug\", width: 200 },\r\n {\r\n field: \"short_description\",\r\n headerName: \"Short Description\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n{params.value}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n events: state.event.events,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchEvents: (category, queryCriteria) =>\r\n dispatch(actions.fetchEvents(category, queryCriteria)),\r\n onDeleteEvent: (eventId) => dispatch(actions.deleteEvent(eventId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventSummary);\r\n","export const initalValues = {\r\n video_link: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n workshop_count: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n speaker_count: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n panel_disc_count: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n mng_symp_count: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_count: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n about: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n home_page_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport { Button, FormControl, TextField } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport axios from \"../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../store/actions/index\";\r\nimport * as classes from \"./EditHomePage.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditHomePage extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n homePageTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n homePageImage: null,\r\n homePageTimelineImage: null,\r\n homePageImageFormData: new FormData(),\r\n homePageTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n homePageImageUploadSuccess: false,\r\n homePageTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n axios\r\n .post(\"/content/home-page/read-single.php\")\r\n .then((response) => {\r\n let homePageData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = homePageData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n // window.location.href = \"/dashboard/homePageSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(event) {\r\n event.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let homePageData = {};\r\n if (this.state.initialValues) {\r\n Object.keys(this.state.initialValues).forEach((key) => {\r\n homePageData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditHomePage(homePageData, this.successHandler.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n // if (this.state.homePageImage !== null) {\r\n // let homePageImageformData = this.state.homePageImageFormData;\r\n // homePageImageformData.append(\r\n // \"entity_id\",\r\n // this.state.initialValues.home_page_id.value\r\n // );\r\n // if (homePageImageformData.get(\"path\") === \"null\") {\r\n // uploadNewImage(homePageImageformData, () => {\r\n // this.setState({\r\n // ...this.state,\r\n // homePageImageUploadSuccess: true,\r\n // });\r\n // });\r\n // } else {\r\n // updateImage(homePageImageformData, () =>\r\n // this.setState({ ...this.state, homePageImageUploadSuccess: true })\r\n // );\r\n // }\r\n // } else {\r\n // this.setState({ ...this.state, homePageImageUploadSuccess: true });\r\n // }\r\n // if (this.state.homePageTimelineImage !== null) {\r\n // let timelineEventImageformData = this.state.homePageTimelineImageFormData;\r\n // timelineEventImageformData.append(\r\n // \"entity_id\",\r\n // this.state.initialValues.homePage_id.value\r\n // );\r\n // if (timelineEventImageformData.get(\"path\") === \"null\") {\r\n // // image was not presenthomePage when added, now being added first time\r\n // uploadNewImage(timelineEventImageformData, () => {\r\n // this.setState({\r\n // ...this.state,\r\n // homePageTimelineImageUploadSuccess: true,\r\n // });\r\n // });\r\n // } else {\r\n // updateImage(timelineEventImageformData, () =>\r\n // this.setState({\r\n // ...this.state,\r\n // homePageTimelineImageUploadSuccess: true,\r\n // })\r\n // );\r\n // }\r\n // } else {\r\n // this.setState({\r\n // ...this.state,\r\n // homePageTimelineImageUploadSuccess: true,\r\n // });\r\n // }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Home Page Content Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/\";\r\n }\r\n\r\n fieldChangHandler(key, homePage) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = homePage.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onEventImageChange(homePage, uploadType) {\r\n let selectedFile = homePage.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"homePage\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"homePage-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"homePage\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"homePage-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n homePageTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n homePageImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"homePage-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"homePage-timeline\") {\r\n this.setState({ homePageTimelineImage: src });\r\n } else {\r\n this.setState({ homePageImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Event\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Event\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Event\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"video_link\", homePage)()\r\n }\r\n helperText={this.state.initialValues.video_link.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"event_count\", homePage)()\r\n }\r\n helperText={this.state.initialValues.event_count.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"workshop_count\", homePage)()\r\n }\r\n helperText={this.state.initialValues.workshop_count.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"speaker_count\", homePage)()\r\n }\r\n helperText={this.state.initialValues.speaker_count.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"panel_disc_count\", homePage)()\r\n }\r\n helperText={this.state.initialValues.panel_disc_count.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"mng_symp_count\", homePage)()\r\n }\r\n helperText={this.state.initialValues.mng_symp_count.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n onChange={(homePage, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"about\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n\r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onEditHomePage: (homePageData, cb) =>\r\n dispatch(actions.editHomePage(homePageData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditHomePage)\r\n);\r\n","export const eventTypes = [\"Flagship\", \"International\", \"Conclave\", \"On-Site\"];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_timeline: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n order: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import { Button, TextField } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddHomePageSlider.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddHomePageSlider extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n sliderTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n sliderImage: null,\r\n sliderTimelineImage: null,\r\n sliderImageFormData: new FormData(),\r\n sliderTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n sliderImageUploadSuccess: false,\r\n sliderTimelineImageUploadSuccess: false,\r\n // new ones\r\n images: [],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(event) {\r\n event.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let sliderData = {};\r\n if (this.state.initialValues) {\r\n Object.keys(this.state.initialValues).forEach((key) => {\r\n sliderData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.uploadImages.bind(this)();\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.sliderImage !== null) {\r\n let sliderImageformData = this.state.sliderImageFormData;\r\n sliderImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.order.value\r\n );\r\n if (sliderImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(sliderImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n sliderImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(sliderImageformData, () =>\r\n this.setState({ ...this.state, sliderImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, sliderImageUploadSuccess: true });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"HomePageSlider Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/sliderImageSummary\";\r\n }\r\n\r\n fieldChangHandler(key, slider) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = slider.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onHomePageSliderImageChange(slider, uploadType) {\r\n let selectedFile = slider.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"slider\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"slider-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"slider\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"slider-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sliderTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sliderImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"slider-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"slider-timeline\") {\r\n this.setState({ sliderTimelineImage: src });\r\n } else {\r\n this.setState({ sliderImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.sliderImageUploadSuccess) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Edit Home Page
\r\nAbout
\r\n\r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"order\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.event.error,\r\n categories: state.event.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(AddHomePageSlider)\r\n);\r\n","export const eventTypes = [\"Flagship\", \"International\", \"Conclave\", \"On-Site\"];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_timeline: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import { Button, TextField } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditHomePageSlider.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nclass EditHomePageSlider extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n sliderTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n sliderImage: null,\r\n sliderTimelineImage: null,\r\n sliderImageFormData: new FormData(),\r\n sliderTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n sliderImageUploadSuccess: false,\r\n sliderTimelineImageUploadSuccess: false,\r\n // new ones\r\n images: [],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .post(\r\n \"/images/read.php\",\r\n JSON.stringify({\r\n filters: [\r\n {\r\n field_name: \"image_id\",\r\n value: queryParams.imageId,\r\n op: \"=\",\r\n },\r\n ],\r\n filter_op: \"AND\",\r\n sort: [],\r\n })\r\n )\r\n .then((response) => {\r\n let eventData = response.data[0];\r\n let updatedValues = { ...this.state.initialValues };\r\n updatedValues[\"image_url\"].value = eventData[\"path\"];\r\n updatedValues[\"order\"].value = eventData[\"entity_id\"];\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n // window.location.href = \"/dashboard/sliderImageSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(event) {\r\n event.preventDefault();\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let sliderData = {};\r\n if (this.state.initialValues) {\r\n Object.keys(this.state.initialValues).forEach((key) => {\r\n sliderData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.uploadImages.bind(this)();\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.sliderImage !== null) {\r\n let sliderImageformData = this.state.sliderImageFormData;\r\n sliderImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.order.value\r\n );\r\n if (sliderImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(sliderImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n sliderImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(sliderImageformData, () =>\r\n this.setState({ ...this.state, sliderImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, sliderImageUploadSuccess: true });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"HomePageSlider Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/sliderImageSummary\";\r\n }\r\n\r\n fieldChangHandler(key, slider) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = slider.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onHomePageSliderImageChange(slider, uploadType) {\r\n let selectedFile = slider.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"slider\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"slider-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"slider\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"slider-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sliderTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sliderImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"slider-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"slider-timeline\") {\r\n this.setState({ sliderTimelineImage: src });\r\n } else {\r\n this.setState({ sliderImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.sliderImageUploadSuccess) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Home Page Slider Image
\r\n\r\n \r\n this.onHomePageSliderImageChange.bind(this, slider, \"slider\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"order\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.event.error,\r\n categories: state.event.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditHomePageSlider)\r\n);\r\n","import { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport { Redirect } from \"react-router\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport * as classes from \"./HomePageSliderSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 200 },\r\n { field: \"image_id\", headerName: \"Image ID\", width: 200 },\r\n {\r\n field: \"path\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Add Home Page Slider Image
\r\n\r\n \r\n this.onHomePageSliderImageChange.bind(this, slider, \"slider\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n No Image
\r\n ),\r\n },\r\n { field: \"order\", headerName: \"Order\", width: 200 },\r\n { field: \"created_at\", headerName: \"Created At\", width: 200 },\r\n { field: \"updated_at\", headerName: \"Updated At\", width: 200 },\r\n];\r\n\r\nclass HomePageSliderSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n selectionModel: [],\r\n };\r\n\r\n componentDidMount() {\r\n axios\r\n .post(\r\n \"/images/read.php\",\r\n JSON.stringify({\r\n filters: [\r\n {\r\n field_name: \"entity_type\",\r\n value: \"slider\",\r\n op: \"=\",\r\n },\r\n ],\r\n filter_op: \"AND\",\r\n sort: [],\r\n })\r\n )\r\n .then((response) => {\r\n const fetchedSliderImages = [];\r\n for (let key in response.data) {\r\n fetchedSliderImages.push({\r\n ...response.data[key],\r\n id: key,\r\n });\r\n }\r\n this.setState({ rows: fetchedSliderImages });\r\n })\r\n .catch((error) => {});\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n axios\r\n .post(\"/images/delete.php\", JSON.stringify({ id: id }))\r\n .then((response) => {})\r\n .catch((error) => {});\r\n });\r\n setTimeout(() => {\r\n window.location.href = \"/dashboard/sliderImageSummary\";\r\n }, 2000);\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editSliderImage?imageId=\" + this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let events = this.state.rows.map((image, index) => {\r\n return {\r\n id: image.image_id,\r\n image_id: image.image_id,\r\n path: image.path,\r\n order: image.entity_id,\r\n created_at: image.created_at,\r\n updated_at: image.updated_at,\r\n };\r\n });\r\n let content = this.state.doEdit ? (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nexport default HomePageSliderSummary;\r\n","import moment from \"moment\";\r\n\r\nexport const informalEventTypes = [\r\n \"Flagship\",\r\n \"International\",\r\n \"Conclave\",\r\n \"On-Site\",\r\n];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"Workshop Title 5\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: informalEventTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n short_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n full_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n faq: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n background_info: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n terms_condition: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n organizer: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n conclave: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddInformalEvent.module.css\";\r\nimport { informalEventTypes, initalValues } from \"./InitialData\";\r\n\r\nclass AddInformalEvent extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n informalEventTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n informalEventImage: null,\r\n informalEventTimelineImage: null,\r\n informalEventImageFormData: new FormData(),\r\n informalEventTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n informalEventImageUploadSuccess: false,\r\n informalEventTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.onFetchCategories(\r\n JSON.stringify({\r\n filters: [\r\n { field_name: \"e.type\", value: this.props.category, op: \"=\" },\r\n { field_name: \"e.visible\", value: 1, op: \"=\" },\r\n ],\r\n filter_op: \"AND\",\r\n sort: [],\r\n })\r\n );\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(informalEvent) {\r\n informalEvent.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let informalEventData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n informalEventData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddInformalEvent(\r\n informalEventData,\r\n this.uploadImages.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(informalEventId) {\r\n if (this.state.informalEventImage !== null) {\r\n let informalEventImageformData = this.state.informalEventImageFormData;\r\n informalEventImageformData.append(\"entity_id\", informalEventId);\r\n uploadNewImage(informalEventImageformData, () =>\r\n this.setState({ ...this.state, informalEventImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, informalEventImageUploadSuccess: true });\r\n }\r\n if (this.state.informalEventTimelineImage !== null) {\r\n let timelineInformalEventImageformData =\r\n this.state.informalEventTimelineImageFormData;\r\n timelineInformalEventImageformData.append(\"entity_id\", informalEventId);\r\n uploadNewImage(timelineInformalEventImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n informalEventTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n informalEventTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"InformalEvent Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/informalEventSummary\";\r\n }\r\n\r\n fieldChangHandler(key, informalEvent) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = informalEvent.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onInformalEventImageChange(informalEvent, uploadType) {\r\n let selectedFile = informalEvent.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"informal_event\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"informal_event-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n informalEventTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n informalEventImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"informal_event-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"informal_event-timeline\") {\r\n this.setState({ informalEventTimelineImage: src });\r\n } else {\r\n this.setState({ informalEventImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.informalEventImageUploadSuccess &&\r\n this.state.informalEventTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Image\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Image\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Image\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", informalEvent)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", informalEvent)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Informal Event Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", informalEvent)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ...informalEventTypes.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"organizer\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"conclave\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"contact\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"short_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"full_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"background_info\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"faq\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"terms_condition\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n informalEvent\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", informalEvent)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.informalEvent.error,\r\n categories: state.informalEvent.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCategories: () => dispatch(actions.fetchInformalEventCategories()),\r\n onAddInformalEvent: (informalEventData, cb) =>\r\n dispatch(actions.addInformalEvent(informalEventData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddInformalEvent);\r\n","import moment from \"moment\";\r\n\r\nexport const informalEventTypes = [\r\n \"Flagship\",\r\n \"International\",\r\n \"Conclave\",\r\n \"On-Site\",\r\n];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"Workshop Title 5\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: informalEventTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n short_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n full_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n faq: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n background_info: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n event_end_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n terms_condition: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n organizer: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n conclave: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n informal_event_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditInformalEvent.module.css\";\r\nimport { informalEventTypes, initalValues } from \"./InitialData\";\r\n\r\nclass EditInformalEvent extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n informalEventTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n informalEventImage: null,\r\n informalEventTimelineImage: null,\r\n informalEventImageFormData: new FormData(),\r\n informalEventTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n informalEventImageUploadSuccess: false,\r\n informalEventTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/informal-events/read-single.php?id=\" + queryParams.informalEventId)\r\n .then((response) => {\r\n let informalEventData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = informalEventData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/informalEventSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(informalEvent) {\r\n informalEvent.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let informalEventData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n informalEventData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditInformalEvent(\r\n informalEventData,\r\n this.uploadImages.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.informalEventImage !== null) {\r\n let informalEventImageformData = this.state.informalEventImageFormData;\r\n informalEventImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.informal_event_id.value\r\n );\r\n if (informalEventImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(informalEventImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n informalEventImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(informalEventImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n informalEventImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, informalEventImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.informalEventTimelineImage !== null) {\r\n let timelineInformalEventImageformData =\r\n this.state.informalEventTimelineImageFormData;\r\n timelineInformalEventImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.informal_event_id.value\r\n );\r\n if (timelineInformalEventImageformData.get(\"path\") === \"null\") {\r\n // image was not present informalEvent when added, now being added first time\r\n uploadNewImage(timelineInformalEventImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n informalEventTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineInformalEventImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n informalEventTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n informalEventTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"InformalEvent Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/informalEventSummary\";\r\n }\r\n\r\n fieldChangHandler(key, informalEvent) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = informalEvent.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onInformalEventImageChange(informalEvent, uploadType) {\r\n let selectedFile = informalEvent.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"informal_event\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"informal_event-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"informal_event\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"informal_event-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n informalEventTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n informalEventImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"informal_event-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"informal_event-timeline\") {\r\n this.setState({ informalEventTimelineImage: src });\r\n } else {\r\n this.setState({ informalEventImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.informalEventImageUploadSuccess &&\r\n this.state.informalEventTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Informal Event
\r\n\r\n \r\n this.onInformalEventImageChange.bind(\r\n this,\r\n informalEvent,\r\n \"informal_event\"\r\n )()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Informal Event Contact Details
\r\nShort Description
\r\nFull Description
\r\nBackground Info
\r\nFAQ
\r\nTerms Condition
\r\n\r\n \r\n this.onInformalEventImageChange.bind(\r\n this,\r\n informalEvent,\r\n \"informal_event-timeline\"\r\n )()\r\n }\r\n hidden\r\n ref={this.timelineImageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n Timeline Image
\r\n\r\n
\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", informalEvent)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", informalEvent)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n InformalEvent Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", informalEvent)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ...informalEventTypes.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"event_end_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"organizer\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"conclave\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n data={this.state.initialValues.contact.value}\r\n onChange={(informalEvent, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"contact\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(informalEvent, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"short_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.full_description.value}\r\n onChange={(informalEvent, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"full_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(informalEvent, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"background_info\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(informalEvent, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"terms_condition\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", informalEvent)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n informalEvent\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", informalEvent)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.informalEvent.error,\r\n categories: state.informalEvent.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchInformalEvents: () => dispatch(actions.fetchInformalEvents()),\r\n onEditInformalEvent: (informalEventData, cb) =>\r\n dispatch(actions.editInformalEvent(informalEventData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditInformalEvent)\r\n);\r\n","import { Button, Tooltip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport parse from \"html-react-parser\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./InformalEventSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"InformalEvent ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Edit InformalEvent
\r\n\r\n \r\n this.onInformalEventImageChange.bind(\r\n this,\r\n informalEvent,\r\n \"informal_event\"\r\n )()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n InformalEvent Contact Details
\r\nShort Description
\r\nFull Description
\r\nBackground Info
\r\nTerms Condition
\r\n\r\n \r\n this.onInformalEventImageChange.bind(\r\n this,\r\n informalEvent,\r\n \"informal_event-timeline\"\r\n )()\r\n }\r\n hidden\r\n ref={this.timelineImageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n Timeline Image
\r\n\r\n
\r\n No Image
\r\n ),\r\n },\r\n { field: \"title\", headerName: \"Title\", width: 200 },\r\n { field: \"type\", headerName: \"InformalEvent Type\", width: 200 },\r\n { field: \"organizer\", headerName: \"organizer\", width: 200 },\r\n { field: \"conclave\", headerName: \"conclave\", width: 200 },\r\n { field: \"slug\", headerName: \"Slug\", width: 200 },\r\n {\r\n field: \"short_description\",\r\n headerName: \"Short Description\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n{params.value}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n informalEvents: state.informalEvent.informalEvents,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchInformalEvents: (category, queryCriteria) =>\r\n dispatch(actions.fetchInformalEvents(category, queryCriteria)),\r\n onDeleteInformalEvent: (workshopId) =>\r\n dispatch(actions.deleteInformalEvent(workshopId)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(InformalEventSummary);\r\n","export const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n more_info: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n member_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Radio,\r\n RadioGroup,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddMember.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddMember extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n memberTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n memberImage: null,\r\n memberTimelineImage: null,\r\n memberImageFormData: new FormData(),\r\n memberTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n memberImageUploadSuccess: false,\r\n memberTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(member) {\r\n member.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let memberData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n memberData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddMember(memberData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(memberId) {\r\n if (this.state.memberImage !== null) {\r\n let memberImageformData = this.state.memberImageFormData;\r\n memberImageformData.append(\"entity_id\", memberId);\r\n uploadNewImage(memberImageformData, () =>\r\n this.setState({ ...this.state, memberImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, memberImageUploadSuccess: true });\r\n }\r\n if (this.state.memberTimelineImage !== null) {\r\n let timelineMemberImageformData = this.state.memberTimelineImageFormData;\r\n timelineMemberImageformData.append(\"entity_id\", memberId);\r\n uploadNewImage(timelineMemberImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n memberTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n memberTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Member Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/memberSummary\";\r\n }\r\n\r\n fieldChangHandler(key, member) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = member.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onMemberImageChange(member, uploadType) {\r\n let selectedFile = member.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"member\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"member-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n memberTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n memberImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"member-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"member-timeline\") {\r\n this.setState({ memberTimelineImage: src });\r\n } else {\r\n this.setState({ memberImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.memberImageUploadSuccess) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Informal Event\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Informal Event\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Informal Event\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", member)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"designation\", member)()\r\n }\r\n helperText={this.state.initialValues.designation.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"more_info\", member)()\r\n }\r\n helperText={this.state.initialValues.more_info.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Visible \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", member)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.member.error,\r\n categories: state.member.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddMember: (memberData, cb) =>\r\n dispatch(actions.addMember(memberData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddMember);\r\n","export const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n more_info: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n member_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Radio,\r\n RadioGroup,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditMember.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditMember extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n memberTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n memberImage: null,\r\n memberTimelineImage: null,\r\n memberImageFormData: new FormData(),\r\n memberTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n memberImageUploadSuccess: false,\r\n memberTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/member/read-single.php?id=\" + queryParams.memberId)\r\n .then((response) => {\r\n let memberData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = memberData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/memberSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(member) {\r\n member.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let memberData = {};\r\n if (this.state.initialValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n memberData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditMember(memberData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.memberImage !== null) {\r\n let memberImageformData = this.state.memberImageFormData;\r\n memberImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.member_id.value\r\n );\r\n if (memberImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(memberImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n memberImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(memberImageformData, () =>\r\n this.setState({ ...this.state, memberImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, memberImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.memberTimelineImage !== null) {\r\n let timelineMemberImageformData = this.state.memberTimelineImageFormData;\r\n timelineMemberImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.member_id.value\r\n );\r\n if (timelineMemberImageformData.get(\"path\") === \"null\") {\r\n // image was not present member when added, now being added first time\r\n uploadNewImage(timelineMemberImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n memberTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineMemberImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n memberTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n memberTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Member Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/memberSummary\";\r\n }\r\n\r\n fieldChangHandler(key, member) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = member.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onMemberImageChange(member, uploadType) {\r\n let selectedFile = member.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"member\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"member-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"member\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"member-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n memberTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n memberImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"member-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"member-timeline\") {\r\n this.setState({ memberTimelineImage: src });\r\n } else {\r\n this.setState({ memberImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.memberImageUploadSuccess &&\r\n this.state.memberTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Member
\r\n\r\n \r\n this.onMemberImageChange.bind(this, member, \"member\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.member.error,\r\n categories: state.member.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchMembers: () => dispatch(actions.fetchMembers()),\r\n onEditMember: (memberData, cb) =>\r\n dispatch(actions.editMember(memberData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditMember)\r\n);\r\n","import { Button } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./MemberSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Member ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n \r\n Edit Member
\r\nNo Image
\r\n ),\r\n },\r\n { field: \"name\", headerName: \"Name\", width: 200 },\r\n { field: \"designation\", headerName: \"Designation\", width: 200 },\r\n { field: \"more_info\", headerName: \"More Info\", width: 200 },\r\n { field: \"visible\", headerName: \"Visible\", width: 200 },\r\n { field: \"created_at\", headerName: \"Created At\", width: 200 },\r\n { field: \"updated_at\", headerName: \"Updated At\", width: 200 },\r\n];\r\n\r\nclass MemberSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n selectionModel: [],\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onFetchMembers(\r\n \"all_members\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n this.props.onDeleteMember(id);\r\n });\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editMember?memberId=\" + this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let members =\r\n this.props.members && this.props.members[\"all_members\"]\r\n ? this.props.members[\"all_members\"].map((member, index) => {\r\n return {\r\n id: member.member_id,\r\n name: member.name,\r\n designation: member.designation,\r\n more_info: member.more_info,\r\n visible: member.visible,\r\n image_url: member.image_url,\r\n created_at: member.created_at,\r\n updated_at: member.updated_at,\r\n };\r\n })\r\n : [];\r\n let content = this.state.doEdit ? (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n members: state.member.members,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchMembers: (category, queryCriteria) =>\r\n dispatch(actions.fetchMembers(category, queryCriteria)),\r\n onDeleteMember: (memberId) => dispatch(actions.deleteMember(memberId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MemberSummary);\r\n","import { Chip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport { Done, ErrorOutline } from \"@material-ui/icons\";\r\nimport React, { Component } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport axios from \"../../../../axios-iim\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Booking ID\", width: 200 },\r\n { field: \"transaction_id\", headerName: \"Transaction ID\", width: 200 },\r\n { field: \"amount\", headerName: \"Amount\", width: 200 },\r\n {\r\n field: \"description\",\r\n headerName: \"Description\",\r\n width: 300,\r\n },\r\n {\r\n field: \"status\",\r\n headerName: \"Status\",\r\n width: 250,\r\n renderCell: (params) => {\r\n let status = params.value.toUpperCase();\r\n let html = \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Member\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Member\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Member\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n pending
;\r\n if (status === \"1\") {\r\n html = (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nexport default PaymentsReport;\r\n","import { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport axios from \"../../../../axios-iim\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Booking ID\", width: 200 },\r\n { field: \"first_name\", headerName: \"User First Name\", width: 200 },\r\n { field: \"last_name\", headerName: \"User Last Name\", width: 200 },\r\n { field: \"email_id\", headerName: \"Email ID\", width: 200 },\r\n { field: \"mobile_no\", headerName: \"Mobile No\", width: 200 },\r\n { field: \"college\", headerName: \"College\", width: 200 },\r\n { field: \"state\", headerName: \"State\", width: 200 },\r\n {\r\n field: \"address\",\r\n headerName: \"Address\",\r\n width: 300,\r\n },\r\n {\r\n field: \"year\",\r\n headerName: \"Year\",\r\n width: 300,\r\n },\r\n { field: \"email_validated\", headerName: \"Is Email validated\", width: 200 },\r\n { field: \"role\", headerName: \"Role\", width: 200 },\r\n { field: \"created_at\", headerName: \"Created At\", width: 200 },\r\n { field: \"updated_at\", headerName: \"Updated At\", width: 200 },\r\n];\r\n\r\nclass RegistrationsReport extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n };\r\n\r\n componentDidMount() {\r\n axios\r\n .post(\r\n \"/users/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((response) => {\r\n const fetchedUsers = [];\r\n for (let key in response.data) {\r\n fetchedUsers.push({\r\n ...response.data[key],\r\n id: key,\r\n });\r\n }\r\n this.setState({ rows: fetchedUsers });\r\n })\r\n .catch((error) => {});\r\n }\r\n\r\n render() {\r\n let events = this.state.rows.map((payment, index) => {\r\n return {\r\n id: payment.app_user_id,\r\n first_name: payment.first_name,\r\n last_name: payment.last_name,\r\n email_id: payment.email_id,\r\n mobile_no: payment.mobile_no,\r\n college: payment.college,\r\n state: payment.state,\r\n address: payment.address,\r\n year: payment.year,\r\n email_validated: payment.email_validated,\r\n role: payment.role,\r\n created_at: payment.created_at,\r\n updated_at: payment.updated_at,\r\n };\r\n });\r\n let content = (\r\n \r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nexport default RegistrationsReport;\r\n","import moment from \"moment\";\r\n\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n introduction: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n topic: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n biography: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n registration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n Radio,\r\n RadioGroup,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddSpeaker.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddSpeaker extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n speakerTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n speakerImage: null,\r\n speakerTimelineImage: null,\r\n speakerImageFormData: new FormData(),\r\n speakerTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n speakerImageUploadSuccess: false,\r\n speakerTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(speaker) {\r\n speaker.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let speakerData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n speakerData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddSpeaker(speakerData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(speakerId) {\r\n if (this.state.speakerImage !== null) {\r\n let speakerImageformData = this.state.speakerImageFormData;\r\n speakerImageformData.append(\"entity_id\", speakerId);\r\n uploadNewImage(speakerImageformData, () =>\r\n this.setState({ ...this.state, speakerImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, speakerImageUploadSuccess: true });\r\n }\r\n if (this.state.speakerTimelineImage !== null) {\r\n let timelineSpeakerImageformData =\r\n this.state.speakerTimelineImageFormData;\r\n timelineSpeakerImageformData.append(\"entity_id\", speakerId);\r\n uploadNewImage(timelineSpeakerImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n speakerTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n speakerTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Speaker Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/speakerSummary\";\r\n }\r\n\r\n fieldChangHandler(key, speaker) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = speaker.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onSpeakerImageChange(speaker, uploadType) {\r\n let selectedFile = speaker.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"speaker\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"speaker-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n speakerTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n speakerImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"speaker-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"speaker-timeline\") {\r\n this.setState({ speakerTimelineImage: src });\r\n } else {\r\n this.setState({ speakerImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.speakerImageUploadSuccess &&\r\n this.state.speakerTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", speaker)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", speaker)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(this, \"date\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(this, \"time\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"topic\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"designation\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"duration\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"introduction\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"biography\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"registration\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n speaker\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", speaker)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.speaker.error,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddSpeaker: (speakerData, cb) =>\r\n dispatch(actions.addSpeaker(speakerData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddSpeaker);\r\n","import moment from \"moment\";\r\n\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n introduction: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n designation: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n topic: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n biography: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n registration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n speaker_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n Radio,\r\n RadioGroup,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditSpeaker.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditSpeaker extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n speakerTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n speakerImage: null,\r\n speakerTimelineImage: null,\r\n speakerImageFormData: new FormData(),\r\n speakerTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n speakerImageUploadSuccess: false,\r\n speakerTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/speakers/read-single.php?id=\" + queryParams.speakerId)\r\n .then((response) => {\r\n let speakerData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = speakerData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/speakerSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(speaker) {\r\n speaker.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let speakerData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n speakerData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditSpeaker(speakerData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.speakerImage !== null) {\r\n let speakerImageformData = this.state.speakerImageFormData;\r\n speakerImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.speaker_id.value\r\n );\r\n if (speakerImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(speakerImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n speakerImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(speakerImageformData, () =>\r\n this.setState({ ...this.state, speakerImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, speakerImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.speakerTimelineImage !== null) {\r\n let timelineSpeakerImageformData =\r\n this.state.speakerTimelineImageFormData;\r\n timelineSpeakerImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.speaker_id.value\r\n );\r\n if (timelineSpeakerImageformData.get(\"path\") === \"null\") {\r\n // image was not present speaker when added, now being added first time\r\n uploadNewImage(timelineSpeakerImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n speakerTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineSpeakerImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n speakerTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n speakerTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Speaker Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/speakerSummary\";\r\n }\r\n\r\n fieldChangHandler(key, speaker) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = speaker.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onSpeakerImageChange(speaker, uploadType) {\r\n let selectedFile = speaker.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"speaker\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"speaker-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"speaker\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"speaker-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n speakerTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n speakerImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"speaker-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"speaker-timeline\") {\r\n this.setState({ speakerTimelineImage: src });\r\n } else {\r\n this.setState({ speakerImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.speakerImageUploadSuccess &&\r\n this.state.speakerTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Speaker
\r\n\r\n \r\n this.onSpeakerImageChange.bind(this, speaker, \"speaker\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Introduction
\r\nBiography
\r\nRegistration
\r\n\r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", speaker)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", speaker)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(this, \"date\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(this, \"time\", date, value)();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"topic\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"designation\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"duration\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n data={this.state.initialValues.introduction.value}\r\n onChange={(speaker, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"introduction\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(speaker, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"biography\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.registration.value}\r\n onChange={(speaker, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"registration\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", speaker)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n speaker\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", speaker)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.speaker.error,\r\n categories: state.speaker.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchSpeakers: () => dispatch(actions.fetchSpeakers()),\r\n onEditSpeaker: (speakerData, cb) =>\r\n dispatch(actions.editSpeaker(speakerData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditSpeaker)\r\n);\r\n","import { Button, Tooltip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport parse from \"html-react-parser\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./SpeakerSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Speaker ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Edit Speaker
\r\n\r\n \r\n this.onSpeakerImageChange.bind(this, speaker, \"speaker\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Introduction
\r\nBiography
\r\nRegistration
\r\nNo Image
\r\n ),\r\n },\r\n { field: \"name\", headerName: \"Name\", width: 200 },\r\n { field: \"topic\", headerName: \"topic\", width: 200 },\r\n { field: \"slug\", headerName: \"Slug\", width: 200 },\r\n {\r\n field: \"introduction\",\r\n headerName: \"Introduction\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n{params.value}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n speakers: state.speaker.speakers,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchSpeakers: (category, queryCriteria) =>\r\n dispatch(actions.fetchSpeakers(category, queryCriteria)),\r\n onDeleteSpeaker: (speakerId) => dispatch(actions.deleteSpeaker(speakerId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SpeakerSummary);\r\n","export const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n size: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n link: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n required: true,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddSponser.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddSponser extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n sponserTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n sponserImage: null,\r\n sponserTimelineImage: null,\r\n sponserImageFormData: new FormData(),\r\n sponserTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n sponserImageUploadSuccess: false,\r\n sponserTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(sponser) {\r\n sponser.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let sponserData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n sponserData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddSponser(sponserData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(sponserId) {\r\n if (this.state.sponserImage !== null) {\r\n let sponserImageformData = this.state.sponserImageFormData;\r\n sponserImageformData.append(\"entity_id\", sponserId);\r\n uploadNewImage(sponserImageformData, () =>\r\n this.setState({ ...this.state, sponserImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, sponserImageUploadSuccess: true });\r\n }\r\n if (this.state.sponserTimelineImage !== null) {\r\n let timelineSponserImageformData =\r\n this.state.sponserTimelineImageFormData;\r\n timelineSponserImageformData.append(\"entity_id\", sponserId);\r\n uploadNewImage(timelineSponserImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n sponserTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n sponserTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Sponser Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/sponserSummary\";\r\n }\r\n\r\n fieldChangHandler(key, sponser) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = sponser.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onSponserImageChange(sponser, uploadType) {\r\n let selectedFile = sponser.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"sponser\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"sponser-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sponserTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sponserImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"sponser-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"sponser-timeline\") {\r\n this.setState({ sponserTimelineImage: src });\r\n } else {\r\n this.setState({ sponserImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.sponserImageUploadSuccess) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Speaker\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Speaker\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Speaker\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", sponser)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"link\", sponser)()\r\n }\r\n helperText={this.state.initialValues.link.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Sponser Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", event)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ,\r\n ...this.props.categories.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", event)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n Logo Size\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"size\", event)()\r\n }\r\n fullWidth\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.fieldChangHandler.bind(this, \"view_order\", sponser)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", sponser)()\r\n }\r\n >\r\n \r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n sponser\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.sponser.error,\r\n categories: state.sponser.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCategories: () => dispatch(actions.fetchSponserCategories()),\r\n onAddSponser: (sponserData, cb) =>\r\n dispatch(actions.addSponser(sponserData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddSponser);\r\n","export const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n size: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n link: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n required: true,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n sponser_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditSponser.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditSponser extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n sponserTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n sponserImage: null,\r\n sponserTimelineImage: null,\r\n sponserImageFormData: new FormData(),\r\n sponserTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n sponserImageUploadSuccess: false,\r\n sponserTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/sponsers/read-single.php?id=\" + queryParams.sponserId)\r\n .then((response) => {\r\n let sponserData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = sponserData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/sponserSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(sponser) {\r\n sponser.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let sponserData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n sponserData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditSponser(sponserData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.sponserImage !== null) {\r\n let sponserImageformData = this.state.sponserImageFormData;\r\n sponserImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.sponser_id.value\r\n );\r\n if (sponserImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(sponserImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n sponserImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(sponserImageformData, () =>\r\n this.setState({ ...this.state, sponserImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, sponserImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.sponserTimelineImage !== null) {\r\n let timelineSponserImageformData =\r\n this.state.sponserTimelineImageFormData;\r\n timelineSponserImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.sponser_id.value\r\n );\r\n if (timelineSponserImageformData.get(\"path\") === \"null\") {\r\n // image was not present sponser when added, now being added first time\r\n uploadNewImage(timelineSponserImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n sponserTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineSponserImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n sponserTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n sponserTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Sponser Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/sponserSummary\";\r\n }\r\n\r\n fieldChangHandler(key, sponser) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = sponser.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onSponserImageChange(sponser, uploadType) {\r\n let selectedFile = sponser.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"sponser\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"sponser-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"sponser\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"sponser-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sponserTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n sponserImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"sponser-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"sponser-timeline\") {\r\n this.setState({ sponserTimelineImage: src });\r\n } else {\r\n this.setState({ sponserImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.sponserImageUploadSuccess &&\r\n this.state.sponserTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Sponser
\r\n\r\n \r\n this.onSponserImageChange.bind(this, sponser, \"sponser\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.sponser.error,\r\n categories: state.sponser.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchSponsers: () => dispatch(actions.fetchSponsers()),\r\n onEditSponser: (sponserData, cb) =>\r\n dispatch(actions.editSponser(sponserData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditSponser)\r\n);\r\n","import { Button } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./SponserSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Sponser ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n \r\n Edit Sponser
\r\nNo Image
\r\n ),\r\n },\r\n { field: \"title\", headerName: \"Title\", width: 200 },\r\n { field: \"type\", headerName: \"Type\", width: 200 },\r\n { field: \"link\", headerName: \"Link\", width: 200 },\r\n { field: \"size\", headerName: \"Size\", width: 200 },\r\n { field: \"view_order\", headerName: \"Order\", width: 200 },\r\n { field: \"show_in_home_page\", headerName: \"Show In Home Page\", width: 200 },\r\n { field: \"created_at\", headerName: \"Created At\", width: 200 },\r\n { field: \"updated_at\", headerName: \"Updated At\", width: 200 },\r\n];\r\n\r\nclass SponserSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n selectionModel: [],\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onFetchSponsers(\r\n \"all_sponsers\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n this.props.onDeleteSponser(id);\r\n });\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editSponser?sponserId=\" + this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let sponsers =\r\n this.props.sponsers && this.props.sponsers[\"all_sponsers\"]\r\n ? this.props.sponsers[\"all_sponsers\"].map((sponser, index) => {\r\n return {\r\n id: sponser.sponser_id,\r\n title: sponser.title,\r\n type: sponser.type,\r\n link: sponser.link,\r\n size: sponser.size,\r\n view_order: sponser.view_order,\r\n show_in_home_page: sponser.show_in_home_page,\r\n image_url: sponser.image_url,\r\n created_at: sponser.created_at,\r\n updated_at: sponser.updated_at,\r\n };\r\n })\r\n : [];\r\n let content = this.state.doEdit ? (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sponsers: state.sponser.sponsers,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchSponsers: (category, queryCriteria) =>\r\n dispatch(actions.fetchSponsers(category, queryCriteria)),\r\n onDeleteSponser: (sponserId) => dispatch(actions.deleteSponser(sponserId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SponserSummary);\r\n","export const initalValues = {\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n score: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n college_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./AddStrategizer.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport axios from \"../../../../../axios-iim\";\r\n\r\nclass AddStrategizer extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n strategizerTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n collegeDropdown: [{ key: \"Select an option\", value: null }],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n axios\r\n .post(\r\n \"/colleges/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedColleges = [];\r\n for (let key in res.data) {\r\n fetchedColleges.push({\r\n value: res.data[key].college_id,\r\n key: res.data[key].name,\r\n });\r\n }\r\n this.setState({\r\n collegeDropdown: [...this.state.collegeDropdown, ...fetchedColleges],\r\n });\r\n });\r\n }\r\n\r\n onFormSubmit(strategizer) {\r\n strategizer.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let strategizerData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n strategizerData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddStrategizer(\r\n strategizerData,\r\n this.successHandler.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Strategizer Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/strategizerSummary\";\r\n }\r\n\r\n fieldChangHandler(key, strategizer) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = strategizer.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Sponser\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Sponser\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Sponser\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", strategizer)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Strategizer Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", event)()\r\n }\r\n fullWidth\r\n >\r\n {[\r\n ,\r\n ,\r\n ,\r\n ]}\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"score\", strategizer)()\r\n }\r\n helperText={this.state.initialValues.score.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n College\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"college_id\", event)()\r\n }\r\n fullWidth\r\n >\r\n {[\r\n this.state.collegeDropdown\r\n ? this.state.collegeDropdown.map((college, index) => {\r\n return (\r\n \r\n );\r\n })\r\n : null,\r\n ]}\r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.strategizer.error,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddStrategizer: (strategizerData, cb) =>\r\n dispatch(actions.addStrategizer(strategizerData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddStrategizer);\r\n","export const initalValues = {\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n score: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n college: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n college_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n leaderboard_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditStrategizer.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditStrategizer extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n strategizerTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n collegeDropdown: [{ key: \"Select an option\", value: null }],\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .post(\r\n \"/colleges/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedColleges = [];\r\n for (let key in res.data) {\r\n fetchedColleges.push({\r\n value: res.data[key].college_id,\r\n key: res.data[key].name,\r\n });\r\n }\r\n this.setState({\r\n collegeDropdown: [...this.state.collegeDropdown, ...fetchedColleges],\r\n });\r\n });\r\n axios\r\n .get(\"/strategizer/read_single.php?id=\" + queryParams.strategizerId)\r\n .then((response) => {\r\n let strategizerData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = strategizerData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n // window.location.href = \"/dashboard/strategizerSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(strategizer) {\r\n strategizer.preventDefault();\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let strategizerData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n strategizerData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditStrategizer(\r\n strategizerData,\r\n this.successHandler.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Strategizer Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/strategizerSummary\";\r\n }\r\n\r\n fieldChangHandler(key, strategizer) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = strategizer.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.strategizerImageUploadSuccess &&\r\n this.state.strategizerTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Strategizer
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.strategizer.error,\r\n categories: state.strategizer.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchStrategizers: () => dispatch(actions.fetchStrategizers()),\r\n onEditStrategizer: (strategizerData, cb) =>\r\n dispatch(actions.editStrategizer(strategizerData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditStrategizer)\r\n);\r\n","import { Button } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./StrategizerSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n { field: \"name\", headerName: \"Name\", width: 200 },\r\n { field: \"type\", headerName: \"Strategizer Type\", width: 200 },\r\n { field: \"score\", headerName: \"Score\", width: 200 },\r\n { field: \"college\", headerName: \"College\", width: 500 },\r\n { field: \"created_at\", headerName: \"Created At\", width: 200 },\r\n { field: \"updated_at\", headerName: \"Updated At\", width: 200 },\r\n];\r\n\r\nclass StrategizerSummary extends Component {\r\n state = {\r\n rows: [],\r\n selectedRowId: null,\r\n rowSelected: false,\r\n doEdit: false,\r\n editRedirectionLink: null,\r\n noOfSelectedRows: 0,\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onFetchStrategizers(\r\n \"all_strategizers\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n selectionModel: [],\r\n })\r\n );\r\n }\r\n\r\n onRowSelected(selectionModel) {\r\n let rowSelected = selectionModel.length === 0 ? false : true;\r\n this.setState({\r\n selectionModel: selectionModel,\r\n selectedRowId:\r\n selectionModel.length !== 0\r\n ? selectionModel[selectionModel.length - 1]\r\n : null,\r\n rowSelected: rowSelected,\r\n noOfSelectedRows: selectionModel.length,\r\n });\r\n }\r\n deleteHandler() {\r\n this.state.selectionModel.forEach((id) => {\r\n this.props.onDeleteStrategizer(id);\r\n });\r\n }\r\n\r\n editHandler() {\r\n this.setState({\r\n doEdit: true,\r\n editRedirectionLink:\r\n \"/dashboard/editStrategizer?strategizerId=\" + this.state.selectedRowId,\r\n });\r\n }\r\n\r\n render() {\r\n let strategizers =\r\n this.props.strategizers && this.props.strategizers[\"all_strategizers\"]\r\n ? this.props.strategizers[\"all_strategizers\"].map(\r\n (strategizer, index) => {\r\n return {\r\n id: strategizer.leaderboard_id,\r\n name: strategizer.name,\r\n type: strategizer.type,\r\n score: strategizer.score,\r\n college: strategizer.college,\r\n created_at: strategizer.created_at,\r\n updated_at: strategizer.updated_at,\r\n };\r\n }\r\n )\r\n : [];\r\n let content = this.state.doEdit ? (\r\n \r\n
\r\n \r\n Edit Strategizer
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n strategizers: state.strategizer.strategizers,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchStrategizers: (category, queryCriteria) =>\r\n dispatch(actions.fetchStrategizers(category, queryCriteria)),\r\n onDeleteStrategizer: (strategizerId) =>\r\n dispatch(actions.deleteStrategizer(strategizerId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(StrategizerSummary);\r\n","import moment from \"moment\";\r\n\r\nexport const workshopTypes = [\r\n \"Flagship\",\r\n \"International\",\r\n \"Conclave\",\r\n \"On-Site\",\r\n];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"Workshop Title 5\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n type: {\r\n value: workshopTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n short_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n full_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n faq: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n background_info: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_end_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_end_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n terms_condition: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n organizer: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n conclave: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddWorkshop.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddWorkshop extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n workshopTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n workshopImage: null,\r\n workshopTimelineImage: null,\r\n workshopImageFormData: new FormData(),\r\n workshopTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n workshopImageUploadSuccess: false,\r\n workshopTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.onFetchCategories(\r\n JSON.stringify({\r\n filters: [{ field_name: \"type\", value: this.props.category, op: \"=\" }],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n this.props.stopLoading();\r\n }\r\n\r\n onFormSubmit(workshop) {\r\n workshop.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let workshopData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n workshopData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddWorkshop(workshopData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages(workshopId) {\r\n if (this.state.workshopImage !== null) {\r\n let workshopImageformData = this.state.workshopImageFormData;\r\n workshopImageformData.append(\"entity_id\", workshopId);\r\n uploadNewImage(workshopImageformData, () =>\r\n this.setState({ ...this.state, workshopImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, workshopImageUploadSuccess: true });\r\n }\r\n if (this.state.workshopTimelineImage !== null) {\r\n let timelineWorkshopImageformData =\r\n this.state.workshopTimelineImageFormData;\r\n timelineWorkshopImageformData.append(\"entity_id\", workshopId);\r\n uploadNewImage(timelineWorkshopImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n workshopTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n workshopTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Workshop Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/workshopSummary\";\r\n }\r\n\r\n fieldChangHandler(key, workshop) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = workshop.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onWorkshopImageChange(workshop, uploadType) {\r\n let selectedFile = workshop.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"workshop\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"workshop-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n workshopTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n workshopImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"workshop-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"workshop-timeline\") {\r\n this.setState({ workshopTimelineImage: src });\r\n } else {\r\n this.setState({ workshopImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.workshopImageUploadSuccess &&\r\n this.state.workshopTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Record\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Record\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Record\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", workshop)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", workshop)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Workshop Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", workshop)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ,\r\n this.props.categories.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_end_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_end_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"organizer\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"conclave\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"contact\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"short_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"full_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"background_info\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"faq\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"terms_condition\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n workshop\r\n )()\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", workshop)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.workshop.error,\r\n categories: state.workshop.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCategories: () => dispatch(actions.fetchWorkshopCategories()),\r\n onAddWorkshop: (workshopData, cb) =>\r\n dispatch(actions.addWorkshop(workshopData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddWorkshop);\r\n","import moment from \"moment\";\r\n\r\nexport const workshopTypes = [\r\n \"Flagship\",\r\n \"International\",\r\n \"Conclave\",\r\n \"On-Site\",\r\n];\r\nexport const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n title: {\r\n value: \"Workshop Title 5\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n slug: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n type: {\r\n value: workshopTypes[0],\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n new_type: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n short_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n full_description: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n faq: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n background_info: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_end_date: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_end_time: {\r\n value: moment(),\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n terms_condition: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n contact: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n view_order: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n organizer: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n duration: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n venue: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n show_in_home_page: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n conclave: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n price: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n timeline_image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n workshop_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\nimport { CKEditor } from \"@ckeditor/ckeditor5-react\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel,\r\n Grid,\r\n InputLabel,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage,\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditWorkshop.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass EditWorkshop extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n workshopTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n workshopImage: null,\r\n workshopTimelineImage: null,\r\n workshopImageFormData: new FormData(),\r\n workshopTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n workshopImageUploadSuccess: false,\r\n workshopTimelineImageUploadSuccess: false,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/workshops/read-single.php?id=\" + queryParams.workshopId)\r\n .then((response) => {\r\n let workshopData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = workshopData[attr];\r\n }\r\n this.setState({ initalValues: updatedValues });\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n window.location.href = \"/dashboard/workshopSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(workshop) {\r\n workshop.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let workshopData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n workshopData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onEditWorkshop(workshopData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n uploadImages() {\r\n if (this.state.workshopImage !== null) {\r\n let workshopImageformData = this.state.workshopImageFormData;\r\n workshopImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.workshop_id.value\r\n );\r\n if (workshopImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(workshopImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n workshopImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(workshopImageformData, () =>\r\n this.setState({ ...this.state, workshopImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, workshopImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.workshopTimelineImage !== null) {\r\n let timelineWorkshopImageformData =\r\n this.state.workshopTimelineImageFormData;\r\n timelineWorkshopImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.workshop_id.value\r\n );\r\n if (timelineWorkshopImageformData.get(\"path\") === \"null\") {\r\n // image was not present workshop when added, now being added first time\r\n uploadNewImage(timelineWorkshopImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n workshopTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineWorkshopImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n workshopTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n workshopTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Workshop Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/workshopSummary\";\r\n }\r\n\r\n fieldChangHandler(key, workshop) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = workshop.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onWorkshopImageChange(workshop, uploadType) {\r\n let selectedFile = workshop.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"workshop\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"workshop-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"workshop\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"workshop-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n workshopTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n workshopImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"workshop-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"workshop-timeline\") {\r\n this.setState({ workshopTimelineImage: src });\r\n } else {\r\n this.setState({ workshopImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.workshopImageUploadSuccess &&\r\n this.state.workshopTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n Add Workshop
\r\n\r\n \r\n this.onWorkshopImageChange.bind(this, workshop, \"workshop\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Workshop Contact Details
\r\nShort Description
\r\nFull Description
\r\nBackground Info
\r\nFAQ
\r\nTerms Condition
\r\n\r\n \r\n this.onWorkshopImageChange.bind(\r\n this,\r\n workshop,\r\n \"workshop-timeline\"\r\n )()\r\n }\r\n hidden\r\n ref={this.timelineImageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n Timeline Image
\r\n\r\n
\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"title\", workshop)()\r\n }\r\n helperText={this.state.initialValues.title.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"slug\", workshop)()\r\n }\r\n helperText={this.state.initialValues.slug.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n \r\n Workshop Type\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"type\", workshop)()\r\n }\r\n fullWidth\r\n >\r\n {this.props.categories ? (\r\n [\r\n ,\r\n this.props.categories.map((option, i) => {\r\n return (\r\n \r\n );\r\n }),\r\n ,\r\n ]\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n {this.state.initialValues.type.value === \"NEW\" ? (\r\n \r\n this.fieldChangHandler.bind(this, \"new_type\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n ) : null}\r\n \r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_end_date\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change date\",\r\n }}\r\n />\r\n {\r\n this.dateFieldChangeHandler.bind(\r\n this,\r\n \"workshop_end_time\",\r\n date,\r\n value\r\n )();\r\n }}\r\n KeyboardButtonProps={{\r\n \"aria-label\": \"change time\",\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"venue\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"organizer\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"conclave\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"price\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n {}}\r\n data={this.state.initialValues.contact.value}\r\n onChange={(workshop, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"contact\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(workshop, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"short_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n data={this.state.initialValues.full_description.value}\r\n onChange={(workshop, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"full_description\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(workshop, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"background_info\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n {}}\r\n onChange={(workshop, editor) =>\r\n this.ckEditorFieldChangHandler.bind(\r\n this,\r\n \"terms_condition\",\r\n editor.getData()\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n this.fieldChangHandler.bind(this, \"view_order\", workshop)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n Show in Home Page ? \r\n \r\n this.fieldChangHandler.bind(\r\n this,\r\n \"show_in_home_page\",\r\n workshop\r\n )()\r\n }\r\n >\r\n \r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", workshop)()\r\n }\r\n >\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.workshop.error,\r\n categories: state.workshop.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchWorkshops: () => dispatch(actions.fetchWorkshops()),\r\n onEditWorkshop: (workshopData, cb) =>\r\n dispatch(actions.editWorkshop(workshopData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditWorkshop)\r\n);\r\n","import { Button, Tooltip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router\";\r\nimport parse from \"html-react-parser\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./WorkshopSummary.module.css\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"Workshop ID\", width: 100 },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Edit Workshop
\r\n\r\n \r\n this.onWorkshopImageChange.bind(this, workshop, \"workshop\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Workshop Contact Details
\r\nShort Description
\r\nFull Description
\r\nBackground Info
\r\nTerms Condition
\r\n\r\n \r\n this.onWorkshopImageChange.bind(\r\n this,\r\n workshop,\r\n \"workshop-timeline\"\r\n )()\r\n }\r\n hidden\r\n ref={this.timelineImageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n Timeline Image
\r\n\r\n
\r\n No Image
\r\n ),\r\n },\r\n { field: \"title\", headerName: \"Title\", width: 200 },\r\n { field: \"type\", headerName: \"Workshop Type\", width: 200 },\r\n { field: \"organizer\", headerName: \"organizer\", width: 200 },\r\n { field: \"conclave\", headerName: \"conclave\", width: 200 },\r\n { field: \"slug\", headerName: \"Slug\", width: 200 },\r\n {\r\n field: \"short_description\",\r\n headerName: \"Short Description\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n{params.value}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n{parse(params.value)}
\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n workshops: state.workshop.workshops,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchWorkshops: (category, queryCriteria) =>\r\n dispatch(actions.fetchWorkshops(category, queryCriteria)),\r\n onDeleteWorkshop: (workshopId) =>\r\n dispatch(actions.deleteWorkshop(workshopId)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WorkshopSummary);\r\n","export const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n content: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_background_color: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_position_absolute: {\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n value: \"\",\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_position_x: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_position_y: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Backdrop,\r\n Button,\r\n Fade,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel, InputLabel, Modal, Radio,\r\n RadioGroup, Select, TextField\r\n} from \"@material-ui/core\";\r\nimport {\r\n convertToRaw,\r\n EditorState\r\n} from 'draft-js';\r\nimport draftToHtml from \"draftjs-to-html\";\r\nimport ColorPicker from \"material-ui-color-picker\";\r\nimport React, { Component } from \"react\";\r\nimport {\r\n Editor\r\n} from \"react-draft-wysiwyg\";\r\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\r\nimport { connect } from \"react-redux\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport Certificate from \"../../../../../components/Certificate/Certificate\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { certificateTypes } from \"../../../../../utils/certificateTypes\";\r\nimport { uploadNewImage } from \"../../../../../utils/imageUploadUtil\";\r\nimport * as classes from \"./AddCertificate.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\n\r\nclass AddCertificate extends Component {\r\n state = {\r\n backgroundColor: \"\",\r\n initialValues: initalValues,\r\n certificateTypesDropdown: [{\r\n key: null,\r\n value: \"Select an option\"\r\n }],\r\n editorState: EditorState.createEmpty(),\r\n certificateImage: null,\r\n certificateTimelineImage: null,\r\n certificateImageFormData: new FormData(),\r\n certificateTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n certificateImageUploadSuccess: false,\r\n certificateTimelineImageUploadSuccess: false,\r\n showCertificatePreview: false\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n this.certificateComp = React.createRef()\r\n }\r\n componentDidMount() {\r\n let modifiedCertificateTypeDropdown = [...this.state.certificateTypesDropdown];\r\n for(let key in certificateTypes){\r\n modifiedCertificateTypeDropdown.push({\r\n key: key,\r\n value: certificateTypes[key]\r\n })\r\n }\r\n\r\n this.setState({\r\n certificateTypesDropdown: modifiedCertificateTypeDropdown\r\n });\r\n \r\n this.props.stopLoading();\r\n }\r\n \r\n onFormSubmit(certificate) {\r\n certificate.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let certificateData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n certificateData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n this.props.onAddCertificate(certificateData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n console.log(this.state.initialValues)\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n \r\n showPreview (event) {\r\n this.setState({\r\n showCertificatePreview: true\r\n });\r\n }\r\n\r\n closePreview (event) {\r\n this.setState({\r\n showCertificatePreview: false\r\n });\r\n }\r\n\r\n\r\n uploadImages(certificateId) {\r\n if (this.state.certificateImage !== null) {\r\n let certificateImageformData = this.state.certificateImageFormData;\r\n certificateImageformData.append(\"entity_id\", certificateId);\r\n uploadNewImage(certificateImageformData, () =>\r\n this.setState({ ...this.state, certificateImageUploadSuccess: true })\r\n );\r\n } else {\r\n this.setState({ ...this.state, certificateImageUploadSuccess: true });\r\n }\r\n if (this.state.certificateTimelineImage !== null) {\r\n let timelineCertificateImageformData =\r\n this.state.certificateTimelineImageFormData;\r\n timelineCertificateImageformData.append(\"entity_id\", certificateId);\r\n uploadNewImage(timelineCertificateImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n certificateTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n certificateTimelineImageUploadSuccess: true,\r\n });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Certificate Added Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/certificateSummary\";\r\n }\r\n\r\n fieldChangHandler(key, certificate) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = certificate.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onBackgroundColorChange (color) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"content_background_color\") {\r\n updatedValues[fieldKey].value = color;\r\n }\r\n });\r\n this.setState({\r\n initalValues: updatedValues,\r\n backgroundColor: color\r\n });\r\n }\r\n\r\n editorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n let htmlData = draftToHtml(convertToRaw(data.getCurrentContent()));\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = htmlData;\r\n }\r\n });\r\n this.setState({\r\n initalValues: updatedValues,\r\n editorState: data\r\n });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onCertificateImageChange(certificate, uploadType) {\r\n let selectedFile = certificate.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"certificate\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"certificate-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n certificateTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n certificateImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"certificate-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"certificate-timeline\") {\r\n this.setState({ certificateTimelineImage: src });\r\n } else {\r\n this.setState({ certificateImage: src });\r\n }\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.certificateImageUploadSuccess &&\r\n this.state.certificateTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Workshop\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Workshop\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Workshop\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", certificate)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.editorFieldChangHandler(\"content\", editorState)\r\n }\r\n editorStyle={{\r\n border: \"1px solid rgb(205 202 202)\"\r\n }}\r\n />\r\n \r\n \r\n this.onBackgroundColorChange(color)}\r\n />\r\n \r\n \r\n \r\n Content Position\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"content_position_absolute\", event)()\r\n }\r\n fullWidth\r\n >\r\n [\r\n {\r\n this.state.certificateTypesDropdown.map((option, i) => {\r\n return ( );\r\n })\r\n }\r\n ]\r\n \r\n \r\n {this.state.initialValues.content_position_absolute.value === certificateTypes.CUSTOM_POSITION ? <>\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"content_position_x\", certificate)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"content_position_y\", certificate)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n : null}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", certificate)()\r\n }\r\n >\r\n \r\n \r\n \r\n Preview Certificate\r\n \r\n \r\n \r\n Submit\r\n \r\n this.closePreview()}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.certificate.error,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddCertificate: (certificateData, cb) =>\r\n dispatch(actions.addCertificate(certificateData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddCertificate);\r\n","import { Button, Tooltip } from \"@material-ui/core\";\r\nimport { DataGrid, GridToolbar } from \"@material-ui/data-grid\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport * as classes from \"./CertificateSummary.module.css\";\r\nimport parse from \"html-react-parser\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nconst columns = [\r\n { field: \"id\", headerName: \"ID\", width: 100 },\r\n {\r\n field: \"name\",\r\n headerName: \"Name\",\r\n width: 200\r\n },\r\n {\r\n field: \"image_url\",\r\n headerName: \"Background Image\",\r\n width: 150,\r\n renderCell: (params) =>\r\n params.value ? (\r\n \r\n
\r\n Add Certificate
\r\n\r\n \r\n this.onCertificateImageChange.bind(this, certificate, \"certificate\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Background Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Content
\r\n\r\n
\r\n No Image
\r\n ),\r\n }, {\r\n field: \"content\",\r\n headerName: \"Content\",\r\n width: 300,\r\n renderCell: (params) => {\r\n return (\r\n\r\n
\r\n );\r\n return <>{content};\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n certificates: state.certificate.certificates,\r\n };\r\n};\r\n\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCertificates: (category, queryCriteria) => dispatch(actions.fetchCertificates(category, queryCriteria)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n onDeleteEvent: (certificateId) => dispatch(actions.deleteCertificate(certificateId))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CertificateSummary);\r\n","export const initalValues = {\r\n image_upload: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n content: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_background_color: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_position_absolute: {\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n value: \"\",\r\n },\r\n visible: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_position_x: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n content_position_y: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n image_url: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n certificate_id: {\r\n value: 0,\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n};\r\n","import {\r\n Backdrop,\r\n Button,\r\n Fade,\r\n FormControl,\r\n FormControlLabel,\r\n FormLabel, InputLabel,\r\n Modal,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport { ContentState, convertToRaw, EditorState } from \"draft-js\";\r\nimport {\r\n Editor\r\n} from \"react-draft-wysiwyg\";\r\nimport ColorPicker from \"material-ui-color-picker\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport DefaultImage from \"../../../../../assets/images/common/default.png\";\r\nimport axios from \"../../../../../axios-iim\";\r\nimport Certificate from \"../../../../../components/Certificate/Certificate\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport CustomImage from \"../../../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport {\r\n updateImage,\r\n uploadNewImage\r\n} from \"../../../../../utils/imageUploadUtil\";\r\nimport { extractQueryParams } from \"../../../../../utils/queryUtil\";\r\nimport * as classes from \"./EditCertificate.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport { certificateTypes } from \"../../../../../utils/certificateTypes\";\r\nimport draftToHtml from \"draftjs-to-html\";\r\nimport htmlToDraft from 'html-to-draftjs';\r\nimport * as config from \"../../../../../config.json\";\r\n\r\nclass EditCertificate extends Component {\r\n state = {\r\n backgroundColor: null,\r\n initialValues: initalValues,\r\n certificateTypesDropdown: [{\r\n key: null,\r\n value: \"Select an option\"\r\n }],\r\n editorState: EditorState.createEmpty(),\r\n certificateImage: null,\r\n certificateTimelineImage: null,\r\n certificateImageFormData: new FormData(),\r\n certificateTimelineImageFormData: new FormData(),\r\n isFormValid: true,\r\n certificateImageUploadSuccess: false,\r\n certificateTimelineImageUploadSuccess: false,\r\n showCertificatePreview: false\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.imageInputRef = React.createRef();\r\n this.timelineImageInputRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let queryParams = extractQueryParams(\r\n this.props.location.search.substring(1)\r\n );\r\n axios\r\n .get(\"/certificates/read_single.php?id=\" + queryParams.certificateId)\r\n .then((response) => {\r\n let certificateData = response.data;\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = certificateData[attr];\r\n }\r\n const contentBlocks = htmlToDraft(updatedValues.content.value)\r\n const contentState = ContentState.createFromBlockArray(contentBlocks)\r\n let initialEditorState = EditorState.createWithContent(\r\n contentState\r\n );\r\n \r\n let modifiedCertificateTypeDropdown = [...this.state.certificateTypesDropdown];\r\n for(let key in certificateTypes){\r\n modifiedCertificateTypeDropdown.push({\r\n key: key,\r\n value: certificateTypes[key]\r\n })\r\n }\r\n\r\n this.setState({ \r\n initalValues: updatedValues,\r\n editorState: initialEditorState,\r\n certificateTypesDropdown: modifiedCertificateTypeDropdown\r\n });\r\n\r\n this.props.stopLoading();\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n this.props.onSendMessage(\"Something went wrong. \", \"error\");\r\n // window.location.href = \"/dashboard/certificatesSummary\";\r\n });\r\n }\r\n\r\n onFormSubmit(certificate) {\r\n certificate.preventDefault();\r\n // this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let certificateData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n certificateData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n console.log(\"inside comp before post\", certificateData);\r\n this.props.onEditCertificate(certificateData, this.uploadImages.bind(this));\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n showPreview (event) {\r\n this.setState({\r\n showCertificatePreview: true\r\n });\r\n }\r\n\r\n closePreview (event) {\r\n this.setState({\r\n showCertificatePreview: false\r\n });\r\n }\r\n\r\n\r\n uploadImages() {\r\n if (this.state.certificateImage !== null) {\r\n let certificateImageformData = this.state.certificateImageFormData;\r\n certificateImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.certificate_id.value\r\n );\r\n if (certificateImageformData.get(\"path\") === \"null\") {\r\n uploadNewImage(certificateImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n certificateImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(certificateImageformData, () =>\r\n this.setState({ ...this.state, certificateImageUploadSuccess: true })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, certificateImageUploadSuccess: true });\r\n }\r\n\r\n if (this.state.certificateTimelineImage !== null) {\r\n let timelineCertificateImageformData = this.state.certificateTimelineImageFormData;\r\n timelineCertificateImageformData.append(\r\n \"entity_id\",\r\n this.state.initialValues.certificate_id.value\r\n );\r\n if (timelineCertificateImageformData.get(\"path\") === \"null\") {\r\n // image was not present certificate when added, now being added first time\r\n uploadNewImage(timelineCertificateImageformData, () => {\r\n this.setState({\r\n ...this.state,\r\n certificateTimelineImageUploadSuccess: true,\r\n });\r\n });\r\n } else {\r\n updateImage(timelineCertificateImageformData, () =>\r\n this.setState({\r\n ...this.state,\r\n certificateTimelineImageUploadSuccess: true,\r\n })\r\n );\r\n }\r\n } else {\r\n this.setState({ ...this.state, certificateTimelineImageUploadSuccess: true });\r\n }\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Certificate Edited Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/certificateSummary\";\r\n }\r\n\r\n fieldChangHandler(key, certificate) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = certificate.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n editorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n let htmlData = draftToHtml(convertToRaw(data.getCurrentContent()));\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = htmlData;\r\n }\r\n });\r\n this.setState({\r\n initalValues: updatedValues,\r\n editorState: data\r\n });\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onCertificateImageChange(certificate, uploadType) {\r\n let selectedFile = certificate.target.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image_upload\", selectedFile);\r\n let path =\r\n uploadType === \"certificate\"\r\n ? this.state.initialValues.image_url.value\r\n : uploadType === \"certificate-timeline\"\r\n ? this.state.initialValues.timeline_image_url.value\r\n : null;\r\n formData.append(\"path\", path);\r\n formData.append(\"upload_type\", uploadType);\r\n formData.append(\"entity_type\", \"certificate\");\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"image_upload\") {\r\n updatedValues[fieldKey].value = selectedFile;\r\n }\r\n });\r\n var reader = new FileReader();\r\n reader.onloadend = this.loadImage.bind(this, reader, uploadType);\r\n reader.readAsDataURL(selectedFile);\r\n if (uploadType === \"certificate-timeline\") {\r\n this.setState({\r\n initalValues: updatedValues,\r\n certificateTimelineImageFormData: formData,\r\n });\r\n } else {\r\n this.setState({\r\n initalValues: updatedValues,\r\n certificateImageFormData: formData,\r\n });\r\n }\r\n }\r\n changePictureHandler(type) {\r\n if (type === \"certificate-timeline\") {\r\n this.timelineImageInputRef.current.click();\r\n } else {\r\n this.imageInputRef.current.click();\r\n }\r\n }\r\n\r\n loadImage(reader, uploadType) {\r\n let src = reader.result;\r\n if (uploadType === \"certificate-timeline\") {\r\n this.setState({ certificateTimelineImage: src });\r\n } else {\r\n this.setState({ certificateImage: src });\r\n }\r\n }\r\n\r\n onBackgroundColorChange (color) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === \"content_background_color\") {\r\n updatedValues[fieldKey].value = color;\r\n }\r\n });\r\n this.setState({\r\n initalValues: updatedValues,\r\n backgroundColor: color\r\n });\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.certificateImageUploadSuccess &&\r\n this.state.certificateTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n {this.state.rowSelected && this.state.noOfSelectedRows === 1 ? (\r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Certificate\r\n \r\n ) : null}\r\n
\r\n \r\n this.editHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Edit Certificate\r\n \r\n this.deleteHandler.bind(this)()}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n className={classes.ActionButton}\r\n >\r\n Delete Certificate\r\n \r\n
\r\n ) : this.state.rowSelected && this.state.noOfSelectedRows > 1 ? (\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n this.fieldChangHandler.bind(this, \"name\", certificate)()\r\n }\r\n helperText={this.state.initialValues.name.errorMessage}\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.editorFieldChangHandler(\"content\", editorState)\r\n }\r\n editorStyle={{\r\n border: \"1px solid rgb(205 202 202)\"\r\n }}\r\n />\r\n \r\n \r\n this.onBackgroundColorChange(color)}\r\n />\r\n \r\n \r\n \r\n Content Position\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"content_position_absolute\", event)()\r\n }\r\n fullWidth\r\n >\r\n [\r\n {\r\n this.state.certificateTypesDropdown.map((option, i) => {\r\n return ( );\r\n })\r\n }\r\n ]\r\n \r\n \r\n {this.state.initialValues.content_position_absolute.value === certificateTypes.CUSTOM_POSITION ? <>\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"content_position_x\", certificate)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n \r\n \r\n this.fieldChangHandler.bind(this, \"content_position_y\", certificate)()\r\n }\r\n helperText=\"\"\r\n variant=\"outlined\"\r\n fullWidth\r\n />\r\n : null}\r\n \r\n \r\n Visible ? \r\n \r\n this.fieldChangHandler.bind(this, \"visible\", certificate)()\r\n }\r\n >\r\n \r\n \r\n \r\n Preview Certificate\r\n \r\n \r\n \r\n Submit\r\n \r\n this.closePreview()}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.certificate.error,\r\n categories: state.certificate.categories,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onEditCertificate: (certificateData, cb) => dispatch(actions.editCertificate(certificateData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditCertificate)\r\n);\r\n","export const certificateActions = {\r\n SEND_BY_USER_EMAIL: \"SEND BY USER EMAIL\",\r\n ALL_REGISTERED_USERS: \"ALL REGISTERED USERS\",\r\n ALL_PARTICIPATED_USERS: \"ALL PARTICIPATED USERS\"\r\n};","export const initalValues = {\r\n category: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n certificate_id: {\r\n value: null,\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n emails: {\r\n value: [],\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n }\r\n};\r\n","import {\r\n Button,\r\n FormControl, InputLabel, Select, TextField\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport MatBackdrop from \"../../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../../store/actions/index\";\r\nimport { certificateActions } from \"../../../../../utils/certificateActions\";\r\nimport { initalValues } from \"./initialValues\";\r\nimport * as classes from \"./SendCertificate.module.css\";\r\n\r\nclass SendCertificate extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n categoryDropdown: [{ key: \"Select an option\", value: null }],\r\n certificateDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n let modifiedCertificateTypeDropdown = [...this.state.categoryDropdown];\r\n for (let key in certificateActions) {\r\n modifiedCertificateTypeDropdown.push({\r\n key: key,\r\n value: certificateActions[key]\r\n });\r\n }\r\n this.props.onFetchCertificates(\r\n \"all_certificates\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n\r\n this.setState({\r\n categoryDropdown: modifiedCertificateTypeDropdown\r\n });\r\n }\r\n\r\n onFormSubmit(certificateData) {\r\n certificateData.preventDefault();\r\n this.submitBtnRef.current.textContent = \"Please wait...\";\r\n let isValid = this.validate();\r\n if (isValid) {\r\n // make a request\r\n let contactPersonData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n contactPersonData[key] = this.state.initialValues[key].value;\r\n });\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n console.log(certificateData);\r\n\r\n this.props.onSendCertificate(\r\n contactPersonData,\r\n this.successHandler.bind(this)\r\n );\r\n } else {\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n this.submitBtnRef.current.textContent = \"Submit\";\r\n }\r\n\r\n validate() {\r\n let values = this.state.initialValues;\r\n let isValid = true;\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n isValid = false;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n return isValid;\r\n }\r\n\r\n successHandler() {\r\n this.props.onSendMessage(\"Certificate(s) Sent Successfully\", \"info\");\r\n this.formRef.current.reset();\r\n window.location.href = \"/dashboard/certificateSummary\";\r\n }\r\n\r\n fieldChangHandler(key, contactPerson) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n console.log(fieldKey)\r\n updatedValues[fieldKey].value = contactPerson.target.value;\r\n console.log(updatedValues)\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n onEmailInput(data) {\r\n let value = data.target.value;\r\n let emails = value ? value.split(\",\").map(v => v.trim()) : [];\r\n let updatedValues = this.state.initialValues;\r\n updatedValues.emails.value = [...emails];\r\n console.log(emails);\r\n this.setState({\r\n initalValues: updatedValues\r\n });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n let certificates = this.props.certificates && this.props.certificates[\"all_certificates\"]\r\n ? this.props.certificates[\"all_certificates\"].map((certificate, index) => {\r\n return }):[];\r\n \r\n return (\r\n \r\n
\r\n Edit Certificate
\r\n\r\n \r\n this.onCertificateImageChange.bind(this, certificate, \"certificate\")()\r\n }\r\n hidden\r\n ref={this.imageInputRef}\r\n />\r\n \r\n Change Picture\r\n \r\n
\r\n \r\n \r\n
\r\n Content
\r\n\r\n
\r\n \r\n this.validate.bind(this)()}\r\n >\r\n \r\n \r\n Certificate Name \r\n \r\n this.fieldChangHandler.bind(this, \"certificate_id\", event)()\r\n }\r\n fullWidth\r\n >\r\n {[\r\n ,\r\n ...(certificates || [])\r\n ]}\r\n \r\n \r\n \r\n \r\n Category \r\n \r\n this.fieldChangHandler.bind(this, \"category\", event)()\r\n }\r\n fullWidth\r\n >\r\n {[\r\n ...this.state.categoryDropdown.map((category, index) => {\r\n return \r\n })\r\n ]}\r\n \r\n \r\n {\r\n this.state.initialValues.category.value === \"SEND_BY_USER_EMAIL\" ? \r\n <>\r\n \r\n this.onEmailInput.bind(this, emails)()\r\n }\r\n variant=\"outlined\"\r\n fullWidth\r\n /> : null\r\n }\r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n certificates: state.certificate.certificates,\r\n loading: state.auth.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchCertificates: (category, queryCriteria) => dispatch(actions.fetchCertificates(category, queryCriteria)),\r\n onSendCertificate: (sendCertificateData, cb) =>\r\n dispatch(actions.sendCertificates(sendCertificateData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SendCertificate);\r\n","import {\r\n Collapse,\r\n List,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n ListSubheader,\r\n withStyles\r\n} from \"@material-ui/core\";\r\nimport {\r\n Add,\r\n ArrowUpward, Assessment, BrandingWatermark, CastConnectedTwoTone, ContactSupport, DashboardOutlined, DeveloperBoard, Event, EventAvailable, ExpandLess,\r\n ExpandMore, GroupSharp, ListAlt, LocalOffer, Mic, Web\r\n} from \"@material-ui/icons\";\r\nimport ListAltIcon from \"@material-ui/icons/ListAlt\";\r\nimport React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport ListLink from \"../../../components/UI/ListLink/ListLink\";\r\nimport EditAboutPage from \"./AboutUsPage/EditAboutPage\";\r\nimport BookingsReport from \"./Bookings/BookingsReport\";\r\nimport AddCollege from \"./Colleges/AddCollege/AddCollege\";\r\nimport CollegeSummary from \"./Colleges/CollegeSummary/CollegeSummary\";\r\nimport EditCollege from \"./Colleges/EditCollege/EditCollege\";\r\nimport AddConnexion from \"./Connexions/AddConnexion/AddConnexion\";\r\nimport ConnexionSummary from \"./Connexions/ConnexionSummary/ConnexionSummary\";\r\nimport EditConnexion from \"./Connexions/EditConnexion/EditConnexion\";\r\nimport AddContactPerson from \"./ContactPerson/AddContactPerson/AddContactPerson\";\r\nimport ContactPersonSummary from \"./ContactPerson/ContactPersonSummary/ContactPersonSummary\";\r\nimport EditContactPerson from \"./ContactPerson/EditContactPerson/EditContactPerson\";\r\nimport AddContactRole from \"./ContactRole/AddContactRole/AddContactRole\";\r\nimport ContactRoleSummary from \"./ContactRole/ContactRoleSummary/ContactRoleSummary\";\r\nimport AddCoupon from \"./Coupons/AddCoupon/AddCoupon\";\r\nimport CouponSummary from \"./Coupons/CouponSummary/CouponSummary\";\r\nimport cssClasses from \"./Dashboard.module.css\";\r\nimport AddEvent from \"./Events/AddEvent/AddEvent\";\r\nimport EditEvent from \"./Events/EditEvent/EditEvent\";\r\nimport EventSummary from \"./Events/EventSummary/EventSummary\";\r\nimport EditHomePage from \"./HomePage/EditHomePage\";\r\nimport AddHomePageSlider from \"./HomePageSlider/AddHomePageSlider/AddHomePageSlider\";\r\nimport EditHomePageSlider from \"./HomePageSlider/EditHomePageSlider/EditHomePageSlider\";\r\nimport HomePageSliderSummary from \"./HomePageSlider/HomePageSliderSummary/HomePageSliderSummary\";\r\nimport AddInformalEvent from \"./InformalEvents/AddInformalEvent/AddInformalEvent\";\r\nimport EditInformalEvent from \"./InformalEvents/EditInformalEvent/EditInformalEvent\";\r\nimport InformalEventSummary from \"./InformalEvents/InformalEventSummary/InformalEventSummary\";\r\nimport AddMember from \"./Members/AddMember/AddMember\";\r\nimport EditMember from \"./Members/EditMember/EditMember\";\r\nimport MemberSummary from \"./Members/MemberSummary/MemberSummary\";\r\nimport PaymentsReport from \"./Payments/PaymentsReport\";\r\nimport RegistrationsReport from \"./Registrations/RegistrationsReport\";\r\nimport AddSpeaker from \"./Speakers/AddSpeaker/AddSpeaker\";\r\nimport EditSpeaker from \"./Speakers/EditSpeaker/EditSpeaker\";\r\nimport SpeakerSummary from \"./Speakers/SpeakerSummary/SpeakerSummary\";\r\nimport AddSponser from \"./Sponsers/AddSponser/AddSponser\";\r\nimport EditSponser from \"./Sponsers/EditSponser/EditSponser\";\r\nimport SponserSummary from \"./Sponsers/SponserSummary/SponserSummary\";\r\nimport AddStrategizer from \"./Strategizer/AddStrategizer/AddStrategizer\";\r\nimport EditStrategizer from \"./Strategizer/EditStrategizer/EditStrategizer\";\r\nimport StrategizerSummary from \"./Strategizer/StrategizerSummary/StrategizerSummary\";\r\nimport AddWorkshop from \"./Workshops/AddWorkshop/AddWorkshop\";\r\nimport EditWorkshop from \"./Workshops/EditWorkshop/EditWorkshop\";\r\nimport WorkshopSummary from \"./Workshops/WorkshopSummary/WorkshopSummary\";\r\nimport AddCertificate from \"./Certificate/AddCertificate/AddCertificate\";\r\nimport CertificateSummary from \"./Certificate/CertificateSummary/CertificateSummary\";\r\nimport EditCertificate from \"./Certificate/EditCertificate/EditCertificate\";\r\nimport SendCertificate from \"./Certificate/SendCertificate/SendCertificate\";\r\n\r\nclass Dashboard extends Component {\r\n state = {\r\n eventsMenu: false,\r\n workshopsMenu: false,\r\n informalEventsMenu: false,\r\n speakersMenu: false,\r\n connexionsMenu: false,\r\n strategizerMenu: false,\r\n sponsersMenu: false,\r\n membersMenu: false,\r\n reportsMenu: false,\r\n couponsMenu: false,\r\n collegeMenu: false,\r\n certificateMenu: false,\r\n contactPersonsMenu: false,\r\n contentMenu: false,\r\n hideSidebar: true,\r\n sidebarClasses: [cssClasses.List, cssClasses.HideSidebarText],\r\n };\r\n\r\n toggleCollapse(component) {\r\n this.setState((prevState) => {\r\n return { ...prevState, [component]: !prevState[component] };\r\n });\r\n }\r\n\r\n toggleSidebar() {\r\n let modifiedSidebarClasses = [...this.state.sidebarClasses];\r\n if (this.state.hideSidebar) {\r\n modifiedSidebarClasses = [cssClasses.List];\r\n } else {\r\n modifiedSidebarClasses.push(cssClasses.HideSidebarText);\r\n }\r\n this.setState((prevState) => {\r\n return {\r\n ...prevState,\r\n hideSidebar: !prevState.hideSidebar,\r\n sidebarClasses: modifiedSidebarClasses,\r\n };\r\n });\r\n }\r\n\r\n render() {\r\n const list = () => (\r\n \r\n
\r\n Send Certificates
\r\nDashboard
\r\n \r\n }\r\n >\r\n\r\n this.toggleCollapse(\"eventsMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"workshopsMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"informalEventsMenu\")}\r\n >\r\n \r\n \r\n \r\n this.toggleCollapse(\"speakersMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"connexionsMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"strategizerMenu\")}\r\n >\r\n \r\n \r\n \r\n this.toggleCollapse(\"sponsersMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"membersMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"reportsMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"couponsMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"collegeMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n this.toggleCollapse(\"contactPersonsMenu\")}\r\n >\r\n \r\n \r\n \r\n this.toggleCollapse(\"certificateMenu\")\r\n }\r\n >\r\n \r\n \r\n this.toggleCollapse(\"contentMenu\")}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n return (\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default withStyles(null, { withTheme: true })(Dashboard);\r\n","import React, { Component } from \"react\";\r\nimport * as classes from \"./MeetTeam.module.css\";\r\nimport CustomImage from \"../../components/UI/CustomImage/CustomImage\";\r\nimport { connect } from \"react-redux\";\r\nimport * as actions from \"../../store/actions/index\";\r\n\r\nclass MeetTeam extends Component {\r\n state = {};\r\n componentDidMount() {\r\n window.scrollTo(0, 0);\r\n this.props.onFetchMembers(\r\n \"all_members\",\r\n JSON.stringify({\r\n filters: [{ field_name: \"e.visible\", value: 1, op: \"=\" }],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n );\r\n }\r\n render() {\r\n console.log(this.props.members);\r\n return (\r\n {list()}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n members: state.member.members,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFetchMembers: (category, queryCriteria) =>\r\n dispatch(actions.fetchMembers(category, queryCriteria)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MeetTeam);\r\n","import {\r\n FormControl,\r\n InputAdornment,\r\n InputLabel,\r\n OutlinedInput,\r\n} from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { AccountCircle, Send } from \"@material-ui/icons\";\r\nimport clsx from \"clsx\";\r\nimport { Form, Formik } from \"formik\";\r\nimport React, { useState } from \"react\";\r\nimport * as Yup from \"yup\";\r\nimport classes from \"./ForgotPasswordForm.module.css\";\r\nimport axios from \"../../../axios-iim\";\r\nimport * as actions from \"../../../store/actions/index\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst ForgotPasswordForm = (props) => {\r\n const initialValues = {\r\n email_id: \"\",\r\n };\r\n\r\n const [isRequestSuccess, setIsRequestSuccess] = useState(false);\r\n\r\n const validationSchema = Yup.object({\r\n email_id: Yup.string().required(\"Required\").email(\"Not a valid email.\"),\r\n });\r\n\r\n const onSubmit = (values, form) => {\r\n form.setSubmitting(true);\r\n axios\r\n .post(\r\n \"/users/forgot_password.php\",\r\n JSON.stringify({\r\n email_id: values.email_id,\r\n })\r\n )\r\n .then((response) => {\r\n form.setSubmitting(false);\r\n setIsRequestSuccess(true);\r\n })\r\n .catch((error) => {\r\n form.setSubmitting(false);\r\n props.onSendMessage(error.response?.data?.message, \"error\");\r\n setIsRequestSuccess(false);\r\n });\r\n };\r\n\r\n return isRequestSuccess ? (\r\n Meet the Team
\r\n\r\n {this.props.members\r\n ? this.props.members[\"all_members\"].map((person, i) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })\r\n : \"Loading...\"}\r\n \r\n
\r\n {person.name}
\r\n\r\n {person.designation}\r\n
\r\n {/*{person.emailId}
*/}\r\n\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n You are almost there ! A Password recovery link has been sent to your\r\n registered Email. Please check your email\r\n
\r\n\r\n \r\n {(formik) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(ForgotPasswordForm);\r\n","import { CircularProgress } from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport axios from \"../../../../axios-iim\";\r\nimport * as actions from \"../../../../store/actions/index\";\r\nimport { extractQueryParams } from \"../../../../utils/queryUtil\";\r\nimport * as classes from \"./ValidatePasswordChangeLink.module.css\";\r\n\r\nclass ValidatePasswordChangeLink extends Component {\r\n sanitizeToken = (token) => {\r\n let sanitizedToken = token\r\n .replaceAll(\"=%3Cbr%20/%3E\", \"\")\r\n .replaceAll(\"=Forgot Password
\r\n{content}
;\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, type) =>\r\n dispatch(actions.sendMessage(message, type)),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(null, mapDispatchToProps)(ValidatePasswordChangeLink)\r\n);\r\n","import {\r\n FormControl,\r\n IconButton,\r\n InputAdornment,\r\n InputLabel,\r\n OutlinedInput,\r\n} from \"@material-ui/core\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Send, Visibility, VisibilityOff } from \"@material-ui/icons\";\r\nimport clsx from \"clsx\";\r\nimport { Form, Formik } from \"formik\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Yup from \"yup\";\r\nimport axios from \"../../../../axios-iim\";\r\nimport * as actions from \"../../../../store/actions/index\";\r\nimport classes from \"./SetNewPassword.module.css\";\r\n\r\nconst SetNewPassword = (props) => {\r\n const initialValues = {\r\n new_password: \"\",\r\n confirm_password: \"\",\r\n };\r\n\r\n useEffect(() => {\r\n if (localStorage.getItem(\"userEmailId\") == null) {\r\n window.location.href = \"/\";\r\n }\r\n }, []);\r\n\r\n const [passwordVisibilty, setPasswordVisibilty] = React.useState({\r\n showNewPassword: false,\r\n showConfirmPassword: false,\r\n });\r\n const [isRequestSuccess, setIsRequestSuccess] = useState(false);\r\n\r\n const validationSchema = Yup.object({\r\n new_password: Yup.string().required(\"Required\"),\r\n confirm_password: Yup.string().required(\"Required\"),\r\n });\r\n\r\n const onSubmit = (values, form) => {\r\n if (values.new_password !== values.confirm_password) {\r\n props.onSendMessage(\r\n \"New Password and Confirm password does not match.\",\r\n \"error\"\r\n );\r\n form.setSubmitting(false);\r\n return;\r\n }\r\n form.setSubmitting(true);\r\n axios\r\n .post(\r\n \"/users/set_new_password.php\",\r\n JSON.stringify({\r\n email_id: localStorage.getItem(\"userEmailId\"),\r\n password: values.new_password,\r\n })\r\n )\r\n .then((response) => {\r\n localStorage.removeItem(\"userEmailId\");\r\n setIsRequestSuccess(true);\r\n })\r\n .catch((error) => {\r\n setIsRequestSuccess(false);\r\n });\r\n };\r\n\r\n const handleClickShowPassword = (type) => {\r\n if (type === \"newPassword\") {\r\n setPasswordVisibilty({\r\n ...passwordVisibilty,\r\n showNewPassword: !passwordVisibilty.showNewPassword,\r\n });\r\n } else {\r\n setPasswordVisibilty({\r\n ...passwordVisibilty,\r\n showConfirmPassword: !passwordVisibilty.showConfirmPassword,\r\n });\r\n }\r\n };\r\n\r\n const handleMouseDownPassword = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n return isRequestSuccess ? (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n Your password has been changed successfully.
\r\nNow you can login with your new password.
\r\n\r\n \r\n {(formik) => (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onSendMessage: (message, type) =>\r\n dispatch(actions.sendMessage(message, type)),\r\n };\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(SetNewPassword);\r\n","import axios from \"../../../axios-iim\";\n\nexport const fetchWorkshopDetail = async (workshopSlug) => {\n const response = await axios.post(\n \"/workshops/read.php\",\n JSON.stringify({\n filters: [\n {\n field_name: \"slug\",\n value: workshopSlug,\n op: \"=\",\n },\n ],\n filter_op: \"\",\n sort: [],\n })\n );\n\n return response;\n};\n\nexport const fetchImages = async (workshopId) => {\n const response = await axios.post(\n \"/images/read.php\",\n JSON.stringify({\n filters: [\n {\n field_name: \"entity_id\",\n value: workshopId,\n op: \"=\",\n },\n {\n field_name: \"entity_type\",\n value: \"workshop\",\n op: \"=\",\n },\n ],\n filter_op: \"AND\",\n sort: [],\n })\n );\n\n return response;\n};\n","import React, { Component } from \"react\";\nimport parse from \"html-react-parser\";\nimport classes from \"./WorkshopDetail.module.css\";\nimport * as services from \"./WorkshopDetail.service\";\nimport * as errorMessages from \"../../../utils/errorMessages\";\nimport * as actions from \"../../../store/actions/index\";\n\nimport { withRouter } from \"react-router-dom\";\nimport { withToastManager } from \"react-toast-notifications\";\nimport DefaultImage from \"../../../assets/images/common/default.png\";\n\nimport ICForm from \"../../../components/Form/ICForm/ICForm\";\nimport Modal from \"../../../components/UI/Modal/Modal\";\nimport CustomImage from \"../../../components/UI/CustomImage/CustomImage\";\nimport { Button } from \"@material-ui/core\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\nimport Loader from \"../../../assets/images/loader.gif\";\n\nclass WorkshopDetail extends Component {\n state = {\n basicActive: \"Date & Time\",\n workshop: null,\n showModal: false,\n tabs: [\n \"Date & Time\",\n \"Background Information\",\n \"FAQ\",\n \"Terms and Condition\",\n \"Contact\",\n \"Register\",\n ],\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n services\n .fetchWorkshopDetail(this.props.match.params.workshopSlug)\n .then((res) => {\n this.fetchImages(res.data[0].workshop_id);\n this.setState({\n workshop: res.data[0],\n });\n })\n .catch((err) => {\n this.props.toastManager.add(\n errorMessages.workshop.WORKSHOPS_NOT_LOADED,\n {\n appearance: \"error\",\n autoDismiss: true,\n }\n );\n });\n }\n\n fetchImages(workshopId) {\n services\n .fetchImages(workshopId)\n .then((response) => {\n let timeline_image = response.data.filter(\n (image) => image.type === \"workshop-timeline\"\n );\n if (timeline_image.length === 1) {\n let updatedWorkshop = this.state.workshop;\n updatedWorkshop.timeline_image_url = timeline_image[0].path;\n this.setState({ workshop: updatedWorkshop });\n }\n })\n .catch((error) => {});\n }\n\n addToCartHandler() {\n // if (+this.state.workshop.price === 0) {\n // return;\n // }\n\n let newCartItem = {\n price: +this.state.workshop.price,\n quantity: 1,\n product_id: this.state.workshop.workshop_id,\n product_slug: this.state.workshop.slug,\n product_type: \"workshop\",\n product_name: this.state.workshop.title,\n product_image: this.state.workshop.image_url,\n venue: this.state.workshop.venue,\n event_date: this.state.workshop.workshop_date,\n };\n\n this.props.onAddCartItem(this.props.cart, newCartItem);\n }\n\n handleBasicClick(value) {\n if (value === this.state.basicActive) {\n return;\n }\n\n this.setState({\n basicActive: value,\n });\n }\n\n notifyClickHandler() {\n this.setState({ showModal: true });\n }\n\n onNotifyModalClosed() {\n this.setState({ showModal: false });\n }\n\n render() {\n let workshopContent = this.state.workshop ? (\n Set New Password
\r\n\n \n {parse(this.state.workshop.background_info)}\n
\n \n
\n \n
\n {this.state.workshop.title}
\n\n {parse(this.state.workshop.full_description)}\n
\n \n
\n\n \n {this.state.tabs.map((tab, i) => {\n return (\n this.handleBasicClick(tab)}\n className={[\n classes.TabItem,\n this.state.basicActive === tab\n ? classes.ActiveTabItem\n : null,\n ].join(\" \")}\n >\n {tab}\n
\n );\n })}\n \n \n
\n Start Date: {this.state.workshop.workshop_date}
\nStart End Date: {this.state.workshop.workshop_end_date}
\n\n Workshop Start Time:{\" \"}\n {moment(this.state.workshop.workshop_time).format(\"h:mm a\")}\n
\n\n Workshop End Time:{\" \"}\n {moment(this.state.workshop.workshop_end_time).format(\"h:mm a\")}\n
\n\n
\n ) : null}\n \n \n \n
\n )}\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n cart: state.auth.cart,\n isAutenticated: state.auth.token !== null,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onAddCartItem: (cart, newCartItem) =>\n dispatch(actions.addCartItem(cart, newCartItem)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(withToastManager(WorkshopDetail)));\n","import axios from \"../../../axios-iim\";\n\nexport const fetchInformalEventDetail = async (informalEventSlug) => {\n const response = await axios.post(\n \"/informal-events/read.php\",\n JSON.stringify({\n filters: [\n {\n field_name: \"slug\",\n value: informalEventSlug,\n op: \"=\",\n },\n ],\n filter_op: \"\",\n sort: [],\n })\n );\n\n return response;\n};\n\nexport const fetchImages = async (informalEventId) => {\n const response = await axios.post(\n \"/images/read.php\",\n JSON.stringify({\n filters: [\n {\n field_name: \"entity_id\",\n value: informalEventId,\n op: \"=\",\n },\n {\n field_name: \"entity_type\",\n value: \"informal_event\",\n op: \"=\",\n },\n ],\n filter_op: \"AND\",\n sort: [],\n })\n );\n\n return response;\n};\n","import React, { Component } from \"react\";\nimport parse from \"html-react-parser\";\nimport classes from \"./InformalEventDetail.module.css\";\nimport * as services from \"./InformalEventDetail.service\";\nimport * as errorMessages from \"../../../utils/errorMessages\";\nimport * as actions from \"../../../store/actions/index\";\n\nimport { withRouter } from \"react-router-dom\";\nimport { withToastManager } from \"react-toast-notifications\";\nimport DefaultImage from \"../../../assets/images/common/default.png\";\nimport Loader from \"../../../assets/images/loader.gif\";\n\nimport ICForm from \"../../../components/Form/ICForm/ICForm\";\nimport Modal from \"../../../components/UI/Modal/Modal\";\nimport CustomImage from \"../../../components/UI/CustomImage/CustomImage\";\nimport { Button } from \"@material-ui/core\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\n\nclass InformalEventDetail extends Component {\n state = {\n basicActive: \"Date & Time\",\n informalEvent: null,\n showModal: false,\n tabs: [\n \"Date & Time\",\n \"Background Information\",\n \"FAQ\",\n \"Terms and Condition\",\n \"Contact\",\n \"Register\",\n ],\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n if (this.props.match.params.informalEventSlug) {\n services\n .fetchInformalEventDetail(this.props.match.params.informalEventSlug)\n .then((res) => {\n this.fetchImages(res.data[0].informal_event_id);\n this.setState({\n informalEvent: res.data[0],\n });\n })\n .catch((err) => {\n this.props.toastManager.add(\n errorMessages.informalEvent.WORKSHOPS_NOT_LOADED,\n {\n appearance: \"error\",\n autoDismiss: true,\n }\n );\n });\n }\n }\n\n fetchImages(informalEventId) {\n services\n .fetchImages(informalEventId)\n .then((response) => {\n let timeline_image = response.data.filter(\n (image) => image.type === \"informal_event-timeline\"\n );\n if (timeline_image.length === 1) {\n let updatedInformalEvent = this.state.informalEvent;\n updatedInformalEvent.timeline_image_url = timeline_image[0].path;\n this.setState({ informalEvent: updatedInformalEvent });\n }\n })\n .catch((error) => {});\n }\n\n addToCartHandler() {\n // if (+this.state.informalEvent.price === 0) {\n // return;\n // }\n\n let newCartItem = {\n price: +this.state.informalEvent.price,\n quantity: 1,\n product_id: this.state.informalEvent.informal_event_id,\n product_slug: this.state.informalEvent.slug,\n product_type: \"informal_event\",\n product_name: this.state.informalEvent.title,\n product_image: this.state.informalEvent.image_url,\n venue: this.state.informalEvent.venue,\n event_date: this.state.informalEvent.event_date,\n };\n\n this.props.onAddCartItem(this.props.cart, newCartItem);\n }\n\n handleBasicClick(value) {\n if (value === this.state.basicActive) {\n return;\n }\n\n this.setState({\n basicActive: value,\n });\n }\n\n notifyClickHandler() {\n this.setState({ showModal: true });\n }\n\n onNotifyModalClosed() {\n this.setState({ showModal: false });\n }\n\n render() {\n let informalEventContent = this.state.informalEvent ? (\n \n
\n {workshopContent != null ? (\n workshopContent\n ) : (\n Workshop Detail
\n\n \n {parse(this.state.informalEvent.background_info)}\n
\n \n
\n \n
\n \n {this.state.informalEvent.title}\n
\n\n {parse(this.state.informalEvent.full_description)}\n
\n \n
\n\n \n {this.state.tabs.map((tab, i) => {\n return (\n this.handleBasicClick(tab)}\n className={[\n classes.TabItem,\n this.state.basicActive === tab\n ? classes.ActiveTabItem\n : null,\n ].join(\" \")}\n >\n {tab}\n
\n );\n })}\n \n \n
\n Start Date: {this.state.informalEvent.informalEvent_date}
\n\n Start End Date:{\" \"}\n {this.state.informalEvent.informalEvent_end_date}\n
\n\n InformalEvent Start Time:{\" \"}\n {moment(this.state.informalEvent.informalEvent_time).format(\n \"h:mm a\"\n )}\n
\n\n InformalEvent End Time:{\" \"}\n {moment(this.state.informalEvent.informalEvent_end_time).format(\n \"h:mm a\"\n )}\n
\n\n
\n ) : null}\n \n \n \n
\n )}\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n cart: state.auth.cart,\n isAutenticated: state.auth.token !== null,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onAddCartItem: (cart, newCartItem) =>\n dispatch(actions.addCartItem(cart, newCartItem)),\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withRouter(withToastManager(InformalEventDetail)));\n","import { Button } from \"@material-ui/core\";\r\nimport parse from \"html-react-parser\";\r\nimport moment from \"moment\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withToastManager } from \"react-toast-notifications\";\r\nimport DefaultImage from \"../../../assets/images/common/default.png\";\r\nimport Loader from \"../../../assets/images/loader.gif\";\r\nimport axios from \"../../../axios-iim\";\r\nimport CustomImage from \"../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../store/actions/index\";\r\nimport * as errorMessages from \"../../../utils/errorMessages\";\r\nimport * as classes from \"./SpeakerDetail.module.css\";\r\n\r\nclass SpeakerDetail extends Component {\r\n state = {\r\n speaker: null,\r\n };\r\n componentDidMount() {\r\n window.scrollTo(0, 0);\r\n if (this.props.match.params.speakerSlug) {\r\n axios\r\n .post(\r\n \"/speakers/read.php\",\r\n JSON.stringify({\r\n filters: [\r\n {\r\n field_name: \"slug\",\r\n value: this.props.match.params.speakerSlug,\r\n op: \"=\",\r\n },\r\n ],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n this.setState({\r\n speaker: res.data[0],\r\n });\r\n })\r\n .catch((err) => {\r\n this.props.toastManager.add(\r\n errorMessages.speaker.SPEAKERS_NOT_FOUND,\r\n {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n }\r\n );\r\n });\r\n }\r\n }\r\n\r\n addToCartHandler() {\r\n let newCartItem = {\r\n price: +this.state.speaker.price,\r\n quantity: 1,\r\n product_id: this.state.speaker.speaker_id,\r\n product_slug: this.state.speaker.slug,\r\n product_type: \"speaker\",\r\n product_name: this.state.speaker.name,\r\n product_image: this.state.speaker.image_url,\r\n venue: this.state.speaker.venue,\r\n event_date: this.state.speaker.date,\r\n };\r\n\r\n this.props.onAddCartItem(this.props.cart, newCartItem);\r\n }\r\n render() {\r\n let content = this.state.speaker ? (\r\n <>\r\n {\" \"}\r\n \n
\n {informalEventContent != null ? (\n informalEventContent\n ) : (\n Informal Event Detail
\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.state.speaker.name}
\r\n\r\n {this.state.speaker.date +\r\n \" | \" +\r\n moment(this.state.speaker.time).format(\"HH:mm A\")}\r\n
\r\n\r\n
\r\n \r\n ) : (\r\n {this.state.speaker.topic}
\r\n\r\n {parse(this.state.speaker.introduction)}\r\n
\r\n \r\n {parse(this.state.speaker.biography)}\r\n
\r\n \r\n {parse(this.state.speaker.designation)}\r\n
\r\n \r\n
\r\n \r\n Session Timing : \r\n \r\n {parse(\r\n this.state.speaker.date +\r\n \" | \" +\r\n moment(this.state.speaker.time).format(\"HH:mm A\")\r\n )}\r\n \r\n
\r\n\r\n\r\n Duration : {this.state.speaker.duration}\r\n
\r\n\r\n
\r\n \r\n Registration Procedure : \r\n
\r\n {parse(this.state.speaker.registration)}\r\n\r\n {this.props.isAutenticated && this.state.speaker?.price > 0 ? (\r\n this.addToCartHandler()}\r\n >\r\n Add To Cart\r\n \r\n ) : this.props.isAutenticated ? null : (\r\n this.props.history.push(\"/login\")}\r\n >\r\n Login to Register\r\n \r\n )}\r\n
\r\n {content}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isAutenticated: state.auth.token !== null,\r\n cart: state.auth.cart,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddCartItem: (cart, newCartItem) =>\r\n dispatch(actions.addCartItem(cart, newCartItem)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withToastManager(SpeakerDetail));\r\n","import { Button } from \"@material-ui/core\";\r\nimport parse from \"html-react-parser\";\r\nimport moment from \"moment\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withToastManager } from \"react-toast-notifications\";\r\nimport DefaultImage from \"../../../assets/images/common/default.png\";\r\nimport Loader from \"../../../assets/images/loader.gif\";\r\nimport axios from \"../../../axios-iim\";\r\nimport CustomImage from \"../../../components/UI/CustomImage/CustomImage\";\r\nimport * as actions from \"../../../store/actions/index\";\r\nimport * as errorMessages from \"../../../utils/errorMessages\";\r\nimport * as classes from \"./ConnexionDetail.module.css\";\r\n\r\nclass ConnexionDetail extends Component {\r\n state = {\r\n connexion: null,\r\n };\r\n componentDidMount() {\r\n window.scrollTo(0, 0);\r\n if (this.props.match.params.connexionSlug) {\r\n axios\r\n .post(\r\n \"/connexions/read.php\",\r\n JSON.stringify({\r\n filters: [\r\n {\r\n field_name: \"slug\",\r\n value: this.props.match.params.connexionSlug,\r\n op: \"=\",\r\n },\r\n ],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n this.setState({\r\n connexion: res.data[0],\r\n });\r\n })\r\n .catch((err) => {\r\n this.props.toastManager.add(\r\n errorMessages.connexion.CONNEXION_NOT_FOUND,\r\n {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n }\r\n );\r\n });\r\n }\r\n }\r\n\r\n addToCartHandler() {\r\n let newCartItem = {\r\n price: +this.state.connexion.price,\r\n quantity: 1,\r\n product_id: this.state.connexion.connexion_id,\r\n product_slug: this.state.connexion.slug,\r\n product_type: \"connexion\",\r\n product_name: this.state.connexion.name,\r\n product_image: this.state.connexion.image_url,\r\n venue: this.state.connexion.venue,\r\n event_date: this.state.connexion.date,\r\n };\r\n\r\n this.props.onAddCartItem(this.props.cart, newCartItem);\r\n }\r\n render() {\r\n let content = this.state.connexion ? (\r\n <>\r\n {\" \"}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.state.connexion.name}
\r\n\r\n {this.state.connexion.date +\r\n \" | \" +\r\n moment(this.state.connexion.time).format(\"HH:mm A\")}\r\n
\r\n\r\n
\r\n \r\n ) : (\r\n {this.state.connexion.topic}
\r\n\r\n {parse(this.state.connexion.introduction)}\r\n
\r\n \r\n {parse(this.state.connexion.biography)}\r\n
\r\n \r\n {parse(this.state.connexion.designation)}\r\n
\r\n \r\n
\r\n \r\n Session Timing : \r\n \r\n {parse(\r\n this.state.connexion.date +\r\n \" | \" +\r\n moment(this.state.connexion.time).format(\"HH:mm A\")\r\n )}\r\n \r\n
\r\n\r\n\r\n Duration : {this.state.connexion.duration}\r\n
\r\n\r\n
\r\n \r\n Registration Procedure : \r\n
\r\n {parse(this.state.connexion.registration)}\r\n\r\n {this.props.isAutenticated && this.state.connexion?.price > 0 ? (\r\n this.addToCartHandler()}\r\n >\r\n Add To Cart\r\n \r\n ) : this.props.isAutenticated ? null : (\r\n this.props.history.push(\"/login\")}\r\n >\r\n Login to Register\r\n \r\n )}\r\n
\r\n {content}
;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n isAutenticated: state.auth.token !== null,\r\n cart: state.auth.cart,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onAddCartItem: (cart, newCartItem) =>\r\n dispatch(actions.addCartItem(cart, newCartItem)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withToastManager(ConnexionDetail));\r\n","export const initalValues = {\r\n app_user_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n first_name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n last_name: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n email_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n mobile_no: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n year: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n address: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n college: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n college_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n login_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n state_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n required: true,\r\n touched: false,\r\n },\r\n role: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n updated_by: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n is_active: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n },\r\n profile_image_id: {\r\n value: \"\",\r\n error: false,\r\n errorMessage: \"\",\r\n touched: false,\r\n }\r\n};\r\n","import {\r\n Button,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router\";\r\nimport axios from \"../../../../axios-iim\";\r\nimport MatBackdrop from \"../../../../components/UI/Backdrop/MatBackdrop/MatBackdrop\";\r\nimport * as actions from \"../../../../store/actions/index\";\r\nimport * as classes from \"./EditProfile.module.css\";\r\nimport { initalValues } from \"./InitialData\";\r\nimport * as Yup from \"yup\";\r\n\r\nclass EditProfile extends Component {\r\n state = {\r\n initialValues: initalValues,\r\n profileTypesDropdown: [{ key: \"Select an option\", value: null }],\r\n isFormValid: true,\r\n collegeDropdown: [{ key: \"Select an option\", value: null }],\r\n stateDropdown: [{ key: \"Select an option\", value: null }],\r\n validationSchema: Yup.object({}),\r\n errorMap: {\r\n first_name: {\r\n hasError: false,\r\n message: \"\"\r\n },\r\n last_name: {\r\n hasError: false,\r\n message: \"\"\r\n }, \r\n address: {\r\n hasError: false,\r\n message: \"\"\r\n },\r\n mobile_no: {\r\n hasError: false,\r\n message: \"\"\r\n },\r\n year: {\r\n hasError: false,\r\n message: \"\"\r\n }\r\n }\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.submitBtnRef = React.createRef();\r\n this.formRef = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.stopLoading();\r\n\r\n let updatedValidationSchema = Yup.object({\r\n first_name: Yup.string().required(\"Required\").nullable()\r\n .matches(/^([a-zA-Z.]{2,30})$/, \"Invalid value\"),\r\n last_name: Yup.string().required(\"Required\").nullable()\r\n .matches(/^([a-zA-Z.]{2,30})$/, \"Invalid value\"),\r\n address: Yup.string().required(\"Required\").nullable(),\r\n mobile_no: Yup.string()\r\n .matches(/^[6-9][0-9]{9}$/, \"Not a valid phone number.\")\r\n .required(\"Required\")\r\n .nullable(),\r\n year: Yup.number()\r\n .typeError('Year must be a number')\r\n .min(2018, \"Minimum allowed Year is 2018\")\r\n .max(2030, \"Maximum allowed Year is 2030\"),\r\n });\r\n\r\n axios\r\n .post(\r\n \"/colleges/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedColleges = [];\r\n for (let key in res.data) {\r\n fetchedColleges.push({\r\n value: res.data[key].college_id,\r\n key: res.data[key].name,\r\n });\r\n }\r\n this.setState({\r\n collegeDropdown: [...this.state.collegeDropdown, ...fetchedColleges],\r\n });\r\n });\r\n\r\n axios\r\n .post(\r\n \"/states/read.php\",\r\n JSON.stringify({\r\n filters: [],\r\n filter_op: \"\",\r\n sort: [],\r\n })\r\n )\r\n .then((res) => {\r\n const fetchedStates = [];\r\n for (let key in res.data) {\r\n fetchedStates.push({\r\n value: res.data[key].state_id,\r\n key: res.data[key].name,\r\n });\r\n }\r\n this.setState({\r\n stateDropdown: [...this.state.stateDropdown, ...fetchedStates],\r\n });\r\n });\r\n\r\n let updatedValues = { ...this.state.initialValues };\r\n for (let attr in updatedValues) {\r\n updatedValues[attr].value = this.props.user[attr];\r\n }\r\n\r\n this.setState({ initalValues: updatedValues,\r\n validationSchema: updatedValidationSchema });\r\n }\r\n\r\n onFormSubmit(profile) {\r\n profile.preventDefault();\r\n this.validate().then(isValid => {\r\n if (isValid) {\r\n // make a request\r\n let profileData = {};\r\n if (this.state.initalValues) {\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n profileData[key] = this.state.initialValues[key].value;\r\n });\r\n this.props.onUpdateProfile(\r\n this.props.token,\r\n profileData,\r\n this.successHandler.bind(this)\r\n );\r\n }\r\n } else {\r\n window.scrollTo(0, 0);\r\n }\r\n \r\n })\r\n }\r\n \r\n async validate() {\r\n let values = this.state.initialValues;\r\n let hasError = false;\r\n\r\n let validatableValues = {};\r\n Object.keys(this.state.initalValues).forEach((key) => {\r\n validatableValues[key] = this.state.initialValues[key].value;\r\n });\r\n\r\n try{\r\n await this.state.validationSchema.validate(validatableValues, { abortEarly: false });\r\n let updatedErrorMap = { ...this.state.errorMap };\r\n Object.keys(this.state.errorMap).forEach((key) => {\r\n updatedErrorMap[key] = {\r\n hasError: false,\r\n message: \"\"\r\n };\r\n });\r\n\r\n this.setState({\r\n errorMap: updatedErrorMap\r\n });\r\n\r\n }catch(err) {\r\n // Collect all errors in { fieldName: boolean } format:\r\n const errors = err.inner.reduce((acc, error) => {\r\n return {\r\n ...acc,\r\n [error.path]: {\r\n hasError: true,\r\n message: error.message\r\n }\r\n }\r\n }, {})\r\n\r\n let updatedErrorMap = { ...this.state.errorMap };\r\n Object.keys(this.state.errorMap).forEach((key) => {\r\n hasError = hasError || key in errors;\r\n updatedErrorMap[key] = {\r\n hasError : key in errors,\r\n message: key in errors ? errors[key].message : \"\"\r\n };\r\n });\r\n\r\n this.setState({\r\n errorMap: updatedErrorMap \r\n });\r\n };\r\n\r\n Object.keys(values).forEach((key) => {\r\n if (values[key].required) {\r\n let fieldValue = values[key].value;\r\n if (fieldValue === null || fieldValue === \"\") {\r\n values[key].error = true;\r\n values[key].errorMessage = \"Required\";\r\n hasError = hasError || true;\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n } else {\r\n values[key].error = false;\r\n values[key].errorMessage = \"\";\r\n }\r\n });\r\n this.setState({ initalValues: values });\r\n\r\n return !hasError;\r\n }\r\n\r\n successHandler() {\r\n this.formRef.current.reset();\r\n window.location.href = \"/profile\";\r\n }\r\n\r\n fieldChangHandler(key, profile) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = profile.target.value;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n this.validate();\r\n }\r\n\r\n ckEditorFieldChangHandler(key, data) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = data;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n dateFieldChangeHandler(key, dateObj, value) {\r\n let updatedValues = this.state.initialValues;\r\n Object.keys(updatedValues).forEach((fieldKey) => {\r\n if (fieldKey === key) {\r\n updatedValues[fieldKey].value = dateObj;\r\n }\r\n });\r\n this.setState({ initalValues: updatedValues });\r\n }\r\n\r\n render() {\r\n if (\r\n this.state.profileImageUploadSuccess &&\r\n this.state.profileTimelineImageUploadSuccess\r\n ) {\r\n this.successHandler();\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n token: state.auth.token,\r\n user: state.auth.user,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onUpdateProfile: (token, userData, cb) => \r\n dispatch(actions.updateUser(token, userData, cb)),\r\n onSendMessage: (message, messageType) =>\r\n dispatch(actions.sendMessage(message, messageType)),\r\n stopLoading: () => dispatch(actions.stopLoading()),\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(EditProfile)\r\n);\r\n","import React, { Component } from \"react\";\nimport { Route, Switch, withRouter } from \"react-router-dom\";\nimport classes from \"./App.module.css\";\nimport { AnimatePresence } from \"framer-motion\";\nimport * as actions from \"./store/actions\";\n\nimport AboutUs from \"./containers/AboutUs/AboutUs\";\nimport Connexions from \"./containers/Connexions/Connexions\";\nimport ContactUs from \"./containers/ContactUs/ContactUs\";\nimport EventDetail from \"./containers/Events/EventDetail/EventDetail\";\nimport Events from \"./containers/Events/Events\";\nimport Highlights from \"./containers/Highlights/Highlights\";\nimport Home from \"./containers/Home/Home\";\nimport InformalEvents from \"./containers/InformalEvents/InformalEvents\";\nimport Speakers from \"./containers/Speakers/Speakers\";\nimport Sponsers from \"./containers/Sponsers/Sponsers\";\nimport Workshops from \"./containers/Workshops/Workshops\";\nimport axios from \"./axios-iim\";\n\nimport Layout from \"./hoc/Layout/Layout\";\nimport Loader from \"./assets/images/loader.gif\";\nimport PageNotFound from \"./containers/PageNotFound/PageNotFound\";\nimport LoginForm from \"./components/Form/LoginForm/LoginForm\";\nimport RegisterForm from \"./components/Form/RegisterForm/RegisterForm\";\nimport UserActivation from \"./containers/AppUser/UserActivation/UserActivation\";\nimport { connect } from \"react-redux\";\nimport Profile from \"./containers/AppUser/Profile/Profile\";\nimport Logout from \"./containers/Logout/Logout\";\nimport Cart from \"./containers/AppUser/Profile/Cart/Cart\";\nimport PaymentHandler from \"./containers/AppUser/PaymentHandler/PaymentHandler\";\nimport OrderDetail from \"./containers/AppUser/Profile/OrderDetail/OrderDetail\";\nimport Strategizer from \"./containers/Strategizer/Strategizer\";\nimport Dashboard from \"./containers/Admin/Dashboard/Dashboard\";\nimport MeetTeam from \"./containers/MeetTeam/MeetTeam\";\nimport ForgotPassword from \"./components/Form/ForgotPassword/ForgotPasswordForm\";\nimport ValidatePasswordChangeLink from \"./components/Form/ForgotPassword/ValidatePasswordChangeLink/ValidatePasswordChangeLink\";\nimport SetNewPassword from \"./components/Form/ForgotPassword/SetNewPassword/SetNewPassword\";\nimport WorkshopDetail from \"./containers/Workshops/WorkshopDetail/WorkshopDetail\";\nimport InformalEventDetail from \"./containers/InformalEvents/InformalEventDetail/InformalEventDetail\";\nimport SpeakerDetail from \"./containers/Speakers/SpeakerDetail/SpeakerDetail\";\nimport ConnextionDetail from \"./containers/Connexions/ConnexionDetail/ConnextionDetail\";\nimport EditProfile from \"./containers/AppUser/Profile/EditProfile/EditProfile\";\n\nclass App extends Component {\n state = {\n loading: true,\n };\n\n componentDidMount() {\n setTimeout(() => {\n this.setState({ loading: false });\n }, 2000);\n\n setInterval(() => {\n if (this.props.isAutenticated) {\n axios\n .post(\n \"/users/verify_token.php\",\n JSON.stringify({ token: this.props.token })\n )\n .then((tokenResponse) => {\n console.log(\"User session is active.\");\n })\n .catch((error) => {\n alert(\"Session has expired. You will be logged out.\");\n this.props.onLogout();\n window.location.href = \"/login\";\n });\n }\n }, 60000);\n }\n\n render() {\n let routes = [\n \r\n
\r\n \r\n Edit Profile
\r\n\n {this.state.loading ? (\n \n \n \n {routes}\n \n \n \n )}\n
\n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n isAutenticated: state.auth.token !== null,\n isAdmin: state.auth?.user?.role === \"admin\",\n token: state.auth.token,\n };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n onLogout: () => dispatch(actions.logout()),\n };\n};\n\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(App));\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import * as actionTypes from \"../actions/actionTypes\";\nimport { updateObject } from \"../utility\";\n\nconst initialState = {\n error: false,\n events: null,\n categories: [],\n loading: false,\n};\n\nconst fetchEventsStart = (state, action) => {\n return updateObject(state, { loading: true });\n};\n\nconst fetchCategoriesStart = (state, action) => {\n return updateObject(state, { loading: true });\n};\n\nconst fetchEventsSuccess = (state, action) => {\n return updateObject(state, {\n events: {\n ...state.events,\n [action.category]: action.events,\n },\n loading: false,\n });\n};\n\nconst fetchCategoriesSuccess = (state, action) => {\n return updateObject(state, {\n categories: action.categories,\n loading: false,\n });\n};\n\nconst fetchEventsFail = (state, action) => {\n return updateObject(state, { error: true, loading: false });\n};\n\nconst fetchCategoriesFail = (state, action) => {\n return updateObject(state, { error: true, loading: false });\n};\n\nconst reducer = (state = initialState, action) => {\n switch (action.type) {\n case actionTypes.FETCH_EVENTS_START:\n return fetchEventsStart(state, action);\n case actionTypes.FETCH_EVENTS_SUCCESS:\n return fetchEventsSuccess(state, action);\n case actionTypes.FETCH_EVENTS_FAIL:\n return fetchEventsFail(state, action);\n case actionTypes.FETCH_EVENTS_CATEGORIES_START:\n return fetchCategoriesStart(state, action);\n case actionTypes.FETCH_EVENTS_CATEGORIES_SUCCESS:\n return fetchCategoriesSuccess(state, action);\n case actionTypes.FETCH_EVENTS_CATEGORIES_FAIL:\n return fetchCategoriesFail(state, action);\n default:\n return state;\n }\n};\n\nexport default reducer;\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n workshops: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchWorkshopStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCategoriesStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchWorkshopSuccess = (state, action) => {\r\n return updateObject(state, {\r\n workshops: {\r\n ...state.workshops,\r\n [action.category]: action.workshops,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchCategoriesSuccess = (state, action) => {\r\n return updateObject(state, {\r\n categories: action.categories,\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchWorkshopFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst fetchCategoriesFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_WORKSHOP_START:\r\n return fetchWorkshopStart(state, action);\r\n case actionTypes.FETCH_WORKSHOP_SUCCESS:\r\n return fetchWorkshopSuccess(state, action);\r\n case actionTypes.FETCH_WORKSHOP_FAIL:\r\n return fetchWorkshopFail(state, action);\r\n case actionTypes.FETCH_WORKSHOP_CATEGORIES_START:\r\n return fetchCategoriesStart(state, action);\r\n case actionTypes.FETCH_WORKSHOP_CATEGORIES_SUCCESS:\r\n return fetchCategoriesSuccess(state, action);\r\n case actionTypes.FETCH_WORKSHOP_CATEGORIES_FAIL:\r\n return fetchCategoriesFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n informalEvents: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchInformalEventStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCategoriesStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchInformalEventSuccess = (state, action) => {\r\n return updateObject(state, {\r\n informalEvents: {\r\n ...state.informalEvents,\r\n [action.category]: action.informalEvents,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchCategoriesSuccess = (state, action) => {\r\n return updateObject(state, {\r\n categories: action.categories,\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchInformalEventFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst fetchCategoriesFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_INFORMAL_EVENTS_START:\r\n return fetchInformalEventStart(state, action);\r\n case actionTypes.FETCH_INFORMAL_EVENTS_SUCCESS:\r\n return fetchInformalEventSuccess(state, action);\r\n case actionTypes.FETCH_INFORMAL_EVENTS_FAIL:\r\n return fetchInformalEventFail(state, action);\r\n case actionTypes.FETCH_INFORMAL_EVENTS_CATEGORIES_START:\r\n return fetchCategoriesStart(state, action);\r\n case actionTypes.FETCH_INFORMAL_EVENTS_CATEGORIES_SUCCESS:\r\n return fetchCategoriesSuccess(state, action);\r\n case actionTypes.FETCH_INFORMAL_EVENTS_CATEGORIES_FAIL:\r\n return fetchCategoriesFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n speakers: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchSpeakerStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCategoriesStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchSpeakerSuccess = (state, action) => {\r\n return updateObject(state, {\r\n speakers: {\r\n ...state.speakers,\r\n [action.category]: action.speakers,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchCategoriesSuccess = (state, action) => {\r\n return updateObject(state, {\r\n categories: action.categories,\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchSpeakerFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst fetchCategoriesFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_SPEAKER_START:\r\n return fetchSpeakerStart(state, action);\r\n case actionTypes.FETCH_SPEAKER_SUCCESS:\r\n return fetchSpeakerSuccess(state, action);\r\n case actionTypes.FETCH_SPEAKER_FAIL:\r\n return fetchSpeakerFail(state, action);\r\n case actionTypes.FETCH_SPEAKER_CATEGORIES_START:\r\n return fetchCategoriesStart(state, action);\r\n case actionTypes.FETCH_SPEAKER_CATEGORIES_SUCCESS:\r\n return fetchCategoriesSuccess(state, action);\r\n case actionTypes.FETCH_SPEAKER_CATEGORIES_FAIL:\r\n return fetchCategoriesFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n connexions: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchSpeakerStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCategoriesStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchSpeakerSuccess = (state, action) => {\r\n return updateObject(state, {\r\n connexions: {\r\n ...state.connexions,\r\n [action.category]: action.connexions,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchCategoriesSuccess = (state, action) => {\r\n return updateObject(state, {\r\n categories: action.categories,\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchSpeakerFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst fetchCategoriesFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_CONNEXION_START:\r\n return fetchSpeakerStart(state, action);\r\n case actionTypes.FETCH_CONNEXION_SUCCESS:\r\n return fetchSpeakerSuccess(state, action);\r\n case actionTypes.FETCH_CONNEXION_FAIL:\r\n return fetchSpeakerFail(state, action);\r\n case actionTypes.FETCH_CONNEXION_CATEGORIES_START:\r\n return fetchCategoriesStart(state, action);\r\n case actionTypes.FETCH_CONNEXION_CATEGORIES_SUCCESS:\r\n return fetchCategoriesSuccess(state, action);\r\n case actionTypes.FETCH_CONNEXION_CATEGORIES_FAIL:\r\n return fetchCategoriesFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n strategizers: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchStrategizerStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCategoriesStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchStrategizerSuccess = (state, action) => {\r\n return updateObject(state, {\r\n strategizers: {\r\n ...state.strategizers,\r\n [action.category]: action.strategizers,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchCategoriesSuccess = (state, action) => {\r\n return updateObject(state, {\r\n categories: action.categories,\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchStrategizerFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst fetchCategoriesFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_STRATEGIZER_START:\r\n return fetchStrategizerStart(state, action);\r\n case actionTypes.FETCH_STRATEGIZER_SUCCESS:\r\n return fetchStrategizerSuccess(state, action);\r\n case actionTypes.FETCH_STRATEGIZER_FAIL:\r\n return fetchStrategizerFail(state, action);\r\n case actionTypes.FETCH_STRATEGIZER_CATEGORIES_START:\r\n return fetchCategoriesStart(state, action);\r\n case actionTypes.FETCH_STRATEGIZER_CATEGORIES_SUCCESS:\r\n return fetchCategoriesSuccess(state, action);\r\n case actionTypes.FETCH_STRATEGIZER_CATEGORIES_FAIL:\r\n return fetchCategoriesFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n sponsers: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchSponserStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCategoriesStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchSponserSuccess = (state, action) => {\r\n return updateObject(state, {\r\n sponsers: {\r\n ...state.sponsers,\r\n [action.category]: action.sponsers,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchCategoriesSuccess = (state, action) => {\r\n return updateObject(state, {\r\n categories: action.categories,\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchSponserFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst fetchCategoriesFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_SPONSER_START:\r\n return fetchSponserStart(state, action);\r\n case actionTypes.FETCH_SPONSER_SUCCESS:\r\n return fetchSponserSuccess(state, action);\r\n case actionTypes.FETCH_SPONSER_FAIL:\r\n return fetchSponserFail(state, action);\r\n case actionTypes.FETCH_SPONSER_CATEGORIES_START:\r\n return fetchCategoriesStart(state, action);\r\n case actionTypes.FETCH_SPONSER_CATEGORIES_SUCCESS:\r\n return fetchCategoriesSuccess(state, action);\r\n case actionTypes.FETCH_SPONSER_CATEGORIES_FAIL:\r\n return fetchCategoriesFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n members: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchMemberStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchMemberSuccess = (state, action) => {\r\n return updateObject(state, {\r\n members: {\r\n ...state.members,\r\n [action.category]: action.members,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchMemberFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_MEMBER_START:\r\n return fetchMemberStart(state, action);\r\n case actionTypes.FETCH_MEMBER_SUCCESS:\r\n return fetchMemberSuccess(state, action);\r\n case actionTypes.FETCH_MEMBER_FAIL:\r\n return fetchMemberFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\nimport { updateObject } from \"../utility\";\n\nconst loadIntialState = () => {\n const initialState = {\n token: localStorage.getItem(\"token\") ? localStorage.getItem(\"token\") : null,\n user: localStorage.getItem(\"token\")\n ? JSON.parse(localStorage.getItem(\"user\"))\n : null,\n cart: localStorage.getItem(\"token\")\n ? JSON.parse(localStorage.getItem(\"cart\"))\n : null,\n error: null,\n loading: true,\n authRedirectPath: \"/\",\n };\n return initialState;\n};\n\nconst userUpdateSuccess = (state, action) => {\n return updateObject(state, {\n error: null,\n loading: false,\n user: action.user,\n });\n};\n\nconst userUpdateFail = (state, action) => {\n return updateObject(state, {\n error: action.error,\n loading: false,\n });\n};\n\nconst cartFetchSuccess = (state, action) => {\n return updateObject(state, {\n error: null,\n loading: false,\n cart: action.cart,\n });\n};\n\nconst cartFetchFail = (state, action) => {\n return updateObject(state, {\n error: action.error,\n loading: false,\n });\n};\n\nconst loadingStart = (state, action) => {\n return updateObject(state, { error: null, loading: true });\n};\n\nconst loadingStop = (state, action) => {\n return updateObject(state, { error: null, loading: false });\n};\n\nconst authStart = (state, action) => {\n return updateObject(state, { error: null, loading: true });\n};\n\nconst authSuccess = (state, action) => {\n return updateObject(state, {\n token: action.token,\n user: action.user,\n cart: action.cart,\n error: null,\n loading: false,\n authRedirectPath: action.path,\n });\n};\n\nconst authFail = (state, action) => {\n return updateObject(state, {\n error: action.error,\n loading: false,\n });\n};\n\nconst authLogout = (state, action) => {\n return updateObject(state, { token: null, user: null });\n};\n\nconst reducer = (state = loadIntialState(), action) => {\n switch (action.type) {\n case actionTypes.AUTH_START:\n return authStart(state, action);\n case actionTypes.AUTH_SUCCESS:\n return authSuccess(state, action);\n case actionTypes.AUTH_FAIL:\n return authFail(state, action);\n case actionTypes.AUTH_LOGOUT:\n return authLogout(state, action);\n case actionTypes.USER_UPDATE_SUCCESS:\n return userUpdateSuccess(state, action);\n case actionTypes.USER_UPDATE_FAILURE:\n return userUpdateFail(state, action);\n case actionTypes.CART_FETCH_SUCCESS:\n return cartFetchSuccess(state, action);\n case actionTypes.CART_FETCH_FAILURE:\n return cartFetchFail(state, action);\n case actionTypes.LOADING_START:\n return loadingStart(state, action);\n case actionTypes.LOADING_STOP:\n return loadingStop(state, action);\n default:\n return state;\n }\n};\n\nexport default reducer;\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n message: {},\r\n messageType: \"\",\r\n newMessage: false,\r\n};\r\n\r\nconst sendMessage = (state, action) => {\r\n return updateObject(state, {\r\n message: action.message,\r\n messageType: action.messageType,\r\n newMessage: true,\r\n });\r\n};\r\n\r\nconst removeMessage = (state, action) => {\r\n return updateObject(state, {\r\n message: {},\r\n type: \"\",\r\n newMessage: false,\r\n });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SEND_MESSAGE:\r\n return sendMessage(state, action);\r\n case actionTypes.REMOVE_MESSAGE:\r\n return removeMessage(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n contactPersons: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchContactPersonStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchContactPersonSuccess = (state, action) => {\r\n return updateObject(state, {\r\n contactPersons: {\r\n ...state.contactPersons,\r\n [action.category]: action.contactPersons,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\nconst fetchContactPersonFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_CONTACT_PERSON_START:\r\n return fetchContactPersonStart(state, action);\r\n case actionTypes.FETCH_CONTACT_PERSON_SUCCESS:\r\n return fetchContactPersonSuccess(state, action);\r\n case actionTypes.FETCH_CONTACT_PERSON_FAIL:\r\n return fetchContactPersonFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import * as actionTypes from \"../actions/actionTypes\";\r\nimport { updateObject } from \"../utility\";\r\n\r\nconst initialState = {\r\n error: false,\r\n certificates: null,\r\n categories: [],\r\n loading: false,\r\n};\r\n\r\nconst fetchCertificateStart = (state, action) => {\r\n return updateObject(state, { loading: true });\r\n};\r\n\r\nconst fetchCertificateSuccess = (state, action) => {\r\n return updateObject(state, {\r\n certificates: {\r\n ...state.certificates,\r\n [action.category]: action.certificates,\r\n },\r\n loading: false,\r\n });\r\n};\r\n\r\n\r\nconst fetchCertificateFail = (state, action) => {\r\n return updateObject(state, { error: true, loading: false });\r\n};\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_CERTIFICATE_START:\r\n return fetchCertificateStart(state, action);\r\n case actionTypes.FETCH_CERTIFICATE_SUCCESS:\r\n return fetchCertificateSuccess(state, action);\r\n case actionTypes.FETCH_CERTIFICATE_FAIL:\r\n return fetchCertificateFail(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer;\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport { Provider } from \"react-redux\";\nimport { createStore, applyMiddleware, compose, combineReducers } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport eventReducer from \"./store/reducers/event\";\nimport workshopReducer from \"./store/reducers/workshop\";\nimport informalEventReducer from \"./store/reducers/informalEvent\";\nimport speakerReducer from \"./store/reducers/speaker\";\nimport connexionReducer from \"./store/reducers/connexion\";\nimport strategizerReducer from \"./store/reducers/strategizer\";\nimport sponserReducer from \"./store/reducers/sponser\";\nimport memberReducer from \"./store/reducers/member\";\nimport authReducer from \"./store/reducers/auth\";\nimport messageReducer from \"./store/reducers/messenger\";\nimport contactPerson from \"./store/reducers/contactPerson\";\nimport certificateReducer from \"./store/reducers/certificate\";\nimport { createTheme, ThemeProvider } from \"@material-ui/core/styles\";\n\nconst theme = createTheme({\n palette: {\n primary: {\n main: \"#851a23\",\n },\n secondary: {\n main: \"#f44336\",\n },\n },\n spacing: (factor) => `${0.25 * factor}rem`,\n});\n\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\nconst rootReducer = combineReducers({\n event: eventReducer,\n workshop: workshopReducer,\n informalEvent: informalEventReducer,\n speaker: speakerReducer,\n connexion: connexionReducer,\n sponser: sponserReducer,\n strategizer: strategizerReducer,\n auth: authReducer,\n messenger: messageReducer,\n contactPerson: contactPerson,\n member: memberReducer,\n certificate: certificateReducer\n});\n\nconst store = createStore(\n rootReducer,\n composeEnhancers(applyMiddleware(thunk))\n);\n\nconst app = (\n \n \n
\n ) : (\n