mirror of
https://github.com/nasa/openmct.git
synced 2025-01-03 20:04:09 +00:00
cb1a1c2616
* Clocks and timers styling WIP - Markup, new styles; - Renamed _legacy-plots.scss > _legacy; - New $colorBodyFgEm constants - theme files all updated; * Clocks and timers styling complete * Styles clean up - Moved legacy styles out of _global into _legacy.scss;
38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<!--
|
|
Open MCT, Copyright (c) 2009-2016, United States Government
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
Administration. All rights reserved.
|
|
|
|
Open MCT is licensed under the Apache License, Version 2.0 (the
|
|
"License"); you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
http://www.apache.org/licenses/LICENSE-2.0.
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
License for the specific language governing permissions and limitations
|
|
under the License.
|
|
|
|
Open MCT includes source code licensed under additional open source
|
|
licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
this source code distribution or the Licensing information page available
|
|
at runtime from the About dialog for additional information.
|
|
-->
|
|
<div class="c-timer is-{{timer.timerState}}" ng-controller="TimerController as timer">
|
|
<div class="c-timer__controls">
|
|
<button ng-click="timer.clickStopButton()"
|
|
ng-hide="timer.timerState == 'stopped'"
|
|
title="Reset"
|
|
class="c-timer__ctrl-reset c-click-icon c-click-icon--major icon-reset"></button>
|
|
<button ng-click="timer.clickButton()"
|
|
title="{{timer.buttonText()}}"
|
|
class="c-timer__ctrl-pause-play c-click-icon c-click-icon--major {{timer.buttonCssClass()}}"></button>
|
|
</div>
|
|
<div class="c-timer__direction {{timer.signClass()}}"
|
|
ng-hide="!timer.signClass()"></div>
|
|
<div class="c-timer__value">{{timer.text() || "--:--:--"}}
|
|
</div>
|
|
<span class="c-timer__ng-controller u-contents" ng-controller="RefreshingController"></span>
|
|
</div>
|