ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-11 13:03:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Fixed Position] Add 'Add' menu button

Browse Source 
Add UI for the Add button in fixed position view,
WTD-880.
This commit is contained in:
Victor Woeltjen 2015-02-20 11:30:04 -08:00
parent 1015e97b3e
commit 2be58579dc
3 changed files with 55 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
platform/features/layout/bundle.json
View File

@ -26,9 +26,31 @@
"items": [ "items": [
{ {
"method": "add", "method": "add",
"control": "button", "control": "menu-button",
"text": "Add", "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"
}
]
} }
] ]
}, },

4
platform/forms/bundle.json
View File

@ -45,6 +45,10 @@
{ {
"key": "composite", "key": "composite",
"templateUrl": "templates/controls/composite.html" "templateUrl": "templates/controls/composite.html"
},
{
"key": "menu-button",
"templateUrl": "templates/controls/menu-button.html"
} }
], ],
"controllers": [ "controllers": [

27
platform/forms/res/templates/controls/menu-button.html Normal file
View File

@ -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>