[Fixes #12361] Fix captcha field visualization in signup page (#12392) (

#12393) * Fix captcha field visualization in signup page * fix formatting (cherry picked from commit d3686f8) Co-authored-by: Giovanni Allegri <[email protected]>
GeoNode · Jul 8, 2024 · 7197e76 · 7197e76
1 parent d296f7a
commit 7197e76
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/geonode/people/forms.py b/geonode/people/forms.py
@@ -34,7 +34,7 @@
 
 
 class AllauthReCaptchaSignupForm(forms.Form):
-    captcha = ReCaptchaField()
+    captcha = ReCaptchaField(label=False)
 
     def signup(self, request, user):
         """Required, or else it thorws deprecation warnings"""

diff --git a/geonode/people/views.py b/geonode/people/views.py
@@ -50,6 +50,10 @@ class CustomSignupView(SignupView):
     def get_context_data(self, **kwargs):
         ret = super().get_context_data(**kwargs)
         ret.update({"account_geonode_local_signup": settings.SOCIALACCOUNT_WITH_GEONODE_LOCAL_SINGUP})
+        # Push captcha field at the end
+        form = ret["form"]
+        form.field_order = [f for f in form.fields.keys() if f != "captcha"] + ["captcha"]
+        form.order_fields(form.field_order)
         return ret
 
 

diff --git a/geonode/templates/account/signup.html b/geonode/templates/account/signup.html
@@ -44,6 +44,7 @@ <h2>{% trans "Sign up" %}</h2>
     <script type="text/javascript">
         $(document).ready(function() {
             $('#id_username').focus();
-        });
+            $('#id_captcha').removeClass('form-control');
+        }); 
     </script>
 {% endblock %}