Careers at ANSR: Join Our Innovative Team - ANSR (2024)

`; catFilterButton.append(newEl); if(index == 3){ break } } if(selectedCompanies.length >=4){ let newEl = document.createElement("div"); newEl.classList.add('hgqmNU'); newEl.innerHTML = `

`; catFilterButton.append(newEl); } selectedCompanies.forEach(company=>{ requestObj.company_id.push(company.id); }); } if(selectedCompanies?.length == 0 && isShowCompanyField){ requestObj.company_id = []; let catFilterButton = document.getElementById('66b5c896469f72126930526-cat-filter-button'); catFilterButton.innerHTML = ` Company`; } if(!isShowCompanyField) { requestObj.company_id = [companyId?.[0]?.id]; } let response = await fetch(`${API_BASE_URL_company}api/v2/jobs/search/`, { method: "POST", body: JSON.stringify(requestObj), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, }); const jsonData = await response.json(); return jsonData; } // https://prod-warmachine.talent500.co/api/auto_suggest/?q=ban&type=location async function getLocations(query) { let response = await fetch(`${API_BASE_URL_company}api/auto_suggest/?q=${query}&type=location`); const jsonData = await response.json(); let result = [...jsonData.data] let locationOptionContainer = document.getElementById('66b5c896469f72126930526-location-options'); let locationInputField = document.getElementById('66b5c896469f72126930526-location-input'); locationOptionContainer.innerHTML = '' let options = document.createElement('div'); options.classList.add('location-options-styles') result.forEach(loc=>{ let option = document.createElement('li'); option.innerHTML = loc; option.addEventListener('click', (event)=>{ searchLocation = event.target.value || loc; locationInputField.value = searchLocation; locationOptionContainer.classList.remove('show') renderAllJobs('66b5c896469f72126930526'); }); options.append(option); }); if(result){ locationOptionContainer.classList.add('show') } else{ locationOptionContainer.classList.remove('show') } locationOptionContainer.append(options); return result; } async function getCompanyList() { let response = await fetch(`${API_BASE_URL_company}api/companies/`); const jsonData = await response.json(); if(companySlug) { companyId = jsonData?.data?.filter(data => data?.slug === companySlug); } COMPANY_LIST = [...jsonData.data] } await getCompanyList() function showloader(parentEle) { const loader = document.createElement("div"); loader.classList.add('sk-circle'); loader.setAttribute('id', '66b5c896469f72126930526-api-loader'); loader.innerHTML = `

` parentEle.append(loader); } function removeloader() { const loader = document.getElementById("66b5c896469f72126930526-api-loader"); loader?.remove(); } async function loadMoreJobs(id) { currentPageOffset = totalJobsFetched; let jobsContainer = document.getElementById(`${id}-job-list`); let previousLoadMoreButton = document.getElementById(`${id}-jobs-load-more`); let previousLoadMoreButtonContainer = previousLoadMoreButton.parentElement; if (previousLoadMoreButton) { previousLoadMoreButton.remove(); previousLoadMoreButtonContainer.remove(); } analyticalCalls('Company - View More Job Button Click', null, 'track'); showloader(jobsContainer); let allJobs = await logCompanyData(); removeloader(); totalJobs = allJobs?.total || 0; totalJobsFetched = allJobs.data.length + totalJobsFetched; let totalJobsCountContainer = document.getElementById(`${id}-total-job-count`); totalJobsCountContainer.innerHTML = `

count: ${allJobs.total}

`; if (totalJobs == 0) { const emptyJobListContainer = document.createElement("div"); emptyJobListContainer.classList.add('no-jobs-container'); emptyJobListContainer.innerHTML = 'Ah, that is all the jobs avialabe right now.'; jobsContainer.append(emptyJobListContainer); } else { allJobs?.data?.filter(_ => _.status === 'open').forEach((job, index) => { const jobDiv = document.createElement("div"); const { title_alias_1, title, location, slug, company, is_remote } = job; jobDiv.classList.add("job-list-style-job-search-widget"); jobDiv.innerHTML = `

