movim_ynh/sources/app/widgets/Chats/chats.js

var Chats = {
    refresh: function() {
        var list = document.querySelector('#chats_widget_list');
        list.innerHTML = list.innerHTML.trim();

        var items = document.querySelectorAll('ul#chats_widget_list li:not(.subheader)');
        var i = 0;

        while(i < items.length)
        {
            if(items[i].dataset.jid != null) {
                items[i].onclick = function(e) {
                    Rooms.refresh();

                    Chat_ajaxGet(this.dataset.jid);
                    Chats.reset(items);
                    Notification_ajaxClear('chat|' + this.dataset.jid);
                    Notification.current('chat|' + this.dataset.jid);
                    document.querySelector('#chat_widget').dataset.jid = this.dataset.jid;
                    movim_add_class(this, 'active');
                }

                items[i].onmousedown = function(e) {
                    if(e.which == 2) {
                        Notification_ajaxClear('chat|' + this.dataset.jid);
                        Notification.current('chat');
                        Chats_ajaxClose(this.dataset.jid);
                        delete document.querySelector('#chat_widget').dataset.jid;
                        MovimTpl.hidePanel();
                    }
                }
            }

            movim_remove_class(items[i], 'active');

            i++;
        }
    },

    prepend: function(from, html) {
        movim_delete(from + '_chat_item');
        movim_prepend('chats_widget_list', html);
        Chats.refresh();
        Notification_ajaxGet();
    },

    reset: function(list) {
        for(i = 0; i < list.length; i++) {
            movim_remove_class(list[i], 'active');
        }
    }
}

movim_add_onload(function(){
    Notification.current('chat');
});

MovimWebsocket.attach(function() {
    Chats.refresh();
});