`; function openModal(){ //document.getElementById('map-modal').style.display = 'block'; UIkit.modal("#map-modal").show(); const elementmodfixshow = document.getElementById('wa-step-confirm-section'); if (elementmodfixshow) { elementmodfixshow.style.display = 'none'; } //modalMap.container.fitToViewport(); } let globalzone = 'notinzone'; // Наблюдатель за DOM const observer = new MutationObserver(() => { const btn = document.getElementById('show-map-btn_new'); if (btn && !btn.dataset.clickAttached) { btn.dataset.clickAttached = 'true'; // чтобы не навешивать повторно btn.onclick = openModal; } }); // Запуск наблюдения за всей страницей observer.observe(document.body, { childList: true, subtree: true }); function sc_addressNotZone(){ if (globalzone!='yesinzone'){ var sc_messageNotZone = `укажите адрес или выберите на карте`; //document.getElementById('shipping_address_street').value = ''; document.getElementById('wa-step-details-section').querySelector('.wa-delivery-price').innerHTML = sc_messageNotZone; document.getElementById('wa-step-confirm-section').querySelector('.wa-item-shipping').querySelector('.wa-value').innerHTML = sc_messageNotZone; //document.querySelector('.wa-item-total').remove(); //document.querySelector('.js-submit-order-button').remove(); document.querySelector('.wa-item-total')?.remove(); document.querySelector('.js-submit-order-button')?.remove(); if(document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]').value!==''){ //document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]').value=''; } } globalzone='notinzone'; } let first_preinput_address = ''; function preinput_address(){ if(!thelastofor||thelastofor==='zeroorders'||thelastofor===''){ var elem_address = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); var elem_address_value = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]').value; if(elem_address_value===''){ elem_address.value=first_preinput_address; var event_address = new Event('blur'); elem_address.dispatchEvent(event_address); setTimeout(sc_addressNotZone, 1000); }else{ elem_address.value=elem_address_value+' '; var event_address = new Event('blur'); elem_address.dispatchEvent(event_address); } //console.log('preinput_address_notzone'); }else{ var elem_address = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); elem_address.value=thelastofor; var event_address = new Event('blur'); elem_address.dispatchEvent(event_address); //console.log('preinput_address_good'); } } function check_address(){ var elem_address = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]').value; if(elem_address===''){ sc_addressNotZone(); }else{ //preinput_address(); } } first_response = 'deliveryDiv_1_not_find'; function first_change(){ var zoneName_1 = default_delivery_module; var deliveryDiv_1 = document.querySelector('div[data-variant-id="' + zoneName_1 + '"]'); if (deliveryDiv_1) { first_response = 'deliveryDiv_1_find'; var clickEvent_1 = new MouseEvent('click', { bubbles: true, // Событие всплывает cancelable: true, // Событие можно отменить view: window // Связь с window }); if (document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]')) { //first_preinput_address = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]').value; } // Инициируем событие клика на элементе document.querySelector('div[data-variant-id="' + zoneName_1 + '"]').dispatchEvent(clickEvent_1); //document.querySelector('div[data-id="' + zoneName_1 + '"]').dispatchEvent(clickEvent_1); setTimeout(sc_addressNotZone, 100); //setTimeout(preinput_address, 900); // Останавливаем интервал, так как условие выполнено clearInterval(checkInterval); }else{ first_response = 'deliveryDiv_1_not_find'; //console.log('bad response'); } } // Запускаем проверку каждые 2 секунды const checkInterval = setInterval(first_change, 2000); const checkInterval_2 = setInterval(check_address, 1000); //let countercheck = 0; //const maxAttemptscheck = 180; //const intervalcheck = setInterval(() => { // check_address(); // Вызываем функцию // countercheck++; // if (countercheck >= maxAttemptscheck) { // clearInterval(intervalcheck); // Останавливаем, когда достигли 180 раз // } //}, 50); // Интервал 50 мс, суммарно 9 секунд setTimeout(first_change, 100); setInterval(function insert_modalbutton(){ const addressInput = document.querySelector('input[name="details[shipping_address][street]"]'); if (addressInput) { var existingSpan = document.getElementById('shipping_address_after'); if (!existingSpan) { let customHtml_shipping = `выбрать адрес на карте`; addressInput.insertAdjacentHTML('afterend', customHtml_shipping); } } },1000); function setupAddressInputListener() { // Проверяем, может быть поле уже есть в DOM const addressInput = document.querySelector('input[name="details[shipping_address][street]"]'); if (addressInput) { attachAddressInputHandlers(addressInput); } // Наблюдаем за изменениями DOM на случай динамического добавления поля const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) { // Element node const inputs = node.querySelectorAll ? node.querySelectorAll('input[name="details[shipping_address][street]"]') : []; inputs.forEach(attachAddressInputHandlers); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); } function attachAddressInputHandlers(input) { let timeout; // Обработчик для ручного ввода с задержкой input.addEventListener('input', function() { clearTimeout(timeout); timeout = setTimeout(() => { handleAddressCompletion(input.value); }, 3000); }); // Обработчик для потери фокуса input.addEventListener('blur', function() { handleAddressCompletion(input.value); }); // Обработчик для выбора из автодополнения input.addEventListener('change', function() { setTimeout(() => handleAddressCompletion(input.value), 500); }); } // Функция, которая будет вызвана при завершении ввода адреса function handleAddressCompletion(address) { //if (!address || address.trim() === '') return; if(lastAddress!=address){ console.log('Адрес введён:'+address); //document.getElementById('address-input').value = address; var event = new Event('blur'); var elem = document.getElementById('address-input'); elem.dispatchEvent(event); //console.log('указан'); // присвоить переменной значение } lastAddress = address; } document.querySelector('body').insertAdjacentHTML('beforeend', customHtml_shipping); setupAddressInputListener(); const modal_click = document.getElementById('map-modal'); const modalContent_click = document.querySelector('.modal-content'); // Закрытие по клику вне контента modal_click.addEventListener('click', function(e) { if (!modalContent_click.contains(e.target)) { //modal_click.style.display = 'none'; UIkit.modal("#map-modal").hide(); setTimeout(() => { document.getElementById('wa-step-confirm-section').style.display = ''; }, 1000); setTimeout(() => { document.getElementById('wa-step-confirm-section').style.display = ''; }, 2000); } }); ymaps.ready(init); function init() { const allZonesCoordinates = []; datajso.features.forEach(zone => { zone.geometry.coordinates[0].forEach(coord => { allZonesCoordinates.push([coord[1], coord[0]]); }); }); function getBoundsFromCoordinates(coordsArray) { let lats = coordsArray.map(c => c[0]); let lons = coordsArray.map(c => c[1]); return [ [Math.min(...lats), Math.min(...lons)], [Math.max(...lats), Math.max(...lons)] ]; } const bounds = getBoundsFromCoordinates(allZonesCoordinates); const map = new ymaps.Map('map', { center: center_map_module, zoom: 11 }); const modalMap = new ymaps.Map('modal-map', { center: center_map_module, zoom: 11, controls: ['geolocationControl'] }); const zonePolygons = []; datajso.features.forEach(zone => { const coordinates = zone.geometry.coordinates[0].map(coord => [coord[1], coord[0]]); const polygonOptions = { hintContent: zone.properties.description, fillColor: zone.properties.fill || '#f371d1', fillOpacity: 0.6, strokeColor: zone.properties.stroke || '#f371d1', strokeWidth: parseInt(zone.properties['stroke-width']) || 0, strokeOpacity: 0.6 }; const polygon = new ymaps.Polygon([coordinates], {}, polygonOptions); const modalPolygon = new ymaps.Polygon([coordinates], {}, polygonOptions); polygon.events.add('click', e => { e.preventDefault(); const coords = e.get('coords'); getAddressByCoords(coords, zone.properties.description); }); modalPolygon.events.add('click', e => { e.preventDefault(); const coords = e.get('coords'); getAddressByCoords(coords, zone.properties.description); }); map.geoObjects.add(polygon); modalMap.geoObjects.add(modalPolygon); zonePolygons.push({ polygon: polygon, modalPolygon: modalPolygon, id: zone.id, name: zone.properties.description }); }); const infoPanel = document.getElementById('info'); //const showMapBtn = document.getElementById('show-map-btn'); //const mapModal = document.getElementById('map-modal'); const closeModal = document.getElementById('close-modal'); let currentPlacemark = null; let modalPlacemark = null; let suggestView = null; let addressSelected = false; //showMapBtn.addEventListener('click', () => { // mapModal.style.display = 'block'; // modalMap.container.fitToViewport(); //}); closeModal.addEventListener('click', () => { //mapModal.style.display = 'none'; //document.getElementById('map-modal').style.display = 'none'; UIkit.modal("#map-modal").hide(); setTimeout(() => { document.getElementById('wa-step-confirm-section').style.display = ''; }, 1000); setTimeout(() => { document.getElementById('wa-step-confirm-section').style.display = ''; }, 2000); }); function initializeInput(inputElement) { if (inputElement.dataset.suggestInit) return; inputElement.dataset.suggestInit = "true"; suggestView = new ymaps.SuggestView(inputElement.id, { boundedBy: bounds, strictBounds: true }); suggestView.events.add('select', e => { addressSelected = true; const selectedItem = e.get('item'); processAddressSelection(selectedItem.value); }); inputElement.addEventListener('blur', () => { if (inputElement.value && !addressSelected) { checkAddressZone(inputElement.value, true); } addressSelected = false; }); inputElement.addEventListener('keydown', e => { if (e.key === 'Enter') { checkAddressZone(inputElement.value, true); } }); } // Наблюдатель за появлением address-input //const observer = new MutationObserver(() => { // const input = document.getElementById('address-input'); // //const input = document.querySelector('input[name="details[shipping_address][street]"]'); // if (input) { // initializeInput(input); // } //}); const observer = new MutationObserver(() => { const input = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); if (input && !input.dataset.suggestInit) { input.dataset.suggestInit = "true"; const suggestView = new ymaps.SuggestView(input, { boundedBy: bounds, strictBounds: true }); suggestView.events.add('select', e => { addressSelected = true; const selectedItem = e.get('item'); input.value = selectedItem.value; checkAddressZone(selectedItem.value, true); }); input.addEventListener('blur', () => { if (input.value && !addressSelected) { checkAddressZone(input.value, true); } addressSelected = false; }); input.addEventListener('keydown', e => { if (e.key === 'Enter') { checkAddressZone(input.value, true); } }); } }); observer.observe(document.body, { childList: true, subtree: true }); //const initialInput = document.getElementById('address-input'); const initialInput = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); //const initialInput = document.querySelector('input[name="details[shipping_address][street]"]'); if (initialInput) initializeInput(initialInput); function processAddressSelection(address) { //const input = document.getElementById('address-input'); const input = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); //const input = document.querySelector('input[name="details[shipping_address][street]"]'); if (input) { input.value = address; checkAddressZone(address, true); } } function getAddressByCoords(coords, zoneName = null) { ymaps.geocode(coords, { results: 1 }).then(res => { const firstGeoObject = res.geoObjects.get(0); if (firstGeoObject) { const address = firstGeoObject.getAddressLine(); //const input = document.getElementById('address-input'); const input = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); //const input = document.querySelector('input[name="details[shipping_address][street]"]'); if (input) input.value = address; updateMapWithMarker(map, coords, address); updateMapWithMarker(modalMap, coords, address); map.setCenter(coords, 17); modalMap.setCenter(coords, 17); if (!zoneName) { checkZoneContainment(coords, address); } else { infoPanel.innerHTML = `