`; jobDiv.setAttribute('target', '_blank'); jobDiv.setAttribute('href', `${DOMAIN_BASE_URL_company}jobs/${company?.slug}/${slug}`); jobsContainer.append(jobDiv); document.getElementById(`${id}-load-jobs-${index}`)?.addEventListener("click", function() { analyticalCalls('Company - View Job Button Click', { job_code: job.job_code, order: 7 + index + 1 }, 'track'); }); }); } const directApplyButtons = document.getElementsByClassName('direct-apply-66b5c896469f72126930526') for (let index = 0; index < directApplyButtons.length; index++) { const element = directApplyButtons[index]; element.addEventListener('click', (event)=>{ let jobId = event.target.getAttribute('id'); jobApply(jobId, allJobs); }) } if (totalJobs > totalJobsFetched) { const viewMoreButtonContainer = document.createElement('div'); viewMoreButtonContainer.classList.add('jobs-load-more-button-job-search-widget'); const viewMoreButton = document.createElement('div'); viewMoreButton.setAttribute('id', `${id}-jobs-load-more`) viewMoreButton.innerHTML = `

View more jobs

`; viewMoreButtonContainer.append(viewMoreButton) jobsContainer.append(viewMoreButtonContainer); viewMoreButton.addEventListener("click", () => loadMoreJobs(id)); } } function clearFilters(event, id){ const locationInputField = document.getElementById('66b5c896469f72126930526-location-input'); currentPageOffset = 0; searchLocation = '' locationInputField.value = ''; selectedCompanies = []; currentExpFilter = 'Experience'; updateSelectedCompany(); // renderAllFilters(); renderAllJobs('66b5c896469f72126930526'); } async function renderAllJobs(id) { let jobsContainer = document.getElementById(`${id}-job-list`); jobsContainer.innerHTML = ''; showloader(jobsContainer); let allJobs = await logCompanyData(); updateSelectedCompany(); removeloader(); jobsContainer.innerHTML = ''; totalJobsFetched = allJobs.data.length + totalJobsFetched; totalJobs = allJobs?.total || 0; let totalJobsCountContainer = document.getElementById(`${id}-total-job-count`); totalJobsCountContainer.innerHTML = `

count: ${allJobs.total}

`; if (totalJobs == 0) { const emptyJobListContainer = document.createElement("div"); emptyJobListContainer.classList.add('no-jobs-container'); emptyJobListContainer.innerHTML = `Ah, no jobs for these filters right now.`; let clearFilterButton = document.createElement('p'); clearFilterButton.classList.add('go-back-button'); clearFilterButton.innerHTML = 'Go Back'; clearFilterButton.addEventListener('click', (e)=> clearFilters(e,`${id}`)) emptyJobListContainer.append(clearFilterButton); jobsContainer.append(emptyJobListContainer); } else { allJobs?.data?.filter(_ => _.candidate_job_status === null && _.status === 'open').forEach((job, index) => { const jobDiv = document.createElement("div"); const { title_alias_1, title, location, slug, company, is_remote } = job; jobDiv.classList.add("job-list-style-job-search-widget"); jobDiv.innerHTML = `

`; jobDiv.setAttribute('target', '_blank'); jobDiv.setAttribute('href', `${DOMAIN_BASE_URL_company}jobs/${company?.slug}/${slug}`); jobsContainer.append(jobDiv); document.getElementById(`${id}-job-card-link-${index}`)?.addEventListener("click", function() { analyticalCalls('Company - View Job Button Click', { job_code: job.job_code, order: index + 1 }, 'track'); }); }); } const directApplyButtons = document.getElementsByClassName('direct-apply-66b5c896469f72126930526') for (let index = 0; index < directApplyButtons.length; index++) { const element = directApplyButtons[index]; element.addEventListener('click', (event)=>{ let jobId = event.target.getAttribute('id'); jobApply(jobId, allJobs); }) } if (totalJobs > totalJobsFetched) { const viewMoreButtonContainer = document.createElement('div'); viewMoreButtonContainer.classList.add('jobs-load-more-button-job-search-widget'); const viewMoreButton = document.createElement('div'); viewMoreButton.setAttribute('id', `${id}-jobs-load-more`) viewMoreButton.innerHTML = `

View more jobs

