The sidebar buttons are now unhighlighted by default. When rendering a room view...

diff --git a/webcit-ng/static/index.html b/webcit-ng/static/index.html
index f87f5f7bfcd4d1d7cc51432555e3cbbdc2cca6d6..3344f177b027776abb23daeb7d275cc8802317d4 100644 (file)
--- 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 cfdca07ba3cf3f2563ba18051cfa5aafbb0fee2a..7fb8b8a4b988218be4f41df65cc934ef64e4e1f6 100644 (file)
--- 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;