jQuery .replacewith ruby code

Question

I have ruby code that calls a method to accept a candidate for a vacancy like this:

<%= link_to "Accept", accept_candidate_path(vacancy_id: @vacancy.id, employee_id: e.id), method: :post, :remote => true, :id => "link_#{i}" %>

The method changes the state in the database to Accepted.

Once that is clicked, I want to replace that with following ruby code:

<%= link_to "Cancel", back_to_pending_path(vacancy_id: @vacancy.id, employee_id: e.id), method: :post, :remote => true%>

I also have a if/else that checks the state of a candidate to display either links. But that is only triggered by refreshing the page and I just want it to accept it, change the button without completely refreshing the page.

Currently I have this:

$("[id^='link_']").click(function (event) {
  $(this).replaceWith("Accepted")
});

and it works completly fine with just plain text, but I need the text to be the embedded ruby. Is this possible?

You have quite a number of options here. 1) show/hide both links and just toggle them depending. i.e.: show accept; when click accept, hide accept and show cancel. 2) add a accept.js.erb file and add the javascript here. "Unobtrusive javascript" - edgeguides.rubyonrails.org/… 3. Handle the link via AJAX in a javascript file and return a partial (via controller) with the new link. it'll take some time to type all these up with examples, but I will if you would like. — Justin
– Justin, Commented Oct 7, 2015 at 15:35
Yep, I should have included that in my list @charlietfl. And to add the to data-attribute, you could even group the controller methods into one and accept/cancel depending on current state, so you wouldn't have to change much client side. — Justin
– Justin, Commented Oct 7, 2015 at 15:37

akbarbin · Accepted Answer · 2015-10-07 15:49:43Z

1

it works completly fine with just plain text, but I need the text to be the embedded ruby. Is this possible?

You have to create .js files for your action where you can change the html of link with paths as well

e.g create accept_candidate.js.erb and add respond_to js format it will do the trick

# accept_candidate.js.erb
$("[id^='link_']").html("<%= escape_javascript(render('cancel_link')) %>")


# _cancel_link.html.erb
<%= link_to "Cancel", back_to_pending_path(vacancy_id: @vacancy.id, employee_id: e.id), method: :post, :remote => true%>

edited Oct 7, 2015 at 15:49

akbarbin

5,1151 gold badge31 silver badges31 bronze badges

answered Oct 7, 2015 at 15:40

Deepak Mahakale

23.8k10 gold badges73 silver badges94 bronze badges

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

3 Comments

Martijn Kerckhaert Over a year ago

Thank you for your answer, one small issue there, I am getting the employee_id in a loop in my view and thus I get the error undefined local variable or method `e' for #<#<Class:0x007fdd840e2ab8>:0x007fdd83ca80b0> with the parameters employer_id and vacancy_id, and I need the employee_id aswell to target the correct row to change.

Deepak Mahakale Over a year ago

you need to set @employee object from accept/candidate action that so that it will be available in your views and then change e.id to @employee.id

Martijn Kerckhaert Over a year ago

Works like a charm! Thanks!

Collectives™ on Stack Overflow

jQuery .replacewith ruby code

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related