Skip to content

Instantly share code, notes, and snippets.

@shankardevy

shankardevy/socket.js Secret

Created Jul 9, 2017
Embed
What would you like to do?
import {Socket} from "phoenix"
let socket = new Socket("/socket", {params: {token: window.userToken}})
socket.connect()
let channel = socket.channel("pos", {})
channel.join()
.receive("ok", resp => {
console.log("Joined successfully", resp)
$("#intro-text").text(resp.message)
})
.receive("error", resp => { console.log("Unable to join", resp) })
channel.on('message:new', payload => {
renderMessage(payload, "MangoRobot")
})
let chatMessages = $("#pos-chat-room")
let renderMessage = (payload, user) => {
let template = document.createElement("li")
template.innerHTML = `<div class="chat-body">
<div class="header">
<strong class="primary-font">${user}</strong>
</div>
<p>${payload.message}</p>
</div>`
chatMessages.append(template);
}
export default socket
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment