diff options
author | Pushkar Joshi | 2012-05-31 17:16:21 -0700 |
---|---|---|
committer | Pushkar Joshi | 2012-05-31 17:16:21 -0700 |
commit | 8915a7109d918a2e69b0999ebaa2deb84811fef8 (patch) | |
tree | 19a8af74c58c9ea261f0842f36efdab959be3256 /js/panels/Timeline | |
parent | eea0a556e44c2b60d3aaf6e46d2432d3e6303812 (diff) | |
parent | 06b609df1ff7833592faddbd8d7abb5b9f15a74d (diff) | |
download | ninja-8915a7109d918a2e69b0999ebaa2deb84811fef8.tar.gz |
Merge branch 'pentool' into brushtool
Diffstat (limited to 'js/panels/Timeline')
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.js | 10 | ||||
-rw-r--r-- | js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js | 21 | ||||
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | 14 |
3 files changed, 17 insertions, 28 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js index b23da749..e8619d02 100644 --- a/js/panels/Timeline/Layer.reel/Layer.js +++ b/js/panels/Timeline/Layer.reel/Layer.js | |||
@@ -498,11 +498,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
498 | 498 | ||
499 | triggerOutgoingBinding : { | 499 | triggerOutgoingBinding : { |
500 | value: function() { | 500 | value: function() { |
501 | if (this.layerData.triggerBinding === true) { | 501 | this.layerData.triggerBinding = !this.layerData.triggerBinding; |
502 | this.layerData.triggerBinding = false; | ||
503 | } else { | ||
504 | this.layerData.triggerBinding = true; | ||
505 | } | ||
506 | } | 502 | } |
507 | }, | 503 | }, |
508 | /* END: Models */ | 504 | /* END: Models */ |
@@ -721,7 +717,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
721 | this.dynamicLayerName.value = this._layerEditable.value; | 717 | this.dynamicLayerName.value = this._layerEditable.value; |
722 | this.application.ninja.timeline.currentLayerSelected.layerData.elementsList[0].dataset.storedLayerName = this.dynamicLayerName.value; | 718 | this.application.ninja.timeline.currentLayerSelected.layerData.elementsList[0].dataset.storedLayerName = this.dynamicLayerName.value; |
723 | this.needsDraw = true; | 719 | this.needsDraw = true; |
724 | this.application.ninja.documentController.activeDocument.needsSave = true; | 720 | this.application.ninja.documentController.activeDocument.model.needsSave = true; |
725 | } | 721 | } |
726 | }, | 722 | }, |
727 | handleAddStyleClick: { | 723 | handleAddStyleClick: { |
@@ -749,7 +745,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
749 | this.dynamicLayerName.value = newVal; | 745 | this.dynamicLayerName.value = newVal; |
750 | this.layerName = newVal; | 746 | this.layerName = newVal; |
751 | this.application.ninja.timeline.currentLayerSelected.layerData.elementsList[0].dataset.storedLayerName = newVal; | 747 | this.application.ninja.timeline.currentLayerSelected.layerData.elementsList[0].dataset.storedLayerName = newVal; |
752 | this.application.ninja.documentController.activeDocument.needsSave = true; | 748 | this.application.ninja.documentController.activeDocument.model.needsSave = true; |
753 | this.needsDraw = true; | 749 | this.needsDraw = true; |
754 | } | 750 | } |
755 | }, | 751 | }, |
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js index d1cab096..c55e5a24 100644 --- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js +++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js | |||
@@ -110,7 +110,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { | |||
110 | this._selectedLayerID = newVal; | 110 | this._selectedLayerID = newVal; |
111 | this._captureSelection = true; | 111 | this._captureSelection = true; |
112 | if (this.currentLayerSelected !== false) { | 112 | if (this.currentLayerSelected !== false) { |
113 | this.selectLayer(selectIndex, true); | 113 | this.selectLayer(selectIndex, false); |
114 | } | 114 | } |
115 | if (this.currentLayersSelected !== false) { | 115 | if (this.currentLayersSelected !== false) { |
116 | this.selectLayers(this.currentLayersSelected); | 116 | this.selectLayers(this.currentLayersSelected); |
@@ -437,6 +437,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { | |||
437 | returnObj.layerData.isVisible = true; | 437 | returnObj.layerData.isVisible = true; |
438 | returnObj.layerData.docUUID = this.application.ninja.currentDocument._uuid; | 438 | returnObj.layerData.docUUID = this.application.ninja.currentDocument._uuid; |
439 | returnObj.layerData.isTrackAnimated = false; | 439 | returnObj.layerData.isTrackAnimated = false; |
440 | returnObj.layerData.triggerBinding = false; | ||
440 | returnObj.parentElementUUID = null; | 441 | returnObj.parentElementUUID = null; |
441 | returnObj.parentElement = null; | 442 | returnObj.parentElement = null; |
442 | 443 | ||
@@ -595,13 +596,13 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { | |||
595 | 596 | ||
596 | // That's all we need to do for a brand new file. | 597 | // That's all we need to do for a brand new file. |
597 | // But what if we're opening an existing document? | 598 | // But what if we're opening an existing document? |
598 | if (!this.application.ninja.documentController.creatingNewFile) { | 599 | if (!this.application.ninja.documentController.creatingNewFile && this.application.ninja.currentDocument.currentView !== "code") { |
599 | // Opening an existing document. If it has DOM elements we need to restore their timeline info | 600 | // Opening an existing document. If it has DOM elements we need to restore their timeline info |
600 | if (this.application.ninja.currentDocument.documentRoot.children[0]) { | 601 | if (this.application.ninja.currentDocument.model.documentRoot.children[0]) { |
601 | // Yes, it has DOM elements. Loop through them and create a new object for each. | 602 | // Yes, it has DOM elements. Loop through them and create a new object for each. |
602 | for (myIndex = 0; this.application.ninja.currentDocument.documentRoot.children[myIndex]; myIndex++) { | 603 | for (myIndex = 0; this.application.ninja.currentDocument.model.documentRoot.children[myIndex]; myIndex++) { |
603 | this._openDoc = true; | 604 | this._openDoc = true; |
604 | this.restoreLayer(this.application.ninja.currentDocument.documentRoot.children[myIndex]); | 605 | this.restoreLayer(this.application.ninja.currentDocument.model.documentRoot.children[myIndex]); |
605 | } | 606 | } |
606 | } | 607 | } |
607 | } | 608 | } |
@@ -994,7 +995,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { | |||
994 | this.arrLayers.splice(myIndex, 0, thingToPush); | 995 | this.arrLayers.splice(myIndex, 0, thingToPush); |
995 | 996 | ||
996 | } | 997 | } |
997 | this.selectLayer(myIndex); | 998 | this.selectLayer(myIndex, false); |
998 | } | 999 | } |
999 | }, | 1000 | }, |
1000 | 1001 | ||
@@ -1402,12 +1403,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, { | |||
1402 | // Trigger the layer/track data binding | 1403 | // Trigger the layer/track data binding |
1403 | triggerLayerBinding : { | 1404 | triggerLayerBinding : { |
1404 | value: function(intIndex) { | 1405 | value: function(intIndex) { |
1405 | if (this.arrLayers[intIndex].layerData.triggerBinding === true) { | 1406 | this.arrLayers[intIndex].layerData.triggerBinding = !this.arrLayers[intIndex].layerData.triggerBinding; |
1406 | this.arrLayers[intIndex].layerData.triggerBinding = false; | 1407 | } |
1407 | } else { | ||
1408 | this.arrLayers[intIndex].layerData.triggerBinding = true; | ||
1409 | } | ||
1410 | } | ||
1411 | }, | 1408 | }, |
1412 | 1409 | ||
1413 | handleLayerDragStart : { | 1410 | handleLayerDragStart : { |
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index efeeba00..ff684446 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | |||
@@ -405,11 +405,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
405 | 405 | ||
406 | triggerOutgoingBinding : { | 406 | triggerOutgoingBinding : { |
407 | value: function() { | 407 | value: function() { |
408 | if (this.trackData.triggerBinding === true) { | 408 | this.trackData.triggerBinding = !this.trackData.triggerBinding; |
409 | this.trackData.triggerBinding = false; | ||
410 | } else { | ||
411 | this.trackData.triggerBinding = true; | ||
412 | } | ||
413 | } | 409 | } |
414 | }, | 410 | }, |
415 | 411 | ||
@@ -438,7 +434,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
438 | didDraw:{ | 434 | didDraw:{ |
439 | value:function () { | 435 | value:function () { |
440 | if ((!this.application.ninja.documentController.creatingNewFile)||(!this.application.ninja.currentDocument.setLevel)) { | 436 | if ((!this.application.ninja.documentController.creatingNewFile)||(!this.application.ninja.currentDocument.setLevel)) { |
441 | if (this.application.ninja.currentDocument.documentRoot.children[0]) { | 437 | if (this.application.ninja.currentDocument.model.documentRoot.children[0]) { |
442 | var selectedIndex = this.application.ninja.timeline.getLayerIndexByID(this.trackID); | 438 | var selectedIndex = this.application.ninja.timeline.getLayerIndexByID(this.trackID); |
443 | if (selectedIndex !== false) { | 439 | if (selectedIndex !== false) { |
444 | if (!this.application.ninja.timeline.arrLayers[selectedIndex].layerData.created) { | 440 | if (!this.application.ninja.timeline.arrLayers[selectedIndex].layerData.created) { |
@@ -568,7 +564,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
568 | this.nextKeyframe += 1; | 564 | this.nextKeyframe += 1; |
569 | } | 565 | } |
570 | 566 | ||
571 | this.application.ninja.documentController.activeDocument.needsSave = true; | 567 | this.application.ninja.documentController.activeDocument.model.needsSave = true; |
572 | } | 568 | } |
573 | }, | 569 | }, |
574 | 570 | ||
@@ -592,7 +588,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
592 | trackTiming = this.application.ninja.stylesController.getElementStyle(this.animatedElement, "-webkit-animation-duration"); | 588 | trackTiming = this.application.ninja.stylesController.getElementStyle(this.animatedElement, "-webkit-animation-duration"); |
593 | this.nextKeyframe = 0; | 589 | this.nextKeyframe = 0; |
594 | 590 | ||
595 | this.currentKeyframeRule = this.application.ninja.stylesController.getAnimationRuleWithName(this.animationName, this.application.ninja.currentDocument._document); | 591 | this.currentKeyframeRule = this.application.ninja.stylesController.getAnimationRuleWithName(this.animationName, this.application.ninja.currentDocument.model.views.design.document); |
596 | 592 | ||
597 | for (i =0; this.currentKeyframeRule[i] ;i++) { | 593 | for (i =0; this.currentKeyframeRule[i] ;i++) { |
598 | var newTween = {}; | 594 | var newTween = {}; |
@@ -687,7 +683,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
687 | keyframeString += " }"; | 683 | keyframeString += " }"; |
688 | // set the keyframe string as the new rule | 684 | // set the keyframe string as the new rule |
689 | this.currentKeyframeRule = this.ninjaStylesContoller.addRule(keyframeString); | 685 | this.currentKeyframeRule = this.ninjaStylesContoller.addRule(keyframeString); |
690 | this.application.ninja.documentController.activeDocument.needsSave = true; | 686 | this.application.ninja.documentController.activeDocument.model.needsSave = true; |
691 | } | 687 | } |
692 | }, | 688 | }, |
693 | 689 | ||