Toggleable ban list

diff --git a/client/src/index.html.tmpl b/client/src/index.html.tmpl
index 7a5bdcfc0d664beab55d32c76291315233d92120..e873bdb0563e26535388eeef4e7b66f487a79391 100644 (file)
--- a/client/src/index.html.tmpl
+++ b/client/src/index.html.tmpl
@@ -95,11 +95,11 @@
 \r
 \r
                 <div class="control-group channel-banlist">\r
-                    <button class="show_banlist">Show banlist</button> <span class="banlist-status"></span>\r
+                    <button class="toggle_banlist">Toggle banlist</button> <span class="banlist-status"></span>\r
                     <table>\r
                         <thead>\r
                             <tr>\r
-                                <td>Bank Mask</td>\r
+                                <td>Ban Mask</td>\r
                                 <td>Added By</td>\r
                                 <td>Date Added</td>\r
                                 <td></td>\r

diff --git a/client/src/views/channelinfo.js b/client/src/views/channelinfo.js
index d26e2b57bf2d5eeac3f72ffd91b5c025f87afc5c..b5caed47ccfdaafdb9ecff0b75f456d4ba9daac6 100644 (file)
--- a/client/src/views/channelinfo.js
+++ b/client/src/views/channelinfo.js
@@ -2,7 +2,7 @@
 
 _kiwi.view.ChannelInfo = Backbone.View.extend({
     events: {
-        'click .show_banlist': 'updateBanlist',
+        'click .toggle_banlist': 'toggleBanList',
         'change .channel-mode': 'onModeChange',
         'click .remove-ban': 'onRemoveBanClick'
     },
@@ -120,6 +120,7 @@ _kiwi.view.ChannelInfo = Backbone.View.extend({
 
         banlist = channel.get('banlist');
         if (banlist && banlist.length) {
+            this.$el.find('.channel-banlist table').show();
             var $table = this.$el.find('.channel-banlist table tbody');
 
             this.$el.find('.banlist-status').text('');
@@ -137,27 +138,24 @@ _kiwi.view.ChannelInfo = Backbone.View.extend({
             });
 
             this.$el.find('.channel-banlist table').slideDown();
-
         } else {
             this.$el.find('.banlist-status').text('Banlist empty');
             this.$el.find('.channel-banlist table').hide();
         }
     },
 
-
-    updateBanlist: function (event) {
+    toggleBanList: function (event) {
         event.preventDefault();
-
+        this.$el.find('.channel-banlist table').toggle();
         var channel = this.model.get('channel'),
-            network = channel.get('network');
+        network = channel.get('network');
 
         network.gateway.raw('MODE ' + channel.get('name') + ' +b');
     },
 
-
     dispose: function () {
         this.model.get('channel').off('change:info_modes change:info_url change:banlist', this.updateInfo, this);
 
         this.$el.remove();
     }
-});
\ No newline at end of file
+});