how to make a websocket connection to dynamic url from the javascript? - websocket

Question

I have a all_products_page.html(super admin side) where i'm getting products of all the user.
In this page there is a column named 'status'. on which i'm sending an ajax request to approve or unapprove product.
I want whenever super admin approve or unapprove a product a notification to be send to that particular user.
How can i achieve that, as i can only send one room_name.
models.py
#receiver(post_save, sender=BroadcastNotification)
def notification_handler(sender, instance, created,update_fields, **kwargs):
# if seen field is not updated in DB , i.e if message is created or updated then send notifiction
if created or update_fields is None:
channel_layer = get_channel_layer()
# call group_send function to send notifications
async_to_sync(channel_layer.group_send)(
"notification_" + "admin" if not instance.from_admin
else "notification_" + str(instance.notification_receiver_id),
{
'type': 'send_notification' ,
'message': json.dumps(str(instance.id) + ">" + instance.message + ">"
+ instance.notification_link)
}
)
In models.py i'm calling notification on post save of data
consumers.py
import json
from channels.generic.websocket import AsyncWebsocketConsumer
class NotificationConsumer(AsyncWebsocketConsumer):
async def connect(self):
# get user id of notification receiver
self.room_name = self.scope['path'].split('/')[3]
self.room_group_name = 'notification_%s' % self.room_name
print(self.room_group_name)
# Join room group
await self.channel_layer.group_add(
self.room_group_name,
self.channel_name
)
await self.accept()
async def disconnect(self, close_code):
# Leave room group
await self.channel_layer.group_discard(
self.room_group_name,
self.channel_name
)
# Receive message from room group
async def send_notification(self, event):
message = json.loads(event['message'])
print("msg",message)
# Send message to WebSocket
await self.send(text_data=json.dumps(message))
main.js
const notificationSocket = new WebSocket(
'ws://'
+ window.location.host
+ '/ws/notification/'
+ roomName
+ '/'
);
//-----------------If any message for websocket , append message to dropdown and update badge number----------
notificationSocket.onmessage = function(e) {
const data = JSON.parse(e.data);
console.log(data);
let notif_id = data.split('>')[0];
let msg = data.split('>')[1];
let link = data.split('>')[2];
if(roomName == "admin")
{
document.getElementById(`notifications-dropdown`).innerHTML
= `<a class="dropdown-item notification_msg_drpdwn" msg_id="${notif_id}"
href="${link}" >${msg}</a>` +"</li><hr class='dropdown-divider'>" +
document.getElementById(`notifications-dropdown`).innerHTML;
document.getElementById(`notification-badge`).innerHTML
= parseInt(document.getElementById(`notification-badge`).innerHTML) + 1;
}
else
{
document.getElementById(`notifications-dropdown_${roomName}`).innerHTML
= `<a class="dropdown-item notification_msg_drpdwn" msg_id="${notif_id}"
href="${link}" >${msg}</a>` +"</li><hr class='dropdown-divider'>" +
document.getElementById(`notifications-dropdown_${roomName}`).innerHTML;
document.getElementById(`notification-badge_${roomName}`).innerHTML
= parseInt(document.getElementById(`notification-badge_${roomName}`).innerHTML) + 1;
}
};