connectwizard -> embedwizard

[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 == 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);
    /*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:", initialNickname);
    if(!nick) {
      alert("Aborted.");
      return;
    }

    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<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("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;
  }
});