signup user works(partialy)

This commit is contained in:
slawk0
2024-08-20 14:12:59 +02:00
parent 52e1201d59
commit 56ed70e9a5
5 changed files with 43 additions and 9 deletions

View File

@@ -46,9 +46,29 @@ app.post('/auth/signup', (req, res) => {
let username = req.body.username.trim();
let password = req.body.password.trim();
let sPassword = req.body.sPassword.trim()
insertAccount(username, password);
async function insertAccount(username, password){
const query = `
INSERT INTO accounts (username, password)
VALUES ($1, $2)
RETURNING *;
`;
const values = [username, password];
try {
const res = await client.query(query, values);
console.log('Account created:', res.rows[0]);
res.status(200).send('Account successfully created');
} catch (err) {
console.error('Error inserting data:', err.stack);
}
// client.end()
// .then(() => console.log('Connection closed'))
// .catch(err => console.log(err));
}
})
app.get('/login', (req, res) => {
res.sendFile(path.join(__dirname, '/public/routes/login.html'));

12
public/js/login.js Normal file
View File

@@ -0,0 +1,12 @@
function showPasswd() {
let x = document.getElementById("password");
let y = document.getElementById("sPassword");
if(x.type == "password"){
x.type = "text";
y.type = "text";
} else {
x.type = "password";
y.type = "password";
}
}

View File

@@ -11,13 +11,14 @@ function showPasswd() {
}
document.getElementById('signupForm').addEventListener('submit',async function (event) {
event.preventDefault();
const password = document.getElementById("password").value;
const sPassword = document.getElementById("sPassword").value;
console.log(password, sPassword);
if(password !== sPassword){
alert("Passwords don't match!");
event.preventDefault();
}
})

View File

@@ -5,6 +5,7 @@
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="../js/login.js" defer></script>
<title>Login</title>
</head>
<body>
@@ -13,14 +14,14 @@
<h1>Login</h1>
<form action="/auth/login" method="post">
<label for="username">
</label>
<label for="username"></label>
<input type="text" name="username" placeholder="Username" id="username" required>
<label for="password">
</label>
<label for="password"></label>
<input type="password" name="password" placeholder="Password" id="password" required>
<input type="checkbox" onclick="showPasswd()">Show Password
<input type="submit" value="Login">
</form>
</div>

View File

@@ -5,13 +5,13 @@
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sign up</title>
<script src="../js/signup.js" defer></script>
<title>Sign up</title>
</head>
<body>
<div class="signup">
<h1>Login</h1>
<h1>Sign up</h1>
<form action="/auth/signup" method="post" id="signupForm">
<label for="username"></label>