added user avatars

views/otheruser.html

@@ -15,6 +15,7 @@
     </header>
     <main>
         <div class="info_div">
+          <img id="avatar" width=100 height=100> <br>
           <h4 id="userBio">Bio: </h4>
           <button id="mentionClick" onclick="mention()">Mention this User in Posts!</button>
         </div>
@@ -31,6 +32,13 @@
         document.getElementById('userName').innerText = `${(!user["error"] && "User: "+user.username) || "Error: "+user["error"]}`
         document.getElementById('userBio').innerText = `${(!user["error"] && "Bio: " + decodeURIComponent(user.bio)) || ""}`
         document.title = `${(!user["error"] && user.username+"'s Page") || "No such User!"}`
+        let avatar = user["avatar"]
+        if(avatar) {
+          avatar = "/avatars/"+avatar
+        } else {
+          avatar = "/default_avatar.png"
+        }
+        document.getElementById("avatar").src = avatar
         if(user["error"]) {
           document.body.removeChild(document.getElementById("mentionClick"))
         }

views/user.html

@@ -16,18 +16,25 @@
       <h1>Welcome Back!</h1>
   </header>
   <main>
-      <div class="info_div">
-        <h2 id="user">User: USER</h2>
-        <br>
-        <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
-        <button id="changeBio" onclick="bioChanger()">Change Bio</button>
-        <br>
-        <button onclick="location.assign('/changePW')">Want to change your password?</button>
-        <br>
-        <button onclick="location.assign('/changeUsername')">Want to change your username?</button>
-        <br>
-        <button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button>
-      </div>
+    <div class="form_class info_div">
+      <h2 id="user">User: USER</h2>
+      <br>
+      <img id="avatarimg" width=100 height=100>
+      <br>
+      <input name="avatar" class="avatar" id="avatarUpl" type="file" accept="image/png, image/jpeg">
+      <br>
+      <button type="submit" style="display:none;" id="avatarUplButton">Save avatar</button>
+      <br>
+      <br>
+      <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
+      <button id="changeBio" onclick="bioChanger()">Change Bio</button>
+      <br>
+      <button onclick="location.assign('/changePW')">Want to change your password?</button>
+      <br>
+      <button onclick="location.assign('/changeUsername')">Want to change your username?</button>
+      <br>
+      <button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button>
+    </div>
   </main>
 </body>
 </html>