';
+ parent.before(new_inserted_elm);
+
+ // Remove Old Parent
+ parent.remove();
+
+ // Insert New Parent
+ $('.directorist_search_temp').after(
+ response['search_form']
);
+ let newParent = $(
+ '.directorist_search_temp'
+ ).next();
+
+ // Toggle Active Class
+ newParent
+ .find(
+ '.directorist-listing-type-selection__link--current'
+ )
+ .removeClass(
+ 'directorist-listing-type-selection__link--current'
+ );
+ newParent
+ .find(
+ "[data-listing_type='" + listing_type + "']"
+ )
+ .addClass(
+ 'directorist-listing-type-selection__link--current'
+ );
- // Remove Temp Element
- $('.directorist_search_temp').remove();
-
- let events = [
- new CustomEvent(
- 'directorist-search-form-nav-tab-reloaded'
- ),
- new CustomEvent(
- 'directorist-reload-select2-fields'
- ),
- new CustomEvent('directorist-reload-map-api-field'),
- new CustomEvent('triggerSlice'),
- ];
-
- events.forEach((event) => {
- document.body.dispatchEvent(event);
- window.dispatchEvent(event);
- });
+ // Remove Temp Element
+ $('.directorist_search_temp').remove();
+
+ let events = [
+ new CustomEvent(
+ 'directorist-search-form-nav-tab-reloaded'
+ ),
+ new CustomEvent(
+ 'directorist-reload-select2-fields'
+ ),
+ new CustomEvent(
+ 'directorist-reload-map-api-field'
+ ),
+ new CustomEvent('triggerSlice'),
+ ];
- handleRadiusVisibility();
- directorist_custom_range_slider();
+ events.forEach((event) => {
+ document.body.dispatchEvent(event);
+ window.dispatchEvent(event);
+ });
- initSearchFields();
+ handleRadiusVisibility();
+ directorist_custom_range_slider();
- initSearchCategoryCustomFields($);
- }
+ initSearchFields();
- let parentAfterAjax = $(this).closest(
- '.directorist-search-contents'
- );
+ initSearchCategoryCustomFields($);
+ }
+
+ let parentAfterAjax = $(this).closest(
+ '.directorist-search-contents'
+ );
- parentAfterAjax
- .find('.directorist-search-form-box')
- .removeClass('atbdp-form-fade');
- if (
parentAfterAjax
.find('.directorist-search-form-box')
- .find('.directorist-search-field-radius_search')
- .length
- ) {
- handleRadiusVisibility();
- directorist_custom_range_slider();
- }
- },
- error(error) {
- // console.log(error);
- },
- });
- });
+ .removeClass('atbdp-form-fade');
+ if (
+ parentAfterAjax
+ .find('.directorist-search-form-box')
+ .find('.directorist-search-field-radius_search')
+ .length
+ ) {
+ handleRadiusVisibility();
+ directorist_custom_range_slider();
+ }
+ },
+ error(error) {
+ // console.log(error);
+ },
+ });
+ }
+ );
initSearchCategoryCustomFields($);
@@ -1674,200 +1691,220 @@ document.addEventListener('DOMContentLoaded', () => {
];
input_fields.forEach((field) => {
- if (!$(field.input_elm).length) {
- return;
- }
-
- $(field.input_elm).on(
- 'keyup',
- debounce(function (event) {
- event.preventDefault();
-
- let blockedKeyCodes = [
- 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38,
- 39, 40, 45, 91, 93, 112, 113, 114, 115, 116,
- 117, 118, 119, 120, 121, 122, 123, 144, 145,
- ];
+ $('body')
+ .off('keyup.directoristOpenstreet', field.input_elm)
+ .on(
+ 'keyup.directoristOpenstreet',
+ field.input_elm,
+ debounce(function (event) {
+ event.preventDefault();
+
+ let blockedKeyCodes = [
+ 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37,
+ 38, 39, 40, 45, 91, 93, 112, 113, 114, 115,
+ 116, 117, 118, 119, 120, 121, 122, 123, 144,
+ 145,
+ ];
+
+ // Return early when blocked key is pressed.
+ if (blockedKeyCodes.includes(event.keyCode)) {
+ return;
+ }
- // Return early when blocked key is pressed.
- if (blockedKeyCodes.includes(event.keyCode)) {
- return;
- }
+ let locationAddressField = $(this).parent(
+ '.directorist-search-field'
+ );
+ let result_container = field.getResultContainer(
+ this,
+ field
+ );
+ let search = $(this).val();
+
+ if (search.length < 3) {
+ result_container.css({
+ display: 'none',
+ });
+ } else {
+ locationAddressField.addClass(
+ 'atbdp-form-fade'
+ );
+ result_container.css({
+ display: 'block',
+ });
+
+ $.ajax({
+ url:
+ 'https://nominatim.openstreetmap.org/?q=' +
+ encodeURIComponent(search) +
+ '&format=json&limit=5',
+ type: 'GET',
+ data: {},
+ success: function success(data) {
+ let res = '';
+
+ let currentIconURL =
+ directorist.assets_url +
+ 'icons/font-awesome/svgs/solid/paper-plane.svg';
+ let currentIconHTML =
+ directorist.icon_markup
+ .replace(
+ '##URL##',
+ currentIconURL
+ )
+ .replace('##CLASS##', '');
+ let currentLocationIconHTML =
+ "
" +
+ currentIconHTML +
+ '';
+ let currentLocationAddressHTML =
+ "
";
+
+ let iconURL =
+ directorist.assets_url +
+ 'icons/font-awesome/svgs/solid/map-marker-alt.svg';
+ let iconHTML =
+ directorist.icon_markup
+ .replace('##URL##', iconURL)
+ .replace('##CLASS##', '');
+ let locationIconHTML =
+ "
" +
+ iconHTML +
+ '';
+
+ for (
+ let i = 0,
+ len =
+ data.length > 5
+ ? 5
+ : data.length;
+ i < len;
+ i++
+ ) {
+ res +=
+ '
' +
+ locationIconHTML +
+ "" +
+ escapeHtml(
+ String(
+ data[i]
+ .display_name ||
+ ''
+ )
+ ) +
+ '';
+ }
+
+ function displayLocation(
+ position,
+ event
+ ) {
+ let lat =
+ position.coords.latitude;
+ let lng =
+ position.coords.longitude;
+ $.ajax({
+ url:
+ 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' +
+ lng +
+ '&lat=' +
+ lat,
+ type: 'GET',
+ data: {},
+ success: function success(
+ data
+ ) {
+ $(
+ '.directorist-location-js, .atbdp-search-address'
+ ).val(
+ data.display_name
+ );
+ $(
+ '.directorist-location-js, .atbdp-search-address'
+ ).attr(
+ 'data-value',
+ data.display_name
+ );
+ $('#cityLat').val(lat);
+ $('#cityLng').val(lng);
- let locationAddressField = $(this).parent(
- '.directorist-search-field'
- );
- let result_container = field.getResultContainer(
- this,
- field
- );
- let search = $(this).val();
+ const locationSearch =
+ $(
+ '.directorist-search-location'
+ );
+ if (
+ locationSearch.length
+ ) {
+ locationSearch.trigger(
+ 'change'
+ );
+ }
+ },
+ });
+ }
+
+ result_container.html(
+ '
'
+ );
+ if (res.length) {
+ result_container.show();
+ } else {
+ result_container.hide();
+ }
+
+ locationAddressField.removeClass(
+ 'atbdp-form-fade'
+ );
- if (search.length < 3) {
- result_container.css({
- display: 'none',
- });
- } else {
- locationAddressField.addClass(
- 'atbdp-form-fade'
- );
- result_container.css({
- display: 'block',
- });
-
- $.ajax({
- url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat(
- search,
- '+%27&format=json'
- ),
- type: 'GET',
- data: {},
- success: function success(data) {
- let res = '';
-
- let currentIconURL =
- directorist.assets_url +
- 'icons/font-awesome/svgs/solid/paper-plane.svg';
- let currentIconHTML =
- directorist.icon_markup
- .replace(
- '##URL##',
- currentIconURL
+ $('body')
+ .off(
+ 'click',
+ '.address_result .current-location'
)
- .replace('##CLASS##', '');
- let currentLocationIconHTML =
- "
" +
- currentIconHTML +
- '';
- let currentLocationAddressHTML =
- "
";
-
- let iconURL =
- directorist.assets_url +
- 'icons/font-awesome/svgs/solid/map-marker-alt.svg';
- let iconHTML = directorist.icon_markup
- .replace('##URL##', iconURL)
- .replace('##CLASS##', '');
- let locationIconHTML =
- "
" +
- iconHTML +
- '';
-
- for (
- let i = 0,
- len =
- data.length > 5
- ? 5
- : data.length;
- i < len;
- i++
- ) {
- ((res +=
- '
' +
- locationIconHTML +
- "" +
- data[i].display_name),
- +'');
- }
-
- function displayLocation(
- position,
- event
- ) {
- let lat = position.coords.latitude;
- let lng = position.coords.longitude;
- $.ajax({
- url:
- 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' +
- lng +
- '&lat=' +
- lat,
- type: 'GET',
- data: {},
- success: function success(
- data
- ) {
- $(
- '.directorist-location-js, .atbdp-search-address'
- ).val(data.display_name);
- $(
- '.directorist-location-js, .atbdp-search-address'
- ).attr(
- 'data-value',
- data.display_name
- );
- $('#cityLat').val(lat);
- $('#cityLng').val(lng);
-
- const locationSearch = $(
- '.directorist-search-location'
- );
- if (locationSearch.length) {
- locationSearch.trigger(
- 'change'
+ .on(
+ 'click',
+ '.address_result .current-location',
+ function (e) {
+ e.preventDefault();
+
+ navigator.geolocation.getCurrentPosition(
+ function (
+ position
+ ) {
+ return displayLocation(
+ position,
+ e
+ );
+ }
);
}
- },
+ );
+ },
+ error: function error(_error3) {
+ console.log({
+ error: _error3,
});
- }
-
- result_container.html(
- '
'
- );
- if (res.length) {
- result_container.show();
- } else {
- result_container.hide();
- }
-
- locationAddressField.removeClass(
- 'atbdp-form-fade'
- );
-
- $('body')
- .off(
- 'click',
- '.address_result .current-location'
- )
- .on(
- 'click',
- '.address_result .current-location',
- function (e) {
- e.preventDefault();
-
- navigator.geolocation.getCurrentPosition(
- function (position) {
- return displayLocation(
- position,
- e
- );
- }
- );
- }
+ locationAddressField.removeClass(
+ 'atbdp-form-fade'
);
- },
- error: function error(_error3) {
- console.log({
- error: _error3,
- });
- locationAddressField.removeClass(
- 'atbdp-form-fade'
- );
- },
- });
- }
- }, 750)
- );
+ },
+ });
+ }
+ }, 750)
+ );
});
// hide address result when click outside the input field
@@ -2315,7 +2352,9 @@ document.addEventListener('DOMContentLoaded', () => {
if (directorist.i18n_text.select_listing_map === 'google') {
var url = directorist.ajax_url;
} else {
- url = `https://nominatim.openstreetmap.org/?postalcode=${zipcode}&format=json&addressdetails=1`;
+ url = `https://nominatim.openstreetmap.org/?postalcode=${encodeURIComponent(
+ zipcode
+ )}&format=json&addressdetails=1`;
$('.directorist-country').css({
display: 'block',
@@ -2366,7 +2405,20 @@ document.addEventListener('DOMContentLoaded', () => {
zipcode_search.find('.zip-cityLng').val(lon);
} else {
for (let i = 0; i < data.length; i++) {
- res += `
${data[i].address.country}`;
+ let country =
+ data[i] &&
+ data[i].address &&
+ data[i].address.country
+ ? data[i].address.country
+ : '';
+ res +=
+ '
' +
+ escapeHtml(country) +
+ '';
}
}