Misc panels implemented

[KiwiIRC.git] / client_backbone / dev / model_application.js

kiwi.model.Application = Backbone.Model.extend(new (function () {\r
    var that = this;\r
\r
    // The auto connect details entered into the server select box\r
    var auto_connect_details = {};\r
\r
    /** Instance of kiwi.model.PanelList */\r
    this.panels = null;\r
\r
    /** kiwi.view.Application */\r
    this.view;\r
\r
    /** kiwi.view.StatusMessage */\r
    this.message;\r
\r
    /* Address for the kiwi server */\r
    this.kiwi_server = null;\r
\r
    this.initialize = function () {\r
        // Update `that` with this new Model object\r
        that = this;\r
\r
        // Best guess at where the kiwi server is\r
        this.detectKiwiServer();\r
    };\r
\r
    this.start = function () {\r
        // Only debug if set in the querystring\r
        if (!getQueryVariable('debug')) {\r
            //manageDebug(false);\r
        } else {\r
            //manageDebug(true);\r
        }\r
        \r
        // Set the gateway up\r
        kiwi.gateway = new kiwi.model.Gateway();\r
        this.bindGatewayCommands(kiwi.gateway);\r
\r
        this.initializeClient();\r
        this.view.barsHide(true);\r
\r
        this.panels.server.server_login.bind('server_connect', function (event) {\r
            var server_login = this;\r
            auto_connect_details = event;\r
\r
            server_login.networkConnecting();\r
            \r
            $script(that.kiwi_server + '/socket.io/socket.io.js?ts='+(new Date().getTime()), function () {\r
                if (!window.io) {\r
                    kiwiServerNotFound();\r
                    return;\r
                }\r
                kiwi.gateway.set('kiwi_server', that.kiwi_server + '/kiwi');\r
                kiwi.gateway.set('nick', event.nick);\r
                \r
                kiwi.gateway.connect(event.server, event.port, event.ssl, event.password, function () {});\r
            });\r
        });\r
\r
    };\r
\r
\r
    function kiwiServerNotFound (e) {\r
        that.panels.server.server_login.showError();\r
    }\r
\r
\r
    this.detectKiwiServer = function () {\r
        // If running from file, default to localhost:7777 by default\r
        if (window.location.protocol === 'file') {\r
            this.kiwi_server = 'http://localhost:7777';\r
\r
        } else {\r
            // Assume the kiwi server is on the same server\r
            var proto = window.location.protocol === 'https' ?\r
                'https' :\r
                'http';\r
\r
            this.kiwi_server = proto + '://' + window.location.host + ':' + (window.location.port || '80');\r
        }\r
        \r
    };\r
\r
\r
    this.initializeClient = function () {\r
        this.view = new kiwi.view.Application({model: this, el: this.get('container')});\r
\r
        \r
        /**\r
         * Set the UI components up\r
         */\r
        this.panels = new kiwi.model.PanelList();\r
\r
        this.controlbox = new kiwi.view.ControlBox({el: $('#controlbox')[0]});\r
        this.bindControllboxCommands(this.controlbox);\r
\r
        this.topicbar = new kiwi.view.TopicBar({el: $('#topic')[0]});\r
\r
        this.message = new kiwi.view.StatusMessage({el: $('#status_message')[0]});\r
\r
        \r
        this.panels.server.view.show();\r
\r
        // Rejigg the UI sizes\r
        this.view.doLayout();\r
\r
        // Populate the server select box with defaults\r
        this.panels.server.server_login.populateFields({\r
            nick: getQueryVariable('nick') || 'kiwi_' + Math.ceil(Math.random() * 10000).toString(),\r
            server: getQueryVariable('server') || 'irc.kiwiirc.com',\r
            port: 6667,\r
            ssl: false,\r
            channel: window.location.hash || '#test'\r
        });\r
    };\r
\r
\r
\r
    this.bindGatewayCommands = function (gw) {\r
        gw.on('onmotd', function (event) {\r
            that.panels.server.addMsg(event.server, event.msg, 'motd');\r
        });\r
\r
\r
        gw.on('onconnect', function (event) {\r
            that.view.barsShow();\r
            \r
            if (auto_connect_details.channel) {\r
                kiwi.gateway.join(auto_connect_details.channel);\r
            }\r
        });\r
\r
\r
        (function () {\r
            var gw_stat = 0;\r
\r
            gw.on('disconnect', function (event) {\r
                that.message.text('You have been disconnected. Attempting to reconnect..');\r
                gw_stat = 1;\r
            });\r
            gw.on('reconnecting', function (event) {\r
                that.message.text('You have been disconnected. Attempting to reconnect again in ' + (event.delay/1000) + ' seconds..');\r
            });\r
            gw.on('connect', function (event) {\r
                if (gw_stat !== 1) return;\r
\r
                that.message.text('It\'s OK, you\'re connected again :)', {timeout: 5000});\r
                gw_stat = 0;\r
            });\r
        })();\r
\r
\r
        gw.on('onjoin', function (event) {\r
            var c, members, user;\r
            c = that.panels.getByName(event.channel);\r
            if (!c) {\r
                c = new kiwi.model.Channel({name: event.channel});\r
                that.panels.add(c);\r
            }\r
\r
            members = c.get('members');\r
            if (!members) return;\r
\r
            user = new kiwi.model.Member({nick: event.nick, ident: event.ident, hostname: event.hostname});\r
            members.add(user);\r
            // TODO: highlight the new channel in some way\r
        });\r
\r
\r
        gw.on('onpart', function (event) {\r
            var channel, members, user,\r
                part_options = {};\r
\r
            part_options.type = 'part';\r
            part_options.message = event.message || '';\r
\r
            channel = that.panels.getByName(event.channel);\r
            if (!channel) return;\r
\r
            // If this is us, close the panel\r
            if (event.nick === kiwi.gateway.get('nick')) {\r
                channel.close();\r
                return;\r
            }\r
\r
            members = channel.get('members');\r
            if (!members) return;\r
\r
            user = members.getByNick(event.nick);\r
            if (!user) return;\r
\r
            members.remove(user, part_options);\r
        });\r
\r
\r
        gw.on('onquit', function (event) {\r
            var member, members,\r
                quit_options = {};\r
\r
            quit_options.type = 'quit';\r
            quit_options.message = event.message || '';\r
\r
            $.each(that.panels.models, function (index, panel) {\r
                if (!panel.isChannel()) return;\r
\r
                member = panel.get('members').getByNick(event.nick);\r
                if (member) {\r
                    panel.get('members').remove(member, quit_options);\r
                }\r
            });\r
        });\r
\r
\r
        gw.on('onkick', function (event) {\r
            var channel, members, user,\r
                part_options = {};\r
\r
            part_options.type = 'kick';\r
            part_options.by = event.nick;\r
            part_options.message = event.message || '';\r
\r
            channel = that.panels.getByName(event.channel);\r
            if (!channel) return;\r
\r
            members = channel.get('members');\r
            if (!members) return;\r
\r
            user = members.getByNick(event.kicked);\r
            if (!user) return;\r
\r
            members.remove(user, part_options);\r
\r
            if (event.kicked === kiwi.gateway.get('nick')) {\r
                members.reset([]);\r
            }\r
            \r
        });\r
\r
\r
        gw.on('onmsg', function (event) {\r
            var panel,\r
                is_pm = (event.channel == kiwi.gateway.get('nick'));\r
\r
            if (is_pm) {\r
                // If a panel isn't found for this PM, create one\r
                panel = that.panels.getByName(event.nick);\r
                if (!panel) {\r
                    panel = new kiwi.model.Channel({name: event.nick});\r
                    that.panels.add(panel);\r
                }\r
\r
            } else {\r
                // If a panel isn't found for this channel, reroute to the\r
                // server panel\r
                panel = that.panels.getByName(event.channel);\r
                if (!panel) {\r
                    panel = that.panels.server;\r
                }\r
            }\r
            \r
            panel.addMsg(event.nick, event.msg);\r
        });\r
\r
\r
        gw.on('onnotice', function (event) {\r
            var panel;\r
\r
            // Find a panel for the destination(channel) or who its from\r
            panel = that.panels.getByName(event.target) || that.panels.getByName(event.nick);\r
            if (!panel) {\r
                panel = that.panels.server;\r
            }\r
\r
            panel.addMsg('[' + (event.nick||'') + ']', event.msg);\r
        });\r
\r
\r
        gw.on('onaction', function (event) {\r
            var panel,\r
                is_pm = (event.channel == kiwi.gateway.get('nick'));\r
\r
            if (is_pm) {\r
                // If a panel isn't found for this PM, create one\r
                panel = that.panels.getByName(event.nick);\r
                if (!panel) {\r
                    panel = new kiwi.model.Channel({name: event.nick});\r
                    that.panels.add(panel);\r
                }\r
\r
            } else {\r
                // If a panel isn't found for this channel, reroute to the\r
                // server panel\r
                panel = that.panels.getByName(event.channel);\r
                if (!panel) {\r
                    panel = that.panels.server;\r
                }\r
            }\r
\r
            panel.addMsg('', '* ' + event.nick + ' ' + event.msg, 'action');\r
        });\r
\r
\r
        gw.on('ontopic', function (event) {\r
            var c;\r
            c = that.panels.getByName(event.channel);\r
            if (!c) return;\r
\r
            // Set the channels topic\r
            c.set('topic', event.topic);\r
\r
            // If this is the active channel, update the topic bar too\r
            if (c.get('name') === kiwi.app.panels.active.get('name')) {\r
                that.topicbar.setCurrentTopic(event.topic);\r
            }\r
        });\r
\r
\r
        gw.on('ontopicsetby', function (event) {\r
            var c, when;\r
            c = that.panels.getByName(event.channel);\r
            if (!c) return;\r
\r
            when = new Date(event.when * 1000).toLocaleString();\r
            c.addMsg('', 'Topic set by ' + event.nick + ' at ' + when, 'topic');\r
        });\r
\r
\r
        gw.on('onuserlist', function (event) {\r
            var channel;\r
            channel = that.panels.getByName(event.channel);\r
\r
            // If we didn't find a channel for this, may aswell leave\r
            if (!channel) return;\r
\r
            channel.temp_userlist = channel.temp_userlist || [];\r
            _.each(event.users, function (item) {\r
                var user = new kiwi.model.Member({nick: item.nick, modes: item.modes});\r
                channel.temp_userlist.push(user);\r
            });\r
        });\r
\r
\r
        gw.on('onuserlist_end', function (event) {\r
            var channel;\r
            channel = that.panels.getByName(event.channel);\r
\r
            // If we didn't find a channel for this, may aswell leave\r
            if (!channel) return;\r
\r
            // Update the members list with the new list\r
            channel.get('members').reset(channel.temp_userlist || []);\r
\r
            // Clear the temporary userlist\r
            delete channel.temp_userlist;\r
        });\r
\r
\r
        gw.on('onmode', function (event) {\r
            var channel, members, member;\r
\r
            if (!event.channel) return;\r
            channel = that.panels.getByName(event.channel);\r
            if (!channel) return;\r
\r
            members = channel.get('members');\r
            if (!members) return;\r
\r
            member = members.getByNick(event.effected_nick);\r
            if (!member) return;\r
\r
            if (event.mode[0] === '+') {\r
                member.addMode(event.mode.substr(1));\r
            } else if (event.mode[0] === '-') {\r
                member.removeMode(event.mode.substr(1));\r
            }\r
        });\r
\r
\r
        gw.on('onnick', function (event) {\r
            var member;\r
\r
            $.each(that.panels.models, function (index, panel) {\r
                if (!panel.isChannel()) return;\r
\r
                member = panel.get('members').getByNick(event.nick);\r
                if (member) {\r
                    member.set('nick', event.newnick);\r
                    panel.addMsg('', '== ' + event.nick + ' is now known as ' + event.newnick, 'action nick');\r
                }\r
            });\r
        });\r
\r
\r
        gw.on('onwhois', function (event) {\r
            /*globals secondsToTime */\r
            var logon_date, idle_time = '', panel;\r
\r
            if (event.end) {\r
                return;\r
            }\r
\r
            if (typeof event.idle !== 'undefined') {\r
                idle_time = secondsToTime(parseInt(event.idle, 10));\r
                idle_time = idle_time.h.toString().lpad(2, "0") + ':' + idle_time.m.toString().lpad(2, "0") + ':' + idle_time.s.toString().lpad(2, "0");\r
            }\r
\r
            panel = kiwi.app.panels.active;\r
            if (event.msg) {\r
                panel.addMsg(event.nick, event.msg, 'whois');\r
            } else if (event.logon) {\r
                logon_date = new Date();\r
                logon_date.setTime(event.logon * 1000);\r
                logon_date = logon_date.toLocaleString();\r
\r
                panel.addMsg(event.nick, 'idle for ' + idle_time + ', signed on ' + logon_date, 'whois');\r
            } else {\r
                panel.addMsg(event.nick, 'idle for ' + idle_time, 'whois');\r
            }\r
        });\r
    };\r
\r
\r
\r
    /**\r
     * Bind to certain commands that may be typed into the control box\r
     */\r
    this.bindControllboxCommands = function (controlbox) {\r
        controlbox.on('unknown_command', this.unknownCommand);\r
\r
        controlbox.on('command', this.allCommands);\r
        controlbox.on('command_msg', this.msgCommand);\r
\r
        controlbox.on('command_action', this.actionCommand);\r
        controlbox.on('command_me', this.actionCommand);\r
\r
        controlbox.on('command_join', this.joinCommand);\r
        controlbox.on('command_j', this.joinCommand);\r
\r
        controlbox.on('command_part', this.partCommand);\r
        controlbox.on('command_p', this.partCommand);\r
\r
        controlbox.on('command_nick', function (ev) {\r
            kiwi.gateway.changeNick(ev.params[0]);\r
        });\r
\r
        controlbox.on('command_query', this.queryCommand);\r
        controlbox.on('command_q', this.queryCommand);\r
\r
        controlbox.on('command_topic', this.topicCommand);\r
\r
        controlbox.on('command_notice', this.noticeCommand);\r
\r
        controlbox.on('command_css', function (ev) {\r
            var queryString = '?reload=' + new Date().getTime();\r
            $('link[rel="stylesheet"]').each(function () {\r
                this.href = this.href.replace(/\?.*|$/, queryString);\r
            });\r
        });\r
\r
        controlbox.on('command_theme', this.themeCommand);\r
    };\r
\r
    // A fallback action. Send a raw command to the server\r
    this.unknownCommand = function (ev) {\r
        var raw_cmd = ev.command + ' ' + ev.params.join(' ');\r
        console.log('RAW: ' + raw_cmd);\r
        kiwi.gateway.raw(raw_cmd);\r
    };\r
\r
    this.allCommands = function (ev) {\r
        console.log('allCommands', ev);\r
    };\r
\r
    this.joinCommand = function (ev) {\r
        var channel, channel_names;\r
\r
        channel_names = ev.params.join(' ').split(',');\r
\r
        $.each(channel_names, function (index, channel_name) {\r
            // Trim any whitespace off the name\r
            channel_name = channel_name.trim();\r
\r
            // Check if we have the panel already. If not, create it\r
            channel = that.panels.getByName(channel_name);\r
            if (!channel) {\r
                channel = new kiwi.model.Channel({name: channel_name});\r
                kiwi.app.panels.add(channel);\r
            }\r
\r
            kiwi.gateway.join(channel_name);\r
        });\r
\r
        if (channel) channel.view.show();\r
        \r
    };\r
\r
    this.queryCommand = function (ev) {\r
        var destination, panel;\r
\r
        destination = ev.params[0];\r
\r
        // Check if we have the panel already. If not, create it\r
        panel = that.panels.getByName(destination);\r
        if (!panel) {\r
            panel = new kiwi.model.Channel({name: destination});\r
            kiwi.app.panels.add(panel);\r
        }\r
\r
        if (panel) panel.view.show();\r
        \r
    };\r
\r
    this.msgCommand = function (ev) {\r
        var destination = ev.params[0],\r
            panel = that.panels.getByName(destination) || that.panels.server;\r
\r
        ev.params.shift();\r
\r
        panel.addMsg(kiwi.gateway.get('nick'), ev.params.join(' '));\r
        kiwi.gateway.privmsg(destination, ev.params.join(' '));\r
    };\r
\r
    this.actionCommand = function (ev) {\r
        if (kiwi.app.panels.active === kiwi.app.panels.server) {\r
            return;\r
        }\r
\r
        var panel = kiwi.app.panels.active;\r
        panel.addMsg('', '* ' + kiwi.gateway.get('nick') + ' ' + ev.params.join(' '), 'action');\r
        kiwi.gateway.action(panel.get('name'), ev.params.join(' '));\r
    };\r
\r
    this.partCommand = function (ev) {\r
        if (ev.params.length === 0) {\r
            kiwi.gateway.part(kiwi.app.panels.active.get('name'));\r
        } else {\r
            _.each(ev.params, function (channel) {\r
                kiwi.gateway.part(channel);\r
            });\r
        }\r
        // TODO: More responsive = close tab now, more accurate = leave until part event\r
        //kiwi.app.panels.remove(kiwi.app.panels.active);\r
    };\r
\r
    this.topicCommand = function (ev) {\r
        var channel_name;\r
\r
        if (ev.params.length === 0) return;\r
\r
        if (that.isChannelName(ev.params[0])) {\r
            channel_name = ev.params[0];\r
            ev.params.shift();\r
        } else {\r
            channel_name = kiwi.app.panels.active.get('name');\r
        }\r
\r
        kiwi.gateway.topic(channel_name, ev.params.join(' '));\r
    };\r
\r
    this.noticeCommand = function (ev) {\r
        var destination;\r
\r
        // Make sure we have a destination and some sort of message\r
        if (ev.params.length <= 1) return;\r
\r
        destination = ev.params[0];\r
        ev.params.shift();\r
\r
        kiwi.gateway.notice(destination, ev.params.join(' '));\r
    };\r
\r
    this.themeCommand = function (ev) {\r
        var theme = ev.params[0] || false,\r
            containers = $('#panels > .panel_container');\r
\r
        // Clear any current theme\r
        containers.removeClass(function (i, css) {\r
            return (css.match (/\btheme_\S+/g) || []).join(' ');\r
        });\r
\r
        if (theme) containers.addClass('theme_' + theme);\r
    };\r
\r
\r
\r
\r
\r
    this.isChannelName = function (channel_name) {\r
        var channel_prefix = kiwi.gateway.get('channel_prefix');\r
\r
        if (!channel_name || !channel_name.length) return false;\r
        return (channel_prefix.indexOf(channel_name[0]) > -1);\r
    };\r
\r
})());