gawells/Self-Service-Dashboard
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

add show password buttons to all password inputs

Browse Source
This commit is contained in:
gawells
2026-04-08 10:17:01 -04:00
parent b94bc612c3
commit 9389df28e4
2 changed files with 45 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/login_page.html
View File

@@ -28,9 +28,16 @@
<div> <div>
<label class="input_label">Password</label><br /> <label class="input_label">Password</label><br />
<input type="password" name="password" placeholder="" required /> <div class="password_box">
<input type="password" name="password" placeholder="" required />
<button type="button" class="show_password_toggle closed"></button>
</div>
</div> </div>
<button type="submit">Login</button> <button type="submit">Login</button>
</form> </form>
<script src="/static/error/error.js" type="text/javascript"></script> <script src="/static/error/error.js" type="text/javascript"></script>
<script
src="/static/javascript/show_password.js"
type="text/javascript"
></script>

60
src/pages/profile_page.html
View File

@@ -11,9 +11,9 @@
<link rel="stylesheet" href="static/profile_page.css" /> <link rel="stylesheet" href="static/profile_page.css" />
<link rel="stylesheet" href="static/progress_bar.css" /> <link rel="stylesheet" href="static/progress_bar.css" />
<div id="popup_background" class="blocked"></div> <div id="popup_background" class="blocked hidden"></div>
<div id="change_password_dialogue" class="card static_center"> <div id="change_password_dialogue" class="card static_center hidden">
<div class="dialouge_title">Change Password</div> <div class="dialouge_title">Change Password</div>
<button id="close_password_dialogue">X</button> <button id="close_password_dialogue">X</button>
@@ -36,35 +36,44 @@
<div> <div>
<label class="input_label">Current password</label><br /> <label class="input_label">Current password</label><br />
<input <div class="password_box">
type="password" <input
id="current_password" type="password"
name="current_password" id="current_password"
placeholder="" name="current_password"
required placeholder=""
/> required
/>
<button type="button" class="show_password_toggle closed"></button>
</div>
</div> </div>
<div> <div>
<label class="input_label">New password</label><br /> <label class="input_label">New password</label><br />
<input <div class="password_box">
type="password" <input
id="new_password" type="password"
name="new_password" id="new_password"
placeholder="" name="new_password"
required placeholder=""
/> required
/>
<button type="button" class="show_password_toggle closed"></button>
</div>
</div> </div>
<div> <div>
<label class="input_label">New password (repeat)</label><br /> <label class="input_label">New password (repeat)</label><br />
<input <div class="password_box">
type="password" <input
id="new_password_repeat" type="password"
name="new_password_repeat" id="new_password_repeat"
placeholder="" name="new_password_repeat"
required placeholder=""
/> required
/>
<button type="button" class="show_password_toggle closed"></button>
</div>
</div> </div>
<div> <div>
@@ -216,3 +225,8 @@
src="/static/javascript/handle_password_change.js" src="/static/javascript/handle_password_change.js"
type="text/javascript" type="text/javascript"
></script> ></script>
<script
src="/static/javascript/show_password.js"
type="text/javascript"
></script>