From 8f78cb1377009dabde95f4a81d5090b79b9de0da Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Tue, 17 Jul 2012 23:34:57 -0700
Subject: 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>
---
 js/components/menu/menu-entry.reel/menu-entry.css  |  89 ---------
 js/components/menu/menu-entry.reel/menu-entry.html |  97 ----------
 js/components/menu/menu-entry.reel/menu-entry.js   | 140 ---------------
 js/components/menu/menu-item.reel/menu-item.css    |  99 -----------
 js/components/menu/menu-item.reel/menu-item.html   |  97 ----------
 js/components/menu/menu-item.reel/menu-item.js     | 198 ---------------------
 js/components/menu/menu.reel/menu.css              |  39 ----
 js/components/menu/menu.reel/menu.html             |  97 ----------
 js/components/menu/menu.reel/menu.js               | 143 ---------------
 9 files changed, 999 deletions(-)
 delete mode 100755 js/components/menu/menu-entry.reel/menu-entry.css
 delete mode 100755 js/components/menu/menu-entry.reel/menu-entry.html
 delete mode 100755 js/components/menu/menu-entry.reel/menu-entry.js
 delete mode 100755 js/components/menu/menu-item.reel/menu-item.css
 delete mode 100755 js/components/menu/menu-item.reel/menu-item.html
 delete mode 100755 js/components/menu/menu-item.reel/menu-item.js
 delete mode 100755 js/components/menu/menu.reel/menu.css
 delete mode 100755 js/components/menu/menu.reel/menu.html
 delete mode 100755 js/components/menu/menu.reel/menu.js

(limited to 'js/components/menu')

