From b59aa3104920645c8b5df6e9449122d37290b9df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= <huebschle@kit.edu>
Date: Thu, 13 Oct 2016 15:57:33 +0200
Subject: [PATCH 1/3] Move unread class to buffer <li> instead of ng-if on
 badge

Enables theming, fixes #828 which is now possible with custom CSS
---
 css/glowingbear.css | 8 +++++++-
 index.html          | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index fd021fa..f8e241a 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -216,7 +216,13 @@ input[type=text], input[type=password], #sendMessage {
   display:block!important;
 }
 
-#sidebar .badge {
+
+#sidebar .buffer .badge {
+   display: none;
+}
+
+#sidebar .buffer.unread .badge {
+    display: inline-block;
     border-radius: 0;
     margin-right: -10px;
     padding: 4px 7px;
diff --git a/index.html b/index.html
index 62e0616..a0aad32 100644
--- a/index.html
+++ b/index.html
@@ -271,9 +271,9 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
               <input class="form-control favorite-font" type="text" id="bufferFilter" ng-model="search" ng-keydown="handleSearchBoxKey($event)" placeholder="Search" autocomplete="off">
             </form>
           </li>
-          <li class="buffer" ng-class="{'active': buffer.active, 'highlight': search && search_highlight_key === key, 'indent': buffer.indent, 'channel': buffer.type === 'channel', 'channel_hash': buffer.prefix === '#', 'channel_plus': buffer.prefix === '+', 'channel_ampersand': buffer.prefix === '&', 'private': buffer.type === 'private'}" ng-repeat="(key, buffer) in (filteredBuffers = (getBuffers() | toArray:'withidx' | filter:{fullName:search} | filter:hasUnread | orderBy:predicate | getBufferQuickKeys:this))">
+          <li class="buffer" ng-class="{'active': buffer.active, 'unread': (buffer.notification || buffer.unread), 'highlight': search && search_highlight_key === key, 'indent': buffer.indent, 'channel': buffer.type === 'channel', 'channel_hash': buffer.prefix === '#', 'channel_plus': buffer.prefix === '+', 'channel_ampersand': buffer.prefix === '&', 'private': buffer.type === 'private'}" ng-repeat="(key, buffer) in (filteredBuffers = (getBuffers() | toArray:'withidx' | filter:{fullName:search} | filter:hasUnread | orderBy:predicate | getBufferQuickKeys:this))">
             <a ng-click="setActiveBuffer(buffer.id)" title="{{ buffer.fullName }}" href="#">
-              <span class="badge pull-right" ng-class="{'danger': buffer.notification}" ng-if="buffer.notification || buffer.unread" ng-bind="buffer.notification || buffer.unread"></span>
+              <span class="badge pull-right" ng-class="{'danger': buffer.notification}" ng-bind="buffer.notification || buffer.unread"></span>
               <span class="buffer-quick-key">{{ buffer.$quickKey }}</span>
               <span class="buffername">{{ buffer.trimmedName || buffer.fullName }}</span>
             </a>

From cbc158af4c83d85f5cb9a40a8ebd0e24c2e24d52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= <huebschle@kit.edu>
Date: Thu, 13 Oct 2016 16:02:10 +0200
Subject: [PATCH 2/3] Reformat awful buffer class logic to restore readability

---
 index.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a0aad32..972d53d 100644
--- a/index.html
+++ b/index.html
@@ -271,7 +271,16 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
               <input class="form-control favorite-font" type="text" id="bufferFilter" ng-model="search" ng-keydown="handleSearchBoxKey($event)" placeholder="Search" autocomplete="off">
             </form>
           </li>
-          <li class="buffer" ng-class="{'active': buffer.active, 'unread': (buffer.notification || buffer.unread), 'highlight': search && search_highlight_key === key, 'indent': buffer.indent, 'channel': buffer.type === 'channel', 'channel_hash': buffer.prefix === '#', 'channel_plus': buffer.prefix === '+', 'channel_ampersand': buffer.prefix === '&', 'private': buffer.type === 'private'}" ng-repeat="(key, buffer) in (filteredBuffers = (getBuffers() | toArray:'withidx' | filter:{fullName:search} | filter:hasUnread | orderBy:predicate | getBufferQuickKeys:this))">
+          <li class="buffer" ng-class="{'active': buffer.active,
+                                        'unread': (buffer.notification || buffer.unread),
+                                        'highlight': search && search_highlight_key === key,
+                                        'indent': buffer.indent,
+                                        'channel': buffer.type === 'channel',
+                                        'channel_hash': buffer.prefix === '#',
+                                        'channel_plus': buffer.prefix === '+',
+                                        'channel_ampersand': buffer.prefix === '&',
+                                        'private': buffer.type === 'private'}"
+              ng-repeat="(key, buffer) in (filteredBuffers = (getBuffers() | toArray:'withidx' | filter:{fullName:search} | filter:hasUnread | orderBy:predicate | getBufferQuickKeys:this))">
             <a ng-click="setActiveBuffer(buffer.id)" title="{{ buffer.fullName }}" href="#">
               <span class="badge pull-right" ng-class="{'danger': buffer.notification}" ng-bind="buffer.notification || buffer.unread"></span>
               <span class="buffer-quick-key">{{ buffer.$quickKey }}</span>

From 6359e726cef1bef2ffb05b829a56512b1501ca24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= <huebschle@kit.edu>
Date: Thu, 13 Oct 2016 16:09:10 +0200
Subject: [PATCH 3/3] buffer: separate unread and notification

---
 css/glowingbear.css | 2 +-
 index.html          | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index f8e241a..b556e46 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -221,7 +221,7 @@ input[type=text], input[type=password], #sendMessage {
    display: none;
 }
 
-#sidebar .buffer.unread .badge {
+#sidebar .buffer.unread .badge, #sidebar .buffer.notification .badge {
     display: inline-block;
     border-radius: 0;
     margin-right: -10px;
diff --git a/index.html b/index.html
index 972d53d..839a0ec 100644
--- a/index.html
+++ b/index.html
@@ -272,7 +272,8 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
             </form>
           </li>
           <li class="buffer" ng-class="{'active': buffer.active,
-                                        'unread': (buffer.notification || buffer.unread),
+                                        'unread': buffer.unread,
+                                        'notification': buffer.notification,
                                         'highlight': search && search_highlight_key === key,
                                         'indent': buffer.indent,
                                         'channel': buffer.type === 'channel',