FrontendOSCOP/oscop
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Stylizacja + zapamiętywanie poprzedniej płatności i dostawy w localStorage

Browse Source
This commit is contained in:
pawel.gaca
2024-01-05 13:53:29 +01:00
parent c52b77e4b2
commit 3fd8d4ccc7
6 changed files with 2399 additions and 2748 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@@ -1,3 +1,13 @@
# OSCOP #
Pliki związane z OSCOP. Żeby działał trzeba stworzyć kopie jednego komponenta z place-order i resztę usunąć. Następnie wkleić kod w odpowiednie miejsca w skopiowanym komponencie.
## Mapa ##
Plik normalMarkerMap zawiera wersje mapy gdzie wszystkie markery są podstawowe(niebieskie).
Jest też plik customMarkerMap, który pozwala na wstawienie customowych markerów na mapie dostaw. Jest w tej chwili dodany w pliku wydzielonyScript.
### Ikony markera na mapie ###
Aby dodać nową ikonę trzeba dodać nowy obiekt w mapMarkerUrls. Można do tam wybrać link url do ikony, rozmiar, klasę. Dodatkowe opcje znajdują się w dokumentacji Leaflet w opcjach markera: https://leafletjs.com/reference.html#marker
## Ikony facebook, google, linkedin, paypal ##
Aby je zmienić trzeba wejść w panel -> moderacja -> działanie sklepu -> Panel klienta i Proces Składania Zamówienia (COP) -> sposoby logowania
Następnie wejść w edycje wybranego sposobu logowania i wrzucić nową ikonę.

31
customMarkerMap.js Normal file
View File

File diff suppressed because one or more lines are too long

204
index.xslt
View File

