add endpoint and UI for users to update their own username
This commit is contained in:
parent
21d7acd7e5
commit
e153a76b77
4 changed files with 77 additions and 5 deletions
|
|
@ -84,15 +84,26 @@
|
|||
<div id="profile-section" class="tab-content">
|
||||
<div class="card profile-card">
|
||||
<h2>My Profile</h2>
|
||||
<p class="helper-text">Change your account password below.</p>
|
||||
<form id="change-password-form">
|
||||
<p class="helper-text">Update your account details below.</p>
|
||||
|
||||
<form id="change-username-form" class="profile-form">
|
||||
<div class="form-group">
|
||||
<label for="profile-new-password">New Password</label>
|
||||
<label for="profile-username">Username</label>
|
||||
<input type="text" id="profile-username" placeholder="Enter new username" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Update Username</button>
|
||||
</form>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<form id="change-password-form" class="profile-form">
|
||||
<div class="form-group">
|
||||
<label for="profile-new-password">Password</label>
|
||||
<input type="password" id="profile-new-password" placeholder="Enter new password" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Update Password</button>
|
||||
</form>
|
||||
<div id="profile-success" class="success-msg" style="display: none;">Password updated successfully!</div>
|
||||
<div id="profile-success" class="success-msg" style="display: none;">Profile updated successfully!</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue