changeset 2373:86e569fa59c7

metrics to its own page
author drewp@bigasterisk.com
date Thu, 08 Jun 2023 14:53:50 -0700
parents 06bf6dae8e64
children 9d47c44d4ae4
files light9/web/index.html light9/web/metrics/StatsLine.ts light9/web/metrics/index.html
diffstat 3 files changed, 20 insertions(+), 12 deletions(-) [+]
line wrap: on
line diff
--- a/light9/web/index.html	Thu Jun 08 13:20:23 2023 -0700
+++ b/light9/web/index.html	Thu Jun 08 14:53:50 2023 -0700
@@ -4,18 +4,7 @@
     <title>light9 home</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="style.css" />
-    <script type="module" src="metrics/ServiceButtonRow.ts"></script>
   </head>
   <body>
-    <h1>light9 home page</h1>
-
-    <div style="display: grid">
-      <service-button-row name="ascoltami" metrics="1"></service-button-row>
-      <service-button-row name="fade"></service-button-row>
-      <service-button-row name="effectListing"></service-button-row>
-      <service-button-row name="effectSequencer" metrics="1"></service-button-row>
-      <service-button-row name="collector" metrics="1"></service-button-row>
-      <service-button-row name="rdfdb" metrics="1"></service-button-row>
-    </div>
   </body>
 </html>
--- a/light9/web/metrics/StatsLine.ts	Thu Jun 08 13:20:23 2023 -0700
+++ b/light9/web/metrics/StatsLine.ts	Thu Jun 08 14:53:50 2023 -0700
@@ -48,7 +48,7 @@
     changedProperties.forEach((oldValue: any, propName: string) => {
       if (propName == "name") {
         const reload = () => {
-          fetch(this.name + "/metrics").then((resp) => {
+          fetch("/service/"+this.name + "/metrics").then((resp) => {
             if (resp.ok) {
               resp
                 .text()
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/light9/web/metrics/index.html	Thu Jun 08 14:53:50 2023 -0700
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>metrics</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../style.css" />
+    <script type="module" src="./ServiceButtonRow.ts"></script>
+  </head>
+  <body>
+    <div style="display: grid">
+      <service-button-row name="ascoltami" metrics="1"></service-button-row>
+      <service-button-row name="fade"></service-button-row>
+      <service-button-row name="effects"></service-button-row>
+      <service-button-row name="effectSequencer" metrics="1"></service-button-row>
+      <service-button-row name="collector" metrics="1"></service-button-row>
+      <service-button-row name="rdfdb" metrics="1"></service-button-row>
+    </div>
+  </body>
+</html>