aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/PropertyTrack.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/PropertyTrack.reel')
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html40
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js435
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css11
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/.sass-cache/a26ed2cbe268f8c721d1b1d8dfa075c8c5b47e72/PropertyTrack.scsscbin0 -> 5151 bytes
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss8
5 files changed, 488 insertions, 6 deletions
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html
index a4b598c5..9c4160c8 100644
--- a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html
+++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html
@@ -13,16 +13,50 @@
13 "owner": { 13 "owner": {
14 "prototype": "js/panels/Timeline/PropertyTrack.reel", 14 "prototype": "js/panels/Timeline/PropertyTrack.reel",
15 "properties": { 15 "properties": {
16 "element": {"#": "property-track"} 16 "element": {"#": "property-track"},
17 "propTweenRepetition" : {"@" : "propTweenRepetition"},
18 "propTween": {"@" : "propTween"}
17 } 19 }
18 } 20 },
21
22 "propTween" : {
23 "prototype" : "js/panels/timeline/Tween.reel",
24 "properties" : {
25 "element":{"#": "prop_track_lane"}
26 },
27 "bindings" : {
28 "tweenData" : {
29 "boundObject" : {"@": "propTweenRepetition"},
30 "boundObjectPropertyPath" : "objectAtCurrentIteration.tweenData",
31 "oneway" : false
32 }
33 }
34 },
19 35
36 "propTweenRepetition": {
37 "prototype": "montage/ui/repetition.reel",
38 "properties": {
39 "element": {"#": "prop_track_lanes"},
40 "isSelectionEnabled" : false
41 },
42 "bindings": {
43 "objects": {
44 "boundObject": {"@": "owner"},
45 "boundObjectPropertyPath": "propTweens",
46 "oneway": false
47 }
48 }
49 }
20 } 50 }
21 </script> 51 </script>
22 </head> 52 </head>
23 <body> 53 <body>
24 54
25 <div data-montage-id="property-track" class="timeline-track"></div> 55 <div data-montage-id="property-track" class="timeline-track">
56 <div data-montage-id="prop_track_lanes" class="prop-track">
57 <div data-montage-id="prop_track_lane"></div>
58 </div>
59 </div>
26 60
27 </body> 61 </body>
28</html> \ No newline at end of file 62</html> \ No newline at end of file
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js
index 175b77f9..791239d7 100644
--- a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js
+++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js
@@ -15,7 +15,442 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, {
15 15
16 prepareForDraw:{ 16 prepareForDraw:{
17 value:function(){ 17 value:function(){
18 this.element.addEventListener("click", this, false);
19 this.trackID = this.parentComponent.parentComponent.parentComponent.trackID;
20 this.animatedElement = this.parentComponent.parentComponent.parentComponent.animatedElement;
21 this.ninjaStylesContoller = this.application.ninja.stylesController;
22 }
23 },
24
25 draw:{
26 value:function(){
27
28 }
29 },
30
31 didDraw:{
32 value:function () {
33 if(this.currentKeyframeRule){
34 this.retrieveStoredStyleTweens();
35 }
36 }
37 },
38
39 trackEditorProperty:{
40 value:""
41 },
42
43 _propTweenRepetition:{
44 value:null
45 },
46
47 animatedElement:{
48 value:null
49 },
50
51 isSubproperty:{
52 value:true
53 },
54
55 propTweenRepetition:{
56 serializable:true,
57 get:function () {
58 return this._propTweenRepetition;
59 },
60 set:function (newVal) {
61 this._propTweenRepetition = newVal;
62 }
63 },
64
65 _propTweens:{
66 value:[]
67 },
68
69 propTweens:{
70 serializable:true,
71 get:function () {
72 return this._propTweens;
73 },
74 set:function (newVal) {
75 this._propTweens = newVal;
76 }
77 },
78
79 _propTrackData:{
80 value:false
81 },
82
83 propTrackData:{
84 serializable:true,
85 get:function () {
86 return this._propTrackData;
87 },
88 set:function (val) {
89 this._propTrackData = val;
90 if (this._propTrackData) {
91 this.setData();
92 }
93 }
94 },
95
96 nextKeyframe:{
97 value:1
98 },
99
100 ninjaStylesContoller:{
101 value:null
102 },
103
104 animationName:{
105 value:null
106 },
107
108 currentKeyframeRule:{
109 value:null
110 },
111
112 trackDuration:{
113 value:0
114 },
115
116 _trackID:{
117 value:null
118 },
119
120 trackID:{
121 serializable:true,
122 get:function () {
123 return this._trackID;
124 },
125 set:function (value) {
126 if (value !== this._trackID) {
127 this._trackID = value;
128 }
129 }
130 },
131
132 _trackType:{
133 value:null
134 },
135
136 trackType:{
137 serializable:true,
138 get:function () {
139 return this._trackType;
140 },
141 set:function (value) {
142 if (value !== this._trackType) {
143 this._trackType = value;
144 }
145 }
146 },
147
148 _styleIndex:{
149 value:null
150 },
151
152 styleIndex:{
153 serializable:true,
154 get:function () {
155 return this._styleIndex;
156 },
157 set:function (value) {
158 if (value !== this._styleIndex) {
159 this._styleIndex = value;
160 }
161 }
162 },
163
164 setData:{