Создайте систему обмена сообщениями с помощью Rails и ActionCable

• Если задано :receiver_id
• Если пользователь не был найден, перенаправьте на корневой путь (конечно, вы можете отобразить какую-то ошибку).
• Если пользователь был найден, проверьте, существует ли уже разговор между ним и текущим пользователем.
• Если диалог существует, перенаправьте на действие «Показать разговор».
• Если он не существует, создайте форму для начала разговора.
• И наконец, если идентификатор :receiver_id:conversation_id

Вот обновленная find_conversation! Метод и new

conversations_controller.rb

 # ...
def new
  redirect_to conversation_path(@conversation) and return if @conversation
  @personal_message = current_user.personal_messages.build
end

private

def find_conversation!
  if params[:receiver_id]
    @receiver = User.find_by(id: params[:receiver_id])
    redirect_to(root_path) and return unless @receiver
    @conversation = Conversation.between(current_user.id, @receiver.id)[0]
  else
    @conversation = Conversation.find_by(id: params[:conversation_id])
    redirect_to(root_path) and return unless @conversation && @conversation.participates?(current_user)
  end
end
# ...

between

модели / conversation.rb

 # ...
scope :between, -> (sender_id, receiver_id) do
  where(author_id: sender_id, receiver_id: receiver_id).or(where(author_id: receiver_id, receiver_id: sender_id)).limit(1)
end
# ...

Вот мнение:

просмотров / personal_messages / new.html.erb

 <h1>New message to <%= @receiver.name %></h1>

<%= form_for @personal_message do |f| %>
  <%= hidden_field_tag 'receiver_id', @receiver.id %>

  <%= f.label :body %>
  <%= f.text_area :body %>

  <%= f.submit %>
<% end %>

Действие create В настоящее время мы не учитываем, что разговор может не существовать, поэтому исправим это сейчас:

personal_messages_controller.rb

 # ...
def create
  @conversation ||= Conversation.create(author_id: current_user.id,
                                        receiver_id: @receiver.id)
  @personal_message = current_user.personal_messages.build(personal_message_params)
  @personal_message.conversation_id = @conversation.id
  @personal_message.save!

  flash[:success] = "Your message was sent!"
  redirect_to conversation_path(@conversation)
end
# ...

Это оно! Наша система обмена сообщениями готова, и вы можете увидеть ее в действии!

Немного стиля

Пока мы показываем самые новые сообщения внизу, давайте немного стилизовать страницу беседы, чтобы сделать ее более удобной для пользователя:

application.scss

 #conversation-body {
  max-height: 400px;
  overflow-y: auto;
  margin-bottom: 2em;
}

В большинстве случаев пользователь интересуется последними сообщениями, поэтому прокруткой до нижней части окна сообщений также является хорошей идеей:

JavaScripts / conversations.coffee

 jQuery(document).on 'turbolinks:load', ->
  messages = $('#conversation-body')
  if messages.length > 0
    messages_to_bottom = -> messages.scrollTop(messages.prop("scrollHeight"))

    messages_to_bottom()

 jQuery ->

 //= require conversations

 # ...
gem 'emoji'
# ...

 $ bundle install

 # ...
def emojify(content)
  h(content).to_str.gsub(/:([\w+-]+):/) do |match|
    if emoji = Emoji.find_by_alias($1)
      %(<img alt="#$1" src="#{image_path("emoji/#{emoji.image_filename}")}" style="vertical-align:middle" width="20" height="20" />)
    else
      match
    end
  end.html_safe if content.present?
end
# ...

 <p><%= emojify personal_message.body %></p>
<p>at <strong><%= personal_message.created_at %></strong><br>
  by <strong><%= personal_message.user.name %></strong></p>
<hr>