Don't use WindowsException.

[irc/quakenet/qwebirc.git] / js / ui / frontends / qui.js

diff --git a/js/ui/frontends/qui.js b/js/ui/frontends/qui.js
index 5380befbec343cdc55ba5c52cb4861991e3142ab..31f8b2e1e56af3617c04fe51226a79a91255557f 100644 (file)
--- a/js/ui/frontends/qui.js
+++ b/js/ui/frontends/qui.js
@@ -12,14 +12,21 @@ qwebirc.ui.QUI = new Class({
       if($defined(w))
         w.onResize();
     }.bind(this));
-    this.qjsui.top.addClass("tabbar");
+    this.qjsui.top.addClass("outertabbar");
     
     this.qjsui.bottom.addClass("input");
     this.qjsui.right.addClass("nicklist");
     this.qjsui.topic.addClass("topic");
     this.qjsui.middle.addClass("lines");
     
-    this.tabs = this.qjsui.top;
+    this.outerTabs = this.qjsui.top;
+
+    this.tabs = new Element("div");
+    this.tabs.addClass("tabbar");
+    
+    this.__createDropdownMenu();
+    
+    this.outerTabs.appendChild(this.tabs);
     this.origtopic = this.topic = this.qjsui.topic;
     this.origlines = this.lines = this.qjsui.middle;
     this.orignicklist = this.nicklist = this.qjsui.right;
@@ -35,13 +42,101 @@ qwebirc.ui.QUI = new Class({
         this.nextWindow();
       } else if(event.wheel < 0) {
         /* down */
-        this.prevWindow();        
+        this.prevWindow();
       }
       event.stop();
     }.bind(this));
     
     this.createInput();
     this.reflow();
