]> jfr.im git - irc/quakenet/qwebirc.git/blobdiff - js/ui/panes/connect.js
Connect pane layout now done in html.
[irc/quakenet/qwebirc.git] / js / ui / panes / connect.js
index 8f0ba4aeda6bddfc037eafea2e9f3489b48b40a0..b496714ad95d92d337f8daa88591bd8feb29a5fe 100644 (file)
-qwebirc.ui.GenericLoginBox = function(parentElement, callback, initialNickname, initialChannels, autoConnect, autoNick, networkName) {
-  if(autoConnect) {
-    qwebirc.ui.ConfirmBox(parentElement, callback, initialNickname, initialChannels, autoNick, networkName);
-  } else {
-    qwebirc.ui.LoginBox(parentElement, callback, initialNickname, initialChannels, networkName);
-  }
-}
+qwebirc.ui.ConnectPane = new Class({
+  Implements: [Events],
+  initialize: function(parent, options) {
+    var callback = options.callback, initialNickname = options.initialNickname, initialChannels = options.initialChannels, networkName = options.networkName, autoConnect = options.autoConnect, autoNick = options.autoNick;
+    this.options = options;
+
+    var delayfn = function() { parent.set("html", "<div class=\"loading\">Loading. . .</div>"); };
+    var cb = delayfn.delay(500);
+
+    var r = qwebirc.ui.RequestTransformHTML({url: qwebirc.global.staticBaseURL + "panes/connect.html", update: parent, onSuccess: function() {
+      $clear(cb);
+
+      var box = (autoConnect ? "confirm" : "login");
+      var rootElement = parent.getElement("[name=" + box + "box]");
+      this.rootElement = rootElement;
+      
+      this.util.exec = function(n, x) { rootElement.getElements(n).each(x); };
+      var util = this.util;
+      var exec = util.exec;
+      util.makeVisible(rootElement);
+
+      exec("[name=nickname]", util.setText(initialNickname));
+      exec("[name=channels]", util.setText(initialChannels));
+      exec("[name=prettychannels]", function(node) { this.__buildPrettyChannels(node, initialChannels); }.bind(this));
+      exec("[name=networkname]", util.setText(networkName));
+
+      var focus = "connect";
+      if(autoConnect) {
+        if(!autoNick)
+          exec("[name=nickselected]", util.makeVisible);
+
+        this.__validate = this.__validateConfirmData;
+      } else {
+       if(!initialNickname) {
+          focus = "nickname";
+        } else if(initialNickname && !initialChannels) {
+          focus = "channels";
+        }
+
+        this.__validate = this.__validateLoginData;
+      }
+
+      exec("[name=" + focus + "]", util.focus);
+      exec("[name=connect]", util.attachClick(this.__connect.bind(this)));
+    }.bind(this)});
+    r.get();
+  },
+  util: {
+    makeVisible: function(x) { x.setStyle("display", ""); },
+    focus: function(x) { x.focus(); },
+    attachClick: function(fn) { return function(x) { x.addListener("click", fn); } },
+    setText: function(x) { return function(y) {
+      if(typeof y.value === "undefined") {
+        y.set("text", x);
+      } else {
+        y.value = x === null ? "" : x;
+      }
+    } }
+  },
+  validate: function() {
+    return this.__validate();
+  },
+  __connect: function(e) {
+    new Event(e).stop();
+    var data = this.validate();
+    if(data === false)
+      return;
 
-qwebirc.ui.ConfirmBox = function(parentElement, callback, initialNickname, initialChannels, autoNick, networkName) {
-  var box = new Element("table");
-  box.addClass("qwebirc-confirmbox");
-  parentElement.appendChild(box);
+    this.fireEvent("close");
+    this.options.callback(data);
+  },
+  __validateConfirmData: function() {
+    return {nickname: this.options.initialNickname, autojoin: this.options.initialChannels};
+  },
+  __validateLoginData: function() {
+    var nick = this.rootElement.getElement("input[name=nickname]"), chan = this.rootElement.getElement("input[name=channels]");
 
-  var tbody = new Element("tbody");
-  box.appendChild(tbody);
-  
-  var tr = new Element("tr");
-  tbody.appendChild(tr);
-  tr.addClass("tr1");
-  
-  var text = new Element("td");
-  tr.appendChild(text);
-  
-  var nick = new Element("b");
-  nick.set("text", initialNickname);
-  
-  var c = initialChannels.split(" ")[0].split(",");
-  
-  text.appendChild(document.createTextNode("To connect to " + networkName + " IRC and join channel" + ((c.length>1)?"s":"") + " "));
+    var nickname = nick.value;
+    var chans = chan.value;
+    if(chans == "#") /* sorry channel "#" :P */
+      chans = "";
 
-  for(var i=0;i<c.length;i++) {
-    if((c.length > 1) && (i == c.length - 1)) {
-      text.appendChild(document.createTextNode(" and "));
-    } else if(i > 0) {
-      text.appendChild(document.createTextNode(", "));
+    if(!nickname) {
+      alert("You must supply a nickname.");
+      nick.focus();
+      return false;
     }
-    text.appendChild(new Element("b").set("text", c[i]));
-    
-  }
-  
-  if(!autoNick) {
-    text.appendChild(document.createTextNode(" as "));
-    text.appendChild(nick);
-  }
-  
-  text.appendChild(document.createTextNode(" click 'Connect'."));
-  text.appendChild(new Element("br"));
-  if(!qwebirc.auth.loggedin())
-    text.appendChild(document.createTextNode("If you'd like to connect using your Q auth click 'Log in'."));
-
-  var tr = new Element("tr");
-  tbody.appendChild(tr);
-  tr.addClass("tr2");
-  
-  var td = new Element("td");
-  tr.appendChild(td);
-
-  var yes = new Element("input", {"type": "submit", "value": "Connect"});
-  td.appendChild(yes);
-  yes.focus();
-  yes.addEvent("click", function(e) {
-    parentElement.removeChild(box);
-    callback({"nickname": initialNickname, "autojoin": initialChannels});
-  });
-  
-  if(!qwebirc.auth.loggedin()) {
-    var auth = new Element("input", {"type": "submit", "value": "Log in"});
-    td.appendChild(auth);
-    auth.addEvent("click", function(e) {
-      var cookie = Cookie.write("redirect", document.location);
-      document.location = "./auth/";
-    });
-  }
-}
 
-qwebirc.ui.LoginBox = function(parentElement, callback, initialNickname, initialChannels, networkName) {
-  var box = new Element("table");
-  parentElement.appendChild(box);
-  box.addClass("qwebirc-loginbox");
-  
-  var tbody = new Element("tbody");
-  box.appendChild(tbody);
-  
-  var tr = new Element("tr");
-  tbody.appendChild(tr);
-  tr.addClass("tr1");
-  
-  var td = new Element("td");
-  tr.appendChild(td);
-  td.set("html", "<h1>Connect to " + networkName + " IRC</h1>");  
+    var data = {nickname: nickname, autojoin: chans};
+    return data;
+  },
+  __buildPrettyChannels: function(node, channels) {
+    var c = channels.split(" ")[0].split(",");
+    node.appendChild(document.createTextNode("channel" + ((c.length>1)?"s":"") + " "));
+    for(var i=0;i<c.length;i++) {
+      if((c.length > 1) && (i == c.length - 1)) {
+        node.appendChild(document.createTextNode(" and "));
+      } else if(i > 0) {
+        node.appendChild(document.createTextNode(", "));
+      }
+      node.appendChild(new Element("b").set("text", c[i]));
+    }
+  }
+});
+
+qwebirc.ui.LoginBox2 = function(parentElement, callback, initialNickname, initialChannels, networkName) {
+/*
+  if(qwebirc.auth.enabled()) {
+    if(qwebirc.auth.passAuth()) {
+      var authRow = createRow("Auth to services:");
+      var authCheckBox = qwebirc.util.createInput("checkbox", authRow, "connect_auth_to_services", false);
     
-  var tr = new Element("tr");
-  tbody.appendChild(tr);
-  tr.addClass("tr2");
-  
-  var td = new Element("td");
-  tr.appendChild(td);
-  
-  var form = new Element("form");
-  td.appendChild(form);
-
-  var boxtable = new Element("table");
-  form.appendChild(boxtable);
-
-  var tbody = new Element("tbody");
-  boxtable.appendChild(tbody); /* stupid IE */
-
-  function createRow(label, e2) {
-    var r = new Element("tr");
-    tbody.appendChild(r);
-
-    var d1 = new Element("td");
-    if(label)
-      d1.set("text", label);
-    r.appendChild(d1);
+      var usernameBox = new Element("input");
+      var usernameRow = createRow("Username:", usernameBox, {display: "none"})[0];
+    
+      var passwordRow = createRow("Password:", null, {display: "none"});
+      var passwordBox = qwebirc.util.createInput("password", passwordRow[1], "connect_auth_password");
 
-    var d2 = new Element("td");
-    r.appendChild(d2);
-    d2.appendChild(e2);
-    return d1;
+      authCheckBox.addEvent("click", function(e) { qwebirc.ui.authShowHide(authCheckBox, authRow, usernameBox, usernameRow, passwordRow[0]) });
+    } else if(qwebirc.auth.bouncerAuth()) {
+      var passwordRow = createRow("Password:");
+      var passwordBox = qwebirc.util.createInput("password", passwordRow, "connect_auth_password");
+    }
   }
-
-  var nick = new Element("input");
-  createRow("Nickname:", nick);
-  var chan = new Element("input");
-  createRow("Channels:", chan);
+  */
 
   var connbutton = new Element("input", {"type": "submit"});
   connbutton.set("value", "Connect");
-  createRow(undefined, connbutton)
-
+  var r = createRow(undefined, connbutton);
+  
   form.addEvent("submit", function(e) {
     new Event(e).stop();
-    var nickname = nick.value;
-    var chans = chan.value;
-    if(chans == "#") /* sorry channel "#" :P */
-      chans = "";
 
-    if(!nickname) {
-      alert("You must supply a nickname.");
-      nick.focus();
-      return;
+    var data = {"nickname": nickname, "autojoin": chans};
+    if(qwebirc.auth.enabled()) {
+      if(qwebirc.auth.passAuth() && authCheckBox.checked) {
+          if(!usernameBox.value || !passwordBox.value) {
+            alert("You must supply your username and password in auth mode.");
+            if(!usernameBox.value) {
+              usernameBox.focus();
+            } else {
+              passwordBox.focus();
+            }
+            return;
+          }
+          
+          data["serverPassword"] = usernameBox.value + " " + passwordBox.value;
+      } else if(qwebirc.auth.bouncerAuth()) {
+        if(!passwordBox.value) {
+          alert("You must supply a password.");
+          passwordBox.focus();
+          return;
+        }
+        
+        data["serverPassword"] = passwordBox.value;
+      }
     }
-
-    parentElement.removeChild(box);
+    parentElement.removeChild(outerbox);
     
-    callback({"nickname": nickname, "autojoin": chans});
+    callback(data);
   }.bind(this));
-
+    
   nick.set("value", initialNickname);
   chan.set("value", initialChannels);
 
-  nick.focus();
+  if(window == window.top)
+    nick.focus();
+}
+
+qwebirc.ui.authShowHide = function(checkbox, authRow, usernameBox, usernameRow, passwordRow) {
+  var visible = checkbox.checked;
+  var display = visible?null:"none";
+  usernameRow.setStyle("display", display);
+  passwordRow.setStyle("display", display);
+  
+  if(visible) {
+//    authRow.parentNode.setStyle("display", "none");
+    usernameBox.focus();
+  }
 }