diff options
Diffstat (limited to 'js/ninja.reel')
-rwxr-xr-x | js/ninja.reel/ninja.html | 85 | ||||
-rwxr-xr-x | js/ninja.reel/ninja.js | 71 |
2 files changed, 109 insertions, 47 deletions
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html index 51d74cb2..b341b14a 100755 --- a/js/ninja.reel/ninja.html +++ b/js/ninja.reel/ninja.html | |||
@@ -36,6 +36,9 @@ | |||
36 | "prototype": "js/components/menu/menu.reel", | 36 | "prototype": "js/components/menu/menu.reel", |
37 | "properties": { | 37 | "properties": { |
38 | "element": {"#": "mainMenuBar"} | 38 | "element": {"#": "mainMenuBar"} |
39 | }, | ||
40 | "bindings": { | ||
41 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
39 | } | 42 | } |
40 | }, | 43 | }, |
41 | 44 | ||
@@ -118,7 +121,7 @@ | |||
118 | ] | 121 | ] |
119 | }, | 122 | }, |
120 | 123 | ||
121 | "Resizer": { | 124 | "resizer3": { |
122 | "prototype": "js/panels/resize-composer", | 125 | "prototype": "js/panels/resize-composer", |
123 | "properties": { | 126 | "properties": { |
124 | "element": {"#": "pasteboardResizer"}, | 127 | "element": {"#": "pasteboardResizer"}, |
@@ -150,45 +153,48 @@ | |||
150 | "element": {"#": "stageMode"} | 153 | "element": {"#": "stageMode"} |
151 | }, | 154 | }, |
152 | "bindings" : { | 155 | "bindings" : { |
153 | "livePreview": { | 156 | "livePreview": {"<<->": "@appModel.livePreview"} |
154 | "boundObject": {"@": "appModel"}, | ||
155 | "boundObjectPropertyPath": "livePreview", | ||
156 | "oneway": false | ||
157 | } | ||
158 | } | 157 | } |
159 | }, | 158 | }, |
160 | 159 | ||
161 | "toolsList1": { | 160 | "toolsList": { |
162 | "prototype": "js/components/layout/tools-list.reel", | 161 | "prototype": "js/components/layout/tools-list.reel", |
163 | "properties": { | 162 | "properties": { |
164 | "element": {"#": "toolsList"}, | 163 | "element": {"#": "toolsList"}, |
165 | "toolsData": {"@": "toolsData1"} | 164 | "toolsData": {"@": "toolsData1"} |
165 | }, | ||
166 | "bindings": { | ||
167 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
166 | } | 168 | } |
167 | }, | 169 | }, |
168 | 170 | ||
169 | "toolsProperties1": { | 171 | "toolsProperties": { |
170 | "prototype": "js/components/layout/tools-properties.reel", | 172 | "prototype": "js/components/layout/tools-properties.reel", |
171 | "properties": { | 173 | "properties": { |
172 | "element": {"#": "toolsProperties"}, | 174 | "element": {"#": "toolsProperties"}, |
173 | "toolsData": {"@": "toolsData1"} | 175 | "toolsData": {"@": "toolsData1"} |
176 | }, | ||
177 | "bindings": { | ||
178 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
174 | } | 179 | } |
175 | }, | 180 | }, |
176 | 181 | ||
177 | "documentsTab": { | 182 | "documentsTab": { |
178 | "prototype": "js/components/layout/documents-tab.reel", | 183 | "prototype": "js/components/layout/documents-tab.reel", |
179 | "properties": { | 184 | "properties": { |
180 | "element": {"#": "openDocumentsTabComponent"} | 185 | "element": {"#": "openDocumentsTabComponent"}, |
186 | "contentController": {"@": "documentList"} | ||
181 | } | 187 | } |
182 | }, | 188 | }, |
183 | 189 | ||
184 | "stage1": { | 190 | "stage": { |
185 | "prototype": "js/stage/stage.reel", | 191 | "prototype": "js/stage/stage.reel", |
186 | "properties": { | 192 | "properties": { |
187 | "element": {"#": "stageAndScenesContainer"}, | 193 | "element": {"#": "stageAndScenesContainer"}, |
188 | "appModel": {"@": "appModel"} | 194 | "appModel": {"@": "appModel"} |
189 | }, | 195 | }, |
190 | "bindings": { | 196 | "bindings": { |
191 | "activeDocument": {"<-": "@documentController1.activeDocument"} | 197 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
192 | } | 198 | } |
193 | }, | 199 | }, |
194 | 200 | ||
@@ -196,6 +202,9 @@ | |||
196 | "prototype": "js/components/layout/document-bar.reel", | 202 | "prototype": "js/components/layout/document-bar.reel", |
197 | "properties": { | 203 | "properties": { |
198 | "element": {"#": "documentBar"} | 204 | "element": {"#": "documentBar"} |
205 | }, | ||
206 | "bindings": { | ||
207 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
199 | } | 208 | } |
200 | }, | 209 | }, |
201 | 210 | ||
@@ -212,6 +221,9 @@ | |||
212 | "element": {"#": "rightPanelContent"}, | 221 | "element": {"#": "rightPanelContent"}, |
213 | "panelSplitter": {"@": "splitter3"}, | 222 | "panelSplitter": {"@": "splitter3"}, |
214 | "appModel": {"@": "appModel"} | 223 | "appModel": {"@": "appModel"} |
224 | }, | ||
225 | "bindings" : { | ||
226 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
215 | } | 227 | } |
216 | }, | 228 | }, |
217 | 229 | ||
@@ -221,19 +233,16 @@ | |||
221 | "element":{"#" : "breadCrumbComponent"} | 233 | "element":{"#" : "breadCrumbComponent"} |
222 | }, | 234 | }, |
223 | "bindings" : { | 235 | "bindings" : { |
224 | "container": { | 236 | "container": {"<<->": "@owner.currentSelectedContainer"}, |
225 | "boundObject": {"@": "owner"}, | 237 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
226 | "boundObjectPropertyPath": "currentSelectedContainer", | ||
227 | "oneway": false | ||
228 | } | ||
229 | } | 238 | } |
230 | }, | 239 | }, |
231 | 240 | ||
232 | "timeline": { | 241 | "timeline": { |
233 | "prototype": "js/panels/Timeline/TimelinePanel.reel", | 242 | "prototype": "js/panels/Timeline/TimelinePanel.reel", |
234 | "properties": { | 243 | "properties": { |
235 | "element": {"#": "timelinePanelComponent"} | 244 | "element": {"#": "timelinePanelComponent"} |
236 | } | 245 | } |
237 | }, | 246 | }, |
238 | 247 | ||
239 | "mouseMediator": { | 248 | "mouseMediator": { |
@@ -263,15 +272,28 @@ | |||
263 | "prototype": "js/controllers/undo-controller" | 272 | "prototype": "js/controllers/undo-controller" |
264 | }, | 273 | }, |
265 | 274 | ||
266 | "selectionController1": { | 275 | "selectionController": { |
267 | "prototype": "js/controllers/selection-controller", | 276 | "prototype": "js/controllers/selection-controller", |
268 | "bindings" : { | 277 | "bindings" : { |
269 | "selectionContainer": {"<-": "@owner.currentSelectedContainer"} | 278 | "selectionContainer": {"<-": "@owner.currentSelectedContainer"} |
270 | } | 279 | } |
271 | }, | 280 | }, |
272 | 281 | ||
273 | "documentController1": { | 282 | "documentController": { |
274 | "prototype": "js/controllers/document-controller" | 283 | "prototype": "js/controllers/document-controller", |
284 | "bindings": { | ||
285 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
286 | } | ||
287 | }, | ||
288 | |||
289 | "documentList": { | ||
290 | "prototype": "montage/ui/controller/array-controller", | ||
291 | "properties": { | ||
292 | "selectObjectsOnAddition": true | ||
293 | }, | ||
294 | "bindings": { | ||
295 | "content": {"<<->": "@documentController.documents"} | ||
296 | } | ||
275 | }, | 297 | }, |
276 | 298 | ||
277 | "popupManager1": { | 299 | "popupManager1": { |
@@ -288,7 +310,7 @@ | |||
288 | "stylesController": { | 310 | "stylesController": { |
289 | "prototype": "js/controllers/styles-controller", | 311 | "prototype": "js/controllers/styles-controller", |
290 | "bindings": { | 312 | "bindings": { |
291 | "activeDocument": {"<-": "@documentController1.activeDocument"} | 313 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
292 | } | 314 | } |
293 | }, | 315 | }, |
294 | 316 | ||
@@ -331,14 +353,14 @@ | |||
331 | "rulerLeft": {"#": "rulerLeft"}, | 353 | "rulerLeft": {"#": "rulerLeft"}, |
332 | "appModel": {"@": "appModel"}, | 354 | "appModel": {"@": "appModel"}, |
333 | "toolsData": {"@": "toolsData1"}, | 355 | "toolsData": {"@": "toolsData1"}, |
334 | "toolsList": {"@": "toolsList1"}, | 356 | "toolsList": {"@": "toolsList"}, |
335 | "toolsProperties": {"@": "toolsProperties1"}, | 357 | "toolsProperties": {"@": "toolsProperties"}, |
336 | "stage": {"@": "stage1"}, | 358 | "stage": {"@": "stage"}, |
337 | "elementMediator": {"@": "elementMediator"}, | 359 | "elementMediator": {"@": "elementMediator"}, |
338 | "dragDropMediator": {"@": "dragDropMediator"}, | 360 | "dragDropMediator": {"@": "dragDropMediator"}, |
339 | "undocontroller": {"@": "undocontroller1"}, | 361 | "undocontroller": {"@": "undocontroller1"}, |
340 | "selectionController": {"@": "selectionController1"}, | 362 | "selectionController": {"@": "selectionController"}, |
341 | "documentController": {"@": "documentController1"}, | 363 | "documentController": {"@": "documentController"}, |
342 | "popupManager": {"@": "popupManager1"}, | 364 | "popupManager": {"@": "popupManager1"}, |
343 | "colorController": {"@": "colorController1"}, | 365 | "colorController": {"@": "colorController1"}, |
344 | "stylesController": {"@": "stylesController"}, | 366 | "stylesController": {"@": "stylesController"}, |
@@ -356,7 +378,8 @@ | |||
356 | "panelSplitter": {"@": "splitter3"}, | 378 | "panelSplitter": {"@": "splitter3"}, |
357 | "timelineSplitter": {"@": "splitter4"}, | 379 | "timelineSplitter": {"@": "splitter4"}, |
358 | "toolsSplitter": {"@": "splitter2"}, | 380 | "toolsSplitter": {"@": "splitter2"}, |
359 | "optionsSplitter": {"@": "splitter1"} | 381 | "optionsSplitter": {"@": "splitter1"}, |
382 | "documentList": {"@": "documentList"} | ||
360 | } | 383 | } |
361 | } | 384 | } |
362 | } | 385 | <