I'm working on implementing a Like button in Rails using Ajax, similar to this example: Like button Ajax in Ruby on Rails
The example above works perfectly, but I'm interested in incorporating images and iconic text (such as fontawesome) instead of just using plain text like/dislike. Can anyone provide some references or guidance?
Below is the code snippet I am currently using for the iconic text implementation:
View code:
if current_user.liked? content
link_to fa_icon("some-symbol"), dislike_movie_path(content),
class: 'vote',
method: :put,
remote: true,
data: { toggle_text: 'another-symbol',
toggle_href: like_movie_path(content),
id: content.id }
else
link_to fa_icon("another-symbol"), like_movie_path(content),
class: 'vote',
method: :put,
remote: true,
data: { toggle_text: 'some-symbol',
toggle_href: dislike_movie_path(content),
id: content.id }
end
Javascript code:
$(document).on 'ajax:success', 'a.vote', (status,data,xhr)->
$(".votes-count[data-id=#{data.id}]").text data.count
$("a.vote[data-id=#{data.id}]").each ->
$a = $(this)
href = $a.attr 'href'
text = $a.text()
$a.text($a.data('toggle-text')).attr 'href', $a.data('toggle-href')
$a.data('toggle-text', text).data 'toggle-href', href
$i = $a.get("i")
if($i.hasClass('some-symbol'))
$i.removeClass('some-symbol').addClass('another-symbol')
else
$i.removeClass('another-symbol').addClass('some-symbol')
return
return
Appreciate any help or insights you may have on this matter.