signup user works(partialy)
This commit is contained in:
22
index.js
22
index.js
@@ -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
12
public/js/login.js
Normal 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";
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user