aboutsummaryrefslogtreecommitdiff
path: root/js/ninja.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/ninja.reel')
-rw-r--r--js/ninja.reel/ninja.css11
-rw-r--r--js/ninja.reel/ninja.html379
-rw-r--r--js/ninja.reel/ninja.js249
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": {
235 "module": "js/components/popup-manager.reel",