Support for popup menus flipping upside instead downside

Author: bentolor

projects/jar/src/app/java/echopointng/Menu.java

@@ -89,6 +89,8 @@ public class Menu extends MenuItem {
 
 	public static final String PROPERTY_HORIZONTAL = "horizontal";
 
+    public static final String PROPERTY_FLIP = "flip";
+
 	public static final String PROPERTY_KEEP_ALIVE = "keepAlive";
 
 	public static final String PROPERTY_LEFT_OFFSET = "leftOffset";
@@ -151,6 +153,7 @@ public class Menu extends MenuItem {
 
 		style.setProperty(PROPERTY_TEXT_ALIGNMENT, new Alignment(Alignment.CENTER, Alignment.CENTER));
 		style.setProperty(PROPERTY_HORIZONTAL, false);
+        style.setProperty(PROPERTY_FLIP, false);
 		style.setProperty(PROPERTY_STYLE_CHILDREN, true);
 
 		DEFAULT_STYLE = style;
@@ -396,6 +399,13 @@ public boolean isHorizontal() {
 		return ComponentEx.getProperty(this, PROPERTY_HORIZONTAL, false);
 	}
 
+    /**
+     * @return true if the Menu is flipped over
+     */
+    public boolean isFlipped() {
+        return ComponentEx.getProperty(this, PROPERTY_FLIP, false);
+    }
+
 	/**
 	 * @return true if drop down menu boxes will stay alive (ie visible) when
 	 *         the mouse moves out of them
@@ -458,6 +468,13 @@ public void setHorizontal(boolean newValue) {
 		ComponentEx.setProperty(this, PROPERTY_HORIZONTAL, newValue);
 	}
 
+    /**
+     * Sets the whether the <code>Menu</code> is flipped over
+     */
+    public void setFlipped(boolean newValue) {
+        ComponentEx.setProperty(this, PROPERTY_FLIP, newValue);
+    }
+
 	/**
 	 * Set to true if drop down menu boxes will stay alive (ie visible) when the
 	 * mouse moves out of them

projects/jar/src/app/java/echopointng/MenuBar.java

@@ -60,6 +60,7 @@ public class MenuBar extends Menu implements Positionable {
 	static {
 		MutableStyleEx style = new MutableStyleEx(Menu.DEFAULT_STYLE);
 		style.setProperty(PROPERTY_HORIZONTAL, true);
+        style.setProperty(PROPERTY_FLIP, false);
 
 		//style.setProperty(PROPERTY_BACKGROUND,ColorKit.makeColor("#D4D0C8"));
 

projects/jar/src/ui/java/echopointng/ui/resource/js/menu.js

@@ -147,6 +147,7 @@ EPMI.MessageProcessor.processInit = function(initMessageElement) {
 
         	mi.isRootMenu = item.getAttribute("isRootMenu") === "true";
         	mi.horizontal = item.getAttribute("horizontal")==="true";
+            mi.flip = item.getAttribute("flip")==="true";
         	mi.keepAlive = item.getAttribute("keepAlive")==="true";
         	mi.clickToOpen = item.getAttribute("clickToOpen")==="true";
         	mi.submenuClickToOpen = item.getAttribute("submenuClickToOpen")==="true";
@@ -568,10 +569,10 @@ EPMI.prototype.showBoxImpl = function() {
 	if (this.parent && this.parent.eBox && ! horizontal) { 
 		itemWidth = EP.getWidth(this.parent.eBox);
 	}
-	
+
 	var x = targetX + this.leftOffset;
 	// if the Menu is vertical and not the root Menu, then adjust by the width
-	if (! horizontal && this.getLevel() > 0) {
+	if (!horizontal && this.getLevel() > 0) {
 		x += itemWidth;
 	}
 	// if too wide then try to align to left of item
@@ -583,11 +584,11 @@ EPMI.prototype.showBoxImpl = function() {
 		}
 	}
 
-	var y = targetY + this.topOffset;
+	var y = this.flip ? targetY - this.topOffset : targetY + this.topOffset;
 	// if the menu is horizontal or a top level one then
 	// adjust by the height
 	if (horizontal || this.getLevel() === 0) {
-		y += itemHeight;
+		y = this.flip ? y - boxHeight : y + itemHeight;
 	}
 
 	EP.debug("x = " + x + " y=" + y + " targetX=" + targetX + " targetY="+targetY);

projects/jar/src/ui/java/echopointng/ui/syncpeer/MenuItemPeer.java

@@ -420,6 +420,7 @@ protected void createMenuItemInitDirective(RenderingContext rc, Component compon
 			itemElement.setAttribute("leftOffset", String.valueOf(rc.getRP(Menu.PROPERTY_LEFT_OFFSET, fallbackStyle)));
 			itemElement.setAttribute("topOffset", String.valueOf(rc.getRP(Menu.PROPERTY_TOP_OFFSET, fallbackStyle)));
 			itemElement.setAttribute("horizontal", String.valueOf(rc.getRP(Menu.PROPERTY_HORIZONTAL, fallbackStyle)));
+            itemElement.setAttribute("flip", String.valueOf(rc.getRP(Menu.PROPERTY_FLIP, fallbackStyle)));
 			itemElement.setAttribute("keepAlive", String.valueOf(rc.getRP(Menu.PROPERTY_KEEP_ALIVE, fallbackStyle)));
 			itemElement.setAttribute("submenuImageBordered", String.valueOf(rc.getRP(Menu.PROPERTY_SUBMENU_IMAGE_BORDERED, fallbackStyle)));
 			itemElement.setAttribute("clickToOpen", String.valueOf(clickToOpen));

readme.txt

@@ -3,6 +3,9 @@
 EchoPointNG Read Me
 ====================================================
 
+------ Version 2.2.2  --------------
+Support for popup menus flipping upside instead downside
+
 ------ Version 2.2.1-a6d923b2d  --------------
 Fix minor memory leak with images.
 Bugfix: Selection clear removed content.