ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / costbloc.com / public / dist / js / custom

"use strict";
if ($('.main-body .page-wrapper').find('#payment-container').length) {

$('.error-alert').css('display', 'none');

// Create a Stripe client
	var stripe = Stripe(publishableKey);

// Create an instance of Elements
	var elements = stripe.elements();

// Custom styling can be passed to options when creating an Element.
	var elementStyles = {
		base: {
			color: '#32325D',
			fontWeight: 500,
			fontFamily: 'Source Code Pro, Consolas, Menlo, monospace',
			fontSize: '16px',
			fontSmoothing: 'antialiased',
			'::placeholder': {
				color: '#cfd7df',
			},
			':-webkit-autofill': {
				color: '#e39f48',
			},
		},
		invalid: {
			color: '#721c24',
			'::placeholder': {
				color: '#cfd7df',
			},
		},
	};

var elementClasses = {
		focus: 'focused',
		empty: 'empty',
		invalid: 'invalid',
	};

// Create an instance of the card Element
	var cardNumber = elements.create('cardNumber', {
		style: elementStyles,
		classes: elementClasses,
	});
	cardNumber.mount('#card-number');

var cardExpiry = elements.create('cardExpiry', {
		style: elementStyles,
		classes: elementClasses,
	});
	cardExpiry.mount('#card-expiry');

var cardCvc = elements.create('cardCvc', {
		style: elementStyles,
		classes: elementClasses,
	});
	cardCvc.mount('#card-cvc');

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
		$('#payment-form').trigger('submit');
	}

// Create a token
	function createToken() {
		stripe.createToken(cardNumber).then(function(result) {
			if (result.error) {
				// Inform the user if there was an error
				$('#card-errors').css('display', 'block');
				var errorElement = document.getElementById('card-errors');
				errorElement.textContent = result.error.message;
			} else {
				$("#stripe-submit-btn").attr("disabled", true);
				$('.fa-spin').addClass('show-spin');
				// Send the token to your server
				stripeTokenHandler(result.token);
			}
		});
	};

// Create a token when the form is submitted.
	var form = document.getElementById('payment-form');
	form.addEventListener('submit', function(e) {
		e.preventDefault();
		createToken();
	});

cardNumber.on('change', function(event) {
		var displayError = document.getElementById('card-errors');
		if (event.error) {
			$(".fa-spin").hide();
			$('#card-errors').css('display', 'block');
			displayError.textContent = event.error.message;
		} else {
			$('#card-errors').css('display', 'none');
			displayError.textContent = '';
		}
	});
	/*Stripe End*/
}

[-] create-product.min.js [edit]
[-] refund.js [edit]
[-] shops.js [edit]
[-] commission.min.js [edit]
[-] user.min.js [edit]
[-] installer.js [edit]
[-] category.min.js [edit]
[+] site
[-] jquery.blockUI.js [edit]
[-] category.js [edit]
[-] create-product.js [edit]
[-] refund.min.js [edit]
[+] ..
[-] shipping.min.js [edit]
[-] user.js [edit]
[-] jquery.blockUI.min.js [edit]
[-] option.min.js [edit]
[-] users-activity-list.js [edit]
[-] attribute.min.js [edit]
[-] email-configuration.min.js [edit]
[-] dashboard.js [edit]
[-] order.min.js [edit]
[-] delete-modal.js [edit]
[-] withdrawal.js [edit]
[-] product-setting.js [edit]
[-] validation.js [edit]
[-] vendors.min.js [edit]
[-] shops.min.js [edit]
[-] roles.js [edit]
[-] review.js [edit]
[-] common.min.js [edit]
[-] geolocale-suggestion.min.js [edit]
[-] custom-category.js [edit]
[-] product.js [edit]
[-] order-invoice.min.js [edit]
[-] common.js [edit]
[-] product_list.js [edit]
[-] settings.js [edit]
[-] permission.min.js [edit]
[-] coupon.js [edit]
[-] export.js [edit]
[-] yajra-custom.min.js [edit]
[-] users-activity-list.min.js [edit]
[-] finance.min.js [edit]
[-] geolocale-suggestion.js [edit]
[-] option.js [edit]
[-] newsletter.min.js [edit]
[-] order.js [edit]
[-] role-permission.js [edit]
[-] brand.min.js [edit]
[-] transaction.js [edit]
[-] popup.min.js [edit]
[-] validation.min.js [edit]
[-] templates.min.js [edit]
[-] attribute.js [edit]
[-] brand.js [edit]
[-] app-layout.js [edit]
[-] preference.js [edit]
[-] invoice.js [edit]
[-] order-invoice.js [edit]
[-] yajra-export.js [edit]
[-] product-setting.min.js [edit]
[-] yajra-custom.js [edit]
[-] installer.min.js [edit]
[-] invoice.min.js [edit]
[-] product_list.min.js [edit]
[-] email-configuration.js [edit]
[-] custom-category.min.js [edit]
[-] settings.min.js [edit]
[-] yajra-export.min.js [edit]
[-] withdrawal.min.js [edit]
[-] payment.js [edit]
[-] preference.min.js [edit]
[-] roles.min.js [edit]
[-] finance.js [edit]
[-] app-layout.min.js [edit]
[-] permission.js [edit]
[-] transaction.min.js [edit]
[-] popup.js [edit]
[-] order_status.min.js [edit]
[-] commission.js [edit]
[-] coupon.min.js [edit]
[-] shipping.js [edit]
[-] review.min.js [edit]
[-] templates.js [edit]
[-] delete-modal.min.js [edit]
[-] vendors.js [edit]
[-] order_status.js [edit]
[-] dashboard.min.js [edit]
[-] newsletter.js [edit]
[-] product.min.js [edit]
[-] export.min.js [edit]