如何启用所有经过身份验证的路由以显示Devise ajax登录表单？

Question

I have implemented devise to accept Ajax Login and have created a form to login via ajax which I have put up in a modal . However, only when I set up event binders for specific buttons, which trigger the modal ( Such as " Login now Button ", am I am able to see the form and login. However, I want the modal to appear for any restricted route. ( For example, if I click on : " Add review " button, the modal should appear for login( If the user is unauthenticated ). How do I achieve this ? )

Can I add a specialized class to all the links which require authentication so that I can target them?

Answer 1

This sounds like you need a handler for your ajax authentication in your JS.

The problem you have is that Rails does not invoke JS unless you explicitly define it. Especially with the likes of user authentication, your application will do nothing unless you tell it to:

#app/assets/javascripts/application.js
$(document).on("ajax:error", function(xhr, status, error){
   if(xhr.status === "401") {
      // invoke modal
   }
});

---

Devise returns a 401 - Unauthorized error whenever you hit an action without the right credentials:

This means that if you send an Ajax request (with remote: true etc), you'll be able to capture this response and use it to invoke the modal.

I don't know how you're invoking your modal form; the code above will give you the ability to put your own functionality into the function.

--

We've done something similar (just click "login" at the top):

We had to change the Devise::SessionsController a little to get it working. I can do the same if you need it; I think sending a standard request, as above, will work as reqired.

---

Update

Okay this is a head-burner.

I'm sure there has to be a way to send the request to the server & evaulate the response.

The most basic implementation of this would be to make every link go through ajax, although this would kill a lot of the Rails convention ...

#app/assets/javascripts/application.js
$(document).on("click", "a", function(e){
   e.preventDefault();
   // send via ajax & then monitor the response
});

I've been trying to find a way to fire the link, capture the response in JS and then show the modal if the response is 401 etc...

There has to be a way to do it. Let me keep checking