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

[Forms] Update selector template

Browse Source 
Update selector template to request necessary information
to populate domain object selector, as shown in UI diagrams
for WTD-987.
This commit is contained in:
Victor Woeltjen
2015-03-09 16:54:22 -07:00
parent 66c8f5fe76
commit 67bb110dc8
1 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
platform/commonUI/general/res/templates/controls/selector.html
View File

@@ -1,5 +1,5 @@
<div class='form-control complex channel-selector cols cols-32' <div class='form-control complex channel-selector cols cols-32'
ng-controller=""> ng-controller="SelectorController as selector">
<div class='col col-15'> <div class='col col-15'>
<div class='line field-hints'>Available</div> <div class='line field-hints'>Available</div>
<div id='_form_filter' class='line filter'> <div id='_form_filter' class='line filter'>
@@ -14,26 +14,45 @@
</div> </div>
<div class='line treeview checkbox-list' name='available'> <div class='line treeview checkbox-list' name='available'>
<mct-representation key="'tree'"
mct-object="selector.root()"
ng-model="selector.treeModel">
</mct-representation>
</div> </div>
</div> </div>
<div class='col col-2'> <div class='col col-2'>
<div class='btn-holder valign-mid btns-add-remove'> <div class='btn-holder valign-mid btns-add-remove'>
<a class='btn major' href=''><span class='ui-symbol'>&gt;</span></a> <a class='btn major' href=''
<a class='btn major' href=''><span class='ui-symbol'>&lt;</span></a> ng-click="selector.select(selector.treeModel.selectedObject)">
<span class='ui-symbol'>&gt;</span>
</a>
<a class='btn major' href=''
ng-click="selector.deselect">
<span class='ui-symbol'>&lt;</span>
</a>
</div> </div>
</div> </div>
<div class='col col-15'> <div class='col col-15'>
<div class='line field-hints'>Selected</div> <div class='line field-hints'>Selected</div>
<div id='_form_filter' class='line filter'> <div id='_form_filter' class='line filter'>
<input type='text' class='control filter' name='filter-selected' /> <input type='text' class='control filter' name='filter-selected' />
<a class='icon ui-symbol t-selected-trigger' href='' title="Filter is case sensitive">M</a> <a class='icon ui-symbol t-selected-trigger'
href=''
title="Filter is case sensitive">
M
</a>
</div> </div>
<div class="line"> <div class="line">
Showing {{shown}} of {{count}} available options. Showing {{shown}} of {{count}} available options.
</div> </div>
<div class='line treeview checkbox-list' name='selected'> <div class='line treeview checkbox-list' name='selected'>
<mct-representation ng-repeat="selectedObject in selector.selected()"
key="'breadcrumb'"
mct-object="selectedObject"
ng-click="selector.listModel.selectedObject = selectedObject"
ng-class="{ test: selector.listModel.selectedObject === selectedObject }">
</mct-representation>
</div> </div>
</div> </div>
</div> </div>