From 763ea5331b1977dd949c776215f2c7719f81ee9a Mon Sep 17 00:00:00 2001 From: Logan Hunt Date: Wed, 20 Apr 2022 16:03:17 -0600 Subject: Initial chat box; man phoenix does not have the best docs --- assets/js/chat.js | 43 ++++--------------------------------------- 1 file changed, 4 insertions(+), 39 deletions(-) (limited to 'assets/js/chat.js') diff --git a/assets/js/chat.js b/assets/js/chat.js index aa32aba..4183531 100644 --- a/assets/js/chat.js +++ b/assets/js/chat.js @@ -1,46 +1,11 @@ let RoomChat = { - init(socket, postId) { - console.log(postId); - console.log(socket); + connect(socket, postId) { let channel = socket.channel(`post:${postId}`) channel.join() - .receive("ok", resp => { console.log("Joined successfully", resp) }) - .receive("error", resp => { console.log("Unable to join", resp) }) - this.listenForChats(channel) + .receive("ok", resp => { console.log("Joined successfully: ", resp) }) + .receive("error", resp => { console.log("Unable to join: ", resp) }) + return channel; }, - addMessage(user, message) { -// let body = `${user}: ${message}
` -// if (message.match(new RegExp(`@${window.userName}`, "ig"))) { -// $("#chat-box").append('

' + body + '

') -// } else { -// $("#chat-box").append('

' + body + '

') -// } - }, - scrollBottom() { -// $("#chat-box").animate({ scrollTop: $('#chat-box').prop("scrollHeight")}, 200) - }, - listenForChats(channel) { - channel.push('send', { body: "HELLO"}); -// $(() => { -// $("#chat-form").on("submit", function(ev) { -// ev.preventDefault() -// -// let userMsg = $('#user-msg').val() -// channel.push('send', {body: userMsg}) -// -// $("#user-msg").val("") -// }) - -// channel.on('shout', function(payload) { -// console.log(payload) -// RoomChat.addMessage(payload.name, payload.body) -// RoomChat.scrollBottom() -// }) - // }) - channel.on('shout', function(payload) { - console.log(payload) - }); - } } export default RoomChat; \ No newline at end of file -- cgit v1.2.3-70-g09d2