'+headerText+"";content+='
";var opcjeMarkera={title:headerText,pickupPointID:idek};opcjeMarkera.position=point;opcjeMarkera.map=pickup_sites.mapa;if(pickup_sites.markerAnimation)opcjeMarkera.animation=google.maps.Animation.DROP;if(icon&&icon!=""){opcjeMarkera.icon=icon}else{if($("img.marker_face").attr("src")!=""&&markerPickupsCustomIcon){opcjeMarkera.icon=pickup_sites.markerIcon}}var marker=new google.maps.Marker(opcjeMarkera);pickup_sites.markersArray.push(marker);google.maps.event.addListener(marker,"click",function(marker,i){return function(e){e.cancelBubble=true;e.returnValue=false;if(e.stopPropagation){e.stopPropagation();e.preventDefault()}pickup_sites.markerInfo.setContent(content);pickup_sites.markerInfo.open(pickup_sites.mapa,marker);$('.asideContainer_pickup [value="'+marker.pickupPointID+'"]').prop("checked",true);$(".asideContainer_pickup").scrollTop(0);$(".asideContainer_pickup").scrollTop($('#pickup_site [name="pickup_point"]:checked + label').position().top)}}(marker,i));var pickupItem=$('.asideContainer_pickup [value="'+marker.pickupPointID+'"]').get(0);$('label[for="pickup_point_'+marker.pickupPointID+'"]').show().fadeTo("slow",1);google.maps.event.addDomListener(pickupItem,"click",function(marker,i){return function(e){$('.asideContainer_pickup [value="'+marker.pickupPointID+'"]').prop("checked",true);pickup_sites.markerInfo.setContent(content);pickup_sites.mapa.setCenter(opcjeMarkera.position);if(pickup_sites.mapa.getZoom()'+streetText+" "+cityText+"
";if(infoText){content+=''+infoText+"
"}content+=''+timeText+"
";if(moreLink){if(mapTooltipLink_class==="")content+='";else content+='"}content+=""+$(this).find(".zipcodePickup").text();var aLat=$(this).data("latitude");var aLon=$(this).data("longitude");leafletItems.push({id:aId,name:aName,link:aLink,address:aAddress,lat:aLat,lon:aLon})});if(leafletItems[0].lat&&leafletItems[0].lon)leafletStartMap(leafletItems[0].lat,leafletItems[0].lon,true)}})};var leafletMarker=new Array;var leafletItems=[];function leafletDelMarkers(){for(i=0;i
`+leafletItems[i].address.street+` `+leafletItems[i].address.buildingAndHouseNumber+` `+leafletItems[i].address.city+`
`}else{addressTxt=``+leafletItems[i].address+`
`}let button_text=``+leafletItems[i].name+``+addressTxt+`
`+href;markersList.push(leafletItems[i].id);markers[leafletItems[i].id]=L.marker([leafletItems[i].lat,leafletItems[i].lon],{icon:newMarkerIcon}).addTo(mymap).on("click",leafletOnClick).bindPopup(button_text)}mymap.setView(new L.LatLng(lat,long));let pointId=$(".asideContainer_pickup label.pickup_point").eq(0).attr("data-id");$('.asideContainer_pickup input[value="'+pointId+'"]').click();$("img.leaflet-marker-icon").each(function(){var href=$(this).attr("src");var href_prev=href.includes("preview/");if(href_prev)href=href.replace("preview/","");var href_2x=href.includes("marker-icon");if(href_2x)href=href.replace("-2x","");$(this).attr("src",href)})};var timeoutLeafLet=null;$(document).on("input","#autocomplete_location.autocomplete_nomap",function(){var that=$(this);clearTimeout(timeoutLeafLet);timeoutLeafLet=setTimeout(function(){if(that.val().length>3){leafletGetLocation(that.val())}},500)});$(document).off("click.suggestions").on("click.suggestions",".leafleat-suggestions div",function(){$("#autocomplete_location").val($(this).text());$(".leafleat-suggestions").remove();const lat=$(this).attr("data-lat");const lon=$(this).attr("data-lon");leafletDelMarkers();selected_pickup_point={};leafletGetPickups(lat,lon)});$(document).on("click",".map_button_search > .pickup_search_here_leaflet",function(){var cords=mymap.getCenter();var zoom=mymap.getZoom();leafletDelMarkers();selected_pickup_point={};leafletGetPickups(cords.lat,cords.lng,zoom)});$(document).on("click",'#pickup_site [name="pickup_point"], #pickup_site [name="stock"]',function(){const id=$(this).val();if(markers[id]){let thatMarkerCoords=markers[id].getLatLng();mymap.setView(new L.LatLng(thatMarkerCoords.lat,thatMarkerCoords.lng));markers[id].openPopup()}});var leafletGetCoords=function(address){let mymapLat="",mymapLong="";if(address){$.get(location.protocol+"//nominatim.openstreetmap.org/search?format=json&q="+address,function(data){if(!jQuery.isEmptyObject(data)){mymapLat=data[0].lat;mymapLong=data[0].lon;leafletGetPickups(mymapLat,mymapLong)}else{if($(".asideContainer_pickup label.pickup_point").length){$(".asideContainer_pickup label.pickup_point").each(function(){var aId=$(this).data("id");var aName=$(this).find(".headerText").text();var aLink=$(this).find(".map_dir").attr("href");var aAddress=$(this).find(".streetText").text()+"
"+$(this).find(".zipcodePickup").text();var aLat=$(this).data("latitude");var aLon=$(this).data("longitude");leafletItems.push({id:aId,name:aName,link:aLink,address:aAddress,lat:aLat,lon:aLon})});leafletStartMap(leafletItems[0].lat,leafletItems[0].lon,true)}if($("div.asideContainer_pickup .menu_messages_message").length)$("div.asideContainer_pickup .menu_messages_message").remove();$("div.asideContainer_pickup").prepend('")}})}else{if($(".asideContainer_pickup label.pickup_point").length){$(".asideContainer_pickup label.pickup_point").each(function(){var aId=$(this).data("id");var aName=$(this).find(".headerText").text();var aLink=$(this).find(".map_dir").attr("href");var aAddress=$(this).find(".streetText").text()+"
"+$(this).find(".zipcodePickup").text();var aLat=$(this).data("latitude");var aLon=$(this).data("longitude");leafletItems.push({id:aId,name:aName,link:aLink,address:aAddress,lat:aLat,lon:aLon})});leafletStartMap(leafletItems[0].lat,leafletItems[0].lon,true)}}};var leafletGetLocation=function(address){$.get(location.protocol+"//nominatim.openstreetmap.org/search?format=json&q="+address,function(data){if(!jQuery.isEmptyObject(data)){$("#locationField").append('');for(i in data){$(".leafleat-suggestions").append('
'+data[i].display_name+"
")}}else{leafletStartMap(53.428,14.552,true);if($("div.asideContainer_pickup .menu_messages_message").length)$("div.asideContainer_pickup .menu_messages_message").remove();$("div.asideContainer_pickup").prepend('")}})};var leafletGetTextLocation=function(){$("#mymap").prepend(`
${
`; } // Utworzenie informacji o punkcie odbioru function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){ // Pokazanie elementu fselectedPoint selectedPoint.style.display = "block"; // Wstawienie danych w punkt odbioru selectedPoint.dataset.courierId = courierId; selectedPoint.dataset.deliveryPointId = deliveryPointId; selectedPoint.dataset.name = name; selectedPoint.dataset.street = streetText; selectedPoint.dataset.city = cityText; selectedPoint.dataset.zipcode = zipcodeText; // Wstawienie danych o punkcie odbioru selectedPoint.insertAdjacentHTML("beforeend", ` `); } // Zmiana widoku listy, mapy na mobilce function toggleMapList(e){ const ifList = e.target.dataset.show === "list"; e.target.innerHTML = ifList ? "Pokaż Mapę" : "Pokaż Listę"; // Schowaj/ Pokaż mapę i listę if(ifList){ document.querySelector(".map_button_search").classList.add("--hide-map-el"); document.getElementById("mymap").classList.add("--hide-map-el"); document.querySelector(".asideContainer_pickup").classList.remove("--hide-map-el"); }else{ document.querySelector(".map_button_search").classList.remove("--hide-map-el"); document.getElementById("mymap").classList.remove("--hide-map-el"); document.querySelector(".asideContainer_pickup").classList.add("--hide-map-el"); } e.target.dataset.show = ifList ? "map" : "list"; } ////////////////////////////////////////////////////////////////////////// // DANE KLIENTA document.getElementById("bm-oscop-section1").addEventListener("click", (e) => { // Pokazanie się okna od logowania if(e.target.classList.contains("get_signin")) showSigninModal(); // Sprawdzenie czy kliknięcie było na "Załóź konto w sklepie Opcjonalnie" if(e.target.id === "register_client_checkbox"){ const registerForm = document.querySelector(".register__form"); if(e.target.checked) registerForm.classList.add("--fade-in"); else registerForm.classList.remove("--fade-in"); return; } // Ukrycie/Pokazanie hasła if(e.target.id === "toggle-password") return togglePassword(e.target); // Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną if(e.target.id === "client_type1") return document.querySelectorAll("#bm-oscop-section1 .firm-group").forEach(el => el.classList.add("--fade-in")); if(e.target.id === "client_type2") return document.querySelectorAll("#bm-oscop-section1 .firm-group").forEach(el => el.classList.remove("--fade-in")); // Sprawdzenie czy dostawa na inny adres czy nie if(e.target.id === "deliver_to_billingaddr"){ let ifBillingaddr = false; if(e.target.checked) ifBillingaddr = true; return showDeliveryForm(ifBillingaddr); } // Sprawdzenie czy kliknięcie będzie na guzik "Wybierz z listy adresów" i pokazanie popupa if(e.target.classList.contains("delivery__address-list-button")){ app_shop.fn.addressModal = new Modal({ element: $(".delivery__address-list-container"), classList: "--fade-in-modal", afterShow: () => { disablePageScroll(); document.querySelector(".delivery__address-list").addEventListener("click", handleClickAddressList); }, beforeClose: () => { enablePageScroll(); document.querySelector(".delivery__address-list").removeEventListener("click", handleClickAddressList); }, }); return; } // Kliknięcie na kod kierunkowy numeru telefonu if(e.target.closest(".phone_number__code")){ e.target.closest(".phone_number__code").querySelector(".phone_number__code_list").classList.toggle("show"); } if(e.target.classList.contains("phone_number__code_list_data")){ changePhoneValidationCountry(e.target); return; } }); // Pokaż/schowaj hasło function togglePassword(el){ const passwordInput = document.querySelector(".register__password"); let showPassword = false; if(passwordInput.type === "password") showPassword = true; passwordInput.type = showPassword ? "text" : "password"; el.classList.remove(showPassword ? "register__show-password" : "register__hide-password"); el.classList.add(showPassword ? "register__hide-password" : "register__show-password"); el.innerHTML = showPassword ? `${
}">
${
${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}
`);
// Przygotowanie informacji o dostawie do obliczenia daty dostawy
const deliveryDateInfo = {deliveryVal: null, delivery: null, pickuppoint: null};
const firstInput = document.querySelector("#osc_order1 input");
if(firstInput) changeDeliveryInfoObject(deliveryDateInfo, firstInput);
// Wstawienie pickuppoint jeśli edycja i istnieje
if(data?.pickupData !== undefined && data?.pickupData !== null){
const selectedShipping = document.querySelector(`#bm-oscop-section2 input#${deliveryId}`);
const pointExists = await checkPrevPickupPoint(
selectedShipping.parentElement.querySelector(".fselectedPoint"),
data.pickupData.id,
data.pickupData.name,
`${data.pickupData.address.street} ${data.pickupData.address.buildingAndHouseNumber}`,
data.pickupData.address.city,
data.pickupData.address.postcode,
data.deliveryMethodId
)
// Odznaczenie punktu jeśli punkt odbioru nie istnieje(Wcześniej był zaznaczony przy edycji)
if(!pointExists) selectedShipping.checked = false;
else changeDeliveryInfoObject(deliveryDateInfo, selectedShipping);
}// Sprawdzenie czy użytkownik ma zapisane poprzednio użyte metody w przeglądarce(tylko przy pierwszym załadowaniu strony)
else if(firstTimeLoadPage && prevOrderInfo && prevOrderInfo?.prevCountry === document.getElementById("client_region").value){
// POPRZEDNIA PŁATNOSC
const prevPaymentMethod = prevOrderInfo.prevPaymentMethod;
// Zaznaczenie metod płatności które nie tworzą popupa
if(prevPaymentMethod.id !== "payitem_2" && prevPaymentMethod.group !== "card" && prevPaymentMethod.group !== "transfer"){
document.getElementById(prevPaymentMethod.id).click();
}
else if(prevPaymentMethod.group === "card" || prevPaymentMethod.group === "transfer"){
const paymentMethodId = prevPaymentMethod.id.replace("-clone", "");
cloneElement(document.getElementById(paymentMethodId));
}
// POPRZEDNIA DOSTAWA
const prevDeliveryMethod = prevOrderInfo.prevDeliveryMethod;
const prevDeliveryInput = document.querySelector(`input#${prevDeliveryMethod.id}`);
// Sprawdzenie czy istnieje metoda dostawy (na wypadek gdyby była usunięta lub klient zamawiał do innego kraju)
if(prevDeliveryInput){
// Sprawdzenie czy dostawa miała punkt odbioru
if(prevDeliveryMethod.fselectedPoint){
const pointExists = await checkPrevPickupPoint(
prevDeliveryInput.parentElement.querySelector(".fselectedPoint"),
prevDeliveryMethod.fselectedPoint.deliveryPointId,
prevDeliveryMethod.fselectedPoint.name,
prevDeliveryMethod.fselectedPoint.street,
prevDeliveryMethod.fselectedPoint.city,
prevDeliveryMethod.fselectedPoint.zipcode,
prevDeliveryMethod.fselectedPoint.courierId
)
if(pointExists) prevDeliveryInput.checked = true;
}else{
prevDeliveryInput.checked = true;
}
changeDeliveryInfoObject(deliveryDateInfo, prevDeliveryInput);
}
}
// Zaznaczenie karty/banku w przypadku edycji
const checkedPayment = document.querySelector(`#osc_prepaids_method input[name="payform_id"]:checked`)
if(paymentValue && checkedPayment && (checkedPayment.dataset.group === "card" || checkedPayment.dataset.group === "transfer")){
cloneElement(checkedPayment);
}
// Przeładowanie mapy
loadMap();
// Zmiana daty dostawy i pokazanych opcji dostawy
if(deliveryDateInfo.deliveryVal && deliveryDateInfo.delivery && deliveryDateInfo.pickuppoint) calculateDeliveryDate(deliveryDateInfo.deliveryVal, deliveryDateInfo.delivery, deliveryDateInfo.pickuppoint);
// Przeliczenie kosztu dostawy
calculateBasketCost();
app_shop.fn.ajaxLoadSite(0);
firstTimeLoadPage = false;
// Wstawienie kalendarza do wyboru dnia dostawy
document.querySelectorAll(".osc_item.--calendar").forEach(el=>{
const calendarContainer = el.querySelector(".delivery_date__calendar_container");
// Miejsce na święta
const holidays = [];
// Przerobienie wolnych dni z tekstu na tablicę liczb;
const workingDaysArr = el.dataset.workingDays.split(",").map(day=>Number(day));
// Wyliczenie ostatniego dnia na dostawę na 2 miesiące od pierwszego dostępnego dnia
const maxDeliveryDate = new Date(el.dataset.deliveryDate);
maxDeliveryDate.setMonth(maxDeliveryDate.getMonth() + 2);
// KALENDARZ
const vanillaCal = new VanillaCalendar(el.querySelector(".delivery_date__calendar_container"), {
date: {
min: el.dataset.deliveryDate,
max: maxDeliveryDate.toLocaleDateString('en-CA'),
today: new Date(el.dataset.deliveryDate.replace(/-/g, '/')),
},
settings: {
workingDays: workingDaysArr,
selected: {
dates: [el.dataset.deliveryDate],
holidays: holidays,
},
},
actions: {
clickDay: (e, dates) => {
e.stopPropagation();
const customDateContainer = el.querySelector(".delivery_date__calendar_option.--custom");
//Zmiana aktywnej daty
el.querySelector(".delivery_date__calendar_option.active").classList.remove("active");
el.querySelector(".delivery_date__calendar_option.--another").classList.remove("--open");
customDateContainer.classList.add("active");
const chosenDate = new Date(dates[0]);
if(el.querySelector(`.delivery_date__calendar_option[data-date='${chosenDate.toLocaleDateString('en-CA')}']`)){
// Wybranie istniejącej daty
el.querySelector(`.delivery_date__calendar_option[data-date='${chosenDate.toLocaleDateString('en-CA')}']`).click();
}else{
// Wybranie nieistniejącej daty
// uzupełnienie danych o dacie dostawy
customDateContainer.querySelector(".delivery_date__calendar_date").innerHTML = `${chosenDate.getDate()}`;
customDateContainer.querySelector(".delivery_date__calendar_month").innerHTML = `${app_shop.txt[`month_name${chosenDate.getMonth()+1}`]}`;
customDateContainer.querySelector(".delivery_date__calendar_day").innerHTML = `${app_shop.txt[`week_day${chosenDate.getDay()}`]}`;
//ustawienie daty
customDateContainer.dataset.date = chosenDate.toLocaleDateString('en-CA');
}
},
}
});
vanillaCal.init();
// date: {
// min: firstDate,
// today: new Date(firstDate.replace(/-/g, '/')),
// },
// settings: {
// workingDays,
// selected: {
// dates: [firstDate],
// holidays: formattedHolidays,
// },
// },
// actions: {
// clickDay: (e, dates) => this.calendarAfterSelectDate(e, dates),
// },
})
};
// Error po pobraniu metod płatności i dostaw
function paymentsAndDeliveryError(errors){
const notEnoughProduct = errors.find(el => el.message.split(" ")[0] === "order_notenough");
if(notEnoughProduct){
Alertek.Error(`${
${operationName}
Lista ${methodName}
Wybierz z ${methodName}`;
}
app_shop.txt.week_day0 =
${newDeliveryDate.getDate()}
${app_shop.txt[`month_name${newDeliveryDate.getMonth()+1}`]}
(${app_shop.txt[`week_day${newDeliveryDate.getDay()}`]})
`);
}
dateSelectionDistance++;
}
const optionMarkup = dateSelectionArr.join("");
// Przygotowanie HTML kalendarza i wyboru czasu dostawy
shippingCalendarAndHours += `
`
}
// Uzupełnienie markupa dla metod dostaw dvp
return `
`;
}
// Sprawdź czy poprzedni punkt odbioru dalej istnieje
const SEARCH_PICKUP_POINTS_QUERY = (searchPickupPointsInput) => JSON.stringify({
query: `query {
searchPickupPoints(${searchPickupPointsInput}) {
data
gps {
latitude
longitude
}
}
}`,
})
async function checkPrevPickupPoint(selectedPoint, deliveryPointId, name, street, city, zipcode, courierId){
if(!name || !city || !zipcode) return false;
// Pobranie punktów z tym samym id co poprzedni
app_shop.fn.ajaxLoadSite(1)
const resultData = await fetchData({
data: SEARCH_PICKUP_POINTS_QUERY(`
SearchPickupPointsInput: {
shippingId: ${courierId},
query: "${deliveryPointId}",
cashOnDelivery: false,
}
`),
linkParameter: "?query=searchPickupPoints",
});
app_shop.fn.ajaxLoadSite(0);
if(resultData?.error?.message) return false;
// Sprawdzenie czy poprzedni punkt dalej istnieje
let pointExists = false;
resultData.data.searchPickupPoints.forEach(point => {
if(point.data.includes(deliveryPointId)) pointExists = true;
})
// Utworzenie nowego punktu odbioru
if(pointExists) createPickuppointInfo(selectedPoint, deliveryPointId, name, street, city, zipcode, courierId);
return pointExists;
}
// Obsługa kliknięć na dostawy i metody płatności
let prevPayment;
let prevShipping;
function checkPrevShipping(){
if(prevShipping){
prevShipping.checked=true;
changeCurrentShippingInfo(prevShipping);
}
}
// Przeliczenie kosztu i czasu dostawy i zapisanie nowej metody dostawy
function changeCurrentShippingInfo(shippingMethod){
calculateBasketCost();
calculateDeliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
app_shop.vars.checkedShipping = shippingMethod.value;
}
document.getElementById("bm-oscop-section2").addEventListener("click", e => {
// zabezpieczenie przed kliknięciem w kalendarz + wywołanie kliknięcia na input
if(e.target.closest(".osc_item") && !e.target.closest(".delivery_date__options") && e.target.type !== "radio") return e.target.closest(".osc_item").querySelector(":scope > input").click();
// Kliknięcie na datę
if(e.target.closest(".delivery_date__calendar_option")) return handleChangeDeliveryDate(e.target.closest(".delivery_date__calendar_option"));
// Kliknięcie na dostawe
if(e.target.name === "shipping"){
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
clearSelectedPoints();
// Nie robienie niczego jeśli kliknąłeś na ten sam element
if(app_shop.vars.checkedShipping === e.target.value) return;
if(e.target.dataset.working_days) e.target.dataset.working_days.split("#").map(function (e) {return parseInt(e, 10);});
// Zapisanie jako poprzednia metoda płatności jeśli nie wymaga wyboru punktu odbioru
if(e.target.dataset.pickuppoint === "false"){
prevShipping=e.target;
// Przeliczenie kosztu dostawy i czasu dostawy
changeCurrentShippingInfo(e.target);
}
return;
}
// Kliknięcie na płatność
if(e.target.name === "payform_id"){
// Usunięcie klona poprzedniego przelewu online/ karty płatniczej
removePrevClone();
// Wyskakujące okienko od vouchera
if(e.target.value === "2" && (e.target.parentElement.querySelector(".voucher-value") && e.target.parentElement.querySelector(".voucher-value").style.display === "none")) {
app_shop.fn.voucherModal = new Modal({
element: $(".order__voucher_container"),
classList: "--fade-in-modal",
afterShow: () => {
disablePageScroll();
document.getElementById("order_voucher_id").addEventListener("keydown", handleClickVoucherEnter);
document.querySelector(".order__voucher_button").addEventListener("click", handleClickVoucherSubmit);
},
beforeClose: () => {
enablePageScroll();
document.getElementById("order_voucher_id").removeEventListener("keydown", handleClickVoucherEnter);
document.querySelector(".order__voucher_button").removeEventListener("click", handleClickVoucherSubmit);
// Odznacz/Zaznacz poprzedzni jeśli użytkownik nie podał poprawnego kodu
if(e.target.parentElement.querySelector(".voucher-value").style.display === "none"){
if(prevPayment) prevPayment.checked = true;
else e.target.checked = false;
}
},
});
return;
}
// Przelewy online i karty płatnosci
if(e.target.dataset.group === "transfer" || e.target.dataset.group === "card"){
if(!e.target.closest(".osc_item-modal")) showPaymentMethodModal(e.target.dataset.group);
return;
}
// Inne metody płatności
if(document.getElementById("payitem_2") && e.target.value !== "2" && e.target.dataset.group !== "transfer" && e.target.dataset.group !== "card"){
const voucherOptionContainer = document.getElementById("payitem_2").parentElement;
voucherOptionContainer.querySelector(".voucher-value").style.display = "none";
voucherOptionContainer.querySelector(".voucher-value").innerHTML = ``;
}
// Zmien metody dostawy pomiedzy prepaid a dvp
if(e.target.id === "payitem_cash" && document.getElementById("osc_order1_dvp").style.display === "none" || e.target.id !== "payitem_cash" && document.getElementById("osc_order1_dvp").style.display === "block") changeDeliveryOptions();
prevPayment = e.target;
}
});
// Zmiana aktywnej daty w kalendarzu
function handleChangeDeliveryDate(el){
if(el.classList.contains("--another")){
return el.classList.add("--open");
}
const optionsContainer = el.closest(".delivery_date__options");
optionsContainer.querySelector(".delivery_date__calendar_option.active").classList.remove("active");
el.classList.add("active");
}
// Schowanie sklonowanej metody płatności
function removePrevClone(){
const prevClone = document.querySelector(".osc_item-clone");
if(!prevClone) return;
const cloneGroupName = prevClone.querySelector("input").dataset.group;
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="grid";
prevClone.remove();
}
// Utworzenie modala po kliknieciu na "przelewy online" lub "karta platnicza"
let ifChosenNewPaymentMethod = false;
function showPaymentMethodModal(method){
app_shop.fn.paymentModal = new Modal({
element: $(`.${method}__methods`),
classList: "--fade-in-modal",
afterShow: () => {
disablePageScroll();
document.querySelectorAll(`.${method}__methods .osc_item`).forEach(el => {
el.addEventListener("click", handlePaymentMethodClick);
})
},
beforeClose: () => {
enablePageScroll();
if(!ifChosenNewPaymentMethod) prevPayment ? prevPayment.checked = true : document.getElementById(`payitem_${method}`).checked = false;
document.querySelectorAll(`.${method}__methods .osc_item`).forEach(el => {
el.removeEventListener("click", handlePaymentMethodClick);
})
ifChosenNewPaymentMethod=false;
},
})
}
// Metoda oblugujaca kliknieca w metody platnosci w popupie
function handlePaymentMethodClick(e){
// znajdz input
const inputEl = e.target.closest(".osc_item").querySelector("input");
// Usuń poprzedni klon i stwórz nowy
removePrevClone();
cloneElement(inputEl);
// Zamkniecie modala
ifChosenNewPaymentMethod = true;
app_shop.fn.paymentModal.closeModal();
return false;
}
function cloneElement(originalPaymentElement){
// Sklonowanie kliknietego elementu
const clonedMethod = originalPaymentElement.closest(".osc_item").cloneNode(true);
const clonedInput = clonedMethod.querySelector("input");
// Zmiana id i klasy sklonowanego elementu dla rozróżnienia
clonedInput.id = clonedInput.id+"-clone";
clonedMethod.setAttribute("for", clonedInput.id);
clonedMethod.classList.add("osc_item-clone");
// Wstawienie klona po "przelewy online" lub "karta platnicza"
const standInEl = document.getElementById(`payitem_${clonedInput.dataset.group}`).closest(".osc_item");
standInEl.after(clonedMethod);
standInEl.style.display = "none";
clonedInput.checked = true;
}
// Zmiana opcji dostawy zależnie od płatności
function changeDeliveryOptions(){
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
else changePrepaidDvp("block", "none");
document.querySelectorAll("#bm-oscop-deliveries input").forEach((el) => el.checked = false);
app_shop.vars.checkedShipping = "";
calculateBasketCost();
}
// Zmień pokazane metody dostawy
function changePrepaidDvp(prepaidStyle, dvpStyle){
const prepaid = document.getElementById("osc_order1_prepaid");
const dvp = document.getElementById("osc_order1_dvp");
prepaid.style.display = prepaidStyle;
dvp.style.display = dvpStyle;
clearSelectedPoints();
}
// Wyczyszczenie informacji o punktach odbioru
function clearSelectedPoints(){
const fSelectedPoints = document.querySelectorAll("#osc_order1 .fselectedPoint");
fSelectedPoints.forEach(el => {
el.innerHTML="";
el.style.display="none";
});
}
// Zatwierdź bon towarowy enterem
function handleClickVoucherEnter(e){
if(e.key === "Enter") handleClickVoucherSubmit();
}
// Zatwierdź bon towarowy
function handleClickVoucherSubmit(){
const voucherNumber = document.getElementById("order_voucher_id");
const voucherRadioButton = document.getElementById("payitem_2");
const voucherOptionContainer = voucherRadioButton.parentElement;
$.ajax({
url: "/ajax/gift-cards-and-vouchers.php",
type: "POST",
timeout: 16000,
data: `action=auth&number=${voucherNumber.value}`,
complete: function (e, a) {
throwAjaxError(a);
},
success: function (e) {
// Jeśli nieprawidłowy kod wyświetl błąd
if(e.errno !== "0"){
addErrorMessage(voucherNumber, 0 && method.courier.id !== 0 ? "--calendar" : ""}" for="item_${method.courier.fullId}" data-working-days="${method.workingDays.toString()}" data-delivery-date="${defaultDate}">
${method.courier.name}
${avaliableFrom}
? `cost_free` :""}">${cost}
${
${method.courier.pickupPoint === true ? `` : ""}
${shippingCalendarAndHours}
`; if(!testPassword()) registerError += `${
`; } // Sprawdź metodę płatności i dostawy(scrollowanie do formularza ważniejsze) if(!document.querySelector(`input[name="shipping"]:checked`)){ scrolledToElement = errorEl || document.querySelector("#bm-oscop-deliveries h2"); alertMessage += `${
`; } if(!document.querySelector(`input[name="payform_id"]:checked`)){ scrolledToElement = errorEl || document.querySelector("#bm-oscop-payments h2"); alertMessage += `${
`; } // Błąd w formularzu if(errorEl){ scrolledToElement = errorEl; alertMessage += `${