created the initial environment requirements for workspace to be manipulated.

Signed-off-by: Armen Kesablyan <armen@motorola.com>

1 files changed, 10 insertions, 0 deletions

diff --git a/js/panels/Panel.reel/Panel.js b/js/panels/Panel.reel/Panel.js
index 613bef4b..bd9b4e2f 100755
--- a/js/panels/Panel.reel/Panel.js
+++ b/js/panels/Panel.reel/Panel.js
@@ -13,6 +13,10 @@ exports.Panel = Montage.create(Component, {
         value: "Panel"
     },
 
+    groups: {
+        value: []
+    },
+
     _collapsed: {
         value: false
     },
@@ -119,6 +123,12 @@ exports.Panel = Montage.create(Component, {
                 this.application.ninja.colorController.colorView = this.application.ninja.colorController.colorPanelBase.create();
             }
 
+            if(this.groups) {
+                this.groups.forEach(function(className) {
+                    this.element.classList.add(className);
+                }.bind(this));
+            }
+
             if(this.modulePath && this.moduleName) {
                 // Load the slot content
                 var that = this;