aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelineTrack.reel
diff options
context:
space:
mode:
authorPushkar Joshi2012-02-24 12:08:49 -0800
committerPushkar Joshi2012-02-24 12:08:49 -0800
commit03ca7a5ed13c25faaa9100bb666e062fd15335e6 (patch)
treec51112223ceb9121cd595a60335eb2795215590f /js/panels/Timeline/TimelineTrack.reel
parentfcb12cc09eb3cd3b42bd215877ba18f449275b75 (diff)
parent053fc63a2950c7a5ee4ebf98033b64d474a3c46e (diff)
downloadninja-03ca7a5ed13c25faaa9100bb666e062fd15335e6.tar.gz
Merge branch 'pentool' into brushtool
Conflicts: imports/codemirror/mode/scheme/scheme.js js/tools/BrushTool.js
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel')
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html179
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js658
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/css/TimelineTrack.css62
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/images/gridline.jpgbin0 -> 724 bytes
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/scss/TimelineTrack.scss69
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/scss/config.rb9
6 files changed, 977 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
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
new file mode 100644
index 00000000..0c5121cd
--- /dev/null
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -0,0 +1,658 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7var Montage = require("montage/core/core").Montage;
8var Component = require("montage/ui/component").Component;