整理demo+UI
This commit is contained in:
chengsir
326
demo/resources/scripts/axure/init.temp.js
Normal file
326
demo/resources/scripts/axure/init.temp.js
Normal file
@@ -0,0 +1,326 @@
|
||||
$axure.internal(function($ax) {
|
||||
|
||||
$(window.document).ready(function () {
|
||||
|
||||
//var readyStart = (new Date()).getTime();
|
||||
|
||||
//this is because the page id is not formatted as a guid
|
||||
var pageId = $ax.pageData.page.packageId;
|
||||
|
||||
var pageData = {
|
||||
id: pageId,
|
||||
pageName: $ax.pageData.page.name,
|
||||
location: window.location.toString(),
|
||||
notes: $ax.pageData.page.notes,
|
||||
widgetNotes: $ax.pageData.page.annotations,
|
||||
//clipToView: $ax.pageData.clipToView,
|
||||
defaultAdaptiveView: $ax.pageData.defaultAdaptiveView,
|
||||
adaptiveViews: $ax.pageData.adaptiveViews,
|
||||
masterNotes: []
|
||||
};
|
||||
|
||||
var fnPrefix = '';
|
||||
function pushNextPrefix() {
|
||||
if (fnPrefix.length == 0) fnPrefix = 'A';
|
||||
else fnPrefix = fnPrefix[0] == 'Z' ? 'A'.repeat(fnPrefix.length + 1) : String.fromCharCode(fnPrefix.charCodeAt(0) + 1).repeat(fnPrefix.length);
|
||||
}
|
||||
|
||||
function populateNotes(pageForNotes) {
|
||||
for (var master in pageForNotes.masters) {
|
||||
//var master = pageForNotes.masters[i];
|
||||
var masterData = pageForNotes.masters[master];
|
||||
var hasWidgetNotes = masterData.annotations && masterData.annotations.length > 0;
|
||||
if ((master.notes && !$.isEmptyObject(masterData.notes)) || hasWidgetNotes) {
|
||||
if(hasWidgetNotes) pushNextPrefix();
|
||||
var m = {};
|
||||
m.pageName = masterData.name;
|
||||
m.notes = masterData.notes;
|
||||
m.widgetNotes = masterData.annotations;
|
||||
pageData.masterNotes.push(m);
|
||||
if(hasWidgetNotes) populateOwnerToFn(m.widgetNotes);
|
||||
}
|
||||
populateNotes(master);
|
||||
}
|
||||
}
|
||||
|
||||
var ownerToFns = {};
|
||||
function populateOwnerToFn(widgetNotes) {
|
||||
if(typeof widgetNotes == 'undefined') return false;
|
||||
for (var i = 0; i < widgetNotes.length; i++) {
|
||||
var widgetNote = widgetNotes[i];
|
||||
widgetNote['fn'] = fnPrefix + widgetNote['fn'];
|
||||
var fn = widgetNote['fn'];
|
||||
var ownerId = widgetNote['ownerId'];
|
||||
if (ownerId !== undefined && ownerId.length > 0) {
|
||||
var ownerLabels = ownerToFns[ownerId];
|
||||
if (ownerLabels == undefined) ownerLabels = [];
|
||||
ownerLabels.push(fn);
|
||||
ownerToFns[ownerId] = ownerLabels;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
populateOwnerToFn(pageData.widgetNotes);
|
||||
populateNotes($ax.pageData);
|
||||
pageData.ownerToFns = ownerToFns;
|
||||
|
||||
$ax.pageData.notesData = pageData;
|
||||
|
||||
//var anns = [];
|
||||
//$ax('*').each(function (dObj, elementId) {
|
||||
// pushAnnotation(dObj, elementId);
|
||||
//});
|
||||
|
||||
//function pushAnnotation(dObj, elementId) {
|
||||
// var ann = dObj.annotation;
|
||||
// if(ann) {
|
||||
// ann = $ax.deepCopy(ann);
|
||||
// ann["id"] = elementId;
|
||||
// ann["label"] = dObj.label + " (" + dObj.friendlyType + ")";
|
||||
// anns.push(ann);
|
||||
// }
|
||||
|
||||
// if(dObj.type === 'repeater' && dObj.objects) {
|
||||
// //if it's repeater, save the id as repeaterId@scriptId
|
||||
// for(var i = 0, len = dObj.objects.length; i < len; i++) {
|
||||
// var child = dObj.objects[i];
|
||||
// var scriptId = $ax.getScriptIdFromPath([child.id], elementId);
|
||||
// pushAnnotation(child, elementId + '@' + scriptId);
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
||||
//pageData.widgetNotes = anns;
|
||||
|
||||
//only trigger the page.data setting if the window is on the mainframe
|
||||
var isMainFrame = false;
|
||||
try {
|
||||
if(window.name == 'mainFrame' ||
|
||||
(!CHROME_5_LOCAL && window.parent.$ && window.parent.$('#mainFrame').length > 0)) {
|
||||
isMainFrame = true;
|
||||
|
||||
$ax.messageCenter.addMessageListener(function(message, data) {
|
||||
if(message == 'finishInit') {
|
||||
_processTempInit();
|
||||
}
|
||||
});
|
||||
|
||||
$axure.messageCenter.setState('page.data', pageData);
|
||||
window.focus();
|
||||
}
|
||||
} catch(e) { }
|
||||
|
||||
//attach here for chrome local
|
||||
//$(window).on('load', function() {
|
||||
// $ax.style.initializeObjectTextAlignment($ax('*'));
|
||||
//});
|
||||
|
||||
if(!isMainFrame) _processTempInit();
|
||||
});
|
||||
|
||||
var touchCount = 0;
|
||||
var lastTouch = Date.now();
|
||||
var _registerTouchCount = $ax.registerTouchCount = function (e) {
|
||||
var now = Date.now();
|
||||
if (now - lastTouch < 375) {
|
||||
if (++touchCount === 3) {
|
||||
$(':input').blur();
|
||||
$ax.messageCenter.postMessage('tripleClick', true);
|
||||
e.preventDefault();
|
||||
};
|
||||
} else {
|
||||
touchCount = 1;
|
||||
}
|
||||
lastTouch = now;
|
||||
};
|
||||
|
||||
// Block IOS stalling second tap.
|
||||
// Stop third click from also clicking mobile card
|
||||
var _clearTouchCount = $ax.clearTouchCount = function (e) {
|
||||
if (touchCount === 3) {
|
||||
touchCount = 0;
|
||||
e.preventDefault();
|
||||
}
|
||||
};
|
||||
|
||||
var _processTempInit = function() {
|
||||
//var start = (new Date()).getTime();
|
||||
//var end = (new Date()).getTime();
|
||||
//window.alert('elapsed ' + (end - start));
|
||||
|
||||
$('iframe').each(function() {
|
||||
var origSrc = $(this).attr('basesrc');
|
||||
|
||||
var $this = $(this);
|
||||
if(origSrc) {
|
||||
var newSrcUrl = origSrc.toLowerCase().indexOf('http://') == -1 ? $ax.globalVariableProvider.getLinkUrl(origSrc) : origSrc;
|
||||
$this.attr('src', newSrcUrl);
|
||||
}
|
||||
|
||||
if(IOS) {
|
||||
$this.parent().css('overflow', 'auto').css('-webkit-overflow-scrolling', 'touch').css('-ms-overflow-x', 'hidden').css('overflow-x', 'hidden');
|
||||
}
|
||||
});
|
||||
|
||||
$axure.messageCenter.addMessageListener(function(message, data) {
|
||||
if(message == 'setGlobalVar') {
|
||||
$ax.globalVariableProvider.setVariableValue(data.globalVarName, data.globalVarValue, true);
|
||||
}
|
||||
});
|
||||
|
||||
window.lastFocusedClickable = null;
|
||||
var _lastFocusedClickableSelector = 'input, a';
|
||||
var shouldOutline = true;
|
||||
|
||||
$ax(function (dObj) { return dObj.tabbable; }).each(function (dObj, elementId) {
|
||||
if ($ax.public.fn.IsLayer(dObj.type)) $ax.event.layerMapFocus(dObj, elementId);
|
||||
var focusableId = $ax.event.getFocusableWidgetOrChildId(elementId);
|
||||
var $focusable = $('#' + focusableId);
|
||||
$focusable.attr("tabIndex", 0);
|
||||
if($focusable.is('div') || $focusable.is('img')) {
|
||||
$focusable.bind($ax.features.eventNames.mouseDownName, function() {
|
||||
shouldOutline = false;
|
||||
});
|
||||
attachFocusAndBlur($focusable);
|
||||
}
|
||||
});
|
||||
|
||||
$(window.document).bind($ax.features.eventNames.mouseUpName, function() {
|
||||
shouldOutline = true;
|
||||
});
|
||||
|
||||
attachFocusAndBlur($(_lastFocusedClickableSelector));
|
||||
|
||||
function attachFocusAndBlur($query) {
|
||||
$query.focus(function () {
|
||||
if(shouldOutline) {
|
||||
$(this).css('outline', '');
|
||||
} else {
|
||||
$(this).css('outline', 'none');
|
||||
}
|
||||
window.lastFocusedClickable = this;
|
||||
}).blur(function () {
|
||||
if(window.lastFocusedClickable == this) window.lastFocusedClickable = null;
|
||||
});
|
||||
}
|
||||
|
||||
$(window.document).bind('keyup', function (e) {
|
||||
switch(e.which) {
|
||||
case 13:
|
||||
case 32:
|
||||
if(window.lastFocusedClickable) $(window.lastFocusedClickable).click();
|
||||
break;
|
||||
default: return; // exit this handler for other keys
|
||||
}
|
||||
});
|
||||
|
||||
//if($ax.document.configuration.hideAddress) {
|
||||
// $(window).on('load', function() {
|
||||
// window.setTimeout(function() {
|
||||
// window.scrollTo(0, 0.9);
|
||||
// }, 0);
|
||||
// });
|
||||
//}
|
||||
|
||||
//if($ax.document.configuration.preventScroll) {
|
||||
// $(window.document).bind('touchmove', function(e) {
|
||||
// var inScrollable = $ax.legacy.GetScrollable(e.target) != window.document.body;
|
||||
// if(!inScrollable) {
|
||||
// e.preventDefault();
|
||||
// }
|
||||
// });
|
||||
|
||||
// $ax(function(diagramObject) {
|
||||
// return $ax.public.fn.IsDynamicPanel(diagramObject.type) && diagramObject.scrollbars != 'none';
|
||||
// }).$().children().bind('touchstart', function() {
|
||||
// var target = this;
|
||||
// var top = target.scrollTop;
|
||||
// if(top <= 0) target.scrollTop = 1;
|
||||
// if(top + target.offsetHeight >= target.scrollHeight) target.scrollTop = target.scrollHeight - target.offsetHeight - 1;
|
||||
// });
|
||||
//}
|
||||
|
||||
if(OS_MAC && WEBKIT) {
|
||||
$ax(function(diagramObject) {
|
||||
return $ax.public.fn.IsComboBox(diagramObject.type);
|
||||
}).each(function(obj, id) {
|
||||
$jobj($ax.INPUT(id)).css('-webkit-appearance', 'menulist-button');
|
||||
});
|
||||
}
|
||||
|
||||
if($ax.features.supports.mobile) {
|
||||
$('html').first().on('touchstart', _registerTouchCount);
|
||||
$('html').first().on('touchend', _clearTouchCount);
|
||||
|
||||
// Stop pinch zoom (stopping all gestures for now)
|
||||
// Gesturestart is only supported in Safari
|
||||
if (SAFARI) {
|
||||
document.addEventListener("gesturestart", function (e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$ax.annotation.initialize();
|
||||
|
||||
$ax.legacy.BringFixedToFront();
|
||||
$ax.event.initialize();
|
||||
$ax.style.initialize();
|
||||
$ax.visibility.initialize();
|
||||
$ax.repeater.initialize();
|
||||
$ax.dynamicPanelManager.initialize(); //needs to be called after visibility is initialized
|
||||
$ax.adaptive.initialize();
|
||||
$ax.loadDynamicPanelsAndMasters();
|
||||
$ax.adaptive.loadFinished();
|
||||
var start = (new Date()).getTime();
|
||||
$ax.repeater.initRefresh();
|
||||
var end = (new Date()).getTime();
|
||||
console.log('loadTime: ' + (end - start) / 1000);
|
||||
$ax.style.prefetch();
|
||||
|
||||
$(window).resize();
|
||||
|
||||
//var readyEnd = (new Date()).getTime();
|
||||
//window.alert('elapsed ' + (readyEnd - readyStart));
|
||||
};
|
||||
});
|
||||
|
||||
/* extend canvas */
|
||||
var gv_hasCanvas = false;
|
||||
(function() {
|
||||
var _canvas = document.createElement('canvas'), proto, abbrev;
|
||||
if(gv_hasCanvas = !!(_canvas.getContext && _canvas.getContext('2d')) && typeof (CanvasGradient) !== 'undefined') {
|
||||
function chain(func) {
|
||||
return function() {
|
||||
return func.apply(this, arguments) || this;
|
||||
};
|
||||
}
|
||||
|
||||
with(proto = CanvasRenderingContext2D.prototype) for(var func in abbrev = {
|
||||
a: arc,
|
||||
b: beginPath,
|
||||
n: clearRect,
|
||||
c: clip,
|
||||
p: closePath,
|
||||
g: createLinearGradient,
|
||||
f: fill,
|
||||
j: fillRect,
|
||||
z: function(s) { this.fillStyle = s; },
|
||||
l: lineTo,
|
||||
w: function(w) { this.lineWidth = w; },
|
||||
m: moveTo,
|
||||
q: quadraticCurveTo,
|
||||
h: rect,
|
||||
r: restore,
|
||||
o: rotate,
|
||||
s: save,
|
||||
x: scale,
|
||||
y: function(s) { this.strokeStyle = s; },
|
||||
u: setTransform,
|
||||
k: stroke,
|
||||
i: strokeRect,
|
||||
t: translate
|
||||
}) proto[func] = chain(abbrev[func]);
|
||||
CanvasGradient.prototype.a = chain(CanvasGradient.prototype.addColorStop);
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user