From 16952e58431050dd53477267a6a498253abf0048 Mon Sep 17 00:00:00 2001
From: Jack Allnutt <jack@allnutt.eu>
Date: Tue, 16 Jul 2013 17:50:42 +0100
Subject: [PATCH] Allow "server and network" section to be collapsed once it's
 expanded

Fixes #330
---
 client/assets/css/style.css             |  6 +++---
 client/assets/src/index.html.tmpl       |  2 +-
 client/assets/src/views/serverselect.js | 21 +++++++++++++++++++--
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index d000f6a..fb24c53 100644
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -762,7 +762,7 @@ html, body { height:100%; }
 #kiwi.theme_relaxed .server_select .basic tr.have_key { font-size:0.8em; }
 #kiwi.theme_relaxed .server_select .basic tr.channel td { padding-top:1em; }
 #kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
-#kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
+#kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; }
 #kiwi.theme_relaxed .server_select.single_server .basic { border:none; }
 #kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; }
 #kiwi.theme_relaxed .server_select .status.ok { }
@@ -1275,7 +1275,7 @@ html, body { height:100%; }
 #kiwi.theme_cli .server_select .basic tr.have_pass { font-size:0.8em; }
 #kiwi.theme_cli .server_select .basic tr.channel td { padding-top:1em; }
 #kiwi.theme_cli .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
-#kiwi.theme_cli .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
+#kiwi.theme_cli .server_select .basic .show_more { display: block; width:116px; margin:10px 0 0 0; font-size:0.8em; }
 #kiwi.theme_cli .server_select.single_server .basic { border:none; }
 #kiwi.theme_cli .server_select .status { text-align: center; font-weight: bold; padding:1em; }
 #kiwi.theme_cli .server_select .status.ok { }
@@ -1592,7 +1592,7 @@ html, body { height:100%; }
 #kiwi.theme_basic .server_select .basic tr.have_pass { font-size:0.8em; }
 #kiwi.theme_basic .server_select .basic tr.channel td { padding-top:1em; }
 #kiwi.theme_basic .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
-#kiwi.theme_basic .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
+#kiwi.theme_basic .server_select .basic .show_more { display: block; width:110px; margin:10px 0 0 0; font-size:0.8em; }
 #kiwi.theme_basic .server_select.single_server .basic { border:none; }
 #kiwi.theme_basic .server_select .status { text-align: center; font-weight: bold; padding:1em; }
 #kiwi.theme_basic .server_select .status.ok { }
diff --git a/client/assets/src/index.html.tmpl b/client/assets/src/index.html.tmpl
index 63038a4..a066513 100644
--- a/client/assets/src/index.html.tmpl
+++ b/client/assets/src/index.html.tmpl
@@ -142,7 +142,7 @@
                             </tr>
                         </table>
 
-                        <a href="" onclick="return false;" class="show_more">Server and network</a>
+                        <a href="" onclick="return false;" class="show_more">Server and network <i class="icon-caret-down"></i></a>
                     </div>
 
 
diff --git a/client/assets/src/views/serverselect.js b/client/assets/src/views/serverselect.js
index eebdd64..f504b0c 100644
--- a/client/assets/src/views/serverselect.js
+++ b/client/assets/src/views/serverselect.js
@@ -24,6 +24,8 @@ _kiwi.view.ServerSelect = function () {
                 }
             }
 
+            this.more_shown = false;
+
             _kiwi.gateway.bind('onconnect', this.networkConnected, this);
             _kiwi.gateway.bind('connecting', this.networkConnecting, this);
             _kiwi.gateway.bind('onirc_error', this.onIrcError, this);
@@ -100,8 +102,23 @@ _kiwi.view.ServerSelect = function () {
         },
 
         showMore: function (event) {
-            $('.more', this.$el).slideDown('fast');
-            $('input.server', this.$el).select();
+            if (!this.more_shown) {
+                $('.more', this.$el).slideDown('fast');
+                $('.show_more', this.$el)
+                    .children('.icon-caret-down')
+                    .removeClass('icon-caret-down')
+                    .addClass('icon-caret-up');
+                $('input.server', this.$el).select();
+                this.more_shown = true;
+            } else {
+                $('.more', this.$el).slideUp('fast');
+                $('.show_more', this.$el)
+                    .children('.icon-caret-up')
+                    .removeClass('icon-caret-up')
+                    .addClass('icon-caret-down');
+                $('input.nick', this.$el).select();
+                this.more_shown = false;
+            }
         },
 
         populateFields: function (defaults) {
-- 
2.25.1