|
|
|
|
// ******* Features MANAGER ******** //
|
|
|
|
|
|
|
|
|
|
$axure.internal(function($ax) {
|
|
|
|
|
var _features = $ax.features = {};
|
|
|
|
|
var _supports = _features.supports = {};
|
|
|
|
|
_supports.touchstart = typeof window.ontouchstart !== 'undefined';
|
|
|
|
|
_supports.touchmove = typeof window.ontouchmove !== 'undefined';
|
|
|
|
|
_supports.touchend = typeof window.ontouchend !== 'undefined';
|
|
|
|
|
|
|
|
|
|
_supports.mobile = _supports.touchstart && _supports.touchend && _supports.touchmove;
|
|
|
|
|
// Got this from http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser
|
|
|
|
|
var check = navigator.userAgent.match(/Android/i)
|
|
|
|
|
|| navigator.userAgent.match(/webOS/i)
|
|
|
|
|
|| navigator.userAgent.match(/iPhone/i)
|
|
|
|
|
|| navigator.userAgent.match(/iPad/i)
|
|
|
|
|
|| navigator.userAgent.match(/iPod/i)
|
|
|
|
|
|| navigator.userAgent.match(/BlackBerry/i)
|
|
|
|
|
|| navigator.userAgent.match(/Tablet PC/i)
|
|
|
|
|
|| navigator.userAgent.match(/Windows Phone/i);
|
|
|
|
|
|
|
|
|
|
_supports.windowsMobile = navigator.userAgent.match(/Tablet PC/i) || navigator.userAgent.match(/Windows Phone/i);
|
|
|
|
|
|
|
|
|
|
if(!check && _supports.mobile) {
|
|
|
|
|
_supports.touchstart = false;
|
|
|
|
|
_supports.touchmove = false;
|
|
|
|
|
_supports.touchend = false;
|
|
|
|
|
_supports.mobile = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var _eventNames = _features.eventNames = {};
|
|
|
|
|
_eventNames.mouseDownName = _supports.touchstart ? 'touchstart' : 'mousedown';
|
|
|
|
|
_eventNames.mouseUpName = _supports.touchend ? 'touchend' : 'mouseup';
|
|
|
|
|
_eventNames.mouseMoveName = _supports.touchmove ? 'touchmove' : 'mousemove';
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// ******* EVENT MANAGER ******** //
|
|
|
|
|
$axure.internal(function($ax) {
|
|
|
|
|
var _objectIdToEventHandlers = {};
|
|
|
|
|
|
|
|
|
|
var _jBrowserEvent = undefined;
|
|
|
|
|
$ax.setjBrowserEvent = function(event) {
|
|
|
|
|
_jBrowserEvent = event;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$ax.getjBrowserEvent = function() {
|
|
|
|
|
return _jBrowserEvent;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _event = {};
|
|
|
|
|
$ax.event = _event;
|
|
|
|
|
|
|
|
|
|
//initilize state
|
|
|
|
|
_event.mouseOverObjectId = '';
|
|
|
|
|
_event.mouseDownObjectId = '';
|
|
|
|
|
_event.mouseOverIds = [];
|
|
|
|
|
|
|
|
|
|
var EVENT_NAMES = ['mouseenter', 'mouseleave', 'contextmenu', 'change', 'focus', 'blur'];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Tap, double tap, and touch move, or synthetic.
|
|
|
|
|
if(!$ax.features.supports.mobile) {
|
|
|
|
|
EVENT_NAMES[EVENT_NAMES.length] = 'click';
|
|
|
|
|
EVENT_NAMES[EVENT_NAMES.length] = 'dblclick';
|
|
|
|
|
EVENT_NAMES[EVENT_NAMES.length] = 'mousemove';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// add the event names for the touch events
|
|
|
|
|
EVENT_NAMES[EVENT_NAMES.length] = $ax.features.eventNames.mouseDownName;
|
|
|
|
|
EVENT_NAMES[EVENT_NAMES.length] = $ax.features.eventNames.mouseUpName;
|
|
|
|
|
|
|
|
|
|
for(var i = 0; i < EVENT_NAMES.length; i++) {
|
|
|
|
|
var eventName = EVENT_NAMES[i];
|
|
|
|
|
//we need the function here to circumvent closure modifying eventName
|
|
|
|
|
_event[eventName] = (function(event_Name) {
|
|
|
|
|
return function(elementId, fn) {
|
|
|
|
|
var elementIdQuery = $jobj(elementId);
|
|
|
|
|
var type = $ax.getTypeFromElementId(elementId);
|
|
|
|
|
|
|
|
|
|
//we need specially track link events so we can enable and disable them along with
|
|
|
|
|
//their parent widgets
|
|
|
|
|
if(elementIdQuery.is('a')) _attachCustomObjectEvent(elementId, event_Name, fn);
|
|
|
|
|
//see notes below
|
|
|
|
|
else if($ax.IsTreeNodeObject(type)) _attachTreeNodeEvent(elementId, event_Name, fn);
|
|
|
|
|
else if ($ax.IsImageFocusable(type) && (event_Name == 'focus' || event_Name == 'blur')) {
|
|
|
|
|
var suitableChild;
|
|
|
|
|
var imgChild = $ax.repeater.applySuffixToElementId(elementId, '_img');
|
|
|
|
|
var divChild = $ax.repeater.applySuffixToElementId(elementId, '_div');
|
|
|
|
|
|
|
|
|
|
for (var j = 0; j < elementIdQuery[0].children.length; j++) {
|
|
|
|
|
if (elementIdQuery[0].children[j].id == imgChild) suitableChild = imgChild;
|
|
|
|
|
if (!suitableChild && elementIdQuery[0].children[j].id == divChild) suitableChild = divChild;
|
|
|
|
|
}
|
|
|
|
|
if(!suitableChild) suitableChild = imgChild;
|
|
|
|
|
_attachDefaultObjectEvent($jobj(suitableChild), elementId, event_Name, fn);
|
|
|
|
|
} else {
|
|
|
|
|
var inputId = $ax.INPUT(elementId);
|
|
|
|
|
var isInput = $jobj(inputId).length != 0;
|
|
|
|
|
var id = isInput && (event_Name == 'focus' || event_Name == 'blur') ? inputId : elementId;
|
|
|
|
|
_attachDefaultObjectEvent($jobj(id), elementId, event_Name, fn);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
})(eventName);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var AXURE_TO_JQUERY_EVENT_NAMES = {
|
|
|
|
|
'onMouseOver': 'mouseenter',
|
|
|
|
|
'onMouseOut': 'mouseleave',
|
|
|
|
|
'onContextMenu': 'contextmenu',
|
|
|
|
|
'onChange': 'change',
|
|
|
|
|
'onFocus': 'focus',
|
|
|
|
|
'onLostFocus': 'blur'
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Tap, double tap, and touch move, or synthetic.
|
|
|
|
|
if(!$ax.features.supports.mobile) {
|
|
|
|
|
AXURE_TO_JQUERY_EVENT_NAMES.onClick = 'click';
|
|
|
|
|
AXURE_TO_JQUERY_EVENT_NAMES.onDoubleClick = 'dblclick';
|
|
|
|
|
AXURE_TO_JQUERY_EVENT_NAMES.onMouseMove = 'mousemove';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
AXURE_TO_JQUERY_EVENT_NAMES.onMouseDown = $ax.features.eventNames.mouseDownName;
|
|
|
|
|
AXURE_TO_JQUERY_EVENT_NAMES.onMouseUp = $ax.features.eventNames.mouseUpName;
|
|
|
|
|
|
|
|
|
|
var _attachEvents = function (diagramObject, elementId) {
|
|
|
|
|
|
|
|
|
|
var inputId = $ax.repeater.applySuffixToElementId(elementId, '_input');
|
|
|
|
|
var id = $jobj(inputId).length ? inputId : elementId;
|
|
|
|
|
|
|
|
|
|
for(var eventName in diagramObject.interactionMap) {
|
|
|
|
|
var jQueryEventName = AXURE_TO_JQUERY_EVENT_NAMES[eventName];
|
|
|
|
|
if(!jQueryEventName) continue;
|
|
|
|
|
|
|
|
|
|
_event[jQueryEventName](id,
|
|
|
|
|
//this is needed to escape closure
|
|
|
|
|
(function(axEventObject) {
|
|
|
|
|
return function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
// console.log(axEventObject.description);
|
|
|
|
|
var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
_handleEvent(elementId, eventInfo, axEventObject);
|
|
|
|
|
};
|
|
|
|
|
})(diagramObject.interactionMap[eventName])
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _descriptionToKey = { 'OnFocus': 'onFocus', 'OnLostFocus': 'onLostFocus' };
|
|
|
|
|
var _createProxies = function(diagramObject, elementId) {
|
|
|
|
|
var createFocus = _needsProxy(elementId, 'onFocus');
|
|
|
|
|
var createLostFocus = _needsProxy(elementId, 'onLostFocus');
|
|
|
|
|
|
|
|
|
|
if(!createFocus && !createLostFocus) return;
|
|
|
|
|
|
|
|
|
|
if(!diagramObject.interactionMap) diagramObject.interactionMap = {};
|
|
|
|
|
if(createFocus) diagramObject.interactionMap.onFocus = { proxy: true, description: 'OnFocus' };
|
|
|
|
|
if(createLostFocus) diagramObject.interactionMap.onLostFocus = { proxy: true, description: 'OnLostFocus' };
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var preventDefaultEvents = ['OnContextMenu', 'OnKeyUp', 'OnKeyDown'];
|
|
|
|
|
var allowBubble = ['OnFocus', 'OnResize', 'OnMouseOut', 'OnMouseOver'];
|
|
|
|
|
|
|
|
|
|
var _canClick = true;
|
|
|
|
|
var _startScroll = [];
|
|
|
|
|
var _setCanClick = function(canClick) {
|
|
|
|
|
_canClick = canClick;
|
|
|
|
|
if(_canClick) _startScroll = [$(window).scrollLeft(), $(window).scrollTop()];
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _getCanClick = function() {
|
|
|
|
|
if(!$ax.features.supports.mobile) return true;
|
|
|
|
|
var endScroll = [$(window).scrollLeft(), $(window).scrollTop()];
|
|
|
|
|
return _canClick && _startScroll[0] == endScroll[0] && _startScroll[1] == endScroll[1];
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
//var _notAllowedInvisible = function (type) {
|
|
|
|
|
// $ax.getTypeFromElementId(elementId);
|
|
|
|
|
|
|
|
|
|
// return !$ax.public.fn.IsReferenceDiagramObject(type) && !$ax.public.fn.IsLayer(type);
|
|
|
|
|
//}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _notAllowedInvisible = function (id) {
|
|
|
|
|
var type = $ax.getTypeFromElementId(id);
|
|
|
|
|
if ($ax.public.fn.IsReferenceDiagramObject(type) || $ax.public.fn.IsLayer(type)) return false;
|
|
|
|
|
return !($ax.public.fn.IsVector(type) && _hasCompoundImage(id));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var _hasCompoundImage = function (id) {
|
|
|
|
|
var query = $jobj(id);
|
|
|
|
|
return $ax.public.fn.isCompoundVectorHtml(query[0]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var eventNesting = 0;
|
|
|
|
|
var eventNestingTime = new Date().getTime();
|
|
|
|
|
|
|
|
|
|
var _handleEvent = $ax.event.handleEvent = function(elementId, eventInfo, axEventObject, skipShowDescriptions, synthetic) {
|
|
|
|
|
if(axEventObject.proxy) {
|
|
|
|
|
var firingId = _widgetToFocusParent[elementId];
|
|
|
|
|
if(firingId) {
|
|
|
|
|
var firingObj = $obj(firingId);
|
|
|
|
|
var nextEventObj = firingObj.interactionMap && firingObj.interactionMap[_descriptionToKey[axEventObject.description]];
|
|
|
|
|
if(!nextEventObj) nextEventObj = axEventObject;
|
|
|
|
|
_handleEvent(firingId, eventInfo, nextEventObj, skipShowDescriptions, synthetic);
|
|
|
|
|
}
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// var x = JSON.stringify(eventInfo);
|
|
|
|
|
// var y = JSON.stringify(axEventObject);
|
|
|
|
|
|
|
|
|
|
var fireTime = new Date().getTime();
|
|
|
|
|
|
|
|
|
|
if(fireTime - eventNestingTime > 100) {
|
|
|
|
|
eventNestingTime = fireTime;
|
|
|
|
|
eventNesting = 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(eventNesting === 0) {
|
|
|
|
|
$ax.recording.maybeRecordEvent(elementId, eventInfo, axEventObject, fireTime);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
eventNesting += 1;
|
|
|
|
|
|
|
|
|
|
var eventDescription = axEventObject.description;
|
|
|
|
|
if(!_getCanClick() && (eventDescription == 'OnClick' || eventDescription == 'OnPageClick')) return;
|
|
|
|
|
// If you are supposed to suppress, do that right away.
|
|
|
|
|
if(suppressedEventStatus[eventDescription]) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var currentEvent = $ax.getjBrowserEvent();
|
|
|
|
|
if(!synthetic && currentEvent && currentEvent.originalEvent && currentEvent.originalEvent.handled && !eventInfo.isMasterEvent) return;
|
|
|
|
|
if(!synthetic && elementId && !$ax.style.getObjVisible(elementId) && _notAllowedInvisible(elementId)) return;
|
|
|
|
|
|
|
|
|
|
//if debug
|
|
|
|
|
var axObj = $obj(elementId);
|
|
|
|
|
var axObjLabel = axObj ? axObj.label : eventInfo.label;
|
|
|
|
|
var axObjType = axObj ? axObj.friendlyType : eventInfo.friendlyType;
|
|
|
|
|
if(!skipShowDescriptions || eventDescription == 'OnPageLoad') $ax.messageCenter.postMessage('axEvent', { 'label': axObjLabel, 'type': axObjType, 'event': axEventObject });
|
|
|
|
|
|
|
|
|
|
var bubble = true;
|
|
|
|
|
var showCaseDescriptions = !skipShowDescriptions && _shouldShowCaseDescriptions(axEventObject);
|
|
|
|
|
if(!showCaseDescriptions) {
|
|
|
|
|
//handle case descriptions
|
|
|
|
|
var caseGroups = [];
|
|
|
|
|
var currentCaseGroup = [];
|
|
|
|
|
caseGroups[0] = currentCaseGroup;
|
|
|
|
|
|
|
|
|
|
// Those refreshes not after a wait
|
|
|
|
|
var guaranteedRefreshes = {};
|
|
|
|
|
|
|
|
|
|
var caseGroupIndex = 0;
|
|
|
|
|
for(var i = 0; i < axEventObject.cases.length; i++) {
|
|
|
|
|
var currentCase = axEventObject.cases[i];
|
|
|
|
|
if(currentCase.isNewIfGroup && i != 0) {
|
|
|
|
|
caseGroupIndex++;
|
|
|
|
|
currentCaseGroup = [];
|
|
|
|
|
caseGroups[caseGroups.length] = currentCaseGroup;
|
|
|
|
|
// Joon: Isn't caseGroups.length always equal to caseGroupIndex?
|
|
|
|
|
}
|
|
|
|
|
currentCaseGroup[currentCaseGroup.length] = currentCase;
|
|
|
|
|
|
|
|
|
|
for(var j = 0; j < currentCase.actions.length; j++) {
|
|
|
|
|
var action = currentCase.actions[j];
|
|
|
|
|
if(action.action == 'wait') break;
|
|
|
|
|
if(action.action != 'refreshRepeater') continue;
|
|
|
|
|
for(var k = 0; k < action.repeatersToRefresh.length; k++) {
|
|
|
|
|
var id = $ax.getElementIdsFromPath(action.repeatersToRefresh[k], eventInfo)[0];
|
|
|
|
|
if(id) guaranteedRefreshes[id] = caseGroupIndex;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for(var i = 0; i < caseGroups.length; i++) {
|
|
|
|
|
var groupRefreshes = [];
|
|
|
|
|
for(var key in guaranteedRefreshes) {
|
|
|
|
|
if(guaranteedRefreshes[key] == i) groupRefreshes[groupRefreshes.length] = key;
|
|
|
|
|
}
|
|
|
|
|
bubble = _handleCaseGroup(eventInfo, caseGroups[i], groupRefreshes) && bubble;
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
_showCaseDescriptions(elementId, eventInfo, axEventObject, synthetic);
|
|
|
|
|
bubble = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// If not handled, synthetically bubble if you can
|
|
|
|
|
if(bubble && _widgetToFocusParent[elementId]) {
|
|
|
|
|
firingId = _widgetToFocusParent[elementId];
|
|
|
|
|
if(firingId) {
|
|
|
|
|
firingObj = $obj(firingId);
|
|
|
|
|
nextEventObj = firingObj.interactionMap && firingObj.interactionMap[_descriptionToKey[axEventObject.description]];
|
|
|
|
|
if(!nextEventObj) nextEventObj = axEventObject;
|
|
|
|
|
_handleEvent(firingId, eventInfo, nextEventObj, skipShowDescriptions, synthetic);
|
|
|
|
|
}
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Only trigger a supression if it handled this event
|
|
|
|
|
if(!bubble && suppressingEvents[eventDescription]) {
|
|
|
|
|
suppressedEventStatus[suppressingEvents[eventDescription]] = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$ax.action.flushAllResizeMoveActions(eventInfo);
|
|
|
|
|
|
|
|
|
|
// This should not be needed anymore. All refreshes should be inserted, or handled earlier.
|
|
|
|
|
var repeaters = $ax.deepCopy($ax.action.repeatersToRefresh);
|
|
|
|
|
while($ax.action.repeatersToRefresh.length) $ax.action.repeatersToRefresh.pop();
|
|
|
|
|
for(i = 0; i < repeaters.length; i++) $ax.repeater.refreshRepeater(repeaters[i], eventInfo);
|
|
|
|
|
|
|
|
|
|
if(currentEvent && currentEvent.originalEvent) {
|
|
|
|
|
currentEvent.originalEvent.handled = !synthetic && !bubble && allowBubble.indexOf(eventDescription) == -1;
|
|
|
|
|
//currentEvent.originalEvent.donotdrag = currentEvent.donotdrag || (!bubble && eventDescription == 'OnMouseDown');
|
|
|
|
|
|
|
|
|
|
// Prevent default if necessary
|
|
|
|
|
if(currentEvent.originalEvent.handled && preventDefaultEvents.indexOf(eventDescription) != -1) {
|
|
|
|
|
currentEvent.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
eventNesting -= 1;
|
|
|
|
|
|
|
|
|
|
if(!showCaseDescriptions) $ax.messageCenter.postMessage('axEventComplete');
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _showCaseDescriptions = function(elementId, eventInfo, axEventObject, synthetic) {
|
|
|
|
|
|
|
|
|
|
if(axEventObject.cases.length == 0) return true;
|
|
|
|
|
|
|
|
|
|
var linksId = elementId + "linkBox";
|
|
|
|
|
$('#' + linksId).remove();
|
|
|
|
|
|
|
|
|
|
var $container = $("<div class='intcases' id='" + linksId + "'></div>");
|
|
|
|
|
|
|
|
|
|
if(!_isEventSimulating(axEventObject)) {
|
|
|
|
|
var copy = $ax.eventCopy(eventInfo);
|
|
|
|
|
for(var i = 0; i < axEventObject.cases.length; i++) {
|
|
|
|
|
var $link = $("<div class='intcaselink'>" + axEventObject.cases[i].description + "</div>");
|
|
|
|
|
$link.click(function(j) {
|
|
|
|
|
return function () {
|
|
|
|
|
var currentCase = axEventObject.cases[j];
|
|
|
|
|
$ax.messageCenter.postMessage('axCase', { 'description': currentCase.description });
|
|
|
|
|
for(var k = 0; k < currentCase.actions.length; k++) {
|
|
|
|
|
$ax.messageCenter.postMessage('axAction', { 'description': currentCase.actions[k].description });
|
|
|
|
|
}
|
|
|
|
|
$ax.messageCenter.postMessage('axEventComplete');
|
|
|
|
|
|
|
|
|
|
var bubble = $ax.action.dispatchAction(copy, axEventObject.cases[j].actions);
|
|
|
|
|
$('#' + linksId).remove();
|
|
|
|
|
return bubble;
|
|
|
|
|
};
|
|
|
|
|
} (i)
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
$container.append($link);
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
var fullDescription = axEventObject.description + ":<br>";
|
|
|
|
|
for(var i = 0; i < axEventObject.cases.length; i++) {
|
|
|
|
|
var currentCase = axEventObject.cases[i];
|
|
|
|
|
fullDescription += " " + currentCase.description.replace(/<br>/g, '<br> ') + ":<br>";
|
|
|
|
|
for(var j = 0; j < currentCase.actions.length; j++) {
|
|
|
|
|
fullDescription += " " + currentCase.actions[j].description.replace(/<br>/g, '<br> ') + "<br>";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
fullDescription = fullDescription.substring(0, fullDescription.length - 4);
|
|
|
|
|
|
|
|
|
|
var $link = $("<div class='intcaselink'>" + fullDescription + "</div>");
|
|
|
|
|
$link.click(function() {
|
|
|
|
|
_handleEvent(elementId, eventInfo, axEventObject, true, synthetic);
|
|
|
|
|
$ax.messageCenter.postMessage('axEventComplete');
|
|
|
|
|
$('#' + linksId).remove();
|
|
|
|
|
return;
|
|
|
|
|
});
|
|
|
|
|
$container.append($link);
|
|
|
|
|
}
|
|
|
|
|
$container.mouseleave(function(e) { $ax.legacy.SuppressBubble(e); });
|
|
|
|
|
$('body').append($container);
|
|
|
|
|
_showCaseLinks(eventInfo, linksId);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _showCaseLinks = function(eventInfo, linksId) {
|
|
|
|
|
var links = window.document.getElementById(linksId);
|
|
|
|
|
|
|
|
|
|
links.style.top = eventInfo.pageY;
|
|
|
|
|
|
|
|
|
|
var left = eventInfo.pageX;
|
|
|
|
|
links.style.left = left;
|
|
|
|
|
$ax.visibility.SetVisible(links, true);
|
|
|
|
|
$ax.legacy.BringToFront(linksId, true);
|
|
|
|
|
$ax.legacy.RefreshScreen();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _shouldShowCaseDescriptions = function(axEventObject) {
|
|
|
|
|
if($ax.document.configuration.linkStyle == "alwaysDisplayTargets") return true;
|
|
|
|
|
if($ax.document.configuration.linkStyle == "neverDisplayTargets") return false;
|
|
|
|
|
if(axEventObject.cases.length == 0) return false;
|
|
|
|
|
if(_isEventSimulating(axEventObject)) return false;
|
|
|
|
|
if(axEventObject.cases.length >= 2) return true;
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _isEventSimulating = function(axEventObject) {
|
|
|
|
|
for(var i = 0; i < axEventObject.cases.length; i++) {
|
|
|
|
|
if(axEventObject.cases[i].condition) return true;
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _handleCaseGroup = function(eventInfo, caseGroup, groupRefreshes) {
|
|
|
|
|
for(var i = 0; i < caseGroup.length; i++) {
|
|
|
|
|
var currentCase = caseGroup[i];
|
|
|
|
|
if(!currentCase.condition || _processCondition(currentCase.condition, eventInfo)) {
|
|
|
|
|
$ax.messageCenter.postMessage('axCase', { 'description': currentCase.description });
|
|
|
|
|
for(var j = 0; j < currentCase.actions.length; j++) {
|
|
|
|
|
if(currentCase.actions[j].action != 'refreshRepeater') $ax.messageCenter.postMessage('axAction', { 'description': currentCase.actions[j].description });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for(var j = 0; j < currentCase.actions.length; j++) {
|
|
|
|
|
var action = currentCase.actions[j];
|
|
|
|
|
if(action.action == 'wait') break;
|
|
|
|
|
if(action.action != 'refreshRepeater') continue;
|
|
|
|
|
for(var k = 0; k < action.repeatersToRefresh.length; k++) {
|
|
|
|
|
var id = $ax.getElementIdsFromPath(action.repeatersToRefresh[i], eventInfo)[i];
|
|
|
|
|
if(id) {
|
|
|
|
|
var index = groupRefreshes.indexOf(id);
|
|
|
|
|
if(index != -1) $ax.splice(groupRefreshes, index);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Any guaranteed refreshes that aren't accounted for must be run still.
|
|
|
|
|
$ax.action.tryRefreshRepeaters(groupRefreshes, eventInfo);
|
|
|
|
|
|
|
|
|
|
$ax.action.dispatchAction(eventInfo, currentCase.actions);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Any guaranteed refreshes that aren't accounted for must be run still.
|
|
|
|
|
$ax.action.tryRefreshRepeaters(groupRefreshes, eventInfo);
|
|
|
|
|
return true;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _processCondition = function(expr, eventInfo) {
|
|
|
|
|
return $ax.expr.evaluateExpr(expr, eventInfo);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _attachTreeNodeEvent = function(elementId, eventName, fn) {
|
|
|
|
|
//we need to set the cursor here because we want to make sure that every tree node has the default
|
|
|
|
|
//cursor set and then it's overridden if it has a click
|
|
|
|
|
if(eventName == 'click') window.document.getElementById(elementId).style.cursor = 'pointer';
|
|
|
|
|
|
|
|
|
|
_attachCustomObjectEvent(elementId, eventName, fn);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _attachDefaultObjectEvent = function(elementIdQuery, elementId, eventName, fn) {
|
|
|
|
|
var func = function() {
|
|
|
|
|
if(!$ax.style.IsWidgetDisabled(elementId)) return fn.apply(this, arguments);
|
|
|
|
|
return true;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var bind = !elementIdQuery[eventName];
|
|
|
|
|
if(bind) elementIdQuery.bind(eventName, func);
|
|
|
|
|
else elementIdQuery[eventName](func);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _attachCustomObjectEvent = function(elementId, eventName, fn) {
|
|
|
|
|
var handlers = _objectIdToEventHandlers[elementId];
|
|
|
|
|
if(!handlers) _objectIdToEventHandlers[elementId] = handlers = {};
|
|
|
|
|
|
|
|
|
|
var fnList = handlers[eventName];
|
|
|
|
|
if(!fnList) handlers[eventName] = fnList = [];
|
|
|
|
|
|
|
|
|
|
fnList[fnList.length] = fn;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _fireObjectEvent = function(elementId, event, originalArgs) {
|
|
|
|
|
var element = window.document.getElementById(elementId);
|
|
|
|
|
|
|
|
|
|
var handlerList = _objectIdToEventHandlers[elementId] && _objectIdToEventHandlers[elementId][event];
|
|
|
|
|
if(handlerList) {
|
|
|
|
|
for(var i = 0; i < handlerList.length; i++) handlerList[i].apply(element, originalArgs);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
eventNesting -= 1;
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _layerToFocusableWidget = {};
|
|
|
|
|
var _widgetToFocusParent = {};
|
|
|
|
|
_event.layerMapFocus = function(layer, elementId) {
|
|
|
|
|
var mainObj = layer.objs[0];
|
|
|
|
|
// If first child non existant return
|
|
|
|
|
if (!mainObj) return;
|
|
|
|
|
|
|
|
|
|
var mainId = $ax.getElementIdFromPath([mainObj.id], { relativeTo: elementId });
|
|
|
|
|
_widgetToFocusParent[mainId] = elementId;
|
|
|
|
|
|
|
|
|
|
// If first child is a layer, call recursively
|
|
|
|
|
if ($ax.public.fn.IsLayer(mainObj.type)) {
|
|
|
|
|
_event.layerMapFocus(mainObj, mainId);
|
|
|
|
|
var baseId = _layerToFocusableWidget[mainId];
|
|
|
|
|
if(baseId) _layerToFocusableWidget[elementId] = baseId;
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
_layerToFocusableWidget[elementId] = mainId;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var _needsProxy = function(id, proxyName) {
|
|
|
|
|
var obj = $obj(id);
|
|
|
|
|
// layers don't need on focus ever, proxies will handle them
|
|
|
|
|
if ($ax.public.fn.IsLayer(obj.type)) return false;
|
|
|
|
|
// If you already focus you don't need to force yourself to proxy.
|
|
|
|
|
if(obj.interactionMap && obj.interactionMap[proxyName]) return false;
|
|
|
|
|
|
|
|
|
|
var parentId = _widgetToFocusParent[id];
|
|
|
|
|
if(parentId) return _needsProxyHelper(parentId, proxyName);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var _needsProxyHelper = function(id, proxyName) {
|
|
|
|
|
var obj = $obj(id);
|
|
|
|
|
if(obj.interactionMap && obj.interactionMap[proxyName]) return true;
|
|
|
|
|
|
|
|
|
|
var parentId = _widgetToFocusParent[id];
|
|
|
|
|
if(parentId) return _needsProxyHelper(parentId, proxyName);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//for button shapes and images the img is focusable instead of the div to get better outlines
|
|
|
|
|
// For layers, we remember who their proxy is.
|
|
|
|
|
$ax.event.getFocusableWidgetOrChildId = function (elementId) {
|
|
|
|
|
var mappedId = _layerToFocusableWidget[elementId];
|
|
|
|
|
if (mappedId) elementId = mappedId;
|
|
|
|
|
|
|
|
|
|
var inputId = $ax.repeater.applySuffixToElementId(elementId, '_input');
|
|
|
|
|
var inputQuery = $jobj(inputId);
|
|
|
|
|
if(inputQuery.length > 0) return inputId;
|
|
|
|
|
|
|
|
|
|
var imgId = $ax.repeater.applySuffixToElementId(elementId, '_img');
|
|
|
|
|
var imgQuery = $jobj(imgId);
|
|
|
|
|
if (imgQuery.length > 0) return imgId;
|
|
|
|
|
|
|
|
|
|
var divId = $ax.repeater.applySuffixToElementId(elementId, '_div');
|
|
|
|
|
var divQuery = $jobj(divId);
|
|
|
|
|
if (divQuery.length > 0) return divId;
|
|
|
|
|
|
|
|
|
|
return elementId;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// key is the suppressing event, and the value is the event that is supressed
|
|
|
|
|
var suppressingEvents = {};
|
|
|
|
|
// key is the event that will cancel the suppression, and value is the event that was being suppressed
|
|
|
|
|
var cancelSuppressions = {};
|
|
|
|
|
// suppressed event maps to true if it is supressed
|
|
|
|
|
var suppressedEventStatus = {};
|
|
|
|
|
|
|
|
|
|
// Attempt at a generic way to supress events
|
|
|
|
|
var initSuppressingEvents = function(query) {
|
|
|
|
|
suppressingEvents['OnLongClick'] = 'OnClick';
|
|
|
|
|
cancelSuppressions['onMouseDown'] = 'OnClick';
|
|
|
|
|
|
|
|
|
|
// Have to cancel suppressed event here. Only works for non-synthetic events currently
|
|
|
|
|
for(var key in cancelSuppressions) {
|
|
|
|
|
var eventName = AXURE_TO_JQUERY_EVENT_NAMES[key];
|
|
|
|
|
if(!eventName) continue;
|
|
|
|
|
(function(eventName, suppressed) {
|
|
|
|
|
query.bind(eventName, function() {
|
|
|
|
|
suppressedEventStatus[suppressed] = false;
|
|
|
|
|
});
|
|
|
|
|
})(eventName, cancelSuppressions[key]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Otherwise see if you have the chance to cancel a supression
|
|
|
|
|
// if(cancelSuppressions[eventDescription]) {
|
|
|
|
|
// suppressedEventStatus[cancelSuppressions[eventDescription]] = false;
|
|
|
|
|
// }
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// TODO: It may be a good idea to split this into multiple functions, or at least pull out more similar functions into private methods
|
|
|
|
|
var _initializeObjectEvents = function(query, allowItem) {
|
|
|
|
|
// Must init the supressing eventing before the handlers, so that it has the ability to supress those events.
|
|
|
|
|
initSuppressingEvents(query);
|
|
|
|
|
|
|
|
|
|
query.each(function(dObj, elementId) {
|
|
|
|
|
var $element = $jobj(elementId);
|
|
|
|
|
var itemId = $ax.repeater.getItemIdFromElementId(elementId);
|
|
|
|
|
|
|
|
|
|
// Focus has to be done before on focus fires
|
|
|
|
|
// Set up focus
|
|
|
|
|
if ($ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsTextBox(dObj.type) || $ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type) ||
|
|
|
|
|
$ax.public.fn.IsListBox(dObj.type) || $ax.public.fn.IsComboBox(dObj.type) || $ax.public.fn.IsButton(dObj.type) || $ax.public.fn.IsImageBox(dObj.type) ||
|
|
|
|
|
$ax.public.fn.IsVector(dObj.type) || $ax.IsTreeNodeObject(dObj.type) || $ax.public.fn.IsTableCell(dObj.type)) {
|
|
|
|
|
var focusObj = $jobj($ax.event.getFocusableWidgetOrChildId(elementId));
|
|
|
|
|
focusObj.focus(function() {
|
|
|
|
|
window.lastFocusedControl = elementId;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// [MAS: Supressing events were here]
|
|
|
|
|
_createProxies(dObj, elementId);
|
|
|
|
|
if(dObj.interactionMap) {
|
|
|
|
|
_attachEvents(dObj, elementId);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//attach button shape alternate styles
|
|
|
|
|
var needsMouseFilter = dObj.type != 'hyperlink' && !$ax.public.fn.IsLayer(dObj.type) && !$ax.public.fn.IsDynamicPanel(dObj.type) && dObj.type != 'richTextPanel' &&
|
|
|
|
|
!$ax.public.fn.IsRepeater(dObj.type) && !$ax.public.fn.IsCheckBox(dObj.type) && !$ax.public.fn.IsRadioButton(dObj.type) && !$ax.public.fn.IsTreeNodeObject(dObj.type);
|
|
|
|
|
if(needsMouseFilter) {
|
|
|
|
|
$element.mouseenter(function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent && parent.direct) return;
|
|
|
|
|
if($.inArray(elementId, _event.mouseOverIds) != -1) return;
|
|
|
|
|
_event.mouseOverIds[_event.mouseOverIds.length] = elementId;
|
|
|
|
|
|
|
|
|
|
if(elementId == _event.mouseOverObjectId) return;
|
|
|
|
|
_event.mouseOverObjectId = elementId;
|
|
|
|
|
$ax.style.SetWidgetHover(elementId, true);
|
|
|
|
|
var textId = $ax.style.GetTextIdFromShape(elementId);
|
|
|
|
|
if(textId) $ax.annotation.updateLinkLocations(textId);
|
|
|
|
|
}).mouseleave(function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent && parent.direct) return;
|
|
|
|
|
$ax.splice(_event.mouseOverIds, $.inArray(elementId, _event.mouseOverIds), 1);
|
|
|
|
|
|
|
|
|
|
if(elementId == _event.mouseOverObjectId) {
|
|
|
|
|
_event.mouseOverObjectId = '';
|
|
|
|
|
}
|
|
|
|
|
$ax.style.SetWidgetHover(elementId, false);
|
|
|
|
|
var textId = $ax.style.GetTextIdFromShape(elementId);
|
|
|
|
|
if(textId) $ax.annotation.updateLinkLocations(textId);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName, function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent) {
|
|
|
|
|
dynamicPanelMouseDown(parent.id);
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
}
|
|
|
|
|
_event.mouseDownObjectId = elementId;
|
|
|
|
|
|
|
|
|
|
$ax.style.SetWidgetMouseDown(this.id, true);
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.style.GetTextIdFromShape(elementId));
|
|
|
|
|
}).bind($ax.features.eventNames.mouseUpName, function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent) {
|
|
|
|
|
dynamicPanelMouseUp(parent.id);
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
}
|
|
|
|
|
_event.mouseDownObjectId = '';
|
|
|
|
|
if(!$ax.style.ObjHasMouseDown(elementId)) return;
|
|
|
|
|
|
|
|
|
|
$ax.style.SetWidgetMouseDown(elementId, false);
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.style.GetTextIdFromShape(elementId));
|
|
|
|
|
|
|
|
|
|
//there used to be something we needed to make images click, because swapping out the images prevents the click
|
|
|
|
|
// this is a note that we can eventually delete.
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var $axElement = undefined;
|
|
|
|
|
var preeval = itemId && !allowItem;
|
|
|
|
|
|
|
|
|
|
//initialize disabled elements, do this first before selected, cause if a widget is disabled, we don't want to apply selected style anymore
|
|
|
|
|
if (($ax.public.fn.IsVector(dObj.type) || $ax.public.fn.IsImageBox(dObj.type) || $ax.public.fn.IsDynamicPanel(dObj.type) || $ax.public.fn.IsLayer(dObj.type))
|
|
|
|
|
&& dObj.disabled && !preeval) {
|
|
|
|
|
if (!$axElement) $axElement = $ax('#' + elementId);
|
|
|
|
|
$axElement.enabled(false);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Initialize selected elements if not in repeater
|
|
|
|
|
if(($ax.public.fn.IsVector(dObj.type) || $ax.public.fn.IsImageBox(dObj.type) || $ax.public.fn.IsDynamicPanel(dObj.type) || $ax.public.fn.IsLayer(dObj.type))
|
|
|
|
|
&& dObj.selected && !preeval) {
|
|
|
|
|
if(!$axElement) $axElement = $ax('#' + elementId);
|
|
|
|
|
$axElement.selected(true);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(OS_MAC && WEBKIT) {
|
|
|
|
|
if ($ax.public.fn.IsComboBox(dObj.type) && dObj.disabled) {
|
|
|
|
|
$jobj($ax.INPUT(elementId)).css('color', 'grayText');
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Initialize Placeholders. Right now this is text boxes and text areas.
|
|
|
|
|
// Also, the assuption is being made that these widgets with the placeholder, have no other styles (this may change...)
|
|
|
|
|
var hasPlaceholder = dObj.placeholderText == '' ? true : Boolean(dObj.placeholderText);
|
|
|
|
|
if (($ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsTextBox(dObj.type)) && hasPlaceholder) {
|
|
|
|
|
// This is needed to initialize the placeholder state
|
|
|
|
|
$jobj($ax.INPUT(elementId)).bind('keydown', function () {
|
|
|
|
|
if(!dObj.HideHintOnFocused) {
|
|
|
|
|
var id = this.id;
|
|
|
|
|
var inputIndex = id.indexOf('_input');
|
|
|
|
|
if(inputIndex == -1) return;
|
|
|
|
|
var inputId = id.substring(0, inputIndex);
|
|
|
|
|
|
|
|
|
|
if(!$ax.placeholderManager.isActive(inputId)) return;
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(inputId, false, true);
|
|
|
|
|
}
|
|
|
|
|
}).bind('keyup', function() {
|
|
|
|
|
var id = this.id;
|
|
|
|
|
var inputIndex = id.indexOf('_input');
|
|
|
|
|
if(inputIndex == -1) return;
|
|
|
|
|
var inputId = id.substring(0, inputIndex);
|
|
|
|
|
|
|
|
|
|
if($ax.placeholderManager.isActive(inputId)) return;
|
|
|
|
|
if(!dObj.HideHintOnFocused && !$jobj(id).val()) {
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(inputId, true);
|
|
|
|
|
$ax.placeholderManager.moveCaret(id, 0);
|
|
|
|
|
}
|
|
|
|
|
}).bind('focus', function () {
|
|
|
|
|
if(dObj.HideHintOnFocused) {
|
|
|
|
|
var id = this.id;
|
|
|
|
|
var inputIndex = id.indexOf('_input');
|
|
|
|
|
if (inputIndex == -1) return;
|
|
|
|
|
var inputId = id.substring(0, inputIndex);
|
|
|
|
|
|
|
|
|
|
if (!$ax.placeholderManager.isActive(inputId)) return;
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(inputId, false, true);
|
|
|
|
|
}
|
|
|
|
|
$ax.placeholderManager.moveCaret(this.id);
|
|
|
|
|
}).bind('mouseup', function() {
|
|
|
|
|
$ax.placeholderManager.moveCaret(this.id);
|
|
|
|
|
}).bind('blur', function() {
|
|
|
|
|
var id = this.id;
|
|
|
|
|
var inputIndex = id.indexOf('_input');
|
|
|
|
|
if(inputIndex == -1) return;
|
|
|
|
|
var inputId = id.substring(0, inputIndex);
|
|
|
|
|
|
|
|
|
|
if($jobj(id).val()) return;
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(inputId, true);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$ax.placeholderManager.registerPlaceholder(elementId, dObj.placeholderText, $jobj($ax.INPUT(elementId)).attr('type') == 'password');
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(elementId, !($jobj($ax.repeater.applySuffixToElementId(elementId, '_input')).val()));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Initialize assigned submit buttons
|
|
|
|
|
if(dObj.submitButton) {
|
|
|
|
|
$element.keyup(function(e) {
|
|
|
|
|
if(e.keyCode == '13') {
|
|
|
|
|
var scriptId = $ax.repeater.getScriptIdFromElementId(elementId);
|
|
|
|
|
var path = $ax.deepCopy(dObj.submitButton.path);
|
|
|
|
|
path[path.length] = dObj.submitButton.id;
|
|
|
|
|
var itemNum = $ax.repeater.getItemIdFromElementId(elementId);
|
|
|
|
|
var submitId = $ax.getScriptIdFromPath(path, scriptId);
|
|
|
|
|
|
|
|
|
|
if(itemNum && $ax.getParentRepeaterFromScriptId(submitId) == $ax.getParentRepeaterFromScriptId(scriptId)) {
|
|
|
|
|
submitId = $ax.repeater.createElementId(submitId, itemNum);
|
|
|
|
|
}
|
|
|
|
|
var inputId = $ax.INPUT(submitId);
|
|
|
|
|
if($jobj(inputId).length) submitId = inputId;
|
|
|
|
|
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
$ax.event.fireClick(submitId);
|
|
|
|
|
}
|
|
|
|
|
}).keydown(function(e) {
|
|
|
|
|
if(e.keyCode == '13') {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Don't drag after mousing down on a plain text object
|
|
|
|
|
if ($ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsTextBox(dObj.type) || $ax.public.fn.IsListBox(dObj.type) ||
|
|
|
|
|
$ax.public.fn.IsComboBox(dObj.type) || $ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type)) {
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName, function(event) {
|
|
|
|
|
event.originalEvent.donotdrag = true;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if($ax.features.supports.mobile) {
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName, function() { _setCanClick(true); });
|
|
|
|
|
|
|
|
|
|
if ($ax.public.fn.IsDynamicPanel(dObj.type)) {
|
|
|
|
|
$element.scroll(function() { _setCanClick(false); });
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//initialize tree node cursors to default so they will override their parent
|
|
|
|
|
if ($ax.public.fn.IsTreeNodeObject(dObj.type) && !(dObj.interactionMap && dObj.interactionMap.onClick)) {
|
|
|
|
|
$element.css('cursor', 'default');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//initialize widgets that are clickable to have the pointer over them when hovering
|
|
|
|
|
if($ax.event.HasClick(dObj)) {
|
|
|
|
|
if($element) $element.css('cursor', 'pointer');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// TODO: not sure if we need this. It appears to be working without
|
|
|
|
|
//initialize panels for DynamicPanels
|
|
|
|
|
if ($ax.public.fn.IsDynamicPanel(dObj.type)) {
|
|
|
|
|
$element.children().each(function() {
|
|
|
|
|
var parts = this.id.split('_');
|
|
|
|
|
var state = parts[parts.length - 1].substring(5);
|
|
|
|
|
if(state != 0) $ax.visibility.SetVisible(this, false);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//initialize TreeNodes
|
|
|
|
|
if ($ax.public.fn.IsTreeNodeObject(dObj.type)) {
|
|
|
|
|
if($element.hasClass('treeroot')) return;
|
|
|
|
|
|
|
|
|
|
var childrenId = elementId + '_children';
|
|
|
|
|
var children = $element.children('[id="' + childrenId + '"]:first');
|
|
|
|
|
if(children.length > 0) {
|
|
|
|
|
var plusMinusId = 'u' + (parseInt($ax.repeater.getScriptIdFromElementId(elementId).substring(1)) + 1);
|
|
|
|
|
if(itemId) plusMinusId = $ax.repeater.createElementId(plusMinusId, itemId);
|
|
|
|
|
if(!$jobj(plusMinusId).children().first().is('img')) plusMinusId = '';
|
|
|
|
|
$ax.tree.InitializeTreeNode(elementId, plusMinusId, childrenId);
|
|
|
|
|
}
|
|
|
|
|
$element.click(function() { $ax.tree.SelectTreeNode(elementId, true); });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//initialize submenus
|
|
|
|
|
if ($ax.public.fn.IsMenuObject(dObj.type)) {
|
|
|
|
|
if($element.hasClass('sub_menu')) {
|
|
|
|
|
var tableCellElementId = $ax.getElementIdFromPath([dObj.parentCellId], { relativeTo: elementId });
|
|
|
|
|
$ax.menu.InitializeSubmenu(elementId, tableCellElementId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Attach handles for dynamic panels that propagate styles to inner items.
|
|
|
|
|
if (($ax.public.fn.IsDynamicPanel(dObj.type) || $ax.public.fn.IsLayer(dObj.type)) && dObj.propagate) {
|
|
|
|
|
$element.mouseenter(function() {
|
|
|
|
|
dynamicPanelMouseOver(this.id);
|
|
|
|
|
}).mouseleave(function() {
|
|
|
|
|
dynamicPanelMouseLeave(this.id);
|
|
|
|
|
}).bind($ax.features.eventNames.mouseDownName, function() {
|
|
|
|
|
dynamicPanelMouseDown(this.id);
|
|
|
|
|
}).bind($ax.features.eventNames.mouseUpName, function() {
|
|
|
|
|
dynamicPanelMouseUp(this.id);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// These are the dynamic panel functions for propagating rollover styles and mouse down styles to inner objects
|
|
|
|
|
var dynamicPanelMouseOver = function(elementId, fromChild) {
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent) {
|
|
|
|
|
dynamicPanelMouseOver(parent.id, true);
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
}
|
|
|
|
|
if($.inArray(elementId, _event.mouseOverIds) != -1) return;
|
|
|
|
|
// If this event is coming from a child, don't mark that it's actually entered.
|
|
|
|
|
// Only mark that this has been entered if this event has naturally been triggered. (For reason see mouseleave)
|
|
|
|
|
if(!fromChild) _event.mouseOverIds[_event.mouseOverIds.length] = elementId;
|
|
|
|
|
if(elementId == _event.mouseOverObjectId) return;
|
|
|
|
|
_event.mouseOverObjectId = elementId;
|
|
|
|
|
$ax.dynamicPanelManager.propagateMouseOver(elementId, true);
|
|
|
|
|
};
|
|
|
|
|
var dynamicPanelMouseLeave = function(elementId, fromChild) {
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent) {
|
|
|
|
|
dynamicPanelMouseLeave(parent.id, true);
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
}
|
|
|
|
|
var index = $.inArray(elementId, _event.mouseOverIds);
|
|
|
|
|
// If index != -1, this has been natuarally entered. If naturally entered, then leaving child should not trigger leaving,
|
|
|
|
|
// but instead wait for natural mouse leave. If natural mouse enter never triggered, natural mouse leave won't so do this now.
|
|
|
|
|
if((index != -1) && fromChild) return;
|
|
|
|
|
$ax.splice(_event.mouseOverIds, index, 1);
|
|
|
|
|
|
|
|
|
|
if(elementId == _event.mouseOverObjectId) {
|
|
|
|
|
_event.mouseOverObjectId = '';
|
|
|
|
|
}
|
|
|
|
|
$ax.dynamicPanelManager.propagateMouseOver(elementId, false);
|
|
|
|
|
};
|
|
|
|
|
var dynamicPanelMouseDown = function(elementId) {
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent) {
|
|
|
|
|
dynamicPanelMouseDown(parent.id);
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
}
|
|
|
|
|
_event.mouseDownObjectId = elementId;
|
|
|
|
|
$ax.dynamicPanelManager.propagateMouseDown(elementId, true);
|
|
|
|
|
};
|
|
|
|
|
var dynamicPanelMouseUp = function(elementId) {
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
if(parent) {
|
|
|
|
|
dynamicPanelMouseUp(parent.id);
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
}
|
|
|
|
|
_event.mouseDownObjectId = '';
|
|
|
|
|
$ax.dynamicPanelManager.propagateMouseDown(elementId, false);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
//attach handlers for button shape and tree node mouse over styles
|
|
|
|
|
// TODO: Can this really be removed? Trees seem to work with out (the generic hover case works for it).
|
|
|
|
|
// query.filter(function(obj) {
|
|
|
|
|
// return $ax.public.fn.IsVector(obj.type) && $ax.public.fn.IsTreeNodeObject(obj.parent.type) &&
|
|
|
|
|
// obj.parent.style && obj.parent.style.stateStyles &&
|
|
|
|
|
// obj.parent.style.stateStyles.mouseOver;
|
|
|
|
|
// }).mouseenter(function() {
|
|
|
|
|
// $ax.style.SetWidgetHover(this.id, true);
|
|
|
|
|
// }).mouseleave(function() {
|
|
|
|
|
// $ax.style.SetWidgetHover(this.id, false);
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
//handle treeNodeObject events and prevent them from bubbling up. this is necessary because otherwise
|
|
|
|
|
//both a sub menu and it's parent would get a click
|
|
|
|
|
if ($ax.public.fn.IsTreeNodeObject(dObj.type)) {
|
|
|
|
|
$element.click(function() {
|
|
|
|
|
//todo -- this was bubbling, but then selecting a child tree node would bubble and select the parent (don't know if there is a better way)
|
|
|
|
|
_fireObjectEvent(this.id, 'click', arguments);
|
|
|
|
|
return false;
|
|
|
|
|
}).each(function() {
|
|
|
|
|
if(!this.style.cursor) {
|
|
|
|
|
this.style.cursor = 'default';
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Synthetic events
|
|
|
|
|
|
|
|
|
|
var map = dObj.interactionMap;
|
|
|
|
|
// Attach dynamic panel synthetic drag and swipe events
|
|
|
|
|
if(dObj.type == "dynamicPanel" && map && (
|
|
|
|
|
map.onDragStart || map.onDrag ||
|
|
|
|
|
map.onDragDrop || map.onSwipeLeft || map.onSwipeRight || map.onSwipeUp || map.onSwipeDown)) {
|
|
|
|
|
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName, function(e) { $ax.drag.StartDragWidget(e.originalEvent, elementId); });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Attach dynamic panel synthetic scroll event
|
|
|
|
|
if ($ax.public.fn.IsDynamicPanel(dObj.type) && map && (map.onScroll || map.onScrollUp || map.onScrollDown)) {
|
|
|
|
|
var diagrams = dObj.diagrams;
|
|
|
|
|
for(var i = 0; i < diagrams.length; i++) {
|
|
|
|
|
var panelId = $ax.repeater.applySuffixToElementId(elementId, '_state' + i);
|
|
|
|
|
(function(id) {
|
|
|
|
|
if ($('#' + id).data('lastScrollTop') == undefined) $('#' + id).data('lastScrollTop', '0');
|
|
|
|
|
_attachDefaultObjectEvent($('#' + id), elementId, 'scroll', function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
var currentEvent = $ax.getjBrowserEvent();
|
|
|
|
|
var eventInfoFromEvent = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
if(map.onScroll) _handleEvent(elementId, eventInfoFromEvent, map.onScroll);
|
|
|
|
|
|
|
|
|
|
var currentTop = $('#' + id).scrollTop();
|
|
|
|
|
var wasHandled = currentEvent.originalEvent.handled;
|
|
|
|
|
if (map.onScrollUp && currentTop < $('#' + id).data('lastScrollTop')) {
|
|
|
|
|
currentEvent.originalEvent.handled = false;
|
|
|
|
|
_handleEvent(elementId, eventInfoFromEvent, map.onScrollUp);
|
|
|
|
|
} else if (map.onScrollDown && currentTop > $('#' + id).data('lastScrollTop')) {
|
|
|
|
|
currentEvent.originalEvent.handled = false;
|
|
|
|
|
_handleEvent(elementId, eventInfoFromEvent, map.onScrollDown);
|
|
|
|
|
}
|
|
|
|
|
currentEvent.originalEvent.handled |= wasHandled;
|
|
|
|
|
$('#' + id).data('lastScrollTop', currentTop);
|
|
|
|
|
});
|
|
|
|
|
})(panelId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Attach synthetic hover event
|
|
|
|
|
if (map && map.onMouseHover) {
|
|
|
|
|
var MIN_HOVER_HOLD_TIME = 1000;
|
|
|
|
|
|
|
|
|
|
// So when the timeout fires, you know whether it is the same mouseenter that is active or not.
|
|
|
|
|
var hoverMouseCount = 0;
|
|
|
|
|
// Update eventInfo regularly, so position is accurate.
|
|
|
|
|
var hoverEventInfo;
|
|
|
|
|
|
|
|
|
|
$element.mouseenter(function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
hoverEventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
(function(currCount) {
|
|
|
|
|
window.setTimeout(function() {
|
|
|
|
|
if(currCount == hoverMouseCount) _raiseSyntheticEvent(elementId, 'onMouseHover', false, hoverEventInfo, true);
|
|
|
|
|
}, MIN_HOVER_HOLD_TIME);
|
|
|
|
|
})(hoverMouseCount);
|
|
|
|
|
}).mouseleave(function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
hoverMouseCount++;
|
|
|
|
|
}).mousemove(function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
hoverEventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Attach synthetic tap and hold event.
|
|
|
|
|
if (map && map.onLongClick) {
|
|
|
|
|
var MIN_LONG_CLICK_HOLD_TIME = 750;
|
|
|
|
|
|
|
|
|
|
// So when the timeout fires, you know whether it is the same mousedown that is active or not.
|
|
|
|
|
var longClickMouseCount = 0;
|
|
|
|
|
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName, function(e) {
|
|
|
|
|
(function(currCount) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
window.setTimeout(function() {
|
|
|
|
|
if(currCount == longClickMouseCount) _raiseSyntheticEvent(elementId, 'onLongClick', false, eventInfo, true);
|
|
|
|
|
}, MIN_LONG_CLICK_HOLD_TIME);
|
|
|
|
|
if(e.preventDefault) e.preventDefault();
|
|
|
|
|
})(longClickMouseCount);
|
|
|
|
|
}).bind($ax.features.eventNames.mouseUpName, function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
longClickMouseCount++;
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Attach synthetic onSelectionChange event to droplist and listbox elements
|
|
|
|
|
if ($ax.event.HasSelectionChanged(dObj)) {
|
|
|
|
|
$element.bind('change', function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
_raiseSyntheticEvent(elementId, 'onSelectionChange');
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Highjack key up and key down to keep track of state of keyboard.
|
|
|
|
|
_event.initKeyEvents($element);
|
|
|
|
|
|
|
|
|
|
// Attach synthetic onTextChange event to textbox and textarea elements
|
|
|
|
|
if ($ax.event.HasTextChanged(dObj)) {
|
|
|
|
|
var element = $jobj($ax.INPUT(elementId));
|
|
|
|
|
$ax.updateElementText(elementId, element.val());
|
|
|
|
|
//Key down needed because when holding a key down, key up only fires once, but keydown fires repeatedly.
|
|
|
|
|
//Key up because last mouse down will only show the state before the last character.
|
|
|
|
|
element.bind('keydown', function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
$ax.event.TryFireTextChanged(elementId);
|
|
|
|
|
}).bind('keyup', function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
$ax.event.TryFireTextChanged(elementId);
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Attach synthetic onCheckedChange event to radiobutton and checkbox elements
|
|
|
|
|
if ($ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type)) {
|
|
|
|
|
var input = $jobj($ax.INPUT(elementId));
|
|
|
|
|
if ($ax.public.fn.IsRadioButton(dObj.type) && input.prop('checked')) {
|
|
|
|
|
$ax.updateRadioButtonSelected(input.attr('name'), elementId);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$element.bind('change', function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
var eTarget = e.target || e.srcElement;
|
|
|
|
|
_tryFireCheckedChanged(elementId, eTarget.checked);
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var hasTap = map && (map.onClick || map.onDoubleClick);
|
|
|
|
|
var hasMove = map && map.onMouseMove;
|
|
|
|
|
_event.initMobileEvents(hasTap ? $element : $(),
|
|
|
|
|
hasMove ? $element : $(), elementId);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//attach link alternate styles
|
|
|
|
|
if(dObj.type == 'hyperlink') {
|
|
|
|
|
$element.mouseenter(function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
if(_event.mouseOverIds.indexOf(elementId) != -1) return true;
|
|
|
|
|
_event.mouseOverIds[_event.mouseOverIds.length] = elementId;
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return true;
|
|
|
|
|
|
|
|
|
|
$ax.style.SetLinkHover(elementId);
|
|
|
|
|
|
|
|
|
|
var bubble = _fireObjectEvent(elementId, 'mouseenter', arguments);
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
|
|
|
|
|
return bubble;
|
|
|
|
|
}).mouseleave(function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
$ax.splice(_event.mouseOverIds, _event.mouseOverIds.indexOf(elementId), 1);
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return true;
|
|
|
|
|
|
|
|
|
|
$ax.style.SetLinkNotHover(elementId);
|
|
|
|
|
|
|
|
|
|
var bubble = _fireObjectEvent(elementId, 'mouseleave', arguments);
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
|
|
|
|
|
return bubble;
|
|
|
|
|
}).bind($ax.features.eventNames.mouseDownName, function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
if($ax.style.IsWidgetDisabled(mouseOverObjectId)) return undefined;
|
|
|
|
|
|
|
|
|
|
if(mouseOverObjectId) $ax.style.SetWidgetMouseDown(mouseOverObjectId, true);
|
|
|
|
|
$ax.style.SetLinkMouseDown(elementId);
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
}).bind($ax.features.eventNames.mouseUpName, function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return;
|
|
|
|
|
|
|
|
|
|
if(mouseOverObjectId) $ax.style.SetWidgetMouseDown(mouseOverObjectId, false);
|
|
|
|
|
$ax.style.SetLinkNotMouseDown(elementId);
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.style.GetTextIdFromLink(elementId));
|
|
|
|
|
|
|
|
|
|
}).click(function() {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return undefined;
|
|
|
|
|
|
|
|
|
|
return _fireObjectEvent(elementId, 'click', arguments);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Init inline frames
|
|
|
|
|
if (dObj.type == 'inlineFrame') {
|
|
|
|
|
var target = dObj.target;
|
|
|
|
|
var url = '';
|
|
|
|
|
if(target.includeVariables && target.url) {
|
|
|
|
|
var origSrc = target.url;
|
|
|
|
|
url = origSrc.toLowerCase().indexOf('http://') == -1 ? $ax.globalVariableProvider.getLinkUrl(origSrc) : origSrc;
|
|
|
|
|
|
|
|
|
|
} else if(target.urlLiteral) {
|
|
|
|
|
url = $ax.expr.evaluateExpr(target.urlLiteral, $ax.getEventInfoFromEvent(undefined, true, elementId), true);
|
|
|
|
|
}
|
|
|
|
|
if(url) $jobj($ax.INPUT(elementId)).attr('src', url);
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
$ax.initializeObjectEvents = _initializeObjectEvents;
|
|
|
|
|
|
|
|
|
|
// Handle key up and key down events
|
|
|
|
|
(function() {
|
|
|
|
|
var _keyState = {};
|
|
|
|
|
_keyState.ctrl = false;
|
|
|
|
|
_keyState.alt = false;
|
|
|
|
|
_keyState.shift = false;
|
|
|
|
|
_keyState.keyCode = 0;
|
|
|
|
|
$ax.event.keyState = function() {
|
|
|
|
|
return $ax.deepCopy(_keyState);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var modifierCodes = [16, 17, 18];
|
|
|
|
|
var clearKeyCode = false;
|
|
|
|
|
$ax.event.initKeyEvents = function($query) {
|
|
|
|
|
$query.keydown(function (e) {
|
|
|
|
|
if(clearKeyCode) {
|
|
|
|
|
clearKeyCode = false;
|
|
|
|
|
_keyState.keyCode = 0;
|
|
|
|
|
}
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
|
|
|
|
|
_keyState.ctrl = e.ctrlKey;
|
|
|
|
|
|
|
|
|
|
_keyState.alt = e.altKey;
|
|
|
|
|
|
|
|
|
|
_keyState.shift = e.shiftKey;
|
|
|
|
|
|
|
|
|
|
// If a modifier was pressed, then don't set the keyCode;
|
|
|
|
|
if(modifierCodes.indexOf(e.keyCode) == -1) _keyState.keyCode = e.keyCode;
|
|
|
|
|
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
if (!elementId) fireEventThroughContainers('onKeyDown', undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
|
|
|
|
|
[$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.LAYER_TYPE]);
|
|
|
|
|
else _raiseSyntheticEvent(elementId, 'onKeyDown', false, undefined, true);
|
|
|
|
|
});
|
|
|
|
|
$query.keyup(function(e) {
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
|
|
|
|
|
if (modifierCodes.indexOf(e.keyCode) == -1) clearKeyCode = true;
|
|
|
|
|
else if (clearKeyCode) {
|
|
|
|
|
clearKeyCode = false;
|
|
|
|
|
_keyState.keyCode = 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
// Fire event before updating modifiers.
|
|
|
|
|
if (!elementId) fireEventThroughContainers('onKeyUp', undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
|
|
|
|
|
[$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.LAYER_TYPE]);
|
|
|
|
|
else _raiseSyntheticEvent(elementId, 'onKeyUp', false, undefined, true);
|
|
|
|
|
|
|
|
|
|
//_keyState.ctrl = e.ctrlKey;
|
|
|
|
|
|
|
|
|
|
//_keyState.alt = e.altKey;
|
|
|
|
|
|
|
|
|
|
//_keyState.shift = e.shiftKey;
|
|
|
|
|
|
|
|
|
|
//// If a non-modifier was lifted, clear the keycode
|
|
|
|
|
///if(modifierCodes.indexOf(e.keyCode) == -1) _keyState.keyCode = 0;
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
// Handle adding mobile events
|
|
|
|
|
(function() {
|
|
|
|
|
// NOTE: Multi touch is NOT handled currently.
|
|
|
|
|
var CLICK_THRESHOLD_PX = 25;
|
|
|
|
|
var CLICK_THRESHOLD_PX_SQ = CLICK_THRESHOLD_PX * CLICK_THRESHOLD_PX;
|
|
|
|
|
var DBLCLICK_THRESHOLD_MS = 500;
|
|
|
|
|
|
|
|
|
|
// Location in page cooridinates
|
|
|
|
|
var tapDownLoc;
|
|
|
|
|
var lastClickEventTime;
|
|
|
|
|
|
|
|
|
|
_event.initMobileEvents = function($tapQuery, $moveQuery, elementId) {
|
|
|
|
|
if(!$ax.features.supports.mobile) return;
|
|
|
|
|
|
|
|
|
|
// Handle touch start
|
|
|
|
|
$tapQuery.bind('touchstart', function(e) {
|
|
|
|
|
// We do NOT support multiple touches. This isn't necessarily the touch we want.
|
|
|
|
|
var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
|
|
|
|
|
if(!touch) return;
|
|
|
|
|
|
|
|
|
|
tapDownLoc = [touch.pageX, touch.pageY];
|
|
|
|
|
|
|
|
|
|
var time = (new Date()).getTime();
|
|
|
|
|
if(time - lastClickEventTime < DBLCLICK_THRESHOLD_MS) {
|
|
|
|
|
var dObj = elementId === '' ? $ax.pageData.page : $ax.getObjectFromElementId(elementId);
|
|
|
|
|
var axEventObject = dObj && dObj.interactionMap && dObj.interactionMap['onDoubleClick'];
|
|
|
|
|
if(axEventObject) e.preventDefault(); //for Chrome on Android
|
|
|
|
|
}
|
|
|
|
|
}).bind('touchend', function(e) {
|
|
|
|
|
var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
|
|
|
|
|
if(!touch || !tapDownLoc) return;
|
|
|
|
|
|
|
|
|
|
var tapUpLoc = [touch.pageX, touch.pageY];
|
|
|
|
|
var xDiff = tapUpLoc[0] - tapDownLoc[0];
|
|
|
|
|
var yDiff = tapUpLoc[1] - tapDownLoc[1];
|
|
|
|
|
|
|
|
|
|
if((xDiff * xDiff + yDiff * yDiff) < CLICK_THRESHOLD_PX_SQ) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
_raiseSyntheticEvent(elementId, 'onClick', false, undefined, true);
|
|
|
|
|
|
|
|
|
|
var time = (new Date()).getTime();
|
|
|
|
|
if(time - lastClickEventTime < DBLCLICK_THRESHOLD_MS) {
|
|
|
|
|
_raiseSyntheticEvent(elementId, 'onDoubleClick', false, undefined, true);
|
|
|
|
|
if(e.originalEvent && e.originalEvent.handled) e.preventDefault(); //for iOS
|
|
|
|
|
}
|
|
|
|
|
lastClickEventTime = time;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Handles touch move
|
|
|
|
|
$moveQuery.bind('touchmove', function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
_raiseSyntheticEvent(elementId, 'onMouseMove', false, undefined, true);
|
|
|
|
|
if(e.originalEvent && e.originalEvent.handled) e.preventDefault();
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
// Handle adding device independent click events to non-widgets
|
|
|
|
|
(function() {
|
|
|
|
|
var CLICK_THRESHOLD_PX = 25;
|
|
|
|
|
var CLICK_THRESHOLD_PX_SQ = CLICK_THRESHOLD_PX * CLICK_THRESHOLD_PX;
|
|
|
|
|
|
|
|
|
|
// Location in page cooridinates
|
|
|
|
|
var tapDownLoc;
|
|
|
|
|
|
|
|
|
|
_event.attachClick = function(query, clickHandler) {
|
|
|
|
|
if(!$ax.features.supports.mobile) {
|
|
|
|
|
query.click(clickHandler);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$(query).bind('touchstart', function(e) {
|
|
|
|
|
// We do NOT support multiple touches. This isn't necessarily the touch we want.
|
|
|
|
|
var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
|
|
|
|
|
if(!touch) return;
|
|
|
|
|
|
|
|
|
|
tapDownLoc = [touch.pageX, touch.pageY];
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(query).bind('touchend', function(e) {
|
|
|
|
|
var touch = e.originalEvent && e.originalEvent.changedTouches && e.originalEvent.changedTouches[0];
|
|
|
|
|
if(!touch) return;
|
|
|
|
|
|
|
|
|
|
var tapUpLoc = [touch.pageX, touch.pageY];
|
|
|
|
|
var xDiff = tapUpLoc[0] - tapDownLoc[0];
|
|
|
|
|
var yDiff = tapUpLoc[1] - tapDownLoc[1];
|
|
|
|
|
|
|
|
|
|
if((xDiff * xDiff + yDiff * yDiff) < CLICK_THRESHOLD_PX_SQ) {
|
|
|
|
|
clickHandler();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
// Handle firing device independent click events on widgets
|
|
|
|
|
(function() {
|
|
|
|
|
_event.fireClick = function(elementId) {
|
|
|
|
|
if(!$ax.features.supports.mobile) {
|
|
|
|
|
$('#' + elementId).click();
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
_raiseSyntheticEvent(elementId, 'onClick', false, undefined, true);
|
|
|
|
|
};
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
var _mouseLocation = $ax.mouseLocation = { x: 0, y: 0 };
|
|
|
|
|
var _lastmouseLocation = $ax.lastMouseLocation = { x: 0, y: 0 };
|
|
|
|
|
|
|
|
|
|
var _updateMouseLocation = function(e, end) {
|
|
|
|
|
if(!e) return;
|
|
|
|
|
|
|
|
|
|
if(IE_10_AND_BELOW && typeof (e.type) == 'unknown') return;
|
|
|
|
|
if(e.type != 'mousemove' && e.type != 'touchstart' && e.type != 'touchmove' && e.type != 'touchend') return;
|
|
|
|
|
|
|
|
|
|
var newX;
|
|
|
|
|
var newY;
|
|
|
|
|
if(IE_10_AND_BELOW) {
|
|
|
|
|
newX = e.clientX + $('html').scrollLeft();
|
|
|
|
|
newY = e.clientY + $('html').scrollTop();
|
|
|
|
|
} else {
|
|
|
|
|
newX = e.pageX;
|
|
|
|
|
newY = e.pageY;
|
|
|
|
|
}
|
|
|
|
|
//var body = $('body');
|
|
|
|
|
//if(body.css('position') == 'relative') newX = Math.round(newX - Number(body.css('left').replace('px', '')) - Math.max(0, ($(window).width() - body.width()) / 2));
|
|
|
|
|
|
|
|
|
|
if(_mouseLocation.x == newX && _mouseLocation.y == newY) return;
|
|
|
|
|
|
|
|
|
|
_lastmouseLocation.x = _mouseLocation.x;
|
|
|
|
|
_lastmouseLocation.y = _mouseLocation.y;
|
|
|
|
|
_mouseLocation.x = newX;
|
|
|
|
|
_mouseLocation.y = newY;
|
|
|
|
|
|
|
|
|
|
$ax.geometry.tick(_mouseLocation.x, _mouseLocation.y, end);
|
|
|
|
|
};
|
|
|
|
|
_event.updateMouseLocation = _updateMouseLocation;
|
|
|
|
|
|
|
|
|
|
var _leavingState = function(stateId) {
|
|
|
|
|
var mouseOverIds = _event.mouseOverIds;
|
|
|
|
|
if(mouseOverIds.length == 0) return;
|
|
|
|
|
|
|
|
|
|
var stateQuery = $jobj(stateId);
|
|
|
|
|
for(var i = mouseOverIds.length - 1; i >= 0; i--) {
|
|
|
|
|
var id = mouseOverIds[i];
|
|
|
|
|
if(stateQuery.find('#' + id).length) {
|
|
|
|
|
$ax.splice(mouseOverIds, $.inArray(id, mouseOverIds), 1);
|
|
|
|
|
$ax.style.SetWidgetMouseDown(id, false);
|
|
|
|
|
$ax.style.SetWidgetHover(id, false);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
_event.leavingState = _leavingState;
|
|
|
|
|
|
|
|
|
|
var _raiseSelectedEvents = function(elementId, value) {
|
|
|
|
|
$ax.event.raiseSyntheticEvent(elementId, 'onSelectedChange');
|
|
|
|
|
if(value) $ax.event.raiseSyntheticEvent(elementId, 'onSelect');
|
|
|
|
|
else $ax.event.raiseSyntheticEvent(elementId, 'onUnselect');
|
|
|
|
|
};
|
|
|
|
|
$ax.event.raiseSelectedEvents = _raiseSelectedEvents;
|
|
|
|
|
|
|
|
|
|
var _raiseSyntheticEvent = function(elementId, eventName, skipShowDescription, eventInfo, nonSynthetic) {
|
|
|
|
|
// Empty string used when this is an event directly on the page.
|
|
|
|
|
var dObj = elementId === '' ? $ax.pageData.page : $ax.getObjectFromElementId(elementId);
|
|
|
|
|
var axEventObject = dObj && dObj.interactionMap && dObj.interactionMap[eventName];
|
|
|
|
|
if(!axEventObject) return;
|
|
|
|
|
|
|
|
|
|
eventInfo = eventInfo || $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), skipShowDescription, elementId);
|
|
|
|
|
// $ax.recording.maybeRecordEvent(elementId, eventInfo, axEventObject, new Date().getTime());
|
|
|
|
|
_handleEvent(elementId, eventInfo, axEventObject, false, !nonSynthetic);
|
|
|
|
|
};
|
|
|
|
|
$ax.event.raiseSyntheticEvent = _raiseSyntheticEvent;
|
|
|
|
|
|
|
|
|
|
var _hasSyntheticEvent = function(scriptId, eventName) {
|
|
|
|
|
var dObj = $ax.getObjectFromScriptId(scriptId);
|
|
|
|
|
var axEventObject = dObj && dObj.interactionMap && dObj.interactionMap[eventName];
|
|
|
|
|
return Boolean(axEventObject);
|
|
|
|
|
};
|
|
|
|
|
$ax.event.hasSyntheticEvent = _hasSyntheticEvent;
|
|
|
|
|
|
|
|
|
|
var _addEvent = function (target, eventType, handler, useCapture) {
|
|
|
|
|
//this return value is only for debug purpose
|
|
|
|
|
var succeed = undefined;
|
|
|
|
|
if(target.attachEvent) {
|
|
|
|
|
if($ax.features.supports.windowsMobile) {
|
|
|
|
|
succeed = target.attachEvent(eventType, handler);
|
|
|
|
|
} else {
|
|
|
|
|
succeed = target.attachEvent('on' + eventType, handler);
|
|
|
|
|
}
|
|
|
|
|
} else if(target.addEventListener) {
|
|
|
|
|
target.addEventListener(eventType, handler, useCapture);
|
|
|
|
|
succeed = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return succeed;
|
|
|
|
|
}
|
|
|
|
|
$ax.event.addEvent = _addEvent;
|
|
|
|
|
|
|
|
|
|
var _removeEvent = function(target, eventType, handler, useCapture, skipCheckingWindowsMobile) {
|
|
|
|
|
//this return value is only for debug purpose
|
|
|
|
|
var succeed = undefined;
|
|
|
|
|
|
|
|
|
|
if(target.detachEvent) {
|
|
|
|
|
if(!skipCheckingWindowsMobile && $ax.features.supports.windowsMobile) {
|
|
|
|
|
succeed = target.detachEvent(eventType, handler);
|
|
|
|
|
} else {
|
|
|
|
|
succeed = target.detachEvent('on' + eventType, handler);
|
|
|
|
|
}
|
|
|
|
|
} else if(target.removeEventListener) {
|
|
|
|
|
target.removeEventListener(eventType, handler, useCapture);
|
|
|
|
|
succeed = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return succeed;
|
|
|
|
|
}
|
|
|
|
|
$ax.event.removeEvent = _removeEvent;
|
|
|
|
|
|
|
|
|
|
var _initialize = function() {
|
|
|
|
|
$ax.repeater.load();
|
|
|
|
|
|
|
|
|
|
// Make sure key events for page are initialized first. That way they will update the value of key pressed before any other events occur.
|
|
|
|
|
_event.initKeyEvents($(window));
|
|
|
|
|
_initializeObjectEvents($ax('*'));
|
|
|
|
|
|
|
|
|
|
//finally, process the pageload
|
|
|
|
|
_pageLoad();
|
|
|
|
|
// _loadDynamicPanelsAndMasters();
|
|
|
|
|
// $ax.repeater.init();
|
|
|
|
|
|
|
|
|
|
// and wipe out the basic links.
|
|
|
|
|
$('.basiclink').click(function() {
|
|
|
|
|
return false;
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
_event.initialize = _initialize;
|
|
|
|
|
|
|
|
|
|
$ax.event.HasTextChanged = function(diagramObject) {
|
|
|
|
|
if (!$ax.public.fn.IsTextBox(diagramObject.type) && !$ax.public.fn.IsTextArea(diagramObject.type)) return false;
|
|
|
|
|
var map = diagramObject.interactionMap;
|
|
|
|
|
return map && map.onTextChange;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$ax.event.TryFireTextChanged = function(elementId) {
|
|
|
|
|
var query = $jobj($ax.repeater.applySuffixToElementId(elementId, '_input'));
|
|
|
|
|
if(!$ax.hasElementTextChanged(elementId, query.val())) return;
|
|
|
|
|
$ax.updateElementText(elementId, query.val());
|
|
|
|
|
|
|
|
|
|
$ax.event.raiseSyntheticEvent(elementId, 'onTextChange');
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$ax.event.HasSelectionChanged = function(diagramObject) {
|
|
|
|
|
if (!$ax.public.fn.IsListBox(diagramObject.type) && !$ax.public.fn.IsComboBox(diagramObject.type)) return false;
|
|
|
|
|
var map = diagramObject.interactionMap;
|
|
|
|
|
return map && map.onSelectionChange;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$ax.event.HasCheckedChanged = function(diagramObject) {
|
|
|
|
|
if (!$ax.public.fn.IsCheckBox(diagramObject.type) && !$ax.public.fn.IsRadioButton(diagramObject.type)) return false;
|
|
|
|
|
var map = diagramObject.interactionMap;
|
|
|
|
|
return map && map.onSelectedChange;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$ax.event.HasClick = function (diagramObject) {
|
|
|
|
|
var map = diagramObject.interactionMap;
|
|
|
|
|
return map && map.onClick;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _tryFireCheckedChanged = $ax.event.TryFireCheckChanged = function(elementId, value) {
|
|
|
|
|
var isRadio = $ax.public.fn.IsRadioButton($obj(elementId).type);
|
|
|
|
|
if(isRadio) {
|
|
|
|
|
if(!value) {
|
|
|
|
|
$ax.updateRadioButtonSelected($jobj($ax.INPUT(elementId)).attr('name'), undefined);
|
|
|
|
|
} else {
|
|
|
|
|
var last = $ax.updateRadioButtonSelected($jobj($ax.INPUT(elementId)).attr('name'), elementId);
|
|
|
|
|
|
|
|
|
|
// If no change, this should not fire
|
|
|
|
|
if(last == elementId) return;
|
|
|
|
|
|
|
|
|
|
// Initially selecting one, last may be undefined
|
|
|
|
|
if(last) {
|
|
|
|
|
//here last is the previouse selected elementid
|
|
|
|
|
$ax.event.raiseSelectedEvents(last, false);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$ax.event.raiseSelectedEvents(elementId, value);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
//onload everything now, not only dp and master
|
|
|
|
|
var _loadDynamicPanelsAndMasters = function(objects, path, itemId) {
|
|
|
|
|
fireEventThroughContainers('onLoad', objects, true, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE],
|
|
|
|
|
[$ax.constants.ALL_TYPE], path, itemId);
|
|
|
|
|
};
|
|
|
|
|
$ax.loadDynamicPanelsAndMasters = _loadDynamicPanelsAndMasters;
|
|
|
|
|
|
|
|
|
|
var _viewChangePageAndMasters = function(forceSwitchTo) {
|
|
|
|
|
fireEventThroughContainers('onAdaptiveViewChange', undefined, true, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE],
|
|
|
|
|
[$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE]);
|
|
|
|
|
_postAdaptiveViewChanged(forceSwitchTo);
|
|
|
|
|
};
|
|
|
|
|
$ax.viewChangePageAndMasters = _viewChangePageAndMasters;
|
|
|
|
|
|
|
|
|
|
//if forceSwitchTo is true, we will also update the checkmark in sitemap.js
|
|
|
|
|
var _postAdaptiveViewChanged = function(forceSwitchTo) {
|
|
|
|
|
//only trigger adaptive view changed if the window is on the mainframe. Also triggered on init, even if default.
|
|
|
|
|
try {
|
|
|
|
|
if(window.name == 'mainFrame' ||
|
|
|
|
|
(!CHROME_5_LOCAL && window.parent.$ && window.parent.$('#mainFrame').length > 0)) {
|
|
|
|
|
var data = {
|
|
|
|
|
viewId: $ax.adaptive.currentViewId,
|
|
|
|
|
forceSwitchTo: forceSwitchTo
|
|
|
|
|
};
|
|
|
|
|
$axure.messageCenter.postMessage('adaptiveViewChange', data);
|
|
|
|
|
}
|
|
|
|
|
} catch(e) { }
|
|
|
|
|
};
|
|
|
|
|
$ax.postAdaptiveViewChanged = _postAdaptiveViewChanged;
|
|
|
|
|
|
|
|
|
|
var _postResize = $ax.postResize = function(e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
return fireEventThroughContainers('onResize', undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
|
|
|
|
|
[$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE]);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
//fire events for table, menu and tree, including its sub items
|
|
|
|
|
var _fireEventsForTableMenuAndTree = function (object, event, skipShowDescription, eventInfo, path, synthetic) {
|
|
|
|
|
if (!path) path = [];
|
|
|
|
|
var pathCopy = path.slice();
|
|
|
|
|
|
|
|
|
|
pathCopy[path.length] = object.id;
|
|
|
|
|
var scriptId = $ax.getScriptIdFromPath(pathCopy);
|
|
|
|
|
$ax.event.raiseSyntheticEvent(scriptId, event, skipShowDescription, eventInfo, !synthetic);
|
|
|
|
|
|
|
|
|
|
if(object.objects) {
|
|
|
|
|
for(var index = 0; index < object.objects.length; index++) {
|
|
|
|
|
var subObj = object.objects[index];
|
|
|
|
|
if ($ax.public.fn.IsTableCell(subObj.type)) {
|
|
|
|
|
pathCopy[path.length] = subObj.id;
|
|
|
|
|
scriptId = $ax.getScriptIdFromPath(pathCopy);
|
|
|
|
|
$ax.event.raiseSyntheticEvent(scriptId, event, skipShowDescription, eventInfo, !synthetic);
|
|
|
|
|
} else if ($ax.public.fn.IsTable(object.type) || $ax.public.fn.IsMenuObject(object.type) || $ax.public.fn.IsTreeNodeObject(object.type)) {
|
|
|
|
|
_fireEventsForTableMenuAndTree(subObj, event, skipShowDescription, eventInfo, path, synthetic);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// if ($('#' + id).data('lastScrollTop') == undefined) $('#' + id).data('lastScrollTop', '0');
|
|
|
|
|
// _attachDefaultObjectEvent($('#' + id), elementId, 'scroll', function (e) {
|
|
|
|
|
// $ax.setjBrowserEvent(e);
|
|
|
|
|
// var currentEvent = $ax.getjBrowserEvent();
|
|
|
|
|
// var eventInfoFromEvent = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
// if (map.onScroll) _handleEvent(elementId, eventInfoFromEvent, map.onScroll);
|
|
|
|
|
//
|
|
|
|
|
// var currentTop = $('#' + id).scrollTop();
|
|
|
|
|
// var wasHandled = currentEvent.originalEvent.handled;
|
|
|
|
|
// if (map.onScrollUp && currentTop < $('#' + id).data('lastScrollTop')) {
|
|
|
|
|
// currentEvent.originalEvent.handled = false;
|
|
|
|
|
// _handleEvent(elementId, eventInfoFromEvent, map.onScrollUp);
|
|
|
|
|
// } else if (map.onScrollDown && currentTop > $('#' + id).data('lastScrollTop')) {
|
|
|
|
|
// currentEvent.originalEvent.handled = false;
|
|
|
|
|
// _handleEvent(elementId, eventInfoFromEvent, map.onScrollDown);
|
|
|
|
|
// }
|
|
|
|
|
// currentEvent.originalEvent.handled |= wasHandled;
|
|
|
|
|
// $('#' + id).data('lastScrollTop', currentTop);
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
//remember the scroll bar position, so we can detect scroll up/down
|
|
|
|
|
var lastScrollTop;
|
|
|
|
|
// Filters include page, referenceDiagramObject, dynamicPanel, and repeater.
|
|
|
|
|
var fireEventThroughContainers = function(eventName, objects, synthetic, searchFilter, callFilter, path, itemId) {
|
|
|
|
|
// TODO: may want to pass in this as a parameter. At that point, may want to convert some of them to an option parameter. For now this is the only case
|
|
|
|
|
var skipShowDescription = eventName == 'onLoad';
|
|
|
|
|
|
|
|
|
|
// If objects undefined, load page
|
|
|
|
|
if(!objects) {
|
|
|
|
|
if(_callFilterCheck(callFilter, $ax.constants.PAGE_TYPE)) {
|
|
|
|
|
var map = $ax.pageData.page.interactionMap;
|
|
|
|
|
var currentEvent = $ax.getjBrowserEvent();
|
|
|
|
|
var pageEventInfo = $ax.getEventInfoFromEvent(currentEvent, skipShowDescription, '');
|
|
|
|
|
|
|
|
|
|
pageEventInfo.label = $ax.pageData.page.name;
|
|
|
|
|
pageEventInfo.friendlyType = 'Page';
|
|
|
|
|
|
|
|
|
|
var pageEvent = map && map[eventName];
|
|
|
|
|
var scrolling = currentEvent && currentEvent.type === "scroll";
|
|
|
|
|
if (scrolling && !pageEvent && map) pageEvent = map.onScrollUp || map.onScrollDown;
|
|
|
|
|
|
|
|
|
|
if (pageEvent) {
|
|
|
|
|
if (!scrolling || map.onScroll) _handleEvent('', pageEventInfo, pageEvent, skipShowDescription, synthetic);
|
|
|
|
|
|
|
|
|
|
if (scrolling) {
|
|
|
|
|
var wasHandled = currentEvent.originalEvent.handled;
|
|
|
|
|
var currentScrollTop = $(window).scrollTop();
|
|
|
|
|
if(map.onScrollUp && currentScrollTop < lastScrollTop) {
|
|
|
|
|
currentEvent.originalEvent.handled = false;
|
|
|
|
|
_handleEvent('', pageEventInfo, map.onScrollUp, skipShowDescription, synthetic);
|
|
|
|
|
} else if (map.onScrollDown && currentScrollTop > lastScrollTop) {
|
|
|
|
|
currentEvent.originalEvent.handled = false;
|
|
|
|
|
_handleEvent('', pageEventInfo, map.onScrollDown, skipShowDescription, synthetic);
|
|
|
|
|
}
|
|
|
|
|
currentEvent.originalEvent.handled |= wasHandled;
|
|
|
|
|
lastScrollTop = currentScrollTop;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (searchFilter.indexOf($ax.constants.PAGE_TYPE) != -1) fireEventThroughContainers(eventName, $ax.pageData.page.diagram.objects, synthetic, searchFilter, callFilter);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(!path) path = [];
|
|
|
|
|
|
|
|
|
|
var pathCopy = [];
|
|
|
|
|
for(var j = 0; j < path.length; j++) pathCopy[j] = path[j];
|
|
|
|
|
|
|
|
|
|
for(var i = 0; i < objects.length; i++) {
|
|
|
|
|
var obj = objects[i];
|
|
|
|
|
pathCopy[path.length] = obj.id;
|
|
|
|
|
if (!$ax.public.fn.IsReferenceDiagramObject(obj.type) && !$ax.public.fn.IsDynamicPanel(obj.type) && !$ax.public.fn.IsRepeater(obj.type) && !$ax.public.fn.IsLayer(obj.type)) {
|
|
|
|
|
if(_callFilterCheck(callFilter)) { //fire current event for all types
|
|
|
|
|
if ($ax.public.fn.IsTable(obj.type) || $ax.public.fn.IsMenuObject(obj.type) || $ax.public.fn.IsTreeNodeObject(obj.type)) {
|
|
|
|
|
_fireEventsForTableMenuAndTree(obj, eventName, skipShowDescription, undefined, path, !synthetic);
|
|
|
|
|
} else {
|
|
|
|
|
var scriptId = $ax.getScriptIdFromPath(pathCopy);
|
|
|
|
|
if(scriptId && itemId) scriptId = $ax.repeater.createElementId(scriptId, itemId);
|
|
|
|
|
$ax.event.raiseSyntheticEvent(scriptId, eventName, skipShowDescription, undefined, !synthetic);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var objId = $ax.getScriptIdFromPath(pathCopy);
|
|
|
|
|
// If limboed, move on to next item
|
|
|
|
|
if(!objId) continue;
|
|
|
|
|
if(itemId) objId = $ax.repeater.createElementId(objId, itemId);
|
|
|
|
|
|
|
|
|
|
if($ax.public.fn.IsReferenceDiagramObject(obj.type)) {
|
|
|
|
|
if(_callFilterCheck(callFilter, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE)) {
|
|
|
|
|
var axEvent = $ax.pageData.masters[obj.masterId].interactionMap[eventName];
|
|
|
|
|
if(axEvent) {
|
|
|
|
|
var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), skipShowDescription, objId);
|
|
|
|
|
eventInfo.isMasterEvent = true;
|
|
|
|
|
_handleEvent(objId, eventInfo, axEvent, skipShowDescription, synthetic);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if(searchFilter.indexOf($ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE) != -1) fireEventThroughContainers(eventName, $ax.pageData.masters[obj.masterId].diagram.objects, synthetic, searchFilter, callFilter, pathCopy, itemId);
|
|
|
|
|
} else if($ax.public.fn.IsDynamicPanel(obj.type)) {
|
|
|
|
|
if(_callFilterCheck(callFilter, $ax.constants.DYNAMIC_PANEL_TYPE)) $ax.event.raiseSyntheticEvent(objId, eventName, skipShowDescription, undefined, !synthetic);
|
|
|
|
|
|
|
|
|
|
if(searchFilter.indexOf($ax.constants.DYNAMIC_PANEL_TYPE) != -1) {
|
|
|
|
|
var diagrams = obj.diagrams;
|
|
|
|
|
for(var j = 0; j < diagrams.length; j++) {
|
|
|
|
|
fireEventThroughContainers(eventName, diagrams[j].objects, synthetic, searchFilter, callFilter, path, itemId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else if($ax.public.fn.IsRepeater(obj.type)) {
|
|
|
|
|
// TODO: possible an option for repeater item? Now fires overall for the repeater
|
|
|
|
|
if(_callFilterCheck(callFilter, $ax.constants.REPEATER)) $ax.event.raiseSyntheticEvent(objId, eventName, skipShowDescription, undefined, !synthetic);
|
|
|
|
|
if(searchFilter.indexOf($ax.constants.REPEATER) != -1) {
|
|
|
|
|
var itemIds = $ax.getItemIdsForRepeater(objId);
|
|
|
|
|
for(var j = 0; j < itemIds.length; j++) {
|
|
|
|
|
fireEventThroughContainers(eventName, obj.objects, synthetic, searchFilter, callFilter, path, itemIds[j]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else if($ax.public.fn.IsLayer(obj.type)) {
|
|
|
|
|
if(_callFilterCheck(callFilter, $ax.constants.LAYER_TYPE)) $ax.event.raiseSyntheticEvent(objId, eventName, skipShowDescription, undefined, !synthetic);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
eventNesting -= 1;
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var _callFilterCheck = function(callFilter, type) {
|
|
|
|
|
for(var index = 0; index < callFilter.length; index++) {
|
|
|
|
|
var currentType = callFilter[index];
|
|
|
|
|
if(currentType === $ax.constants.ALL_TYPE || currentType === type) return true;
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
// FOCUS stuff
|
|
|
|
|
(function() {
|
|
|
|
|
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _pageLoad = function() {
|
|
|
|
|
|
|
|
|
|
// Map of axure event names to pair of what it should attach to, and what the jquery event name is.
|
|
|
|
|
var PAGE_AXURE_TO_JQUERY_EVENT_NAMES = {
|
|
|
|
|
'onScroll': [window, 'scroll'],
|
|
|
|
|
'onScrollUp': [window, 'scrollup'],
|
|
|
|
|
'onScrollDown': [window, 'scrolldown'],
|
|
|
|
|
//'onResize': [window, 'resize'],
|
|
|
|
|
'onContextMenu': [window, 'contextmenu']
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var $win = $(window);
|
|
|
|
|
if(!$ax.features.supports.mobile) {
|
|
|
|
|
PAGE_AXURE_TO_JQUERY_EVENT_NAMES.onClick = ['html', 'click'];
|
|
|
|
|
PAGE_AXURE_TO_JQUERY_EVENT_NAMES.onDoubleClick = ['html', 'dblclick'];
|
|
|
|
|
PAGE_AXURE_TO_JQUERY_EVENT_NAMES.onMouseMove = ['html', 'mousemove'];
|
|
|
|
|
} else {
|
|
|
|
|
_event.initMobileEvents($win, $win, '');
|
|
|
|
|
|
|
|
|
|
$win.bind($ax.features.eventNames.mouseDownName, _updateMouseLocation);
|
|
|
|
|
$win.bind($ax.features.eventNames.mouseUpName, function(e) { _updateMouseLocation(e, true); });
|
|
|
|
|
|
|
|
|
|
$win.scroll(function() { _setCanClick(false); });
|
|
|
|
|
$win.bind($ax.features.eventNames.mouseDownName, (function() {
|
|
|
|
|
_setCanClick(true);
|
|
|
|
|
}));
|
|
|
|
|
}
|
|
|
|
|
$win.bind($ax.features.eventNames.mouseMoveName, _updateMouseLocation);
|
|
|
|
|
$win.scroll($ax.flyoutManager.reregisterAllFlyouts);
|
|
|
|
|
|
|
|
|
|
for(key in PAGE_AXURE_TO_JQUERY_EVENT_NAMES) {
|
|
|
|
|
if(!PAGE_AXURE_TO_JQUERY_EVENT_NAMES.hasOwnProperty(key)) continue;
|
|
|
|
|
(function(axureName) {
|
|
|
|
|
var jqueryEventNamePair = PAGE_AXURE_TO_JQUERY_EVENT_NAMES[axureName];
|
|
|
|
|
var actionName = jqueryEventNamePair[1];
|
|
|
|
|
|
|
|
|
|
if(actionName == "scrollup" || actionName == "scrolldown") return;
|
|
|
|
|
|
|
|
|
|
$(jqueryEventNamePair[0])[actionName](function (e) {
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
return fireEventThroughContainers(axureName, undefined, false, [$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE, $ax.constants.DYNAMIC_PANEL_TYPE, $ax.constants.REPEATER],
|
|
|
|
|
[$ax.constants.PAGE_TYPE, $ax.constants.REFERENCE_DIAGRAM_OBJECT_TYPE]);
|
|
|
|
|
});
|
|
|
|
|
})(key);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
eventNesting -= 1;
|
|
|
|
|
lastScrollTop = 0;
|
|
|
|
|
};
|
|
|
|
|
_event.pageLoad = _pageLoad;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|