summaryrefslogtreecommitdiff
path: root/frontend/gamma/js/MochiKit/Visual.js
Side-by-side diff
Diffstat (limited to 'frontend/gamma/js/MochiKit/Visual.js') (more/less context) (show whitespace changes)
-rw-r--r--frontend/gamma/js/MochiKit/Visual.js39
1 files changed, 20 insertions, 19 deletions
diff --git a/frontend/gamma/js/MochiKit/Visual.js b/frontend/gamma/js/MochiKit/Visual.js
index 648d82a..372d99a 100644
--- a/frontend/gamma/js/MochiKit/Visual.js
+++ b/frontend/gamma/js/MochiKit/Visual.js
@@ -1,107 +1,107 @@
/***
MochiKit.Visual 1.5
See <http://mochikit.com/> for documentation, downloads, license, etc.
(c) 2005 Bob Ippolito and others. All rights Reserved.
***/
-MochiKit.Base._module('Visual', '1.5', ['Base', 'DOM', 'Style', 'Color', 'Position']);
+MochiKit.Base.module(MochiKit, 'Visual', '1.5', ['Base', 'DOM', 'Style', 'Color', 'Position']);
MochiKit.Visual._RoundCorners = function (e, options) {
e = MochiKit.DOM.getElement(e);
this._setOptions(options);
if (this.options.__unstable__wrapElement) {
e = this._doWrap(e);
}
var color = this.options.color;
var C = MochiKit.Color.Color;
if (this.options.color === "fromElement") {
color = C.fromBackground(e);
} else if (!(color instanceof C)) {
color = C.fromString(color);
}
this.isTransparent = (color.asRGB().a <= 0);
var bgColor = this.options.bgColor;
if (this.options.bgColor === "fromParent") {
bgColor = C.fromBackground(e.offsetParent);
} else if (!(bgColor instanceof C)) {
bgColor = C.fromString(bgColor);
}
this._roundCornersImpl(e, color, bgColor);
};
MochiKit.Visual._RoundCorners.prototype = {
_doWrap: function (e) {
var parent = e.parentNode;
var doc = MochiKit.DOM.currentDocument();
if (typeof(doc.defaultView) === "undefined"
|| doc.defaultView === null) {
return e;
}
var style = doc.defaultView.getComputedStyle(e, null);
if (typeof(style) === "undefined" || style === null) {
return e;
}
var wrapper = MochiKit.DOM.DIV({"style": {
display: "block",
// convert padding to margin
marginTop: style.getPropertyValue("padding-top"),
marginRight: style.getPropertyValue("padding-right"),
marginBottom: style.getPropertyValue("padding-bottom"),
marginLeft: style.getPropertyValue("padding-left"),
// remove padding so the rounding looks right
padding: "0px"
/*
paddingRight: "0px",
paddingLeft: "0px"
*/
}});
wrapper.innerHTML = e.innerHTML;
e.innerHTML = "";
e.appendChild(wrapper);
return e;
},
_roundCornersImpl: function (e, color, bgColor) {
if (this.options.border) {
this._renderBorder(e, bgColor);
}
if (this._isTopRounded()) {
this._roundTopCorners(e, color, bgColor);
}
if (this._isBottomRounded()) {
this._roundBottomCorners(e, color, bgColor);
}
},
_renderBorder: function (el, bgColor) {
var borderValue = "1px solid " + this._borderColor(bgColor);
var borderL = "border-left: " + borderValue;
var borderR = "border-right: " + borderValue;
var style = "style='" + borderL + ";" + borderR + "'";
el.innerHTML = "<div " + style + ">" + el.innerHTML + "</div>";
},
_roundTopCorners: function (el, color, bgColor) {
var corner = this._createCorner(bgColor);
for (var i = 0; i < this.options.numSlices; i++) {
corner.appendChild(
this._createCornerSlice(color, bgColor, i, "top")
);
}
el.style.paddingTop = 0;
el.insertBefore(corner, el.firstChild);
},
_roundBottomCorners: function (el, color, bgColor) {
var corner = this._createCorner(bgColor);
for (var i = (this.options.numSlices - 1); i >= 0; i--) {
corner.appendChild(
this._createCornerSlice(color, bgColor, i, "bottom")
);
@@ -376,387 +376,401 @@ MochiKit.Visual._forceRerendering = function (element) {
};
/** @id MochiKit.Visual.multiple */
MochiKit.Visual.multiple = function (elements, effect, /* optional */options) {
/***
Launch the same effect subsequently on given elements.
***/
options = MochiKit.Base.update({
speed: 0.1, delay: 0.0
}, options);
var masterDelay = options.delay;
var index = 0;
MochiKit.Base.map(function (innerelement) {
options.delay = index * options.speed + masterDelay;
new effect(innerelement, options);
index += 1;
}, elements);
};
MochiKit.Visual.PAIRS = {
'slide': ['slideDown', 'slideUp'],
'blind': ['blindDown', 'blindUp'],
'appear': ['appear', 'fade'],
'size': ['grow', 'shrink']
};
/** @id MochiKit.Visual.toggle */
MochiKit.Visual.toggle = function (element, /* optional */effect, /* optional */options) {
/***
Toggle an item between two state depending of its visibility, making
a effect between these states. Default effect is 'appear', can be
'slide' or 'blind'.
***/
element = MochiKit.DOM.getElement(element);
effect = (effect || 'appear').toLowerCase();
options = MochiKit.Base.update({
queue: {position: 'end', scope: (element.id || 'global'), limit: 1}
}, options);
var v = MochiKit.Visual;
v[MochiKit.Style.getStyle(element, 'display') != 'none' ?
v.PAIRS[effect][1] : v.PAIRS[effect][0]](element, options);
};
/***
Transitions: define functions calculating variations depending of a position.
***/
MochiKit.Visual.Transitions = { __export__: false };
/** @id MochiKit.Visual.Transitions.linear */
MochiKit.Visual.Transitions.linear = function (pos) {
return pos;
};
/** @id MochiKit.Visual.Transitions.sinoidal */
MochiKit.Visual.Transitions.sinoidal = function (pos) {
return 0.5 - Math.cos(pos*Math.PI)/2;
};
/** @id MochiKit.Visual.Transitions.reverse */
MochiKit.Visual.Transitions.reverse = function (pos) {
return 1 - pos;
};
/** @id MochiKit.Visual.Transitions.flicker */
MochiKit.Visual.Transitions.flicker = function (pos) {
return 0.25 - Math.cos(pos*Math.PI)/4 + Math.random()/2;
};
/** @id MochiKit.Visual.Transitions.wobble */
MochiKit.Visual.Transitions.wobble = function (pos) {
return 0.5 - Math.cos(9*pos*Math.PI)/2;
};
/** @id MochiKit.Visual.Transitions.pulse */
MochiKit.Visual.Transitions.pulse = function (pos, pulses) {
if (pulses) {
pos *= 2 * pulses;
} else {
pos *= 10;
}
var decimals = pos - Math.floor(pos);
return (Math.floor(pos) % 2 == 0) ? decimals : 1 - decimals;
};
/** @id MochiKit.Visual.Transitions.parabolic */
MochiKit.Visual.Transitions.parabolic = function (pos) {
return pos * pos;
};
+/** @id MochiKit.Visual.Transitions.spring */
+MochiKit.Visual.Transitions.spring = function (pos) {
+ return 1 - (Math.cos(pos * 2.5 * Math.PI) * Math.exp(-pos * 6));
+};
+
/** @id MochiKit.Visual.Transitions.none */
MochiKit.Visual.Transitions.none = function (pos) {
return 0;
};
/** @id MochiKit.Visual.Transitions.full */
MochiKit.Visual.Transitions.full = function (pos) {
return 1;
};
/***
Core effects
***/
MochiKit.Visual.ScopedQueue = function () {
var cls = arguments.callee;
if (!(this instanceof cls)) {
return new cls();
}
this.__init__();
};
MochiKit.Visual.ScopedQueue.__export__ = false;
MochiKit.Base.update(MochiKit.Visual.ScopedQueue.prototype, {
__init__: function () {
this.effects = [];
this.interval = null;
},
/** @id MochiKit.Visual.ScopedQueue.prototype.add */
add: function (effect) {
var timestamp = new Date().getTime();
var position = (typeof(effect.options.queue) == 'string') ?
effect.options.queue : effect.options.queue.position;
var ma = MochiKit.Base.map;
switch (position) {
case 'front':
// move unstarted effects after this effect
ma(function (e) {
if (e.state == 'idle') {
e.startOn += effect.finishOn;
e.finishOn += effect.finishOn;
}
}, this.effects);
break;
case 'end':
var finish;
// start effect after last queued effect has finished
ma(function (e) {
var i = e.finishOn;
if (i >= (finish || i)) {
finish = i;
}
}, this.effects);
timestamp = finish || timestamp;
break;
case 'break':
ma(function (e) {
e.finalize();
}, this.effects);
break;
+ case 'replace':
+ ma(function (e) {
+ e.cancel();
+ }, this.effects);
+ break;
}
effect.startOn += timestamp;
effect.finishOn += timestamp;
if (!effect.options.queue.limit ||
this.effects.length < effect.options.queue.limit) {
this.effects.push(effect);
}
if (!this.interval) {
this.interval = this.startLoop(MochiKit.Base.bind(this.loop, this),
40);
}
},
/** @id MochiKit.Visual.ScopedQueue.prototype.startLoop */
startLoop: function (func, interval) {
return setInterval(func, interval);
},
/** @id MochiKit.Visual.ScopedQueue.prototype.remove */
remove: function (effect) {
this.effects = MochiKit.Base.filter(function (e) {
return e != effect;
}, this.effects);
if (!this.effects.length) {
this.stopLoop(this.interval);
this.interval = null;
}
},
/** @id MochiKit.Visual.ScopedQueue.prototype.stopLoop */
stopLoop: function (interval) {
clearInterval(interval);
},
/** @id MochiKit.Visual.ScopedQueue.prototype.loop */
loop: function () {
var timePos = new Date().getTime();
MochiKit.Base.map(function (effect) {
effect.loop(timePos);
}, this.effects);
}
});
MochiKit.Visual.Queues = {
__export__: false,
instances: {},
get: function (queueName) {
if (typeof(queueName) != 'string') {
return queueName;
}
if (!this.instances[queueName]) {
this.instances[queueName] = new MochiKit.Visual.ScopedQueue();
}
return this.instances[queueName];
}
};
MochiKit.Visual.Queue = MochiKit.Visual.Queues.get('global');
MochiKit.Visual.Queue.__export__ = false;
MochiKit.Visual.DefaultOptions = {
__export__: false,
transition: MochiKit.Visual.Transitions.sinoidal,
duration: 1.0, // seconds
fps: 25.0, // max. 25fps due to MochiKit.Visual.Queue implementation
sync: false, // true for combining
from: 0.0,
to: 1.0,
delay: 0.0,
queue: 'parallel'
};
MochiKit.Visual.Base = function () {};
MochiKit.Visual.Base.prototype = {
/***
Basic class for all Effects. Define a looping mechanism called for each step
of an effect. Don't instantiate it, only subclass it.
***/
__class__ : MochiKit.Visual.Base,
/** @id MochiKit.Visual.Base.prototype.start */
start: function (options) {
var v = MochiKit.Visual;
this.options = MochiKit.Base.setdefault(options,
v.DefaultOptions);
this.currentFrame = 0;
this.state = 'idle';
this.startOn = this.options.delay*1000;
this.finishOn = this.startOn + (this.options.duration*1000);
this.event('beforeStart');
if (!this.options.sync) {
v.Queues.get(typeof(this.options.queue) == 'string' ?
'global' : this.options.queue.scope).add(this);
}
},
/** @id MochiKit.Visual.Base.prototype.loop */
loop: function (timePos) {
if (timePos >= this.startOn) {
if (timePos >= this.finishOn) {
return this.finalize();
}
var pos = (timePos - this.startOn) / (this.finishOn - this.startOn);
var frame =
Math.round(pos * this.options.fps * this.options.duration);
if (frame > this.currentFrame) {
this.render(pos);
this.currentFrame = frame;
}
}
},
/** @id MochiKit.Visual.Base.prototype.render */
render: function (pos) {
if (this.state == 'idle') {
this.state = 'running';
this.event('beforeSetup');
this.setup();
this.event('afterSetup');
}
if (this.state == 'running') {
- if (this.options.transition) {
- pos = this.options.transition(pos);
+ var trans = this.options.transition;
+ if (typeof(trans) == "string") {
+ trans = MochiKit.Visual.Transitions[trans];
+ }
+ if (typeof(trans) == "function") {
+ pos = trans(pos);
}
pos *= (this.options.to - this.options.from);
pos += this.options.from;
this.event('beforeUpdate');
this.update(pos);
this.event('afterUpdate');
}
},
/** @id MochiKit.Visual.Base.prototype.cancel */
cancel: function () {
if (!this.options.sync) {
MochiKit.Visual.Queues.get(typeof(this.options.queue) == 'string' ?
'global' : this.options.queue.scope).remove(this);
}
this.state = 'finished';
},
/** @id MochiKit.Visual.Base.prototype.finalize */
finalize: function () {
this.render(1.0);
this.cancel();
this.event('beforeFinish');
this.finish();
this.event('afterFinish');
},
setup: function () {
},
finish: function () {
},
update: function (position) {
},
/** @id MochiKit.Visual.Base.prototype.event */
event: function (eventName) {
if (this.options[eventName + 'Internal']) {
this.options[eventName + 'Internal'](this);
}
if (this.options[eventName]) {
this.options[eventName](this);
}
},
/** @id MochiKit.Visual.Base.prototype.repr */
repr: function () {
return '[' + this.__class__.NAME + ', options:' +
MochiKit.Base.repr(this.options) + ']';
}
};
/** @id MochiKit.Visual.Parallel */
MochiKit.Visual.Parallel = function (effects, options) {
var cls = arguments.callee;
if (!(this instanceof cls)) {
return new cls(effects, options);
}
this.__init__(effects, options);
};
MochiKit.Visual.Parallel.prototype = new MochiKit.Visual.Base();
MochiKit.Base.update(MochiKit.Visual.Parallel.prototype, {
/***
Run multiple effects at the same time.
***/
__class__ : MochiKit.Visual.Parallel,
__init__: function (effects, options) {
this.effects = effects || [];
this.start(options);
},
/** @id MochiKit.Visual.Parallel.prototype.update */
update: function (position) {
MochiKit.Base.map(function (effect) {
effect.render(position);
}, this.effects);
},
/** @id MochiKit.Visual.Parallel.prototype.finish */
finish: function () {
MochiKit.Base.map(function (effect) {
effect.finalize();
}, this.effects);
}
});
/** @id MochiKit.Visual.Sequence */
MochiKit.Visual.Sequence = function (effects, options) {
@@ -1593,194 +1607,194 @@ MochiKit.Visual.slideDown = function (element, /* optional */ options) {
s.setStyle(effect.element, {top: ''});
}
elemClip = s.makeClipping(effect.element);
s.setStyle(effect.element, {height: '0px'});
s.showElement(effect.element);
},
afterUpdateInternal: function (effect) {
var elementDimensions = s.getElementDimensions(effect.element, true);
s.setStyle(effect.element.firstChild,
{bottom: (effect.dims[0] - elementDimensions.h) + 'px'});
},
afterFinishInternal: function (effect) {
s.undoClipping(effect.element, elemClip);
// IE will crash if child is undoPositioned first
if (/MSIE/.test(navigator.userAgent)) {
s.undoPositioned(effect.element);
s.undoPositioned(effect.element.firstChild);
} else {
s.undoPositioned(effect.element.firstChild);
s.undoPositioned(effect.element);
}
s.setStyle(effect.element.firstChild, {bottom: oldInnerBottom});
}
}, options);
return new MochiKit.Visual.Scale(element, 100, options);
};
/** @id MochiKit.Visual.slideUp */
MochiKit.Visual.slideUp = function (element, /* optional */ options) {
/***
Slide an element up.
It needs to have the content of the element wrapped in a container
element with fixed height.
***/
var d = MochiKit.DOM;
var b = MochiKit.Base;
var s = MochiKit.Style;
element = d.getElement(element);
if (!element.firstChild) {
throw new Error("MochiKit.Visual.slideUp must be used on a element with a child");
}
d.removeEmptyTextNodes(element);
var oldInnerBottom = s.getStyle(element.firstChild, 'bottom');
var elementDimensions = s.getElementDimensions(element, true);
var elemClip;
options = b.update({
scaleContent: false,
scaleX: false,
scaleMode: {originalHeight: elementDimensions.h,
originalWidth: elementDimensions.w},
scaleFrom: 100,
restoreAfterFinish: true,
beforeStartInternal: function (effect) {
s.makePositioned(effect.element);
s.makePositioned(effect.element.firstChild);
if (/Opera/.test(navigator.userAgent)) {
s.setStyle(effect.element, {top: ''});
}
elemClip = s.makeClipping(effect.element);
s.showElement(effect.element);
},
afterUpdateInternal: function (effect) {
var elementDimensions = s.getElementDimensions(effect.element, true);
s.setStyle(effect.element.firstChild,
{bottom: (effect.dims[0] - elementDimensions.h) + 'px'});
},
afterFinishInternal: function (effect) {
s.hideElement(effect.element);
s.undoClipping(effect.element, elemClip);
s.undoPositioned(effect.element.firstChild);
s.undoPositioned(effect.element);
s.setStyle(effect.element.firstChild, {bottom: oldInnerBottom});
}
}, options);
return new MochiKit.Visual.Scale(element, 0, options);
};
// Bug in opera makes the TD containing this element expand for a instance
// after finish
/** @id MochiKit.Visual.squish */
MochiKit.Visual.squish = function (element, /* optional */ options) {
/***
Reduce an element and make it disappear.
***/
var d = MochiKit.DOM;
var b = MochiKit.Base;
var s = MochiKit.Style;
var elementDimensions = s.getElementDimensions(element, true);
var elemClip;
options = b.update({
restoreAfterFinish: true,
- scaleMode: {originalHeight: elementDimensions.w,
- originalWidth: elementDimensions.h},
+ scaleMode: {originalHeight: elementDimensions.h,
+ originalWidth: elementDimensions.w},
beforeSetupInternal: function (effect) {
elemClip = s.makeClipping(effect.element);
},
afterFinishInternal: function (effect) {
s.hideElement(effect.element);
s.undoClipping(effect.element, elemClip);
}
}, options);
return new MochiKit.Visual.Scale(element, /Opera/.test(navigator.userAgent) ? 1 : 0, options);
};
/** @id MochiKit.Visual.grow */
MochiKit.Visual.grow = function (element, /* optional */ options) {
/***
Grow an element to its original size. Make it zero-sized before
if necessary.
***/
var d = MochiKit.DOM;
var v = MochiKit.Visual;
var s = MochiKit.Style;
element = d.getElement(element);
options = MochiKit.Base.update({
direction: 'center',
moveTransition: v.Transitions.sinoidal,
scaleTransition: v.Transitions.sinoidal,
opacityTransition: v.Transitions.full,
scaleContent: true,
scaleFromCenter: false
}, options);
var oldStyle = {
top: element.style.top,
left: element.style.left,
height: element.style.height,
width: element.style.width,
opacity: s.getStyle(element, 'opacity')
};
var dims = s.getElementDimensions(element, true);
var initialMoveX, initialMoveY;
var moveX, moveY;
switch (options.direction) {
case 'top-left':
initialMoveX = initialMoveY = moveX = moveY = 0;
break;
case 'top-right':
initialMoveX = dims.w;
initialMoveY = moveY = 0;
moveX = -dims.w;
break;
case 'bottom-left':
initialMoveX = moveX = 0;
initialMoveY = dims.h;
moveY = -dims.h;
break;
case 'bottom-right':
initialMoveX = dims.w;
initialMoveY = dims.h;
moveX = -dims.w;
moveY = -dims.h;
break;
case 'center':
initialMoveX = dims.w / 2;
initialMoveY = dims.h / 2;
moveX = -dims.w / 2;
moveY = -dims.h / 2;
break;
}
var optionsParallel = MochiKit.Base.update({
beforeSetupInternal: function (effect) {
s.setStyle(effect.effects[0].element, {height: '0px'});
s.showElement(effect.effects[0].element);
},
afterFinishInternal: function (effect) {
s.undoClipping(effect.effects[0].element);
s.undoPositioned(effect.effects[0].element);
s.setStyle(effect.effects[0].element, oldStyle);
}
}, options);
return new v.Move(element, {
x: initialMoveX,
y: initialMoveY,
duration: 0.01,
beforeSetupInternal: function (effect) {
s.hideElement(effect.element);
s.makeClipping(effect.element);
s.makePositioned(effect.element);
},
afterFinishInternal: function (effect) {
new v.Parallel(
[new v.Opacity(effect.element, {
sync: true, to: 1.0, from: 0.0,
@@ -1865,111 +1879,98 @@ MochiKit.Visual.shrink = function (element, /* optional */ options) {
elemClip = s.makeClipping(effect.effects[0].element);
},
afterFinishInternal: function (effect) {
s.hideElement(effect.effects[0].element);
s.undoClipping(effect.effects[0].element, elemClip);
s.undoPositioned(effect.effects[0].element);
s.setStyle(effect.effects[0].element, oldStyle);
}
}, options);
return new v.Parallel(
[new v.Opacity(element, {
sync: true, to: 0.0, from: 1.0,
transition: options.opacityTransition
}),
new v.Scale(element, /Opera/.test(navigator.userAgent) ? 1 : 0, {
scaleMode: {originalHeight: dims.h, originalWidth: dims.w},
sync: true, transition: options.scaleTransition,
scaleContent: options.scaleContent,
scaleFromCenter: options.scaleFromCenter,
restoreAfterFinish: true
}),
new v.Move(element, {
x: moveX, y: moveY, sync: true, transition: options.moveTransition
})
], optionsParallel
);
};
/** @id MochiKit.Visual.pulsate */
MochiKit.Visual.pulsate = function (element, /* optional */ options) {
/***
Pulse an element between appear/fade.
***/
var d = MochiKit.DOM;
var v = MochiKit.Visual;
var b = MochiKit.Base;
var oldOpacity = MochiKit.Style.getStyle(element, 'opacity');
options = b.update({
duration: 3.0,
from: 0,
afterFinishInternal: function (effect) {
MochiKit.Style.setStyle(effect.element, {'opacity': oldOpacity});
}
}, options);
var transition = options.transition || v.Transitions.sinoidal;
options.transition = function (pos) {
return transition(1 - v.Transitions.pulse(pos, options.pulses));
};
return new v.Opacity(element, options);
};
/** @id MochiKit.Visual.fold */
MochiKit.Visual.fold = function (element, /* optional */ options) {
/***
Fold an element, first vertically, then horizontally.
***/
var d = MochiKit.DOM;
var v = MochiKit.Visual;
var s = MochiKit.Style;
element = d.getElement(element);
var elementDimensions = s.getElementDimensions(element, true);
var oldStyle = {
top: element.style.top,
left: element.style.left,
width: element.style.width,
height: element.style.height
};
var elemClip = s.makeClipping(element);
options = MochiKit.Base.update({
scaleContent: false,
scaleX: false,
scaleMode: {originalHeight: elementDimensions.h,
originalWidth: elementDimensions.w},
afterFinishInternal: function (effect) {
new v.Scale(element, 1, {
scaleContent: false,
scaleY: false,
scaleMode: {originalHeight: elementDimensions.h,
originalWidth: elementDimensions.w},
afterFinishInternal: function (effect) {
s.hideElement(effect.element);
s.undoClipping(effect.element, elemClip);
s.setStyle(effect.element, oldStyle);
}
});
}
}, options);
return new v.Scale(element, 5, options);
};
-/* end of Rico adaptation */
-
-MochiKit.Visual.__new__ = function () {
- var m = MochiKit.Base;
-
- // Backwards compatibility aliases
- m._deprecated(this, 'Color', 'MochiKit.Color.Color', '1.1');
- m._deprecated(this, 'getElementsComputedStyle', 'MochiKit.Style.getStyle', '1.1');
-
- m.nameFunctions(this);
-};
-
-MochiKit.Visual.__new__();
-
+MochiKit.Base.nameFunctions(MochiKit.Visual);
MochiKit.Base._exportSymbols(this, MochiKit.Visual);