Адрес: ${address}

`; var deliveryDiv = document.querySelector('div[data-variant-id="' + zoneName + '"]'); if (deliveryDiv) { var clickEvent = new MouseEvent('click', { bubbles: true, // Событие всплывает cancelable: true, // Событие можно отменить view: window // Связь с window }); // Инициируем событие клика на элементе deliveryDiv.dispatchEvent(clickEvent); //setTimeout(load_js_shipping(), 1000); } } } }); } function checkAddressZone(address, centerMap = false) { infoPanel.innerHTML = 'Проверяем адрес...'; ymaps.geocode(address, { results: 1, boundedBy: bounds, strictBounds: true }).then(res => { const firstGeoObject = res.geoObjects.get(0); if (!firstGeoObject) { infoPanel.innerHTML = 'Адрес находится вне зон доставки'; sc_addressNotZone(); setTimeout(sc_addressNotZone, 100); setTimeout(sc_addressNotZone, 300); setTimeout(sc_addressNotZone, 500); setTimeout(sc_addressNotZone, 900); setTimeout(sc_addressNotZone, 1900); setTimeout(sc_addressNotZone, 2300); setTimeout(sc_addressNotZone, 2900); return; } const coords = firstGeoObject.geometry.getCoordinates(); const foundAddress = firstGeoObject.getAddressLine(); //const input = document.getElementById('address-input'); const input = document.querySelector('input[name="details\\[shipping_address\\]\\[street\\]"]'); //const input = document.querySelector('input[name="details[shipping_address][street]"]'); if (input) input.value = foundAddress; updateMapWithMarker(map, coords, foundAddress); updateMapWithMarker(modalMap, coords, foundAddress); setTimeout(updateMapWithMarker(map, coords, foundAddress), 500); setTimeout(updateMapWithMarker(modalMap, coords, foundAddress), 700); if (centerMap) { map.setCenter(coords, 17); modalMap.setCenter(coords, 17); } checkZoneContainment(coords, foundAddress); }).catch(err => { setTimeout(sc_addressNotZone, 1000); console.log('not found'); infoPanel.innerHTML = 'Адрес не найден'; setTimeout(sc_addressNotZone, 100); setTimeout(sc_addressNotZone, 300); setTimeout(sc_addressNotZone, 500); setTimeout(sc_addressNotZone, 900); //console.error('Geocode error:', err); }); } function updateMapWithMarker(mapInstance, coords, address) { if (mapInstance === map && currentPlacemark) { map.geoObjects.remove(currentPlacemark); } else if (mapInstance === modalMap && modalPlacemark) { modalMap.geoObjects.remove(modalPlacemark); } const placemark = new ymaps.Placemark(coords, { hintContent: address, balloonContent: address }, { preset: 'islands#redDotIcon' }); mapInstance.geoObjects.add(placemark); if (mapInstance === map) { currentPlacemark = placemark; } else { modalPlacemark = placemark; } } function checkZoneContainment(coords, address) { let zoneInfo = 'Адрес вне зон доставки'; zonePolygons.forEach(zone => { if (zone.polygon.geometry.contains(coords)) { zoneInfo = `Адрес находится в зоне: ${zone.name}`; globalzone = 'yesinzone'; var deliveryDiv = document.querySelector('div[data-variant-id="' + zone.name + '"]'); if (deliveryDiv) { var clickEvent = new MouseEvent('click', { bubbles: true, // Событие всплывает cancelable: true, // Событие можно отменить view: window // Связь с window }); // Инициируем событие клика на элементе deliveryDiv.dispatchEvent(clickEvent); //setTimeout(load_js_shipping(), 1000); } }else{ sc_addressNotZone(); } }); infoPanel.innerHTML = `

