aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Tween.reel/Tween.js
diff options
context:
space:
mode:
authorValerio Virgillito2012-07-09 14:35:44 -0700
committerValerio Virgillito2012-07-09 14:35:44 -0700
commit84b3327bd92faafab7954b5eb64c7abe24a3fe13 (patch)
tree3f56cbed2f08c5a81ea79eaf0bcb9bd031d8a627 /js/panels/Timeline/Tween.reel/Tween.js
parentc0a42c56f768a873ba637f5b86d5f6a84d4a3312 (diff)
parent40c6eb2c06b34f65a74d59ef9687251952858bab (diff)
downloadninja-84b3327bd92faafab7954b5eb64c7abe24a3fe13.tar.gz
Merge branch 'normalize' of https://github.com/kriskowal/ninja-internal
Conflicts: js/components/gradientpicker.reel/gradientpicker.js js/components/tools-properties/text-properties.reel/text-properties.js js/document/views/base.js js/document/views/design.js js/helper-classes/3D/StageLine.js js/helper-classes/3D/draw-utils.js js/lib/drawing/world.js js/lib/geom/circle.js js/lib/geom/line.js js/lib/geom/rectangle.js js/lib/geom/shape-primitive.js js/lib/rdge/materials/bump-metal-material.js js/lib/rdge/materials/flag-material.js js/lib/rdge/materials/fly-material.js js/lib/rdge/materials/julia-material.js js/lib/rdge/materials/keleidoscope-material.js js/lib/rdge/materials/mandel-material.js js/lib/rdge/materials/material.js js/lib/rdge/materials/plasma-material.js js/lib/rdge/materials/pulse-material.js js/lib/rdge/materials/radial-gradient-material.js js/lib/rdge/materials/taper-material.js js/lib/rdge/materials/twist-vert-material.js js/lib/rdge/materials/water-material.js js/panels/Materials/materials-library-panel.reel/materials-library-panel.html js/panels/Materials/materials-library-panel.reel/materials-library-panel.js js/panels/Materials/materials-popup.reel/materials-popup.html js/panels/Materials/materials-popup.reel/materials-popup.js js/tools/LineTool.js Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'js/panels/Timeline/Tween.reel/Tween.js')
-rw-r--r--js/panels/Timeline/Tween.reel/Tween.js72
1 files changed, 36 insertions, 36 deletions
diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js
index ff8d0bad..c451caa7 100644
--- a/js/panels/Timeline/Tween.reel/Tween.js
+++ b/js/panels/Timeline/Tween.reel/Tween.js
@@ -165,38 +165,38 @@ var Tween = exports.Tween = Montage.create(Component, {
165 this._isTweenAnimated = value; 165 this._isTweenAnimated = value;
166 } 166 }
167 }, 167 },
168 168
169 _isDragging: { 169 _isDragging: {
170 value: false 170 value: false
171 }, 171 },
172 isDragging: { 172 isDragging: {
173 serializable: true, 173 serializable: true,
174 get:function () { 174 get:function () {
175 return this._isDragging; 175 return this._isDragging;
176 }, 176 },
177 set:function (newVal) { 177 set:function (newVal) {
178 this._isDragging = newVal; 178 this._isDragging = newVal;
179 } 179 }
180 180
181 }, 181 },
182 182
183 _easing: { 183 _easing: {
184 value: "none" 184 value: "none"
185 }, 185 },
186 easing: { 186 easing: {
187 serializable: true, 187 serializable: true,
188 get:function () { 188 get:function () {
189 return this._easing; 189 return this._easing;
190 }, 190 },
191 set:function (newVal) { 191 set:function (newVal) {
192 this._easing = newVal; 192 this._easing = newVal;
193 } 193 }
194 194
195 }, 195 },
196 196
197 draw:{ 197 draw:{
198 value:function () { 198 value:function () {
199 this.tweenspan.element.style.width = this.spanWidth + "px"; 199 this.tweenspan.element.style.width = this.spanWidth + "px";
200 this.keyframe.element.style.left = (this.spanWidth -5) + "px"; 200 this.keyframe.element.style.left = (this.spanWidth -5) + "px";
201 this.tweenspan.spanWidth = this.spanWidth; 201 this.tweenspan.spanWidth = this.spanWidth;
202 this.element.style.left = this.spanPosition + "px"; 202 this.element.style.left = this.spanPosition + "px";
@@ -225,7 +225,7 @@ var Tween = exports.Tween = Montage.create(Component, {
225 handleElementChange:{ 225 handleElementChange:{
226 value:function (event) { 226 value:function (event) {
227 // temp - testing var 227 // temp - testing var
228 var useAbsolute = true; 228 var useAbsolute = true;
229 229
230 if(event.detail.type === "cssChange"){ 230 if(event.detail.type === "cssChange"){
231 event.detail.source="cssPanelChange" 231 event.detail.source="cssPanelChange"
@@ -250,32 +250,32 @@ var Tween = exports.Tween = Montage.create(Component, {
250 setTweenProperties:{ 250 setTweenProperties:{
251 value:function (eventDetail) { 251 value:function (eventDetail) {
252 252
253 if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") { 253 if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") {
254 if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){ 254 if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){
255 this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px"; 255 this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px";
256 } 256 }
257 if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){ 257 if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){
258 this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px"; 258 this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px";
259 } 259 }
260 if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){ 260 if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){
261 this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px"; 261 this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px";
262 } 262 }
263 if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){ 263 if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){
264 this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px"; 264 this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px";
265 } 265 }
266 // tell track to update css rule 266 // tell track to update css rule
267 this.parentComponent.parentComponent.updateKeyframeRule(); 267 this.parentComponent.parentComponent.updateKeyframeRule();
268 this.isTweenAnimated = true; 268 this.isTweenAnimated = true;
269 } 269 }
270 270
271 if (eventDetail.source === "translateTool") { 271 if (eventDetail.source === "translateTool") {
272 var arrMat = eventDetail.data.value[0].properties.mat, 272 var arrMat = eventDetail.data.value[0].properties.mat,
273 strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")"; 273 strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")";
274 274
275 this.tweenedProperties["-webkit-transform"] = strTweenProperty; 275 this.tweenedProperties["-webkit-transform"] = strTweenProperty;
276 this.parentComponent.parentComponent.updateKeyframeRule(); 276 this.parentComponent.parentComponent.updateKeyframeRule();
277 this.isTweenAnimated = true; 277 this.isTweenAnimated = true;
278 } 278 }
279 } 279 }
280 }, 280 },
281 281