From db89dd819bb6461835fa141834330415953ff010 Mon Sep 17 00:00:00 2001
From: Florent Chehab <perso@floflo.ch>
Date: Sat, 2 May 2020 12:59:03 +0200
Subject: [PATCH] feat(frontend): track the number of messages received / sent

---
 src/index.html | 4 ++++
 src/js/main.js | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/src/index.html b/src/index.html
index 0e298f8..fe75bc7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -124,6 +124,10 @@
 		</div>
 	</div>
 
+	<div style="position: absolute; bottom: 10px; right: 10px;">
+		<p># msg. sent to server: <i id="messageSentCount">0</i></p>
+		<p># msg. received from server: <i id="messageReceivedCount">0</i></p>
+	</div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/js/main.js b/src/js/main.js
index 8553eea..9d693e8 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -43,8 +43,10 @@ function main() {
     signaling_socket.on('connect', function () {
         console.log("Websocket connected!");
 
+        let messageReceivedCount = 0;
         signaling_socket.on('drawToWhiteboard', function (content) {
             whiteboard.handleEventsAndData(content, true);
+            $('#messageReceivedCount')[0].innerText = String(messageReceivedCount++);
         });
 
         signaling_socket.on('refreshUserBadges', function () {
@@ -69,12 +71,15 @@ function main() {
         if (getQueryVariable("webdav") == "true") {
             $("#uploadWebDavBtn").show();
         }
+
+        let messageSentCount = 0;
         whiteboard.loadWhiteboard("#whiteboardContainer", { //Load the whiteboard
             whiteboardId: whiteboardId,
             username: btoa(myUsername),
             sendFunction: function (content) {
                 content["at"] = accessToken;
                 signaling_socket.emit('drawToWhiteboard', content);
+                $('#messageSentCount')[0].innerText = String(messageSentCount++);
             }
         });