fix/user info is now kept on form reset

app.js

@@ -60,6 +60,17 @@ app.get('/signup', (req, res) => {
     return res.status(status.Ok);
 });
 
+app.get('/signup/:name/:email', (req, res) => {
+    const ignore = ["User not found", "Incorrect password"];
+    if (ignore.includes(req.session.errMessage)) req.session.errMessage = "";
+    res.render('signup', { 
+        errMessage: req.session.errMessage,
+        name: req.params.name,
+        email: req.params.email
+    });
+    return res.status(status.Ok);
+});
+
 app.get('/login', (req, res) => {
     if (req.session.authenticated) {
         res.redirect("/home");

src/auth/authentication.js

@@ -96,7 +96,7 @@ module.exports = (users) => {
         if (req.body.password != req.body.repassword) {
             req.session.errMessage = "Passwords must match";
             res.status(status.BadRequest);
-            return res.redirect("/signup");
+            return res.redirect(`/signup/${req.body.name}/${req.body.email}`);
         }
 
         let strength = passwordStrength(req.body.password);
@@ -104,7 +104,7 @@ module.exports = (users) => {
         if (strength.id < 2) {
             req.session.errMessage = `Password ${strength.value}`;
             res.status(status.BadRequest);
-            return res.redirect("/signup");
+            return res.redirect(`/signup/${req.body.name}/${req.body.email}`);
         }
 
         let hashedPassword = await bcrypt.hashSync(req.body.password, salt);

src/views/signup.ejs

@@ -11,13 +11,13 @@
                     <label for="name" class="block text-base mb-2 text-slate-600">Name</label>
                     <input type="text" id="name" name="name"
                         class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
-                        placeholder="Enter Name" />
+                        placeholder="Enter Name" value="<%= typeof name != 'undefined' ? name : '' %>"/>
                 </div>
                 <div class="mt-4">
                     <label for="email" class="block text-base mb-2 text-slate-600">Email</label>
                     <input type="email" id="email" name="email"
                         class="border border-slate-300 focus:border-indigo-500 w-full rounded-md text-base px-3 py-2 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-colors duration-200"
-                        placeholder="Enter Email" />
+                        placeholder="Enter Email" value="<%= typeof email != 'undefined' ? email : '' %>"/>
                 </div>
                 <div class="mt-4">
                     <label for="password" class="block text-base mb-2 text-slate-600">Password</label>