2015-06-03 10:25:37 -07:00
|
|
|
<!--
|
|
|
|
|
Open MCT Web, Copyright (c) 2014-2015, United States Government
|
|
|
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
|
|
|
Administration. All rights reserved.
|
|
|
|
|
|
|
|
|
|
Open MCT Web 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 Web 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.
|
|
|
|
|
-->
|
2015-06-03 10:23:49 -07:00
|
|
|
<h1>Static Markup Sandbox</h1>
|
|
|
|
|
|
|
|
|
|
<h2>Plot limits</h2>
|
|
|
|
|
<div ng-init="limits=[
|
|
|
|
|
{type: 'upr', severity: 'red', top: 0, bottom: 90},
|
|
|
|
|
{type: 'upr', severity: 'yellow', top: 10, bottom: 80},
|
|
|
|
|
{type: 'lwr', severity: 'yellow', top: 70, bottom: 20},
|
|
|
|
|
{type: 'lwr', severity: 'red', top: 80, bottom: 0}
|
|
|
|
|
]"></div>
|
|
|
|
|
<div style="width: 1000px; height: 500px">
|
|
|
|
|
<div class="gl-plot" style="height: 100%;">
|
|
|
|
|
<div class="gl-plot-display-area">
|
|
|
|
|
<div
|
|
|
|
|
ng-repeat="limit in limits"
|
|
|
|
|
ng-show="1"
|
|
|
|
|
class="t-limit l-limit s-limit-{{limit.type}}-{{limit.severity}}"
|
|
|
|
|
style="top: {{limit.top}}%; bottom: {{limit.bottom}}%"
|
|
|
|
|
></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2>Animation</h2>
|
|
|
|
|
<div class="pulse" style="background: #cc0000; color: #fff; padding: 10px;">This should pulse</div>
|
