From f2ce59005a305b3304cabd859860d156e25a3a8d Mon Sep 17 00:00:00 2001
From: Steven Miers <steven.miers@gmail.com>
Date: Fri, 10 Jul 2015 15:46:49 -0500
Subject: [PATCH] VRFS-3321 : Disable create account submit button until
 successful recaptcha callback.  Re-disable if captcha expires.

---
 web/app/views/users/new.html.erb | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/app/views/users/new.html.erb b/web/app/views/users/new.html.erb
index 01fc14c25..8c2f46163 100644
--- a/web/app/views/users/new.html.erb
+++ b/web/app/views/users/new.html.erb
@@ -127,7 +127,7 @@
 
         <div class="field recaptcha">
           <% if Rails.application.config.recaptcha_enable %>
-            <div id="recaptcha_select" name="recaptcha_response_field" class="g-recaptcha" data-sitekey="<%=Rails.application.config.recaptcha_public_key%>">
+            <div id="recaptcha_select" name="recaptcha_response_field" class="g-recaptcha" data-sitekey="<%=Rails.application.config.recaptcha_public_key%>" data-callback="recaptcha_success" data-expired-callback="recaptcha_expired">
             </div>
           <% end %>
         </div>
@@ -138,7 +138,7 @@
           -->
 
         <div class="actions">
-          <%= f.submit "CREATE ACCOUNT", class: "button-orange" %>
+          <%= f.submit "CREATE ACCOUNT", class: "button-orange disabled", id:"create-account-submit"%>
           <%= link_to "CANCEL", root_path, :class=>'button-grey' %>
         </div>
         <br style="clear:both;"/><br/>
@@ -163,6 +163,14 @@
 
     window.signup.handle_register_as_changes()
 
+    function recaptcha_success(response) {
+      $("#create-account-submit").removeClass("disabled")
+    }
+
+    function recaptcha_expired(response) {
+      $("#create-account-submit").addClass("disabled")
+    }
+
     function get_first_error(field) {
         if (errors[field] && errors[field].length > 0) {
             return errors[field][0]
@@ -239,7 +247,7 @@
             recaptchaInput.closest('div.field').addClass('error')
             recaptchaInput.after("<div class='error-text'>" + recaptcha + "</div>")
         }
-        
+
         if (musician_instruments) {
             var musicianInstrumentsInput = $('#instrument_selector');
             musicianInstrumentsInput.closest('div.ftue-instrumentlist-wrapper').addClass('error')