Better styles for nicklist, implement UI for hiding

css/glowingbear.css

@@ -175,9 +175,16 @@ input[type=text], input[type=password], .badge {
     min-height: 100%;
     height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
     right: 0;
     top: 0;
-    padding-top: 35px; /* topbar */
+    padding-top: 25px; 
+    padding-left: 5px;
+    padding-bottom: 35px;
+}
+    #nicklist ul {
+        padding: 0;
+        margin: 0;
     }
 .nav-pills > li > a {
     border-radius: 0;
@@ -207,7 +214,7 @@ input[type=text], input[type=password], .badge {
 }
 
 .navbar-fixed-bottom {
-    margin: 0 5px 0 14%;
+    margin: 0 105px 0 14%;
 }
 .navbar-inverse {
     background-color: #181818;

index.html

@@ -146,7 +146,7 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
       </div>
     </div>
     <div class="content" ng-show="connected">
-      <div id="topbar" class="horizontal-line">
+      <div id="topbar" class="">
             <div class="brand">
               <img alt="brand" src="img/favicon.png">
             </div>
@@ -190,6 +190,16 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
                       </div>
                     </form>
                   </li>
+                  <li class="">
+                    <form class="form-inline" role="form">
+                      <div class="checkbox">
+                        <label>
+                          <input type="checkbox" ng-model="nonicklist">
+                          Hide nicklist
+                        </label>
+                      </div>
+                    </form>
+                  </li>
                 </ul>
               </div>
               <a ng-click="disconnect()">
@@ -213,14 +223,14 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
           </li>
         </ul>
       </div>
-      <div id="nicklist" class="">
+      <div id="bufferlines">
+        <div id="nicklist" ng-hide="nonicklist" class="vertical-line-left">
           <ul class="nicklistgroup list-unstyled" ng-repeat="group in activeBuffer().nicklist | toArray">
             <li class="" ng-repeat="nick in group.nicks">
               <a ng-click="nickAction(nick)"><span ng-class="nick.prefix_color">{{nick.prefix}}</span><span ng-class="color">{{nick.name}}</span></a>
             </li>
           </ul>
         </div>
-      <div id="bufferlines" class="vertical-line">
         <table>
           <tbody>
             <tr class="bufferline" ng-repeat-start="bufferline in (bufferlines = activeBuffer().lines)">

js/models.js

@@ -144,7 +144,9 @@ models.service('models', ['$rootScope', '$filter', function($rootScope, $filter)
         var prefix = message['prefix'];
         var visible = message['visible'];
         var name = message['name'];
+        /* TODO translate color to CSS value */
         var prefix_color = message['prefix_color'];
+        /* TODO translate color to CSS value */
         var color = message['color'];
 
         return {

js/websockets.js

@@ -455,6 +455,8 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
     $store.bind($scope, "notimestamp", false);
     // Save setting for syncing hotlist
     $store.bind($scope, "hotlistsync", true);
+    // Save setting for displaying nicklist
+    $store.bind($scope, "nonicklist", false); 
 
 
     $scope.setActiveBuffer = function(key) {