atums.world/backend
3
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move to generalized auth instead of login register page

Browse source
This commit is contained in:
creations 2025-03-19 01:04:49 -04:00
parent 17d7e4f238
commit 99f170750c
Signed by: creations
GPG key ID: 8F553AA4320FC711
6 changed files with 179 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/routes/auth/register.ts Normal file
View file

@ -0,0 +1,24 @@
import { getSetting } from "@config/sql/settings";
import { renderEjsTemplate } from "@helpers/ejs";
const routeDef: RouteDef = {
method: "GET",
accepts: "*/*",
returns: "text/html",
};
async function handler(request: ExtendedRequest): Promise<Response> {
if (request.session) return Response.redirect("/");
const instanceName: string =
(await getSetting("instance_name")) || "Unnamed Instance";
const ejsTemplateData: EjsTemplateData = {
title: `Register - ${instanceName}`,
instance_name: instanceName,
};
return await renderEjsTemplate("auth/register", ejsTemplateData);
}
export { handler, routeDef };

50
src/views/auth/login.ejs
View file

@ -2,58 +2,22 @@
<html lang="en">
<head>
<%- include("../global", { styles: ["auth/login"], scripts: ["auth/login"] }) %>
<%- include("../global", { styles: ["auth"], scripts: ["auth"] }) %>
</head>
<body>
<div class="login-container">
<div class="login-logo">
<h1>
<%= instance_name %>
</h1>
<div class="auth-container">
<div class="auth-logo">
<h1><%= instance_name %></h1>
<p>Sign in to your account</p>
</div>
<div class="login-card">
<div class="login-header">
<div class="auth-card">
<div class="auth-header">
<h2>Welcome Back</h2>
</div>
<div class="login-form">
<div class="error-message" id="error-message">
Invalid email or password. Please try again.
</div>
<form id="login-form">
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" required placeholder="Enter your email">
</div>
<div class="form-group password-group">
<label for="password">Password</label>
<div class="password-wrapper">
<input type="password" name="password" id="password" required placeholder="Enter your password">
<svg id="toggle-password" class="toggle-password" viewBox="0 0 24 24">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 13c-3.03 0-5.5-2.47-5.5-5.5s2.47-5.5 5.5-5.5 5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5zm0-9a3.5 3.5 0 100 7 3.5 3.5 0 000-7z"/>
</svg>
</div>
</div>
<div class="form-footer">
<label>
<input type="checkbox" name="remember" id="remember">Remember me
</label>
<a href="/auth/forgot-password">Forgot password?</a>
</div>
<button type="submit">Login</button>
</form>
<div class="login-register">
<p>Don't have an account? <a href="/auth/register" class="register-link">Register</a></p>
</div>
</div>
<%- include("../partials/authForm", { pageType: "login" }) %>
</div>
</div>
</body>

25
src/views/auth/register.ejs Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<%- include("../global", { styles: ["auth"], scripts: ["auth"] }) %>
</head>
<body>
<div class="auth-container">
<div class="auth-logo">
<h1><%= instance_name %></h1>
<p>Create your account</p>
</div>
<div class="auth-card">
<div class="auth-header">
<h2>Join Us</h2>
</div>
<%- include("../partials/authForm", { pageType: "register" }) %>
</div>
</div>
</body>
</html>

49
src/views/partials/authForm.ejs Normal file
View file

@ -0,0 +1,49 @@
<div class="auth-form">
<div class="error-message" id="error-message">
<%= pageType === "register" ? "Registration failed. Please try again." : "Invalid email or password. Please try again." %>
</div>
<form id="<%= pageType === "register" ? "register-form" : "login-form" %>" class="form">
<% if (pageType === "register") { %>
<div class="form-group">
<label for="username">Username</label>
<input type="text" name="username" id="username" required placeholder="Enter your username">
</div>
<% } %>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" required placeholder="Enter your email">
</div>
<div class="form-group password-group">
<label for="password">Password</label>
<div class="password-wrapper">
<input type="password" name="password" id="password" required placeholder="Enter your password">
<svg id="toggle-password" class="toggle-password" viewBox="0 0 24 24">
<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 13c-3.03 0-5.5-2.47-5.5-5.5s2.47-5.5 5.5-5.5 5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5zm0-9a3.5 3.5 0 100 7 3.5 3.5 0 000-7z"/>
</svg>
</div>
</div>
<% if (pageType !== "register") { %>
<div class="form-footer">
<label>
<input type="checkbox" name="remember" id="remember-me">Remember me
</label>
<a href="/auth/forgot-password">Forgot password?</a>
</div>
<% } %>
<button type="submit"><%= pageType === "register" ? "Register" : "Login" %></button>
</form>
<div class="auth-toggle">
<p>
<%= pageType === "register" ? "Already have an account?" : "Don't have an account?" %>
<a href="<%= pageType === 'register' ? '/auth/login' : '/auth/register' %>" class="auth-link">
<%= pageType === "register" ? "Login" : "Register" %>
</a>
</p>
</div>
</div>