Merge pull request dsrao711#6 from YogeshUpdhyay/main

js updated
YogeshUpdhyay · May 29, 2021 · 28c8c31 · 28c8c31
2 parents 84d3ef3 + 4c1a368
commit 28c8c31
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/app/static/main.js b/app/static/main.js
@@ -23,5 +23,16 @@ function onMessageSend() {
         msg: msg
     }
     console.log(data);
+
+    var ele = document.getElementById("messages")
+    if (ele.innerHTML == "") {
+        ele.innerHTML = `<div class="flex justify-end">
+            ${data.msg}
+        </div>`
+    } else {
+        ele.innerHTML = `${ele.innerHTML}<div class="flex justify-end">
+            ${data.msg}
+        </div>`
+    }
     socket.emit("message", data)
 }
diff --git a/app/templates/home.html b/app/templates/home.html
@@ -31,7 +31,9 @@
                     <tbody>
                         {% for friend in friends -%}
                         <tr>
-                            <th scope="row" onclick=chatapp("{{ friend.username }}")>{{friend.username}}</th>
+                            <th scope="row" onclick=chatapp("{{friend.username}}")>
+                                {{ friend.username | string }}
+                            </th>
                         </tr>
                         {% endfor %}
                     </tbody>
@@ -43,6 +45,9 @@
             <div class="card border-primary mb-3" style="max-width: 100% ; height : 80vh">
                 <div class="card-header" id="chat-header">Friend</div>
                 <div class="card-body" style="position: absolute ; bottom : 10px ;width : 100%">
+                    <div class="mb-3" id="messages">
+
+                    </div>
                     <div class="input-group mb-3">
                         <input type="text" class="form-control" placeholder="Type.." id="message" style="max-width : 100%">
                         <div class="input-group-append">