Notices into the active panel

[KiwiIRC.git] / client / assets / dev / applet_chanlist.js

(function () {\r
\r
    var View = Backbone.View.extend({\r
        events: {\r
        },\r
\r
\r
\r
        initialize: function (options) {\r
            this.$el = $($('#tmpl_channel_list').html());\r
\r
            this.channels = [];\r
\r
            // Sort the table by num. users?\r
            this.ordered = false;\r
\r
            // Waiting to add the table back into the DOM?\r
            this.waiting = false;\r
        },\r
\r
\r
        render: function () {\r
            var table = $('table', this.$el),\r
                tbody = table.children('tbody:first').detach();\r
            /*tbody.children().each(function (child) {\r
                var i, chan;\r
                child = $(child);\r
                chan = child.children('td:first').text();\r
                for (i = 0; i < chanList.length; i++) {\r
                    if (chanList[i].channel === chan) {\r
                        chanList[i].html = child.detach();\r
                        break;\r
                    }\r
                }\r
            });*/\r
\r
            if (this.ordered) {\r
                this.channels.sort(function (a, b) {\r
                    return b.num_users - a.num_users;\r
                });\r
            }\r
\r
            _.each(this.channels, function (chan) {\r
                tbody.append(chan.html);\r
            });\r
            table.append(tbody);\r
        }\r
    });\r
\r
\r
\r
\r
    var Applet = Backbone.Model.extend({\r
        initialize: function () {\r
            this.set('title', 'Channel List');\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
            console.log(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 html, channel;\r
                html = '<tr><td><a class="chan" data-channel="' + chan.channel + '">' + _.escape(chan.channel) + '</a></td><td class="num_users" style="text-align: center;">' + chan.num_users + '</td><td style="padding-left: 2em;">' + formatIRCMsg(_.escape(chan.topic)) + '</td></tr>';\r
                chan.html = html;\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
})();