Попытка добавить переключатель видимости пароля в поля ввода пароля на страницах оформления заказа magento 2 - PullRequest
Новая
       13

Попытка добавить переключатель видимости пароля в поля ввода пароля на страницах оформления заказа magento 2

0 голосов
/ 21 мая 2019

Мне нужно добавить видимость переключения пароля в поля ввода пароля на magento 2 страницах оформления заказа, и я не могу найти способ работать с нокаутом js.

Я использую только javscript длядобавьте диапазон с событием щелчка, который изменяет тип поля ввода с пароля на текст, и он работает на всех входах, кроме тех, которые указаны на страницах оформления заказа.

Я хочу избежать внесения каких-либо изменений в файлы XML или шаблоныЯ искал решение сделать это только с помощью JavaScript.

Это код, который я имею в моем модуле: 

require(['jquery'], function($) {$(function() {

    var passwordInput = document.querySelectorAll('input[type="password"]');

    passwordInput.forEach(function(selectedInput) {
       var passwordToggle = document.createElement('span');
       passwordToggle.setAttribute('class', 'show-password');

        selectedInput.parentNode.appendChild(passwordToggle);

        passwordToggle.addEventListener('click', function() {
            if (selectedInput.type === "password") {
                selectedInput.type = "text";
                this.classList.add('visible');
            } else {
                selectedInput.type = "password";
                this.classList.remove('visible');
            }
        });
    });

});});
...