質問編集履歴

2

修正

2020/04/27 10:29

投稿

harabou
harabou

スコア5

test CHANGED
File without changes
test CHANGED
@@ -164,7 +164,77 @@
164
164
 
165
165
  ![イメージ説明](1b042bc3fe3cc3756ebf34e5080e49de.png)
166
166
 
167
-
167
+ ```ruby
168
+
169
+ <ul class="list-unstyled">
170
+
171
+ <% @posts.each do |post| %>
172
+
173
+ <li class="media">
174
+
175
+ <%= link_to post_path(post) do %>
176
+
177
+ <%= video_tag post.video.to_s, :size => "360x200" %>
178
+
179
+ <% end %>
180
+
181
+
182
+
183
+ <div class="media-body">
184
+
185
+ <%= link_to post_path(post) do %>
186
+
187
+ <h5 class="mt-0 mb-1"><%= post.title %></h5>
188
+
189
+ <% end %>
190
+
191
+ <%= post.body %>
192
+
193
+
194
+
195
+ <div class="left-container">
196
+
197
+ <div id="like-icon-post-<%= post.id.to_s %>">
198
+
199
+ <% if post.liked_by(current_user).present? %>
200
+
201
+ <%= link_to "いいねを取り消す", post_like_path(post.id, post.liked_by(current_user)), method: :DELETE, remote: true, class: "loved hide-text" %>
202
+
203
+ <% else %>
204
+
205
+ <%= link_to "いいね", post_likes_path(post), method: :POST, remote: true, class: "love hide-text" %>
206
+
207
+ <% end %>
208
+
209
+ </div>
210
+
211
+ <div class="counter">
212
+
213
+ <%= post.like_ids.length %>
214
+
215
+ </div>
216
+
217
+ <div class="favorite">
218
+
219
+ <div id="like-text-post-<%= post.id.to_s %>" >
220
+
221
+ <%= render "like_text", { likes: post.likes } %>
222
+
223
+ </div>
224
+
225
+ </div>
226
+
227
+ </div>
228
+
229
+ </div>
230
+
231
+ </li>
232
+
233
+ <% end %>
234
+
235
+ </ul>
236
+
237
+ ```
168
238
 
169
239
  ```JAVASCRIPT
170
240
 

1

修正、タグの追加

2020/04/27 10:29

投稿

harabou
harabou

スコア5

test CHANGED
File without changes
test CHANGED
@@ -147,3 +147,47 @@
147
147
  ハートの非同期はできているので、カウントとlike_textの部分が問題なのかと思い、Qiitaなどをみて確認してみましたが、問題がなさそうに見えます。
148
148
 
149
149
  おそらく...単純なミスだとは思いますが、ご教授いただければと思います。
150
+
151
+
152
+
153
+
154
+
155
+ ##追記 4.27
156
+
157
+
158
+
159
+ ご教授いただいた点、修正しました。
160
+
161
+ ![イメージ説明](b7f8212eaf0f3327f766a4ad6609df92.png)
162
+
163
+ ###↓
164
+
165
+ ![イメージ説明](1b042bc3fe3cc3756ebf34e5080e49de.png)
166
+
167
+
168
+
169
+ ```JAVASCRIPT
170
+
171
+ $('#like-icon-post-<%= @post.id.to_s %>').
172
+
173
+ html('<%= link_to "いいね", post_like_path(@post.id, @like), method: :DELETE, remote: true, class: "loved hide-text" %>');
174
+
175
+ $('#like-text-post-<%= @post.id.to_s %>').
176
+
177
+ html('<%= j render "posts/like_text", { likes: @post.likes } %>');
178
+
179
+ ```
180
+
181
+ ```JAVASCRIPT
182
+
183
+ $('#like-icon-post-<%= @post.id.to_s %>').
184
+
185
+ html('<%= link_to "いいねを取り消す", post_likes_path(@post), method: :POST, remote: true, class: "love hide-text" %>');
186
+
187
+ $('#like-text-post-<%= @post.id.to_s %>').
188
+
189
+ html('<%= j render "posts/like_text", { likes: @post.likes } %>');
190
+
191
+ ```
192
+
193
+ ですが、どうしても<%= post.like_ids.length %>を反映させる方法が見つかりませんでした...