kopia lustrzana https://github.com/c9/core
remove unused code from apf
nightwing
rodzic
8e9d60413b
commit
81b30889f9
|
|
@ -1,7 +1,5 @@
|
||||||
define(function(require, module, exports) {
|
define(function(require, module, exports) {
|
||||||
return function(apf) {
|
return function(apf) {
|
||||||
var $setTimeout = setTimeout;
|
|
||||||
var $setInterval = setInterval;
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -370,9 +368,6 @@ apf.page = function(struct, tagName) {
|
||||||
};
|
};
|
||||||
|
|
||||||
this.$activate = function() {
|
this.$activate = function() {
|
||||||
//if (this.disabled)
|
|
||||||
//return false;
|
|
||||||
|
|
||||||
this.$active = true;
|
this.$active = true;
|
||||||
|
|
||||||
if (!this.$drawn) {
|
if (!this.$drawn) {
|
||||||
|
|
@ -568,12 +563,6 @@ apf.page = function(struct, tagName) {
|
||||||
elBtn.setAttribute("onmouseout", 'var o = apf.lookup('
|
elBtn.setAttribute("onmouseout", 'var o = apf.lookup('
|
||||||
+ this.$uniqueId + ');o&&o.$btnOut(this, event);');
|
+ this.$uniqueId + ');o&&o.$btnOut(this, event);');
|
||||||
|
|
||||||
//var cssClass = this.getAttribute("class");
|
|
||||||
//if (cssClass) {
|
|
||||||
// apf.setStyleClass(elBtn, cssClass);
|
|
||||||
// this.$lastClassValueBtn = cssClass;
|
|
||||||
//}
|
|
||||||
|
|
||||||
this.$button = apf.insertHtmlNode(elBtn, this.parentNode.$buttons);
|
this.$button = apf.insertHtmlNode(elBtn, this.parentNode.$buttons);
|
||||||
|
|
||||||
var closebtn = this.closebtn = this.getAttribute("closebtn");
|
var closebtn = this.closebtn = this.getAttribute("closebtn");
|
||||||
|
|
@ -581,13 +570,6 @@ apf.page = function(struct, tagName) {
|
||||||
this.$propHandlers["closebtn"].call(this, true);
|
this.$propHandlers["closebtn"].call(this, true);
|
||||||
|
|
||||||
|
|
||||||
// if (this.parentNode.$scale) {
|
|
||||||
// var w = apf.getHtmlInnerWidth(this.parentNode.$buttons);
|
|
||||||
// var l = this.parentNode.getPages().length;
|
|
||||||
// this.$button.style.width = Math.round(Math.min(w/l, this.parentNode.$maxBtnWidth)) + "px";
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
if (!isSkinSwitch && this.nextSibling && this.nextSibling.$button)
|
if (!isSkinSwitch && this.nextSibling && this.nextSibling.$button)
|
||||||
this.$button.parentNode.insertBefore(this.$button, this.nextSibling.$button);
|
this.$button.parentNode.insertBefore(this.$button, this.nextSibling.$button);
|
||||||
|
|
||||||
|
|
@ -1042,14 +1024,6 @@ apf.BaseTab = function() {
|
||||||
p.style[apf.CSSPREFIX + "TransitionDuration"] = ".2s";
|
p.style[apf.CSSPREFIX + "TransitionDuration"] = ".2s";
|
||||||
p.style[apf.CSSPREFIX + "TimingFunction"] = "ease-out";
|
p.style[apf.CSSPREFIX + "TimingFunction"] = "ease-out";
|
||||||
|
|
||||||
// if (!isLast && isContracted) {
|
|
||||||
// t.style.minWidth = "20px"
|
|
||||||
// t.style.maxWidth = "0px";
|
|
||||||
// t.style.padding = 0;
|
|
||||||
|
|
||||||
// end();
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
if (isLast)
|
if (isLast)
|
||||||
p.style.paddingRight = "";
|
p.style.paddingRight = "";
|
||||||
|
|
@ -1062,7 +1036,6 @@ apf.BaseTab = function() {
|
||||||
|
|
||||||
end();
|
end();
|
||||||
}, isOnly ? 150 : 100);
|
}, isOnly ? 150 : 100);
|
||||||
// }
|
|
||||||
|
|
||||||
function end() {
|
function end() {
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
|
|
@ -1121,9 +1094,6 @@ apf.BaseTab = function() {
|
||||||
apf.removeListener(_self.$buttons, "mouseout", btnMoHandler);
|
apf.removeListener(_self.$buttons, "mouseout", btnMoHandler);
|
||||||
delete _self.$waitForMouseOut;
|
delete _self.$waitForMouseOut;
|
||||||
_self.$scaleinit(null, "sync");
|
_self.$scaleinit(null, "sync");
|
||||||
// }
|
|
||||||
// else if (_self.$waitForMouseOut)
|
|
||||||
// _self.$waitForMouseOut = 2;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1352,374 +1322,6 @@ apf.BaseTab = function() {
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
var SCROLLANIM = {
|
|
||||||
scrollOn: false,
|
|
||||||
steps: 15,
|
|
||||||
interval: 10,
|
|
||||||
size: 0,
|
|
||||||
left: 0,
|
|
||||||
control: {
|
|
||||||
stop: false
|
|
||||||
},
|
|
||||||
stopHandle: function() {
|
|
||||||
bAnimating = false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
SCROLL_OFF = 0x0001,
|
|
||||||
SCROLL_HOVER = 0x0002,
|
|
||||||
SCROLL_DOWN = 0x0004,
|
|
||||||
SCROLL_DIS = 0x0008,
|
|
||||||
SCROLL_L_STATE = SCROLL_OFF,
|
|
||||||
SCROLL_R_STATE = SCROLL_OFF,
|
|
||||||
SCROLL_LEFT = 0x0001,
|
|
||||||
SCROLL_RIGHT = 0x0002,
|
|
||||||
SCROLL_BOTH = 0x0004,
|
|
||||||
bAnimating = false,
|
|
||||||
scrollTimer = null,
|
|
||||||
keepScrolling = false,
|
|
||||||
globalDir = SCROLL_LEFT;
|
|
||||||
*/
|
|
||||||
function getButtonsWidth() {
|
|
||||||
var cId = "cache_" + this.$buttons.childNodes.length;
|
|
||||||
if (SCROLLANIM[cId])
|
|
||||||
return SCROLLANIM[cId];
|
|
||||||
|
|
||||||
var iWidth = 0;
|
|
||||||
for (var i = 0, l = this.$buttons.childNodes.length; i < l; i++) {
|
|
||||||
if (typeof this.$buttons.childNodes[i].offsetWidth != "undefined")
|
|
||||||
iWidth += this.$buttons.childNodes[i].offsetWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
return SCROLLANIM[cId] = iWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
function setButtonState(dir, state) {
|
|
||||||
var bBoth = dir & SCROLL_BOTH;
|
|
||||||
if (bBoth)
|
|
||||||
dir = SCROLL_LEFT;
|
|
||||||
var oBtn = this[dir & SCROLL_LEFT ? "oLeftScroll" : "oRightScroll"];
|
|
||||||
if (!(state & SCROLL_DIS)) {
|
|
||||||
if (dir & SCROLL_LEFT)
|
|
||||||
SCROLL_L_STATE = state;
|
|
||||||
else
|
|
||||||
SCROLL_R_STATE = state;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (state & SCROLL_OFF)
|
|
||||||
apf.setStyleClass(oBtn, "", ["disabled", "hover", "down"]);
|
|
||||||
else if (state & SCROLL_HOVER)
|
|
||||||
apf.setStyleClass(oBtn, "hover", ["disabled", "down"]);
|
|
||||||
else if (state & SCROLL_DOWN)
|
|
||||||
apf.setStyleClass(oBtn, "down", ["disabled", "hover"]);
|
|
||||||
else if (state & SCROLL_DIS)
|
|
||||||
apf.setStyleClass(oBtn, "disabled", ["hover", "down"]);
|
|
||||||
|
|
||||||
if (bBoth)
|
|
||||||
setButtonState(SCROLL_RIGHT, state);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sets the state scroller buttons: `enabled`, `disabled` or completely `hidden`,
|
|
||||||
* depending on the state of the tab buttons
|
|
||||||
*
|
|
||||||
* @param {Boolean} [bOn] Indicates whether to turn the scroll buttons on or off
|
|
||||||
* @param {Number} [iBtns] Specifies the buttons to set the state of. Can be [[apf.BaseTab.SCROLL_LEFT]], [[apf.BaseTab.SCROLL_RIGHT]] or [[apf.BaseTab.SCROLL_BOTH]]
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
this.setScrollerState = function(bOn, iBtns) {
|
|
||||||
if (!this.ready || !this.$hasButtons || !this.oScroller) return;
|
|
||||||
|
|
||||||
if (typeof bOn == "undefined") {
|
|
||||||
var scrollerWidth = this.oScroller.offsetWidth
|
|
||||||
|| parseInt(apf.getStyle(this.oScroller, "width").replace(/(px|em|%)/, ""));
|
|
||||||
bOn = ((getButtonsWidth.call(this) + scrollerWidth) > this.$ext.offsetWidth);
|
|
||||||
iBtns = SCROLL_BOTH;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (iBtns & SCROLL_BOTH && bOn !== SCROLLANIM.scrollOn) {
|
|
||||||
// in case of HIDING the scroller: check if the anim stuff has reverted
|
|
||||||
SCROLLANIM.scrollOn = bOn;
|
|
||||||
if (!bOn) {
|
|
||||||
this.$buttons.style.left = SCROLLANIM.left + "px";
|
|
||||||
this.oScroller.style.display = "none";
|
|
||||||
}
|
|
||||||
//else
|
|
||||||
// TODO: scroll active tab into view if it becomes hidden beneath scroller node(s)
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
this.oScroller.style.display = "";
|
|
||||||
}
|
|
||||||
|
|
||||||
this.oScroller.style.display = (iBtns & SCROLL_BOTH && !bOn)
|
|
||||||
? "none"
|
|
||||||
: "";
|
|
||||||
if (typeof iBtns == "undefined")
|
|
||||||
iBtns = SCROLL_BOTH;
|
|
||||||
if (!bOn) {
|
|
||||||
if ((iBtns & SCROLL_LEFT) || (iBtns & SCROLL_BOTH))
|
|
||||||
setButtonState.call(this, SCROLL_LEFT, SCROLL_DIS);
|
|
||||||
if ((iBtns & SCROLL_RIGHT) || (iBtns & SCROLL_BOTH))
|
|
||||||
setButtonState.call(this, SCROLL_RIGHT, SCROLL_DIS);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Corrects the state of the scroller buttons when the state of external
|
|
||||||
* components change, like on a resize event of a window.
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
this.correctScrollState = function() {
|
|
||||||
if (!this.ready || !this.$hasButtons || !this.oScroller) return;
|
|
||||||
this.setScrollerState();
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Retrieves the utmost left or right boundaries of the tab buttons strip that
|
|
||||||
* can be scrolled to. The tabs cannot scroll any further than these boundaries
|
|
||||||
*
|
|
||||||
* @param {Number} dir Determines which boundary side to look at, either [[apf.BaseTab.SCROLL_LEFT]] or [[apf.BaseTab.SCROLL_RIGHT]]
|
|
||||||
* @param {Boolean} [useCache] Used only when tabs are draggable. Not implemented.
|
|
||||||
* @returns {Number}
|
|
||||||
*/
|
|
||||||
function getAnimationBoundary(dir, useCache) {
|
|
||||||
if (SCROLLANIM.size <= 0) {
|
|
||||||
SCROLLANIM.left = this.$buttons.offsetLeft;
|
|
||||||
SCROLLANIM.size = Math.round(this.firstChild.$button.offsetWidth);
|
|
||||||
}
|
|
||||||
if (dir & SCROLL_LEFT) {
|
|
||||||
return SCROLLANIM.left;
|
|
||||||
}
|
|
||||||
else if (dir & SCROLL_RIGHT) {
|
|
||||||
// TODO: support Drag n Drop of tabs...
|
|
||||||
//if (typeof useCache == "undefined") useCache = false;
|
|
||||||
//if (!tabcontrol.drag) tabcontrol.drag = {};
|
|
||||||
//if (useCache && tabcontrol.drag.boundCache)
|
|
||||||
// return tabcontrol.drag.boundCache;
|
|
||||||
var oNode = this.$buttons.childNodes[this.$buttons.childNodes.length - 1];
|
|
||||||
|
|
||||||
return this.$ext.offsetWidth - (oNode.offsetLeft + oNode.offsetWidth
|
|
||||||
+ (this.oScroller.offsetWidth + 4));// used to be tabcontrol.drag.boundCache;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @event scroll Executed when the user presses one of the two scroll buttons
|
|
||||||
* (left or right).
|
|
||||||
*
|
|
||||||
* If the tab-buttons strip can be scrolled, the
|
|
||||||
* respective behavior is called.
|
|
||||||
*
|
|
||||||
* @param {Event} e An event object, usually a mousedown event from a scroller-button
|
|
||||||
* @param {Number} dir The direction of the scroll, either [[apf.BaseTab.SCROLL_LEFT]] or [[apf.BaseTab.SCROLL_RIGHT]]
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
this.scroll = function(e, dir) {
|
|
||||||
if (!this.ready || !this.$hasButtons || !this.oScroller) return;
|
|
||||||
if (!e)
|
|
||||||
e = window.event;
|
|
||||||
if (typeof e["type"] == "unknown") //scope expired (prolly GC'ed)
|
|
||||||
e = { type: "click" };
|
|
||||||
if (bAnimating && e.type != "dblclick") return;
|
|
||||||
var bAnimating = true;
|
|
||||||
|
|
||||||
if (typeof dir == "undefined")
|
|
||||||
dir = SCROLL_LEFT;
|
|
||||||
|
|
||||||
//apf.tween.clearQueue(this.$buttons, true);
|
|
||||||
var iCurrentLeft = this.$buttons.offsetLeft,
|
|
||||||
size = e["delta"] ? Math.round(e.delta * 36) : SCROLLANIM.size,
|
|
||||||
//get maximum left offset for either direction
|
|
||||||
iBoundary = getAnimationBoundary.call(this, dir),
|
|
||||||
_self = this;
|
|
||||||
if (dir & SCROLL_LEFT) {
|
|
||||||
setButtonState(SCROLL_LEFT, SCROLL_DOWN);
|
|
||||||
setButtonState(SCROLL_RIGHT, SCROLL_OFF);
|
|
||||||
if (iCurrentLeft === iBoundary) {
|
|
||||||
this.setScrollerState(false, SCROLL_LEFT);
|
|
||||||
return apf.tween.single(this.$buttons, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: 20,
|
|
||||||
from: iCurrentLeft,
|
|
||||||
to: iCurrentLeft + 12,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.EASEOUT,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function(oNode) {
|
|
||||||
apf.tween.single(oNode, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: SCROLLANIM.interval,
|
|
||||||
from: iCurrentLeft + 12,
|
|
||||||
to: iCurrentLeft,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.EASEIN,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function() {
|
|
||||||
bAnimating = false;
|
|
||||||
if (e.name == "mousescroll")
|
|
||||||
setButtonState(SCROLL_LEFT, SCROLL_OFF);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
//one scroll animation scrolls by a SCROLLANIM.size px.
|
|
||||||
var iTargetLeft = iCurrentLeft + (e.type == "dblclick" ? size * 3 : size);
|
|
||||||
if (iTargetLeft > iBoundary)
|
|
||||||
iTargetLeft = iBoundary;
|
|
||||||
|
|
||||||
if (iTargetLeft === iBoundary)
|
|
||||||
this.setScrollerState(false, SCROLL_LEFT);
|
|
||||||
this.setScrollerState(true, SCROLL_RIGHT);
|
|
||||||
|
|
||||||
//start animated scroll to the left
|
|
||||||
apf.tween.single(this.$buttons, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: SCROLLANIM.interval,
|
|
||||||
control: SCROLLANIM.control,
|
|
||||||
from: iCurrentLeft,
|
|
||||||
to: iTargetLeft,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.NORMAL,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function() {
|
|
||||||
bAnimating = false;
|
|
||||||
if (e.name == "mousescroll")
|
|
||||||
setButtonState(SCROLL_LEFT, SCROLL_OFF);
|
|
||||||
if (keepScrolling)
|
|
||||||
_self.scroll(e, globalDir);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else if (dir & SCROLL_RIGHT) {
|
|
||||||
this.setScrollerState(true);
|
|
||||||
setButtonState(SCROLL_RIGHT, SCROLL_DOWN);
|
|
||||||
setButtonState(SCROLL_LEFT, SCROLL_OFF);
|
|
||||||
if (iCurrentLeft === iBoundary) {
|
|
||||||
this.setScrollerState(false, SCROLL_RIGHT);
|
|
||||||
return apf.tween.single(this.$buttons, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: 20,
|
|
||||||
from: iCurrentLeft,
|
|
||||||
to: iCurrentLeft - 24,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.EASEOUT,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function(oNode, options) {
|
|
||||||
apf.tween.single(oNode, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: SCROLLANIM.interval,
|
|
||||||
from: iCurrentLeft - 24,
|
|
||||||
to: iCurrentLeft,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.EASEIN,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function() {
|
|
||||||
bAnimating = false;
|
|
||||||
if (e.name == "mousescroll")
|
|
||||||
setButtonState(SCROLL_RIGHT, SCROLL_OFF);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
//one scroll animation scrolls by a SCROLLANIM.size px.
|
|
||||||
var iTargetLeft = iCurrentLeft - (e.type == "dblclick" ? size * 3 : size);
|
|
||||||
//make sure we don't scroll more to the right than the
|
|
||||||
//maximum left:
|
|
||||||
if (iTargetLeft < iBoundary)
|
|
||||||
iTargetLeft = iBoundary;
|
|
||||||
//start animated scroll to the right
|
|
||||||
apf.tween.single(this.$buttons, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: SCROLLANIM.interval,
|
|
||||||
control: SCROLLANIM.control,
|
|
||||||
from: iCurrentLeft,
|
|
||||||
to: iTargetLeft,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.NORMAL,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function() {
|
|
||||||
bAnimating = false;
|
|
||||||
if (e.name == "mousescroll")
|
|
||||||
setButtonState(SCROLL_RIGHT, SCROLL_OFF);
|
|
||||||
if (keepScrolling)
|
|
||||||
_self.scroll(e, globalDir);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* If a tab page is outside of the user's view, this function scrolls that
|
|
||||||
* tabpage into view smoothly.
|
|
||||||
*
|
|
||||||
* @param {apf.page} oPage The page to scroll into view
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
this.scrollIntoView = function(oPage) {
|
|
||||||
bAnimating = false;
|
|
||||||
if (!this.ready || !this.$hasButtons || !this.oScroller || !oPage.$drawn)
|
|
||||||
return;
|
|
||||||
bAnimating = true;
|
|
||||||
if (this.$buttons.offsetWidth < this.$ext.offsetWidth)
|
|
||||||
return this.setScrollerState(false);
|
|
||||||
|
|
||||||
var iTabLeft = oPage.$button.offsetLeft,
|
|
||||||
iTabWidth = oPage.$button.offsetWidth,
|
|
||||||
iCurrentLeft = this.$buttons.offsetLeft;
|
|
||||||
|
|
||||||
if (SCROLLANIM.size <= 0) {
|
|
||||||
SCROLLANIM.left = this.$buttons.offsetLeft;
|
|
||||||
var p = this.firstChild;
|
|
||||||
while (!p.$button)
|
|
||||||
p = p.nextSibling;
|
|
||||||
SCROLLANIM.size = Math.round(p.$button.offsetWidth);
|
|
||||||
}
|
|
||||||
this.$buttons.style.left = iCurrentLeft;
|
|
||||||
|
|
||||||
var iRealWidth = this.$ext.offsetWidth,
|
|
||||||
iScrollCorr = this.oScroller.offsetWidth + 4,
|
|
||||||
iTargetLeft = null,
|
|
||||||
dir;
|
|
||||||
|
|
||||||
if ((iTabLeft + iTabWidth) > ((iRealWidth - iScrollCorr) - iCurrentLeft)) { //scroll to the right
|
|
||||||
iTargetLeft = (-(iTabLeft - SCROLLANIM.left)
|
|
||||||
+ (iRealWidth - iTabWidth - iScrollCorr));
|
|
||||||
dir = SCROLL_RIGHT;
|
|
||||||
}
|
|
||||||
else if ((iCurrentLeft + iTabLeft) < SCROLLANIM.left) { //sroll to the left
|
|
||||||
iTargetLeft = SCROLLANIM.left - iTabLeft;
|
|
||||||
dir = SCROLL_LEFT;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (iTargetLeft !== null) {
|
|
||||||
this.setScrollerState(true);
|
|
||||||
setButtonState(SCROLL_RIGHT, dir & SCROLL_RIGHT ? SCROLL_DOWN : SCROLL_OFF);
|
|
||||||
setButtonState(SCROLL_LEFT, dir & SCROLL_LEFT ? SCROLL_DOWN : SCROLL_OFF);
|
|
||||||
apf.tween.clearQueue(this.$buttons, true);
|
|
||||||
|
|
||||||
apf.tween.single(this.$buttons, {
|
|
||||||
steps: SCROLLANIM.steps,
|
|
||||||
interval: SCROLLANIM.interval,
|
|
||||||
from: iCurrentLeft,
|
|
||||||
to: iTargetLeft,
|
|
||||||
type: "left",
|
|
||||||
anim: apf.tween.NORMAL,
|
|
||||||
onstop: SCROLLANIM.stopHandle,
|
|
||||||
onfinish: function() {
|
|
||||||
bAnimating = false;
|
|
||||||
setButtonState(SCROLL_RIGHT, SCROLL_OFF);
|
|
||||||
setButtonState(SCROLL_LEFT, SCROLL_OFF);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else
|
|
||||||
bAnimating = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// *** DOM Hooks *** //
|
// *** DOM Hooks *** //
|
||||||
|
|
||||||
this.addEventListener("DOMNodeRemoved", function(e) {
|
this.addEventListener("DOMNodeRemoved", function(e) {
|
||||||
|
|
@ -1923,93 +1525,6 @@ apf.BaseTab = function() {
|
||||||
|
|
||||||
this.oPages = this.$getLayoutNode("main", "pages", this.$ext);
|
this.oPages = this.$getLayoutNode("main", "pages", this.$ext);
|
||||||
|
|
||||||
|
|
||||||
// add scroller node(s)
|
|
||||||
/*this.oScroller = this.$getLayoutNode("main", "scroller", this.oPages);
|
|
||||||
if (this.oScroller) {
|
|
||||||
function startTimer(e, dir) {
|
|
||||||
clearTimeout(scrollTimer);
|
|
||||||
globalDir = dir;
|
|
||||||
scrollTimer = $setTimeout(function() {
|
|
||||||
keepScrolling = true;
|
|
||||||
_self.scroll(e, dir);
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
function stopTimer() {
|
|
||||||
clearTimeout(scrollTimer);
|
|
||||||
keepScrolling = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.oScroller.onmouseout = function(e) {
|
|
||||||
SCROLLANIM.control.stop = true;
|
|
||||||
setButtonState(SCROLL_BOTH, SCROLL_OFF);
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/*apf.addEventListener("mousescroll", function(e) {
|
|
||||||
var found = (e.target == _self.$buttons);
|
|
||||||
while (!found && e.target != document.body) {
|
|
||||||
e.target = e.target.offsetParent;
|
|
||||||
found = (e.target == _self.$buttons);
|
|
||||||
}
|
|
||||||
if (!found) return;
|
|
||||||
var dir = e.delta > 0 ? SCROLL_LEFT : SCROLL_RIGHT;
|
|
||||||
e.delta = Math.abs(e.delta);
|
|
||||||
_self.scroll(e, dir);
|
|
||||||
});* /
|
|
||||||
|
|
||||||
|
|
||||||
this.oLeftScroll = apf.getNode(this.oScroller, [0]);
|
|
||||||
this.oRightScroll = apf.getNode(this.oScroller, [1]);
|
|
||||||
|
|
||||||
["oLeftScroll", "oRightScroll"].forEach(function(sBtn) {
|
|
||||||
var dir = sBtn == "oLeftScroll" ? SCROLL_LEFT : SCROLL_RIGHT,
|
|
||||||
revDir = sBtn == "oLeftScroll" ? SCROLL_RIGHT : SCROLL_LEFT;
|
|
||||||
|
|
||||||
_self[sBtn].ondbclick =
|
|
||||||
_self[sBtn].onmousedown = function(e) {
|
|
||||||
SCROLLANIM.control.stop = false;
|
|
||||||
var state = dir & SCROLL_LEFT ? SCROLL_L_STATE : SCROLL_R_STATE;
|
|
||||||
if (this.className.indexOf("disabled") != -1
|
|
||||||
|| state & SCROLL_DOWN) return;
|
|
||||||
e = e || event;
|
|
||||||
_self.scroll(e, dir);
|
|
||||||
startTimer(e, dir);
|
|
||||||
if (!apf.isSafariOld)
|
|
||||||
this.onmouseout();
|
|
||||||
};
|
|
||||||
_self[sBtn].onmouseover = function() {
|
|
||||||
SCROLLANIM.control.stop = false;
|
|
||||||
var state = dir & SCROLL_LEFT ? SCROLL_L_STATE : SCROLL_R_STATE;
|
|
||||||
if (this.className.indexOf("disabled") != -1
|
|
||||||
|| state & SCROLL_DOWN) return;
|
|
||||||
setButtonState(dir, SCROLL_HOVER);
|
|
||||||
setButtonState(revDir, SCROLL_OFF);
|
|
||||||
globalDir = dir;
|
|
||||||
};
|
|
||||||
_self[sBtn].onmouseout = function() {
|
|
||||||
var state = dir & SCROLL_LEFT ? SCROLL_L_STATE : SCROLL_R_STATE;
|
|
||||||
if (this.className.indexOf("disabled") != -1
|
|
||||||
|| state & SCROLL_DOWN) return;
|
|
||||||
setButtonState(dir, SCROLL_OFF);
|
|
||||||
};
|
|
||||||
_self[sBtn].onmouseup = function() {
|
|
||||||
if (this.className.indexOf("disabled") == -1) {
|
|
||||||
setButtonState(dir, SCROLL_OFF);
|
|
||||||
}
|
|
||||||
stopTimer();
|
|
||||||
SCROLLANIM.control.stop = true;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
apf.layout.setRules(this.$ext, this.$uniqueId + "_tabscroller",
|
|
||||||
"var o = apf.all[" + this.$uniqueId + "]; o && o.correctScrollState()");
|
|
||||||
apf.layout.queue(this.$ext);*/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//Skin changing support
|
//Skin changing support
|
||||||
if (this.$int) {
|
if (this.$int) {
|
||||||
//apf.AmlParser.replaceNode(this.oPages, oPages);
|
//apf.AmlParser.replaceNode(this.oPages, oPages);
|
||||||
|
|
@ -2058,10 +1573,6 @@ apf.BaseTab = function() {
|
||||||
|
|
||||||
this.ready = true;
|
this.ready = true;
|
||||||
|
|
||||||
/*window.setTimeout(function() {
|
|
||||||
_self.setScrollerState();
|
|
||||||
}, 0);*/
|
|
||||||
|
|
||||||
|
|
||||||
if (!this.activepage && this.getAttribute("src")) {
|
if (!this.activepage && this.getAttribute("src")) {
|
||||||
this.src = this.getAttribute("src");
|
this.src = this.getAttribute("src");
|
||||||
|
|
@ -2072,15 +1583,6 @@ apf.BaseTab = function() {
|
||||||
this.$destroy = function(bSkinChange) {
|
this.$destroy = function(bSkinChange) {
|
||||||
if (bSkinChange || !this.oScroller)
|
if (bSkinChange || !this.oScroller)
|
||||||
return;
|
return;
|
||||||
|
|
||||||
|
|
||||||
/*apf.layout.removeRule(this.$ext, this.$uniqueId + "_tabscroller");
|
|
||||||
|
|
||||||
[this.oLeftScroll, this.oRightScroll].forEach(function(oBtn) {
|
|
||||||
oBtn.onmousedown = oBtn.ondblclick = oBtn.onmouseover =
|
|
||||||
oBtn.onmouseout = oBtn.onmouseup = null;
|
|
||||||
});*/
|
|
||||||
|
|
||||||
};
|
};
|
||||||
}).call(apf.BaseTab.prototype = new apf.Presentation());
|
}).call(apf.BaseTab.prototype = new apf.Presentation());
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
define(["require", "module", "exports", "./lib/menu/menu", "./lib/crypto",
|
define(["require", "module", "exports", "./lib/menu/menu", "./lib/crypto",
|
||||||
"./lib/page", "./lib/dropdown", "./lib/splitbox", "./lib/flexbox"],
|
"./lib/page", "./lib/dropdown", "./lib/splitbox", "./lib/flexbox"],
|
||||||
function(require, module, exports) {
|
(function(require, module, exports) {
|
||||||
main.consumes = ["ext"];
|
main.consumes = ["ext"];
|
||||||
main.provides = ["apf"]
|
main.provides = ["apf"]
|
||||||
return main;
|
return main;
|
||||||
|
|
@ -96,45 +96,11 @@ function(require, module, exports) {
|
||||||
/**
|
/**
|
||||||
* @event load Fires after the application is loaded.
|
* @event load Fires after the application is loaded.
|
||||||
*/
|
*/
|
||||||
/**
|
|
||||||
* @event error Fires when a communication error has occured while making a request for this element.
|
|
||||||
* @cancelable Prevents the error from being thrown.
|
|
||||||
* @bubbles
|
|
||||||
* @param {Object} e An object containing the following properties:
|
|
||||||
* - error ([[Error]]): The error object that is thrown when the event's callback doesn't return `false`.
|
|
||||||
* - state ([[Number]]): The state of the call. Possible values include:
|
|
||||||
* - `apf.SUCCESS` : The request was successful
|
|
||||||
* - `apf.TIMEOUT`: The request timed out
|
|
||||||
* - `apf.ERROR`: An error occurred while making the request
|
|
||||||
* - `apf.OFFLINE`: The request was made while the application was offline.
|
|
||||||
* - userdata (`Mixed`): Data that the caller made available in the callback of the HTTP request.
|
|
||||||
* - http ([[XMLHttpRequest]]): The object that executed the actual http request
|
|
||||||
* - url ([[String]]): The url that was requested
|
|
||||||
* - tpModule ([[apf.http]]): The teleport module that is making the request
|
|
||||||
* - id ([[Number]]): The id of the request
|
|
||||||
* - message ([[String]]): The error message
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
apf = {
|
apf = {
|
||||||
VERSION: '3.0beta',
|
|
||||||
|
|
||||||
getPlugin: function(name) {
|
getPlugin: function(name) {
|
||||||
return apf.nameserver.get("all", name);
|
return apf.nameserver.get("all", name);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
|
||||||
* The url to the content delivery network.
|
|
||||||
* @type {String}
|
|
||||||
*/
|
|
||||||
CDN: "",
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Specifies whether apf is ready for DOM operations.
|
|
||||||
* @type {Boolean}
|
|
||||||
*/
|
|
||||||
READY: false,
|
|
||||||
|
|
||||||
//AML nodeFunc constants
|
//AML nodeFunc constants
|
||||||
/**
|
/**
|
||||||
* A constant for the hidden AML element.
|
* A constant for the hidden AML element.
|
||||||
|
|
@ -165,31 +131,6 @@ function(require, module, exports) {
|
||||||
*/
|
*/
|
||||||
MENU: 3,
|
MENU: 3,
|
||||||
|
|
||||||
/**
|
|
||||||
* A constant for specifying success.
|
|
||||||
* @type {Number}
|
|
||||||
*/
|
|
||||||
SUCCESS: 1,
|
|
||||||
/**
|
|
||||||
* A constant for specifying a timeout.
|
|
||||||
* @type {Number}
|
|
||||||
*/
|
|
||||||
TIMEOUT: 2,
|
|
||||||
/**
|
|
||||||
* A constant for specifying an error.
|
|
||||||
* @type {Number}
|
|
||||||
*/
|
|
||||||
ERROR: 3,
|
|
||||||
/**
|
|
||||||
* A constant for specifying the application is offline.
|
|
||||||
* @type {Number}
|
|
||||||
*/
|
|
||||||
OFFLINE: 4,
|
|
||||||
|
|
||||||
|
|
||||||
debug: false,
|
|
||||||
|
|
||||||
|
|
||||||
includeStack: [],
|
includeStack: [],
|
||||||
initialized: false,
|
initialized: false,
|
||||||
AppModules: [],
|
AppModules: [],
|
||||||
|
|
@ -337,7 +278,6 @@ function(require, module, exports) {
|
||||||
this.dateSeparator = apf.isIE ? "-" : "/";
|
this.dateSeparator = apf.isIE ? "-" : "/";
|
||||||
this.canCreateStyleNode = !apf.isIE;
|
this.canCreateStyleNode = !apf.isIE;
|
||||||
this.supportFixedPosition = !apf.isIE || apf.isIE >= 7;
|
this.supportFixedPosition = !apf.isIE || apf.isIE >= 7;
|
||||||
this.hasHtmlIdsInJs = apf.isIE && apf.isIE < 8 || apf.isWebkit;
|
|
||||||
this.needsCssPx = !apf.isIE;
|
this.needsCssPx = !apf.isIE;
|
||||||
|
|
||||||
this.hasAutocompleteXulBug = apf.isGecko;
|
this.hasAutocompleteXulBug = apf.isGecko;
|
||||||
|
|
@ -1884,23 +1824,6 @@ Number.prototype.toPrettyDigit = Number.prototype.toPrettyDigit || function() {
|
||||||
return (n.length == 1) ? "0" + n : n;
|
return (n.length == 1) ? "0" + n : n;
|
||||||
};
|
};
|
||||||
|
|
||||||
RegExp.prototype.getNativeFlags = function() {
|
|
||||||
return (this.global ? "g" : "") +
|
|
||||||
(this.ignoreCase ? "i" : "") +
|
|
||||||
(this.multiline ? "m" : "") +
|
|
||||||
(this.extended ? "x" : "") +
|
|
||||||
(this.sticky ? "y" : "");
|
|
||||||
};
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Accepts flags; returns a new XRegExp object generated by recompiling
|
|
||||||
* the regex with the additional flags (may include non-native flags).
|
|
||||||
* the original regex object is not altered.
|
|
||||||
*/
|
|
||||||
RegExp.prototype.addFlags = function(flags) {
|
|
||||||
return new RegExp(this.source, (flags || "") + this.getNativeFlags());
|
|
||||||
};
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Casts the first character in a string to uppercase.
|
* Casts the first character in a string to uppercase.
|
||||||
*
|
*
|
||||||
|
|
@ -3226,25 +3149,15 @@ apf.isNot = function(c) {
|
||||||
* @private
|
* @private
|
||||||
* @todo why is this done like this?
|
* @todo why is this done like this?
|
||||||
*/
|
*/
|
||||||
apf.cancelBubble = function(e, o, noPropagate) {
|
apf.cancelBubble = function(e, o) {
|
||||||
if (e.stopPropagation)
|
if (e.stopPropagation)
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
else
|
else
|
||||||
e.cancelBubble = true;
|
e.cancelBubble = true;
|
||||||
|
|
||||||
//if (o.$focussable && !o.disabled)
|
|
||||||
//apf.window.$focus(o);
|
|
||||||
|
|
||||||
|
|
||||||
if (!noPropagate) {
|
|
||||||
if (o && o.$ext && o.$ext["on" + (e.type || e.name)])
|
if (o && o.$ext && o.$ext["on" + (e.type || e.name)])
|
||||||
o.$ext["on" + (e.type || e.name)](e);
|
o.$ext["on" + (e.type || e.name)](e);
|
||||||
apf.window.$mousedown(e);
|
apf.window.$mousedown(e);
|
||||||
}
|
|
||||||
//if (apf.isGecko)
|
|
||||||
//apf.window.$mousedown(e);
|
|
||||||
|
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -3932,12 +3845,7 @@ apf.extend(apf.config, {
|
||||||
initdelay: true,
|
initdelay: true,
|
||||||
|
|
||||||
|
|
||||||
debug: false,
|
|
||||||
// initdelay: false,
|
|
||||||
|
|
||||||
|
|
||||||
skinset: "default",
|
skinset: "default",
|
||||||
name: "ide",
|
|
||||||
|
|
||||||
tags: {},
|
tags: {},
|
||||||
defaults: {},
|
defaults: {},
|
||||||
|
|
@ -3997,14 +3905,6 @@ apf.extend(apf.config, {
|
||||||
? !apf.isFalse(value)
|
? !apf.isFalse(value)
|
||||||
: false;
|
: false;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
"debug" : function(value) {
|
|
||||||
|
|
||||||
apf.debug = value;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -9496,7 +9396,6 @@ apf.Anchoring = function(){
|
||||||
if (this.$rule_v || this.$rule_h) {
|
if (this.$rule_v || this.$rule_h) {
|
||||||
var rules = this.$rule_header + "\n" + this.$rule_v + "\n" + this.$rule_h;
|
var rules = this.$rule_header + "\n" + this.$rule_v + "\n" + this.$rule_h;
|
||||||
l.setRules(this.$pHtmlNode, this.$uniqueId + "_anchors", rules);
|
l.setRules(this.$pHtmlNode, this.$uniqueId + "_anchors", rules);
|
||||||
//this.$ext.style.display = "none";
|
|
||||||
l.queue(this.$pHtmlNode, this);
|
l.queue(this.$pHtmlNode, this);
|
||||||
}
|
}
|
||||||
l.processQueue();
|
l.processQueue();
|
||||||
|
|
@ -9523,8 +9422,6 @@ apf.Anchoring = function(){
|
||||||
|
|
||||||
if (!e.$isMoveWithinParent && this.$parsed) //@todo hmm weird state check
|
if (!e.$isMoveWithinParent && this.$parsed) //@todo hmm weird state check
|
||||||
this.$moveAnchoringRules(e.$oldParentHtmlNode);
|
this.$moveAnchoringRules(e.$oldParentHtmlNode);
|
||||||
//else if (e.relatedNode == this) //@todo test this
|
|
||||||
//e.currentTarget.$setLayout("anchoring");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.$moveAnchoringRules = function(oldParent, updateNow) {
|
this.$moveAnchoringRules = function(oldParent, updateNow) {
|
||||||
|
|
@ -9548,21 +9445,18 @@ apf.Anchoring = function(){
|
||||||
|
|
||||||
function getRuleHeader(){
|
function getRuleHeader(){
|
||||||
if (!this.$pHtmlDoc) return "";
|
if (!this.$pHtmlDoc) return "";
|
||||||
return "try{\
|
return "try{\n\
|
||||||
var oHtml = " + (apf.hasHtmlIdsInJs
|
var oHtml = document.getElementById('" + this.$ext.getAttribute("id") + "');\n\
|
||||||
? this.$ext.getAttribute("id")
|
\n\
|
||||||
: "document.getElementById('"
|
|
||||||
+ this.$ext.getAttribute("id") + "')") + ";\
|
|
||||||
\
|
|
||||||
var pWidth = " + (this.$pHtmlNode == this.$pHtmlDoc.body
|
var pWidth = " + (this.$pHtmlNode == this.$pHtmlDoc.body
|
||||||
? "apf.getWindowWidth()" //@todo only needed for debug?
|
? "apf.getWindowWidth()" //@todo only needed for debug?
|
||||||
: "apf.getHtmlInnerWidth(oHtml.parentNode)") + ";\
|
: "apf.getHtmlInnerWidth(oHtml.parentNode)") + ";\n\
|
||||||
\
|
\n\
|
||||||
var pHeight = " + (this.$pHtmlNode == this.$pHtmlDoc.body
|
var pHeight = " + (this.$pHtmlNode == this.$pHtmlDoc.body
|
||||||
? "apf.getWindowHeight()" //@todo only needed for debug?
|
? "apf.getWindowHeight()" //@todo only needed for debug?
|
||||||
: "apf.getHtmlInnerHeight(oHtml.parentNode)") + ";\
|
: "apf.getHtmlInnerHeight(oHtml.parentNode)") + ";\n\
|
||||||
}catch(e){\
|
}catch(e){\n\
|
||||||
}";
|
}".replace(/^\s*/gm, "");
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -9760,11 +9654,6 @@ apf.Anchoring = function(){
|
||||||
apf.layout.forceResize(this.$ext);
|
apf.layout.forceResize(this.$ext);
|
||||||
};
|
};
|
||||||
|
|
||||||
this.addEventListener("DOMNodeInsertedIntoDocument", function(e) {
|
|
||||||
//if (this.$updateQueue)
|
|
||||||
//this.$updateLayout();
|
|
||||||
});
|
|
||||||
|
|
||||||
this.addEventListener("DOMNodeRemovedFromDocument", function(e) {
|
this.addEventListener("DOMNodeRemovedFromDocument", function(e) {
|
||||||
this.$disableAnchoring();
|
this.$disableAnchoring();
|
||||||
});
|
});
|
||||||
|
|
@ -10224,7 +10113,6 @@ apf.GuiElement = function(){
|
||||||
if (o) o.dispatchEvent('resize');", true);
|
if (o) o.dispatchEvent('resize');", true);
|
||||||
|
|
||||||
apf.layout.queue(this.$ext);
|
apf.layout.queue(this.$ext);
|
||||||
//apf.layout.activateRules(this.$ext);
|
|
||||||
this.removeEventListener("$event.resize", f2);
|
this.removeEventListener("$event.resize", f2);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -15836,8 +15724,6 @@ apf.checkbox = function(struct, tagName) {
|
||||||
};
|
};
|
||||||
|
|
||||||
this.$setState = function(state, e, strEvent) {
|
this.$setState = function(state, e, strEvent) {
|
||||||
//if (this.disabled) return;
|
|
||||||
|
|
||||||
this.$doBgSwitch(this.states[state]);
|
this.$doBgSwitch(this.states[state]);
|
||||||
this.$setStyleClass(this.$ext, (state != "Out" ? this.$baseCSSname + state : ""),
|
this.$setStyleClass(this.$ext, (state != "Out" ? this.$baseCSSname + state : ""),
|
||||||
[this.$baseCSSname + "Down", this.$baseCSSname + "Over"]);
|
[this.$baseCSSname + "Down", this.$baseCSSname + "Over"]);
|
||||||
|
|
@ -15845,15 +15731,9 @@ apf.checkbox = function(struct, tagName) {
|
||||||
|
|
||||||
if (strEvent)
|
if (strEvent)
|
||||||
this.dispatchEvent(strEvent, {htmlEvent: e});
|
this.dispatchEvent(strEvent, {htmlEvent: e});
|
||||||
|
|
||||||
/*if (state == "Down")
|
|
||||||
apf.cancelBubble(e, this);
|
|
||||||
else
|
|
||||||
e.cancelBubble = true;*/
|
|
||||||
};
|
};
|
||||||
|
|
||||||
this.$clickHandler = function(){
|
this.$clickHandler = function(){
|
||||||
//this.checked = !this.checked;
|
|
||||||
this.change(this.$values
|
this.change(this.$values
|
||||||
? this.$values[(!this.checked) ? 0 : 1]
|
? this.$values[(!this.checked) ? 0 : 1]
|
||||||
: !this.checked);
|
: !this.checked);
|
||||||
|
|
@ -21173,4 +21053,4 @@ apf.start();
|
||||||
|
|
||||||
register(null, {apf: apf});
|
register(null, {apf: apf});
|
||||||
}
|
}
|
||||||
});
|
}));
|
||||||
|
|
|
||||||
Ładowanie…
Reference in New Issue