menu design update and bug fixes - Moved Preview to the document bar

- Redesigned the menu and improved DOM structure.
- Removed un-used entires
- Fixed layout and snap entries

- Moved the preview button to the document bar.

- Fixes for bugs: #1750, #1867, #1876, #1895

Signed-off-by: Valerio Virgillito <valerio@motorola.com>

10 files changed, 1721 insertions, 0 deletions

diff --git a/js/ui/menu/menu-controller.js b/js/ui/menu/menu-controller.js
new file mode 100644
index 00000000..43e1b0b0
--- /dev/null
+++ b/js/ui/menu/menu-controller.js
@@ -0,0 +1,636 @@
+/* <copyright>
+Copyright (c) 2012, Motorola Mobility LLC.
+All Rights Reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice,
+  this list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of Motorola Mobility LLC nor the names of its
+  contributors may be used to endorse or promote products derived from this
+  software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.
+</copyright> */
+
+var Montage =   require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+exports.MenuController = Montage.create(Component, {
+
+    _currentDocument: {
+            value : null
+    },
+
+    currentDocument : {
+        get : function() {
+            return this._currentDocument;
+        },
+        set : function(value) {
+            if (value === this._currentDocument) {
+                return;
+            }
+
+            if(this._currentDocument && this._currentDocument.currentView === "design") {
+                this._currentDocument.model.draw3DGrid = document.application.model.show3dGrid;
+            }
+
+            this._currentDocument = value;
+
+            if(this._currentDocument && this._currentDocument.currentView === "design") {
+                document.application.model.show3dGrid = this._currentDocument.model.draw3DGrid;
+                this.topLevelMenu[2].entries[4].checked = this._currentDocument.model.draw3DGrid;
+            }
+
+            if(!this._currentDocument) {
+                // No document - disable all menu items
+                this.documentEnabledItems.forEach(function(index) {
+                    index.enabled = false;
+                });
+                this.designDocumentEnabledItems.forEach(function(index) {
+                    index.enabled = false;
+                });
+            } else {
+                this.documentEnabledItems.forEach(function(index) {
+                    index.enabled = true;
+                });
+
+                if(this.currentDocument.currentView === "design") {
+                    this.designDocumentEnabledItems.forEach(function(index) {
+                        index.enabled = true;
+                    });
+                } else {
+                    this.designDocumentEnabledItems.forEach(function(index) {
+                        index.enabled = false;
+                    });
+                }
+            }
+
+        }
+    },
+
+    didCreate: {
+        value: function() {
+            var self = this;
+
+            this.topLevelMenu.forEach(function(item) {
+                item.entries.forEach(function(entry) {
+                    if(entry.depend) {
+                        if(entry.depend === "document") {
+                            self.documentEnabledItems.push(entry);
+                        } else if(entry.depend === "designDocument") {
+                            self.designDocumentEnabledItems.push(entry);
+                        }
+                    }
+                });
+            });
+        }
+    },
+
+    documentEnabledItems: {
+        value: []
+    },
+
+    designDocumentEnabledItems: {
+        value: []
+    },
+
+    toggleItem: {
+        value: function(value) {
+//            var f = value.substr(0, value.indexOf("-"));
+//            var c = value.slice(value.indexOf("-") + 1);
+
+            this['handle' + value.substr(0, value.indexOf("-"))](value.slice(value.indexOf("-") + 1));
+        }
+    },
+
+
+    handlelayout: {
+        value: function(value) {
+            this.topLevelMenu[2].entries[2].entries.forEach(function(entry) {
+                if(entry.boundProperty === value && !entry.checked){
+                    entry.checked = true;
+                    document.application.model.layoutView = value;
+                } else if(entry.boundProperty !== value && entry.checked) {
+                    entry.checked = false;
+                }
+            });
+        }
+    },
+
+    handlesnap: {
+        value: function(value) {
+            if(value === "onoff") {
+                this.topLevelMenu[2].entries[3].checked = !this.topLevelMenu[2].entries[3].checked;
+                this.topLevelMenu[2].entries[4].enabled = this.topLevelMenu[2].entries[3].checked;
+                document.application.model.snap = value;
+            } else {
+                this.topLevelMenu[2].entries[4].entries.forEach(function(entry) {
+                    if(entry.boundProperty === value) {
+                        entry.checked = !entry.checked;
+                        document.application.model[entry.boundProperty] = entry.checked;
+                    }
+                });
+            }
+        }
+    },
+
+    handlegrid: {
+        value: function(value) {
+            this.topLevelMenu[2].entries[4].checked = !this.topLevelMenu[2].entries[4].checked;
+            document.application.model.show3dGrid = this.topLevelMenu[2].entries[4].checked;
+        }
+    },
+
+    handleview: {
+        value: function(value) {
+            if(this.topLevelMenu[2].entries[7].boundProperty === value) {
+                if(!this.topLevelMenu[2].entries[7].checked) {
+                    this.topLevelMenu[2].entries[7].checked = true;
+                    this.topLevelMenu[2].entries[8].checked = false;
+                    this.topLevelMenu[2].entries[9].checked = false;
+                    document.application.model.documentStageView = value;
+                }
+            } else if(this.topLevelMenu[2].entries[8].boundProperty === value) {
+                if(!this.topLevelMenu[2].entries[8].checked) {
+                    this.topLevelMenu[2].entries[7].checked = false;
+                    this.topLevelMenu[2].entries[8].checked = true;
+                    this.topLevelMenu[2].entries[9].checked = false;
+                    document.application.model.documentStageView = value;
+                }
+            } else {
+                if(!this.topLevelMenu[2].entries[9].checked) {
+                    this.topLevelMenu[2].entries[7].checked = false;
+                    this.topLevelMenu[2].entries[8].checked = false;
+                    this.topLevelMenu[2].entries[9].checked = true;
+                    document.application.model.documentStageView = value;
+                }
+            }
+        }
+    },
+
+    topLevelMenu: {
+        value: [
+                {
+                    "label": "File",
+                    "entries": [
+                        {
+                            "label" : "New Project",
+                            "checked": false,
+                            "submenu" : false,
+                            "entries": [],
+                            "enabled": false,
+                            "action":   "executeNewProject"
+                        },
+                        {
+                            "label" : "New File",
+                            "checked": false,
+                            "submenu" : false,
+                            "entries": [],
+                            "enabled": true,
+                            "action":   "executeNewFile"
+                        },
+                        {
+                            "label" : "Open File",
+                            "checked": false,
+                            "submenu" : false,
+                            "entries": [],
+                            "enabled": true,
+                            "action": "executeFileOpen"
+                        },
+                        {
+                            "labe