1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
/**
_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);
}
});
|
