]> jfr.im git - irc/quakenet/qwebirc.git/blobdiff - js/ui/baseui.js
Add about pane.
[irc/quakenet/qwebirc.git] / js / ui / baseui.js
index 299ad5e49fcd95dedc57a7ae26d3548ab647935f..1d4e9d856c3027ecc4355aa61e866f49498757af 100644 (file)
@@ -1,41 +1,91 @@
-var WINDOW_STATUS = 1;
-var WINDOW_QUERY = 2;
-var WINDOW_CHANNEL = 3;
+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.CUSTOM_CLIENT = "custom";
 
-var UI = new Class({
-  initialize: function(parentElement, windowClass, uiName) {
+qwebirc.ui.BaseUI = new Class({
+  Implements: [Events, Options],
+  options: {
+    appTitle: "QuakeNet Web IRC",
+    singleWindow: true
+  },
+  initialize: function(parentElement, windowClass, uiName, options) {
+    this.setOptions(options);
+    
     this.windows = {};
+    this.clients = {};
+    this.windows[qwebirc.ui.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 qwebirc.irc.CommandHistory();
+    this.clientId = 0;
   },
   newClient: function(client) {
-    this.windows[client] = {}
-    var w = this.newWindow(client, WINDOW_STATUS, "Status");
+    client.id = this.clientId++;
+    client.hilightController = new qwebirc.ui.HilightController(client);
+    
+    this.windows[client.id] = {}
+    this.clients[client.id] = client;
+    var w = this.newWindow(client, qwebirc.ui.WINDOW_STATUS, "Status");
     this.selectWindow(w);
     if(!this.firstClient) {
       this.firstClient = true;
-      w.addLine("", "qwebirc v" + QWEBIRC_VERSION + " -- Copyright (C) 2008 Chris Porter. All rights reserved.");
+      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;
   },
+  getClientId: function(client) {
+    if(client == qwebirc.ui.CUSTOM_CLIENT) {
+      return qwebirc.ui.CUSTOM_CLIENT;
+    } else {
+      return client.id;
+    }
+  },
+  getWindowIdentifier: function(type, name) {
+    if(type == qwebirc.ui.WINDOW_MESSAGES)
+      return "-M";
+    if(type == qwebirc.ui.WINDOW_STATUS)
+      return "";
+    return "_" + name.toIRCLower();
+  },
   newWindow: function(client, type, name) {
-    var identifier = name;
-    if(type == WINDOW_STATUS)
-      identifier = "";
+    var w = this.getWindow(client, type, name);
+    if($defined(w))
+      return w;
       
-    var w = this.windows[client][identifier] = new this.windowClass(this, client, type, name, identifier);
+    var wId = this.getWindowIdentifier(type, name);
+    var w = this.windows[this.getClientId(client)][wId] = new this.windowClass(this, client, type, name, wId);
     this.windowArray.push(w);
     
     return w;
   },
+  getWindow: function(client, type, name) {
+    var c = this.windows[this.getClientId(client)];
+    if(!$defined(c))
+      return null;
+      
+    return c[this.getWindowIdentifier(type, name)];
+  },
   getActiveWindow: function() {
     return this.active;
   },
+  getActiveIRCWindow: function(client) {
+    if(!this.active || this.active.type == qwebirc.ui.WINDOW_CUSTOM) {
+      return this.windows[this.getClientId(client)][this.getWindowIdentifier(qwebirc.ui.WINDOW_STATUS)];
+    } else {
+      return this.active;
+    }
+  },  
   __setActiveWindow: function(window) {
     this.active = window;
   },
@@ -43,6 +93,30 @@ var UI = new Class({
     if(this.active)
       this.active.deselect();
     window.select();  /* calls setActiveWindow */
+    document.title = window.name + " - " + this.options.appTitle;
+  },
+  nextWindow: function(direction) {
+    if(this.windowArray.length == 0 || !this.active)
+      return;
+      
+    if(!direction)
+      direction = 1;
+      
+    var index = this.windowArray.indexOf(this.active);
+    if(index == -1)
+      return;
+      
+    index = index + direction;
+    if(index < 0) {
+      index = this.windowArray.length - 1;
+    } else if(index >= this.windowArray.length) {
+      index = 0;
+    }
+    
+    this.selectWindow(this.windowArray[index]);
+  },
+  prevWindow: function() {
+    this.nextWindow(-1);
   },
   __closed: function(window) {
     if(window.active) {
@@ -51,33 +125,222 @@ 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]);
         }
-        
-        this.windowArray = this.windowArray.erase(window);
       }
     }
     
-    delete this.windows[window.client][window.identifier];
+    this.windowArray = this.windowArray.erase(window);
+    delete this.windows[this.getClientId(window.client)][window.identifier];
   },
-  loginBox: function(callback, initialNickname, initialChannels) {
     /*
       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) {
+    qwebirc.ui.GenericLoginBox(this.parentElement, callback, initialNickname, initialChannels, autoConnect, autoNick);
+  }
+});
+
+qwebirc.ui.StandardUI = new Class({
+  Extends: qwebirc.ui.BaseUI,
+  initialize: function(parentElement, windowClass, uiName, options) {
+    this.parent(parentElement, windowClass, uiName, options);
+
+    this.tabCompleter = new qwebirc.ui.TabCompleterFactory(this);
+    this.uiOptions = new qwebirc.ui.DefaultOptionsClass(this);
+    this.customWindows = {};
+    
+    window.addEvent("keydown", function(x) {
+      if(!x.alt || x.control)
+        return;
+        
+      var success = false;
+      if(x.key == "a" || x.key == "A") {
+        var highestNum = 0;
+        var highestIndex = -1;
+        success = true;
+        
+        new Event(x).stop();
+        for(var i=0;i<this.windowArray.length;i++) {
+          var h = this.windowArray[i].hilighted;
+          if(h > highestNum) {
+            highestIndex = i;
+            highestNum = h;
+          }
+        }
+        if(highestIndex > -1)
+          this.selectWindow(this.windowArray[highestIndex]);
+      } else if(x.key >= '0' && x.key <= '9') {
+        success = true;
+        
+        number = x.key - '0';
+        if(number == 0)
+          number = 10
+          
+        number = number - 1;
+        
+        if(number >= this.windowArray.length)
+          return;
+          
+        this.selectWindow(this.windowArray[number]);
+      } else if(x.key == "left") {
+        this.prevWindow();
+        success = true;
+      } else if(x.key == "right") {
+        this.nextWindow();
+        success = true;
+      }
+      if(success)
+        new Event(x).stop();      
+    }.bind(this));
+  },
+  newCustomWindow: function(name, select, type) {
+    if(!type)
+      type = qwebirc.ui.WINDOW_CUSTOM;
+      
+    var w = this.newWindow(qwebirc.ui.CUSTOM_CLIENT, type, name);
+    w.addEvent("close", function(w) {
+      delete this.windows[qwebirc.ui.CUSTOM_CLIENT][w.identifier];
+    }.bind(this));
+    
+    if(select)
+      this.selectWindow(w);  
 
-    var nick = prompt("Nickname:", initialNickname);
-    if(!nick) {
-      alert("Aborted.");
+    return w;
+  },
+  addCustomWindow: function(windowName, class_, cssClass, options) {
+    if(!$defined(options))
+      options = {};
+      
+    if(this.customWindows[windowName]) {
+      this.selectWindow(this.customWindows[windowName]);
       return;
     }
+    
+    var d = this.newCustomWindow(windowName, true);
+    this.customWindows[windowName] = d;
+    
+    d.addEvent("close", function() {
+      this.customWindows[windowName] = null;
+    }.bind(this));
+        
+    if(cssClass)
+      d.lines.addClass("qwebirc-" + cssClass);
+      
+    var ew = new class_(d.lines, options);
+    ew.addEvent("close", function() {
+      d.close();
+    }.bind(this));
+  },
+  embeddedWindow: function() {
+    this.addCustomWindow("Embedded Wizard", qwebirc.ui.EmbedWizard, "embeddedwizard");
+  },
+  optionsWindow: function() {
+    this.addCustomWindow("Options", qwebirc.ui.OptionsPane, "optionspane", this.uiOptions);
+  },
+  aboutWindow: function() {
+    this.addCustomWindow("About", qwebirc.ui.AboutPane, "aboutpane", this.uiOptions);
+  },
+  urlDispatcher: function(name) {
+    if(name == "embedded")
+      return ["a", this.embeddedWindow.bind(this)];
+      
+    if(name == "options")
+      return ["a", this.optionsWindow.bind(this)];
+
+    return null;
+  },
+  tabComplete: function(element) {
+    this.tabCompleter.tabComplete(element);
+  },
+  resetTabComplete: function() {
+    this.tabCompleter.reset();
+  }
+});
+
+qwebirc.ui.SoundUI = 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.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.soundPlayer = new qwebirc.sound.SoundPlayer();
+    this.soundPlayer.addEvent("ready", function() {
+      this.soundReady = true;
+    }.bind(this));
+    this.soundPlayer.go();
+  },
+  setBeepOnMention: function(value) {
+    if(value)
+      this.soundInit();
+    this.beepOnMention = value;
+  },
+  beep: function() {
+    if(!this.soundReady || !this.beepOnMention)
+      return;
+      
+    this.soundPlayer.beep();
+  }
+});
+
+qwebirc.ui.QuakeNetUI = new Class({
+  Extends: qwebirc.ui.SoundUI,
+  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);
+  },
+  logout: function() {
+    if(!qwebirc.auth.loggedin())
+      return;
+    if(confirm("Log out?")) {
+      for(var client in this.clients) {
+        this.clients[client].quit("Logged out");
+      };
+      document.location = "/auth?logout=1";
+    }
+  }
+});
 
-    var chans = prompt("Channels (seperate by comma):", initialChannels);
-    callback({"nickname": nick, "autojoin": chans});
+qwebirc.ui.NewLoginUI = new Class({
+  Extends: qwebirc.ui.QuakeNetUI,
+  loginBox: function(callbackfn, initialNickname, initialChannels, autoConnect, autoNick) {
+    this.postInitialize();
+
+    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);
   }
 });