GregularExpressions/OrderHistoryForm.html

## OrderHistoryForm.html
<!DOCTYPE html>
<html>
	<head>
		<title>History API</title>

		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

		<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
		<script type="text/javascript">
			Paddle.Setup({
				vendor: 15839
			});

			$(document).ready(function() {
				// Submit the recovery form on click of the submit button.
				$('.js-recovery-submit').click(function(e) {
					e.preventDefault();

					var email = $('.js-recovery-email').val();
					recoverLicenses(email);
				});

				// Allow the return/enter key to be used to submit the form.
				$('.js-recovery-email').keyup(function(e) {
					if(e.keyCode == 13) {
						var email = $('.js-recovery-email').val();
						recoverLicenses(email);
					}
				});
			});

			// A function to handle our recovery form submissions.
			function recoverLicenses(email) {
				$('.notice').hide();
				$('.js-recovery-email, .js-recovery-submit').prop('disabled', true);
				$('.js-recovery-submit').val('Submitting...');

				// The second parameter can be set to the product_id to filter the response.
				Paddle.User.History(email, null, function(response) {
					// Grab the response from the Paddle API, and show a message to the user.
					if(response.success) {
						$('.notice')
							.removeClass('error')
							.addClass('success')
							.html(response.message)
							.show();
					} else {
						$('.notice')
							.removeClass('success')
							.addClass('error')
							.html(response.error.message)
							.show();
					}

					$('.js-recovery-email, .js-recovery-submit').prop('disabled', false);
					$('.js-recovery-submit').val('Recover');
				});
			}
		</script>
		<style type="text/css">
			body {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 13px;
			}

			.heading {
				font-size: 16px;
			}

			.recover-form {
				padding: 5px 0px;
			}

			.notice {
				padding: 0px 0px 5px 0px;
			}

			.error {
				color: #BE0505;
				font-weight: bold;
			}

			.success {
				color: #299F22;
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<strong class="heading">Recover License:</strong>
		<div class="recover-form">
			<div class="notice" style="display: none;"></div>
			<input type="email" class="js-recovery-email" placeholder="Email Address..." /> <input type="button" class="js-recovery-submit" value="Recover" />
		</div>
	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>History API</title>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

	<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
	<script type="text/javascript">
	Paddle.Setup({
	vendor: 15839
	});

	$(document).ready(function() {
	// Submit the recovery form on click of the submit button.
	$('.js-recovery-submit').click(function(e) {
	e.preventDefault();

	var email = $('.js-recovery-email').val();
	recoverLicenses(email);
	});

	// Allow the return/enter key to be used to submit the form.
	$('.js-recovery-email').keyup(function(e) {
	if(e.keyCode == 13) {
	var email = $('.js-recovery-email').val();
	recoverLicenses(email);
	}
	});
	});

	// A function to handle our recovery form submissions.
	function recoverLicenses(email) {
	$('.notice').hide();
	$('.js-recovery-email, .js-recovery-submit').prop('disabled', true);
	$('.js-recovery-submit').val('Submitting...');

	// The second parameter can be set to the product_id to filter the response.
	Paddle.User.History(email, null, function(response) {
	// Grab the response from the Paddle API, and show a message to the user.
	if(response.success) {
	$('.notice')
	.removeClass('error')
	.addClass('success')
	.html(response.message)
	.show();
	} else {
	$('.notice')
	.removeClass('success')
	.addClass('error')
	.html(response.error.message)
	.show();
	}

	$('.js-recovery-email, .js-recovery-submit').prop('disabled', false);
	$('.js-recovery-submit').val('Recover');
	});
	}
	</script>
	<style type="text/css">
	body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	}

	.heading {
	font-size: 16px;
	}

	.recover-form {
	padding: 5px 0px;
	}

	.notice {
	padding: 0px 0px 5px 0px;
	}

	.error {
	color: #BE0505;
	font-weight: bold;
	}

	.success {
	color: #299F22;
	font-weight: bold;
	}
	</style>
	</head>
	<body>
	<strong class="heading">Recover License:</strong>
	<div class="recover-form">
	<div class="notice" style="display: none;"></div>
	<input type="email" class="js-recovery-email" placeholder="Email Address..." /> <input type="button" class="js-recovery-submit" value="Recover" />
	</div>
	</body>
	</html>