Adds confirmation dialog and help text to server and channel close.

In order to improve the UX this commit adds a confirmation dialog when
closing the connection to the server. It also adds a 'title'-tag over
the close-icon (an 'x') informing the user that pressing this button
will result in either leaving network or channel.

assets/js/views/channel_tab.js

@@ -57,11 +57,16 @@ var ChannelTabView = Backbone.View.extend({
 
   close: function(e) {
     e.stopPropagation();
-    if (this.model.get('type') === 'channel')
-      irc.socket.emit('part', this.model.get('name'));
-    else
+    if (this.model.get('type') === 'channel') {
+      var response = confirm("Are you sure you want to leave " + this.model.get('name') + "?");
+      if (response) {
+        irc.socket.emit('part', this.model.get('name'));
+      }
+    }
+    else {
       irc.socket.emit('part_pm', this.model.get('name'));
       this.model.destroy();
+    }
   },
 
   switchAndRemove: function() {

assets/js/views/chat_application.js

@@ -69,7 +69,10 @@ var ChatApplicationView = Backbone.View.extend({
 
     // disconnect server handler
     $('#user-box .close-button').click(function() {
-      irc.socket.emit('logout');
+      var response = confirm("Are you sure you want to leave this network?");
+      if (response) {
+        irc.socket.emit('logout');
+      }
     });
   },
 

views/templates.jade

@@ -156,7 +156,7 @@ script(id="chat", type="text/html")
 script(id="channel", type="text/html")
   span(class="channel-name") {{name}}
   {{#notStatus}}
-  .close-button ×
+  .close-button(title="Leave {{name}}") ×
   span(class="unread", title="Unread Messages") {{unread}}
   span(class="unread-mentions", title="Mentions in channel") {{unread_mentions}}
   {{/notStatus}}
@@ -166,7 +166,7 @@ script(id="user_box", type="text/html")
     i(class="icon-user icon-white spacing-right")
     {{nick}}
   div.user_box_element
-    .close-button ×
+    .close-button(title="Close connection to {{server}}") ×
     i(class="icon-asterisk icon-white spacing-right")
     {{server}}