STEINNI
73 lines
1.6 KiB
HTML
73 lines
1.6 KiB
HTML
<style>
|
|
|
|
|
|
.component-lab [eicstatechart] {
|
|
height: 320px;
|
|
}
|
|
|
|
.component-lab { }
|
|
.component-lab textarea {
|
|
height: 240px;
|
|
font-family: monospace;
|
|
}
|
|
.component-lab { }
|
|
</style>
|
|
<article eiccard class="component-lab">
|
|
<header>
|
|
<h1>Components Forge</h1>
|
|
<h2>Current: Relation Map</h2>
|
|
</header>
|
|
<section>
|
|
<div eicstatechart class="relation-map"></div>
|
|
<div class="cols-2">
|
|
<div>
|
|
<label xsmall>config</label>
|
|
<textarea eictextarea name="config">
|
|
{
|
|
"orientation": "linear",
|
|
"resizable": true,
|
|
"allowDrag": true,
|
|
"entity": {
|
|
"width": 180,
|
|
"height": 80,
|
|
"gap": 40
|
|
}
|
|
}
|
|
</textarea>
|
|
</div>
|
|
<div>
|
|
<label xsmall>data</label>
|
|
<textarea eictextarea name="data">
|
|
{
|
|
"entities": [
|
|
{
|
|
"title": "Entity 1",
|
|
"severity": "info"
|
|
},
|
|
{
|
|
"title": "Entity 2",
|
|
"subtitle": "has an id value of 2",
|
|
"data": {
|
|
"id": 2,
|
|
"test": "some value"
|
|
}
|
|
},
|
|
{
|
|
"title": "Entity 3",
|
|
"subtitle": "has an id value of 3",
|
|
"badge": 42,
|
|
"data": {
|
|
"id": 3,
|
|
"test": "some value"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="cols-1 right">
|
|
<button eicbutton xsmall primary class="button-update">update</button>
|
|
</div>
|
|
</section>
|
|
</article> |