diff --git a/htdocs/public/payment/newpayment.php b/htdocs/public/payment/newpayment.php
index 6bdaa92f508..51b4c0580e0 100644
--- a/htdocs/public/payment/newpayment.php
+++ b/htdocs/public/payment/newpayment.php
@@ -1943,241 +1943,249 @@ if (preg_match('/^dopayment/', $action))
print ''."\n";
- print ''."\n";
-
- // Code to ask the credit card. This use the default "API version". No way to force API version when using JS code.
- print ''."\n";
+
+ // Code to ask the credit card. This use the default "API version". No way to force API version when using JS code.
+ print '';
}
- else
- {
- ?>
-
-
- // Create a Stripe client.
- var stripe = Stripe('');
-
- // Create an instance of Elements
- var elements = stripe.elements();
-
- // Custom styling can be passed to options when creating an Element.
- // (Note that this demo uses a wider set of styles than the guide below.)
- var style = {
- base: {
- color: '#32325d',
- lineHeight: '24px',
- fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
- fontSmoothing: 'antialiased',
- fontSize: '16px',
- '::placeholder': {
- color: '#aab7c4'
- }
- },
- invalid: {
- color: '#fa755a',
- iconColor: '#fa755a'
- }
- };
-
- // Create an instance of the card Element
- var card = elements.create('card', {style: style});
-
- // Add an instance of the card Element into the `card-element`
- card.mount('#card-element');
-
- // Handle real-time validation errors from the card Element.
- card.addEventListener('change', function(event) {
- var displayError = document.getElementById('card-errors');
- if (event.error) {
- displayError.textContent = event.error.message;
- } else {
- displayError.textContent = '';
- }
- });
-
- // Handle form submission
- var form = document.getElementById('payment-form');
- console.log(form);
- form.addEventListener('submit', function(event) {
- event.preventDefault();
- global->STRIPE_USE_3DSECURE)) // Ask credit card directly, no 3DS test
- {
- ?>
- /* Use token */
- stripe.createToken(card).then(function(result) {
- if (result.error) {
- // Inform the user if there was an error
- var errorElement = document.getElementById('card-errors');
- errorElement.textContent = result.error.message;
- } else {
- // Send the token to your server
- stripeTokenHandler(result.token);
- }
- });
-
- /* Use 3DS source */
- stripe.createSource(card).then(function(result) {
- if (result.error) {
- // Inform the user if there was an error
- var errorElement = document.getElementById('card-errors');
- errorElement.textContent = result.error.message;
- } else {
- // Send the source to your server
- stripeSourceHandler(result.source);
- }
- });
-
- });
-
-
- /* Insert the Token into the form so it gets submitted to the server */
- function stripeTokenHandler(token) {
- // Insert the token ID into the form so it gets submitted to the server
- var form = document.getElementById('payment-form');
- var hiddenInput = document.createElement('input');
- hiddenInput.setAttribute('type', 'hidden');
- hiddenInput.setAttribute('name', 'stripeToken');
- hiddenInput.setAttribute('value', token.id);
- form.appendChild(hiddenInput);
-
- // Submit the form
- jQuery('#buttontopay').hide();
- jQuery('#hourglasstopay').show();
- console.log("submit token");
- form.submit();
- }
-
- /* Insert the Source into the form so it gets submitted to the server */
- function stripeSourceHandler(source) {
- // Insert the source ID into the form so it gets submitted to the server
- var form = document.getElementById('payment-form');
- var hiddenInput = document.createElement('input');
- hiddenInput.setAttribute('type', 'hidden');
- hiddenInput.setAttribute('name', 'stripeSource');
- hiddenInput.setAttribute('value', source.id);
- form.appendChild(hiddenInput);
-
- // Submit the form
- jQuery('#buttontopay').hide();
- jQuery('#hourglasstopay').show();
- console.log("submit source");
- form.submit();
- }
-
- ';
}
}