PMHandler now tracks unread messages and lights pm icon to notify user.

www/js/channel/pmHandler.js

@@ -38,6 +38,11 @@ class pmHandler{
          */
         this.seshList = new Map();
 
+        /**
+         * List of open PM Panels
+         */
+        this.panelList = new Map();
+
         this.defineListeners();
         this.setupInput();
     }
@@ -66,10 +71,11 @@ class pmHandler{
         //Store whether or not current message has been consumed by an existing sesh
         let consumed = false;
 
-        const nameObj = pmHandler.genSeshName(data);
+        //Store whether or not we have this sesh open in an existing PMPanel
+        let displayed = false;
 
-        //Create members array from scratch to avoid changing the input data for further processing
-        const members = nameObj.recipients;
+        //Pull session name from static generation method
+        const nameObj = pmHandler.genSeshName(data);
 
         //For each existing sesh
         for(const seshEntry of this.seshList){
@@ -81,6 +87,24 @@ class pmHandler{
                 //Dump collected message into the matching session
                 sesh.messages.push(data);
 
+                //Set sesh to unread
+                sesh.unread = true;
+
+                //For each open PM Panel
+                for(const panel of this.panelList){
+                    //If sesh ID matches an open sesh in an existing panel
+                    if(sesh.id == panel[1]){
+                        //Set sesh to read
+                        sesh.unread = false;
+                    }
+                }
+
+                //If the message was unread
+                if(sesh.unread){
+                    //Notify user of new message/sesh
+                    this.handlePing();
+                }
+
                 //Add sesh to sesh map
                 this.seshList.set(sesh.id, sesh);
 
@@ -94,11 +118,51 @@ class pmHandler{
             //Generate a new sesh
             const sesh = new pmSesh(data, client);
 
+            //Notify user of new message/sesh
+            this.handlePing();
+
             //Add it to the sesh list
             this.seshList.set(sesh.id, sesh);
         }
     }
 
+    handlePing(){
+        //Light up the icon
+        this.pmIcon.classList.add('positive-low');
+    }
+
+    //Handles UI updates after reading all messages
+    checkAllRead(){
+        //For each sesh
+        for(const sesh of this.seshList){
+            //If a sesh is unread
+            if(sesh.unread){
+                //LOOK OUT BOYS, THIS ONE'S BEEN READ! CHEESE IT!
+                return;
+            }
+        }
+
+        //Unlight the icon
+        this.pmIcon.classList.remove('positive-low');
+    }
+
+    readSesh(panelID, seshID){
+        //Set current sesh for panel
+        this.panelList.set(panelID, seshID);
+
+        //Get requested session
+        const sesh = this.seshList.get(seshID);
+
+        //Set it to unread
+        sesh.unread = false;
+
+        //Commit sesh back to sesh list
+        this.seshList.set(sesh.id, sesh);
+
+        //Check if all messages are read and handle em' if they are
+        this.checkAllRead();
+    }
+
     static genSeshName(message){
         const recipients = [];
 
@@ -153,6 +217,11 @@ class pmSesh{
          */
         this.id = nameObj.name;
 
+        /**
+         * Whether or not we have unread messages within the session
+         */
+        this.unread = true;
+
         /**
          * Array containing all session messages
          */