diff options
Diffstat (limited to 'js/ninja.reel')
-rwxr-xr-x | js/ninja.reel/ninja.html | 122 | ||||
-rwxr-xr-x | js/ninja.reel/ninja.js | 87 |
2 files changed, 127 insertions, 82 deletions
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html index 51d74cb2..a98fca60 100755 --- a/js/ninja.reel/ninja.html +++ b/js/ninja.reel/ninja.html | |||
@@ -25,7 +25,10 @@ | |||
25 | }, | 25 | }, |
26 | 26 | ||
27 | "appModel": { | 27 | "appModel": { |
28 | "prototype": "js/models/app-model" | 28 | "prototype": "js/models/app-model", |
29 | "bindings": { | ||
30 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
31 | } | ||
29 | }, | 32 | }, |
30 | 33 | ||
31 | "materialsModel": { | 34 | "materialsModel": { |
@@ -36,6 +39,9 @@ | |||
36 | "prototype": "js/components/menu/menu.reel", | 39 | "prototype": "js/components/menu/menu.reel", |
37 | "properties": { | 40 | "properties": { |
38 | "element": {"#": "mainMenuBar"} | 41 | "element": {"#": "mainMenuBar"} |
42 | }, | ||
43 | "bindings": { | ||
44 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
39 | } | 45 | } |
40 | }, | 46 | }, |
41 | 47 | ||
@@ -118,7 +124,7 @@ | |||
118 | ] | 124 | ] |
119 | }, | 125 | }, |
120 | 126 | ||
121 | "Resizer": { | 127 | "resizer3": { |
122 | "prototype": "js/panels/resize-composer", | 128 | "prototype": "js/panels/resize-composer", |
123 | "properties": { | 129 | "properties": { |
124 | "element": {"#": "pasteboardResizer"}, | 130 | "element": {"#": "pasteboardResizer"}, |
@@ -144,51 +150,61 @@ | |||
144 | ] | 150 | ] |
145 | }, | 151 | }, |
146 | 152 | ||
153 | "stylesController": { | ||
154 | "prototype": "js/controllers/styles-controller", | ||
155 | "bindings": { | ||
156 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
157 | } | ||
158 | }, | ||
159 | |||
147 | "stageMode": { | 160 | "stageMode": { |
148 | "prototype": "js/components/layout/stage-mode.reel", | 161 | "prototype": "js/components/layout/stage-mode.reel", |
149 | "properties": { | 162 | "properties": { |
150 | "element": {"#": "stageMode"} | 163 | "element": {"#": "stageMode"} |
151 | }, | 164 | }, |
152 | "bindings" : { | 165 | "bindings" : { |
153 | "livePreview": { | 166 | "livePreview": {"<<->": "@appModel.livePreview"} |
154 | "boundObject": {"@": "appModel"}, | ||
155 | "boundObjectPropertyPath": "livePreview", | ||
156 | "oneway": false | ||
157 | } | ||
158 | } | 167 | } |
159 | }, | 168 | }, |
160 | 169 | ||
161 | "toolsList1": { | 170 | "toolsList": { |
162 | "prototype": "js/components/layout/tools-list.reel", | 171 | "prototype": "js/components/layout/tools-list.reel", |
163 | "properties": { | 172 | "properties": { |
164 | "element": {"#": "toolsList"}, | 173 | "element": {"#": "toolsList"}, |
165 | "toolsData": {"@": "toolsData1"} | 174 | "toolsData": {"@": "toolsData1"} |
175 | }, | ||
176 | "bindings": { | ||
177 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
166 | } | 178 | } |
167 | }, | 179 | }, |
168 | 180 | ||
169 | "toolsProperties1": { | 181 | "toolsProperties": { |
170 | "prototype": "js/components/layout/tools-properties.reel", | 182 | "prototype": "js/components/layout/tools-properties.reel", |
171 | "properties": { | 183 | "properties": { |
172 | "element": {"#": "toolsProperties"}, | 184 | "element": {"#": "toolsProperties"}, |
173 | "toolsData": {"@": "toolsData1"} | 185 | "toolsData": {"@": "toolsData1"} |
186 | }, | ||
187 | "bindings": { | ||
188 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
174 | } | 189 | } |
175 | }, | 190 | }, |
176 | 191 | ||
177 | "documentsTab": { | 192 | "documentsTab": { |
178 | "prototype": "js/components/layout/documents-tab.reel", | 193 | "prototype": "js/components/layout/documents-tab.reel", |
179 | "properties": { | 194 | "properties": { |
180 | "element": {"#": "openDocumentsTabComponent"} | 195 | "element": {"#": "openDocumentsTabComponent"}, |
196 | "contentController": {"@": "documentList"} | ||
181 | } | 197 | } |
182 | }, | 198 | }, |
183 | 199 | ||
184 | "stage1": { | 200 | "stage": { |
185 | "prototype": "js/stage/stage.reel", | 201 | "prototype": "js/stage/stage.reel", |
186 | "properties": { | 202 | "properties": { |
187 | "element": {"#": "stageAndScenesContainer"}, | 203 | "element": {"#": "stageAndScenesContainer"}, |
188 | "appModel": {"@": "appModel"} | 204 | "appModel": {"@": "appModel"} |
189 | }, | 205 | }, |
190 | "bindings": { | 206 | "bindings": { |
191 | "activeDocument": {"<-": "@documentController1.activeDocument"} | 207 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
192 | } | 208 | } |
193 | }, | 209 | }, |
194 | 210 | ||
@@ -196,6 +212,9 @@ | |||
196 | "prototype": "js/components/layout/document-bar.reel", | 212 | "prototype": "js/components/layout/document-bar.reel", |
197 | "properties": { | 213 | "properties": { |
198 | "element": {"#": "documentBar"} | 214 | "element": {"#": "documentBar"} |
215 | }, | ||
216 | "bindings": { | ||
217 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
199 | } | 218 | } |
200 | }, | 219 | }, |
201 | 220 | ||
@@ -203,6 +222,9 @@ | |||
203 | "prototype": "js/code-editor/ui/code-editor-view-options.reel", | 222 | "prototype": "js/code-editor/ui/code-editor-view-options.reel", |
204 | "properties": { | 223 | "properties": { |
205 | "element": {"#": "editorViewOptions"} | 224 | "element": {"#": "editorViewOptions"} |
225 | }, | ||
226 | "bindings" : { | ||
227 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
206 | } | 228 | } |
207 | }, | 229 | }, |
208 | 230 | ||
@@ -212,6 +234,9 @@ | |||
212 | "element": {"#": "rightPanelContent"}, | 234 | "element": {"#": "rightPanelContent"}, |
213 | "panelSplitter": {"@": "splitter3"}, | 235 | "panelSplitter": {"@": "splitter3"}, |
214 | "appModel": {"@": "appModel"} | 236 | "appModel": {"@": "appModel"} |
237 | }, | ||
238 | "bindings" : { | ||
239 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
215 | } | 240 | } |
216 | }, | 241 | }, |
217 | 242 | ||
@@ -221,19 +246,19 @@ | |||
221 | "element":{"#" : "breadCrumbComponent"} | 246 | "element":{"#" : "breadCrumbComponent"} |
222 | }, | 247 | }, |
223 | "bindings" : { | 248 | "bindings" : { |
224 | "container": { | 249 | "container": {"<-": "@owner.currentSelectedContainer"}, |
225 | "boundObject": {"@": "owner"}, | 250 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
226 | "boundObjectPropertyPath": "currentSelectedContainer", | ||
227 | "oneway": false | ||
228 | } | ||
229 | } | 251 | } |
230 | }, | 252 | }, |
231 | 253 | ||
232 | "timeline": { | 254 | "timeline": { |
233 | "prototype": "js/panels/Timeline/TimelinePanel.reel", | 255 | "prototype": "js/panels/Timeline/TimelinePanel.reel", |
234 | "properties": { | 256 | "properties": { |
235 | "element": {"#": "timelinePanelComponent"} | 257 | "element": {"#": "timelinePanelComponent"} |
236 | } | 258 | }, |
259 | "bindings": { | ||
260 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
261 | } | ||
237 | }, | 262 | }, |
238 | 263 | ||
239 | "mouseMediator": { | 264 | "mouseMediator": { |
@@ -263,15 +288,30 @@ | |||
263 | "prototype": "js/controllers/undo-controller" | 288 | "prototype": "js/controllers/undo-controller" |
264 | }, | 289 | }, |
265 | 290 | ||
266 | "selectionController1": { | 291 | "selectionController": { |
267 | "prototype": "js/controllers/selection-controller", | 292 | "prototype": "js/controllers/selection-controller", |
268 | "bindings" : { | 293 | "bindings" : { |
269 | "selectionContainer": {"<-": "@owner.currentSelectedContainer"} | 294 | "selectionContainer": {"<-": "@owner.currentSelectedContainer"}, |
295 | "currentDocument": {"<-": "@documentList.selectedObjects.0"}, | ||
296 | "selectedElements": {"<-": "@documentList.selectedObjects.0.model.selection"} | ||
270 | } | 297 | } |
271 | }, | 298 | }, |
272 | 299 | ||
273 | "documentController1": { | 300 | "documentController": { |
274 | "prototype": "js/controllers/document-controller" | 301 | "prototype": "js/controllers/document-controller", |
302 | "bindings": { | ||
303 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
304 | } | ||
305 | }, | ||
306 | |||
307 | "documentList": { | ||
308 | "prototype": "montage/ui/controller/array-controller", | ||
309 | "properties": { | ||
310 | "selectObjectsOnAddition": true | ||
311 | }, | ||
312 | "bindings": { | ||
313 | "content": {"<<->": "@documentController.documents"} | ||
314 | } | ||
275 | }, | 315 | }, |
276 | 316 | ||
277 | "popupManager1": { | 317 | "popupManager1": { |
@@ -285,13 +325,6 @@ | |||
285 | "prototype": "js/controllers/color-controller" | 325 | "prototype": "js/controllers/color-controller" |
286 | }, | 326 | }, |
287 | 327 | ||
288 | "stylesController": { | ||
289 | "prototype": "js/controllers/styles-controller", | ||
290 | "bindings": { | ||
291 | "a |