thomas-claireau/PHP-P5-Openclassrooms

View on GitHub
public/src/js/pages/admin/account.js

Summary

Maintainability
A
2 hrs
Test Coverage
window.addEventListener('DOMContentLoaded', (event) => {
    // account view
    const isAccountView = document.querySelector('.admin .account.view');

    if (isAccountView) {
        const form = isAccountView.querySelector('form');
        const containerAction = isAccountView.querySelector('.actions');

        if (containerAction) {
            const trigerForm = containerAction.querySelector('.triggerForm');
            const inputPass = isAccountView.querySelector('input#password');

            trigerForm.addEventListener('click', () => {
                if (form.classList.contains('disabled')) {
                    trigerForm.textContent = 'Annuler';
                    trigerForm.classList.remove('vertFonce');
                    trigerForm.classList.add('rougeFonce');
                    inputPass.value = '';
                } else {
                    trigerForm.textContent = 'Mettre à jour';
                    trigerForm.classList.remove('rougeFonce');
                    trigerForm.classList.add('vertFonce');
                    inputPass.value = 'password';
                }
                form.classList.toggle('disabled');
            });
        }
    }
});