aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
diff options
context:
space:
mode:
authorJonathan Duran2012-02-06 13:30:49 -0800
committerJonathan Duran2012-02-06 13:30:49 -0800
commita39bad832722a10f6556f91e94c3301a41f59bd5 (patch)
treee436e919f9f67c56e8bce462aab95ff3804813cc /js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
parent671a27069db6a121507c2b342653aede685cff67 (diff)
downloadninja-a39bad832722a10f6556f91e94c3301a41f59bd5.tar.gz
merge new timeline
Signed-off-by: Jonathan Duran <jduran@motorola.com>
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html')
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html112
1 files changed, 112 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..b0d191c2
--- /dev/null
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
@@ -0,0 +1,112 @@
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <link rel="stylesheet" type="text/css" href="css/TimelineTrack.css">
6 <script type="text/montage-serialization">
7 {
8 "owner": {
9 "module": "js/panels/Timeline/TimelineTrack.reel",
10 "name": "Track",
11 "properties": {
12 "element": {"#": "track"},
13 "tweenRepetition" : {"@" : "tweenRepetition"},
14 "track_lane": {"#": "track_lanes"}
15 }
16 },
17
18 "tween" : {
19 "module" : "js/panels/timeline/Tween.reel",
20 "name" : "Tween",
21 "properties" : {
22 "element":{"#": "track_lane"}
23 },
24 "bindings" : {
25 "spanWidth" : {
26 "boundObject" : {"@": "tweenRepetition"},
27 "boundObjectPropertyPath" : "objectAtCurrentIteration.spanWidth",
28 "oneway" : false
29 },
30 "keyFramePosition" : {
31 "boundObject" : {"@": "tweenRepetition"},
32 "boundObjectPropertyPath" : "objectAtCurrentIteration.keyFramePosition",
33 "oneway" : false
34 },
35 "spanPosition" : {
36 "boundObject" : {"@": "tweenRepetition"},
37 "boundObjectPropertyPath" : "objectAtCurrentIteration.spanPosition",
38 "oneway" : false
39 },
40 "timelineTrack" : {
41 "boundObject" : {"@": "tweenRepetition"},
42 "boundObjectPropertyPath" : "objectAtCurrentIteration.timelineTrack",
43 "oneway" : false
44 },
45 "keyFrameMillisec" : {
46 "boundObject" : {"@": "tweenRepetition"},
47 "boundObjectPropertyPath" : "objectAtCurrentIteration.keyFrameMillisec",
48 "oneway" : false
49 },
50 "keyframeID" : {
51 "boundObject" : {"@": "tweenRepetition"},
52 "boundObjectPropertyPath" : "objectAtCurrentIteration.keyframeID",
53 "oneway" : false
54 }
55 }
56 },
57
58 "tweenRepetition": {
59 "module": "montage/ui/repetition.reel",
60 "name": "Repetition",
61 "properties": {
62 "element": {"#": "track_lanes"},
63 "isSelectionEnabled" : false
64 },
65 "bindings": {
66 "objects": {
67 "boundObject": {"@": "owner"},
68 "boundObjectPropertyPath": "tweens",
69 "oneway": false
70 }
71 }
72 }
73 }
74 </script>
75 </head>
76 <body>
77
78 <div id="track" class="timeline-track">
79 <div id="track_lanes" class="tracklane">
80 <div id="track_lane"></div>
81 </div>
82 <div class="label-main collapsible-label collapsible-collapsed"></div>
83 <div class="collapsible-content collapsible-collapsed content-main">
84 <div class="label-position collapsible-label collapsible-collapsed">
85
86 </div>
87 <div class="content-position collapsible-content collapsible-collapsed">
88 <div class="timeline-track"></div>
89 <div class="timeline-track"></div>
90 <div class="timeline-track"></div>
91 </div>
92 <div class="label-transform collapsible-label collapsible-collapsed">
93
94 </div>
95 <div class="content-transform collapsible-content collapsible-collapsed">
96 <div class="timeline-track"></div>
97 <div class="timeline-track"></div>
98 <div class="timeline-track"></div>
99 <div class="timeline-track"></div>
100 <div class="timeline-track"></div>
101 </div>
102 <div class="label-styles collapsible-label collapsible-collapsed">
103
104 </div>
105 <div class="content-styles collapsible-content collapsible-collapsed">
106
107 </div>
108 </div>
109 </div>
110
111 </body>
112</html> \ No newline at end of file