mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-01-29 23:51:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: show password with touch (#4327)

Browse Source 
* it works with alert

* timout does not work without alert

* switch to click - it solve all problems

* Update extra.js

* Update extra.js

* Update extra.js

* Update p/scripts/extra.js

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
This commit is contained in:
maTh
2022-04-24 22:35:23 +02:00
committed by GitHub
parent 54710c2046
commit 0bc9ff7300
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
p/scripts/extra.js
View File

@@ -98,28 +98,40 @@ function init_crypto_form() {
}
// </crypto form (Web login)>
function showPW(ev) {
if (ev.buttons || ev.key == ' ' || ev.key.toUpperCase() == 'ENTER') {
const passwordField = document.getElementById(this.getAttribute('data-toggle'));
passwordField.setAttribute('type', 'text');
this.classList.add('active');
let timeoutHide;
function showPW_this(ev) {
const id_passwordField = this.getAttribute('data-toggle');
if (this.classList.contains('active')) {
hidePW(id_passwordField);
} else {
if (ev.type === 'click' || ev.buttons || ev.key === ' ' || ev.key.toUpperCase() === 'ENTER') {
showPW(id_passwordField);
}
}
return false;
}
function hidePW() {
const passwordField = document.getElementById(this.getAttribute('data-toggle'));
function showPW(id_passwordField) {
const passwordField = document.getElementById(id_passwordField);
passwordField.setAttribute('type', 'text');
passwordField.nextElementSibling.classList.add('active');
clearTimeout(timeoutHide);
timeoutHide = setTimeout(function () { hidePW(id_passwordField); }, 5000);
return false;
}
function hidePW(id_passwordField) {
clearTimeout(timeoutHide);
const passwordField = document.getElementById(id_passwordField);
passwordField.setAttribute('type', 'password');
this.classList.remove('active');
passwordField.nextElementSibling.classList.remove('active');
return false;
}
function init_password_observers() {
document.querySelectorAll('.toggle-password').forEach(function (btn) {
btn.addEventListener('mousedown', showPW);
btn.addEventListener('keydown', showPW);
btn.addEventListener('mouseup', hidePW);
btn.addEventListener('keyup', hidePW);
btn.addEventListener('click', showPW_this);
});
}