mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 06:52:24 +00:00
9d2c7a6de5
* [Frontend] WIP New local-controls classes Fixes #2000 - h-local-controls - Markup in plots changed - Changed reset plot button's icon * [Frontend] WIP local-controls classes Fixes #2000 - Refactoring to use and apply local-control classes consistently; - Plots and imagery done in main view and Display Layout contexts; * [Frontend] WIP local-controls classes Fixes #2000 - Use local-control classes in Timelines; - Group Timeline buttons in l-btn-set; - Use reset icon glyph; * [Frontend] WIP local-controls classes Fixes #2000 - Slight increase in size to buttons in frame context; * [Frontend] local-controls classes Fixes #2000 - Code cleanup; - Update Style Guide content; - Provisionally done, needs unit testing and double-checking; * [Frontend] Better selecting in browse mode Fixes #2000 - Better colors and approach to selecting in browse mode; * [Frontend] Tweaks to pane collapse mini-tabs Fixes #1758 Fixes #2000 - Enlarged mini-tabs and moved to screen top; - Removed duplicative theme-based constants; * [Frontend] Tweaks to "nav up" arrow button Fixes #1758 Fixes #2000 - Increased hit area of .l-back "nav up" arrow in object-browse-bar; * [Frontend] Glyph improvements Fixes #1758 Fixes #2000 - New arrow glyph for view controls; - Increased hit area of view controls in tree for mobile and desktop; - Better "hamburger" menu glyph; * [Frontend] Inspector refactor to CSS grid WIP Fixes #1758 Fixes #2000 - WIP!!!; - Good progress on Properties section; * [Frontend] Inspector refactor to CSS grid WIP Fixes #2000 - Significant mods to CSS and markup; - New grid archetypes classes; - Added title attribs to plot options edit and browse props; - Added value, alarm markers to plot series browse props; - Nearly done (?) but needs unit testing and cleanups; * [Frontend] Minor tweaks to form and form-row Fixes #2000 - Fixing margin problem with .form-row; - h2 instead of div.section-header; * [Frontend] Fixed H2 in Elements pool Fixes #2000 * Refinements to Time Conductor Fixes #2000 - Tweaks size of fixed position grab ticks; - Positioning refinements to ticks and text; - Hide major tick marks; * Hide View Large button for nested hidden-frame Layouts Fixes #2000 - When a layout is nested and has its frame hidden, hide the View Large button; * Better hiding of Time Conductor "Submit" button Fixes #2000 * Re-added new icon-arrow-right-equilateral glyph; Fixes #2000 Fixes #2078 * Remove commented styles/markup Fixes #2000 Fixes #2078 * Repaired approach to hiding Time Conductor Submit button Fixes #2000 Fixes #2078 - Renamed .off to .invisible and added refinements; * Fixed wrong conflict resolutions; polish search Fixes #2000 Fixes #2078 - .invisible instead of .off in search.html; - Minor polishing to search; fixes #1758 fixes #1763 fixes #2011
63 lines
2.8 KiB
HTML
63 lines
2.8 KiB
HTML
<div class="t-imagery" ng-controller="ImageryController as imagery">
|
|
<mct-split-pane class='abs' anchor="bottom" alias="imagery">
|
|
<div class="split-pane-component has-local-controls l-image-main-wrapper l-flex-col"
|
|
ng-mouseenter="showLocalControls = true;"
|
|
ng-mouseleave="showLocalControls = false;">
|
|
<div class="h-local-controls h-local-controls-overlay-content h-local-controls-trans s-local-controls local-controls-hidden l-flex-row">
|
|
<span class="holder flex-elem grows">
|
|
<input class="icon-brightness" type="range"
|
|
min="0"
|
|
max="500"
|
|
ng-model="filters.brightness">
|
|
</input>
|
|
<input class="icon-contrast" type="range"
|
|
min="0"
|
|
max="500"
|
|
ng-model="filters.contrast">
|
|
</input>
|
|
</span>
|
|
<span class="holder flex-elem t-reset-btn-holder">
|
|
<a class="s-icon-button icon-reset t-btn-reset"
|
|
ng-click="filters = { brightness: 100, contrast: 100 }"></a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="l-image-main s-image-main flex-elem grows"
|
|
ng-class="{ paused: imagery.paused(), stale:false }">
|
|
<div class="image-main"
|
|
|
|
mct-background-image="imagery.getImageUrl()"
|
|
filters="filters">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="l-image-main-controlbar flex-elem l-flex-row">
|
|
<div class="l-datetime-w flex-elem grows">
|
|
<a class="s-button show-thumbs sm hidden icon-thumbs-strip"
|
|
ng-click="showThumbsBubble = (showThumbsBubble) ? false:true"></a>
|
|
<span class="l-time">{{imagery.getTime()}}</span>
|
|
</div>
|
|
<div class="h-local-controls flex-elem">
|
|
<a class="s-button pause-play"
|
|
ng-click="imagery.paused(!imagery.paused())"
|
|
ng-class="{ paused: imagery.paused() }"></a>
|
|
<a href=""
|
|
class="s-button l-mag s-mag vsm icon-reset"
|
|
ng-click="clipped = false"
|
|
ng-show="clipped === true"
|
|
title="Not all of image is visible; click to reset."></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<mct-splitter></mct-splitter>
|
|
<div class="split-pane-component l-image-thumbs-wrapper">
|
|
<div class="l-image-thumb-item" ng-class="{selected: image.selected}" ng-repeat="image in imageHistory track by $index"
|
|
ng-click="imagery.setSelectedImage(image)" ng-init="imagery.scrollToBottom()">
|
|
<img class="l-thumb"
|
|
ng-src={{imagery.getImageUrl(image)}}>
|
|
<div class="l-time">{{imagery.getTime(image)}}</div>
|
|
</div>
|
|
</div>
|
|
</mct-split-pane>
|
|
</div>
|