Rails 5 - how to implement ajax flash message for devise

Question

I am making a rails5 blog app with devise. In the comments controller, I check if the user exists using "before_action :authenticate_user!".

So, if the user is logged in then create comment method gets executed and the server response gets send back to the client via AJAX. However, if the user is not logged in then "before_action :authenticate_user!" check creates a 401 authentication error in the response ( can be seen in the browser log).

I want to just display the flash message just above the comment box or somewhere on the page so that user knows that he/she can not enter a comment without logged in.

There are many similar questions I have found but they seem very confusing and none of the solutions worked for me. Most of them talk about the changing the devise confg (e.g. config.http_authenticatable_on_xhr = false) or override the authenticate_user method etc.

Can someone just explain is it possible to show a flash message warning to the user to login to add comment (ajax call). I don't want automatic redirect for AJAX calls.

Snake · Accepted Answer · 2017-06-30 07:59:39Z

1

Create a flash method then catch the unauthorized error in jQuery and show your flash message :

@flash = (content, type) ->
  content = "<div class='container'><div class=\"alert alert-#{type}\">#{content}</div></div>" if type?
  $('#flash').clearQueue().hide().html(content).fadeIn('slow').delay(3000).fadeOut('slow')

$(document).ajaxError (e, xhr, settings) ->
  flash("Unauthorized", "danger") if xhr.status == 401

answered Jun 30, 2017 at 7:59

Snake

1,2071 gold badge11 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Rails 5 - how to implement ajax flash message for devise

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related