mirror of
https://github.com/nasa/openmct.git
synced 2025-02-11 21:26:28 +00:00
f77c6c821c
* Legacy style migration in progress
- Working bottom up, many legacy items commented out. Stopped at
controls/indicators;
* Further migrations and deprecating
- Legacy indicator styles moved;
* WIP Styles migration
- s-button converted to c-button, WIP;
- Other
* Significant progress on migration, but still very WIP
- Mostly constants and overlay styling;
- Also bubbles and splitter;
- TODO: fix tree in overlay and splitter in imagery!
* Fix Summary Widgets UI WIP
- Remove non-working status 'editing' checks;
* Fix Summary Widgets UI WIP
- Remove non-working status 'editing' checks;
- view-control > c-disclosure-triangle;
* Fix Summary Widgets UI WIP
- Markup changes;
- Migrate CSS to styles-new, remove old;
* Fix Summary Widgets UI WIP
- Rule formatting and layout;
- Refinement to _controls / select {} padding;
* Fix Summary Widgets UI WIP
- Toolbar styles made more portable;
- Palette style migration;
- Very WIP;
* Fix Summary Widgets UI WIP
- Palettes all fixed and functional;
- Conditions layout;
- New c-button--swatched styles;
* Fix Summary Widgets UI WIP
- Clean up code;
* Fix Summary Widgets UI WIP
- Fix button in Test Data area;
* Fix layout in shell left pane due to elements being moved
- Styles fixed and refined;
* Fixed palettes
- Fixed icon palette;
- Significant refinement to general palette styles;
* Significant fixes for Summary Widgets
- Widget editing UI fixed;
- JS cleanups and improvements;
- CSS, JS code cleanup;
* Migrate tree view used in Locator
- Mods to legacy markup;
- Mods to current CSS;
- Removed import of legacy tree CSS in legacy-styles.scss;
* Migrate archetypes
- l-flex-row, l-flex-col, etc. moved to legacy;
- grid-* styles cleaned up and moved, @extends removed;
- WIP on c-object-label, move styles from mct-tree.vue into ObjectLabel
.vue;
- TODO: finish up c-object-label, cleanups in mct-tree.vue;
* Migrate effects and animation mixins
* Object labels, legacy cleanup
- Add and apply .c-object-label for tree node elements;
- Remove legacy class "tree" from markup;
- Tweak color of tree item hover for better contrast in Inspector;
* Fix palettes in Inspector
* Various
- Fix hover color in tree for better mechanics on a variety of bgs;
- Fix object label in Locator tree;
- Remove overlay blocker test color;
* Significant work for Summary Widgets, mctForm, compact form
- Forms in overlay dialogs fixed;
- form, compact-form, other classes migrated into new _forms.scss;
- Fixes for Summary Widgets;
- Theme constants files synced, add form values;
- Removed import of legacy forms/elems SCSS file;
* Migrate various
- Autoflow tabular;
- Datetime;
- Channel selector;
- Form validation;
* Migrate wait spinners, final cleanup
* Remove old src/styles directory
- Remove old Snow and Espresso plugins;
- Remove refs to old Snow and Espresso config'd aliases;
* Update Palette.js
* Update Palette.js
* Removed commented code
* Removed commented code
* Migrate About, startup and splash screen styles
63 lines
2.9 KiB
HTML
63 lines
2.9 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="c-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="c-button icon-pause pause-play"
|
|
ng-click="imagery.paused(!imagery.paused())"
|
|
ng-class="{ 'is-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>
|