/
transition-modes-model.ts
62 lines (55 loc) · 1.98 KB
/
transition-modes-model.ts
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
import calendarModule = require("nativescript-ui-calendar");
import observableModule = require("tns-core-modules/data/observable");
import frameModule = require("tns-core-modules/ui/frame");
export class ViewModel extends observableModule.Observable {
private _transitionInfo;
constructor() {
super();
this._transitionInfo = {
options: ["None", "Slide", "Stack", "Flip", "Fold", "Float", "Rotate"],
index: 1
};
}
set calendarTransition(value) {
this.set("CalendarTransition", value);
}
get calendarTransition() {
return this.get("CalendarTransition");
}
public updateTransitionMode() {
var index: number = this._transitionInfo.index;
switch (index) {
case 0:
this.calendarTransition = calendarModule.CalendarTransitionMode.None;
break;
case 1:
this.calendarTransition = calendarModule.CalendarTransitionMode.Slide;
break;
case 2:
this.calendarTransition = calendarModule.CalendarTransitionMode.Stack;
break;
case 3:
this.calendarTransition = calendarModule.CalendarTransitionMode.Flip;
break;
case 4:
this.calendarTransition = calendarModule.CalendarTransitionMode.Fold;
break;
case 5:
this.calendarTransition = calendarModule.CalendarTransitionMode.Float;
break;
case 6:
this.calendarTransition = calendarModule.CalendarTransitionMode.Rotate;
break;
default:
break;
}
}
public onOptionsTapped() {
var navigationEntry = {
moduleName: "navigation/options-menu/options",
context: this._transitionInfo,
animated: true
};
frameModule.topmost().navigate(navigationEntry);
}
}