aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html')
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html80
1 files changed, 25 insertions, 55 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
index 091470f3..a8ef0d6b 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
@@ -15,6 +15,7 @@
15 "properties": { 15 "properties": {
16 "element": {"#": "track"}, 16 "element": {"#": "track"},
17 "tweenRepetition" : {"@" : "tweenRepetition"}, 17 "tweenRepetition" : {"@" : "tweenRepetition"},
18 "track_lanes" : {"#" : "track_lanes"},
18 "tween": {"@" : "tween"}, 19 "tween": {"@" : "tween"},
19 "mainCollapser" : {"@" : "mainCollapser"}, 20 "mainCollapser" : {"@" : "mainCollapser"},
20 "positionCollapser" : {"@" : "positionCollapser"}, 21 "positionCollapser" : {"@" : "positionCollapser"},
@@ -51,7 +52,6 @@
51 } 52 }
52 } 53 }
53 }, 54 },
54
55 "styleTrackRepetition": { 55 "styleTrackRepetition": {
56 "prototype": "montage/ui/repetition.reel", 56 "prototype": "montage/ui/repetition.reel",
57 "properties": { 57 "properties": {
@@ -66,6 +66,19 @@
66 } 66 }
67 } 67 }
68 }, 68 },
69 "stylePropertyTrack" : {
70 "prototype" : "js/panels/Timeline/PropertyTrack.reel",
71 "properties" : {
72 "element":{"#": "style-track-base"}
73 },
74 "bindings" : {
75 "propTrackData" : {
76 "boundObject" : {"@" : "styleTrackRepetition"},
77 "boundObjectPropertyPath" : "objectAtCurrentIteration.propTrackData",
78 "oneway" : false
79 }
80 }
81 },
69 "positionTracksRepetition": { 82 "positionTracksRepetition": {
70 "prototype": "montage/ui/repetition.reel", 83 "prototype": "montage/ui/repetition.reel",
71 "properties": { 84 "properties": {
@@ -84,27 +97,14 @@
84 "prototype" : "js/panels/Timeline/PropertyTrack.reel", 97 "prototype" : "js/panels/Timeline/PropertyTrack.reel",
85 "properties" : { 98 "properties" : {
86 "element":{"#": "position-track-base"} 99 "element":{"#": "position-track-base"}
87 } 100 },
88 }, 101 "bindings" : {
89 "transformTracksRepetition": { 102 "propTrackData" : {
90 "prototype": "montage/ui/repetition.reel", 103 "boundObject" : {"@" : "positionTracksRepetition"},
91 "properties": { 104 "boundObjectPropertyPath" : "objectAtCurrentIteration.propTrackData",
92 "element": {"#": "content-transform-tracks"}, 105 "oneway" : false
93 "isSelectionEnabled" : false 106 }
94 }, 107 }
95 "bindings": {
96 "objects": {
97 "boundObject": {"@": "owner"},
98 "boundObjectPropertyPath": "arrTransformTracks",
99 "oneway": false
100 }
101 }
102 },
103 "transformPropertyTrack" : {
104 "prototype" : "js/panels/Timeline/PropertyTrack.reel",
105 "properties" : {
106 "element":{"#": "transform-track-base"}
107 }
108 }, 108 },
109 109
110 "mainCollapser" : { 110 "mainCollapser" : {
@@ -157,31 +157,6 @@
157 } 157 }
158 }, 158 },
159 159
160 "transformCollapser" : {
161 "prototype" : "js/panels/timeline/Collapser",
162 "properties" : {
163 "element" : {"#" : "content-transform-tracks"},
164 "myContent" : {"#":"content-transform-tracks"},
165 "contentHeight" : 40,
166 "isLabelClickable" : false,
167 "clicker" : {"#" : "label-transform"},
168 "isCollapsed" : true,
169 "isAnimated" : true
170 },
171 "bindings" : {
172 "isToggling" : {
173 "boundObject" : {"@" : "owner" },
174 "boundObjectPropertyPath" : "isTransformCollapsed",
175 "oneway" : false
176 },
177 "bypassAnimation" : {
178 "boundObject" : {"@": "owner"},
179 "boundObjectPropertyPath" : "bypassAnimation",
180 "oneway" : false
181 }
182 }
183 },
184
185 "styleCollapser" : { 160 "styleCollapser" : {
186 "prototype" : "js/panels/timeline/Collapser", 161 "prototype" : "js/panels/timeline/Collapser",
187 "properties" : { 162 "properties" : {
@@ -214,7 +189,7 @@
214 <body> 189 <body>
215 190
216 <div data-montage-id="track" class="timeline-track"> 191 <div data-montage-id="track" class="timeline-track">
217 <div data-montage-id="track_lanes" class="tracklane"> 192 <div data-montage-id="track_lanes" class="tracklane" style="position: relative;">
218 <div data-montage-id="track_lane"></div> 193 <div data-montage-id="track_lane"></div>
219 </div> 194 </div>
220 <div class="label-main collapsible-label collapsible-collapsed" data-montage-id="label-main"></div> 195 <div class="label-main collapsible-label collapsible-collapsed" data-montage-id="label-main"></div>
@@ -225,17 +200,12 @@
225 <div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position-tracks"> 200 <div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position-tracks">
226 <div data-montage-id="position-track-base"></div> 201 <div data-montage-id="position-track-base"></div>
227 </div> 202 </div>
228 <div class="label-transform collapsible-label collapsible-collapsed" data-montage-id="label-transform"> 203
229
230 </div>
231 <div class="content-transform collapsible-content collapsible-collapsed" data-montage-id="content-transform-tracks">
232 <div data-montage-id="transform-track-base"></div>
233 </div>
234 <div class="label-styles collapsible-label collapsible-collapsed" data-montage-id="label-styles"> 204 <div class="label-styles collapsible-label collapsible-collapsed" data-montage-id="label-styles">
235 205
236 </div> 206 </div>
237 <div data-montage-id="content-styles" class="content-styles collapsible-content collapsible-collapsed"> 207 <div data-montage-id="content-styles" class="content-styles collapsible-content collapsible-collapsed">
238 <div class="timeline-track"></div> 208 <div data-montage-id="style-track-base"></div>
239 </div> 209 </div>
240 </div> 210 </div>
241 </div> 211 </div>