Adding static-markup bundle.

This commit is contained in:
Charles Hacskaylo 2015-06-03 10:23:49 -07:00
parent c20ad3764d
commit b022babedb
2 changed files with 45 additions and 0 deletions

View 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"
}
]
}
}

View 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>