You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.7 KiB
62 lines
1.7 KiB
/**
|
|
_enyo.CardSlideInArranger_ is an <a href="#enyo.Arranger">enyo.Arranger</a>
|
|
that displays only one active control. The non-active controls are hidden
|
|
with _setShowing(false)_. Transitions between arrangements are handled by
|
|
sliding the new control over the current one.
|
|
|
|
Note that CardSlideInArranger always slides controls in from the right. If
|
|
you want an arranger that slides to the right and left, try
|
|
<a href="#enyo.LeftRightArranger">enyo.LeftRightArranger</a>.
|
|
*/
|
|
enyo.kind({
|
|
name: "enyo.CardSlideInArranger",
|
|
kind: "CardArranger",
|
|
start: function() {
|
|
var c$ = this.container.getPanels();
|
|
for (var i=0, c; c=c$[i]; i++) {
|
|
var wasShowing=c.showing;
|
|
c.setShowing(i == this.container.fromIndex || i == (this.container.toIndex));
|
|
if (c.showing && !wasShowing) {
|
|
c.resized();
|
|
}
|
|
}
|
|
var l = this.container.fromIndex;
|
|
var i = this.container.toIndex;
|
|
this.container.transitionPoints = [
|
|
i + "." + l + ".s",
|
|
i + "." + l + ".f"
|
|
];
|
|
},
|
|
finish: function() {
|
|
this.inherited(arguments);
|
|
var c$ = this.container.getPanels();
|
|
for (var i=0, c; c=c$[i]; i++) {
|
|
c.setShowing(i == this.container.toIndex);
|
|
}
|
|
},
|
|
arrange: function(inC, inName) {
|
|
var p = inName.split(".");
|
|
var f = p[0], s= p[1], starting = (p[2] == "s");
|
|
var b = this.containerBounds.width;
|
|
for (var i=0, c$=this.container.getPanels(), c, v; c=c$[i]; i++) {
|
|
v = b;
|
|
if (s == i) {
|
|
v = starting ? 0 : -b;
|
|
}
|
|
if (f == i) {
|
|
v = starting ? b : 0;
|
|
}
|
|
if (s == i && s == f) {
|
|
v = 0;
|
|
}
|
|
this.arrangeControl(c, {left: v});
|
|
}
|
|
},
|
|
destroy: function() {
|
|
var c$ = this.container.getPanels();
|
|
for (var i=0, c; c=c$[i]; i++) {
|
|
enyo.Arranger.positionControl(c, {left: null});
|
|
}
|
|
this.inherited(arguments);
|
|
}
|
|
});
|