theis.gaedigk/login-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed frontend

Browse Source
This commit is contained in:
theis.gaedigk
2025-06-20 23:52:07 +02:00
parent 63d120cc4e
commit c26a19ec7b
4 changed files with 68 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored
View File

@@ -1,2 +1,5 @@
backend/.env
# Ignore environment files
# Ignore environment files
index.html
# Ignore frontend dev file

16
backend/database.js
View File

@@ -25,3 +25,19 @@ export async function loginUser(username, password) {
return { success: false, message: "Invalid username or password" };
}
}
export async function createUser(username, first_name, last_name, password, email) {
try {
const [result] = await pool.query(
"INSERT INTO users (username, first_name, last_name, password, email) VALUES (?, ?, ?, ?, ?)",
[username, first_name, last_name, password, email]
);
console.log("User created successfully: ", result);
return { success: true, userId: result.insertId };
} catch (error) {
console.error("Error creating user: ", error);
return { success: false, message: "Error creating user" };
}
}

15
backend/views/dashboard.ejs
View File

@@ -2,6 +2,8 @@
<html lang="en">
<head>
<script>
import { createUser } from "../database.js";
window.history.pushState({}, "", "<%= newLink %>");
</script>
<meta charset="utf-8" />
@@ -15,7 +17,18 @@
/>
</head>
<body>
<h1>Hello, <%= sqlResult.user.first_name %>.</h1>
<div class="row">
<div class="column">
<h1>Hello, <%= sqlResult.user.first_name %>.</h1>
</div>
<div class="column">
<h1>Welcome to your dashboard.</h1>
</div>
<div class="column">
<button class="btn btn-danger">Logout</button>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"

59
backend/views/login.ejs
View File

@@ -21,32 +21,41 @@
</head>
<body>
<div class="container">
<div class="row"></div>
</div>
<div class="row">
<h1>Login page</h1>
</div>
<div class="row">
<form action="/login" method="post">
<div class="input-group">
<input
type="text"
name="username"
placeholder="Username"
class="form-control"
required
/>
<input
type="password"
name="password"
placeholder="Password"
class="form-control"
required
/>
<input
type="submit"
value="Login"
class="btn btn-primary"
onsubmit="this.form.submit()"
/>
</div>
</form>
</div>
<form action="/login" method="post">
<input
type="text"
name="username"
placeholder="Username"
class="form-control mb-2"
required
/>
<input
type="password"
name="password"
placeholder="Password"
class="form-control mb-2"
required
/>
<input
type="button"
value="Login"
class="btn btn-primary"
onclick="this.form.submit()"
/>
</form>
<p><%= error %></p>
<div class="alert alert-danger alter-dismissable fade show" role="alert">
<%= error %>
<button class="btn-close" aria-label="close" data-bs-dismiss="alert"></button>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"