`; viewMoreButtonContainer.append(viewMoreButton) jobsContainer.append(viewMoreButtonContainer); viewMoreButton.addEventListener("click", () => loadMoreJobs(id)); } // renderAllFilters() } async function getFilters() { let COMPANY_LIST = []; const response = await fetch(`${API_BASE_URL_company}api/companies/`); const jsonData = await response.json(); COMPANY_LIST = jsonData?.data || []; COMPANY_LIST = [...COMPANY_LIST]; return COMPANY_LIST; } function handleOptionClick(event,filterData) { currentPageOffset = 0; const selectedOption = event.target.textContent; event.target.parentElement.classList.remove("show"); if (filterData.type === 'experience') { let expFilterButton = document.getElementById('66b5c896469f72126930526-exp-filter-button'); expFilterButton.innerHTML = selectedOption; currentExpFilter = selectedOption; } else if (filterData.type === 'company') { let catFilterButton = document.getElementById('66b5c896469f72126930526-cat-filter-button'); catFilterButton.innerHTML = selectedCompanies ? '' : 'Company'; if(companyIsSelected(filterData.data.id)){ selectedCompanies = selectedCompanies.filter(com=> com.id != filterData.data.id) }else { selectedCompanies.push(filterData.data) } // currentCategoryFilter = selectedOption; updateSelectedCompany(); } event.preventDefault(); event.stopPropagation(); renderAllJobs('66b5c896469f72126930526'); } function companyIsSelected(companyId){ let result = false; selectedCompanies.forEach(comp=>{ if(comp.id === companyId){ result = true; } }) return result; } async function renderAllFilters() { let filterContainer = document.getElementById('66b5c896469f72126930526-job-filter'); let catFilterButton = document.getElementById('66b5c896469f72126930526-cat-filter-button'); // catFilterButton.innerHTML = currentCategoryFilter; let catFilterContainer = document.getElementById('66b5c896469f72126930526-category-filter'); let expFilterButton = document.getElementById('66b5c896469f72126930526-exp-filter-button'); expFilterButton.innerHTML = currentExpFilter; let expFilterContainer = document.getElementById('66b5c896469f72126930526-exp-filter'); expFilterContainer.innerHTML = ''; let allCatFilters = COMPANY_LIST; const optionContainer = document.getElementById('66b5c896469f72126930526-dropdown-option-company-container'); allCatFilters.forEach(filter => { const option = document.createElement('div'); option.classList.add('dropdown-option-company-filter'); const optionCon = document.createElement('div'); optionCon.classList.add('iYhNLA'); const optionLabel = document.createElement('label'); optionLabel.setAttribute('for',filter.id); optionLabel.classList.add('czEIXW'); const optionInput = document.createElement('input'); optionInput.setAttribute('type', 'checkbox'); optionInput.setAttribute('name', filter.name); optionInput.setAttribute('id', filter.id); optionInput.setAttribute('value', companyIsSelected(filter.id)); if(companyIsSelected(filter.id)){ optionInput.setAttribute('checked', true); } optionInput.classList.add('czvUaj'); optionLabel.append(optionInput); optionLabel.append(filter.name); optionCon.append(optionLabel); option.append(optionCon); option.addEventListener("click", (event) => handleOptionClick(event, {type: 'company', data: filter})); optionContainer.append(option); }); // renderAllFilters(); catFilterContainer.append(optionContainer); EXPERIENCE_LIST.forEach(filter => { const option = document.createElement('div'); option.classList.add('dropdown-option'); option.innerHTML = filter+' yrs'; option.addEventListener("click", (event) => handleOptionClick(event, {type: 'experience', data: filter})); expFilterContainer.append(option) }); }; function updateSelectedCompany(){ let catFilterContainer = document.getElementById('66b5c896469f72126930526-category-filter'); const companyOptionContainer = document.getElementById('66b5c896469f72126930526-dropdown-option-company-container'); if(companyOptionContainer){ companyOptionContainer.innerHTML = ''; } COMPANY_LIST.forEach(filter => { const option = document.createElement('div'); option.classList.add('dropdown-option-company-filter'); const optionCon = document.createElement('div'); optionCon.classList.add('iYhNLA'); const optionLabel = document.createElement('label'); optionLabel.setAttribute('for',filter.id); optionLabel.classList.add('czEIXW'); const optionInput = document.createElement('input'); optionInput.setAttribute('type', 'checkbox'); optionInput.setAttribute('name', filter.name); optionInput.setAttribute('id', filter.id); optionInput.setAttribute('value', companyIsSelected(filter.id)); if(companyIsSelected(filter.id)){ optionInput.setAttribute('checked', true); } optionInput.classList.add('czvUaj'); optionLabel.append(optionInput); optionLabel.append(filter.name); optionCon.append(optionLabel); option.append(optionCon); option.addEventListener("click", (event) => handleOptionClick(event, {type: 'company', data: filter})); companyOptionContainer.append(option); }); // renderAllFilters(); catFilterContainer?.append(companyOptionContainer); } await renderAllJobs('66b5c896469f72126930526'); renderAllFilters(); let currentDropdown = null; // Get all of the dropdown buttons and contents const dropdownBtns = document.getElementsByClassName("66b5c896469f72126930526 dropdown-btn-job-search-widget"); const dropdownContents = document.getElementsByClassName("66b5c896469f72126930526 dropdown-content-job-search-widget"); const companySearchInputField = document.getElementById("66b5c896469f72126930526-company-search"); const companyOptionContainer = document.getElementById('66b5c896469f72126930526-dropdown-option-company-container'); const allCompanyFilters = document.getElementById('66b5c896469f72126930526-cat-filter-button'); const locFilterCon = document.getElementById('66b5c896469f72126930526-loc-filter-button').parentElement; const locationInputField = document.getElementById('66b5c896469f72126930526-location-input'); const jobSearchInputField = document.getElementById('66b5c896469f72126930526-job-search-input'); const jobSearchInputButton = document.getElementById('66b5c896469f72126930526-job-search-button'); const directApplyButtons = document.getElementsByClassName('direct-apply-66b5c896469f72126930526') allCompanyFilters.addEventListener('click',(event)=>{ if(event.target?.classList?.contains('66b5c896469f72126930526-remove-company')){ let companyId = event.target.getAttribute('id'); selectedCompanies = selectedCompanies.filter(company => company.id != companyId); renderAllJobs('66b5c896469f72126930526'); } }) locationInputField.addEventListener('input', debounce((event) => { let value = event.target.value let locationOptionContainer = document.getElementById('66b5c896469f72126930526-location-options'); currentPageOffset = 0; totalJobsFetched = 0; if (value) { searchLocation = value; getLocations(value); } else { searchLocation = ''; locationOptionContainer.classList.remove('show') } renderAllJobs('66b5c896469f72126930526'); })); jobSearchInputButton.addEventListener('click', (event)=>{ currentPageOffset = 0; totalJobsFetched = 0; jobSearchTerm = jobSearchInputField.value; renderAllJobs('66b5c896469f72126930526'); }) // jobSearchInputField.addEventListener('input', debounce((event) => { // let value = event.target.value // jobSearchTerm = value; // renderAllJobs(php echo $widget_identifier); // })); locationInputField.addEventListener('focus', (event) => { let value = event.target.value let locationOptionContainer = document.getElementById('66b5c896469f72126930526-location-options'); if(value){ locationOptionContainer.classList.add('show') } else{ locationOptionContainer.classList.remove('show') } }); // locFilterCon.addEventListener('focusout', (event) => { // let locationOptionContainer = document.getElementById('66b5c896469f72126930526-location-options'); // locationOptionContainer.classList.remove('show') // }); companySearchInputField.addEventListener('input', (event) => { let value = event.target.value let filteredCompanies = [] if (value) { // const regexToFilterBy = new RegExp(`${value}`, "gi"); filteredCompanies = COMPANY_LIST.filter(company => company.name.toLowerCase().includes(value.toLowerCase())); } else { filteredCompanies = [...COMPANY_LIST]; } let catFilterContainer = document.getElementById('66b5c896469f72126930526-category-filter'); if(companyOptionContainer){ companyOptionContainer.innerHTML = ''; } filteredCompanies.forEach(filter => { const option = document.createElement('div'); option.classList.add('dropdown-option-company-filter'); const optionCon = document.createElement('div'); optionCon.classList.add('iYhNLA'); const optionLabel = document.createElement('label'); optionLabel.setAttribute('for',filter.id); optionLabel.classList.add('czEIXW'); const optionInput = document.createElement('input'); optionInput.setAttribute('type', 'checkbox'); optionInput.setAttribute('name', filter.name); optionInput.setAttribute('id', filter.id); optionInput.setAttribute('value', companyIsSelected(filter.id)); if(companyIsSelected(filter.id)){ optionInput.setAttribute('checked', true); } optionInput.classList.add('czvUaj'); optionLabel.append(optionInput); optionLabel.append(filter.name); optionCon.append(optionLabel); option.append(optionCon); option.addEventListener("click", (event) => handleOptionClick(event, {type: 'company', data: filter})); companyOptionContainer.append(option); }); // renderAllFilters(); catFilterContainer?.append(companyOptionContainer); }); // Add a click event listener to each dropdown button [...dropdownBtns].forEach((btn) => { btn.addEventListener("click", (event) => { const dropdownContent = event.target.nextElementSibling; const dropdownIcon = dropdownContent?.nextElementSibling; // Close the current dropdown if it's not the same as the clicked one if (currentDropdown && currentDropdown !== dropdownContent) { currentDropdown.classList.remove("show"); dropdownIcon?.classList?.remove('active'); } // Open or close the clicked dropdown dropdownContent?.classList?.toggle("show"); dropdownIcon?.classList?.toggle('active'); // Update the current dropdown if (dropdownContent?.classList?.contains("show")) { currentDropdown = dropdownContent; } else { currentDropdown = null; } }); }); [...dropdownContents].forEach((content) => { content.addEventListener("click", (event) => { // event.stopPropagation(); }); }); // Add a click event listener to the document to close the current dropdown when clicked outside of it document.addEventListener("click", (event) => { // Check if the clicked element is outside of all dropdowns or is a dropdown button const isOutsideDropdowns = !currentDropdown || !currentDropdown.contains(event.target); const isDropdownButton = Array.from(dropdownBtns).some((btn) => btn.contains(event.target)); if (isOutsideDropdowns && !isDropdownButton) { if (currentDropdown) { const dropdownIcon = currentDropdown.nextElementSibling; currentDropdown.classList.remove("show"); dropdownIcon.classList.remove('active'); currentDropdown = null; } } if(!locFilterCon.contains(event.target)){ let locationOptionContainer = document.getElementById('66b5c896469f72126930526-location-options'); locationOptionContainer.classList.remove('show'); } }); let jobId; let sq_len; let onboardingStatus; if (typeof jobDetails === 'string') { jobDetails = JSON.parse(jobDetails); } async function jobApply(jobId, allJobs) { const selectedJobData = allJobs.data.filter(jobs => jobs.id === jobId); if (selectedJobData[0] && selectedJobData[0].job_redirection_url) { const urlParams = new URLSearchParams(selectedJobData[0].job_redirection_url.split('?')[1]); // Extracts the query string const jobRedirectionUrl = urlParams.get('job_redirection_url'); if (jobRedirectionUrl) { return window.open(jobRedirectionUrl, '_blank'); } } try { const isInternational = JSON.parse(isCountry('country', false)).country_code !== 'IN'; if (!getCookie('authToken')) { const script = document.createElement('script'); script.src = 'https://click.appcast.io/pixels/homegrown1-15374.js?ent=147'; script.async = true; script.defer = true; document.body.appendChild(script); const is_onboarding_skip = selectedJobData[0]?.company?.is_onboarding_skip; const onboardingParam = is_onboarding_skip ? '&onboarding_skip=true' : ''; window.open(`${DOMAIN_BASE_URL_company}auth/signup?applying_to=${jobId}${onboardingParam}`, '_blank'); } else { const response = await fetch(`${API_BASE_URL_company}api/candidate_jobs/`, { method: 'POST', headers: { 'Content-type': 'application/json', authorization: getCookie('authToken') }, body: JSON.stringify({ job: jobId, status: (sq_len > 0 || isInternational) ? 'AP' : 'PS', // privacy_policy_status: privacyPolicy, // source: utm_source ? utm_source : null, source: null, is_int_candidate: isInternational }), }); const responseData = await response.json(); const headers = { 'Content-type': 'application/json', authorization: getCookie('authToken') }; const appliedJobId = responseData?.id; const responseV2 = await fetch(`${API_BASE_URL_company}api/v3/users/candidate/`, { headers }); const data = await responseV2.json(); onboardingStatus = data?.user?.onboarding_status; redirect(data?.user?.onboarding_status, data?.user?.onboarding_complete, appliedJobId, selectedJobData); const script = document.createElement('script'); script.src = 'https://click.appcast.io/pixels/homegrown1-15374.js?ent=147'; script.async = true; script.defer = true; document.body.appendChild(script); } } catch (e) { console.log(e); Toastify({ text: "Something went wrong. Please try after sometime", duration: 2000, close: true, gravity: "top", // `top` or `bottom` position: 'center', // `left`, `center` or `right` backgroundColor: "#000000", color: "red", className: 'failure-toast', stopOnFocus: true, // Prevents dismissing of toast on hover onClick: function() {} // Callback after click }).showToast(); } } function redirect(userOnboardingStatus, isOnboardingComplete, appliedJobId, selectedJobData) { const isInternational = JSON.parse(isCountry('country', false)).country_code !== 'IN'; let redirectUrl = ''; if (selectedJobData[0] && selectedJobData[0].job_redirection_url) { const urlParams = new URLSearchParams(selectedJobData[0].job_redirection_url.split('?')[1]); // Extracts the query string const jobRedirectionUrl = urlParams.get('job_redirection_url'); if (jobRedirectionUrl) { return window.open(jobRedirectionUrl, '_blank'); } } switch (true) { case selectedJobData[0]?.company?.is_onboarding_skip: redirectUrl = isInternational ? `${DOMAIN_BASE_URL_company}job-application/${appliedJobId}` : (isOnboardingComplete ? `${DOMAIN_BASE_URL_company}appliedjobs/${appliedJobId}` : `${DOMAIN_BASE_URL_company}job-application/${appliedJobId}`); break; case isInternational && !isOnboardingComplete: redirectUrl = `${DOMAIN_BASE_URL_company}onboarding/resume?redirect_url=/job-application/${appliedJobId}`; break; case isInternational && isOnboardingComplete: redirectUrl = `${DOMAIN_BASE_URL_company}job-application/${appliedJobId}`; break; case isOnboardingComplete: redirectUrl = `${DOMAIN_BASE_URL_company}appliedjobs/${appliedJobId}`; break; case (userOnboardingStatus === 'PHONE_VERIFIED' || userOnboardingStatus === 'APPLIED_TO_JOB'): redirectUrl = `${DOMAIN_BASE_URL_company}onboarding/resume?redirect_url=/appliedjobs/${appliedJobId}`; break; case userOnboardingStatus === 'BASIC_INFO_VERIFIED_V2': redirectUrl = `${DOMAIN_BASE_URL_company}onboarding/professional-experience?redirect_url=/appliedjobs/${appliedJobId}`; break; case userOnboardingStatus === 'EXPERIENCE_VERIFIED_V2': redirectUrl = `${DOMAIN_BASE_URL_company}onboarding/about-you?redirect_url=/appliedjobs/${appliedJobId}`; break; default: redirectUrl = `${DOMAIN_BASE_URL_company}onboarding/resume?redirect_url=/appliedjobs/${appliedJobId}`; break; } return window.open(redirectUrl, '_self'); } function isCountry(name, api) { let cookie = {}; document.cookie.split('; ').forEach(function(el) { let [k, v] = el.split('='); cookie[k.trim()] = v; }); if (!cookie[name] && !api) { cookie[name] = { country_code: 'IN', country: 'India', }; return JSON.stringify(cookie[name]); } if (decodeURIComponent(cookie[name]) === 'undefined') return null; return decodeURIComponent(cookie[name]); } function getCookie(cookieName) { const cookieMatch = document.cookie.match(`${cookieName}=([^;]+)`); return cookieMatch ? cookieMatch[1] : cookieMatch; } })(); } catch(error) { console.log(error); Toastify({ text: "Something went wrong. Please try after sometime", duration: 2000, close: true, gravity: "top", // `top` or `bottom` position: 'center', // `left`, `center` or `right` backgroundColor: "#000000", color: "red", className: 'failure-toast', stopOnFocus: true, // Prevents dismissing of toast on hover onClick: function() {} // Callback after click }).showToast(); }