X-Git-Url: https://jfr.im/git/irc/quakenet/qwebirc.git/blobdiff_plain/4656ff829c945bfb2e8348d577c9b4b0adc7b855..d9bd659e3df7f475dacaf516ebb5b7556fbd1733:/js/ui/baseui.js diff --git a/js/ui/baseui.js b/js/ui/baseui.js index 08a28cd..838c21f 100644 --- a/js/ui/baseui.js +++ b/js/ui/baseui.js @@ -1,53 +1,40 @@ var WINDOW_STATUS = 1; var WINDOW_QUERY = 2; var WINDOW_CHANNEL = 3; +var WINDOW_CUSTOM = 4; +var WINDOW_CONNECT = 5; +var CUSTOM_CLIENT = "custom"; -var UIWindow = new Class({ - Implements: [Events], - initialize: function(parentObject, client, type, name, identifier) { - this.parentObject = parentObject; - this.type = type; - this.name = name; - this.active = false; - this.client = client; - this.identifier = identifier; +var BaseUI = new Class({ + Implements: [Events, Options], + options: { + appTitle: "QuakeNet Web IRC", + singleWindow: true }, - updateNickList: function(nicks) { - }, - updateTopic: function(topic) { - }, - close: function() { - this.parentObject.__closed(this); - this.fireEvent("close", this); - }, - select: function() { - this.active = true; - this.parentObject.__setActiveWindow(this); - }, - deselect: function() { - this.active = false; - }, - addLine: function(type, line, colour) { - }, - errorMessage: function(message) { - this.addLine("", message, "red"); - } -}); - -var UI = new Class({ - initialize: function(parentElement, windowClass, uiName) { + initialize: function(parentElement, windowClass, uiName, options) { + this.setOptions(options); + this.windows = {}; + this.windows[CUSTOM_CLIENT] = {}; this.windowArray = []; this.windowClass = windowClass; this.parentElement = parentElement; this.parentElement.addClass("qwebirc"); this.parentElement.addClass("qwebirc-" + uiName); + this.firstClient = false; + this.commandhistory = new CommandHistory(); }, newClient: function(client) { this.windows[client] = {} var w = this.newWindow(client, WINDOW_STATUS, "Status"); this.selectWindow(w); - + if(!this.firstClient) { + this.firstClient = true; + w.addLine("", "qwebirc v" + QWEBIRC_VERSION); + w.addLine("", "Copyright (C) 2008 Chris Porter. All rights reserved."); + w.addLine("", "http://webchat.quakenet.org/"); + w.addLine("", "This is BETA quality software, please report bugs to slug@quakenet.org"); + } return w; }, newWindow: function(client, type, name) { @@ -70,6 +57,7 @@ var UI = new Class({ if(this.active) this.active.deselect(); window.select(); /* calls setActiveWindow */ + document.title = window.name + " - " + this.options.appTitle; }, __closed: function(window) { if(window.active) { @@ -78,7 +66,9 @@ var UI = new Class({ this.windowArray = []; } else { var index = this.windowArray.indexOf(window); - if(index == 0) { + if(index == -1) { + return; + } else if(index == 0) { this.selectWindow(this.windowArray[1]); } else { this.selectWindow(this.windowArray[index - 1]); @@ -90,21 +80,129 @@ var UI = new Class({ delete this.windows[window.client][window.identifier]; }, - loginBox: function(callback) { /* this shouldn't be called by overriding classes! + they should implement their own! some form of user input MUST be received before an IRC connection is made, else users are going to get tricked into getting themselves glined */ + loginBox: function(callback, initialNickname, initialChannels, autoConnect, autoNick) { + GenericLoginBox(this.parentElement, callback, initialNickname, initialChannels, autoConnect, autoNick); + /*if(autoConnect) { + var c = initialChannels.split(","); + var ctext; + + if(c.length > 1) { + var last = c.pop(); + ctext = c.join(", ") + " and " + last; + } else { + ctext = c[0]; + } + + var nicktext; + if(autoNick) { + nicktext = ""; + } else { + nicktext = " (as '" + initialNickname + "')" + } + if(confirm("Connect to IRC and join channels " + ctext + nicktext + "?")) + callback({"nickname": initialNickname, "autojoin": initialChannels}); + return; + } - var nick = prompt("Nickname:"); + var nick = prompt("Nickname:", initialNickname); if(!nick) { alert("Aborted."); return; } - var chans = prompt("Channels (seperate by comma):", "#quakenetX"); + var chans = prompt("Channels (seperate by comma):", initialChannels); callback({"nickname": nick, "autojoin": chans}); + */ + } +}); + +var UI = new Class({ + Extends: BaseUI, + initialize: function(parentElement, windowClass, uiName, options) { + this.parent(parentElement, windowClass, uiName, options); + window.addEvent("keydown", function(x) { + if(!x.alt) + return; + + if(x.key == "a" || x.key == "A") { + new Event(x).stop(); + for(var i=0;i= '0' && x.key <= '9') { + new Event(x).stop(); + + number = x.key - '0'; + if(number == 0) + number = 10 + + number = number - 1; + + if(number >= this.windowArray.length) + return; + + this.selectWindow(this.windowArray[number]); + } + }.bind(this)); + }, + newCustomWindow: function(name, select, type) { + if(!type) + type = WINDOW_CUSTOM; + + var w = this.newWindow(CUSTOM_CLIENT, type, name); + w.addEvent("close", function(w) { + delete this.windows[name]; + }.bind(this)); + + if(select) + this.selectWindow(w); + + return w; + }, + embeddedWindow: function() { + if(this.embedded) { + this.selectWindow(this.embedded) + return; + } + + this.embedded = this.newCustomWindow("Embedded wizard", true); + this.embedded.addEvent("close", function() { + this.embedded = null; + }.bind(this)); + + var ew = new WebmasterGuide({parent: this.embedded.lines}); + ew.addEvent("close", function() { + this.embedded.close(); + }.bind(this)); + }, + urlDispatcher: function(name) { + if(name == "embedded") + return this.embeddedWindow.bind(this); + + return null; + } +}); + +var NewLoginUI = new Class({ + Extends: UI, + loginBox: function(callbackfn, initialNickname, initialChannels, autoConnect, autoNick) { + this.postInitialize(); + var w = this.newCustomWindow("Connect", true, WINDOW_CONNECT); + var callback = function(args) { + w.close(); + callbackfn(args); + }; + + GenericLoginBox(w.lines, callback, initialNickname, initialChannels, autoConnect, autoNick); } });