mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Update togglePassword to change icon based on visibility state

Browse source
This commit is contained in:
woorim02 2024-08-19 12:07:38 +09:00
parent d636b15d88
commit 452e732a3a
2 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/controllers/session/login/index.js
View file

@ -182,11 +182,17 @@ function loadUserList(context, apiClient, users) {
}
function togglePassword() {
const input = document.getElementById('txtManualPassword');
const input = document.querySelector('.inputContainer #txtManualPassword');
const icon = document.querySelector('.inputContainer .passwordToggle .material-icons');
if (input.type === 'password') {
input.type = 'text';
icon.classList.remove('visibility');
icon.classList.add('visibility_off');
} else {
input.type = 'password';
icon.classList.remove('visibility_off');
icon.classList.add('visibility');
}
}

11
src/controllers/wizard/user/index.js
View file

@ -76,8 +76,15 @@ function togglePassword() {
const inputIds = ['txtManualPassword', 'txtPasswordConfirm'];
inputIds.forEach(id => {
const input = document.getElementById(id);
if (input) {
input.type = (input.type === 'password') ? 'text' : 'password';
input.type = (input.type === 'password') ? 'text' : 'password';
});
document.querySelectorAll('.passwordToggle .material-icons').forEach(icon => {
if (icon.classList.contains('visibility')) {
icon.classList.remove('visibility');
icon.classList.add('visibility_off');
} else {
icon.classList.remove('visibility_off');
icon.classList.add('visibility');
}
});
}