Fix chat.js with new jquery-ui tab api

Now it works but is not fully functional yet

Fix chat.js with new jquery-ui tab api
Now it works but is not fully functional yet
Victor Costa
1 parent a08e4ad6
Showing 1 changed file with 20 additions and 4 deletions Show diff stats
public/javascripts/chat.js
@@ -529,11 +529,27 @@ jQuery(function($) {
    function create_conversation_tab(title, jid_id) {
       if (! $('#' + Jabber.tab_prefix + jid_id).length > 0) {
          // opening chat with selected online friend
-         var tab = $tabs.tabs('add', '#' + Jabber.tab_prefix + jid_id, title);
+         var panel = $('<div id="'+Jabber.tab_prefix + jid_id+'"></div>').appendTo($tabs);
+         panel.append("<div class='conversation'><div class='history'></div><div class='input-div'><div class='icon-chat'></div><textarea class='input'></textarea></div></div>");
+
+         //FIXME
+         //var notice = $starting_chat_notice.replace('%{name}', $(ui.tab).html());
+         //Jabber.show_notice(jid_id, notice);
+
+         // define textarea name as '<TAB_ID>'
+         panel.find('textarea').attr('name', panel.id);
+
+         if (Jabber.is_a_room(jid_id)) {
+             panel.append(Jabber.templates.occupant_list);
+             panel.find('.history').addClass('room');
+         }
+
+         $tabs.find('.ui-tabs-nav').append( "<li><a href='"+('#' + Jabber.tab_prefix + jid_id)+"'><span class=\"unread-messages\" style=\"display:none\"></span>"+title+"</a></li>" );
+         $tabs.tabs('refresh');
+
          var jid = Jabber.jid_of(jid_id);
          $("a[href='#" + Jabber.tab_prefix + jid_id + "']").addClass($('#' + jid_id).attr('class') || 'icon-chat');
          $('#' + Jabber.tab_prefix + jid_id).find('textarea').attr('data-to', jid);
-         $tabs.tabs('select', '#' + Jabber.tab_prefix + jid_id);
       }
    }
@@ -555,7 +571,7 @@ jQuery(function($) {
    var $tabs = $('#chat-window #tabs').tabs({
       tabTemplate: '<li class="tab"><a href="#{href}"><span class="unread-messages" style="display:none"></span>#{label}</a></li>',
       panelTemplate: "<div class='conversation'><div class='history'></div><div class='input-div'><div class='icon-chat'></div><textarea class='input'></textarea></div></div>",
-      add: function(event, ui) {
+      add: function(event, ui) { //FIXME DEPRECATED
          var jid_id = ui.panel.id.replace(Jabber.tab_prefix, '');
          var notice = $starting_chat_notice.replace('%{name}', $(ui.tab).html());
@@ -575,7 +591,7 @@ jQuery(function($) {
          var jid_id = ui.panel.id.replace(Jabber.tab_prefix, '');
          count_unread_messages(jid_id, true);
       },
-      remove: function(event, ui) {
+      remove: function(event, ui) { //FIXME DEPRECATED
          var jid_id = ui.panel.id.replace(Jabber.tab_prefix, '');
          if (Jabber.is_a_room(jid_id)) {
             // exiting from a chat room