diff --git a/js/components/menu/menu-entry.reel/menu-entry.css b/js/components/menu/menu-entry.reel/menu-entry.css
deleted file mode 100755
index 6f05d09c..00000000
--- a/js/components/menu/menu-entry.reel/menu-entry.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/* <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> */
-
-.topMenuItem {
-    float: left;
-    display: inline;
-}
-
-.topMenuItem .menubg{
-    color: #f7f7f7;
-}
-
-.topMenuItem .menuName {
-    font-family: 'Droid Sans', sans-serif;
-    font-size: 10pt;
-    padding: 3px 12px 3px 8px;
-    text-shadow : 1px 1px 1px #000000;
-}
-
-.menubg{
-    display: inline;
-}
-
-.menubg.checked .check {
-    opacity: 1;
-}
-
-.selected {
-    background-color: #7F7F7F;
-}
-
-.menu-label {
-    font-family: 'Droid Sans', sans-serif;
-    font-size: 10pt;
-    padding: 3px 12px 3px 8px;
-    text-shadow: 1px 1px 1px black;
-}
-
-.subEntries{
-    position: absolute;
-    z-index: 100000;
-    float:left;
-    font-family: 'Droid Sans', sans-serif !important;
-    color: #ffffff;
-    background: #494949;
-    border:  1px solid #292929;
-    border-radius: 8px;
-    padding:  8px 0px 8px 0px;
-    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
-    white-space:nowrap;
-}
-
-.menuItem {
-    font-size: 9pt;
-    padding: 4px 8px;
-    display: block;
-    float: none;
-    position: relative;
-    background: #474747;
-    color: white;
-}
diff --git a/js/components/menu/menu-entry.reel/menu-entry.html b/js/components/menu/menu-entry.reel/menu-entry.html
deleted file mode 100755
index ddac73ab..00000000
--- a/js/components/menu/menu-entry.reel/menu-entry.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!DOCTYPE html>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="menu-entry.css">
-
-    <script type="text/montage-serialization">
-        {
-            "entriesController": {
-                "prototype": "montage/ui/controller/array-controller",
-                "properties": {
-                    "automaticallyOrganizeObjects": false
-                },
-                "bindings": {
-                    "content": {"<-": "@owner.data.entries"}
-                }
-            },
-
-            "repetition": {
-                "prototype": "montage/ui/repetition.reel",
-                "properties": {
-                    "element": { "#": "subEntries" }
-                },
-                "bindings": {
-                    "objects": {"<-": "@owner.data.entries"}
-                }
-            },
-
-            "menuItem": {
-                "prototype": "js/components/menu/menu-item.reel",
-                "properties": {
-                    "element": { "#": "menuEntryItem" }
-                },
-                "bindings": {
-                    "data": {"<-": "@repetition.objectAtCurrentIteration"},
-                    "enabled": {"<-": "@repetition.objectAtCurrentIteration.enabled"}
-                }
-            },
-
-            "owner": {
-                "prototype": "js/components/menu/menu-entry.reel",
-                "properties": {
-                    "element":              {"#": "menuItem"},
-                    "topHeader":            {"#": "topHeaderBackground"},
-                    "topHeaderText":        {"#": "topHeaderText"},
-                    "subEntries":           {"#": "subEntries"}
-                }
-            }
-        }
-    </script>
-
-</head>
-<body>
-
-    <li data-montage-id="menuItem" class="topMenuItem">
-        <div data-montage-id="topHeaderBackground" class="menubg">
-            <span data-montage-id="topHeaderText" class="menu-label"></span>
-        </div>
-
-        <ul data-montage-id="subEntries" class="subEntries" style="z-index: 9991;">
-            <li data-montage-id="menuEntryItem"></li>
-        </ul>
-
-    </li>
-
-</body>
-</html>
diff --git a/js/components/menu/menu-entry.reel/menu-entry.js b/js/components/menu/menu-entry.reel/menu-entry.js
deleted file mode 100755
index 10b49417..00000000
--- a/js/components/menu/menu-entry.reel/menu-entry.js
+++ /dev/null
@@ -1,140 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-
-exports.MenuEntry = Montage.create(Component, {
-    topHeader: {
-        value: null
-    },
-
-    topHeaderText: {
-        value: null
-    },
-
-    subEntries: {
-        value: null
-    },
-
-    // Reference to the parent Menu component
-    _menu: {
-        value: null
-    },
-
-    menu: {
-        get: function() {
-            return this._menu;
-        },
-        set: function(value) {
-            if(value !== this._menu) {
-                this._menu = value;
-            }
-        }
-    },
-
-    _data: {
-        value: null
-    },
-
-    data: {
-        get: function() {
-            return this._data;
-        },
-        set: function(value) {
-            if(this._data !== value) {
-                this._data = value;
-            }
-        }
-    },
-
-    select: {
-        value: function() {
-            this.element.classList.add("selected");
-            this.subEntries.style.display = "block";
-        }
-    },
-
-    deselect: {
-        value: function() {
-            this.element.classList.remove("selected");
-            this.subEntries.style.display = "none";
-        }
-    },
-
-    _menuIsActive: {
-        value: false
-    },
-
-    menuIsActive: {
-        get: function() {
-            return this._menuIsActive;
-        },
-        set: function(value) {
-            if(value)  this.element.addEventListener("mouseover", this, false);
-        }
-    },
-
-    toggleOnMenuItemAction: {
-        value: function() {
-            // TODO: Hack! Rework this!
-            //for non menu headers only
-            this.parentComponent.ownerComponent.toggleActivation(this);
-        }
-    },
-
-    captureMousedown: {
-        value: function(event) {
-            // TODO: Hack! Rework this!
-            //for menu headers only
-            if(event.target.getAttribute("data-montage-id") === "topHeaderText"){
-                this.parentComponent.ownerComponent.toggleActivation(this);
-            }
-        }
-    },
-
-    handleMouseover: {
-        value: function(event) {
-            this.parentComponent.ownerComponent.activeEntry = this;
-        }
-    },
-
-    prepareForDraw: {
-        value: function() {
-
-            this.subEntries.style.display = "none";
-
-            this.topHeaderText.innerHTML = this.data.header;
-
-            this.element.addEventListener("mousedown", this, true);
-        }
-    }
-});
diff --git a/js/components/menu/menu-item.reel/menu-item.css b/js/components/menu/menu-item.reel/menu-item.css
deleted file mode 100755
index 95fd673c..00000000
--- a/js/components/menu/menu-item.reel/menu-item.css
+++ /dev/null
@@ -1,99 +0,0 @@
-/* <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> */
-
-.menuItem .menuName {
-    font-family: 'Droid Sans', sans-serif;
-    font-size: 10pt;
-    padding: 3px 12px 3px 8px;
-    text-shadow : 1px 1px 1px #000000;
-    cursor:pointer;
-}
-
-.menuItem:hover {
-    background-color: #7f7f7f;
-    cursor:pointer;
-}
-
-.menubg .subEntries {
-    top: 0%;
-    left: 100%;
-    width: auto;
-    white-space:nowrap;
-}
-
-.itemSeparator:hover {
-    background-color: #474747;
-}
-
-.separator{
-    width:100%;
-    height:2px;
-    position: relative;
-    border: 1px groove #474747 ;
-    border-radius: 2px;
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#474747), to(#cccccc));
-    opacity: 0.5;
-}
-
-.disabled {
-    opacity: 0.5;
-}
-
-.disabled:hover {
-    background-color: #474747;
-}
-
-.menubg .check {
-    float:left;
-    background-image: url(../../../../images/menu/checkmark.png);
-    background-repeat: no-repeat;
-    background-position: center;
-    width: 10px;
-    height: 15px;
-    opacity: 0;
-}
-
-.menubg.submenu .rightArrow {
-    float: right;
-    background-image:url('../../../../images/menu/arrow.png');
-    background-repeat: no-repeat;
-    background-position: center;
-    width: 10px;
-    height: 15px;
-    position: absolute;
-    right:4px;
-    top: 5px;
-    margin-left: 8px;
-}
-
-.subEntries.subMenu .rightArrow {
-    opacity: 0;
-}
diff --git a/js/components/menu/menu-item.reel/menu-item.html b/js/components/menu/menu-item.reel/menu-item.html
deleted file mode 100755
index 364a0997..00000000
--- a/js/components/menu/menu-item.reel/menu-item.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!DOCTYPE html>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="menu-item.css">
-
-    <script type="text/montage-serialization">
-        {
-            "entriesController": {
-                "prototype": "montage/ui/controller/array-controller",
-                "properties": {
-                    "automaticallyOrganizeObjects": false
-                },
-                "bindings": {
-                    "content": {"<-": "@owner.subentries"}
-                }
-            },
-
-            "repetition": {
-                "prototype": "montage/ui/repetition.reel",
-                "properties": {
-                    "element": {"#": "subEntries"},
-                    "contentController": {"@": "entriesController"}
-                }
-            },
-
-            "menuItem": {
-                "prototype": "js/components/menu/menu-item.reel",
-                "properties": {
-                    "element": {"#": "menuEntryItem" }
-                },
-                "bindings": {
-                    "data": {"<-": "@repetition.objectAtCurrentIteration"},
-                    "enabled": {"<-": "@repetition.objectAtCurrentIteration.enabled"}
-                }
-            },
-
-            "owner": {
-                "prototype": "js/components/menu/menu-item.reel",
-                "properties": {
-                    "element":          {"#": "menuItem"},
-                    "itemBackground":   {"#": "menuItemBackground"},
-                    "itemText":         {"#": "menuItemText"},
-                    "subMenu":          {"#": "subEntries"}
-                }
-            }
-        }
-    </script>
-
-</head>
-<body>
-
-    <li data-montage-id="menuItem" class="menuItem">
-        <div data-montage-id="menuItemBackground" class="menubg">
-            <span class="check"></span>
-            <span data-montage-id="menuItemText" class="menu-label"></span>
-            <span class="rightArrow"></span>
-
-            <ul data-montage-id="subEntries" class="subEntries" style="display: none">
-                <li data-montage-id="menuEntryItem"></li>
-            </ul>
-
-        </div>
-    </li>
-
-</body>
-</html>
diff --git a/js/components/menu/menu-item.reel/menu-item.js b/js/components/menu/menu-item.reel/menu-item.js
deleted file mode 100755
index 63cc79b7..00000000
--- a/js/components/menu/menu-item.reel/menu-item.js
+++ /dev/null
@@ -1,198 +0,0 @@
-/* <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;
-var Component = require("montage/ui/component").Component;
-
-exports.MenuItem = Montage.create(Component, {
-
-    itemBackground: {
-        value: null
-    },
-
-    itemText: {
-        value: null
-    },
-
-    subMenu: {
-        value: null
-    },
-
-    data: {
-        value: null
-    },
-
-    _enabled: {
-        value: false
-    },
-
-    enabled: {
-        get: function() {
-            return this._enabled;
-        },
-        set: function(value) {
-            if(value !== this._enabled) {
-                this._enabled = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _checked: {
-        value: null
-    },
-
-    checked: {
-        get: function() {
-            return this._checked;
-        },
-        set: function(value) {
-            /*
-            if( Object.prototype.toString.call( value ) === '[object Array]' ) {
-                value =  value.indexOf(this.data.displayText + "Panel") >= 0;
-            }
-            */
-
-            if(this._checked !== value) {
-                this._checked = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    submenu: {
-        value: false
-    },
-
-    subentries: {
-        value: []
-    },
-
-    prepareForDraw: {
-        value: function() {
-
-            if(!this.data) return;
-
-            if(this.data.separator) {
-                this.element.classList.add("itemSeparator");
-                this.itemBackground.classList.remove("menubg");
-                this.itemBackground.classList.add("separator");
-
-                return;
-
-            }
-
-            // Binding the checked to the assigned bound property
-            if(this.data.checked) {
-                Object.defineBinding(this, "checked", {
-                  boundObject: this.application.ninja.appModel,
-                  boundObjectPropertyPath: this.data.checked.boundProperty
-                });
-
-            }
-
-            if(this.data.submenu) {
-                this.submenu = true;
-                this.subentries = this.data.entries;
-                this.subMenu.classList.add("subMenu");
-            }
-
-            this.element.addEventListener("mouseover", this, false);
-            this.element.addEventListener("mouseout", this, false);
-
-            this.itemText.innerHTML = this.data.displayText;
-            this.element.addEventListener("mouseup", this, true);
-        }
-    },
-
-    draw: {
-        value: function() {
-
-            if(this.enabled) {
-                this.element.classList.remove("disabled");
-            } else {
-                this.element.classList.add("disabled");
-            }
-
-            if(this.checked) {
-                this.itemBackground.classList.add("checked");
-            } else {
-                this.itemBackground.classList.remove("checked");
-            }
-
-            if(this.submenu) {
-                this.itemBackground.classList.add("submenu");
-            }
-        }
-    },
-
-    captureMouseup: {
-        value: function(event) {
-
-            if(this.data.radio && this.checked){
-                this.parentComponent.ownerComponent.toggleOnMenuItemAction();
-                return;
-            }
-
-            if( ( this.enabled === true || this.enabled > 0 ) && (this.submenu === false) ) {
-                if(this.data.action) {
-                    NJevent ( this.data.action );
-                } else  if(this.checked !== null) {
-                    this.checked = !this.checked;
-                }
-                this.parentComponent.ownerComponent.toggleOnMenuItemAction();
-            }
-
-        }
-    },
-
-    handleMouseover: {
-        value: function() {
-            if(this.enabled){
-                this.element.style.backgroundColor = "#7f7f7f";
-                this.element.style.cursor = "pointer";
-                if(this.data.submenu) {
-                    this.subMenu.style.display = "block";
-                }
-            }
-        }
-    },
-
-    handleMouseout: {
-        value: function() {
-            this.element.style.backgroundColor = "#474747";
-            if(this.data.submenu) {
-                this.subMenu.style.display = "none";
-            }
-        }
-    }
-
-});
diff --git a/js/components/menu/menu.reel/menu.css b/js/components/menu/menu.reel/menu.css
deleted file mode 100755
index 903832ed..00000000
--- a/js/components/menu/menu.reel/menu.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/* <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> */
-
-.horizontal-menu {
-    list-style: none;
-    margin:  0px;
-    padding:  5px;
-    float: left;
-    cursor: default;
-    display: block;
-}
diff --git a/js/components/menu/menu.reel/menu.html b/js/components/menu/menu.reel/menu.html
deleted file mode 100755
index edbb8522..00000000
--- a/js/components/menu/menu.reel/menu.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!DOCTYPE html>
-<!-- <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> -->
-<html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" type="text/css" href="menu.css">
-
-    <script type="text/montage-serialization">
-        {
-            "menudata": {
-                "prototype": "js/data/menu-data",
-                "bindings": {
-                    "currentDocument": {"<-": "@owner.currentDocument"}
-                }
-            },
-
-            "menuController": {
-                "prototype": "montage/ui/controller/array-controller",
-                "properties": {
-                    "automaticallyOrganizeObjects": false
-                },
-                "bindings": {
-                    "content": {"<-": "@menudata.topLevelMenu"}
-                }
-            },
-
-            "repetition": {
-                "prototype": "montage/ui/repetition.reel",
-                "properties": {
-                    "element": { "#": "topMenu" }
-                },
-                "bindings": {
-                    "objects": {"<-": "@menudata.topLevelMenu"}
-                }
-            },
-
-            "menuEntry": {
-                "prototype": "js/components/menu/menu-entry.reel",
-                "properties": {
-                    "element": { "#": "menuItem" }
-                },
-                "bindings": {
-                    "data": {"<-": "@repetition.objectAtCurrentIteration"},
-                    "menuIsActive": {"<-": "@owner.active"}
-                }
-            },
-
-            "owner": {
-                "prototype": "js/components/menu/menu.reel",
-                "properties": {
-                    "element":  {"#": "mainMenuBar"}
-                }
-            }
-        }
-    </script>
-
-</head>
-<body>
-
-    <nav data-montage-id="mainMenuBar" class="mainMenuBar unselectable">
-        <ul data-montage-id="topMenu" class="horizontal-menu">
-            <li data-montage-id="menuItem"></li>
-        </ul>
-    </nav>
-
-
-</body>
-</html>
diff --git a/js/components/menu/menu.reel/menu.js b/js/components/menu/menu.reel/menu.js
deleted file mode 100755
index bf554b37..00000000
--- a/js/components/menu/menu.reel/menu.js
+++ /dev/null
@@ -1,143 +0,0 @@
-/* <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.Menu = Montage.create(Component, {
-
-    _currentDocument: {
-            value : null
-    },
-
-    currentDocument : {
-        get : function() {
-            return this._currentDocument;
-        },
-        set : function(value) {
-            if (value === this._currentDocument) {
-                return;
-            }
-
-            this._currentDocument = value;
-        }
-    },
-
-    _active: {
-        value: false
-    },
-
-    active: {
-        get: function() {
-            return this._active;
-        },
-        set: function(value) {
-            this._active = value;
-        }
-    },
-
-    _activeEntry: {
-        value: null
-    },
-
-    activeEntry: {
-        get: function() {
-            return this._activeEntry;
-        },
-        set: function(value) {
-            if(this.active) {
-
-                if(this._activeEntry) this._activeEntry.deselect();
-
-                this._activeEntry = value;
-
-                this._activeEntry.select();
-
-            }
-        }
-    },
-
-    toggleActivation: {
-        value: function(item) {
-            if(this.active) {
-                this._activeEntry.deselect();
-                this._activeEntry = null;
-                this.active = false;
-                this.element.ownerDocument.removeEventListener('mousedown', this, false);
-            } else {
-                this.active = true;
-                this.activeEntry = item;
-                this.element.ownerDocument.addEventListener('mousedown', this, false);
-            }
-        }
-    },
-
-    prepareForDraw: {
-        value: function() {
-
-        }
-    },
-
-    handleMousedown: {
-        value: function(evt) {
-            if(this.active && (this.getZIndex(evt.target) < 9000 || evt.target.id === "topMenu")) {
-                this._activeEntry.deselect();
-                this._activeEntry = null;
-                this.active = false;
-                this.element.ownerDocument.removeEventListener('mousedown', this, false);
-            }
-        }
-    },
-
-    getZIndex: {
-        value: function(elem) {
-
-            var position, value, zIndex;
-            while (elem && elem !== document) {
-//                position = elem.style.position;
-                position = document.defaultView.getComputedStyle(elem, "").getPropertyValue("position");
-
-                if (position === "absolute" || position === "relative" || position === "fixed") {
-                    // webkit returns a string for zindex value and "" if zindex is not available
-//                    zIndex = elem.style['z-index'];
-                    zIndex = document.defaultView.getComputedStyle(elem, "").getPropertyValue("z-index");
-                    value = parseInt(zIndex, 10);
-                    if (!isNaN(value) && value !== 0) {
-                        return value;
-                    }
-                }
-                elem = elem.parentNode;
-            }
-            return 0;
-        }
-    }
-
-});
-- 
cgit v1.2.3