<!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"} } }, "documentBar": { "prototype": "js/components/layout/document-bar.reel", "properties": { "element": {"#": "documentBar"} } }, "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": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "currentSelectedContainer", "oneway": true } } }, "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" }, "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" } } }, "owner": { "prototype": "js/ninja.reel", "properties": { "element": {"#": "main"}, "rulerTop": {"#": "rulerTop"}, "rulerLeft": {"#": "rulerLeft"}, "appModel": {"@": "appModel"}, "toolsData": {"@": "toolsData1"}, "toolsList": {"@": "toolsList1"}, "toolsProperties": {"@": "toolsProperties1"}, "stage": {"@": "stage1"}, "settings": {"@": "settings1"}, "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"}, "ioMediator": {"@": "ioMediator"}, "timeline": {"@": "timeline"}, "mainMenuController": {"@": "mainMenuController"}, "rightPanelContainer": {"#": "rightPanelContainer" }, "panelSplitter": {"@": "splitter3"}, "timelineSplitter": {"@": "splitter4"} } } } </script> </head> <body> <div id="main" class="main"> <section id="topMenu"> <nav 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 id="topPanelContainer" class="panelContainer"> <div id="topPanel" class="panel"> <div id="toolPropertiesPanel"> <div id="toolsProperties"></div> </div> <div id="stageMode" class="unselectable marginposition"> <!--<div id="stageModeImg" class="unselectable editMode"></div>--> </div> </div> </section> <section id="appWorkspace"> <section id="leftPanelContainer" class="panelContainer"> <section id="toolsPanelContent" class="panel"> <div id="toolsList"></div> </section> </section> <section id="mainContainer"> <section class="mainContainerContent"> <section id="documentTabs"> <div id="openDocumentsTabComponent"></div> </section> <section id="rulerTop"></section> <section id="mainContent"> <section id="rulerLeft"></section> <section id="stageAndScenesContainer"></section> <section id="pasteboardResizer" class="pasteboardResizer resizeBar"></section> </section> <section id="timelineResizer" class="timelineResizer resizeBar"></section> <section id="stateBar"> <section id="documentBarContainer"> <div id="documentBar" class="documentBar"><a href="#">HTML</a></div> </section> </section> <section id="breadCrumbComponent"></section> <div id="timelinePanelComponent" data-montage-id="timelinePanel" class="timelinePanel"></div> </section> </section> <section data-montage-id="rightPanelResizer" class="rightPanelResizer resizeBar"></section> <section id="rightPanelContainer" data-montage-id="rightPanelContainer" class="rightPanelContainer panelContainer"> <section 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 id="popupWindows"></section> </div> </body> </html>