aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Tween.reel/Tween.js
diff options
context:
space:
mode:
authorArmen Kesablyan2012-02-13 13:36:52 -0800
committerArmen Kesablyan2012-02-13 13:36:52 -0800
commitda32190d5dd91fa2c26f8cabb746980c3d06035c (patch)
treed923299208c84b1071b58e7eb9c0515b2e1c844a /js/panels/Timeline/Tween.reel/Tween.js
parent36cefa3526988cb4dfea107fedaa954a2703260d (diff)
parent90d0c8c0e98d062c628c061fe5765ce991fda409 (diff)
downloadninja-da32190d5dd91fa2c26f8cabb746980c3d06035c.tar.gz
Merge branch 'refs/heads/master' into text-tool
Diffstat (limited to 'js/panels/Timeline/Tween.reel/Tween.js')
-rw-r--r--js/panels/Timeline/Tween.reel/Tween.js109
1 files changed, 109 insertions, 0 deletions
diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js
new file mode 100644
index 00000000..eddf1b17
--- /dev/null
+++ b/js/panels/Timeline/Tween.reel/Tween.js
@@ -0,0 +1,109 @@
1var Montage = require("montage/core/core").Montage;
2var Component = require("montage/ui/component").Component;
3
4var Tween = exports.Tween = Montage.create(Component, {
5
6 hasTemplate:{
7 value: true
8 },
9
10 _spanWidth: {
11 value: 0
12 },
13
14 spanWidth: {
15 serializable:true,
16 get: function(){
17 return this._spanWidth;
18 },
19 set: function(value){
20 this._spanWidth = value;
21 }
22 },
23
24 _spanPosition:{
25 value: 0
26 },
27
28 spanPosition:{
29 serializable:true,
30 get:function () {
31 return this._spanPosition;
32 },
33 set:function (value) {
34 this._spanPosition = value;
35 }
36 },
37
38 _keyFramePosition:{
39 value:0
40 },
41
42 keyFramePosition:{
43 serializable:true,
44 get:function () {
45 return this._keyFramePosition;
46 },
47 set:function (value) {
48 this._keyFramePosition = value;
49 }
50 },
51
52 _keyFrameMillisec:{
53 value:0
54 },
55
56 keyFrameMillisec:{
57 serializable:true,
58 get:function () {
59 return this._keyFrameMillisec;
60 },
61 set:function (value) {
62 this._keyFrameMillisec = value;
63 }
64 },
65
66 _keyframeID:{
67 value:0
68 },
69
70 keyframeID:{
71 serializable:true,
72 get:function () {
73 return this._keyframeID;
74 },
75 set:function (value) {
76 this._keyframeID = value;
77 }
78 },
79
80 _timelineTrack:{
81 value:0
82 },
83
84 timelineTrack:{
85 serializable:true,
86 get:function () {
87 return this._timelineTrack;
88 },
89 set:function (value) {
90 this._timelineTrack = value;
91 }
92 },
93
94 prepareForDraw:{
95 value:function () {
96 this.keyframe.containingTrack = this.timelineTrack;
97 this.keyframe.position = this.spanWidth;
98 this.keyframe.timelinePosition = this.keyFramePosition;
99 this.keyframe.id = this.keyframeID;
100 }
101 },
102
103 draw:{
104 value:function () {
105 this.span.spanWidth = this.spanWidth;
106 this.tweencontainer.style.left = this.spanPosition + "px";
107 }
108 }
109});