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