0byt3m1n1
Path:
/
home
/
kassiope
/
www
/
lib
/
js
/
[
Home
]
File: charge_stripe.js
// Stripe API Key var stripe = Stripe(stripe_api_secret); //var stripe = Stripe('pk_live_7Ts0hVBTjCzcFQzvil1FtBom'); //var stripe = Stripe('pk_test_bry7eR0TvEha88vExEscPMmo'); var elements = stripe.elements(); // Custom Styling 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' } }; var cardElement = elements.create('card', {style: style}); cardElement.mount('#card-element'); var cardholderName = document.getElementById('cardholder-name'); var cardButton = document.getElementById('card-button'); var clientSecret = cardButton.dataset.secret; cardButton.addEventListener('click', function(ev) { stripe.handleCardPayment( clientSecret, cardElement, { payment_method_data: { billing_details: {name: cardholderName.value} } } ).then(function(result) { if (result.error) { // Display error.message in your UI. var errorsElem = document.getElementById('payment-errors'); errorsElem.innerHTML = result.error.message; } else if(result.paymentIntent && result.paymentIntent.status === 'succeeded') { console.log(result); window.location.replace(wwwroot + "achat/fin_commande.php?commandeid="+result.paymentIntent.id); } }); }); // 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` <div> 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'); form.addEventListener('submit', function(event) { event.preventDefault(); 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 { stripeTokenHandler(result.token); } }); }); // Send Stripe Token to Server function stripeTokenHandler(token) { // Insert the token ID into the form so it gets submitted to the server var form = document.getElementById('payment-form'); // Add Stripe Token to hidden input var hiddenInput = document.createElement('input'); hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('name', 'stripeToken'); hiddenInput.setAttribute('value', token.id); form.appendChild(hiddenInput); // Submit form form.submit(); }*/