diff options
Diffstat (limited to 'js/ninja.reel')
-rw-r--r-- | js/ninja.reel/ninja.css | 11 | ||||
-rw-r--r-- | js/ninja.reel/ninja.html | 379 | ||||
-rw-r--r-- | js/ninja.reel/ninja.js | 249 |
3 files changed, 639 insertions, 0 deletions
diff --git a/js/ninja.reel/ninja.css b/js/ninja.reel/ninja.css new file mode 100644 index 00000000..99fa9a4f --- /dev/null +++ b/js/ninja.reel/ninja.css | |||
@@ -0,0 +1,11 @@ | |||
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 | |||
7 | .main { | ||
8 | padding: 100px; | ||
9 | } | ||
10 | |||
11 | |||
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html new file mode 100644 index 00000000..706c8243 --- /dev/null +++ b/js/ninja.reel/ninja.html | |||
@@ -0,0 +1,379 @@ | |||
1 | <!DOCTYPE html> | ||
2 | |||
3 | <!-- <copyright> | ||
4 | This file contains proprietary software owned by Motorola Mobility, Inc. | ||
5 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder. | ||
6 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
7 | </copyright> --> | ||
8 | |||
9 | <html> | ||
10 | <head> | ||
11 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
12 | |||
13 | <link href="../../css/ninja.css" rel="stylesheet" type="text/css" media="screen"/> | ||
14 | |||
15 | <title>Main Ninja Component</title> | ||
16 | |||
17 | <script type="text/montage-serialization"> | ||
18 | { | ||
19 | |||
20 | "preloader1": { | ||
21 | "module": "js/preloader/preloader", | ||
22 | "name": "Preloader" | ||
23 | }, | ||
24 | |||
25 | "settings1": { | ||
26 | "module": "js/data/settings", | ||
27 | "name": "Settings" | ||
28 | }, | ||
29 | |||
30 | "toolsData1": { | ||
31 | "module": "js/data/tools-data", | ||
32 | "name": "ToolsData" | ||
33 | }, | ||
34 | |||
35 | "appModel": { | ||
36 | "module": "js/models/app-model", | ||
37 | "name": "AppModel" | ||
38 | }, | ||
39 | |||
40 | "menu": { | ||
41 | "module": "js/components/menu/menu.reel", | ||
42 | "name": "Menu", | ||
43 | "properties": { | ||
44 | "element": {"#": "mainMenuBar"} | ||
45 | } | ||
46 | }, | ||
47 | |||
48 | "splitter1": { | ||
49 | "module": "js/panels/Splitter", | ||
50 | "name": "Splitter", | ||
51 | "properties": { | ||
52 | "element": {"#": "topSplitter"}, | ||
53 | "panel": {"#": "topPanelContainer"} | ||
54 | } | ||
55 | }, | ||
56 | |||
57 | "splitter2": { | ||
58 | "module": "js/panels/Splitter", | ||
59 | "name": "Splitter", | ||
60 | "properties": { | ||
61 | "element": {"#": "leftSplitter"}, | ||
62 | "panel": {"#": "leftPanelContainer"} | ||
63 | } | ||
64 | }, | ||
65 | |||
66 | "splitter3": { | ||
67 | "module": "js/panels/Splitter", | ||
68 | "name": "Splitter", | ||
69 | "properties": { | ||
70 | "element": {"#": "rightSplitter"}, | ||
71 | "panel": {"#": "rightPanelContainer"}, | ||
72 | "resizeBar": {"#": "rightPanelResizer"} | ||
73 | } | ||
74 | }, | ||
75 | |||
76 | "splitter4": { | ||
77 | "module": "js/panels/Splitter", | ||
78 | "name": "Splitter", | ||
79 | "properties": { | ||
80 | "element": {"#": "bottomSplitter"}, | ||
81 | "panel": {"#": "bottomPanelContainer"}, | ||
82 | "resizeBar": {"#": "timelineResizer"} | ||
83 | } | ||
84 | }, | ||
85 | |||
86 | "resizer1": { | ||
87 | "module": "js/panels/Resizer", | ||
88 | "name": "Resizer", | ||
89 | "properties": { | ||
90 | "element": {"#": "rightPanelResizer"}, | ||
91 | "id": "rightPanelResizer", | ||
92 | "panel": {"#": "rightPanelContainer"}, | ||
93 | "isVertical": false, | ||
94 | "redrawStage": true | ||
95 | } | ||
96 | }, | ||
97 | |||
98 | "resizer2": { | ||
99 | "module": "js/panels/Resizer", | ||
100 | "name": "Resizer", | ||
101 | "properties": { | ||
102 | "element": {"#": "timelineResizer"}, | ||
103 | "id": "timelineResizer", | ||
104 | "panel": {"#": "bottomPanelContainer"}, | ||
105 | "isVertical": true, | ||
106 | "isInversed": true, | ||
107 | "redrawStage": true | ||
108 | } | ||
109 | }, | ||
110 | |||
111 | "stageMode": { | ||
112 | "module": "js/components/layout/stage-mode.reel", | ||
113 | "name": "StageMode", | ||
114 | "properties": { | ||
115 | "element": {"#": "stageMode"} | ||
116 | }, | ||
117 | "bindings" : { | ||
118 | "livePreview": { | ||
119 | "boundObject": {"@": "appModel"}, | ||
120 | "boundObjectPropertyPath": "livePreview", | ||
121 | "oneway": false | ||
122 | } | ||
123 | } | ||
124 | }, | ||
125 | |||
126 | "toolsList1": { | ||
127 | "module": "js/components/layout/tools-list.reel", | ||
128 | "name": "ToolsList", | ||
129 | "properties": { | ||
130 | "element": {"#": "toolsList"}, | ||
131 | "toolsData": {"@": "toolsData1"} | ||
132 | } | ||
133 | }, | ||
134 | |||
135 | "toolsProperties1": { | ||
136 | "module": "js/components/layout/tools-properties.reel", | ||
137 | "name": "ToolsProperties", | ||
138 | "properties": { | ||
139 | "element": {"#": "toolsProperties"}, | ||
140 | "toolsData": {"@": "toolsData1"} | ||
141 | } | ||
142 | }, | ||
143 | |||
144 | "documentsTab": { | ||
145 | "module": "js/components/layout/documents-tab.reel", | ||
146 | "name": "DocumentsTab", | ||
147 | "properties": { | ||
148 | "element": {"#": "openDocumentsTabComponent"} | ||
149 | } | ||
150 | }, | ||
151 | |||
152 | "stage1": { | ||
153 | "module": "js/stage/stage.reel", | ||
154 | "name": "Stage", | ||
155 | "properties": { | ||
156 | "element": {"#": "stageAndScenesContainer"}, | ||
157 | "appModel": {"@": "appModel"} | ||
158 | } | ||
159 | }, | ||
160 | |||
161 | "documentBar": { | ||
162 | "module": "js/components/layout/document-bar.reel", | ||
163 | "name": "DocumentBar", | ||
164 | "properties": { | ||
165 | "element": {"#": "documentBar"} | ||
166 | } | ||
167 | }, | ||
168 | |||
169 | "panelContainer": { | ||
170 | "module": "js/panels/PanelContainer/PanelContainer.reel", | ||
171 | "name": "PanelContainer", | ||
172 | "properties": { | ||
173 | "element": {"#": "rightPanelContent"}, | ||
174 | "panelSplitter": {"@": "splitter3"}, | ||
175 | "appModel": {"@": "appModel"} | ||
176 | } | ||
177 | }, | ||
178 | |||
179 | "breadCrumb":{ | ||
180 | "module": "js/components/layout/bread-crumb.reel", | ||
181 | "name": "Breadcrumb", | ||
182 | "properties":{ | ||
183 | "element":{"#" : "breadCrumbComponent"} | ||
184 | |||
185 | } | ||
186 | }, | ||
187 | |||
188 | "timeline": { | ||
189 | "module": "js/panels/Timeline/TimelinePanel.reel", | ||
190 | "name": "TimelinePanel", | ||
191 | "properties": { | ||
192 | "element": {"#": "timelinePanelComponent"} | ||
193 | } | ||
194 | }, | ||
195 | |||
196 | "mouseMediator": { | ||
197 | "module": "js/mediators/mouse-mediator", | ||
198 | "name": "MouseMediator" | ||
199 | }, | ||
200 | |||
201 | "keyboardMediator": { | ||
202 | "module": "js/mediators/keyboard-mediator", | ||
203 | "name": "KeyboardMediator", | ||
204 | "properties":{ | ||
205 | "appModel": {"@": "appModel"} | ||
206 | } | ||
207 | }, | ||
208 | |||
209 | "dragDropMediator": { | ||
210 | "module": "js/mediators/drag-drop-mediator", | ||
211 | "name": "DragDropMediator" | ||
212 | }, | ||
213 | |||
214 | "elementMediator": { | ||
215 | "module": "js/mediators/element-mediator", | ||
216 | "name": "ElementMediator" | ||
217 | }, | ||
218 | |||
219 | "undocontroller1": { | ||
220 | "module": "js/controllers/undo-controller", | ||
221 | "name": "UndoController" | ||
222 | }, | ||
223 | |||
224 | "selectionController1": { | ||
225 | "module": "js/controllers/selection-controller", | ||
226 | "name": "SelectionController" | ||
227 | }, | ||
228 | |||
229 | "documentController1": { | ||
230 | "module": "js/io/document/document-controller", | ||
231 | "name": "DocumentController" | ||
232 | }, | ||
233 | |||
234 | "popupManager1": { | ||