client/src/views/serverselect.js

   1 _kiwi.view.ServerSelect = function () {
   2     // Are currently showing all the controlls or just a nick_change box?
   3     var state = 'all';
   4
   5     var model = Backbone.View.extend({
   6         events: {
   7             'submit form': 'submitForm',
   8             'click .show_more': 'showMore',
   9             'change .have_pass input': 'showPass',
  10             'change .have_key input': 'showKey',
  11             'click .icon-key': 'channelKeyIconClick'
  12         },
  13
  14         initialize: function () {
  15             var that = this,
  16                 text = {
  17                     think_nick: _kiwi.global.i18n.translate('client_views_serverselect_form_title').fetch(),
  18                     nickname: _kiwi.global.i18n.translate('client_views_serverselect_nickname').fetch(),
  19                     have_password: _kiwi.global.i18n.translate('client_views_serverselect_enable_password').fetch(),
  20                     password: _kiwi.global.i18n.translate('client_views_serverselect_password').fetch(),
  21                     channel: _kiwi.global.i18n.translate('client_views_serverselect_channel').fetch(),
  22                     channel_key: _kiwi.global.i18n.translate('client_views_serverselect_channelkey').fetch(),
  23                     require_key: _kiwi.global.i18n.translate('client_views_serverselect_channelkey_required').fetch(),
  24                     key: _kiwi.global.i18n.translate('client_views_serverselect_key').fetch(),
  25                     start: _kiwi.global.i18n.translate('client_views_serverselect_connection_start').fetch(),
  26                     server_network: _kiwi.global.i18n.translate('client_views_serverselect_server_and_network').fetch(),
  27                     server: _kiwi.global.i18n.translate('client_views_serverselect_server').fetch(),
  28                     port: _kiwi.global.i18n.translate('client_views_serverselect_port').fetch(),
  29                     powered_by: _kiwi.global.i18n.translate('client_views_serverselect_poweredby').fetch()
  30                 };
  31
  32             this.$el = $(_.template($('#tmpl_server_select').html().trim(), text));
  33
  34             // Remove the 'more' link if the server has disabled server changing
  35             if (_kiwi.app.server_settings && _kiwi.app.server_settings.connection) {
  36                 if (!_kiwi.app.server_settings.connection.allow_change) {
  37                     this.$el.find('.show_more').remove();
  38                     this.$el.addClass('single_server');
  39                 }
  40             }
  41
  42             this.more_shown = false;
  43
  44             _kiwi.gateway.bind('onconnect', this.networkConnected, this);
  45             _kiwi.gateway.bind('connecting', this.networkConnecting, this);
  46             _kiwi.gateway.bind('onirc_error', this.onIrcError, this);
  47         },
  48
  49         dispose: function() {
  50             _kiwi.gateway.off('onconnect', this.networkConnected, this);
  51             _kiwi.gateway.off('connecting', this.networkConnecting, this);
  52             _kiwi.gateway.off('onirc_error', this.onIrcError, this);
  53
  54             this.$el.remove();
  55         },
  56
  57         submitForm: function (event) {
  58             event.preventDefault();
  59
  60             // Make sure a nick is chosen
  61             if (!$('input.nick', this.$el).val().trim()) {
  62                 this.setStatus(_kiwi.global.i18n.translate('client_views_serverselect_nickname_error_empty').fetch());
  63                 $('input.nick', this.$el).select();
  64                 return;
  65             }
  66
  67             if (state === 'nick_change') {
  68                 this.submitNickChange(event);
  69             } else {
  70                 this.submitLogin(event);
  71             }
  72
  73             $('button', this.$el).attr('disabled', 1);
  74             return;
  75         },
  76
  77         submitLogin: function (event) {
  78             // If submitting is disabled, don't do anything
  79             if ($('button', this.$el).attr('disabled')) return;
  80
  81             var values = {
  82                 nick: $('input.nick', this.$el).val(),
  83                 server: $('input.server', this.$el).val(),
  84                 port: $('input.port', this.$el).val(),
  85                 ssl: $('input.ssl', this.$el).prop('checked'),
  86                 password: $('input.password', this.$el).val(),
  87                 channel: $('input.channel', this.$el).val(),
  88                 channel_key: $('input.channel_key', this.$el).val(),
  89                 options: this.server_options
  90             };
  91
  92             this.trigger('server_connect', values);
  93         },
  94
  95         submitNickChange: function (event) {
  96             _kiwi.gateway.changeNick(null, $('input.nick', this.$el).val());
  97             this.networkConnecting();
  98         },
  99
 100         showPass: function (event) {
 101             if (this.$el.find('tr.have_pass input').is(':checked')) {
 102                 this.$el.find('tr.pass').show().find('input').focus();
 103             } else {
 104                 this.$el.find('tr.pass').hide().find('input').val('');
 105             }
 106         },
 107
 108         channelKeyIconClick: function (event) {
 109             this.$el.find('tr.have_key input').click();
 110         },
 111
 112         showKey: function (event) {
 113             if (this.$el.find('tr.have_key input').is(':checked')) {
 114                 this.$el.find('tr.key').show().find('input').focus();
 115             } else {
 116                 this.$el.find('tr.key').hide().find('input').val('');
 117             }
 118         },
 119
 120         showMore: function (event) {
 121             if (!this.more_shown) {
 122                 $('.more', this.$el).slideDown('fast');
 123                 $('.show_more', this.$el)
 124                     .children('.icon-caret-down')
 125                     .removeClass('icon-caret-down')
 126                     .addClass('icon-caret-up');
 127                 $('input.server', this.$el).select();
 128                 this.more_shown = true;
 129             } else {
 130                 $('.more', this.$el).slideUp('fast');
 131                 $('.show_more', this.$el)
 132                     .children('.icon-caret-up')
 133                     .removeClass('icon-caret-up')
 134                     .addClass('icon-caret-down');
 135                 $('input.nick', this.$el).select();
 136                 this.more_shown = false;
 137             }
 138         },
 139
 140         populateFields: function (defaults) {
 141             var nick, server, port, channel, channel_key, ssl, password;
 142
 143             defaults = defaults || {};
 144
 145             nick = defaults.nick || '';
 146             server = defaults.server || '';
 147             port = defaults.port || 6667;
 148             ssl = defaults.ssl || 0;
 149             password = defaults.password || '';
 150             channel = defaults.channel || '';
 151             channel_key = defaults.channel_key || '';
 152
 153             $('input.nick', this.$el).val(nick);
 154             $('input.server', this.$el).val(server);
 155             $('input.port', this.$el).val(port);
 156             $('input.ssl', this.$el).prop('checked', ssl);
 157             $('input#server_select_show_pass', this.$el).prop('checked', !(!password));
 158             $('input.password', this.$el).val(password);
 159             if (!(!password)) {
 160                 $('tr.pass', this.$el).show();
 161             }
 162             $('input.channel', this.$el).val(channel);
 163             $('input#server_select_show_channel_key', this.$el).prop('checked', !(!channel_key));
 164             $('input.channel_key', this.$el).val(channel_key);
 165             if (!(!channel_key)) {
 166                 $('tr.key', this.$el).show();
 167             }
 168
 169             // Temporary values
 170             this.server_options = {};
 171
 172             if (defaults.encoding)
 173                 this.server_options.encoding = defaults.encoding;
 174         },
 175
 176         hide: function () {
 177             this.$el.slideUp();
 178         },
 179
 180         show: function (new_state) {
 181             new_state = new_state || 'all';
 182
 183             this.$el.show();
 184
 185             if (new_state === 'all') {
 186                 $('.show_more', this.$el).show();
 187
 188             } else if (new_state === 'more') {
 189                 $('.more', this.$el).slideDown('fast');
 190
 191             } else if (new_state === 'nick_change') {
 192                 $('.more', this.$el).hide();
 193                 $('.show_more', this.$el).hide();
 194                 $('input.nick', this.$el).select();
 195
 196             } else if (new_state === 'enter_password') {
 197                 $('.more', this.$el).hide();
 198                 $('.show_more', this.$el).hide();
 199                 $('input.password', this.$el).select();
 200             }
 201
 202             state = new_state;
 203         },
 204
 205         infoBoxShow: function() {
 206             var $side_panel = this.$el.find('.side_panel');
 207
 208             // Some theme may hide the info panel so check before we
 209             // resize ourselves
 210             if (!$side_panel.is(':visible'))
 211                 return;
 212
 213             this.$el.animate({
 214                 width: parseInt($side_panel.css('left'), 10) + $side_panel.find('.content:first').outerWidth()
 215             });
 216         },
 217
 218         infoBoxHide: function() {
 219             var $side_panel = this.$el.find('.side_panel');
 220             this.$el.animate({
 221                 width: parseInt($side_panel.css('left'), 10)
 222             });
 223         },
 224
 225         infoBoxSet: function($info_view) {
 226             this.$el.find('.side_panel .content')
 227                 .empty()
 228                 .append($info_view);
 229         },
 230
 231         setStatus: function (text, class_name) {
 232             $('.status', this.$el)
 233                 .text(text)
 234                 .attr('class', 'status')
 235                 .addClass(class_name||'')
 236                 .show();
 237         },
 238         clearStatus: function () {
 239             $('.status', this.$el).hide();
 240         },
 241
 242         networkConnected: function (event) {
 243             this.setStatus(_kiwi.global.i18n.translate('client_views_serverselect_connection_successfully').fetch() + ' :)', 'ok');
 244             $('form', this.$el).hide();
 245         },
 246
 247         networkConnecting: function (event) {
 248             this.setStatus(_kiwi.global.i18n.translate('client_views_serverselect_connection_trying').fetch(), 'ok');
 249         },
 250
 251         onIrcError: function (data) {
 252             $('button', this.$el).attr('disabled', null);
 253
 254             switch(data.error) {
 255             case 'nickname_in_use':
 256                 this.setStatus(_kiwi.global.i18n.translate('client_views_serverselect_nickname_error_alreadyinuse').fetch());
 257                 this.show('nick_change');
 258                 this.$el.find('.nick').select();
 259                 break;
 260             case 'erroneus_nickname':
 261                 this.setStatus(_kiwi.global.i18n.translate('client_views_serverselect_nickname_invalid').fetch());
 262                 this.show('nick_change');
 263                 this.$el.find('.nick').select();
 264                 break;
 265             case 'password_mismatch':
 266                 this.setStatus(_kiwi.global.i18n.translate('client_views_serverselect_password_incorrect').fetch());
 267                 this.show('enter_password');
 268                 this.$el.find('.password').select();
 269                 break;
 270             }
 271         },
 272
 273         showError: function (error_reason) {
 274             var err_text = _kiwi.global.i18n.translate('client_views_serverselect_connection_error').fetch();
 275
 276             if (error_reason) {
 277                 switch (error_reason) {
 278                 case 'ENOTFOUND':
 279                     err_text = _kiwi.global.i18n.translate('client_views_serverselect_server_notfound').fetch();
 280                     break;
 281
 282                 case 'ECONNREFUSED':
 283                     err_text += ' (' + _kiwi.global.i18n.translate('client_views_serverselect_connection_refused').fetch() + ')';
 284                     break;
 285
 286                 default:
 287                     err_text += ' (' + error_reason + ')';
 288                 }
 289             }
 290
 291             this.setStatus(err_text, 'error');
 292             $('button', this.$el).attr('disabled', null);
 293             this.show();
 294         }
 295     });
 296
 297
 298     return new model(arguments);
 299 };