Chat

1 files changed, 22 insertions, 0 deletions

diff --git a/app/javascript/channels/chat_room_channel.js b/app/javascript/channels/chat_room_channel.js
new file mode 100644
index 0000000..8dfa47f
--- /dev/null
+++ b/app/javascript/channels/chat_room_channel.js
@@ -0,0 +1,22 @@
+import consumer from "./consumer"
+
+consumer.subscriptions.create("ChatRoomChannel", {
+  connected() {
+    // Called when the subscription is ready for use on the server
+  },
+
+  disconnected() {
+    // Called when the subscription has been terminated by the server
+  },
+
+  received(data) {
+    // Called when there's incoming data on the websocket for this channel
+    var node = document.createElement("P");
+    node.innerHTML = data.html;
+    var chatOutputElement = document.getElementById("chat_output");
+    chatOutputElement.appendChild(node);
+    chatOutputElement.scrollTo({
+      top: chatOutputElement.scrollHeight, left: 0, behavior: 'smooth'
+    });
+  }
+});