@@ -5,7 +5,6 @@
<iaixsl:variable name="zaloguj_przez"><iai:variable vid="Zaloguj się"/> </iaixsl:variable>
<iaixsl:variable name="returns_agree_control"></iaixsl:variable>
<iaixsl:if test="not(/shop/page/client-data/@edit='true')">
<div id="signin-form-ajax" class="signin-form_box">
<div class="signin-form_box_sub">
@@ -24,8 +23,7 @@
<input autocomplete="off" class="signin_pass_input f-control" type="password" name="password" size="15"/>
<label class="f-label"> <iai:variable vid="Hasło / Pin karty stałego klienta"/> </label>
</div>
<button class="signin_button" type="submit">
<iaixsl:attribute name="class">btn signin_button</iaixsl:attribute>
<button class="signin_button bm-oscop__btn" type="submit">
<iai:variable vid="Zaloguj się"/>
</button>
<a class="password_reminder" href="/password-recover.php"><iai:variable vid="Nie pamiętam hasła"/></a>
@@ -35,7 +33,6 @@
</div>
</iaixsl:if>
<!--jak pusty koszyk to przekieruj-->
<iaixsl:if test="/shop/basket/@count='0'">
<script>window.location.href="/return.php?status=basket_empty"</script>
@@ -357,10 +354,10 @@
</iaixsl:when>
<iaixsl:otherwise>
<div class="form-group">
<div class="form-group --region">
<iaixsl:if test="page/client-data/@disallow_change_company_data = 'true'"><iaixsl:attribute name="class">form-group readonly</iaixsl:attribute></iaixsl:if>
<label for="client_region" class="control-label" style="display: none;">
<iai:variable vid="Kraj"/>
<label for="client_region" class="control-label">
<iai:variable vid="Kraj"/>:
</label>
<div>
<select class="form-control delivery_countries" id="client_region" name="client_region" data-revalidate="#client_street,#client_zipcode">
@@ -448,25 +445,6 @@
<input type="checkbox" name="deliver_to_billingaddr" id="deliver_to_billingaddr" value="0"></input>
<iai:variable vid="Dostawa na inny adres"/>
</label>
<!--<div class="delivery-form form-control-static">-->
<!-- <label class="radio-inline">-->
<!-- <input type="checkbox" name="deliver_to_billingaddr" id="deliver_to_billingaddr" value="0"></input>-->
<!--<span for="deliver_to_billingaddr1"/>-->
<!--<span class="radio-desc"><iai:variable vid="Nie"/></span>-->
<!--<input type="radio" name="deliver_to_billingaddr" id="deliver_to_billingaddr1" value="1">-->
<!-- <iaixsl:if test="(/shop/page/client-data/delivery_data/@use = 'no')"><iaixsl:attribute name="checked">checked</iaixsl:attribute></iaixsl:if>-->
<!--</input>-->
<!--<span for="deliver_to_billingaddr1"/>-->
<!--<span class="radio-desc"><iai:variable vid="Nie"/></span>-->
<!--</label>-->
<!--<label class="radio-inline">-->
<!--<input type="radio" name="deliver_to_billingaddr" id="deliver_to_billingaddr2" value="0">-->
<!-- <iaixsl:if test="(/shop/page/client-data/delivery_data/@use = 'yes')"><iaixsl:attribute name="checked">checked</iaixsl:attribute></iaixsl:if>-->
<!--</input>-->
<!--<span for="deliver_to_billingaddr2"/>-->
<!--<span class="radio-desc"><iai:variable vid="Tak"/></span>-->
<!--</label>-->
<!--</div>-->
</div>
</iaixsl:if>
@@ -565,9 +543,9 @@
</input>
</iaixsl:when>
<iaixsl:otherwise>
<div class="form-group --hide">
<label for="delivery_region" class="control-label" style="display:none;">
<iai:variable vid="Kraj"/>
<div class="form-group --hide --region">
<label for="delivery_region" class="control-label">
<iai:variable vid="Kraj"/>:
</label>
<div>
<select class="form-control delivery_countries" id="delivery_region" name="delivery_region" data-revalidate="#delivery_street,#delivery_zipcode">
@@ -670,16 +648,16 @@
<iaixsl:attribute name="value"><iaixsl:value-of select="/shop/page/client-data/contact_data/@mandatory_phone"/></iaixsl:attribute>
</input>
<iaixsl:if test="/shop/page/client-data/invoice_data/@firstname != ''">
<iaixsl:if test="/shop/page/client-data/contact_data/@email != ''">
<div>
<b><iai:variable vid="Imię"/>: </b>
<span class="client_firstname_logg"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@firstname"/></span>
<b><iai:variable vid="Adres e-mail"/>: </b>
<span class="client_email_logg"><iaixsl:value-of select="/shop/page/client-data/contact_data/@email"/></span>
</div>
</iaixsl:if>
<iaixsl:if test="/shop/page/client-data/invoice_data/@lastname != ''">
<iaixsl:if test="/shop/page/client-data/contact_data/@phone != ''">
<div>
<b><iai:variable vid="Nazwisko"/>: </b>
<span class="client_lastname_logg"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@lastname"/></span>
<b><iai:variable vid="Numer telefonu"/>: </b>
<span class="client_phone_logg"><iaixsl:value-of select="/shop/page/client-data/contact_data/@phone"/></span>
</div>
</iaixsl:if>
<iaixsl:if test="/shop/page/client-data/invoice_data/@firm != ''">
@@ -694,6 +672,18 @@
<span class="client_nip_logg"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@nip"/></span>
</div>
</iaixsl:if>
<iaixsl:if test="/shop/page/client-data/invoice_data/@firstname != ''">
<div>
<b><iai:variable vid="Imię"/>: </b>
<span class="client_firstname_logg"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@firstname"/></span>
</div>
</iaixsl:if>
<iaixsl:if test="/shop/page/client-data/invoice_data/@lastname != ''">
<div>
<b><iai:variable vid="Nazwisko"/>: </b>
<span class="client_lastname_logg"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@lastname"/></span>
</div>
</iaixsl:if>
<div>
<b><iai:variable vid="Ulica i numer"/>: </b>
<span class="client_street_logg"><iaixsl:value-of select="/shop/page/client-data/invoice_data/@street"/></span>
@@ -715,18 +705,6 @@
</input>
</span>
</div>
<iaixsl:if test="/shop/page/client-data/contact_data/@phone != ''">
<div>
<b><iai:variable vid="Numer telefonu"/>: </b>
<span class="client_phone_logg"><iaixsl:value-of select="/shop/page/client-data/contact_data/@phone"/></span>
</div>
</iaixsl:if>
<iaixsl:if test="/shop/page/client-data/contact_data/@email != ''">
<div>
<b><iai:variable vid="Adres e-mail"/>: </b>
<span class="client_email_logg"><iaixsl:value-of select="/shop/page/client-data/contact_data/@email"/></span>
</div>
</iaixsl:if>
</div>
<div id="client_new_additional">
@@ -736,27 +714,8 @@
<input type="checkbox" name="deliver_to_billingaddr" id="deliver_to_billingaddr" value="0"></input>
<iai:variable vid="Dostawa na inny adres"/>:
</label>
<!--<div class="delivery-form form-control-static">-->
<!--<label class="radio-inline">-->
<!--<input type="checkbox" name="deliver_to_billingaddr" id="deliver_to_billingaddr" value="0"></input>-->
<!--<span for="deliver_to_billingaddr1"/>-->
<!--<span class="radio-desc"><iai:variable vid="Nie"/></span>-->
<!--<input type="radio" name="deliver_to_billingaddr" id="deliver_to_billingaddr1" value="1">-->
<!-- <iaixsl:if test="(/shop/page/client-data/delivery_data/@use = 'no')"><iaixsl:attribute name="checked">checked</iaixsl:attribute></iaixsl:if>-->
<!--</input>-->
<!--<span for="deliver_to_billingaddr1"/>-->
<!--<span class="radio-desc"><iai:variable vid="Nie"/></span>-->
<!--</label>-->
<!--<label class="radio-inline">-->
<!--<input type="radio" name="deliver_to_billingaddr" id="deliver_to_billingaddr2" value="0">-->
<!-- <iaixsl:if test="(/shop/page/client-data/delivery_data/@use = 'yes')"><iaixsl:attribute name="checked">checked</iaixsl:attribute></iaixsl:if>-->
<!--</input>-->
<!--<span for="deliver_to_billingaddr2"/>-->
<!--<span class="radio-desc"><iai:variable vid="Tak"/></span>-->
<!--</label>-->
<!--</div>-->
<iaixsl:if test="/shop/page/client-data/addresses-list/@count &gt; 0">
<button class="delivery__address-list-button" style="display:none;">
<button class="delivery__address-list-button bm-oscop__btn" style="display:none;">
<iai:variable vid="Wybierz z listy adresów"/>
</button>
<div class="delivery__address-list-container">
@@ -805,7 +764,7 @@
</span>
<span>
<iaixsl:attribute name="class">delivery__address-list-phone</iaixsl:attribute>
<iaixsl:value-of select="@phone"></iaixsl:value-of>
<iai:variable vid="Tel"/>. <iaixsl:value-of select="@phone"></iaixsl:value-of>
</span>
<span>
<iaixsl:attribute name="class">delivery__address-country_name</iaixsl:attribute>
@@ -879,7 +838,7 @@
</div>
<div class="form-group --hide">
<div class="row" style="padding-left:0.5rem;">
<div class="row">
<div class="zipcode_wrapper col-md-5 has-feedback f-feedback">
<input id="delivery_zipcode" type="text" class="form-control validate f-control" name="delivery_zipcode" data-serialize="#delivery_region">
<iaixsl:attribute name="value"><iaixsl:value-of select="@zipcode"/></iaixsl:attribute>
@@ -914,9 +873,9 @@
</input>
</iaixsl:when>
<iaixsl:otherwise>
<div class="form-group --hide">
<label for="delivery_region" class="control-label" style="display:none;">
<iai:variable vid="Kraj"/>
<div class="form-group --hide --region">
<label for="delivery_region" class="control-label">
<iai:variable vid="Kraj"/>:
</label>
<div>
<select class="form-control delivery_countries" id="delivery_region" name="delivery_region" data-revalidate="#delivery_street,#delivery_zipcode">
@@ -999,21 +958,18 @@
<div class="order2_terms_wrapper_sub newsletter fbs_inpfaktura">
<label>
<input type="radio" class="order2_radio_document" name="invoice" id="order2_document_confirmation" value="0" checked=""/>
<label for="order2_document_confirmation"></label>
<span><iai:variable vid="Potwierdzenie zakupu"/></span>
</label>
</div>
<div class="order2_terms_wrapper_sub newsletter fbs_inpfaktura">
<label>
<input type="radio" class="order2_radio_document" name="invoice" id="order2_document_e-invoice" value="2"/>
<label for="order2_document_e-invoice"></label>
<span><iai:variable vid="Fakturę w formie elektronicznej"/></span>
</label>
</div>
<div class="order2_terms_wrapper_sub newsletter fbs_inpfaktura">
<label>
<input type="radio" class="order2_radio_document" name="invoice" id="order2_document_invoice" value="1"/>
<label for="order2_document_invoice"></label>
<span>
<iaixsl:choose>
<iaixsl:when test="/shop/contact/owner/@vat_registered = 'false' and $n68313_order2_document_invoice !=''">
@@ -1029,7 +985,7 @@
<div>
<span class="e-invoice_dialog"><font><iai:variable vid="Chroń środowisko"/></font><iai:variable vid="i przyspiesz otrzymanie faktury"/></span>
<p><iai:variable vid="W trosce o środowisko oraz Twoją wygodę dajemy Ci możliwość wyboru elektronicznej wysyłki faktur. Teraz szybko i bezpiecznie możesz otrzymywać faktury na swoją skrzynkę mailową. Elektroniczne dostarczanie faktur jest cyfrowym odpowiednikiem faktury papierowej. Zawiera dokładnie te same dane i ma taką samą wartość prawną jak tradycyjny dokument w formie papierowej. Korzystanie z faktury przekazanej w formie elektronicznej jest bezpłatne"/>.</p>
<button class="btn --solid --medium"><iai:variable vid="Tak, chcę otrzymać fakturę elektronicznie"/></button>
<button class="btn --solid --medium bm-oscop__btn"><iai:variable vid="Tak, chcę otrzymać fakturę elektronicznie"/></button>
</div>
</div>
</div>
@@ -1041,7 +997,7 @@
<div id="checkout_step3_1" class="cop_seectio_sub">
<div class="step3 cop_box">
<div class="step3_sub cop_box_sub">
<h2><span>2. <iai:variable vid="Płatności"/></span></h2>
<h2><span>2. <iai:variable vid="Płatność"/></span></h2>
</div>
</div>
</div>
@@ -1059,11 +1015,13 @@
<h3><i class="icon-pencil"></i> <iai:variable vid="Uwagi do zamówienia"/><span><iai:variable vid="Opcjonalnie"/></span></h3>
<div class="step3_sub cop_box_sub">
<div>
<span><iai:variable vid="Uwagi dla sklepu"/></span>
<input class="--arrow-input" id="shop_remarks" type="checkbox" name="shop_remarks"></input>
<label for="shop_remarks" class="--arrow-label"><iai:variable vid="Uwagi dla sklepu"/></label>
<textarea id="order_comment_field" name="remarks"/>
</div>
<div>
<span><iai:variable vid="Uwagi dla kuriera"/></span>
<input class="--arrow-input" id="courier_remarks" type="checkbox" name="courier_remarks"></input>
<label for="courier_remarks" class="--arrow-label"><iai:variable vid="Uwagi dla kuriera"/></label>
<textarea id="order_comment2_field" name="deliverer_remarks"/>
</div>
</div>
@@ -1074,6 +1032,43 @@
<!--PODSUMOWANIE-->
<div class="cop_seection clearfix" id="cop_seection3">
<!-- Kod rabatowy -->
<h3 class="rebate__title"><svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path opacity="1" d="M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128A64 64 0 1 0 0 128a64 64 0 1 0 128 0zM384 384a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"/></svg><iai:variable vid="Kod rabatowy"/></h3>
<div class="rebate">
<div class="rebate__active">
<iaixsl:if test="not(/shop/rebatecode)">
<iaixsl:attribute name="style">display:none;</iaixsl:attribute>
</iaixsl:if>
<div class="rebate__active-code"><iai:variable vid="Aktywny kod rabatowy"/>:
<span id="active-code">
<iaixsl:if test="/shop/rebatecode">
<iaixsl:value-of select="/shop/rebatecode/@code"></iaixsl:value-of>
</iaixsl:if>
</span>
</div>
<div class="rebate__active-options">
<button class="rebate__active_change"><iai:variable vid="Zmień"/></button>
<button class="rebate__active_remove"><iai:variable vid="Dezaktywuj"/></button>
</div>
</div>
<div class="rebate__options">
<iaixsl:if test="/shop/rebatecode">
<iaixsl:attribute name="style">display:none;</iaixsl:attribute>
</iaixsl:if>
<input type="checkbox" id="rebate_option" name="rebate_option" class="--arrow-input"></input>
<label for="rebate_option" class="--arrow-label"><iai:variable vid="Posiadasz kod rabatowy?"/></label>
</div>
<div class="rebate__code has-feedback">
<div class="rebate__code-container">
<input type="text" id="rebate_code" name="rebate_code" class="form-control">
<iaixsl:attribute name="placeholder"><iai:variable vid="Wpisz kod rabatowy"/></iaixsl:attribute>
</input>
<span class="form-control-feedback"></span>
<button class="rebate__code-realize bm-oscop__btn"><iai:variable vid="Zrealizuj"/></button>
</div>
</div>
</div>
<div class="summary__container">
<div id="checkout_step3_3" class="cop_seectio_sub">
<h2><span><i class="icon-list1"></i> <iai:variable vid="Podsumowanie"/></span></h2>
<!--Produkty-->
@@ -1081,13 +1076,14 @@
<div class="cop_product_wrap">
<iaixsl:if test="position() &gt; 2"><iaixsl:attribute name="class">cop_product_wrap --hide</iaixsl:attribute></iaixsl:if>
<iaixsl:if test="position() = '2' and not(position() = last())"><iaixsl:attribute name="class">cop_product_wrap --last-visible</iaixsl:attribute></iaixsl:if>
<iaixsl:if test="position() = last()"><iaixsl:attribute name="class">cop_product_wrap --last</iaixsl:attribute></iaixsl:if>
<iaixsl:if test="position() = last() and not(position() &lt; 3)"><iaixsl:attribute name="class">cop_product_wrap --hide --last-hidden</iaixsl:attribute></iaixsl:if>
<a class="cop_icon">
<iaixsl:attribute name="href">
<iaixsl:value-of select="@link"/></iaixsl:attribute>
<iaixsl:attribute name="title">
<iaixsl:value-of select="name/text()"/></iaixsl:attribute>
<img class="cop_icon">
<img class="cop_icon-img" width="90" height="90">
<iaixsl:attribute name="src">
<iaixsl:value-of select="icon/text()"/></iaixsl:attribute>
<iaixsl:attribute name="alt">
@@ -1096,8 +1092,7 @@
</a>
<div class="cop_product_wrap_r">
<iaixsl:if test="size/@ordered or size/@ordered_points">
<span class="cop_quantity">
<strong class="quant">
<strong class="cop_quantity">
<iaixsl:choose>
<iaixsl:when test="size/@ordered">
<iaixsl:value-of select="size/@ordered"/>
@@ -1105,9 +1100,8 @@
<iaixsl:when test="size/@ordered_points">
<iaixsl:value-of select="size/@ordered_points"/>
</iaixsl:when>
</iaixsl:choose>
</strong>x
</span>
</iaixsl:choose>x
</strong>
</iaixsl:if>
<a class="cop_product_name">
<iaixsl:attribute name="href">
@@ -1182,41 +1176,6 @@
<span class="operation_value"></span>
</div>
</div>
<!-- Kod rabatowy -->
<div class="rebate">
<div class="rebate__active">
<iaixsl:if test="not(/shop/rebatecode)">
<iaixsl:attribute name="style">display:none;</iaixsl:attribute>
</iaixsl:if>
<div class="rebate__active-code"><iai:variable vid="Aktywny kod rabatowy"/>:
<span id="active-code">
<iaixsl:if test="/shop/rebatecode">
<iaixsl:value-of select="/shop/rebatecode/@code"></iaixsl:value-of>
</iaixsl:if>
</span>
</div>
<div class="rebate__active-options">
<button class="rebate__active_change"><iai:variable vid="Zmień"/></button>
<button class="rebate__active_remove"><iai:variable vid="Dezaktywuj"/></button>
</div>
</div>
<div class="rebate__options">
<iaixsl:if test="/shop/rebatecode">
<iaixsl:attribute name="style">display:none;</iaixsl:attribute>
</iaixsl:if>
<input type="checkbox" id="rebate_option" name="rebate_option"></input>
<label for="rebate_option"><iai:variable vid="Posiadasz kod rabatowy?"/></label>
</div>
<div class="rebate__code has-feedback">
<div class="rebate__code-container">
<input type="text" id="rebate_code" name="rebate_code" class="form-control">
<iaixsl:attribute name="placeholder"><iai:variable vid="Wpisz kod rabatowy"/></iaixsl:attribute>
</input>
<span class="form-control-feedback"></span>
<button class="rebate__code-realize"><iai:variable vid="Zrealizuj"/></button>
</div>
</div>
</div>
<div class="order2_terms_wrapper">
<!-- Okienko przy kliknięciu faktura drukowana -->
@@ -1226,7 +1185,7 @@
<div>
<span class="e-invoice_dialog"><font><iai:variable vid="Chroń środowisko"/></font><iai:variable vid="i przyspiesz otrzymanie faktury"/></span>
<p> <iai:variable vid="W trosce o środowisko oraz Twoją wygodę dajemy Ci możliwość wyboru elektronicznej wysyłki faktur. Teraz szybko i bezpiecznie możesz otrzymywać faktury na swoją skrzynkę mailową. Elektroniczne dostarczanie faktur jest cyfrowym odpowiednikiem faktury papierowej. Zawiera dokładnie te same dane i ma taką samą wartość prawną jak tradycyjny dokument w formie papierowej. Korzystanie z faktury przekazanej w formie elektronicznej jest bezpłatne"/>.</p>
<button class="btn --solid --medium"><iai:variable vid="Tak, chcę otrzymać fakturę elektronicznie"/></button>
<button class="btn --solid --medium bm-oscop__btn"><iai:variable vid="Tak, chcę otrzymać fakturę elektronicznie"/></button>
</div>
</div>
</div>
@@ -1317,7 +1276,7 @@
</div>
<!--Przycisk złożenia zamówienia-->
<div class="order_button_wrapper">
<div class="btn-large order2_button_order">
<div class="bm-oscop__btn order2_button_order">
<iaixsl:choose>
<iaixsl:when test="/shop/order_edit">
<iai:variable vid="Zmień zamówienie"/>
@@ -1334,4 +1293,5 @@
</div>
</div>
</div>
</div>
<cdata-end/></iai:componentsdata></iai:component>

1
normalMarkerMap.js Normal file
View File

File diff suppressed because one or more lines are too long

1837
style.css
View File

File diff suppressed because it is too large Load Diff

1032
wydzielonyScript.js
View File

File diff suppressed because one or more lines are too long