Replace glyphicon eye toggle with biticon password-show SVGs on signin

Switch the password reveal button from Bootstrap glyphicons (unavailable)
to {biticon} password-show-on / password-show-off SVGs, toggling display
via JS rather than swapping classes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 7 insertions, 5 deletions

diff --git a/templates/login_inc.tpl b/templates/login_inc.tpl
index 56ac28d..ddd9830 100644
--- a/templates/login_inc.tpl
+++ b/templates/login_inc.tpl
@@ -32,7 +32,8 @@
 				<input class="form-control" type="password" name="pass" id="password" />
 				<span class="input-group-btn">
 					<button class="btn btn-default" type="button" id="bw-toggle-password">
-						<span class="glyphicon glyphicon-eye-open"></span>
+						{biticon ipackage="icons" iname="password-show-on" iexplain="Show password" id="bw-pw-show"}
+						{biticon ipackage="icons" iname="password-show-off" iexplain="Hide password" id="bw-pw-hide" style="display:none"}
 					</button>
 				</span>
 			</div>
@@ -67,13 +68,14 @@
 	$(document).ready(function() {
 		$('#bw-toggle-password').click(function() {
 			var passwordField = $('#password');
-			var passwordFieldType = passwordField.attr('type');
-			if (passwordFieldType === 'password') {
+			if (passwordField.attr('type') === 'password') {
 				passwordField.attr('type', 'text');
-				$(this).find('span').removeClass('glyphicon-eye-open').addClass('glyphicon-eye-close');
+				$('#bw-pw-show').hide();
+				$('#bw-pw-hide').show();
 			} else {
 				passwordField.attr('type', 'password');
-				$(this).find('span').removeClass('glyphicon-eye-close').addClass('glyphicon-eye-open');
+				$('#bw-pw-hide').hide();
+				$('#bw-pw-show').show();
 			}
 		});
 	});