first commit
This commit is contained in:
@@ -0,0 +1 @@
|
||||
<?php echo input_hidden_tag('user_data_billing[poczta_polska]'); ?>
|
||||
@@ -0,0 +1 @@
|
||||
<iframe src="{pickup_point_url internal_url='@stPocztaPolskaFrontend?action=mapWidget'}" style="width: 100%; min-height: 600px; top: 0; left: 0; border: none" allowfullscreen></iframe>
|
||||
@@ -0,0 +1,215 @@
|
||||
<script src="https://mapa.ecommerce.poczta-polska.pl/widget/scripts/ppwidget.js?v1"></script>
|
||||
|
||||
<div class="modal fade modal-vertical-centered" id="poczta-polska-message-modal" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog modal-md" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header text-left">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">{__ text="Poczta Polska"}</h4>
|
||||
</div>
|
||||
<div class="modal-body text-center"></div>
|
||||
<div class="modal-footer">
|
||||
<div class="text-center">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">{__ text="Zamknij"}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$(document).on('poczta-polska-widget-init', function() {
|
||||
const deliveryPoints = $('.poczta-polska-container');
|
||||
{/literal}
|
||||
const payments = {$payments};
|
||||
const payOnPickupAmount = {$pay_on_pickup_amount};
|
||||
const revalidate = {$sf_request->getParameter('revalidate', 0)};
|
||||
const invalidPayOnPickupPoint = {$sf_request->getParameter('invalid_pay_on_pickup_point', 0)};
|
||||
{literal}
|
||||
const i18n = {
|
||||
{/literal}
|
||||
change_delivery_point: '{__ text="Wybrany punkt nie obsługuje płatności przy odbiorze.<br>Zmień płatność lub wybierz inny punkt odbioru."}',
|
||||
choose_delivery_point: '{__ text="Wybierz punkt odbioru"}',
|
||||
pay_on_pickup_amount: '{__ text="Wybrany punkt nie obsługuje płatności przy odbiorze większych niż %%amount%% zł"}',
|
||||
{literal}
|
||||
};
|
||||
let savedPoint = getParameter('poczta_polska_pickup_point');
|
||||
|
||||
function setParameter(name, value) {
|
||||
const storage = window.localStorage;
|
||||
storage.setItem(name, typeof value === 'object' ? JSON.stringify(value) : value);
|
||||
}
|
||||
|
||||
function getParameter(name, defaultValue = null) {
|
||||
var storage = window.localStorage;
|
||||
var value = storage.getItem(name);
|
||||
try {
|
||||
return JSON.parse(value);
|
||||
} catch(e) {}
|
||||
|
||||
return value ? value : defaultValue;
|
||||
}
|
||||
|
||||
function pointUpdate(pocztaPolskaAddress, point) {
|
||||
pocztaPolskaAddress.html('<b>'+point.name+'</b><br>'+point.street+'<br>'+point.zipCode+' '+point.city).data('map', point.street+' '+point.zipCode+' '+point.city).data('type', point.type);
|
||||
$('#user_data_billing_poczta_polska').val(JSON.stringify(point));
|
||||
}
|
||||
|
||||
function showMessage(message, messageParams) {
|
||||
var modal = $('#poczta-polska-message-modal');
|
||||
if (messageParams) {
|
||||
for (const [key, value] of Object.entries(messageParams)) {
|
||||
message = message.replaceAll(key, value);
|
||||
}
|
||||
}
|
||||
modal.find('.modal-body').html(message);
|
||||
modal.modal('show');
|
||||
}
|
||||
|
||||
function validateDeliveryPoint(validateEmpty) {
|
||||
var container = $('#shopping-cart-delivery .delivery-radio:checked').parent();
|
||||
var payment_id = $('#shopping-cart-payment .radio input[type=radio]:checked').val();
|
||||
|
||||
var pocztaPolskaAddress = container.find('.poczta-polska-address');
|
||||
|
||||
if (pocztaPolskaAddress.length) {
|
||||
if (validateEmpty && !pocztaPolskaAddress.data('type')) {
|
||||
showMessage(i18n.choose_delivery_point);
|
||||
return false;
|
||||
} else if (!savedPoint.payOnPickup && (payments.indexOf(payment_id) > -1 || payments.indexOf(Number(payment_id)) > -1)) {
|
||||
showMessage(i18n.change_delivery_point);
|
||||
return false;
|
||||
} else if (savedPoint.payOnPickupAmount && savedPoint.payOnPickupAmount.value < payOnPickupAmount && (payments.indexOf(payment_id) > -1 || payments.indexOf(Number(payment_id)) > -1)) {
|
||||
showMessage(i18n.pay_on_pickup_amount, { '%%amount%%': savedPoint.payOnPickupAmount.value });
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if (invalidPayOnPickupPoint) {
|
||||
showMessage(i18n.change_delivery_point);
|
||||
}
|
||||
|
||||
$('#user_delivery_form').submit(function() {
|
||||
return validateDeliveryPoint(true);
|
||||
});
|
||||
|
||||
$('#shopping-cart-payment').on('change', 'input[type=radio]', function() {
|
||||
$('#basket-update-modal').one('hidden.bs.modal', function() {
|
||||
validateDeliveryPoint();
|
||||
});
|
||||
});
|
||||
|
||||
deliveryPoints.each(function() {
|
||||
var deliveryPoint = $(this);
|
||||
|
||||
if (deliveryPoint.data('init')) {
|
||||
return false;
|
||||
}
|
||||
|
||||
deliveryPoint.data('init', true);
|
||||
|
||||
{/literal}
|
||||
var url = "{url_for internal='@stPocztaPolskaFrontend'}";
|
||||
var id = deliveryPoint.data('delivery-id');
|
||||
var shopping_cart_delivery = $('#shopping-cart-delivery');
|
||||
var selected = $('#shopping-cart-delivery .delivery-radio:checked').val() == id;
|
||||
var is_authenticated = {$sf_user->isAuthenticated()|string_format:"%d"};
|
||||
{literal}
|
||||
|
||||
if (savedPoint) {
|
||||
pointUpdate(deliveryPoint.children('.poczta-polska-address'), savedPoint);
|
||||
}
|
||||
|
||||
deliveryPoint.on("click", ".poczta-polska-delivery-point", function() {
|
||||
var clientAddress = undefined;
|
||||
|
||||
if ($('#different_delivery').prop('checked') || is_authenticated) {
|
||||
clientAddress = $('#code_delivery').val() ? $('#code_delivery').val() : $('#code_billing').val();
|
||||
} else {
|
||||
clientAddress = $('#code_billing').val();
|
||||
}
|
||||
|
||||
var link = $(this);
|
||||
var payment_id = $('#shopping-cart-payment .radio input[type=radio]:checked').val();
|
||||
var pobranie = (payments.indexOf(payment_id) > -1 || payments.indexOf(Number(payment_id)) > -1);
|
||||
var address = savedPoint ? savedPoint.street+' '+savedPoint.zipCode+' '+savedPoint.city : clientAddress;
|
||||
var pocztaPolskaAddress = deliveryPoint.children('.poczta-polska-address');
|
||||
|
||||
PPWidgetApp.toggleMap({
|
||||
callback: function(point) {
|
||||
var radio = link.closest('.radio').find('input[type="radio"]');
|
||||
pointUpdate(pocztaPolskaAddress, point);
|
||||
setParameter('poczta_polska_pickup_point', point);
|
||||
savedPoint = point;
|
||||
if (!radio.prop('checked')) {
|
||||
radio.prop('checked', true).change();
|
||||
}
|
||||
},
|
||||
'payOnPickup': pobranie,
|
||||
'address': address
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
function update() {
|
||||
var different_delivery = $('#different_delivery');
|
||||
|
||||
if (selected) {
|
||||
shopping_cart_delivery.data('delivery-type', 'poczta-polska');
|
||||
shopping_cart_delivery.attr('data-delivery-type', 'poczta-polska');
|
||||
}
|
||||
|
||||
var update = shopping_cart_delivery.data('delivery-type') == 'poczta-polska';
|
||||
|
||||
if (selected) {
|
||||
if (update) {
|
||||
if (different_delivery.prop('checked')) {
|
||||
different_delivery.get(0).click();
|
||||
}
|
||||
|
||||
different_delivery.prop('disabled', true);
|
||||
if (is_authenticated) {
|
||||
$('#order_form_delivery').hide();
|
||||
$('#order_form_billing').parent().addClass('col-sm-push-6');
|
||||
}
|
||||
}
|
||||
deliveryPoint.children('.poczta-polska-address').show();
|
||||
|
||||
if (revalidate) {
|
||||
validateDeliveryPoint(true);
|
||||
}
|
||||
} else {
|
||||
deliveryPoint.children('.poczta-polska-address').hide();
|
||||
|
||||
if (update) {
|
||||
different_delivery.prop('disabled', false);
|
||||
|
||||
if (is_authenticated) {
|
||||
$('#order_form_delivery').show();
|
||||
$('#order_form_billing').parent().removeClass('col-sm-push-6');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
update();
|
||||
|
||||
shopping_cart_delivery.on('change', '.delivery-radio', function() {
|
||||
selected = $(this).val() == id;
|
||||
update();
|
||||
});
|
||||
|
||||
});
|
||||
}).ready(function() {
|
||||
$(this).trigger('poczta-polska-widget-init');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{__ text="Wybierz punkt odbioru"}</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
|
||||
<body style="height: 100%; width: 100%; padding: 0; margin: 0;">
|
||||
<div style="margin-top: -50px" id="poczta-polska-widget-map" data-pickup-point="{json_encode data=$pickup_point escape=true}" data-pay-on-pickup="{$pay_on_pickup}" data-is-user-authenticated="{$sf_user->isAuthenticated()|string_format:'%d'}"></div>
|
||||
|
||||
{literal}
|
||||
<script src="https://mapa.ecommerce.poczta-polska.pl/widget/scripts/ppwidget.js"></script>
|
||||
<script>
|
||||
window.parent.jQuery(function($) {
|
||||
let address = '';
|
||||
const widgetMapContainer = $(document).find('#poczta-polska-widget-map');
|
||||
const pickupPoint = widgetMapContainer.data('pickup-point');
|
||||
|
||||
if (window.parent.jQuery('#different_delivery').prop('checked') || widgetMapContainer.data('is-user-authenticated')) {
|
||||
address = $('#code_delivery').val() ? $('#code_delivery').val() : $('#code_billing').val();
|
||||
} else {
|
||||
address = $('#code_billing').val();
|
||||
}
|
||||
|
||||
if (pickupPoint) {
|
||||
address = pickupPoint.address.replace('ul. ', '') + ' ' + pickupPoint.postCode + ' ' + pickupPoint.city;
|
||||
}
|
||||
|
||||
PPWidgetApp.toggleMap({
|
||||
callback: function(point) {
|
||||
const weekendDelivery = point.description.indexOf('#soboty: placówka nieczynna') === -1;
|
||||
|
||||
$.delivery.updatePickupPoint(point.pni, point.name, point.street, point.zipCode, point.city, 'PL', point.payOnPickup, weekendDelivery, {
|
||||
payOnPickupAmount: point.payOnPickup ? point.payOnPickupAmount : null,
|
||||
});
|
||||
|
||||
},
|
||||
payOnPickup: widgetMapContainer.data('pay-on-pickup'),
|
||||
address: address,
|
||||
embeddedElementId: 'poczta-polska-widget-map',
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user