Now you can edit username, full name, biography and website

app.py

@@ -609,8 +609,17 @@ def edit_profile():
     if request.method == 'POST':
         user = get_current_user()
         username = request.form['username']
+        if not username:
+            # prevent username to be set to empty
+            username = user.username
         if username != user.username:
             User.update(username=username).where(User.id == user.id).execute()
+        UserProfile.update(
+            full_name=request.form['full_name'] or username,
+            biography=request.form['biography'],
+            website=request.form['website']
+        ).where(UserProfile.user == user).execute()
+        return redirect(url_for('user_detail', username=username))
     return render_template('edit_profile.html')
 
 @app.route('/notifications/')

static/style.css

@@ -18,6 +18,7 @@ body{margin:0}
 .message-options-showhide::before{content:'\2026'}
 .message-options{display:none}
 .create_text{width:100%;height:8em}
+.biography_text{height:4em}
 .follow_button,input[type="submit"]{background-color:#ff3018;color:white;border-radius:3px;border:1px solid #ff3018}
 .follow_button.following{background-color:transparent;color:#ff3018;border-color:#ff3018}
 .copyright{font-size:smaller;text-align:center;color:#808080}

templates/edit_profile.html

@@ -6,7 +6,14 @@
 <form method="POST">
   <dl>
     <dt>Username:</dt>
-    <dd><input type="text" class="username_input" name="username" required value="{{ current_user.username }}" autocomplete="off"></dd>
+    <dd><input type="text" class="username-input" name="username" required value="{{ current_user.username }}" autocomplete="off"></dd>
+    {% set profile = current_user.profile %}
+    <dt>Full name:</dt>
+    <dd><input type="text" name="full_name" value="{{ profile.full_name }}"></dd>
+    <dt>Biography:</dt>
+    <dd><textarea class="biography_text" name="biography">{{ profile.biography }}</textarea></dd>
+    <dt>Website:</dt>
+    <dd><input type="text" name="website" value="{{ profile.website }}"></dd>
     <dd><input type="submit" value="Save"></dd>
   </dl>
 </form>