From 677ec7783dad7d27c858382f2c746358ca88e048 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 26 Apr 2014 16:49:56 +0100
Subject: [PATCH 1/2] Reduce usage of ng-show/hide to reduce number of useless
 DOM elements (fixed)

Progress in the direction of #87, especially on mobile.
This version doesn't break everything for new users.
---
 index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index d6c2353..ed2fe77 100644
--- a/index.html
+++ b/index.html
@@ -192,7 +192,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           <a href="#" ng-click="swipeSidebar()">
             <img alt="brand" src="assets/img/favicon.png" title="Connected to {{ host }}:{{ port}}">
           </a>
-          <button ng-show="debugMode" ng-click="countWatchers()">Count<br />Watchers</button>
+          <button ng-if="debugMode" ng-click="countWatchers()">Count<br />Watchers</button>
         </div>
         <div class="title" ng-bind-html="activeBuffer().title | irclinky:'_blank'"></div>
         <div class="actions pull-right vertical-line-left">
@@ -215,15 +215,15 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           </li>
           <li class="buffer" ng-class="{'active': buffer.active, 'indent': buffer.indent }" ng-repeat="(key, buffer) in (filteredBuffers = (buffers | toArray | filter:{fullName:search} | filter:hasUnread | orderBy:predicate))">
             <a href="#" ng-click="setActiveBuffer(buffer.id)" title="{{ buffer.fullName }}">
-              <span class="badge pull-right" ng-hide="buffer.notification" ng-if="buffer.unread" ng-bind="buffer.unread"></span>
-              <span class="badge pull-right danger" ng-show="buffer.notification" ng-bind="buffer.notification"></span>
-              <span class="buffername">{{ buffer.shortName }}</span><span ng-hide="buffer.shortName">{{ buffer.fullName }}</span>
+              <span class="badge pull-right" ng-if="buffer.unread && !buffer.notification" ng-bind="buffer.unread"></span>
+              <span class="badge pull-right danger" ng-if="buffer.notification" ng-bind="buffer.notification"></span>
+              <span class="buffername">{{ buffer.shortName }}</span><span ng-if="!buffer.shortName">{{ buffer.fullName }}</span>
             </a>
           </li>
         </ul>
       </div>
       <div bindonce id="bufferlines" class="monospace" ng-swipe-right="swipeSidebar()" ng-swipe-left="openNick()" ng-class="{'withnicklist': showNicklist, 'withsidebar': showSidebar}">
-        <div id="nicklist" ng-show="showNicklist" ng-swipe-right="closeNick()" class="vertical-line-left">
+        <div id="nicklist" ng-if="showNicklist" ng-swipe-right="closeNick()" class="vertical-line-left">
           <ul class="nicklistgroup list-unstyled" ng-repeat="group in nicklist">
             <li ng-repeat="nick in group.nicks|orderBy:'name'" ng-click="openBuffer(nick.name)">
               <a ng-click="nickAction(nick)"><span bo-class="nick.prefixClasses" bo-text="nick.prefix"></span><span bo-class="nick.nameClasses" bo-text="nick.name"></span></a>

From 18d1f4716b5d5a75839c28167f5e925ce292fb4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Sat, 26 Apr 2014 16:34:02 +0100
Subject: [PATCH 2/2] Revert "use ng-if to hide date instead of css"

That actually decreases performance, because it adds a watcher to every line

This reverts commit 16365db5889eda5c7c508b3c67ea540338ffae1f.
---
 css/glowingbear.css | 5 +++++
 index.html          | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index d6e36fa..06d633c 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -340,6 +340,11 @@ img.embed {
     max-height: 300px;
 }
 
+
+table.notimestamp td.time {
+    display: none !important;
+}
+
 .modal ul {
     list-style: none;
     padding-left: 15px;
diff --git a/index.html b/index.html
index ed2fe77..cb25a35 100644
--- a/index.html
+++ b/index.html
@@ -241,7 +241,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           </tbody>
           <tbody ng-repeat="bufferline in bufferlines">
             <tr class="bufferline">
-              <td class="time" ng-if="!notimestamp">
+              <td class="time">
                 <span class="date" bo-class="{'repeated-time': bufferline.shortTime==bufferlines[$index-1].shortTime}">
                   <span class="cof-chat_time cob-chat_time coa-chat_time" bo-text="bufferline.date|date:'HH'"></span><span class="cof-chat_time_delimiters cob-chat_time_delimiters coa-chat_time_delimiters">:</span><span class="cof-chat_time cob-chat_time coa-chat_time" bo-text="bufferline.date|date:'mm'"></span>
                 </span>