Адрес: ${address}

`; } } function makeDeliveryTimeRequired11() { var dd = $(document).find('.wa-desired-date-wrapper'); var parent = dd.closest('.wa-plugin-fields-wrapper'); var label = parent.find('.wa-label'); var new_label = ''; label.html(new_label); parent.find('#wahtmlcontrol_details_custom_desired_delivery_interval').prop('required', true).addClass('wa-select'); } function validateFields11(){ var dd = $(document).find('.wa-desired-date-wrapper'); var parent = dd.closest('.wa-plugin-fields-wrapper'); var date_inp = dd.find('#wahtmlcontrol_details_custom_desired_delivery_date_str'); var time_select = dd.find('select[name="details[custom][desired_delivery.interval]"]'); var date_val = date_inp.val() || false; var time_val = time_select.val() || false; //var buttonsubmit = document.querySelector('.js-submit-order-button'); parent.find('.wa-error-text').remove(); date_inp.removeClass('wa-error'); time_select.removeClass('wa-error'); if(!date_val || date_val == ''){ date_inp.addClass('wa-error'); date_inp.after('

Обязательное поле

'); //if (buttonsubmit) buttonsubmit.classList.add('d-none'); } else if(!time_val || time_val == ''){ time_select.addClass('wa-error'); time_select.after('

Обязательное поле

'); //if (buttonsubmit) buttonsubmit.classList.add('d-none'); } else { //if (buttonsubmit) buttonsubmit.classList.remove('d-none'); } } function validateFields2(){ var dd = $(document).find('.wa-desired-date-wrapper'); var parent = dd.closest('.wa-plugin-fields-wrapper'); var date_inp = dd.find('#wahtmlcontrol_details_custom_desired_delivery_date_str'); var time_select = dd.find('select[name="details[custom][desired_delivery.interval]"]'); var date_val = date_inp.val() || false; var time_val = time_select.val() || false; var buttonsubmit = document.querySelector('.js-submit-order-button'); parent.find('.wa-error-text').remove(); date_inp.removeClass('wa-error'); time_select.removeClass('wa-error'); if(!date_val || date_val == ''){ if (buttonsubmit) buttonsubmit.classList.add('d-none'); } else if(!time_val || time_val == ''){ if (buttonsubmit) buttonsubmit.classList.add('d-none'); } else { if (buttonsubmit) buttonsubmit.classList.remove('d-none'); } } $(document).on('focus', '#wahtmlcontrol_details_custom_desired_delivery_date_str', function() { //$(this).removeClass('wa-error'); //$(this).closest('.wa-field-wrapper').find('.wa-error-text').remove(); }); $(document).on('focus', '#wahtmlcontrol_details_custom_desired_delivery_interval', function() { //$(this).removeClass('wa-error'); // $(this).closest('.wa-field-wrapper').find('.wa-error-text').remove(); }); $(document).on('wa_order_form_ready', function (e) { //makeDeliveryTimeRequired(); }); $(document).on('wa_order_form_changed', function (e) { //makeDeliveryTimeRequired(); }); $(document).on('wa_order_form_region_changed', function () { //makeDeliveryTimeRequired(); }); $(document).on('wa_order_form_details_changed', function () { // makeDeliveryTimeRequired(); }); $(document).on('click', '.js-submit-order-button', function () { //validateFields(); }); //const intervalId = setInterval(validateFields2, 700); // эмулируем смену адреса для надежного просчета стоимости доставки let isDeliveryCoastFixed = false; function fixDeliveryCoast() { console.log('Start check delivery'); if (isDeliveryCoastFixed) return; console.log('Trying to fix delivery coast...'); const input = document.querySelector('input[name="details[shipping_address][street]"]'); if (input && input.offsetParent !== null) { input.focus(); const clickEvent = new MouseEvent('click', { bubbles: true, view: window }); input.dispatchEvent(clickEvent); input.dispatchEvent(new Event('focus', { bubbles: true })); setTimeout(function() { input.blur(); input.dispatchEvent(new Event('blur', { bubbles: true })); input.dispatchEvent(new Event('change', { bubbles: true })); console.log('Delivery coast fixed successfully!'); isDeliveryCoastFixed = true; }, 300); } else { console.log('Input not available yet'); } } // Запускаем в несколько этапов setTimeout(fixDeliveryCoast, 7000); // Первая попытка setTimeout(fixDeliveryCoast, 9000); // Вторая попытка setTimeout(fixDeliveryCoast, 12000); // Третья попытка setTimeout(fixDeliveryCoast, 15000); // Финальная попытка // Фикс стоимости доставки после ввода адреса (function() { const ADDRESS_INPUT_SELECTOR = 'input[name="details[shipping_address][street]"]'; const COOLDOWN_TIME = 4000; const FIX_DELAY = 300; const SUCCESS_DELAY = 3000; let successTimer = null; let lastTriggerTime = 0; function fixDelivery2Cost() { try { console.log('Trying to fix delivery cost...'); const input = document.querySelector(ADDRESS_INPUT_SELECTOR); if (input && window.getComputedStyle(input).display !== 'none') { input.focus(); const clickEvent = new MouseEvent('click', { bubbles: true, view: window }); input.dispatchEvent(clickEvent); input.dispatchEvent(new Event('focus', { bubbles: true })); setTimeout(() => { input.blur(); input.dispatchEvent(new Event('blur', { bubbles: true })); input.dispatchEvent(new Event('change', { bubbles: true })); console.log('Delivery cost fixed successfully!'); }, FIX_DELAY); } else { console.log('Input not available or hidden'); } } catch (error) { console.error('Error fixing delivery cost:', error); } } function successInputAddress() { console.log('Success: 3 seconds after address input blur'); fixDelivery2Cost(); } document.addEventListener('focus', (e) => { if (e.target.matches(ADDRESS_INPUT_SELECTOR)) { clearTimeout(successTimer); console.log('Address input focused'); } }, true); document.addEventListener('blur', (e) => { if (e.target.matches(ADDRESS_INPUT_SELECTOR)) { clearTimeout(successTimer); const currentTime = Date.now(); if (currentTime - lastTriggerTime >= COOLDOWN_TIME) { successTimer = setTimeout(() => { lastTriggerTime = Date.now(); successInputAddress(); }, SUCCESS_DELAY); console.log('Address input blurred - timer started'); } else { console.log('Address input blurred - cooldown active, skipping'); } } }, true); })();