From 64348b848605edde1b015d3d3f0e4966f4f7378d Mon Sep 17 00:00:00 2001 From: rainbow napkin Date: Tue, 7 Oct 2025 01:00:13 -0400 Subject: [PATCH] Sesh titles now glow while unread, fixed chat icon un-lighting pre-emptively. --- www/css/theme/movie-night.css | 8 ++++++++ www/js/channel/panels/pmPanel.js | 17 ++++++++--------- www/js/channel/pmHandler.js | 6 +++--- 3 files changed, 19 insertions(+), 12 deletions(-) diff --git a/www/css/theme/movie-night.css b/www/css/theme/movie-night.css index 439002d..0f517b3 100644 --- a/www/css/theme/movie-night.css +++ b/www/css/theme/movie-night.css @@ -166,8 +166,16 @@ textarea{ text-shadow: var(--focus-glow0); } +.positive-inverse{ + color: var(--focus0); + text-shadow: var(--focus-glow0-alt0); +} + .positive-low{ color: var(--focus0); +} + +.positive-afterglow{ text-shadow: var(--focus-glow0-alt0); } diff --git a/www/js/channel/panels/pmPanel.js b/www/js/channel/panels/pmPanel.js index 041ec5c..92e44ef 100644 --- a/www/js/channel/panels/pmPanel.js +++ b/www/js/channel/panels/pmPanel.js @@ -106,14 +106,8 @@ class pmPanel extends panelObj{ //Render out the newest message this.renderMessage(data); }else{ - //pull current session entry if it exists - const curEntry = this.panelDocument.querySelector(`[data-id="${nameObj.name}"]`); - - //If it doesn't exist - if(curEntry == null){ - //Re-render out the sesh list - this.renderSeshList(); - } + //Re-render out the sesh list + this.renderSeshList(); } } @@ -194,6 +188,9 @@ class pmPanel extends panelObj{ if(sesh.id == this.activeSesh){ //mark it as such entryDiv.classList.add('positive'); + //If it contains something unread + }else if(sesh.unread){ + entryDiv.classList.add('positive-afterglow'); } //Create sesh label @@ -232,6 +229,9 @@ class pmPanel extends panelObj{ //Re-render message buffer this.renderMessages(); + + //Re-Render Sesh List + this.renderSeshList(); } renderMessages(){ @@ -257,7 +257,6 @@ class pmPanel extends panelObj{ */ renderMessage(message){ //If we have an empty message - console.log(message); if(message.msg == null || message.msg == ''){ //BAIL!! return; diff --git a/www/js/channel/pmHandler.js b/www/js/channel/pmHandler.js index aaa887d..3ff3c5b 100644 --- a/www/js/channel/pmHandler.js +++ b/www/js/channel/pmHandler.js @@ -150,7 +150,7 @@ class pmHandler{ handlePing(newSesh = false){ //Light up the icon - this.pmIcon.classList.add('positive-low'); + this.pmIcon.classList.add('positive-inverse'); if(newSesh && (localStorage.getItem('newSeshSound') == 'true')){ utils.ux.playSound(this.openSeshSound); @@ -164,14 +164,14 @@ class pmHandler{ //For each sesh for(const sesh of this.seshList){ //If a sesh is unread - if(sesh.unread){ + if(sesh[1].unread){ //LOOK OUT BOYS, THIS ONE'S BEEN READ! CHEESE IT! return; } } //Unlight the icon - this.pmIcon.classList.remove('positive-low'); + this.pmIcon.classList.remove('positive-inverse'); } readSesh(panelID, seshID){