diff options
author | Kruti Shah | 2012-07-09 15:06:12 -0700 |
---|---|---|
committer | Kruti Shah | 2012-07-09 15:06:12 -0700 |
commit | ba1341b82d51a5380e7dd2dc91aef76caf635e60 (patch) | |
tree | 49745331a5b410d829a11a8bed21b167367be1d6 /js/panels/Timeline/Track.reel/Track.js | |
parent | 35a31845720beb1296dc42a79fa068601dfc52cb (diff) | |
parent | d874dda445a3baa2dd24b9554b6fc7f620dd5e89 (diff) | |
download | ninja-ba1341b82d51a5380e7dd2dc91aef76caf635e60.tar.gz |
Merge branch 'refs/heads/TimelineUberJD' into Timeline-local-kruti
Diffstat (limited to 'js/panels/Timeline/Track.reel/Track.js')
-rw-r--r-- | js/panels/Timeline/Track.reel/Track.js | 211 |
1 files changed, 0 insertions, 211 deletions
diff --git a/js/panels/Timeline/Track.reel/Track.js b/js/panels/Timeline/Track.reel/Track.js deleted file mode 100644 index e1b03525..00000000 --- a/js/panels/Timeline/Track.reel/Track.js +++ /dev/null | |||
@@ -1,211 +0,0 @@ | |||
1 | /* <copyright> | ||
2 | Copyright (c) 2012, Motorola Mobility, Inc | ||
3 | All Rights Reserved. | ||
4 | BSD License. | ||
5 | |||
6 | Redistribution and use in source and binary forms, with or without | ||
7 | modification, are permitted provided that the following conditions are met: | ||
8 | |||
9 | - Redistributions of source code must retain the above copyright notice, | ||
10 | this list of conditions and the following disclaimer. | ||
11 | - Redistributions in binary form must reproduce the above copyright | ||
12 | notice, this list of conditions and the following disclaimer in the | ||
13 | documentation and/or other materials provided with the distribution. | ||
14 | - Neither the name of Motorola Mobility nor the names of its contributors | ||
15 | may be used to endorse or promote products derived from this software | ||
16 | without specific prior written permission. | ||
17 | |||
18 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | ||
19 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | ||
20 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | ||
21 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | ||
22 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | ||
23 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | ||
24 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | ||
25 | INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | ||
26 | CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | ||
27 | ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | ||
28 | POSSIBILITY OF SUCH DAMAGE. | ||
29 | </copyright> */ | ||
30 | |||
31 | var Montage = require("montage/core/core").Montage; | ||
32 | var Component = require("montage/ui/component").Component; | ||
33 | var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager; | ||
34 | |||
35 | var Track = exports.Track = Montage.create(Component, { | ||
36 | |||
37 | track_lane: { | ||
38 | value: null, | ||
39 | serializable: true | ||
40 | }, | ||
41 | |||
42 | _trackID:{ | ||
43 | value:null | ||
44 | }, | ||
45 | |||
46 | trackID:{ | ||
47 | get:function(){ | ||
48 | return this._trackID; | ||
49 | }, | ||
50 | set:function(value){ | ||
51 | this._trackID = value; | ||
52 | } | ||
53 | }, | ||
54 | |||
55 | _spans:{ | ||
56 | value:[] | ||
57 | }, | ||
58 | |||
59 | spans:{ | ||
60 | serializable:true, | ||
61 | get:function () { | ||
62 | return this._spans; | ||
63 | }, | ||
64 | set:function (newVal) { | ||
65 | this._spans = newVal; | ||
66 | } | ||
67 | }, | ||
68 | |||
69 | _spanRepetition:{ | ||
70 | value:null | ||
71 | }, | ||
72 | |||
73 | spanRepetition:{ | ||
74 | get:function () { | ||
75 | return this._spanRepetition; | ||
76 | }, | ||
77 | set:function (newVal) { | ||
78 | this._spanRepetition = newVal; | ||
79 | } | ||
80 | }, | ||
81 | |||
82 | trackDuration:{ | ||
83 | value:0 | ||
84 | }, | ||
85 | |||
86 | currentKeyframe:{ | ||
87 | value:0 | ||
88 | }, | ||
89 | |||
90 | currentMillisecClicked:{ | ||
91 | value: 0 | ||
92 | }, | ||
93 | |||
94 | isAnimated:{ | ||
95 | value:false | ||
96 | }, | ||
97 | |||
98 | animatedElement:{ | ||
99 | value:null | ||
100 | }, | ||
101 | |||
102 | ninjaStylesContoller:{ | ||
103 | value: null | ||
104 | }, | ||
105 | |||
106 | //TEMP | ||
107 | keyFrames:{ | ||
108 | serializable: true, | ||
109 | value:[] | ||
110 | }, | ||
111 | |||
112 | prepareForDraw: { | ||
113 | value: function() { | ||
114 | this.keyFrames = new Array(); | ||
115 | this.spans = new Array(); | ||
116 | this.track_lane.addEventListener("click", this, false); | ||
117 | this.addNewEndPoint(0); | ||
118 | |||
119 | this.ninjaStylesContoller = this.application.ninja.stylesController; | ||
120 | } | ||
121 | }, | ||
122 | |||
123 | handleNewTween:{ | ||
124 | value: function(event){ | ||
125 | var newTween = Tween.create(); | ||
126 | } | ||
127 | }, | ||
128 | |||
129 | handleClick:{ | ||
130 | value:function (ev) { | ||
131 | var currentMillisecPerPixel = Math.floor(this.application.ninja.timeline.millisecondsOffset / 80); | ||
132 | this.currentMillisecClicked = currentMillisecPerPixel * (ev.offsetX + parseInt(ev.target.style.left)); | ||
133 | |||
134 | // TEMP - if the SHIFT key is down, add a new keyframe or split an existing span | ||
135 | // This needs to move to a keyboard shortcut that is TBD | ||
136 | if (ev.shiftKey) { | ||
137 | var prevFrame = this.keyFrames[this.keyFrames.length - 1][0]; | ||
138 | if (ev.offsetX > prevFrame) { | ||
139 | this.addNewEndPoint(ev.offsetX); | ||
140 | this.currentMillisecClicked = currentMillisecPerPixel * ev.offsetX; | ||
141 | } else { | ||
142 | this.currentMillisecClicked = currentMillisecPerPixel * (ev.offsetX + parseInt(ev.target.style.left)); | ||
143 | this.splitSpan(ev); | ||
144 | } | ||
145 | } | ||
146 | |||
147 | console.log("currentMillisecClicked = " + this.currentMillisecClicked); | ||
148 | } | ||
149 | }, | ||
150 | |||
151 | addNewEndPoint : { | ||
152 | value: function(xpos){ | ||
153 | var newKeyFrame = document.createElement("div"); | ||
154 | newKeyFrame.className = "keyframe"; | ||
155 | newKeyFrame.style.left = (xpos - 2) + "px"; | ||
156 | this.track_lane.appendChild(newKeyFrame); | ||
157 | |||
158 | if(xpos > 0){ | ||
159 | var prevFrame = this.keyFrames[this.keyFrames.length - 1][0]; | ||
160 | |||
161 | var newDefaultSpan = document.createElement("div"); | ||
162 | newDefaultSpan.className = "defaultSpan"; | ||
163 | newDefaultSpan.style.left = prevFrame + "px"; | ||
164 | newDefaultSpan.style.width = (xpos - prevFrame) + "px"; | ||
165 | this.track_lane.appendChild(newDefaultSpan); | ||
166 | |||
167 | this.spans.push(newDefaultSpan); | ||
168 | } | ||
169 | |||
170 | var keyframePercent = this.currentMillisecClicked / this.application.ninja.timeline.totalDuration; | ||
171 | var keyframeProperties; | ||
172 | |||
173 | //console.log(keyframePercent); | ||
174 | |||
175 | this.keyFrames.push([xpos, keyframePercent, keyframeProperties]); | ||
176 | //console.log(this.keyFrames) | ||
177 | } | ||
178 | }, | ||
179 | |||
180 | splitSpan: { | ||
181 | value: function(ev){ | ||
182 | console.log("splitting span at span offsetX: " + ev.offsetX); | ||
183 | |||
184 | //this.track_lane.removeChild(ev.target); | ||
185 | } | ||
186 | }, | ||
187 | |||
188 | updateKeyframePercents:{ | ||
189 | value:function(){ | ||
190 | |||
191 | } | ||
192 | }, | ||
193 | |||
194 | addAnimationRuleToElement:{ | ||
195 | value: function(){ | ||
196 | |||
197 | } | ||
198 | }, | ||
199 | |||
200 | calculateKeyframePercent:{ | ||
201 | value:function() { | ||
202 | |||
203 | } | ||
204 | }, | ||
205 | |||
206 | buildKeyframesString:{ | ||
207 | value:function(){ | ||
208 | |||
209 | } | ||
210 | } | ||
211 | }); | ||