send user_id and username back to frontend

Author: reszkojr

classroom/consumers.py

@@ -61,7 +61,8 @@ async def receive(self, text_data):
         data = {
             "type": 'chat_message',
             "id": message.id,
-            "user": message.user.username,
+            "user_id": message.user.id,
+            "username": message.user.username,
             "date": message.date.strftime("%Y-%m-%d"),
             "avatar": 'https://static.vecteezy.com/system/resources/previews/024/983/914/non_2x/simple-user-default-icon-free-png.png',
             "text": message.text,
@@ -75,7 +76,8 @@ async def receive(self, text_data):
     async def chat_message(self, event):
         response = {
             'type': 'websocket.send',
-            'user': event['user'],
+            'user_id': event['user_id'],
+            'username': event['username'],
             'text': event['text']
         }
         await self.send(json.dumps(event))

classroom/serializers.py

@@ -27,6 +27,7 @@ class Meta:
 
     def to_representation(self, instance):
         ret = super().to_representation(instance)
-        ret['user'] = instance.user.id
+        ret['user_id'] = instance.user.id
+        ret['username'] = instance.user.username
         ret['avatar'] = 'https://static.vecteezy.com/system/resources/previews/024/983/914/non_2x/simple-user-default-icon-free-png.png'
         return ret