Ruby On Rails - доступ к атрибутам current_user в JQuery - PullRequest
0 голосов
/ 02 апреля 2020

Я сделал ресторанный гид и внедряю систему звездных рейтингов. Пока все хорошо, но теперь у меня трудности с частью 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

1 Ответ

0 голосов
/ 02 апреля 2020

Через несколько минут после того, как я задал этот вопрос, я обнаружил очень простой метод под названием .find_by(), и мне удалось решить эту проблему.

Ниже приведен соответствующий код:

HTML - --------------------------

<%= form_for([@restaurant, @restaurant.ratings.find_by(user: current_user) || @restaurant.ratings.build], :html => {:id => "restaurant_#{@restaurant.id}_rating", :class => "star_rating_form"}) do |f| %>

JQUERY ------------ -------------

  <% if user_signed_in? %>
    $('.star_rating_form').each(function(){
      var form_id = $(this).attr('id');
      var stars = $('#' + form_id + '_stars').val();
      set_stars(form_id, stars)
    });
  <% end %>

Надеюсь, это кому-нибудь поможет. :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...