Turn omniauth facebook login into a popup

by

Sure, you can easily.

In your view:

=link_to "Log in with Facebook", omniauth_authorize_path(:user, :facebook), :class => "popup", :"data-width" => 600, :"data-height" => 400

In your application.js:

function popupCenter(url, width, height, name) {
  var left = (screen.width/2)-(width/2);
  var top = (screen.height/2)-(height/2);
  return window.open(url, name, "menubar=no,toolbar=no,status=no,width="+width+",height="+height+",toolbar=no,left="+left+",top="+top);
}

$("a.popup").click(function(e) {
  popupCenter($(this).attr("href"), $(this).attr("data-width"), $(this).attr("data-height"), "authPopup");
  e.stopPropagation(); return false;
});

And then in your callback view:

:javascript
  if(window.opener) {
    window.opener.location.reload(true);
    window.close()
  }

This’ll pop up your Facebook auth in a centered 600×400 popup, then when the user returns from authentication, the view will close the popup and refresh the parent page. It degrades gracefully if a user ctrl-clicks the link, or doesn’t have Javascript enabled, too.

More Related Contents:

  1. OmniAuth & Facebook: certificate verify failed [duplicate]
  2. Omniauth: callback not firing, returns failure with “invalid credentials”
  3. How to get rid of OpenSSL::SSL::SSLError
  4. OmniAuth Strategies Facebook NoAuthorizationCodeError (must pass either a `code` parameter or a signed request (via `signed_request` parameter):
  5. OpenSSL::SSL::SSLError on Heroku [duplicate]
  6. Setting Environment Variables in Rails 3 (Devise + Omniauth)
  7. Refresh token using Omniauth-oauth2 in Rails application
  8. Explain like I'm LITERALLY five…what does it mean to "format" a string? [closed]
  9. How to change default timezone for Active Record in Rails?
  10. Rails 4 Authenticity Token
  11. Rails 5: ActiveRecord OR query
  12. How can I download a file from a URL and save it in Rails?
  13. Ruby on Rails. How do I use the Active Record .build method in a :belongs to relationship?
  14. rake db:schema:load vs. migrations
  15. Change from SQLite to PostgreSQL in a fresh Rails project
  16. Rails 3 submit a form with multiple records
  17. Getting fields_for and accepts_nested_attributes_for to work with a belongs_to relationship
  18. Ruby-on-Rails: Multiple has_many :through possible?
  19. Rails Paperclip how to delete attachment?
  20. Scope with join on :has_many :through association
  21. Ruby on Rails – Validate a Cost
  22. How to implement bulk insert in Rails 3
  23. String.force_encoding() in Ruby 1.8.7 (or Rails 2.x)
  24. How do I ignore the authenticity token for specific actions in Rails?
  25. How to get started on TDD with Ruby on Rails? [closed]
  26. Setting session length with Devise
  27. Rails – Sort by join table data
  28. strong parameters permit all attributes for nested attributes
  29. Template is missing
  30. How to programmatically list all controllers in Rails

Leave a Comment