rails のeach文で同じタグに別のクラスを指定したい

Question

ユーザー同士のダイレクトメッセージを送り合う時、
自分と相手のメッセージをdbから取り出して
eachで回しているのですが、
自分の投稿の時のクラスと
相手からの投稿の時のクラスをそれぞれ別のクラスにするにはどうしたらいいでしょうか？

ソース内ではeachの中にある<div class="contact-box">に追加でクラスを付け足したいと考えています。
自分を@current_user,相手を@userとしています。
よろしくお願い致します。

#ソースコード　user_contact

<div class="main users-index"> <div class="container"> <h1 class="users-heading">DM</h1> <div class="contact-room"> <% @room.each do |room| %> <% users = User.find_by(id: room.user_id)%> <% if Room.find_by(user_id:@current_user.id, sent_id: @user.id) || Room.find_by(user_id:@user.id, sent_id: @current_user.id)%> <div class="contact-box" > <p style="color: blue;"><%= users.name %></p> <p><%= room.content %></p> </div> <% end %>

<%  end %>
</div>

 <div class="send-form">
<%= form_tag("/users/#{@user.id}/room_create") do %>
  <textarea name="content" required ></textarea>
  <input type="submit" value="送信" style="border: 1px solid black;"　>
 <% end %>
 </div>

</div> </div>

#controller

def user_contact
@user = User.find_by(id: params[:id])

@room = Room.where(user_id: @current_user.id, sent_id: @user.id).or(Room.where(user_id: @user.id, sent_id: @current_user.id))

end

Answer 1

<p class="<%= room.content.user_id == current.user.id ? 'current_user' : 'user' %>"><%= room.content %></p>

とかでどうでしょうか？

Comments

[kato0121]

ありがとうございます！
このまま使ったらエラーになりまして、自分なりに変更して
<div class="contact-box <%= room.user_id == @current_user.id ? 'current_user' : 'user' %>" >
このようにしたら
なぜかcurrent_user側の文字が大きくなり、user側の文字が小さくなりました！
一応クラス分けされていると言うことですかね？笑
まだ初心者なものでこのコードはどう言う意味合いがあるものなのか
教えていただけると幸いです。

[t_kusakabe74]

CSSが原因ではないでしょうか？？？

`current_user` で文字を大きくするようなCSSが書いてあると current_user 側の文字が大きくなりそうです！

[kato0121]

わかりやすい対応ありがとうございます！
無事にクラスを分けられました！