var width = $(selectorObj).up(2).clientWidth; //width of parent window
var leftOffSet = Math.abs(parseInt($(selectorObj).up(1).offsetLeft)); //offset
return (width + leftOffSet);
};
actionModel.getSubMenuTop = function(selectorObj){
return Math.abs(parseInt($(selectorObj).offsetTop)); //offset
};
/**
* Used to position the submenu with respect to its parent.
* @param parent
*/
actionModel.showChildSubmenu = function(parent){
var pid = parent.parentNode.parentNode.parentNode.id;
/*
* Hides submenus previously open
*/
var i;
var j;
var f = false;
for(i=0;i
div.content>ul').children('li.node').each(function(){
actionModel.hideChildSubmenu(jQuery(this).get(0));
})
}
if(f) {
jQuery('#'+actionModel.openedSubMenus[i]+'>div.content>ul').children('li.node').each(function(){
actionModel.hideChildSubmenu(jQuery(this).get(0));
})
}
}
actionModel.openedSubMenus.splice(j,actionModel.openedSubMenus.length-j);
var submenuTop = null;
var submenuHeight = null;
var submenuWidth = null;
var bottomPadding = 20; //hack to prevent bug20863
var submenu = parent.childElements()[1];
//applying style for flyout submenu....
submenu.setStyle({display: actionModel.DISPLAY_STYLE});
submenu.setStyle({position:'absolute'});
var leftValue = actionModel.getSubMenuLeft(parent);
var topValue = 0;
// var topValue = actionModel.getSubMenuTop(parent) + "px";
//set top left to the mouse click
submenu.setStyle({
'left': leftValue + "px",
'top' : topValue + "px"
});
if(isIE()) {
jQuery(submenu).prepend('');
}
actionModel.makeMenuVisible(submenu);
isIE7() && setWidthStyleByReflection(submenu, '.content');
submenuTop = $(submenu).cumulativeOffset()[1];
submenuHeight = $(submenu).getHeight();
//hack to prevent bug20863 (Due to Tim's markup change)
var windowHeight = getWindowHeight();
var submenuBottom = submenuTop + submenuHeight;
if(windowHeight < submenuBottom){
topValue = (windowHeight - submenuBottom - bottomPadding);
submenu.setStyle({
'top' : topValue + "px"
});
}
var submenuLeftOffset = submenu.cumulativeOffset()[0];
submenuWidth = submenu.getWidth();
if(getWindowWidth() < (submenuLeftOffset + submenuWidth)){
submenu.setStyle({
'left' : "-" + submenuWidth + "px"
});
}
actionModel.openedSubMenus.push(pid);
};
/**
* Used to hide submenu
* @param parent
*/
actionModel.hideChildSubmenu = function(parent){
var submenu = parent.childElements()[1];
submenu.setStyle({display: "none"});
submenu.setStyle({position:'absolute'});
submenu.setStyle({left: 0});
actionModel.makeMenuInVisible($(submenu));
};
/**
* Used to change the css display value to make it visible.
* @param menu object we changing the display style for.
*/
actionModel.makeMenuVisible = function(menu){
//test to see if we have any items to show
var list = menu.down("ul");
if(list.childElements().length > 0){
menu.setStyle({zIndex: actionModel.HIGH_Z_INDEX});
$(menu).removeClassName("hidden");
}
};
/**
* Used to change the css display value to make it invisible
* @param menu object we changing the display style for.
*/
actionModel.makeMenuInVisible = function(menu){
menu.addClassName("hidden");
};
/**
* Used to build a the logical structure for a flyout menu
* @param thisAction
* @param parentId
* @param event
*/
actionModel.buildSubMenu = function(thisAction, parentId, event){
thisAction.children.each(function(childAction){
actionModel.appendToMenu(childAction, event, $(parentId));
});
};
actionModel.isMenuShowing = function(){
return !($("menu").getStyle("display") == "none" || $('menu').hasClassName("hidden"));
};
/**
* Helper method to update row object
* @param domObject
* @param actionText
*/
actionModel.updateRowDom = function(domObject, actionText){
if(domObject){
domObject.innerHTML = actionText;
var domObjectId = domObject.readAttribute("id") + getRandomId();
domObject.writeAttribute("id", domObjectId);
}
return domObject;
};
/**
* Used to launch new menu (E.g. Calculated fields.)
*/
actionModel.launchNewMenu = function(){
actionModel.hideMenu();
alert("action not implemented...");
};
/**
* Helper to insert row in to menu
* @param container
* @param newMenuRow
* @param isSeparator
* @param isDisabled
* @param userId
*/
actionModel.insertMenuRow = function(container, newMenuRow, isSeparator, isDisabled, userId, className) {
//check to see if item has a id, if not set one..
if(newMenuRow.readAttribute("id") == null){
if (userId) {
newMenuRow.setAttribute('id',userId);
} else {
newMenuRow.identify(); //sets unique id
}
}
if (isDisabled) {
actionModel.disableMenuOption(newMenuRow);
}
if(className){
newMenuRow.addClassName(className);
}
container.appendChild(newMenuRow);
actionModel.lastItemWasSeparator = isSeparator;
actionModel.noItemsYet = false;
};
actionModel.disableMenuOption = function(menuOption){
buttonManager.disable(menuOption);
_.isEmpty(menuOption.childNodes) && buttonManager.disable(menuOption.childNodes[0]);
};
/**
* Checking success of test.
* @param action
*/
actionModel.passesClientTest = function(action) {
var clientTestFunction;
var result = true; //default to true because if there are no tests, we passed by default!
//passes explicit test?
if (action.clientTest) {
clientTestFunction = action.clientTest;
var testForNegative = false;
if (clientTestFunction.startsWith("!")) {
//negative test
clientTestFunction = action.clientTest.sub("!","");
testForNegative = true;
}
result = evaluateTest(clientTestFunction, action.clientTestArgs, action.text, action.id, testForNegative, null);
}
//number of selections ok?
if ((typeof(window['selObjects']) != "undefined" )) {
if (result && action.selectionConstraint) {
result = action.selectionConstraint == actionModel.SINGLE_SELECT_CONSTRAINT ? selObjects.length == 1 : selObjects.length > 1;
}
}
return result;
};
/**
* If last row is a separator, remove it
*/
actionModel.removeTrailingSeparator = function(){
var lastRow = actionModel.menuListDom.lastChild;
if ($(lastRow) && !actionModel.noItemsYet) {
var lastRowId = lastRow.identify();
var reg = new RegExp("\w*separator\w*");
if (reg.test(lastRowId)) {
lastRow.remove();
}
}
};
/**
* Only applies to certain menus (e.g. naviagtion menu has a parent mutton)
*/
actionModel.getMenuParent = function() {
return $(this.menuDom.parentId);
};
actionModel.getFirstMenuButton = function() {
return this.menuDom.down(layoutModule.BUTTON_PATTERN, 0);
};
actionModel.focusMenu = function() {
//will restore old focus when menu is closed
actionModel.lastFocused = document.activeElement;
!this.menuDom.hasClassName(layoutModule.HIDDEN_CLASS) && this.menuDom.focus();
if (!this.menuDom.match(actionModel.DROP_DOWN_MENU) && !isSupportsTouch()) {
var childItems = this.menuDom.select("li");
if (childItems[0]) {
var firstButton = childItems[0].down(layoutModule.BUTTON_PATTERN);
firstButton && buttonManager.over(firstButton);
}
}
};
/**
* Used to display fine positioned menu relative to the object
*
* @param event Initial event
* @param object Element that cause element to appear
* @param context actionModel context in which we show this menu. Used to find proper metadata
* @param cssClass Menu css class
* @param aModel action model
*/
actionModel.showDropDownMenu = function(event, object, context, cssClass, aModel){
object = jQuery(object);
var offsets = object.offset(),
coordinates = {
"menuLeft":offsets.left,
"menuTop":offsets.top + object.height() - 1
};
actionModel.showDynamicMenu(context, event, cssClass, coordinates, aModel);
};
////////////////////////////////////////////////////////////
// General section for menu events
////////////////////////////////////////////////////////////
/**
* Register event handlers to menu objects
*/
actionModel.setMenuEventHandlers = function(menu){
menu.select("li").each(function(object){
/*
* Special mouse-enter and mouse-leave events for fly-outs
*/
if ((!object.hasClassName("disabled"))) {
if (object.hasClassName("node")) {
if (isSupportsTouch()) {
Event.observe(object, 'touchstart', function(event) {
if (!event.firstCall) {
actionModel.showChildSubmenu(object);
}
event.firstCall = true;
});
/*
Event.observe(object, 'touchend', function(event) {
var child = object.down();
buttonManager.up(child);
buttonManager.out(child);
event.stop();
});
*/
} else {
Event.observe(object, 'mouseenter', function(event) {
actionModel.showChildSubmenu(object);
});
Event.observe(object, 'mouseleave', function(event) {
actionModel.hideChildSubmenu(object);
});
}
}
}
});
};
actionModel.initializeOneTimeMenuHandlers = function() {
/**
* generic mouseenter for menu - to initialize for mouse use
*/
$('menu').observe('mouseenter', function(event) {
var selected = this.select("." + layoutModule.HOVERED_CLASS)[0];
selected && buttonManager.out(selected);
}.bind($('menu')))
};
/**
* Public method used to hide a menu.
*/
actionModel.hideMenu = function(){
if (actionModel.isMenuShowing()) {
var setNextFocus = function(){
var nextFocus = actionModel.lastFocused;
try {
nextFocus && nextFocus.focus();
} catch(ex) {
//IE gets bothered if you try to focus something that it can't
}
};
!isSupportsTouch() && setTimeout(setNextFocus, 0); //timeout so that any current key action misses this focus
actionModel.makeMenuInVisible($("menu"));
jQuery('body').off('mouseout', actionModel.closeHandler);
}
};
/**
* Utility method which helps to create menu element
* @param type type of menu element, one of ["simpleAction", "selectAction", "optionAction"]
* this is the only mandatory parameter to create manu item.
* @param options - object with optional arguments.
* Possible object structure is:
* {
* text: test,
* clientTest: clientTest,
* clientTestArgs: clientTestArgs,
* action: action,
* actionArgs: actionArgs,
* children: children,
* isSelectedTest: isSelectedTest,
* isSelectedTestArgs: isSelectedTestArgs,
* selectionConstraint: selectionConstraint,
* className: className
* }
*/
actionModel.createMenuElement = function(type, options){
if (!type) {
throw new Error("Can not construct actionModel object: type can not be empty");
}
return Object.extend({type: type}, options);
};
////////////////////////////////////////////////////////////
// function utils
////////////////////////////////////////////////////////////
function replaceNbsps(str) {
var re = new RegExp(" ", "g");
return str.replace(re, " ");
}
function fireMenuAction(myFunction, when, event) {
if(isIPad() && actionModel && actionModel.isMenuShowing()){
actionModel.hideMenu();
}
myFunction = getAsFunction(myFunction);
if(when)
myFunction();
if(actionModel && actionModel.isMenuShowing()){
actionModel.hideMenu();
}
}
function fireMenuActionWithEvent(args, myFunction, when, event) {
var belongsToLocalContext = localContext && localContext[myFunction];
myFunction = getAsFunction(myFunction);
if (when) {
if (args && isArray(args)) {
myFunction.apply(belongsToLocalContext ? localContext : null, args);
} else {
myFunction.call(belongsToLocalContext ? localContext : null, args);
}
}
if(actionModel && actionModel.isMenuShowing()){
actionModel.hideMenu();
}
}
function getMenuMouseupFunction(actionFunction, argsToInvokeWith, label, id, event) {
if (!actionFunction) {
return null;
}
if (!argsToInvokeWith) {
return function(){
fireMenuAction(actionFunction, true, event);
}
} else {
var args = resolveReservedStringsInArray(argsToInvokeWith, label, id, event);
return function(){
fireMenuActionWithEvent(args, actionFunction, true, event);
}
}
}
function evaluateTest(thisFunctionName, functionArgs, label, id, testForNegative, defaultResult) {
var result = (defaultResult!=null) ? defaultResult : true; //if no default assume true;
var theFunction = getAsFunction(thisFunctionName);
if (theFunction) {
result = theFunction.apply(this,resolveReservedStringsInArray(functionArgs, label, id, null));
if (testForNegative) {
result = !result;
}
}
return result;
}
function resolveReservedStringsInArray(oldArray, label, id, ev) {
if (!oldArray) {
return [];
}
return oldArray.collect(function(thisString) {return resolveReservedStrings(thisString, label, id, ev)});
}
function resolveReservedStrings(thisString, label, id, ev) {
var directMapping = actionModel.reservedVarMap[thisString];
if (directMapping) {
return directMapping;
}
if (thisString==actionModel.RES_LABEL) {
return label;
}
if (thisString==actionModel.RES_ID) {
return id;
}
if (thisString==actionModel.EVENT) {
return ev;
}
return thisString;
}
/**
* Get a random number.
* May need to move this to common utils
*/
function getRandomId(){
var rand = Math.round(Math.random(10) * 50);
return "_" + rand;
}