\r\n \r\n
\r\n \r\n Vacancy available for Phone Banking Officer.Apply now!\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n {value.b_title}\r\n
\r\n {/*\r\n Phone Banking Officer.Apply now!\r\n
\r\n
\r\n
\r\n \r\n Phone Banking Officer\r\n
\r\n\r\n Vacancy available for Phone Banking
\r\n Officer.Apply now!\r\n
\r\n
\r\n TRENDING JOBS
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Phone Banking Officer\r\n
\r\n\r\n
\r\n \r\n Commercial Banking\r\n
\r\n\r\n\r\n Phone Banking Officer\r\n
\r\n\r\n Required Experience:{\" \"}\r\n 1-3 years\r\n
\r\n\r\n Education: CA\r\n
\r\n\r\n
\r\n\r\n \r\n 
\r\n\r\n
\r\n\r\n Mumbai
\r\n3d ago
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n Senior Bank Manager\r\n
\r\n\r\n
\r\n \r\n Commercial Banking\r\n
\r\n\r\n\r\n Senior Bank Manager\r\n
\r\n\r\n Required Experience:{\" \"}\r\n 1-3 years\r\n
\r\n\r\n Education: CA\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n Mumbai
\r\n3d ago
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Phone Banking Officer\r\n
\r\n\r\n
\r\n \r\n Commercial Banking\r\n
\r\n\r\n\r\n Phone Banking Officer\r\n
\r\n\r\n Required Experience:{\" \"}\r\n 1-3 years\r\n
\r\n\r\n Education: CA\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n Mumbai
\r\n3d ago
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Senior Bank Manager\r\n
\r\n\r\n
\r\n \r\n Commercial Banking\r\n
\r\n\r\n\r\n Senior Bank Manager\r\n
\r\n\r\n Required Experience:{\" \"}\r\n 1-3 years\r\n
\r\n\r\n Education: CA\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n Mumbai
\r\n3d ago
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {props.data ? props.data.length : 0} Results\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n })\r\n : \"No Job Available\"}\r\n \r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n featuredjobs: state.Home.home.FEATUREDJOB,\r\n Auth: state.Auth.user,\r\n // mgid :state.Auth.user.MGID,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n AddBookmark: async (payload) => await dispatch(AddBookmarkACTION(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\r\n","import React, { useEffect, useCallback } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport BrowserCategory from \"./BrowserCategory\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { getGroupRelatedJobIdAction } from \"store/Home\";\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.onBookMark(e, data.f_jobId);\r\n }}\r\n src={bookmark}\r\n alt=\"bookmark\"\r\n className=\"bookmark-t-c\"\r\n />\r\n \r\n
*/}\r\n \r\n bookmark()}\r\n />\r\n
\r\n \r\n
\r\n \r\n {/* Phone Banking Officer\r\n */}\r\n {data.f_title}\r\n
\r\n\r\n
\r\n \r\n Commercial Banking\r\n
\r\n\r\n {\" \"}\r\n
\r\n\r\n \r\n {data.f_title}\r\n
\r\n\r\n Required Experience:{\" \"}\r\n {data.Experience}\r\n
\r\n\r\n Education:{\" \"}\r\n \r\n {data.Education || \"ANY\"}\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n {data.Location || \"India\"}\r\n
\r\n\r\n {moment(data.f_createdDate).fromNow()}\r\n
\r\n\r\n \r\n APPLY NOW\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Bookmark, MapPin } from \"react-feather\";\r\nimport image1 from \"../img/program1.png\";\r\nimport image2 from \"../img/program2.png\";\r\nimport image3 from \"../img/program3.png\";\r\nimport insideimg from \"../img/manipal-logo.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { getProgrammingAction } from \"store/Home\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n// import Perf from \"react-addons-perf\"\r\n\r\n// Perf.start()\r\nconsole.time();\r\nclass ProgramsOffer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n async componentWillMount() {\r\n // await this.props.getProgrammingAction()\r\n }\r\n\r\n render() {\r\n function addDefaultSrc(ev) {\r\n ev.target.src = image1;\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n BROWSE BY CATEGORY
\r\n\r\n {/*\r\n
*/}\r\n 25 Results
\r\n\r\n
\r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n // props\r\n tab &&\r\n tab.map((data,index) => {\r\n return (\r\n setValue(data.g_value) : data.g_value\r\n }\r\n key={index}\r\n />\r\n );\r\n })\r\n }\r\n {/* \r\n {/* \r\n \r\n \r\n Item Two\r\n \r\n \r\n Item Three\r\n \r\n \r\n Item Four\r\n \r\n \r\n Item Five\r\n \r\n \r\n Item Six\r\n */}\r\n \r\n {/* {\r\n selector.GETGROUPRELATEDJOBID.Data && selector.GETGROUPRELATEDJOBID.Data.map((data) => {\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\nconst mapStateToProps = (state) => {\r\n return {\r\n getProgramming: state.Home.home.GETPROGRAMMING,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getProgrammingAction: async () => await dispatch(getProgrammingAction()),\r\n };\r\n};\r\n// import { } from \"../../../store/Home\"\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ProgramsOffer);\r\nconsole.timeEnd();\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { Bookmark, MapPin, ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport courseslogo from \"../img/courses/courselogo.png\";\r\nimport TrendingJobs1 from \"../img/courses/course1.png\";\r\nimport TrendingJobs2 from \"../img/courses/course2.png\";\r\nimport TrendingJobs3 from \"../img/courses/course3.png\";\r\nimport TrendingJobs4 from \"../img/courses/course4.png\";\r\nimport bookmark from \"../img/bookmark.svg\";\r\nimport { GetAllCourseAction } from \"store/Ilearn\";\r\nimport { Link } from \"react-router-dom\";\r\n// install Swiper modules\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\n// export default function App()\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n courses: [],\r\n isBookmarked: false,\r\n };\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = TrendingJobs1;\r\n }\r\n\r\n async componentDidMount() {\r\n try{\r\n // let response = await this.props.getAllCourses();\r\n // // console.log(response.data);\r\n \r\n // if (response.Data) {\r\n // this.setState({ courses: response.Data });\r\n // }\r\n }\r\n catch (e) {\r\n //console.log(e)\r\n }\r\n // this.props.getAllCourses().then((res) =>{\r\n // this.setState({ courses: res.data.Data });\r\n // })\r\n // .catch((err)=>console.log(err))\r\n }\r\n bookmark() {\r\n this.setState((state) => {\r\n // Important: read `state` instead of `this.state` when updating.\r\n return { isBookmarked: !state.isBookmarked };\r\n });\r\n }\r\n render() {\r\n // const GETALLCOURSE = this.state.courses;\r\n const GETALLCOURSE = this.props.GETALLCOURSE||[];\r\n let state = this.state;\r\n const bookmark = () => this.bookmark();\r\n return (\r\n <>\r\n \r\n PROGRAMS WE OFFER\r\n
\r\n\r\n \r\n {this.props.getProgramming &&\r\n this.props.getProgramming.Data &&\r\n this.props.getProgramming.Data.map(function (data, index) {\r\n if (index < 4) {\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\n }\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n {data.p_title}\r\n
\r\n\r\n
\r\n \r\n {data.p_title}\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n Partnered with\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Duration:\r\n \r\n 1 years (Full Time)\r\n \r\n
\r\n\r\n Location:\r\n \r\n New Delhi, Mumbai\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n Sales Management Programme
\r\n\r\n
\r\n \r\n Sales Management Programme\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n Partnered with\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n Duration:\r\n \r\n 1 years (Full Time)\r\n \r\n
\r\n\r\n Location:\r\n New Delhi, Mumbai\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
{\" \"}\r\n \r\n Probationary Officer Programme\r\n
\r\n\r\n
\r\n \r\n Probationary Officer Programme\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n Partnered with\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Duration:\r\n \r\n 1 years (Full Time)\r\n \r\n
\r\n\r\n Location:\r\n New Delhi, Mumbai\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
{\" \"}\r\n \r\n Business Leadership Programme\r\n
\r\n\r\n
\r\n \r\n Business Leadership Programme\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n Partnered with\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Duration:\r\n \r\n 1 years (Full Time)\r\n \r\n
\r\n\r\n Location:\r\n New Delhi, Mumbai\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n OUR COURSES
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n \r\n bookmark()}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {course.c_title || \"The Course\"}\r\n
\r\n\r\n
\r\n \r\n {course.c_category || \"Human Resource\"}\r\n
\r\n\r\n\r\n {course.c_title || \"The Course\"}\r\n
\r\n\r\n {course.c_short_description || \"this is short description\"}\r\n
\r\n\r\n
- \r\n
- 6 Courses (12h) \r\n
\r\n \r\n {\" \"}\r\n {course.start_date && course.end_date\r\n ? course.start_date + \" - \" + course.end_date\r\n : \"Forever\"}\r\n \r\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 checkitv: state.Home.home.CHECKITV,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(VideoSlider);\r\n","import React, { Component } from \"react\";\r\n\r\n//redux\r\nimport { connect } from \"react-redux\";\r\nimport { getFeaturedJobAction } from \"store/Home\";\r\n\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { MapPin, ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport { Bookmark } from \"react-feather\";\r\n\r\nimport { AddBookmarkACTION } from \"store/Bookmark\";\r\nimport defaultjob from \"assets/img/defaultjob.png\";\r\nimport moment from \"moment\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n// install Swiper modules\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nclass FeaturedJobClass extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.navigationPrevRef = React.createRef();\r\n this.navigationNextRef = React.createRef();\r\n\r\n this.state = { isBookmarked: false };\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = defaultjob;\r\n }\r\n\r\n async bookmark(ev, id) {\r\n this.setState((state) => {\r\n // Important: read `state` instead of `this.state` when updating.\r\n return { isBookmarked: !state.isBookmarked };\r\n });\r\n let Bookmark = document.querySelector(`#Bookmark${id}`);\r\n Bookmark.classList.replace(\"text-white\", \"bookmarked\");\r\n let payload = {\r\n user_id: this.props.Auth.MGID,\r\n job_id: id,\r\n };\r\n let response = await this.props.AddBookmark(payload);\r\n // if(response.ResponseCode == 100){\r\n // ev.className = \"bookmarked\"\r\n // }\r\n // else{\r\n // ev.className = \"text-white\"\r\n // }\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n CHECK OUT ITV
\r\n\r\n \r\n {this.props.checkitv\r\n ? this.props.checkitv.map((data, index) => {\r\n return (\r\n \r\n \r\n );\r\n })\r\n : \"\"}\r\n \r\n \r\n {this.props.checkitv\r\n ? this.props.checkitv.map((data, index) => {\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\n \r\n \r\n \r\n
\r\n \r\n 
*/}\r\n {/* 
\r\n 
\r\n */}\r\n
\r\n \r\n {data.b_title}\r\n
\r\n {/* \r\n\r\n
\r\n\r\n {/* \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {data.b_title}
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n In-branch Video Banking
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n In-branch Video Banking
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n In-branch Video Banking
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n In-branch Video Banking
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n In-branch Video Banking
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n In-branch Video Banking
\r\n\r\n
\r\n\r\n FEATURED JOBS
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n );\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.bookmark(e, datajobs.f_jobId)\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n {datajobs.f_title}\r\n
\r\n\r\n
\r\n \r\n {datajobs.JobTitle}\r\n
\r\n\r\n
\r\n\r\n \r\n {datajobs.f_title}\r\n
\r\n\r\n Required Experience:\r\n \r\n {datajobs.Experience}\r\n \r\n
\r\n\r\n Education:{\" \"}\r\n \r\n {datajobs.Education || \"ANY\"}\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {datajobs.Location || \"India\"}\r\n
\r\n\r\n {moment(datajobs.f_createdDate).fromNow()}\r\n
\r\n\r\n \r\n {\" \"}\r\n APPLY NOW\r\n \r\n {/* */}\r\n
\r\n {this.props.featuredjobs.ResponseMessage}
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n featuredjobs: state.Home.home.FEATUREDJOB,\r\n Auth: state.Auth.user,\r\n // mgid :state.Auth.user.MGID,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n AddBookmark: async (payload) => await dispatch(AddBookmarkACTION(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(FeaturedJobClass);\r\n","import React, { useRef, useState } from \"react\";\r\n\r\n// Import Swiper styles\r\n\r\n// import { Bookmark, MapPin, ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport playbutton from \"views/home/img/employestory/playbutton.png\";\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/effect-fade/effect-fade.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport SwiperCore, { EffectFade, Navigation, Pagination } from \"swiper/core\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n// install Swiper modules\r\nimport employeestory from \"../img/employestory/testimonial.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { GetAllStoriesAction } from \"store/Story\";\r\nclass EmployeeStory extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n stories: [],\r\n currentQuestion: \"\",\r\n currentAnswer: \"\",\r\n currentName: \"\",\r\n currentPosition: \"\",\r\n };\r\n }\r\n setCurrentActiveStory(w, x, y, z, a) {\r\n this.setState({\r\n currentQuestion: w,\r\n currentAnswer: x,\r\n currentName: y,\r\n currentPosition: z,\r\n currentImg: a,\r\n });\r\n }\r\n async componentWillMount() {\r\n try {\r\n // let response = await this.props.GetAllstories();\r\n // console.log(response);\r\n // if (response.ResponseCode == 100) {\r\n // this.setState({ stories: response.Data });\r\n // this.setCurrentActiveStory(\r\n // response.Data[0].s_question,\r\n // response.Data[0].s_response,\r\n // response.Data[0].s_employee_name,\r\n // response.Data[0].s_employee_position,\r\n // response.Data[0].s_path\r\n // );\r\n // console.log(this.state.stories);\r\n // }\r\n } catch (error) {}\r\n\r\n // this.props.getEmployeeAction()\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = employeestory;\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n // console.log('state', state.Home.home.GETPROGRAMMING)\r\n return {\r\n employee: state.Home.home.EMPLOYEE,\r\n stories: state.Story.EmployeeStory.ALLSTORY,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n GetAllstories: async () => await dispatch(GetAllStoriesAction()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EmployeeStory);\r\n","import React, { Component } from \"react\";\r\nimport pdf from \"views/profile/img/profile/pdf.png\";\r\nimport close from \"views/profile/img/profile/close.png\";\r\nimport shareto from \"views/job-details/img/upload.png\";\r\nimport share from \"views/profile/img/profile/share.png\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n uploadAppResumeMgAction,\r\n uploadResume,\r\n setCurrentResumeAction,\r\n parseResume,\r\n} from \"store/Profile\";\r\nimport { setBasicAction } from \"store/userWalkthrough\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport FileBase64 from \"react-file-base64\";\r\nimport resumeview from \"views/job-details/img/doc+ms+office+word+icon-1320185650351265423_256.png\";\r\nimport { Maximize } from \"react-feather\";\r\nimport { getMonth, getYear } from \"date-fns\";\r\nimport range from \"lodash/range\";\r\n// import Base64Downloader from 'react-base64-downloader';\r\nimport { getapplicationSummary } from \"store/SingleJob\";\r\n// import DocViewer from \"react-doc-viewer\";\r\nimport {\r\n checkSignup,\r\n createNewUser,\r\n login,\r\n registration,\r\n loginHC,\r\n setHCIDAction,\r\n SaveCandidateId,\r\n setLoader,\r\n SaveWhatsapp,\r\n} from \"store/Auth\";\r\nclass Resume extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n resumeUpload: {\r\n FirstName: \"\",\r\n LastName: \"\",\r\n MobileNumber: \"\",\r\n DateofBirth: \"\",\r\n Email: \"\",\r\n },\r\n Gender: \"\",\r\n DateofBirth: \"\",\r\n DOB: \"\",\r\n Email: \"\",\r\n FirstName: \"\",\r\n Gender: 0,\r\n LastName: \"\",\r\n MiddleName: \"\",\r\n Mobile: \"\",\r\n PAN: \"\",\r\n Photo: \"\",\r\n Salutation: \"\",\r\n ResumeName: \"\",\r\n ResumeBase64: \"\",\r\n isCheck: true,\r\n ResumeLogo: \"\",\r\n };\r\n }\r\n\r\n componentDidMount() {}\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.BASICDETAILS !== this.props.BASICDETAILS) {\r\n this.prefillInfo();\r\n }\r\n }\r\n prefillInfo() {\r\n this.setState({\r\n Salutation: this.props.BASICDETAILS\r\n ? this.props.BASICDETAILS.Data.Salutation\r\n : \"\",\r\n FirstName: this.props.BASICDETAILS\r\n ? this.props.BASICDETAILS.Data.FirstName\r\n : \"\",\r\n // MiddleName: this.props.BASICDETAILS ? this.props.BASICDETAILS.Data.MiddleName : \"\",\r\n LastName: this.props.BASICDETAILS\r\n ? this.props.BASICDETAILS.Data.LastName\r\n : \"\",\r\n Mobile: this.props.BASICDETAILS\r\n ? this.props.BASICDETAILS.Data.Mobile\r\n : \"\",\r\n // Mobile: this.props.Auth.USER_DETAILS_MG ? this.props.Auth.USER_DETAILS_MG.MobileNo : \"\",\r\n Email: this.props.BASICDETAILS ? this.props.BASICDETAILS.Data.Email : \"\",\r\n DOB: this.props.BASICDETAILS\r\n ? new Date(this.props.BASICDETAILS.Data.DOB).getFullYear() >= 1990\r\n ? new Date(this.props.BASICDETAILS.Data.DOB)\r\n : \"\"\r\n : \"\",\r\n Gender: this.props.BASICDETAILS\r\n ? this.props.BASICDETAILS.Data.Gender\r\n : \"\",\r\n });\r\n }\r\n\r\n checkJobAppliedorNot(JOBID) {\r\n try {\r\n const element = this.props.ApplicationSummary.Data.JobsData.find(\r\n (value) => {\r\n return value.JobCode == JOBID;\r\n }\r\n );\r\n return !!element;\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n onHandleSubmitChange = async (event) => {\r\n event.preventDefault();\r\n\r\n try {\r\n let re =\r\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n const {\r\n FirstName,\r\n MiddleName,\r\n LastName,\r\n Mobile,\r\n Email,\r\n DOB,\r\n Gender,\r\n ResumeLogo,\r\n } = this.state;\r\n if (!FirstName) {\r\n alert(\"First name is mandatory\");\r\n return false;\r\n }\r\n if (!LastName) {\r\n alert(\"Last name is mandatory\");\r\n return false;\r\n }\r\n\r\n if (!Mobile || Mobile.length < 10 || Mobile.length > 10) {\r\n alert(\"Mobile number is mandatory\");\r\n return false;\r\n }\r\n if (!Email || !re.test(Email)) {\r\n //if (!Email) {\r\n alert(\"Email is mandatory\");\r\n return false;\r\n }\r\n\r\n if (!DOB) {\r\n alert(\"DOB is mandatory\");\r\n return false;\r\n }\r\n if (!Gender) {\r\n alert(\"Gender is mandatory\");\r\n return false;\r\n }\r\n // if (this.state.ResumeBase64) {\r\n //if base64 check condition start\r\n this.props.setLoader(true);\r\n\r\n let data = {\r\n SourceType: 1,\r\n RequestType: \"Save Resume\",\r\n EmpID: \"\",\r\n EmpMailID: \"\",\r\n FirstName: FirstName,\r\n MiddleName: MiddleName,\r\n LastName: LastName,\r\n MobileNumber: Mobile,\r\n EmailID: Email,\r\n Gender: Gender,\r\n DOB: new Date(DOB).toLocaleDateString(),\r\n FileName: this.state.ResumeName,\r\n ResumeDocument: this.state.ResumeBase64,\r\n isWhatsAppConsent: this.state.isCheck,\r\n };\r\n\r\n let response = await this.props.setBasicAction(data);\r\n\r\n this.props.setLoader(false);\r\n\r\n if (response.ResponseCode == 100) {\r\n // let payloadHC = response.CandidateID;\r\n let payloadHC = response.ResponseMessage.split(\":\")[1];\r\n let responseHC = this.props.setHCIDAction(payloadHC);\r\n alert(\r\n \"Please click on 'NEXT' button to fill your contact and education details\"\r\n );\r\n // let id = this.props.HCUSERID;\r\n // let payload = {\r\n // RID: \"\",\r\n // UserID: id,\r\n // WhatsappMobileNo: Mobile,\r\n // IsConsent: this.state.isCheck,\r\n // EmployeeID: \"\",\r\n // };\r\n // let submit = await this.props.whatsappconsent(payload);\r\n } else if (response.ResponseCode == 101) {\r\n try {\r\n let payloadHC = response.ResponseMessage.split(\":\")[1];\r\n let responseHC = this.props.setHCIDAction(payloadHC);\r\n await this.props.getapplicationSummary(payloadHC);\r\n if (this.checkJobAppliedorNot(this.props.CurrentJob[0].JobNumber)) {\r\n window.location.reload();\r\n alert(\"Job Already Applied\");\r\n }\r\n // alert(\"Already Applied\");\r\n } catch (error) {\r\n alert(\"Something went wrong\");\r\n }\r\n }\r\n // } //if base64 check condition end\r\n // else {\r\n // //else base64 check condition start\r\n // // alert(\"Please Upload Resume\");\r\n\r\n // } //else base64 check condition end\r\n } catch (error) {\r\n //try end\r\n this.props.setLoader(false);\r\n }\r\n };\r\n\r\n async getFiles(files) {\r\n debugger;\r\n try {\r\n if (\r\n files.type == \"application/pdf\" ||\r\n files.type == \"application/msword\" ||\r\n files.type == \"\" ||\r\n files.type ==\r\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\r\n ) {\r\n if (parseInt(files.size) <= 5000) {\r\n this.setState({\r\n files: files,\r\n ResumeBase64: files.base64.split(\",\")[1],\r\n ResumeName: files.name,\r\n ResumeLogo: files.type,\r\n });\r\n let obj = {\r\n Data: {\r\n FileName: files.name,\r\n FileData: files.base64.split(\",\")[1],\r\n },\r\n };\r\n await this.props.setCurrentResumeAction(obj);\r\n this.props.setLoader(true);\r\n\r\n await this.props.parseResume(obj.Data);\r\n this.parseResumeSet();\r\n this.props.setLoader(false);\r\n } else {\r\n alert(\"file size must be less then 5mb \");\r\n }\r\n } else {\r\n alert(\"please upload resume in pdf or docs\");\r\n }\r\n } catch (error) {\r\n this.props.setLoader(false);\r\n }\r\n }\r\n async getFilesResumeReUpload(files) {\r\n try {\r\n this.setState({\r\n files: files,\r\n ResumeBase64: files.base64.split(\",\")[1],\r\n ResumeName: files.name,\r\n });\r\n var obj = {\r\n CandidateNo: this.props.HCUSERID,\r\n FileName: files.name,\r\n FileData: files.base64.split(\",\")[1],\r\n };\r\n let response = await this.props.uploadResume(obj);\r\n if (response.ResponseCode == 100) {\r\n alert(response.ResponseMessage);\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n } catch (error) {}\r\n }\r\n async parseResumeSet() {\r\n let lastName = this.props.PARSERESUME.Name.substr(\r\n this.props.PARSERESUME.Name.indexOf(\" \") + 1\r\n );\r\n this.setState({\r\n // Salutation: this.props.BASICDETAILS\r\n // ? this.props.BASICDETAILS.Data.Salutation\r\n // : \"\",\r\n FirstName: this.props.PARSERESUME.Name.substr(\r\n 0,\r\n this.props.PARSERESUME.Name.indexOf(\" \")\r\n ),\r\n // MiddleName: this.props.BASICDETAILS\r\n // ? this.props.BASICDETAILS.Data.MiddleName\r\n // : \"\",\r\n // LastName: this.props.BASICDETAILS\r\n // ? this.props.BASICDETAILS.Data.LastName\r\n // : \"\",\r\n LastName: lastName,\r\n Mobile: this.props.PARSERESUME.Mobile,\r\n Email: this.props.PARSERESUME.EMail,\r\n DOB: this.props.PARSERESUME.DOB\r\n ? new Date(this.props.PARSERESUME.DOB)\r\n : \"\",\r\n Gender: this.props.PARSERESUME.Gender,\r\n });\r\n }\r\n\r\n getDate(dateString) {\r\n var today = new Date();\r\n var birthDate = new Date(dateString);\r\n var age = today.getFullYear() - birthDate.getFullYear();\r\n var m = today.getMonth() - birthDate.getMonth();\r\n if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\r\n age--;\r\n }\r\n\r\n if (age <= 18) {\r\n // alert(\"You must be 18 to apply for this job\");\r\n console.log();\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n maxDate() {\r\n let eighteenYearsAgo = new Date();\r\n return (eighteenYearsAgo = eighteenYearsAgo.setFullYear(\r\n eighteenYearsAgo.getFullYear() - 18\r\n ));\r\n }\r\n\r\n b64toBlob(b64Data, contentType = \"\", sliceSize = 512) {\r\n const byteCharacters = atob(b64Data);\r\n const byteArrays = [];\r\n\r\n for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {\r\n const slice = byteCharacters.slice(offset, offset + sliceSize);\r\n\r\n const byteNumbers = new Array(slice.length);\r\n for (let i = 0; i < slice.length; i++) {\r\n byteNumbers[i] = slice.charCodeAt(i);\r\n }\r\n\r\n const byteArray = new Uint8Array(byteNumbers);\r\n byteArrays.push(byteArray);\r\n }\r\n\r\n const blob = new Blob(byteArrays, { type: contentType });\r\n let blobURL = URL.createObjectURL(blob);\r\n return blobURL;\r\n }\r\n\r\n render() {\r\n // new Date(this.props.BASICDETAILS.Data.DOB)\r\n const years = [...range(1995, getYear(new Date()) - 17, 1)].reverse();\r\n const months = [\r\n \"January\",\r\n \"February\",\r\n \"March\",\r\n \"April\",\r\n \"May\",\r\n \"June\",\r\n \"July\",\r\n \"August\",\r\n \"September\",\r\n \"October\",\r\n \"November\",\r\n \"December\",\r\n ];\r\n const { FirstName, MiddleName, LastName, Mobile, Email, DOB, Gender } =\r\n this.state;\r\n return (\r\n \r\n
\r\n\r\n Employee’s Story :
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \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.currentQuestion ||\r\n `How would you describe career development opportunities at\r\n ICICI?`}\r\n
\r\n\r\n {this.state.currentAnswer ||\r\n `“I’m most excited about the opportunity to grow at ICICI.”`}\r\n
\r\n\r\n\r\n -- {this.state.currentName || \"Archana Thalekar\"},{\" \"}\r\n \r\n {this.state.currentPosition ||\r\n \"Senior Software Engineer\"}\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n {this.props.stories &&\r\n this.props.stories.Data &&\r\n this.props.stories.Data.map(\r\n (story, index) =>\r\n index > 0 &&\r\n index < 5 && (\r\n 
\r\n 
\r\n 
\r\n 
*/}\r\n
\r\n \r\n \r\n this.setCurrentActiveStory(\r\n story.s_question,\r\n story.s_response,\r\n story.s_employee_name,\r\n story.s_employee_position,\r\n story.s_employee_profile_img_path\r\n )\r\n }\r\n onError={this.addDefaultSrc}\r\n src={`${\r\n process.env.REACT_APP_IMAGE_BASE_MG +\r\n story.s_employee_profile_img_path\r\n }`}\r\n alt=\"story\"\r\n className=\"mr-4 h-60px w-60px m-auto rounded-full cursor-pointer grayscale\"\r\n key={index}\r\n />\r\n
\r\n )\r\n )}\r\n {/* \r\n {/* */}\r\n
\r\n \r\n +\r\n {this.props.stories &&\r\n this.props.stories.Data &&\r\n this.props.stories.Data.length}\r\n
\r\n\r\n \r\n\r\n
\r\n \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.setState({\r\n // resumeUpload: {\r\n // ...resumeUpload,\r\n // FirstName: e.target.value,\r\n // },\r\n // })\r\n this.setState({\r\n FirstName: e.target.value\r\n .replace(/[^\\w\\s]/gi, \"\")\r\n .replace(/[^A-Za-z]/gi, \"\"),\r\n })\r\n }\r\n placeholder=\"\"\r\n />\r\n
\r\n {/* \r\n \r\n \r\n this.setState({\r\n MiddleName: e.target.value,\r\n })\r\n }\r\n placeholder=\"\"\r\n />\r\n
*/}\r\n \r\n \r\n \r\n this.setState({\r\n LastName: e.target.value\r\n .replace(/[^\\w\\s]/gi, \"\")\r\n .replace(/[^A-Za-z]/gi, \"\"),\r\n })\r\n }\r\n placeholder=\"\"\r\n />\r\n
\r\n \r\n \r\n {\r\n if (e.target.value.length <= 10) {\r\n this.setState({\r\n Mobile: e.target.value.replace(/[^\\d]/g, \"\"),\r\n });\r\n }\r\n }}\r\n placeholder=\"\"\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n (\r\n \r\n \r\n changeYear(value)\r\n }\r\n >\r\n {years.map((option) => (\r\n \r\n ))}\r\n \r\n\r\n \r\n changeMonth(months.indexOf(value))\r\n }\r\n >\r\n {months.map((option) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n selected={DOB}\r\n className=\"w-full\"\r\n dateFormat=\"dd/MM/yyyy\"\r\n maxDate={this.maxDate()}\r\n getDate={this.getDate(DOB)}\r\n onChange={(date) => this.setState({ DOB: date })}\r\n />\r\n \r\n \r\n \r\n this.setState({\r\n Email: e.target.value,\r\n })\r\n }\r\n placeholder=\"\"\r\n />\r\n
\r\n \r\n \r\n {\r\n this.setState({\r\n Gender: e.target.value,\r\n });\r\n }}\r\n className=\"select-dropdown-c\"\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {this.props.HCUSERID ? (\r\n \"\"\r\n ) : (\r\n
\r\n \r\n \r\n {this.props.HCUSERID ? \"\" : \"Save\"}\r\n \r\n
\r\n )}\r\n\r\n {/* \r\n \r\n {!this.props.HCUSERID ?\r\n \r\n Save\r\n \r\n : \"\"}\r\n
*/}\r\n {/* */}\r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n Open Resume Tab\r\n
\r\n\r\n
\r\n {this.state.AddressType == 1 ? (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {/* \r\n this.setAddType(1)} />Permanent\r\n\r\n this.setAddType(2)}/>Current */}\r\n\r\n this.setAddType(1)}\r\n />\r\n \r\n Permanent\r\n \r\n
\r\n {this.state.isPresentVisible ? (\r\n \r\n this.setAddType(2)}\r\n />\r\n \r\n Current\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n ) : (\r\n // present\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n this.handleChangeCountry(e)}\r\n >\r\n {/* {this.state.show ? (\r\n <>\r\n \r\n \r\n ):\"\"} */}\r\n
\r\n \r\n \r\n this.handleChangeState(e)}\r\n >\r\n {/* \r\n {this.props.STATEMASTER\r\n ? this.props.STATEMASTER.Data\r\n ? this.props.STATEMASTER.Data.map((x) => {\r\n return ;\r\n })\r\n : \"\"\r\n : \"\"} */}\r\n \r\n
\r\n \r\n \r\n this.handleChangeCity(e)}\r\n >\r\n {/* */}\r\n {/* {this.props.CITYMASTER\r\n ? this.props.CITYMASTER.Data\r\n ? this.props.CITYMASTER.Data.map((x) => {\r\n return ;\r\n })\r\n : \"\"\r\n : \"\"} */}\r\n \r\n
\r\n \r\n \r\n \r\n this.setState({\r\n PincodePermanent: e.target.value.replace(\r\n /[^\\d]/g,\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.setState({ Add1Permanent: e.target.value })\r\n }\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n this.setState({ Add2Permanent: e.target.value })\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n
*/}\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n\r\n \r\n \r\n this.handleChangeCountryPresent(e)}\r\n >\r\n
\r\n \r\n \r\n this.handleChangeStatePresent(e)}\r\n >\r\n
\r\n \r\n \r\n this.handleChangeCityPresent(e)}\r\n >\r\n
\r\n \r\n \r\n \r\n this.setState({\r\n PincodePresent: e.target.value.replace(/[^\\d]/g, \"\"),\r\n })\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n this.setState({ Add1Present: e.target.value })\r\n }\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n this.setState({ Add2Present: e.target.value })\r\n }\r\n />\r\n
\r\n \r\n this.submitContactDetails(e)}\r\n >\r\n {this.state.Submited ? \"Update\" : \"Save\"}\r\n \r\n
\r\n\r\n {/*\r\n \r\n
*/}\r\n \r\n \r\n \r\n
\r\n \r\n * 10th, 12th and Graduation details\r\n are mandatory to process your application. Please fill the same\r\n without fail.\r\n
\r\n\r\n {this.state.isAddEducation && (\r\n
\r\n \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.isAddEducation && (\r\n \r\n {\r\n this.setState({\r\n isAddEducation: !this.state.isAddEducation,\r\n });\r\n this.emptyState();\r\n }}\r\n >\r\n ADD EDUCATION\r\n \r\n
\r\n\r\n \r\n {this.props.EDUCATIONDETAILS\r\n ? this.props.EDUCATIONDETAILS.Data.map((x) => {\r\n return (\r\n \r\n \r\n );\r\n })\r\n : \"\"}\r\n
\r\n {!this.props.EDUCATIONDETAILS ? (\r\n \r\n
\r\n \r\n \r\n {x.EducationName}\r\n
\r\n\r\n {/* 
*/}\r\n this.editEducation(x)}\r\n className=\"text053C6D w-5 h-5 \"\r\n />\r\n
\r\n \r\n
\r\n \r\n {x.EducationID == 1461 ? (\r\n \"\"\r\n ) : (\r\n <>\r\n
{\" \"}\r\n {x.EducationID == 42 ||\r\n x.EducationID == 41 ||\r\n x.EducationID == 12 ||\r\n x.EducationID == 1461 ? (\r\n \"\"\r\n ) : (\r\n \r\n {x.EducationID == 42 || x.EducationID == 41\r\n ? \"Board\"\r\n : \"University\"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.UniversityName || x.Board}\r\n
\r\n \r\n )}{\" \"}\r\n\r\n
\r\n )}\r\n \r\n College Name{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.InstituteName}\r\n
\r\n\r\n
\r\n {x.EducationID == 42 ||\r\n x.EducationID == 41 ||\r\n x.EducationID == 12 ||\r\n x.EducationID == 1461 ? (\r\n \"\"\r\n ) : (\r\n \r\n Degree{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.EducationName}\r\n
\r\n\r\n
\r\n )}\r\n {x.EducationID == 42 || x.EducationID == 41 ? (\r\n \"\"\r\n ) : (\r\n \r\n Specialization{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Specialization}\r\n
\r\n\r\n
\r\n )}\r\n \r\n Type{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.EducationType == 1\r\n ? \"Full Time\"\r\n : \"Part Time\"}\r\n
\r\n\r\n
\r\n \r\n Passing Year{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.MonthOfPassing + \" \" + x.YearOfPassing}\r\n
\r\n\r\n
\r\n {!(x.EducationID == 12) ? (\r\n \"\"\r\n ) : (\r\n \r\n Grade / %{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Grade}\r\n
\r\n\r\n
\r\n )}\r\n \r\n Group2 Passing year{\" \"}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Grp2Month + \" \" + x.Grp2Year}\r\n
\r\n\r\n
\r\n \r\n
\r\n {/* \r\n No education details are present for your profile,\r\n please add education details by clicking below.\r\n
\r\n\r\n {\r\n this.setState({\r\n isAddEducation: !this.state.isAddEducation,\r\n });\r\n this.emptyState();\r\n }}\r\n >\r\n ADD EDUCATION DETAILS\r\n \r\n
*/}\r\n \r\n
\r\n \r\n ));\r\n }\r\n //end\r\n\r\n async addCompRepArray() {\r\n let arr = {\r\n DesignationID: this.state.DesignationID,\r\n \" Designation \": this.state.Designation,\r\n FromDate: this.convert2(this.state.FromDate),\r\n ToDate: this.convert2(this.state.ToDate),\r\n };\r\n let arr1 = arr1.push(arr);\r\n this.setState({ CompaniesRoleInfo: arr1 });\r\n }\r\n async saveEmploymentDetails(e) {\r\n e.preventDefault();\r\n var c_array = [\r\n {\r\n EmployerRID: this.state.EmployerRID,\r\n EmployeeRID: this.state.EmployerRID,\r\n CurrentEmpStatus: this.state.CurrentEmpStatus,\r\n Organization: this.state.Organization,\r\n // FromDate: this.convert2(this.state.FromDate),\r\n // ToDate: this.convert2(this.state.ToDate),\r\n // DesignationID: this.state.DesignationID,\r\n // Designation: this.state.Designation,\r\n Department: this.state.Department,\r\n CTCPerMonth: this.state.CTCPerMonth,\r\n Currency: this.state.Currency,\r\n EmployeeCode: this.state.EmployeeCode,\r\n IndustryID: this.state.IndustryID,\r\n EmploymentTypeID: this.EmploymentTypeID,\r\n CountryID: this.state.CountryID,\r\n OfficeAddress: this.state.OfficeAddress,\r\n ReasonforLeaving: this.state.ReasonforLeaving,\r\n CompaniesRoleInfo: this.state.inputList,\r\n },\r\n ];\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n MonthOfExp: this.state.MonthOfExp,\r\n YearOfExp: this.state.YearOfExp, \r\n ExpectedCTC: this.state.ExpectedCTC,\r\n \"ExpectedCurrency \": this.state.ExpectedCurrency,\r\n CurrentCTC: this.state.CurrentCTC,\r\n CurrentCurrency: this.state.CurrentCurrency,\r\n NoOfCompany: this.state.NoOfCompany,\r\n CompaniesInfo: c_array,\r\n };\r\n let response = await this.props.setEmploymentAction(obj);\r\n\r\n if (response.ResponseCode == 100) {\r\n this.setState({ isAddExperience: true });\r\n this.props.getEmployeeAction(this.props.Auth.HCID);\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n }\r\n convert2(str) {\r\n var months = {\r\n \"01\": \"Jan\",\r\n \"02\": \"Feb\",\r\n \"03\": \"Mar\",\r\n \"04\": \"Apr\",\r\n \"05\": \"May\",\r\n \"06\": \"Jun\",\r\n \"07\": \"Jul\",\r\n \"08\": \"Aug\",\r\n \"09\": \"Sep\",\r\n 10: \"Oct\",\r\n 11: \"Nov\",\r\n 12: \"Dec\",\r\n };\r\n\r\n var date = new Date(str),\r\n mnth = (\"0\" + (date.getMonth() + 1)).slice(-2),\r\n day = (\"0\" + date.getDate()).slice(-2);\r\n for (var key in months) {\r\n if (mnth == key) {\r\n mnth = months[key];\r\n }\r\n }\r\n return [day, mnth, date.getFullYear()].join(\"-\");\r\n }\r\n async emptyState() {\r\n this.setState({\r\n EmployerRID: \"0\",\r\n CurrentEmpStatus: \"\",\r\n Organization: \"\",\r\n FromDate: \"\",\r\n ToDate: \"\",\r\n DesignationID: \"\",\r\n Designation: \"\",\r\n Department: \"\",\r\n CTCPerMonth: \"\",\r\n Currency: \"\",\r\n EmployeeCode: \"\",\r\n IndustryID: \"\",\r\n EmploymentTypeID: \"\",\r\n CountryID: \"\",\r\n OfficeAddress: \"\",\r\n ReasonforLeaving: \"\",\r\n });\r\n }\r\n async editEmployment(x) {\r\n this.setState({\r\n isAddExperience: false,\r\n EmployerRID: x.EmployeeRID,\r\n CurrentEmpStatus: x.CurrentEmpStatus,\r\n Organization: x.Organization,\r\n FromDate: x.FromDate ? new Date(x.FromDate) : \"\",\r\n ToDate: x.ToDate ? new Date(x.ToDate) : \"\",\r\n DesignationID: x.DesignationID,\r\n Designation: x.Designation,\r\n Department: x.Department,\r\n CTCPerMonth: x.CTCPerMonth,\r\n Currency: x.Currency,\r\n EmployeeCode: x.EmployeeCode,\r\n IndustryID: x.IndustryID,\r\n EmploymentTypeID: x.EmploymentTypeID,\r\n CountryID: x.CountryID,\r\n OfficeAddress: x.EmploymetAddress,\r\n ReasonforLeaving: x.ReasonforLeaving,\r\n inputList: x.CompaniesRoleInfoDetail,\r\n });\r\n }\r\n async componentDidMount() {\r\n try {\r\n await this.props.getDESIGNATIONAction();\r\n await this.props.getCURRENCYAction();\r\n await this.props.getDEPARTMENTMASTERAction();\r\n await this.props.getEMPTYPEMASTERAction();\r\n await this.props.getINDUSTRYMASTERAction();\r\n await this.props.getCOUNTRYMASTERAction();\r\n\r\n this.setState({\r\n MonthOfExp: this.props.EMPLOYEMENTDETAILS.Data.MonthOfExp,\r\n YearOfExp: this.props.EMPLOYEMENTDETAILS.Data.YearOfExp,\r\n ExpectedCTC: Math.round(this.props.EMPLOYEMENTDETAILS.Data.ExpectedCTC),\r\n ExpectedCurrency: this.props.EMPLOYEMENTDETAILS.Data.ExpectedCurrency,\r\n CurrentCTC: Math.round(this.props.EMPLOYEMENTDETAILS.Data.CurrentCTC),\r\n CurrentCurrency: this.props.EMPLOYEMENTDETAILS.Data.CurrentCurrency,\r\n NoOfCompany: this.props.EMPLOYEMENTDETAILS.Data.NoOfCompany,\r\n });\r\n } catch (error) {}\r\n }\r\n async saveCTCEXP() {\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n MonthOfExp: this.state.MonthOfExp,\r\n YearOfExp: this.state.YearOfExp,\r\n ExpectedCTC: this.state.ExpectedCTC,\r\n ExpectedCurrency: this.state.ExpectedCurrency,\r\n CurrentCTC: this.state.CurrentCTC,\r\n CurrentCurrency: this.state.CurrentCurrency,\r\n NoOfCompany: this.state.NoOfCompany,\r\n CompaniesInfo: [],\r\n };\r\n let response = await this.props.setEmploymentAction(obj);\r\n\r\n if (response.ResponseCode == 100) {\r\n alert(response.ResponseMessage);\r\n this.setState({ isAddExperience: true });\r\n this.props.getEmployeeAction(this.props.Auth.HCID);\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n }\r\n render() {\r\n // console.log(\"props\",this.props.EMPLOYEMENTDETAILS.Data.tEmploymentDetails)\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n this.handleInputChange(e, i)}\r\n >\r\n \r\n {this.props.DESIGNATION\r\n ? this.props.DESIGNATION.Data\r\n ? this.props.DESIGNATION.Data.map((x) => {\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 this.handleInputChange(e, i)}\r\n >\r\n
\r\n\r\n \r\n \r\n this.handleInputChange(e, i)}\r\n >\r\n
\r\n */}\r\n \r\n {this.state.isAddExperience && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n EMPLOYEMENTDETAILS: state.userWalkthrough.info.EMPLOYEMENTDETAILS,\r\n DESIGNATION: state.master.info.DESIGNATION,\r\n CURRENCY: state.master.info.CURRENCY,\r\n DEPARTMENT: state.master.info.DEPARTMENT,\r\n EMPTYPE: state.master.info.EMPTYPE,\r\n INDUSTRY: state.master.info.INDUSTRY,\r\n COUNTRYMASTER: state.master.info.COUNTRYMASTER,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getEmployeeAction: async (payload) =>\r\n await dispatch(getEmployeeAction(payload)),\r\n setEmploymentAction: async (payload) =>\r\n await dispatch(setEmploymentAction(payload)),\r\n getDESIGNATIONAction: async (payload) =>\r\n await dispatch(getDESIGNATIONAction(payload)),\r\n getCURRENCYAction: async (payload) =>\r\n await dispatch(getCURRENCYAction(payload)),\r\n getDEPARTMENTMASTERAction: async (payload) =>\r\n await dispatch(getDEPARTMENTMASTERAction(payload)),\r\n getEMPTYPEMASTERAction: async (payload) =>\r\n await dispatch(getEMPTYPEMASTERAction(payload)),\r\n getINDUSTRYMASTERAction: async (payload) =>\r\n await dispatch(getINDUSTRYMASTERAction(payload)),\r\n getCOUNTRYMASTERAction: async (payload) =>\r\n await dispatch(getCOUNTRYMASTERAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Experience);\r\n","import React, { Component } from \"react\";\r\nimport trash from \"views/profile/img/delete-2.svg\";\r\nimport edit from \"views/profile/img/edit.svg\";\r\nimport { ChevronLeft, ChevronDown } from \"react-feather\";\r\nimport {\r\n getLANGUAGEMASTERAction,\r\n getSKILLMASTERAction,\r\n getRATINGMASTERAction,\r\n} from \"store/masters\";\r\nimport {\r\n getlanguageAction,\r\n setLanguageAction,\r\n getSkillAction,\r\n saveSkillAction,\r\n getCertificationAction,\r\n saveCertificationAction,\r\n getPublicationAction,\r\n savePublicationAction,\r\n} from \"store/userWalkthrough\";\r\nimport { connect } from \"react-redux\";\r\nimport kyc from \"views/profile/img/kyc/kyc.png\";\r\nclass Skill extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAddDetailsSkill: true,\r\n Remarks: \"\",\r\n Proficiency: null,\r\n SkillId: null,\r\n };\r\n }\r\n\r\n async saveSkills(e) {\r\n e.preventDefault();\r\n let SkillDataJson = [\r\n {\r\n SkillId: this.state.SkillId,\r\n Proficiency: this.state.Proficiency,\r\n Remarks: this.state.Remarks,\r\n },\r\n ];\r\n\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n SkillData: SkillDataJson,\r\n };\r\n let response = await this.props.saveSkillAction(obj);\r\n if (response.ResponseCode == 100) {\r\n await this.setState({ isAddDetailsSkill: true });\r\n let skillResponse = await this.props.getSkillAction(this.props.Auth.HCID);\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n this.props.getSKILLMASTERAction();\r\n this.props.getRATINGMASTERAction();\r\n }\r\n async emptyState() {\r\n this.setState({\r\n Remarks: \"\",\r\n Proficiency: null,\r\n SkillId: null,\r\n });\r\n }\r\n async editSkill(x) {\r\n this.setState({\r\n isAddDetailsSkill: false,\r\n Remarks: x.Remarks,\r\n Proficiency: x.Proficiency,\r\n SkillId: x.SkillId,\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n )}\r\n \r\n {/* \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n )}\r\n\r\n {!this.state.isAddExperience && (\r\n */}\r\n \r\n \r\n \r\n this.setState({\r\n isAddExperience: !this.state.isAddExperience,\r\n })\r\n }\r\n >\r\n ADD Experience\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Total work experience :{\" \"}\r\n {/* \r\n 3 yrs 2 months\r\n */}\r\n
\r\n \r\n this.setState({ YearOfExp: e.target.value })\r\n }\r\n value={\r\n this.state.YearOfExp == 0\r\n ? \"\"\r\n : this.state.YearOfExp\r\n }\r\n type=\"text\"\r\n placeholder=\" Year\"\r\n className=\"mr-1 inputborder-c\"\r\n >\r\n \r\n this.setState({ MonthOfExp: e.target.value })\r\n }\r\n value={\r\n this.state.MonthOfExp == 0\r\n ? \"\"\r\n : this.state.MonthOfExp\r\n }\r\n type=\"text\"\r\n placeholder=\" Months\"\r\n className=\"ml-1 inputborder-c\"\r\n >\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n Current CTC :{\" \"}\r\n {/* 1.2L */}\r\n
\r\n
\r\n\r\n \r\n Expected CTC :{\" \"}\r\n {/* 2.4L */}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {/* ICICI Bank */}\r\n\r\n {this.props.EMPLOYEMENTDETAILS\r\n ? this.props.EMPLOYEMENTDETAILS.Data.tEmploymentDetails.map(\r\n (x) => {\r\n return (\r\n \r\n \r\n );\r\n }\r\n )\r\n : \"\"}\r\n
\r\n {!this.props.EMPLOYEMENTDETAILS ? (\r\n \r\n
\r\n \r\n \r\n {x.Organization}\r\n
\r\n\r\n this.editEmployment(x)}\r\n className=\"text053C6D w-5 h-5 \"\r\n />\r\n
\r\n \r\n {/*
\r\n \r\n
{\" \"} */}\r\n \r\n Duration\r\n
\r\n\r\n :\r\n
\r\n\r\n
\r\n \r\n {x.FromDate + \"-\" + x.ToDate}\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n Industry\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Industry}\r\n
\r\n\r\n
\r\n {/* \r\n Employee Code\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.EmployeeCode}\r\n
\r\n\r\n
*/}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Role\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Designation}\r\n
\r\n\r\n {/* {x ? (\r\n x.CompaniesRoleInfoDetail.length > 1 ? (\r\n
\r\n hoiii
\r\n ) : (\r\n \"\"\r\n )\r\n ) : (\r\n \"\"\r\n )} */}\r\n\r\n {x\r\n ? x.CompaniesRoleInfoDetail.map((y, 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
{\" \"}\r\n \r\n
\r\n \r\n Role {i + 1}\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {y.Designation}\r\n
\r\n\r\n
\r\n \r\n Time Period\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {y.FromDate}-{y.ToDate}\r\n
\r\n\r\n
\r\n\r\n \r\n Country\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Country}\r\n
\r\n\r\n
\r\n \r\n Employment Address\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.EmploymetAddress}\r\n
\r\n\r\n
\r\n \r\n CTC\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.CTCPerMonth}\r\n
\r\n\r\n
\r\n \r\n ReasonforLeaving\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.ReasonforLeaving}\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n No employment details are present for your profile,\r\n please add employment details.\r\n
\r\n\r\n {/* \r\n this.setState({\r\n isAddExperience: !this.state.isAddExperience,\r\n })\r\n }\r\n >\r\n ADD EMPLOYEMENT DETAILS\r\n */}\r\n
\r\n \r\n {this.state.isAddDetailsSkill && (\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 Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n LANGUAGEDETAILS: state.userWalkthrough.info.LANGUAGEDETAILS,\r\n SKILLDETAILS: state.userWalkthrough.info.SKILLDETAILS,\r\n RATING: state.master.info.RATING,\r\n SKILL: state.master.info.SKILL,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getlanguageAction: async (payload) =>\r\n await dispatch(getlanguageAction(payload)),\r\n setLanguageAction: async (payload) =>\r\n await dispatch(setLanguageAction(payload)),\r\n getSKILLMASTERAction: async (payload) =>\r\n await dispatch(getSKILLMASTERAction(payload)),\r\n getRATINGMASTERAction: async (payload) =>\r\n await dispatch(getRATINGMASTERAction(payload)),\r\n\r\n getSkillAction: async (payload) => await dispatch(getSkillAction(payload)),\r\n getCertificationAction: async (payload) =>\r\n await dispatch(getCertificationAction(payload)),\r\n getPublicationAction: async (payload) =>\r\n await dispatch(getPublicationAction(payload)),\r\n\r\n saveSkillAction: async (payload) =>\r\n await dispatch(saveSkillAction(payload)),\r\n saveCertificationAction: async (payload) =>\r\n await dispatch(saveCertificationAction(payload)),\r\n savePublicationAction: async (payload) =>\r\n await dispatch(savePublicationAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Skill);\r\n","import React, { Component } from \"react\";\r\nimport trash from \"views/profile/img/delete-2.svg\";\r\nimport edit from \"views/profile/img/edit.svg\";\r\nimport { ChevronLeft, ChevronDown } from \"react-feather\";\r\nimport {\r\n getLANGUAGEMASTERAction,\r\n getSKILLMASTERAction,\r\n getRATINGMASTERAction,\r\n} from \"store/masters\";\r\nimport {\r\n getlanguageAction,\r\n setLanguageAction,\r\n getSkillAction,\r\n saveSkillAction,\r\n getCertificationAction,\r\n saveCertificationAction,\r\n getPublicationAction,\r\n savePublicationAction,\r\n} from \"store/userWalkthrough\";\r\nimport { connect } from \"react-redux\";\r\nimport kyc from \"views/profile/img/kyc/kyc.png\";\r\nimport DatePicker from \"react-datepicker\";\r\nclass Skill extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAddDetailsCertifications: true,\r\n CertificationText: null,\r\n Yearofcompletion: null,\r\n Remarks: null,\r\n Filedata: null,\r\n FileName: null,\r\n };\r\n }\r\n\r\n async saveSkills(e) {\r\n e.preventDefault();\r\n let CertDataJson = [\r\n {\r\n CertificationId: this.state.CertificationId,\r\n CertificationText: this.state.CertificationText,\r\n Yearofcompletion: new Date(this.state.Yearofcompletion).getFullYear(),\r\n Remarks: this.state.Remarks,\r\n Filedata: this.state.Filedata,\r\n FileName: this.state.FileName,\r\n },\r\n ];\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n CertificationData: CertDataJson,\r\n };\r\n let response = await this.props.saveCertificationAction(obj);\r\n if (response.ResponseCode == 100) {\r\n await this.setState({ isAddDetailsCertifications: true });\r\n let skillResponse = await this.props.getCertificationAction(\r\n this.props.Auth.HCID\r\n // \"3597108\"\r\n );\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n }\r\n\r\n async componentDidMount() { }\r\n async emptyState() {\r\n this.setState({\r\n CertificationText: null,\r\n Yearofcompletion: null,\r\n Remarks: null,\r\n Filedata: null,\r\n FileName: null,\r\n });\r\n }\r\n async editCertification(x) {\r\n this.setState({\r\n isAddDetailsCertifications: false,\r\n CertificationId: x.CertificationId,\r\n CertificationText: x.CertificationText,\r\n Yearofcompletion: x.Yearofcompletion ? new Date(x.Yearofcompletion) : \"\",\r\n // new Date(x.Yearofcompletion).getFullYear(),\r\n Remarks: x.Remarks,\r\n Filedata: x.Filedata,\r\n FileName: x.FileName,\r\n });\r\n }\r\n getBase64(file) {\r\n let self = this;\r\n debugger;\r\n try {\r\n let name = file.target.files[0].name;\r\n var reader = new FileReader();\r\n reader.readAsDataURL(file.target.files[0]);\r\n reader.onload = function () {\r\n\r\n self.setState({ Filedata: reader.result, FileName: name });\r\n };\r\n reader.onerror = function (error) {\r\n };\r\n } catch (error) {\r\n alert(\"Error choosing file please try again.\");\r\n }\r\n }\r\n ViewDocument(data) {\r\n var string = data.output(\"datauristring\");\r\n var iframe =\r\n \"\";\r\n var x = window.open();\r\n x.document.open();\r\n x.document.write(iframe);\r\n x.document.close();\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {!this.state.isAddDetailsSkill && (\r\n <>\r\n \r\n {/* Skills */}\r\n\r\n
\r\n \r\n
\r\n \r\n {/* Certifications */}\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n isAddDetailsSkill: !this.state.isAddDetailsSkill,\r\n });\r\n this.props.setSkillView();\r\n this.emptyState();\r\n }}\r\n >\r\n ADD\r\n \r\n
\r\n Skills
\r\n\r\n\r\n {/* languages */}\r\n {this.props.SKILLDETAILS\r\n ? this.props.SKILLDETAILS.Data.map((x) => {\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 {x.SkillName}\r\n
\r\n\r\n this.editSkill(x)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n Proficiency\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.ProficiencyName}\r\n
\r\n\r\n
\r\n \r\n Remarks\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Remarks}\r\n
\r\n\r\n
\r\n \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.setState({ SkillId: e.target.value })\r\n }\r\n >\r\n \r\n {this.props.SKILL\r\n ? this.props.SKILL.Data\r\n ? this.props.SKILL.Data.map((x) => {\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 this.setState({ Proficiency: e.target.value })\r\n }\r\n >\r\n \r\n {this.props.RATING\r\n ? this.props.RATING.Data\r\n ? this.props.RATING.Data.map((x) => {\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 this.setState({ Remarks: e.target.value });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n isAddDetailsSkill: !this.state.isAddDetailsSkill,\r\n });\r\n this.props.setSkillView();\r\n this.emptyState();\r\n }}\r\n >\r\n CANCEL\r\n \r\n \r\n SAVE\r\n \r\n
\r\n \r\n \r\n {this.state.isAddDetailsCertifications && (\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 Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n CERTIFICATIONS: state.userWalkthrough.info.CERTIFICATIONS,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getCertificationAction: async (payload) =>\r\n await dispatch(getCertificationAction(payload)),\r\n\r\n saveCertificationAction: async (payload) =>\r\n await dispatch(saveCertificationAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Skill);\r\n","import React, { Component } from \"react\";\r\nimport trash from \"views/profile/img/delete-2.svg\";\r\nimport edit from \"views/profile/img/edit.svg\";\r\nimport { ChevronLeft, ChevronDown } from \"react-feather\";\r\nimport {\r\n getLANGUAGEMASTERAction,\r\n getSKILLMASTERAction,\r\n getRATINGMASTERAction,\r\n} from \"store/masters\";\r\nimport {\r\n getlanguageAction,\r\n setLanguageAction,\r\n getSkillAction,\r\n saveSkillAction,\r\n getCertificationAction,\r\n saveCertificationAction,\r\n getPublicationAction,\r\n savePublicationAction,\r\n} from \"store/userWalkthrough\";\r\nimport { connect } from \"react-redux\";\r\nimport kyc from \"views/profile/img/kyc/kyc.png\";\r\nimport DatePicker from \"react-datepicker\";\r\nclass Skill extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAddDetailsPublications: true,\r\n PublicationsText: \"\",\r\n Yearofcompletion: null,\r\n Link: null,\r\n Filedata: \"\",\r\n FileName: \"\",\r\n PublicationsId: \"\",\r\n };\r\n }\r\n\r\n async savePublication(e) {\r\n e.preventDefault();\r\n let PubliDataJson = [\r\n {\r\n PublicationsId: this.state.PublicationsId,\r\n PublicationsText: this.state.PublicationsText,\r\n Yearofcompletion: this.state.Yearofcompletion,\r\n Link: this.state.Link,\r\n Filedata: this.state.Filedata,\r\n FileName: this.state.FileName,\r\n },\r\n ];\r\n\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n PublicationsData: PubliDataJson,\r\n };\r\n let response = await this.props.savePublicationAction(obj);\r\n if (response.ResponseCode == 100) {\r\n await this.setState({ isAddDetailsPublications: true });\r\n let skillResponse = await this.props.getPublicationAction(\r\n this.props.Auth.HCID\r\n // \"3597108\"\r\n );\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n }\r\n\r\n async componentDidMount() { }\r\n async emptyState() {\r\n this.setState({\r\n PublicationsText: \"\",\r\n Yearofcompletion: \"\",\r\n Link: \"\",\r\n Filedata: \"\",\r\n FileName: \"\",\r\n });\r\n }\r\n async editPublication(x, y) {\r\n\r\n this.setState({\r\n isAddDetailsPublications: false,\r\n PublicationsText: x.PublicationsText,\r\n Yearofcompletion: x.Yearofcompletion\r\n ? new Date(x.Yearofcompletion) : \"\",\r\n // : \"\",\r\n Link: x.Link,\r\n Filedata: x.Filedata,\r\n FileName: x.FileName,\r\n PublicationsId: x.PublicationsId,\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {!this.state.isAddDetailsCertifications && (\r\n <>\r\n \r\n {/* Skills */}\r\n\r\n
\r\n \r\n
\r\n \r\n {/* Certifications */}\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n isAddDetailsCertifications:\r\n !this.state.isAddDetailsCertifications,\r\n });\r\n this.props.setSkillView();\r\n this.emptyState();\r\n }}\r\n >\r\n ADD\r\n \r\n
\r\n \r\n Certifications\r\n
\r\n\r\n\r\n {/* languages */}\r\n {this.props.CERTIFICATIONS\r\n ? this.props.CERTIFICATIONS.Data.map((x) => {\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 {x.CertificationText}\r\n
\r\n\r\n this.editCertification(x)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n Year of Completion\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Yearofcompletion}\r\n
\r\n\r\n
\r\n \r\n Remarks\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Remarks}\r\n
\r\n\r\n
\r\n \r\n Document\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.setState({\r\n isAddDetailsCertifications:\r\n !this.state.isAddDetailsCertifications,\r\n });\r\n this.props.setSkillView();\r\n this.emptyState();\r\n }}\r\n >\r\n CANCEL\r\n \r\n \r\n SAVE\r\n \r\n
\r\n \r\n \r\n {this.state.isAddDetailsPublications && (\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 Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n PUBLICATIONS: state.userWalkthrough.info.PUBLICATIONS,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getPublicationAction: async (payload) =>\r\n await dispatch(getPublicationAction(payload)),\r\n\r\n savePublicationAction: async (payload) =>\r\n await dispatch(savePublicationAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Skill);\r\n","import React, { Component } from \"react\";\r\nimport trash from \"views/profile/img/delete-2.svg\";\r\nimport edit from \"views/profile/img/edit.svg\";\r\nimport { ChevronLeft, ChevronDown } from \"react-feather\";\r\nimport { getLANGUAGEMASTERAction } from 'store/masters'\r\n// import {} from 'store/userWalkthrough'\r\nimport { getlanguageAction, setLanguageAction, getSkillAction, getCertificationAction, getPublicationAction } from 'store/userWalkthrough'\r\nimport { connect } from 'react-redux'\r\nimport Skill from \"./MiscellaneousComponents/Skill\";\r\nimport Certificate from \"./MiscellaneousComponents/Certificate\";\r\nimport Publication from \"./MiscellaneousComponents/Publication\";\r\nimport kyc from \"views/profile/img/kyc/kyc.png\";\r\nclass Experience extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAddDetails: true,\r\n LanguageRID: 0,\r\n LanguageID: \"\",\r\n MotherTongue: 0,\r\n ReadLevel: 0,\r\n WriteLevel: 0,\r\n SpeakLevel: 0,\r\n UnderstandingLevel: \"\",\r\n skillviewflag: true,\r\n \"MiddleName\": \"\",\r\n \"FatherName\": \"\",\r\n \"FatherOccupation\": \"\",\r\n \"FamilyIncome\": \"\",\r\n \"ExtraCurrInterHobbi\": \"\",\r\n \"PhysicalDisabilities\": \"\",\r\n \"ChallengingSituations\": \"\",\r\n \"BusiProParticipate\": \"\",\r\n \"SignAchivement\": \"\"\r\n\r\n };\r\n }\r\n async saveAcademicOthers() {\r\n let LanguageJson = this.props.LANGUAGEDETAILS ? this.props.LANGUAGEDETAILS.Data ? this.props.LANGUAGEDETAILS.Data.LanguageData.length > 0 ?\r\n this.props.LANGUAGEDETAILS.Data.LanguageData : [] : [] : [];\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n LanguageData: LanguageJson,\r\n \"MiddleName\": this.state.MiddleName,\r\n \"FatherName\": this.state.FatherName,\r\n \"FatherOccupation\": this.state.FatherOccupation,\r\n \"FamilyIncome\": this.state.FamilyIncome,\r\n \"ExtraCurrInterHobbi\": this.state.ExtraCurrInterHobbi,\r\n \"PhysicalDisabilities\": this.state.PhysicalDisabilities,\r\n \"ChallengingSituations\": this.state.ChallengingSituations,\r\n \"BusiProParticipate\": this.state.BusiProParticipate,\r\n \"SignAchivement\": this.state.SignAchivement\r\n };\r\n let response = await this.props.setLanguageAction(obj);\r\n if (response.ResponseCode == 100) {\r\n this.setState({ isAddDetails: true });\r\n this.props.getlanguageAction(this.props.Auth.HCID);\r\n } else {\r\n alert(response.ResponseMessage)\r\n }\r\n\r\n }\r\n setSkillView() {\r\n this.setState({ skillviewflag: !this.state.skillviewflag });\r\n }\r\n async saveAcademic() {\r\n let LanguageJson = [{\r\n LanguageRID: this.state.LanguageRID,\r\n LanguageID: this.state.LanguageID,\r\n MotherTongue: this.state.MotherTongue,\r\n ReadLevel: this.state.ReadLevel ? 1 : 0,\r\n WriteLevel: this.state.WriteLevel ? 1 : 0,\r\n SpeakLevel: this.state.SpeakLevel ? 1 : 0,\r\n UnderstandingLevel: this.state.UnderstandingLevel\r\n }]\r\n\r\n var obj = {\r\n CandidateNo: this.props.Auth.HCID,\r\n LanguageData: LanguageJson,\r\n \"MiddleName\": this.state.MiddleName,\r\n \"FatherName\": this.state.FatherName,\r\n \"FatherOccupation\": this.state.FatherOccupation,\r\n \"FamilyIncome\": this.state.FamilyIncome,\r\n \"ExtraCurrInterHobbi\": this.state.ExtraCurrInterHobbi,\r\n \"PhysicalDisabilities\": this.state.PhysicalDisabilities,\r\n \"ChallengingSituations\": this.state.ChallengingSituations,\r\n \"BusiProParticipate\": this.state.BusiProParticipate,\r\n \"SignAchivement\": this.state.SignAchivement\r\n };\r\n let response = await this.props.setLanguageAction(obj);\r\n if (response.ResponseCode == 100) {\r\n await this.setState({ isAddDetails: true });\r\n await this.props.getlanguageAction(this.props.Auth.HCID);\r\n await this.setOtherDetails();\r\n } else {\r\n alert(response.ResponseMessage)\r\n }\r\n\r\n }\r\n async setOtherDetails() {\r\n if (this.props.LANGUAGEDETAILS) {\r\n this.setState({\r\n \"MiddleName\": this.props.LANGUAGEDETAILS.Data.MiddleName,\r\n \"FatherName\": this.props.LANGUAGEDETAILS.Data.FatherName,\r\n \"FatherOccupation\": this.props.LANGUAGEDETAILS.Data.FatherOccupation,\r\n \"FamilyIncome\": this.props.LANGUAGEDETAILS.Data.FamilyIncome,\r\n \"ExtraCurrInterHobbi\": this.props.LANGUAGEDETAILS.Data.ExtraCurrInterHobbi,\r\n \"PhysicalDisabilities\": this.props.LANGUAGEDETAILS.Data.PhysicalDisabilities,\r\n \"ChallengingSituations\": this.props.LANGUAGEDETAILS.Data.ChallengingSituations,\r\n \"BusiProParticipate\": this.props.LANGUAGEDETAILS.Data.BusiProParticipate,\r\n \"SignAchivement\": this.props.LANGUAGEDETAILS.Data.SignAchivement\r\n })\r\n }\r\n }\r\n async componentDidMount() {\r\n let response = await this.props.getLANGUAGEMASTERAction();\r\n if (response.ResponseCode == 100) {\r\n this.setOtherDetails();\r\n }\r\n let skillResponse = await this.props.getSkillAction(this.props.Auth.HCID);\r\n\r\n let certificationResponse = await this.props.getCertificationAction(\r\n this.props.Auth.HCID\r\n );\r\n let publicationResponse = await this.props.getPublicationAction(\r\n this.props.Auth.HCID)\r\n }\r\n async emptyState() {\r\n this.setState({\r\n LanguageRID: 0,\r\n LanguageID: \"\",\r\n MotherTongue: 0,\r\n ReadLevel: 0,\r\n WriteLevel: 0,\r\n SpeakLevel: 0,\r\n UnderstandingLevel: \"\",\r\n // \"MiddleName\": \"\",\r\n // \"FatherName\": \"\",\r\n // \"FatherOccupation\": \"\",\r\n // \"FamilyIncome\": \"\",\r\n // \"ExtraCurrInterHobbi\": \"\",\r\n // \"PhysicalDisabilities\": \"\",\r\n // \"ChallengingSituations\": \"\",\r\n // \"BusiProParticipate\": \"\",\r\n // \"SignAchivement\": \"\"\r\n })\r\n }\r\n async editLanguage(x, y) {\r\n\r\n this.setState({\r\n isAddDetails: false,\r\n LanguageRID: x.LanguageRID,\r\n LanguageID: x.LanguageID,\r\n MotherTongue: 0,\r\n ReadLevel: x.ReadLevel,\r\n WriteLevel: x.WriteLevel,\r\n SpeakLevel: x.SpeakLevel,\r\n UnderstandingLevel: 0,\r\n // isAddDetails: false,\r\n // LanguageRID: y.LanguageRID,\r\n // LanguageID: y.UnderstandingLevel,\r\n // MotherTongue: y.UnderstandingLevel,\r\n // ReadLevel: y.UnderstandingLevel,\r\n // WriteLevel: y.UnderstandingLevel,\r\n // SpeakLevel: y.UnderstandingLevel,\r\n // UnderstandingLevel: y.UnderstandingLevel,\r\n // \"MiddleName\": x.MiddleName,\r\n // \"FatherName\": x.FatherName,\r\n // \"FatherOccupation\": x.FatherOccupation,\r\n // \"FamilyIncome\": x.FamilyIncome,\r\n // \"ExtraCurrInterHobbi\": x.ExtraCurrInterHobbi,\r\n // \"PhysicalDisabilities\": x.PhysicalDisabilities,\r\n // \"ChallengingSituations\": x.ChallengingSituations,\r\n // \"BusiProParticipate\": x.BusiProParticipate,\r\n // \"SignAchivement\": x.SignAchivement\r\n\r\n })\r\n\r\n\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {!this.state.isAddDetailsPublications && (\r\n <>\r\n \r\n {/* Skills */}\r\n\r\n
\r\n \r\n
\r\n \r\n {/* Certifications */}\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n isAddDetailsPublications:\r\n !this.state.isAddDetailsPublications,\r\n });\r\n this.props.setSkillView();\r\n this.emptyState();\r\n }}\r\n >\r\n ADD\r\n \r\n
\r\n \r\n Publications\r\n
\r\n\r\n\r\n {/* languages */}\r\n {this.props.PUBLICATIONS\r\n ? this.props.PUBLICATIONS.Data.map((x) => {\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 {x.PublicationsText}\r\n
\r\n\r\n this.editPublication(x)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Year of completion\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Yearofcompletion\r\n ? new Date(x.Yearofcompletion).getFullYear()\r\n : \"\"}\r\n
\r\n\r\n
\r\n \r\n Link\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.Link}\r\n
\r\n\r\n
\r\n\r\n \r\n {\r\n this.setState({\r\n isAddDetailsPublications:\r\n !this.state.isAddDetailsPublications,\r\n });\r\n this.props.setSkillView();\r\n this.emptyState();\r\n }}\r\n >\r\n CANCEL\r\n \r\n \r\n SAVE\r\n \r\n
\r\n \r\n \r\n {this.state.isAddDetails && (\r\n
\r\n )}\r\n\r\n {!this.state.isAddDetails && (\r\n \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.setState({\r\n isAddDetails: !this.state.isAddDetails,\r\n });\r\n this.emptyState();\r\n }\r\n }\r\n >\r\n ADD\r\n \r\n
\r\n \r\n Languages\r\n
\r\n\r\n\r\n \r\n {/* languages */}\r\n {this.props.LANGUAGEDETAILS ? this.props.LANGUAGEDETAILS.Data.LanguageData.map((x, index) => {\r\n return (\r\n \r\n \r\n )\r\n }) : \"\"}\r\n
\r\n \r\n\r\n {!this.props.LANGUAGEDETAILS ?\r\n \r\n
\r\n \r\n {x.LanguageTitle}
\r\n\r\n {/* */}\r\n this.editLanguage(x, this.props.LANGUAGEDETAILS)}\r\n className=\"text053C6D w-5 h-5 \"\r\n />\r\n
\r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n Read\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.ReadLevel == 1 ? \"Yes\" : \"No\"}\r\n
\r\n\r\n
\r\n \r\n Write\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.WriteLevel == 1 ? \"Yes\" : \"No\"}\r\n
\r\n\r\n
\r\n \r\n Speak\r\n
\r\n\r\n :\r\n
\r\n\r\n\r\n {x.SpeakLevel == 1 ? \"Yes\" : \"No\"}\r\n
\r\n\r\n {/*
\r\n \r\n {/*
\r\n {/* No data
*/}\r\n {/*\r\n No language details are present for your profile, please add language details by clicking below.\r\n
*/}\r\n\r\n \r\n
*/}\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.setState({\r\n isAddExperience: !this.state.isAddExperience,\r\n })\r\n }\r\n >\r\n\r\n
\r\n\r\n \r\n Other Deatils\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n this.setState({ MiddleName: e.target.value })}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n this.setState({ FatherName: e.target.value })}\r\n />\r\n
\r\n \r\n \r\n\r\n this.setState({ FatherOccupation: e.target.value })}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n this.setState({ FamilyIncome: e.target.value })}\r\n />\r\n
\r\n \r\n \r\n\r\n this.setState({ ExtraCurrInterHobbi: e.target.value })}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n this.setState({ PhysicalDisabilities: e.target.value })}\r\n />\r\n
\r\n \r\n\r\n\r\n \r\n\r\n this.setState({ ChallengingSituations: e.target.value })}\r\n />\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n Open Resume Tab\r\n
\r\n\r\n \r\n this.setState({ isAddDetails: !this.state.isAddDetails })\r\n }\r\n >\r\n
\r\n\r\n this.emptyState()}>\r\n Go back\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \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.isJobDetails === 0 && (\r\n
\r\n )}\r\n {this.state.isJobDetails === 1 && (\r\n \r\n
\r\n )}\r\n\r\n {this.state.isJobDetails > 0 && this.state.isJobDetails < 6 && (\r\n \r\n
\r\n \r\n Disclaimer\r\n
\r\n\r\n\r\n {everAppliedForJob && false ? (\r\n \"Profile is successfully completed!\"\r\n ) : (\r\n
- \r\n
- \r\n I, hereby certify that the details that I am to provide\r\n are true and correct to the best of my knowledge.\r\n \r\n
- \r\n I understand, if any of the information is found to be\r\n false or untrue, misleading, or misrepresented, I am\r\n aware that I am liable for it. If anything is found\r\n contrary to the details provided, ICICI Bank Ltd. shall\r\n have the sole discretion in regards to admission to the\r\n programme and further employment, as the case may be.\r\n \r\n
- \r\n I authorize ICICI Bank Ltd. to request & receive\r\n relevant information necessary for the admissibility to\r\n the programme.\r\n \r\n
- \r\n I have read & understood the eligibility criteria of the\r\n programme.\r\n \r\n
\r\n \r\n this.setState({\r\n isJobDetails: 1,\r\n })\r\n }\r\n >\r\n {everAppliedForJob && false\r\n ? \"EDIT APPLICATION\"\r\n : \"I AGREE\"}\r\n \r\n {everAppliedForJob && false ? (\r\n this.applyJob()}\r\n >\r\n APPLY DIRECTLY\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Step {this.state.isJobDetails}/3\r\n \r\n To complete your profile\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n )}\r\n\r\n {this.state.isJobDetails === 2 && (\r\n Add Resume
\r\n\r\n
\r\n \r\n {/* \r\n this.setState({\r\n isJobDetails: 0,\r\n })\r\n }\r\n >\r\n SKIP\r\n */}\r\n \r\n this.setState({\r\n isJobDetails: 2,\r\n })\r\n }\r\n disabled={!this.props.Auth.HCID}\r\n >\r\n NEXT\r\n \r\n
\r\n \r\n
\r\n )}\r\n {this.state.isJobDetails === 3 && (\r\n Contact Details
\r\n\r\n {/*
\r\n\r\n \r\n 
\r\n
*/}\r\n \r\n
\r\n \r\n \r\n this.setState({\r\n isJobDetails: 1,\r\n })\r\n }\r\n >\r\n BACK\r\n \r\n \r\n this.setState({\r\n isJobDetails: 3,\r\n })\r\n }\r\n disabled={this.props.userWalkthrough.CONTACTDETAILS === \"\"}\r\n >\r\n NEXT\r\n \r\n
\r\n \r\n
\r\n )}\r\n {/* \r\n {this.state.isJobDetails === 4 && (\r\n Education Details
\r\n\r\n \r\n
\r\n {this.state.isSubmit == true ||\r\n this.props.userWalkthrough.EDUCATIONDETAILS == \"\" ? (\r\n \r\n \r\n
*/}\r\n {/* \r\n
\r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ADD MORE EDUCATION +\r\n
\r\n\r\n
\r\n ) : (\r\n \r\n \r\n this.setState({\r\n isJobDetails: 2,\r\n })\r\n }\r\n >\r\n BACK\r\n \r\n \r\n this.setState({\r\n isJobDetails: 6,\r\n })\r\n }\r\n disabled={\r\n this.state.isSubmit == true ||\r\n this.props.userWalkthrough.EDUCATIONDETAILS == \"\"\r\n }\r\n >\r\n NEXT\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n this.setState({\r\n isJobDetails: 2,\r\n })\r\n }\r\n >\r\n BACK\r\n \r\n \r\n this.setState({\r\n isJobDetails: 6,\r\n })\r\n }\r\n // disabled={}\r\n >\r\n NEXT\r\n \r\n
\r\n \r\n
\r\n )} */}\r\n\r\n {/* {this.state.isJobDetails === 5 && (\r\n Add Experience
\r\n */}\r\n {/*
*/}\r\n {/* \r\n \r\n \r\n
*/}\r\n\r\n {/* \r\n
*/}\r\n {/* \r\n \r\n \r\n
\r\n\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.setState({\r\n isJobDetails: 3,\r\n })\r\n }\r\n >\r\n BACK\r\n \r\n \r\n this.setState({\r\n isJobDetails: 5,\r\n })\r\n }\r\n >\r\n NEXT\r\n \r\n
\r\n \r\n
\r\n )} */}\r\n {this.state.isJobDetails === 6 && (\r\n Add Miscellaneous
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n this.setState({\r\n isJobDetails: 4,\r\n })\r\n }\r\n >\r\n BACK\r\n \r\n {\r\n this.setState({\r\n isJobDetails: 6,\r\n });\r\n }}\r\n >\r\n NEXT\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 Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n ApplicationSummary: state.SingleJob.home.APPLICATIONSUMMARY,\r\n previewjob: state.SingleJob.home.CURRENTJOB,\r\n userWalkthrough: state.userWalkthrough.info,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getBasicAction: async (payload) => await dispatch(getBasicAction(payload)),\r\n // getSingleApplicantInfoAction: async (payload) => {await dispatch(getSingleApplicantInfoAction(payload))},\r\n setLoader: async (flag) => await dispatch(setLoader(flag)),\r\n getContactAction: async (payload) =>\r\n await dispatch(getContactAction(payload)),\r\n getEducationAction: async (payload) =>\r\n await dispatch(getEducationAction(payload)),\r\n getEmployeeAction: async (payload) =>\r\n await dispatch(getEmployeeAction(payload)),\r\n getlanguageAction: async (payload) =>\r\n await dispatch(getlanguageAction(payload)),\r\n jobApplyAction: async (payload) => await dispatch(jobApplyAction(payload)),\r\n saveAppliedJobsHc: async (payload) =>\r\n await dispatch(saveAppliedJobsHc(payload)),\r\n geResumeHC: async (payload) => await dispatch(geResumeHC(payload)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(JobDetailsApplyPopup);\r\n","import React, { useRef, useState } from \"react\";\r\nimport JobDetailsApplyPopup from \"../../job-details/components/JobDetailsApplyPopup\";\r\n\r\nimport twitter from \"../img/social/twitter.png\";\r\nimport facebook from \"../img/social/facebook.png\";\r\nimport instagram from \"../img/social/instagram.png\";\r\nimport linkedin from \"../img/social/linkedin.png\";\r\n\r\nexport default function App(props) {\r\n return (\r\n <>\r\n \r\n 
\r\n
*/}\r\n
\r\n \r\n {\" \"}\r\n Post Submitting your application{\" \"}\r\n \r\n
\r\n \r\n Success!\r\n
\r\n {/**/}\r\n
\r\n Your profile is completed now, please click on Apply\r\n
\r\n\r\n this.applyJob()}\r\n >\r\n {this.state.IsJobApllied ? \"Applied\" : \"Apply\"}\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n Post Submitting your application{\" \"}\r\n \r\n
\r\n \r\n 1. You will receive an email for Online Test from\r\n icicicareers@icicibank.com\r\n \r\n
\r\n \r\n 2. Please attempt the test within 4 days of receipt of the\r\n email\r\n \r\n
\r\n \r\n \r\n 2. Please attempt the test within 4 days of receipt of the\r\n email\r\n \r\n
\r\n {/*
\r\n \r\n );\r\n}\r\n","import React, { Component, useState } from \"react\";\r\nimport { Eye, ChevronRight, ChevronLeft, Share } from \"react-feather\";\r\nimport playbutton from \"../img/videoslider/play-button.svg\";\r\nimport image1 from \"../img/whatsnews/img1.png\";\r\nimport image2 from \"../img/whatsnews/img2.png\";\r\nimport image3 from \"../img/whatsnews/img3.png\";\r\nimport image4 from \"../img/whatsnews/img4.png\";\r\nimport image5 from \"../img/whatsnews/img5.png\";\r\nimport image6 from \"../img/whatsnews/img6.png\";\r\nimport popuplogo from \"../img/knowusmore/popup-logo.svg\";\r\n\r\nimport { connect } from \"react-redux\";\r\nclass WhatsNew extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n thumbsSwiper: null,\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n {/* */}\r\n {/* props.applyFooter()}\r\n > */}\r\n {/* {this.props.isAlreadyApplied ? \"Applied\" : \"APPLY NOW\"} */}\r\n {/* APPLY NOW\r\n \r\n */}\r\n
\r\n \r\n
*/}\r\n {/* \r\n 
\r\n 
\r\n 
\r\n 
\r\n
\r\n \r\n \r\n ©2021 - ICICI Careers | All right reserved\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 TEAMICICIPOST: state.Home.home.TEAMICICIPOST,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(WhatsNew);\r\n","import React, { Component } from \"react\";\r\nimport { MapPin, Search, ChevronRight } from \"react-feather\";\r\nimport pin from \"../img/pin.svg\";\r\nimport user2 from \"../img/map/us2.png\";\r\nimport user1 from \"../img/map/us1.png\";\r\nimport { Input } from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\nclass Maps extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {};\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = user1;\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n WHAT'S NEW
\r\n\r\n
\r\n \r\n {/* {this.props.TEAMICICIPOST\r\n ? this.props.TEAMICICIPOST.data.map((data, index) => {\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\n
\r\n \r\n 
\r\n
\r\n\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n\r\n 5 days ago
\r\n\r\n
\r\n Share\r\n
\r\n
\r\n\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n\r\n 5 days ago
\r\n {/*\r\n
\r\n Share\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n\r\n 5 days ago
\r\n {/*\r\n
\r\n Share\r\n
\r\n
\r\n\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n\r\n 5 days ago
\r\n {/*\r\n
\r\n Share\r\n
\r\n
\r\n\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n\r\n 5 days ago
\r\n {/*\r\n
\r\n Share\r\n
\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n\r\n 5 days ago
\r\n\r\n
\r\n Share\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n GETMOREJOBS: state.Home.home.GETMOREJOBS,\r\n Auth: state.Auth.user,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Maps);\r\n","import React, { Component } from \"react\";\r\n\r\n// Import Swiper styles\r\n\r\nimport { Bookmark, MapPin, ChevronRight, ChevronLeft } from \"react-feather\";\r\nimport { connect } from \"react-redux\";\r\n// import Swiper core and required modules\r\nimport { Link } from \"react-router-dom\";\r\n\r\n// install Swiper modules\r\n\r\nclass KnowUsMore extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n arr: [],\r\n ptag: \"\",\r\n currentPortfolio: [],\r\n currentPageNo: 1,\r\n };\r\n }\r\n\r\n paginate(array, page_size, page_number) {\r\n // human-readable page numbers usually start with 1, so we reduce 1 in the first argument\r\n return array.slice((page_number - 1) * page_size, page_number * page_size);\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n currentPortfolio: this.paginate(\r\n this.props.knowusmore && this.props.knowusmore.Data,\r\n 4,\r\n this.state.currentPageNo\r\n ),\r\n });\r\n }\r\n\r\n previousPage() {\r\n if (this.state.currentPageNo > 1) {\r\n this.state.currentPageNo = this.state.currentPageNo - 1;\r\n this.setState({\r\n currentPortfolio: this.paginate(\r\n this.props.knowusmore && this.props.knowusmore.Data,\r\n 4,\r\n this.state.currentPageNo\r\n ),\r\n });\r\n }\r\n }\r\n nextPage() {\r\n if (this.state.currentPageNo >= 1) {\r\n this.state.currentPageNo = this.state.currentPageNo + 1;\r\n this.setState({\r\n currentPortfolio: this.paginate(\r\n this.props.knowusmore && this.props.knowusmore.Data,\r\n 4,\r\n this.state.currentPageNo\r\n ),\r\n });\r\n }\r\n }\r\n render() {\r\n function getParameterByName(name, url = window.location.href) {\r\n name = name.replace(/[\\[\\]]/g, \"\\\\$&\");\r\n\r\n var regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\"),\r\n results = regex.exec(url);\r\n if (!results) return null;\r\n if (!results[2]) return \"\";\r\n\r\n return decodeURIComponent(results[2].replace(/\\+/g, \" \"));\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\n \r\n 25 Results\r\n
\r\n\r\n Bangalore, Karnataka\r\n
\r\n\r\n
\r\n \r\n {this.props.GETMOREJOBS &&\r\n this.props.GETMOREJOBS.Data.length > 0\r\n ? this.props.GETMOREJOBS.Data.map((datajobs, index) => {\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 {datajobs.f_title}\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {datajobs.Location || \"INDIA\"}\r\n
\r\n\r\n 3d ago\r\n
\r\n\r\n
\r\n \r\n Apply now\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 knowusmore: state.Home.home.KNOWUSMORE,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(KnowUsMore);\r\n","import React, { Component } from \"react\";\r\nimport SwipperBanner from \"./components/SwipperBanner.js\";\r\nimport TrendingJobs from \"./components/TrendingJobs.js\";\r\nimport TabSlider from \"./components/TabSlider.js\";\r\nimport ProgramsOffer from \"./components/ProgramsOffer.js\";\r\nimport CourseraCard from \"./components/CourseraCard.js\";\r\nimport VideoSlider from \"./components/VideoSlider.js\";\r\nimport FeaturedJobs from \"./components/FeaturedJobs.js\";\r\nimport EmployeeStory from \"./components/EmployeeStory.js\";\r\nimport FooterSection from \"./components/FooterSection.js\";\r\nimport WhatsNews from \"./components/WhatsNews.js\";\r\nimport MapSection from \"./components/MapSection.js\";\r\nimport KnowUsMore from \"./components/KnowUsMore.js\";\r\nimport fullPageBanner from \"./img/fullbanner1.png\";\r\nimport fullPageBanner2 from \"./img/fullbanner4.png\";\r\nimport chatbot from \"./img/chat-bot.svg\";\r\nimport \"../css/Index.scss\";\r\nimport Token from \"api/Auth/auth\";\r\nimport store from \"store.js\";\r\nimport { setMgToken, setHcToken, setLoader } from \"store/Auth\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getBillboardAction,\r\n getFeaturedJobAction,\r\n groupsAction,\r\n getCheckITVAction,\r\n getProgrammingAction,\r\n getHomeBannerAction,\r\n getknowUsMoreAction,\r\n getTeamiciciAction,\r\n getMoreJobsOnScrollAction,\r\n getGroupRelatedJobIdAction,\r\n} from \"store/Home\";\r\nimport { groups } from \"store/Home.js\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { GetAllStoriesAction } from \"store/Story\";\r\nimport { GetAllCourseAction } from \"store/Ilearn\";\r\nclass home extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isBillBoardLoaded: 0,\r\n homebanner1: \"\",\r\n homebanner2: \"\",\r\n };\r\n }\r\n async componentDidMount() {\r\n try {\r\n this.props.setLoader(true);\r\n let HcToken = await Token.getToken();\r\n store.dispatch(setHcToken(HcToken));\r\n let MgToken = await Token.getTokenMagitt();\r\n store.dispatch(setMgToken(MgToken));\r\n let response = this.props.getBillboardAction();\r\n let responseJob = this.props.getFeaturedJobAction();\r\n let responseGroup = this.props.groupsAction();\r\n let responseHomeBanner = this.props.getHomeBannerAction();\r\n let responseCheckItv = this.props.getCheckITVAction();\r\n let responseProgram = this.props.getProgrammingAction();\r\n let responseKnowUsMore = this.props.getknowUsMoreAction();\r\n let teamiciciResponse = this.props.getTeamiciciAction();\r\n let Stories = this.props.GetAllstories();\r\n let Courses = this.props.getAllCourses();\r\n let GroupRelatedJOB = this.props.getGroupRelatedJobIdAction(20995);\r\n\r\n let payload = {\r\n From: 1,\r\n PageNo: 0,\r\n limit: 5,\r\n };\r\n let getMoreJobResponse = await this.props.getMoreJobsOnScrollAction(\r\n payload\r\n );\r\n if (this.props.homebanner && this.props.homebanner.Data) {\r\n debugger;\r\n this.props.homebanner.Data.find((o, i) => {\r\n if (o.Position == 1) {\r\n this.setState({ homebanner1: o });\r\n }\r\n if (o.Position == 2) {\r\n this.setState({ homebanner2: o });\r\n }\r\n });\r\n }\r\n this.props.setLoader(false);\r\n } catch (error) {\r\n this.props.setLoader(false);\r\n }\r\n }\r\n addDefaultSrcPortfolio(ev) {\r\n ev.target.src = fullPageBanner2;\r\n }\r\n render() {\r\n // const home = (props) => {\r\n return (\r\n \r\n
\r\n\r\n KNOW US MORE
\r\n\r\n this.previousPage()}\r\n />\r\n this.nextPage()}\r\n />\r\n
\r\n \r\n
\r\n \r\n {this.state.currentPortfolio.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.currentPortfolio.length > 1 ? (\r\n \r\n
\r\n \r\n {/* 
*/}\r\n \r\n {this.state.currentPortfolio[0].p_button_Text !== null\r\n ? this.state.currentPortfolio[0].p_button_Text\r\n : \"Read More\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n {this.state.currentPortfolio ? (\r\n \r\n {this.state.currentPortfolio\r\n ? this.state.currentPortfolio[0].p_title\r\n : \"\"}\r\n
\r\n\r\n {this.state.currentPortfolio[0].p_short_description}\r\n
\r\n\r\n {this.props.knowusmore && this.props.knowusmore.Data ? (\r\n\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {this.state.currentPortfolio.length >= 1 ? (\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.currentPortfolio.length >= 2 ? (\r\n \r\n
\r\n \r\n \r\n {this.state.currentPortfolio[1].p_button_Text !==\r\n null\r\n ? this.state.currentPortfolio[1].p_button_Text\r\n : \"Read More\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n {\" \"}\r\n {this.state.currentPortfolio\r\n ? this.state.currentPortfolio[1].p_title\r\n : \"\"}\r\n
\r\n\r\n {this.state.currentPortfolio[0].p_short_description}\r\n {/* {this.props.knowusmore.Data[1].p_desciption} */}\r\n
\r\n {this.props.knowusmore &&\r\n this.props.knowusmore.Data ? (\r\n\r\n {this.props.knowusmore ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.currentPortfolio.length >= 3 ? (\r\n \r\n
\r\n \r\n
\r\n \r\n {this.state.currentPortfolio\r\n ? this.props.knowusmore.Data[2].p_title\r\n : \"\"}\r\n
\r\n\r\n {this.state.currentPortfolio[2].p_short_description}\r\n
{\" \"}\r\n\r\n {this.props.knowusmore &&\r\n this.state.currentPortfolio ? (\r\n \r\n {this.state.currentPortfolio[2]\r\n .p_button_Text !== null\r\n ? this.state.currentPortfolio[2].p_button_Text\r\n : \"Read More\"}\r\n \r\n ) : (\r\n \"\"\r\n )}{\" \"}\r\n {this.state.currentPortfolio ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\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.currentPortfolio\r\n ? this.state.currentPortfolio[3].p_title\r\n : \"\"}\r\n
\r\n\r\n {this.state.currentPortfolio[0].p_short_description}\r\n
\r\n\r\n {this.state.currentPortfolio &&\r\n this.state.currentPortfolio ? (\r\n \r\n {this.state.currentPortfolio[3]\r\n .p_button_Text !== null\r\n ? this.state.currentPortfolio[3].p_button_Text\r\n : \"Read More\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.currentPortfolio ? (\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 billboard: state.Home.home.BILLBOARD,\r\n featuredjobs: state.Home.home.FEATUREDJOB,\r\n Auth: state.Auth.user,\r\n groups: state.Home.home.GROUPS,\r\n homebanner: state.Home.home.HOMEBANNER,\r\n checkitv: state.Home.home.CHECKITV,\r\n knowusemore: state.Home.home.KNOWUSMORE,\r\n getmorejobs: state.Home.home.GETMOREJOBS,\r\n\r\n // dashboard: state.dashboard.dashboard,\r\n // document: state.document.document,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getBillboardAction: async () => await dispatch(getBillboardAction()),\r\n getFeaturedJobAction: async () => await dispatch(getFeaturedJobAction()),\r\n groupsAction: () => dispatch(groupsAction()),\r\n\r\n getHomeBannerAction: async () => await dispatch(getHomeBannerAction()),\r\n getCheckITVAction: async () => await dispatch(getCheckITVAction()),\r\n getProgrammingAction: async () => await dispatch(getProgrammingAction()),\r\n getknowUsMoreAction: async () => await dispatch(getknowUsMoreAction()),\r\n getTeamiciciAction: async () => await dispatch(getTeamiciciAction()),\r\n getMoreJobsOnScrollAction: async (payload) =>\r\n await dispatch(getMoreJobsOnScrollAction(payload)),\r\n setLoader: async (flag) => await dispatch(setLoader(flag)),\r\n GetAllstories: async () => await dispatch(GetAllStoriesAction()),\r\n getAllCourses: async () => await dispatch(GetAllCourseAction()),\r\n getGroupRelatedJobIdAction: async (payload) =>\r\n await dispatch(getGroupRelatedJobIdAction(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(home);\r\n// export default home;\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\nimport { getDetailsAction } from \"store/JobList\";\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\n//import images\r\nimport customer from \"views/job-details/img/key/customer.png\";\r\nimport business from \"views/job-details/img/key/business.png\";\r\nimport shopping from \"views/job-details/img/key/shopping.png\";\r\nimport folder from \"views/job-details/img/key/folder.png\";\r\n// install Swiper modules\r\n\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nexport default function App() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n {/* trending-jobs */}\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {/* full banner */}\r\n \r\n {/*
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* 
*/}\r\n {this.state.homebanner1 ? (\r\n
\r\n\r\n {/* browser category */}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n
\r\n \r\n {this.state.homebanner1.title}\r\n
\r\n\r\n
\r\n \r\n window.open(this.state.homebanner1.button_Url, \"_blank\")\r\n }\r\n >\r\n {this.state.homebanner1.button_Text}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n
\r\n \r\n ICICI Career\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* programs offer */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {/* coursera */}\r\n \r\n
\r\n \r\n
\r\n\r\n {/* hring banner */}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.state.homebanner2 ? (\r\n
\r\n\r\n {/* know us more */}\r\n\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n
\r\n \r\n {this.state.homebanner2.title}\r\n
\r\n\r\n
\r\n \r\n window.open(this.state.homebanner2.button_Url, \"_blank\")\r\n }\r\n >\r\n {this.state.homebanner2.button_Text}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n
\r\n \r\n ICICI Career\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {/* videoslider */}\r\n \r\n
\r\n \r\n {/*
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {/* employee story */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {/* map section */}\r\n \r\n
\r\n \r\n
\r\n {/* \r\n 
\r\n
*/}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Key Responsibilities\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium\r\n
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n Customer Service
\r\n\r\n Create service excellence by being a banker of choice to the\r\n customer\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Business Development\r\n
\r\n\r\n Onboard new customers to the bank and enhance walletshare of\r\n customers\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n Cross Sell
\r\n\r\n Cross sell bouquet of products & servicesbased on customerneeds\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Portfolio Quality\r\n
\r\n\r\n Quality of loan book, periodic due diligence of business flows,\r\n overdue\r\n
\r\n\r\n {/* */}\r\n this.setState({ open: true })}\r\n >\r\n SIGN IN\r\n \r\n\r\n this.setState({ open: false })}\r\n classNames={{\r\n modal: \"loginmodal-w\",\r\n }}\r\n >\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n signupCheck: state.Auth.user,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n checkSignup: async (payload) => await dispatch(checkSignup(payload)),\r\n login: async (payload) => await dispatch(login(payload)),\r\n createNewUser: async (payload) => await dispatch(createNewUser(payload)),\r\n registration: async (payload) => await dispatch(registration(payload)),\r\n loginHC: async (payload) => await dispatch(loginHC(payload)),\r\n setHCIDAction: async (payload) => await dispatch(setHCIDAction(payload)),\r\n SaveCandidateId: async (payload) =>\r\n await dispatch(SaveCandidateId(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\r\n","import React from \"react\";\r\nimport Sidebar from \"react-sidebar\";\r\nimport { X, MoreVertical } from \"react-feather\";\r\nimport logo from \"components/Navbars/img/sm-logo.png\";\r\nimport userimage from \"components/Navbars/img/userimage.png\";\r\nimport { getUserSingleUserJourneyAction } from \"store/notifcation\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\nclass App extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sidebarOpen: true,\r\n userData: this.props.notification,\r\n };\r\n this.onSetSidebarOpen = this.onSetSidebarOpen.bind(this);\r\n }\r\n\r\n onSetSidebarOpen(open) {\r\n this.setState({ sidebarOpen: open });\r\n }\r\n\r\n render() {\r\n // console.log(this.props.notification)\r\n return (\r\n \r\n
\r\n \r\n \r\n 
\r\n {/* this.closeModal()}\r\n /> */}\r\n
\r\n\r\n {/* sign up */}\r\n {this.state.isUserExist == 0 ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {/* login in */}\r\n {this.state.isUserExist == 1 ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {/* verify account */}\r\n {this.state.isUserExist == 2 ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {/* set password account */}\r\n {this.state.isUserExist == 3 ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {/* set password account */}\r\n {this.state.isUserExist == 4 ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {/* FORGOT PASSWORD */}\r\n\r\n \r\n \r\n
\r\n\r\n Notifications
\r\n\r\n {this.state.userData &&\r\n this.state.userData.Data &&\r\n this.state.userData.Data.userJourneydataGeneral\r\n .slice(0, 5)\r\n .map((value, index) => (\r\n
\r\n \r\n }\r\n open={this.props.shownotification}\r\n onSetOpen={this.onSetSidebarOpen}\r\n styles={{ sidebar: { background: \"white\" } }}\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 Auth: state.Auth.user,\r\n notification: state.NOTIFICATION.notification.SINGLEUSERJOURNEY,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getUserSingleUserJourneyAction: async (payload) =>\r\n await dispatch(getUserSingleUserJourneyAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\r\n","import React from \"react\";\r\nimport { createPopper } from \"@popperjs/core\";\r\nimport { ChevronDown, ChevronUp } from \"react-feather\";\r\nimport user from \"../img/user.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { LogOut } from \"store/index\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nconst Dropdown = (allprops) => {\r\n return <>;\r\n};\r\n\r\nfunction DropdownRender(props) {\r\n let color = \"white\";\r\n // dropdown props\r\n const [dropdownPopoverShow, setDropdownPopoverShow] = React.useState(false);\r\n const btnDropdownRef = React.createRef();\r\n const popoverDropdownRef = React.createRef();\r\n const openDropdownPopover = () => {\r\n createPopper(btnDropdownRef.current, popoverDropdownRef.current, {\r\n placement: \"bottom-start\",\r\n });\r\n setDropdownPopoverShow(true);\r\n };\r\n const closeDropdownPopover = () => {\r\n setDropdownPopoverShow(false);\r\n };\r\n function addDefaultSrc(ev) {\r\n ev.target.src = user;\r\n }\r\n // bg colors\r\n let bgColor;\r\n color === \"white\"\r\n ? (bgColor = \"bg-blueGray-700\")\r\n : (bgColor = \"bg-\" + color + \"-500\");\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\n {value.m_Title}\r\n
\r\n\r\n
\r\n \r\n {value.m_Description}\r\n
\r\n\r\n\r\n {moment(value.m_createdDate).fromNow()}\r\n
\r\n\r\n
\r\n \r\n
\r\n View all
\r\n\r\n
\r\n \r\n \r\n {/* \r\n
\r\n \r\n \r\n e.preventDefault()}\r\n >\r\n Jobs\r\n \r\n e.preventDefault()}\r\n >\r\n Our Courses\r\n \r\n e.preventDefault()}\r\n >\r\n Programmes\r\n \r\n e.preventDefault()}\r\n >\r\n Know Us More\r\n \r\n {/* */}\r\n e.preventDefault()}\r\n >\r\n What's News\r\n \r\n e.preventDefault()}\r\n >\r\n ITV\r\n \r\n {/* props.logout()}\r\n >\r\n \r\n Hi, {props.USER ? props.USER.Name:\"\"}\r\n */}\r\n {/* props.logout()}\r\n >\r\n \r\n {props.USER ? props.USER.MobileNo:\"\"}\r\n */}\r\n props.logout()}\r\n >\r\n Logout\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n props.history.push(\r\n `${process.env.PUBLIC_URL}/Career/profile`\r\n )\r\n }\r\n className=\"h-50px w-50px m-auto rounded-full\"\r\n />\r\n\r\n {\r\n dropdownPopoverShow\r\n ? closeDropdownPopover()\r\n : openDropdownPopover();\r\n }}\r\n >\r\n {!dropdownPopoverShow && (\r\n
\r\n \r\n \r\n
\r\n\r\n Menu
\r\n\r\n
\r\n \r\n }\r\n open={this.props.ShowMobileHamburger}\r\n onSetOpen={this.onSetSidebarOpen}\r\n styles={{ sidebar: { background: \"white\" } }}\r\n >\r\n {/* */}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","import { requests } from '../index';\r\nimport axios from 'axios';\r\nimport URLS from \"../endPoints\";\r\nlet Search = {}\r\n\r\nSearch.SearchSuggestion = async (payload) => await requests.post(URLS.magUrl.searchsuggestionApi,payload) //api call\r\n\r\n\r\nexport default Search","import { createSlice } from \"@reduxjs/toolkit\";\r\nimport SearchApis from \"api/Search/Search\"\r\n\r\n\r\nconst initialCoursestate = {\r\n SUGGESTIONS: \"\",\r\n}\r\n\r\nconst slice = createSlice({\r\n name: \"Search\",\r\n initialState: {\r\n Search: initialCoursestate,\r\n },\r\n reducers: {\r\n getSUGGESTIONS: (state, action) => {\r\n \r\n state.Search.SUGGESTIONS = action.payload\r\n }\r\n }\r\n\r\n})\r\nexport default slice.reducer;\r\n\r\nconst {getSUGGESTIONS} = slice.actions\r\n\r\n export const getSUGGESTIONAction = (payload) => async dispatch => {\r\n try {\r\n\r\n let response = await SearchApis.SearchSuggestion(payload)\r\n await dispatch(getSUGGESTIONS(response))\r\n\r\n return await returnCode(response)\r\n } catch (error) {\r\n return console.error(error.message)\r\n }\r\n }\r\n\r\n function returnCode(response) {\r\n if (response.ResponseCode == 100 || 200) {\r\n return response;\r\n } else if (response.ResponseCode == 103) {\r\n return 103;\r\n } else {\r\n return 101;\r\n }\r\n }","import React, { Component, useState } from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nimport { Search, Bell, AlignJustify } from \"react-feather\";\r\nimport Logo from \"assets/img/logo.png\";\r\nimport LoginPopup from \"./components/LoginPopup\";\r\nimport NotificationSidebar from \"./components/NotificationSidebar\";\r\nimport UserDropdown from \"./components/UserDropdown\";\r\nimport MenuDropdown from \"./MenuDropdown\";\r\nimport MobileHamburgerSidebar from \"components/Navbars/components/MobileHamburgerSidebar\";\r\nimport threeD from \"components/Navbars/img/threeD.png\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { getUserSingleUserJourneyAction } from \"store/notifcation\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSUGGESTIONAction } from \"store/Search\";\r\nimport Autosuggest from \"react-autosuggest\";\r\nconst renderSuggestion = (suggestion) => \r\n
\r\n\r\n \r\n
\r\n \r\n Jobs
\r\n\r\n
\r\n \r\n\r\n Our Courses
\r\n\r\n
\r\n \r\n\r\n Programmes
\r\n\r\n
\r\n \r\n\r\n Know Us More
\r\n\r\n
\r\n \r\n\r\n What's New
\r\n\r\n
\r\n \r\n\r\n iTV
\r\n\r\n
\r\n Contact Us
\r\n\r\n
\r\n \r\n 
\r\n
\r\n Logout
\r\n{suggestion}
;\r\nconst getSuggestionValue = (suggestion) => suggestion;\r\nclass Navigation extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isExpanded: false,\r\n shownotification: false,\r\n ShowMobileHamburger: false,\r\n Suggestions: [],\r\n value: \"\",\r\n };\r\n }\r\n componentDidMount() {\r\n this.getSuggestions(\"client\");\r\n }\r\n onSuggestionsClearRequested() {\r\n this.setState({\r\n Suggestions: [],\r\n });\r\n }\r\n onSuggestionsFetchRequested({ value }) {\r\n this.setState({\r\n suggestions: this.getSuggestions(value),\r\n });\r\n // this.setState({\r\n // Suggestions: this.getSuggestions(value),\r\n // });\r\n }\r\n async getSuggestions(value) {\r\n try {\r\n let Suggestions = [];\r\n const inputValue = value.trim().toLowerCase();\r\n const inputLength = inputValue.length;\r\n let response = await this.props.getSUGGESTION({ keyword: \"w\" });\r\n if (response) {\r\n Suggestions = response.Data;\r\n }\r\n\r\n return inputLength === 0 ? [] : Suggestions;\r\n // return Suggestions;\r\n } catch (e) {\r\n // console.log(e);\r\n }\r\n }\r\n onChange = (event, { newValue }) => {\r\n this.setState({\r\n value: newValue,\r\n });\r\n };\r\n\r\n async UserJoruneyDetails() {\r\n let payload = {\r\n HcId: this.props.Auth.HCID ? this.props.Auth.HCID : null,\r\n };\r\n let response = await this.props.getUserSingleUserJourneyAction(payload);\r\n }\r\n render() {\r\n const { value, Suggestions } = this.state;\r\n const inputProps = {\r\n placeholder: \"Search for jobs events or programs\",\r\n className:\r\n \"cust-search500 cust-shadow-md fsize16 py-4 px-6 rounded-full \",\r\n value,\r\n name: \"search\",\r\n onChange: this.onChange,\r\n };\r\n return (\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 Auth: state.Auth.user,\r\n notification: state.NOTIFICATION.notification.SINGLEUSERJOURNEY,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSUGGESTION: async (payload) =>\r\n await dispatch(getSUGGESTIONAction(payload)),\r\n getUserSingleUserJourneyAction: async (payload) =>\r\n await dispatch(getUserSingleUserJourneyAction(payload)),\r\n getSUGGESTION: async (payload) =>\r\n await dispatch(getSUGGESTIONAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Navigation);\r\n","import React, { Component } from \"react\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport ApplicNavbar from \"./ApplicNavbar.js\";\r\n\r\nimport \"./navbar.scss\";\r\nclass Navbar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n <>\r\n {/* Navbar */}\r\n \r\n
\r\n {/* End Navbar */}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {};\r\n};\r\nexport default connect(mapStateToProps, null)(Navbar);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\n\r\nimport { Modal } from \"react-responsive-modal\";\r\nimport \"react-responsive-modal/styles.css\";\r\nimport shareto from \"views/job-details/img/upload.png\";\r\nimport referingbanner from \"views/job-details/img/referingbanner.png\";\r\nimport pin from \"views/job-details/img/pin.svg\";\r\nimport checksuccess from \"views/job-details/img/checksuccess.png\";\r\nclass ReferFriendPopup extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isSuccess: false };\r\n // console.log(props.showRefer);\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n {!this.state.isSuccess && (\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ReferFriendPopup;\r\n","import React, { Component } from \"react\";\r\nimport relationshipbanner from \"views/job-details/img/relationship-img.png\";\r\nimport defaultImage from \"../../../assets/img/defaultjob.png\";\r\nimport banner from \"../../../assets/img/bnrS.png\";\r\nimport bookmark from \"views/job-details/img/bookmark.png\";\r\nimport share from \"views/job-details/img/sharing.png\";\r\nimport ApplicNavbar from \"components/Navbars/ApplicantNavbar.js\";\r\nimport ReferFriendPopup from \"./ReferFriendPopup\";\r\nimport JobDetailsApplyPopup from \"./JobDetailsApplyPopup\";\r\nimport { connect } from \"react-redux\";\r\nimport { AddBookmarkACTION } from \"store/Bookmark\";\r\nimport LoginPopup from \"components/Navbars/components/LoginPopup\";\r\n// import RelationshipBanner from \"views/know-us-more/components/RelationshipBanner\";\r\nclass RelationshipBanner extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.handler = this.handler.bind(this);\r\n this.state = {\r\n isrefermodalopen: false,\r\n isapplymodalopen: false,\r\n jobdetails: 0,\r\n isvideo: false,\r\n playing: false,\r\n };\r\n this.onclose = this.onclose.bind(this);\r\n }\r\n async onBookMark(ev, id) {\r\n // ev.target.src =\r\n let payload = {\r\n user_id: this.props.Auth.MGID,\r\n job_id: id,\r\n };\r\n let response = await this.props.AddBookmark(payload);\r\n // if(response.ResponseCode == 100){\r\n // // ev.target.src = defaultjob;\r\n // }\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = defaultImage;\r\n // className = \"bg-red w-full\";\r\n }\r\n\r\n onclose() {\r\n this.setState({ isrefermodalopen: false });\r\n }\r\n handler() {\r\n this.setState({\r\n isapplymodalopen: false,\r\n });\r\n }\r\n\r\n footerApply() {\r\n this.setState({ isapplymodalopen: true, jobdetails: 1 });\r\n }\r\n\r\n async componentDidMount() {\r\n // let id = this.props.id\r\n // console.log(id);\r\n // let HcToken = await Token.getToken();\r\n // store.dispatch(setHcToken(HcToken));\r\n // let MgToken = await Token.getTokenMagitt();\r\n // store.dispatch(setMgToken(MgToken));\r\n // let response = await this.props.getdetailsaction(id);\r\n // // console.log(response.Data[0])\r\n // this.setState({ jobdetails: response.Data[0] });\r\n // if (this.state.jobdetails.f_mediaType !== \"image\") {\r\n // this.setState({ isvideo: false });\r\n // }\r\n // console.log(this.state.jobdetails);\r\n }\r\n render() {\r\n const { jobdetails } = this.state;\r\n return (\r\n \r\n
\r\n )}\r\n {this.state.isSuccess && (\r\n \r\n
\r\n\r\n \r\n Help your friend get a career at ICICI\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n Referring Job
\r\n\r\n\r\n
\r\n \r\n Phone Banking Officer\r\n
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n Required Experience:\r\n \r\n {\" \"}\r\n 1-3 years\r\n \r\n
\r\n\r\n Education:\r\n CA\r\n
\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n Mumbai
\r\n3d ago
\r\n\r\n View Details\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n Referral Success\r\n
\r\n\r\n \r\n REFER ANOTHER FRIEND\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 Auth: state.Auth.user,\r\n previewjob: state.SingleJob.home.CURRENTJOB,\r\n };\r\n};\r\n// export default RelationshipBanner;\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n AddBookmark: async (payload) => await dispatch(AddBookmarkACTION(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(RelationshipBanner);\r\n","import React, {Component, useRef, useState } from \"react\";\r\nimport arrowleft from \"views/job-details/img/story/leftarrow.png\";\r\nimport arrowright from \"views/job-details/img/story/rightarrow.png\";\r\nimport story1 from \"views/job-details/img/story/story1.png\";\r\nimport story2 from \"views/job-details/img/story/story2.png\";\r\nimport story3 from \"views/job-details/img/story/story3.png\";\r\nimport story4 from \"views/job-details/img/story/story4.png\";\r\nimport story5 from \"views/job-details/img/story/story5.png\";\r\nimport playbutton from \"views/job-details/img/story/play-button.svg\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass IndiaStory extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n {/* \r\n {\" \"}\r\n 0\r\n // ? process.env.REACT_APP_IMAGE_BASE_MG +\r\n // \"\" +\r\n // this.props.previewjob.Data[0].f_path\r\n // : \"\"\r\n // : \"\"\r\n // : \"\"\r\n // }\r\n src={banner}\r\n alt=\"relationshipbanner\"\r\n // className=\"w-full maxh-420px sm-h-150px object-cover \" //Push check\r\n className=\"w-full\"\r\n />\r\n
\r\n\r\n \r\n {/*
\r\n\r\n {/* \r\n
*/}\r\n\r\n {/* \r\n {this.props.previewjob\r\n ? this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].f_title\r\n : \"\"\r\n : \"\"}\r\n
\r\n\r\n {this.props.previewjob\r\n ? this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].f_short_description\r\n : \"\"\r\n : \"\"}\r\n
\r\n\r\n \r\n this.props.isAlreadyApplied\r\n ? \"\"\r\n : this.setState({ isapplymodalopen: true, jobdetails: 1 })\r\n }\r\n >\r\n {this.props.isAlreadyApplied ? \"Applied\" : \"APPLY NOW\"}\r\n \r\n
*/}\r\n \r\n
*/}\r\n \r\n {\r\n this.onBookMark(e, this.props.previewjob.Data[0].f_jobId);\r\n }}\r\n src={bookmark}\r\n className=\"mob-w10\"\r\n />\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Category
\r\n\r\n {this.props.previewjob && this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].Department\r\n ? this.props.previewjob.Data[0].Department\r\n : \"NA\"\r\n : \"NA\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Job Type
\r\n\r\n {this.props.previewjob &&\r\n this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].JobType\r\n : \"NA\"}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Experience ( In Years )\r\n
\r\n\r\n {this.props.previewjob &&\r\n this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].Experience\r\n : \"NA\"}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n Level
\r\n\r\n {this.props.previewjob &&\r\n this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].Grade\r\n ? this.props.previewjob.Data[0].Grade\r\n : \"NA\"\r\n : \"NA\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Location\r\n
\r\n\r\n {this.props.previewjob &&\r\n this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].Location\r\n ? this.props.previewjob.Data[0].Location\r\n : \"NA\"\r\n : \"NA\"}\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 IndiaStory;","import React,{Component} from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\n//import images\r\nimport banner1 from \"views/job-details/img/business/business1.png\";\r\nimport banner2 from \"views/job-details/img/business/business2.png\";\r\nimport playbutton from \"views/job-details/img/business/play-button.png\";\r\nimport check from \"views/job-details/img/business/check.png\";\r\n// install Swiper modules\r\nimport { Maximize } from \"react-feather\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\nimport { getDetailsAction } from \"store/JobList\";\r\nimport {withRouter} from \"react-router\"\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobdetails:''\r\n };\r\n }\r\n async componentDidMount() {\r\n // let id = this.props.match.params.id;\r\n let id = this.props.id\r\n let HcToken = await Token.getToken();\r\n store.dispatch(setHcToken(HcToken));\r\n let MgToken = await Token.getTokenMagitt();\r\n store.dispatch(setMgToken(MgToken));\r\n let response = await this.props.getdetailsaction(id);\r\n // console.log(response.Data[0])\r\n this.setState({jobdetails:response.Data[0]})\r\n\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n INDIA STORY
\r\n\r\n The Micro, Small and Medium Enterprises (MSME) have emerged as a\r\n vibrant and dynamic sector of the Indian economy\r\n
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ₹15L Cr+
\r\n\r\n Lending Opportunities\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n 29%
\r\nof GDP
\r\n\r\n
\r\n\r\n \r\n
\r\n 40%
\r\nof Exports
\r\n\r\n
\r\n \r\n
\r\n 63M
\r\n\r\n MSME in India\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Banks Partner MSME
\r\n\r\n in their growth story offering mutiple products and\r\n services across life stages of the organisation\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Business Loan
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit.\r\n Voluptatem accus antium doloremque\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Wealth Services
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit.\r\n Voluptatem accus antium doloremque\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Banking, Payment & Collection\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit.\r\n Voluptatem\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Trade Products & Services\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit.\r\n Voluptatem accus antium doloremque\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n \r\n getdetails: state.DETAILS.details.JOBDETAILS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getdetailsaction: async (id) => await dispatch(getDetailsAction(id)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/thumbs/thumbs.min.css\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\n// import { getDetailsAction } from \"store/jobDetails\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Navigation, Thumbs } from \"swiper/core\";\r\nimport videoSlider1 from \"views/job-details/img/videoslider/video1.png\";\r\nimport videoSlider2 from \"views/job-details/img/videoslider/play-button.svg\";\r\nimport settingicon from \"views/job-details/img/factorcards/setting.png\";\r\n\r\nimport communication from \"views/job-details/img/factorcards/communication.png\";\r\nimport network from \"views/job-details/img/factorcards/network.png\";\r\nimport XMLID_2529_ from \"views/job-details/img/factorcards/XMLID_2529_.png\";\r\nimport document from \"views/job-details/img/factorcards/document.png\";\r\nimport art from \"views/job-details/img/factorcards/art.png\";\r\n// install Swiper modules\r\nSwiperCore.use([Navigation, Thumbs]);\r\n\r\nexport default function App() {\r\n const [thumbsSwiper, setThumbsSwiper] = useState(null);\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\n \r\n Business Loans Group\r\n
\r\n\r\n We constantly innovate and service over{\" \"}\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n 
\r\n
\r\n\r\n \r\n Through our wide distribution of branches across the\r\n country, our team of dedicated Relationship Managers{\" \"}\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Our processes have one of the lowest turnaround times\r\n amongst competition.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n We have a superior edge in use of technology & digital to\r\n help customers transact with ease\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Business Loans Group\r\n
\r\n\r\n We constantly innovate and service over{\" \"}\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Through our wide distribution of branches across the\r\n country, our team of dedicated Relationship Managers{\" \"}\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Our processes have one of the lowest turnaround times\r\n amongst competition.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n We have a superior edge in use of technology & digital to\r\n help customers transact with ease\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n View Fullscreen\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport relationshipbanner from \"views/job-details/img/relationship-img.png\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\nimport { getDetailsAction } from \"store/JobList\";\r\n\r\n\r\nclass EmployeeCard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobdetails:'',\r\n isvideo:false,\r\n playing:false,\r\n };\r\n }\r\n async componentDidMount() {\r\n // let id = this.props.match.params.id;\r\n let id = this.props.id\r\n let HcToken = await Token.getToken();\r\n store.dispatch(setHcToken(HcToken));\r\n let MgToken = await Token.getTokenMagitt();\r\n store.dispatch(setMgToken(MgToken));\r\n let response = await this.props.getdetailsaction(id);\r\n // console.log(response.Data[0])\r\n this.setState({jobdetails:response.Data[0]})\r\n if(this.state.jobdetails.f_mediaType !== 'image'){\r\n this.setState({isvideo:false})\r\n }\r\n }\r\n render() {\r\n const { jobdetails } = this.state;\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n CHECK OUT ITV\r\n \r\n
\r\n VIDEO ON BUSINESS LOANS
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n In-branch Video Banking\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n In-branch Video Banking\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* factoers card */}\r\n \r\n A Paragraph can go here\r\n
\r\n\r\n Participants will be shortlisted on merit and will be invited for\r\n the selection process. Shortlisted participants will have to go\r\n through the below mentioned selection stages:\r\n
\r\n\r\n\r\n
\r\n \r\n Entrance test -\r\n \r\n The entrance test aims at measuring the aptitude of the\r\n participants through verbal ability, numerical ability and\r\n logical reasoning.\r\n \r\n
\r\n\r\n\r\n Group discussion stage -\r\n \r\n Participants clearing the aptitude test will be invited for case\r\n based group discussion. The group discussions are mainly\r\n conducted to judge participants on their analytical thinking,\r\n approach adapted to business situations and the ability to break\r\n down complex problems to arrive at solutions.\r\n \r\n
\r\n\r\n\r\n Psychrometric Profiling / Personal Interview -\r\n \r\n Applicant clearing GD stage will be eligible for the Personal\r\n Interview Stage.\r\n \r\n
\r\n\r\n {\" \"}\r\n
\r\n \r\n
\r\n Few success factors
\r\n\r\n \r\n 
\r\n \r\n\r\n \r\n 
\r\n \r\n\r\n \r\n 
\r\n \r\n\r\n \r\n 
\r\n \r\n\r\n \r\n 
\r\n \r\n\r\n \r\n 
\r\n \r\n
\r\n \r\n Service Orientation\r\n
\r\n\r\n Passion to meet customers\r\n
\r\n\r\n Work with cross functional teams\r\n
\r\n\r\n Analytical mindset\r\n
\r\n\r\n Analyse financial statements\r\n
\r\n\r\n Quick learner\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 \r\n getdetails: state.DETAILS.details.JOBDETAILS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getdetailsaction: async (id) => await dispatch(getDetailsAction(id)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EmployeeCard);\r\n","import React, { Component } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\nimport { getDetailsAction } from \"store/JobList\";\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport bookmark from \"views/know-us-more/img/bookmark.svg\";\r\nimport TrendingJobs1 from \"views/know-us-more/img/portfolio/t1.png\";\r\nimport TrendingJobs2 from \"views/know-us-more/img/portfolio/t2.png\";\r\nimport TrendingJobs3 from \"views/know-us-more/img/portfolio/t3.png\";\r\nimport TrendingJobs4 from \"views/know-us-more/img/portfolio/t4.png\";\r\n// install Swiper modules\r\nimport pin from \"views/know-us-more/img/pin.svg\";\r\n\r\n// import Swiper core and required modules\r\nimport { Link } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nclass KnowUsMore extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n arr: [],\r\n ptag: \"\",\r\n currentPortfolio: [],\r\n currentPageNo: 1,\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {jobdetails.Department || 'Commercial Banking'}\r\n
\r\n\r\n {jobdetails.JobTitle}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Experience
\r\n\r\n {jobdetails.Experience || '0'} Years\r\n
\r\n\r\n
\r\n \r\n
\r\n Location
\r\n\r\n {jobdetails.Location || 'UNKNOWN'}\r\n
\r\n\r\n
\r\n \r\n
\r\n Level
\r\n\r\n Fresher\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n VIEW SIMILAR Jobs
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {datajobs.f_title}\r\n
\r\n\r\n
\r\n \r\n Job\r\n
{\" \"}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {datajobs.f_title}\r\n
\r\n\r\n {/* Required Experience:{\" \"} */}\r\n \r\n {datajobs.f_short_description}\r\n \r\n
\r\n {/*\r\n Education: CA\r\n
*/}\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n India
\r\n\r\n {\" \"}\r\n {moment(datajobs.f_createdDate).fromNow()}\r\n
\r\n\r\n \r\n Apply now\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 knowusmore: state.SingleJob.home.RELATEDJOBS,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(KnowUsMore);\r\n","import React, { useRef, useState } from \"react\";\r\nimport JobDetailsApplyPopup from \"../../job-details/components/JobDetailsApplyPopup\";\r\n\r\nimport twitter from \"../../home/img/social/twitter.png\";\r\nimport facebook from \"../../home/img/social/facebook.png\";\r\nimport instagram from \"../../home/img/social/instagram.png\";\r\nimport linkedin from \"../../home/img/social/linkedin.png\";\r\n\r\nexport default function Skeleton(props) {\r\n return (\r\n <>\r\n \r\n {/*
\r\n \r\n );\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport bookmark from \"../img/bookmark.svg\";\r\nimport TrendingJobs3 from \"../img/trending3.png\";\r\nimport TrendingJobs2 from \"../img/trending2.png\";\r\nimport TrendingJobs4 from \"../img/trending4.png\";\r\nimport TrendingJobs1 from \"../img/trending1.png\";\r\n// install Swiper modules\r\nimport pin from \"../img/pin.svg\";\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nexport default function App() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Explore more career opportunities\r\n
\r\n\r\n
\r\n \r\n this.setState({ isOpenRejectModal: false })}\r\n center\r\n closeIcon={closeIcon}\r\n >\r\n\r\n */}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n previewjob: state.SingleJob.home.CURRENTJOB,\r\n ApplicationSummary: state.SingleJob.home.APPLICATIONSUMMARY,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n SaveDetails: async (payload) => await dispatch(saveRegister(payload)),\r\n getSingleJobAction: async (payload) =>\r\n await dispatch(getSingleJobAction(payload)),\r\n getRelatedJobs: async (payload) => await dispatch(getRelatedJobs(payload)),\r\n getapplicationSummary: async (payload) =>\r\n await dispatch(getapplicationSummary(payload)),\r\n setLoader: async (flag) => await dispatch(setLoader(flag)),\r\n };\r\n};\r\n\r\n// const mapStateToProps = (state) => {\r\n// return {\r\n// Auth: state.Auth.user,\r\n// previewjob:state.SingleJob.home.CURRENTJOB\r\n// }\r\n// }\r\n\r\n// const mapDispatchToProps = (dispatch) => {\r\n// return {\r\n// getSingleJobAction: async (payload) =>\r\n// await dispatch(getSingleJobAction(payload)),\r\n// getRelatedJobs: async (payload) =>\r\n// await dispatch(getRelatedJobs(payload)),\r\n\r\n// };\r\n// };\r\n// export default connect(mapStateToProps, mapDispatchToProps,null,{forwardRef:true})(Login);\r\nexport default connect(mapStateToProps, mapDispatchToProps, null, {\r\n forwardRef: true,\r\n})(JobDetails);\r\n","import React from \"react\";\r\nimport { BottomSheet } from \"react-spring-bottom-sheet\";\r\nimport { Search, MapPin } from \"react-feather\";\r\nimport { Input } from \"reactstrap\";\r\n// \r\nimport \"react-spring-bottom-sheet/dist/style.css\";\r\n\r\nexport default class Test extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n bottomSheet: false,\r\n onDismiss: false,\r\n };\r\n }\r\n onDismiss() {\r\n this.setState({ bottomSheet: false });\r\n\r\n // setOpen(false);\r\n }\r\n toggleBottomSheet() {\r\n let obj = this.state.bottomSheet\r\n ? { bottomSheet: false }\r\n : { bottomSheet: true };\r\n this.setState(obj);\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n featuredjobs: state.Home.home.FEATUREDJOB,\r\n Auth: state.Auth.user,\r\n maingroup: state.DETAILS.details.MainGroup,\r\n searchresult: state.DETAILS.details.SearchResult,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getAllSearchResultsAction: async (payload) => {\r\n await dispatch(getAllSearchResultsAction(payload));\r\n },\r\n mainGroupAction: async () => {\r\n await dispatch(mainGroupAction());\r\n },\r\n AddBookmark: async (payload) => await dispatch(AddBookmarkACTION(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AllJobs);\r\n","import React from \"react\";\r\n\r\n//component\r\n\r\nimport JobListingBanner from \"views/job-listing/components/JobListingBanner\";\r\nimport FooterSection from \"views/home/components/FooterSection\";\r\nimport AllJobs from \"views/job-listing/components/AllJobs\";\r\n// import \"../css/Index.css\";\r\nimport Token from \"api/Auth/auth\";\r\nimport store from \"store.js\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport { connect } from \"react-redux\";\r\nimport { getMoreJobsOnScrollAction } from \"store/Home\";\r\nimport { getAllSearchResultsAction, mainGroupAction } from \"store/JobList\";\r\n\r\nclass JobDetails extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobs: [],\r\n };\r\n }\r\n async componentDidMount() {\r\n try {\r\n const payload = {\r\n From: 1,\r\n PageNo: 0,\r\n limit: 5,\r\n };\r\n let HcToken = await Token.getToken();\r\n store.dispatch(setHcToken(HcToken));\r\n let MgToken = await Token.getTokenMagitt();\r\n store.dispatch(setMgToken(MgToken));\r\n let getMoreJobResponse = await this.props.getMoreJobsOnScrollAction(\r\n payload\r\n );\r\n this.setState({ jobs: getMoreJobResponse.Data });\r\n let res = await this.props.mainGroupAction();\r\n // this.setState({\r\n // maingroup:this.props.maingroup\r\n // })\r\n } catch (error) {}\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n {/* \r\n
\r\n );\r\n }\r\n // */}\r\n
\r\n {/* \r\n
\r\n \r\n {/*\r\n \r\n\r\n {/* {this.props.previewjob && this.props.previewjob.Data ? ( */}\r\n
\r\n {/* ) : ( */}\r\n {/* \"\" */}\r\n {/* )} */}\r\n {/* \r\n \r\n \r\n */}\r\n \r\n
\r\n Programme details
\r\n\r\n The Post Graduate Diploma in Banking & Finance with ICICI Bank,\r\n co-created by NIIT University (NU) and ICICI Bank, aims to\r\n create a cadre of specialised banking experts. The unique design\r\n of the programme focuses on providing a high degree of industry\r\n exposure by academic and functional experts from the financial\r\n domain and banking industry.\r\n\r\n
\r\nCourse Features
\r\n\r\n
\r\n \r\n {/* https://ibb.co/pfRnKQN https://ibb.co/K2ML34L\r\n https://ibb.co/C1TqWj9 https://ibb.co/qyQ93qh\r\n https://ibb.co/qk6C5Sp */}{\" \"}\r\n 
\r\n
\r\n Curriculum
\r\n\r\n The Programme will have blended curriculum entailing\r\n classroom sessions, virtual learning & internship.\r\n
\r\n\r\n {\" \"}\r\n 
\r\n
\r\n Courses
\r\n\r\n The Programme will impart knowledge & skills in general\r\n management, core banking, core finance and economics and\r\n specialised courses in banking.\r\n
\r\n\r\n {\" \"}\r\n 
\r\n
\r\n Fee Details
\r\n\r\n INR 3,95,000 for the full year programme. The Fee includes\r\n tuition & hostel fee which can be self funded or can be\r\n funded using educational loan. Each student will be allotted\r\n a single seater standard hostel room.\r\n
\r\n\r\n
\r\n \r\n {\" \"}\r\n 
\r\n
\r\n Theory and practice
\r\n\r\n The Programme is designed with the view to providing the\r\n {/* students with the optimum blend of theory and practice. \r\n
Term 1 & 2 (6 months) – Classroom training (at NIIT University)
\r\n \r\n Term 3 & 4 (6 months) – Internship at ICICI Bank */}\r\n students with the optimum blend of theory and practice.\r\n\r\n Term 1 & 2 (6 months) –\r\n Classroom training (at NIIT University)\r\n
\r\n Term 3 & 4 (6 months) –\r\n Internship at ICICI Bank\r\n\r\n \r\n\r\n {\" \"}\r\n 
\r\n
\r\n Training Stipend
\r\n\r\n The PGD students would be paid a monthly stipend during the\r\n {/* training to meet their out of pocket expenses \r\n
Term 1 & 2 - Rs. 10,000/- per month
\r\n Term 3 & 4 - Rs. 50,000/- per month */}\r\n training to meet their out of pocket expenses\r\n\r\n Term 1 & 2 - Rs. 10,000/-{\" \"}\r\n per month{\" \"}\r\n
\r\n Term 3 & 4 - Rs. 50,000/-{\" \"}\r\n per month\r\n \r\n\r\n \r\n\r\n {/* On successful completion of the Programme the students would get the opportunity to join as Manager at ICICI Bank with gross salary between INR 12 - 14 Lakhs per annum (CTC). */}\r\n On successful completion of the Programme the students would get\r\n the opportunity to join as Manager at ICICI Bank with gross\r\n salary between INR 12 - 14 Lakhs per annum (CTC).\r\n\r\n
\r\n\r\n {/* If you are interested in applying please share your details and click on enroll now to fill your application form for the programme */}\r\n If you are interested in applying please share your details and\r\n click on enroll now to fill your application form for the\r\n programme\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
*/}\r\n {/* \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
*/}\r\n \r\n \r\n
\r\n \r\n
*/}\r\n \r\n \r\n lastSnap ?? Math.min(...snapPoints)\r\n }\r\n snapPoints={({ maxHeight }) => [\r\n maxHeight - maxHeight / 5,\r\n maxHeight * 0.6,\r\n ]}\r\n onDismiss={() => this.onDismiss()}\r\n open={this.state.bottomSheet}\r\n >\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n// Import Swiper styles\r\nimport FilterBottomSheets from \"views/ITV-details/components/FilterBottomSheets\";\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/effect-fade/effect-fade.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { EffectFade, Navigation, Pagination } from \"swiper/core\";\r\nimport banner1 from \"views/job-listing/img/banner.png\";\r\n// install Swiper modules\r\nSwiperCore.use([EffectFade, Navigation, Pagination]);\r\n\r\nexport default function App() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n Filters
\r\nClear all
\r\n\r\n {\r\n this.setState({ search: e.target.value });\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n Domain
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n {/* type */}\r\n Category
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 0
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 5
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 2
\r\n\r\n
\r\n Type
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 0
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 5
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 2
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { BottomSheet } from \"react-spring-bottom-sheet\";\r\nimport { Search, MapPin } from \"react-feather\";\r\nimport { Input } from \"reactstrap\";\r\n// \r\nimport \"react-spring-bottom-sheet/dist/style.css\";\r\nexport default class Test extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n bottomSheet: false,\r\n onDismiss: false,\r\n };\r\n }\r\n onDismiss() {\r\n this.setState({ bottomSheet: false });\r\n\r\n // setOpen(false);\r\n }\r\n toggleBottomSheet() {\r\n let obj = this.state.bottomSheet\r\n ? { bottomSheet: false }\r\n : { bottomSheet: true };\r\n this.setState(obj);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n Lorem ipsum dolor\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium doloremque laudantium\r\n
\r\n\r\n
\r\n \r\n Lorem ipsum dolor\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium doloremque laudantium\r\n
\r\n\r\n
\r\n \r\n Lorem ipsum dolor\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium doloremque laudantium\r\n
\r\n\r\n \r\n lastSnap ?? Math.min(...snapPoints)\r\n }\r\n snapPoints={({ maxHeight }) => [\r\n maxHeight - maxHeight / 5,\r\n maxHeight * 0.6,\r\n ]}\r\n onDismiss={() => this.onDismiss()}\r\n open={this.state.bottomSheet}\r\n >\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nimport { Search, MapPin } from \"react-feather\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SearchResults from \"react-filter-search\";\r\n//IMG\r\nimport FilterBottomSheets from \"views/job-listing/components/FilterBottomSheets\";\r\nimport bookmark from \"views/job-listing/img/bookmark.svg\";\r\nimport search from \"views/job-listing/img/search.png\";\r\nimport pin from \"views/job-listing/img/pin.svg\";\r\nimport moment from \"moment\";\r\nimport filter from \"views/job-listing/img/filter.png\";\r\nimport img from \"views/job-listing/img/phoneofficer.png\";\r\nimport Token from \"api/Auth/auth\";\r\nimport store from \"store.js\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport { connect } from \"react-redux\";\r\nimport { AddBookmarkACTION } from \"store/Bookmark\";\r\nimport { getAllSearchResultsAction, mainGroupAction } from \"store/JobList\";\r\n\r\nclass AllJobs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobs: [\r\n {\r\n id: 1,\r\n img: require(\"views/job-listing/img/privilagebanker.png\"),\r\n title: \"Privilege Banker\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 2,\r\n img: require(\"views/job-listing/img/phoneofficer.png\"),\r\n title: \"Phone Banking Officer\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 3,\r\n img: require(\"views/job-listing/img/wealthmanager.png\"),\r\n title: \"Wealth Manager\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 4,\r\n img: require(\"views/job-listing/img/privilagebanker.png\"),\r\n title: \"Privilege Banker\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 5,\r\n img: require(\"views/job-listing/img/inform-architech.png\"),\r\n title: \"Information Architech\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 6,\r\n img: require(\"views/job-listing/img/salesmanager.png\"),\r\n title: \"Sales Manager\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 7,\r\n img: require(\"views/job-listing/img/securittyenginner.png\"),\r\n title: \"Security Engineer\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 8,\r\n img: require(\"views/job-listing/img/inform-architech.png\"),\r\n title: \"Information Architech\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 9,\r\n img: require(\"views/job-listing/img/privilagebanker.png\"),\r\n title: \"Privilege Banker\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 10,\r\n img: require(\"views/job-listing/img/phoneofficer.png\"),\r\n title: \"Phone Banking Officer\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 11,\r\n img: require(\"views/job-listing/img/wealthmanager.png\"),\r\n title: \"Wealth Manager\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 12,\r\n img: require(\"views/job-listing/img/privilagebanker.png\"),\r\n title: \"Privilege Banker\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 5,\r\n img: require(\"views/job-listing/img/inform-architech.png\"),\r\n title: \"Information Architech\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 6,\r\n img: require(\"views/job-listing/img/salesmanager.png\"),\r\n title: \"Sales Manager\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 7,\r\n img: require(\"views/job-listing/img/securittyenginner.png\"),\r\n title: \"Security Engineer\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n {\r\n id: 8,\r\n img: require(\"views/job-listing/img/inform-architech.png\"),\r\n title: \"Information Architech\",\r\n experience: \"1-3 years\",\r\n education: \"CA\",\r\n location: \"Mumbai\",\r\n day: \"3d ago\",\r\n },\r\n ],\r\n filter: false,\r\n search: \"\",\r\n location: \"\",\r\n category: \"\",\r\n maingroup: \"\",\r\n keyword: \"\",\r\n experience: \"\",\r\n };\r\n\r\n this.bottomSheet = React.createRef();\r\n }\r\n async onBookMark(ev, id) {\r\n // ev.target.src =\r\n let payload = {\r\n user_id: this.props.Auth.MGID,\r\n job_id: id,\r\n };\r\n let response = await this.props.AddBookmark(payload);\r\n // if(response.ResponseCode == 100){\r\n // // ev.target.src = defaultjob;\r\n // }\r\n }\r\n onInputChange = (event) => {\r\n this.setState({\r\n keyword: event.target.value,\r\n maingroup: event.target.value,\r\n });\r\n\r\n if (this.state.keyword.length >= 3 && this.state.maingroup.length >= 3) {\r\n this.searchJob(this.state.keyword, this.state.maingroup);\r\n } else {\r\n //\r\n }\r\n };\r\n\r\n async searchJob(keyword, maingroup) {\r\n let payload = {\r\n userId: 1,\r\n keyword: keyword,\r\n maingroup: maingroup,\r\n };\r\n let getAllSearchResponse = await this.props.getAllSearchResultsAction(\r\n payload\r\n );\r\n }\r\n\r\n //console.log(state.DETAILS.details.SearchResult)\r\n\r\n async componentDidMount() {\r\n // let HcToken = await Token.getToken();\r\n // store.dispatch(setHcToken(HcToken));\r\n // let MgToken = await Token.getTokenMagitt();\r\n // store.dispatch(setMgToken(MgToken));\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = img;\r\n }\r\n\r\n handleFilter() {\r\n if (window.innerWidth > 575) {\r\n this.setState({ filter: !this.state.filter });\r\n } else {\r\n this.bottomSheet.current.toggleBottomSheet();\r\n }\r\n }\r\n\r\n render() {\r\n const { jobs } = this.props;\r\n return (\r\n \r\n
\r\n\r\n Filters
\r\nClear all
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n Job Type
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 5
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 2
\r\n\r\n
\r\n\r\n {/* location */}\r\n Category
\r\n\r\n {this.props.maingroup\r\n ? this.props.maingroup.Data.map((value, index) => (\r\n
\r\n \r\n
\r\n ))\r\n : \"\"}\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n {/* experience */}\r\n \r\n {\r\n this.setState({ location: e.target.value });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 2
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 9
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 6
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 5
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 3
\r\n\r\n
\r\n Show all
\r\n\r\n
\r\n Experience
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 0
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 5
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 2
\r\n\r\n
\r\n \r\n
\r\n \r\n this.handleFilter()}\r\n >\r\n 
\r\n \r\n\r\n
\r\n\r\n FILTERS
\r\n\r\n ALL JOBS\r\n
\r\n\r\n {this.state.filter && (\r\n \r\n {jobs ? (\r\n (\r\n <>\r\n {jobs.map((job, index) => {\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\n Filters\r\n
\r\nClear all
\r\n\r\n
\r\n {this.props.searchresult\r\n ? this.props.searchresult\r\n ? this.props.searchresult.Data\r\n ? this.props.searchresult.Data.map((value, index) => {\r\n return {value.f_title}
;\r\n })\r\n : \"\"\r\n : \"\"\r\n : \"\"}\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n \r\n Job Type\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 5\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 2\r\n
\r\n\r\n
\r\n\r\n {/* location */}\r\n \r\n Category\r\n
\r\n\r\n {this.props.maingroup\r\n ? this.props.maingroup.Data.map((value, index) => (\r\n
\r\n \r\n
\r\n ))\r\n : \"\"}\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n {/* experience */}\r\n \r\n {\r\n this.setState({ location: e.target.value });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 2\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 9\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 6\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 5\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 3\r\n
\r\n\r\n
\r\n \r\n Show all\r\n
\r\n\r\n
\r\n \r\n Experience\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 0\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 5\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 2\r\n
\r\n\r\n
\r\n\r\n \r\n {\r\n this.onBookMark(e, job.f_jobId);\r\n }}\r\n src={bookmark}\r\n alt=\"bookmark\"\r\n className=\"bookmark-t-c\"\r\n />\r\n
\r\n \r\n
\r\n \r\n {job.f_title}\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n Required Experience:\r\n
\r\n\r\n {job.Experience || \"0\"}\r\n
\r\n\r\n
\r\n \r\n Education:\r\n
\r\n\r\n {job.Education || \"ANY\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {job.Location || \"UNKNOWN\"}\r\n
\r\n\r\n \r\n
\r\n \r\n {moment(job.f_createdDate).fromNow()}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n View Details\r\n
\r\n \r\nNO JOBS TO DISPLAY
\r\n )}\r\n\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n getmorejobs: state.Home.home.GETMOREJOBS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getMoreJobsOnScrollAction: async (payload) =>\r\n await dispatch(getMoreJobsOnScrollAction(payload)),\r\n mainGroupAction: async (payload) =>\r\n await dispatch(mainGroupAction(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(JobDetails);\r\n","import React from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/effect-fade/effect-fade.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { EffectFade, Navigation, Pagination } from \"swiper/core\";\r\nimport banner1 from \"views/ilearn/img/banner.png\";\r\n\r\n// install Swiper modules\r\nSwiperCore.use([EffectFade, Navigation, Pagination]);\r\n\r\nexport default function App(props) {\r\n const addDefaultSrc = (ev) => {\r\n ev.target.src = banner1;\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n\r\n - \r\n
- Home / \r\n
- All Jobs \r\n
\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {course.c_title || \"The Course\"}\r\n
\r\n\r\n {course.c_short_description || \"this is short description\"}\r\n
\r\n\r\n \r\n lastSnap ?? Math.min(...snapPoints)\r\n }\r\n snapPoints={({ maxHeight }) => [\r\n maxHeight - maxHeight / 5,\r\n maxHeight * 0.6,\r\n ]}\r\n onDismiss={() => this.onDismiss()}\r\n open={this.state.bottomSheet}\r\n >\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Input } from \"reactstrap\";\r\nimport { Search } from \"react-feather\";\r\n//IMG\r\nimport FilterBottomSheets from \"views/ilearn/components/FilterBottomSheets\";\r\nimport { ChevronLeft } from \"react-feather\";\r\nimport bookmark from \"views/job-listing/img/bookmark.svg\";\r\nimport logo from \"views/ilearn/img/icici.png\";\r\nimport filter from \"views/job-listing/img/filter.png\";\r\nimport TrendingJobs1 from \"views/home/img/courses/course1.png\";\r\nclass IlearnCourses extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobs: [],\r\n filter: false,\r\n };\r\n this.bottomSheet = React.createRef();\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = TrendingJobs1;\r\n }\r\n handleFilter() {\r\n if (window.innerWidth > 575) {\r\n this.setState({ filter: !this.state.filter });\r\n } else {\r\n this.bottomSheet.current.toggleBottomSheet();\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n Filters
\r\nClear all
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n \r\n Course Provider\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n {/* experience */}\r\n Duration
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n Start Date
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 16
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 0
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default withRouter(IlearnCourses);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport IlearnBanner from \"views/ilearn/components/IlearnBanner\";\r\nimport FooterSection from \"views/home/components/FooterSection\";\r\nimport IlearnCourses from \"views/ilearn/components/IlearnCourses\";\r\nimport \"../css/Index.scss\";\r\nimport { GetAllCourseAction } from \"store/Ilearn\";\r\nclass Ilearn extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n courses: [],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n try {\r\n let response = await this.props.getAllCourses();\r\n // console.log(response.data);\r\n if (response.Data) {\r\n this.setState({ courses: response.Data });\r\n }\r\n } catch (error) {}\r\n\r\n // this.props.getAllCourses().then((res) =>{\r\n // this.setState({ courses: res.data.Data });\r\n // })\r\n // .catch((err)=>console.log(err))\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n this.handleFilter()}\r\n >\r\n \r\n \r\n\r\n
\r\n\r\n FILTERS
\r\n\r\n All Courses\r\n
\r\n\r\n {this.state.filter && (\r\n \r\n {this.props.courses.map((val, index) => {\r\n return (\r\n \r\n this.props.history.push(\r\n `${process.env.PUBLIC_URL}/Career/ilearn-details/${val.c_courseId}`\r\n )\r\n }\r\n key={index}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n\r\n \r\n Filters\r\n
\r\nClear all
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n \r\n Course Provider\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n {/* experience */}\r\n \r\n Duration\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n \r\n Start Date\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 0\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n \r\n {val.c_title || \"The Course\"}\r\n
\r\n\r\n {val.c_short_description || \"this is short description\"}\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {`${val.c_short_description}`.split(\"|\")[1] ||\r\n \"6 Courses(12h)\"}\r\n
\r\n\r\n \r\n
\r\n \r\n Starts {val.start_date || \"Now\"}\r\n
\r\n\r\n
\r\n \r\n View Details\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n GETALLCOURSE: state.iLearn.course.ALLCOURSES,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getAllCourses: async () => await dispatch(GetAllCourseAction()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Ilearn);\r\n// export default JobDetails;\r\n","import React from \"react\";\r\n\r\nimport { Modal } from \"react-responsive-modal\";\r\nimport \"react-responsive-modal/styles.css\";\r\nimport shareto from \"views/job-details/img/upload.png\";\r\nimport referingbanner from \"views/job-details/img/referingbanner.png\";\r\nimport pin from \"views/job-details/img/pin.svg\";\r\nconst App = (props) => {\r\n const [open, setOpen] = React.useState(false);\r\n // console.log(props.showRefer);\r\n return (\r\n <>\r\n \r\n
\r\n\r\n - \r\n
- Home / \r\n
- \r\n Business Loans Relationship Manager\r\n \r\n
\r\n
\r\n\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import React, { Component } from \"react\";\r\nimport Banner from \"views/ilearn/ilearndetails/img/banner.png\";\r\nimport coursera from \"views/ilearn/ilearndetails/img/coursera.png\";\r\nimport bookmark from \"views/job-details/img/bookmark.png\";\r\nimport share from \"views/job-details/img/sharing.png\";\r\nimport ReferFriendPopup from \"./ReferFriendPopup\";\r\nimport user from \"views/ilearn/ilearndetails/img/usericon.png\";\r\nclass IlearnBanner extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isrefermodalopen: false,\r\n };\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = Banner;\r\n }\r\n addDefaultInstructorSrc(ev) {\r\n ev.target.src = user;\r\n }\r\n render() {\r\n const Course = this.props.Course;\r\n return (\r\n \r\n
\r\n\r\n \r\n Help your friend get a career at ICICI\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Referring Job
\r\n\r\n\r\n
\r\n Phone Banking Officer
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n Required Experience:\r\n 1-3 years\r\n
\r\n\r\n Education:\r\n CA\r\n
\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n Mumbai
\r\n3d ago
\r\n\r\n View Details\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default IlearnBanner;\r\n","import React, { Component } from \"react\";\r\n\r\nclass BannerDetailsCard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n\r\n \r\n {Course.c_title || \"The Extremes of Life\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Starts{\" \"}\r\n \r\n {Course.start_date || \"Now\"}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {\" \"}\r\n {Course.no_of_courses} Courses ({Course.est_time}h)\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n {`${Course.instructors}`.split(\",\")[0]}{\" \"}\r\n {`${Course.instructors}`.split(\",\").length > 1 ? (\r\n +1 more instructor\r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n\r\n
\r\n \r\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 BannerDetailsCard;\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\n\r\nclass Profile extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isTabOpenNo: 1,\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Flexible deadlines\r\n
\r\n\r\n Reset deadlines in accordance to your schedule.\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Shareable Certificate\r\n
\r\n\r\n Earn a Certificate upon completion\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n 100% Online\r\n
\r\n\r\n Start instantly and learn at your own schedule\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n English\r\n
\r\n\r\n Subtitles: English, French, Portuguese, German\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default Profile;\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport settingicon from \"views/job-details/img/factorcards/setting.png\";\r\n\r\nimport communication from \"views/job-details/img/factorcards/communication.png\";\r\nimport network from \"views/job-details/img/factorcards/network.png\";\r\nimport XMLID_2529_ from \"views/job-details/img/factorcards/XMLID_2529_.png\";\r\nimport document from \"views/job-details/img/factorcards/document.png\";\r\nimport art from \"views/job-details/img/factorcards/art.png\";\r\nclass IlearnSkillGain extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isTabOpenNo: 1,\r\n };\r\n }\r\n render() {\r\n return (\r\n - \r\n
About
\r\n \r\nInstructors
\r\n \r\nSyllabus
\r\n \r\n\r\nEnrollment Options
\r\n \r\n\r\n
\r\n \r\n Indigenous Canada is a 12-lesson Massive Open Online Course (MOOC)\r\n from the Faculty of Native Studies that explores Indigenous\r\n histories and contemporary issues in Canada. From an Indigenous\r\n perspective, this course explores key issues facing Indigenous\r\n peoples today from a historical and critical perspective\r\n highlighting national and local Indigenous-settler relations. Topics\r\n for the 12 lessons include the fur trade and other exchange\r\n relationships, land claims and environmental impacts, legal systems\r\n and rights, political conflicts and alliances, Indigenous political\r\n activism, and contemporary Indigenous life, art and its expressions.\r\n
\r\n\r\n {\" \"}\r\n
\r\n );\r\n }\r\n}\r\nexport default IlearnSkillGain;\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport linkedin from \"views/ilearn/ilearndetails/img/linkedin.png\"; \r\nimport Certificate from \"views/ilearn/ilearndetails/img/award.png\";\r\nclass EnrollmentOptions extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n SKILLS YOU WILL GAIN\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n Service Orientation\r\n
\r\n\r\n Passion to meet customers\r\n
\r\n\r\n Work with cross functional teams\r\n
\r\n\r\n Analytical mindset\r\n
\r\n\r\n Analyse financial statements\r\n
\r\n\r\n Quick learner\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default EnrollmentOptions;\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport { Clock } from \"react-feather\";\r\nimport user from \"views/ilearn/ilearndetails/img/usericon2.png\";\r\nimport EnrollmentOptions from \"views/ilearn/ilearndetails/components/EnrollmentOptions\";\r\nclass IlearnInstructors extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n ENROLLMENT OPTIONS
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Start learning Today\r\n
\r\n\r\n \r\n
\r\n \r\n Financial Aid available\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Shareable on
\r\n\r\n You can share your Course Certificates in the Certifications section\r\n of your LinkedIn profile, on printed resumes, CVs, or other\r\n documents.\r\n
\r\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 IlearnInstructors;\r\n","import React, { useRef, useState } from \"react\";\r\n\r\n// Import Swiper styles\r\nimport story1 from \"views/home/img/employestory/s1.png\";\r\nimport story2 from \"views/home/img/employestory/s2.png\";\r\n\r\nimport story3 from \"views/home/img/employestory/s3.png\";\r\nimport story4 from \"views/home/img/employestory/s4.png\";\r\nimport playbutton from \"views/home/img/videoslider/play-button.svg\";\r\n// install Swiper modules\r\nimport employeestory from \"views/home/img/employestory/testimonial.png\";\r\nimport { connect } from \"react-redux\";\r\n\r\n\r\nclass IlearnEmployeeStory extends React.Component {\r\n\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n Instructors
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n Dr. Tracy Bear\r\n
\r\nAssistant Professor
\r\n\r\n
\r\n \r\n
\r\n \r\n 298,704{\" \"}\r\n \r\n Learners\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 298,704{\" \"}\r\n \r\n Learners\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Dr. Tracy Bear\r\n
\r\nAssistant Professor
\r\n\r\n
\r\n \r\n
\r\n \r\n 298,704{\" \"}\r\n \r\n Learners\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 298,704{\" \"}\r\n \r\n Learners\r\n \r\n
\r\n\r\n
\r\n Syllabus
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n WEEK
\r\n1
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n 2 hours to complete\r\n
\r\n\r\n
\r\n Worldview
\r\n\r\n In this introductory module, students learn the\r\n significance of stories and storytelling in Indigenous\r\n societies. We explore history that comes from Indigenous\r\n worldviews, this includes worldviews from the Inuit,\r\n Nehiyawak, Kanien:keha’ka and Tlingit peoples.\r\n
\r\n\r\n SEE ALL\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n WEEK
\r\n2
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n 2 hours to complete\r\n
\r\n\r\n
\r\n Worldview
\r\n\r\n In this introductory module, students learn the\r\n significance of stories and storytelling in Indigenous\r\n societies. We explore history that comes from Indigenous\r\n worldviews, this includes worldviews from the Inuit,\r\n Nehiyawak, Kanien:keha’ka and Tlingit peoples.\r\n
\r\n\r\n SEE ALL\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n WEEK
\r\n3
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n 2 hours to complete\r\n
\r\n\r\n
\r\n Worldview
\r\n\r\n In this introductory module, students learn the\r\n significance of stories and storytelling in Indigenous\r\n societies. We explore history that comes from Indigenous\r\n worldviews, this includes worldviews from the Inuit,\r\n Nehiyawak, Kanien:keha’ka and Tlingit peoples.\r\n
\r\n\r\n SEE ALL\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n WEEK
\r\n4
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n 2 hours to complete\r\n
\r\n\r\n
\r\n Worldview
\r\n\r\n In this introductory module, students learn the\r\n significance of stories and storytelling in Indigenous\r\n societies. We explore history that comes from Indigenous\r\n worldviews, this includes worldviews from the Inuit,\r\n Nehiyawak, Kanien:keha’ka and Tlingit peoples.\r\n
\r\n\r\n SEE ALL\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n WEEK
\r\n5
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n 2 hours to complete\r\n
\r\n\r\n
\r\n Worldview
\r\n\r\n In this introductory module, students learn the\r\n significance of stories and storytelling in Indigenous\r\n societies. We explore history that comes from Indigenous\r\n worldviews, this includes worldviews from the Inuit,\r\n Nehiyawak, Kanien:keha’ka and Tlingit peoples.\r\n
\r\n\r\n SEE ALL\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default IlearnEmployeeStory;\r\n","import React, { Component } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { GETCOURSEBYIDACTION } from \"store/Ilearn\";\r\nimport { connect } from \"react-redux\";\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { Bookmark, MapPin, ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport courseslogo from \"views/home/img/courses/courselogo.png\";\r\nimport TrendingJobs1 from \"views/home/img/courses/course1.png\";\r\nimport TrendingJobs2 from \"views/home/img/courses/course2.png\";\r\nimport TrendingJobs3 from \"views/home/img/courses/course3.png\";\r\nimport TrendingJobs4 from \"views/home/img/courses/course4.png\";\r\nimport bookmark from \"views/home/img/bookmark.svg\";\r\n// import { render } from \"node-sass\";\r\n// install Swiper modules\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n courses: {},\r\n RelatedCoursess: [],\r\n RelatedCoursesIds: [],\r\n };\r\n }\r\n async getRelatedCourses() {\r\n if (this.props.Course) {\r\n try {\r\n let Course = this.props.Course;\r\n let RelatedCoursesIds = Course.c_relatedCourses.split(\",\");\r\n // console.log(Course.c_relatedCourses.split(\",\"))\r\n // let RelatedCoursesIds = []\r\n // RelatedCoursesIds =`${Course.c_relatedCourses}`.split(\",\");\r\n let RelatedCourses = [];\r\n // // debugger;\r\n for (let i = 0; i < RelatedCoursesIds.length; i++) {\r\n let payload = {\r\n CourseId: RelatedCoursesIds[i],\r\n };\r\n this.props\r\n .getCoursesById(payload)\r\n .then((res) => {\r\n RelatedCourses.push(res.data.Data[0]);\r\n this.setState({ RelatedCourses: RelatedCourses });\r\n })\r\n .catch((err) => console.log(err));\r\n }\r\n // debugger;\r\n this.setState({ RelatedCoursess: RelatedCourses });\r\n \r\n } catch (err) {\r\n // console.log(err);\r\n }\r\n }\r\n // console.log(this.state.RelatedCourses)\r\n }\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.Course !== this.props.Course) {\r\n // this.getRelatedCourses();\r\n }\r\n }\r\n async componentDidMount() {\r\n // this.getRelatedCourses();\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = TrendingJobs1;\r\n }\r\n render() {\r\n let RelatedCourses = this.state.RelatedCoursess;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n Hear from students enrolled for this course
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n How would you describe career development opportunities at\r\n ICICI?\r\n
\r\n\r\n “I’m most excited about the opportunity to grow at ICICI.”\r\n
\r\n\r\n\r\n -- Archana Thalekar,{\" \"}\r\n \r\n Senior Software Engineer\r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n 5+
\r\n\r\n
\r\n VIEW SIMILAR COURSES
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {course.c_title || \"The Course\"}\r\n
\r\n\r\n
\r\n \r\n {course.c_category || \"Human Resource\"}\r\n
\r\n\r\n\r\n {course.c_title || \"The Course\"}\r\n
\r\n\r\n {course.c_short_description || \"this is short description\"}\r\n
\r\n\r\n
- \r\n
- 6 Courses (12h) \r\n
\r\n \r\n {\" \"}\r\n {course.start_date && course.end_date\r\n ? course.start_date + \" - \" + course.end_date\r\n : \"Forever\"}\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 SINGLECOURSE: state.iLearn.course.SINGLECOURSE,\r\n mgid: state.Auth.user.MGID,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getCoursesById: async (payload) =>\r\n await dispatch(GETCOURSEBYIDACTION(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IlearnDetails);\r\n","import React, { Component } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/effect-fade/effect-fade.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport playbutton from \"views/ITV-details/img/playbutton.svg\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { EffectFade, Navigation, Pagination } from \"swiper/core\";\r\nimport banner1 from \"views/ITV-details/img/banner.png\";\r\n//IMG\r\nimport { connect } from \"react-redux\";\r\nimport Token from \"api/Auth/auth\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport store from \"store.js\";\r\nimport { getITVAction } from \"store/Home\";\r\n\r\n// install Swiper modules\r\nSwiperCore.use([EffectFade, Navigation, Pagination]);\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobs: [],\r\n filter: false,\r\n search: \"\",\r\n playing: false,\r\n };\r\n }\r\n async componentDidMount() {\r\n let HcToken = await Token.getToken();\r\n store.dispatch(setHcToken(HcToken));\r\n let MgToken = await Token.getTokenMagitt();\r\n store.dispatch(setMgToken(MgToken));\r\n let responseGetItv = await this.props.getITVAction();\r\n this.setState({ jobs: responseGetItv });\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n - \r\n
- Home / \r\n
- All Courses {\" \"}\r\n / \r\n
- \r\n {this.state.courses.c_title}\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {/* \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \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.courses ? (\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {val.b_title || \"JOB VIDEO\"}\r\n
\r\n\r\n {val.b_description ||\r\n `Sed ut perspiciatis unde omnis iste natus error sit\r\n voluptatem accusantium doloremque laudantium`}\r\n
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n // console.log(\"homemap\", JSON.stringify(state.Home.home.GETITV));\r\n return {\r\n getitv: state.Home.home.GETITV,\r\n\r\n // dashboard: state.dashboard.dashboard,\r\n // document: state.document.document,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getITVAction: async () => await dispatch(getITVAction()),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AllJobs);\r\n","import React from \"react\";\r\n\r\nimport { Modal } from \"react-responsive-modal\";\r\nimport \"react-responsive-modal/styles.css\";\r\n\r\nimport paperclip from \"views/contactUs/img/paper-clip.png\";\r\nconst RaisedTicketPopup = (props) => {\r\n const [open, setOpen] = React.useState(false);\r\n return (\r\n <>\r\n \r\n
\r\n \r\n this.handleFilter()}\r\n >\r\n \r\n \r\n\r\n
\r\n\r\n FILTERS
\r\n\r\n iTV\r\n
\r\n\r\n {this.state.filter && (\r\n \r\n (\r\n <>\r\n {results.map((val) => (\r\n \r\n \r\n ))}\r\n \r\n )}\r\n />\r\n {/* {this.state.jobs\r\n // .filter((val)=> {val.b_title.includes(this.state.search)})\r\n .map((val, index) => {\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 Filters\r\n
\r\nClear all
\r\n\r\n {\r\n this.setState({ search: e.target.value });\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n Domain
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n {/* type */}\r\n \r\n Category\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 0\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 5\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 2\r\n
\r\n\r\n
\r\n Type
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 8\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 0\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 5\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 2\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {val.b_title || \"Video\"}\r\n
\r\n\r\n {val.b_description ||\r\n `ICICI Bank launches novel women centric initiatives on\r\n International Women’s Day…`}\r\n
\r\n\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n \r\n {val.Tags || \"No Tags\"}\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {val.b_title || 'Video'}\r\n
\r\n\r\n {val.b_description || `ICICI Bank launches novel women centric initiatives on\r\n International Women’s Day…`}\r\n
\r\n\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n \r\n {val.Tags || 'No Tags'}\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default RaisedTicketPopup;\r\n","import React, { Component } from \"react\";\r\n\r\nimport RaisedTicketPopup from \"views/contactUs/components/RaisedTicketPopup\";\r\nclass SocialMedia extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n social: [\r\n {\r\n id: 1,\r\n img: require(\"views/contactUs/img/whatsapp.png\"),\r\n title: \"Talk to us on WhatsApp\",\r\n },\r\n {\r\n id: 2,\r\n img: require(\"views/contactUs/img/chat.png\"),\r\n title: \"Chat with us\",\r\n },\r\n {\r\n id: 3,\r\n img: require(\"views/contactUs/img/google-assis.png\"),\r\n title: \"Chat with us on Google Assist\",\r\n },\r\n {\r\n id: 4,\r\n img: require(\"views/contactUs/img/alexa.png\"),\r\n title: \"Chat with us through Alexa\",\r\n },\r\n {\r\n id: 5,\r\n img: require(\"views/contactUs/img/mail.png\"),\r\n title: \"Email us\",\r\n },\r\n {\r\n id: 6,\r\n img: require(\"views/contactUs/img/callus.png\"),\r\n title: \"Call us at 1860 120 7777\",\r\n },\r\n {\r\n id: 7,\r\n img: require(\"views/contactUs/img/ticket.png\"),\r\n title: \"Raise a Ticket\",\r\n },\r\n {\r\n id: 7,\r\n img: require(\"views/contactUs/img/inbox.png\"),\r\n title: \"View Inbox\",\r\n },\r\n ],\r\n israisedticketopen: false,\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n RAISE A TICKET
\r\n\r\n \r\n
\r\n \r\n this.setState({ israisedticketopen: false })}\r\n />\r\n
\r\n );\r\n }\r\n}\r\nexport default SocialMedia;\r\n","import React, { Component } from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nimport paperclip from \"views/contactUs/img/paper-clip.png\";\r\n//IMG\r\n\r\nclass AllJobs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {this.state.social.map((val, index) => {\r\n return (\r\n this.setState({ israisedticketopen: true })}\r\n key={index}\r\n >\r\n
\r\n {/* \r\n
\r\n \r\n );\r\n })}\r\n \r\n {val.title}\r\n
\r\n\r\n \r\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 AllJobs;\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\n//import images\r\nimport customer from \"views/job-details/img/key/customer.png\";\r\nimport business from \"views/job-details/img/key/business.png\";\r\nimport shopping from \"views/job-details/img/key/shopping.png\";\r\nimport folder from \"views/job-details/img/key/folder.png\";\r\n// install Swiper modules\r\n\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nexport default function App() {\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n \r\n Note :\r\n \r\n You had last written to us on 20th May, 2021.\r\n \r\n \r\n Check inbox\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Benefits of working at icici careers\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Customer Service
\r\n\r\n Create service excellence by being a banker of choice to the\r\n customer\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Business Development\r\n
\r\n\r\n Onboard new customers to the bank and enhance walletshare of\r\n customers\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Cross Sell
\r\n\r\n Cross sell bouquet of products & servicesbased on customerneeds\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Portfolio Quality\r\n
\r\n\r\n Quality of loan book, periodic due diligence of business flows,\r\n overdue\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import React, { Component } from \"react\";\r\nimport relationshipbanner from \"views/know-us-more/img/banner.png\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport ReferFriendPopup from \"./ReferFriendPopup\";\r\nclass Jobdetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isrefermodalopen: false,\r\n previewjob:{}\r\n };\r\n }\r\n async componentDidMount(){\r\n // this.props\r\n if(this.props.previewjob){\r\n this.setState({previewjob: await this.props.previewjob })\r\n }\r\n }\r\n bindimgSrc(val){\r\n try {\r\n return process.env.REACT_APP_IMAGE_BASE_MG + \"\" + this.props.previewjob.p_path\r\n } catch (error) {\r\n \r\n }\r\n\r\n }\r\n add_default_src(ev){\r\n ev.target.src = relationshipbanner\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n Help your friend get a career at ICICI\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Referring Job
\r\n\r\n\r\n
\r\n Phone Banking Officer
\r\n\r\n\r\n
\r\n \r\n\r\n \r\n Required Experience:\r\n 1-3 years\r\n
\r\n\r\n Education:\r\n CA\r\n
\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n Mumbai
\r\n3d ago
\r\n\r\n View Details\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n previewjob: state.SinglePortfolio.home.PREVIEWJOB.Data?state.SinglePortfolio.home.PREVIEWJOB.Data[0]:\"\",\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Jobdetails);\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\n//import images\r\nimport banner1 from \"views/job-details/img/business/business1.png\";\r\nimport banner2 from \"views/job-details/img/business/business2.png\";\r\nimport playbutton from \"views/job-details/img/business/play-button.png\";\r\nimport check from \"views/job-details/img/business/check.png\";\r\n// install Swiper modules\r\nimport { Maximize } from \"react-feather\";\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nexport default function App() {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.previewjob\r\n ? this.props.previewjob.p_title\r\n : \"\"}\r\n
\r\n\r\n {this.props.previewjob\r\n ? this.props.previewjob.p_short_description\r\n : \"\"}\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/thumbs/thumbs.min.css\";\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Navigation, Thumbs } from \"swiper/core\";\r\nimport videoSlider1 from \"views/job-details/img/videoslider/video1.png\";\r\nimport videoSlider2 from \"views/job-details/img/videoslider/play-button.svg\";\r\nimport settingicon from \"views/job-details/img/factorcards/setting.png\";\r\n\r\nimport communication from \"views/job-details/img/factorcards/communication.png\";\r\nimport network from \"views/job-details/img/factorcards/network.png\";\r\nimport XMLID_2529_ from \"views/job-details/img/factorcards/XMLID_2529_.png\";\r\nimport document from \"views/job-details/img/factorcards/document.png\";\r\nimport art from \"views/job-details/img/factorcards/art.png\";\r\nimport BusinessGroup from \"views/know-us-more/components/BusinessGroup\";\r\n// install Swiper modules\r\nSwiperCore.use([Navigation, Thumbs]);\r\n\r\nexport default function App() {\r\n const [thumbsSwiper, setThumbsSwiper] = useState(null);\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\n
\r\n \r\n
\r\n \r\n
\r\n \r\n View Fullscreen\r\n
\r\n\r\n
\r\n \r\n One Place, Diverse Culture\r\n
\r\n\r\n We constantly innovate and service over{\" \"}\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Through our wide distribution of branches across the country,\r\n our team of dedicated Relationship Managers{\" \"}\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n Our processes have one of the lowest turnaround times amongst\r\n competition.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n We have a superior edge in use of technology & digital to help\r\n customers transact with ease\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport bookmark from \"views/know-us-more/img/bookmark.svg\";\r\nimport TrendingJobs1 from \"views/know-us-more/img/portfolio/t1.png\";\r\n// install Swiper modules\r\nimport pin from \"views/know-us-more/img/pin.svg\";\r\nimport { connect } from \"react-redux\";\r\n// import Swiper core and required modules\r\nimport { Link } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\nimport {getRelatedPortfoliosByIDAction} from \"store/Home\"\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nclass KnowUsMore extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n arr: [],\r\n ptag: \"\",\r\n currentPortfolio: [],\r\n currentPageNo: 1,\r\n RelatedPortfolios:[]\r\n };\r\n }\r\n componentDidUpdate = async (prevProps) => {\r\n // console.log(prevProps)\r\n if (this.props.id !== prevProps.id) {\r\n let previewJobs=this.props.previewjob;\r\n // console.log(previewJobs)\r\n let realtedPortfolios = await this.props.getRelatedPortfolios({\r\n RelatedPortfolioIDs: previewJobs.Data[0].p_relatedPortfolios\r\n })\r\n if(realtedPortfolios.Data){\r\n // console.log(realtedPortfolios.Data)\r\n this.setState({RelatedPortfolios:realtedPortfolios.Data})\r\n }\r\n else{\r\n this.setState({RelatedPortfolios:[]})\r\n }\r\n }}\r\n async componentDidMount(){\r\n try {\r\n \r\n let previewJobs=this.props.previewjob;\r\n if(previewJobs.Data.length>0){\r\n let realtedPortfolios = await this.props.getRelatedPortfolios({\r\n RelatedPortfolioIDs: previewJobs.Data[0].p_relatedPortfolios\r\n })\r\n if(realtedPortfolios.Data){\r\n // console.log(realtedPortfolios.Data)\r\n this.setState({RelatedPortfolios:realtedPortfolios.Data})\r\n }\r\n else{\r\n this.setState({RelatedPortfolios:[]})\r\n }\r\n }\r\n} catch (error) {\r\n console.log(error)\r\n}\r\n }\r\n componentWillUnmount(){\r\n this.setState({RelatedPortfolios:[]})\r\n }\r\n add_default_src(ev){\r\n ev.target.src = TrendingJobs1\r\n }\r\n render() {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n A Paragraph can go here\r\n
\r\n\r\n Participants will be shortlisted on merit and will be invited for\r\n the selection process. Shortlisted participants will have to go\r\n through the below mentioned selection stages:\r\n
\r\n\r\n\r\n
\r\n \r\n Entrance test -\r\n \r\n The entrance test aims at measuring the aptitude of the\r\n participants through verbal ability, numerical ability and\r\n logical reasoning.\r\n \r\n
\r\n\r\n\r\n Group discussion stage -\r\n \r\n Participants clearing the aptitude test will be invited for case\r\n based group discussion. The group discussions are mainly\r\n conducted to judge participants on their analytical thinking,\r\n approach adapted to business situations and the ability to break\r\n down complex problems to arrive at solutions.\r\n \r\n
\r\n\r\n\r\n Psychrometric Profiling / Personal Interview -\r\n \r\n Applicant clearing GD stage will be eligible for the Personal\r\n Interview Stage.\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n CHECK OUT ITV\r\n \r\n
\r\n \r\n Take a glimpse at some benefits\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n In-branch Video Banking\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n In-branch Video Banking\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {/* factoers card */}\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n Cultural Growth of ICICI Bank
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n Service Orientation\r\n
\r\n\r\n Passion to meet customers\r\n
\r\n\r\n Work with cross functional teams\r\n
\r\n\r\n Analytical mindset\r\n
\r\n\r\n Analyse financial statements\r\n
\r\n\r\n Quick learner\r\n
\r\n\r\n
\r\n \r\n check out other portfolios\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {datajobs.p_title}\r\n
\r\n\r\n
\r\n \r\n Portfolio\r\n
{\" \"}\r\n\r\n \r\n
\r\n \r\n
\r\n {/* \r\n {datajobs.p_title}\r\n
\r\n\r\n Required Experience:{\" \"}\r\n 1-3 years\r\n
\r\n\r\n Education: CA\r\n
*/}\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n India
\r\n\r\n {\" \"}\r\n {moment(datajobs.p_createdDate).fromNow()}\r\n
\r\n\r\n \r\n {datajobs.p_button_Text !== null\r\n ? datajobs.p_button_Text\r\n : \"VIEW\"}\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 previewjob: state.SinglePortfolio.home.PREVIEWJOB,\r\n RelatedPortfolios :state.Home.home.GET_RELATED_PORTFOLIOS\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getRelatedPortfolios :async (payload) => await dispatch(getRelatedPortfoliosByIDAction(payload)),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(KnowUsMore);\r\n","import React, { Component } from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport { ChevronRight, ChevronLeft } from \"react-feather\";\r\n// import Swiper core and required modules\r\nimport { Link } from \"react-router-dom\";\r\nimport SwiperCore, { Pagination, Navigation } from \"swiper/core\";\r\nimport bookmark from \"../img/bookmark.svg\";\r\nimport TrendingJobs3 from \"../img/trending3.png\";\r\nimport TrendingJobs2 from \"../img/trending2.png\";\r\nimport TrendingJobs4 from \"../img/trending4.png\";\r\nimport TrendingJobs1 from \"../img/trending1.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSingleJobAction, getRelatedJobs } from \"store/SingleJob\";\r\nimport { getRelatedPortfoliosByIDAction } from \"store/Home\";\r\n// install Swiper modules\r\nimport pin from \"../img/pin.svg\";\r\nSwiperCore.use([Pagination, Navigation]);\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n Jobs: [],\r\n };\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = TrendingJobs2;\r\n }\r\n componentDidUpdate = async (prevProps) => {\r\n // console.log(prevProps)\r\n if (this.props.id !== prevProps.id) {\r\n let previewJobs = this.props.previewjob;\r\n if (previewJobs) {\r\n let relatedJobs = await this.props.getRelatedJobs({\r\n JobIds: previewJobs.p_featuredJob,\r\n });\r\n if (relatedJobs) {\r\n // console.log(relatedJobs.data.Data);\r\n this.setState({ Jobs: relatedJobs.data.Data });\r\n } else {\r\n this.setState({ Jobs: [] });\r\n }\r\n }\r\n }\r\n };\r\n async componentDidMount() {\r\n let previewJobs = this.props.previewjob;\r\n if (previewJobs) {\r\n let relatedJobs = await this.props.getRelatedJobs({\r\n JobIds: previewJobs.p_featuredJob,\r\n });\r\n if (relatedJobs) {\r\n // console.log(relatedJobs.data.Data);\r\n this.setState({ Jobs: relatedJobs.Data });\r\n } else {\r\n this.setState({ Jobs: [] });\r\n }\r\n }\r\n }\r\n componentWillUnmount(){\r\n this.setState({Jobs:[]})\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Explore career opportunities\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {job.f_title || \"The Title\"}\r\n
\r\n\r\n
\r\n \r\n {job.f_category || \"Banking\"}\r\n
\r\n\r\n\r\n
\r\n \r\n {job.f_title || \"The Title\"}\r\n
\r\n\r\n Required Experience:{\" \"}\r\n {job.Experience || \"0\"}\r\n
\r\n\r\n Education:{\" \"}\r\n \r\n {job.Education || \"ANY\"}\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n {job.Location || \"UNKNOWN\"}\r\n
\r\n\r\n {`${job.f_createdDate}`.split(\"T\")[0]} ago\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n\r\n \r\n
\r\n\r\n - \r\n
- Home / \r\n
- Know Us More {\" \"}\r\n / \r\n
- \r\n {this.props.previewjob\r\n ? this.props.previewjob.p_title\r\n : \"\"}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.previewjob \r\n ? this.props.previewjob.p_title\r\n : \"\"}\r\n
\r\n\r\n
\r\n \r\n {this.props.previewjob ? (\r\n
\r\n ) : (\r\n \"\"\r\n )}{\" \"}\r\n \r\n
*/}\r\n {/* \r\n
\r\n \r\n
*/}\r\n\r\n {/* \r\n
*/}\r\n\r\n {/* \r\n
*/}\r\n\r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\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 Auth: state.Auth.user,\r\n previewjob: state.SinglePortfolio.home.PREVIEWJOB.Data?state.SinglePortfolio.home.PREVIEWJOB.Data[0]:\"\",\r\n RelatedPortfolios: state.Home.home.GET_RELATED_PORTFOLIOS,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getPreviewJobAction: async (payload) =>\r\n await dispatch(getPreviewJobAction(payload)),\r\n getRelatedJobs: async (payload) => await dispatch(getRelatedJobs(payload)),\r\n getRelatedPortfolios: async (payload) =>\r\n await dispatch(getRelatedPortfoliosByIDAction(payload)),\r\n };\r\n};\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(JobDetails));\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport pin from \"views/profile/img/pin.png\";\r\nimport imgdetails from \"views/profile/img/timeline/imgdetails.png\";\r\nimport logo from \"views/profile/img/timeline/logo.png\";\r\nimport pdf from \"views/profile/img/timeline/pdf.png\";\r\nimport { Chrono } from \"react-chrono\";\r\nimport applyjob from \"views/profile/img/timeline/applyjob.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSingleApplicantInfoAction } from \"store/Profile\";\r\nimport { Link } from \"react-router-dom\";\r\nimport CheckValidateRoute from \"CheckValidateRoute\";\r\n\r\nclass Timeline extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShowDetails: true,\r\n jobs: this.props.Profile,\r\n value:[]\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n \r\n }\r\n render() {\r\n \r\n return (\r\n \r\n \r\n
\r\n \r\n 2 open threads\r\n
\r\n\r\n
\r\n \r\n {this.state.isShowDetails && (\r\n
\r\n \r\n 575\r\n ? \"VERTICAL_ALTERNATING\"\r\n : \"VERTICAL\"\r\n }\r\n >\r\n {this.state.jobs && this.state.jobs.Data && this.state.jobs.Data.JobData && this.state.jobs.Data.JobData.map((value, index) =>\r\n (\r\n <>\r\n {value !== null ? <>\r\n \r\n {value.hasOwnProperty(\"b_id\")?<>
\r\n )}\r\n {!this.state.isShowDetails && (\r\n \r\n \r\n
:\"\"}\r\n\r\n\r\n {/* jobs HC*/}\r\n {value.hasOwnProperty(\"JobCode\")?<>\r\n
\r\n \r\n Bookmarked a Ticket\r\n
\r\n\r\n 16th Jun 2021 \r\n
\r\n\r\n
\r\n \r\n
\r\n {console.log()}\r\n\r\n \r\n
\r\n\r\n \r\n {value.f_title}\r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n })\r\n }\r\n >\r\n View Details\r\n */}\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n value:value\r\n\r\n })\r\n \r\n }\r\n >\r\n View Details\r\n \r\n
\r\n \r\n \r\n {value.f_createdDate}\r\n
\r\n {/*\r\n
:\"\"}\r\n\r\n {/* jobs MG*/}\r\n {value.hasOwnProperty(\"aj_jobId\")?<>\r\n
\r\n \r\n Applied For Job\r\n
\r\n\r\n {value.JobAppliedDate}\r\n
\r\n\r\n
\r\n \r\n
\r\n {console.log()}\r\n\r\n \r\n
\r\n\r\n \r\n {value.JobTitle}\r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n })\r\n }\r\n >\r\n View Details\r\n */}\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n value:value\r\n\r\n })\r\n \r\n }\r\n >\r\n View Details\r\n \r\n
\r\n \r\n \r\n {value.Status}\r\n
\r\n {/*\r\n
:\"\"}\r\n\r\n {/* Signup MG*/}\r\n {value.hasOwnProperty(\"u_name\")?<>\r\n
\r\n \r\n Applied For Job\r\n
\r\n\r\n 16th Jun 2021 \r\n
\r\n\r\n
\r\n \r\n
\r\n {console.log()}\r\n\r\n \r\n
\r\n\r\n \r\n {value.f_title}\r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n value:value\r\n\r\n })\r\n \r\n }\r\n >\r\n View Details\r\n \r\n
\r\n \r\n \r\n {value.f_createdDate}\r\n
\r\n \r\n\r\n
:\"\"}\r\n \r\n :\"\"}\r\n \r\n \r\n \r\n\r\n )\r\n )}\r\n \r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n Signed Up On ICICI Careers Portal\r\n
\r\n\r\n 16th Jun 2021 \r\n
\r\n\r\n
\r\n \r\n
\r\n {console.log()}\r\n\r\n \r\n
\r\n\r\n \r\n {value.f_title}\r\n
\r\n\r\n \r\n {\" \"}\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n value:value\r\n\r\n })\r\n \r\n }\r\n >\r\n View Details\r\n \r\n
\r\n \r\n \r\n {value.f_createdDate}\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Raised a Ticket\r\n
\r\n\r\n
\r\n \r\n 16th Jun 2021\r\n
\r\n\r\n \r\n
\r\n 11:49 AM
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n Response to a Ticket\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n 20th Jun 2021
\r\n\r\n \r\n
\r\n 11:49 AM
\r\n\r\n Hide Details\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {this.state.value? this.state.value.f_title? this.state.value.f_title :\"\":\"\"}\r\n
\r\n\r\n\r\n
\r\n \r\n
{\" \"}\r\n {/* \r\n \r\n
\r\n \r\n {this.state.value? this.state.value.f_location? this.state.value.f_location :\"\":\"\"}\r\n
\r\n\r\n 3d ago\r\n
\r\n */}\r\n {this.state.value && this.state.value.f_description ? (\r\n
\r\n
\r\n \r\n
\r\n \r\n FULL TIME\r\n
\r\n\r\n
\r\n\r\n \r\n 2-5 YEARS\r\n
\r\n\r\n
\r\n \r\n COMMERICAL\r\n
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n Attachments
\r\n\r\n 
\r\n
\r\n \r\n Resume.pdf\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default Activities;\r\n","import React, { Component } from \"react\";\r\nimport { Trash2, Edit3 } from \"react-feather\";\r\nimport pin from \"views/profile/img/pin.png\";\r\nimport img1 from \"views/profile/img/bookmark/img1.png\";\r\nimport img2 from \"views/profile/img/bookmark/img2.png\";\r\nimport { GetAllBookMarkAction } from \"store/Bookmark\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\nclass Education extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n jobs: [],\r\n };\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = img1;\r\n }\r\n async componentDidMount() {\r\n try{\r\n let payload = {\r\n user_id: this.props.Auth.MGID,\r\n };\r\n let response = await this.props.GetAllBookMarks(payload);\r\n if (response) {\r\n this.setState({ jobs: response.Data });\r\n }\r\n }\r\n catch(e){\r\n console.log(e)\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Filter by
\r\n\r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n\r\n \r\n
\r\n Sort by:
\r\n\r\n \r\n
\r\n \r\n
\r\n ADD FILTER +
\r\n\r\n
\r\n \r\n {/* post graduation */}\r\n {/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */}\r\n {this.state.jobs\r\n ? this.state.jobs.map((job) => (\r\n \r\n \r\n ))\r\n : []}\r\n {/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */}\r\n {/* \r\n */}\r\n
\r\n \r\n
\r\n \r\n \r\n {job.f_title || \"Phone Banking Officer\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n \r\n
\r\n \r\n {job.Location || \"India\"}\r\n
\r\n\r\n {moment(job.f_createdDate).fromNow()}\r\n
\r\n\r\n {job.f_short_description ||\r\n `adipisci velit, sed quia non numquam eius modi tempora\r\n incidunt ut labore et dolre…`}\r\n \r\n Read More\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {job.JobType || \"FULL TIME\"}\r\n
\r\n\r\n
\r\n\r\n \r\n {job.Experience || \"0\"} YEARS\r\n
\r\n\r\n
\r\n \r\n {job.Department || \"BANKING\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Senior Bank Manager\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n \r\n
\r\n Mumbai
\r\n3d ago
\r\n\r\n adipisci velit, sed quia non numquam eius modi tempora\r\n incidunt ut labore et dolre…{\" \"}\r\n Read More\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n FULL TIME\r\n
\r\n\r\n
\r\n\r\n \r\n 2-5 YEARS\r\n
\r\n\r\n
\r\n \r\n COMMERICAL\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Profile;\r\n","import React, { Component } from \"react\";\r\nimport { setCurrentUserDeclarationAction,postUserDeclarationAction,generateDeclarationDocAction } from 'store/Declaration'\r\nimport { requests } from \"api/index\";\r\nimport { connect } from \"react-redux\";\r\nimport URLS from \"api/endPoints\";\r\n\r\n\r\nclass Declaration extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShowDeclarationIndex: 0,\r\n IsAllAreTrue: false,\r\n disabledPan: false,\r\n IAuthorizewhatsapp: false,\r\n AppPanNoliedPanNo: false,\r\n PanNo: \"\",\r\n preferredWhatsappNo: \"\",\r\n DeclarationAddress: \"\",\r\n\r\n IsRelativeWorking: false,\r\n RelativeNameWorkingInIcici: \"\",\r\n\r\n IsInterviewedByICICI: false,\r\n IsInterviewedByICICIText: \"\",\r\n\r\n IsEmployedByIcici: false,\r\n IsEmployedByIciciText: \"\",\r\n IsEmployedByIciciTextEmp: \"\",\r\n \r\n IsCasePending: false,\r\n CasePendingDetails: \"\",\r\n\r\n IsPreviousPendingCase: false,\r\n PreviousPendingCaseDetails: \"\",\r\n\r\n IsAnyRelativeDirector: false,\r\n RelativeDirectorName: \"\",\r\n\r\n IsClearedCaExam: false,\r\n CaClearedYear: \"\",\r\n CaClearedMonth: \"\",\r\n\r\n IsAnyCommunicable: false,\r\n CommunicableDetails: \"\",\r\n\r\n\r\n\r\n \r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n this.getDeclaration()\r\n \r\n }\r\n\r\n AppliedForPan() {\r\n this.setState({disabledPan:!this.state.disabledPan})\r\n }\r\n \r\n async getDeclaration() {\r\n let payload = {\r\n HCID:this.props.Auth.HCID\r\n }\r\n \r\n await this.props.setCurrentUserDeclarationAction(payload)\r\n \r\n }\r\n\r\n submitDeclaration=(e) => {\r\n e.preventDefault();\r\n this.setState({ IsAllAreTrue: false });\r\n \r\n if(this.state.DeclarationAddress==\"\"){\r\n alert(\"Full Address Field Is Required\");\r\n return false\r\n }\r\n if(this.preferredWhatsappNo==\"\"){\r\n alert(\"Preferred Whatsapp Number Field Is Required\");\r\n return false\r\n }\r\n var obj = {\r\n ResumeID: this.props.Auth.USER_DETAILS_HC.Data[0].ResumeID,\r\n PanNo: this.state.PanNo || \"\",\r\n AppliedPanNo: this.state.disabledPan ? 1 : 0 || 0,\r\n DeclarationAddress: this.state.DeclarationAddress || \"\",\r\n WhatsAppNo: this.state.preferredWhatsappNo || 0,\r\n AuthorizeWhatsAppCommunication: this.state.IAuthorizewhatsapp ? 1 : 0,\r\n IsRelativeWorking: this.state.IsRelativeWorking ? 1 : 0,\r\n // RelativeRelationWorkingInIcici:\r\n // this.state.RelativeRelationWorkingInIcici || \"\",\r\n RelativeNameWorkingInIcici: this.state.RelativeNameWorkingInIcici || \"\",\r\n IsInterviewedByICICI: this.state.IsInterviewedByICICI ? 1 : 0,\r\n IsEmployedByIciciText:\r\n this.state.IsEmployedByIciciText +\r\n \"~\" +\r\n this.state.IsEmployedByIciciTextEmp,\r\n IsInterviewedByICICIText: this.state.IsInterviewedByICICIText,\r\n IsEmployedByIcici: this.state.IsEmployedByIcici ? 1 : 0,\r\n IsCasePending: this.state.IsCasePending ? 1 : 0,\r\n CasePendingDetails: this.state.CasePendingDetails || \"\",\r\n IsPreviousPendingCase: this.state.IsPreviousPendingCase ? 1 : 0,\r\n PreviousPendingCaseDetails: this.state.PreviousPendingCaseDetails || \"\",\r\n IsAnyRelativeDirector: this.state.IsAnyRelativeDirector ? 1 : 0,\r\n RelativeDirectorName: this.state.RelativeDirectorName || \"\",\r\n IsClearedCaExam: this.state.IsClearedCaExam ? 1 : 0,\r\n CaClearedYear: this.state.CaClearedYear || \"\",\r\n CaClearedMonth: this.state.CaClearedMonth || \"\",\r\n IsAnyCommunicable: this.state.IsAnyCommunicable ? 1 : 0,\r\n CommunicableDetails: this.state.CommunicableDetails || \"\",\r\n candidateno: this.props.Auth.USER_DETAILS_HC.Data[0].CandidateNo,\r\n };\r\n this.props.postUserDeclarationAction(obj)\r\n\r\n }\r\n // async generateDeclarationDoc() {\r\n \r\n // let payload={candidateno:this.props.Auth.USER_DETAILS_HC.Data[0].CandidateNo,}\r\n // let res = await generateDeclarationDocAction(payload)\r\n // console.log(res)\r\n // }\r\n render() {\r\n return (\r\n - \r\n
Jobs
\r\n \r\nCourses
\r\n \r\n\r\n
\r\n \r\n
\r\n )}\r\n\r\n {this.state.isShowDeclarationIndex === 2 && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Step 1/2{\" \"}\r\n \r\n Of Declaration\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n PART 2: DECLARATION & AUTHORIZATION\r\n
\r\n\r\n
\r\n \r\n DECLARATION\r\n
\r\n\r\n
\r\n\r\n \r\n 9.\r\n
\r\n\r\n \r\n I declare that the information in this declaration and\r\n in any other documents completed by me / and or other\r\n statement made by me in support of my application for\r\n employment with ICICI Bank and the information\r\n furnished by me with respect to my previous\r\n employment/s, compensation and qualification is true\r\n and correct in every detail.\r\n
\r\n\r\n 10.\r\n
\r\n\r\n \r\n I further declare that I am and was never a member of\r\n any banned outfits declared by the Government.\r\n
\r\n\r\n 11.\r\n
\r\n\r\n \r\n I understand if an offer for employment with ICICI\r\n Bank is made, it has been made basis the information\r\n that I have provided in my application. I am further\r\n aware that my appointment and continuation in\r\n employment is subject to successful completion of my\r\n graduation/post-graduation, as applicable and\r\n submission of graduation/post-graduation certificates\r\n and mark sheets within 3 months from the date of\r\n joining.\r\n
\r\n\r\n 12.\r\n
\r\n\r\n \r\n I understand that my role in ICICI Bank would also be\r\n a sales role and I may be required to travel\r\n extensively as per the requirement of my job/role, as\r\n may be needed for the exigencies of the Bank.\r\n
\r\n\r\n 13.\r\n
\r\n\r\n \r\n I further understand that my services in the Bank are\r\n transferrable in any location and profile across the\r\n country as per the organization requirements.\r\n
\r\n\r\n 14.\r\n
\r\n\r\n \r\n I am aware that in case of any misrepresentation,\r\n false statement, discrepancies found out by ICICI Bank\r\n at a later date on any of the above declarations made\r\n by me, my candidature as well as subsequent\r\n continuation of employment with ICICI Bank- as the\r\n case may be- will be liable to be cancelled/revoked\r\n and or terminated, at any time, without assigning any\r\n reason thereof and I shall be bound by any such\r\n decision of the Bank. The same will amount to\r\n misconduct and render the applicant liable to\r\n disciplinary action including termination of\r\n employment.\r\n
\r\n\r\n 15.\r\n
\r\n\r\n \r\n I understand that any employment by ICICI Bank or its\r\n affiliated companies is conditioned upon positive\r\n responses from my references, continued adherence to\r\n ICICI Bank policies and procedures, applicable rules\r\n and regulations and job performance satisfactory at\r\n all times. I consent to take any pre or\r\n post-employment examinations as may be required by\r\n ICICI Bank or its representative, and release ICICI\r\n Bank any liability that may arise from such\r\n examination.\r\n
\r\n\r\n 16.\r\n
\r\n\r\n \r\n I shall abide by the above terms of my employment\r\n
\r\n\r\n AUTHORIZATION:\r\n
\r\n\r\n 17.\r\n
\r\n\r\n \r\n I authorize ICICI Bank to procure my credit\r\n information from TransUnion CIBIL Ltd. or from any\r\n other recognized credit information company.\r\n
\r\n\r\n 18.\r\n
\r\n \r\n I agree for pre-employment checks as deemed necessary\r\n and hereby authorize ICICI Bank and it agents,\r\n representatives, consultants, service providers to\r\n conduct pre-employment checks, including an inquiry\r\n into all the information contained in this application\r\n including an inquiry with former employers and\r\n officials of education institutes and self-declared\r\n addresses. I further authorize former employers and\r\n officials of education institutes to give information\r\n about me and my education credentials and I release\r\n them from all liability for issuing such information.\r\n
\r\n\r\n 19.\r\n
\r\n \r\n I authorize ICICI Bank to verify disciplinary /\r\n compliance related issues from my current/former\r\n employers.\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Applicant Name :\r\n {/* Mobile DOB CreatedOn this.props.Auth.user.USER_DETAILS_HC.Data.CandidateName */}\r\n
\r\n\r\n {this.props.Auth && this.props.Auth.USER_DETAILS_HC && this.props.Auth.USER_DETAILS_HC.Data[0] ? this.props.Auth.USER_DETAILS_HC.Data[0].CandidateName:\"\"}\r\n
\r\n\r\n
\r\n\r\n \r\n Contact No :\r\n
\r\n{this.props.Auth && this.props.Auth.USER_DETAILS_HC && this.props.Auth.USER_DETAILS_HC.Data[0] ? this.props.Auth.USER_DETAILS_HC.Data[0].Mobile:\"\"}
\r\n\r\n
\r\n\r\n \r\n Date of Birth :{\" \"}\r\n
\r\n23-10-1990
\r\n\r\n
\r\n \r\n Date :{\" \"}\r\n
\r\n8-06-2021
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n The eKYC process, often called paperless KYC, is the process of\r\n electronically verifying the credentials of a customer. Kindly\r\n click on the below button and Proceed.\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n Drag - Drop or Upload any one of the following\r\n
\r\n\r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n Pan Card\r\n \r\n
\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Passport\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Voter ID\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Driving License\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Govt issued\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Drag and drop{\" \"}\r\n \r\n Browse\r\n \r\n
\r\n\r\n {/* post graduation */}\r\n {this.props.Documents &&\r\n panCard.map((Document) => (\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n passPort.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n voterId.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n drivingLicence.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n governmentIssued.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n \r\n \r\n ) : this.state.ext == \"doc\" ||\r\n this.state.ext == \"xlsx\" ||\r\n this.state.ext == \"docx\" ||\r\n this.state.ext == \"xls\" ||\r\n this.state.ext == \"tif\" ||\r\n this.state.ext == \"eml\" ||\r\n this.state.ext == \"msg\" ? (\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n Documents: state.Profile.home.DOCUMENTS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getDocs: async (payload) => await dispatch(getDocsAction(payload)),\r\n uploadDocuments: async (payload) =>\r\n await dispatch(uploadDocumentsAction(payload)),\r\n ViewDocument: async (payload) =>\r\n await dispatch(ViewDocumentAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Education);\r\n","import React, { Component } from \"react\";\r\nimport { RefreshCcw } from \"react-feather\";\r\nimport FileBase64 from \"react-file-base64\";\r\nimport { FilesFilter } from \"../helper/FileFormatHelper\";\r\nimport shareto from \"views/job-details/img/upload.png\";\r\nimport RelievingLetter from \"views/profile/img/documents/RelievingLetter.png\";\r\nimport {\r\n getDocsAction,\r\n uploadDocumentsAction,\r\n ViewDocumentAction,\r\n} from \"store/Profile\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal } from \"react-responsive-modal\";\r\nclass Education extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.fileUploader = React.createRef();\r\n this.handleClick = this.handleClick.bind(this);\r\n this.state = {\r\n docID: \"\",\r\n open: false,\r\n currentDocumentNameBase64: \"\",\r\n CurrentDocumentBase64: \"\",\r\n ext: \"\",\r\n files: [],\r\n disabledPan: false,\r\n declaration: {\r\n AppliedPanNo: 0,\r\n password: \"\",\r\n startDate: new Date(),\r\n },\r\n };\r\n }\r\n componentDidMount() {\r\n // this.props.getDocs(this.props.Auth.HCID);\r\n }\r\n async getAllDocumentOfUser(canID) {\r\n let self = this;\r\n\r\n // let response = await this.props.getDocs(canID);\r\n }\r\n onOpenModal = () => {\r\n var self = this;\r\n self.setState({ open: true });\r\n };\r\n onCloseModal = () => {\r\n var self = this;\r\n self.setState({ open: false });\r\n };\r\n handleClick(e) {\r\n this.setState({ docID: e.target.value });\r\n }\r\n async getFiles(files) {\r\n // console.log('docID, files', docID, files)\r\n if (this.state.docID) {\r\n let check = await FilesFilter(files);\r\n if (check) {\r\n await this.setState({ files: files });\r\n this.uploadDocument(files, this.state.docID);\r\n } else {\r\n alert(\r\n \"Please check your file format, only images doc and pdf are allowed\"\r\n );\r\n }\r\n } else {\r\n alert(\"Please select any one document\");\r\n }\r\n }\r\n uploadDocument(files, docID) {\r\n // console.log('docID', docID)\r\n // console.log('files', files)\r\n var self = this;\r\n var TmpArray = {\r\n DocumentID: docID,\r\n FileName: files.name,\r\n FileData: files.base64,\r\n CandidateNo: this.props.Auth.HCID,\r\n UserID: 0,\r\n Notes: \"By Career through DocumentPOrtal\",\r\n };\r\n try {\r\n let response = this.props.uploadDocuments(TmpArray);\r\n if (response) {\r\n alert(\"Document Uploaded\");\r\n // console.log(Data);\r\n this.props.getDocs(this.props.Auth.HCID);\r\n this.forceUpdate();\r\n }\r\n } catch (e) {\r\n alert(\"something went wrong\");\r\n console.log(e);\r\n }\r\n }\r\n async openDocumentView(docID) {\r\n \r\n\r\n let self = this;\r\n // var DocArray = this.props.document.filter(\r\n // (item) => item.DocumentID == docID\r\n // );\r\n //-----------------------------------------------------------------------------------\r\n let response = await this.props.ViewDocument(docID);\r\n // .then(async function ({ Data }) {\r\n\r\n if (response) {\r\n // console.log(data);\r\n var myarr = response.Data.FileData.split(\":\");\r\n var datapdf = \"data:application/pdf;base64,\";\r\n var dataimage = \"data:image/jpeg;base64,\";\r\n let finalbase64 = response.Data.FileData;\r\n let ext = response.Data.FileName.split(\".\").pop().toLowerCase();\r\n if (myarr[0] != \"data\") {\r\n if (\r\n ext == \"pdf\" ||\r\n ext == \"PDF\" ||\r\n ext == \"docx\" ||\r\n ext == \"doc\" ||\r\n ext == \"msg\" ||\r\n ext == \"xls\" ||\r\n ext == \"xlsx\" ||\r\n ext == \"tif\"\r\n ) {\r\n finalbase64 = datapdf + finalbase64;\r\n } else {\r\n finalbase64 = dataimage + finalbase64;\r\n }\r\n }\r\n self.setState({\r\n CurrentDocumentBase64: finalbase64,\r\n currentDocumentNameBase64: response.Data.FileName,\r\n ext: ext,\r\n });\r\n\r\n self.onOpenModal();\r\n // await store.dispatch(UserDocumentStore(data.Data));\r\n }\r\n // });\r\n }\r\n render() {\r\n var addressProof = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 6)\r\n : [];\r\n return (\r\n <>\r\n \r\n {this.state.currentDocumentNameBase64}\r\n
\r\n {this.state.ext == \"pdf\" ? (\r\n\r\n \r\n \r\n Get File\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n Drag - Drop or Upload any one of the following\r\n
\r\n\r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n Address Proof\r\n \r\n
\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n Back side if applicable\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Drag and drop{\" \"}\r\n \r\n Browse\r\n \r\n
\r\n\r\n {/* post graduation */}\r\n {this.props.Documents &&\r\n addressProof.map((Document) => (\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n \r\n \r\n ) : this.state.ext == \"doc\" ||\r\n this.state.ext == \"xlsx\" ||\r\n this.state.ext == \"docx\" ||\r\n this.state.ext == \"xls\" ||\r\n this.state.ext == \"tif\" ||\r\n this.state.ext == \"eml\" ||\r\n this.state.ext == \"msg\" ? (\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n Documents: state.Profile.home.DOCUMENTS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getDocs: async (payload) => await dispatch(getDocsAction(payload)),\r\n uploadDocuments: async (payload) =>\r\n await dispatch(uploadDocumentsAction(payload)),\r\n ViewDocument: async (payload) =>\r\n await dispatch(ViewDocumentAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Education);\r\n// export default Education;\r\n","import React, { Component } from \"react\";\r\nimport { RefreshCcw } from \"react-feather\";\r\nimport FileBase64 from \"react-file-base64\";\r\nimport { FilesFilter } from \"../helper/FileFormatHelper\";\r\nimport shareto from \"views/job-details/img/upload.png\";\r\nimport RelievingLetter from \"views/profile/img/documents/RelievingLetter.png\";\r\nimport {\r\n getDocsAction,\r\n uploadDocumentsAction,\r\n ViewDocumentAction,\r\n} from \"store/Profile\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal } from \"react-responsive-modal\";\r\nclass Education extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.fileUploader = React.createRef();\r\n this.handleClick = this.handleClick.bind(this);\r\n this.state = {\r\n docID: \"\",\r\n open: false,\r\n currentDocumentNameBase64: \"\",\r\n CurrentDocumentBase64: \"\",\r\n ext: \"\",\r\n files: [],\r\n disabledPan: false,\r\n declaration: {\r\n AppliedPanNo: 0,\r\n password: \"\",\r\n startDate: new Date(),\r\n },\r\n };\r\n }\r\n componentDidMount() {\r\n // this.props.getDocs(this.props.Auth.HCID);\r\n }\r\n async getAllDocumentOfUser(canID) {\r\n let self = this;\r\n\r\n // let response = await this.props.getDocs(canID);\r\n }\r\n onOpenModal = () => {\r\n var self = this;\r\n self.setState({ open: true });\r\n };\r\n onCloseModal = () => {\r\n var self = this;\r\n self.setState({ open: false });\r\n };\r\n handleClick(e) {\r\n this.setState({ docID: e.target.value });\r\n }\r\n async getFiles(files) {\r\n // console.log('docID, files', docID, files)\r\n if (this.state.docID) {\r\n let check = await FilesFilter(files);\r\n if (check) {\r\n await this.setState({ files: files });\r\n this.uploadDocument(files, this.state.docID);\r\n } else {\r\n alert(\r\n \"Please check your file format, only images doc and pdf are allowed\"\r\n );\r\n }\r\n } else {\r\n alert(\"Please select any one document\");\r\n }\r\n }\r\n uploadDocument(files, docID) {\r\n // console.log('docID', docID)\r\n // console.log('files', files)\r\n var self = this;\r\n var TmpArray = {\r\n DocumentID: docID,\r\n FileName: files.name,\r\n FileData: files.base64,\r\n CandidateNo: this.props.Auth.HCID,\r\n UserID: 0,\r\n Notes: \"By Career through DocumentPOrtal\",\r\n };\r\n try {\r\n let response = this.props.uploadDocuments(TmpArray);\r\n if (response) {\r\n alert(\"Document Uploaded\");\r\n // console.log(Data);\r\n this.props.getDocs(this.props.Auth.HCID);\r\n this.forceUpdate();\r\n }\r\n } catch (e) {\r\n alert(\"something went wrong\");\r\n console.log(e);\r\n }\r\n }\r\n async openDocumentView(docID) {\r\n \r\n\r\n let self = this;\r\n // var DocArray = this.props.document.filter(\r\n // (item) => item.DocumentID == docID\r\n // );\r\n //-----------------------------------------------------------------------------------\r\n let response = await this.props.ViewDocument(docID);\r\n // .then(async function ({ Data }) {\r\n\r\n if (response) {\r\n // console.log(data);\r\n var myarr = response.Data.FileData.split(\":\");\r\n var datapdf = \"data:application/pdf;base64,\";\r\n var dataimage = \"data:image/jpeg;base64,\";\r\n let finalbase64 = response.Data.FileData;\r\n let ext = response.Data.FileName.split(\".\").pop().toLowerCase();\r\n if (myarr[0] != \"data\") {\r\n if (\r\n ext == \"pdf\" ||\r\n ext == \"PDF\" ||\r\n ext == \"docx\" ||\r\n ext == \"doc\" ||\r\n ext == \"msg\" ||\r\n ext == \"xls\" ||\r\n ext == \"xlsx\" ||\r\n ext == \"tif\"\r\n ) {\r\n finalbase64 = datapdf + finalbase64;\r\n } else {\r\n finalbase64 = dataimage + finalbase64;\r\n }\r\n }\r\n self.setState({\r\n CurrentDocumentBase64: finalbase64,\r\n currentDocumentNameBase64: response.Data.FileName,\r\n ext: ext,\r\n });\r\n\r\n self.onOpenModal();\r\n // await store.dispatch(UserDocumentStore(data.Data));\r\n }\r\n // });\r\n }\r\n render() {\r\n var paySlip = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 31)\r\n : [];\r\n var relievingLetter = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 3)\r\n : [];\r\n var resignationLetter = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 8)\r\n : [];\r\n return (\r\n <>\r\n \r\n {this.state.currentDocumentNameBase64}\r\n
\r\n {this.state.ext == \"pdf\" ? (\r\n\r\n \r\n \r\n Get File\r\n \r\n \r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n Drag - Drop or Upload any one of the following\r\n
\r\n\r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n Pay Slip\r\n \r\n
\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n Relieving Letter\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n Resignation Doc\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Drag and drop{\" \"}\r\n \r\n Browse\r\n \r\n
\r\n\r\n {/* post graduation */}\r\n {this.props.Documents &&\r\n paySlip.map((Document) => (\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n relievingLetter.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n resignationLetter.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n \r\n \r\n ) : this.state.ext == \"doc\" ||\r\n this.state.ext == \"xlsx\" ||\r\n this.state.ext == \"docx\" ||\r\n this.state.ext == \"xls\" ||\r\n this.state.ext == \"tif\" ||\r\n this.state.ext == \"eml\" ||\r\n this.state.ext == \"msg\" ? (\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n Documents: state.Profile.home.DOCUMENTS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getDocs: async (payload) => await dispatch(getDocsAction(payload)),\r\n uploadDocuments: async (payload) =>\r\n await dispatch(uploadDocumentsAction(payload)),\r\n ViewDocument: async (payload) =>\r\n await dispatch(ViewDocumentAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Education);\r\n// export default Education;\r\n","import React, { Component } from \"react\";\r\nimport { RefreshCcw } from \"react-feather\";\r\nimport shareto from \"views/job-details/img/upload.png\";\r\nimport passport from \"views/profile/img/documents/passport.png\";\r\nimport FileBase64 from \"react-file-base64\";\r\nimport { FilesFilter } from \"../helper/FileFormatHelper\";\r\nimport {\r\n getDocsAction,\r\n uploadDocumentsAction,\r\n ViewDocumentAction,\r\n} from \"store/Profile\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal } from \"react-responsive-modal\";\r\nclass Education extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.fileUploader = React.createRef();\r\n this.handleClick = this.handleClick.bind(this);\r\n this.state = {\r\n docID: \"\",\r\n open: false,\r\n currentDocumentNameBase64: \"\",\r\n CurrentDocumentBase64: \"\",\r\n ext: \"\",\r\n files: [],\r\n disabledPan: false,\r\n declaration: {\r\n AppliedPanNo: 0,\r\n password: \"\",\r\n startDate: new Date(),\r\n },\r\n };\r\n }\r\n componentDidMount() {\r\n // this.props.getDocs(this.props.Auth.HCID);\r\n }\r\n async getAllDocumentOfUser(canID) {\r\n let self = this;\r\n\r\n // let response = await this.props.getDocs(canID);\r\n }\r\n onOpenModal = () => {\r\n var self = this;\r\n self.setState({ open: true });\r\n };\r\n onCloseModal = () => {\r\n var self = this;\r\n self.setState({ open: false });\r\n };\r\n handleClick(e) {\r\n this.setState({ docID: e.target.value });\r\n \r\n }\r\n async getFiles(files) {\r\n // console.log('docID, files', docID, files)\r\n if (this.state.docID) {\r\n let check = await FilesFilter(files);\r\n if (check) {\r\n await this.setState({ files: files });\r\n this.uploadDocument(files, this.state.docID);\r\n } else {\r\n alert(\r\n \"Please check your file format, only images doc and pdf are allowed\"\r\n );\r\n }\r\n } else {\r\n alert(\"Please select any one document\");\r\n }\r\n }\r\n uploadDocument(files, docID) {\r\n // console.log('docID', docID)\r\n // console.log('files', files)\r\n var self = this;\r\n var TmpArray = {\r\n DocumentID: docID,\r\n FileName: files.name,\r\n FileData: files.base64,\r\n CandidateNo: this.props.Auth.HCID,\r\n UserID: 0,\r\n Notes: \"By Career through DocumentPOrtal\",\r\n };\r\n try {\r\n let response = this.props.uploadDocuments(TmpArray);\r\n if (response) {\r\n alert(\"Document Uploaded\");\r\n // console.log(Data);\r\n this.props.getDocs(this.props.Auth.HCID);\r\n this.forceUpdate();\r\n }\r\n } catch (e) {\r\n alert(\"something went wrong\");\r\n console.log(e);\r\n }\r\n }\r\n async openDocumentView(docID) {\r\n \r\n\r\n let self = this;\r\n // var DocArray = this.props.document.filter(\r\n // (item) => item.DocumentID == docID\r\n // );\r\n //-----------------------------------------------------------------------------------\r\n let response = await this.props.ViewDocument(docID);\r\n // .then(async function ({ Data }) {\r\n\r\n if (response) {\r\n // console.log(data);\r\n var myarr = response.Data.FileData.split(\":\");\r\n var datapdf = \"data:application/pdf;base64,\";\r\n var dataimage = \"data:image/jpeg;base64,\";\r\n let finalbase64 = response.Data.FileData;\r\n let ext = response.Data.FileName.split(\".\").pop().toLowerCase();\r\n if (myarr[0] != \"data\") {\r\n if (\r\n ext == \"pdf\" ||\r\n ext == \"PDF\" ||\r\n ext == \"docx\" ||\r\n ext == \"doc\" ||\r\n ext == \"msg\" ||\r\n ext == \"xls\" ||\r\n ext == \"xlsx\" ||\r\n ext == \"tif\"\r\n ) {\r\n finalbase64 = datapdf + finalbase64;\r\n } else {\r\n finalbase64 = dataimage + finalbase64;\r\n }\r\n }\r\n self.setState({\r\n CurrentDocumentBase64: finalbase64,\r\n currentDocumentNameBase64: response.Data.FileName,\r\n ext: ext,\r\n });\r\n\r\n self.onOpenModal();\r\n // await store.dispatch(UserDocumentStore(data.Data));\r\n }\r\n // });\r\n }\r\n render() {\r\n var tenth = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 11)\r\n : [];\r\n var twelth = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 12)\r\n : [];\r\n var graduation = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 13)\r\n : [];\r\n var postgraduation = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 14)\r\n : [];\r\n var othergraduation = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 16)\r\n : [];\r\n var ca = this.props.Documents\r\n ? this.props.Documents.Data.filter((item) => item.DocumentID == 15)\r\n : [];\r\n\r\n return (\r\n <>\r\n \r\n {this.state.currentDocumentNameBase64}\r\n
\r\n {this.state.ext == \"pdf\" ? (\r\n\r\n \r\n \r\n Get File\r\n \r\n \r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n \r\n Drag - Drop or Upload any one of the following\r\n
\r\n\r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n />\r\n \r\n 10th Mark-Sheet\r\n \r\n
\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n 12th Mark-Sheet\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Graduation certificate\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Post-Graduation\r\n \r\n
\r\n\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n CA mark sheet\r\n \r\n
\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n ATKT\r\n \r\n
\r\n \r\n this.handleClick(e)}\r\n type=\"radio\"\r\n />\r\n \r\n Other certificates\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Drag and drop{\" \"}\r\n \r\n Browse\r\n \r\n
\r\n\r\n {/* post graduation */}\r\n {this.props.Documents &&\r\n tenth.map((Document) => (\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n this.openDocumentView(Document.UniqueDocID)}\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n twelth.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n graduation.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n postgraduation.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n othergraduation.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n {this.props.Documents &&\r\n ca.map((Document) => (\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Document.DocumentTitle}\r\n
\r\n\r\n
\r\n \r\n ))}\r\n \r\n
\r\n \r\n {`${Document.Notes}`.split(\" \")[0].split(\"(\")[1]}\r\n
\r\n\r\n \r\n
\r\n \r\n {Document.DocumentType}\r\n
\r\n\r\n \r\n \r\n ) : this.state.ext == \"doc\" ||\r\n this.state.ext == \"xlsx\" ||\r\n this.state.ext == \"docx\" ||\r\n this.state.ext == \"xls\" ||\r\n this.state.ext == \"tif\" ||\r\n this.state.ext == \"eml\" ||\r\n this.state.ext == \"msg\" ? (\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n Documents: state.Profile.home.DOCUMENTS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getDocs: async (payload) => await dispatch(getDocsAction(payload)),\r\n uploadDocuments: async (payload) =>\r\n await dispatch(uploadDocumentsAction(payload)),\r\n ViewDocument: async (payload) =>\r\n await dispatch(ViewDocumentAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Education);\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport IdentifyProof from \"views/profile/components/documents/components/IdentifyProof\";\r\nimport AddressProof from \"views/profile/components/documents/components/AddressProof\";\r\nimport Employmentproof from \"views/profile/components/documents/components/Employmentproof\";\r\nimport EducationProof from \"views/profile/components/documents/components/EducationProof\";\r\nimport {\r\n getDocsAction,\r\n} from \"store/Profile\";\r\nimport { connect } from \"react-redux\";\r\nclass Profile extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isTabOpenNo: 1,\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.getDocs(this.props.Auth.HCID);\r\n }\r\n render() {\r\n return (\r\n \r\n {this.state.currentDocumentNameBase64}\r\n
\r\n {this.state.ext == \"pdf\" ? (\r\n\r\n \r\n \r\n Get File\r\n \r\n \r\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 Auth: state.Auth.user,\r\n Documents: state.Profile.home.DOCUMENTS,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getDocs: async (payload) => await dispatch(getDocsAction(payload)),\r\n \r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Profile);\r\n","import React, { Component } from \"react\";\r\nimport { postProfileDataSaveAction } from 'store/Profiler'\r\nimport { connect } from \"react-redux\";\r\n \r\n\r\nclass Profiler extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isTabOpenNo: 1,\r\n Perseverance1: \"\",\r\n Perseverance2: \"\",\r\n Closure1: \"\",\r\n Closure2: \"\",\r\n Closure3: \"\",\r\n Resilience1: \"\",\r\n Resilience2: \"\",\r\n Resilience3: \"\",\r\n Personalorganisation1: \"\",\r\n Personalorganisation2: \"\",\r\n Personalorganisation3: \"\",\r\n Sociallyconfident1: \"\",\r\n Sociallyconfident2: \"\" ,\r\n Passion1: \"\" ,\r\n Passion2: \"\" ,\r\n Problemsolving1: \"\" ,\r\n Problemsolving2: \"\" ,\r\n Affiliation1: \"\" ,\r\n Affiliation2: \"\" ,\r\n Affiliation3: \"\" ,\r\n Affiliation4: \"\" ,\r\n ServiceRecovery1: \"\" ,\r\n ServiceRecovery2: \"\" ,\r\n };\r\n }\r\n\r\n //ErrorMessage: \"Invalid length for a Base-64 char array or string\r\n isKycCompletedCheck() {\r\n let arr1 = [\r\n this.state.Perseverance1 == \"\" ? false : true,\r\n this.state.Perseverance2 == \"\" ? false : true,\r\n this.state.Closure1 == \"\" ? false : true,\r\n this.state.Closure2 == \"\" ? false : true,\r\n this.state.Closure3 == \"\" ? false : true,\r\n this.state.Resilience1 == \"\" ? false : true,\r\n this.state.Resilience2 == \"\" ? false : true,\r\n this.state.Resilience3 == \"\" ? false : true,\r\n this.state.Personalorganisation1 == \"\" ? false : true,\r\n this.state.Personalorganisation2 == \"\" ? false : true,\r\n this.state.Personalorganisation3 == \"\" ? false : true,\r\n this.state.Sociallyconfident1 == \"\" ? false : true,\r\n this.state.Sociallyconfident2 == \"\" ? false : true,\r\n this.state.Passion1 == \"\" ? false : true,\r\n this.state.Passion2 == \"\" ? false : true,\r\n this.state.Problemsolving1 == \"\" ? false : true,\r\n this.state.Problemsolving2 == \"\" ? false : true,\r\n this.state.Affiliation1 == \"\" ? false : true,\r\n this.state.Affiliation2 == \"\" ? false : true,\r\n this.state.Affiliation3 == \"\" ? false : true,\r\n this.state.Affiliation4 == \"\" ? false : true,\r\n this.state.ServiceRecovery1 == \"\" ? false : true,\r\n this.state.ServiceRecovery2 == \"\" ? false : true,\r\n ];\r\n let checker = (arr) => arr.every(Boolean);\r\n return checker(arr1);\r\n }\r\n\r\n saveProfiler(e) {\r\n e.preventDefault()\r\n \r\n \r\n let data = {\r\n\r\n CandidateName: this.props.Auth.USER_DETAILS_HC.Data[0].CandidateName,\r\n ProfileData: [\r\n {\r\n Categorytitle: \"Perseverance\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Makes repeated attempts\",\r\n Answer: this.state.Perseverance1,\r\n },\r\n {\r\n SubCatTitle: \"Tries alternate methods\",\r\n Answer: this.state.Perseverance2,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Closure\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Focused on task completion\",\r\n Answer: this.state.Closure1,\r\n },\r\n {\r\n SubCatTitle:\r\n \"Follows up with relevant people till task is complete\",\r\n Answer: this.state.Closure2,\r\n },\r\n {\r\n SubCatTitle: \"Keeps commitments\",\r\n Answer: this.state.Closure3,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Resilience\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Emotionally controlled\",\r\n Answer: this.state.Resilience1,\r\n },\r\n {\r\n SubCatTitle: \"Bounces back from failures and setbacks\",\r\n Answer: this.state.Resilience2,\r\n },\r\n {\r\n SubCatTitle:\r\n \"Does not avoid engagements with difficult and irate people\",\r\n Answer: this.state.Resilience3,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Personal organisation\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Adheres to the defined process\",\r\n Answer: this.state.Personalorganisation1,\r\n },\r\n {\r\n SubCatTitle: \"Has orientation to schedule\",\r\n Answer: this.state.Personalorganisation2,\r\n },\r\n {\r\n SubCatTitle: \"Has an orientation to detect mistakes and errors\",\r\n Answer: this.state.Personalorganisation3,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Socially confident\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Displays comfort in interacting with new contacts\",\r\n Answer: this.state.Sociallyconfident1,\r\n },\r\n {\r\n SubCatTitle: \"Starts conversation with new people easily\",\r\n Answer: this.state.Sociallyconfident2,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Passion\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Takes initiative\",\r\n Answer: this.state.Passion1,\r\n },\r\n {\r\n SubCatTitle: \"Does not avoid targets\",\r\n Answer: this.state.Passion2,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Problem solving\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Identifies right people for resolving the problem\",\r\n Answer: this.state.Problemsolving1,\r\n },\r\n {\r\n SubCatTitle: \"Does not hesitate to ask for assistance/help\",\r\n Answer: this.state.Problemsolving2,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Affiliation\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Seeks information\",\r\n Answer: this.state.Affiliation1,\r\n },\r\n {\r\n SubCatTitle: \"Offers information\",\r\n Answer: this.state.Affiliation2,\r\n },\r\n {\r\n SubCatTitle: \"Does not display haste to complete the engagement\",\r\n Answer: this.state.Affiliation3,\r\n },\r\n {\r\n SubCatTitle: \"Offers help to others\",\r\n Answer: this.state.Affiliation4,\r\n },\r\n ],\r\n },\r\n {\r\n Categorytitle: \"Service Recovery\",\r\n CategoryArray: [\r\n {\r\n SubCatTitle: \"Understands and acknowledges feelings and emotions\",\r\n Answer: this.state.ServiceRecovery1,\r\n },\r\n {\r\n SubCatTitle: \"Understands needs of others\",\r\n Answer: this.state.ServiceRecovery2,\r\n },\r\n ],\r\n },\r\n ],\r\n };\r\n let payload = {\r\n CandidateNo: this.props.Auth.USER_DETAILS_HC.Data[0].CandidateNo,\r\n data:data\r\n }\r\n this.props.postProfileDataSaveAction(payload)\r\n \r\n }\r\n\r\n \r\n render() {\r\n return (\r\n - \r\n
Identify proof
\r\n \r\nAddress proof
\r\n \r\nEmployment proof
\r\n \r\nEducation proof
\r\n \r\n\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.saveProfiler(e)}\r\n \r\n \r\n id=\"ctl00_ContentPlaceHolder1_btnSave\"\r\n className=\"filled-button profiler-btn-w h-47px sm-fsize14 fsize16 font-semibold rounded-25px\"\r\n \r\n >SUBMIT\r\n
\r\n \r\n \r\n {\" \"}\r\n
{\" \"}\r\n \r\n \r\n Instructions\r\n
\r\n- \r\n
- \r\n Personality profiling helps us know more about your working\r\n style and preferred way of behaving in a work place.\r\n \r\n
- \r\n This is not a test. Hence, there is no right or wrong answer in\r\n this section. Neither is there any cut-off.{\" \"}\r\n {\" \"}\r\n
- \r\n Your responses help us know more about your personality\r\n preferences.\r\n \r\n
- \r\n There are 23 questions in total.{\" \"}\r\n \r\n
- \r\n All the questions are to be answered for you to complete the\r\n profiling exercise.\r\n {\" \"}\r\n
- \r\n Each question has 3 alternative choices. You are requested to\r\n select one of the three choices, which you can best relate to.\r\n \r\n
- \r\n {\" \"}\r\n The other two choices have to be left blank.\r\n {\" \"}\r\n
- \r\n We would advise you to go with your first instincts and respond\r\n spontaneously.\r\n {\" \"}\r\n
- \r\n It takes about 15 minutes to complete the section. There is no\r\n time limit. You can do it at ease.\r\n \r\n
\r\n
\r\n {/* \r\n Questions\r\n
\r\n\r\n
\r\n\r\n - \r\n
- \r\n You have been trying to contact your college senior for the\r\n past 4 days for a project. He has worked on that project\r\n earlier.\r\n \r\n
\r\n
\r\n \r\n {\r\n this.setState({\r\n Perseverance1:\r\n e.target.value\r\n }) \r\n } \r\n }\r\n />\r\n \r\n I will meet him in person and request for his time.\r\n \r\n
\r\n \r\n { \r\n this.setState({\r\n Perseverance1:\r\n e.target.value,\r\n })}) \r\n }\r\n />\r\n \r\n I will wait for my senior to call back.\r\n \r\n
{\" \"}\r\n \r\n {\r\n this.setState({\r\n Perseverance1:\r\n e.target.value,\r\n })})\r\n }\r\n />\r\n \r\n I will reach him through a common friend.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n The Head of the department of your college has rejected your\r\n project report for the third time.\r\n \r\n
\r\n
\r\n \r\n {\r\n this.setState({\r\n Perseverance2:e.target.value\r\n })})\r\n \r\n }\r\n />\r\n \r\n I will try to make up for the poor marks in the project\r\n through higher marks in the written exam.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Perseverance2:\r\n e.target.value\r\n })})\r\n \r\n }\r\n />\r\n \r\n I will meet him once again to explain my project.\r\n \r\n
{\" \"}\r\n \r\n {\r\n this.setState({\r\n Perseverance2:\r\n e.target.value,\r\n })})\r\n \r\n }\r\n />\r\n \r\n I will take another teacher’s help to improve the project\r\n report.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n You are in your college working on an assignment which is due\r\n today. It has started to rain and there is a bus/autorickshaw\r\n strike.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Closure1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will finish my assignment and then go home.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Closure1: e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will leave with my friends and come early tomorrow to\r\n finish the assignment.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n \r\n this.setState({\r\n Closure1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will call up my teacher and seek an extension on the\r\n timeline.\r\n \r\n
\r\n \r\n
\r\n \r\n - \r\n
- \r\n The ceiling fan in your college classroom has not been working\r\n properly since 1 month. You have made a complaint with the\r\n college authorities.\r\n \r\n
\r\n
\r\n \r\n {\r\n this.setState({\r\n Closure2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n\r\n />\r\n \r\n I will follow up with the authorities on a regular basis\r\n till they change the fan.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Closure2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n \r\n />\r\n \r\n I have made the complaint. I am sure they will take care of\r\n it.\r\n \r\n
{\" \"}\r\n \r\n {\r\n this.setState({\r\n Closure2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I have made the complaint. I will send a reminder if they\r\n don’t take action on time.\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n You have commited to your\r\n landlord that you would pay\r\n the rent on 5th of every\r\n month. It is 5th today and you\r\n are out of town.\r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n this.setState({\r\n Closure3:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will pay the rent in advance\r\n \r\n
\r\n \r\n \r\n {\r\n this.setState({\r\n Closure3:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will call my landlord and seek his permission to pay the rent upon my return.\r\n \r\n
{\" \"}\r\n \r\n \r\n {\r\n this.setState({\r\n Closure3:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will ask my brother to pay the rent on my behalf.\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n Your college senior shouts\r\n at you infront of your class\r\n mates. You think it is not\r\n your fault\r\n {\"Reslience1\"}\r\n \r\n
\r\n
\r\n \r\n {\r\n this.setState({\r\n Resilience1:\r\n e.target.value,\r\n })\r\n \r\n} }\r\n />\r\n \r\n I will tell the senior\r\n not to shout as it is\r\n not my mistake.\r\n \r\n
\r\n \r\n {\r\n\r\n this.setState({\r\n Resilience1:\r\n e.target.value,\r\n })\r\n \r\n} }\r\n />\r\n \r\n I will ask him what\r\n has made him upset.\r\n \r\n
{\" \"}\r\n \r\n {\r\n this.setState({\r\n Resilience1:\r\n e.target.value,\r\n })\r\n \r\n} }\r\n />\r\n \r\n I will wait for him to\r\n calm down and will try\r\n to find out what has\r\n made him upset.\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n You have not made it to the\r\n school cricket team even after\r\n practicing for a year\r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n \r\n this.setState({\r\n Resilience2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will appear for\r\n selection trial of my\r\n local cricket club\r\n intead.\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.setState({\r\n Resilience2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will focus on\r\n studies.\r\n \r\n
{\" \"}\r\n \r\n \r\n {\r\n \r\n this.setState({\r\n Resilience2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will continue\r\n practicing and\r\n reappear for selection\r\n next year.\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n The cleanliness level in\r\n your housing society has gone\r\n down. You feel that the matter\r\n should be raised to the\r\n secretary of the society. He\r\n has scolded you on previous\r\n occasions for raising issues\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n {this.setState({\r\n Resilience3:\r\n e.target.value,\r\n })}\r\n \r\n} }\r\n />\r\n \r\n I will meet him to\r\n discuss the matter\r\n \r\n \r\n
\r\n \r\n {\r\n {this.setState({\r\n Resilience3:\r\n e.target.value,\r\n })}\r\n \r\n} }\r\n />\r\n \r\n I will write a letter\r\n to him.\r\n \r\n
{\" \"}\r\n \r\n {\r\n {this.setState({\r\n Resilience3:\r\n e.target.value,\r\n })}\r\n \r\n} }\r\n />\r\n \r\n I will request my\r\n neighbour to represent\r\n the issue.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n The teacher at your coaching\r\n class has given you a subject\r\n wise study schedule\r\n \r\n
\r\n
\r\n \r\n {\r\n this.setState({\r\n Personalorganisation1:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I will follow the\r\n study schedule.\r\n \r\n \r\n
\r\n \r\n {\r\n\r\n this.setState({\r\n Personalorganisation1:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I will make some\r\n modification in the\r\n study schedule to suit\r\n my study habits.\r\n \r\n
{\" \"}\r\n \r\n {\r\n this.setState({\r\n Personalorganisation1:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I will create my own\r\n study schedule that\r\n suits me.\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n - \r\n
- \r\n You have to travel to\r\n another city after 10 days.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Personalorganisation2:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I will prepare a\r\n travel schedule at\r\n least 3 days in\r\n advance.\r\n \r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Personalorganisation2:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n Since I have travelled\r\n a lot, a travel\r\n schedule is not\r\n required\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Personalorganisation2:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n \r\n \r\n I will finalise my\r\n travel schedule while\r\n travelling to the\r\n city.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n Before submitting your\r\n answersheet for the exam\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Personalorganisation3:\r\n e.target.value,\r\n })}\r\n }\r\n \r\n />\r\n \r\n I will check all the\r\n answers in detail once\r\n again.\r\n \r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Personalorganisation3:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n I will glance through\r\n the answer sheet.\r\n \r\n
{\" \"}\r\n \r\n {\r\n\r\n this.setState({\r\n Personalorganisation3:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I will not go back to\r\n the answers as I am\r\n sure everything would\r\n be correct.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n You are invited for a\r\n social gathering\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Sociallyconfident1:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I will spend most of\r\n my time with my\r\n friends.\r\n \r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Sociallyconfident1:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n I will interact with\r\n as many new people as\r\n I can.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Sociallyconfident1:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n Given the situation\r\n and my comfort I will\r\n interact with new\r\n people.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n When I meet a stranger\r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n \r\n this.setState({\r\n Sociallyconfident2:\r\n e.target.value,\r\n })}\r\n }\r\n \r\n />\r\n \r\n I take time to know\r\n the person.\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n \r\n this.setState({\r\n Sociallyconfident2:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n I start the\r\n interaction.\r\n \r\n
{\" \"}\r\n \r\n \r\n {\r\n \r\n this.setState({\r\n Sociallyconfident2:\r\n e.target.value,\r\n })}\r\n }\r\n />\r\n \r\n I am open to initiate\r\n the discussion, but a\r\n lot depends on the\r\n other person.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n The mobile network tower in\r\n your locality is not working.\r\n You and your neighbours are\r\n getting affected due to the\r\n network problem.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Passion1:\r\n e.target.value,\r\n })\r\n } }\r\n />\r\n \r\n I will inform the mobile network company and get it repaired.\r\n \r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Passion1:\r\n e.target.value,\r\n })\r\n } }\r\n />\r\n I will use the landline.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Passion1:\r\n e.target.value,\r\n })\r\n } }\r\n />\r\n \r\n I will change my mobile network provider.\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n Till last year only 15\r\n people participated in the\r\n blood donation camp.This year\r\n the principal has asked you to\r\n guarantee 150 donors ,else he\r\n will not allow you to conduct\r\n the camp.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Passion2:\r\n e.target.value,\r\n })\r\n } }\r\n />\r\n \r\n 15 to 150 is a steep\r\n increase. I will not\r\n accept the project.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Passion2:\r\n e.target.value,\r\n })\r\n } }\r\n />\r\n I will work towards\r\n ensuring 150 donors.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Passion2:\r\n e.target.value,\r\n })\r\n } }\r\n />\r\n \r\n I will try to\r\n negotiate with the\r\n principal and try to\r\n bring it down to 50-75\r\n donors.\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n - \r\n
- \r\n One of the windows in your\r\n hostel room is broken\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Problemsolving1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n\r\n />\r\n \r\n I will try to fix it\r\n myself.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Problemsolving1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n I will involve the\r\n hostel warden and seek\r\n assistance.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Problemsolving1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n These are common\r\n problems in a hostel\r\n and I will manage.\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n - \r\n
- \r\n You have scored good marks\r\n in all subjects except one\r\n .The final examination is\r\n approaching in 2 months.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Problemsolving2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will consult my\r\n teacher and seek help.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Problemsolving2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n I will continue to\r\n study on my own.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Problemsolving2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will change my\r\n elective.\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n You are waiting for a\r\n friend at his college gate. He\r\n is going to be late by 15\r\n minutes\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will engage with the\r\n security guard of the\r\n college and see if I\r\n can find common\r\n interests to pass\r\n time.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n I will go to the\r\n nearby shop.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will try and find\r\n someone I know in that\r\n college till my friend\r\n comes.\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n You have gone to you\r\n friend's house for the first\r\n time.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will interact with\r\n my friend's family\r\n members and share\r\n information about\r\n myself and my family.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n If my friend's family\r\n members talk to me , I\r\n will share information\r\n about myself.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will greet the\r\n family members and go\r\n to my friend's room.\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n You meet one of your\r\n college professors in a\r\n shopping mall after 4 years.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation3:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n You greet him and\r\n spend some time with\r\n him.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation3:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n You greet him and\r\n continue with your\r\n shopping.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation3:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n You let him pass as\r\n its been a long time\r\n since college ended.\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n You and your friends have\r\n to catch a train and the train\r\n tickets are with you.While\r\n leaving for the station you\r\n notice that your aged\r\n neighbour is struggling to\r\n unlock his house door.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation4:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will assist him in\r\n unlocking the door.\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation4:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n I will rush to the\r\n station as all the\r\n tickets are with me.\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n Affiliation4:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n I will ask the\r\n security guard of the\r\n society to help my\r\n neighbour.\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n - \r\n
- \r\n You phone your friend to go\r\n for a movie. Your friend\r\n sounds disturbed\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n ServiceRecovery1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n You will call another\r\n friend and check with\r\n him\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n ServiceRecovery1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n You will meet him to\r\n understand his problem\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n ServiceRecovery1:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n You will talk to him\r\n of his problem after\r\n watching the movie\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n \r\n \r\n - \r\n
- \r\n A family of three comes to\r\n your food stall in your\r\n college fest. They keep\r\n changing their mind about the\r\n order quantity and spread.\r\n \r\n
\r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n ServiceRecovery2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n You advise them on the\r\n dishes to be ordered\r\n \r\n
\r\n \r\n {\r\n \r\n this.setState({\r\n ServiceRecovery2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n You will wait till\r\n they make up their\r\n mind\r\n \r\n
{\" \"}\r\n \r\n {\r\n \r\n this.setState({\r\n ServiceRecovery2:\r\n e.target.value,\r\n })\r\n }\r\n }\r\n />\r\n \r\n You will politely ask\r\n them to wait to\r\n service others in the\r\n queue\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n \r\n
\r\n Add your social media Accounts
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Instagram/qwertyuio\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
{\" \"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\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 Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n // getSingleApplicantInfoAction: async (payload) => {await dispatch(getSingleApplicantInfoAction(payload))},\r\n getContactAction: async (payload) =>\r\n await dispatch(getContactAction(payload)),\r\n getEducationAction: async (payload) =>\r\n await dispatch(getEducationAction(payload)),\r\n getEmployeeAction: async (payload) =>\r\n await dispatch(getEmployeeAction(payload)),\r\n getlanguageAction: async (payload) =>\r\n await dispatch(getlanguageAction(payload)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Profile);\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport pin from \"views/profile/img/pin.png\";\r\nimport imgdetails from \"views/profile/img/timeline/imgdetails.png\";\r\nimport { Chrono } from \"react-chrono\";\r\nimport pdf from \"views/profile/img/timeline/pdf.png\";\r\nimport applyjob from \"views/profile/img/myjobs/applyjob.png\";\r\nimport { ChevronRight, ChevronLeft, Eye } from \"react-feather\";\r\nimport view from \"views/profile/img/view.svg\";\r\nimport interview from \"views/profile/img/myjobs/interview.png\";\r\nimport result from \"views/profile/img/myjobs/result.png\";\r\nimport selection from \"views/profile/img/myjobs/selection.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSingleJobAction, getapplicationSummary } from \"store/SingleJob\";\r\nimport { getApplicantHistory } from \"store/Profile\";\r\n\r\nimport relationshipbanner from \"views/job-details/img/relationship-img.png\";\r\nclass JobsList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShowDetails: true,\r\n currentSelectedJob: \"\",\r\n currentJOBSummary:null\r\n };\r\n }\r\n async componentDidMount() {\r\n let ApplicationSummary = await this.props.getapplicationSummary(\r\n this.props.Auth.HCID\r\n );\r\n }\r\n async getCurrentJobJSON(val) {\r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n });\r\n let response = await this.props.getSingleJobAction(val.RID);\r\n this.setState({ currentSelectedJob: val });\r\n let ResponseSummary=await this.props.getApplicantHistory(val.RID);\r\n this.setState({currentJOBSummary:ResponseSummary})\r\n // console.log(ResponseSummary);\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = relationshipbanner;\r\n }\r\n dateFormat(date){\r\nreturn new Date(date).toDateString()\r\n }\r\n render() {\r\n const getStatusClass = (val) => {\r\n const { status } = val;\r\n if (status == \"Shortlisted\") {\r\n return \"chips-success\";\r\n }\r\n if (status == \"Applied\") {\r\n return \"chips-success\";\r\n }\r\n if (status == \"Rejected\") {\r\n return \"chips-danger\";\r\n }\r\n if (status == \"Pending\") {\r\n return \"chips-warning\";\r\n }\r\n return \"\";\r\n };\r\n return (\r\n - \r\n
Resume
\r\n \r\nContact
\r\n \r\nEducation
\r\n \r\nExperience
\r\n \r\nMiscellaneous
\r\n {\" \"}\r\n \r\nSocial
\r\n \r\n\r\n
\r\n {this.state.isTabOpenNo == 3 ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.isTabOpenNo == 4 ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.isTabOpenNo == 5 ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {this.state.isTabOpenNo == 2 ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n 1 out of 3
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.isShowDetails && (\r\n
\r\n )}\r\n {!this.state.isShowDetails && (\r\n \r\n \r\n
\r\n );\r\n }\r\n )\r\n : \"\"\r\n : \"\"}\r\n \r\n
\r\n {this.props.ApplicationSummary\r\n ? this.props.ApplicationSummary.Data.JobsData.length > 0\r\n ? this.props.ApplicationSummary.Data.JobsData.map(\r\n (val, index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Jobs Title
\r\n\r\n
\r\n Location
\r\n\r\n
\r\n Date
\r\n\r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n
\r\n Status
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {val.JobTitle}\r\n
\r\n\r\n
\r\n \r\n {val.Location}\r\n
\r\n\r\n
\r\n \r\n {val.JobAppliedDate}\r\n \r\n {\" \"}\r\n {/* {val.time} */}\r\n \r\n
\r\n\r\n {\" \"}\r\n this.getCurrentJobJSON(val)}\r\n >\r\n
\r\n \r\n \r\n {val.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 \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {\r\n this.props.previewjob ? this.props.previewjob.Data?this.props.previewjob.Data.length>0?\r\n \r\n {/* {this.props.previewjob\r\n ? this.props.previewjob.Data?this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].JobTitle\r\n : \"\":\"\"\r\n : \"\"} */}\r\n {this.state.currentSelectedJob.JobTitle}\r\n
\r\n\r\n {this.state.currentSelectedJob.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 \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {this.props.previewjob\r\n ?this.props.previewjob.Data? this.props.previewjob.Data.length >\r\n 0\r\n ? this.props.previewjob.Data[0]\r\n .Location\r\n : \"\":\"\"\r\n : \"\"}\r\n
\r\n\r\n 3d ago\r\n
\r\n\r\n
\r\n \r\n 20th Jun 2021\r\n
\r\n\r\n {\" \"}\r\n 11:49 AM\r\n
\r\n\r\n {this.props.previewjob\r\n ? this.props.previewjob.Data ?this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0]\r\n .f_short_description\r\n : \"\":\"\"\r\n : \"\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {this.props.previewjob\r\n ?this.props.previewjob.Data? this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].JobType\r\n : \"\":\"\"\r\n : \"\"}\r\n
\r\n\r\n
\r\n\r\n \r\n {this.props.previewjob\r\n ?this.props.previewjob.Data? this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0]\r\n .Experience\r\n : \"\":\"\"\r\n : \"\"}\r\n
\r\n\r\n
\r\n \r\n {this.props.previewjob\r\n ?this.props.previewjob.Data? this.props.previewjob.Data.length > 0\r\n ? this.props.previewjob.Data[0].Function\r\n : \"Function\":\"\"\r\n : \"Function\"}\r\n
\r\n\r\n \r\n this.setState({\r\n isShowDetails: !this.state.isShowDetails,\r\n })\r\n }\r\n >\r\n Hide Details\r\n \r\n {\r\n this.props.previewjob ? this.props.previewjob.Data?this.props.previewjob.Data.length>0?\r\n
\r\n \r\n 0\r\n ? process.env.REACT_APP_IMAGE_BASE_MG +\r\n \"\" +\r\n this.props.previewjob.Data[0].f_path\r\n : \"\":\"\"\r\n : \"\"\r\n }\r\n alt=\"relationshipbanner\"\r\n className=\"w-357px h-228px\"\r\n />\r\n\r\n \r\n
\r\n \r\n : \"\":\"\"\r\n : \"\"\r\n }\r\n \r\n \r\n
*/}\r\n\r\n Attachments
\r\n\r\n \r\n
\r\n \r\n Resume.pdf\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {this.state.currentJOBSummary?this.state.currentJOBSummary.ResponseCode==100?this.state.currentJOBSummary.Data.map((value,index)=>{\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\n {value.StatusTitle}\r\n
\r\n\r\n {this.dateFormat(value.ModifiedDate)}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Result\r\n
\r\n\r\n 24th Jun 2021\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Interview\r\n
\r\n\r\n 25th Jun 2021\r\n
\r\n\r\n
\r\n */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Selection\r\n
\r\n\r\n 27th Jun 2021\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default MyJobs","import React from \"react\";\r\n\r\nimport { Modal } from \"react-responsive-modal\";\r\nimport \"react-responsive-modal/styles.css\";\r\n\r\nimport checksuccess from \"views/job-details/img/checksuccess.png\";\r\nimport offerletter from \"views/profile/img/offerletter.png\";\r\nclass JobOfferPopup extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isSuccess: false };\r\n // console.log(props.showRefer);\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n Sort by:
\r\n\r\n \r\n
\r\n \r\n
\r\n ADD FILTER +
\r\n\r\n {!this.state.isSuccess && (\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default JobOfferPopup;\r\n","import React from \"react\";\r\n\r\nimport { Modal } from \"react-responsive-modal\";\r\nimport \"react-responsive-modal/styles.css\";\r\n\r\nimport checksuccess from \"views/job-details/img/checksuccess.png\";\r\nimport offerletter from \"views/profile/img/offerletter.png\";\r\nclass JobRejectPopup extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { isSuccess: false };\r\n // console.log(props.showRefer);\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n {this.state.isSuccess && (\r\n \r\n
\r\n \r\n JOB OFFER\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n You have{\" \"}\r\n Accepted the\r\n Job Offer!\r\n
\r\n\r\n View Offer Letter\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n Referral Success\r\n
\r\n\r\n \r\n REFER ANOTHER FRIEND\r\n \r\n
\r\n \r\n {!this.state.isSuccess && (\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default JobRejectPopup;\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport JobOfferPopup from \"./JobOfferPopup\";\r\nimport JobRejectPopup from \"./JobRejectPopup\";\r\nimport offerimage from \"views/profile/img/offersimage.png\";\r\nimport offerletter from \"views/profile/img/offerletter.png\";\r\nclass JobsList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShowDetails: true,\r\n isoffermodalopen: false,\r\n jobOffers: \"\",\r\n isrejectrmodalopen: false,\r\n jobReject: \"\",\r\n };\r\n }\r\n\r\n render() {\r\n const { jobOffers, jobReject } = this.state;\r\n return (\r\n \r\n
\r\n )}\r\n {this.state.isSuccess && (\r\n \r\n
\r\n \r\n JOB OFFER\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n You have{\" \"}\r\n Rejected the\r\n Job Offer!\r\n
\r\n\r\n View Offer Letter\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n Referral Success\r\n
\r\n\r\n \r\n REFER ANOTHER FRIEND\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n You have digitally accepted the offer letter on July 21, 2021 You\r\n and your joining date is{\" \"}\r\n August 10, 2021\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Note: You can’t modify your joining date more than\r\n once. If you wish to modify your joining date, please rate a\r\n ticket.\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n Congratulations!\r\n
\r\n\r\n You have recieved the offer letter by ICICI Bank\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n View Offer Letter\r\n
\r\n\r\n
\r\n \r\n Note: The document is password protected, To view,\r\n enter your date of birth in DDD/MM/YYYY format.\r\n
\r\n\r\n this.setState({ isrejectmodalopen: true })}\r\n >\r\n REJECT\r\n \r\n this.setState({ isoffermodalopen: true })}\r\n >\r\n ACCEPT\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n You have digitally accepted the offer letter on July 21, 2021 You\r\n and your joining date is{\" \"}\r\n August 10, 2021\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Note: If you wish to modify your joining date, please\r\n enter a new date.\r\n
\r\n\r\n
\r\n \r\n \r\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 RaiseTicketPopup;\r\n","import React from \"react\";\r\nimport { Component } from \"react\";\r\nimport JobsList from \"./components/JobsList\";\r\nimport RaiseTicketPopup from \"views/profile/components/my-offers/components/RaiseTicketPopup\";\r\nclass MyOffers extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n israisedticketopen: false,\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n RAISE A TICKET
\r\n\r\n \r\n
\r\n \r\n this.setState({ israisedticketopen: false })}\r\n />\r\n
\r\n );\r\n }\r\n}\r\nexport default MyOffers;\r\n","import React, { Component } from \"react\";\r\nimport Activities from \"views/profile/components/my-activities/Activities\";\r\nimport BookMark from \"views/profile/components/bookmark/BookMark.js\";\r\nimport Declaration from \"views/profile/components/declaration/Declaration.js\";\r\nimport EKYC from \"views/profile/components/ekyc/EKYC.js\";\r\nimport Documents from \"views/profile/components/documents/Documents.js\";\r\nimport Profiler from \"views/profile/components/profiler/Profiler.js\";\r\n// import { User, Activity, Bookmark, Award, FileText } from \"react-feather\";\r\nimport ProfileTab from \"views/profile/profile/ProfileTab\";\r\nimport usericon from \"views/profile/img/tabs/user.svg\";\r\nimport jobs from \"views/profile/img/tabs/jobs.svg\";\r\nimport activityicon from \"views/profile/img/tabs/activity.svg\";\r\nimport bookmarkicon from \"views/profile/img/tabs/bookmark.svg\";\r\nimport declarationicon from \"views/profile/img/tabs/declaration.svg\";\r\nimport profilericon from \"views/profile/img/tabs/profiler.svg\";\r\nimport documentsicon from \"views/profile/img/tabs/documents.svg\";\r\nimport ekyc from \"views/profile/img/tabs/ekyc.svg\";\r\nimport MyJobs from \"views/profile/components/my-jobs/MyJobs\";\r\nimport MyOffers from \"views/profile/components/my-offers/MyOffers\";\r\nclass Tabs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isTabOpenNo: 1,\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n this.setState({ israisedticketopen: true })}\r\n >\r\n RAISE A TICKET\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
Profile
\r\n \r\n\r\n\r\n My Activities\r\n
\r\n \r\n\r\nMy Jobs
\r\n \r\n\r\n\r\n My Offers\r\n
\r\n \r\n\r\n\r\n Book Marks\r\n
\r\n \r\n\r\n\r\n Declaration\r\n
\r\n \r\n\r\n\r\n Profiler\r\n
\r\n \r\n\r\n\r\n Documents\r\n
\r\n \r\n\r\ne-KYC
\r\n \r\n \r\n\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Step 1/6{\" \"}\r\n \r\n To complete your profile\r\n \r\n
\r\n\r\n
\r\n \r\n {this.state.isTabOpenNo ==2 ?\r\n
\r\n\r\n \r\n {this.state.isTabOpenNo == 3?\r\n
\r\n\r\n \r\n {this.state.isTabOpenNo == 4?\r\n
\r\n\r\n \r\n {this.state.isTabOpenNo == 5?\r\n
\r\n\r\n \r\n {this.state.isTabOpenNo == 6?\r\n
\r\n\r\n \r\n {this.state.isTabOpenNo == 7?\r\n
\r\n\r\n \r\n {this.state.isTabOpenNo == 8?\r\n
\r\n \r\n {this.state.isTabOpenNo == 9?\r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default Tabs;\r\n","import React, { Component } from \"react\";\r\nimport userprofile from \"views/profile/img/user.png\";\r\nimport { Plus } from \"react-feather\";\r\nimport Tabs from \"views/profile/components/Tabs\";\r\nimport Token from \"api/Auth/auth\";\r\nimport store from \"store.js\";\r\nimport { setMgToken, setHcToken } from \"store/Auth\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getSingleApplicantInfoAction,\r\n getUserSingleUserJourneyAction,\r\n geResumeHC,\r\n upploadDocument,\r\n upploadProfilePhotoMG,\r\n} from \"../../store/Profile\";\r\nimport { getBasicAction } from \"../../store/userWalkthrough\";\r\nimport user1 from \"views/home/img/map/us1.png\";\r\nimport FileBase64 from \"react-file-base64\";\r\nimport { setLoader } from \"store/Auth\";\r\nclass Profile extends Component {\r\n async componentDidMount() {\r\n try {\r\n // let HcToken = await Token.getToken();\r\n // store.dispatch(setHcToken(HcToken));\r\n // let MgToken = await Token.getTokenMagitt();\r\n // store.dispatch(setMgToken(MgToken))\r\n\r\n this.props.setLoader(true);\r\n if (this.props.Auth.MGID) {\r\n let payload = {\r\n HcId: this.props.Auth.HCID ? this.props.Auth.HCID : null,\r\n MgId: this.props.Auth.MGID,\r\n };\r\n let responseSingleApplicantInfo =\r\n await this.props.getSingleApplicantInfoAction(payload);\r\n } else {\r\n alert(\"Invalid User relogin\");\r\n }\r\n\r\n if (this.props.Auth.HCID) {\r\n let ResumeResponse = await this.props.geResumeHC(this.props.Auth.HCID);\r\n let BasicResponse = await this.props.getBasicAction(this.props.Auth.HCID);\r\n }\r\n let payloadUser = {\r\n HcId: this.props.Auth.HCID ? this.props.Auth.HCID : null,\r\n };\r\n let res = await this.props.getUserSingleUserJourneyAction(payloadUser);\r\n this.props.setLoader(false);\r\n } catch (error) {\r\n this.props.setLoader(false);\r\n }\r\n }\r\n // async uplodProfilePhoto(){\r\n\r\n // let obj={\r\n // CandidateNo: this.props.HCUSERID,\r\n // DocumentID: 18,\r\n // FileData:\"\",\r\n // FileName: \"sample.pdf\",\r\n // Notes: \"By Applicant through DocumentPOrtal\",\r\n // UserID: 0\r\n // }\r\n\r\n // let response=await this.props.upploadDocument(obj);\r\n // }\r\n async uplodProfilePhoto(files) {\r\n var inputData = {\r\n profilePic: files.base64,\r\n userId: this.props.MGUSERID,\r\n };\r\n let obj = {\r\n CandidateNo: this.props.HCUSERID,\r\n DocumentID: 18,\r\n FileData: files.base64.split(\",\")[1],\r\n FileName: files.name,\r\n Notes: \"By Applicant through NewCareers\",\r\n UserID: 0,\r\n };\r\n let response = await this.props.upploadDocument(obj);\r\n if (response.ResponseCode == 100) {\r\n let responseMG = await this.props.upploadProfilePhotoMG(inputData);\r\n let payload = {\r\n HcId: this.props.Auth.HCID ? this.props.Auth.HCID : null,\r\n MgId: this.props.Auth.MGID,\r\n };\r\n let responseSingleApplicantInfo =\r\n await this.props.getSingleApplicantInfoAction(payload);\r\n alert(response.ResponseMessage);\r\n } else {\r\n alert(response.ResponseMessage);\r\n }\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src = user1;\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n Profile: state.Profile.home.SINGLEAPPLICANTINFO,\r\n HCUSERID: state.Auth.user.HCID,\r\n MGUSERID: state.Auth.user.MGID,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSingleApplicantInfoAction: async (payload) => {\r\n await dispatch(getSingleApplicantInfoAction(payload));\r\n },\r\n getBasicAction: async (payload) => await dispatch(getBasicAction(payload)),\r\n getUserSingleUserJourneyAction: async (payload) => {\r\n await dispatch(getUserSingleUserJourneyAction(payload));\r\n },\r\n geResumeHC: async (payload) => await dispatch(geResumeHC(payload)),\r\n upploadDocument: async (payload) =>\r\n await dispatch(upploadDocument(payload)),\r\n upploadProfilePhotoMG: async (payload) =>\r\n await dispatch(upploadProfilePhotoMG(payload)),\r\n setLoader:async (flag) => await dispatch(setLoader(flag)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Profile);\r\n","import React from \"react\";\r\n// Import Swiper React components\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n// Import Swiper styles\r\n\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/effect-fade/effect-fade.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\n// import Swiper core and required modules\r\nimport SwiperCore, { EffectFade, Navigation, Pagination } from \"swiper/core\";\r\nimport whatsnews from \"views/whats-new/img/whatsnew.png\";\r\n// install Swiper modules\r\nSwiperCore.use([EffectFade, Navigation, Pagination]);\r\n\r\nexport default function App() {\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 Upload Resume\r\n */}\r\n
\r\n \r\n
\r\n
\r\n \r\n {this.props.Profile &&\r\n this.props.Profile.Data &&\r\n this.props.Profile.Data.userProfiledata\r\n ? this.props.Profile.Data.userProfiledata.u_name\r\n : \"\"}\r\n
\r\n\r\n \r\n 30%\r\n \r\n Profile complete\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React, { useRef, useState } from \"react\";\r\n\r\nimport image1 from \"views/whats-new/img/gallery/businessgrowth.png\";\r\nimport image2 from \"views/whats-new/img/gallery/itreasuryhome.png\";\r\nimport image3 from \"views/whats-new/img/gallery/itreasury.png\";\r\nimport image4 from \"views/whats-new/img/gallery/lock.png\";\r\nimport image5 from \"views/whats-new/img/gallery/overdraft.png\";\r\nimport image6 from \"views/whats-new/img/gallery/chair.png\";\r\nimport view from \"views/whats-new/img/gallery/view.png\";\r\n\r\nexport default function App() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n What’s New\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium doloremque laudantium\r\n
\r\n\r\n
\r\n \r\n What’s New\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium doloremque laudantium\r\n
\r\n\r\n
\r\n \r\n What’s New\r\n
\r\n\r\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\r\n accusantium doloremque laudantium\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\n\r\n//component\r\n\r\nimport WhatsNewBanner from \"views/whats-new/components/WhatsNewBanner.js\";\r\nimport Gallery from \"views/whats-new/components/Gallery.js\";\r\nimport FooterSection from \"views/home/components/FooterSection\";\r\n\r\nclass WhatsNew extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {/* 2nd section */}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Business Growth\r\n
\r\n\r\n
\r\n 5 days ago
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n 1.5k views\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Overdraft Protection\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Overdraft Protection\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Business Growth\r\n
\r\n\r\n
\r\n 5 days ago
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n 1.5k views\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Overdraft Protection\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ICICI Bank iTreasury\r\n
\r\n\r\n
\r\n 5 days ago
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n 1.5k views\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Overdraft Protection\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Overdraft Protection\r\n
\r\n\r\n
\r\n 5 days ago
\r\n {/*\r\n
*/}\r\n \r\n \r\n
\r\n 1.5k views
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default WhatsNew;\r\n","import React, { Component } from \"react\";\r\nimport { ChevronLeft } from \"react-feather\";\r\nimport error404 from \"assets/img/error404.png\";\r\n\r\nclass Error404 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Error404;\r\n","import React, { Component } from \"react\";\r\n\r\nclass ThreeD extends Component {\r\n render() {\r\n return (\r\n \r\n 
\r\n\r\n
\r\n \r\n
\r\n \r\n Oops! Page Not Found\r\n
\r\n\r\n
\r\n Go Back
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default ThreeD;\r\n","import React, { Component } from \"react\";\r\nimport { ChevronLeft } from \"react-feather\";\r\nimport maintenaceimg from \"assets/img/maintenace.png\";\r\n\r\nclass maintenace extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default maintenace;\r\n","import { getknowUsMoreAction } from \"store/Home\";\r\nimport React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Input } from \"reactstrap\";\r\nimport { Search } from \"react-feather\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { ChevronLeft } from \"react-feather\";\r\nimport bookmark from \"views/job-listing/img/bookmark.svg\";\r\nimport logo from \"views/ilearn/img/icici.png\";\r\nimport filter from \"views/job-listing/img/filter.png\";\r\nimport TrendingJobs1 from \"views/home/img/courses/course1.png\";\r\nimport { connect } from \"react-redux\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n\r\n// Import Swiper styles\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/effect-fade/effect-fade.min.css\";\r\nimport \"swiper/components/navigation/navigation.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\";\r\n\r\n// import Swiper core and required modules\r\nimport SwiperCore, { EffectFade, Navigation, Pagination } from \"swiper/core\";\r\nimport banner1 from \"views/ilearn/img/banner.png\";\r\n\r\n// install Swiper modules\r\nSwiperCore.use([EffectFade, Navigation, Pagination]);\r\nclass KnowUsMore extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n jobs: [],\r\n filter: false,\r\n };\r\n }\r\n// async componentDidMount() {\r\n// let response = await this.props.getknowUsMoreAction();\r\n// }\r\n addDefaultSrc(ev) {\r\n ev.target.src = banner1;\r\n }\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n HANG ON! We Are under maintenace\r\n
\r\n\r\n
\r\n \r\n We are constantly updating our site, check back again after a\r\n few hoursGo Back\r\n
\r\n\r\n
\r\n {course.p_title || 'The Course'}
\r\n\r\n {course.p_short_description ||\r\n 'this is short description' }\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 knowusmore: state.Home.home.KNOWUSMORE,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getknowUsMoreAction: async () => await dispatch(getknowUsMoreAction()),\r\n\r\n };\r\n};\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(KnowUsMore));","import {getknowUsMoreAction} from 'store/Home';\r\nimport React, { Component } from \"react\";\r\nimport Banner from \"views/know-us-more/components/LisitingBanner\";\r\nimport KnowUsMore from \"views/know-us-more/components/AllPortfolios\"\r\nimport { connect } from \"react-redux\";\r\nimport FooterSection from \"views/home/components/FooterSection\";\r\nimport TrendingJobs1 from \"views/home/img/courses/course1.png\";\r\nimport \"../css/Index.scss\";\r\nclass Ilearn extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n courses: [],\r\n };\r\n }\r\n addDefaultSrc(ev) {\r\n ev.target.src =\r\n TrendingJobs1\r\n }\r\n async componentDidMount() {\r\n let response = await this.props.getknowUsMoreAction();\r\n }\r\n render() {\r\n return (\r\n \r\n this.setState({ filter: !this.state.filter })}\r\n >\r\n \r\n \r\n\r\n
\r\n\r\n FILTERS
\r\n\r\n All Courses\r\n
\r\n\r\n {this.state.filter && (\r\n \r\n {this.props.knowusmore && this.props.knowusmore.Data.map((portfolio, index) => {\r\n return (\r\n \r\n this.props.history.push(\r\n `${process.env.PUBLIC_URL}/Career/know-us-more/${portfolio.p_value}`\r\n )\r\n }\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n\r\n Filters
\r\nClear all
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {/* category */}\r\n \r\n Course Provider\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n\r\n {/* experience */}\r\n Duration
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n \r\n Start Date\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n 16\r\n
\r\n\r\n
\r\n\r\n \r\n {/* */}\r\n \r\n
\r\n 8
\r\n\r\n
\r\n \r\n {/* */}\r\n \r\n
\r\n 0
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )})}\r\n \r\n
\r\n\r\n \r\n {portfolio.p_title || 'The Course'}\r\n
\r\n\r\n {portfolio.p_short_description ||\r\n 'this is short description' }\r\n
\r\n\r\n \r\n\r\n {/*
\r\n \r\n
*/}\r\n \r\n {`${portfolio.p_short_description}`.split('|')[1] || '6 Courses(12h)'}\r\n
\r\n\r\n \r\n
\r\n \r\n {moment(portfolio.p_createdDate).fromNow()}\r\n
\r\n\r\n
\r\n \r\n View Details\r\n
\r\n\r\n
\r\n );\r\n };\r\n};\r\nconst mapStateToProps = (state) => {\r\n return {\r\n knowusmore: state.Home.home.KNOWUSMORE,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getknowUsMoreAction: async () => await dispatch(getknowUsMoreAction()),\r\n\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Ilearn);\r\n// export default JobDetails;\r\n","import React, { Component } from \"react\";\r\nimport logo from \"views/stepPortal/image/login/logo.png\";\r\nimport steplogo from \"views/stepPortal/image/login/steplogo.png\";\r\nclass Left extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n - \r\n
- Home / \r\n
- \r\n Know us more\r\n \r\n
\r\n
\r\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 Left;\r\n","import React, { Component } from \"react\";\r\nimport loginbanner from \"views/stepPortal/image/login/loginbanner.png\";\r\nclass Right extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n 
\r\n
\r\n\r\n \r\n
\r\n Proceed to Test
\r\n\r\n \r\n
\r\n \r\n 
\r\n
\r\n );\r\n }\r\n}\r\nexport default Right;\r\n","import React, { Component } from \"react\";\r\nimport Left from \"views/stepPortal/login/components/Left\";\r\nimport Right from \"views/stepPortal/login/components/Right\";\r\nimport \"views/stepPortal/scss/Index.scss\";\r\nclass MainLogin extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default MainLogin;\r\n","import React from \"react\";\r\nimport { css } from \"@emotion/react\";\r\nimport ClimbingBoxLoader from \"react-spinners/ClimbingBoxLoader\";\r\nimport HashLoader from \"react-spinners/ClockLoader\";\r\nconst override = css`\r\n display: block;\r\n margin: 0 auto;\r\n border-color: red;\r\n`;\r\n\r\nclass AwesomeComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n color: \"#e77820\",\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.loading ? (\r\n \r\n
\r\n\r\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 AwesomeComponent;\r\n","import React, { Component } from \"react\";\r\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\n\r\nimport { createBrowserHistory } from \"history\";\r\n\r\nimport Home from \"views/home/Home\";\r\nimport JobDetails from \"views/job-details/JobDetails\";\r\nimport JobListing from \"views/job-listing/JobListing\";\r\nimport WhatsNew from \"views/whats-new/WhatsNew\";\r\nimport ITV from \"views/ITV-details/ITV\";\r\nimport ContactUs from \"views/contactUs/ContactUs\";\r\nimport KnowUsMore from \"views/know-us-more/KnowUsMore\";\r\nimport Profile from \"views/profile/ProfileMain\";\r\nimport Error404 from \"views/service-pages/Error404\";\r\nimport ThreeD from \"components/Navbars/components/ThreeD\";\r\nimport maintenace from \"views/service-pages/maintenace\";\r\nimport portfolioList from \"views/know-us-more/KnowusMoreListing\";\r\nimport Ilearn from \"views/ilearn/Ilearn\";\r\nimport IlearnDetails from \"views/ilearn/ilearndetails/IlearnDetails\";\r\nimport MainLogin from \"views/stepPortal/login/MainLogin\";\r\n\r\nimport TimeLine from \"views/profile/components/my-activities/components/TimeLine\";\r\nimport Spinner from \"utility/spinner\";\r\nimport store from \"store.js\";\r\nimport { connect } from \"react-redux\";\r\n// views without layouts\r\nclass Main extends Component {\r\n constructor(props) {\r\n super(props);\r\n //--- if reload page set Authorization header ----\r\n // axios.defaults.headers.common['Authorization'] = 'Bearer ' + sessionStorage.getItem('token');\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport const history = createBrowserHistory({\r\n basename: process.env.PUBLIC_URL,\r\n});\r\n\r\n// export default Main;\r\nconst mapStateToProps = (state) => {\r\n return {\r\n Auth: state.Auth.user,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Main);\r\n","import React, { Component, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"reactstrap\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { Search, Bell, AlignJustify } from \"react-feather\";\r\nimport Logo from \"assets/img/logo.png\";\r\nimport LoginPopup from \"./components/LoginPopup\";\r\nimport NotificationSidebar from \"./components/NotificationSidebar\";\r\nimport UserDropdown from \"./components/UserDropdown\";\r\nimport MenuDropdown from \"./MenuDropdown\";\r\nimport MobileHamburgerSidebar from \"components/Navbars/components/MobileHamburgerSidebar\";\r\nimport threeD from \"components/Navbars/img/threeD.png\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { getSUGGESTIONAction } from \"store/Search\";\r\nimport Autosuggest from \"react-autosuggest\";\r\nimport search from \"assets/styles/search.css\";\r\nimport job from \"assets/img/job.png\";\r\nimport portfolio from \"assets/img/portfolio.png\";\r\nimport course from \"assets/img/course.png\";\r\n// const Navigation = (props) => {\r\nconst renderSuggestion = (suggestion) => {\r\n // console.log(suggestion);\r\n return (\r\n \r\n {suggestion.type == \"jobs\" ? (\r\n 
\r\n ) : suggestion.type == \"course\" ? (\r\n 
\r\n ) : (\r\n 
\r\n )}\r\n\r\n
\r\n );\r\n};\r\n{\r\n /* \r\n {suggestion.title + \" - \" + suggestion.type}\r\n
\r\n{suggestion.title}
; */\r\n}\r\nconst getSuggestionValue = (suggestion) => suggestion.title;\r\nclass Navigation extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isExpanded: false,\r\n shownotification: false,\r\n ShowMobileHamburger: false,\r\n Suggestions: [],\r\n value: \"\",\r\n };\r\n }\r\n componentDidMount() {\r\n // this.getSuggestions(\"client\");\r\n }\r\n onSuggestionsClearRequested() {\r\n this.setState({\r\n Suggestions: [],\r\n });\r\n }\r\n async onSuggestionsFetchRequested({ value }) {\r\n this.setState({\r\n Suggestions: await this.getSuggestions(value),\r\n });\r\n // this.setState({\r\n // Suggestions: this.getSuggestions(value),\r\n // });\r\n }\r\n async getSuggestions(value) {\r\n try {\r\n let Suggestions = [];\r\n const inputValue = value.trim().toLowerCase();\r\n const inputLength = inputValue.length;\r\n let response = await this.props.getSUGGESTION({ keyword: value });\r\n if (response) {\r\n Suggestions = response.Data;\r\n }\r\n // console.log(Suggestions);\r\n return inputLength === 0 ? [] : Suggestions;\r\n // return Suggestions;\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n }\r\n onChange = (event, { newValue }) => {\r\n // console.log(newValue)\r\n this.setState({\r\n value: newValue,\r\n });\r\n // console.log(this.state.value)\r\n };\r\n onSuggestionSelected(\r\n event,\r\n { suggestion, suggestionValue, suggestionIndex, sectionIndex, method }\r\n ) {\r\n debugger;\r\n if (suggestion.type == \"jobs\") {\r\n this.props.history.push(\r\n process.env.PUBLIC_URL + \"/Career/job-details/\" + suggestion.id\r\n );\r\n } else if (suggestion.type == \"course\") {\r\n this.props.history.push(\r\n process.env.PUBLIC_URL + \"/Career/ilearn-details/\" + suggestion.id\r\n );\r\n } else if (suggestion.type == \"portfolio\") {\r\n this.props.history.push(\r\n process.env.PUBLIC_URL + \"/Career/know-us-more/\" + suggestion.id\r\n );\r\n }\r\n }\r\n render() {\r\n const { value, Suggestions } = this.state;\r\n const inputProps = {\r\n placeholder: \"Search for jobs events or programs\",\r\n className:\r\n \"cust-search500 cust-shadow-md fsize16 py-4 px-6 rounded-full \",\r\n value,\r\n name: \"search\",\r\n onChange: this.onChange,\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};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSUGGESTION: async (payload) =>\r\n await dispatch(getSUGGESTIONAction(payload)),\r\n };\r\n};\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(Navigation)\r\n);\r\n","import React,{Component} from \"react\";\r\nclass ErrorBoundary extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { hasError: false };\r\n }\r\n \r\n componentDidCatch(error, info) {\r\n // Display fallback UI\r\n this.setState({ hasError: true });\r\n // You can also log the error to an error reporting service\r\n // logErrorToMyService(error, info);\r\n }\r\n \r\n render() {\r\n if (this.state.hasError) {\r\n // You can render any custom fallback UI\r\n return \r\n
\r\n \r\n Something went wrong.
;\r\n }\r\n return this.props.children;\r\n }\r\n }\r\n export default ErrorBoundary","import React, { useState } from \"react\";\r\nimport { Route } from \"react-router-dom\";\r\nimport Main from \"routes/index\";\r\nimport { ToastNotification } from \"components/Notification/ToastNotification\";\r\nimport { useReactPWAInstall } from \"react-pwa-install\";\r\n// component\r\nimport Home from \"views/home/Home\";\r\nimport JobDetails from \"views/job-details/JobDetails\";\r\nimport JobListing from \"views/job-listing/JobListing\";\r\nimport Ilearn from \"views/ilearn/Ilearn\";\r\nimport IlearnDetails from \"views/ilearn/ilearndetails/IlearnDetails\";\r\nimport ITV from \"views/ITV-details/ITV\";\r\nimport ContactUs from \"views/contactUs/ContactUs\";\r\nimport KnowUsMore from \"views/know-us-more/KnowUsMore\";\r\nimport Profile from \"views/profile/ProfileMain\";\r\n// end\r\n// import Login from \"./routes/login\";\r\n// import Auth from \"layouts/Auth.js\";\r\nimport Approutes from \"./routes/approutes\";\r\nimport ApplicantNavbar from \"components/Navbars/ApplicantNavbar\";\r\nimport ApplicantNavBeforeLogin from \"components/Navbars/ApplicantNavBeforeLogin\";\r\n// import myLogo from \"./logo70.png\";\r\nimport Session from \"react-session-api\";\r\nimport store from \"store.js\";\r\nimport ErrorBoundary from \"utility/errorboundry\";\r\n\r\n// import { css } from \"@emotion/react\";\r\n// import ClimbingBoxLoader from \"react-spinners/ClimbingBoxLoader\";\r\n// const override = css`\r\n// display: block;\r\n// margin: 0 auto;\r\n// border-color: red;\r\n// `;\r\n\r\nfunction CheckValidateRoute(props) {\r\n // let [loading, setLoading] = useState(true);\r\n // let [color, setColor] = useState(\"#336089\");\r\n // class CheckValidateRoute extends React.Component {\r\n // render() {\r\n const { pwaInstall, supported, isInstalled } = useReactPWAInstall();\r\n const handleClick = () => {\r\n pwaInstall({\r\n title: \"Install ICICI App\",\r\n logo: require(\"assets/img/fav_logo.png\"),\r\n features: (\r\n- \r\n
- Save Device Space \r\n
- Faster Access \r\n
- Even cooler feature \r\n
- Works offline \r\n
\r\n {/* */}\r\n {/* */}\r\n
\r\n );\r\n } else if (store.getState().Auth.user.USER_DETAILS_MG?!store.getState().Auth.user.USER_DETAILS_MG.ApplicantId:true) {\r\n return (\r\n \r\n {/* */}\r\n */}\r\n
\r\n );\r\n }\r\n}\r\n// }\r\nexport default CheckValidateRoute;\r\n","import React, { Component } from \"react\";\r\nimport { Switch, Route } from \"react-router-dom\";\r\nimport CheckValidateRoute from \"./CheckValidateRoute\";\r\nimport JobDetails from \"views/job-details/JobDetails\";\r\n\r\n// import from \"tailwindcss\"\r\n\r\nclass App extends Component {\r\n async componentDidMount() {}\r\n render() {\r\n return (\r\n