Я сделал ресторанный гид и внедряю систему звездных рейтингов. Пока все хорошо, но теперь у меня трудности с частью JQuery, которая содержит количество звезд, которые текущий пользователь проголосовал за ресторан. Ниже следует соответствующий код:
SCHEMA -------------------------
create_table "ratings", force: :cascade do |t|
t.integer "star"
t.integer "restaurant_id"
t.integer "user_id"
end
МОДЕЛИ - -----------------------
Модель ресторана:
class Restaurant < ApplicationRecord
has_many :ratings
end
Рейтинг модели:
class Rating < ApplicationRecord
belongs_to :restaurant
belongs_to :user
end
Модель пользователя:
class User < ApplicationRecord
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :validatable
has_many :ratings
end
КОНТРОЛЛЕРЫ --------------------
Рейтинги контроллера
class RatingsController < ApplicationController
def create
@restaurant = Restaurant.find(params[:restaurant_id])
@rating = @restaurant.ratings.create(params[:rating].permit(:star))
@rating.user = current_user
@rating.save
flash[:notice] = 'Obrigado pelo seu voto!'
redirect_to restaurant_path(@restaurant)
end
end
HTML ---------------------------
<ul class="rating pl-0">
<% form_id = "restaurant_#{@restaurant.id}_rating" %>
<%= form_for([@restaurant, @restaurant.ratings.build], :html => {:id => "restaurant_#{@restaurant.id}_rating", :class => "star_rating_form"}) do |f| %>
<%= f.hidden_field :restaurant_id %>
<%= f.hidden_field :star, :id => "#{form_id}_stars" %>
<% end %>
<% (1..5).each do |i| %>
<li class="rating_star mx-1 pb-4 pt-1" data-stars="<%= i %>" data-form-id="<%= form_id %>" id="<%= "#{form_id}_#{i}" %>"></li>
<% end %>
</ul>
JQUERY ----- ----------------------
var set_stars = function(form_id, stars){
for(i=1; i<=5; i++){
if(i <= stars){
$('#' + form_id + '_' + i).addClass('on');
} else {
$('#' + form_id + '_' + i).removeClass('on');
}
}
}
$(function() {
$('.rating_star').click(function() {
var star = $(this);
var form_id = $(this).attr('data-form-id');
var stars = $(this).attr('data-stars');
set_stars(form_id, stars);
$('#' + form_id + '_stars').val(stars);
$.ajax({
type: "post",
url: $('#' + form_id).attr('action'),
data: $('#' + form_id).serialize()
});
});
<% if user_signed_in? %>
$('.star_rating_form').each(function(){
var form_id = $(this).attr('id');
var stars = <%= @restaurant.ratings.current_user ---- HERE'S THE PROBLEM ---- %>
set_stars(form_id, stars)
});
<% end %>
В этой последней части кода JQuery (ЗДЕСЬ ПРОБЛЕМА) мне нужно получить доступ к количеству звезд, за которые проголосовал current_user, если существует Я пробовал так много вещей, код работает, если я добавлю <% = 4%> или <% = @ restaurant.ratings.count%>, просто чтобы посмотреть, будет ли это нормально. Мне нужно получить доступ к чему-то вроде @restaurant.ratings.stars.current_user