diff view/index.ts @ 18:6f38aa08408d

starting over: make a web page that draws a streamed graph from collector, with plans for services to scrape the data that collector will subscribe to
author drewp@bigasterisk.com
date Sun, 09 Jan 2022 00:21:41 -0800
parents
children 5751ef191454
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/view/index.ts	Sun Jan 09 00:21:41 2022 -0800
@@ -0,0 +1,37 @@
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+export { StreamedGraph } from "streamed-graph";
+
+@customElement("reposync-page")
+export class ReposyncPage extends LitElement {
+  static styles = [
+    css`
+      :host {
+        display: block;
+      }
+
+      th {
+        text-align: left;
+        white-space: nowrap;
+      }
+      td.github {
+        white-space: nowrap;
+        opacity: 0.5;
+      }
+      td.github.on {
+        opacity: 1;
+      }
+      span.check {
+        font-size: 200%;
+      }
+    `,
+  ];
+
+
+  render() {
+    return html`
+      <h1>repo statuses yay</h1>
+      <streamed-graph url="/collector/graph/home" expanded="true"></streamed-graph>
+    `;
+  }
+}