const IDX_thisScript = document.currentScript;
! function() {
IDX_insertWidgetHtml();
}()
function IDX_insertWidgetHtml() {
const cities = {"message":"Incorrect credentials"};
const url = "https:\/\/app.locallysavvybizsolutions.com\/v2\/preview\/zH0GHLtLKwq033fpzGbV";
console.log(cities, url)
const settings = {"city":null,"sort":"priceDesc","fields":null,"styles":null,"new_tab":"false","criteria":{"max_price_to":2000000,"min_price_to":1000000,"max_price_from":1000000,"min_price_from":0,"price_interval":100000},"search_url":"https:\/\/app.locallysavvybizsolutions.com\/v2\/preview\/zH0GHLtLKwq033fpzGbV"};
const {
criteria
} = settings;
const generateCities = () => {
let html = '';
if (cities !== null) {
// Sort alphabetically by name
const sorted = [...cities].sort((a, b) =>
a.name.localeCompare(b.name)
);
sorted.forEach(city => {
html += `${city.name}`;
});
}
return html;
};
const generatePrice = (from, to, interval = 50000) => {
from = Number(from);
to = Number(to);
interval = Number(interval);
if (!interval || interval <= 0) return '';
let html = '';
for (let i = from; i <= to; i += interval) {
html += `$${i.toLocaleString()}`;
}
return html;
};
let html = `
`;
// Get a reference to the current script element
const IDX_currentScript = document.currentScript;
// Insert the HTML after the current script element
if (IDX_currentScript) {
IDX_currentScript.insertAdjacentHTML('afterend', html);
}
initSearchWidget(settings, cities, url);
}
function initSearchWidget(settings, cities, url) {
const omniSearch = document.getElementById('omni-search');
const dropdowns = document.querySelectorAll('.omnisearch-dropdown');
const inputs = document.querySelectorAll('.omnisearch-wrapper input');
const fields = document.querySelectorAll('.omnisearch-wrapper [data-field]');
const fieldsValues = {
city: '',
min_price: 0,
max_price: 0,
beds: 0,
baths: 0
};
function setStyles() {
if(!settings.styles) return;
for (const [key, value] of Object.entries(settings.styles)) {
omniSearch.style.setProperty(key, value);
}
}
function formatCurrency(value) {
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
function addEventToMenuItems(menu, input) {
menu.querySelectorAll('li').forEach(li => {
li.addEventListener('click', (e) => {
e.stopPropagation();
menu.classList.remove('active');
input.value = li.textContent;
const inputType = input.getAttribute('inputmode');
if (inputType === 'numeric') {
input.value = input.value.replace(/[^0-9.]/g, "");
fieldsValues[input.getAttribute('name')] = input.value;
input.value = formatCurrency(input.value);
return;
}
fieldsValues[input.getAttribute('name')] = input.value;
});
});
}
function fieldsVisibles() {
if(!settings.fields) return;
fields.forEach(field => {
if (field && settings.fields[field.getAttribute('data-field')]) {
field.style.display = 'none';
}
});
}
function getCityId(cityName) {
if(!cityName) return '';
const city = cities.find(city => city.name === cityName);
return city.id;
}
dropdowns.forEach(dropdown => {
const input = dropdown.querySelector('input');
const menu = dropdown.querySelector('.omnisearch-dropdown-menu');
dropdown.addEventListener('click', (e) => {
menu.classList.add('active');
input.focus();
});
if (input.getAttribute('name') === 'city') {
input.addEventListener('input', () => {
const value = input.value;
const filteredCities = cities.filter(city => city.name.toLowerCase().includes(value
.toLowerCase()));
menu.innerHTML = '';
filteredCities.forEach(city => {
menu.innerHTML += `${city.name}`;
});
addEventToMenuItems(menu, input);
});
}
addEventToMenuItems(menu, input);
document.addEventListener('click', event => {
if (!menu.contains(event.target) && !dropdown.contains(event.target)) {
menu.classList.remove('active');
}
});
});
inputs.forEach(input => {
input.addEventListener('input', () => {
const inputType = input.getAttribute('inputmode');
const key = input.getAttribute('name');
if (inputType === 'numeric') {
input.value = input.value.replace(/[^0-9.]/g, "");
fieldsValues[key] = input.value;
input.value = formatCurrency(input.value);
return;
}
fieldsValues[key] = input.value;
});
});
omniSearch.addEventListener('submit', event => {
event.preventDefault();
const {
city,
min_price,
max_price,
beds,
baths
} = fieldsValues;
const apiUrl = `${url}?minListPrice=${min_price}&maxListPrice=${max_price}&bedrooms=${beds}&bathCount=${baths}&propertyType=SFR,CND&status=active&sort=${settings.sort}&cityId=${settings.city?? getCityId(city)}`;
// check if settings has new_tab first exists and is true
if( settings.new_tab && settings.new_tab === true ){
window.open(apiUrl, '_blank');
}else{
window.location.href = apiUrl;
}
});
fieldsVisibles();
setStyles();
}