Scrolling now works in IE.

[irc/quakenet/qwebirc.git] / js / ui / baseui.js

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 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.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) {
    var identifier = name;
    if(type == WINDOW_STATUS)
      identifier = "";
      
    var w = this.windows[client][identifier] = new this.windowClass(this, client, type, name, identifier);
    this.windowArray.push(w);
    
    return w;
  },
  getActiveWindow: function() {
    return this.active;
  },
  __setActiveWindow: function(window) {
    this.active = window;
  },
  selectWindow: function(window) {
    if(this.active)
      this.active.deselect();
    window.select();  /* calls setActiveWindow */
    document.title = window.name + " - " + this.options.appTitle;
  },
  __closed: function(window) {
    if(window.active) {
      this.active = undefined;
      if(this.windowArray.length == 1) {
        this.windowArray = [];
      } else {
        var index = this.windowArray.indexOf(window);
        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 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);
  }
});

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<this.windowArray.length;i++) {
          if(this.windowArray[i].hilighted) {
            this.selectWindow(this.windowArray[i]);
            break;
          }
        }
      } else if(x.key >= '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("Embedding 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);
  }
});