ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-23 09:25:29 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Plots] #638 New plot display options

Browse Source
This commit is contained in:
Henry
2016-01-27 13:52:31 -08:00
parent 2dd9a16bf3
commit 6fb6761abf
16 changed files with 782 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
platform/features/layout/res/templates/plot-options-browse.html Normal file
View File

@ -0,0 +1,57 @@
<style>
.l-inspect .inspector-plot-options .plot-options-form .label {
text-transform: none;
}
.l-inspect .inspector-plot-options .plot-options-form .form .controls {
width: 50%;
}
.l-inspect .inspector-plot-options .plot-options-form .form .label {
width: 50%;
min-width: 50px;
color: #bfbfbf;
}
.l-inspect .inspector-plot-options .plot-options-form {
padding-left: 20px;
}
.l-inspect .inspector-plot-options .plot-options-form .form-row {
border-top: none;
}
.l-inspect .inspector-plot-options .plot-options-form .form .form-row.first {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
</style>
<div ng-controller="PlotOptionsController" class="inspector-plot-options">
<em>Display</em>
<ul class="first flex-elem grows vscroll">
<ul class="tree">
<li ng-repeat="child in children">
<span ng-controller="ToggleController as toggle">
<span ng-controller="TreeNodeController as treeNode">
<span class="tree-item menus-to-left">
<span
class='ui-symbol view-control flex-elem'
ng-class="{ 'has-children': model.composition !== undefined, expanded: toggle.isActive() }"
ng-click="toggle.toggle(); treeNode.trackExpansion()">
</span>
<mct-representation
class="rep-object-label"
key="'label'"
mct-object="child">
</mct-representation>
</span>
</span>
<div class="plot-options-form">
<mct-form
ng-class="{hidden: !toggle.isActive()}"
ng-model="plotOptionsModel"
structure="plotOptionsStructure"
name="plotOptionsState"
class="flex-elem">
</mct-form>
</div>
</span>
</li>
</ul>
</ul>
</div>