編集履歴

質問編集履歴

修正

2020/04/06 08:06

投稿

yamazamaki

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -313,49 +313,3 @@
 }
 ```
-###chat_room_channel.rb
-```
-class ChatRoomChannel < ApplicationCable::Channel
-  def subscribed
-    stream_for "chat_room_#{params[:room_id]}"
-  end
-  def unsubscribed
-    # Any clkanup needed when channel is unsubscribed
-  end
-  def speak(data)
-    message = ChatMessage.create(chat_room_id: data['room_id'], user_id: data['user_id'], message: data['message'])
-    ChatRoomChannel.broadcast_to "chat_room_#{data['room_id']}", content: render_message(message)
-  end
-  private
-    def render_message(message)
-      ApplicationController.renderer.render(partial: 'chat_messages/chat_message', locals: { chat_message: message, current_user: message.user })
-    end
-end
-```

詳細なコードを追記しました。

2020/04/06 08:06

投稿

yamazamaki

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -129,3 +129,233 @@
 end
 ```
+### chat/show.html.erb
+```
+  <header class="header">
+    <div class="chatPartner">
+      <%= link_to chat_index_path(), method: :get do%>
+      <span class="material-icons left">keyboard_arrow_left</span>
+      <% end %>
+      <div class="dm-username"><%= @chat_room_user.username %></div>
+      <div class="dm-userid">@<%= @chat_room_user.user_id %></div>
+    </div>
+  </header>
+<div class="messagesArea messages" id="scroll-inner">
+<div class="area">
+<%= render @chat_messages %>
+</div>
+</div>
+  <div class="text-box">
+  <form class="messageInputForm">
+    <div class="messenger">
+      <textarea type="text" data-behavior="room_speaker" class="messageInputForm_input" placeholder="メッセージを入力..."></textarea>
+    </div>
+  </form>
+  </div>
+</div>
+</div>
+```
+###chat_controller.rb
+```
+class ChatController < ApplicationController
+  def create
+    current_user_chat_rooms = ChatRoomUser.where(user_id: current_user.id).map(&:chat_room)
+    chat_room = ChatRoomUser.where(chat_room: current_user_chat_rooms, user_id: params[:user_id]).map(&:chat_room).first
+    if chat_room.blank?
+      chat_room = ChatRoom.create
+      ChatRoomUser.create(chat_room: chat_room, user_id: current_user.id)
+      ChatRoomUser.create(chat_room: chat_room, user_id: params[:user_id])
+    end
+    redirect_to action: :show, id: chat_room.id
+  end
+  def index
+    @current_user =  current_user
+    chat_room = ChatRoom.find_by(id: params[:id])
+    @chat_rooms = ChatRoom.joins(:chat_room_users).
+      where("chat_room_users.user_id =?", @current_user.id).order(created_at: :desc)
+    @chat_messages = ChatMessage.where("chat_room_users.user_id =?", @current_user.id)
+  end
+  def show
+    chat_room = ChatRoom.find_by(id: params[:id])
+    @current_user = User.find_by(id: session[:user_id])
+    @chat_room_user = chat_room.chat_room_users.
+      where.not(user_id: current_user.id).first.user
+    @chat_room_myuser = chat_room.chat_room_users.
+      where.not(user_id: current_user.id).last.user
+    @chat_rooms = ChatRoom.joins(:chat_room_users).
+      where("chat_room_users.user_id =?", @current_user.id)
+    @chat_messages = ChatMessage.where(chat_room: chat_room).order(:created_at)
+  end
+end
+```
+###chat.js
+```
+if (/chat/.test(window.location.pathname)) {
+  var path = window.location.pathname.split('/');
+  var room_id = path[path.length - 1];
+  App.chat_room = App.cable.subscriptions.create({
+    channel: "ChatRoomChannel",
+    room_id: room_id
+  }, {
+    connected: function () {},
+    disconnected: function () {},
+    received: function (data) {
+      $('.messages').append(data['content']);
+    },
+    speak: function (message) {
+      return this.perform('speak', {
+        message: message,
+        room_id: room_id,
+        user_id: $('meta[name="current_user_id"]').attr('content')
+      });
+    }
+  });
+  $(document).on('keypress', '[data-behavior~=room_speaker]', function (event) {
+    if (event.keyCode === 13) {
+      App.chat_room.speak(event.target.value);
+      event.target.value = '';
+      return event.preventDefault();
+    }
+  });
+}
+```
+###chat_room_channel.rb
+```
+class ChatRoomChannel < ApplicationCable::Channel
+  def subscribed
+    stream_for "chat_room_#{params[:room_id]}"
+  end
+  def unsubscribed
+    # Any clkanup needed when channel is unsubscribed
+  end
+  def speak(data)
+    message = ChatMessage.create(chat_room_id: data['room_id'], user_id: data['user_id'], message: data['message'])
+    ChatRoomChannel.broadcast_to "chat_room_#{data['room_id']}", content: render_message(message)
+  end
+  private
+    def render_message(message)
+      ApplicationController.renderer.render(partial: 'chat_messages/chat_message', locals: { chat_message: message, current_user: message.user })
+    end
+end
+```

画像の追加

2020/04/05 16:08

投稿

yamazamaki

スコア6

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -14,11 +14,13 @@
+画像１
 ![イメージ説明](66e5383ce73d89a7b39ea1e7effd9b7d.png)
+画像2
+![画像２](7f8f8c3e7a62a6f3fd2761a775327ed4.png)
 ### _chat_message.html.erb

タイトルの変更

2020/04/05 13:44

投稿

yamazamaki

スコア6

test CHANGED Viewed

	@@ -1 +1 @@
1	- チャット画面でif文が効かない
1	+ チャット画面で文章を送信したときにif文が効かない

test CHANGED Viewed

File without changes