X-Git-Url: https://jfr.im/git/irc/quakenet/qwebirc.git/blobdiff_plain/fd3734d4adff434df08316f80ca6637797f9899b..e87f992490f18ee8db4b9b9cace4ea8558e74818:/js/ui/baseui.js diff --git a/js/ui/baseui.js b/js/ui/baseui.js index 55e6a6e..db461ac 100644 --- a/js/ui/baseui.js +++ b/js/ui/baseui.js @@ -1,9 +1,10 @@ -qwebirc.ui.WINDOW_STATUS = 1; -qwebirc.ui.WINDOW_QUERY = 2; -qwebirc.ui.WINDOW_CHANNEL = 3; -qwebirc.ui.WINDOW_CUSTOM = 4; -qwebirc.ui.WINDOW_CONNECT = 5; -qwebirc.ui.WINDOW_MESSAGES = 6; +qwebirc.ui.WINDOW_STATUS = 0x01; +qwebirc.ui.WINDOW_QUERY = 0x02; +qwebirc.ui.WINDOW_CHANNEL = 0x04; +qwebirc.ui.WINDOW_CUSTOM = 0x08; +qwebirc.ui.WINDOW_CONNECT = 0x10; +qwebirc.ui.WINDOW_MESSAGES = 0x20; + qwebirc.ui.CUSTOM_CLIENT = "custom"; qwebirc.ui.BaseUI = new Class({ @@ -22,6 +23,38 @@ qwebirc.ui.BaseUI = new Class({ this.firstClient = false; this.commandhistory = new qwebirc.irc.CommandHistory(); this.clientId = 0; + + this.windowFocused = true; + + if(Browser.Engine.trident) { + var checkFocus = function() { + var hasFocus = document.hasFocus(); + if(hasFocus != this.windowFocused) { + this.windowFocused = hasFocus; + this.focusChange(hasFocus); + } + } + + checkFocus.periodical(100, this); + } else { + var blur = function() { if(this.windowFocused) { this.windowFocused = false; this.focusChange(false); } }.bind(this); + var focus = function() { if(!this.windowFocused) { this.windowFocused = true; this.focusChange(true); } }.bind(this); + + /* firefox requires both */ + + document.addEvent("blur", blur); + window.addEvent("blur", blur); + document.addEvent("focus", focus); + window.addEvent("focus", focus); + } + + qwebirc.util.__log = function(x) { + if(QWEBIRC_DEBUG) { + if(typeof console != "undefined") + console.log(x); + this.getActiveWindow().addLine(null, x); + } + }.bind(this); }, newClient: function(client) { client.id = this.clientId++; @@ -34,9 +67,9 @@ qwebirc.ui.BaseUI = new Class({ if(!this.firstClient) { this.firstClient = true; w.addLine("", "qwebirc v" + qwebirc.VERSION); - w.addLine("", "Copyright (C) 2008-2009 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"); + w.addLine("", "Copyright (C) 2008-2012 Chris Porter and the qwebirc project."); + w.addLine("", "http://www.qwebirc.org"); + w.addLine("", "Licensed under the GNU General Public License, Version 2."); } return w; }, @@ -89,11 +122,37 @@ qwebirc.ui.BaseUI = new Class({ __setActiveWindow: function(window) { this.active = window; }, + renameWindow: function(window, name) { + if(this.getWindow(window.client, window.type, name)) + return null; + + var clientId = this.getClientId(window.client); + var index = this.windowArray.indexOf(window); + if(index == -1) + return null; + + delete this.windows[clientId][window.identifier]; + + var window = this.windowArray[index]; + window.name = name; + window.identifier = this.getWindowIdentifier(window.client, window.type, window.name); + + this.windows[clientId][window.identifier] = this.windowArray[index]; + + if(window.active) + this.updateTitle(window.name + " - " + this.options.appTitle); + + window.rename(window.name); + return window; + }, selectWindow: function(window) { if(this.active) this.active.deselect(); window.select(); /* calls setActiveWindow */ - document.title = window.name + " - " + this.options.appTitle; + this.updateTitle(window.name + " - " + this.options.appTitle); + }, + updateTitle: function(text) { + document.title = text; }, nextWindow: function(direction) { if(this.windowArray.length == 0 || !this.active) @@ -147,6 +206,11 @@ qwebirc.ui.BaseUI = new Class({ */ loginBox: function(callback, initialNickname, initialChannels, autoConnect, autoNick) { qwebirc.ui.GenericLoginBox(this.parentElement, callback, initialNickname, initialChannels, autoConnect, autoNick, this.options.networkName); + }, + focusChange: function(newValue) { + var window_ = this.getActiveWindow(); + if($defined(window_)) + window_.focusChange(newValue); } }); @@ -157,9 +221,18 @@ qwebirc.ui.StandardUI = new Class({ this.parent(parentElement, windowClass, uiName, options); this.tabCompleter = new qwebirc.ui.TabCompleterFactory(this); - this.uiOptions = new qwebirc.ui.DefaultOptionsClass(this); + this.uiOptions = new qwebirc.ui.DefaultOptionsClass(this, options.uiOptionsArg); this.customWindows = {}; + this.__styleValues = {hue: this.uiOptions.STYLE_HUE, saturation: 0, lightness: 0}; + if($defined(this.options.hue)) this.__styleValues.hue = this.options.hue; + if($defined(this.options.saturation)) this.__styleValues.saturation = this.options.saturation; + if($defined(this.options.lightness)) this.__styleValues.lightness = this.options.lightness; + + if(this.options.thue !== null) this.__styleValues.textHue = this.options.thue; + if(this.options.tsaturation !== null) this.__styleValues.textSaturation = this.options.tsaturation; + if(this.options.tlightness !== null) this.__styleValues.textLightness = this.options.tlightness; + var ev; if(Browser.Engine.trident) { ev = "keydown"; @@ -260,7 +333,9 @@ qwebirc.ui.StandardUI = new Class({ d.setSubWindow(ew); }, embeddedWindow: function() { - this.addCustomWindow("Embedding wizard", qwebirc.ui.EmbedWizard, "embeddedwizard"); + this.addCustomWindow("Add webchat to your site", qwebirc.ui.EmbedWizard, "embeddedwizard", {baseURL: this.options.baseURL, uiOptions: this.uiOptions, optionsCallback: function() { + this.optionsWindow(); + }.bind(this)}); }, optionsWindow: function() { this.addCustomWindow("Options", qwebirc.ui.OptionsPane, "optionspane", this.uiOptions); @@ -277,13 +352,24 @@ qwebirc.ui.StandardUI = new Class({ faqWindow: function() { this.addCustomWindow("FAQ", qwebirc.ui.FAQPane, "faqpane", this.uiOptions); }, - urlDispatcher: function(name) { + urlDispatcher: function(name, window) { if(name == "embedded") return ["a", this.embeddedWindow.bind(this)]; if(name == "options") return ["a", this.optionsWindow.bind(this)]; + /* doesn't really belong here */ + if(name == "whois") { + return ["span", function(nick) { + if(this.uiOptions.QUERY_ON_NICK_CLICK) { + window.client.exec("/QUERY " + nick); + } else { + window.client.exec("/WHOIS " + nick); + } + }.bind(this)]; + } + return null; }, tabComplete: function(element) { @@ -291,59 +377,98 @@ qwebirc.ui.StandardUI = new Class({ }, resetTabComplete: function() { this.tabCompleter.reset(); + }, + setModifiableStylesheet: function(name) { + this.__styleSheet = new qwebirc.ui.style.ModifiableStylesheet(qwebirc.global.staticBaseURL + "css/" + name + qwebirc.FILE_SUFFIX + ".mcss"); + this.setModifiableStylesheetValues({}); + }, + setModifiableStylesheetValues: function(values) { + for(var k in values) + this.__styleValues[k] = values[k]; + + if(!$defined(this.__styleSheet)) + return; + + var back = {hue: this.__styleValues.hue, lightness: this.__styleValues.lightness, saturation: this.__styleValues.saturation}; + var front = {hue: this.__styleValues.textHue, lightness: this.__styleValues.textLightness, saturation: this.__styleValues.textSaturation}; + + if(!this.__styleValues.textHue && !this.__styleValues.textLightness && !this.__styleValues.textSaturation) + front = back; + + var colours = { + back: back, + front: front + }; + + this.__styleSheet.set(function() { + var mode = arguments[0]; + if(mode == "c") { + var t = colours[arguments[2]]; + var x = new Color(arguments[1]); + var c = x.setHue(t.hue).setSaturation(x.hsb[1] + t.saturation).setBrightness(x.hsb[2] + t.lightness); + if(c == "255,255,255") /* IE confuses white with transparent... */ + c = "255,255,254"; + + return "rgb(" + c + ")"; + } else if(mode == "o") { + return this.uiOptions[arguments[1]] ? arguments[2] : arguments[3]; + } + }.bind(this)); } }); -qwebirc.ui.SoundUI = new Class({ +qwebirc.ui.NotificationUI = new Class({ Extends: qwebirc.ui.StandardUI, initialize: function(parentElement, windowClass, uiName, options) { this.parent(parentElement, windowClass, uiName, options); - this.soundInited = false; - this.soundReady = false; + this.__beeper = new qwebirc.ui.Beeper(this.uiOptions); + this.__flasher = new qwebirc.ui.Flasher(this.uiOptions); - this.setBeepOnMention(this.uiOptions.BEEP_ON_MENTION); - }, - soundInit: function() { - if(this.soundInited) - return; - if(!$defined(Browser.Plugins.Flash) || Browser.Plugins.Flash.version < 8) - return; - this.soundInited = true; + this.beep = this.__beeper.beep.bind(this.__beeper); - this.soundPlayer = new qwebirc.sound.SoundPlayer(); - this.soundPlayer.addEvent("ready", function() { - this.soundReady = true; - }.bind(this)); - this.soundPlayer.go(); + this.flash = this.__flasher.flash.bind(this.__flasher); + this.cancelFlash = this.__flasher.cancelFlash.bind(this.__flasher); }, setBeepOnMention: function(value) { if(value) - this.soundInit(); - this.beepOnMention = value; + this.__beeper.soundInit(); }, - beep: function() { - if(!this.soundReady || !this.beepOnMention) - return; - - this.soundPlayer.beep(); + updateTitle: function(text) { + if(this.__flasher.updateTitle(text)) + this.parent(text); + }, + focusChange: function(value) { + this.parent(value); + this.__flasher.focusChange(value); + } +}); + +qwebirc.ui.NewLoginUI = new Class({ + Extends: qwebirc.ui.NotificationUI, + loginBox: function(callbackfn, initialNickname, initialChannels, autoConnect, autoNick) { + this.postInitialize(); + + /* I'd prefer something shorter and snappier! */ + var w = this.newCustomWindow("Connection details", true, qwebirc.ui.WINDOW_CONNECT); + var callback = function(args) { + w.close(); + callbackfn(args); + }; + + qwebirc.ui.GenericLoginBox(w.lines, callback, initialNickname, initialChannels, autoConnect, autoNick, this.options.networkName); } }); qwebirc.ui.QuakeNetUI = new Class({ - Extends: qwebirc.ui.SoundUI, + Extends: qwebirc.ui.NewLoginUI, urlDispatcher: function(name, window) { if(name == "qwhois") { return ["span", function(auth) { this.client.exec("/MSG Q whois #" + auth); }.bind(window)]; } - if(name == "whois") { - return ["span", function(nick) { - this.client.exec("/WHOIS " + nick); - }.bind(window)]; - } - return this.parent(name); + return this.parent(name, window); }, logout: function() { if(!qwebirc.auth.loggedin()) @@ -354,23 +479,56 @@ qwebirc.ui.QuakeNetUI = new Class({ }; /* HACK */ - var foo = function() { document.location = "/auth?logout=1"; }; + var foo = function() { document.location = qwebirc.global.dynamicBaseURL + "auth?logout=1"; }; foo.delay(500); } } }); -qwebirc.ui.NewLoginUI = new Class({ - Extends: qwebirc.ui.QuakeNetUI, - loginBox: function(callbackfn, initialNickname, initialChannels, autoConnect, autoNick) { - this.postInitialize(); +qwebirc.ui.RootUI = qwebirc.ui.QuakeNetUI; + +qwebirc.ui.RequestTransformHTML = function(options) { + var HREF_ELEMENTS = { + "IMG": 1 + }; + + var update = options.update; + var onSuccess = options.onSuccess; + + var fixUp = function(node) { + if(node.nodeType != 1) + return; + + var tagName = node.nodeName.toUpperCase(); + if(HREF_ELEMENTS[tagName]) { + var attr = node.getAttribute("transform_attr"); + var value = node.getAttribute("transform_value"); + if($defined(attr) && $defined(value)) { + node.removeAttribute("transform_attr"); + node.removeAttribute("transform_value"); + node.setAttribute(attr, qwebirc.global.staticBaseURL + value); + } + } + + for(var i=0;i 0) { + var x = container.firstChild; + container.removeChild(x); + update.appendChild(x); + } + onSuccess(); + }; + + return new Request.HTML(options); +}; - var w = this.newCustomWindow("Connect", true, qwebirc.ui.WINDOW_CONNECT); - var callback = function(args) { - w.close(); - callbackfn(args); - }; - - qwebirc.ui.GenericLoginBox(w.lines, callback, initialNickname, initialChannels, autoConnect, autoNick, this.options.networkName); - } -});