2 files changed, 28 insertions, 0 deletions

diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 51d74cb2..1f0582b1 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -323,6 +323,13 @@
                 "prototype": "js/controllers/code-editor-controller"
             },
 
+            "objectsController" : {
+                "prototype": "js/controllers/objects-controller",
+                "bindings": {
+                    "activeDocument": {"<-": "@owner.currentDocument"}
+                }
+            },
+
             "owner": {
                 "prototype": "js/ninja.reel",
                 "properties": {
@@ -352,6 +359,7 @@
                     "timeline":             {"@": "timeline"},
                     "mainMenuController":   {"@": "mainMenuController"},
                     "codeEditorController": {"@": "codeEditorController"},
+                    "objectsController":    {"@": "objectsController"},
                     "rightPanelContainer":  {"#": "rightPanelContainer" },
                     "panelSplitter":        {"@": "splitter3"},
                     "timelineSplitter":     {"@": "splitter4"},
diff --git a/js/ninja.reel/ninja.js b/js/ninja.reel/ninja.js
index 9f1d1b3b..de34c7b0 100755
--- a/js/ninja.reel/ninja.js
+++ b/js/ninja.reel/ninja.js
@@ -18,6 +18,25 @@ exports.Ninja = Montage.create(Component, {
         value: null
     },
 
+    _workspaceMode: {
+        value: null
+    },
+
+    workspaceMode: {
+        get: function() {
+            return this.workspaceMode;
+        },
+        set: function(val) {
+            if(this._workspaceMode !== val ) {
+                if(this._workspaceMode !== null) {
+                   document.body.classList.remove("ws-" + this._workspaceMode);
+                }
+                document.body.classList.add("ws-" + val);
+                this._workspaceMode = val;
+            }
+        }
+    },
+
     toolsData: { value: null },
     appData:    { value: AppData },
 
@@ -159,6 +178,7 @@ exports.Ninja = Montage.create(Component, {
 
     prepareForDraw: {
         value: function() {
+            this.workspaceMode = "default";
             console.log("Loading Ninja --> ", this.ninjaVersion);
 
             this.application.ninja = this;