1 files changed, 21 insertions, 2 deletions

diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 3c4a4537..758cd275 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -196,6 +196,15 @@
                 }
             },
 
+
+        "editorViewOptions": {
+                        "module": "js/code-editor/ui/code-editor-view-options.reel",
+                        "name": "CodeEditorViewOptions",
+                        "properties": {
+                            "element": {"#": "editorViewOptions"}
+                        }
+                    },
+
             "panelContainer": {
                 "prototype": "js/panels/PanelContainer.reel",
                 "properties": {
@@ -311,6 +320,11 @@
                 }
             },
 
+            "codeEditorController": {
+                "module": "js/controllers/code-editor-controller",
+                "name": "CodeEditorController"
+            },
+
             "owner": {
                 "prototype": "js/ninja.reel",
                 "properties": {
@@ -336,12 +350,16 @@
                     "newFileController":    {"@": "newFileController"},
                     "coreIoApi":                {"@": "coreIoApi1"},
                     "documentBar":          {"@": "documentBar"},
+                    "editorViewOptions":    {"@": "editorViewOptions"},
                     "ioMediator":           {"@": "ioMediator"},
                     "timeline":             {"@": "timeline"},
                     "mainMenuController":   {"@": "mainMenuController"},
+                    "codeEditorController":   {"@": "codeEditorController"},
                     "rightPanelContainer":  {"#": "rightPanelContainer" },
                     "panelSplitter":     {"@": "splitter3"},
-                    "timelineSplitter":     {"@": "splitter4"}
+                    "timelineSplitter":     {"@": "splitter4"},
+                    "toolsSplitter":     {"@": "splitter2"},
+                    "optionsSplitter":     {"@": "splitter1"}
                 }
             }
         }
@@ -399,7 +417,8 @@
                         <section id="timelineResizer" class="timelineResizer resizeBar"></section>
                         <section id="stateBar">
                             <section id="documentBarContainer">
-                                <div id="documentBar" class="documentBar"><a href="#">HTML</a></div>
+                                <div id="documentBar" class="documentBar" style="display:block"><a href="#">HTML</a></div>
+                                <div id="editorViewOptions" class="editorViewOptions" style="display:none"><a href="#">HTML</a></div>
                             </section>
                         </section>