mirror of
https://github.com/nasa/openmct.git
synced 2024-12-20 13:43:09 +00:00
Adding static-markup bundle.
This commit is contained in:
parent
c20ad3764d
commit
b022babedb
21
platform/features/static-markup/bundle.json
Normal file
21
platform/features/static-markup/bundle.json
Normal file
@ -0,0 +1,21 @@
|
||||
{
|
||||
"extensions": {
|
||||
"types": [
|
||||
{
|
||||
"key": "static.markup",
|
||||
"name": "Static Markup",
|
||||
"glyph": "\u0070",
|
||||
"description": "Static markup sandbox",
|
||||
"features": [ "creation" ]
|
||||
}
|
||||
],
|
||||
"views": [
|
||||
{
|
||||
"templateUrl": "markup.html",
|
||||
"name": "Static Markup",
|
||||
"type": "static.markup",
|
||||
"key": "static.markup"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
24
platform/features/static-markup/res/markup.html
Normal file
24
platform/features/static-markup/res/markup.html
Normal file
@ -0,0 +1,24 @@
|
||||
<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>
|
Loading…
Reference in New Issue
Block a user