Initial commit. POC

2020-08-21 08:41:38 +02:00
commit d039c391e7
8 changed files with 652 additions and 0 deletions
--- a/example.html
+++ b/example.html
@@ -0,0 +1,48 @@
+<!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;
+    }
+    code {
+      display: block;
+      white-space: pre-wrap;
+    }
+    #graph {
+      max-width: 400px;
+      overflow: auto;
+    }
+    #code, #fullcode {
+      max-height: 800px;
+      width: 400px;
+      overflow: auto;
+      vertical-align: top;
+    }
+  </style>
+    <div>
+      <div class="card" id="graph">
+      </div>
+      <div class="card" id="code">
+        <code>
+        </code>
+      </div>
+      <div class="card" id="fullcode">
+        <wc-codemirror mode="yaml">
+        </wc-codemirror>
+        <button id="updateButton">Update</button>
+      </div>
+    </div>
+  </body>
+</html>