やりたいこと
dounan_kuchikomiに☆評価を付ける
やったこと
☆評価を付けて口コミを投稿
問題点
星を、5段階評価で最高の5個を付けたにも拘らず、口コミ投稿後のビュー画面では0になっている。
https://gyazo.com/929c1dcd7ae4e2c1222ecb9bd0559bb4
該当コード
dounan_kuchikomi_new.html.erb
<div class="area dounan"> <h1><%= @dounan.title %></h1> <ul class="media-list"> <div class="row"> <aside class="col-xs-6"> <div class="panel panel-default"> <div class="panel-heading"> <li class="media"> <h2>レビューを投稿する</h2> <%= form_for ([@dounan, @dounan_kuchikomi]) do |f| %> <%= f.label :rate, '評価' %> <%= tag.div('', class: 'raty', data: { rating: @dounan_kuchikomi.rate }) %> <!-- this hidden field will manipulated by raty-js / See: app/assets/javascripts/kuchikomis.js --> <%= f.hidden_field :rate %> <%= f.label :title, '題名' %> <%= f.text_field :title, class: 'form-control', rows: 5 %> <%= f.label :picture, '写真' %> <%= f.file_field :picture %><br /> <%= f.label :content, 'レビュー' %> <%= f.text_area :content, class: 'form-control', rows: 5 %> <br /> <%= f.submit '投稿' , class: 'btn btn-success btn-lg'%> <% end %> </li> </div> </div> </aside> </div> </ul> </div> <script> $('#star').raty({ size : 36, starOff: '<%= asset_path('star-off.png') %>', starOn : '<%= asset_path('star-on.png') %>', scoreName: 'kuchikomi[star]' }); </script>
dounan_kuchikomi.html.erb
<div class="area dounan"> <ul class="media-list"> <div> <%= link_to 'レビューする', new_dounan_dounan_kuchikomi_path(@dounan, @dounan_kuchikomi), class: 'btn btn-success' %> </div> </div><br /> <div class="panel panel-default"> <h2>レビュー一覧</h2> <% @dounan_kuchikomis.each do |dounan_kuchikomi| %> <% user = dounan_kuchikomi.user %> <ul class="media"> <div class="media-body"> <div> <%= link_to user.name, user_path(user) %> <span class="text-muted">投稿日時 <%= dounan_kuchikomi.created_at %></span> </div> <div> <div id="star"></div> <p>題名:<%= dounan_kuchikomi.title %></p> <p><%= dounan_kuchikomi.content %></p> </div> <div> <% if current_user == dounan_kuchikomi.user %> <%= link_to 'このレビューを削除する', dounan_kuchikomi, method: :delete, data: { confirm: '本当に削除してよろしいですか?' }, class: 'btn btn-danger btn-xs' %> <% end %> </div> </div> </ul> <% end %> </div> <%= paginate @dounan_kuchikomis %> </ul> </div> <script> $('#star').raty({ size : 36, starOff: '<%= asset_path('star-off.png') %>', starOn : '<%= asset_path('star-on.png') %>', scoreName: 'kuchikomi[star]' }); </script>
dounan_kuchikomi_controller
class DounanKuchikomisController < ApplicationController before_action :require_user_logged_in, only: [:new, :crete, :edit, :update, :destroy] before_action :correct_user, only: [:destroy] def index @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomis = @dounan.dounan_kuchikomis.all.page(params[:page]) end def new @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomi = @dounan.dounan_kuchikomis.new end def create @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomi = @dounan.dounan_kuchikomis.new(dounan_kuchikomi_params) @dounan_kuchikomi.user_id = current_user.id if @dounan_kuchikomi.save flash[:success] = 'レビュー が正常に投稿されました' redirect_to dounan_dounan_kuchikomis_path else flash.now[:danger] = 'レビュー が投稿されませんでした' render :new end end def edit @dounan_kuchikomi = @dounan.dounan_kuchikomis.find(params[:id]) render :edit end def update @dounan_kuchikomi = @dounan.dounan_kuchikomis.find(params[:id]) if @dounan_kuchikomi.update_attributes(dounan_kuchikomi_params) redirect_to @dounan_kuchikomi flash[:success] = "プロフィールを更新しました" else flash.now[:danger] = 'プロフィールを更新できませんでした。' render'edit' end end def destroy @dounan_kuchikomi.destroy flash[:success] = 'レビューを削除しました。' redirect_back(fallback_location: root_url) end private def set_dounan_kuchikomi @dounan = Dounan.find(params[:dounan_id]) @dounan_kuchikomi = @dounan.dounan_kuchikomis.find(params[:id]) end # Strong Parameter def dounan_kuchikomi_params params.require(:dounan_kuchikomi).permit(:content, :star, :picture, :title) end def correct_user @dounan_kuchikomi = current_user.dounan_kuchikomis.find_by(id: params[:id]) unless @dounan_kuchikomi redirect_to root_path end end end
dounan_kuchikomiモデル
class DounanKuchikomi < ApplicationRecord belongs_to :user belongs_to :dounan mount_uploader :picture, PictureUploader validates :user_id, presence: true validates :content, presence: true, length: { maximum: 300 } validates :title, presence: true, length: { maximum: 20 } end
マイグレーションファイル
class CreateDounanKuchikomis < ActiveRecord::Migration[5.0] def change create_table :dounan_kuchikomis do |t| t.string :content t.references :user, foreign_key: true t.references :dounan, foreign_key: true t.string :star t.string :picture t.string :title t.timestamps end end end
kuchikomi.js
// Place all the behaviors and hooks related to the matching controller here. // All this logic will automatically be available in application.js. // jQuery Plugin. Set/show rating by star function initRaty() { if($('.raty-read').length) { $('.raty-read').raty({ starType: 'i', space: false, readOnly: true, score: function() { return $(this).data('rating') } }) } if($('.raty').length) { $('.raty').raty({ starType: 'i', target: 'dounan_kuchikomi', // Sync rating to #dounan_kuchikomi targetKeep: true, targetType: 'number', space: true, score: function() { return $(this).data('rating') } }) } } $(document).on('load turbolinks:load', initRaty)
参照
https://qiita.com/nekonoprotocol/items/4bc5bd9c64dc3f181016
https://qiita.com/kitaokeita/items/1e40724c3384507cec13
試したこと
http://gouf.hatenablog.com/entry/2018/02/05/003548
を参考に、dounan_kuchikomi_new.html.erb
で、星評価の機能を実装
参考リポジトリ
https://github.com/wbotelhos/raty
https://github.com/gouf/rails_raty_demo
付けた星の数を、そのままdounan_kuchikomi.html.erb
に反映させる方法を、ネットで検索しても出てこないので、ご教示お願いできませんでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/05 13:51
2018/02/05 15:30
2018/02/06 11:41 編集
2018/02/06 11:49
2018/02/06 12:00
2018/02/06 12:13
2018/02/06 12:31
2018/02/06 14:13 編集
2018/02/06 23:51
2018/02/07 08:59
2018/02/07 13:12 編集
2018/02/07 13:31
2018/02/07 13:52
2018/02/09 14:53
2018/02/09 18:02
2018/02/10 08:35
2018/02/12 01:00
2018/02/12 02:43
2018/02/12 02:51
2018/02/12 03:10 編集
2018/02/12 03:30
2018/02/12 03:54 編集
2018/02/12 03:57
2018/02/12 07:01
2018/02/12 14:16
2018/02/13 11:54
2018/02/13 13:50
2018/02/13 14:43
2018/02/15 14:00
2018/02/15 20:50
2018/02/15 23:49
2018/02/16 14:42 編集
2018/02/16 22:17 編集
2018/02/16 23:42
2018/02/17 00:32
2018/02/17 00:48