From: Art Cancro <ajc@citadel.org>
Date: Thu, 17 Feb 2022 00:41:50 +0000 (-0500)
Subject: The sidebar buttons are now unhighlighted by default.  When rendering a room view... 
X-Git-Tag: v950~10
X-Git-Url: https://code.citadel.org/?a=commitdiff_plain;h=15251e3508ee3096309295ed94aa88755053a615;p=citadel.git

The sidebar buttons are now unhighlighted by default.  When rendering a room view, iterate through all of them, unhighlight any that are highlighted, and then highlight the correct one.
---

diff --git a/webcit-ng/static/index.html b/webcit-ng/static/index.html
index f87f5f7bf..3344f177b 100644
--- a/webcit-ng/static/index.html
+++ b/webcit-ng/static/index.html
@@ -53,16 +53,16 @@ LOADING
 		</div>
 	</div>
 	<hr>
-	<div class="w3-bar-block">
+	<div id="ctdl-sidebar" class="w3-bar-block">
 		<a href="#" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" onclick="w3_close()" title="close menu"><i class="fa fa-remove fa-fw"></i>  Close Menu</a>
-		<a href="#" class="w3-bar-item w3-button w3-padding w3-blue"><i class="fas fa-inbox fa-fw"></i>  Mail</a>
+		<a href="#" id="ctdl-sidebar-mail-button" class="w3-bar-item w3-button w3-padding"><i class="fas fa-inbox fa-fw"></i>  Mail</a>
 		<div id="ctdl_mail_folder_list" style="display:none"></div>
-		<a href="#" class="w3-bar-item w3-button w3-padding" onClick="render_room_list();"><i class="fas fa-comments fa-fw"></i>  Forums</a>
-		<a href="#" class="w3-bar-item w3-button w3-padding"><i class="far fa-calendar-alt fa-fw"></i>  Calendar</a>
-		<a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bullseye fa-fw"></i>  Contacts</a>
-		<a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-blog fa-fw"></i>  Blogs</a>
-		<a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-wikipedia-w fa-fw"></i>  Wikis</a>
-		<a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Settings</a><br><br>
+		<a href="#" id="ctdl-sidebar-button-forums" class="w3-bar-item w3-button w3-padding" onClick="render_room_list();"><i class="fas fa-comments fa-fw"></i>  Forums</a>
+		<a href="#" id="ctdl-sidebar-button-calendar" class="w3-bar-item w3-button w3-padding"><i class="far fa-calendar-alt fa-fw"></i>  Calendar</a>
+		<a href="#" id="ctdl-sidebar-button-contacts" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bullseye fa-fw"></i>  Contacts</a>
+		<a href="#" id="ctdl-sidebar-button-blogs" class="w3-bar-item w3-button w3-padding"><i class="fa fa-blog fa-fw"></i>  Blogs</a>
+		<a href="#" id="ctdl-sidebar-button-wikis" class="w3-bar-item w3-button w3-padding"><i class="fa fa-wikipedia-w fa-fw"></i>  Wikis</a>
+		<a href="#" id="ctdl-sidebar-button-settings" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Settings</a><br><br>
 	</div>
 </nav>
 
diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index cfdca07ba..7fb8b8a4b 100644
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -18,8 +18,17 @@ function render_room_view(gt_msg, lt_msg) {
 
 	document.getElementById("ctdl-newmsg-button").style.display = "none";		// the view renderer will set this
 
+	// Clear the highlighting out of all the sidebar buttons
+	var items = document.getElementById("ctdl-sidebar").getElementsByTagName("*");
+	for (var i = items.length; i--;) {
+		if (items[i].id.includes("ctdl-sidebar-button-")) {
+			items[i].classList.remove("w3-blue");
+		}
+	}
+
 	switch(current_view) {
 		case views.VIEW_BBS:
+			document.getElementById("ctdl-sidebar-button-forums").classList.add("w3-blue");
 			document.getElementById("ctdl-main").innerHTML = "<div id=\"ctdl-mrp\" class=\"ctdl-msg-reading-pane\"></div>";
 			forum_readmessages("ctdl-mrp", gt_msg, lt_msg);
 			break;