103 lines
4.0 KiB
HTML
103 lines
4.0 KiB
HTML
{if $payment}
|
|
<div id="app-bluemedia-gateway-modal" class="modal fade" tabindex="-1" role="dialog" data-url="{urlfor internal='@appBlueMediaFrontend?action=gatewayList'}">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">{$payment->getName()}</h4>
|
|
</div>
|
|
<div class="modal-body"></div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<div id="app-bluemedia-gateway-modal-message" class="modal fade modal-vertical-centered" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">{$payment->getName()}</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><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
{/if}
|
|
|
|
{literal}
|
|
<script>
|
|
jQuery(function($) {
|
|
var modal = $('#app-bluemedia-gateway-modal');
|
|
var paymentId = {/literal}{$payment->getId()}{literal};
|
|
var trigger = null;
|
|
var messages = {
|
|
{/literal}
|
|
'chooseGateway': '{__ text="Wybierz kanał płatności"}'
|
|
{literal}
|
|
};
|
|
|
|
function resetGateway()
|
|
{
|
|
var current = $('.payment-radio:checked');
|
|
|
|
if (current.val() != paymentId) {
|
|
$('.app-bluemedia-gateway').html('');
|
|
$('#bluemedia_gateway').val('');
|
|
}
|
|
}
|
|
|
|
function showMessage(message) {
|
|
var modal = $('#app-bluemedia-gateway-modal-message');
|
|
|
|
modal.find('.modal-body').html(message);
|
|
|
|
modal.modal('show');
|
|
}
|
|
|
|
modal.on('show.bs.modal', function(event) {
|
|
var modal = $(this);
|
|
|
|
trigger = $(event.relatedTarget);
|
|
|
|
$.get(modal.data('url'), function(response) {
|
|
modal.find('.modal-body').html(response);
|
|
});
|
|
}).on("click", 'a[data-gateway-id]', function() {
|
|
var gateway = $(this);
|
|
trigger.parent().find('.app-bluemedia-gateway').html('<img src="' + gateway.data('gateway-icon') + '" style="max-width: 50px; vertical-align: middle;"> ' + gateway.data('gateway-name'));
|
|
$('#bluemedia_gateway').val(gateway.data('gateway-id'));
|
|
var radio = trigger.closest('label').find('.payment-radio');
|
|
if (!radio.prop('checked')) {
|
|
radio.prop('checked', true).change();
|
|
}
|
|
$(window).resize();
|
|
modal.modal('hide');
|
|
return false;
|
|
});
|
|
|
|
var form = $('#user_delivery_form');
|
|
|
|
$('.payment-radio').click(function() {
|
|
var current = $(this);
|
|
if (current.val() != paymentId) {
|
|
resetGateway();
|
|
}
|
|
});
|
|
|
|
form.submit(function() {
|
|
var current = $('.payment-radio:checked');
|
|
if (!$('#bluemedia_gateway').val() && current.val() == paymentId) {
|
|
showMessage(messages.chooseGateway);
|
|
return false;
|
|
}
|
|
});
|
|
|
|
resetGateway();
|
|
});
|
|
</script>
|
|
{/literal} |