Vue toolbar (#2191)

* Add a toolbar provider for display layout.

* Move toolbar provider to the plugin

* basic toolbar generation

* componentize different toolbar control types

Break toolbar control types down into different parts and provide
a test toolbar generator in index.html that utilizes all the
controls.

* Get the 'Show frame' checkbox working in the toolbar

* - Remove extra listener.
- Display toolbar only when editing.

* Modify the Selection API to set s-selected and s-selected-parent attributes instead of adding to the css class names.

* Move the logic for allowing the toolbar in the edit mode to the provider.

* Use toggle-button component to toggle frame

* Delete old files

* Remove MCTToolbar

* Modify the toggle button component to return the computed value

* Remove reload=true

* Revert to the original setting

* use value from props

* Always update toolbars on edit status change

* restore fixed position bundle

* bring back reload when hmr unavailable

platform/features/fixed/src/FixedProxy.js

@@ -0,0 +1,76 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2018, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+define(
+    ['./elements/ElementFactory'],
+    function (ElementFactory) {
+
+        /**
+         * Proxy for configuring a fixed position view via the toolbar.
+         * @memberof platform/features/layout
+         * @constructor
+         * @param {Function} addElementCallback callback to invoke when
+         *        elements are created
+         * @param $q Angular's $q, for promise-handling
+         * @param {DialogService} dialogService dialog service to use
+         *        when adding a new element will require user input
+         */
+        function FixedProxy(addElementCallback, $q, dialogService) {
+            this.factory = new ElementFactory(dialogService);
+            this.$q = $q;
+            this.addElementCallback = addElementCallback;
+        }
+
+        /**
+         * Add a new visual element to this view. Supported types are:
+         *
+         * * `fixed.image`
+         * * `fixed.box`
+         * * `fixed.text`
+         * * `fixed.line`
+         *
+         * @param {string} type the type of element to add
+         */
+        FixedProxy.prototype.add = function (type) {
+            var addElementCallback = this.addElementCallback;
+
+            // Place a configured element into the view configuration
+            function addElement(element) {
+                // Configure common properties of the element
+                element.x = element.x || 0;
+                element.y = element.y || 0;
+                element.width = element.width || 1;
+                element.height = element.height || 1;
+                element.type = type;
+                element.useGrid = true;
+
+                // Finally, add it to the view's configuration
+                addElementCallback(element);
+            }
+
+            // Defer creation to the factory
+            this.$q.when(this.factory.createElement(type)).then(addElement);
+        };
+
+        return FixedProxy;
+    }
+);