質問編集履歴

5

kuchikomi.jsの追加

2018/02/16 14:41

投稿

begin1990
begin1990

score31

test CHANGED
File without changes
test CHANGED
@@ -402,6 +402,68 @@
402
402
 
403
403
 
404
404
 
405
+ kuchikomi.js
406
+
407
+ ```
408
+
409
+ // Place all the behaviors and hooks related to the matching controller here.
410
+
411
+ // All this logic will automatically be available in application.js.
412
+
413
+
414
+
415
+ // jQuery Plugin. Set/show rating by star
416
+
417
+ function initRaty() {
418
+
419
+ if($('.raty-read').length) {
420
+
421
+ $('.raty-read').raty({
422
+
423
+ starType: 'i',
424
+
425
+ space: false,
426
+
427
+ readOnly: true,
428
+
429
+ score: function() { return $(this).data('rating') }
430
+
431
+ })
432
+
433
+ }
434
+
435
+
436
+
437
+ if($('.raty').length) {
438
+
439
+ $('.raty').raty({
440
+
441
+ starType: 'i',
442
+
443
+ target: 'dounan_kuchikomi', // Sync rating to #dounan_kuchikomi
444
+
445
+ targetKeep: true,
446
+
447
+ targetType: 'number',
448
+
449
+ space: true,
450
+
451
+ score: function() { return $(this).data('rating') }
452
+
453
+ })
454
+
455
+ }
456
+
457
+ }
458
+
459
+
460
+
461
+ $(document).on('load turbolinks:load', initRaty)
462
+
463
+ ```
464
+
465
+
466
+
405
467
  参照
406
468
 
407
469
  [https://qiita.com/nekonoprotocol/items/4bc5bd9c64dc3f181016](https://qiita.com/nekonoprotocol/items/4bc5bd9c64dc3f181016)

4

参考リポジトリの追加

2018/02/16 14:41

投稿

begin1990
begin1990

score31

test CHANGED
File without changes
test CHANGED
@@ -410,7 +410,7 @@
410
410
 
411
411
 
412
412
 
413
- 試したこと
413
+ **試したこと**
414
414
 
415
415
  [http://gouf.hatenablog.com/entry/2018/02/05/003548](http://gouf.hatenablog.com/entry/2018/02/05/003548)
416
416
 
@@ -418,6 +418,14 @@
418
418
 
419
419
 
420
420
 
421
+ 参考リポジトリ
422
+
423
+ [https://github.com/wbotelhos/raty](https://github.com/wbotelhos/raty)
424
+
425
+ [https://github.com/gouf/rails_raty_demo](https://github.com/gouf/rails_raty_demo)
426
+
427
+
428
+
421
429
 
422
430
 
423
431
  付けた星の数を、そのまま```dounan_kuchikomi.html.erb```に反映させる方法を、ネットで検索しても出てこないので、ご教示お願いできませんでしょうか?

3

試したことを記入

2018/02/12 09:28

投稿

begin1990
begin1990

score31

test CHANGED
File without changes
test CHANGED
@@ -410,6 +410,14 @@
410
410
 
411
411
 
412
412
 
413
+ 試したこと
414
+
415
+ [http://gouf.hatenablog.com/entry/2018/02/05/003548](http://gouf.hatenablog.com/entry/2018/02/05/003548)
416
+
417
+ を参考に、```dounan_kuchikomi_new.html.erb```で、星評価の機能を実装
418
+
419
+
420
+
413
421
 
414
422
 
415
423
  付けた星の数を、そのまま```dounan_kuchikomi.html.erb```に反映させる方法を、ネットで検索しても出てこないので、ご教示お願いできませんでしょうか?

2

ビューの修正

2018/02/12 09:20

投稿

begin1990
begin1990

score31

test CHANGED
File without changes
test CHANGED
@@ -46,13 +46,15 @@
46
46
 
47
47
  <%= form_for ([@dounan, @dounan_kuchikomi]) do |f| %>
48
48
 
49
- <div class="field" id="star">
50
-
51
- <%= f.label :star, '評価' %>
49
+ <%= f.label :rate, '評価' %>
50
+
52
-
51
+ <%= tag.div('', class: 'raty', data: { rating: @dounan_kuchikomi.rate }) %>
52
+
53
+ <!-- this hidden field will manipulated by raty-js
54
+
55
+ / See: app/assets/javascripts/kuchikomis.js -->
56
+
53
- <%= f.hidden_field :star, id: :kuchikomi_star %>
57
+ <%= f.hidden_field :rate %>
54
-
55
- </div>
56
58
 
57
59
  <%= f.label :title, '題名' %>
58
60
 

1

本文修正

2018/02/06 12:29

投稿

begin1990
begin1990

score31

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  **問題点**
14
14
 
15
- 星を、5段階評価で最高の5個を付けたにも拘らず、ビュー画面では0になっている。
15
+ 星を、5段階評価で最高の5個を付けたにも拘らず、口コミ投稿後のビュー画面では0になっている。
16
16
 
17
17
  [https://gyazo.com/929c1dcd7ae4e2c1222ecb9bd0559bb4](https://gyazo.com/929c1dcd7ae4e2c1222ecb9bd0559bb4)
18
18