Changeset 311 for trunk/instant_messenger/js/client.js

Timestamp:

06/10/08 16:41:40 (16 years ago)

Author:

niltonneto

Message:

Correções críticas para funcionalidades já existentes.

File:

• trunk/instant_messenger/js/client.js (modified) (5 diffs)

trunk/instant_messenger/js/client.js

@@ -29 +29 @@
         var _window = new Windows(_xtools, _im_content);
         var _ldap = new InstantMessengerLDAP(_conn, _xtools, _window);
-        var _jabber = new Jabber(_conn, _xtools, _window, _ldap);
+        var _showhidden = new ShowHidden(1500);
+        var _jabber = new Jabber(_conn, _xtools, _window, _ldap, _showhidden);
 
         // XSL preload
-        var _xsl_preload = ['chat.xsl','layer.xsl','contacts'];
+        var _xsl_preload = ['window.xsl','layer.xsl','contacts.xsl', 'chat.xsl'];
         var _xsl_preload_legth = _xsl_preload.length;
         for ( var i = 0; i < _xsl_preload_legth; i++ )
@@ -40 +41 @@
         if ( (local = top.document.getElementById('user_info')) )
         {
-                local.innerHTML = ' ' + local.innerHTML;
-                var _status = top.document.createElement('img');
-                        _status.setAttribute('id','im_status_src');
-                        _status.src = im_available.src;
+                local.firstChild.style.marginLeft = '30px';
+
+                var _status = top.document.createElement('div');
+                        _status.setAttribute('id', 'im_status');
+                        _status.style.height = '15px';
+                        _status.style.margin = '0 0 0 10px';
+                        _status.style.padding = '0px';
+                        _status.style.width = '15px';
+                        _status.style.background = 'no-repeat';
+                        _status.style.backgroundImage = 'url(' + im_unavailable.src + ')';
+                        _status.style.float = 'left';
+                        _status.style.position = 'absolute';
 
                 local.insertBefore(_status, local.firstChild);
@@ -50 +59 @@
 
                 var _menu;
-                _menu = top.document.createElement('span');
-                _menu.setAttribute('id','fast_menu_im');
+                        _menu = top.document.createElement('span');
+                        _menu.setAttribute('id','fast_menu_im');
+                        _menu.style.backgroundColor = 'b4cfe5';
+                        _menu.style.display = 'none';
+                        _menu.style.margin = '15px 0 0 -15px';
+                        _menu.style.position = 'absolute';
+                        _menu.style.zIndex = '99999';
                 local.insertBefore(_menu, local.firstChild);
 
-                _menu = top.document.createElement('img');
-                _menu.src = im_fast_menu.src;
-                local.insertBefore(_menu, local.firstChild);
-
-                //var local_old = local.innerHTML ;
-                //local.innerHTML  = '<img src="' + im_fast_menu.src + '" onclick="javascript:templates.fast_menu();">';
-                //local.innerHTML += '<img id="im_status_src" src="' + im_available.src + '" onclick="javascript:load_im_contacts();"/>';
-                //local.innerHTML += local_old;
-                //local.innerHTML += '<div id="instant_messenger_content"></div><span id="fast_menu_im"/>';
+                var _menu_img = top.document.createElement('div');
+                        _menu_img.style.background = 'no-repeat';
+                        _menu_img.style.backgroundImage = 'url(' + im_fast_menu.src + ')';
+                        _menu_img.style.height = '10px';
+                        _menu_img.style.margin = '0px';
+                        _menu_img.style.padding = '0px';
+                        _menu_img.style.position = 'absolute';
+                        _menu_img.style.width = '10px';
+                        _menu_img.style.float = 'left';
+                local.insertBefore(_menu_img, local.firstChild);
+
+                _config(
+                        _menu_img,
+                        'onclick',
+                        function()
+                        {
+                                var _options = [
+                                        'available',
+                                        'away',
+                                        'dnd',
+                                        'unavailable'
+                                ];
+
+                                var _style_text = 'cursor: pointer; padding:2px 4px 2px 20px; background: no-repeat ';
+
+                                var _xml = _xtools.xml('menu');
+                                var _option;
+                                var _item;
+                                var _action;
+                                var _style;
+
+                                for ( var i in _options )
+                                {
+                                        _option = _xml.createElement('option');
+
+                                        _item = _xml.createElement('item');
+                                        _item.appendChild(_xml.createTextNode(imGetLang(_options[i])));
+
+                                        _style = _xml.createElement('style');
+                                        _style.appendChild(_xml.createTextNode(_style_text + 'url(' + eval('im_' + _options[i] + '.src') + ')'));
+
+                                        _option.appendChild(_item);
+                                        _option.appendChild(_style);
+
+                                        _xml.documentElement.appendChild(_option);
+                                }
+
+                                _menu.innerHTML = _xtools.parse(_xml, 'options.xsl');
+                                _showhidden.action('onmouseover', 'onmouseout', _menu);
+
+                                _item = _menu.firstChild;
+
+                                for ( var i in _options )
+                                {
+                                        _item.childNodes[i].setAttribute('presence', _options[i]);
+                                        _config(
+                                                _item.childNodes[i],
+                                                'onclick',
+                                                function(e)
+                                                {
+                                                        var el = ( e.target ) ? e.target : e.srcElement;
+
+                                                        _status.style.backgroundImage = el.style.backgroundImage;
+
+                                                        var _presence = el.getAttribute('presence');
+                                                                _jabber.setPresence(_presence);
+
+                                                        var _win_contacts = _window.get('contact_list');
+                                                        if ( _win_contacts )
+                                                                _win_contacts.icon(eval('im_' + _presence + '.src'));
+                                                }
+                                        );
+                                }
+                        }
+                );
         }
 
@@ -114 +194 @@
         }
 
+        var _count_reconnect = 0;
         function _request()
         {
@@ -122 +203 @@
                                 'classCostructor=read'
                         );
+                else
+                        setTimeout(_reconnect, (++_count_reconnect * 2000));
         }