summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/toolbar/MenuButton.js
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/toolbar/MenuButton.js')
-rw-r--r--webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/toolbar/MenuButton.js258
1 files changed, 258 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/toolbar/MenuButton.js b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/toolbar/MenuButton.js
new file mode 100644
index 0000000000..a06c26fdc1
--- /dev/null
+++ b/webapps/qooxdoo-0.6.3-sdk/frontend/framework/source/class/qx/ui/toolbar/MenuButton.js
@@ -0,0 +1,258 @@
+/* ************************************************************************
+
+ qooxdoo - the new era of web development
+
+ http://qooxdoo.org
+
+ Copyright:
+ 2004-2006 by 1&1 Internet AG, Germany, http://www.1and1.org
+
+ License:
+ LGPL 2.1: http://www.gnu.org/licenses/lgpl.html
+
+ Authors:
+ * Sebastian Werner (wpbasti)
+ * Andreas Ecker (ecker)
+
+************************************************************************ */
+
+/* ************************************************************************
+
+#module(ui_toolbar)
+#module(ui_menu)
+
+************************************************************************ */
+
+qx.OO.defineClass("qx.ui.toolbar.MenuButton", qx.ui.toolbar.Button,
+function(vText, vMenu, vIcon, vIconWidth, vIconHeight, vFlash)
+{
+ qx.ui.toolbar.Button.call(this, vText, vIcon, vIconWidth, vIconHeight, vFlash);
+
+ if (qx.util.Validation.isValidObject(vMenu)) {
+ this.setMenu(vMenu);
+ }
+
+ /*
+ this._menuButton = new qx.ui.basic.Image("widget/arrows/down_small.gif");
+ this._menuButton.setAnonymous(true);
+ this.addAtEnd(this._menuButton);
+ */
+});
+
+
+
+
+/*
+---------------------------------------------------------------------------
+ PROPERTIES
+---------------------------------------------------------------------------
+*/
+
+qx.OO.addProperty({ name : "menu", type : "object", instance : "qx.ui.menu.Menu" });
+qx.OO.addProperty({ name : "direction", type : "string", allowNull : false, possibleValues : [ "up", "down" ], defaultValue : "down" });
+
+
+
+
+/*
+---------------------------------------------------------------------------
+ UTILITIES
+---------------------------------------------------------------------------
+*/
+
+qx.Proto.getParentToolBar = function()
+{
+ var vParent = this.getParent();
+
+ if (vParent instanceof qx.ui.toolbar.Part) {
+ vParent = vParent.getParent();
+ }
+
+ return vParent instanceof qx.ui.toolbar.ToolBar ? vParent : null;
+}
+
+qx.Proto._showMenu = function(vFromKeyEvent)
+{
+ var vMenu = this.getMenu();
+
+ if (vMenu)
+ {
+ // Caching common stuff
+ var vMenuParent = vMenu.getParent();
+ var vMenuParentElement = vMenuParent.getElement();
+ var vButtonElement = this.getElement();
+ var vButtonHeight = qx.dom.Dimension.getBoxHeight(vButtonElement);
+
+ // Apply X-Location
+ var vMenuParentLeft = qx.dom.Location.getPageBoxLeft(vMenuParentElement);
+ var vButtonLeft = qx.dom.Location.getPageBoxLeft(vButtonElement);
+
+ vMenu.setLeft(vButtonLeft - vMenuParentLeft);
+
+ // Apply Y-Location
+ switch(this.getDirection())
+ {
+ case "up":
+ var vBodyHeight = qx.dom.Dimension.getInnerHeight(document.body);
+ var vMenuParentBottom = qx.dom.Location.getPageBoxBottom(vMenuParentElement);
+ var vButtonBottom = qx.dom.Location.getPageBoxBottom(vButtonElement);
+
+ vMenu.setBottom(vButtonHeight + (vBodyHeight - vButtonBottom) - (vBodyHeight - vMenuParentBottom));
+ vMenu.setTop(null);
+ break;
+
+ case "down":
+ var vButtonTop = qx.dom.Location.getPageBoxTop(vButtonElement);
+
+ vMenu.setTop(vButtonTop + vButtonHeight);
+ vMenu.setBottom(null);
+ break;
+ }
+
+ this.addState("pressed");
+
+ // If this show is called from a key event occured, we want to highlight
+ // the first menubutton inside.
+ if (vFromKeyEvent) {
+ vMenu.setHoverItem(vMenu.getFirstActiveChild());
+ }
+
+ vMenu.show();
+ }
+}
+
+qx.Proto._hideMenu = function()
+{
+ var vMenu = this.getMenu();
+
+ if (vMenu) {
+ vMenu.hide();
+ }
+}
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+ MODIFIERS
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._modifyMenu = function(propValue, propOldValue, propData)
+{
+ if (propOldValue)
+ {
+ propOldValue.setOpener(null);
+
+ propOldValue.removeEventListener("appear", this._onmenuappear, this);
+ propOldValue.removeEventListener("disappear", this._onmenudisappear, this);
+ }
+
+ if (propValue)
+ {
+ propValue.setOpener(this);
+
+ propValue.addEventListener("appear", this._onmenuappear, this);
+ propValue.addEventListener("disappear", this._onmenudisappear, this);
+ }
+
+ return true;
+}
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+ EVENTS: MOUSE
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onmousedown = function(e)
+{
+ if (e.getTarget() != this || !e.isLeftButtonPressed()) {
+ return;
+ }
+
+ this.hasState("pressed") ? this._hideMenu() : this._showMenu();
+}
+
+qx.Proto._onmouseup = function(e) {}
+
+qx.Proto._onmouseout = function(e)
+{
+ if (e.getTarget() != this) {
+ return;
+ }
+
+ this.removeState("over");
+}
+
+qx.Proto._onmouseover = function(e)
+{
+ var vToolBar = this.getParentToolBar();
+
+ if (vToolBar)
+ {
+ var vMenu = this.getMenu();
+
+ switch(vToolBar.getOpenMenu())
+ {
+ case null:
+ case vMenu:
+ break;
+
+ default:
+ // hide other menus
+ qx.manager.object.MenuManager.getInstance().update();
+
+ // show this menu
+ this._showMenu();
+ }
+ }
+
+ return qx.ui.toolbar.Button.prototype._onmouseover.call(this, e);
+}
+
+
+
+
+
+
+/*
+---------------------------------------------------------------------------
+ EVENTS: MENU
+---------------------------------------------------------------------------
+*/
+
+qx.Proto._onmenuappear = function(e)
+{
+ var vToolBar = this.getParentToolBar();
+
+ if (!vToolBar) {
+ return;
+ }
+
+ var vMenu = this.getMenu();
+
+ vToolBar.setOpenMenu(vMenu);
+}
+
+qx.Proto._onmenudisappear = function(e)
+{
+ var vToolBar = this.getParentToolBar();
+
+ if (!vToolBar) {
+ return;
+ }
+
+ var vMenu = this.getMenu();
+
+ if (vToolBar.getOpenMenu() == vMenu) {
+ vToolBar.setOpenMenu(null);
+ }
+}