aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Tween.reel/Tween.js
diff options
context:
space:
mode:
authorEric Guzman2012-02-13 15:48:37 -0800
committerEric Guzman2012-02-13 15:48:37 -0800
commitb2672478decd3ee3bfacf86b525551c997f9604d (patch)
tree79a88684406d3adf00350246a4da884b97fb0eac /js/panels/Timeline/Tween.reel/Tween.js
parenta738121a921e4c721b280434952b415b9ab3b1a8 (diff)
parent0620e2f788861e824d6e49fa319da4d20b18a556 (diff)
downloadninja-b2672478decd3ee3bfacf86b525551c997f9604d.tar.gz
Merge branch 'refs/heads/master' into StylesControllerUpdates
Conflicts: js/controllers/styles-controller.js
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});