smaa/octopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Добавлен переключатель видимости пароля на всех страницах входа

Browse Source
This commit is contained in:
Andrey Smakotin
2025-12-14 01:56:50 +03:00
parent f03e750030
commit 835d6020e2
6 changed files with 29 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
myproject/accounts/static/accounts/js/auth.js Normal file
View File

@@ -0,0 +1,25 @@
// Authentication-related JavaScript functionality
// Password visibility toggle handler
document.addEventListener('DOMContentLoaded', function() {
// Add click handlers to all password toggle buttons
document.querySelectorAll('.show-password-btn').forEach(button => {
button.addEventListener('click', function() {
const targetId = this.getAttribute('data-target');
const targetInput = document.getElementById(targetId);
const icon = this.querySelector('i');
if (targetInput && icon) {
if (targetInput.type === 'password') {
targetInput.type = 'text';
icon.classList.remove('bi-eye');
icon.classList.add('bi-eye-slash');
} else {
targetInput.type = 'password';
icon.classList.remove('bi-eye-slash');
icon.classList.add('bi-eye');
}
}
});
});
});

21
myproject/accounts/templates/accounts/password_reset_confirm.html
View File

@@ -39,25 +39,4 @@
</div>
</div>
</div>
<script>
// Добавляем обработчик для показа/скрытия пароля
document.querySelectorAll('.show-password-btn').forEach(button => {
button.addEventListener('click', function() {
const targetId = this.getAttribute('data-target');
const targetInput = document.getElementById(targetId);
const icon = this.querySelector('i');
if (targetInput.type === 'password') {
targetInput.type = 'text';
icon.classList.remove('bi-eye');
icon.classList.add('bi-eye-slash');
} else {
targetInput.type = 'password';
icon.classList.remove('bi-eye-slash');
icon.classList.add('bi-eye');
}
});
});
</script>
{% endblock %}

21
myproject/accounts/templates/accounts/password_setup_confirm.html
View File

@@ -32,25 +32,4 @@
</div>
</div>
</div>
<script>
// Добавляем обработчик для показа/скрытия пароля
document.querySelectorAll('.show-password-btn').forEach(button => {
button.addEventListener('click', function() {
const targetId = this.getAttribute('data-target');
const targetInput = document.getElementById(targetId);
const icon = this.querySelector('i');
if (targetInput.type === 'password') {
targetInput.type = 'text';
icon.classList.remove('bi-eye');
icon.classList.add('bi-eye-slash');
} else {
targetInput.type = 'password';
icon.classList.remove('bi-eye-slash');
icon.classList.add('bi-eye');
}
});
});
</script>
{% endblock %}