+
+    /* HACK, in Chrome this should work immediately but doesn't */
+    this.__createDropdownHint.delay(100, this);
+  },
+  __createDropdownMenu: function() {
+    var dropdownMenu = new Element("span");
+    dropdownMenu.addClass("dropdownmenu");
+    
+    dropdownMenu.hide = function() {
+      dropdownMenu.setStyle("display", "none");
+      dropdownMenu.visible = false;
+      document.removeEvent("mousedown", hideEvent);
+    }.bind(this);
+    var hideEvent = function() { dropdownMenu.hide(); };
+    
+    dropdownMenu.hide();
+    this.parentElement.appendChild(dropdownMenu);
+    
+    this.UICommands.forEach(function(x) {
+      var text = x[0];
+      var fn = this[x[1] + "Window"].bind(this);
+      var e = new Element("a");
+      e.addEvent("mousedown", function(e) { new Event(e).stop(); });
+      e.addEvent("click", function() {
+        dropdownMenu.hide();
+        fn();
+      });
+      e.set("text", text);
+      dropdownMenu.appendChild(e);
+    }.bind(this));
+    
+    var dropdown = new Element("div");
+    dropdown.addClass("dropdown-tab");
+    dropdown.appendChild(new Element("img", {src: "images/favicon.png", title: "menu", alt: "menu"}));
+    dropdown.setStyle("opacity", 1);
+
+    var dropdownEffect = new Fx.Tween(dropdown, {duration: "long", property: "opacity", link: "chain"});
+    dropdownEffect.start(0.25);
+    dropdownEffect.start(1);
+    dropdownEffect.start(0.33);
+    dropdownEffect.start(1);
+    
+    this.outerTabs.appendChild(dropdown);
+    dropdownMenu.show = function(x) {
+      new Event(x).stop();
+      this.hideHint();
+      
+      if(dropdownMenu.visible) {
+        dropdownMenu.hide();
+        return;
+      }
+      var top = this.outerTabs.getSize().y;
+      
+      dropdownMenu.setStyle("left", 0);
+      dropdownMenu.setStyle("top", top-1); /* -1 == top border */
+      dropdownMenu.setStyle("display", "inline-block");
+      dropdownMenu.visible = true;
+      
+      document.addEvent("mousedown", hideEvent);
+    }.bind(this);
+    dropdown.addEvent("mousedown", function(e) { new Event(e).stop(); });
+    dropdown.addEvent("click", dropdownMenu.show);
+  },
+  __createDropdownHint: function() {
+    var dropdownhint = new Element("div");
+    dropdownhint.addClass("dropdownhint");
+    dropdownhint.set("text", "Click the icon for the main menu.");
+    dropdownhint.setStyle("top", this.outerTabs.getSize().y + 5);
+
+    this.parentElement.appendChild(dropdownhint);
+    new Fx.Morph(dropdownhint, {duration: "normal", transition: Fx.Transitions.Sine.easeOut}).start({left: [900, 5]});
+    
+    var hider = function() {
+      new Fx.Morph(dropdownhint, {duration: "long"}).start({left: [5, -900]});
+    }.delay(4000, this);
+    
+    var hider2 = function() {
+      if(dropdownhint.hidden)
+        return;
+      this.parentElement.removeChild(dropdownhint);
+      dropdownhint.hidden = 1;
+    }.bind(this);
+    hider2.delay(4000);
+    this.hideHint = hider2;
+    
+    document.addEvent("mousedown", hider2);
+    document.addEvent("keypress", hider2);
+    
   },
   createInput: function() {
     var form = new Element("form");
@@ -189,20 +284,20 @@ qwebirc.ui.QUI.JSUI = new Class({
     var mheight = (docsize.y - topsize.y - bottomsize.y - topicsize.y);
     var mwidth = (docsize.x - rightsize.x);
 
-    topic.setStyle("top", topsize.y + "px");
+    topic.setStyle("top", topsize.y);
     
-    middle.setStyle("top", (topsize.y + topicsize.y) + "px");
+    middle.setStyle("top", (topsize.y + topicsize.y));
     if(mheight > 0) {
-      middle.setStyle("height", mheight + "px");
-      right.setStyle("height", mheight + "px");
+      middle.setStyle("height", mheight);
+      right.setStyle("height", mheight);
     }
     
     if(mwidth > 0)
-      middle.setStyle("width", mwidth + "px");
-    right.setStyle("top", (topsize.y + topicsize.y) + "px");
-    right.setStyle("left", mwidth + "px");
+      middle.setStyle("width", mwidth);
+    right.setStyle("top", (topsize.y + topicsize.y));
+    right.setStyle("left", mwidth);
     
-    bottom.setStyle("top", (docsize.y - bottomsize.y) + "px");
+    bottom.setStyle("top", (docsize.y - bottomsize.y));
     this.fireEvent("reflow");
   },
   showChannel: function(state) {
@@ -214,6 +309,7 @@ qwebirc.ui.QUI.JSUI = new Class({
     this.topic.setStyle("display", display);
   },
   showInput: function(state) {
+    this.bottom.isVisible = state;
     this.bottom.setStyle("display", state?"block":"none");
   }
 });
@@ -255,7 +351,7 @@ qwebirc.ui.QUI.Window = new Class({
 
         this.close();
         
-        parentObject.inputbox.focus();
+        //parentObject.inputbox.focus();
       }.bind(this);
       
       tabclose.addEvent("click", close);
@@ -388,10 +484,6 @@ qwebirc.ui.QUI.Window = new Class({
       e.menu = this.createMenu(x.realNick, e);
       new Event(x).stop();
     }.bind(this));
-    e.addEvent("dblclick", function(x) {
-      new Event(x).stop();
-      this.client.exec("/QUERY " + e.realNick);
-    }.bind(this));
     
     e.addEvent("focus", function() { this.blur() }.bind(e));
     this.moveMenuClass();
@@ -446,11 +538,11 @@ qwebirc.ui.QUI.Window = new Class({
     
     this.parentObject.tabs.removeChild(this.tab);
   },
-  addLine: function(type, line, colour) {
+  addLine: function(type, line, colourClass) {
     var e = new Element("div");
 
-    if(colour) {
-      e.setStyles({"background": colour});
+    if(colourClass) {
+      e.addClass(colourClass);
     } else if(this.lastcolour) {
       e.addClass("linestyle1");
     } else {
@@ -458,10 +550,10 @@ qwebirc.ui.QUI.Window = new Class({
     }
     this.lastcolour = !this.lastcolour;
 
-    this.parent(type, line, colour, e);
+    this.parent(type, line, colourClass, e);
   },
   setHilighted: function(state) {
-    laststate = this.hilighted;
+    var laststate = this.hilighted;
     
     this.parent(state);