39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
|
import ActionCable from 'actioncable'
|
||
|
|
|
||
|
|
// create App object with key cable == new cosumer
|
||
|
|
(function() {
|
||
|
|
window.App || (window.App = {});
|
||
|
|
|
||
|
|
App.cable = ActionCable.createConsumer();
|
||
|
|
|
||
|
|
}).call(this);
|
||
|
|
|
||
|
|
|
||
|
|
const userId = parseInt(document.getElementById("my-user-id").dataset["userId"])
|
||
|
|
|
||
|
|
App.cable.subscriptions.create({
|
||
|
|
channel: 'NotificationsChannel'
|
||
|
|
}, {
|
||
|
|
connected: () => {
|
||
|
|
console.log('Connected to NotificationsChannel')
|
||
|
|
},
|
||
|
|
received: data => {
|
||
|
|
console.log(data["message"]["user_id"])
|
||
|
|
console.log(userId)
|
||
|
|
if (data["message"]["user_id"] === userId) {
|
||
|
|
console.log("TRIGGER MODAL")
|
||
|
|
const acceptButton = document.getElementById('accept-button')
|
||
|
|
acceptButton.style.display = "block"
|
||
|
|
// const receiveCall = document.getElementById('receive-call')
|
||
|
|
// receiveCall.dataset.toggle = 'modal'
|
||
|
|
// receiveCall.dataset.target ='#calleeModal'
|
||
|
|
// console.log(receiveCall)
|
||
|
|
|
||
|
|
// const calleeModal = document.getElementById('calleeModal')
|
||
|
|
// calleeModal.modal("show")
|
||
|
|
|
||
|
|
console.log(`user with id: ${userId} needs to subscribe to chatroom ${data["message"]["chat_room_id"]}`)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|