Czyszczenie kodu i dodanie przytwierdzonego przycisku na spodzie na mobilce
This commit is contained in:
12
README.md
12
README.md
@@ -7,6 +7,8 @@ Pliki związane z OSCOP. Żeby działał trzeba stworzyć kopie jednego komponen
|
|||||||
4. style.css w Less/CSS
|
4. style.css w Less/CSS
|
||||||
5. Dodatkowo Trzeba będzie zrobić przekierowanie (można nawet dodatkiem) po kliknięciu na "Przejdź dalej" do strony "place-order.php"
|
5. Dodatkowo Trzeba będzie zrobić przekierowanie (można nawet dodatkiem) po kliknięciu na "Przejdź dalej" do strony "place-order.php"
|
||||||
|
|
||||||
|
W przypadku zamieszczania OSCOPa w panelu za pomocą COP trzeba najpierw szablon z OSCOPem opublikować na jakiś nieużywany język
|
||||||
|
|
||||||
## Punkty odbioru na jednej mapie ##
|
## Punkty odbioru na jednej mapie ##
|
||||||
### Ikony markera na mapie ###
|
### Ikony markera na mapie ###
|
||||||
Aby dodać zdjęcie ikony: moderacja -> cms -> Zarządzanie plikami dla CMS. Żeby dodać nową ikonę trzeba dodać nowy obiekt w mapMarkerUrls. Można do tam wybrać link url do ikony, rozmiar, klasę. Póki co umieszczone:
|
Aby dodać zdjęcie ikony: moderacja -> cms -> Zarządzanie plikami dla CMS. Żeby dodać nową ikonę trzeba dodać nowy obiekt w mapMarkerUrls. Można do tam wybrać link url do ikony, rozmiar, klasę. Póki co umieszczone:
|
||||||
@@ -45,6 +47,11 @@ Znajdują się już podmienione w pliku wydzielonyScriptLiteraly.js. Trzeba się
|
|||||||
- Autouzupełnianie metod płatności i dostawy w edycji
|
- Autouzupełnianie metod płatności i dostawy w edycji
|
||||||
- Autouzupełnianie metod płatności i dostawy na podstawie poprzednio wykonanego zakupu(za pomocą localStorage, czyli tylko w obszarze jednej przeglądarki na jednym urządzeniu)
|
- Autouzupełnianie metod płatności i dostawy na podstawie poprzednio wykonanego zakupu(za pomocą localStorage, czyli tylko w obszarze jednej przeglądarki na jednym urządzeniu)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
- Przytwierdzony przycisk zakupowy
|
||||||
|
|
||||||
### Wady ###
|
### Wady ###
|
||||||
- Nie ma faktury na inne dane(żeby nie używać tego samego zapytania co OSCOP Idosella, żeby nie pobierało opłat)
|
- Nie ma faktury na inne dane(żeby nie używać tego samego zapytania co OSCOP Idosella, żeby nie pobierało opłat)
|
||||||
- próba edycji zamówienia jak jest edycja zamówienia na punkty może się wywalać(za mało punktów lojalnościowych)
|
- próba edycji zamówienia jak jest edycja zamówienia na punkty może się wywalać(za mało punktów lojalnościowych)
|
||||||
@@ -54,9 +61,10 @@ Znajdują się już podmienione w pliku wydzielonyScriptLiteraly.js. Trzeba się
|
|||||||
- Limit znaków | Wydłużanie się okienka od uwag do sklepu|kuriera
|
- Limit znaków | Wydłużanie się okienka od uwag do sklepu|kuriera
|
||||||
- W przypadku punktów odbioru na jednej mapie, można zamienić metody dostawy wymagające punkty odbioru na jeden wspólny.
|
- W przypadku punktów odbioru na jednej mapie, można zamienić metody dostawy wymagające punkty odbioru na jeden wspólny.
|
||||||
- Przekreślona cena|Omnibus w wypadku gdy produkt jest w promocji
|
- Przekreślona cena|Omnibus w wypadku gdy produkt jest w promocji
|
||||||
- Przyklejony przycisk "Zamawiam i płacę" wraz z ceną i regulaminem
|
|
||||||
- ApplePay na Iphone na górze reszta schowana
|
- ApplePay na Iphone na górze reszta schowana
|
||||||
- Klient wybierze inposta nie trzeba danych osobowych? domyślnie podaje kreseczki spigen.pl
|
- Klient wybierze inposta nie trzeba danych osobowych? domyślnie podaje kreseczki spigen.pl
|
||||||
|
- Przytwierdzony przycisk zakupowy
|
||||||
|
- Express Checkout dodatkiem co przenosi z wybranym towarem na OSCOPa
|
||||||
|
|
||||||
### Rozliczenie ###
|
### Rozliczenie ###
|
||||||
- Wersja lifetime
|
- Wersja lifetime
|
||||||
@@ -70,3 +78,5 @@ Znajdują się już podmienione w pliku wydzielonyScriptLiteraly.js. Trzeba się
|
|||||||
- nie można wybierać hurtownika w place-order
|
- nie można wybierać hurtownika w place-order
|
||||||
- Jak się klika Zamów bez rejestracji to jest faktura na inne dane. Schować?
|
- Jak się klika Zamów bez rejestracji to jest faktura na inne dane. Schować?
|
||||||
- BADANIE KONWERSJI PODCZAS WDROŻENIA DLA KLIENTÓW
|
- BADANIE KONWERSJI PODCZAS WDROŻENIA DLA KLIENTÓW
|
||||||
|
- W przypadku wdrożenia na stary szablon za pomocą COP sprawdź czy kolorystyka się zgadza bo czasami to wtedy się psuje
|
||||||
|
- PROBLEM Z PRZEKIEROWANIEM!!!! - Przy nowszej wersji szablonu standardowego, przy przekierowaniu widać jeszcze przez chwilę poprzednią stronę. Dodatkowo kod w script.js związany z ładowaniem strony rozwala przekierowanie
|
||||||
1918
index.xslt
1918
index.xslt
File diff suppressed because it is too large
Load Diff
351
mapy/oneMap.js
351
mapy/oneMap.js
@@ -37,7 +37,7 @@ const deliveryPickupPoints = [];
|
|||||||
let finpostjs = false;
|
let finpostjs = false;
|
||||||
// Funkcja inicjująca mapę
|
// Funkcja inicjująca mapę
|
||||||
function loadMap() {
|
function loadMap() {
|
||||||
var htmlContent = `
|
const htmlContent = `
|
||||||
<div id="fbs_z02_cover">
|
<div id="fbs_z02_cover">
|
||||||
<div id="fbs_z02_wrapper" class="dialog_fbs_z02">
|
<div id="fbs_z02_wrapper" class="dialog_fbs_z02">
|
||||||
<a id="fbs_z02_close" href="#close"></a>
|
<a id="fbs_z02_close" href="#close"></a>
|
||||||
@@ -113,10 +113,12 @@ function loadMap() {
|
|||||||
document.querySelector('.asideContainer_pickup').innerHTML = '';
|
document.querySelector('.asideContainer_pickup').innerHTML = '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Funkcja obsługująca dostawy z mapą
|
// Funkcja obsługująca dostawy z mapą
|
||||||
function createEventsInpost(ITEM_ID) {
|
function createEventsInpost(ITEM_ID) {
|
||||||
var ITEM_FOR_MAP = '#item_' + ITEM_ID;
|
const ITEM_FOR_MAP = '#item_' + ITEM_ID;
|
||||||
var oscItem = document.querySelector(ITEM_FOR_MAP).closest('.osc_item');
|
const oscItem = document.querySelector(ITEM_FOR_MAP).closest('.osc_item');
|
||||||
|
|
||||||
document.querySelector(ITEM_FOR_MAP).addEventListener('click', function (e) {
|
document.querySelector(ITEM_FOR_MAP).addEventListener('click', function (e) {
|
||||||
const deliveryValue = ITEM_FOR_MAP.slice(1);
|
const deliveryValue = ITEM_FOR_MAP.slice(1);
|
||||||
@@ -129,18 +131,9 @@ function loadMap() {
|
|||||||
// Jesli nie ma informacji potrzebnej do mapy, zapisz wiadomosc do errora
|
// Jesli nie ma informacji potrzebnej do mapy, zapisz wiadomosc do errora
|
||||||
let errorMessage = "";
|
let errorMessage = "";
|
||||||
|
|
||||||
if(!clientStreet){
|
if(!clientStreet) errorMessage += addAddressErrorForMap("street");
|
||||||
errorMessage += `${<iai:variable vid="Wpisz ulicę i numer domu klienta"/>} <br>`;
|
if(!clientZipCode) errorMessage += addAddressErrorForMap("zipcode");
|
||||||
addErrorMessage(document.getElementById("client_street"), <iai:variable vid="Wpisz ulicę i numer domu klienta"/>)
|
if(!clientCity) errorMessage += addAddressErrorForMap("city");
|
||||||
}
|
|
||||||
if(!clientZipCode){
|
|
||||||
errorMessage += `${<iai:variable vid="Podaj kod pocztowy adresu dostawy"/>} <br>`;
|
|
||||||
addErrorMessage(document.getElementById("client_zipcode"), <iai:variable vid="Podaj kod pocztowy adresu dostawy"/>)
|
|
||||||
}
|
|
||||||
if(!clientCity){
|
|
||||||
errorMessage += `${<iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>}`;
|
|
||||||
addErrorMessage(document.getElementById("client_city"), <iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Zablokuj wybranie mapy jak nie ma adresu
|
// Zablokuj wybranie mapy jak nie ma adresu
|
||||||
if(errorMessage !== ""){
|
if(errorMessage !== ""){
|
||||||
@@ -170,7 +163,6 @@ function loadMap() {
|
|||||||
if(!suggestions) return;
|
if(!suggestions) return;
|
||||||
else suggestions.remove();
|
else suggestions.remove();
|
||||||
});
|
});
|
||||||
htmlContent = '';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wstaw adres klienta
|
// Wstaw adres klienta
|
||||||
@@ -249,6 +241,17 @@ function getAddressInfo(query){
|
|||||||
};
|
};
|
||||||
return document.getElementById(`client_${query}`).value;
|
return document.getElementById(`client_${query}`).value;
|
||||||
}
|
}
|
||||||
|
// Wiadomość errora, gdyby niebyło informacji adresowych przy otwieraniu mapy
|
||||||
|
const addressErrorMessagesForMap = {
|
||||||
|
"street": `${<iai:variable vid="Wpisz ulicę i numer domu klienta"/>}`,
|
||||||
|
"zipcode": `${<iai:variable vid="Podaj kod pocztowy adresu dostawy"/>}`,
|
||||||
|
"city": `${<iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>}`,
|
||||||
|
}
|
||||||
|
function addAddressErrorForMap(query){
|
||||||
|
addErrorMessage(document.getElementById(`client_${query}`), addressErrorMessagesForMap[query]);
|
||||||
|
return `${addressErrorMessagesForMap[query]} <br>`;
|
||||||
|
}
|
||||||
|
|
||||||
// Utworzenie informacji o punkcie odbioru
|
// Utworzenie informacji o punkcie odbioru
|
||||||
function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){
|
function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){
|
||||||
// Pokazanie elementu fselectedPoint
|
// Pokazanie elementu fselectedPoint
|
||||||
@@ -298,10 +301,10 @@ function toggleMapList(e){
|
|||||||
|
|
||||||
e.target.dataset.show = ifList ? "map" : "list";
|
e.target.dataset.show = ifList ? "map" : "list";
|
||||||
}
|
}
|
||||||
|
|
||||||
//////////////////////////////////////////////////////////////////////////
|
//////////////////////////////////////////////////////////////////////////
|
||||||
// DANE KLIENTA
|
// DANE KLIENTA
|
||||||
|
document.getElementById("bm-oscop-section1").addEventListener("click", (e) => {
|
||||||
document.getElementById("cop_seection1").addEventListener("click", (e) => {
|
|
||||||
// Pokazanie się okna od logowania
|
// Pokazanie się okna od logowania
|
||||||
if(e.target.classList.contains("get_signin")) showSigninModal();
|
if(e.target.classList.contains("get_signin")) showSigninModal();
|
||||||
|
|
||||||
@@ -314,11 +317,11 @@ document.getElementById("cop_seection1").addEventListener("click", (e) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Ukrycie/Pokazanie hasła
|
// Ukrycie/Pokazanie hasła
|
||||||
if(e.target.id === "toggle_password") return togglePassword(e.target);
|
if(e.target.id === "toggle-password") return togglePassword(e.target);
|
||||||
|
|
||||||
// Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną
|
// Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną
|
||||||
if(e.target.id === "client_type1") return document.querySelectorAll("#cop_seection1 .firm-group").forEach(el => el.classList.add("--fade-in"));
|
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("#cop_seection1 .firm-group").forEach(el => el.classList.remove("--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
|
// Sprawdzenie czy dostawa na inny adres czy nie
|
||||||
if(e.target.id === "deliver_to_billingaddr"){
|
if(e.target.id === "deliver_to_billingaddr"){
|
||||||
@@ -360,24 +363,24 @@ function togglePassword(el){
|
|||||||
// Pokaż popup logowania
|
// Pokaż popup logowania
|
||||||
function showSigninModal(){
|
function showSigninModal(){
|
||||||
app_shop.fn.signinModal = new Modal({
|
app_shop.fn.signinModal = new Modal({
|
||||||
element: $("#signin-form-ajax"),
|
element: $("#signin-form"),
|
||||||
classList: "--fade-in-modal",
|
classList: "--fade-in-modal",
|
||||||
afterShow: ()=>{
|
afterShow: ()=>{
|
||||||
disablePageScroll();
|
disablePageScroll();
|
||||||
document.querySelector(".signin_login_input").addEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__login").addEventListener("keydown", logInOnEnter);
|
||||||
document.querySelector(".signin_pass_input").addEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__pass").addEventListener("keydown", logInOnEnter);
|
||||||
},
|
},
|
||||||
beforeClose: ()=>{
|
beforeClose: ()=>{
|
||||||
enablePageScroll();
|
enablePageScroll();
|
||||||
document.querySelector(".signin_login_input").removeEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__login").removeEventListener("keydown", logInOnEnter);
|
||||||
document.querySelector(".signin_pass_input").removeEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__pass").removeEventListener("keydown", logInOnEnter);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Pokaż(true)/Schowaj(false) formularz dostawy na inny adres
|
// Pokaż(true)/Schowaj(false) formularz dostawy na inny adres
|
||||||
function showDeliveryForm(style){
|
function showDeliveryForm(style){
|
||||||
const deliveryWrapper = document.querySelector(".ajax_cop #client_new_additional .delivery_box.cn_wrapper");
|
const deliveryWrapper = document.querySelector(".bm-oscop__container #client_new_additional .delivery_box.cn_wrapper");
|
||||||
if((style && deliveryWrapper.classList.contains("--more")) || (!style && !deliveryWrapper.classList.contains("--more"))) return;
|
if((style && deliveryWrapper.classList.contains("--more")) || (!style && !deliveryWrapper.classList.contains("--more"))) return;
|
||||||
|
|
||||||
// Formularz dostawy na inny adres
|
// Formularz dostawy na inny adres
|
||||||
@@ -452,15 +455,15 @@ const SIGNIN = (signinInput) => JSON.stringify({
|
|||||||
});
|
});
|
||||||
|
|
||||||
function logInOnEnter(e){
|
function logInOnEnter(e){
|
||||||
if(e.key==="Enter") logInToAccount(false)
|
if(e.key === "Enter") logInToAccount(false)
|
||||||
}
|
}
|
||||||
const signinForm = document.querySelector(".signin-form_box_text form");
|
const signinForm = document.querySelector(".signin-form__container form");
|
||||||
if(signinForm) signinForm.addEventListener("submit", logInToAccount);
|
if(signinForm) signinForm.addEventListener("submit", logInToAccount);
|
||||||
|
|
||||||
async function logInToAccount(event){
|
async function logInToAccount(event){
|
||||||
if(event) event.preventDefault();
|
if(event) event.preventDefault();
|
||||||
const login = document.querySelector(".signin_login_input").value;
|
const login = document.querySelector(".signin-form__login").value;
|
||||||
const password = document.querySelector(".signin_pass_input").value;
|
const password = document.querySelector(".signin-form__pass").value;
|
||||||
const loginStatus = await fetchData({
|
const loginStatus = await fetchData({
|
||||||
data: SIGNIN(`
|
data: SIGNIN(`
|
||||||
login: "${login.replace(/"/g, '\\"')}",
|
login: "${login.replace(/"/g, '\\"')}",
|
||||||
@@ -497,7 +500,7 @@ function getClientNew(){
|
|||||||
success: function (e, a) {
|
success: function (e, a) {
|
||||||
app_shop.fn.load(
|
app_shop.fn.load(
|
||||||
"place-order.php",
|
"place-order.php",
|
||||||
[["#cop_seection1", "#cop_seection1"]],
|
[["#bm-oscop-section1", "#bm-oscop-section1"]],
|
||||||
function () {
|
function () {
|
||||||
history.go(-1);
|
history.go(-1);
|
||||||
},
|
},
|
||||||
@@ -643,8 +646,8 @@ function handleShowSigninModalFromEmailModal(e){
|
|||||||
showSigninModal();
|
showSigninModal();
|
||||||
}
|
}
|
||||||
|
|
||||||
// EventListener zmian w kontenerze cop_seection1
|
// EventListener zmian w kontenerze bm-oscop-section1
|
||||||
document.getElementById("cop_seection1").addEventListener("change", (e) => {
|
document.getElementById("bm-oscop-section1").addEventListener("change", (e) => {
|
||||||
const validateRequestId = ["client_zipcode", "delivery_zipcode", "client_nip", "client_email"];
|
const validateRequestId = ["client_zipcode", "delivery_zipcode", "client_nip", "client_email"];
|
||||||
const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city", "delivery_firstname", "delivery_lastname", "delivery_city", "client_firm"];
|
const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city", "delivery_firstname", "delivery_lastname", "delivery_city", "client_firm"];
|
||||||
|
|
||||||
@@ -662,17 +665,13 @@ const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city",
|
|||||||
|
|
||||||
// Walidacja ulicy i numeru domu
|
// Walidacja ulicy i numeru domu
|
||||||
if(e.target.id === "client_street" || e.target.id === "delivery_street") validateStreet(e.target);
|
if(e.target.id === "client_street" || e.target.id === "delivery_street") validateStreet(e.target);
|
||||||
|
|
||||||
// Walidacja numeru telefonu
|
// Walidacja numeru telefonu
|
||||||
if(e.target.id === "client_phone" || e.target.id === "delivery_phone") validatePhone(e.target);
|
if(e.target.id === "client_phone" || e.target.id === "delivery_phone") validatePhone(e.target);
|
||||||
|
|
||||||
// Walidacja loginu i hasła rejestracji
|
// Walidacja loginu i hasła rejestracji
|
||||||
if(e.target.classList.contains("register__login")) testLogin();
|
if(e.target.classList.contains("register__login")) testLogin();
|
||||||
if(e.target.classList.contains("register__password")) testPassword();
|
if(e.target.classList.contains("register__password")) testPassword();
|
||||||
|
|
||||||
// Walidacja imienia nazwiska miasta i firmy(wymagające po prostu nie bycia pustym)
|
// Walidacja imienia nazwiska miasta i firmy(wymagające po prostu nie bycia pustym)
|
||||||
if(notEmptyFieldsId.includes(e.target.id)) validateNotEmpty(e.target);
|
if(notEmptyFieldsId.includes(e.target.id)) validateNotEmpty(e.target);
|
||||||
|
|
||||||
// Sprawdzenie czy firma w dostawie na inny adres została wpisana
|
// Sprawdzenie czy firma w dostawie na inny adres została wpisana
|
||||||
if(e.target.id === "delivery_additional"){
|
if(e.target.id === "delivery_additional"){
|
||||||
if(e.target.value.length > 0) addSuccess(e.target);
|
if(e.target.value.length > 0) addSuccess(e.target);
|
||||||
@@ -818,7 +817,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
throwAjaxError(a);
|
throwAjaxError(a);
|
||||||
app_shop.fn.ajaxLoadSite(0);
|
app_shop.fn.ajaxLoadSite(0);
|
||||||
},
|
},
|
||||||
success: function (e) {
|
success: async function (e) {
|
||||||
let prepaidMarkup = "";
|
let prepaidMarkup = "";
|
||||||
|
|
||||||
// Stworzenie markupa dla metod dostaw
|
// Stworzenie markupa dla metod dostaw
|
||||||
@@ -834,13 +833,12 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
|
|
||||||
// Dane do zaznaczenia płatności i dostawy jeśli wcześniej na tej przeglądarce(localStorage) było już zamówienie
|
// Dane do zaznaczenia płatności i dostawy jeśli wcześniej na tej przeglądarce(localStorage) było już zamówienie
|
||||||
const prevOrderInfo = JSON.parse(localStorage.getItem("prevOrderInfo"));
|
const prevOrderInfo = JSON.parse(localStorage.getItem("prevOrderInfo"));
|
||||||
console.log(prevOrderInfo);
|
|
||||||
|
|
||||||
// Wstawienie metod dostaw na strone
|
// Wstawienie metod dostaw na strone
|
||||||
const deliveryMarkup = `<div id="osc_order1"><div id="osc_order1_prepaid" style="${paymentValue === "cash" ? "display:none;" : "display:block;"}">${prepaidMarkup}</div><div id="osc_order1_dvp" style="${paymentValue === "cash" ? "display:block;" : "display:none;"}">${dvpMarkup}</div></div>`;
|
const deliveryMarkup = `<div id="osc_order1"><div id="osc_order1_prepaid" style="${paymentValue === "cash" ? "display:none;" : "display:block;"}">${prepaidMarkup}</div><div id="osc_order1_dvp" style="${paymentValue === "cash" ? "display:block;" : "display:none;"}">${dvpMarkup}</div></div>`;
|
||||||
const previousDeliveries = document.getElementById("osc_order1");
|
const previousDeliveries = document.getElementById("osc_order1");
|
||||||
if(previousDeliveries) previousDeliveries.remove();
|
if(previousDeliveries) previousDeliveries.remove();
|
||||||
document.querySelector(".ajax_cop .step2_sub").insertAdjacentHTML("beforeend",deliveryMarkup);
|
document.getElementById("bm-oscop-deliveries").insertAdjacentHTML("beforeend",deliveryMarkup);
|
||||||
|
|
||||||
// Stworzenie metod płatności
|
// Stworzenie metod płatności
|
||||||
let prepaidsMethodMarkup = "";
|
let prepaidsMethodMarkup = "";
|
||||||
@@ -878,7 +876,7 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
ifPaymentCard = true;
|
ifPaymentCard = true;
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
prepaidsMethodMarkup += markup;
|
prepaidsMethodMarkup += markup;
|
||||||
// Okienko vouchera
|
// Okienko vouchera
|
||||||
if(method.id === 2){
|
if(method.id === 2){
|
||||||
prepaidsMethodMarkup += `
|
prepaidsMethodMarkup += `
|
||||||
@@ -904,8 +902,8 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
prepaidsTransferMarkup +="</div></div></label>";
|
prepaidsTransferMarkup += "</div></div></label>";
|
||||||
prepaidsCardMarkup +="</div></div></label>";
|
prepaidsCardMarkup += "</div></div></label>";
|
||||||
|
|
||||||
// Dołączenie metody płatność przy odbiorze
|
// Dołączenie metody płatność przy odbiorze
|
||||||
if(e.dvp.length) prepaidsMethodMarkup += `
|
if(e.dvp.length) prepaidsMethodMarkup += `
|
||||||
@@ -922,16 +920,22 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
// Wstawienie metod płatności na stronę
|
// Wstawienie metod płatności na stronę
|
||||||
const previousPayments = document.getElementById("osc_prepaids_method");
|
const previousPayments = document.getElementById("osc_prepaids_method");
|
||||||
if(previousPayments) previousPayments.remove();
|
if(previousPayments) previousPayments.remove();
|
||||||
document.querySelector(".ajax_cop #checkout_step3_1 .step3_sub").insertAdjacentHTML("beforeend", `<div id="osc_prepaids_method"> ${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}</div>`);
|
document.getElementById("bm-oscop-payments").insertAdjacentHTML("beforeend", `<div id="osc_prepaids_method"> ${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}</div>`);
|
||||||
|
|
||||||
// Wstawienie błędu jeśli metody płatności są puste
|
// Wstawienie błędu jeśli metody płatności są puste
|
||||||
const currentPayments = document.getElementById("osc_prepaids_method");
|
const currentPayments = document.getElementById("osc_prepaids_method");
|
||||||
if(document.getElementById("osc_prepaids_method").innerHTML === "") currentPayments.insertAdjacentHTML("beforeend",'<div class="menu_messages_warning" id="menu_messages_warning"><div class="menu_messages_message_sub"><p>' + <iai:variable vid="Brak metod płatności"/> + <iai:variable vid="w celu uzyskania informacji jak skompletować zamówienie"/> + ', <a href="/contact.php">' + `${<iai:variable vid="skontaktuj się z nami"/>}` + "</a></p></div></div>");
|
if(document.getElementById("osc_prepaids_method").innerHTML === "") currentPayments.insertAdjacentHTML("beforeend",'<div class="menu_messages_warning" id="menu_messages_warning"><div class="menu_messages_message_sub"><p>' + <iai:variable vid="Brak metod płatności"/> + <iai:variable vid="w celu uzyskania informacji jak skompletować zamówienie"/> + ', <a href="/contact.php">' + `${<iai:variable vid="skontaktuj się z nami"/>}` + "</a></p></div></div>");
|
||||||
|
|
||||||
|
|
||||||
|
// 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
|
// Wstawienie pickuppoint jeśli edycja i istnieje
|
||||||
if(data?.pickupData !== undefined && data?.pickupData !== null){
|
if(data?.pickupData !== undefined && data?.pickupData !== null){
|
||||||
const selectedShipping = document.querySelector(`#cop_seection2 input#${deliveryId}`);
|
const selectedShipping = document.querySelector(`#bm-oscop-section2 input#${deliveryId}`);
|
||||||
checkPrevPickupPoint(
|
const pointExists = await checkPrevPickupPoint(
|
||||||
selectedShipping.parentElement.querySelector(".fselectedPoint"),
|
selectedShipping.parentElement.querySelector(".fselectedPoint"),
|
||||||
data.pickupData.id,
|
data.pickupData.id,
|
||||||
data.pickupData.name,
|
data.pickupData.name,
|
||||||
@@ -939,12 +943,13 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
data.pickupData.address.city,
|
data.pickupData.address.city,
|
||||||
data.pickupData.address.postcode,
|
data.pickupData.address.postcode,
|
||||||
data.deliveryMethodId
|
data.deliveryMethodId
|
||||||
).then(pointExists=>{
|
)
|
||||||
// Odznaczenie punktu jeśli punkt odbioru nie istnieje(Wcześniej był zaznaczony przy edycji)
|
// Odznaczenie punktu jeśli punkt odbioru nie istnieje(Wcześniej był zaznaczony przy edycji)
|
||||||
if(!pointExists) selectedShipping.checked = false;
|
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)
|
}// 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){
|
else if(firstTimeLoadPage && prevOrderInfo && prevOrderInfo?.prevCountry === document.getElementById("client_region").value){
|
||||||
|
// POPRZEDNIa PŁATNOSC
|
||||||
const prevPaymentMethod = prevOrderInfo.prevPaymentMethod;
|
const prevPaymentMethod = prevOrderInfo.prevPaymentMethod;
|
||||||
|
|
||||||
// Zaznaczenie metod płatności które nie tworzą popupa
|
// Zaznaczenie metod płatności które nie tworzą popupa
|
||||||
@@ -956,7 +961,7 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
cloneElement(document.getElementById(paymentMethodId));
|
cloneElement(document.getElementById(paymentMethodId));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Poprzednia dostawa
|
// POPRZEDNIA DOSTAWA
|
||||||
const prevDeliveryMethod = prevOrderInfo.prevDeliveryMethod;
|
const prevDeliveryMethod = prevOrderInfo.prevDeliveryMethod;
|
||||||
const prevDeliveryInput = document.querySelector(`input#${prevDeliveryMethod.id}`);
|
const prevDeliveryInput = document.querySelector(`input#${prevDeliveryMethod.id}`);
|
||||||
|
|
||||||
@@ -964,7 +969,7 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
if(prevDeliveryInput){
|
if(prevDeliveryInput){
|
||||||
// Sprawdzenie czy dostawa miała punkt odbioru
|
// Sprawdzenie czy dostawa miała punkt odbioru
|
||||||
if(prevDeliveryMethod.fselectedPoint){
|
if(prevDeliveryMethod.fselectedPoint){
|
||||||
checkPrevPickupPoint(
|
const pointExists = await checkPrevPickupPoint(
|
||||||
prevDeliveryInput.parentElement.querySelector(".fselectedPoint"),
|
prevDeliveryInput.parentElement.querySelector(".fselectedPoint"),
|
||||||
prevDeliveryMethod.fselectedPoint.deliveryPointId,
|
prevDeliveryMethod.fselectedPoint.deliveryPointId,
|
||||||
prevDeliveryMethod.fselectedPoint.name,
|
prevDeliveryMethod.fselectedPoint.name,
|
||||||
@@ -972,12 +977,12 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
prevDeliveryMethod.fselectedPoint.city,
|
prevDeliveryMethod.fselectedPoint.city,
|
||||||
prevDeliveryMethod.fselectedPoint.zipcode,
|
prevDeliveryMethod.fselectedPoint.zipcode,
|
||||||
prevDeliveryMethod.fselectedPoint.courierId
|
prevDeliveryMethod.fselectedPoint.courierId
|
||||||
).then(pointExists=>{
|
)
|
||||||
if(pointExists) prevDeliveryInput.checked = true;
|
if(pointExists) prevDeliveryInput.checked = true;
|
||||||
});
|
|
||||||
}else{
|
}else{
|
||||||
prevDeliveryInput.checked = true;
|
prevDeliveryInput.checked = true;
|
||||||
}
|
}
|
||||||
|
changeDeliveryInfoObject(deliveryDateInfo, prevDeliveryInput);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -986,16 +991,17 @@ const checkedPayment = paymentValue === method.id;
|
|||||||
if(paymentValue && checkedPayment && (checkedPayment.dataset.group === "card" || checkedPayment.dataset.group === "transfer")){
|
if(paymentValue && checkedPayment && (checkedPayment.dataset.group === "card" || checkedPayment.dataset.group === "transfer")){
|
||||||
cloneElement(checkedPayment);
|
cloneElement(checkedPayment);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Przeładowanie mapy
|
// Przeładowanie mapy
|
||||||
loadMap();
|
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
|
// Przeliczenie kosztu dostawy
|
||||||
calculateBasketCost();
|
calculateBasketCost();
|
||||||
// Zmiana daty dostawy i pokazanych opcji dostawy
|
|
||||||
const firstInput = document.getElementById("osc_order1 input");
|
|
||||||
if(firstInput) deliveryDate(firstInput.value, firstInput.dataset.delivery, firstInput.dataset.pickuppoint);
|
|
||||||
calculateBasketCost();
|
|
||||||
app_shop.fn.ajaxLoadSite(0);
|
app_shop.fn.ajaxLoadSite(0);
|
||||||
|
|
||||||
firstTimeLoadPage = false;
|
firstTimeLoadPage = false;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@@ -1104,10 +1110,10 @@ function checkPrevShipping(){
|
|||||||
// Przeliczenie kosztu i czasu dostawy i zapisanie nowej metody dostawy
|
// Przeliczenie kosztu i czasu dostawy i zapisanie nowej metody dostawy
|
||||||
function changeCurrentShippingInfo(shippingMethod){
|
function changeCurrentShippingInfo(shippingMethod){
|
||||||
calculateBasketCost();
|
calculateBasketCost();
|
||||||
deliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
|
calculateDeliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
|
||||||
app_shop.vars.checkedShipping = shippingMethod.value;
|
app_shop.vars.checkedShipping = shippingMethod.value;
|
||||||
}
|
}
|
||||||
document.getElementById("cop_seection2").addEventListener("click", e => {
|
document.getElementById("bm-oscop-section2").addEventListener("click", e => {
|
||||||
// Kliknięcie na dostawe
|
// Kliknięcie na dostawe
|
||||||
if(e.target.name === "shipping"){
|
if(e.target.name === "shipping"){
|
||||||
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
|
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
|
||||||
@@ -1183,7 +1189,7 @@ function removePrevClone(){
|
|||||||
const prevClone = document.querySelector(".osc_item-clone");
|
const prevClone = document.querySelector(".osc_item-clone");
|
||||||
if(!prevClone) return;
|
if(!prevClone) return;
|
||||||
const cloneGroupName = prevClone.querySelector("input").dataset.group;
|
const cloneGroupName = prevClone.querySelector("input").dataset.group;
|
||||||
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="flex";
|
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="grid";
|
||||||
prevClone.remove();
|
prevClone.remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1244,7 +1250,7 @@ function changeDeliveryOptions(){
|
|||||||
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
|
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
|
||||||
else changePrepaidDvp("block", "none");
|
else changePrepaidDvp("block", "none");
|
||||||
|
|
||||||
document.querySelectorAll("#checkout_step2_1 input").forEach((el) => el.checked = false);
|
document.querySelectorAll("#bm-oscop-deliveries input").forEach((el) => el.checked = false);
|
||||||
app_shop.vars.checkedShipping = "";
|
app_shop.vars.checkedShipping = "";
|
||||||
calculateBasketCost();
|
calculateBasketCost();
|
||||||
}
|
}
|
||||||
@@ -1319,10 +1325,11 @@ function calculateBasketCost() {
|
|||||||
const deliveryCostEl = document.querySelector("#order2_shipping_value .operation_value");
|
const deliveryCostEl = document.querySelector("#order2_shipping_value .operation_value");
|
||||||
const productsPointsEl = document.querySelector("#order2_products_points .operation_value");
|
const productsPointsEl = document.querySelector("#order2_products_points .operation_value");
|
||||||
const summaryPointsEl = document.getElementById("summary-points");
|
const summaryPointsEl = document.getElementById("summary-points");
|
||||||
|
const attatchedSummaryPointsEl = document.getElementById("attatched-points");
|
||||||
// Przygotowanie informacji o metodzie dostawy i platnosci
|
// Przygotowanie informacji o metodzie dostawy i platnosci
|
||||||
const orderInfo = {
|
const orderInfo = {
|
||||||
delivery: document.querySelector('.ajax_cop input[name="shipping"]:checked') ? document.querySelector('.ajax_cop input[name="shipping"]:checked').value : "0-1",
|
delivery: document.querySelector('.bm-oscop__container input[name="shipping"]:checked') ? document.querySelector('.bm-oscop__container input[name="shipping"]:checked').value : "0-1",
|
||||||
payform_id: document.querySelector('.ajax_cop input[name="payform_id"]:checked') ? document.querySelector('.ajax_cop input[name="payform_id"]:checked').value : "cash"
|
payform_id: document.querySelector('.bm-oscop__container input[name="payform_id"]:checked') ? document.querySelector('.bm-oscop__container input[name="payform_id"]:checked').value : "cash"
|
||||||
}
|
}
|
||||||
xhrs && 4 != xhrs.readyState && 0 != xhrs.readyState && xhrs.abort(),
|
xhrs && 4 != xhrs.readyState && 0 != xhrs.readyState && xhrs.abort(),
|
||||||
xhrs = $.ajax({
|
xhrs = $.ajax({
|
||||||
@@ -1358,13 +1365,17 @@ const summaryPointsEl = document.getElementById("summary-points");
|
|||||||
productsPointsEl.parentElement.style.display = "flex";
|
productsPointsEl.parentElement.style.display = "flex";
|
||||||
summaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
summaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
||||||
summaryPointsEl.style.display = "block";
|
summaryPointsEl.style.display = "block";
|
||||||
|
attatchedSummaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
||||||
|
attatchedSummaryPointsEl.style.display = "block";
|
||||||
}else {
|
}else {
|
||||||
productsPointsEl.parentElement.style.display = "none";
|
productsPointsEl.parentElement.style.display = "none";
|
||||||
summaryPointsEl.style.display = "none";
|
summaryPointsEl.style.display = "none";
|
||||||
|
attatchedSummaryPointsEl.style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Cena całkowita
|
// Cena całkowita
|
||||||
document.getElementById("summary-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign) + "<small>" + <iai:variable vid="brutto"/> + "</small>";
|
document.getElementById("summary-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign) + "<small>" + <iai:variable vid="brutto"/> + "</small>";
|
||||||
|
document.getElementById("attatched-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -1382,25 +1393,48 @@ function formatPrice(price, currencySign) {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// Funkcja od ustalenia daty dostawy
|
// Funkcja od ustalenia daty dostawy
|
||||||
function deliveryDate(deliveryVal, delivery, pickuppoint) {
|
function calculateDeliveryDate(deliveryVal, delivery, pickuppoint) {
|
||||||
const deliveryMessageEl = document.querySelector("#order2_shiptime span:not(.operation_value)");
|
const deliveryMessageEl = document.querySelector("#order2_shiptime span:not(.operation_value)");
|
||||||
|
const attatchedMessageEl = document.querySelector("#attatched-shiptime span:not(.operation_value)");
|
||||||
const deliveryDateEl = document.querySelector("#order2_shiptime .operation_value");
|
const deliveryDateEl = document.querySelector("#order2_shiptime .operation_value");
|
||||||
|
const attatchedDateEl = document.querySelector("#attatched-shiptime .operation_value");
|
||||||
const date = delivery.split("#");
|
const date = delivery.split("#");
|
||||||
|
|
||||||
// Wybranie nazwy zaleznie czy dostawa jest do twojego mieszkania czy nie
|
// Wybranie nazwy zaleznie czy dostawa jest do twojego mieszkania czy nie
|
||||||
if(deliveryVal === "0-0" || deliveryVal === "0-1" || pickuppoint === "y") deliveryMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
if(deliveryVal === "0-0" || deliveryVal === "0-1" || pickuppoint === "y"){
|
||||||
else deliveryMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
deliveryMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
||||||
|
attatchedMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
deliveryMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
||||||
|
attatchedMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
||||||
|
}
|
||||||
|
|
||||||
if(date[4]>0) deliveryDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
if(date[4]>0) {
|
||||||
|
deliveryDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
||||||
|
attatchedDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
if(parseInt(date[5]) === 0) deliveryDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
if(parseInt(date[5]) === 0){
|
||||||
else deliveryDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
deliveryDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
||||||
|
attatchedDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
deliveryDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
||||||
|
attatchedDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
// Zmiana informacji o dostawie
|
||||||
|
function changeDeliveryInfoObject(deliveryObject, deliveryElement){
|
||||||
|
deliveryObject.deliveryVal = deliveryElement.value;
|
||||||
|
deliveryObject.delivery = deliveryElement.dataset.delivery;
|
||||||
|
deliveryObject.pickuppoint = deliveryElement.dataset.pickuppoint;
|
||||||
|
}
|
||||||
|
|
||||||
// Obsługa klilnięć na elementy w podsumowaniu
|
// Obsługa klilnięć na elementy w podsumowaniu
|
||||||
document.getElementById("cop_seection3").addEventListener("click", (e) => {
|
document.getElementById("bm-oscop-section3").addEventListener("click", (e) => {
|
||||||
const productsContainer = document.getElementById("checkout_step3_3");
|
const productsContainer = document.querySelector(".summary__container");
|
||||||
|
|
||||||
// Kliknięcie na przyciski "Pokaż pozozostałe produkty" i "Zwiń listę"
|
// Kliknięcie na przyciski "Pokaż pozozostałe produkty" i "Zwiń listę"
|
||||||
const togggleProducts = e.target.closest(".order_products_action");
|
const togggleProducts = e.target.closest(".order_products_action");
|
||||||
@@ -1412,40 +1446,98 @@ const productsContainer = document.getElementById("checkout_step3_3");
|
|||||||
productsContainer.classList.add("--more");
|
productsContainer.classList.add("--more");
|
||||||
togggleProducts.querySelector("span").innerHTML = `${<iai:variable vid="Zwiń listę"/>}`;
|
togggleProducts.querySelector("span").innerHTML = `${<iai:variable vid="Zwiń listę"/>}`;
|
||||||
}
|
}
|
||||||
|
checkIfShowAttatched();
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kliknięcie na checkbox(nie zaznacz wszystkie i nie kod rabatowy)
|
// Kliknięcie na checkbox(nie zaznacz wszystkie i nie kod rabatowy)
|
||||||
if(e.target.type === "checkbox" && e.target.id !== "checkall-terms" && e.target.id !== "rebate_option"){
|
if(e.target.type === "checkbox" && e.target.id !== "checkall-terms" && e.target.id !== "rebate-option"){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
|
||||||
const checkboxAllTerms = document.getElementById("checkall-terms");
|
const checkboxAllTerms = document.getElementById("checkall-terms");
|
||||||
if(e.target.checked === false) checkboxAllTerms.checked = false;
|
const attatchedcheckboxAllTerms = document.getElementById("attatched-checkall-terms");
|
||||||
|
if(e.target.checked === false) {
|
||||||
|
checkboxAllTerms.checked = false;
|
||||||
|
attatchedcheckboxAllTerms.checked = false;
|
||||||
|
// usuniecie bledu jesli jest na przyczepionym przycisku zakupowym
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
||||||
let checkedCount = 0;
|
let checkedCount = 0;
|
||||||
termsInputs.forEach(el => el.checked === true ? checkedCount++ : "");
|
termsInputs.forEach(el => el.checked === true ? checkedCount++ : "");
|
||||||
if(checkedCount === termsInputs.length) checkboxAllTerms.checked = true;
|
if(checkedCount === termsInputs.length) {
|
||||||
|
checkboxAllTerms.checked = true;
|
||||||
|
attatchedcheckboxAllTerms.checked = true;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kliknięcie na przycisk "Zaznacz wszystkie"
|
// Kliknięcie na przycisk "Zaznacz wszystkie"
|
||||||
if(e.target.id === "checkall-terms"){
|
if(e.target.id === "checkall-terms") return toggleAllTerms();
|
||||||
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
|
||||||
let checkAll = false;
|
|
||||||
|
|
||||||
termsInputs.forEach(el => el.checked === false ? checkAll = true : "");
|
|
||||||
termsInputs.forEach(function (el) {
|
|
||||||
if(checkAll) el.checked = true;
|
|
||||||
else el.checked = false;
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Usuń error na regulaminie
|
// Usuń error na regulaminie
|
||||||
if(e.target.id === "order2_terms_conditions" || e.target.id === "order2_cancel"){
|
if(e.target.id === "order2_terms_conditions" || e.target.id === "order2_cancel"){
|
||||||
e.target.parentElement.querySelector("span").classList.remove("text-danger");
|
e.target.parentElement.querySelector("span").classList.remove("text-danger");
|
||||||
e.target.parentElement.querySelector("a").classList.remove("text-danger");
|
e.target.parentElement.querySelector("a").classList.remove("text-danger");
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
function toggleAllTerms(){
|
||||||
|
removeErrorOnTerms();
|
||||||
|
|
||||||
|
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
||||||
|
let checkAll = false;
|
||||||
|
|
||||||
|
termsInputs.forEach(el => el.checked === false ? checkAll = true : "");
|
||||||
|
termsInputs.forEach(function (el) {
|
||||||
|
el.checked = checkAll;
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById("checkall-terms").checked = checkAll;
|
||||||
|
document.getElementById("attatched-checkall-terms").checked = checkAll;
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeErrorOnTerms(){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
document.querySelector(".order2_terms_conditions span").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_terms_conditions a").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_cancel span").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_cancel a").classList.remove("text-danger");
|
||||||
|
}
|
||||||
|
|
||||||
|
// PRZYCISK ZAKUPU PRZYTWIERDZONY NA DÓŁ STRONY
|
||||||
|
function checkIfShowAttatched(){
|
||||||
|
const attatchedEl = document.querySelector("#attatched-summary .bm-oscop__attatched-container");
|
||||||
|
const summaryCheckAllPos = document.getElementById("checkall-terms").getBoundingClientRect();
|
||||||
|
// Sprawdzenie czy pokazać przytwierdzony przycisk do zakupu
|
||||||
|
|
||||||
|
if(summaryCheckAllPos.top >= window.innerHeight - attatchedEl.offsetHeight){
|
||||||
|
attatchedEl.style.opacity = "1";
|
||||||
|
attatchedEl.closest("#attatched-summary").style.zIndex = "30";
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
attatchedEl.style.opacity = "0";
|
||||||
|
attatchedEl.closest("#attatched-summary").style.zIndex = "-1";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sprawdzenie czy pokazywać cenę
|
||||||
|
const summaryEl = document.querySelector(".order2_summary");
|
||||||
|
|
||||||
|
// Przeliczana wysokość elementu przytwierdzonego przycisku zakupu na wypadek gdyby cena miała display: none
|
||||||
|
const attatchedElHeight = attatchedEl.querySelector(".bm-oscop__attatched-price").style.display === "none" ? (summaryEl.offsetHeight + attatchedEl.offsetHeight) : attatchedEl.offsetHeight
|
||||||
|
|
||||||
|
if(summaryEl.getBoundingClientRect().top >= window.innerHeight - attatchedElHeight){
|
||||||
|
attatchedEl.querySelector(".bm-oscop__attatched-price").style.display = "block";
|
||||||
|
}else{
|
||||||
|
attatchedEl.querySelector(".bm-oscop__attatched-price").style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener("scroll", e=>{
|
||||||
|
checkIfShowAttatched()
|
||||||
|
});
|
||||||
|
document.getElementById("attatched-checkall-terms").addEventListener("click", toggleAllTerms);
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////////
|
||||||
// KOD RABATOWY (funkcje)
|
// KOD RABATOWY (funkcje)
|
||||||
@@ -1475,7 +1567,7 @@ const DEACTIVATE_REBATE_CODE = () => JSON.stringify({
|
|||||||
})
|
})
|
||||||
|
|
||||||
// Aktywacja kodu rabatowego
|
// Aktywacja kodu rabatowego
|
||||||
const rebateCode = document.getElementById("rebate_code");
|
const rebateCode = document.getElementById("rebate-code");
|
||||||
async function updateCode(){
|
async function updateCode(){
|
||||||
if(rebateCode.value.trim() === ""){
|
if(rebateCode.value.trim() === ""){
|
||||||
addError(rebateCode);
|
addError(rebateCode);
|
||||||
@@ -1546,7 +1638,7 @@ const activeCodeEl = document.getElementById("active-code");
|
|||||||
// Zmień wartości
|
// Zmień wartości
|
||||||
activeCodeEl.innerHTML = show ? rebateCode.value : "";
|
activeCodeEl.innerHTML = show ? rebateCode.value : "";
|
||||||
showInput = error ? true : false;
|
showInput = error ? true : false;
|
||||||
document.getElementById("rebate_option").checked = error ? true : false;
|
document.getElementById("rebate-option").checked = error ? true : false;
|
||||||
if(!error) rebateCode.value = "";
|
if(!error) rebateCode.value = "";
|
||||||
else activeCodeEl.innerHTML = "";
|
else activeCodeEl.innerHTML = "";
|
||||||
}
|
}
|
||||||
@@ -1555,7 +1647,7 @@ const activeCodeEl = document.getElementById("active-code");
|
|||||||
let showInput = false;
|
let showInput = false;
|
||||||
document.querySelector(".rebate").addEventListener("click", (e) => {
|
document.querySelector(".rebate").addEventListener("click", (e) => {
|
||||||
// Rozwinięcie opcji rabatowej
|
// Rozwinięcie opcji rabatowej
|
||||||
if(e.target.id === "rebate_option" || e.target.classList.contains("rebate__active_change")){
|
if(e.target.id === "rebate-option" || e.target.classList.contains("rebate__active-change")){
|
||||||
showInput = !showInput;
|
showInput = !showInput;
|
||||||
if(showInput) rebateCodeContainer.classList.add("--fade-in");
|
if(showInput) rebateCodeContainer.classList.add("--fade-in");
|
||||||
else rebateCodeContainer.classList.remove("--fade-in");
|
else rebateCodeContainer.classList.remove("--fade-in");
|
||||||
@@ -1563,7 +1655,7 @@ document.querySelector(".rebate").addEventListener("click", (e) => {
|
|||||||
|
|
||||||
// Kliknięcie na zrealizuj i dezaktywuj
|
// Kliknięcie na zrealizuj i dezaktywuj
|
||||||
if(e.target.className.includes("rebate__code-realize")) updateCode();
|
if(e.target.className.includes("rebate__code-realize")) updateCode();
|
||||||
if(e.target.classList.contains("rebate__active_remove")) removeCode();
|
if(e.target.classList.contains("rebate__active-remove")) removeCode();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@@ -1617,19 +1709,23 @@ async function validateFormInputs(query){
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Obsługa złożenia zamówienia
|
// Obsługa złożenia zamówienia
|
||||||
document.querySelector(".order2_button_order").addEventListener("click", async () => {
|
document.querySelectorAll(".order2_button_order").forEach(btnEl=>{
|
||||||
|
btnEl.addEventListener("click", handleBuyOnClick);
|
||||||
|
})
|
||||||
|
|
||||||
|
async function handleBuyOnClick(){
|
||||||
const termsConditionsInput = document.getElementById("order2_terms_conditions");
|
const termsConditionsInput = document.getElementById("order2_terms_conditions");
|
||||||
const cancelConditionsInput = document.getElementById("order2_cancel");
|
const cancelConditionsInput = document.getElementById("order2_cancel");
|
||||||
try {
|
try {
|
||||||
app_shop.fn.ajaxLoadSite(1);
|
app_shop.fn.ajaxLoadSite(1);
|
||||||
app_shop.vars.validation = 1;
|
app_shop.vars.validation = 1;
|
||||||
// Sprawdzenie pól formularza
|
// Sprawdzenie pól formularza
|
||||||
const x = await validateAllInputs();
|
const allInputsCorrectlyValidated = await validateAllInputs();
|
||||||
if(x === false) app_shop.vars.validation = 0;
|
if(allInputsCorrectlyValidated === false) app_shop.vars.validation = 0;
|
||||||
|
|
||||||
// Znalezienie obecnie zaznaczonej metody dostawy i płatności
|
// Znalezienie obecnie zaznaczonej metody dostawy i płatności
|
||||||
const deliveryMethod = document.querySelector(".ajax_cop [name=shipping]:checked");
|
const deliveryMethod = document.querySelector(".bm-oscop__container [name=shipping]:checked");
|
||||||
const paymentMethod = document.querySelector(".ajax_cop [name=payform_id]:checked");
|
const paymentMethod = document.querySelector(".bm-oscop__container [name=payform_id]:checked");
|
||||||
|
|
||||||
// Sprawdzenie czy użytkownik zaakceptował regulamin
|
// Sprawdzenie czy użytkownik zaakceptował regulamin
|
||||||
if(!termsConditionsInput.checked || !cancelConditionsInput.checked){
|
if(!termsConditionsInput.checked || !cancelConditionsInput.checked){
|
||||||
@@ -1665,25 +1761,29 @@ const cancelConditionsInput = document.getElementById("order2_cancel");
|
|||||||
let alertMessage = "";
|
let alertMessage = "";
|
||||||
|
|
||||||
// Element sprawdzający czy regulamin jest zaznaczony
|
// Element sprawdzający czy regulamin jest zaznaczony
|
||||||
let termsAndConditions = termsConditionsInput.checked && cancelConditionsInput.checked;
|
const termsAndConditions = termsConditionsInput.checked && cancelConditionsInput.checked;
|
||||||
if(!termsAndConditions) alertMessage += `${<iai:variable vid="Zatwierdź"/>} ${<iai:variable vid="Regulamin"/>}!<br/>`;
|
if(!termsAndConditions){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.add("--error");
|
||||||
|
alertMessage += `${<iai:variable vid="Zatwierdź"/>} ${<iai:variable vid="Regulamin"/>}!<br/>`;
|
||||||
|
}
|
||||||
|
// 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 += `${<iai:variable vid="Proszę wybrać dostępną metodę dostawy"/>}<br/>`;
|
||||||
|
}
|
||||||
|
if(!document.querySelector(`input[name="payform_id"]:checked`)){
|
||||||
|
scrolledToElement = errorEl || document.querySelector("#bm-oscop-payments h2");
|
||||||
|
alertMessage += `${<iai:variable vid="Proszę wybrać metodę płatności"/>}<br/>`;
|
||||||
|
}
|
||||||
// Błąd w formularzu
|
// Błąd w formularzu
|
||||||
if(errorEl){
|
if(errorEl){
|
||||||
scrolledToElement = errorEl;
|
scrolledToElement = errorEl;
|
||||||
alertMessage += `${<iai:variable vid="W formularzu wystąpiły błędy"/>}<br/>`;
|
alertMessage += `${<iai:variable vid="W formularzu wystąpiły błędy"/>}`;
|
||||||
}// Sprawdź metodę płatności i dostawy(scrollowanie do formularza ważniejsze)
|
|
||||||
if(!document.querySelector(`input[name="payform_id"]:checked`)){
|
|
||||||
scrolledToElement = errorEl || document.querySelector("#checkout_step3_1 h2");
|
|
||||||
alertMessage += `${<iai:variable vid="Proszę wybrać metodę płatności"/>}<br/>`;
|
|
||||||
}
|
|
||||||
if(!document.querySelector(`input[name="shipping"]:checked`)){
|
|
||||||
scrolledToElement = errorEl || document.querySelector("#checkout_step2_1 h2");
|
|
||||||
alertMessage += `${<iai:variable vid="Proszę wybrać dostępną metodę dostawy"/>}`;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Jeśli użytkownik zatwierdził regulamin, przescrolluj do elementu z błędem
|
// Jeśli użytkownik zatwierdził regulamin, przescrolluj do elementu z błędem
|
||||||
if(termsAndConditions) scrollToHeight(scrolledToElement);
|
if(scrolledToElement) scrollToHeight(scrolledToElement);
|
||||||
|
|
||||||
|
|
||||||
// Pokaż error i przerwij składanie zamówienia
|
// Pokaż error i przerwij składanie zamówienia
|
||||||
Alertek.show_alert(alertMessage);
|
Alertek.show_alert(alertMessage);
|
||||||
@@ -1702,13 +1802,15 @@ const cancelConditionsInput = document.getElementById("order2_cancel");
|
|||||||
console.log(e);
|
console.log(e);
|
||||||
alert("blad");
|
alert("blad");
|
||||||
}
|
}
|
||||||
});
|
}
|
||||||
|
|
||||||
// Przescrolluj do
|
// Przescrolluj do
|
||||||
function scrollToHeight(scrollToEl){
|
function scrollToHeight(scrollToEl){
|
||||||
let yOffset = -45;
|
let yOffset = -45;
|
||||||
if(app_shop.vars.view === 1) yOffset = -100;
|
if(app_shop.vars.view === 1) yOffset = -100;
|
||||||
if(app_shop.vars.view === 2) yOffset = -75;
|
if(app_shop.vars.view === 2) yOffset = -75;
|
||||||
const y = scrollToEl.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
const y = scrollToEl.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
||||||
|
|
||||||
window.scrollTo({top: y, behavior: 'smooth'});
|
window.scrollTo({top: y, behavior: 'smooth'});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1724,7 +1826,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
// Weź dane klienta
|
// Weź dane klienta
|
||||||
const email = document.getElementById("client_email").value;
|
const email = document.getElementById("client_email").value;
|
||||||
const phone = document.getElementById("client_phone").value;
|
const phone = document.getElementById("client_phone").value;
|
||||||
const clientType = document.querySelector('.ajax_cop [name="client_type"]:checked').value;
|
const clientType = document.querySelector('.bm-oscop__container [name="client_type"]:checked').value;
|
||||||
const firmname = clientType === "firm" ? document.getElementById("client_firm").value : "";
|
const firmname = clientType === "firm" ? document.getElementById("client_firm").value : "";
|
||||||
const nip = clientType === "firm" ? document.getElementById("client_nip").value : "";
|
const nip = clientType === "firm" ? document.getElementById("client_nip").value : "";
|
||||||
let firstname = document.getElementById("client_firstname").value;
|
let firstname = document.getElementById("client_firstname").value;
|
||||||
@@ -1757,7 +1859,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
else rebateCode = "";
|
else rebateCode = "";
|
||||||
|
|
||||||
let voucherCode;
|
let voucherCode;
|
||||||
if(document.querySelector(".ajax_cop #payitem_2") && document.querySelector(".ajax_cop #payitem_2").checked) voucherCode = document.querySelector(".ajax_cop #order_voucher_id").value;
|
if(document.querySelector(".bm-oscop__container #payitem_2") && document.querySelector(".bm-oscop__container #payitem_2").checked) voucherCode = document.querySelector(".bm-oscop__container #order_voucher_id").value;
|
||||||
|
|
||||||
// Jeśli zalogowany użytkownik jest firmą i nie ma imienia i nazwiska
|
// Jeśli zalogowany użytkownik jest firmą i nie ma imienia i nazwiska
|
||||||
if (clientType.disabled && clientType.value === "firm") {
|
if (clientType.disabled && clientType.value === "firm") {
|
||||||
@@ -1770,8 +1872,8 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
lastname = lastname.replace(/[&\/\\#,+()$~%.'":*?<>{}!@~`^_]/g, "");
|
lastname = lastname.replace(/[&\/\\#,+()$~%.'":*?<>{}!@~`^_]/g, "");
|
||||||
|
|
||||||
// Dodatkowe informacje (uwagi, faktura, punkt odbioru)
|
// Dodatkowe informacje (uwagi, faktura, punkt odbioru)
|
||||||
const shopRemarks = document.getElementById("shop_remarks").checked ? document.querySelector(".ajax_cop [name=remarks]").value : "";
|
const shopRemarks = document.getElementById("shop_remarks").checked ? document.querySelector(".bm-oscop__container [name=remarks]").value : "";
|
||||||
const deliveryRemarks = document.getElementById("courier_remarks").checked ? document.querySelector(".ajax_cop [name=deliverer_remarks]").value : "";
|
const deliveryRemarks = document.getElementById("courier_remarks").checked ? document.querySelector(".bm-oscop__container [name=deliverer_remarks]").value : "";
|
||||||
|
|
||||||
const invoiceOption = document.querySelector("input[name=invoice]:checked").value;
|
const invoiceOption = document.querySelector("input[name=invoice]:checked").value;
|
||||||
const pickuppoint = document.querySelector("#osc_order1 input:checked").dataset.pickuppoint === "y" ? document.querySelector("#osc_order1 input:checked").parentElement.querySelector("label [name=pickup_point]").value : "";
|
const pickuppoint = document.querySelector("#osc_order1 input:checked").dataset.pickuppoint === "y" ? document.querySelector("#osc_order1 input:checked").parentElement.querySelector("label [name=pickup_point]").value : "";
|
||||||
@@ -1847,7 +1949,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function checkNewsletter(logged, regular){
|
function checkNewsletter(logged, regular){
|
||||||
if(document.querySelector(`.ajax_cop [name=${logged}]`)) return document.querySelector(`.ajax_cop [name=${logged}]`).value ? 1 : 0;
|
if(document.querySelector(`.bm-oscop__container [name=${logged}]`)) return document.querySelector(`.bm-oscop__container [name=${logged}]`).value ? 1 : 0;
|
||||||
else if(document.querySelector(regular)) return document.querySelector(regular).checked ? 1 : 0;
|
else if(document.querySelector(regular)) return document.querySelector(regular).checked ? 1 : 0;
|
||||||
else return 0;
|
else return 0;
|
||||||
}
|
}
|
||||||
@@ -2015,13 +2117,13 @@ function enablePageScroll(){
|
|||||||
app_shop.fn.load = function(_url,target,callback,paramets) {
|
app_shop.fn.load = function(_url,target,callback,paramets) {
|
||||||
if(app_shop.vars.xhr && app_shop.vars.xhr.readystate != 4) app_shop.vars.xhr.abort();
|
if(app_shop.vars.xhr && app_shop.vars.xhr.readystate != 4) app_shop.vars.xhr.abort();
|
||||||
$(target).addClass('load-content');
|
$(target).addClass('load-content');
|
||||||
for(var i=0; target.length > i ; i++) $(target[i][0]).addClass('load-content');
|
for(let i=0; target.length > i ; i++) $(target[i][0]).addClass('load-content');
|
||||||
|
|
||||||
app_shop.vars.xhr = $.ajax({
|
app_shop.vars.xhr = $.ajax({
|
||||||
url: _url+paramets,
|
url: _url+paramets,
|
||||||
timeout: 16000,
|
timeout: 16000,
|
||||||
success: function(data,textStatus) {
|
success: function(data,textStatus) {
|
||||||
for(var i=0; target.length > i ; i++) $(target[i][0]).removeClass('load-content').html($(data).find(target[i][1]).html());
|
for(let i=0; target.length > i ; i++) $(target[i][0]).removeClass('load-content').html($(data).find(target[i][1]).html());
|
||||||
app_shop.fn.change_url(_url);
|
app_shop.fn.change_url(_url);
|
||||||
app_shop.fn.evalJSFromHtml(data);
|
app_shop.fn.evalJSFromHtml(data);
|
||||||
if(callback) callback();
|
if(callback) callback();
|
||||||
@@ -2036,12 +2138,7 @@ function throwAjaxError(e) {
|
|||||||
-1 !== $.inArray(e, ["nocontent", "error", "timeout", "abort", "parsererror"]) && (console.log("Error:" + e), Alertek.show_alert( "Błąd podczas logowania, proszę spróbować ponownie" + " (" + e + ": " + $.now() + ")"), $.cookie("off_opc", !0));
|
-1 !== $.inArray(e, ["nocontent", "error", "timeout", "abort", "parsererror"]) && (console.log("Error:" + e), Alertek.show_alert( "Błąd podczas logowania, proszę spróbować ponownie" + " (" + e + ": " + $.now() + ")"), $.cookie("off_opc", !0));
|
||||||
};
|
};
|
||||||
async function fetchData(options = {}) {
|
async function fetchData(options = {}) {
|
||||||
const {
|
const {data,link,linkParameter = '',alert = true} = options;
|
||||||
data,
|
|
||||||
link,
|
|
||||||
linkParameter = '',
|
|
||||||
alert = true
|
|
||||||
} = options;
|
|
||||||
if (!data) return false;
|
if (!data) return false;
|
||||||
try {
|
try {
|
||||||
const response = await fetch(`${link || app_shop.urls.graphql || '/graphql/v1/'}${linkParameter}`, {
|
const response = await fetch(`${link || app_shop.urls.graphql || '/graphql/v1/'}${linkParameter}`, {
|
||||||
@@ -2074,7 +2171,7 @@ function initOSCOP(){
|
|||||||
// Element z numerem edycji jeśli jest
|
// Element z numerem edycji jeśli jest
|
||||||
const editNumber = document.getElementById("edit-number");
|
const editNumber = document.getElementById("edit-number");
|
||||||
|
|
||||||
if(document.querySelector(".ajax_cop").childElementCount && !editNumber) changeRegion(null);
|
if(document.querySelector(".bm-oscop__container").childElementCount && !editNumber) changeRegion(null);
|
||||||
|
|
||||||
// Jeśli edycja zamówienia uzupełnij dane (niewiadomo jak z voucherem bo go się nie da edytować)
|
// Jeśli edycja zamówienia uzupełnij dane (niewiadomo jak z voucherem bo go się nie da edytować)
|
||||||
if(editNumber){
|
if(editNumber){
|
||||||
@@ -2158,7 +2255,6 @@ if(editNumber){
|
|||||||
|
|
||||||
// Pobranie danych o edytowanym zamówieniu
|
// Pobranie danych o edytowanym zamówieniu
|
||||||
async function getEditData(){
|
async function getEditData(){
|
||||||
|
|
||||||
const data = await fetchData({
|
const data = await fetchData({
|
||||||
data: ORDER_DETAILS(`OrderDetailsInput: {
|
data: ORDER_DETAILS(`OrderDetailsInput: {
|
||||||
orderNumber: ${editNumber.value},
|
orderNumber: ${editNumber.value},
|
||||||
@@ -2194,7 +2290,7 @@ if(editNumber){
|
|||||||
if(differentDelivery){
|
if(differentDelivery){
|
||||||
// Pokazanie formularza dodatkowej dostawy
|
// Pokazanie formularza dodatkowej dostawy
|
||||||
document.getElementById("deliver_to_billingaddr").checked = true;
|
document.getElementById("deliver_to_billingaddr").checked = true;
|
||||||
document.querySelector(".ajax_cop #client_new_additional .delivery_box.cn_wrapper").classList.add("--more");
|
document.querySelector(".bm-oscop__container #client_new_additional .delivery_box.cn_wrapper").classList.add("--more");
|
||||||
document.querySelector(".delivery__address-list-button").classList.add("--fade-in");
|
document.querySelector(".delivery__address-list-button").classList.add("--fade-in");
|
||||||
|
|
||||||
fillInput(document.getElementById("delivery_firstname"), orderDetails.client.deliveryData.firstname);
|
fillInput(document.getElementById("delivery_firstname"), orderDetails.client.deliveryData.firstname);
|
||||||
@@ -2234,5 +2330,8 @@ if(editNumber){
|
|||||||
input.parentElement.classList.add("--success", "has-success");
|
input.parentElement.classList.add("--success", "has-success");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Sprawdzenie czy schować przyczepiony przycisk od zakupu
|
||||||
|
checkIfShowAttatched()
|
||||||
}
|
}
|
||||||
initOSCOP();
|
initOSCOP();
|
||||||
@@ -12,4 +12,7 @@ if(window.location.pathname.includes("return.html") && window.location.search.in
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Przekierowanie ze strony order1 na OSCOP
|
// Przekierowanie ze strony order1 na OSCOP
|
||||||
if(window.location.pathname.includes("order1.html") || window.location.pathname.includes("order1.php")) window.location = "/place-order.php";
|
if(window.location.pathname.includes("order1.html") || window.location.pathname.includes("order1.php")){
|
||||||
|
app_shop.fn.ajaxLoadSite(1);// W starszych szablonach nie działa i trzeba zakomentować
|
||||||
|
window.location = "/place-order.php";
|
||||||
|
}
|
||||||
@@ -40,7 +40,7 @@ const deliveryPickupPoints = [];
|
|||||||
let finpostjs = false;
|
let finpostjs = false;
|
||||||
// Funkcja inicjująca mapę
|
// Funkcja inicjująca mapę
|
||||||
function loadMap() {
|
function loadMap() {
|
||||||
var htmlContent = `
|
const htmlContent = `
|
||||||
<div id="fbs_z02_cover">
|
<div id="fbs_z02_cover">
|
||||||
<div id="fbs_z02_wrapper" class="dialog_fbs_z02">
|
<div id="fbs_z02_wrapper" class="dialog_fbs_z02">
|
||||||
<a id="fbs_z02_close" href="#close"></a>
|
<a id="fbs_z02_close" href="#close"></a>
|
||||||
@@ -116,10 +116,12 @@ function loadMap() {
|
|||||||
document.querySelector('.asideContainer_pickup').innerHTML = '';
|
document.querySelector('.asideContainer_pickup').innerHTML = '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Funkcja obsługująca dostawy z mapą
|
// Funkcja obsługująca dostawy z mapą
|
||||||
function createEventsInpost(ITEM_ID) {
|
function createEventsInpost(ITEM_ID) {
|
||||||
var ITEM_FOR_MAP = '#item_' + ITEM_ID;
|
const ITEM_FOR_MAP = '#item_' + ITEM_ID;
|
||||||
var oscItem = document.querySelector(ITEM_FOR_MAP).closest('.osc_item');
|
const oscItem = document.querySelector(ITEM_FOR_MAP).closest('.osc_item');
|
||||||
|
|
||||||
document.querySelector(ITEM_FOR_MAP).addEventListener('click', function (e) {
|
document.querySelector(ITEM_FOR_MAP).addEventListener('click', function (e) {
|
||||||
const deliveryValue = ITEM_FOR_MAP.slice(1);
|
const deliveryValue = ITEM_FOR_MAP.slice(1);
|
||||||
@@ -132,18 +134,9 @@ function loadMap() {
|
|||||||
// Jesli nie ma informacji potrzebnej do mapy, zapisz wiadomosc do errora
|
// Jesli nie ma informacji potrzebnej do mapy, zapisz wiadomosc do errora
|
||||||
let errorMessage = "";
|
let errorMessage = "";
|
||||||
|
|
||||||
if(!clientStreet){
|
if(!clientStreet) errorMessage += addAddressErrorForMap("street");
|
||||||
errorMessage += `${<iai:variable vid="Wpisz ulicę i numer domu klienta"/>} <br>`;
|
if(!clientZipCode) errorMessage += addAddressErrorForMap("zipcode");
|
||||||
addErrorMessage(document.getElementById("client_street"), <iai:variable vid="Wpisz ulicę i numer domu klienta"/>)
|
if(!clientCity) errorMessage += addAddressErrorForMap("city");
|
||||||
}
|
|
||||||
if(!clientZipCode){
|
|
||||||
errorMessage += `${<iai:variable vid="Podaj kod pocztowy adresu dostawy"/>} <br>`;
|
|
||||||
addErrorMessage(document.getElementById("client_zipcode"), <iai:variable vid="Podaj kod pocztowy adresu dostawy"/>)
|
|
||||||
}
|
|
||||||
if(!clientCity){
|
|
||||||
errorMessage += `${<iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>}`;
|
|
||||||
addErrorMessage(document.getElementById("client_city"), <iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Zablokuj wybranie mapy jak nie ma adresu
|
// Zablokuj wybranie mapy jak nie ma adresu
|
||||||
if(errorMessage !== ""){
|
if(errorMessage !== ""){
|
||||||
@@ -176,7 +169,6 @@ function loadMap() {
|
|||||||
if(!suggestions) return;
|
if(!suggestions) return;
|
||||||
else suggestions.remove();
|
else suggestions.remove();
|
||||||
});
|
});
|
||||||
htmlContent = '';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wstaw adres klienta
|
// Wstaw adres klienta
|
||||||
@@ -245,6 +237,17 @@ function getAddressInfo(query){
|
|||||||
};
|
};
|
||||||
return document.getElementById(`client_${query}`).value;
|
return document.getElementById(`client_${query}`).value;
|
||||||
}
|
}
|
||||||
|
// Wiadomość errora, gdyby niebyło informacji adresowych przy otwieraniu mapy
|
||||||
|
const addressErrorMessagesForMap = {
|
||||||
|
"street": `${<iai:variable vid="Wpisz ulicę i numer domu klienta"/>}`,
|
||||||
|
"zipcode": `${<iai:variable vid="Podaj kod pocztowy adresu dostawy"/>}`,
|
||||||
|
"city": `${<iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>}`,
|
||||||
|
}
|
||||||
|
function addAddressErrorForMap(query){
|
||||||
|
addErrorMessage(document.getElementById(`client_${query}`), addressErrorMessagesForMap[query]);
|
||||||
|
return `${addressErrorMessagesForMap[query]} <br>`;
|
||||||
|
}
|
||||||
|
|
||||||
// Utworzenie informacji o punkcie odbioru
|
// Utworzenie informacji o punkcie odbioru
|
||||||
function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){
|
function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){
|
||||||
// Pokazanie elementu fselectedPoint
|
// Pokazanie elementu fselectedPoint
|
||||||
@@ -294,10 +297,10 @@ function toggleMapList(e){
|
|||||||
|
|
||||||
e.target.dataset.show = ifList ? "map" : "list";
|
e.target.dataset.show = ifList ? "map" : "list";
|
||||||
}
|
}
|
||||||
|
|
||||||
//////////////////////////////////////////////////////////////////////////
|
//////////////////////////////////////////////////////////////////////////
|
||||||
// DANE KLIENTA
|
// DANE KLIENTA
|
||||||
|
document.getElementById("bm-oscop-section1").addEventListener("click", (e) => {
|
||||||
document.getElementById("cop_seection1").addEventListener("click", (e) => {
|
|
||||||
// Pokazanie się okna od logowania
|
// Pokazanie się okna od logowania
|
||||||
if(e.target.classList.contains("get_signin")) showSigninModal();
|
if(e.target.classList.contains("get_signin")) showSigninModal();
|
||||||
|
|
||||||
@@ -310,11 +313,11 @@ document.getElementById("cop_seection1").addEventListener("click", (e) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Ukrycie/Pokazanie hasła
|
// Ukrycie/Pokazanie hasła
|
||||||
if(e.target.id === "toggle_password") return togglePassword(e.target);
|
if(e.target.id === "toggle-password") return togglePassword(e.target);
|
||||||
|
|
||||||
// Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną
|
// Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną
|
||||||
if(e.target.id === "client_type1") return document.querySelectorAll("#cop_seection1 .firm-group").forEach(el => el.classList.add("--fade-in"));
|
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("#cop_seection1 .firm-group").forEach(el => el.classList.remove("--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
|
// Sprawdzenie czy dostawa na inny adres czy nie
|
||||||
if(e.target.id === "deliver_to_billingaddr"){
|
if(e.target.id === "deliver_to_billingaddr"){
|
||||||
@@ -356,24 +359,24 @@ function togglePassword(el){
|
|||||||
// Pokaż popup logowania
|
// Pokaż popup logowania
|
||||||
function showSigninModal(){
|
function showSigninModal(){
|
||||||
app_shop.fn.signinModal = new Modal({
|
app_shop.fn.signinModal = new Modal({
|
||||||
element: $("#signin-form-ajax"),
|
element: $("#signin-form"),
|
||||||
classList: "--fade-in-modal",
|
classList: "--fade-in-modal",
|
||||||
afterShow: ()=>{
|
afterShow: ()=>{
|
||||||
disablePageScroll();
|
disablePageScroll();
|
||||||
document.querySelector(".signin_login_input").addEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__login").addEventListener("keydown", logInOnEnter);
|
||||||
document.querySelector(".signin_pass_input").addEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__pass").addEventListener("keydown", logInOnEnter);
|
||||||
},
|
},
|
||||||
beforeClose: ()=>{
|
beforeClose: ()=>{
|
||||||
enablePageScroll();
|
enablePageScroll();
|
||||||
document.querySelector(".signin_login_input").removeEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__login").removeEventListener("keydown", logInOnEnter);
|
||||||
document.querySelector(".signin_pass_input").removeEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__pass").removeEventListener("keydown", logInOnEnter);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Pokaż(true)/Schowaj(false) formularz dostawy na inny adres
|
// Pokaż(true)/Schowaj(false) formularz dostawy na inny adres
|
||||||
function showDeliveryForm(style){
|
function showDeliveryForm(style){
|
||||||
const deliveryWrapper = document.querySelector(".ajax_cop #client_new_additional .delivery_box.cn_wrapper");
|
const deliveryWrapper = document.querySelector(".bm-oscop__container #client_new_additional .delivery_box.cn_wrapper");
|
||||||
if((style && deliveryWrapper.classList.contains("--more")) || (!style && !deliveryWrapper.classList.contains("--more"))) return;
|
if((style && deliveryWrapper.classList.contains("--more")) || (!style && !deliveryWrapper.classList.contains("--more"))) return;
|
||||||
|
|
||||||
// Formularz dostawy na inny adres
|
// Formularz dostawy na inny adres
|
||||||
@@ -448,15 +451,15 @@ const SIGNIN = (signinInput) => JSON.stringify({
|
|||||||
});
|
});
|
||||||
|
|
||||||
function logInOnEnter(e){
|
function logInOnEnter(e){
|
||||||
if(e.key==="Enter") logInToAccount(false)
|
if(e.key === "Enter") logInToAccount(false)
|
||||||
}
|
}
|
||||||
const signinForm = document.querySelector(".signin-form_box_text form");
|
const signinForm = document.querySelector(".signin-form__container form");
|
||||||
if(signinForm) signinForm.addEventListener("submit", logInToAccount);
|
if(signinForm) signinForm.addEventListener("submit", logInToAccount);
|
||||||
|
|
||||||
async function logInToAccount(event){
|
async function logInToAccount(event){
|
||||||
if(event) event.preventDefault();
|
if(event) event.preventDefault();
|
||||||
const login = document.querySelector(".signin_login_input").value;
|
const login = document.querySelector(".signin-form__login").value;
|
||||||
const password = document.querySelector(".signin_pass_input").value;
|
const password = document.querySelector(".signin-form__pass").value;
|
||||||
const loginStatus = await fetchData({
|
const loginStatus = await fetchData({
|
||||||
data: SIGNIN(`
|
data: SIGNIN(`
|
||||||
login: "${login.replace(/"/g, '\\"')}",
|
login: "${login.replace(/"/g, '\\"')}",
|
||||||
@@ -493,7 +496,7 @@ function getClientNew(){
|
|||||||
success: function (e, a) {
|
success: function (e, a) {
|
||||||
app_shop.fn.load(
|
app_shop.fn.load(
|
||||||
"place-order.php",
|
"place-order.php",
|
||||||
[["#cop_seection1", "#cop_seection1"]],
|
[["#bm-oscop-section1", "#bm-oscop-section1"]],
|
||||||
function () {
|
function () {
|
||||||
history.go(-1);
|
history.go(-1);
|
||||||
},
|
},
|
||||||
@@ -639,8 +642,8 @@ function handleShowSigninModalFromEmailModal(e){
|
|||||||
showSigninModal();
|
showSigninModal();
|
||||||
}
|
}
|
||||||
|
|
||||||
// EventListener zmian w kontenerze cop_seection1
|
// EventListener zmian w kontenerze bm-oscop-section1
|
||||||
document.getElementById("cop_seection1").addEventListener("change", (e) => {
|
document.getElementById("bm-oscop-section1").addEventListener("change", (e) => {
|
||||||
const validateRequestId = ["client_zipcode", "delivery_zipcode", "client_nip", "client_email"];
|
const validateRequestId = ["client_zipcode", "delivery_zipcode", "client_nip", "client_email"];
|
||||||
const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city", "delivery_firstname", "delivery_lastname", "delivery_city", "client_firm"];
|
const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city", "delivery_firstname", "delivery_lastname", "delivery_city", "client_firm"];
|
||||||
|
|
||||||
@@ -658,17 +661,13 @@ document.getElementById("cop_seection1").addEventListener("change", (e) => {
|
|||||||
|
|
||||||
// Walidacja ulicy i numeru domu
|
// Walidacja ulicy i numeru domu
|
||||||
if(e.target.id === "client_street" || e.target.id === "delivery_street") validateStreet(e.target);
|
if(e.target.id === "client_street" || e.target.id === "delivery_street") validateStreet(e.target);
|
||||||
|
|
||||||
// Walidacja numeru telefonu
|
// Walidacja numeru telefonu
|
||||||
if(e.target.id === "client_phone" || e.target.id === "delivery_phone") validatePhone(e.target);
|
if(e.target.id === "client_phone" || e.target.id === "delivery_phone") validatePhone(e.target);
|
||||||
|
|
||||||
// Walidacja loginu i hasła rejestracji
|
// Walidacja loginu i hasła rejestracji
|
||||||
if(e.target.classList.contains("register__login")) testLogin();
|
if(e.target.classList.contains("register__login")) testLogin();
|
||||||
if(e.target.classList.contains("register__password")) testPassword();
|
if(e.target.classList.contains("register__password")) testPassword();
|
||||||
|
|
||||||
// Walidacja imienia nazwiska miasta i firmy(wymagające po prostu nie bycia pustym)
|
// Walidacja imienia nazwiska miasta i firmy(wymagające po prostu nie bycia pustym)
|
||||||
if(notEmptyFieldsId.includes(e.target.id)) validateNotEmpty(e.target);
|
if(notEmptyFieldsId.includes(e.target.id)) validateNotEmpty(e.target);
|
||||||
|
|
||||||
// Sprawdzenie czy firma w dostawie na inny adres została wpisana
|
// Sprawdzenie czy firma w dostawie na inny adres została wpisana
|
||||||
if(e.target.id === "delivery_additional"){
|
if(e.target.id === "delivery_additional"){
|
||||||
if(e.target.value.length > 0) addSuccess(e.target);
|
if(e.target.value.length > 0) addSuccess(e.target);
|
||||||
@@ -830,13 +829,12 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
|
|
||||||
// Dane do zaznaczenia płatności i dostawy jeśli wcześniej na tej przeglądarce(localStorage) było już zamówienie
|
// Dane do zaznaczenia płatności i dostawy jeśli wcześniej na tej przeglądarce(localStorage) było już zamówienie
|
||||||
const prevOrderInfo = JSON.parse(localStorage.getItem("prevOrderInfo"));
|
const prevOrderInfo = JSON.parse(localStorage.getItem("prevOrderInfo"));
|
||||||
console.log(prevOrderInfo);
|
|
||||||
|
|
||||||
// Wstawienie metod dostaw na strone
|
// Wstawienie metod dostaw na strone
|
||||||
const deliveryMarkup = `<div id="osc_order1"><div id="osc_order1_prepaid" style="${paymentValue === "cash" ? "display:none;" : "display:block;"}">${prepaidMarkup}</div><div id="osc_order1_dvp" style="${paymentValue === "cash" ? "display:block;" : "display:none;"}">${dvpMarkup}</div></div>`;
|
const deliveryMarkup = `<div id="osc_order1"><div id="osc_order1_prepaid" style="${paymentValue === "cash" ? "display:none;" : "display:block;"}">${prepaidMarkup}</div><div id="osc_order1_dvp" style="${paymentValue === "cash" ? "display:block;" : "display:none;"}">${dvpMarkup}</div></div>`;
|
||||||
const previousDeliveries = document.getElementById("osc_order1");
|
const previousDeliveries = document.getElementById("osc_order1");
|
||||||
if(previousDeliveries) previousDeliveries.remove();
|
if(previousDeliveries) previousDeliveries.remove();
|
||||||
document.querySelector(".ajax_cop .step2_sub").insertAdjacentHTML("beforeend",deliveryMarkup);
|
document.getElementById("bm-oscop-deliveries").insertAdjacentHTML("beforeend",deliveryMarkup);
|
||||||
|
|
||||||
// Stworzenie metod płatności
|
// Stworzenie metod płatności
|
||||||
let prepaidsMethodMarkup = "";
|
let prepaidsMethodMarkup = "";
|
||||||
@@ -874,7 +872,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
ifPaymentCard = true;
|
ifPaymentCard = true;
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
prepaidsMethodMarkup += markup;
|
prepaidsMethodMarkup += markup;
|
||||||
// Okienko vouchera
|
// Okienko vouchera
|
||||||
if(method.id === 2){
|
if(method.id === 2){
|
||||||
prepaidsMethodMarkup += `
|
prepaidsMethodMarkup += `
|
||||||
@@ -900,8 +898,8 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
prepaidsTransferMarkup +="</div></div></label>";
|
prepaidsTransferMarkup += "</div></div></label>";
|
||||||
prepaidsCardMarkup +="</div></div></label>";
|
prepaidsCardMarkup += "</div></div></label>";
|
||||||
|
|
||||||
// Dołączenie metody płatność przy odbiorze
|
// Dołączenie metody płatność przy odbiorze
|
||||||
if(e.dvp.length) prepaidsMethodMarkup += `
|
if(e.dvp.length) prepaidsMethodMarkup += `
|
||||||
@@ -918,7 +916,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
// Wstawienie metod płatności na stronę
|
// Wstawienie metod płatności na stronę
|
||||||
const previousPayments = document.getElementById("osc_prepaids_method");
|
const previousPayments = document.getElementById("osc_prepaids_method");
|
||||||
if(previousPayments) previousPayments.remove();
|
if(previousPayments) previousPayments.remove();
|
||||||
document.querySelector(".ajax_cop #checkout_step3_1 .step3_sub").insertAdjacentHTML("beforeend", `<div id="osc_prepaids_method"> ${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}</div>`);
|
document.getElementById("bm-oscop-payments").insertAdjacentHTML("beforeend", `<div id="osc_prepaids_method"> ${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}</div>`);
|
||||||
|
|
||||||
// Wstawienie błędu jeśli metody płatności są puste
|
// Wstawienie błędu jeśli metody płatności są puste
|
||||||
const currentPayments = document.getElementById("osc_prepaids_method");
|
const currentPayments = document.getElementById("osc_prepaids_method");
|
||||||
@@ -932,7 +930,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
|
|
||||||
// Wstawienie pickuppoint jeśli edycja i istnieje
|
// Wstawienie pickuppoint jeśli edycja i istnieje
|
||||||
if(data?.pickupData !== undefined && data?.pickupData !== null){
|
if(data?.pickupData !== undefined && data?.pickupData !== null){
|
||||||
const selectedShipping = document.querySelector(`#cop_seection2 input#${deliveryId}`);
|
const selectedShipping = document.querySelector(`#bm-oscop-section2 input#${deliveryId}`);
|
||||||
const pointExists = await checkPrevPickupPoint(
|
const pointExists = await checkPrevPickupPoint(
|
||||||
selectedShipping.parentElement.querySelector(".fselectedPoint"),
|
selectedShipping.parentElement.querySelector(".fselectedPoint"),
|
||||||
data.pickupData.id,
|
data.pickupData.id,
|
||||||
@@ -1111,7 +1109,7 @@ function changeCurrentShippingInfo(shippingMethod){
|
|||||||
calculateDeliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
|
calculateDeliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
|
||||||
app_shop.vars.checkedShipping = shippingMethod.value;
|
app_shop.vars.checkedShipping = shippingMethod.value;
|
||||||
}
|
}
|
||||||
document.getElementById("cop_seection2").addEventListener("click", e => {
|
document.getElementById("bm-oscop-section2").addEventListener("click", e => {
|
||||||
// Kliknięcie na dostawe
|
// Kliknięcie na dostawe
|
||||||
if(e.target.name === "shipping"){
|
if(e.target.name === "shipping"){
|
||||||
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
|
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
|
||||||
@@ -1187,7 +1185,7 @@ function removePrevClone(){
|
|||||||
const prevClone = document.querySelector(".osc_item-clone");
|
const prevClone = document.querySelector(".osc_item-clone");
|
||||||
if(!prevClone) return;
|
if(!prevClone) return;
|
||||||
const cloneGroupName = prevClone.querySelector("input").dataset.group;
|
const cloneGroupName = prevClone.querySelector("input").dataset.group;
|
||||||
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="flex";
|
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="grid";
|
||||||
prevClone.remove();
|
prevClone.remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1248,7 +1246,7 @@ function changeDeliveryOptions(){
|
|||||||
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
|
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
|
||||||
else changePrepaidDvp("block", "none");
|
else changePrepaidDvp("block", "none");
|
||||||
|
|
||||||
document.querySelectorAll("#checkout_step2_1 input").forEach((el) => el.checked = false);
|
document.querySelectorAll("#bm-oscop-deliveries input").forEach((el) => el.checked = false);
|
||||||
app_shop.vars.checkedShipping = "";
|
app_shop.vars.checkedShipping = "";
|
||||||
calculateBasketCost();
|
calculateBasketCost();
|
||||||
}
|
}
|
||||||
@@ -1323,10 +1321,11 @@ function calculateBasketCost() {
|
|||||||
const deliveryCostEl = document.querySelector("#order2_shipping_value .operation_value");
|
const deliveryCostEl = document.querySelector("#order2_shipping_value .operation_value");
|
||||||
const productsPointsEl = document.querySelector("#order2_products_points .operation_value");
|
const productsPointsEl = document.querySelector("#order2_products_points .operation_value");
|
||||||
const summaryPointsEl = document.getElementById("summary-points");
|
const summaryPointsEl = document.getElementById("summary-points");
|
||||||
|
const attatchedSummaryPointsEl = document.getElementById("attatched-points");
|
||||||
// Przygotowanie informacji o metodzie dostawy i platnosci
|
// Przygotowanie informacji o metodzie dostawy i platnosci
|
||||||
const orderInfo = {
|
const orderInfo = {
|
||||||
delivery: document.querySelector('.ajax_cop input[name="shipping"]:checked') ? document.querySelector('.ajax_cop input[name="shipping"]:checked').value : "0-1",
|
delivery: document.querySelector('.bm-oscop__container input[name="shipping"]:checked') ? document.querySelector('.bm-oscop__container input[name="shipping"]:checked').value : "0-1",
|
||||||
payform_id: document.querySelector('.ajax_cop input[name="payform_id"]:checked') ? document.querySelector('.ajax_cop input[name="payform_id"]:checked').value : "cash"
|
payform_id: document.querySelector('.bm-oscop__container input[name="payform_id"]:checked') ? document.querySelector('.bm-oscop__container input[name="payform_id"]:checked').value : "cash"
|
||||||
}
|
}
|
||||||
xhrs && 4 != xhrs.readyState && 0 != xhrs.readyState && xhrs.abort(),
|
xhrs && 4 != xhrs.readyState && 0 != xhrs.readyState && xhrs.abort(),
|
||||||
xhrs = $.ajax({
|
xhrs = $.ajax({
|
||||||
@@ -1362,13 +1361,17 @@ function calculateBasketCost() {
|
|||||||
productsPointsEl.parentElement.style.display = "flex";
|
productsPointsEl.parentElement.style.display = "flex";
|
||||||
summaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
summaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
||||||
summaryPointsEl.style.display = "block";
|
summaryPointsEl.style.display = "block";
|
||||||
|
attatchedSummaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
||||||
|
attatchedSummaryPointsEl.style.display = "block";
|
||||||
}else {
|
}else {
|
||||||
productsPointsEl.parentElement.style.display = "none";
|
productsPointsEl.parentElement.style.display = "none";
|
||||||
summaryPointsEl.style.display = "none";
|
summaryPointsEl.style.display = "none";
|
||||||
|
attatchedSummaryPointsEl.style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Cena całkowita
|
// Cena całkowita
|
||||||
document.getElementById("summary-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign) + "<small>" + <iai:variable vid="brutto"/> + "</small>";
|
document.getElementById("summary-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign) + "<small>" + <iai:variable vid="brutto"/> + "</small>";
|
||||||
|
document.getElementById("attatched-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -1388,17 +1391,34 @@ function formatPrice(price, currencySign) {
|
|||||||
// Funkcja od ustalenia daty dostawy
|
// Funkcja od ustalenia daty dostawy
|
||||||
function calculateDeliveryDate(deliveryVal, delivery, pickuppoint) {
|
function calculateDeliveryDate(deliveryVal, delivery, pickuppoint) {
|
||||||
const deliveryMessageEl = document.querySelector("#order2_shiptime span:not(.operation_value)");
|
const deliveryMessageEl = document.querySelector("#order2_shiptime span:not(.operation_value)");
|
||||||
|
const attatchedMessageEl = document.querySelector("#attatched-shiptime span:not(.operation_value)");
|
||||||
const deliveryDateEl = document.querySelector("#order2_shiptime .operation_value");
|
const deliveryDateEl = document.querySelector("#order2_shiptime .operation_value");
|
||||||
|
const attatchedDateEl = document.querySelector("#attatched-shiptime .operation_value");
|
||||||
const date = delivery.split("#");
|
const date = delivery.split("#");
|
||||||
|
|
||||||
// Wybranie nazwy zaleznie czy dostawa jest do twojego mieszkania czy nie
|
// Wybranie nazwy zaleznie czy dostawa jest do twojego mieszkania czy nie
|
||||||
if(deliveryVal === "0-0" || deliveryVal === "0-1" || pickuppoint === "y") deliveryMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
if(deliveryVal === "0-0" || deliveryVal === "0-1" || pickuppoint === "y"){
|
||||||
else deliveryMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
deliveryMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
||||||
|
attatchedMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
deliveryMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
||||||
|
attatchedMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
||||||
|
}
|
||||||
|
|
||||||
if(date[4]>0) deliveryDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
if(date[4]>0) {
|
||||||
|
deliveryDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
||||||
|
attatchedDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
if(parseInt(date[5]) === 0) deliveryDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
if(parseInt(date[5]) === 0){
|
||||||
else deliveryDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
deliveryDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
||||||
|
attatchedDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
deliveryDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
||||||
|
attatchedDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// Zmiana informacji o dostawie
|
// Zmiana informacji o dostawie
|
||||||
@@ -1409,8 +1429,8 @@ function changeDeliveryInfoObject(deliveryObject, deliveryElement){
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Obsługa klilnięć na elementy w podsumowaniu
|
// Obsługa klilnięć na elementy w podsumowaniu
|
||||||
document.getElementById("cop_seection3").addEventListener("click", (e) => {
|
document.getElementById("bm-oscop-section3").addEventListener("click", (e) => {
|
||||||
const productsContainer = document.getElementById("checkout_step3_3");
|
const productsContainer = document.querySelector(".summary__container");
|
||||||
|
|
||||||
// Kliknięcie na przyciski "Pokaż pozozostałe produkty" i "Zwiń listę"
|
// Kliknięcie na przyciski "Pokaż pozozostałe produkty" i "Zwiń listę"
|
||||||
const togggleProducts = e.target.closest(".order_products_action");
|
const togggleProducts = e.target.closest(".order_products_action");
|
||||||
@@ -1422,40 +1442,98 @@ document.getElementById("cop_seection3").addEventListener("click", (e) => {
|
|||||||
productsContainer.classList.add("--more");
|
productsContainer.classList.add("--more");
|
||||||
togggleProducts.querySelector("span").innerHTML = `${<iai:variable vid="Zwiń listę"/>}`;
|
togggleProducts.querySelector("span").innerHTML = `${<iai:variable vid="Zwiń listę"/>}`;
|
||||||
}
|
}
|
||||||
|
checkIfShowAttatched();
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kliknięcie na checkbox(nie zaznacz wszystkie i nie kod rabatowy)
|
// Kliknięcie na checkbox(nie zaznacz wszystkie i nie kod rabatowy)
|
||||||
if(e.target.type === "checkbox" && e.target.id !== "checkall-terms" && e.target.id !== "rebate_option"){
|
if(e.target.type === "checkbox" && e.target.id !== "checkall-terms" && e.target.id !== "rebate-option"){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
|
||||||
const checkboxAllTerms = document.getElementById("checkall-terms");
|
const checkboxAllTerms = document.getElementById("checkall-terms");
|
||||||
if(e.target.checked === false) checkboxAllTerms.checked = false;
|
const attatchedcheckboxAllTerms = document.getElementById("attatched-checkall-terms");
|
||||||
|
if(e.target.checked === false) {
|
||||||
|
checkboxAllTerms.checked = false;
|
||||||
|
attatchedcheckboxAllTerms.checked = false;
|
||||||
|
// usuniecie bledu jesli jest na przyczepionym przycisku zakupowym
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
||||||
let checkedCount = 0;
|
let checkedCount = 0;
|
||||||
termsInputs.forEach(el => el.checked === true ? checkedCount++ : "");
|
termsInputs.forEach(el => el.checked === true ? checkedCount++ : "");
|
||||||
if(checkedCount === termsInputs.length) checkboxAllTerms.checked = true;
|
if(checkedCount === termsInputs.length) {
|
||||||
|
checkboxAllTerms.checked = true;
|
||||||
|
attatchedcheckboxAllTerms.checked = true;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kliknięcie na przycisk "Zaznacz wszystkie"
|
// Kliknięcie na przycisk "Zaznacz wszystkie"
|
||||||
if(e.target.id === "checkall-terms"){
|
if(e.target.id === "checkall-terms") return toggleAllTerms();
|
||||||
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
|
||||||
let checkAll = false;
|
|
||||||
|
|
||||||
termsInputs.forEach(el => el.checked === false ? checkAll = true : "");
|
|
||||||
termsInputs.forEach(function (el) {
|
|
||||||
if(checkAll) el.checked = true;
|
|
||||||
else el.checked = false;
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Usuń error na regulaminie
|
// Usuń error na regulaminie
|
||||||
if(e.target.id === "order2_terms_conditions" || e.target.id === "order2_cancel"){
|
if(e.target.id === "order2_terms_conditions" || e.target.id === "order2_cancel"){
|
||||||
e.target.parentElement.querySelector("span").classList.remove("text-danger");
|
e.target.parentElement.querySelector("span").classList.remove("text-danger");
|
||||||
e.target.parentElement.querySelector("a").classList.remove("text-danger");
|
e.target.parentElement.querySelector("a").classList.remove("text-danger");
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
function toggleAllTerms(){
|
||||||
|
removeErrorOnTerms();
|
||||||
|
|
||||||
|
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
||||||
|
let checkAll = false;
|
||||||
|
|
||||||
|
termsInputs.forEach(el => el.checked === false ? checkAll = true : "");
|
||||||
|
termsInputs.forEach(function (el) {
|
||||||
|
el.checked = checkAll;
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById("checkall-terms").checked = checkAll;
|
||||||
|
document.getElementById("attatched-checkall-terms").checked = checkAll;
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeErrorOnTerms(){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
document.querySelector(".order2_terms_conditions span").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_terms_conditions a").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_cancel span").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_cancel a").classList.remove("text-danger");
|
||||||
|
}
|
||||||
|
|
||||||
|
// PRZYCISK ZAKUPU PRZYTWIERDZONY NA DÓŁ STRONY
|
||||||
|
function checkIfShowAttatched(){
|
||||||
|
const attatchedEl = document.querySelector("#attatched-summary .bm-oscop__attatched-container");
|
||||||
|
const summaryCheckAllPos = document.getElementById("checkall-terms").getBoundingClientRect();
|
||||||
|
// Sprawdzenie czy pokazać przytwierdzony przycisk do zakupu
|
||||||
|
|
||||||
|
if(summaryCheckAllPos.top >= window.innerHeight - attatchedEl.offsetHeight){
|
||||||
|
attatchedEl.style.opacity = "1";
|
||||||
|
attatchedEl.closest("#attatched-summary").style.zIndex = "30";
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
attatchedEl.style.opacity = "0";
|
||||||
|
attatchedEl.closest("#attatched-summary").style.zIndex = "-1";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sprawdzenie czy pokazywać cenę
|
||||||
|
const summaryEl = document.querySelector(".order2_summary");
|
||||||
|
|
||||||
|
// Przeliczana wysokość elementu przytwierdzonego przycisku zakupu na wypadek gdyby cena miała display: none
|
||||||
|
const attatchedElHeight = attatchedEl.querySelector(".bm-oscop__attatched-price").style.display === "none" ? (summaryEl.offsetHeight + attatchedEl.offsetHeight) : attatchedEl.offsetHeight
|
||||||
|
|
||||||
|
if(summaryEl.getBoundingClientRect().top >= window.innerHeight - attatchedElHeight){
|
||||||
|
attatchedEl.querySelector(".bm-oscop__attatched-price").style.display = "block";
|
||||||
|
}else{
|
||||||
|
attatchedEl.querySelector(".bm-oscop__attatched-price").style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener("scroll", e=>{
|
||||||
|
checkIfShowAttatched()
|
||||||
|
});
|
||||||
|
document.getElementById("attatched-checkall-terms").addEventListener("click", toggleAllTerms);
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////////
|
||||||
// KOD RABATOWY (funkcje)
|
// KOD RABATOWY (funkcje)
|
||||||
@@ -1485,7 +1563,7 @@ const DEACTIVATE_REBATE_CODE = () => JSON.stringify({
|
|||||||
})
|
})
|
||||||
|
|
||||||
// Aktywacja kodu rabatowego
|
// Aktywacja kodu rabatowego
|
||||||
const rebateCode = document.getElementById("rebate_code");
|
const rebateCode = document.getElementById("rebate-code");
|
||||||
async function updateCode(){
|
async function updateCode(){
|
||||||
if(rebateCode.value.trim() === ""){
|
if(rebateCode.value.trim() === ""){
|
||||||
addError(rebateCode);
|
addError(rebateCode);
|
||||||
@@ -1556,7 +1634,7 @@ function toggleActiveCode(show, error=false){
|
|||||||
// Zmień wartości
|
// Zmień wartości
|
||||||
activeCodeEl.innerHTML = show ? rebateCode.value : "";
|
activeCodeEl.innerHTML = show ? rebateCode.value : "";
|
||||||
showInput = error ? true : false;
|
showInput = error ? true : false;
|
||||||
document.getElementById("rebate_option").checked = error ? true : false;
|
document.getElementById("rebate-option").checked = error ? true : false;
|
||||||
if(!error) rebateCode.value = "";
|
if(!error) rebateCode.value = "";
|
||||||
else activeCodeEl.innerHTML = "";
|
else activeCodeEl.innerHTML = "";
|
||||||
}
|
}
|
||||||
@@ -1565,7 +1643,7 @@ function toggleActiveCode(show, error=false){
|
|||||||
let showInput = false;
|
let showInput = false;
|
||||||
document.querySelector(".rebate").addEventListener("click", (e) => {
|
document.querySelector(".rebate").addEventListener("click", (e) => {
|
||||||
// Rozwinięcie opcji rabatowej
|
// Rozwinięcie opcji rabatowej
|
||||||
if(e.target.id === "rebate_option" || e.target.classList.contains("rebate__active_change")){
|
if(e.target.id === "rebate-option" || e.target.classList.contains("rebate__active-change")){
|
||||||
showInput = !showInput;
|
showInput = !showInput;
|
||||||
if(showInput) rebateCodeContainer.classList.add("--fade-in");
|
if(showInput) rebateCodeContainer.classList.add("--fade-in");
|
||||||
else rebateCodeContainer.classList.remove("--fade-in");
|
else rebateCodeContainer.classList.remove("--fade-in");
|
||||||
@@ -1573,7 +1651,7 @@ document.querySelector(".rebate").addEventListener("click", (e) => {
|
|||||||
|
|
||||||
// Kliknięcie na zrealizuj i dezaktywuj
|
// Kliknięcie na zrealizuj i dezaktywuj
|
||||||
if(e.target.className.includes("rebate__code-realize")) updateCode();
|
if(e.target.className.includes("rebate__code-realize")) updateCode();
|
||||||
if(e.target.classList.contains("rebate__active_remove")) removeCode();
|
if(e.target.classList.contains("rebate__active-remove")) removeCode();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@@ -1627,19 +1705,23 @@ async function validateFormInputs(query){
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Obsługa złożenia zamówienia
|
// Obsługa złożenia zamówienia
|
||||||
document.querySelector(".order2_button_order").addEventListener("click", async () => {
|
document.querySelectorAll(".order2_button_order").forEach(btnEl=>{
|
||||||
|
btnEl.addEventListener("click", handleBuyOnClick);
|
||||||
|
})
|
||||||
|
|
||||||
|
async function handleBuyOnClick(){
|
||||||
const termsConditionsInput = document.getElementById("order2_terms_conditions");
|
const termsConditionsInput = document.getElementById("order2_terms_conditions");
|
||||||
const cancelConditionsInput = document.getElementById("order2_cancel");
|
const cancelConditionsInput = document.getElementById("order2_cancel");
|
||||||
try {
|
try {
|
||||||
app_shop.fn.ajaxLoadSite(1);
|
app_shop.fn.ajaxLoadSite(1);
|
||||||
app_shop.vars.validation = 1;
|
app_shop.vars.validation = 1;
|
||||||
// Sprawdzenie pól formularza
|
// Sprawdzenie pól formularza
|
||||||
const x = await validateAllInputs();
|
const allInputsCorrectlyValidated = await validateAllInputs();
|
||||||
if(x === false) app_shop.vars.validation = 0;
|
if(allInputsCorrectlyValidated === false) app_shop.vars.validation = 0;
|
||||||
|
|
||||||
// Znalezienie obecnie zaznaczonej metody dostawy i płatności
|
// Znalezienie obecnie zaznaczonej metody dostawy i płatności
|
||||||
const deliveryMethod = document.querySelector(".ajax_cop [name=shipping]:checked");
|
const deliveryMethod = document.querySelector(".bm-oscop__container [name=shipping]:checked");
|
||||||
const paymentMethod = document.querySelector(".ajax_cop [name=payform_id]:checked");
|
const paymentMethod = document.querySelector(".bm-oscop__container [name=payform_id]:checked");
|
||||||
|
|
||||||
// Sprawdzenie czy użytkownik zaakceptował regulamin
|
// Sprawdzenie czy użytkownik zaakceptował regulamin
|
||||||
if(!termsConditionsInput.checked || !cancelConditionsInput.checked){
|
if(!termsConditionsInput.checked || !cancelConditionsInput.checked){
|
||||||
@@ -1675,25 +1757,29 @@ document.querySelector(".order2_button_order").addEventListener("click", async (
|
|||||||
let alertMessage = "";
|
let alertMessage = "";
|
||||||
|
|
||||||
// Element sprawdzający czy regulamin jest zaznaczony
|
// Element sprawdzający czy regulamin jest zaznaczony
|
||||||
let termsAndConditions = termsConditionsInput.checked && cancelConditionsInput.checked;
|
const termsAndConditions = termsConditionsInput.checked && cancelConditionsInput.checked;
|
||||||
if(!termsAndConditions) alertMessage += `${<iai:variable vid="Zatwierdź"/>} ${<iai:variable vid="Regulamin"/>}!<br/>`;
|
if(!termsAndConditions){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.add("--error");
|
||||||
|
alertMessage += `${<iai:variable vid="Zatwierdź"/>} ${<iai:variable vid="Regulamin"/>}!<br/>`;
|
||||||
|
}
|
||||||
|
// 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 += `${<iai:variable vid="Proszę wybrać dostępną metodę dostawy"/>}<br/>`;
|
||||||
|
}
|
||||||
|
if(!document.querySelector(`input[name="payform_id"]:checked`)){
|
||||||
|
scrolledToElement = errorEl || document.querySelector("#bm-oscop-payments h2");
|
||||||
|
alertMessage += `${<iai:variable vid="Proszę wybrać metodę płatności"/>}<br/>`;
|
||||||
|
}
|
||||||
// Błąd w formularzu
|
// Błąd w formularzu
|
||||||
if(errorEl){
|
if(errorEl){
|
||||||
scrolledToElement = errorEl;
|
scrolledToElement = errorEl;
|
||||||
alertMessage += `${<iai:variable vid="W formularzu wystąpiły błędy"/>}<br/>`;
|
alertMessage += `${<iai:variable vid="W formularzu wystąpiły błędy"/>}`;
|
||||||
}// Sprawdź metodę płatności i dostawy(scrollowanie do formularza ważniejsze)
|
|
||||||
if(!document.querySelector(`input[name="payform_id"]:checked`)){
|
|
||||||
scrolledToElement = errorEl || document.querySelector("#checkout_step3_1 h2");
|
|
||||||
alertMessage += `${<iai:variable vid="Proszę wybrać metodę płatności"/>}<br/>`;
|
|
||||||
}
|
|
||||||
if(!document.querySelector(`input[name="shipping"]:checked`)){
|
|
||||||
scrolledToElement = errorEl || document.querySelector("#checkout_step2_1 h2");
|
|
||||||
alertMessage += `${<iai:variable vid="Proszę wybrać dostępną metodę dostawy"/>}`;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Jeśli użytkownik zatwierdził regulamin, przescrolluj do elementu z błędem
|
// Jeśli użytkownik zatwierdził regulamin, przescrolluj do elementu z błędem
|
||||||
if(termsAndConditions) scrollToHeight(scrolledToElement);
|
if(scrolledToElement) scrollToHeight(scrolledToElement);
|
||||||
|
|
||||||
|
|
||||||
// Pokaż error i przerwij składanie zamówienia
|
// Pokaż error i przerwij składanie zamówienia
|
||||||
Alertek.show_alert(alertMessage);
|
Alertek.show_alert(alertMessage);
|
||||||
@@ -1712,13 +1798,15 @@ document.querySelector(".order2_button_order").addEventListener("click", async (
|
|||||||
console.log(e);
|
console.log(e);
|
||||||
alert("blad");
|
alert("blad");
|
||||||
}
|
}
|
||||||
});
|
}
|
||||||
|
|
||||||
// Przescrolluj do
|
// Przescrolluj do
|
||||||
function scrollToHeight(scrollToEl){
|
function scrollToHeight(scrollToEl){
|
||||||
let yOffset = -45;
|
let yOffset = -45;
|
||||||
if(app_shop.vars.view === 1) yOffset = -100;
|
if(app_shop.vars.view === 1) yOffset = -100;
|
||||||
if(app_shop.vars.view === 2) yOffset = -75;
|
if(app_shop.vars.view === 2) yOffset = -75;
|
||||||
const y = scrollToEl.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
const y = scrollToEl.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
||||||
|
|
||||||
window.scrollTo({top: y, behavior: 'smooth'});
|
window.scrollTo({top: y, behavior: 'smooth'});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1734,7 +1822,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
// Weź dane klienta
|
// Weź dane klienta
|
||||||
const email = document.getElementById("client_email").value;
|
const email = document.getElementById("client_email").value;
|
||||||
const phone = document.getElementById("client_phone").value;
|
const phone = document.getElementById("client_phone").value;
|
||||||
const clientType = document.querySelector('.ajax_cop [name="client_type"]:checked').value;
|
const clientType = document.querySelector('.bm-oscop__container [name="client_type"]:checked').value;
|
||||||
const firmname = clientType === "firm" ? document.getElementById("client_firm").value : "";
|
const firmname = clientType === "firm" ? document.getElementById("client_firm").value : "";
|
||||||
const nip = clientType === "firm" ? document.getElementById("client_nip").value : "";
|
const nip = clientType === "firm" ? document.getElementById("client_nip").value : "";
|
||||||
let firstname = document.getElementById("client_firstname").value;
|
let firstname = document.getElementById("client_firstname").value;
|
||||||
@@ -1767,7 +1855,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
else rebateCode = "";
|
else rebateCode = "";
|
||||||
|
|
||||||
let voucherCode;
|
let voucherCode;
|
||||||
if(document.querySelector(".ajax_cop #payitem_2") && document.querySelector(".ajax_cop #payitem_2").checked) voucherCode = document.querySelector(".ajax_cop #order_voucher_id").value;
|
if(document.querySelector(".bm-oscop__container #payitem_2") && document.querySelector(".bm-oscop__container #payitem_2").checked) voucherCode = document.querySelector(".bm-oscop__container #order_voucher_id").value;
|
||||||
|
|
||||||
// Jeśli zalogowany użytkownik jest firmą i nie ma imienia i nazwiska
|
// Jeśli zalogowany użytkownik jest firmą i nie ma imienia i nazwiska
|
||||||
if (clientType.disabled && clientType.value === "firm") {
|
if (clientType.disabled && clientType.value === "firm") {
|
||||||
@@ -1780,8 +1868,8 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
lastname = lastname.replace(/[&\/\\#,+()$~%.'":*?<>{}!@~`^_]/g, "");
|
lastname = lastname.replace(/[&\/\\#,+()$~%.'":*?<>{}!@~`^_]/g, "");
|
||||||
|
|
||||||
// Dodatkowe informacje (uwagi, faktura, punkt odbioru)
|
// Dodatkowe informacje (uwagi, faktura, punkt odbioru)
|
||||||
const shopRemarks = document.getElementById("shop_remarks").checked ? document.querySelector(".ajax_cop [name=remarks]").value : "";
|
const shopRemarks = document.getElementById("shop_remarks").checked ? document.querySelector(".bm-oscop__container [name=remarks]").value : "";
|
||||||
const deliveryRemarks = document.getElementById("courier_remarks").checked ? document.querySelector(".ajax_cop [name=deliverer_remarks]").value : "";
|
const deliveryRemarks = document.getElementById("courier_remarks").checked ? document.querySelector(".bm-oscop__container [name=deliverer_remarks]").value : "";
|
||||||
|
|
||||||
const invoiceOption = document.querySelector("input[name=invoice]:checked").value;
|
const invoiceOption = document.querySelector("input[name=invoice]:checked").value;
|
||||||
const pickuppoint = document.querySelector("#osc_order1 input:checked").dataset.pickuppoint === "y" ? document.querySelector("#osc_order1 input:checked").parentElement.querySelector("label [name=pickup_point]").value : "";
|
const pickuppoint = document.querySelector("#osc_order1 input:checked").dataset.pickuppoint === "y" ? document.querySelector("#osc_order1 input:checked").parentElement.querySelector("label [name=pickup_point]").value : "";
|
||||||
@@ -1857,7 +1945,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function checkNewsletter(logged, regular){
|
function checkNewsletter(logged, regular){
|
||||||
if(document.querySelector(`.ajax_cop [name=${logged}]`)) return document.querySelector(`.ajax_cop [name=${logged}]`).value ? 1 : 0;
|
if(document.querySelector(`.bm-oscop__container [name=${logged}]`)) return document.querySelector(`.bm-oscop__container [name=${logged}]`).value ? 1 : 0;
|
||||||
else if(document.querySelector(regular)) return document.querySelector(regular).checked ? 1 : 0;
|
else if(document.querySelector(regular)) return document.querySelector(regular).checked ? 1 : 0;
|
||||||
else return 0;
|
else return 0;
|
||||||
}
|
}
|
||||||
@@ -2025,13 +2113,13 @@ function enablePageScroll(){
|
|||||||
app_shop.fn.load = function(_url,target,callback,paramets) {
|
app_shop.fn.load = function(_url,target,callback,paramets) {
|
||||||
if(app_shop.vars.xhr && app_shop.vars.xhr.readystate != 4) app_shop.vars.xhr.abort();
|
if(app_shop.vars.xhr && app_shop.vars.xhr.readystate != 4) app_shop.vars.xhr.abort();
|
||||||
$(target).addClass('load-content');
|
$(target).addClass('load-content');
|
||||||
for(var i=0; target.length > i ; i++) $(target[i][0]).addClass('load-content');
|
for(let i=0; target.length > i ; i++) $(target[i][0]).addClass('load-content');
|
||||||
|
|
||||||
app_shop.vars.xhr = $.ajax({
|
app_shop.vars.xhr = $.ajax({
|
||||||
url: _url+paramets,
|
url: _url+paramets,
|
||||||
timeout: 16000,
|
timeout: 16000,
|
||||||
success: function(data,textStatus) {
|
success: function(data,textStatus) {
|
||||||
for(var i=0; target.length > i ; i++) $(target[i][0]).removeClass('load-content').html($(data).find(target[i][1]).html());
|
for(let i=0; target.length > i ; i++) $(target[i][0]).removeClass('load-content').html($(data).find(target[i][1]).html());
|
||||||
app_shop.fn.change_url(_url);
|
app_shop.fn.change_url(_url);
|
||||||
app_shop.fn.evalJSFromHtml(data);
|
app_shop.fn.evalJSFromHtml(data);
|
||||||
if(callback) callback();
|
if(callback) callback();
|
||||||
@@ -2046,12 +2134,7 @@ function throwAjaxError(e) {
|
|||||||
-1 !== $.inArray(e, ["nocontent", "error", "timeout", "abort", "parsererror"]) && (console.log("Error:" + e), Alertek.show_alert( "Błąd podczas logowania, proszę spróbować ponownie" + " (" + e + ": " + $.now() + ")"), $.cookie("off_opc", !0));
|
-1 !== $.inArray(e, ["nocontent", "error", "timeout", "abort", "parsererror"]) && (console.log("Error:" + e), Alertek.show_alert( "Błąd podczas logowania, proszę spróbować ponownie" + " (" + e + ": " + $.now() + ")"), $.cookie("off_opc", !0));
|
||||||
};
|
};
|
||||||
async function fetchData(options = {}) {
|
async function fetchData(options = {}) {
|
||||||
const {
|
const {data,link,linkParameter = '',alert = true} = options;
|
||||||
data,
|
|
||||||
link,
|
|
||||||
linkParameter = '',
|
|
||||||
alert = true
|
|
||||||
} = options;
|
|
||||||
if (!data) return false;
|
if (!data) return false;
|
||||||
try {
|
try {
|
||||||
const response = await fetch(`${link || app_shop.urls.graphql || '/graphql/v1/'}${linkParameter}`, {
|
const response = await fetch(`${link || app_shop.urls.graphql || '/graphql/v1/'}${linkParameter}`, {
|
||||||
@@ -2084,7 +2167,7 @@ function initOSCOP(){
|
|||||||
// Element z numerem edycji jeśli jest
|
// Element z numerem edycji jeśli jest
|
||||||
const editNumber = document.getElementById("edit-number");
|
const editNumber = document.getElementById("edit-number");
|
||||||
|
|
||||||
if(document.querySelector(".ajax_cop").childElementCount && !editNumber) changeRegion(null);
|
if(document.querySelector(".bm-oscop__container").childElementCount && !editNumber) changeRegion(null);
|
||||||
|
|
||||||
// Jeśli edycja zamówienia uzupełnij dane (niewiadomo jak z voucherem bo go się nie da edytować)
|
// Jeśli edycja zamówienia uzupełnij dane (niewiadomo jak z voucherem bo go się nie da edytować)
|
||||||
if(editNumber){
|
if(editNumber){
|
||||||
@@ -2168,7 +2251,6 @@ function initOSCOP(){
|
|||||||
|
|
||||||
// Pobranie danych o edytowanym zamówieniu
|
// Pobranie danych o edytowanym zamówieniu
|
||||||
async function getEditData(){
|
async function getEditData(){
|
||||||
|
|
||||||
const data = await fetchData({
|
const data = await fetchData({
|
||||||
data: ORDER_DETAILS(`OrderDetailsInput: {
|
data: ORDER_DETAILS(`OrderDetailsInput: {
|
||||||
orderNumber: ${editNumber.value},
|
orderNumber: ${editNumber.value},
|
||||||
@@ -2204,7 +2286,7 @@ function initOSCOP(){
|
|||||||
if(differentDelivery){
|
if(differentDelivery){
|
||||||
// Pokazanie formularza dodatkowej dostawy
|
// Pokazanie formularza dodatkowej dostawy
|
||||||
document.getElementById("deliver_to_billingaddr").checked = true;
|
document.getElementById("deliver_to_billingaddr").checked = true;
|
||||||
document.querySelector(".ajax_cop #client_new_additional .delivery_box.cn_wrapper").classList.add("--more");
|
document.querySelector(".bm-oscop__container #client_new_additional .delivery_box.cn_wrapper").classList.add("--more");
|
||||||
document.querySelector(".delivery__address-list-button").classList.add("--fade-in");
|
document.querySelector(".delivery__address-list-button").classList.add("--fade-in");
|
||||||
|
|
||||||
fillInput(document.getElementById("delivery_firstname"), orderDetails.client.deliveryData.firstname);
|
fillInput(document.getElementById("delivery_firstname"), orderDetails.client.deliveryData.firstname);
|
||||||
@@ -2244,5 +2326,8 @@ function initOSCOP(){
|
|||||||
input.parentElement.classList.add("--success", "has-success");
|
input.parentElement.classList.add("--success", "has-success");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Sprawdzenie czy schować przyczepiony przycisk od zakupu
|
||||||
|
checkIfShowAttatched()
|
||||||
}
|
}
|
||||||
initOSCOP();
|
initOSCOP();
|
||||||
@@ -40,7 +40,7 @@ const deliveryPickupPoints = [];
|
|||||||
let finpostjs = false;
|
let finpostjs = false;
|
||||||
// Funkcja inicjująca mapę
|
// Funkcja inicjująca mapę
|
||||||
function loadMap() {
|
function loadMap() {
|
||||||
var htmlContent = `
|
const htmlContent = `
|
||||||
<div id="fbs_z02_cover">
|
<div id="fbs_z02_cover">
|
||||||
<div id="fbs_z02_wrapper" class="dialog_fbs_z02">
|
<div id="fbs_z02_wrapper" class="dialog_fbs_z02">
|
||||||
<a id="fbs_z02_close" href="#close"></a>
|
<a id="fbs_z02_close" href="#close"></a>
|
||||||
@@ -116,10 +116,12 @@ function loadMap() {
|
|||||||
document.querySelector('.asideContainer_pickup').innerHTML = '';
|
document.querySelector('.asideContainer_pickup').innerHTML = '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Funkcja obsługująca dostawy z mapą
|
// Funkcja obsługująca dostawy z mapą
|
||||||
function createEventsInpost(ITEM_ID) {
|
function createEventsInpost(ITEM_ID) {
|
||||||
var ITEM_FOR_MAP = '#item_' + ITEM_ID;
|
const ITEM_FOR_MAP = '#item_' + ITEM_ID;
|
||||||
var oscItem = document.querySelector(ITEM_FOR_MAP).closest('.osc_item');
|
const oscItem = document.querySelector(ITEM_FOR_MAP).closest('.osc_item');
|
||||||
|
|
||||||
document.querySelector(ITEM_FOR_MAP).addEventListener('click', function (e) {
|
document.querySelector(ITEM_FOR_MAP).addEventListener('click', function (e) {
|
||||||
const deliveryValue = ITEM_FOR_MAP.slice(1);
|
const deliveryValue = ITEM_FOR_MAP.slice(1);
|
||||||
@@ -132,18 +134,9 @@ function loadMap() {
|
|||||||
// Jesli nie ma informacji potrzebnej do mapy, zapisz wiadomosc do errora
|
// Jesli nie ma informacji potrzebnej do mapy, zapisz wiadomosc do errora
|
||||||
let errorMessage = "";
|
let errorMessage = "";
|
||||||
|
|
||||||
if(!clientStreet){
|
if(!clientStreet) errorMessage += addAddressErrorForMap("street");
|
||||||
errorMessage += `${<iai:variable vid="Wpisz nazwę ulicy lub miejscowości i numer domu"/>} <br>`;
|
if(!clientZipCode) errorMessage += addAddressErrorForMap("zipcode");
|
||||||
addErrorMessage(document.getElementById("client_street"), <iai:variable vid="Wpisz nazwę ulicy lub miejscowości i numer domu"/>)
|
if(!clientCity) errorMessage += addAddressErrorForMap("city");
|
||||||
}
|
|
||||||
if(!clientZipCode){
|
|
||||||
errorMessage += `${<iai:variable vid="Podaj kod pocztowy adresu dostawy"/>} <br>`;
|
|
||||||
addErrorMessage(document.getElementById("client_zipcode"), <iai:variable vid="Podaj kod pocztowy adresu dostawy"/>)
|
|
||||||
}
|
|
||||||
if(!clientCity){
|
|
||||||
errorMessage += `${<iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>}`;
|
|
||||||
addErrorMessage(document.getElementById("client_city"), <iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>)
|
|
||||||
}
|
|
||||||
|
|
||||||
// Zablokuj wybranie mapy jak nie ma adresu
|
// Zablokuj wybranie mapy jak nie ma adresu
|
||||||
if(errorMessage !== ""){
|
if(errorMessage !== ""){
|
||||||
@@ -176,7 +169,6 @@ function loadMap() {
|
|||||||
if(!suggestions) return;
|
if(!suggestions) return;
|
||||||
else suggestions.remove();
|
else suggestions.remove();
|
||||||
});
|
});
|
||||||
htmlContent = '';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wstaw adres klienta
|
// Wstaw adres klienta
|
||||||
@@ -245,6 +237,17 @@ function getAddressInfo(query){
|
|||||||
};
|
};
|
||||||
return document.getElementById(`client_${query}`).value;
|
return document.getElementById(`client_${query}`).value;
|
||||||
}
|
}
|
||||||
|
// Wiadomość errora, gdyby niebyło informacji adresowych przy otwieraniu mapy
|
||||||
|
const addressErrorMessagesForMap = {
|
||||||
|
"street": `${<iai:variable vid="Wpisz ulicę i numer domu klienta"/>}`,
|
||||||
|
"zipcode": `${<iai:variable vid="Podaj kod pocztowy adresu dostawy"/>}`,
|
||||||
|
"city": `${<iai:variable vid="Wpisz miasto odbiorcy przesyłki"/>}`,
|
||||||
|
}
|
||||||
|
function addAddressErrorForMap(query){
|
||||||
|
addErrorMessage(document.getElementById(`client_${query}`), addressErrorMessagesForMap[query]);
|
||||||
|
return `${addressErrorMessagesForMap[query]} <br>`;
|
||||||
|
}
|
||||||
|
|
||||||
// Utworzenie informacji o punkcie odbioru
|
// Utworzenie informacji o punkcie odbioru
|
||||||
function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){
|
function createPickuppointInfo(selectedPoint, deliveryPointId, name, streetText, cityText, zipcodeText, courierId){
|
||||||
// Pokazanie elementu fselectedPoint
|
// Pokazanie elementu fselectedPoint
|
||||||
@@ -294,10 +297,10 @@ function toggleMapList(e){
|
|||||||
|
|
||||||
e.target.dataset.show = ifList ? "map" : "list";
|
e.target.dataset.show = ifList ? "map" : "list";
|
||||||
}
|
}
|
||||||
|
|
||||||
//////////////////////////////////////////////////////////////////////////
|
//////////////////////////////////////////////////////////////////////////
|
||||||
// DANE KLIENTA
|
// DANE KLIENTA
|
||||||
|
document.getElementById("bm-oscop-section1").addEventListener("click", (e) => {
|
||||||
document.getElementById("cop_seection1").addEventListener("click", (e) => {
|
|
||||||
// Pokazanie się okna od logowania
|
// Pokazanie się okna od logowania
|
||||||
if(e.target.classList.contains("get_signin")) showSigninModal();
|
if(e.target.classList.contains("get_signin")) showSigninModal();
|
||||||
|
|
||||||
@@ -310,11 +313,11 @@ document.getElementById("cop_seection1").addEventListener("click", (e) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Ukrycie/Pokazanie hasła
|
// Ukrycie/Pokazanie hasła
|
||||||
if(e.target.id === "toggle_password") return togglePassword(e.target);
|
if(e.target.id === "toggle-password") return togglePassword(e.target);
|
||||||
|
|
||||||
// Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną
|
// Sprawdzenie czy kliknięcie było na firmę, czy na osobę prywatną
|
||||||
if(e.target.id === "client_type1") return document.querySelectorAll("#cop_seection1 .firm-group").forEach(el => el.classList.add("--fade-in"));
|
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("#cop_seection1 .firm-group").forEach(el => el.classList.remove("--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
|
// Sprawdzenie czy dostawa na inny adres czy nie
|
||||||
if(e.target.id === "deliver_to_billingaddr"){
|
if(e.target.id === "deliver_to_billingaddr"){
|
||||||
@@ -356,24 +359,24 @@ function togglePassword(el){
|
|||||||
// Pokaż popup logowania
|
// Pokaż popup logowania
|
||||||
function showSigninModal(){
|
function showSigninModal(){
|
||||||
app_shop.fn.signinModal = new Modal({
|
app_shop.fn.signinModal = new Modal({
|
||||||
element: $("#signin-form-ajax"),
|
element: $("#signin-form"),
|
||||||
classList: "--fade-in-modal",
|
classList: "--fade-in-modal",
|
||||||
afterShow: ()=>{
|
afterShow: ()=>{
|
||||||
disablePageScroll();
|
disablePageScroll();
|
||||||
document.querySelector(".signin_login_input").addEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__login").addEventListener("keydown", logInOnEnter);
|
||||||
document.querySelector(".signin_pass_input").addEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__pass").addEventListener("keydown", logInOnEnter);
|
||||||
},
|
},
|
||||||
beforeClose: ()=>{
|
beforeClose: ()=>{
|
||||||
enablePageScroll();
|
enablePageScroll();
|
||||||
document.querySelector(".signin_login_input").removeEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__login").removeEventListener("keydown", logInOnEnter);
|
||||||
document.querySelector(".signin_pass_input").removeEventListener("keydown", logInOnEnter);
|
document.querySelector(".signin-form__pass").removeEventListener("keydown", logInOnEnter);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Pokaż(true)/Schowaj(false) formularz dostawy na inny adres
|
// Pokaż(true)/Schowaj(false) formularz dostawy na inny adres
|
||||||
function showDeliveryForm(style){
|
function showDeliveryForm(style){
|
||||||
const deliveryWrapper = document.querySelector(".ajax_cop #client_new_additional .delivery_box.cn_wrapper");
|
const deliveryWrapper = document.querySelector(".bm-oscop__container #client_new_additional .delivery_box.cn_wrapper");
|
||||||
if((style && deliveryWrapper.classList.contains("--more")) || (!style && !deliveryWrapper.classList.contains("--more"))) return;
|
if((style && deliveryWrapper.classList.contains("--more")) || (!style && !deliveryWrapper.classList.contains("--more"))) return;
|
||||||
|
|
||||||
// Formularz dostawy na inny adres
|
// Formularz dostawy na inny adres
|
||||||
@@ -448,15 +451,15 @@ const SIGNIN = (signinInput) => JSON.stringify({
|
|||||||
});
|
});
|
||||||
|
|
||||||
function logInOnEnter(e){
|
function logInOnEnter(e){
|
||||||
if(e.key==="Enter") logInToAccount(false)
|
if(e.key === "Enter") logInToAccount(false)
|
||||||
}
|
}
|
||||||
const signinForm = document.querySelector(".signin-form_box_text form");
|
const signinForm = document.querySelector(".signin-form__container form");
|
||||||
if(signinForm) signinForm.addEventListener("submit", logInToAccount);
|
if(signinForm) signinForm.addEventListener("submit", logInToAccount);
|
||||||
|
|
||||||
async function logInToAccount(event){
|
async function logInToAccount(event){
|
||||||
if(event) event.preventDefault();
|
if(event) event.preventDefault();
|
||||||
const login = document.querySelector(".signin_login_input").value;
|
const login = document.querySelector(".signin-form__login").value;
|
||||||
const password = document.querySelector(".signin_pass_input").value;
|
const password = document.querySelector(".signin-form__pass").value;
|
||||||
const loginStatus = await fetchData({
|
const loginStatus = await fetchData({
|
||||||
data: SIGNIN(`
|
data: SIGNIN(`
|
||||||
login: "${login.replace(/"/g, '\\"')}",
|
login: "${login.replace(/"/g, '\\"')}",
|
||||||
@@ -493,7 +496,7 @@ function getClientNew(){
|
|||||||
success: function (e, a) {
|
success: function (e, a) {
|
||||||
app_shop.fn.load(
|
app_shop.fn.load(
|
||||||
"place-order.php",
|
"place-order.php",
|
||||||
[["#cop_seection1", "#cop_seection1"]],
|
[["#bm-oscop-section1", "#bm-oscop-section1"]],
|
||||||
function () {
|
function () {
|
||||||
history.go(-1);
|
history.go(-1);
|
||||||
},
|
},
|
||||||
@@ -639,8 +642,8 @@ function handleShowSigninModalFromEmailModal(e){
|
|||||||
showSigninModal();
|
showSigninModal();
|
||||||
}
|
}
|
||||||
|
|
||||||
// EventListener zmian w kontenerze cop_seection1
|
// EventListener zmian w kontenerze bm-oscop-section1
|
||||||
document.getElementById("cop_seection1").addEventListener("change", (e) => {
|
document.getElementById("bm-oscop-section1").addEventListener("change", (e) => {
|
||||||
const validateRequestId = ["client_zipcode", "delivery_zipcode", "client_nip", "client_email"];
|
const validateRequestId = ["client_zipcode", "delivery_zipcode", "client_nip", "client_email"];
|
||||||
const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city", "delivery_firstname", "delivery_lastname", "delivery_city", "client_firm"];
|
const notEmptyFieldsId = ["client_firstname", "client_lastname", "client_city", "delivery_firstname", "delivery_lastname", "delivery_city", "client_firm"];
|
||||||
|
|
||||||
@@ -658,17 +661,13 @@ document.getElementById("cop_seection1").addEventListener("change", (e) => {
|
|||||||
|
|
||||||
// Walidacja ulicy i numeru domu
|
// Walidacja ulicy i numeru domu
|
||||||
if(e.target.id === "client_street" || e.target.id === "delivery_street") validateStreet(e.target);
|
if(e.target.id === "client_street" || e.target.id === "delivery_street") validateStreet(e.target);
|
||||||
|
|
||||||
// Walidacja numeru telefonu
|
// Walidacja numeru telefonu
|
||||||
if(e.target.id === "client_phone" || e.target.id === "delivery_phone") validatePhone(e.target);
|
if(e.target.id === "client_phone" || e.target.id === "delivery_phone") validatePhone(e.target);
|
||||||
|
|
||||||
// Walidacja loginu i hasła rejestracji
|
// Walidacja loginu i hasła rejestracji
|
||||||
if(e.target.classList.contains("register__login")) testLogin();
|
if(e.target.classList.contains("register__login")) testLogin();
|
||||||
if(e.target.classList.contains("register__password")) testPassword();
|
if(e.target.classList.contains("register__password")) testPassword();
|
||||||
|
|
||||||
// Walidacja imienia nazwiska miasta i firmy(wymagające po prostu nie bycia pustym)
|
// Walidacja imienia nazwiska miasta i firmy(wymagające po prostu nie bycia pustym)
|
||||||
if(notEmptyFieldsId.includes(e.target.id)) validateNotEmpty(e.target);
|
if(notEmptyFieldsId.includes(e.target.id)) validateNotEmpty(e.target);
|
||||||
|
|
||||||
// Sprawdzenie czy firma w dostawie na inny adres została wpisana
|
// Sprawdzenie czy firma w dostawie na inny adres została wpisana
|
||||||
if(e.target.id === "delivery_additional"){
|
if(e.target.id === "delivery_additional"){
|
||||||
if(e.target.value.length > 0) addSuccess(e.target);
|
if(e.target.value.length > 0) addSuccess(e.target);
|
||||||
@@ -830,13 +829,12 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
|
|
||||||
// Dane do zaznaczenia płatności i dostawy jeśli wcześniej na tej przeglądarce(localStorage) było już zamówienie
|
// Dane do zaznaczenia płatności i dostawy jeśli wcześniej na tej przeglądarce(localStorage) było już zamówienie
|
||||||
const prevOrderInfo = JSON.parse(localStorage.getItem("prevOrderInfo"));
|
const prevOrderInfo = JSON.parse(localStorage.getItem("prevOrderInfo"));
|
||||||
console.log(prevOrderInfo);
|
|
||||||
|
|
||||||
// Wstawienie metod dostaw na strone
|
// Wstawienie metod dostaw na strone
|
||||||
const deliveryMarkup = `<div id="osc_order1"><div id="osc_order1_prepaid" style="${paymentValue === "cash" ? "display:none;" : "display:block;"}">${prepaidMarkup}</div><div id="osc_order1_dvp" style="${paymentValue === "cash" ? "display:block;" : "display:none;"}">${dvpMarkup}</div></div>`;
|
const deliveryMarkup = `<div id="osc_order1"><div id="osc_order1_prepaid" style="${paymentValue === "cash" ? "display:none;" : "display:block;"}">${prepaidMarkup}</div><div id="osc_order1_dvp" style="${paymentValue === "cash" ? "display:block;" : "display:none;"}">${dvpMarkup}</div></div>`;
|
||||||
const previousDeliveries = document.getElementById("osc_order1");
|
const previousDeliveries = document.getElementById("osc_order1");
|
||||||
if(previousDeliveries) previousDeliveries.remove();
|
if(previousDeliveries) previousDeliveries.remove();
|
||||||
document.querySelector(".ajax_cop .step2_sub").insertAdjacentHTML("beforeend",deliveryMarkup);
|
document.getElementById("bm-oscop-deliveries").insertAdjacentHTML("beforeend",deliveryMarkup);
|
||||||
|
|
||||||
// Stworzenie metod płatności
|
// Stworzenie metod płatności
|
||||||
let prepaidsMethodMarkup = "";
|
let prepaidsMethodMarkup = "";
|
||||||
@@ -874,7 +872,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
ifPaymentCard = true;
|
ifPaymentCard = true;
|
||||||
}
|
}
|
||||||
else{
|
else{
|
||||||
prepaidsMethodMarkup += markup;
|
prepaidsMethodMarkup += markup;
|
||||||
// Okienko vouchera
|
// Okienko vouchera
|
||||||
if(method.id === 2){
|
if(method.id === 2){
|
||||||
prepaidsMethodMarkup += `
|
prepaidsMethodMarkup += `
|
||||||
@@ -900,8 +898,8 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
prepaidsTransferMarkup +="</div></div></label>";
|
prepaidsTransferMarkup += "</div></div></label>";
|
||||||
prepaidsCardMarkup +="</div></div></label>";
|
prepaidsCardMarkup += "</div></div></label>";
|
||||||
|
|
||||||
// Dołączenie metody płatność przy odbiorze
|
// Dołączenie metody płatność przy odbiorze
|
||||||
if(e.dvp.length) prepaidsMethodMarkup += `
|
if(e.dvp.length) prepaidsMethodMarkup += `
|
||||||
@@ -918,7 +916,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
// Wstawienie metod płatności na stronę
|
// Wstawienie metod płatności na stronę
|
||||||
const previousPayments = document.getElementById("osc_prepaids_method");
|
const previousPayments = document.getElementById("osc_prepaids_method");
|
||||||
if(previousPayments) previousPayments.remove();
|
if(previousPayments) previousPayments.remove();
|
||||||
document.querySelector(".ajax_cop #checkout_step3_1 .step3_sub").insertAdjacentHTML("beforeend", `<div id="osc_prepaids_method"> ${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}</div>`);
|
document.getElementById("bm-oscop-payments").insertAdjacentHTML("beforeend", `<div id="osc_prepaids_method"> ${ifPaymentTransfer ? prepaidsTransferMarkup : ""}${ifPaymentCard ? prepaidsCardMarkup : ""}${prepaidsMethodMarkup}</div>`);
|
||||||
|
|
||||||
// Wstawienie błędu jeśli metody płatności są puste
|
// Wstawienie błędu jeśli metody płatności są puste
|
||||||
const currentPayments = document.getElementById("osc_prepaids_method");
|
const currentPayments = document.getElementById("osc_prepaids_method");
|
||||||
@@ -932,7 +930,7 @@ function getNewPaymentsAndDeliveries(data = null) {
|
|||||||
|
|
||||||
// Wstawienie pickuppoint jeśli edycja i istnieje
|
// Wstawienie pickuppoint jeśli edycja i istnieje
|
||||||
if(data?.pickupData !== undefined && data?.pickupData !== null){
|
if(data?.pickupData !== undefined && data?.pickupData !== null){
|
||||||
const selectedShipping = document.querySelector(`#cop_seection2 input#${deliveryId}`);
|
const selectedShipping = document.querySelector(`#bm-oscop-section2 input#${deliveryId}`);
|
||||||
const pointExists = await checkPrevPickupPoint(
|
const pointExists = await checkPrevPickupPoint(
|
||||||
selectedShipping.parentElement.querySelector(".fselectedPoint"),
|
selectedShipping.parentElement.querySelector(".fselectedPoint"),
|
||||||
data.pickupData.id,
|
data.pickupData.id,
|
||||||
@@ -1007,7 +1005,7 @@ changeDeliveryInfoObject(deliveryDateInfo, prevDeliveryInput);
|
|||||||
// Stworzenie kontenera na "przelewy online" lub "karta platnicza"
|
// Stworzenie kontenera na "przelewy online" lub "karta platnicza"
|
||||||
function createPaymentContainerMarkup(method){
|
function createPaymentContainerMarkup(method){
|
||||||
const operationName = method === "transfer" ? <iai:variable vid="Przelew online"/> : <iai:variable vid="Karta płatnicza"/>;
|
const operationName = method === "transfer" ? <iai:variable vid="Przelew online"/> : <iai:variable vid="Karta płatnicza"/>;
|
||||||
const methodName = method === "transfer" ? <iai:variable vid="banków"/> : <iai:variable vid="kart płatniczych"/>;
|
const methodName = method === "transfer" ? "banków" : "kart płatniczych";
|
||||||
return `<label class="osc_item" for="payitem_${method}">
|
return `<label class="osc_item" for="payitem_${method}">
|
||||||
<input id="payitem_${method}" value="no_${method}" type="radio" name="payform_id" data-group="${method}"/>
|
<input id="payitem_${method}" value="no_${method}" type="radio" name="payform_id" data-group="${method}"/>
|
||||||
<div class="photo">
|
<div class="photo">
|
||||||
@@ -1017,8 +1015,8 @@ function createPaymentContainerMarkup(method){
|
|||||||
<span>${operationName}</span>
|
<span>${operationName}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="osc_item-modal ${method}__methods">
|
<div class="osc_item-modal ${method}__methods">
|
||||||
<h2>${<iai:variable vid="Lista"/>} ${methodName}</h2>
|
<h2>Lista ${methodName}</h2>
|
||||||
<span>${<iai:variable vid="Wybierz z"/>} ${methodName}</span>
|
<span>Wybierz z ${methodName}</span>
|
||||||
<div class="payments-container">`;
|
<div class="payments-container">`;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1111,7 +1109,7 @@ function changeCurrentShippingInfo(shippingMethod){
|
|||||||
calculateDeliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
|
calculateDeliveryDate(shippingMethod.value, shippingMethod.dataset.delivery, shippingMethod.dataset.pickuppoint);
|
||||||
app_shop.vars.checkedShipping = shippingMethod.value;
|
app_shop.vars.checkedShipping = shippingMethod.value;
|
||||||
}
|
}
|
||||||
document.getElementById("cop_seection2").addEventListener("click", e => {
|
document.getElementById("bm-oscop-section2").addEventListener("click", e => {
|
||||||
// Kliknięcie na dostawe
|
// Kliknięcie na dostawe
|
||||||
if(e.target.name === "shipping"){
|
if(e.target.name === "shipping"){
|
||||||
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
|
// Wyczyszczenie wszystkich zaznaczonych punktów odbioru
|
||||||
@@ -1187,7 +1185,7 @@ function removePrevClone(){
|
|||||||
const prevClone = document.querySelector(".osc_item-clone");
|
const prevClone = document.querySelector(".osc_item-clone");
|
||||||
if(!prevClone) return;
|
if(!prevClone) return;
|
||||||
const cloneGroupName = prevClone.querySelector("input").dataset.group;
|
const cloneGroupName = prevClone.querySelector("input").dataset.group;
|
||||||
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="flex";
|
document.getElementById(`payitem_${cloneGroupName}`).closest(".osc_item").style.display="grid";
|
||||||
prevClone.remove();
|
prevClone.remove();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1248,7 +1246,7 @@ function changeDeliveryOptions(){
|
|||||||
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
|
if(document.getElementById("payitem_cash") && document.getElementById("payitem_cash").checked) changePrepaidDvp("none", "block");
|
||||||
else changePrepaidDvp("block", "none");
|
else changePrepaidDvp("block", "none");
|
||||||
|
|
||||||
document.querySelectorAll("#checkout_step2_1 input").forEach((el) => el.checked = false);
|
document.querySelectorAll("#bm-oscop-deliveries input").forEach((el) => el.checked = false);
|
||||||
app_shop.vars.checkedShipping = "";
|
app_shop.vars.checkedShipping = "";
|
||||||
calculateBasketCost();
|
calculateBasketCost();
|
||||||
}
|
}
|
||||||
@@ -1323,10 +1321,11 @@ function calculateBasketCost() {
|
|||||||
const deliveryCostEl = document.querySelector("#order2_shipping_value .operation_value");
|
const deliveryCostEl = document.querySelector("#order2_shipping_value .operation_value");
|
||||||
const productsPointsEl = document.querySelector("#order2_products_points .operation_value");
|
const productsPointsEl = document.querySelector("#order2_products_points .operation_value");
|
||||||
const summaryPointsEl = document.getElementById("summary-points");
|
const summaryPointsEl = document.getElementById("summary-points");
|
||||||
|
const attatchedSummaryPointsEl = document.getElementById("attatched-points");
|
||||||
// Przygotowanie informacji o metodzie dostawy i platnosci
|
// Przygotowanie informacji o metodzie dostawy i platnosci
|
||||||
const orderInfo = {
|
const orderInfo = {
|
||||||
delivery: document.querySelector('.ajax_cop input[name="shipping"]:checked') ? document.querySelector('.ajax_cop input[name="shipping"]:checked').value : "0-1",
|
delivery: document.querySelector('.bm-oscop__container input[name="shipping"]:checked') ? document.querySelector('.bm-oscop__container input[name="shipping"]:checked').value : "0-1",
|
||||||
payform_id: document.querySelector('.ajax_cop input[name="payform_id"]:checked') ? document.querySelector('.ajax_cop input[name="payform_id"]:checked').value : "cash"
|
payform_id: document.querySelector('.bm-oscop__container input[name="payform_id"]:checked') ? document.querySelector('.bm-oscop__container input[name="payform_id"]:checked').value : "cash"
|
||||||
}
|
}
|
||||||
xhrs && 4 != xhrs.readyState && 0 != xhrs.readyState && xhrs.abort(),
|
xhrs && 4 != xhrs.readyState && 0 != xhrs.readyState && xhrs.abort(),
|
||||||
xhrs = $.ajax({
|
xhrs = $.ajax({
|
||||||
@@ -1362,13 +1361,17 @@ function calculateBasketCost() {
|
|||||||
productsPointsEl.parentElement.style.display = "flex";
|
productsPointsEl.parentElement.style.display = "flex";
|
||||||
summaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
summaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
||||||
summaryPointsEl.style.display = "block";
|
summaryPointsEl.style.display = "block";
|
||||||
|
attatchedSummaryPointsEl.innerHTML = `+ ${t.products_worth_at_points} ${<iai:variable vid="pkt"/>}.`;
|
||||||
|
attatchedSummaryPointsEl.style.display = "block";
|
||||||
}else {
|
}else {
|
||||||
productsPointsEl.parentElement.style.display = "none";
|
productsPointsEl.parentElement.style.display = "none";
|
||||||
summaryPointsEl.style.display = "none";
|
summaryPointsEl.style.display = "none";
|
||||||
|
attatchedSummaryPointsEl.style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Cena całkowita
|
// Cena całkowita
|
||||||
document.getElementById("summary-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign) + "<small>" + <iai:variable vid="brutto"/> + "</small>";
|
document.getElementById("summary-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign) + "<small>" + <iai:variable vid="brutto"/> + "</small>";
|
||||||
|
document.getElementById("attatched-cost").innerHTML = formatPrice(t.total_to_pay, t.currency_sign);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -1388,17 +1391,34 @@ function formatPrice(price, currencySign) {
|
|||||||
// Funkcja od ustalenia daty dostawy
|
// Funkcja od ustalenia daty dostawy
|
||||||
function calculateDeliveryDate(deliveryVal, delivery, pickuppoint) {
|
function calculateDeliveryDate(deliveryVal, delivery, pickuppoint) {
|
||||||
const deliveryMessageEl = document.querySelector("#order2_shiptime span:not(.operation_value)");
|
const deliveryMessageEl = document.querySelector("#order2_shiptime span:not(.operation_value)");
|
||||||
|
const attatchedMessageEl = document.querySelector("#attatched-shiptime span:not(.operation_value)");
|
||||||
const deliveryDateEl = document.querySelector("#order2_shiptime .operation_value");
|
const deliveryDateEl = document.querySelector("#order2_shiptime .operation_value");
|
||||||
|
const attatchedDateEl = document.querySelector("#attatched-shiptime .operation_value");
|
||||||
const date = delivery.split("#");
|
const date = delivery.split("#");
|
||||||
|
|
||||||
// Wybranie nazwy zaleznie czy dostawa jest do twojego mieszkania czy nie
|
// Wybranie nazwy zaleznie czy dostawa jest do twojego mieszkania czy nie
|
||||||
if(deliveryVal === "0-0" || deliveryVal === "0-1" || pickuppoint === "y") deliveryMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
if(deliveryVal === "0-0" || deliveryVal === "0-1" || pickuppoint === "y"){
|
||||||
else deliveryMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
deliveryMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
||||||
|
attatchedMessageEl.innerHTML = `${<iai:variable vid="Odbiór zamówienia możliwy"/>}:`;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
deliveryMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
||||||
|
attatchedMessageEl.innerHTML = `${<iai:variable vid="Przesyłka powinna być u Ciebie"/>}:`;
|
||||||
|
}
|
||||||
|
|
||||||
if(date[4]>0) deliveryDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
if(date[4]>0) {
|
||||||
|
deliveryDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
||||||
|
attatchedDateEl.innerHTML = `${<iai:variable vid="za"/>} ` + parseInt(date[5]) + ` ${<iai:variable vid="dni"/>} `;
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
if(parseInt(date[5]) === 0) deliveryDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
if(parseInt(date[5]) === 0){
|
||||||
else deliveryDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
deliveryDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
||||||
|
attatchedDateEl.innerHTML = <iai:variable vid="Dzisiaj"/>;
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
deliveryDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
||||||
|
attatchedDateEl.innerHTML = orderTxt[`shipping${parseInt(date[3])}`];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// Zmiana informacji o dostawie
|
// Zmiana informacji o dostawie
|
||||||
@@ -1409,8 +1429,8 @@ function changeDeliveryInfoObject(deliveryObject, deliveryElement){
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Obsługa klilnięć na elementy w podsumowaniu
|
// Obsługa klilnięć na elementy w podsumowaniu
|
||||||
document.getElementById("cop_seection3").addEventListener("click", (e) => {
|
document.getElementById("bm-oscop-section3").addEventListener("click", (e) => {
|
||||||
const productsContainer = document.getElementById("checkout_step3_3");
|
const productsContainer = document.querySelector(".summary__container");
|
||||||
|
|
||||||
// Kliknięcie na przyciski "Pokaż pozozostałe produkty" i "Zwiń listę"
|
// Kliknięcie na przyciski "Pokaż pozozostałe produkty" i "Zwiń listę"
|
||||||
const togggleProducts = e.target.closest(".order_products_action");
|
const togggleProducts = e.target.closest(".order_products_action");
|
||||||
@@ -1422,40 +1442,98 @@ document.getElementById("cop_seection3").addEventListener("click", (e) => {
|
|||||||
productsContainer.classList.add("--more");
|
productsContainer.classList.add("--more");
|
||||||
togggleProducts.querySelector("span").innerHTML = `${<iai:variable vid="Zwiń listę"/>}`;
|
togggleProducts.querySelector("span").innerHTML = `${<iai:variable vid="Zwiń listę"/>}`;
|
||||||
}
|
}
|
||||||
|
checkIfShowAttatched();
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kliknięcie na checkbox(nie zaznacz wszystkie i nie kod rabatowy)
|
// Kliknięcie na checkbox(nie zaznacz wszystkie i nie kod rabatowy)
|
||||||
if(e.target.type === "checkbox" && e.target.id !== "checkall-terms" && e.target.id !== "rebate_option"){
|
if(e.target.type === "checkbox" && e.target.id !== "checkall-terms" && e.target.id !== "rebate-option"){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
|
||||||
const checkboxAllTerms = document.getElementById("checkall-terms");
|
const checkboxAllTerms = document.getElementById("checkall-terms");
|
||||||
if(e.target.checked === false) checkboxAllTerms.checked = false;
|
const attatchedcheckboxAllTerms = document.getElementById("attatched-checkall-terms");
|
||||||
|
if(e.target.checked === false) {
|
||||||
|
checkboxAllTerms.checked = false;
|
||||||
|
attatchedcheckboxAllTerms.checked = false;
|
||||||
|
// usuniecie bledu jesli jest na przyczepionym przycisku zakupowym
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
||||||
let checkedCount = 0;
|
let checkedCount = 0;
|
||||||
termsInputs.forEach(el => el.checked === true ? checkedCount++ : "");
|
termsInputs.forEach(el => el.checked === true ? checkedCount++ : "");
|
||||||
if(checkedCount === termsInputs.length) checkboxAllTerms.checked = true;
|
if(checkedCount === termsInputs.length) {
|
||||||
|
checkboxAllTerms.checked = true;
|
||||||
|
attatchedcheckboxAllTerms.checked = true;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Kliknięcie na przycisk "Zaznacz wszystkie"
|
// Kliknięcie na przycisk "Zaznacz wszystkie"
|
||||||
if(e.target.id === "checkall-terms"){
|
if(e.target.id === "checkall-terms") return toggleAllTerms();
|
||||||
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
|
||||||
let checkAll = false;
|
|
||||||
|
|
||||||
termsInputs.forEach(el => el.checked === false ? checkAll = true : "");
|
|
||||||
termsInputs.forEach(function (el) {
|
|
||||||
if(checkAll) el.checked = true;
|
|
||||||
else el.checked = false;
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Usuń error na regulaminie
|
// Usuń error na regulaminie
|
||||||
if(e.target.id === "order2_terms_conditions" || e.target.id === "order2_cancel"){
|
if(e.target.id === "order2_terms_conditions" || e.target.id === "order2_cancel"){
|
||||||
e.target.parentElement.querySelector("span").classList.remove("text-danger");
|
e.target.parentElement.querySelector("span").classList.remove("text-danger");
|
||||||
e.target.parentElement.querySelector("a").classList.remove("text-danger");
|
e.target.parentElement.querySelector("a").classList.remove("text-danger");
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
function toggleAllTerms(){
|
||||||
|
removeErrorOnTerms();
|
||||||
|
|
||||||
|
const termsInputs = document.querySelectorAll(".order2_terms_wrapper input:not(#checkall-terms)");
|
||||||
|
let checkAll = false;
|
||||||
|
|
||||||
|
termsInputs.forEach(el => el.checked === false ? checkAll = true : "");
|
||||||
|
termsInputs.forEach(function (el) {
|
||||||
|
el.checked = checkAll;
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById("checkall-terms").checked = checkAll;
|
||||||
|
document.getElementById("attatched-checkall-terms").checked = checkAll;
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeErrorOnTerms(){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.remove("--error");
|
||||||
|
document.querySelector(".order2_terms_conditions span").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_terms_conditions a").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_cancel span").classList.remove("text-danger");
|
||||||
|
document.querySelector(".order2_cancel a").classList.remove("text-danger");
|
||||||
|
}
|
||||||
|
|
||||||
|
// PRZYCISK ZAKUPU PRZYTWIERDZONY NA DÓŁ STRONY
|
||||||
|
function checkIfShowAttatched(){
|
||||||
|
const attatchedEl = document.querySelector("#attatched-summary .bm-oscop__attatched-container");
|
||||||
|
const summaryCheckAllPos = document.getElementById("checkall-terms").getBoundingClientRect();
|
||||||
|
// Sprawdzenie czy pokazać przytwierdzony przycisk do zakupu
|
||||||
|
|
||||||
|
if(summaryCheckAllPos.top >= window.innerHeight - attatchedEl.offsetHeight){
|
||||||
|
attatchedEl.style.opacity = "1";
|
||||||
|
attatchedEl.closest("#attatched-summary").style.zIndex = "30";
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
attatchedEl.style.opacity = "0";
|
||||||
|
attatchedEl.closest("#attatched-summary").style.zIndex = "-1";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sprawdzenie czy pokazywać cenę
|
||||||
|
const summaryEl = document.querySelector(".order2_summary");
|
||||||
|
|
||||||
|
// Przeliczana wysokość elementu przytwierdzonego przycisku zakupu na wypadek gdyby cena miała display: none
|
||||||
|
const attatchedElHeight = attatchedEl.querySelector(".bm-oscop__attatched-price").style.display === "none" ? (summaryEl.offsetHeight + attatchedEl.offsetHeight) : attatchedEl.offsetHeight
|
||||||
|
|
||||||
|
if(summaryEl.getBoundingClientRect().top >= window.innerHeight - attatchedElHeight){
|
||||||
|
attatchedEl.querySelector(".bm-oscop__attatched-price").style.display = "block";
|
||||||
|
}else{
|
||||||
|
attatchedEl.querySelector(".bm-oscop__attatched-price").style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener("scroll", e=>{
|
||||||
|
checkIfShowAttatched()
|
||||||
|
});
|
||||||
|
document.getElementById("attatched-checkall-terms").addEventListener("click", toggleAllTerms);
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////////
|
||||||
// KOD RABATOWY (funkcje)
|
// KOD RABATOWY (funkcje)
|
||||||
@@ -1485,7 +1563,7 @@ const DEACTIVATE_REBATE_CODE = () => JSON.stringify({
|
|||||||
})
|
})
|
||||||
|
|
||||||
// Aktywacja kodu rabatowego
|
// Aktywacja kodu rabatowego
|
||||||
const rebateCode = document.getElementById("rebate_code");
|
const rebateCode = document.getElementById("rebate-code");
|
||||||
async function updateCode(){
|
async function updateCode(){
|
||||||
if(rebateCode.value.trim() === ""){
|
if(rebateCode.value.trim() === ""){
|
||||||
addError(rebateCode);
|
addError(rebateCode);
|
||||||
@@ -1513,7 +1591,7 @@ async function updateCode(){
|
|||||||
// Pokazanie błędu
|
// Pokazanie błędu
|
||||||
const { message } = rebateStatus?.data?.activateRebateCode?.error;
|
const { message } = rebateStatus?.data?.activateRebateCode?.error;
|
||||||
addError(rebateCode);
|
addError(rebateCode);
|
||||||
addErrorMessage(rebateCode, <iai:variable vid="Podany kod rabatowy nie istnieje"/>);
|
addErrorMessage(rebateCode, message);
|
||||||
// Schowaj kod (show=false, error=true)
|
// Schowaj kod (show=false, error=true)
|
||||||
toggleActiveCode(false, true);
|
toggleActiveCode(false, true);
|
||||||
}
|
}
|
||||||
@@ -1556,7 +1634,7 @@ function toggleActiveCode(show, error=false){
|
|||||||
// Zmień wartości
|
// Zmień wartości
|
||||||
activeCodeEl.innerHTML = show ? rebateCode.value : "";
|
activeCodeEl.innerHTML = show ? rebateCode.value : "";
|
||||||
showInput = error ? true : false;
|
showInput = error ? true : false;
|
||||||
document.getElementById("rebate_option").checked = error ? true : false;
|
document.getElementById("rebate-option").checked = error ? true : false;
|
||||||
if(!error) rebateCode.value = "";
|
if(!error) rebateCode.value = "";
|
||||||
else activeCodeEl.innerHTML = "";
|
else activeCodeEl.innerHTML = "";
|
||||||
}
|
}
|
||||||
@@ -1565,7 +1643,7 @@ function toggleActiveCode(show, error=false){
|
|||||||
let showInput = false;
|
let showInput = false;
|
||||||
document.querySelector(".rebate").addEventListener("click", (e) => {
|
document.querySelector(".rebate").addEventListener("click", (e) => {
|
||||||
// Rozwinięcie opcji rabatowej
|
// Rozwinięcie opcji rabatowej
|
||||||
if(e.target.id === "rebate_option" || e.target.classList.contains("rebate__active_change")){
|
if(e.target.id === "rebate-option" || e.target.classList.contains("rebate__active-change")){
|
||||||
showInput = !showInput;
|
showInput = !showInput;
|
||||||
if(showInput) rebateCodeContainer.classList.add("--fade-in");
|
if(showInput) rebateCodeContainer.classList.add("--fade-in");
|
||||||
else rebateCodeContainer.classList.remove("--fade-in");
|
else rebateCodeContainer.classList.remove("--fade-in");
|
||||||
@@ -1573,7 +1651,7 @@ document.querySelector(".rebate").addEventListener("click", (e) => {
|
|||||||
|
|
||||||
// Kliknięcie na zrealizuj i dezaktywuj
|
// Kliknięcie na zrealizuj i dezaktywuj
|
||||||
if(e.target.className.includes("rebate__code-realize")) updateCode();
|
if(e.target.className.includes("rebate__code-realize")) updateCode();
|
||||||
if(e.target.classList.contains("rebate__active_remove")) removeCode();
|
if(e.target.classList.contains("rebate__active-remove")) removeCode();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@@ -1627,19 +1705,23 @@ async function validateFormInputs(query){
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Obsługa złożenia zamówienia
|
// Obsługa złożenia zamówienia
|
||||||
document.querySelector(".order2_button_order").addEventListener("click", async () => {
|
document.querySelectorAll(".order2_button_order").forEach(btnEl=>{
|
||||||
|
btnEl.addEventListener("click", handleBuyOnClick);
|
||||||
|
})
|
||||||
|
|
||||||
|
async function handleBuyOnClick(){
|
||||||
const termsConditionsInput = document.getElementById("order2_terms_conditions");
|
const termsConditionsInput = document.getElementById("order2_terms_conditions");
|
||||||
const cancelConditionsInput = document.getElementById("order2_cancel");
|
const cancelConditionsInput = document.getElementById("order2_cancel");
|
||||||
try {
|
try {
|
||||||
app_shop.fn.ajaxLoadSite(1);
|
app_shop.fn.ajaxLoadSite(1);
|
||||||
app_shop.vars.validation = 1;
|
app_shop.vars.validation = 1;
|
||||||
// Sprawdzenie pól formularza
|
// Sprawdzenie pól formularza
|
||||||
const x = await validateAllInputs();
|
const allInputsCorrectlyValidated = await validateAllInputs();
|
||||||
if(x === false) app_shop.vars.validation = 0;
|
if(allInputsCorrectlyValidated === false) app_shop.vars.validation = 0;
|
||||||
|
|
||||||
// Znalezienie obecnie zaznaczonej metody dostawy i płatności
|
// Znalezienie obecnie zaznaczonej metody dostawy i płatności
|
||||||
const deliveryMethod = document.querySelector(".ajax_cop [name=shipping]:checked");
|
const deliveryMethod = document.querySelector(".bm-oscop__container [name=shipping]:checked");
|
||||||
const paymentMethod = document.querySelector(".ajax_cop [name=payform_id]:checked");
|
const paymentMethod = document.querySelector(".bm-oscop__container [name=payform_id]:checked");
|
||||||
|
|
||||||
// Sprawdzenie czy użytkownik zaakceptował regulamin
|
// Sprawdzenie czy użytkownik zaakceptował regulamin
|
||||||
if(!termsConditionsInput.checked || !cancelConditionsInput.checked){
|
if(!termsConditionsInput.checked || !cancelConditionsInput.checked){
|
||||||
@@ -1675,25 +1757,29 @@ document.querySelector(".order2_button_order").addEventListener("click", async (
|
|||||||
let alertMessage = "";
|
let alertMessage = "";
|
||||||
|
|
||||||
// Element sprawdzający czy regulamin jest zaznaczony
|
// Element sprawdzający czy regulamin jest zaznaczony
|
||||||
let termsAndConditions = termsConditionsInput.checked && cancelConditionsInput.checked;
|
const termsAndConditions = termsConditionsInput.checked && cancelConditionsInput.checked;
|
||||||
if(!termsAndConditions) alertMessage += `${<iai:variable vid="Zatwierdź"/>} ${<iai:variable vid="53833_terms_001a"/>}!<br/>`;
|
if(!termsAndConditions){
|
||||||
|
document.querySelector(".bm-oscop__attatched-checkbox").classList.add("--error");
|
||||||
|
alertMessage += `${<iai:variable vid="Zatwierdź"/>} ${<iai:variable vid="Regulamin"/>}!<br/>`;
|
||||||
|
}
|
||||||
|
// 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 += `${<iai:variable vid="Proszę wybrać dostępną metodę dostawy"/>}<br/>`;
|
||||||
|
}
|
||||||
|
if(!document.querySelector(`input[name="payform_id"]:checked`)){
|
||||||
|
scrolledToElement = errorEl || document.querySelector("#bm-oscop-payments h2");
|
||||||
|
alertMessage += `${<iai:variable vid="Proszę wybrać metodę płatności"/>}<br/>`;
|
||||||
|
}
|
||||||
// Błąd w formularzu
|
// Błąd w formularzu
|
||||||
if(errorEl){
|
if(errorEl){
|
||||||
scrolledToElement = errorEl;
|
scrolledToElement = errorEl;
|
||||||
alertMessage += `${<iai:variable vid="W formularzu wystąpiły błędy"/>}<br/>`;
|
alertMessage += `${<iai:variable vid="W formularzu wystąpiły błędy"/>}`;
|
||||||
}// Sprawdź metodę płatności i dostawy(scrollowanie do formularza ważniejsze)
|
|
||||||
if(!document.querySelector(`input[name="payform_id"]:checked`)){
|
|
||||||
scrolledToElement = errorEl || document.querySelector("#checkout_step3_1 h2");
|
|
||||||
alertMessage += `${<iai:variable vid="Proszę wybrać metodę płatności"/>}<br/>`;
|
|
||||||
}
|
|
||||||
if(!document.querySelector(`input[name="shipping"]:checked`)){
|
|
||||||
scrolledToElement = errorEl || document.querySelector("#checkout_step2_1 h2");
|
|
||||||
alertMessage += `${<iai:variable vid="Proszę wybrać dostępną metodę dostawy"/>}`;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Jeśli użytkownik zatwierdził regulamin, przescrolluj do elementu z błędem
|
// Jeśli użytkownik zatwierdził regulamin, przescrolluj do elementu z błędem
|
||||||
if(termsAndConditions) scrollToHeight(scrolledToElement);
|
if(scrolledToElement) scrollToHeight(scrolledToElement);
|
||||||
|
|
||||||
|
|
||||||
// Pokaż error i przerwij składanie zamówienia
|
// Pokaż error i przerwij składanie zamówienia
|
||||||
Alertek.show_alert(alertMessage);
|
Alertek.show_alert(alertMessage);
|
||||||
@@ -1712,13 +1798,15 @@ document.querySelector(".order2_button_order").addEventListener("click", async (
|
|||||||
console.log(e);
|
console.log(e);
|
||||||
alert("blad");
|
alert("blad");
|
||||||
}
|
}
|
||||||
});
|
}
|
||||||
|
|
||||||
// Przescrolluj do
|
// Przescrolluj do
|
||||||
function scrollToHeight(scrollToEl){
|
function scrollToHeight(scrollToEl){
|
||||||
let yOffset = -45;
|
let yOffset = -45;
|
||||||
if(app_shop.vars.view === 1) yOffset = -100;
|
if(app_shop.vars.view === 1) yOffset = -100;
|
||||||
if(app_shop.vars.view === 2) yOffset = -75;
|
if(app_shop.vars.view === 2) yOffset = -75;
|
||||||
const y = scrollToEl.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
const y = scrollToEl.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
||||||
|
|
||||||
window.scrollTo({top: y, behavior: 'smooth'});
|
window.scrollTo({top: y, behavior: 'smooth'});
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1734,7 +1822,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
// Weź dane klienta
|
// Weź dane klienta
|
||||||
const email = document.getElementById("client_email").value;
|
const email = document.getElementById("client_email").value;
|
||||||
const phone = document.getElementById("client_phone").value;
|
const phone = document.getElementById("client_phone").value;
|
||||||
const clientType = document.querySelector('.ajax_cop [name="client_type"]:checked').value;
|
const clientType = document.querySelector('.bm-oscop__container [name="client_type"]:checked').value;
|
||||||
const firmname = clientType === "firm" ? document.getElementById("client_firm").value : "";
|
const firmname = clientType === "firm" ? document.getElementById("client_firm").value : "";
|
||||||
const nip = clientType === "firm" ? document.getElementById("client_nip").value : "";
|
const nip = clientType === "firm" ? document.getElementById("client_nip").value : "";
|
||||||
let firstname = document.getElementById("client_firstname").value;
|
let firstname = document.getElementById("client_firstname").value;
|
||||||
@@ -1767,7 +1855,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
else rebateCode = "";
|
else rebateCode = "";
|
||||||
|
|
||||||
let voucherCode;
|
let voucherCode;
|
||||||
if(document.querySelector(".ajax_cop #payitem_2") && document.querySelector(".ajax_cop #payitem_2").checked) voucherCode = document.querySelector(".ajax_cop #order_voucher_id").value;
|
if(document.querySelector(".bm-oscop__container #payitem_2") && document.querySelector(".bm-oscop__container #payitem_2").checked) voucherCode = document.querySelector(".bm-oscop__container #order_voucher_id").value;
|
||||||
|
|
||||||
// Jeśli zalogowany użytkownik jest firmą i nie ma imienia i nazwiska
|
// Jeśli zalogowany użytkownik jest firmą i nie ma imienia i nazwiska
|
||||||
if (clientType.disabled && clientType.value === "firm") {
|
if (clientType.disabled && clientType.value === "firm") {
|
||||||
@@ -1780,8 +1868,8 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
lastname = lastname.replace(/[&\/\\#,+()$~%.'":*?<>{}!@~`^_]/g, "");
|
lastname = lastname.replace(/[&\/\\#,+()$~%.'":*?<>{}!@~`^_]/g, "");
|
||||||
|
|
||||||
// Dodatkowe informacje (uwagi, faktura, punkt odbioru)
|
// Dodatkowe informacje (uwagi, faktura, punkt odbioru)
|
||||||
const shopRemarks = document.getElementById("shop_remarks").checked ? document.querySelector(".ajax_cop [name=remarks]").value : "";
|
const shopRemarks = document.getElementById("shop_remarks").checked ? document.querySelector(".bm-oscop__container [name=remarks]").value : "";
|
||||||
const deliveryRemarks = document.getElementById("courier_remarks").checked ? document.querySelector(".ajax_cop [name=deliverer_remarks]").value : "";
|
const deliveryRemarks = document.getElementById("courier_remarks").checked ? document.querySelector(".bm-oscop__container [name=deliverer_remarks]").value : "";
|
||||||
|
|
||||||
const invoiceOption = document.querySelector("input[name=invoice]:checked").value;
|
const invoiceOption = document.querySelector("input[name=invoice]:checked").value;
|
||||||
const pickuppoint = document.querySelector("#osc_order1 input:checked").dataset.pickuppoint === "y" ? document.querySelector("#osc_order1 input:checked").parentElement.querySelector("label [name=pickup_point]").value : "";
|
const pickuppoint = document.querySelector("#osc_order1 input:checked").dataset.pickuppoint === "y" ? document.querySelector("#osc_order1 input:checked").parentElement.querySelector("label [name=pickup_point]").value : "";
|
||||||
@@ -1857,7 +1945,7 @@ function createOrder(deliveryMethod, paymentMethod){
|
|||||||
}
|
}
|
||||||
|
|
||||||
function checkNewsletter(logged, regular){
|
function checkNewsletter(logged, regular){
|
||||||
if(document.querySelector(`.ajax_cop [name=${logged}]`)) return document.querySelector(`.ajax_cop [name=${logged}]`).value ? 1 : 0;
|
if(document.querySelector(`.bm-oscop__container [name=${logged}]`)) return document.querySelector(`.bm-oscop__container [name=${logged}]`).value ? 1 : 0;
|
||||||
else if(document.querySelector(regular)) return document.querySelector(regular).checked ? 1 : 0;
|
else if(document.querySelector(regular)) return document.querySelector(regular).checked ? 1 : 0;
|
||||||
else return 0;
|
else return 0;
|
||||||
}
|
}
|
||||||
@@ -2025,13 +2113,13 @@ function enablePageScroll(){
|
|||||||
app_shop.fn.load = function(_url,target,callback,paramets) {
|
app_shop.fn.load = function(_url,target,callback,paramets) {
|
||||||
if(app_shop.vars.xhr && app_shop.vars.xhr.readystate != 4) app_shop.vars.xhr.abort();
|
if(app_shop.vars.xhr && app_shop.vars.xhr.readystate != 4) app_shop.vars.xhr.abort();
|
||||||
$(target).addClass('load-content');
|
$(target).addClass('load-content');
|
||||||
for(var i=0; target.length > i ; i++) $(target[i][0]).addClass('load-content');
|
for(let i=0; target.length > i ; i++) $(target[i][0]).addClass('load-content');
|
||||||
|
|
||||||
app_shop.vars.xhr = $.ajax({
|
app_shop.vars.xhr = $.ajax({
|
||||||
url: _url+paramets,
|
url: _url+paramets,
|
||||||
timeout: 16000,
|
timeout: 16000,
|
||||||
success: function(data,textStatus) {
|
success: function(data,textStatus) {
|
||||||
for(var i=0; target.length > i ; i++) $(target[i][0]).removeClass('load-content').html($(data).find(target[i][1]).html());
|
for(let i=0; target.length > i ; i++) $(target[i][0]).removeClass('load-content').html($(data).find(target[i][1]).html());
|
||||||
app_shop.fn.change_url(_url);
|
app_shop.fn.change_url(_url);
|
||||||
app_shop.fn.evalJSFromHtml(data);
|
app_shop.fn.evalJSFromHtml(data);
|
||||||
if(callback) callback();
|
if(callback) callback();
|
||||||
@@ -2043,15 +2131,10 @@ app_shop.fn.load = function(_url,target,callback,paramets) {
|
|||||||
return app_shop.vars.xhr;
|
return app_shop.vars.xhr;
|
||||||
};
|
};
|
||||||
function throwAjaxError(e) {
|
function throwAjaxError(e) {
|
||||||
-1 !== $.inArray(e, ["nocontent", "error", "timeout", "abort", "parsererror"]) && (console.log("Error:" + e), Alertek.show_alert( `${<iai:variable vid="Błąd podczas logowania, proszę spróbować ponownie"/>}` + " (" + e + ": " + $.now() + ")"), $.cookie("off_opc", !0));
|
-1 !== $.inArray(e, ["nocontent", "error", "timeout", "abort", "parsererror"]) && (console.log("Error:" + e), Alertek.show_alert( "Błąd podczas logowania, proszę spróbować ponownie" + " (" + e + ": " + $.now() + ")"), $.cookie("off_opc", !0));
|
||||||
};
|
};
|
||||||
async function fetchData(options = {}) {
|
async function fetchData(options = {}) {
|
||||||
const {
|
const {data,link,linkParameter = '',alert = true} = options;
|
||||||
data,
|
|
||||||
link,
|
|
||||||
linkParameter = '',
|
|
||||||
alert = true
|
|
||||||
} = options;
|
|
||||||
if (!data) return false;
|
if (!data) return false;
|
||||||
try {
|
try {
|
||||||
const response = await fetch(`${link || app_shop.urls.graphql || '/graphql/v1/'}${linkParameter}`, {
|
const response = await fetch(`${link || app_shop.urls.graphql || '/graphql/v1/'}${linkParameter}`, {
|
||||||
@@ -2084,7 +2167,7 @@ function initOSCOP(){
|
|||||||
// Element z numerem edycji jeśli jest
|
// Element z numerem edycji jeśli jest
|
||||||
const editNumber = document.getElementById("edit-number");
|
const editNumber = document.getElementById("edit-number");
|
||||||
|
|
||||||
if(document.querySelector(".ajax_cop").childElementCount && !editNumber) changeRegion(null);
|
if(document.querySelector(".bm-oscop__container").childElementCount && !editNumber) changeRegion(null);
|
||||||
|
|
||||||
// Jeśli edycja zamówienia uzupełnij dane (niewiadomo jak z voucherem bo go się nie da edytować)
|
// Jeśli edycja zamówienia uzupełnij dane (niewiadomo jak z voucherem bo go się nie da edytować)
|
||||||
if(editNumber){
|
if(editNumber){
|
||||||
@@ -2168,7 +2251,6 @@ function initOSCOP(){
|
|||||||
|
|
||||||
// Pobranie danych o edytowanym zamówieniu
|
// Pobranie danych o edytowanym zamówieniu
|
||||||
async function getEditData(){
|
async function getEditData(){
|
||||||
|
|
||||||
const data = await fetchData({
|
const data = await fetchData({
|
||||||
data: ORDER_DETAILS(`OrderDetailsInput: {
|
data: ORDER_DETAILS(`OrderDetailsInput: {
|
||||||
orderNumber: ${editNumber.value},
|
orderNumber: ${editNumber.value},
|
||||||
@@ -2204,7 +2286,7 @@ function initOSCOP(){
|
|||||||
if(differentDelivery){
|
if(differentDelivery){
|
||||||
// Pokazanie formularza dodatkowej dostawy
|
// Pokazanie formularza dodatkowej dostawy
|
||||||
document.getElementById("deliver_to_billingaddr").checked = true;
|
document.getElementById("deliver_to_billingaddr").checked = true;
|
||||||
document.querySelector(".ajax_cop #client_new_additional .delivery_box.cn_wrapper").classList.add("--more");
|
document.querySelector(".bm-oscop__container #client_new_additional .delivery_box.cn_wrapper").classList.add("--more");
|
||||||
document.querySelector(".delivery__address-list-button").classList.add("--fade-in");
|
document.querySelector(".delivery__address-list-button").classList.add("--fade-in");
|
||||||
|
|
||||||
fillInput(document.getElementById("delivery_firstname"), orderDetails.client.deliveryData.firstname);
|
fillInput(document.getElementById("delivery_firstname"), orderDetails.client.deliveryData.firstname);
|
||||||
@@ -2244,5 +2326,8 @@ function initOSCOP(){
|
|||||||
input.parentElement.classList.add("--success", "has-success");
|
input.parentElement.classList.add("--success", "has-success");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Sprawdzenie czy schować przyczepiony przycisk od zakupu
|
||||||
|
checkIfShowAttatched()
|
||||||
}
|
}
|
||||||
initOSCOP();
|
initOSCOP();
|
||||||
Reference in New Issue
Block a user