Adding vue copy/paste from daggy

2022-10-07 12:25:41 -03:00
parent 6b49038db6
commit e711b3249b
33 changed files with 4831 additions and 42 deletions
@@ -1,43 +1,14 @@
-<html>
-  <script src="https://unpkg.com/timelines-chart"></script>
-</html>
-<body>
-  <div id="timeline"></div>
-  <script>
-    fetch("http://localhost:2503/api/v1/details",
-          {
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/json'
-                  },
-                body: '{ "start": "2021-09-01T00:00:00Z", "end": "2022-10-01T00:00:00Z" }'
-              }
-        )
-      .then((response) =>  {
-            if (!response.ok) {
-              throw new Error('Network response was not OK');
-            }
-            return response.json();
-          })
-      .then((payload) => {
-            console.log(payload);
-            payload.map((group) => {
-                  Object.values(group.data).map((label) => {
-                        label.data.map((interval) => {
-                              interval.timeRange = interval.timeRange.map((t) => new Date(t));
-                            })
-                      })
-                });
-            TimelinesChart()
-            (document.body)
-              .timeFormat("%Y-%m-%dT%H:%M:%S.%LZ")    // ISO 8601 format
-              .zScaleLabel('State')
-              .zQualitative(true)
-              .useUtc(false)
-              .data(payload)
-          }
-          )
-      .catch(err => { throw err });
-  </script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://unpkg.com/timelines-chart"></script>
+    <title>Waterfall</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
 </html>