Merge branch 'text_themes' of https://github.com/CoryChaplin/KiwiIRC into CoryChaplin...

[KiwiIRC.git] / client / src / applets / chanlist.js

(function () {\r
\r
    var View = Backbone.View.extend({\r
        events: {\r
            "click .chan": "chanClick",\r
            "click .channel_name_title": "sortChannelsByNameClick",\r
            "click .users_title": "sortChannelsByUsersClick"\r
        },\r
\r
\r
\r
        initialize: function (options) {\r
            var text = {\r
                channel_name: _kiwi.global.i18n.translate('client_applets_chanlist_channelname').fetch(),\r
                users: _kiwi.global.i18n.translate('client_applets_chanlist_users').fetch(),\r
                topic: _kiwi.global.i18n.translate('client_applets_chanlist_topic').fetch()\r
            };\r
            this.$el = $(_.template($('#tmpl_channel_list').html().trim(), text));\r
\r
            this.channels = [];\r
\r
            // Sort the table\r
            this.order = '';\r
\r
            // Waiting to add the table back into the DOM?\r
            this.waiting = false;\r
        },\r
\r
        render: function () {\r
            var table = $('table', this.$el),\r
                tbody = table.children('tbody:first').detach(),\r
                that = this,\r
                i;\r
\r
            // Create the sort icon container and clean previous any previous ones\r
            if($('.applet_chanlist .users_title').find('span.chanlist_sort_users').length == 0) {\r
                this.$('.users_title').append('<span class="chanlist_sort_users">&nbsp;&nbsp;</span>');\r
            } else {\r
                this.$('.users_title span.chanlist_sort_users').removeClass('icon-sort-up');\r
                this.$('.users_title span.chanlist_sort_users').removeClass('icon-sort-down');\r
            }\r
            if ($('.applet_chanlist .channel_name_title').find('span.chanlist_sort_names').length == 0) {\r
                this.$('.channel_name_title').append('<span class="chanlist_sort_names">&nbsp;&nbsp;</span>');\r
            } else {\r
                this.$('.channel_name_title span.chanlist_sort_names').removeClass('icon-sort-up');\r
                this.$('.channel_name_title span.chanlist_sort_names').removeClass('icon-sort-down');\r
            }\r
\r
            // Push the new sort icon\r
            switch (this.order) {\r
                case 'user_desc':\r
                default:\r
                    this.$('.users_title span.chanlist_sort_users').addClass('icon-sort-down');\r
                    break;\r
                case 'user_asc':\r
                    this.$('.users_title span.chanlist_sort_users').addClass('icon-sort-up');\r
                    break;\r
                case 'name_asc':\r
                    this.$('.channel_name_title span.chanlist_sort_names').addClass('icon-sort-up');\r
                    break;\r
                case 'name_desc':\r
                    this.$('.channel_name_title span.chanlist_sort_names').addClass('icon-sort-down');\r
                    break;\r
            }\r
\r
            this.channels = this.sortChannels(this.channels, this.order);\r
\r
            // Make sure all the channel DOM nodes are inserted in order\r
            for (i = 0; i < this.channels.length; i++) {\r
                tbody[0].appendChild(this.channels[i].dom);\r
            }\r
\r
            table[0].appendChild(tbody[0]);\r
        },\r
\r
\r
        chanClick: function (event) {\r
            if (event.target) {\r
                _kiwi.gateway.join(null, $(event.target).data('channel'));\r
            } else {\r
                // IE...\r
                _kiwi.gateway.join(null, $(event.srcElement).data('channel'));\r
            }\r
        },\r
\r
        sortChannelsByNameClick: function (event) {\r
            // Revert the sorting to switch between orders\r
            this.order = (this.order == 'name_asc') ? 'name_desc' : 'name_asc';\r
\r
            this.sortChannelsClick();\r
        },\r
\r
        sortChannelsByUsersClick: function (event) {\r
            // Revert the sorting to switch between orders\r
            this.order = (this.order == 'user_desc' || this.order == '') ? 'user_asc' : 'user_desc';\r
\r
            this.sortChannelsClick();\r
        },\r
\r
        sortChannelsClick: function() {\r
            this.render();\r
        },\r
\r
        sortChannels: function (channels, order) {\r
            var sort_channels = [],\r
                new_channels = [];\r
\r
\r
            // First we create a light copy of the channels object to do the sorting\r
            _.each(channels, function (chan, chan_idx) {\r
                sort_channels.push({'chan_idx': chan_idx, 'num_users': chan.num_users, 'channel': chan.channel});\r
            });\r
\r
            // Second, we apply the sorting\r
            sort_channels.sort(function (a, b) {\r
                switch (order) {\r
                    case 'user_asc':\r
                        return a.num_users - b.num_users;\r
                    case 'user_desc':\r
                        return b.num_users - a.num_users;\r
                    case 'name_asc':\r
                        if (a.channel.toLowerCase() > b.channel.toLowerCase()) return 1;\r
                        if (a.channel.toLowerCase() < b.channel.toLowerCase()) return -1;\r
                    case 'name_desc':\r
                        if (a.channel.toLowerCase() < b.channel.toLowerCase()) return 1;\r
                        if (a.channel.toLowerCase() > b.channel.toLowerCase()) return -1;\r
                    default:\r
                        return b.num_users - a.num_users;\r
                }\r
                return 0;\r
            });\r
\r
            // Third, we re-shuffle the chanlist according to the sort order\r
            _.each(sort_channels, function (chan) {\r
                new_channels.push(channels[chan.chan_idx]);\r
            });\r
\r
            return new_channels;\r
        }\r
    });\r
\r
\r
\r
    var Applet = Backbone.Model.extend({\r
        initialize: function () {\r
            this.set('title', _kiwi.global.i18n.translate('client_applets_chanlist_channellist').fetch());\r
            this.view = new View();\r
\r
            this.network = _kiwi.global.components.Network();\r
            this.network.on('onlist_channel', this.onListChannel, this);\r
            this.network.on('onlist_start', this.onListStart, this);\r
        },\r
\r
\r
        // New channels to add to our list\r
        onListChannel: function (event) {\r
            this.addChannel(event.chans);\r
        },\r
\r
        // A new, fresh channel list starting\r
        onListStart: function (event) {\r
            // TODO: clear out our existing list\r
        },\r
\r
        addChannel: function (channels) {\r
            var that = this;\r
\r
            if (!_.isArray(channels)) {\r
                channels = [channels];\r
            }\r
            _.each(channels, function (chan) {\r
                var row;\r
                row = document.createElement("tr");\r
                row.innerHTML = '<td class="chanlist_name"><a class="chan" data-channel="' + chan.channel + '">' + _.escape(chan.channel) + '</a></td><td class="chanlist_num_users" style="text-align: center;">' + chan.num_users + '</td><td style="padding-left: 2em;" class="chanlist_topic">' + formatIRCMsg(_.escape(chan.topic)) + '</td>';\r
                chan.dom = row;\r
                that.view.channels.push(chan);\r
            });\r
\r
            if (!that.view.waiting) {\r
                that.view.waiting = true;\r
                _.defer(function () {\r
                    that.view.render();\r
                    that.view.waiting = false;\r
                });\r
            }\r
        },\r
\r
\r
        dispose: function () {\r
            this.view.channels = null;\r
            this.view.unbind();\r
            this.view.$el.html('');\r
            this.view.remove();\r
            this.view = null;\r
\r
            // Remove any network event bindings\r
            this.network.off();\r
        }\r
    });\r
\r
\r
\r
    _kiwi.model.Applet.register('kiwi_chanlist', Applet);\r
})();