commit
9d05f01072
@ -0,0 +1,55 @@
|
|||||||
|
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
|
||||||
|
|
||||||
|
<table cellpadding="0" cellspacing="0" class="email-container" align="center" width="550" style="font-family: Lato, 'Lucida Sans', 'Lucida Grande', SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; line-height: 22px; color: #444444; text-align: left; border: 1px solid rgb(177, 213, 245); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 550px;">
|
||||||
|
<tbody><tr>
|
||||||
|
<td>
|
||||||
|
<table cellpadding="0" cellspacing="0" class="padding" width="100%" style="padding-left: 40px; padding-right: 40px; padding-top: 30px; padding-bottom: 35px;">
|
||||||
|
<tbody>
|
||||||
|
<tr class="logo">
|
||||||
|
<td align="center">
|
||||||
|
<table class="logo" style="margin-bottom: 10px;">
|
||||||
|
<tbody><tr>
|
||||||
|
<td>
|
||||||
|
<img src="https://mpay.royalpay.com.au/static/images/logo_new.jpg" height="100" width="100" border="0" style="display: block;">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody></table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr class="header">
|
||||||
|
<td align="center">
|
||||||
|
<h1 style="font-size: 24px; line-height: 1.3em; margin-bottom: 5px;">Register Invitation</h1>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr class="content">
|
||||||
|
<td>
|
||||||
|
<p style="font-size: 15px; font-weight: normal; line-height: 22px;">Dear Partner, </p>
|
||||||
|
<p style="font-size: 15px; font-weight: normal; line-height: 22px;">Thank you for registering an account with us!</p>
|
||||||
|
<p style="font-size: 15px; font-weight: normal; line-height: 22px;">This is a system verification email from RoyalPay. RoyalPay is an exciting platform that makes international payments as easy as local ones.
|
||||||
|
To get started, click on the button below:</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td align="center">
|
||||||
|
<table cellpadding="12" border="0" style="font-family: Lato, 'Lucida Sans', 'Lucida Grande', SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 25px; color: #444444; text-align: left;">
|
||||||
|
<tbody><tr>
|
||||||
|
<td class="button" style="color: rgb(255, 255, 255); font-size: 16px; line-height: 24px; text-align: center; display: block;">
|
||||||
|
<a th:href="${url}" style="color: rgb(255, 255, 255); text-align: center; display: block; padding: 12px 20px; height: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; text-decoration: none; background-color: rgb(43, 136, 217); min-width: 150px;"><strong>Register your account right now!</strong></a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody></table>
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody></table>
|
@ -0,0 +1,158 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>RoyalPay | Reset Password</title>
|
||||||
|
<link rel="apple-touch-icon" sizes="57x57" href="ico/apple-icon-57x57.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="60x60" href="ico/apple-icon-60x60.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="72x72" href="ico/apple-icon-72x72.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="76x76" href="ico/apple-icon-76x76.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="114x114" href="ico/apple-icon-114x114.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="120x120" href="ico/apple-icon-120x120.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="144x144" href="ico/apple-icon-144x144.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="152x152" href="ico/apple-icon-152x152.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="ico/apple-icon-180x180.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="192x192" href="ico/android-icon-192x192.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="96x96" href="ico/favicon-96x96.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||||
|
<!-- Bootstrap 3.3.5 -->
|
||||||
|
<link href="static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="./static/lib/dist/css/AdminLTE.min.css">
|
||||||
|
|
||||||
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
#bg {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0%;
|
||||||
|
left: 0%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: black;
|
||||||
|
z-index: 1001;
|
||||||
|
-moz-opacity: 0.7;
|
||||||
|
opacity: .70;
|
||||||
|
filter: alpha(opacity=70);
|
||||||
|
}
|
||||||
|
|
||||||
|
#show {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 40%;
|
||||||
|
width: 20%;
|
||||||
|
padding: 8px;
|
||||||
|
z-index: 1002;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition login-page">
|
||||||
|
<div class="login-box">
|
||||||
|
<div class="login-logo">
|
||||||
|
<p><img src="static/images/rp_logo.svg" style="width:45%"></p>
|
||||||
|
<a href="index.html"><b>RoyalPay</b></a>
|
||||||
|
</div>
|
||||||
|
<!-- /.login-logo -->
|
||||||
|
<div class="login-box-body">
|
||||||
|
<p class="login-box-msg">Verify Your Mail</p>
|
||||||
|
|
||||||
|
<form action="" method="post">
|
||||||
|
<div class="form-group has-feedback">
|
||||||
|
<input type="text" id="userName" class="form-control" placeholder="User Names">
|
||||||
|
<span class="glyphicon glyphicon-user form-control-feedback"></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="form-group col-xs-12">
|
||||||
|
<input type="text" name="codeKey" class="form-control" style="width: 70%;display: inline"
|
||||||
|
id="codeKey" placeholder="Verification Code">
|
||||||
|
<img style="width:30%;display:inline;height: 34px;float: right" id="email-kaptcha"
|
||||||
|
src="/global/userstatus/captcha-login"
|
||||||
|
title="点击更换"/>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12 margin-bottom">
|
||||||
|
<button type="button" id="submitEmail-btn" class="btn btn-success btn-block btn-flat">Submit</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p style="font-size: smaller">
|
||||||
|
文案修改 We need your partner code to confirm your identity information, please enter it. (Your partner code is the same as the first four letters of your order ID.)
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /.login-box-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.login-box -->
|
||||||
|
|
||||||
|
<script src="static/lib/jquery/jquery-2.1.4.min.js"></script>
|
||||||
|
<!-- Bootstrap 3.3.5 -->
|
||||||
|
<script src="static/lib/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
<script type="text/javascript" data-th-inline="javascript">
|
||||||
|
$(document).ready(function () {
|
||||||
|
$('input').keypress(function (evt) {
|
||||||
|
if (evt.keyCode == 13) {
|
||||||
|
$('#login-btn').click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#submitEmail-btn').click(function () {
|
||||||
|
var userName = $('#userName').val();
|
||||||
|
if (userName == null || userName.length == 0) {
|
||||||
|
alert('请输入用户名');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var verifyCode = $('#email—verifyCode').val();
|
||||||
|
if (verifyCode == null || verifyCode.length == 0) {
|
||||||
|
alert('请填写验证码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$("#bg").show();
|
||||||
|
$("#show").show();
|
||||||
|
$.ajax({
|
||||||
|
url: '/register/account/mail/'+,
|
||||||
|
method: 'GET',
|
||||||
|
contentType: 'application/json',
|
||||||
|
dataType: 'text',
|
||||||
|
success: function (resp) {
|
||||||
|
$("#bg").hide();
|
||||||
|
$("#show").hide();
|
||||||
|
alert("Reset password email has send your mailbox:"+resp);
|
||||||
|
location.href = 'index.html'
|
||||||
|
},
|
||||||
|
error: function (jqXHR) {
|
||||||
|
$("#bg").hide();
|
||||||
|
$("#show").hide();
|
||||||
|
alert(JSON.parse(jqXHR.responseText).message);
|
||||||
|
$('#email-kaptcha').attr("src", "/global/userstatus/captcha-login?" + Math.floor(Math.random() * 100));
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<div id="bg" style="display: none"></div>
|
||||||
|
<div id="show" style="display: none">
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0"
|
||||||
|
aria-valuemax="100" style="width: 100%">
|
||||||
|
<span class="sr-only">Requesting...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in new issue