aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html230
1 files changed, 211 insertions, 19 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
index 6849898b..35f348c7 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
@@ -1,32 +1,224 @@
1<!DOCTYPE html> 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"> 2<html lang="en">
8 <head> 3 <head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" type="text/css" href="TimelinePanel.css"> 5 <link rel="stylesheet" type="text/css" href="css/TimelinePanel.css">
6
7
11 <script type="text/montage-serialization"> 8 <script type="text/montage-serialization">
12 { 9 {
13 "owner": { 10 "owner": {
14 "module": "js/panels/Timeline/TimelinePanel.reel", 11 "module": "js/panels/Timeline/TimelinePanel.reel",
15 "name": "TimelinePanel", 12 "name": "TimelinePanel",
16 "properties": { 13 "properties": {
17 "element": {"#": "timeline_panel"} 14 "element": {"#": "timeline_panel"},
18 } 15 "user_layers": {"#": "user_layers"},
19 } 16 "track_container": {"#": "right_inside"},
20 17 "layer_tracks": {"#": "layer_tracks"},
21 } 18 "master_track": {"#": "master_track"},
22 </script> 19 "newlayer_button": {"#": "newlayer_button"},
20 "deletelayer_button": {"#": "deletelayer_button"},
21 "time_markers" : {"#": "timeline_markers"},
22 "layerRepetition" : {"@": "repetition1"},
23 "trackRepetition" : {"@" : "repetition2"},
24 "playhead": {"#": "playhead"},
25 "playheadmarker": {"#": "playhead_marker"},
26 "timetext" : {"#": "time_text"}
27 }
28 },
23 29
30 "timelineResize" : {
31 "module": "js/panels/Resizer",
32 "name": "Resizer",
33 "properties": {
34 "element": {"#": "layer_resizer"},
35 "panel" : {"#" : "timeline_leftpane"},
36 "isVertical" : false,
37 "isInversed" : false
38 }
39 },
40
41
42 "repetition1": {
43 "module": "montage/ui/repetition.reel",
44 "name": "Repetition",
45 "properties": {
46 "element": {"#": "container-layers"},
47 "isSelectionEnabled" : true
48 },
49 "bindings": {
50 "objects": {
51 "boundObject": {"@": "owner"},
52 "boundObjectPropertyPath": "arrLayers",
53 "oneway": false
54 }
55 }
56 },
57 "layer" : {
58 "module" : "js/panels/Timeline/Layer.reel",
59 "name" : "Layer",
60 "properties" : {
61 "element": {"#": "container-layer"}
62 },
63 "bindings" : {
64 "layerName" : {
65 "boundObject" : {"@" : "repetition1"},
66 "boundObjectPropertyPath" : "objectAtCurrentIteration.layerName",
67 "oneway" : false
68 },
69 "layerID" : {
70 "boundObject" : {"@" : "repetition1"},
71 "boundObjectPropertyPath" : "objectAtCurrentIteration.layerID",
72 "oneway" : false
73 },
74 "arrLayerStyles" : {
75 "boundObject" : {"@" : "repetition1"},
76 "boundObjectPropertyPath" : "objectAtCurrentIteration.arrLayerStyles",
77 "oneway" : false
78 },
79 "isMainCollapsed" : {
80 "boundObject" : {"@" : "repetition1"},
81 "boundObjectPropertyPath" : "objectAtCurrentIteration.isMainCollapsed",
82 "oneway" : false
83 },
84 "isPositionCollapsed" : {
85 "boundObject" : {"@" : "repetition1"},
86 "boundObjectPropertyPath" : "objectAtCurrentIteration.isPositionCollapsed",
87 "oneway" : false
88 },
89 "isTransformCollapsed" : {
90 "boundObject" : {"@" : "repetition1"},
91 "boundObjectPropertyPath" : "objectAtCurrentIteration.isTransformCollapsed",
92 "oneway" : false
93 },
94 "isStyleCollapsed" : {
95 "boundObject" : {"@" : "repetition1"},
96 "boundObjectPropertyPath" : "objectAtCurrentIteration.isStyleCollapsed",
97 "oneway" : false
98 }
99 }
100 },
101
102 "repetition2" : {
103 "module": "montage/ui/repetition.reel",
104 "name": "Repetition",
105 "properties": {
106 "element": {"#": "container-tracks"},
107 "isSelectionEnabled" : false
108 },
109 "bindings": {
110 "objects": {
111 "boundObject": {"@": "owner"},
112 "boundObjectPropertyPath": "arrTracks",
113 "oneway": false
114 }
115 }
116 },
117 "track" : {
118 "module" : "js/panels/Timeline/TimelineTrack.reel",
119 "name" : "TimelineTrack",
120 "properties" : {
121 "element": {"#": "container-track"}
122 },
123 "bindings" : {
124 "trackID" : {
125 "boundObject" : {"@" : "repetition2"},
126 "boundObjectPropertyPath" : "objectAtCurrentIteration.trackID",
127 "oneway" : false
128 },
129 "tweens" : {
130 "boundObject" : {"@" : "repetition2"},
131 "boundObjectPropertyPath" : "objectAtCurrentIteration.tweens",
132 "oneway" : false
133 },
134 "isMainCollapsed" : {
135 "boundObject" : {"@" : "repetition2"},
136 "boundObjectPropertyPath" : "objectAtCurrentIteration.isMainCollapsed",
137 "oneway" : false
138 },
139 "isPositionCollapsed" : {
140 "boundObject" : {"@" : "repetition2"},
141 "boundObjectPropertyPath" : "objectAtCurrentIteration.isPositionCollapsed",
142 "oneway" : false
143 },
144 "isTransformCollapsed" : {
145 "boundObject" : {"@" : "repetition2"},
146 "boundObjectPropertyPath" : "objectAtCurrentIteration.isTransformCollapsed",
147 "oneway" : false
148 },
149 "isStyleCollapsed" : {
150 "boundObject" : {"@" : "repetition2"},
151 "boundObjectPropertyPath" : "objectAtCurrentIteration.isStyleCollapsed",
152 "oneway" : false
153 }
154 }
155 }
156 }
157 </script>
24 158
25 </head> 159 </head>
26 <body> 160 <body>
27 161
28 <div id="timeline_panel"> 162 <div id="timeline_panel" class="tl_container">
29 163
164 <div id="bread_crumb"></div>
165
166 <div id="main_timeline" class="maintimeline">
167
168
169 <div id="timeline_leftpane" class="tl_leftpane">
170 <div id="leftpane_inside" class="leftinside">
171 <div id="timeline_controller" class="timelinecontroller">
172 <div id="timeline_controls" class="timelinecontrols">
173 <div id="rewind_button" class="rewindbutton"></div>
174 <div id="play_button" class="playbutton"></div>
175 <div id="pause_button" class="pausebutton"></div>
176 <div id="forward_button" class="forwardbutton"></div>
177 <div id="time_text" class="timetext">00:00:00</div>
178 </div>
179 </div>
180
181
182
183 <div id="user_layers" class="userlayers">