planpostai/canvas_backend_dev
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update url to server url

Browse source
This commit is contained in:
smfahim25 2025-03-20 15:50:41 +06:00
parent c570604348
commit 90fec3fcc6
3 changed files with 224 additions and 217 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

110
src/html/alreadyVerify.html
View file

@ -1,71 +1,67 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Already Verified</title> <title>Already Verified</title>
<style> <style>
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
background-color: #f5f0ff; background-color: #f5f0ff;
} }
.container { .container {
background: white; background: white;
padding: 30px; padding: 30px;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
text-align: center; text-align: center;
width: 350px; width: 350px;
} }
h1 { h1 {
color: #28a745; color: #28a745;
font-size: 24px; font-size: 24px;
} }
p { p {
margin: 15px 0; margin: 15px 0;
font-size: 16px; font-size: 16px;
color: #333; color: #333;
} }
.btn { .btn {
display: inline-block; display: inline-block;
padding: 12px 20px; padding: 12px 20px;
font-size: 16px; font-size: 16px;
color: white; color: white;
background: #ff3366; background: #ff3366;
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
transition: 0.3s; transition: 0.3s;
} }
.btn:hover { .btn:hover {
background: #cc284f; background: #cc284f;
} }
</style> </style>
</head> </head>
<body>
<body>
<div class="container"> <div class="container">
<h1>✅ Verified User!</h1> <h1>✅ Verified User!</h1>
<p>You are already verified. Please log in to continue.</p> <p>You are already verified. Please log in to continue.</p>
<a href="http://localhost:5175/login" class="btn">Log In</a> <a href="https://canvasdev.planpostai.com/login" class="btn">Log In</a>
</div> </div>
</body>
</body> </html>
</html>

223
src/html/resetPassword.html
View file

@ -1,129 +1,142 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reset Password</title> <title>Reset Password</title>
<style> <style>
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
background-color: #f5f0ff; background-color: #f5f0ff;
} }
.container { .container {
background: white; background: white;
padding: 30px; padding: 30px;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
width: 350px; width: 350px;
text-align: center; text-align: center;
} }
h2 { h2 {
margin-bottom: 15px; margin-bottom: 15px;
color: #333; color: #333;
} }
.input-group { .input-group {
width: 100%; width: 100%;
margin-bottom: 15px; margin-bottom: 15px;
} }
input { input {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
border: 2px solid #ff6a88; border: 2px solid #ff6a88;
border-radius: 5px; border-radius: 5px;
font-size: 16px; font-size: 16px;
outline: none; outline: none;
} }
input:focus { input:focus {
border-color: #ff3366; border-color: #ff3366;
} }
.error { .error {
color: red; color: red;
font-size: 14px; font-size: 14px;
display: none; display: none;
margin-top: 5px; margin-top: 5px;
} }
button { button {
width: 100%; width: 100%;
padding: 12px; padding: 12px;
background: #ff3366; background: #ff3366;
border: none; border: none;
color: white; color: white;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: 5px;
transition: 0.3s; transition: 0.3s;
} }
button:hover { button:hover {
background: #cc284f; background: #cc284f;
} }
</style> </style>
</head> </head>
<body>
<body>
<div class="container"> <div class="container">
<h2>Reset Your Password</h2> <h2>Reset Your Password</h2>
<hr><br> <hr />
<form id="reset-form"> <br />
<div class="input-group"> <form id="reset-form">
<input type="password" id="password" placeholder="Enter new password" required /> <div class="input-group">
</div> <input
<div class="input-group"> type="password"
<input type="password" id="confirm-password" placeholder="Confirm new password" required /> id="password"
<p class="error" id="error-message">Passwords do not match!</p> placeholder="Enter new password"
</div> required
<button type="submit">Reset Password</button> />
</form> </div>
<div class="input-group">
<input
type="password"
id="confirm-password"
placeholder="Confirm new password"
required
/>
<p class="error" id="error-message">Passwords do not match!</p>
</div>
<button type="submit">Reset Password</button>
</form>
</div> </div>
<script> <script>
document.getElementById("reset-form").addEventListener("submit", async function (event) { document
event.preventDefault(); .getElementById("reset-form")
.addEventListener("submit", async function (event) {
event.preventDefault();
const password = document.getElementById("password").value; const password = document.getElementById("password").value;
const confirmPassword = document.getElementById("confirm-password").value; const confirmPassword =
const errorMessage = document.getElementById("error-message"); document.getElementById("confirm-password").value;
const errorMessage = document.getElementById("error-message");
if (password !== confirmPassword) { if (password !== confirmPassword) {
errorMessage.style.display = "block"; errorMessage.style.display = "block";
return; return;
} else { } else {
errorMessage.style.display = "none"; errorMessage.style.display = "none";
}
const urlParams = new URLSearchParams(window.location.search);
const token = urlParams.get("token");
const response = await fetch(
`https://canvasdev.planpostai.com/api/auth/reset-password?token=${token}`,
{
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ password }),
} }
);
const urlParams = new URLSearchParams(window.location.search); const data = await response.json();
const token = urlParams.get("token"); window.location.href = "https://canvasdev.planpostai.com/login";
alert(data.message);
const response = await fetch(`http://localhost:3000/api/auth/reset-password?token=${token}`, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ password })
});
const data = await response.json();
window.location.href="http://localhost:5175/login";
alert(data.message);
}); });
</script> </script>
</body>
</body> </html>
</html>

108
src/html/success.html
View file

@ -1,69 +1,67 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verification Successful</title> <title>Verification Successful</title>
<style> <style>
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
background-color: #f5f0ff; background-color: #f5f0ff;
} }
.container { .container {
background: white; background: white;
padding: 30px; padding: 30px;
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
text-align: center; text-align: center;
width: 350px; width: 350px;
} }
h1 { h1 {
color: #28a745; color: #28a745;
font-size: 24px; font-size: 24px;
} }
p { p {
margin: 15px 0; margin: 15px 0;
font-size: 16px; font-size: 16px;
color: #333; color: #333;
} }
.btn { .btn {
display: inline-block; display: inline-block;
padding: 12px 20px; padding: 12px 20px;
font-size: 16px; font-size: 16px;
color: white; color: white;
background: #ff3366; background: #ff3366;
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
transition: 0.3s; transition: 0.3s;
} }
.btn:hover { .btn:hover {
background: #cc284f; background: #cc284f;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>✅ Verification Successful!</h1> <h1>✅ Verification Successful!</h1>
<p>Your email has been verified. You can now log in.</p> <p>Your email has been verified. You can now log in.</p>
<a href="http://localhost:5175/login" class="btn">Log In</a> <a href="https://canvasdev.planpostai.com/login" class="btn">Log In</a>
</div> </div>
</body> </body>
</html>
</html>