|
|
|
|
|
// ******* 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 isConsoleTracing = false
|
|
|
|
|
|
var isPageLoading = true;
|
|
|
|
|
|
var savedMessages = [];
|
|
|
|
|
|
|
|
|
|
|
|
// Every time Debug begins/ends tracing or a new Debug.js file finishes loading this value will be updated
|
|
|
|
|
|
$axure.messageCenter.addStateListener("isTracing", function (key, value) {
|
|
|
|
|
|
isConsoleTracing = value;
|
|
|
|
|
|
isPageLoading = false;
|
|
|
|
|
|
|
|
|
|
|
|
if (isConsoleTracing) {
|
|
|
|
|
|
for (var i = 0; i < savedMessages.length; i++) {
|
|
|
|
|
|
$ax.messageCenter.postMessage(savedMessages[i]["message"], savedMessages[i]["data"]);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
savedMessages = [];
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var postMessage = function (message, data) {
|
|
|
|
|
|
// While page is still loading, we do not know if Console is set to trace, so save messages until load is finished and trace status can be determined
|
|
|
|
|
|
if (isPageLoading) {
|
|
|
|
|
|
savedMessages.push({ 'message': message, 'data': data });
|
|
|
|
|
|
} else if (isConsoleTracing) {
|
|
|
|
|
|
$ax.messageCenter.postMessage(message, data);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
//for dp, if mouse entered without leaving, don't fire mouse enter again
|
|
|
|
|
|
var mouseEnterGuard = {};
|
|
|
|
|
|
var _attachEvents = function (diagramObject, elementId, doMouseEnterGuard) {
|
|
|
|
|
|
|
|
|
|
|
|
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) {
|
|
|
|
|
|
if(e.type == 'mouseenter' && doMouseEnterGuard) {
|
|
|
|
|
|
if(mouseEnterGuard[elementId]) return;
|
|
|
|
|
|
else mouseEnterGuard[elementId] = true;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$ax.setjBrowserEvent(e);
|
|
|
|
|
|
// console.log(axEventObject.description);
|
|
|
|
|
|
var eventInfo = $ax.getEventInfoFromEvent($ax.getjBrowserEvent(), false, elementId);
|
|
|
|
|
|
_handleEvent(elementId, eventInfo, axEventObject);
|
|
|
|
|
|
};
|
|
|
|
|
|
})(diagramObject.interactionMap[eventName])
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
if(jQueryEventName.toLowerCase() == 'mouseenter' && doMouseEnterGuard) {
|
|
|
|
|
|
$jobj(elementId).on('mouseleave touchend', function() {
|
|
|
|
|
|
mouseEnterGuard[elementId] = false;
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
var _descriptionToKey = { 'OnFocus': 'onFocus', 'OnLostFocus': 'onLostFocus' };
|
|
|
|
|
|
var _createProxies = function(diagramObject, elementId) {
|
|
|
|
|
|
var createFocus = _needsProxy(diagramObject, elementId, 'onFocus');
|
|
|
|
|
|
var createLostFocus = _needsProxy(diagramObject, 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', 'OnPageContextMenu', 'OnPageKeyUp', 'OnPageKeyDown'];
|
|
|
|
|
|
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() {
|
|
|
|
|
|
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 _suppressedEvents = {}; // Suppressed for next occurance.
|
|
|
|
|
|
var _blockedEvents = {}; // Blocked until unblocked.
|
|
|
|
|
|
_event.addSuppressedEvent = function(id, event) {
|
|
|
|
|
|
if(!_suppressedEvents[id]) _suppressedEvents[id] = [];
|
|
|
|
|
|
var events = _suppressedEvents[id];
|
|
|
|
|
|
if(events.indexOf(event) != -1) return;
|
|
|
|
|
|
events.push(event);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
_event.blockEvent = function(id, event) {
|
|
|
|
|
|
if(!_blockedEvents[id]) _blockedEvents[id] = {};
|
|
|
|
|
|
var events = _blockedEvents[id];
|
|
|
|
|
|
if(events[event]) ++events[event];
|
|
|
|
|
|
else events[event] = 1;
|
|
|
|
|
|
return function() { _unblockEvent(id, event); };
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var _isSuppressedEvent = function(id, event) {
|
|
|
|
|
|
var suppressedEvents = _suppressedEvents[id];
|
|
|
|
|
|
var blockedEvents = _blockedEvents[id];
|
|
|
|
|
|
return (suppressedEvents && suppressedEvents.indexOf(event) != -1) || (blockedEvents && blockedEvents[event]);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var _removeSuppressedEvent = function(id, event) {
|
|
|
|
|
|
var events = _suppressedEvents[id];
|
|
|
|
|
|
if(!events) return;
|
|
|
|
|
|
if(events.length == 1) {
|
|
|
|
|
|
delete _suppressedEvents[id];
|
|
|
|
|
|
} else {
|
|
|
|
|
|
var eventIndex = events.indexOf(event);
|
|
|
|
|
|
for(var i = eventIndex + 1; i < events.length; i++) events[i - 1] = events[i];
|
|
|
|
|
|
events.pop();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
var _unblockEvent = function(id, event) {
|
|
|
|
|
|
var events = _blockedEvents[id];
|
|
|
|
|
|
if(events) {
|
|
|
|
|
|
if(--events[event] > 0) return;
|
|
|
|
|
|
}
|
|
|
|
|
|
_removeSuppressedEvent(id, event);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var _unblockEvent = function(id, event) {
|
|
|
|
|
|
var events = _blockedEvents[id];
|
|
|
|
|
|
if(events) {
|
|
|
|
|
|
if(--events[event] > 0) return;
|
|
|
|
|
|
}
|
|
|
|
|
|
_removeSuppressedEvent(id, event);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var eventNesting = 0;
|
|
|
|
|
|
var eventNestingTime = new Date().getTime();
|
|
|
|
|
|
|
|
|
|
|
|
var _handleEvent = $ax.event.handleEvent = function (elementId, eventInfo, axEventObject, skipShowDescriptions, synthetic) {
|
|
|
|
|
|
var eventDescription = axEventObject.description;
|
|
|
|
|
|
if(_enteredWidgets[elementId] && eventDescription == 'OnMouseEnter') return; // Suppress entering a widget when already in widget (ie only)
|
|
|
|
|
|
if(_isSuppressedEvent(elementId, eventDescription)) {
|
|
|
|
|
|
_removeSuppressedEvent(elementId, eventDescription);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if(axEventObject.proxy) {
|
|
|
|
|
|
var firingId = _widgetToFocusParent[elementId];
|
|
|
|
|
|
if(firingId) {
|
|
|
|
|
|
var firingObj = $obj(firingId);
|
|
|
|
|
|
var nextEventObj = firingObj.interactionMap && firingObj.interactionMap[_descriptionToKey[eventDescription]];
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
|
|
if (!synthetic && !_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') 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) postMessage('axEventComplete');
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
var _handleScrollEvent = function (elementId, eventInfo, originalEvent, scrolledUp, scrolledDown, interactionMap, skipShowDescription, synthetic) {
|
|
|
|
|
|
if (!interactionMap) return;
|
|
|
|
|
|
if (interactionMap.onScroll) _handleEvent(elementId, eventInfo, interactionMap.onScroll, skipShowDescription, synthetic);
|
|
|
|
|
|
|
|
|
|
|
|
var wasHandled = originalEvent.handled;
|
|
|
|
|
|
if (interactionMap.onScrollUp && scrolledUp) {
|
|
|
|
|
|
originalEvent.handled = false;
|
|
|
|
|
|
_handleEvent(elementId, eventInfo, interactionMap.onScrollUp, skipShowDescription, synthetic);
|
|
|
|
|
|
} else if (interactionMap.onScrollDown && scrolledDown) {
|
|
|
|
|
|
originalEvent.handled = false;
|
|
|
|
|
|
_handleEvent(elementId, eventInfo, interactionMap.onScrollDown, skipShowDescription, synthetic);
|
|
|
|
|
|
}
|
|
|
|
|
|
originalEvent.handled |= wasHandled;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
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];
|
|
|
|
|
|
postMessage('axCase', { 'item': currentCase.description, 'description': currentCase.conditionString, 'color': currentCase.caseColorHex })
|
|
|
|
|
|
for(var k = 0; k < currentCase.actions.length; k++) {
|
|
|
|
|
|
var currentAction = currentCase.actions[k];
|
|
|
|
|
|
|
|
|
|
|
|
// Only use action's direct description if no action info descriptions exist
|
|
|
|
|
|
postMessage('axAction', { 'name': currentAction.displayName });
|
|
|
|
|
|
//postMessage('axAction', { 'item': currentAction.description, 'description': (Object.keys(currentAction.actionInfoDescriptions).length > 0 ? "" : currentAction.description) });
|
|
|
|
|
|
|
|
|
|
|
|
for (var target in currentAction.actionInfoDescriptions) {
|
|
|
|
|
|
var infoDescriptions = currentAction.actionInfoDescriptions[target];
|
|
|
|
|
|
for (var shortDescription in infoDescriptions) {
|
|
|
|
|
|
postMessage('axInfo', { 'item': target, 'description': shortDescription, 'longDescription': infoDescriptions[shortDescription] });
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
postMessage('axEventComplete');
|
|
|
|
|
|
|
|
|
|
|
|
var bubble = $ax.action.dispatchAction(copy, axEventObject.cases[j].actions);
|
|
|
|
|
|
$ax.action.flushAllResizeMoveActions(copy);
|
|
|
|
|
|
$('#' + 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);
|
|
|
|
|
|
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);
|
|
|
|
|
|
// Switch to using jquery if this is still needed. Really old legacy code, likely for a browser no longer supported.
|
|
|
|
|
|
//$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)) {
|
|
|
|
|
|
postMessage('axCase', { 'item': currentCase.description, 'description': currentCase.conditionString, 'color': currentCase.caseColorHex })
|
|
|
|
|
|
|
|
|
|
|
|
for(var j = 0; j < currentCase.actions.length; j++) {
|
|
|
|
|
|
var currentAction = currentCase.actions[j];
|
|
|
|
|
|
if (currentAction.action != 'refreshRepeater') {
|
|
|
|
|
|
// Only use action's direct description if no action info descriptions exist
|
|
|
|
|
|
postMessage('axAction', { 'name': currentAction.displayName });
|
|
|
|
|
|
//postMessage('axAction', { 'item': currentAction.description, 'description': (Object.keys(currentAction.actionInfoDescriptions).length > 0 ? "" : currentAction.description) });
|
|
|
|
|
|
|
|
|
|
|
|
for (var target in currentAction.actionInfoDescriptions) {
|
|
|
|
|
|
var infoDescriptions = currentAction.actionInfoDescriptions[target];
|
|
|
|
|
|
for (var shortDescription in infoDescriptions) {
|
|
|
|
|
|
postMessage('axInfo', { 'item': target, 'description': shortDescription, 'longDescription': infoDescriptions[shortDescription] });
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
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(obj, id, proxyName) {
|
|
|
|
|
|
// 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;
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
var _enteredWidgets = {};
|
|
|
|
|
|
|
|
|
|
|
|
// 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 = {};
|
|
|
|
|
|
|
|
|
|
|
|
var initSuppressingEvents = function () {
|
|
|
|
|
|
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 jEventName = AXURE_TO_JQUERY_EVENT_NAMES[key];
|
|
|
|
|
|
if(!jEventName) continue;
|
|
|
|
|
|
$('body').bind(jEventName, function () {
|
|
|
|
|
|
suppressedEventStatus[cancelSuppressions[key]] = 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, refreshType) {
|
|
|
|
|
|
query.each(function (dObj, elementId) {
|
|
|
|
|
|
if (dObj == null) return; // TODO: Update expo items that pass here to potentially remove this logic
|
|
|
|
|
|
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) ||
|
|
|
|
|
|
(dObj.tabbable && ($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;
|
|
|
|
|
|
$ax.style.SetWidgetFocused(elementId, true);
|
|
|
|
|
|
});
|
|
|
|
|
|
focusObj.blur(function() {
|
|
|
|
|
|
$ax.style.SetWidgetFocused(elementId, false);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
// [MAS: Supressing events were here]
|
|
|
|
|
|
_createProxies(dObj, elementId);
|
|
|
|
|
|
var isDynamicPanel = $ax.public.fn.IsDynamicPanel(dObj.type);
|
|
|
|
|
|
if(dObj.interactionMap) {
|
|
|
|
|
|
_attachEvents(dObj, elementId, isDynamicPanel);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (IE || $axure.browser.isEdge) {
|
|
|
|
|
|
$element.mouseenter(function() {
|
|
|
|
|
|
_enteredWidgets[elementId] = true;
|
|
|
|
|
|
}).mouseleave(function() {
|
|
|
|
|
|
_enteredWidgets[elementId] = false;
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
_attachIxStyleEvents(dObj, elementId, $element);
|
|
|
|
|
|
|
|
|
|
|
|
var $axElement = $ax('#' + elementId);
|
|
|
|
|
|
// Base case is set up selected disabled based on the default in the axobj, for non, repeaters and resetting repeaters
|
|
|
|
|
|
var itemReset = refreshType == $ax.repeater.refreshType.reset;
|
|
|
|
|
|
if(!itemId || itemReset) {
|
|
|
|
|
|
//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) || isDynamicPanel || $ax.public.fn.IsLayer(dObj.type)
|
|
|
|
|
|
|| $ax.public.fn.IsTextBox(dObj.type) || $ax.public.fn.IsTextArea(dObj.type) || $ax.public.fn.IsComboBox(dObj.type) || $ax.public.fn.IsListBox(dObj.type)
|
|
|
|
|
|
|| $ax.public.fn.IsCheckBox(dObj.type) || $ax.public.fn.IsRadioButton(dObj.type)) {
|
|
|
|
|
|
|
|
|
|
|
|
if (dObj.disabled) $axElement.enabled(false);
|
|
|
|
|
|
|
|
|
|
|
|
// Initialize selected elements
|
|
|
|
|
|
if(dObj.selected) $axElement.selected(true);
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if(refreshType == $ax.repeater.refreshType.preEval) {
|
|
|
|
|
|
// Otherwise everything should be set up correctly by pre-eval, want to set up selected disabled dictionaries (and disabled status)
|
|
|
|
|
|
// Disabled layer/dynamic panel don't have the disabled class, but they do have the disabled attr written out, so use that in that case
|
|
|
|
|
|
if ($element.hasClass('disabled') ||
|
|
|
|
|
|
(($ax.IsLayer(dObj.type) || $ax.IsDynamicPanel(dObj.type)) && $element.attr('disabled'))) $axElement.enabled(false);
|
|
|
|
|
|
if($element.hasClass('selected')) $axElement.selected(true);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
// Persist means we want to leave it as is, but we want to make sure we use selected based off of the backing data, and not some class that exists because of the reset
|
|
|
|
|
|
$element.removeClass('selected');
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//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
|
|
|
|
|
|
var inputJobj = $jobj($ax.INPUT(elementId));
|
|
|
|
|
|
inputJobj.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);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
if(ANDROID) {
|
|
|
|
|
|
//input fires before keyup, to avoid flicker, supported in ie9 and above
|
|
|
|
|
|
inputJobj.bind('input', function() {
|
|
|
|
|
|
if(!dObj.HideHintOnFocused) { //hide on type
|
|
|
|
|
|
var id = this.id;
|
|
|
|
|
|
var inputIndex = id.indexOf('_input');
|
|
|
|
|
|
if(inputIndex == -1) return;
|
|
|
|
|
|
var inputId = id.substring(0, inputIndex);
|
|
|
|
|
|
|
|
|
|
|
|
if($ax.placeholderManager.isActive(inputId)) {
|
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(inputId, false, true);
|
|
|
|
|
|
} else if(!$jobj(id).val()) {
|
|
|
|
|
|
$ax.placeholderManager.updatePlaceholder(inputId, true, false);
|
|
|
|
|
|
$ax.placeholderManager.moveCaret(id, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
inputJobj.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(e) {
|
|
|
|
|
|
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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//prevents triggering player shortcuts
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$ax.placeholderManager.registerPlaceholder(elementId, dObj.placeholderText, inputJobj.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;
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName, function() { _setCanClick(true); });
|
|
|
|
|
|
if (isDynamicPanel) {
|
|
|
|
|
|
$element.children().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 (isDynamicPanel) {
|
|
|
|
|
|
$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 ((isDynamicPanel || $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);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
//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 synthetic drag and swipe events
|
|
|
|
|
|
if(map && (map.onDragStart || map.onDrag || map.onDragDrop || map.onSwipeLeft || map.onSwipeRight || map.onSwipeUp || map.onSwipeDown)) {
|
|
|
|
|
|
$element.bind($ax.features.eventNames.mouseDownName,
|
|
|
|
|
|
function (e) {
|
|
|
|
|
|
if (!e.originalEvent.donotdrag) $ax.registerTouchCount(e);
|
|
|
|
|
|
$ax.drag.StartDragWidget(e.originalEvent, elementId);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Attach dynamic panel synthetic scroll event
|
|
|
|
|
|
if (isDynamicPanel && 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(currentEvent, false, elementId);
|
|
|
|
|
|
|
|
|
|
|
|
var currentTop = $('#' + id).scrollTop();
|
|
|
|
|
|
var lastTop = $('#' + id).data('lastScrollTop');
|
|
|
|
|
|
|
|
|
|
|
|
_handleScrollEvent(elementId, eventInfoFromEvent, currentEvent.originalEvent, currentTop < lastTop, currentTop > lastTop, map);
|
|
|
|
|
|
$('#' + 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.
|
|
|
|
|
|
if($ax.event.HasKeyUpOrDown(dObj)) _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)) {
|
|
|
|
|
|
var radioGroupName = input.attr('name');
|
|
|
|
|
|
if(input.prop('selected')) {
|
|
|
|
|
|
$ax.updateRadioButtonSelected(radioGroupName, elementId);
|
|
|
|
|
|
}
|
|
|
|
|
|
var onClick = function() {
|
|
|
|
|
|
if(radioGroupName !== elementId) {
|
|
|
|
|
|
var radioGroup = $("input[name='" + radioGroupName + "']").parent();
|
|
|
|
|
|
for(var i = 0; i < radioGroup.length; i++) {
|
|
|
|
|
|
$ax.style.SetWidgetSelected(radioGroup[i].id, false, true);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
$ax.style.SetWidgetSelected(elementId, true, true);
|
|
|
|
|
|
};
|
|
|
|
|
|
} else {
|
|
|
|
|
|
onClick = function () {
|
|
|
|
|
|
$ax.style.SetWidgetSelected(elementId, !$ax.style.IsWidgetSelected(elementId), true);
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
input.click(onClick);
|
|
|
|
|
|
|
|
|
|
|
|
//$element.bind('change', function(e) {
|
|
|
|
|
|
// $ax.setjBrowserEvent(e);
|
|
|
|
|
|
// var eTarget = e.target || e.srcElement;
|
|
|
|
|
|
// _tryFireCheckedChanged(elementId, eTarget.selected);
|
|
|
|
|
|
//});
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
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 linkId = this.id;
|
|
|
|
|
|
if(_event.mouseOverIds.indexOf(linkId) != -1) return true;
|
|
|
|
|
|
_event.mouseOverIds[_event.mouseOverIds.length] = linkId;
|
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return true;
|
|
|
|
|
|
|
|
|
|
|
|
$ax.style.SetLinkHover(linkId);
|
|
|
|
|
|
|
|
|
|
|
|
var bubble = _fireObjectEvent(linkId, 'mouseenter', arguments);
|
|
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.GetParentIdFromLink(linkId));
|
|
|
|
|
|
return bubble;
|
|
|
|
|
|
}).mouseleave(function() {
|
|
|
|
|
|
var linkId = this.id;
|
|
|
|
|
|
$ax.splice(_event.mouseOverIds, _event.mouseOverIds.indexOf(linkId), 1);
|
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return true;
|
|
|
|
|
|
|
|
|
|
|
|
$ax.style.SetLinkNotHover(linkId);
|
|
|
|
|
|
|
|
|
|
|
|
var bubble = _fireObjectEvent(linkId, 'mouseleave', arguments);
|
|
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.GetParentIdFromLink(linkId));
|
|
|
|
|
|
return bubble;
|
|
|
|
|
|
}).bind($ax.features.eventNames.mouseDownName, function() {
|
|
|
|
|
|
var linkId = this.id;
|
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
|
if($ax.style.IsWidgetDisabled(mouseOverObjectId)) return undefined;
|
|
|
|
|
|
|
|
|
|
|
|
if(mouseOverObjectId) $ax.style.SetWidgetMouseDown(mouseOverObjectId, true);
|
|
|
|
|
|
$ax.style.SetLinkMouseDown(linkId);
|
|
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.GetParentIdFromLink(linkId));
|
|
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}).bind($ax.features.eventNames.mouseUpName, function() {
|
|
|
|
|
|
var linkId = this.id;
|
|
|
|
|
|
var mouseOverObjectId = _event.mouseOverObjectId;
|
|
|
|
|
|
if(mouseOverObjectId && $ax.style.IsWidgetDisabled(mouseOverObjectId)) return;
|
|
|
|
|
|
|
|
|
|
|
|
if(mouseOverObjectId) $ax.style.SetWidgetMouseDown(mouseOverObjectId, false);
|
|
|
|
|
|
$ax.style.SetLinkNotMouseDown(linkId);
|
|
|
|
|
|
|
|
|
|
|
|
$ax.annotation.updateLinkLocations($ax.GetParentIdFromLink(linkId));
|
|
|
|
|
|
|
|
|
|
|
|
}).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;
|
|
|
|
|
|
|
|
|
|
|
|
$axure.initializeObjectEvents = function (query, refreshType, _) {
|
|
|
|
|
|
//_initializeObjectEvents($ax(query), refreshType);
|
|
|
|
|
|
_initializeObjectEvents($ax(query), $ax.repeater.refreshType.persist);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$ax.event.updateIxStyleEvents = function(elementId) {
|
|
|
|
|
|
_dettachIxStyleEvents(elementId);
|
|
|
|
|
|
_attachIxStyleEvents($ax.getObjectFromElementId(elementId), elementId, $jobj(elementId), true);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function clearMouseDownIxStyle(e) {
|
|
|
|
|
|
if(_event.mouseDownObjectId) {
|
|
|
|
|
|
$('#' + _event.mouseDownObjectId).trigger(
|
|
|
|
|
|
{ type: "mouseup",
|
|
|
|
|
|
checkMouseOver: e.data && e.data.checkMouseOver
|
|
|
|
|
|
}
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var _dettachIxStyleEvents = function(elementId) {
|
|
|
|
|
|
var $element = $jobj(elementId);
|
|
|
|
|
|
$element.off('mouseenter.ixStyle')
|
|
|
|
|
|
.off('mouseleave.ixStyle')
|
|
|
|
|
|
.off($ax.features.eventNames.mouseDownName + '.ixStyle')
|
|
|
|
|
|
.off($ax.features.eventNames.mouseUpName + '.ixStyle');
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var _attachIxStyleEvents = function(dObj, elementId, $element, ignoreHasIxStyles) {
|
|
|
|
|
|
//attach button shape alternate styles
|
|
|
|
|
|
var isDynamicPanel = $ax.public.fn.IsDynamicPanel(dObj.type);
|
|
|
|
|
|
var needsMouseFilter = (ignoreHasIxStyles || $ax.event.HasIxStyles(dObj))
|
|
|
|
|
|
&& dObj.type != 'hyperlink' && !$ax.public.fn.IsLayer(dObj.type) && !isDynamicPanel && dObj.type != $ax.constants.TEXT_TYPE &&
|
|
|
|
|
|
!$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 () {
|
|
|
|
|
|
$element.on('mouseenter.ixStyle', 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);
|
|
|
|
|
|
$ax.annotation.updateLinkLocations(elementId);
|
|
|
|
|
|
//}).mouseleave(function () {
|
|
|
|
|
|
}).on('mouseleave.ixStyle', 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);
|
|
|
|
|
|
$ax.annotation.updateLinkLocations(elementId);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
//$element.bind($ax.features.eventNames.mouseDownName, function () {
|
|
|
|
|
|
$element.on($ax.features.eventNames.mouseDownName + '.ixStyle', function () {
|
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
|
if(parent) {
|
|
|
|
|
|
dynamicPanelMouseDown(parent.id);
|
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
|
}
|
|
|
|
|
|
_event.mouseDownObjectId = elementId;
|
|
|
|
|
|
//since we don't do mouse capture, it's possible that the mouseup not get triggered later
|
|
|
|
|
|
//in that case, detect the mouseup on document and dragend
|
|
|
|
|
|
$(document).one("mouseup", {checkMouseOver: true}, clearMouseDownIxStyle);
|
|
|
|
|
|
$("#" + elementId).one("dragend", clearMouseDownIxStyle);
|
|
|
|
|
|
|
|
|
|
|
|
$ax.style.SetWidgetMouseDown(this.id, true);
|
|
|
|
|
|
$ax.annotation.updateLinkLocations(elementId);
|
|
|
|
|
|
//}).bind($ax.features.eventNames.mouseUpName, function () {
|
|
|
|
|
|
}).on($ax.features.eventNames.mouseUpName + '.ixStyle', function (e) {
|
|
|
|
|
|
var elementId = this.id;
|
|
|
|
|
|
var parent = $ax.dynamicPanelManager.parentHandlesStyles(elementId);
|
|
|
|
|
|
if(parent) {
|
|
|
|
|
|
dynamicPanelMouseUp(parent.id);
|
|
|
|
|
|
if(parent.direct) return;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$(document).off("mouseup", clearMouseDownIxStyle);
|
|
|
|
|
|
|
|
|
|
|
|
if(_event.mouseDownObjectId) {
|
|
|
|
|
|
$("#" + _event.mouseDownObjectId).off("dragend", clearMouseDownIxStyle);
|
|
|
|
|
|
_event.mouseDownObjectId = '';
|
|
|
|
|
|
}
|
|
|
|
|
|
if(!$ax.style.ObjHasMouseDown(elementId)) return;
|
|
|
|
|
|
|
|
|
|
|
|
$ax.style.SetWidgetMouseDown(elementId, false, e.checkMouseOver);
|
|
|
|
|
|
$ax.annotation.updateLinkLocations(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 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);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// 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);
|
|
|
|
|
|
|
|
|
|
|
|
//check if the key is handled before triggering player shortcuts
|
|
|
|
|
|
if(!e.isDefaultPrevented() && !elementId) {
|
|
|
|
|
|
switch(e.which) {
|
|
|
|
|
|
case 188:
|
|
|
|
|
|
$ax.messageCenter.postMessage('previousPage');
|
|
|
|
|
|
break;
|
|
|
|
|
|
case 190:
|
|
|
|
|
|
$ax.messageCenter.postMessage('nextPage');
|
|
|
|
|
|
break;
|
|
|
|
|
|
default:
|
|
|
|
|
|
return; // exit this handler for other keys
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
|
|
// 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 coordinates
|
|
|
|
|
|
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 || $ax.style.IsWidgetDisabled(elementId)) 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.loadRepeaters();
|
|
|
|
|
|
|
|
|
|
|
|
// 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));
|
|
|
|
|
|
|
|
|
|
|
|
initSuppressingEvents();
|
|
|
|
|
|
|
|
|
|
|
|
// Anything with an item id is in a repeater and should be handled by that repeater.
|
|
|
|
|
|
_initializeObjectEvents($ax(function(obj, elementId) { return !$ax.repeater.getItemIdFromElementId(elementId); }));
|
|
|
|
|
|
|
|
|
|
|
|
//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.HasIxStyles = function(diagramObject) {
|
|
|
|
|
|
if(diagramObject.style.stateStyles) return true;
|
|
|
|
|
|
if(diagramObject.adaptiveStyles) {
|
|
|
|
|
|
for(var viewId in diagramObject.adaptiveStyles) {
|
|
|
|
|
|
if(diagramObject.adaptiveStyles[viewId].stateStyles) return true;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
return false;
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
$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.HasKeyUpOrDown = function (diagramObject) {
|
|
|
|
|
|
if($ax.public.fn.IsTextBox(diagramObject.type) || $ax.public.fn.IsTextArea(diagramObject.type)) return true;
|
|
|
|
|
|
var map = diagramObject.interactionMap;
|
|
|
|
|
|
return map && (map.onKeyUp || map.onKeyDown);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
$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);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//remember the scroll bar position, so we can detect scroll up/down
|
|
|
|
|
|
var lastScrollTop;
|
|
|
|
|
|
|
|
|
|
|
|
var fireEventForPageOrMaster = function (elementId, eventName, interactionMap, isPage, skipShowDescription, synthetic) {
|
|
|
|
|
|
if(!interactionMap) return;
|
|
|
|
|
|
|
|
|
|
|
|
var axEvent = interactionMap[eventName];
|
|
|
|
|
|
var scrolling = eventName === "onScroll";
|
|
|
|
|
|
if (scrolling && !axEvent) axEvent = interactionMap.onScrollUp || interactionMap.onScrollDown;
|
|
|
|
|
|
|
|
|
|
|
|
if (axEvent) {
|
|
|
|
|
|
var currentEvent = $ax.getjBrowserEvent();
|
|
|
|
|
|
var eventInfo = $ax.getEventInfoFromEvent(currentEvent, skipShowDescription, elementId);
|
|
|
|
|
|
|
|
|
|
|
|
if(isPage) {
|
|
|
|
|
|
eventInfo.label = $ax.pageData.page.name;
|
|
|
|
|
|
eventInfo.friendlyType = 'Page';
|
|
|
|
|
|
} else eventInfo.isMasterEvent = true;
|
|
|
|
|
|
|
|
|
|
|
|
if(scrolling) _handleScrollEvent(elementId, eventInfo, currentEvent.originalEvent, _event.windowScrollingUp, _event.windowScrollingDown, interactionMap, skipShowDescription, synthetic);
|
|
|
|
|
|
else _handleEvent(elementId, eventInfo, axEvent, skipShowDescription, synthetic);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
// Filters include page, referenceDiagramObject, dynamicPanel, and repeater.
|
|
|
|
|
|
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;
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
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)) {
|
|
|
|
|
|
//if scrolling, set direction, later master will know
|
|
|
|
|
|
if(eventName === "onScroll") {
|
|
|
|
|
|
var currentScrollTop = ((SAFARI && IOS) || SHARE_APP) ? $('#ios-safari-html').scrollTop() : $(window).scrollTop();
|
|
|
|
|
|
_event.windowScrollingUp = currentScrollTop < lastScrollTop;
|
|
|
|
|
|
_event.windowScrollingDown = currentScrollTop > lastScrollTop;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
fireEventForPageOrMaster('', eventName, $ax.pageData.page.interactionMap, true, skipShowDescription, synthetic);
|
|
|
|
|
|
}
|
|
|
|
|
|
if(searchFilter.indexOf($ax.constants.PAGE_TYPE) != -1) fireEventThroughContainers(eventName, $ax.pageData.page.diagram.objects, synthetic, searchFilter, callFilter);
|
|
|
|
|
|
//reset and save scrolling info at the end
|
|
|
|
|
|
if(currentScrollTop) {
|
|
|
|
|
|
lastScrollTop = currentScrollTop;
|
|
|
|
|
|
_event.windowScrollingUp = undefined;
|
|
|
|
|
|
_event.windowScrollingDown = undefined;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
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)) {
|
|
|
|
|
|
fireEventForPageOrMaster(objId, eventName, $ax.pageData.masters[obj.masterId].interactionMap, false, 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);
|
|
|
|
|
|
|
|
|
|
|
|
if(obj.objs && obj.objs.length > 0) {
|
|
|
|
|
|
fireEventThroughContainers(eventName, obj.objs, synthetic, searchFilter, callFilter, path, itemId);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
eventNesting -= 1;
|
|
|
|
|
|
|
|
|
|
|
|
}; // 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;
|
|
|
|
|
|
|
|
|
|
|
|
var jObj = jqueryEventNamePair[0];
|
|
|
|
|
|
if ((SAFARI && IOS) || SHARE_APP) jObj = '#ios-safari-html';
|
|
|
|
|
|
|
|
|
|
|
|
$(jObj)[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;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|
