diff options
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html | 179 |
1 files changed, 179 insertions, 0 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html new file mode 100644 index 00000000..158d666e --- /dev/null +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html | |||
@@ -0,0 +1,179 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | <html lang="en"> | ||
8 | <head> | ||
9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
10 | <link rel="stylesheet" type="text/css" href="css/TimelineTrack.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "owner": { | ||
14 | "module": "js/panels/Timeline/TimelineTrack.reel", | ||
15 | "name": "Track", | ||
16 | "properties": { | ||
17 | "element": {"#": "track"}, | ||
18 | "tweenRepetition" : {"@" : "tweenRepetition"}, | ||
19 | "styleTracksRepetition" : {"@" : "styleTracksRepetition"}, | ||
20 | "tween": {"@" : "tween"} | ||
21 | } | ||
22 | }, | ||
23 | |||
24 | "tween" : { | ||
25 | "module" : "js/panels/timeline/Tween.reel", | ||
26 | "name" : "Tween", | ||
27 | "properties" : { | ||
28 | "element":{"#": "track_lane"} | ||
29 | }, | ||
30 | "bindings" : { | ||
31 | "spanWidth" : { | ||
32 | "boundObject" : {"@": "tweenRepetition"}, | ||
33 | "boundObjectPropertyPath" : "objectAtCurrentIteration.spanWidth", | ||
34 | "oneway" : false | ||
35 | }, | ||
36 | "keyFramePosition" : { | ||
37 | "boundObject" : {"@": "tweenRepetition"}, | ||
38 | "boundObjectPropertyPath" : "objectAtCurrentIteration.keyFramePosition", | ||
39 | "oneway" : false | ||
40 | }, | ||
41 | "spanPosition" : { | ||
42 | "boundObject" : {"@": "tweenRepetition"}, | ||
43 | "boundObjectPropertyPath" : "objectAtCurrentIteration.spanPosition", | ||
44 | "oneway" : false | ||
45 | }, | ||
46 | "keyFrameMillisec" : { | ||
47 | "boundObject" : {"@": "tweenRepetition"}, | ||
48 | "boundObjectPropertyPath" : "objectAtCurrentIteration.keyFrameMillisec", | ||
49 | "oneway" : false | ||
50 | }, | ||
51 | "tweenID" : { | ||
52 | "boundObject" : {"@": "tweenRepetition"}, | ||
53 | "boundObjectPropertyPath" : "objectAtCurrentIteration.tweenID", | ||
54 | "oneway" : false | ||
55 | }, | ||
56 | "tweenedProperties" : { | ||
57 | "boundObject" : {"@": "tweenRepetition"}, | ||
58 | "boundObjectPropertyPath" : "objectAtCurrentIteration.tweenedProperties", | ||
59 | "oneway" : false | ||
60 | }, | ||
61 | "isTweenAnimated" : { | ||
62 | "boundObject" : {"@": "tweenRepetition"}, | ||
63 | "boundObjectPropertyPath" : "objectAtCurrentIteration.isTweenAnimated", | ||
64 | "oneway" : false | ||
65 | } | ||
66 | } | ||
67 | }, | ||
68 | |||
69 | "tweenRepetition": { | ||
70 | "module": "montage/ui/repetition.reel", | ||
71 | "name": "Repetition", | ||
72 | "properties": { | ||
73 | "element": {"#": "track_lanes"}, | ||
74 | "isSelectionEnabled" : false | ||
75 | }, | ||
76 | "bindings": { | ||
77 | "objects": { | ||
78 | "boundObject": {"@": "owner"}, | ||
79 | "boundObjectPropertyPath": "tweens", | ||
80 | "oneway": false | ||
81 | } | ||
82 | } | ||
83 | }, | ||
84 | |||
85 | "styleTrackRepetition": { | ||
86 | "module": "montage/ui/repetition.reel", | ||
87 | "name": "Repetition", | ||
88 | "properties": { | ||
89 | "element": {"#": "content-styles"}, | ||
90 | "isSelectionEnabled" : false | ||
91 | }, | ||
92 | "bindings": { | ||
93 | "objects": { | ||
94 | "boundObject": {"@": "owner"}, | ||
95 | "boundObjectPropertyPath": "arrStyleTracks", | ||
96 | "oneway": false | ||
97 | } | ||
98 | } | ||
99 | }, | ||
100 | "positionTracksRepetition": { | ||
101 | "module": "montage/ui/repetition.reel", | ||
102 | "name": "Repetition", | ||
103 | "properties": { | ||
104 | "element": {"#": "content-position-tracks"}, | ||
105 | "isSelectionEnabled" : false | ||
106 | }, | ||
107 | "bindings": { | ||
108 | "objects": { | ||
109 | "boundObject": {"@": "owner"}, | ||
110 | "boundObjectPropertyPath": "arrPositionTracks", | ||
111 | "oneway": false | ||
112 | } | ||
113 | } | ||
114 | }, | ||
115 | "positionPropertyTrack" : { | ||
116 | "module" : "js/panels/Timeline/PropertyTrack.reel", | ||
117 | "name" : "PropertyTrack", | ||
118 | "properties" : { | ||
119 | "element":{"#": "position-track-base"} | ||
120 | } | ||
121 | }, | ||
122 | "transformTracksRepetition": { | ||
123 | "module": "montage/ui/repetition.reel", | ||
124 | "name": "Repetition", | ||
125 | "properties": { | ||
126 | "element": {"#": "content-transform-tracks"}, | ||
127 | "isSelectionEnabled" : false | ||
128 | }, | ||
129 | "bindings": { | ||
130 | "objects": { | ||
131 | "boundObject": {"@": "owner"}, | ||
132 | "boundObjectPropertyPath": "arrTransformTracks", | ||
133 | "oneway": false | ||
134 | } | ||
135 | } | ||
136 | }, | ||
137 | "transformPropertyTrack" : { | ||
138 | "module" : "js/panels/Timeline/PropertyTrack.reel", | ||
139 | "name" : "PropertyTrack", | ||
140 | "properties" : { | ||
141 | "element":{"#": "transform-track-base"} | ||
142 | } | ||
143 | } | ||
144 | |||
145 | |||
146 | } | ||
147 | </script> | ||
148 | </head> | ||
149 | <body> | ||
150 | |||
151 | <div id="track" class="timeline-track"> | ||
152 | <div id="track_lanes" class="tracklane"> | ||
153 | <div id="track_lane"></div> | ||
154 | </div> | ||
155 | <div class="label-main collapsible-label collapsible-collapsed"></div> | ||
156 | <div class="collapsible-content collapsible-collapsed content-main"> | ||
157 | <div class="label-position collapsible-label collapsible-collapsed"> | ||
158 | |||
159 | </div> | ||
160 | <div class="content-position collapsible-content collapsible-collapsed" id="content-position-tracks"> | ||
161 | <div id="position-track-base"></div> | ||
162 | </div> | ||
163 | <div class="label-transform collapsible-label collapsible-collapsed"> | ||
164 | |||
165 | </div> | ||
166 | <div class="content-transform collapsible-content collapsible-collapsed" id="content-transform-tracks"> | ||
167 | <div id="transform-track-base"></div> | ||
168 | </div> | ||
169 | <div class="label-styles collapsible-label collapsible-collapsed"> | ||
170 | |||
171 | </div> | ||
172 | <div id="content-styles" class="content-styles collapsible-content collapsible-collapsed"> | ||
173 | <div class="timeline-track"></div> | ||
174 | </div> | ||
175 | </div> | ||
176 | </div> | ||
177 | |||
178 | </body> | ||
179 | </html> \ No newline at end of file | ||