alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Layout] Add numerical inputs for fixed-position layout

Browse Source 
Added individual property inputs to the toolbar for height, width, x,
 y, and line endpoint coordinates in fixed/bundle.js.

Added "edit<Property>" AccessorMutators for height and width to each
of the element proxies, so these properties can be exposed only for
elements where it makes sense (e.g. boxes, but not lines, since lines
are better controlled by endpoint coordinates).

Added a method "checkNumeric" to ElementProxy.js , to be used
to restrict inputs to integral values for position and size
 textfield inputs.

Current issues: endpoint coordinate inputs have undexpected behvaior,
handles disappear after using the input fields to modify element
properties.
This commit is contained in:
Doubek-Kraft
2017-06-23 09:28:49 -07:00
committed by Aaron Doubek-Kraft
parent 445dfb3d91
commit 280c838735
6 changed files with 100 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -142,7 +142,73 @@ define([
"cssClass": "l-input-lg",
"required": true
}
}
]
},
{
"items": [
{
"property": "x",
"text": "X",
"name": "X",
"cssClass": "l-input-sm",
"control": "textfield"
},
{
"property":"y",
"text": "Y",
"name": "Y",
"cssClass": "l-input-sm",
"control": "textfield"
},
{
"method": "y1",
"text": "X1",
"name": "X1",
"cssClass": "l-input-sm",
"control" : "textfield"
},
{
"property": "y1",
"text": "Y1",
"name": "Y1",
"cssClass": "l-input-sm",
"control" : "textfield"
},
{
"property": "x2",
"text": "X2",
"name": "X2",
"cssClass": "l-input-sm",
"control" : "textfield"
},
{
"property": "y2",
"text": "Y2",
"name": "Y2",
"cssClass": "l-input-sm",
"control" : "textfield"
},
{
"property": "editHeight",
"text": "H",
"name": "H",
"cssClass": "l-input-sm numerical",
"control": "textfield",
"description": "Resize change object height"
},
{
"property": "editWidth",
"text": "W",
"name": "W",
"cssClass": "l-input-sm numerical",
"control": "textfield",
}
]
},
{
"items":[
{
"property": "text",
"cssClass": "icon-gear",