Comment system updates: editor and private comments now functional.

application/views/request/view.xhtml

@@ -90,7 +90,7 @@
 
     <div id="comments">
         <div class="tabBar">
-            <a href="#" id="commentsTab">Comments</a>
+            <a href="#" id="commentsTab" class="selected">Comments</a>
             <a href="#" id="editorCommentsTab">Editor Comments</a>
             <a href="#" id="privateCommentsTab">Private Comments</a>
         </div>

document_root/css/request/view.oss

@@ -68,7 +68,12 @@ div#comments {
         }
 
         a:hover {
-            color: #f00;
+            color: #c00;
+        }
+
+        a.selected {
+            color: #c00;
+            background-color: #222;
         }
     }
 

document_root/javascript/request/view.js

@@ -17,10 +17,20 @@ function viewRequestSelectTab()
     var editorCommentsContent = document.getElementById('editorCommentsContent');
     var privateCommentsContent = document.getElementById('privateCommentsContent');
 
+    var commentsTab = document.getElementById('commentsTab');
+    var editorCommentsTab = document.getElementById('editorCommentsTab');
+    var privateCommentsTab = document.getElementById('privateCommentsTab');
+
     commentsContent.style.display = 'none';
     editorCommentsContent.style.display = 'none';
     privateCommentsContent.style.display = 'none';
 
+    commentsTab.className = '';
+    editorCommentsTab.className = '';
+    privateCommentsTab.className = '';
+
+    this.className = 'selected';
+
     if (this.id == 'commentsTab') {
         commentsContent.style.display = 'block';
     } else if (this.id == 'editorCommentsTab') {