CPAP Hoses & CPAP Tubing | CPAP Supplies | Sleeplay (2024)

`; }) }); }); } } async useFilters(value, second) { console.log(value); let wrapper = this.querySelector('.search-results__wrapper'), results = wrapper.querySelector('.results__items'), count = wrapper.querySelector('.results-count__amount'), sideBar = this.querySelector('.search__side-bar') // Clear timer clearTimeout(this.timer); this.timer = setTimeout(async () => { await fetch(`/search?q=${this.txtInput.value}&${value}&type=product&sort_by=best-selling&view=json`) .then((response) => response.json()) .then((suggestions) => { console.log(suggestions) if(suggestions.searchResultsCount != "0") { results.innerHTML = ''; const productSuggestions = suggestions.searchResults; productSuggestions.forEach(suggestion => { console.log(suggestion) let itemPrice = suggestion.price * 0.01; itemPrice = itemPrice.toFixed(2); let itemComPrice = suggestion.compare_at_price_max * 0.01; itemComPrice = itemComPrice.toFixed(2); results.innerHTML = results.innerHTML + `

`; }) }else { //this.search(second); } }); }); } async search(value) { let wrapper = this.querySelector('.search-results__wrapper'), results = wrapper.querySelector('.results__items'), count = wrapper.querySelector('.results-count__amount'), sideBar = this.querySelector('.search__side-bar'), inputText = this.querySelector('.results .input__value'); inputText.innerHTML = value; // Clear timer clearTimeout(this.timer); // Wait for X ms and then process the request this.timer = setTimeout(async () => { results.innerHTML = ''; sideBar.innerHTML = ''; if(value != '') { await fetch(`/search?q=${value}&type=product&sort_by=best-selling&view=json`) .then((response) => response.json()) .then((suggestions) => { const productSuggestions = suggestions.searchResults; sideBar.innerHTML = `

`; if (productSuggestions.length > 0) { const firstProductSuggestion = productSuggestions[0]; console.log(firstProductSuggestion); this.querySelector('.vendors-filter').innerHTML = ''; suggestions.vendors.forEach(vendor => { let thisVendor = vendor.vendor if(thisVendor.includes('&')) { thisVendor = thisVendor.replace('&', '-perc26-') } this.querySelector('.vendors-filter').innerHTML = this.querySelector('.vendors-filter').innerHTML + `

` }); this.querySelector('.types-filter').innerHTML = ''; suggestions.types.forEach(type => { let thisType = type.type if(thisType.includes('&')) { thisType = thisType.replace('&', '-perc26-') } console.log(thisType); this.querySelector('.types-filter').innerHTML = this.querySelector('.types-filter').innerHTML + `

` }); count.innerHTML = productSuggestions.length; wrapper.classList.remove('hidden'); productSuggestions.forEach(suggestion => { if(!sideBar.innerHTML.includes(suggestion.type)) { /*sideBar.innerHTML += `

`;*/ } console.log(suggestion) let itemPrice = suggestion.price * 0.01; itemPrice = itemPrice.toFixed(2); let itemComPrice = suggestion.compare_at_price_max * 0.01; itemComPrice = itemComPrice.toFixed(2); results.innerHTML = results.innerHTML + `

`; }) }else { results.innerHTML = ` There's no results for that. ` wrapper.classList.add('hidden'); } }); }else { wrapper.classList.add('hidden'); } let vendorsListEl = this.querySelector('.vendors-filter'); let vendorsList = vendorsListEl.querySelectorAll('li'); vendorsList.forEach(vendor => { if(vendor.innerHTML.includes('ResMed')) { vendorsListEl.prepend(vendor); } }) }, this.waitTime); } } customElements.define("fast-search-bar", FastSearchBar);