add reset password email and route
This commit is contained in:
parent
fff3c3ca50
commit
d36c34dd17
12 changed files with 433 additions and 68 deletions
47
src/environment/mailer/templates/forgot-password.html
Normal file
47
src/environment/mailer/templates/forgot-password.html
Normal file
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{subject}}</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0066cc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Password Reset - {{companyName}}</h1>
|
||||
|
||||
<p>Hi {{displayName}},</p>
|
||||
|
||||
<p>You requested a password reset for your account. Click the link below to reset your password:</p>
|
||||
|
||||
<p><a href="{{resetUrl}}">{{resetUrl}}</a></p>
|
||||
|
||||
<p>{{willExpire}} for security reasons.</p>
|
||||
|
||||
<p>If you did not request this password reset, please ignore this email. Your password will remain unchanged.</p>
|
||||
|
||||
<p>Questions? Contact {{supportEmail}}</p>
|
||||
|
||||
<p>Best regards,<br>
|
||||
The {{companyName}} team</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<p><small>User ID: {{id}} | © {{currentYear}} {{companyName}}</small></p>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -11,89 +11,35 @@
|
|||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
line-height: 1.6;
|
||||
background-color: #1a1a1a;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #4a9eff;
|
||||
margin-bottom: 20px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4a9eff;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 12px 24px;
|
||||
background-color: #2d7a2d;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.expiry-notice {
|
||||
background-color: #2a2a2a;
|
||||
border: 1px solid #444;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
margin: 15px 0;
|
||||
color: #ffa500;
|
||||
}
|
||||
|
||||
.fallback-url {
|
||||
word-break: break-all;
|
||||
background-color: #2a2a2a;
|
||||
border: 1px solid #444;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #444;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
color: #0066cc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h2>Welcome to {{companyName}}!</h2>
|
||||
<h1>Welcome to {{companyName}}!</h1>
|
||||
|
||||
<p>Hi {{displayName}},</p>
|
||||
|
||||
<p>Thanks for signing up! Please verify your email address to activate your account:</p>
|
||||
<p>Please verify your email address:</p>
|
||||
|
||||
<p><a href="{{verificationUrl}}" class="button">Verify Email Address</a></p>
|
||||
<p><a href="{{verificationUrl}}">{{verificationUrl}}</a></p>
|
||||
|
||||
<div class="expiry-notice">
|
||||
<strong>⏰ Important:</strong> {{willExpire}} for security reasons.
|
||||
</div>
|
||||
<p>{{willExpire}} for security reasons.</p>
|
||||
|
||||
<p><strong>If the button doesn't work:</strong></p>
|
||||
<p>Copy and paste this link into your browser:</p>
|
||||
<div class="fallback-url">{{verificationUrl}}</div>
|
||||
<p>Questions? Contact {{supportEmail}}</p>
|
||||
|
||||
<p>Once verified, you'll have full access to your {{companyName}} account!</p>
|
||||
|
||||
<p>Questions? Reply to this email or contact us at {{supportEmail}}</p>
|
||||
<p>Best regards,<br>
|
||||
The {{companyName}} team</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>Best regards,<br>The {{companyName}} team</p>
|
||||
<p><small>User ID: {{id}} | © {{currentYear}} {{companyName}}</small></p>
|
||||
|
||||
<div class="footer">
|
||||
<p>User ID: {{id}}</p>
|
||||
<p>© {{currentYear}} {{companyName}}. All rights reserved.</p>
|
||||
<p><small>This is an automated message. Please do not reply directly to this email.</small></p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue