Merge remote-tracking branch 'ninja-internal/master' into test-merge

Conflicts:
	js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
	js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
	js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js

2 files changed, 48 insertions, 7 deletions

diff --git a/js/components/menu/menu-entry.reel/menu-entry.html b/js/components/menu/menu-entry.reel/menu-entry.html
index f64de3cb..7310545f 100755
--- a/js/components/menu/menu-entry.reel/menu-entry.html
+++ b/js/components/menu/menu-entry.reel/menu-entry.html
@@ -24,8 +24,10 @@
             "repetition": {
                 "prototype": "montage/ui/repetition.reel",
                 "properties": {
-                    "element": { "#": "subEntries" },
-                    "contentController": {"@": "entriesController"}
+                    "element": { "#": "subEntries" }
+                },
+                "bindings": {
+                    "objects": {"<-": "@owner.data.entries"}
                 }
             },
 
diff --git a/js/components/menu/menu-entry.reel/menu-entry.js b/js/components/menu/menu-entry.reel/menu-entry.js
index 57e6ec87..b9c546ed 100755
--- a/js/components/menu/menu-entry.reel/menu-entry.js
+++ b/js/components/menu/menu-entry.reel/menu-entry.js
@@ -8,18 +8,54 @@ var Montage = require("montage/core/core").Montage;
 var Component = require("montage/ui/component").Component;
 
 exports.MenuEntry = Montage.create(Component, {
-    topHeader: { value: null },
-    topHeaderText: { value: null },
+    topHeader: {
+        value: null,
+        serializable: true
+    },
+
+    topHeaderText: {
+        value: null,
+        serializable: true
+    },
+
+    subEntries: {
+        value: null,
+        serializable: true
+    },
 
     // Reference to the parent Menu component
     _menu: {
         value: null
     },
 
-    data: {
+    menu: {
+        get: function() {
+            return this._menu;
+        },
+        set: function(value) {
+            if(value !== this._menu) {
+                this._menu = value;
+            }
+        },
+        serializable: true
+    },
+
+    _data: {
         value: null
     },
 
+    data: {
+        get: function() {
+            return this._data;
+        },
+        set: function(value) {
+            if(this._data !== value) {
+                this._data = value;
+            }
+        },
+        serializable: true
+    },
+
     select: {
         value: function() {
             this.element.classList.add("selected");
@@ -49,13 +85,16 @@ exports.MenuEntry = Montage.create(Component, {
 
     handleClick: {
         value: function(event) {
-            this._menu.toggleActivation(this);
+            // TODO: Hack! Rework this!
+            this.parentComponent.ownerComponent.toggleActivation(this);
+//            this._menu.toggleActivation(this);
         }
     },
 
     handleMouseover: {
         value: function(event) {
-            this._menu.activeEntry = this;
+            this.parentComponent.ownerComponent.activeEntry = this;
+//            this._menu.activeEntry = this;
         }
     },