diff --git a/app/assets/javascripts/users.js b/app/assets/javascripts/users.js index 095dca2..f03e89b 100644 --- a/app/assets/javascripts/users.js +++ b/app/assets/javascripts/users.js @@ -1,27 +1,22 @@ $(function(){ - $('input:submit').bind('click', function(){ - //console.log('submitting'); - $('input:submit').attr('value','Submitting...'); - //$('input:submit').attr('disabled', true); - $('.email-failure-message').text(''); - }); - $('.email-form form').bind('ajax:success', function(data, status, xhr){ - //alert("success"); - //console.log("success"); - $('#user_email').css({border: '1px solid green'}); - $('#user_email').remove(); - $('input:submit').remove(); - $('.email-failure-message').text(''); - $('.email-form form').append('

You are awesome. Scroll down to read more about Backpack.'); - }) - .bind('ajax:error', function(xhr, status, error){ - //alert("error"); - //console.log('error'); - $('input:submit').removeAttr('disabled'); - $('input:submit').attr('value','Request Invite'); - $('#email-container').effect("shake", { times:3, distance:20 }, 500); - $('#user_email').css({border: '1px solid red'}).focus(); - $('.email-failure-message').text('Sorry, that email has already been registered or is invalid.'); - }); -}); \ No newline at end of file + $('.email-form form').bind('ajax:success', function(data, status, xhr){ + //alert("success"); + //console.log("success"); + $('#user_email').css({border: '1px solid green'}); + $('#user_email').remove(); + $('input:submit').remove(); + $('.email-failure-message').text(''); + $('.email-form form').append('

You are awesome. Scroll down to read more about Backpack.'); + }) + .bind('ajax:error', function(xhr, status, error){ + //alert("error"); + //console.log('error'); + $('input:submit').removeAttr('disabled'); + $('input:submit').attr('value','Request Invite'); + $('#email-container').effect("shake", { times:3, distance:20 }, 500); + $('#user_email').css({border: '1px solid red'}).focus(); + $('.email-failure-message').text('Sorry, that email has already been registered or is invalid.'); + }); + +}); diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 99532ed..509c262 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -480,6 +480,10 @@ body { inset 0 20px 40px rgba(255,255,255,0.15); } +.email-form input[type=submit]:disabled { + background: #333 !important; +} + .no-boxshadow .email-form input[type=submit]:hover { background: #2a8ac4; } diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb index 0b024f8..6d0bd6e 100644 --- a/app/views/users/new.html.erb +++ b/app/views/users/new.html.erb @@ -205,7 +205,7 @@ <%= form_for @user , html: { class: "email-form" }, remote: true do |f| %> <%= f.text_field :email, :placeholder => "Enter your email" %> - <%= f.submit "Request Invite" %> + <%= f.submit "Request Invite", disable_with: "Submitting..." %> <% end %>