From 2be58579dc6eb1d81c79536a9bd25c970cfb8b06 Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Fri, 20 Feb 2015 11:30:04 -0800
Subject: [PATCH] [Fixed Position] Add 'Add' menu button

Add UI for the Add button in fixed position view,
WTD-880.
---
 platform/features/layout/bundle.json          | 26 ++++++++++++++++--
 platform/forms/bundle.json                    |  4 +++
 .../res/templates/controls/menu-button.html   | 27 +++++++++++++++++++
 3 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 platform/forms/res/templates/controls/menu-button.html

diff --git a/platform/features/layout/bundle.json b/platform/features/layout/bundle.json
index 8ded0c2f6f..bdb780513e 100644
--- a/platform/features/layout/bundle.json
+++ b/platform/features/layout/bundle.json
@@ -26,9 +26,31 @@
                             "items": [
                                 {
                                     "method": "add",
-                                    "control": "button",
+                                    "control": "menu-button",
                                     "text": "Add",
-                                    "inclusive": true
+                                    "inclusive": true,
+                                    "options": [
+                                        {
+                                            "name": "Box",
+                                            "glyph": "\u2610",
+                                            "key": "fixed.box"
+                                        },
+                                        {
+                                            "name": "Line",
+                                            "glyph": "-",
+                                            "key": "fixed.line"
+                                        },
+                                        {
+                                            "name": "Text",
+                                            "glyph": "\u1D1B",
+                                            "key": "fixed.text"
+                                        },
+                                        {
+                                            "name": "Image",
+                                            "glyph": "\u2353",
+                                            "key": "fixed.image"
+                                        }
+                                    ]
                                 }
                             ]
                         },
diff --git a/platform/forms/bundle.json b/platform/forms/bundle.json
index d8e3730eca..eb63e22432 100644
--- a/platform/forms/bundle.json
+++ b/platform/forms/bundle.json
@@ -45,6 +45,10 @@
             {
                 "key": "composite",
                 "templateUrl": "templates/controls/composite.html"
+            },
+            {
+                "key": "menu-button",
+                "templateUrl": "templates/controls/menu-button.html"
             }
         ],
         "controllers": [
diff --git a/platform/forms/res/templates/controls/menu-button.html b/platform/forms/res/templates/controls/menu-button.html
new file mode 100644
index 0000000000..cb6b7e565b
--- /dev/null
+++ b/platform/forms/res/templates/controls/menu-button.html
@@ -0,0 +1,27 @@
+<div class="s-btn s-icon-btn s-very-subtle btn-menu menu-element dropdown click-invoke"
+     ng-controller="ClickAwayController as toggle">
+
+    <span ng-click="toggle.toggle()">
+        <span class="ui-symbol icon">{{structure.glyph}}</span>
+        <span class="title-label" ng-if="structure.text">
+            {{structure.text}}
+        </span>
+        <span class='ui-symbol icon invoke-menu'
+              ng-if="!structure.text">
+            v
+        </span>
+    </span>
+
+    <div class="menu dropdown" ng-show="toggle.isActive()">
+        <ul>
+            <li ng-repeat="option in structure.options">
+                <a href="" ng-click="structure.click(option.key); toggle.setState(false)">
+                    <span class="ui-symbol type-icon icon">
+                        {{option.glyph}}
+                    </span>
+                    {{option.name}}
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file