ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-19 11:17:04 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

[Fixed Position] Change UI pixel/grid toggle to checkbox

Browse Source 
Change the input for grid units/pixels to a simple checkbox toggle from a
dropdown menu.

Add a new specialized AccessorMutator class to support this operation.
This commit is contained in:
Aaron Doubek-Kraft 2017-06-28 15:19:18 -07:00
parent 65500736da
commit 40c68e6399
3 changed files with 67 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
platform/features/fixed/bundle.js
View File

@ -212,21 +212,15 @@ define([
"control": "numberfield",
"description": "Resize object width",
"min": "1"
},
}
]
},
{
"items": [
{
"method": "setUnits",
"name": "Units",
"control": "menu-button",
"options": [
{
"name": "px",
"key": "px"
},
{
"name": "grid",
"key": "grid"
}
]
"property": "useGrid",
"name": "Snap to Grid",
"control": "checkbox"
}
]
},

7
platform/features/layout/src/elements/ElementProxy.js
View File

@ -21,8 +21,8 @@
*****************************************************************************/
define(
['./AccessorMutator', './ResizeHandle'],
function (AccessorMutator, ResizeHandle) {
['./AccessorMutator', './ResizeHandle', './UnitAccessorMutator'],
function (AccessorMutator, ResizeHandle, UnitAccessorMutator) {
// Index deltas for changes in order
var ORDERS = {
@ -122,9 +122,10 @@ define(
*/
this.height = new AccessorMutator(element, 'height');
this.useGrid = new UnitAccessorMutator(this);
this.index = index;
this.elements = elements;
this.useGrid = element.useGrid;
}
/**

55
platform/features/layout/src/elements/UnitAccessorMutator.js Normal file
View File

@ -0,0 +1,55 @@
/*****************************************************************************
* Open MCT, Copyright (c) 2014-2017, 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(
[],
function () {
/**
* Variant of AccessorMutator to handle the specific case of updating
* useGrid, in order update the positions appropriately from within
* the scope of UnitAccessorMutator
*
* @memberof platform/features/layout
* @constructor
* @param {ElementProxy} proxy ElementProxy object to perform the update
* upon
*/
function UnitAccessorMutator(elementProxy) {
return function (useGrid) {
var current = elementProxy.element.useGrid;
if (arguments.length > 0) {
elementProxy.element.useGrid = useGrid;
if (useGrid && !current) {
elementProxy.convertCoordsTo('grid');
} else if (!useGrid && current) {
elementProxy.convertCoordsTo('px');
}
}
return elementProxy.element.useGrid;
};
}
return UnitAccessorMutator;
}
);