v. 1.4

main/views.py

@@ -384,7 +384,8 @@ def register_view(request):
 
     return render(request, 'auth/register.html', {
         'form': form,
-        'page_title': 'Регистрация — deev.space'
+        'page_title': 'Регистрация — deev.space',
+        'smartcaptcha_client_key': settings.SMARTCAPTCHA_CLIENT_KEY
     })
 
 

static/css/components.css

@@ -474,4 +474,43 @@ textarea.form-control {
 
 .empty-state p {
     margin-bottom: var(--space-lg);
+}
+
+/* Password Toggle Button */
+.password-input-wrapper {
+    position: relative;
+}
+
+.password-input-wrapper .form-control {
+    padding-right: 3rem;
+}
+
+.password-toggle {
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    width: 3rem;
+    background: none;
+    border: none;
+    color: var(--text-muted);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: var(--transition);
+    font-size: 1rem;
+}
+
+.password-toggle:hover {
+    color: var(--primary-color);
+}
+
+.password-toggle:focus {
+    outline: none;
+    color: var(--primary-color);
+}
+
+.password-toggle i {
+    pointer-events: none;
 }

static/js/main.js

@@ -549,4 +549,24 @@
         });
     }
 
+    // ===== Password Visibility Toggle =====
+    window.togglePasswordVisibility = function(inputId, button) {
+        const input = document.getElementById(inputId);
+        const icon = button.querySelector('i');
+        
+        if (!input) return;
+        
+        if (input.type === 'password') {
+            input.type = 'text';
+            icon.classList.remove('fa-eye');
+            icon.classList.add('fa-eye-slash');
+            button.setAttribute('aria-label', 'Скрыть пароль');
+        } else {
+            input.type = 'password';
+            icon.classList.remove('fa-eye-slash');
+            icon.classList.add('fa-eye');
+            button.setAttribute('aria-label', 'Показать пароль');
+        }
+    };
+
 })();