thomas/script-graph
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add devcontainer and stuff

Browse Source
This commit is contained in:
Thomas Lovén
2021-03-26 12:37:58 +00:00
parent eb7fdeddac
commit b1916fe55d
8 changed files with 450 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
index.html Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<title>Script graph demo</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.14.0/js-yaml.min.js"></script>
<script src="index.js" type="module"></script>
</head>
<body style="margin: 24px">
<style>
div.card {
display: inline-block;
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
padding: 16px;
font-family: Roboto, Noto, sans-serif;
font-size: 14px;
vertical-align: top;
}
code {
display: block;
white-space: pre-wrap;
}
#graph {
max-width: 400px;
overflow: auto;
}
.code {
max-height: 800px;
width: 400px;
overflow: auto;
vertical-align: top;
}
</style>
<div>
<div class="card" id="graph">
</div>
<div class="card" id="graph2">
<script-graph3>
<script-graph-node></script-graph-node>
<script-graph-node
icon="check"
></script-graph-node>
<script-graph-branch>
<script-graph-node
icon="check"
></script-graph-node>
<script-graph3>
<script-graph-node
icon="check"
></script-graph-node>
<script-graph-node
icon="check"
></script-graph-node>
</script-graph3>
<script-graph-branch>
<script-graph-node
icon="check"
></script-graph-node>
<script-graph-node
icon="check"
></script-graph-node>
</script-graph-branch>
</script-graph-branch>
<script-graph-node></script-graph-node>
</script-graph3>
</div>
<div class="card code">
<h1> Selected node code </h1>
<wc-codemirror mode="json" id="snippet">
</wc-codemirror>
<button id="saveSnippet">Save</button>
<button id="deleteSnippet">Delete</button>
</div>
<div class="card code">
<h1>Full script code</h1>
<wc-codemirror mode="yaml" id="fullcode">
</wc-codemirror>
<button id="updateButton">Update</button>
</div>
</div>
</body>
</html>