TASK: 邮件模板
This commit is contained in:
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Code-Create</title>
|
||||
</head>
|
||||
|
||||
<body style="
|
||||
background-color: #f6f6f6;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<div style="
|
||||
width:100%;
|
||||
-webkit-text-size-adjust:none !important;
|
||||
margin:0;
|
||||
padding: 70px 0 70px 0;
|
||||
">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top:0;">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create"/>
|
||||
</p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="520" id="template_container" style="
|
||||
box-shadow:0 0 0 1px #f3f3f3 !important;
|
||||
border-radius:3px !important;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9e9e9;
|
||||
border-radius:3px !important;
|
||||
padding: 20px;
|
||||
">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="520" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" style="
|
||||
border-radius:3px !important;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<div style="
|
||||
color: #000000;
|
||||
font-size:14px;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
line-height:150%;
|
||||
text-align:left;
|
||||
">
|
||||
<p>A new affiliate has registered on your site, <a href="https://www.aida.com.hk" rel="nofollow noopener" target="_blank">AiDA</a></p>
|
||||
<p>Name: <span th:text="${username}">Default Username</span></p>
|
||||
<p></p>
|
||||
<p th:text="${promotionMethod}">Default Promotion Method</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer" style="
|
||||
border-top:0;
|
||||
-webkit-border-radius:3px;
|
||||
">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="
|
||||
border:0;
|
||||
color: #000000;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
font-size:12px;
|
||||
line-height:125%;
|
||||
text-align:center;
|
||||
">
|
||||
<p><a href="https://code-create.com.hk" rel="nofollow noopener" target="_blank">Code-Create</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Code-Create</title>
|
||||
</head>
|
||||
|
||||
<body style="
|
||||
background-color: #f6f6f6;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<div style="
|
||||
width:100%;
|
||||
-webkit-text-size-adjust:none !important;
|
||||
margin:0;
|
||||
padding: 70px 0 70px 0;
|
||||
">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top:0;">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create"/>
|
||||
</p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="520" id="template_container" style="
|
||||
box-shadow:0 0 0 1px #f3f3f3 !important;
|
||||
border-radius:3px !important;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9e9e9;
|
||||
border-radius:3px !important;
|
||||
padding: 20px;
|
||||
">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="520" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" style="
|
||||
border-radius:3px !important;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<div style="
|
||||
color: #000000;
|
||||
font-size:14px;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
line-height:150%;
|
||||
text-align:left;
|
||||
">
|
||||
<p>Congratulations <span th:text="${username}">Default Username</span>!</p>
|
||||
<p>Your affiliate application on <a href="https://www.aida.com.hk" rel="nofollow noopener" target="_blank">AiDA</a>
|
||||
has been accepted!</p>
|
||||
<p>Log into your affiliate area at
|
||||
https://code-create.com.hk/referral/</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer" style="
|
||||
border-top:0;
|
||||
-webkit-border-radius:3px;
|
||||
">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="
|
||||
border:0;
|
||||
color: #000000;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
font-size:12px;
|
||||
line-height:125%;
|
||||
text-align:center;
|
||||
">
|
||||
<p><a href="https://code-create.com.hk" rel="nofollow noopener" target="_blank">Code-Create</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Code-Create</title>
|
||||
</head>
|
||||
|
||||
<body style="
|
||||
background-color: #f6f6f6;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<div style="
|
||||
width:100%;
|
||||
-webkit-text-size-adjust:none !important;
|
||||
margin:0;
|
||||
padding: 70px 0 70px 0;
|
||||
">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top:0;">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create"/>
|
||||
</p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="520" id="template_container" style="
|
||||
box-shadow:0 0 0 1px #f3f3f3 !important;
|
||||
border-radius:3px !important;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e9e9e9;
|
||||
border-radius:3px !important;
|
||||
padding: 20px;
|
||||
">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="520" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" style="
|
||||
border-radius:3px !important;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<div style="
|
||||
color: #000000;
|
||||
font-size:14px;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
line-height:150%;
|
||||
text-align:left;
|
||||
">
|
||||
<p>Hi <span th:text="${username}">Default Username</span>,</p>
|
||||
<p>We regret to inform you that your Affiliate application on <a href="https://www.aida.com.hk" rel="nofollow noopener" target="_blank">AiDA</a>
|
||||
has been declined.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer" style="
|
||||
border-top:0;
|
||||
-webkit-border-radius:3px;
|
||||
">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="
|
||||
border:0;
|
||||
color: #000000;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
font-size:12px;
|
||||
line-height:125%;
|
||||
text-align:center;
|
||||
">
|
||||
<p><a href="https://code-create.com.hk" rel="nofollow noopener" target="_blank">Code-Create</a></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,134 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Code-Create</title>
|
||||
</head>
|
||||
|
||||
<body style="
|
||||
background-color: #f6f6f6;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
color: #4B5563;
|
||||
">
|
||||
<div style="
|
||||
width:100%;
|
||||
-webkit-text-size-adjust:none !important;
|
||||
margin:0;
|
||||
padding: 70px 0 70px 0;
|
||||
">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" id="template_container" style="
|
||||
box-shadow:0 0 0 1px #f3f3f3 !important;
|
||||
border-radius:3px !important;
|
||||
background-color: #ffffff;
|
||||
border: 0 solid #e9e9e9;
|
||||
border-radius:1px !important;
|
||||
padding: 20px;
|
||||
max-width: 600px;
|
||||
">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" style="
|
||||
border-radius:3px !important;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<div style="
|
||||
font-size:14px;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
|
||||
line-height:150%;
|
||||
text-align:left;
|
||||
">
|
||||
<div>
|
||||
<h3 style="margin-bottom: 9px; color: #1F2937;">
|
||||
<strong>Hey there!</strong>
|
||||
</h3>
|
||||
<p style="margin-top: 0; margin-bottom: 20px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px;">
|
||||
Let's see how your affiliate program has
|
||||
performed over the last 30 days.</p>
|
||||
<div class="data" style="margin: 30px 0; width: 100%;">
|
||||
<div style="text-align: center;">
|
||||
<div style="height: 150px; width: 250px; display: inline-table;">
|
||||
<p style="text-align: center; margin-bottom: 0;">
|
||||
<img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/total-program-revenue-icon.png" height="28" width="28" align="center" alt=" ">
|
||||
</p>
|
||||
<p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
|
||||
<strong style="font-weight: 500;">
|
||||
Total Program Revenue </strong>
|
||||
</p>
|
||||
<p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 5px;">
|
||||
<strong>
|
||||
$<span th:text="${totalProgramRevenue}">0.00</span> </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div style="height: 150px; width: 250px; display: inline-table;">
|
||||
<p style="text-align: center; margin-bottom: 0;">
|
||||
<img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/new-affiliates-icon.png" height="28" width="28" align="center" alt=" ">
|
||||
</p>
|
||||
<p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
|
||||
<strong style="font-weight: 500;">
|
||||
New Approved Affiliates </strong>
|
||||
</p>
|
||||
<p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 10px;">
|
||||
<strong>
|
||||
<span th:text="${newApprovedAffiliates}">0</span> </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div style="height: 150px; width: 250px; display: inline-table;">
|
||||
<p style="text-align: center; margin-bottom: 0;">
|
||||
<img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/unpaid-earnings-icon.png" height="28" width="28" align="center" alt=" ">
|
||||
</p>
|
||||
<p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
|
||||
<strong style="font-weight: 500;">
|
||||
Unpaid Earnings </strong>
|
||||
</p>
|
||||
<p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 10px;">
|
||||
<strong>
|
||||
$<span th:text="${unpaidEarnings}">0.00</span> </strong>
|
||||
</p>
|
||||
</div>
|
||||
<div style="height: 150px; width: 250px; display: inline-table;">
|
||||
<p style="text-align: center; margin-bottom: 0;">
|
||||
<img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/paid-earnings-icon.png" height="28" width="28" align="center" alt=" ">
|
||||
</p>
|
||||
<p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
|
||||
<strong style="font-weight: 500;">
|
||||
Paid Earnings </strong>
|
||||
</p>
|
||||
<p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 10px;">
|
||||
<strong>
|
||||
$<span th:text="${paidEarnings}">0.00</span> </strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p style="text-align: center; margin-top: 20px; font-size: 15px; color: #a09e9e">
|
||||
<small>
|
||||
This email was auto-generated and sent from <a href="https://www.aida.com.hk/" style="color: #a09e9e" rel="nofollow noopener" target="_blank">AiDA</a>.</small>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Subscription Expiry Reminder</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>Dear <strong><span th:text="${userName}">User</span></strong>,</p>
|
||||
<p>We hope this message finds you well.</p>
|
||||
<p>
|
||||
As a valued member of AiDA, we want to remind you that your account subscription is set to expire in
|
||||
<strong><span th:text="${days}">X</span></strong> days. We appreciate your continued support and would love to have you with us for another term.
|
||||
</p>
|
||||
<p>
|
||||
<strong>Account Expiry Reminder</strong>: Your current subscription is scheduled to end in
|
||||
<strong><span th:text="${days}">X</span></strong> days. To ensure uninterrupted access to AiDA services, we encourage you to consider renewing your subscription.
|
||||
</p>
|
||||
<p>
|
||||
For your convenience, if you are on an online subscription, there's no need to manually resubscribe – your subscription will automatically renew unless you choose to cancel before the expiration date. Additionally, we kindly remind you that there is no refund on paid subscriptions.
|
||||
</p>
|
||||
<p>
|
||||
Thank you for being a part of AiDA. If you have any questions or need assistance, feel free to contact our support team.
|
||||
</p>
|
||||
<p>Best regards,<br/>AiDA Team</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>AiDA Works Square Verification Code</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
AiDA: The one-time verification code for registering your AiDA Works Square account is
|
||||
<strong><span th:text="${code}">123456</span></strong>,
|
||||
which will expire in 30 minutes. Please do not share with anyone.
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Password Reset Verification Code</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
AiDA: Your one-time verification code for reset password is
|
||||
<strong><span th:text="${code}">123456</span></strong>
|
||||
and will expire in 180s. Please don’t share it with anyone.
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
17
src/main/resources/templates/login/132754_绑定邮箱.html
Normal file
17
src/main/resources/templates/login/132754_绑定邮箱.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Email Binding Verification Code</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
AiDA: Your one-time verification code for AiDA binding email is
|
||||
<strong><span th:text="${code}">123456</span></strong>
|
||||
and will expire in 180s. Please don’t share it with anyone.
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
17
src/main/resources/templates/login/58020_login_aida_en.html
Normal file
17
src/main/resources/templates/login/58020_login_aida_en.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>AiDA Verification Code</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
AiDA: Your one-time verification code for AiDA log on is
|
||||
<strong><span th:text="${code}">123456</span></strong>
|
||||
and will expire in 180s. Please don’t share it with anyone.
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
16
src/main/resources/templates/login/58021_exception_ip.html
Normal file
16
src/main/resources/templates/login/58021_exception_ip.html
Normal file
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Account Login Notification</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
AiDA: Please be attention that your account is now logged at time (IP address:
|
||||
<strong><span th:text="${exceptionIp}">Unknown IP</span></strong>).
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Password Reset Verification Code</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
AiDA: Your one-time verification code for reset password is
|
||||
<strong><span th:text="${code}">123456</span></strong>
|
||||
and will expire in 180s. Please don’t share it with anyone.
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Image Upload Timeout Notification</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
<strong><span th:text="${username}">User</span></strong> 用户上传图片超时，用时
|
||||
<strong><span th:text="${time}">X</span></strong> 秒。
|
||||
请及时查看并排查。
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Function Exception Notification</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>
|
||||
<strong><span th:text="${function}">Function</span></strong>处理异常。请及时查看。
|
||||
</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Welcome to AiDA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>尊敬的 <strong><span th:text="${userName}">User</span></strong>，</p>
|
||||
<p>欢迎加入AiDA!已经为您创建了AiDA账号。</p>
|
||||
<p>账户详情：</p>
|
||||
<ul>
|
||||
<li>用户名：<strong><span th:text="${userName}">User</span></strong></li>
|
||||
<li>电子邮箱：<strong><span th:text="${email}">user@example.com</span></strong></li>
|
||||
<li>密码：[请自行设置密码]</li>
|
||||
</ul>
|
||||
<p>请使用此链接 (<a href="https://aida.com.hk/login">https://aida.com.hk/login</a>) 登录。首次登录输入的密码即为你的登录密码。</p>
|
||||
<p>账号有效期至 <strong><span th:text="${date}">2023-12-31</span></strong></p>
|
||||
<p>请注意，系统将默认开启您的自动续订。如需取消，请登录您的Code-Create账号，在“我的账号”-“订阅”中取消自动订阅。</p>
|
||||
<p>感谢您选择AiDA。如果您有任何问题或需要帮助，请随时联系我们的支持团队 <a href="mailto:info@code-create.com.hk">info@code-create.com.hk</a>。</p>
|
||||
<p>祝好，<br/>AiDA团队</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Welcome to AiDA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>Dear <strong><span th:text="${userName}">User</span></strong>,</p>
|
||||
<p>Welcome to AiDA! Your AiDA account has been successfully created.</p>
|
||||
<p>Account Details:</p>
|
||||
<ul>
|
||||
<li>Username: <strong><span th:text="${userName}">User</span></strong></li>
|
||||
<li>Email: <strong><span th:text="${email}">user@example.com</span></strong></li>
|
||||
<li>Password: [Please set your own password]</li>
|
||||
</ul>
|
||||
<p>Please use this link (<a href="https://aida.com.hk/login">https://aida.com.hk/login</a>) to log in. The first password you enter upon logging in will be your login password.</p>
|
||||
<p>Account valid until <strong><span th:text="${date}">2023-12-31</span></strong>.</p>
|
||||
<p>Please note, the system will automatically enable your auto-renewal. If you wish to cancel, please log in to your Code-Create account and navigate to "My Account" - "Subscriptions" to disable auto-renewal.</p>
|
||||
<p>Thank you for choosing AiDA. If you have any questions or need assistance, please feel free to contact our support team at <a href="mailto:info@code-create.com.hk">info@code-create.com.hk</a>.</p>
|
||||
<p>Best regards,<br/>AiDA Team</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Renewal Confirmation</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>尊敬的 <strong><span th:text="${userName}">User</span></strong>，</p>
|
||||
<p>已为您成功续费AiDA。本次续费后账户有效期至 <strong><span th:text="${date}">2023-12-31</span></strong>。</p>
|
||||
<p>非常感谢您对AiDA的支持。如果您有任何问题或需要帮助，请随时联系我们的支持团队 <a href="mailto:info@code-create.com.hk">info@code-create.com.hk</a>。</p>
|
||||
<p>祝好，<br/>AiDA团队</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<title>Renewal Confirmation</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>Dear <strong><span th:text="${userName}">User</span></strong>,</p>
|
||||
<p>Your AiDA subscription has been successfully renewed. After this renewal, your account will be valid until <strong><span th:text="${date}">2023-12-31</span></strong>.</p>
|
||||
<p>Thank you very much for your support of AiDA. If you have any questions or need assistance, please feel free to contact our support team at <a href="mailto:info@code-create.com.hk">info@code-create.com.hk</a>.</p>
|
||||
<p>Best regards,<br/>AiDA Team</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,112 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0">
|
||||
</p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">New Credit Purchase Order</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
<p style="margin: 0 0 16px;">You have received an order from Alipay-HK. The payer is: <strong><span th:text="${username}">User</span></strong></p>
|
||||
<h2 style="color: #9a2125; display: block; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">Details</h2>
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">AiDA Credits</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}">1</span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount">
|
||||
<span class="woocommerce-Price-currencySymbol">$</span>
|
||||
<span th:text="${totalFee}">0.00</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p style="margin: 0 0 16px;">Congratulations on the sale.</p>
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>The AiDA Team</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From AiDA</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,167 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#body_content table>tbody>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Subscription Cancelled</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">A subscription belonging to
|
||||
<span th:text="${username}"></span> has been cancelled. Their subscription's
|
||||
details are as follows:</p>
|
||||
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Subscription</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Last Order Date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End of Prepaid Term</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle;" align="left">
|
||||
<span th:text="${subscriptionId}"></span> </td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle;" align="left">
|
||||
<span th:text="${lastOrderDate}"></span> </td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle;" align="left">
|
||||
<span th:text="${endOfPrepaidTerm}"></span> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
[Order #<span th:text="${orderId}"></span>]
|
||||
</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
AiDA</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span> </td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">Subtotal:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,154 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">New subscription renewal order</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">You have received a subscription renewal order from <span th:text="${username}"></span>. Their order is as follows:</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
[Order #<span th:text="${orderId}"></span>] (<span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">Subtotal:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">Subscription information</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">ID</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Start date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Recurring total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">When cancelled</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> every 1 <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">Your next payment is due on <strong><span th:text="${nextPayDate}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">Congratulations on the sale.</p>
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,172 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table>tbody>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Your renewal order is complete</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">Hi <span th:text="${username}"></span>,</p>
|
||||
<p style="margin: 0 0 16px;">We have finished processing
|
||||
your subscription renewal order.</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
<a class="link" th:href="${orderRef}" style="font-weight: bold; text-decoration: underline; color: #9a2125;">[Order #<span th:text="${orderId}"></span>]</a>
|
||||
(<span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">Subtotal:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Note:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">AiDA</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
Subscription information</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">ID</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Start date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Recurring total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span>
|
||||
</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">When cancelled</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
/ <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">
|
||||
Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">
|
||||
Your next payment is due on
|
||||
<strong><span th:text="${nextPayDate}"></span></strong>
|
||||
</p>
|
||||
<p style="margin: 0 0 16px;">Thanks for your subscription.
|
||||
</p>
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; color: #8a8a8a; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,160 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">您的续订订单已完成</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;"><span th:text="${username}"></span> 您好,</p>
|
||||
<p style="margin: 0 0 16px;">我们已完成您的订阅续订订单的处理。</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
<a class="link" th:href="${orderRef}" style="font-weight: bold; text-decoration: underline; color: #9a2125;">[订单 #<span th:text="${orderId}"></span>]</a>
|
||||
(<span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">产品</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">数量</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">价格</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">购物小计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">付款方式：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">总计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">备注：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">AiDA</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">订阅信息</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅开始日期</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅结束日期</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">续订信息</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">手动取消订阅时</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> / <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">用户名： <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">您的下次付款截止日期是 <strong><span th:text="${nextPayDate}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">感谢您的订阅。</p>
|
||||
<p style="margin: 0 0 16px;">谨上，<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; color: #8a8a8a; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Subscription Renewal Reminder</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">Hi <span th:text="${username}"></span>,<br><br>Just a friendly reminder that your Code-Create subscription will renew on <span th:text="${renewalTime}"></span>.<br><br>If you have a valid payment method on file with us, you don't need to do anything.<br><br>Your subscription details are below:</p>
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
[Subscription #<span th:text="${subscriptionId}"></span>]</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> every 1 <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">Subtotal:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> every 1 <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">订阅续订提醒</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;"><span th:text="${username}"></span> 您好,<br><br>温馨提醒，您的Code-Create订阅将于 <span th:text="${renewalTime}"></span> 续订.<br><br>如果您在我们这里有有效的支付方式，您无需采取任何操作。<br><br>您的订阅详情如下：</p>
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
[订阅信息 #<span th:text="${subscriptionId}"></span>]</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">产品</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">数量</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">价格</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> 每 <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">购物小计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">付款方式：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">总计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> 每 <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">用户名： <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">谨上，<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,171 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table>tbody>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Order Failed: #<span th:text="${orderId}"></span></h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">Payment for order #<span th:text="${orderId}"></span>
|
||||
from <span th:text="${username}"></span> has failed. The order was as follows:
|
||||
</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
[Order #<span th:text="${orderId}"></span>] (<span th:text="${createDate}"></span>)
|
||||
</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">last4:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${last4}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">FailMessage:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${failMessage}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
Subscription information</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">ID</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Start date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Recurring total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span>
|
||||
</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">When cancelled</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
every 1 <span th:text="${subscriptionType}"></span> <br>
|
||||
<small>Next payment:
|
||||
<span th:text="${nextPayDate}"></span></small>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">
|
||||
Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">
|
||||
Your next payment is due on
|
||||
<strong><span th:text="${nextPayDate}"></span></strong></p>
|
||||
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table>tbody>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Order Failed: #<span th:text="${orderId}"></span></h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">Payment for order #<span th:text="${orderId}"></span>
|
||||
from <span th:text="${username}"></span> has failed. The order was as follows:
|
||||
</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
[Order #<span th:text="${orderId}"></span>] (<span th:text="${createDate}"></span>)
|
||||
</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">last4:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${last4}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">FailMessage:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${failMessage}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">
|
||||
Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,186 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" dir="ltr" lang="en-US">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#body_content table>tbody>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Order Failed: #<span th:text="${orderId}"></span></h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">Hi <span th:text="${username}"></span>,</p>
|
||||
<p style="margin: 0 0 16px;">We have noticed that the automatic renewal for your AiDA subscription was unsuccessful. To ensure that you can continue using our services, please visit your <a href="#" th:href="${orderRef}" style="color: #9a2125; font-weight: normal; text-decoration: underline;">
|
||||
account page </a> to make a payment.</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
<a class="link" href="#" th:href="${orderRef}" style="font-weight: bold; text-decoration: underline; color: #9a2125;">[Order #<span th:text="${orderId}"></span>]</a> (<span th:text="${createDate}"></span>)
|
||||
</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">last4:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${last4}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">FailMessage:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${failMessage}"></span></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
Subscription information</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">ID</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Start date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Recurring total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span>
|
||||
</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">When cancelled</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
every 1 <span th:text="${subscriptionType}"></span> <br>
|
||||
<small>Next payment:
|
||||
<span th:text="${nextPayDate}"></span></small>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>You can reprocess this subscription payment from your <a href="#" th:href="${orderRef}" style="color: #9a2125; font-weight: normal; text-decoration: underline;">
|
||||
account page</a>.</p>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">
|
||||
Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" lang="en-US">
|
||||
|
||||
<head>
|
||||
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#body_content table>tbody>tr>td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Order Failed: #<span th:text="${orderId}"></span></h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;"><span th:text="${username}"></span> 您好,</p>
|
||||
<p style="margin: 0 0 16px;">我们注意到您订阅的 AiDA 服务自动续费未能成功。为了确保您能够继续使用我们的服务，请您访问<a href="#" th:href="${orderRef}" style="color: #9a2125; font-weight: normal; text-decoration: underline;">
|
||||
个人订单页面 </a>重新进行支付。</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
<a class="link" href="#" th:href="${orderRef}" style="font-weight: bold; text-decoration: underline; color: #9a2125;">[订单 #<span th:text="${orderId}"></span>]</a> (<span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">产品</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">数量</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">价格</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">付款方式：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; " align="left">卡号后4位：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol"></span><span th:text="${last4}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">失败原因：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${failMessage}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">总计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${totalFee}"></span></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
订阅信息</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅号</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅开始日期</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅结束日期</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">续订信息</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span>
|
||||
</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">手动取消订阅时</td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
/ <span th:text="${subscriptionType}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>您可以从您的<a href="#" th:href="${orderRef}" style="color: #9a2125; font-weight: normal; text-decoration: underline;">
|
||||
账户页面</a>重新处理此订阅付款。</p>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">
|
||||
用户名： <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">感谢您的订阅。</p>
|
||||
<p style="margin: 0 0 16px;">谨上，<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; color: #8a8a8a; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,158 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">感谢您的订阅</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;"><span th:text="${username}"></span> 您好,</p>
|
||||
<p style="margin: 0 0 16px;">我们已完成您的订阅订单处理。</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
<a class="link" href="#" th:href="${orderRef}" style="font-weight: bold; text-decoration: underline; color: #9a2125;">[订单 #<span th:text="${orderId}"></span>]</a>
|
||||
( <span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">产品</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">数量</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">价格</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">购物小计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">付款方式：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">总计：</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">订阅信息</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅开始日期</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">订阅结束日期</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">续订信息</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${endDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> / <span th:text="${subscriptionType}"></span>
|
||||
<br>
|
||||
<small>下次付款日期: <span th:text="${nextPayDate}"></span></small>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">用户名: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">您的下次付款截止日期是 <strong><span th:text="${nextPayDate}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">感谢您的订阅。</p>
|
||||
<p style="margin: 0 0 16px;">谨上，<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; color: #8a8a8a; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,158 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">Thanks for your subscription.</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">Hi <span th:text="${username}"></span>,</p>
|
||||
<p style="margin: 0 0 16px;">We have finished processing your subscription order.</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">
|
||||
<a class="link" href="#" th:href="${orderRef}" style="font-weight: bold; text-decoration: underline; color: #9a2125;">[Order #<span th:text="${orderId}"></span>]</a>
|
||||
( <span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">Subtotal:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">Subscription information</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">ID</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Start date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Recurring total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${endDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> / <span th:text="${subscriptionType}"></span>
|
||||
<br>
|
||||
<small>Next payment: <span th:text="${nextPayDate}"></span></small>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">Your next payment is due on <strong><span th:text="${nextPayDate}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">Thanks for your subscription.</p>
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; color: #8a8a8a; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org" dir="ltr" lang="en-US">
|
||||
<head>
|
||||
<title>Code-Create</title>
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 600px) {
|
||||
#header_wrapper {
|
||||
padding: 27px 36px !important;
|
||||
font-size: 24px;
|
||||
}
|
||||
#body_content table > tbody > tr > td {
|
||||
padding: 10px !important;
|
||||
}
|
||||
#body_content_inner {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="background-color: #f7f7f7; padding: 0; text-align: center;" bgcolor="#f7f7f7">
|
||||
<div id="wrapper" dir="ltr" style="margin: 0 auto; padding: 70px 0; width: 100%; max-width: 600px; -webkit-text-size-adjust: none;" width="100%">
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<div id="template_header_image">
|
||||
<p style="margin-top: 0;"><img src="https://code-create.com.hk/wp-content/uploads/2022/12/logo_black.png" alt="Code-Create" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; max-width: 100%; margin-left: 0; margin-right: 0;" border="0"></p>
|
||||
</div>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #fff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 3px;" bgcolor="#fff">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header" style="background-color: #9a2125; color: #fff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; border-radius: 3px 3px 0 0;" bgcolor="#9a2125">
|
||||
<tr>
|
||||
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
|
||||
<h1 style="font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #ae4d51; color: #fff; background-color: inherit;" bgcolor="inherit">New Order: #<span th:text="${orderId}"></span></h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
|
||||
<tr>
|
||||
<td valign="top" id="body_content" style="background-color: #fff;" bgcolor="#fff">
|
||||
<table border="0" cellpadding="20" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 48px 48px 32px;">
|
||||
<div id="body_content_inner" style="color: #636363; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 14px; line-height: 150%; text-align: left;" align="left">
|
||||
|
||||
<p style="margin: 0 0 16px;">You’ve received the following order from <span th:text="${username}"></span>:</p>
|
||||
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">[Order #<span th:text="${orderId}"></span>]
|
||||
|
||||
( <span th:text="${createDate}"></span>)</h2>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Product</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Quantity</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="order_item">
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; word-wrap: break-word;" align="left">
|
||||
AiDA
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span th:text="${quantity}"></span>
|
||||
</td>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; padding: 12px; text-align: left; vertical-align: middle; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left">Subtotal:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left; border-top-width: 4px;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Payment method:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${paymentMethod}"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="td" scope="row" colspan="2" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Total:</th>
|
||||
<td class="td" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 40px;">
|
||||
<h2 style="color: #9a2125; display: block; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 18px; font-weight: bold; line-height: 130%; margin: 0 0 18px; text-align: left;">Subscription information</h2>
|
||||
<table class="td" cellspacing="0" cellpadding="6" border="1" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; width: 100%; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0.5em;" width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">ID</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Start date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">End date</th>
|
||||
<th class="td" scope="col" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">Recurring total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">#<span th:text="${subscriptionId}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${startDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left"><span th:text="${endDate}"></span></td>
|
||||
<td class="td" scope="row" style="color: #636363; border: 1px solid #e5e5e5; vertical-align: middle; padding: 12px; text-align: left;" align="left">
|
||||
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span><span th:text="${totalFee}"></span></span> every 1 <span th:text="${subscriptionType}"></span>
|
||||
<br>
|
||||
<small>Next payment: <span th:text="${nextPayDate}"></span></small>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p style="margin: 0 0 10px; text-align: left;" align="left">Username: <strong><span th:text="${username}"></span></strong></p>
|
||||
<p style="margin: 0 0 20px; text-align: left;" align="left">Your next payment is due on <strong><span th:text="${nextPayDate}"></span></strong></p>
|
||||
<p style="margin: 0 0 16px;">Congratulations on the sale.</p>
|
||||
<p style="margin: 0 0 16px;">Yours sincerely,<br>Code-Create</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
|
||||
<tr>
|
||||
<td valign="top" style="padding: 0; border-radius: 6px;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td colspan="2" valign="middle" id="credit" style="border-radius: 6px; border: 0; font-family: &quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif; font-size: 12px; line-height: 150%; text-align: center; padding: 24px 0; color: #3c3c3c;" align="center">
|
||||
<p style="margin: 0 0 16px;">From Code-Create</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Trial Order Approval Notification</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Dear Approver,</p>
|
||||
<p>A new trial order request is awaiting your approval.</p>
|
||||
<p>Order Details:</p>
|
||||
<ul>
|
||||
<li>Surname: <span th:text="${surname}"></span></li>
|
||||
<li>Given Name: <span th:text="${givenName}"></span></li>
|
||||
<li>Username: <span th:text="${userName}"></span></li>
|
||||
<li>Email: <span th:text="${email}"></span></li>
|
||||
<li>Country: <span th:text="${country}"></span></li>
|
||||
</ul>
|
||||
<p>Please log in to the system to proceed with the approval. Your timely action will greatly assist our service provision.</p>
|
||||
<p>Thank you!</p>
|
||||
<p>Best regards,<br>AIDA Team</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Trial Order Approved Notification</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Dear approver,</p>
|
||||
<p>The following trial order request has been approved. The applicant will be notified accordingly.</p>
|
||||
<p>Order Details:</p>
|
||||
<ul>
|
||||
<li>Surname: <span th:text="${surname}"></span></li>
|
||||
<li>Given Name: <span th:text="${givenName}"></span></li>
|
||||
<li>Username: <span th:text="${userName}"></span></li>
|
||||
<li>Email: <span th:text="${email}"></span></li>
|
||||
<li>Country: <span th:text="${country}"></span></li>
|
||||
</ul>
|
||||
<p>Thank you for your prompt approval!</p>
|
||||
<p>Best regards,<br>AIDA Team</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Trial Order Approval Notification</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Dear <span th:text="${title}"></span> <span th:text="${givenName}"></span> <span th:text="${surname}"></span>,</p>
|
||||
<p>Congratulations! Your trial order request has been approved.</p>
|
||||
<p>Account Details:</p>
|
||||
<ul>
|
||||
<li>Username: <span th:text="${userName}"></span></li>
|
||||
<li>Email: <span th:text="${email}"></span></li>
|
||||
<li>Password: [Your First Login Password]</li>
|
||||
</ul>
|
||||
<p>You now have a trial account with AIDA. Please use this <a href="https://aida.com.hk/login">link</a> to login. When you log in for the first time, your initial password will be set as the same password you use to log in.</p>
|
||||
<p>Trial Period: <span th:text="${days}"></span> Days</p>
|
||||
<p>Thank you for choosing AIDA. If you have any questions or need assistance, feel free to contact our support team.</p>
|
||||
<p>Best regards,<br>AIDA Team</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>试用订单批准通知</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>尊敬的 <span th:text="${title}"></span> <span th:text="${givenName}"></span> <span th:text="${surname}"></span>，</p>
|
||||
<p>恭喜您！您的试订单请求已获批准。</p>
|
||||
<p>账户详情：</p>
|
||||
<ul>
|
||||
<li>用户名：<span th:text="${userName}"></span></li>
|
||||
<li>电子邮箱：<span th:text="${email}"></span></li>
|
||||
<li>密码：[您的首次登录密码]</li>
|
||||
</ul>
|
||||
<p>您现在拥有一个AIDA的试用账户。请使用此 <a href="https://aida.com.hk/login">链接</a> 登录。首次登录时，您的初始密码将与您用于登录的密码相同。</p>
|
||||
<p>试用期：<span th:text="${days}"></span> 天</p>
|
||||
<p>感谢您选择AiDA。如果您有任何问题或需要帮助，请随时联系我们的支持团队。</p>
|
||||
<p>祝好，<br>AiDA团队</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>通知邮件</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Dear management,</p>
|
||||
<p>The email attachment contains a list of trial user orders that were applied for and approved the previous day.</p>
|
||||
<p>Best regards,<br>AiDA Team</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>关于AiDA试用用户账户申请订单的通知</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Dear management</p>
|
||||
<p>There were no new AiDA trial user account application orders added yesterday.</p>
|
||||
<p>Best regards,<br>AiDA team</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AiDA 3.0 System Upgrade Notification</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Dear <span th:text="${userName}"></span>,</p>
|
||||
<p>We are pleased to inform you that the AiDA 3.0 system has been successfully upgraded, and all services are now fully operational. We appreciate your patience during the upgrade process. You can now experience the new version by visiting <a href="https://www.aida.com.hk">https://www.aida.com.hk</a>. For more details, please refer to the user manual <a href="https://code-create.com.hk/wp-content/uploads/2025/02/aida_3.0-Manual-2_5-EN.pdf">https://code-create.com.hk/wp-content/uploads/2025/02/aida_3.0-Manual-2_5-EN.pdf</a> and demo video <a href="https://code-create.com.hk/wp-content/uploads/2025/02/AiDA-demo-video_2_5_EN.mp4">https://code-create.com.hk/wp-content/uploads/2025/02/AiDA-demo-video_2_5_EN.mp4</a>.</p>
|
||||
<p>Here's what's new in this update:</p>
|
||||
<ol>
|
||||
<li>Added quick login options with Google and WeChat integration, allowing instant access to AiDA after registration as trial user.</li>
|
||||
<li>Enhanced user profile interface with Google and WeChat account binding, hover - view user information, and personal information editing capabilities.</li>
|
||||
<li>Introduced in - app subscription feature with subscription management, purchase history viewing, and payment details.</li>
|
||||
<li>Redesigned main interface with a three - column layout, featuring streaming display, drag - and - drop sorting, and zoom/delete functionality.</li>
|
||||
<li>Extended drawing shortcuts with new hotkeys for brush size adjustment and undo operations.</li>
|
||||
<li>Optimized guest access privileges, enabling viewing of favorites and history pages.</li>
|
||||
<li>Refreshed interface design for both HISTORY and LIBRARY pages.</li>
|
||||
</ol>
|
||||
<p>Best regards,<br>AiDA Team</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AiDA 3.0系统升级通知</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>尊敬的 <span th:text="${userName}"></span>，</p>
|
||||
<p>我们很高兴地宣布，AiDA 3.0系统的计划升级已成功完成，所有服务现已全面恢复运行。感谢您在升级期间的耐心和理解。请访问 <a href="https://www.aida.com.hk">https://www.aida.com.hk</a> 开始体验全新版本。使用详情请参考用户手册 <a href="https://code-create.com.hk/wp-content/uploads/2025/02/aida_3.0-Manual-2_5-CN.pdf">https://code-create.com.hk/wp-content/uploads/2025/02/aida_3.0-Manual-2_5-CN.pdf</a> 和演示视频 <a href="https://code-create.com.hk/wp-content/uploads/2025/02/AiDA-demo-video_2_5_CN.mp4">https://code-create.com.hk/wp-content/uploads/2025/02/AiDA-demo-video_2_5_CN.mp4</a>。</p>
|
||||
<p>本次更新内容如下：</p>
|
||||
<ol>
|
||||
<li>新增谷歌和微信快捷登录功能，注册后即可试用AiDA。</li>
|
||||
<li>升级个人信息页面，用户可绑定谷歌、微信账号，鼠标悬停可查看用户信息，支持个人信息修改。</li>
|
||||
<li>新增系统内订阅功能，支持订阅管理、查看购买记录和付款详情。</li>
|
||||
<li>全新三栏式主界面设计，支持流式展示、拖拽排序、缩放删除等操作。</li>
|
||||
<li>扩展绘画快捷键功能，新增画笔大小调节和撤回等快捷键。</li>
|
||||
<li>优化游客权限，开放收藏和历史记录查看功能。</li>
|
||||
<li>重新设计HISTORY和LIBRARY界面风格。</li>
|
||||
</ol>
|
||||
<p>祝好，<br>AiDA团队</p>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user