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.html231
1 files changed, 212 insertions, 19 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
index 6849898b..9ed69f4a 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
@@ -1,32 +1,225 @@
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 "isPanel" : false
39 }
40 },
41
42
43 "repetition1": {
44 "module": "montage/ui/repetition.reel",
45 "name": "Repetition",
46 "properties": {
47 "element": {"#": "container-layers"},
48 "isSelectionEnabled" : true
49 },
50 "bindings": {
51 "objects": {
52 "boundObject": {"@": "owner"},
53 "boundObjectPropertyPath": "arrLayers",
54 "oneway": false
55 }
56 }
57 },
58 "layer" : {
59 "module" : "js/panels/Timeline/Layer.reel",
60 "name" : "Layer",
61 "properties" : {
62 "element": {"#": "container-layer"}
63 },
64 "bindings" : {
65 "layerName" : {
66 "boundObject" : {"@" : "repetition1"},
67 "boundObjectPropertyPath" : "objectAtCurrentIteration.layerName",
68 "oneway" : false
69 },
70 "layerID" : {
71 "boundObject" : {"@" : "repetition1"},
72 "boundObjectPropertyPath" : "objectAtCurrentIteration.layerID",
73 "oneway" : false
74 },
75 "arrLayerStyles" : {
76 "boundObject" : {"@" : "repetition1"},
77 "boundObjectPropertyPath" : "objectAtCurrentIteration.arrLayerStyles",
78 "oneway" : false
79 },
80 "isMainCollapsed" : {
81 "boundObject" : {"@" : "repetition1"},
82 "boundObjectPropertyPath" : "objectAtCurrentIteration.isMainCollapsed",
83 "oneway" : false
84 },
85 "isPositionCollapsed" : {
86 "boundObject" : {"@" : "repetition1"},
87 "boundObjectPropertyPath" : "objectAtCurrentIteration.isPositionCollapsed",
88 "oneway" : false
89 },
90 "isTransformCollapsed" : {
91 "boundObject" : {"@" : "repetition1"},
92 "boundObjectPropertyPath" : "objectAtCurrentIteration.isTransformCollapsed",
93 "oneway" : false
94 },
95 "isStyleCollapsed" : {
96 "boundObject" : {"@" : "repetition1"},
97 "boundObjectPropertyPath" : "objectAtCurrentIteration.isStyleCollapsed",
98 "oneway" : false
99 }
100 }
101 },
102
103 "repetition2" : {
104 "module": "montage/ui/repetition.reel",
105 "name": "Repetition",
106 "properties": {
107 "element": {"#": "container-tracks"},
108 "isSelectionEnabled" : false
109 },
110 "bindings": {
111 "objects": {
112 "boundObject": {"@": "owner"},
113 "boundObjectPropertyPath": "arrTracks",
114 "oneway": false
115 }
116 }
117 },
118 "track" : {
119 "module" : "js/panels/Timeline/TimelineTrack.reel",
120 "name" : "TimelineTrack",
121 "properties" : {
122 "element": {"#": "container-track"}
123 },
124 "bindings" : {
125 "trackID" : {
126 "boundObject" : {"@" : "repetition2"},
127 "boundObjectPropertyPath" : "objectAtCurrentIteration.trackID",
128 "oneway" : false
129 },
130 "tweens" : {
131 "boundObject" : {"@" : "repetition2"},
132 "boundObjectPropertyPath" : "objectAtCurrentIteration.tweens",
133 "oneway" : false
134 },
135 "isMainCollapsed" : {
136 "boundObject" : {"@" : "repetition2"},
137 "boundObjectPropertyPath" : "objectAtCurrentIteration.isMainCollapsed",
138 "oneway" : false
139 },
140 "isPositionCollapsed" : {
141 "boundObject" : {"@" : "repetition2"},
142 "boundObjectPropertyPath" : "objectAtCurrentIteration.isPositionCollapsed",
143 "oneway" : false
144 },
145 "isTransformCollapsed" : {
146 "boundObject" : {"@" : "repetition2"},
147 "boundObjectPropertyPath" : "objectAtCurrentIteration.isTransformCollapsed",
148 "oneway" : false
149 },
150 "isStyleCollapsed" : {
151 "boundObject" : {"@" : "repetition2"},
152 "boundObjectPropertyPath" : "objectAtCurrentIteration.isStyleCollapsed",
153 "oneway" : false
154 }
155 }
156 }
157 }
158 </script>
24 159
25 </head> 160 </head>
26 <body> 161 <body>
27 162
28 <div id="timeline_panel"> 163 <div id="timeline_panel" class="tl_container">
29 164
165 <div id="bread_crumb"></div>
166
167 <div id="main_timeline" class="maintimeline">
168
169
170 <div id="timeline_leftpane" class="tl_leftpane">
171 <div id="leftpane_inside" class="leftinside">
172 <div id="timeline_controller" class="timelinecontroller">
173 <div id="timeline_controls" class="timelinecontrols">
174 <div id="rewind_button" class="rewindbutton"></div>
175 <div id="play_button" class="playbutton"></div>
176 <div id="pause_button" class="pausebutton"></div>
177 <div id="forward_button" class="forwardbutton"></div>
178 <div id="time_text" class="timetext">00:00:00</div>
179 </div>
180 </div>
181