You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
15 lines
698 B
15 lines
698 B
2 weeks ago
|
const toggle = (button) => {
|
||
|
|
const passwordElement = document.getElementById(button.getAttribute('aria-controls'));
|
||
|
|
if (passwordElement.type === "password") {
|
||
|
|
passwordElement.type = "text";
|
||
|
|
button.children.item(0).className = button.dataset.iconHide;
|
||
|
|
button.setAttribute("aria-label", button.dataset.labelHide);
|
||
|
|
} else if(passwordElement.type === "text") {
|
||
|
|
passwordElement.type = "password";
|
||
|
|
button.children.item(0).className = button.dataset.iconShow;
|
||
|
|
button.setAttribute("aria-label", button.dataset.labelShow);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
document.querySelectorAll('[data-password-toggle]')
|
||
|
|
.forEach(button => button.onclick = () => toggle(button));
|