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

[Frontend] Styling for controls

Browse Source 
Fixes #1324
CSS, markup, new glyphs for
brightness and contrast
This commit is contained in:
Charles Hacskaylo
2016-11-14 18:12:06 -08:00
parent 3e6e068f7f
commit b1464efdaf
8 changed files with 50 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
platform/features/imagery/res/templates/imagery.html
View File

@@ -2,20 +2,19 @@
<div class="l-image-main-wrapper l-flex-col"
ng-mouseenter="showLocalControls = true;"
ng-mouseleave="showLocalControls = false;">
<div
class="l-local-controls s-local-controls"
ng-show="false && showLocalControls">
<a class="s-button icon-arrow-left"
ng-click="plot.stepBackPanZoom()"
ng-show="1"
title="Restore previous pan/zoom">
</a>
<div class="l-local-controls s-local-controls s-wrapper-transluc"
ng-show="showLocalControls">
<input class="icon-contrast" type="range"
min="0"
max="200"
ng-model="filters.contrast">
</input>
<a class="s-button icon-arrows-out"
ng-click="plot.unzoom()"
ng-show="1"
title="Reset pan/zoom">
</a>
<input class="icon-brightness" type="range"
min="0"
max="200"
ng-model="filters.brightness">
</input>
</div>
<div class="l-image-main s-image-main flex-elem grows"
@@ -33,16 +32,6 @@
<span class="l-date">{{imagery.getDate()}}</span>
</div>
<div class="right flex-elem">
<input type="range"
min="0"
max="200"
ng-model="filters.contrast">
</input>
<input type="range"
min="0"
max="200"
ng-model="filters.brightness">
</input>
<a class="s-button pause-play"
ng-click="imagery.paused(!imagery.paused())"
ng-class="{ paused: imagery.paused() }"></a>