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

changed frontend design

Browse Source 
Also added some notes
This commit is contained in:
theis.gaedigk
2025-06-21 00:29:41 +02:00
parent c26a19ec7b
commit df199cf9a5
3 changed files with 133 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
backend/views/dashboard.ejs
View File

@@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!--
<script>
import { createUser } from "../database.js";
window.history.pushState({}, "", "<%= newLink %>");
</script>
</script>
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Dashboard</title>
@@ -16,19 +16,97 @@
crossorigin="anonymous"
/>
</head>
<body>
<div class="row">
<div class="column">
<h1>Hello, <%= sqlResult.user.first_name %>.</h1>
<body class="bg-dark text-light">
<div class="container py-5">
<!-- Header -->
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<h2>Hello, <%= sqlResult.user.first_name %>!</h2>
</div>
<div class="column">
<h1>Welcome to your dashboard.</h1>
<div>
<h3>Welcome to your dashboard</h3>
</div>
<div class="column">
<button class="btn btn-danger">Logout</button>
<div>
<a href="/" class="btn btn-danger">Logout</a>
</div>
</div>
</div>
<!-- User creation form -->
<div class="card text-dark shadow">
<div class="card-body">
<h4 class="card-title mb-4">Create a new user</h4>
<form action="/createUser" method="post">
<div class="row g-3">
<div class="col-md-6">
<label for="first_name" class="form-label">First Name</label>
<input
type="text"
name="first_name"
id="first_name"
class="form-control"
placeholder="First name"
required
/>
</div>
<div class="col-md-6">
<label for="last_name" class="form-label">Last Name</label>
<input
type="text"
name="last_name"
id="last_name"
class="form-control"
placeholder="Last name"
required
/>
</div>
<div class="col-md-6">
<label for="username" class="form-label">Username</label>
<input
type="text"
name="username"
id="username"
class="form-control"
placeholder="Username"
required
/>
</div>
<div class="col-md-6">
<label for="email" class="form-label">Email</label>
<input
type="email"
name="email"
id="email"
class="form-control"
placeholder="Email"
required
/>
</div>
<div class="col-md-6">
<label for="password" class="form-label">Password</label>
<input
type="password"
name="password"
id="password"
class="form-control"
placeholder="Password"
required
/>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary w-100">
Create User
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
@@ -36,4 +114,4 @@
crossorigin="anonymous"
></script>
</body>
</html>
</html>