<!DOCTYPE html> <!-- <copyright> This file contains proprietary software owned by Motorola Mobility, Inc. No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder. (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="../../css/ninja.css" rel="stylesheet" type="text/css" media="screen"/> <title>Main Ninja Component</title> <script type="text/montage-serialization"> { "localStorage": { "prototype": "js/controllers/local-storage-controller[LocalStorage]" }, "toolsData1": { "prototype": "js/data/tools-data" }, "appModel": { "prototype": "js/models/app-model" }, "materialsModel": { "prototype": "js/models/materials-model" }, "menu": { "prototype": "js/components/menu/menu.reel", "properties": { "element": {"#": "mainMenuBar"} } }, "splitter1": { "prototype": "js/panels/Splitter", "properties": { "element": {"#": "topSplitter"}, "panel": {"#": "topPanelContainer"} } }, "splitter2": { "prototype": "js/panels/Splitter", "properties": { "element": {"#": "leftSplitter"}, "panel": {"#": "leftPanelContainer"} } }, "splitter3": { "prototype": "js/panels/Splitter", "properties": { "element": {"#": "rightSplitter"}, "panel": {"#": "rightPanelContainer"}, "resizeBar": {"#": "rightPanelResizer"} } }, "splitter4": { "prototype": "js/panels/Splitter", "properties": { "element": {"#": "bottomSplitter"}, "panel": {"@": "timeline"} } }, "resizer1": { "prototype": "js/panels/resize-composer", "properties": { "element": {"#": "rightPanelResizer"}, "component": {"@": "owner"}, "yAxis": false }, "listeners": [ { "type": "resizeStart", "listener": {"@": "owner"} }, { "type": "resizeMove", "listener": {"@": "owner"} }, { "type": "resizeEnd", "listener": {"@": "owner"} } ] }, "resizer2": { "prototype": "js/panels/resize-composer", "properties": { "element": {"#": "timelineResizer"}, "component": {"@": "owner"}, "xAxis": false }, "listeners": [ { "type": "resizeStart", "listener": {"@": "owner"} }, { "type": "resizeMove", "listener": {"@": "owner"} }, { "type": "resizeEnd", "listener": {"@": "owner"} } ] }, "Resizer": { "prototype": "js/panels/resize-composer", "properties": { "element": {"#": "pasteboardResizer"}, "component": {"@": "owner"} }, "listeners": [ { "type": "resizeStart", "listener": {"@": "owner"} }, { "type": "resizeMove", "listener": {"@": "owner"} }, { "type": "resizeEnd", "listener": {"@": "owner"} }, { "type": "resizeReset", "listener": {"@": "owner"} } ] }, "stageMode": { "prototype": "js/components/layout/stage-mode.reel", "properties": { "element": {"#": "stageMode"} }, "bindings" : { "livePreview": { "boundObject": {"@": "appModel"}, "boundObjectPropertyPath": "livePreview", "oneway": false } } }, "toolsList1": { "prototype": "js/components/layout/tools-list.reel", "properties": { "element": {"#": "toolsList"}, "toolsData": {"@": "toolsData1"} } }, "toolsProperties1": { "prototype": "js/components/layout/tools-properties.reel", "properties": { "element": {"#": "toolsProperties"}, "toolsData": {"@": "toolsData1"} } }, "documentsTab": { "prototype": "js/components/layout/documents-tab.reel", "properties": { "element": {"#": "openDocumentsTabComponent"} } }, "stage1": { "prototype": "js/stage/stage.reel", "properties": { "element": {"#": "stageAndScenesContainer"}, "appModel": {"@": "appModel"} }, "bindings": { "activeDocument": {"<-": "@documentController1.activeDocument"} } }, "documentBar": { "prototype": "js/components/layout/document-bar.reel", "properties": { "element": {"#": "documentBar"} } }, "editorViewOptions": { "prototype": "js/code-editor/ui/code-editor-view-options.reel", "properties": { "element": {"#": "editorViewOptions"} } }, "panelContainer": { "prototype": "js/panels/PanelContainer.reel", "properties": { "element": {"#": "rightPanelContent"}, "panelSplitter": {"@": "splitter3"}, "appModel": {"@": "appModel"} } }, "breadCrumb":{ "prototype": "js/components/layout/bread-crumb.reel[Breadcrumb]", "properties":{ "element":{"#" : "breadCrumbComponent"} }, "bindings" : { "container": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "currentSelectedContainer", "oneway": false } } }, "timeline": { "prototype": "js/panels/Timeline/TimelinePanel.reel", "properties": { "element": {"#": "timelinePanelComponent"} } }, "mouseMediator": { "prototype": "js/mediators/mouse-mediator" }, "keyboardMediator": { "prototype": "js/mediators/keyboard-mediator", "properties":{ "appModel": {"@": "appModel"} } }, "dragDropMediator": { "prototype": "js/mediators/drag-drop-mediator" }, "elementMediator": { "prototype": "js/mediators/element-mediator" }, "ioMediator": { "prototype": "js/mediators/io-mediator" }, "undocontroller1": { "prototype": "js/controllers/undo-controller" }, "selectionController1": { "prototype": "js/controllers/selection-controller", "bindings" : { "selectionContainer": {"<-": "@owner.currentSelectedContainer"} } }, "documentController1": { "prototype": "js/controllers/document-controller" }, "popupManager1": { "prototype": "js/components/popup-manager.reel", "properties": { "element": {"#": "popupWindows"} } }, "colorController1": { "prototype": "js/controllers/color-controller" }, "stylesController": { "prototype": "js/controllers/styles-controller", "bindings": { "activeDocument": {"<-": "@documentController1.activeDocument"} } }, "presetsController": { "prototype": "js/controllers/presets-controller" }, "filePickerController": { "prototype": "js/io/ui/file-picker/file-picker-controller" }, "newFileController": { "prototype": "js/io/ui/new-file-dialog/new-file-workflow-controller" }, "coreIoApi1": { "prototype": "js/io/system/coreioapi[CoreIoApi]" }, "mainMenuController": { "prototype": "js/controllers/main-menu-controller" }, "focusManager": { "object": "js/components/focus-manager.reel", "properties": { "element": {"#": "focus-container" } } }, "codeEditorController": { "prototype": "js/controllers/code-editor-controller" }, "owner": { "prototype": "js/ninja.reel", "properties": { "element": {"#": "main"}, "rulerTop": {"#": "rulerTop"}, "rulerLeft": {"#": "rulerLeft"}, "appModel": {"@": "appModel"}, "toolsData": {"@": "toolsData1"}, "toolsList": {"@": "toolsList1"}, "toolsProperties": {"@": "toolsProperties1"}, "stage": {"@": "stage1"}, "elementMediator": {"@": "elementMediator"}, "dragDropMediator": {"@": "dragDropMediator"}, "undocontroller": {"@": "undocontroller1"}, "selectionController": {"@": "selectionController1"}, "documentController": {"@": "documentController1"}, "popupManager": {"@": "popupManager1"}, "colorController": {"@": "colorController1"}, "stylesController": {"@": "stylesController"}, "presetsController": {"@": "presetsController"}, "filePickerController": {"@": "filePickerController"}, "newFileController": {"@": "newFileController"}, "coreIoApi": {"@": "coreIoApi1"}, "documentBar": {"@": "documentBar"}, "editorViewOptions": {"@": "editorViewOptions"}, "ioMediator": {"@": "ioMediator"}, "timeline": {"@": "timeline"}, "mainMenuController": {"@": "mainMenuController"}, "codeEditorController": {"@": "codeEditorController"}, "rightPanelContainer": {"#": "rightPanelContainer" }, "panelSplitter": {"@": "splitter3"}, "timelineSplitter": {"@": "splitter4"}, "toolsSplitter": {"@": "splitter2"}, "optionsSplitter": {"@": "splitter1"} } } } </script> </head> <body> <div data-montage-id="main" class="main"> <section id="topMenu"> <nav data-montage-id="mainMenuBar"></nav> </section> <section data-montage-id="leftSplitter" class="leftSplitter splitter"></section> <section data-montage-id="rightSplitter" class="rightSplitter splitter"></section> <section id="appContainer"> <section data-montage-id="topSplitter" class="topSplitter splitter"></section> <section data-montage-id="topPanelContainer" id="topPanelContainer" class="panelContainer"> <div id="topPanel" class="panel"> <div id="toolPropertiesPanel"> <div data-montage-id="toolsProperties"></div> </div> <div data-montage-id="stageMode" class="unselectable marginposition"></div> </div> </section> <section id="appWorkspace"> <section data-montage-id="leftPanelContainer" id="leftPanelContainer" class="panelContainer"> <section id="toolsPanelContent" class="panel"> <div data-montage-id="toolsList"></div> </section> </section> <section id="mainContainer"> <section class="mainContainerContent"> <section id="documentTabs"> <div data-montage-id="openDocumentsTabComponent" class="openDocumentsTab"></div> </section> <section data-montage-id="rulerTop" class="rulerTop"></section> <section id="mainContent"> <section data-montage-id="rulerLeft" class="rulerLeft"></section> <section data-montage-id="stageAndScenesContainer"></section> <section data-montage-id="pasteboardResizer" class="pasteboardResizer resizeBar"></section> </section> <section data-montage-id="timelineResizer" class="timelineResizer resizeBar"></section> <section id="stateBar"> <section id="documentBarContainer"> <div data-montage-id="documentBar" class="documentBar" style="display:block"><a href="#">HTML</a></div> <div data-montage-id="editorViewOptions" class="editorViewOptions" style="display:none"><a href="#">HTML</a></div> </section> </section> <section data-montage-id="breadCrumbComponent"></section> <div data-montage-id="timelinePanelComponent" class="timelinePanel"></div> </section> </section> <section data-montage-id="rightPanelResizer" class="rightPanelResizer resizeBar"></section> <section data-montage-id="rightPanelContainer" id="rightPanelContainer" class="rightPanelContainer panelContainer"> <section data-montage-id="rightPanelContent" class="rightPanelContent"> </section> </section> </section> <section data-montage-id="bottomSplitter" class="bottomSplitter splitter"></section> </section> <div data-montage-id="focus-container" class="hidden"></div> <section data-montage-id="popupWindows"></section> </div> </body> </html>