Bugfix: error on empty required fields, frontend

views/profile.ejs

@@ -13,30 +13,37 @@
 
     <form action="/profile" , method="post">
         <label for="name">Name: </label>
-        <input type="text" id="name" name="name" value="<%= profile.name %>"><br>
+        <input required type="text" id="name" name="name"
+            value="<%= (typeof profile === 'undefined') ? '' : profile.name %>"><br>
         <p class="form-helper">You surely have a colorful name!</p>
 
         <label for="bio">Bio: </label><br>
-        <textarea id="bio" name="bio" rows="6"><%= profile.bio %></textarea><br>
+        <textarea required id="bio" name="bio"
+            rows="6"><%= (typeof profile === 'undefined') ? '' : profile.bio %></textarea><br>
 
         <label for="member1">Member #1: </label>
-        <input type="text" id="member1" name="member1" value="<%= profile.member1 %>"><br>
+        <input required type="text" id="member1" name="member1"
+            value="<%= (typeof profile === 'undefined') ? '' : profile.member1 %>"><br>
         <p class="form-helper">Type your own name here</p>
 
         <label for="member2">Member #2: </label>
-        <input type="text" id="member2" name="member2" value="<%= profile.member2 %>"><br>
+        <input type="text" id="member2" name="member2"
+            value="<%= (typeof profile === 'undefined') ? '' : profile.member2 %>"><br>
         <p class="form-helper">If you're not alone, enter your roommate's name</p>
 
         <label for="member3">Member #3: </label>
-        <input type="text" id="member3" name="member3" value="<%= profile.member3 %>"><br>
+        <input type="text" id="member3" name="member3"
+            value="<%= (typeof profile === 'undefined') ? '' : profile.member3 %>"><br>
         <p class="form-helper">Enter the 3rd roommate's name if you're 3</p>
 
         <label for="contact">Contact: </label>
-        <input type="text" id="contact" name="contact" value="<%= profile.contact %>"><br>
+        <input required type="text" id="contact" name="contact"
+            value="<%= (typeof profile === 'undefined') ? '' : profile.contact %>"><br>
         <p class="form-helper">This will be visible to your matches only</p>
 
         <label for="active">Show in browsing: </label>
-        <input type="checkbox" id="active" name="active" checked="<%= profile.active %>"><br>
+        <input type="checkbox" id="active" name="active"
+            checked="<%= (typeof profile === 'undefined') ? '' : profile.active %>"><br>
         <p class="form-helper">If you untick this box, your profile will be hidden from potential matches</p>
 
         <input type="submit" class="button" value="Save">