change server icon to reflec connection status

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index 3b52fc649b2ecc87027dcc51ccd197467692282f..35c2c5cdc8bec0593487a459e8b22b9c5f029758 100644 (file)
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -312,7 +312,8 @@ html, body { height:100%; }
 #kiwi.theme_relaxed #toolbar .panellist li .part:before { content:"\f00d"; }
 
 #kiwi.theme_relaxed #toolbar .panellist li.server span { padding-left: 5px; }
-#kiwi.theme_relaxed #toolbar .panellist li.server:before { content: "\f0ec"; }
+#kiwi.connected.theme_relaxed #toolbar .panellist li.server:before { content: "\f0ec"; }
+#kiwi.theme_relaxed #toolbar .panellist li.server:before { content: "\f06a"; }
 
 /* Tab texts are within a span */
 #kiwi.theme_relaxed #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }
@@ -644,7 +645,8 @@ html, body { height:100%; }
 #kiwi.theme_mini #toolbar .panellist li .part:before { content:"\f00d"; }
 
 #kiwi.theme_mini #toolbar .panellist li.server span { padding-left:5px; }
-#kiwi.theme_mini #toolbar .panellist li.server:before { content: "\f0ec"; }
+#kiwi.connected.theme_mini #toolbar .panellist li.server:before { content: "\f0ec"; }
+#kiwi.theme_mini #toolbar .panellist li.server:before { content: "\f06a"; }
 
 /* Tab texts are within a span */
 #kiwi.theme_mini #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }
@@ -905,7 +907,8 @@ html, body { height:100%; }
 #kiwi.theme_cli #toolbar .panellist li .part:before { content:"\f00d"; }
 
 #kiwi.theme_cli #toolbar .panellist li.server span { padding-left:5px; }
-#kiwi.theme_cli #toolbar .panellist li.server:before { content: "\f0ec"; }
+#kiwi.connected.theme_cli #toolbar .panellist li.server:before { content: "\f0ec"; }
+#kiwi.theme_cli #toolbar .panellist li.server:before { content: "\f06a"; }
 
 /* Tab texts are within a span */
 #kiwi.theme_cli #toolbar .panellist li span  { line-height:20px; vertical-align:middle; display:inline-block; }

diff --git a/client/assets/dev/model_application.js b/client/assets/dev/model_application.js
index ba9313c41fbe237fe9f1e4b09258726ccaa48559..915a53855d8a2189a55e360a4d13d9e2fbeec471 100644 (file)
--- a/client/assets/dev/model_application.js
+++ b/client/assets/dev/model_application.js
@@ -302,6 +302,8 @@ _kiwi.model.Application = function () {
                     var msg = 'You have been disconnected. Attempting to reconnect for you..';\r
                     that.message.text(msg, {timeout: 10000});\r
 \r
+                    that.view.$el.removeClass('connected');\r
+\r
                     // Mention the disconnection on every channel\r
                     $.each(_kiwi.app.panels.models, function (idx, panel) {\r
                         if (!panel || !panel.isChannel()) return;\r
@@ -315,7 +317,8 @@ _kiwi.model.Application = function () {
                     msg = 'You have been disconnected. Attempting to reconnect again in ' + (event.delay/1000) + ' seconds..';\r
                     _kiwi.app.panels.server.addMsg('', msg, 'action quit');\r
                 });\r
-                gw.on('connect', function (event) {\r
+                gw.on('onconnect', function (event) {\r
+                    that.view.$el.addClass('connected');\r
                     if (gw_stat !== 1) return;\r
 \r
                     var msg = 'It\'s OK, you\'re connected again :)';\r