[176209168] Add jquery rating plugin with stars

app/assets/javascripts/rate/rating_init.js

@@ -0,0 +1,16 @@
+if ($("#review").length > 0) {
+
+    $("#review").rating({
+        "click":function (e) {
+            if (e.stars > 0 && e.stars <= 5) {
+                if ($("#new_rating").length > 0) {
+                    $("#rating_rate").val(e.stars);
+                    $("#new_rating").submit();
+                } else {
+                    $("#rating_rate").val(e.stars);
+                    $(".edit_rating").submit();
+                }
+            }
+        }
+    });
+}

app/controllers/articles_controller.rb

@@ -2,20 +2,25 @@ class ArticlesController < ApplicationController
   expose_decorated :article, -> { set_article }
   expose :comment, -> { set_comment }
   expose_decorated :company, -> { article.company }
+  expose :rating, -> { set_rating }
 
   layout "company"
 
   def show
     authorize article
   end
 
+  private
+
   def set_article
-    Article.includes(:comments).find_by(id: params["id"])
+    Article.includes(:comments, :ratings).find_by(id: params["id"])
   end
 
-  private
-
   def set_comment
     article.comments.new
   end
+
+  def set_rating
+    Rating.find_or_initialize_by(article: article, user: current_user)
+  end
 end

app/controllers/ratings_controller.rb

@@ -0,0 +1,24 @@
+class RatingsController < ApplicationController
+  expose :rating
+  before_action :authenticate_user!
+  expose_decorated :article
+  expose :rating, build: ->(rating_params) { Rating.new(rating_params) }
+
+  def create
+    redirect_to article_path(article) unless rating.save
+  end
+
+  def update
+    redirect_to article_path(article) unless rating.update rating_params
+  end
+
+  private
+
+  def rating_params
+    {
+      user: current_user,
+      article_id: params[:article_id],
+      rate: params[:rating][:rate]
+    }
+  end
+end

app/decorators/article_decorator.rb

@@ -13,4 +13,10 @@ def author
   def sorted_comments
     object.comments.sorted_by_created_at
   end
+
+  def rating
+    return "Nobody has rated on this article yet" unless object.ratings.any?
+
+    "#{object.ratings.average(:rate).round(2)}/5"
+  end
 end

app/models/article.rb

@@ -8,6 +8,7 @@ class Article < ApplicationRecord
   belongs_to :user
   belongs_to :company
   has_many :comments, dependent: :destroy
+  has_many :ratings, dependent: :destroy
 
   paginates_per 5
 

app/models/rating.rb

@@ -0,0 +1,6 @@
+class Rating < ApplicationRecord
+  validates :rate, inclusion: { in: [1, 2, 3, 4, 5] }
+
+  belongs_to :user, required: true
+  belongs_to :article, required: true
+end

app/views/articles/_form.html.slim

@@ -0,0 +1,5 @@
+.row(id="rating_data")
+  .medium-6.columns
+    = "Rating: #{article.rating}"
+  = simple_form_for [article, rating], remote: true do |f|
+    = f.input :rate, as: :hidden

app/views/articles/show.html.slim

@@ -12,6 +12,9 @@ article.showed
           = "Published #{distance_of_time_in_words_to_now(article.updated_at)} ago"
         div
           = "#{article.author}"
+      .medium-2.columns
+        div(id="review")
+    = render "form"
 
 = render article.sorted_comments
 

app/views/layouts/company.html.slim

@@ -11,6 +11,7 @@ html class="no-js" lang="en"
     = csrf_meta_tags
 
     = stylesheet_link_tag :application
+    = stylesheet_link_tag "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
 
     = javascript_tag "window.App = {}"
 

app/views/ratings/create.js.erb

@@ -0,0 +1,3 @@
+$("#rating_data").html("");
+
+$("#rating_data").append("<%= escape_javascript(render :partial => 'articles/form') %>");

app/views/ratings/update.js.erb

@@ -0,0 +1,3 @@
+$("#rating_data").html("");
+
+$("#rating_data").append("<%= escape_javascript(render :partial => 'articles/form') %>");

config/routes.rb

@@ -24,6 +24,7 @@
 
   resources :articles, only: :show do
     resources :comments, except: %i[index new]
+    resources :ratings, only: %i[create update]
   end
 
   namespace :admin_scope do

db/migrate/20201129151451_create_ratings.rb

@@ -0,0 +1,11 @@
+class CreateRatings < ActiveRecord::Migration[5.2]
+  def change
+    create_table :ratings do |t|
+      t.references :article, foreign_key: true, null: false
+      t.references :user, foreign_key: true, null: false
+      t.integer :rate, default: 0, null: false
+    end
+
+    add_index :ratings, [:article_id, :user_id], unique: true
+  end
+end

db/schema.rb

@@ -61,6 +61,15 @@
     t.index ["company_id"], name: "index_companies_users_on_company_id"
   end
 
+  create_table "ratings", force: :cascade do |t|
+    t.bigint "article_id", null: false
+    t.bigint "user_id", null: false
+    t.integer "rate", default: 0, null: false
+    t.index ["article_id", "user_id"], name: "index_ratings_on_article_id_and_user_id", unique: true
+    t.index ["article_id"], name: "index_ratings_on_article_id"
+    t.index ["user_id"], name: "index_ratings_on_user_id"
+  end
+
   create_table "static_pages", force: :cascade do |t|
     t.string "title"
     t.text "content"
@@ -101,4 +110,6 @@
     t.index ["unlock_token"], name: "index_users_on_unlock_token", unique: true
   end
 
+  add_foreign_key "ratings", "articles"
+  add_foreign_key "ratings", "users"
 end

spec/factories/ratings.rb

@@ -0,0 +1,7 @@
+FactoryBot.define do
+  factory :rating do
+    user
+    article
+    rate { 5 }
+  end
+end

spec/features/user/ratings/create_spec.rb

@@ -0,0 +1,20 @@
+require "rails_helper"
+
+feature "Create Rating" do
+  include_context "current user signed in"
+  let(:company) { create :company, owner: current_user }
+  let(:article) { create :article, :company, user: current_user, company: company }
+  let(:another_user) { create :user }
+
+  background do
+    create :rating, user: another_user, article: article, rate: 5
+    visit article_path(article)
+  end
+
+  scenario "User choose 1 point", js: true do
+    expect(page).to have_content("5.0/5")
+    star = find(:xpath, "//i[1]")
+    star.click
+    expect(page).to have_content("3.0/5")
+  end
+end

spec/features/user/ratings/update_spec.rb

@@ -0,0 +1,18 @@
+require "rails_helper"
+
+feature "Update Rating" do
+  include_context "current user signed in"
+  let(:company) { create :company, owner: current_user }
+  let(:article) { create :article, :company, user: current_user, company: company }
+
+  background do
+    create :rating, user: current_user, article: article, rate: 4
+    visit article_path(article)
+  end
+
+  scenario "User choose 3 points", js: true do
+    expect(page).to have_content("4.0/5")
+    find(:xpath, "//i[3]").click
+    expect(page).to have_content("3.0/5")
+  end
+end